/* ---------- Controller: built on the shared community-pages.css components ---------- */
.dsk-page .dc-hero h1{margin-top:12px}
.dsk-page .dc-card h2{margin:16px 0 4px}
.dsk-form{display:grid;gap:16px;align-content:start}
.dsk-form > h2{margin-bottom:0}
.dsk-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.dsk-page input:not([type=checkbox]),.dsk-page select{width:100%}
.dsk-meter{height:6px;border-radius:99px;background:color-mix(in srgb,var(--ds-text) 10%,transparent);overflow:hidden;margin-top:-6px}
.dsk-meter i{display:block;height:100%;background:var(--ds-accent);transform-origin:left;transform:scaleX(0);transition:transform .08s linear}
.dsk-ai{margin:0;padding:12px 16px;border-radius:13px;font-size:14px;line-height:1.6;color:var(--ds-muted);border:1px solid color-mix(in srgb,#f59e0b 40%,var(--ds-border));background:color-mix(in srgb,#f59e0b 8%,transparent)}
.dsk-ai[data-ok="1"]{border-color:color-mix(in srgb,var(--ds-accent) 45%,var(--ds-border));background:color-mix(in srgb,var(--ds-accent) 9%,transparent)}
.dsk-ai b{color:var(--ds-text)}
.dsk-page .dsk-ai button,.dsk-page .dsk-mini{min-height:32px;padding:4px 12px;font-size:13px;border-radius:10px}
.dsk-adv summary{cursor:pointer;color:var(--ds-muted);font-size:14px}
.dsk-adv[open]{display:grid;gap:12px}
.dsk-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.dsk-page .dsk-actions .dc-primary{min-width:140px}
.dsk-status{margin:0;min-height:1.6em;font-weight:600;color:var(--ds-muted)}
.dsk-status[data-kind=error]{color:#f59e0b}.dsk-status[data-kind=live]{color:var(--ds-accent)}
.dsk-checks{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-size:13px;color:var(--ds-muted);line-height:1.6}
.dsk-share{display:grid;grid-template-columns:160px minmax(0,1fr);gap:20px;align-items:start;margin-top:12px}
.dsk-share p{margin:0 0 10px;line-height:1.7;color:var(--ds-muted)}
.dsk-qr{background:#fff;border-radius:16px;padding:8px;line-height:0}
.dsk-qr svg{width:100%;height:auto}
.dsk-page .dsk-code{color:var(--ds-text)}.dsk-code b{font-size:22px;letter-spacing:.14em}
#shareLink{margin-bottom:10px}
#shareHint{color:var(--ds-muted);line-height:1.7}
.dsk-page h3.dc-kicker{margin:24px 0 10px;font-size:12px}
.dsk-preview{display:grid;gap:12px;max-height:360px;overflow:auto;padding:16px;border-radius:16px;border:1px solid var(--ds-border);background:color-mix(in srgb,var(--ds-bg) 55%,transparent)}
.dsk-pv p{margin:0 0 4px;line-height:1.6}.dsk-pv p[lang=ar]{font-family:"DSK Amiri","Amiri",serif;color:var(--ds-muted);font-size:19px}
.dsk-pv.is-interim{opacity:.6}
.dsk-how{grid-template-columns:repeat(4,minmax(0,1fr));margin:16px 0}
.dsk-how .dc-card h3{font-size:18px;margin:14px 0 6px}
.dsk-how .dc-card p{margin:0;color:var(--ds-muted);font-size:14px}
.dsk-steps{margin:12px 0 0;padding-left:22px;display:grid;gap:10px;line-height:1.7;color:var(--ds-muted)}
.dsk-steps b{color:var(--ds-text)}
.dsk-page code{padding:1px 6px;border-radius:6px;background:color-mix(in srgb,var(--ds-text) 10%,transparent);font-size:.9em}
.dsk-links{text-align:center}
.dsk-warn{border-color:color-mix(in srgb,#f59e0b 45%,var(--ds-border))}
@media (max-width:1100px){.dsk-how{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.dsk-two,.dsk-how{grid-template-columns:1fr}.dsk-share{grid-template-columns:1fr}.dsk-qr{max-width:200px}}
.dsk-cfg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px;align-items:start}
.dsk-cfg output{font-weight:600;color:var(--ds-accent)}
.dsk-cfg input[type=range]{accent-color:var(--ds-accent);padding:0;border:0;background:none;min-height:36px}
.dsk-cfg-checks{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px 28px}
@media (max-width:700px){.dsk-cfg{grid-template-columns:1fr}}
.dsk-pv{position:relative;padding-right:40px}
.dsk-page .dsk-del{position:absolute;top:0;right:0;min-height:30px;width:30px;padding:0;border-radius:50%;font-size:13px;line-height:1;color:var(--ds-muted);background:transparent}
.dsk-page .dsk-del:hover{color:#fff;background:#dc2626;border-color:#dc2626}
.dsk-pv-state{color:var(--ds-muted);font-size:12px}.dsk-pv-state.is-held{color:#f59e0b;font-weight:600}
.dsk-stt-diag{display:block;color:var(--ds-muted);font-size:12px;line-height:1.5}

.dsk-two:has(select){grid-template-columns:1fr}

@font-face{font-family:"DSK Amiri";src:url('/assets/fonts/amiri/Amiri-Regular.woff2') format('woff2');font-display:swap}.dc-page{width:min(100%,1256px);margin:auto;padding:0 20px 96px;color:var(--ds-text);font:16px/1.65 var(--ds-font,system-ui,sans-serif);box-sizing:border-box}.dc-page *{box-sizing:border-box}.dc-hero{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-bottom:28px}.dc-hero p{max-width:720px;color:var(--ds-muted)}.dc-kicker{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--ds-accent);text-transform:uppercase}.dc-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dc-card,.dc-panel{padding:24px;min-width:0}.dc-panel{margin:24px 0}.dc-friday-icon{width:48px;height:48px;padding:12px;display:grid;place-items:center;background:var(--ds-chip);color:var(--ds-accent);border-radius:14px}.dc-page svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7}.dc-page h2{font-size:clamp(24px,3vw,30px);line-height:1.3}.dc-note{font-size:13px;color:var(--ds-muted)}.dsk-page label{display:grid;gap:8px;min-width:0}.dsk-page label:has(input[type=checkbox]){display:flex;align-items:start}.dsk-page input[type=checkbox]{width:22px;height:22px;flex:none;accent-color:var(--ds-accent);margin:2px 0 0}.dsk-page [hidden]{display:none}.dsk-page .ds-c-input{font-size:16px}.dsk-page .dsk-mini{min-height:44px}.dsk-page a:not(.ds-c-btn){color:var(--ds-accent)}.dsk-page .dsk-del{width:44px;min-height:44px}.dsk-page details.ds-c-card>summary{cursor:pointer}.dsk-page details.ds-c-card>summary h2{display:inline;font-size:24px}.dsk-page #ki-einrichtung .dc-friday-icon{display:none}.dsk-page #ki-einrichtung:not([open])>ol,.dsk-page #ki-einrichtung:not([open])>p{display:none}#dsk-start,#ki-einrichtung{scroll-margin-top:calc(var(--ds-header-h,68px) + 20px)}
@media(max-width:800px){.dc-grid{grid-template-columns:1fr}.dc-hero{display:block}.dsk-how{grid-template-columns:1fr 1fr}}@media(max-width:540px){.dc-card,.dc-panel{padding:20px}.dsk-two,.dsk-how,.dsk-cfg{grid-template-columns:1fr}.dsk-actions>.ds-c-btn{flex:1}.dc-hero>.ds-c-btn{margin-top:12px}}

.dc-grid{align-items:start}.dsk-actions>.ds-c-btn{flex:1 1 auto;white-space:nowrap;min-width:80px}.dsk-page .dsk-actions .dc-primary{min-width:100px}@media(min-width:801px){.dsk-page>.dc-grid>section:nth-child(2){position:sticky;top:calc(var(--ds-header-h,68px) + 20px)}}
