/* Shared, compact application chrome. Work and warnings remain visible. */
.compact-tools>header{padding:12px 24px;gap:14px;border-bottom-width:3px}
.compact-tools .brand{font-size:26px}.compact-tools .brand .tool-symbol{width:26px;height:28px}
.compact-tools .workspace-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0;padding:8px 24px;border-bottom:1px solid #ccc;background:#fff;color:#111;font:13px/1.4 Arial,sans-serif}
.compact-tools .workspace-strip .file-status{flex:1;min-width:180px;margin:0;padding:0;border:0;background:none;font:inherit}
.compact-tools .workspace-strip button{font:700 13px/1.4 Arial,sans-serif;padding:7px 10px;min-height:34px;background:#fff;color:#111;border:1px solid #aaa;cursor:pointer;border-radius:0}
.compact-tools .workspace-strip #workspace-switch{border-color:#111}
.compact-tools #workspace-help{margin:0;padding:16px 24px;border-bottom:2px solid #111;background:#f7f7f7;font:14px/1.5 Arial,sans-serif}
.compact-tools #workspace-help[hidden]{display:none!important}
.compact-tools #workspace-help .werkmap,.compact-tools #workspace-help .save-help,.compact-tools #workspace-help .example-mode{margin:0 0 12px!important;padding:10px 12px!important;background:#fff}
.compact-tools #workspace-help .example-mode{font-size:14px;flex-direction:row}.compact-tools #workspace-help .example-mode strong{font-size:14px}
.compact-tools #workspace-help .suite-badge{display:inline-block;font-size:11px;padding:6px 9px}
.compact-tools #workspace-help .compact-intro h1{display:none}
.compact-tools #workspace-help .banner{margin:12px 0;padding:0;border:0}
.compact-tools #wm-message:empty{display:none}.compact-tools #wm-message:not(:empty){margin:8px 24px;padding:9px 12px;border-left:4px solid var(--wp-accent,#e32720);font:14px/1.5 Arial,sans-serif;overflow-wrap:anywhere}
.compact-tools main{padding-top:12px!important}
.compact-tools .work-actions{display:flex;justify-content:flex-start;align-items:center;gap:12px;flex-wrap:wrap;padding:0 0 12px!important;margin:0!important;min-height:0}
.compact-tools .work-actions>.actions,.compact-tools .work-actions>.link-actions{margin:0;display:flex;gap:8px;flex-wrap:wrap}
.compact-tools .work-actions h1{font-size:24px!important;margin:0 0 4px!important}
.compact-tools .work-actions .eyebrow{display:none}
.compact-tools .layout,.compact-tools .workspace{margin-top:14px}
.compact-tools .loose-documents{padding:10px 24px;gap:10px}.compact-tools .loose-documents>span{display:none}
.compact-tools button:focus-visible,.compact-tools #workspace-help a:focus-visible{outline:3px solid var(--wp-accent,#e32720);outline-offset:3px}
@media(max-width:700px){.compact-tools>header{padding:10px 16px;gap:10px}.compact-tools .workspace-strip{padding:8px 16px;gap:8px}.compact-tools .workspace-strip .file-status{flex-basis:100%}.compact-tools #workspace-help{padding:12px 16px}.compact-tools #wm-message:not(:empty){margin:8px 16px}.compact-tools .loose-documents{padding:10px 16px}.compact-tools .brand{font-size:23px}.compact-tools .suite-meta{gap:8px}.compact-tools .work-actions{gap:8px}}
@media print{.compact-tools .workspace-strip,.compact-tools #workspace-help,.compact-tools #wm-message{display:none!important}}

/* Plannen: actions, view controls and information have distinct weights. */
body[data-tool=Publicatieplanner] header #export{background:#fff;color:#111;border:1px solid #777;font-weight:600}
body[data-tool=Publicatieplanner] #workspace-help-toggle,body[data-tool=Publicatieplanner] #undo,body[data-tool=Publicatieplanner] [data-plan-tasks]{background:transparent;color:#333;border:0;padding:6px 0;min-height:32px;font-size:14px;font-weight:400;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
body[data-tool=Publicatieplanner] #undo:disabled{color:#666;opacity:.55;text-decoration:none;cursor:default}
body[data-tool=Publicatieplanner] .toolbar{background:#f1f3f5;border:0;padding:12px 14px;gap:14px;margin-top:14px;align-items:end}
body[data-tool=Publicatieplanner] .toolbar label{font-size:12px;font-weight:400;color:#454545}
body[data-tool=Publicatieplanner] .toolbar input,body[data-tool=Publicatieplanner] .toolbar select{font-size:14px;font-weight:400;padding:7px 9px;min-height:36px;border-color:#bfc4c9}
body[data-tool=Publicatieplanner] .toolbar .check{align-self:center;font-size:13px;font-weight:400}
body[data-tool=Publicatieplanner] .toolbar>.actions{gap:0;align-self:end}
body[data-tool=Publicatieplanner] #list-view,body[data-tool=Publicatieplanner] #calendar-view{background:transparent;color:#555;border:0;border-bottom:3px solid transparent;font-size:14px;font-weight:400;min-height:38px;padding:8px 12px}
body[data-tool=Publicatieplanner] #list-view[aria-pressed=true],body[data-tool=Publicatieplanner] #calendar-view[aria-pressed=true]{background:transparent;color:#111;border-bottom-color:#111;font-weight:600}
body[data-tool=Publicatieplanner] .publication .state{background:#eef0f2;color:#454545;border:0;font-size:12px;font-weight:400;padding:4px 8px;border-radius:3px;cursor:default}
body[data-tool=Publicatieplanner] .pub-main [data-plan-tasks]{display:block;width:fit-content;margin:3px 0 6px;color:#555;font-size:13px}
body[data-tool=Publicatieplanner] .utility{padding:8px 0}
.compact-tools .unsaved-marker{font-weight:600;color:#111;white-space:nowrap}
.compact-tools .unsaved-marker::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--wp-accent,#c51d17);margin-right:7px}
body[data-tool=Publicatieplanner] #workspace-help-toggle:hover,body[data-tool=Publicatieplanner] #undo:enabled:hover,body[data-tool=Publicatieplanner] [data-plan-tasks]:hover{color:#111;text-decoration-thickness:2px}
@media(max-width:700px){body[data-tool=Publicatieplanner] .toolbar{gap:10px;padding:10px}body[data-tool=Publicatieplanner] .toolbar .search-label{min-width:0}}

/* Suite-wide hierarchy: black primary action, quiet controls and contextual links. */
.compact-tools>header #save,.compact-tools>header #export,.compact-tools #loose-save{background:#fff!important;color:#111!important;border:1px solid #777!important;font-weight:600!important}
.compact-tools #loose-new{background:#111;color:#fff;border-color:#111;font-weight:700}
.compact-tools #workspace-help-toggle,.compact-tools #undo,.compact-tools #rename,.compact-tools #rename-collection,.compact-tools #csv,.compact-tools #duplicate,.compact-tools #download-text,.compact-tools [data-track-hours],.compact-tools [data-contact-task],.compact-tools [data-plan-tasks],.compact-tools [data-conversation],.compact-tools [data-copy],.compact-tools #make-invoice,.compact-tools #invoice-bookkeeping,.compact-tools #invoice-received,.compact-tools #invoice-hours-receipt{background:transparent;color:#333;border:0;padding:6px 0;min-height:32px;font-size:14px;font-weight:400;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.compact-tools #undo:disabled{opacity:.55;color:#666;text-decoration:none;cursor:default}
.compact-tools:not([data-tool=Werkbank]) main>.toolbar,.compact-tools .layout>section>.tools,.compact-tools .filter-strip{background:#f1f3f5;border:0;padding:12px 14px;gap:14px;margin-top:14px;align-items:end}
.compact-tools:not([data-tool=Werkbank]) main>.toolbar label,.compact-tools .layout>section>.tools label,.compact-tools .filter-strip label{font-size:12px;font-weight:400;color:#454545}
.compact-tools:not([data-tool=Werkbank]) main>.toolbar input,.compact-tools:not([data-tool=Werkbank]) main>.toolbar select,.compact-tools .layout>section>.tools input,.compact-tools .layout>section>.tools select,.compact-tools .filter-strip select{font-size:14px;font-weight:400;padding:7px 9px;min-height:36px;border-color:#bfc4c9}
.compact-tools #cards-view,.compact-tools #compact-view,.compact-tools #list-view,.compact-tools #calendar-view{background:transparent;color:#555;border:0;border-bottom:3px solid transparent;font-size:14px;font-weight:400;min-height:38px;padding:8px 12px}
.compact-tools #cards-view[aria-pressed=true],.compact-tools #compact-view[aria-pressed=true],.compact-tools #list-view[aria-pressed=true],.compact-tools #calendar-view[aria-pressed=true]{background:transparent;color:#111;border-bottom-color:#111;font-weight:600}
.compact-tools #categories button,.compact-tools #filters button{background:transparent;color:#444;font-weight:400;border:0;border-left:3px solid transparent;padding:8px 10px;font-size:13px}
.compact-tools #categories button[aria-pressed=true],.compact-tools #filters button[aria-pressed=true]{background:#f1f3f5;color:#111;border-left-color:#111;font-weight:600}
.compact-tools span.badge:not(.late),.compact-tools span.state,.compact-tools span.tag{background:#eef0f2;color:#454545;border:0;font-size:12px;font-weight:400;padding:4px 8px;border-radius:3px;cursor:default}
.compact-tools .followup [data-contact-task],.compact-tools .task [data-track-hours]{display:block;width:fit-content;margin:4px 0 8px}
.compact-tools .filter-strip{margin:8px 0 14px}.compact-tools .filter-strip select{width:100%}
.compact-tools[data-tool=Werkbank] .projectbar,.compact-tools[data-tool=Werkbank] .sidebar-tools{background:#f1f3f5}
.compact-tools[data-tool=Werkbank] .projectbar label,.compact-tools[data-tool=Werkbank] .sidebar-tools label{font-size:12px;font-weight:400}
@media(max-width:700px){.compact-tools:not([data-tool=Werkbank]) main>.toolbar,.compact-tools .layout>section>.tools{gap:10px;padding:10px}.compact-tools .layout>section>.tools input{min-width:0}}
.compact-tools .invoice-btn.active,.compact-tools .quote-button.selected{background:#f1f3f5;color:#111;border:1px solid #c7cbd0;border-left:3px solid #111}
.compact-tools .invoice-btn.active small,.compact-tools .quote-button.selected span{color:#454545}

/* Dezelfde grafische omlijsting als de homepage, met voorrang voor werkruimte. */
html:has(body.compact-tools){min-height:100%;background-color:#171717!important;background-image:radial-gradient(circle at 101% 1%,var(--wp-accent,#e32720) 0 220px,transparent 221px),radial-gradient(ellipse at -7% 26%,#eeeae0 0 235px,transparent 236px),radial-gradient(circle at 5% 82%,var(--wp-accent,#e32720) 0 65px,transparent 66px),linear-gradient(90deg,var(--wp-accent,#e32720) 0 22px,transparent 22px),linear-gradient(135deg,transparent 70%,#242424 70%)!important;background-attachment:fixed!important}
body.compact-tools{width:auto;max-width:1800px;margin:24px clamp(16px,3vw,64px);min-height:calc(100vh - 48px);background:#fff!important;border-radius:26px;box-shadow:0 16px 60px #0004}
body.compact-tools>header,body.compact-tools>.brandbar{border-radius:26px 26px 0 0;background:#fff}
body.compact-tools>main{border-radius:0 0 26px 26px;padding-bottom:24px}
@media(min-width:1928px){body.compact-tools{margin-left:auto;margin-right:auto}}
@media(max-width:700px){html:has(body.compact-tools){background:#fff!important}body.compact-tools{margin:0;max-width:none;min-height:100vh;border-radius:0;box-shadow:none}body.compact-tools>header,body.compact-tools>.brandbar,body.compact-tools>main{border-radius:0}}
@media print{html:has(body.compact-tools){background:#fff!important}body.compact-tools{margin:0;max-width:none;min-height:0;border-radius:0;box-shadow:none}}

/* Document openen hoort bij de bestandenlijst. */
.sidebar-open-document{margin-top:10px}.sidebar-open-document #loose-open{width:100%;justify-content:center}