/* DESK-DESIGN 2026-10-11: Promenaden Desk im Design von ZS PMS (dunkle Leiste, Gold, Inter) */
@font-face{font-family:"Inter Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(/static/fonts/inter-cyrillic.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Inter Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(/static/fonts/inter-cyrillic-ext.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"Inter Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(/static/fonts/inter-latin-ext.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(/static/fonts/inter-latin.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
body.dk{--zs-ink:#061012;--zs-gold:#d3b478;--zs-gold-h:#e4ca96;--zs-paper:#f2f0e9;--zs-text:#152022;--zs-muted:#657071;--zs-bronze:#b49361;--zs-ongold:#201b12;--zs-line:#e4e7e6;--dk-rail:92px;
 --bg:var(--zs-paper);--card:#fff;--line:var(--zs-line);--ink:var(--zs-text);--muted:var(--zs-muted);--accent:#8a6a32;--accent2:var(--zs-gold);--ok:#137847;--warn:#b26a1d;--err:#b42318;--nav:var(--zs-ink);
 font-family:"Inter Variable",Inter,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--zs-paper);color:var(--zs-text);font-size:15px;-webkit-font-smoothing:antialiased;padding-left:var(--dk-rail)}
body.dk a{color:#2c5d8a}
.dk .ic{flex-shrink:0;vertical-align:middle}
.dk h1,.dk h2,.dk h3,.dk .card .v,.dk .room .num,.dk .rn,.dk .pop h3,.dk .day h2,.dk .bi .rn{font-family:inherit}
.dk h1{font-size:26px;font-weight:740;letter-spacing:-.6px}.dk h2{font-size:17px;font-weight:700}
/* ---------- Leiste ---------- */
.dkrail{position:fixed;inset:0 auto 0 0;width:var(--dk-rail);background:var(--zs-ink);color:#e8edeb;display:flex;flex-direction:column;padding:0 3px 10px;z-index:60;overflow-y:auto;scrollbar-width:none}
.dkrail-logo{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 0 10px;color:#fff!important;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.4px;text-align:center;line-height:1.1}
.dkrail-logo b{display:flex;width:38px;height:38px;border-radius:9px;background:var(--zs-gold);color:var(--zs-ongold);align-items:center;justify-content:center;font-size:17px}
.dkrail-logo span{color:var(--zs-gold)}
.dkrail nav,.dkrail .dkrail-bottom{display:flex;flex-direction:column;gap:2px}
.dkrail .dkrail-bottom{margin-top:auto;padding-top:10px}
.dkrail a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:66px;padding:8px 3px;border-radius:7px;color:#e8edeb!important;font-size:12px;line-height:1.15;text-align:center;text-decoration:none;position:relative}
.dkrail a:hover{background:#1d2b2d}
.dkrail a.on{background:var(--zs-gold);color:var(--zs-ongold)!important}
.dkrail a:focus-visible{outline:3px solid var(--zs-gold);outline-offset:-3px}
.dkrail a .cnt{position:absolute;top:6px;right:12px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#e5484d;color:#fff;font-size:11px;font-weight:700;line-height:18px}
.dkrail .dklang{display:flex;gap:3px;justify-content:center;padding:6px 0}
.dkrail .dklang a{min-height:0;padding:6px 7px;font-weight:700;font-size:12px;border:1px solid #2b3a3c}
.dkrail .dklang a.on{border-color:var(--zs-gold)}
/* ---------- Kopf (Buero-Seiten) ---------- */
.dk .layout{display:block;min-height:100vh}
.dk .side{display:none}
.dk .main{padding:0;max-width:none}
.dk .dktop{display:flex;align-items:center;gap:16px;height:62px;padding:0 22px;background:#fff;border-bottom:1px solid var(--zs-line);position:sticky;top:0;z-index:30}
.dk .dktop .hotel{font-weight:650;font-size:15px}
.dk .dktop .who{margin-left:auto;font-size:13px;color:var(--zs-muted);display:flex;align-items:center;gap:10px}
.dk .dktop .who b{color:var(--zs-text)}
.dk .dktop .av{width:36px;height:36px;border-radius:50%;background:#e5e7e6;display:flex;align-items:center;justify-content:center;font-weight:650;font-size:13px;color:var(--zs-text)}
.dk .dkpage{padding:18px 22px 50px;max-width:1500px}
.dk .topbar{margin-bottom:14px}.dk .topbar h1{margin:0}.dk .sub{margin:4px 0 0;color:var(--zs-muted)}
/* ---------- Bausteine ---------- */
.dk .card{background:#fff;border:1px solid var(--zs-line);border-radius:10px;padding:16px 18px}
.dk .card .k{font-size:11px;letter-spacing:.08em;color:var(--zs-muted);font-weight:600}
.dk .card .v{font-size:32px;font-weight:750;color:var(--zs-text);letter-spacing:-1px}
.dk .btn{background:var(--zs-gold);color:var(--zs-ongold);border:1px solid var(--zs-gold);border-radius:7px;font-weight:600;padding:9px 16px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;text-decoration:none}
.dk .btn:hover{background:var(--zs-gold-h);border-color:var(--zs-bronze)}
.dk .btn.sec{background:#fff;color:var(--zs-text)!important;border-color:#dce0df;font-weight:500}.dk .btn.sec:hover{background:#f7f7f3}
.dk .btn.small{min-height:32px;padding:5px 11px;font-size:13px}
.dk .btn.ok{background:#137847;border-color:#137847;color:#fff}.dk .btn.warn{background:#b42318;border-color:#b42318;color:#fff}
.dk input,.dk textarea,.dk select{border:1px solid #dce0df;border-radius:7px;font:inherit;font-size:14px}
.dk input:focus-visible,.dk textarea:focus-visible,.dk select:focus-visible,.dk .btn:focus-visible{outline:3px solid #a37a35;outline-offset:2px}
.dk label{letter-spacing:.04em;font-weight:600}
.dk .tabs a{border-radius:7px;padding:7px 14px;font-size:13px;color:var(--zs-text)!important;background:#fff;border-color:#dce0df}
.dk .tabs a.active{background:var(--zs-gold);border-color:var(--zs-gold);color:var(--zs-ongold)!important;font-weight:600}
.dk .tag{border-radius:6px;border-color:var(--zs-bronze);color:#8a6a32;font-weight:600}
.dk .tag.ok{border-color:#137847;color:#137847}.dk .tag.err{border-color:#b42318;color:#b42318}.dk .tag.warn{border-color:#b26a1d;color:#b26a1d}
.dk .flash{background:#e7f4ec;border-color:#b5dbc4;color:#0f4f2e;border-radius:8px}
.dk .bars div{background:var(--zs-bronze)}
.dk th{color:var(--zs-muted);font-weight:600}
.dk .mail .folders a.active,.dk .mail .itemrow.active,.dk .kb .sec a.active,.dk .nav a.active{background:#fbf2df;color:#6b4f1d}
.dk .mail .itemrow.unread .s::before{color:#b68c44}
.dk .readbody{border-radius:8px}
.dk .card[style*="fbe9e3"]{background:#fbf2df!important;border-color:#ecd9b0}
/* ---------- Reinigung (Telefon zuerst) ---------- */
.dk .hkwrap,.dk .pwrap,.dk .bwrap{padding-top:14px}
.dk .hkhead img,.dk .phead img,.dk .bhead img{display:none}
.dk .hkhead b,.dk .phead b,.dk .bhead b{font-size:22px;font-weight:750;letter-spacing:-.4px}
.dk .hkstats span{border-radius:8px;background:#fff;font-size:14px}.dk .hkstats b{color:var(--zs-text);font-size:16px}
.dk .hkfilter a{border-radius:8px;padding:9px 15px;font-size:15px;background:#fff;color:var(--zs-text)!important}
.dk .hkfilter a.on{background:var(--zs-ink);border-color:var(--zs-ink);color:#fff!important}
.dk .room{border-radius:12px;border-color:var(--zs-line);box-shadow:0 1px 2px rgba(6,16,18,.04);border-left:6px solid #cfd5d3}
.dk .room.t-departure,.dk .room.t-turnover{border-left-color:#b42318}.dk .room.t-arrival{border-left-color:#137847}.dk .room.t-stay{border-left-color:#2c5d8a}
.dk .room .num{font-size:36px;font-weight:800;letter-spacing:-1px;color:var(--zs-text)}
.dk .room .task{font-size:14px;padding:3px 10px;border-radius:7px}
.dk .task.departure,.dk .task.turnover{background:#fde4e1;color:#8f2418}.dk .task.stay{background:#e1ecf8;color:#1f4f8a}.dk .task.arrival{background:#dff3e7;color:#0f4f2e}
.dk .btn.big{min-height:56px;font-size:17px;font-weight:700;border-radius:10px;min-width:140px}
.dk .room .act .btn.ok{background:#137847;border-color:#137847;color:#fff}
.dk .room.done{opacity:.55}
.dk .room .note{border-radius:8px}
.dk .bk{border-radius:7px;background:#f4f1e8;border-color:#e2dccb}
.dk .bf{background:#fbf2df;color:#6b4f1d;border-color:#ecd9b0}
.dk .hkhead span.small,.dk .phead span.small,.dk .bhead span.small,.dk .hkfilter a[href^="/hk/"],.dk .phead a[href="/hk"],.dk .bhead a[href="/hk"],.dk .bhead a[href="/hk/plan"]{display:none}
.dk .dkhint{background:#fff;border:1px solid var(--zs-line);border-radius:10px;padding:10px 14px;margin:0 0 12px;font-size:14px;line-height:1.5}
.dk .dkhint b{color:var(--zs-text)}
/* 5-Tage-Plan */
.dk .phd{background:var(--zs-paper)}
.dk .ptl .tod{background:rgba(211,180,120,.16)}
.dk .dh.today{color:#89652d}
.dk .rn{font-size:20px;font-weight:800}
.dk .pbtn{border-radius:7px;padding:7px 2px;font-size:12px;background:#137847}
.dk .pbtn.undo{background:#e5e9e7;color:#4b5a57}
.dk .pin{border-radius:6px}
.dk .pop{border-radius:12px}
.dk .fl{background:#e9ece9;color:#4b5a57;border-radius:6px;margin-top:8px}
/* Fruehstueck */
.dk .day{border-radius:12px;background:#fff;border-color:var(--zs-line)}
.dk .tot{background:#fbf2df;color:#6b4f1d}
.dk .bi .n{color:#8a6a32}
/* Login */
.dk.dklogin{padding-left:0;background:var(--zs-ink)}
.dk.dklogin .login .card{border:0;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.dk.dklogin .login h1{font-size:22px;margin-top:6px}
.dk.dklogin .login .btn{width:100%;min-height:46px}
/* ---------- Telefon: Leiste unten ---------- */
@media(max-width:760px){
 body.dk{padding-left:0;padding-bottom:74px}
 .dkrail{inset:auto 0 0 0;width:auto;height:68px;flex-direction:row;padding:0 4px;overflow-x:auto;overflow-y:hidden;border-top:1px solid #1d2b2d}
 .dkrail a.dkrail-logo{display:none}
 .dk .room .act form{flex:1;display:flex;flex-direction:column}
 .dkrail nav,.dkrail .dkrail-bottom{flex-direction:row;gap:2px}
 .dkrail .dkrail-bottom{margin:0 0 0 auto;padding:0}
 .dkrail a{min-height:0;height:60px;margin-top:4px;min-width:66px;font-size:11px;gap:3px}
 .dkrail .dklang{flex-direction:column;justify-content:center;padding:0 2px}
 .dkrail .dklang a{height:auto;margin:0;min-width:0;padding:3px 6px;font-size:11px}
 .dk .dktop{height:54px;padding:0 14px}.dk .dktop .hotel{display:none}
 .dk .dkpage{padding:14px 12px 30px}
 .dk .room .act{flex-direction:row;width:100%}.dk .btn.big{flex:1}
}

/* DK-PLAN5 */
/* 5-Tage-Plan wie Belegungsplan in ZS PMS */
.dk .pwrap{max-width:1100px}
.dk .plegend{gap:8px;align-items:center;font-size:13px}
.dk .plegend span{border-radius:6px;padding:4px 10px;font-weight:500}
.dk .plegend span.in,.dk .bar.in{background:#c9ebd7;color:#0f4f2e}
.dk .plegend span.res,.dk .bar.res{background:#d3e5fc;color:#152022}
.dk .plegend span.out,.dk .bar.out{background:#e5e9e7;color:#4b5a57}
.dk .plegend span.dirtyp{background:#fde4e1;color:#8f2418;font-weight:600}
.dk .phd{background:#fff;border:1px solid var(--zs-line);border-bottom:0;border-radius:10px 10px 0 0;top:0}
.dk .phd .prc{border-right:1px solid var(--zs-line)}
.dk .phd .ptl{padding:8px 0}
.dk .dh{font-size:12px;font-weight:500;color:#566664;line-height:1.35}
.dk .dh.today{color:#89652d;font-weight:700}
.dk .dh.today::after{content:"";display:block;width:26px;height:3px;border-radius:2px;background:#947039;margin:3px auto 0}
.dk .prow{background:#fff;border:1px solid var(--zs-line);border-top:0}
.dk .fl{margin:0;border-radius:0;border:1px solid var(--zs-line);border-top:0;background:#f6f5ef;color:#566664;font-size:12px;padding:5px 10px;letter-spacing:.03em}
.dk .prc{width:92px;flex:0 0 92px;padding:8px 8px;border-right:1px solid var(--zs-line)}
.dk .prc.dirty{border-left:4px solid #b42318}
.dk .rn{font-size:19px;font-weight:750;letter-spacing:-.3px}
.dk .rc{font-size:10.5px;color:#657071}
.dk .rs{border-radius:5px;font-size:11px;padding:1px 6px}
.dk .rs.ok{background:#dff3e7;color:#0f4f2e}
.dk .prow .ptl{grid-template-rows:none!important;grid-auto-rows:32px!important;row-gap:4px;padding:8px 0}
.dk .ptl .tod{display:none}
.dk .prow .ptl{align-content:center}
.dk .bar{border-radius:5px!important;margin:0 1px;padding:0 8px;font-size:12.5px;font-weight:500;line-height:32px;border:1px solid transparent;box-shadow:none}
.dk .bar:hover{border-color:#759086;box-shadow:0 2px 4px rgba(6,16,18,.09)}
.dk .bar.cl{border-top-left-radius:0!important;border-bottom-left-radius:0!important}
.dk .bar.cr{border-top-right-radius:0!important;border-bottom-right-radius:0!important}
.dk .bar i{background:rgba(6,16,18,.08);color:inherit;border-radius:5px;font-weight:700;font-size:11px;padding:1px 5px}
.dk .bar small{opacity:.7}
.dk .bar .src{border-radius:4px;font-size:9.5px;line-height:15px;padding:0 4px}
.dk .pbtn{margin-top:5px;padding:7px 2px;font-size:12px}
@media(max-width:760px){.dk .prc{width:76px;flex-basis:76px;padding:6px}.dk .bar{font-size:11.5px;padding:0 5px}}