/* Tilatutka-teema tiimi-instanssille (OHJAAMO_TEEMA=tilatutka, oletus tiimiprofiilissa).
   Paletti ja fontti Tilatutkan sivuston (wordpress-teema/style.css) ja CRM:n (04_CRM/ydin.py TYYLI) mukaan:
   ink-sävyt tekstiin, paperi taustaksi, kortit valkoisina. Aksenttiväri (#1e5ed6) vain toiminnoille: painikkeet,
   aktiivinen navigaatio, fokus ja toimintolinkit. Tila- ja koristemerkit käyttävät ink- ja steel-sävyjä.
   Fontti Plus Jakarta Sans (SIL OFL 1.1), vendoroitu kuten CRM:ssä. Ladataan styles.css:n jälkeen. */

@font-face {
  font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 200 800; font-display: swap;
  src: url("/static/vendor/plus-jakarta-sans-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 200 800; font-display: swap;
  src: url("/static/vendor/plus-jakarta-sans-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF,
    U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  --tt-ink: #14202c; --tt-ink-2: #1c2c3b; --tt-ink-3: #263a4d;
  --tt-paper: #f6f4ef; --tt-card: #ffffff; --tt-line: #e3e8ee; --tt-line-lt: #eef1f4;
  --tt-steel: #4c5d6e; --tt-steel-lt: #8a9bad;
  --tt-accent: #1e5ed6; --tt-accent-lt: #6aa1ff; --tt-accent-dk: #17479f; --tt-tint: #e8f0fc;

  --tausta: var(--tt-paper);
  --pinta: var(--tt-card);
  --pinta-2: var(--tt-line-lt);
  --teksti: var(--tt-ink);
  --hiljainen: var(--tt-steel);
  --reuna: var(--tt-line);
  --korostus: var(--tt-accent);
  --korostus-teksti: #ffffff;
  --korostus-tausta: var(--tt-tint);
  --merkkivari: var(--tt-ink-3);
  --vaara: #8a2018;
  --varoitus-tausta: #fff1c2;
  --varoitus-reuna: #e8cf7a;
  --onnistui: #1d5c4d;
  --varjo: none;
  --sade: 14px;
  --fontti: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --tausta: var(--tt-ink); --pinta: var(--tt-ink-2); --pinta-2: var(--tt-ink-3); --teksti: var(--tt-paper);
    --hiljainen: var(--tt-steel-lt); --reuna: #2f455b; --korostus: var(--tt-accent-lt); --korostus-teksti: var(--tt-ink);
    --korostus-tausta: #22385a; --merkkivari: var(--tt-steel-lt); --vaara: #f2a49c; --varoitus-tausta: #3a2f12;
    --varoitus-reuna: #6b5520; --onnistui: #7cc4a8;
  }
}
:root[data-theme="dark"] {
  --tausta: var(--tt-ink); --pinta: var(--tt-ink-2); --pinta-2: var(--tt-ink-3); --teksti: var(--tt-paper);
  --hiljainen: var(--tt-steel-lt); --reuna: #2f455b; --korostus: var(--tt-accent-lt); --korostus-teksti: var(--tt-ink);
  --korostus-tausta: #22385a; --merkkivari: var(--tt-steel-lt); --vaara: #f2a49c; --varoitus-tausta: #3a2f12;
  --varoitus-reuna: #6b5520; --onnistui: #7cc4a8;
}

h1, h2, h3 { letter-spacing: -.01em; }
h1 { font-weight: 800; letter-spacing: -.02em; }

/* Yläpalkki kuten sivuston .tt-nav: vaalea, läpikuultava, logomerkki tutka. */
.ylapalkki { background: color-mix(in srgb, var(--pinta) 92%, transparent); backdrop-filter: blur(10px); }
.logo { font-weight: 800; letter-spacing: -.02em; color: var(--teksti); }
.logo .tutka {
  width: 22px; height: 22px; border-radius: 50%; border: 2px solid var(--korostus); position: relative; flex: none;
  background: conic-gradient(from 255deg, transparent 0deg, rgba(30, 94, 214, .08) 25deg, rgba(30, 94, 214, .35) 62deg, transparent 72deg);
}
.logo .tutka::before { content: ""; position: absolute; inset: 6px; border: 1px solid rgba(30, 94, 214, .55); border-radius: 50%; }
.logo .tutka::after { content: ""; position: absolute; width: 5px; height: 5px; border-radius: 50%; background: var(--korostus); top: 3px; right: 3px; }
.logo small { font-size: .68rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--hiljainen); }
.paanav a { border-radius: 999px; color: var(--teksti); font-weight: 500; }
.paanav a:hover { background: none; color: var(--korostus); }
.paanav a[aria-current="page"] { background: var(--korostus-tausta); color: var(--korostus); font-weight: 600; }

/* Painikkeet pillereinä kuten sivustolla; ensisijainen = ainoa aksenttipinta. */
button, .nappi { border-radius: 999px; }
.ensisijainen:hover { background: var(--tt-accent-dk); border-color: var(--tt-accent-dk); }
.paneeli { border-radius: var(--sade); }

/* Tilamerkit eivät ole toimintoja: ink/steel, ei aksenttia. */
.kirjausmerkki, .tila-tehty .ruutu { color: var(--merkkivari); }
.tila-tehty .ruutu { background: var(--merkkivari); border-color: var(--merkkivari); color: var(--pinta); }
.th-odottaa.korostus-reuna { border-color: var(--korostus); box-shadow: 0 0 0 1px var(--korostus) inset; }
.th-merkki.kaynnissa, .th-merkki.ok { color: var(--onnistui); }