/* Tema comună ICC „Astro” pentru aplicațiile din familia Oferte (Oferte, Cash Flow, RSVTI, Subcontractori) · v1.0.0 · 25.10.2026
   Originalul e în apps-instalcorp/tema-icc-app.css; copie identică în fiecare din cele patru aplicații.
   Se încarcă DUPĂ style.css: traduce numele vechi de culori (navy, bg, card…) în culorile din tema-icc.css.
   Prefixul :root:not(#icc) doar câștigă prioritatea față de regulile din style.css, fără !important.
   Documentele (oferte, contracte, foi de lucru, PDF, tipăriri) NU se schimbă: rămân albe, cu fontul și culorile lor. */

:root:not(#icc) {
  --navy: var(--brand); --navy-2: var(--brand-bright); --navy-hover: var(--brand-deep);
  --bg: var(--ink); --card: var(--panel); --card-hover: var(--panel-2); --topbar-bg: var(--head-bg);
  --line-light: color-mix(in oklab, var(--fg) 5%, var(--panel));
  --text: var(--fg); --muted: var(--fg-2); --placeholder: var(--fg-3);
  --green: var(--ok); --red: var(--err); --amber: var(--wip); --blue: var(--info); --purple: var(--brand-text);
  --green-bg: color-mix(in oklab, var(--ok) 15%, transparent);
  --red-bg: color-mix(in oklab, var(--err) 15%, transparent);
  --amber-bg: color-mix(in oklab, var(--wip) 15%, transparent);
  --blue-bg: color-mix(in oklab, var(--info) 15%, transparent);
  --purple-bg: color-mix(in oklab, var(--brand) 15%, transparent);
  --teal-bg: color-mix(in oklab, var(--teal) 15%, transparent);
  --gray-bg: color-mix(in oklab, var(--gray) 14%, transparent);
  --input-focus-ring: color-mix(in oklab, var(--brand) 25%, transparent);
  --shadow-sm: var(--sh-1); --shadow-md: var(--sh-2); --shadow-lg: var(--sh-3); --shadow-modal: var(--sh-4);
}
/* numele comune cu tema (line, teal, gray) primesc valorile direct, ca să nu rămână cele din style.css */
:root:not(#icc)[data-theme="dark"] {
  color-scheme: dark;
  --line: #ffffff14; --teal: #2dd4bf; --gray: #a0a0b4;
  --input-bg: #0e0e16; --input-border: #ffffff24;
}
:root:not(#icc)[data-theme="light"] {
  color-scheme: light;
  --line: #1a14321a; --teal: #0f766e; --gray: #4a4660;
  --input-bg: #fbfaff; --input-border: #1a14322e;
}

/* bază: fontul portalului, fundalul pe html, ca gridul de sus să se vadă prin pagină */
html:not(#icc) { background: var(--bg); font-family: var(--f-sans); }
html:not(#icc) body { background: transparent; font-family: var(--f-sans); -webkit-font-smoothing: antialiased; }
:root:not(#icc) a { color: var(--brand-text); }
:root:not(#icc) a:hover { color: var(--fg); }
:root:not(#icc) :focus-visible { outline-color: var(--accent); }
:root:not(#icc) td.num, :root:not(#icc) .num { font-variant-numeric: tabular-nums; }

/* antetul: translucid, ca în portal */
:root:not(#icc) .topbar {
  color: var(--fg); box-shadow: none; border-bottom: 1px solid var(--line);
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
}
:root:not(#icc) .topbar .brand { color: var(--fg); }
:root:not(#icc) .topbar .brand img { height: 26px; background: transparent; border-radius: 0; padding: 0; }
:root:not(#icc) .topbar nav a { color: var(--fg-2); }
:root:not(#icc) .topbar nav a.active, :root:not(#icc) .topbar nav a:hover { background: color-mix(in oklab, var(--brand) 16%, transparent); color: var(--fg); }
:root:not(#icc) .topbar nav a.active { box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--brand) 35%, transparent); }
:root:not(#icc) .topbar nav a.ext { color: var(--fg-3); }
:root:not(#icc) .topbar .user { color: var(--fg-2); }
:root:not(#icc) .theme-toggle { background: transparent; border: 1px solid var(--line-2); color: var(--fg-2); width: 34px; height: 34px; font-size: 15px; }
:root:not(#icc) .theme-toggle:hover { color: var(--fg); border-color: color-mix(in oklab, var(--brand) 55%, var(--line-2)); background: transparent; }
:root:not(#icc) .menu-btn { border-color: var(--line-2); background: transparent; color: var(--fg); }
:root:not(#icc) .menu-btn:hover { background: color-mix(in oklab, var(--brand) 14%, transparent); }
:root:not(#icc) .topbar.open .user { border-top-color: var(--line); }
:root:not(#icc) .task-w { background: color-mix(in oklab, var(--fg) 12%, transparent); color: var(--fg); }
:root:not(#icc) .task-w.new { background: var(--err); color: #fff; }
:root:not(#icc) .btn.topadd { background: color-mix(in oklab, var(--brand) 14%, transparent); border-color: color-mix(in oklab, var(--brand) 35%, var(--line-2)); color: var(--fg); }
:root:not(#icc) .btn.topadd:hover:not(:disabled) { background: color-mix(in oklab, var(--brand) 24%, transparent); border-color: var(--brand); }
:root:not(#icc) .btn.topadd.in { border-color: color-mix(in oklab, var(--ok) 55%, transparent); }

@media (max-width: 1100px) { :root:not(#icc) .topbar.open { background: var(--panel); } }
:root:not(#icc) .bulk { background: color-mix(in oklab, var(--brand) 14%, var(--panel)); color: var(--fg); border: 1px solid color-mix(in oklab, var(--brand) 40%, transparent); }
:root:not(#icc) .bulk .btn.ghost { color: var(--fg-2); }
:root:not(#icc) .bulk .btn.ghost:hover { background: color-mix(in oklab, var(--brand) 14%, transparent); color: var(--fg); }

/* butonul principal: degradeul violet → cyan din portal, în ambele variante */
:root:not(#icc) .btn.primary {
  background: linear-gradient(90deg, var(--brand), color-mix(in oklab, var(--brand) 40%, var(--accent)));
  border-color: transparent; color: #fff;
  box-shadow: 0 8px 24px -12px color-mix(in oklab, var(--brand) 80%, transparent);
}
:root:not(#icc) .btn.primary:hover:not(:disabled) {
  background: linear-gradient(90deg, var(--brand), color-mix(in oklab, var(--brand) 40%, var(--accent)));
  border-color: transparent; filter: brightness(1.08); transform: translateY(-1px);
}
:root:not(#icc) .chip.on, :root:not(#icc) .cav, :root:not(#icc) .mt-seg button.on, :root:not(#icc) .icon.pm-btn.on {
  background: var(--brand); border-color: var(--brand); color: #fff;
}
:root:not(#icc) .seg button.on { color: var(--brand-text); }
:root:not(#icc) .folders button.on span { background: color-mix(in oklab, var(--brand) 18%, transparent); color: var(--brand-text); }
:root:not(#icc) .modal-bg { background: color-mix(in oklab, var(--ink) 65%, transparent); }

/* documentele rămân cum erau: albe, cu fontul lor */
.c-paper { font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif; }

/* la tipărire: exact culorile și fontul de dinainte de temă */
@media print {
  :root:not(#icc), :root:not(#icc)[data-theme] {
    color-scheme: light;
    --navy: #1F3864; --navy-2: #2c4a80; --navy-hover: #172a4d;
    --bg: #f3f6f9; --card: #ffffff; --card-hover: #fcfdfd; --topbar-bg: #1F3864;
    --line: #e2e8f0; --line-light: #f1f5f9;
    --text: #0f172a; --muted: #64748b; --placeholder: #94a3b8;
    --green: #15803d; --red: #b91c1c; --amber: #b45309; --blue: #1d4ed8; --purple: #6d28d9; --teal: #0f766e; --gray: #475569;
    --green-bg: #dcfce7; --red-bg: #fee2e2; --amber-bg: #fef3c7; --blue-bg: #dbeafe; --purple-bg: #ede9fe; --teal-bg: #ccfbf1; --gray-bg: #f1f5f9;
    --input-bg: #ffffff; --input-border: #cbd5e1;
  }
  html:not(#icc), html:not(#icc) body { font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif; background: #fff; }
  .icc-grid { display: none; }
}