/* ═══════════════════════════════════════════════════════════════════════ dumanis.css — "Dūmanis OS" dizaina sistēma (F0) ═══════════════════════════════════════════════════════════════════════ Avots: FRONTEND_DIZAINS_Dumanis_uz_ClaudeDesign_2026.md §2–§4 un frontend_prototipi/01_sakums.html (tokeni pārnesti 1:1). Principi (saistoši visiem moduļiem): • Plakans un kluss — virsmas atšķiras ar toni, ne ar efektiem. • VIENA izceltā (pildītā akcenta) poga katrā ekrānā — .poga-izcelta. • Tikai divi fontu svari: 400 un 500. Sentence case visos tekstos. • Krāsas TIKAI caur CSS mainīgajiem — gaišs+tumšs strādā automātiski. • Skāriena mērķi ≥44 px; ievadlauki ≥48 px un 16 px fonts (iOS netuvina). • Ikonas: Tabler outline (ti ti-...); emoji tikai saturā, nekad hromā. Tēmas pārslēgs: uzvar; bez atribūta — seko sistēmai (prefers-color-scheme). ═══════════════════════════════════════════════════════════════════════ */ /* ── Tokeni: gaišā tēma (noklusējums) ─────────────────────────────────── */ :root{ color-scheme:light dark; --surface-0:#F2F0EA; /* lapas fons (silts papīrs) */ --surface-1:#F8F7F3; /* joslas, sekundāras virsmas */ --surface-2:#FFFFFF; /* kartītes, ievadlauki, galvene */ --text-primary:#201F1B; --text-secondary:#5D5A50; --text-muted:#8B877B; --border:rgba(32,31,27,.16); /* 0.5px hairline */ --border-strong:rgba(32,31,27,.32); /* hover, izceltas apmales */ --akcents:#B4511D; /* dūmu oranžais — VIENĪGĀ pildītā poga */ --akcents-hover:#9A4416; --uz-akcenta:#FFFFFF; --bg-akcents:#F8E8DD; --text-akcents:#8A3B12; /* badge, fokusa gredzens */ --bg-info:#E6F1FB; --text-info:#185FA5; /* "Gatavs", info */ --bg-veiksme:#EAF3DE; --text-veiksme:#3B6D11; /* "Parakstīts", ok */ --bg-brid:#FAEEDA; --text-brid:#854F0B; /* melnraksti, brīdinājumi */ --bg-kluda:#FCEBEB; --text-kluda:#A32D2D; /* kļūdas */ --punkts-ok:#4C9A2A; --punkts-brid:#EF9F27; --punkts-kluda:#E24B4A; --radius:8px; /* kontroles */ --radius-karte:12px; /* kartītes */ --dur:.15s; /* mikropāreju ilgums */ --fonts:'Inter',-apple-system,'Segoe UI',Roboto,sans-serif; --fonts-zime:'Playfair Display',Georgia,serif; /* TIKAI vārdzīmei */ } /* ── Tokeni: tumšā tēma (auto pēc sistēmas, ja nav manuāla pārslēga) ──── */ @media (prefers-color-scheme:dark){ :root:not([data-tema="gaiss"]){ --surface-0:#191813; --surface-1:#211F1A; --surface-2:#2A2822; --text-primary:#EDEBE3; --text-secondary:#B3AFA3; --text-muted:#87837A; --border:rgba(237,235,227,.15); --border-strong:rgba(237,235,227,.30); --akcents:#D65E24; --akcents-hover:#E86F33; --bg-akcents:#42200E; --text-akcents:#F2B08A; --bg-info:#0C447C; --text-info:#B5D4F4; --bg-veiksme:#27500A; --text-veiksme:#C0DD97; --bg-brid:#633806; --text-brid:#FAC775; --bg-kluda:#791F1F; --text-kluda:#F7C1C1; } } /* Manuāli izvēlēts tumšais (uzvar pār sistēmas gaišo) */ :root[data-tema="tumss"]{ --surface-0:#191813; --surface-1:#211F1A; --surface-2:#2A2822; --text-primary:#EDEBE3; --text-secondary:#B3AFA3; --text-muted:#87837A; --border:rgba(237,235,227,.15); --border-strong:rgba(237,235,227,.30); --akcents:#D65E24; --akcents-hover:#E86F33; --bg-akcents:#42200E; --text-akcents:#F2B08A; --bg-info:#0C447C; --text-info:#B5D4F4; --bg-veiksme:#27500A; --text-veiksme:#C0DD97; --bg-brid:#633806; --text-brid:#FAC775; --bg-kluda:#791F1F; --text-kluda:#F7C1C1; } /* ── Bāze ─────────────────────────────────────────────────────────────── */ *{box-sizing:border-box;margin:0} html{-webkit-tap-highlight-color:transparent} body{ background:var(--surface-0);color:var(--text-primary); font-family:var(--fonts);font-size:16px;line-height:1.5; padding-bottom:40px;min-height:100vh; } a{color:var(--text-akcents)} h1{font-size:19px;font-weight:500} h2{font-size:15px;font-weight:500} small,.klusi{color:var(--text-muted);font-size:12px} .nr{font-variant-numeric:tabular-nums} /* numuriem un summām */ :focus-visible{outline:none;box-shadow:0 0 0 3px var(--bg-akcents);border-radius:var(--radius)} @media (prefers-reduced-motion:reduce){ *,*::before,*::after{animation:none !important;transition:none !important} } /* ── Čaulas galvene (visām lapām identiska) ───────────────────────────── */ .galvene{ position:sticky;top:0;z-index:10;background:var(--surface-2); border-bottom:.5px solid var(--border);padding:10px 16px; display:flex;align-items:center;gap:12px; } .zime{font-family:var(--fonts-zime);font-size:20px;font-weight:700; letter-spacing:.3px;white-space:nowrap;color:var(--text-primary);text-decoration:none} .zime b{color:var(--akcents);font-weight:700} .zime span{font-family:var(--fonts);font-size:12px;font-weight:400;color:var(--text-muted);margin-left:6px} .galvene .labi{margin-left:auto;display:flex;align-items:center;gap:10px} .galvene .datums{font-size:12.5px;color:var(--text-secondary);white-space:nowrap} .atpakal{ /* "← Sākums" — 44px mērķis */ display:flex;align-items:center;gap:6px;min-width:44px;min-height:44px; padding:0 10px 0 4px;border-radius:var(--radius);text-decoration:none; color:var(--text-secondary);font-size:14px;transition:background var(--dur); } .atpakal:hover{background:var(--surface-1)} .atpakal i{font-size:20px} .lapas-nosaukums{font-size:18px;font-weight:500;line-height:1.25} .lapas-apaksrinda{font-size:12px;color:var(--text-muted)} .avatars{ width:34px;height:34px;border-radius:50%;background:var(--bg-akcents); color:var(--text-akcents);display:flex;align-items:center;justify-content:center; font-size:13px;font-weight:500;text-decoration:none;flex:0 0 auto; } .tema-poga{ width:38px;height:38px;border:none;background:none;border-radius:var(--radius); color:var(--text-secondary);font-size:19px;cursor:pointer; display:flex;align-items:center;justify-content:center; } .tema-poga:hover{background:var(--surface-1)} /* ── Saturs ───────────────────────────────────────────────────────────── */ main{max-width:1100px;margin:0 auto;padding:6px 16px 30px} main.saurs{max-width:640px} /* plūsmu soļi paliek šauri */ .sadala-virsraksts{ font-size:15px;font-weight:500;margin:24px 0 10px; display:flex;align-items:baseline;gap:8px; } .sadala-virsraksts small{font-size:11.5px;color:var(--text-muted);font-weight:400} /* ── Pulsa josla ──────────────────────────────────────────────────────── */ .pulss{display:flex;gap:8px;overflow-x:auto;padding:10px 16px 2px;scrollbar-width:none; max-width:1100px;margin:0 auto} .pulss::-webkit-scrollbar{display:none} .pchip{ flex:0 0 auto;display:flex;align-items:center;gap:7px;background:var(--surface-2); border:.5px solid var(--border);border-radius:99px;padding:6px 13px; font-size:12.5px;color:var(--text-secondary);white-space:nowrap;text-decoration:none; } .pchip b{color:var(--text-primary);font-weight:500} .punkts{width:8px;height:8px;border-radius:50%;flex:0 0 auto} .punkts.ok{background:var(--punkts-ok)} .punkts.brid{background:var(--punkts-brid)} .punkts.kluda{background:var(--punkts-kluda)} /* ── Meklēšana (pill) ─────────────────────────────────────────────────── */ .mekle{position:relative;margin:10px 0 4px} .mekle i{position:absolute;left:14px;top:50%;transform:translateY(-50%); color:var(--text-muted);font-size:18px} .mekle input{ width:100%;height:46px;padding:0 16px 0 42px;border:.5px solid var(--border); border-radius:99px;background:var(--surface-2);font:16px var(--fonts); color:var(--text-primary);outline:none; } .mekle input:focus{border-color:var(--akcents);box-shadow:0 0 0 3px var(--bg-akcents)} /* ── Moduļu kartītes (Sākuma režģis) ──────────────────────────────────── */ .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:10px} .karte{ position:relative;display:block;background:var(--surface-2); border:.5px solid var(--border);border-radius:var(--radius-karte); padding:14px 14px 12px;text-decoration:none;color:var(--text-primary); transition:border-color var(--dur),transform var(--dur);min-height:104px; } .karte:hover{border-color:var(--border-strong)} .karte:active{transform:scale(.985)} .karte i{font-size:22px;color:var(--text-secondary)} .karte.izveidot i{color:var(--akcents)} /* ➊ "radīšanas" grupa izceļas klusi */ .karte .nos{font-size:14.5px;font-weight:500;margin-top:9px;line-height:1.3} .karte .apr{font-size:12px;color:var(--text-secondary);margin-top:3px;line-height:1.4} .karte .piezime{font-size:11px;color:var(--text-muted);margin-top:5px} .karte.planots{opacity:.55;cursor:default} /* vēl nebūvēts modulis (F1+) */ .karte.planots:hover{border-color:var(--border)} .karte .areja{position:absolute;bottom:10px;right:10px;font-size:13px;color:var(--text-muted)} /* ── Badge un statusa čipi ────────────────────────────────────────────── */ .badge{position:absolute;top:10px;right:10px;font-size:11px;font-weight:500; border-radius:99px;padding:2px 9px} .badge.akcents{background:var(--bg-akcents);color:var(--text-akcents)} .badge.info{background:var(--bg-info);color:var(--text-info)} .badge.brid{background:var(--bg-brid);color:var(--text-brid)} .badge.veiksme{background:var(--bg-veiksme);color:var(--text-veiksme)} .cips{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500; border-radius:99px;padding:3px 10px;white-space:nowrap} .cips.melnraksts{background:var(--bg-brid);color:var(--text-brid)} .cips.gatavs{background:var(--bg-info);color:var(--text-info)} .cips.parakstits{background:var(--bg-veiksme);color:var(--text-veiksme)} .cips.nosutits{background:var(--surface-1);color:var(--text-secondary); border:.5px solid var(--border)} .cips.kluda{background:var(--bg-kluda);color:var(--text-kluda)} .cips.faze{background:var(--surface-1);color:var(--text-muted); /* Sākuma */ border:.5px solid var(--border);font-size:10.5px;padding:1px 7px}/* fāzes birka */ /* ── Pogas ────────────────────────────────────────────────────────────── */ .poga-izcelta{ /* tieši VIENA ekrānā */ display:flex;align-items:center;justify-content:center;gap:8px;width:100%; min-height:52px;border:none;border-radius:10px;background:var(--akcents); color:var(--uz-akcenta);font:16px/1 var(--fonts);font-weight:500;cursor:pointer; transition:background var(--dur),transform var(--dur);text-decoration:none; } .poga-izcelta:hover{background:var(--akcents-hover)} .poga-izcelta:active{transform:scale(.985)} .poga-izcelta:disabled{opacity:.45;cursor:not-allowed} .poga-iemesls{font-size:12.5px;color:var(--text-secondary);text-align:center;margin:0 0 8px} .sticky-poga{ /* piesprausta apakšā, īkšķa zonā */ position:sticky;bottom:0;padding:10px 0 calc(10px + env(safe-area-inset-bottom)); background:linear-gradient(transparent,var(--surface-0) 30%); } .poga-otra{ /* sekundārā — apmalota, klusa */ display:inline-flex;align-items:center;justify-content:center;gap:7px; min-height:44px;padding:0 16px;border:.5px solid var(--border-strong); border-radius:10px;background:transparent;color:var(--text-primary); font:14.5px/1 var(--fonts);font-weight:500;cursor:pointer;text-decoration:none; transition:background var(--dur); } .poga-otra:hover{background:var(--surface-1)} .poga-klusa{ /* ghost — rindu darbībām */ display:inline-flex;align-items:center;gap:6px;border:none;background:none; min-height:44px;padding:0 10px;color:var(--text-secondary); font:14px var(--fonts);cursor:pointer;border-radius:var(--radius); } .poga-klusa:hover{background:var(--surface-1)} .poga-destruktiva{color:var(--text-kluda)} /* lieto kopā ar .poga-klusa */ /* ── Formas lauki ─────────────────────────────────────────────────────── */ .lauks{margin:0 0 16px} .lauks label{display:block;font-size:13px;color:var(--text-secondary);margin:0 0 6px} .lauks input[type=text],.lauks input[type=password],.lauks input[type=email], .lauks input[type=date],.lauks input[type=number],.lauks select,.lauks textarea{ width:100%;min-height:48px;padding:12px 14px;border:.5px solid var(--border); border-radius:var(--radius);background:var(--surface-2);color:var(--text-primary); font:16px var(--fonts);outline:none;transition:border-color var(--dur); } .lauks textarea{min-height:96px;resize:vertical} .lauks input:focus,.lauks select:focus,.lauks textarea:focus{ border-color:var(--akcents);box-shadow:0 0 0 3px var(--bg-akcents)} .lauks .paliidziba{font-size:12px;color:var(--text-muted);margin-top:5px} /* S17 (Rūdolfa atradums: "izvēles varianti kompaktāk un pārskatāmi") — mazas pill čipas, plūst vairākas rindā; garš teksts drīkst aplauzties čipas iekšienē; AKTĪVĀ izvēle (.izv) izcelta akcenta tonī. */ .cipi-sagataves{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px} .cipi-sagataves button{ border:.5px solid var(--border);background:var(--surface-2);border-radius:99px; min-height:34px;padding:6px 11px;font:12.5px/1.35 var(--fonts); color:var(--text-primary);text-align:left;max-width:100%; cursor:pointer;transition:border-color var(--dur),background var(--dur); } .cipi-sagataves button:hover{border-color:var(--border-strong);background:var(--surface-1)} .cipi-sagataves button.izv{background:var(--bg-akcents);color:var(--text-akcents); border-color:transparent;font-weight:500} @media (pointer:coarse){.cipi-sagataves button{min-height:40px}} /* ── Kartes-bloki, rindas, saraksti ───────────────────────────────────── */ .bloks{background:var(--surface-2);border:.5px solid var(--border); border-radius:var(--radius-karte);padding:16px;margin:0 0 12px} .rinda{ display:flex;align-items:center;gap:12px;min-height:64px;padding:8px 12px; border:.5px solid var(--border);border-radius:var(--radius);background:var(--surface-2); text-decoration:none;color:var(--text-primary);transition:border-color var(--dur); } .rinda:hover{border-color:var(--border-strong)} .rinda + .rinda{margin-top:8px} .rinda .labi{margin-left:auto;display:flex;align-items:center;gap:10px} /* Diskrētā rindas dzēšanas poga (ti-trash; E0 saraksti + Parakstāmie) */ .rinda-dzest{border:0;background:transparent;color:var(--text-muted); min-width:34px;min-height:34px;border-radius:var(--radius);cursor:pointer; display:inline-flex;align-items:center;justify-content:center;font-size:17px; padding:0;flex:0 0 auto;transition:color var(--dur),background var(--dur)} .rinda-dzest:hover{color:var(--text-kluda);background:var(--bg-kluda)} .rinda-dzest:disabled{opacity:.5;cursor:wait} /* Diskrētās rindas lejupielādes pogas (PDF/DOCX; E0 saraksti) — tāda pati forma kā dzēšanai, bet hover akcenta tonī (pozitīva darbība, ne sarkans) */ .rinda-lejup{border:0;background:transparent;color:var(--text-muted); min-width:34px;min-height:34px;border-radius:var(--radius);cursor:pointer; display:inline-flex;align-items:center;justify-content:center;font-size:17px; padding:0;flex:0 0 auto;transition:color var(--dur),background var(--dur)} .rinda-lejup:hover{color:var(--text-akcents);background:var(--bg-akcents)} .rinda-lejup:disabled{opacity:.5;cursor:wait} /* ── Banneri (kļūdas/brīdinājumi/info cilvēku valodā) ─────────────────── */ .banners{display:flex;gap:10px;align-items:flex-start;border-radius:var(--radius); padding:12px 14px;font-size:14px;margin:0 0 14px;line-height:1.45} .banners i{font-size:18px;flex:0 0 auto;margin-top:1px} .banners.info{background:var(--bg-info);color:var(--text-info)} .banners.brid{background:var(--bg-brid);color:var(--text-brid)} .banners.kluda{background:var(--bg-kluda);color:var(--text-kluda)} .banners.veiksme{background:var(--bg-veiksme);color:var(--text-veiksme)} /* ── Toast ────────────────────────────────────────────────────────────── */ .toast{ position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom)); transform:translateX(-50%);background:var(--text-primary);color:var(--surface-2); border-radius:99px;padding:9px 18px;font-size:13.5px;z-index:50; animation:toast-ienak .3s ease-out; } @keyframes toast-ienak{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}} /* ── Statusa ķēde (Melnraksts → Gatavs → Parakstīts → Nosūtīts) ───────── */ .kede{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12.5px} .kede .posms{display:flex;align-items:center;gap:5px;color:var(--text-muted)} .kede .posms::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--border-strong)} .kede .posms.izpildits{color:var(--text-veiksme)} .kede .posms.izpildits::before{background:var(--punkts-ok)} .kede .posms.aktivs{color:var(--text-akcents);font-weight:500} .kede .posms.aktivs::before{background:var(--akcents)} .kede .atdala{color:var(--border-strong)} /* ── Progresa segmenti (plūsmām; F1) ──────────────────────────────────── */ .progress{display:flex;gap:4px;padding:8px 16px 0} .progress .segments{flex:1;height:4px;border-radius:2px;background:var(--border)} .progress .segments.aktivs{background:var(--akcents)} .progress .segments.izpildits{background:var(--text-akcents)} /* ── Login lapa ───────────────────────────────────────────────────────── */ .login-vidus{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:20px} .login-karte{width:100%;max-width:400px;background:var(--surface-2); border:.5px solid var(--border);border-radius:var(--radius-karte);padding:28px 24px} .login-karte .zime{display:block;text-align:center;font-size:26px;margin-bottom:4px} .login-karte .apaksraksts{text-align:center;font-size:13px;color:var(--text-muted);margin-bottom:22px} /* ── Tukšie stāvokļi ──────────────────────────────────────────────────── */ .tukss{text-align:center;color:var(--text-muted);font-size:14px;padding:36px 16px} .tukss i{font-size:34px;display:block;margin-bottom:10px;color:var(--border-strong)} /* ── Skeleta ielāde ───────────────────────────────────────────────────── */ .skelets{border-radius:var(--radius);background:var(--surface-1); animation:skelets-mirgo 1.2s ease-in-out infinite;min-height:16px} @keyframes skelets-mirgo{0%,100%{opacity:.55}50%{opacity:1}} /* ── Kājene ───────────────────────────────────────────────────────────── */ .kajene{max-width:1100px;margin:26px auto 0;padding:0 16px;font-size:11.5px; color:var(--text-muted);display:flex;gap:16px;flex-wrap:wrap} .kajene b{font-weight:500;color:var(--text-secondary)} /* ── Responsīvais ─────────────────────────────────────────────────────── */ @media(max-width:520px){ .galvene .datums{display:none} .grid{grid-template-columns:repeat(2,1fr)} } /* ── LV datuma lauki (dd.mm.gggg — Rūdolfa standarts 2026-07-17) ──────── */ /* datums_lv.js pārvērš text-inputus par LV datuma laukiem; šeit tikai izskats: vienmērīgi cipari + maigs kļūdas apvads OS krāsu valodā. */ .datums-lv{font-variant-numeric:tabular-nums} .lauks input.datums-nederigs,input.datums-nederigs{border-color:var(--punkts-kluda)} .lauks input.datums-nederigs:focus,input.datums-nederigs:focus{ border-color:var(--punkts-kluda);box-shadow:0 0 0 3px var(--bg-kluda)} /* Kalendāra izvēle (Rūdolfa standarts 2026-07-20): datums_lv.js ietin lauku .datums-lauks aplokā, pieliek pogu un uznirstošo kalendāru. Krāsas tikai caur mainīgajiem — tumšais režīms strādā pats. */ .datums-lauks{position:relative;display:block} .datums-lauks input.datums-lv{padding-right:40px} .datums-kal-poga{position:absolute;top:50%;right:4px;transform:translateY(-50%); width:34px;height:34px;border:0;background:transparent;cursor:pointer; border-radius:var(--radius);color:var(--text-muted);font-size:18px; display:flex;align-items:center;justify-content:center} .datums-kal-poga:hover{color:var(--text-akcents);background:var(--bg-akcents)} .datums-kalendars{position:absolute;top:100%;left:0;z-index:30;margin-top:4px; min-width:264px;padding:10px;background:var(--surface-2); border:.5px solid var(--border);border-radius:var(--radius-karte); box-shadow:0 10px 28px rgba(0,0,0,.18)} .kal-galva{display:flex;align-items:center;justify-content:space-between; gap:6px;margin-bottom:6px} .kal-galva .men-gads{font-size:14px;font-weight:500} .kal-galva button{min-width:34px;height:34px;border:0;background:transparent; border-radius:var(--radius);color:var(--text-secondary);font-size:16px; cursor:pointer} .kal-galva button:hover{color:var(--text-akcents);background:var(--bg-akcents)} .kal-nedelas,.kal-rezgis{display:grid;grid-template-columns:repeat(7,1fr);gap:2px} .kal-nedelas span{text-align:center;font-size:11px;color:var(--text-muted); padding:2px 0} .kal-rezgis .kal-diena{height:34px;border:0;background:transparent; border-radius:var(--radius);font-size:13.5px;color:var(--text-primary); font-variant-numeric:tabular-nums;cursor:pointer} .kal-rezgis .kal-diena:hover{background:var(--surface-1)} .kal-rezgis .kal-diena.sodien{box-shadow:inset 0 0 0 1px var(--akcents)} .kal-rezgis .kal-diena.izvelets{background:var(--akcents);color:var(--uz-akcenta)} /* ── Klikšķināmi pulsa čipi + vienkāršs modālis (S16: RC kavētie) ─────── */ .pchip.klikskinams{cursor:pointer;transition:border-color var(--dur)} .pchip.klikskinams:hover{border-color:var(--border-strong)} .pchip.klikskinams:focus-visible{outline:none;border-color:var(--akcents); box-shadow:0 0 0 3px var(--bg-akcents)} /* DROŠĪBAS INVARIANTS (S16 mācība): hidden atribūtam VIENMĒR jāuzvar — arī tad, ja kāda klase elementam liek display flex/block. Bez šī pārklāja klase ar display flex pārspēja hidden, un RC modālis karājās vaļā neaizverams (Rūdolfa live-atradums 2026-07-17). */ [hidden]{display:none !important} .parklajs{position:fixed;inset:0;background:rgba(32,31,27,.45);z-index:60; display:flex;align-items:flex-start;justify-content:center; padding:8vh 16px 16px} .modalis{background:var(--surface-2);border:.5px solid var(--border); border-radius:var(--radius-karte);max-width:720px;width:100%;max-height:80vh; display:flex;flex-direction:column;box-shadow:0 18px 40px rgba(0,0,0,.22)} .modalis-galva{display:flex;align-items:center;gap:10px;padding:14px 18px 8px} .modalis-galva h2{font-size:16px;font-weight:500;margin:0;display:flex; align-items:center;gap:8px} .modalis-galva h2 .ti{color:var(--text-secondary)} .modalis-aizvert{margin-left:auto;border:none;background:none;cursor:pointer; color:var(--text-secondary);font-size:20px;padding:6px;min-width:44px; min-height:44px;border-radius:var(--radius)} .modalis-aizvert:hover{color:var(--text-primary);background:var(--surface-1)} .modalis-saturs{padding:0 18px 10px;overflow:auto} .modalis-kajene{display:flex;align-items:center;gap:12px;flex-wrap:wrap; padding:10px 18px 14px;border-top:.5px solid var(--border)} .rc-info{font-size:12px;color:var(--text-muted);margin:0 18px 6px} .rc-piezime{font-size:12.5px;color:var(--text-brid);background:var(--bg-brid); border-radius:var(--radius);padding:8px 12px;margin:2px 18px 8px} .rc-kajenes-piezime{font-size:11.5px;color:var(--text-muted)} .rc-tabula{width:100%;border-collapse:collapse;font-size:13px} .rc-tabula th{text-align:left;font-weight:500;color:var(--text-muted); font-size:11.5px;padding:6px 8px;white-space:nowrap; border-bottom:.5px solid var(--border-strong)} .rc-tabula td{padding:8px;border-bottom:.5px solid var(--border); vertical-align:top;color:var(--text-secondary)} .rc-objekts{font-weight:500;color:var(--text-primary)} .rc-telefons{font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums} .rc-kavets{white-space:nowrap;color:var(--text-kluda);font-variant-numeric:tabular-nums} .rc-tukss,.rc-kluda{padding:12px 0;font-size:13.5px} .rc-tukss{color:var(--text-secondary)} .rc-kluda{color:var(--text-kluda)}