/* trustinmedia · Priority. Shared product foundations, Studio + Portal.
   Loaded after legacy styles. No permission/display rules are overridden. */
@font-face{font-family:Outfit;src:url('/assets/fonts/outfit-variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root,:root[data-theme="light"],:root[data-theme="dark"]{
  --ci-hellton:#3a3420;
  --ci-schwarz:#0c0c0c;--ci-dunkelgrau:#272727;--ci-kontrastgelb:#e7b500;--ci-hellton:#fff9e4;
  --font-body:Outfit,system-ui,sans-serif;--font-display:Outfit,system-ui,sans-serif;--font-mono:Outfit,system-ui,sans-serif;
  --bg:#f4f3ee;--bg0:#f4f3ee;--bg1:#eeede7;--surface:#fffefa;--surface-alt:#eeede7;
  --ink:#252621;--ink-dim:#66685e;--ink-faint:#74766b;--border:#dfdfd5;--border-strong:#c8cabe;
  --accent:#ffcb14;--accent-ink:#28240e;--accent-dim:#fff1b5;--primary:#282a25;--primary-dim:#eeede4;--primary-ink:#fff;
  --gold:#ffcb14;--gold-deep:#b18200;--gold-grad:linear-gradient(125deg,#ffe596,#ffcb14);
  --glass:rgba(255,255,252,.72);--glass-strong:rgba(255,255,252,.93);--glass-bg:rgba(255,255,252,.7);
  --stroke:rgba(71,71,46,.14);--stroke-soft:rgba(71,71,46,.09);--glass-border:rgba(71,71,46,.1);
  --ok:#25704b;--danger:#b63f3b;--warn:#946000;--shadow:0 3px 10px #28280f03,0 15px 40px -28px #34351d28;
  --radius:20px;--radius-sm:12px;--material-regular-bg:rgba(248,248,242,.86);--material-regular-blur:blur(22px);
  --material-thick-bg:rgba(255,254,249,.97);--material-thick-blur:blur(28px);
  --pt-bg0:var(--surface);--pt-glass:var(--glass);--pt-stroke:var(--stroke);--pt-stroke-soft:var(--stroke-soft);
  --pt-ink:var(--ink);--pt-ink-dim:var(--ink-dim);--pt-ink-faint:var(--ink-faint);--pt-gold:var(--gold);--pt-gold-grad:var(--gold-grad);
  --pt-danger:var(--danger);--pt-ok:var(--ok);--pt-radius:var(--radius);--pt-radius-sm:var(--radius-sm);--pt-shadow:var(--shadow);
  --pt-field-bg:var(--surface);--pt-gold-ink:var(--accent-ink);--pt-font-mono:var(--font-body);
  --ease:cubic-bezier(.2,.8,.2,1);--nav-width:232px;--chart-track:#e8e8dd;--nav-active:#292b27;--nav-active-ink:#fffef7;
  color-scheme:light;
}
:root[data-theme="dark"]{
  --bg:#20221f;--bg0:#20221f;--bg1:#282a25;--surface:#2b2d28;--surface-alt:#34372f;
  --ink:#f1f0e8;--ink-dim:#bcbeb1;--ink-faint:#a1a597;--border:#45483e;--border-strong:#626657;
  --primary:#ffcb14;--primary-ink:#28240e;--primary-dim:#403b24;--accent-dim:#443d20;
  --glass:rgba(48,51,43,.82);--glass-strong:rgba(50,54,44,.95);--glass-bg:rgba(48,51,43,.7);
  --stroke:#4b4f42;--stroke-soft:#414438;--glass-border:#414438;--ok:#98d4a3;--danger:#ffaaa0;--warn:#f7ce71;
  --material-regular-bg:rgba(36,39,32,.94);--material-thick-bg:rgba(43,46,38,.98);--chart-track:#424739;
  --nav-active:#ffcb14;--nav-active-ink:#28240e;--shadow:0 10px 32px -24px #0009;color-scheme:dark;
}
html{scroll-behavior:smooth;scroll-padding-top:85px}
body{font-family:var(--font-body);background:var(--bg);color:var(--ink);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}
body::before{inset:-400px -230px auto auto;width:1100px;height:1000px;filter:none;opacity:1;background:radial-gradient(ellipse,#ffcb1420,transparent 65%)}
body::after{inset:auto auto -480px -420px;width:1100px;height:900px;filter:none;opacity:1;background:radial-gradient(ellipse,#ffdd8414,transparent 65%)}
h1,h2,h3,.display,.page-title,.section-title{font-family:var(--font-body);text-transform:none;letter-spacing:-.035em;font-weight:500;color:var(--ink)}
h1,.page-title{font-size:clamp(27px,2.65vw,40px);line-height:1.16}h2{font-size:25px}h3{font-size:18px}
button,input,select,textarea{font-family:var(--font-body)}
:focus-visible{outline:3px solid #aa7e00;outline-offset:3px}
::selection{background:#ffcb1460;color:var(--ink)}
.eyebrow,.pt-eyebrow{font-family:var(--font-body);font-size:11px;letter-spacing:.12em;color:var(--ink-dim)}
.hl{font-family:var(--font-body)!important;color:var(--ink);font-weight:500}
.sidebar,.portal-sidebar{background:var(--material-regular-bg);width:var(--nav-width);padding:24px 14px 18px;gap:20px;border-right:1px solid var(--stroke-soft);backdrop-filter:blur(22px);transition:width .36s var(--ease),padding .36s var(--ease),transform .3s var(--ease);scrollbar-width:thin;scrollbar-color:var(--border) transparent}
.sidebar .brand,.sidebar-brand{min-height:47px;gap:9px;padding:0 5px 14px;border-bottom:1px solid var(--stroke-soft);flex-wrap:nowrap}
.brand .logo-img,.sidebar-brand .logo-img{height:38px;width:53px;object-fit:contain}
.priority-wordmark{display:flex;flex-direction:column;line-height:1.1;white-space:nowrap;font-size:15px;font-weight:550;letter-spacing:-.04em}
.priority-wordmark small{font-size:9px;font-weight:450;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);margin-top:5px}
.sidebar .brand>.sub,.sidebar-brand .sub{display:none}
.sidebar-toggle{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:38px;flex-shrink:0;padding:8px 11px;border:1px solid var(--stroke-soft);border-radius:11px;background:var(--glass);color:var(--ink-dim);cursor:pointer;font-size:12px}
.sidebar-toggle svg{width:18px;height:18px;flex-shrink:0;transition:transform .35s var(--ease)}
.nav-item,.sidebar-nav a,.sidebar-footer a{min-height:42px;gap:11px;border-radius:11px;font-size:13px;padding:10px 12px;font-weight:450;transition:background .2s var(--ease),color .2s var(--ease),transform .2s var(--ease)}
.nav-item:hover,.sidebar-nav a:hover,.sidebar-footer a:hover{background:var(--surface-alt);transform:translateX(2px);color:var(--ink)}
.nav-item.active,.nav-item.active:hover,.sidebar-nav a.active,.sidebar-footer a.active{background:var(--nav-active);color:var(--nav-active-ink);font-weight:500;box-shadow:0 4px 10px #23231b10}
.nav-icon{width:18px;height:18px;flex:0 0 18px;opacity:.85;stroke-width:1.6}
.nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .18s var(--ease)}
.nav-section-title{font-size:10px;letter-spacing:.12em;padding:8px 12px;color:var(--ink-dim);min-height:32px}
.nav-section-title:focus-visible{border-radius:6px}
.nav-section-title .chev{transition:transform .25s var(--ease)}
.nav-item.active .nav-badge{background:#ffcb14;color:#252621}
.kopf-user{border:1px solid var(--stroke-soft);background:var(--glass);border-radius:13px;min-height:50px;padding:7px;max-width:100%}
.kopf-avatar{background:var(--accent-dim);color:var(--ink);border:0;width:32px;height:32px;font-size:13px}
.kopf-name{font-size:12px}.sidebar-client{border-radius:13px;background:var(--glass);padding:10px}
.logout-btn{font-family:var(--font-body);border-color:var(--stroke);border-radius:11px;min-height:40px;color:var(--ink-dim);font-size:12px}
.main,.portal-main{min-width:0;flex:1}.kopfleiste{padding:14px 32px;min-height:64px;background:var(--material-regular-bg);border-bottom:1px solid var(--stroke-soft);gap:12px}
.priority-breadcrumb{font-size:12px;color:var(--ink-dim);display:flex;gap:10px;align-items:center}.priority-breadcrumb b{font-weight:450;color:var(--ink)}
.priority-breadcrumb span{opacity:.5}.priority-head-link{font-size:12px;text-decoration:none;color:var(--ink-dim);border:1px solid var(--stroke);border-radius:999px;padding:7px 13px}
.topbar{padding:30px 32px 0;gap:16px}.content{padding:22px 32px 48px;max-width:1600px;width:100%;margin:0 auto}
.portal-main .container{max-width:1440px;padding:34px 36px 80px}
.panel,.pt-panel,.stat-card,.tile,.todo-card,.ff-section,.referral-card,.rep-card,.rep-chart-card{background:var(--glass);border:1px solid var(--stroke-soft);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(12px)}
.panel,.pt-panel{padding:24px}.stat-card{padding:22px;transition:transform .24s var(--ease),box-shadow .24s var(--ease),background .24s var(--ease)}
a.stat-card:hover,.tile:hover{transform:translateY(-3px);background:var(--glass-strong);box-shadow:0 12px 28px -18px #54523c45}
.stat-card .num{font-family:var(--font-body);font-size:36px;font-weight:400;letter-spacing:-.055em;line-height:1.2;font-variant-numeric:tabular-nums;color:var(--ink)}
.stat-card .label{font-family:var(--font-body);font-size:12px;text-transform:none;letter-spacing:0;color:var(--ink-dim);margin-top:6px}
.grid-cards{gap:14px;margin-bottom:18px}.section-title{font-size:18px;margin:28px 0 14px;letter-spacing:-.02em}
.btn:not(.pv-bild-knopf),.pt-btn{border-radius:11px;min-height:40px;padding:9px 16px;border-color:var(--stroke);background:var(--glass);color:var(--ink);box-shadow:0 1px 2px #25262104;transition:transform .18s var(--ease),background .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease);font-size:13px;font-weight:500}
.btn:not(.pv-bild-knopf):hover:not(:disabled),.pt-btn:hover:not(:disabled){background:var(--surface-alt);border-color:var(--border-strong);transform:translateY(-1px);box-shadow:0 5px 12px -8px #2227}
.btn:not(.pv-bild-knopf):active:not(:disabled),.pt-btn:active:not(:disabled){transform:translateY(0) scale(.98)}
.btn.btn-primary,.pt-btn.pt-btn-primary{background:var(--gold-grad);border-color:#e8bb24;color:#29250f;box-shadow:inset 0 1px #ffffff65,0 3px 9px -6px #b1820050}
.btn.btn-primary:hover:not(:disabled),.pt-btn.pt-btn-primary:hover:not(:disabled){background:linear-gradient(125deg,#ffe9a8,#ffd535);border-color:#d6ad27;color:#29250f}
.btn:disabled,.pt-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
.btn.btn-danger,.btn.danger,.pt-btn-danger{background:transparent;color:var(--danger);border-color:color-mix(in srgb,var(--danger) 30%,transparent)}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),select,textarea,.pt-input,.bf input,.bf select,.bf textarea,.pe .pe-begruendung{background:var(--surface);color:var(--ink);border:1px solid var(--stroke);border-radius:10px;font-family:var(--font-body);font-size:13px;transition:border-color .2s,box-shadow .2s;min-height:40px}
input::placeholder,textarea::placeholder{color:var(--ink-faint)}
input:focus,textarea:focus,select:focus{border-color:#b88e16;box-shadow:0 0 0 3px #ffcb1420}
select option,.bf select option{background:var(--surface);color:var(--ink)}
input[type="checkbox"],input[type="radio"]{accent-color:#b58a00}
label,.field>label{color:var(--ink-dim);font-family:var(--font-body);font-size:12px}
table{border-collapse:separate;border-spacing:0}th{font-family:var(--font-body)!important;font-weight:500;letter-spacing:.035em!important;font-size:10px!important;color:var(--ink-dim);background:var(--surface-alt)}
td{border-color:var(--stroke-soft);font-size:13px}tbody tr{transition:background .18s}tbody tr:hover{background:var(--accent-dim)}
.badge,.pt-badge,.chip,.status{font-family:var(--font-body);font-size:11px;border-radius:7px;letter-spacing:0}
.badge.overdue{background:#b63f3b12;color:var(--danger)}
.task-row,.tb-row,.dl-row,.vfl-row{border-color:var(--stroke-soft);transition:background .18s var(--ease),transform .18s var(--ease)}
.task-row:hover,.tb-row:hover,.vfl-row:hover{background:var(--accent-dim)}
.empty,.pt-empty{color:var(--ink-dim);font-size:13px;line-height:1.7}
.modal,.modal-card,.pt-modal,.vdo-modal,.notif-panel{background:var(--material-thick-bg);color:var(--ink);border-color:var(--stroke);box-shadow:0 24px 90px #20251c30;border-radius:22px;backdrop-filter:blur(28px)}
.overlay,.modal-overlay,.vdo-overlay{backdrop-filter:blur(8px)}
.bf,.pe{--wf-line:var(--stroke)}.bf .bf-fassung,.pe .pe-karte{background:var(--glass);box-shadow:var(--shadow);border:1px solid var(--stroke-soft)!important}
.bf details{background:var(--glass)}.bf summary{cursor:pointer}.bf-fassung-kopf>strong,.pe-kopf>strong{font-weight:500}
.greeting h1{font-size:clamp(32px,3.2vw,48px);line-height:1.15;font-weight:400}.greeting p{color:var(--ink-dim);font-size:14px}
.greeting{padding:28px 32px;border:1px solid var(--stroke-soft);border-radius:24px;background:linear-gradient(115deg,var(--glass-strong),var(--glass) 50%,#ffcb1429);margin-bottom:20px;box-shadow:var(--shadow)}
.login-card{background:var(--glass-strong);border:1px solid var(--stroke);border-radius:26px;box-shadow:0 24px 80px -45px #44462f50;padding:38px;backdrop-filter:blur(24px)}
.login-card h1{font-size:30px;font-weight:450}.login-card .brand{border:0}.login-card .logo-img{height:65px;width:auto}
/* Dashboard: an operational snapshot, never a made-up historical trend. */
.priority-dashboard{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.25fr) minmax(210px,.75fr);gap:18px;align-items:start}
.priority-dashboard>*,.priority-portal-grid>*{min-width:0}
.priority-hero{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(112deg,var(--glass-strong),var(--glass) 50%,#ffcb1433);padding:28px 32px;border:1px solid var(--stroke-soft);border-radius:24px}
#db-kopf{margin:0!important}#db-kopf>div:first-child{font-size:clamp(25px,2.6vw,39px)!important;font-weight:400!important;letter-spacing:-.045em}
.priority-hero .priority-overline{font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:9px;color:var(--ink-dim)}
.priority-hero-link{font-size:12px;white-space:nowrap;text-decoration:none;border-bottom:1px solid var(--border-strong);padding-bottom:3px}
.priority-metrics{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.priority-metric{display:flex!important;align-items:center;gap:17px}.priority-metric .num{min-width:58px}.priority-metric .label{margin:0}
.priority-dashboard #db-heute{grid-column:1;grid-row:3/span 2;margin:0!important;padding:18px;min-height:290px}
.priority-dashboard .ff-section-head{flex-wrap:wrap;gap:6px;margin-bottom:12px}.priority-dashboard .ff-section-head .name{font-size:17px;font-weight:500}.priority-dashboard .ff-section-head .count{font-size:11px;color:var(--ink-dim)}
.priority-dashboard #db-heute-alle{font-size:11px!important}.priority-dashboard .tb-row{padding:12px 4px;border-bottom:1px solid var(--stroke-soft);border-radius:9px}.priority-dashboard .tb-title{font-size:13px;font-weight:500}.priority-dashboard .tb-meta{font-size:11px}
.priority-analytics{grid-column:2/4;padding:22px 24px}.priority-panel-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:22px}
.priority-panel-head h3{font-size:18px;letter-spacing:-.03em}.priority-panel-head p{margin:4px 0 0;font-size:11px;color:var(--ink-dim)}
.priority-panel-head a{border:1px solid var(--stroke);border-radius:50%;width:32px;height:32px;display:grid;place-items:center;text-decoration:none;flex:none}
.priority-bars{display:flex;gap:12px;align-items:flex-end;height:160px;padding-top:20px;border-bottom:1px solid var(--stroke);background:repeating-linear-gradient(to top,transparent,transparent 39px,var(--stroke-soft) 40px)}
.priority-bar-item{flex:1;min-width:0;text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;height:100%;position:relative;text-decoration:none}
.priority-bar-fill{width:min(100%,64px);min-height:3px;border-radius:10px 10px 2px 2px;background:linear-gradient(180deg,#ffdc65,#ffcb14);transform-origin:bottom;animation:priority-grow .65s var(--ease) both;transition:filter .18s,transform .18s}
.priority-bar-item:nth-child(even) .priority-bar-fill{background:linear-gradient(180deg,#76796a,#3c4035)}
.priority-bar-item:hover .priority-bar-fill{filter:brightness(1.1);transform:scaleX(.93)}
.priority-bar-count{font-size:12px;line-height:24px;font-variant-numeric:tabular-nums}.priority-bar-labels{display:flex;gap:12px;margin-top:10px}.priority-bar-labels a{flex:1;min-width:0;text-align:center;font-size:10px;color:var(--ink-dim);text-decoration:none;line-height:1.35}
.priority-chart-footer{font-size:10px;color:var(--ink-dim);margin-top:18px}
.priority-dashboard #gf-zaehler{grid-column:2/4;margin:0;grid-template-columns:repeat(2,1fr)}
.priority-dashboard .priority-area-cards{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin:0}.priority-area-cards .stat-card{padding:17px}.priority-area-cards .num{font-size:27px}
.priority-projects{grid-column:1/3}.priority-new-project{grid-column:3}.priority-dashboard #publish-today-widget,.priority-dashboard>.setup-banner,.priority-dashboard>.tb-row{grid-column:1/-1}
.priority-dashboard #publish-today-widget:empty{display:none}.priority-dashboard .priority-projects h3{margin-bottom:16px}.priority-projects .task-row{padding:13px 10px!important;border-left:0!important;border-bottom:1px solid var(--stroke-soft)}
.priority-new-project select{width:100%;max-width:100%}.priority-new-project .btn{width:100%}
.priority-ring{position:relative;flex:none;width:138px;height:138px;display:grid;place-items:center}.priority-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.priority-ring circle{fill:none;stroke:var(--chart-track);stroke-width:7}.priority-ring circle:last-child{stroke:#ffcb14;stroke-linecap:round;stroke-dasharray:var(--ring-dash) 302;animation:priority-ring .85s var(--ease)}
.priority-ring strong{font-size:30px;font-weight:450;letter-spacing:-.06em}.priority-ring span{display:block;text-align:center;font-size:10px;color:var(--ink-dim);line-height:1.2;max-width:92px}
.priority-ring-text{z-index:1;text-align:center}.priority-hero-aside{display:flex;align-items:center;gap:20px}.priority-hero-aside p{max-width:130px;margin:0;font-size:11px;color:var(--ink-dim)}
.priority-portal-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 24px}.priority-portal-metrics .stat-card{text-decoration:none;color:var(--ink);padding:22px}
.priority-portal-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.8fr);gap:22px}.priority-portal-grid .section-title:first-child{margin-top:0}
.priority-portal-focus{padding:24px}.priority-portal-focus .todo-card{box-shadow:none;padding:16px;margin-bottom:10px;border-radius:13px}.priority-portal-grid .tiles{grid-template-columns:1fr}.priority-portal-grid .tile{padding:20px}.priority-portal-grid .tile.locked{opacity:1}
.priority-route-enter{animation:priority-enter .3s var(--ease) both}
@keyframes priority-enter{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes priority-grow{from{transform:scaleY(.04)}to{transform:scaleY(1)}}
@keyframes priority-ring{from{stroke-dasharray:0 302}}
@media(min-width:901px){
  .sidebar{position:sticky;top:0;height:100dvh;overflow-y:auto;align-self:flex-start}
  .priority-nav-collapsed{--nav-width:82px}
  .priority-nav-collapsed .sidebar,.priority-nav-collapsed .portal-sidebar{padding-left:12px;padding-right:12px}
  .priority-nav-collapsed .nav-label,.priority-nav-collapsed .priority-wordmark,.priority-nav-collapsed .kopf-name,.priority-nav-collapsed .sidebar-client-info,.priority-nav-collapsed .sidebar-toggle span{display:none}
  .priority-nav-collapsed .nav-item,.priority-nav-collapsed .sidebar-nav a,.priority-nav-collapsed .sidebar-footer a{justify-content:center;gap:0;padding:12px;position:relative}
  .priority-nav-collapsed .nav-badge{position:absolute;top:1px;right:1px;padding:0 4px;font-size:9px}
  .priority-nav-collapsed .nav-section-title{font-size:0;justify-content:center;padding:4px}.priority-nav-collapsed .nav-section-title .chev{font-size:10px}
  .priority-nav-collapsed .sidebar-toggle{justify-content:center;padding:10px}.priority-nav-collapsed .sidebar-toggle svg{transform:rotate(180deg)}
  .priority-nav-collapsed .kopf-user,.priority-nav-collapsed .sidebar-client{justify-content:center;padding:7px}
  .priority-nav-collapsed .sidebar .brand,.priority-nav-collapsed .sidebar-brand{padding-left:0;padding-right:0;justify-content:center;flex-wrap:wrap}
  .priority-nav-collapsed .sidebar-brand .notif-btn{margin:0}.priority-nav-collapsed .logout-btn{font-size:10px;padding:8px 2px}
}
@media(max-width:1200px){.priority-dashboard{grid-template-columns:minmax(250px,.85fr) minmax(0,1.15fr)}.priority-analytics,.priority-dashboard #gf-zaehler{grid-column:2}.priority-projects{grid-column:1/-1}.priority-new-project{grid-column:1/-1}.priority-new-project select{width:auto}.priority-new-project .btn{width:auto}.priority-hero-aside p{display:none}.priority-hero{padding:25px}.content{padding:22px 24px 48px}.topbar{padding:25px 24px 0}.priority-portal-grid{grid-template-columns:1fr}.priority-portal-grid .tiles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.sidebar-toggle{display:none}.sidebar,.portal-sidebar{width:min(280px,85vw);background:var(--material-thick-bg)}.priority-wordmark{display:flex}.content{padding:18px 20px 40px}.topbar{padding:20px 20px 0}.kopfleiste{padding:10px 20px}.portal-main .container{padding:24px 20px 70px}.portal-topbar-mobile{background:var(--material-regular-bg);border-color:var(--stroke)}.priority-head-link{display:none}.priority-hero{gap:12px}.priority-ring{width:112px;height:112px}.priority-ring strong{font-size:26px}}
@media(max-width:640px){.priority-dashboard{display:flex;flex-direction:column;gap:16px}.priority-dashboard>*{width:100%}.priority-dashboard #db-heute{min-height:0}.priority-metrics,.priority-portal-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.priority-metric{display:block!important;padding:13px 11px}.priority-metric .num,.priority-portal-metrics .num{font-size:28px;min-width:0}.priority-metric .label,.priority-portal-metrics .label{font-size:10px;margin-top:5px}.priority-portal-metrics .stat-card{padding:14px 10px}.priority-dashboard .priority-area-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.priority-hero{padding:23px 19px}.priority-hero-aside{display:none}.priority-hero-link{display:none}.priority-analytics{padding:20px}.priority-dashboard #gf-zaehler{display:grid;grid-template-columns:1fr 1fr}.priority-panel-head{margin-bottom:15px}.priority-bar-labels{gap:5px}.priority-bar-labels a{font-size:9px}.priority-bars{height:135px}.priority-projects,.priority-new-project{padding:20px}.priority-breadcrumb{font-size:11px}.priority-portal-grid .tiles{grid-template-columns:1fr}.greeting{padding:24px}.greeting h1{font-size:32px}.priority-portal-focus{padding:18px}.priority-portal-focus .todo-card{align-items:flex-start}.priority-portal-focus .todo-card .btn{align-self:flex-start}.login-card{padding:28px}.panel,.pt-panel{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep the operational chart beside Today even when shooting-day notices exist. */
.priority-dashboard>.priority-hero{grid-row:1}.priority-dashboard>.priority-metrics{grid-row:2}
.priority-dashboard>.priority-analytics{grid-row:3}.priority-dashboard>#gf-zaehler{grid-row:4}
html[data-priority-route="dashboard"] .topbar{display:none}
html[data-priority-route="dashboard"] .content{padding-top:28px}
.sidebar,.portal-sidebar{gap:13px}
.sidebar .nav-top:not(:has(.nav-item:not([style*="display: none"]):not([style*="display:none"]):not([data-route="brain"]))){display:none}
.priority-dashboard .tb-tag{font-family:var(--font-body);text-transform:none;letter-spacing:0;line-height:1.4}
@media(max-width:640px){.priority-dashboard>.priority-hero,.priority-dashboard>.priority-metrics,.priority-dashboard>.priority-analytics,.priority-dashboard>#gf-zaehler{grid-row:auto}}

.greeting h1 .hl,.login-card h1 .hl{font-family:var(--font-body);font-size:1em;letter-spacing:-.04em;background:none;color:var(--ink);-webkit-text-fill-color:var(--ink)}
.tile .h,.todo-card .t,.rep-kontoname,.vfl-title{font-family:var(--font-body);font-weight:500}
.priority-hero{padding:20px 28px}.priority-hero .priority-ring{width:116px;height:116px}
.priority-dashboard .stat-card{padding:19px 22px}.priority-dashboard .priority-area-cards .stat-card{padding:16px}
.priority-performance{margin:20px 0 24px}.priority-horizontal{padding:10px 0}.priority-horizontal>div:first-child{display:flex;justify-content:space-between;gap:20px;font-size:13px;margin-bottom:9px}.priority-horizontal strong{font-weight:500;font-variant-numeric:tabular-nums}
.priority-track{height:9px;border-radius:8px;background:var(--chart-track);overflow:hidden}.priority-track>span{display:block;height:100%;border-radius:8px;background:var(--gold-grad);animation:priority-width .65s var(--ease) both;transform-origin:left}
.priority-comparison.client-row{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(100px,1.5fr) minmax(80px,.5fr);gap:18px;align-items:center;width:100%;padding:14px 8px;border:0;border-radius:10px;box-shadow:none;background:transparent;color:var(--ink);cursor:pointer;text-align:left}
.priority-comparison:hover{background:var(--accent-dim)}.priority-comparison strong{text-align:right;font-size:15px;font-weight:500;font-variant-numeric:tabular-nums}.priority-comparison small{display:block;font-size:10px;font-weight:400;color:var(--ink-dim)}
.priority-compare-bars{display:flex;flex-direction:column;gap:5px}.priority-compare-bars>span{display:block;height:9px;min-width:1px;border-radius:7px;transform-origin:left;animation:priority-width .7s var(--ease) both}.priority-compare-current{background:var(--gold-grad)}.priority-compare-previous{background:#74776b}
.priority-legend{font-size:10px;color:var(--ink-dim);display:flex;align-items:center;gap:6px;white-space:nowrap}.priority-legend i{width:8px;height:8px;background:var(--accent);border-radius:2px}.priority-legend i:nth-of-type(2){background:#74776b;margin-left:6px}
.priority-client-button{font-family:var(--font-body);text-align:left;color:var(--ink);cursor:pointer}.priority-client-button:hover{background:var(--accent-dim)}
.ov-tile,.client-row{border-radius:15px;background:var(--glass);border:1px solid var(--stroke-soft);box-shadow:var(--shadow)}.ov-tile-count{font-family:var(--font-body);font-weight:400;letter-spacing:-.05em}
.vdo-change-hint,.pdl-chip.warn{color:var(--warn)}
@keyframes priority-width{from{transform:scaleX(.01)}to{transform:scaleX(1)}}
@media(max-width:640px){.priority-comparison.client-row{grid-template-columns:1fr 70px}.priority-compare-bars{grid-row:2;grid-column:1/-1}.priority-comparison strong{grid-row:1;grid-column:2}.priority-panel-head{flex-wrap:wrap}.priority-dashboard .stat-card{padding:14px 12px}}

.nav-section-title>.nav-icon{display:none}
@media(min-width:901px){:root.priority-nav-collapsed{--nav-width:82px}.priority-nav-collapsed .nav-section-title>.nav-icon{display:block}.priority-nav-collapsed .nav-section-title .chev{display:none}.priority-nav-collapsed .nav-section-title{min-height:36px}}
.priority-dashboard>.priority-projects{order:19}.priority-dashboard>.priority-new-project{order:20}.priority-dashboard>#publish-today-widget{order:21}

.vdo-panel{background:var(--material-thick-bg);color:var(--ink);border-color:var(--stroke);box-shadow:0 24px 90px #20251c30;backdrop-filter:blur(24px)}
.vdo-overlay{background:#24271d66}.vdo-box,.vdo-script{background:var(--glass)}.vdo-box-label{font-family:var(--font-body);color:var(--ink-dim)}
.pe .pe-offen{color:var(--warn);background:var(--accent-dim)}.pe .pe-aenderung{color:var(--warn)}.pe .pe-medium{background:var(--surface-alt)}
.topbar h1,#page-title{font-family:var(--font-body);font-weight:450;letter-spacing:-.04em;text-transform:none}

@media(max-width:900px){
 .portal-shell{display:block}.portal-topbar-mobile{display:flex}.sidebar-close{display:flex}
 .sidebar,.portal-sidebar{position:fixed;top:0;left:0;height:100dvh;overflow-y:auto;transform:translateX(-100%);width:min(280px,85vw)}
 .sidebar{z-index:40}.portal-sidebar{z-index:80}.sidebar.open,.portal-sidebar.open{transform:translateX(0)}
}

@media(max-width:900px){#menu-btn{display:inline-flex}.sidebar.open+.sidebar-backdrop{display:block}}
/* Calendar keeps the original actions, gains the same quiet material and motion. */
.pub-cal-cell{border-radius:13px;border-color:var(--stroke-soft);background:var(--glass);padding:9px;min-height:110px}
.pub-cal-cell.pub-cal-heute{background:linear-gradient(140deg,var(--glass-strong),var(--accent-dim));border-color:#d8b345}
.pub-cal-chip{border-radius:9px;background:var(--glass-strong);border-color:var(--stroke);padding:7px;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.pub-cal-chip:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.pub-cal-chip--fehler{border-color:var(--danger)}
@media(max-width:640px){.pub-layout{grid-template-columns:1fr}.pub-cal-cell{min-height:78px;padding:5px}}

/* Blur is reserved for a few structural layers, keeping long lists inexpensive. */
.panel,.pt-panel,.stat-card,.tile,.todo-card,.ff-section,.referral-card,.rep-card,.rep-chart-card{backdrop-filter:none}
.priority-hero,.greeting{backdrop-filter:blur(10px)}

/* Feedback 30.09.: stable icon controls and aligned task surfaces. */
.sidebar,.portal-sidebar{overflow-x:hidden}
.sidebar-toggle{width:38px;height:38px;min-height:38px;padding:9px;align-self:flex-end;justify-content:center;gap:0}
.sidebar-toggle:hover{background:var(--accent-dim);color:var(--ink)}
.sidebar-toggle svg{width:18px;height:18px}
@media(min-width:901px){.priority-nav-collapsed .sidebar-toggle{align-self:center;padding:9px}}
#notif-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--ink-dim);min-width:40px;padding:9px 11px}
#notif-btn .nav-icon{width:18px;height:18px;opacity:1}
#notif-btn:hover{color:var(--ink);background:var(--accent-dim)}
#notif-btn .nav-badge{margin-left:0!important;min-width:18px;text-align:center;background:var(--accent-dim);color:var(--ink);border-radius:6px;font-size:10px}
.priority-dashboard{grid-template-columns:repeat(3,minmax(0,1fr))}
.priority-metric{flex-direction:column;align-items:flex-start;gap:6px;padding:22px 24px}
.priority-metric .num{min-width:0}.priority-metric .label{line-height:1.45}
.priority-dashboard #db-heute{grid-row:3;align-self:stretch;min-height:0;padding:24px}
.priority-dashboard #gf-zaehler{grid-column:1/-1}
.priority-dashboard>.priority-analytics{align-self:stretch}
.priority-dashboard .ff-section-head{align-items:center;gap:8px;margin-bottom:20px}
.priority-dashboard .ff-section-head .name{font-size:17px}
.priority-dashboard #db-heute-alle{margin-left:0!important;flex-basis:100%;padding-left:16px;text-decoration:none}
.priority-dashboard .empty-state{border:0;border-radius:14px;background:var(--surface-alt);padding:24px 18px;margin:0;text-align:left}
.priority-dashboard .empty-state-title{font-weight:500;font-size:14px}
.priority-dashboard .empty-state-hint{font-size:12px;line-height:1.6;margin-top:6px}
html[data-priority-route="tagesboard"] .topbar{max-width:1600px;width:100%;margin:0 auto}
html[data-priority-route="tagesboard"] #tb-filter{gap:10px!important;padding:0 0 4px}
#tb-liste .ff-section{padding:24px;border-radius:20px}
#tb-liste .ff-section-head{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 18px}
#tb-liste .ff-section-head .name{font-family:var(--font-body);font-size:17px;font-weight:500}
#tb-liste .ff-section-head .count{font-family:var(--font-body);font-size:12px;color:var(--ink-dim)}
#tb-liste .empty-state{border:0;border-radius:13px;background:var(--surface-alt);margin:0;padding:26px 24px;text-align:left}
#tb-liste .empty-state-title{font-size:14px;font-weight:500}
#tb-liste .empty-state-hint{font-size:13px;line-height:1.6;margin-top:6px}
#tb-liste .ff-section[data-gruppe="offen-kopf"]{padding:6px 4px;background:transparent;border:0;box-shadow:none;backdrop-filter:none}
#tb-liste .ff-section[data-gruppe="offen-kopf"] .ff-section-head{margin:0}
#tb-leer{padding:24px;background:var(--glass);border:1px solid var(--stroke-soft);border-radius:18px}
#tb-pool-hinweis{margin-top:16px;padding:16px 20px!important;background:var(--accent-dim);border-radius:13px;line-height:1.7}
#tb-liste .tb-row{padding:14px 10px;border-radius:10px}
@media(max-width:1200px) and (min-width:641px){.priority-dashboard{grid-template-columns:minmax(250px,.85fr) minmax(0,1.15fr)}}
@media(max-width:640px){.priority-metric{padding:14px 11px}.priority-dashboard #db-heute{padding:20px}#tb-liste .ff-section{padding:18px}#tb-liste .empty-state{padding:20px 16px}#tb-filter select{max-width:100%}#tb-stat{flex-basis:100%}}

/* Aufgaben-Arbeitsfläche: Kontext zuerst, Briefing im Mittelpunkt (30.09.2026). */
.task-workspace{max-width:1320px;margin:0 auto;padding:6px 0 40px}
.task-back{display:inline-flex;gap:8px;color:var(--ink-dim);font-size:13px;text-decoration:none;padding:8px 0;margin-bottom:22px}
.task-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.task-heading h1{font-size:clamp(26px,3vw,40px);line-height:1.15;letter-spacing:-.035em;margin:8px 0;overflow-wrap:anywhere}
.task-kicker,.task-context-label{font-size:10px;letter-spacing:.13em;color:var(--ink-faint)}
.task-state{padding:9px 15px;border-radius:99px;background:rgba(255,203,20,.16);font-size:13px;white-space:nowrap}
.task-context{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--border);border-radius:20px;background:rgba(255,255,255,.6);margin-bottom:24px;overflow:hidden}
.task-context-item{display:flex;flex-direction:column;gap:9px;padding:20px 24px;min-width:0}
.task-context-item+ .task-context-item{border-left:1px solid var(--border)}
.task-context-item>a,.task-context-item>span:last-child{font-size:14px;overflow-wrap:anywhere;color:var(--ink)}
.task-columns{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:24px;align-items:start}
.task-editor,.task-related,.task-loading{padding:28px!important}
.task-editor h2,.task-related h2{font-size:19px;margin:0 0 24px;letter-spacing:-.02em}
.task-editor .field{margin-bottom:22px}
.task-field-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}
.task-actions{display:flex;gap:18px;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:22px}
.task-actions p{font-size:13px;color:var(--ink-dim);margin:0}
.task-actions button{flex-shrink:0}
.task-related ul{list-style:none;padding:0;margin:0}
.task-related li{display:flex;flex-direction:column;gap:6px;padding:14px 0;border-bottom:1px solid var(--border)}
.task-related li:first-child{padding-top:0}
.task-related li>a{font-size:14px;color:var(--ink);text-decoration:none}
.task-related li>span,.task-related p{font-size:12px;color:var(--ink-dim)}
.task-related li>a:hover,.task-back:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:4px}
.task-project-link{display:inline-block;margin-top:22px;font-size:13px;color:var(--ink)}
@media(max-width:850px){.task-columns{grid-template-columns:1fr}.task-context-item{padding:16px}.task-heading{align-items:flex-start}}
@media(max-width:540px){.task-context{grid-template-columns:1fr}.task-context-item+.task-context-item{border-left:0;border-top:1px solid var(--border)}.task-field-grid{grid-template-columns:1fr;gap:0}.task-actions{flex-direction:column;align-items:stretch}.task-editor,.task-related{padding:20px!important}.task-heading{flex-direction:column;gap:8px}}

/* Einmalige neue Meldung; kein Ton, keine Dauerschleife. */
#notif-btn.notif-neu { animation: tim-notif-glow 1s ease-out 1; }
#notif-btn.notif-neu svg { transform-origin: 50% 15%; animation: tim-notif-swing .8s ease-in-out 1; }
@keyframes tim-notif-swing { 0%,100%{transform:rotate(0)} 20%{transform:rotate(12deg)} 40%{transform:rotate(-10deg)} 60%{transform:rotate(6deg)} 80%{transform:rotate(-3deg)} }
@keyframes tim-notif-glow { 0%,100%{box-shadow:0 0 0 0 #ffcb1400} 40%{box-shadow:0 0 0 7px #ffcb1433;background:#fff1b8} }
@media(prefers-reduced-motion:reduce){ #notif-btn.notif-neu,#notif-btn.notif-neu svg { animation:none; } #notif-btn.notif-neu { outline:2px solid #b99513; } }

.task-time-panel{margin:20px 0;padding:24px 28px!important;}
.task-time-head{display:flex;align-items:center;justify-content:space-between;gap:20px;}
.task-time-head h2{margin:0 0 7px;font-size:19px;}.task-time-head p{margin:0;color:var(--ink-dim);}
.task-time-head strong{font-size:30px;font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap;}
.task-time-hint{font-size:13px;color:var(--ink-dim);line-height:1.6;}
.task-time-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}.task-time-actions a{color:inherit;font-size:13px;}
.task-day-panel{padding:24px 28px!important;margin-bottom:20px;}.task-day-details summary{cursor:pointer;font-weight:500;}
.task-day-details ul{padding:0;list-style:none;}.task-day-details li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);}.task-day-details a{color:inherit;}.task-day-details span{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink-dim);}
@media(max-width:650px){.task-time-head{align-items:flex-start;flex-direction:column;}.task-day-details li{flex-direction:column;gap:4px;}}

.task-sub-panel{margin:20px 0;padding:24px 28px!important;}.task-sub-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.task-sub-heading h2{font-size:19px;margin:0}.task-sub-heading span{color:var(--ink-dim);font-size:13px}.task-sub-list{list-style:none;padding:0;margin:16px 0}.task-sub-list li{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.task-sub-list a{color:inherit;font-weight:500}.task-sub-list small{display:block;margin-top:5px;color:var(--ink-dim)}.task-sub-check{min-width:40px!important;min-height:40px!important}.task-sub-create summary{cursor:pointer;font-weight:500;padding:12px 0}.task-sub-create form{max-width:650px}.task-asset-link{background:none;border:0;padding:6px 0;color:inherit;text-align:left;font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}.task-asset-dialog{max-height:85vh;overflow:auto}.task-asset-delivery{display:block;margin:10px 0;width:100%;text-align:left}

/* Workflow-Einstiege und laufende Arbeitsphase · 06.10.2026 */
.project-quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 24px}
.project-entry{max-width:820px;margin:auto}.project-entry>.panel{margin-top:20px;padding:30px}.project-entry h1{font-size:clamp(26px,3vw,38px);line-height:1.15}.project-entry p{color:var(--ink-dim);line-height:1.65}.project-area-grid{border:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.project-area-grid legend{padding:0;margin-bottom:10px}.project-area-option{display:flex;align-items:center;gap:10px;min-height:64px;padding:16px;border:1px solid var(--border);border-radius:16px;cursor:pointer;transition:border-color .18s,background .18s}.project-area-option:has(input:checked){border-color:var(--accent);background:linear-gradient(135deg,var(--surface),#ffcb1420)}
.active-task-dock{position:fixed;right:24px;bottom:24px;z-index:45;display:grid;grid-template-columns:8px minmax(130px,1fr) auto auto;gap:12px;align-items:center;max-width:min(620px,calc(100vw - 48px));padding:15px 18px;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:0 12px 40px #0002;backdrop-filter:blur(18px)}.active-task-dock[hidden]{display:none}.active-task-dock small{display:block;color:var(--ink-dim);margin-bottom:4px}.active-task-dock a{display:block;color:var(--ink);font-weight:600}.active-task-dock [data-active-message]{grid-column:2/-1;margin:0;font-size:12px}.active-task-pulse{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #ffcb1428}.active-task-dock strong{font-variant-numeric:tabular-nums}
.pub-client-picker{position:relative;min-width:200px}.pub-client-picker summary{cursor:pointer;border:1px solid var(--border);border-radius:12px;padding:12px 16px}.pub-client-picker fieldset{position:absolute;right:0;top:46px;z-index:10;min-width:260px;max-height:320px;overflow:auto;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:0 10px 30px #0002;padding:16px}.pub-client-picker label{display:flex;align-items:center;gap:10px;padding:10px 4px}.pub-client-picker legend{font-size:12px;color:var(--ink-dim)}
@media(max-width:600px){.active-task-dock{right:12px;bottom:12px;max-width:calc(100vw - 24px);grid-template-columns:8px minmax(100px,1fr) auto;padding:12px;gap:8px}.active-task-dock button{grid-column:2/-1}.project-entry>.panel{padding:20px}}

.compact-platform-choice{display:flex;flex-direction:column;gap:6px;flex:0 1 160px;padding:3px}.compact-platform-choice>span{flex:none!important;font-size:11px!important}.compact-platform{border-radius:12px!important;min-width:110px}.compact-platform.active{background:var(--accent)!important;color:var(--ink)!important}

.task-sub-asset-group{padding:16px 0;border-top:1px solid var(--border)}.task-sub-asset-group h3{display:flex;justify-content:space-between;gap:12px;margin:0 0 12px;font-size:16px}.task-sub-asset-group h3 span{font-size:13px;font-weight:400;color:var(--ink-dim)}

.compact-platform{min-width:44px!important;width:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px!important}.compact-platform-choice{flex:0 1 130px}.compact-platform svg{flex:none}

/* Projektablauf, phasenbezogene Arbeitszeit und bestätigte Monatszyklen. */
.workflow-projekt-panel{padding:22px;margin:0 0 24px;background:linear-gradient(120deg,var(--surface,#fff),rgba(255,203,20,.055));border:1px solid var(--border);border-radius:18px}
.workflow-projekt-panel h3{font-size:17px;margin:0 0 10px}.workflow-projekt-panel p{font-size:13px;color:var(--ink-dim);line-height:1.65}.workflow-projekt-panel #wf-kosten,.workflow-projekt-panel #wf-retainer{margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}
.workflow-kosten-summe{display:flex;gap:20px;align-items:baseline;flex-wrap:wrap}.workflow-kosten-summe strong{font-size:26px}.workflow-projekt-panel .workflow-hinweis{font-size:12px}.workflow-tabelle{overflow-x:auto;margin:16px 0}.workflow-tabelle table{width:100%;border-collapse:collapse;font-size:13px}.workflow-tabelle th,.workflow-tabelle td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border)}.workflow-tabelle th{color:var(--ink-dim);font-weight:500}
.workflow-projekt-panel form{display:grid;gap:14px;margin-top:14px}.workflow-projekt-panel label{display:grid;gap:6px;font-size:13px}.workflow-projekt-panel form input[type=checkbox]{justify-self:start}.workflow-projekt-panel details{padding:12px 0}.workflow-projekt-panel summary{cursor:pointer;font-size:13px}.workflow-projekt-panel button{justify-self:start}

/* Produktionsweg und Managementberichte */
.process-path{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}
.process-review{display:grid;gap:18px;max-width:1080px}.process-review .panel,.process-report{padding:24px}
.process-review h2{display:flex;gap:12px;align-items:center;font-size:20px;margin:0 0 8px}.process-count{font-size:13px;color:var(--ink-dim)}
.process-review-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 0;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--border)}
.process-review-row small{display:block;color:var(--ink-dim);margin-top:4px}.process-review-row:hover strong{color:var(--primary)}
.process-review-row:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.process-empty{color:var(--ink-dim)}
.workflow-retainer-settings{margin-top:20px}.script-workspace-assets{display:grid;gap:12px}.script-workspace-assets .panel{padding:20px}
.script-context-links{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
@media(max-width:600px){.process-review-row{align-items:flex-start;flex-direction:column;gap:8px}.process-review .panel,.process-report{padding:18px}.process-path .btn{flex-grow:1;text-align:center}}

/* Script feedback shares the same CI and never exposes costs to customers. */
.script-proposal { margin:20px 0; padding:16px; border:1px solid var(--border,var(--stroke)); border-radius:16px; }
.script-proposal summary { cursor:pointer; font-weight:600; min-height:40px; }
.script-proposal label { display:grid; gap:8px; margin:16px 0; }
.script-proposal textarea { width:100%; box-sizing:border-box; font:inherit; line-height:1.65; padding:14px; border:1px solid var(--border,var(--stroke)); border-radius:12px; background:var(--surface); color:var(--ink); }
.script-comment { padding:12px 0; border-bottom:1px solid var(--border); overflow-wrap:anywhere; }
.script-comment pre { white-space:pre-wrap; font:inherit; }
.script-workspace-assets .panel { min-width:0; }
.sk-editor-grid > div { min-width:0; }
.script-context-links { margin-bottom:20px; }

/* Assetdetails bleiben auch für mehrteilige Skripte lesbar. */
.task-asset-dialog{width:min(880px,calc(100vw - 32px));}
.task-asset-dialog>[data-close]{position:sticky;top:0;z-index:2;}
.task-asset-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0;}
.task-asset-choices .task-asset-delivery{margin:0;white-space:normal;overflow-wrap:anywhere;}
@media(max-width:650px){.task-asset-choices{grid-template-columns:1fr;}}

/* hidden trägt die fachliche Sichtbarkeit, auch bei Flex-/Grid-Komponenten. */
[hidden]:not([hidden="until-found"]){display:none!important}

/* U19: completed projects are history, with no editable workflow controls. */
.archive-banner{margin-block:16px 24px;padding:24px;}
.archive-banner h2{margin:8px 0;font-size:clamp(22px,3vw,30px);}
.archive-banner p{max-width:72ch;line-height:1.65;color:var(--ink-dim);}
.archive-eyebrow{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);}
.archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.archive-section{padding:24px;min-width:0;}
.archive-section h3{margin:0 0 16px;}
.archive-facts{margin:0;display:grid;gap:16px;}
.archive-facts dt{font-size:12px;color:var(--ink-dim);}.archive-facts dd{margin:4px 0 0;overflow-wrap:anywhere;}
.archive-list{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.archive-list li{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--border);}
.archive-list strong{display:block;overflow-wrap:anywhere;}.archive-list li>span{font-size:12px;color:var(--ink-dim);}
.archive-list .btn{max-width:100%;white-space:normal;text-align:left;}
.archive-delivery-modal{max-width:860px;}.archive-delivery-modal .script-legacy,.archive-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;}
.archive-video{display:block;width:100%;max-height:60vh;margin-block:16px;border-radius:16px;background:#222;}
@media(max-width:720px){.archive-grid{grid-template-columns:1fr;}.archive-section,.archive-banner{padding:18px;}}

/* U20: uncertainty changes the label, never the width of the timer frame. */
.active-task-dock [data-active-elapsed],.task-time-head [data-time-value]{display:inline-block;min-width:6.3em;text-align:right;}

/* U30 · day first, clear creation entries and one persistent active-task route. */
.nav-section-title{font-size:11px;font-weight:650;letter-spacing:.09em;min-height:42px;cursor:pointer;gap:8px}
.nav-section-title .chev{font-size:16px;font-weight:500}
.badge.overdue,.tb-row .badge.overdue,.task-row .badge.overdue,.card .badge.overdue{background:linear-gradient(135deg,#e0745d,#b74136);color:#fff;border:1px solid #b3443529;box-shadow:inset 0 1px 0 #ffffff70;white-space:normal;line-height:1.4}
[data-theme="dark"] .badge.overdue{background:linear-gradient(135deg,#663a35,#3f2725);color:#ffcdc2;border-color:#e7977f40}
.priority-dashboard.priority-dashboard-u30{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:22px}
.priority-day-column,.priority-production-column{display:flex;flex-direction:column;gap:18px;min-width:0}
.priority-dashboard-u30 .priority-day-column .priority-hero{padding:24px;border:0;background:linear-gradient(130deg,var(--surface),var(--surface-alt) 64%,var(--accent-dim));box-shadow:none;backdrop-filter:none;isolation:isolate;overflow:hidden;min-height:140px}
.priority-dashboard-u30 #db-kopf>div:first-child{font-size:clamp(25px,2.2vw,33px)!important;line-height:1.15!important;overflow-wrap:anywhere}
.priority-dashboard-u30 #db-heute{min-height:0;padding:24px;grid-row:auto}
.priority-dashboard-u30 #db-heute-alle{flex-basis:auto;padding:0;margin-left:auto!important}
.priority-dashboard-u30>.project-quick-actions{grid-column:1/-1;margin:0;display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:10px;min-height:42px}
.priority-dashboard-u30 .priority-analytics{margin:0;padding:24px;min-height:305px}
.priority-dashboard-u30>.priority-metrics,.priority-dashboard-u30>#gf-zaehler,.priority-dashboard-u30>.priority-area-cards,.priority-dashboard-u30>.priority-projects{grid-column:1/-1;grid-row:auto;order:0}
.priority-dashboard-u30 .priority-metrics{margin-top:4px}
.priority-bar-item .priority-bar-fill,.priority-bar-item:nth-child(even) .priority-bar-fill{background:linear-gradient(180deg,color-mix(in srgb,var(--chart-color,#FFCB14) 58%,var(--surface)),var(--chart-color,#FFCB14));box-shadow:inset 0 1px 0 #ffffff55}
.dashboard-workday{margin:0!important;padding:24px}
.dashboard-clock-head{display:flex;align-items:center;justify-content:space-between;gap:20px}
.dashboard-clock-head h3{margin:7px 0 0;font-size:18px;font-weight:500}
.dashboard-clock-head #live-timer{font-size:26px;flex:none;min-width:6.5em;height:1.3em;display:inline-flex;justify-content:flex-end;align-items:center;font-variant-numeric:tabular-nums}
.dashboard-clock-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.dashboard-work-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px;padding-top:18px;border-top:1px solid var(--stroke-soft);font-size:12px;color:var(--ink-dim)}
.dashboard-work-summary strong{display:block;font-size:21px;font-weight:500;color:var(--ink)}
.dashboard-work-summary span{display:block;margin-top:3px;line-height:1.5}
.dashboard-work-summary p{grid-column:1/-1;margin:0;overflow-wrap:anywhere;line-height:1.6}
.client-overview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px;flex-wrap:wrap}
.client-overview-toolbar p{margin:5px 0 0;color:var(--ink-dim)}
.client-search-field{max-width:440px;margin-bottom:20px}
#client-list-container .client-row{gap:18px;padding:20px;align-items:center}
#client-list-container .client-row>div{min-width:0;flex:1}
#client-list-container .client-row .name{display:inline;color:var(--ink);text-decoration:none;overflow-wrap:anywhere}
#client-list-container .meta{margin-top:7px;color:var(--ink-dim);font-size:12px;line-height:1.5}
.client-create-heading,.client-create-form{max-width:980px;margin-inline:auto}
.client-create-heading p{max-width:700px;color:var(--ink-dim);line-height:1.6;margin:15px 0 24px}
.client-create-form h3{font-size:21px;margin:20px 0 18px}.client-create-form h3:first-child{margin-top:0}
.client-create-form small,.portal-login-link small{display:block;color:var(--ink-dim);font-size:12px;line-height:1.6;margin-top:7px}
.client-postal-city{display:grid;grid-template-columns:minmax(80px,.4fr) minmax(0,1fr);gap:12px}
.client-service-picker{border:0;padding:20px 0;margin:0}.client-service-picker legend{padding:0;font-size:21px;font-weight:500}.client-service-picker p{color:var(--ink-dim);font-size:13px;line-height:1.6;margin:0 0 14px}
.client-service-options{display:flex;flex-wrap:wrap;gap:10px}
.client-service-options label{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--border);border-radius:12px;cursor:pointer;margin:0;min-height:44px;background:var(--surface)}
.client-service-options label:has(:checked){background:var(--accent-dim);border-color:var(--accent)}
.client-service-options input{width:16px;height:16px;accent-color:var(--accent);flex:none;margin:0}
.client-next-step{padding:18px;border-radius:14px;background:var(--surface-alt);font-size:13px;line-height:1.6}.client-next-step p{margin:6px 0 0;color:var(--ink-dim)}
.client-create-form .modal-actions{border-top:1px solid var(--stroke-soft);margin-top:24px;padding-top:20px}
.portal-login-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.portal-login-link label,.portal-login-link small,.portal-login-link p{grid-column:1/-1}
.studio-multi-picker{position:relative;min-width:175px;max-width:100%;font-size:13px}
.studio-multi-picker summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;padding:11px 14px;background:var(--surface);border:1px solid var(--border);border-radius:12px;user-select:none}
.studio-multi-picker summary::-webkit-details-marker{display:none}.studio-multi-picker summary::after{content:'⌄';font-size:16px;color:var(--ink-dim)}
.studio-multi-picker[open] summary{border-color:var(--accent);background:var(--accent-dim)}
.studio-multi-picker fieldset{position:absolute;top:calc(100% + 8px);left:0;z-index:30;width:330px;max-width:calc(100vw - 48px);padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--material-thick-bg);box-shadow:0 12px 36px #2527201c;backdrop-filter:blur(18px)}
.studio-multi-picker legend{float:left;width:100%;font-size:12px;font-weight:600;margin-bottom:12px;padding:0;color:var(--ink-dim)}
.studio-multi-picker [data-picker-search]{clear:both;min-height:40px;width:100%;margin-bottom:10px}
.studio-multi-options{max-height:230px;overflow:auto;overscroll-behavior:contain}
.studio-multi-options label{display:flex;align-items:center;gap:10px;min-height:40px;margin:0;padding:8px 6px;cursor:pointer;border-radius:8px;line-height:1.5}
.studio-multi-options label:hover{background:var(--surface-alt)}.studio-multi-options label[hidden]{display:none}
.studio-multi-options input{width:16px;height:16px;flex:none;accent-color:var(--accent);margin:0}.studio-multi-options span{overflow-wrap:anywhere}
.studio-multi-actions{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--stroke-soft)}
.studio-multi-actions .btn{font-size:12px;padding:9px 12px}
.active-task-dock.active-task-dock-u30{display:block;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;backdrop-filter:none;width:60px;height:60px;max-width:none;right:24px;bottom:24px}
.active-task-dock-u30 .active-task-fab{display:flex;align-items:center;justify-content:center;width:60px;height:60px;padding:0;border-radius:50%;border:1px solid var(--stroke);background:var(--surface);color:var(--ink-dim);box-shadow:0 8px 25px #282a211d;text-decoration:none;transition:background 160ms,box-shadow 160ms,transform 160ms;cursor:pointer}
.active-task-dock-u30[data-state="aktiv"] .active-task-fab{background:linear-gradient(145deg,#ce5844,#923729);border-color:#7b322760;color:#fff;box-shadow:inset 0 1px 0 #ffffff45,0 8px 25px #79372830}
.active-task-dock-u30 .active-task-fab:hover{transform:translateY(-2px)}.active-task-dock-u30 .active-task-fab:disabled{opacity:.6;cursor:default;transform:none}
.active-task-dock-u30 .active-task-popover{position:absolute;right:0;bottom:calc(100% + 14px);width:min(345px,calc(100vw - 48px));padding:20px;border:1px solid var(--border);border-radius:18px;background:var(--material-thick-bg);box-shadow:0 12px 30px #25272020;backdrop-filter:blur(18px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(5px);transition:opacity 160ms,transform 160ms,visibility 160ms;display:grid;gap:12px}
.active-task-dock-u30 .active-task-popover::after{content:'';position:absolute;left:0;right:0;bottom:-18px;height:18px}
.active-task-dock-u30:hover .active-task-popover,.active-task-dock-u30:focus-within .active-task-popover{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.active-task-dock-u30 .active-task-popover a{overflow-wrap:anywhere}.active-task-dock-u30 .active-task-popover p:empty{display:none}
.active-task-dock-u30 .active-task-popover [data-active-elapsed]{grid-column:1;justify-self:start;font-size:23px;min-width:6.5em;height:1.3em}.active-task-dock-u30 .active-task-popover button,.active-task-dock-u30 [data-active-message]{grid-column:1;margin:0;line-height:1.6}
.active-task-empty-hint{position:absolute;bottom:calc(100% + 12px);right:0;white-space:nowrap;padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--ink-dim);font-size:12px;opacity:0;pointer-events:none}
.active-task-dock-u30:hover .active-task-empty-hint{opacity:1}
.main .content{padding-bottom:110px}
@media(max-width:800px){.priority-dashboard.priority-dashboard-u30{display:flex;flex-direction:column}.priority-dashboard-u30>*{width:100%}.priority-dashboard-u30 .project-quick-actions{justify-content:flex-start}.dashboard-clock-head{flex-wrap:wrap}.priority-dashboard-u30>.priority-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.priority-day-column,.priority-production-column{gap:16px}.priority-dashboard-u30 .priority-day-column .priority-hero,.priority-dashboard-u30 #db-heute,.priority-dashboard-u30 .priority-analytics,.dashboard-workday{padding:20px}.dashboard-clock-head #live-timer{font-size:23px}.dashboard-work-summary{gap:14px}.studio-multi-picker{flex:1 1 145px;min-width:0}.studio-multi-picker fieldset{width:calc(100vw - 48px);left:0}#tb-f-projekt fieldset,#tb-f-typ fieldset{left:auto;right:0}.client-create-form .field-grid{grid-template-columns:1fr}.client-postal-city{grid-template-columns:100px minmax(0,1fr)}#client-list-container .client-row{align-items:flex-start;flex-wrap:wrap;padding:18px}.portal-login-link{grid-template-columns:1fr}.active-task-dock.active-task-dock-u30{right:16px;bottom:16px;width:54px;height:54px}.active-task-dock-u30 .active-task-fab{width:54px;height:54px}.active-task-dock-u30 .active-task-popover{width:min(345px,calc(100vw - 32px))}}

.btn{text-decoration:none}
.active-task-dock-u30[data-state="unklar"] .active-task-popover,.active-task-dock-u30:has([data-active-message]:not(:empty)) .active-task-popover{opacity:1;visibility:visible;pointer-events:auto;transform:none}
@media(max-width:640px){.studio-multi-picker fieldset{position:fixed;left:20px!important;right:20px!important;top:24vh;width:auto;max-width:none;max-height:68vh;overflow:auto;z-index:80}.studio-multi-picker::backdrop{background:#282a2140}}

/* U34 · kompakter Kundeneinstieg, gemeinsame Priority-CI */
.priority-dashboard-u34 .priority-analytics #gf-zaehler{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 0;padding-top:14px;border-top:1px solid var(--border)}
.priority-dashboard-u34 #gf-zaehler .stat-card{box-shadow:none;padding:12px;background:var(--surface-alt);border-radius:14px}
.priority-dashboard-u34 #gf-zaehler .num{font-size:24px}.priority-dashboard-u34 #gf-zaehler .label{font-size:12px;line-height:1.5}
.priority-dashboard.priority-dashboard-u34{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px}
.priority-dashboard-u34 .priority-hero{min-height:0!important;padding:22px!important}.priority-dashboard-u34 #db-kopf{margin-bottom:0!important}
.priority-dashboard-u34 .badge.overdue{margin:0 6px 0 0}.priority-dashboard-u34 .tb-row{gap:10px}
.priority-dashboard-u34 .priority-analytics{min-height:0}.priority-dashboard-u34 .priority-chart-footer{font-size:11px;line-height:1.5}
.kunden-schnellaktionen{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.kunden-einstieg{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,300px);gap:20px;align-items:start}
.kunden-einstieg-main.panel{background:none;border:0;box-shadow:none;padding:0;margin:0;min-width:0}
.kunden-abschnitt{margin-bottom:14px;border:1px solid var(--border);border-radius:20px;padding:0 22px;background:var(--surface)}
.kunden-abschnitt>summary{padding:20px 0;font-size:17px;font-weight:550;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
.kunden-abschnitt>summary::after{content:'+';font-size:21px;color:var(--ink-dim)}.kunden-abschnitt[open]>summary::after{content:'−'}
.kunden-abschnitt[open]{padding-bottom:20px}.kunden-abschnitt .field-section-title{margin-top:20px}.kunden-abschnitt>summary+.field-section-title{margin-top:0}
.kunden-abschnitt>summary:focus-visible,.kunden-weg button:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:8px}
.kunden-speicherleiste{position:sticky;bottom:12px;padding:14px!important;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);z-index:3;flex-wrap:wrap}
.kunden-weg{margin:0!important;padding:22px;position:sticky;top:20px}.kunden-weg h3{margin:8px 0 12px}.kunden-weg>p{font-size:12px;line-height:1.6;color:var(--ink-dim)}
.kunden-weg ol{list-style:none;padding:0;margin:20px 0}.kunden-weg li{margin-bottom:8px}.kunden-weg li button{width:100%;text-align:left;border:0;border-radius:12px;background:var(--surface-alt);padding:12px;font:inherit;cursor:pointer;color:var(--ink);display:flex;flex-direction:column;gap:5px}
.kunden-weg li small{font-size:11px;color:var(--ink-dim)}.kunden-weg li[data-stand=vorhanden] small{color:var(--success)}
.kunden-bestandsfelder>summary{font-weight:500;cursor:pointer;margin:10px 0 18px}.kunden-kanal-karten{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.kunden-kanal-karte{display:flex;gap:12px;border:1px solid var(--border);padding:16px;border-radius:16px;min-width:0}.kunden-kanal-karte p{margin:4px 0 10px;overflow-wrap:anywhere;font-size:12px;color:var(--ink-dim)}
.kunden-kanal-karte .kanal-icon{width:38px;height:38px;border-radius:12px;background:var(--surface-alt);display:grid;place-items:center;flex:none}
.kunden-abschnitt .field-grid{min-width:0}.kunden-abschnitt input,.kunden-abschnitt textarea,.kunden-abschnitt select{max-width:100%}
@media(max-width:1000px){.kunden-einstieg{grid-template-columns:minmax(0,1fr)}.kunden-weg{position:static;order:-1}.kunden-weg ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.kunden-weg li{margin:0}}
@media(max-width:800px){.priority-dashboard.priority-dashboard-u34{display:flex;flex-direction:column}}
@media(max-width:640px){.kunden-abschnitt{padding-left:16px;padding-right:16px}.kunden-weg{padding:18px}.kunden-weg ol{grid-template-columns:repeat(2,minmax(0,1fr))}.kunden-schnellaktionen{justify-content:flex-start}.kunden-schnellaktionen .btn{flex:1 1 150px}.kunden-speicherleiste{position:static}.kunden-einstieg .field-grid{grid-template-columns:minmax(0,1fr)}.kunden-kanal-karten{grid-template-columns:minmax(0,1fr)}}

.kunden-import-preview{padding:18px;border:1px solid var(--border);border-radius:16px;margin:14px 0;background:var(--surface-alt)}.kunden-import-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;overflow:auto;font:inherit;font-size:12px;line-height:1.6}.kunden-import-preview select{width:100%;min-height:44px}.kunden-import-preview p{line-height:1.6;font-size:12px}
/* Balkenhinweise bleiben auch bei fünf schmalen Spalten innerhalb des Diagramms. */
.priority-bar-item::after{white-space:normal!important;width:clamp(90px,20vw,140px);min-width:0!important;max-width:140px;box-sizing:border-box;overflow-wrap:anywhere}
.priority-bar-item:first-child::after{left:0;transform:translateY(4px)}.priority-bar-item:last-child::after{left:auto;right:0;transform:translateY(4px)}
.priority-bar-item:first-child:is(:hover,:focus-visible)::after,.priority-bar-item:last-child:is(:hover,:focus-visible)::after{transform:translateY(0)}

.priority-dashboard-u34 .priority-analytics{padding:22px}.priority-dashboard-u34 .priority-panel-head{margin-bottom:14px}.priority-dashboard-u34 .priority-bars{height:142px}.priority-dashboard-u34 .priority-chart-footer{margin-top:14px}.priority-dashboard-u34 .dashboard-workday{padding:22px}.priority-dashboard-u34 .priority-metric{padding:16px 20px}.priority-dashboard-u34 .priority-metric .num{font-size:31px}

/* U35: Aufgabenfläche endet bündig mit dem Arbeitstag; nur der Inhalt scrollt. */
.priority-dashboard-u34 #db-heute{flex:1;margin-bottom:0!important}.priority-dashboard-u34 .priority-day-column{align-self:stretch}
.client-next-step-note{font-size:12px;color:var(--ink-dim);line-height:1.6;margin:18px 0}
.cs-save-status,#f-save-status,#md-speicher-status{font-size:12px;line-height:1.5;color:var(--ink-dim)}
[data-stand="fehler"],[data-stand="unvollstaendig"]{color:var(--danger)!important}
.kunden-speicherleiste #f-save-status{margin-left:auto;max-width:65%;text-align:right}
@media(max-width:640px){.kunden-speicherleiste #f-save-status{max-width:100%;text-align:left;flex-basis:100%}}

/* U36: gleiche Abstände bei Aufgabenbeschriftung und Aktionen. */
.priority-dashboard .tb-row{padding:12px;border-radius:12px;gap:12px}.priority-dashboard .tb-row .tb-title{min-width:0}.priority-dashboard .tb-row .tb-meta{margin-top:5px}

/* U36: Projektbriefing, Produktionsmix und zusätzliche Kundenkontakte. */
.project-briefing-page{max-width:1080px;margin:36px auto;padding:0 24px;display:grid;gap:20px}.project-briefing-page .panel{padding:28px}.project-briefing-page .kf-form{margin-top:20px}.project-briefing summary{display:flex;align-items:center;gap:14px;flex-wrap:wrap;cursor:pointer}.client-contacts{display:grid;gap:12px;margin-bottom:16px}.client-contact{border:1px solid var(--border);border-radius:16px;padding:16px}.client-contact .badge{margin-left:12px}.client-contact p{overflow-wrap:anywhere}.client-contact-form{margin-top:20px}.production-mix{border:1px solid var(--border);border-radius:16px;padding:20px;margin:16px 0}.production-mix legend{padding:0 8px;font-weight:600}.production-mix-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.workflow-contract{display:grid;gap:16px}.workflow-plan-asset{min-width:0}.workflow-retainer-settings form{max-width:100%}.workflow-retainer-settings input,.workflow-retainer-settings select{max-width:100%;box-sizing:border-box}@media(max-width:640px){.production-mix-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.project-briefing-page{padding:0 14px;margin:20px auto}.project-briefing-page .panel{padding:18px}.client-contact .badge{display:inline-flex;margin-top:8px}}

/* Einzelne Projektassets außerhalb der Kurzvideo-Produktion. */
.project-assets-panel{margin-top:28px;padding-top:24px;border-top:1px solid var(--border)}
.project-asset{padding:20px;margin:14px 0;border:1px solid var(--border);border-radius:var(--radius-lg,18px);background:var(--surface)}
.project-asset-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.project-asset-head h4{margin:0;min-width:0;overflow-wrap:anywhere}
.project-assets-panel label{display:flex;flex-direction:column;gap:8px;margin:12px 0}
.project-assets-panel .form-hint{overflow-wrap:anywhere}
.project-asset-tasks{display:grid;gap:10px;padding-left:20px}
.project-asset-tasks li{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.project-asset-tasks a{overflow-wrap:anywhere}
.project-asset details{margin-top:14px}
.project-assets-create{margin-top:20px}
@media(max-width:600px){.project-asset{padding:14px}.project-asset .process-path .btn{width:100%}.project-assets-panel .task-field-grid{grid-template-columns:1fr}}

/* U58: Ansprechpartner kompakt, Einladungen am Kontakt. */
.kunden-hauptkontakt{grid-template-columns:repeat(3,minmax(0,1fr))}.client-contact{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 16px}.client-contact p{margin:4px 0;color:var(--ink-dim);font-size:13px}.client-contact-actions{display:flex;gap:8px;flex-wrap:wrap}.client-contact .badge{margin-left:8px}.kunden-abschnitt #kunde-kontakte-einladung{margin-top:18px;padding:18px;background:var(--surface-alt);border:1px solid var(--border);border-radius:16px}.kunden-abschnitt .portal-login-link{margin-top:16px}.kunden-abschnitt [hidden]{display:none!important}@media(max-width:720px){.kunden-hauptkontakt{grid-template-columns:1fr}.client-contact{grid-template-columns:1fr}.client-contact-actions .btn{flex:1 1 140px}}

/* U60: shared organic reporting, independent of the legacy TikTok-only screen. */
.reporting-view{min-width:0}.report-head,.report-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.report-head{margin-bottom:24px}.report-head h1{margin:0 0 8px}.report-head p{margin:0;color:var(--ink-dim)}.report-actions label{display:grid;gap:6px;min-width:180px}.report-actions select{min-height:44px;max-width:340px}.report-note{color:var(--ink-dim);font-size:13px;overflow-wrap:anywhere}.report-channels{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.report-channels .btn{gap:8px}.report-channels [aria-pressed=true]{background:var(--gold-grad);color:var(--accent-ink);border-color:var(--accent)}.report-channels svg,.report-channel-title svg,.report-post-title svg{width:21px;height:21px;flex-shrink:0}.report-account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px;margin-bottom:22px}.report-account{min-width:0;margin:0!important}.report-channel-title{display:flex;align-items:center;gap:10px}.report-channel-title h2{font-size:20px;margin:0}.report-account p{color:var(--ink-dim)}.report-account-number{display:grid;gap:4px;margin:20px 0 12px}.report-account-number strong{font-size:38px;line-height:1;font-weight:500;font-variant-numeric:tabular-nums}.report-account-number span,.report-account small{font-size:12px;color:var(--ink-dim)}.report-posts h2{margin:0;font-size:24px}.report-post{border:1px solid var(--border);border-radius:14px;margin:10px 0;overflow:hidden}.report-post>summary{display:flex;align-items:center;gap:20px;padding:16px;cursor:pointer;list-style:none;background:var(--glass)}.report-post>summary::after{content:'⌄';margin-left:auto}.report-post[open]>summary::after{content:'⌃'}.report-post-title{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.report-post-title span{min-width:0;overflow-wrap:anywhere}.report-post-title small,.report-post-figure small{display:block;color:var(--ink-dim);font-size:12px}.report-post-figure{min-width:64px;font-variant-numeric:tabular-nums;font-size:20px}.report-post-date{font-size:12px;color:var(--ink-dim)}.report-post-detail{padding:18px}.report-post-detail dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(95px,1fr));gap:14px;margin:0}.report-post-detail dt{font-size:12px;color:var(--ink-dim)}.report-post-detail dd{margin:4px 0 0;font-size:22px;font-variant-numeric:tabular-nums}.report-history{margin:22px 0 0}.report-history figcaption{font-size:13px;color:var(--ink-dim)}.report-history svg{display:block;width:100%;max-height:230px;overflow:visible}.report-chart-axis{stroke:var(--border);fill:none}.report-chart-line{stroke:var(--gold-deep);fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.report-chart-dot{fill:var(--accent);stroke:var(--gold-deep);stroke-width:1.5}.report-chart-dot:focus{stroke:var(--ink);stroke-width:3}.report-history table{width:100%;margin-top:12px}.report-history th,.report-history td{padding:9px;text-align:left;border-bottom:1px solid var(--border)}.report-limits{font-size:13px;color:var(--ink-dim)}.report-limits>summary{cursor:pointer;font-weight:500;font-size:15px;color:var(--ink)}.report-warning{color:var(--danger);overflow-wrap:anywhere}@media(max-width:600px){.report-head,.report-actions{align-items:stretch}.report-actions{width:100%;gap:10px}.report-actions label{width:100%;min-width:0}.report-actions select{max-width:none;width:100%}.report-post>summary{flex-wrap:wrap;gap:12px}.report-post-title{flex-basis:100%}.report-post-date{flex-basis:100%}.report-post>summary::after{position:absolute;right:12px;top:12px}.report-post>summary{position:relative;padding-right:30px}.report-post-detail{padding:14px}}

/* U62: Ein gemeinsamer Skill-Einstieg, keine parallele Engine. */
.skills-hub{display:grid;gap:20px;min-width:0}.skills-engines{display:grid;grid-template-columns:1fr 1fr;gap:20px}.skills-engines .btn{margin:8px 8px 0 0}.skills-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}.skills-filters label{display:grid;gap:8px}.skill-index-row{display:grid;grid-template-columns:minmax(0,1fr) auto 20px;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid var(--border);color:var(--ink);text-decoration:none}.skill-index-row small{display:block;color:var(--ink-dim);overflow-wrap:anywhere;margin-top:6px}.skill-index-row:hover,.skill-index-row:focus-visible{background:var(--surface-alt);outline-offset:3px}.skills-editor-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.skills-hub #website-skill{scroll-margin-top:24px}.skills-hub #website-skill label:has(input[type=checkbox]){display:flex!important;align-items:start;gap:10px}.skills-hub #website-skill input[type=checkbox]{width:18px;min-width:18px;height:18px;padding:0}.skills-hub #website-skill pre{max-width:100%;overflow-wrap:anywhere}
@media(max-width:760px){.skills-engines,.skills-filters,.skills-editor-columns{grid-template-columns:1fr}.skill-index-row{grid-template-columns:minmax(0,1fr) auto;gap:12px}.skill-index-row>span:nth-child(2){font-size:12px}.skill-index-row>span:last-child{display:none}}

/* U63: Vertragsrahmen neben der gebuchten Leistung. */
.client-contract{padding:16px 0;border-top:1px solid var(--border)}.client-contract summary{font-weight:600;cursor:pointer;min-height:40px;display:flex;align-items:center}.client-contract summary::after{content:'⌄';margin-left:auto}.client-contract[open] summary::after{transform:rotate(180deg)}.contract-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contract-fields label{display:grid;gap:8px}.client-contract output{font-variant-numeric:tabular-nums}.legacy-onboarding-answer{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;padding:12px;background:var(--surface-alt);border-radius:12px}@media(max-width:600px){.contract-fields{grid-template-columns:1fr}}

/* U92: Die Kundenakte folgt dem gespeicherten Arbeitsstand. */
.kunden-schritt-stand{margin-left:auto;align-self:center;font-size:12px;font-weight:450;color:var(--ink-dim);text-align:right;max-width:45%}
.kunden-schritt-stand[data-stand=vorhanden]{color:var(--ink)}
.kunden-hauptkontakt-aktionen{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}
.client-service-editor{width:100%;min-width:0;border:1px solid var(--border);border-radius:16px;background:var(--surface)}
.client-service-editor>summary{display:flex;align-items:center;gap:14px;min-height:56px;padding:14px 18px;cursor:pointer;font-weight:550;list-style:none}
.client-service-editor>summary small{margin-left:auto;max-width:65%;font-size:12px;font-weight:400;color:var(--ink-dim);text-align:right;overflow-wrap:anywhere}
.client-service-editor>summary::after{content:'+';color:var(--ink-dim)}
.client-service-editor[open]>summary::after{content:'−'}
.client-service-editor>summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:16px}
.client-service-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:8px 18px 16px}
.client-service-fields>div:nth-child(n+3){grid-column:1/-1}
.client-service-legacy{grid-column:1/-1;border:1px solid var(--border);border-radius:12px;padding:12px 14px}
.client-service-legacy>summary{cursor:pointer;font-size:13px;font-weight:600;min-height:32px}
.client-service-legacy .field{margin-top:14px}
.client-service-editor>div:last-child{padding:0 18px 16px}
.client-contract-inline{margin:0;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface-alt)}
.client-contract-inline h4{margin:0 0 8px;font:inherit;font-weight:550}
.client-contract-inline form .btn{margin:4px 8px 4px 0}
@media(max-width:640px){.kunden-abschnitt>summary{flex-wrap:wrap;gap:8px}.kunden-schritt-stand{max-width:100%}.client-service-editor>summary{flex-wrap:wrap}.client-service-editor>summary small{max-width:100%;flex-basis:100%;order:2;text-align:left;margin:0}.client-service-fields{grid-template-columns:1fr}.client-service-fields>div{grid-column:1}.kunden-hauptkontakt-aktionen .btn{width:100%}}

@media(max-width:640px){.kunden-speicherleiste{padding-right:86px!important;justify-content:flex-start!important}.kunden-speicherleiste #f-save-status{flex-basis:100%}}

/* Leistungen bleiben auch vor Buchung gut lesbar; Aktionen und Rechte bleiben unverändert. */
.portal-main .tiles > .tile.locked{opacity:.55;filter:grayscale(1)}.portal-main .tiles > .tile.locked:hover{opacity:.8}
.tile-gebucht{margin-left:auto;font-size:11px;font-weight:600;color:var(--ink);background:var(--gold);border-radius:999px;padding:2px 9px}
.portal-main .tile .h .nav-icon{color:var(--ink-dim)}
.portal-main .vfl-thumb .nav-icon{width:24px;height:24px}

/* U97 · ausführliche Kundengrundlage ohne Seitenstreifen. */
.master-question-group{border:1px solid var(--border);border-radius:18px;background:var(--surface);overflow:hidden}
.master-question-group>summary{padding:18px 20px;font-weight:500;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}
.master-question-group>summary::after{content:'+';font-size:22px;line-height:1;flex:none;color:var(--ink-dim)}
.master-question-group[open]>summary::after{content:'−'}
.master-question-group>.kf-section{border:0;border-radius:0;padding:0 20px 20px;background:transparent}
.master-question-group .kf-section-head{display:none}
.master-question-group:focus-within{outline:2px solid var(--gold);outline-offset:2px}
.client-contact-icon{width:42px;height:42px;padding:10px!important;display:inline-flex;align-items:center;justify-content:center;flex:none}
.client-contact-icon svg{width:20px;height:20px;flex:none}
.kunden-hauptkontakt-aktionen{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.client-material-drop{display:grid;gap:10px;padding:24px;border:1px solid var(--border);border-radius:18px;background:var(--surface-alt);text-align:center}
.client-material-drop[data-drag=true]{outline:2px solid var(--gold);outline-offset:2px}

.client-material-drop select{max-width:100%;margin:8px 0}.client-material-drop [data-material-list]{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.kunden-archiv{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.kunden-archiv p{font-size:13px;line-height:1.6}.kunden-archiv label{display:flex;align-items:flex-start;gap:10px}.kunden-archiv input[type=checkbox]{width:18px;min-width:18px;margin-top:3px}.kunden-archiv .modal-actions{flex-wrap:wrap}

/* U97: die schwebende Aufgabenaktion darf Absenden auf kleinen Displays nicht überdecken. */
@media(max-width:700px){#kf-actions{padding-right:96px}#kf-actions #kf-save-status{flex:1 1 120px}#kf-actions .btn{flex:0 0 auto;align-self:center}}

/* U98: langsamer Start erhält die Anwendung und verwendet die gemeinsame CI. */
.studio-start-hinweis{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg);color:var(--ink)}
.studio-start-card{width:min(100%,480px);padding:32px;text-align:center}
.studio-start-card h1{font-size:26px;line-height:1.2;letter-spacing:-.035em;margin:0 0 16px}
.studio-start-card p{color:var(--ink-dim);line-height:1.6;margin:0 0 24px}
.studio-start-card .btn{min-height:44px}

/* U99: Ansprechpartner und ihre Portalaktionen bleiben als Einheit sichtbar. */
.kunden-hauptkontakt{padding:20px;border:1px solid var(--border);border-radius:20px;background:var(--surface-alt);gap:16px}
.client-contact-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;white-space:normal}
.client-contact-action svg{width:19px;height:19px;flex:none}
.kunden-hauptkontakt-aktionen{justify-content:flex-start}
.kunden-hauptkontakt #kunde-kontakte-einladung,.kunden-hauptkontakt #kunde-passwort-reset{grid-column:1/-1}
@media(max-width:640px){.kunden-hauptkontakt{padding:16px}.client-contact-action{flex:1 1 180px}}

/* U100–U102: Namen, Produktionsbuchungen und gemeinsame Unterhaltung. */
.kunden-hauptkontakt{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-name-legacy{grid-column:1/-1}.contact-name-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.production-bookings{margin-top:20px;padding:20px;border:1px solid var(--stroke);border-radius:18px;background:var(--surface-alt)}
.production-bookings h4{font-size:18px;margin:0 0 8px}.production-booking{border:1px solid var(--stroke);border-radius:16px;padding:18px;margin:16px 0;background:var(--surface)}.production-booking legend{padding:0 8px;font-weight:500}
.production-booking-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.production-booking-fields input,.production-booking-fields select,.production-add select,.production-month input{display:block;width:100%;box-sizing:border-box;margin-top:6px}.production-booking details{margin-top:12px}.production-active,.production-confirm{display:flex;align-items:flex-start;gap:8px;margin-top:14px}.production-active input,.production-confirm input{flex:none;margin-top:3px}
.production-add,.production-month{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.production-month{margin-top:20px;padding-top:16px;border-top:1px solid var(--stroke)}.production-month p{flex:1 1 180px}.production-add label{flex:1 1 200px}
.customer-chat-toolbar{display:flex;justify-content:flex-end;gap:8px;margin-bottom:12px}.customer-chat-list{display:flex;flex-direction:column;gap:12px;max-height:480px;min-height:180px;overflow:auto;padding:12px;overscroll-behavior:contain;border:1px solid var(--stroke);border-radius:18px;background:var(--surface-alt)}
.customer-chat-message{max-width:86%;padding:14px 16px;background:var(--surface);border:1px solid var(--stroke);border-radius:16px;align-self:flex-start;overflow-wrap:anywhere}.customer-chat-message.is-own{align-self:flex-end;background:var(--gold-soft)}.customer-chat-message header{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:12px}.customer-chat-message time{color:var(--ink-dim);font-size:11px}.customer-chat-message p{white-space:pre-wrap;margin:8px 0 0}.customer-chat-form{margin-top:16px}.customer-chat-form textarea{width:100%;box-sizing:border-box;padding:12px;margin-top:6px}.customer-chat-submit{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:10px}.customer-chat-submit small{color:var(--ink-dim)}
@media(max-width:720px){.production-booking-fields{grid-template-columns:1fr 1fr}.production-bookings{padding:14px}.production-booking{padding:14px}.production-month .btn{width:100%}.customer-chat-message{max-width:94%}}
@media(max-width:480px){.kunden-hauptkontakt,.contact-name-pair,.production-booking-fields{grid-template-columns:1fr}.customer-chat-submit{flex-wrap:wrap}.customer-chat-submit .btn{width:100%}}

/* SK-D1/D2 · Sammel-Upload und Prüfliste. Nur vorhandene Tokens, gleiche Fläche wie die Materialablage. */
.intake-flaeche{text-align:left;margin-bottom:18px}.intake-flaeche>p{margin:0}.intake-aktionen{display:flex;flex-wrap:wrap;gap:8px}
.intake-liste{list-style:none;margin:0;padding:0;display:grid;gap:4px;max-height:320px;overflow:auto}
.intake-zeile{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:4px 12px;align-items:baseline;padding:6px 0;border-bottom:1px solid var(--stroke-soft);font-size:13px}
.intake-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.intake-groesse{color:var(--ink-faint)}
.intake-zustand{font-weight:600}.intake-zustand[data-st=gelesen]{color:var(--ok)}.intake-zustand[data-st=nicht_lesbar],.intake-zustand[data-st=fehler]{color:var(--danger)}.intake-zustand[data-st=nicht_unterstuetzt],.intake-zustand[data-st=uebersprungen]{color:var(--ink-dim)}
.intake-notiz{grid-column:1/-1;margin:0}.intake-notiz:empty{display:none}
.intake-laeuft{display:flex;gap:10px;align-items:center;margin:0}.intake-punkt{width:10px;height:10px;border-radius:50%;background:var(--gold);flex:0 0 auto}
@media (prefers-reduced-motion:no-preference){.intake-punkt{animation:intake-puls 1.4s var(--ease) infinite}@keyframes intake-puls{50%{opacity:.35}}}
.intake-nachfragen{margin-top:8px}.intake-nachfragen ul{margin:6px 0 0 18px;padding:0}
.intake-quelle{margin:4px 0 0;font-size:12px}
.intake-vorschlag{margin-top:6px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-alt);display:flex;flex-wrap:wrap;gap:8px;align-items:center}.intake-vorschlag p{margin:0;flex:1 1 220px;font-size:13px}
.intake-pruefliste{margin:0 0 18px}.intake-pruefliste h4{margin:16px 0 8px}
.intake-karten{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.intake-karte{padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.intake-karte p{margin:4px 0}
.intake-karte-kopf{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.intake-karte-fuss,.intake-karte-aktionen{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.intake-farbe{width:18px;height:18px;border-radius:6px;border:1px solid var(--stroke);flex:0 0 auto}
.intake-vorschau{display:block;max-width:100%;margin-top:8px;border:1px solid var(--border);border-radius:var(--radius-sm)}
@media(max-width:600px){.intake-zeile{grid-template-columns:minmax(0,1fr) auto}.intake-groesse{display:none}}

/* SK-D 2e · Sammel-Upload: Dropzone, Dateikarten, Phasen (CI-Tokens, keine neuen Schriften/Buttonarten) */
.intake-dropzone{display:grid;place-items:center;gap:8px;min-height:180px;padding:28px 20px;border:2px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface);text-align:center;cursor:pointer;transition:background 160ms var(--ease),border-color 160ms var(--ease)}
.intake-dropzone:hover,.intake-dropzone:focus-visible{border-color:var(--ci-kontrastgelb);outline:none}
.intake-flaeche[data-drag=true] .intake-dropzone{background:var(--ci-hellton);border-color:var(--ci-kontrastgelb);border-style:solid}
.intake-flaeche[data-drag=true]{outline:none}
.intake-dropzone-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--gold);color:var(--ci-schwarz)}
.intake-dropzone strong{font-size:17px;font-weight:500}.intake-dropzone .hint{margin:0}
.intake-flaeche[data-aus] .intake-dropzone{cursor:default;opacity:.6}
.intake-details{font-size:13px}.intake-details summary{cursor:pointer;color:var(--ink-dim);min-height:28px}
.intake-dateien{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:10px}
.intake-datei{display:grid;grid-template-columns:40px minmax(0,1fr);gap:4px 12px;align-items:center;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-width:0}
.intake-datei-icon{grid-row:1/span 3;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--surface-alt);color:var(--ink);font-size:10px;font-weight:600;letter-spacing:.04em}
.intake-datei-name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.intake-datei-meta{font-size:12px;color:var(--ink-dim);display:flex;gap:8px;flex-wrap:wrap;min-width:0}
.intake-datei-meta [data-st=gelesen],.intake-datei-meta [data-st=fertig]{color:var(--ok)}.intake-datei-meta [data-st=fehler],.intake-datei-meta [data-st=nicht_lesbar]{color:var(--danger)}
.intake-balken{height:6px;border-radius:99px;background:var(--surface-alt);overflow:hidden}
.intake-balken>span{display:block;height:100%;width:0;border-radius:inherit;background:var(--gold);transition:width 260ms var(--ease)}
.intake-datei[data-st=fehler] .intake-balken>span,.intake-datei[data-st=nicht_lesbar] .intake-balken>span{background:var(--danger)}
.intake-datei[data-st=gelesen] .intake-balken>span,.intake-datei[data-st=fertig] .intake-balken>span{background:var(--ok)}
.intake-datei-grund{grid-column:2;margin:0;font-size:12px;color:var(--ink-dim)}.intake-datei-grund:empty{display:none}
.intake-phasen{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.intake-phase{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--border);border-radius:99px;font-size:12px;color:var(--ink-dim);background:var(--surface)}
.intake-phase::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--border-strong)}
.intake-phase[data-phase=aktiv]{color:var(--ink);border-color:var(--ci-kontrastgelb);background:var(--ci-hellton)}.intake-phase[data-phase=aktiv]::before{background:var(--gold)}
.intake-phase[data-phase=fertig]{color:var(--ink)}.intake-phase[data-phase=fertig]::before{background:var(--ok)}
.intake-phase[data-phase=fehler]::before{background:var(--danger)}
@media (prefers-reduced-motion:no-preference){.intake-phase[data-phase=aktiv]::before,.intake-datei[data-st=laedt] .intake-datei-icon,.intake-datei[data-st=wird_gelesen] .intake-datei-icon{animation:intake-puls 1.4s var(--ease) infinite}}
@media (prefers-reduced-motion:reduce){.intake-balken>span,.intake-dropzone{transition:none}}

/* SK-D 2e · Slide-Button für folgenreiche Aktionen */
.slide-aktion{--slide-griff:44px;max-width:360px;width:100%}
.slide-spur{position:relative;height:52px;border-radius:99px;background:var(--surface-alt);border:1px solid var(--border);overflow:hidden;display:flex;align-items:center;user-select:none}
.slide-fuellung{position:absolute;left:0;top:0;bottom:0;width:var(--slide-griff);background:var(--ci-hellton);border-radius:inherit}
.slide-text{position:relative;flex:1;text-align:center;padding:0 16px 0 calc(var(--slide-griff) + 12px);font-size:13px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.slide-griff{position:absolute;left:4px;top:4px;width:var(--slide-griff);height:var(--slide-griff);border-radius:50%;border:0;background:var(--gold);color:var(--ci-schwarz);display:grid;place-items:center;cursor:grab;touch-action:none}
.slide-griff:focus-visible{outline:2px solid var(--ci-schwarz);outline-offset:2px}
.slide-aktion[data-zieht] .slide-griff{cursor:grabbing;background:var(--ci-kontrastgelb)}
.slide-aktion[data-aus] .slide-spur{opacity:.55}.slide-aktion[data-aus] .slide-griff{cursor:not-allowed}
.slide-dialog{box-sizing:border-box}.slide-dialog p{margin:0 0 12px;line-height:1.6}.slide-dialog-kosten{font-weight:600}

/* SK-D 2e · Workshop-Bausteine als Umschalt-Buttons (Icon + Schriftzug) */
.baustein-gruppe{border:0;margin:0 0 14px;padding:0}.baustein-gruppe legend{font-size:13px;font-weight:600;margin-bottom:8px;padding:0}
.baustein-liste{display:flex;flex-wrap:wrap;gap:8px}
.baustein-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:1px solid var(--border);border-radius:99px;background:var(--surface);color:var(--ink);font:inherit;font-size:13px;cursor:pointer;transition:background 160ms var(--ease),border-color 160ms var(--ease)}
.baustein-btn svg{width:20px;height:20px;flex:0 0 auto}.baustein-icons{display:inline-flex;gap:2px}
.baustein-btn:hover{border-color:var(--ci-kontrastgelb)}
.baustein-btn:focus-visible{outline:2px solid var(--ci-kontrastgelb);outline-offset:2px}
.baustein-btn[aria-pressed=true]{background:var(--gold);border-color:var(--ci-kontrastgelb);color:var(--ci-schwarz);font-weight:500}
.baustein-btn:disabled{cursor:default;opacity:.7}
@media (prefers-reduced-motion:reduce){.baustein-btn{transition:none}}

/* SK-D 2e · Onboarding-Fenster im Portal über die volle Breite statt kleinem Pop-up (mobil ohne seitlichen Überlauf) */
.overlay.onboarding-overlay{padding:16px;align-items:stretch}
.modal.onboarding-vollbild,.modal.wide.onboarding-vollbild{width:calc(100vw - 32px);max-width:none;max-height:none;height:calc(100dvh - 32px);overflow-y:auto;overflow-x:hidden;box-sizing:border-box}
.modal.onboarding-vollbild>*{max-width:1180px;margin-left:auto;margin-right:auto}
@media(max-width:600px){.overlay.onboarding-overlay{padding:8px}.modal.onboarding-vollbild,.modal.wide.onboarding-vollbild{width:calc(100vw - 16px);height:calc(100dvh - 16px);padding:18px 14px;border-radius:var(--radius-sm)}}
.tb-nr{font-variant-numeric:tabular-nums;color:var(--ink-dim);font-weight:600;margin-right:2px}
/* T-A8 (18.10.2026): laufende Aufgabe pulsiert leicht; Klick führt in die Aufgabe. Ohne Bewegung bei reduzierter Bewegung. */
@media (prefers-reduced-motion:no-preference){.active-task-dock-u30[data-state="aktiv"] .active-task-fab{animation:aktive-aufgabe-puls 2.4s var(--ease,ease-in-out) infinite}@keyframes aktive-aufgabe-puls{0%,100%{box-shadow:inset 0 1px 0 #ffffff45,0 8px 25px #79372830,0 0 0 0 #ce584455}50%{box-shadow:inset 0 1px 0 #ffffff45,0 8px 25px #79372830,0 0 0 10px #ce584400}}}

/* ===== T-C0 Bausteine (18.10.2026) · ein Button-Satz, Ordner-Kachel, Panel, Zurück-Kopf. Helfer: js/ui/bausteine.js =====
   Knöpfe: drei Größen, alle aus .btn. Inline-Größen an Knöpfen sind nicht mehr vorgesehen. */
.btn.btn-sm,.pt-btn.btn-sm{min-height:32px;padding:5px 12px;font-size:12.5px;border-radius:9px}
.btn.btn-lg,.pt-btn.btn-lg{min-height:48px;padding:12px 22px;font-size:14px}
.btn-reihe{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
/* Zurück-Kopf */
.ui-kopf{display:grid;gap:10px;margin:0 0 22px}
.ui-kopf-pfad{display:flex;align-items:center;gap:12px;min-width:0}
.ui-kopf-zurueck{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;border-radius:11px;border:1px solid var(--stroke);background:var(--glass);color:var(--ink);cursor:pointer;text-decoration:none;transition:background var(--motion-fast,160ms),transform var(--motion-fast,160ms)}
.ui-kopf-zurueck:hover{background:var(--surface-alt);transform:translateX(-2px)}
.ui-krumen ol{display:flex;flex-wrap:wrap;align-items:center;gap:6px;list-style:none;margin:0;padding:0;font-size:12.5px;color:var(--ink-dim);min-width:0}
.ui-krumen li{display:inline-flex;align-items:center;gap:6px;min-width:0}
.ui-krumen li+li::before{content:'›';color:var(--ink-faint)}
.ui-krumen a{color:var(--ink-dim);text-decoration:none}.ui-krumen a:hover{color:var(--ink)}
.ui-krumen [aria-current] span{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:40ch}
.ui-kopf-zeile{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}
.ui-kopf-titel{min-width:0}.ui-kopf-titel h1{margin:0;overflow-wrap:anywhere}.ui-kopf-titel p{margin:4px 0 0;color:var(--ink-dim);font-size:13px}
.ui-kopf-aktionen{display:flex;flex-wrap:wrap;gap:10px}
/* Ordner-Kachel und Raster */
.ordner-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:26px 16px;margin:14px 0 24px}
.ordner-kachel{position:relative;display:grid;align-content:end;gap:4px;min-height:132px;margin-top:12px;padding:46px 18px 16px;border:1px solid var(--stroke-soft);border-radius:6px 18px 18px 18px;background:var(--surface-alt);color:var(--ink);font:inherit;text-align:left;text-decoration:none;cursor:pointer;box-shadow:var(--shadow);transition:transform var(--motion-fast,160ms) var(--ease),box-shadow var(--motion-ui,260ms),background var(--motion-fast,160ms)}
.ordner-reiter{position:absolute;left:-1px;top:-13px;width:44%;height:14px;border:1px solid var(--stroke-soft);border-bottom:0;border-radius:10px 14px 0 0;background:inherit}
.ordner-kachel::after{content:'';position:absolute;left:14px;right:14px;top:12px;height:22px;border-radius:10px;background:var(--surface);opacity:.75;pointer-events:none}
.ordner-kachel:hover{transform:translateY(-3px);box-shadow:0 12px 28px -18px #54523c45}
.ordner-kachel:focus-visible{outline:3px solid #aa7e00;outline-offset:3px}
.ordner-kachel:active{transform:scale(.98)}
.ordner-titel{position:relative;z-index:1;font-size:16px;font-weight:500;letter-spacing:-.02em;overflow-wrap:anywhere}
.ordner-status{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink-dim)}
.ordner-meta{position:relative;z-index:1;font-size:11.5px;color:var(--ink-faint);font-variant-numeric:tabular-nums}
.ordner-kachel.aktiv{background:var(--gold);border-color:#e8bb24;color:var(--accent-ink)}
.ordner-kachel.aktiv .ordner-status,.ordner-kachel.aktiv .ordner-meta{color:var(--accent-ink);opacity:.8}
.ordner-kachel.gesperrt{cursor:default;opacity:.55;filter:grayscale(1);box-shadow:none}.ordner-kachel.gesperrt:hover{transform:none}
.ordner-puls{width:8px;height:8px;border-radius:50%;background:var(--gold);flex:none}
.ordner-kachel.aktiv .ordner-puls{background:var(--accent-ink)}
@media (prefers-reduced-motion:no-preference){.ordner-puls{animation:intake-puls 1.6s var(--ease) infinite}}
/* Panel: Standard eingeklappt */
.ui-panel{border:1px solid var(--stroke-soft);border-radius:var(--radius);background:var(--glass);box-shadow:var(--shadow);margin:0 0 14px;overflow:hidden}
.ui-panel>summary{display:flex;align-items:center;gap:10px;min-height:52px;padding:12px 20px;cursor:pointer;list-style:none;font-weight:500}
.ui-panel>summary::-webkit-details-marker{display:none}
.ui-panel>summary::after{content:'';margin-left:auto;width:9px;height:9px;border-right:1.6px solid var(--ink-dim);border-bottom:1.6px solid var(--ink-dim);transform:rotate(45deg) translateY(-3px);transition:transform var(--motion-ui,260ms) var(--ease)}
.ui-panel[open]>summary::after{transform:rotate(225deg) translateY(-1px)}
.ui-panel>summary:hover{background:var(--surface-alt)}
.ui-panel>summary:focus-visible{outline:3px solid #aa7e00;outline-offset:-3px}
.ui-panel-zahl{font-size:12px;font-weight:600;min-width:22px;padding:1px 8px;border-radius:7px;background:var(--surface-alt);color:var(--ink-dim);text-align:center;font-variant-numeric:tabular-nums}
.ui-panel-inhalt{padding:4px 20px 20px}
.ui-leer{padding:22px;border-radius:var(--radius-sm);background:var(--surface-alt);color:var(--ink-dim)}.ui-leer strong{display:block;color:var(--ink);font-weight:500}.ui-leer p{margin:6px 0 0}
@media(max-width:600px){.ordner-raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.ordner-kachel{min-height:112px;padding:40px 14px 13px}.ordner-titel{font-size:14.5px}.ui-panel>summary{padding:12px 16px}.ui-panel-inhalt{padding:4px 16px 16px}}
/* T-C0: Reiter (Zeiterfassung/Urlaub u. a.) in derselben Form und Höhe wie Knöpfe. */
.ac-tabs .ac-tab{border-radius:11px;min-height:40px;padding:8px 16px;font-size:13px;font-weight:500}
.ac-tabs .ac-tab.aktiv{background:var(--nav-active);border-color:var(--nav-active);color:var(--nav-active-ink)}
.kunden-suchleiste{display:grid;grid-template-columns:minmax(0,420px) minmax(0,220px);gap:10px;margin:0 0 6px}
@media(max-width:600px){.kunden-suchleiste{grid-template-columns:1fr}}
/* T-C2: Pipeline oben kompakt; aktuelle Phase dezent animiert (nur ohne reduzierte Bewegung). */
.projekt-pipeline{margin:0 0 18px;padding:14px 18px;border:1px solid var(--stroke-soft);border-radius:var(--radius-sm);background:var(--glass);overflow-x:auto}
.projekt-pipeline .timeline{margin:0;min-width:max-content}
.projekt-pipeline .tl-label{font-size:11.5px}
.projekt-pipeline .tl-step.current .tl-label{color:var(--ink);font-weight:600}
@media (prefers-reduced-motion:no-preference){.projekt-pipeline .tl-step.current .tl-dot{animation:pipeline-puls 2.2s var(--ease) infinite}@keyframes pipeline-puls{0%,100%{box-shadow:0 0 0 0 #ffcb1466}50%{box-shadow:0 0 0 7px #ffcb1400}}}
/* T-C5: Kommentare links unter dem Asset, Bausteine rechts getrennt. */
.vdo-main .vdo-kommentare{margin-top:16px}
.vdo-nicht-gebucht{margin:0;font-size:12.5px;color:var(--ink-faint)}
/* T-C6: Markendaten nach Abgabe des Onboardings nur lesbar. */
.daten-gesperrt{display:grid;gap:14px;margin-bottom:18px}
.daten-gesperrt-kopf{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.daten-lesen{display:grid;grid-template-columns:minmax(110px,.35fr) minmax(0,1fr);gap:10px 16px;margin:0}
.daten-lesen dt{color:var(--ink-dim);font-size:12.5px}.daten-lesen dd{margin:0;overflow-wrap:anywhere}
.daten-farben{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:600px){.daten-lesen{grid-template-columns:1fr}.daten-lesen dd{margin-bottom:6px}}
/* T-C7 (18.10.2026): Plattformverbindungen ohne Goldrand; aktiv mit dezenter Plattformfarbe, inaktiv ausgegraut. */
.tiles .tile.pv-tile{border-color:var(--stroke-soft)}
.tiles .tile.pv-tile.active::before{display:none}
.tile.pv-tile[data-plattform=meta].active{background:color-mix(in srgb,#1877f2 7%,var(--surface))}
.tile.pv-tile[data-plattform=tiktok].active{background:color-mix(in srgb,#25f4ee 9%,var(--surface))}
.tile.pv-tile[data-plattform=linkedin].active{background:color-mix(in srgb,#0a66c2 8%,var(--surface))}
.tile.pv-tile.inaktiv>.h,.tile.pv-tile.inaktiv>.pv-status,.tile.pv-tile.inaktiv>.hint{opacity:.6;filter:grayscale(1)}
/* T-D2 (18.10.2026): Team-Zeiten im Dashboard-Stil. */
.tz-kopf{display:grid;grid-template-columns:minmax(160px,220px) repeat(2,minmax(0,1fr));gap:14px;align-items:stretch;margin:0 0 20px}
.tz-tag{display:grid;gap:6px;align-content:center;padding:16px 18px;border:1px solid var(--stroke-soft);border-radius:var(--radius);background:var(--glass);font-size:12px;color:var(--ink-dim)}
.tz-tag input{min-height:40px}
.tz-stempel{margin:0 0 6px;font-size:13px;color:var(--ink-dim);overflow-wrap:anywhere}
.tz-report summary{cursor:pointer;font-size:12.5px;color:var(--ink-dim)}.tz-report div{margin-top:6px;font-size:13px;white-space:pre-wrap;line-height:1.55}
.tz-monatsblock{margin:18px 0 14px}
.tz-monat-kopf{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}.tz-monat-kopf h3{margin:0}
.tz-monat-label{font-size:12.5px;color:var(--ink-dim);white-space:nowrap;text-transform:capitalize;min-width:9em;text-align:center}
.tz-monat-scroll{overflow-x:auto;border:1px solid var(--stroke-soft);border-radius:var(--radius-sm)}
.tz-monat{border-collapse:collapse;width:100%;font-size:12px;font-variant-numeric:tabular-nums}
.tz-monat th{padding:8px;background:var(--surface-alt);color:var(--ink-faint);font-size:10.5px;font-weight:500;text-align:center;white-space:nowrap;border-bottom:1px solid var(--stroke-soft)}
.tz-monat td{padding:6px 8px;height:40px;min-width:40px;text-align:center;white-space:nowrap;border-bottom:1px solid var(--stroke-soft)}
.tz-monat td.ttz-zelle{cursor:pointer}.tz-monat td.ttz-zelle:hover{background:var(--accent-dim)}
.tz-monat .tz-sticky{position:sticky;left:0;z-index:1;text-align:left;background:var(--surface);padding:6px 12px}.tz-monat th.tz-sticky{z-index:2;background:var(--surface-alt);color:var(--ink-dim)}
.tz-monat .tz-name{color:var(--ink)}.tz-monat .tz-summe{text-align:right;font-weight:600;color:var(--ink);padding:6px 12px}.tz-monat .tz-leer{color:var(--ink-faint)}
#tt-export-month{min-height:40px}
@media(max-width:700px){.tz-kopf{grid-template-columns:1fr 1fr}.tz-tag{grid-column:1/-1}}
/* T-D2: Zuständigkeiten & Vertretung als kompakte Tabelle. */
.zv-kopf{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.zv-kopf h2{margin:0}
.zv-regel{margin:8px 0 14px}.zv-regel summary{cursor:pointer;font-size:12.5px;color:var(--ink-dim)}
.zv-tabelle{display:grid;border:1px solid var(--stroke-soft);border-radius:var(--radius-sm);overflow:hidden}
.zv-zeile{display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,1.2fr) minmax(0,1.2fr);gap:12px;align-items:start;padding:10px 14px;border-top:1px solid var(--stroke-soft)}
.zv-zeile:first-child{border-top:0}.zv-titel{background:var(--surface-alt);font-size:10.5px;color:var(--ink-faint);padding:8px 14px}
.zv-rolle{font-weight:500;padding-top:8px}
.zv-slot.team-work-slot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center}
.zv-slot select{min-height:36px}.zv-slot p:empty{display:none}.zv-slot p{grid-column:1/-1;font-size:12px}
@media(max-width:760px){.zv-zeile{grid-template-columns:1fr}.zv-titel{display:none}.zv-rolle{padding-top:0}}