/* Tab: cockpit — Dashboard (scoped via html.twenty-ui[data-crm-page="cockpit"])
   Raster aus Widgets (Kacheln, Listen, Diagramme) im Stil Salesforce-Home / Jira-Dashboard,
   gleiche Fläche wie die Seite, Haarlinien-Rahmen, Tokens aus twenty-ui.css. */
html.twenty-ui[data-crm-page="cockpit"] .twenty-cockpit{
  --ck-line:var(--crm-line,var(--bs-border-color));--ck-quiet:var(--crm-quiet,var(--bs-secondary-color));
  --ck-danger:#a13e36;--ck-link:var(--crm-accent);--ck-track:#eceff1;--ck-hover:rgba(23,86,118,.045);--ck-today:rgba(23,86,118,.08);
  --ck-gap:16px;--ck-pad:18px;display:block;max-width:1320px}
html.twenty-ui[data-bs-theme=dark][data-crm-page="cockpit"] .twenty-cockpit{--ck-danger:#f0948b;--ck-link:#8bc9e8;--ck-track:rgba(255,255,255,.12);--ck-hover:rgba(139,201,232,.08);--ck-today:rgba(139,201,232,.14)}
html.twenty-ui[data-crm-page="cockpit"] .twenty-cockpit>header{padding-bottom:16px!important;margin-bottom:var(--ck-gap)!important;background:transparent}
html.twenty-ui[data-crm-page="cockpit"] .ck-card,html.twenty-ui[data-crm-page="cockpit"] .ck-kpi{box-shadow:0 1px 2px rgba(16,24,40,.04)}
html.twenty-ui[data-bs-theme=dark][data-crm-page="cockpit"] .ck-card,html.twenty-ui[data-bs-theme=dark][data-crm-page="cockpit"] .ck-kpi{box-shadow:none}
html.twenty-ui[data-crm-page="cockpit"] .twenty-cockpit>header .pg-header-action-wrap{display:flex!important;gap:8px;align-items:center}
/* Legacy-React liefert weiterhin Wochenziel und Prioritätszahlen, ist aber nie eine sichtbare Zwischenansicht.
   Der Bootstrap-Marker steht vor dem Bundle; :has greift ab dem ersten React-Commit, vor den rAF-Dekoratoren.
   Erkennung auch ohne Daten (Laden, Lead-API-Fehler, Rückkehr über die Seitenleiste): Der React-Cockpit-Kopf ist der
   einzige mit Kopf-Aktion „Alle Leads öffnen“ (a.btn-secondary → /leads). Dann ist auch der alte Kopf sofort weg. */
html[data-crm-preview="twenty"] main>div:has(>.hk-pg-header .pg-header-action-wrap>a.btn-secondary[href="/leads"])>:not(.ck-dash),
html[data-crm-preview="twenty"] main>div:has([aria-label="Arbeitsprioritäten"])>:not(.ck-dash):not(.hk-pg-header),
html.twenty-ui .twenty-cockpit>:not(.ck-dash):not(.hk-pg-header){display:none!important}
/* Auch zwischen React-Mount und Dashboard-Modul bleibt ein ruhiges Ladeskelett sichtbar. */
html[data-crm-preview="twenty"] main>div:has(>.hk-pg-header .pg-header-action-wrap>a.btn-secondary[href="/leads"]):not(:has(>.ck-dash))::after,
html[data-crm-preview="twenty"] main>div:has([aria-label="Arbeitsprioritäten"]):not(:has(.ck-dash))::after{
  content:"";display:block;min-height:280px;border-radius:8px;
  background:linear-gradient(var(--vorlade-rand,#e2e0da),var(--vorlade-rand,#e2e0da)) 0 0/40% 24px no-repeat,
    repeating-linear-gradient(to bottom,var(--vorlade-rand,#e2e0da) 0 18px,transparent 18px 44px) 0 56px/100% 220px no-repeat}

/* Kopfzeile: Stand + Aktualisieren */
html.twenty-ui[data-crm-page="cockpit"] .ck-toolbar{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:var(--ck-quiet);white-space:nowrap}
html.twenty-ui[data-crm-page="cockpit"] .ck-toolbar .btn{min-height:36px;padding:6px 12px;font-size:13px}
html.twenty-ui[data-crm-page="cockpit"] .ck-toolbar .btn svg{width:15px;height:15px}
html.twenty-ui[data-crm-page="cockpit"] .ck-toolbar .btn.is-busy svg{animation:ck-spin 1s linear infinite}
@keyframes ck-spin{to{transform:rotate(360deg)}}

/* Einklappen (nur Handy) */
html.twenty-ui[data-crm-page="cockpit"] .ck-collapse{display:none;margin-left:auto;width:32px;height:32px;border:1px solid var(--ck-line);border-radius:8px;background:transparent;color:var(--ck-quiet);font-size:18px;line-height:1;align-items:center;justify-content:center;padding:0}
html.twenty-ui[data-crm-page="cockpit"] .ck-collapse span{display:inline-block;transition:transform .2s ease}
html.twenty-ui[data-crm-page="cockpit"] .ck-card.is-open .ck-collapse span{transform:rotate(90deg)}
/* Raster */
html.twenty-ui[data-crm-page="cockpit"] .ck-dash{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--ck-gap);align-items:stretch;min-width:0}
html.twenty-ui[data-crm-page="cockpit"] .ck-card{grid-column:span var(--span,4);min-width:0;display:flex;flex-direction:column;background:var(--crm-surface,var(--bs-body-bg));border:1px solid var(--ck-line);border-radius:var(--crm-radius,10px);overflow:hidden}
html.twenty-ui[data-crm-page="cockpit"] .ck-card-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:14px var(--ck-pad) 10px}
html.twenty-ui[data-crm-page="cockpit"] .ck-card-title{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;line-height:1.3;letter-spacing:0}
html.twenty-ui[data-crm-page="cockpit"] .ck-count{display:inline-flex;align-items:center;min-height:20px;padding:0 7px;border-radius:999px;background:var(--ck-track);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--bs-emphasis-color,var(--bs-body-color))}
html.twenty-ui[data-crm-page="cockpit"] .ck-card-sub{flex:1 1 100%;order:3;margin:0;font-size:12px;line-height:1.45;color:var(--ck-quiet)}
html.twenty-ui[data-crm-page="cockpit"] .ck-card-link{margin-left:auto;font-size:13px;font-weight:500;color:var(--ck-link);text-decoration:none;white-space:nowrap}
html.twenty-ui[data-crm-page="cockpit"] .ck-card-link::after{content:" →"}
html.twenty-ui[data-crm-page="cockpit"] .ck-card-link:hover{text-decoration:underline}
html.twenty-ui[data-crm-page="cockpit"] .ck-card-body{flex:1;padding:0 var(--ck-pad) 14px;min-width:0}
html.twenty-ui[data-crm-page="cockpit"] .ck-card-foot{padding:10px var(--ck-pad) 12px;border-top:1px solid var(--ck-line);font-size:12px;color:var(--ck-quiet);display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}
html.twenty-ui[data-crm-page="cockpit"] .ck-card-foot a{color:var(--ck-link);text-decoration:none}
html.twenty-ui[data-crm-page="cockpit"] .ck-card-foot a:hover{text-decoration:underline}

/* KPI-Kacheln */
html.twenty-ui[data-crm-page="cockpit"] .ck-kpis{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--ck-gap)}
html.twenty-ui[data-crm-page="cockpit"] .ck-kpi{display:flex;flex-direction:column;gap:4px;min-width:0;padding:14px 16px 12px;background:var(--crm-surface,var(--bs-body-bg));border:1px solid var(--ck-line);border-radius:var(--crm-radius,10px);text-decoration:none;color:inherit;transition:border-color .15s ease,background-color .15s ease}
html.twenty-ui[data-crm-page="cockpit"] .ck-kpi:hover{border-color:var(--ck-link);background:var(--ck-hover)}
html.twenty-ui[data-crm-page="cockpit"] .ck-kpi-label{font-size:12px;font-weight:500;color:var(--ck-quiet);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.twenty-ui[data-crm-page="cockpit"] .ck-kpi-value{font-size:30px;font-weight:600;line-height:1.05;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
html.twenty-ui[data-crm-page="cockpit"] .ck-kpi-ctx{font-size:12px;color:var(--ck-quiet);line-height:1.35;min-height:16px}
html.twenty-ui[data-crm-page="cockpit"] .ck-kpi.is-danger .ck-kpi-value{color:var(--ck-danger)}
html.twenty-ui[data-crm-page="cockpit"] .ck-kpi.is-accent .ck-kpi-value{color:var(--ck-link)}
html.twenty-ui[data-crm-page="cockpit"] .ck-kpi.is-warn .ck-kpi-value{color:var(--status-verkaufstermin,#b36b1a)}

/* Spaltenstapel (zwei Karten übereinander in einer Rasterzelle) */
html.twenty-ui[data-crm-page="cockpit"] .ck-stack{grid-column:span var(--span,5);display:flex;flex-direction:column;gap:var(--ck-gap);min-width:0}
html.twenty-ui[data-crm-page="cockpit"] .ck-stack>.ck-card{grid-column:auto}
html.twenty-ui[data-crm-page="cockpit"] .ck-stack>.ck-card:last-child{flex:1}
/* Kompakte Listen (schmale Karten): Meta-Zeile unter dem Titel */
html.twenty-ui[data-crm-page="cockpit"] .ck-card.is-compact .ck-row{flex-wrap:wrap;gap:4px 10px}
html.twenty-ui[data-crm-page="cockpit"] .ck-card.is-compact .ck-row-main{flex-basis:calc(100% - 22px)}
html.twenty-ui[data-crm-page="cockpit"] .ck-card.is-compact .ck-row-meta{order:3;flex-basis:100%}
html.twenty-ui[data-crm-page="cockpit"] .ck-card.is-compact .ck-row-meta .ck-chevron{display:none}
html.twenty-ui[data-crm-page="cockpit"] .ck-kpi-bar{display:block;height:5px;border-radius:999px;background:var(--ck-track);overflow:hidden;margin-top:4px}
html.twenty-ui[data-crm-page="cockpit"] .ck-kpi-bar-fill{display:block;height:100%;border-radius:999px;background:var(--crm-accent)}
html.twenty-ui[data-crm-page="cockpit"] .ck-kind{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--ck-quiet);margin-right:2px}
html.twenty-ui[data-crm-page="cockpit"] .ck-row-hint .ck-hint-n{flex:none;min-width:40px;text-align:right;font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--status-verkaufstermin,#b36b1a);line-height:1}
html.twenty-ui[data-crm-page="cockpit"] .ck-funnel-seg{display:inline-block;height:100%;vertical-align:top}
html.twenty-ui[data-crm-page="cockpit"] .ck-funnel-seg.is-planned{background:var(--seg);border-radius:4px 0 0 4px}
html.twenty-ui[data-crm-page="cockpit"] .ck-funnel-seg.is-overdue{background:var(--ck-danger)}
html.twenty-ui[data-crm-page="cockpit"] .ck-funnel-seg.is-old,html.twenty-ui[data-crm-page="cockpit"] .ck-dot-old{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--seg) 70%,transparent) 0 3px,color-mix(in srgb,var(--seg) 28%,transparent) 3px 6px)}
html.twenty-ui[data-crm-page="cockpit"] .ck-funnel-seg.is-none,html.twenty-ui[data-crm-page="cockpit"] .ck-dot-none{background:color-mix(in srgb,var(--seg) 22%,transparent)}
html.twenty-ui[data-crm-page="cockpit"] .ck-funnel-track{display:flex;white-space:nowrap}
/* Listen-Zeilen */
html.twenty-ui[data-crm-page="cockpit"] .ck-rows{display:flex;flex-direction:column}
html.twenty-ui[data-crm-page="cockpit"] .ck-row{display:flex;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--ck-line);text-decoration:none;color:inherit;min-width:0;border-radius:0}
html.twenty-ui[data-crm-page="cockpit"] .ck-row:first-child{border-top:0}
html.twenty-ui[data-crm-page="cockpit"] .ck-row:hover{background:var(--ck-hover);margin:0 calc(-1 * var(--ck-pad));padding-left:var(--ck-pad);padding-right:var(--ck-pad)}
html.twenty-ui[data-crm-page="cockpit"] .ck-row-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
html.twenty-ui[data-crm-page="cockpit"] .ck-row-title{font-size:14px;font-weight:500;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.twenty-ui[data-crm-page="cockpit"] .ck-row-sub{font-size:12px;color:var(--ck-quiet);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.twenty-ui[data-crm-page="cockpit"] .ck-row-meta{display:flex;align-items:center;gap:10px;flex:none}
html.twenty-ui[data-crm-page="cockpit"] .ck-when{font-size:12px;font-weight:500;color:var(--ck-quiet);font-variant-numeric:tabular-nums;white-space:nowrap}
html.twenty-ui[data-crm-page="cockpit"] .ck-row.is-overdue .ck-when{color:var(--ck-danger)}
html.twenty-ui[data-crm-page="cockpit"] .ck-row.is-today .ck-when{color:var(--ck-link)}
html.twenty-ui[data-crm-page="cockpit"] .ck-chevron{color:var(--ck-quiet);font-size:16px;line-height:1}
html.twenty-ui[data-crm-page="cockpit"] .ck-row-time{flex:none;width:52px;display:flex;flex-direction:column;line-height:1.2}
html.twenty-ui[data-crm-page="cockpit"] .ck-row-time-h{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}
html.twenty-ui[data-crm-page="cockpit"] .ck-row-time-d{font-size:12px;color:var(--ck-quiet)}
html.twenty-ui[data-crm-page="cockpit"] .ck-chip{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:500;line-height:1.5;white-space:nowrap;color:var(--chip,var(--ck-quiet));background:color-mix(in srgb,var(--chip,var(--ck-quiet)) 12%,transparent)}
html.twenty-ui[data-crm-page="cockpit"] .ck-chip .ck-dot{background:currentColor}
html.twenty-ui[data-crm-page="cockpit"] .ck-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex:none}
html.twenty-ui[data-crm-page="cockpit"] .ck-empty{margin:4px 0 2px;padding:14px;border:1px dashed var(--ck-line);border-radius:8px;font-size:13px;color:var(--ck-quiet);text-align:center}
html.twenty-ui[data-crm-page="cockpit"] .ck-empty-link{display:block;margin-top:4px;color:var(--ck-link);text-decoration:none}
html.twenty-ui[data-crm-page="cockpit"] .ck-note{font-size:12px;color:var(--ck-quiet);margin:10px 0 0;line-height:1.45}
html.twenty-ui[data-crm-page="cockpit"] .ck-note a{color:var(--ck-link);text-decoration:none}

/* Horizontale Balken */
html.twenty-ui[data-crm-page="cockpit"] .ck-hbars{display:flex;flex-direction:column;gap:7px}
html.twenty-ui[data-crm-page="cockpit"] .ck-hbar{display:grid;grid-template-columns:minmax(90px,44%) 1fr auto;align-items:center;gap:10px;font-size:13px;text-decoration:none;color:inherit;min-width:0}
/* Beschriftung bricht um statt „…“ (z. B. „Allgemein- und Familienmedizin“); volle Angabe bleibt im Tooltip. */
html.twenty-ui[data-crm-page="cockpit"] .ck-hbar-label{white-space:normal;overflow-wrap:break-word;line-height:1.25;min-width:0}
/* Lead-Quellen sind Domains: nie mitten im Wort umbrechen, sondern einzeilig mit „…“ kürzen; voller Text im Tooltip (title der Zeile). */
html.twenty-ui[data-crm-page="cockpit"] .ck-quellen .ck-hbar-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.twenty-ui[data-crm-page="cockpit"] .ck-hbar-track{height:8px;border-radius:999px;background:var(--ck-track);overflow:hidden}
html.twenty-ui[data-crm-page="cockpit"] .ck-hbar-fill{display:block;height:100%;border-radius:999px}
html.twenty-ui[data-crm-page="cockpit"] .ck-hbar-value{font-size:12px;color:var(--ck-quiet);font-variant-numeric:tabular-nums;white-space:nowrap}
html.twenty-ui[data-crm-page="cockpit"] a.ck-hbar:hover .ck-hbar-label{color:var(--ck-link)}

/* Donut */
html.twenty-ui[data-crm-page="cockpit"] .ck-donut{display:flex;align-items:center;gap:18px;min-width:0}
html.twenty-ui[data-crm-page="cockpit"] .ck-donut-svg{width:124px;height:124px;flex:none}
html.twenty-ui[data-crm-page="cockpit"] .ck-donut-center{font-size:22px;font-weight:600;fill:currentColor}
html.twenty-ui[data-crm-page="cockpit"] .ck-donut-sub{font-size:12px;fill:var(--ck-quiet)}
html.twenty-ui[data-crm-page="cockpit"] .ck-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
html.twenty-ui[data-crm-page="cockpit"] .ck-legend li{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;font-size:13px}
html.twenty-ui[data-crm-page="cockpit"] .ck-legend-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.twenty-ui[data-crm-page="cockpit"] .ck-legend-value{font-weight:600;font-variant-numeric:tabular-nums}
html.twenty-ui[data-crm-page="cockpit"] .ck-legend-pct{font-size:12px;color:var(--ck-quiet);font-variant-numeric:tabular-nums;min-width:34px;text-align:right}

/* Säulen (Timeline) */
html.twenty-ui[data-crm-page="cockpit"] .ck-cols{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;align-items:end;height:118px}
html.twenty-ui[data-crm-page="cockpit"] .ck-col{display:flex;flex-direction:column;align-items:stretch;height:100%;min-width:0}
html.twenty-ui[data-crm-page="cockpit"] .ck-col-stack{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;border-radius:4px;padding:0 2px}
html.twenty-ui[data-crm-page="cockpit"] .ck-col.is-today .ck-col-stack{background:var(--ck-today)}
html.twenty-ui[data-crm-page="cockpit"] .ck-col-bar{min-height:3px;border-radius:3px 3px 0 0;background:var(--crm-accent)}
html.twenty-ui[data-crm-page="cockpit"] .ck-col-bar2{background:var(--status-verkaufstermin);border-radius:3px}
html.twenty-ui[data-crm-page="cockpit"] .ck-col-label{margin-top:6px;font-size:12px;line-height:1.2;color:var(--ck-quiet);text-align:center;white-space:nowrap;overflow:hidden;display:flex;flex-direction:column;align-items:center}
html.twenty-ui[data-crm-page="cockpit"] .ck-col.is-today .ck-col-label{color:var(--ck-link);font-weight:600}
html.twenty-ui[data-crm-page="cockpit"] .ck-legend-inline{display:flex;flex-wrap:wrap;gap:6px 16px;margin:10px 0 0;padding:0;list-style:none;font-size:12px;color:var(--ck-quiet)}
html.twenty-ui[data-crm-page="cockpit"] .ck-legend-inline li{display:inline-flex;align-items:center;gap:6px}

/* Funnel */
html.twenty-ui[data-crm-page="cockpit"] .ck-funnel{display:flex;flex-direction:column;gap:6px}
html.twenty-ui[data-crm-page="cockpit"] .ck-funnel-row{display:grid;grid-template-columns:minmax(110px,32%) 1fr 44px 48px;align-items:center;gap:10px;padding:4px 0;font-size:13px;text-decoration:none;color:inherit;border-radius:6px}
html.twenty-ui[data-crm-page="cockpit"] .ck-funnel-row:hover .ck-funnel-label{color:var(--ck-link)}
html.twenty-ui[data-crm-page="cockpit"] .ck-funnel-label{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.twenty-ui[data-crm-page="cockpit"] .ck-funnel-track{height:18px;border-radius:4px;background:var(--ck-track);overflow:hidden}
html.twenty-ui[data-crm-page="cockpit"] .ck-funnel-fill{display:block;height:100%;border-radius:4px}
html.twenty-ui[data-crm-page="cockpit"] .ck-funnel-value{font-weight:600;font-variant-numeric:tabular-nums;text-align:right}
html.twenty-ui[data-crm-page="cockpit"] .ck-funnel-conv{font-size:12px;color:var(--ck-quiet);font-variant-numeric:tabular-nums;text-align:right}

/* Wochenziel */
html.twenty-ui[data-crm-page="cockpit"] .ck-progress{height:8px;border-radius:999px;background:var(--ck-track);overflow:hidden;margin:10px 0 8px}
html.twenty-ui[data-crm-page="cockpit"] .ck-progress-fill{display:block;height:100%;border-radius:999px;background:var(--crm-accent)}
html.twenty-ui[data-crm-page="cockpit"] .ck-big{font-size:26px;font-weight:600;line-height:1.1;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
html.twenty-ui[data-crm-page="cockpit"] .ck-big small{font-size:14px;font-weight:500;color:var(--ck-quiet);margin-left:4px}

/* Zustände */
html.twenty-ui[data-crm-page="cockpit"] .ck-error{grid-column:1/-1;padding:14px var(--ck-pad);border:1px solid var(--ck-line);border-left:3px solid var(--ck-danger);border-radius:var(--crm-radius,10px);font-size:13px;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}
/* Dunkel: Bundle setzt bei Hover/Fokus var(--bs-dark) #181a1d auf var(--bs-light) #4f4f4f (2,13:1) → Weiß auf #4f4f4f (8,2:1). */
html.twenty-ui[data-bs-theme=dark][data-crm-page="cockpit"] .ck-error .btn-outline-light:is(:hover,:focus,:focus-visible,:active,.active){color:#fff;background-color:#4f4f4f;border-color:#4f4f4f}
html.twenty-ui[data-crm-page="cockpit"] .ck-skeleton{grid-column:1/-1;min-height:120px;border:1px dashed var(--ck-line);border-radius:var(--crm-radius,10px);display:grid;place-items:center;font-size:13px;color:var(--ck-quiet)}

/* Bewegung: ruhig, abschaltbar */
@media(prefers-reduced-motion:no-preference){
html.twenty-ui[data-crm-page="cockpit"] .ck-card,html.twenty-ui[data-crm-page="cockpit"] .ck-kpi{animation:ck-in .32s cubic-bezier(.16,1,.3,1) both}
html.twenty-ui[data-crm-page="cockpit"] .ck-hbar-fill,html.twenty-ui[data-crm-page="cockpit"] .ck-funnel-fill,html.twenty-ui[data-crm-page="cockpit"] .ck-progress-fill{transition:width .5s ease}
html.twenty-ui[data-crm-page="cockpit"] .ck-col-bar{transition:height .5s ease}
}
@keyframes ck-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

/* Tablet */
@media(max-width:1100px){
html.twenty-ui[data-crm-page="cockpit"] .ck-dash{grid-template-columns:repeat(6,minmax(0,1fr))}
html.twenty-ui[data-crm-page="cockpit"] .ck-card{grid-column:span min(var(--span,4),6)}
html.twenty-ui[data-crm-page="cockpit"] .ck-stack{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
html.twenty-ui[data-crm-page="cockpit"] .ck-stack>.ck-card{grid-column:auto}
html.twenty-ui[data-crm-page="cockpit"] .ck-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* Handy */
@media(max-width:600px){
html.twenty-ui[data-crm-page="cockpit"] .twenty-cockpit{--ck-gap:12px;--ck-pad:14px}
html.twenty-ui[data-crm-page="cockpit"] .twenty-cockpit>header .d-flex{gap:10px!important}
html.twenty-ui[data-crm-page="cockpit"] .twenty-cockpit>header{padding-bottom:8px!important;margin-bottom:12px!important}
html.twenty-ui[data-crm-page="cockpit"] .twenty-cockpit>header .pg-header-action-wrap{width:100%;flex-wrap:nowrap;justify-content:space-between;gap:8px}
html.twenty-ui[data-crm-page="cockpit"] .twenty-cockpit>header .pg-header-action-wrap>.btn{min-height:36px;padding:6px 10px;font-size:13px;white-space:nowrap}
html.twenty-ui[data-crm-page="cockpit"] .ck-toolbar{gap:8px;font-size:12px}
html.twenty-ui[data-crm-page="cockpit"] .ck-toolbar .btn{min-height:36px}
html.twenty-ui[data-crm-page="cockpit"] .ck-card.is-collapsible .ck-collapse{display:inline-flex}
html.twenty-ui[data-crm-page="cockpit"] .ck-card.is-collapsible:not(.is-open) .ck-card-body{display:none}
html.twenty-ui[data-crm-page="cockpit"] .ck-card.is-collapsible:not(.is-open) .ck-card-head{padding-bottom:12px}
html.twenty-ui[data-crm-page="cockpit"] .ck-card.is-collapsible .ck-card-link{margin-left:0}
html.twenty-ui[data-crm-page="cockpit"] .ck-dash{grid-template-columns:minmax(0,1fr)}
html.twenty-ui[data-crm-page="cockpit"] .ck-card{grid-column:1/-1}
html.twenty-ui[data-crm-page="cockpit"] .ck-stack{display:contents}
html.twenty-ui[data-crm-page="cockpit"] .ck-heute{order:0}
html.twenty-ui[data-crm-page="cockpit"] .ck-faellig{order:1}
html.twenty-ui[data-crm-page="cockpit"] .ck-kpis{order:2}
html.twenty-ui[data-crm-page="cockpit"] .ck-hinweise{order:3}
html.twenty-ui[data-crm-page="cockpit"] .ck-chancen{order:4}
html.twenty-ui[data-crm-page="cockpit"] .ck-pipeline{order:5}
html.twenty-ui[data-crm-page="cockpit"] .ck-timeline{order:6}
html.twenty-ui[data-crm-page="cockpit"] .ck-bundesland{order:7}
html.twenty-ui[data-crm-page="cockpit"] .ck-icp{order:8}
html.twenty-ui[data-crm-page="cockpit"] .ck-fach{order:9}
html.twenty-ui[data-crm-page="cockpit"] .ck-produkt{order:10}
html.twenty-ui[data-crm-page="cockpit"] .ck-quellen{order:11}
html.twenty-ui[data-crm-page="cockpit"] .ck-mails{order:12}
html.twenty-ui[data-crm-page="cockpit"] .ck-zeitleiste{order:13}
html.twenty-ui[data-crm-page="cockpit"] .ck-twenty{order:14}
html.twenty-ui[data-crm-page="cockpit"] .ck-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
html.twenty-ui[data-crm-page="cockpit"] .ck-kpi{padding:10px 12px;gap:2px 8px;flex-direction:row;flex-wrap:wrap;align-items:baseline}
html.twenty-ui[data-crm-page="cockpit"] .ck-kpi-label{flex:1 1 auto;white-space:normal;font-size:12px}
html.twenty-ui[data-crm-page="cockpit"] .ck-kpi-value{font-size:22px}
html.twenty-ui[data-crm-page="cockpit"] .ck-kpi-ctx{flex-basis:100%;font-size:12px;min-height:0}
html.twenty-ui[data-crm-page="cockpit"] .ck-kpi-bar{flex-basis:100%;margin-top:2px}
html.twenty-ui[data-crm-page="cockpit"] .ck-row{flex-wrap:wrap;gap:6px 10px;padding:10px 0;min-height:44px}
html.twenty-ui[data-crm-page="cockpit"] .ck-row-main{flex-basis:calc(100% - 24px)}
html.twenty-ui[data-crm-page="cockpit"] .ck-row-title,html.twenty-ui[data-crm-page="cockpit"] .ck-row-sub{white-space:normal}
html.twenty-ui[data-crm-page="cockpit"] .ck-row-meta{order:3;flex-basis:100%;justify-content:flex-start}
html.twenty-ui[data-crm-page="cockpit"] .ck-row .ck-chevron{display:none}
html.twenty-ui[data-crm-page="cockpit"] .ck-row-hint{flex-wrap:nowrap}
html.twenty-ui[data-crm-page="cockpit"] .ck-row-hint .ck-row-main{flex-basis:auto}
html.twenty-ui[data-crm-page="cockpit"] .ck-row-meeting .ck-row-time{width:auto;flex-direction:row;gap:8px;align-items:baseline;flex-basis:100%}
html.twenty-ui[data-crm-page="cockpit"] .ck-donut{flex-direction:row}
html.twenty-ui[data-crm-page="cockpit"] .ck-donut-svg{width:104px;height:104px}
html.twenty-ui[data-crm-page="cockpit"] .ck-cols{height:92px;gap:4px}
html.twenty-ui[data-crm-page="cockpit"] .ck-col:nth-child(2n) .ck-col-label{visibility:hidden}
html.twenty-ui[data-crm-page="cockpit"] .ck-funnel-row{grid-template-columns:minmax(96px,34%) 1fr 36px 44px;font-size:12px}
html.twenty-ui[data-crm-page="cockpit"] .ck-card-link{min-height:40px;display:inline-flex;align-items:center}
html.twenty-ui[data-crm-page="cockpit"] a.ck-hbar{min-height:40px;align-items:center}
html.twenty-ui[data-crm-page="cockpit"] .ck-hbars{gap:2px}
html.twenty-ui[data-crm-page="cockpit"] .ck-funnel-row{min-height:40px}
html.twenty-ui[data-crm-page="cockpit"] .ck-funnel{gap:2px}
html.twenty-ui[data-crm-page="cockpit"] .ck-collapse{width:40px;height:40px}
html.twenty-ui[data-crm-page="cockpit"] .ck-card-foot a,html.twenty-ui[data-crm-page="cockpit"] .ck-note a,html.twenty-ui[data-crm-page="cockpit"] .ck-empty-link{display:inline-flex;align-items:center;min-height:40px}
html.twenty-ui[data-crm-page="cockpit"] .ck-card-foot .btn{min-height:44px}
html.twenty-ui[data-crm-page="cockpit"] .ck-kpi{min-height:44px}
}