/* ===== CQR Engineering — Cockpit-Sektion (interaktives Demo-Dashboard „Radhaus Müller") =====
   ALLE Selektoren sind unter #cockpit gescoped, damit nichts mit style.css kollidiert.
   Lokale Farb- und Font-Aliase (color-, font-display) spiegeln die Namen der Ursprungs-Komponente. */

#cockpit{
  --accent:54,209,255;                 /* Akzent als RGB-Kanäle -> rgb(var(--accent)) / rgba(var(--accent),a) */
  --color-line:var(--line);
  --color-muted:var(--muted);
  --color-paper:var(--paper);
  --color-indigo:var(--indigo);
  --font-display:var(--display);
}

/* ---- Rahmen / Verpackung ---- */
#cockpit .ck-wrap{position:relative;max-width:1240px;margin:0 auto;padding:0 clamp(20px,5vw,44px)}
#cockpit .ck-glow{position:absolute;inset:-4% 6% 24% 6%;z-index:0;pointer-events:none;
  background:radial-gradient(60% 60% at 50% 0%,rgba(54,209,255,.16),transparent 70%);filter:blur(10px)}

#cockpit .dash-frame{
  position:relative;z-index:1;border-radius:16px;overflow:hidden;container-type:inline-size;
  border:1px solid var(--color-line);background:#0a0e16;
  box-shadow:0 40px 90px rgba(3,6,14,.6),inset 0 0 0 1px rgba(255,255,255,.02)}

/* Fensterleiste */
#cockpit .dash-bar{display:flex;align-items:center;gap:1.4cqw;padding:1.1cqw 1.6cqw;background:#0d1320;border-bottom:1px solid var(--color-line)}
#cockpit .dash-dots{display:flex;gap:.7cqw}
#cockpit .dash-dots i{width:1.1cqw;height:1.1cqw;border-radius:50%;background:#2a3242}
#cockpit .dash-dots i:nth-child(1){background:#ff5f57}
#cockpit .dash-dots i:nth-child(2){background:#febc2e}
#cockpit .dash-dots i:nth-child(3){background:#28c840}
#cockpit .dash-url{margin:0 auto;display:inline-flex;align-items:center;gap:.7cqw;font-size:1.25cqw;color:var(--color-muted);
  background:#070a12;border:1px solid var(--color-line);border-radius:999px;padding:.55cqw 1.5cqw}
#cockpit .dash-url svg{color:#5bd98a}
#cockpit .dash-live{display:inline-flex;align-items:center;gap:.6cqw;font-size:1.15cqw;color:#5bd98a;font-weight:600}
#cockpit .dash-live i{width:.9cqw;height:.9cqw;border-radius:50%;background:#5bd98a;box-shadow:0 0 0 0 rgba(91,217,138,.5);animation:ckpulse 2s infinite}
@keyframes ckpulse{0%{box-shadow:0 0 0 0 rgba(91,217,138,.5)}70%{box-shadow:0 0 0 1.2cqw rgba(91,217,138,0)}100%{box-shadow:0 0 0 0 rgba(91,217,138,0)}}

#cockpit .dash-app{display:grid;grid-template-columns:19cqw 1fr;height:51cqw;overflow:hidden;position:relative}

/* Sidebar */
#cockpit .dash-side{background:#0b1018;border-right:1px solid var(--color-line);padding:1.8cqw 1.3cqw;display:flex;flex-direction:column;gap:1.4cqw}
#cockpit .ds-brand{display:flex;align-items:center;gap:.9cqw}
#cockpit .ds-logo{width:2.4cqw;height:2.4cqw;border-radius:.7cqw;background:linear-gradient(135deg,rgb(var(--accent)),var(--color-indigo));
  box-shadow:0 .4cqw 1.2cqw rgba(var(--accent),.4);display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:1.5cqw;color:#07121b}
#cockpit .ds-brand-name{font-family:var(--font-display);font-size:1.7cqw;line-height:1}
#cockpit .ds-brand-name b{color:var(--color-paper);font-weight:700}
#cockpit .ds-brand-name i{color:var(--color-muted);font-style:normal;font-weight:500}
#cockpit .ds-nav{display:flex;flex-direction:column;gap:.4cqw;margin-top:.6cqw}
#cockpit .ds-link{display:flex;align-items:center;gap:1cqw;padding:.95cqw 1cqw;border-radius:.9cqw;font-size:1.35cqw;color:#93a0b6;
  background:none;border:none;cursor:pointer;text-align:left;font-family:inherit;transition:background .2s,color .2s}
#cockpit .ds-link svg{width:1.7cqw;height:1.7cqw;opacity:.85;flex:none}
#cockpit .ds-link:hover{color:var(--color-paper);background:rgba(255,255,255,.03)}
#cockpit .ds-link.on{background:linear-gradient(100deg,rgba(var(--accent),.16),rgba(79,124,255,.08));color:var(--color-paper);box-shadow:inset 0 0 0 1px rgba(var(--accent),.25)}
#cockpit .ds-link.on svg{color:rgb(var(--accent));opacity:1}
#cockpit .ds-user{margin-top:auto;display:flex;align-items:center;gap:.9cqw;padding-top:1.2cqw;border-top:1px solid var(--color-line)}
#cockpit .ds-ava{width:2.6cqw;height:2.6cqw;border-radius:50%;display:grid;place-items:center;font-size:1.15cqw;font-weight:700;color:#07121b;
  background:linear-gradient(135deg,#7fe0ff,rgb(var(--accent)));flex:none}
#cockpit .ds-uinfo{display:flex;flex-direction:column;line-height:1.25}
#cockpit .ds-uinfo b{font-size:1.3cqw;color:var(--color-paper)}
#cockpit .ds-uinfo span{font-size:1.05cqw;color:var(--color-muted)}

/* Main */
#cockpit .dash-main{display:flex;flex-direction:column;min-width:0;min-height:0;position:relative}
#cockpit .dm-top{flex:none;display:flex;align-items:center;justify-content:space-between;gap:1cqw;padding:1.6cqw 1.8cqw;border-bottom:1px solid var(--color-line)}
#cockpit .dm-title{display:flex;flex-direction:column;line-height:1.2;min-width:0}
#cockpit .dm-title b{font-family:var(--font-display);font-weight:700;font-size:2.1cqw;color:var(--color-paper);outline:none}
#cockpit .dm-title span{font-size:1.2cqw;color:var(--color-muted)}
#cockpit .dm-tools{display:flex;align-items:center;gap:.9cqw;flex:none}
#cockpit .dm-range{display:inline-flex;align-items:center;gap:.6cqw;font-size:1.2cqw;color:rgb(var(--accent));background:#0e1422;
  border:1px solid rgba(var(--accent),.3);border-radius:999px;padding:.7cqw 1.3cqw;font-family:inherit;cursor:pointer}
#cockpit .dm-range:hover{border-color:rgba(var(--accent),.55)}
#cockpit .dm-action{font-family:var(--font-display);font-weight:600;font-size:1.25cqw;color:#07121b;
  background:linear-gradient(100deg,rgb(var(--accent)),var(--color-indigo));border:none;border-radius:999px;padding:.8cqw 1.5cqw;cursor:pointer;
  box-shadow:0 .5cqw 1.5cqw rgba(var(--accent),.3);white-space:nowrap}
#cockpit .dm-action:hover{filter:brightness(1.08)}

#cockpit .dm-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:1.8cqw;display:flex;flex-direction:column;gap:1.6cqw;
  scrollbar-width:thin;scrollbar-color:rgba(var(--accent),.3) transparent}
#cockpit .dm-scroll::-webkit-scrollbar{width:.8cqw}
#cockpit .dm-scroll::-webkit-scrollbar-thumb{background:rgba(138,147,166,.3);border-radius:999px}
#cockpit .view{display:flex;flex-direction:column;gap:1.6cqw}
#cockpit .view[hidden]{display:none}

#cockpit .d-card{background:linear-gradient(180deg,rgba(20,26,40,.6),rgba(13,18,29,.55));border:1px solid var(--color-line);border-radius:1.4cqw}

/* KPIs */
#cockpit .dm-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2cqw}
#cockpit .kpi{padding:1.4cqw;display:flex;flex-direction:column;gap:.6cqw;align-items:stretch;text-align:left;cursor:pointer;font-family:inherit;
  background:linear-gradient(180deg,rgba(20,26,40,.6),rgba(13,18,29,.55));transition:border-color .2s,transform .1s}
#cockpit button.kpi:hover{border-color:rgba(var(--accent),.4)}
#cockpit button.kpi:active{transform:translateY(1px)}
#cockpit .kpi-label{font-size:1.15cqw;color:var(--color-muted)}
#cockpit .kpi-val{font-family:var(--font-display);font-weight:700;font-size:2.6cqw;color:var(--color-paper);letter-spacing:-.01em}
#cockpit .kpi-foot{display:flex;align-items:center;justify-content:space-between;gap:.8cqw}
#cockpit .kpi-trend{font-size:1.1cqw;font-weight:600;color:#5bd98a;background:rgba(91,217,138,.12);padding:.25cqw .8cqw;border-radius:999px;white-space:nowrap}
#cockpit .kpi-trend.warn{color:#ffce6b;background:rgba(255,206,107,.13)}
#cockpit .kpi-spark{width:9cqw;height:3.2cqw}
#cockpit .kpi-spark polyline{fill:none;stroke:rgb(var(--accent));stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* Karten-Kopf */
#cockpit .card-head{display:flex;align-items:center;justify-content:space-between;gap:1cqw;padding:1.4cqw 1.5cqw 0}
#cockpit .card-head b{font-family:var(--font-display);font-weight:600;font-size:1.55cqw;color:var(--color-paper)}
#cockpit .chip-up{font-size:1.05cqw;font-weight:600;color:#5bd98a;background:rgba(91,217,138,.12);padding:.25cqw .8cqw;border-radius:999px}
#cockpit .ch-total{font-size:1.15cqw;font-weight:600;color:var(--color-paper);background:rgba(var(--accent),.08);border:1px solid var(--color-line);padding:.3cqw .85cqw;border-radius:999px}

/* ---- Übersicht: prominentes steigendes Flächendiagramm (Video-End-Frame) ---- */
#cockpit .chart-hero{overflow:hidden}
#cockpit .area-wrap{padding:1.2cqw 1.6cqw 1cqw}
#cockpit .area-chart{width:100%;height:auto;display:block;overflow:visible}
#cockpit .area-chart text{font-family:var(--sans)}

/* Zwei-Spalten-Reihe */
#cockpit .dm-mid{display:grid;grid-template-columns:1.25fr 1fr;gap:1.2cqw}

/* Donut + Legende */
#cockpit .split-body{display:flex;align-items:center;gap:1.3cqw;padding:1.5cqw}
#cockpit .donut{position:relative;width:12cqw;height:12cqw;flex:none;border-radius:50%;
  background:conic-gradient(rgb(var(--accent)) 0 var(--d1,42%),var(--color-indigo) var(--d1,42%) var(--d2,73%),#8a6cff var(--d2,73%) var(--d3,91%),#46546b var(--d3,91%) 100%)}
#cockpit .donut-hole{position:absolute;inset:28%;border-radius:50%;background:#0c111b;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
#cockpit .legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6cqw;flex:1;min-width:0}
#cockpit .lg-row{display:grid;grid-template-columns:auto 1fr auto;column-gap:.9cqw;align-items:center;width:100%;background:none;border:none;cursor:pointer;padding:.4cqw;border-radius:.6cqw;font-family:inherit}
#cockpit .lg-row:hover{background:rgba(255,255,255,.04)}
#cockpit .lg-row i{width:1.2cqw;height:1.2cqw;border-radius:.3cqw;flex:none}
#cockpit .lg-name{font-size:1.2cqw;color:#cdd5e2;white-space:nowrap;text-align:left}
#cockpit .lg-val{font-size:1.05cqw;color:var(--color-muted);white-space:nowrap}
#cockpit .lg1{background:rgb(var(--accent))}#cockpit .lg2{background:var(--color-indigo)}#cockpit .lg3{background:#8a6cff}#cockpit .lg4{background:#46546b}

/* Agenda (Heute in der Werkstatt) */
#cockpit .agenda{list-style:none;margin:0;padding:.6cqw 1.5cqw 1.4cqw;display:flex;flex-direction:column;gap:.9cqw}
#cockpit .ag-item{display:flex;align-items:center;gap:1.1cqw;padding:1cqw;border-radius:.9cqw;background:#0e1422;border:1px solid var(--color-line);width:100%;cursor:pointer;text-align:left;font-family:inherit}
#cockpit .ag-item:hover{border-color:rgba(var(--accent),.4)}
#cockpit .ag-time{font-family:var(--font-display);font-weight:700;font-size:1.35cqw;color:rgb(var(--accent))}
#cockpit .ag-info{display:flex;flex-direction:column;line-height:1.3}
#cockpit .ag-info b{font-size:1.3cqw;color:var(--color-paper)}
#cockpit .ag-info span{font-size:1.1cqw;color:var(--color-muted)}

/* Filter-Pills / Mini-KPIs / Tabellen */
#cockpit .pillbar{display:flex;gap:.7cqw;flex-wrap:wrap}
#cockpit .pill{font-size:1.2cqw;color:#aab4c6;background:#0e1422;border:1px solid var(--color-line);border-radius:999px;padding:.6cqw 1.3cqw;cursor:pointer;font-family:inherit}
#cockpit .pill.on{color:#07121b;background:rgb(var(--accent));border-color:transparent;font-weight:600}
#cockpit .mini-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2cqw}
#cockpit .mini-kpi{background:rgba(255,255,255,.03);border:1px solid var(--color-line);border-radius:1cqw;padding:1.1cqw 1.3cqw;display:flex;flex-direction:column;gap:.4cqw}
#cockpit .mk-l{font-size:1.1cqw;color:var(--color-muted)}
#cockpit .mk-v{font-family:var(--font-display);font-weight:700;font-size:1.9cqw;color:var(--color-paper)}

#cockpit .tbl{padding:.6cqw 1.5cqw 1.2cqw;display:flex;flex-direction:column}
#cockpit .tbl-cust .tbl-row{grid-template-columns:2fr 1fr 1.1fr 1.5fr 1.2fr .9fr .5cqw}
#cockpit .tbl-row{display:grid;align-items:center;gap:.8cqw;padding:1cqw 0;border-bottom:1px solid rgba(138,147,166,.1);font-size:max(1.2cqw,.68rem);text-align:left;width:100%;color:var(--color-paper)}
#cockpit .tbl-row.thead{font-size:max(1cqw,.62rem);color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em}
#cockpit .crow{transition:background .2s}
#cockpit .crow:hover{background:rgba(255,255,255,.03)}
#cockpit .t-mut{color:var(--color-muted)}#cockpit .t-amt{color:var(--color-paper);font-weight:600}
#cockpit .c-name{display:flex;align-items:center;gap:.9cqw;color:var(--color-paper)}
/* Namens-Zelle ist jetzt ein echter Button (a11y): Reset + volle Zellbreite */
#cockpit .c-cell{min-width:0}
#cockpit button.c-name{background:none;border:0;padding:0;font:inherit;cursor:pointer;width:100%;text-align:left}
#cockpit button.c-name:hover{color:#fff}
#cockpit .c-actions{display:flex;justify-content:flex-end}
#cockpit .c-ava{width:2.2cqw;height:2.2cqw;border-radius:50%;display:grid;place-items:center;font-size:1cqw;font-weight:700;color:#07121b;flex:none}
#cockpit .c1{background:linear-gradient(135deg,#7fe0ff,#36d1ff)}#cockpit .c2{background:linear-gradient(135deg,#9b8bff,#6c5cff)}#cockpit .c3{background:linear-gradient(135deg,#7bd86b,#36d1a8)}#cockpit .c4{background:linear-gradient(135deg,#ffce6b,#ff9e5c)}#cockpit .c5{background:linear-gradient(135deg,#ff9ec4,#ff6b9d)}
#cockpit .crow-del{width:2.2cqw;height:2.2cqw;border-radius:50%;background:#0e1422;border:1px solid var(--color-line);color:#8a93a6;
  cursor:pointer;font-size:1.4cqw;line-height:1;display:grid;place-items:center;padding:0;flex:none;transition:color .2s,border-color .2s}
#cockpit .crow-del:hover{color:#ff6b6b;border-color:rgba(255,107,107,.5)}
#cockpit .crow.flash{animation:ckrowflash 1.6s ease}
@keyframes ckrowflash{0%{background:rgba(var(--accent),.28)}100%{background:transparent}}

#cockpit .badge{font-size:1.05cqw;font-weight:600;padding:.3cqw .9cqw;border-radius:999px;white-space:nowrap}
#cockpit .badge.ok{color:#5bd98a;background:rgba(91,217,138,.13)}
#cockpit .badge.work{color:rgb(var(--accent));background:rgba(var(--accent),.13)}
#cockpit .badge.open{color:#ffce6b;background:rgba(255,206,107,.13)}

/* ---- Inhalte & Bilder ---- */
#cockpit .media-intro{font-size:1.2cqw;color:var(--color-muted);padding:.2cqw .2cqw 0}
#cockpit .media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2cqw}
#cockpit .media-tile{position:relative;border-radius:1.1cqw;overflow:hidden;border:1px solid var(--color-line);background:#0e1422;margin:0;display:flex;flex-direction:column}
#cockpit .media-tile.flash{animation:ckrowflash 1.6s ease}
#cockpit .mt-img{aspect-ratio:4/3;width:100%;display:block;background-size:cover;background-position:center;object-fit:cover}
#cockpit .mt-cap{font-size:1.1cqw;color:#cdd5e2;padding:.8cqw 1cqw;border-top:1px solid var(--color-line)}
#cockpit .mt-del{position:absolute;top:.7cqw;right:.7cqw;width:2.4cqw;height:2.4cqw;border-radius:50%;border:none;
  background:rgba(6,9,16,.7);color:#fff;font-size:1.5cqw;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0;backdrop-filter:blur(4px);transition:background .2s}
#cockpit .mt-del:hover{background:rgba(255,107,107,.85)}
#cockpit .media-add{border:1px dashed rgba(var(--accent),.5);background:rgba(var(--accent),.05);color:rgb(var(--accent));cursor:pointer;font-family:inherit;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6cqw;min-height:100%;aspect-ratio:auto;padding:1.4cqw}
#cockpit .media-add .plus{font-size:3.4cqw;font-weight:300;line-height:1}
#cockpit .media-add .add-l{font-size:1.15cqw;font-weight:600;text-align:center}
#cockpit .media-add:hover{background:rgba(var(--accent),.1)}
#cockpit .media-foot{display:flex;align-items:center;gap:.8cqw;font-size:1.15cqw;color:var(--color-muted);padding-top:.4cqw}
#cockpit .media-file-lbl{color:rgb(var(--accent));cursor:pointer;text-decoration:underline;text-underline-offset:.2cqw}
#cockpit .media-file-lbl input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
/* Versteckter Datei-Input bleibt fokussierbar -> sichtbaren Fokus aufs Label spiegeln (WCAG 2.4.7) */
#cockpit .media-file-lbl:focus-within{outline:2px solid rgb(var(--accent));outline-offset:2px;border-radius:.3cqw}

/* ---- Auswertung: Balken / Listen / Stack ---- */
#cockpit .bars{display:flex;align-items:flex-end;gap:1.1cqw;height:22cqw;padding:1.4cqw 1.5cqw 1.2cqw}
#cockpit .bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:.7cqw;height:100%;justify-content:flex-end;background:none;border:none;cursor:pointer;padding:0}
#cockpit .bar{width:100%;max-width:2.4cqw;border-radius:.5cqw .5cqw 0 0;height:var(--h);background:linear-gradient(180deg,#2b5f8a,#1c3450);min-height:.6cqw;transition:filter .2s}
#cockpit .bar-col:hover .bar{filter:brightness(1.3)}
#cockpit .bar.hot{background:linear-gradient(180deg,rgb(var(--accent)),#5bd98a);box-shadow:0 0 1.4cqw rgba(var(--accent),.5)}
#cockpit .bar-m{font-size:1cqw;color:var(--color-muted)}
#cockpit .bar-list{padding:1.2cqw 1.5cqw 1.4cqw;display:flex;flex-direction:column;gap:.9cqw}
#cockpit .bl-row{display:grid;grid-template-columns:8cqw 1fr auto;gap:1cqw;align-items:center;background:none;border:none;cursor:pointer;font-family:inherit;padding:.3cqw;border-radius:.6cqw}
#cockpit .bl-row:hover{background:rgba(255,255,255,.04)}
#cockpit .bl-name{font-size:1.15cqw;color:#cdd5e2;text-align:left;white-space:nowrap}
#cockpit .bl-track{height:1.4cqw;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}
#cockpit .bl-track i{display:block;height:100%;border-radius:999px}
#cockpit .bl-val{font-size:1.15cqw;color:var(--color-paper);font-weight:600;white-space:nowrap}
#cockpit .stack-wrap{padding:1.4cqw 1.5cqw;display:flex;flex-direction:column;gap:1.2cqw}
#cockpit .stack{display:flex;height:2.2cqw;border-radius:999px;overflow:hidden;gap:.2cqw}
#cockpit .stack i{display:block;height:100%}
#cockpit .st-ok{background:#5bd98a}#cockpit .st-work{background:rgb(var(--accent))}#cockpit .st-open{background:#ffce6b}
#cockpit .stack-leg{list-style:none;margin:0;padding:0;display:flex;gap:1.4cqw;flex-wrap:wrap}
#cockpit .stack-leg li{display:flex;align-items:center;gap:.6cqw;font-size:1.15cqw;color:#cdd5e2}
#cockpit .stack-leg i{width:1.1cqw;height:1.1cqw;border-radius:.3cqw}

/* ---- Einstellungen ---- */
#cockpit .set-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2cqw}
#cockpit .set-card{padding-bottom:1.4cqw}
#cockpit .set-hint{font-size:1cqw;color:#5bd98a;background:rgba(91,217,138,.12);padding:.2cqw .7cqw;border-radius:999px}
#cockpit .set-body{padding:1.2cqw 1.5cqw 0;display:flex;flex-direction:column;gap:1cqw}
#cockpit .field{display:flex;flex-direction:column;gap:.4cqw}
#cockpit .field span{font-size:1.05cqw;color:var(--color-muted)}
#cockpit .field input,#cockpit .field select{background:#0e1422;border:1px solid var(--color-line);border-radius:.7cqw;padding:.8cqw 1cqw;color:var(--color-paper);font-family:inherit;font-size:1.2cqw;width:100%;box-sizing:border-box}
#cockpit .field input:focus,#cockpit .field select:focus{outline:none;border-color:rgba(var(--accent),.5)}
#cockpit .set-lbl{font-size:1.1cqw;color:var(--color-muted)}
#cockpit .swatches{display:flex;gap:.8cqw}
#cockpit .swatch{width:2.6cqw;height:2.6cqw;border-radius:50%;border:2px solid transparent;cursor:pointer}
#cockpit .swatch.on{border-color:var(--color-paper);box-shadow:0 0 0 .3cqw rgba(255,255,255,.08)}
#cockpit .sw1{background:#36d1ff}#cockpit .sw2{background:#4f7cff}#cockpit .sw3{background:#8a6cff}#cockpit .sw4{background:#5bd98a}#cockpit .sw5{background:#ff8a5c}
#cockpit .dropzone{border:1px dashed var(--color-line);border-radius:.9cqw;padding:1.2cqw;text-align:center;font-size:1.1cqw;color:var(--color-muted)}
#cockpit .dropzone em{color:rgb(var(--accent));font-style:normal}
#cockpit .set-row{display:flex;align-items:center;justify-content:space-between;gap:1cqw;background:none;border:none;cursor:pointer;font-family:inherit;font-size:1.2cqw;color:var(--color-paper);padding:.5cqw 0;text-align:left}
#cockpit .toggle{width:3.4cqw;height:1.9cqw;border-radius:999px;background:#2a3242;position:relative;flex:none;transition:background .2s}
#cockpit .toggle::after{content:'';position:absolute;top:.25cqw;left:.25cqw;width:1.4cqw;height:1.4cqw;border-radius:50%;background:#fff;transition:transform .2s}
#cockpit .toggle.on{background:rgb(var(--accent))}
#cockpit .toggle.on::after{transform:translateX(1.5cqw)}
#cockpit .plan-row{display:flex;align-items:center;gap:.9cqw;font-family:var(--font-display);font-size:1.5cqw;color:var(--color-paper)}
#cockpit .plan-meta{font-size:1.1cqw;color:var(--color-muted);margin:0}
#cockpit .team{display:flex;align-items:center;gap:.9cqw;margin-top:.4cqw}
#cockpit .tm-i{display:flex;flex-direction:column;line-height:1.25}
#cockpit .tm-i b{font-size:1.2cqw;color:var(--color-paper)}#cockpit .tm-i span{font-size:1cqw;color:var(--color-muted)}
#cockpit .tm-add{margin-left:auto;font-size:1.1cqw;color:rgb(var(--accent));background:none;border:none;cursor:pointer;font-family:inherit}

/* ---- Overlay / Modal ---- */
#cockpit .dm-overlay{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:2cqw;background:rgba(6,9,16,.62)}
@supports ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){#cockpit .dm-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(6,9,16,.5)}}
#cockpit .dm-overlay[hidden]{display:none}
#cockpit .dm-panel{width:min(92%,52cqw);max-height:90%;overflow-y:auto;background:#0c1320;border:1px solid var(--color-line);border-radius:1.4cqw;box-shadow:0 2cqw 6cqw rgba(0,0,0,.5);scrollbar-width:thin}
#cockpit .det-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1cqw;padding:1.6cqw 1.8cqw 1cqw}
#cockpit .det-bc{font-size:1.1cqw;color:var(--color-muted)}
#cockpit .det-x{width:2.6cqw;height:2.6cqw;border-radius:50%;background:#0e1422;border:1px solid var(--color-line);color:#aab4c6;cursor:pointer;font-size:1.5cqw;line-height:1;flex:none}
#cockpit .det-x:hover{color:var(--color-paper)}
#cockpit .det-title{font-family:var(--font-display);font-weight:700;font-size:2cqw;color:var(--color-paper);padding:0 1.8cqw}
#cockpit .det-sub{font-size:1.15cqw;color:var(--color-muted);padding:.4cqw 1.8cqw 0}
#cockpit .det-body{padding:1.4cqw 1.8cqw 1.8cqw;display:flex;flex-direction:column;gap:1.2cqw}

/* Modal-Formular */
#cockpit .dm-form{display:flex;flex-direction:column;gap:1.1cqw}
#cockpit .dm-form .field.invalid input{border-color:#ff6b6b}
#cockpit .field-err{font-size:1cqw;color:#ff6b6b}
#cockpit .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1cqw}
#cockpit .seg-input{display:flex;gap:.6cqw}
#cockpit .seg-input button{flex:1;font-size:1.15cqw;padding:.7cqw;border-radius:.7cqw;border:1px solid var(--color-line);background:#0e1422;color:#aab4c6;cursor:pointer;font-family:inherit}
#cockpit .seg-input button.on{background:rgb(var(--accent));color:#07121b;border-color:transparent;font-weight:600}
#cockpit .form-actions{display:flex;justify-content:flex-end;gap:.9cqw;padding-top:.6cqw}
#cockpit .det-btn{font-size:1.2cqw;font-family:var(--font-display);font-weight:600;border-radius:.9cqw;padding:.8cqw 1.4cqw;cursor:pointer;border:1px solid var(--color-line);background:#0e1422;color:var(--color-paper)}
#cockpit .det-btn.primary{background:linear-gradient(100deg,rgb(var(--accent)),var(--color-indigo));color:#07121b;border:none}

/* Toast */
#cockpit .dm-toast{position:absolute;left:50%;bottom:2cqw;transform:translateX(-50%);z-index:40;background:#0e1422;border:1px solid rgba(var(--accent),.4);color:var(--color-paper);font-size:1.2cqw;padding:.9cqw 1.6cqw;border-radius:999px;box-shadow:0 1cqw 3cqw rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .2s}
#cockpit .dm-toast.is-shown{opacity:1}
#cockpit .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Vertrauens-Tags */
#cockpit .ck-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1.8rem}
#cockpit .ck-tags span{font-size:.85rem;color:var(--color-muted);background:rgba(16,20,31,.5);border:1px solid var(--color-line);border-radius:999px;padding:.5rem 1rem}
#cockpit .ck-tags b{color:var(--color-paper);font-weight:600}

/* ---- Topbar: Suche + Glocke ---- */
#cockpit .dm-search{display:inline-flex;align-items:center;gap:.6cqw;font-size:1.2cqw;color:#aab4c6;background:#0e1422;border:1px solid var(--color-line);border-radius:999px;padding:.7cqw 1.3cqw;cursor:pointer;font-family:inherit}
#cockpit .dm-search:hover{color:var(--color-paper);border-color:rgba(var(--accent),.4)}
#cockpit .dm-search[hidden]{display:none}
#cockpit .dm-search-input{font-size:1.2cqw;color:var(--color-paper);background:#0e1422;border:1px solid rgba(var(--accent),.45);border-radius:999px;padding:.7cqw 1.3cqw;width:15cqw;font-family:inherit}
#cockpit .dm-search-input:focus{outline:none;border-color:rgba(var(--accent),.7)}
#cockpit .dm-search-input[hidden]{display:none}
#cockpit .dm-search-input::placeholder{color:var(--color-muted)}
#cockpit .bell-wrap{position:relative;display:inline-flex}
#cockpit .dm-bell{position:relative;display:grid;place-items:center;width:3cqw;height:3cqw;border-radius:50%;color:#aab4c6;background:#0e1422;border:1px solid var(--color-line);cursor:pointer}
#cockpit .dm-bell:hover{color:var(--color-paper);border-color:rgba(var(--accent),.4)}
#cockpit .dm-bell em{position:absolute;top:.5cqw;right:.6cqw;width:.9cqw;height:.9cqw;border-radius:50%;background:#ff6b6b;border:1.5px solid #0a0e16}
#cockpit .dm-bell em[hidden]{display:none}
#cockpit .bell-pop{position:absolute;right:0;top:calc(100% + .7cqw);width:27cqw;z-index:80;background:#0c1320;border:1px solid var(--color-line);border-radius:1.1cqw;padding:.9cqw;display:flex;flex-direction:column;gap:.6cqw;box-shadow:0 2cqw 5cqw rgba(0,0,0,.55)}
#cockpit .bell-pop[hidden]{display:none}
#cockpit .bp-head{margin:0;font-family:var(--font-display);font-size:1.05cqw;color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em;padding:.2cqw .3cqw}
#cockpit .notif{display:flex;gap:.9cqw;align-items:flex-start;padding:1cqw;border-radius:.9cqw;background:#0e1422;border:1px solid var(--color-line);cursor:pointer;text-align:left;width:100%;font-family:inherit}
#cockpit .notif:hover{border-color:rgba(var(--accent),.4)}
#cockpit .notif-dot{width:1cqw;height:1cqw;border-radius:50%;margin-top:.4cqw;flex:none}
#cockpit .nd-ok{background:#5bd98a}#cockpit .nd-info{background:rgb(var(--accent))}
#cockpit .notif-txt b{font-size:1.2cqw;color:var(--color-paper);display:block}
#cockpit .notif-txt span{font-size:1.05cqw;color:var(--color-muted)}

/* ---- Aufträge-Tabelle ---- */
#cockpit .tbl-orders .tbl-row{grid-template-columns:1fr 1.8fr 1fr 2.1fr 1fr 1.1fr}
#cockpit button.tbl-row{background:none;border:none;border-bottom:1px solid rgba(138,147,166,.1);cursor:pointer;font-family:inherit}
#cockpit button.tbl-row:hover{background:rgba(255,255,255,.03)}
#cockpit .t-id{color:var(--color-muted)}
#cockpit .t-k{color:var(--color-paper)}
#cockpit .orow.flash{animation:ckrowflash 1.6s ease}
#cockpit .tbl-note{font-size:1.05cqw;color:var(--color-muted);margin:0;padding:0 .2cqw}
#cockpit .no-hits{font-size:1.2cqw;color:var(--color-muted);padding:1.2cqw .2cqw;text-align:center}
#cockpit .no-hits[hidden]{display:none}
#cockpit .mk-v em{font-style:normal;font-size:1.2cqw;font-weight:500;color:var(--color-muted)}

/* ---- Termine: Wochenstreifen + Timeline + Kommende Tage ---- */
#cockpit .weekstrip{display:grid;grid-template-columns:repeat(7,1fr);gap:.8cqw}
#cockpit .ws-day{display:flex;flex-direction:column;align-items:center;gap:.3cqw;padding:.9cqw 0;border-radius:.9cqw;background:rgba(255,255,255,.03);border:1px solid var(--color-line)}
#cockpit .ws-day i{font-style:normal;font-size:1cqw;color:var(--color-muted);white-space:nowrap}
#cockpit .ws-day b{font-family:var(--font-display);font-size:1.6cqw;color:var(--color-paper)}
#cockpit .ws-dot{font-size:.9cqw;color:rgb(var(--accent));height:1cqw;line-height:1}
#cockpit .ws-day.on{background:linear-gradient(160deg,rgba(var(--accent),.18),rgba(79,124,255,.08));border-color:rgba(var(--accent),.35)}
#cockpit .ws-day.on i{color:rgb(var(--accent));font-weight:600}
#cockpit .t-mid{grid-template-columns:1.5fr 1fr}
#cockpit .timeline{padding:1.2cqw 1.5cqw 1.4cqw;display:flex;flex-direction:column;gap:.9cqw}
#cockpit .tl-event{display:grid;grid-template-columns:auto 1fr auto;gap:1cqw;align-items:center;padding:1cqw 1.2cqw;border-radius:1cqw;background:#0e1422;border:1px solid var(--color-line);border-left:.4cqw solid #46546b;cursor:pointer;text-align:left;font-family:inherit;width:100%}
#cockpit .tl-event:hover{border-color:rgba(var(--accent),.4)}
#cockpit .tl-event.a1{border-left-color:rgb(var(--accent))}
#cockpit .tl-event.a2{border-left-color:var(--color-indigo)}
#cockpit .tl-event.a3{border-left-color:#8a6cff}
#cockpit .tl-event.flash,#cockpit .ag-item.flash{animation:ckrowflash 1.6s ease}
#cockpit .tl-time{font-family:var(--font-display);font-weight:700;font-size:1.35cqw;color:var(--color-paper);display:flex;flex-direction:column}
#cockpit .tl-time em{font-style:normal;font-size:.95cqw;font-weight:500;color:var(--color-muted)}
#cockpit .tl-body{display:flex;flex-direction:column;min-width:0}
#cockpit .tl-body b{font-size:1.3cqw;color:var(--color-paper)}
#cockpit .tl-body span{font-size:1.05cqw;color:var(--color-muted)}
#cockpit .tl-art{font-size:.95cqw;font-weight:600;color:#aab4c6;background:rgba(255,255,255,.06);padding:.3cqw .8cqw;border-radius:999px;white-space:nowrap}
#cockpit .tl-free{font-size:1.05cqw;color:var(--color-muted);padding:.6cqw 0 0;text-align:center}
#cockpit .tl-add{color:rgb(var(--accent));background:none;border:none;cursor:pointer;font-family:inherit;font-size:1.05cqw}
#cockpit .upcoming .up-list{list-style:none;margin:0;padding:1cqw 1.5cqw 1.4cqw;display:flex;flex-direction:column;gap:.8cqw}
#cockpit .up-list li{display:flex;flex-direction:column;gap:.2cqw;padding:.9cqw 1cqw;border-radius:.9cqw;background:#0e1422;border:1px solid var(--color-line)}
#cockpit .up-d{color:rgb(var(--accent));font-family:var(--font-display);font-weight:600;font-size:1.05cqw}
#cockpit .up-n{color:#cdd5e2;font-size:1.15cqw}

/* ---- Drilldown-Details (Kunde/Auftrag) ---- */
#cockpit .det-title{display:flex;align-items:center;gap:.9cqw;flex-wrap:wrap}
#cockpit .det-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:1cqw}
#cockpit .det-kpi{background:rgba(255,255,255,.03);border:1px solid var(--color-line);border-radius:1cqw;padding:1cqw 1.1cqw}
#cockpit .det-kpi span{display:block;font-size:1cqw;color:var(--color-muted)}
#cockpit .det-kpi b{font-family:var(--font-display);font-size:1.7cqw;color:var(--color-paper)}
#cockpit .det-sec-h{font-size:1.15cqw;color:var(--color-muted);margin:.4cqw 0 0;text-transform:uppercase;letter-spacing:.05em}
#cockpit .det-line{display:flex;align-items:center;justify-content:space-between;gap:1cqw;font-size:1.25cqw;color:#cdd5e2;padding:.7cqw 0;border-bottom:1px solid rgba(138,147,166,.1)}
#cockpit .det-line b{color:var(--color-paper);display:inline-flex;align-items:center;gap:.6cqw;font-weight:600}
#cockpit .det-line-btn{width:100%;background:none;border-left:0;border-right:0;border-top:0;text-align:left;cursor:pointer;font-family:inherit}
#cockpit .det-line-btn:hover{background:rgba(255,255,255,.04)}
#cockpit .det-tot{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-display);font-size:1.6cqw;color:var(--color-paper);padding-top:.8cqw;border-top:1px solid var(--color-line)}
#cockpit .det-xref{display:flex;align-items:center;gap:.6cqw;font-size:1.15cqw;color:rgb(var(--accent));background:rgba(var(--accent),.08);border:1px solid rgba(var(--accent),.2);border-radius:.8cqw;padding:.8cqw 1.1cqw;cursor:pointer;font-family:inherit;align-self:flex-start}
#cockpit .det-cta{display:flex;gap:.9cqw;flex-wrap:wrap;padding-top:.4cqw}
#cockpit .det-steps{display:flex;gap:1.2cqw;align-items:center;flex-wrap:wrap}
#cockpit .det-steps i{font-style:normal;font-size:1.1cqw;color:var(--color-muted);display:flex;align-items:center;gap:.5cqw}
#cockpit .det-steps i.done{color:#5bd98a}
#cockpit .det-steps i.now{color:rgb(var(--accent));font-weight:600}
#cockpit .det-steps i::before{content:'●';font-size:.8cqw}

/* Dropzone als Button (Demo-Lock) */
#cockpit button.dropzone{width:100%;background:none;cursor:pointer;font-family:inherit}
#cockpit button.dropzone:hover{border-color:rgba(var(--accent),.45)}

@media (prefers-reduced-motion:reduce){#cockpit .dash-live i{animation:none}#cockpit .crow.flash,#cockpit .media-tile.flash,#cockpit .orow.flash,#cockpit .tl-event.flash,#cockpit .ag-item.flash{animation:none}}

/* ===== Mobil: gestapeltes, lesbares Layout ===== */
@media (max-width:600px){
  #cockpit .ck-wrap{overflow-x:clip}
  #cockpit .dash-app{display:flex;flex-direction:column;height:auto}
  #cockpit .dash-side{flex-direction:row;align-items:center;gap:.5rem;padding:.55rem .7rem;border-right:none;border-bottom:1px solid var(--color-line);overflow-x:auto;scrollbar-width:none;flex:none}
  #cockpit .dash-side::-webkit-scrollbar{display:none}
  #cockpit .ds-brand{gap:.45rem;flex:none}
  #cockpit .ds-logo{width:27px;height:27px;border-radius:7px;font-size:.95rem;box-shadow:0 2px 8px rgba(var(--accent),.4)}
  #cockpit .ds-brand-name{font-size:.9rem}
  #cockpit .ds-nav{flex-direction:row;gap:.3rem;margin-top:0;flex:none}
  #cockpit .ds-link{padding:.5rem .7rem;font-size:.8rem;border-radius:.6rem;gap:.4rem;white-space:nowrap}
  #cockpit .ds-link svg{width:16px;height:16px}
  #cockpit .ds-user{display:none}
  #cockpit .dm-top{flex-wrap:wrap;gap:.55rem;padding:.8rem .9rem}
  #cockpit .dm-title b{font-size:1.1rem}
  #cockpit .dm-title span{font-size:.72rem}
  #cockpit .dm-tools{gap:.4rem;flex-wrap:wrap}
  #cockpit .dm-range{font-size:.72rem;padding:.4rem .7rem}
  #cockpit .dm-action{font-size:.78rem;padding:.45rem .85rem}
  #cockpit .dm-scroll{max-height:none;padding:.9rem;gap:.9rem}
  #cockpit .view{gap:.9rem}
  #cockpit .d-card{border-radius:12px}
  #cockpit .dm-kpis{grid-template-columns:1fr 1fr;gap:.7rem}
  #cockpit .kpi{padding:.85rem;gap:.4rem}
  #cockpit .kpi-label{font-size:.72rem}
  #cockpit .kpi-val{font-size:1.35rem}
  #cockpit .kpi-trend{font-size:.64rem;padding:.12rem .5rem}
  #cockpit .kpi-spark{width:46px;height:18px}
  #cockpit .card-head{padding:.8rem .9rem 0;flex-wrap:wrap}
  #cockpit .card-head b{font-size:.95rem;min-width:0}
  #cockpit .chip-up,#cockpit .ch-total{font-size:.64rem;padding:.12rem .5rem}
  #cockpit .area-wrap{padding:.9rem .7rem .7rem}
  #cockpit .dm-mid{grid-template-columns:1fr;gap:.9rem}
  #cockpit .dm-mid>*{min-width:0}
  #cockpit .split-body{gap:.8rem;padding:.9rem}
  #cockpit .donut{width:88px;height:88px}
  #cockpit .legend{gap:.4rem;min-width:0}
  #cockpit .lg-row{padding:.25rem;column-gap:.45rem}
  #cockpit .lg-row i{width:9px;height:9px;border-radius:2px}
  #cockpit .lg-name{font-size:.76rem;white-space:normal;min-width:0}
  #cockpit .lg-val{font-size:.68rem}
  #cockpit .agenda{padding:.4rem .9rem .8rem;gap:.55rem}
  #cockpit .ag-item{gap:.6rem;padding:.65rem;border-radius:.6rem}
  #cockpit .ag-time{font-size:.82rem}
  #cockpit .ag-info b{font-size:.8rem}
  #cockpit .ag-info span{font-size:.68rem}
  #cockpit .pillbar{gap:.4rem}
  #cockpit .pill{font-size:.74rem;padding:.4rem .85rem}
  #cockpit .mini-kpis{gap:.55rem}
  #cockpit .mini-kpi{padding:.65rem .7rem}
  #cockpit .mk-l{font-size:.72rem}
  #cockpit .mk-v{font-size:1.15rem}
  #cockpit .tbl{padding:.4rem .9rem .8rem}
  #cockpit .tbl-row{font-size:.78rem;gap:.5rem;padding:.6rem 0}
  #cockpit .tbl-row.thead{font-size:.62rem}
  #cockpit .tbl-cust .tbl-row{grid-template-columns:1.8fr 1fr .8fr 24px}
  #cockpit .tbl-cust .tbl-row>:nth-child(3),#cockpit .tbl-cust .tbl-row>:nth-child(4){display:none}
  #cockpit .c-name{gap:.5rem}#cockpit .c-ava{width:22px;height:22px;font-size:.66rem}
  #cockpit .crow-del{width:24px;height:24px;font-size:1rem}
  #cockpit .badge{font-size:.62rem;padding:.16rem .5rem}
  #cockpit .media-grid{grid-template-columns:1fr 1fr;gap:.7rem}
  #cockpit .mt-cap{font-size:.72rem;padding:.5rem .6rem}
  #cockpit .mt-del{width:26px;height:26px;font-size:1rem;top:.4rem;right:.4rem}
  #cockpit .media-add .plus{font-size:2rem}
  #cockpit .media-add .add-l{font-size:.74rem}
  #cockpit .media-intro,#cockpit .media-foot{font-size:.76rem}
  #cockpit .bars{height:130px;gap:.28rem;padding:.8rem .7rem .7rem}
  #cockpit .bar{max-width:16px;border-radius:3px 3px 0 0}
  #cockpit .bar-m{font-size:.62rem}
  #cockpit .bar-list{padding:.8rem .9rem .9rem;gap:.55rem}
  #cockpit .bl-row{grid-template-columns:4.3rem 1fr auto;gap:.6rem}
  #cockpit .bl-name{font-size:.72rem}#cockpit .bl-track{height:9px}#cockpit .bl-val{font-size:.72rem}
  #cockpit .stack-wrap{padding:.9rem;gap:.7rem}
  #cockpit .stack{height:14px}#cockpit .stack-leg{gap:.8rem}#cockpit .stack-leg li{font-size:.72rem}#cockpit .stack-leg i{width:8px;height:8px}
  #cockpit .set-grid{grid-template-columns:1fr;gap:.8rem}
  #cockpit .set-hint{font-size:.64rem}
  #cockpit .set-body{padding:.8rem .9rem 0;gap:.7rem}
  #cockpit .field span{font-size:.72rem}
  #cockpit .field input,#cockpit .field select{font-size:.82rem;padding:.55rem .7rem;border-radius:.5rem}
  #cockpit .set-lbl{font-size:.72rem}
  #cockpit .swatch{width:26px;height:26px}#cockpit .swatch.on{box-shadow:0 0 0 3px rgba(255,255,255,.08)}
  #cockpit .dropzone{font-size:.72rem;padding:.8rem}
  #cockpit .set-row{font-size:.8rem}
  #cockpit .toggle{width:34px;height:19px}#cockpit .toggle::after{width:14px;height:14px;top:2.5px;left:2.5px}#cockpit .toggle.on::after{transform:translateX(15px)}
  #cockpit .plan-row{font-size:1rem}#cockpit .plan-meta{font-size:.72rem}
  #cockpit .tm-i b{font-size:.8rem}#cockpit .tm-i span{font-size:.66rem}#cockpit .tm-add{font-size:.72rem}
  #cockpit .dm-overlay{padding:.8rem}
  #cockpit .dm-panel{width:94%;max-height:92%;border-radius:14px}
  #cockpit .det-head{padding:.9rem 1rem .6rem;gap:.6rem}
  #cockpit .det-bc{font-size:.72rem}
  #cockpit .det-x{width:28px;height:28px;font-size:1rem}
  #cockpit .det-title{font-size:1.1rem;padding:0 1rem}
  #cockpit .det-sub{font-size:.72rem;padding:.3rem 1rem 0}
  #cockpit .det-body{padding:.9rem 1rem 1.1rem;gap:.8rem}
  #cockpit .dm-form{gap:.7rem}
  #cockpit .form-row{grid-template-columns:1fr;gap:.7rem}
  #cockpit .field-err{font-size:.66rem}
  #cockpit .det-btn{font-size:.8rem;padding:.55rem .9rem;border-radius:.6rem}
  #cockpit .dm-toast{font-size:.8rem;padding:.55rem 1rem;bottom:.8rem}
}

/* ===== Mobil: neue Komponenten (Suche, Glocke, Aufträge, Termine, Drilldowns) ===== */
@media (max-width:600px){
  #cockpit .dm-search{font-size:.72rem;padding:.4rem .7rem;gap:.35rem}
  #cockpit .dm-search-input{font-size:.78rem;padding:.4rem .7rem;width:8.5rem}
  #cockpit .dm-bell{width:30px;height:30px}
  #cockpit .dm-bell em{width:7px;height:7px;top:4px;right:5px}
  #cockpit .bell-pop{width:240px;border-radius:12px;padding:.5rem;gap:.4rem}
  #cockpit .bp-head{font-size:.6rem;padding:.15rem .2rem}
  #cockpit .notif{padding:.6rem;border-radius:.5rem;gap:.5rem}
  #cockpit .notif-dot{width:8px;height:8px;margin-top:4px}
  #cockpit .notif-txt b{font-size:.78rem}
  #cockpit .notif-txt span{font-size:.68rem}
  #cockpit .tbl-orders .tbl-row{grid-template-columns:1fr 1.6fr 1fr 1fr}
  #cockpit .tbl-orders .tbl-row>:nth-child(3),#cockpit .tbl-orders .tbl-row>:nth-child(4){display:none}
  #cockpit .tbl-note{font-size:.68rem}
  #cockpit .no-hits{font-size:.78rem;padding:.8rem 0}
  #cockpit .mk-v em{font-size:.74rem}
  #cockpit .weekstrip{gap:.3rem}
  #cockpit .ws-day{padding:.5rem 0;gap:.15rem;border-radius:.5rem}
  #cockpit .ws-day i{font-size:.62rem}
  #cockpit .ws-day b{font-size:.95rem}
  #cockpit .ws-dot{font-size:.55rem;height:.6rem}
  #cockpit .t-mid{grid-template-columns:1fr}
  #cockpit .timeline{padding:.8rem .9rem .9rem;gap:.55rem}
  #cockpit .tl-event{gap:.6rem;padding:.6rem .7rem;border-radius:.6rem;border-left-width:3px}
  #cockpit .tl-time{font-size:.82rem}
  #cockpit .tl-time em{font-size:.6rem}
  #cockpit .tl-body b{font-size:.8rem}
  #cockpit .tl-body span{font-size:.66rem}
  #cockpit .tl-art{font-size:.6rem;padding:.15rem .5rem}
  #cockpit .tl-free,#cockpit .tl-add{font-size:.7rem}
  #cockpit .upcoming .up-list{padding:.6rem .9rem .9rem;gap:.5rem}
  #cockpit .up-list li{padding:.55rem .7rem;border-radius:.6rem}
  #cockpit .up-d{font-size:.66rem}
  #cockpit .up-n{font-size:.72rem}
  #cockpit .det-kpis{grid-template-columns:1fr 1fr;gap:.6rem}
  #cockpit .det-kpi{padding:.6rem .7rem}
  #cockpit .det-kpi span{font-size:.66rem}
  #cockpit .det-kpi b{font-size:1.05rem}
  #cockpit .det-sec-h{font-size:.72rem}
  #cockpit .det-line{font-size:.8rem;padding:.5rem 0;gap:.6rem}
  #cockpit .det-tot{font-size:1rem}
  #cockpit .det-xref{font-size:.74rem;padding:.55rem .7rem}
  #cockpit .det-steps{gap:.7rem}
  #cockpit .det-steps i{font-size:.7rem}
}