:root{
  --red:#e2001a;--red-dark:#b40017;--red-soft:#fff1f2;--red-mid:#fde0e3;
  --green:#16a34a;--green-dark:#166534;--green-soft:#f0fdf4;--green-mid:#bbf7d0;
  --yellow:#d97706;--yellow-dark:#92400e;--yellow-soft:#fffbeb;--yellow-mid:#fde68a;
  --ink:#111827;--ink-2:#374151;--ink-3:#6b7280;--ink-4:#9ca3af;
  --bg:#f5f5f7;--panel:#ffffff;--line:#e5e7eb;--line-soft:#f9fafb;
  --shadow-sm:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);
  --shadow:0 4px 16px rgba(0,0,0,.06),0 1px 4px rgba(0,0,0,.04);
  --shadow-lg:0 16px 48px rgba(0,0,0,.10),0 4px 12px rgba(0,0,0,.06);
  --radius:16px;--radius-sm:10px;--radius-xs:6px;
  --presence:#e2001a;--presence-bg:#fff1f2;
  --mobile:#2563eb;--mobile-bg:#eff6ff;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;min-height:100vh;}
button,input,select,textarea{font:inherit;}
button{cursor:pointer;}
a{color:inherit;text-decoration:none;}
.shell{max-width:1600px;margin:0 auto;padding:20px 20px 80px;}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;padding:14px 18px;background:#f3f3f5;border:1px solid #ececf1;border-radius:0;}
.brand{display:flex;align-items:center;gap:18px;}
.brand-mark{display:none;}
.brand h1{font-size:24px;font-weight:700;letter-spacing:-0.03em;color:#2f3648;line-height:1;}
.brand .sub{font-size:18px;color:#0f172a;font-weight:700;line-height:1;white-space:nowrap;}
.top-btns{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--panel);color:var(--ink-2);border-radius:var(--radius-sm);padding:8px 14px;font-size:13px;font-weight:500;transition:all .14s ease;white-space:nowrap;}
.btn:hover{border-color:#d1d5db;background:#fafafa;transform:translateY(-1px);}
.btn:active{transform:none;}
.btn.primary{background:var(--red);border-color:var(--red);color:#fff;}
.btn.primary:hover{background:var(--red-dark);border-color:var(--red-dark);}
.btn.danger{background:#fff1f2;border-color:#fecdd3;color:var(--red-dark);}
.btn.danger:hover{background:#ffe4e6;}
.btn.ghost{background:transparent;border-color:transparent;}
.btn.ghost:hover{background:var(--line-soft);border-color:var(--line);}
.btn.sm{padding:5px 10px;font-size:12px;border-radius:var(--radius-xs);}
.btn.icon{width:34px;height:34px;padding:0;justify-content:center;border-radius:var(--radius-xs);}
.tabs-bar{position:sticky;top:0;z-index:20;background:rgba(245,245,247,.92);backdrop-filter:blur(12px);padding:10px 0 12px;margin-bottom:16px;}
.tabs{display:flex;gap:6px;flex-wrap:wrap;}
.tab{border:1px solid transparent;background:transparent;color:var(--ink-3);border-radius:999px;padding:7px 16px;font-size:13px;font-weight:600;transition:all .14s;}
.tab:hover{color:var(--ink);background:rgba(255,255,255,.7);}
.tab.active{background:var(--panel);border-color:var(--line);color:var(--ink);box-shadow:var(--shadow-sm);}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;}
.panel+.panel{margin-top:16px;}
.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px;}
.panel-title h2{font-size:18px;font-weight:700;letter-spacing:-0.01em;}
.panel-title h3{font-size:15px;font-weight:700;}
.panel-title .sub{font-size:12px;color:var(--ink-3);margin-top:2px;}
.month-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px;}
.mchip{border:1px solid var(--line);background:var(--panel);color:var(--ink-3);border-radius:999px;padding:6px 14px;font-size:12px;font-weight:700;letter-spacing:.04em;transition:all .12s;}
.mchip:hover{color:var(--ink);border-color:#d1d5db;}
.mchip.active{font-weight:800;border-width:2px;box-shadow:var(--shadow-sm);}
.cal-scroll{overflow-x:auto;}
.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));gap:8px;min-width:940px;}
.cal-head{text-align:center;font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--ink-4);padding:6px 0;text-transform:uppercase;}
.cal-empty{border-radius:var(--radius-sm);min-height:110px;}
.day-card{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius-sm);padding:10px;min-height:110px;display:flex;flex-direction:column;gap:5px;cursor:pointer;transition:all .14s;text-align:left;position:relative;}
.day-card:hover{box-shadow:var(--shadow);transform:translateY(-1px);border-color:#d1d5db;}
.day-card.selected{border-color:var(--red);box-shadow:0 0 0 2px rgba(226,0,26,.12);}
.day-card.today{border-color:var(--red);}
.day-card.weekend{background:var(--line-soft);opacity:.55;}
.day-num{font-size:22px;font-weight:700;letter-spacing:-0.03em;line-height:1;}
.day-wd{font-size:11px;color:var(--ink-4);font-weight:600;letter-spacing:.04em;margin-top:1px;}
.day-entries{display:flex;flex-direction:column;gap:3px;margin-top:4px;}
.entry-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;border-radius:4px;padding:2px 6px;font-weight:600;width:fit-content;}
.entry-chip.presence{background:var(--presence-bg);color:var(--presence);}
.entry-chip.mobile{background:var(--mobile-bg);color:var(--mobile);}
.entry-chip.sick{background:#fef2f2;color:#b91c1c;}
.entry-chip.vacation{background:#fffbeb;color:#92400e;}
.entry-chip.holiday{background:#f5f3ff;color:#5b21b6;}
.entry-chip.free{background:#f9fafb;color:var(--ink-3);}
.day-summary{font-size:11px;color:var(--ink-3);margin-top:auto;font-variant-numeric:tabular-nums;font-family:ui-monospace,Consolas,monospace;}
.day-editor{margin-top:16px;}
.time-entry-row{display:grid;grid-template-columns:130px 90px 90px 80px 34px;gap:8px;align-items:center;background:var(--line-soft);border-radius:var(--radius-sm);padding:10px 12px;border:1px solid var(--line);}
.te-label{font-size:11px;color:var(--ink-3);font-weight:600;letter-spacing:.02em;margin-bottom:2px;}
.te-input{width:100%;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius-xs);padding:6px 8px;font-size:13px;color:var(--ink);transition:border-color .12s;}
.te-input:focus{outline:none;border-color:var(--red);}
.te-hours{font-family:ui-monospace,Consolas,monospace;font-size:13px;font-weight:500;color:var(--ink-2);text-align:right;}
.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px;}
.kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px 16px;}
.kpi.primary{background:var(--red-soft);border-color:#fecdd3;}
.kpi .kpi-label{font-size:11px;color:var(--ink-3);font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;}
.kpi .kpi-val{font-size:clamp(24px,2.2vw,32px);font-weight:700;letter-spacing:-0.04em;line-height:1;}
.kpi.primary .kpi-val{color:var(--red-dark);}
.kpi .kpi-sub{font-size:11px;color:var(--ink-4);margin-top:4px;}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.field{display:flex;flex-direction:column;gap:5px;}
.field label{font-size:12px;color:var(--ink-3);font-weight:600;letter-spacing:.02em;}
.input{width:100%;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius-xs);padding:8px 10px;color:var(--ink);transition:border-color .12s;}
.input:focus{outline:none;border-color:var(--red);}
select.input{cursor:pointer;}
.backdrop{position:fixed;inset:0;background:rgba(17,24,39,.4);z-index:50;display:flex;justify-content:center;align-items:flex-start;padding:32px 16px;overflow-y:auto;}
.modal{width:min(780px,100%);background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-lg);margin:auto;}
.modal-head{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 22px 0;gap:12px;}
.modal-head h3{font-size:18px;font-weight:700;letter-spacing:-0.01em;}
.modal-body{padding:16px 22px;}
.modal-foot{padding:0 22px 20px;display:flex;justify-content:flex-end;gap:8px;}
.upload-zone{border:2px dashed var(--line);border-radius:var(--radius);padding:48px 24px;text-align:center;transition:all .15s;cursor:pointer;background:var(--line-soft);}
.upload-zone.drag{border-color:var(--red);background:var(--red-soft);}
.upload-zone .icon{font-size:40px;margin-bottom:12px;}
.upload-zone h3{font-size:16px;font-weight:700;margin-bottom:6px;}
.upload-zone p{font-size:13px;color:var(--ink-3);}
.progress-bar-wrap{height:6px;background:var(--line);border-radius:999px;overflow:hidden;margin:8px 0;}
.progress-bar{height:100%;background:var(--red);border-radius:999px;transition:width .3s;}
.import-result table{width:100%;border-collapse:collapse;font-size:12px;}
.import-result th,.import-result td{padding:7px 10px;border-bottom:1px solid var(--line-soft);text-align:left;}
.import-result th{background:var(--line-soft);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);}
.import-result tr:last-child td{border-bottom:none;}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;border-radius:999px;padding:10px 20px;font-size:13px;font-weight:500;z-index:100;box-shadow:var(--shadow-lg);animation:fadeUp .2s ease;}
@keyframes fadeUp{from{opacity:0;transform:translateX(-50%) translateY(8px);}to{opacity:1;transform:translateX(-50%) translateY(0);}}
.chart-wrap{position:relative;height:280px;}
.stats-wrap{overflow:auto;border:1px solid var(--line);border-radius:var(--radius-sm);}
.stats-table{width:100%;min-width:820px;border-collapse:separate;border-spacing:0;font-size:13px;}
.stats-table th,.stats-table td{padding:9px 12px;border-bottom:1px solid var(--line-soft);text-align:right;white-space:nowrap;}
.stats-table th{background:#fafafa;color:var(--ink-3);font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;position:sticky;top:0;z-index:2;}
.stats-table th:first-child,.stats-table td:first-child{text-align:left;font-weight:600;position:sticky;left:0;z-index:1;background:#fafafa;}
.stats-table tbody td:first-child{background:var(--panel);}
.stats-table tbody tr:hover td{background:var(--line-soft);}
.stats-table tfoot td{font-weight:700;background:var(--red-soft);color:var(--red-dark);}
.stats-table tfoot td:first-child{background:var(--red-soft);}
/* Ampelfarben für Gesamtzeile */
.stats-table tfoot.state-green td,.stats-table tfoot.state-green td:first-child{background:var(--green-soft);color:var(--green-dark);}
.stats-table tfoot.state-yellow td,.stats-table tfoot.state-yellow td:first-child{background:var(--yellow-soft);color:var(--yellow-dark);}
.stats-table tfoot.state-red td,.stats-table tfoot.state-red td:first-child{background:var(--red-soft);color:var(--red-dark);}
/* ── Quota state colours (green / yellow / red) ── */
.state-green{background:var(--green-soft);border-color:var(--green-mid);}
.state-yellow{background:var(--yellow-soft);border-color:var(--yellow-mid);}
.state-red{background:var(--red-soft);border-color:#fecdd3;}
.state-green .kpi-label,.kpi.primary.state-green .kpi-sub,.kpi.primary.state-green .kpi-val{color:var(--green-dark);}
.state-yellow .kpi-label,.kpi.primary.state-yellow .kpi-sub,.kpi.primary.state-yellow .kpi-val{color:var(--yellow-dark);}
.state-red .kpi-label,.kpi.primary.state-red .kpi-sub,.kpi.primary.state-red .kpi-val{color:var(--red-dark);}
.state-green td{background:var(--green-soft);color:var(--green-dark);}
.state-green td:first-child{background:var(--green-soft);}
.state-yellow td{background:var(--yellow-soft);color:var(--yellow-dark);}
.state-yellow td:first-child{background:var(--yellow-soft);}
.state-red td{background:var(--red-soft);color:var(--red-dark);}
.state-red td:first-child{background:var(--red-soft);}
.mchip.state-green{background:var(--green-soft);border-color:var(--green-mid);color:var(--green-dark);}
.mchip.state-yellow{background:var(--yellow-soft);border-color:var(--yellow-mid);color:var(--yellow-dark);}
.mchip.state-red{background:var(--red-soft);border-color:#fecdd3;color:var(--red-dark);}
.mono{font-family:ui-monospace,Consolas,monospace;font-size:12px;}
.day-list-table{width:100%;min-width:800px;border-collapse:separate;border-spacing:0;font-size:13px;}
.day-list-table th,.day-list-table td{padding:8px 10px;border-bottom:1px solid var(--line-soft);vertical-align:top;}
.day-list-table th{background:var(--line-soft);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);font-weight:700;}
.day-list-table tr:hover td{background:#fafafa;}
.entry-list-mini{display:flex;flex-direction:column;gap:2px;}
.entry-mini{font-size:11px;font-family:ui-monospace,Consolas,monospace;color:var(--ink-2);}
.entry-mini.p{color:var(--presence);}
.entry-mini.m{color:var(--mobile);}
.empty-state{text-align:center;padding:64px 24px;color:var(--ink-3);}
.empty-state .big{font-size:48px;margin-bottom:16px;}
.empty-state h3{font-size:18px;font-weight:700;color:var(--ink-2);margin-bottom:8px;}
.empty-state p{font-size:14px;max-width:360px;margin:0 auto 20px;}
.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;border-radius:999px;padding:3px 8px;border:1px solid var(--line);background:var(--panel);color:var(--ink-3);}
.divider{height:1px;background:var(--line);margin:16px 0;}
.inline-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
@media(max-width:900px){.kpi-row{grid-template-columns:repeat(2,1fr);}.form-grid{grid-template-columns:1fr;}.time-entry-row{grid-template-columns:110px 80px 80px 70px 34px;}}
@media(max-width:640px){.shell{padding:12px 12px 80px;}.kpi-row{grid-template-columns:1fr;}.brand h1{font-size:20px;}.brand .sub{font-size:15px;white-space:normal;}.topbar{padding:12px 14px;}.top-btns{width:100%;justify-content:flex-start;}}
.day-card.selected{outline:2px solid var(--mobile);outline-offset:-2px;background:#eff6ff;}
.day-card.forecast{border-style:dashed;}
.forecast-chip,.forecast-badge{background:#eff6ff!important;color:#1e40af!important;border-color:#bfdbfe!important;}
.forecast-dot{display:inline-block;margin-left:4px;font-size:10px;font-weight:800;color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:1px 4px;}
.context-menu{position:fixed;z-index:120;width:220px;max-width:calc(100vw - 24px);background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);padding:6px;}
.context-menu .context-title{padding:7px 9px;font-size:11px;font-weight:700;color:var(--ink-4);border-bottom:1px solid var(--line-soft);margin-bottom:4px;}
.context-menu button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:8px 10px;border-radius:7px;font:inherit;font-size:13px;color:var(--ink-2);cursor:pointer;}
.context-menu button:hover{background:var(--line-soft);}
.context-submenu{position:relative;}
.context-submenu-trigger{display:flex!important;align-items:center;justify-content:space-between;}
.context-arrow{font-size:18px;line-height:1;color:var(--ink-4);}
.context-submenu-panel{display:none;position:absolute;top:-6px;width:235px;max-width:min(235px,calc(100vw - 24px));background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);padding:6px;z-index:125;}
.context-submenu-panel.open-right{left:calc(100% + 5px);right:auto;}
.context-submenu-panel.open-left{right:calc(100% + 5px);left:auto;}
.context-submenu-panel.open-up{top:auto;bottom:-6px;}
.context-submenu-panel.open-down{top:-6px;bottom:auto;}
.context-submenu:hover>.context-submenu-panel,.context-submenu:focus-within>.context-submenu-panel{display:block;}
.context-submenu-panel button{display:flex!important;align-items:center;gap:8px;}
.context-commute-icon{display:inline-flex;width:20px;justify-content:center;font-size:15px;}
.context-submenu-divider{height:1px;background:var(--line-soft);margin:4px 2px;}
.context-menu .context-danger{color:var(--red);}
.context-menu .context-danger:hover{background:var(--red-soft);}
@media(max-width:700px){.context-submenu-panel.open-right,.context-submenu-panel.open-left{left:auto;right:calc(100% + 5px);}}

.compact-modal{width:min(680px,100%);}
.month-filter{width:auto;min-width:180px;padding-top:6px;padding-bottom:6px;}

.day-card-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-height:22px;}
.commute-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid var(--line);border-radius:7px;background:var(--line-soft);font-size:14px;line-height:1;box-shadow:var(--shadow-sm);}
.commute-list{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;}


/* Planning and forecast */
.quota-forecast{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:-4px 0 16px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);}
.quota-forecast.ok{background:var(--green-soft);border-color:var(--green-mid);}
.quota-forecast.warn{background:var(--red-soft);border-color:#fecdd3;}
.quota-forecast-main{display:flex;flex-direction:column;min-width:190px;}
.quota-forecast-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);}
.quota-forecast-main strong{font-size:22px;line-height:1.2;}
.quota-forecast-detail{display:flex;align-items:flex-end;flex-direction:column;gap:3px;font-size:12px;color:var(--ink-2);text-align:right;}
.quota-warning-text{color:var(--red-dark);font-weight:700;}
.quota-ok-text{color:var(--green-dark);font-weight:700;}
.planning-warning-banner{display:flex;gap:10px;align-items:flex-start;margin-bottom:16px;padding:11px 14px;background:var(--red-soft);border:1px solid #fecdd3;border-radius:var(--radius-sm);color:var(--red-dark);font-size:12px;}
.planning-warning-banner strong{white-space:nowrap;}
.planning-modal{width:min(900px,100%);}
.template-bar{display:grid;grid-template-columns:1.2fr 1.2fr auto;gap:10px;align-items:end;}
.template-actions{display:flex;gap:6px;padding-bottom:1px;}
.weekly-plan-grid{display:grid;grid-template-columns:150px minmax(180px,1fr) minmax(210px,1fr);gap:8px;align-items:center;}
.weekly-plan-head{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-4);font-weight:700;padding:0 4px;}
.weekly-plan-day{font-weight:700;color:var(--ink-2);padding:8px 4px;}
.overwrite-check{display:flex;gap:9px;align-items:flex-start;margin-top:14px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);font-size:12px;color:var(--ink-2);}
.overwrite-check input{margin-top:3px;}
.overwrite-check span{display:flex;flex-direction:column;gap:2px;}
.overwrite-check small{color:var(--ink-4);font-size:11px;}
.forecast-info{margin-top:10px;padding:9px 11px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--radius-sm);color:#1e40af;font-size:12px;}
@media(max-width:760px){.quota-forecast{align-items:flex-start;flex-direction:column;}.quota-forecast-detail{align-items:flex-start;text-align:left;}.template-bar{grid-template-columns:1fr;}.template-actions{padding:0;}.weekly-plan-grid{grid-template-columns:100px 1fr;}.weekly-plan-head:nth-child(3){display:none;}.weekly-plan-grid select:nth-of-type(even){grid-column:2;}.weekly-plan-day{grid-column:1;}.weekly-plan-day+select+select{grid-column:2;margin-top:-5px;}.planning-warning-banner{flex-direction:column;gap:3px;}}

.range-presets{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:10px;font-size:11px;color:var(--ink-4);}


/* Quotify v8 planning, closing and import control */
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important;}
.closed-badge,.closed-dot{background:#f3f4f6!important;color:#374151!important;border-color:#d1d5db!important;}
.closed-dot{display:inline-block;margin-left:4px;font-size:10px;font-weight:800;border:1px solid #d1d5db;border-radius:999px;padding:1px 4px;}
.day-card.locked{cursor:default;}
.day-card.locked:hover{transform:none;box-shadow:none;}
.month-closed-banner{display:flex;gap:10px;align-items:center;margin:-4px 0 16px;padding:11px 14px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:var(--radius-sm);font-size:12px;color:#374151;}
.month-closed-banner strong{white-space:nowrap;}
.quota-warning-sub{font-size:11px;color:#92400e;}
.quota-plan-btn{margin-top:4px;align-self:flex-end;}
.settings-section{padding:14px 0 16px;border-bottom:1px solid var(--line);}
.settings-section:first-of-type{padding-top:0;}
.settings-section h3{font-size:14px;font-weight:700;margin-bottom:12px;}
.settings-note{max-width:680px;margin-top:9px;padding:9px 11px;background:var(--line-soft);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:11px;color:var(--ink-3);line-height:1.55;}
.weekday-choice{display:flex;gap:7px;flex-wrap:wrap;}
.weekday-choice-item{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid var(--line);border-radius:var(--radius-xs);background:var(--panel);font-size:12px;color:var(--ink-2);cursor:pointer;}
.import-progress-box{margin-top:16px;padding:14px 16px;background:var(--line-soft);border:1px solid var(--line);border-radius:var(--radius-sm);}
.import-error-box{margin-top:16px;padding:12px 16px;background:#fef2f2;border:1px solid #fecdd3;border-radius:var(--radius-sm);color:#991b1b;font-size:13px;}
.import-success-box{display:flex;gap:6px;align-items:center;padding:12px 16px;background:var(--green-soft);border:1px solid var(--green-mid);border-radius:var(--radius-sm);color:var(--green-dark);font-size:13px;margin-bottom:12px;}
.import-control-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:8px;margin-bottom:12px;}
.import-control-card{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--line-soft);}
.import-control-card span{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);font-weight:700;}
.import-control-card strong{font-size:24px;line-height:1.1;}
.import-control-card.ok{background:var(--green-soft);border-color:var(--green-mid);color:var(--green-dark);}
.import-control-card.warn{background:var(--yellow-soft);border-color:var(--yellow-mid);color:var(--yellow-dark);}
.import-control-card.locked{background:#f3f4f6;border-color:#d1d5db;color:#374151;}
.import-unrecognized{margin:12px 0;padding:12px;border:1px solid var(--yellow-mid);background:var(--yellow-soft);border-radius:var(--radius-sm);}
.import-unrecognized-title{font-size:12px;font-weight:700;color:var(--yellow-dark);margin-bottom:8px;}
.import-unrecognized-list{display:flex;flex-direction:column;gap:5px;}
.import-unrecognized-row{display:grid;grid-template-columns:95px minmax(0,1fr) auto;gap:8px;align-items:start;padding:6px 8px;background:rgba(255,255,255,.65);border-radius:var(--radius-xs);font-size:11px;color:var(--ink-2);}
.import-file{color:var(--ink-4);white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis;}
@media(max-width:900px){.import-control-grid{grid-template-columns:repeat(2,1fr);}.import-unrecognized-row{grid-template-columns:85px 1fr;}.import-file{grid-column:2;}}
@media(max-width:600px){.import-control-grid{grid-template-columns:1fr;}.month-closed-banner{align-items:flex-start;flex-direction:column;}.quota-plan-btn{align-self:flex-start;}.weekday-choice{flex-direction:column;}.weekday-choice-item{width:100%;}}


.weekday-insights{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;}
.weekday-insight{display:flex;flex-direction:column;gap:2px;padding:11px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fafafa;}
.weekday-insight span{font-size:11px;color:var(--ink-4);font-weight:700;text-transform:uppercase;letter-spacing:.04em;}
.weekday-insight strong{font-size:18px;color:var(--ink-1);}
.weekday-insight small{font-size:12px;color:var(--ink-3);}
.weekday-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.weekday-chart-card{border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px;background:var(--panel);}
.weekday-chart-card h4{margin:0 0 8px;font-size:13px;color:var(--ink-2);}
.weekday-chart-card .chart-wrap{height:225px;}
.weekday-table{min-width:760px;}
@media(max-width:850px){.weekday-insights{grid-template-columns:1fr;}.weekday-chart-grid{grid-template-columns:1fr;}}


/* Quotify v12 Jahresuebersicht und Reisen */
.travel-chip{background:#ecfeff!important;color:#155e75!important;border:1px solid #a5f3fc!important;}
.year-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px;}
.year-chips{display:flex;gap:6px;flex-wrap:wrap;}
.year-legend{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;font-size:11px;color:var(--ink-3);}
.year-legend-item{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;}
.year-legend-swatch{width:16px;height:16px;border:1px solid var(--line);border-radius:4px;display:inline-block;}
.year-travel-legend{font-size:14px;line-height:1;}
.year-matrix{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);}
.year-matrix table{width:100%;min-width:1240px;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:11px;}
.year-matrix th,.year-matrix td{height:48px;border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);padding:0;text-align:center;vertical-align:middle;}
.year-matrix thead th{height:30px;background:#fafafa;color:var(--ink-4);font-size:10px;font-weight:700;position:sticky;top:0;z-index:4;}
.year-matrix .year-sticky{position:sticky;left:0;z-index:3;width:70px;min-width:70px;background:var(--panel);font-weight:800;color:var(--ink-2);text-align:left;padding-left:10px;}
.year-matrix thead .year-sticky{z-index:5;background:#fafafa;}
.year-cell{width:37px;min-width:37px;}
.year-invalid{background:#f8fafc;}
.year-day{width:100%;height:100%;min-height:47px;border:0;border-radius:0;padding:3px 2px;background:var(--panel);display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-content:center;justify-items:center;position:relative;color:var(--ink-2);cursor:pointer;}
.year-day:hover{box-shadow:inset 0 0 0 2px rgba(17,24,39,.12);z-index:1;}
.year-day.selected{box-shadow:inset 0 0 0 2px var(--red);z-index:2;}
.year-day.today{box-shadow:inset 0 0 0 2px #111827;}
.year-day.selected.today{box-shadow:inset 0 0 0 2px var(--red),inset 0 0 0 4px rgba(17,24,39,.18);}
.year-day.forecast{outline:1px dashed #60a5fa;outline-offset:-3px;}
.year-day-num{font-size:12px;font-weight:800;line-height:1;grid-column:1;}
.year-day-wd{font-size:8px;color:var(--ink-4);font-weight:700;line-height:1.1;grid-column:1;}
.year-forecast-mark{position:absolute;right:2px;top:2px;font-size:7px;font-weight:900;color:#1e40af;}
.year-travel-icons{position:absolute;right:1px;bottom:1px;font-size:10px;letter-spacing:-2px;line-height:1;}
.year-status-empty{background:#fff;}
.year-status-presence{background:var(--presence-bg);}
.year-status-mobile{background:var(--mobile-bg);}
.year-status-mixed{background:linear-gradient(135deg,var(--presence-bg) 0 50%,var(--mobile-bg) 50% 100%);}
.year-status-vacation{background:#fffbeb;}
.year-status-sick{background:#fef2f2;}
.year-status-childsick{background:#fdf4ff;}
.year-status-holiday{background:#f5f3ff;}
.year-status-free{background:#f3f4f6;}
.year-status-seminar{background:#ecfdf5;}
.year-legend-swatch.year-status-presence{border-color:color-mix(in srgb,var(--presence) 35%,#fff);}
.year-legend-swatch.year-status-mobile{border-color:color-mix(in srgb,var(--mobile) 35%,#fff);}
.year-context-menu{width:235px;}
.trip-modal{width:min(820px,100%);}
.trip-modal .field-wide{grid-column:1/-1;}
.trip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;}
.trip-card{border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px;background:var(--panel);box-shadow:var(--shadow-sm);}
.trip-card-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.trip-card-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--line-soft);border:1px solid var(--line);border-radius:10px;font-size:20px;}
.trip-card .sub{font-size:11px;color:var(--ink-4);}
.trip-leg{display:grid;grid-template-columns:70px 1fr;gap:2px 8px;padding:8px 0;border-top:1px solid var(--line-soft);font-size:12px;}
.trip-leg span{color:var(--ink-4);font-weight:700;}
.trip-leg strong{font-weight:700;color:var(--ink-2);}
.trip-leg small{grid-column:2;color:var(--ink-3);font-size:11px;}
.trip-note{margin-top:8px;padding:8px 10px;background:var(--line-soft);border-radius:7px;color:var(--ink-3);font-size:12px;white-space:pre-wrap;}
.compact-empty{padding:36px 18px;}
.extension-enabled{display:flex;justify-content:space-between;align-items:center;gap:12px;max-width:680px;padding:12px 14px;background:var(--green-soft);border:1px solid var(--green-mid);border-radius:var(--radius-sm);}
.extension-enabled strong{color:var(--green-dark);}
.extension-enabled .sub{font-size:11px;color:var(--ink-3);margin-top:2px;}
.extension-activation{display:grid;grid-template-columns:minmax(220px,420px) auto;gap:10px;align-items:end;max-width:680px;}
@media(max-width:700px){.extension-activation{grid-template-columns:1fr;}.trip-modal .field-wide{grid-column:auto;}.year-matrix table{min-width:1180px;}}


/* Optional extension modules */
.compact-select{width:auto;min-width:120px;}
.module-kpis{margin-top:14px;}
.module-config-grid{max-width:900px;margin:14px 0;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));}
.module-table-scroll{overflow-x:auto;}
.balance-cell.positive{color:#15803d;font-weight:700;}
.balance-cell.negative{color:var(--red);font-weight:700;}
.extension-list{display:grid;gap:8px;margin-top:12px;}
.extension-disabled{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border:1px dashed var(--line);border-radius:10px;background:var(--panel-soft,#fafafa);}
.extension-disabled .sub{margin-left:auto;text-align:right;}
.commuter-route-form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));}
.commuter-favorites{display:grid;gap:10px;margin-top:16px;}
.commuter-card{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);}
.commuter-card-icon{font-size:24px;width:34px;text-align:center;}
.commuter-card-main{flex:1;min-width:180px;}
.scenario-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;}
.scenario-card{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);}
.forecast-pro-result{display:flex;align-items:center;gap:14px;margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--line-soft);}
.forecast-pro-ratio{font-size:30px;font-weight:800;line-height:1;color:var(--presence);min-width:86px;}
@media(max-width:720px){.commuter-card{align-items:flex-start;flex-wrap:wrap}.extension-disabled{align-items:flex-start;flex-direction:column}.extension-disabled .sub{margin-left:0;text-align:left}}

.kpi.state-good .kpi-val{color:var(--green-dark);}
.kpi.state-bad .kpi-val{color:var(--red);}

/* Navigation: Modulreiter, Footer-Links, Zahnrad */
.tab-sep{width:1px;align-self:stretch;margin:2px 4px;background:var(--line);}
.tab.module-tab{border-style:dashed;}
.tab.module-tab.active{border-style:solid;}
.btn.sm.icon{width:30px;height:28px;padding:0;justify-content:center;font-size:14px;line-height:1;}
.footer-links{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap;}
.footer-link{background:none;border:none;padding:2px 4px;color:var(--ink-3);font-size:12px;font-weight:600;border-bottom:1px solid transparent;transition:color .12s,border-color .12s;}
.footer-link:hover{color:var(--red);border-bottom-color:currentColor;}
.footer-link.active{color:var(--ink);border-bottom-color:var(--line);}
.footer-sep{color:var(--ink-4);font-size:12px;}

/* Zusatzmodule in den Einstellungen */
.extension-list{display:flex;flex-direction:column;gap:10px;margin-top:14px;}
.extension-enabled{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);}
.extension-enabled.extension-locked{background:var(--line-soft);border-style:dashed;}
.extension-info{min-width:0;}
.extension-info strong{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;color:var(--ink);}
.extension-info .sub{margin-top:3px;font-size:12px;color:var(--ink-3);}
.extension-detail{margin-top:8px;font-size:12.5px;line-height:1.65;color:var(--ink-2);max-width:70ch;}
.extension-where{margin-top:8px;font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--ink-4);}
.badge.ext-badge-on{color:var(--green-dark);background:var(--green-soft);border-color:var(--green-mid);}
.badge.ext-badge-off{color:var(--ink-3);background:var(--line-soft);border-color:var(--line);}
.extension-activation{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;}
.extension-activation .field{min-width:220px;}
@media (max-width:640px){
  .extension-enabled{flex-direction:column;align-items:stretch;}
}

/* Sonderurlaub: Elternzeit, Cafeteria-Urlaub, Bildungsurlaub usw.
   Bewusst anders eingefaerbt als echter Erholungsurlaub, da diese Tage
   den Jahresurlaubsanspruch nicht mindern. */
.entry-chip.specialleave{background:#f5f3ff;color:#5b21b6;border-color:#ddd6fe;}
.year-status-specialleave{background:#f5f3ff;}

/* Zeitkonto: Anfangssaldo und kumulierter Verlauf */
.opening-balance-row{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:14px 0 4px;}
.opening-balance-row .field{min-width:220px;}
.opening-balance-row .settings-note{flex:1 1 320px;margin-bottom:6px;}
.stats-table tr.opening-row td{color:var(--ink-3);font-style:italic;background:var(--line-soft);}

/* Abgleich mit dem Zeitnachweis */
.glz-check{margin:12px 0;padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;line-height:1.6;}
.glz-check.glz-ok{background:var(--green-soft);border:1px solid var(--green-mid);color:var(--green-dark);}
.glz-check.glz-warn{background:var(--yellow-soft);border:1px solid var(--yellow-mid);color:var(--yellow-dark);}
.stats-table td.diff-ok{color:var(--green-dark);}
.stats-table td.diff-warn{color:var(--red-dark);font-weight:700;}

/* Anleitung */
.help-toc{margin:4px 0 26px;padding:14px 18px;background:var(--line-soft);border:1px solid var(--line);border-radius:var(--radius-sm);}
.help-toc-title{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-4);margin-bottom:8px;}
.help-toc ol{margin:0;padding-left:20px;columns:2;column-gap:28px;}
.help-toc li{margin:3px 0;break-inside:avoid;color:var(--ink-4);font-size:13px;}
.help-toc-link{background:none;border:none;padding:0;font-size:13px;color:var(--ink-2);text-align:left;border-bottom:1px solid transparent;}
.help-toc-link:hover{color:var(--red);border-bottom-color:currentColor;}
.help-section{margin-top:30px;scroll-margin-top:20px;}
.help-section h3{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:var(--ink);margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--line);}
.help-num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:var(--red);color:#fff;font-size:12px;font-weight:700;}
.help-p{font-size:13.5px;line-height:1.75;color:var(--ink-2);margin-bottom:10px;max-width:74ch;}
.help-list,.help-steps{margin:6px 0 12px;padding-left:22px;max-width:74ch;}
.help-list li,.help-steps li{font-size:13.5px;line-height:1.7;color:var(--ink-2);margin-bottom:5px;}
.help-note{margin:10px 0 12px;padding:10px 14px;background:var(--yellow-soft);border:1px solid var(--yellow-mid);border-radius:var(--radius-sm);font-size:13px;line-height:1.65;color:var(--yellow-dark);max-width:74ch;}
.help-table{margin:8px 0 14px;}
.help-table .stats-table td{font-size:13px;line-height:1.6;vertical-align:top;}
.help-footer-note{margin-top:32px;padding-top:16px;border-top:1px solid var(--line);font-size:12.5px;color:var(--ink-3);}
.help-footer-note a{color:var(--red);border-bottom:1px solid currentColor;}
@media (max-width:720px){ .help-toc ol{columns:1;} }

/* Einklappbare Auswertungen im Dashboard */
.collapsible-head{align-items:flex-start;}
.collapse-toggle{display:flex;align-items:flex-start;gap:9px;background:none;border:none;padding:0;text-align:left;color:inherit;flex:1;}
.collapse-toggle:hover h3{color:var(--red);}
.collapse-caret{display:inline-block;margin-top:3px;font-size:11px;color:var(--ink-4);transition:transform .15s ease;}
.collapse-caret.open{transform:rotate(90deg);}
.panel.is-collapsed{padding-bottom:14px;}
.panel.is-collapsed .panel-title{margin-bottom:0;padding-bottom:0;border-bottom:none;}


/* Alle Einträge: ein Rahmen je Monat */
.month-panel{margin-bottom:14px;}
.month-panel:last-child{margin-bottom:0;}
.month-panel-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.month-panel-head h3{font-size:14px;font-weight:700;margin:0;}
.month-panel-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}

/* Feierabendrechner */
.feierabend-panel{margin-bottom:14px;border-left:4px solid var(--green-mid);}
.feierabend-panel.state-warn{border-left-color:var(--yellow-mid);}
.feierabend-panel.state-over{border-left-color:var(--red);background:var(--red-soft);}
.feierabend-head{display:flex;align-items:center;gap:12px;}
.feierabend-head>div:first-of-type{flex:1;min-width:0;}
.feierabend-info-btn{flex:0 0 auto;width:24px;height:24px;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--ink-4);font-family:Georgia,serif;font-style:italic;font-weight:700;font-size:13px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .12s;}
.feierabend-info-btn:hover{border-color:var(--ink-4);color:var(--ink-2);}
.feierabend-info-btn.open{background:var(--ink-2);border-color:var(--ink-2);color:#fff;}
.feierabend-head strong{font-size:15px;color:var(--ink);}
.feierabend-icon{font-size:22px;line-height:1;}
.feierabend-facts{display:flex;gap:26px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);}
.feierabend-facts>div{display:flex;flex-direction:column;gap:2px;}
.feierabend-facts span{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-4);}
.feierabend-facts strong{font-size:17px;font-variant-numeric:tabular-nums;color:var(--ink);}
.feierabend-facts .feierabend-main strong{font-size:22px;color:var(--red);}
.feierabend-notes{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:12.5px;line-height:1.7;color:var(--ink-3);}
.feierabend-inline{display:flex;align-items:center;gap:8px;margin-top:10px;padding:9px 12px;background:var(--green-soft);border:1px solid var(--green-mid);border-radius:var(--radius-sm);font-size:13px;color:var(--green-dark);}
.feierabend-inline.over{background:var(--red-soft);border-color:#fecdd3;color:var(--red-dark);}
.entry-chip.running-chip{background:var(--green-soft);color:var(--green-dark);border-color:var(--green-mid);}
.feierabend-facts .feierabend-soll strong{font-size:20px;color:var(--green-dark);}

/* Gültigkeitszeiträume */
.period-block{margin-bottom:18px;padding:12px 14px;background:var(--line-soft);border:1px solid var(--line);border-radius:var(--radius-sm);}
.period-head{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.period-head strong{font-size:13px;color:var(--ink);}
.period-base{margin-top:4px;font-size:12px;color:var(--ink-4);}
.period-list{margin-top:10px;display:flex;flex-direction:column;gap:8px;}
.period-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.period-row .input{height:32px;padding:4px 8px;font-size:13px;width:auto;}
.period-row .period-value{width:96px;text-align:right;}
.period-label{font-size:12px;font-weight:600;color:var(--ink-4);min-width:20px;}
.period-unit{font-size:12px;color:var(--ink-3);min-width:16px;}
.period-hint{margin-top:9px;font-size:11.5px;color:var(--ink-4);line-height:1.5;}
.period-hint.warn{color:var(--yellow-dark);}
.input.has-error{border-color:var(--red);background:var(--red-soft);}
.period-hint{margin-top:9px;font-size:11.5px;color:var(--ink-4);line-height:1.5;}
.period-hint.warn{color:var(--yellow-dark);}
.input.has-error{border-color:var(--red);background:var(--red-soft);}
.entry-chip.cure{background:#ecfeff;color:#155e75;border-color:#a5f3fc;}
.year-status-cure{background:#ecfeff;}
.stats-table tr.reset-row td{background:var(--yellow-soft);color:var(--yellow-dark);font-weight:600;}

/* Sichtbare Warnung bei fehlgeschlagenem Speichern */
.save-error-bar{position:fixed;left:0;right:0;bottom:0;z-index:200;padding:12px 18px;background:var(--red);color:#fff;font-size:13px;line-height:1.5;box-shadow:0 -2px 12px rgba(0,0,0,.18);display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.save-error-bar>div:first-child{flex:1 1 340px;}
.save-error-detail{font-size:11.5px;opacity:.85;font-family:ui-monospace,Consolas,monospace;flex:1 1 100%;}
.save-error-actions{display:flex;gap:8px;flex:0 0 auto;}
.save-error-bar .btn{background:#fff;border-color:#fff;color:var(--red-dark);}

.te-kind-wrap{display:flex;flex-direction:column;gap:4px;align-items:flex-start;min-width:0;}
.te-kind{width:100%;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius-xs);padding:3px 6px;font-size:11px;color:var(--ink-2);font-family:inherit;}
.te-kind:focus{outline:none;border-color:var(--red);}
.entry-chip.neutral{background:#f3f4f6;color:var(--ink-3);border-color:#e5e7eb;}
.year-status-neutral{background:repeating-linear-gradient(45deg,#f3f4f6 0 4px,#fff 4px 8px);}
@media(max-width:640px){.qc-seg{width:100%;}.qc-opt{flex:1 1 0;}}

/* Standardzeiten */
.et-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:680px;}
.et-block{border:1px solid var(--line);border-left-width:3px;border-radius:var(--radius-sm);padding:10px 12px;background:var(--panel);}
.et-block.et-presence{border-left-color:var(--presence);}
.et-block.et-mobile{border-left-color:var(--mobile);}
.et-title{font-size:13px;font-weight:700;margin-bottom:8px;}
.et-presence .et-title{color:var(--presence);}
.et-mobile .et-title{color:var(--mobile);}
.et-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.et-hint{font-size:11px;color:var(--ink-3);margin-top:6px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.et-hint.warn{color:#b45309;}
.et-clear{border:0;background:none;color:var(--ink-2);text-decoration:underline;font-size:11px;cursor:pointer;padding:0;font-family:inherit;}
@media(max-width:640px){.et-grid{grid-template-columns:1fr;}}


/* Einstellungen */
.st-panel{padding:0;background:#f7f7f9;overflow:visible;}
.st-layout{display:grid;grid-template-columns:248px minmax(0,1fr);align-items:start;min-height:560px;}
.st-nav{position:sticky;top:64px;padding:22px 14px;display:flex;flex-direction:column;gap:3px;}
.st-title{font-size:20px;font-weight:750;letter-spacing:-0.02em;padding:0 10px 16px;color:var(--ink);}
.st-nav-item{display:flex;align-items:flex-start;gap:11px;text-align:left;border:0;background:transparent;border-radius:10px;padding:9px 10px;cursor:pointer;font-family:inherit;color:var(--ink-2);transition:background .12s,color .12s;}
.st-nav-item:hover{background:rgba(17,24,39,.045);}
.st-nav-item:focus-visible{outline:2px solid var(--red);outline-offset:1px;}
.st-nav-item .st-icon{flex-shrink:0;margin-top:1px;color:var(--ink-4);}
.st-nav-item.active{background:var(--panel);color:var(--ink);box-shadow:0 1px 2px rgba(17,24,39,.06),0 0 0 1px rgba(17,24,39,.06);}
.st-nav-item.active .st-icon{color:var(--red);}
.st-nav-text{display:flex;flex-direction:column;gap:1px;min-width:0;}
.st-nav-label{font-size:13.5px;font-weight:600;display:flex;align-items:center;gap:7px;}
.st-nav-sub{font-size:11.5px;color:var(--ink-3);line-height:1.35;}
.st-dot{width:7px;height:7px;border-radius:50%;background:var(--red);display:inline-block;}
.st-content{padding:22px 28px 8px 8px;min-width:0;}
.st-head{max-width:760px;padding:4px 2px 16px;}
.st-head h3{font-size:22px;font-weight:750;letter-spacing:-0.02em;color:var(--ink);}
.st-head p{font-size:13px;color:var(--ink-3);margin-top:3px;}
.st-body{max-width:760px;display:flex;flex-direction:column;gap:14px;}
.st-card{background:var(--panel);border:1px solid rgba(17,24,39,.07);border-radius:14px;box-shadow:0 1px 2px rgba(17,24,39,.04);}
.st-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px 0;}
.st-card-head h4{font-size:14px;font-weight:700;color:var(--ink);}
.st-card-intro{font-size:12.5px;color:var(--ink-3);line-height:1.55;padding:4px 18px 0;max-width:64ch;}
.st-card-body{padding:6px 18px 8px;}
.st-card.danger{border-color:#fecdd3;}
.st-card.danger .st-card-head h4{color:var(--red-dark);}
.st-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 28px;align-items:center;padding:13px 0;border-top:1px solid rgba(17,24,39,.06);}
.st-card-body>.st-row:first-child,.st-card-body>.qc-row:first-child{border-top:0;}
.st-row-label{font-size:13.5px;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.st-row-hint{font-size:12.5px;color:var(--ink-3);line-height:1.5;margin-top:2px;max-width:58ch;}
.st-row-ctl{min-width:0;display:flex;justify-content:flex-end;}
.st-row-ctl select.input{min-width:250px;}
.st-num{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:8px;background:var(--panel);overflow:hidden;transition:border-color .12s,box-shadow .12s;cursor:text;}
.st-num:focus-within{border-color:var(--red);box-shadow:0 0 0 3px rgba(226,0,26,.1);}
.st-num input{width:72px;border:0;outline:none;padding:8px 4px 8px 10px;text-align:right;font:inherit;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink);background:transparent;-moz-appearance:textfield;}
.st-num input::-webkit-outer-spin-button,.st-num input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.st-unit{font-size:12.5px;color:var(--ink-3);padding:0 10px 0 4px;min-width:26px;}
.st-periods{display:flex;flex-direction:column;gap:10px;align-items:flex-start;padding:8px 0 8px;}
.st-periods-base{font-size:12.5px;color:var(--ink-2);background:var(--line-soft);border:1px solid var(--line);border-radius:8px;padding:7px 10px;}
.st-periods .period-list{width:100%;max-width:520px;}
.st-foot{font-size:12px;color:var(--ink-3);line-height:1.55;max-width:64ch;padding:0 4px;}
.st-empty{font-size:12.5px;color:var(--ink-3);line-height:1.55;padding:16px 18px;border:1px dashed #d4d6db;border-radius:14px;}
.st-link{border:0;background:none;padding:0;font:inherit;color:var(--red-dark);font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer;}
.st-actions{display:flex;gap:8px;flex-wrap:wrap;}
.st-days{display:inline-flex;gap:4px;}
.st-day{width:38px;height:32px;border:1px solid var(--line);border-radius:8px;background:var(--panel);font-weight:600;font-size:12px;color:var(--ink-3);cursor:pointer;font-family:inherit;}
.st-day.on{background:var(--presence);border-color:var(--presence);color:#fff;}
.st-day:focus-visible{outline:2px solid var(--red);outline-offset:1px;}
.st-switch{position:relative;width:42px;height:24px;border-radius:999px;border:0;background:#d4d6db;cursor:pointer;flex-shrink:0;transition:background .15s;padding:0;}
.st-switch .st-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .15s;}
.st-switch.on{background:var(--green);}
.st-switch.on .st-knob{transform:translateX(18px);}
.st-switch:disabled{opacity:.5;cursor:not-allowed;}
.st-switch:focus-visible{outline:2px solid var(--red);outline-offset:2px;}
.st-where{font-size:11px;font-weight:500;color:var(--ink-3);background:var(--line-soft);border:1px solid var(--line);border-radius:999px;padding:1px 8px;}
.st-module{align-items:flex-start;}
.st-module .st-row-ctl{padding-top:2px;}
.st-module-more{margin-top:5px;font-size:12px;color:var(--ink-3);}
.st-module-more summary{cursor:pointer;color:var(--ink-2);font-size:12px;width:max-content;list-style:none;}
.st-module-more summary::-webkit-details-marker{display:none;}
.st-module-more summary::before{content:"+ ";}
.st-module-more[open] summary::before{content:"− ";}
.st-module-more p{margin-top:6px;line-height:1.55;max-width:58ch;}
.st-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.st-legend-item{display:flex;gap:10px;align-items:flex-start;background:var(--panel);border:1px solid rgba(17,24,39,.07);border-radius:12px;padding:11px 12px;}
.st-legend-item div{display:flex;flex-direction:column;gap:1px;}
.st-legend-item strong{font-size:13px;color:var(--ink);}
.st-legend-item span{font-size:12px;color:var(--ink-3);}
.st-swatch{width:10px!important;height:10px;border-radius:3px;margin-top:4px;flex-shrink:0;}
.st-swatch.presence{background:var(--presence);}
.st-swatch.absence{background:var(--mobile);}
.st-swatch.neutral{background:var(--ink-4);}
.st-savebar{position:sticky;bottom:14px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 28px 16px 256px;padding:10px 12px 10px 16px;background:var(--panel);border:1px solid rgba(17,24,39,.08);border-radius:12px;box-shadow:0 8px 24px rgba(17,24,39,.08);max-width:760px;}
.st-save-state{font-size:12.5px;color:var(--ink-3);display:flex;align-items:center;gap:8px;}
.st-save-dot{width:8px;height:8px;border-radius:50%;background:var(--green);}
.st-savebar.dirty{border-color:#fecdd3;box-shadow:0 10px 28px rgba(226,0,26,.12);}
.st-savebar.dirty .st-save-state{color:var(--ink);font-weight:600;}
.st-savebar.dirty .st-save-dot{background:var(--red);}
.st-save-actions{display:flex;gap:8px;}
.st-save-actions .btn:disabled{opacity:.45;cursor:default;}
/* Zeitarten */
.qc-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:10px 0;border-top:1px solid rgba(17,24,39,.06);}
.qc-row.changed .qc-name>span:first-child{font-weight:600;}
.qc-name{flex:1 1 240px;min-width:0;font-size:13.5px;color:var(--ink);display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.qc-badge{font-size:11px;font-weight:600;color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:999px;padding:1px 8px;}
.qc-seg{display:inline-flex;gap:2px;padding:3px;border-radius:9px;background:#f1f2f4;flex-shrink:0;}
.qc-opt{border:0;background:transparent;color:var(--ink-3);font-size:12px;font-weight:600;padding:5px 11px;border-radius:7px;cursor:pointer;font-family:inherit;transition:background .12s,color .12s;}
.qc-opt:hover{color:var(--ink);}
.qc-opt:focus-visible{outline:2px solid var(--red);outline-offset:1px;}
.qc-opt.active{background:var(--panel);box-shadow:0 1px 2px rgba(17,24,39,.12);}
.qc-opt.qc-presence.active{color:var(--presence);}
.qc-opt.qc-absence.active{color:var(--mobile);}
.qc-opt.qc-neutral.active{color:var(--ink-2);}
.et-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:6px 0 10px;}
@media(max-width:900px){
  .st-layout{grid-template-columns:1fr;min-height:0;}
  .st-nav{position:static;flex-direction:row;overflow-x:auto;padding:12px;gap:4px;align-items:center;border-bottom:1px solid var(--line);}
  .st-title{padding:0 8px 0 4px;white-space:nowrap;font-size:17px;}
  .st-nav-item{flex-shrink:0;align-items:center;padding:7px 11px;}
  .st-nav-sub{display:none;}
  .st-content{padding:18px 14px 6px;}
  .st-head h3{font-size:19px;}
  .st-row{grid-template-columns:1fr;}
  .st-row-ctl{justify-content:flex-start;}
  .st-row-ctl select.input{min-width:0;width:100%;}
  .st-legend{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;}
  .st-legend-item{padding:8px 9px;gap:7px;}
  .st-legend-item span:not(.st-swatch){display:none;}
  .st-legend-item strong{font-size:12px;}
  .st-save-state{font-size:12px;line-height:1.3;}
  .st-savebar{margin:8px 14px 14px;}
  .et-grid{grid-template-columns:1fr;}
}
@media(max-width:640px){.qc-seg{width:100%;}.qc-opt{flex:1 1 0;}}
@media(prefers-reduced-motion:reduce){.st-switch,.st-switch .st-knob,.qc-opt,.st-nav-item{transition:none;}}