/* funnelboard-nieuw.css (31-10): het Funnelboard in de nieuwe huisstijl (ontwerp akkoord Tamara 30-10, artifact versie 18).
   Gegenereerd uit intern/startscherm-voorstel/funnelboard-ontwerp-board.html met funnelboard-naar-app/omzet-board.py:
   alleen de regels van de gekozen stand (witte balk, knoppen zonder vlak, palet als lijst in de balkkleur, logo zonder beeldmerk,
   balk op één rij en opgeruimd, Lucide, geen schaduw, canvaslila met stippen). Alles hangt aan body.fb-nieuw (funnelboard-nieuw.js),
   dus zonder die klasse is het board zoals voorheen. Niet met de hand bijwerken: opnieuw genereren. */
body.fb-nieuw .fb-logo{display:none;width:26px;height:26px}
body.fb-nieuw .fb-tegel{display:none;width:28px;height:28px;border-radius:7px}
body.fb-nieuw .toolbar .brand .fb-woord{color:var(--paars)}
body.fb-nieuw .toolbar .brand .fb-woord span{color:var(--inkt)}
body.fb-nieuw .toolbar .brand{display:inline-flex;align-items:center;gap:9px}
body.fb-nieuw:not(.fb-uit) .toolbar .btn{background:#f3f2f8!important;border:1px solid #ebe9f2!important;color:#2a0197!important;border-radius:10px;font-weight:600}
body.fb-nieuw:not(.fb-uit) .toolbar .btn:hover{background:#ededff!important;border-color:#dcd8f5!important}
body.fb-nieuw:not(.fb-uit) .toolbar .btn-hist{background:transparent!important;border-color:transparent!important}
body.fb-nieuw:not(.fb-uit) .toolbar .btn-hist:hover{background:#f3f2f8!important}
body.fb-nieuw:not(.fb-uit) .toolbar .btn.aan{background:#2a0197!important;border-color:#2a0197!important;color:#fff!important}
body.fb-nieuw:not(.fb-uit) .toolbar #btnDeel{background:#2a0197!important;border-color:#2a0197!important;color:#fff!important}
body.fb-nieuw:not(.fb-uit) .toolbar #btnDeel:hover{background:#4101df!important}
body.fb-nieuw:not(.fb-uit) .toolbar .naam{background:#f3f2f8;color:#2a0197}
body.fb-nieuw:not(.fb-uit) .toolbar .account-knop{background:#f3f2f8;border-color:#ebe9f2;color:#2a0197}
body.fb-nieuw:not(.fb-uit) .toolbar .account-naam{color:#2a0197}
body.fb-nieuw:not(.fb-uit) .toolbar .collab-bel{color:#2a0197}
body.fb-nieuw:not(.fb-uit) .toolbar .btn:not(.aan):not(#btnDeel){background:transparent!important;border-color:transparent!important}
body.fb-nieuw:not(.fb-uit) .toolbar .btn:not(.aan):not(#btnDeel):hover{background:#f3f2f8!important}
body.fb-nieuw:not(.fb-uit) .toolbar .naam{background:transparent;border-color:#ebe9f2}
body.fb-nieuw:not(.fb-uit) .toolbar .account-knop{background:transparent;border-color:#ebe9f2}
body.fb-nieuw:not(.fb-uit) .toolbar .btn.aan{background:#ededff!important;border-color:#ededff!important;color:#2a0197!important}
body.fb-nieuw:not(.fb-uit) .toolbar .btn,body.fb-nieuw:not(.fb-uit) .toolbar .naam,body.fb-nieuw:not(.fb-uit) .toolbar .account-knop,body.fb-nieuw:not(.fb-uit) .toolbar .account-naam,body.fb-nieuw:not(.fb-uit) .toolbar .collab-bel{color:#4101df!important}
body.fb-nieuw:not(.fb-uit) .toolbar .btn.aan{color:#4101df!important}
body.fb-nieuw:not(.fb-uit) .toolbar #btnDeel{background:#4101df!important;border-color:#4101df!important;color:#fff!important}
body.fb-nieuw:not(.fb-uit) .toolbar #btnDeel:hover{background:#2e00a8!important}
body.fb-nieuw:not(.fb-uit):not(.fb-uit):not(.fb-uit) .toolbar .btn,body.fb-nieuw:not(.fb-uit):not(.fb-uit):not(.fb-uit) .toolbar .account-knop,body.fb-nieuw:not(.fb-uit):not(.fb-uit):not(.fb-uit) .toolbar .naam{border-radius:8px!important}
body.fb-nieuw:not(.fb-uit):not(.fb-uit) .palette{background:#fff;border-right-color:#ebe9f6}
body.fb-nieuw:not(.fb-uit):not(.fb-uit):not(.fb-uit):not(.fb-uit) .toolbar .btn#btnDeel:not(.q){background:#ededff!important;border-color:#ededff!important;color:#4101df!important}
body.fb-nieuw:not(.fb-uit):not(.fb-uit):not(.fb-uit):not(.fb-uit) .toolbar .btn#btnDeel:not(.q):hover{background:#dcd8f5!important;border-color:#dcd8f5!important}
body.fb-nieuw .per-invoer{background:#ededff!important;border-color:#ededff!important;color:#4101df!important}
body.fb-nieuw .per-invoer:hover{background:#dcd8f5!important}
body.fb-nieuw .per-invoer svg{stroke:#4101df}
body.fb-nieuw .toolbar{flex-wrap:nowrap;gap:6px}
body.fb-nieuw .toolbar .tb-right{flex-wrap:nowrap;gap:4px;flex:none}
body.fb-nieuw .toolbar .naam{min-width:120px;max-width:220px;flex:0 1 220px}
body.fb-nieuw .toolbar .btn{white-space:nowrap}
@media (max-width:1310px){body.fb-nieuw .toolbar .naam{min-width:100px}}
body.fb-nieuw .fb-status2,body.fb-nieuw .fb-deelpijl,body.fb-nieuw .fb-deelmenu{display:none}
body.fb-nieuw .toolbar #btnPng,body.fb-nieuw .toolbar #btnKopieer,body.fb-nieuw .toolbar #btnInfo,body.fb-nieuw .toolbar .tb-right>.status{display:none!important}
body.fb-nieuw .fb-status2{display:inline-block;margin-left:2px;font-size:12px;color:var(--grijs);white-space:nowrap}
body.fb-nieuw .fb-deelpijl{display:inline-block;width:14px;height:14px;margin-left:2px}
body.fb-nieuw .fb-deelwrap{position:relative;display:inline-flex}
body.fb-nieuw .fb-deelwrap,body.fb-nieuw .fb-deelwrap *{pointer-events:auto!important}
body.fb-nieuw .fb-deelwrap.open .fb-deelmenu{display:flex}
body.fb-nieuw .fb-deelmenu{position:absolute;top:calc(100% + 6px);right:0;z-index:80;flex-direction:column;min-width:220px;padding:6px;background:#fff;border:1px solid #e6e4f4;border-radius:10px}
body.fb-nieuw .fb-deelmenu button{display:flex;align-items:center;gap:10px;border:none;background:none;border-radius:8px;padding:8px 10px;font:500 13.5px 'DM Sans',sans-serif;color:#141414;text-align:left;cursor:pointer}
body.fb-nieuw .fb-deelmenu button:hover{background:#f5f3ff;color:#4101df}
body.fb-nieuw .fb-deelmenu svg{width:16px;height:16px;flex:none;stroke:#4101df}
body.fb-nieuw:not(.fb-uit):not(.fb-uit):not(.fb-uit) .toolbar .btn#btnAffiliate:not(.q){background:#ededff!important;border-color:#ededff!important;color:#4101df!important;margin-right:6px}
body.fb-nieuw:not(.fb-uit):not(.fb-uit):not(.fb-uit) .toolbar .btn#btnAffiliate:not(.q):hover{background:#dcd8f5!important;border-color:#dcd8f5!important}
body.fb-nieuw .fb-hist{display:inline-flex;align-items:center;gap:0}
body.fb-nieuw .fb-hist{margin-left:6px;gap:0}
body.fb-nieuw .fb-hist .btn{padding-left:6px!important;padding-right:6px!important}
body.fb-nieuw #btnDupliceer{margin-right:2px}
body.fb-nieuw .fb-sep{display:none}
body.fb-nieuw .fb-sep{display:block;margin:0 4px}
body.fb-nieuw .pal-item{padding:5px 8px;font-size:14px;margin-bottom:2px;gap:9px;border-color:transparent!important;background:transparent!important;border-radius:8px}
body.fb-nieuw .pal-item:hover{background:#ededff!important}
body.fb-nieuw .pal-ico{width:24px;height:24px}
body.fb-nieuw .periode-label,body.fb-nieuw .zoombar,body.fb-nieuw .bord-geld,body.fb-nieuw .cijferbalk,body.fb-nieuw .account-drop{box-shadow:none!important;border:1px solid #e6e4f4!important}
body.fb-nieuw .stage{background-color:#faf9ff!important}
body.fb-nieuw.fb-nieuw .toolbar .brand{margin-right:8px}
body.fb-nieuw #btnCijfers{margin-left:-4px}
body.fb-nieuw .fb-hist{margin-left:-9px}
body.fb-nieuw .fb-hist #btnRedo{margin-left:-2px}
body.fb-nieuw .fb-status2{margin-left:9px}
body.fb-nieuw .toolbar .cb-wrap{margin-left:2px}
body.fb-nieuw .toolbar .btn#btnAffiliate{margin-left:24px}
body.fb-nieuw.fb-nieuw:not(.fb-uit) .toolbar .fb-deelwrap{margin-left:-12px}
body.fb-nieuw.fb-nieuw:not(.fb-uit):not(.fb-uit):not(.fb-uit):not(.fb-uit):not(.fb-uit) .toolbar .btn#btnAffiliate{margin-right:-4px!important}
body.fb-nieuw .toolbar #btnDashboard + .tb-sep{display:none}
body.fb-nieuw .toolbar #naam{margin-left:14px}
body.fb-nieuw.fb-nieuw:not(.fb-uit):not(.fb-uit):not(.fb-uit):not(.fb-uit):not(.fb-uit) .toolbar .btn#btnAffiliate.btn{margin-left:auto!important;margin-right:auto!important}
body.fb-nieuw .toolbar .tb-right{margin-left:-8px}
body.fb-nieuw.fb-nieuw.fb-nieuw:not(.fb-uit) .toolbar .fb-deelwrap{margin-left:0}
body.fb-nieuw.fb-nieuw:not(.fb-uit) .toolbar .account-knop{background:#ededff!important;border-color:#ededff!important}
body.fb-nieuw.fb-nieuw:not(.fb-uit) .toolbar .account-knop:hover{background:#dcd8f5!important;border-color:#dcd8f5!important}
body.fb-nieuw.fb-nieuw:not(.fb-uit):not(.fb-uit):not(.fb-uit):not(.fb-uit):not(.fb-uit) .toolbar .btn#btnAffiliate:not(.q){background:transparent!important;border-color:transparent!important;color:#4101df!important}
body.fb-nieuw.fb-nieuw:not(.fb-uit):not(.fb-uit):not(.fb-uit):not(.fb-uit):not(.fb-uit) .toolbar .btn#btnAffiliate:not(.q):hover{background:#f3f2f8!important;border-color:#f3f2f8!important}
body.fb-nieuw.fb-nieuw:not(.fb-uit):not(.fb-uit):not(.fb-uit):not(.fb-uit):not(.fb-uit) .toolbar .btn#btnDeel:not(.q){background:transparent!important;border-color:transparent!important;color:#4101df!important}
body.fb-nieuw.fb-nieuw:not(.fb-uit):not(.fb-uit):not(.fb-uit):not(.fb-uit):not(.fb-uit) .toolbar .btn#btnDeel:not(.q):hover{background:#f3f2f8!important;border-color:#f3f2f8!important}
