/* BaseDesk UI-stijlen - deel 1 (voor de typografielagen)
   In v14.61 ongewijzigd uit index.html geextraheerd. Volgorde en inhoud zijn identiek;
   elk oorspronkelijk <style>-blok staat hieronder onder zijn eigen id. */
/* ===== (zonder id) ===== */
:root{--bg:#f4f7fb;--panel:#fff;--text:#132033;--muted:#6b7483;--line:#e4e8ef;--nav:#0b213d;--nav2:#133661;--accent:#334155;--ok:#0f8a61;--warn:#c56b06;--bad:#c62828;--shadow:0 10px 30px rgba(15,35,64,.08);--r:18px}
/* V17.292 — hoogte en tussenruimte van de zijbalkitems; op een laag scherm (bijv. laptop 1366×657) passen alle elf items zonder dat AI-assistent half wordt afgesneden. */
:root{--bd-sidebar-nav-item:40px;--bd-sidebar-nav-gap:6px}
@media(min-width:761px) and (max-height:720px){:root{--bd-sidebar-nav-item:36px;--bd-sidebar-nav-gap:3px}}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
button,input,textarea,select{font:inherit}
button{touch-action:manipulation}
.app{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}
.sidebar{background:var(--nav);color:var(--nav-ink,#fff);padding:22px 16px;position:sticky;top:0;height:100vh}
.brand{display:flex;gap:12px;align-items:center;padding:6px 8px 22px}
.brand h1{font-size:18px;margin:0}
.brand small{display:block;color:var(--nav-muted,#b9c6d8);margin-top:3px}
.nav{display:flex;flex-direction:column;gap:6px}
.nav>button{border:0;background:transparent;color:var(--nav-control,#e8eef6);text-align:left;padding:12px 13px;border-radius:12px;display:flex;gap:10px;align-items:center;cursor:pointer}
.nav>button.active{background:var(--nav2)}
.nav>button:hover:not(.active){background:color-mix(in srgb,var(--nav2) 38%,transparent)}
.profile{position:absolute;left:16px;right:16px;bottom:18px;border-top:1px solid rgba(255,255,255,.15);padding-top:16px;display:flex;gap:10px;align-items:center}
.avatar{width:38px;height:38px;border-radius:50%;background:#e7edf6;color:#17233a;display:grid;place-items:center;font-weight:800}
.main{min-width:0}
.topbar{height:69px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 24px;position:sticky;top:0;z-index:5}
.search{flex:1;max-width:650px;position:relative}
.search input{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 14px 12px 38px;background:#fbfcfe;outline:none}
.search span{position:absolute;left:13px;top:10px;color:#7a8494}
.btn{border:0;border-radius:12px;padding:11px 15px;cursor:pointer;font-weight:700}
.btn.primary{background:var(--accent);color:white}
.btn.ghost{background:#eef2f7;color:#1f2d42}
.btn.small{padding:8px 11px;border-radius:10px;font-size:13px}
.content{padding:24px}
.title-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:18px}
h2{margin:0;font-size:28px}
.subtitle{color:var(--muted);margin-top:5px}
.cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
.stat{padding:18px}
.stat .k{font-size:13px;font-weight:800}
.stat .v{font-size:30px;font-weight:850;margin:7px 0}
.stat .s{font-size:12px;color:var(--muted)}
.grid2{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin-bottom:16px}
.panel{padding:0;overflow:hidden}
.panel-h{padding:17px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:center}
.panel-h b{font-size:16px}
.panel-b{padding:0}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{padding:13px 15px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
th{font-size:12px;color:#596477;background:#fbfcfe}
.badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}
.badge.blue{background:#e9f1ff;color:#1d4ed8}
.badge.orange{background:#fff0dc;color:#b45309}
.badge.green{background:#e7f8f1;color:#0f766e}
.badge.red{background:#ffebeb;color:#b91c1c}
.list{padding:6px 0}
.item{display:flex;gap:12px;padding:13px 16px;border-bottom:1px solid var(--line);align-items:flex-start}
.item:last-child{border-bottom:0}
.ico{width:38px;height:38px;border-radius:50%;background:#eef3fb;display:grid;place-items:center;flex:none}
.item .meta{font-size:12px;color:var(--muted);margin-top:4px}
.quick{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:14px}
.quick button{padding:15px 10px;border:1px solid var(--line);background:#fff;border-radius:13px;cursor:pointer;font-weight:700}
.ai{padding:16px}
.ai-box{display:flex;gap:8px}
.ai textarea{width:100%;min-height:54px;resize:vertical;border:1px solid var(--line);border-radius:12px;padding:11px}
.ai-answer{margin-top:10px;background:#f5f2ff;border:1px solid #e4dcff;border-radius:12px;padding:12px;display:none;line-height:1.5;overflow-wrap:anywhere}
.ai-answer p{margin:0 0 10px}
.ai-answer p:last-child{margin-bottom:0}
.ai-answer h4{margin:12px 0 6px;font-size:inherit;line-height:1.4}
.ai-answer h4:first-child{margin-top:0}
.ai-answer ul,.ai-answer ol{margin:5px 0 10px;padding-left:22px}
.ai-answer li{margin:0 0 5px}
.ai-answer code{padding:1px 4px;border-radius:5px;background:var(--bg);font-size:.92em}
.view{display:none}
.view.active{display:block}
.dossier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.dossier-card{padding:16px;cursor:pointer}
.dossier-card h3{margin:0 0 8px}
.dossier-card p{margin:6px 0;color:#596477;font-size:14px}
.mobilebar{display:none}
.sheet{display:none;position:fixed;inset:0;background:rgba(8,18,32,.36);z-index:20;align-items:flex-end}
.sheet.open{display:flex}
.sheet-card{width:100%;background:#fff;border-radius:22px 22px 0 0;max-height:88vh;overflow:auto;padding:18px}
.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.form{display:grid;gap:12px}
.form input,.form select,.form textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px}
.tabs{display:flex;gap:8px;overflow:auto;padding-bottom:4px;margin:14px 0 16px}
.tabs button{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 12px}
.tabs button.active{background:#eaf1ff;color:#1d4ed8;border-color:#cbdcff}
.dossier-detail{display:none}
.dossier-detail.active{display:block}
.mobile-menu{display:none}
.mobile-drawer{display:none}
.notice{padding:12px 14px;border-radius:12px;background:#fff9e8;border:1px solid #f2e3ae;color:#6c5711;margin-bottom:14px;font-size:13px}
@media(max-width:1100px){
  .cards{grid-template-columns:repeat(2,1fr)}
  .dossier-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .app{display:block}
  .sidebar{display:none}
  .topbar{height:auto;padding:calc(12px + env(safe-area-inset-top)) 14px 12px;display:grid;grid-template-columns:46px 1fr 46px;background:#fff}
  .mobile-menu{display:block}
  .mobile-menu button{width:46px;height:46px;border-radius:14px;border:0;background:#eef2f7;font-size:20px}
  .topbar .search{grid-column:1/-1;grid-row:2;margin-top:9px;max-width:none}
  .topbar>.btn.primary{display:none}
  .userdot{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#eef2f7;font-weight:850}
  .content{padding:16px 14px 92px}
  .title-row{align-items:flex-start}
  .title-row .date{display:none}
  .title-row>.btn{font-size:13px;padding:9px 11px}
  h2{font-size:25px}
  .cards{grid-template-columns:1fr 1fr;gap:10px}
  .stat{padding:14px}
  .stat .v{font-size:25px}
  .grid2{display:block}
  .grid2>.card{margin-bottom:14px}
  .panel{overflow:auto}
  .panel table{min-width:650px}
  .dossier-grid{grid-template-columns:1fr}
  .quick{grid-template-columns:1fr 1fr}
  .quick button{min-height:64px}
  .mobilebar{display:flex;position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:10;justify-content:space-around}
  .mobilebar button{border:0;background:#fff;color:#596477;display:flex;flex-direction:column;gap:4px;align-items:center;font-size:11px;min-width:58px}
  .mobilebar button.active{color:#1d4ed8;font-weight:800}
  .desktop-only{display:none!important}
  .mobile-drawer{position:fixed;inset:0;background:rgba(8,18,32,.35);z-index:30}
  .mobile-drawer.open{display:block}
  .drawer-card{width:min(82vw,320px);height:100%;background:#0c2340;color:#fff;padding:calc(18px + env(safe-area-inset-top)) 16px 20px}
  .drawer-card .nav button{width:100%}
}
/* V6 fixed: werkende zoekbalk zonder bestaande dossierfuncties te wijzigen */
.search-results{display:none;position:absolute;left:0;right:0;top:calc(100% + 8px);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 38px rgba(15,35,64,.16);overflow:hidden;z-index:60;max-height:360px;overflow-y:auto}
.search-results.open{display:block}
.search-result:last-child{border-bottom:0}
.search-result:hover,.search-result:focus{background:#f7faff;outline:none}
.search-empty{padding:14px;color:var(--muted);font-size:13px}
@media(max-width:760px){
  .search-results{max-height:300px}
}
/* V14.31 — dossierbron kiezen in de algemene zoekbalk met @. */
#globalSearchSourceChip[hidden]{display:none}
#globalSearchSourceChip{position:absolute;z-index:2;left:34px;top:50%;transform:translateY(-50%);height:28px;max-width:min(300px,45%);padding:0 9px;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--accent) 9%,#fff);color:var(--accent);font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
#globalSearchWrap.has-source #globalSearch{padding-left:var(--global-search-source-offset,210px)}
.search-source-heading{padding:10px 14px 7px;color:var(--muted);font-size:11px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
.search-source-prefix{color:var(--accent);font-weight:900;margin-right:3px}
.search-result.keyboard-active{background:#edf4ff;outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:-2px}
html[data-appearance="dark"] #globalSearchSourceChip{background:color-mix(in srgb,var(--accent) 18%,var(--panel));color:#b9d1ff;border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
@media(max-width:760px){
  #globalSearchSourceChip{max-width:44%;font-size:11px}
  #globalSearchWrap.has-source #globalSearch{padding-left:var(--global-search-source-offset,175px)}
}
/* V6.3 dossier-focus */
#dossiers.case-focus > .title-row,#dossiers.case-focus > #dossierGrid,#dossiers.case-focus > #dossierOverviewPanel{display:none}
#dossiers.case-focus > #dossierDetail{display:block}
/* V6.5 Facturatie */
.billing-summary .bill-card{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff}
@media(max-width:760px){
  .billing-summary,.billing-breakdown{grid-template-columns:1fr}
}
/* V6.7 stabiele tijdregistratie + facturatie */
#stableTimeWrap{position:fixed;right:18px;bottom:22px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
#stableTimeBtn{width:58px;height:58px;padding:0;margin:0;border:0;border-radius:50%;background:linear-gradient(145deg,var(--accent),color-mix(in srgb,var(--accent) 72%, #000));color:#fff;box-shadow:0 12px 28px rgba(37,99,235,.34),inset 0 1px 0 rgba(255,255,255,.28);display:flex;align-items:center;justify-content:center;cursor:pointer}
#stableTimeBtn span{font-size:38px;font-weight:300;line-height:1;padding-bottom:4px;pointer-events:none}
#stableTimePanel{display:none;width:min(370px,calc(100vw - 28px));background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 50px rgba(15,35,64,.22);overflow:hidden}
#stableTimePanel.open{display:block}
.stable-time-head{padding:15px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
.stable-time-body{padding:14px;display:grid;gap:11px}
.stable-time-field{display:grid;gap:5px}
.stable-time-field label{font-size:12px;font-weight:800;color:#596477}
.stable-time-field input,.stable-time-field select,.stable-time-field textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:10px 11px;background:#fff}
/* V17.27 — dossierkeuze, activiteit en tijdseenheden even hoog (was 39 en 40px) en gelijk aan de knop Registreren. */
.stable-time-field input:not([type="checkbox"]):not([type="radio"]),.stable-time-field select{height:38px;padding-top:0;padding-bottom:0}
.stable-duration{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.stable-duration button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 5px;font-weight:700;cursor:pointer}
.stable-duration button.active{background:#eaf1ff;color:#1d4ed8;border-color:#bcd0fa}
.billing-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.bill-card{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff}
.bill-card .label{font-size:12px;color:var(--muted);font-weight:700}
.bill-card .value{font-size:24px;font-weight:850;margin-top:5px}
.billing-breakdown{display:grid;grid-template-columns:1fr 1.6fr;gap:14px}
.billing-activity{padding:14px}
.billing-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #eef1f5}
.billing-row:last-child{border-bottom:0}
@media(max-width:760px){
  #stableTimeWrap{right:16px;bottom:calc(84px + env(safe-area-inset-bottom))}
  #stableTimeBtn{width:56px;height:56px}
  #stableTimePanel{width:calc(100vw - 28px)}
  .billing-summary,.billing-breakdown{grid-template-columns:1fr}
}
/* V6.8 klikbaar dashboard */
.dashboard-link{cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}
.dashboard-link:hover{border-color:#c8d8f5;background:#fbfdff}
.dashboard-link:active{transform:scale(.985)}
.dashboard-link:focus-visible{outline:3px solid #c9dafb;outline-offset:2px}
.panel-h.dashboard-header-link{cursor:pointer}
.panel-h.dashboard-header-link:hover{background:#fbfdff}
.stat.dashboard-link .k{display:flex;align-items:center;justify-content:space-between;gap:8px}
.stat.dashboard-link .k:after{content:"›";font-size:20px;color:#8aa0c0;font-weight:500}
/* V6.9 laatste activiteit */
.last-activity{font-size:12px;color:var(--muted);margin-top:8px}
.last-activity.warn{color:#b45309;font-weight:700}
/* V7.2 echte agenda */
.calendar-wrap{display:grid;grid-template-columns:1.5fr .9fr;gap:16px}
.calendar-wrap.list-mode{grid-template-columns:1fr}
.calendar-wrap.list-mode>.calendar-card{display:none}
.calendar-card{padding:16px}
.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}
.calendar-toolbar h3{margin:0;font-size:20px}
.calendar-nav{display:flex;gap:8px}
.calendar-nav button{border:0;background:#eef2f7;border-radius:10px;padding:8px 11px;font-weight:700;cursor:pointer}
.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.calendar-dow{font-size:11px;color:var(--muted);font-weight:800;text-align:center;padding:6px}
.calendar-day{min-height:92px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:7px;cursor:pointer;overflow:hidden}
.calendar-day:hover{border-color:#bfd0ee;background:#fbfdff}
.calendar-day.outside{opacity:.35}
.calendar-day.today{outline:2px solid #2563eb;outline-offset:-2px}
.calendar-day .daynum{font-size:12px;font-weight:800;margin-bottom:5px}
.calendar-event{display:block;width:100%;text-align:left;border:0;border-radius:8px;padding:5px 6px;margin-top:4px;font-size:11px;line-height:1.25;background:#eef4ff;color:#1d4ed8;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.calendar-event.deadline{background:#fff3df;color:#b45309}
.calendar-event.task{background:#e9f8f1;color:#0f766e}
.agenda-side{display:grid;gap:14px;align-content:start}
.agenda-list-card{padding:0;overflow:hidden}
.agenda-event-list .item{cursor:pointer}
.agenda-event-list .item:hover{background:#fbfdff}
.event-dot{width:10px;height:10px;border-radius:50%;background:#2563eb;margin-top:5px;flex:none}
.agenda-empty{padding:20px;color:var(--muted);text-align:center}
@media(max-width:900px){
  .calendar-wrap{grid-template-columns:1fr}
}
@media(max-width:760px){
  .calendar-day{min-height:72px;padding:5px}
  .calendar-event{font-size:10px;padding:4px}
  .calendar-grid{gap:4px}
}
/* V8.2 tijdlijn met aparte gebruikerskolom */
.timeline-user b{font-size:13px;color:#263244}
@media(max-width:700px){
  .timeline-row{grid-template-columns:minmax(0,1fr) 135px;gap:10px}
  .timeline-user{padding-left:10px}
  .timeline-user b{font-size:12px}
}
@media(max-width:700px){
  .timeline-columns-head{grid-template-columns:minmax(0,1fr) 135px;gap:10px}
  .timeline-columns-head>div:last-child{padding-left:10px}
}
/* V8.4 strakke tijdlijnkolommen */
.timeline-columns-head>div{padding:0 16px 9px 0}
.timeline-columns-head>div:last-child{border-left:1px solid var(--line);padding-left:16px;padding-right:0}
.timeline-row{display:grid!important;grid-template-columns:minmax(0,1fr) 190px;gap:0!important;align-items:stretch!important}
.timeline-event{min-width:0;padding-right:16px}
.timeline-user{flex-direction:column;gap:3px;border-left:1px solid var(--line)!important;padding-left:16px!important;padding-right:0;min-height:100%;display:flex;align-items:flex-start}
@media(max-width:700px){
  .timeline-columns-head,.timeline-row{grid-template-columns:minmax(0,1fr) 135px}
  .timeline-columns-head>div{padding-right:10px}
  .timeline-columns-head>div:last-child,.timeline-user{padding-left:10px!important}
  .timeline-event{padding-right:10px}
}
/* V8.5 rustige tijdlijnkop: geen horizontale lijnen */
.timeline-columns-head::before,.timeline-columns-head::after{display:none!important;content:none!important}
/* V8.6 meer ruimte boven de tijdlijnkolomkoppen */
.timeline-columns-head{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:18px;margin-bottom:2px;padding:0!important;margin:0!important;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:800;border-top:none!important;border-bottom:none!important;box-shadow:none!important;background:transparent!important;padding-bottom:8px!important;margin-top:18px!important;padding-top:4px!important}
/* V9 zwevende AI naast tijdregistratie */
#floatingAiBtn{height:58px;min-width:58px;padding:0 17px;margin:0;border:0;border-radius:29px;background:#fff;color:#1d4ed8;border:1px solid #bfd0ee;box-shadow:0 12px 28px rgba(15,35,64,.18);font-size:15px;font-weight:850;letter-spacing:.02em;cursor:pointer}
#floatingAiBtn:hover{background:#f5f8ff}
#floatingAiPanel{display:none;width:min(420px,calc(100vw - 28px));height:min(520px,calc(100vh - 150px));background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 50px rgba(15,35,64,.24);overflow:hidden}
#floatingAiPanel.open{display:flex;flex-direction:column}
.floating-ai-head{padding:14px 15px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}
.floating-ai-body{min-height:0;flex:1;display:flex;flex-direction:column}
#floatingAiConversation{flex:1;overflow:auto;padding:15px;display:flex;flex-direction:column;gap:10px;background:#fbfcfe}
.floating-ai-welcome,.floating-ai-msg{max-width:88%;padding:10px 12px;border-radius:13px;line-height:1.45;font-size:14px;flex-shrink:0}
.floating-ai-welcome,.floating-ai-msg.ai{background:#fff;border:1px solid var(--line);align-self:flex-start}
.floating-ai-msg.user{background:#eaf1ff;color:#163c82;align-self:flex-end}
.floating-ai-compose{padding:12px;border-top:1px solid var(--line);display:flex;gap:8px;align-items:flex-end}
.floating-ai-compose textarea{flex:1;resize:none;border:1px solid var(--line);border-radius:11px;padding:10px 11px;font:inherit;min-height:42px;max-height:110px}
@media(max-width:760px){
  #floatingAiBtn{height:56px;min-width:56px;border-radius:28px;padding:0 15px}
  #floatingAiPanel{width:calc(100vw - 28px);height:min(500px,calc(100vh - 170px))}
}
/* V9.1 mappenstructuur documenten */
.docs-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px}
.docs-tree-head{padding:12px 13px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.docs-folder-btn:hover{background:#eef4ff}
.docs-folder-btn.active{background:#eaf1ff;color:#1d4ed8;font-weight:800}
.docs-content{min-width:0}
.docs-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.docs-breadcrumb{font-size:13px;color:var(--muted)}
.docs-folder-card,.docs-file-card{border:1px solid var(--line);border-radius:13px;padding:12px;background:#fff;display:flex;align-items:flex-start;gap:10px}
.docs-folder-card{cursor:pointer;background:#fbfcfe}
.docs-folder-card:hover{background:#f4f8ff;border-color:#cbd9ee}
@media(max-width:760px){
  .docs-layout{grid-template-columns:1fr}
  .docs-tree{order:2}
}
/* V9.5 rechtermuisknopmenu */
#letselContextMenu{position:fixed;display:none;min-width:220px;z-index:20000;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 42px rgba(15,35,64,.22);padding:6px}
#letselContextMenu.open{display:block}
.context-menu-label{padding:7px 10px 6px;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.context-menu-item{width:100%;border:0;background:transparent;text-align:left;padding:10px 11px;border-radius:9px;cursor:pointer;font:inherit;display:flex;align-items:center;gap:9px}
.context-menu-item:hover{background:#eef4ff;color:#1d4ed8}
/* V14.00 — gedeelde BaseDesk-SVG's behouden in contextmenu's hun bestaande lijnstijl. */
.context-menu-item>span:first-child,.email91-context-menu button>span{display:grid;place-items:center}
.context-menu-item>span:first-child svg,.email91-context-menu button>span svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.context-menu-sep{height:1px;background:var(--line);margin:5px}
/* V9.7 relaties koppelen + memo's */
.relation-select-wrap{border:1px solid var(--line);border-radius:11px;padding:9px 10px;background:#fff}
.relation-select-wrap .relation-select-title{font-size:12px;font-weight:800;color:#596477;margin-bottom:6px}
.relation-select{width:100%;min-height:88px;border:0!important;padding:0!important;background:transparent!important}
.relation-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}
.relation-chip{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;background:#eef4ff;color:#1d4ed8;font-size:11px;font-weight:700}
.memo-list{display:grid;gap:10px}
.memo-card{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff}
.memo-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.memo-text{margin-top:9px;white-space:pre-wrap;line-height:1.5;color:#3d4859}
/* V9.8 relatiekaart met dossieroverschrijdende historie */
.relation-link{cursor:pointer}
.relation-link:hover{text-decoration:underline;color:#1d4ed8}
.relation-profile{display:grid;gap:14px}
.relation-profile-head{padding:15px;border:1px solid var(--line);border-radius:14px;background:#fbfcfe}
.relation-history-tabs{display:flex;gap:7px;flex-wrap:wrap}
.relation-history-tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;cursor:pointer;font-weight:700;font-size:12px}
.relation-history-tabs button.active{background:#eaf1ff;color:#1d4ed8;border-color:#bfd0ee}
.relation-history-list{display:grid;gap:8px}
.relation-history-item{border:1px solid var(--line);border-radius:12px;padding:11px;background:#fff;cursor:pointer}
.relation-history-item:hover{background:#f8faff}
.relation-history-item .kind{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.04em;color:#1d4ed8}
/* V9.9 documentlabels + instellingen */
.doc-labels{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}
.settings-user{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #eef1f5}
.settings-user:last-child{border-bottom:0}
.user-avatar{width:36px;height:36px;border-radius:50%;background:#eaf1ff;color:#1d4ed8;display:grid;place-items:center;font-weight:850;flex:none}
.settings-label-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #eef1f5}
.settings-label-row:last-child{border-bottom:0}
/* V9.11 recente dossiers in navigatie */
.nav-recent-case:hover{background:rgba(255,255,255,.08);color:inherit}
.nav-recent-case.active{font-weight:800}
/* V9.12 instellingen als dossiertabbladen */
.settings-tabs{display:flex;gap:6px;overflow-x:auto;padding:0 0 12px;margin-bottom:14px;border-bottom:1px solid var(--line)}
.settings-tabs button{border:0;background:transparent;padding:9px 12px;border-radius:9px;cursor:pointer;font-weight:750;color:#657184;white-space:nowrap}
.settings-tabs button:hover{background:#f2f5f9;color:#26364d}
.settings-tabs button.active{background:#eaf1ff;color:#1d4ed8}
.settings-tab-panel{display:none}
.settings-tab-panel.active{display:block}
.settings-tab-card{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
.settings-tab-card-head{padding:14px 15px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}
.settings-tab-card-body{padding:14px 15px}
.settings-archive{margin-top:14px;border:1px solid var(--line);border-radius:12px;background:var(--bg);overflow:hidden}
.settings-archive summary{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;list-style:none}
.settings-archive summary::-webkit-details-marker{display:none}
.settings-archive summary::after{content:'›';font-size:18px;line-height:1;color:var(--muted);transform:rotate(0);transition:transform .16s ease}
.settings-archive[open] summary::after{transform:rotate(90deg)}
.settings-archive-title{display:grid;gap:2px;min-width:0;flex:1}
.settings-archive-count{min-width:24px;height:24px;padding:0 7px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted);font-size:11px;font-weight:800;display:grid;place-items:center}
.settings-archive-list{padding:0 14px 4px;border-top:1px solid var(--line);background:var(--panel)}
/* Employee sections reuse the existing settings accordion and form controls. */
.employee-profile-inputs{border:0;padding:0;margin:0;min-width:0}
.employee-profile-section{margin-top:10px}
.employee-profile-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:14px 0}
.employee-profile-fields>div{display:grid;gap:5px;min-width:0}
.employee-profile-fields input,.employee-profile-fields select,.employee-profile-fields textarea{width:100%;min-width:0;box-sizing:border-box}
.employee-profile-wide{grid-column:1/-1}
@media(max-width:600px){.employee-profile-fields{grid-template-columns:minmax(0,1fr)}}
/* V9.14 dossierrelaties op overzicht + dossierreferenties */
.overview-relations{margin-top:14px}
.overview-relation-row{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(150px,1fr) auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid #eef1f5}
.overview-relation-row:last-child{border-bottom:0}
.relation-reference{font-size:12px;color:#596477}
.relation-reference b{color:#26364d}
@media(max-width:720px){
  .overview-relation-row{grid-template-columns:1fr}
  .overview-relation-row .btn{width:max-content}
}
/* V9.15 dagelijkse tijdsdoelbalk */
.sidebar-time-goal-track{height:8px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden}
.sidebar-time-goal-fill{height:100%;width:0;border-radius:999px;background:var(--registered-bar-color,currentColor);transition:width .25s ease}
.sidebar-time-goal.complete .sidebar-time-goal-head b:after{content:" ✓"}
/* V9.20 root-fix menubalk: behoud V9.10 menu exact */
.nav-recent-case:hover,.nav-recent-case.active{background:rgba(255,255,255,.07);color:#fff}
.nav-recent-case .recent-case-id{margin-right:0;font-weight:800}
.nav-recent-case .recent-case-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* De tijdsbalk staat los van de menu-flow, net als het bestaande profiel. */
/* Alleen ruimte reserveren onder het echte menu, zonder de menu-opmaak te wijzigen. */
/* V9.21 afgeronde taken blijven zichtbaar */
.task-completed td{opacity:.58}
.task-completed .task-title{text-decoration:line-through}
.task-completed .badge{opacity:.75}
/* V9.27 professionelere Snel starten-iconen */
.quick button{min-height:92px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;text-align:left;padding:14px;transition:background .15s ease,border-color .15s ease,transform .15s ease}
.quick button:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}
.quick-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* V9.29 dashboard Agenda uitlijning */
#dashboardAgendaList{padding:4px 0}
.dashboard-agenda-item{display:flex;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid var(--line);cursor:pointer}
.dashboard-agenda-item:last-child{border-bottom:0}
.dashboard-agenda-date{width:44px;flex:0 0 44px;text-align:center;border-radius:9px;background:#f3f6fa;padding:6px 3px;line-height:1.05}
.dashboard-agenda-date b{display:block;font-size:15px;color:#26364d}
.dashboard-agenda-date span{display:block;margin-top:3px;font-size:9px;text-transform:uppercase;color:var(--muted);font-weight:800}
.dashboard-agenda-info{min-width:0;flex:1}
.dashboard-agenda-title{font-size:13px;font-weight:750;color:#26364d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dashboard-agenda-meta{margin-top:4px;font-size:11px;color:var(--muted)}
/* V9.30 lege Agenda-melding meer binnenruimte */
/* Gedeelde lege lijst-/tabelstatus; referentie: dashboard Agenda. */
.empty-state{padding:16px 18px;margin:0;box-sizing:border-box;grid-column:1/-1;color:var(--muted);font-family:inherit;font-size:var(--bd-type-content,13px);font-weight:var(--bd-weight-regular,400);line-height:var(--bd-leading-content,1.4);text-align:left}
table td.empty-state-cell{padding:0}
/* V9.31 Snel starten gecentreerd */
.quick button{align-items:center;text-align:center}
.quick-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#eef3fb;color:#27476b;margin-left:auto;margin-right:auto}
.quick button>span:last-child{font-size:12px;font-weight:750;line-height:1.25;color:#26364d;width:100%;text-align:center}
/* V9.33 instelbare sneltoetsen */
.settings-tab-panel input[id^="shortcut_"]{font-weight:800;letter-spacing:.04em}
/* V9.34 instellingen zwevende knoppen */
.settings-subsection{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.settings-tab-card-body>.settings-subsection:first-child{margin-top:0;padding-top:0;border-top:0}
.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid #eef1f5;cursor:pointer}
.settings-toggle-row:last-child{border-bottom:0}
.settings-toggle-row>span{display:flex;flex-direction:column;gap:2px}
.settings-toggle-row input[type="checkbox"]{width:18px;height:18px;flex:none;accent-color:#2563eb}
/* V9.35 tellers in linker menu */
.nav>button .nav-label{min-width:0;flex:1;text-align:left}
.nav>button.active .nav-count{background:rgba(255,255,255,.18);color:#fff}
/* V9.36 menu tellers duidelijker */
.nav>button:not(.active) .nav-count:not(.overdue){background:#2563eb;color:#fff}
/* V9.36 Multi-agenda */
.agenda-viewbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
/* V17.293 — Kalender/Lijst/Multi-agenda volgt hetzelfde tabpatroon als Relaties, Databank en Instellingen (.case-tasks-subtabs). */
.agenda-view-switch{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--bg) 74%,var(--panel))}
.agenda-view-switch button{min-height:32px;border:0;background:transparent;border-radius:7px;padding:6px 12px;font:inherit;font-size:var(--bd-type-content,13px);font-weight:750;cursor:pointer;color:var(--muted)}
.agenda-view-switch button:hover{color:var(--text);background:color-mix(in srgb,var(--panel) 72%,transparent)}
.agenda-view-switch button.active{color:var(--bd-tab-active-ink,var(--accent));background:var(--panel);box-shadow:0 1px 4px rgba(15,23,42,.08)}
.agenda-user-filters{position:relative;display:block;min-width:210px}
.agenda-user-filters[hidden]{display:none}
.agenda-user-filter-trigger{width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 11px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--text);font-family:inherit;font-size:13px;font-weight:750;cursor:pointer}
.agenda-user-filter-trigger:hover,.agenda-user-filter-trigger[aria-expanded="true"]{border-color:color-mix(in srgb,var(--accent) 34%,var(--line));background:color-mix(in srgb,var(--accent) 4%,var(--panel))}
.agenda-user-filter-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.agenda-user-filter-trigger-main{display:flex;align-items:center;gap:8px;min-width:0}
.agenda-user-filter-summary{color:var(--muted);font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.agenda-user-filter-chevron{color:var(--muted);font-size:12px;transition:transform .12s}
.agenda-user-filter-trigger[aria-expanded="true"] .agenda-user-filter-chevron{transform:rotate(180deg)}
.agenda-user-filter-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:80;width:270px;max-width:calc(100vw - 36px);padding:6px;border:1px solid var(--line);border-radius:11px;background:var(--panel);box-shadow:0 14px 38px rgba(15,23,42,.16)}
.agenda-user-filter-menu[hidden]{display:none}
.agenda-user-filter-title{padding:6px 8px 7px;font-size:12px;font-weight:800;color:var(--text)}
.agenda-user-option{display:flex;align-items:center;gap:9px;min-height:38px;margin:0;padding:6px 8px;border-radius:8px;color:var(--text);font-size:13px;font-weight:600;cursor:pointer}
.agenda-user-option:hover{background:var(--bg)}
.agenda-user-option input{width:16px;height:16px;margin:0;accent-color:var(--accent);flex:0 0 auto}
.agenda-user-option .agenda-user-mini{flex:0 0 auto}
.agenda-user-mini,.multi-user-avatar{width:24px;height:24px;border-radius:50%;display:inline-grid;place-items:center;background:#eaf1ff;color:#1d4ed8;font-size:9px;font-weight:850}
.multi-agenda-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.multi-agenda-toolbar h3{margin:0;font-size:15px}
.multi-agenda-grid{display:grid;overflow:auto;border:1px solid var(--line);border-radius:14px;background:#fff}
.multi-agenda-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:8px;padding:10px 11px;background:#f8fafc;border-bottom:1px solid var(--line);border-right:1px solid var(--line);font-size:12px;font-weight:800;min-width:0}
.multi-agenda-corner{left:0;z-index:3}
.multi-agenda-day{position:sticky;left:0;z-index:1;padding:12px 10px;background:#fbfcfe;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;text-transform:capitalize}
.multi-agenda-cell{min-height:84px;padding:7px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer}
.multi-agenda-cell:hover{background:#fafcff}
.multi-agenda-day.today,.multi-agenda-cell.today{background:#fffdf2}
.multi-agenda-event{width:100%;border:1px solid #d7e3f4;background:#f5f9ff;border-radius:9px;padding:7px 8px;margin-bottom:5px;text-align:left;cursor:pointer;display:grid;grid-template-columns:auto 1fr;gap:3px 7px;color:#26364d}
.multi-agenda-event b{font-size:10px;color:#1d4ed8}
.multi-agenda-event span{font-size:11px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.multi-agenda-event small{grid-column:2;font-size:9px;color:var(--muted)}
.multi-agenda-empty{color:#b8c0cc}
@media(max-width:760px){
  .agenda-viewbar{align-items:flex-start}
  .agenda-user-filters{width:100%}
  .agenda-user-filter-menu{left:0;right:auto;width:100%;max-width:100%;box-sizing:border-box}
  .multi-agenda-grid{max-height:65vh}
}
/* V9.37 herbruikbare relaties */
.relation-library-card{padding:0;overflow:hidden}
.relation-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px}
.relation-library-item{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:11px;background:#fff}
.relation-library-avatar{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#eef4ff;color:#1d4ed8;font-size:11px;font-weight:850}
.relation-library-main{min-width:0}
.relation-library-main>b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.relation-assigned,.relation-unassigned{font-size:10px;margin-top:5px;font-weight:750}
.relation-unassigned{color:#8a94a4}
@media(max-width:900px){
  .relation-library-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .relation-library-item{grid-template-columns:38px 1fr}
  .relation-library-item .btn{grid-column:2;width:max-content}
}
/* V9.40 memo-relatiekoppeling */
.memo-relation-wrap{border:1px solid var(--line);border-radius:11px;padding:10px;background:#fff}
.memo-relation-plus{width:34px;height:34px;padding:0;display:grid;place-items:center;font-size:18px;line-height:1}
.memo-relation-wrap .relation-select{min-height:72px}
/* V9.41 memo-overzicht met aparte relatiekolom */
.memo-table-wrap{width:100%;overflow-x:auto}
.memo-overview-head,.memo-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,28%) auto;gap:16px;align-items:start}
.memo-overview-head{padding:0 14px 8px;color:var(--muted);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
.memo-row{padding:14px}
.memo-main{min-width:0}
.memo-relations-column{min-width:0;padding-left:14px;border-left:1px solid var(--line)}
.memo-relations-column .relation-chips{margin-top:0}
.memo-actions{display:flex;justify-content:flex-end}
.memo-row .memo-text{margin-top:8px}
@media(max-width:760px){
  .memo-overview-head{display:none}
  .memo-row{grid-template-columns:1fr auto;gap:10px}
  .memo-relations-column{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:10px 0 0}
  .memo-actions{grid-column:2;grid-row:1}
}
/* V9.42 gebruikersmenu linksonder */
.sidebar-profile{position:relative;cursor:pointer;display:flex;align-items:center;gap:10px;user-select:none}
.sidebar-profile:hover{background:rgba(255,255,255,.07)}
.sidebar-profile-copy b,.sidebar-profile-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-user-menu.open{display:block}
.sidebar-user-menu button{width:100%;border:0;background:transparent;text-align:left;border-radius:8px;padding:9px 10px;cursor:pointer;font:inherit;color:inherit}
.sidebar-user-menu button:hover{background:#f3f6fa}
.sidebar-user-menu button.logout{color:#b42318}
.sidebar-user-menu-sep{height:1px;background:#e8edf3;margin:5px}
.prototype-login-screen.open{display:flex}
.prototype-login-card p{color:var(--muted);font-size:13px}
/* V9.43 zoekresultaten: dossiernaam en status blijven gescheiden */
.search-result{width:100%;border:0;background:#fff;text-align:left;padding:12px 14px;justify-content:space-between;gap:14px;cursor:pointer;border-bottom:1px solid #eef1f5;display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:center;column-gap:14px}
.search-result-main{min-width:0;overflow:hidden}
.search-result-main b{margin-bottom:3px;display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:2px}
.search-result-main span{font-size:12px;color:var(--muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-result>.badge,.search-result>.status,.search-result>[class*="badge"]{position:static!important;flex:none;justify-self:end;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}
@media(max-width:560px){
  .search-result{grid-template-columns:minmax(0,1fr) auto;column-gap:8px;padding:11px 12px}
  .search-result>.badge,.search-result>.status,.search-result>[class*="badge"]{max-width:105px;font-size:9px}
}
/* V9.44 zoekresultaat opnieuw opgebouwd */
.search-recent-heading{padding:10px 14px 5px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.search-results .search-result-v944{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;gap:12px!important;align-items:center;padding:12px 14px!important;min-height:62px;box-sizing:border-box}
.search-results .search-result-v944 .search-result-main{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px!important;min-width:0!important;width:100%!important;position:static!important}
.search-results .search-result-v944 .search-result-name{display:block;width:100%!important;position:static!important;font-size:13px!important;line-height:17px!important;font-weight:800!important;color:#26364d!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-results .search-result-v944 .search-result-details{display:flex;align-items:center;gap:5px!important;width:100%!important;min-width:0!important;position:static!important;font-size:11px!important;line-height:15px!important;color:var(--muted)!important}
.search-results .search-result-v944 .search-result-case,.search-results .search-result-v944 .search-result-separator{display:inline;flex:0 0 auto;position:static!important;font-size:11px!important;line-height:15px!important}
.search-results .search-result-v944 .search-result-insurer{display:block;flex:1 1 auto;min-width:0!important;position:static!important;font-size:11px!important;line-height:15px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-results .search-result-v944 .search-result-status{position:static!important;display:inline-flex;align-items:center;justify-content:center;justify-self:end;align-self:center;width:auto!important;max-width:130px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:520px){
  .search-results .search-result-v944{grid-template-columns:minmax(0,1fr)}
  .search-results .search-result-v944 .search-result-status{justify-self:start;max-width:100%}
}
/* V9.45 gekoppelde dossiers bij relaties */
.relation-assigned{color:#16815c;margin-top:7px}
.relation-assigned>span{display:block;font-size:10px;font-weight:800;color:#16815c;margin-bottom:5px}
.relation-case-links button{border:1px solid #cfe3dc;background:#f3faf7;color:#17694f;border-radius:7px;padding:4px 7px;font-size:10px;font-weight:750;cursor:pointer;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.relation-case-links button:hover{background:#e8f6f0;border-color:#a9d3c3}
/* V9.46 relaties zoeken, filteren en verwijderen */
.relation-library-tools{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.relation-library-tools input,.relation-library-tools select{height:36px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 10px;font:inherit;font-size:11px;color:#344054}
.relation-library-tools input{width:220px}
.relation-library-tools select{min-width:175px}
.relation-library-actions{display:flex;flex-direction:column;align-items:stretch;gap:5px}
.relation-delete-btn{border:0;background:transparent;color:#b42318;font-size:10px;font-weight:750;padding:4px 6px;cursor:pointer;border-radius:6px}
.relation-delete-btn:hover{background:#fff1f0}
.btn.danger{background:#b42318;color:#fff;border-color:#b42318}
@media(max-width:760px){
  .relation-library-tools{width:100%;margin-left:0}
  .relation-library-tools input,.relation-library-tools select{flex:1;min-width:140px;width:auto}
}
/* V9.47 relaties: alleen centrale relatielijst */
.relation-assigned-count{border:0;background:transparent;padding:0;color:#16815c;font:inherit;font-size:10px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.relation-assigned-count:hover{text-decoration:underline}
.relation-count-chevron{font-size:11px;transition:transform .15s ease}
.relation-assigned-count.open .relation-count-chevron{transform:rotate(180deg)}
.relation-case-links{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.relation-case-links-collapsed{display:none}
/* V9.48 rechtermuisknop op gekoppelde dossiers */
.relation-linked-case{cursor:pointer}
.relation-linked-case:hover{box-shadow:0 0 0 1px rgba(23,105,79,.08)}
/* V9.49 relaties bewerken */
/* V9.50 centraal relatieprofiel */
.relation-profile-link{cursor:pointer}
.relation-profile-link:hover{color:#1d4ed8;text-decoration:underline}
.relation-profile-v950 .relation-profile-head{padding-bottom:12px;border-bottom:1px solid var(--line)}
.relation-profile-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.relation-profile-title-row h3{margin:0 0 5px}
.relation-profile-contact{margin-top:8px;font-size:12px}
.relation-profile-cases{padding:12px 0;border-bottom:1px solid var(--line)}
.relation-profile-cases>b{font-size:11px}
.relation-profile-cases>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.relation-profile-cases button{border:1px solid var(--line);background:#f8fafc;border-radius:7px;padding:5px 8px;font-size:10px;cursor:pointer;color:#344054}
.relation-profile-cases button:hover{background:#eef4ff;border-color:#c9d8f3}
.relation-history-button{display:block;width:100%;text-align:left;border:1px solid var(--line);background:#fff;cursor:pointer}
.relation-history-button:hover{background:#f8fafc}
.relation-history-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:5px}
.relation-history-case{font-size:10px;color:var(--muted);font-weight:700}
.relation-history-detail{margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* V9.51 instellingen relatietypen */
.settings-relation-types{display:grid;gap:8px}
.settings-relation-type{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff}
.work-type-settings-search{max-width:420px;width:100%}
.work-type-groups{display:grid;gap:8px;margin-top:12px}
.work-type-group{margin-top:0}
.settings-work-type-name{min-width:0;overflow-wrap:anywhere}
.settings-relation-type-actions{display:flex;align-items:center;gap:5px}
/* V9.52 menutellers altijd zichtbaar */
.nav-count{box-sizing:border-box;line-height:1;font-variant-numeric:tabular-nums;box-shadow:0 0 0 1px rgba(255,255,255,.18);min-width:22px;height:20px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;margin-left:auto;font-size:10px;font-weight:850;background:rgba(255,255,255,.12);color:#dbe7f5}
.nav-count.overdue{background:#b42318;color:#fff}
.mobile-nav-count{min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:850;background:#e8eef7;color:#344054}
/* V9.54 instelbare accentkleur */
.theme-color-setting{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.theme-color-setting input[type="color"]{width:46px;height:38px;padding:2px;border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer}
.theme-color-setting input[type="text"],#themeColorHexSetting{width:105px;height:38px;border:1px solid var(--line);border-radius:9px;padding:0 9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.theme-color-presets{display:flex;gap:7px;margin-top:10px}
.theme-color-presets button{width:24px;height:24px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);cursor:pointer}
/* V9.55 lichte/donkere modus */
.appearance-mode-button{width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);display:grid;place-items:center;cursor:pointer;font-size:16px;flex:0 0 auto}
.appearance-mode-button:hover{background:var(--bg)}
html[data-appearance="dark"] body{background:var(--bg);color:var(--text)}
html[data-appearance="dark"] .topbar,html[data-appearance="dark"] .card,html[data-appearance="dark"] .panel,html[data-appearance="dark"] .settings-tab-card,html[data-appearance="dark"] .memo-card,html[data-appearance="dark"] .search-results,html[data-appearance="dark"] .relation-library-item{background:var(--panel);color:var(--text);border-color:var(--line)}
html[data-appearance="dark"] input,html[data-appearance="dark"] textarea,html[data-appearance="dark"] select{background:#111b28;color:var(--text);border-color:var(--line)}
html[data-appearance="dark"] .search-result,html[data-appearance="dark"] .relation-history-button,html[data-appearance="dark"] .settings-relation-type{background:var(--panel);color:var(--text);border-color:var(--line)}
html[data-appearance="dark"] .search-result:hover,html[data-appearance="dark"] .relation-history-button:hover{background:#202d3d}
html[data-appearance="dark"] .search-results .search-result-v944 .search-result-name{color:var(--text)!important}
html[data-appearance="dark"] .notice{background:#1b2a3a;border-color:#31465c;color:#c9d6e5}
html[data-appearance="dark"] .btn.ghost{background:transparent;color:var(--text);border-color:var(--line)}
/* V9.57 aparte kleur voor zijbalk */
.theme-sidebar-setting{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.theme-sidebar-setting>.theme-color-setting{margin-top:9px}
/* V9.58 instelling Vandaag geregistreerd */
.daily-time-goal-toggle{margin-top:11px;padding-top:10px;border-top:1px solid var(--line)}
/* V9.59 accentkleur consequent toepassen */
.btn.primary,.settings-tabs button.active{background:var(--accent)!important;color:#fff!important}
.nav-count:not(.overdue),.mobile-nav-count{background:var(--accent)!important;color:#fff!important}
.relation-profile-link:hover,.relation-link:hover,.search-result a:hover{color:var(--accent)!important}
.quick-icon,.agenda-user-chip.selected,.multi-user-avatar{color:var(--accent)!important}
.quick-icon,.agenda-user-chip.selected{background:color-mix(in srgb,var(--accent) 10%, white)!important}
.relation-chip,.doc-label{color:var(--accent)!important}
input:focus,textarea:focus,select:focus{border-color:var(--accent)!important;outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%, transparent)}
/* V9.60 strakke omgevingsnaam linksboven */
.brand-clean .brand-copy{min-width:0}
/* V9.61 branding: alleen de omgevingsnaam */
.brand.brand-clean{display:block;padding:8px 9px 24px;margin:0 0 2px;padding-top:10px}
/* V9.62 langere accentstreep onder omgevingsnaam */
/* V9.64 overzichtelijkere documentmappen */
.docs-tree{border:1px solid var(--line);border-radius:14px;background:#fbfcfe;overflow:hidden;min-width:225px}
.docs-tree-list{padding:6px}
.docs-folder-btn{border:0;background:transparent;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;display:flex;align-items:center;gap:7px;text-align:left;padding:7px 8px!important;border-radius:8px!important}
.docs-folder-card-icon{width:38px;height:38px;border-radius:10px;background:color-mix(in srgb,var(--accent) 9%, white);display:grid;place-items:center;font-size:20px;margin-right:11px}
.docs-folder-open{font-size:24px;color:#98a2b3;margin-left:auto}
.folder-template-tree{display:grid;gap:4px}
.folder-template-row{display:flex;align-items:center;gap:9px;padding:9px 10px 9px calc(10px + var(--folder-depth)*22px);border:1px solid var(--line);border-radius:9px;background:var(--panel)}
html[data-appearance="dark"] .docs-folder-card-icon{background:color-mix(in srgb,var(--accent) 16%, #182230)}
/* V9.65 urenregistratie */
#sidebarTimeGoal{cursor:pointer;transition:.15s ease}
#sidebarTimeGoal:hover{transform:translateY(-1px);filter:brightness(1.08)}
.time-overview-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:14px;align-items:start}
.time-day-list{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:7px;display:grid;gap:3px}
.time-day-head{padding:7px 8px 9px}
.time-day-list button{border:0;background:transparent;color:var(--text);border-radius:8px;padding:9px 8px;display:flex;justify-content:space-between;gap:8px;text-align:left;cursor:pointer}
.time-day-list button:hover{background:var(--bg)}
.time-day-list button.active{background:color-mix(in srgb,var(--accent) 10%, var(--panel));color:var(--accent)}
.time-day-content{min-width:0}
.time-day-summary h3{margin:4px 0 0}
.time-case-link{border:0;background:transparent;padding:0;color:var(--accent);font-weight:700;cursor:pointer;text-align:left}
@media(max-width:800px){
  .time-overview-layout{grid-template-columns:1fr}
  .time-day-list{max-height:220px;overflow:auto}
}
/* V9.66 zijbalk-layout herstel */
.sidebar{box-sizing:border-box;display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:18px 14px 14px!important}
.sidebar .brand.brand-clean{flex:0 0 auto;padding:8px 8px 17px!important;margin:0}
.sidebar .nav{gap:var(--bd-sidebar-nav-gap);padding-bottom:150px;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 2px 8px!important;margin:0 0 8px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}
.sidebar .nav::-webkit-scrollbar{width:5px}
.sidebar .nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:99px}
.sidebar .nav>button{width:100%;box-sizing:border-box;flex:0 0 auto;min-height:var(--bd-sidebar-nav-item);padding:9px 10px!important;border-radius:9px!important;gap:9px!important}
.sidebar .nav>button>span:first-child{width:19px;flex:0 0 19px;text-align:center;font-size:15px}
.sidebar .nav .nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650}
.sidebar .nav-count{margin-left:auto;flex:0 0 auto}
.nav-recent-cases{display:flex;flex-direction:column;gap:1px;margin:0 0 4px 35px}
.nav-recent-case{border:0;background:transparent;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;color:#aebdd0;border-radius:7px;cursor:pointer;font-size:10.5px;line-height:1.25;display:grid;grid-template-columns:68px minmax(0,1fr);align-items:center;column-gap:5px;min-height:0;width:calc(100% - 5px)!important;padding:3px 5px!important}
.sidebar-nav-chevron{margin:-5px -5px -5px auto;flex:0 0 24px;width:24px;height:28px;border-radius:7px;color:var(--nav-muted,#b9c6d8);font-size:9px;line-height:28px;text-align:center;opacity:0;visibility:hidden;cursor:pointer;transition:opacity .12s ease,transform .15s ease,background-color .12s ease,color .12s ease}
#nav>button:hover .sidebar-nav-chevron,#nav>button:focus-visible .sidebar-nav-chevron,#nav>button .sidebar-nav-chevron[aria-expanded="true"],#drawerNav>button .sidebar-nav-chevron{opacity:1;visibility:visible}
#nav>button:has(.sidebar-nav-chevron[aria-expanded="true"]) .nav-hover-actions{display:none}
#nav>button .sidebar-nav-chevron[aria-expanded="true"],#drawerNav>button .sidebar-nav-chevron[aria-expanded="true"]{transform:rotate(180deg)}
#nav>button:has(.sidebar-nav-chevron[aria-expanded="true"]),#drawerNav>button:has(.sidebar-nav-chevron[aria-expanded="true"]){color:var(--nav-ink,#fff)}
.sidebar-nav-chevron:hover,.sidebar-nav-chevron:focus-visible{background:color-mix(in srgb,var(--nav-ink,#fff) 8%,transparent);color:var(--nav-ink,#fff);outline:none}
.sidebar-nav-submenu{display:grid;gap:1px;margin:0 0 4px 25px;padding:2px 0 2px 5px;border-left:1px solid var(--nav-line,rgba(255,255,255,.14))}
.sidebar-nav-submenu[hidden]{display:none}
.sidebar-nav-submenu-row{width:calc(100% - 3px);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1px}
.sidebar-nav-submenu-item{width:calc(100% - 3px);min-height:29px;padding:5px 6px;border:0;border-radius:6px;background:transparent;color:var(--nav-muted,#b9c6d8);font-size:11px;font-weight:600;line-height:1.25;text-align:left;cursor:pointer;display:flex;align-items:center;gap:7px;overflow:hidden}
.sidebar-nav-submenu-row .sidebar-nav-submenu-item{width:100%;min-width:0}
.sidebar-nav-submenu-item:hover,.sidebar-nav-submenu-item:focus-visible{background:var(--nav-hover,rgba(255,255,255,.08));color:var(--nav-ink,#fff);outline:none}
.sidebar-nav-submenu-actions{display:flex;align-items:center;gap:1px}
.sidebar-nav-submenu-action,.sidebar-nav-submenu-pin{width:25px;height:25px;padding:0;border:1px solid transparent;border-radius:7px;display:grid;place-items:center;background:transparent;color:var(--nav-muted,#b9c6d8);cursor:pointer;opacity:0;visibility:hidden;transform:translateX(2px);transition:opacity .12s ease,visibility 0s linear .12s,transform .12s ease,background-color .12s ease,border-color .12s ease,color .12s ease}
.sidebar-nav-submenu-row:hover :is(.sidebar-nav-submenu-action,.sidebar-nav-submenu-pin),.sidebar-nav-submenu-row:has(.sidebar-nav-submenu-item:focus-visible) :is(.sidebar-nav-submenu-action,.sidebar-nav-submenu-pin),.sidebar-nav-submenu-row:has(:is(.sidebar-nav-submenu-action,.sidebar-nav-submenu-pin):focus-visible) :is(.sidebar-nav-submenu-action,.sidebar-nav-submenu-pin){opacity:1;visibility:visible;transform:none;transition-delay:.12s,.12s,.12s,0s,0s,0s}
.sidebar-nav-submenu-action:hover,.sidebar-nav-submenu-action:focus-visible,.sidebar-nav-submenu-pin:hover,.sidebar-nav-submenu-pin:focus-visible{outline:none;color:var(--nav-ink,#fff);background:var(--nav-hover,rgba(255,255,255,.08));border-color:var(--nav-line,rgba(255,255,255,.14))}
.sidebar-nav-submenu-pin.is-active{color:var(--nav-ink,#fff)}
.sidebar-nav-submenu-pin.is-active .sidebar-nav-action-svg path:first-child{fill:currentColor}
.sidebar-nav-submenu-label,.sidebar-nav-submenu-recent-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-nav-submenu-recent-id{flex:0 0 65px;font-size:10.5px;font-weight:800;white-space:nowrap}
.sidebar-nav-submenu-recent-name{font-size:11px}
.sidebar-nav-submenu-heading{padding:6px 6px 3px;color:var(--nav-muted,#b9c6d8);font-size:10px;font-weight:750;line-height:1.2}
.sidebar-nav-submenu-sep{height:1px;margin:3px 4px;background:var(--nav-line,rgba(255,255,255,.14))}
/* Time block and user profile now participate in normal flex flow, so they cannot overlap. */
.sidebar-time-goal{border-top:1px solid rgba(255,255,255,.10);box-sizing:border-box;border:1px solid rgba(255,255,255,.10);/* V13.71: was in V13.70 8% LICHTER dan de zijbalkkleur. Dat maakte de balk lichter dan
     zijn omgeving en brak het verloop van licht (boven) naar donker (onder) dat de
     zijbalk heeft. Nu 30% donkerder dan de ingestelde kleur, zodat de balk onderin
     natuurlijk in het verloop past — ook in ingeklapte toestand. */
  background:color-mix(in srgb, #000000 30%, var(--nav));position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;flex:0 0 auto;width:100%;margin:0 0 8px;padding:8px 9px!important;border-radius:9px!important;z-index:3}
.sidebar-time-goal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;gap:7px;font-size:10px!important}
.sidebar-time-goal-head span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-time-goal-head b{font-size:12px;white-space:nowrap;flex:0 0 auto}
.sidebar-time-goal-meta{display:flex;justify-content:space-between;opacity:.72;font-size:9px!important;margin-top:5px}
.sidebar .profile.sidebar-profile{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;flex:0 0 auto;width:100%;box-sizing:border-box;margin:0;padding:10px 8px 2px!important;border-top:1px solid var(--nav-line,rgba(255,255,255,.15));gap:9px!important;min-height:52px}
.sidebar-profile .avatar{width:34px;height:34px;flex:0 0 34px;font-size:11px}
.sidebar-profile-copy{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0;overflow:hidden}
.sidebar-profile-copy b{font-size:12px;line-height:1.25;color:var(--nav-ink,#fff)}
.sidebar-profile-copy small{color:var(--nav-muted,#b9c6d8);font-size:10px;line-height:1.25;margin-top:2px}
.sidebar-profile-chevron{margin-left:auto;color:var(--nav-muted,#b9c6d8);font-size:12px;flex:0 0 auto;padding-left:3px}
.sidebar-user-menu{display:none;position:absolute;z-index:50;padding:6px;background:#fff;border:1px solid #dce3ec;border-radius:12px;box-shadow:0 14px 35px rgba(15,23,42,.2);color:#26364d;left:0!important;right:0!important;bottom:calc(100% + 7px)!important}
/* Keep the clean name/header compact enough for smaller laptop screens. */
.brand-clean h1{margin:0;letter-spacing:-.025em;font-weight:780;color:var(--nav-ink,#fff);white-space:normal;overflow-wrap:anywhere;line-height:1.2;font-size:18px!important}
.brand-clean .brand-accent-line{display:block;height:3px;border-radius:999px;background:var(--accent);width:64px;margin-top:8px}
/* V9.68 urenregistratie: één werkende invoeractie + bewerken */
#uren .v4-table td:last-child,#uren .v4-table th:last-child{text-align:right}
/* V9.70 kantoorbrede databank */
.database-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px;padding:11px}
.database-search-wrap{display:flex;align-items:center;gap:7px;flex:1;min-width:220px;border:1px solid var(--line);border-radius:9px;padding:0 10px;background:var(--panel)}
.database-search-wrap input{border:0!important;box-shadow:none!important;background:transparent!important;width:100%;padding:9px 0}
.database-toolbar select{min-width:170px}
.database-ai-filter{display:flex;align-items:center;gap:7px;font-size:11px;white-space:nowrap}
.database-layout[hidden]{display:none}
.database-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:14px;align-items:start}
.database-categories{padding:7px;display:grid;gap:3px}
.database-category-head{padding:0 8px;min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.database-categories>button,.database-category-select{border:0;background:transparent;color:var(--text);padding:8px;border-radius:8px;display:flex;justify-content:space-between;gap:8px;text-align:left;cursor:pointer}
.database-categories>button:hover,.database-category-select:hover{background:var(--bg)}
.database-categories>button.active,.database-category-select.active{background:color-mix(in srgb,var(--accent) 10%,var(--panel));color:var(--accent)}
.database-category-row{position:relative;min-width:0}
.database-category-select{width:100%;align-items:center}
.database-category-select span{min-width:0;overflow-wrap:anywhere}
.database-category-row.editable .database-category-select{padding-right:66px;min-height:37px}
.database-category-row.editable .database-category-select>b{position:absolute;right:8px}
.database-category-actions{position:absolute;right:3px;top:50%;transform:translateY(-50%);display:flex;gap:0;opacity:0;pointer-events:none}
.database-category-row:hover .database-category-actions,.database-category-row:focus-within .database-category-actions{opacity:1;pointer-events:auto}
.database-category-row.editable:hover .database-category-select>b,.database-category-row.editable:focus-within .database-category-select>b{visibility:hidden}
@media(hover:none){
 .database-category-actions{opacity:1;pointer-events:auto}
 .database-category-row.editable .database-category-select>b{visibility:hidden}
}
.database-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:11px}
.database-stat{padding:11px 13px;display:flex;flex-direction:column;gap:2px}
.database-stat b{font-size:18px}
.database-stat span{font-size:10px;color:var(--muted)}
.database-document-list{display:grid;gap:8px}
.database-document-card{padding:13px;display:flex;align-items:flex-start;gap:11px;cursor:pointer;transition:.15s ease}
.database-document-card:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(16,24,40,.07)}
.database-doc-icon{width:38px;height:38px;border-radius:10px;background:color-mix(in srgb,var(--accent) 9%,white);color:var(--accent);display:grid;place-items:center;font-size:18px;flex:0 0 auto}
.database-doc-main{min-width:0;flex:1}
.database-doc-title{display:flex;align-items:center;gap:7px}
.database-doc-main p{font-size:11px;line-height:1.55;margin:7px 0;color:var(--text)}
.database-ai-badge,.database-private-badge{font-size:9px;font-weight:800;border-radius:999px;padding:3px 6px}
.database-ai-badge{background:color-mix(in srgb,var(--accent) 10%,white);color:var(--accent)}
.database-private-badge{background:var(--bg);color:var(--muted)}
.database-tags{display:flex;gap:5px;flex-wrap:wrap}
.database-tags span{font-size:9px;padding:3px 6px;border-radius:999px;background:var(--bg);color:var(--muted)}
.database-detail-meta{display:flex;gap:8px;align-items:center;margin-bottom:9px;font-size:10px;color:var(--muted)}
.database-detail-content{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--bg);font-size:12px;line-height:1.65;max-height:52vh;overflow:auto}
.database-ai-source{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:11px 13px}
@media(max-width:850px){
  .database-layout{grid-template-columns:1fr}
  .database-stats{grid-template-columns:1fr}
  .database-toolbar{flex-wrap:wrap}
  .database-search-wrap{flex-basis:100%}
}
/* V9.71 bestanden uploaden naar databank */
.database-title-actions{display:flex;align-items:center;gap:7px}
.database-title-actions[hidden]{visibility:hidden}
.database-file-box{display:flex;align-items:center;gap:10px;margin-top:13px;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.database-file-box>div:nth-child(2){min-width:0;flex:1}
.database-file-box>div:nth-child(2) b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.database-file-type{width:38px;height:38px;border-radius:9px;background:color-mix(in srgb,var(--accent) 10%,white);color:var(--accent);display:grid;place-items:center;font-size:9px;font-weight:900}
html[data-appearance="dark"] .database-file-type{background:color-mix(in srgb,var(--accent) 16%,#182230)}
/* V9.72 preview kantoorbrede bestanden */
.database-file-actions{display:flex;align-items:center;gap:6px;margin-left:auto}
.database-preview-overlay{position:fixed;inset:0;z-index:10050;background:rgba(10,18,30,.62);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:22px}
.database-preview-window{width:min(1120px,96vw);height:min(820px,92vh);background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 30px 90px rgba(0,0,0,.28);overflow:hidden;display:flex;flex-direction:column}
.database-preview-header{min-height:62px;padding:10px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}
.database-preview-header>div:first-child{min-width:0}
.database-preview-header b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.database-preview-actions{display:flex;align-items:center;gap:7px}
.database-preview-close{border:0;background:var(--bg);color:var(--text);width:32px;height:32px;border-radius:8px;font-size:21px;line-height:1;cursor:pointer}
.database-preview-body{flex:1;min-height:0;background:#e7ebf0;overflow:auto}
.database-preview-frame{display:block;width:100%;height:100%;border:0;background:#fff}
.database-image-preview{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}
.database-image-preview img{max-width:100%;max-height:calc(92vh - 115px);object-fit:contain;box-shadow:0 5px 24px rgba(0,0,0,.12)}
.database-text-preview{box-sizing:border-box;margin:0;min-height:100%;padding:24px 28px;background:var(--panel);color:var(--text);font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.database-preview-unavailable{text-align:center;padding:12px 4px}
.database-preview-large-icon{width:64px;height:64px;margin:0 auto 12px;border-radius:14px;background:color-mix(in srgb,var(--accent) 10%,white);color:var(--accent);display:grid;place-items:center;font-size:12px;font-weight:900}
html[data-appearance="dark"] .database-preview-body{background:#0d1520}
/* V9.73 doorzoekbare relatiekeuze */
.relation-search-picker{display:grid;gap:7px}
.relation-picker-search{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:9px;padding:0 9px;background:var(--panel)}
.relation-picker-search span{color:var(--muted);font-size:13px}
.relation-picker-search input{width:100%;border:0!important;box-shadow:none!important;background:transparent!important;padding:8px 0!important}
.relation-search-select{width:100%;min-height:92px;padding:4px!important;border-radius:9px!important}
.relation-search-select option{padding:7px 8px;border-radius:6px;margin:1px 0}
.relation-picker-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}
.memo-relation-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;align-items:center}
/* V9.74 optioneel automatisch inklapbare zijbalk.
   V15.47: instellingen en een contextmenu uit de zijbalk houden dezelfde
   uitgeklapte toestand vast; inhoud en bediening klappen dus niet apart in. */
.app,.sidebar,.main{transition:all .2s ease}
html.sidebar-auto-collapse .app{grid-template-columns:68px minmax(0,1fr)}
html.sidebar-auto-collapse .sidebar:hover,html.sidebar-auto-collapse .sidebar:focus-within,html.sidebar-auto-collapse:is(.sidebar-navigation-settings-open,.sidebar-context-menu-open) .sidebar{width:250px;box-shadow:10px 0 30px rgba(9,26,46,.14)}
html.sidebar-auto-collapse .sidebar .brand-clean{min-height:52px;padding-left:0!important;padding-right:0!important;overflow:hidden}
html.sidebar-auto-collapse .sidebar .brand-copy{opacity:0;visibility:hidden;white-space:nowrap;transition:opacity .12s ease}
html.sidebar-auto-collapse .sidebar:hover .brand-copy,html.sidebar-auto-collapse .sidebar:focus-within .brand-copy,html.sidebar-auto-collapse:is(.sidebar-navigation-settings-open,.sidebar-context-menu-open) .sidebar .brand-copy{opacity:1;visibility:visible;padding-left:8px}
html.sidebar-auto-collapse .sidebar .nav{overflow-x:hidden!important}
html.sidebar-auto-collapse .sidebar .nav>button{padding-left:10px!important;padding-right:10px!important;overflow:hidden;white-space:nowrap}
html.sidebar-auto-collapse .sidebar .nav>button>span:first-child{width:28px!important;flex:0 0 28px!important;font-size:17px}
html.sidebar-auto-collapse .sidebar .nav .nav-label,html.sidebar-auto-collapse .sidebar .nav-count{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease}
html.sidebar-auto-collapse .sidebar .nav-recent-cases{display:none}
html.sidebar-auto-collapse .sidebar:hover .nav .nav-label,html.sidebar-auto-collapse .sidebar:hover .nav-count,html.sidebar-auto-collapse .sidebar:focus-within .nav .nav-label,html.sidebar-auto-collapse .sidebar:focus-within .nav-count,html.sidebar-auto-collapse:is(.sidebar-navigation-settings-open,.sidebar-context-menu-open) .sidebar .nav .nav-label,html.sidebar-auto-collapse:is(.sidebar-navigation-settings-open,.sidebar-context-menu-open) .sidebar .nav-count{opacity:1;visibility:visible;pointer-events:auto}
html.sidebar-auto-collapse .sidebar-time-goal-head span,html.sidebar-auto-collapse .sidebar-time-goal-head b,html.sidebar-auto-collapse .sidebar-time-goal-meta,html.sidebar-auto-collapse .sidebar-time-goal-track{opacity:0;visibility:hidden}
html.sidebar-auto-collapse .sidebar:hover .sidebar-time-goal,html.sidebar-auto-collapse .sidebar:focus-within .sidebar-time-goal,html.sidebar-auto-collapse:is(.sidebar-navigation-settings-open,.sidebar-context-menu-open) .sidebar .sidebar-time-goal{height:auto}
html.sidebar-auto-collapse .sidebar:hover .sidebar-time-goal:before,html.sidebar-auto-collapse .sidebar:focus-within .sidebar-time-goal:before,html.sidebar-auto-collapse:is(.sidebar-navigation-settings-open,.sidebar-context-menu-open) .sidebar .sidebar-time-goal:before{display:none}
html.sidebar-auto-collapse .sidebar:hover .sidebar-time-goal-head span,html.sidebar-auto-collapse .sidebar:hover .sidebar-time-goal-head b,html.sidebar-auto-collapse .sidebar:hover .sidebar-time-goal-meta,html.sidebar-auto-collapse .sidebar:hover .sidebar-time-goal-track,html.sidebar-auto-collapse .sidebar:focus-within .sidebar-time-goal-head span,html.sidebar-auto-collapse .sidebar:focus-within .sidebar-time-goal-head b,html.sidebar-auto-collapse .sidebar:focus-within .sidebar-time-goal-meta,html.sidebar-auto-collapse .sidebar:focus-within .sidebar-time-goal-track,html.sidebar-auto-collapse:is(.sidebar-navigation-settings-open,.sidebar-context-menu-open) .sidebar .sidebar-time-goal-head span,html.sidebar-auto-collapse:is(.sidebar-navigation-settings-open,.sidebar-context-menu-open) .sidebar .sidebar-time-goal-head b,html.sidebar-auto-collapse:is(.sidebar-navigation-settings-open,.sidebar-context-menu-open) .sidebar .sidebar-time-goal-meta,html.sidebar-auto-collapse:is(.sidebar-navigation-settings-open,.sidebar-context-menu-open) .sidebar .sidebar-time-goal-track{opacity:1;visibility:visible}
html.sidebar-auto-collapse .sidebar-profile{padding-left:7px!important;padding-right:7px!important}
html.sidebar-auto-collapse .sidebar-profile-copy,html.sidebar-auto-collapse .sidebar-profile-chevron{opacity:0;visibility:hidden;white-space:nowrap}
html.sidebar-auto-collapse .sidebar:hover .sidebar-profile-copy,html.sidebar-auto-collapse .sidebar:hover .sidebar-profile-chevron,html.sidebar-auto-collapse .sidebar:focus-within .sidebar-profile-copy,html.sidebar-auto-collapse .sidebar:focus-within .sidebar-profile-chevron,html.sidebar-auto-collapse:is(.sidebar-navigation-settings-open,.sidebar-context-menu-open) .sidebar .sidebar-profile-copy,html.sidebar-auto-collapse:is(.sidebar-navigation-settings-open,.sidebar-context-menu-open) .sidebar .sidebar-profile-chevron{opacity:1;visibility:visible}
html.sidebar-auto-collapse .sidebar:hover .nav>button,html.sidebar-auto-collapse .sidebar:focus-within .nav>button,html.sidebar-auto-collapse:is(.sidebar-navigation-settings-open,.sidebar-context-menu-open) .sidebar .nav>button{padding-left:10px!important;padding-right:10px!important}
@media(max-width:900px){
  html.sidebar-auto-collapse .app{grid-template-columns:1fr}
  html.sidebar-auto-collapse .sidebar{width:auto}
}
/* V9.75 uitlijning pictogrammen ingeklapte zijbalk */
html.sidebar-auto-collapse:not(.sidebar-navigation-settings-open,.sidebar-context-menu-open) .sidebar:not(:hover):not(:focus-within){padding-left:10px!important;padding-right:10px!important}
html.sidebar-auto-collapse:not(.sidebar-navigation-settings-open,.sidebar-context-menu-open) .sidebar:not(:hover):not(:focus-within) .brand.brand-clean{height:52px!important;min-height:52px!important;padding:0!important;margin:0 0 8px!important}
html.sidebar-auto-collapse:not(.sidebar-navigation-settings-open,.sidebar-context-menu-open) .sidebar:not(:hover):not(:focus-within) .nav{width:48px!important;margin:0 auto 8px!important;padding:0!important;gap:var(--bd-sidebar-nav-gap)!important}
html.sidebar-auto-collapse:not(.sidebar-navigation-settings-open,.sidebar-context-menu-open) .sidebar:not(:hover):not(:focus-within) .nav>button{width:48px!important;height:var(--bd-sidebar-nav-item)!important;min-height:var(--bd-sidebar-nav-item)!important;padding:0!important;margin:0!important;gap:0!important;display:grid!important;grid-template-columns:48px!important;place-items:center!important;justify-content:center!important}
html.sidebar-auto-collapse:not(.sidebar-navigation-settings-open,.sidebar-context-menu-open) .sidebar:not(:hover):not(:focus-within) .nav>button>span:first-child{width:48px!important;height:var(--bd-sidebar-nav-item)!important;flex:none!important;margin:0!important;display:grid!important;place-items:center!important;text-align:center!important;line-height:1!important;transform:none!important}
html.sidebar-auto-collapse:not(.sidebar-navigation-settings-open,.sidebar-context-menu-open) .sidebar:not(:hover):not(:focus-within) .nav .nav-label,html.sidebar-auto-collapse:not(.sidebar-navigation-settings-open,.sidebar-context-menu-open) .sidebar:not(:hover):not(:focus-within) .nav .nav-count{position:absolute!important;width:0!important;height:0!important;overflow:hidden!important}
html.sidebar-auto-collapse:not(.sidebar-navigation-settings-open,.sidebar-context-menu-open) .sidebar:not(:hover):not(:focus-within) .nav-recent-cases{display:none!important}
html.sidebar-auto-collapse:not(.sidebar-navigation-settings-open,.sidebar-context-menu-open) .sidebar:not(:hover):not(:focus-within) .sidebar-nav-chevron,html.sidebar-auto-collapse:not(.sidebar-navigation-settings-open,.sidebar-context-menu-open) .sidebar:not(:hover):not(:focus-within) .sidebar-nav-submenu{display:none}
html.sidebar-auto-collapse:not(.sidebar-navigation-settings-open,.sidebar-context-menu-open) .sidebar:not(:hover):not(:focus-within) .sidebar-profile{width:48px!important;min-height:50px!important;margin:0 auto!important;padding:8px 7px 2px!important;justify-content:center!important;gap:0!important}
html.sidebar-auto-collapse:not(.sidebar-navigation-settings-open,.sidebar-context-menu-open) .sidebar:not(:hover):not(:focus-within) .sidebar-profile .avatar{margin:0 auto!important;flex:0 0 34px!important}
/* V9.76 omgevingsnaam als home-link */
.brand-home-link{cursor:pointer;border-radius:10px;transition:background .15s ease}
.brand-home-link:hover{background:rgba(255,255,255,.055)}
.brand-home-link:focus-visible{outline:2px solid rgba(255,255,255,.55);outline-offset:2px}
/* V9.80 Recente activiteit-iconen in Snel starten-stijl */
#activityList .recent-activity-item{align-items:center;padding-top:12px;padding-bottom:12px}
#activityList .activity-ico{width:38px;height:38px;border-radius:9px;background:#eef3fb;color:#27476b;display:grid;place-items:center;flex:0 0 38px}
#activityList .activity-icon{width:20px;height:20px;display:grid;place-items:center}
#activityList .activity-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html[data-appearance="dark"] #activityList .activity-ico{background:color-mix(in srgb,var(--accent) 12%,#182230);color:color-mix(in srgb,var(--accent) 60%,white)}
/* V9.81 datum en persoonlijke snelkoppelingen bovenbalk */
.topbar-right{margin-left:auto;display:flex;align-items:center;gap:9px}
.topbar-shortcuts{display:flex;align-items:center;gap:5px}
.topbar-shortcut-btn{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:#40546d;display:grid;place-items:center;cursor:pointer;transition:.15s ease}
.topbar-shortcut-btn:hover{background:var(--bg);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 28%,var(--line));transform:translateY(-1px)}
.topbar-shortcut-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.topbar-date{padding:0 9px;text-align:right;line-height:1.15;white-space:nowrap;border-left:1px solid var(--line)}
.topbar-date b{display:block;font-size:11px;text-transform:capitalize;color:var(--text)}
.topbar-date span{display:block;margin-top:3px;font-size:10px;color:var(--muted);text-transform:none}
.topbar-shortcut-settings{display:grid;grid-template-columns:1fr;gap:8px;margin-top:11px}
.topbar-shortcut-select{display:grid;grid-template-columns:130px minmax(180px,300px);align-items:center;gap:10px;font-size:11px}
.topbar-shortcut-select select{width:100%}
@media(max-width:780px){
  .topbar-date{display:none!important}
  .topbar-shortcuts{display:none}
  .topbar-shortcut-select{grid-template-columns:1fr}
}
/* V9.82 documentlabels met eigen kleuren */
.doc-label{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:11px;font-weight:750;background:var(--label-bg,#eef2ff)!important;color:var(--label-color,#4f46e5)!important;border:1px solid var(--label-border,#c7d2fe);gap:5px;align-items:center}
.doc-label-dot{width:6px;height:6px;border-radius:50%;background:var(--label-color,#4f46e5);flex:0 0 6px}
.document-label-color-editor{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.document-label-color-editor input[type="color"]{width:46px;height:36px;padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--panel);cursor:pointer}
/* V9.83 donkere modus: witte oppervlakken vermijden */
html[data-appearance="dark"] .quick button,html[data-appearance="dark"] .sheet-card,html[data-appearance="dark"] .tabs button,html[data-appearance="dark"] .bill-card,html[data-appearance="dark"] .billing-summary .bill-card,html[data-appearance="dark"] .stable-duration button,html[data-appearance="dark"] .calendar-day,html[data-appearance="dark"] .floating-ai-welcome,html[data-appearance="dark"] .floating-ai-msg.ai,html[data-appearance="dark"] .docs-folder-card,html[data-appearance="dark"] .docs-file-card,html[data-appearance="dark"] .relation-select-wrap,html[data-appearance="dark"] .relation-history-tabs button,html[data-appearance="dark"] .relation-history-item,html[data-appearance="dark"] .agenda-view-switch,html[data-appearance="dark"] .agenda-user-chip,html[data-appearance="dark"] .multi-agenda-grid,html[data-appearance="dark"] .memo-relation-wrap,html[data-appearance="dark"] .sidebar-user-menu,html[data-appearance="dark"] .prototype-login-card{background:var(--panel)!important;color:var(--text)!important;border-color:var(--line)!important}
/* V17.293 — bovenbalkknoppen zonder rand of vlak, net als in licht thema (V13.80); alleen de icoonkleur volgt het donkere thema. */
html[data-appearance="dark"] .topbar .topbar-shortcut-btn{color:var(--text)}
html[data-appearance="dark"] .search input,html[data-appearance="dark"] th{background:#111b28!important;color:var(--text)}
html[data-appearance="dark"] .ai-answer{background:#20283a;border-color:#39445b;color:var(--text)}
html[data-appearance="dark"] .calendar-event.deadline{background:#3b2b17;color:#f4c27a}
html[data-appearance="dark"] .multi-agenda-day.today,html[data-appearance="dark"] .multi-agenda-cell.today{background:#202a35}
html[data-appearance="dark"] .mobilebar,html[data-appearance="dark"] .mobilebar button{background:var(--panel);color:var(--muted);border-color:var(--line)}
html[data-appearance="dark"] .mobile-menu button,html[data-appearance="dark"] .userdot{background:#243142;color:var(--text)}
html[data-appearance="dark"] .database-preview-frame{background:#111b28}
/* V9.84 donkere modus: hover en tekstcontrast dashboard */
html[data-appearance="dark"] .card:hover,html[data-appearance="dark"] .quick button:hover,html[data-appearance="dark"] #dashboard .item:hover,html[data-appearance="dark"] #dashboard button:hover{background:#1b2735!important;color:var(--text)!important;border-color:#344458!important}
html[data-appearance="dark"] #dashboard .quick button,html[data-appearance="dark"] #dashboard .quick button b,html[data-appearance="dark"] #dashboard .quick button strong{color:#f2f6fb!important}
html[data-appearance="dark"] #dashboard .quick button span,html[data-appearance="dark"] #dashboard .quick button small,html[data-appearance="dark"] #dashboard .quick button .meta,html[data-appearance="dark"] #dashboard .quick button .subtitle{color:#aebdce!important;opacity:1}
html[data-appearance="dark"] #dashboard .meta,html[data-appearance="dark"] #dashboard .subtitle{color:#9fb0c3}
html[data-appearance="dark"] #dashboard .item:hover .meta,html[data-appearance="dark"] #dashboard .item:hover .subtitle,html[data-appearance="dark"] #dashboard button:hover .meta,html[data-appearance="dark"] #dashboard button:hover .subtitle{color:#b8c6d5!important}
html[data-appearance="dark"] #dashboard .quick .ico,html[data-appearance="dark"] #dashboard .quick-icon{background:#253448!important;color:#d9e7f7!important}
html[data-appearance="dark"] #dashboard .quick button:hover .ico,html[data-appearance="dark"] #dashboard .quick button:hover .quick-icon{background:#2b3d53!important;color:#eef6ff!important}
html[data-appearance="dark"] #dashboard input,html[data-appearance="dark"] #dashboard select,html[data-appearance="dark"] #dashboard textarea{background:#111b28!important;color:var(--text)!important;border-color:var(--line)!important}
/* V9.85 dossier-samenvatting leesbaar in donkere modus */
html[data-appearance="dark"] #dossierDetail .summary,html[data-appearance="dark"] #dossierDetail [class*="summary"]{background:#182433!important;color:#edf3f9!important;border-color:#304157!important}
html[data-appearance="dark"] #dossierDetail [class*="summary"] h1,html[data-appearance="dark"] #dossierDetail [class*="summary"] h2,html[data-appearance="dark"] #dossierDetail [class*="summary"] h3,html[data-appearance="dark"] #dossierDetail [class*="summary"] h4,html[data-appearance="dark"] #dossierDetail [class*="summary"] b,html[data-appearance="dark"] #dossierDetail [class*="summary"] strong{color:#f4f7fb!important}
html[data-appearance="dark"] #dossierDetail [class*="summary"] p,html[data-appearance="dark"] #dossierDetail [class*="summary"] li,html[data-appearance="dark"] #dossierDetail [class*="summary"] span:not(.badge):not(.chip),html[data-appearance="dark"] #dossierDetail [class*="summary"] .meta,html[data-appearance="dark"] #dossierDetail [class*="summary"] .subtitle{color:#b9c7d6!important;opacity:1!important}
html[data-appearance="dark"] #dossierDetail [class*="summary"] a{color:#9ecbff!important}
/* V9.86 volledige dark-mode audit */
html[data-appearance="dark"] body,html[data-appearance="dark"] .main,html[data-appearance="dark"] .content,html[data-appearance="dark"] .view{background:var(--bg);color:var(--text)}
html[data-appearance="dark"] .card,html[data-appearance="dark"] .panel,html[data-appearance="dark"] .sheet-card,html[data-appearance="dark"] .modal,html[data-appearance="dark"] .drawer-card,html[data-appearance="dark"] .settings-tab-card,html[data-appearance="dark"] .database-document-card,html[data-appearance="dark"] .database-file-box,html[data-appearance="dark"] .relation-history-item,html[data-appearance="dark"] .relation-select-wrap,html[data-appearance="dark"] .memo-relation-wrap,html[data-appearance="dark"] .docs-folder-card,html[data-appearance="dark"] .docs-file-card{background:var(--panel)!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-appearance="dark"] input:not([type="color"]):not([type="checkbox"]):not([type="radio"]),html[data-appearance="dark"] textarea,html[data-appearance="dark"] select{background:#111b28!important;color:#eaf0f7!important;border-color:#344255!important}
html[data-appearance="dark"] input::placeholder,html[data-appearance="dark"] textarea::placeholder{color:#7f91a6!important;opacity:1}
html[data-appearance="dark"] option{background:#111b28;color:#eaf0f7}
html[data-appearance="dark"] table,html[data-appearance="dark"] tbody,html[data-appearance="dark"] tr{background:transparent;color:var(--text)}
html[data-appearance="dark"] .btn.ghost:not(.case-back-icon),html[data-appearance="dark"] button.btn.ghost:not(.case-back-icon){background:#182433!important;color:#dce6f1!important;border-color:#344255!important}
html[data-appearance="dark"] .btn.ghost:not(.case-back-icon):hover,html[data-appearance="dark"] button.btn.ghost:not(.case-back-icon):hover{background:#223247!important;color:#fff!important}
html[data-appearance="dark"] .meta,html[data-appearance="dark"] .subtitle,html[data-appearance="dark"] .muted{color:#9fb0c3!important;opacity:1}
html[data-appearance="dark"] h1,html[data-appearance="dark"] h2,html[data-appearance="dark"] h3,html[data-appearance="dark"] h4,html[data-appearance="dark"] strong,html[data-appearance="dark"] b{color:#eef4fa}
html[data-appearance="dark"] .tabs{background:#111b28!important;border-color:var(--line)!important}
html[data-appearance="dark"] .tabs button{background:transparent!important;color:#aebdce!important}
html[data-appearance="dark"] .tabs button.active{background:#26374b!important;color:#fff!important}
html[data-appearance="dark"] .tabs button:hover{background:#1d2b3c!important;color:#fff!important}
html[data-appearance="dark"] #dashboard .quick button,html[data-appearance="dark"] #dashboard .item{background:var(--panel)!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-appearance="dark"] #dashboard .quick button:hover,html[data-appearance="dark"] #dashboard .item:hover{background:#1b2939!important;color:#fff!important}
html[data-appearance="dark"] #dashboard .quick button span,html[data-appearance="dark"] #dashboard .quick button small,html[data-appearance="dark"] #dashboard .quick button .meta{color:#afbed0!important}
html[data-appearance="dark"] #dossierDetail [class*="summary"]{background:#182433!important;color:#dce6f1!important;border-color:#344255!important}
html[data-appearance="dark"] #dossierDetail [class*="summary"] p,html[data-appearance="dark"] #dossierDetail [class*="summary"] li,html[data-appearance="dark"] #dossierDetail [class*="summary"] span:not(.badge):not(.chip){color:#c1cedc!important}
html[data-appearance="dark"] .calendar-day,html[data-appearance="dark"] .multi-agenda-cell,html[data-appearance="dark"] .multi-agenda-day{background:#152130!important;color:#dce6f1!important;border-color:#304157!important}
html[data-appearance="dark"] .calendar-day:hover,html[data-appearance="dark"] .multi-agenda-cell:hover{background:#1e2e40!important}
html[data-appearance="dark"] .calendar-day.today,html[data-appearance="dark"] .multi-agenda-cell.today,html[data-appearance="dark"] .multi-agenda-day.today{background:#223348!important}
html[data-appearance="dark"] .database-categories button:hover,html[data-appearance="dark"] .database-categories button.active{background:#223247!important;color:#eaf2fb!important}
html[data-appearance="dark"] .database-detail-content,html[data-appearance="dark"] .database-text-preview{background:#111b28!important;color:#dce6f1!important;border-color:#344255!important}
html[data-appearance="dark"] .database-preview-header{background:#162231!important;border-color:#344255!important}
html[data-appearance="dark"] .database-preview-close{background:#243448!important;color:#fff!important}
html[data-appearance="dark"] .floating-ai-msg.ai,html[data-appearance="dark"] .floating-ai-welcome,html[data-appearance="dark"] .ai-answer{background:#1b2939!important;color:#dce6f1!important;border-color:#344255!important}
html[data-appearance="dark"] .sidebar-user-menu{background:#172333!important;color:#eaf0f7!important;border-color:#344255!important}
html[data-appearance="dark"] .sidebar-user-menu button:hover{background:#223247!important;color:#fff!important}
html[data-appearance="dark"] .relation-search-select option:checked{background:#29435f!important;color:#fff!important}
html[data-appearance="dark"] .doc-label{background:color-mix(in srgb,var(--label-color) 16%,#182230)!important;border-color:color-mix(in srgb,var(--label-color) 34%,#263548);filter:saturate(.88) brightness(1.12)}
html[data-appearance="dark"] hr{border-color:var(--line)!important}
html[data-appearance="dark"] ::-webkit-scrollbar{width:10px;height:10px}
html[data-appearance="dark"] ::-webkit-scrollbar-track{background:#101925}
html[data-appearance="dark"] ::-webkit-scrollbar-thumb{background:#35475b;border-radius:8px;border:2px solid #101925}
html[data-appearance="dark"] ::-webkit-scrollbar-thumb:hover{background:#455b72}
/* V9.87 uitgeklapte zijbalk mag formulieren/pop-ups niet bedekken */
html.sidebar-auto-collapse .sidebar{width:68px;padding-left:10px!important;padding-right:10px!important;overflow:visible!important;box-shadow:none;z-index:40!important}
html.sidebar-auto-collapse:is(.sidebar-navigation-settings-open,.sidebar-context-menu-open) .sidebar{width:250px;box-shadow:10px 0 30px rgba(9,26,46,.14)}
/* V12.55: .database-preview-overlay (eigen regel: z-index:10050) en
   #stableTimeWrap.panel-open (eigen regel: z-index:9999) stonden hier ook in de lijst.
   Beide zaten al ruim boven de zijbalk (40) — ze hadden deze regel nooit nodig. Door ze
   hier op te nemen werden ze bij het openen juist TERUGGEZET naar 200: gelijk aan een
   gewoon formuliervenster en ver ONDER de zwevende AI-assistent (10050), het inlogscherm
   (10000) en de meldingenpaneel (6200). Concreet: tijdregistratiepaneel of documentvoorbeeld
   openen naast een ander zwevend element gaf onvoorspelbare volgorde. Nu alleen nog de
   elementen die de zijbalk-fix daadwerkelijk nodig hadden. */
.sheet,.drawer,[role="dialog"]{z-index:200}
html.sidebar-auto-collapse .sheet,html.sidebar-auto-collapse .database-preview-overlay,html.sidebar-auto-collapse #stableTimeWrap.panel-open,html.sidebar-auto-collapse .drawer{left:0!important}
/* Als een zijpaneel/composer onderdeel van de pagina is, blijft het buiten de uitgeklapte balk. */
/* Overlay-achtergrond loopt over de volledige viewport, niet alleen vanaf de compacte contentkolom. */
/* V9.88 compactere, meer vierkante invoervensters */
.sheet-card{position:relative!important;inset:auto!important;width:min(760px,calc(100vw - 56px))!important;max-width:760px;max-height:min(760px,calc(100vh - 56px));min-height:0!important;border-radius:14px!important;overflow:auto;box-shadow:0 24px 70px rgba(9,26,46,.24)!important}
.sheet-card .form{gap:11px}
.sheet-card textarea{min-height:110px;max-height:220px}
.sheet-card textarea[name="body"],.sheet-card textarea[name="message"],.sheet-card textarea[name="content"]{min-height:180px;max-height:300px}
.sheet-card>.head{position:sticky;top:0;z-index:3;background:inherit}
@media(max-width:700px){
  .sheet-card{width:100%!important;max-width:none;max-height:90vh;border-radius:14px 14px 0 0!important}
}
/* V9.89 vensters standaard rechts + versleepbaar */
.sheet-card{margin:0}
.sheet-card .sheet-drag-handle,.sheet-card>.head.sheet-drag-handle,.sheet-card>h2.sheet-drag-handle,.sheet-card>h3.sheet-drag-handle{cursor:grab;user-select:none}
.sheet-card.is-dragging{cursor:grabbing!important;box-shadow:0 30px 90px rgba(9,26,46,.34)!important}
.sheet-card.is-dragging .sheet-drag-handle{cursor:grabbing!important}
@media(max-width:700px){
  .sheet-card .sheet-drag-handle{cursor:default}
}
/* V9.90 minimaliseerbare invoervensters */
.sheet-drag-handle{position:relative;padding-right:42px!important}
.sheet-minimize-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:26px;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--text);font-size:18px;line-height:1;display:grid;place-items:center;cursor:pointer;z-index:5}
.sheet-minimize-btn:hover{background:color-mix(in srgb,var(--accent) 10%,var(--panel));color:var(--accent)}
.minimized-window-item{min-width:220px;max-width:340px;height:40px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);box-shadow:0 8px 28px rgba(9,26,46,.18);display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:7px;text-align:left;cursor:pointer}
.minimized-window-item>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700}
.minimized-window-icon{color:var(--accent);font-size:17px}
.minimized-window-open{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.minimized-window-item:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));transform:translateY(-1px)}
html[data-appearance="dark"] .sheet-minimize-btn,html[data-appearance="dark"] .minimized-window-item{background:#182433!important;color:#eaf0f7!important;border-color:#344255!important}
@media(max-width:700px){
  .minimized-window-tray{right:10px;bottom:10px;left:10px;max-width:none}
  .minimized-window-item{width:100%;max-width:none}
}
/* V9.91 daadwerkelijke #sheet rechts, sleepbaar en minimaliseerbaar */
/* V13.67: dialoogvensters openen nu in het midden in plaats van tegen de rechterrand.
   Dit raakt uitsluitend #sheet — de gewone formulier- en detailvensters (nieuw dossier,
   taak, e-mail, schadepost, relatie, instellingen, enzovoort).
   Bewust NIET geraakt, want die horen op hun eigen plek te openen:
     - kladblok        (#scratchpadPanel, hangt onder zijn knop in de topbalk)
     - checklist       (.checklist-panel, idem)
     - zwevende AI     (#floatingAiPanel)
     - tijdregistratie (#stableTimePanel)
   Die staan los van #sheet en hebben hun eigen positionering. */
#sheet.sheet{align-items:center;justify-content:center;padding:28px 34px!important}
#sheet .sheet-card{width:min(760px,calc(100vw - 80px))!important;max-width:760px;max-height:calc(100vh - 56px);margin:0;position:relative}
/* V13.66: de - en x stonden bij vrijwel elk venster ~60px van de hoek, terwijl het
   afsprakenvenster (#sheet.agenda-event-window, zie verderop) als enige al de strakke,
   absoluut gepositioneerde variant had. Die variant is nu de standaard voor ieder
   #sheet-venster, met exact dezelfde waarden. Alleen de plaatsing van deze twee knoppen
   verandert; afmetingen, kleuren en de rest van de vensterindeling blijven gelijk. */
#sheet .sheet-head{cursor:grab;user-select:none;position:relative!important;display:block;min-height:46px!important;padding-right:98px!important}
#sheet .sheet-head h3{margin:0;padding:11px 0!important;width:auto!important;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sheet .sheet-minimize-btn{position:absolute!important;right:48px!important;top:2px!important;transform:none!important;width:42px!important;height:42px!important;margin:0;font-size:18px!important;display:grid;place-items:center}
#sheet .sheet-head>button[onclick*="closeSheet"]{position:absolute!important;right:0!important;top:2px!important;left:auto!important;width:42px!important;height:42px!important;margin:0}
#sheet.minimized{display:none!important}
@media(max-width:700px){
  #sheet.sheet{padding:12px!important;justify-content:center}
  #sheet .sheet-card{width:100%!important;max-width:none}
  #sheet .sheet-head{min-height:44px!important;padding-right:96px!important}
  #sheet .sheet-head h3{padding:10px 0!important}
  #sheet .sheet-minimize-btn{right:48px!important;top:0!important}
  #sheet .sheet-head>button[onclick*="closeSheet"]{right:0!important;top:0!important}
}
/* V9.92 relaties bij mail/memo standaard ingeklapt */
.relation-picker-collapsed{padding:0!important;overflow:hidden}
.relation-picker-trigger{width:100%;border:0;background:transparent;color:var(--text);padding:10px 11px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;cursor:pointer}
.relation-picker-trigger>span:first-child{min-width:0;display:flex;flex-direction:column;gap:2px}
.relation-picker-trigger small{font-size:10px;color:var(--muted);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.relation-picker-chevron{font-size:16px;color:var(--muted);transition:transform .15s ease}
.relation-picker-body{display:none;padding:0 10px 10px}
.relation-picker-collapsed.open .relation-picker-body{display:grid;gap:7px}
.relation-picker-collapsed.open .relation-picker-chevron{transform:rotate(180deg)}
html[data-appearance="dark"] .relation-picker-trigger:hover{background:#1b2939}
/* V9.94 daadwerkelijke sleepstatus moet CSS-positionering kunnen overrulen */
#sheet .sheet-card.is-dragging{box-shadow:0 32px 90px rgba(9,26,46,.34)!important;position:fixed!important;z-index:240!important}
#sheet .sheet-head.sheet-drag-handle{touch-action:none;cursor:grab}
#sheet .sheet-card.is-dragging .sheet-head.sheet-drag-handle{cursor:grabbing!important}
/* V9.95 interne chat */
.internal-chat-shell{height:clamp(420px,calc(100dvh - 185px),820px);min-height:0;display:grid;grid-template-columns:336px minmax(0,1fr);border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:16px;overflow:hidden;background:var(--panel);box-shadow:0 10px 32px rgba(15,23,42,.055)}
.chat-conversations{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);border-right:1px solid color-mix(in srgb,var(--line) 82%,transparent);overflow:hidden;background:color-mix(in srgb,var(--bg) 72%,var(--panel))}
.chat-search{padding:8px 12px 10px;display:flex;align-items:center}
.chat-search input{width:100%;height:38px;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:10px;background:color-mix(in srgb,var(--panel) 90%,var(--bg));padding:0 11px;font:inherit;font-size:11px;color:var(--text);outline:none;box-shadow:none}
.chat-search input:focus{border-color:color-mix(in srgb,var(--accent) 38%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 8%,transparent)}
#chatConversationList{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px 8px 14px}
.chat-list-section{margin-top:4px}
.chat-list-section-toggle{width:100%;min-height:34px;display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:5px;padding:6px 7px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-size:var(--bd-type-meta);font-weight:750;text-align:left;cursor:pointer}
.chat-list-section-toggle:hover,.chat-list-section-toggle:focus-visible{background:color-mix(in srgb,var(--panel) 78%,transparent);color:var(--text);outline:none}
.chat-list-section-toggle small{min-width:20px;color:inherit;font-size:var(--bd-type-small,11px);font-weight:650;text-align:right}
.chat-list-chevron{display:grid;place-items:center;font-size:14px;line-height:1;transition:transform .16s ease;transform:rotate(0deg)}
.chat-list-section-toggle[aria-expanded="false"] .chat-list-chevron{transform:rotate(-90deg)}
.chat-list-section-body{display:grid;gap:3px}
.chat-list-section-body[hidden]{display:none}
.chat-list-section-empty{padding:7px 10px 10px 28px;color:var(--muted);font-size:var(--bd-type-meta,12px)}
.uren-toolbar-search,.taken-toolbar-search{display:flex;align-items:center}
.uren-toolbar-search input,.taken-toolbar-search input{width:100%;height:36px;border:1px solid var(--line)!important;border-radius:9px!important;background:#fff!important;padding:0 10px!important;font:inherit!important;font-size:11px!important;color:#344054!important;box-shadow:none!important}
.uniform-page-toolbar{display:flex;flex-direction:column;gap:7px;margin:0 0 14px;padding:0;border:0;background:transparent;box-shadow:none}
.uniform-library-card{padding:0;overflow:hidden}
/* V12.68 — dossierpagina gelijkgetrokken met Relaties/E-mail/Taken/Uren/Databank */
.dossier-library-card{padding:0;overflow:hidden}
.dossier-library-header{align-items:flex-end;gap:16px;flex-wrap:wrap}
.dossier-filter-tools{margin-left:auto}
.dossier-sort-direction-inline{height:36px!important;min-width:38px!important;border-radius:9px!important}
#dossierOverviewPanel table{border-collapse:separate;border-spacing:0}
#dossierOverviewPanel thead th{position:sticky;top:0;z-index:2;padding:0 66px 0 15px!important;border-right:1px solid var(--line);vertical-align:middle}
#dossierOverviewPanel thead th:last-child{border-right:0}
#dossierOverviewPanel tbody td{border-right:1px solid color-mix(in srgb,var(--line) 72%,transparent)}
#dossierOverviewPanel tbody td:last-child{border-right:0}
.dossier-v1201-head{display:flex;align-items:center;justify-content:space-between;gap:5px!important;min-height:39px;white-space:nowrap;position:relative}
/* De kopinhoud is zelf 39px hoog; zonder extra verticale celopvulling zijn de koppen van Taken en Uren even hoog als die van Dossiers en E-mail. */
th:has(>.dossier-v1201-head){padding-top:0;padding-bottom:0}
.dossier-v1201-head>span:first-child{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}
.dossier-v1201-actions{position:absolute!important;right:-56px!important;top:50%!important;transform:translateY(-50%)!important;display:inline-flex;align-items:center;gap:2px!important;flex:0 0 auto}
.dossier-column-search-btn{position:relative;width:22px;height:22px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:11px;cursor:pointer}
.dossier-column-search-btn:hover,.dossier-column-search-btn.active{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}
.dossier-column-search-btn.active::after{content:"";position:absolute;width:4px;height:4px;right:2px;top:2px;border-radius:50%;background:var(--accent)}
.dossier-column-search-pop{display:none;position:absolute;z-index:25;right:-56px;top:32px;min-width:220px;padding:8px;border:1px solid var(--line);border-radius:11px;background:var(--panel);box-shadow:0 12px 28px rgba(15,23,42,.14)}
.dossier-column-search-pop.open{display:block}
.dossier-column-search{width:100%;height:32px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#344054;padding:0 9px;font:inherit;font-size:10px;text-transform:none;letter-spacing:0;outline:none;box-shadow:none}
.dossier-column-search:focus{border-color:color-mix(in srgb,var(--accent) 38%,var(--line));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 8%,transparent)}
#dossierOverviewPanel .panel-b{overflow-x:auto;padding:0}
#dossierOverviewPanel .dossier-overview-table{overflow:hidden}
#dossierOverviewPanel #dossierGrid{padding:14px}
html[data-appearance="dark"] .dossier-column-search{background:var(--panel);color:var(--text)}
html[data-appearance="dark"] .dossier-column-search-pop{background:#101925;border-color:#334155;box-shadow:none}
@media(max-width:1100px){
  .dossier-library-header{display:block}
  .dossier-filter-tools{margin-top:10px;margin-left:0}
}
@media(max-width:760px){
  #dossierOverviewPanel thead th{padding-right:60px!important}
  .dossier-v1201-actions{right:-50px!important}
  .dossier-column-search-pop{right:-50px;min-width:190px}
  .dossier-column-search{width:100%}
}
.uniform-library-header{align-items:flex-end;gap:16px;flex-wrap:wrap}
.uniform-library-body{padding:14px}
.uniform-library-body-tight{padding:0}
.uniform-filter-chips-padded{padding:12px 14px 0}
.database-library-card .uniform-library-body{padding:14px}
#uren .uniform-library-body{padding:14px}
#uren .uniform-library-body>#timeRegistrationOverview{margin-top:2px}
.uniform-filter-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%}
.uniform-filter-tools input,.uniform-filter-tools select{height:36px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 10px;font:inherit;font-size:11px;color:#344054;outline:none;box-shadow:none}
.uniform-filter-tools input{width:260px;min-width:220px}
.uniform-filter-tools select{min-width:175px}
.database-library-card select{width:202px}
.uniform-filter-tools input:focus,.uniform-filter-tools select:focus{border-color:color-mix(in srgb,var(--accent) 38%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 9%,transparent)}
.user-overview-popover{display:none;position:fixed;z-index:100000;max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:9px;background:var(--panel);box-shadow:0 10px 24px rgba(20,35,55,.15);padding:4px}
.user-overview-popover.open{display:block}
.user-overview-option{display:block;width:100%;padding:8px 9px;border:0;border-radius:6px;background:transparent;color:var(--text);font:inherit;font-size:11px;text-align:left;cursor:pointer}
.user-overview-option:hover,.user-overview-option.highlighted{background:color-mix(in srgb,var(--accent) 9%,var(--panel))}
.user-overview-option[aria-selected="true"]{font-weight:700;color:var(--accent)}
.user-overview-empty{padding:8px 9px;color:var(--muted);font-size:11px}
.uniform-reset-btn{height:36px;border-radius:9px;padding:0 12px}
.uniform-filter-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:0}
.uniform-checkbox-filter{height:36px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 10px;display:inline-flex!important;align-items:center;gap:7px;font-size:11px;color:#344054;white-space:nowrap}
.database-uniform-toolbar{margin-bottom:14px}
@media(max-width:760px){
  /* Safari mag tekst in brede dashboardtabellen niet per blok automatisch vergroten. */
  #dashboard,#taken,#dossiers,#activity,#uren,#userOverviewPopover{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  /* Invoertekst van 16px voorkomt iPhone-focuszoom; het gedeelde typografiesysteem leest deze waarde. */
  #activityPageSearch,#activityFilterUser,#urenFilterSearch,#urenFilterUser{--bd-input-font:16px}
  .uniform-library-header{display:block}
  .uniform-library-header>div:first-child{margin-bottom:10px}
  .uniform-filter-tools input,.uniform-filter-tools select,.uniform-checkbox-filter{flex:1;min-width:140px;width:auto}
  .uniform-reset-btn{flex:0 0 auto}
}
.chat-conversation-row{position:relative;border:0;border-radius:10px;overflow:hidden}
.chat-conversation{width:100%;min-height:64px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;padding:8px 60px 8px 9px;border:0;border-radius:10px;background:transparent;color:var(--text);text-align:left;cursor:pointer}
.chat-conversation-row:hover .chat-conversation{background:color-mix(in srgb,var(--panel) 74%,transparent)}
.chat-conversation-row.active .chat-conversation{background:var(--panel);box-shadow:0 1px 4px rgba(15,23,42,.075)}
.chat-avatar,.chat-message-avatar{border-radius:50%;background:color-mix(in srgb,var(--accent) 14%,var(--bg));color:var(--accent);display:grid;place-items:center;font-weight:800;font-size:10px}
.chat-avatar{width:38px;height:38px}
.chat-message-avatar{width:28px;height:28px;flex:0 0 28px;align-self:flex-start;margin-top:17px}
.chat-conversation-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.chat-conversation-copy b{font-size:11px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-conversation-copy small{font-size:9px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-last-time{position:absolute;right:10px;top:9px;display:flex;align-items:center;justify-content:flex-end;gap:5px;font-size:8px;color:var(--muted);text-align:right}
.chat-conversation-actions{position:absolute;right:6px;bottom:5px;display:flex;align-items:center;gap:1px}
.chat-conversation-actions button{width:25px;height:25px;min-width:25px;display:grid;place-items:center;padding:0;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer}
.chat-conversation-actions button:hover,.chat-conversation-actions button:focus-visible{background:var(--panel);color:var(--accent)}
.chat-conversation-actions .chat-read-btn{opacity:0;visibility:hidden;pointer-events:none}
.chat-conversation-row:hover .chat-read-btn,.chat-conversation-row:focus-within .chat-read-btn,.chat-conversation-row.chat-row-actions-open .chat-read-btn{opacity:1;visibility:visible;pointer-events:auto}
.chat-conversation-actions .chat-favorite-btn{font-size:15px;opacity:0;visibility:hidden;pointer-events:none}
.chat-conversation-actions .chat-favorite-btn.active,.chat-conversation-row:hover .chat-favorite-btn,.chat-conversation-row:focus-within .chat-favorite-btn,.chat-conversation-row.chat-row-actions-open .chat-favorite-btn{opacity:1;visibility:visible;pointer-events:auto}
.chat-conversation-actions .chat-favorite-btn.active{color:#d99b16}
.chat-conversation-actions button:disabled{opacity:.55;cursor:default}
.chat-main{position:relative;z-index:1;height:100%;min-height:0;min-width:0;overflow:hidden;display:grid;grid-template-rows:64px minmax(0,1fr) auto;background:var(--panel)}
.chat-main:has(.chat-ai-tools:not([hidden])){grid-template-rows:64px auto minmax(0,1fr) auto}
.chat-header{display:flex;align-items:center;gap:10px;padding:11px 18px;border-bottom:1px solid color-mix(in srgb,var(--line) 78%,transparent);background:var(--panel)}
.chat-header>div:not(.chat-header-actions){min-width:0;display:flex;flex-direction:column}
.chat-header b{font-size:13px}
.chat-header span{font-size:9px;color:var(--muted)}
.chat-header-idle{display:flex;flex-direction:column;gap:2px}
.chat-messages{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:34px 26px 22px;display:flex;flex-direction:column;gap:18px;background:color-mix(in srgb,var(--bg) 34%,var(--panel))}
.chat-message-row{flex:0 0 auto;display:flex;align-items:flex-start;gap:7px;max-width:74%}
.chat-message-row.mine{align-self:flex-end;flex-direction:row-reverse}
.chat-message-row.grouped{margin-top:-13px}
.chat-message-row.grouped:not(.mine){padding-left:35px}
.chat-message-wrap{position:relative;min-width:0;max-width:100%;overflow-wrap:anywhere;border-radius:12px;outline:none}
.chat-message-wrap:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:3px}
.chat-sender{font-size:9px;color:var(--muted);display:block;margin:0 0 3px 7px}
.chat-bubble{padding:9px 12px;border-radius:14px 14px 14px 4px;background:var(--panel);border:1px solid color-mix(in srgb,var(--line) 76%,transparent);box-shadow:0 1px 2px rgba(15,23,42,.035);display:flex;gap:9px;align-items:flex-end;white-space:pre-wrap;overflow-wrap:anywhere}
.chat-message-row.mine .chat-bubble{background:color-mix(in srgb,var(--accent) 11%,var(--panel));border-color:color-mix(in srgb,var(--accent) 14%,var(--line));border-radius:14px 14px 4px 14px}
.chat-bubble>span{min-width:0;font-size:11px;line-height:1.45}
.chat-bubble small{font-size:8px;color:var(--muted);white-space:nowrap}
.chat-bubble.has-reply{flex-direction:column;align-items:stretch;gap:6px}
.chat-reply-body{display:flex;gap:9px;align-items:flex-end;min-width:0}
.chat-reply-body>span{min-width:0;font-size:11px;line-height:1.45;flex:1}
.chat-reply-quote{min-width:0;margin:0;padding:7px 9px;border-left:3px solid var(--accent);border-radius:5px;background:color-mix(in srgb,var(--accent) 7%,var(--panel));text-align:left;white-space:normal;overflow-wrap:anywhere}
.chat-reply-quote b{display:block;font-size:12px;font-weight:650;color:var(--accent);line-height:1.4}
.chat-reply-quote>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:12px;line-height:1.4;color:var(--text);white-space:pre-wrap}
.chat-message-actions{position:fixed;top:0;left:0;z-index:5;display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 5px 16px rgba(15,23,42,.12);opacity:0;visibility:hidden;pointer-events:none;white-space:nowrap}
.chat-message-row.chat-actions-open .chat-message-actions,.chat-message-row.chat-picker-open .chat-message-actions{opacity:1;visibility:visible;pointer-events:auto}
.chat-message-actions button{width:27px;height:27px;display:grid;place-items:center;padding:0;border:0;border-radius:7px;background:transparent;color:var(--muted);font:inherit;font-size:14px;cursor:pointer}
.chat-message-actions button:hover,.chat-message-actions button:focus-visible{background:var(--bg);color:var(--accent)}
.chat-message-actions button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.chat-message-actions button[aria-label="Bericht kopiëren"]{font-size:17px}
.chat-welcome-state{width:min(410px,82%);margin:auto;display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--muted)}
.chat-welcome-state h3{margin:14px 0 5px;color:var(--text);font-size:16px}
.chat-welcome-state p{max-width:360px;margin:0;font-size:11px;line-height:1.55}
.chat-welcome-symbol{width:64px;height:64px;display:grid;place-items:center;border-radius:22px;background:color-mix(in srgb,var(--accent) 9%,var(--panel));color:var(--accent);font-size:24px;box-shadow:0 8px 24px rgba(15,23,42,.055)}
.chat-welcome-avatar{width:64px;height:64px;font-size:15px;box-shadow:0 8px 24px rgba(15,23,42,.055)}
#chat .chat-main.no-active-chat .chat-compose{display:none}
.chat-reactions{display:flex;flex-wrap:wrap;gap:4px;margin:4px 6px 0}
.chat-reactions:empty{display:none}
.chat-reactions button{border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);font-size:10px;padding:2px 6px;cursor:pointer}
.chat-reactions button.mine{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel))}
.chat-add-reaction{opacity:.65}
.chat-add-reaction:hover{opacity:1}
.chat-compose textarea{resize:none;min-height:36px;max-height:120px;overflow-y:hidden}
.chat-emoji-btn{height:36px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);cursor:pointer;font-size:17px}
.chat-emoji-picker,.message-reaction-popup{display:none;position:absolute;padding:7px;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 12px 35px rgba(0,0,0,.18);grid-template-columns:repeat(5,32px);gap:3px;z-index:300}
.chat-emoji-anchor{position:relative;display:flex}
.chat-emoji-picker.open{display:grid;right:0;bottom:calc(100% + 8px)}
.message-reaction-popup{display:grid;position:fixed}
.chat-emoji-picker button,.message-reaction-popup button{width:32px;height:32px;border:0;background:transparent;border-radius:7px;cursor:pointer;font-size:17px}
.chat-emoji-picker button:hover,.message-reaction-popup button:hover{background:var(--bg)}
html[data-appearance="dark"] .chat-conversations{background:#111b29}
html[data-appearance="dark"] .chat-search input{background:#182433;border-color:#344255;color:#eaf0f7}
html[data-appearance="dark"] .chat-list-section-toggle:hover,html[data-appearance="dark"] .chat-list-section-toggle:focus-visible{background:#1b2939}
html[data-appearance="dark"] .chat-messages{background:#101925}
html[data-appearance="dark"] .chat-conversation-row:hover .chat-conversation{background:#1b2939}
html[data-appearance="dark"] .chat-conversation-row.active .chat-conversation{background:#182433;box-shadow:none}
html[data-appearance="dark"] .chat-bubble,html[data-appearance="dark"] .chat-reactions button,html[data-appearance="dark"] .chat-emoji-picker,html[data-appearance="dark"] .message-reaction-popup,html[data-appearance="dark"] .chat-message-actions{background:#182433;color:#eaf0f7;border-color:#344255}
html[data-appearance="dark"] .chat-message-actions button:hover,html[data-appearance="dark"] .chat-message-actions button:focus-visible{background:#26364a}
@media(hover:none){
  .chat-conversation-row:hover .chat-read-btn{opacity:0;visibility:hidden;pointer-events:none}
  .chat-conversation-row.chat-row-actions-open .chat-read-btn,.chat-conversation-row:focus-within .chat-read-btn{opacity:1;visibility:visible;pointer-events:auto}
  .chat-conversation-row .chat-favorite-btn{opacity:1;visibility:visible;pointer-events:auto}
  .chat-conversation-row .chat-conversation{-webkit-touch-callout:none}
  .chat-message-row .chat-bubble,.chat-message-row .chat-file-card,.chat-message-row .chat-file-time{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
}
@media(max-width:760px){
  .internal-chat-shell{grid-template-columns:110px minmax(0,1fr)}
  .chat-conversation{grid-template-columns:32px minmax(0,1fr)}
  .chat-last-time,.chat-conversation-copy small{display:none}
  .chat-avatar{width:31px;height:31px}
  .chat-message-row{max-width:90%}
}
/* V9.96 bestanden delen in interne chat */
.chat-compose{position:relative;min-height:0;display:grid;gap:7px;align-items:end;margin:0 20px 18px;padding:6px 7px;border:1px solid color-mix(in srgb,var(--line) 88%,transparent);border-radius:16px;background:var(--panel);box-shadow:0 7px 24px rgba(15,23,42,.075);grid-template-columns:minmax(0,1fr) auto auto}
.chat-compose:has(>.chat-reply-preview:not([hidden])){--chat-compose-input-row:2}
.chat-reply-preview{grid-column:1/-1;grid-row:1;min-width:0;display:flex;align-items:center;gap:6px;padding:2px}
.chat-reply-preview[hidden]{display:none}
.chat-reply-preview .chat-reply-quote{flex:1}
.chat-reply-preview .chat-reply-quote>span{-webkit-line-clamp:2}
.chat-reply-preview>button{width:28px;height:28px;flex:0 0 28px;border:0;border-radius:7px;background:transparent;color:var(--muted);font:inherit;font-size:20px;cursor:pointer}
.chat-reply-preview>button:hover,.chat-reply-preview>button:focus-visible{background:var(--bg);color:var(--text)}
.chat-reply-preview>button:disabled{opacity:.45;cursor:default}
.chat-compose:focus-within{border-color:color-mix(in srgb,var(--accent) 38%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 8%,transparent),0 7px 24px rgba(15,23,42,.075)}
.chat-compose-tools{display:flex;gap:5px;align-items:flex-end}
/* Bijlagen gebruiken hetzelfde rustige SVG-lijnpatroon als de overige BaseDesk-acties. */
.chat-attach-btn{height:38px;width:38px;border:0;border-radius:10px;background:transparent;color:var(--muted);cursor:pointer;font-size:18px}
.chat-attach-btn:hover,.chat-emoji-btn:hover{background:var(--bg);color:var(--accent)}
.chat-file-input{display:none}
.chat-compose-center{min-width:0;display:grid;gap:6px}
.chat-pending-files{display:flex;gap:5px;flex-wrap:wrap;max-height:74px;overflow-y:auto}
.chat-pending-file{max-width:210px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:5px;align-items:center;padding:4px 6px;border:1px solid var(--line);border-radius:8px;background:var(--bg);font-size:9px}
.chat-pending-file>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-pending-file button{border:0;background:transparent;color:var(--muted);cursor:pointer}
.chat-file-list{display:grid;gap:5px;margin-top:5px}
.chat-file-card{min-width:240px;max-width:390px;display:grid;grid-template-columns:38px minmax(0,1fr) 22px;align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);text-align:left;cursor:pointer}
.chat-file-card:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent) 5%,var(--panel))}
.chat-file-type{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 12%,var(--bg));color:var(--accent);font-size:9px;font-weight:800}
.chat-file-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.chat-file-copy b{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-file-copy small{font-size:8px;color:var(--muted)}
.chat-file-download{font-size:17px;color:var(--muted)}
.chat-file-time{font-size:8px;color:var(--muted);text-align:right;margin-bottom:2px}
html[data-appearance="dark"] .chat-file-card,html[data-appearance="dark"] .chat-pending-file{background:#182433;color:#eaf0f7;border-color:#344255}
/* V9.97 ongelezen chatmeldingen */
.chat-conversation:has(.chat-unread-count) .chat-conversation-copy b{font-weight:850}
.nav-count:not(.overdue){font-variant-numeric:tabular-nums}
/* V9.98 chat opnieuw als ongelezen markeren */
.chat-header-actions{margin-left:auto;display:flex;align-items:center;gap:6px}
.chat-favorite-btn{width:30px;height:30px;flex:0 0 30px;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted);font-size:16px;cursor:pointer}
.chat-favorite-btn:hover{background:var(--bg);color:#d99b16}
.chat-favorite-btn.active{color:#d99b16}
.chat-favorite-btn:disabled{opacity:.55;cursor:default}
/* V10.00 dossiernaam heeft visuele prioriteit */
.task-case-link{border:0;background:transparent;color:var(--text);padding:0;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:1px}
.task-case-link b{font-size:11px}
.task-case-link small{font-size:8px;color:var(--muted);font-weight:500}
.task-case-link:hover b{color:var(--accent)}
/* V10.02 instelbare compacte weergave */
.density-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.density-options label{border:1px solid var(--line);border-radius:11px;padding:10px;display:flex;align-items:flex-start;gap:8px;cursor:pointer;background:var(--panel)}
.density-options label:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--panel))}
.density-options input{margin-top:2px}
.density-options span{display:flex;flex-direction:column;gap:2px}
.density-options b{font-size:10px}
.density-options small{font-size:9px;color:var(--muted)}
html.compact-view .content{padding-top:14px!important}
@media(min-width:761px){html.compact-view .content{padding-bottom:18px!important}}
html.compact-view .pagehead{margin-bottom:10px!important}
html.compact-view .card,html.compact-view .panel{border-radius:12px}
html.compact-view .card{padding:11px!important}
html.compact-view .panel{padding:11px!important}
html.compact-view table th,html.compact-view table td:not(.empty-state-cell){padding-top:7px!important;padding-bottom:7px!important}
html.compact-view .task{padding-top:7px!important;padding-bottom:7px!important}
html.compact-view .memo-card{padding:8px 10px!important;margin-bottom:6px!important}
html.compact-view .relation-library-item{padding:8px!important}
html.compact-view .dossier-card{padding:9px!important}
html.compact-view .grid{gap:9px!important}
html.compact-view .stats{gap:9px!important}
html.compact-view .badge{padding-top:2px!important;padding-bottom:2px!important}
html.compact-view .settings-tab-card-body{padding-top:10px!important;padding-bottom:10px!important}
@media(max-width:650px){
  .density-options{grid-template-columns:1fr}
}
/* V10.05 veilige uniforme filterbalken */
.unified-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto auto auto auto;gap:7px;align-items:center;margin:0 0 12px;padding:9px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.unified-search{position:relative}
.unified-search span{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--muted)}
.active-filter-chips{grid-column:1/-1;display:flex;gap:5px;flex-wrap:wrap}
.active-filter-chips:empty{display:none}
.active-filter-chips button{border:1px solid var(--line);background:color-mix(in srgb,var(--accent) 7%,var(--panel));color:var(--text);border-radius:14px;padding:4px 8px;font-size:9px}
.safe-compact-view .item,.safe-compact-view .relation-library-item{padding-top:6px!important;padding-bottom:6px!important}
@media(max-width:900px){
  .unified-toolbar{grid-template-columns:1fr 1fr}
  .unified-search,.active-filter-chips{grid-column:1/-1}
}
/* V10.09 — subtiel modernere filterbalk, verder gebaseerd op V10.05 */
html:not([data-appearance="dark"]) .unified-toolbar{background:linear-gradient(180deg,#fbfcfd 0%,#f7f9fb 100%)!important;border-color:#e7ebef!important;box-shadow:0 1px 2px rgba(15,23,42,.025),0 5px 16px rgba(15,23,42,.025)}
html:not([data-appearance="dark"]) .unified-toolbar select{background:#fff!important;border-color:#e4e8ed!important}
html:not([data-appearance="dark"]) .unified-toolbar select:focus{border-color:color-mix(in srgb,var(--accent) 42%,#e4e8ed)!important}
.dashboard-top-actions{display:flex;align-items:center;gap:10px}
.custom-dashboard-tile{position:relative}
.dashboard-tile-remove{position:absolute;right:7px;top:6px;width:21px;height:21px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:15px;cursor:pointer;opacity:0}
.custom-dashboard-tile:hover .dashboard-tile-remove{opacity:1}
.dashboard-tile-remove:hover{background:var(--bg);color:var(--text)}
@media(max-width:650px){
  .dashboard-top-actions{align-items:flex-end;flex-direction:column;gap:5px}
}
/* V10.11 dashboardtegels beheren */
#dashboardTopTiles>[data-default-tile]{position:relative}
#dashboardTopTiles>[data-default-tile]:hover .default-tile-remove{opacity:1}
.dashboard-hidden-list{display:grid;gap:6px;margin:8px 0}
.dashboard-hidden-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 9px;border:1px solid var(--line);border-radius:9px;background:var(--panel);font-size:10px}
/* V10.12 — zoekvelden in filters in stijl van de algemene zoekbalk */
.unified-search input{width:100%;padding-left:29px;outline:none;box-shadow:none!important;border:1px solid var(--line)!important;border-radius:10px!important;background:var(--panel)!important;color:var(--text)!important;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
.unified-search input:focus,.unified-search input:focus-visible{outline:none!important;border-color:color-mix(in srgb,var(--accent) 38%,var(--line))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 9%,transparent)!important}
.unified-search:focus-within span{color:var(--accent)!important}
html:not([data-appearance="dark"]) .unified-search input{background:#fff!important}
html[data-appearance="dark"] .unified-search input{background:var(--panel)!important}
/* V10.14 directe kolomrangschikking */
.th-filter-label{display:inline-flex;align-items:center;gap:4px}
.th-sort-btn{width:20px;height:20px;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;padding:0;font-size:11px;line-height:20px}
.th-sort-btn:hover{background:color-mix(in srgb,var(--accent) 8%,var(--panel));color:var(--accent)}
.th-sort-btn.active{background:color-mix(in srgb,var(--accent) 12%,var(--panel));color:var(--accent);font-weight:800}
/* V10.15 dossieroverzicht als sorteerbare kolommen */
.dossier-overview-table{overflow:hidden}
.dossier-overview-table.detail-hidden{display:none}
.dossier-overview-table .panel-b{overflow-x:auto;padding:0}
.dossier-overview-table table{width:100%;min-width:940px;border-collapse:collapse}
.dossier-overview-table th{white-space:nowrap}
.dossier-overview-row{cursor:pointer}
.dossier-overview-row:hover td{background:color-mix(in srgb,var(--accent) 5%,var(--panel))}
.dossier-overview-row td:first-child b{font-size:11px}
.dossier-overview-row td:first-child .meta{margin-top:2px}
/* V10.16 uitgebreid dossierzoeken */
.advanced-date-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.advanced-date-grid>div{display:grid;gap:5px}
.advanced-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:6px}
@media(max-width:620px){
  .advanced-date-grid{grid-template-columns:1fr}
}
/* V10.17 dossierweergave: Compact = tabel, Kaarten = tegelweergave */
#dossiers:not(.case-focus) #dossierGrid{display:none}
#dossiers:not(.case-focus) #dossierGrid[style*="display: grid"]{display:grid!important}
.dossier-overview-card{cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}
.dossier-overview-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 22%,var(--line));box-shadow:0 5px 16px rgba(15,23,42,.05)}
.dossier-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:9px;margin-bottom:12px}
.dossier-card-head h3{margin:0 0 2px;font-size:13px}
.dossier-card-info{display:grid;grid-template-columns:1fr 1fr;gap:9px 12px}
.dossier-card-info>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.dossier-card-info span{font-size:8px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:700}
.dossier-card-info b{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.compact-view .dossier-card-info{gap:5px 9px}
@media(max-width:650px){
  .dossier-card-info{grid-template-columns:1fr}
}
/* V10.20 Dossierstatus als duidelijk filterveld */
.dossier-status-filter{position:relative;display:flex;align-items:center}
.dossier-status-filter .filter-field-label{position:absolute;left:10px;top:3px;z-index:1;font-size:7px;line-height:1;text-transform:uppercase;letter-spacing:.045em;font-weight:700;color:var(--muted);pointer-events:none}
.dossier-status-filter select{min-width:155px!important;height:38px!important;padding-top:12px!important;padding-bottom:3px!important}
/* V10.21 uniforme veldlabels in dossierfilterbalk */
.unified-toolbar .filter-field{position:relative;display:flex;align-items:center}
.unified-toolbar .filter-field .filter-field-label{position:absolute;left:10px;top:3px;z-index:1;font-size:7px;line-height:1;text-transform:uppercase;letter-spacing:.045em;font-weight:700;color:var(--muted);pointer-events:none}
.unified-toolbar .filter-field select{min-width:145px!important;height:38px!important;padding-top:12px!important;padding-bottom:3px!important}
/* V10.22 werkende sorteerkeuze + richting */
.sort-filter-field{padding-right:29px}
.sort-filter-field select{padding-right:31px!important}
.sort-direction-btn{position:absolute;right:4px;top:4px;width:27px;height:30px;border:0;border-left:1px solid var(--line);background:transparent;color:var(--accent);font-size:12px;font-weight:800;cursor:pointer;border-radius:0 7px 7px 0}
.sort-direction-btn:hover{background:color-mix(in srgb,var(--accent) 7%,var(--panel))}
/* V10.24 — stabiele mobiele architectuur; desktop blijft ongewijzigd */
@media(max-width:760px){
  body{background:var(--bg);overflow-x:hidden}
  .app{display:block}
  .sidebar{display:none}
  .main{margin-left:0;width:100%!important;min-width:0!important}
  .topbar{height:auto!important;padding:calc(12px + env(safe-area-inset-top)) 14px 12px!important;display:grid;grid-template-columns:minmax(34px,1fr) auto 46px 34px;gap:9px!important;background:var(--panel)!important}
  .topbar .search{grid-column:1/-1;grid-row:2;margin-top:0;max-width:none;width:100%!important}
  .topbar>.btn.primary{display:none!important}
  .topbar .userdot.desktop-only{display:none!important}
  #mobileUser{display:grid;grid-column:3;grid-row:1;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--text);font-weight:850}
  .content{padding:16px 14px calc(94px + env(safe-area-inset-bottom))!important;max-width:100%}
  .title-row{align-items:flex-start!important;gap:8px!important}
  .title-row .date{display:none}
  .title-row>.btn{font-size:12px;padding:8px 10px}
  h2{font-size:24px!important}
  .cards{grid-template-columns:1fr 1fr;gap:10px!important}
  .stat{padding:14px!important}
  .stat .v{font-size:24px!important}
  .grid2{display:block}
  .grid2>.card{margin-bottom:14px}
  .quick{grid-template-columns:1fr 1fr}
  .quick button{min-height:64px!important}
  .panel{max-width:100%;overflow:auto!important}
  .panel table{min-width:650px}
  .dossier-grid{grid-template-columns:1fr}
  .docs-layout{grid-template-columns:1fr!important}
  .docs-tree{order:2}
  .calendar-wrap{grid-template-columns:1fr}
  .calendar-day{min-height:72px!important;padding:5px!important}
  .calendar-event{font-size:10px!important;padding:4px!important}
  .calendar-grid{gap:4px!important}
  .unified-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:7px!important;overflow:visible}
  .unified-toolbar .unified-search{grid-column:1/-1;width:100%!important}
  .unified-toolbar .unified-search input{width:100%!important;min-width:0!important}
  .unified-toolbar .filter-field,.unified-toolbar .filter-field select,.unified-toolbar>select{width:100%!important;min-width:0!important;max-width:none!important}
  .unified-toolbar .active-filter-chips{grid-column:1/-1}
  .sort-filter-field{padding-right:0!important}
  .sort-filter-field select{padding-right:31px!important}
  .dossier-overview-table{max-width:100%;overflow:hidden}
  .dossier-overview-table .panel-b{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .dossier-overview-table table{min-width:820px!important}
  .dossier-overview-table th,.dossier-overview-table td{white-space:nowrap}
  #dossierGrid[style*="display: grid"]{grid-template-columns:1fr!important}
  .dossier-card-info{grid-template-columns:1fr 1fr!important}
  .mobilebar{display:flex;position:fixed;left:0;right:0;bottom:0;background:var(--panel);border-top:1px solid var(--line);padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:100;justify-content:space-around}
  .mobilebar button{border:0;background:transparent;color:var(--muted);display:flex;flex-direction:column;gap:4px;align-items:center;font-size:10px;min-width:52px;padding:3px 5px}
  .mobilebar button.active{color:var(--accent);font-weight:800}
  .desktop-only{display:none!important}
  .mobile-drawer{display:none;position:fixed;inset:0;background:rgba(8,18,32,.35);z-index:120}
  .mobile-drawer.open{display:block!important}
  .drawer-card{width:min(82vw,320px);height:100%;background:var(--nav);color:#fff;padding:calc(18px + env(safe-area-inset-top)) 16px 20px;overflow-y:auto}
  .drawer-card .nav button{width:100%}
  /* V13.68: .sheet stond hier ook in. .sheet is echter de laag óver het scherm, niet het
    venster zelf. Door hem 20px smaller te maken dan het scherm schoof het venster op
    mobiel 20px naar links (gemeten: 13px links, 33px rechts). De laag heeft die marge
    niet nodig — .sheet heeft op mobiel al padding:12px, wat de kaart van de rand houdt.
    .modal en .dialog zijn wél de vensters zelf en houden deze begrenzing. */
  .modal,.dialog{max-width:calc(100vw - 20px)}
}
@media(max-width:480px){
  .cards{grid-template-columns:1fr}
  .unified-toolbar{grid-template-columns:1fr}
  .unified-toolbar .unified-search,.unified-toolbar .active-filter-chips{grid-column:1}
  .dossier-card-info{grid-template-columns:1fr!important}
}
/* V10.25 — alleen mobiele verfijningen; desktop blijft intact */
.mobile-add-dashboard-tile{display:none}
.manage-icon{display:none}
@media(max-width:760px){
  /* Geen aantallen/meldingsbadges in mobiele navigatie: voorkomt verschuiven van de onderbalk. */
  .mobilebar .badge,.mobilebar .count,.mobilebar [class*="badge"],.drawer-card .badge,.drawer-card .count,.drawer-card [class*="badge"]{display:none!important}
  .mobilebar{align-items:center}
  .mobilebar button{position:relative!important;flex:1 1 0;min-width:0!important;max-width:none;justify-content:center}
  .mobilebar button sup{display:none!important}
  /* Dashboard weer informatiegericht zoals de eerdere mobiele versie. */
  #dashboard .grid2{display:grid;grid-template-columns:1fr;gap:12px!important}
  #dashboard .grid2>.card{display:block;margin:0}
  #dashboard .panel-h{padding:12px 13px!important}
  #dashboard .panel-b{padding:0!important}
  #dashboard .panel-b table{min-width:600px}
  #dashboard #activityList{display:block}
  #dashboard #recentCases{display:table-row-group}
  #dashboard .list{display:block}
  /* Tegels beheren wordt mobiel een rustig symbool. */
  #dashboard .dashboard-manage-tiles{width:36px!important;height:36px!important;padding:0!important;border-radius:10px!important;display:grid!important;place-items:center!important}
  #dashboard .dashboard-manage-tiles .manage-text{display:none!important}
  #dashboard .dashboard-manage-tiles .manage-icon{display:inline!important;font-size:16px;line-height:1}
  #dashboard .dashboard-add-top{display:none!important}
  #dashboard .dashboard-top-actions{margin-left:auto;width:auto!important;display:flex;align-items:center}
  #dashboard .dashboard-top-actions .date{display:none}
  /* Toevoegen staat onder de laatste dashboardtegel en ziet eruit als een tegel. */
  .mobile-add-dashboard-tile{width:100%;min-height:72px;margin:10px 0 14px;border:1px dashed color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:var(--r);background:color-mix(in srgb,var(--accent) 3%,var(--panel));color:var(--text);display:flex;align-items:center;justify-content:center;gap:10px;text-align:left;cursor:pointer;padding:12px 14px}
  .mobile-add-dashboard-tile:hover{background:color-mix(in srgb,var(--accent) 7%,var(--panel))}
  .mobile-add-dashboard-tile .mobile-add-plus{width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--accent) 10%,var(--panel));color:var(--accent);display:grid;place-items:center;font-size:20px;font-weight:700}
  .mobile-add-dashboard-tile b{display:block;font-size:11px}
  .mobile-add-dashboard-tile small{display:block;color:var(--muted);font-size:9px;margin-top:2px}
  /* Op mobiel blijven de belangrijke overzichtsblokken zichtbaar en duidelijk gescheiden. */
  #dashboard .grid2 .card.panel{overflow:hidden!important}
  #dashboard .grid2 .card.panel .panel-b{overflow-x:auto;-webkit-overflow-scrolling:touch}
  #dashboard .grid2 .card.panel + .card.panel{margin-top:0}
}
/* V10.27 — mobiele meldingen alleen bij Taken en E-mail, zonder hogere navigatiebalk */
@media(max-width:760px){
  .mobilebar{height:auto!important;min-height:64px!important;align-items:center}
  .mobilebar button{position:relative!important;overflow:visible;padding:4px 3px!important;gap:3px!important}
  .mobilebar .mobile-nav-icon{position:relative!important;display:inline-grid;place-items:center;width:28px!important;height:24px!important}
  .mobilebar .mobile-nav-count{display:grid;position:absolute!important;right:-8px!important;top:-6px!important;min-width:16px!important;height:16px!important;padding:0 4px!important;border-radius:9px!important;background:var(--accent)!important;color:#fff!important;border:2px solid var(--panel)!important;font-size:8px!important;line-height:12px!important;font-weight:850!important;place-items:center;box-sizing:border-box;transform:none!important;margin:0}
}
/* V10.28 — dashboardtegels reageren direct op één tik */
.dashboard-link,.dashboard-header-link{touch-action:manipulation}
@media(max-width:760px){
  .dashboard-link,.dashboard-header-link{-webkit-tap-highlight-color:transparent}
}
/* V10.30 — mobiel: geopend dossier krijgt volledige focus */
@media(max-width:760px){
  /* In een geopend dossier geen lijst-/zoekinterface eromheen. */
  #dossiers.case-focus>.title-row,#dossiers.case-focus>.unified-toolbar,#dossiers.case-focus>#dossierOverviewTable,#dossiers.case-focus>#dossierGrid,#dossiers.case-focus>#dossierOverviewPanel{display:none}
  #dossiers.case-focus{padding:0!important}
  #dossiers.case-focus>#dossierDetail{display:block;width:100%!important;max-width:none;margin:0}
  #dossiers.case-focus>#dossierDetail.active{display:block}
  /* Het dossier zelf benut mobiel de beschikbare breedte. */
}
/* V10.31 — in een mobiel dossier blijft Zoeken zichtbaar */
@media(max-width:760px){
  #dossiers.case-focus>.unified-toolbar{display:grid!important;grid-template-columns:1fr!important}
  #dossiers.case-focus>.unified-toolbar>.unified-search{display:flex!important;grid-column:1!important;width:100%!important}
  #dossiers.case-focus>.unified-toolbar>.filter-field,#dossiers.case-focus>.unified-toolbar>select,#dossiers.case-focus>.unified-toolbar>.btn,#dossiers.case-focus>.unified-toolbar>.active-filter-chips{display:none!important}
}
@media(max-width:760px){
  #mobilebar{height:64px!important;min-height:64px!important}
  #mobilebar button{position:relative!important;overflow:visible}
  #mobilebar .mobile-nav-icon{position:relative!important;display:inline-grid;place-items:center;width:28px!important;height:24px!important}
  #mobilebar .mobile-nav-icon>.mobile-nav-count{display:grid;visibility:visible;opacity:1;position:absolute!important;right:-8px!important;top:-6px!important;min-width:16px!important;height:16px!important;padding:0 4px!important;margin:0;border-radius:9px!important;background:var(--accent)!important;color:#fff!important;border:2px solid var(--panel)!important;font-size:8px!important;line-height:12px!important;font-weight:850!important;place-items:center;box-sizing:border-box;z-index:5}
}
/* V10.36 — dark-mode polish only */
html[data-appearance="dark"]{--bd-tab-active-ink:var(--text);--shadow:0 10px 30px rgba(0,0,0,.2);color-scheme:dark;--bg:#101722;--panel:#182230;--text:#edf2f7;--muted:#9ba9bb;--line:#2c3949}
/* Dashboard / agenda surfaces */
html[data-appearance="dark"] .dashboard-agenda-date{background:#111b28!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-appearance="dark"] .dashboard-agenda-date b{color:var(--text)!important}
html[data-appearance="dark"] .dashboard-agenda-date span{color:var(--muted)!important}
html[data-appearance="dark"] .dashboard-agenda-title{color:var(--text)!important}
html[data-appearance="dark"] .dashboard-agenda-meta{color:var(--muted)!important}
html[data-appearance="dark"] .calendar-nav button,html[data-appearance="dark"] .multi-agenda-toolbar button{background:#111b28!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-appearance="dark"] .calendar-nav button:hover,html[data-appearance="dark"] .multi-agenda-toolbar button:hover{background:#202d3d!important;color:var(--text)!important}
html[data-appearance="dark"] .calendar-event{background:#16263c!important;color:#eaf2ff!important;border-color:#2b4b72!important}
html[data-appearance="dark"] .calendar-event:hover{background:#1d3350!important}
html[data-appearance="dark"] .agenda-side .ico,html[data-appearance="dark"] .item .ico{background:#111b28!important;color:var(--text)!important;border-color:var(--line)!important}
/* Email */
html[data-appearance="dark"] #emailInboxList .item,html[data-appearance="dark"] #emailSentList .item{background:var(--panel)!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-appearance="dark"] #emailInboxList .item[style*="background:#f8fbff"],html[data-appearance="dark"] #emailInboxList .item[style*="background: #f8fbff"]{background:#13243a!important}
html[data-appearance="dark"] #emailInboxList .item b,html[data-appearance="dark"] #emailSentList .item b{color:var(--text)!important}
html[data-appearance="dark"] #emailInboxList .item .meta,html[data-appearance="dark"] #emailSentList .item .meta{color:var(--muted)!important}
html[data-appearance="dark"] #emailInboxList .item div[style*="color:#596477"],html[data-appearance="dark"] #emailInboxList .item div[style*="color: #596477"]{color:#b7c3d3!important}
/* Dossier detail / summaries */
html[data-appearance="dark"] #dossierDetail p[style*="color:#596477"],html[data-appearance="dark"] #dossierDetail p[style*="color: #596477"]{color:#c4cfdd!important}
/* Relations */
html[data-appearance="dark"] .relation-library-avatar{background:#13243a!important;color:#dcecff!important;border-color:#2d4768!important}
html[data-appearance="dark"] .relation-delete-btn{color:#ff8c84!important}
html[data-appearance="dark"] .relation-delete-btn:hover{background:#3a1d20!important;color:#ffaaa4!important}
/* Floating AI and generic floating controls */
html[data-appearance="dark"] #floatingAiBtn{background:#182230!important;color:var(--text)!important;border-color:var(--line)!important;box-shadow:0 8px 24px rgba(0,0,0,.28)!important}
html[data-appearance="dark"] #floatingAiBtn:hover{background:#202d3d!important}
/* Sheets, dialogs and compose windows */
html[data-appearance="dark"] .sheet-card{box-shadow:0 26px 80px rgba(0,0,0,.48)!important;background:var(--panel)!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-appearance="dark"] .sheet-head{background:var(--panel)!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-appearance="dark"] .note,html[data-appearance="dark"] .empty{background:#111b28!important;color:var(--muted)!important;border-color:var(--line)!important}
/* Tables / hover / focus */
html[data-appearance="dark"] table{background:var(--panel)!important;color:var(--text)!important}
html[data-appearance="dark"] th{background:#111b28!important;color:#cbd6e4!important;border-color:var(--line)!important}
html[data-appearance="dark"] td{color:var(--text)!important;border-color:var(--line)!important}
html[data-appearance="dark"] tr:hover td{background:#1d2a3a!important}
html[data-appearance="dark"] .dossier-overview-row:hover td{background:#1d2a3a!important}
html[data-appearance="dark"] .dashboard-link:not(.dashboard-kpi-urgent):hover,html[data-appearance="dark"] .quick button:hover{background:#202d3d!important;color:var(--text)!important}
html[data-appearance="dark"] input:focus,html[data-appearance="dark"] textarea:focus,html[data-appearance="dark"] select:focus{outline:none!important;border-color:color-mix(in srgb,var(--accent) 55%,var(--line))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)!important}
/* Settings color controls: preserve color-picker functionality but avoid white bars around them */
html[data-appearance="dark"] .theme-color-setting{color:var(--text)!important;border-color:var(--line)!important}
html[data-appearance="dark"] #themeColorHexSetting,html[data-appearance="dark"] #sidebarColorHexSetting{background:#111b28!important;color:var(--text)!important;border-color:var(--line)!important}
/* Common hardcoded muted text */
html[data-appearance="dark"] [style*="color:#596477"],html[data-appearance="dark"] [style*="color: #596477"]{color:#b7c3d3!important}
/* V10.37 — laatste dark-mode contrastcorrecties */
html[data-appearance="dark"] .relation-reference{color:#b7c3d3!important}
html[data-appearance="dark"] .nav-recent-case.active{background:#20344d!important;color:#f3f7fb!important}
html[data-appearance="dark"] .nav-recent-case.active .recent-case-id,html[data-appearance="dark"] .nav-recent-case.active .recent-case-name{color:#f3f7fb!important}
html[data-appearance="dark"] .nav-count.overdue{background:#b42318!important;color:#fff!important;border-color:#d85b52!important}
html[data-appearance="dark"] input[type="color"]{background:#111b28!important;border-color:var(--line)!important}
/* V10.38 — laatste dashboardcontrast in donkere modus */
html[data-appearance="dark"] #dashboardTopTiles .stat .s{color:#c5d1df!important}
html[data-appearance="dark"] #dashboardTopTiles .dashboard-tile-remove{color:#d3deea!important}
html[data-appearance="dark"] #dashboardTopTiles .dashboard-tile-remove:hover{background:#2a3a4d!important;color:#fff!important}
html[data-appearance="dark"] #dashboard .quick button,html[data-appearance="dark"] #dashboard .quick button span{color:#dce6f1!important}
html[data-appearance="dark"] #dashboard .quick button:hover,html[data-appearance="dark"] #dashboard .quick button:hover span{color:#fff!important}
/* V10.39 — nette mobiele onderbalk + zwevende knoppen erboven */
@media(max-width:760px){
  .mobilebar{height:72px!important;min-height:72px!important;padding:6px 8px calc(6px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;justify-content:stretch;gap:0;box-sizing:content-box}
  .mobilebar button{width:100%;min-width:0;height:60px!important;padding:5px 2px 3px!important;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px!important;font-size:10px!important;line-height:1.05!important;position:relative!important;overflow:visible}
  .mobilebar button>span:last-child{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:10px!important}
  .mobilebar .mobile-nav-icon{width:28px!important;height:27px!important;display:grid;place-items:center;position:relative!important;font-size:20px!important;line-height:1!important}
  .mobilebar .mobile-nav-count{position:absolute!important;right:-8px!important;top:-5px!important;min-width:17px!important;height:17px!important;padding:0 4px!important;border-radius:9px!important;display:grid;place-items:center;font-size:8px!important;line-height:1!important;margin:0;border:2px solid var(--panel)!important;box-sizing:border-box;z-index:3}
  #stableTimeWrap{right:14px!important;bottom:calc(88px + env(safe-area-inset-bottom))!important;gap:8px!important}
  #floatingAiBtn,#stableTimeBtn{width:52px!important;min-width:52px!important;height:52px!important;border-radius:26px!important}
  #stableTimeBtn span{font-size:34px!important}
  .content{padding-bottom:calc(108px + env(safe-area-inset-bottom))!important}
}
[data-dashboard-action]{touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer}
/* V10.42 — donkere modus voor zwevende Chat- en Tijdschrijvenvensters */
html[data-appearance="dark"] #floatingAiPanel,html[data-appearance="dark"] #stableTimePanel{background:#182230!important;color:#edf2f7!important;border-color:#2c3949!important;box-shadow:0 18px 48px rgba(0,0,0,.48)!important}
html[data-appearance="dark"] #floatingAiPanel .floating-ai-head,html[data-appearance="dark"] #stableTimePanel .stable-time-head{background:#111b28!important;color:#edf2f7!important;border-bottom-color:#2c3949!important}
html[data-appearance="dark"] #floatingAiPanel .muted,html[data-appearance="dark"] #stableTimePanel .muted{color:#aebccd!important}
html[data-appearance="dark"] #floatingAiPanel input,html[data-appearance="dark"] #floatingAiPanel textarea,html[data-appearance="dark"] #floatingAiPanel select,html[data-appearance="dark"] #stableTimePanel input,html[data-appearance="dark"] #stableTimePanel textarea,html[data-appearance="dark"] #stableTimePanel select{background:#111b28!important;color:#edf2f7!important;border-color:#35465a!important}
html[data-appearance="dark"] #floatingAiPanel input::placeholder,html[data-appearance="dark"] #floatingAiPanel textarea::placeholder,html[data-appearance="dark"] #stableTimePanel input::placeholder,html[data-appearance="dark"] #stableTimePanel textarea::placeholder{color:#8190a4!important}
html[data-appearance="dark"] #floatingAiPanel .btn.ghost,html[data-appearance="dark"] #stableTimePanel .btn.ghost,html[data-appearance="dark"] #floatingAiPanel button:not(.primary),html[data-appearance="dark"] #stableTimePanel button:not(.primary){background:#202d3d!important;color:#e7eef7!important;border-color:#35465a!important}
html[data-appearance="dark"] #floatingAiPanel button:not(.primary):hover,html[data-appearance="dark"] #stableTimePanel button:not(.primary):hover{background:#2a3a4d!important;color:#fff!important}
html[data-appearance="dark"] #floatingAiPanel .floating-ai-body,html[data-appearance="dark"] #stableTimePanel .stable-time-body{background:#182230!important;color:#edf2f7!important}
html[data-appearance="dark"] #floatingAiPanel .message{background:#111b28!important;color:#e7eef7!important;border-color:#2c3949!important}
/* V10.45 — uniforme minimaliseer- en sluitknoppen in alle pop-ups/vensters */
.modal button[aria-label*="sluit" i],.modal button[aria-label*="close" i],.modal button[aria-label*="minimal" i],.sheet button[aria-label*="sluit" i],.sheet button[aria-label*="close" i],.sheet button[aria-label*="minimal" i],.dialog button[aria-label*="sluit" i],.dialog button[aria-label*="close" i],.dialog button[aria-label*="minimal" i],.floating-ai-head button,.stable-time-head button,button[title*="sluit" i],button[title*="close" i],button[title*="minimal" i],.modal-head > button,.sheet-head > button{width:44px!important;min-width:44px!important;max-width:44px;height:44px!important;min-height:44px!important;max-height:44px;padding:0!important;margin:0;border-radius:12px!important;display:inline-grid;place-items:center;align-items:center;justify-content:center;line-height:1!important;font-size:0!important;box-sizing:border-box;flex:0 0 44px!important;vertical-align:middle}
.modal button[aria-label*="sluit" i]::before,.modal button[aria-label*="close" i]::before,.sheet button[aria-label*="sluit" i]::before,.sheet button[aria-label*="close" i]::before,.dialog button[aria-label*="sluit" i]::before,.dialog button[aria-label*="close" i]::before,button[title*="sluit" i]::before,button[title*="close" i]::before{content:"×";display:block;font-size:27px;font-weight:400;line-height:1;transform:translateY(-1px)}
.modal button[aria-label*="minimal" i]::before,.sheet button[aria-label*="minimal" i]::before,.dialog button[aria-label*="minimal" i]::before,button[title*="minimal" i]::before{content:"−";display:block;font-size:27px;font-weight:500;line-height:1;transform:translateY(-2px)}
@media(max-width:760px){
  .modal button[aria-label*="sluit" i],.modal button[aria-label*="close" i],.modal button[aria-label*="minimal" i],.sheet button[aria-label*="sluit" i],.sheet button[aria-label*="close" i],.sheet button[aria-label*="minimal" i],.dialog button[aria-label*="sluit" i],.dialog button[aria-label*="close" i],.dialog button[aria-label*="minimal" i],.floating-ai-head button,.stable-time-head button,button[title*="sluit" i],button[title*="close" i],button[title*="minimal" i],.modal-head > button,.sheet-head > button{width:42px!important;min-width:42px!important;max-width:42px;height:42px!important;min-height:42px!important;max-height:42px;flex-basis:42px!important;border-radius:11px!important}
}
/* Ook donkere modus houdt beide controls exact gelijk. */
html[data-appearance="dark"] .modal-head button,html[data-appearance="dark"] .sheet-head button,html[data-appearance="dark"] .floating-ai-head button,html[data-appearance="dark"] .stable-time-head button{background:#202d3d!important;color:#e7eef7!important;border-color:#35465a!important}
/* V10.46 — definitieve, enkelvoudige en optisch gecentreerde vensterknoppen */
button[aria-label="Minimaliseren"],button[aria-label="Sluiten"]{position:relative!important;overflow:hidden;color:transparent!important;text-shadow:none;font-size:0!important;line-height:0!important}
button[aria-label="Minimaliseren"]::before,button[aria-label="Minimaliseren"]::after,button[aria-label="Sluiten"]::before,button[aria-label="Sluiten"]::after{content:""!important;position:absolute!important;display:block!important;margin:0!important;padding:0!important;transform:none!important;box-sizing:border-box!important}
/* Min: één echte horizontale lijn, exact geometrisch gecentreerd. */
button[aria-label="Minimaliseren"]::before{width:18px!important;height:2.5px!important;left:50%!important;top:50%!important;border:0!important;border-radius:2px!important;background:currentColor!important;color:#17243a!important;transform:translate(-50%,-50%)!important}
/* Sluiten: twee lijnen die samen één perfect gecentreerde X vormen. */
button[aria-label="Sluiten"]::before{transform:translate(-50%,-50%) rotate(45deg)!important}
button[aria-label="Sluiten"]::after{transform:translate(-50%,-50%) rotate(-45deg)!important}
html[data-appearance="dark"] button[aria-label="Minimaliseren"]::before,html[data-appearance="dark"] button[aria-label="Sluiten"]::before,html[data-appearance="dark"] button[aria-label="Sluiten"]::after{background:#e7eef7!important}
/* V10.47 — minimaliseericoon wordt door de knop zelf getekend */
button[aria-label="Minimaliseren"]::before,button[aria-label="Minimaliseren"]::after{content:none!important;display:none!important}
/* V10.48 — rustigere, verfijnde vensterbediening */
button[aria-label="Minimaliseren"],button[aria-label="Sluiten"]{border-radius:12px!important;border:1px solid #dce4ef!important;background-color:#f7f9fc!important;box-shadow:0 1px 2px rgba(15,23,42,.04)!important;transition:background-color .15s ease,border-color .15s ease,transform .12s ease}
button[aria-label="Minimaliseren"]:active,button[aria-label="Sluiten"]:active{transform:scale(.96)!important}
button[aria-label="Minimaliseren"]:hover,button[aria-label="Sluiten"]:hover{background-color:#eef3f9!important;border-color:#ccd7e5!important}
/* V10.49 — stijl van het eerder gemaakte visuele ontwerp */
.modal,.dialog,.sheet{border-radius:22px!important;border:1px solid rgba(220,228,239,.9)!important;box-shadow:0 24px 70px rgba(15,23,42,.18)!important}
.modal-head,.sheet-head{align-items:center;padding-bottom:16px!important}
button[aria-label="Minimaliseren"],button[aria-label="Sluiten"]{border-radius:13px!important;background-color:#fbfcfe!important;border:1px solid #d8e1ed!important;box-shadow:0 1px 3px rgba(15,23,42,.035)!important}
button[aria-label="Minimaliseren"]{position:relative!important;color:transparent!important;font-size:0!important;line-height:0!important;background-image:linear-gradient(#17243a,#17243a)!important;background-repeat:no-repeat!important;background-size:15px 2px!important;background-position:50% 50%!important}
button[aria-label="Sluiten"]{border-color:#efcfd2!important;background-color:#fffafa!important}
button[aria-label="Sluiten"]::before,button[aria-label="Sluiten"]::after{left:50%!important;top:50%!important;border:0!important;border-radius:2px!important;transform-origin:center!important;width:16px!important;height:2px!important;background:#17243a!important}
.modal input,.modal textarea,.modal select,.dialog input,.dialog textarea,.dialog select,.sheet input,.sheet textarea,.sheet select{border-radius:14px!important;border-color:#dce4ef!important;background:#fff!important;box-shadow:0 1px 2px rgba(15,23,42,.02)!important}
.modal textarea,.dialog textarea,.sheet textarea{min-height:112px}
/* V17.27 — één bedieningshoogte in vensters. Tekst-, datum- en keuzevelden en de actieknoppen
   in #sheet-vensters delen dezelfde hoogte: 38px op desktop (de compacte V13.87-veldmaat van taak,
   memo, afspraak en relatie) en 48px op mobiel (de V10.87-maat van mobiele datum- en tijdvelden).
   Voorheen stonden in één venster velden van 43, 44 en 46px en knoppen van 39 en 48px naast elkaar. */
:root{--bd-sheet-control-height:38px}
@media(max-width:760px){:root{--bd-sheet-control-height:48px}}
.sheet .form input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]):not([type="file"]):not([type="hidden"]),.sheet .form select:not([multiple]){height:var(--bd-sheet-control-height);min-height:var(--bd-sheet-control-height);padding-top:0;padding-bottom:0}
#sheetBody .btn:not(.small){min-height:var(--bd-sheet-control-height)}
/* V17.27 — label en veld staan 5px uit elkaar, gelijk aan de bestaande rasterlabels (gap:5px) van
   relatie-, schadepost- en sjabloonvensters. Een label om het veld heen had 0px ruimte; een los label
   vóór het veld stond 12px (de rastertussenruimte) van zijn veld, even ver als van het vorige veld. */
.sheet .form label:not(:is(.template-editor-grid,.relation-editor-form,.damage1355-form-grid,.damage1357-form-grid) label)>:is(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]):not([type="file"]):not([type="hidden"]),select,textarea){margin-top:5px}
.sheet .form>label:not(:has(input,select,textarea)):has(+ :is(input,select,textarea)){margin-bottom:-7px}
/* V17.27 — toelichting onder een veld volgt .case-important-note-field-help: gedempte kleur en 5px
   onder het veld. In lichte modus erfde .meta in vensters de gewone tekstkleur; donker was al gedempt. */
.sheet .form .meta{color:var(--muted)}
.sheet .form label>:is(input,select,textarea)~.meta{display:block;margin-top:5px}
.modal .primary,.dialog .primary,.sheet .primary{border-radius:14px!important;min-height:var(--bd-sheet-control-height)!important;font-weight:700!important;box-shadow:0 8px 20px rgba(37,99,235,.16)!important}
html[data-appearance="dark"] .modal,html[data-appearance="dark"] .dialog,html[data-appearance="dark"] .sheet{border-color:#2c3949!important;box-shadow:0 24px 70px rgba(0,0,0,.42)!important}
html[data-appearance="dark"] button[aria-label="Minimaliseren"],html[data-appearance="dark"] button[aria-label="Sluiten"]{box-shadow:none!important;background-color:#202d3d!important;border-color:#35465a!important}
html[data-appearance="dark"] button[aria-label="Minimaliseren"]{background-image:linear-gradient(#e7eef7,#e7eef7)!important}
html[data-appearance="dark"] button[aria-label="Sluiten"]::before,html[data-appearance="dark"] button[aria-label="Sluiten"]::after{background:#e7eef7!important}
.desktop-date-popover{display:none;position:fixed;z-index:2600;width:310px;padding:16px;background:#fff;border:1px solid #dce4ef;border-radius:16px;box-shadow:0 18px 50px rgba(15,23,42,.18);color:#17243a}
.desktop-date-popover.open{display:block}
.desktop-date-popover-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:13px}
.desktop-date-popover-title{font-weight:750;font-size:17px}
.desktop-date-popover-week{font-size:12px;color:#6f7d90;margin-top:3px}
.desktop-date-popover-close{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;border:0!important;border-radius:9px!important;background:#f3f6fa!important;color:#536176!important;font-size:20px!important;display:grid;place-items:center;padding:0!important}
.mini-cal-weekdays,.mini-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.mini-cal-weekdays{font-size:10px;font-weight:700;color:#8b97a8;text-align:center;margin-bottom:5px}
.mini-cal-day{height:34px;border:0;border-radius:9px;background:transparent;color:#25344a;font-size:12px;display:grid;place-items:center}
.mini-cal-day.other{color:#bdc5d0}
.mini-cal-day.today{background:#2463eb;color:#fff;font-weight:750}
.mini-cal-day.has-event:not(.today){background:#eef4ff;color:#2459b8;font-weight:700}
.desktop-calendar-agenda-link{width:100%;margin-top:12px;height:36px;border:1px solid #dce4ef;border-radius:10px;background:#f7f9fc;color:#2459b8;font-weight:700}
@media(max-width:760px){
  .desktop-date-popover{display:none}
}
html[data-appearance="dark"] .desktop-date-popover{background:#182230;border-color:#35465a;color:#edf2f7}
.floating-ai-head .v1050-min,.stable-time-head .v1050-min{background-image:linear-gradient(#26364d,#26364d)!important;background-size:14px 2px!important;background-position:center!important;background-repeat:no-repeat!important;font-size:0!important}
.floating-ai-head .v1050-close,.stable-time-head .v1050-close{color:#b4232c!important;border-color:#efcfd2!important;background:#fffafa!important}
.floating-ai-head .v1050-close:hover,.stable-time-head .v1050-close:hover,button[aria-label="Sluiten"]:hover{background:#fff1f2!important;border-color:#e9aeb4!important;color:#a61b25!important}
html[data-appearance="dark"] .floating-ai-head .v1050-close:hover,html[data-appearance="dark"] .stable-time-head .v1050-close:hover,html[data-appearance="dark"] button[aria-label="Sluiten"]:hover{background:#442b32!important;border-color:#8b4b55!important;color:#ffd0d4!important}
/* V10.52 */
.v1052-min{font-size:0!important;border:1px solid #dce4ef!important;background:#f7f9fc linear-gradient(#26364d,#26364d) center/14px 2px no-repeat!important}
.v1052-close{border:1px solid #efcfd2!important;background:#fffafa!important;color:#b4232c!important}
.v1052-close:hover{background:#fff1f2!important;border-color:#e9aeb4!important;color:#a61b25!important}
/* Tijdregistratie: pictogram moet zichtbaar blijven wanneer paneel open/geminimaliseerd is. */
/* V10.53 — zwevende vensters: nette headerafstand + beide rechtsonder */
.floating-ai-head,.stable-time-head{padding:14px 16px!important;box-sizing:border-box}
.floating-ai-head .v1052-actions,.stable-time-head .v1052-actions{display:flex;flex-direction:row;align-items:center;margin-left:auto;margin-right:2px;gap:8px!important;padding:0!important}
.floating-ai-head .v1052-min,.floating-ai-head .v1052-close,.stable-time-head .v1052-min,.stable-time-head .v1052-close{margin:0;padding:0!important;border-radius:11px!important;display:grid;place-items:center;width:38px!important;min-width:38px!important;max-width:38px;height:38px!important;min-height:38px!important;max-height:38px;flex:0 0 38px!important}
/* Tijdregistratie gebruikt dezelfde zwevende positie als AI: rechtsonder boven de actieknoppen. */
#stableTimeWrap{position:fixed!important;right:18px!important;bottom:22px!important;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:10px!important;pointer-events:none}
#stableTimeWrap > *{pointer-events:auto}
#stableTimeWrap.panel-open #stableTimePanel{max-height:calc(100vh - 40px);position:relative!important;right:auto!important;bottom:auto!important;display:block!important;width:min(420px,calc(100vw - 28px))!important;/* V13.69: stond op min(520px, 100vh - 150px). De inhoud van het paneel is ongeveer
     571px hoog, dus op een gewoon scherm won de vaste 520px-grens en viel de knop
     "Registreren" onderaan buiten beeld — zonder dat zichtbaar was dat er nog iets ónder
     stond. De vaste bovengrens is losgelaten;het paneel mag nu zo hoog worden als de
     inhoud nodig heeft en wordt alleen nog begrensd door de schermhoogte. Op korte
     schermen blijft het paneel scrollen (overflow:auto hieronder). */
  max-height:calc(100vh - 150px)!important;overflow:auto!important;box-shadow:0 18px 50px rgba(15,35,64,.24)!important;pointer-events:auto!important}
#stableTimeWrap.panel-open #stableTimeBtn{display:flex!important;pointer-events:auto!important}
@media(max-width:760px){
  #stableTimeWrap{right:14px!important;bottom:calc(88px + env(safe-area-inset-bottom))!important}
  #stableTimeWrap.panel-open{right:14px!important;bottom:calc(150px + env(safe-area-inset-bottom))!important}
  #stableTimeWrap.panel-open #stableTimePanel{width:calc(100vw - 28px)!important}
}
/* V10.54 — AI en tijdregistratie blijven zwevend; rest van scherm blijft bedienbaar */
#floatingActions,#stableTimeWrap{pointer-events:none;background:transparent!important}
#floatingAiBtn,#floatingAiPanel,#stableTimeBtn,#stableTimePanel{pointer-events:auto}
#stableTimeWrap.panel-open::before,#stableTimeWrap.panel-open::after{content:none!important;display:none!important}
#stableTimeWrap.panel-open #stableTimePanel,#stableTimeWrap.panel-open #stableTimeBtn{pointer-events:auto!important}
/* V10.57 — minder loze ruimte onder de mobiele menubalk */
/* V10.57a — correcte selector voor mobiele onderbalk */
@media(max-width:760px){
  .mobilebar{padding:8px 8px calc(3px + env(safe-area-inset-bottom))}
}
/* V10.58 — taakeditor mobiel opent als normale agenda-pop-up */
/* V10.59 — mobiele taakpopup visueel gelijkwaardig aan agenda-popup */
/* V10.60 — taakpopup zonder verduistering van de achtergrond */
/* V10.61 — mobiele zijmenu-opmaak gelijk aan desktop-sidebar */
@media(max-width:760px){
  .mobile-drawer{background:rgba(8,18,32,.28)!important}
  .mobile-drawer .drawer-card{width:min(84vw,320px)!important;height:100dvh!important;box-sizing:border-box;background:var(--nav)!important;color:var(--nav-ink,#fff)!important;padding:calc(22px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom))!important;box-shadow:18px 0 50px rgba(4,16,31,.22)!important;overflow:auto}
  .mobile-drawer .brand{display:flex;gap:12px!important;align-items:center;padding:6px 8px 22px!important}
  .mobile-drawer .brand h1{font-size:18px!important;margin:0;color:var(--nav-ink,#fff)!important}
  .mobile-drawer .brand small{display:block!important;color:var(--nav-muted,#b9c6d8)!important;margin-top:3px!important}
  .mobile-drawer .nav{display:flex;flex-direction:column;gap:6px!important}
  .mobile-drawer .nav>button{width:100%!important;border:0!important;background:transparent!important;color:var(--nav-control,#e8eef6)!important;text-align:left;padding:12px 13px!important;border-radius:12px!important;display:flex;gap:10px!important;align-items:center;justify-content:flex-start;min-height:44px!important;box-shadow:none!important}
  .mobile-drawer .nav>button.active,.mobile-drawer .nav>button:hover,.mobile-drawer .nav>button:active{background:var(--nav2)!important;color:var(--nav-ink,#fff)!important}
}
/* V10.62 — mobiel gebruikt nu echt de huidige desktop-sidebar, niet de oude ⚖️-brand */
@media(max-width:760px){
  .mobile-drawer .drawer-card{display:flex;flex-direction:column}
  .mobile-drawer .mobile-brand-clean{display:flex;align-items:center;padding:6px 8px 22px!important;min-height:72px!important}
  .mobile-drawer .mobile-brand-clean .brand-copy{display:block;width:100%!important}
  .mobile-drawer .mobile-brand-clean h1{margin:0;font-size:18px!important;font-weight:800!important;color:var(--nav-ink,#fff)!important}
  .mobile-drawer .mobile-brand-clean .brand-accent-line{display:block;width:38px!important;height:3px!important;border-radius:99px!important;background:var(--accent)!important;margin-top:9px}
  .mobile-drawer #drawerNav{flex:1 1 auto}
  .mobile-drawer .sidebar-time-goal{margin-top:auto;padding:13px 14px 11px!important;border-top:1px solid var(--nav-line,rgba(255,255,255,.10))!important}
  .mobile-drawer .mobile-sidebar-profile{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;margin:0;padding:14px 8px 4px!important;border-top:1px solid var(--nav-line,rgba(255,255,255,.10))!important;display:flex;align-items:center;gap:10px!important}
}
/* V10.63 — mobiele sidebaracties */
@media(max-width:760px){
  .mobile-sidebar-profile,.mobile-time-goal-action{cursor:pointer;touch-action:manipulation}
  .mobile-time-goal-action:active,.mobile-sidebar-profile:active{background:rgba(255,255,255,.08)!important}
  .mobile-sidebar-profile{position:relative!important}
  .mobile-sidebar-user-menu{left:8px!important;right:8px!important;bottom:58px!important;top:auto!important;width:auto!important;z-index:500;background:#fff!important;color:#26364d!important;border:1px solid #e1e7ef!important;border-radius:12px!important;box-shadow:0 14px 36px rgba(0,0,0,.24)!important;padding:6px!important}
  .mobile-sidebar-user-menu.open{display:block!important}
  .mobile-sidebar-user-menu button{color:#26364d!important;background:transparent!important;width:100%!important;text-align:left;padding:10px 11px!important;border-radius:8px!important}
  .mobile-sidebar-user-menu button:active{background:#f1f5f9!important}
  .mobile-sidebar-user-menu button.logout{color:#b42318!important}
}
/* V10.65 — in een geopend dossier nooit de overige dossierlijst tonen */
#dossiers:has(#dossierDetail.active) > #dossierOverviewTable,#dossiers:has(#dossierDetail.active) > #dossierGrid{display:none!important}
/* V10.66 — nette mobiele taakeditor */
/* V10.67 — sluitknop taakeditor terug rechtsboven */
/* V10.68 — uitgebreide mobiele controle en polish */
@media(max-width:760px){
  body:has(#drawer.open) #floatingActions,body:has(#drawer.open) #stableTimeWrap,body:has(#sheet.open) #floatingActions,body:has(#sheet.open) #stableTimeWrap{visibility:hidden;pointer-events:none}
  #agenda .calendar-toolbar{gap:6px!important;flex-wrap:nowrap}
  #agenda .calendar-toolbar h3{flex:0 0 auto;white-space:nowrap;font-size:18px!important;line-height:1.1!important}
  #agenda .calendar-nav{flex:0 0 auto;gap:5px!important}
  #agenda .calendar-nav button{padding:8px 9px!important}
  #database > .title-row{display:block}
  #database > .title-row > div:first-child{margin-bottom:12px}
  #database .database-title-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px!important;width:100%!important}
  #database .database-title-actions .btn{width:100%!important;min-width:0!important;min-height:46px!important;white-space:normal;line-height:1.2!important}
  #settings .settings-tabs{-webkit-overflow-scrolling:touch!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important;padding-right:12px!important}
  #settings .settings-tabs::-webkit-scrollbar{display:none!important}
  #settings .settings-tabs button{scroll-snap-align:start!important;flex:0 0 auto!important}
  #chat .internal-chat-shell{display:block;height:clamp(420px,calc(100dvh - 306px - env(safe-area-inset-bottom)),700px)!important;min-height:0!important;overflow:hidden}
  #chat .chat-conversations{width:100%!important;height:100%!important;overflow:hidden;border-right:0!important}
  #chat .chat-main{display:none;width:100%!important;height:100%!important;min-width:0!important}
  #chat.mobile-chat-open .chat-conversations{display:none!important}
  #chat.mobile-chat-open .chat-main{display:grid!important;grid-template-rows:64px minmax(0,1fr) auto!important}
  #chat.mobile-chat-open .chat-main:has(.chat-ai-tools:not([hidden])){grid-template-rows:64px auto minmax(0,1fr) auto!important}
  #chat .chat-conversation{grid-template-columns:38px minmax(0,1fr);padding:8px 60px 8px 9px!important}
  #chat .chat-conversation-copy small{display:block}
  /* Tijd en ongelezen-teller naast elkaar, zoals op desktop; zo blijft rechtsonder ruimte voor de ster. */
  #chat .chat-last-time{display:flex}
  #chat .chat-message-row{max-width:90%}
  #chat .chat-messages{padding:18px 12px!important}
  #chat .chat-header{padding:9px 10px!important;gap:8px!important}
  #chat .chat-header>div:not(.chat-header-actions){flex:1 1 auto;overflow:hidden}
  #chat .chat-header>div:not(.chat-header-actions) b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #chat .chat-header-actions{flex:0 0 auto}
  #chat .mobile-chat-back{width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;border:1px solid var(--line)!important;border-radius:10px!important;background:var(--panel)!important;color:var(--text)!important;display:grid!important;place-items:center!important;font-size:20px!important}
  #chat .chat-compose{gap:5px!important}
}
html[data-appearance="dark"] #floatingAiConversation{background:#101925!important;color:#e7eef7!important}
html[data-appearance="dark"] #floatingAiPanel .floating-ai-compose{background:#182230!important;border-color:#2c3949!important}
html[data-appearance="dark"] #floatingAiPanel .floating-ai-welcome,html[data-appearance="dark"] #floatingAiPanel .floating-ai-msg.ai{background:#1b2939!important;color:#e7eef7!important;border-color:#344255!important}
html[data-appearance="dark"] #floatingAiPanel .floating-ai-msg.user{background:#21395c!important;color:#dbe9ff!important}
html[data-appearance="dark"] #stableTimePanel .stable-time-field label,html[data-appearance="dark"] #stableTimePanel .meta{color:#aebccd!important}
/* V10.68 chat gebruikt de rechteronderhoek zelf en verbergt daar de zwevende werkknoppen. Sinds V17.28 ook de AI-pagina, die dezelfde invoerbalk heeft. */
body:has(#chat.active) #floatingActions,body:has(#chat.active) #stableTimeWrap,body:has(#ai.active) #floatingActions,body:has(#ai.active) #stableTimeWrap{visibility:hidden!important;pointer-events:none!important}
/* V10.74 — desktopaudit */
@media(min-width:761px){
  #chat .internal-chat-shell{height:clamp(420px,calc(100dvh - 185px),820px)!important;min-height:0!important}
  #chat .chat-main{min-height:0!important}
  #chat .chat-messages{min-height:0!important;overflow:auto}
  .unified-toolbar{display:flex;flex-wrap:nowrap;align-items:flex-end;gap:8px!important;padding:10px!important}
  .unified-toolbar .unified-search{flex:1 1 320px;min-width:220px!important}
  .unified-toolbar .filter-field,.unified-toolbar .desktop-audit-filter-field{flex:0 0 auto;min-width:140px!important;display:flex;flex-direction:column;gap:3px!important}
  .unified-toolbar .filter-field-label,.unified-toolbar .desktop-audit-filter-label{display:block;margin:0 0 1px 5px;font-size:9px!important;line-height:1!important;font-weight:800!important;letter-spacing:.045em!important;text-transform:uppercase;color:var(--muted)!important}
  .unified-toolbar select{height:36px!important;min-height:36px!important;border-radius:10px!important;border:1px solid var(--line)!important;background:var(--panel)!important;padding:0 10px!important}
  .unified-toolbar .btn{height:36px!important;min-height:36px!important;align-self:flex-end;white-space:nowrap}
  #dossiers .unified-toolbar .unified-search{flex-basis:300px!important}
  #dossiers .unified-toolbar .dossier-status-filter{min-width:180px!important}
  #dossiers .unified-toolbar .sort-filter-field{min-width:170px!important}
  .th-sort-btn{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;border-radius:8px!important;display:inline-grid;place-items:center;vertical-align:middle}
  #dossierSortDirectionBtn{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;border-radius:9px!important}
  .relation-assigned-count{min-height:26px!important;display:inline-flex;align-items:center}
  .relation-delete-btn{min-height:30px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
}
@media(max-width:760px){
  .desktop-audit-filter-field{display:contents}
  .desktop-audit-filter-label{display:none}
}
/* V10.75 — geïntegreerde chatinvoer */
#chat .chat-compose,#ai .chat-compose{margin:0 20px 18px;padding:6px 7px!important;gap:5px!important;background:var(--panel)!important;border:1px solid color-mix(in srgb,var(--line) 88%,transparent)!important;border-radius:16px;box-shadow:0 7px 24px rgba(15,23,42,.075)}
#chat .chat-compose:focus-within,#ai .chat-compose:focus-within{border-color:color-mix(in srgb,var(--accent) 42%,var(--line))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 8%,transparent),0 7px 24px rgba(15,23,42,.075)}
#chat .chat-compose-center{min-width:0!important}
#chat .chat-compose textarea,#chat .chat-compose input[type="text"],#ai .chat-compose textarea,#ai .chat-compose input[type="text"]{width:100%!important;min-height:40px!important;max-height:120px;padding:10px 8px!important;box-sizing:border-box;border:0!important;border-radius:9px!important;background:transparent!important;color:var(--text)!important;box-shadow:none!important;outline:none;resize:none;overflow-y:hidden;font:inherit!important;font-size:13px!important;line-height:1.45!important}
#chat .chat-compose textarea::placeholder,#chat .chat-compose input[type="text"]::placeholder,#ai .chat-compose textarea::placeholder,#ai .chat-compose input[type="text"]::placeholder{color:#8b97a8!important;opacity:1!important}
#chat .chat-compose textarea:focus,#chat .chat-compose input[type="text"]:focus,#ai .chat-compose textarea:focus,#ai .chat-compose input[type="text"]:focus{background:transparent!important;box-shadow:none!important}
#chat .chat-compose-tools{display:flex;gap:3px!important;align-items:center}
#chat .chat-attach-btn,#chat .chat-emoji-btn{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;margin:0;border:0!important;border-radius:10px!important;display:grid;place-items:center;background:transparent!important;color:#64748b!important;transform:none!important;box-shadow:none!important}
#chat .chat-attach-btn:hover,#chat .chat-emoji-btn:hover{background:color-mix(in srgb,var(--accent) 8%,var(--bg))!important;color:var(--accent)!important}
html[data-appearance="dark"] #chat .chat-compose,html[data-appearance="dark"] #ai .chat-compose{background:#182230!important;border-color:#334256!important;box-shadow:none}
html[data-appearance="dark"] #chat .chat-compose textarea,html[data-appearance="dark"] #chat .chat-compose input[type="text"],html[data-appearance="dark"] #ai .chat-compose textarea,html[data-appearance="dark"] #ai .chat-compose input[type="text"]{background:transparent!important;color:#e7eef7!important}
html[data-appearance="dark"] #chat .chat-attach-btn,html[data-appearance="dark"] #chat .chat-emoji-btn{background:transparent!important;color:#aebccd!important}
/* Verplaatsbare zwevende AI/+ bediening */
@media(max-width:760px){
  #chat .chat-compose,  #ai .chat-compose{display:grid;grid-template-columns:minmax(0,1fr) auto 42px;align-items:end;margin:0 8px 10px;padding:5px 6px!important;column-gap:3px!important;row-gap:5px!important;background:var(--panel)!important;border:1px solid color-mix(in srgb,var(--line) 88%,transparent)!important;border-radius:15px}
  #chat .chat-compose-center{grid-column:1;grid-row:var(--chat-compose-input-row,1);min-width:0!important;display:grid;gap:5px!important}
  #chat .chat-compose textarea,#chat .chat-compose input[type="text"],  #ai .chat-compose textarea,#ai .chat-compose input[type="text"]{font-size:16px!important;min-height:40px!important;max-height:108px;padding:8px 6px!important}
  #chat .chat-compose-tools{grid-column:2;grid-row:var(--chat-compose-input-row,1);height:40px!important;align-items:center}
  #chat .chat-attach-btn,#chat .chat-emoji-btn{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important}
  #chat .chat-compose .btn.primary,  #ai .chat-compose .btn.primary{grid-column:3;grid-row:var(--chat-compose-input-row,1);width:40px!important;min-width:40px!important;max-width:40px;height:40px!important;min-height:40px!important;max-height:40px;padding:0!important;border-radius:11px!important;display:grid;place-items:center;overflow:hidden;text-indent:-9999px;position:relative!important;align-self:end}
  #chat .chat-compose .btn.primary::after,  #ai .chat-compose .btn.primary::after{content:"➤";text-indent:0!important;position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;font-size:18px!important;line-height:1!important;transform:translateX(1px)!important}
  #chat .chat-pending-files{margin-top:0}
}
/* V10.76 — sleepbaar zonder zichtbaar handvat */
/* V10.77 — desktop chat verstuurknop volledig zichtbaar */
@media(min-width:761px){
  #chat .chat-compose{display:grid;grid-template-columns:minmax(0,1fr) auto 42px;align-items:end;column-gap:5px!important;width:auto!important;box-sizing:border-box;overflow:visible}
  #chat .chat-compose-tools{grid-column:2;display:flex;align-items:center;gap:3px!important;min-width:max-content!important}
  #chat .chat-compose-center{grid-column:1;min-width:0!important;width:100%!important}
  #chat .chat-compose textarea,#chat .chat-compose input[type="text"]{width:100%!important;min-width:0!important;box-sizing:border-box}
  #chat .chat-compose .btn.primary{grid-column:3;width:42px!important;min-width:42px!important;max-width:42px;height:42px!important;min-height:42px!important;max-height:42px;align-self:end;justify-self:end;margin:0;padding:0!important;border-radius:11px!important;overflow:visible;flex:none}
  #chat .chat-main,#chat .internal-chat-shell{min-width:0!important}
}
/* V10.81 — compacte popupagenda voor urenregistratie */
.time-day-summary{display:flex;justify-content:space-between;margin-bottom:12px;align-items:flex-start;gap:12px}
.time-calendar-popwrap{position:relative;display:inline-block;max-width:100%}
.time-calendar-trigger{min-height:42px;display:inline-flex;align-items:center;gap:10px;max-width:100%;padding:10px 14px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:14px;cursor:pointer;font:inherit;box-shadow:var(--shadow-sm)}
.time-calendar-trigger:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent) 4%,var(--panel))}
.time-calendar-trigger-icon{font-size:15px;line-height:1;display:grid;place-items:center}
.time-calendar-trigger-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.time-calendar-trigger-caret{font-size:12px;color:var(--muted)}
.time-calendar-popover{position:absolute;top:calc(100% + 8px);left:0;z-index:45;width:min(320px, calc(100vw - 48px));background:transparent}
.time-calendar-popwrap.open .time-calendar-trigger{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}
.hours-calendar-card.compact-popup{width:100%;padding:12px;border-radius:16px;box-shadow:0 16px 40px rgba(15,23,42,.18)}
.hours-calendar-card.compact-popup .hours-calendar-toolbar{margin-bottom:9px}
.hours-calendar-card.compact-popup .hours-calendar-grid{gap:4px}
.hours-calendar-card.compact-popup .hours-calendar-day{min-height:52px;border-radius:10px;padding:6px 7px}
.hours-calendar-card.compact-popup .hours-calendar-total{font-size:9px}
@media(max-width:800px){
  .time-day-summary{align-items:stretch}
  .time-calendar-trigger{width:100%;justify-content:space-between}
  .time-calendar-popover{width:min(320px, calc(100vw - 28px))}
}
/* V10.80 — urenregistratie: kalender en dubbelklik */
.hours-calendar-card{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:14px}
.hours-calendar-toolbar{display:grid;grid-template-columns:36px minmax(0,1fr) 36px auto;align-items:center;gap:8px;margin-bottom:11px}
.hours-calendar-title{text-align:center;font-weight:800;text-transform:capitalize}
.hours-calendar-nav{width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);cursor:pointer}
.hours-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
.hours-calendar-dow{text-align:center;padding:4px 0 6px;font-size:10px;font-weight:800;text-transform:uppercase;color:var(--muted)}
.hours-calendar-day{min-height:60px;border:1px solid transparent;border-radius:11px;background:var(--bg);color:var(--text);cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:7px 8px}
.hours-calendar-day:hover{border-color:var(--line);background:color-mix(in srgb,var(--accent) 4%,var(--panel))}
.hours-calendar-day.outside{opacity:.42}
.hours-calendar-day.today .hours-calendar-daynum{color:var(--accent);font-weight:900}
.hours-calendar-day.selected{border-color:color-mix(in srgb,var(--accent) 60%,var(--line));background:color-mix(in srgb,var(--accent) 9%,var(--panel));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 8%,transparent)}
.hours-calendar-daynum{font-size:12px;font-weight:750}
.hours-calendar-total{font-size:10px;font-weight:800;color:var(--accent);white-space:nowrap}
.hours-day-total{min-width:76px;text-align:center;padding:9px 12px;border-radius:12px;background:color-mix(in srgb,var(--accent) 9%,var(--panel));color:var(--accent);font-weight:850}
.time-entry-row:hover td{background:color-mix(in srgb,var(--accent) 3%,var(--panel))}
.time-dblclick-hint{margin-top:9px;font-size:11px;color:var(--muted);text-align:right}
html[data-appearance="dark"] .hours-calendar-day{background:#101925}
@media(max-width:800px){
  .hours-calendar-card{padding:10px}
  .hours-calendar-toolbar{grid-template-columns:34px minmax(0,1fr) 34px}
  .hours-calendar-today{grid-column:1/-1;width:100%}
  .hours-calendar-day{min-height:48px;padding:6px}
  .hours-calendar-total{font-size:9px}
}
/* V10.82 — urenagenda uitsluitend desktop; mobiel terug naar oude urenweergave */
@media(max-width:760px){
  #uren .time-calendar-popwrap,#uren .time-calendar-popover,#uren .time-calendar-trigger{display:none}
  #uren .time-day-summary{display:flex;align-items:center;justify-content:space-between}
  #uren .time-day-summary > div:first-child::after{content:attr(data-mobile-selected-date)}
}
@media(max-width:760px){
  #uren .time-desktop-date-picker{display:none}
}
/* V10.83 — desktop specifieke zoekbalken: filters achter drie puntjes */
@media(min-width:761px){
  .desktop-collapsible-toolbar{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important}
  .desktop-specific-search-row{display:flex;align-items:center;gap:10px;min-width:0;width:100%}
  .desktop-specific-search-row > *{min-width:0}
  .desktop-specific-search-row .unified-search,.desktop-specific-search-row .database-search-wrap,.desktop-specific-search-row input[type="search"]{flex:1 1 auto}
  .desktop-filter-togglebar{display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:38px;padding:2px 0 0}
  .desktop-filter-togglebar .desktop-filter-toggle{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 13px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-weight:700;font-size:12px;box-shadow:0 8px 18px rgba(15,23,42,.05);cursor:pointer}
  .desktop-filter-togglebar .desktop-filter-toggle:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(15,23,42,.08)}
  .desktop-filter-toggle .dots{font-size:17px;line-height:1;letter-spacing:1px;transform:translateY(-1px)}
  .desktop-filter-toggle .desktop-filter-state{font-weight:600;color:var(--muted)}
  .desktop-toolbar-extra-filters{display:none;align-items:flex-end;gap:10px;flex-wrap:wrap;width:100%;padding:12px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel) 88%, #f5f8fc)}
  .desktop-collapsible-toolbar.filters-open .desktop-toolbar-extra-filters{display:flex}
  .desktop-toolbar-extra-filters > *{margin:0!important}
  .desktop-toolbar-extra-filters .btn{height:42px}
  .desktop-toolbar-extra-filters .filter-field,.desktop-toolbar-extra-filters .desktop-audit-filter-field{display:flex!important;align-items:center;min-width:170px;flex:0 1 220px}
  .desktop-toolbar-extra-filters label.database-ai-filter{height:42px;border:1px solid var(--line);border-radius:12px;padding:0 12px;background:#fff}
  .desktop-toolbar-extra-filters .sort-direction-btn{top:50%!important;transform:translateY(-50%)!important}
  html[data-appearance="dark"] .desktop-filter-togglebar .desktop-filter-toggle{background:#182230;border-color:#334155;color:#eaf0f7;box-shadow:none}
  html[data-appearance="dark"] .desktop-filter-toggle .desktop-filter-state{color:#9db0c4}
  html[data-appearance="dark"] .desktop-toolbar-extra-filters{background:#182230;border-color:#334155}
  html[data-appearance="dark"] .desktop-toolbar-extra-filters label.database-ai-filter{background:#101925;border-color:#334155}
  /* Desktop popups consistenter en volledig opaak */
  .overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:32px;background:rgba(15,23,42,.16);backdrop-filter:blur(2px);z-index:3200}
  .overlay[style*="display:block"],.overlay[style*="display: block"]{display:flex!important}
  .overlay .modal{width:min(560px, calc(100vw - 64px))!important;max-height:calc(100vh - 64px);overflow:auto;margin:0;padding:24px!important;display:flex;flex-direction:column;gap:14px;background:#ffffff!important;color:#17243a!important;border:1px solid #dbe5f0!important;border-radius:22px!important;box-shadow:0 28px 80px rgba(15,23,42,.22)!important}
  .overlay .modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px!important;padding:0 0 10px!important;margin:0;border-bottom:1px solid #edf2f7;cursor:grab;user-select:none;-webkit-user-select:none}
  .overlay .modal-head h2{margin:0;font-size:22px!important;line-height:1.2!important;font-weight:800!important;color:#17243a!important}
  .overlay .modal-head > button{flex:0 0 auto}
  .overlay .modal .field{display:flex;flex-direction:column;gap:7px!important;margin:0}
  .overlay .modal .field label{margin:0;font-size:12px!important;font-weight:700!important;color:#64748b!important;letter-spacing:.01em!important}
  .overlay .modal .field input,.overlay .modal .field select,.overlay .modal .field textarea{width:100%!important;min-height:46px!important;padding:12px 14px!important;border:1px solid #d9e3ef!important;border-radius:14px!important;background:#fff!important;color:#17243a!important;box-shadow:0 1px 2px rgba(15,23,42,.03)!important}
  .overlay .modal .field textarea{min-height:132px!important;resize:vertical}
  .overlay .modal .modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px!important;margin-top:6px!important;padding-top:6px!important}
  .overlay .modal .modal-actions .btn{min-height:44px!important;border-radius:14px!important}
  .overlay .modal .modal-actions .btn:first-child[style*="margin-right:auto"]{margin-right:auto}
  html[data-appearance="dark"] .overlay{background:rgba(2,6,23,.42)}
  html[data-appearance="dark"] .overlay .modal{background:#162130!important;color:#edf2f7!important;border-color:#334155!important;box-shadow:0 28px 80px rgba(0,0,0,.52)!important}
  html[data-appearance="dark"] .overlay .modal-head{border-bottom-color:#253041}
  html[data-appearance="dark"] .overlay .modal-head h2{color:#edf2f7!important}
  html[data-appearance="dark"] .overlay .modal .field label{color:#a8b7ca!important}
  html[data-appearance="dark"] .overlay .modal .field input,html[data-appearance="dark"] .overlay .modal .field select,html[data-appearance="dark"] .overlay .modal .field textarea{background:#0f1724!important;border-color:#334155!important;color:#edf2f7!important}
  /* Versleepbare desktop-vensters */
  .overlay .modal-head,.desktop-date-popover-head,#floatingAiPanel .floating-ai-head{cursor:grab;user-select:none;-webkit-user-select:none}
  .overlay .modal.is-dragging .modal-head,.desktop-date-popover.is-dragging .desktop-date-popover-head,#floatingAiPanel.is-dragging .floating-ai-head{cursor:grabbing}
  .overlay .modal.is-dragging,.desktop-date-popover.is-dragging,#floatingAiPanel.is-dragging{box-shadow:0 28px 80px rgba(15,23,42,.28)!important}
}
/* V10.87 — consistente mobiele datum- en tijdvelden */
@media(max-width:760px){
  input[type="date"],input[type="time"]{box-sizing:border-box;min-height:48px!important;height:48px!important;max-height:48px;padding:0 14px!important;border-radius:13px!important;font-size:16px!important;line-height:1.35!important;vertical-align:middle}
  .form input[type="date"],.form input[type="time"],.sheet input[type="date"],.sheet input[type="time"],.overlay input[type="date"],.overlay input[type="time"],#stableTimePanel input[type="date"],#stableTimePanel input[type="time"]{display:block;width:100%!important;max-width:none;min-width:0!important}
  input[type="date"]::-webkit-date-and-time-value,input[type="time"]::-webkit-date-and-time-value{display:flex!important;align-items:center!important;min-height:0!important;height:46px!important;padding:0!important;margin:0!important;line-height:normal!important;text-align:left!important}
  input[type="date"]::-webkit-datetime-edit,input[type="time"]::-webkit-datetime-edit{padding:0!important;line-height:normal!important}
  input[type="date"]::-webkit-calendar-picker-indicator,input[type="time"]::-webkit-calendar-picker-indicator{margin:0!important;padding:0!important;width:20px!important;height:20px!important}
}
/* V10.96 — e-mailinlog met aantrekkelijkere achtergrond */
.prototype-login-screen{display:none;position:fixed;inset:0;z-index:10000;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at 18% 18%,rgba(59,130,246,.16),transparent 34%),
    radial-gradient(circle at 82% 78%,rgba(99,102,241,.12),transparent 38%),
    linear-gradient(145deg,#eef4fb 0%,#f8fafc 48%,#edf3fa 100%)!important}
.prototype-login-screen::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(148,163,184,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.055) 1px,transparent 1px);background-size:34px 34px}
.prototype-login-card{background:#fff;border:1px solid var(--line);text-align:center;position:relative;z-index:1;width:min(410px,100%)!important;padding:32px!important;border-radius:22px!important;box-shadow:0 28px 80px rgba(30,41,59,.15)!important}
.prototype-login-brand{display:flex;align-items:center;justify-content:center;min-height:35px;margin:0 auto 7px}
.prototype-login-brand-logo{display:block;width:148px;height:auto}
.prototype-login-brand-logo-on-dark{display:none}
html[data-appearance="dark"] .prototype-login-brand-logo-on-light{display:none}
html[data-appearance="dark"] .prototype-login-brand-logo-on-dark{display:block}
.login-recovery-link{color:var(--muted);font-size:13px;text-decoration:none}
.login-recovery-link:hover{text-decoration:underline;color:var(--text)}
.login-recovery-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}
.prototype-login-form{display:grid;gap:12px;text-align:left;margin-top:22px}
.prototype-login-form label{font-size:12px;font-weight:750;color:var(--muted);margin:0 2px -5px}
.prototype-login-form input{width:100%;height:48px;border:1px solid var(--line);border-radius:13px;padding:0 14px;background:var(--panel);color:var(--text);font:inherit;outline:none}
.prototype-login-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}
.prototype-login-form .login-submit{position:relative;width:100%;height:46px;justify-content:center;border-radius:13px}
.prototype-login-form[aria-busy="true"] .login-submit-label{opacity:0}
.prototype-login-form[aria-busy="true"] .login-submit::after{content:"";position:absolute;inset:0;margin:auto;width:18px;height:18px;box-sizing:border-box;border:2px solid transparent;border-top-color:currentColor;border-right-color:currentColor;border-radius:50%;animation:login-submit-spin .8s linear infinite}
@keyframes login-submit-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){
  .prototype-login-form[aria-busy="true"] .login-submit-label{opacity:1}
  .prototype-login-form[aria-busy="true"] .login-submit::after{display:none;animation:none}
}
.prototype-login-error{min-height:18px;color:#b42318;font-size:12px;font-weight:700}
html[data-appearance="dark"] .prototype-login-screen{background:radial-gradient(circle at 18% 18%,rgba(37,99,235,.20),transparent 35%),radial-gradient(circle at 82% 78%,rgba(79,70,229,.15),transparent 40%),linear-gradient(145deg,#0b1220,#101827 55%,#0d1624)!important}
/* V11.01 — compacte moderne kalenderknop bij urenregistratie (desktop) */
@media(min-width:801px){
  #uren .time-calendar-trigger{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;gap:0!important;justify-content:center;border-radius:10px!important;border:1px solid color-mix(in srgb,var(--line) 88%,var(--accent))!important;background:var(--panel)!important;box-shadow:0 1px 2px rgba(15,23,42,.06)!important;color:var(--text)!important;overflow:hidden}
  #uren .time-calendar-trigger:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--line))!important;background:color-mix(in srgb,var(--accent) 5%,var(--panel))!important;transform:translateY(-1px)}
  #uren .time-calendar-trigger:focus-visible{outline:0!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 13%,transparent)!important}
  #uren .time-calendar-trigger:before{content:"";width:15px;height:15px;display:block;background:linear-gradient(currentColor,currentColor) 3px 0/2px 4px no-repeat,
      linear-gradient(currentColor,currentColor) 10px 0/2px 4px no-repeat,
      linear-gradient(currentColor,currentColor) 1px 3px/13px 2px no-repeat,
      linear-gradient(currentColor,currentColor) 1px 3px/2px 11px no-repeat,
      linear-gradient(currentColor,currentColor) 12px 3px/2px 11px no-repeat,
      linear-gradient(currentColor,currentColor) 1px 12px/13px 2px no-repeat;opacity:.72}
}
/* V11.03 — exact één Agenda-symbool in kalenderknop urenregistratie */
@media(min-width:801px){
  #uren .time-calendar-trigger{font-size:0!important;position:relative!important}
  /* V17.27 — het kalendersymbool is het gedeelde Agenda-lijnicoon in .time-calendar-trigger-icon, net als in zijbalk en dossiertab; het oude ▦-teken via :before vervalt. */
  #uren .time-calendar-trigger > :not(.time-calendar-trigger-icon){display:none}
  #uren .time-calendar-trigger:before,#uren .time-calendar-trigger:after{display:none!important;content:none!important}
}
/* V11.04 — geselecteerde datum zichtbaar bij Urenregistratie */
#uren .time-selected-date-label{margin:3px 42px 0 0;font-size:16px!important;line-height:1.25!important;font-weight:750!important;color:var(--text)!important}
@media(max-width:800px){
  #uren .time-selected-date-label{margin-right:0}
}
/* V11.05 — strakkere samenvatting naast 'Geselecteerde dag' */
@media(min-width:801px){
  #uren .time-day-summary{align-items:stretch;gap:12px!important}
  #uren .time-day-summary-date{min-height:76px!important;display:flex;flex-direction:column;justify-content:center;padding:14px 16px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:var(--panel)!important}
  #uren .hours-day-total{min-width:116px!important;width:116px!important;min-height:76px!important;padding:10px 12px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:var(--panel)!important;box-shadow:none!important;font-size:18px!important;font-weight:800!important;line-height:1.1!important;text-align:center;color:var(--text)!important}
  #uren .hours-day-total:before{content:"Totaal"!important;display:block!important;font-size:10px!important;line-height:1!important;font-weight:700!important;letter-spacing:.02em!important;color:var(--muted)!important}
}
/* V11.06 — teller Taken blijft rood, ook wanneer Taken actief is */
.sidebar .nav>button.active .nav-count.overdue,.nav>button.active .nav-count.overdue,#drawerNav>button.active .nav-count.overdue{background:#b42318!important;color:#fff!important;box-shadow:0 0 0 1px rgba(255,255,255,.18)!important}
/* V11.12 — herstel ontbrekende V10.92-regels voor de ingeklapte tijdbalk */
@media(min-width:761px){
  html.sidebar-auto-collapse .sidebar-time-goal{height:38px;overflow:hidden;padding:8px!important}
  html.sidebar-auto-collapse .sidebar-time-goal:before{content:attr(data-collapsed-percent);display:grid;place-items:center;height:22px;font-size:12px;font-weight:850;line-height:1;color:#fff;font-variant-numeric:tabular-nums}
  html.sidebar-auto-collapse:not(.sidebar-navigation-settings-open,.sidebar-context-menu-open) .sidebar:not(:hover):not(:focus-within) .sidebar-time-goal{width:48px!important;height:40px!important;min-height:40px!important;margin:0 auto 8px!important;padding:0!important;display:grid!important;place-items:center!important}
  html.sidebar-auto-collapse:not(.sidebar-navigation-settings-open,.sidebar-context-menu-open) .sidebar:not(:hover):not(:focus-within) .sidebar-time-goal:before{height:40px!important;width:48px!important;display:grid!important;place-items:center!important;line-height:1!important}
}
/* V11.12b — verborgen volledige balk uit de grid-layout halen; dit voorkomt het lege vak */
@media(min-width:761px){
  html.sidebar-auto-collapse:not(.sidebar-navigation-settings-open,.sidebar-context-menu-open) .sidebar:not(:hover):not(:focus-within) #sidebarTimeGoal:not(.is-hidden){display:flex!important;align-items:center!important;justify-content:center!important}
  html.sidebar-auto-collapse:not(.sidebar-navigation-settings-open,.sidebar-context-menu-open) .sidebar:not(:hover):not(:focus-within) #sidebarTimeGoal .sidebar-time-goal-head,html.sidebar-auto-collapse:not(.sidebar-navigation-settings-open,.sidebar-context-menu-open) .sidebar:not(:hover):not(:focus-within) #sidebarTimeGoal .sidebar-time-goal-track,html.sidebar-auto-collapse:not(.sidebar-navigation-settings-open,.sidebar-context-menu-open) .sidebar:not(:hover):not(:focus-within) #sidebarTimeGoal .sidebar-time-goal-meta{display:none!important}
  html.sidebar-auto-collapse .sidebar:hover #sidebarTimeGoal .sidebar-time-goal-head,html.sidebar-auto-collapse .sidebar:focus-within #sidebarTimeGoal .sidebar-time-goal-head{display:flex!important}
  html.sidebar-auto-collapse .sidebar:hover #sidebarTimeGoal .sidebar-time-goal-track,html.sidebar-auto-collapse .sidebar:focus-within #sidebarTimeGoal .sidebar-time-goal-track{display:block!important}
  html.sidebar-auto-collapse .sidebar:hover #sidebarTimeGoal .sidebar-time-goal-meta,html.sidebar-auto-collapse .sidebar:focus-within #sidebarTimeGoal .sidebar-time-goal-meta{display:flex!important}
}
/* V11.13 — één correspondentieknop; mobiel alleen het plus-symbool */
.correspondence-header-actions{display:flex;align-items:center;gap:8px}
.correspondence-add-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px!important}
@media(max-width:760px){
  #v4body .correspondence-add-btn{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;border-radius:11px!important}
  #v4body .correspondence-add-label{display:none}
  #v4body .correspondence-add-symbol{display:block;font-size:18px!important;line-height:1!important}
}
/* V11.14 — mobiele geselecteerde dag niet dubbel tonen */
@media(max-width:760px){
  #uren .time-day-summary > .time-day-summary-date::after{content:none!important;display:none!important}
}
/* V11.14 — één compacte filterregel voor Relaties */
.relation-library-header{gap:16px;flex-wrap:wrap;align-items:flex-start}
.relation-library-filters{display:grid;grid-template-columns:minmax(190px,1fr) repeat(4,minmax(112px,auto));gap:7px!important;align-items:center;flex:1 1 680px;max-width:820px}
.relation-library-filters input,.relation-library-filters select{height:38px!important;min-height:38px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:var(--panel)!important;color:var(--text)!important;padding:0 10px!important;font-size:12px!important;min-width:0!important}
.relation-library-filters input{width:100%!important}
.relation-library-grid.compact-view{grid-template-columns:1fr!important;gap:6px!important;padding:10px 14px!important}
.relation-library-grid.compact-view .relation-library-item{grid-template-columns:32px minmax(0,1fr) auto!important;padding:8px 10px!important;border-radius:10px!important}
.relation-library-grid.compact-view .relation-library-avatar{width:32px!important;height:32px!important;border-radius:8px!important;font-size:10px!important}
.relation-library-grid.compact-view .relation-contact-meta{display:none!important}
.relation-library-grid.compact-view .relation-assigned,.relation-library-grid.compact-view .relation-unassigned{margin-top:3px!important}
@media(max-width:1100px){
  .relation-library-header{display:block}
  .relation-library-filters{max-width:none;margin-top:10px;grid-template-columns:minmax(190px,1fr) repeat(2,minmax(130px,1fr))}
}
@media(max-width:760px){
  .relation-library-filters{display:grid;grid-template-columns:1fr 1fr;width:100%!important;gap:7px!important}
  .relation-library-filters #relationSearchInputMobile{grid-column:1/-1}
  .relation-library-filters input,.relation-library-filters select{width:100%!important}
}
/* V11.15 — Relaties: desktop terug naar V11.13, mobiele compacte filters behouden */
.relations-mobile-tools{display:none}
@media(min-width:761px){
  /* V11.82: display:flex overschreef het grid van .unified-toolbar, inclusief de
     @media(max-width:900px) terugval. Zonder wrap pasten zoekveld, vier filters en
     Herstel niet naast elkaar op 1024px en werd de hele pagina horizontaal breder. */
  #relations .relations-desktop-toolbar{display:flex;flex-wrap:wrap;row-gap:7px!important}
  #relations .relations-desktop-toolbar>*{min-width:0!important;max-width:100%}
  #relations .relations-desktop-toolbar .unified-search{flex:1 1 190px}
  #relations .relations-desktop-toolbar select{flex:0 1 auto}
  #relations .relations-desktop-toolbar .btn{flex:0 0 auto}
  #relations .relations-desktop-tools{display:flex}
  #relations .relations-mobile-tools{display:none}
  #relations .relation-library-grid.compact-view{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:14px!important}
  #relations .relation-library-grid.compact-view .relation-library-item{grid-template-columns:38px minmax(0,1fr) auto!important;padding:11px!important;border-radius:12px!important}
  #relations .relation-library-grid.compact-view .relation-library-avatar{width:38px!important;height:38px!important;border-radius:10px!important;font-size:11px!important}
  #relations .relation-library-grid.compact-view .relation-contact-meta{display:block!important}
}
@media(max-width:760px){
  #relations .relations-desktop-toolbar{display:none}
  #relations .relations-desktop-tools{display:none}
  #relations .relations-mobile-tools{display:grid}
}
/* V11.16 — mobiel exact hetzelfde Instellingen-symbool als desktop */
@media(max-width:760px){
  /* Dashboard: knop Tegels beheren */
  #dashboard .dashboard-manage-tiles .manage-icon{display:inline-grid!important;place-items:center!important;font-size:0!important;font-family:inherit!important}
  #dashboard .dashboard-manage-tiles .manage-icon::before{content:"⚙︎"!important;display:block!important;font-family:Arial,Helvetica,sans-serif!important;font-size:17px!important;font-weight:400!important;line-height:1!important;color:currentColor!important}
  /* Mobiele linker zijbalk/drawer: Instellingen */
  #drawerNav button[data-view="settings"]>span:first-child{font-size:0!important;font-family:inherit!important}
  #drawerNav button[data-view="settings"]>span:first-child::before{content:"⚙︎"!important;display:grid!important;place-items:center!important;width:100%!important;height:100%!important;font-family:Arial,Helvetica,sans-serif!important;font-size:17px!important;font-weight:400!important;line-height:1!important;color:currentColor!important}
}
/* V11.19 — desktop Urenregistratie als één rustig, samenhangend overzicht */
@media(min-width:801px){
  #uren #timeRegistrationOverview{margin-top:2px}
  #uren .time-overview-layout{grid-template-columns:190px minmax(0,1fr);gap:0!important;overflow:visible;border:1px solid var(--line)!important;border-radius:15px!important;background:var(--panel)!important;box-shadow:0 1px 2px rgba(15,23,42,.025)!important}
  /* Linkerkolom vormt nu onderdeel van hetzelfde vlak. */
  #uren .time-day-list{border:0!important;border-right:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;padding:10px 8px!important;gap:3px!important;min-height:100%!important}
  #uren .time-day-head{padding:5px 7px 9px!important;border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent);margin-bottom:3px}
  #uren .time-day-head b{display:block;font-size:11px!important;line-height:1.25!important}
  #uren .time-day-head .meta{display:block;margin-top:2px;font-size:9px!important}
  #uren .time-day-list button{min-height:37px!important;padding:7px 8px!important;border-radius:8px!important;font-size:11px!important}
  #uren .time-day-list button b{font-size:10px!important}
  #uren .time-day-list button.active{background:color-mix(in srgb,var(--accent) 9%,transparent)!important;box-shadow:inset 2px 0 0 var(--accent)!important}
  #uren .time-day-content{padding:14px!important;background:transparent!important}
  /* Geselecteerde dag + totaal worden één kopregel, niet twee losse kaarten. */
  #uren .time-day-summary{min-height:58px!important;margin:0 0 12px;padding:0 2px 11px!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;display:flex;align-items:center;justify-content:space-between;gap:18px!important}
  #uren .time-day-summary-date{min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"meta calendar" "date calendar";column-gap:12px!important;align-items:center;flex:1 1 auto}
  #uren .time-day-summary-date>.meta{grid-area:meta;font-size:10px!important}
  #uren .time-selected-date-label{grid-area:date;margin:2px 0 0;font-size:17px!important;line-height:1.2!important}
  #uren .time-desktop-date-picker{grid-area:calendar;align-self:center}
  #uren .hours-day-total{min-width:auto!important;width:auto!important;min-height:0!important;padding:0 2px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--text)!important;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:2px!important;font-size:18px!important;font-weight:850!important;line-height:1!important;text-align:right}
  #uren .hours-day-total:before{content:"Totaal geregistreerd"!important;font-size:9px!important;font-weight:700!important;line-height:1!important;color:var(--muted)!important;white-space:nowrap!important}
  /* De registratietabel sluit aan op hetzelfde hoofdvlak. */
  #uren .time-day-content>.panel.v4-table{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;overflow:visible!important}
  #uren .time-day-content>.panel.v4-table table{border:1px solid var(--line)!important;border-radius:11px!important;overflow:hidden;background:var(--panel)!important}
  #uren .time-dblclick-hint{margin:7px 2px 0}
}
/* V11.20 — desktop Urenregistratie zonder losse kolom met recente dagen */
@media(min-width:801px){
  #uren .time-overview-layout{grid-template-columns:minmax(0,1fr)}
  #uren .time-day-list{display:none}
  #uren .time-day-content{width:100%!important}
}
/* V11.20 — dagen in de kleine agenda rechtsboven zijn echte acties */
@media(min-width:761px){
  .desktop-date-popover .mini-cal-day{cursor:pointer!important;transition:background .12s ease,color .12s ease,transform .12s ease}
  .desktop-date-popover .mini-cal-day:hover{background:color-mix(in srgb,var(--accent) 9%,var(--panel))!important;color:var(--accent)!important;transform:translateY(-1px)}
  .desktop-date-popover .mini-cal-day.today:hover{background:var(--accent)!important;color:#fff!important}
}
/* V11.21 — centrale AI, bronselectie, context, quick actions en AI-chat */
.desk-ai-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 10px}
.desk-ai-source-picker{position:relative}
.desk-ai-source-picker>summary{list-style:none;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);cursor:pointer;font-size:var(--bd-type-content,13px);font-weight:750}
.desk-ai-source-picker>summary::-webkit-details-marker{display:none}
.desk-ai-source-picker>summary b{min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 11%,var(--panel));color:var(--accent);font-size:var(--bd-type-small,11px)}
.desk-ai-chevron{font-size:10px;color:var(--muted)}
.desk-ai-source-menu{position:absolute;z-index:5000;top:40px;left:0;width:min(350px,calc(100vw - 36px));max-height:min(70vh,560px);overflow-y:auto;padding:10px;border:1px solid var(--line);border-radius:13px;background:var(--panel);box-shadow:0 14px 36px rgba(15,23,42,.16)}
.desk-ai-source-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px;border-radius:9px}
.desk-ai-source-row:hover{background:var(--bg)}
.desk-ai-source-row span{display:grid;gap:2px}
.desk-ai-source-row b{font-size:12px}
.desk-ai-source-row small{font-size:9px;color:var(--muted)}
.desk-ai-source-row input{width:17px;height:17px}
.desk-ai-scope-block{border-top:1px solid var(--line);margin:7px 0;padding:10px 8px 3px}
.desk-ai-scope-block[hidden],.desk-ai-scope-parts[hidden]{display:none}
.desk-ai-scope-block>label{display:block;font-size:12px;font-weight:700;margin-bottom:6px}
.desk-ai-scope-mode{width:100%;font-size:12px;min-height:34px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);padding:5px 8px}
.desk-ai-scope-parts{max-height:220px;overflow:auto;margin-top:6px}
.desk-ai-case-select{width:100%;height:36px;margin:1px 0 6px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);padding:0 8px;font-size:11px}
.desk-ai-fixed-context{margin:0 8px 6px;padding:7px 9px;border-radius:8px;background:var(--bg);font-size:10px;color:var(--muted)}
.desk-ai-internet-note{margin-top:5px;padding:8px;border-radius:8px;background:color-mix(in srgb,#f59e0b 7%,var(--panel));color:var(--muted);font-size:9px;line-height:1.35}
.desk-ai-context-chip{max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:30px;display:inline-flex;align-items:center;padding:0 9px;border-radius:9px;background:var(--bg);font-size:10px;color:var(--muted)}
.desk-ai-reset{height:30px;border:0;background:transparent;color:var(--muted);font-size:10px;cursor:pointer;padding:0 6px}
.desk-ai-reset:hover{color:var(--accent)}
.card.ai.desk-ai-has-conversations{padding:0}
.desk-ai-conversation-layout{--desk-ai-sidebar-width:232px;display:grid;grid-template-columns:var(--desk-ai-sidebar-width) minmax(0,1fr);min-height:450px;position:relative}
/* V17.28 — ingeklapt houdt de lijst, net als het ingeklapte e-mailvoorbeeldvenster, een eigen 24px-kolom
   met scheidingslijn; het pijltje staat daarop gecentreerd in plaats van half over de kaartrand. */
.desk-ai-conversation-layout[data-collapsed="true"]{grid-template-columns:24px minmax(0,1fr)}
.desk-ai-conversation-sidebar{min-width:0;padding:10px 8px;background:color-mix(in srgb,var(--bg) 72%,var(--panel));border-right:1px solid color-mix(in srgb,var(--line) 82%,transparent);display:flex;flex-direction:column}
.desk-ai-conversation-layout[data-collapsed="true"] .desk-ai-conversation-sidebar{display:none}
.desk-ai-conversation-list{display:flex;flex-direction:column;gap:3px;max-height:500px;overflow:auto}
.desk-ai-conversation-row{position:relative;border-radius:10px;overflow:hidden}
.desk-ai-conversation-item{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;text-align:left;width:100%;min-width:0;min-height:58px;padding:7px 40px 7px 12px;border:0;border-radius:10px;background:transparent;color:var(--text);cursor:pointer}
.desk-ai-conversation-row:hover .desk-ai-conversation-item{background:color-mix(in srgb,var(--panel) 74%,transparent)}
.desk-ai-conversation-row.active .desk-ai-conversation-item{background:var(--panel);box-shadow:0 1px 4px rgba(15,23,42,.075)}
.desk-ai-conversation-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.desk-ai-conversation-item strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.desk-ai-conversation-item small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.desk-ai-conversation-delete{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:26px;height:26px;min-width:26px;display:grid;place-items:center;padding:0;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:18px;line-height:1;cursor:pointer;opacity:0;visibility:hidden;pointer-events:none}
.desk-ai-conversation-row:hover .desk-ai-conversation-delete,.desk-ai-conversation-row:focus-within .desk-ai-conversation-delete{opacity:1;visibility:visible;pointer-events:auto}
.desk-ai-conversation-delete:hover,.desk-ai-conversation-delete:focus-visible{background:color-mix(in srgb,#dc2626 11%,var(--panel));color:#c92626;outline:none}
.desk-ai-conversation-delete:disabled{opacity:.5;cursor:default}
.desk-ai-conversation-main{min-width:0;padding:16px}
.desk-ai-conversation-toggle{position:absolute;z-index:17;left:var(--desk-ai-sidebar-width);top:11px;display:grid;place-items:center;width:24px;height:30px;padding:0;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--muted);cursor:pointer;transform:translateX(-50%);box-shadow:0 2px 8px rgba(15,23,42,.05)}
.desk-ai-conversation-toggle:hover,.desk-ai-conversation-toggle:focus-visible{border-color:color-mix(in srgb,var(--accent) 30%,var(--line));background:var(--bg);color:var(--accent);outline:none}
.desk-ai-conversation-toggle .email-side-chevron-icon{transform:rotate(180deg)}
.desk-ai-conversation-layout[data-collapsed="true"] .desk-ai-conversation-toggle{left:12px}
.desk-ai-conversation-layout[data-collapsed="true"] .desk-ai-conversation-toggle .email-side-chevron-icon{transform:none}
.desk-ai-conversation-layout[data-collapsed="true"] .desk-ai-conversation-main{grid-column:2}
html[data-appearance="dark"] .desk-ai-conversation-sidebar{background:#111b29}
html[data-appearance="dark"] .desk-ai-conversation-row:hover .desk-ai-conversation-item{background:#1b2939}
html[data-appearance="dark"] .desk-ai-conversation-row.active .desk-ai-conversation-item{background:#182433;box-shadow:none}
@media(max-width:760px){
 .desk-ai-conversation-layout{--desk-ai-sidebar-width:min(290px,calc(100vw - 52px));display:block;min-height:0}
 .desk-ai-conversation-sidebar{position:absolute;z-index:15;top:0;left:0;width:var(--desk-ai-sidebar-width);max-height:min(70vh,520px);border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 12px 30px rgba(15,23,42,.16)}
 .desk-ai-conversation-toggle{top:14px}
 .desk-ai-conversation-main{padding:14px}
 .desk-ai-conversation-layout[data-collapsed="true"] .desk-ai-conversation-main{padding-left:36px}
 .desk-ai-conversation-delete{opacity:1;visibility:visible;pointer-events:auto}
 #ai .desk-ai-conversation-main{height:100%}
 #ai .desk-ai-conversation-layout[data-collapsed="true"] .desk-ai-conversation-main{padding-left:24px}
}
.desk-ai-thread{display:flex;flex-direction:column;gap:10px;margin:12px 0;max-height:420px;overflow:auto}
.desk-ai-thread:empty{display:none}
.desk-ai-thread-message:not(.chat-message-row){max-width:88%;padding:10px 12px;border-radius:13px;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.desk-ai-thread-message.user:not(.chat-message-row){align-self:flex-end;background:#eaf1ff;color:#163c82}
.desk-ai-thread-message.ai:not(.chat-message-row){align-self:flex-start;background:var(--panel);border:1px solid var(--line);color:var(--text)}
.desk-ai-thread-message p{margin:0 0 9px}.desk-ai-thread-message p:last-child{margin-bottom:0}
.desk-ai-older{align-self:center}
/* V17.28 — de AI-pagina gebruikt de werkbalk, het berichtenvlak en de invoerbalk van de chatpagina
   (.chat-ai-tools, .chat-messages, .chat-compose) en de vaste hoogte van het chatvenster. Sinds V17.29 zonder
   de chatkop: de paginatitel noemt de AI-assistent al. */
#ai>.desk-ai-chat-card{padding:0;overflow:hidden;display:flex;flex-direction:column;height:clamp(420px,calc(100dvh - 185px),820px)}
#ai>.desk-ai-chat-card>.desk-ai-conversation-layout{flex:1 1 auto;min-height:0}
#ai .desk-ai-conversation-sidebar{min-height:0}
#ai .desk-ai-conversation-list{flex:1 1 auto;max-height:none}
#ai .desk-ai-conversation-main{display:flex;flex-direction:column;min-height:0;padding:0}
#ai .desk-ai-conversation-main>:not(.desk-ai-thread){flex-shrink:0}
#ai .desk-ai-chat-card .chat-ai-tools{padding-left:20px}
#ai .desk-ai-thread.chat-messages{flex:1 1 auto;margin:0;max-height:none}
#ai .desk-ai-thread.chat-messages:empty{display:flex}
#ai #aiAnswer2{margin:0 20px 10px}
#ai #deskAiGeneralAfter:not(:empty){margin:0 20px 8px}
#ai .chat-compose{grid-template-columns:minmax(0,1fr) 42px}
#ai .chat-compose .btn.primary{grid-column:2}
/* Mobiel na de basisregels, zodat de lagere kaarthoogte niet wordt overschreven; werkbalk, antwoordacties
   en invoerbalk beginnen op dezelfde 8px-lijn als de mobiele invoerbalk. Bronnen en Nieuw gesprek delen
   de eerste regel, de bronstatus staat eronder. */
@media(max-width:760px){
 #ai>.desk-ai-chat-card{height:clamp(420px,calc(100dvh - 306px - env(safe-area-inset-bottom)),700px)}
 #ai .desk-ai-chat-card .chat-ai-tools{padding-left:8px}
 #ai #aiAnswer2{margin:0 8px 10px}
 #ai #deskAiGeneralAfter:not(:empty){margin:0 8px 8px}
 #ai .desk-ai-chat-card .desk-ai-context-chip{order:1}
}
html[data-appearance="dark"] .desk-ai-thread-message.user:not(.chat-message-row){background:#21395c;color:#dbe9ff}
.desk-ai-quick{display:flex;gap:6px;flex-wrap:wrap;margin:-2px 0 10px}
.desk-ai-quick button{height:28px;padding:0 9px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);font-size:10px;font-weight:700;cursor:pointer}
.desk-ai-quick button:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));color:var(--accent)}
.desk-ai-answer-sources{margin-top:8px;padding:9px 10px;border-top:1px solid var(--line);font-size:var(--bd-type-meta,12px);color:var(--muted)}
.desk-ai-answer-sources>b{display:block;margin-bottom:6px;font-size:var(--bd-type-small,11px);text-transform:uppercase;letter-spacing:.04em}
.desk-ai-source-chips{display:flex;flex-wrap:wrap;gap:5px}
.desk-ai-source-chips span,.desk-ai-source-chips a{display:inline-flex;align-items:center;max-width:260px;padding:4px 7px;border-radius:8px;background:var(--bg);color:var(--muted);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.desk-ai-source-chips a:hover{color:var(--accent)}
.desk-ai-answer-sources small{display:block;margin-top:6px}
.desk-ai-use-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:8px 0 0;font-size:var(--bd-type-meta,12px);color:var(--muted)}
.desk-ai-use-actions button{height:25px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);font-size:9px;cursor:pointer;padding:0 8px}
.desk-ai-use-actions button:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}
#deskAiFloatingTools{padding:10px 12px 0;background:var(--panel);border-bottom:1px solid var(--line)}
#deskAiFloatingAfter{padding:0 12px;background:var(--panel)}
.chat-ai-tools{padding:9px 12px 0;border-bottom:1px solid var(--line);background:var(--panel)}
.chat-ai-tools[hidden]{display:none!important}
.chat-ai-avatar{background:color-mix(in srgb,var(--accent) 12%,var(--panel))!important;color:var(--accent)!important;font-size:16px!important;font-weight:850!important}
.chat-ai-mode{display:inline-flex;height:27px;align-items:center;padding:0 8px;border-radius:9px;background:color-mix(in srgb,var(--accent) 8%,var(--panel));color:var(--accent);font-size:10px;font-weight:800}
.desk-ai-thinking{opacity:.72}
@media(max-width:760px){
  .desk-ai-context-chip{max-width:calc(100vw - 170px)}
  .desk-ai-source-menu{position:fixed;left:14px;right:14px;top:var(--desk-ai-menu-top,auto);bottom:calc(92px + env(safe-area-inset-bottom));width:auto;max-height:none}
  .desk-ai-quick{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;scrollbar-width:none}
  .desk-ai-quick::-webkit-scrollbar{display:none}
  .desk-ai-quick button{white-space:nowrap}
}
/* V11.22 — subtiele meldingen bij gebruikersinitialen rechtsboven */
#mobileUser.topbar-user-notification-trigger{position:relative;cursor:pointer;user-select:none;flex:0 0 auto}
#topbarUserInitials{width:17px;height:17px;display:grid;place-items:center;color:currentColor}
#topbarUserInitials svg{width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(min-width:761px){
  #mobileUser.topbar-user-notification-trigger{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:10px;font-weight:850;margin-left:1px}
  #mobileUser.topbar-user-notification-trigger:hover{background:var(--bg);border-color:color-mix(in srgb,var(--accent) 26%,var(--line))}
}
.topbar-notification-count{position:absolute;right:-5px;top:-4px;min-width:16px;height:16px;padding:0 3px;box-sizing:border-box;display:grid;place-items:center;background:color-mix(in srgb,var(--panel) 88%,transparent);color:var(--muted);border:1px solid color-mix(in srgb,var(--muted) 32%,transparent);border-radius:999px;font-weight:750;line-height:1;letter-spacing:.01em;font-variant-numeric:tabular-nums;box-shadow:none}
.topbar-notification-count[hidden]{display:none!important}
.topbar-notification-panel{display:none;position:fixed;z-index:6200;width:min(350px,calc(100vw - 24px));max-height:min(520px,calc(100vh - 90px));overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--panel);color:var(--text);box-shadow:0 18px 44px rgba(15,23,42,.17)}
.topbar-notification-panel.open{display:block}
.topbar-notification-head{height:54px;padding:0 11px 0 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line)}
.topbar-notification-head>div{display:grid;gap:2px}
.topbar-notification-head b{font-size:12px;font-weight:800;line-height:1.3}
.topbar-notification-head span{--topbar-notification-text-size:11px;font-size:11px;font-weight:400;line-height:1.35;color:var(--muted)}
.topbar-notification-settings-btn{width:31px;height:31px;border:0;border-radius:9px;background:transparent;color:var(--muted);display:grid;place-items:center;font-size:15px;cursor:pointer}
.topbar-notification-settings-btn:hover,.topbar-notification-settings-btn.active{background:var(--bg);color:var(--accent)}
.topbar-notification-list{max-height:390px;overflow:auto;padding:6px}
.topbar-notification-item:hover{background:var(--bg)}
.topbar-notification-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 8%,var(--panel));color:var(--accent);font-size:13px}
.topbar-notification-copy{min-width:0;display:grid;gap:3px}
.topbar-notification-copy b{font-size:11px;font-weight:700;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar-notification-copy small{--topbar-notification-text-size:11px;font-size:11px;font-weight:500;line-height:1.35;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar-notification-empty{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:20px;color:var(--muted);text-align:center}
.topbar-notification-empty>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--bg);color:var(--accent)}
.topbar-notification-empty b{font-size:11px;color:var(--text)}
.topbar-notification-empty small{font-size:9px}
.topbar-notification-more{padding:8px 13px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}
.topbar-notification-settings{padding:7px}
.topbar-notification-settings-title{padding:8px 8px 7px;display:grid;gap:3px}
.topbar-notification-settings-title b{font-size:11px}
.topbar-notification-settings-title span{font-size:9px;color:var(--muted)}
.topbar-notification-setting-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 8px;border-radius:9px}
.topbar-notification-setting-row:hover{background:var(--bg)}
.topbar-notification-setting-row>span{display:grid;gap:2px}
.topbar-notification-setting-row b{font-size:10px}
.topbar-notification-setting-row small{font-size:8px;color:var(--muted)}
.topbar-notification-setting-row input{width:17px;height:17px}
html[data-appearance="dark"] .topbar-notification-panel{box-shadow:0 18px 46px rgba(0,0,0,.42)}
@media(max-width:760px){
  #mobileUser.topbar-user-notification-trigger{position:relative!important}
  .topbar-notification-count{right:-4px;top:-3px}
  .topbar-notification-panel{width:calc(100vw - 28px);max-height:calc(100vh - 120px)}
}
/* V11.24 — meldingsinstellingen op mobiel in betrouwbaar sheet */
@media(max-width:760px){
  .mobile-notification-settings-sheet{display:block;width:100%}
  .mobile-notification-settings-intro{margin-bottom:8px;font-size:11px!important;line-height:1.45!important}
  #sheet .mobile-notification-settings-sheet .topbar-notification-settings{display:block;padding:0!important;max-height:none;overflow:visible}
  #sheet .mobile-notification-settings-sheet .topbar-notification-settings-title{display:none}
  #sheet .mobile-notification-settings-sheet .topbar-notification-setting-row{display:flex;min-height:54px!important;padding:10px 4px!important;border-bottom:1px solid var(--line)!important;border-radius:0!important}
  #sheet .mobile-notification-settings-sheet .topbar-notification-setting-row:last-of-type{border-bottom:0!important}
  #sheet .mobile-notification-settings-sheet .topbar-notification-setting-row b{font-size:12px!important}
  #sheet .mobile-notification-settings-sheet .topbar-notification-setting-row small{margin-top:2px;font-size:10px!important;line-height:1.3!important}
  #sheet .mobile-notification-settings-sheet .topbar-notification-setting-row input{flex:0 0 auto;width:20px!important;height:20px!important}
  #sheet .mobile-notification-settings-sheet .form-actions{position:sticky;bottom:0;margin-top:12px;padding-top:10px!important;background:var(--panel)!important}
}
/* V11.26 — zwevende AI/tijdknoppen: tap opent, long-press + slepen verplaatst */
#floatingActions{display:flex;align-items:center;justify-content:flex-end;gap:10px;touch-action:none;-webkit-user-select:none;user-select:none}
#floatingAiBtn,#stableTimeBtn{touch-action:none;-webkit-tap-highlight-color:transparent;pointer-events:auto}
#floatingActions.floating-actions-armed #floatingAiBtn,#floatingActions.floating-actions-armed #stableTimeBtn{transform:scale(.97)}
#floatingActions.floating-actions-dragging{cursor:grabbing!important}
#floatingActions.floating-actions-dragging #floatingAiBtn,#floatingActions.floating-actions-dragging #stableTimeBtn{pointer-events:none!important}
@media(max-width:760px){
  #floatingAiPanel.open{display:flex!important;position:fixed!important;left:14px!important;right:14px!important;top:auto!important;bottom:calc(88px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;height:min(540px,calc(100dvh - 150px))!important;max-height:calc(100dvh - 150px)!important;z-index:10050!important;pointer-events:auto!important}
}
/* V11.27 — meldingsinstellingen: vensterknoppen op mobiel netjes tegen de rechterzijde */
@media(max-width:760px){
  #sheet.notification-settings-window .sheet-head{display:flex;align-items:center;justify-content:flex-start;gap:6px!important;width:calc(100% + 10px)!important;margin-right:-10px}
  #sheet.notification-settings-window .sheet-head h3{flex:1 1 auto;min-width:0!important;margin-right:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #sheet.notification-settings-window .sheet-minimize-btn{margin-left:0;margin-right:0;flex:0 0 42px!important}
  #sheet.notification-settings-window .sheet-head>button[onclick*="closeSheet"]{margin-left:0;margin-right:0;flex:0 0 42px!important}
}
/* V11.28 — nul bronnen betekent gewone algemene AI */
.desk-ai-no-source-hint{margin:0 0 6px;padding:8px 9px;border-radius:9px;background:var(--bg);color:var(--muted);font-size:9px;line-height:1.4}
/* V11.29 — meldingen: gelezen/verwijderen + mobiel wegvegen */
.topbar-notification-bulk{display:flex;align-items:center;justify-content:flex-end;gap:5px;padding:6px 7px 2px}
.topbar-notification-bulk button{--topbar-notification-button-size:11px;min-height:27px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:11px;font-weight:700;cursor:pointer}
.topbar-notification-bulk button:hover{background:var(--bg);color:var(--text)}
.topbar-notification-bulk button:disabled{opacity:.42;cursor:default;background:transparent}
.topbar-notification-swipe-wrap{position:relative;overflow:hidden;border-radius:10px;touch-action:pan-y}
.topbar-notification-swipe-bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;padding-right:17px;background:#b73b3b;color:#fff;font-size:9px;font-weight:800}
.topbar-notification-row{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 64px;align-items:center;background:var(--panel);transition:transform .14s ease}
.topbar-notification-item{width:100%;border:0;background:transparent;color:var(--text);display:grid;gap:9px;align-items:center;padding:9px 8px;border-radius:10px;text-align:left;cursor:pointer;grid-template-columns:30px minmax(0,1fr)!important;padding-right:4px}
.topbar-notification-actions{width:64px;height:100%;display:grid;grid-template-columns:34px 30px;align-items:center}
.topbar-notification-status{width:34px;height:28px;display:grid;place-items:center;align-self:center;justify-self:center;border:0;background:transparent;color:inherit;padding:0;border-radius:8px;cursor:pointer}
.topbar-notification-status:hover{background:var(--bg)}
.topbar-notification-status:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 65%,transparent);outline-offset:1px}
.topbar-notification-dismiss{width:28px;height:28px;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;align-self:center;justify-self:center;cursor:pointer;border-radius:8px;margin:0;padding:0;line-height:0}
.topbar-notification-dismiss svg{width:13px;height:13px;display:block;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round}
.topbar-notification-dismiss:hover{background:var(--bg);color:#b42318}
.topbar-notification-unread-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);display:block}
.topbar-notification-read-dot{width:6px;height:6px;border-radius:50%;display:block;background:transparent;border:1.5px solid color-mix(in srgb,var(--muted) 55%,transparent);box-sizing:border-box}
.topbar-notification-swipe-wrap.is-read .topbar-notification-item{opacity:.68}
.topbar-notification-swipe-wrap.is-read .topbar-notification-icon{background:var(--bg);color:var(--muted)}
.topbar-notification-swipe-wrap.is-dismissing{opacity:.55;transition:opacity .12s ease}
@media(max-width:760px){
  .topbar-notification-row{grid-template-columns:minmax(0,1fr) 64px}
  .topbar-notification-bulk{justify-content:space-between;padding:6px 7px 3px}
}
/* V14.12 — Instellingen: identieke bibliotheekkop en concrete zoekresultaten */
#settings .settings-library-card{overflow:visible}
#settings .settings-library-body{padding:14px}
#settings .settings-search-results{display:grid;gap:7px}
#settings .settings-search-results[hidden]{display:none!important}
#settings .settings-search-summary{padding:0 2px 6px;color:var(--muted);font-size:10px}
#settings .settings-search-result{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font:inherit;text-align:left;cursor:pointer}
#settings .settings-search-result:hover,#settings .settings-search-result:focus-visible{background:var(--bg);border-color:color-mix(in srgb,var(--accent) 30%,var(--line));outline:none}
#settings .settings-search-result-main{min-width:0;display:grid;gap:3px}
#settings .settings-search-result-main b{font-size:11px}
#settings .settings-search-result-main small{font-size:9px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#settings .settings-search-result-tab{flex:none;font-size:9px;color:var(--accent);font-weight:750}
#settings .settings-search-empty{padding:18px;border:1px dashed var(--line);border-radius:12px;background:var(--panel)}
#settings [data-settings-search-key].settings-search-focus{animation:settings-search-focus 1.6s ease}
@keyframes settings-search-focus{0%,35%{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent);border-radius:10px}100%{box-shadow:none}}
@media(max-width:760px){
  #settings .settings-search-result{align-items:flex-start}
  #settings .settings-search-result-main small{white-space:normal}
}
/* V11.31 — templates, documentworkflow en relatiekolommen */
.template-settings-intro{margin-bottom:10px}
.template-settings-toolbar{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}
.template-settings-section{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:12px}
.template-settings-section-head{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg)}
.template-settings-section-head b{font-size:12px}
.template-settings-section-head span{font-size:9px;color:var(--muted)}
.template-settings-row{display:flex;align-items:center;gap:12px;padding:11px 12px;border-top:1px solid var(--line)}
.template-settings-row.is-inactive{opacity:.6}
.template-settings-main{min-width:0;flex:1}
.template-settings-name{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.template-settings-preview{margin-top:5px;font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.template-settings-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.template-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.template-editor-grid label{display:grid;gap:5px;font-size:10px;color:var(--muted)}
.template-check-row{display:flex;gap:16px;flex-wrap:wrap;font-size:11px}
.template-check-row label{display:flex;align-items:center;gap:6px}
.template-token-toolbar{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
.template-token-toolbar>span{font-size:9px;color:var(--muted);font-weight:800;text-transform:uppercase}
.template-token-toolbar button{height:26px;padding:0 7px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--text);font-size:9px;cursor:pointer}
.template-token-toolbar .template-ai-token{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 25%,var(--line))}
.template-version-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px;border-bottom:1px solid var(--line)}
.document-create-menu{display:grid;gap:7px}
.document-create-menu>button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:11px;padding:11px;display:grid;grid-template-columns:34px 1fr;gap:10px;text-align:left;cursor:pointer}
.document-create-menu>button:hover{background:var(--bg);border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}
.document-create-menu>button>span{width:34px;height:34px;border-radius:9px;background:var(--bg);display:grid;place-items:center;color:var(--accent);font-size:16px}
.document-create-menu>button>span svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.document-create-menu>button div{display:grid;gap:2px}
.document-create-menu>button b{font-size:11px}
.document-create-menu>button small{font-size:9px;color:var(--muted)}
.document-template-picker{display:grid;gap:6px}
.document-template-picker>button{width:100%;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:10px;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}
.document-template-picker>button:hover{background:var(--bg)}
.document-template-picker>button div{display:grid;gap:3px}
.document-template-picker small{font-size:9px;color:var(--muted)}
.document-draft-meta,.document-detail-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.document-draft-meta>div,.document-detail-meta>div{padding:8px;border:1px solid var(--line);border-radius:9px;background:var(--bg);display:grid;gap:3px;min-width:0}
.document-draft-meta span,.document-detail-meta span{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.document-draft-meta b,.document-detail-meta b{font-size:10px;overflow:hidden;text-overflow:ellipsis}
.template-ai-fill-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--accent) 5%,var(--panel))}
.textblock-toolbar{display:flex;gap:6px;align-items:stretch;flex-wrap:wrap}
.textblock-toolbar select{min-width:180px;flex:1}
.docs-folder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:11px}
.docs-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.docs-document-table{width:100%;border-collapse:collapse;min-width:980px}
.docs-document-table th{font-size:9px;text-transform:uppercase;letter-spacing:.045em;color:var(--muted);text-align:left;padding:9px 10px;white-space:nowrap}
.docs-document-table td{padding:9px 10px;border-top:1px solid var(--line);vertical-align:middle;font-size:10px}
.docs-document-table tbody tr:hover{background:var(--bg)}
.document-name-link,.document-relation-link,.timeline-relation-link,.timeline-document-link{border:0;background:transparent;color:var(--text);font:inherit;font-weight:750;padding:0;cursor:pointer;text-align:left}
.document-name-link:hover,.document-relation-link:hover,.timeline-relation-link:hover,.timeline-document-link:hover{color:var(--accent);text-decoration:underline}
.docs-col-name{min-width:190px}
.docs-col-name small,.document-relation-cell small,.docs-document-table td small{display:block;margin-top:3px;font-size:8px;color:var(--muted)}
.document-index-status{display:flex;align-items:center;gap:6px;margin-top:3px;color:var(--muted);font-size:11px;font-weight:600;line-height:1.25;white-space:normal}
.document-index-status::before{content:"";width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:color-mix(in srgb,var(--muted) 62%,transparent)}
.document-index-status.uploading::before{background:#b45309}
.document-index-status.waiting::before,.document-index-status.processing::before{background:#d97706}
.document-index-status.indexed::before{background:#0f766e}
.document-index-status.failed::before{background:#dc2626}
.document-index-status[hidden]{display:none}
.docs-mobile-meta{display:none!important}
.document-relation-cell{min-width:145px}
.document-reference-cell{font-variant-numeric:tabular-nums;white-space:nowrap}
.document-type-badge{display:inline-flex;padding:3px 6px;border-radius:7px;background:var(--bg);font-weight:750}
.document-detail-title{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.document-detail-title b{font-size:15px}
.document-paper-preview{white-space:normal;line-height:1.6;padding:22px;border:1px solid var(--line);border-radius:10px;background:var(--panel);min-height:180px;font-size:11px}
.timeline-columns-head,.timeline-row{display:grid!important;column-gap:0!important;grid-template-columns:minmax(0,1fr) 210px 150px!important}
.timeline-columns-head>div:nth-child(2),.timeline-columns-head>div:nth-child(3),.timeline-relation,.timeline-user{border-left:1px solid var(--line)!important;padding-left:14px!important}
.timeline-relation{padding-right:12px;display:flex;flex-direction:column;gap:3px;min-width:0}
.timeline-relation small{font-size:9px;color:var(--muted)}
.form-split{display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media(max-width:760px){
  .template-settings-row{align-items:flex-start;flex-direction:column}
  .template-settings-actions{justify-content:flex-start}
  .template-editor-grid,.document-draft-meta,.document-detail-meta,.form-split{grid-template-columns:1fr}
  .docs-folder-grid{grid-template-columns:1fr}
  .docs-table-wrap{border:0;overflow:visible;background:transparent}
  .docs-document-table{min-width:0;display:block}
  .docs-document-table thead{display:none}
  .docs-document-table tbody{display:grid;gap:8px}
  .docs-document-table tr.docs-file-row{display:block;border:1px solid var(--line);border-radius:11px;background:var(--panel);padding:9px}
  .docs-document-table td{display:grid;grid-template-columns:88px minmax(0,1fr);gap:8px;border:0;padding:4px 2px;align-items:start}
  .docs-document-table td::before{content:attr(data-label);font-size:8px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:800}
  .docs-document-table .docs-col-name{display:block;padding:2px 2px 8px}
  .docs-document-table .docs-col-name::before{display:none}
  .docs-mobile-meta{display:block!important}
  .document-row-actions{display:flex!important;grid-template-columns:none!important;gap:5px!important;padding-top:7px!important}
  .document-row-actions::before{display:none}
  .timeline-columns-head{display:none!important}
  .timeline-row{display:grid!important;grid-template-columns:1fr!important;border-bottom:1px solid var(--line);padding:10px 0}
  .timeline-event{padding-right:0!important}
  .timeline-relation,.timeline-user{border-left:0!important;padding:6px 0 0!important;margin-top:5px;border-top:1px dashed var(--line)!important}
  .timeline-relation::before{content:"Relatie";font-size:8px;text-transform:uppercase;color:var(--muted);font-weight:800}
  .timeline-user::before{content:"Gebruiker";font-size:8px;text-transform:uppercase;color:var(--muted);font-weight:800;margin-right:7px}
  .timeline-user{display:flex!important;align-items:center!important;gap:5px}
}
/* V11.32 — correspondentietabel terug + primaire en extra documentrelaties */
.correspondence-email-table-wrap{padding:0!important;overflow:auto}
.correspondence-email-table{width:100%;border-collapse:collapse;min-width:820px}
.correspondence-email-table th{padding:10px 12px;text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:.045em;color:var(--muted);white-space:nowrap}
.correspondence-email-table td{padding:10px 12px;border-top:1px solid var(--line);font-size:10px;vertical-align:middle}
.correspondence-email-row{cursor:pointer}
.correspondence-email-row:hover{background:var(--bg)}
.correspondence-subject{min-width:220px}
.correspondence-subject small,.correspondence-email-table td small{display:block;margin-top:3px;font-size:8px;color:var(--muted)}
.correspondence-direction{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border-radius:7px;background:var(--bg);font-size:9px;font-weight:750}
.correspondence-direction.out::before{content:"↗"}
.correspondence-direction.in::before{content:"↙"}
.document-extra-relations{border:1px solid var(--line);border-radius:11px;padding:9px 10px}
.document-extra-relations>.relation-select-title{margin-bottom:6px}
.document-extra-relations>.relation-select-wrap{border:0;padding:0}
.document-extra-relation-chips{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}
.document-extra-relation-chips button{border:0;background:var(--bg);color:var(--muted);border-radius:6px;padding:2px 5px;font-size:8px;cursor:pointer}
.document-extra-relation-chips button:hover{color:var(--accent)}
@media(max-width:760px){
  .correspondence-email-table-wrap{border:0!important;background:transparent!important;overflow:visible!important}
  .correspondence-email-table{display:block;min-width:0}
  .correspondence-email-table thead{display:none}
  .correspondence-email-table tbody{display:grid;gap:8px}
  .correspondence-email-table tr.correspondence-email-row{display:block;border:1px solid var(--line);border-radius:11px;background:var(--panel);padding:8px}
  .correspondence-email-table td{display:grid;grid-template-columns:82px minmax(0,1fr);gap:7px;border:0;padding:4px 2px}
  .correspondence-email-table td::before{content:attr(data-label);font-size:8px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:800}
}
/* V11.33 — dossieroverzicht desktop rustiger + document verwijderen/verslepen */
.case-overview-summary .case-overview-section-head b,
.case-overview-finance .case-overview-section-head b{font-size:16px!important}
@media(min-width:761px){
  .case-overview-desktop{display:grid;gap:16px}
  .case-overview-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
  .case-overview-stat{min-height:92px!important;padding:15px 16px!important;display:flex;flex-direction:column;justify-content:center}
  .case-overview-stat .k{font-size:10px;text-transform:uppercase;letter-spacing:.045em;color:var(--muted);font-weight:800;margin-bottom:7px}
  .case-overview-stat .v{font-size:18px!important;line-height:1.25;font-weight:760;color:var(--text);overflow-wrap:anywhere}
  .case-overview-main{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.9fr);gap:12px;align-items:stretch}
  .case-overview-summary,.case-overview-finance{margin:0;padding:0!important;background:var(--panel)!important;border:1px solid var(--line)!important;overflow:hidden}
  .case-overview-section-head{height:45px;box-sizing:border-box;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:var(--panel)}
  .case-overview-section-head b{font-size:12px}
  .case-overview-summary-body{padding:15px 16px;line-height:1.55;color:var(--text);min-height:82px}
  .case-overview-finance .summary3{margin:0;padding:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .case-overview-finance .summary3>div{padding:11px 10px;border-radius:10px;background:var(--bg);min-width:0}
  .case-overview-finance .summary3 b{font-size:16px!important;white-space:nowrap}
  .case-overview-relations{margin:0;padding:0!important;overflow:hidden;background:var(--panel)!important}
  .case-overview-relations-head{height:48px;padding:0 16px!important;margin:0;border-bottom:1px solid var(--line)!important;display:flex;align-items:center}
  .case-overview-relations-body{padding:0 16px 4px}
  .overview-relation-row{grid-template-columns:minmax(220px,1.3fr) minmax(170px,.8fr) auto!important;gap:18px!important;padding:13px 2px!important}
  .overview-relation-main{padding-left:2px}
  .overview-relation-actions{display:flex;gap:6px;justify-content:flex-end}
  .overview-relations-empty{padding:16px 2px!important}
}
.docs-file-row[draggable="true"]{cursor:grab}
.docs-file-row.is-dragging{opacity:.45}
.docs-file-row.touch-drag-armed{opacity:.65;box-shadow:inset 0 0 0 2px var(--accent)}
.docs-folder-drop-target{transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}
.docs-folder-drop-target.drag-over{background:color-mix(in srgb,var(--accent) 9%,var(--panel))!important;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 45%,transparent)!important;border-color:color-mix(in srgb,var(--accent) 45%,var(--line))!important}
.document-delete-btn{color:#a62d2d!important}
.document-delete-btn:hover{background:#fff1f1!important;color:#8b1f1f!important}
.docs-tree-folder-row{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;border-radius:8px}
.docs-tree-folder-row .docs-folder-btn{min-width:0}
.docs-folder-delete{width:26px;height:26px;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer;display:grid;place-items:center;font-size:15px}
.docs-folder-delete:hover{background:#fff1f1;color:#a62d2d}
@media(max-width:760px){
  .case-overview-summary,.case-overview-finance,.case-overview-relations{background:var(--panel)!important}
  .case-overview-summary{padding:0!important}
  .case-overview-section-head{padding:12px 14px;border-bottom:1px solid var(--line)}
  .case-overview-summary-body{padding:13px 14px;line-height:1.5}
  .case-overview-finance{padding:0!important}
  .case-overview-finance .summary3{padding:10px;margin:0}
  .case-overview-relations-head{padding:10px 12px!important}
  .case-overview-relations-body{padding:0 12px}
  .overview-relation-row{padding:11px 0!important}
  .docs-file-row{touch-action:pan-y}
  .docs-file-row.touch-drag-armed{touch-action:none}
}
/* V11.34 — AI-chat op mobiel: antwoord duidelijk los van bronkeuze en vraag */
.chat-ai-answer-bubble{display:block;width:100%;min-width:0;padding:0!important;overflow:hidden;border-radius:13px!important}
.chat-ai-answer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px 8px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--accent) 5%,var(--panel))}
.chat-ai-answer-head>span{font-size:9px!important;line-height:1!important;font-weight:850;letter-spacing:.035em;text-transform:uppercase;color:var(--accent)}
.chat-ai-answer-head small{font-size:8px!important;color:var(--muted);white-space:nowrap}
.chat-ai-source-summary{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:7px 11px 0;color:var(--muted);font-size:8px}
.chat-ai-source-summary>span{font-size:8px!important;color:var(--muted)!important}
.chat-ai-source-summary>b{display:inline-flex;align-items:center;height:20px;padding:0 6px;border-radius:7px;background:var(--bg);color:var(--muted);font-size:8px;font-weight:750}
.chat-ai-answer-text{padding:11px 12px 13px;color:var(--text);overflow-wrap:anywhere;word-break:normal}
.chat-ai-answer-text p{margin:0 0 10px;font-size:12px;line-height:1.58}
.chat-ai-answer-text p:last-child{margin-bottom:0}
.chat-ai-answer-text h4{margin:12px 0 6px;font-size:12px;line-height:1.35;color:var(--text)}
.chat-ai-answer-text h4:first-child{margin-top:0}
.chat-ai-answer-text ul,.chat-ai-answer-text ol{margin:5px 0 11px;padding-left:20px}
.chat-ai-answer-text li{margin:0 0 5px;font-size:12px;line-height:1.52}
.chat-ai-answer-text strong{font-weight:800}
.chat-ai-answer-text code{padding:1px 4px;border-radius:5px;background:var(--bg);font-size:.92em}
@media(max-width:760px){
  #chat.mobile-chat-open .chat-message-row:not(.mine){max-width:100%!important;width:100%!important;align-items:flex-start!important}
  #chat.mobile-chat-open .chat-message-row:not(.mine) .chat-message-wrap{width:calc(100% - 31px)!important;max-width:none!important}
  #chat.mobile-chat-open .chat-message-row:not(.mine) .chat-ai-answer-bubble{width:100%!important;background:var(--panel)!important;box-shadow:0 1px 0 rgba(15,23,42,.03)}
  #chat.mobile-chat-open .chat-ai-answer-text{padding:13px 13px 15px!important}
  #chat.mobile-chat-open .chat-ai-answer-text p,#chat.mobile-chat-open .chat-ai-answer-text li{font-size:13px!important;line-height:1.6!important}
  #chat.mobile-chat-open .chat-ai-answer-text h4{font-size:13px!important}
  /* Bron- en snelkeuzes nemen boven het gesprek minder visuele ruimte in. */
  #chat.mobile-chat-open .chat-ai-tools{padding:7px 9px 5px!important}
  #chat.mobile-chat-open .desk-ai-toolbar{gap:5px!important;flex-wrap:nowrap!important}
  #chat.mobile-chat-open .desk-ai-context-chip{flex:1 1 auto!important;min-width:0!important;max-width:none!important;height:28px!important;font-size:var(--bd-type-small,11px)!important}
  #chat.mobile-chat-open .desk-ai-reset{flex:0 0 auto!important;height:28px!important;font-size:var(--bd-type-small,11px)!important}
  #chat.mobile-chat-open .desk-ai-source-picker summary{height:28px!important;padding:0 7px!important;font-size:var(--bd-type-small,11px)!important}
  #chat.mobile-chat-open .desk-ai-quick{margin:4px 0 2px!important;gap:5px!important}
  #chat.mobile-chat-open .desk-ai-quick button{height:25px!important;padding:0 7px!important;font-size:9px!important}
}
html[data-appearance="dark"] .chat-ai-answer-head{background:color-mix(in srgb,var(--accent) 8%,var(--panel))}
/* V11.35 — mobiele AI-chat: juiste grid en focus op het antwoord */
@media(max-width:760px){
  #chat.mobile-chat-open .chat-main:has(.chat-ai-tools:not([hidden])){grid-template-rows:58px auto minmax(0,1fr) auto!important}
  #chat.mobile-chat-open .chat-ai-tools{min-height:0!important;max-height:118px!important;overflow:visible!important}
  #chat.mobile-chat-open .chat-message-row:not(.mine):has(.chat-ai-answer-bubble)>.chat-message-avatar{display:none!important}
  #chat.mobile-chat-open .chat-message-row:not(.mine):has(.chat-ai-answer-bubble){width:100%!important;max-width:100%!important}
  #chat.mobile-chat-open .chat-message-row:not(.mine):has(.chat-ai-answer-bubble) .chat-message-wrap{width:100%!important;max-width:none!important}
  #chat.mobile-chat-open .chat-message-row:not(.mine):has(.chat-ai-answer-bubble) .chat-sender{margin-left:2px!important}
}
/* V11.35 — meldingsinstellingen: titel vult vrije ruimte, knoppen echt rechts */
@media(max-width:760px){
  #sheet.notification-settings-window .sheet-head{width:100%!important;margin-right:0;justify-content:flex-start}
  #sheet.notification-settings-window .sheet-head h3{flex:1 1 0;width:0!important;margin-right:6px}
  #sheet.notification-settings-window .sheet-minimize-btn{margin-left:auto;margin-right:6px}
  #sheet.notification-settings-window .sheet-head>button[onclick*="closeSheet"]{margin-left:0;margin-right:0}
}
/* V11.36 — meldingsinstellingen: vensterknoppen exact aan rechterzijde */
@media(max-width:760px){
  #sheet.notification-settings-window .sheet-head{position:relative!important;display:block;width:100%!important;min-height:44px!important;margin-right:0;padding-right:96px!important}
  #sheet.notification-settings-window .sheet-head h3{display:block;width:auto!important;margin:0;padding:10px 0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #sheet.notification-settings-window .sheet-minimize-btn{position:absolute!important;right:48px!important;top:0!important;margin:0;width:42px!important;height:42px!important}
  #sheet.notification-settings-window .sheet-head>button[onclick*="closeSheet"]{position:absolute!important;right:0!important;top:0!important;left:auto!important;margin:0;width:42px!important;height:42px!important}
}
/* V11.37 — zwevende AI op desktop: groter werkvenster, antwoord krijgt voorrang */
@media(min-width:761px){
  #floatingAiPanel{width:min(760px,calc(100vw - 72px))!important;height:min(780px,calc(100vh - 64px))!important;min-width:min(620px,calc(100vw - 72px))!important;min-height:min(600px,calc(100vh - 64px))!important;border-radius:16px!important}
  #floatingAiPanel .floating-ai-head{padding:13px 16px!important;flex:0 0 auto}
  #floatingAiPanel .floating-ai-body{min-height:0!important;display:flex;flex-direction:column}
  #deskAiFloatingTools{flex:0 0 auto;padding:9px 14px 4px!important}
  #deskAiFloatingTools .desk-ai-toolbar{margin-bottom:5px}
  #deskAiFloatingTools .desk-ai-quick{flex-wrap:nowrap;overflow-x:auto;margin:1px 0 5px;padding-bottom:2px!important}
  #deskAiFloatingTools .desk-ai-quick button{white-space:nowrap}
  #floatingAiConversation{min-height:300px!important;padding:18px!important;gap:12px!important}
  #floatingAiPanel .floating-ai-msg,#floatingAiPanel .floating-ai-welcome{max-width:92%}
  #deskAiFloatingAfter{flex:0 0 auto;max-height:145px;overflow:auto;padding:0 14px 7px!important}
  #floatingAiPanel .floating-ai-compose{flex:0 0 auto;padding:12px 14px 14px!important}
  #floatingAiPanel .floating-ai-compose textarea{min-height:48px!important;max-height:140px}
  #floatingAiPanel .desk-ai-source-menu{width:min(390px,calc(100vw - 90px))!important;max-height:min(470px,calc(100vh - 150px));overflow:auto}
}
.floating-ai-rich-answer{padding:0!important;overflow:hidden}
.floating-ai-answer-label{padding:8px 12px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--accent) 5%,var(--panel));color:var(--accent);font-size:9px;font-weight:850;letter-spacing:.035em;text-transform:uppercase}
.floating-ai-answer-content{padding:12px 14px 14px}
.floating-ai-answer-content p{margin:0 0 10px;line-height:1.58}
.floating-ai-answer-content p:last-child{margin-bottom:0}
.floating-ai-answer-content h4{margin:12px 0 6px;font-size:14px}
.floating-ai-answer-content ul,.floating-ai-answer-content ol{margin:5px 0 10px;padding-left:22px}
.floating-ai-answer-content li{margin:0 0 5px;line-height:1.5}
/* V11.38 — dashboardtaken en agenda-popups */
@media(min-width:761px){
  #dashboard #taskTable tr[data-task-id]{cursor:pointer}
  #dashboard #taskTable tr[data-task-id]:hover{background:var(--bg)}
  /* Agenda-detail gebruikt dezelfde strakke vensterknoppen als andere vensters. */
  #sheet.agenda-event-window .sheet-head{position:relative!important;display:block!important;min-height:46px!important;padding-right:98px!important}
  #sheet.agenda-event-window .sheet-head h3{margin:0!important;padding:11px 0!important;width:auto!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #sheet.agenda-event-window .sheet-minimize-btn{position:absolute!important;right:48px!important;top:2px!important;width:42px!important;height:42px!important;margin:0!important}
  #sheet.agenda-event-window .sheet-head>button[onclick*="closeSheet"]{position:absolute!important;right:0!important;top:2px!important;left:auto!important;width:42px!important;height:42px!important;margin:0!important}
}
.minimized-window-tray{position:fixed;right:18px;bottom:14px;z-index:260;flex-direction:column-reverse;align-items:flex-end;display:flex!important;gap:7px!important;flex-wrap:wrap!important;max-width:min(760px,calc(100vw - 28px))}
.context-menu-item:last-child span:last-child{color:inherit}
@media(max-width:760px){
  #sheet.agenda-event-window .sheet-head{position:relative!important;display:block!important;min-height:44px!important;padding-right:96px!important}
  #sheet.agenda-event-window .sheet-head h3{display:block!important;width:auto!important;margin:0!important;padding:10px 0!important}
  #sheet.agenda-event-window .sheet-minimize-btn{position:absolute!important;right:48px!important;top:0!important;width:42px!important;height:42px!important;margin:0!important}
  #sheet.agenda-event-window .sheet-head>button[onclick*="closeSheet"]{position:absolute!important;right:0!important;top:0!important;left:auto!important;width:42px!important;height:42px!important;margin:0!important}
}
/* V11.39 — afspraakpopup in dezelfde compacte stijl als taak bewerken.
   V12.55: de regel zelf verwijderd — #sheet.task-like-sheet .sheet-card{width:min(560px,...)}
   had geen !important en werd daardoor altijd overschreven door de generieke
   #sheet .sheet-card{width:...!important} regel elders. Met getComputedStyle bevestigd: ook
   bij een venster dat deze klasse wél krijgt (een afspraak bekijken) bleef de breedte 760px,
   nooit 560px. Nooit ergens effect gehad — puur dode opmaak. */
.task-like-popup{display:grid;gap:13px}
.task-like-popup .field{display:grid;gap:6px}
/* V13.87 — labels/velden hertekend zodat dit venster (taak, memo, afspraak) er hetzelfde
   uitziet als "Nieuwe e-mail" (.mail80-field) en "Nieuwe relatie" (.relation-editor-form):
   kleine hoofdletter-onderschriften boven compacte 38px-velden met dezelfde afronding en
   focusrand, in plaats van de eerdere grotere .form-velden (12px radius/padding) die hier
   naast stonden en rommelig oogden. */
.task-like-popup .field>label{font-size:9px;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;font-weight:800;color:var(--muted)}
.task-like-popup input:not([type="checkbox"]):not([type="radio"]),
.task-like-popup select,
.task-like-popup textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);font-family:inherit;font-size:11px;font-weight:500;line-height:1.3;outline:none}
.task-like-popup input:not([type="checkbox"]):not([type="radio"]),
.task-like-popup select{height:38px;min-height:38px;padding:0 10px}
.task-like-popup textarea{resize:vertical;min-height:100px;padding:9px 10px}
.task-like-popup input:focus,
.task-like-popup select:focus,
.task-like-popup textarea:focus{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 8%,transparent)}
/* De dossier-/relatiezoekbalk heeft eigen ruimte nodig voor het ⌕-icoon links en het
   wis-kruisje rechts; die padding blijft daarom hier expliciet staan, terwijl hoogte,
   afronding en lettergrootte gewoon meekomen uit de regel hierboven. */
.task-like-popup .task-entity-search-input.search input{padding-left:34px;padding-right:38px}
.task-like-popup .task-entity-search-input>span{top:50%;transform:translateY(-50%)}
.task-like-two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.task-like-popup-actions{display:flex;align-items:center;gap:8px;margin-top:3px}
.task-like-spacer{flex:1}
.task-like-delete{color:#a62d2d!important}
.agenda-unknown-help{color:var(--muted);font-size:9px;line-height:1.4;margin-top:1px}
#dashboard .dashboard-agenda-item{cursor:pointer}
#dashboard .dashboard-agenda-item:hover{background:var(--bg)}
@media(max-width:760px){
  .task-like-two-col{grid-template-columns:1fr}
  .task-like-popup-actions{flex-wrap:wrap}
  .task-like-spacer{display:none}
  .task-like-popup-actions .btn{flex:1 1 calc(50% - 5px)}
}
/* V11.40 — relaties: bewerken naast toewijzen + contextmenu */
.relation-library-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.relation-library-actions .btn{white-space:nowrap}
#relationLibrary .relation-library-item{cursor:default}
@media(max-width:760px){
  .relation-library-actions{width:100%;justify-content:flex-end;margin-top:8px}
  .relation-library-actions .btn{min-width:86px}
}
/* V11.42 — onderwerpregel-instellingen en automatische referenties */
.email-subject-settings{display:grid;gap:10px}
.email-subject-format-field{display:grid;gap:6px}
.email-subject-format-field>span{font-size:10px;font-weight:750}
.email-subject-format-field input{width:100%;box-sizing:border-box}
.email-subject-token-help{font-size:9px;line-height:1.5;color:var(--muted)}
.email-subject-token-help code{padding:2px 5px;border-radius:5px;background:var(--bg);color:var(--text)}
.email-subject-relation-lock{display:grid;grid-template-columns:auto 1fr;gap:3px 9px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
.email-subject-relation-lock>span{font-size:9px;color:var(--muted)}
.email-subject-relation-lock>b{font-size:9px}
.email-subject-relation-lock>small{grid-column:1/-1;color:var(--muted);font-size:9px;line-height:1.45}
.email-subject-preview{display:grid;gap:4px;padding:9px 10px;border-radius:10px;background:color-mix(in srgb,var(--accent) 5%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 16%,var(--line))}
.email-subject-preview>span{font-size:8px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:800}
.email-subject-preview>b{font-size:10px;line-height:1.45}
@media(max-width:760px){
  .email-subject-relation-lock{grid-template-columns:1fr}
  .email-subject-relation-lock>small{grid-column:auto}
}
/* V11.43 — aanhef per relatie */
.relation-salutation-fields label{display:grid;gap:5px;font-size:10px;font-weight:700}
.relation-salutation-custom{display:grid}
.relation-profile-salutation{display:flex;align-items:center;gap:7px;margin-top:8px;padding:6px 8px;width:max-content;max-width:100%;border-radius:8px;background:var(--bg)}
.relation-profile-salutation span{color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.relation-profile-salutation b{font-size:9px}
/* V11.44 — slimme naamkeuze in aanhef */
/* V11.45 — Nederlandse spellingscontrole */
.dutch-spellcheck-settings{display:grid;gap:10px}
.spellcheck-preview-field{display:grid;gap:6px}
.spellcheck-preview-field>span{font-size:9px;font-weight:750;color:var(--muted)}
.spellcheck-preview-field textarea{width:100%;min-height:58px;box-sizing:border-box;resize:vertical}
.spellcheck-browser-note{line-height:1.45}
/* V11.46 — rijke e-mailhandtekeningen */
.email-signature-settings{display:grid;gap:11px;margin-top:16px}
.email-signature-heading{display:grid;gap:8px}
.email-signature-enable{margin:0!important}
.email-signature-toolbar{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:7px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
.email-signature-toolbar select{height:30px;min-width:105px;padding:0 7px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--text);font-size:9px}
.email-signature-toolbar button{width:30px;height:30px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--text);cursor:pointer}
.email-signature-toolbar button:hover{background:color-mix(in srgb,var(--accent) 6%,var(--panel));border-color:color-mix(in srgb,var(--accent) 28%,var(--line))}
.email-signature-color{width:30px;height:30px;position:relative;border:1px solid var(--line);border-radius:7px;background:var(--panel);display:grid;place-items:center;overflow:hidden;cursor:pointer}
.email-signature-color span{font-weight:800;text-decoration:underline}
.email-signature-color input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.email-signature-editor{min-height:135px;padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--text);outline:none;line-height:1.45;overflow:auto}
.email-signature-editor:focus{border-color:color-mix(in srgb,var(--accent) 48%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}
.email-signature-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}
.email-signature-editor-footer>div{display:flex;gap:6px;flex:0 0 auto}
.email-compose-signature{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel)}
.email-compose-signature-toggle{display:flex;align-items:center;gap:7px;padding:7px 10px;background:var(--bg);border-bottom:1px solid var(--line);font-size:9px;font-weight:700}
.email-compose-signature-preview{padding:11px 12px;line-height:1.45;max-height:180px;overflow:auto}
.email-message-body{margin-top:12px;line-height:1.55;white-space:normal}
.email-message-signature{margin-top:17px;padding-top:12px;border-top:1px solid var(--line);line-height:1.45}
@media(max-width:760px){
  .email-signature-editor-footer{align-items:flex-start;flex-direction:column}
  .email-signature-editor-footer>div{width:100%;justify-content:flex-end}
  .email-signature-toolbar select{min-width:92px;flex:1}
}
/* V11.47 — uitgebreid relatieprofiel */
.relation-details-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;margin-top:10px}
.relation-details-summary>div{display:grid;gap:2px;padding:7px 8px;border-radius:8px;background:var(--bg);min-width:0}
.relation-details-summary span{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.035em;font-weight:800}
.relation-details-summary b{font-size:9px;overflow-wrap:anywhere}
@media(max-width:760px){
  .relation-details-summary{grid-template-columns:1fr}
}
/* V11.51 — directe PDOK adresaanvulling */
.relation-iban-field{position:relative}
.relation-iban-field input.is-valid{border-color:#2f855a!important}
.relation-iban-field input.is-invalid{border-color:#c53030!important}
.relation-iban-field input.is-valid+.relation-iban-status{color:#2f855a}
.relation-iban-field input.is-invalid+.relation-iban-status{color:#c53030}
.relation-address-lookup-status[data-state="success"]{color:#2f855a}
.relation-address-lookup-status[data-state="error"]{color:#c53030}
.relation-address-lookup-status[data-state="warning"]{color:#9c640c}
.pdok-address-settings{display:grid;gap:10px}
.pdok-address-config-note{display:grid;grid-template-columns:1fr auto;gap:5px 9px;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
.pdok-address-config-note>b,.pdok-address-config-note>.meta:first-of-type{grid-column:1/-1}
.pdok-address-config-note code{padding:2px 5px;border-radius:5px;background:var(--panel);color:var(--text)}
.relation-maps-btn{margin-top:8px}
@media(max-width:560px){
  .pdok-address-config-note{grid-template-columns:1fr}
  .pdok-address-config-note>*{grid-column:auto!important}
}
/* V11.52 — rustige en consistente relatie-editor */
#sheet:has(.relation-editor-form) .sheet-card{width:min(760px,calc(100vw - 32px))!important;max-height:min(900px,calc(100vh - 32px))}
.relation-editor-form{display:grid;gap:12px!important}
.relation-editor-form .relation-editor-tabs{margin:0 0 2px!important;max-width:100%;overflow-x:auto;scrollbar-width:none}
.relation-editor-form .relation-editor-tabs::-webkit-scrollbar{display:none}
.relation-editor-form .relation-editor-tabs button{white-space:nowrap}
.relation-editor-tab-panel{display:grid;gap:12px;min-width:0}
.relation-editor-tab-panel[hidden]{display:none!important}
.relation-case-specific-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.relation-case-note-field{grid-column:1/-1}
.relation-editor-general-sync-note{margin-top:0}
.relation-editor-section{border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden;padding:0!important}
.relation-editor-section-head{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px;border-bottom:1px solid var(--line);background:var(--panel)}
.relation-editor-section-head>div{display:flex;align-items:baseline;gap:7px}
.relation-editor-section-head b{font-size:11px!important;line-height:1.2}
.relation-editor-section-head span{font-size:8px!important;color:var(--muted);font-weight:650}
.relation-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;padding:13px 14px}
.relation-editor-form label,.relation-editor-form .relation-salutation-fields label,.relation-editor-form .relation-address-grid-clean label{display:grid!important;gap:5px!important;min-width:0;font-size:9px!important;line-height:1.2!important;color:var(--muted)!important;font-weight:750!important}
.relation-editor-form input:not([type="checkbox"]):not([type="radio"]),.relation-editor-form select,.relation-editor-form textarea{width:100%!important;box-sizing:border-box;border:1px solid var(--line)!important;border-radius:8px!important;background:var(--panel)!important;color:var(--text)!important;font-family:inherit!important;font-size:11px!important;font-weight:500!important;line-height:1.3!important;outline:none}
.relation-editor-form input:not([type="checkbox"]):not([type="radio"]),.relation-editor-form select{height:38px!important;min-height:38px!important;padding:0 10px!important}
.relation-editor-form textarea{min-height:88px!important;padding:9px 10px!important;resize:vertical}
.relation-editor-form input:focus,.relation-editor-form select:focus,.relation-editor-form textarea:focus{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 8%,transparent)!important}
.relation-name-field{grid-column:span 1}
.relation-salutation-fields{margin:0 14px 13px;padding:11px 12px!important;border:1px solid var(--line)!important;border-radius:9px!important;background:var(--bg)!important;display:grid;grid-template-columns:1fr 1fr;gap:8px 10px!important}
.relation-address-section{background:var(--panel)!important}
.relation-pdok-status{display:inline-flex;align-items:center;height:21px;padding:0 7px;border-radius:7px;background:color-mix(in srgb,var(--accent) 8%,var(--panel));color:var(--accent)!important;font-size:8px!important;font-weight:800!important}
.relation-address-grid-clean{display:grid;grid-template-columns:125px 100px minmax(190px,1.4fr) minmax(150px,1fr) 120px;gap:10px;padding:13px 14px 8px;background:var(--panel)!important}
.relation-address-grid-clean input{background:var(--panel)!important}
.relation-address-actions-clean{display:flex;align-items:center;gap:9px;min-height:34px;padding:0 14px 12px;background:var(--panel)!important}
.relation-address-lookup-status{line-height:1.35}
.relation-finance-grid{grid-template-columns:minmax(260px,1fr) 1fr}
.relation-iban-status{color:var(--muted);min-height:11px!important;font-size:8px!important;font-weight:500!important}
.relation-closing-grid{grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr)}
.relation-note-field textarea{min-height:96px!important}
.relation-sync-note{margin:0 14px 13px;padding:9px 10px;border-radius:8px;background:var(--bg);color:var(--muted);font-size:8px;line-height:1.45}
.relation-ccbr-grid{grid-template-columns:minmax(0,1fr) minmax(180px,.7fr)}
.relation-ccbr-note-field{grid-column:1/-1}
.relation-ccbr-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 14px 10px}
.relation-ccbr-actions .meta{font-size:8px;text-align:right}
.relation-editor-section>.relation-note-field{margin:13px 14px}
.relation-editor-footer{display:flex;justify-content:flex-end;padding-top:2px}
.relation-editor-footer .btn.primary{min-width:150px}
@media(max-width:900px){
  .relation-address-grid-clean{grid-template-columns:1fr 1fr}
  .relation-address-street-clean{grid-column:1/-1}
}
@media(max-width:760px){
  #sheet:has(.relation-editor-form) .sheet-card{width:calc(100vw - 18px)!important}
  .relation-editor-grid,.relation-closing-grid,.relation-salutation-fields,.relation-address-grid-clean,.relation-ccbr-grid{grid-template-columns:1fr}
  .relation-case-specific-grid{grid-template-columns:1fr!important}
  .relation-case-note-field{grid-column:auto}
  .relation-ccbr-note-field{grid-column:auto}
  .relation-ccbr-actions{align-items:flex-start;flex-direction:column;margin-left:11px;margin-right:11px}
  .relation-ccbr-actions .meta{text-align:left}
  .relation-address-street-clean{grid-column:auto}
  .relation-address-actions-clean{align-items:flex-start;flex-direction:column}
  .relation-editor-section-head{padding:0 11px}
  .relation-editor-grid,.relation-address-grid-clean{padding-left:11px;padding-right:11px}
  .relation-salutation-fields{margin-left:11px;margin-right:11px}
  .relation-editor-section>.relation-note-field{margin-left:11px;margin-right:11px}
  .relation-editor-footer .btn.primary{width:100%}
}
/* V11.53 — PDOK helpertekst gelijk aan overige formulierhulp */
.relation-editor-form .relation-address-actions-clean .relation-address-lookup-status{font-size:8px!important;line-height:1.4!important;font-weight:500!important;color:var(--muted)!important}
.relation-editor-form .relation-address-actions-clean .relation-address-lookup-status[data-state="success"]{color:#2f855a!important}
.relation-editor-form .relation-address-actions-clean .relation-address-lookup-status[data-state="warning"]{color:#9c640c!important}
.relation-editor-form .relation-address-actions-clean .relation-address-lookup-status[data-state="error"]{color:#c53030!important}
/* V11.54 — knop Adres opzoeken exact gelijk aan overige kleine formulierknoppen */
.relation-editor-form .relation-address-actions-clean .btn.small{height:28px!important;min-height:28px!important;padding:0 8px!important;border-radius:7px!important;font-family:inherit!important;font-size:9px!important;line-height:1!important;font-weight:700!important;white-space:nowrap}
/* V11.55 — aanhefvorm gelijkgetrokken met overige relatievelden */
.relation-editor-form .relation-salutation-fields{margin:0;padding:0 14px 13px!important;border:0!important;border-radius:0!important;background:var(--panel)!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px!important}
.relation-editor-form .relation-salutation-fields label{display:grid!important;gap:5px!important;min-width:0;font-size:9px!important;line-height:1.2!important;color:var(--muted)!important;font-weight:750!important}
@media(max-width:760px){
  .relation-editor-form .relation-salutation-fields{grid-template-columns:1fr;padding-left:11px!important;padding-right:11px!important}
}
/* V11.56 — voorbeeld aanhef als normaal formulieronderdeel */
.relation-editor-form .relation-salutation-preview-field{grid-column:1/-1;display:grid!important;gap:5px!important}
.relation-editor-form .relation-salutation-preview{width:100%;height:38px;min-height:38px;box-sizing:border-box;display:flex;align-items:center;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);font-family:inherit;font-size:11px!important;font-weight:500!important;line-height:1.3!important}
@media(max-width:760px){
  .relation-editor-form .relation-salutation-preview-field{grid-column:auto}
}
/* V13.96 — één direct klikbaar slot met drie standen. Open = ontgrendeld; gesloten + pijl links/rechts = vast ingeklapt/uitgeklapt. */
.sidebar-collapse-lock{position:relative;align-self:flex-end;flex:0 0 28px;margin:0 8px 8px;z-index:12;width:28px;height:28px;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(255,255,255,.055);color:#cbd7e7;display:grid;place-items:center;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}
.sidebar-collapse-lock:hover{background:rgba(255,255,255,.11);color:#fff;border-color:rgba(255,255,255,.25)}
.sidebar-collapse-lock.active{background:color-mix(in srgb,var(--accent) 30%,rgba(255,255,255,.08));border-color:color-mix(in srgb,var(--accent) 70%,rgba(255,255,255,.2));color:#fff}
.sidebar-collapse-lock svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sidebar-collapse-lock .sidebar-lock-direction{stroke-width:1.55}
@media(min-width:761px){
  html.sidebar-auto-collapse .sidebar .sidebar-collapse-lock{align-self:flex-start;margin:0 0 8px 10px}
  html.sidebar-auto-collapse:not(.sidebar-navigation-settings-open,.sidebar-context-menu-open) .sidebar:not(:hover):not(:focus-within) .sidebar-collapse-lock,html.sidebar-locked-collapsed .sidebar .sidebar-collapse-lock{align-self:center;width:28px;height:28px}
  html.sidebar-locked-collapsed .app{grid-template-columns:68px minmax(0,1fr)!important}
  html.sidebar-locked-collapsed .sidebar,html.sidebar-locked-collapsed .sidebar:hover,html.sidebar-locked-collapsed .sidebar:focus-within{width:68px!important;padding-left:10px!important;padding-right:10px!important;overflow:visible!important;box-shadow:none!important}
  html.sidebar-locked-collapsed .sidebar .brand.brand-clean,html.sidebar-locked-collapsed .sidebar:hover .brand.brand-clean,html.sidebar-locked-collapsed .sidebar:focus-within .brand.brand-clean{height:52px!important;min-height:52px!important;padding:0!important;margin:0 0 8px!important;overflow:hidden!important}
  html.sidebar-locked-collapsed .sidebar .brand-copy,html.sidebar-locked-collapsed .sidebar:hover .brand-copy,html.sidebar-locked-collapsed .sidebar:focus-within .brand-copy{opacity:0!important;visibility:hidden!important;padding-left:0!important}
  html.sidebar-locked-collapsed .sidebar .nav,html.sidebar-locked-collapsed .sidebar:hover .nav,html.sidebar-locked-collapsed .sidebar:focus-within .nav{width:48px!important;margin:0 auto 8px!important;padding:0!important;gap:var(--bd-sidebar-nav-gap)!important;overflow-x:hidden!important}
  html.sidebar-locked-collapsed .sidebar .nav>button,html.sidebar-locked-collapsed .sidebar:hover .nav>button,html.sidebar-locked-collapsed .sidebar:focus-within .nav>button{width:48px!important;height:var(--bd-sidebar-nav-item)!important;min-height:var(--bd-sidebar-nav-item)!important;padding:0!important;margin:0!important;gap:0!important;display:grid!important;grid-template-columns:48px!important;place-items:center!important}
  html.sidebar-locked-collapsed .sidebar .nav>button>span:first-child{width:48px!important;height:var(--bd-sidebar-nav-item)!important;display:grid!important;place-items:center!important}
  html.sidebar-locked-collapsed .sidebar .nav .nav-label,html.sidebar-locked-collapsed .sidebar .nav .nav-count,html.sidebar-locked-collapsed .sidebar .nav-recent-cases{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
  html.sidebar-locked-collapsed .sidebar .nav-recent-cases{display:none!important}
  html.sidebar-locked-collapsed .sidebar-nav-chevron,html.sidebar-locked-collapsed .sidebar-nav-submenu{display:none}
  html.sidebar-locked-collapsed .sidebar #sidebarTimeGoal:not(.is-hidden){width:48px!important;height:40px!important;min-height:40px!important;margin:0 auto 8px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}
  html.sidebar-locked-collapsed .sidebar #sidebarTimeGoal:before{content:attr(data-collapsed-percent)!important;width:48px!important;height:40px!important;display:grid!important;place-items:center!important;font-size:12px!important;font-weight:850!important;color:#fff!important}
  html.sidebar-locked-collapsed .sidebar #sidebarTimeGoal .sidebar-time-goal-head,html.sidebar-locked-collapsed .sidebar #sidebarTimeGoal .sidebar-time-goal-track,html.sidebar-locked-collapsed .sidebar #sidebarTimeGoal .sidebar-time-goal-meta{display:none!important}
  html.sidebar-locked-collapsed .sidebar .sidebar-profile,html.sidebar-locked-collapsed .sidebar:hover .sidebar-profile,html.sidebar-locked-collapsed .sidebar:focus-within .sidebar-profile{width:48px!important;min-height:50px!important;margin:0 auto!important;padding:8px 7px 2px!important;justify-content:center!important;gap:0!important}
  html.sidebar-locked-collapsed .sidebar-profile-copy,html.sidebar-locked-collapsed .sidebar-profile-chevron{opacity:0!important;visibility:hidden!important;pointer-events:none!important;position:absolute!important}
}
@media(max-width:760px){
  .sidebar-collapse-lock{display:none}
}
/* V11.61 — vergrendelde zijbalk: percentage passief + profielmenu netjes buiten rail */
@media(min-width:761px){
  html.sidebar-locked-collapsed #sidebarTimeGoal{pointer-events:auto!important;cursor:pointer!important;transition:none!important;transform:none!important}
  html.sidebar-locked-collapsed #sidebarTimeGoal:hover,html.sidebar-locked-collapsed #sidebarTimeGoal:focus,html.sidebar-locked-collapsed #sidebarTimeGoal:focus-within{width:48px!important;height:40px!important;min-height:40px!important;padding:0!important;margin:0 auto 8px!important;box-shadow:none!important;transform:none!important}
  html.sidebar-locked-collapsed .sidebar-profile{overflow:visible!important}
  html.sidebar-locked-collapsed .sidebar-user-menu.locked-sidebar-menu{display:block!important;left:calc(100% + 12px)!important;right:auto!important;bottom:0!important;width:188px!important;min-width:188px!important;padding:6px!important;border:1px solid var(--line)!important;border-radius:11px!important;background:var(--panel)!important;color:var(--text)!important;box-shadow:0 16px 40px rgba(9,26,46,.20)!important;z-index:120!important}
  html.sidebar-locked-collapsed .sidebar-user-menu.locked-sidebar-menu:before{content:"";position:absolute;left:-6px;bottom:16px;width:10px;height:10px;background:var(--panel);border-left:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg)}
  html.sidebar-locked-collapsed .sidebar-user-menu.locked-sidebar-menu button{width:100%!important;min-height:34px!important;padding:8px 9px!important;border-radius:7px!important;font-size:11px!important;line-height:1.2!important;color:var(--text)!important;white-space:nowrap!important}
  html.sidebar-locked-collapsed .sidebar-user-menu.locked-sidebar-menu button:hover{background:var(--bg)!important}
  html.sidebar-locked-collapsed .sidebar-user-menu.locked-sidebar-menu button.logout{color:#b42318!important}
  html.sidebar-locked-collapsed .sidebar-user-menu.locked-sidebar-menu .sidebar-user-menu-sep{background:var(--line)!important;margin:5px!important}
}
/* V11.62 — vergrendelde zijbalk: percentage blijft altijd zichtbaar + profielmenu behoudt standaardstijl */
@media(min-width:761px){
  /* Oudere hover-regels van de automatische zijbalk mogen in lock-modus nooit winnen. */
  html.sidebar-locked-collapsed .sidebar:hover #sidebarTimeGoal:not(.is-hidden),html.sidebar-locked-collapsed .sidebar:focus-within #sidebarTimeGoal:not(.is-hidden),html.sidebar-locked-collapsed .sidebar #sidebarTimeGoal:not(.is-hidden){width:48px!important;height:40px!important;min-height:40px!important;margin:0 auto 8px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
  html.sidebar-locked-collapsed .sidebar:hover #sidebarTimeGoal:before,html.sidebar-locked-collapsed .sidebar:focus-within #sidebarTimeGoal:before,html.sidebar-locked-collapsed .sidebar #sidebarTimeGoal:before{content:attr(data-collapsed-percent)!important;display:grid!important;place-items:center!important;width:48px!important;height:40px!important;opacity:1!important;visibility:visible!important;color:#fff!important;font-size:12px!important;font-weight:850!important;line-height:1!important}
  html.sidebar-locked-collapsed .sidebar:hover #sidebarTimeGoal .sidebar-time-goal-head,html.sidebar-locked-collapsed .sidebar:hover #sidebarTimeGoal .sidebar-time-goal-track,html.sidebar-locked-collapsed .sidebar:hover #sidebarTimeGoal .sidebar-time-goal-meta,html.sidebar-locked-collapsed .sidebar:focus-within #sidebarTimeGoal .sidebar-time-goal-head,html.sidebar-locked-collapsed .sidebar:focus-within #sidebarTimeGoal .sidebar-time-goal-track,html.sidebar-locked-collapsed .sidebar:focus-within #sidebarTimeGoal .sidebar-time-goal-meta,html.sidebar-locked-collapsed .sidebar #sidebarTimeGoal .sidebar-time-goal-head,html.sidebar-locked-collapsed .sidebar #sidebarTimeGoal .sidebar-time-goal-track,html.sidebar-locked-collapsed .sidebar #sidebarTimeGoal .sidebar-time-goal-meta{display:none!important;opacity:0!important;visibility:hidden!important}
  /* Profielmenu: exact dezelfde visuele stijl als bij de uitgeklapte zijbalk.
     Alleen de positie wijzigt zodat het naast de compacte rail opent. */
  html.sidebar-locked-collapsed .sidebar-user-menu.locked-sidebar-menu{left:calc(100% + 12px)!important;right:auto!important;bottom:0!important;width:188px!important;min-width:188px!important;padding:6px!important;background:#fff!important;border:1px solid #dce3ec!important;border-radius:12px!important;box-shadow:0 14px 35px rgba(15,23,42,.2)!important;color:#26364d!important}
  html.sidebar-locked-collapsed .sidebar-user-menu.locked-sidebar-menu:before{display:none!important;content:none!important}
  html.sidebar-locked-collapsed .sidebar-user-menu.locked-sidebar-menu button{width:100%!important;border:0!important;background:transparent!important;text-align:left!important;border-radius:8px!important;padding:9px 10px!important;cursor:pointer!important;font:inherit!important;color:inherit!important;min-height:0!important}
  html.sidebar-locked-collapsed .sidebar-user-menu.locked-sidebar-menu button:hover{background:#f3f6fa!important}
  html.sidebar-locked-collapsed .sidebar-user-menu.locked-sidebar-menu button.logout{color:#b42318!important}
  html.sidebar-locked-collapsed .sidebar-user-menu.locked-sidebar-menu .sidebar-user-menu-sep{height:1px!important;background:#e8edf3!important;margin:5px!important}
  html[data-appearance="dark"].sidebar-locked-collapsed .sidebar-user-menu.locked-sidebar-menu{background:var(--panel)!important;border-color:var(--line)!important;color:var(--text)!important}
  html[data-appearance="dark"].sidebar-locked-collapsed .sidebar-user-menu.locked-sidebar-menu button:hover{background:var(--bg)!important}
  html[data-appearance="dark"].sidebar-locked-collapsed .sidebar-user-menu.locked-sidebar-menu .sidebar-user-menu-sep{background:var(--line)!important}
}
/* V11.63 — percentage blijft statisch, maar opent urenregistratie bij klik */
@media(min-width:761px){
  html.sidebar-locked-collapsed #sidebarTimeGoal{pointer-events:auto!important;cursor:pointer!important}
  html.sidebar-locked-collapsed #sidebarTimeGoal:hover,html.sidebar-locked-collapsed #sidebarTimeGoal:focus,html.sidebar-locked-collapsed #sidebarTimeGoal:active{width:48px!important;height:40px!important;min-height:40px!important;padding:0!important;margin:0 auto 8px!important;transform:none!important;box-shadow:none!important}
  html.sidebar-locked-collapsed #sidebarTimeGoal:hover:before,html.sidebar-locked-collapsed #sidebarTimeGoal:focus:before,html.sidebar-locked-collapsed #sidebarTimeGoal:active:before{content:attr(data-collapsed-percent)!important;opacity:1!important;visibility:visible!important;display:grid!important}
}
/* V11.64 — kalender direct naast de geselecteerde dag */
@media(min-width:761px){
  #uren .time-day-summary-date{position:relative;min-width:0}
  #uren .time-selected-date-line{display:flex;align-items:center;gap:7px;min-width:0;margin-top:2px}
  #uren .time-selected-date-label{margin:0;line-height:1.2}
  #uren .time-desktop-date-picker{display:inline-flex;align-items:center;flex:0 0 auto}
  #uren .time-calendar-popwrap{position:relative;display:inline-flex;align-items:center}
  #uren .time-calendar-trigger-compact{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;padding:0!important;display:inline-flex;align-items:center;justify-content:center;gap:2px!important;border:1px solid var(--line)!important;border-radius:9px!important;background:var(--panel)!important;color:var(--text)!important;box-shadow:none!important}
  #uren .time-calendar-trigger-compact:hover{background:var(--bg)!important;border-color:color-mix(in srgb,var(--accent) 28%,var(--line))!important}
  #uren .time-calendar-trigger-compact .time-calendar-trigger-icon{font-size:14px!important;line-height:1!important}
  #uren .time-calendar-trigger-compact .time-calendar-trigger-caret{font-size:8px!important;line-height:1!important;color:var(--muted)!important;transform:translateY(1px)}
  #uren .time-calendar-popwrap.open .time-calendar-trigger-compact{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)!important}
  #uren .time-calendar-popover{top:calc(100% + 5px)!important;left:-6px!important;width:310px!important;max-width:calc(100vw - 96px)!important;z-index:180!important}
  #uren .hours-calendar-card.compact-popup{box-sizing:border-box;padding:10px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--panel)!important;box-shadow:0 16px 38px rgba(15,23,42,.16)!important}
  #uren .hours-calendar-card.compact-popup .hours-calendar-toolbar{grid-template-columns:32px minmax(0,1fr) 32px auto!important;gap:6px!important;margin-bottom:8px!important}
  #uren .hours-calendar-card.compact-popup .hours-calendar-nav{width:32px!important;height:32px!important;border-radius:8px!important}
  #uren .hours-calendar-card.compact-popup .hours-calendar-title{font-size:11px!important}
  #uren .hours-calendar-card.compact-popup .hours-calendar-today{height:32px!important;padding:0 8px!important;border-radius:8px!important;font-size:9px!important}
  #uren .hours-calendar-card.compact-popup .hours-calendar-grid{gap:3px!important}
  #uren .hours-calendar-card.compact-popup .hours-calendar-dow{font-size:8px!important;padding:3px 0 4px!important}
  #uren .hours-calendar-card.compact-popup .hours-calendar-day{min-height:42px!important;padding:5px 6px!important;border-radius:8px!important}
  #uren .hours-calendar-card.compact-popup .hours-calendar-daynum{font-size:10px!important}
  #uren .hours-calendar-card.compact-popup .hours-calendar-total{font-size:8px!important}
  html[data-appearance="dark"] #uren .hours-calendar-card.compact-popup{background:var(--panel)!important;border-color:var(--line)!important;box-shadow:0 18px 42px rgba(0,0,0,.42)!important}
}
/* V11.66 — keuze nieuw tabblad / nieuw venster */
.context-open-setting{display:grid;gap:8px}
.context-open-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.context-open-options label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:9px;padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:var(--panel);cursor:pointer}
.context-open-options label:hover{border-color:color-mix(in srgb,var(--accent) 28%,var(--line));background:color-mix(in srgb,var(--accent) 3%,var(--panel))}
.context-open-options label.selected,.context-open-options label:has(input:checked){border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 6%,var(--panel))}
.context-open-options input{margin-top:2px}
.context-open-options span{display:grid;gap:3px;min-width:0}
.context-open-options b{font-size:10px}
.context-open-options small{font-size:9px;line-height:1.4;color:var(--muted)}
@media(max-width:760px){
  .context-open-options{grid-template-columns:1fr}
}
/* V11.67 — moderne documentmappen */
#v4body .docs-layout{grid-template-columns:238px minmax(0,1fr)!important;gap:14px!important;align-items:start}
#v4body .docs-tree-modern{border:1px solid var(--line)!important;border-radius:13px!important;background:var(--panel)!important;overflow:hidden;box-shadow:none!important}
#v4body .docs-tree-head{min-height:48px;padding:9px 10px 9px 13px!important;border-bottom:1px solid var(--line)!important;background:var(--panel)!important}
#v4body .docs-tree-head>div{display:grid;gap:1px}
#v4body .docs-tree-head b{font-size:11px!important;line-height:1.2}
#v4body .docs-tree-head span{font-size:8px!important;color:var(--muted)!important;font-weight:600}
#v4body .docs-tree-add{width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;border-radius:8px!important;font-size:15px!important}
#v4body .docs-tree-list{padding:7px!important;display:grid;gap:3px!important}
#v4body .docs-tree-folder-row{position:relative;display:flex;align-items:center;min-width:0;border-radius:9px;padding-left:calc(var(--folder-depth,0) * 11px);transition:background .14s ease,box-shadow .14s ease}
#v4body .docs-tree-folder-row.drag-over{background:color-mix(in srgb,var(--accent) 9%,var(--panel))!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 42%,var(--line))!important}
#v4body .docs-folder-btn{min-width:0!important;min-height:43px!important;padding:6px 8px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:var(--text)!important;display:flex;align-items:center;gap:9px!important;font-family:inherit!important;text-align:left}
#v4body .docs-tree-folder-row .docs-folder-btn{padding-right:29px!important}
#v4body .docs-folder-btn:hover{background:var(--bg)!important}
#v4body .docs-folder-btn.active{background:color-mix(in srgb,var(--accent) 8%,var(--panel))!important;color:var(--text)!important;font-weight:inherit!important;box-shadow:inset 3px 0 0 var(--accent)!important}
#v4body .docs-tree-folder-icon{width:29px;height:29px;flex:0 0 29px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 7%,var(--bg));color:color-mix(in srgb,var(--accent) 78%,var(--text))}
#v4body .docs-folder-btn.active .docs-tree-folder-icon{background:color-mix(in srgb,var(--accent) 13%,var(--panel));color:var(--accent)}
#v4body .docs-folder-svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
#v4body .docs-tree-folder-copy{min-width:0;flex:1 1 auto;display:grid;gap:2px}
#v4body .docs-tree-folder-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px!important;line-height:1.2;color:var(--text)!important;font-weight:750!important}
#v4body .docs-tree-folder-meta{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px!important;line-height:1.15;color:var(--muted)!important;font-weight:500!important}
#v4body .docs-folder-delete{position:absolute!important;right:5px!important;top:50%!important;transform:translateY(-50%)!important;width:24px!important;height:24px!important;display:grid;place-items:center;padding:0!important;border:0!important;border-radius:7px!important;background:transparent!important;color:var(--muted)!important;font-size:14px!important;opacity:0;cursor:pointer}
#v4body .docs-tree-folder-row:hover .docs-folder-delete,#v4body .docs-tree-folder-row:focus-within .docs-folder-delete{opacity:1}
#v4body .docs-folder-delete:hover{background:color-mix(in srgb,#b42318 8%,var(--panel))!important;color:#b42318!important}
/* Hoofdvlak: moderne, rustige folder tiles in plaats van ouderwetse mapkaarten. */
#v4body .docs-folder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin-bottom:12px}
#v4body .docs-folder-card-v1167{min-height:70px!important;box-sizing:border-box;padding:11px 12px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--panel)!important;display:grid;grid-template-columns:36px minmax(0,1fr) 18px!important;align-items:center;gap:10px!important;box-shadow:none!important;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease,box-shadow .12s ease}
#v4body .docs-folder-card-v1167:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--accent) 2.5%,var(--panel))!important;border-color:color-mix(in srgb,var(--accent) 24%,var(--line))!important;box-shadow:0 7px 18px rgba(15,23,42,.055)!important}
#v4body .docs-folder-card-v1167.drag-over{background:color-mix(in srgb,var(--accent) 8%,var(--panel))!important;border-color:color-mix(in srgb,var(--accent) 58%,var(--line))!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 9%,transparent)!important}
#v4body .docs-folder-card-v1167 .docs-folder-card-icon{width:36px!important;height:36px!important;display:grid;place-items:center;border-radius:10px!important;background:color-mix(in srgb,var(--accent) 7%,var(--bg))!important;color:color-mix(in srgb,var(--accent) 78%,var(--text))!important}
#v4body .docs-folder-card-v1167 .docs-folder-card-icon .docs-folder-svg{width:20px;height:20px}
#v4body .docs-folder-card-copy{min-width:0;display:grid;gap:4px}
#v4body .docs-folder-card-copy>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px!important;line-height:1.2!important;color:var(--text)!important;font-weight:780!important}
#v4body .docs-folder-card-meta{display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden;color:var(--muted)!important;font-size:8px!important;line-height:1.2;white-space:nowrap}
#v4body .docs-folder-card-v1167 .docs-folder-open{justify-self:end;color:var(--muted)!important;font-size:19px!important;font-weight:400!important;line-height:1!important;transition:transform .12s ease,color .12s ease}
#v4body .docs-folder-card-v1167:hover .docs-folder-open{transform:translateX(2px);color:var(--accent)!important}
/* Breadcrumb en bovenregel sluiten aan op de rest van het dossier. */
#v4body .docs-toolbar{min-height:38px;margin-bottom:9px;padding:0 1px!important}
#v4body .docs-breadcrumb{font-size:10px!important;line-height:1.3!important;color:var(--muted)!important;font-weight:650!important}
/* Dark mode: dezelfde panelstructuur, geen losse witte vlakken. */
html[data-appearance="dark"] #v4body .docs-tree-modern,html[data-appearance="dark"] #v4body .docs-tree-head,html[data-appearance="dark"] #v4body .docs-folder-card-v1167{background:var(--panel)!important;border-color:var(--line)!important}
html[data-appearance="dark"] #v4body .docs-folder-card-v1167:hover{background:color-mix(in srgb,var(--accent) 5%,var(--panel))!important;box-shadow:none!important}
/* Mobiel: mappen als rustige éénkoloms lijst; tree blijft bruikbaar onder de inhoud. */
@media(max-width:1050px) and (min-width:761px){
  #v4body .docs-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  #v4body .docs-layout{grid-template-columns:1fr!important;gap:11px!important}
  #v4body .docs-tree-modern{order:2}
  #v4body .docs-folder-grid{grid-template-columns:1fr!important;gap:7px!important}
  #v4body .docs-folder-card-v1167{min-height:62px!important;padding:9px 10px!important;grid-template-columns:34px minmax(0,1fr) 16px!important}
  #v4body .docs-folder-card-v1167 .docs-folder-card-icon{width:34px!important;height:34px!important;border-radius:9px!important}
  #v4body .docs-tree-folder-row .docs-folder-delete{opacity:1}
}
/* V11.68 — sitebrede mobiele breedte-audit
   Doel: een inhoudelijk brede tabel/kaart mag nooit meer de volledige dossierpagina versmallen
   of horizontaal uit verhouding trekken. Brede tabellen scrollen alleen binnen hun eigen wrapper. */
@media(max-width:760px){
  html,body{width:100%!important;max-width:100%;min-width:0!important;overflow-x:hidden}
  .app,.main,.content,#dossiers,#dossierDetail,#dossierDetail>.card,#v4body,.case-tab-body{width:100%!important;max-width:100%;min-width:0!important;box-sizing:border-box}
  .content{overflow-x:hidden}
  .content>*,#dossierDetail>*,#dossierDetail>.card>*,#v4body>*{min-width:0!important;max-width:100%;box-sizing:border-box}
  /* Dossierkaart en kop blijven exact binnen de viewport. */
  #dossierDetail>.card{padding:14px!important;overflow:hidden}
  #dossierDetail>.card>div:first-child{min-width:0!important;max-width:100%}
  #dossierDetail h2,#dossierDetail .subtitle{max-width:100%;overflow-wrap:anywhere}
  #dossierDetail .case-tools{width:100%;min-width:0;display:flex;flex-wrap:wrap;gap:7px!important}
  #dossierDetail .case-tools .btn{flex:1 1 auto;min-width:0}
  /* Dossiertabs mogen horizontaal scrollen, maar vergroten de pagina nooit. */
  #dossierDetail .tabs{width:100%!important;max-width:100%;min-width:0!important;display:flex;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}
  #dossierDetail .tabs::-webkit-scrollbar{display:none}
  #dossierDetail .tabs button{flex:0 0 auto;white-space:nowrap}
  /* Sitebreed: een panel mag nooit breder zijn dan zijn mobiele container.
     Klassieke tabellen blijven binnen het panel horizontaal scrollbaar. */
  .panel,.card,.v4-table,.docs-table-wrap,.memo-table-wrap,.dossier-overview-table,.correspondence-email-table-wrap{min-width:0!important;max-width:100%;box-sizing:border-box}
  .panel{overflow-x:auto!important;overflow-y:visible;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  /* Correspondentie gebruikt op mobiel geen brede tabel maar echte kaarten.
     Dit overschrijft bewust de oudere globale ".panel table { min-width:650px }"-regel. */
  #v4body .correspondence-email-table-wrap{width:100%!important;min-width:0!important;max-width:100%;padding:0!important;margin:0;border:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important}
  #v4body .correspondence-email-table{display:block;width:100%!important;min-width:0!important;max-width:100%;table-layout:auto;overflow:visible}
  #v4body .correspondence-email-table thead{display:none}
  #v4body .correspondence-email-table tbody{display:grid;width:100%!important;min-width:0!important;max-width:100%;gap:9px!important}
  #v4body .correspondence-email-table tr.correspondence-email-row{display:block;width:100%!important;min-width:0!important;max-width:100%;box-sizing:border-box;padding:10px 11px!important;margin:0;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--panel)!important;overflow:hidden;box-shadow:none!important}
  #v4body .correspondence-email-table td{display:grid;grid-template-columns:74px minmax(0,1fr)!important;align-items:start;width:100%!important;min-width:0!important;max-width:100%;box-sizing:border-box;gap:8px!important;padding:5px 0!important;border:0!important;font-size:10px!important;overflow:hidden}
  #v4body .correspondence-email-table td::before{content:attr(data-label)!important;min-width:0;padding-top:2px;font-size:8px!important;line-height:1.25!important;text-transform:uppercase!important;letter-spacing:.045em!important;color:var(--muted)!important;font-weight:800!important}
  #v4body .correspondence-subject{min-width:0!important;width:100%!important;max-width:100%}
  #v4body .correspondence-subject b,#v4body .correspondence-subject small,#v4body .correspondence-email-table td,#v4body .correspondence-email-table td>*{min-width:0!important;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
  #v4body .correspondence-subject b{display:block;font-size:11px!important;line-height:1.35!important}
  #v4body .correspondence-email-table td small{margin-top:3px;font-size:8px!important;line-height:1.35!important}
  #v4body .document-relation-link{max-width:100%!important;padding:0!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere!important}
  #v4body .correspondence-direction{width:max-content;max-width:100%}
  #v4body .correspondence-header-actions{flex:0 0 auto}
  /* Op mobiel alleen het +-symbool, zoals elders afgesproken. */
  #v4body .correspondence-add-btn{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;display:grid;place-items:center;border-radius:10px!important}
  #v4body .correspondence-add-label{display:none}
  #v4body .correspondence-add-symbol{font-size:18px!important;line-height:1!important}
  /* Andere bekende mobiele brede onderdelen blijven lokaal scrollen,
     zonder body/document-breedte te beïnvloeden. */
  #v4body .docs-table-wrap,#v4body .v4-table,#v4body .memo-table-wrap,#dossiers .dossier-overview-table .panel-b{overflow-x:auto!important;max-width:100%;-webkit-overflow-scrolling:touch}
  /* Zwevende acties altijd aan de viewportzijde houden en nooit op contentbreedte baseren. */
  #floatingActions{max-width:calc(100vw - 20px)}
}
/* Extra vangnet voor compacte telefoons. */
@media(max-width:430px){
  #dossierDetail>.card{padding:12px!important}
  #v4body .panel-h{padding-left:11px!important;padding-right:11px!important}
  #v4body .correspondence-email-table td{grid-template-columns:68px minmax(0,1fr)!important}
}
/* V11.69 — bronselectie zonder flits */
.desk-ai-source-picker input[type="checkbox"],.desk-ai-source-picker select{transition:none}
.desk-ai-source-picker[open] .desk-ai-source-menu{animation:none!important}
/* V11.69 — uitgebreid e-mailvenster in BaseDesk-stijl */
#sheet.email-compose-window{align-items:center;justify-content:center}
#sheet.email-compose-window .sheet-card{width:min(940px,calc(100vw - 40px))!important;max-width:940px;height:min(820px,calc(100vh - 38px))!important;max-height:min(820px,calc(100vh - 38px));display:flex;flex-direction:column;border-radius:15px!important;overflow:hidden}
#sheet.email-compose-window .sheet-head{flex:0 0 auto;min-height:50px!important}
.compose-relation-summary-main,.compose-relation-summary-meta{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:wrap}
.compose-relation-summary-main{display:grid;gap:1px}
.compose-relation-summary-meta span{padding:3px 6px;border-radius:6px;background:var(--panel)}
.compose-attachment-chips{display:flex;flex-wrap:wrap;gap:5px;min-height:0}
.compose-attachment-chip{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:5px 7px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);font-size:9px}
.compose-attachment-chip b{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.compose-attachment-chip button{width:18px;height:18px;padding:0;border:0;border-radius:5px;background:transparent;color:var(--muted);cursor:pointer}
.compose-attachment-chip button:hover{background:var(--panel);color:#b42318}
.email-compose-formatbar select{height:29px;min-width:92px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--text);font-size:9px;padding:0 6px}
.email-compose-formatbar button:hover{border-color:var(--line);background:var(--panel)}
.email-compose-window .email-compose-signature{margin-top:0!important}
@media(max-width:760px){
  #sheet.email-compose-window{align-items:flex-end}
  #sheet.email-compose-window .sheet-card{width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px);height:calc(100dvh - 14px)!important;max-height:calc(100dvh - 14px);border-radius:15px 15px 0 0!important}
  .email-compose-formatbar{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}
  .email-compose-formatbar select,.email-compose-formatbar button,.email-compose-format-sep{flex:0 0 auto}
}
/* V11.70 — algemene dossierzoekbalk verdwijnt zodra een dossier geopend is. */
#dossiers.case-focus>.unified-toolbar{display:none!important}
/* V11.70 — subtiele, dossier-specifieke zoekfunctie naast de cliëntnaam. */
.case-heading{min-width:0;flex:1 1 420px}
.case-search-wrap{display:grid;justify-items:start;min-width:0;margin-top:10px}
.case-title-line h2{margin:0;font-size:24px!important;line-height:1.2!important;min-width:0;overflow-wrap:anywhere}
.case-search-toggle{flex:0 0 28px;width:28px;height:28px;padding:0;border:1px solid transparent;border-radius:8px;display:grid;place-items:center;background:transparent;color:var(--muted);cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease}
.case-search-toggle:hover,.case-search-toggle:focus-visible,.case-search-wrap.open .case-search-toggle{background:var(--bg);border-color:var(--line);color:var(--accent);outline:none}
.case-search-toggle svg,.case-search-input-row>span svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.case-search-panel{display:none;width:min(440px,calc(100vw - 70px));max-width:100%;margin-top:8px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 12px 28px rgba(15,23,42,.10);overflow:hidden}
.case-search-wrap.open .case-search-panel{display:block}
.case-search-input-row{min-height:42px;display:grid;grid-template-columns:22px minmax(0,1fr) 28px;align-items:center;gap:5px;padding:0 7px 0 10px;border-bottom:1px solid var(--line)}
.case-search-input-row>span{display:grid;place-items:center;color:var(--muted)}
.case-search-input-row input{width:100%;height:40px;min-width:0;padding:0;border:0!important;outline:0;box-shadow:none!important;background:transparent!important;color:var(--text)!important;font-family:inherit;font-size:11px}
.case-search-close{width:27px;height:27px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer;font-size:16px}
.case-search-close:hover{background:var(--bg);color:var(--text)}
.case-search-hint{padding:12px 13px;color:var(--muted);font-size:9px;line-height:1.45}
.case-search-results{display:grid;max-height:330px;overflow-y:auto;overscroll-behavior:contain}
.case-search-result{width:100%;min-width:0;display:grid;grid-template-columns:30px minmax(0,1fr) 16px;align-items:start;gap:8px;padding:9px 10px;border:0;border-top:1px solid var(--line);background:var(--panel);color:var(--text);text-align:left;cursor:pointer;font-family:inherit}
.case-search-result:first-child{border-top:0}
.case-search-result:hover,.case-search-result:focus-visible{background:color-mix(in srgb,var(--accent) 4%,var(--panel));outline:none}
.case-search-result-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--bg);color:var(--accent);font-size:11px;font-weight:800}
.case-search-result-main{min-width:0;display:grid;gap:2px}
.case-search-result-top{min-width:0;display:flex;align-items:baseline;gap:6px}
.case-search-result-top b{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.3}
.case-search-result-top em{flex:0 0 auto;font-style:normal;font-size:7px;line-height:1;padding:3px 5px;border-radius:5px;background:var(--bg);color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.035em}
.case-search-result-main small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:8px;line-height:1.3}
.case-search-result-excerpt{color:var(--muted);font-size:8px;line-height:1.35;overflow-wrap:anywhere}
.case-search-result-arrow{align-self:center;color:var(--muted);font-size:17px}
.case-search-empty{display:grid;gap:3px;padding:15px 13px;border-top:1px solid var(--line)}
.case-search-empty b{font-size:10px}
.case-search-empty span{color:var(--muted);font-size:9px}
/* Dark mode blijft dezelfde BaseDesk panelvariabelen gebruiken. */
html[data-appearance="dark"] .case-search-panel{box-shadow:0 14px 34px rgba(0,0,0,.28)}
/* Mobiel: knop blijft subtiel achter de naam, zoekpaneel gebruikt beschikbare dossierbreedte. */
@media(max-width:760px){
  #dossiers.case-focus>.unified-toolbar{display:none!important}
  .case-heading{flex-basis:100%;width:100%}
  .case-search-wrap{width:100%}
  .case-title-line{width:100%}
  .case-title-line h2{font-size:22px!important}
  .case-search-toggle{width:28px;height:28px;flex-basis:28px}
  .case-search-panel{width:100%;max-width:100%;box-shadow:none}
  .case-search-results{max-height:300px}
  .case-search-result{grid-template-columns:28px minmax(0,1fr) 14px;padding:9px}
}
/* V11.71 — mailcomposer verfijnd */
.email-relation-search{position:relative;min-width:0}
.email-relation-search-input{height:36px;display:grid;grid-template-columns:22px minmax(0,1fr) 26px;align-items:center;gap:4px;padding:0 5px 0 8px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-sizing:border-box}
.email-relation-search-input>span{color:var(--muted);font-size:12px}
.email-relation-search-input input{width:100%!important;min-width:0!important;height:34px!important;padding:0!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;font-size:10px!important}
.email-relation-search-clear{width:24px;height:24px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;font-size:14px}
.email-relation-search-clear:hover{background:var(--bg);color:var(--text)}
.email-relation-results{display:none;position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:240;max-height:230px;overflow:auto;padding:5px;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 14px 32px rgba(15,23,42,.16)}
.email-relation-search.open .email-relation-results{display:grid}
.email-relation-result{width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:8px;align-items:center;padding:8px 9px;border:0;border-radius:7px;background:transparent;color:var(--text);text-align:left;cursor:pointer;font-family:inherit}
.email-relation-result:hover{background:var(--bg)}
.email-relation-result-main{display:grid;gap:2px;min-width:0}
.email-relation-result-main b{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.email-relation-result-main small,.email-relation-result-email{font-size:8px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.email-relation-result-email{text-align:right}
.email-relation-native{display:none!important}
.email-relation-filter-empty,.email-relation-no-results{padding:10px;color:var(--muted);font-size:9px}
.email-relation-search.disabled{opacity:.72}
.organization-mail-choice-list{display:grid;gap:7px;margin-top:10px}
.organization-mail-choice-list .email-relation-result{padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.organization-mail-choice-list .email-relation-result:hover,.organization-mail-choice-list .email-relation-result:focus-visible{background:var(--bg);border-color:color-mix(in srgb,var(--accent) 28%,var(--line));outline:none}
.organization-mail-choice-list .email-relation-result-main b{font-size:13px}
.organization-mail-choice-list .email-relation-result-main small,.organization-mail-choice-list .email-relation-result-email{font-size:11px}
.organization-mail-choice-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.email-compose-formatbar::-webkit-scrollbar{display:none}
.email-compose-format-select:hover{border-color:var(--line);background:var(--panel)}
.email-compose-attachment-wrap{position:relative;flex:0 0 auto}
.email-compose-attachment-button{height:32px!important;min-height:32px!important;display:inline-flex!important;align-items:center!important;gap:5px!important;padding:0 9px!important;border-radius:8px!important;white-space:nowrap}
.email-compose-attachment-picker{display:none;position:absolute;top:calc(100% + 5px);right:0;z-index:245;width:330px;max-width:calc(100vw - 46px);max-height:300px;overflow:hidden;border:1px solid var(--line);border-radius:11px;background:var(--panel);box-shadow:0 14px 34px rgba(15,23,42,.16)}
.email-compose-attachment-picker.open{display:grid}
.email-compose-attachment-search{min-height:38px;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:5px;padding:0 9px;border-bottom:1px solid var(--line)}
.email-compose-attachment-search span{color:var(--muted)}
.email-compose-attachment-search input{width:100%;min-width:0;height:36px;border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;color:var(--text);font-size:10px}
.email-compose-attachment-list{max-height:255px;overflow:auto;padding:5px}
.email-compose-attachment-item{width:100%;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:7px;padding:7px 8px;border:0;border-radius:7px;background:transparent;color:var(--text);text-align:left;cursor:pointer;font-family:inherit}
.email-compose-attachment-item:hover{background:var(--bg)}
.email-compose-attachment-icon{width:27px;height:27px;border-radius:7px;background:var(--bg);display:grid;place-items:center;color:var(--accent)}
.email-compose-attachment-item>span:last-child{display:grid;gap:2px;min-width:0}
.email-compose-attachment-item b{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.email-compose-attachment-item small{font-size:8px;color:var(--muted)}
.email-compose-attachment-empty,.email-compose-attachment-filter-empty{padding:11px;color:var(--muted);font-size:9px}
#sheet.email-compose-window #sheetBody{flex:1 1 auto;min-height:0!important;overflow:hidden;padding:0!important}
.email-drafts-panel{margin-top:14px}
.email-draft-preview{color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.email-draft-delete{width:28px;height:28px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer;font-size:15px}
.email-draft-delete:hover{background:var(--bg);color:#b42318}
html[data-appearance="dark"] .email-relation-results,html[data-appearance="dark"] .email-compose-attachment-picker{background:var(--panel)!important;border-color:var(--line)!important;box-shadow:0 16px 36px rgba(0,0,0,.36)!important}
@media(max-width:760px){
  .email-relation-results{position:fixed;left:12px;right:12px;top:auto;bottom:84px;max-height:42vh}
  .email-compose-attachment-wrap{align-self:flex-start}
  .email-compose-attachment-picker{position:fixed;left:12px;right:12px;bottom:84px;top:auto;width:auto;max-width:none}
}
/* V11.72 — subtiele mailacties voor dossierrelaties */
.relation-mail-icon-btn{width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;border:1px solid var(--line)!important;border-radius:8px!important;background:transparent!important;color:var(--muted)!important;display:inline-grid;place-items:center;cursor:pointer;box-shadow:none!important}
.relation-mail-icon-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.relation-mail-icon-btn:hover,.relation-mail-icon-btn:focus-visible{background:var(--bg)!important;border-color:color-mix(in srgb,var(--accent) 30%,var(--line))!important;color:var(--accent)!important;outline:none}
.case-relation-row-actions{margin-left:auto;display:flex;align-items:center;gap:6px;flex:0 0 auto}
.overview-relation-actions{align-items:center}
/* V11.72 — documentacties als iconen */
.document-download-action{color:var(--accent)!important}
.document-download-action:hover{background:color-mix(in srgb,var(--accent) 7%,var(--panel))!important;border-color:color-mix(in srgb,var(--accent) 25%,var(--line))!important}
.document-action-delete:hover,.document-action-delete:focus-visible{color:#b42318!important;background:color-mix(in srgb,#b42318 7%,var(--panel))!important;border-color:color-mix(in srgb,#b42318 22%,var(--line))!important}
@media(max-width:760px){
  .case-relation-row-actions{margin-left:0}
  .relation-mail-icon-btn{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important}
  .document-row-actions{min-width:0!important;justify-content:flex-start!important;gap:4px!important;padding-top:4px!important}
  .document-action-icon{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;border-color:var(--line)!important;background:var(--panel)!important}
}
/* V11.73 — lettertype/lettergrootte compacter in mailopmaakbalk */
.email-compose-format-select{flex:0 0 auto;display:inline-flex;align-items:center;border:1px solid transparent;background:transparent;height:26px!important;min-height:26px!important;border-radius:6px!important}
.email-compose-format-select select{min-width:0!important;width:auto!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--text)!important;cursor:pointer;height:24px!important;min-height:24px!important;padding:0 14px 0 5px!important;font-size:8px!important;line-height:1!important;border-radius:5px!important}
.email-compose-format-font select{width:46px!important;max-width:46px!important}
.email-compose-format-size select{width:34px!important;max-width:34px!important;text-align:center!important;padding-left:4px!important;padding-right:12px!important}
.email-compose-formatbar{display:flex;align-items:center;padding:6px;border:1px solid var(--line);border-bottom:0;border-radius:11px 11px 0 0;background:var(--bg);flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:3px!important}
.email-compose-formatbar button{border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text);cursor:pointer;width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important;font-size:9px!important}
.email-compose-format-sep{width:1px;background:var(--line);height:18px!important;margin:0 1px!important}
@media(max-width:760px){
  .email-compose-format-select{height:25px!important;min-height:25px!important}
  .email-compose-format-select select{height:23px!important;min-height:23px!important;font-size:8px!important}
  .email-compose-format-font select{width:44px!important;max-width:44px!important}
  .email-compose-format-size select{width:33px!important;max-width:33px!important}
  .email-compose-formatbar button{width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important}
}
/* V11.74 — Aan/Cc/Bcc/Onderwerp altijd duidelijk zichtbaar */
/* V11.75 — lettertype als alleen Aa, lettergrootte als alleen cijfer */
.email-compose-format-font,.email-compose-format-size{position:relative!important;width:28px!important;min-width:28px!important;max-width:28px!important;height:27px!important;min-height:27px!important;display:grid!important;place-items:center!important;padding:0!important;border:1px solid transparent!important;border-radius:7px!important;overflow:hidden!important}
.email-compose-format-font:hover,.email-compose-format-size:hover{border-color:var(--line)!important;background:var(--panel)!important}
.email-compose-font-face-label,.email-compose-font-size-value{pointer-events:none;position:absolute;inset:0;display:grid;place-items:center;color:var(--text);font-family:inherit;font-size:9px;line-height:1;font-weight:700}
.email-compose-format-font select,.email-compose-format-size select{position:absolute!important;inset:0!important;width:100%!important;max-width:none!important;min-width:0!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:transparent!important;opacity:0!important;cursor:pointer!important;appearance:auto!important}
.email-compose-format-font select option,.email-compose-format-size select option{color:CanvasText!important;background:Canvas!important}
.email-compose-format-size{width:30px!important;min-width:30px!important;max-width:30px!important}
.email-compose-font-size-value{font-variant-numeric:tabular-nums;font-weight:750}
@media(max-width:760px){
  .email-compose-format-font{width:27px!important;min-width:27px!important;max-width:27px!important;height:26px!important;min-height:26px!important}
  .email-compose-format-size{width:29px!important;min-width:29px!important;max-width:29px!important;height:26px!important;min-height:26px!important}
}
/* V11.76 — harde fix voor Aan/Cc/Bcc/Onderwerp in de mailcomposer.
   Dedicated div-prefixes, zodat algemene labelregels ze niet meer kunnen verbergen. */
/* V11.77 — Instellingen > Documentmappen in dezelfde moderne stijl als dossierdocumenten */
.settings-tab-panel.active .folder-template-tree{display:grid!important;gap:5px!important;padding:2px 0!important}
.folder-template-branch{min-width:0}
.folder-template-row-modern{position:relative;min-height:50px!important;box-sizing:border-box;display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:7px 8px 7px calc(8px + var(--folder-depth,0) * 18px)!important;border:1px solid var(--line)!important;border-radius:11px!important;background:var(--panel)!important;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease}
.folder-template-row-modern:hover{background:color-mix(in srgb,var(--accent) 2.5%,var(--panel))!important;border-color:color-mix(in srgb,var(--accent) 20%,var(--line))!important;box-shadow:0 5px 14px rgba(15,23,42,.045)!important}
.folder-template-icon-modern{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--accent) 7%,var(--bg));color:color-mix(in srgb,var(--accent) 78%,var(--text))}
.folder-template-icon-modern .docs-folder-svg{width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.65!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.folder-template-name{flex-direction:column;flex:1;min-width:0!important;display:grid!important;gap:3px!important}
.folder-template-name>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)!important;font-size:10px!important;line-height:1.2!important;font-weight:760!important}
.folder-template-meta{color:var(--muted)!important;font-size:8px!important;line-height:1.2!important;font-weight:550!important}
.folder-template-actions{display:flex!important;align-items:center!important;gap:3px!important;opacity:.25;transition:opacity .12s ease}
.folder-template-row-modern:hover .folder-template-actions,.folder-template-row-modern:focus-within .folder-template-actions{opacity:1}
.settings-folder-icon-btn{width:29px!important;min-width:29px!important;height:29px!important;min-height:29px!important;padding:0!important;border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;color:var(--muted)!important;display:grid!important;place-items:center!important;cursor:pointer!important}
.settings-folder-icon-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.settings-folder-icon-btn:hover,.settings-folder-icon-btn:focus-visible{background:var(--bg)!important;border-color:var(--line)!important;color:var(--accent)!important;outline:none!important}
.settings-folder-delete-btn:hover,.settings-folder-delete-btn:focus-visible{color:#b42318!important;background:color-mix(in srgb,#b42318 7%,var(--panel))!important;border-color:color-mix(in srgb,#b42318 20%,var(--line))!important}
.folder-template-children{display:grid!important;gap:5px!important;margin-top:5px!important}
.settings-folder-actions{display:flex!important;align-items:center!important;gap:10px!important;margin-top:14px!important;padding-top:12px!important;border-top:1px solid var(--line)!important}
/* Geen oude mapemoji of verticale guide meer. */
html[data-appearance="dark"] .folder-template-row-modern{background:var(--panel)!important;border-color:var(--line)!important}
html[data-appearance="dark"] .folder-template-row-modern:hover{background:color-mix(in srgb,var(--accent) 5%,var(--panel))!important;box-shadow:none!important}
@media(max-width:760px){
  .folder-template-row-modern{grid-template-columns:32px minmax(0,1fr) auto!important;min-height:48px!important;gap:8px!important;padding:7px 6px 7px calc(6px + var(--folder-depth,0) * 10px)!important}
  .folder-template-icon-modern{width:32px;height:32px;border-radius:8px}
  .folder-template-actions{opacity:1!important;gap:2px!important}
  .settings-folder-icon-btn{width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important}
  .settings-folder-actions{align-items:flex-start!important;flex-direction:column!important}
}
/* V11.78 — adressering terug naar de betrouwbare V11.69-opbouw */
/* Cc/Bcc zijn alleen verborgen zolang de gebruiker ze niet heeft geopend. */
/* Automatische referentie-info blijft onder Onderwerp en kan de onderwerpregel niet overlappen. */
/* V11.79 — Nieuwe e-mail volledig opnieuw opgebouwd.
   Alles onder .bd-mail2 is namespaced zodat oudere mail-CSS het venster niet meer kan breken. */
/* Compacte contextinformatie bovenaan. */
/* Relatiezoeker direct zichtbaar, resultaten klappen na selectie dicht. */
/* Aan / Cc / Bcc / Onderwerp: eigen flexregels; onafhankelijk van globale formulier-CSS. */
/* Templates/AI/textblokken en bijlage in één rustige actiebalk. */
/* Editor: prominent en makkelijk bereikbaar. */
/* Bestaande handtekening behouden, maar binnen de nieuwe layout rustig tonen. */
/* Footer staat vast binnen het mailvenster; tekstgebied blijft onafhankelijk scrollbaar. */
/* Dark mode */
/* Mobile */
/* V12.69 — documentpreview geïsoleerd van mapnavigatie */
.document-preview-action{color:var(--muted)!important}
.document-preview-action:hover,.document-preview-action:focus-visible{color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 7%,var(--panel))!important;border-color:color-mix(in srgb,var(--accent) 25%,var(--line))!important}
.document-preview-paper{width:min(760px,calc(100% - 40px));min-height:calc(100% - 40px);box-sizing:border-box;margin:20px auto;padding:46px 52px;background:#fff;color:#17202a;box-shadow:0 4px 22px rgba(0,0,0,.14);font-size:13px;line-height:1.7}
.document-preview-filetype{float:right;margin:0 0 16px 18px;padding:4px 7px;border:1px solid #d8dee6;border-radius:6px;color:#667085;font-size:9px;font-weight:800;text-transform:uppercase}
@media(max-width:760px){
  .document-preview-paper{width:calc(100% - 20px);margin:10px auto;padding:24px 20px}
  .database-preview-overlay{padding:8px}
  .database-preview-window{width:100%;height:94vh}
}
/* ===== v1264-locked-sidebar-absolute-icon-centering ===== */
/* V12.64 — vergrendeld/ingeklapt: icoonpositie is volledig onafhankelijk van hover/focus. */
@media(min-width:761px){
  html.sidebar-locked-collapsed .sidebar{transition:none}
  html.sidebar-locked-collapsed .sidebar .nav>button,html.sidebar-locked-collapsed .sidebar:hover .nav>button,html.sidebar-locked-collapsed .sidebar:focus-within .nav>button{position:relative!important;display:block!important;width:48px!important;min-width:48px!important;max-width:48px!important;height:var(--bd-sidebar-nav-item)!important;min-height:var(--bd-sidebar-nav-item)!important;padding:0!important;margin:0!important;transition:background-color .12s ease,color .12s ease}
  html.sidebar-locked-collapsed #nav>button>span:first-child,html.sidebar-locked-collapsed .sidebar:hover #nav>button>span:first-child,html.sidebar-locked-collapsed .sidebar:focus-within #nav>button>span:first-child{position:absolute!important;left:14px!important;top:6px!important;width:20px!important;min-width:20px!important;height:28px!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;transform:none!important;transition:none;box-sizing:border-box!important}
  html.sidebar-locked-collapsed #nav>button:hover>span:first-child,html.sidebar-locked-collapsed #nav>button:focus>span:first-child,html.sidebar-locked-collapsed #nav>button:focus-visible>span:first-child{left:14px!important;top:6px!important;transform:none!important}
}
/* ===== v1279-email-cell-links ===== */
/* V12.79 — dossier- en relatielinks direct klikbaar in e-mailoverzicht */
.email87-cell-links{display:flex;align-items:center;gap:5px;min-width:0;flex-wrap:wrap}
.email87-cell-link{max-width:100%;border:0;background:transparent;color:var(--accent);padding:0;font:inherit;font-size:9px;line-height:1.25;font-weight:750;cursor:pointer;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.email87-cell-link:hover,
.email87-cell-link:focus-visible{text-decoration:underline;outline:none}
.email87-case-link{display:block;width:100%}
.email87-relation-link{display:inline-block;max-width:145px}
.email87-more-links{color:var(--muted);font-size:8px;font-weight:750}
html[data-appearance="dark"] .email87-cell-link{color:#8fb7ff}
/* ===== v1280-streamlined-mail-panel ===== */
/* V12.80 — geopende mail rustiger en compacter */
.email-side-streamlined{display:grid;gap:10px;margin-bottom:12px}
.email-side-route{display:grid;gap:5px;padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--bg) 62%,var(--panel))}
.email-side-route-line{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;min-width:0}
.email-side-route-line span{color:var(--muted);font-size:9px;font-weight:650;text-transform:none;letter-spacing:0}
.email-side-context-field>span{color:var(--muted);font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.045em}
.email-side-route-line b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:var(--text)}
.email-side-context-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.email-side-context-field{display:grid;gap:5px;padding:9px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.email-side-context-field input{width:100%;height:30px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#344054;padding:0 8px;font:inherit;font-size:10px;outline:none}
.email-side-context-field input:focus{border-color:color-mix(in srgb,var(--accent) 38%,var(--line));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 8%,transparent)}
.email-side-message-card-clean{padding:16px!important;border-radius:14px!important}
.email-side-message-card-clean .email-message-body{font-size:11px;line-height:1.65}
html[data-appearance="dark"] .email-side-route{background:#101925;border-color:#334155}
html[data-appearance="dark"] .email-side-context-field{background:var(--panel);border-color:var(--line)}
html[data-appearance="dark"] .email-side-context-field input{background:#101925;color:var(--text);border-color:#334155}
@media(max-width:760px){
  .email-side-context-grid{grid-template-columns:1fr}
  .email-side-route-line{grid-template-columns:38px minmax(0,1fr)}
}
/* ===== v1281-document-label-icons ===== */
/* V12.81 — in de documententabel tonen labels alleen een compact symbool, met behoud van labelkleur */
.docs-document-table .doc-label-icons{margin-top:0;gap:4px;flex-wrap:nowrap}
.docs-document-table .doc-label-icon-only:hover{box-shadow:0 0 0 2px color-mix(in srgb,var(--label-color) 16%,transparent)}
@media(max-width:760px){
  .docs-document-table .doc-label-icon-only{width:24px;min-width:24px;height:24px}
}
/* ===== v1282-document-action-icons ===== */
/* V12.82 — documentactieknoppen gelijkgetrokken met overige compacte symbolen */
.document-action-icon{width:29px!important;min-width:29px!important;height:29px!important;min-height:29px!important;padding:0!important;border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;color:var(--muted)!important;display:inline-grid!important;place-items:center!important;cursor:pointer!important;box-shadow:none!important}
.document-action-icon:hover,
.document-action-icon:focus-visible{background:var(--bg)!important;border-color:var(--line)!important;color:var(--text)!important;outline:none}
.document-action-icon svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}
.document-action-icon span{display:block;line-height:1}
.document-action-gear{font-family:Arial,Helvetica,sans-serif;font-size:17px;font-weight:400;transform:translateY(-.5px)}
.document-action-move-uniform span{font-size:16px;transform:translateY(-.5px)}
.document-action-delete-uniform{color:#b42318}
.document-action-delete-uniform:hover,
.document-action-delete-uniform:focus-visible{background:color-mix(in srgb,#b42318 7%,transparent);border-color:color-mix(in srgb,#b42318 35%,var(--line));color:#b42318}
.document-action-delete-uniform span{font-size:18px;transform:translateY(-1px)}
html[data-appearance="dark"] .document-action-icon{background:transparent;color:var(--muted)}
html[data-appearance="dark"] .document-action-icon:hover,
html[data-appearance="dark"] .document-action-icon:focus-visible{background:color-mix(in srgb,var(--accent) 8%,var(--panel));color:var(--accent)}
html[data-appearance="dark"] .document-action-delete-uniform:hover,
html[data-appearance="dark"] .document-action-delete-uniform:focus-visible{color:#ff8a7a;border-color:color-mix(in srgb,#ff8a7a 35%,var(--line))}
@media(max-width:760px){
  .document-action-icon{width:32px;height:32px;min-width:32px;min-height:32px}
}
/* ===== v1283-document-action-alignment ===== */
/* V12.83 — preview naar documentkolom en actiekolom minder strak tegen rechterrand */
.docs-document-table th:last-child,
.docs-document-table td.document-row-actions{padding-right:14px!important}
.document-row-actions{white-space:nowrap!important;display:flex!important;align-items:center!important;gap:3px!important;min-width:164px!important;justify-content:flex-start!important;padding-left:8px!important;padding-right:14px!important}
.document-name-cell{display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center;gap:8px;min-width:0}
.document-name-copy{min-width:0}
.document-name-copy .document-name-link{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.document-preview-inline{justify-self:end;flex:0 0 auto}
@media(max-width:760px){
  .document-name-cell{grid-template-columns:minmax(0,1fr) 32px}
  .docs-document-table td.document-row-actions{padding-left:2px!important;padding-right:2px!important}
  .document-row-actions{min-width:0;justify-content:flex-start!important}
}
/* ===== v1284-document-label-symbols ===== */
/* V12.84 — documentlabelbolletjes met inhoudelijk symbool */
.docs-document-table .doc-label-symbol-svg svg *{stroke:currentColor}
.docs-document-table .doc-label-icon-only .doc-label-dot{width:8px;height:8px;flex-basis:8px;box-shadow:0 0 0 2px color-mix(in srgb,var(--label-color) 16%,transparent);display:none!important}
@media(max-width:760px){
  .docs-document-table .doc-label-symbol{width:15px;height:15px}
}
/* ===== v1285-label-symbol-centering ===== */
/* V12.85 — labeliconen exact gecentreerd en medische labels standaard rood */
.docs-document-table .doc-label-icon-only{width:22px;min-width:22px;height:22px;padding:0;justify-content:center;align-items:center;border-radius:999px;color:var(--label-color,#4f46e5)!important;display:inline-grid!important;place-items:center!important;position:relative;line-height:1!important;text-align:center}
.docs-document-table .doc-label-symbol{color:var(--label-color,#4f46e5);width:100%!important;height:100%!important;display:grid!important;place-items:center!important;line-height:1!important;margin:0!important;padding:0!important}
.docs-document-table .doc-label-symbol-text{font-size:11px;font-weight:900;display:grid!important;place-items:center!important;line-height:1!important;transform:none!important;padding:0!important;margin:0!important}
.docs-document-table .doc-label-symbol-svg{display:grid!important;place-items:center!important}
.docs-document-table .doc-label-symbol-svg svg{display:block!important;margin:auto!important;width:13px!important;height:13px!important;transform:none!important}
.docs-document-table .doc-label-symbol-svg svg path,
.docs-document-table .doc-label-symbol-svg svg circle,
.docs-document-table .doc-label-symbol-svg svg rect{vector-effect:non-scaling-stroke}
@media(max-width:760px){
  .docs-document-table .doc-label-symbol-svg svg{width:14px!important;height:14px!important}
}
/* ===== v1286-medical-label-redtones ===== */
/* V12.86 — medische labelduplicaten samengevoegd en onderscheidende roodtinten */
.docs-document-table .doc-label-symbol-medical-info svg{width:12.5px!important;height:12.5px!important}
.docs-document-table .doc-label-symbol-medical-advice svg{width:13.5px!important;height:13.5px!important}
/* ===== v1288-label-color-menu ===== */
/* V12.88 — aparte menuoptie om documentlabelkleuren te wijzigen */
.settings-label-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.settings-label-color-btn{color:var(--accent)!important}
.document-label-color-menu-head{display:grid;gap:8px}
.document-label-color-menu-head .doc-label{width:max-content}
@media(max-width:760px){
  .settings-label-actions{justify-content:flex-start}
}
/* ===== v1289-dashboard-recent-activity-left-align ===== */
/* V12.89 — omschrijving bij Recente activiteit begint links i.p.v. gecentreerd */
#dashboard .dashboard-recent-activity-card .dashboard-recent-description{justify-content:flex-start;align-items:center;text-align:left}
#dashboard .dashboard-recent-activity-card .dashboard-recent-description,
#dashboard .dashboard-recent-activity-card .dashboard-recent-description *{text-align:left}
@media(max-width:760px){
  #dashboard .dashboard-recent-activity-card .dashboard-recent-description{justify-content:flex-start;align-items:flex-start}
}
/* ===== v1290-topbar-create-menu ===== */
/* V12.90 — compacte plusknop naast globale zoekbalk */
.topbar-create-wrap{position:relative;flex:0 0 auto;margin-left:2px;margin-right:4px}
.topbar-create-button{width:36px!important;height:36px!important;border-radius:10px!important}
.topbar-create-button>svg:not(.topbar-create-context-icon){width:18px!important;height:18px!important}
.topbar-create-button[aria-expanded="true"]{background:color-mix(in srgb,var(--accent) 9%,var(--panel))!important;color:var(--accent)!important;border-color:color-mix(in srgb,var(--accent) 32%,var(--line))!important}
.topbar-create-menu{display:none;position:absolute;top:43px;right:0;z-index:80;width:250px;padding:7px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 18px 44px rgba(15,23,42,.18)}
.topbar-create-menu button{width:100%;border:0;background:transparent;color:var(--text);border-radius:10px;padding:9px 10px;display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:center;cursor:pointer;text-align:left;font:inherit}
.topbar-create-menu button:hover,
.topbar-create-menu button:focus-visible{background:var(--bg);outline:none}
.topbar-create-menu button span{width:26px;height:26px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--panel));font-size:13px;line-height:1}
.topbar-create-menu button b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.topbar-create-menu-sep{height:1px;background:var(--line);margin:4px 3px}
html[data-appearance="dark"] .topbar-create-menu{background:var(--panel);border-color:var(--line);box-shadow:0 18px 44px rgba(0,0,0,.32)}
html[data-appearance="dark"] .topbar-create-menu button:hover,
html[data-appearance="dark"] .topbar-create-menu button:focus-visible{background:#202d3d}
@media(max-width:780px){
  .topbar-create-wrap{margin-left:0;margin-right:2px}
  .topbar-create-menu{right:auto;left:50%;transform:translateX(-50%);width:min(250px,calc(100vw - 24px))}
}
/* ===== v1291-topbar-create-clickfix ===== */
/* V12.91 — plusmenu-klikfix: zichtbaar en klikbaar, zonder inline onclick-afhankelijkheid */
.topbar{overflow:visible}
.topbar-create-wrap{z-index:90}
.topbar-create-menu{pointer-events:auto}
.topbar-create-menu.open{gap:3px;display:grid!important}
/* ===== v1292-label-color-menu-stylefix ===== */
/* V12.92 — labelkleurmenu gelijk aan algemene kleurinstellingen */
.label-color-settings-form .document-label-color-menu-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.label-color-settings-form .document-label-color-menu-head .doc-label{width:max-content;margin-top:2px}
.document-label-theme-color-setting{margin-top:2px}
.document-label-color-presets{margin-top:0!important}
.document-label-color-menu-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
html[data-appearance="dark"] #documentLabelColorHexSetting{background:#111b28!important;color:var(--text)!important;border-color:var(--line)!important}
@media(max-width:760px){
  .label-color-settings-form .document-label-color-menu-head{display:grid;grid-template-columns:1fr}
}
/* ===== v1293-inline-document-label-colors ===== */
/* V12.93 — documentlabelkleuren inline, gelijk aan Kleur omgeving / Kleur zijbalk */
.document-label-settings-list{display:grid;gap:10px}
.settings-label-row-inline-color{align-items:flex-start!important;gap:14px!important;padding:12px 0!important}
.settings-label-left{min-width:165px;padding-top:6px}
.settings-label-left .doc-label{width:max-content;max-width:100%}
.document-label-inline-color-setting{margin:0}
.document-label-inline-color-setting input[type="color"]{flex:0 0 auto}
.document-label-inline-presets{margin-top:8px!important}
.settings-label-inline-actions{flex:0 0 auto;padding-top:3px}
html[data-appearance="dark"] [id^="documentLabelInlineHex_"]{background:#111b28!important;color:var(--text)!important;border-color:var(--line)!important}
@media(max-width:920px){
  .settings-label-row-inline-color{display:grid!important;grid-template-columns:1fr}
  .settings-label-left{min-width:0;padding-top:0}
  .settings-label-inline-main{min-width:0}
  .settings-label-inline-actions{justify-content:flex-start!important;padding-top:0}
}
/* ===== v1294-settings-general-inputs ===== */
/* V12.94 — Instellingen > Algemeen: tekstvelden gelijkgetrokken met moderne velden elders */
#settings .settings-tab-panel.active .settings-subsection input:not([type="checkbox"]):not([type="color"]),
#settings .settings-tab-panel.active .settings-subsection textarea,
#settings .settings-tab-panel.active .settings-subsection select{height:38px;border:1px solid var(--line)!important;border-radius:10px!important;background:#fff!important;color:#344054!important;padding:0 10px!important;box-shadow:none!important;outline:none!important;font-size:var(--bd-type-content,13px)!important;line-height:1.25!important}
#settings .settings-tab-panel.active .settings-subsection textarea{min-height:74px;height:auto;padding:10px!important;resize:vertical}
#settings .settings-tab-panel.active .settings-subsection input:not([type="checkbox"]):not([type="color"]):focus,
#settings .settings-tab-panel.active .settings-subsection textarea:focus,
#settings .settings-tab-panel.active .settings-subsection select:focus{border-color:color-mix(in srgb,var(--accent) 42%,var(--line))!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 10%,transparent)!important}
#settings .settings-tab-panel.active .settings-subsection input:not([type="checkbox"]):not([type="color"])::placeholder,
#settings .settings-tab-panel.active .settings-subsection textarea::placeholder{color:#98a2b3!important}
#settings .settings-tab-panel.active .settings-subsection .theme-color-setting input:not([type="color"]),
#settings .settings-tab-panel.active .settings-subsection #themeColorHexSetting,
#settings .settings-tab-panel.active .settings-subsection #sidebarColorHexSetting{width:105px!important;height:38px!important;border-radius:9px!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;font-size:11px!important;padding:0 9px!important}
#settings .settings-tab-panel.active .settings-subsection .theme-color-setting input[type="color"]{width:46px!important;height:38px!important;padding:2px!important;border:1px solid var(--line)!important;border-radius:9px!important;background:#fff!important;cursor:pointer}
html[data-appearance="dark"] #settings .settings-tab-panel.active .settings-subsection input:not([type="checkbox"]):not([type="color"]),
html[data-appearance="dark"] #settings .settings-tab-panel.active .settings-subsection textarea,
html[data-appearance="dark"] #settings .settings-tab-panel.active .settings-subsection select{background:#111b28!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-appearance="dark"] #settings .settings-tab-panel.active .settings-subsection input:not([type="checkbox"]):not([type="color"])::placeholder,
html[data-appearance="dark"] #settings .settings-tab-panel.active .settings-subsection textarea::placeholder{color:#7f8da0!important}
html[data-appearance="dark"] #settings .settings-tab-panel.active .settings-subsection input[type="color"]{background:#111b28!important;border-color:var(--line)!important}
@media(max-width:760px){
  #settings .settings-tab-panel.active .settings-subsection input:not([type="checkbox"]):not([type="color"]),
  #settings .settings-tab-panel.active .settings-subsection select{height:40px;font-size:12px!important}
}
/* ===== v1295-standalone-mail-window ===== */
/* V12.95 — dubbelklik op e-mail opent een echt los mail-only browservenster */
.email87-table tbody tr[data-email-id],
.correspondence-email-row{cursor:pointer}
/* ===== v1296-simple-document-label-colors ===== */
/* V12.96 — documentlabelkleuren: alleen kleurvakje + standaard, geen voorbeeldkleuren of hexcode */
#settings .document-label-simple-color-setting{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
#settings .document-label-simple-color-setting input[type="color"]{width:46px!important;height:38px!important;padding:2px!important;border:1px solid var(--line)!important;border-radius:9px!important;background:#fff!important;cursor:pointer}
#settings .document-label-inline-presets,
#settings .document-label-color-presets,
#settings [id^="documentLabelInlineHex_"],
#settings #documentLabelColorHexSetting{display:none!important}
.settings-label-inline-main{flex:1 1 auto;min-width:145px!important}
html[data-appearance="dark"] #settings .document-label-simple-color-setting input[type="color"]{background:#111b28!important;border-color:var(--line)!important}
@media(max-width:920px){
  .settings-label-inline-main{min-width:0!important}
}
/* ===== v1297-settings-general-top-fields ===== */
/* V12.97 — Naam omgeving en Dagelijks tijdschrijfdoel gelijk aan moderne invoervelden */
#settings #officeNameSetting,
#settings #dailyTimeGoalSetting{height:38px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:#fff!important;color:#344054!important;padding:0 10px!important;box-shadow:none!important;outline:none!important;font-size:var(--bd-type-content,13px)!important;line-height:1.25!important;font-weight:500!important}
#settings #officeNameSetting{width:100%!important;margin-top:6px!important}
#settings #dailyTimeGoalSetting{width:150px!important;max-width:150px!important;margin:0!important}
#settings #officeNameSetting:focus,
#settings #dailyTimeGoalSetting:focus{border-color:color-mix(in srgb,var(--accent) 42%,var(--line))!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 10%,transparent)!important}
#settings #officeNameSetting::placeholder,
#settings #dailyTimeGoalSetting::placeholder{color:#98a2b3!important}
html[data-appearance="dark"] #settings #officeNameSetting,
html[data-appearance="dark"] #settings #dailyTimeGoalSetting{background:#111b28!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-appearance="dark"] #settings #officeNameSetting::placeholder,
html[data-appearance="dark"] #settings #dailyTimeGoalSetting::placeholder{color:#7f8da0!important}
@media(max-width:760px){
  #settings #officeNameSetting,
  #settings #dailyTimeGoalSetting{height:40px!important;font-size:12px!important}
}
/* ===== v1298-signature-mail-toolbar ===== */
/* V12.98 — handtekening-editor gebruikt dezelfde opmaakbalk als Nieuwe e-mail */
.email-signature-settings-v1298 .email-signature-formatbar{border-bottom:1px solid var(--line);border-radius:0;background:color-mix(in srgb,var(--bg) 70%,var(--panel))}
.email-signature-settings-v1298 #emailSignatureEditor.mail80-editor{min-height:145px;max-height:320px;overflow:auto;border:0!important;border-radius:0!important;box-shadow:none!important;padding:14px!important;background:var(--panel)!important}
.email-signature-settings-v1298 .email-signature-editor-footer{margin-top:10px}
html[data-appearance="dark"] .email-signature-settings-v1298 .email-signature-editor-shell{background:var(--panel);border-color:var(--line)}
html[data-appearance="dark"] .email-signature-settings-v1298 .email-signature-formatbar{background:#101925;border-color:var(--line)}
html[data-appearance="dark"] .email-signature-settings-v1298 #emailSignatureEditor.mail80-editor{background:var(--panel)!important;color:var(--text)!important}
/* ===== v1299-signature-images ===== */
/* V12.99 — logo's en afbeeldingen in e-mailhandtekening bewaren en tonen */
.email-signature-settings-v1298 #emailSignatureEditor img,
.email-compose-signature-preview img,
.email-message-signature img{max-width:220px;height:auto;display:block;margin:6px 0}
.email-signature-settings-v1298 .email-signature-formatbar input[type="file"]{display:none!important}
/* ===== v1300-signature-editor-scroll-fix ===== */
/* V13.00 — handtekeningeditor blijft volledig scrollbaar bij lange tekst/logo's */
.email-signature-settings-v1298 .email-signature-editor-shell{margin-top:12px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel);display:flex!important;flex-direction:column!important;max-height:none!important}
.email-signature-settings-v1298 #emailSignatureEditor.mail80-editor,
#settings #emailSignatureEditor{display:block!important;min-height:170px!important;height:clamp(220px,38vh,430px)!important;max-height:430px!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-gutter:stable;white-space:normal}
.email-signature-settings-v1298 #emailSignatureEditor.mail80-editor:focus{border-color:color-mix(in srgb,var(--accent) 38%,var(--line))!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent)!important}
.email-signature-settings-v1298 #emailSignatureEditor.mail80-editor img{max-width:220px!important;height:auto!important}
@media(max-width:760px){
  .email-signature-settings-v1298 #emailSignatureEditor.mail80-editor,
  #settings #emailSignatureEditor{height:280px!important;max-height:42vh!important}
}
/* ===== v1301-mail-dossier-attachment-fix ===== */
/* V13.01 — dossierbijlagenmenu blijft open en klikbaar binnen het nieuwe bijlagemenu */
.mail85-attach-wrap #mail80AttachmentPicker.open{z-index:120!important;display:block!important}
.mail85-attach-wrap #mail80AttachmentList{pointer-events:auto}
/* ===== v1303-mobile-topbar-one-row ===== */
/* V13.03 — alle mobiele bovenbalksymbolen staan weer uitgelijnd op één rij */
@media(max-width:760px){
  .topbar{grid-template-columns:minmax(34px,1fr) auto 46px 34px;grid-template-rows:46px auto;align-items:center}
  .topbar-create-wrap{grid-column:1;grid-row:1;justify-self:start;align-self:center;margin:0}
  .topbar-right{grid-column:2;grid-row:1;justify-self:end;align-self:center;height:46px!important;margin:0;display:flex;align-items:center;gap:6px!important}
  .topbar .search{grid-column:1/-1;grid-row:2}
  #mobileUser{grid-column:3;grid-row:1;align-self:center}
  .topbar-profile-trigger{grid-column:4;grid-row:1;align-self:center;justify-self:end}
  .topbar-create-button,
  .topbar-scratchpad-btn,
  .topbar-checklist-btn,
  .appearance-mode-button{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}
  .topbar-scratchpad-slot{margin-right:0;padding-right:0!important;border-right:0!important}
  #topbarChecklistSlot{display:flex;align-items:center}
}
/* ===== v1304-mobile-topbar-create-menu-position ===== */
/* V13.04 — het mobiele plusmenu opent rechts van zijn linkeranker en blijft volledig in beeld */
@media(max-width:760px){
  .topbar-create-menu{left:0!important;right:auto!important;transform:none!important;width:min(250px,calc(100vw - 83px))!important;max-width:calc(100vw - 83px)}
}
/* ===== v1305-topbar-create-sidebar-icons ===== */
/* V13.05 — plusmenu gebruikt dezelfde pictogrammen als de linkermenubalk */
.topbar-create-menu .topbar-create-nav-icon{width:16px!important;height:16px!important;display:block;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
/* ===== v1310-floating-time-svg-icon-smaller ===== */
/* V13.10 — SVG-klokicoon in de zwevende tijdregistratieknop nog circa 10% kleiner */
#stableTimeBtn .stable-time-sidebar-icon{width:19px!important;height:19px!important;padding:0!important;margin:0;display:block;flex:0 0 auto;color:currentColor!important;overflow:visible;transform:none!important}
#stableTimeBtn .stable-time-sidebar-icon circle{fill:none;stroke:currentColor;stroke-width:1.7}
#stableTimeBtn .stable-time-sidebar-icon path{fill:currentColor}
/* ===== damage-export-v1325 ===== */
.damage-export-trigger{border:0;background:transparent;color:var(--muted);font:inherit;font-size:15px;line-height:1;padding:3px 4px;border-radius:6px;cursor:pointer}
.damage-export-trigger:hover{background:var(--hover,rgba(0,0,0,.06));color:var(--text)}
/* ===== v1327-dashboard-tasks-agenda-fixed-height ===== */
/* V13.44 — natuurlijke v13.22-hoogte met zes gereserveerde taakplaatsen op desktop. */
#dashboard .dashboard-tasks-card,
#dashboard .dashboard-agenda-card{height:auto!important;min-height:0!important;max-height:none;display:block;overflow:hidden!important;box-sizing:border-box}
#dashboard .dashboard-tasks-card > .panel-h,
#dashboard .dashboard-agenda-card > .panel-h{display:flex}
#dashboard .dashboard-tasks-card > .panel-b,
#dashboard .dashboard-agenda-card > #dashboardAgendaList{display:block;height:auto!important;min-height:0!important;max-height:none;overflow:visible}
@media(min-width:761px){
  #dashboard .dashboard-tasks-card #taskTable tr{height:52px;min-height:52px;max-height:52px;box-sizing:border-box}
  #dashboard .dashboard-tasks-card #taskTable td{height:52px;padding-top:8px;padding-bottom:8px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
#dashboard .dashboard-tasks-card #taskTable .dashboard-task-placeholder{pointer-events:none!important}
#dashboard .dashboard-tasks-card #taskTable .dashboard-task-placeholder>td{background:transparent!important;border-bottom-color:transparent!important}
#dashboard .dashboard-tasks-card #taskTable .dashboard-task-placeholder-content{visibility:hidden!important}
#dashboard .dashboard-tasks-card #taskTable .dashboard-task-empty-label{color:var(--muted)!important;white-space:nowrap}
#dashboard .dashboard-tasks-card #taskTable .dashboard-task-mobile-empty{display:none!important}
@media(max-width:760px){
  #dashboard .dashboard-tasks-card,#dashboard .dashboard-agenda-card{height:auto!important;min-height:340px!important;max-height:none}
  #dashboard .dashboard-tasks-card #taskTable .dashboard-task-placeholder{display:none!important}
  #dashboard .dashboard-tasks-card #taskTable .dashboard-task-mobile-empty{display:table-row!important}
  #dashboard .dashboard-tasks-card > .panel-b{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}
}
/* ===== v1331-uniform-from-1328 ===== */
.time-edit-btn svg,.relation-edit-btn svg{width:16px!important;height:16px!important;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block}
.time-delete-btn span{display:block;font-size:18px!important;font-weight:400!important;line-height:1!important;transform:translateY(-.5px)}
/* ===== v1332-floating-ai-setting-fix ===== */
#floatingAiBtn[hidden],#floatingActions.floating-ai-disabled #floatingAiBtn{display:none!important}
/* ===== v1351-insurer-relation-picker ===== */
.insurer-relation-picker{position:relative;display:block}
.insurer-relation-picker-input{position:relative;display:flex;align-items:center}
.insurer-relation-picker-input>span{position:absolute;left:13px;color:var(--muted);font-size:14px;pointer-events:none;z-index:1}
.insurer-relation-picker-input input{width:100%;padding-left:36px!important;padding-right:40px!important}
.insurer-relation-picker-clear{position:absolute!important;right:7px!important;top:50%!important;transform:translateY(-50%)!important;width:28px!important;height:28px!important;min-height:0!important;padding:0!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--muted)!important;font-size:18px!important;line-height:1!important}
.insurer-relation-picker-clear:hover,.insurer-relation-picker-clear:focus-visible{background:color-mix(in srgb,#dc2626 8%,transparent)!important;color:#dc2626!important}
.insurer-relation-results{position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:80;max-height:310px;overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 16px 34px rgba(15,23,42,.16);padding:5px}
.insurer-relation-results[hidden]{display:none}
.insurer-relation-result,.insurer-relation-add{display:block!important;width:100%!important;min-height:0!important;padding:10px 11px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:var(--text)!important;text-align:left!important;line-height:1.25!important}
.insurer-relation-result:hover,.insurer-relation-result:focus-visible,.insurer-relation-add:hover,.insurer-relation-add:focus-visible{background:color-mix(in srgb,var(--accent) 9%,transparent)!important;outline:none!important}
.insurer-relation-result b,.insurer-relation-result span{display:block}
.insurer-relation-result b{font-size:12px}
.insurer-relation-result span{margin-top:3px;color:var(--muted);font-size:10px;font-weight:500}
.insurer-relation-no-result{padding:10px 11px 5px;color:var(--muted);font-size:11px;font-weight:500}
.insurer-relation-add{color:var(--accent)!important;font-size:11px!important;font-weight:750!important}
html[data-appearance="dark"] .insurer-relation-results{background:var(--panel);border-color:var(--line);box-shadow:0 18px 36px rgba(0,0,0,.35)}
@media(max-width:760px){
  .insurer-relation-results{max-height:260px}
}
/* ===== v1380-targeted-interface-refinement ===== */
/* V13.80 — uitsluitend de gevraagde KPI-, topbalk-, banner- en compacte-sidebarverfijningen. */
.topbar{background:color-mix(in srgb,var(--panel) 80%,transparent)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.topbar .topbar-shortcut-btn,
.topbar .topbar-scratchpad-btn,
.topbar .topbar-checklist-btn,
.topbar .appearance-mode-button{border-color:transparent;background:transparent}
.topbar .topbar-shortcut-btn:hover,
.topbar .topbar-scratchpad-btn:hover{border-color:color-mix(in srgb,var(--accent) 28%,var(--line))}
.topbar-scratchpad-slot{margin-right:0;padding-right:0!important;border-right:0!important}
#topbarChecklistSlot{display:flex;align-items:center;margin-right:3px;padding-right:8px;border-right:1px solid var(--line)}
.dashboard-kpi-urgent{background:color-mix(in srgb,#d97706 5%,var(--panel));border-color:color-mix(in srgb,#d97706 18%,var(--line))}
.dashboard-kpi-urgent .dashboard-kpi-urgent-value{display:flex;align-items:center;gap:6px}
.dashboard-kpi-urgent .dashboard-kpi-urgent-value::before{content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#d97706}
.prototype-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;overflow:hidden;transition:opacity .14s ease,max-height .14s ease,padding .14s ease,margin .14s ease,border-width .14s ease;max-height:200px}
.prototype-notice[hidden]{display:none!important}
.prototype-notice.is-dismissing{opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin-bottom:0;border-width:0}
.prototype-notice-dismiss{width:26px;height:26px;min-width:26px;padding:0;border:0;border-radius:7px;background:transparent;color:inherit;display:grid;place-items:center;cursor:pointer;font-size:18px;line-height:1}
.prototype-notice-dismiss:hover{background:rgba(108,87,17,.08)}
@media(min-width:761px){
  html.sidebar-auto-collapse:not(.sidebar-navigation-settings-open,.sidebar-context-menu-open) .sidebar:not(:hover):not(:focus-within) .nav>button.active,
  html.sidebar-locked-collapsed .sidebar .nav>button.active,
  html.sidebar-locked-collapsed .sidebar:hover .nav>button.active,
  html.sidebar-locked-collapsed .sidebar:focus-within .nav>button.active{position:relative!important}
  html.sidebar-auto-collapse:not(.sidebar-navigation-settings-open,.sidebar-context-menu-open) .sidebar:not(:hover):not(:focus-within) .nav>button.active::before,
  html.sidebar-locked-collapsed .sidebar .nav>button.active::before,
  html.sidebar-locked-collapsed .sidebar:hover .nav>button.active::before,
  html.sidebar-locked-collapsed .sidebar:focus-within .nav>button.active::before{content:"";position:absolute;left:-6px;top:50%;width:3px;height:22px;border-radius:0 999px 999px 0;background:var(--accent);transform:translateY(-50%);pointer-events:none}
}
@media(max-width:760px){
  #topbarChecklistSlot{margin-right:0;padding-right:6px}
}
html[data-appearance="dark"] .dashboard-kpi-urgent{background:color-mix(in srgb,#d97706 7%,var(--panel));border-color:color-mix(in srgb,#d97706 24%,var(--line))}
/* ===== v1381-scratchpad-document-search ===== */
/* V13.81 — samengevoegd kladblok, iets transparantere bovenbalk en direct dossierdocumentzoeken. */
.topbar{background:color-mix(in srgb,var(--panel) 72%,transparent)!important;-webkit-backdrop-filter:blur(10px) saturate(112%);backdrop-filter:blur(10px) saturate(112%)}
.topbar-scratchpad-slot{margin-right:3px;padding-right:8px!important;border-right:1px solid var(--line)!important}
#topbarChecklistSlot:empty{display:none}
.scratchpad-body{height:calc(100% - 62px);display:flex;flex-direction:column;min-height:0;background:var(--panel)}
.scratchpad-blocks{flex:1;min-height:0;overflow:auto;padding:9px 10px;display:flex;flex-direction:column;gap:6px}
.scratchpad-block{position:relative;min-width:0}
.scratchpad-text-block{display:flex;align-items:flex-start}
.scratchpad-panel .scratchpad-text-block textarea{display:block!important;width:100%!important;height:auto;min-height:42px!important;max-height:150px!important;padding:9px 30px 9px 10px!important;border:1px solid transparent!important;border-radius:9px!important;resize:none!important;overflow:auto;background:transparent!important;color:var(--text)!important;font:400 11px/1.55 inherit!important;box-shadow:none!important;outline:0!important}
.scratchpad-panel .scratchpad-text-block textarea:hover,.scratchpad-panel .scratchpad-text-block textarea:focus{border-color:var(--line)!important;background:var(--bg)!important}
.scratchpad-text-block>button,.scratchpad-check-block>button{position:absolute;right:3px;top:50%;transform:translateY(-50%);width:24px;height:24px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;font-size:15px;line-height:1}
.scratchpad-text-block>button:hover,.scratchpad-check-block>button:hover{background:color-mix(in srgb,var(--bad) 8%,transparent);color:var(--bad)}
.scratchpad-check-block{display:grid;grid-template-columns:20px minmax(0,1fr) 24px;align-items:center;gap:6px;min-height:36px;padding:3px 3px 3px 7px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}
.scratchpad-check-block>input[type="checkbox"]{width:15px;height:15px;margin:0;accent-color:var(--accent)}
.scratchpad-check-block>input[type="text"]{width:100%;min-width:0;height:28px;padding:0;border:0!important;outline:0!important;background:transparent!important;color:var(--text)!important;font:400 11px/1.4 inherit!important;box-shadow:none!important}
.scratchpad-check-block>button{position:static;transform:none}
.scratchpad-check-block.done>input[type="text"]{text-decoration:line-through;color:var(--muted)!important}
.scratchpad-add-row{display:flex;gap:6px;padding:8px 10px;border-top:1px solid var(--line);background:var(--panel)}
.scratchpad-add-row button{height:30px;padding:0 9px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--text);cursor:pointer;font-size:9px;font-weight:700}
.scratchpad-add-row button:hover{background:var(--bg);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 28%,var(--line))}
.case-document-search{display:flex;align-items:center;gap:8px;min-width:0}
.case-document-search-title{display:flex;align-items:center;gap:5px;min-width:0}
.case-document-search-toggle{width:28px;height:28px;min-width:28px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer}
.case-document-search-toggle:hover,.case-document-search-toggle.active{background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--accent)}
.case-document-search-toggle svg,.case-document-search-field svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.case-document-search-field{height:30px;width:min(240px,30vw);display:grid;grid-template-columns:20px minmax(0,1fr) 24px;align-items:center;gap:3px;padding:0 3px 0 7px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
.case-document-search-field>span{color:var(--muted);display:grid;place-items:center}
.case-document-search-field input{width:100%;min-width:0;height:28px;padding:0!important;border:0!important;outline:0!important;background:transparent!important;color:var(--text)!important;font:inherit;font-size:9px!important;box-shadow:none!important}
.case-document-search-field button{width:24px;height:24px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;font-size:14px}
.case-document-search-field button:hover{background:var(--bg);color:var(--text)}
.case-document-search-empty{margin:0;padding:22px}
html[data-appearance="dark"] .scratchpad-check-block,html[data-appearance="dark"] .case-document-search-field{background:var(--panel);border-color:var(--line)}
@media(max-width:760px){
  .topbar-scratchpad-slot{padding-right:6px!important;margin-right:0}
  .case-document-search{align-items:flex-start;flex-direction:column;gap:5px}
  .case-document-search-field{width:min(220px,65vw)}
  .scratchpad-blocks{padding:8px}
}
/* ===== v1385-task-search-global-base ===== */
/* V13.87 — taakkoppelingen hergebruiken de basis van de algemene bovenste zoekbalk. */
.chat-unread-count{margin-top:5px;margin-left:auto;background:var(--accent);color:#fff!important;width:18px!important;min-width:18px!important;height:18px!important;padding:0!important;border-radius:50%!important;box-sizing:border-box;line-height:18px!important;display:grid;place-items:center;text-align:center;font-size:8px!important}
.task-entity-search{position:relative;min-width:0}
.task-entity-search-input.search{max-width:none;width:100%;min-width:0}
.task-entity-search-input.search input{padding-right:42px}
.task-entity-search-input>button{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:28px;height:28px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer;font-size:15px;z-index:2}
.task-entity-search-input>button:hover,.task-entity-search-input>button:focus-visible{background:#eef2f7;color:var(--text);outline:none}
.task-entity-search-results.search-results{z-index:520}
.work-type-search .task-entity-search-input input{padding-left:38px}
.work-type-search .task-entity-search-results{position:static;max-height:180px;margin-top:6px}
.work-type-search .search-results .search-result-v944 .search-result-name{white-space:normal;overflow-wrap:anywhere}
.task-entity-search.open .task-entity-search-results{display:block}
.task-entity-search-results .search-result-v944{font-family:inherit}
.task-entity-search-empty.search-empty{text-align:left}
html[data-appearance="dark"] .task-entity-search-input>button:hover,html[data-appearance="dark"] .task-entity-search-input>button:focus-visible{background:#202d3d;color:var(--text)}
@media(max-width:760px){
  .relations-entity-tabs{overflow-x:auto}
}
/* ===== v1392-topbar-shortcut-stack ===== */
/* V13.92 — snelkoppelingen en kleurmodus samen in één stabiele stapel, links uitklappend. */
#topbarShortcuts.topbar-shortcuts{position:relative;display:block;flex:0 0 34px;width:34px;height:36px;overflow:visible;z-index:18;isolation:isolate;--shortcut-spread:0px}
#topbarShortcuts.is-empty{display:none!important}
#topbarShortcuts::before{content:"";position:absolute;top:-6px;bottom:-6px;left:calc(-1 * var(--shortcut-spread,0px) - 8px);right:-8px;z-index:0;pointer-events:none}
#topbarShortcuts.has-stack.is-hovered::before,
#topbarShortcuts.has-stack.is-open::before,
#topbarShortcuts.has-stack:focus-within::before{pointer-events:auto}
#topbarShortcuts .topbar-shortcut-stack-trigger,
#topbarShortcuts .topbar-shortcut-action{position:absolute;left:0;top:1px;margin:0}
#topbarShortcuts .topbar-shortcut-stack-trigger{z-index:20;opacity:1;pointer-events:auto;transform:translateX(0) scale(1);transition:opacity .12s ease,transform .20s cubic-bezier(.2,.72,.2,1),background-color .15s ease,border-color .15s ease,color .15s ease}
#topbarShortcuts .topbar-shortcut-stack-trigger .shortcut-stack-glyph{width:18px;height:18px;display:block;fill:var(--panel);stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
#topbarShortcuts .topbar-shortcut-stack-trigger:hover,
#topbarShortcuts .topbar-shortcut-stack-trigger:focus-visible{background:var(--bg)!important;color:var(--accent)!important;border-color:color-mix(in srgb,var(--accent) 28%,var(--line))!important}
#topbarShortcuts .topbar-shortcut-action{z-index:2;opacity:1;transform:translateX(0) scale(1);transition:transform .20s cubic-bezier(.2,.72,.2,1),opacity .12s ease,background-color .15s ease,border-color .15s ease,color .15s ease;will-change:transform}
#topbarShortcuts.has-stack .topbar-shortcut-action{opacity:0;pointer-events:none;transform:translateX(0) scale(.94)}
#topbarShortcuts.has-stack.is-hovered .topbar-shortcut-action,
#topbarShortcuts.has-stack.is-open .topbar-shortcut-action,
#topbarShortcuts.has-stack:focus-within .topbar-shortcut-action{opacity:1;pointer-events:auto;transform:translateX(var(--shortcut-x,0px)) scale(1);z-index:var(--shortcut-expanded-z,2)}
#topbarShortcuts.has-stack.is-hovered .topbar-shortcut-stack-trigger,
#topbarShortcuts.has-stack.is-open .topbar-shortcut-stack-trigger,
#topbarShortcuts.has-stack:focus-within .topbar-shortcut-stack-trigger{opacity:1;pointer-events:auto;transform:translateX(0) scale(1);z-index:20}
#topbarShortcuts .topbar-shortcut-action:hover,
#topbarShortcuts .topbar-shortcut-action:focus-visible{background:var(--bg)!important;color:var(--accent)!important;border-color:color-mix(in srgb,var(--accent) 28%,var(--line))!important}
.topbar-scratchpad-slot,#topbarChecklistSlot{transition:transform .20s cubic-bezier(.2,.72,.2,1),opacity .14s ease;will-change:transform}
.topbar-right.shortcuts-expanded .topbar-scratchpad-slot,
.topbar-right.shortcuts-expanded #topbarChecklistSlot{transform:translateX(calc(-1 * var(--shortcut-spread,0px)))}
/* De datum blijft bewust volledig stabiel; de kleurmodus zit vanaf V13.92 in de stapel zelf. */
.topbar-right.shortcuts-expanded .topbar-date{opacity:1!important;pointer-events:auto!important;transform:none!important}
html[data-appearance="dark"] #topbarShortcuts .topbar-shortcut-stack-trigger .shortcut-stack-glyph{fill:var(--panel)}
@media(max-width:780px){
  #topbarShortcuts.topbar-shortcuts{display:block;flex:0 0 34px;width:34px!important}
}
@media(prefers-reduced-motion:reduce){
  #topbarShortcuts .topbar-shortcut-btn,.topbar-scratchpad-slot,#topbarChecklistSlot{transition:none}
}
/* ===== v1467-phone-alphabet-shortcut ===== */
.topbar-phone-alphabet-menu{
  display:none;position:fixed;width:min(430px,calc(100vw - 24px));max-height:calc(100vh - 96px);overflow:auto;
  padding:8px;background:var(--panel);border:1px solid var(--line);border-radius:13px;
  box-shadow:0 15px 34px rgba(15,35,64,.15);color:var(--text);outline:none;z-index:180;
}
.topbar-phone-alphabet-menu.open{display:block}
.topbar-phone-alphabet-menu:focus{outline:none}
.topbar-phone-alphabet-head{padding:7px 8px 8px;border-bottom:1px solid var(--line);margin-bottom:5px}
.topbar-phone-alphabet-head b{display:block;font-size:12px;font-weight:800}
.topbar-phone-alphabet-head small{display:block;margin-top:2px;color:var(--muted);font-size:10px;font-weight:550}
.topbar-phone-alphabet-filter{width:100%;height:35px;margin-top:8px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);font:inherit;font-size:11px;outline:none}
.topbar-phone-alphabet-filter::placeholder{color:var(--muted)}
.topbar-phone-alphabet-filter:focus{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 9%,transparent)}
.topbar-phone-alphabet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(var(--phone-alphabet-rows,9),auto);grid-auto-flow:column;gap:2px}
.topbar-phone-alphabet-item{display:flex;align-items:center;gap:7px;min-width:0;padding:7px 8px;border-radius:8px;font-size:11px;line-height:1.2}
.topbar-phone-alphabet-item[hidden]{display:none}
.topbar-phone-alphabet-item:hover{background:color-mix(in srgb,var(--accent) 7%,var(--panel))}
.topbar-phone-alphabet-letter{width:18px;flex:0 0 18px;color:var(--accent);font-weight:850}
.topbar-phone-alphabet-word{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}
.topbar-phone-alphabet-empty{display:none;padding:14px 8px;color:var(--muted);font-size:11px;text-align:center}
.topbar-phone-alphabet-empty.visible{display:block}
html[data-appearance="dark"] .topbar-phone-alphabet-menu{box-shadow:0 17px 38px rgba(0,0,0,.35)}
@media(max-width:520px){
  .topbar-phone-alphabet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* ===== v1470-period-calculator-shortcut ===== */
.topbar-period-calculator-menu{
  display:none;position:fixed;width:min(360px,calc(100vw - 24px));max-height:calc(100vh - 96px);overflow:auto;
  padding:8px;background:var(--panel);border:1px solid var(--line);border-radius:13px;
  box-shadow:0 15px 34px rgba(15,35,64,.15);color:var(--text);outline:none;z-index:180;
}
.topbar-period-calculator-menu.open{display:block}
.topbar-period-calculator-menu:focus{outline:none}
.topbar-period-calculator-head{padding:7px 8px 9px;border-bottom:1px solid var(--line);margin-bottom:8px}
.topbar-period-calculator-head b{display:block;font-size:12px;font-weight:800}
.topbar-period-calculator-head small{display:block;margin-top:2px;color:var(--muted);font-size:11px;font-weight:450;line-height:1.35}
.topbar-period-calculator-tabs{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin:0 8px 10px;padding:3px;background:color-mix(in srgb,var(--muted) 8%,var(--panel));border:1px solid var(--line);border-radius:10px}
.topbar-period-calculator-tab{height:30px;border:0;border-radius:7px;background:transparent;color:var(--muted);font:inherit;font-size:11px;font-weight:750;cursor:pointer}
.topbar-period-calculator-tab.active{background:var(--panel);color:var(--accent);box-shadow:0 1px 3px rgba(15,35,64,.09)}
.topbar-period-calculator-tab:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 36%,transparent);outline-offset:1px}
.topbar-period-calculator-view[hidden]{display:none}
.topbar-period-calculator-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:2px 8px 8px}
.topbar-period-calculator-field{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:650}
.topbar-period-calculator-field input,.topbar-period-calculator-field select{
  box-sizing:border-box;width:100%;height:36px;padding:0 8px;border:1px solid var(--line);border-radius:9px;
  background:var(--panel);color:var(--text);font:inherit;font-size:13px;font-weight:500;outline:none;
}
.topbar-period-calculator-field input:focus,.topbar-period-calculator-field select:focus{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 9%,transparent)}
.topbar-period-calculator-shift-fields{display:grid;grid-template-columns:1fr 66px 76px 1fr;gap:7px;padding:2px 8px 8px;align-items:end}
.topbar-period-calculator-shift-fields .topbar-period-calculator-field:first-child{grid-column:1/-1}
.topbar-period-calculator-shift-fields .topbar-period-calculator-operation{grid-column:auto}
.topbar-period-calculator-shift-fields .topbar-period-calculator-amount{grid-column:span 2}
.topbar-period-calculator-actions{display:flex;justify-content:flex-end;gap:10px;padding:0 8px 8px}
.topbar-period-calculator-action{border:0;background:transparent;color:var(--muted);padding:2px 0;font:inherit;font-size:11px;font-weight:700;cursor:pointer}
.topbar-period-calculator-action:hover,.topbar-period-calculator-action:focus-visible{color:var(--accent);outline:none;text-decoration:underline;text-underline-offset:2px}
.topbar-period-calculator-result{margin:0 8px 6px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);min-height:58px}
.topbar-period-calculator-result-main{font-size:16px;line-height:1.25;font-weight:800;color:var(--text)}
.topbar-period-calculator-result-meta{margin-top:4px;font-size:11px;line-height:1.4;font-weight:450;color:var(--muted)}
.topbar-period-calculator-result.error{background:color-mix(in srgb,#c62828 5%,var(--panel));border-color:color-mix(in srgb,#c62828 25%,var(--line))}
.topbar-period-calculator-result.error .topbar-period-calculator-result-main{font-size:12px;color:#b42318}
html[data-appearance="dark"] .topbar-period-calculator-menu{box-shadow:0 17px 38px rgba(0,0,0,.35)}
html[data-appearance="dark"] .topbar-period-calculator-result.error .topbar-period-calculator-result-main{color:#ffb4ab}
@media(max-width:520px){
  .topbar-period-calculator-fields{grid-template-columns:1fr}
  .topbar-period-calculator-shift-fields{grid-template-columns:64px 1fr 1fr}
  .topbar-period-calculator-shift-fields .topbar-period-calculator-field:first-child{grid-column:1/-1}
  .topbar-period-calculator-shift-fields .topbar-period-calculator-amount{grid-column:auto}
}
/* ===== v1403-hours-selected-day-layout ===== */
@media(min-width:801px){
  #uren .time-day-summary-date{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px!important;min-width:0!important}
  #uren .time-day-summary-date>.meta{width:auto!important;text-align:left}
  #uren .time-selected-date-line{display:flex;align-items:center;justify-content:flex-start;gap:8px!important;width:auto!important;max-width:100%;margin-top:2px}
  #uren .time-selected-date-label{flex:0 1 auto;margin:0;text-align:left}
  #uren .time-desktop-date-picker{display:inline-flex;flex:0 0 auto;align-items:center}
  #uren .time-calendar-popover{left:0!important;right:auto!important}
}
/* ===== v1404-hours-calendar-portal ===== */
@media(min-width:801px){
  #timeRegistrationCalendarPortal.time-calendar-portal{position:fixed!important;z-index:3200!important;box-sizing:border-box!important;overflow:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable}
  #timeRegistrationCalendarPortal .hours-date-popover{display:block!important;position:static!important;width:100%!important;margin:0!important;box-sizing:border-box!important}
  #timeRegistrationCalendarPortal .hours-date-popover-head{align-items:flex-start}
  #timeRegistrationCalendarPortal .hours-date-popover-controls{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;gap:6px;min-width:0;flex:1 1 auto}
  #timeRegistrationCalendarPortal .hours-date-popover-copy{min-width:0;text-align:center}
  #timeRegistrationCalendarPortal .hours-date-popover-title{text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #timeRegistrationCalendarPortal .hours-date-popover-nav{width:30px;height:30px;min-width:30px;min-height:30px;border:0;border-radius:9px;background:#f3f6fa;color:#536176;display:grid;place-items:center;padding:0;cursor:pointer}
  #timeRegistrationCalendarPortal .hours-date-popover-nav:hover{background:color-mix(in srgb,var(--accent) 8%,#f3f6fa);color:var(--accent)}
  #timeRegistrationCalendarPortal .hours-mini-cal-day{position:relative}
  #timeRegistrationCalendarPortal .hours-mini-cal-day.selected:not(.today){background:color-mix(in srgb,var(--accent) 13%,var(--panel))!important;color:var(--accent)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 55%,transparent);font-weight:750}
  #timeRegistrationCalendarPortal .hours-mini-cal-day.selected.today{box-shadow:0 0 0 2px var(--panel),0 0 0 4px color-mix(in srgb,var(--accent) 40%,transparent)}
  #timeRegistrationCalendarPortal .hours-mini-cal-day.has-hours::after{content:"";position:absolute;left:50%;bottom:3px;width:3px;height:3px;border-radius:50%;background:currentColor;transform:translateX(-50%);opacity:.72}
  html[data-appearance="dark"] #timeRegistrationCalendarPortal .hours-date-popover-nav{background:#202d3d;color:#c3cedb}
  html[data-appearance="dark"] #timeRegistrationCalendarPortal .hours-date-popover-nav:hover{background:#26364a;color:#edf2f7}
}
@media(max-width:800px){
  #timeRegistrationCalendarPortal{display:none!important}
}
/* ===== v1461-horizontal-navigation ===== */
/* V14.63 — horizontale desktopnavigatie als proefontwerp. */
@media(min-width:761px){
  .app{display:block;min-height:100vh}
  .sidebar{display:none}
  .main{width:100%;min-width:0}
  html.desktop-navigation-modern .topbar{border-bottom:0}
  .horizontal-nav{
    display:block;position:sticky;top:var(--basedesk-desktop-topbar-height);z-index:4;
    background:var(--modern-nav-bg,color-mix(in srgb,var(--panel) 94%,var(--bg)));
    border-bottom:1px solid var(--modern-nav-line,var(--line));
    box-shadow:0 4px 16px rgba(15,35,64,.05);
    min-height:38px;padding:0 24px;
  }
  .horizontal-nav::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--modern-nav-line,var(--line));pointer-events:none}
  .horizontal-nav-list{
    display:flex;align-items:center;gap:0;flex-wrap:nowrap;
    min-height:38px;min-width:max-content;max-width:none;margin:0;
  }
  .horizontal-nav-item-wrap{position:relative;display:flex;align-items:center}
  .horizontal-nav-item-wrap:not(:first-child)::before{
    content:"";position:absolute;left:0;top:50%;z-index:2;width:1px;height:17px;
    background:color-mix(in srgb,var(--modern-nav-ink,#40546d) 14%,transparent);
    transform:translateY(-50%);opacity:1;pointer-events:none;transition:opacity .12s ease
  }
  .horizontal-nav-item-wrap:hover::before,
  .horizontal-nav-item-wrap:focus-within::before,
  .horizontal-nav-item-wrap:has(>.horizontal-nav-item.active)::before,
  .horizontal-nav-item-wrap.submenu-open::before,
  .horizontal-nav-item-wrap:hover + .horizontal-nav-item-wrap::before,
  .horizontal-nav-item-wrap:focus-within + .horizontal-nav-item-wrap::before,
  .horizontal-nav-item-wrap:has(>.horizontal-nav-item.active) + .horizontal-nav-item-wrap::before,
  .horizontal-nav-item-wrap.submenu-open + .horizontal-nav-item-wrap::before{opacity:0}
  .horizontal-nav-item{
    position:relative;min-height:38px;display:flex;align-items:center;gap:8px;
    border:1px solid transparent;border-radius:11px;background:transparent;
    color:var(--modern-nav-ink,#40546d);padding:0 11px;cursor:pointer;white-space:nowrap;
    font-size:12px;font-weight:700;line-height:1;
    transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;
  }
  .horizontal-nav-item:hover,.horizontal-nav-item:focus-visible,
  .horizontal-nav-item-wrap:focus-within>.horizontal-nav-item{
    background:color-mix(in srgb,var(--modern-nav-active-ink,var(--accent)) 4%,transparent);
    border-color:transparent;
    border-radius:0;color:var(--modern-nav-active-ink,var(--accent));outline:none;
  }
  .horizontal-nav-item:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 10%,transparent)}
  .horizontal-nav-item::after{content:"";position:absolute;left:-1px;right:-1px;bottom:-1px;height:1px;border-radius:0;background:transparent}
  .horizontal-nav-item.active{background:color-mix(in srgb,var(--modern-nav-active-ink,var(--accent)) 7%,transparent);border-color:transparent;border-radius:0;color:var(--modern-nav-active-ink,var(--accent));outline:none}
  .horizontal-nav-item.active::after{background:color-mix(in srgb,var(--modern-nav-active-ink,var(--accent)) 78%,transparent)}
  .horizontal-nav-item-wrap:has(>.horizontal-nav-submenu):hover>.horizontal-nav-item::after,
  .horizontal-nav-item-wrap:has(>.horizontal-nav-submenu):focus-within>.horizontal-nav-item::after,
  .horizontal-nav-item-wrap.submenu-open>.horizontal-nav-item::after{background:transparent}
  .horizontal-nav-icon{width:18px;height:18px;flex:0 0 18px;display:grid;place-items:center;font-size:16px;line-height:1;color:currentColor}
  .horizontal-nav-icon svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
  .horizontal-nav-label{line-height:1.2}
  .horizontal-nav-chevron{width:10px;font-size:12px;color:var(--modern-nav-muted,#8b98a9);transform:translateY(-1px);transition:opacity .12s ease,transform .15s ease}
  .horizontal-nav-item[aria-expanded="true"] .horizontal-nav-chevron{transform:translateY(-1px) rotate(180deg)}
  .horizontal-nav-count{min-width:0;height:auto;padding:0;display:inline;align-items:normal;justify-content:normal;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--nav-count-ink,var(--modern-nav-muted,#8b98a9));font-size:10px;font-weight:700;line-height:1;letter-spacing:.01em;font-variant-numeric:tabular-nums}
  .horizontal-nav-count.overdue{background:transparent;color:var(--nav-count-overdue-ink,#b42318)}
  .horizontal-nav-item.active .horizontal-nav-count:not(.overdue){background:transparent;color:var(--nav-count-active-ink,var(--modern-nav-ink,#40546d))}
  .horizontal-nav-window-action{position:absolute;right:5px;top:50%;z-index:3;width:25px;height:25px;padding:0;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--modern-nav-muted,#8b98a9);display:grid;place-items:center;cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transform:translate(3px,-50%);transition:opacity .12s ease,transform .12s ease,background-color .12s ease,border-color .12s ease,color .12s ease}
  .horizontal-nav-window-action .sidebar-nav-action-svg{width:14px;height:14px}
  .horizontal-nav-window-action:hover,.horizontal-nav-window-action:focus-visible{background:var(--modern-nav-hover,color-mix(in srgb,var(--accent) 7%,var(--panel)));border-color:var(--modern-nav-line,var(--line));color:var(--modern-nav-active-ink,var(--accent));outline:none}
  .horizontal-nav-item-wrap:hover>.horizontal-nav-window-action,.horizontal-nav-item-wrap:focus-within>.horizontal-nav-window-action{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0,-50%)}
  .horizontal-nav-submenu{
    display:none;position:absolute;left:0;top:100%;min-width:190px;
    padding:5px;background:var(--modern-nav-submenu-bg,color-mix(in srgb,var(--modern-nav-bg,#17243a) 14%,var(--panel)));border:1px solid var(--modern-nav-submenu-border,color-mix(in srgb,var(--modern-nav-bg,#17243a) 22%,var(--line)));border-radius:10px;
    box-shadow:0 6px 16px rgba(15,35,64,.08);color:var(--text);z-index:80;align-content:start;
  }
  .horizontal-nav-item-wrap[data-horizontal-nav="dossiers"]>.horizontal-nav-submenu{min-width:244px}
  .horizontal-nav-item-wrap:hover>.horizontal-nav-submenu,
  .horizontal-nav-item-wrap:focus-within>.horizontal-nav-submenu,
  .horizontal-nav-item-wrap.submenu-open>.horizontal-nav-submenu{display:grid;gap:2px}
  .horizontal-nav-submenu>:is(.horizontal-nav-submenu-item,.horizontal-nav-submenu-row){position:relative}
  .horizontal-nav-submenu>:is(.horizontal-nav-submenu-item,.horizontal-nav-submenu-row)+:is(.horizontal-nav-submenu-item,.horizontal-nav-submenu-row)::before{
    content:"";position:absolute;left:7px;right:7px;top:-1px;height:1px;
    background:color-mix(in srgb,var(--line) 55%,transparent);pointer-events:none
  }
  .horizontal-nav-submenu-heading{padding:6px 9px 4px;color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
  .horizontal-nav-submenu-sep{height:1px;margin:5px 3px;background:var(--line)}
  .horizontal-nav-submenu-item{
    width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;
    border:0;border-radius:7px;background:transparent;color:var(--text);padding:6px 8px;
    text-align:left;cursor:pointer;font-size:11px;font-weight:650;line-height:1.25;
  }
  .horizontal-nav-submenu-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px;border-radius:7px;transition:background-color .12s ease,color .12s ease,box-shadow .12s ease}
  .horizontal-nav-submenu-row .horizontal-nav-submenu-item{min-width:0}
  .horizontal-nav-submenu-actions{display:flex;align-items:center;gap:1px}
  .horizontal-nav-submenu-row[data-secondary-case-id]>.horizontal-nav-submenu-actions{flex:0 0 51px;width:51px;justify-content:flex-end}
  .horizontal-nav-submenu-action,.horizontal-nav-submenu-pin{width:25px;height:25px;padding:0;border:1px solid transparent;border-radius:7px;display:grid;place-items:center;background:transparent;color:var(--muted);cursor:pointer;opacity:0;visibility:hidden;transform:translateX(2px);transition:opacity .12s ease,visibility 0s linear .12s,transform .12s ease,background-color .12s ease,border-color .12s ease,color .12s ease}
  .horizontal-nav-submenu-row:hover :is(.horizontal-nav-submenu-action,.horizontal-nav-submenu-pin),.horizontal-nav-submenu-row:focus-within :is(.horizontal-nav-submenu-action,.horizontal-nav-submenu-pin){opacity:1;visibility:visible;transform:none;transition-delay:.12s,.12s,.12s,0s,0s,0s}
  .horizontal-nav-submenu-action:hover,.horizontal-nav-submenu-action:focus-visible,.horizontal-nav-submenu-pin:hover,.horizontal-nav-submenu-pin:focus-visible{outline:none;background:var(--modern-nav-submenu-hover,color-mix(in srgb,var(--modern-nav-bg,#17243a) 18%,var(--panel)));border-color:var(--modern-nav-submenu-border,color-mix(in srgb,var(--modern-nav-bg,#17243a) 22%,var(--line)));color:var(--accent)}
  .horizontal-nav-submenu-pin.is-active{color:var(--accent);opacity:1;visibility:visible;transform:none}
  .horizontal-nav-submenu-pin.is-active .sidebar-nav-action-svg path:first-child{fill:currentColor}
  .horizontal-nav-submenu-action .sidebar-nav-action-svg,.horizontal-nav-submenu-pin .sidebar-nav-action-svg{width:14px;height:14px}
  .horizontal-nav-submenu-item:hover,.horizontal-nav-submenu-item:focus-visible{background:var(--modern-nav-submenu-hover,color-mix(in srgb,var(--modern-nav-bg,#17243a) 18%,var(--panel)));color:var(--accent);outline:none}
  .horizontal-nav-submenu-row:hover,.horizontal-nav-submenu-row:focus-within{background:var(--modern-nav-submenu-hover,color-mix(in srgb,var(--modern-nav-bg,#17243a) 18%,var(--panel)));color:var(--accent)}
  .horizontal-nav-submenu-row:has(>.horizontal-nav-submenu-item:focus-visible){box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 12%,transparent)}
  .horizontal-nav-submenu-row:hover>.horizontal-nav-submenu-item,.horizontal-nav-submenu-row:focus-within>.horizontal-nav-submenu-item{background:transparent;color:var(--accent)}
  .horizontal-nav-submenu-item small{color:var(--muted);font-size:10px;font-weight:550;white-space:nowrap}
  .horizontal-nav-item-wrap[data-horizontal-nav="dossiers"] .horizontal-nav-submenu-item.is-recent>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .horizontal-nav-item-wrap[data-horizontal-nav="dossiers"] .horizontal-nav-submenu-item.is-recent>small{margin-left:auto;font-variant-numeric:tabular-nums}
  .horizontal-nav-settings-wrap{position:relative;display:flex;align-items:center;align-self:center;margin-left:auto;padding:0 0 0 8px}
  .horizontal-nav-settings-button{
    flex:0 0 28px;width:28px;height:28px;padding:0;border:1px solid transparent;border-radius:8px;
    display:grid;place-items:center;background:transparent;color:var(--modern-nav-muted,var(--muted));cursor:pointer;
    transition:background .14s ease,border-color .14s ease,color .14s ease
  }
  .horizontal-nav-settings-button:hover,.horizontal-nav-settings-button:focus-visible,.horizontal-nav-settings-button[aria-expanded="true"]{
    background:var(--modern-nav-hover,var(--bg));border-color:var(--modern-nav-line,var(--line));color:var(--modern-nav-active-ink,var(--accent));outline:none
  }
  .horizontal-nav-settings-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .horizontal-nav-settings-panel{
    position:absolute;right:0;top:calc(100% + 4px);z-index:90;width:292px;padding:8px;
    border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--text);
    box-shadow:0 16px 38px rgba(15,35,64,.18)
  }
  .horizontal-nav-settings-panel[hidden]{display:none}
  .horizontal-nav-settings-head{display:grid;gap:3px;padding:5px 6px 9px}
  .horizontal-nav-settings-head b{font-size:12px;font-weight:800}
  .horizontal-nav-settings-head span{font-size:11px;line-height:1.35;color:var(--muted)}
  .horizontal-nav-color-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:7px;align-items:center;padding:7px 6px}
  .horizontal-nav-color-row input[type="color"]{width:34px;height:34px;padding:2px;border:1px solid var(--line);border-radius:9px;background:var(--panel);cursor:pointer}
  .horizontal-nav-color-row input[type="text"]{min-width:0;height:34px;padding:0 9px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--text);font:inherit;font-size:11px;text-transform:lowercase}
  .horizontal-nav-color-reset{height:34px;padding:0 9px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);font:inherit;font-size:11px;font-weight:700;cursor:pointer}
  .horizontal-nav-color-reset:hover,.horizontal-nav-color-reset:focus-visible{background:var(--bg);color:var(--accent);outline:none}
  .horizontal-nav-color-presets{display:flex;align-items:center;gap:7px;padding:2px 6px 9px}
  .horizontal-nav-color-presets button{width:22px;height:22px;padding:0;border:2px solid var(--panel);border-radius:50%;box-shadow:0 0 0 1px var(--line);cursor:pointer}
  .horizontal-nav-color-presets button:hover,.horizontal-nav-color-presets button:focus-visible{box-shadow:0 0 0 2px var(--accent);outline:none}
  .horizontal-nav-settings-section{border-top:1px solid var(--line);padding:8px 6px 5px}
  .horizontal-nav-settings-section-title{display:block;margin-bottom:5px;font-size:11px;font-weight:800;color:var(--text)}
  .horizontal-nav-count-setting{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:32px;padding:4px 2px;font-size:11px;color:var(--text);cursor:pointer}
  .horizontal-nav-count-setting input{width:16px;height:16px;margin:0;accent-color:var(--accent)}
  .horizontal-nav-settings-more{width:100%;margin-top:5px;padding:8px;border:0;border-radius:8px;background:transparent;color:var(--accent);font:inherit;font-size:11px;font-weight:750;text-align:left;cursor:pointer}
  .horizontal-nav-settings-more:hover,.horizontal-nav-settings-more:focus-visible{background:var(--bg);outline:none}
  html[data-appearance="dark"] .horizontal-nav{background:var(--modern-nav-bg,color-mix(in srgb,var(--panel) 96%,#0b213d))}
  html[data-appearance="dark"] .horizontal-nav-item{color:var(--modern-nav-ink,#b7c5d6)}
  html[data-appearance="dark"] .horizontal-nav-item:hover,html[data-appearance="dark"] .horizontal-nav-item:focus-visible,
  html[data-appearance="dark"] .horizontal-nav-item-wrap:focus-within>.horizontal-nav-item{background:color-mix(in srgb,var(--modern-nav-active-ink,#b9d1ff) 5%,transparent);color:var(--modern-nav-active-ink,#b9d1ff);border-color:transparent}
  html[data-appearance="dark"] .horizontal-nav-item.active{background:color-mix(in srgb,var(--modern-nav-active-ink,#b9d1ff) 9%,transparent);border-color:transparent;color:var(--modern-nav-active-ink,#b9d1ff)}
  html[data-appearance="dark"] .horizontal-nav-submenu{background:var(--modern-nav-submenu-bg-dark,var(--panel));border-color:var(--modern-nav-submenu-border-dark,var(--line));box-shadow:0 8px 20px rgba(0,0,0,.2)}
  html[data-appearance="dark"] .horizontal-nav-submenu-item:hover,html[data-appearance="dark"] .horizontal-nav-submenu-item:focus-visible,
  html[data-appearance="dark"] .horizontal-nav-submenu-row:hover,html[data-appearance="dark"] .horizontal-nav-submenu-row:focus-within,
  html[data-appearance="dark"] .horizontal-nav-submenu-action:hover,html[data-appearance="dark"] .horizontal-nav-submenu-action:focus-visible,
  html[data-appearance="dark"] .horizontal-nav-submenu-pin:hover,html[data-appearance="dark"] .horizontal-nav-submenu-pin:focus-visible{background:var(--modern-nav-submenu-hover-dark,var(--bg));border-color:var(--modern-nav-submenu-border-dark,var(--line))}
  html[data-appearance="dark"] .horizontal-nav-settings-panel{box-shadow:0 18px 42px rgba(0,0,0,.4)}
}
@media(max-width:760px){.horizontal-nav{display:none}}
/* ===== v1462-topbar-profile-menu ===== */
/* Accountbediening naast meldingen; dezelfde knop en hetzelfde menu op desktop en mobiel. */
.topbar-profile-menu{display:none}
.topbar-profile-trigger{
  width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;
  flex:0 0 auto;margin-left:1px;padding:0;border:1px solid var(--line);border-radius:50%;
  background:var(--panel);color:var(--text);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;
}
.topbar-profile-trigger:hover,.topbar-profile-trigger:focus-visible,.topbar-profile-trigger[aria-expanded="true"]{
  background:var(--bg);border-color:color-mix(in srgb,var(--accent) 26%,var(--line));color:var(--accent);outline:none;
}
.topbar-profile-trigger>svg{display:none}
.topbar-profile-trigger>span{--topbar-span-font-size:10px;display:block;color:inherit;font-size:10px;line-height:1;font-weight:850;letter-spacing:.01em;transform:none}
.topbar-profile-menu{
  position:fixed;right:18px;top:80px;z-index:6250;width:220px;padding:7px;
  border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);
  box-shadow:0 18px 42px rgba(15,23,42,.17);
}
.topbar-profile-menu.open{display:block}
.topbar-profile-menu-head{padding:9px 10px 10px;border-bottom:1px solid var(--line);display:grid;gap:3px}
.topbar-profile-menu-head b{font-size:12px;line-height:1.25}
.topbar-profile-menu-head small{font-size:10px;color:var(--muted);line-height:1.25}
.topbar-profile-menu button{width:100%;display:flex;align-items:center;gap:8px;border:0;border-radius:8px;background:transparent;color:var(--text);padding:9px 10px;text-align:left;cursor:pointer;font-size:12px;font-weight:650}
.topbar-profile-menu button:hover,.topbar-profile-menu button:focus-visible{background:color-mix(in srgb,var(--accent) 8%,var(--panel));color:var(--accent);outline:none}
.topbar-profile-menu button.logout{color:#b42318}
.topbar-profile-menu button.logout:hover,.topbar-profile-menu button.logout:focus-visible{background:#fff1f0;color:#b42318}
.topbar-profile-menu-sep{height:1px;margin:5px 3px;background:var(--line)}
html[data-appearance="dark"] .topbar-profile-menu{box-shadow:0 18px 44px rgba(0,0,0,.42)}
html[data-appearance="dark"] .topbar-profile-menu button.logout:hover,html[data-appearance="dark"] .topbar-profile-menu button.logout:focus-visible{background:#3a2023}
/* ===== v1463-navigation-mode ===== */
/* V14.63 — klassieke desktopzijbalk standaard; moderne horizontale navigatie als keuze. */
@media(min-width:761px){
  html.desktop-navigation-classic .app{
    display:grid;min-height:100vh;
  }
  html.desktop-navigation-classic .sidebar{display:flex}
  html.desktop-navigation-classic .main{width:auto;min-width:0}
  html.desktop-navigation-classic .horizontal-nav{display:none}
  html.desktop-navigation-classic .sidebar>.sidebar-profile{display:none}
  html.desktop-navigation-classic .topbar-profile-trigger{display:inline-flex}
  html.desktop-navigation-modern .app{display:block;min-height:100vh}
  html.desktop-navigation-modern .sidebar{display:none}
  html.desktop-navigation-modern .main{width:100%;min-width:0}
  html.desktop-navigation-modern .horizontal-nav{display:block}
  html.desktop-navigation-modern .topbar-profile-trigger{display:inline-flex}
}
.desktop-navigation-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.desktop-navigation-options label{
  display:grid;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:9px;
  padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:var(--panel);cursor:pointer;
}
.desktop-navigation-options label:hover{
  border-color:color-mix(in srgb,var(--accent) 28%,var(--line));
  background:color-mix(in srgb,var(--accent) 3%,var(--panel));
}
.desktop-navigation-options label.selected,.desktop-navigation-options label:has(input:checked){
  border-color:color-mix(in srgb,var(--accent) 45%,var(--line));
  background:color-mix(in srgb,var(--accent) 6%,var(--panel));
}
.desktop-navigation-options input{margin-top:2px}
.desktop-navigation-options span{display:grid;gap:3px;min-width:0}
.desktop-navigation-options b{font-size:10px}
.desktop-navigation-options small{font-size:9px;line-height:1.4;color:var(--muted)}
@media(max-width:760px){.desktop-navigation-options{grid-template-columns:1fr}}
/* ===== v1467-navigation-mode-toggle ===== */
/* V14.67 — dezelfde compacte layoutwisselaar in klassieke en moderne desktopnavigatie. */
.topbar-navigation-mode-toggle{display:none}
.navigation-mode-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.navigation-mode-toggle .navigation-mode-icon-target{opacity:0}
html.desktop-navigation-classic .navigation-mode-toggle .navigation-mode-icon-modern{opacity:1}
html.desktop-navigation-modern .navigation-mode-toggle .navigation-mode-icon-classic{opacity:1}
html body .app .sidebar #sidebarTimeGoal.is-hidden{display:none}
.case-back-icon{width:38px;height:36px;padding:0;display:grid;place-items:center;font-size:19px;line-height:1;background:transparent;border:0;border-radius:0;box-shadow:none}
.case-back-icon:hover,.case-back-icon:focus-visible,.case-back-icon:active{background:transparent;border:0;box-shadow:none;color:var(--accent)}
@media(min-width:761px){
  html.desktop-navigation-classic .topbar-navigation-mode-toggle,
  html.desktop-navigation-modern .topbar-navigation-mode-toggle{
    width:34px;height:34px;flex:0 0 auto;padding:0;border:1px solid var(--line);border-radius:50%;
    background:var(--panel);color:#40546d;display:grid;place-items:center;cursor:pointer;
    transition:background .15s ease,border-color .15s ease,color .15s ease;
  }
  /* V17.293 — rond zoals de meldingen- en profielknop ernaast; in donker thema een lichte icoonkleur. */
  html[data-appearance="dark"].desktop-navigation-classic .topbar-navigation-mode-toggle,
  html[data-appearance="dark"].desktop-navigation-modern .topbar-navigation-mode-toggle{color:var(--text)}
  html.desktop-navigation-classic .topbar-navigation-mode-toggle:hover,
  html.desktop-navigation-classic .topbar-navigation-mode-toggle:focus-visible,
  html.desktop-navigation-modern .topbar-navigation-mode-toggle:hover,
  html.desktop-navigation-modern .topbar-navigation-mode-toggle:focus-visible{
    background:var(--bg);border-color:color-mix(in srgb,var(--accent) 26%,var(--line));color:var(--accent);outline:none;
  }
}
@media(max-width:760px){.topbar-navigation-mode-toggle{display:none}}
@media(max-width:760px){
  .mobile-drawer #mobileSidebarTimeGoal:before{display:none;content:none}
  .mobile-drawer #mobileSidebarTimeGoal .sidebar-time-goal-head{display:flex}
  .mobile-drawer #mobileSidebarTimeGoal .sidebar-time-goal-track{display:block}
  .mobile-drawer #mobileSidebarTimeGoal .sidebar-time-goal-meta{display:flex}
  .mobile-drawer #mobileSidebarTimeGoal .sidebar-time-goal-head span,
  .mobile-drawer #mobileSidebarTimeGoal .sidebar-time-goal-head b,
  .mobile-drawer #mobileSidebarTimeGoal .sidebar-time-goal-track,
  .mobile-drawer #mobileSidebarTimeGoal .sidebar-time-goal-meta{opacity:1;visibility:visible}
}
/* ===== (zonder id) ===== */
.case-tools{display:flex;gap:8px;flex-wrap:wrap}
.case-tab-body{margin-top:8px}
.summary3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.summary3>div{border:1px solid var(--line);border-radius:14px;padding:14px}
.summary3 small{color:var(--muted)}
.summary3 b{display:block;font-size:20px;margin-top:5px}
.timeline-v4{border-left:2px solid #dfe7f4;margin-left:14px;padding-left:18px}
.tl-v4{position:relative;padding:0 0 18px}
.tl-v4:before{content:'';position:absolute;width:12px;height:12px;border-radius:50%;background:#2563eb;left:-25px;top:4px;border:3px solid white;box-shadow:0 0 0 1px #bfd0ee}
.tl-v4 .meta{color:var(--muted);font-size:12px;margin-bottom:3px}
.v4-table{overflow:auto}
.v4-table table{min-width:650px}
.case-tab-body .panel-h{padding-left:0;padding-right:0}
.case-tab-body .panel-h:first-child{border-top:0}
@media(max-width:760px){
  .summary3{grid-template-columns:1fr}
  .case-tools{width:100%}
  .case-tools .btn{flex:1}
  .case-tab-body .card.panel{overflow:auto}
}
/* ===== mail80-final-style ===== */
/* V11.80 final isolated mail composer */
#sheet.mail80-window{align-items:center;justify-content:center}
#sheet.mail80-window .sheet-card{width:min(960px,calc(100vw - 40px))!important;max-width:960px;height:min(850px,calc(100vh - 36px))!important;max-height:min(850px,calc(100vh - 36px));display:flex;flex-direction:column;overflow:hidden;border-radius:15px!important}
#sheet.mail80-window .sheet-head{flex:0 0 auto;min-height:50px!important}
#sheet.mail80-window #sheetBody{flex:1 1 auto;min-height:0!important;padding:0!important;overflow:hidden}
.mail80-composer{width:100%!important;height:100%!important;min-height:0!important;display:flex;flex-direction:column;margin:0;padding:0!important;background:var(--panel)!important;color:var(--text)!important}
.mail80-composer,.mail80-composer *{box-sizing:border-box}
.mail80-scroll{flex:1 1 auto;min-height:0!important;width:100%!important;overflow-y:auto;overflow-x:hidden;padding:14px 16px 20px!important;display:grid;align-content:start;/* V11.82: rijen mogen nooit kleiner worden dan hun eigen inhoud.
     Zonder deze regel kreeg een kind met overflow:hidden (het adresblok)
     een automatische minimumhoogte van 0 en werd het door de vaste
     scrollerhoogte platgedrukt tot alleen de rand. */
  grid-auto-rows:max-content!important;gap:10px!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-padding-bottom:80px}
/* Context */
.mail80-context{display:grid;gap:9px!important;width:100%!important;padding:11px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--panel)!important}
.mail80-context-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:11px!important;min-width:0!important}
.mail80-field{display:grid;gap:5px!important;min-width:0!important;margin:0}
.mail80-field>span{display:block;color:var(--muted)!important;font-size:8px!important;line-height:1!important;font-weight:800!important;letter-spacing:.04em!important;text-transform:uppercase}
.mail80-field>select,.mail80-template-select{width:100%!important;min-width:0!important;height:35px!important;min-height:35px!important;margin:0;padding:0 9px!important;border:1px solid var(--line)!important;border-radius:8px!important;background:var(--panel)!important;color:var(--text)!important;font-family:inherit!important;font-size:10px!important}
.mail80-readonly{min-height:35px!important;display:flex;align-items:center;justify-content:space-between;gap:8px!important;padding:6px 9px!important;border:1px solid var(--line)!important;border-radius:8px!important;background:var(--bg)!important}
.mail80-readonly b{font-size:10px!important}
.mail80-readonly small{font-size:8px!important;color:var(--muted)!important;overflow-wrap:anywhere}
/* Relation search */
.mail80-relation-picker{position:relative!important;min-width:0!important}
.mail80-relation-search{height:35px!important;display:grid;grid-template-columns:21px minmax(0,1fr) 24px;align-items:center;gap:4px!important;padding:0 5px 0 8px!important;border:1px solid var(--line)!important;border-radius:8px!important;background:var(--panel)!important}
.mail80-search-icon{color:var(--muted)!important;font-size:12px!important}
.mail80-relation-search input{display:block;width:100%!important;min-width:0!important;height:33px!important;min-height:33px!important;margin:0;padding:0!important;border:0!important;outline:0;box-shadow:none!important;background:transparent!important;color:var(--text)!important;opacity:1;visibility:visible;font-family:inherit!important;font-size:10px!important}
.mail80-relation-clear{width:22px!important;height:22px!important;padding:0!important;border:0!important;border-radius:6px!important;background:transparent!important;color:var(--muted)!important;cursor:pointer;font-size:14px!important}
.mail80-relation-clear:hover{background:var(--bg)!important;color:var(--text)!important}
.mail80-relation-results{display:none;position:absolute!important;z-index:10030;top:calc(100% + 5px)!important;left:0!important;right:0!important;max-height:230px;overflow:auto;padding:5px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:var(--panel)!important;box-shadow:0 14px 32px rgba(15,23,42,.16)!important}
.mail80-relation-picker.open .mail80-relation-results{display:grid!important}
.mail80-relation-result{width:100%!important;min-width:0!important;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:center;gap:8px!important;padding:8px 9px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:var(--text)!important;text-align:left;cursor:pointer;font-family:inherit!important}
.mail80-relation-result:hover{background:var(--bg)!important}
.mail80-relation-result-main{display:grid;gap:2px!important;min-width:0!important}
.mail80-relation-result-main b{font-size:10px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mail80-relation-result-main small,.mail80-relation-result-side{font-size:8px!important;color:var(--muted)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mail80-relation-result-side{text-align:right}
.mail80-relation-filter-empty,.mail80-empty{padding:10px!important;color:var(--muted)!important;font-size:9px!important}
.mail80-relation-picker.disabled{opacity:.7!important}
.mail80-relation-summary{min-height:34px!important;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px!important;padding:6px 9px!important;border:1px solid var(--line)!important;border-radius:8px!important;background:var(--bg)!important}
.mail80-summary-name{display:flex!important;align-items:baseline!important;gap:7px!important;min-width:0!important}
.mail80-summary-name b{font-size:10px!important}
.mail80-summary-name span,.mail80-summary-empty{font-size:8px!important;color:var(--muted)!important}
.mail80-summary-tags{display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;gap:5px!important}
.mail80-summary-tags>span{max-width:220px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;padding:3px 6px!important;border-radius:6px!important;background:var(--panel)!important;color:var(--muted)!important;font-size:8px!important}
/* Addressing: explicit visible rows */
/* Tool row */
.mail80-actions{display:flex;align-items:center;justify-content:space-between;gap:8px!important;flex-wrap:wrap}
.mail80-actions-left{min-width:0!important;flex:1 1 auto;display:flex;align-items:center;gap:5px!important;flex-wrap:wrap}
.mail80-actions .textblock-toolbar{display:flex;align-items:center;gap:5px!important;margin:0}
.mail80-actions .textblock-toolbar select,.mail80-template-select{height:32px!important;min-height:32px!important;border:1px solid var(--line)!important;border-radius:8px!important;background:var(--panel)!important;color:var(--text)!important;font-size:9px!important;padding:0 8px!important}
.mail80-action-button{height:32px!important;min-height:32px!important;display:inline-flex;align-items:center;justify-content:center;gap:5px!important;padding:0 9px!important;border:1px solid var(--line)!important;border-radius:8px!important;background:var(--panel)!important;color:var(--text)!important;font-family:inherit!important;font-size:9px!important;font-weight:700!important;cursor:pointer}
.mail80-action-button:hover{background:var(--bg)!important}
.mail80-action-button:disabled{opacity:.45!important;cursor:default!important}
/* Attachment popover */
.mail80-attachment-wrap{position:relative!important;flex:0 0 auto!important}
.mail80-attachment-picker{display:none;position:absolute!important;z-index:10035;right:0!important;top:calc(100% + 5px)!important;width:340px!important;max-width:calc(100vw - 48px);max-height:300px;overflow:hidden;border:1px solid var(--line)!important;border-radius:11px!important;background:var(--panel)!important;box-shadow:0 14px 34px rgba(15,23,42,.16)!important}
.mail80-attachment-picker.open{display:grid!important}
.mail80-attachment-search{min-height:38px!important;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:5px!important;padding:0 9px!important;border-bottom:1px solid var(--line)!important}
.mail80-attachment-search span{color:var(--muted)!important}
.mail80-attachment-search input{display:block;width:100%!important;min-width:0!important;height:36px!important;margin:0;padding:0!important;border:0!important;outline:0;box-shadow:none!important;background:transparent!important;color:var(--text)!important;-webkit-text-fill-color:var(--text);font-family:inherit!important;font-size:10px!important}
.mail80-attachment-list{max-height:255px;overflow:auto;padding:5px!important}
.mail80-attachment-result{width:100%!important;display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;align-items:center!important;gap:7px!important;padding:7px 8px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:var(--text)!important;text-align:left!important;cursor:pointer!important;font-family:inherit!important}
.mail80-attachment-result:hover{background:var(--bg)!important}
.mail80-file-icon{width:27px!important;height:27px!important;border-radius:7px!important;background:var(--bg)!important;display:grid!important;place-items:center!important;color:var(--accent)!important}
.mail80-file-copy{display:grid!important;gap:2px!important;min-width:0!important}
.mail80-file-copy b{font-size:9px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.mail80-file-copy small{font-size:8px!important;color:var(--muted)!important}
.mail80-attachment-chips{display:flex;flex-wrap:wrap;gap:5px!important;min-height:0!important}
/* Editor */
.mail80-editor-shell{display:grid;grid-template-rows:auto minmax(315px,1fr);min-height:355px!important;width:100%!important;scroll-margin-top:10px}
.mail80-formatbar{position:relative!important;display:flex;align-items:center;gap:3px!important;min-height:38px!important;padding:5px 6px!important;border:1px solid var(--line)!important;border-bottom:0!important;border-radius:11px 11px 0 0!important;background:var(--bg)!important;overflow:visible}
.mail80-formatbar>button,.mail80-format-menu>summary{width:27px!important;min-width:27px!important;height:27px!important;min-height:27px!important;padding:0!important;border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;color:var(--text)!important;display:grid;place-items:center;font-family:inherit!important;font-size:9px!important;font-weight:700!important;cursor:pointer;list-style:none}
.mail80-format-menu>summary::-webkit-details-marker{display:none!important}
.mail80-formatbar>button:hover,.mail80-format-menu>summary:hover,.mail80-format-menu[open]>summary{background:var(--panel)!important;border-color:var(--line)!important}
.mail80-format-menu{position:relative!important;flex:0 0 auto}
.mail80-format-popover{position:absolute!important;z-index:10040;top:calc(100% + 5px)!important;left:0!important;min-width:130px!important;padding:5px!important;border:1px solid var(--line)!important;border-radius:9px!important;background:var(--panel)!important;box-shadow:0 12px 28px rgba(15,23,42,.15)!important}
.mail80-format-popover button{width:100%!important;min-height:30px!important;padding:5px 8px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:var(--text)!important;text-align:left;cursor:pointer;font-size:10px!important}
.mail80-format-popover button:hover{background:var(--bg)!important}
.mail80-size-popover{min-width:64px!important}
.mail80-size-popover button{text-align:center}
.mail80-separator{width:1px!important;height:18px!important;background:var(--line)!important;margin:0 1px;flex:0 0 auto}
.mail80-editor{display:block;width:100%!important;min-height:315px!important;height:auto!important;padding:14px 15px!important;border:1px solid var(--line)!important;border-radius:0 0 11px 11px!important;background:var(--panel)!important;color:var(--text)!important;-webkit-text-fill-color:var(--text);opacity:1;visibility:visible;outline:none;overflow:visible;font-family:Arial,sans-serif!important;font-size:11px!important;line-height:1.55!important}
.mail80-editor:focus{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 8%,transparent)!important}
/* Existing signature inside new composer */
.mail80-composer .email-compose-signature{margin:0!important;padding:10px 11px!important;border:1px solid var(--line)!important;border-radius:11px!important;background:var(--panel)!important}
/* Footer */
.mail80-footer{flex:0 0 auto;min-height:58px!important;display:flex;align-items:center;justify-content:space-between;gap:12px!important;padding:9px 16px!important;border-top:1px solid var(--line)!important;background:var(--panel)!important}
.mail80-footer-info{min-width:0!important;display:flex;align-items:center;gap:10px!important;color:var(--muted)!important;font-size:8px!important}
.mail80-footer-info b{color:var(--text)!important;font-size:9px!important}
.mail80-footer-actions{display:flex;align-items:center;gap:7px!important}
.mail80-footer-actions .btn{min-width:116px!important}
/* Dark */
html[data-appearance="dark"] .mail80-relation-results,html[data-appearance="dark"] .mail80-attachment-picker,html[data-appearance="dark"] .mail80-format-popover{background:var(--panel)!important;border-color:var(--line)!important;box-shadow:0 16px 36px rgba(0,0,0,.36)!important}
/* Mobile */
@media(max-width:760px){
  #sheet.mail80-window{align-items:flex-end}
  #sheet.mail80-window .sheet-card{width:calc(100vw - 10px)!important;max-width:calc(100vw - 10px);height:calc(100dvh - 10px)!important;max-height:calc(100dvh - 10px);border-radius:15px 15px 0 0!important}
  .mail80-scroll{padding:10px!important;gap:8px!important;scroll-padding-bottom:90px}
  .mail80-context{padding:9px!important}
  .mail80-context-grid{grid-template-columns:1fr;gap:8px!important}
  .mail80-actions{align-items:stretch}
  .mail80-actions-left{width:100%!important}
  .mail80-template-select{flex:1 1 130px;width:auto!important}
  .mail80-relation-results{position:fixed!important;z-index:12030;left:12px!important;right:12px!important;top:auto!important;bottom:78px!important;max-height:42vh}
  .mail80-attachment-picker{position:fixed!important;z-index:12035;left:12px!important;right:12px!important;top:auto!important;bottom:78px!important;width:auto!important;max-width:none}
  .mail80-editor-shell{grid-template-rows:auto minmax(350px,1fr);min-height:390px!important}
  .mail80-editor{min-height:350px!important}
  .mail80-formatbar{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}
  .mail80-formatbar>*{flex:0 0 auto}
  .mail80-format-popover{position:fixed!important;z-index:12040;left:12px!important;top:auto!important;bottom:78px!important}
  .mail80-footer{min-height:66px!important;padding:9px 10px calc(9px + env(safe-area-inset-bottom))!important}
  .mail80-footer-info{display:none}
  .mail80-footer-actions{width:100%!important}
  .mail80-footer-actions .btn{flex:1 1 0;min-width:0!important}
}
/* ===== mail80-address-visibility-final ===== */
/* Extra visuele borging n.a.v. screenshot: Aan/Onderwerp moeten onmiskenbaar zichtbaar zijn. */
/* ===== v1182-responsive-audit ===== */
/* V11.82 auditcorrecties — horizontale overloop op tussenbreedtes.

   1. .grid2 gebruikte `1.5fr 1fr`. Dat is `minmax(auto,…)`, dus de kolommen konden niet
      krimpen onder de minimale inhoudsbreedte. Tussen 761px en 1000px duwde de AI-kaart
      op het dashboard daardoor de hele pagina breder. minmax(0,…) lost dat op.
   2. Brede tabellen in .v4-table stonden in een panel met overflow:visible, terwijl de
      tabel zelf min-width:650px heeft. Die scrollen nu binnen hun eigen panel. */
@media(min-width:761px){
  .grid2{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
  .v4-table,.panel.v4-table{overflow-x:auto!important;max-width:100%;min-width:0!important}
  .v4-table>table{max-width:none}
  /* V11.20 zette hier overflow:visible!important met hogere specificiteit; daardoor stak de
     tabel (min-width:650px) op ~900px buiten de pagina. Nu scrollt hij binnen zijn eigen vlak. */
  #uren .time-day-content>.panel.v4-table{overflow-x:auto!important;overflow-y:hidden!important;max-width:100%}
}
@media(min-width:761px) and (max-width:1000px){
  .grid2{grid-template-columns:minmax(0,1fr)}
}
/* ===== mail82-address-height-final ===== */
/* V11.82 — hoofdoorzaak: #mail81AddressBox is een grid-item in de scrollende
   .mail80-scroll. Omdat het blok overflow:hidden heeft, is de automatische
   minimumhoogte 0. Zodra de composer-inhoud hoger was dan het venster,
   kromp juist dit blok tot 5px en werden Aan/Cc/Bcc/Onderwerp weggeknipt.
   Onderstaande regels garanderen dat het blok altijd zijn eigen inhoud houdt. */
#sheet.mail80-window .mail80-scroll{grid-auto-rows:max-content}
#sheet.mail80-window #mail81ToRow,#sheet.mail80-window #mail81SubjectRow,#sheet.mail80-window #composeCcRow,#sheet.mail80-window #composeBccRow{flex:0 0 auto;min-height:48px!important;height:auto!important;overflow:visible}
#sheet.mail80-window #mail81AddressBox{height:auto!important;min-height:max-content!important;max-height:none;align-self:start;flex:0 0 auto;--mail81-label-w:104px;--mail81-label-pad:14px}
@media(max-width:760px){
  /* Inline !important is niet met CSS te overschrijven; via custom properties wel. */
  #sheet.mail80-window #mail81AddressBox{--mail81-label-w:74px;--mail81-label-pad:9px}
}
/* De globale vensterknop-regel (44x44 + eigen ::before "×") mag deze
   kleine Cc/Bcc-knoppen niet overnemen. */
#sheet.mail80-window #composeCcRow>button,#sheet.mail80-window #composeBccRow>button{width:30px!important;min-width:30px!important;max-width:30px;height:30px!important;min-height:30px!important;max-height:30px;font-size:15px!important;line-height:1!important}
#sheet.mail80-window #composeCcRow>button::before,#sheet.mail80-window #composeBccRow>button::before,#sheet.mail80-window #composeCcRow>button::after,#sheet.mail80-window #composeBccRow>button::after{content:none!important;display:none!important}
#sheet.mail80-window #mail81AddressBox strong{overflow:visible;text-indent:0;max-width:none;max-height:none;transform:none!important;clip-path:none}
/* ===== mail81-address-mobile-final ===== */
@media(max-width:760px){
  #sheet.mail80-window #mail81AddressBox strong{flex-basis:78px;width:78px!important;min-width:78px!important;padding-left:9px!important;padding-right:9px!important;font-size:10px!important}
  #sheet.mail80-window #mail81AddressBox input{font-size:10px!important;padding-left:9px!important;padding-right:9px!important}
}
/* ===== mail85-composer-improvements ===== */
.mail85-attach-wrap{position:relative!important;flex:0 0 auto;display:flex;align-items:center}
.mail85-attach-main{height:32px!important;min-height:32px!important;margin:0;white-space:nowrap}
.mail85-chevron{font-size:9px!important;color:var(--muted)!important}
.mail85-attach-menu{display:none;position:absolute!important;z-index:10045;right:0!important;top:calc(100% + 5px)!important;width:255px!important;padding:5px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:var(--panel)!important;box-shadow:0 14px 32px rgba(15,23,42,.16)!important}
.mail85-attach-menu.open{display:grid!important;gap:2px!important}
.mail85-attach-menu>button{display:grid;grid-template-columns:28px minmax(0,1fr);gap:7px!important;align-items:center;width:100%!important;padding:8px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:var(--text)!important;text-align:left;font-family:inherit!important;cursor:pointer}
.mail85-attach-menu>button:hover:not(:disabled){background:var(--bg)!important}
.mail85-attach-menu>button:disabled{opacity:.45!important;cursor:default!important}
.mail85-attach-menu>button>span:first-child{width:27px!important;height:27px!important;display:grid;place-items:center;border-radius:7px!important;background:var(--bg)!important;color:var(--accent)!important}
.mail85-attach-menu b{display:block;font-size:9px!important}
.mail85-attach-menu small{display:block;margin-top:2px;color:var(--muted)!important;font-size:8px!important;font-weight:400!important}
.mail85-local-chip small{margin-left:5px!important;color:var(--muted)!important;font-size:8px!important}
.mail85-attach-wrap .mail80-attachment-picker{right:0!important;top:calc(100% + 5px)!important}
@media(max-width:760px){
  .mail85-attach-menu,.mail85-attach-wrap .mail80-attachment-picker{position:fixed!important;left:12px!important;right:12px!important;top:auto!important;bottom:78px!important;width:auto!important;max-width:none}
}
/* ===== mail86-attachment-alignment ===== */
#sheet.mail80-window .mail80-actions{display:flex;align-items:center;justify-content:flex-start}
#sheet.mail80-window .mail80-actions-left{display:flex;flex:1 1 auto;min-width:0!important;align-items:center;flex-wrap:wrap;gap:6px!important}
#sheet.mail80-window .mail85-attach-wrap{position:relative!important;display:inline-flex;flex:0 0 auto;align-items:center;align-self:center;height:32px!important;margin:0;padding:0!important;vertical-align:middle}
#sheet.mail80-window .mail85-attach-main{display:inline-flex;align-items:center;justify-content:center;gap:5px!important;box-sizing:border-box;height:32px!important;min-height:32px!important;max-height:32px;min-width:0!important;margin:0;padding:0 10px!important;line-height:1!important;vertical-align:middle}
#sheet.mail80-window .mail85-attach-main > span{display:inline-flex;align-items:center;line-height:1!important}
#sheet.mail80-window .mail85-attach-main > span:first-child{font-size:12px!important;transform:none!important}
#sheet.mail80-window .mail85-chevron{margin:0 0 0 1px;font-size:9px!important;line-height:1!important}
#sheet.mail80-window .mail85-attach-menu,#sheet.mail80-window .mail85-attach-wrap .mail80-attachment-picker{left:0!important;right:auto!important;top:calc(100% + 5px)!important}
@media(max-width:760px){
  #sheet.mail80-window .mail80-actions-left{gap:5px!important}
  #sheet.mail80-window .mail85-attach-wrap{height:30px!important}
  #sheet.mail80-window .mail85-attach-main{height:30px!important;min-height:30px!important;max-height:30px;padding:0 8px!important}
  #sheet.mail80-window .mail85-attach-menu,#sheet.mail80-window .mail85-attach-wrap .mail80-attachment-picker{position:fixed!important;left:12px!important;right:12px!important;top:auto!important;bottom:78px!important}
}
/* ===== v1374-unified-attachment-icon ===== */
.attachment-action-icon{width:16px;height:16px;display:block;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.chat-compose-action-icon{width:19px;height:19px;display:block;flex:0 0 19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.attachment-chip-icon{width:12px;height:12px;flex-basis:12px}
#chat .chat-attach-btn .attachment-action-icon{width:18px;height:18px;flex-basis:18px}
/* ===== email87-modern-layout ===== */
.email87-shell{--email87-folder-width:210px;--email87-reader-width:440px;display:grid;grid-template-columns:var(--email87-folder-width) 8px minmax(330px,1fr) 24px var(--email87-reader-width);height:clamp(420px,calc(100dvh - 185px),780px);border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow:hidden;box-shadow:0 8px 26px rgba(15,23,42,.05)}
.email87-sidebar{min-width:0;overflow:auto;padding:14px 10px;background:color-mix(in srgb,var(--bg) 72%,var(--panel));border-right:0}
.email87-splitter{position:relative;min-width:8px;cursor:col-resize;background:var(--panel);touch-action:none;user-select:none;outline:none}
.email87-splitter::after,.desk-ai-conversation-layout[data-collapsed="true"]::before{content:"";position:absolute;left:3px;top:14px;bottom:14px;width:2px;border-radius:999px;background:color-mix(in srgb,var(--line) 88%,transparent);transition:background .14s ease,transform .14s ease}
.email87-splitter:hover::after,.email87-splitter:focus-visible::after,.email87-shell.email87-resizing .email87-splitter::after{background:color-mix(in srgb,var(--accent) 45%,var(--line));transform:scaleY(1.02)}
.email87-splitter:focus-visible{background:color-mix(in srgb,var(--accent) 6%,var(--panel))}
.email87-shell.email87-resizing{cursor:col-resize;user-select:none}
.email87-reader-divider{position:relative;min-width:24px;background:var(--panel)}
.email87-reader-splitter{position:absolute;inset:0;min-width:0}
.email87-reader-splitter::after,.desk-ai-conversation-layout[data-collapsed="true"]::before{left:11px}
.email87-reader-toggle{position:absolute;z-index:3;left:50%;top:18px;display:grid;place-items:center;width:24px;height:30px;padding:0;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--muted);cursor:pointer;transform:translateX(-50%);box-shadow:0 2px 8px rgba(15,23,42,.05)}
.email87-reader-toggle:hover,.email87-reader-toggle:focus-visible{border-color:color-mix(in srgb,var(--accent) 30%,var(--line));background:var(--bg);color:var(--accent);outline:none}
.email87-reader-toggle[aria-expanded="false"] .email-side-chevron-icon{transform:rotate(180deg)}
.email87-shell.email87-reader-collapsed{grid-template-columns:var(--email87-folder-width) 8px minmax(0,1fr) 24px}
.email87-shell.email87-reader-collapsed .email-side-panel{display:none}
.email87-account{display:flex;align-items:center;padding:5px 8px 15px;margin-bottom:5px;border-bottom:1px solid var(--line)}
.email87-account b,.email87-account small{display:block}
.email87-account b{font-size:11px}
.email87-account small{margin-top:2px;color:var(--muted);font-size:8px}
.email87-nav{display:grid;gap:2px}
.email87-nav-item{display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:7px;width:100%;min-height:37px;padding:0 9px;border:0;border-radius:9px;background:transparent;color:var(--text);font:inherit;font-size:10px;text-align:left;cursor:pointer}
.email87-nav-item:hover{background:color-mix(in srgb,var(--accent) 7%,transparent)}
.email87-nav-item.active{background:color-mix(in srgb,var(--accent) 11%,var(--panel));color:var(--accent);font-weight:750}
.email87-icon{display:grid;place-items:center;width:23px;color:var(--muted);font-size:14px}
.email87-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.email87-nav-item.active .email87-icon{color:var(--accent)}
.email87-nav-item em{min-width:19px;padding:2px 5px;border-radius:10px;background:var(--bg);color:var(--muted);font-size:8px;font-style:normal;text-align:center}
.email87-nav-item.active em:not(:empty){background:var(--accent);color:white}
.email87-folder-head{display:flex;align-items:center;justify-content:space-between;margin:18px 8px 6px;color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.email87-folder-head button{border:0;background:transparent;color:var(--muted);font-size:17px;cursor:pointer}
.email87-no-folders{padding:7px 10px;color:var(--muted);font-size:8px}
.email87-main{display:flex;min-width:0;min-height:0;flex-direction:column;background:var(--panel);border-right:0}
.email87-toolbar{display:grid;grid-template-rows:31px 36px;min-height:104px;height:var(--email87-panel-header-height,104px);box-sizing:border-box;align-content:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line)}
.email87-heading{display:flex;align-items:center;gap:8px;width:100%;min-width:0;min-height:31px;flex-wrap:nowrap}
.email87-heading h3{margin:0;font-size:15px}
.email87-heading span{color:var(--muted);font-size:8px}
.email87-tools{display:grid;grid-template-columns:minmax(120px,1fr) minmax(135px,175px);gap:8px;align-items:center;min-width:0}
.email-side-chevron-icon{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s ease}
.email87-tools input,.email87-tools select{height:36px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 10px;font:inherit;font-size:11px;color:#344054}
.email87-tools input{width:100%;min-width:0}
.email87-tools select{width:100%;min-width:0}
.email87-table-wrap{min-height:0;flex:1 1 auto;overflow:auto}
.email87-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}
.email87-table th{position:sticky;top:0;z-index:1;padding:9px 10px;border-bottom:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:7.5px;font-weight:800;text-align:left;text-transform:uppercase;letter-spacing:.04em}
.email87-table td{padding:10px;border-bottom:1px solid var(--line);vertical-align:middle;font-size:9px}
.email87-table tbody tr{cursor:pointer;transition:background .12s}
.email87-table tbody tr:hover{background:color-mix(in srgb,var(--accent) 10%,var(--panel))}
.email87-table tbody tr.email87-unread{background:color-mix(in srgb,var(--accent) 5%,var(--panel))}
.email87-table tbody tr.email87-unread:hover{background:color-mix(in srgb,var(--accent) 10%,var(--panel))}
.email87-status-col{width:58px!important;text-align:center!important}
.email87-date-col{white-space:nowrap}
.email87-star{border:0;background:transparent;color:var(--muted);font-size:13px;cursor:pointer;padding:1px}
.email87-star.on{color:#d99b16}
.email87-status-actions{display:flex;align-items:center;justify-content:center;gap:2px}
.email87-read-toggle{display:grid;place-items:center;width:18px;height:24px;padding:0;border:0;border-radius:6px;background:transparent;cursor:pointer}
.email87-read-toggle:hover,.email87-read-toggle:focus-visible{background:transparent;outline:none}
.email87-read-toggle:hover .topbar-notification-unread-dot{transform:scale(1.25)}
.email87-read-toggle:hover .topbar-notification-read-dot,.email87-read-toggle:focus-visible .topbar-notification-read-dot{border-color:var(--accent)}
.email87-read-toggle:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 42%,transparent)}
.email87-read-toggle .topbar-notification-unread-dot,.email87-read-toggle .topbar-notification-read-dot{transition:transform .12s ease,border-color .12s ease}
.email87-status-actions .email87-star{display:grid;place-items:center;width:20px;height:24px;padding:0}
.email87-person b,.email87-person small,.email87-subject b,.email87-subject small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.email87-person b,.email87-subject b{font-size:9px}
.email87-person small,.email87-subject small{margin-top:3px;color:var(--muted);font-size:7.5px;font-weight:400}
.email87-relation,.email87-case{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}
.email87-date-col time{color:var(--muted);font-size:8px}
.email87-table .email90-check-column{width:34px}
.email87-table .email87-status-column{width:58px}
.email87-table .email87-person-column{width:var(--email87-sender-width,145px)}
.email87-table .email87-relation-column{width:var(--email87-relation-width,132px)}
.email87-table .email87-message-column{width:var(--email87-subject-width,280px)}
.email87-table .email87-case-column{width:var(--email87-case-width,132px)}
.email87-table .email87-date-column{width:var(--email87-date-width,136px)}
.email87-shell:not(.email87-reader-collapsed) .email87-context-column,
.email87-shell:not(.email87-reader-collapsed) .email87-table th:nth-child(4),
.email87-shell:not(.email87-reader-collapsed) .email87-table td:nth-child(4),
.email87-shell:not(.email87-reader-collapsed) .email87-table th:nth-child(6),
.email87-shell:not(.email87-reader-collapsed) .email87-table td:nth-child(6){display:none}
.email87-row-labels{display:flex;align-items:center;gap:4px;min-width:0;margin-top:6px;overflow:hidden}
.email87-row-label{display:inline-block;max-width:44%;height:20px;min-width:0;padding:0 7px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--bg) 72%,var(--panel));color:var(--muted);font:inherit;font-size:var(--bd-type-small,11px);font-weight:650;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.email87-row-label:hover,.email87-row-label:focus-visible{border-color:color-mix(in srgb,var(--accent) 28%,var(--line));color:var(--accent);outline:none}
.email87-row-label-count{flex:0 0 auto;cursor:default}
.email87-shell.email87-reader-collapsed .email87-row-labels{display:none}
.email87-column-resizer{position:absolute;z-index:5;right:0;top:0;bottom:0;width:10px;cursor:col-resize;touch-action:none;user-select:none;outline:none}
.email87-column-resizer::after{content:"";position:absolute;right:0;top:7px;bottom:7px;width:2px;border-radius:999px;background:transparent;transition:background .12s ease}
.email87-column-resizer:hover::after,.email87-column-resizer:focus-visible::after,.email87-table.email87-columns-resizing .email87-column-resizer::after{background:color-mix(in srgb,var(--accent) 45%,var(--line))}
.email87-empty{display:grid;place-items:center;gap:5px;padding:65px 20px;color:var(--muted);text-align:center}
.email87-empty b{color:var(--text);font-size:10px}
.email87-empty small{font-size:8px}
@media(max-width:1150px){
  .email87-shell,.email87-shell.email87-reader-collapsed{grid-template-columns:minmax(170px,var(--email87-folder-width)) minmax(0,1fr);height:auto;min-height:590px}
  .email87-folder-splitter{display:none}
  .email87-main{min-height:420px;border-right:0}
  .email87-reader-divider{display:block;grid-column:2;min-width:0;width:auto;height:24px}
  .email87-reader-splitter{display:block;cursor:default}
  .email87-reader-splitter::after{left:14px;right:14px;top:11px;bottom:auto;width:auto;height:2px}
  .email87-reader-toggle{left:50%;top:50%;transform:translate(-50%,-50%)}
  .email87-reader-toggle .email-side-chevron-icon{transform:rotate(90deg)}
  .email87-shell.email87-reader-collapsed .email87-reader-toggle .email-side-chevron-icon{transform:rotate(-90deg)}
  .email-side-panel{grid-column:2;min-height:410px;border-top:1px solid var(--line)}
  .email87-table-wrap{overflow-x:auto}
  .email87-tools input{width:100%}
}
@media(max-width:760px){
  .email87-shell{display:block;border-radius:12px}
  .email87-sidebar{border-right:0;border-bottom:1px solid var(--line);padding:9px}
  .email87-account{padding-bottom:9px}
  .email87-nav,.email87-custom-folders{display:flex;overflow-x:auto;gap:4px;padding-bottom:3px}
  .email87-nav-item{display:flex;flex:0 0 auto;min-height:34px;padding:0 9px}
  .email87-nav-item .email87-icon{width:auto}
  .email87-folder-head{margin-top:10px}
  .email87-no-folders{display:none}
  .email87-toolbar{padding:11px}
  .email87-tools{width:100%;margin-left:0}
  .email87-tools input,.email87-tools select{min-width:0;width:100%}
  .email87-table-wrap{overflow-x:auto}
  .email87-table{min-width:650px}
  .email87-title{align-items:center}
  .email-side-panel{min-height:360px;border-top:1px solid var(--line)}
}
html[data-appearance="dark"] .email87-shell,html[data-appearance="dark"] .email87-main,html[data-appearance="dark"] .email87-table th{background:var(--panel)!important}
html[data-appearance="dark"] .email87-tools input,html[data-appearance="dark"] .email87-tools select{background:var(--panel);color:var(--text)}
html[data-appearance="dark"] .chat-search input,html[data-appearance="dark"] .uren-toolbar-search input,html[data-appearance="dark"] .taken-toolbar-search input,html[data-appearance="dark"] .uniform-filter-tools input,html[data-appearance="dark"] .uniform-filter-tools select,html[data-appearance="dark"] .uniform-checkbox-filter{background:var(--panel)!important;color:var(--text)!important}
.email87-sidebar{color:var(--text)}
/* ===== email89-empty-state-fix ===== */
#email #email87Empty[hidden]{display:none}
#email #email87Empty:not([hidden]){display:grid!important}
/* ===== email90-sort-select ===== */
#email .email90-check-col{width:34px!important;text-align:center;padding-left:8px!important;padding-right:4px!important}
#email .email90-check-col input{appearance:none;-webkit-appearance:none;width:14px;height:14px;margin:0;border:1.5px solid var(--line);border-radius:4px;background:var(--panel);vertical-align:middle;cursor:pointer;position:relative}
#email .email90-check-col input:hover{border-color:var(--accent)}
#email .email90-check-col input:checked{border-color:var(--accent);background:var(--accent)}
#email .email90-check-col input:checked:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:white;font-size:9px;font-weight:800;line-height:1}
#email .email90-check-col input:indeterminate{border-color:var(--accent);background:var(--accent)}
#email .email90-check-col input:indeterminate:after{content:"";position:absolute;left:3px;right:3px;top:5px;height:2px;border-radius:2px;background:white}
#email .email87-table td.email87-status-col{padding-left:4px;padding-right:4px}
#email .email90-selection-count{padding:3px 7px;border-radius:10px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)!important;font-weight:700}
/* ===== email91-actions ===== */
#email .email91-bulk-actions{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:0;border:0;background:transparent;flex:0 0 auto}
#email .email91-bulk-actions[hidden]{display:none}
#email .email91-bulk-actions button{display:inline-grid;place-items:center;width:31px;height:31px;min-width:31px;padding:0;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;box-shadow:none}
#email .email91-bulk-actions button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
#email .email91-bulk-actions button:hover,#email .email91-bulk-actions button:focus-visible{background:transparent;border-color:color-mix(in srgb,var(--accent) 55%,var(--line));color:var(--accent);outline:none}
#email .email91-bulk-actions button.danger:hover,#email .email91-bulk-actions button.danger:focus-visible{color:#b42318;background:color-mix(in srgb,#b42318 7%,transparent);border-color:color-mix(in srgb,#b42318 35%,var(--line))}
.email91-context-menu{position:fixed;z-index:20000;width:225px;padding:5px;border:1px solid var(--line);border-radius:11px;background:var(--panel);box-shadow:0 16px 42px rgba(15,23,42,.18);animation:email91Pop .1s ease-out}
.email91-context-menu button{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:7px;width:100%;min-height:34px;padding:5px 8px;border:0;border-radius:7px;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}
.email91-context-menu button:hover{background:var(--bg)}
.email91-context-menu button>span{display:grid;place-items:center;color:var(--muted);font-size:13px}
.email91-context-menu button>b{font-size:9px;font-weight:650}
.email91-context-menu button.danger{color:#b42318}
.email91-context-menu button.danger>span{color:#b42318}
.email91-context-menu button.danger:hover{background:color-mix(in srgb,#b42318 7%,var(--panel))}
.email91-context-sep{height:1px;margin:4px 3px;background:var(--line)}
@keyframes email91Pop{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}
html[data-appearance="dark"] .email91-context-menu{background:var(--panel);box-shadow:0 18px 46px rgba(0,0,0,.35)}
@media(max-width:760px){
  #email .email91-bulk-actions{max-width:100%;overflow-x:auto}
  #email .email91-bulk-actions button{flex:0 0 auto}
  .email91-context-menu{width:min(225px,calc(100vw - 16px))}
}
/* ===== v1193-scratchpad ===== */
.topbar-scratchpad-slot{display:flex;align-items:center;margin-right:3px;padding-right:8px;border-right:1px solid var(--line)}
.topbar-scratchpad-slot:empty{display:none}
.topbar-scratchpad-btn{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:#40546d;display:grid;place-items:center;cursor:pointer;transition:.15s ease}
.topbar-scratchpad-btn:hover{background:var(--bg);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 28%,var(--line));transform:translateY(-1px)}
.topbar-scratchpad-btn span{font-size:19px;line-height:1}
.scratchpad-panel{position:fixed;z-index:18000;width:340px;height:390px;border:1px solid var(--line);border-radius:13px;background:var(--panel);box-shadow:0 20px 55px rgba(15,23,42,.20);overflow:hidden}
.scratchpad-head{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid var(--line)}
.scratchpad-head b,.scratchpad-head small{display:block}
.scratchpad-head b{font-size:10px}
.scratchpad-head small{margin-top:2px;color:var(--muted);font-size:7.5px;font-weight:400}
.scratchpad-head button{width:27px;height:27px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:18px;cursor:pointer}
.scratchpad-head button:hover{background:var(--bg);color:var(--text)}
.scratchpad-panel textarea{display:block;width:100%;height:calc(100% - 62px);box-sizing:border-box;padding:14px;border:0!important;border-radius:0!important;outline:0!important;resize:none;background:var(--panel)!important;color:var(--text)!important;font:400 11px/1.55 inherit!important;box-shadow:none!important}
.scratchpad-panel textarea::placeholder{color:var(--muted)}
html[data-appearance="dark"] .scratchpad-panel{box-shadow:0 22px 58px rgba(0,0,0,.38)}
@media(max-width:760px){
  .scratchpad-panel{left:10px!important;right:10px!important;top:62px!important;width:auto;height:min(430px,calc(100vh - 80px))}
  .topbar-scratchpad-slot{padding-right:5px;margin-right:0}
  .topbar-scratchpad-btn{width:32px;height:32px}
}
/* ===== v1194-timeline-table ===== */
.timeline94-wrap{border:1px solid var(--line);border-radius:13px;background:var(--panel);overflow:auto}
.timeline94-head,.timeline94-row{display:grid;grid-template-columns:minmax(160px,1.05fr) 115px minmax(300px,2.35fr) minmax(155px,1fr) minmax(165px,1.05fr);min-width:930px}
.timeline94-head{position:sticky;top:0;z-index:3;background:var(--panel);border-bottom:1px solid var(--line)}
.timeline94-head>div:last-child{border-right:0}
.timeline94-filter-btn:hover,.timeline94-filter-btn.active{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}
.timeline94-row{min-height:54px;border-bottom:1px solid var(--line);transition:background .12s}
.timeline94-row:last-child{border-bottom:0}
.timeline94-row:hover{background:color-mix(in srgb,var(--accent) 4%,transparent)}
.timeline94-row>div{display:flex;align-items:center;min-width:0;padding:9px 10px;border-right:1px solid color-mix(in srgb,var(--line) 72%,transparent);font-size:9px}
.timeline94-row>div:last-child{border-right:0}
.timeline94-type{gap:8px}
.timeline94-type-icon{flex:0 0 auto;width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--accent);font-size:12px}
.timeline94-type b{overflow:hidden;text-overflow:ellipsis}
.timeline94-date{align-items:flex-start!important;justify-content:center;flex-direction:column;gap:2px}
.timeline94-date b{font-size:8.5px}
.timeline94-date small{color:var(--muted);font-size:7.5px}
.timeline94-description{color:#4f5d70;line-height:1.4}
.timeline94-description>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.timeline94-description .timeline-document-link{text-align:left}
.timeline94-relation{flex-wrap:wrap;gap:3px}
.timeline94-relation .timeline-relation-link{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.timeline94-case{font-weight:650}
.timeline94-user{gap:7px}
.timeline94-avatar{flex:0 0 auto;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--bg);color:var(--muted);font-size:7px;font-weight:800}
.timeline94-user b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8.5px}
.timeline94-empty{padding:42px 18px;color:var(--muted);font-size:9px;text-align:center}
.timeline94-filter-pop{position:fixed;z-index:20000;width:225px;padding:9px;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:0 14px 38px rgba(15,23,42,.18)}
.timeline94-filter-pop label{display:block;margin:0 0 6px;color:var(--muted);font-size:8px;font-weight:700}
.timeline94-filter-pop>div{display:flex;gap:5px}
.timeline94-filter-pop input{min-width:0;flex:1;height:31px;padding:0 8px;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--text);font:inherit;font-size:9px;outline:0}
.timeline94-filter-pop input:focus{border-color:var(--accent)}
.timeline94-filter-pop button{width:31px;border:0;border-radius:7px;background:var(--bg);color:var(--muted);cursor:pointer}
html[data-appearance="dark"] .timeline94-description{color:var(--muted)}
@media(max-width:760px){
  .timeline94-wrap{border-radius:10px}
  .timeline94-head,.timeline94-row{min-width:900px}
  .timeline94-filter-pop{width:min(225px,calc(100vw - 20px))}
}
/* ===== v1195-timeline-filter-fix ===== */
.timeline94-row[hidden]{display:none!important}
#timeline94FilteredEmpty[hidden]{display:none}
.timeline94-filter-btn{width:22px;height:22px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:11px;cursor:pointer;position:relative}
.timeline94-filter-btn.active::after{content:"";position:absolute;width:4px;height:4px;right:2px;top:2px;border-radius:50%;background:var(--accent)}
/* ===== v1196-correspondence-filters ===== */
.correspondence96-filter-btn:hover,.correspondence96-filter-btn.active{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}
.correspondence96-filter-btn.active::after{content:"";position:absolute;width:4px;height:4px;right:2px;top:2px;border-radius:50%;background:var(--accent)}
.correspondence-email-row[hidden],#correspondence96FilteredEmpty[hidden]{display:none}
/* ===== v1197-correspondence-filter-click-fix ===== */
/* ===== v1198-correspondence-stable-filters ===== */
.correspondence-email-table{width:100%!important;table-layout:fixed}
.correspondence-email-table thead th{position:relative!important;box-sizing:border-box;height:39px!important;padding:0 38px 0 10px!important;white-space:nowrap;overflow:visible}
.correspondence-email-table thead th>span{vertical-align:middle;display:block;overflow:hidden;text-overflow:ellipsis}
.correspondence96-filter-btn{margin-left:5px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:11px;cursor:pointer;vertical-align:middle;pointer-events:auto;position:absolute!important;right:7px!important;top:50%!important;transform:translateY(-50%)!important;margin:0;width:22px!important;height:22px!important;display:grid;place-items:center;padding:0!important;z-index:3}
.correspondence-email-table th:nth-child(1),.correspondence-email-table td:nth-child(1){width:14%!important}
.correspondence-email-table th:nth-child(2),.correspondence-email-table td:nth-child(2){width:12%!important}
.correspondence-email-table th:nth-child(3),.correspondence-email-table td:nth-child(3){width:29%!important}
.correspondence-email-table th:nth-child(4),.correspondence-email-table td:nth-child(4){width:18%!important}
.correspondence-email-table th:nth-child(5),.correspondence-email-table td:nth-child(5){width:15%!important}
.correspondence-email-table th:nth-child(6),.correspondence-email-table td:nth-child(6){width:12%!important}
.correspondence-email-table td{box-sizing:border-box;overflow:hidden}
.correspondence-email-table td:not(.correspondence-subject){text-overflow:ellipsis;white-space:nowrap}
.correspondence-email-table .correspondence-subject b,.correspondence-email-table .correspondence-subject small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.correspondence96-filter-pop{position:fixed!important;width:225px!important;box-sizing:border-box!important}
/* ===== v1199-document-filters ===== */
@media(min-width:761px){
  .docs-document-table{width:100%!important;table-layout:fixed!important;min-width:980px!important}
  .docs-document-table thead th{position:relative!important;box-sizing:border-box!important;height:39px!important;padding:0 37px 0 10px!important;white-space:nowrap!important;overflow:visible!important}
  .docs-document-table thead th>span{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .documents99-filter-btn{position:absolute!important;right:7px!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;width:22px!important;height:22px!important;display:grid!important;place-items:center!important;padding:0!important;border:0!important;border-radius:6px!important;background:transparent!important;color:var(--muted)!important;font-size:11px!important;cursor:pointer!important;z-index:3!important}
  .documents99-filter-btn:hover,.documents99-filter-btn.active{background:color-mix(in srgb,var(--accent) 10%,transparent)!important;color:var(--accent)!important}
  .documents99-filter-btn.active::after{content:"";position:absolute;width:4px;height:4px;right:2px;top:2px;border-radius:50%;background:var(--accent)}
  .docs-document-table th:nth-child(1),.docs-document-table td:nth-child(1){width:21%!important}
  .docs-document-table th:nth-child(2),.docs-document-table td:nth-child(2){width:10%!important}
  .docs-document-table th:nth-child(3),.docs-document-table td:nth-child(3){width:11%!important}
  .docs-document-table th:nth-child(4),.docs-document-table td:nth-child(4){width:14%!important}
  .docs-document-table th:nth-child(5),.docs-document-table td:nth-child(5){width:12%!important}
  .docs-document-table th:nth-child(6),.docs-document-table td:nth-child(6){width:12%!important}
  .docs-document-table th:nth-child(7),.docs-document-table td:nth-child(7){width:10%!important}
  .docs-document-table th:nth-child(8),.docs-document-table td:nth-child(8){width:10%!important}
}
.docs-file-row[hidden],#documents99FilteredEmpty[hidden]{display:none!important}
.documents99-filter-pop{position:fixed!important;width:225px!important;box-sizing:border-box!important}
@media(max-width:760px){
  .documents99-filter-btn{display:none!important}
}
/* ===== v1200-column-separators ===== */
/* Correspondentie — dezelfde subtiele kolomscheidingen als de dossiertijdlijn */
.correspondence-email-table thead th,.correspondence-email-table tbody td{border-right:1px solid color-mix(in srgb,var(--line) 72%,transparent)!important}
.correspondence-email-table thead th:last-child,.correspondence-email-table tbody td:last-child{border-right:0!important}
/* Documenten — dezelfde subtiele kolomscheidingen als de dossiertijdlijn */
.docs-document-table thead th,.docs-document-table tbody td{border-right:1px solid color-mix(in srgb,var(--line) 72%,transparent)!important}
.docs-document-table thead th:last-child,.docs-document-table tbody td:last-child{border-right:0!important}
/* Mobiel blijft de bestaande kaartweergave intact. */
@media(max-width:760px){
  .correspondence-email-table thead th,.correspondence-email-table tbody td,.docs-document-table thead th,.docs-document-table tbody td{border-right:0!important}
}
/* ===== v1201-column-sorting ===== */
/* Zelfde sorteersymbool en interactie als Taken. */
.v1201-head-actions{display:inline-flex;align-items:center;gap:2px!important;flex:0 0 auto}
.v1201-sort-btn{flex:0 0 20px}
/* Tijdlijn: acties rechts, zonder kolommen te laten bewegen. */
.timeline94-head>div{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:39px;padding:0 10px;border-right:1px solid var(--line);color:var(--muted);font-size:7.5px;font-weight:800;text-transform:uppercase;letter-spacing:.045em;position:relative!important;padding-right:56px!important}
.timeline94-head .v1201-head-actions{position:absolute!important;right:6px!important;top:50%!important;transform:translateY(-50%)!important}
.timeline94-head .timeline94-filter-btn{position:relative!important;right:auto!important;top:auto!important;transform:none!important}
/* Correspondentie en documenten: sorteren links van het bestaande filtericoon. */
.correspondence-email-table thead th,.docs-document-table thead th{padding-right:62px!important}
.correspondence-email-table thead th .v1201-head-actions,.docs-document-table thead th .v1201-head-actions{position:absolute!important;right:6px!important;top:50%!important;transform:translateY(-50%)!important}
.correspondence-email-table .correspondence96-filter-btn,.docs-document-table .documents99-filter-btn{position:relative!important;right:auto!important;top:auto!important;transform:none!important}
/* Actieve sortering exact als bij Taken. */
.v1201-sort-btn.active{background:color-mix(in srgb,var(--accent) 12%,var(--panel))!important;color:var(--accent)!important;font-weight:800!important}
@media(max-width:760px){
  .docs-document-table .v1201-head-actions{display:none!important}
}
/* ===== v1202-case-task-columns ===== */
.case-tasks1202-wrap{overflow-x:auto!important;padding:0!important}
.case-tasks1202-table{width:100%!important;table-layout:fixed;border-collapse:collapse}
.case-tasks1202-table th,.case-tasks1202-table td{box-sizing:border-box;border-right:1px solid color-mix(in srgb,var(--line) 72%,transparent)!important}
.case-tasks1202-table th:last-child,.case-tasks1202-table td:last-child{border-right:0!important}
.case-tasks1202-table thead th{position:relative!important;height:39px!important;padding:0 62px 0 10px!important;white-space:nowrap;overflow:visible}
.case-tasks1202-table thead th>span:first-child{display:block;overflow:hidden;text-overflow:ellipsis}
.case-tasks1202-table thead th .v1201-head-actions{position:absolute!important;right:6px!important;top:50%!important;transform:translateY(-50%)!important}
.caseTasks1202-filter-btn{position:relative!important;width:22px!important;height:22px!important;display:grid;place-items:center;padding:0!important;border:0!important;border-radius:6px!important;background:transparent!important;color:var(--muted)!important;font-size:11px!important;cursor:pointer}
.caseTasks1202-filter-btn:hover,.caseTasks1202-filter-btn.active{background:color-mix(in srgb,var(--accent) 10%,transparent)!important;color:var(--accent)!important}
.caseTasks1202-filter-btn.active::after{content:"";position:absolute;width:4px;height:4px;right:2px;top:2px;border-radius:50%;background:var(--accent)}
.case-tasks1202-table .case-task-check{width:48px!important;padding-left:12px!important;padding-right:8px!important}
.case-tasks1202-table th:nth-child(2),.case-tasks1202-table td:nth-child(2){width:auto!important}
.case-tasks1202-table th:nth-child(3),.case-tasks1202-table td:nth-child(3){width:170px!important}
.case-tasks1202-table th:nth-child(4),.case-tasks1202-table td:nth-child(4){width:150px!important}
.case-task1202-row[hidden],#caseTasks1202FilteredEmpty[hidden]{display:none}
.caseTasks1202-filter-pop{position:fixed!important;width:225px!important;box-sizing:border-box!important}
@media(max-width:760px){
  .case-tasks1202-table{min-width:620px!important}
}
/* ===== v1203-dynamic-case-overview ===== */
.case-overview-manage{position:relative}
.case-overview-manage-pop{position:absolute;right:0;top:34px;z-index:40;width:250px;padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--panel);box-shadow:0 14px 38px rgba(15,23,42,.16)}
.case-overview-manage-pop[hidden]{display:none}
.case-overview-manage-pop>b{display:block;margin-bottom:8px;font-size:10px}
.case-overview-hidden-list{display:grid;gap:5px}
.case-overview-hidden-list>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px;border:1px solid var(--line);border-radius:8px;font-size:9px}
.case-overview-hidden-list button,.case-overview-reset{border:0;background:transparent;color:var(--accent);font:inherit;font-weight:700;cursor:pointer}
.case-overview-reset{margin-top:9px;padding:0}
.case-overview-dynamic-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:stretch}
.case-overview-tile[data-overview-key="accident"],.case-overview-tile[data-overview-key="insurer"],.case-overview-tile[data-overview-key="liability"]{grid-column:span 2}
.case-overview-wide{grid-column:span 3}
.case-overview-relations-tile{grid-column:1/-1}
.case-overview-tile-controls{position:absolute;right:7px;top:6px;z-index:8;display:flex;gap:2px;opacity:0;transition:opacity .12s}
.case-overview-tile:hover>.case-overview-tile-controls{opacity:1}
.case-overview-tile-controls button{width:23px;height:23px;border:0;border-radius:6px;background:var(--panel);color:var(--muted);cursor:pointer;display:grid;place-items:center}
.case-overview-tile-controls button:hover{background:var(--bg);color:var(--text)}
.case-overview-drag-handle{cursor:grab!important}
.case-overview-tile.is-dragging{opacity:.42}
.case-overview-navigation-head{cursor:pointer;transition:background .12s,color .12s}
.case-overview-navigation-head:hover{background:color-mix(in srgb,var(--accent) 5%,var(--panel))}
.case-overview-navigation-head:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.case-overview-editable:hover{background:color-mix(in srgb,var(--accent) 5%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 5%,transparent)}
.case-overview-inline-input{display:block;width:100%;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--line));border-radius:7px;background:var(--panel);color:var(--text);font:inherit;line-height:inherit;padding:5px 7px;outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 8%,transparent)}
textarea.case-overview-inline-input{min-height:100px;resize:vertical}
.case-overview-relations-tile>.case-overview-relations{height:100%;box-sizing:border-box}
@media(max-width:900px){
  .case-overview-dynamic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .case-overview-tile,.case-overview-wide,.case-overview-tile[data-overview-key="accident"],.case-overview-tile[data-overview-key="insurer"],.case-overview-tile[data-overview-key="liability"]{grid-column:span 1}
  .case-overview-relations-tile{grid-column:1/-1}
}
@media(max-width:760px){
  .case-overview-dynamic-grid{grid-template-columns:1fr}
  .case-overview-tile,.case-overview-wide,.case-overview-relations-tile{grid-column:1}
  .case-overview-tile-controls{opacity:1}
  .case-overview-drag-handle{display:none!important}
  .case-overview-toolbar{justify-content:flex-start}
}
/* ===== v1206-inline-no-layout-shift ===== */
.case-overview-tile{position:relative;min-width:0;min-height:0!important}
.case-overview-editable{cursor:text;border-radius:6px;transition:background .12s,box-shadow .12s;box-sizing:border-box;min-width:0!important}
.case-overview-editable.editing{overflow:hidden!important}
.case-overview-editable.editing>.case-overview-inline-input{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box!important}
.case-overview-stat .case-overview-editable.editing{height:1.45em!important;min-height:1.45em!important}
.case-overview-stat .case-overview-inline-input{height:100%!important;min-height:0!important;padding:0 5px!important;line-height:inherit!important}
.case-overview-summary-body.editing{height:var(--v1206-edit-height,auto)!important;min-height:0!important}
.case-overview-summary-body.editing>textarea.case-overview-inline-input{height:100%!important;min-height:0!important;max-height:100%!important;resize:none!important;overflow:auto!important}
/* ===== v1207-case-relations ===== */
.case-relations1207-head-actions{display:flex;align-items:center;gap:8px}
.page-view-toggle{flex:0 0 auto}
.dossier-page-view-toggle,.relation-page-view-toggle{margin-right:2px}
.dossier-filter-tools,.relations-desktop-tools{align-items:center}
.relation-library-table-wrap{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
.relation-library-table-wrap .case-relations1207-table{min-width:900px}
.relation-library-table-wrap td,.relation-library-table-wrap th{vertical-align:middle}
.relation-library-table-wrap .relation-library-actions{flex-direction:row;justify-content:flex-end}
/* E-maillezer naast de inbox met dossier- en relatiebalk. */
.email-side-panel-card{width:auto;min-width:0;max-width:none}
.email-side-panel-head{align-items:stretch!important}
.email-side-panel-head-copy{min-width:0}
.email-side-panel-title-line{display:flex;align-items:center;gap:10px;min-width:0}
.email-side-panel-title-line>#emailSidePanelTitle{flex:1 1 auto}
.email-side-panel-head-actions{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:nowrap;overflow-x:auto}
.email-side-action-btn{width:31px;height:31px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);display:inline-grid;place-items:center;cursor:pointer;font:inherit;font-size:14px;line-height:1;box-shadow:none}
.email-side-action-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.email-side-action-btn:hover,.email-side-action-btn:focus-visible{background:var(--bg);border-color:color-mix(in srgb,var(--accent) 30%,var(--line));color:var(--accent);outline:none}
.email-side-action-btn.danger:hover{background:color-mix(in srgb,#b42318 7%,transparent);border-color:color-mix(in srgb,#b42318 35%,var(--line));color:#b42318}
.email-side-info-bar{display:grid;gap:10px;margin:-2px 0 15px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--bg)}
.email-side-address-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.email-side-address-grid>div,.email-side-link-field{min-width:0;padding:8px 9px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.email-side-address-grid span,.email-side-link-field label{display:block;margin-bottom:4px;color:var(--muted);font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
.email-side-address-grid b{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:var(--text)}
.email-side-link-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:8px}
.email-side-link-field input{width:100%;height:32px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#344054;padding:0 9px;font:inherit;font-size:10px;outline:none}
.email-side-link-field input:focus{border-color:color-mix(in srgb,var(--accent) 38%,var(--line));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 8%,transparent)}
.email-side-relation-input-row{grid-template-columns:minmax(0,1fr) 30px!important;display:grid;gap:6px}
.email-side-add-relation-btn{width:30px!important;height:30px!important;border-radius:8px!important;border:1px solid var(--line);background:#fff;color:var(--muted);cursor:pointer;display:grid;place-items:center;font-weight:850}
.email-side-add-relation-btn:hover{background:var(--bg);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}
.email-side-relation-chips{margin-top:1px!important;display:flex;gap:5px;flex-wrap:wrap}
.email-side-relation-chip{display:inline-flex;align-items:center;gap:5px;max-width:100%;border:1px solid var(--line);border-radius:999px;background:var(--panel);padding:4px 7px;color:var(--text);font-size:9px;font-weight:750}
.email-side-relation-chip span{max-width:175px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.email-side-relation-chip button{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:0;font-size:12px;line-height:1}
.email-side-relation-chip button:hover{color:#b42318}
.email-side-message-card{border:1px solid var(--line);border-radius:13px;background:var(--panel);padding:13px}
.email-side-message-card .email-message-body{margin-top:0!important}
@media(max-width:760px){
  .email-side-panel-card{min-width:0;max-width:none}
  .email-side-panel-head{gap:8px}
  .email-side-panel-head-actions{width:100%;justify-content:flex-start}
  .email-side-address-grid,.email-side-link-grid{grid-template-columns:1fr}
}
html[data-appearance="dark"] .email-side-info-bar,html[data-appearance="dark"] .email-side-address-grid>div,html[data-appearance="dark"] .email-side-link-field,html[data-appearance="dark"] .email-side-message-card{background:var(--panel);border-color:var(--line)}
html[data-appearance="dark"] .email-side-link-field input,html[data-appearance="dark"] .email-side-add-relation-btn{background:#101925;color:var(--text);border-color:#334155}
/* V12.76 — e-mailkolommen in dezelfde stijl als dossierkolommen + zijvenster */
#email .email87-table{border-collapse:separate;border-spacing:0}
#email .email87-table th{position:sticky!important;top:0!important;z-index:2;padding:0 66px 0 10px!important;border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important;vertical-align:middle}
#email .email87-table th.email90-check-col,
#email .email87-table th.email87-status-col{padding:0 8px!important}
#email .email87-table th:last-child{border-right:0!important}
#email .email87-table td{border-right:1px solid color-mix(in srgb,var(--line) 72%,transparent)!important}
#email .email87-table td:last-child{border-right:0!important}
.email-v1201-head{display:flex;align-items:center;justify-content:space-between;gap:5px!important;min-height:39px!important;white-space:nowrap;position:relative!important}
.email-v1201-head>span:first-child{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}
.email-v1201-actions{position:absolute!important;right:-56px!important;top:50%!important;transform:translateY(-50%)!important;display:inline-flex;align-items:center;gap:2px!important;flex:0 0 auto}
.email87-column-search-btn{position:relative;width:22px;height:22px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:11px;cursor:pointer}
.email87-column-search-btn:hover,
.email87-column-search-btn.active{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}
.email87-column-search-btn.active::after{content:"";position:absolute;width:4px;height:4px;right:2px;top:2px;border-radius:50%;background:var(--accent)}
.email87-column-search-pop{display:none;position:absolute;z-index:30;right:-56px;top:32px;min-width:220px;padding:8px;border:1px solid var(--line);border-radius:11px;background:var(--panel);box-shadow:0 12px 28px rgba(15,23,42,.14)}
.email87-column-search-pop.open{display:block}
.email87-column-search{width:100%;height:32px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#344054;padding:0 9px;font:inherit;font-size:10px;text-transform:none;letter-spacing:0;outline:none;box-shadow:none}
.email87-column-search:focus{border-color:color-mix(in srgb,var(--accent) 38%,var(--line));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 8%,transparent)}
.email-side-panel{display:flex;min-width:0;min-height:0;background:var(--panel)}
.email-side-panel.open{display:flex}
.email-side-panel-card{position:relative;display:flex;min-width:0;min-height:0;flex:1 1 auto;flex-direction:column;overflow:hidden;background:var(--panel)}
.email-side-panel-head{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;min-height:104px;height:var(--email87-panel-header-height,104px);box-sizing:border-box;align-content:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--panel)}
.email-side-panel-head b{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.25}
.email-side-panel-head #emailSidePanelMeta{display:block;margin-top:4px;color:var(--muted);font-size:9px;line-height:1.35}
.email-side-save-control{flex:0 0 auto}
.email-side-save-menu{position:relative}
.email-side-save-menu::after{content:"";position:absolute;z-index:44;left:-8px;right:-8px;top:100%;height:9px}
.email-side-save-button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--muted);cursor:pointer}
.email-side-save-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.email-side-save-button:hover,.email-side-save-button:focus-visible,.email-side-save-menu.open .email-side-save-button{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));color:var(--accent);outline:none}
.email-side-save-menu.is-stored .email-side-save-button{background:color-mix(in srgb,var(--accent) 9%,transparent);border-color:color-mix(in srgb,var(--accent) 35%,var(--line));color:var(--accent)}
.email-side-save-button:disabled{cursor:not-allowed;opacity:.45}
.email-side-save-popover{display:none;position:absolute;z-index:45;right:0;top:calc(100% + 7px);width:280px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 14px 32px rgba(15,23,42,.16)}
.email-side-save-menu:hover .email-side-save-popover,.email-side-save-menu:focus-within .email-side-save-popover,.email-side-save-menu.open .email-side-save-popover{display:grid;gap:10px}
.email-side-save-popover-head b{font-size:12px}
.email-side-save-popover-head small{display:block;margin-top:3px;color:var(--muted);font-size:9px;line-height:1.35}
.email-side-save-remove,.email-side-save-label{display:flex;align-items:center;gap:8px;color:var(--text);font-size:10px;line-height:1.3}
.email-side-save-remove{padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--bg)}
.email-side-save-remove input,.email-side-save-label input{margin:0;accent-color:var(--accent)}
.email-side-save-remove span,.email-side-save-label span{display:inline;margin:0;color:inherit;font-size:inherit;line-height:inherit}
.email-side-save-label-picker{position:relative;min-width:0}
.email-side-save-label-trigger{width:100%;height:36px;padding:0 9px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);display:grid;grid-template-columns:minmax(0,1fr) auto 14px;align-items:center;gap:7px;text-align:left;cursor:pointer;font-size:10px}
.email-side-save-label-trigger:hover,.email-side-save-label-trigger:focus-visible,.email-side-save-label-picker.open .email-side-save-label-trigger{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));outline:none}
.email-side-save-label-count{color:var(--muted);font-size:9px}
.email-side-save-label-chevron{color:var(--muted);font-size:9px;text-align:center;transition:transform .14s ease}
.email-side-save-label-picker.open .email-side-save-label-chevron{transform:rotate(180deg)}
.email-side-save-label-dropdown{display:none;margin-top:6px;padding:8px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}
.email-side-save-label-picker.open .email-side-save-label-dropdown{display:block}
.email-side-save-label-picker.is-disabled{opacity:.5}
.email-side-save-labels{display:grid;grid-template-columns:1fr;gap:7px;max-height:150px;overflow:auto}
.email-side-save-empty{color:var(--muted);font-size:9px}
.email-side-save-popover>.btn{justify-self:end}
.email-side-panel-body{min-height:0;flex:1 1 auto;padding:15px 16px;overflow:auto}
.email-side-panel-body .email-message-body{margin-top:14px;line-height:1.55;color:var(--text)}
.email-side-panel-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.email-side-empty{display:grid;place-items:center;align-content:center;gap:7px;min-height:100%;padding:36px 20px;color:var(--muted);text-align:center}
.email-side-empty b{color:var(--text);font-size:var(--bd-type-content,13px)}
.email-side-empty small{max-width:220px;font-size:var(--bd-type-meta,12px);line-height:1.45}
.email87-table tbody tr.email87-selected td:first-child{box-shadow:inset 3px 0 0 var(--accent)}
html[data-appearance="dark"] .email87-column-search{background:var(--panel);color:var(--text)}
html[data-appearance="dark"] .email87-column-search-pop{background:#101925;border-color:#334155;box-shadow:none}
html[data-appearance="dark"] .email-side-panel-card,
html[data-appearance="dark"] .email-side-panel-head{background:var(--panel);color:var(--text)}
html[data-appearance="dark"] .email-side-save-popover{background:#101925;border-color:#334155;box-shadow:none}
@media(max-width:760px){
  #email .email87-table th{padding-right:60px!important}
  .email-v1201-actions{right:-50px!important}
  .email87-column-search-pop{right:-50px;min-width:190px}
  .email-side-panel-card{min-height:360px}
}
/* V12.75 — compacte symbolen voor uitgebreid zoeken en herstellen */
.page-action-icon-btn{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;border:1px solid var(--line)!important;border-radius:9px!important;background:#fff!important;color:var(--muted)!important;display:inline-grid;place-items:center;cursor:pointer;box-shadow:none!important;font:inherit!important;line-height:1!important}
.page-action-icon-btn span{display:block;line-height:1}
.page-advanced-search-btn{position:relative;--page-action-ink:var(--text);grid-auto-flow:column;column-gap:3px;justify-content:center}
.page-advanced-search-btn .page-filter-count{font-size:9px;font-weight:650;line-height:1;font-variant-numeric:tabular-nums;color:inherit}
.page-advanced-search-btn span{font-size:15px;transform:translateY(-.5px)}
.page-reset-btn span{font-size:17px;transform:translateY(-.5px)}
.page-action-icon-btn:hover,
.page-action-icon-btn:focus-visible,
.page-advanced-search-btn.active{background:var(--bg)!important;border-color:color-mix(in srgb,var(--accent) 30%,var(--line))!important;color:var(--accent)!important;outline:none!important}
html[data-appearance="dark"] .page-action-icon-btn{background:var(--panel)!important;color:var(--muted)!important}
html[data-appearance="dark"] .page-action-icon-btn:hover,
html[data-appearance="dark"] .page-action-icon-btn:focus-visible,
html[data-appearance="dark"] .page-advanced-search-btn.active{background:color-mix(in srgb,var(--accent) 8%,var(--panel))!important;color:var(--page-action-ink,var(--accent))!important}
/* V12.74 — databank AI-filter als compact aanvinkbaar AI-icoon */
.database-ai-icon-toggle{width:36px;min-width:36px;height:36px;min-height:36px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--muted);display:inline-grid;place-items:center;cursor:pointer;position:relative;box-shadow:none}
.database-ai-icon-toggle input{position:absolute;inset:0;opacity:0;cursor:pointer}
.database-ai-icon-toggle span{display:block;font-size:15px;line-height:1;transform:translateY(-.5px)}
.database-ai-icon-toggle:hover,
.database-ai-icon-toggle:focus-within{background:var(--bg);border-color:color-mix(in srgb,var(--accent) 30%,var(--line));color:var(--accent)}
.database-ai-icon-toggle input:checked + span{color:var(--accent)}
.database-ai-icon-toggle:has(input:checked){background:color-mix(in srgb,var(--accent) 9%,var(--panel));border-color:color-mix(in srgb,var(--accent) 38%,var(--line))}
.database-ai-icon-toggle:has(input:checked)::after{content:"";position:absolute;width:4px;height:4px;right:6px;top:6px;border-radius:50%;background:var(--accent)}
html[data-appearance="dark"] .database-ai-icon-toggle{background:var(--panel);color:var(--muted)}
html[data-appearance="dark"] .database-ai-icon-toggle:has(input:checked){background:color-mix(in srgb,var(--accent) 12%,var(--panel))}
/* V12.73 — urenregistratie acties als compacte symbolen */
.time-row-actions{white-space:nowrap;display:flex;align-items:center;justify-content:flex-end;gap:6px!important}
.time-action-icon-btn span{display:block;line-height:1}
.time-delete-btn{color:#b42318!important}
.time-delete-btn:hover,
.time-delete-btn:focus-visible{background:color-mix(in srgb,#b42318 7%,transparent)!important;border-color:color-mix(in srgb,#b42318 35%,var(--line))!important;color:#b42318!important}
.time-delete-btn span{font-size:18px;transform:translateY(-1px)}
/* V12.72 — relatiepagina acties als compacte symbolen */
.relation-library-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px!important;flex-direction:row}
.relation-action-icon-btn{width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;border:1px solid var(--line)!important;border-radius:8px!important;background:transparent!important;color:var(--muted)!important;display:inline-grid;place-items:center;cursor:pointer;box-shadow:none!important;font:inherit!important;line-height:1!important}
.relation-action-icon-btn:hover,
.relation-action-icon-btn:focus-visible{background:var(--bg)!important;border-color:color-mix(in srgb,var(--accent) 30%,var(--line))!important;color:var(--accent)!important;outline:none!important}
.relation-action-gear{display:block;font-family:Arial,Helvetica,sans-serif!important;font-size:17px!important;font-weight:400!important;line-height:1!important;transform:translateY(-.5px)}
.relation-assign-btn span{display:block;font-size:16px;line-height:1;transform:translateY(-.5px)}
@media(max-width:760px){
  .relation-action-icon-btn{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important}
}
@media(max-width:760px){
  .page-view-toggle{display:flex!important}
  .relation-library-table-wrap .case-relations1207-table{min-width:760px}
}
.case-relations1207-view-toggle{display:flex;align-items:center;padding:2px;border:1px solid var(--line);border-radius:8px;background:var(--bg)}
.case-relations1207-view-toggle button{width:29px;height:27px;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;font-size:13px}
/* In een paginawerkbalk even hoog (36px) en even rond als de velden en icoonknoppen ernaast. */
.page-view-toggle.case-relations1207-view-toggle{border-radius:9px}
.page-view-toggle.case-relations1207-view-toggle button{height:30px;border-radius:7px}
.case-relations1207-view-toggle button.active{background:var(--panel);color:var(--accent);box-shadow:0 1px 3px rgba(15,23,42,.08)}
.case-relation-edit-icon-btn{width:30px;height:30px;padding:0;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer}
.case-relation-edit-icon-btn:hover{background:var(--bg);color:var(--accent)}
.case-relation-edit-icon-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.case-relation1207-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px}
.case-relations1207-wrap{overflow-x:auto!important;padding:0!important}
.case-relations1207-table{width:100%!important;table-layout:fixed;border-collapse:collapse;min-width:930px}
.case-relations1207-table th,.case-relations1207-table td{box-sizing:border-box;border-right:1px solid color-mix(in srgb,var(--line) 72%,transparent)!important}
.case-relations1207-table th:last-child,.case-relations1207-table td:last-child{border-right:0!important}
.case-relations1207-table thead th{position:relative;height:39px;padding:0 62px 0 10px!important;white-space:nowrap;overflow:visible}
.case-relations1207-table thead th>span:first-child{display:block;overflow:hidden;text-overflow:ellipsis}
.case-relations1207-table thead th .v1201-head-actions{position:absolute;right:6px;top:50%;transform:translateY(-50%)}
.case-relations1207-table th:nth-child(1),.case-relations1207-table td:nth-child(1){width:20%}
.case-relations1207-table th:nth-child(2),.case-relations1207-table td:nth-child(2){width:16%}
.case-relations1207-table th:nth-child(3),.case-relations1207-table td:nth-child(3){width:20%}
.case-relations1207-table th:nth-child(4),.case-relations1207-table td:nth-child(4){width:22%}
.case-relations1207-table th:nth-child(5),.case-relations1207-table td:nth-child(5){width:14%}
.case-relations1207-table th:nth-child(6),.case-relations1207-table td:nth-child(6){width:8%;padding-right:10px}
.caseRelations1207-filter-btn{position:relative;width:22px;height:22px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:11px;cursor:pointer}
.caseRelations1207-filter-btn:hover,.caseRelations1207-filter-btn.active{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}
.caseRelations1207-filter-btn.active::after{content:"";position:absolute;width:4px;height:4px;right:2px;top:2px;border-radius:50%;background:var(--accent)}
.case-relation1207-row[hidden],#caseRelations1207FilteredEmpty[hidden]{display:none}
.caseRelations1207-filter-pop{position:fixed!important;width:225px!important;box-sizing:border-box!important}
.case-relations1207-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.case-relation1207-card{padding:13px;cursor:pointer;min-width:0}
.case-relation1207-card-top{display:flex;align-items:center;gap:9px;margin-bottom:10px}
.case-relation1207-card-name{min-width:0;flex:1;display:grid;gap:2px}
.case-relation1207-card-name>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.case-relation1207-card-name>span{font-size:9px;color:var(--muted)}
.case-relation1207-card-row{display:grid;grid-template-columns:80px minmax(0,1fr);gap:8px;padding:5px 0;border-top:1px solid color-mix(in srgb,var(--line) 65%,transparent);font-size:9px}
.case-relation1207-card-row>span{color:var(--muted)}
.case-relation1207-card-row>b{font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.case-relation1207-card-notes{margin-top:7px;padding-top:7px;border-top:1px solid var(--line);font-size:9px;color:var(--muted);line-height:1.45}
@media(max-width:760px){
  .case-relations1207-cards{grid-template-columns:1fr}
  .case-relations1207-view-toggle{display:none}
  .case-relations1207-table{min-width:820px}
}
/* ===== v1311-case-billing-view-toggle ===== */
.case-billing1311-table-wrap{overflow-x:auto!important;padding:0!important}
.case-billing1311-table{width:100%!important;min-width:780px;border-collapse:collapse!important;table-layout:fixed!important}
.case-billing1311-table th,.case-billing1311-table td{box-sizing:border-box;border-right:1px solid color-mix(in srgb,var(--line) 72%,transparent)!important}
.case-billing1311-table th:last-child,.case-billing1311-table td:last-child{border-right:0!important}
.case-billing1311-table th:nth-child(1),.case-billing1311-table td:nth-child(1){width:14%}
.case-billing1311-table th:nth-child(2),.case-billing1311-table td:nth-child(2){width:18%}
.case-billing1311-table th:nth-child(3),.case-billing1311-table td:nth-child(3){width:32%}
.case-billing1311-table th:nth-child(4),.case-billing1311-table td:nth-child(4){width:13%}
.case-billing1311-table th:nth-child(5),.case-billing1311-table td:nth-child(5){width:15%}
.case-billing1311-table th:nth-child(6),.case-billing1311-table td:nth-child(6){width:8%;padding-right:10px}
.case-billing1311-table td:nth-child(3){white-space:normal;overflow-wrap:anywhere}
@media(max-width:760px){
  .case-billing1311-view-toggle{display:none!important}
  .case-billing1311-table{min-width:760px}
}
/* ===== v1312-case-table-consistency ===== */
/* Eén typografisch ritme voor alle kolomweergaven binnen een dossier. */
#v4body .timeline94-head>div,
#v4body .correspondence-email-table th,
#v4body .docs-document-table th,
#v4body .case-relations1207-table th,
#v4body .damage1218-table th,
#v4body .case-memos1219-table th,
#v4body .case-medical1219-table th,
#v4body .case-tasks1202-table th,
#v4body .case-billing1311-table th,
#v4body .billing-breakdown .v4-table th{box-sizing:border-box;height:39px!important;min-height:39px!important;color:var(--muted)!important;font-family:inherit!important;font-size:9px!important;font-weight:800!important;line-height:1.2!important;text-align:left;text-transform:uppercase;letter-spacing:.045em!important}
#v4body .timeline94-row>div,
#v4body .correspondence-email-table td,
#v4body .docs-document-table td,
#v4body .case-relations1207-table td,
#v4body .damage1218-table td,
#v4body .case-memos1219-table td,
#v4body .case-medical1219-table td,
#v4body .case-tasks1202-table td,
#v4body .case-billing1311-table td,
#v4body .billing-breakdown .v4-table td{box-sizing:border-box;font-family:inherit!important;font-size:10px!important;line-height:1.4!important}
#v4body .timeline94-date b,#v4body .timeline94-user b{font-size:10px!important}
#v4body .timeline94-date small{font-size:8px!important}
#v4body .timeline94-description,#v4body .case1219-description{font-size:10px!important;line-height:1.4!important}
@media(min-width:761px){
  #v4body .timeline94-row>div,
  #v4body .correspondence-email-table td,
  #v4body .docs-document-table td,
  #v4body .case-relations1207-table td,
  #v4body .damage1218-table td,
  #v4body .case-memos1219-table td,
  #v4body .case-medical1219-table td,
  #v4body .case-tasks1202-table td,
  #v4body .case-billing1311-table td,
  #v4body .billing-breakdown .v4-table td{padding:10px!important;vertical-align:middle}
  #v4body .timeline94-row{min-height:56px!important}
  #v4body .timeline94-row>div,
  #v4body .correspondence-email-table th,#v4body .correspondence-email-table td,
  #v4body .docs-document-table th,#v4body .docs-document-table td,
  #v4body .case-relations1207-table th,#v4body .case-relations1207-table td,
  #v4body .damage1218-table th,#v4body .damage1218-table td,
  #v4body .case-memos1219-table th,#v4body .case-memos1219-table td,
  #v4body .case-medical1219-table th,#v4body .case-medical1219-table td,
  #v4body .case-tasks1202-table th,#v4body .case-tasks1202-table td,
  #v4body .case-billing1311-table th,#v4body .case-billing1311-table td,
  #v4body .billing-breakdown .v4-table th,#v4body .billing-breakdown .v4-table td{border-right:1px solid color-mix(in srgb,var(--line) 72%,transparent)!important}
  #v4body .timeline94-row>div:last-child,
  #v4body table th:last-child,#v4body table td:last-child{border-right:0!important}
}
/* Facturatie: vaste sorteer- en zoekacties per kolom. */
.case-billing1311-table thead th{position:relative!important;padding:0 62px 0 10px!important;white-space:nowrap!important;overflow:visible!important}
.case-billing1311-table thead th>span:first-child{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important}
.case-billing1311-table thead .v1201-head-actions{position:absolute!important;right:6px!important;top:50%!important;transform:translateY(-50%)!important}
.caseBilling1312-filter-btn{position:relative!important;width:22px!important;height:22px!important;display:grid!important;place-items:center!important;padding:0!important;border:0!important;border-radius:6px!important;background:transparent!important;color:var(--muted)!important;font-size:11px!important;cursor:pointer!important}
.caseBilling1312-filter-btn:hover,.caseBilling1312-filter-btn.active{background:color-mix(in srgb,var(--accent) 10%,transparent)!important;color:var(--accent)!important}
.caseBilling1312-filter-btn.active::after{content:"";position:absolute;width:4px;height:4px;right:2px;top:2px;border-radius:50%;background:var(--accent)}
.case-billing1311-row[hidden],#caseBilling1312FilteredEmpty[hidden]{display:none!important}
.caseBilling1312-filter-pop{position:fixed!important;width:225px!important;box-sizing:border-box!important}
/* Alle reeds aanwezige bewerk- en verwijderacties volgen het Schade-patroon. */
#v4body .damage1218-icon-btn{width:29px!important;min-width:29px!important;height:29px!important;min-height:29px!important;padding:0!important;border:1px solid var(--line)!important;border-radius:7px!important;background:transparent!important;color:var(--muted)!important;display:grid;place-items:center;cursor:pointer;font-family:inherit!important;line-height:1!important}
#v4body .damage1218-icon-btn:hover{background:var(--bg)!important;color:var(--accent)!important}
#v4body .damage1218-icon-btn.danger:hover{color:#b91c1c!important;background:color-mix(in srgb,#b91c1c 6%,transparent)!important;border-color:color-mix(in srgb,#b91c1c 18%,var(--line))!important}
#v4body .damage1218-icon-btn svg{width:14px!important;height:14px!important;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#v4body .case1219-actions,#v4body .damage1218-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px!important}
/* Iedere relatieregel reserveert dezelfde ruimte, zodat referenties recht onder elkaar staan. */
@media(min-width:721px){
  #v4body .overview-relation-row{grid-template-columns:minmax(180px,1.4fr) minmax(190px,1fr) 150px!important}
  #v4body .overview-relation-actions{width:150px!important;justify-content:flex-end;align-items:center}
}
/* ===== v1315-timeline-header-and-damage-spacing ===== */
/* Tijdlijn gebruikt dezelfde lichte kolomkop als de overige dossiertabellen. */
#v4body .timeline94-head{background:#fbfcfe!important}
html[data-appearance="dark"] #v4body .timeline94-head{background:#111b28!important}
/* Alleen in Schade: een rustige witregel tussen de totalen en de tabel. */
#v4body .summary3:has(+ .panel .damage1218-table){margin-bottom:14px!important}
/* ===== v1209-insurer-relation-tile ===== */
.case-overview-insurer-edit{min-width:0}
.case-overview-insurer-edit .v{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.case-overview-insurer-reference{margin-top:3px;font-size:9px;line-height:1.25;color:var(--muted);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.case-overview-insurer-select{height:30px!important;min-height:30px!important;padding:3px 25px 3px 6px!important;font-size:10px!important}
.case-overview-insurer-edit.editing{height:auto!important;min-height:30px!important;overflow:visible!important}
/* ===== v1210-global-insurer-linking ===== */
.case-overview-insurer-editor .case-overview-inline-input{height:28px!important;min-height:28px!important;font-size:9px!important;padding:3px 6px!important}
.case-overview-insurer-ref-input{min-width:0!important}
.relation-link-existing-form select{width:100%}
@media(max-width:760px){
  .case-overview-insurer-editor{grid-template-columns:1fr}
  .case-overview-insurer-ref-input{display:block}
}
/* ===== v1211-insurer-search-and-header-icons ===== */
.case-overview-insurer-editor{display:grid;gap:5px;width:100%;align-items:center;grid-template-columns:minmax(0,1fr) 120px!important}
.case-overview-insurer-search{min-width:0}
.case-overview-insurer-name-input{width:100%!important}
.correspondence-email-table thead th>.v1201-head-actions,.docs-document-table thead th>.v1201-head-actions{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:2px!important;width:46px!important;max-width:46px;white-space:nowrap}
.correspondence-email-table thead th>.v1201-head-actions>button,.docs-document-table thead th>.v1201-head-actions>button{position:relative!important;inset:auto!important;transform:none!important;flex:0 0 22px;width:22px!important;height:22px!important;margin:0;display:grid;place-items:center}
@media(max-width:760px){
  .case-overview-insurer-editor{grid-template-columns:1fr!important}
}
/* ===== v1212-overview-manage-in-tabs ===== */
.case-tabs-row{display:flex;align-items:center;gap:8px!important;min-width:0!important}
.case-tabs-row>.tabs{flex:1 1 auto;min-width:0!important;margin:0}
.case-overview-tab-manage{flex:0 0 auto;display:flex;align-items:center}
.case-overview-tab-manage .case-overview-manage>button{height:30px!important;margin:0;white-space:nowrap}
.case-overview-toolbar{justify-content:flex-end;min-height:30px;display:none!important}
.case-overview-desktop{padding-top:0!important}
@media(max-width:760px){
  .case-tabs-row{align-items:flex-start}
  .case-tabs-row>.tabs{overflow-x:auto}
  .case-overview-tab-manage{position:relative!important}
}
/* ===== v1213-overview-settings-polish ===== */
.case-tabs-row{display:flex;align-items:stretch;gap:6px!important;min-width:0!important;border-bottom:1px solid var(--line)!important}
.case-tabs-row>.tabs{flex:1 1 auto;min-width:0!important;margin:0;border-bottom:0!important;display:flex;align-items:stretch}
.case-overview-tab-manage{flex:0 0 auto;display:flex;align-items:center;justify-content:center;height:38px!important;margin:0}
.case-overview-settings-btn:hover,.case-overview-settings-btn:focus-visible{background:var(--bg)!important;color:var(--text)!important;border-color:var(--line)!important;outline:none!important}
.case-overview-settings-btn svg{width:14px!important;height:14px!important;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.case-overview-tab-manage .case-overview-manage-pop{top:calc(100% + 5px)!important;right:0!important}
@media(max-width:760px){
  .case-tabs-row{align-items:stretch}
  .case-overview-tab-manage{height:38px!important}
}
/* ===== v1214-tab-spacing-restore ===== */
.case-tabs-row{display:flex;align-items:center;gap:8px!important;min-width:0!important;border-bottom:0!important}
.case-tabs-row>.tabs{flex:1 1 auto;min-width:0!important;margin:0;border-bottom:1px solid var(--line)!important;display:flex;align-items:center}
.case-overview-tab-manage{flex:0 0 auto;display:flex;align-items:center;justify-content:center;height:auto!important;min-height:38px!important;margin:0;padding:0 2px!important;border-bottom:1px solid var(--line)!important}
.case-overview-tab-manage .case-overview-manage{justify-content:center;height:auto!important;min-height:38px!important;display:flex;align-items:center}
.case-overview-settings-btn{width:28px!important;height:28px!important;padding:0!important;border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;color:var(--muted)!important;display:grid;place-items:center;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease;margin:0}
/* ===== v1215-case-tabs-top-spacing ===== */
/* Ruimte tussen dossierkop (naam/status/verzekeraar) en de tabnavigatie */
.case-tabs-row{margin-top:14px}
/* Houd de inhoud onder de tabregel eveneens rustig, zonder extra toolbar-witruimte */
#v4body{padding-top:12px!important}
/* ===== v1216-remove-tab-bottom-line ===== */
.case-tabs-row{border-bottom:0!important}
.case-tabs-row>.tabs{border-bottom:0!important}
.case-overview-tab-manage{border-bottom:0!important}
/* ===== v1217-case-tab-hover ===== */
.case-tabs-row>.tabs>button:focus-visible{outline:none!important;background:color-mix(in srgb,var(--accent) 7%,transparent)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 10%,transparent)!important}
/* ===== v1218-damage-edit ===== */
.damage1218-table th:last-child,.damage1218-table td:last-child{width:78px;text-align:right}
.damage1218-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px}
.damage1218-icon-btn{width:29px;height:29px;padding:0;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer}
.damage1218-icon-btn:hover{background:var(--bg);color:var(--accent)}
.damage1218-icon-btn.danger:hover{color:#b91c1c;background:color-mix(in srgb,#b91c1c 6%,transparent)}
.damage1218-icon-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
/* ===== v1219-memo-medical-structure ===== */
.case-memos1219-wrap,.case-medical1219-wrap{overflow-x:auto!important;padding:0!important}
.case-memos1219-table,.case-medical1219-table{width:100%!important;table-layout:fixed;border-collapse:collapse}
.case-memos1219-table th,.case-memos1219-table td,.case-medical1219-table th,.case-medical1219-table td{box-sizing:border-box;border-right:1px solid color-mix(in srgb,var(--line) 72%,transparent)!important;vertical-align:top}
.case-memos1219-table th:last-child,.case-memos1219-table td:last-child,.case-medical1219-table th:last-child,.case-medical1219-table td:last-child{border-right:0!important}
.case-memos1219-table thead th,.case-medical1219-table thead th{position:relative;padding-right:58px!important}
.case-memos1219-table thead .v1201-head-actions,.case-medical1219-table thead .v1201-head-actions{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:inline-flex;flex-direction:row;gap:2px!important;white-space:nowrap}
.case-memos1219-table th:nth-child(1){width:14%}
.case-memos1219-table th:nth-child(2){width:39%}
.case-memos1219-table th:nth-child(3){width:22%}
.case-memos1219-table th:nth-child(4){width:17%}
.case-memos1219-table th:nth-child(5){width:8%}
.case-medical1219-table th:nth-child(1){width:14%}
.case-medical1219-table th:nth-child(2){width:23%}
.case-medical1219-table th:nth-child(3){width:22%}
.case-medical1219-table th:nth-child(4){width:33%}
.case-medical1219-table th:nth-child(5){width:8%}
.case-memos1219-table td small{display:block;margin-top:2px;color:var(--muted)}
.case1219-description{margin-top:3px;color:var(--muted);font-size:9px;line-height:1.45;white-space:normal;overflow-wrap:anywhere}
.case1219-actions{display:flex;justify-content:flex-end}
.case1219-icon-btn{width:29px;height:29px;padding:0;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer}
.case1219-icon-btn:hover{background:var(--bg);color:var(--accent)}
.case1219-icon-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.case1219-filter-btn{position:relative;width:22px;height:22px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer;font-size:11px}
.case1219-filter-btn:hover,.case1219-filter-btn.active{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}
.case1219-filter-btn.active:after{content:"";position:absolute;width:4px;height:4px;right:2px;top:2px;border-radius:50%;background:var(--accent)}
.case-memo1219-row[hidden],.case-medical1219-row[hidden],#caseMemos1219FilteredEmpty[hidden],#caseMedical1219FilteredEmpty[hidden]{display:none}
@media(max-width:760px){
  .case-memos1219-table{min-width:780px}
  .case-medical1219-table{min-width:850px}
}
/* ===== v1220-memo-delete ===== */
.case1220-delete-btn{color:var(--muted)!important}
.case1220-delete-btn:hover{color:#b91c1c!important;background:color-mix(in srgb,#b91c1c 6%,transparent)!important;border-color:color-mix(in srgb,#b91c1c 18%,var(--line))!important}
.case1220-delete-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
/* ===== v1221-floating-ai-icon-only ===== */
#floatingAiBtn{display:grid;place-items:center;padding:0!important}
#floatingAiBtn>span{display:block;font-size:22px!important;line-height:1!important;font-weight:700!important}
/* ===== v1223-medical-task-delete ===== */
.case-task-actions-col{width:46px!important;text-align:right}
.case-task-actions-col .case1219-actions{justify-content:flex-end}
/* ===== v1227-centered-confirm ===== */
#sheet.centered-confirm-sheet{justify-content:center!important;align-items:center!important;padding:28px!important}
#sheet.centered-confirm-sheet .sheet-card{width:min(460px,calc(100vw - 48px))!important;max-width:460px!important;margin:0!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important}
@media(max-width:700px){
  #sheet.centered-confirm-sheet{padding:16px!important}
  #sheet.centered-confirm-sheet .sheet-card{width:min(460px,calc(100vw - 32px))!important}
}
/* ===== v1228-logout-no-minimize ===== */
#sheet.centered-confirm-sheet .sheet-minimize-btn{display:none!important}
.navigation-color-sync-dialog{display:grid;gap:9px}
.navigation-color-sync-dialog p{margin:0;line-height:1.5}
.navigation-color-sync-dialog>p:first-child{font-size:13px;color:var(--text)}
.navigation-color-sync-remember{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;margin-top:3px;padding:5px 0;border:0;background:transparent;font-size:12px;font-weight:650;cursor:pointer}
.navigation-color-sync-remember input{width:16px;height:16px;margin:0;accent-color:var(--accent)}
.navigation-color-sync-actions{width:min(100%,390px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:7px auto 0}
.navigation-color-sync-actions .btn{width:100%;min-width:0;min-height:38px;padding:8px 12px;border-radius:10px;justify-content:center;white-space:nowrap}
.navigation-color-sync-primary{background:var(--accent);color:#fff}
@media(max-width:520px){.navigation-color-sync-actions{grid-template-columns:1fr}.navigation-color-sync-actions .btn{white-space:normal}}
/* ===== v1229-unified-tasks ===== */
.case-task-open-row{cursor:pointer}
.case-task-open-row:hover td{background:color-mix(in srgb,var(--accent) 4%,transparent)}
/* ===== v1230-task-editor-refined ===== */
/* ===== v1231-dashboard-recent-timeline ===== */
#activityList.dashboard-recent-timeline{display:block;padding:0!important;overflow:hidden}
.dashboard-recent-head,.dashboard-recent-row{display:grid;grid-template-columns:minmax(145px,1fr) 104px minmax(210px,1.65fr) minmax(130px,.9fr);align-items:stretch}
.dashboard-recent-head{min-height:34px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 60%,var(--panel));font-size:9px;font-weight:800;color:var(--muted)}
.dashboard-recent-head>div,.dashboard-recent-row>div{padding:9px 10px;border-right:1px solid color-mix(in srgb,var(--line) 72%,transparent);min-width:0}
.dashboard-recent-head>div:last-child,.dashboard-recent-row>div:last-child{border-right:0}
.dashboard-recent-row{min-height:48px;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);cursor:pointer;font-size:10px}
.dashboard-recent-row:last-child{border-bottom:0}
.dashboard-recent-row:hover{background:var(--bg)}
.dashboard-recent-type{display:flex;align-items:center;gap:7px}
.dashboard-recent-type .timeline94-type-icon{width:24px;height:24px;flex:0 0 24px;border-radius:7px}
.dashboard-recent-type b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dashboard-recent-date{display:flex;flex-direction:column;justify-content:center;gap:2px}
.dashboard-recent-date b{font-size:10px}
.dashboard-recent-date small{font-size:8px;color:var(--muted)}
.dashboard-recent-description{display:flex;align-items:center;line-height:1.35;color:var(--text);overflow:visible;overflow-wrap:anywhere;white-space:normal}
.dashboard-recent-case{display:flex;flex-direction:column;justify-content:center;gap:2px;overflow:hidden}
.dashboard-recent-case b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dashboard-recent-case small{font-size:8px;color:var(--muted)}
@media(max-width:760px){
  .dashboard-recent-head{display:none}
  .dashboard-recent-row{grid-template-columns:1fr 82px;grid-template-areas:"type date" "desc desc" "case case"}
  .dashboard-recent-type{grid-area:type}
  .dashboard-recent-date{grid-area:date}
  .dashboard-recent-description{grid-area:desc;border-right:0!important;border-top:1px solid color-mix(in srgb,var(--line) 55%,transparent);padding-top:7px!important;padding-bottom:7px!important}
  .dashboard-recent-case{grid-area:case;border-right:0!important;padding-top:0!important;padding-bottom:9px!important}
}
/* ===== v1233-dashboard-activity-font ===== */
#dashboard .dashboard-recent-row{font-size:12px!important}
#dashboard .dashboard-recent-type b,#dashboard .dashboard-recent-date b,#dashboard .dashboard-recent-case b{font-size:12px!important}
#dashboard .dashboard-recent-description{font-size:12px!important}
#dashboard .dashboard-recent-date small,#dashboard .dashboard-recent-case small{font-size:10px!important}
/* ===== v1234-dashboard-activity-layout ===== */
#dashboard .dashboard-recent-head,#dashboard .dashboard-recent-row{grid-template-columns:108px minmax(260px,1.8fr) minmax(150px,.9fr)}
#dashboard .dashboard-recent-head{min-height:40px!important;align-items:center;font-size:12px!important;font-weight:800!important}
#dashboard .dashboard-recent-head>div{display:flex;align-items:center;padding:10px 12px!important}
#dashboard .dashboard-recent-row>div{padding-left:12px!important;padding-right:12px!important}
@media(max-width:760px){
  #dashboard .dashboard-recent-row{grid-template-columns:82px 1fr;grid-template-areas:"date case" "desc desc"}
  #dashboard .dashboard-recent-date{grid-area:date}
  #dashboard .dashboard-recent-description{grid-area:desc}
  #dashboard .dashboard-recent-case{grid-area:case}
}
/* ===== v1235-dashboard-recent-equal-height ===== */
/* Recente dossiers en Recente activiteit vormen één visuele rij met gelijke witte inhoudshoogte. */
#dashboard .dashboard-recent-cases-card .panel-b,#dashboard .dashboard-recent-activity-card #activityList{flex:1 1 auto;min-height:190px!important;box-sizing:border-box}
#dashboard .dashboard-recent-activity-card #activityList{align-self:stretch;background:var(--panel)!important}
@media(max-width:760px){
  #dashboard .dashboard-recent-cases-card .panel-b,#dashboard .dashboard-recent-activity-card #activityList{min-height:0!important}
}
/* ===== v1236-dashboard-recent-top-align ===== */
#dashboard .dashboard-recent-cases-card > .panel-h,#dashboard .dashboard-recent-activity-card > .panel-h{height:54px!important;min-height:54px!important;box-sizing:border-box;display:flex;align-items:center;padding-top:0!important;padding-bottom:0!important}
#dashboard .dashboard-recent-cases-card > .panel-h{justify-content:space-between}
#dashboard .dashboard-recent-activity-card > .panel-h{justify-content:flex-start}
#dashboard .dashboard-recent-cases-card .panel-b,#dashboard .dashboard-recent-activity-card #activityList{min-height:190px!important}
@media(max-width:760px){
  #dashboard .dashboard-recent-cases-card > .panel-h,#dashboard .dashboard-recent-activity-card > .panel-h{height:auto!important;min-height:46px!important;padding-top:10px!important;padding-bottom:10px!important}
}
/* ===== v1237-dashboard-five-rows-align ===== */
#dashboard .dashboard-recent-cases-card .panel-b,#dashboard .dashboard-recent-activity-card #activityList{min-height:0!important;height:auto!important;flex:1 1 auto}
/* Minimaal de bestaande hoogte met vijf dossiers: kop, kolomkop, vijf rijen en randen. */
#dashboard .dashboard-recent-cases-card,#dashboard .dashboard-recent-activity-card{height:100%!important;min-height:389px;display:flex;flex-direction:column;align-self:stretch}
/* ===== v1238-dashboard-row-lines-align ===== */
/* Recente dossiers en Recente activiteit: exact dezelfde verticale rasterhoogtes. */
#dashboard .dashboard-recent-cases-card table{table-layout:fixed}
#dashboard .dashboard-recent-cases-card thead tr,#dashboard .dashboard-recent-activity-card .dashboard-recent-head{height:42px!important;min-height:42px!important}
#dashboard .dashboard-recent-cases-card thead th{height:42px!important;box-sizing:border-box;padding-top:0!important;padding-bottom:0!important;vertical-align:middle}
#dashboard .dashboard-recent-activity-card .dashboard-recent-head>div{height:42px!important;box-sizing:border-box;padding-top:0!important;padding-bottom:0!important;display:flex;align-items:center}
#dashboard .dashboard-recent-cases-card tbody tr{height:58px!important;min-height:58px!important;max-height:58px;box-sizing:border-box}
#dashboard .dashboard-recent-activity-card .dashboard-recent-row{height:auto!important;min-height:58px!important;max-height:none;box-sizing:border-box}
#dashboard .dashboard-recent-cases-card tbody td{height:58px!important;box-sizing:border-box;padding-top:0!important;padding-bottom:0!important;vertical-align:middle}
#dashboard .dashboard-recent-activity-card .dashboard-recent-row>div{height:auto!important;min-height:58px;box-sizing:border-box;padding-top:9px!important;padding-bottom:9px!important;display:flex;justify-content:center}
#dashboard .dashboard-recent-activity-card .dashboard-recent-date,#dashboard .dashboard-recent-activity-card .dashboard-recent-case{flex-direction:column}
#dashboard .dashboard-recent-activity-card .dashboard-recent-description{align-items:center}
@media(max-width:760px){
  #dashboard .dashboard-recent-cases-card thead tr,#dashboard .dashboard-recent-activity-card .dashboard-recent-head,#dashboard .dashboard-recent-cases-card tbody tr,#dashboard .dashboard-recent-activity-card .dashboard-recent-row{height:auto!important;min-height:0!important;max-height:none}
  #dashboard .dashboard-recent-cases-card thead th,#dashboard .dashboard-recent-cases-card tbody td,#dashboard .dashboard-recent-activity-card .dashboard-recent-row>div{height:auto!important;padding-top:9px!important;padding-bottom:9px!important}
}
/* ===== v1239-case-settings-icon ===== */
.case-title-line{min-width:0;max-width:100%;display:flex;align-items:center;gap:4px!important}
.case-settings-toggle{flex:0 0 28px;width:28px;height:28px;padding:0;border:1px solid transparent;border-radius:8px;display:grid;place-items:center;background:transparent;color:var(--muted);cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease}
.case-settings-toggle:hover,.case-settings-toggle:focus-visible{background:var(--bg);border-color:var(--line);color:var(--accent);outline:none}
.case-settings-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
/* ===== v1240-case-tile-settings-icon ===== */
.case-tile-settings-btn svg{width:16px!important;height:16px!important;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
/* ===== v1241-case-overview-stat-alignment ===== */
.case-overview-dynamic-grid .case-overview-stat{min-height:112px!important;padding:16px!important;box-sizing:border-box;display:grid;grid-template-rows:16px 30px 16px;align-content:center;justify-content:stretch;row-gap:4px!important}
.case-overview-dynamic-grid .case-overview-stat>.k{margin:0;height:16px!important;line-height:16px!important;align-self:center}
.case-overview-dynamic-grid .case-overview-stat>.v,.case-overview-dynamic-grid .case-overview-stat>.case-overview-insurer-edit{margin:0;min-height:30px!important;height:30px!important;box-sizing:border-box;align-self:center}
.case-overview-dynamic-grid .case-overview-stat>.v{display:flex;align-items:center;line-height:1.25!important}
.case-overview-dynamic-grid .case-overview-insurer-edit{display:grid;grid-template-rows:30px 16px;overflow:visible}
.case-overview-dynamic-grid .case-overview-insurer-edit>.v{margin:0;height:30px!important;min-height:30px!important;display:flex;align-items:center;line-height:1.25!important}
.case-overview-dynamic-grid .case-overview-insurer-reference{margin:0;height:16px!important;line-height:16px!important;align-self:center}
@media(max-width:760px){
  .case-overview-dynamic-grid .case-overview-stat{min-height:104px!important}
}
/* ===== v1242-dashboard-tile-settings-icon ===== */
.dashboard-top-actions .dashboard-tile-settings-icon{width:32px;height:32px;flex:0 0 32px;padding:0;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;background:var(--panel);color:var(--muted);cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease}
.dashboard-top-actions .dashboard-tile-settings-icon:hover,.dashboard-top-actions .dashboard-tile-settings-icon:focus-visible{background:var(--bg);border-color:color-mix(in srgb,var(--accent) 30%,var(--line));color:var(--accent);outline:none}
.dashboard-top-actions .dashboard-tile-settings-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.dashboard-manage-add-row{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px}
/* ===== v1245-modern-case-tabs ===== */
/* Alleen vormgeving van de dossiertabs; bestaande teksttypografie blijft ongewijzigd. */
.case-tabs-row{position:relative!important;display:flex;align-items:flex-end;gap:8px!important;min-width:0!important;border-bottom:1px solid var(--line)!important}
.case-tabs-row>.tabs{flex:1 1 auto;min-width:0!important;margin:0;padding-bottom:0!important;border:0!important;display:flex;align-items:flex-end;gap:2px!important;overflow-x:auto;scrollbar-width:none}
.case-tabs-row>.tabs::-webkit-scrollbar{display:none}
.case-tabs-row>.tabs>button{padding-top:8px!important;padding-bottom:8px!important;box-sizing:border-box;position:relative!important;margin:0;min-height:38px!important;height:auto!important;padding:8px 11px!important;border:0!important;border-radius:7px 7px 0 0!important;background:transparent!important;box-shadow:none!important;display:inline-flex;align-items:center;justify-content:center;gap:6px!important;line-height:1.2!important;white-space:nowrap;transition:color .14s ease,background .14s ease}
.case-tabs-row>.tabs>button:hover:not(.active){color:var(--text)!important;background:color-mix(in srgb,var(--accent) 5%,transparent)!important}
.case-tabs-row>.tabs>button::after{content:"";position:absolute;left:9px;right:9px;bottom:-1px;height:2px;border-radius:2px 2px 0 0;background:transparent}
.case-tabs-row>.tabs>button.active{color:var(--accent)!important;background:transparent!important}
.case-tabs-row>.tabs>button.active::after{background:var(--accent)!important}
.case-tab-icon{width:16px;height:16px;display:grid;place-items:center;flex:0 0 16px;color:currentColor}
.case-tab-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.case-tab-existing-symbol{width:16px;height:16px;display:grid;place-items:center;line-height:1;font-size:15px;color:currentColor}
.case-overview-tab-manage{min-height:38px!important;height:auto!important;display:flex;align-items:center;padding-bottom:0!important;border-bottom:0!important}
html[data-appearance="dark"] .case-tabs-row>.tabs{background:transparent!important}
html[data-appearance="dark"] .case-tabs-row>.tabs>button,html[data-appearance="dark"] .case-tabs-row>.tabs>button.active{background:transparent!important}
html[data-appearance="dark"] .case-tabs-row>.tabs>button.active{color:var(--accent)!important}
@media(max-width:760px){
  .case-tabs-row>.tabs>button{padding-left:9px!important;padding-right:9px!important}
  .case-tab-icon,.case-tab-icon svg,.case-tab-existing-symbol{width:15px;height:15px}
  .case-tab-existing-symbol{font-size:14px}
}
/* ===== v1248-sidebar-tab-icons ===== */
/* ===== v1249-sidebar-icons-aligned ===== */
#nav>button>span:first-child,#drawerNav>button>span:first-child{width:20px!important;min-width:20px!important;height:20px!important;display:flex;align-items:center;justify-content:center;line-height:20px!important;box-sizing:border-box}
#nav .sidebar-v1244-icon,#drawerNav .sidebar-v1244-icon{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;width:16px!important;height:16px!important;flex:0 0 16px;margin:0;padding:0!important;vertical-align:middle;transform:none!important;display:block}
/* ===== v1250-scratchpad-notepad-icon ===== */
.topbar-scratchpad-btn .scratchpad-notepad-icon{width:18px;height:18px;display:grid;place-items:center}
.topbar-scratchpad-btn .scratchpad-notepad-icon svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
/* ===== v1253-search-result-status-fit ===== */
/* Alleen de globale zoekresultaten: status blijft volledig binnen de resultaatkaart. */
.search-result.search-result-v944{display:grid;grid-template-columns:minmax(0,1fr) max-content;column-gap:18px!important;align-items:center;padding-right:20px!important;box-sizing:border-box;overflow:hidden}
.search-result.search-result-v944 .search-result-main{min-width:0!important;overflow:hidden}
.search-result.search-result-v944 .search-result-details{min-width:0!important;display:flex;align-items:center;gap:5px!important;overflow:hidden;white-space:nowrap}
.search-result.search-result-v944 .search-result-insurer{min-width:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.search-result.search-result-v944 .search-result-status{position:static!important;justify-self:end;width:auto!important;max-width:none;min-width:max-content!important;white-space:nowrap;flex:none;margin:0;transform:none!important}
/* ===== v1254-brand-no-hover-highlight ===== */
/* BaseDesk-merkblok linksboven blijft klikbaar, maar krijgt bewust geen hover/focusvlak. */
.sidebar .brand-home-link,.sidebar .brand-home-link:hover,.sidebar .brand-home-link:focus,.sidebar .brand-home-link:focus-visible,html.sidebar-auto-collapse .sidebar:hover .brand-home-link,html.sidebar-auto-collapse .sidebar:focus-within .brand-home-link{background:transparent!important;box-shadow:none!important;border-color:transparent!important;outline:none!important;filter:none!important}
.sidebar .brand-home-link::before,.sidebar .brand-home-link::after{background:transparent!important;box-shadow:none!important}
/* ===== v1257-locked-sidebar-hover-stable ===== */
/* Vergrendeld + ingeklapt = echt statisch: hover mag niets uitklappen, verschuiven of de rail laten oplichten. */
@media(min-width:761px){
  html.sidebar-locked-collapsed .sidebar,html.sidebar-locked-collapsed .sidebar:hover,html.sidebar-locked-collapsed .sidebar:focus-within{width:68px!important;min-width:68px!important;max-width:68px!important;padding-left:10px!important;padding-right:10px!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;transform:none!important}
  html.sidebar-locked-collapsed .sidebar:hover .brand-copy,html.sidebar-locked-collapsed .sidebar:focus-within .brand-copy,html.sidebar-locked-collapsed .sidebar:hover .nav .nav-label,html.sidebar-locked-collapsed .sidebar:hover .nav-count,html.sidebar-locked-collapsed .sidebar:hover .nav-recent-cases,html.sidebar-locked-collapsed .sidebar:focus-within .nav .nav-label,html.sidebar-locked-collapsed .sidebar:focus-within .nav-count,html.sidebar-locked-collapsed .sidebar:focus-within .nav-recent-cases{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
  html.sidebar-locked-collapsed .sidebar:hover .nav,html.sidebar-locked-collapsed .sidebar:focus-within .nav{width:48px!important;margin:0 auto 8px!important;padding:0!important;gap:var(--bd-sidebar-nav-gap)!important}
  html.sidebar-locked-collapsed .sidebar:hover .nav>button,html.sidebar-locked-collapsed .sidebar:focus-within .nav>button{width:48px!important;height:var(--bd-sidebar-nav-item)!important;min-height:var(--bd-sidebar-nav-item)!important;padding:0!important;margin:0!important;gap:0!important;grid-template-columns:48px!important}
  html.sidebar-locked-collapsed .sidebar:hover .sidebar-profile,html.sidebar-locked-collapsed .sidebar:focus-within .sidebar-profile{width:48px!important;min-height:50px!important;margin:0 auto!important;padding:8px 7px 2px!important;gap:0!important}
}
/* ===== v1263-locked-sidebar-icon-hover-stable ===== */
/* Vergrendelde compacte zijbalk: behoud exact dezelfde icooncontainer bij hover/focus.
   Hiermee kan de oudere auto-collapse hoverregel (28px) de 48px gecentreerde container niet meer overschrijven. */
@media(min-width:761px){
  html.sidebar-locked-collapsed .sidebar .nav>button>span:first-child,html.sidebar-locked-collapsed .sidebar:hover .nav>button>span:first-child,html.sidebar-locked-collapsed .sidebar:focus-within .nav>button>span:first-child{width:48px!important;min-width:48px!important;height:var(--bd-sidebar-nav-item)!important;flex:0 0 48px!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;text-align:center!important;line-height:1!important;transform:none!important}
  html.sidebar-locked-collapsed .sidebar .nav>button>span:first-child .sidebar-v1244-icon,html.sidebar-locked-collapsed .sidebar:hover .nav>button>span:first-child .sidebar-v1244-icon,html.sidebar-locked-collapsed .sidebar:focus-within .nav>button>span:first-child .sidebar-v1244-icon{width:16px!important;height:16px!important;margin:0!important;transform:none!important}
}
/* ===== v1260 ===== */
.topbar-checklist-btn{width:34px;height:34px;border:1px solid var(--line);background:var(--panel);border-radius:9px;display:grid;place-items:center;cursor:pointer;color:var(--muted)}
.topbar-checklist-btn:hover{background:var(--soft);color:var(--accent)}
.topbar-checklist-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.checklist-panel{position:fixed;z-index:8500;right:205px;top:62px;width:330px;max-height:460px;overflow:auto;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 48px rgba(15,23,42,.18);padding:14px}
.checklist-head,.checklist-item{display:flex;align-items:center;gap:8px}
.checklist-head{justify-content:space-between;margin-bottom:12px}
.checklist-panel form{display:flex;gap:7px;margin-bottom:12px}
/* V13.69: dit veld had als enige in de app geen eigen opmaak en viel daardoor terug op de
   browserstandaard (2px inset, geen ronding). De hele app is gescand: dit was het enige
   afwijkende invoerveld. Nu dezelfde stijl als de overige compacte velden. */
.checklist-panel form input{min-width:0;flex:1;height:36px;padding:0 11px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--text);font:inherit;font-size:13px;box-sizing:border-box}
.checklist-panel form input:focus{outline:0;border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}
.checklist-item{padding:8px 2px;border-top:1px solid var(--line)}
.checklist-item span{flex:1}
.checklist-item .done{text-decoration:line-through;opacity:.55}
.checklist-head button,.checklist-item button{border:0;background:transparent;cursor:pointer;color:var(--muted)}
.selection-ai-button{position:fixed;z-index:11000;width:30px;height:30px;border:0;border-radius:9px;background:var(--accent);color:#fff;box-shadow:0 5px 16px rgba(15,23,42,.22);cursor:pointer}
.selection-ai-menu{position:fixed;z-index:11001;width:185px;padding:5px;background:var(--panel);border:1px solid var(--line);border-radius:11px;box-shadow:0 12px 34px rgba(15,23,42,.2)}
.selection-ai-menu button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:9px 10px;border-radius:7px;color:var(--text);cursor:pointer}
.selection-ai-menu button:hover{background:color-mix(in srgb,var(--accent) 8%,var(--panel))}
@media(max-width:760px){
  .checklist-panel{right:12px;left:12px;top:58px;width:auto}
  .selection-ai-button{display:none}
}
/* ===== v1261-mail-relation-groups ===== */
.mail80-relation-quickgroups{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.mail80-relation-quickgroup{min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--bg);padding:9px}
.mail80-relation-group-title{font-size:10px;font-weight:800;color:var(--muted);margin:0 0 7px}
.mail80-relation-quicklist{display:flex;flex-direction:column;gap:5px;max-height:150px;overflow:auto}
.mail80-quick-relation{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;border:0;border-radius:8px;background:transparent;color:var(--text);padding:7px 8px;text-align:left;cursor:pointer}
.mail80-quick-relation:hover{background:color-mix(in srgb,var(--accent) 8%,var(--panel))}
.mail80-quick-relation>span{display:flex;min-width:0;flex-direction:column}
.mail80-quick-relation b{font-size:11px}
.mail80-quick-relation small{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mail80-quick-relation.is-secretariat{background:color-mix(in srgb,var(--accent) 8%,transparent)}
@media(max-width:760px){
  .mail80-relation-quickgroups{grid-template-columns:1fr}
}
/* ===== v1317-mobile-mail-icon ===== */
/* Mobiele Mail gebruikt hetzelfde envelopicoon als de overige navigatie. */
#mobilebar .sidebar-v1244-icon{width:18px!important;height:18px!important;display:block;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
/* ===== v1320-dark-dashboard-hover-fix ===== */
/* V13.20 — dashboard-hover blijft donker in de donkere kleurmodus. */
html[data-appearance="dark"] #dashboard .dashboard-link:not(.dashboard-kpi-urgent):hover,
html[data-appearance="dark"] #dashboard .card:hover,
html[data-appearance="dark"] #dashboard .panel-h.dashboard-header-link:hover{background:#202d3d!important;color:var(--text)!important;border-color:#344458!important}
html[data-appearance="dark"] #dashboard .dashboard-agenda-item:hover,
html[data-appearance="dark"] #dashboard .dashboard-recent-row:hover,
html[data-appearance="dark"] #dashboard #taskTable tr[data-task-id]:hover,
html[data-appearance="dark"] #dashboard #taskTable tr[data-task-id]:hover>td,
html[data-appearance="dark"] #dashboard .dashboard-recent-cases-card tbody tr:hover,
html[data-appearance="dark"] #dashboard .dashboard-recent-cases-card tbody tr:hover>td{background:#1d2a3a!important;color:var(--text)!important}
/* ===== v1370-chat-send-button ===== */
/* V13.70 — de verstuurknop in chat was op desktop een brede knop met het woord
   "Verstuur"; op mobiel bestond al een compacte ronde variant met een pijlpictogram.
   Omdat de knop rechtsonder onder de zwevende knoppen verdween, oogde hij half
   afgeknipt. Nu op desktop dezelfde compacte ronde vorm als op mobiel, zodat hij
   overal hetzelfde is en binnen de vrijgehouden ruimte past. */
@media(min-width:761px){
  #chat .chat-compose .btn.primary,  #ai .chat-compose .btn.primary{flex:0 0 42px;width:42px!important;min-width:42px!important;max-width:42px;height:42px!important;padding:0!important;border-radius:11px!important;display:grid;place-items:center;overflow:hidden;text-indent:-9999px;position:relative!important;box-shadow:none!important}
  #chat .chat-compose .btn.primary::after,  #ai .chat-compose .btn.primary::after{content:"➤";text-indent:0!important;position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;font-size:19px!important;line-height:1!important}
}
/* ===== v1370-floating-clearance ===== */
/* De chat verbergt de zwevende werkknoppen zolang de pagina actief is. De invoerbalk
   kan daardoor zonder gereserveerde lege strook over de volledige breedte lopen. */
/* ===== v1322-floating-panels-and-recent-hover ===== */
/* V13.23 — openen van Tijdregistratie verplaatst de knop niet meer. */
#stableTimeWrap.panel-open{position:fixed!important;inset:auto 18px 92px auto!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:flex-end!important;pointer-events:none!important;right:18px!important;bottom:22px!important}
#stableTimePanel.open,#floatingAiPanel.open{position:fixed!important;margin:0!important}
/* Dashboardlijsten gebruiken één rustige hoverkleur. */
#dashboard .dashboard-recent-cases-card tbody tr{transition:background .12s ease}
#dashboard .dashboard-recent-cases-card tbody tr:hover{background:var(--bg)!important}
#dashboard .dashboard-recent-cases-card tbody tr:hover>td{background:var(--bg)!important}
html[data-appearance="dark"] #dashboard .dashboard-recent-cases-card tbody tr:hover{background:#1d2a3a!important;color:var(--text)!important}
html[data-appearance="dark"] #dashboard .dashboard-recent-cases-card tbody tr:hover>td{background:#1d2a3a!important;color:var(--text)!important}
@media(max-width:760px){
  #stableTimeWrap.panel-open{right:14px!important;bottom:calc(88px + env(safe-area-inset-bottom))!important}
}
/* ===== v1338-dashboard-widget-polish ===== */
/* Korte en lange omschrijvingen beginnen altijd links in hun eigen kolom. */
#dashboard .dashboard-recent-activity-card .dashboard-recent-row > .dashboard-recent-description{justify-content:flex-start;align-items:center;text-align:left}
/* ===== v1339-case-checklist ===== */
.case-tasks-subtabs{display:inline-flex;align-items:center;gap:3px;margin:0 0 14px;padding:3px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--bg) 74%,var(--panel))}
.case-tasks-subtabs button{min-height:32px;padding:6px 12px;border:0;border-radius:7px;background:transparent;color:var(--muted);font:inherit;font-size:var(--bd-type-content,13px);font-weight:750;cursor:pointer}
.case-tasks-subtabs button:hover{color:var(--text);background:color-mix(in srgb,var(--panel) 72%,transparent)}
.case-tasks-subtabs button.active{color:var(--bd-tab-active-ink,var(--accent));background:var(--panel);box-shadow:0 1px 4px rgba(15,23,42,.08)}
.case-checklist-head-actions{display:flex;align-items:center;gap:7px}
.case-checklist-wrap{overflow-x:auto!important;padding:0!important}
.case-checklist-table{width:100%!important;min-width:700px!important;table-layout:fixed!important;border-collapse:collapse!important}
.case-checklist-table th:nth-child(2),.case-checklist-table td:nth-child(2){width:auto!important}
.case-checklist-table th:nth-child(3),.case-checklist-table td:nth-child(3){width:210px!important}
.case-checklist-table th:nth-child(4),.case-checklist-table td:nth-child(4){width:46px!important;padding-right:10px!important}
.case-checklist-table .task-title{font-size:inherit!important;line-height:inherit!important;font-weight:inherit!important}
.case-checklist-table .case-checklist-category{font-size:inherit!important;line-height:inherit!important;color:var(--text)}
.case-checklist-table .case-checklist-row:hover td{background:color-mix(in srgb,var(--accent) 4%,transparent)!important}
.case-checklist-empty{padding:24px!important}
.case-terms-wrap{overflow-x:auto!important;padding:0!important}
.case-terms-table{width:100%!important;min-width:720px!important;table-layout:fixed!important;border-collapse:collapse!important}
.case-terms-table th:nth-child(1),.case-terms-table td:nth-child(1){width:auto!important}
.case-terms-table th:nth-child(2),.case-terms-table td:nth-child(2){width:180px!important}
.case-terms-table th:nth-child(3),.case-terms-table td:nth-child(3){width:230px!important}
.case-terms-table th:nth-child(4),.case-terms-table td:nth-child(4){width:46px!important;padding-right:10px!important}
.case-terms-table .task-title{display:block;font-size:inherit!important;line-height:inherit!important;font-weight:inherit!important}
.term-main{display:flex;align-items:center;gap:10px}
.term-main>div{min-width:0}
.term-main small{display:block;margin-top:2px;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.term-icon{display:grid;place-items:center;flex:0 0 16px;width:16px;height:16px;color:var(--muted)}
.term-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.term-icon-outgoing{color:var(--accent)}
.term-icon-incoming,.term-icon-deadline{color:var(--muted)}
.term-status-pill{display:inline-flex;align-items:center;gap:7px;min-height:0;padding:0;border-radius:0;background:transparent;color:var(--muted);font-size:inherit;font-weight:600;white-space:nowrap}
.term-status-pill::before{content:"";width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:color-mix(in srgb,var(--muted) 62%,transparent)}
.term-status-pill.ok,.term-status-pill.neutral{background:transparent;color:var(--muted)}
.term-status-pill.warning{background:transparent;color:var(--text)}
.term-status-pill.warning::before{background:#d97706}
.term-status-pill.danger{background:transparent;color:var(--text)}
.term-status-pill.danger::before{background:#dc2626}
@media(max-width:760px){
  .case-tasks-subtabs{display:flex;width:100%;box-sizing:border-box}
  .case-tasks-subtabs button{flex:1;padding-left:8px;padding-right:8px}
  .case-checklist-head-actions{gap:5px}
  .case-checklist-head-actions .btn{padding-left:8px;padding-right:8px}
  .case-checklist-table{min-width:650px!important}
  .case-terms-table{min-width:690px!important}
}
/* ===== v1353-organizations-ux ===== */
.relations-entity-tabs{margin:0 0 16px;width:max-content}
.organization-avatar{border-radius:10px!important;font-size:11px!important}
.organization-profile-section{padding:16px 0;border-top:1px solid var(--line)}
.organization-profile-section-head,.case-organizations-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.organization-contact-row,.case-organization-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(140px,.7fr) auto auto;gap:14px;align-items:center;padding:11px 0;border-top:1px solid var(--line)}
.organization-contact-row:first-child,.case-organization-row:first-child{border-top:0}
.organization-contact-row>div{display:flex;flex-direction:column;gap:2px}
.organization-contact-row span{color:var(--muted);font-size:11px}
.organization-case-link,.case-organization-main{display:block;width:100%;padding:8px 0;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}
.organization-case-link:hover,.case-organization-main:hover b{color:var(--accent)}
.case-organizations-panel{margin-bottom:14px;padding:15px 17px}
.case-organizations-head>div{display:flex;align-items:baseline;gap:8px}
.case-organization-main{display:flex;flex-direction:column;gap:2px}
.case-organization-main span{color:var(--muted);font-size:11px}
.case-relations-subtabs{margin-bottom:14px}
.organization-primary-grid{grid-template-columns:minmax(240px,1.4fr) minmax(180px,.8fr) minmax(160px,.7fr)}
.organization-contact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.organization-editor-form .relation-address-grid-clean{margin-top:0}
.person-organization-search{display:grid;gap:6px;margin-bottom:10px}
.person-organization-search-input{display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}
.person-organization-search-input>span{color:var(--muted);font-size:16px}
.person-organization-search-input input{width:100%;margin:0;padding-left:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.person-organization-options{display:grid;gap:8px}
.person-organization-option{display:grid!important;grid-template-columns:auto minmax(150px,1fr) minmax(180px,1fr);gap:10px;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:9px}
.person-organization-option[hidden]{display:none!important}
.person-organization-option>span{display:flex;flex-direction:column}
.person-organization-option small{color:var(--muted)}
.person-organization-option>input[type="text"],.person-organization-option>input:not([type]){margin:0}
.person-organization-search-status{margin-top:8px}
@media(max-width:760px){
  .relations-entity-tabs{width:100%}
  .organization-primary-grid,.organization-contact-grid{grid-template-columns:1fr}
  .organization-contact-row,.case-organization-row{grid-template-columns:1fr auto}
  .case-organization-row>span{grid-column:1/2}
  .person-organization-option{grid-template-columns:auto 1fr}
  .person-organization-option>input:not([type="checkbox"]){grid-column:2}
}
/* ===== v1354-case-agenda ===== */
.case-agenda-main-head{margin-bottom:14px}
.case-agenda-main-head>div:first-child{display:grid;gap:3px}
.case-agenda-card-title{display:flex;align-items:center;min-height:32px;margin:-2px 0 12px;padding-bottom:10px;border-bottom:1px solid var(--line);font-size:11px}
.case-agenda-calendar-card .calendar-toolbar{margin-bottom:14px}
.case-agenda-list-card{min-height:240px}
.case-agenda-list-card .agenda-empty{padding:22px 16px;color:var(--muted);font-size:11px}
@media(max-width:760px){
  .case-agenda-main-head{align-items:flex-start}
  .case-agenda-main-head .btn{white-space:nowrap}
  .case-agenda-calendar-card{padding:11px}
  .case-agenda-calendar-card .calendar-toolbar{gap:5px;flex-wrap:nowrap}
  .case-agenda-calendar-card .calendar-toolbar h3{font-size:16px;white-space:nowrap}
  .case-agenda-calendar-card .calendar-nav{gap:4px}
  .case-agenda-calendar-card .calendar-nav button{padding:7px 8px}
}
/* ===== v1355-damage-template ===== */
.damage1355-card{padding:0!important;overflow:hidden}
.damage1355-summary{padding:15px 17px 12px;margin:0}
.damage1355-table-wrap{overflow-x:auto}
.damage1355-table{width:100%;min-width:860px;border-collapse:collapse;table-layout:fixed}
.damage1355-table th,.damage1355-table td{padding:10px 12px;border-top:1px solid var(--line);vertical-align:middle;text-align:left;font-size:11px}
.damage1355-table th{color:var(--muted);font-size:10px}
.damage1355-table th:nth-child(1){width:26%}
.damage1355-table th:nth-child(2){width:28%}
.damage1355-table th:nth-child(3),.damage1355-table th:nth-child(4),.damage1355-table th:nth-child(5){width:12%;text-align:right}
.damage1355-table th:last-child{width:8%}
.damage1355-table td:nth-child(3),.damage1355-table td:nth-child(4),.damage1355-table td:nth-child(5){text-align:right;font-variant-numeric:tabular-nums}
.damage1355-section td{padding:9px 12px;background:color-mix(in srgb,var(--bg) 82%,var(--panel));color:var(--text);font-weight:800}
.damage1355-note{color:var(--muted);line-height:1.35}
.damage1355-empty{color:var(--muted)}
.damage1355-pm{color:var(--muted);font-style:italic}
.damage1355-actions{display:flex;justify-content:flex-end;gap:5px}
.damage1355-export-note{line-height:1.45}
.damage1355-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.damage1355-form-grid label{display:grid;gap:5px}
.damage1355-form-grid .wide{grid-column:1/-1}
@media(max-width:760px){
  .damage1355-form-grid{grid-template-columns:1fr}
  .damage1355-form-grid .wide{grid-column:auto}
}
/* ===== v1397-topbar-scratchpad-stack-divider ===== */
/* V13.97 — kladblok in dezelfde stapel; één blijvende scheidingslijn aan de buitenrand van de volledige groep. */
.topbar-scratchpad-slot{display:none;margin:0;padding:0!important;border:0!important}
#topbarShortcuts.topbar-shortcuts::after{content:"";position:absolute;top:7px;left:-8px;width:1px;height:22px;background:var(--line);opacity:1;pointer-events:none;z-index:1;transform:translateX(0);transition:transform .20s cubic-bezier(.2,.72,.2,1)}
#topbarShortcuts.has-stack.is-hovered::after,
#topbarShortcuts.has-stack.is-open::after,
#topbarShortcuts.has-stack:focus-within::after{transform:translateX(calc(-1 * var(--shortcut-spread,0px)))}
#topbarShortcuts .topbar-scratchpad-btn.topbar-shortcut-action{position:absolute!important;left:0!important;top:1px!important;margin:0;padding:0!important;border-color:transparent!important;background:transparent!important;transition:transform .20s cubic-bezier(.2,.72,.2,1),opacity .12s ease,background-color .15s ease,border-color .15s ease,color .15s ease}
#topbarShortcuts.has-stack .topbar-scratchpad-btn.topbar-shortcut-action{transform:translateX(0) scale(.94)!important}
#topbarShortcuts.has-stack.is-hovered .topbar-scratchpad-btn.topbar-shortcut-action,
#topbarShortcuts.has-stack.is-open .topbar-scratchpad-btn.topbar-shortcut-action,
#topbarShortcuts.has-stack:focus-within .topbar-scratchpad-btn.topbar-shortcut-action{transform:translateX(var(--shortcut-x,0px)) scale(1)!important}
#topbarShortcuts .topbar-scratchpad-btn.topbar-shortcut-action:hover,
#topbarShortcuts .topbar-scratchpad-btn.topbar-shortcut-action:focus-visible{background:var(--bg)!important;color:var(--accent)!important;border-color:color-mix(in srgb,var(--accent) 28%,var(--line))!important}
@media(prefers-reduced-motion:reduce){
  #topbarShortcuts.topbar-shortcuts::after{transition:none!important}
}
/* ===== v1398-sidebar-hover-actions ===== */
/* V13.99 — rustige snelle acties in de desktopzijbalk en subtiele cijfermeldingen. */
#nav>button{position:relative!important}
#nav .nav-hover-actions{display:none}
#nav .nav-count,#drawerNav .nav-count{min-width:0!important;height:auto!important;padding:0!important;margin-left:auto;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--nav-count-ink,rgba(232,238,246,.62))!important;font-size:10px!important;font-weight:700!important;line-height:1!important;letter-spacing:.01em;font-variant-numeric:tabular-nums}
#nav .nav-count.overdue,#drawerNav .nav-count.overdue{background:transparent!important;color:var(--nav-count-overdue-ink,rgba(255,225,225,.78))!important}
#nav>button.active .nav-count:not(.overdue),#drawerNav>button.active .nav-count:not(.overdue){background:transparent!important;color:var(--nav-count-active-ink,rgba(255,255,255,.72))!important}
#drawerNav .nav-hover-actions{display:none}
@media(min-width:761px){
  #nav>button{overflow:visible}
  #nav>button .nav-hover-actions{position:absolute;right:5px;top:50%;z-index:5;height:28px;display:flex;align-items:center;justify-content:flex-end;gap:2px;padding:0 1px 0 12px;margin:0;opacity:0;visibility:hidden;pointer-events:none;transform:translate(4px,-50%);background:transparent;transition:opacity .12s ease,transform .12s ease,visibility 0s linear .12s}
  #nav>button:has(>.sidebar-nav-chevron) .nav-hover-actions{right:33px}
  #nav>button:hover .nav-hover-actions{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0,-50%);transition-delay:.18s,.18s,.18s}
  #nav>button .nav-count{transition:opacity .1s ease,visibility 0s linear .1s}
  #nav>button:has(.nav-hover-actions):not(:has(.sidebar-nav-chevron[aria-expanded="true"])):hover .nav-count{opacity:0!important;visibility:hidden!important;transition-delay:.18s,.18s}
  .nav-hover-action{width:25px;height:25px;min-width:25px;border-radius:7px;display:grid;place-items:center;box-sizing:border-box;color:rgba(232,238,246,.78);background:transparent;border:1px solid transparent;cursor:pointer;outline:none;transition:background-color .12s ease,border-color .12s ease,color .12s ease,transform .12s ease}
  .nav-hover-action:hover,.nav-hover-action:focus-visible{color:#fff;background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.12);transform:translateY(-1px)}
  .sidebar-nav-action-svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
  html.sidebar-auto-collapse .sidebar:hover #nav>button:hover .nav-hover-actions,
  html.sidebar-auto-collapse .sidebar:focus-within #nav>button:hover .nav-hover-actions{transition-delay:.24s,.24s,.24s}
  html.sidebar-auto-collapse .sidebar:hover #nav>button:has(.nav-hover-actions):not(:has(.sidebar-nav-chevron[aria-expanded="true"])):hover .nav-count,
  html.sidebar-auto-collapse .sidebar:focus-within #nav>button:has(.nav-hover-actions):not(:has(.sidebar-nav-chevron[aria-expanded="true"])):hover .nav-count{transition-delay:.24s,.24s}
  /* In de compacte automatische stand blijft een rustig cijfer bij het hoofdicoon staan. */
  html.sidebar-auto-collapse:not(.sidebar-navigation-settings-open,.sidebar-context-menu-open) .sidebar:not(:hover):not(:focus-within) #nav>button .nav-count,
  html.sidebar-locked-collapsed #nav>button .nav-count,
  html.sidebar-locked-collapsed .sidebar:hover #nav>button .nav-count,
  html.sidebar-locked-collapsed .sidebar:focus-within #nav>button .nav-count{position:absolute!important;top:4px!important;right:4px!important;width:auto!important;height:auto!important;overflow:visible!important;opacity:.76!important;visibility:visible!important;pointer-events:none!important;font-size:8px!important;line-height:1!important;margin:0!important}
  /* Vast ingeklapt: houd de compacte balk rustig. Geen hoveracties; het meldingscijfer blijft ook bij hover zichtbaar. */
  html.sidebar-locked-collapsed #nav>button .nav-hover-actions,
  html.sidebar-locked-collapsed .sidebar:hover #nav>button .nav-hover-actions,
  html.sidebar-locked-collapsed .sidebar:focus-within #nav>button .nav-hover-actions,
  html.sidebar-locked-collapsed #nav>button:hover .nav-hover-actions,
  html.sidebar-locked-collapsed .sidebar:hover #nav>button:hover .nav-hover-actions,
  html.sidebar-locked-collapsed .sidebar:focus-within #nav>button:hover .nav-hover-actions{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
  html.sidebar-locked-collapsed #nav>button:hover .nav-count,
  html.sidebar-locked-collapsed .sidebar:hover #nav>button:hover .nav-count,
  html.sidebar-locked-collapsed .sidebar:focus-within #nav>button:hover .nav-count{opacity:.76!important;visibility:visible!important}
}
@media(max-width:760px){
  #drawerNav .nav-count{font-size:10px!important;color:var(--nav-count-ink,rgba(232,238,246,.68))!important}
  #drawerNav .sidebar-nav-submenu-row{grid-template-columns:minmax(0,1fr)}
  #drawerNav :is(.sidebar-nav-submenu-action,.sidebar-nav-submenu-pin){display:none}
}
@media(prefers-reduced-motion:reduce){
  #nav .nav-hover-actions,#nav .nav-count,.nav-hover-action{transition:none}
}

/* ===== v1501-sidebar-navigation-settings ===== */
/* De verticale navigatie gebruikt onderin dezelfde compacte instellingenbediening
   als de horizontale balk. Het bestaande slot behoudt zijn positie aan de rechterkant. */
.sidebar-footer-controls{display:none}
@media(min-width:761px){
  html.desktop-navigation-classic .sidebar-footer-controls{
    position:relative;display:flex;align-items:center;justify-content:flex-end;gap:6px;
    flex:0 0 auto;align-self:flex-end;margin:0 8px 8px
  }
  .sidebar-navigation-settings-wrap{position:relative;flex:0 0 28px;width:28px;height:28px}
  .sidebar-navigation-settings-button{
    width:28px;height:28px;padding:0;border:1px solid var(--nav-line,rgba(255,255,255,.14));
    border-radius:8px;display:grid;place-items:center;background:var(--nav-hover,rgba(255,255,255,.055));
    color:var(--nav-muted,#cbd7e7);cursor:pointer;
    transition:background .15s ease,color .15s ease,border-color .15s ease
  }
  .sidebar-navigation-settings-button:hover,.sidebar-navigation-settings-button:focus-visible,
  .sidebar-navigation-settings-button[aria-expanded="true"]{
    background:color-mix(in srgb,var(--nav-ink,#fff) 11%,transparent);
    color:var(--nav-ink,#fff);border-color:color-mix(in srgb,var(--nav-ink,#fff) 25%,transparent);outline:none
  }
  .sidebar-navigation-settings-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .sidebar-footer-controls .sidebar-collapse-lock,
  html.sidebar-auto-collapse .sidebar .sidebar-footer-controls .sidebar-collapse-lock,
  html.sidebar-locked-collapsed .sidebar .sidebar-footer-controls .sidebar-collapse-lock{
    flex:0 0 28px;align-self:auto;margin:0
  }
  .sidebar-navigation-settings-panel{
    position:absolute;right:-34px;bottom:calc(100% + 8px);z-index:140;width:220px;padding:8px;
    box-sizing:border-box;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--text);
    box-shadow:0 18px 42px rgba(15,35,64,.2)
  }
  .sidebar-navigation-settings-panel[hidden]{display:none}
  html.sidebar-auto-collapse:not(.sidebar-navigation-settings-open,.sidebar-context-menu-open) .sidebar:not(:hover):not(:focus-within) .sidebar-footer-controls,
  html.sidebar-locked-collapsed .sidebar .sidebar-footer-controls,
  html.sidebar-locked-collapsed .sidebar:hover .sidebar-footer-controls,
  html.sidebar-locked-collapsed .sidebar:focus-within .sidebar-footer-controls{
    flex-direction:column;align-self:center;margin:0 0 8px;gap:6px
  }
  html.sidebar-locked-collapsed .sidebar .sidebar-navigation-settings-panel{
    left:calc(100% + 30px);right:auto;bottom:0
  }
  html[data-appearance="dark"] .sidebar-navigation-settings-panel{box-shadow:0 18px 42px rgba(0,0,0,.4)}
}

/* ===== v15.21 — kantoorbrede activiteitpagina ===== */
#activity .activity-page-card{overflow:visible}
#activity .activity-page-tools{align-items:center;flex-wrap:nowrap}
#activity .activity-page-period-filter{height:36px;display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--muted);box-sizing:border-box;white-space:nowrap}
#activity .activity-page-period-filter:focus-within{border-color:color-mix(in srgb,var(--accent) 52%,var(--line));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 10%,transparent)}
#activity .activity-page-date-icon{font-size:14px;line-height:1;display:grid;place-items:center}
#activity .activity-page-date-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#activity .activity-page-period-filter label{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted)}
#activity .activity-page-period-filter label>span{font-size:var(--bd-type-small,11px);font-weight:700}
#activity .activity-page-period-filter input{width:116px;min-width:0;border:0!important;outline:0!important;padding:0!important;height:30px;background:transparent!important;color:var(--text);font:inherit;font-size:11px;box-shadow:none!important}
#activity .activity-page-period-separator{color:var(--line);font-size:12px}
#activity .activity-page-table{border:1px solid var(--line);border-radius:10px;overflow:visible;background:var(--panel)}
#activity .activity-page-head,#activity .activity-page-row{display:grid;grid-template-columns:minmax(130px,.9fr) 112px minmax(220px,1.7fr) minmax(155px,1.05fr) minmax(120px,.85fr) minmax(145px,1fr);align-items:center}
#activity .activity-page-head{min-height:42px;background:var(--soft);border-bottom:1px solid var(--line);font-size:12px;font-weight:700;color:var(--muted)}
#activity .activity-page-head>div,#activity .activity-page-row>span{padding:9px 12px;min-width:0;box-sizing:border-box;text-align:left}
#activity .activity-page-head-cell{position:relative;display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:42px}
#activity .activity-page-head-actions{display:flex;align-items:center;gap:1px;flex:0 0 auto}
#activity .activity-page-column-search-pop{display:none;position:absolute;z-index:30;right:8px;top:36px;min-width:190px;padding:8px;border:1px solid var(--line);border-radius:11px;background:var(--panel);box-shadow:0 12px 28px rgba(15,23,42,.14)}
#activity .activity-page-column-search-pop.open{display:block}
#activity .activity-page-column-search{width:100%;height:32px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#344054;padding:0 9px;font:inherit;font-size:10px;font-weight:400;text-transform:none;letter-spacing:0;outline:none;box-shadow:none}
#activity .activity-page-column-search:focus{border-color:color-mix(in srgb,var(--accent) 38%,var(--line));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 8%,transparent)}
#activity .activity-page-row{width:100%;min-height:58px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--text);font:inherit;cursor:pointer;text-align:left}
#activity .activity-page-row:last-child{border-bottom:0}
#activity .activity-page-row:hover{background:var(--hover)}
#activity .activity-page-row:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:-2px}
#activity .activity-page-type,#activity .activity-page-date,#activity .activity-page-case{display:flex;align-items:center;gap:8px}
#activity .activity-page-type .timeline94-type-icon{display:grid;place-items:center;flex:0 0 22px}
#activity .activity-page-type .timeline94-type-icon svg{width:18px;height:18px}
#activity .activity-page-date,#activity .activity-page-case{flex-direction:column;align-items:flex-start;gap:2px}
#activity .activity-page-date small,#activity .activity-page-case small{font-size:11px;color:var(--muted)}
#activity .activity-page-description,#activity .activity-page-relation{white-space:normal;overflow-wrap:anywhere}
#activity .activity-page-user{display:flex;align-items:center;gap:8px}
#activity .activity-page-user .timeline94-avatar{flex:0 0 auto}
html[data-appearance="dark"] #activity .activity-page-column-search-pop{background:#101925;border-color:#334155;box-shadow:none}
html[data-appearance="dark"] #activity .activity-page-column-search{background:var(--panel);color:var(--text)}
@media(max-width:1100px){#activity .activity-page-head,#activity .activity-page-row{grid-template-columns:minmax(120px,.9fr) 105px minmax(190px,1.5fr) minmax(145px,1fr) minmax(135px,.9fr)}#activity .activity-page-head>div:nth-child(5),#activity .activity-page-row>.activity-page-relation{display:none}}
@media(max-width:760px){#activity .uniform-library-header{align-items:stretch}#activity .activity-page-tools{display:grid;grid-template-columns:1fr auto;gap:8px;width:100%}#activity .activity-page-tools>input[type="search"]{grid-column:1/-1;width:100%}#activity .activity-page-period-filter{width:100%;min-width:0}#activity .activity-page-period-filter label{flex:1 1 0;min-width:0}#activity .activity-page-period-filter input{width:100%;min-width:0}#activity .activity-page-table{border-radius:8px;overflow-x:auto}#activity .activity-page-head,#activity .activity-page-row{min-width:720px;grid-template-columns:130px 105px minmax(220px,1.5fr) 160px 150px}#activity .activity-page-head>div:nth-child(5),#activity .activity-page-row>.activity-page-relation{display:none}}

/* V15.46 — de bestaande woordmerkregels laden in de head, vóór de eerste
   weergave. Niet terug naar de late stylesheet verplaatsen: vóór die link
   kunnen blokkerende scripts staan, terwijl de SVG al is geladen.
   De HTML-afmetingen begrenzen het logo ook als CSS niet beschikbaar is. */
/* ===== v14.82-basedesk-woordmerk-formaat ===== */
.brand-office-name-visually-hidden{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
}
.brand-logo{display:block;width:92px;max-width:100%;height:auto;aspect-ratio:803/190;object-fit:contain;object-position:left center}
.brand-logo-on-light{display:none}
html[data-sidebar-ink="dark"] .brand-logo-on-dark{display:none}
html[data-sidebar-ink="dark"] .brand-logo-on-light{display:block}
.sidebar .brand.brand-clean{min-height:61px;padding-top:5px!important;padding-bottom:9px!important}
.sidebar .brand-copy{width:100%}
@media(max-width:760px){
  .mobile-drawer .mobile-brand-clean{min-height:67px!important;padding-top:5px!important;padding-bottom:10px!important}
  .mobile-drawer .brand-logo{width:92px;max-width:100%}
}
.topbar-brand-home{display:none}
@media(min-width:761px){
  .topbar-brand-logo{display:block;width:106px;height:auto;aspect-ratio:803/190;max-height:32px;object-fit:contain;object-position:left center}
  .topbar-brand-logo-on-dark{display:none}
  html[data-appearance="dark"] .topbar-brand-logo-on-light{display:none}
  html[data-appearance="dark"] .topbar-brand-logo-on-dark{display:block}
}

/* V15.50 — globale zoekresultaten: vensteractie op hover + verwijderbare recente resultaten. */
#globalSearchWrap .search-result-v944 .search-result-side{
  display:inline-flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0;justify-self:end;
}
#globalSearchWrap .search-result-v944 .search-result-hover-action,
#globalSearchWrap .search-result-v944 .search-result-recent-remove{
  width:24px;height:24px;box-sizing:border-box;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;
  flex:0 0 24px;color:var(--muted);opacity:0;pointer-events:none;transition:opacity .12s ease,background .12s ease,color .12s ease;
}
#globalSearchWrap .search-result-v944 .search-result-hover-action svg{
  width:14px;height:14px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
#globalSearchWrap .search-result-v944:hover .search-result-hover-action,
#globalSearchWrap .search-result-v944:hover .search-result-recent-remove,
#globalSearchWrap .search-result-v944.keyboard-active .search-result-hover-action,
#globalSearchWrap .search-result-v944.keyboard-active .search-result-recent-remove,
#globalSearchWrap .search-result-v944 .search-result-hover-action:focus,
#globalSearchWrap .search-result-v944 .search-result-recent-remove:focus{
  opacity:1;pointer-events:auto;
}
#globalSearchWrap .search-result-v944 .search-result-hover-action:hover,
#globalSearchWrap .search-result-v944 .search-result-hover-action:focus{
  background:var(--soft);color:var(--text);outline:none;
}
#globalSearchWrap .search-result-v944 .search-result-recent-remove:hover,
#globalSearchWrap .search-result-v944 .search-result-recent-remove:focus{
  background:rgba(220,38,38,.08);color:#dc2626;outline:none;
}
@media (hover:none){
  #globalSearchWrap .search-result-v944 .search-result-recent-remove{opacity:1;pointer-events:auto}
  #globalSearchWrap .search-result-v944 .search-result-hover-action{opacity:1;pointer-events:auto}
}
@media(max-width:760px){
  #globalSearchWrap .search-results .search-result-v944{grid-template-columns:minmax(0,1fr) auto}
  #globalSearchWrap .search-results .search-result-v944 .search-result-side{justify-self:end}
  #globalSearchWrap .search-results .search-result-v944 .search-result-status{display:none}
}