:root{--ink:#163853;--muted:#657e91;--line:#d9e4ec;--green:#1a9d8c}*{box-sizing:border-box}[hidden]{display:none!important}body{color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}input,select,textarea{max-width:100%;border:1px solid #cbdbe7;border-radius:6px;padding:10px;background:#fff;color:var(--ink)}textarea{min-height:130px;resize:vertical}input[type=checkbox],input[type=radio]{width:auto;accent-color:#148eab}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #1f9dc5;outline-offset:3px}header{gap:15px}header .brand img{width:185px}#reset{margin:auto}.header-right{flex-wrap:wrap;gap:15px}#account{font-size:12px;max-width:220px}.workspace{max-width:1700px}.work-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:28px;align-items:start}.work-layout>main{min-width:0}.live-panel{position:sticky;top:20px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:0 8px 25px #1638530b}.live-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.live-head button{border:0;background:none;font-size:24px}.live-panel label{font-size:12px;color:var(--muted);margin:12px 0 5px;display:block}.live-panel select{width:100%}.live-panel p{font-size:12px;line-height:1.5}.live-panel small{font-size:11px;color:var(--muted)}.television-wall{background:transparent;padding:0;margin-top:16px;border-radius:0}.television-brand{text-align:center;background:#17232c;color:#9eafb9;font-size:9px;padding:5px}.message-slide{aspect-ratio:16/9;overflow:hidden;position:relative;background:#10344e;border:5px solid #192b37;border-radius:4px}.slide-content{height:100%;display:grid;grid-template-columns:55% 45%;background:#eef5f7;color:#12374c;overflow:hidden}.slide-content.image-style{grid-template-columns:45% 55%;background:#133a55;color:white}.slide-copy{padding:5%;display:flex;flex-direction:column;min-width:0;overflow:hidden}.slide-copy h3{font-size:clamp(11px,2cqw,26px);line-height:1.2;margin:0 0 6%;overflow-wrap:anywhere;white-space:pre-wrap}.slide-copy p{font-size:clamp(7px,1.15cqw,17px);line-height:1.35;white-space:pre-wrap;margin:0;overflow-wrap:anywhere;flex:1;overflow:hidden}.slide-photo{width:100%;height:100%;object-fit:cover;min-height:0}.slide-foot{display:flex;align-items:center;justify-content:space-between;gap:6%;margin-top:5%;font-size:clamp(6px,1cqw,14px)}.qr-box{padding:6px;background:white;flex:none;width:25%;aspect-ratio:1;display:grid;place-items:center}.qr-box img,.qr-box canvas{width:100%!important;height:auto!important;display:block}.qr-box img{display:block!important}.qr-box canvas:has(+img){display:none}.slide-content{container-type:inline-size}.empty-slide{height:100%;display:grid;place-content:center;text-align:center;color:#fff;padding:12px;font-size:13px}.page-title{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:24px}.page-title h1{font-size:25px;line-height:1.2;margin:0 0 9px}.page-title p,.muted{color:var(--muted);line-height:1.5;font-size:13px}.page-title p{margin:0}.panel{padding:24px;background:#fff;border:1px solid var(--line);border-radius:9px;margin-bottom:20px}.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.toolbar input{flex:1;min-width:150px}.toolbar select{min-width:140px}.table-scroll{overflow:auto}table.data-table{width:100%;border-collapse:collapse;font-size:13px}table.data-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.045em;color:var(--muted);padding:12px;border-bottom:2px solid var(--line)}table.data-table td{padding:15px 12px;border-bottom:1px solid #eaf0f4;vertical-align:middle}.data-table td:first-child{font-weight:600}.row-actions{display:flex;gap:7px;flex-wrap:wrap}.row-actions button,.secondary{border:1px solid #ccdce7;border-radius:5px;padding:7px 10px;color:var(--ink);background:white;font-size:12px}.pill-status{display:inline-block;border-radius:30px;padding:5px 10px;font-size:11px;font-weight:600;white-space:nowrap}.pill-status.actief{background:#dff5ec;color:#217452}.pill-status.ingepland{background:#e3f0fd;color:#245b8f}.pill-status.verlopen{background:#eef0f3;color:#75818b}.pill-status.concept{background:#fff0d4;color:#9b721f}.small{font-size:11px;color:var(--muted);font-weight:400;display:block;line-height:1.5;margin-top:4px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:24px}.stat{background:white;border:1px solid var(--line);border-radius:9px;padding:20px}.stat b{display:block;font-size:32px;color:#168e9d;margin:12px 0 5px}.stat span{font-size:12px;color:var(--muted)}.home-hero{padding:32px;color:white;background:linear-gradient(115deg,#123853,#18697a);border-radius:10px;margin-bottom:22px}.home-hero h1{font-size:30px;margin:10px 0}.home-hero p{font-size:14px;line-height:1.6}.home-hero .eyebrow{color:#8ce0dc}.field{display:grid;gap:7px;margin-bottom:17px}.field label,fieldset legend{font-weight:600;font-size:13px}.field small{color:var(--muted);font-size:12px}.fields-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.edit-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,1fr);gap:24px}.editor-preview{position:sticky;top:20px;height:fit-content}.editor-preview .message-slide{container-type:inline-size}.editor-preview p{font-size:12px;color:var(--muted);line-height:1.5}.template-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.template-option{border:2px solid var(--line);border-radius:9px;padding:14px;display:block;cursor:pointer;font-size:13px}.template-option:has(input:checked){border-color:#15989c;background:#f2fbf9}.template-option input{margin-right:6px}.template-swatch{display:grid;grid-template-columns:1fr 1fr;height:55px;margin:10px 0;border-radius:4px;overflow:hidden}.template-swatch span:first-child{background:#eff5f7}.template-swatch span:last-child{background:#24a798}.template-option:nth-child(2) .template-swatch span:first-child{background:#143c57}.template-option:nth-child(2) .template-swatch span:last-child{background:#7ca9b7}.check-list{display:grid;gap:9px}.check-list label{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:400}fieldset{border:1px solid var(--line);border-radius:7px;padding:15px;margin:0 0 16px}.form-error{color:#a93130;font-size:13px;line-height:1.5;margin-bottom:15px}.form-note{background:#edf7fa;border-left:3px solid #2195aa;padding:12px;font-size:12px;line-height:1.6}.actions{display:flex;gap:10px;flex-wrap:wrap}.actions button{padding:11px 17px;border-radius:6px}.danger{color:#a73734!important;border:1px solid #e0bab8!important;background:#fff9f8!important}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.media-card{border:1px solid var(--line);border-radius:7px;overflow:hidden}.media-card img{aspect-ratio:16/9;width:100%;object-fit:cover}.media-card p{font-size:12px;padding:10px;overflow-wrap:anywhere}.notice-inline{font-size:13px;background:#fff6e3;border-left:3px solid #e5b442;padding:12px;line-height:1.5;margin:10px 0 20px}.group-chip{display:inline-block;font-size:11px;background:#edf3f7;padding:4px 7px;border-radius:5px;margin:3px}.preview-large{max-width:1000px}.preview-large .message-slide{container-type:inline-size}.modal-head h2{font-size:20px}dialog{max-width:min(1040px,95vw);width:850px}dialog::backdrop{background:#14354c80}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#174866;color:white;padding:14px 22px;border-radius:8px;z-index:200;max-width:90vw}#loginError{color:#a33330;font-size:13px}.login input{width:100%}.login .password input{min-width:0}.empty-list{text-align:center;color:var(--muted);padding:35px 12px}.link-button{background:none;border:0;color:#157ca0;text-decoration:underline}.live-panel .message-slide{container-type:inline-size}.slide-content .slide-copy h3{font-size:clamp(9px,4.1cqw,42px)}.slide-content .slide-copy p{font-size:clamp(6px,2.6cqw,24px)}.slide-content .slide-foot{font-size:clamp(5px,1.8cqw,18px)}
@media(min-width:1500px){.work-layout{grid-template-columns:minmax(0,1fr) 410px}}@media(max-width:1200px){.work-layout{grid-template-columns:minmax(0,1fr)}.live-panel{position:static;max-width:550px;width:100%}.edit-layout{grid-template-columns:minmax(0,1fr) minmax(220px,.8fr)}}@media(max-width:760px){header{height:auto;padding:16px;flex-wrap:wrap}header .brand img{width:150px}#reset{order:3;margin:0;width:100%}.header-right{margin-left:auto}.account{display:none}.workspace{padding:16px}nav{overflow:auto;white-space:nowrap;justify-content:start}nav button{flex:none}.edit-layout,.fields-two{grid-template-columns:1fr}.editor-preview{position:static;order:-1}.page-title{flex-wrap:wrap}.panel{padding:16px}.stats{gap:8px}.stat{padding:12px}.stat b{font-size:25px}.page-title h1{font-size:23px}.home-hero{padding:22px}.home-hero h1{font-size:26px}.template-option{padding:10px}dialog{max-height:90dvh}.data-table{min-width:640px}footer{gap:15px;flex-wrap:wrap}.login-brand h1{font-size:30px}.login-main{padding:24px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
#app .work-layout{padding:0 24px;background:#f5f8fa;border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px}#app #content{padding:28px 0;min-height:650px}#app .live-panel{margin:28px 0}#app nav{display:flex;flex-wrap:wrap}#app .workspace{max-width:none}#app header{align-items:center}#app .brand{margin-top:0}#app .brand img{width:65px}#app .header-right{align-items:center}#app .home-hero h1{overflow-wrap:anywhere}@media(max-width:760px){#app .work-layout{padding:0 14px}#app #content{padding:22px 0;min-height:0}#app .live-panel{margin:0 0 20px}#app nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}#app header{height:auto;min-height:70px}#app #reset{position:static;transform:none;left:auto;top:auto;width:100%;order:3;margin:8px 0 0}#app .header-right{margin-left:auto}#app .account{display:none}}
.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{min-width:0}@media(max-width:420px){.stats{grid-template-columns:1fr}.stat{display:flex;align-items:center;gap:15px}.stat b{margin:0;font-size:25px}.home-hero h1{font-size:23px}}
/* v0.2: consistente hoofdknoppen, optionele templatevelden en vrije Editor. */
#app .header-right{margin-left:auto}#app #reset{position:absolute;left:50%;transform:translateX(-50%)}
.publish-button{background:#118978;color:#fff;border:1px solid #118978;font-weight:600}.publish-button:hover{background:#087564;color:#fff}.save-only{background:#fff;border:1px solid #6a859a;font-weight:600}.option-toggle{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600;margin:18px 0 13px}.option-toggle input{width:auto}.slide-content.without-image{grid-template-columns:1fr}.slide-content.without-image .slide-copy{padding:5% 7%}.slide-content.without-image .qr-box{width:15%}.slide-content.without-image .slide-copy p{font-size:clamp(8px,2.9cqw,29px)}.creation-choices{display:grid;grid-template-columns:1fr 1fr;gap:18px}.creation-choice{text-align:left;border:2px solid #d8e5eb;padding:25px;white-space:normal}.creation-choice:hover{border-color:#158e9c;background:#effaf9}.creation-choice strong{display:block;font-size:21px;margin-bottom:12px}.creation-choice span{font-size:13px;line-height:1.6;display:block;color:#60798b}.free-tools,.free-media-tools{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:18px 0}.free-tools>div{display:grid;gap:6px}.free-tools label{font-size:12px;font-weight:600}.free-tools input[type=color]{width:65px;height:42px;padding:3px}.free-media-tools{padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.free-media-tools .field{margin:0;min-width:160px;max-width:100%}.free-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:24px}.free-stage{min-width:0}.free-stage>canvas{display:block;width:100%;height:auto;background:white;border:1px solid #becdd8;box-shadow:0 6px 20px #16385315;touch-action:none;margin:auto;object-fit:contain}.free-stage>canvas[style*="650px"]{width:auto;max-width:100%;height:650px}.free-stage .muted{font-size:12px;margin:12px 0}.free-properties{background:#f6f9fb;border:1px solid #e1e8ee;border-radius:7px;padding:16px;min-width:0}.free-properties h2{font-size:17px}.free-properties>label{font-size:12px;display:block;margin-bottom:7px}.free-properties select{width:100%}.free-properties #freeLayers{margin-bottom:16px}.free-properties .actions button{padding:7px;font-size:11px}.free-properties textarea{min-height:100px}.free-coordinates{display:grid;grid-template-columns:1fr 1fr;gap:10px}.free-coordinates .field{margin-bottom:8px}.free-coordinates input{width:100%;min-width:0}.free-preview-canvas{display:block;width:100%;height:100%;object-fit:contain;background:#0c2235}#app[data-editor-mode=free] .work-layout{grid-template-columns:minmax(0,1fr)}#app[data-editor-mode=free] .live-panel{display:none}
@media(max-width:1000px){#app #reset{position:static;transform:none;margin-left:auto;margin-right:auto}.free-editor-layout{grid-template-columns:minmax(0,1fr) 235px}}@media(max-width:760px){.creation-choices,.free-editor-layout{grid-template-columns:minmax(0,1fr)}#app #reset{position:static;transform:none;margin:8px 0 0}.free-tools button{flex:1;min-width:110px}.free-media-tools{align-items:stretch}.free-media-tools>.field{width:100%}.free-media-tools>button{flex:1}.free-stage>canvas[style*="650px"]{height:470px}.free-properties{padding:13px}}
#confirmModal{width:620px;max-width:94vw}#confirmText{white-space:pre-line;line-height:1.6;font-size:14px}
#app header{display:grid;grid-template-columns:minmax(90px,1fr) auto minmax(0,1fr);grid-template-rows:auto;height:78px;min-height:78px;align-items:center;position:relative}#app .brand{grid-column:1;grid-row:1;justify-self:start}#app .header-right{grid-column:3;grid-row:1;justify-self:end;margin-left:0;justify-content:flex-end}#app #reset.reset-button{grid-column:2;grid-row:1;position:static;transform:none;align-self:center;justify-self:center;margin:0;width:auto}@media(max-width:1000px){#app header{grid-template-columns:auto minmax(0,1fr);height:auto;min-height:70px;padding-top:10px;padding-bottom:10px;row-gap:8px}#app .header-right{grid-column:2}#app #reset.reset-button{grid-column:1/-1;grid-row:2;justify-self:center;margin:0}}@media(max-width:420px){#app #reset.reset-button{width:100%}}

/* Algemene SetDisplay-voorbeeldtemplates. */
.slide-content{background:#f1f7fa;color:#12374c;border-top:0.7cqw solid #1a819d}
.slide-content.image-style{background:#1a819d;color:#fff;border-top-color:#149c91;grid-template-columns:42% 58%}
.slide-copy::before{content:"SETDISPLAY";font-family:Arial,sans-serif;font-size:clamp(5px,1.25cqw,16px);font-weight:700;letter-spacing:.09em;margin-bottom:6%;opacity:.85}
.slide-content .slide-copy h3{font-size:clamp(9px,4.1cqw,52px);line-height:1.13}
.slide-content .slide-copy p{font-size:clamp(6px,2.35cqw,29px);line-height:1.4}
.template-swatch span:first-child{background:#f1f7fa;border-top:5px solid #1a819d}
.template-swatch span:last-child{background:#1a819d}
.template-option:nth-child(2) .template-swatch span:first-child{background:#1a819d;border-top-color:#149c91}
.template-option:nth-child(2) .template-swatch span:last-child{background:#d7eef0}

/* v0.3 kop, uitleg en klantlogo */
header{height:auto;min-height:90px;display:grid;grid-template-columns:minmax(320px,1fr) auto minmax(320px,1fr);gap:20px}
.customer-brand{display:flex;align-items:center;gap:20px;min-width:0}.brand-divider{height:44px;width:1px;background:#cdd8df;flex:none}.setdisplay-brand{display:flex;align-items:center;gap:9px}.setdisplay-brand img{width:36px;height:43px;object-fit:contain}.setdisplay-brand span{font-size:12px;font-weight:bold;line-height:1.25;color:#303438}
#reset.reset-button{margin:0;justify-self:center;background:#b92e2e;color:#fff;border:1px solid #9b2222;box-shadow:none;font-size:12px;padding:11px 16px;max-width:100%;white-space:normal}#reset.reset-button:hover{background:#992222}
.header-right{justify-self:end;justify-content:flex-end;flex-wrap:nowrap;grid-column:3;margin-left:0}.header-right button,.header-right .account{display:flex;align-items:center;gap:7px;min-width:0}.header-right img{width:23px;height:23px;object-fit:contain}.header-right .account{padding-left:12px}.header-right #account{font-size:12px;max-width:180px}.header-right button{white-space:nowrap}
dialog{max-height:calc(100dvh - 48px);overflow:auto}.help-guide{font-size:13px;line-height:1.5}.help-intro{margin-bottom:18px;color:#456277}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 28px}.help-grid section{border-top:2px solid #dce7ed;padding-top:10px}.help-grid h3{font-size:15px;color:#173f5e;margin:0 0 6px}.help-grid p{margin:0;color:#3d5668}dialog:has(.help-guide){width:1060px;max-width:calc(100vw - 48px)}
@media(max-width:1250px){header{grid-template-columns:minmax(280px,1fr) minmax(300px,1fr)}#reset.reset-button{grid-row:2;grid-column:1/-1;justify-self:center;margin-bottom:5px}.header-right{grid-column:2;grid-row:1}}
@media(max-width:700px){header{display:flex;flex-wrap:wrap;padding:12px 16px}.customer-brand{gap:12px}.customer-brand .brand img{width:145px}.header-right{margin-left:auto;flex-wrap:wrap;gap:5px}.setdisplay-brand span{font-size:10px}.brand-divider{height:35px}.setdisplay-brand img{width:27px;height:33px}#reset.reset-button{order:3;width:100%}.help-grid{grid-template-columns:1fr}.header-right .account{border-left:0;padding-left:0}.header-right #account{max-width:165px}dialog:has(.help-guide){max-width:calc(100vw - 24px)}}

.media-card video{width:100%;aspect-ratio:16/9;object-fit:cover;background:#17232c}.slide-photo{display:block}.media-card p{margin:0}
/* Match the existing demo's higher-specificity header rules. */
#app #reset.reset-button{background:#b92e2e;border-color:#9b2222;color:#fff;box-shadow:0 2px 7px #7e15151a}
#app #reset.reset-button:hover{background:#992222;border-color:#7e1c1c}
@media(max-width:1250px){#app header{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;row-gap:10px;height:auto;padding-top:10px;padding-bottom:10px}#app .customer-brand{grid-column:1;grid-row:1}#app .header-right{grid-column:2;grid-row:1}#app #reset.reset-button{grid-column:1/-1;grid-row:2;justify-self:center;margin:0}}

/* v0.4 beheermogelijkheden */
#app header{grid-template-columns:minmax(260px,1fr) auto minmax(300px,1fr);height:auto;min-height:90px;gap:14px;padding-top:12px;padding-bottom:12px}
#app .reset-buttons{grid-column:2;grid-row:1;display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;max-width:540px}
#app #reset.reset-button,#app #resetEmpty.reset-button{position:static;transform:none;margin:0;width:auto;font-size:11px;line-height:1.35;padding:10px 12px;border-radius:6px;white-space:normal;max-width:260px}
#app #resetEmpty.reset-button{border:1px solid #b77029;color:#7c430b;background:#fff4df}
.screen-gear{border:0;background:transparent;color:#456b85;font-size:21px;padding:2px 6px;vertical-align:middle;border-radius:5px}.screen-gear:hover{background:#e8f2f7}
.subtabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.subtabs [aria-pressed=true]{color:#fff;background:#176a80;border-color:#176a80}#userRows,#roleRows{margin-top:16px}
@media(max-width:1450px){#app header{grid-template-columns:minmax(260px,1fr) minmax(280px,1fr)}#app .reset-buttons{grid-column:1/-1;grid-row:2;max-width:100%;justify-self:center}#app .header-right{grid-column:2;grid-row:1}}
@media(max-width:700px){#app header{display:flex;flex-wrap:wrap;gap:12px}#app .reset-buttons{order:3;width:100%;display:flex}#app #reset.reset-button,#app #resetEmpty.reset-button{flex:1;max-width:none;min-width:160px}#app .header-right{flex-wrap:wrap}#app .customer-brand{max-width:100%}}

/* v0.5: gelijke resetknoppen en uniform geplaatste hoofdacties. */
#app .reset-buttons{display:flex;flex-wrap:nowrap;gap:10px;justify-self:center;max-width:100%;min-width:0}
#app #reset.reset-button,#app #resetEmpty.reset-button{flex:none;width:240px;min-height:44px;height:auto;max-width:none;margin:0;padding:10px 12px;font-size:12px;font-weight:600;line-height:1.35;display:flex;align-items:center;justify-content:center;align-self:stretch}
#app .page-title>.primary{flex:none;align-self:flex-start;white-space:nowrap}
#app .work-layout{min-width:0}#app nav{min-width:0}
@media(max-width:700px){#app .reset-buttons{width:100%;flex-wrap:nowrap}#app #reset.reset-button,#app #resetEmpty.reset-button{flex:1 1 0;width:0;min-width:0;min-height:48px;font-size:11px;padding:8px}#app .page-title>.primary{white-space:normal}}
/* Optioneel partnerlogo neemt alleen ruimte in als de PNG werkelijk geladen is. */
#login .partner-logo{width:100%;max-width:390px;display:flex;justify-content:center;align-items:center;margin:clamp(32px,6vh,65px) 0 12px}
#login .partner-logo img{display:block;width:auto;height:auto;max-width:min(280px,100%);max-height:200px;object-fit:contain}#login .partner-logo img[data-shape="wide"]{max-height:130px}
/* Status: maximaal twaalf kaarten per pagina, alleen zichtbare miniaturen laden. */
#app[data-editor-mode=status] .work-layout{grid-template-columns:minmax(0,1fr)}#app[data-editor-mode=status] .live-panel{display:none}
.status-toolbar>*{min-width:0}.status-toolbar input{min-width:180px}.status-toolbar select{max-width:100%;min-width:150px}
.status-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:13px;margin:10px 0 18px}.status-summary small{color:var(--muted)}
.status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.status-card{border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden;min-width:0}
.status-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:15px 15px 0}.status-card h2{font-size:16px;margin:0;line-height:1.3;overflow-wrap:anywhere}
.virtual-label{font-size:10px;line-height:1.4;background:#edf3f7;border-radius:4px;padding:3px 5px;color:#597386;white-space:nowrap;flex:none}
.status-screen-id{font-size:11px;color:var(--muted);margin:7px 15px 13px;overflow-wrap:anywhere}
.status-thumb{display:block;width:100%;padding:0;border:0;border-radius:0;background:#172b39;text-align:initial}.status-thumb:hover{background:#172b39}.status-thumb .message-slide{display:block;width:100%;border-radius:0;border-width:4px;container-type:inline-size}
.status-card-info{padding:14px 15px 16px}.status-content-badge{display:inline-block;border-radius:20px;padding:4px 8px;font-size:11px;background:#edf0f3;color:#60758a}.status-content-badge.actief{background:#dff5ec;color:#217452}.status-content-badge.ingepland{background:#e3f0fd;color:#245b8f}
.status-message-title{font-size:12px;font-weight:600;margin:10px 0 7px;overflow-wrap:anywhere}.status-next{font-size:11px;color:var(--muted)}.status-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:22px;font-size:12px}
@media(max-width:1450px){.status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1050px){.status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.status-grid{grid-template-columns:minmax(0,1fr)}.status-toolbar>*{width:100%;flex-basis:100%}.status-card-head{flex-wrap:wrap}}

/* v0.6: eigen uploads en verlopen publicatieregels opruimen. */
.media-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px}.media-card-footer p{padding:0;flex:1;min-width:0}
.media-card-footer .media-trash{flex:none;margin:0;padding:6px;border:1px solid #b9d9ef;background:#f0f8fe;border-radius:6px;line-height:0}.media-card-footer .media-trash.in-use{border-color:#e5b5b3;background:#fff3f2}.media-card-footer .media-trash img{width:24px;height:24px;aspect-ratio:1;object-fit:contain}
.row-actions .publication-delete{display:inline-flex;align-items:center;gap:6px}.publication-delete img{width:17px;height:17px;object-fit:contain}

/* v0.7: tijdelijke prioriteit zonder de reguliere planning te beëindigen. */
.priority-toggle{display:flex;align-items:center;gap:10px;padding:13px 15px;background:#fff2eb;border:1px solid #e5b6a3;border-radius:7px;font-size:14px;font-weight:600;margin-bottom:14px}.priority-toggle input{width:auto;flex:none;accent-color:#b83e25}
.priority-note{background:#fff2eb;border-left:3px solid #c6502b;padding:12px 14px;font-size:12px;line-height:1.55;color:#783722;margin:0 0 16px}
.priority-badge{display:inline-block;background:#b83e25;color:#fff;border-radius:20px;padding:4px 9px;font-size:11px;font-weight:600;white-space:nowrap;vertical-align:middle}.interrupted-note{color:#8a4b23}
.status-content-badge.prioriteit{background:#b83e25;color:#fff}

/* Automatisch meegenomen bestemmingen blijven herkenbaar, zonder extra publicatiedoelen op te slaan. */
#publicationForm .destination-inherited{color:#667b8b;background:#f2f5f7;border-radius:4px;padding:6px 8px}
#publicationForm .destination-inherited input{opacity:.65}
#publicationForm .destination-note{margin-left:auto;font-size:11px;font-weight:400;color:#667b8b;max-width:48%}

#login .login-brand .login-version{font-size:12px;line-height:1.4;font-weight:400;margin:12px 0 0;color:inherit}

/* Korte toelichting binnen de bestaande prioriteitsbalk. */
.priority-toggle .priority-explanation{font-size:11px;line-height:1.5;font-weight:400;margin-left:5px}
@media(max-width:600px){.priority-toggle .priority-explanation{display:block;margin:4px 0 0}}

/* v0.8.3: goedgekeurde toegang, resetkeuze en schermschakelen. */
#app #reset.reset-button{background:#fff4df;border:1px solid #b77029;color:#7c430b;box-shadow:none;width:auto;min-width:240px}
#app #reset.reset-button:hover{background:#ffeac5;border-color:#9f5c1d}
#userForm .destination-inherited{color:#667b8b;background:#f2f5f7;border-radius:4px;padding:6px 8px}
#userForm .destination-inherited input{opacity:.65}
#userForm .destination-note{margin-left:auto;font-size:11px;color:#667b8b;max-width:48%}
.reset-choice{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--line);border-radius:8px;padding:16px;margin-bottom:12px;cursor:pointer}
.reset-choice:has(input:checked){border-color:#168c9f;background:#f0f9fa}.reset-choice input{margin-top:3px;flex:none}.reset-choice strong{display:block;font-size:14px;margin-bottom:5px}.reset-choice small{display:block;font-size:12px;line-height:1.6;color:var(--muted)}
.switch-rule{padding:18px 0;border-bottom:1px solid var(--line)}.switch-rule:first-child{padding-top:0}
fieldset.switch-days{border:0;padding:0;margin:0 0 12px;display:flex;flex-wrap:wrap;gap:6px}.switch-days legend{padding:0;margin-bottom:8px;font-size:12px}.switch-days label{display:flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:6px;padding:8px 9px;font-size:12px;cursor:pointer}.switch-days label:has(input:checked){background:#e5f5f5;border-color:#168c9f}.switch-days input{margin:0}
.switch-times{display:grid;grid-template-columns:1fr 1fr 1.2fr auto;gap:12px;align-items:end}.switch-times .field{margin:0}.switch-times .field input,.switch-times .field select{width:100%;min-width:0}.switch-times label{font-size:12px}.switch-times>button{align-self:end;min-height:40px}.switch-times .field{min-width:0}.switch-nextday{margin-bottom:0}#addSwitchRule{margin-top:16px}.switch-note{margin-top:20px}.switch-rules-empty:before{content:'Nog geen schakelregels. De keuze hierboven geldt de hele week.';display:block;color:var(--muted);font-size:12px;margin:6px 0 4px}
.screen-black{background:#000;width:100%;height:100%}.status-content-badge.zwart{background:#25323b;color:#fff}
@media(max-width:600px){.switch-times{grid-template-columns:1fr 1fr}.switch-times>button{min-height:44px}.switch-days label{min-height:40px}.reset-choice{padding:12px}#app #reset.reset-button{width:100%;min-width:0}.switch-days label{padding:8px 6px}}
/* v0.8.5: favorieten en visuele mediakeuze; breedtevoorstel nog niet actief. */
.template-favorite-actions,.media-pick-actions{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.template-favorite-actions button{font-size:12px}.full-swatch{background:#fff!important;border:1px solid #d9e4ec}.full-swatch span{background:#fff!important}.full-media-slide{height:100%;width:100%;background:#fff;display:flex;align-items:center;justify-content:center}.full-media-slide .full-media{width:100%;height:100%;object-fit:contain;display:block}.full-media-empty{font-size:12px;color:#657e91;text-align:center;padding:15px}.favorite-replacement{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:6px;margin-bottom:12px;font-size:13px}.chosen-media-preview{display:flex;align-items:center;gap:12px;min-height:45px;margin-bottom:10px}.chosen-media-thumb{width:110px;max-height:75px;object-fit:contain;background:#f0f4f6;border:1px solid var(--line)}.chosen-media-preview span{font-size:12px;overflow-wrap:anywhere;min-width:0}.chosen-media-preview small{display:block;color:var(--muted);margin-top:4px}.media-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:15px 0}.media-picker-item{padding:0;text-align:left;overflow:hidden;border:2px solid var(--line);border-radius:7px;background:white;position:relative;min-width:0}.media-picker-item[aria-pressed=true]{border-color:#168e9f;background:#edf9fa}.media-picker-item img,.media-picker-item video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#eef3f6;pointer-events:none}.media-picker-name{display:block;padding:10px;font-size:12px;line-height:1.4;overflow-wrap:anywhere}.media-kind{position:absolute;top:6px;left:6px;color:white;background:#163853;padding:3px 6px;border-radius:4px;font-size:11px}.media-picker-pages{display:flex;gap:12px;align-items:center;justify-content:center;margin:16px 0;font-size:12px}#imageFields .media-pick-actions{margin-bottom:0}.media-pick-actions button:disabled{cursor:not-allowed}.template-option>small{display:block;line-height:1.5}
@media(max-width:700px){.media-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chosen-media-thumb{width:85px}.media-pick-actions button{padding:10px}}

/* Meer werkruimte — goedgekeurd op 26 oktober 2026. */
@media(min-width:1201px){
 #app .workspace{padding-left:max(10px,calc((100% - 1610px)/2));padding-right:max(10px,calc((100% - 1610px)/2))}
 #app .work-layout{grid-template-columns:minmax(0,1fr) 320px}
}
@media(min-width:1500px){#app .work-layout{grid-template-columns:minmax(0,1fr) 380px}}