/* huisstijl-nieuw.css (31-10, nieuw ontwerp stap 6): inloggen, Mijn account en het venster Cijfers invoeren in de nieuwe huisstijl.
   Het inlogscherm blijft onveranderd (Tamara 31-10). Deze schermen zijn niet apart ontworpen (besluit Tamara 31-10); alleen de vaste regels van de huisstijl: nergens schaduw,
   randen 1 px #ebe9f2, invulvelden wit met rand (zoals de zoekbalk op Home). Knoppen en indeling blijven zoals ze zijn.
   Alles hangt aan body.fb-nieuw (funnelboard-nieuw.js), dus met FB_NIEUW=false is het zoals voorheen. */
body.fb-nieuw .login-input:not(#loginPage *){background:#fff;border-color:#ebe9f2}
body.fb-nieuw .login-input:not(#loginPage *):hover{border-color:#a99ef0}
body.fb-nieuw .login-input:not(#loginPage *):focus{border-color:var(--paars)}
body.fb-nieuw .login-input:not(#loginPage *)[readonly],body.fb-nieuw .login-input:not(#loginPage *):disabled{background:#faf9ff}
body.fb-nieuw .account-tabs,body.fb-nieuw .account-paneel{box-shadow:none;border-color:#ebe9f2}
body.fb-nieuw .ck-kaart{box-shadow:none;border-color:#ebe9f2}

/* Mijn account in de schil van Home (31-10): zijbalk links (232 px, zoals Home), kop zoals de andere schermen
   (oog 11,5 px + Antonio 40 px, links op 64 px, boven 32 px), tabs als de menuknoppen van de Funnelboard
   (geen vlak, paarse tekst, aan = lila), kaarten wit met rand en zonder schaduw, knoppen lila in plaats van vol paars. */
#accountOverlay .acc-kop{display:none}
body.fb-nieuw.acc-schil #accountOverlay{left:232px;z-index:210;background:#FAF9FF}
body.fb-nieuw.acc-schil.st-zij-smal #accountOverlay{left:64px}
body.fb-nieuw.acc-schil #accountOverlay .fov-header{display:block;background:none;border:0;padding:32px 64px 0;height:auto;box-shadow:none}
body.fb-nieuw.acc-schil #accountOverlay .fov-titel,body.fb-nieuw.acc-schil #btnAccountSluit{display:none}
body.fb-nieuw.acc-schil #accountOverlay .acc-kop{display:block}
body.fb-nieuw.acc-schil .acc-oog{font:700 11.5px/1.5 "DM Sans",system-ui,sans-serif;letter-spacing:1.61px;text-transform:uppercase;color:#6b6b74;margin:0 0 4px}
body.fb-nieuw.acc-schil .acc-h1{font:700 40px/42px "Antonio",sans-serif;color:#141414;margin:0;letter-spacing:0}
body.fb-nieuw.acc-schil #accountOverlay .fov-body{padding:28px 64px 130px}
body.fb-nieuw.acc-schil .account-body{max-width:none;margin:0}
body.fb-nieuw.acc-schil .account-tabs{background:none;border:0;box-shadow:none;padding:0;gap:2px;width:200px}
body.fb-nieuw.acc-schil .account-tab{color:#4101df;border-radius:8px;padding:9px 12px;font-size:14px;font-weight:600}
body.fb-nieuw.acc-schil .account-tab:hover{background:#f3f2f8;color:#4101df}
body.fb-nieuw.acc-schil .account-tab.actief{background:#ededff;color:#4101df}
body.fb-nieuw.acc-schil .account-paneel{border:1px solid #ebe9f2;box-shadow:none;border-radius:16px}
body.fb-nieuw.acc-schil .account-paneel .btn.prim{background:#ededff;color:#4101df;border:none;box-shadow:none}
body.fb-nieuw.acc-schil .account-paneel .btn.prim:hover{background:#dcd8f5}
body.fb-nieuw.acc-schil .account-paneel .btn:not(.prim){background:none;border:none;color:#4101df;box-shadow:none}
body.fb-nieuw.acc-schil .account-paneel .btn:not(.prim):hover{background:#f3f2f8}
body.fb-nieuw.acc-schil #btnAccountVerwijderen{color:#b4231f!important}
body.fb-nieuw.acc-schil #btnAccountVerwijderen:hover{background:#fdeae7}
.acc-hamb{display:none}
/* telefoon: de zijbalk is daar weg, dus het oude volle scherm met Sluiten */
@media (max-width:760px){
  /* tabs achter een hamburgermenu (Tamara 31-10): één knop met de naam van de open tab, klik = lijst eronder */
  body.fb-nieuw.acc-schil .account-body{position:relative;gap:16px}
  body.fb-nieuw.acc-schil .acc-hamb{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;background:#fff;border:1px solid #ebe9f2;border-radius:12px;padding:12px 14px;font:600 15px "DM Sans",system-ui,sans-serif;color:#4101df;cursor:pointer;text-align:left}
  body.fb-nieuw.acc-schil .acc-hamb span{flex:1}
  body.fb-nieuw.acc-schil .acc-hamb-pijl{transition:transform .15s}
  body.fb-nieuw.acc-schil .acc-menu-open .acc-hamb-pijl{transform:rotate(180deg)}
  body.fb-nieuw.acc-schil .account-tabs{display:none;flex-direction:column;flex-wrap:nowrap;width:auto;background:#fff;border:1px solid #ebe9f2;border-radius:12px;padding:6px;margin-top:-8px}
  body.fb-nieuw.acc-schil .acc-menu-open .account-tabs{display:flex}
  body.fb-nieuw.acc-schil #accountOverlay{left:0}
  body.fb-nieuw.acc-schil #accountOverlay .fov-header{display:flex;padding:12px 16px}
  body.fb-nieuw.acc-schil #accountOverlay .fov-titel,body.fb-nieuw.acc-schil #btnAccountSluit{display:revert}
  body.fb-nieuw.acc-schil #accountOverlay .acc-kop{display:none}
  body.fb-nieuw.acc-schil #accountOverlay .fov-body{padding:20px 16px 130px}
}