/* Kunden-Detail (Figma 21:2543 / Split 200:25782): Tabs und Corporate Identity (178:12005). Nur Layout + Tokens. */
.account-tabs{min-width:0;margin:var(--space-8) 0 var(--space-20)}
.account-tabs .sw-tabs{max-width:100%}
.account-page[data-active-tab="overview"] [data-account-tab]:not([data-account-tab="overview"]),
.account-page[data-active-tab="posts"] [data-account-tab]:not([data-account-tab="posts"]),
.account-page[data-active-tab="production"] [data-account-tab]:not([data-account-tab="production"]),
.account-page[data-active-tab="performance"] [data-account-tab]:not([data-account-tab="performance"]),
.account-page[data-active-tab="ci"] [data-account-tab]:not([data-account-tab="ci"]),
.account-page[data-active-tab="learnings"] [data-account-tab]:not([data-account-tab="learnings"]),
.account-page[data-active-tab="teamleader"] [data-account-tab]:not([data-account-tab="teamleader"]),
.account-page[data-active-tab="documents"] [data-account-tab]:not([data-account-tab="documents"]),
.account-page[data-active-tab="settings"] [data-account-tab]:not([data-account-tab="settings"]){display:none!important}

/* Tabs „Teamleader Focus“ und „Dokumente“ (public/account-business.js) */
.account-business{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-16);min-width:0}
.account-business > *{min-width:0}
.account-business__kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:var(--space-12)}
.account-business__list,.account-business__documents{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-8);margin:0;padding:0;list-style:none}
.account-business__actions{display:flex;flex-wrap:wrap;gap:var(--space-8)}

.account-ci{display:flex;flex-direction:column;gap:var(--space-16);min-width:0}
.account-ci-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-16)}
.account-ci-title{margin:0;font:var(--font-h2);letter-spacing:var(--tracking-h2);color:var(--text-primary)}
.account-ci-sub{margin:var(--space-4) 0 0;max-width:62ch;font:var(--font-small);color:var(--text-secondary)}
.account-ci-actions{display:flex;flex-wrap:wrap;gap:var(--space-8)}
.account-ci-message{margin:0;font:var(--font-small);color:var(--text-primary)}
.account-ci-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-16);align-items:start}
.account-ci-col{display:flex;flex-direction:column;gap:var(--space-16);min-width:0}
.account-ci-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));gap:var(--space-12)}
.account-ci-rows{display:flex;flex-direction:column;gap:var(--space-12)}
.account-ci-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:var(--space-8);align-items:end;padding-bottom:var(--space-12);box-shadow:inset 0 -1px 0 var(--border-default)}
.account-ci-color{grid-template-columns:40px minmax(0,1fr) minmax(0,1fr)}
.account-ci-color>:last-child{grid-column:1/-1}
.account-ci-swatch rect[fill="none"]{stroke:var(--border-strong);stroke-width:2}
.account-ci-swatch{width:40px;height:40px;align-self:end}
.account-ci-color input[type=color]{min-height:40px;padding:var(--space-4);cursor:pointer}
.account-ci-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-12)}
.account-ci-hint{margin:0;font:var(--font-tiny);color:var(--text-secondary)}
.account-ci-switches{display:flex;flex-direction:column;gap:var(--space-8)}
@media (max-width:1023px){.account-ci-layout{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.account-ci-rules{grid-template-columns:minmax(0,1fr)}}

/* Kopf und Übersicht (Figma 21:2543) */
.account-crumbs{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-8);margin:0 0 var(--space-8);padding:0;font:var(--font-small);color:var(--text-secondary);background:none;box-shadow:none}
.account-crumbs__back{display:inline-flex;align-items:center;gap:var(--space-6);min-height:44px;color:var(--text-secondary);text-decoration:none}
.account-crumbs__back:hover{color:var(--text-primary)}
.account-crumbs__back:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}
.account-crumbs__current{color:var(--text-primary);font:var(--font-small-medium);overflow-wrap:break-word}
.account-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:var(--space-16);margin:0 0 var(--space-20);padding:0;min-height:0;background:none;box-shadow:none}
.account-head__text{display:flex;flex-direction:column;gap:var(--space-6);flex:1;min-width:0}
.account-head__title{margin:0;font:var(--font-h1);letter-spacing:var(--tracking-h1);color:var(--text-primary);overflow-wrap:break-word}
.account-head__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8) var(--space-12)}
.account-head__meta .account-social-profiles{display:flex;flex-wrap:wrap;gap:var(--space-6);margin:0}
.account-head__meta .account-social-profiles > *{margin:0}
.account-head__actions{display:flex;flex-wrap:wrap;gap:var(--space-8)}
.account-side{display:flex;flex-direction:column;gap:var(--space-16);min-width:0}
.account-people{display:flex;flex-direction:column;gap:var(--space-12);margin:0;padding:0;list-style:none}
.account-person{display:flex;align-items:center;gap:var(--space-12);min-width:0}
.account-person__text{display:flex;flex-direction:column;flex:1;min-width:0}
.account-person__text strong{font:var(--font-body-medium);color:var(--text-primary);overflow-wrap:break-word}
.account-person__text small{font:var(--font-small);color:var(--text-secondary);overflow-wrap:break-word}
.account-side__note{margin:var(--space-12) 0 0;font:var(--font-small);color:var(--text-secondary)}
.account-drive{display:flex;flex-direction:column;gap:var(--space-10);margin:0;padding:0;list-style:none}
.account-drive li{display:flex;align-items:center;gap:var(--space-10);min-height:32px;font:var(--font-small);color:var(--text-secondary)}
.account-drive li > span{flex:1}
.account-drive a{display:inline-flex;align-items:center;gap:var(--space-4);min-height:44px;color:var(--text-brand);font:var(--font-small-semibold);text-decoration:none}
.account-drive__missing{color:var(--text-secondary)}
/* Raster (Figma 21:2543, iPad-Split 200:25782):
   < 1100 px: eine Spalte, Zugänge/Team/Ablage unter dem Inhalt, keine Kundenliste.
   ≥ 1100 px: Kundenliste links, Detail rechts (Zugänge/Team/Ablage unter dem Inhalt).
   ≥ 1600 px: Kundenliste · Inhalt · Zugänge/Team/Ablage (bei 1440 px wäre der Inhalt neben Seitenleiste und Kundenliste zu schmal). */
.account-rail{display:none}
.account-page:not([data-active-tab="overview"]) > .account-side{display:none}
.account-page[data-active-tab="overview"]{display:flex;flex-direction:column}
.account-page[data-active-tab="overview"] > .account-side{order:99;margin-top:var(--space-4)}
@media (min-width:1100px){
  .account-page,.account-page[data-active-tab="overview"]{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--space-20);row-gap:var(--space-16);align-items:start}
  .account-page > *{grid-column:2}
  .account-page > .account-rail{display:flex;grid-column:1;grid-row:1 / span 40}
  .account-page[data-active-tab="overview"] > .account-side{order:99;margin-top:var(--space-20)}
}
@media (min-width:1600px){
  .account-page[data-active-tab="overview"]{grid-template-columns:auto minmax(0,1fr) minmax(300px,360px)}
  .account-page[data-active-tab="overview"] > .account-head-slot,.account-page[data-active-tab="overview"] > .account-tabs{grid-column:2 / -1}
  .account-page[data-active-tab="overview"] > .account-side{grid-column:3;grid-row:3 / span 30;margin-top:0}
}
@media (max-width:599px){.account-head{align-items:flex-start}.account-head__actions{width:100%}}
.account-head__text{flex:1 1 360px;min-width:0}
.account-head > .sw-avatar{align-self:flex-start;margin-top:var(--space-4)}
/* Tab-Karten (renderAccountPanels) */
.account-panel .sw-card__body{display:flex;flex-direction:column;gap:var(--space-16)}
.account-panel[hidden]{display:none}
.account-panel .panel-heading-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8)}

/* Tab „Einstellungen“: Zugänge und Posting-Einstellungen direkt bearbeiten */
.account-edit-form{display:flex;flex-direction:column;gap:var(--space-16);min-width:0;margin:0;padding:0;border:0}
.account-edit-form > .sw-setting{padding:0;box-shadow:none}
.account-edit-form__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-8) var(--space-16);padding-top:var(--space-16);box-shadow:inset 0 1px 0 var(--border-default)}
.account-edit-form__bar > .settings-status{flex:1 1 220px}
@media (max-width:640px){.account-edit-form__bar{justify-content:flex-start}}
.account-edit-form .settings-status[data-tone="danger"]{color:var(--status-danger)}
.account-edit-form .settings-status[data-tone="success"]{color:var(--status-success)}
.account-access{display:flex;flex-direction:column;gap:var(--space-8);margin:0;padding:0;list-style:none}
.account-access__item{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:var(--space-4) var(--space-12);min-width:0;padding:var(--space-10) var(--space-12);border-radius:var(--radius-lg);background:var(--bg-surface-2)}
.account-access__text{display:flex;flex-direction:column;min-width:0;color:inherit;text-decoration:none}
.account-access__text:hover strong{color:var(--text-brand)}
.account-access__text:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-md)}
.account-access__text strong{font:var(--font-body-semibold);color:var(--text-primary)}
.account-access__text small{font:var(--font-small);color:var(--text-secondary);overflow-wrap:break-word}
.account-access__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-8)}
.account-access__switch{display:inline-flex;align-items:center;gap:var(--space-8);font:var(--font-small-medium);color:var(--text-secondary);cursor:pointer}
.account-access__switch > span{max-width:200px;text-align:right}
@media (max-width:640px){.account-access__switch > span{max-width:96px;font:var(--font-tiny)}}
.account-access-others .account-access{margin:0 var(--space-16) var(--space-16)}
.account-access__item:has([data-account-access-toggle]:not(:checked)) .account-access__text strong{color:var(--text-secondary)}
@media (max-width:640px){
  .account-access__item{grid-template-columns:auto minmax(0,1fr) auto}
  .account-access__meta{grid-column:2 / -1;grid-row:2;justify-content:flex-start}
}
.account-access-add__body{display:flex;flex-direction:column;gap:var(--space-12)}
.account-profiles-field{display:flex;flex-direction:column;gap:var(--space-8);min-width:0;margin:0;padding:0;border:0}
.account-profiles{display:flex;flex-wrap:wrap;gap:var(--space-8);margin:0;padding:0;list-style:none}
.account-profile-add{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-8)}
.account-profile-add > .sw-input{flex:1 1 200px}
.account-profile-add > .sw-select{flex:0 1 160px}
.account-catchup-fields{max-width:720px}
#account-settings-form:has(#account-settings-catchup:not(:checked)) .account-catchup-fields{display:none}

/* Nächstes Video zum Posten: auf schmalen Screens untereinander, Titel ohne Wortbruch */
@media (max-width:520px){
  .account-next-posting-panel .posting-recommendation-head{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-12)}
  .account-next-posting-panel .posting-video-summary h2{font:var(--font-h3);overflow-wrap:normal}
}

/* Kunde › Beiträge / Produktion / Performance (account-contributions.js, statistics-view.js) */
.account-contributions{display:flex;flex-direction:column;gap:var(--space-12);min-width:0}
.account-contributions__filters{display:flex;flex-wrap:wrap;gap:var(--space-8)}
.account-contributions__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:var(--space-12)}
.account-contributions__table{display:none;min-width:0}
@media (min-width:1024px){.account-contributions__table{display:block}.account-contributions__cards{display:none}}
.account-production-kpis-slot{margin-bottom:var(--space-16)}
.account-performance__kpis{margin-bottom:var(--space-16)}
.account-contributions__table .posts-title-cell{min-width:220px}
.kpi-tiles:is(.account-production-kpis,.account-performance__kpis,.clients-kpis,.month-detail-tiles){grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}

/* Tab „Learnings“ (account-learnings.js) */
.account-learnings{display:grid;gap:var(--space-16);min-width:0}
.account-learnings__kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-12)}
.account-learnings__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-16);align-items:start}
.account-learnings__grid:has(> :only-child){grid-template-columns:minmax(0,1fr)}
.account-learnings__none,.account-learnings__note{margin:var(--space-8) 0 0;font:var(--font-small);color:var(--text-secondary)}
.account-learnings__facts{display:grid;gap:var(--space-8);margin:0}
.account-learnings__facts div{display:grid;grid-template-columns:minmax(120px,45%) minmax(0,1fr);gap:var(--space-12)}
.account-learnings__facts dt{font:var(--font-small);color:var(--text-secondary)}
.account-learnings__facts dd{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-8);align-items:baseline;margin:0;font:var(--font-small-semibold);color:var(--text-primary)}
.account-learnings__facts small{font:var(--font-tiny);color:var(--text-secondary)}
.account-learnings__insights{display:grid;gap:var(--space-8);margin:0;padding-left:var(--space-18);font:var(--font-small);color:var(--text-primary)}
.account-learnings__videos{display:grid;gap:var(--space-8)}
@media (max-width:900px){.account-learnings__grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.account-learnings__kpis{grid-template-columns:minmax(0,1fr)}.account-learnings__facts div{grid-template-columns:minmax(0,1fr);gap:var(--space-3)}}

/* Wochenziel je Art: Anzahl + Plattformen (Kunden-Einstellungen) */
.account-ziele{display:flex;flex-direction:column;gap:var(--space-12);min-width:0;margin:0;padding:0;border:0}
.account-ziel{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-8) var(--space-16);min-width:0}
.account-ziel > .sw-input{flex:0 1 200px;min-width:0}
.account-ziel__plattformen{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8) var(--space-16);min-height:44px}
.account-ziel__plattform{display:inline-flex;align-items:center;gap:var(--space-6);font:var(--font-small);color:var(--text-primary);cursor:pointer}
span.account-ziel__plattform{color:var(--text-secondary);cursor:default}