/* ============================================================================
   KI.NEWS.PAUL — DESIGN V3   ·   22.08.2026
   Wird NACH style-v2.css und editorial.css geladen und gewinnt dadurch.

   Acht Farbwerte: sechs Neutrale, #CCFF00 = "du bist dran", #FF4438 = "geht
   nicht weiter". Listen statt Kachelgitter, Haarlinien statt Kaesten,
   pro Ansicht genau ein Lime-Button.

   REVERT: <link design-v3.css> in index.html entfernen und in app-v2.js
   loadTab() die Klasse 'dashboard-home' wieder anhaengen. Sonst nichts.
   ========================================================================== */

/* --- 1. TOKENS ---------------------------------------------------------- */
:root,
body.ed,
#main,#main.app-page,#main.dashboard-home,
.modal-inner,body.ed .modal-inner{
  --bg:#0B0B0C; --bg2:#0B0B0C;
  --card:#141416; --card-h:#18181B;
  --brd:#232326; --brd2:#33333A;
  --txt:#F2F2F3; --txt2:#8E8E95; --txt3:#7B7B84;

  --lime:#CCFF00; --lime-d:rgba(204,255,0,.10); --lime-g:rgba(204,255,0,.34);
  --red:#FF4438;

  /* alles, was frueher eine eigene Farbe hatte, wird neutral */
  --cyan:#8E8E95;  --cyan-d:rgba(255,255,255,.05);
  --green:#8E8E95; --amber:#CCFF00;
  --blue:#8E8E95;  --purple:#8E8E95; --pink:#8E8E95; --teal:#8E8E95;

  --r:0px; --rs:0px;
  --mono:'JetBrains Mono','SF Mono',ui-monospace,monospace;
  --disp:'Oswald','Arial Narrow',sans-serif;
  --body:'IBM Plex Sans','Segoe UI',system-ui,sans-serif;
  --sans:'IBM Plex Sans','Segoe UI',system-ui,sans-serif;
}

/* editorial.css setzt eigene Namen auf body.ed — hier gleichgezogen */
body.ed{
  --ink:#0B0B0C; --ink-2:#0B0B0C; --paper:#141416; --paper-2:#18181B;
  --line:#232326; --line-2:#33333A;
  --pt:#F2F2F3; --pt-2:#8E8E95; --pt-3:#7B7B84;
  --gold:#CCFF00; --gold-2:#DDFF4D; --gold-soft:rgba(204,255,0,.10); --gold-line:rgba(204,255,0,.34);
  --live:#8E8E95; --live-soft:rgba(255,255,255,.05); --live-line:#33333A;
  --ok:#8E8E95; --warn:#CCFF00; --bad:#FF4438; --bad-soft:rgba(255,68,56,.12); --info:#8E8E95;
  --rx:0px;
  --ed-disp:'Oswald','Arial Narrow',sans-serif;
  --ed-body:'IBM Plex Sans','Segoe UI',system-ui,sans-serif;
  --ed-mono:'JetBrains Mono','SF Mono',ui-monospace,monospace;
}

/* --- 2. GRUNDFLAECHE ---------------------------------------------------- */
html,body,body.ed{
  background:#0B0B0C!important;
  background-image:none!important;
  color:var(--txt);
  font-family:var(--body);
  line-height:1.5;
}
/* Filmkorn und Scanlines raus */
body.ed::before,body.ed::after,body::after{content:none!important;display:none!important}
body.ed a,a{color:var(--lime);text-decoration:none}
body.ed a:hover,a:hover{color:#DDFF4D}
body.ed ::selection,::selection{background:var(--lime);color:#0B0B0C}

/* --- 3. FORM: keine Radien, keine Schatten, keine Auftritte -------------- */
#app *,#modal *{border-radius:0!important;box-shadow:none!important;clip-path:none!important}
#app .pill,#app .badge,#app .row-pill,#app .tab-count,#app .dp-chip,
#app [class*="pill"],#app .navdot{border-radius:999px!important}
#app .btn,#app .act-btn,#app button,#app input,#app textarea,#app select{border-radius:2px!important}
#app *,#modal *{animation:none!important;transition:background-color .12s linear,border-color .12s linear,color .12s linear!important}
#app *::before,#app *::after{filter:none!important}

/* --- 4. SCHALE: Kopf und Navigation --------------------------------------
   Die App ist ab 1100px ein Grid 224px|1fr mit der Navigation als linker
   Sidebar (style-v2.css). Das bleibt so — bei acht Eintraegen liest sich eine
   Spalte besser als eine Reihe. Darunter waagerecht, am Handy untere Leiste. */
#app{background:#0B0B0C!important}
#header,body.ed #header{
  height:60px;background:#0B0B0C!important;backdrop-filter:none!important;
  border-bottom:1px solid var(--brd)!important;
}
.hdr-left,body.ed .hdr-left{
  font-family:var(--disp);font-weight:600;font-size:16px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--txt)
}
.hdr-stats,body.ed .hdr-stats{gap:26px;font-family:var(--mono);font-size:11px;color:var(--txt3);letter-spacing:.08em}
.hdr-stats b,body.ed .hdr-stats b{color:var(--txt2);font-weight:500;margin-left:6px}
#hdr-alert{color:var(--red)!important;background:none!important;border:0!important;padding:0!important;font-weight:600}

/* Zierrat der alten Leiste: Nummerierung, Eckenschnitt, "SYSTEM ONLINE" */
#tab-nav::after,#tab-nav::before,.tab::before,.tab::after,
#header::before,#header::after,
.dash-kicker::before,.dash-kicker::after,
.section-title::before,.section-title::after,
.eyebrow::before,.eyebrow::after,
.dash-panel::before,.dash-panel::after,
.dash-panel-head::before,.dash-panel-head::after{content:none!important}
/* Kopfzahlen als Text, nicht als Kaestchen */
.hdr-stats span,body.ed .hdr-stats span{
  border:0!important;background:none!important;padding:0!important;letter-spacing:.08em;
}

#tab-nav,body.ed #tab-nav{
  background:#0B0B0C!important;backdrop-filter:none!important;
  border-bottom:1px solid var(--brd)!important;border-right:0!important;
}
#tab-nav .tab,body.ed #tab-nav .tab{
  font-family:var(--body)!important;font-weight:500!important;letter-spacing:0!important;
  text-transform:none!important;color:var(--txt2)!important;background:none!important;
  border:0!important;counter-increment:none!important;
}
#tab-nav .tab:hover,body.ed #tab-nav .tab:hover{color:var(--txt)!important;background:rgba(255,255,255,.04)!important}
#tab-nav .tab.active,body.ed #tab-nav .tab.active{
  color:var(--txt)!important;background:rgba(255,255,255,.05)!important;font-weight:600!important;
}
#tab-nav .tab-count,body.ed #tab-nav .tab-count{
  background:none!important;border:0!important;color:var(--lime)!important;
  font-family:var(--mono)!important;font-size:12px!important;font-weight:700!important;
  min-width:0!important;padding:0 0 0 10px!important;height:auto!important;margin-left:auto!important;
}

/* Sidebar */
@media(min-width:1100px){
  #app{grid-template-columns:232px minmax(0,1fr)!important}
  #header{padding:0 28px!important}
  #tab-nav,body.ed #tab-nav{
    flex-direction:column!important;gap:2px!important;padding:20px 12px!important;
    border-right:1px solid var(--brd)!important;border-bottom:0!important;
  }
  #tab-nav .tab,body.ed #tab-nav .tab{
    width:100%;justify-content:flex-start;min-height:44px;padding:0 14px!important;font-size:14px!important;
    border-left:2px solid transparent!important;
  }
  #tab-nav .tab.active,body.ed #tab-nav .tab.active{border-left-color:var(--lime)!important}
}
/* Waagerecht dazwischen */
@media(max-width:1099px) and (min-width:721px){
  #tab-nav,body.ed #tab-nav{
    flex-direction:row!important;gap:26px!important;height:48px;padding:0 28px!important;align-items:stretch;
  }
  #tab-nav .tab,body.ed #tab-nav .tab{
    min-height:0;padding:0!important;font-size:14px!important;background:none!important;
    border-bottom:2px solid transparent!important;margin-bottom:-1px;
  }
  #tab-nav .tab.active,body.ed #tab-nav .tab.active{background:none!important;border-bottom-color:var(--lime)!important}
  #tab-nav .tab-count{margin-left:0!important}
}
#main,#main.app-page{max-width:1160px;margin:0 auto;padding:52px 44px 64px;background:none!important}

/* --- 5. TYPOGRAFIE ------------------------------------------------------ */
body.ed #main h1,body.ed #main h2,body.ed #main h3,body.ed #modal-title,
#main h1,#main h2,#main h3,#modal-title{
  font-family:var(--disp);font-weight:600;letter-spacing:-.015em;color:var(--txt);
}
#main h1,body.ed #main h1{font-size:42px;line-height:1.05}
#main h2,body.ed #main h2{font-size:22px;line-height:1.12}
#main h3,body.ed #main h3{font-size:17px;line-height:1.2}
.dash-kicker,.section-title,body.ed .dash-kicker,body.ed #main .section-title{
  font-family:var(--mono)!important;font-size:10px!important;font-weight:700!important;
  letter-spacing:.22em!important;text-transform:uppercase!important;color:var(--txt3)!important;
  background:none!important;border:0!important;padding:0!important;margin:0 0 14px!important;
}
.section-title::before,.section-title::after,body.ed .section-title::before{content:none!important}

/* --- 6. KENNZAHLEN: eine Zeile, eine Farbe ------------------------------ */
.command-grid,body.ed .command-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0!important;
  background:none!important;border:0!important;border-top:1px solid var(--brd)!important;
  border-bottom:1px solid var(--brd)!important;margin:0 0 44px!important;overflow:visible!important;
}
.command-card,body.ed .command-card{
  display:block!important;background:none!important;border:0!important;border-top:0!important;
  padding:22px 24px 22px 0!important;
}
.command-card::before,body.ed .command-card::before{content:none!important}
.command-value,body.ed .command-value{
  font-family:var(--mono)!important;font-size:34px!important;font-weight:500!important;
  line-height:1!important;letter-spacing:-.02em;color:var(--txt)!important;margin:0!important;
}
.command-label,body.ed .command-label{
  font-family:var(--body);font-size:13px!important;font-weight:400!important;color:var(--txt2)!important;
  letter-spacing:0!important;text-transform:none!important;margin-top:9px;
}
.command-hint,body.ed .command-hint{font-size:12px!important;color:var(--txt3)!important;margin-top:4px}

.prod-strip,body.ed .prod-strip,.stat-grid{
  display:grid;gap:0!important;background:none!important;border:0!important;
  border-top:1px solid var(--brd)!important;border-bottom:1px solid var(--brd)!important;overflow:visible!important;
}
.prod-strip div,body.ed .prod-strip div,.stat-card{
  background:none!important;border:0!important;padding:20px 22px 20px 0!important;text-align:left!important;
}
.prod-strip b,.stat-val{font-family:var(--mono)!important;font-size:28px!important;font-weight:500!important;color:var(--txt)!important;letter-spacing:-.02em}
.prod-strip span,.stat-label{
  font-family:var(--body)!important;font-size:12px!important;font-weight:400!important;
  color:var(--txt2)!important;text-transform:none!important;letter-spacing:0!important;margin-top:8px!important;
}

/* --- 7. PANELS UND ZEILEN: Linien statt Kaesten ------------------------- */
.dash-panel,body.ed .dash-panel{
  background:none!important;border:0!important;border-left:0!important;padding:0!important;margin-bottom:44px;
}
.dashboard-layout,body.ed .dashboard-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,.5fr)!important;gap:56px!important}
.dashboard-main,.dashboard-side{gap:44px!important}
.dash-panel-head,body.ed .dash-panel-head{
  align-items:baseline;border-bottom:1px solid var(--brd)!important;padding-bottom:12px!important;margin-bottom:0!important;
}
.dash-panel-head h2,body.ed .dash-panel-head h2{
  font-family:var(--mono)!important;font-size:10px!important;font-weight:700!important;
  letter-spacing:.22em!important;text-transform:uppercase!important;color:var(--txt3)!important;
}
.dash-panel-head span,body.ed .dash-panel-head span{font-size:12px!important;color:var(--txt3)!important;margin-top:5px}

.dash-list,body.ed .dash-list{gap:0!important}
.dash-row,body.ed .dash-row{
  grid-template-columns:3px minmax(0,1fr) auto!important;gap:20px!important;align-items:center;
  background:none!important;border:0!important;border-bottom:1px solid var(--brd)!important;
  padding:18px 0!important;min-height:68px;
}
.dash-row:hover,body.ed .dash-row:hover{background:#111113!important}
.dash-row b,body.ed .dash-row b{font-size:16px!important;font-weight:500!important;line-height:1.3;color:var(--txt)!important}
.dash-row span:not(.row-pill),body.ed .dash-row span:not(.row-pill){
  font-family:var(--mono)!important;font-size:11px!important;color:var(--txt3)!important;margin-top:5px!important;letter-spacing:.04em
}
/* Statuspille: Kasten weg, Wort bleibt. Der Zustand steht rechts als Klartext,
   der Balken links ist nur die Zusammenfassung fuer den schnellen Blick. */
.row-pill,body.ed .row-pill{
  order:2;grid-column:3;justify-self:end;min-width:0!important;width:auto!important;height:auto!important;
  padding:0!important;border:0!important;border-radius:0!important;background:none!important;
  font-family:var(--body)!important;font-size:13px!important;font-weight:400!important;
  letter-spacing:0!important;text-transform:none!important;color:var(--txt2)!important;
}
.row-pill.tone-amber,body.ed .row-pill.tone-amber{color:var(--lime)!important}
.row-pill.tone-red,body.ed .row-pill.tone-red{color:var(--red)!important}
.row-pill.tone-green,body.ed .row-pill.tone-green{color:var(--txt2)!important}
/* Balken links — wo :has() fehlt, bleibt er neutral grau statt zu verschwinden */
.dash-row::before,body.ed .dash-row::before{
  content:"";grid-column:1;grid-row:1;align-self:stretch;min-height:34px;background:var(--brd2);
}
.dash-row:has(.row-pill.tone-amber)::before{background:var(--lime)}
.dash-row:has(.row-pill.tone-red)::before{background:var(--red)}
.dash-empty,body.ed .dash-empty{border:0!important;border-top:1px solid var(--brd)!important;color:var(--txt3)!important;text-align:left!important;padding:22px 0!important}

/* Plattform- und Kommentarzeilen */
.platform-card,.comment-row,.compact-entry-card,body.ed .platform-card,body.ed .comment-row{
  background:none!important;border:0!important;border-bottom:1px solid var(--brd)!important;padding:18px 0!important;
}
.platform-value{font-family:var(--mono)!important;font-size:26px!important;font-weight:500!important;color:var(--txt)!important;letter-spacing:-.02em}
.platform-name{font-size:13px!important;font-weight:400!important;color:var(--txt2)!important}
.platform-meta,.platform-fresh{font-family:var(--mono)!important;font-size:11px!important;color:var(--txt3)!important}
.compact-entry-grid{grid-template-columns:1fr!important;gap:0!important}

/* --- 8. JOB-KARTEN WERDEN LISTENZEILEN ---------------------------------- */
.grid,body.ed .grid{display:flex!important;flex-direction:column!important;gap:0!important;margin-bottom:44px}
.card,body.ed .card{
  display:grid!important;grid-template-columns:3px minmax(0,1fr) 190px 96px!important;
  column-gap:22px!important;row-gap:4px!important;align-items:center;
  background:none!important;border:0!important;border-left:0!important;
  border-bottom:1px solid var(--brd)!important;padding:16px 0!important;min-height:76px;
}
.card:hover,body.ed .card:hover{background:#111113!important;transform:none!important}
.card>*{grid-column:2}
.card .jc-mark{grid-column:1;grid-row:1/span 4;align-self:stretch;min-height:44px;background:var(--brd2)}
/* .card::before ist in style-v2.css dekorativ und ABSOLUT positioniert — raus damit.
   Karten ohne eigenen Zustandsbalken bekommen den neutralen Strich als Rahmen. */
.card::before,.card::after,body.ed .card::before,body.ed .card::after{content:none!important}
.card:not(:has(.jc-mark)),body.ed .card:not(:has(.jc-mark)){
  border-left:3px solid var(--brd2)!important;padding-left:16px!important;
}
.card .jc-mark.is-you{background:var(--lime)}
.card .jc-mark.is-bad{background:var(--red)}
.card-head,body.ed .card-head{grid-column:3/5;grid-row:1;justify-self:end;margin:0!important;gap:14px;border:0!important;padding:0!important}
/* QC-Pillen sitzen in der Metazeile und tragen keine eigene Farbe mehr */
.jc-meta .production-qc-pill{
  display:inline;margin-left:14px;padding:0!important;background:none!important;border:0!important;
  color:var(--txt3)!important;font-family:var(--mono)!important;font-size:11px!important;font-weight:500!important;
  letter-spacing:.04em!important;text-transform:none!important;
}
.jc-meta .production-qc-pill.fail,.jc-meta .production-qc-pill.error{color:var(--red)!important}
.jc-meta .production-qc-pill.warning{color:var(--lime)!important}
.card .badge,body.ed .card .badge{
  background:none!important;border:0!important;padding:0!important;color:var(--txt2)!important;
  font-family:var(--body)!important;font-size:13px!important;font-weight:400!important;
  letter-spacing:0!important;text-transform:none!important;
}
.card-time,body.ed .card-time{font-family:var(--mono)!important;font-size:11px!important;color:var(--txt3)!important}
.card-title,body.ed .card-title{
  grid-column:2;grid-row:1;font-family:var(--body)!important;font-size:16px!important;font-weight:500!important;
  line-height:1.3!important;color:var(--txt)!important;margin:0!important;
}
.card .jc-meta{grid-column:2;grid-row:2;font-family:var(--mono);font-size:11px;color:var(--txt3);letter-spacing:.04em}
.card .jc-state{grid-column:3;grid-row:2;font-size:13px;color:var(--txt2);justify-self:end;text-align:right}
.card .jc-state.is-bad{color:var(--red)}
.card .jc-step{grid-column:4;grid-row:2;font-family:var(--mono);font-size:12px;color:var(--txt2);text-align:right}
.card .jc-err{grid-column:2/5;grid-row:3;font-size:12px;color:var(--red);line-height:1.4}
/* zweite Kartenform (cardHTML): Vorschau, Statuspille, Ansehen-Link */
.card-preview,body.ed .card-preview{
  grid-column:2;font-size:13px!important;line-height:1.45!important;color:var(--txt2)!important;
  margin:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.card .status-pill,body.ed .card .status-pill{
  background:none!important;border:0!important;padding:0!important;
  font-family:var(--mono)!important;font-size:11px!important;font-weight:500!important;
  letter-spacing:.1em!important;color:var(--txt2)!important;
}
.card .unread-dot,body.ed .card .unread-dot{
  width:5px!important;height:5px!important;border-radius:999px!important;background:var(--lime)!important;border:0!important;
}
/* Die ganze Zeile ist klickbar und hebt sich beim Ueberfahren — der Link ist Rauschen */
.card-link,body.ed .card-link{display:none!important}
.card .jc-bar{grid-column:2/5;grid-row:4;height:2px;background:var(--brd);margin-top:6px}
.card .jc-bar i{display:block;height:100%;background:var(--brd2)}
.card .jc-bar i.is-bad{background:var(--red)}

/* --- 9. BUTTONS, FELDER, PILLEN ----------------------------------------- */
.act-btn,.dash-actions button,.dash-panel-head button,#main button.act-btn,
body.ed .act-btn,body.ed .dash-actions button,body.ed .dash-panel-head button{
  min-height:40px;padding:0 18px!important;background:none!important;border:1px solid var(--brd2)!important;
  color:var(--txt)!important;font-family:var(--body)!important;font-size:13px!important;font-weight:500!important;
  letter-spacing:0!important;text-transform:none!important;
}
.act-btn:hover,.dash-actions button:hover,.dash-panel-head button:hover{border-color:var(--txt3)!important;background:none!important;color:var(--txt)!important}
.act-btn.primary,#main.app-page .act-btn.primary,.modal-acts .act-btn.primary,
.modal-quick-grid .act-btn.primary,body.ed .act-btn.primary{
  background:var(--lime)!important;border-color:var(--lime)!important;color:#0B0B0C!important;font-weight:600!important;
}
.act-btn.primary:hover{background:#DDFF4D!important;border-color:#DDFF4D!important}
.act-btn.realrec-action{border-color:var(--brd2)!important;color:var(--txt)!important;background:none!important}

input[type=text],input[type=search],textarea,select,
#script-body-edit,#vj-script-edit,.realnews-script-edit,.quality-feedback-card textarea{
  background:#0B0B0C!important;border:1px solid var(--brd2)!important;color:var(--txt)!important;
  font-family:var(--mono)!important;font-size:13px!important;
}
input:focus,textarea:focus,select:focus{outline:0!important;border-color:var(--lime)!important}
#script-body-edit,#vj-script-edit,.realnews-script-edit{font-family:var(--body)!important;font-size:16px!important;line-height:1.6!important}

.badge,body.ed .badge{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.06em}

/* --- 10. PRODUKTION-TAB -------------------------------------------------- */
.workbench-hero,.production-hero,.todo-hero,.realnews-hero,body.ed .workbench-hero{
  display:block!important;background:none!important;border:0!important;border-left:0!important;
  padding:0!important;margin:0 0 44px!important;
}
.workbench-hero h1{font-size:42px!important;margin-bottom:14px}
.workbench-hero p{font-size:16px!important;color:var(--txt2)!important;max-width:640px}
.workbench-stats{display:flex;gap:34px;margin-top:26px}
.workbench-stats span{display:block;font-family:var(--body);font-size:13px;color:var(--txt2)}
.workbench-stats b{display:block;font-family:var(--mono);font-size:28px;font-weight:500;color:var(--txt);letter-spacing:-.02em;margin-bottom:6px}

.production-action-grid{grid-template-columns:1fr!important;gap:0!important;margin-bottom:44px!important}
.production-action-card,.aufreger-upload-card{
  background:none!important;border:0!important;border-bottom:1px solid var(--brd)!important;padding:0 0 20px!important;margin-bottom:20px!important;
}
.production-action-head b{font-family:var(--body)!important;font-size:15px!important;font-weight:500!important}
.production-action-head span{font-size:12px!important;color:var(--txt3)!important}
.production-action-row{margin-top:14px}
.production-action-row input{background:none!important;border:0!important;border-bottom:1px solid var(--brd2)!important;padding:10px 0!important}
.upload-zone,.compact-upload{background:none!important;border:1px dashed var(--brd2)!important;padding:26px!important}
.upload-icon{color:var(--lime)!important;font-size:20px!important}

.queue-truth-strip,.production-learning-strip{
  background:none!important;border:0!important;border-top:1px solid var(--brd)!important;
  border-bottom:1px solid var(--brd)!important;padding:16px 0!important;margin-bottom:44px!important;
  font-family:var(--mono);font-size:11px;color:var(--txt3);letter-spacing:.06em;
}
.queue-truth-strip b,.production-learning-lead b{color:var(--txt2)!important;font-weight:500!important}
.queue-current-error{color:var(--red)!important}

.production-qc-strip{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0!important;background:none!important;
  border:0!important;border-top:1px solid var(--brd)!important;border-bottom:1px solid var(--brd)!important;
  padding:0!important;margin-bottom:44px!important;
}
.production-qc-strip span{
  background:none!important;border:0!important;border-left:0!important;padding:18px 20px 18px 0!important;
  font-size:12px!important;color:var(--txt2)!important;
}
.production-qc-strip b{display:block;font-family:var(--mono)!important;font-size:24px!important;font-weight:500!important;color:var(--txt)!important;margin-bottom:7px;letter-spacing:-.02em}
.production-qc-strip .fail b{color:var(--red)!important}

.production-library{background:none!important;border:0!important;padding:0!important}
.production-library-head{border-bottom:0!important;margin-bottom:20px!important}
.production-library-total b{font-family:var(--mono)!important;font-size:34px!important;font-weight:500!important;color:var(--txt)!important}
.production-library-total span{font-size:11px!important;color:var(--txt3)!important}
.production-library-tabs{background:none!important;border:0!important;padding:0!important;gap:28px!important;border-bottom:1px solid var(--brd)!important}
.production-library-tabs button{
  background:none!important;border:0!important;border-bottom:1px solid transparent!important;margin-bottom:-1px;
  padding:0 0 12px!important;color:var(--txt3)!important;font-size:14px!important;font-weight:500!important;min-height:0!important;
}
.production-library-tabs button.active{color:var(--txt)!important;border-bottom-color:var(--lime)!important}
.production-library-tabs button b{font-family:var(--mono)!important;font-weight:500!important;margin-left:7px;color:var(--txt3)!important}
.production-library-tabs button.active b{color:var(--lime)!important}
.production-library-search input{background:none!important;border:0!important;border-bottom:1px solid var(--brd2)!important}

/* Real-Nachrichten und aehnliche Kartenraster */
.realnews-grid,.daily-pick-grid{grid-template-columns:1fr!important;gap:0!important}
.realnews-card,.realnews-command,.realnews-modal section,.realrec-link-panel,
.quality-feedback-card,.pf-ico,.todo-progress-ring>div{
  background:none!important;border:0!important;border-bottom:1px solid var(--brd)!important;
  border-left:0!important;min-height:0!important;padding:20px 0!important;
}
.quality-feedback-card{background:#0B0B0C!important;border:1px solid var(--brd2)!important;padding:26px!important}
.realnews-card h3{font-size:19px!important}
.realnews-meta span,.realnews-wc{background:none!important;border:0!important;color:var(--txt3)!important;padding:0 14px 0 0!important;font-family:var(--mono)!important}
.realnews-meta .wc-low,.realnews-meta .wc-high{color:var(--lime)!important}

/* --- 11. MODAL ----------------------------------------------------------- */
#modal,body.ed #modal{background:rgba(11,11,12,.86)!important;backdrop-filter:none!important}
.modal-inner,body.ed .modal-inner{
  background:#0B0B0C!important;color:var(--txt)!important;border:1px solid var(--brd)!important;
  max-width:1040px;
}
.modal-hdr,body.ed .modal-hdr{background:#0B0B0C!important;border-bottom:1px solid var(--brd)!important;backdrop-filter:none!important}
#modal-back{background:none!important;border:1px solid var(--brd2)!important;color:var(--txt)!important;font-weight:500!important}
#modal-title{color:var(--txt)!important;font-weight:600!important}
#modal-date{color:var(--txt3)!important}
#modal-body{color:var(--txt)!important}
#modal-body h3,#modal-body h4{color:var(--txt2)!important;font-family:var(--mono)!important;font-size:11px!important;letter-spacing:.18em!important}
#modal-title{font-size:30px!important}
.modal-acts,body.ed .modal-acts{border-top:1px solid var(--brd)!important;background:#0B0B0C!important}

/* --- 12. HANDY ----------------------------------------------------------- */
#mobile-nav{display:none}
@media(max-width:720px){
  #header{height:auto!important;min-height:56px;align-items:center;
    padding-top:env(safe-area-inset-top)!important;padding-left:20px!important;padding-right:20px!important}
  .hdr-stats{display:none!important}
  #tab-nav{display:none!important}
  #main,#main.app-page{padding:26px 20px calc(96px + env(safe-area-inset-bottom))!important;max-width:100%}
  #main h1,body.ed #main h1,.workbench-hero h1{font-size:30px!important}
  #modal-title{font-size:24px!important}

  #main .command-grid,#main.app-page .command-grid,body.ed #main .command-grid,
  #main .prod-strip,#main .stat-grid,#main .production-qc-strip,
  .command-grid,.prod-strip,.stat-grid,.production-qc-strip{grid-template-columns:1fr 1fr!important}
  .command-card,.prod-strip div,.stat-card,.production-qc-strip span{padding:16px 16px 16px 0!important}
  .command-value,.prod-strip b,.stat-val{font-size:26px!important}
  .dashboard-layout,body.ed .dashboard-layout{grid-template-columns:1fr!important;gap:44px!important}
  .dash-panel{margin-bottom:36px}

  .card,body.ed .card{grid-template-columns:3px minmax(0,1fr)!important;column-gap:14px!important;padding:14px 0!important}
  .card-head{grid-column:2!important;grid-row:3!important;justify-self:start!important;order:0}
  .card-title{grid-row:1!important}
  .card .jc-meta{grid-row:2!important}
  .card .jc-state,.card .jc-step{grid-column:2!important;grid-row:4!important;justify-self:start!important;text-align:left!important}
  .card .jc-step{justify-self:end!important;text-align:right!important}
  .card .jc-err,.card .jc-bar{grid-column:2!important}

  .act-btn,.dash-actions button,.dash-panel-head button,
  #tab-nav .tab,.production-library-tabs button{min-height:44px!important}
  .modal-inner{max-width:100%!important}
  .workbench-stats{gap:22px;flex-wrap:wrap}

  /* untere Leiste: fuenf feste Ziele statt acht scrollender Reiter */
  #mobile-nav{
    display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:120;
    background:#0B0B0C;border-top:1px solid var(--brd);padding-bottom:env(safe-area-inset-bottom);
  }
  #mobile-nav .mnav{
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
    height:64px;background:none;border:0;cursor:pointer;position:relative;
    font-family:var(--body);font-size:10px;font-weight:500;color:var(--txt3);
  }
  #mobile-nav .mnav.active{color:var(--txt)}
  #mobile-nav .mnav.active svg{color:var(--lime)}
  #mobile-nav .mnav .navdot{
    position:absolute;top:11px;right:calc(50% - 18px);width:5px;height:5px;
    background:var(--lime);display:none;
  }
  #mobile-nav .mnav.need .navdot{display:block}

  #mobile-more{
    display:none;position:fixed;left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom));z-index:119;
    background:#0B0B0C;border-top:1px solid var(--brd);padding:8px 20px 14px;
  }
  #mobile-more.open{display:block}
  #mobile-more button{
    display:block;width:100%;text-align:left;min-height:52px;background:none;border:0;
    border-bottom:1px solid var(--brd);color:var(--txt);font-family:var(--body);font-size:15px;font-weight:500;cursor:pointer;
  }
  #mobile-more button:last-child{border-bottom:0}
}
@media(max-width:1080px) and (min-width:721px){
  #main,#main.app-page{padding:40px 28px 56px!important}
  .dashboard-layout,body.ed .dashboard-layout{grid-template-columns:1fr!important;gap:44px!important}
  #main .command-grid,#main.app-page .command-grid,body.ed #main .command-grid,
  .command-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #tab-nav,#header{padding:0 28px}
}

/* Nachtrag: einzige direkte Fraunces-Nennung (style-v2.css:935) */
.quality-feedback-card h2{font-family:var(--disp)!important;font-size:26px!important;letter-spacing:-.015em!important}