/* ============================================================
 * css/density-polish.css  —  v0.9.9.10
 *   Visual Density vs. Hierarchy Polish-Pass.
 *
 * Ziel: kritische Metriken (Cash, Reputation, Budget, Capacity)
 * staerker hervorheben, sekundaere Information zuruecknehmen.
 *
 * Drei Moves, 100% additiv (CSS-only, keine Markup-Aenderung):
 *   A) Topbar — Cash + Reputation als Hero-Werte
 *   B) Lead-Modal — Budget-Tile als Hero-KPI
 *   C) Capacity-Cards (Projekte-Fenster) — Hauptzahl groesser, Einheit gemutet
 *
 * Reversibel: density-polish.css aus index.html entfernen → vorheriger Zustand.
 * ============================================================ */


/* === A) Topbar-Hierarchie =========================================== */

/* Cash (Heldenwert Nr. 1) — groesser, blau-akzentuiert */
.topbar-cell[data-ctxmenu="topbar-money"] .val {
    font-size: 14px;
    color: #003070;
    letter-spacing: 0.2px;
}

/* Reputation (Heldenwert Nr. 2) — groesser */
#tb-rep-cell .val {
    font-size: 13px;
}

/* Sekundaere Cells: Label dezenter (Cash/Rep haben uebersteuerte Werte;
   die anderen muten wir ueber das Label, nicht den Wert). */
.topbar-cell[data-ctxmenu="topbar-employees"] .label,
.topbar-cell[data-ctxmenu="topbar-rate"] .label,
.topbar-cell[data-ctxmenu="topbar-projects"] .label,
.topbar-cell[data-ctxmenu="topbar-retainer"] .label,
.topbar-cell[data-ctxmenu="topbar-difficulty"] .label,
.topbar-cell[data-ctxmenu="topbar-status"] .label {
    color: #777;
}


/* === B) Lead-Modal: Budget als Hero-KPI =========================== */

/* Die 4 KPI-Tiles haben inline-Styles. Budget ist die einzige mit
   gruener Border (#78b878). Daran greifen wir spezifisch.
   Frist ist die einzige mit oranger Border (#d4a060).
   Umfang + Schaetzung haben grauer Border (#c8c8c8). */

/* Budget-Tile staerker — 2px Border + leichter inset-shadow */
.lead-kpi[style*="78b878"] {
    border-width: 2px !important;
    box-shadow: 0 0 0 1px #fff inset;
}

/* Budget-Wert (zweite div) groesser */
.lead-kpi[style*="78b878"] > div:last-child {
    font-size: 16px !important;
    line-height: 1.1 !important;
    letter-spacing: 0.3px;
}

/* Frist-Tile (orange) — Wert leicht groesser, weil "10 Wochen" eine
   kritische Risiko-Information ist */
.lead-kpi[style*="d4a060"] > div:last-child {
    font-size: 14px !important;
}


/* === C) Capacity-Cards (Projekte-Fenster) =========================
   Die Cards in renderCapacityRows() (render.js) verwenden Inline-Styles.
   Eindeutig identifizierbar ueber das title-Attribut der inneren divs:
   - "Netto verfuegbar pro Werktag (...)" -> Hauptzahl (z.B. "1.8h/Tag")
   - "Monatswert" -> Sub-Wert (z.B. "= 36h/Mt")
   - "Brutto-Kapazitaet vor Retainer-Abzug" -> tertiaer */

/* Hauptzahl: 14px → 16px, klarer blau-akzentuiert
   v0.9.11.7: Auch data-era-tt matchen, da era-tooltip.js title beim ersten Hover
   in data-era-tt migriert (sonst schrumpft die Schrift sichtbar bei Hover). */
[title^="Netto verfügbar pro Werktag"],
[title^="Netto verfuegbar pro Werktag"],
[data-era-tt^="Netto verfügbar pro Werktag"],
[data-era-tt^="Netto verfuegbar pro Werktag"] {
    font-size: 16px !important;
    color: #003070 !important;
    letter-spacing: 0.2px;
}

/* Monatswert: ausgegraut (v0.9.11.7: + data-era-tt-Variante) */
[title="Monatswert"],
[data-era-tt="Monatswert"] {
    color: #888 !important;
    opacity: 0.85;
}

/* Brutto-Capacity: noch dezenter (das ist Diagnose-Info)
   v0.9.11.7: + data-era-tt-Variante */
[title="Brutto-Kapazität vor Retainer-Abzug"],
[title="Brutto-Kapazitaet vor Retainer-Abzug"],
[data-era-tt="Brutto-Kapazität vor Retainer-Abzug"],
[data-era-tt="Brutto-Kapazitaet vor Retainer-Abzug"] {
    color: #aaa !important;
}


/* === D) Generic muted-zero Helper ==================================
   Helper-Klasse fuer Renderer, die spaeter Zero-Werte explizit muten
   wollen. Aktuell nicht verwendet, aber zukunftssicher. */

.muted-zero {
    color: #999 !important;
    opacity: 0.7;
    font-weight: normal !important;
}

/* end density-polish.css */