/* Dekla — viena lietotāja programma uz klēpjdatora ekrāna (1280–1536 px).

   Šī lapa seko DESIGN.md. Katra krāsa, izmērs, atstarpe un rādiuss nāk no
   turienes un ir ierakstīts zemāk kā mainīgais; neviens noteikums nesatur savu
   krāsu, savu izmēru un savu atstarpi. Ārpus drukas lapas skaitļu nav.
   Ja DESIGN.md un šis fails nesakrīt, DESIGN.md ir pareizais. */

/* --- burti ---------------------------------------------------------------
   Mulish visam, ko viņa lasa; virsraksti pagaidām uz rezerves serifa.

   Programma neveic nevienu ārēju pieprasījumu, un burti nav izņēmums: nekādu
   Google Fonts saišu, nekādu CDN. Neviena ārējā adrese šajā failā nav un
   nedrīkst būt — faili guļ static/fonts/ mapē un tiek padoti no turienes.

   Divi faili, nevis četri, un abi ir viens un tas pats Mulish:

       mulish-latin-400-700.woff2      U+0000-00FF un pieturzīmes
       mulish-latin-ext-400-700.woff2  U+0100+ — te dzīvo ā č ē ģ ī ķ ļ ņ š ū ž

   Divi tāpēc, ka apakškopa "latin-ext" satur tikai to, kas latīņu pamatkopā
   neietilpst: tajā nav ne "a", ne "b". Vienu pašu to paņemt nedrīkst — tad
   pazustu viss parastais teksts. Katram failam tāpēc ir sava unicode-range,
   un pārlūks pats paņem to failu, kurā konkrētais burts ir. Vārds "Jāpārskata"
   nāk no abiem, bet no viena un tā paša veidola, tāpēc šuves nav.

   Mainīgais fonts: viens fails nes visu biezuma asi, tāpēc font-weight te ir
   diapazons 400-700, nevis trīs atsevišķas deklarācijas. Lapa joprojām lieto
   tikai 400, 600 un 700 — to sargā tests, nevis tas, kas ir ielādēts.

   Ovo šeit vairs nav, un tas ir atradums, nevis izlaidums: Ovo piegādā tikai
   "latin" apakškopu, kurā nav nevienas latviešu garumzīmes un mīkstinājuma
   zīmes (nevienas no 22). No 39 virsrakstiem, ko DESIGN.md liek zīmēt ar Ovo,
   25 satur burtu, kura Ovo nav, un no reģistra sadaļu virsrakstiem — visi.
   Ieliekot Ovo failu, divas trešdaļas virsrakstu tiktu uzzīmētas divos
   veidolos uzreiz. Tāpēc deklarācijas te nav: --font-serif joprojām sāk ar
   'Ovo', bet zīmē Georgia, tieši tāpat kā līdz šim. Serifa izvēle gaida
   lēmumu (DESIGN.md, sadaļa "Type"). */

@font-face {
  font-family: 'Mulish';
  src: url('fonts/mulish-latin-400-700.woff2') format('woff2');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
  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: 'Mulish';
  src: url('fonts/mulish-latin-ext-400-700.woff2') format('woff2');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
  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;
}

/* --- marķieri -------------------------------------------------------------*/

:root {
  /* krāsas — balta lapa, tumša tinte, viens akcents: Dekla zaļais.

     Akcentam ir divi darbi, un tie ir šķirti. Laukums ir --accent: pogu
     virsmas, mīkstie toņi, uzbraukšanas fons. Viss, kas ir jāizlasa vai uz ko
     ir jātrāpa — saites, ikonas, fokuss, svītrotās malas, kartītes svītra —,
     runā ar --accent-strong. Balti burti uz --accent ir 6,5:1, tāpēc primārā
     poga ir zaļa ar baltu uzrakstu; nekādu tumšas tintes izņēmumu tai nevajag.

     Pelēkie ir tintes gaišākie pakāpieni, nevis savs tonis.

     Bīstamības un brīdinājuma krāsas paliek neskartas — sarkanā pārskatīšanas
     nozīmīte paliek sarkana. Tās ir vienīgās, kas stāv ārpus paletes. */
  --bg: #FFFFFF;
  --surface: #FFFFFF;
  --border: #E5E7EB;
  --text: #111827;
  --muted: #4B5563;
  --accent: #1A6B4A;
  --accent-soft: #EAF3EF;
  --danger: #B3261E;
  --danger-soft: #F9E7E5;
  --warn: #8A6100;
  --warn-soft: #FBF3D9;

  /* atvasinātie: tumšākais akcents ir tas pats zaļais, tikai tik tumšs, ka to
     var lasīt jebkur — 9,9:1 uz balta un 8,8:1 uz sava mīkstā fona.
     Uzbraukšanas tonis stāv starp abiem. */
  --accent-strong: #124C36;
  --accent-hover: #15593E;
  --border-strong: #D1D5DB;
  --focus: var(--accent-strong);
  --surface-sunk: #F9FAFB;

  /* burti: seši pakāpieni, un katram savs darbs ----------------------------
     Ovo tikai virsrakstiem, viens biezums — 400 —, nekad treknāk un nekad
     slīpi. Mulish visam pārējam. Biezumi ir trīs, tie paši, kas ielādēti:
     400 tekstam, 600 vadīklām un uzrakstiem, 700 izcēlumam.

       14/22  uzraksti: sadaļu rubrikas, kolonnu galvas, zīmītes, paskaidrojumi
       15/24  vadīklas: pogas, saites, lauku uzraksti, blīvie lauki
       16/26  teksts: rindkopas un lauki, kuros viņa raksta
       24/28  sadaļas virsraksts — Ovo
       28/32  zīmols galvenē — Ovo, un tik augsts, lai galvenes rinda paliktu 40
       36/42  lapas virsraksts — Ovo

     Rindstarpa nav brīva izvēle: tā ir izmērs reiz attiecība — 1,15 Ovo
     virsrakstiem, 1,6 Mulish tekstam —, noapaļota līdz tuvākajam pāra
     pikselim, lai puse no starpstarpas krīt uz veselu pikseli.

     Ovo nekur nestāv zem 24: zemāk tas nav lasāms, un zemākie pakāpieni pieder
     Mulish. */
  --font: 'Mulish', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
  --font-serif: 'Ovo', Georgia, 'Times New Roman', serif;
  --size-small: 14px;
  --line-small: 22px;
  --size-base: 15px;
  --line-base: 24px;
  --size-body: 16px;
  --line-body: 26px;
  --size-title: 24px;
  --line-title: 28px;
  --size-brand: 28px;
  --line-brand: 32px;
  --size-page: 36px;
  --line-page: 42px;

  /* atstarpes: kāpnes, un katram pakāpienam savs darbs -----------------------
     Katra atstarpe starp objektiem un to iekšpusē ir viens no šiem septiņiem
     skaitļiem. Starp pakāpieniem nekas nestāv.

        4   uzraksts un tas, ko tas nosauc; divas rindas vienā domā
        8   viena saraksta rindas; kas stāv vienā vadīklā
       12   vadīklas blakus viena otrai — pogas, filtrs, lauku pāri
       16   kartītes iekšpuse, un kartīte no kartītes
       24   viena bloka daļas savā starpā
       32   sadaļa no sadaļas, un lapa no ekrāna malas
       48   lapas apakša, lai pēdējais objekts nekarātos pie malas

     Viens izņēmums: iekšrindas zīmītes (.nozimite, code) ņem 2 px augstumā, lai
     nestumtu savu teksta rindu platāku. Tā ir burtu, ne izkārtojuma lieta. */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;

  /* mērs un forma */
  --page: 1512px;
  --page-gutter: var(--space-8);
  --gutter: var(--space-6);
  --section-gap: var(--space-8);
  --card-pad: var(--space-4);
  --radius-card: 8px;
  --radius-control: 6px;
  --radius-pill: 4px;
  --control: 40px;

  /* ēnas tikai lipīgajai rūtij un pārklājumiem; kartītei — gandrīz nekāda */
  --shadow-pane: 0 1px 4px rgba(17, 24, 39, 0.08);
  --shadow-card: 0 1px 2px rgba(17, 24, 39, 0.05);

  /* kustība: 150 ms tikai uzbraukšanai un fokusam */
  --ease: 150ms ease;

  /* cik zemu no lapas augšas sākas lipīgais skatītājs */
  --sticky-top: 24px;

  /* Cik augsta ir galvene: atkāpe, viena vadīklas rinda, atkāpe un līnija.
     Redaktora lapa no tā rēķina, cik ekrāna atliek dokumentam. */
  --galvas-augstums: calc(var(--space-6) + var(--control) + var(--space-4) + 1px);
}

* { box-sizing: border-box; }

/* Vienīgais skaitlis ārpus kāpnēm, un tas nav teksta izmērs: šis ir tas, pret ko
   pārlūks mēra rem. Neviens noteikums zemāk to nelieto — visi ņem pakāpienu. */
html { font-size: 16px; }

body {
  margin: 0;
  font-family: var(--font);
  font-size: var(--size-base);
  line-height: var(--line-base);
  letter-spacing: 0;
  color: var(--text);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
}

body.bez-ritinasanas { overflow: hidden; }

a { color: var(--accent-strong); transition: color var(--ease); }
a:hover { color: var(--accent); }

p { font-size: var(--size-body); line-height: var(--line-body); }

/* Virsraksti ir Ovo, viens biezums. `font-synthesis: none` neļauj pārlūkam
   pašam uzzīmēt treknu vai slīpu variantu, kāda šim burtam nav. Treknraksts
   notiek Mulish, nekad Ovo. */
h1, h2, h3, legend,
.kartinas-vards,
.kartinas-nosaukums,
.nomesanas-teksts,
.zimols {
  font-family: var(--font-serif);
  font-weight: 400;
  font-synthesis: none;
  letter-spacing: -0.01em;
}

h1 {
  font-size: var(--size-page);
  line-height: var(--line-page);
  margin: 0 0 var(--card-pad);
}
h2, h3 {
  font-size: var(--size-title);
  line-height: var(--line-title);
}
h2 { margin: 0 0 var(--space-2); }
h3 { margin: var(--space-6) 0 var(--space-2); }

strong, b { font-weight: 700; }

:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }

/* Viens mērs visai programmai, un galvene mēra to pašu, ko lapa. Platums ir
   klēpjdatora ekrāns visā platumā — tik plata dokumenta lapa ir ērtākā, un tā
   ir platākā lapa programmā, tāpēc pēc tās mēra pārējās. Uz lielāka ārējā
   monitora lapa vairs neaug: tā tur šo mēru un stāv vidū. */
.ietvars {
  max-width: var(--page);
  margin: 0 auto;
  padding: 0 var(--page-gutter);
}

/* --- ikonas ---------------------------------------------------------------
   Visas zīmētas turpat lapā (templates/_ikonas.html), currentColor, kontūra
   divu pikseļu platumā. CSS uzvar pār SVG pašu atribūtu, tāpēc otas platums
   tiek pateikts no šejienes, vienā vietā par visām. */

.ikona {
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: -4px;
}
.ikona-klusa { color: var(--muted); }
.ikona, .dzest-ikona { stroke-width: 2; }

/* --- galvene --------------------------------------------------------------
   Baltās joslas nav: vārds stāv uz tās pašas lapas, un zem tā ir viena tieva
   līnija. Līnija iet līdz mēram, nevis līdz ekrāna malai — tā ir tā pati
   līnija, kas iet zem lapas virsraksta un starp sadaļām, un uz katras lapas
   visas tās sākas un beidzas vienā un tajā pašā vietā.

   Galvene ir viena un tā pati visur: zīmols un palīdzība, un nekā vairāk. */

.virsraksts {
  background: transparent;
  border-bottom: 0;
  padding: var(--space-6) 0 0;
}

.virsraksts .ietvars {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  flex-wrap: wrap;
  padding-bottom: var(--space-4);
  border-bottom: 1px solid var(--border);
}

.zimols {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  font-size: var(--size-brand);
  line-height: var(--line-brand);
  text-decoration: none;
  color: var(--text);
}
.zimols:hover { color: var(--accent-strong); }

/* Zīme stāv vārdam blakus vienā augstumā ar zīmola rindu; tā ir laukums,
   nevis burts, tāpēc uzbraukšana krāso vārdu, ne zīmi. */
.zimola-zime { flex: 0 0 auto; display: block; }

.virsraksta-darbibas {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: var(--card-pad);
}

/* Quiet header actions: available, never competing with the work on the page. */
.klusa-saite {
  display: inline-flex;
  align-items: center;
  min-height: var(--control);
  padding: 0 var(--space-1);
  font-size: var(--size-small);
  line-height: var(--line-small);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: var(--muted);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color var(--ease), border-color var(--ease);
}
.klusa-saite:hover { color: var(--accent-strong); border-bottom-color: var(--accent-strong); }

/* Palīdzība galvenē ir ikona, ne vārds. Zem tās nav svītras — svītra pieder
   vārdam —, un trāpāmais laukums paliek 40×40, kā katrai vadīklai. */
.klusa-ikona {
  justify-content: center;
  min-width: var(--control);
  padding: 0;
  border-bottom: 0;
}

/* "Iziet" ir formas poga, ģērbta kā klusā saite: sesija beidzas ar POST,
   nevis ar saiti, ko var izsaukt no svešas lapas. */
.iziet-forma { display: inline-flex; }
.iziet-poga {
  background: none;
  border: 0;
  border-bottom: 1px solid transparent;
  cursor: pointer;
  font-family: inherit;
}

/* Pieslēgšanās: viena kartīte, viens jautājums. */
.pieslegsanas-lapa {
  display: flex;
  justify-content: center;
  padding: var(--space-8) 0;
}
.pieslegsanas-kartite {
  width: 100%;
  max-width: 420px;
}
.pieslegsanas-zime {
  display: flex;
  justify-content: center;
  margin-bottom: var(--space-4);
}
.pieslegsanas-forma .lauku-grupa { margin-bottom: var(--space-4); }

.klusa-poga {
  min-height: var(--control);
  border: 0;
  background: none;
  color: var(--muted);
  font-family: inherit;
  font-size: var(--size-base);
  text-decoration: underline;
  cursor: pointer;
  padding: 0 var(--space-2);
  transition: color var(--ease);
}
.klusa-poga:hover { color: var(--text); }

main.ietvars { padding-top: var(--gutter); padding-bottom: var(--space-12); }

/* --- lapas galva: kur viņa ir, un kur no šejienes var aiziet --------------
   Nosaukums pa kreisi, ceļš prom pa labi, un zem abiem tā pati līnija, kas
   citām lapām iet zem virsraksta. */

.lapas-galva {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-bottom: var(--gutter);
  padding-bottom: var(--space-3);
  border-bottom: 1px solid var(--border);
}
.lapas-galva h1 { margin: 0; }

/* Lapas virsraksts, kas stāv viens pats, nes to pašu līniju. */
main.ietvars > h1 {
  margin-bottom: var(--gutter);
  padding-bottom: var(--space-3);
  border-bottom: 1px solid var(--border);
}

/* --- ziņojumi ------------------------------------------------------------ */

.zinojumi { margin-bottom: var(--gutter); display: flex; flex-direction: column; gap: var(--space-2); }
.zinojums {
  margin: 0;
  padding: var(--space-3) var(--card-pad);
  border-radius: var(--radius-control);
  border: 1px solid transparent;
  font-size: var(--size-body);
  line-height: var(--line-body);
}
.zinojums-labi { background: var(--accent-soft); border-color: var(--accent); color: var(--accent-strong); }
.zinojums-kluda { background: var(--danger-soft); border-color: var(--danger); color: var(--danger); }
.zinojums-brizinajums { background: var(--warn-soft); border-color: var(--warn); color: var(--warn); }

/* --- paziņojumi (toast) ---------------------------------------------------
   DESIGN.md: lapas kreisajā apakšā, virsmas kartīte, pati aiziet pēc 4 s,
   konteiners aria-live="polite". Tā pasaka, kas notika, un neko neprasa —
   tāpēc tai nav ne pogas, ne krustiņa. */

.pazinojumi {
  position: fixed;
  left: var(--gutter);
  bottom: var(--gutter);
  z-index: 60;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  max-width: 420px;
  pointer-events: none;
}
.pazinojums {
  margin: 0;
  padding: var(--space-3) var(--card-pad);
  background: var(--surface);
  border: 1px solid var(--border);
  border-left: 4px solid var(--accent);
  border-radius: var(--radius-control);
  box-shadow: var(--shadow-pane);
  color: var(--text);
  font-size: var(--size-base);
  line-height: var(--line-base);
  transition: opacity var(--ease);
}
.pazinojums-aiziet { opacity: 0; }

/* --- pārklājs, dialogs un logi --------------------------------------------
   Viens stikls virs lapas. Pārlūka paša apstiprinājuma loga te vairs nav: uz
   tā pogām nevar uzrakstīt, ko tās tiešām izdarīs, un tas ir viss, kas
   svarīgs. */

.parklajs {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--gutter);
  background: rgba(17, 24, 39, 0.45);
  overflow-y: auto;
}
.parklajs[hidden] { display: none; }

.dialogs {
  width: 100%;
  max-width: 560px;
  margin: auto;
  padding: var(--gutter);
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-card);
  box-shadow: 0 8px 32px rgba(17, 24, 39, 0.22);
}
.dialogs-plats { max-width: 760px; }
.dialogs h2 { margin: 0 0 var(--space-2); }
.dialogs > p { margin: 0 0 var(--gutter); font-size: var(--size-body); line-height: var(--line-body); }
.dialogs > p[hidden] { display: none; }

.dialoga-pogas { display: flex; justify-content: flex-end; gap: var(--space-3); }
.dialoga-galva { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-3); }
.dialoga-krustins {
  min-width: var(--control);
  font-size: var(--size-title);
  text-decoration: none;
}
/* Logā forma sākas turpat zem virsraksta: lapas atkāpes te nav vietā. */
.dialogs .jauna-klienta-forma { max-width: none; margin-top: var(--card-pad); }

.kludu-saraksts {
  background: var(--danger-soft);
  border: 1px solid var(--danger);
  border-radius: var(--radius-control);
  padding: var(--card-pad);
  margin-bottom: var(--gutter);
}
.kludu-saraksts h2 { color: var(--danger); }
.kludu-saraksts ul { margin: 0; padding-left: var(--space-6); font-size: var(--size-body); line-height: var(--line-body); }

.iemeslu-saraksts {
  background: var(--warn-soft);
  border: 1px solid var(--warn);
  border-radius: var(--radius-control);
  padding: var(--card-pad);
  margin-bottom: var(--gutter);
}
.iemeslu-saraksts h2 { color: var(--warn); }
.iemeslu-saraksts ul { margin: 0; padding-left: var(--space-6); font-size: var(--size-body); line-height: var(--line-body); }
.iemeslu-saraksts li { margin-bottom: var(--space-2); }
/* Saite, kas aizved līdz laukam. Tā ir poga pēc izmēra, nevis pēc izskata:
   40 px abos virzienos, jo uz tās ir jātrāpa. */
.iemesla-saite {
  display: inline-flex;
  align-items: center;
  min-height: var(--control);
  margin-left: var(--space-2);
  padding: 0 var(--space-3);
  border: 1px solid var(--border);
  border-radius: var(--radius-control);
  background: var(--surface);
  font-size: var(--size-base);
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  transition: background var(--ease), border-color var(--ease);
}
.iemesla-saite:hover { background: var(--accent-soft); border-color: var(--accent); }

/* Something true about the document that is not in her way. */
.briditajumu-saraksts {
  background: var(--warn-soft);
  border: 1px solid var(--warn);
  border-left: var(--space-1) solid var(--warn);
  border-radius: var(--radius-control);
  padding: var(--space-3) var(--space-4);
  margin-bottom: var(--gutter);
}
.briditajumu-saraksts h2 { color: var(--warn); }
.briditajumu-saraksts ul { margin: 0; padding-left: var(--space-6); font-size: var(--size-body); line-height: var(--line-body); }
.briditajumu-saraksts .paskaidrojums { margin: var(--space-2) 0 0; color: var(--warn); }

/* The field a reason points at, when she follows the link to it: it says
   "here", once, and then stops saying it. Not data — a place.

   Uzplaiksnījums ņem tumšo akcentu: šī zīme ir tieši tā, kas ir jāredz. */
@keyframes iemirdzas {
  0%   { box-shadow: 0 0 0 0 rgba(18, 76, 54, 0.55); }
  25%  { box-shadow: 0 0 0 6px rgba(18, 76, 54, 0.25); }
  100% { box-shadow: 0 0 0 0 rgba(18, 76, 54, 0); }
}
.iemirdz {
  animation: iemirdzas 1.4s ease-out 2;
  border-radius: var(--radius-control);
}
@media (prefers-reduced-motion: reduce) {
  .iemirdz { animation: none; outline: 3px solid var(--accent-strong); }
}

/* --- pogas ---------------------------------------------------------------
   40 px augstas, 15/24 pusfetais uzraksts, vismaz 16 px no malas. Zaļš
   laukums, balti burti: 6,5:1, un uzbraucot laukums kļūst vēl tumšāks. */

.poga {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  min-height: var(--control);
  padding: 0 var(--card-pad);
  border-radius: var(--radius-control);
  border: 1px solid var(--accent);
  background: var(--accent);
  color: #fff;
  font-family: inherit;
  font-size: var(--size-base);
  line-height: var(--line-base);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: background var(--ease), border-color var(--ease), color var(--ease);
}
.poga:hover { background: var(--accent-hover); border-color: var(--accent-hover); color: #fff; }

/* Gaišā poga ir ceļš prom no darba, ne pats darbs: caurspīdīga, tintes mala. */
.poga-otra {
  background: transparent;
  border-color: var(--text);
  color: var(--text);
}
.poga-otra:hover {
  background: var(--accent-soft);
  border-color: var(--text);
  color: var(--text);
}

.poga-briditajums { border-color: var(--danger); background: var(--surface); color: var(--danger); }
.poga-briditajums:hover { background: var(--danger-soft); border-color: var(--danger); color: var(--danger); }

.poga-maza { min-height: var(--control); padding: 0 var(--space-3); font-size: var(--size-base); }
.poga:disabled { opacity: 0.5; cursor: not-allowed; }

.darbibas { display: flex; flex-wrap: wrap; gap: var(--space-3); margin: var(--card-pad) 0; }
/* Slēpts nozīmē slēpts: `display: flex` augstāk citādi uzvar pārlūka paša
   noteikumu par `hidden`, un rinda paliktu redzama ar visu atribūtu. */
.darbibas[hidden] { display: none; }

/* --- kopsavilkums: dokuments ar vienu skatienu ----------------------------
   Lauka pārbaudes atradums: lielākā daļa dokumentu grib skatienu, nevis formu.
   Šis ir tas skatiens. Uzraksti ir tie paši mazie lielie burti, ar kuriem lapa
   nosauc savas sadaļas; vērtības ir tā pati 16/26 rinda, ar kuru viņa raksta
   laukos zemāk. Nekā jauna te netiek izrēķināts — kopsavilkums, kas nesakristu
   ar lauku zem sevis, būtu sliktāks par tā neesamību. */

.kopsavilkums {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-card);
  padding: var(--card-pad);
}

.kopsavilkuma-rindas { margin: 0; display: grid; gap: var(--space-3); }

.kopsavilkuma-rinda {
  display: grid;
  grid-template-columns: minmax(150px, 0.32fr) 1fr;
  gap: var(--space-1) var(--card-pad);
  align-items: baseline;
}
@media (max-width: 620px) { .kopsavilkuma-rinda { grid-template-columns: 1fr; } }

.kopsavilkuma-rinda dt {
  font-family: var(--font);
  font-size: var(--size-small);
  line-height: var(--line-small);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: var(--muted);
}

.kopsavilkuma-rinda dd {
  margin: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.kopsavilkuma-vertiba { font-size: var(--size-body); line-height: var(--line-body); }
.kopsavilkuma-sikums {
  font-size: var(--size-small);
  line-height: var(--line-small);
  color: var(--muted);
  font-variant-numeric: tabular-nums;
}

/* Rinda, uz kuru norāda iemesls: tā pati "paskaties te" mala un tas pats kluss
   krāsas laukums, kas laukiem zemāk. Mala ir ievilkta ēna, nevis apmale, lai
   rindas saturs nepaslīdētu par diviem pikseļiem sāņus no pārējām. */
.kopsavilkuma-rinda.izcelta-rinda {
  background: var(--accent-soft);
  box-shadow: inset 2px 0 0 var(--accent-strong);
  padding: var(--space-2) var(--card-pad);
  margin: 0 calc(-1 * var(--card-pad));
}

.kopsavilkuma-darbibas { margin-bottom: var(--section-gap); }

/* --- klientu meklēšana ---------------------------------------------------
   Viens lauks virs režģa. Kārtošana paliek automātiska — zem lauka ir
   teikums, kas to pasaka; pogu, ar ko to mainīt, nav. */

.meklesana { margin-bottom: var(--gutter); }

.meklesanas-lauks {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  max-width: 460px;
  min-height: var(--control);
  padding: 0 var(--space-3);
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-control);
  transition: border-color var(--ease);
}
.meklesanas-lauks:focus-within { border-color: var(--accent-strong); }
.meklesanas-lauks .ikona { color: var(--muted); }
.meklesanas-lauks input {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 38px;
  border: 0;
  padding: 0;
  background: transparent;
  font-family: inherit;
  font-size: var(--size-body);
  line-height: var(--line-body);
  color: var(--text);
}
.meklesanas-lauks input:focus { outline: none; }
.meklesanas-lauks input::-webkit-search-cancel-button { cursor: pointer; }

.kartojuma-piezime { margin: var(--space-2) 0 0; }
.meklesanas-tukss { margin: var(--card-pad) 0 0; }

/* Tas pats lauks logā "Kuram klientam?" — visā tā platumā, jo logs pats jau ir
   šaurs, un ar atstarpi līdz pirmajai rindai. */
.izveles-meklesana { max-width: none; margin-bottom: var(--card-pad); }
#izveles-tukss { margin: var(--card-pad) 0 0; }

/* Viena rinda zem lapas virsraksta līnijas: cik klientu gaida, cik dokumentu
   jāpārskata, cik failu ir gatavi. Skaitlis ir vienīgais, kas te ir smags —
   tas ir tas, ko viņa no šīs rindas nolasa. */
.kopsavilkuma-rinda-lapai {
  margin: 0 0 var(--gutter);
  font-size: var(--size-base);
  line-height: var(--line-base);
  color: var(--muted);
}
.kopsavilkuma-rinda-lapai b {
  font-weight: 700;
  color: var(--text);
  font-variant-numeric: tabular-nums;
}

/* --- klientu kartītes ---------------------------------------------------- */

.kartinas {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: var(--card-pad);
}

.kartina {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-card);
  padding: var(--card-pad);
  box-shadow: var(--shadow-card);
}

/* The whole card is the link — there is nothing else on it to press. */
a.kartinas-saite {
  display: block;
  text-decoration: none;
  color: inherit;
  transition: border-color var(--ease), background var(--ease);
}
a.kartinas-saite:hover {
  border-color: var(--accent);
  background: var(--accent-soft);
}
a.kartinas-saite h2 { color: var(--accent-strong); }
.kartina[hidden] { display: none; }

/* Kartīte, kurai kaut kas gaida, nes plānu svītru augšmalā — un gaida tieši
   tad, kad zem vārda ir stāvokļa rinda. */
a.kartina:has(.kartinas-stavoklis) { border-top: 2px solid var(--accent-strong); }

.kartinas-galva { display: flex; align-items: center; gap: var(--space-3); }
.kartinas-teksts { display: flex; flex-direction: column; min-width: 0; }
.kartinas-vards {
  font-size: var(--size-title);
  line-height: var(--line-title);
  color: var(--accent-strong);
  overflow-wrap: anywhere;
}

/* Two letters on a colour the client keeps: the card is found before it is
   read. The colour comes from the client id, so it never moves. */
.iniciali {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  color: #fff;
  font-weight: 600;
  font-size: var(--size-body);
  line-height: var(--line-body);
  letter-spacing: 0;
}

/* Astoņas aprindas astoņām krāsām — `views.AVATAR_COLOURS` pa vienai klasei.
   Klase, nevis style="" atribūts: CSP style-src ir 'self', un neviens stils
   nedzīvo pašā lapā. Kura klase, izlemj klienta id, tāpat kā līdz šim. */
.iniciali-0 { background: #1a6b4a; }
.iniciali-1 { background: #1f5f8b; }
.iniciali-2 { background: #7a4a86; }
.iniciali-3 { background: #a3541f; }
.iniciali-4 { background: #a3271f; }
.iniciali-5 { background: #2f6d63; }
.iniciali-6 { background: #4a5f8b; }
.iniciali-7 { background: #6b6320; }

/* Trīs zīmītes vienā rindā: cik dokumentu gaida pārskatīšanu, cik gaida
   apstiprinājumu un cik failu ir gatavi. Tur, kur negaida nekas, šīs rindas
   nav vispār. */
.kartinas-stavoklis {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: var(--card-pad) 0 0;
  font-size: var(--size-base);
  line-height: var(--line-base);
}

/* Uzvārdā `a`, lai `display: flex` uzvarētu pār `a.kartinas-saite` bloku. */
a.kartina-pievienot {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  border-style: dashed;
  border-color: var(--accent-strong);
  background: transparent;
  min-height: 148px;
}
a.kartina-pievienot:hover { background: var(--accent-soft); }
.kartina-pievienot .ikona { color: var(--accent-strong); }

/* --- atpakaļsaite --------------------------------------------------------- */

.atpakal { margin: 0 0 var(--space-2); }
.atpakal-saite {
  display: inline-flex;
  align-items: center;
  min-height: var(--control);
  font-size: var(--size-base);
  font-weight: 600;
  text-decoration: none;
  color: var(--accent-strong);
}
.atpakal-saite:hover { text-decoration: underline; }

.jauna-klienta-forma { max-width: 760px; }
.jauna-klienta-forma textarea { min-height: 9rem; line-height: var(--line-body); }
.jauna-klienta-forma input[type="file"] {
  width: 100%;
  min-height: var(--control);
  padding: var(--space-2) var(--space-3);
  border: 1px dashed var(--border-strong);
  border-radius: var(--radius-control);
  background: var(--surface);
  font-family: inherit;
  font-size: var(--size-base);
}
.jauna-klienta-forma .izveles-rinda { min-height: var(--control); margin-bottom: var(--space-1); }
.jauna-klienta-forma .izveles-rinda input[type="radio"] {
  width: 20px; height: 20px;
}

.panelis {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-card);
  padding: var(--card-pad);
  margin-bottom: var(--section-gap);
  box-shadow: var(--shadow-card);
}
.panelis h3 { margin: var(--space-6) 0 var(--space-1); }
.panelis h3:first-of-type { margin-top: var(--space-2); }
.panelis code {
  font-size: var(--size-base);
  background: var(--surface-sunk);
  border: 1px solid var(--border);
  border-radius: var(--radius-pill);
  padding: 2px var(--space-1);
}

.paskaidrojums { color: var(--muted); font-size: var(--size-base); line-height: var(--line-base); }

.apzimejumi { margin: 0; }
.apzimejumi dt { margin-top: var(--space-3); }
.apzimejumi dd { margin: var(--space-1) 0 0 0; color: var(--text); font-size: var(--size-body); line-height: var(--line-body); }

.skaitli { list-style: none; margin: var(--card-pad) 0 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-2); }
.skaitli li { display: flex; align-items: center; gap: var(--space-2); font-size: var(--size-body); }

/* Statusa zīmītes: mīksts fons un stiprs teksts tajā pašā tonī. Skaitlis
   zīmītē ir skaitlis, ne uzraksts — izretinājums to neskar. */
.nozimite {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  padding: 2px var(--space-2);
  border-radius: var(--radius-pill);
  font-weight: 600;
  font-size: var(--size-small);
  line-height: var(--line-small);
  letter-spacing: 0;
}
.nozimite-sarkana { background: var(--danger-soft); color: var(--danger); }
.nozimite-zala { background: var(--accent-soft); color: var(--accent-strong); }
.nozimite-klusa { background: var(--surface-sunk); color: var(--muted); border: 1px solid var(--border); }
.nozimite-dzeltena { background: var(--warn-soft); color: var(--warn); }

/* --- augšupielādes zona -------------------------------------------------- */

.augsupielades-zona { margin-bottom: var(--section-gap); }

.nomesanas-lauks {
  border: 1px dashed var(--accent-strong);
  border-radius: var(--radius-card);
  background: var(--surface);
  padding: var(--gutter);
  text-align: center;
  transition: background var(--ease);
}
.nomesanas-lauks.nomesana-aktiva { background: var(--accent-soft); }
.nomesanas-teksts {
  margin: 0 0 var(--space-1);
  font-size: var(--size-title);
  line-height: var(--line-title);
}
.nomesanas-lauks .paskaidrojums { margin: var(--space-2) 0; }
.nomesanas-lauks label.poga { margin: var(--space-2) 0; }
.slepts-fails {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0);
  white-space: nowrap; border: 0;
}
.izveletie-faili { margin: var(--space-2) 0 0; font-size: var(--size-base); color: var(--accent-strong); }

/* --- klienta izvēle sākuma skatā -----------------------------------------
   Faili jau ir izvēlēti, tāpēc logā ir viens jautājums. Katra rinda ir tā pati
   kartīte, kas režģī — tie paši iniciāļi tajā pašā krāsā —, tikai vienā rindā
   un ar pogas trāpāmo laukumu. */

.klientu-izvele {
  list-style: none;
  margin: 0 0 var(--space-2);
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  max-height: 46vh;
  overflow-y: auto;
}

.klienta-izvele {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  width: 100%;
  min-height: var(--control);
  padding: var(--space-2) var(--card-pad);
  border: 1px solid var(--border);
  border-radius: var(--radius-control);
  background: var(--surface);
  color: var(--text);
  font-family: inherit;
  font-size: var(--size-body);
  line-height: var(--line-body);
  text-align: left;
  cursor: pointer;
  transition: background var(--ease), border-color var(--ease);
}
.klienta-izvele:hover {
  background: var(--accent-soft);
  border-color: var(--accent-strong);
}
.klienta-izveles-vards { min-width: 0; overflow-wrap: anywhere; }

/* Nekas nav nosūtīts, un faili joprojām ir te: teikums to pasaka sarkanā. */
.izveles-kluda { color: var(--danger); }

/* --- bloki un saraksti ---------------------------------------------------
   Sadaļas vārds nav virsraksts, bet plaukta uzraksts: mazi lielie burti,
   izretināti, klusi, un no tā līdz mēra malai stiepjas viena tieva līnija.
   Līnija ir ::after, nevis jauns tags — veidnēm tai neko nevajag.

   Tas pats uzraksts ir arī uz abām "Vēstures" atvāžamajām joslām: tās ir tie
   paši plaukti, tikai aizvērti. */

.bloks { margin-bottom: var(--section-gap); }
.apaksbloks { margin-bottom: var(--gutter); }
.bloka-virsraksts {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-bottom: var(--space-2);
}

.bloka-virsraksts h2,
.bloka-virsraksts h3,
.apaksbloks > h3,
.vesture h3,
.vesture summary,
.filtrs label {
  font-family: var(--font);
  font-size: var(--size-small);
  line-height: var(--line-small);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: var(--muted);
}

.bloka-virsraksts h2,
.bloka-virsraksts h3,
.apaksbloks > h3,
.vesture h3 {
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.bloka-virsraksts h2::after,
.bloka-virsraksts h3::after,
.apaksbloks > h3::after,
.vesture h3::after,
.vesture summary::after {
  content: '';
  flex: 1 1 auto;
  min-width: 24px;
  border-top: 1px solid var(--border);
}

.vesture {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-card);
  padding: var(--space-3) var(--card-pad);
  margin-bottom: var(--section-gap);
  box-shadow: var(--shadow-card);
}
/* Atvērt un aizvērt ir redzams: bultiņa pagriežas par 180°, un rinda zem peles
   iekrāsojas. Bez tā "Vēsture" izskatījās pēc virsraksta, nevis pēc pogas. */
.vesture summary {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-height: var(--control);
  margin: calc(-1 * var(--space-1)) calc(-1 * var(--card-pad));
  padding: var(--space-1) var(--card-pad);
  border-radius: var(--radius-control);
  cursor: pointer;
  list-style: none;
  transition: background var(--ease), color var(--ease);
}
.vesture summary::-webkit-details-marker { display: none; }
.vesture summary:hover { background: var(--accent-soft); color: var(--accent-strong); }
.sakuma-bultina {
  display: inline-flex;
  color: var(--muted);
  transition: transform var(--ease);
}
.vesture summary:hover .sakuma-bultina { color: var(--accent-strong); }
.vesture[open] > summary .sakuma-bultina { transform: rotate(180deg); }
.vesture[open] summary { margin-bottom: var(--space-2); }

/* --- tievās līnijas starp klienta lapas sadaļām --------------------------
   Vēsture ir kartīte ar savu malu — tai otra līnija nav vajadzīga. */

#dokumentu-grupas,
#dokumentu-grupas > section + section,
#fails-zalktim,
.vesture-bloks {
  border-top: 1px solid var(--border);
  padding-top: var(--section-gap);
}

/* Vēsturē abas joslas ir divas kartītes vienā sadaļā: 16, ne 32. Pēdējai savas
   apakšmalas nevajag — sadaļai tā jau ir. */
.vesture-bloks .vesture { margin-bottom: var(--card-pad); }
.vesture-bloks .vesture:last-child { margin-bottom: 0; }

/* "Dokumenti gatavi lejupielādei" ir tāda pati josla, bet tā stāv iekšā
   "Gatavajos failos", zem faila rindām: kartīte no kartītes — 16, un zem tās
   sadaļai sava apakšmala jau ir. */
.fails-zalktim .vesture { margin-top: var(--card-pad); margin-bottom: 0; }

/* --- "Tiek apstrādāti" turpat zem augšupielādes zonas --------------------- */

.apstrades-bloks[hidden] { display: none; }
.apstrades-rindas { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-2); }
.apstrades-rinda {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  flex-wrap: wrap;
  min-height: var(--control);
  padding: var(--space-2) var(--card-pad);
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-control);
  font-size: var(--size-base);
}
.apstrades-fails { font-weight: 600; overflow-wrap: anywhere; }
.apstrades-rezultats { margin-left: auto; display: flex; align-items: center; gap: var(--space-2); }
.apstrades-rezultats a { text-decoration: none; font-weight: 600; }
.apstrades-rezultats a:hover { text-decoration: underline; }

.filtrs { display: flex; align-items: center; gap: var(--space-3); flex-wrap: wrap; margin-bottom: var(--gutter); }
.filtrs select {
  min-height: var(--control);
  font-family: inherit;
  font-size: var(--size-base);
  padding: 0 var(--space-3);
  background: var(--surface);
  color: var(--text);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-control);
}

/* --- tabulas -------------------------------------------------------------*/

table.tabula {
  width: 100%;
  border-collapse: collapse;
  background: var(--surface);
  font-size: var(--size-base);
  line-height: var(--line-base);
}
table.tabula th, table.tabula td {
  text-align: left;
  height: var(--control);
  padding: var(--space-2) var(--space-3);
  border-bottom: 1px solid var(--border);
  vertical-align: middle;
}
/* Kolonnu uzraksti ir tie paši mazie lielie burti, tikai vienu pakāpi klusāk:
   tie stāv zem sadaļas uzraksta, un reģistrā to vienā rindā ir deviņi. */
table.tabula th {
  font-weight: 600;
  color: var(--muted);
  font-size: var(--size-small);
  line-height: var(--line-small);
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
table.tabula tr:last-child td { border-bottom: 0; }
table.tabula tr:hover td { background: var(--surface-sunk); }
table.tabula td.skaitlisks, table.tabula th.skaitlisks { text-align: right; font-variant-numeric: tabular-nums; }
table.tabula tr.rinda-saite { cursor: pointer; }
table.tabula td a { text-decoration: none; }
table.tabula td a:hover { text-decoration: underline; }

/* Kāda papīra rinda tā ir: ikona pēc DESIGN.md, klusa, un vārds paliek tur,
   kur tas jau ir. */
.veids-un-vards { display: flex; align-items: center; gap: var(--space-2); min-width: 0; }
.veids-un-vards > a { min-width: 0; overflow-wrap: anywhere; }

.grupas-tabulas-ietvars {
  overflow-x: auto;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-card);
}
.grupas-tabulas-ietvars table.tabula { border: none; }

.atkartot-forma { display: inline-block; margin-left: var(--space-2); }

.tukss { color: var(--muted); font-size: var(--size-body); line-height: var(--line-body); padding: var(--space-3) 0; }

/* --- eksporta failu saraksts --------------------------------------------- */

.failu-saraksts { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-2); }
.failu-saraksts li {
  display: flex;
  align-items: center;
  gap: var(--card-pad);
  flex-wrap: wrap;
  min-height: var(--control);
  padding: var(--space-3) var(--card-pad);
  border: 1px solid var(--border);
  border-radius: var(--radius-card);
  background: var(--surface);
  box-shadow: var(--shadow-card);
}
/* A file she has not taken yet reads as work; history reads as a record. */
.fails-svaigs { border-left: var(--space-1) solid var(--accent); }
.fails-vesture { background: var(--surface-sunk); color: var(--muted); }
.faila-menesis { font-weight: 600; font-variant-numeric: tabular-nums; min-width: 5.5rem; }
.faila-apraksts { display: flex; flex-direction: column; gap: var(--space-1); font-size: var(--size-base); }
.faila-darbibas, .lejupielades-forma { margin-left: auto; display: flex; gap: var(--space-2); align-items: center; }

/* --- apstrādes lapa ------------------------------------------------------ */

.pabeigts-zinojums {
  margin-top: var(--card-pad);
  font-weight: 600;
  color: var(--accent-strong);
}

/* --- dokumenta redaktors -------------------------------------------------*/

/* Lapas augša ir mērīta, ne zīmēta: uz 1440×900 skatītāja augšmalai jābūt
   redzamai, pirms viņa ritina. Tāpēc atpakaļsaite un virsraksts stāv vienā
   rindā, meta rinda ir maza, un katrs paziņojums zem tām ir viena rinda —
   saraksts tikai tad, kad tam ir vairāk par vienu teikumu. Nekas nav noņemts;
   tas ir salikts mazāk rindās. */
.redaktora-galva {
  display: flex;
  align-items: baseline;
  gap: var(--space-3);
  flex-wrap: wrap;
  margin-bottom: var(--space-1);
}
.redaktora-galva .atpakal-saite { flex: 0 0 auto; min-height: 0; }
.redaktora-galva h1 {
  margin: 0;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: var(--space-2);
  overflow-wrap: anywhere;
}
.redaktora-galva h1 .ikona { vertical-align: 0; }

/* Redaktorā to pašu, ko citur dara virsraksta līnija, dara meta rinda:
   virsraksts, rinda par papīru, līnija. */
.redaktora-meta {
  margin: 0 0 var(--space-3);
  color: var(--muted);
  font-size: var(--size-small);
  line-height: var(--line-small);
  padding-bottom: var(--space-2);
  border-bottom: 1px solid var(--border);
}

/* Paziņojuma josla: virsraksts un teikums vienā rindā, kamēr teikums ir viens.
   Divi un vairāk paliek saraksts — tos ir jālasa pa vienam. */
.pazinojuma-josla {
  display: flex;
  align-items: baseline;
  gap: var(--space-3);
  flex-wrap: wrap;
  padding: var(--space-2) var(--card-pad);
  margin-bottom: var(--space-2);
}
/* Izskatās pēc virsraksta, bet ir josla: Mulish, jo zem 24 px Ovo nav vietas. */
.pazinojuma-josla h2 {
  flex: 0 0 auto;
  margin: 0;
  font-family: var(--font);
  font-size: var(--size-base);
  line-height: var(--line-base);
  font-weight: 600;
  letter-spacing: 0;
}
.pazinojuma-josla ul {
  margin: 0;
  padding-left: var(--space-6);
  font-size: var(--size-base);
  line-height: var(--line-base);
}
.pazinojuma-josla .paskaidrojums { margin: 0; font-size: var(--size-small); line-height: var(--line-small); }
.pazinojuma-josla form { margin-left: auto; }
.pazinojuma-josla.viena-rinda ul { list-style: none; padding-left: 0; }
.pazinojuma-josla.viena-rinda li { margin: 0; }
.pazinojuma-josla.viena-rinda .iemesla-saite { min-height: 28px; padding: 0 var(--space-2); }
.kludas-josla { align-items: center; }
.kludas-teikums { margin: 0; font-size: var(--size-base); line-height: var(--line-base); }

/* Divas kolonnas no 1100 px: kreisajā dokuments, labajā lauki. Zem 1100 px
   dokuments saraujas par 60vh bloku virs laukiem — nekad blakus tiem tik šauri,
   ka neviens no abiem nav lasāms. */
.redaktors,
.redaktora-dalijums {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--gutter);
  align-items: start;
}

@media (min-width: 1100px) {
  .redaktora-dalijums {
    grid-template-columns: minmax(360px, 0.85fr) minmax(620px, 1.15fr);
  }
}

/* Kreisā rūts stāv uz vietas, kamēr labā ritinās: tā ir visa jēga. Ēna te ir
   atļauta, jo šī rūts ir lipīga. */
.avota-fails { min-width: 0; }

@media (min-width: 1100px) {
  .redaktora-skatitajs.lipigs {
    position: sticky;
    top: var(--sticky-top);
  }
}

.redaktora-forma { min-width: 0; }

.avota-fails embed {
  width: 100%;
  height: 60vh;
  border: 1px solid var(--border);
  border-radius: var(--radius-card);
  display: block;
  background: var(--surface);
  box-shadow: var(--shadow-pane);
}
.attela-padoms { color: var(--muted); font-size: var(--size-small); line-height: var(--line-small); margin: var(--space-2) 0 var(--space-1); text-align: center; }

/* --- attēla skatītājs turpat rūtī ---------------------------------------- */

.skatitaja-rutis {
  position: relative;
  height: 60vh;
  overflow: hidden;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-pane);
  cursor: grab;
  touch-action: none;
}

@media (min-width: 1100px) {
  .skatitaja-rutis, .avota-fails embed { height: 80vh; }
}

.skatitaja-rutis.velk { cursor: grabbing; }
.skatitaja-rutis img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: none;
  transform-origin: 0 0;
  user-select: none;
  -webkit-user-drag: none;
}

.skatitaja-pogas {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  margin-top: var(--space-2);
  flex-wrap: wrap;
}
.skata-poga {
  min-height: var(--control);
  min-width: var(--control);
  padding: 0 var(--space-3);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-control);
  background: var(--surface);
  color: var(--text);
  font-family: inherit;
  font-size: var(--size-base);
  cursor: pointer;
  transition: background var(--ease), border-color var(--ease);
}
.skata-poga:hover { background: var(--accent-soft); border-color: var(--accent); }
.skata-poga[aria-pressed="true"] { background: var(--accent-soft); border-color: var(--accent); color: var(--accent-strong); }
.skata-merogs {
  min-width: 3.5rem;
  text-align: center;
  font-variant-numeric: tabular-nums;
  color: var(--muted);
  font-size: var(--size-base);
}

/* --- forma ---------------------------------------------------------------
   Lauku kopas nav kastes. Katra sadaļa sākas ar savu vārdu, no tā aiziet viena
   tieva līnija līdz kolonnas malai, un lauki stāv zem tās. Balts paliek tur,
   kur viņa raksta: pašos laukos. */

fieldset {
  border: 0;
  border-top: 1px solid var(--border);
  border-radius: 0;
  background: transparent;
  padding: var(--card-pad) 0 0;
  margin: 0 0 var(--section-gap);
}
/* Vārds stāv pie pašas malas un pārtrauc līniju — tāpēc atkāpe ir tikai labajā
   pusē, kur līnija atsākas. */
legend {
  font-size: var(--size-title);
  line-height: var(--line-title);
  padding: 0 var(--space-3) 0 0;
}

.lauku-grupa { margin-bottom: var(--card-pad); }
.lauku-grupa label {
  display: block;
  font-weight: 600;
  margin-bottom: var(--space-1);
  font-size: var(--size-base);
}
/* Lauks ir katrs ievadlauks, ja vien tas nav ķeksis, punkts, fails vai slēpts.
   Saraksts ir noliegts, nevis uzskaitīts. Agrāk te stāvēja [type="text"] un
   [type="date"], un parole ar e-pastu — visa konta plūsma, četras lapas —
   palika bez apdares: pārlūka pelēkais rāmītis, 13,3 px Arial, 21,5 px augsts
   blakus 44 px laukam tajā pašā formā. Ar noliegumu nākamais tips, kas lapā
   parādās, ir lauks jau no pirmās dienas, un aizmirst to nevar.

   Četri izņēmumi ir tie, kas nav rāmis ar tekstu iekšā, un katram jau ir savs
   noteikums: ķeksim un punktam — mērā kastīte .izveles-rinda iekšienē, failam —
   svītrota mala, un slēpts lauks nezīmējas vispār.

   Svarīgums paliek tāds pats, kāds bija — viena klase, viens elements, viena
   pazīme —, tāpēc neviena cita noteikuma vieta rindā nemainās. */
.lauku-grupa input:not([type="checkbox"], [type="radio"], [type="file"], [type="hidden"]),
.lauku-grupa select,
.lauku-grupa textarea {
  width: 100%;
  min-height: var(--control);
  font-family: inherit;
  font-size: var(--size-body);
  line-height: var(--line-body);
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-control);
  background: var(--surface);
  color: var(--text);
  transition: border-color var(--ease);
}
.lauku-grupa input:focus, .lauku-grupa select:focus, .lauku-grupa textarea:focus {
  border-color: var(--accent-strong);
}
.lauku-rinda { display: grid; grid-template-columns: 1fr 1fr; gap: var(--card-pad); }
.lauku-rinda-numurs { grid-template-columns: 1fr 2fr; }
@media (max-width: 700px) { .lauku-rinda, .lauku-rinda-numurs { grid-template-columns: 1fr; } }

.summa-lauks { text-align: right; font-variant-numeric: tabular-nums; }

/* The field a reason points at: accent border and a light background, so the
   sentence at the top and the input agree without her searching. */
.izcelts, input.izcelts, select.izcelts {
  border: 2px solid var(--accent-strong) !important;
  background: var(--accent-soft) !important;
}
/* Sadaļa, uz kuru norāda iemesls: svītra un kluss krāsas laukums zem tās. Tā
   izpletas par kartītes atkāpi uz abām pusēm, lai lauki paliktu vienā līnijā ar
   pārējām sadaļām. */
fieldset.izcelts-lauks {
  border: 0;
  border-top: 2px solid var(--accent-strong);
  background: var(--accent-soft);
  padding: var(--card-pad);
  margin-left: calc(-1 * var(--card-pad));
  margin-right: calc(-1 * var(--card-pad));
}
fieldset.izcelts-lauks .piegadataja-kartina { background: var(--surface); }

/* --- slēgts dokuments: lauki, kas vairs nav lauki -------------------------
   Dokuments lejupielādētā failā ir slēgts labošanai. Lauki paliek redzami — tie
   ir vienīgā vieta, kur grāmatojumu var izlasīt —, bet `disabled` uz lauku kopas
   noņem tiem fokusu, un šis noteikums to arī parāda. Bez tā tie izskatītos
   tieši tāpat kā rakstāmi: augstākie noteikumi tiem uzliek baltu fonu un tumšu
   tinti, un pārlūka paša `:disabled` zem tiem pazūd. Balts lauks solītu to, ko
   lapa nepatur. */
fieldset:disabled .lauku-grupa input,
fieldset:disabled .lauku-grupa select,
fieldset:disabled .lauku-grupa textarea,
fieldset:disabled .rindas-lauks input,
fieldset:disabled .rindas-lauks select {
  background: var(--surface-sunk);
  color: var(--muted);
  border-color: var(--border);
  cursor: default;
}
/* Ķeksīša rinda ir vadīkla, ne uzraksts, tāpēc tā klust līdzi. Lauku vārdi
   paliek tintē: tie joprojām pasaka, kas zem tiem rakstīts. */
fieldset:disabled .izveles-rinda { color: var(--muted); }
fieldset:disabled .pievienot-rindu,
fieldset:disabled .dzest-rindu,
fieldset:disabled .alternativa-poga {
  opacity: 0.5;
  cursor: not-allowed;
}
/* "Paskaties šeit" pieder lapai, kur ir ko darīt. Slēgtā tas norādītu uz lauku,
   kuram neviens vairs nevar pieskarties, tāpēc izcēlums — gan lauka, gan visas
   sadaļas — atkāpjas. */
fieldset:disabled .lauku-grupa input.izcelts,
fieldset:disabled .lauku-grupa select.izcelts,
fieldset:disabled .rindas-lauks input.izcelts {
  border: 1px solid var(--border) !important;
  background: var(--surface-sunk) !important;
}
fieldset:disabled.izcelts-lauks {
  border-top: 1px solid var(--border);
  background: transparent;
  padding: var(--card-pad) 0 0;
  margin: 0 0 var(--section-gap);
}

.izveles-rinda { display: flex; align-items: center; gap: var(--space-2); min-height: var(--control); font-weight: 600; }
.izveles-rinda input[type="checkbox"] { width: 22px; height: 22px; min-height: 22px; }
.izveles-kaste {
  border: 1px solid var(--border);
  border-radius: var(--radius-control);
  padding: var(--space-3) var(--card-pad);
  background: var(--surface-sunk);
}
.izveles-kaste .paskaidrojums { margin: var(--space-1) 0 0; }

.piegadataja-kartina {
  background: var(--surface-sunk);
  border: 1px solid var(--border);
  border-radius: var(--radius-control);
  padding: var(--space-3) var(--card-pad);
}
.kartinas-nosaukums {
  margin: 0 0 var(--space-1);
  font-size: var(--size-title);
  line-height: var(--line-title);
}
.nezinams { color: var(--danger); font-weight: 600; margin-top: 0; font-size: var(--size-base); }
.piegadataja-piezime {
  margin-top: var(--space-3);
  padding: var(--space-3) var(--card-pad);
  background: var(--warn-soft);
  border: 1px solid var(--warn);
  border-radius: var(--radius-control);
  font-size: var(--size-base);
  line-height: var(--line-base);
  color: var(--warn);
}

/* --- sadaļas un konta ieteikums ------------------------------------------ */

.ieteikums {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  flex-wrap: wrap;
  margin: 0 0 var(--card-pad);
  padding: var(--space-3) var(--card-pad);
  border: 1px solid var(--accent);
  border-radius: var(--radius-control);
  background: var(--accent-soft);
}
.ieteikums[hidden] { display: none; }
.ieteikuma-teksts { font-weight: 600; font-size: var(--size-base); }

.alternativas { display: flex; flex-wrap: wrap; gap: var(--space-2); margin: var(--space-2) 0 var(--card-pad); }
.alternativa-poga {
  min-height: var(--control);
  padding: 0 var(--space-3);
  border-radius: var(--radius-control);
  border: 1px solid var(--accent);
  background: var(--surface);
  color: var(--accent-strong);
  font-family: inherit;
  font-size: var(--size-base);
  cursor: pointer;
  transition: background var(--ease);
}
.alternativa-poga:hover { background: var(--accent-soft); }

/* --- grāmatojuma rindas --------------------------------------------------- */

.rindas { display: flex; flex-direction: column; gap: var(--space-2); margin-bottom: var(--space-3); }

.rinda {
  display: grid;
  grid-template-columns:
    minmax(5.5rem, 0.8fr) minmax(8rem, 1.6fr) minmax(6rem, 0.9fr)
    minmax(4rem, 0.5fr) minmax(8rem, 1fr) minmax(8rem, 1.4fr)
    minmax(4.5rem, 0.6fr) auto;
  gap: var(--space-2);
  align-items: end;
  padding: var(--space-2);
  border: 1px solid var(--border);
  border-radius: var(--radius-control);
  background: var(--surface-sunk);
}

/* On a laptop (1280–1536 px) the form column is 719–873 px wide, and the seven
   fields plus the delete button need about 880 px to stand in one row. So on
   anything narrower they wrap onto a second row: two rows rather than a
   horizontal scrollbar, and nothing is ever cut off. */
@media (max-width: 1700px) {
  .rinda { grid-template-columns: minmax(5.5rem, 0.7fr) 1.6fr 0.9fr 0.5fr 1fr auto; }
  .rinda .lauks-teksts { grid-column: 1 / 4; }
  .rinda .lauks-vieniba { grid-column: 4 / 6; }
}

.rindas-lauks { display: flex; flex-direction: column; min-width: 0; }
.rindas-lauks label {
  font-size: var(--size-small);
  line-height: var(--line-small);
  color: var(--muted);
  letter-spacing: 0;
  margin-bottom: var(--space-1);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rindas-lauks input, .rindas-lauks select {
  width: 100%;
  min-height: var(--control);
  font-family: inherit;
  font-size: var(--size-base);
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-control);
  background: var(--surface);
  color: var(--text);
}
.lauks-dzest label { visibility: hidden; }

/* An icon rather than the word "Dzēst": the row is already seven fields wide,
   and the bin is read faster than it is spelled. The hit area stays a button's. */
.dzest-rindu {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  min-width: 40px;
  border: 1px solid var(--border-strong);
  background: var(--surface);
  color: var(--muted);
  border-radius: var(--radius-control);
  cursor: pointer;
  padding: 0 var(--space-2);
  transition: background var(--ease), border-color var(--ease), color var(--ease);
}
.dzest-rindu:hover {
  background: var(--danger-soft);
  border-color: var(--danger);
  color: var(--danger);
}
.dzest-ikona { display: block; pointer-events: none; }

.pievienot-rindu {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  min-height: var(--control);
  border: 1px dashed var(--accent-strong);
  background: var(--surface);
  color: var(--accent-strong);
  border-radius: var(--radius-control);
  cursor: pointer;
  font-family: inherit;
  font-size: var(--size-base);
  font-weight: 600;
  padding: 0 var(--card-pad);
  width: 100%;
  transition: background var(--ease);
}
.pievienot-rindu:hover { background: var(--accent-soft); }

/* Phase 6.6 took the sticky bar out. It existed so the buttons were reachable
   from anywhere in a long form — but the form is not where most documents are
   decided any more. The summary panel at the top of the page carries the press
   she makes on a document she agrees with, and the row at the end of the fields
   carries the one she makes after editing. A bar that followed her down the
   page was a permanent Apstiprināt under a form she had not finished reading.

   The line that says nothing was lost. Quiet on purpose. */
.autosaglabajums {
  margin-left: auto;
  font-size: var(--size-small);
  line-height: var(--line-small);
  color: var(--muted);
  font-variant-numeric: tabular-nums;
}
.autosaglabajums.nesaglabats { color: var(--danger); }

/* --- reģistrs -------------------------------------------------------------
   Viena tabula, tāpēc viens režģis. Sadaļa ir rindu grupa, sadaļas nosaukums —
   rinda pāri visām deviņām kolonnām, un mēneša kopsumma stāv tieši zem tām
   pašām kolonnām, ko tā summē. Platumus te neviens nenosaka: tos izrēķina
   pārlūks, un tie ir vieni visai tabulai, jo tabula ir viena. */

/* Mēnesis un dokumentu skaits ir tabulas vārds, tāpēc tas ir tabulas vārds. */
.tabula-registrs caption {
  caption-side: top;
  text-align: left;
  padding: 0 var(--space-3) var(--space-3);
  color: var(--muted);
  font-size: var(--size-base);
  line-height: var(--line-base);
}

/* Sadaļas nosaukums: Ovo virs tievas līnijas, tāpat kā līdz šim — tikai tagad
   tā ir rinda tabulā, nevis virsraksts virs savas tabulas. Kolonnu galvas mazie
   lielie burti te neder: šis nenosauc kolonnu, tas nosauc sadaļu. */
.tabula-registrs .sadalas-nosaukums {
  height: auto;
  padding: var(--space-8) var(--space-3) var(--space-2);
  border-bottom: 1px solid var(--border);
  font-family: var(--font-serif);
  font-size: var(--size-title);
  line-height: var(--line-title);
  font-weight: 400;
  font-synthesis: none;
  letter-spacing: -0.01em;
  text-transform: none;
  text-align: left;
  color: var(--text);
}

/* Starpsummas un kopsummas uzraksts ir šūna ar vārdu, nevis kolonnas galva. */
.tabula-registrs tr.starpsumma th,
.tabula-registrs tr.kopsumma th {
  text-align: left;
  text-transform: none;
  letter-spacing: 0;
  color: var(--text);
}
.tabula-registrs tr.starpsumma th { font-size: var(--size-base); line-height: var(--line-base); }
.tabula-registrs tr.kopsumma th { font-size: var(--size-body); line-height: var(--line-body); }

tr.starpsumma th, tr.starpsumma td { font-weight: 600; border-top: 2px solid var(--border-strong); background: var(--surface-sunk); }
tr.kopsumma th, tr.kopsumma td { font-weight: 600; border-top: 2px solid var(--text); font-size: var(--size-body); }

/* --- redaktora lapa: vispirms papīrs -------------------------------------
   Skatītājs sākas uzreiz zem galvenes un ietilpst ekrānā viss — no augšmalas
   līdz pogām apakšā —, tāpēc dokumentu ieraudzīt vairs nav jāritina. Viss, kas
   citādi stāvētu virs tā (nosaukums, meta rinda, paziņojumi), stāv tam blakus,
   virs ievades laukiem.

   Veidnē par to nav neviena taga: dalījums kļūst par `display: contents`, un
   abas tā puses uzkāpj pašas lapas režģī kā divi lauciņi. */

@media (min-width: 1100px) {
  main.ietvars.redaktora-lapa {
    display: grid;
    grid-template-columns: minmax(360px, 0.85fr) minmax(620px, 1.15fr);
    /* Deviņas rindas satura un pēdējā 1fr. Skatītājs stiepjas pāri visām, un
       tas, kas tam paliek pāri, aiziet pēdējā — pārējās rindas paliek pie sava
       satura augstuma. Atstarpes rindu starpā nav: tās nes paši objekti ar
       savām apakšmalām, tāpat kā līdz šim. */
    grid-template-rows: repeat(9, auto) 1fr;
    column-gap: var(--gutter);
    row-gap: 0;
    align-items: start;
  }

  .redaktora-dalijums { display: contents; }

  main.redaktora-lapa > *,
  .redaktora-forma { grid-column: 2; }

  .avota-fails {
    grid-column: 1;
    grid-row: 1 / -1;
  }

  /* Bez dalījuma paša atstarpes forma pieietu meta rindas līnijai par tuvu. */
  .redaktora-forma { margin-top: var(--gutter); }

  /* Stūris ir tik augsts, cik zem galvenes ekrānā ir vietas, un ne augstāks.
     Attēla rūts paņem to, kas paliek pāri pogām un padoma rindai; skripts pats
     pārrēķina mērogu, jo tas rūts izmēru lasa katrā "Ietilpināt" un pie loga
     izmēra maiņas. */
  .redaktora-skatitajs.lipigs {
    display: flex;
    flex-direction: column;
    /* Nevis max-height: rūtij ir jādod, ko dalīt. Ar noteiktu augstumu attēla
       laukums paņem visu, kas paliek pāri pogām un padoma rindai. */
    height: calc(100vh - var(--galvas-augstums) - var(--gutter) - var(--space-4));
  }
  .skatitajs {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
  }
  .skatitaja-rutis,
  .avota-fails embed {
    flex: 1 1 auto;
    height: auto;
    min-height: 0;
  }
}

.koda-lauks {
  font-family: var(--font);
  font-size: var(--size-title);
  line-height: var(--line-title);
  letter-spacing: 0.28em;
  text-align: center;
  font-variant-numeric: tabular-nums;
}

/* Sākumlapa: virsraksts, kastīte, un zem tās — kāpēc -----------------------*/
.sakuma-galva {
  text-align: center;
  padding: var(--space-12) 0 var(--space-6);
}
.sakuma-virsraksts {
  margin: 0 0 var(--space-2);
  font-family: var(--font-serif);
  font-weight: 400;
  font-size: var(--size-page);
  line-height: var(--line-page);
  letter-spacing: -0.015em;
}
.sakuma-apakšvirsraksts {
  margin: 0;
  font-size: var(--size-body);
  line-height: var(--line-body);
  color: var(--muted);
}

.sakumlapa .pieslegsanas-lapa { padding-top: 0; }

.poga-ar-zimi {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
}

.tiesibu-piezime {
  margin: var(--space-4) 0 0;
  padding-top: var(--space-4);
  border-top: 1px solid var(--border);
  font-size: var(--size-small);
  line-height: var(--line-small);
  color: var(--muted);
  text-align: center;
}

.sakuma-stasts {
  max-width: var(--page);
  margin: 0 auto;
  padding: var(--space-12) 0 var(--space-8);
  border-top: 1px solid var(--border);
}
.sakuma-stasts h2 { text-align: center; margin-bottom: var(--space-8); }

.sakuma-soli {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--space-6);
}
.sakuma-solis h3 { margin: 0 0 var(--space-2); }
.sakuma-solis p { margin: 0; color: var(--muted); }

.sakuma-piezime {
  margin: var(--space-8) 0 0;
  text-align: center;
  font-size: var(--size-small);
  line-height: var(--line-small);
  color: var(--muted);
}

/* Google poga: viņu zīme, mūsu forma ---------------------------------------*/
.google-zime { flex: 0 0 auto; display: block; }

/* Gaidīšana: riņķis pogas kreisajā malā, zīmes vietā. Ar samazinātu kustību
   tas nemaz negriežas — tad par gaidīšanu pasaka teksts, nevis kustība. */
.poga-gaida { pointer-events: none; opacity: 0.75; }
.poga-gaida .google-zime { display: none; }
.poga-gaida::before {
  content: '';
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  border: 2px solid var(--border-strong);
  border-top-color: var(--accent-strong);
  border-radius: 50%;
  animation: riņķo 0.7s linear infinite;
}

@keyframes riņķo { to { transform: rotate(360deg); } }

@media (prefers-reduced-motion: reduce) {
  .poga-gaida::before { animation: none; border-top-color: var(--border-strong); }
}

/* Pārvalde: nauda vispirms, un tā ir liela ------------------------------- */
.skaitlis-liels {
  margin: 0 0 var(--space-4);
  font-family: var(--font-serif);
  font-size: var(--size-page);
  line-height: var(--line-page);
  font-variant-numeric: tabular-nums;
}

.parvaldes-tabula { width: 100%; border-collapse: collapse; }
.parvaldes-tabula th,
.parvaldes-tabula td {
  text-align: left;
  padding: var(--space-2) var(--space-4) var(--space-2) 0;
  border-bottom: 1px solid var(--border);
  white-space: nowrap;
}
.parvaldes-tabula th {
  font-size: var(--size-small);
  line-height: var(--line-small);
  font-weight: 600;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: var(--muted);
}
.parvaldes-tabula .cipari { text-align: right; font-variant-numeric: tabular-nums; }

.dienu-saraksts { list-style: none; margin: 0; padding: 0; }
.dienas-rinda {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  min-height: var(--control);
  padding: var(--space-1) 0;
  border-bottom: 1px solid var(--border);
  font-variant-numeric: tabular-nums;
}
.dienas-rinda:last-child { border-bottom: 0; }
.dienas-datums { flex: 0 0 auto; color: var(--muted); }
.dienas-rinda .cipari:last-child { margin-left: auto; }

/* Konta stūris galvenē -----------------------------------------------------
   Iniciāļi, ne ikona: uz koplietota datora tie ir vienīgais, kas pasaka, ar
   kuru kontu viņa ir iekšā. Izvēlne krīt zem pogas un aizveras uz Escape, uz
   klikšķa ārpusē un uz fokusa aiziešanas. Bez skripta tā vienkārši ir vaļā —
   `hidden` uzliek skripts, nevis serveris. */
.konta-stum { position: relative; flex: 0 0 auto; }

.konta-poga {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--control);
  height: var(--control);
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: none;
  cursor: pointer;
}
.konta-poga:hover .iniciali { filter: brightness(0.94); }

.konta-izvelne {
  position: absolute;
  top: calc(var(--control) + var(--space-2));
  right: 0;
  z-index: 30;
  min-width: 240px;
  padding: var(--space-3);
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-card);
  box-shadow: 0 1px 4px rgba(17, 24, 39, .08);
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}
.konta-izvelne[hidden] { display: none; }

.konta-galva {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0 0 var(--space-2);
  padding-bottom: var(--space-2);
  border-bottom: 1px solid var(--border);
}
.konta-vards { font-weight: 600; font-size: var(--size-base); line-height: var(--line-base); }
.konta-epasts,
.konta-organizacija {
  font-size: var(--size-small);
  line-height: var(--line-small);
  color: var(--muted);
  margin: 0;
}
.konta-organizacija { margin: 0 0 var(--space-2); }

.konta-saite {
  display: block;
  width: 100%;
  text-align: left;
  padding: var(--space-2) var(--space-2);
  border: 0;
  border-radius: var(--radius-control);
  background: none;
  color: var(--text);
  font: inherit;
  font-size: var(--size-base);
  line-height: var(--line-base);
  text-decoration: none;
  cursor: pointer;
}
.konta-saite:hover { background: var(--accent-soft); color: var(--accent-strong); }
.konta-iziet { color: var(--muted); }

/* Profils un organizācija --------------------------------------------------*/
.panelis + .panelis { margin-top: var(--space-6); }

.viena-rinda-forma {
  display: flex;
  align-items: flex-end;
  gap: var(--space-3);
  flex-wrap: wrap;
}
.viena-rinda-forma .lauku-grupa { flex: 1 1 260px; margin: 0; }
.viena-rinda-forma .lauku-grupa input { width: 100%; }
.viena-rinda-forma .darbibas { margin: 0; }

.fakti {
  display: grid;
  grid-template-columns: minmax(160px, auto) 1fr;
  gap: var(--space-2) var(--space-4);
  margin: 0;
}
.fakti dt { color: var(--muted); font-size: var(--size-small); line-height: var(--line-base); }
.fakti dd { margin: 0; }

.dalibnieku-saraksts,
.organizaciju-saraksts { list-style: none; margin: 0; padding: 0; }

.dalibnieka-rinda,
.organizacijas-rinda {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  flex-wrap: wrap;
  min-height: var(--control);
  padding: var(--space-2) 0;
  border-bottom: 1px solid var(--border);
}
.dalibnieka-rinda:last-child,
.organizacijas-rinda:last-child { border-bottom: 0; }

.dalibnieka-vards,
.organizacijas-vards { font-weight: 600; }
.dalibnieka-epasts { color: var(--muted); font-size: var(--size-small); }
.dalibnieka-darbibas {
  margin-left: auto;
  display: flex;
  gap: var(--space-2);
  flex-wrap: wrap;
}

.lapas-kopsavilkums { margin-top: calc(var(--space-6) * -1 + var(--space-2)); }

/* "Kuram klientam?" apakša: ceļš prom no tukša saraksta -------------------- */
.izveles-apaksa {
  margin-top: var(--space-4);
  padding-top: var(--space-4);
  border-top: 1px solid var(--border);
}

/* Reģistra sadaļas: viena rinda, viens lauks, viena dzēšana ----------------
   Saraksts ir bez aizzīmēm — tās ir vadīklas, nevis teksts. Dzēšanas poga ir
   40x40, tāpat kā katrs cits mērķis, un stāv lauka labajā malā. */
.sadalu-saraksts {
  list-style: none;
  margin: 0 0 var(--space-3);
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.sadalas-rinda {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.sadalas-rinda input {
  flex: 1 1 auto;
  min-width: 0;
}

.sadalu-dzest {
  flex: 0 0 auto;
  width: var(--control);
  height: var(--control);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: var(--radius-control);
  background: none;
  cursor: pointer;
}
.sadalu-dzest:hover {
  border-color: var(--danger);
  background: var(--danger-soft);
}
.sadalu-dzest:hover .ikona { color: var(--danger); }

/* Uz papīra reģistrs ir melns uz balta: sadaļu krāsas ir ekrāna lieta. */
@media print {
  .virsraksts, .zinojumi, .filtrs, .darbibas, .neprintet { display: none !important; }
  body { background: #fff; color: #000; font-size: 11pt; }
  main.ietvars { padding: 0; max-width: none; }
  .ietvars { max-width: none; padding: 0; }
  .grupas-tabulas-ietvars { border: none; border-radius: 0; background: #fff; }
  table.tabula { background: #fff; color: #000; font-size: 10pt; }
  table.tabula, table.tabula th, table.tabula td { border-color: #000; }
  table.tabula th { color: #000; }
  table.tabula tr:hover td { background: #fff; }
  tr.starpsumma th, tr.starpsumma td,
  tr.kopsumma th, tr.kopsumma td { background: #fff; border-top-color: #000; }
  /* Viena tabula pāri vairākām lapām: kolonnu galva atkārtojas katras lapas
     augšā, un neviena sadaļa nesākas ar pēdējo rindu iepriekšējās lapas apakšā. */
  .tabula-registrs thead { display: table-header-group; }
  .tabula-registrs tr { break-inside: avoid; }
  .tabula-registrs .sadalas-nosaukums { color: #000; border-bottom-color: #000; break-after: avoid; }
  .tabula-registrs caption { color: #000; }
  .paskaidrojums, .tukss { color: #000; }
  a { color: #000; text-decoration: none; }
}

/* Reģistrēšanās: pilna platuma poga, šķirtnis, un apakšas saites ------------
   Šķirtnis ir viena līnija ar vārdiem vidū — abas puses aug pašas, tāpēc
   teksts paliek centrā neatkarīgi no tā, cik tas garš. */
.poga-pilna {
  display: block;
  width: 100%;
  text-align: center;
  text-decoration: none;
  line-height: calc(var(--control) - 2px);
  padding: 0 var(--space-4);
}

.skirtnis {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin: var(--space-4) 0;
  font-size: var(--size-small);
  line-height: var(--line-small);
  color: var(--muted);
}
.skirtnis::before,
.skirtnis::after {
  content: '';
  flex: 1 1 auto;
  height: 1px;
  background: var(--border);
}

.lauka-paskaidrojums {
  margin: var(--space-1) 0 0;
  font-size: var(--size-small);
  line-height: var(--line-small);
  color: var(--muted);
}

.pieslegsanas-apaksa {
  margin: var(--space-4) 0 0;
  padding-top: var(--space-4);
  border-top: 1px solid var(--border);
  text-align: center;
}