/* ══════════════════════════════════════════════════════════ SIA Monitors – Shared Design System ══════════════════════════════════════════════════════════ */ /* ── Reset & Base ──────────────────────────────────────── */ *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; background:#fff;color:#333;font-size:13px; /* Vieta fiksētajai sānu joslai. Mobilajā to atceļ (sk. @media). */ padding-left:var(--rail-w)} /* Lapas BEZ joslas: pieteikšanās, reģistrācija, konta izvēle. Tās ielādē to pašu stila lapu, bet `.header` nerāda, un bez šī noteikuma to centrētās formas nobīdītos par 120 px pa labi (Codex, PR #193). Klase, ne `:has()`: tā strādā visur un ir redzama pašā lapā. */ body.bez-joslas{padding-left:0} /* Saites bez pastāvīga pasvītrojuma (caurskate 2026-08-21, S4): tabulās, kur saite ir katrā šūnā, pārlūka noklusētais zilais pasvītrojums bija skaļākais elements lapā – un tāpēc neizcēla neko. Krāsa paliek (saite ir atpazīstama), pasvītrojums parādās uz hover un fokusa – affordance nepazūd, troksnis jā. */ a{color:var(--saite);text-decoration:none} a:hover,a:focus-visible{text-decoration:underline} /* Pogveida saites (navigācija, pogas, pilles, lapotāji, čipi) pasvītrojumu nedabū arī uz hover – tām affordance ir forma un fons, un pasvītrojums zem pogas uzraksta izskatās pēc kļūdas. Recenzenta atradums. */ .nav-btn:hover,.nav-btn:focus-visible,.btn:hover,.btn:focus-visible, .pill:hover,.pill:focus-visible,.qpill:hover,.qpill:focus-visible, .tab:hover,.tab:focus-visible, .pagination a:hover,.pagination a:focus-visible,.lp-poga:hover,.lp-poga:focus-visible, .header h1 a:hover,.header h1 a:focus-visible{text-decoration:none} /* ── Animations ────────────────────────────────────────── */ @keyframes statPop {from{transform:scale(.5) translateY(4px);opacity:0} to{transform:scale(1) translateY(0); opacity:1}} @keyframes fadeUp {from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:translateY(0)}} @keyframes rowIn {from{opacity:0;transform:translateX(-6px)} to{opacity:1;transform:translateX(0)}} @keyframes savePulse{from{background:var(--acc-tint)!important} to{background:var(--gr-fons)!important}} @keyframes savedFlash{0%{background:var(--labi-fons)!important} 100%{background:transparent}} /* ── Virziena B tokeni (docs/DIZAINS.md 0e, izvēlēts 2026-09-02) ───────── Nosaukti, ne izkaisīti: melnā josla bija `#18181b` PIECĀS vietās, un tieši tāpēc "padarīt gaišāku" iepriekš nozīmēja meklēt pa visu failu. */ :root{ --rail:#F6F7F9; /* sānu josla */ --strip:#FAFBFC; /* kopsavilkuma strēmele */ --thead:#FCFCFD; /* tabulas galvene */ --row-hover:#F4F6F9; --line:#E9EBEF; /* dalītāja, NE apmale ap kasti */ --line-ctl:#DCE0E6; /* vadīklu mala */ --ink:#16181D; /* 17,76:1 uz balta */ --ink-2:#5B6472; /* 5,98:1 uz balta; 5,58:1 uz sānu joslas */ --ink-3:#6e6e77; /* klusais tonis: 5,05:1 uz balta, 4,66:1 uz rindas hover fona. Zem tā AA vairs nav – un starp --ink-2 un šo ir 1,18:1, tāpēc TREŠAIS pelēkais tonis uz balta nav iespējams. Hierarhija zem --ink nāk no izmēra (10/11/12 px), ne no krāsas. */ --acc:#0B6E61; /* akcents: attiecas uz mani / labs. 6,14:1 uz balta */ --acc-ink:#0B6156; /* akcenta teksts uz akcenta toņa. 6,28:1 */ --acc-tint:#E3F0EE; /* Diagrammu toņi. Tie bija PELĒKI (#d4d4d8 stabiņiem, melns izceltajam) – vienīgā rīka virsma, kur zīmola tonis neparādījās vispār. Rampa ir VIENA tonis, kas tumst: piltuve un vecuma grupas ir viena lieta posmos, ne piecas dažādas lietas, un daudzkrāsu palete tur melotu par datiem. */ --gr-fons:#CFE0DD; /* konteksta stabiņš */ --gr-akcents:#0B6E61; /* izceltais – 4,49:1 pret konteksta stabiņu */ --gr-1:#E3F0EE; --gr-2:#ACC5C2; --gr-3:#769B95; --gr-4:#3F7069; --gr-5:#08453C; /* ── Mijiedarbība (DIZAINS 0g, 2026-09-03) ───────────────────────────── Fokuss, saites un galvenā poga NĀK NO ŠEJIENES. Pirms tam tie bija ierakstīti ar roku – 91 zilais tonis 16 failos –, un tieši tāpēc `users.php` poga bija zaļa (`var(--acc)`) un zem peles kļuva zila (`#2563eb`): bāze bija tokens un mainījās pati, hover nebija. */ --fokuss:#0B6E61; /* fokusa gredzens un aktīvā lauka mala */ /* Pats gredzens – `--fokuss` ar 12% caurspīdīgumu. Tokena tam NEBIJA, un tāpēc viena un tā pati vērtība bija ierakstīta ar roku astoņās vietās: četras šajā failā un četras lapās (`ielugumi`, `klientu_imports`, `leads`, `settings`). Codex 3. kārta to atrada tāpēc, ka mans sargs skatījās tikai uz `color|background|border` un `box-shadow` izlaida – t.i. tieši fokusa gredzenu, ko solījums "krāsa nāk no tokena" apsola visvairāk. */ --fokuss-gredzens:rgba(11,110,97,.12); --saite:#0B6156; /* saites teksts: 6,28:1 uz balta */ --saite-hover:#08453C; /* zem peles TUMŠĀKS, nekad cita krāsa */ --saite-pasv:#9CC3BD; /* saites pasvītrojums, kad tas parādās */ /* ── Informācija ──────────────────────────────────────────────────────── Zils ŠEIT paliek apzināti. "Ziņots", `.badge-info` un `.alert.info` ir NOZĪME (DIZAINS 5), ne mijiedarbība; ja arī tie kļūtu tirkīzi, akcents pārstātu nozīmēt "attiecas uz mani". Atšķirība no iepriekšējā stāvokļa ir tā, ka tagad tā ir viena nosaukta ģimene, ne izkaisīti heksi. */ --info:#1d4ed8; --info-fons:#dbeafe; --info-mala:#bfdbfe; /* ── Pārējās trīs nozīmju ģimenes (2026-09-10) ────────────────────────── `--info` bija VIENĪGĀ nozīme, kas dabūja vārdu. Kļūda, "labi" un brīdinājums palika izkaisīti heksi, un tas ir tieši tas stāvoklis, no kura `--info` reiz tika izcelts. Izmērīts 2026-09-10 (`tests/mer_krasu_lomas.php`): ārpus `style.css` dzīvoja 274 krāsas, un tikai 27 no tām sakrita ar kādu esošu tokenu – pārējām tokena nebija, ko lietot. Vērtības NAV izdomātas: katra ir tā, ko rīks jau lietoja visbiežāk tajā lomā (`#b91c1c` 13 reizes, `#15803d` 7, `#b45309` 4). Rampas LĪMENIS ir tas pats, kas `--info` ģimenei – tonis 700, fons 100, mala 200 –, tāpēc četras ģimenes ir viena sistēma, ne četras gaumes. SKAITĻI IR LABOTI 2026-09-10 pēc Codex recenzijas, un abas kļūdas bija mērrīkā, ne paletē: `glob('*.php')` jau satur `_*.php`, tāpēc fragmenti tika skaitīti divreiz, un `style='...'` ar vienpēdiņām netika skaitīts vispār (41 krāsa `monitor.php` un `scraper.php`). Pirmais skaitlis, ko publicēju, bija 238; patiesais ir 274. Secinājums nemainījās – šie trīs joprojām ir savas ģimenes biežākie –, bet skaitlis, ar ko to pamatoju, bija nepareizs, un tas ir jāsaka. Kontrasts izmērīts, ne cerēts (`tests/mer_kontrasts_paletei.php`): uz balta 6,47 / 5,02 / 5,02; uz sava fona 5,30 / 4,57 / **4,51**. Brīdinājums uz sava fona ir tikko pāri AA robežai – ja kādreiz gribas gaišāku toni vai tumšāku fonu, vispirms pārmēri, citādi tas noslīd zem 4,5. Šie tokeni AIZSTĀJ vērtības, kas AA NEIZTUR: `#ff9800` (2,16:1), `#d97706` (3,19), `#16a34a` (3,30), `#119933` (3,73), `#cc6600` (3,84). Tātad tā nav tikai kārtība – tas ir lasāmības labojums. */ --kluda:#b91c1c; /* kļūda / dzēšana / bīstama darbība. 6,47:1 uz balta */ --kluda-fons:#fee2e2; --kluda-mala:#fecaca; --labi:#15803d; /* izdevās / aktīvs / pieaugums. 5,02:1 uz balta */ --labi-fons:#dcfce7; --labi-mala:#bbf7d0; --brid:#b45309; /* brīdinājums / gaida / drīz beidzas. 5,02:1 uz balta */ --brid-fons:#fef3c7; --brid-mala:#fde68a; --rail-hover:#EDEFF3; /* neitrāls virsmas hover uz --rail un baltām vadīklām */ --rail-w:240px; } /* ── Sānu josla ──────────────────────────────────────────── Agrāk šī bija MELNA AUGŠJOSLA. Marķējums nemainījās ne vienā no 13 lapām – `.header` joprojām ir tas pats bloks ar tiem pašiem bērniem –, mainījās tikai tā vieta un krāsa. Tā ir visa pārbūves būtība: 13 lapu pārrakstīšana būtu 13 iespējas kaut ko aizmirst. `position:fixed`, ne flex ietvars: ietvars prasītu jaunu
ap VISU lapas saturu, tātad tomēr 13 failus. Fiksēta josla to pašu izdara ar `body{padding-left}`. */ .header{position:fixed;left:0;top:0;bottom:0;width:var(--rail-w);z-index:30; background:var(--rail);color:var(--ink); box-shadow:inset -1px 0 0 var(--line); /* viena dalītāja, ne apmale */ padding:18px 12px 16px;overflow-y:auto; display:flex;flex-direction:column;align-items:stretch;gap:14px} .header h1{font-size:17px;font-weight:700;white-space:nowrap;padding:0 10px} .header h1 a,.header h1 a:visited{color:inherit;text-decoration:none} /* ── Nav ────────────────────────────────────────────────── */ /* Uz darbvirsmas ietvars neeksistē izkārtojumam – display:contents padara to caurspīdīgu, lai .header-nav paliek tiešs .header flex bērns kā agrāk. */ .nav-ietvars{display:contents} /* ☰ poga – tikai mobilajā (≤768px, sk. mediju bloku); uz darbvirsmas/planšetes slēpta. */ .nav-toggle{display:none} /* Jaunās virsmas ceļš atpakaļ (spec. 7.2) – parasta saite, pieskārienam ≥ 44 px. */ .nav-atpakal{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;font-weight:600;color:var(--saite)} /* Kolonna, ne rinda. `flex:1` te nozīmē "aizņem atlikušo AUGSTUMU", tāpēc sistēmas pogas var nostumt uz joslas apakšu ar `margin-top:auto`. */ .header-nav{display:flex;flex-direction:column;gap:2px;flex:1;flex-wrap:nowrap} /* Sadaļa joslā ir rinda, ne pille: pilnā platumā, kreisi līdzināta, 6 px rādiuss. Apmales nav – gaišā joslā tā būtu troksnis ap katru ierakstu. */ .nav-btn{position:relative;display:block; padding:7px 10px 7px 14px;border-radius:6px;border:1px solid transparent; color:var(--ink);font-size:13.5px; text-decoration:none;transition:background .15s,color .15s} .nav-btn:hover{background:var(--rail-hover);color:var(--ink)} /* Izeja ir POGA (CSRF dēļ), bet joslā tai jāizskatās tāpat kā pārējām rindām: pārlūka noklusējuma pogas fons, apmale un centrējums to citādi izceltu. */ .nav-izeja{margin:0} button.nav-btn{width:100%;text-align:left;background:none;font-family:inherit;cursor:pointer} button.izvele-izeja{background:none;border:0;padding:0;font:inherit;color:var(--acc-ink); text-decoration:underline;cursor:pointer;min-height:44px} .nav-btn.active{background:var(--acc-tint);color:var(--acc-ink);font-weight:600; border-color:transparent} /* Akcenta svītra pie kreisās malas: krāsa viena pati nav zīme, un tints gaišā joslā ir maigs. Svītra pasaka "šeit tu esi" arī bez krāsas. */ .nav-btn.active::before{content:"";position:absolute;left:0;top:7px;bottom:7px; width:2px;border-radius:2px;background:var(--acc)} /* ── Kopsavilkuma skaitļi ────────────────────────────────── Agrāk šie dzīvoja melnajā joslā, un tāpēc to krāsas bija GAIŠI pasteļi (#86efac, #93c5fd, #fcd34d, #fca5a5) – uz balta tie dod ~1,4–1,8:1, tātad nelasāmi. Gaišā rīkā katrai nozīmei vajag tumšo toni, ne gaišo. Vieta arī cita: strēmele virs satura, ne sānu joslā. Skaitļi attiecas uz ŠO sarakstu, un vertikāli tie apēstu tieši to vietu, ko atbrīvoja augšjoslas noņemšana (docs/DIZAINS.md 0e). */ .hstats{display:flex;margin:0 0 14px;flex-wrap:wrap;align-items:stretch; background:var(--strip);border-radius:10px;padding:11px 6px} .hstat{flex:1 1 0;min-width:120px;padding:2px 16px;text-align:left} .hstat + .hstat{box-shadow:inset 1px 0 0 var(--line)} .hstat-n{font-size:19px;font-weight:650;line-height:1.2;display:block; letter-spacing:-.02em;font-variant-numeric:tabular-nums; animation:statPop .5s cubic-bezier(.34,1.56,.64,1) both} .hstat:nth-child(1) .hstat-n{animation-delay:.05s} .hstat:nth-child(2) .hstat-n{animation-delay:.10s} .hstat:nth-child(3) .hstat-n{animation-delay:.15s} .hstat:nth-child(4) .hstat-n{animation-delay:.20s} .hstat:nth-child(5) .hstat-n{animation-delay:.25s} .hstat:nth-child(6) .hstat-n{animation-delay:.30s} .hstat:nth-child(7) .hstat-n{animation-delay:.35s} .hstat-l{font-size:11.5px;color:var(--ink-2);margin-top:3px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* Skaitlis pēc noklusējuma ir NEITRĀLS (tumšā tinte). Krāsa ir SIGNĀLS, ne dekors, un nāk no VIENAS semantiskās rindas visam rīkam (DIZAINS 0f) – tā PATI, ko lieto stats.php `.kpi`. Zilo "tikai ziņa" (`--info`) skaitlim noņēmām: tā bija patvaļīga (Oskars 2026-09-05: "citur zils, citur zaļš"). Visi toņi ≥6:1 uz strēmeles fona. */ .hstat.hi .hstat-n{color:var(--acc)} /* labs / pozitīvs */ .hstat.warn .hstat-n{color:#8A5A00} /* jāievēro */ .hstat.red .hstat-n{color:#B42318} /* slikts */ /* ── Page Container ─────────────────────────────────────── */ .page{padding:14px 20px;overflow-x:auto} /* Satura platums: PILNS platums no sānu joslas līdz labajai malai, viens likums visām lapām (Oskars, 2026-09-05, atkārtoti prasīts). Agrāk saturs bija ierobežots 1240 px centrētā kolonnā (`.page-saurs`) – tas ir noņemts, jo pusē lapu tas radīja "pa vidu", pusē (index.php, konti, users, settings) "līdz malai", un tieši tā nesakritība bija redzamākā. Platums tagad nāk TIKAI no `.page` polsterējuma. Platas tabulas ritinās savā `.table-wrap` (overflow-x), ne pati lapa. Sk. DIZAINS 1. punktu. */ /* ── Alerts ─────────────────────────────────────────────── */ /* Bāzei IR fons. Bez tā `class="alert"` bez modifikatora zīmējās kā plika teksta rinda: caurspīdīga apmale un nekāda fona. Izmērīts 2026-09-01 – rīkā tādu ziņojumu ir 34, un starp tiem ir pats svarīgākais, ko redz jauns lietotājs ("Profils vēl nav aizpildīts" iepirkumu sarakstā). Hierarhija bija apgriezta: pārdošanas skaidrojums bija krāsaina kaste, bet rīcību prasošs ziņojums saplūda ar lapu. Tas ir arī iemesls, kāpēc skatos sāka parādīties ar roku ierakstītas krāsas – bāzes klase nedeva neko. */ .alert{padding:10px 16px;border-radius:8px;font-size:13px; margin-bottom:14px;border:1px solid #e4e4e7; background:#fafafa;color:#3f3f46} /* Toņi no DIZAINS 0f semantiskās rindas, ne Material paletes. Vecie (#7b5800, #2e7d32, #c62828) bija ceturtā krāsu ģimene rīkā bez iemesla. */ .alert.warn {background:#FEF6E7;color:#b45309;border-color:#FAE3B4} .alert.info {background:var(--info-fons);color:var(--info);border-color:var(--info-mala)} .alert.success{background:#F0F8F3;color:#15803d;border-color:#B7DCC5} .alert.error {background:#FDECEC;color:#b91c1c;border-color:#F3BDBD} /* ── Pieteikšanās kartīte: login.php, atjaunot_paroli.php ──────────────────── Pārcelts no login.php 2026-09-13, kad to pašu kartīti vajadzēja otrai lapai (DIZAINS 0g: stils dzīvo šeit, ne katrā lapā no jauna; DIZAINS 0i). */ .login-wrap{max-width:380px;margin:80px auto;background:#fff;border-radius:12px; padding:32px;box-shadow:0 1px 3px rgba(0,0,0,.08)} .login-wrap h1{font-size:20px;margin-bottom:4px;color:var(--ink)} /* #888 uz balta ir 3,54:1 – zem WCAG AA prasītā 4,5:1, un tieši šī rinda pasaka, KO no cilvēka grib. --ink-3 ir 4,83:1 (docs/DIZAINS.md 4. punkts). */ .login-wrap p.sub{font-size:13px;color:var(--ink-3);margin-bottom:20px} .login-wrap label{display:block;font-size:12px;color:#555;margin:12px 0 4px} .login-wrap input{width:100%;padding:11px 12px;border:1px solid #e0e0e0;border-radius:8px; font-size:14px;font-family:inherit;box-sizing:border-box} /* 44 px pieskāriena mērķis (CLAUDE.md, docs/DIZAINS.md 9.): bez šīs rindas kaste ir tikai tik augsta, cik prasa 14 px teksts ar polsterējumu – Codex uz monitor.r7.lv nomērīja ~39 px. Rūtiņa NE: tās mērķis ir visa rinda. */ .login-wrap input:not([type=checkbox]){min-height:44px} .login-wrap input:focus{outline:none;border-color:var(--fokuss)} .login-wrap button{width:100%;margin-top:20px;padding:12px;min-height:44px;border:0;border-radius:8px; background:var(--acc);color:#fff;font-size:14px;cursor:pointer;font-family:inherit} .login-wrap button:hover{background:var(--acc-ink)} .login-err{background:#fef2f2;color:var(--kluda);border-radius:8px;padding:10px 12px; font-size:13px;margin-bottom:4px} .login-wrap .reg-apaksa{font-size:13px;color:var(--ink-3);margin-top:18px;text-align:center} /* 44 px arī saitēm zem formas – nomērīts 390 px: 17 px bez šīs rindas. */ .login-wrap .reg-apaksa a{display:inline-block;min-height:44px;line-height:44px;padding:0 10px} /* Lauks, ko mainīt nevar (ielūguma adrese, 6f «5c»): klusais fons, lai neizskatās pēc tukša lauka. */ .login-wrap input[readonly]{background:var(--strip);color:var(--ink-2)} /* ── Buttons ─────────────────────────────────────────────── */ .btn{display:inline-flex;align-items:center;justify-content:center;gap:4px; padding:5px 14px;border-radius:6px;border:1px solid transparent; font-size:12px;font-family:inherit;font-weight:500;cursor:pointer; height:30px;text-decoration:none;white-space:nowrap; transition:background .15s,border-color .15s,opacity .15s} .btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none} /* `.btn-primary` te bija ZILA, kamēr zīmols ir tirkīzs – sistēmas centrs apgalvoja nepareizu krāsu, un tieši no tā katrs nākamais fails ņēma piemēru. 2026-09-03 to pārliku uz akcentu, un tad tā kļuva par precīzu `.btn-dark` dublikātu. Divi nosaukumi vienai pogai ir tā pati kļūda vienu soli tālāk, tāpēc paliek VIENS. Vārds `dark` ir vēsturisks (pirms virziena B poga bija melna) – pārsaukšana ir atsevišķs darbs, jo tas ir 16 lietojumi 10 failos. */ .btn-secondary{background:#fff;color:var(--ink);border-color:var(--ink-3)} .btn-secondary:hover{background:var(--rail-hover)} .btn-dark {background:var(--acc);color:#fff;border-color:var(--acc)} .btn-dark:hover{background:var(--acc-ink);border-color:var(--acc-ink)} /* Fons #15803d, ne #16a34a: balts teksts uz tā bija 3,30:1. */ .btn-green {background:#15803d;color:#fff;border-color:#15803d} .btn-green:hover{background:#166534;border-color:#166534} .btn-danger {background:#dc2626;color:#fff;border-color:#dc2626} .btn-danger:hover{background:var(--kluda);border-color:var(--kluda)} /* PAMATA teksta lauks. Zemāk esošais `.filter-bar` variants ir kompakts (28 px filtru joslai) un paliek; šis ir tas, kā izskatās ikviens CITS lauks rīkā. Bez tā profila redaktorā (`_tenders_profils.php`) "Profila nosaukums" un "Precīzi CPV kodi" rādījās pārlūka noklusējumā: 19 px augsti, nulle atkāpes, nulle rādiusa, blakus visam pārējam, kam rādiuss ir. Izmērīts 2026-09-01. Tā ir tā pati kļūda, ko apraksta nākamais komentārs, tikai vienu ekrānu tālāk: likums bija piesiets konteineram, ne laukam. `:where()` NAV izskaistinājums, un mans pirmais apgalvojums par to bija nepareizs: `input[type=text]` ir (0,1,1), bet `.notes-input` tikai (0,1,0), tāpēc pamata kārtula pārspēja klasi, ne otrādi. Praksē tas nozīmēja, ka `places.php` piezīmju sleja no caurspīdīgas kļuva par 50 baltām kastēm ar rāmi – tieši to, ko `.notes-input` komentārs zemāk apraksta kā jau vienreiz izlabotu ("183 tukšās kastes bija skaļākas par pašiem datiem"). `:where()` specifiskums ir NULLE, tāpēc profila redaktors dabū izskatu, un katra klase, kurai ir savs viedoklis, joprojām uzvar. */ :where(input[type=text],input[type=email],input[type=password],input[type=search],textarea){ padding:8px 10px;border:1px solid #d4d4d8;border-radius:6px; font-size:13px;font-family:inherit;background:#fff;color:var(--ink)} :where(input[type=text],input[type=email],input[type=password],input[type=search],textarea):focus{ outline:none;border-color:var(--fokuss);box-shadow:0 0 0 3px var(--fokuss-gredzens)} /* Vadīklu strēmele pieder TIKAI kartīšu režīmam: uz darbvirsmas tās pašas vadīklas ir tabulas galvenē, un divas kopijas nozīmētu divas vietas, kur spiest to pašu. */ .kartes-vadiklas{display:none} /* ── Filter Bar ─────────────────────────────────────────── */ /* Fona TONIS, ne apmale. Kopš audekls ir balts, `background:#fff` ar 1 px apmali bija tieši tā "viendabīga plāna apmale ap KATRU kasti", ko DIZAINS 0. punkts aizliedz – un uz baltas lapas tā bija vienīgais, kas joslu vispār iezīmēja. Tonis dara to pašu klusāk: grupa ir redzama, rāmja nav. */ .filter-bar{background:var(--strip);border:0;border-radius:10px; padding:10px 14px;margin-bottom:14px; display:flex;flex-wrap:wrap;gap:8px;align-items:center} /* `display:flex` pārspēj pārlūka `[hidden]` noklusējumu, tāpēc josla, kurai uzlikts `hidden`, tāpat paliktu redzama. Reģistra masveida darbību joslai tas nozīmētu, ka datu zuduma ceļš atgriežas klusi. Tā pati kļūda, ko šodien jau divreiz: sk. `.sikdatnes[hidden]` un `.uzn-izvele[hidden]`. */ .filter-bar[hidden]{display:none} .filter-bar select, /* input[type=number] bija aizmirsts, tāpēc visi skaitliskie filtri rādīja pārlūka noklusējuma 2px rāmi – Windows tas ir sarkanbrūns un blakus baltajiem laukiem lasās kā validācijas kļūda pirms jebkādas ievades. */ .filter-bar input[type=number], input[type=number], .filter-bar input[type=text], .filter-bar input[type=search]{ padding:4px 8px;border:1px solid #d4d4d8;border-radius:6px; font-size:12px;font-family:inherit;background:#fff;height:28px} .filter-bar select:focus, .filter-bar input:focus{outline:none;border-color:var(--fokuss); box-shadow:0 0 0 3px var(--fokuss-gredzens)} .filter-bar label{font-size:12px;display:flex;align-items:center; gap:4px;cursor:pointer;white-space:nowrap} /* ── Pills ──────────────────────────────────────────────── */ .pills{display:flex;gap:4px;flex-wrap:wrap} /* Pilles savā rindā, filtri zem tām – tā pati kārtība, ko «Jaunās SIA» (DIZAINS 6). Viss.lv tās stāvēja vienā plūsmā ar filtriem, un josla pārlūza nejaušā vietā: 1440 px «Notīrīt» un «CSV» otrā rindā (DIZAINS 6g 5). */ .filter-bar > .pills.sava-rinda{flex-basis:100%} /* SKATU PĀRSLĒGS – viena definīcija abiem nosaukumiem. `.pill` un `.tab` bija viens un tas pats komponents, uzrakstīts divreiz: abiem apaļas malas un tie paši aktīvā stāvokļa toņi, bet 11 px pret 12 px, #d4d4d8 pret #e0e0e0, balts fons pret #f8f9fa un pelēks hover pret ZILGANU #e8eaf6. Blakus tie bija gandrīz neatšķirami, un tieši tāpēc neviens novirzi nepamanīja – bet pārejot no Iepirkumiem uz Šodienu, acs to redzēja (Oskars 2026-09-03: "katra izskatās citādāk"). Pieņemtais izmērs ir 12 px: 11 px pillēs bija par mazu, un tās nes skaitļus. Marķējums NAV pārsaukts – abi nosaukumi ir trīsdesmit failos, un pārsaukšana bez ekrāna pārbaudes katrā no tiem būtu tieši tā izmaiņa, ko neviens nepārbauda. Vārdi paliek divi, izskats ir viens. */ .pill,.tab{padding:5px 12px;border-radius:20px;border:1px solid var(--line-ctl); font-size:12px;font-weight:500;color:var(--ink-2);text-decoration:none; white-space:nowrap;background:#fff;cursor:pointer; transition:background .15s,color .15s} .pill:hover,.tab:hover{background:var(--row-hover)} /* «Kam sekoju» pilli ar nulli paslēpj skripts (DIZAINS 6g 1.6). Pilļu joslas dažreiz pillēm dod `display`, un tas pārspēj pārlūka `[hidden]` (sk. zemāk `.noz-rinda[hidden]`). */ .pill[hidden],.tab[hidden]{display:none} .pill.active,.tab.active{background:var(--acc-tint);color:var(--acc-ink); border-color:transparent;font-weight:600} /* ── Retie filtri aiz izvēršanas ────────────────────────── */ /* DIZAINS 6 prasa vienu filtru rindu un retos filtrus aiz izvēršanas. Kamēr tas nebija ieviests, `registrs.php` filtri 390 px platumā aizņēma 772 px no 844 px ekrāna: cilvēks atvēra uzņēmumu sarakstu un redzēja tikai vadīklas. `
`, ne JS: bez skripta tas paliek atverams, un lapa, kas ielādējas ar ieslēgtu filtru, to parāda pati (`open` liek PHP). Slēgt filtru, kas maina sarakstu, nozīmētu rādīt saīsinātu sarakstu bez redzama iemesla. */ /* Aizvērta izvēršana ir TĀDS PATS joslas elements kā izvēlne blakus – tāpēc `flex-basis` tikai atvērtai. Ar to uz visiem stāvokļiem sanāca trīs rindas (izvēlnes, "Vairāk filtru", pogas) tieši tur, kur mērķis bija viena; Codex to noķēra #228, un ekrānuzņēmums to rādīja, es tikai neizlasīju. */ .vairak-filtru{margin:0} .vairak-filtru[open]{flex-basis:100%} .vairak-filtru>summary{display:inline-flex;align-items:center;gap:6px; font-size:12px;color:var(--ink-2);cursor:pointer; padding:4px 2px;width:fit-content;list-style:none} /* `display:inline-flex` uz `` Chrome noņem paša pārlūka trīsstūri – izmērīts 2026-09-07: bez šī uzraksts izskatījās pēc parasta teksta, un vienīgā norāde, ka to var atvērt, bija peles kursors. Tāpēc rokturis ir savs un tas GRIEŽAS: stāvoklis ir redzams arī tad, kad saturs ir ārpus ekrāna. */ .vairak-filtru>summary::-webkit-details-marker{display:none} .vairak-filtru>summary::before{content:'';width:0;height:0; border-left:5px solid currentColor; border-top:4px solid transparent; border-bottom:4px solid transparent; transition:transform .15s} .vairak-filtru[open]>summary::before{transform:rotate(90deg)} .vairak-filtru>summary:hover{color:var(--ink)} .vairak-filtru>summary:focus-visible{outline:2px solid var(--fokuss);outline-offset:2px; border-radius:6px} .vairak-filtru-saturs{display:flex;flex-wrap:wrap;gap:8px;align-items:center; padding-top:8px} /* ── Iestatījumu lapa ───────────────────────────────────── */ /* PILNS platums, kā DIZAINS 1 (2026-09-05) prasa: "Viss lapas saturs aizņem PILNU platumu – no sānu joslas līdz labajai malai. Viens likums visām lapām." Tas punkts pat NOSAUC šo lapu; tomēr tur bija palicis `max-width:680px` ar komentāru "šaurāka lapa". Izmērīts: 1440 px logā saturs bija 680 px @493-1173. Ceļš līdz šim izkārtojumam gāja caur diviem nepareiziem, un abus atrada Oskars, ne mērījumi: 1. REŽĢIS divās kolonnās – režģa rinda ir tik augsta, cik augstākā karte tajā, tāpēc blakus "Ko šis konts redz" (383 px) palika ~380 px tukšuma. 2. KOLONNAS (`column-count`) – augstumus līdzsvaro, bet 1920 px logā karte ir 790 px plata ar 240 px ievadlauku iekšā: tukšums pārcēlās no lapas malas kartes iekšpusē, un apakšmalas palika robainas. Tagad: VIENA kolonna, bet lauki KARTES IEKŠIENĒ iet blakus. Platums tiek izmantots tur, kur ir saturs. Izmērīts 1920 px: "E-pasta iestatījumi" trīs lauki vienā rindā, ziņas veidne un priekšskatījums blakus. Un lapa ir sadalīta CILNĒS ("Mani iestatījumi" / "Sistēma") – vienā ritinājumā tās bija "viss vienā čupā" (Oskars 2026-09-07). */ .iestatijumi > .card,.iestatijumi section > .card, .iestatijumi form > .card{margin:0 0 16px} /* Lauku izkārtojums TIKAI tajās kartēs, kurās lauki ir – `:has` te ir īstais rīks: "Ko šis konts redz" ir savs komponents ar saviem virsrakstiem un sarakstiem, un tam šis lauztu izkārtojumu. Ja pārlūks `:has` neprot, karte paliek sakrauta – vecais izskats, ne salauzts. Elastīga rinda, ne režģis: režģa `auto-fit` te NESABRUKA, jo virsraksts un apraksts iet pāri visiem celiņiem, tāpēc neviens celiņš nav tukšs – izmērīts 1920 px logā: karte 1640 px, pieci 304 px celiņi un tikai viens aizpildīts. Lauka maksimums 520 px ir apzināts: ievadlauks, kas plešas pāri 1600 px, ir nepareizs neatkarīgi no tā, cik platuma ir pieejams. */ .card:has(> .field){display:flex;flex-wrap:wrap;gap:14px 20px;align-items:flex-start} .card:has(> .field) > .field{flex:1 1 280px;max-width:520px} .card:has(> .field) > h2,.card:has(> .field) > p, .card:has(> .field) > button{flex-basis:100%} /* Formas poga saglabā VISU sadaļu, tāpēc tā stāv zem kartēm, ne blakus vienai. */ .iestatijumi > form > button{display:block;width:fit-content;margin-top:4px} /* Cilnes: "Mani iestatījumi" un "Sistēma" ir divas dažādas lietas – vienu maina katrs pats, otru tikai administrators. Vienā ritinājumā tās bija "viss vienā čupā" (Oskars 2026-09-07). Cilnes rāda VIENU sadaļu; skaitļu tur nav, jo sadaļa nav saraksts. Bez JS abas sadaļas paliek redzamas – `hidden` uzliek skripts, ne serveris. */ .iest-cilnes{margin-bottom:14px} /* ── Izvēršamā iestatījumu karte (DIZAINS 6e, 2026-09-11) ────────────────── Testētāji: iestatījumos "nav teksta blāķis, akordeons piemēram?". Izmērīts tajā pašā dienā (īpašnieks + platformas administrators): 2 780 rakstzīmes redzama teksta, 8 kartes (ar abonementu 9), 26 ievadlauki. Garākā ATSEVIŠĶĀ karte ir 595 rakstzīmes – tātad sūdzība nav par vienu garu gabalu un nav par navigācijas trūkumu (cilnes te ir kopš 2026-09-07). Tā ir par to, ka deviņas kartes ir izvērstas VIENLAIKUS. Galva nes VĒRTĪBU, ne tikai nosaukumu, un tas ir viss šī punkta saturs: saraksts ar deviņiem nosaukumiem ir tas pats blāķis, tikai neizlasāms. `
`, ne JS – tāpat kā `.vairak-filtru` augstāk: bez skripta lapa paliek lietojama, un stāvokli uzliek serveris ar `open`. */ .iest-sadala{padding:0;overflow:hidden} .iest-sadala>summary{display:flex;align-items:center;gap:10px; min-height:44px;padding:11px 20px;cursor:pointer; list-style:none} /* `list-style:none` vien Chrome nepietiek, un `display:flex` uz `` pārlūka trīsstūri noņem – tas pats mērījums, kas `.vairak-filtru` 2026-09-07. Tāpēc rokturis ir savs un tas GRIEŽAS: aizvērts pret atvērtu ir redzams arī tad, kad kartes saturs ir ārpus ekrāna. */ .iest-sadala>summary::-webkit-details-marker{display:none} /* Rokturis pa KREISI, pirms nosaukuma – tāpat kā `.vairak-filtru` augstāk. Pa labi tas vispirms arī bija, kopā ar vērtību pie lapas malas, un izmērīts 1920 px logā, kāpēc tas nederēja: nosaukums sākas pie 315 px, vērtība pie 1795, un starp tiem ir **1 310 px tukšuma** – acs tos nesaista. Tagad atstarpe ir 10 px, un vērtības tik un tā sākas visas vienā vietā (565 px). Vienā rindā ir viens galvenais (DIZAINS 4): nosaukums, vērtība un rokturis ir VIENS gabals, tāpēc tie stāv kopā. */ .iest-sadala>summary::before{content:'';flex:0 0 auto;width:0;height:0; border-left:5px solid var(--ink-3); border-top:4px solid transparent; border-bottom:4px solid transparent; transition:transform .15s} .iest-sadala[open]>summary::before{transform:rotate(90deg)} .iest-sadala>summary:hover{background:var(--strip)} .iest-sadala>summary:focus-visible{outline:2px solid var(--fokuss);outline-offset:-2px} .iest-sadala>summary h2{display:flex;flex-wrap:wrap;align-items:baseline; gap:2px 10px;flex:0 1 auto;margin:0;font-size:15px} /* Nosaukumam sava sleja, lai deviņas vērtības sāktos vienā vietā – bet ar `min-width`, ne `margin-left:auto`: vērtība paliek blakus nosaukumam, ne pie lapas malas. Telefonā sleja pazūd, un vērtība aplūst zem nosaukuma. */ .iest-n{font-weight:inherit} @media (min-width: 769px) { .iest-n{min-width:240px} } /* Vērtība ir TEKSTS, ne stāvokļa plāksnīte: "izslēgts" te nav kļūda un "uzstādīts" nav apstiprinājums (DIZAINS 5 – krāsa ir nozīme, ne dekorācija). */ .iest-k{font-size:12px;font-weight:400;color:var(--ink-3)} .iest-saturs{padding:0 20px 20px} .iest-saturs>:first-child{margin-top:0} /* Lauku izkārtojums pārcelts no `.card:has(> .field)`: pēc izvēršanas lauki ir MAZBĒRNI, ne bērni, un vecais selektors klusi pārstāja sakrist – tieši tāds klusums, ko selektora maiņa mēdz atstāt. Pārmērīts 2026-09-11 ar atvērtu karti: 1920 px logā "E-pasta iestatījumi" trīs lauki vienā rindā (viens `top`, katrs 507 px), t.i. tas pats, kas 2026-09-07. */ .iest-saturs:has(> .field){display:flex;flex-wrap:wrap;gap:14px 20px;align-items:flex-start} .iest-saturs:has(> .field) > .field{flex:1 1 280px;max-width:520px} /* Pieskāriena mērķi 390 px. Izmērīts 2026-09-07: septiņas vadīklas zem 44 px – digesta biežuma izvēlne bija 101x19 px, pieci ievadlauki 311x35, modeļa izvēlne 311x37. Rūtiņas un radio te apzināti NAV: tām mērķis ir etiķete. */ @media (max-width: 768px) { .iestatijumi input:not([type=checkbox]):not([type=radio]), .iestatijumi select, .iestatijumi textarea{min-height:44px} } /* ── Modālis ────────────────────────────────────────────── */ /* Viens komponents, ne divi. Rīkā bija divi modāļi – `index.php` `#shortcutsModal` (tastatūras saīsnes) un `leads.php` `.em-overlay` (aukstā e-pasta melnraksts) –, un tie atšķīrās TIKAI ar skaitļiem, ko neviens nebija izvēlējies: fons rgba(0,0,0,.5) pret .45, animācija .25 s pret .22 s, z-index 2000 pret 1000. Tieši tāda ir Oskara sūdzība "katrai sadaļai savs izskats" savā mazākajā formā – divas reizes uzrakstīts viens un tas pats. Kur skaitļi atšķīrās, ņemts tas, kuram ir iemesls: - fons .5 – modāļa darbs ir apturēt lapu aiz sevis; - z-index 2000 – virs masveida joslas (800) un galvenes (30); - animācija .22 s – ātrākā no divām; līkne abām bija viena; - `padding:16px` uz pārklāja un `max-height:92vh` – no `leads.php`: bez tā garš saturs telefonā aiziet aiz ekrāna malas un to nevar aizvērt. Platums paliek lapai: saīsnes ir šaurs saraksts, melnraksts – plata forma. */ .modalis{display:none;position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.5); backdrop-filter:blur(3px);align-items:center;justify-content:center;padding:16px} .modalis.open{display:flex} .modalis-kaste{background:#fff;border-radius:14px;width:100%;max-height:92vh;overflow-y:auto; box-shadow:0 20px 60px rgba(0,0,0,.25); animation:modalis-ienak .22s cubic-bezier(.34,1.3,.64,1) both} @keyframes modalis-ienak{from{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}} /* ── Table ──────────────────────────────────────────────── */ /* overflow-x:auto, NE hidden. Mobilajā stilā ir `table{min-width:600px}`, kas paredzēts horizontālai ritināšanai – ar `hidden` tabula netiek ritināta, bet nogriezta. Izmērīts 390 px platumā: logs 364 px, tabula 600 px, un pēdējās kolonnas (statusa izvēlnes) labā mala ir pie 605 px, t.i. ārpus ekrāna un nesasniedzama. */ /* .tabula-ietvars – cilnes "Mani" tabulas ietvars. Tas pats iemesls, kāpēc .table-wrap ir apzināti overflow-x:auto – bez šī tabula plešas plašāk par .page (kur overflow-x:auto ir ārējais drošības tīkls) un ritinot pazūd arī filtra piļļu josla virs tabulas, ne tikai pati tabula. */ .table-wrap,.tabula-ietvars{background:#fff;border:1px solid #e4e4e7;border-radius:10px; overflow-x:auto;margin-bottom:16px} table{width:100%;border-collapse:collapse} th{background:var(--thead);color:var(--ink-2);padding:9px 12px; text-align:left;font-size:11px;font-weight:600; text-transform:uppercase;letter-spacing:.04em;white-space:nowrap} /* Kārtošanas saite galvenē ir GALVENE, ne saite. `index.php` sortLink() komentārs jau apgalvoja, ka "tonis nāk no th" – bet neapgalvoja to kodā, un `a{color:var(--saite)}` to pārspēja. Nomērīts 2026-09-04: `th` bija rgb(91,100,114), bet tā paša galvenes rindas kārtojamās ailes rgb(11,97,86). Vienā rindā divas krāsas, un starpība nozīmēja tikai to, vai aile ir kārtojama – to pasaka bultiņa un kursors, ne zīmola tonis. Aktīvo šķir treknums un `--ink` (sortLink to liek pati). */ th a{color:inherit} th a:hover{color:var(--ink)} td{padding:8px 12px;border-bottom:1px solid #f0f0f2;vertical-align:top} tr:last-child td{border-bottom:none} tbody tr{animation:rowIn .25s calc(var(--i,0)*15ms) ease both} /* `--row-hover`, ne iekodēts #f5f7ff: tokens bija definēts, bet rindu krāsoja zilgana vērtība blakus tam – pēdējā zilā palieka no laika pirms virziena B. */ tbody tr:hover td{background:var(--row-hover)} /* ── Klusā tabulas galva ──────────────────────────────────────────────────── Melnā josla ir spēcīga un pareiza tur, kur lapā ir VIENS saraksts. Šodienas lapā tādu ir septiņas, un tad tās vairs nav galvas, bet septiņi vienādi bloki: sadaļas virsraksts (15 px, pelēks) izskatās klusāks par tabulas galvu (11 px), jo galva ir melna josla. Hierarhija apgriezta otrādi. Tā pati valoda, ko jau lieto uzņēmuma lapa (.uzn-tabula) – ne jauns izskats, bet tas pats, kas rīkā jau ir. */ .tabula-klusa th{background:none;color:var(--ink-3);font-weight:600; border-bottom:1px solid #e4e4e7} /* Šodienas lapas sadaļu virsraksti. Septiņas sadaļas bez hierarhijas ir saraksts, ne diena. Virsraksts tagad ir tumšs un ar gaisu virs sevis – tas ir tas, kas dala lapu, ne melnā josla zem tā. */ .sodien h3{font-size:14px;font-weight:700;color:var(--ink);margin:22px 0 7px} .sodien h3:first-of-type{margin-top:6px} .sodien h3 small{font-weight:400;color:var(--ink-3);margin-left:6px} /* Tā pati rinda, kas .svaigums, un tieši virs tās – abas atbild uz jautājumu "par kādu laiku šī lapa ir". Agrāk šī bija balta karte ar rāmi vienai rindiņai. */ .sodien-kops{font-size:11px;color:var(--ink-3);margin:0 0 2px} /* ── "Šodien" režģis (docs/DIZAINS.md 6d, 2026-09-11) ─────────────────── Aizstāj `.hstats` strēmeli šajā lapā. Strēmele rādīja ČETRUS skaitļus no divpadsmit sadaļām un nebija klikšķināma; režģis rāda visas un ir lapas navigācija. `auto-fit` ar 168 px minimumu, ne fiksēts kolonnu skaits: sadaļu skaits atkarīgs no lietotāja tiesībām un no tā, kas šodien vispār ir – no divām līdz divpadsmit. Fiksēts režģis ar divām flīzēm atstātu četras tukšas ailes. Izmērīts 390 px: divas kolonnas, flīze 62 px augsta (pieskāriena mērķis prasa ≥44 px, CLAUDE.md). */ .sodien-regis{display:grid;gap:8px;margin:0 0 16px; grid-template-columns:repeat(auto-fit,minmax(168px,1fr))} .sflise{display:flex;flex-direction:column;gap:1px; padding:10px 13px;border:1px solid var(--line);border-radius:10px; background:#fff;color:inherit;min-height:44px; transition:border-color .12s,background .12s} .sflise:hover{border-color:var(--line-ctl);background:var(--strip); text-decoration:none} .sflise:focus-visible{outline:2px solid var(--fokuss);outline-offset:2px} /* Atvērtā sadaļa: akcenta mala un tonis. Krāsa ir SIGNĀLS, ne dekors – tā pati semantiskā rinda, ko lieto viss rīks (DIZAINS 0f). */ .sflise.aktiva{border-color:var(--acc);background:var(--acc-tint)} /* Gabali ar pulksteni. Tie paši divi, ko kāpninieks liek pirmos, un tā pati "jāievēro" nokrāsa, ko lieto `.hstat.warn` – ne jauna krāsa jaunai virsmai. */ .sflise.steidz{border-left:3px solid #8A5A00} .sflise-n{font-size:20px;font-weight:650;line-height:1.15;letter-spacing:-.02em; color:var(--ink);font-variant-numeric:tabular-nums} .sflise-l{font-size:11.5px;color:var(--ink-2)} /* Pirmā rinda. Viena rinda ar daudzpunkti, un PILNAIS teksts ir `title`: apcirsts nosaukums bez pilnā izskatās pēc īstā (tas pats paraugs, ko lieto skats.php `saisinat()`). */ .sflise-v{font-size:11px;color:var(--ink-3);margin-top:3px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap} @media (max-width:768px){ /* Divas kolonnas telefonā, ne viena: flīze ir skaitlis ar divām īsām rindām, un vienā kolonnā divpadsmit no tām būtu jauns ritinājums tieši tur, kur režģim jābūt kopsavilkumam. */ .sodien-regis{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))} } /* Statusa josla rindas malā (`tr.s-*`) ir prom (DIZAINS 6g 5): statuss rindā ir vienreiz – izvēlnē. Ignorēta rinda pieklust tāpat kā arhivēta (`tr.arhiveta`). */ /* ── Cilnes "Mani" termiņa stāvokļi ─────────────────────── */ /* Steidzams: tas pats brīdinājuma tonis, ko Aktuālajos lieto tuvam termiņam (sk. .badge inline stils _tenders_aktualie.php ≤2 dienām). Beidzies: tas pats pieklusinātais pelēkais, ko .kon-vecs lieto novecojušam skaitlim – dati paliek, bet vairs neizskatās pēc pašreizējā stāvokļa. */ td.steidzams{color:#b91c1c;font-weight:700} /* Izaugsmes procenti reģistra tabulā. Krāsa nāk no TOKENA, ne no inline stila (DIZAINS 0g), un tā ir AA versija: #16a34a uz balta ir 3,30:1, t.i. tieši tas tonis, ko DIZAINS 0f nosauc kā krītošu – un inline stilā tas paslēpās no kontrasta testa, kas skatās stila lapā. #15803d ir 5,02:1, #b91c1c 6,47:1. Izmērs paliek 10px: hierarhija zem --ink nāk no izmēra, ne no krāsas. */ .pieaug{font-size:10px} .pieaug-augs{color:#15803d} .pieaug-krit{color:#b91c1c} td.beidzies{color:var(--ink-3)} /* Atdalītājrinda starp dzīvajiem un beigušajiem iepirkumiem – robeža, ne dati, tāpēc bez rindas hover izcēluma un ar klusu, centrētu tekstu. */ .atdalitajs td{background:var(--strip);color:var(--ink-3);font-size:10px; text-transform:uppercase;letter-spacing:.04em; text-align:center;padding:6px 12px} .atdalitajs:hover td{background:var(--strip)} /* Trūkstoša informācija ("paziņojums spogulī nav atrodams") – tas pats pelēkais tonis, ko lieto .no-web, kad kontaktinformācijas nav. */ .tukss{color:var(--ink-3)} /* ── Status badges ──────────────────────────────────────── */ .s-badge{display:inline-block;font-size:10px;padding:2px 7px; border-radius:10px;font-weight:600;white-space:nowrap} /* Foni ir TIE PAŠI, ko atdod leadu_statusa_krasa() db.php – sk. tests/test_dizaina_konsekvence.php, kas tos salīdzina abpusēji. Kamēr šī bija piektā kopija, "nav intereses" un "ignorēts" te bija #f3f4f6, bet statistikas riņķī jau #e4e4e7 un #d4d4d8: viens statuss, divas krāsas. Teksta tonis paliek CSS ziņā – tas ir kontrasta, ne nozīmes jautājums. */ .s-badge.jauns {background:#f4f4f5;color:#52525b} .s-badge.zinots {background:var(--info-fons);color:var(--info)} .s-badge.neatbild {background:#fef3c7;color:#92400e} .s-badge.klients {background:#dcfce7;color:#15803d} .s-badge.nav-interese {background:#e4e4e7;color:#52525b} .s-badge.ignoret {background:#d4d4d8;color:#3f3f46} .s-badge.arhivets {background:#d4d4d8;color:#3f3f46} /* ── Rindas pogas (DIZAINS 6g 5) ─────────────────────────── */ /* Viena poga četros leadu sarakstos: «Ziņot», «Neatbild», «Arhivēt», «E-pasts». Bija trīs izskati: balta 11 px («Jaunās SIA»), zila un dzintara 10 px treknas plāksnītes (Google, Viss.lv) un 18 px ar inline stilu («Bojātās lapas»). Pogai NAV statusa krāsas: zilā «Ziņot» blakus zilajam «Ziņots» izskatījās pēc statusa. Ārējās saites rindā ir teksts `.lnk`, ne plāksnītes. */ .rindas-poga{display:inline-flex;align-items:center;justify-content:center; padding:3px 8px;background:#fff;color:var(--ink-2); border:1px solid var(--line-ctl);border-radius:5px; font-size:11px;font-weight:400;line-height:1.4;white-space:nowrap; cursor:pointer;font-family:inherit;transition:background .15s} .rindas-poga:hover{background:var(--rail)} /* ── Status select & Notes input ────────────────────────── */ .statuss-sel{padding:3px 6px;border:1px solid #e0e0e0;border-radius:6px; font-size:11px;font-family:inherit;cursor:pointer;background:#fff} .notes-input{width:100%;padding:3px 6px;border:1px solid transparent; border-radius:6px;font-size:11px;font-family:inherit;background:transparent} .notes-input:hover{border-color:#e0e0e0;background:#fff} .notes-input:focus{outline:none;border-color:var(--fokuss);background:#fff} /* Atgādinājuma datums – TAS PATS paraugs, kas piezīmju laukam. Bez tā tas zīmējās ar pārlūka noklusējuma rāmi, un iepirkumu sarakstā tādu kastu ir 183 (skaitīts "Aktuālajos"). Sarakstā, kas ir par iepirkumiem, tukšu veidlapas lauku siena bija skaļāka par pašiem datiem. Tukšs lauks tagad klusē, aizpildīts un uzbraukts – parādās. */ .atgad-input{padding:3px 6px;border:1px solid transparent;border-radius:6px; font-size:11px;font-family:inherit;background:transparent;color:var(--ink-3)} .atgad-input:hover{border-color:var(--line-ctl);background:#fff;color:var(--ink-2)} .atgad-input:focus{outline:none;border-color:var(--fokuss);background:#fff;color:var(--ink)} /* Uzlikts atgādinājums ir DATS, ne tukša veidlapa – tas paliek redzams. Klasi liek JS (sk. _statusa_kontroles_js.php atgadAtzimet): `[value]` lasa HTML atribūtu, kas, izvēloties datumu, nemainās, un `:placeholder-shown` type="date" laukam nesader vispār. */ .atgad-input.atgad-uzlikts{color:#3f3f46;border-color:#e4e4e7;background:#fff} /* ── Flash / saving states ──────────────────────────────── */ .flash{background:#d1fae5!important;transition:background 1s} /* Neizdevies saglabājums. Sarkans, ne zaļš: zibsnis, kas nešķir veiksmi no kļūdas, ir sliktāks par nekādu zibsni – tas apstiprina to, kas nenotika. */ .flash-kluda { animation: flash-kluda-anim 1s ease-out; } /* Un ŠŪNĀM arī. `tbody tr:hover td` uzliek necaurspīdīgu fonu, tāpēc rindas līmeņa animācija pazūd zem tā tieši tajā gadījumā, kas ir biežākais: pele vēl ir virs rindas, kuru cilvēks tikko rediģēja. Sargs, kas nav redzams tad, kad tas vajadzīgs, nav sargs (Codex, PR #192). Tas pats paraugs, kas `tr.saving td` un `tr.saved td` zemāk – tie to jau darīja pareizi. */ tr.flash-kluda td{animation:flash-kluda-anim 1s ease-out} @keyframes flash-kluda-anim { from { background: #fee2e2; } to { background: transparent; } } tr.saving td{animation:savePulse .5s ease infinite alternate} tr.saved td{animation:savedFlash .7s ease forwards} /* ── Pagination ─────────────────────────────────────────── */ .pager,.pagination{display:flex;align-items:center;gap:4px; justify-content:center;margin:12px 0 4px} .pager a,.pager span, .pagination a,.pagination span,.pg-btn{ min-width:30px;height:28px;padding:0 8px;border-radius:6px; border:1px solid #d4d4d8;font-size:12px;text-decoration:none; color:#333;background:#fff; display:inline-flex;align-items:center;justify-content:center; transition:background .15s} .pager a:hover,.pagination a:hover,.pg-btn:hover{background:#f4f4f5} .pager span.cur,.pg-btn.active{background:var(--acc-tint);color:var(--acc-ink);border-color:transparent;font-weight:600} .pager span.dots,.pg-dots{border:none;background:none;min-width:0;color:var(--ink-3)} /* ── Scraper bar ─────────────────────────────────────────── */ .scraper-bar{background:#fff;border:1px solid #e4e4e7;border-radius:10px; padding:10px 14px;margin-bottom:14px; display:flex;align-items:center;gap:10px;flex-wrap:wrap} .scraper-msg{font-size:12px;color:#15803d;font-weight:500} /* ── Name link ───────────────────────────────────────────── */ .name-link{color:var(--ink);font-weight:600;text-decoration:none;font-size:13px} .name-link:hover{color:var(--saite-hover)} /* ── Misc shared text & badges ──────────────────────────── */ .addr,.meta{color:var(--ink-3);font-size:11px;margin-top:2px} .phone,.tel-link{color:var(--saite);font-size:12px;text-decoration:none} .phone:hover,.tel-link:hover{text-decoration:underline} .email-txt{color:#15803d;font-size:11px} /* Bija #7c3aed – VIENĪGAIS violetais rīkā, un tas nozīmēja tikai "ārēja saite". Saite ir saite: tonis no --saite ģimenes. */ .web-link{color:var(--saite);font-size:11px;text-decoration:none} .web-link:hover{text-decoration:underline} .no-web{color:var(--ink-3);font-size:11px} /* ── Plāksnītes ──────────────────────────────────────────────────────────── Krāsu skatos vairs neraksta ar roku. Skaitīts 2026-08-19: pirmkodā bija TRĪSDESMIT dažādi fona/teksta pāri piecām nozīmēm – zaļo vien četri, jo projektā blakus dzīvoja Material 2014 palete un Tailwind zinc. Sk. docs/testi/vizuala-caurskate-2026-08-19.md, V1. Noklusējums ir PELĒKS, ne zils. Zils šajā rīkā ir saites krāsa, un nozares čips, kas izskatās kā saite, sūta aci nepareizā virzienā. */ .badge,.nozare-badge{background:#f4f4f5;color:#52525b;font-size:10px; padding:2px 6px;border-radius:4px; display:inline-block;white-space:nowrap} /* Nozīmes. Vairāk par šīm četrām nevajag: rīkā stāvokļu ir tieši tik. */ .badge-labs {background:#dcfce7;color:#15803d} /* labi mums: aug, ir, atbilst */ .badge-brid {background:#fef3c7;color:#92400e} /* jāievēro: krīt, novecojis */ .badge-slikt{background:#fee2e2;color:#b91c1c} /* slikti: karogs, termiņš */ .badge-info {background:var(--info-fons);color:var(--info)} /* tikai ziņa, ne stāvoklis */ /* Skaitļu šūna. Bez `nowrap` UR reģistrā peļņa rādījās kā "50 153" un "860" divās rindās – skaitlis, pārlauzts pa vidu, vairs nav skaitlis. Vienāda soļa cipari, lai kolonna lasītos kā kolonna. */ td.sk,th.sk{white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right} /* Datuma šūna. Tas pats arguments, kas skaitlim: datums, pārlauzts pa vidu ("2026-09-" un nākamajā rindā "09"), vairs nav datums, un rinda kļūst augstāka bez iemesla. Izmērīts 2026-09-01: uz "Šodien" lapas tā lūza 45 datumi. `
` šūnas iekšienē rindu lauž tāpat, tāpēc nozīmīte zem datuma paliek savā rindā. */ td.dat,th.dat{white-space:nowrap} /* Mana atzīme: atgādinājums un piezīme VIENĀ ailē, viena zem otras. Divas kolonnas vienai un tai pašai lietai ("mana atzīme par šo iepirkumu") maksāja divus kolonnu platumus, un abas parasti ir tukšas. */ td.mana-atzime{min-width:150px} td.mana-atzime .atgad-input{display:block;width:100%} td.mana-atzime .notes-input{display:block;width:100%;margin-top:2px} /* Reģistrā tajā pašā ailē ir statusa izvēlne, ne atgādinājuma datums – tai vajag to pašu pilno platumu, citādi izvēlne un lauks zem tās ir dažāda platuma un aile izskatās salauzta. */ td.mana-atzime .st-sel{display:block;width:100%} /* «Jaunajās SIA» tajā pašā ailē ir leadu klases (DIZAINS 3, 7. solis). */ /* Blakus, ne viens virs otra: virs otra rinda bija 84 px pret 60 px, un pirmajā ekrānā ietilpa 9 rindas, ne 12 (izmērīts 1440 px, demo stends, 2026-09-14). */ td.mana-atzime .atzime-rinda{display:flex;align-items:flex-start;gap:6px;min-width:200px} td.mana-atzime .remind-input{flex:0 0 118px;width:118px} td.mana-atzime .piezimes-edit{flex:1 1 auto;min-width:0} /* Peļņa un gads zem apgrozījuma: klusāki par galveno skaitli, bet ne apslāpēti – tie ir dati, ne vadīklas (DIZAINS 3. punkts). #71717a uz balta ir 4,83:1. */ .reg-pelna{color:var(--ink-3);font-variant-numeric:tabular-nums} .empty-row{text-align:center;padding:36px;color:var(--ink-3)} /* ── Navigācijas grupas un lapas apraksts ───────────────── */ /* Atdalītājs starp grupām – bez tā visas pogas ir vienlīdzīgas un neviena nenorāda, ar ko sākt */ /* Sistēmas pogas (S5): bez rāmja un klusākas – tās ir otrs reģistrs, ne ikdienas darbs. Aktīvā un hover atgūst pilnu redzamību, lai lapā, kurā esi, navigācija nemelo. Atdalītājs ar auto kreiso malu aizstumj kopu pa labi – darba pogas kreisajā pusē, serviss labajā, un starp tiem ir elpa. */ /* .55, ne .45: 45% balts uz #18181b ir ~4,49:1 – tieši zem WCAG AA 4,5:1 12 px tekstam. 55% dod ~6:1 un joprojām lasās kā otrs reģistrs. Recenzents. */ .nav-btn.nav-sistema{border-color:transparent;color:var(--ink-2)} .nav-btn.nav-sistema:hover,.nav-btn.nav-sistema.active{color:var(--ink)} /* Kolonnā "pa labi" nozīmē "uz apakšu" – sistēmas pogas joslas galā. */ .nav-atdalitajs.nav-pa-labi{margin-left:0;margin-top:auto} @media (max-width:768px){ /* Slīdošajā joslā auto mala saspiestu pogas kopā – tur grupas šķir tas pats parastais atdalītājs. */ .nav-atdalitajs.nav-pa-labi{margin-left:0} } /* Kolonnā atdalītājs ir horizontāla līnija, ne vertikāla. */ .nav-atdalitajs{width:auto;height:1px;background:var(--line); margin:9px 10px;flex:0 0 auto;align-self:stretch} /* ── Otrais navigācijas līmenis (docs/DIZAINS.md 7. punkts) ─────────────── Sava rinda galvenē: .header ir flex ar flex-wrap:wrap, un .nav-ietvars display:contents dēļ pirmā josla ir tā tiešais bērns – 100% bāze lauž otro joslu zem tās. Ietvars ir ATSEVIŠĶS no .nav-ietvars, jo mobilajā katram ir savs gradienta mājiens par ritināšanu. */ /* `flex:0 0 100%` horizontālā joslā nozīmē "lauz otrā rindā". Kolonnā tā pati vērtība nozīmē "aizņem 100% no joslas AUGSTUMA un nesarūc", un tad sistēmas pogas vairs nevar nostumt uz apakšu (Codex, PR #193). Sānu joslā bāze ir automātiska, platums pilns; horizontālajā joslā 100% paliek. */ .apaknav-ietvars{flex:0 0 auto;width:100%;position:relative} /* SĀNU JOSLAS KĀRTA – no DOM, ne no `order`. Sākumā te bija `display:contents` plus pieci `order` noteikumi: sistēmas pogas bija `.header-nav` pēdējie bērni, un citādi otrais līmenis nokļuva zem tām. Codex #193 norādīja, ka tad REDZAMĀ kārta atšķiras no FOKUSA kārtas – ar tastatūru fokuss lēca uz apakšu un tad atpakaļ augšup. Tagad marķējums pats ir pareizajā kārtā (`_nav.php`: sadaļas → otrais līmenis → sistēmas grupa), tāpēc `order` nav vajadzīgs vispār. Pa ceļam pazuda arī `display:contents` blakusefekts, kas bija noēdis joslas atstarpi un padarījis joslu par ~300 px garāku. */ @media(min-width:1100px){ /* Sadaļu josla NEAUG: augšanu pārņem sistēmas grupas `margin-top:auto`, citādi tai nebūtu brīvas vietas, ko aizņemt. */ .header-nav{flex:0 0 auto} .apaknav-ietvars{flex:0 0 auto} /* `.header` priekšā tāpēc, ka bāzes noteikums ar `align-items:center` failā stāv ZEMĀK – vienāds specifiskums, un vēlākais uzvarētu. */ .header .header-apaknav{flex-direction:column;gap:2px;align-items:stretch; border-top:0;padding-top:0;margin-top:0} .sistemas-grupa{margin-top:auto;display:flex;flex-direction:column; gap:2px;align-items:stretch} /* Stūmējs ir grupai, ne atdalītājam – tas te ir tikai līnija. */ .nav-atdalitajs.nav-pa-labi{margin-top:0} } .header-apaknav{display:flex;gap:6px;flex-wrap:wrap;align-items:center; padding-top:8px;margin-top:2px; border-top:1px solid var(--line)} /* Otrā līmeņa pogas ir klusākas par pirmā līmeņa – bez rāmja. Tā abus līmeņus var atšķirt, arī nezinot, kas ir kas; aktīvā atgūst pilnu redzamību, citādi navigācija melo par to, kur cilvēks atrodas. Kontrasts vairs nav apgalvots komentārā, bet izrēķināts testā no tokeniem (tests/test_galvas_dieta.php) – komentārs par melno joslu bija pareizs skaitlis nepareizai joslai. */ .nav-btn.nav-apaksa{border-color:transparent;color:var(--ink-2);padding-left:26px} .nav-btn.nav-apaksa:hover,.nav-btn.nav-apaksa.active{color:var(--ink)} .nav-btn.nav-apaksa.active{background:var(--acc-tint);color:var(--acc-ink); border-color:transparent} /* Konta pārslēdzējs – TIKAI tiem, kam konti ir vairāki (sk. _nav.php). Nativs ` platumu nosaka GARĀKAIS `