/* ========================================================================== Anestezioloģijas portāls — kopīgie stili Balstīts uz /calc/ estētiku: tumši medicīniskā paletē ar kartīšu režģi. ========================================================================== */ :root { /* virsmas */ --bg-start: #0B1620; --bg-mid: #101E2E; --bg-end: #0D1925; --surface: rgba(255, 255, 255, 0.025); --surface-hover: rgba(255, 255, 255, 0.045); --surface-elev: rgba(255, 255, 255, 0.035); --border: rgba(255, 255, 255, 0.05); --border-strong: rgba(255, 255, 255, 0.09); /* teksts */ --text: #E8F0F8; --text-bright: #FFFFFF; --text-dim: #D6E5F0; --text-muted: #6B8295; --text-faint: #5A7080; --text-vague: #2A3F50; /* akcenti (reti, specifiski katrai kartiņai) */ --c-blue: #4EA8DE; --c-blue-2: #3B8CC4; --c-amber: #D4A054; --c-amber-2:#B8863A; --c-coral: #E85D75; --c-coral-2:#C94058; --c-orange: #FF8C42; --c-orange-2:#E0702B; --c-green: #5ED3A2; --c-green-2:#3CB87E; --c-teal: #4ECDC4; --c-teal-2: #33B5AB; --c-purple: #C8A0FF; --c-purple-2:#9D65E0; --c-indigo: #6E7FE8; --c-indigo-2:#4F62D4; /* statusa krāsas */ --c-validated: #5ED3A2; /* zaļš — apstiprināts */ --c-test: #D4A054; /* dzintars — tests */ /* rādiusi un fonti */ --r-sm: 10px; --r-md: 16px; --r-lg: 20px; --font-body: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif; /* ēnas */ --shadow-soft: 0 8px 32px rgba(0, 0, 0, 0.25); --shadow-glow: 0 8px 32px rgba(78, 168, 222, 0.18); } /* ========================================================================== GAIŠĀ TĒMA — aktivizējas ar klasi .light-theme uz ========================================================================== */ html.light-theme { --bg-start: #EEF2F7; --bg-mid: #E6ECF4; --bg-end: #E9EFF6; --surface: rgba(255, 255, 255, 0.88); --surface-hover: rgba(255, 255, 255, 1); --surface-elev: rgba(255, 255, 255, 0.96); --border: rgba(0, 0, 0, 0.08); --border-strong: rgba(0, 0, 0, 0.14); --text: #1A2A3A; --text-bright: #0A1628; --text-dim: #2C3E50; --text-muted: #5A7080; --text-faint: #8A9BB0; --text-vague: #C5D0DC; --c-blue: #2980B9; --c-blue-2: #1F6FA0; --c-amber: #C07A20; --c-amber-2: #A86010; --c-coral: #C0392B; --c-coral-2: #A93226; --c-orange: #E07020; --c-orange-2:#C05810; --c-green: #1E8449; --c-green-2: #166038; --c-teal: #148080; --c-teal-2: #0E6060; --c-purple: #7D3CB5; --c-purple-2:#6028A0; --c-indigo: #3A52C8; --c-indigo-2:#2A40B0; --c-validated: #1E8449; --c-test: #C07A20; --shadow-soft: 0 8px 32px rgba(0,0,0,0.10); --shadow-glow: 0 8px 32px rgba(41,128,185,0.15); } html.light-theme .site-nav { background: rgba(238,242,247,0.94); border-bottom: 1px solid rgba(0,0,0,0.09); } html.light-theme .site-nav-links a { color: var(--text-muted); } html.light-theme .site-nav-links a:hover { background: rgba(0,0,0,0.06); color: var(--text-bright); } html.light-theme .site-nav-links a[aria-current="page"] { color: var(--c-blue); background: rgba(41,128,185,0.10); } html.light-theme .card { background: rgba(255,255,255,0.92); border-color: rgba(0,0,0,0.09); box-shadow: 0 2px 8px rgba(0,0,0,0.06); } html.light-theme .card:hover { background: #fff; border-color: rgba(0,0,0,0.15); box-shadow: 0 4px 16px rgba(0,0,0,0.10); } html.light-theme .poll { background: linear-gradient(145deg,rgba(41,128,185,0.07),rgba(41,128,185,0.02)); border-color: rgba(41,128,185,0.20); } html.light-theme .poll-option { background: rgba(255,255,255,0.80); border-color: rgba(0,0,0,0.10); color: var(--text-dim); } html.light-theme .poll-option:hover { background: #fff; border-color: rgba(0,0,0,0.18); } html.light-theme .site-foot { border-top-color: rgba(0,0,0,0.10); } html.light-theme .visit-counter { background: rgba(0,0,0,0.04); border-color: rgba(0,0,0,0.10); } html.light-theme .alert-info { background: rgba(41,128,185,0.07); border-color: rgba(41,128,185,0.22); color: #1A3A5C; } html.light-theme .alert-test { background: rgba(192,122,32,0.07); border-color: rgba(192,122,32,0.22); color: #5A3010; } html.light-theme .alert-info .alert-icon { background: rgba(41,128,185,0.15); color: var(--c-blue); } html.light-theme .alert-test .alert-icon { background: rgba(192,122,32,0.15); color: var(--c-amber); } html.light-theme .alert strong { color: var(--text-bright); } html.light-theme .prospect-meta { background: rgba(125,60,181,0.06); border-color: rgba(125,60,181,0.18); } html.light-theme .prospect-section { background: #fff; border-color: rgba(0,0,0,0.09); box-shadow: 0 2px 8px rgba(0,0,0,0.05); } html.light-theme .prospect-section-header { background: linear-gradient(90deg,rgba(41,128,185,0.09),rgba(41,128,185,0.03)); border-bottom-color: rgba(41,128,185,0.18); } html.light-theme .prospect-section-header-icon { background: rgba(41,128,185,0.12); } html.light-theme .prospect-section-warn .prospect-section-header { background: linear-gradient(90deg,rgba(192,122,32,0.10),rgba(192,122,32,0.03)); border-bottom-color: rgba(192,122,32,0.22); } html.light-theme .prospect-section-warn .prospect-section-header-icon { background: rgba(192,122,32,0.12); } html.light-theme .prospect-table-key { background: rgba(41,128,185,0.05); border-right-color: rgba(0,0,0,0.08); } html.light-theme .prospect-section-warn .prospect-table-key { background: rgba(192,122,32,0.05); } html.light-theme .prospect-table td { border-bottom-color: rgba(0,0,0,0.07); } html.light-theme .prospect-table-wrap { border-color: rgba(0,0,0,0.09); } html.light-theme .prospect-abbreviations { background: rgba(0,0,0,0.02); border-color: rgba(0,0,0,0.09); } html.light-theme .prospect-section-note { background: rgba(41,128,185,0.05); border-top-color: rgba(0,0,0,0.07); } html.light-theme .news-card { background: rgba(255,255,255,0.90); border-color: rgba(0,0,0,0.09); } html.light-theme .news-card:hover { background: #fff; border-color: rgba(0,0,0,0.15); } html.light-theme .contact-form-wrap { background: #fff; border-color: rgba(0,0,0,0.10); } html.light-theme .form-input, html.light-theme .form-textarea { background: rgba(0,0,0,0.03); border-color: rgba(0,0,0,0.15); color: var(--text-bright); } html.light-theme .form-input:focus, html.light-theme .form-textarea:focus { background: #fff; border-color: var(--c-blue); box-shadow: 0 0 0 3px rgba(41,128,185,0.12); } html.light-theme .coming-soon-item { background: rgba(255,255,255,0.70); border-color: rgba(0,0,0,0.12); } html.light-theme .contact-block { background: rgba(255,255,255,0.85); border-color: rgba(0,0,0,0.09); } html.light-theme .section-title { border-bottom-color: rgba(0,0,0,0.10); } html.light-theme .prospect-group-title { border-bottom-color: rgba(0,0,0,0.10); } html.light-theme .prospect-group-count { background: rgba(0,0,0,0.04); border-color: rgba(0,0,0,0.10); } html.light-theme .back-link { background: rgba(255,255,255,0.80); border-color: rgba(0,0,0,0.10); } html.light-theme .back-link:hover { background: #fff; color: var(--text-bright); } /* Tēmas pārslēdzēja poga */ .theme-toggle { width: 34px; height: 34px; border-radius: 50%; background: var(--surface); border: 1px solid var(--border-strong); display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 15px; transition: background 0.2s, border-color 0.2s, transform 0.15s; flex-shrink: 0; /* VIENMĒR redzams — nevar samazināties */ margin-left: 4px; user-select: none; } .theme-toggle:hover { background: var(--surface-hover); border-color: var(--c-blue); transform: scale(1.10); } .theme-toggle:active { transform: scale(0.92); } html, body { transition: background 0.25s ease, color 0.20s ease; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; } body { min-height: 100vh; min-height: 100dvh; background: linear-gradient(170deg, var(--bg-start) 0%, var(--bg-mid) 50%, var(--bg-end) 100%); background-attachment: fixed; color: var(--text); font-family: var(--font-body); font-size: 15px; line-height: 1.6; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: background 0.25s ease; } /* ========================================================================== Augšējā navigācija — konsekventa visās lapās ========================================================================== */ .site-nav { position: sticky; top: 0; z-index: 50; backdrop-filter: saturate(150%) blur(18px); -webkit-backdrop-filter: saturate(150%) blur(18px); background: rgba(11, 22, 32, 0.75); border-bottom: 1px solid var(--border); } .site-nav-inner { max-width: 1080px; margin: 0 auto; padding: 14px 20px; display: flex; align-items: center; gap: 22px; } .site-brand { display: flex; align-items: center; gap: 12px; text-decoration: none; color: var(--text-dim); flex-shrink: 0; } .site-brand-mark { width: 34px; height: 34px; border-radius: 10px; background: linear-gradient(135deg, var(--c-blue), var(--c-blue-2)); display: grid; place-items: center; color: #fff; font-weight: 800; font-size: 18px; box-shadow: 0 4px 14px rgba(78, 168, 222, 0.3); } .site-brand-text { font-size: 14px; font-weight: 700; letter-spacing: -0.01em; } .site-brand-text::after { content: " · v1.4, augusts 2026"; font-size: 10px; font-weight: 500; color: var(--text-muted); letter-spacing: 0; } .site-nav-links { display: flex; gap: 2px; margin-left: auto; overflow-x: auto; scrollbar-width: none; flex-shrink: 1; /* var samazināties, lai poga vienmēr parādās */ min-width: 0; /* atļauj shrink zem content width */ } .site-nav-links::-webkit-scrollbar { display: none; } .site-nav-links a { padding: 7px 11px; /* nedaudz kompaktāk — 5 saites + poga iederas */ border-radius: 999px; text-decoration: none; color: var(--text-muted); font-size: 12.5px; /* nedaudz mazāks teksts */ font-weight: 500; white-space: nowrap; transition: color 0.15s, background 0.15s; flex-shrink: 0; } .site-nav-links a:hover { color: var(--text-dim); background: var(--surface); } .site-nav-links a[aria-current="page"] { color: var(--c-blue); background: rgba(78, 168, 222, 0.12); } /* Poga vienmēr redzama — nevar samazināties */ .theme-toggle { flex-shrink: 0 !important; margin-left: 4px; } @media (max-width: 860px) { /* Paslēpj mazāk svarīgās saites, kad vietas nepietiek */ .site-nav-links a.nav-hide-md { display: none; } } @media (max-width: 640px) { .site-brand-text { display: none; } .site-nav-inner { padding: 10px 14px; gap: 6px; } .site-nav-links { margin-left: 0; flex: 1; gap: 1px; } .site-nav-links a { padding: 6px 8px; font-size: 11.5px; } } /* ========================================================================== Galvenais konteiners un sadaļu virsraksti ========================================================================== */ .wrap { max-width: 1080px; margin: 0 auto; padding: 28px 20px 48px; } .wrap-narrow { max-width: 720px; margin: 0 auto; padding: 28px 20px 48px; } /* Lapas galvene (nav site-nav, bet katras lapas iekšējā) */ .page-head { margin-bottom: 36px; padding-top: 12px; } .page-eyebrow { font-size: 11px; letter-spacing: 0.15em; text-transform: uppercase; color: var(--c-blue); font-weight: 700; margin-bottom: 8px; } .page-title { font-size: clamp(26px, 4vw, 36px); font-weight: 800; color: var(--text-dim); letter-spacing: -0.02em; line-height: 1.15; } .page-sub { margin-top: 10px; font-size: 15px; color: var(--text-faint); max-width: 640px; } .section-title { font-size: 11px; font-weight: 700; color: var(--text-faint); text-transform: uppercase; letter-spacing: 0.1em; margin: 36px 0 14px 4px; border-bottom: 1px solid var(--border); padding-bottom: 8px; } /* ========================================================================== Kartīšu režģis (main navigation, Kontakti hub, u.c.) ========================================================================== */ .grid-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; } .grid-cards.cols-2 { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); } .card { display: flex; flex-direction: column; text-decoration: none; color: inherit; background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-md); padding: 18px 16px; min-height: 140px; position: relative; overflow: hidden; transition: transform 0.2s ease-out, background 0.2s, border-color 0.2s; } .card::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; border-radius: 4px 0 0 4px; transition: width 0.2s; } .card:hover { background: var(--surface-hover); border-color: var(--border-strong); transform: translateY(-1px); } .card:hover::before { width: 5px; } .card:active { transform: scale(0.98); } /* Kartīšu krāsu kodi — tādi paši kā /calc/ */ .card-blue::before { background: linear-gradient(180deg, var(--c-blue), var(--c-blue-2)); } .card-amber::before { background: linear-gradient(180deg, var(--c-amber), var(--c-amber-2)); } .card-coral::before { background: linear-gradient(180deg, var(--c-coral), var(--c-coral-2)); } .card-orange::before { background: linear-gradient(180deg, var(--c-orange), var(--c-orange-2)); } .card-green::before { background: linear-gradient(180deg, var(--c-green), var(--c-green-2)); } .card-teal::before { background: linear-gradient(180deg, var(--c-teal), var(--c-teal-2)); } .card-purple::before { background: linear-gradient(180deg, var(--c-purple), var(--c-purple-2)); } .card-indigo::before { background: linear-gradient(180deg, var(--c-indigo), var(--c-indigo-2)); } .card-tag { font-size: 10px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 10px; } .card-blue .card-tag { color: var(--c-blue); } .card-amber .card-tag { color: var(--c-amber); } .card-coral .card-tag { color: var(--c-coral); } .card-orange .card-tag { color: var(--c-orange); } .card-green .card-tag { color: var(--c-green); } .card-teal .card-tag { color: var(--c-teal); } .card-purple .card-tag { color: var(--c-purple); } .card-indigo .card-tag { color: var(--c-indigo); } .card-title { font-size: 17px; font-weight: 700; color: var(--text-dim); line-height: 1.3; margin-bottom: 6px; letter-spacing: -0.01em; } .card-desc { font-size: 13px; color: var(--text-muted); line-height: 1.5; margin-top: auto; } .card-meta { margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--border); font-size: 11px; color: var(--text-faint); display: flex; align-items: center; gap: 8px; } /* Dalītā kartīte (split card) */ .card-split { padding: 0; gap: 0; } .card-split::before { background: linear-gradient(180deg, var(--c-coral), var(--c-indigo)); } .split-half { flex: 1; display: flex; flex-direction: column; padding: 16px 16px 14px; text-decoration: none; color: inherit; transition: background 0.2s; } .split-top { border-bottom: 1px solid var(--border); background: linear-gradient(145deg, rgba(232, 93, 117, 0.05), transparent); } .split-bottom { background: linear-gradient(145deg, rgba(110, 127, 232, 0.05), transparent); } .split-top:hover { background: rgba(232, 93, 117, 0.12); } .split-bottom:hover { background: rgba(110, 127, 232, 0.12); } html.light-theme .split-top { background: linear-gradient(145deg, rgba(192, 57, 43, 0.04), transparent); } html.light-theme .split-bottom { background: linear-gradient(145deg, rgba(58, 82, 200, 0.04), transparent); } html.light-theme .split-top:hover { background: rgba(192, 57, 43, 0.08); } html.light-theme .split-bottom:hover { background: rgba(58, 82, 200, 0.08); } /* Statusa nozīmītes — "Validēts" / "Nav validēts" */ .badge { display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; font-size: 10px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; } .badge-validated { background: rgba(94, 211, 162, 0.12); color: var(--c-validated); border: 1px solid rgba(94, 211, 162, 0.25); } .badge-test { background: rgba(212, 160, 84, 0.12); color: var(--c-test); border: 1px solid rgba(212, 160, 84, 0.25); } .badge-dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; } /* ========================================================================== Brīdinājuma/info paneļi (augšā lapās ar tekstu) ========================================================================== */ .alert { border-radius: var(--r-md); padding: 14px 18px; margin-bottom: 22px; font-size: 13px; line-height: 1.55; display: flex; gap: 12px; align-items: flex-start; } .alert-test { background: rgba(212, 160, 84, 0.08); border: 1px solid rgba(212, 160, 84, 0.25); color: #EFD9B4; } .alert-info { background: rgba(78, 168, 222, 0.08); border: 1px solid rgba(78, 168, 222, 0.22); color: #CFE4F3; } .alert-icon { flex-shrink: 0; width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; font-weight: 800; font-size: 13px; } .alert-test .alert-icon { background: rgba(212, 160, 84, 0.2); color: var(--c-test); } .alert-info .alert-icon { background: rgba(78, 168, 222, 0.2); color: var(--c-blue); } .alert strong { color: var(--text-dim); } /* ========================================================================== Aptaujas logs (poll widget) ========================================================================== */ .poll { background: linear-gradient(145deg, rgba(78, 168, 222, 0.06), rgba(110, 127, 232, 0.04)); border: 1px solid rgba(78, 168, 222, 0.18); border-radius: var(--r-lg); padding: 22px 22px 20px; margin: 32px 0; position: relative; overflow: hidden; } .poll::before { content: ''; position: absolute; top: -80px; right: -80px; width: 200px; height: 200px; background: radial-gradient(circle, rgba(78, 168, 222, 0.15), transparent 70%); pointer-events: none; } .poll-tag { font-size: 10px; letter-spacing: 0.15em; text-transform: uppercase; color: var(--c-blue); font-weight: 700; margin-bottom: 8px; } .poll-q { font-size: 18px; font-weight: 700; color: var(--text-dim); line-height: 1.35; margin-bottom: 16px; letter-spacing: -0.01em; } .poll-options { display: flex; flex-direction: column; gap: 8px; margin-bottom: 14px; } .poll-option { display: flex; align-items: center; gap: 12px; padding: 11px 14px; background: rgba(255, 255, 255, 0.03); border: 1px solid var(--border); border-radius: var(--r-sm); cursor: pointer; transition: background 0.15s, border-color 0.15s; font-size: 14px; color: var(--text-dim); position: relative; overflow: hidden; } .poll-option:hover { background: var(--surface-hover); border-color: var(--border-strong); } .poll-option input { accent-color: var(--c-blue); cursor: pointer; } .poll-btn { margin-top: 6px; padding: 10px 18px; background: linear-gradient(135deg, var(--c-blue), var(--c-blue-2)); color: #fff; border: none; border-radius: var(--r-sm); font-weight: 700; font-size: 13px; letter-spacing: 0.02em; cursor: pointer; transition: transform 0.1s, box-shadow 0.2s; font-family: inherit; } .poll-btn:hover { box-shadow: 0 6px 18px rgba(78, 168, 222, 0.35); } .poll-btn:active { transform: scale(0.97); } .poll-btn:disabled { opacity: 0.5; cursor: not-allowed; } .poll-meta { font-size: 11px; color: var(--text-faint); margin-top: 12px; } /* Rezultātu režīms */ .poll.is-voted .poll-option { cursor: default; padding: 10px 14px; } .poll.is-voted .poll-option:hover { background: rgba(255, 255, 255, 0.03); border-color: var(--border); } .poll.is-voted .poll-option input { display: none; } .poll-bar-fill { position: absolute; left: 0; top: 0; bottom: 0; background: linear-gradient(90deg, rgba(78, 168, 222, 0.22), rgba(78, 168, 222, 0.10)); transition: width 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); z-index: 0; } .poll-option.is-winner .poll-bar-fill { background: linear-gradient(90deg, rgba(94, 211, 162, 0.28), rgba(94, 211, 162, 0.12)); } .poll-opt-label { position: relative; z-index: 1; flex: 1; } .poll-opt-pct { position: relative; z-index: 1; font-weight: 700; color: var(--text-dim); font-size: 13px; } /* ========================================================================== Kontakts / forma ========================================================================== */ .contact-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; margin-top: 12px; } .contact-block { background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-md); padding: 18px 18px; } .contact-label { font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--text-faint); font-weight: 700; margin-bottom: 8px; } .contact-value { font-size: 15px; color: var(--text-dim); word-break: break-word; } .contact-value a { color: var(--c-blue); text-decoration: none; } .contact-value a:hover { text-decoration: underline; } /* ========================================================================== Satura lapas (par-mums, utt.) ========================================================================== */ .prose { color: var(--text-dim); max-width: 680px; } .prose p { margin-bottom: 14px; line-height: 1.7; } .prose h2 { font-size: 20px; font-weight: 700; color: var(--text-bright); margin: 28px 0 10px; letter-spacing: -0.01em; } .prose h3 { font-size: 15px; font-weight: 700; color: var(--c-blue); text-transform: uppercase; letter-spacing: 0.05em; margin: 22px 0 8px; } .prose ul { padding-left: 20px; margin-bottom: 14px; } .prose li { margin-bottom: 6px; } .prose a { color: var(--c-blue); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; } .prose a:hover { color: var(--c-teal); } /* ========================================================================== Pakāpe "atpakaļ uz portālu" (iekļaujama esošajās lapās bez redesign) ========================================================================== */ .back-link { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; background: var(--surface); border: 1px solid var(--border); color: var(--text-muted); font-size: 12px; text-decoration: none; transition: color 0.15s, background 0.15s; } .back-link:hover { color: var(--text-dim); background: var(--surface-hover); } /* ========================================================================== Kājene + apmeklējumu skaitītājs ========================================================================== */ .site-foot { margin-top: 56px; padding: 28px 20px 36px; border-top: 1px solid var(--border); text-align: center; font-size: 11px; color: var(--text-vague); line-height: 1.7; } .site-foot-links { display: flex; justify-content: center; gap: 18px; flex-wrap: wrap; margin-bottom: 14px; font-size: 12px; } .site-foot-links a { color: var(--text-muted); text-decoration: none; } .site-foot-links a:hover { color: var(--text-dim); } .visit-counter { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; margin-top: 10px; border-radius: 999px; background: rgba(255, 255, 255, 0.02); border: 1px solid var(--border); color: var(--text-faint); font-size: 10px; letter-spacing: 0.04em; font-variant-numeric: tabular-nums; } .visit-counter-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--c-green); box-shadow: 0 0 8px rgba(94, 211, 162, 0.5); } /* ========================================================================== PROSPECT vadlīniju lapu stili ========================================================================== */ /* Meta bloks augšā — autors, update, avots */ .prospect-meta { display: grid; grid-template-columns: auto auto 1fr; gap: 0; background: linear-gradient(145deg, rgba(200, 160, 255, 0.05), rgba(110, 127, 232, 0.03)); border: 1px solid rgba(200, 160, 255, 0.18); border-radius: var(--r-md); padding: 14px 20px; margin: 4px 0 18px; align-items: center; } .prospect-meta-item { display: flex; flex-direction: column; gap: 2px; padding-right: 24px; border-right: 1px solid var(--border); margin-right: 24px; } .prospect-meta-item:last-child { border-right: none; margin-right: 0; padding-right: 0; } .prospect-meta-source { min-width: 0; } .prospect-meta-label { font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-faint); font-weight: 700; } .prospect-meta-value { font-size: 14px; color: var(--text-dim); font-weight: 600; } a.prospect-meta-value { color: var(--c-blue); text-decoration: none; font-weight: 500; font-size: 12px; word-break: break-all; transition: color 0.15s; } a.prospect-meta-value:hover { color: var(--c-teal); } @media (max-width: 720px) { .prospect-meta { grid-template-columns: 1fr; gap: 12px; } .prospect-meta-item { padding-right: 0; border-right: none; margin-right: 0; padding-bottom: 12px; border-bottom: 1px solid var(--border); } .prospect-meta-item:last-child { padding-bottom: 0; border-bottom: none; } } /* Ievads — kursīvs teikums zem metadatiem */ .prospect-intro { font-size: 15px; color: var(--text-dim); line-height: 1.7; margin: 22px 0 8px; padding-left: 14px; border-left: 3px solid var(--c-blue); font-style: italic; } .prospect-intro strong { font-style: normal; color: var(--text-bright); } /* Sekcijas */ .prospect-section { margin: 32px 0 0; } .prospect-section-title { font-size: 16px; font-weight: 700; color: var(--text-bright); letter-spacing: -0.01em; margin-bottom: 4px; display: flex; align-items: center; gap: 10px; } .prospect-section-title::before { content: ''; width: 4px; height: 18px; background: linear-gradient(180deg, var(--c-blue), var(--c-teal)); border-radius: 2px; flex-shrink: 0; } .prospect-section-warn .prospect-section-title::before { background: linear-gradient(180deg, var(--c-amber), var(--c-orange)); } .prospect-section-sub { font-size: 12px; color: var(--text-faint); margin: 4px 0 12px 14px; font-style: italic; } .prospect-section-note { margin-top: 12px; padding: 12px 16px; background: rgba(78, 168, 222, 0.07); border: 1px solid rgba(78, 168, 222, 0.18); border-radius: var(--r-sm); font-size: 12.5px; color: var(--text-muted); line-height: 1.6; } .prospect-section-note strong { color: var(--text-dim); } .prospect-section-warn .prospect-section-note { background: rgba(212, 160, 84, 0.07); border-color: rgba(212, 160, 84, 0.22); } /* Rekomendāciju tabula */ .prospect-table-wrap { border: 1px solid var(--border); border-radius: var(--r-md); overflow: hidden; margin-top: 10px; background: var(--surface); } .prospect-table { width: 100%; border-collapse: collapse; font-size: 13.5px; } .prospect-table th { background: rgba(255, 255, 255, 0.04); color: var(--text-dim); font-weight: 600; text-align: left; padding: 10px 16px; border-bottom: 1px solid var(--border-strong); font-size: 12px; letter-spacing: 0.03em; text-transform: uppercase; } .prospect-table td { padding: 12px 16px; vertical-align: top; border-bottom: 1px solid var(--border); line-height: 1.55; color: var(--text-dim); } .prospect-table tr:last-child td { border-bottom: none; } .prospect-table tr:hover td { background: rgba(255, 255, 255, 0.02); } .prospect-table-key { font-weight: 600; color: var(--text-bright); width: 28%; min-width: 180px; background: rgba(78, 168, 222, 0.05); border-right: 1px solid var(--border); } .prospect-section-warn .prospect-table-key { background: rgba(212, 160, 84, 0.05); } .prospect-table-val { color: var(--text-dim); } .prospect-table-val em { color: var(--text-muted); font-size: 12.5px; } .prospect-table-val strong { color: var(--text-bright); } .prospect-table-compact .prospect-table-key, .prospect-table-compact td { width: auto; font-size: 13px; } .prospect-table-compact td { padding: 8px 14px; } @media (max-width: 600px) { .prospect-table, .prospect-table tbody, .prospect-table tr, .prospect-table td { display: block; } .prospect-table-key { width: auto; border-right: none; border-bottom: 1px solid var(--border); padding-bottom: 4px; } .prospect-table-val { padding-top: 6px; } .prospect-table th { display: none; } } /* Saīsinājumi */ .prospect-abbreviations { margin-top: 40px; padding: 18px 20px; background: rgba(255, 255, 255, 0.015); border: 1px solid var(--border); border-radius: var(--r-md); } .prospect-abbr-title { font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--text-faint); margin-bottom: 12px; } .prospect-abbr-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 6px 18px; } .prospect-abbr-item { display: flex; gap: 10px; align-items: baseline; font-size: 12.5px; line-height: 1.55; } .prospect-abbr-key { color: var(--c-blue); font-weight: 700; font-family: 'Inter', monospace; flex-shrink: 0; min-width: 60px; } .prospect-abbr-val { color: var(--text-muted); } /* PROSPECT saraksts (index) — grupu virsraksti */ .prospect-group-title { display: flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 700; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.1em; margin: 28px 0 12px; padding-bottom: 8px; border-bottom: 1px solid var(--border); } .prospect-group-title:first-child { margin-top: 8px; } .prospect-group-icon { font-size: 16px; filter: saturate(0.8); } .prospect-group-count { margin-left: auto; font-size: 10px; font-weight: 600; color: var(--text-faint); padding: 2px 8px; border-radius: 100px; background: var(--surface); border: 1px solid var(--border); letter-spacing: 0.02em; text-transform: none; } /* Autora atzīme kartītē */ .card-author { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--border); display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: 11px; color: var(--text-faint); } .card-author-name { color: var(--text-muted); font-weight: 500; } .card-author-date { font-variant-numeric: tabular-nums; color: var(--text-faint); font-size: 10.5px; } /* ========================================================================== PROSPECT — улучшенное разделение секций ========================================================================== */ /* Каждая секция — как отдельная "карта" */ .prospect-section { background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-md); overflow: hidden; margin: 20px 0 0; } .prospect-section-header { display: flex; align-items: center; gap: 12px; padding: 13px 18px; background: linear-gradient(90deg, rgba(78,168,222,0.12), rgba(78,168,222,0.04)); border-bottom: 1px solid rgba(78,168,222,0.2); } .prospect-section-header-icon { width: 28px; height: 28px; border-radius: 7px; background: rgba(78,168,222,0.18); display: grid; place-items: center; font-size: 13px; flex-shrink: 0; } .prospect-section-title { font-size: 14px; font-weight: 700; color: var(--c-blue); letter-spacing: 0.01em; flex: 1; } /* Remove old ::before pseudo on title since we now wrap in header div */ .prospect-section-title::before { display: none; } .prospect-section-sub { font-size: 11.5px; color: var(--text-faint); margin: 0; font-style: italic; padding: 0; } .prospect-section-body { padding: 0; } .prospect-section-note { margin: 0; padding: 11px 16px; background: rgba(78,168,222,0.05); border-top: 1px solid var(--border); font-size: 12.5px; color: var(--text-muted); line-height: 1.6; } /* Warning sections */ .prospect-section-warn .prospect-section-header { background: linear-gradient(90deg, rgba(212,160,84,0.14), rgba(212,160,84,0.04)); border-bottom-color: rgba(212,160,84,0.25); } .prospect-section-warn .prospect-section-title { color: var(--c-amber); } .prospect-section-warn .prospect-section-header-icon { background: rgba(212,160,84,0.18); } .prospect-section-warn .prospect-section-note { background: rgba(212,160,84,0.05); } .prospect-section-warn .prospect-table-key { background: rgba(212,160,84,0.06); } /* Versija badge */ .prospect-version { display: inline-flex; align-items: center; gap: 4px; font-size: 10px; font-weight: 700; padding: 2px 8px; border-radius: 100px; background: rgba(94,211,162,0.12); color: var(--c-green); border: 1px solid rgba(94,211,162,0.25); letter-spacing: 0.04em; } /* ========================================================================== Jaunumi (Ziņas) — saraksta un raksta stili ========================================================================== */ .news-grid { display: flex; flex-direction: column; gap: 14px; margin-top: 4px; } .news-card { display: flex; gap: 16px; background: var(--surface); border: 1px solid var(--border); border-left: 3px solid transparent; border-radius: var(--r-md); padding: 15px 18px; text-decoration: none; color: inherit; transition: background 0.15s, border-color 0.15s, transform 0.15s; align-items: center; } .news-card:hover { background: var(--surface-hover); border-color: var(--border-strong); border-left-color: var(--c-blue); transform: translateX(2px); } .news-card-date { flex-shrink: 0; width: 52px; text-align: center; padding: 8px 0; border-radius: 12px; background: rgba(78, 168, 222, 0.10); } .news-card-date-day { font-size: 22px; font-weight: 800; color: var(--c-blue); line-height: 1; letter-spacing: -0.02em; } .news-card-date-mon { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--text-faint); margin-top: 2px; } .news-card-body { flex: 1; min-width: 0; } .news-card-tag { font-size: 10px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--c-blue); margin-bottom: 5px; } .news-card-title { font-size: 15px; font-weight: 700; color: var(--text-dim); line-height: 1.35; margin-bottom: 5px; letter-spacing: -0.01em; } .news-card-excerpt { font-size: 13px; color: var(--text-muted); line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .news-card-arrow { color: var(--text-faint); font-size: 18px; align-self: center; flex-shrink: 0; transition: transform 0.15s, color 0.15s; } .news-card:hover .news-card-arrow { transform: translateX(4px); color: var(--c-blue); } /* Raksta lapa */ .article-header { margin-bottom: 28px; } .article-date { font-size: 12px; color: var(--text-faint); margin-bottom: 6px; display: flex; align-items: center; gap: 8px; } .article-date::before { content: ''; width: 20px; height: 1px; background: var(--c-blue); display: inline-block; } .article-body { color: var(--text-dim); line-height: 1.75; max-width: 680px; } .article-body p { margin-bottom: 16px; } .article-body h2 { font-size: 19px; font-weight: 700; color: var(--text-bright); margin: 28px 0 10px; letter-spacing: -0.01em; } .article-body h3 { font-size: 15px; font-weight: 700; color: var(--c-blue); text-transform: uppercase; letter-spacing: 0.05em; margin: 22px 0 8px; } .article-body ul, .article-body ol { padding-left: 22px; margin-bottom: 16px; } .article-body li { margin-bottom: 6px; } .article-body a { color: var(--c-blue); text-decoration: underline; text-underline-offset: 3px; } .article-body blockquote { border-left: 3px solid var(--c-blue); padding: 10px 18px; margin: 20px 0; background: rgba(78,168,222,0.06); border-radius: 0 var(--r-sm) var(--r-sm) 0; font-style: italic; color: var(--text-muted); } .article-body .ref { font-size: 12px; color: var(--text-faint); border-top: 1px solid var(--border); padding-top: 14px; margin-top: 28px; } /* ========================================================================== Saziņas forma ========================================================================== */ .contact-form-wrap { background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-md); padding: 22px; max-width: 560px; } .form-field { display: flex; flex-direction: column; gap: 5px; margin-bottom: 14px; } .form-label { font-size: 11px; font-weight: 700; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.08em; } .form-input, .form-textarea { font-family: inherit; font-size: 14px; color: var(--text-dim); background: rgba(255,255,255,0.04); border: 1.5px solid var(--border-strong); border-radius: var(--r-sm); padding: 10px 13px; transition: border-color 0.15s, background 0.15s, box-shadow 0.15s; -webkit-appearance: none; } .form-input:focus, .form-textarea:focus { outline: none; border-color: var(--c-blue); background: rgba(78,168,222,0.05); box-shadow: 0 0 0 3px rgba(78,168,222,0.12); } .form-textarea { resize: vertical; min-height: 120px; line-height: 1.6; } .form-row { display: flex; gap: 12px; } .form-row .form-field { flex: 1; } .form-submit { font-family: inherit; font-size: 14px; font-weight: 700; color: #fff; background: linear-gradient(135deg, var(--c-blue), var(--c-blue-2)); border: none; border-radius: var(--r-sm); padding: 11px 22px; cursor: pointer; transition: transform 0.1s, box-shadow 0.2s; letter-spacing: 0.02em; } .form-submit:hover { box-shadow: 0 6px 18px rgba(78,168,222,0.35); } .form-submit:active { transform: scale(0.97); } .form-submit:disabled { opacity: 0.5; cursor: not-allowed; } .form-status { margin-top: 12px; font-size: 13px; padding: 10px 14px; border-radius: var(--r-sm); display: none; } .form-status.ok { background: rgba(94,211,162,0.1); color: var(--c-green); border: 1px solid rgba(94,211,162,0.25); } .form-status.err { background: rgba(232,93,117,0.1); color: var(--c-coral); border: 1px solid rgba(232,93,117,0.25); } /* ========================================================================== Slimības / coming-soon sekcija ========================================================================== */ .coming-soon-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; } .coming-soon-item { background: var(--surface); border: 1px dashed var(--border-strong); border-radius: var(--r-md); padding: 16px; display: flex; flex-direction: column; gap: 8px; opacity: 0.65; } .coming-soon-icon { font-size: 22px; } .coming-soon-title { font-size: 13px; font-weight: 700; color: var(--text-dim); } .coming-soon-desc { font-size: 12px; color: var(--text-faint); line-height: 1.5; } .coming-soon-badge { display: inline-flex; align-items: center; gap: 4px; font-size: 9px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; padding: 2px 8px; border-radius: 100px; background: rgba(110,127,232,0.12); color: var(--c-indigo); border: 1px solid rgba(110,127,232,0.2); width: fit-content; } /* ========================================================================== GAIŠĀS TĒMAS PAPILDU PĀRRAKSTI (visiem hardcoded baltajiem foniem) ========================================================================== */ /* Galvenais lapas teksts */ html.light-theme body { color: var(--text); } html.light-theme .page-title { color: var(--text-bright); } html.light-theme .page-eyebrow { color: var(--text-muted); } html.light-theme .page-sub { color: var(--text-dim); } html.light-theme .section-title { color: var(--text-muted); } /* Aptauja: opcijas un to hover */ html.light-theme .poll-option { background: rgba(255, 255, 255, 0.95); border-color: var(--border-strong); } html.light-theme .poll.is-voted .poll-option:hover { background: rgba(0, 0, 0, 0.025); } html.light-theme .poll-bar-fill { background: rgba(41, 128, 185, 0.15); } html.light-theme .poll-tag { color: var(--c-blue); } html.light-theme .poll-q { color: var(--text-bright); } /* Mazās zīmītes / atzīmes */ html.light-theme .card-tag { color: var(--text-muted); } html.light-theme .card-title { color: var(--text-bright); } html.light-theme .card-desc { color: var(--text-dim); } html.light-theme .card-author { border-top-color: rgba(0, 0, 0, 0.08); } html.light-theme .card-author-name { color: var(--text-muted); } html.light-theme .card-author-date { color: var(--text-faint); } /* Brīža karoga */ html.light-theme .visit-counter { color: var(--text-muted); } /* PROSPECT tabulas */ html.light-theme .prospect-table th { background: rgba(41, 128, 185, 0.06); color: var(--text-bright); border-bottom-color: rgba(0, 0, 0, 0.12); } html.light-theme .prospect-table tr:hover td { background: rgba(0, 0, 0, 0.02); } html.light-theme .prospect-table tr { border-color: rgba(0, 0, 0, 0.06); } html.light-theme .prospect-table-val { color: var(--text-dim); } html.light-theme .prospect-table td strong { color: var(--text-bright); } html.light-theme .prospect-table td em { color: var(--text-muted); } /* PROSPECT meta */ html.light-theme .prospect-meta-label { color: var(--text-muted); } html.light-theme .prospect-meta-value { color: var(--text-bright); } html.light-theme a.prospect-meta-value { color: var(--c-blue); } html.light-theme .prospect-version { background: rgba(30, 132, 73, 0.10); color: var(--c-green); border: 1px solid rgba(30, 132, 73, 0.25); } /* PROSPECT sekcijas iekšiene */ html.light-theme .prospect-section-title { color: var(--text-bright); } html.light-theme .prospect-section-warn .prospect-section-title { color: var(--c-amber); } html.light-theme .prospect-section-sub { color: var(--text-muted); } html.light-theme .prospect-section-note { color: var(--text-dim); } html.light-theme .prospect-intro { color: var(--text-dim); border-left-color: var(--c-blue); } html.light-theme .prospect-intro strong { color: var(--text-bright); } /* PROSPECT saīsinājumi */ html.light-theme .prospect-abbreviations { background: rgba(0, 0, 0, 0.025); border-color: rgba(0, 0, 0, 0.08); } html.light-theme .prospect-abbr-title { color: var(--text-muted); } html.light-theme .prospect-abbr-key { color: var(--c-blue); font-weight: 700; } html.light-theme .prospect-abbr-val { color: var(--text-dim); } html.light-theme .prospect-group-title { color: var(--text-muted); } /* Forma */ html.light-theme .form-label { color: var(--text-muted); } html.light-theme .form-status.ok { background: rgba(30, 132, 73, 0.10); color: var(--c-green); border: 1px solid rgba(30, 132, 73, 0.25); } html.light-theme .form-status.err { background: rgba(192, 57, 43, 0.10); color: var(--c-coral); border: 1px solid rgba(192, 57, 43, 0.25); } html.light-theme .form-submit { background: linear-gradient(135deg, var(--c-blue), var(--c-blue-2)); color: #fff; } /* Coming-soon */ html.light-theme .coming-soon-icon { opacity: 0.7; } html.light-theme .coming-soon-title { color: var(--text-bright); } html.light-theme .coming-soon-desc { color: var(--text-dim); } html.light-theme .coming-soon-badge { background: rgba(110, 127, 232, 0.10); color: var(--c-indigo); border-color: rgba(110, 127, 232, 0.25); } /* Jaunumi */ html.light-theme .news-card-tag { color: var(--text-muted); } html.light-theme .news-card-title { color: var(--text-bright); } html.light-theme .news-card-excerpt { color: var(--text-dim); } html.light-theme .news-card-date-day { color: var(--c-blue); } html.light-theme .news-card-date-mon { color: var(--text-muted); } /* Raksta saturs */ html.light-theme .article-body { color: var(--text); } html.light-theme .article-body h2 { color: var(--text-bright); } html.light-theme .article-body h3 { color: var(--c-blue); } html.light-theme .article-body blockquote { background: rgba(41, 128, 185, 0.05); border-left-color: var(--c-blue); color: var(--text-dim); } html.light-theme .article-body .ref { color: var(--text-muted); border-top-color: rgba(0, 0, 0, 0.08); } html.light-theme .article-date { color: var(--text-muted); } /* Kontaktu kartītes */ html.light-theme .contact-label { color: var(--text-muted); } html.light-theme .contact-value { color: var(--text-bright); } /* Markeris dot uz visit counter */ html.light-theme .visit-counter-dot { background: var(--c-green); box-shadow: 0 0 6px rgba(30, 132, 73, 0.4); } /* Saites footerī */ html.light-theme .site-foot-links a { color: var(--text-muted); } html.light-theme .site-foot-links a:hover { color: var(--text-bright); } /* ========================================================================== "SLIMĪBAS" BLOKA ATVĒRTĀS KARTĪTES — kartītes ar saturu coming-soon režģī (Farmakoterapija, ROTEM teorija). Aizstāj agrākos inline stilus index.html. ========================================================================== */ a.coming-soon-item.is-open { opacity: 1; border-style: solid; text-decoration: none; color: inherit; cursor: pointer; transition: transform 0.2s ease, box-shadow 0.2s ease; } a.coming-soon-item.is-open:hover { transform: translateY(-2px); } .coming-soon-open-badge { display: inline-flex; align-items: center; align-self: flex-start; gap: 4px; margin-top: 4px; font-size: 9px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; padding: 2px 8px; border-radius: 12px; } /* Zilā — Farmakoterapija */ .coming-soon-item.open-blue { border-color: rgba(78,168,222,0.55); background: rgba(78,168,222,0.07); } .open-blue .coming-soon-title { color: var(--c-blue); } .open-blue .coming-soon-open-badge { background: rgba(78,168,222,0.16); color: var(--c-blue); } /* Koraļļu — ROTEM teorija */ .coming-soon-item.open-coral { border-color: rgba(232,93,117,0.55); background: rgba(232,93,117,0.06); } .open-coral .coming-soon-title { color: var(--c-coral); } .open-coral .coming-soon-open-badge { background: rgba(232,93,117,0.15); color: var(--c-coral); } /* Gaišā tēma */ html.light-theme .coming-soon-item.open-blue { border-color: rgba(41,128,185,0.45); background: rgba(41,128,185,0.07); } html.light-theme .open-blue .coming-soon-title { color: var(--c-blue); } html.light-theme .open-blue .coming-soon-open-badge { background: rgba(41,128,185,0.12); color: var(--c-blue); } html.light-theme .coming-soon-item.open-coral { border-color: rgba(192,57,43,0.40); background: rgba(192,57,43,0.06); } html.light-theme .open-coral .coming-soon-title { color: var(--c-coral); } html.light-theme .open-coral .coming-soon-open-badge { background: rgba(192,57,43,0.10); color: var(--c-coral); } /* ========================================================================== ANESTĒZIJAS TAKTIKAS — sadaļas lapas (tk-*). Mobile-first, tumšā/gaišā tēma. ========================================================================== */ /* ── Lapas augša / meta ── */ .tk-meta { display:flex; flex-wrap:wrap; gap:6px 14px; align-items:center; font-size:12.5px; color:var(--text-muted); margin-top:6px; } .tk-meta .tk-author { color:var(--c-indigo); font-weight:700; } .tk-disclaimer { font-size:12px; color:var(--text-faint); line-height:1.55; margin:10px 0 0; } /* ── Meklēšana / filtrs ── */ .tk-search { position:relative; margin:18px 0 6px; } .tk-search input { width:100%; box-sizing:border-box; padding:13px 16px 13px 42px; font-size:16px; /* 16px = bez iOS zoom */ font-family:inherit; color:var(--text); background:var(--surface-elev); border:1.5px solid var(--border-strong); border-radius:var(--r-sm); outline:none; } .tk-search input:focus { border-color:var(--c-blue); } .tk-search::before { content:"⌕"; position:absolute; left:14px; top:50%; transform:translateY(-50%); font-size:19px; color:var(--text-muted); } /* ── Oglavlenie (TOC) ── */ .tk-toc-group { margin-top:26px; } .tk-toc-group-title { font-size:13px; font-weight:800; letter-spacing:0.04em; color:var(--text-bright); text-transform:uppercase; margin-bottom:10px; } .tk-toc { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:10px; } .tk-toc-item { display:flex; align-items:center; gap:10px; padding:13px 15px; border-radius:var(--r-sm); background:var(--surface); border:1px solid var(--border); text-decoration:none; color:var(--text); font-size:14.5px; font-weight:600; min-height:48px; transition:background .15s, border-color .15s, transform .15s; } .tk-toc-item:hover { background:var(--surface-hover); border-color:var(--border-strong); transform:translateX(2px); } .tk-toc-item .tk-toc-main { display:flex; flex-direction:column; gap:2px; min-width:0; } .tk-toc-item .tk-toc-author { font-size:11px; font-weight:500; color:var(--text-muted); letter-spacing:0.01em; } .tk-toc-item .tk-arr { margin-left:auto; color:var(--c-blue); font-size:18px; } .tk-toc-item.is-soon { opacity:0.55; cursor:default; pointer-events:none; font-weight:500; } .tk-toc-item.is-soon .tk-soon-badge { margin-left:auto; font-size:9.5px; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; color:var(--c-amber); border:1px solid rgba(212,160,84,0.4); padding:2px 8px; border-radius:999px; } .tk-toc-empty { color:var(--text-muted); font-size:13.5px; padding:10px 2px; } /* ── Fāžu ātrā navigācija (čipi) ── */ .tk-phasenav { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0 20px; } .tk-phasenav a { font-size:12.5px; font-weight:700; color:var(--text-dim); background:var(--surface); border:1px solid var(--border-strong); border-radius:999px; padding:8px 14px; text-decoration:none; white-space:nowrap; } .tk-phasenav a:hover { color:var(--c-blue); border-color:var(--c-blue); } /* ── Fāzes (akordeoni) ── */ .tk-phase { border:1px solid var(--border); border-radius:var(--r-md); margin:0 0 12px; background:var(--surface); overflow:hidden; scroll-margin-top:70px; } .tk-phase > summary { list-style:none; cursor:pointer; padding:14px 18px; font-size:15.5px; font-weight:800; color:var(--text-bright); display:flex; align-items:center; gap:10px; background:linear-gradient(90deg, rgba(78,168,222,0.10), transparent); } .tk-phase > summary::-webkit-details-marker { display:none; } .tk-phase > summary::before { content:"▸"; color:var(--c-blue); font-size:13px; transition:transform .15s; } .tk-phase[open] > summary::before { transform:rotate(90deg); } .tk-phase-body { padding:6px 14px 16px; } /* ── Tabulas ── */ .tk-tbl { width:100%; border-collapse:collapse; font-size:13.5px; margin:8px 0; } .tk-tbl td, .tk-tbl th { border:1px solid var(--border); padding:9px 11px; vertical-align:top; text-align:left; line-height:1.5; color:var(--text-dim); } .tk-tbl td ul { margin:4px 0; padding-left:18px; } .tk-tbl td ul li { margin:0 0 4px; color:var(--text-dim); line-height:1.5; } .tk-tbl td ul li:last-child { margin-bottom:0; } .tk-tbl thead th { background:rgba(78,168,222,0.12); color:var(--text-bright); font-weight:700; font-size:12.5px; white-space:nowrap; position:sticky; top:0; } .tk-tbl tr.tk-band td { background:transparent; color:var(--text-dim); font-weight:400; } .tk-tbl tr.tk-band:has(td > strong) td { background:rgba(78,168,222,0.10); } .tk-tbl tr.tk-band td strong { color:var(--c-blue); font-weight:700; } .tk-tbl strong { color:var(--text-bright); } /* Platās tabulas — horizontāla ritināšana ar "lipīgu" 1. kolonnu */ .tk-scroll { overflow-x:auto; -webkit-overflow-scrolling:touch; border:1px solid var(--border); border-radius:var(--r-sm); } .tk-scroll .tk-tbl { margin:0; min-width:760px; border:0; } .tk-scroll .tk-tbl td:first-child, .tk-scroll .tk-tbl th:first-child { position:sticky; left:0; background:var(--surface-elev); font-weight:700; color:var(--text-bright); z-index:1; } .tk-scroll .tk-tbl thead th:first-child { z-index:2; } .tk-scroll-hint { font-size:11.5px; color:var(--text-faint); margin:2px 2px 0; } /* ── Specifiski apsvērumi — katra operācija kā akordeons (aizvērts pēc noklusējuma) ── */ .tk-ops { display:flex; flex-direction:column; gap:8px; margin:8px 0; } .tk-op { border:1px solid var(--border-strong); border-radius:var(--r-sm); background:var(--surface); overflow:hidden; } .tk-op > summary { list-style:none; cursor:pointer; padding:12px 14px; font-weight:700; font-size:14px; color:var(--text-bright); display:flex; align-items:center; gap:9px; } .tk-op > summary::-webkit-details-marker { display:none; } .tk-op > summary::before { content:"▸"; color:var(--c-blue); font-size:12px; transition:transform .15s; flex:0 0 auto; } .tk-op[open] > summary { border-bottom:1px solid var(--border); } .tk-op[open] > summary::before { transform:rotate(90deg); } .tk-op > summary:hover { color:var(--c-blue); } .tk-op-body { padding:6px 14px 12px; } .tk-op-row { display:grid; grid-template-columns:minmax(96px,150px) 1fr; gap:4px 14px; padding:8px 0; border-top:1px solid var(--border); font-size:13.5px; } .tk-op-row:first-child { border-top:0; } .tk-op-lbl { font-size:10.5px; text-transform:uppercase; letter-spacing:0.04em; color:var(--text-muted); font-weight:700; padding-top:2px; } .tk-op-row > span:last-child { color:var(--text-dim); line-height:1.55; } @media (max-width:640px) { .tk-op-row { grid-template-columns:1fr; gap:1px; } } .tk-intro { font-size:14px; color:var(--text-dim); line-height:1.6; margin:0 0 8px; } .tk-p { font-size:14px; color:var(--text-dim); line-height:1.6; } /* ── Kritisko situāciju kognitīvās kartes (krīžu vadība) ── */ .tk-crisis-def { font-size:13.5px; color:var(--text-muted); font-style:italic; line-height:1.55; margin:0 0 14px; } .tk-box { background:var(--surface-elev); border:1px solid var(--border); border-radius:var(--r-sm); padding:11px 14px; margin:0 0 14px; font-size:13.5px; } .tk-box-title { display:block; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:var(--c-blue); margin-bottom:7px; } .tk-ruleout { border-left:3px solid var(--c-amber); } .tk-ruleout strong, .tk-callhelp strong { color:var(--text-bright); } .tk-callhelp { border-left:3px solid var(--c-coral); } .tk-crisis-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; align-items:start; margin-bottom:4px; } .tk-crisis-grid > div { min-width:0; } @media (max-width:860px) { .tk-crisis-grid { grid-template-columns:1fr; } } .tk-steps { margin:6px 0 0; padding-left:20px; } .tk-steps > li { margin:0 0 11px; } .tk-step-h { font-weight:700; color:var(--text-bright); } .tk-steps ul { margin:5px 0 0; padding-left:18px; } .tk-steps ul li { margin:0 0 4px; color:var(--text-dim); line-height:1.5; } .tk-dx-grp { font-weight:700; color:var(--c-blue); margin:9px 0 1px; } .tk-dx-grp:first-of-type { margin-top:0; } .tk-dx p { margin:0 0 1px; color:var(--text-dim); line-height:1.45; } .tk-tips ul { margin:0; padding-left:18px; } .tk-tips li { margin:0 0 6px; color:var(--text-dim); line-height:1.5; } .tk-sub-h { font-weight:700; color:var(--text-bright); font-size:14px; margin:13px 0 3px; } .tk-col-left > .tk-sub-h:first-of-type, .tk-col-left > p:first-child + .tk-sub-h { margin-top:6px; } .tk-callout { font-weight:700; color:var(--text-bright); text-align:center; margin:12px 0 8px; line-height:1.5; } .tk-col-left ul { margin:3px 0 0; padding-left:18px; } .tk-col-left ul li { margin:0 0 4px; color:var(--text-dim); line-height:1.5; } .tk-col-left ul ul { margin-top:3px; } .tk-abbr { font-size:11.5px; color:var(--text-faint); margin-top:4px; line-height:1.55; } /* ── Literatūra ── */ .tk-refs { margin-top:14px; border-top:1px solid var(--border); } .tk-refs > summary { cursor:pointer; padding:12px 2px; font-size:13px; font-weight:700; color:var(--text-muted); } .tk-refs ol { margin:4px 0 8px; padding-left:22px; } .tk-refs li { font-size:12px; color:var(--text-faint); line-height:1.5; margin-bottom:5px; } /* ── Glosārijs (saīsinājumi) ── */ .tk-gloss { margin:8px 0 0; } .tk-gloss-item { display:grid; grid-template-columns:minmax(70px,140px) 1fr; gap:10px 16px; padding:9px 4px; border-bottom:1px solid var(--border); } .tk-gloss-item dt { font-weight:800; color:var(--c-blue); font-size:13.5px; margin:0; } .tk-gloss-item dd { margin:0; font-size:13.5px; color:var(--text-dim); line-height:1.5; } .tk-gloss-item.is-hidden { display:none; } /* ── Kopēšanas atturēšana (deterrents — skat. piezīmi) ── */ .tk-protect, .tk-protect * { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; } .tk-protect input, .tk-protect textarea { -webkit-user-select:text; user-select:text; } /* ── Mobilais ── */ @media (max-width:640px) { .tk-toc { grid-template-columns:1fr; } .tk-tbl { font-size:13px; } .tk-tbl td, .tk-tbl th { padding:8px 9px; } /* Šaurās 2-kolonnu tabulas (maza/liela apjoms) saliekas viena zem otras. Tikai tiešie .tk-phase-body bērni — platās tabulas .tk-scroll iekšā NETIEK skartas (tās ritina horizontāli). */ .tk-phase-body > .tk-tbl tr:not(.tk-band) { display:flex; flex-direction:column; } .tk-phase-body > .tk-tbl tr:not(.tk-band) td { border-bottom:0; } .tk-phase-body > .tk-tbl tr:not(.tk-band) td:last-child { border-bottom:1px solid var(--border); } /* Platā tabula (Specifiski apsvērumi) telefonā — kartītes, nevis horizontāla ritināšana */ .tk-scroll { overflow:visible; border:0; } .tk-scroll .tk-tbl { min-width:0; } .tk-scroll .tk-tbl thead { display:none; } .tk-scroll .tk-tbl tbody tr { display:block; border:1px solid var(--border-strong); border-radius:var(--r-sm); background:var(--surface); margin-bottom:12px; padding:4px 0; } .tk-scroll .tk-tbl tbody td { display:block; border:0; border-bottom:1px solid var(--border); padding:8px 13px; } .tk-scroll .tk-tbl tbody td:last-child { border-bottom:0; } .tk-scroll .tk-tbl tbody td:first-child { position:static; font-size:15px; font-weight:800; color:var(--c-blue); background:transparent; padding-top:11px; } .tk-scroll .tk-tbl tbody td:not(:first-child)::before { content:attr(data-label) ": "; font-weight:700; color:var(--text-muted); display:block; font-size:11px; text-transform:uppercase; letter-spacing:0.03em; margin-bottom:2px; } .tk-scroll .tk-tbl tbody td:empty { display:none; } } /* ── Drukāšana — atver visus akordeonus ── */ @media print { .site-nav, .tk-phasenav, .tk-search, .site-foot { display:none; } .tk-phase, .tk-refs { border:0; } details { display:block; } details > summary { font-weight:800; } details[open] > .tk-phase-body, details > .tk-phase-body { display:block; } } /* Gaišā tēma — taktikas */ html.light-theme .tk-tbl tr.tk-band td { background:transparent; } html.light-theme .tk-tbl tr.tk-band:has(td > strong) td { background:rgba(41,128,185,0.08); } html.light-theme .tk-tbl thead th { background:rgba(41,128,185,0.10); } html.light-theme .tk-phase > summary { background:linear-gradient(90deg, rgba(41,128,185,0.08), transparent); } html.light-theme .tk-scroll .tk-tbl td:first-child, html.light-theme .tk-scroll .tk-tbl th:first-child { background:#fff; }