/* ZEYNAH OPPORTUNITY & DEAL — Ergaenzung zu zeynah-intelligence.css
   ─────────────────────────────────────────────────────────────────────────
   Angelegt 09.09.2026. KEINE eigenen Farben: jeder Wert ist ein Palettenton
   (#0071e3, #005bb8, #7fbcff, Creme #faf7f2/#f0e9dd, Dunkel #404144/#4a4b4f)
   oder eine Alpha-Stufe davon. Kein Schwarz, kein Weiss, kein Braun, kein
   Rot — eine Luecke ist ein gestrichelter Rand, keine Warnfarbe.

   Die Kacheln (.zy-kachel) drehen mit dem Band; diese Datei setzt nur
   Innenleben: Pillen, Zweispalter, Match-Karten, Szenarien, Felder.     */

/* ── Kennzeichnung der Datenwahrheit ─────────────────────────────────── */
.iv-pille.iv-kz{
	font-family:'IBM Plex Mono',ui-monospace,monospace;
	font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; font-weight:600;
	background-color:rgba(0,113,227,.09); border:1px solid rgba(0,113,227,.28);
}
.iv-pille.iv-kz-live{background-color:rgba(0,91,184,.16); border-color:rgba(0,91,184,.55)}
.iv-pille.iv-kz-verified{background-color:rgba(127,188,255,.22); border-color:rgba(127,188,255,.60)}
.iv-pille.iv-kz-unverified{border-style:dashed; border-color:rgba(0,113,227,.50)}
.iv-pille.iv-kz-seed,.iv-pille.iv-kz-sample,.iv-pille.iv-kz-demo{
	border-style:dotted; border-color:rgba(0,113,227,.55); background-color:rgba(0,113,227,.05)}
.iv-pille.iv-kz-prepared,.iv-pille.iv-kz-planned{
	border-style:dashed; border-color:rgba(127,188,255,.55); background-color:transparent; opacity:.9}

/* ── Zustand einer Meldung ───────────────────────────────────────────── */
.iv-pille.iv-st{font-weight:700; letter-spacing:.06em; font-size:11px;
	background-color:rgba(0,113,227,.14); border:1.5px solid rgba(0,113,227,.42)}
.iv-pille.iv-st-new{background-color:rgba(0,91,184,.22); border-color:rgba(0,91,184,.70)}
.iv-pille.iv-st-changed{border-style:double; border-width:3px}
.iv-pille.iv-st-deadline{border-color:rgba(0,91,184,.85); box-shadow:0 0 0 3px rgba(0,113,227,.14)}
.iv-pille.iv-st-pre{border-style:dashed}
.iv-pille.iv-st-expired,.iv-pille.iv-st-archived,.iv-pille.iv-st-sample{opacity:.62; font-weight:600}
.iv-pille.iv-st-awarded{background-color:rgba(127,188,255,.26); border-color:rgba(127,188,255,.70)}

/* ── Zweispalter, Naechster Schritt ──────────────────────────────────── */
.iv-zwei{display:grid; gap:14px; margin-top:12px; grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.iv-zwei > div{padding:.75rem .9rem; border-radius:12px;
	background-color:rgba(0,113,227,.06); border:1px solid rgba(0,113,227,.18)}
.iv-zwei strong{display:block; margin-bottom:.35rem; font-size:13px; letter-spacing:.03em}
.iv-next{margin:.9rem 0 0; padding:.7rem .9rem; border-radius:12px; font-size:14px; line-height:1.55;
	background-color:rgba(0,91,184,.09); border-left:3px solid #0071e3}
.iv-kurz h4{margin-top:.6rem}

/* ── Match-Karten mit WARUM ──────────────────────────────────────────── */
.iv-treffer{display:grid; gap:12px}
.iv-match{padding:.95rem 1.05rem; border-radius:14px;
	background-color:rgba(0,113,227,.06); border:1px solid rgba(0,113,227,.24);
	box-shadow:0 12px 30px rgba(48,49,52,.10), inset 0 1px 0 rgba(250,247,242,.12)}
.iv-match .iv-kopf{display:flex; flex-wrap:wrap; align-items:center; gap:.45rem}
.iv-match-pct{margin:.55rem 0 .2rem; font-size:13.5px}
.iv-match-pct .iv-punkte-zahl{font-size:26px; margin-right:.25rem}

/* ── Partner-Szenarien ───────────────────────────────────────────────── */
.iv-szenarien{display:grid; gap:12px; margin-top:10px; grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.iv-szenario{padding:.9rem 1rem; border-radius:14px;
	background-color:rgba(0,113,227,.06); border:1px solid rgba(0,113,227,.22)}
.iv-szenario h5{margin:0 0 .4rem; font-size:15px; line-height:1.35}
.iv-szenario h5 .iv-leise{font-weight:500; font-size:12.5px}
.iv-szenario .iv-liste{margin-top:.5rem}

/* ── Verlauf, Kurzbrief ──────────────────────────────────────────────── */
.iv-verlauf{margin:.3rem 0 0; padding-left:0; list-style:none; display:grid; gap:.35rem}
.iv-verlauf li{font-size:13.5px; line-height:1.5; padding:.4rem .6rem; border-radius:9px;
	background-color:rgba(0,113,227,.05); border-left:2px solid rgba(0,113,227,.45)}
.iv-verlauf .iv-nr{font-family:'IBM Plex Mono',ui-monospace,monospace; font-size:12px; opacity:.75; margin-right:.4rem}
.iv-brief{white-space:pre-wrap; word-break:break-word; margin:.5rem 0; padding:.8rem .9rem; border-radius:10px;
	font:12.5px/1.6 'IBM Plex Mono',ui-monospace,monospace;
	background-color:rgba(0,113,227,.05); border:1px solid rgba(0,113,227,.18); max-height:420px; overflow:auto}

/* ── Deal Workspace ──────────────────────────────────────────────────── */
.zd h5{margin:1rem 0 .35rem; font-size:14px; letter-spacing:.03em}
.zd-kopf{display:flex; flex-wrap:wrap; align-items:center; gap:.6rem; margin:.3rem 0 .6rem}
.zd-titel{font-size:16px; line-height:1.35}
.zd-feld{
	font:inherit; font-size:14px; color:inherit; max-width:100%;
	padding:.5rem .7rem; border-radius:10px;
	background-color:rgba(0,113,227,.07); border:1px solid rgba(0,113,227,.30);
	box-shadow:inset 0 1px 0 rgba(250,247,242,.10);
}
.zd-feld:focus-visible{outline:2px solid #7fbcff; outline-offset:2px}
.zd-feld.zd-zahl{width:11rem}
select.zd-feld{cursor:pointer}
textarea.zd-feld{width:100%; resize:vertical}
.zd-reihe{display:flex; flex-wrap:wrap; gap:.5rem; align-items:flex-start; margin-top:.4rem}
.zd-reihe .zd-feld{flex:1 1 220px}
.zd-klein{font-size:.78rem; padding:.45rem .9rem}
.zd-liste{margin:.2rem 0; padding-left:0; list-style:none; display:grid; gap:.3rem}
.zd-liste li{font-size:13.5px; line-height:1.5; padding:.35rem .55rem; border-radius:9px;
	background-color:rgba(0,113,227,.05)}
.zd-aufgabe label{cursor:pointer}
.zd-erledigt label{text-decoration:line-through; opacity:.65}
.zd-protokoll{margin:.3rem 0 0; padding-left:0; list-style:none; display:grid; gap:.3rem; max-height:320px; overflow:auto}
.zd-protokoll li{font-size:12.5px; line-height:1.5; padding:.3rem .55rem; border-radius:8px;
	border-left:2px solid rgba(127,188,255,.55); background-color:rgba(0,113,227,.04)}
.zd-protokoll .iv-nr{font-family:'IBM Plex Mono',ui-monospace,monospace; font-size:11.5px; opacity:.75; margin-right:.35rem}
.zd-warn{margin:.9rem 0 0; font-size:12.5px; line-height:1.55; opacity:.9}
.zd-band{margin-bottom:.8rem}
.zd-karte .iv-titel{font-size:17px}

/* RTL: Randlinien und Abstaende spiegeln */
[dir="rtl"] .iv-next{border-left:0; border-right:3px solid #0071e3}
[dir="rtl"] .iv-verlauf li,[dir="rtl"] .zd-protokoll li{border-left:0; border-right-width:2px; border-right-style:solid; border-right-color:rgba(0,113,227,.45)}
[dir="rtl"] .iv-verlauf .iv-nr,[dir="rtl"] .zd-protokoll .iv-nr{margin-right:0; margin-left:.4rem}
[dir="rtl"] .iv-match-pct .iv-punkte-zahl{margin-right:0; margin-left:.25rem}

@media (max-width:640px){
	.iv-match-pct .iv-punkte-zahl{font-size:22px}
	.zd-feld.zd-zahl{width:100%}
	.iv-brief{font-size:11.5px}
}
@media (prefers-reduced-motion:reduce){.iv-match{box-shadow:0 6px 16px rgba(48,49,52,.10)}}

/* ── Risikolage und Beschaffungswache (09.09.2026) ───────────────────────
   Kein Rot: Risiko ist ein doppelter Rand und ein Schatten in Palettenblau.
   Die Zustaende PRUEFUNG NOETIG / GESCHLOSSEN folgen den Nachbarn oben. */
.iv-pille.iv-st-verify{border-style:dashed; border-width:1.5px; border-color:rgba(0,91,184,.70)}
.iv-pille.iv-st-closed{opacity:.62; font-weight:600; text-decoration:line-through; text-decoration-color:rgba(0,113,227,.45)}
.iv-pille.iv-rk{font-weight:700; letter-spacing:.06em; font-size:10.5px; text-transform:uppercase;
	background-color:rgba(0,91,184,.14); border:1.5px solid rgba(0,91,184,.55)}
.iv-pille.iv-rk-hoch{border-style:double; border-width:3px; border-color:rgba(0,91,184,.85);
	box-shadow:0 0 0 3px rgba(0,113,227,.14)}
.iv-pille.iv-rk-update{background-color:rgba(0,91,184,.24); border-color:rgba(0,91,184,.75)}
.iv-pille.iv-rk-umwelt,.iv-pille.iv-rk-politisch,.iv-pille.iv-rk-rechtlich{border-style:dashed; background-color:rgba(0,113,227,.08)}
.iv-pille.iv-rk-repeat{border-style:solid; background-color:rgba(127,188,255,.22); border-color:rgba(127,188,255,.65)}
.iv-pille.iv-kz-ai{border-style:double; border-width:3px; border-color:rgba(127,188,255,.70); background-color:rgba(127,188,255,.14)}
.iv-ki h4 .iv-pille{vertical-align:middle; margin-inline-end:.4rem}
.iv-schritte{margin:.4rem 0 0; padding-inline-start:1.3rem; display:grid; gap:.3rem}
.iv-zusatzliste{list-style:none; margin:.5rem 0 0; padding:0; display:grid; gap:.45rem}
.iv-zs{display:flex; align-items:flex-start; gap:.55rem; flex-wrap:wrap; font-size:14px; line-height:1.5}
.iv-zs .iv-zs-pille{font-weight:700; font-size:10.5px; letter-spacing:.06em; flex:0 0 auto;
	background-color:rgba(0,113,227,.10); border:1.5px solid rgba(0,113,227,.35)}
.iv-zs-matched .iv-zs-pille,.iv-cs-confirmed .iv-zs-pille,.iv-cs-document .iv-zs-pille{
	background-color:rgba(127,188,255,.26); border-color:rgba(127,188,255,.72)}
.iv-zs-partial .iv-zs-pille,.iv-cs-review .iv-zs-pille{border-style:dashed; border-color:rgba(0,91,184,.66); background-color:rgba(0,91,184,.12)}
.iv-zs-missing .iv-zs-pille,.iv-cs-not .iv-zs-pille{border-style:dotted; border-width:2px; border-color:rgba(0,91,184,.75); background-color:transparent}
.iv-zs-search .iv-zs-pille{border-style:double; border-width:3px; border-color:rgba(0,113,227,.55)}
.iv-wache .iv-kopf{display:flex; flex-wrap:wrap; gap:.35rem; align-items:center}
.iv-wache-raster{display:grid; gap:12px; margin-top:12px; grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}
.iv-wache-raster > div{padding:.75rem .9rem; border-radius:12px; min-width:0;
	background-color:rgba(0,113,227,.06); border:1px solid rgba(0,113,227,.18)}
.iv-wache-raster strong{display:block; margin-bottom:.4rem; font-size:13px; letter-spacing:.03em}
.iv-wache-liste{list-style:none; margin:0; padding:0; display:grid; gap:.5rem}
.iv-wache-zeile{font-size:13.5px; line-height:1.5; display:flex; flex-wrap:wrap; gap:.35rem; align-items:center}
.iv-wache-link{background:none; border:0; padding:0; font:inherit; color:inherit; cursor:pointer; text-align:start;
	text-decoration:underline; text-decoration-color:rgba(0,113,227,.55); text-underline-offset:3px; min-height:44px; flex:1 1 200px}
.iv-wache-link:hover{text-decoration-color:#0071e3}
.iv-wache-hist{margin-top:12px; padding:.6rem .9rem; border-radius:12px; border:1px dashed rgba(0,113,227,.30)}
.iv-wache-hist summary{cursor:pointer; font-weight:600; font-size:13.5px; min-height:32px; display:flex; align-items:center; gap:.4rem}
.iv-wache-hist a{word-break:break-word}
.iv-wache .iv-wege{margin-top:14px}
[dir="rtl"] .iv-wache-link{text-align:right}