/* AERA dizaina sistēma (docs/aera/02-DIZAINS.md).
   Papīrs, tinte, matu līnijas, bronza reti. Nekādu ēnu, gradientu, pill. */

/* ---------- fonti ---------- */
@font-face { font-family: "Hanken Grotesk"; font-style: normal; font-weight: 400; font-display: swap;
  src: url(/static/fonts/hanken-grotesk-latin-ext-400-normal.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; }
@font-face { font-family: "Hanken Grotesk"; font-style: normal; font-weight: 400; font-display: swap;
  src: url(/static/fonts/hanken-grotesk-latin-400-normal.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: "Hanken Grotesk"; font-style: normal; font-weight: 500; font-display: swap;
  src: url(/static/fonts/hanken-grotesk-latin-ext-500-normal.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; }
@font-face { font-family: "Hanken Grotesk"; font-style: normal; font-weight: 500; font-display: swap;
  src: url(/static/fonts/hanken-grotesk-latin-500-normal.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: "Hanken Grotesk"; font-style: normal; font-weight: 600; font-display: swap;
  src: url(/static/fonts/hanken-grotesk-latin-ext-600-normal.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; }
@font-face { font-family: "Hanken Grotesk"; font-style: normal; font-weight: 600; font-display: swap;
  src: url(/static/fonts/hanken-grotesk-latin-600-normal.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: "Hanken Grotesk"; font-style: normal; font-weight: 700; font-display: swap;
  src: url(/static/fonts/hanken-grotesk-latin-ext-700-normal.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; }
@font-face { font-family: "Hanken Grotesk"; font-style: normal; font-weight: 700; font-display: swap;
  src: url(/static/fonts/hanken-grotesk-latin-700-normal.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: "DejaVu Sans Mono"; font-style: normal; font-weight: 400; font-display: swap;
  src: url(/static/fonts/dejavu-sans-mono-latin.woff2) format("woff2"); }

/* ---------- žetoni ---------- */
:root {
  --papirs: #FFFFFF; --papirs-2: #FAF9F6;
  --tinte: #1A1815; --teksts: #3B3832; --teksts-2: #5C584E; --klusais: #6E6A61;
  --linija: #E6E2D8; --linija-2: #DCD8CC; --lauka-robeza: #8E897D;
  --bronza: #8A6B20; --bronza-fons: #F8F4EA;
  --pozitivs: #2E6B47; --negativs: #A23A2A; --bridinajums: #8A5A00; --privats: #4A463F;
  --skelets: #EFECE4;
  --fonts: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono: "DejaVu Sans Mono", ui-monospace, Menlo, monospace;
  --ease: cubic-bezier(.2,.7,.2,1);
  --sanu-josla: 232px;
  --atkape: 32px;
  --apaksjosla: 64px;
  color-scheme: light;
}
:root[data-tema="tumsa"] {
  --papirs: #14130F; --papirs-2: #1A1915;
  --tinte: #F3F0E8; --teksts: #D9D5CB; --teksts-2: #B3AEA2; --klusais: #9C978B;
  --linija: #2A2823; --linija-2: #34312B; --lauka-robeza: #6A655A;
  --bronza: #C9A55A; --bronza-fons: #2A2416;
  --pozitivs: #6FB58A; --negativs: #E07A66; --bridinajums: #D9A441; --privats: #8C877C;
  --skelets: #24221D;
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root[data-tema="sistemas"] {
    --papirs: #14130F; --papirs-2: #1A1915;
    --tinte: #F3F0E8; --teksts: #D9D5CB; --teksts-2: #B3AEA2; --klusais: #9C978B;
    --linija: #2A2823; --linija-2: #34312B; --lauka-robeza: #6A655A;
    --bronza: #C9A55A; --bronza-fons: #2A2416;
    --pozitivs: #6FB58A; --negativs: #E07A66; --bridinajums: #D9A441; --privats: #8C877C;
    --skelets: #24221D;
    color-scheme: dark;
  }
}

/* ---------- pamats ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
  margin: 0; background: var(--papirs); color: var(--teksts);
  font: 400 14px/1.5 var(--fonts); font-feature-settings: "kern";
  -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent;
}
h1, h2, h3, h4 { color: var(--tinte); margin: 0; font-weight: 600; }
a { color: var(--bronza); text-decoration: none; }
a:hover { text-decoration: underline; text-underline-offset: 3px; }
button, input, select, textarea { font: inherit; color: inherit; }
:focus-visible { outline: 2px solid var(--bronza); outline-offset: 2px; }
.num, td.n, .summa { font-variant-numeric: tabular-nums; }
.ik { flex: none; display: block; }
[hidden] { display: none !important; }
.sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---------- čaula ---------- */
.caula { min-height: 100vh; min-height: 100dvh; }
.sanu {
  position: fixed; inset: 0 auto 0 0; width: var(--sanu-josla); background: var(--papirs-2);
  border-right: 1px solid var(--linija); display: flex; flex-direction: column;
  padding: 24px 12px calc(16px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));
  z-index: 20;
}
.sanu .logo { display: block; width: 76px; color: var(--tinte); margin: 2px 12px 28px; }
.sanu .logo svg { width: 76px; height: auto; display: block; }
.sanu nav { display: flex; flex-direction: column; gap: 1px; }
.sanu nav a, .sanu .apaksa a {
  display: flex; align-items: center; gap: 12px; height: 36px; padding: 0 12px; border-radius: 6px;
  color: var(--teksts-2); font-weight: 500; text-decoration: none;
}
.sanu nav a:hover, .sanu .apaksa a:hover { color: var(--tinte); background: var(--papirs); }
.sanu nav a[aria-current="page"], .sanu .apaksa a[aria-current="page"] { color: var(--bronza); background: var(--bronza-fons); }
.sanu .apaksa { margin-top: auto; border-top: 1px solid var(--linija); padding-top: 12px; display: flex; flex-direction: column; gap: 1px; }
.sanu .meklet-poga {
  display: flex; align-items: center; gap: 10px; height: 36px; padding: 0 12px; margin: 0 0 16px;
  border: 1px solid var(--linija-2); border-radius: 6px; background: var(--papirs); color: var(--klusais);
  cursor: pointer; text-align: left; width: 100%;
}
.sanu .meklet-poga kbd { margin-left: auto; font: 400 11px var(--mono); color: var(--klusais); }

.galva {
  position: sticky; top: 0; z-index: 15; background: var(--papirs);
  display: flex; align-items: center; gap: 12px; height: 56px;
  padding: env(safe-area-inset-top) var(--atkape) 0 calc(var(--sanu-josla) + var(--atkape));
  border-bottom: 1px solid var(--linija);
}
.galva .virsraksts { font-weight: 600; color: var(--tinte); font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.galva .atpakal { display: none; }
.galva .labaa { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.agenta-punkts { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: var(--teksts-2); background: none; border: 0; padding: 6px 4px; cursor: pointer; }
.agenta-punkts i { width: 6px; height: 6px; border-radius: 50%; background: var(--klusais); display: inline-block; }
.agenta-punkts[data-st="ok"] i { background: var(--pozitivs); }
.agenta-punkts[data-st="aiznemts"] i { background: var(--bridinajums); }
.agenta-punkts[data-st="bezsaiste"] i { background: var(--negativs); }
/* Līdz 430 px aģenta statuss ir tikai punkts (teksts aria-label un pieskārienā), lai
   lapas virsraksts netiek nogriezts */
@media (max-width: 430px) {
  .agenta-punkts span { display: none; }
  .agenta-punkts { min-width: 44px; min-height: 44px; justify-content: center; }
}

.saturs-vieta { padding: 32px var(--atkape) 80px calc(var(--sanu-josla) + var(--atkape)); }
.lapa { max-width: 1120px; }
.lapa.sauraa { max-width: 760px; }

.apaksjosla { display: none; }

/* ---------- lapas galva ---------- */
.lapas-galva { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 28px; flex-wrap: wrap; }
.lapas-galva .teksts { flex: 1 1 320px; min-width: 0; }
.lapas-galva h1 { font-size: 28px; line-height: 1.15; font-weight: 700; letter-spacing: -0.015em; overflow-wrap: anywhere; }
.lapas-galva h1 em { font-style: normal; color: var(--bronza); }
.lapas-galva .konteksts { margin-top: 6px; color: var(--teksts-2); font-size: 13px; }
.lapas-galva .darbibas { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }

/* ---------- sadaļas ---------- */
.sadala { margin-top: 40px; }
.sadala:first-child { margin-top: 0; }
.etikete, .sadalas-etikete {
  font: 400 10.5px/1.3 var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--klusais);
}
.sadalas-etikete { display: flex; align-items: baseline; gap: 12px; border-top: .75px solid var(--linija-2); padding-top: 10px; margin-bottom: 12px; }
.sadalas-etikete .pa-labi { margin-left: auto; text-transform: none; letter-spacing: 0; font-family: var(--fonts); font-size: 13px; }
.sadala h2 { font-size: 18px; line-height: 1.3; margin-bottom: 4px; }
.sadala .apraksts { color: var(--teksts-2); font-size: 13px; margin: 0 0 12px; max-width: 72ch; }

/* ---------- pogas ---------- */
.poga {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  height: 40px; padding: 0 16px; border-radius: 8px; border: 1px solid transparent;
  font-weight: 500; font-size: 14px; cursor: pointer; white-space: nowrap; text-decoration: none !important;
  transition: background-color 150ms var(--ease), color 150ms var(--ease), border-color 150ms var(--ease);
}
.poga.primara { background: var(--tinte); color: var(--papirs); }
.poga.primara:hover { background: color-mix(in srgb, var(--tinte) 86%, var(--papirs)); }
.poga.sekundara { background: transparent; border-color: var(--lauka-robeza); color: var(--tinte); }
.poga.sekundara:hover { background: var(--papirs-2); }
.poga.teksta { background: none; color: var(--bronza); padding: 0 6px; height: 32px; }
.poga.teksta:hover { text-decoration: underline !important; text-underline-offset: 3px; }
.poga.bistama { background: none; color: var(--negativs); border-color: var(--lauka-robeza); }
.poga.maza { height: 32px; padding: 0 12px; font-size: 13px; }
.poga.ikonas { width: 40px; padding: 0; }
.poga.ikonas.maza { width: 32px; }
.poga[disabled], .poga[aria-disabled="true"] { opacity: .5; cursor: not-allowed; }
.poga .griez { width: 14px; height: 14px; border: 1.5px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: griez 700ms linear infinite; }
@keyframes griez { to { transform: rotate(360deg); } }

/* ---------- lauki ---------- */
.lauks { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.lauks > span, .lauks > label { font-size: 13px; color: var(--teksts-2); }
.lauks .pal { font-size: 12px; color: var(--klusais); }
.lauks .kluda { font-size: 13px; color: var(--negativs); }
input.ievade, select.ievade, textarea.ievade, .ievade {
  width: 100%; height: 40px; padding: 0 12px; border: 1px solid var(--lauka-robeza); border-radius: 8px;
  background: var(--papirs); color: var(--tinte); font-size: 14px; min-width: 0;
}
textarea.ievade { height: auto; min-height: 96px; padding: 10px 12px; line-height: 1.5; resize: vertical; }
select.ievade { appearance: none; -webkit-appearance: none; padding-right: 36px;
  background: var(--papirs) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238E897D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center; }
.ievade:focus-visible { outline: 2px solid var(--bronza); outline-offset: 2px; }
.ievade[aria-invalid="true"] { border-color: var(--negativs); }
.ievade.summa { text-align: right; font-variant-numeric: tabular-nums; }
.rinda-lauki { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
.forma { display: flex; flex-direction: column; gap: 16px; }
.izvele { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; font-size: 14px; color: var(--teksts); }
.izvele input { width: 18px; height: 18px; accent-color: var(--tinte); }

/* segmentētā izvēle (filtri) - teksta cilnes ar apakšlīniju, ne pill */
.cilnes { display: flex; gap: 20px; border-bottom: 1px solid var(--linija); margin-bottom: 16px; overflow-x: auto; scrollbar-width: none; }
.cilnes::-webkit-scrollbar { display: none; }
.cilnes button, .cilnes a {
  background: none; border: 0; border-bottom: 2px solid transparent; padding: 10px 0 9px; margin-bottom: -1px;
  color: var(--teksts-2); font-weight: 500; cursor: pointer; white-space: nowrap; text-decoration: none;
}
.cilnes [aria-selected="true"], .cilnes [aria-current="page"] { color: var(--tinte); border-bottom-color: var(--tinte); }
.cilnes .skaits { font: 400 11px var(--mono); color: var(--klusais); margin-left: 4px; }

/* ---------- tabulas ---------- */
.tabula { width: 100%; border-collapse: collapse; }
.tabula th {
  font: 400 10.5px/1.3 var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--klusais);
  text-align: left; padding: 0 12px 8px; border-bottom: 1px solid var(--linija-2); white-space: nowrap;
}
.tabula td { padding: 0 12px; height: 40px; border-bottom: 1px solid var(--linija); vertical-align: middle; }
.tabula th:first-child, .tabula td:first-child { padding-left: 0; }
.tabula th:last-child, .tabula td:last-child { padding-right: 0; }
.tabula .n { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.tabula .mono { font: 400 12.5px var(--mono); color: var(--teksts-2); white-space: nowrap; }
.tabula .galv { color: var(--tinte); font-weight: 500; }
.tabula .klusi { color: var(--teksts-2); }
.tabula tbody tr.klik { cursor: pointer; }
@media (hover: hover) { .tabula tbody tr.klik:hover td { background: var(--papirs-2); } }
.tabula tbody tr.klik:focus-visible { outline: 2px solid var(--bronza); outline-offset: -2px; }
.tabula tbody tr.izv td { background: var(--bronza-fons); }
.tabula tfoot td { border-top: .75px solid var(--tinte); border-bottom: 0; font-weight: 700; color: var(--tinte); }
.tabula .saisinat { max-width: 320px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* virsgrāmata: etiķete + summa */
.virsgramata { width: 100%; border-collapse: collapse; }
.virsgramata th { font: 400 10.5px/1.3 var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--klusais); text-align: left; padding: 0 0 8px; border-bottom: 1px solid var(--linija-2); }
.virsgramata th.n { text-align: right; }
.virsgramata td { padding: 9px 0; border-bottom: 1px solid var(--linija); }
.virsgramata td.n { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; padding-left: 16px; }
.virsgramata tr.sub td { color: var(--teksts-2); font-size: 13px; padding-left: 12px; }
.virsgramata tr.sub td.n { padding-left: 16px; }
.virsgramata tr.kopa td { border-top: .75px solid var(--tinte); border-bottom: 0; font-weight: 700; color: var(--tinte); }
.virsgramata tr.pec td { border-bottom: 0; color: var(--teksts-2); padding-top: 16px; }
.virsgramata a { color: inherit; }
.divas-kolonnas { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; }
.divas-kolonnas.plata-kreisa { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); }
.sadalas-etikete + .saraksts, .sadalas-etikete + div > .saraksts:first-child,
.sadalas-etikete + div > .tukss:first-child, .sadalas-etikete + .tukss { border-top: 0; }

/* saraksts (rindas ar darbību) */
.saraksts { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--linija); }
.saraksts > li { border-bottom: 1px solid var(--linija); }
.saraksts .r {
  display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 8px 0; color: var(--teksts);
  text-decoration: none; cursor: pointer;
}
@media (hover: hover) { a.r:hover, button.r:hover { background: var(--papirs-2); } }
a.r:hover { text-decoration: none; }
button.r { width: 100%; background: none; border: 0; text-align: left; }
.saraksts .r .gal { flex: 1; min-width: 0; }
.saraksts .r .t1 { color: var(--tinte); font-weight: 500; overflow-wrap: anywhere; }
.saraksts .r .t2 { color: var(--teksts-2); font-size: 13px; overflow-wrap: anywhere; }
.saraksts .r .lab { flex: none; text-align: right; font-variant-numeric: tabular-nums; }
.saraksts .r .bulta { color: var(--klusais); flex: none; }

/* statuss: 6 px punkts + vārds */
.st { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; font-size: 13px; color: var(--teksts-2); }
.st::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--klusais); flex: none; }
.st.pozitivs { color: var(--pozitivs); } .st.pozitivs::before { background: var(--pozitivs); }
.st.negativs { color: var(--negativs); } .st.negativs::before { background: var(--negativs); }
.st.bridinajums { color: var(--bridinajums); } .st.bridinajums::before { background: var(--bridinajums); }
.st.tinte { color: var(--tinte); } .st.tinte::before { background: var(--tinte); }
.st.klusais::before { background: var(--linija-2); }
.punkts { width: 6px; height: 6px; border-radius: 50%; display: inline-block; flex: none; background: var(--klusais); }
.punkts.negativs { background: var(--negativs); } .punkts.bridinajums { background: var(--bridinajums); }
.punkts.pozitivs { background: var(--pozitivs); } .punkts.klusais { background: var(--linija-2); }

.pozitivs-t { color: var(--pozitivs); } .negativs-t { color: var(--negativs); } .bridinajums-t { color: var(--bridinajums); }
.klusais-t { color: var(--klusais); } .teksts-2 { color: var(--teksts-2); } .tinte-t { color: var(--tinte); }
.mono { font-family: var(--mono); }

/* ---------- tukšs, ielāde, kļūda ---------- */
.tukss { padding: 24px 0; border-top: 1px solid var(--linija); border-bottom: 1px solid var(--linija); display: flex; flex-direction: column; align-items: flex-start; gap: 12px; color: var(--teksts-2); }
.kludas-bloks { padding: 16px 0; border-top: 1px solid var(--negativs); display: flex; flex-direction: column; align-items: flex-start; gap: 10px; color: var(--negativs); }
.kludas-bloks p { margin: 0; }
.skeleta-rinda { height: 44px; border-bottom: 1px solid var(--linija); display: flex; align-items: center; }
.skeleta-rinda::before { content: ""; height: 10px; width: 46%; background: var(--skelets); border-radius: 2px; }
.skeleta-rinda:nth-child(2n)::before { width: 62%; }
.skeleta-rinda:nth-child(3n)::before { width: 34%; }
.piezime { border-left: 2px solid var(--bridinajums); padding: 4px 0 4px 12px; color: var(--teksts); font-size: 13px; }
.piezime.info { border-left-color: var(--linija-2); color: var(--teksts-2); }
.piezime.kluda { border-left-color: var(--negativs); }

/* ---------- panelis (labā puse) un dialogs ---------- */
.panela-fons { position: fixed; inset: 0; background: color-mix(in srgb, var(--tinte) 18%, transparent); z-index: 40; opacity: 0; transition: opacity 150ms var(--ease); }
.panela-fons.redzams { opacity: 1; }
.panelis {
  position: fixed; top: 0; right: 0; bottom: 0; width: min(560px, 100vw); background: var(--papirs); z-index: 41;
  border-left: 1px solid var(--linija-2); display: flex; flex-direction: column;
  transform: translateX(16px); opacity: 0; transition: transform 180ms var(--ease), opacity 180ms var(--ease);
  padding-top: env(safe-area-inset-top);
}
.panelis.redzams { transform: none; opacity: 1; }
.panelis .p-galva { display: flex; align-items: center; gap: 12px; height: 56px; padding: 0 24px; border-bottom: 1px solid var(--linija); flex: none; }
.panelis .p-galva h2 { font-size: 16px; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.panelis .p-saturs { flex: 1; overflow: auto; padding: 24px; -webkit-overflow-scrolling: touch; }
.panelis .p-kaja { flex: none; display: flex; gap: 8px; justify-content: flex-end; padding: 12px 24px calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid var(--linija); }

dialog.dialogs { border: 1px solid var(--linija-2); border-radius: 10px; padding: 0; background: var(--papirs); color: var(--teksts); width: min(440px, calc(100vw - 32px)); }
dialog.dialogs::backdrop { background: color-mix(in srgb, #1A1815 30%, transparent); }
dialog.dialogs .d-saturs { padding: 24px 24px 8px; }
dialog.dialogs h2 { font-size: 18px; margin-bottom: 8px; }
dialog.dialogs p { margin: 0 0 8px; color: var(--teksts-2); }
dialog.dialogs .d-kaja { display: flex; gap: 8px; justify-content: flex-end; padding: 16px 24px 20px; }

/* ---------- paziņojums ---------- */
.toast {
  position: fixed; left: 50%; bottom: calc(24px + env(safe-area-inset-bottom)); transform: translate(-50%, 8px);
  background: var(--tinte); color: var(--papirs); border-radius: 8px; padding: 0 8px 0 16px; min-height: 44px;
  display: flex; align-items: center; gap: 12px; z-index: 60; opacity: 0; pointer-events: none;
  transition: opacity 150ms var(--ease), transform 150ms var(--ease); max-width: calc(100vw - 32px); font-size: 14px;
}
.toast.redzams { opacity: 1; transform: translate(-50%, 0); pointer-events: auto; }
.toast.kluda { background: var(--negativs); color: #fff; }
.toast button { background: none; border: 0; color: inherit; text-decoration: underline; text-underline-offset: 3px; font-weight: 600; padding: 10px 8px; cursor: pointer; }

/* ---------- komandu palete ---------- */
.palete-fons { position: fixed; inset: 0; z-index: 70; background: color-mix(in srgb, #1A1815 24%, transparent); display: flex; justify-content: center; align-items: flex-start; padding: 12vh 16px 16px; }
.palete { width: min(640px, 100%); background: var(--papirs); border: 1px solid var(--linija-2); border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; max-height: 70vh; }
.palete .p-ievade { display: flex; align-items: center; gap: 12px; padding: 0 16px; border-bottom: 1px solid var(--linija); color: var(--klusais); }
.palete .p-ievade input { flex: 1; height: 52px; border: 0; background: none; outline: none; font-size: 16px; color: var(--tinte); }
.palete ul { list-style: none; margin: 0; padding: 6px 0; overflow: auto; }
.palete li { display: flex; align-items: center; gap: 12px; padding: 8px 16px; cursor: pointer; min-height: 44px; }
.palete li[aria-selected="true"] { background: var(--bronza-fons); }
.palete li .gal { flex: 1; min-width: 0; }
.palete li .t1 { color: var(--tinte); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.palete li .t2 { color: var(--teksts-2); font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.palete li .tips { font: 400 10.5px var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--klusais); flex: none; }
.palete .p-grupa { font: 400 10.5px var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--klusais); padding: 10px 16px 4px; cursor: default; min-height: 0; }
.palete .p-kaja { border-top: 1px solid var(--linija); padding: 8px 16px; font: 400 11px var(--mono); color: var(--klusais); display: flex; gap: 16px; }

/* ---------- login ---------- */
.login { min-height: 100vh; min-height: 100dvh; display: flex; align-items: center; justify-content: center; padding: 24px 16px; background: var(--papirs); }
.login form { width: min(360px, 100%); display: flex; flex-direction: column; gap: 16px; }
.login .logo { width: 96px; color: var(--tinte); margin-bottom: 24px; }
.login h1 { font-size: 24px; font-weight: 700; letter-spacing: -0.015em; }
.login p { margin: 0; color: var(--teksts-2); }

/* ---------- divu kolonnu darba zona (dators) ---------- */
.ar-paneli { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, 480px); gap: 40px; align-items: start; }
.ar-paneli > .pa-labi { position: sticky; top: 88px; }

/* ---------- kustība ---------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; }
  .panelis { transform: none; }
  .toast { transform: translate(-50%, 0); }
}

/* ---------- iPhone ---------- */
@media (max-width: 1023px) {
  :root { --atkape: 16px; }
  body { font-size: 16px; line-height: 1.45; }
  .sanu { display: none; }
  .galva { padding: env(safe-area-inset-top) calc(var(--atkape) + env(safe-area-inset-right)) 0 calc(var(--atkape) + env(safe-area-inset-left)); height: calc(52px + env(safe-area-inset-top)); }
  .galva .atpakal { display: inline-flex; margin-left: -8px; }
  .saturs-vieta { padding: 20px calc(var(--atkape) + env(safe-area-inset-right)) calc(var(--apaksjosla) + 32px + env(safe-area-inset-bottom)) calc(var(--atkape) + env(safe-area-inset-left)); }
  .lapas-galva { margin-bottom: 20px; }
  .lapas-galva h1 { font-size: 24px; }
  .lapas-galva .darbibas { width: 100%; }
  .lapas-galva .darbibas .poga { flex: 1; }
  .sadala h2 { font-size: 17px; }
  .etikete, .sadalas-etikete, .tabula th, .virsgramata th { font-size: 11px; }
  .poga { height: 44px; font-size: 16px; }
  .poga.maza { height: 40px; font-size: 14px; }
  .poga.ikonas { width: 44px; }
  .poga.ikonas.maza { width: 40px; }
  input.ievade, select.ievade, textarea.ievade, .ievade { height: 48px; font-size: 16px; }
  textarea.ievade { height: auto; }
  .tabula.mobila thead { display: none; }
  .tabula.mobila, .tabula.mobila tbody, .tabula.mobila tr, .tabula.mobila td { display: block; width: 100%; }
  .tabula.mobila tr { position: relative; border-bottom: 1px solid var(--linija); padding: 10px 0; min-height: 56px; }
  .tabula.mobila td { height: auto; border: 0; padding: 0; }
  .tabula.mobila td.m-gal { color: var(--tinte); font-weight: 500; padding-right: 120px; }
  .tabula.mobila td.m-sum { position: absolute; right: 0; top: 10px; width: auto; text-align: right; }
  .tabula.mobila td.m-meta { display: inline; color: var(--teksts-2); font-size: 14px; }
  .tabula.mobila td.m-meta + td.m-meta::before { content: " · "; color: var(--klusais); }
  .tabula.mobila td.m-slept { display: none; }
  .tabula.mobila tfoot tr { border-top: .75px solid var(--tinte); }
  .divas-kolonnas, .divas-kolonnas.plata-kreisa { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .ar-paneli { grid-template-columns: 1fr; }
  .ar-paneli > .pa-labi { position: static; }
  .panelis { width: 100vw; border-left: 0; }
  .panelis .p-galva, .panelis .p-saturs, .panelis .p-kaja { padding-left: 16px; padding-right: 16px; }
  .palete-fons { padding: calc(8px + env(safe-area-inset-top)) 8px 8px; }
  .palete { max-height: calc(100dvh - 32px); }
  .palete .p-kaja { display: none; }

  .apaksjosla {
    display: grid; grid-template-columns: repeat(5, 1fr); position: fixed; left: 0; right: 0; bottom: 0; z-index: 30;
    height: calc(var(--apaksjosla) + env(safe-area-inset-bottom)); padding: 0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
    background: var(--papirs); border-top: 1px solid var(--linija);
  }
  .apaksjosla a, .apaksjosla button {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
    font-size: 11px; font-weight: 500; color: var(--teksts-2); text-decoration: none; background: none; border: 0;
    border-top: 2px solid transparent; margin-top: -1px; cursor: pointer;
  }
  .apaksjosla [aria-current="page"] { color: var(--bronza); border-top-color: var(--bronza); }
  .toast { bottom: calc(var(--apaksjosla) + 16px + env(safe-area-inset-bottom)); }
}
@media (min-width: 1024px) {
  .tikai-mob { display: none !important; }
}
@media (max-width: 1023px) {
  .tikai-dat { display: none !important; }
}

/* "Vairāk" lapa (iPhone) */
.vairak-saraksts .r { min-height: 56px; }