.thema-nieuw{--accent:#3f6b4b;--accent-hover:#335a3e;--accent-soft:#edf3ee;--accent-ink:#2f5a3b;--bg:#f5f6f8;--surface:#ffffff;--border:#e7e9ee;--border-strong:#d9dce3;--hairline:#eef0f3;--text:#101828;--text-muted:#475467;--text-faint:#98a2b3;--icon:#667085;--green-strong:var(--accent);--green-soft:var(--accent-soft);--radius:12px;--radius-ctrl:8px;--shadow-card:0 1px 2px rgb(16 24 40/0.04);--shadow-ctrl:0 1px 2px rgb(16 24 40/0.05);font-family:var(--font-geist),ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:13.5px;line-height:1.5;letter-spacing:0;background:var(--bg);grid-template-columns:256px 1fr}.thema-nieuw button,.thema-nieuw input,.thema-nieuw select,.thema-nieuw textarea{font-family:inherit}.thema-nieuw .sidebar{background:#fbfbfc;border-right:1px solid var(--border);padding:20px 14px 14px;gap:0}.thema-nieuw .brand{padding:0 8px 18px;gap:10px}.thema-nieuw .brand-dot{width:32px;height:32px;border-radius:9px;background:linear-gradient(145deg,#5b8a66,#2f5a3b);box-shadow:inset 0 1px 0 rgb(255 255 255/.18),0 1px 2px rgb(16 24 40/.12);font-size:11px}.thema-nieuw .brand-name{font-size:15px;font-weight:600;letter-spacing:-.01em}.thema-nieuw .brand-sub{font-size:12px;color:var(--text-faint);margin-top:1px}.thema-nieuw .sidebar .sys{background:transparent;border:none;border-radius:0;padding:0;gap:0}.thema-nieuw .sidebar nav{display:flex;flex-direction:column;gap:1px}.thema-nieuw .sidebar nav:has(>.nav-group-label){border-top:1px solid #eceef1;margin-top:12px;padding-top:12px}.thema-nieuw .nav-group-label{text-transform:none;letter-spacing:0;font-size:12px;font-weight:500;color:#8a8f98;padding:0 10px 6px}.thema-nieuw .nav-item{padding:7px 10px;border:1px solid transparent;border-radius:var(--radius-ctrl);color:#3f3f46;font-size:13.5px;font-weight:450;line-height:1.35}.thema-nieuw .nav-item .nav-icon{color:#71717a}.thema-nieuw .nav-item .nav-icon svg{width:17px;height:17px;stroke-width:1.6}.thema-nieuw .nav-item-left{gap:11px}.thema-nieuw .nav-item:hover{background:#f3f4f6;color:#18181b}.thema-nieuw .nav-item.active,.thema-nieuw .sidebar .sys .nav-item.active{background:#ffffff;border-color:#e4e4e7;box-shadow:0 1px 2px rgb(16 24 40/.06);color:#18181b;font-weight:550}.thema-nieuw .nav-item.active .nav-icon{color:#18181b}.thema-nieuw .nav-item.nav-sub{margin-left:21px;width:calc(100% - 21px);border:none;border-left:1px solid #eceef1;border-radius:0 var(--radius-ctrl) var(--radius-ctrl) 0;padding:6px 10px 6px 12px;font-size:13px;color:#52525b}.thema-nieuw .nav-item.nav-sub.active{border-left:1px solid #a1a1aa;background:#f3f4f6;box-shadow:none}.thema-nieuw .nav-item.nav-sub.nav-compact{font-size:12px;margin-left:21px;width:calc(100% - 21px)}.thema-nieuw .nav-gedempt:not(.active),.thema-nieuw .nav-item.nav-gedempt:not(.active){color:#a1a1aa}.thema-nieuw .nav-count,.thema-nieuw .nav-count.nav-count-neutraal{background:#f4f4f5;border:1px solid #e4e4e7;color:#52525b;font-size:11px;font-weight:500;padding:0 7px;line-height:18px}.thema-nieuw .nav-item.active .nav-count,.thema-nieuw .sidebar .sys .nav-item.active .nav-count,.thema-nieuw .sidebar .sys .nav-item.active .nav-count.nav-count-neutraal{background:#f4f4f5;color:#18181b}.thema-nieuw .nav-stamp{font-size:10.5px;font-weight:600;padding:0 7px;line-height:18px}.thema-nieuw .nav-item>.nav-tag,.thema-nieuw .ontw-sticker{background:#fff5e6;color:#b45309;border:1px solid #fde3bd;font-size:9.5px;font-weight:600;padding:0 6px;line-height:15px}.thema-nieuw .sidebar-user{margin-top:auto;border-top:1px solid #eceef1;padding:12px 10px 2px}.thema-nieuw .sidebar-user-email{font-size:12px;color:#52525b}.thema-nieuw .sidebar-thema{color:var(--accent)}.thema-nieuw .main{padding:28px 36px 64px}.thema-nieuw .page-head{margin-bottom:18px}.thema-nieuw .page-title{letter-spacing:-.02em;line-height:1.25}.thema-nieuw .page-sub{font-size:13px;color:var(--text-muted);margin-top:4px}.thema-nieuw .ct-block,.thema-nieuw .list,.thema-nieuw .mailpreview,.thema-nieuw .panel{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card)}.thema-nieuw .rt-title{font-size:14px;font-weight:600;letter-spacing:-.01em}.thema-nieuw .panel-label{font-size:10.5px;font-weight:600;letter-spacing:.08em;color:var(--text-faint)}.thema-nieuw .line.line-kop,.thema-nieuw .list-kop{background:#f9fafb;border-bottom:1px solid var(--border);font-size:10.5px;font-weight:600;letter-spacing:.06em;color:#667085}.thema-nieuw .list-row{border-bottom:1px solid var(--hairline);padding:12px 18px;font-size:13px}.thema-nieuw .list-row:hover{background:#fafbfc}.thema-nieuw .list-row:last-child{border-bottom:none}.thema-nieuw .btn,.thema-nieuw .row-date{font-weight:600;color:var(--text)}.thema-nieuw .btn{border-radius:var(--radius-ctrl);border:1px solid var(--border);box-shadow:var(--shadow-ctrl);font-size:13px;padding:8px 14px}.thema-nieuw .btn:hover{background:#f9fafb}.thema-nieuw .btn-primary{background:var(--accent);color:#fff}.thema-nieuw .btn-primary:hover{background:var(--accent-hover)}.thema-nieuw input:not([type=checkbox]):not([type=radio]),.thema-nieuw select,.thema-nieuw textarea{border-radius:var(--radius-ctrl)}.thema-nieuw .tag{border-radius:999px;font-weight:600}.thema-nieuw .main{padding:32px 40px 72px}.thema-nieuw .oefen-banner{border-radius:10px;border:1px solid #f5d98a;background:#fffaeb;padding:10px 14px;margin-bottom:24px;font-size:12.5px;line-height:1.5;color:#6b4e0a}.thema-nieuw .page-head{align-items:flex-start;gap:24px;margin-bottom:22px}.thema-nieuw .page-title{font-size:22px;font-weight:600;letter-spacing:-.022em;line-height:1.2}.thema-nieuw .page-sub{margin-top:6px;line-height:1.55}.thema-nieuw .inbox-uitleg{margin-top:8px;gap:4px 10px;font-size:13px;line-height:1.5}.thema-nieuw .inbox-uitleg dt{font-size:10.5px;font-weight:600;letter-spacing:.06em;padding-top:2px}.thema-nieuw .head-actions-inbox{gap:10px}.thema-nieuw .head-actions-inbox .head-tools{gap:8px}.thema-nieuw .ct-sync{gap:6px}.thema-nieuw .ct-sync-status{font-size:12px;color:var(--text-faint)}.thema-nieuw .klant-zoek input{height:34px;font-size:13px;padding:0 28px 0 30px;border-color:var(--border);box-shadow:var(--shadow-ctrl)}.thema-nieuw .klant-zoek input:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px rgb(16 24 40/.05)}.thema-nieuw .daynav-today{height:34px;display:inline-flex;align-items:center;font-size:13px;padding:0 12px;color:var(--text);border-color:var(--border);box-shadow:var(--shadow-ctrl)}.thema-nieuw .ct-sync .btn,.thema-nieuw .head-actions-inbox .btn{height:34px;display:inline-flex;align-items:center;padding:0 14px}.thema-nieuw .list-kop{padding:11px 20px;gap:16px}.thema-nieuw .list-row{padding:14px 20px;gap:16px;line-height:1.35}.thema-nieuw .row-date{font-size:13px}.thema-nieuw .row-time{font-size:12px;color:var(--text-faint)}.thema-nieuw .row-sender{font-size:13.5px;color:var(--text)}.thema-nieuw .row-bron{font-size:12px;color:var(--text-muted)}.thema-nieuw .tag{font-size:11.5px;padding:3px 9px;gap:5px}.thema-nieuw .tag .dot{width:6px;height:6px}.thema-nieuw .prod-chip{font-size:11.5px;padding:2px 8px}.thema-nieuw{--bg:#f7f7f8;--label:#8a8f98;--pill-bg:#ffffff;--pill-border:#e4e4e7;--pill-ink:#3f3f46}.thema-nieuw .actiebalk-kop,.thema-nieuw .cfg-groep-kop,.thema-nieuw .inbox-uitleg dt,.thema-nieuw .km-lbl,.thema-nieuw .line-kop .line-qty,.thema-nieuw .line-kop>span,.thema-nieuw .line.line-kop,.thema-nieuw .list-kop,.thema-nieuw .lo-lbl,.thema-nieuw .mailpreview-kop,.thema-nieuw .panel-label,.thema-nieuw .qa-veld,.thema-nieuw .team-tekst-label{text-transform:none;letter-spacing:0;font-size:12px;font-weight:500;color:var(--label)}.thema-nieuw .list-kop{background:#fbfbfc;padding:10px 20px}.thema-nieuw .line.line-kop{background:#fbfbfc}.thema-nieuw .list{border-color:var(--border)}.thema-nieuw .row-date{font-weight:500;color:#18181b}.thema-nieuw .row-time{color:#a1a1aa}.thema-nieuw .row-sender{font-weight:500;color:#18181b}.thema-nieuw .row-bron{color:#71717a}.thema-nieuw .leverritme-pill,.thema-nieuw .tag{background:var(--pill-bg);border:1px solid var(--pill-border);color:var(--pill-ink);font-size:11.5px;font-weight:500;padding:2px 9px;border-radius:999px}.thema-nieuw .leverritme-pill .pp-icon{color:var(--blue);font-weight:700}.thema-nieuw .tag-plus{background:#f4f4f5;color:#52525b;font-weight:500}.thema-nieuw .prod-chip{background:#fafafa;border:1px solid var(--pill-border);color:var(--pill-ink);gap:5px}.thema-nieuw .prod-chip:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--pc,#a1a1aa);flex:0 0 auto}.thema-nieuw .prod-chip strong{font-weight:600;color:#18181b}.thema-nieuw .pc-koffie{--pc:#a0673f}.thema-nieuw .pc-thee{--pc:#3f8a38}.thema-nieuw .pc-onderhoud{--pc:#2b7fae}.thema-nieuw .pc-melk{--pc:#d19a1a}.thema-nieuw .pc-servies{--pc:#7a62b8}.thema-nieuw .pc-barista{--pc:#64748b}.thema-nieuw .pc-overig{--pc:#a1a1aa}.thema-nieuw .te-laat{text-transform:none;letter-spacing:0;font-size:10.5px;font-weight:600;border-radius:999px;padding:0 7px;background:#fef3f2;border-color:#fecdca;color:#b42318}.thema-nieuw .btn,.thema-nieuw .daynav-today,.thema-nieuw .klant-zoek input{border-color:#e4e4e7;box-shadow:0 1px 2px rgb(16 24 40/.06)}.thema-nieuw .btn:hover,.thema-nieuw .daynav-today:hover{background:#f3f4f6}.thema-nieuw .btn-primary{border-color:var(--accent)}