/* ═══════════════════════════════════════════════════════════════════════
   static/portals.css — KLIENTU PORTĀLA ādiņa virs dumanis.css (S33)
   ═══════════════════════════════════════════════════════════════════════
   Rūdolfa uzstādījums (2026-07-30): portāla GAIŠAIS režīms ir «pienaini
   zils» blueprint — kā skurstenis.lv zilie rasējuma elementi (hero rāmis
   ar ✦ stūros, atsauksmju kartītes #76909E, teal poga #2E8C82); TUMŠAIS
   režīms paliek tieši tāds, kāds ir dumanis.css.

   Kā tas panākts KASKĀDĒ (ne ar JS):
   • šis fails ielādējas PĒC dumanis.css tikai portāla čaulā
     (portals_base.html) — iekšējo OS izskatu tas neskar;
   • gaišie tokeni šeit dzīvo TIKAI aiz gaismas vārtiem:
       @media (prefers-color-scheme: light) :root:not([data-tema="tumss"])
       un :root[data-tema="gaiss"]
     tāpēc sistēmas/manuālais tumšais režīms nekad tos neredz —
     dumanis.css tumšā tēma paliek neaiztikta 1:1.

   Krāsu avots — skurstenis.lv dzīvie toņi (nolasīti 30.07.2026):
     pienzils kartīšu fons  rgb(118,144,158) → #76909E
     gaišais piena zils     rgb(207,224,238) → #CFE0EE
     teal poga              rgb(46,140,130)  → #2E8C82
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Pienaini zilie tokeni (tikai gaišajā režīmā) ────────────────────── */
@media (prefers-color-scheme: light){
  :root:not([data-tema="tumss"]){
    --surface-0:#D8E3EB;            /* piena zils rasējuma papīrs        */
    --surface-1:#E3EBF1;            /* joslas                            */
    --surface-2:#F5F9FB;            /* kartītes, ievadlauki, galvene     */
    --text-primary:#1E2F3A;         /* zilgana tinte                     */
    --text-secondary:#48606F;
    --text-muted:#7A93A2;
    --border:rgba(30,47,58,.22);
    --border-strong:rgba(30,47,58,.44);
    --akcents:#2E8C82;              /* skurstenis.lv teal poga           */
    --akcents-hover:#26766E;
    --uz-akcenta:#FFFFFF;
    --bg-akcents:#D9EDE9;  --text-akcents:#1D6A61;
    --bg-info:#DCE9F6;     --text-info:#1D5E93;
    --bg-veiksme:#DFF0E2;  --text-veiksme:#2F6B3A;
    --bg-brid:#F6ECD9;     --text-brid:#7A5410;
    --bg-kluda:#F8E4E2;    --text-kluda:#A03430;
  }
}
:root[data-tema="gaiss"]{
  --surface-0:#D8E3EB; --surface-1:#E3EBF1; --surface-2:#F5F9FB;
  --text-primary:#1E2F3A; --text-secondary:#48606F; --text-muted:#7A93A2;
  --border:rgba(30,47,58,.22); --border-strong:rgba(30,47,58,.44);
  --akcents:#2E8C82; --akcents-hover:#26766E; --uz-akcenta:#FFFFFF;
  --bg-akcents:#D9EDE9; --text-akcents:#1D6A61;
  --bg-info:#DCE9F6; --text-info:#1D5E93;
  --bg-veiksme:#DFF0E2; --text-veiksme:#2F6B3A;
  --bg-brid:#F6ECD9; --text-brid:#7A5410;
  --bg-kluda:#F8E4E2; --text-kluda:#A03430;
}

/* ── Blueprint rasējuma režģis fonā (abos režīmos ļoti kluss) ─────────
   Gaišajā — baltas rasējuma līnijas uz piena zilā; tumšajā gradienti ir
   praktiski neredzami (balts @3%), tāpēc tumšā noskaņa nemainās.       */
body{
  background-image:
    linear-gradient(rgba(255,255,255,.30) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.30) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.14) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.14) 1px, transparent 1px);
  background-size:132px 132px, 132px 132px, 22px 22px, 22px 22px;
}
@media (prefers-color-scheme: dark){
  :root:not([data-tema="gaiss"]) body{
    background-image:
      linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
    background-size:132px 132px, 132px 132px;
  }
}
:root[data-tema="tumss"] body{
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size:132px 132px, 132px 132px;
}

/* ── Rasējuma rāmis ap saturu ar ✦ stūros (kā skurstenis.lv hero) ───── */
main.saurs{position:relative}
main.saurs::before, main.saurs::after{
  color:var(--text-muted); font-size:13px; line-height:1;
  position:absolute; opacity:.85; pointer-events:none;
}
main.saurs::before{content:"✦"; top:2px; left:-2px}
main.saurs::after{content:"✦"; bottom:2px; right:-2px}

/* ── Galvene: rasējuma dubultlīnija un Playfair vārdzīme jau ir ─────── */
.galvene{border-bottom:1px solid var(--border-strong);
  box-shadow:0 3px 0 -2px var(--border)}

/* ── Kartītes kā blueprint kastes ────────────────────────────────────── */
.bloks, .portala-stats, .portala-eka{
  border:1px solid var(--border-strong);
  box-shadow:2px 2px 0 0 var(--border);
}
.banners.info{border:1px dashed var(--border-strong)}

/* ── Datorā portāls elpo platāk (S33b — Rūdolfa 03.08 lūgums): globusa
   hero un saturs vairs nestāv 640px stabiņā ar tukšām malām. Telefonā
   nekas nemainās. main.saurs šeit drošs — portals.css ielādē TIKAI
   portāla čaula, iekšējās OS plūsmas paliek šauras. ────────────────── */
@media (min-width: 800px){
  main.saurs{max-width:940px}
  .globusa-wrap #globuss{height:400px}
}
@media (min-width: 1180px){
  main.saurs{max-width:1080px}
  .globusa-wrap #globuss{height:440px}
}

/* ── Apskates punktu karte (S33 «ēkas veselības karte») ──────────────── */
.vk-sadala{background:var(--surface-2); border:1px solid var(--border-strong);
  border-radius:var(--radius-karte); box-shadow:2px 2px 0 0 var(--border);
  margin:12px 0; overflow:hidden}
.vk-sadala > summary{list-style:none; cursor:pointer; padding:12px 16px;
  display:flex; align-items:center; gap:10px; font-weight:600;
  font-size:14.5px; -webkit-tap-highlight-color:transparent}
.vk-sadala > summary::-webkit-details-marker{display:none}
.vk-sadala > summary .vk-atv{margin-left:auto; color:var(--text-muted);
  transition:transform var(--dur)}
.vk-sadala[open] > summary .vk-atv{transform:rotate(90deg)}
.vk-sadala > summary small{color:var(--text-secondary); font-weight:400}
.vk-instance{padding:2px 16px 4px; color:var(--text-secondary);
  font-size:12.5px; font-weight:600; letter-spacing:.02em;
  border-top:1px dashed var(--border)}
.vk-punkts{display:flex; gap:10px; align-items:flex-start;
  padding:8px 16px; border-top:1px solid var(--border); font-size:13.5px}
.vk-punkts .vk-nosaukums{min-width:0}
.vk-punkts .vk-piezime{color:var(--text-secondary); font-size:12.5px; margin-top:1px}
.vk-punkts .vk-vertiba{margin-left:auto; text-align:right; white-space:nowrap;
  color:var(--text-secondary); font-size:12.5px; display:flex;
  align-items:center; gap:7px}
.vk-lode{width:12px; height:12px; border-radius:50%; flex:0 0 12px;
  border:1px solid var(--border-strong); margin-top:3px}
.vk-lode.v1,.vk-lode.v2{background:var(--punkts-ok)}
.vk-lode.v3{background:var(--punkts-brid)}
.vk-lode.v4,.vk-lode.v5{background:var(--punkts-kluda)}
.vk-lode.nav{background:transparent}
.vk-foto-rinda{display:flex; gap:8px; flex-wrap:wrap; padding:4px 16px 10px}
.vk-foto-rinda img{width:84px; height:84px; object-fit:cover;
  border-radius:6px; border:1px solid var(--border-strong)}