/* ============================================================================
   KI.NEWS.PAUL — "THE DESK"  ·  Editorial Newsroom Reskin
   Loaded AFTER style-v2.css. Everything scoped under  body.ed  so it wins by
   specificity without touching the original stylesheet. Remove the <link> to
   revert 100%.
   ========================================================================== */

/* ---- DESIGN TOKENS ------------------------------------------------------- */
body.ed{
  /* warm ink base (departs from the old cool navy) */
  --ink:#0E0C0A; --ink-2:#131009; --paper:#19140E; --paper-2:#221A11;
  --line:#2C2418; --line-2:#473922;
  /* warm ivory "printed" ink */
  --pt:#F7F0E1; --pt-2:#BCAF95; --pt-3:#7E725C;
  /* SIGNATURE: broadcast gold */
  --gold:#FFB23C; --gold-2:#FFD78A; --gold-soft:rgba(255,178,60,.12); --gold-line:rgba(255,178,60,.34);
  /* LIVE pulse: electric mint (real-time only) */
  --live:#2BE0AC; --live-soft:rgba(43,224,172,.12); --live-line:rgba(43,224,172,.34);
  /* status */
  --ok:#5FD08C; --warn:#FFC24D; --bad:#FF5A4D; --bad-soft:rgba(255,90,77,.12);
  --info:#86B6E6;

  --r:14px; --rs:10px; --rx:22px;
  --ed-disp:'Fraunces',Georgia,'Times New Roman',serif;
  --ed-body:'Hanken Grotesk',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --ed-mono:'JetBrains Mono','SF Mono',monospace;

  /* remap legacy vars so any untouched rule inherits the new world */
  --bg:var(--ink); --bg2:var(--ink-2); --card:var(--paper); --card-h:var(--paper-2);
  --brd:var(--line); --brd2:var(--line-2);
  --txt:var(--pt); --txt2:var(--pt-2); --txt3:var(--pt-3);
  --cyan:var(--live); --cyan-d:var(--live-soft);
  --lime:var(--gold); --lime-d:var(--gold-soft); --lime-g:var(--gold-line);
  --red:var(--bad); --green:var(--ok); --amber:var(--warn);
  --disp:var(--ed-disp); --body:var(--ed-body); --mono:var(--ed-mono);
}

/* ---- ATMOSPHERE ---------------------------------------------------------- */
body.ed{
  background:
    radial-gradient(1200px 720px at 88% -12%,rgba(255,178,60,.10),transparent 58%),
    radial-gradient(980px 640px at 2% 2%,rgba(43,224,172,.07),transparent 55%),
    linear-gradient(180deg,#100D0A 0%,#0B0907 70%);
  background-attachment:fixed;
  color:var(--pt);
  font-family:var(--ed-body);
  -webkit-font-smoothing:antialiased;
}
/* fine film grain over everything */
body.ed::before{
  content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.045;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
body.ed a{color:var(--gold)}
body.ed ::selection{background:var(--gold);color:#1a1305}

/* generic display headings */
body.ed #main h1,body.ed #main h2,body.ed #main h3,
body.ed .dash-panel-head h2,body.ed #modal-title{
  font-family:var(--ed-disp);font-optical-sizing:auto;letter-spacing:-.01em;color:var(--pt);
}

/* ============================================================================
   LOGIN — "the lock"
   ========================================================================== */
body.ed #login-screen{
  background:
    radial-gradient(900px 600px at 50% -10%,rgba(255,178,60,.10),transparent 60%),
    radial-gradient(700px 700px at 50% 120%,rgba(43,224,172,.06),transparent 60%),
    #0B0907;
}
body.ed .login-box{width:330px;position:relative}
body.ed .login-box::before{
  content:"MISSION CONTROL";position:absolute;top:-46px;left:50%;transform:translateX(-50%);
  font-family:var(--ed-mono);font-size:10px;letter-spacing:.5em;color:var(--pt-3);white-space:nowrap;
}
body.ed .login-title{
  font-family:var(--ed-disp);font-weight:600;font-size:40px;letter-spacing:-.02em;color:var(--pt);
  margin-bottom:6px;line-height:1;
}
body.ed .login-sub{color:var(--gold);font-family:var(--ed-mono);font-size:10px;letter-spacing:.45em}
body.ed .pin-dot{border-color:var(--line-2)}
body.ed .pin-dot.filled{background:var(--gold);border-color:var(--gold);box-shadow:0 0 14px var(--gold-line)}
body.ed .pin-pad button{
  border:1px solid var(--line-2);color:var(--pt);font-family:var(--ed-mono);font-weight:400;
  background:rgba(255,255,255,.012);transition:.16s;
}
body.ed .pin-pad button:hover{border-color:var(--gold);color:var(--gold);background:var(--gold-soft)}
body.ed .pin-pad button:active{background:var(--gold);color:#1a1305}
body.ed .pin-pad button:empty{border:none;background:none}

/* ============================================================================
   MASTHEAD (header) + TABS
   ========================================================================== */
body.ed #header{
  height:60px;padding:0 26px;background:rgba(14,11,8,.82);
  border-bottom:1px solid var(--line);backdrop-filter:blur(18px) saturate(1.2);
}
body.ed .hdr-left{
  font-family:var(--ed-disp);font-weight:600;font-size:21px;letter-spacing:-.02em;color:var(--pt);
  display:flex;align-items:center;gap:11px;
}
body.ed .hdr-left::before{
  content:"";width:9px;height:9px;border-radius:50%;background:var(--live);
  box-shadow:0 0 0 0 var(--live);animation:ed-pulse 2.4s infinite;
}
body.ed .hdr-left::after{
  content:"AUSGABE · " attr(data-edition);
  align-self:center;font-family:var(--ed-mono);font-size:10px;font-weight:600;
  letter-spacing:.18em;color:var(--pt-3);border-left:1px solid var(--line-2);padding-left:13px;
}
body.ed .hdr-stats{font-family:var(--ed-mono);font-size:11px;color:var(--pt-2);gap:22px}
body.ed .hdr-stats b{color:var(--gold)}

body.ed #tab-nav{
  background:rgba(11,9,7,.86);border-bottom:1px solid var(--line);padding:9px 22px;gap:4px;
  backdrop-filter:blur(18px);
}
body.ed .tab{
  font-family:var(--ed-mono);font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;
  color:var(--pt-3);border:1px solid transparent;border-radius:8px;padding:8px 13px;
}
body.ed .tab:hover{color:var(--pt);background:rgba(255,255,255,.03);border-color:var(--line-2)}
body.ed .tab.active{color:#1a1305;background:var(--gold);border-color:var(--gold);box-shadow:0 6px 18px -8px var(--gold)}
body.ed .tab-count{background:rgba(26,19,5,.25);color:inherit;font-family:var(--ed-mono)}
body.ed .tab:not(.active) .tab-count{background:var(--gold-soft);color:var(--gold)}

body.ed #main{max-width:1520px;padding:0 26px 60px}

/* ============================================================================
   BREAKING TICKER
   ========================================================================== */
body.ed .ed-ticker{
  display:flex;align-items:stretch;gap:0;margin:18px 0 22px;
  border:1px solid var(--line);border-radius:var(--rs);overflow:hidden;background:rgba(255,255,255,.018);
}
body.ed .ed-ticker-tag{
  flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:0 16px;
  background:var(--bad);color:#fff;font-family:var(--ed-mono);font-weight:800;font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;
}
body.ed .ed-ticker-tag::before{
  content:"";width:7px;height:7px;border-radius:50%;background:#fff;animation:ed-blink 1.1s steps(1) infinite;
}
body.ed .ed-ticker-track{flex:1;overflow:hidden;position:relative;display:flex;align-items:center}
body.ed .ed-ticker-track::after{
  content:"";position:absolute;right:0;top:0;bottom:0;width:60px;
  background:linear-gradient(90deg,transparent,#100D0A);
}
body.ed .ed-ticker-run{
  display:inline-flex;align-items:center;gap:0;white-space:nowrap;padding-left:100%;
  animation:ed-marquee 38s linear infinite;font-size:13px;color:var(--pt);
}
body.ed .ed-ticker:hover .ed-ticker-run{animation-play-state:paused}
body.ed .ed-ticker-run span{padding:0 20px;font-weight:500}
body.ed .ed-ticker-run i{color:var(--gold);font-style:normal;font-family:var(--ed-mono);font-weight:800}
body.ed .ed-ticker-run b{color:var(--live);font-weight:700;margin-right:6px;font-family:var(--ed-mono);font-size:11px}

/* ============================================================================
   HERO — giant live reach (the wow shot)
   ========================================================================== */
body.ed .ed-hero{
  display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.95fr);gap:30px;
  align-items:stretch;margin-bottom:18px;padding-bottom:26px;border-bottom:2px solid var(--line);
}
body.ed .ed-dateline{
  font-family:var(--ed-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--pt-3);
  display:flex;align-items:center;gap:9px;margin-bottom:18px;
}
body.ed .ed-dateline b{color:var(--live);display:flex;align-items:center;gap:7px;font-weight:800}
body.ed .ed-dateline b::before{
  content:"";width:8px;height:8px;border-radius:50%;background:var(--live);
  box-shadow:0 0 0 0 var(--live);animation:ed-pulse 2.4s infinite;
}
body.ed .ed-eyebrow{
  font-family:var(--ed-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold);font-weight:800;margin-bottom:2px;
}
body.ed .ed-reach{
  font-family:var(--ed-disp);font-optical-sizing:auto;font-weight:600;
  font-size:clamp(72px,12vw,168px);line-height:.86;letter-spacing:-.035em;color:var(--pt);
  display:flex;align-items:flex-start;gap:18px;flex-wrap:wrap;
  text-shadow:0 0 60px rgba(255,178,60,.10);
}
body.ed .ed-reach .ed-trend{
  font-family:var(--ed-mono);font-size:15px;font-weight:800;letter-spacing:0;
  color:var(--live);background:var(--live-soft);border:1px solid var(--live-line);
  border-radius:999px;padding:7px 13px;margin-top:14px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;
}
body.ed .ed-reach .ed-trend.down{color:var(--bad);background:var(--bad-soft);border-color:rgba(255,90,77,.34)}
body.ed .ed-reach-label{
  font-size:15px;color:var(--pt-2);margin-top:16px;max-width:560px;line-height:1.5;
}
body.ed .ed-reach-label b{color:var(--pt);font-weight:700}
body.ed .ed-reach-label .gold{color:var(--gold);font-weight:700}

body.ed .ed-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
body.ed .ed-hero-actions button{
  font-family:var(--ed-body);font-weight:700;font-size:14px;cursor:pointer;border-radius:11px;
  padding:13px 20px;border:1px solid var(--line-2);background:rgba(255,255,255,.02);color:var(--pt);
  transition:.16s;display:inline-flex;align-items:center;gap:9px;
}
body.ed .ed-hero-actions button::after{content:"\2192";color:var(--pt-3);transition:.16s}
body.ed .ed-hero-actions button:hover{border-color:var(--gold);color:var(--gold);background:var(--gold-soft);transform:translateY(-1px)}
body.ed .ed-hero-actions button:hover::after{color:var(--gold);transform:translateX(3px)}
body.ed .ed-hero-actions button.primary{background:var(--gold);color:#1a1305;border-color:var(--gold);box-shadow:0 12px 28px -12px var(--gold)}
body.ed .ed-hero-actions button.primary::after{color:#1a1305}
body.ed .ed-hero-actions button.primary:hover{background:var(--gold-2);transform:translateY(-2px)}

/* hero side — platform "standings" */
body.ed .ed-hero-side{display:flex;flex-direction:column;gap:9px;justify-content:center;
  border-left:1px solid var(--line);padding-left:26px}
body.ed .ed-side-cap{font-family:var(--ed-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--pt-3);margin-bottom:3px}
body.ed .ed-plat{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;
  padding:12px 14px;border:1px solid var(--line);border-radius:var(--rs);background:rgba(255,255,255,.018);transition:.16s;
}
body.ed .ed-plat:hover{border-color:var(--line-2);background:var(--paper-2)}
body.ed .ed-plat.lead{border-color:var(--gold-line);background:linear-gradient(100deg,var(--gold-soft),transparent)}
body.ed .ed-plat-rank{font-family:var(--ed-mono);font-size:12px;color:var(--pt-3);font-weight:800}
body.ed .ed-plat.lead .ed-plat-rank{color:var(--gold)}
body.ed .ed-plat-name{font-weight:700;font-size:14px;color:var(--pt)}
body.ed .ed-plat-name small{display:block;font-family:var(--ed-mono);font-size:10px;color:var(--pt-3);font-weight:600;letter-spacing:.04em;margin-top:2px}
body.ed .ed-plat-val{font-family:var(--ed-mono);font-weight:800;font-size:18px;color:var(--pt);text-align:right}
body.ed .ed-plat-val small{display:block;font-size:10px;color:var(--live);font-weight:700}

/* ============================================================================
   AUTO-PIPELINE STRIP (it runs by itself)
   ========================================================================== */
body.ed .ed-pipeline{
  border:1px solid var(--line);border-radius:var(--r);background:
    linear-gradient(180deg,rgba(43,224,172,.05),transparent 60%),var(--paper);
  padding:16px 20px;margin-bottom:24px;position:relative;overflow:hidden;
}
body.ed .ed-pipeline::before{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--live),transparent);
  background-size:50% 100%;background-repeat:no-repeat;animation:ed-scan 2.6s linear infinite;opacity:.8;
}
body.ed .ed-pipe-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}
body.ed .ed-pipe-title{display:flex;align-items:center;gap:10px;font-family:var(--ed-mono);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--pt)}
body.ed .ed-pipe-title .dot{width:9px;height:9px;border-radius:50%;background:var(--live);box-shadow:0 0 0 0 var(--live);animation:ed-pulse 2s infinite}
body.ed .ed-pipe-title em{color:var(--live);font-style:normal}
body.ed .ed-pipe-now{font-family:var(--ed-mono);font-size:12px;color:var(--pt-2);display:flex;align-items:center;gap:8px;min-width:0}
body.ed .ed-pipe-now i{color:var(--live);font-style:normal}
body.ed .ed-pipe-now b{color:var(--pt);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px}
body.ed .ed-pipe-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
body.ed .ed-pipe-stat{border:1px solid var(--line);border-radius:var(--rs);padding:12px 14px;background:rgba(255,255,255,.015);border-top:2px solid var(--line-2)}
body.ed .ed-pipe-stat b{font-family:var(--ed-mono);font-size:30px;font-weight:800;line-height:1;color:var(--pt);display:block}
body.ed .ed-pipe-stat span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--pt-2);margin-top:6px;display:block}
body.ed .ed-pipe-stat.ok{border-top-color:var(--ok)} body.ed .ed-pipe-stat.ok b{color:var(--ok)}
body.ed .ed-pipe-stat.live{border-top-color:var(--live)} body.ed .ed-pipe-stat.live b{color:var(--live)}
body.ed .ed-pipe-stat.gold{border-top-color:var(--gold)} body.ed .ed-pipe-stat.gold b{color:var(--gold)}
body.ed .ed-pipe-stat.bad{border-top-color:var(--bad)} body.ed .ed-pipe-stat.bad b{color:var(--bad)}

/* ============================================================================
   SHARED: section titles, panels, KPI cards, tables, lists, pills
   ========================================================================== */
body.ed #main .section-title,body.ed #main.dashboard-home .section-title{
  font-family:var(--ed-mono);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold);margin:30px 0 14px;display:flex;align-items:center;gap:12px;
}
body.ed #main .section-title::before{content:"";width:0;height:0;background:none}
body.ed #main .section-title::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line-2),transparent)}

/* KPI / command cards (legacy markup, reskinned) */
body.ed .command-grid,body.ed .workload-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}
body.ed .command-card{
  background:var(--paper);border:1px solid var(--line);border-top:2px solid var(--line-2);border-radius:var(--r);
  padding:16px;display:flex;flex-direction:column-reverse;gap:8px;transition:.16s;
}
body.ed .command-card:hover{border-color:var(--line-2);background:var(--paper-2);transform:translateY(-2px)}
body.ed .command-value{font-family:var(--ed-mono);font-size:34px;font-weight:800;line-height:1;color:var(--pt)}
body.ed .command-label{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--pt-2)}
body.ed .command-hint{font-size:12px;color:var(--pt-3);margin-top:2px}
body.ed .command-card.tone-cyan{border-top-color:var(--live)} body.ed .command-card.tone-cyan .command-value{color:var(--live)}
body.ed .command-card.tone-green{border-top-color:var(--ok)} body.ed .command-card.tone-green .command-value{color:var(--ok)}
body.ed .command-card.tone-amber{border-top-color:var(--gold)} body.ed .command-card.tone-amber .command-value{color:var(--gold)}
body.ed .command-card.tone-red{border-top-color:var(--bad)} body.ed .command-card.tone-red .command-value{color:var(--bad)}

/* panels */
body.ed .dash-panel,body.ed #main.dashboard-home .dash-panel{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:18px;
}
body.ed .dash-panel-head h2,body.ed #main.dashboard-home .dash-panel-head h2{
  font-family:var(--ed-disp);font-weight:600;font-size:19px;letter-spacing:-.01em;color:var(--pt);
  text-transform:none;
}
body.ed .dash-panel-head span{color:var(--pt-2);font-size:12px}
body.ed .dash-panel-head button,body.ed .dash-actions button{
  background:rgba(255,255,255,.02);border:1px solid var(--line-2);border-radius:9px;color:var(--pt-2);
  font-family:var(--ed-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:8px 12px;
}
body.ed .dash-panel-head button:hover,body.ed .dash-actions button:hover{border-color:var(--gold);color:var(--gold);background:var(--gold-soft)}

/* dashboard layout: tighter editorial column rhythm */
body.ed .dashboard-layout{grid-template-columns:minmax(0,1.4fr) minmax(340px,.6fr);gap:18px;margin-bottom:8px}

/* rows / lists */
body.ed .dash-row,body.ed #main.dashboard-home .dash-row{
  background:rgba(255,255,255,.015);border:1px solid var(--line);border-radius:var(--rs);
}
body.ed .dash-row:hover{border-color:var(--line-2);background:var(--paper-2)}
body.ed .dash-row b{color:var(--pt)}
body.ed .dash-empty{border:1px dashed var(--line-2);color:var(--pt-3);border-radius:var(--rs)}

/* pills */
body.ed .row-pill{background:var(--live-soft);border:1px solid var(--live-line);color:var(--live);font-family:var(--ed-mono)}
body.ed .row-pill.tone-green{background:rgba(95,208,140,.12);border-color:rgba(95,208,140,.3);color:var(--ok)}
body.ed .row-pill.tone-amber{background:var(--gold-soft);border-color:var(--gold-line);color:var(--gold)}
body.ed .row-pill.tone-red{background:var(--bad-soft);border-color:rgba(255,90,77,.3);color:var(--bad)}

/* badges */
body.ed .badge{font-family:var(--ed-mono);background:var(--gold-soft);color:var(--gold);border-radius:5px;font-weight:800}

/* prod strip (force dark over the legacy #main.dashboard-home light scope) */
body.ed #main .prod-strip,body.ed .prod-strip{background:transparent!important}
body.ed #main .prod-strip div,body.ed .prod-strip div{border:1px solid var(--line)!important;background:rgba(255,255,255,.015)!important;border-radius:var(--rs)}
body.ed #main .prod-strip b,body.ed .prod-strip b{font-family:var(--ed-mono);color:var(--pt)!important}
body.ed #main .prod-strip span,body.ed .prod-strip span{color:var(--pt-2)!important}

/* ============================================================================
   PERFORMANCE OVERVIEW (legacy, reskinned dark editorial)
   ========================================================================== */
body.ed #main.dashboard-home .perf-shell,body.ed .perf-shell{background:none;border:0;padding:0;margin:6px 0 22px}
body.ed .perf-head .dash-kicker{font-family:var(--ed-mono);color:var(--gold);font-size:11px;letter-spacing:.16em;text-transform:uppercase}
body.ed .perf-head h2{font-family:var(--ed-disp);font-weight:600;font-size:21px;color:var(--pt)}
body.ed .perf-head p{color:var(--pt-2);font-size:12.5px}
body.ed .perf-grid{gap:12px}
body.ed #main.dashboard-home .perf-card,body.ed .perf-card{
  background:var(--paper)!important;border:1px solid var(--line)!important;border-radius:var(--r);color:var(--pt);
}
body.ed .perf-card.perf-total{background:linear-gradient(160deg,var(--gold-soft),transparent)!important;border-color:var(--gold-line)!important}
body.ed .perf-label{font-family:var(--ed-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--pt-2)}
body.ed .perf-value{font-family:var(--ed-mono);font-weight:800;font-size:30px;color:var(--pt)}
body.ed .perf-card.perf-total .perf-value{color:var(--gold)}
body.ed .perf-note{color:var(--pt-3);font-size:11px}
body.ed .perf-bar{background:var(--line);border-radius:999px;overflow:hidden}
body.ed .perf-bar>*{background:linear-gradient(90deg,var(--live),var(--gold))!important}
body.ed .platform-dot{box-shadow:0 0 8px currentColor}
body.ed .perf-best{color:var(--pt-2)}
body.ed .perf-fresh{color:var(--pt-3);font-family:var(--ed-mono);font-size:10px}

/* ============================================================================
   POSTS TABLE + COMMENTS
   ========================================================================== */
body.ed #main.dashboard-home .post-row,body.ed .post-row{border-bottom:1px solid var(--line)}
body.ed .post-title{color:var(--pt);font-weight:600}
body.ed .mini-platform{border:1px solid var(--line);background:rgba(255,255,255,.02);border-radius:7px;color:var(--pt-2);font-family:var(--ed-mono)}
body.ed .mini-platform.active{border-color:var(--gold-line);background:var(--gold-soft);color:var(--gold)}
body.ed .comment-row{border:1px solid var(--line);background:rgba(255,255,255,.015);border-radius:var(--rs)}
body.ed .comment-meta{color:var(--pt-3);font-family:var(--ed-mono);letter-spacing:.04em}
body.ed .comment-text{color:var(--pt)}

/* ============================================================================
   NEWS GRID + DAILY PICKS + LONGFORM + IDEAS (recolor only)
   ========================================================================== */
body.ed .compact-entry-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r)}
body.ed .compact-entry-card:hover{border-color:var(--gold-line);background:var(--paper-2)}
body.ed .compact-entry-top{color:var(--pt-3);font-family:var(--ed-mono)}
body.ed .compact-entry-card h3{font-family:var(--ed-disp);font-weight:600;color:var(--pt)}
body.ed .compact-entry-card p{color:var(--pt-2)}

body.ed .daily-pick-card{background:linear-gradient(135deg,var(--gold-soft),transparent)!important;border:1px solid var(--gold-line)!important;border-radius:var(--r)}
body.ed .daily-pick-card:hover{border-color:var(--gold)!important}
body.ed .daily-pick-card.empty{background:var(--paper)!important;border:1px dashed var(--line-2)!important}

body.ed .lf-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r)}
body.ed .lf-card:hover{border-color:var(--gold-line);background:var(--paper-2)}
body.ed .lf-cat{color:var(--live);background:var(--live-soft)}
body.ed .lf-custom{color:var(--gold);background:var(--gold-soft)}
body.ed .lf-title{font-family:var(--ed-disp);font-weight:600;color:var(--pt)}
body.ed .lf-btn-develop{background:var(--gold);color:#1a1305}
body.ed .lf-btn-develop:hover{background:var(--gold-2)}
body.ed .lf-btn-open{background:var(--live);color:#04130d}
body.ed .lf-status-done{background:rgba(95,208,140,.16);color:var(--ok)}
body.ed .lf-status-run{background:var(--gold-soft);color:var(--gold)}

body.ed .idea-form-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r)}
body.ed .idea-shorts{border-color:var(--gold-line)} body.ed .idea-shorts .idea-form-head{color:var(--gold)}
body.ed .idea-longform{border-color:var(--live-line)} body.ed .idea-longform .idea-form-head{color:var(--live)}
body.ed .idea-form-card input[type=text],body.ed .idea-form-card textarea,body.ed .idea-form-card select{
  background:var(--ink-2);border:1px solid var(--line-2);color:var(--pt);border-radius:9px;font-family:var(--ed-body);
}
body.ed .idea-form-card input:focus,body.ed .idea-form-card textarea:focus{border-color:var(--gold)!important}
body.ed .idea-submit{background:var(--gold);color:#1a1305;border-radius:9px;font-family:var(--ed-body);font-weight:800}
body.ed .idea-submit:hover{background:var(--gold-2);opacity:1}

/* system alert keeps its red urgency but warmer frame */
body.ed .system-alert-block{border-radius:var(--r)}

/* ============================================================================
   MODAL — the "printed page" (warm paper reading view)
   ========================================================================== */
body.ed #modal .modal-inner{
  background:#FBF6EA;color:#211a10;max-width:760px;
}
body.ed #modal .modal-hdr{background:#FBF6EA;border-bottom:1px solid #e7ddc8}
body.ed #modal #modal-back{color:#6b5d40;font-family:var(--ed-mono);font-size:12px;font-weight:700}
body.ed #modal #modal-title{font-family:var(--ed-disp);font-weight:600;color:#1a1407;letter-spacing:-.01em}
body.ed #modal #modal-date{color:#8a7a54;font-family:var(--ed-mono);font-size:11px}
body.ed #modal #modal-body{color:#2b2417}
body.ed #modal #modal-body h3,body.ed #modal #modal-body h4{color:#1a1407;font-family:var(--ed-disp)}
body.ed #modal .modal-acts{background:#FBF6EA;border-top:1px solid #e7ddc8}
body.ed #modal .badge{background:rgba(255,178,60,.18);color:#7a5410}

/* ============================================================================
   TOAST
   ========================================================================== */
body.ed #toast{
  background:var(--gold);color:#1a1305;font-family:var(--ed-body);font-weight:800;
  border-radius:11px;box-shadow:0 16px 40px -12px rgba(0,0,0,.6);border:0;
}

/* ============================================================================
   PAGE-LOAD CHOREOGRAPHY (staggered reveal)
   ========================================================================== */
body.ed #main.dashboard-home>*{animation:ed-rise .6s cubic-bezier(.2,.7,.2,1) both}
body.ed #main.dashboard-home>.ed-ticker{animation-delay:.02s}
body.ed #main.dashboard-home>.ed-hero{animation-delay:.08s}
body.ed #main.dashboard-home>.ed-pipeline{animation-delay:.16s}
body.ed #main.dashboard-home>.perf-shell{animation-delay:.22s}
body.ed #main.dashboard-home>.dashboard-layout{animation-delay:.28s}

/* ---- keyframes ---------------------------------------------------------- */
@keyframes ed-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes ed-marquee{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@keyframes ed-pulse{0%{box-shadow:0 0 0 0 var(--live)}70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}
@keyframes ed-blink{50%{opacity:.15}}
@keyframes ed-scan{0%{background-position:-50% 0}100%{background-position:150% 0}}
@media (prefers-reduced-motion:reduce){
  body.ed *{animation:none!important}
}

/* ============================================================================
   RESPONSIVE — 9:16 vertical (phone) must shine as much as 16:9
   ========================================================================== */
@media (max-width:900px){
  body.ed #main{padding:0 16px 56px}
  body.ed .ed-hero{grid-template-columns:1fr;gap:22px;padding-bottom:22px}
  body.ed .ed-hero-side{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:18px}
  body.ed .ed-reach{font-size:clamp(64px,21vw,128px)}
  body.ed .command-grid,body.ed .workload-grid{grid-template-columns:repeat(2,1fr)}
  body.ed .ed-pipe-stats{grid-template-columns:repeat(2,1fr)}
  body.ed .dashboard-layout{grid-template-columns:1fr}
  body.ed .hdr-left::after{display:none}
  body.ed .hdr-stats{gap:14px;font-size:10px}
}
@media (max-width:560px){
  body.ed .ed-reach{font-size:clamp(56px,24vw,108px)}
  body.ed .ed-hero-actions button{flex:1;justify-content:center}
  body.ed .ed-pipe-now{display:none}
}

/* ============================================================================
   v2 CONCEPT — "AUTONOME KI-REDAKTION"  (AI media company command center)
   CEO briefing · live activity · agent roster · recommendations · social monitor
   ========================================================================== */

/* ---- masthead reframe: company identity ---- */
body.ed .hdr-left::after{content:"AUTONOME KI-REDAKTION"}

/* ---- CEO BRIEFING HERO ---- */
body.ed .ed-brief{
  display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);gap:28px;
  align-items:stretch;margin:18px 0 22px;padding-bottom:24px;border-bottom:2px solid var(--line);
}
body.ed .ed-brief-greet{
  font-family:var(--ed-disp);font-optical-sizing:auto;font-weight:500;
  font-size:clamp(34px,5.2vw,60px);line-height:1;letter-spacing:-.02em;color:var(--pt);margin-bottom:14px;
}
body.ed .ed-brief-greet b{color:var(--gold);font-weight:600}
body.ed .ed-brief-sum{
  font-size:clamp(16px,1.5vw,20px);line-height:1.55;color:var(--pt);max-width:680px;
  border-left:3px solid var(--gold);padding-left:16px;
}
body.ed .ed-brief-sum .up{color:var(--live);font-weight:700;white-space:nowrap}
body.ed .ed-brief-sum .gold{color:var(--gold);font-weight:700}
body.ed .ed-brief-sum .bad{color:var(--bad);font-weight:700}
body.ed .ed-brief-sum .src{display:block;margin-top:8px;font-family:var(--ed-mono);font-size:11px;color:var(--pt-3);letter-spacing:.04em}

body.ed .ed-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}
body.ed .ed-kpi{border:1px solid var(--line);border-radius:var(--rs);padding:13px 14px;background:rgba(255,255,255,.015);border-top:2px solid var(--line-2)}
body.ed .ed-kpi .v{font-family:var(--ed-mono);font-size:clamp(26px,3vw,38px);font-weight:800;line-height:1;color:var(--pt)}
body.ed .ed-kpi .l{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--pt-2);margin-top:7px}
body.ed .ed-kpi .d{font-family:var(--ed-mono);font-size:11px;margin-top:3px;color:var(--pt-3)}
body.ed .ed-kpi.hot{border-top-color:var(--gold)} body.ed .ed-kpi.hot .v{color:var(--gold)}
body.ed .ed-kpi.live{border-top-color:var(--live)} body.ed .ed-kpi.live .v{color:var(--live)}
body.ed .ed-kpi.live .d{color:var(--live)}

body.ed .ed-brief-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
body.ed .ed-brief-actions button{
  font-family:var(--ed-body);font-weight:700;font-size:14px;cursor:pointer;border-radius:11px;padding:12px 18px;
  border:1px solid var(--line-2);background:rgba(255,255,255,.02);color:var(--pt);transition:.16s;display:inline-flex;gap:8px;align-items:center;
}
body.ed .ed-brief-actions button::after{content:"\2192";color:var(--pt-3);transition:.16s}
body.ed .ed-brief-actions button:hover{border-color:var(--gold);color:var(--gold);background:var(--gold-soft);transform:translateY(-1px)}
body.ed .ed-brief-actions button:hover::after{color:var(--gold);transform:translateX(3px)}
body.ed .ed-brief-actions button.primary{background:var(--gold);color:#1a1305;border-color:var(--gold);box-shadow:0 12px 28px -12px var(--gold)}
body.ed .ed-brief-actions button.primary::after{color:#1a1305}

/* ---- LIVE ACTIVITY FEED (right side of hero) ---- */
body.ed .ed-feed{border:1px solid var(--line);border-radius:var(--r);background:var(--paper);display:flex;flex-direction:column;overflow:hidden}
body.ed .ed-feed-head{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--line)}
body.ed .ed-feed-head h3{font-family:var(--ed-mono);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--pt);display:flex;align-items:center;gap:9px}
body.ed .ed-feed-head h3 .dot{width:8px;height:8px;border-radius:50%;background:var(--live);box-shadow:0 0 0 0 var(--live);animation:ed-pulse 2s infinite}
body.ed .ed-feed-head em{font-family:var(--ed-mono);font-size:11px;font-style:normal;color:var(--pt-3)}
body.ed .ed-feed-list{display:flex;flex-direction:column;overflow:hidden}
body.ed .ed-act{display:grid;grid-template-columns:auto 1fr;gap:11px;padding:11px 16px;border-bottom:1px solid rgba(255,255,255,.04);align-items:start}
body.ed .ed-act:last-child{border-bottom:0}
body.ed .ed-act-time{font-family:var(--ed-mono);font-size:11px;color:var(--gold);font-weight:700;padding-top:1px}
body.ed .ed-act-txt{font-size:13px;line-height:1.4;color:var(--pt-2)}
body.ed .ed-act-txt b{color:var(--pt);font-weight:700}
body.ed .ed-act-txt b.agent{color:var(--live)}
body.ed .ed-act:first-child{background:linear-gradient(90deg,var(--live-soft),transparent)}

/* ---- AGENT ROSTER — the star ---- */
body.ed .ed-team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(252px,1fr));gap:12px;margin-bottom:8px}
body.ed .ed-agent{
  position:relative;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);
  padding:15px;border-top:2px solid var(--line-2);transition:.18s;overflow:hidden;
}
body.ed .ed-agent:hover{border-color:var(--line-2);background:var(--paper-2);transform:translateY(-2px)}
body.ed .ed-agent-top{display:flex;align-items:center;gap:11px;margin-bottom:12px}
body.ed .ed-agent-mono{
  width:42px;height:42px;flex:0 0 auto;border-radius:11px;display:flex;align-items:center;justify-content:center;
  font-family:var(--ed-mono);font-weight:800;font-size:15px;letter-spacing:-.02em;
  background:var(--gold-soft);color:var(--gold);border:1px solid var(--gold-line);
}
body.ed .ed-agent-id{min-width:0;flex:1}
body.ed .ed-agent-id b{display:block;font-family:var(--ed-disp);font-weight:600;font-size:16px;color:var(--pt);line-height:1.1}
body.ed .ed-agent-id span{font-family:var(--ed-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--pt-3)}
body.ed .ed-agent-status{
  display:inline-flex;align-items:center;gap:6px;font-family:var(--ed-mono);font-size:10px;font-weight:800;
  letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:999px;border:1px solid var(--line-2);color:var(--pt-2);
}
body.ed .ed-agent-status .s{width:7px;height:7px;border-radius:50%;background:var(--pt-3)}
body.ed .ed-agent.working{border-top-color:var(--live);box-shadow:0 0 0 1px var(--live-line) inset,0 16px 40px -22px var(--live)}
body.ed .ed-agent.working .ed-agent-status{color:var(--live);border-color:var(--live-line);background:var(--live-soft)}
body.ed .ed-agent.working .ed-agent-status .s{background:var(--live);box-shadow:0 0 0 0 var(--live);animation:ed-pulse 1.8s infinite}
body.ed .ed-agent.ready{border-top-color:var(--gold)}
body.ed .ed-agent.ready .ed-agent-status{color:var(--gold);border-color:var(--gold-line);background:var(--gold-soft)}
body.ed .ed-agent.ready .ed-agent-status .s{background:var(--gold)}
body.ed .ed-agent.idle{opacity:.86}
body.ed .ed-agent-last{font-size:12.5px;line-height:1.45;color:var(--pt-2);min-height:34px}
body.ed .ed-agent-last b{color:var(--pt);font-weight:600}
body.ed .ed-agent-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding-top:11px;border-top:1px solid rgba(255,255,255,.05)}
body.ed .ed-agent-metric{font-family:var(--ed-mono);font-size:12px;color:var(--pt)}
body.ed .ed-agent-metric b{color:var(--gold);font-weight:800}
body.ed .ed-agent-next{font-family:var(--ed-mono);font-size:10px;color:var(--pt-3);letter-spacing:.04em}

/* ---- RECOMMENDATIONS — "Was dein Team dir rät" ---- */
body.ed .ed-recs{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}
body.ed .ed-rec{
  position:relative;border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:var(--r);
  background:linear-gradient(120deg,var(--gold-soft),transparent 70%),var(--paper);padding:16px;display:flex;flex-direction:column;gap:9px;
}
body.ed .ed-rec.tone-live{border-left-color:var(--live);background:linear-gradient(120deg,var(--live-soft),transparent 70%),var(--paper)}
body.ed .ed-rec-from{display:flex;align-items:center;gap:8px;font-family:var(--ed-mono);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
body.ed .ed-rec.tone-live .ed-rec-from{color:var(--live)}
body.ed .ed-rec-from .impact{margin-left:auto;color:var(--pt-3);border:1px solid var(--line-2);border-radius:999px;padding:2px 8px;letter-spacing:.04em}
body.ed .ed-rec h4{font-family:var(--ed-disp);font-weight:600;font-size:17px;line-height:1.25;color:var(--pt)}
body.ed .ed-rec p{font-size:13px;line-height:1.5;color:var(--pt-2)}
body.ed .ed-rec p b{color:var(--pt);font-weight:700}
body.ed .ed-rec-acts{display:flex;gap:8px;margin-top:4px}
body.ed .ed-rec-acts button{font-family:var(--ed-body);font-weight:700;font-size:12.5px;cursor:pointer;border-radius:9px;padding:9px 14px;border:1px solid var(--line-2);background:rgba(255,255,255,.02);color:var(--pt);transition:.15s}
body.ed .ed-rec-acts button.go{background:var(--gold);color:#1a1305;border-color:var(--gold)}
body.ed .ed-rec.tone-live .ed-rec-acts button.go{background:var(--live);color:#04130d;border-color:var(--live)}
body.ed .ed-rec-acts button:hover{transform:translateY(-1px)}

/* ---- SOCIAL MONITOR — "Was das Team beobachtet" ---- */
body.ed .ed-social{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
body.ed .ed-soc{border:1px solid var(--line);border-radius:var(--r);background:var(--paper);padding:16px;border-top:2px solid var(--line-2)}
body.ed .ed-soc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
body.ed .ed-soc-name{display:flex;align-items:center;gap:9px;font-weight:700;font-size:15px;color:var(--pt)}
body.ed .ed-soc-name .d{width:9px;height:9px;border-radius:50%}
body.ed .ed-soc-trend{font-family:var(--ed-mono);font-size:12px;font-weight:800;color:var(--live)}
body.ed .ed-soc-trend.down{color:var(--bad)}
body.ed .ed-soc-val{font-family:var(--ed-mono);font-size:32px;font-weight:800;line-height:1;color:var(--pt)}
body.ed .ed-soc-sub{font-family:var(--ed-mono);font-size:11px;color:var(--pt-3);margin-top:5px}
body.ed .ed-soc-note{margin-top:12px;padding-top:11px;border-top:1px solid rgba(255,255,255,.05);font-size:12.5px;line-height:1.45;color:var(--pt-2)}
body.ed .ed-soc-note b{color:var(--live);font-family:var(--ed-mono);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;display:block;margin-bottom:3px}
body.ed .ed-soc.lead{border-top-color:var(--gold)}
body.ed .ed-soc.lead .ed-soc-val{color:var(--gold)}

/* page-load stagger for new sections */
body.ed #main.dashboard-home>.ed-brief{animation-delay:.06s}
body.ed #main.dashboard-home>.ed-team-grid{animation-delay:.18s}

/* ---- responsive for v2 concept ---- */
@media (max-width:900px){
  body.ed .ed-brief{grid-template-columns:1fr;gap:20px}
  body.ed .ed-kpis{grid-template-columns:repeat(2,1fr)}
  body.ed .ed-social{grid-template-columns:1fr}
  body.ed .ed-team-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
  body.ed .ed-feed-list .ed-act:nth-child(n+6){display:none}
}

/* ============================================================================
   v3 — "DER MASCHINENRAUM" / live production line (radical hero)
   ========================================================================== */

/* compact command band (replaces the big card hero) */
body.ed .ed-cmd{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin:20px 0 6px}
body.ed .ed-cmd-greet{font-family:var(--ed-disp);font-optical-sizing:auto;font-weight:500;font-size:clamp(30px,4.4vw,52px);line-height:1;letter-spacing:-.02em;color:var(--pt)}
body.ed .ed-cmd-greet b{color:var(--gold);font-weight:600}
body.ed .ed-cmd-greet small{display:block;font-family:var(--ed-body);font-weight:500;font-size:15px;color:var(--pt-2);margin-top:10px;letter-spacing:0}
body.ed .ed-cmd-greet small .gold{color:var(--gold);font-weight:700}
body.ed .ed-cmd-greet small .up{color:var(--live);font-weight:700}
body.ed .ed-cmd-kpis{display:flex;align-items:center;gap:0}
body.ed .ed-cmd-kpi{padding:0 20px;border-left:1px solid var(--line);text-align:right}
body.ed .ed-cmd-kpi:first-child{border-left:0}
body.ed .ed-cmd-kpi .v{font-family:var(--ed-mono);font-weight:800;font-size:26px;line-height:1;color:var(--pt)}
body.ed .ed-cmd-kpi .l{font-family:var(--ed-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--pt-3);margin-top:6px}
body.ed .ed-cmd-kpi.up .v{color:var(--live)} body.ed .ed-cmd-kpi.gold .v{color:var(--gold)}

/* the line shell + blueprint backdrop */
body.ed .ed-line{
  position:relative;border:1px solid var(--line);border-radius:var(--rx);margin:16px 0 26px;
  padding:30px 26px 26px;overflow:hidden;
  background:
    linear-gradient(180deg,rgba(43,224,172,.04),transparent 40%),
    linear-gradient(0deg,var(--line) 1px,transparent 1px) 0 0/100% 34px,
    linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/34px 100%,
    var(--paper);
}
body.ed .ed-line::after{ /* vignette to fade the grid */
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(120% 90% at 50% 30%,transparent 40%,rgba(11,9,7,.85));
}
body.ed .ed-line-cap{position:relative;z-index:1;display:flex;align-items:center;gap:10px;font-family:var(--ed-mono);font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--pt-3);margin-bottom:24px}
body.ed .ed-line-cap .dot{width:8px;height:8px;border-radius:50%;background:var(--live);box-shadow:0 0 0 0 var(--live);animation:ed-pulse 2s infinite}
body.ed .ed-line-cap b{color:var(--live);font-weight:800}

body.ed .ed-line-track{position:relative;z-index:1;display:flex;align-items:stretch;justify-content:space-between;gap:0}

/* a station */
body.ed .ed-station{
  position:relative;flex:0 0 auto;width:132px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;
}
body.ed .ed-st-node{
  position:relative;width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;
  font-family:var(--ed-mono);font-weight:800;font-size:17px;letter-spacing:-.02em;
  background:var(--ink-2);border:1px solid var(--line-2);color:var(--pt-2);transition:.2s;
}
body.ed .ed-st-light{position:absolute;top:-4px;right:-4px;width:13px;height:13px;border-radius:50%;background:var(--pt-3);border:2px solid var(--paper)}
body.ed .ed-st-name{font-family:var(--ed-disp);font-weight:600;font-size:15px;color:var(--pt);line-height:1.05}
body.ed .ed-st-role{font-family:var(--ed-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--pt-3);margin-top:-4px}
body.ed .ed-st-count{font-family:var(--ed-mono);font-size:12px;color:var(--pt-2)}
body.ed .ed-st-count b{color:var(--gold);font-weight:800}
body.ed .ed-st-meta{display:flex;flex-direction:column;align-items:center;gap:4px}

/* working station (Studio) */
body.ed .ed-station.working .ed-st-node{border-color:var(--live);color:var(--live);background:var(--live-soft);box-shadow:0 0 0 1px var(--live-line),0 0 34px -6px var(--live)}
body.ed .ed-station.working .ed-st-light{background:var(--live);box-shadow:0 0 0 0 var(--live);animation:ed-pulse 1.6s infinite}
body.ed .ed-st-prog{position:absolute;bottom:-26px;left:50%;transform:translateX(-50%);white-space:nowrap;font-family:var(--ed-mono);font-size:11px;font-weight:800;color:var(--live);background:var(--live-soft);border:1px solid var(--live-line);border-radius:999px;padding:3px 9px}

/* the YOU / approval gate */
body.ed .ed-station.you .ed-st-node{border-color:var(--gold);color:var(--gold);background:var(--gold-soft);box-shadow:0 0 0 1px var(--gold-line),0 0 40px -6px var(--gold);width:74px;height:74px;font-size:20px}
body.ed .ed-station.you .ed-st-light{background:var(--gold)}
body.ed .ed-station.you .ed-st-name{color:var(--gold)}
body.ed .ed-station.you .ed-st-count b{color:var(--gold)}

/* live/published station */
body.ed .ed-station.live .ed-st-node{border-color:var(--ok);color:var(--ok)}
body.ed .ed-station.live .ed-st-light{background:var(--ok);box-shadow:0 0 0 0 var(--ok);animation:ed-pulse 2.2s infinite}

/* connector / conveyor */
body.ed .ed-conn{position:relative;flex:1 1 auto;align-self:flex-start;height:3px;margin-top:30px;min-width:26px;background:var(--line-2);border-radius:2px;overflow:hidden}
body.ed .ed-conn::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,var(--live) 0 7px,transparent 7px 18px);background-size:18px 100%;animation:ed-flow .85s linear infinite;opacity:.75}
body.ed .ed-conn.gold::before{background:repeating-linear-gradient(90deg,var(--gold) 0 7px,transparent 7px 18px);background-size:18px 100%}

/* a content packet sitting at studio */
body.ed .ed-packet{
  position:absolute;z-index:2;top:18px;left:50%;transform:translateX(-50%);
  background:var(--ink-2);border:1px solid var(--live-line);border-radius:8px;padding:6px 11px;
  font-size:11px;color:var(--pt);white-space:nowrap;box-shadow:0 10px 24px -12px #000;display:flex;align-items:center;gap:7px;
}
body.ed .ed-packet::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--live);animation:ed-blink 1.1s steps(1) infinite}

@keyframes ed-flow{to{background-position:18px 0}}

/* vertical line for 9:16 */
@media (max-width:900px){
  body.ed .ed-cmd{align-items:flex-start}
  body.ed .ed-cmd-kpis{gap:0;flex-wrap:wrap}
  body.ed .ed-cmd-kpi{padding:10px 16px 10px 0;border-left:0;text-align:left}
  body.ed .ed-line{padding:24px 18px}
  body.ed .ed-line-track{flex-direction:column;align-items:flex-start;gap:0}
  body.ed .ed-station{flex-direction:row;width:100%;align-items:center;text-align:left;gap:14px}
  body.ed .ed-station .ed-st-meta{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
  body.ed .ed-st-prog{position:static;transform:none;margin-left:auto}
  body.ed .ed-packet{position:static;transform:none;margin-left:auto}
  body.ed .ed-conn{flex:0 0 auto;align-self:flex-start;width:3px;height:26px;margin:4px 0 4px 30px;background:var(--line-2)}
  body.ed .ed-conn::before{background:repeating-linear-gradient(180deg,var(--live) 0 7px,transparent 7px 18px);background-size:100% 18px;animation:ed-flow-v .85s linear infinite}
  body.ed .ed-conn.gold::before{background:repeating-linear-gradient(180deg,var(--gold) 0 7px,transparent 7px 18px);background-size:100% 18px}
}
@keyframes ed-flow-v{to{background-position:0 18px}}

/* collapsible "full pipeline" drawer on the home */
body.ed .ed-more{margin:26px 0 10px;border-top:1px solid var(--line);padding-top:8px}
body.ed .ed-more>summary{cursor:pointer;list-style:none;font-family:var(--ed-mono);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--pt-3);padding:12px 0;display:flex;align-items:center;gap:10px}
body.ed .ed-more>summary::-webkit-details-marker{display:none}
body.ed .ed-more>summary::before{content:"+";color:var(--gold);font-size:16px;font-weight:800}
body.ed .ed-more[open]>summary::before{content:"\2212"}
body.ed .ed-more>summary:hover{color:var(--pt)}
body.ed .ed-more-body{padding-top:6px}

/* ============================================================================
   v4 REFINEMENTS (23.06.2026)
   - kill horizontal swiping (grids + modal button row)
   - clearer production line + nicer type
   - interactive Team-Funk
   - carry the look into the other tabs (cards, hero, modal/scripts)
   ========================================================================== */

/* ---- NO HORIZONTAL SWIPE: grids wrap to the viewport everywhere ---- */
body.ed #main .grid,body.ed #main.app-page .grid{
  grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))!important;
}

/* ---- NO HORIZONTAL SWIPE: modal action buttons always wrap ---- */
body.ed #modal .modal-acts,
body.ed #modal .modal-action-scroll,
body.ed #modal .modal-quick-actions,
body.ed #modal .modal-utility-actions,
body.ed #modal .modal-render-actions{
  display:flex!important;flex-wrap:wrap!important;overflow-x:visible!important;gap:8px!important;
  grid-template-columns:none!important;-webkit-overflow-scrolling:auto!important;
}
body.ed #modal .act-btn{
  flex:1 1 auto;min-width:120px;white-space:normal;text-align:center;
  font-family:var(--ed-body);font-weight:700;font-size:12.5px;border-radius:9px;padding:10px 14px;
}
body.ed #modal .act-btn:hover{filter:brightness(1.12)}
/* keep the sticky action bar from getting too tall on tiny screens */
body.ed #modal .modal-acts{max-height:42vh;overflow-y:auto}

/* ---- PRODUCTION LINE: clearer + nicer type ---- */
body.ed .ed-line-cap{font-size:12px;letter-spacing:.1em;color:var(--pt-2)}
body.ed .ed-line-cap b{color:var(--gold)}
body.ed .ed-st-node{font-size:22px;font-weight:800}            /* bigger step numbers */
body.ed .ed-station.you .ed-st-node{font-size:18px}
body.ed .ed-st-name{font-size:16px;letter-spacing:-.01em}
body.ed .ed-st-role{font-size:10px;letter-spacing:.06em;color:var(--pt-2);text-transform:none;margin-top:0}
body.ed .ed-st-count{font-size:12px}
/* little flow chevrons on the connectors so direction reads instantly */
body.ed .ed-conn::after{content:"\203A";position:absolute;right:-3px;top:-9px;color:var(--pt-3);font-size:14px;font-weight:800}

/* ---- TEAM-FUNK: interactive, react-from-here ---- */
body.ed .ed-feed-head em{color:var(--gold)}
body.ed .ed-act-click{cursor:pointer;position:relative;transition:.14s;padding-right:30px}
body.ed .ed-act-click:hover{background:var(--paper-2)}
body.ed .ed-act-click::after{content:"\2192";position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--pt-3);opacity:0;transition:.14s}
body.ed .ed-act-click:hover::after{opacity:1;color:var(--gold);right:11px}
body.ed .ed-act-click:hover .ed-act-txt b{color:var(--pt)}

/* ---- CARRY THE LOOK INTO OTHER TABS ---- */
body.ed #main.app-page .card,body.ed .card{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r);color:var(--pt);
}
body.ed #main.app-page .card:hover{border-color:var(--line-2)}
body.ed .workbench-hero{border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:18px}
body.ed .workbench-hero h1{font-family:var(--ed-disp);font-weight:600;letter-spacing:-.01em;color:var(--pt);font-size:clamp(26px,3.4vw,40px)}
body.ed .workbench-hero p,body.ed .workbench-hero .sub{color:var(--pt-2)}
body.ed .sec-sub{color:var(--pt-3);font-weight:500}
body.ed #main.app-page input,body.ed #main.app-page textarea,body.ed #main.app-page select{
  background:var(--ink-2);border:1px solid var(--line-2);color:var(--pt);border-radius:9px;font-family:var(--ed-body);
}
body.ed #main.app-page input:focus,body.ed #main.app-page textarea:focus{border-color:var(--gold);outline:none}

/* ---- SCRIPT MODAL (warm paper) typography ---- */
body.ed #modal #modal-body{font-size:15px;line-height:1.7}
body.ed #modal #modal-body .script-text,body.ed #modal #modal-body pre{
  font-family:var(--ed-body);white-space:pre-wrap;line-height:1.75;color:#23200f;
}
body.ed #modal .modal-quick-actions .act-btn{flex:0 1 auto;min-width:0}

/* ============================================================================
   v4.1 — Skript/Entry-Modal durchgehend DUNKEL (konsistent statt Papier)
   ========================================================================== */
body.ed #modal .modal-inner{background:var(--ink-2)!important;color:var(--pt)!important}
body.ed #modal .modal-hdr{background:rgba(19,16,9,.94)!important;border-bottom:1px solid var(--line)!important;backdrop-filter:blur(14px)}
body.ed #modal #modal-back{color:var(--pt-2)!important;font-family:var(--ed-mono);font-weight:700}
body.ed #modal #modal-back:hover{color:var(--gold)!important}
body.ed #modal #modal-title{color:var(--pt)!important;font-family:var(--ed-disp);font-weight:600}
body.ed #modal #modal-date{color:var(--pt-3)!important;font-family:var(--ed-mono)}
body.ed #modal #modal-body{color:var(--pt)!important}
body.ed #modal #modal-body h3,body.ed #modal #modal-body h4{color:var(--pt)!important;font-family:var(--ed-disp)}
body.ed #modal .modal-acts{background:rgba(19,16,9,.96)!important;border-top:1px solid var(--line)!important}
body.ed #modal .badge{background:var(--gold-soft)!important;color:var(--gold)!important}
body.ed #modal .modal-quick-actions{background:transparent!important}

/* wrapping action buttons — layout only, inline colours stay intact */
body.ed #modal .act-btn{
  flex:1 1 auto;min-width:120px;white-space:normal;text-align:center;
  font-family:var(--ed-body);font-weight:700;font-size:12.5px;border-radius:9px;padding:10px 14px;
}

/* inputs / script text on dark */
body.ed #modal textarea,body.ed #modal input[type=text]{
  background:var(--ink)!important;border:1px solid var(--line-2)!important;color:var(--pt)!important;border-radius:9px;font-family:var(--ed-body);
}
body.ed #modal textarea::placeholder,body.ed #modal input::placeholder{color:var(--pt-3)}
body.ed #modal #modal-body .card{background:var(--paper)!important;border:1px solid var(--line)!important;color:var(--pt)!important}
body.ed #modal #modal-body pre,body.ed #modal #modal-body .script-text{background:var(--paper)!important;color:var(--pt)!important;border:1px solid var(--line);border-radius:10px;padding:14px}