/* ==========================================================================
   KI Werk Admin (admin.css) - Layout-Schicht der Control Plane auf dem Design-Kit.

   Grundlage: kiwerk-ui.css (Tokens und Komponenten). Diese Datei enthaelt KEINE Farbwerte und keine Schriftdefinition,
   nur Anordnung (Raster, Abstaende, Sheets) und die Bausteine, die das Kit nicht hat. Alles zieht Tokens per var().
   Wird nur von dashboard.html geladen (nicht in der Kunden-Runtime). Hell und Dunkel kommen vom Kit (html[data-theme]).

   AUFBAU  1 Grundlage und Ansichten   5 Listen, Tabellen, Zustaende   9 Bestaetigungsdialog
           2 Seitenleiste und Kopf     6 Formulare                     10 Detailansichten (Tabs)
           3 Kennzahlen und Raster     7 Readiness und Server          11 Anmeldung
           4 Dashboard                 8 Sheets (natives dialog)       12 Responsiv
   ========================================================================== */

/* 1 GRUNDLAGE UND ANSICHTEN ------------------------------------------------ */
html{scroll-padding-top:96px}
.kw :where(a,button,input,select,textarea,summary,[tabindex]){scroll-margin-top:96px}
body.sheet-open{overflow:hidden}
.view{display:none;min-width:0}
.view.active{display:grid;gap:24px;align-content:start}
.view>*{min-width:0}
.kw-count[hidden]{display:none}
.kw-card :where(h2,h3){margin:0}
.ad-lead{max-width:76ch;margin:0 0 16px}
.ad-block{margin-top:14px}
.ad-prose{max-width:68ch;line-height:1.6}
.ad-h{margin:28px 0 10px}
.ad-h--first{margin-top:0}
.ad-metaline{font-size:14px;color:var(--kw-fg-3)}
.ad-warntext{color:var(--kw-bad);font-size:14px}
.ad-bullets{padding-left:18px;list-style:disc;display:grid;gap:4px;margin-top:6px}
.ad-medal{--m:64px}
.kw-chip-static{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:var(--kw-r-pill);background:var(--kw-surface-2);border:1px solid var(--kw-line);font-size:14px;font-weight:600;color:var(--kw-fg)}

/* 2 SEITENLEISTE UND KOPF ------------------------------------------------- */
.ad-main{min-width:0;display:flex;flex-direction:column;min-height:100vh}
.ad-main>.kw-content{flex:1}
/* Die Navigation scrollt für sich; Konto und "Abmelden" stehen immer am unteren Rand, auch in niedrigen Fenstern (1440 x 900). */
.kw-sidebar__in{overflow:hidden;padding:18px 16px 14px}
.kw-sidebar .kw-nav{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;margin-inline:-16px;padding-inline:16px}
.kw-sidebar .kw-nav-item[aria-current="page"]::before{left:-16px}
.ad-boundary,.ad-account,.ad-logout{flex:none}

.kw-sidebar .kw-brand{padding:4px 12px 12px}
.kw-sidebar .kw-nav{gap:2px}
.kw-sidebar .kw-nav__group{padding:14px 14px 6px}
.kw-sidebar .kw-nav>.kw-nav__group:first-child{padding-top:4px}
.kw-sidebar{border-right:1px solid var(--kw-navy-700)}
button.kw-nav-item{width:100%;border:0;background:none;font-family:inherit;text-align:left;cursor:pointer}
.kw-nav-item .ad-nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kw-nav-item .ad-nav-ext{margin-left:auto;width:14px;height:14px}
.ad-boundary{display:grid;gap:2px;margin:8px 4px 6px;padding:8px 12px;border:1px solid var(--kw-line);border-radius:var(--kw-r-md);font-size:13px;line-height:1.4;color:var(--kw-fg-3)}
.ad-boundary p{margin:0;font-size:13px;font-weight:650;color:var(--kw-fg-2)}
.ad-account{display:flex;align-items:center;gap:10px;padding:6px 4px}
.ad-account__tx{min-width:0}
.ad-account__tx b{display:block;font-size:14px;line-height:1.3;color:var(--kw-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ad-account__tx small{display:block;font-size:13px;color:var(--kw-fg-3)}
.ad-logout{width:100%}
.kw-topbar{gap:12px}
.ad-topsearch{flex:0 1 320px;min-width:200px}
.ad-top-btn{flex:none}
.kw-page-head{align-items:flex-start;margin-bottom:24px}
.kw-page-head__sub{max-width:62ch}
.ad-head-side{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ad-head-side .kw-btn-row:empty{display:none}
.ad-offline{margin-bottom:20px}

/* 3 KENNZAHLEN UND RASTER --------------------------------------------------- */
.ad-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}
.ad-stats--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ad-stats--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ad-stats .kw-stat__value{font-size:clamp(28px,2.4vw,34px);overflow-wrap:break-word}
.ad-stats .kw-stat__value small{font-size:14px;margin-left:6px;white-space:nowrap}
.ad-stats .ad-stat__text{font-size:24px;letter-spacing:-.02em}
.ad-stats .kw-stat__sub .kw-badge{margin-right:6px}
.ad-split{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px;align-items:start}
.ad-split--form{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
.ad-split>*{min-width:0}

/* 4 DASHBOARD -------------------------------------------------------------- */
.kw-list__ico.ad-ico{border-radius:var(--kw-r-md)}
.ad-ico--good{color:var(--kw-good);background:var(--kw-good-bg);border-color:var(--kw-good-line)}
.ad-ico--warn{color:var(--kw-warn);background:var(--kw-warn-bg);border-color:var(--kw-warn-line)}
.ad-ico--bad{color:var(--kw-bad);background:var(--kw-bad-bg);border-color:var(--kw-bad-line)}
.ad-ico--info{color:var(--kw-info);background:var(--kw-info-bg);border-color:var(--kw-info-line)}
.ad-ico--neutral{color:var(--kw-neutral);background:var(--kw-neutral-bg);border-color:var(--kw-neutral-line)}
.ad-signals>li{flex-wrap:wrap;row-gap:10px}
.ad-signal .kw-list__main{flex:1 1 240px}
.ad-signal .kw-badge{flex:none}
/* Heute wichtig: Zustandswort in fester Spalte, damit alle Titel auf einer Linie beginnen.
   Je nach Breite der Karte: Wort über dem Titel (schmal), Wort | Titel mit Knopf darunter (mittel), Wort | Titel | Knopf (breit). */
.ad-signals{container-type:inline-size}
@container (min-width:400px){
  .ad-signals>li.ad-signal{display:grid;grid-template-columns:104px minmax(0,1fr);column-gap:14px;align-items:center}
  .ad-signals>li.ad-signal>.kw-badge{justify-self:start}
  .ad-signals>li.ad-signal>.kw-btn{grid-column:2;justify-self:start}
}
@container (min-width:560px){
  .ad-signals>li.ad-signal{grid-template-columns:104px minmax(0,1fr) auto}
  .ad-signals>li.ad-signal>.kw-btn{grid-column:auto;justify-self:end}
}
.ad-more{margin-top:8px;border-top:1px solid var(--kw-line);padding-top:4px}
.ad-more>summary,.ad-details>summary{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;font-weight:600;color:var(--kw-fg);list-style:none}
.ad-more>summary::-webkit-details-marker,.ad-details>summary::-webkit-details-marker{display:none}
.ad-more>summary::before,.ad-details>summary::before{content:"";flex:none;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;rotate:-45deg;transition:rotate var(--kw-t-base) var(--kw-ease);margin:0 4px 0 2px}
.ad-more[open]>summary::before,.ad-details[open]>summary::before{rotate:45deg}
/* Betriebszustand: Symbol, Text, Zustand in einer Zeile; ist die Karte schmal, rutscht der Zustand unter den Text (Titel bleiben einzeilig). */
.ad-healthlist{container-type:inline-size}
.ad-healthlist>.ad-health{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:14px;row-gap:10px;align-items:center}
.ad-health .kw-list__main{min-width:0}
.ad-health .kw-list__main b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ad-health__bar{grid-column:1/-1}
@container (max-width:345px){
  .ad-healthlist>.ad-health{grid-template-columns:auto minmax(0,1fr)}
  .ad-healthlist>.ad-health>.kw-badge{grid-column:2;justify-self:start}
}
.ad-partial{margin-bottom:12px}

/* 5 LISTEN, TABELLEN, ZUSTAENDE ---------------------------------------------- */
.ad-table-card{--kw-pad:0;overflow:hidden}
.ad-table-card>.kw-card__head{padding:22px 24px 0;margin-bottom:16px}
.ad-table-card>.kw-help{padding:0 24px}
.ad-toolbar{display:flex;gap:12px 16px;align-items:center;flex-wrap:wrap;padding:0 24px 16px}
.ad-toolbar__search{flex:1 1 260px;max-width:420px}
.ad-chips{padding:0 24px 16px;flex-wrap:wrap}
#invoiceOperations>.ad-chips,#invoiceOperations>.kw-help{padding-inline:0}
.ad-chip-n{font-variant-numeric:tabular-nums;margin-left:4px;font-weight:500}
.ad-tablewrap{border-top:1px solid var(--kw-line);border-radius:0}
.ad-table td strong{white-space:normal;display:block}
.ad-table td small{margin-top:2px}
.ad-nowrap{white-space:nowrap}
.ad-cell{display:grid;gap:4px;justify-items:start;min-width:0}
.ad-cell small{margin:0}
.kw-r .ad-cell{justify-items:end;text-align:right}
.ad-table td.kw-act{text-align:right;white-space:nowrap;width:1%}
.ad-table td.kw-act .ad-actions{flex-wrap:nowrap}
.ad-table--wrap td.kw-act{white-space:normal;width:auto;max-width:380px}
.ad-table--wrap td.kw-act .ad-actions{flex-wrap:wrap}
.ad-table--wrap td:first-child{min-width:240px}
.kw-card__head .kw-btn{white-space:nowrap}
.kw-card__head>div:first-child{min-width:0}
.ad-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;align-items:center}
.ad-actions small{flex:1 1 100%;text-align:right}
.ad-table .kw-mono{display:block}
.ad-badgestack{display:grid;gap:6px;justify-items:start}
.ad-usage{display:grid;gap:6px;min-width:180px}
.ad-usage .kw-progress{height:8px}
.ad-table-empty{padding:28px 24px!important;color:var(--kw-fg-3);text-align:center}
.ad-more-row{padding:16px 24px;border-top:1px solid var(--kw-line);text-align:center}
.ad-sortnote{padding:10px 24px 16px;margin:0}
.ad-table-card .kw-empty,.ad-table-card .ad-skeleton{margin:0 24px 24px}
.ad-table-card .ad-skeleton{padding:0}
.stack{display:grid;gap:12px}
.ad-skeleton{display:grid;gap:12px;opacity:0;animation:ad-appear .01s linear .3s forwards}
.ad-skeleton__row{height:44px}
@keyframes ad-appear{to{opacity:1}}
.ad-error .kw-medal{--m:64px}
.ad-request__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.ad-request__text{margin-top:8px;max-width:76ch}
.ad-request .ad-details{margin-top:8px;border-top:1px solid var(--kw-line)}
.ad-request .form-grid{padding:4px 0 8px}
.ad-feedlist>li{flex-wrap:wrap}
.ad-feed .kw-list__main{flex:1 1 280px}
.ad-feed .kw-code{font-size:12px}
.ad-reviews{display:grid;gap:12px;margin-bottom:16px}
.ad-review.kw-alert{grid-template-columns:auto 1fr}
.ad-review__act{grid-column:1/-1;align-self:stretch;justify-content:flex-start}
.ad-lookup{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ad-lookup-results{display:grid;gap:8px}
.ad-lookup-item{display:grid;gap:2px;text-align:left;padding:10px 14px;min-height:var(--kw-tap);border:1.5px solid var(--kw-line-strong);border-radius:var(--kw-r-md);background:var(--kw-surface);cursor:pointer;font:inherit;color:var(--kw-fg)}
.ad-lookup-item:hover{border-color:var(--kw-fg)}
.ad-lookup-item span{font-size:14px;color:var(--kw-fg-3)}
.ad-steps>li{flex-wrap:wrap}
.quickstart-result{display:grid;gap:16px}
.quickstart-result.preview-empty{display:grid}

/* Vorschau (Prompt Preview, Trial-Vorschau, Datenschutz-Umfang) */
.preview-empty{display:grid;place-items:center;text-align:center;min-height:120px;padding:28px 20px;border:1.5px dashed var(--kw-line-strong);border-radius:var(--kw-r-lg);color:var(--kw-fg-3);font-size:15px}
.preview-card{display:grid;gap:10px;min-width:0}
.preview-card h3{margin:14px 0 0;font-size:16px;font-weight:650;color:var(--kw-fg)}
.preview-card p{margin:0}
.preview-card ul{display:grid;gap:6px;padding-left:20px;list-style:disc;margin:0}
.preview-meta{display:flex;flex-wrap:wrap;gap:8px}
.prompt-preview{margin:0;white-space:pre-wrap;overflow:auto;max-height:360px;padding:14px;border-radius:var(--kw-r-md);background:var(--kw-surface-2);border:1px solid var(--kw-line);font-family:var(--kw-font-mono);font-size:13px;line-height:1.5;color:var(--kw-fg-2)}
.ad-manifest{padding:16px;border-radius:var(--kw-r-md);background:var(--kw-surface-2);border:1px solid var(--kw-line);font-size:15px}
.ad-manifest.preview-card{gap:6px}
.ad-manifest h3{margin-top:0}
.ad-preview-wrap{display:grid;gap:8px}

/* 6 FORMULARE --------------------------------------------------------------- */
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;align-content:start}
.span-two{grid-column:1/-1}
.form-hint{margin:0;font-size:14px;line-height:1.5;color:var(--kw-fg-3)}
.ad-form{align-content:start}
.ad-form__head{grid-column:1/-1;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.ad-form__foot{display:flex;flex-wrap:wrap;gap:12px;padding-top:4px}
.ad-group{border:0;margin:0;padding:0;min-width:0;display:grid;gap:12px;grid-column:1/-1}
.ad-group+.ad-group{padding-top:4px}
.ad-group__t{padding:0 0 12px;margin:0;font-size:var(--kw-fs-xs);letter-spacing:.07em;text-transform:uppercase;font-weight:650;color:var(--kw-fg-3)}
.ad-group__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;min-width:0}
.ad-group__grid>*{min-width:0}
.ad-checks{display:grid;gap:2px}
.ad-check--cost{margin-top:8px;padding:10px 14px;border:1px solid var(--kw-warn-line);border-radius:var(--kw-r-md);background:var(--kw-warn-bg)}
.ad-details{grid-column:1/-1;min-width:0}
.ad-details[open]>summary{margin-bottom:8px}
.form-section.ad-details{border:1px solid var(--kw-line);border-radius:var(--kw-r-md);padding:0 16px}
.form-section.ad-details[open]{padding-bottom:16px}
.ad-pass{position:relative;display:flex}
.ad-pass .kw-input{padding-right:112px}
.ad-pass__toggle{position:absolute;right:2px;top:50%;translate:0 -50%;min-height:44px}
.ad-file{height:auto;padding:10px 14px;line-height:1.5}
.ad-mono .kw-input{font-family:var(--kw-font-mono);font-size:14px;letter-spacing:0}
.ad-privacy-state{display:flex;gap:8px;align-items:center}
.ad-templates{display:grid;gap:8px;padding:14px 16px;border-radius:var(--kw-r-md);background:var(--kw-surface-2);border:1px solid var(--kw-line)}
.kw-field .kw-opt{font-weight:400}
.ad-convert{padding:4px 0}
.kw-checkline{display:flex;gap:8px;align-items:center}

/* 7 READINESS UND SERVER ------------------------------------------------------ */
.ad-readiness-card{display:grid;gap:12px;padding:20px;border:1px solid var(--kw-line);border-radius:var(--kw-r-lg);background:var(--kw-surface-2);margin-bottom:16px}
.ad-readiness-card__num{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.ad-readiness-card__num b{font-size:40px;line-height:1;letter-spacing:-.03em;color:var(--kw-fg);font-variant-numeric:tabular-nums}
.ad-readiness-card__num span{color:var(--kw-fg-3)}
.ad-readiness-card__note{margin:0;font-size:15px;color:var(--kw-fg-2)}
.ad-readiness-groups{display:grid;gap:12px;margin-top:16px}
.ad-rgroup{border:1px solid var(--kw-line);border-radius:var(--kw-r-lg);background:var(--kw-surface);overflow:hidden}
/* Rahmenfarbe nur für blockierte Gruppen; Hinweise ohne Pflicht tragen ein kleines Zustandswort, keinen Rahmen. */
.ad-rgroup--bad{border-color:var(--kw-bad-line)}
/* Gruppen ohne blockierte Pflichtprüfung: eine Karte mit Zeilen statt vieler einzelner Karten */
.ad-rlist{border:1px solid var(--kw-line);border-radius:var(--kw-r-lg);background:var(--kw-surface);overflow:hidden}
.ad-rlist__h{margin:0;padding:12px 18px;font-size:14px;font-weight:650;line-height:1.4;color:var(--kw-fg-2);background:var(--kw-surface-2)}
.ad-rlist .ad-rgroup{border:0;border-top:1px solid var(--kw-line);border-radius:0}
.ad-rgroup>summary{display:flex;align-items:center;gap:14px;min-height:64px;padding:12px 18px;cursor:pointer;list-style:none}
.ad-rgroup>summary::-webkit-details-marker{display:none}
.ad-rgroup__t{flex:1 1 150px;min-width:0;display:grid}
.ad-rgroup>summary .kw-badge{flex:none}
.ad-rgroup__t b{color:var(--kw-fg);font-weight:650}
.ad-rgroup__t small{font-size:14px;color:var(--kw-fg-3)}
.ad-rgroup__chev{color:var(--kw-fg-3);transition:rotate var(--kw-t-base) var(--kw-ease)}
.ad-rgroup[open]>summary .ad-rgroup__chev{rotate:180deg}
.ad-rgroup__body{display:grid;grid-template-columns:minmax(0,1fr);border-top:1px solid var(--kw-line)}
.ad-check{padding:14px 18px;border-bottom:1px solid var(--kw-line)}
.ad-check:last-child{border-bottom:0}
.ad-check__head{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.ad-check__head strong{color:var(--kw-fg);font-weight:600}
.ad-check p{margin:6px 0 0;font-size:15px;color:var(--kw-fg-2);max-width:86ch;overflow-wrap:anywhere}
.ad-scope{display:block;margin-top:6px;font-size:13px;color:var(--kw-fg-3)}
.ad-syncstatus{display:grid;margin:0}
.ad-syncrow{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:var(--kw-tap);padding:8px 0;border-top:1px solid var(--kw-line)}
.ad-syncrow:first-child{border-top:0}
.ad-syncrow dt{color:var(--kw-fg-3)}
.ad-syncrow dd{margin:0;text-align:right;color:var(--kw-fg);font-weight:600;overflow-wrap:anywhere}
.ad-rules{display:grid;gap:10px;margin-top:12px;padding-left:20px;list-style:disc;font-size:15px}

/* 8 SHEETS (natives dialog) ------------------------------------------------------ */
dialog.ad-sheet{width:min(960px,calc(100% - 32px));max-width:none;max-height:min(90vh,calc(100dvh - 32px));margin:auto;padding:0;overflow:hidden}
dialog.ad-sheet.ad-sheet--narrow{width:min(560px,calc(100% - 32px))}
dialog.ad-sheet[open]{display:flex;flex-direction:column}
.ad-sheet__form{display:flex;flex-direction:column;flex:1;min-height:0}
.ad-sheet__head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 28px 16px;border-bottom:1px solid var(--kw-line);flex:none}
.ad-sheet__titles{min-width:0}
.ad-sheet__titles h2{margin:0;overflow-wrap:anywhere}
.ad-sheet__titles .kw-card__sub{margin-top:4px;overflow-wrap:anywhere}
.ad-sheet__body{padding:22px 28px;overflow:auto;flex:1;min-height:0;overscroll-behavior:contain}
.ad-sheet__body.form-grid{align-content:start}
.ad-sheet__foot{display:flex;justify-content:flex-end;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 28px calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--kw-line);background:var(--kw-surface);flex:none}
.ad-spacer{flex:1}
.ad-linkbox{padding:14px 16px;border-radius:var(--kw-r-md);background:var(--kw-surface-2);border:1px solid var(--kw-line);font-family:var(--kw-font-mono);font-size:14px;line-height:1.5;color:var(--kw-fg);overflow-wrap:anywhere}
.ad-linkbox.masked{filter:blur(6px);user-select:none}
.ad-sheet__notice{margin-bottom:16px}
.ad-sheet__notice[hidden]{display:none}

/* 9 BESTAETIGUNGSDIALOG ------------------------------------------------------ */
dialog.ad-confirm{width:min(560px,calc(100% - 32px));height:fit-content;max-height:calc(100dvh - 32px)}
dialog.ad-confirm[open]{display:flex;flex-direction:column}
.ad-confirm__form{display:flex;flex-direction:column;min-height:0;flex:1}
.ad-confirm .kw-dialog__body{overflow:auto;min-height:0}
.ad-confirm__ico{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--_ci)}
.ad-confirm__ico--warn{--_ci:var(--kw-warn-line);background:var(--kw-warn-bg);color:var(--kw-warn)}
.ad-confirm__ico--bad{--_ci:var(--kw-bad-line);background:var(--kw-bad-bg);color:var(--kw-bad)}
.ad-confirm__paras{display:grid;gap:8px}
.ad-confirm__paras p{margin:0;font-size:15px;color:var(--kw-fg-2)}
.ad-confirm__facts{margin:0;border:1px solid var(--kw-line);border-radius:var(--kw-r-md);padding:2px 14px;background:var(--kw-surface-2)}
.ad-confirm__facts>div{min-height:40px;padding:8px 0;font-size:15px}
.ad-confirm__facts dd{overflow-wrap:anywhere}
.ad-choicefield{display:grid;gap:8px;margin:0;padding:0;border:0;min-width:0}
.ad-choicefield>legend{font-weight:600;color:var(--kw-fg);font-size:15px;margin-bottom:6px;padding:0}
.ad-confirm__fields{display:grid;gap:12px}

/* 10 DETAILANSICHTEN (TABS) ----------------------------------------------------- */
.ad-tabs{margin-bottom:4px}
.ad-tabpanel{padding-top:20px}
.ad-tabpanel:focus-visible{outline-offset:-2px;border-radius:var(--kw-r-md)}
.ad-progressblock{display:grid;gap:8px;margin-bottom:12px}
.ad-progressblock .progress-header{display:flex;justify-content:space-between;gap:12px;color:var(--kw-fg)}
.ad-checklist>li,.ad-tasklist>li,.ad-msglist>li{flex-wrap:wrap}
.ad-checklist .kw-list__main,.ad-tasklist .kw-list__main,.ad-msglist .kw-list__main{flex:1 1 260px}
.ad-privacy-line{margin-bottom:10px}
.ad-danger{margin-top:32px;padding:20px;border:1px solid var(--kw-bad-line);border-radius:var(--kw-r-lg);background:var(--kw-bad-bg)}
.ad-danger h3{margin-top:0}
.ad-danger .kw-hint{color:var(--kw-fg-2);margin:0 0 14px}
.detail-list dt{flex:none}
.detail-list dd{overflow-wrap:anywhere}

/* 11 ANMELDUNG ------------------------------------------------------------------ */
.operator-entry .ad-auth-title{margin-top:18px;max-width:14ch}
.operator-entry .ad-auth-lead{margin-top:18px}
.operator-entry .ad-auth-sub{margin-top:8px}
.ad-login-error{margin:4px 0 2px}
.ad-login-error #loginStatus{font-weight:600}
.ad-login-error p{margin:0}
.ad-login-error .kw-help{margin-top:4px}

/* Toasts rechts unten: links liegt die Seitenleiste mit Konto und Abmelden */
@media (min-width:1024px){.kw-toast-region{left:auto;right:24px;justify-items:end}}

/* 11b ZEILENMENUE, BAENDER, SPERREN (Runde 2) -------------------------------------- */
/* Zaehler in der Seitenleiste: neutral. Rot ist Status (nur bei Dringendem), Orange bleibt Handlung. */
.kw-sidebar .kw-count{background:var(--kw-navy-600);color:var(--kw-on-navy);font-variant-numeric:tabular-nums}
.kw-sidebar .kw-count.kw-count--bad{background:var(--kw-bad-surface-navy);color:var(--kw-bad-on-navy);box-shadow:inset 0 0 0 1px var(--kw-bad-edge-navy)}
#topSearchForm[hidden]{display:none}
.ad-ellip{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ad-table td strong.ad-ellip{white-space:nowrap;max-width:32ch}
.ad-table td.kw-r[data-c="end"] small{white-space:normal;text-align:right}
.ad-table td.kw-r small{text-align:right}
.ad-badgestack{display:flex;flex-wrap:wrap;gap:6px}
.ad-toolbar__search{flex:1 1 300px}
.ad-toolbar .kw-chips{flex-wrap:wrap;overflow:visible}
.ad-table td small.ad-compact-only,.ad-fold__btn{display:none}
.ad-notes{padding:0 24px 16px}
.ad-notes:empty{display:none}
.ad-band{margin:0}
.ad-error__act{justify-content:center;margin-top:4px}
.ad-leadrow{display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:center;align-items:center}
.ad-lockhint{margin:0 0 16px}
.ad-lockhint__act{margin-top:10px}
#serverProvisionForm.is-locked .ad-sheet__body>:not(#provisionLockNote),#serverProvisionForm.is-locked #provisionServerButton{display:none}
.ad-fold__body[hidden]{display:none}

/* Menue "Weitere Aktionen" (Popover im obersten Layer: wird von der Tabelle nicht abgeschnitten) */
/* height:auto statt der Voreinstellung fit-content: WebKit (Safari) dehnt das Gitter damit auf die ganze Fensterhöhe. */
.ad-menu{position:fixed;inset:auto;margin:0;height:auto;min-width:230px;max-width:min(320px,calc(100vw - 16px));padding:6px;border:1px solid var(--kw-line-strong);border-radius:var(--kw-r-lg);background:var(--kw-surface);color:var(--kw-fg);box-shadow:var(--kw-sh-3);overflow:visible}
.ad-menu:popover-open{display:grid;gap:2px}
.ad-menu__item{display:flex;align-items:center;gap:10px;width:100%;min-height:var(--kw-tap);padding:8px 12px;border:0;border-radius:var(--kw-r-md);background:none;color:var(--kw-fg);font:inherit;font-size:15px;font-weight:600;text-align:left;text-decoration:none;cursor:pointer}
.ad-menu__item:hover,.ad-menu__item:focus-visible{background:var(--kw-surface-hover)}
.ad-menu__item--danger{color:var(--kw-bad)}
.ad-menu__item--danger:hover,.ad-menu__item--danger:focus-visible{background:var(--kw-bad-bg)}
.ad-menu__item[aria-disabled="true"]{color:var(--kw-disabled-fg);cursor:not-allowed}
.ad-menu__sep{width:100%;margin:4px 0;border:0;border-top:1px solid var(--kw-line)}

/* Bestaetigungsdialog: Symbol neben dem Titel, Gate-Hinweis im festen Fuss, Preislink */
.ad-confirm__head{display:flex;align-items:center;gap:14px}
.ad-confirm__ico{flex:none}
.ad-confirm__head h2{margin:0}
.ad-confirm__link{margin:0}
.ad-confirm__link a{display:inline-flex;align-items:center;gap:6px;min-height:var(--kw-tap);font-weight:600;color:var(--kw-link)}
.ad-confirm__link a:hover{color:var(--kw-link-hover)}
.ad-confirm__link .kw-icon{width:16px;height:16px}
.ad-confirm__gate{flex:1 1 100%;width:100%;margin:0;order:-1;text-align:right}

/* 12 RESPONSIV -------------------------------------------------------------------- */
@media (max-width:1100px){
  .ad-split,.ad-split--form{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:1023px){
  .ad-main{min-height:100dvh}
  .ad-topsearch{display:none}
  .ad-top-btn{padding:0;width:var(--kw-tap)}
  .ad-btn-label{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  .kw-topbar{gap:8px}
  .kw-topbar>.kw-topbar__brand{margin-right:auto}
  .kw-sidebar__in{height:100%}
}
@media (max-width:900px){
  .ad-stats--3{grid-template-columns:minmax(0,1fr)}
  .ad-stats--4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .form-grid,.ad-group__grid{grid-template-columns:minmax(0,1fr)}
  .ad-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .ad-stats--3{grid-template-columns:minmax(0,1fr)}
  .ad-stats .kw-card{--kw-pad:16px}
  .ad-table-card>.kw-card__head{padding:18px 16px 0}
  .ad-toolbar,.ad-chips{padding-inline:16px}
  .ad-table-card .kw-empty,.ad-table-card .ad-skeleton{margin:0 16px 16px}
  .ad-more-row,.ad-sortnote{padding-inline:16px}
  .ad-actions{justify-content:flex-start}
  .ad-actions small{text-align:left}
  .ad-table td.kw-act,.ad-table--wrap td.kw-act{text-align:left;white-space:normal;width:auto;max-width:none}
  .ad-table td.kw-act .ad-actions{flex-wrap:wrap}
  .kw-table--cards td.kw-act{justify-content:flex-start}
  .ad-usage{min-width:0;width:100%}
  .kw-table--cards td>.ad-usage,.kw-table--cards td>.ad-badgestack{text-align:left}
  .kw-table--cards td{text-align:right}
  .ad-rgroup>summary{flex-wrap:wrap;padding:12px 14px;gap:10px}
  /* Betriebsprüfung mobil: Zusammenfassung kompakter, damit die erste blockierte Gruppe schon auf dem ersten Bildschirm beginnt. */
  .ad-readiness-card{padding:14px 16px;gap:8px;margin-bottom:10px}
  .ad-readiness-card__num b{font-size:32px}
  .ad-rtools .ad-lead{margin-bottom:10px}
  .kw-table--cards td>.ad-cell,.kw-table--cards td.kw-r>.ad-cell{justify-items:end;text-align:right}
  .ad-check{padding-inline:14px}
  .webchat-form>.span-two:last-child{margin-inline:-20px;padding-inline:20px}
  dialog.ad-sheet,dialog.ad-sheet.ad-sheet--narrow,dialog.ad-confirm{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0}
  dialog.ad-confirm{height:fit-content;max-height:calc(100dvh - 24px);margin:auto 12px;width:calc(100% - 24px);border-radius:var(--kw-r-xl)}
  .ad-sheet__head,.ad-sheet__body,.ad-sheet__foot{padding-inline:20px}
  .ad-sheet__foot .kw-btn{flex:1 1 auto}
  .kw-page-head__sub{font-size:16px}
  .kw-card__head{flex-wrap:wrap}
  .kw-card__head>.kw-btn-row,.kw-card__head>.kw-btn{width:100%}
  .kw-card__head>.kw-btn-row .kw-btn{flex:1 1 auto}

  /* kompakte Karten: Titel, Status, eine Zeile Detail, Hauptaktion; Labels nur dort, wo sie etwas klaeren */
  .kw-table--cards.ad-table--compact tr{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:12px 16px}
  .kw-table--cards.ad-table--compact td{display:block;padding:0;border:0;text-align:left;min-width:0;width:auto}
  .kw-table--cards.ad-table--compact td::before{display:none}
  .kw-table--cards.ad-table--compact td[data-c="hide"]{display:none}
  .kw-table--cards.ad-table--compact td[data-c="title"]{flex:1 1 100%;order:1;padding:0}
  .kw-table--cards.ad-table--compact td[data-c="inline"]{flex:0 1 auto;order:2}
  .kw-table--cards.ad-table--compact td[data-c="end"]{flex:0 0 auto;order:3;margin-left:auto;font-weight:650;color:var(--kw-fg);text-align:right}
  .kw-table--cards.ad-table--compact td[data-c="full"]{flex:1 1 100%;order:4}
  .kw-table--cards.ad-table--compact td[data-c="act"],.kw-table--cards.ad-table--compact td.kw-act{flex:0 1 auto;order:5;margin-left:auto;padding:0;text-align:right;width:auto;max-width:none}
  .kw-table--cards.ad-table--compact td[data-c="end"] .ad-cell,.kw-table--cards.ad-table--compact td[data-c="end"].kw-r .ad-cell{justify-items:end;text-align:right}
  .ad-table--compact .ad-actions{justify-content:flex-end}
  .ad-table td small.ad-compact-only{display:block}
  .ad-hide-compact{display:none!important}
  .ad-table td strong.ad-ellip{max-width:100%}
  .ad-notes{padding:0 16px 12px}
  .ad-fold__btn{display:inline-flex}
  .ad-fold>.kw-card__head>.kw-btn-row{width:100%}
  .ad-confirm__facts>div{min-height:34px;padding:6px 0}
  .ad-confirm .kw-dialog__body{padding:20px 20px 4px}
  .ad-confirm .kw-dialog__foot{padding:12px 20px 20px}
}
@media (min-width:641px){.ad-fold__body[hidden]{display:block!important}}
@media (max-width:480px){.ad-confirm__gate{order:9;flex:0 0 auto;align-self:stretch;text-align:left}}

.kw-msg .kw-help{margin-top:6px}

/* 13 RUNDE 3: ANKLICKBARE ZEILEN, BAENDER, KLARTEXT, DIALOGE ----------------------------------- */
/* Zeilen: ganze Zeile anklickbar, Name als Taste, ein ruhiger Pfeil statt einer Knopfwand */
.ad-titlecell{display:block;min-width:0}
.ad-rowlink{display:block;max-width:100%;margin:0;padding:0;border:0;background:none;font:inherit;font-weight:600;color:var(--kw-fg);text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--kw-r-xs)}
.ad-rowlink:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}
.ad-rowlink:focus-visible{outline:var(--kw-focus-width) solid var(--kw-focus);outline-offset:3px}
tr.ad-row{cursor:pointer}
.ad-table td.ad-gocell,.ad-table th.ad-gocell{width:56px;min-width:56px;white-space:nowrap;text-align:right;color:var(--kw-fg-3)}
.ad-gocell .kw-icon{width:20px;height:20px;vertical-align:middle}
tr.ad-row:hover .ad-gocell,tr.ad-row:focus-within .ad-gocell{color:var(--kw-fg)}
.ad-table td.kw-act:empty{padding:0}
.ad-statetext{display:inline-flex;align-items:center;gap:8px}
.ad-statetext .kw-icon{width:22px;height:22px;flex:none}
.ad-statetext--warn{color:var(--kw-warn)}
.ad-statetext--good{color:var(--kw-good)}
.ad-unit{font-weight:500;letter-spacing:.02em;color:var(--kw-fg-3)}
.ad-tablenote{padding:12px 24px 18px;margin:0;max-width:86ch}
.ad-band .kw-alert__act{align-self:center}

@media (min-width:641px){
  .ad-table td:first-child,.ad-table th:first-child{padding-left:24px}
  .ad-table td:last-child,.ad-table th:last-child{padding-right:24px}
  .ad-table td.ad-gocell,.ad-table th.ad-gocell{padding-left:4px}
  .ad-table td.kw-act{padding-right:8px}
}

/* Betriebspruefung: Klartext zuerst, Rohtext darunter */
/* Bereite Prüfungen sind ruhig (Titel, ein Satz, Zustand auf wenig Höhe); blockierte behalten den Raum für Folge und nächsten Schritt. */
.ad-check.ready{padding-block:10px}
.ad-check.ready .ad-check__t{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 10px}
.ad-check.ready p{margin-top:2px;font-size:14px;color:var(--kw-fg-3)}
.ad-check.ready .ad-tech{margin-top:0}
.ad-check.ready .ad-tech>summary{min-height:28px}
/* Speichern im Detaildialog bleibt am unteren Rand sichtbar, auch wenn das Formular länger ist als das Fenster. */
.webchat-form>.span-two:last-child{position:sticky;bottom:-22px;margin:4px -28px -22px;padding:14px 28px 22px;background:var(--kw-surface);border-top:1px solid var(--kw-line)}
.ad-check__why{color:var(--kw-fg-2)}
.ad-check__next{margin-top:4px!important;color:var(--kw-fg)}
.ad-check__next b{font-weight:650}
/* Bereite Prüfungen einer Gruppe mit Befunden: eine Zeile, aufklappbar */
.ad-readyfold>summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;cursor:pointer;list-style:none;font-size:14px;font-weight:600;color:var(--kw-fg-2);background:var(--kw-surface-2)}
.ad-readyfold>summary::-webkit-details-marker{display:none}
.ad-readyfold>summary::before{content:"";flex:none;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;rotate:-45deg;transition:rotate var(--kw-t-base) var(--kw-ease)}
.ad-readyfold[open]>summary::before{rotate:45deg}
.ad-readyfold>summary:hover{color:var(--kw-fg)}
.ad-readyfold>summary:focus-visible{outline:var(--kw-focus-width) solid var(--kw-focus);outline-offset:-3px}
.ad-tech{margin-top:8px}
.ad-tech>summary{display:inline-flex;align-items:center;gap:6px;min-height:32px;cursor:pointer;list-style:none;font-size:13px;font-weight:600;color:var(--kw-fg-3)}
.ad-tech>summary::-webkit-details-marker{display:none}
.ad-tech>summary::before{content:"";flex:none;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;rotate:-45deg;transition:rotate var(--kw-t-base) var(--kw-ease)}
.ad-tech[open]>summary::before{rotate:45deg}
.ad-tech>summary:hover{color:var(--kw-fg)}
.ad-tech>summary:focus-visible{outline:var(--kw-focus-width) solid var(--kw-focus);outline-offset:2px;border-radius:var(--kw-r-xs)}
/* Auf dem Handy und bei Touch: Tap-Ziel 44 px */
@media (max-width:640px),(pointer:coarse){
  .ad-tech>summary,.ad-check.ready .ad-tech>summary{min-height:44px}
}
/* Erklärung unter einem Hinweisband: eingeklappt, gleiche Schrift wie das Band */
.ad-band__more{margin-top:0}
.ad-band__more>summary{color:var(--kw-fg-2);padding-block:0}
.ad-band__more .ad-tech__t{background:var(--kw-surface);font-size:14px!important}
.ad-tech__t{margin:4px 0 0!important;padding:10px 12px;border-radius:var(--kw-r-md);background:var(--kw-surface-2);border:1px solid var(--kw-line);font-size:14px!important;line-height:1.6;color:var(--kw-fg-2)!important}
.ad-check__t{display:grid;gap:2px;min-width:0}
.ad-check .ad-scope{margin-top:0}
.ad-hashrow .kw-label{font-weight:600;font-size:15px;color:var(--kw-fg)}

/* Server anlegen gesperrt: Weg zur Betriebspruefung (orange) neben der gesperrten Taste */
.ad-lockhint__act{display:flex;flex-wrap:wrap;gap:10px;align-items:center}

/* Datei waehlen (statt nativem "Choose file"), Pruefwert mit Kopieren, Schritte im Datenschutz-Dialog */
.ad-filepick{position:relative;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ad-filepick__input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}
.ad-filepick__input:focus-visible+label{outline:var(--kw-focus-width) solid var(--kw-focus);outline-offset:2px}
.ad-filepick__name{min-width:0;font-size:14px;color:var(--kw-fg-3);overflow-wrap:anywhere}
.ad-hashrow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--kw-line);border-radius:var(--kw-r-md);background:var(--kw-surface-2)}
.ad-hashrow__tx{display:grid;gap:4px;min-width:0;flex:1 1 260px}
.ad-hashrow__v{display:block;font-family:var(--kw-font-mono);font-size:13px;line-height:1.5;color:var(--kw-fg);overflow-wrap:anywhere;user-select:all}
.ad-hashrow__v.is-empty{font-family:inherit;font-size:14px;color:var(--kw-fg-3);user-select:none}
.ad-step{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:8px;border-radius:50%;border:1.5px solid var(--kw-line-strong);font-size:12px;letter-spacing:0;font-weight:700;color:var(--kw-fg-3);vertical-align:middle}
.ad-manifest__kv.kw-kv>div{min-height:0;padding:8px 0;font-size:14px}
.ad-manifest__kv dd{font-weight:500;font-variant-numeric:normal}
.ad-manifest ul{margin:4px 0}
@media (min-width:900px){
  .ad-checks--cols{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
}

@media (max-width:640px){
  /* Uebersicht: das wichtigste Geldmass (MRR) ueber die volle Breite zuerst, danach vier Zahlen im 2x2-Raster */
  #overview .ad-stats>article:last-child{grid-column:1/-1;order:-1}
  /* Abrechnung: die zwei Geldzahlen nebeneinander, der Anbieter-Zustand darunter ueber die volle Breite */
  #billingKpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  #billingKpis>article:last-child{grid-column:1/-1}
  #billingKpis .kw-stat__label{align-items:flex-start;line-height:1.3}
  #billingKpis .kw-stat__value{font-size:24px}
  #billingKpis .kw-stat__value small{margin-left:4px}

  /* Anklickbare Karten: Pfeil oben rechts, Aktionen links in fester Reihenfolge */
  .kw-table--cards.ad-table--compact tr{position:relative}
  /* Zeile nur mit Menue-Taste: die Taste sitzt oben rechts statt in einer eigenen Zeile */
  .kw-table--cards.ad-table--compact td.kw-act:has(.ad-actions>.ad-menu__btn:first-child){position:absolute;top:8px;right:8px;width:auto;flex:none;padding:0}
  .kw-table--cards.ad-table--compact tr:has(td.kw-act .ad-actions>.ad-menu__btn:first-child) td[data-c="title"]{padding-right:56px}
  .ad-request__head{flex-direction:column-reverse;align-items:flex-start;gap:8px}
  .kw-table--cards.ad-table--compact td.ad-gocell{position:absolute;top:14px;right:10px;width:auto;padding:0;text-align:right}
  .kw-table--cards.ad-table--compact tr.ad-row td[data-c="title"]{padding-right:32px}
  .kw-table--cards.ad-table--compact tr.ad-row td[data-c="act"]{flex:1 1 100%;order:5;margin-left:0;text-align:left}
  .kw-table--cards.ad-table--compact tr.ad-row td[data-c="act"] .ad-actions{justify-content:flex-start}
  .kw-table--cards.ad-table--compact td:empty{display:none}
  .kw-table--cards.ad-table--compact td[data-c="inline"] .ad-cell,.kw-table--cards.ad-table--compact td[data-c="inline"].kw-r .ad-cell{justify-items:start;text-align:left}
  .ad-tablenote{padding:10px 16px 16px}
  /* Reiter im Detaildialog: Auf dem Handy brechen sie in eine zweite Zeile um, statt hinter dem Rand zu verschwinden (Telegram, Umwandlung). */
  .ad-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--kw-line);border-radius:var(--kw-r-md);background:var(--kw-line)}
  .ad-tabs .kw-tab{justify-content:center;gap:6px;min-height:var(--kw-tap);padding:6px 8px;border-radius:0;background:var(--kw-surface);font-size:14px;line-height:1.25;text-align:center;white-space:normal}
  .ad-tabs .kw-tab:last-child:nth-child(odd){grid-column:1/-1}
  .ad-tabs .kw-tab:hover{background:var(--kw-surface)}
  /* Aktiver Reiter: der Marker liegt als innerer Schatten im Feld, die Linien bleiben durchgehend. */
  .ad-tabs .kw-tab[aria-selected="true"]{color:var(--kw-fg);box-shadow:inset 0 -3px 0 var(--kw-marker)}
  .ad-tabs .kw-tab[aria-selected="true"]::after{display:none}
  .ad-tabs .kw-tab:focus-visible{outline-offset:-3px}

  /* Bestaetigung am Handy: kompakt, damit das Pflichtfeld ohne Scrollen sichtbar bleibt; Tasten nebeneinander */
  dialog.ad-confirm{margin:auto 12px;max-height:calc(100dvh - 24px)}
  .ad-confirm .kw-dialog__body{gap:10px;padding:16px 18px 4px}
  .ad-confirm .kw-dialog__body p{font-size:15px;line-height:1.45}
  .ad-confirm__head h2{font-size:20px}
  .ad-confirm__ico{width:38px;height:38px}
  .ad-choicefield{gap:6px}
  .ad-choicefield .kw-choice{min-height:0;padding:9px 12px;gap:10px}
  .ad-choicefield .kw-choice span span{font-size:13px;margin-top:0}
  .ad-confirm__facts{padding:0 12px}
  .ad-confirm__facts>div{min-height:30px;padding:5px 0;font-size:14px}
  .ad-confirm__fields .kw-help{display:none}
  .ad-confirm .kw-dialog__foot{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;padding:10px 18px 14px}
  .ad-confirm .kw-dialog__foot .kw-btn{flex:1 1 0;min-width:0;padding-inline:10px}
  .ad-confirm__gate{flex:1 1 100%;order:-1;text-align:left;margin:0}
  .ad-hashrow{padding:10px 12px}
  /* Feed: Symbol und Text teilen sich eine Zeile, Kategorie und Pfeil stehen darunter */
  .ad-feed .kw-list__main{flex:1 1 calc(100% - 60px)}
  .ad-feed>.kw-badge{margin-left:52px}
  .ad-feed .ad-feed__go{margin-left:auto}
}

/* Betreiber-Feed: ganze Zeile fuehrt zum Ziel */
li.ad-row{cursor:pointer}
.ad-feed .ad-rowlink{display:inline;max-width:none;overflow:visible;text-overflow:clip;white-space:normal;text-align:left}
.ad-feed__go{display:grid;place-items:center;width:28px;height:28px;flex:none;color:var(--kw-fg-3)}
.ad-feed__go .kw-icon{width:20px;height:20px}
li.ad-row:hover .ad-feed__go,li.ad-row:focus-within .ad-feed__go{color:var(--kw-fg)}
/* Kennzahlen am Desktop: lange Beträge mit Einheit bleiben in einer Zeile */
@media (min-width:641px){
  #overview .ad-stats .kw-stat__value{font-size:clamp(26px,1.9vw,32px)}
  #overview .ad-stats .kw-stat__value small{font-size:13px;margin-left:5px}
}

/* 13 MENÜ-FEINSCHLIFF ------------------------------------------------------------- */
/* Steht am Ende, damit diese Regeln die Grundwerte aus Abschnitt 2 überstimmen. */
/* Niedriges Fenster am Desktop (1440 x 900 und kleiner): kompaktere Einträge, damit Navigation, Konto und Abmelden ohne Scrollen passen. */
@media (min-width:1024px) and (max-height:960px){
  .kw-sidebar .kw-nav-item{min-height:40px}
}
/* Menü auf dem Handy: alle Einträge ohne Scrollen sichtbar (Tap-Ziele bleiben 44 px); der Kundengrenze-Hinweis steht nur in der festen Seitenleiste. */
@media (max-width:1023px){
  .kw-sidebar .ad-boundary{display:none}
}
@media (max-width:1023px) and (max-height:900px){
  .kw-sidebar .kw-nav__group{padding-top:6px;padding-bottom:2px}
  .kw-sidebar .kw-nav{gap:0}
  .kw-sidebar .kw-brand{padding-bottom:4px}
}

/* Speicherleiste im Detaildialog auf dem Handy: bündig mit dem Innenrand (20 px), nicht 8 px darüber hinaus. */
@media (max-width:640px){
  .webchat-form>.span-two:last-child{margin-inline:-20px;padding-inline:20px}
}

/* 14 STUFE 4, RUNDE 1 -------------------------------------------------------------- */
/* Technische Angaben (Ereigniscode, Fachwörter) stehen eingeklappt unter der Klartextzeile. */
.ad-feed__tech{margin-top:2px}
.ad-rules__tech{margin-top:12px}
/* Beschriftung nur in der Karte am Handy ("Webchat: aktiv"); am Desktop steht der Name im Spaltenkopf. */
.ad-cmp{display:none}
@media (max-width:640px){
  .ad-cmp{display:inline}
  .ad-table td.ad-nowrap{white-space:normal}
  .kw-table--cards.ad-table--compact td.ad-webchat{font-size:14px;color:var(--kw-fg-3)}
  /* Trial-Bots: Status und Bot-Token stehen als zwei Zustände in einer Zeile; der Telegram-Name darunter bekommt die volle Breite. */
  .kw-table--cards.ad-table--compact td[data-label="Telegram"],.kw-table--cards.ad-table--compact td[data-label="Telegram"]>.ad-cell{display:contents}
  .kw-table--cards.ad-table--compact td[data-label="Telegram"] .kw-badge{order:2}
  .kw-table--cards.ad-table--compact td[data-label="Telegram"] small{order:2;flex:1 1 100%}
  /* Filter-Chips am Handy: eine Reihe zum Wischen statt drei Zeilen ungleicher Breite; der angeschnittene letzte Chip zeigt, dass es weitergeht. */
  .ad-toolbar .kw-chips,.ad-chips{flex:1 1 100%;min-width:0;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:44px}
  .ad-toolbar .kw-chips{padding-block:4px;margin-block:-2px}
  .ad-chips{padding-top:4px;padding-bottom:20px}
  .ad-toolbar .kw-chips>.kw-chip,.ad-chips>.kw-chip{flex:none;scroll-snap-align:start}
  .ad-chips--more{-webkit-mask-image:linear-gradient(to right,var(--kw-fg) calc(100% - 40px),transparent);mask-image:linear-gradient(to right,var(--kw-fg) calc(100% - 40px),transparent)}
  .ad-chips--back{-webkit-mask-image:linear-gradient(to right,transparent,var(--kw-fg) 28px);mask-image:linear-gradient(to right,transparent,var(--kw-fg) 28px)}
  .ad-chips--back.ad-chips--more{-webkit-mask-image:linear-gradient(to right,transparent,var(--kw-fg) 28px,var(--kw-fg) calc(100% - 40px),transparent);mask-image:linear-gradient(to right,transparent,var(--kw-fg) 28px,var(--kw-fg) calc(100% - 40px),transparent)}
}