/* style.css — TautaAI.lv kopīgie stili
   v53 "Kristāls" — gaišais glassmorphism dizains (Tava Balss. Latvijas Nākotne.)
   Saglabātas visas iepriekšējās klases — mainīts tikai vizuālais stils. */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,700;0,900;1,600&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  /* Pamata toņi — gaišs, kristāla balts ar lavandas/zilu dvesmu */
  --bg:        #F2F4FB;
  --bg-card:   rgba(255,255,255,.76);
  --bg-solid:  #FFFFFF;
  --bg-surface:rgba(108,107,240,.07);
  --sidebar:   rgba(255,255,255,.62);
  --border:    rgba(140,153,219,.26);
  --border-h:  rgba(108,107,240,.55);

  /* Zīmola akcents (vēsturiski --red) — tagad indigo-violetais gradients */
  --red:       #6C6BF0;
  --red-b:     #5551E6;
  --grad:      linear-gradient(115deg,#5B8CFF 0%,#8B6BFF 100%);
  --grad-soft: linear-gradient(115deg,rgba(91,140,255,.14),rgba(139,107,255,.14));

  /* Semantiskās krāsas (pielāgotas gaišam fonam) */
  --gold:      #B9861B;
  --green:     #17A97B;
  --mint:      #22C79A;
  --amber:     #DE7A22;
  --blue:      #3E7BEE;
  --pink:      #F0567E;

  --text:      #17224D;
  --text-muted:#5D6B94;
  --text-dim:  #98A3C7;

  --mono:      'JetBrains Mono', monospace;
  --radius:    18px;

  --shadow-card: 0 12px 34px rgba(84,102,190,.13), 0 2px 6px rgba(84,102,190,.07);
  --shadow-pop:  0 24px 60px rgba(64,80,170,.20);
  --glass-line: inset 0 0 0 1px rgba(255,255,255,.72), inset 0 1px 0 rgba(255,255,255,.95);
}

html { scroll-behavior: smooth; }
body {
  font-family: 'Inter', sans-serif;
  color: var(--text);
  min-height: 100vh;
  background: var(--bg);
  background-image:
    radial-gradient(900px 520px at 12% -6%,  rgba(91,140,255,.16), transparent 60%),
    radial-gradient(820px 560px at 88% -2%,  rgba(155,107,255,.14), transparent 58%),
    radial-gradient(760px 520px at 82% 96%,  rgba(240,86,126,.07),  transparent 60%),
    radial-gradient(700px 480px at 8% 100%,  rgba(34,199,154,.06),  transparent 60%);
  background-attachment: fixed;
}

/* ── TIPOGRĀFIJA ────────────────────────────── */
h1, h2, h3 { font-family: 'Playfair Display', serif; font-weight: 700; letter-spacing: -.01em; }
a { color: var(--text); text-decoration: none; }
::selection { background: rgba(108,107,240,.22); }
.text-grad {
  background: var(--grad);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}

/* ── KABINETA IZKĀRTOJUMS ───────────────────── */
.app-layout {
  display: grid;
  grid-template-columns: 236px 1fr;
  grid-template-rows: 60px calc(100vh - 60px);
  height: 100vh;
  overflow: hidden;
}
.app-topbar {
  grid-column: 1 / -1;
  background: rgba(255,255,255,.72);
  backdrop-filter: blur(18px) saturate(1.4);
  -webkit-backdrop-filter: blur(18px) saturate(1.4);
  border-bottom: 1px solid var(--border);
  display: flex; align-items: center;
  padding: 0 20px;
  gap: 12px;
  position: relative;
  z-index: 50;
  box-shadow: 0 4px 18px rgba(84,102,190,.06);
}
.app-sidebar {
  background: var(--sidebar);
  backdrop-filter: blur(18px) saturate(1.3);
  -webkit-backdrop-filter: blur(18px) saturate(1.3);
  border-right: 1px solid var(--border);
  overflow-y: auto;
  padding: 18px 12px;
}
.app-main {
  overflow-y: auto;
  padding: 28px;
}

/* ── AUGŠJOSLAS ELEMENTI ────────────────────── */
.tb-brand { display: flex; align-items: center; gap: 9px; text-decoration: none; }
.tb-diamond {
  flex-shrink: 0;
  width:32px;height:32px;transform:none;border-radius:0;box-shadow:none;
  background:
    radial-gradient(circle 3.0px at 16px 4px,#5F8DFD 98%,transparent),
    radial-gradient(circle 2.5px at 25px 7px,#6B83FA 98%,transparent),
    radial-gradient(circle 2.9px at 28px 16px,#7A7BF7 98%,transparent),
    radial-gradient(circle 2.2px at 25px 25px,#8673F5 98%,transparent),
    radial-gradient(circle 2.8px at 16px 28px,#8F6EF3 98%,transparent),
    radial-gradient(circle 2.3px at 7px 25px,#7B7CF7 98%,transparent),
    radial-gradient(circle 2.8px at 4px 16px,#6D86FA 98%,transparent),
    radial-gradient(circle 2.2px at 7px 7px,#5F8DFD 98%,transparent),
    radial-gradient(circle 4.3px at 16px 16px,#7E78F6 98%,transparent);
  filter:drop-shadow(0 3px 8px rgba(108,107,240,.35));
}
.tb-diamond span { display: none; }
.tb-name { font-family: 'Playfair Display', serif; font-size: 16px; font-weight: 700; }
.tb-name em { font-style: normal; background: var(--grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.tb-sep { width: 1px; height: 28px; background: var(--border); margin: 0 6px; }
.tb-role-badge {
  padding: 3px 11px; border-radius: 20px; font-size: 11px; font-weight: 600;
  text-transform: uppercase; letter-spacing: .5px;
}
.role-citizen  { background: rgba(62,123,238,.12); color: var(--blue); border: 1px solid rgba(62,123,238,.25); }
.role-deputy   { background: rgba(185,134,27,.12); color: var(--gold); border: 1px solid rgba(185,134,27,.28); }
.role-admin    { background: rgba(108,107,240,.12); color: var(--red);  border: 1px solid rgba(108,107,240,.3); }
.tb-user { margin-left: auto; display: flex; align-items: center; gap: 10px; }
.tb-avatar {
  width: 34px; height: 34px; border-radius: 50%;
  background: var(--grad-soft); border: 1px solid rgba(108,107,240,.3);
  display: flex; align-items: center; justify-content: center; font-size: 14px;
  flex-shrink: 0; color: var(--red); font-weight: 600;
}
.tb-username { font-size: 13px; font-weight: 500; }
.tb-email { font-size: 11px; color: var(--text-muted); }
.btn-logout {
  padding: 6px 13px; border: 1px solid var(--border); border-radius: 999px;
  background: rgba(255,255,255,.6); color: var(--text-muted); font-size: 12px;
  cursor: pointer; font-family: 'Inter', sans-serif; transition: all .2s;
}
.btn-logout:hover { border-color: var(--pink); color: var(--pink); }

/* ── SĀNU NAVIGĀCIJA ────────────────────────── */
.sidebar-label {
  font-size: 9px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;
  color: var(--text-dim); padding: 14px 12px 7px;
}
.nav-item {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 13px; border-radius: 13px; cursor: pointer;
  color: var(--text-muted); font-size: 13px; font-weight: 500;
  transition: all .2s; position: relative; margin-bottom: 3px;
  border: 1px solid transparent;
}
.nav-item:hover { color: var(--text); background: rgba(255,255,255,.8); box-shadow: 0 4px 14px rgba(84,102,190,.08); }
.nav-item.active {
  color: var(--red);
  background: rgba(255,255,255,.9);
  box-shadow: 0 6px 18px rgba(108,107,240,.14), var(--glass-line);
  border: 1px solid rgba(108,107,240,.22);
  font-weight: 600;
}
.nav-item.active::before {
  content: ''; position: absolute; left: -12px; top: 50%; transform: translateY(-50%);
  width: 3px; height: 20px; background: var(--grad); border-radius: 0 3px 3px 0;
}
.nav-ico { font-size: 16px; width: 20px; text-align: center; }
.nav-badge {
  margin-left: auto; min-width: 18px; height: 18px; border-radius: 9px;
  background: var(--grad); color: white; font-size: 10px; font-weight: 700;
  display: flex; align-items: center; justify-content: center; padding: 0 5px;
  box-shadow: 0 3px 8px rgba(108,107,240,.35);
}

/* ── SADAĻU SATURS ──────────────────────────── */
.section { display: none; }
.section.active { display: block; }
.sec-hd { margin-bottom: 22px; }
.sec-hd h2 { font-size: 24px; margin-bottom: 4px; }
.sec-hd p { font-size: 13px; color: var(--text-muted); }

/* ── KARTĪTES (stikla) ──────────────────────── */
.card {
  background: var(--bg-card);
  backdrop-filter: blur(16px) saturate(1.35);
  -webkit-backdrop-filter: blur(16px) saturate(1.35);
  border: 1px solid var(--border);
  border-radius: var(--radius); padding: 20px;
  box-shadow: var(--shadow-card), var(--glass-line);
}
.card-sm { padding: 14px 16px; }
.card-hover { transition: box-shadow .25s, transform .25s, border-color .25s; cursor: pointer; }
.card-hover:hover { border-color: var(--border-h); transform: translateY(-3px); box-shadow: var(--shadow-pop), var(--glass-line); }

/* ── POGAS ──────────────────────────────────── */
.btn {
  padding: 10px 22px; border-radius: 999px; font-size: 13px; font-weight: 600;
  cursor: pointer; transition: all .2s; font-family: 'Inter', sans-serif;
  display: inline-flex; align-items: center; gap: 7px;
}
.btn-primary {
  background: var(--grad); border: none; color: white;
  box-shadow: 0 10px 24px rgba(108,107,240,.35), var(--glass-line);
}
.btn-primary:hover { filter: brightness(1.06); transform: translateY(-1px); box-shadow: 0 14px 30px rgba(108,107,240,.42), var(--glass-line); }
.btn-secondary {
  background: rgba(255,255,255,.72); border: 1px solid var(--border); color: var(--text-muted);
  backdrop-filter: blur(10px);
}
.btn-secondary:hover { border-color: var(--border-h); color: var(--red); background: #fff; }
.btn-gold  { background: linear-gradient(115deg,#F0B23C,#DE8A22); border: none; color: #fff; box-shadow: 0 8px 20px rgba(222,138,34,.3); }
.btn-gold:hover  { filter: brightness(1.05); }
.btn-green { background: linear-gradient(115deg,#2BD7A7,#12A377); border: none; color: white; box-shadow: 0 8px 20px rgba(23,169,123,.3); }
.btn-green:hover { filter: brightness(1.05); }
.btn-sm { padding: 6px 14px; font-size: 12px; }
.btn-full { width: 100%; justify-content: center; }
.btn:disabled { opacity: .45; cursor: not-allowed; transform: none !important; }

/* ── FORMAS ─────────────────────────────────── */
.f-group { margin-bottom: 16px; }
.f-label {
  display: block; font-size: 11px; font-weight: 600;
  text-transform: uppercase; letter-spacing: 1px;
  color: var(--text-muted); margin-bottom: 7px;
}
.f-input {
  width: 100%; padding: 11px 14px;
  background: rgba(255,255,255,.82);
  border: 1px solid var(--border);
  border-radius: 13px; color: var(--text); font-family: 'Inter', sans-serif;
  font-size: 13px; outline: none; transition: border-color .2s, box-shadow .2s;
  box-shadow: inset 0 1px 3px rgba(84,102,190,.06);
}
.f-input:focus { border-color: var(--red); box-shadow: 0 0 0 3px rgba(108,107,240,.15); background: #fff; }
.f-input::placeholder { color: var(--text-dim); }
.f-input:disabled { opacity: .55; cursor: not-allowed; }
textarea.f-input { resize: vertical; min-height: 90px; line-height: 1.5; }
select.f-input option { background: #fff; color: var(--text); }
.f-hint { font-size: 11px; color: var(--text-dim); margin-top: 5px; }
.f-error { font-size: 12px; color: var(--pink); margin-top: 5px; }

/* ── BIRKAS / NOZĪMĪTES ─────────────────────── */
.tag {
  display: inline-flex; align-items: center; gap: 4px;
  padding: 4px 11px; border-radius: 999px;
  font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: .4px;
  white-space: nowrap;
}
.tag-sub     { background: rgba(93,107,148,.1);  color: var(--text-muted); }
.tag-analyze { background: rgba(222,122,34,.12); color: var(--amber); }
.tag-vote    { background: rgba(34,199,154,.13); color: #0F9068; }
.tag-comm    { background: rgba(185,134,27,.13); color: var(--gold); }
.tag-parl    { background: rgba(108,107,240,.13); color: var(--red); }
.tag-reject  { background: rgba(240,86,126,.1);  color: var(--pink); }

/* ── AI VĒRTĒJUMA GREDZENS ──────────────────── */
.score-ring {
  width: 46px; height: 46px; border-radius: 50%; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--mono); font-size: 13px; font-weight: 500;
  color: var(--text);
  background:
    radial-gradient(closest-side, #fff 76%, transparent 77% 100%),
    conic-gradient(from 210deg, #5B8CFF, #8B6BFF, #C79BFF, #5B8CFF);
  box-shadow: 0 6px 16px rgba(108,107,240,.22);
}
.score-hi { }
.score-md {
  background:
    radial-gradient(closest-side, #fff 76%, transparent 77% 100%),
    conic-gradient(from 210deg, #F5B93C, #DE7A22, #F5B93C);
  box-shadow: 0 6px 16px rgba(222,122,34,.22);
}
.score-lo {
  background:
    radial-gradient(closest-side, #fff 76%, transparent 77% 100%),
    conic-gradient(from 210deg, #F587A6, #F0567E, #F587A6);
  box-shadow: 0 6px 16px rgba(240,86,126,.22);
}
.score-na {
  background:
    radial-gradient(closest-side, #fff 76%, transparent 77% 100%),
    conic-gradient(rgba(152,163,199,.5) 0 100%);
  color: var(--text-dim); box-shadow: none;
}

/* ── PROGRESA JOSLA ─────────────────────────── */
.prog-track { flex: 1; height: 7px; background: rgba(108,107,240,.1); border-radius: 4px; overflow: hidden; }
.prog-fill  { height: 100%; border-radius: 4px; transition: width .6s ease; }
.prog-red   { background: var(--grad); }
.prog-gold  { background: linear-gradient(90deg, #F0B23C, #DE8A22); }
.prog-green { background: linear-gradient(90deg, #2BD7A7, #12A377); }
.prog-blue  { background: linear-gradient(90deg, #5B8CFF, #3E7BEE); }

/* ── MODĀLIS ────────────────────────────────── */
.overlay {
  display: none; position: fixed; inset: 0;
  background: rgba(38,46,96,.4); backdrop-filter: blur(10px);
  z-index: 500; align-items: center; justify-content: center; padding: 16px;
}
.overlay.open { display: flex; }
.modal-box {
  background: rgba(255,255,255,.9);
  backdrop-filter: blur(24px) saturate(1.4);
  border: 1px solid var(--border);
  border-radius: 24px; padding: 28px; width: 100%; max-width: 540px;
  max-height: 90vh; overflow-y: auto;
  box-shadow: var(--shadow-pop), var(--glass-line);
}
.modal-hd { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; }
.modal-hd h3 { font-size: 20px; }
.modal-close {
  background: none; border: none; color: var(--text-muted);
  font-size: 22px; cursor: pointer; line-height: 1;
}
.modal-close:hover { color: var(--pink); }

/* ── STATISTIKAS KASTES ─────────────────────── */
.stat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin-bottom: 24px; }
.stat-box {
  background: var(--bg-card);
  backdrop-filter: blur(14px);
  border: 1px solid var(--border);
  border-radius: 16px; padding: 16px;
  box-shadow: var(--shadow-card), var(--glass-line);
}
.stat-num { font-family: 'Inter', sans-serif; font-variant-numeric: tabular-nums; font-size: 28px; font-weight: 700; display: block; letter-spacing: -.02em; }
.stat-lbl { font-size: 11px; color: var(--text-muted); text-transform: uppercase; letter-spacing: 1px; margin-top: 4px; }

/* ── PAZIŅOJUMU KASTES ──────────────────────── */
.alert { padding: 12px 15px; border-radius: 14px; font-size: 13px; margin-bottom: 14px; }
.alert-warn  { background: rgba(222,122,34,.09); border: 1px solid rgba(222,122,34,.22); color: #B4611A; }
.alert-err   { background: rgba(240,86,126,.09); border: 1px solid rgba(240,86,126,.25); color: #D13A63; }
.alert-ok    { background: rgba(34,199,154,.1);  border: 1px solid rgba(34,199,154,.28); color: #0F9068; }
.alert-info  { background: rgba(62,123,238,.09); border: 1px solid rgba(62,123,238,.22); color: var(--blue); }

/* ── IELĀDES RIŅĶIS ─────────────────────────── */
.spinner {
  width: 32px; height: 32px; border: 3px solid rgba(108,107,240,.15);
  border-top-color: var(--red); border-radius: 50%;
  animation: spin .8s linear infinite; margin: 0 auto;
}
.spinner-sm { width: 18px; height: 18px; border-width: 2px; display: inline-block; vertical-align: middle; }
@keyframes spin { to { transform: rotate(360deg); } }

/* ── ATDALĪTĀJS ─────────────────────────────── */
.divider { border: none; border-top: 1px solid var(--border); margin: 20px 0; }

/* ── RESPONSĪVS ─────────────────────────────── */
.sidebar-toggle{display:none;background:none;border:none;color:var(--text);font-size:22px;cursor:pointer;padding:4px 8px;margin-right:6px;line-height:1}
.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(38,46,96,.35);backdrop-filter:blur(4px);z-index:39}
.sidebar-backdrop.show{display:block}
@media (max-width: 768px) {
  .sidebar-toggle{display:inline-block}
  .app-layout { grid-template-columns: 1fr; grid-template-rows: auto auto 1fr; }
  .app-sidebar { display: none; }
  .app-sidebar.open { display: block; position: fixed; top: 60px; left: 0; bottom: 0; width: 244px; z-index: 40; overflow-y:auto; box-shadow: 12px 0 40px rgba(64,80,170,.18); background: rgba(255,255,255,.92); }
  .app-main { padding: 16px; }
  .stat-grid { grid-template-columns: repeat(2, 1fr); }
  .app-topbar{padding:8px 10px;gap:8px;flex-wrap:wrap;height:auto}
  .tb-role-badge,.tb-email,.tb-sep{display:none!important}
  .tb-viewswitch{margin-left:0!important;order:3;width:100%;flex-wrap:wrap;row-gap:6px}
  .tb-viewswitch span{display:none}
  .tb-viewswitch a{flex:1;text-align:center;padding:6px 4px!important;font-size:10px!important;white-space:nowrap}
  .tb-user{gap:6px}
  .tb-username{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

/* ── AUTENTIFIKĀCIJAS LAPAS ─────────────────── */
.auth-wrap {
  min-height: 100vh; display: flex; align-items: center; justify-content: center;
  padding: 20px;
}
.auth-box {
  background: rgba(255,255,255,.8);
  backdrop-filter: blur(22px) saturate(1.4);
  border: 1px solid var(--border);
  border-radius: 26px; padding: 36px; width: 100%; max-width: 420px;
  box-shadow: var(--shadow-pop), var(--glass-line);
}
.auth-logo { display: flex; align-items: center; gap: 10px; margin-bottom: 28px; justify-content: center; }
.auth-logo-diamond {
  width:40px;height:40px;transform:none;border-radius:0;box-shadow:none;
  background:
    radial-gradient(circle 3.8px at 20px 5px,#5F8DFD 98%,transparent),
    radial-gradient(circle 3.1px at 31px 9px,#6B83FA 98%,transparent),
    radial-gradient(circle 3.6px at 35px 20px,#7A7BF7 98%,transparent),
    radial-gradient(circle 2.8px at 31px 31px,#8673F5 98%,transparent),
    radial-gradient(circle 3.4px at 20px 35px,#8F6EF3 98%,transparent),
    radial-gradient(circle 2.9px at 9px 31px,#7B7CF7 98%,transparent),
    radial-gradient(circle 3.5px at 5px 20px,#6D86FA 98%,transparent),
    radial-gradient(circle 2.8px at 9px 9px,#5F8DFD 98%,transparent),
    radial-gradient(circle 5.4px at 20px 20px,#7E78F6 98%,transparent);
  filter:drop-shadow(0 3px 8px rgba(108,107,240,.35));
}
.auth-logo-diamond span { display: none; }
.auth-logo-text { font-family: 'Playfair Display', serif; font-size: 20px; font-weight: 700; }
.auth-logo-text em { font-style: normal; background: var(--grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.auth-title { font-size: 22px; text-align: center; margin-bottom: 6px; }
.auth-sub { font-size: 13px; color: var(--text-muted); text-align: center; margin-bottom: 26px; }
.auth-divider { display: flex; align-items: center; gap: 12px; margin: 16px 0; }
.auth-divider span { font-size: 12px; color: var(--text-dim); white-space: nowrap; }
.auth-divider::before, .auth-divider::after { content: ''; flex: 1; height: 1px; background: var(--border); }
.auth-footer { text-align: center; margin-top: 20px; font-size: 13px; color: var(--text-muted); }
.auth-footer a { color: var(--red); font-weight: 600; }
.auth-footer a:hover { text-decoration: underline; }

/* ══════════════════════════════════════════════════════════
   VIENOTĀ GAIŠĀ TĒMA
   data-theme atribūts vairs nemaina izskatu — dizains ir viens.
   ══════════════════════════════════════════════════════════ */
html[data-theme="light"], html[data-theme="dark"] { /* apzināti tukšs — tēma vienota */ }
.theme-toggle-btn { display: none !important; }

/* ── AI TĒRZĒŠANAS SASKARNE ─────────────────── */
.chat-window{min-height:320px;max-height:60vh;overflow-y:auto;background:rgba(255,255,255,.55);border:1px solid var(--border);border-radius:18px;padding:14px;margin-bottom:12px;display:flex;flex-direction:column;backdrop-filter:blur(10px)}
.ai-chat-bubble{padding:12px 15px;border-radius:16px;font-size:13px;line-height:1.6;margin-bottom:10px;max-width:90%}
.ai-user{background:var(--grad);color:white;margin-left:auto;border-bottom-right-radius:5px;box-shadow:0 6px 16px rgba(108,107,240,.28)}
.ai-bot{background:rgba(255,255,255,.9);border:1px solid var(--border);border-bottom-left-radius:5px;box-shadow:0 4px 12px rgba(84,102,190,.08)}
.ai-typing{display:flex;align-items:center;gap:6px;padding:12px 14px;color:var(--text-muted);font-size:12px}
.typing-dot{width:6px;height:6px;border-radius:50%;background:var(--red);animation:bounce .8s infinite}
.typing-dot:nth-child(2){animation-delay:.15s}
.typing-dot:nth-child(3){animation-delay:.3s}
@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}

/* ── PIEEJAMĪBA ─────────────────────────────── */
:focus-visible { outline: 3px solid rgba(108,107,240,.5); outline-offset: 2px; border-radius: 6px; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* ══════════════════════════════════════════════════════════
   v54 — MAKETU GRAFIKAS KOMPONENTI (99% atbilstība attēliem)
   ══════════════════════════════════════════════════════════ */

/* Punktu logo (kā maketā) */
.logo-dots{display:block;flex-shrink:0;filter:drop-shadow(0 3px 8px rgba(108,107,240,.3))}

/* Tendences kapsula ↑ +24.5% */
.trend-pill{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:#0F9068;background:rgba(34,199,154,.12);padding:4px 11px;border-radius:999px}
.trend-pill.down{color:#D13A63;background:rgba(240,86,126,.1)}

/* Laukuma diagramma (gluda līkne ar punktiem — kā maketā) */
.area-svg{width:100%;height:100%;overflow:visible}
.area-grid{stroke:rgba(140,153,219,.3);stroke-dasharray:4 5;stroke-width:1}
.area-dot{fill:#fff;stroke:#5B8CFF;stroke-width:2}
.area-dot-end{fill:#3E7BEE;filter:drop-shadow(0 0 6px rgba(91,140,255,.9))}
.area-dot-ring{fill:none;stroke:rgba(91,140,255,.35);stroke-width:6}

/* Lielais AI vērtējuma gredzens (Priekšlikumu maketā) */
.ai-ring-lg{width:92px;height:92px;border-radius:50%;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;background:radial-gradient(closest-side,#fff 71%,transparent 72% 100%),conic-gradient(from 220deg,#5B8CFF 0,#8B6BFF var(--p,100%),rgba(140,153,219,.16) var(--p,100%));box-shadow:0 10px 26px rgba(108,107,240,.22),inset 0 0 0 1px rgba(255,255,255,.6)}
.ai-ring-lg b{font-size:27px;font-weight:700;line-height:1;letter-spacing:-.02em}
.ai-ring-lg i{font-style:normal;font-size:7px;font-weight:600;letter-spacing:.7px;color:var(--text-dim);text-transform:uppercase;line-height:1.5}
.ai-ring-lg.md{background:radial-gradient(closest-side,#fff 71%,transparent 72% 100%),conic-gradient(from 220deg,#F5B93C 0,#DE7A22 var(--p,100%),rgba(140,153,219,.16) var(--p,100%))}
.ai-ring-lg.lo{background:radial-gradient(closest-side,#fff 71%,transparent 72% 100%),conic-gradient(from 220deg,#F587A6 0,#F0567E var(--p,100%),rgba(140,153,219,.16) var(--p,100%))}
.ai-ring-lg.na{background:radial-gradient(closest-side,#fff 71%,transparent 72% 100%),conic-gradient(rgba(152,163,199,.4) 0 100%);box-shadow:none}

/* Spīdīgās 3D balsošanas pogas (zaļā ↑ / rozā ↓ — kā maketā) */
.vote-orb{width:60px;height:60px;border-radius:50%;border:none;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:800;color:#fff;transition:transform .15s ease;flex-shrink:0;text-shadow:0 1px 2px rgba(0,40,25,.35)}
.vote-orb::before{content:'';position:absolute;inset:4px;border-radius:50%;box-shadow:inset 0 3px 6px rgba(255,255,255,.55),inset 0 -5px 10px rgba(0,0,0,.18);pointer-events:none}
.vote-orb-up{background:radial-gradient(circle at 32% 26%,#C9FFEE 0%,#5FEBBD 26%,#17A97B 60%,#0B7A56 100%);box-shadow:0 14px 30px rgba(23,169,123,.45),0 0 0 5px rgba(34,199,154,.14),inset 0 -6px 12px rgba(5,70,48,.35)}
.vote-orb-up:hover{transform:translateY(-2px) scale(1.04)}
.vote-orb-down{background:radial-gradient(circle at 32% 26%,#FFE0EC 0%,#F78BB0 26%,#E8447A 60%,#AC1F51 100%);box-shadow:0 14px 30px rgba(232,68,122,.4),0 0 0 5px rgba(240,86,126,.13),inset 0 -6px 12px rgba(120,15,55,.35);text-shadow:0 1px 2px rgba(80,5,35,.4)}
.vote-orb-down:hover{transform:translateY(-2px) scale(1.04)}
.vote-orb:active{transform:scale(.93)}
.vote-orb:disabled{cursor:default;transform:none}
.vote-orb.voted{background:radial-gradient(circle at 32% 26%,#DFFFF3 0%,#7CF0CB 30%,#12A377 65%,#0A6A4B 100%)}
.vote-orb-sm{width:46px;height:46px;font-size:17px}
.votes-lbl{text-align:center;line-height:1.15}
.votes-lbl b{display:block;font-size:19px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.votes-lbl span{font-size:10.5px;color:var(--text-muted)}

/* Pasteļu kategoriju birkas (kā maketā) */
.tag-mint {background:rgba(34,199,154,.13);color:#0F9068}
.tag-pinkc{background:rgba(240,86,126,.12);color:#D13A63}
.tag-lav  {background:rgba(139,107,255,.13);color:#7A5CF0}
.tag-bluec{background:rgba(62,123,238,.12);color:#2F63C9}
.tag-goldc{background:rgba(185,134,27,.14);color:#9A6F12}
.tag-slate{background:rgba(93,107,148,.1);color:var(--text-muted)}

/* Statistikas mini rindas kartītēs (💡 Atbalsta · 1 284) */
.sm-col{display:flex;flex-direction:column;gap:8px;min-width:150px}
.sm-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted);white-space:nowrap}
.sm-row .sm-ico{width:16px;text-align:center;flex-shrink:0}
.sm-row b{color:var(--text);margin-left:auto;font-weight:600;font-variant-numeric:tabular-nums}

/* Verificēts (zilā ķeksīša nozīmīte) */
.verified{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;background:#3E8EF7;color:#fff;font-size:10px;vertical-align:2px;margin-left:5px;box-shadow:0 3px 8px rgba(62,142,247,.35)}

/* Sistēmas statusa indikators (AI analīze aktīva) */
.sys-status{display:flex;align-items:center;gap:10px}
.sys-ico{width:38px;height:38px;border-radius:50%;background:rgba(34,199,154,.12);display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:inset 0 0 0 1px rgba(34,199,154,.25)}
.sys-status b{display:block;font-size:12.5px;font-weight:600}
.sys-status b::before{content:'●';color:var(--green);margin-right:5px;font-size:9px;vertical-align:1px}
.sys-status span{font-size:11px;color:var(--text-muted)}

/* Ieliktie kategoriju ikonu burbuļi (Populārākās iniciatīvas) */
.cat-bub{width:40px;height:40px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}
.cb-mint{background:rgba(34,199,154,.13)} .cb-pink{background:rgba(240,86,126,.11)} .cb-lav{background:rgba(139,107,255,.12)} .cb-blue{background:rgba(62,123,238,.12)} .cb-gold{background:rgba(222,158,34,.14)}

/* 3D stikla stabiņi (Democracy Pulse apakšā — kā maketā) */
.bars3d{display:flex;align-items:flex-end;gap:9px;height:86px;justify-content:center;padding-top:6px}
.bar3d{width:15px;border-radius:6px 6px 4px 4px;background:linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(150,190,255,.75) 26%,rgba(91,140,255,.85) 60%,rgba(62,105,220,.9) 100%);box-shadow:inset 0 2px 3px rgba(255,255,255,.95),inset -3px 0 5px rgba(255,255,255,.4),inset 0 -5px 9px rgba(50,70,170,.4),0 8px 18px rgba(84,102,190,.3)}
.bar3d.violet{background:linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(190,165,255,.8) 26%,rgba(155,110,255,.85) 60%,rgba(120,80,230,.9) 100%);box-shadow:inset 0 2px 3px rgba(255,255,255,.95),inset -3px 0 5px rgba(255,255,255,.4),inset 0 -5px 9px rgba(90,50,180,.4),0 8px 18px rgba(120,90,220,.3)}

/* Zvaigžņu reitings */
.stars{color:#F5A93C;font-size:12px;letter-spacing:1px}
.stars .off{color:rgba(150,160,200,.35)}

/* Dzirksteles līnija (sparkline) */
.spark{width:88px;height:30px;flex-shrink:0}
.spark path{fill:none;stroke-width:1.8;stroke-linecap:round}
.spark .up{stroke:#22C79A}.spark .down{stroke:#F0567E}.spark .flat{stroke:#B08BFF}

/* Karstuma joslas (Tēmu karstums) */
.heat-row{display:flex;align-items:center;gap:10px;margin-bottom:11px}
.heat-lbl{font-size:12px;color:var(--text);width:92px;flex-shrink:0}
.heat-track{flex:1;height:7px;border-radius:4px;background:rgba(140,153,219,.14);overflow:hidden}
.heat-fill{height:100%;border-radius:4px}
.heat-val{font-size:12px;font-weight:600;width:40px;text-align:right;font-variant-numeric:tabular-nums}

/* Sociālie apļi kājenē */
.soc-circle{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.85);border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;font-size:13px;color:var(--text-muted);transition:all .2s;text-decoration:none;box-shadow:0 4px 12px rgba(84,102,190,.1)}
.soc-circle:hover{color:var(--red);border-color:var(--border-h);transform:translateY(-2px)}

/* Piesaistes līnija peldošajiem čipiem */
.chip::before{content:'';position:absolute;width:26px;height:1.5px;background:linear-gradient(90deg,rgba(108,107,240,.5),rgba(108,107,240,.08))}

/* Koplietotās komponentes (izmanto index + kabineti) */
.live-pill{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;letter-spacing:.6px;color:var(--green);background:rgba(34,199,154,.12);padding:3px 9px;border-radius:999px;text-transform:uppercase}
.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:blink 1.4s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}
.big-num{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1}
.big-lbl{font-size:11px;color:var(--text-muted);margin-top:3px}
.donut-row{display:flex;align-items:center;gap:16px}
.donut{width:92px;height:92px;border-radius:50%;flex-shrink:0;background:radial-gradient(closest-side,#fff 72%,transparent 73% 100%),conic-gradient(#22C79A 0 23%,#5B8CFF 23% 76%,#F0567E 76% 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(84,102,190,.15)}
.donut b{font-size:19px;font-weight:700}
.legend{flex:1;display:flex;flex-direction:column;gap:7px}
.leg{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}
.leg i{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.leg b{margin-left:auto;color:var(--text);font-variant-numeric:tabular-nums}
.v-votecl{display:flex;align-items:center;gap:12px;flex-shrink:0}

/* ══════════════════════════════════════════════════════════
   v55 — PROFILA LAPAS (deputāts / kandidāts / partija)
   ══════════════════════════════════════════════════════════ */

/* Atpakaļsaite un varoņsekcija */
.back-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted);text-decoration:none;margin-bottom:14px;transition:color .2s}
.back-link:hover{color:var(--red)}
.prof-hero{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}
.prof-avatar{width:104px;height:104px;border-radius:28px;background:var(--grad-soft);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:44px;flex-shrink:0;overflow:hidden;box-shadow:var(--shadow-card),var(--glass-line)}
.prof-avatar img{width:100%;height:100%;object-fit:cover}
.prof-id{flex:1;min-width:220px}
.prof-name{font-family:'Playfair Display',serif;font-size:26px;font-weight:700;line-height:1.15;margin-bottom:6px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.prof-badges{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}
.prof-badge{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.75);border:1px solid var(--border);color:var(--text-muted)}
.prof-badge.gold{color:var(--gold);border-color:rgba(185,134,27,.3);background:rgba(185,134,27,.09)}
.prof-badge.green{color:#0F9068;border-color:rgba(34,199,154,.3);background:rgba(34,199,154,.09)}
.prof-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}
.prof-share-row{display:none;gap:8px;margin-top:10px;flex-wrap:wrap}
.prof-share-row.open{display:flex}
.prof-bio{font-size:13.5px;color:var(--text);line-height:1.7;background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px;margin-top:16px}

/* Cilnes */
.ptabs{display:flex;gap:4px;flex-wrap:wrap;margin:22px 0 18px;border-bottom:1px solid var(--border);overflow-x:auto}
.ptab{padding:10px 16px;background:none;border:none;color:var(--text-muted);font-size:13.5px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;font-family:'Inter',sans-serif;white-space:nowrap;transition:color .2s}
.ptab:hover{color:var(--text)}
.ptab.on{color:var(--red);border-bottom-color:var(--red);font-weight:600}
.psec{display:none}
.psec.on{display:block;animation:pfade .25s ease}
@keyframes pfade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}

/* Interaktīvais zvaigžņu vērtēšanas rīks (atšķirīgs no read-only .stars) */
.rate-stars{display:flex;gap:5px;cursor:pointer;margin:8px 0}
.rate-star{font-size:27px;color:var(--text-dim);transition:all .15s}
.rate-star:hover,.rate-star.on{color:var(--gold);transform:scale(1.1)}

/* Programmas/solījumu vienumi (koplietots ar profile-shared.js) */
.promise-item{padding:13px 14px;background:var(--bg-surface);border:1px solid var(--border);border-radius:13px;margin-bottom:9px}
.promise-stars{display:flex;gap:2px}
.promise-star{font-size:15px;color:var(--text-dim);transition:all .15s}
.promise-star[onclick]{cursor:pointer}
.promise-star[onclick]:hover{color:var(--gold);transform:scale(1.15)}
.promise-star.on{color:var(--gold)}

/* Aktivitātes karte (pilsētu pini) */
.lv-map-wrap{position:relative}
.lv-map{width:100%;height:auto;filter:drop-shadow(0 8px 18px rgba(91,140,255,.22))}
.am-legend{margin-top:10px;display:flex;flex-direction:column;gap:6px}
.am-leg-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}
.am-leg-row i{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.am-leg-row b{color:var(--text);font-weight:600;margin-left:auto}
.am-leg-row em{font-style:normal;color:var(--text-dim);font-size:11px;width:52px;text-align:right}
.am-note{font-size:10.5px;color:var(--text-dim);margin-top:10px;line-height:1.5}

/* Kalendāra siltumkarte */
.hm-hd{font-size:12px;color:var(--text-muted);margin-bottom:10px}
.hm-hd b{color:var(--text);font-size:14px}
.hm-grid{display:flex;gap:3px;overflow-x:auto;padding-bottom:4px}
.hm-col{display:flex;flex-direction:column;gap:3px}
.hm-cell{width:11px;height:11px;border-radius:3px;background:rgba(140,153,219,.14)}
.hm-void{background:transparent}
.hm-l0{background:rgba(140,153,219,.14)}
.hm-l1{background:#C9E9DC}
.hm-l2{background:#7FD6B4}
.hm-l3{background:#2FBE8C}
.hm-l4{background:#0F9068}
.hm-scale{display:flex;align-items:center;gap:4px;margin-top:8px;font-size:10px;color:var(--text-dim)}
.hm-scale i{width:10px;height:10px;border-radius:3px;display:inline-block}

/* Iniciatīvu/solījumu mazā AI-gredzena rinda profila lapās */
.init-row{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid rgba(140,153,219,.14)}
.init-row:last-child{border-bottom:none}
.init-body{flex:1;min-width:0}
.init-t{font-size:13.5px;font-weight:600;margin-bottom:4px;line-height:1.4}
.init-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.init-reply{font-size:12px;color:var(--text-muted);background:var(--bg-surface);border-left:3px solid var(--red);border-radius:0 10px 10px 0;padding:8px 11px;margin-top:8px;line-height:1.55}

/* Kandidātu/deputātu mini kartītes (partijas lapā) */
.mini-person{display:flex;align-items:center;gap:11px;padding:11px;background:var(--bg-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:15px;text-decoration:none;color:var(--text);transition:all .2s;box-shadow:var(--glass-line)}
.mini-person:hover{border-color:var(--border-h);transform:translateY(-2px);box-shadow:var(--shadow-card),var(--glass-line)}
.mini-person .prof-avatar{width:42px;height:42px;border-radius:12px;font-size:17px}
.mini-person-i{flex:1;min-width:0}
.mini-person-n{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-person-s{font-size:10.5px;color:var(--text-muted)}
.mini-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:11px}

@media(max-width:640px){
  .prof-hero{flex-direction:column;align-items:center;text-align:center}
  .prof-id{min-width:0;width:100%}
  .prof-name{justify-content:center}
  .prof-badges{justify-content:center}
  .prof-actions{justify-content:center}
  .am-leg-row em{display:none}
}

/* Sīkās pogas (filtri/dalīšanās) un pieteikšanās piezīme — koplietots visur */
.pb{padding:6px 14px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.7);color:var(--text-muted);font-size:12px;cursor:pointer;transition:all .2s;font-family:'Inter',sans-serif}
.pb:hover,.pb.on{border-color:var(--gold);color:var(--gold);background:rgba(185,134,27,.08)}
.login-note{font-size:12px;color:var(--text-muted);padding:11px 14px;background:var(--bg-surface);border-radius:12px;margin-top:10px;line-height:1.5}

/* ══════════════════════════════════════════════════════════
   v56 — VIENOTA PUBLISKĀ NAVIGĀCIJA UN KĀJENE
   Koplietota visās publiskajās lapās — pilnībā saskaņota ar
   sākumlapas (index.html) "Kristāla" dizainu. Iepriekš katrai
   lapai bija sava (vecāka, plakanāka) navigācija un kājenes
   vispār nebija — tagad viss nāk no vienas vietas.
   ══════════════════════════════════════════════════════════ */

/* Publiskā navigācija — 64px, stikls, gradienta zīmols (kā sākumlapā) */
.pub-nav{position:fixed;top:0;left:0;right:0;height:64px;background:rgba(255,255,255,.68);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 28px;gap:12px;z-index:100;box-shadow:0 6px 24px rgba(84,102,190,.07)}
.brand-tag{font-size:9.5px;color:var(--text-dim);letter-spacing:.4px;margin-top:1px}
.pub-links{display:flex;gap:2px;margin-left:14px}
.pub-links a{padding:7px 14px;border-radius:999px;text-decoration:none;color:var(--text-muted);font-size:13px;font-weight:500;transition:all .2s;white-space:nowrap}
.pub-links a:hover{color:var(--red);background:rgba(108,107,240,.08)}
.pub-links a.cur{color:var(--red);background:rgba(255,255,255,.9);box-shadow:0 4px 12px rgba(108,107,240,.12);font-weight:600}
.btn-nav-login{padding:8px 18px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.72);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}
.btn-nav-login:hover{border-color:var(--border-h);color:var(--red)}
.btn-nav-cabinet{padding:8px 20px;border:none;border-radius:999px;background:var(--grad);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;box-shadow:0 8px 20px rgba(108,107,240,.35);display:inline-block}
.btn-nav-cabinet:hover{filter:brightness(1.06);transform:translateY(-1px)}
@media(max-width:900px){.pub-links{display:none}.brand-tag{display:none}}

/* Kājene — vienota visās publiskajās lapās (kā sākumlapā) */
footer{border-top:1px solid var(--border);padding:30px 28px;max-width:1460px;margin:0 auto}
.foot-strip{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;margin-bottom:20px;font-size:12.5px;color:var(--text-muted)}
.foot-strip .shield{display:flex;align-items:center;gap:8px}
.footer-brand{font-family:'Playfair Display',serif;font-size:17px}
.footer-brand em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.footer-links{display:flex;gap:16px;flex-wrap:wrap}
.footer-links a{font-size:12px;color:var(--text-muted);text-decoration:none;transition:color .2s}
.footer-links a:hover{color:var(--red)}

/* Saraksta kartītes (kandidāti/deputāti/partijas) — pacelts uz stikla sistēmu */
.list-card{background:var(--bg-card);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-card),var(--glass-line);transition:all .25s}
.list-card:hover{border-color:var(--border-h);transform:translateY(-3px);box-shadow:var(--shadow-pop),var(--glass-line)}

/* ══════════════════════════════════════════════════════════
   v57 — VALODAS PĀRSLĒGS (i18n.js) UN AI PALĪGA PELDOŠAIS LOGS
   (ai-assistant-widget.js). Abi injicējas ar JS jebkurā lapā, kas
   iekļauj attiecīgo <script> — šeit tikai kopīgais vizuālais slānis.
   ══════════════════════════════════════════════════════════ */

/* ── Valodas pārslēgs ── */
.lang-switch{position:relative;flex-shrink:0}
.lang-btn{display:inline-flex;align-items:center;gap:5px;height:38px;padding:0 13px;border-radius:999px;background:rgba(255,255,255,.85);border:1px solid var(--border);color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.3px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px rgba(84,102,190,.1);font-family:'Inter',sans-serif}
.lang-btn:hover{color:var(--red);border-color:var(--border-h)}
.lang-switch.open .lang-btn{color:var(--red);border-color:var(--border-h)}
.lang-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:154px;background:rgba(255,255,255,.97);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-pop),var(--glass-line);padding:6px;display:none;flex-direction:column;gap:2px;z-index:200}
.lang-switch.open .lang-menu{display:flex}
.lang-menu button{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border:none;background:none;border-radius:10px;font-size:12.5px;font-weight:600;color:var(--text);cursor:pointer;text-align:left;font-family:'Inter',sans-serif;transition:background .15s}
.lang-menu button:hover{background:rgba(108,107,240,.08)}
.lang-menu button.active{color:var(--red);background:rgba(108,107,240,.1)}
.lang-menu button.active::after{content:'✓';font-size:11px}
.lang-switch.lang-fixed{position:fixed;top:14px;right:14px;z-index:150}
.app-topbar .lang-switch{margin-left:10px}

/* ── AI palīga peldošā poga un panelis ── */
.ai-fab{position:fixed;bottom:22px;right:22px;width:56px;height:56px;border-radius:50%;background:var(--grad);color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:23px;cursor:pointer;box-shadow:0 12px 30px rgba(108,107,240,.4),var(--glass-line);z-index:300;transition:transform .2s,box-shadow .2s;animation:aiPulse 2.8s ease-out infinite}
.ai-fab:hover{transform:translateY(-2px) scale(1.05);animation:none;box-shadow:0 16px 36px rgba(108,107,240,.5),var(--glass-line)}
.ai-fab.open{transform:none;animation:none}
@keyframes aiPulse{0%{box-shadow:0 12px 30px rgba(108,107,240,.4),0 0 0 0 rgba(108,107,240,.38)}70%{box-shadow:0 12px 30px rgba(108,107,240,.4),0 0 0 14px rgba(108,107,240,0)}100%{box-shadow:0 12px 30px rgba(108,107,240,.4),0 0 0 0 rgba(108,107,240,0)}}

.ai-panel{position:fixed;bottom:90px;right:22px;width:384px;max-width:calc(100vw - 32px);height:min(600px,calc(100vh - 130px));background:rgba(255,255,255,.94);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow-pop),var(--glass-line);z-index:300;display:none;flex-direction:column;overflow:hidden}
.ai-panel.open{display:flex}
.ai-panel-hd{display:flex;align-items:center;gap:10px;padding:15px 16px;border-bottom:1px solid var(--border);background:var(--grad);color:#fff;flex-shrink:0}
.ai-panel-hd .ai-avatar{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.ai-panel-hd-txt{flex:1;min-width:0}
.ai-panel-hd-txt b{display:block;font-size:14px;font-weight:700;line-height:1.2}
.ai-panel-hd-txt span{display:block;font-size:10.5px;opacity:.85;margin-top:1px}
.ai-panel-close{background:rgba(255,255,255,.18);border:none;color:#fff;width:28px;height:28px;border-radius:50%;font-size:15px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background .2s;line-height:1}
.ai-panel-close:hover{background:rgba(255,255,255,.32)}
.ai-panel-body{flex:1;overflow-y:auto;padding:16px 16px 6px;display:flex;flex-direction:column}
.ai-suggested{display:flex;flex-wrap:wrap;gap:7px;padding:0 16px 14px;flex-shrink:0}
.ai-chip{padding:7px 13px;border-radius:999px;background:rgba(108,107,240,.08);border:1px solid var(--border);color:var(--red-b);font-size:11.5px;font-weight:600;cursor:pointer;transition:all .2s;font-family:'Inter',sans-serif}
.ai-chip:hover{background:rgba(108,107,240,.16);border-color:var(--border-h)}
.ai-panel-ft{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border);flex-shrink:0;background:rgba(255,255,255,.5)}
.ai-panel-ft input{flex:1;min-width:0;padding:11px 14px;border-radius:14px;border:1px solid var(--border);background:#fff;font-size:13px;font-family:'Inter',sans-serif;color:var(--text)}
.ai-panel-ft input:focus{outline:none;border-color:var(--border-h)}
.ai-panel-ft button{width:42px;height:42px;border-radius:14px;border:none;background:var(--grad);color:#fff;font-size:16px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:filter .2s}
.ai-panel-ft button:hover{filter:brightness(1.08)}
.ai-panel-ft button:disabled{opacity:.5;cursor:default}
.ai-gate{padding:22px 22px;text-align:center;margin:auto}
.ai-gate-ico{font-size:30px;margin-bottom:10px}
.ai-gate p{font-size:13px;color:var(--text-muted);margin-bottom:16px;line-height:1.6}
.ai-gate-btns{display:flex;gap:8px;justify-content:center}
.ai-disclaimer{font-size:10px;color:var(--text-dim);text-align:center;padding:6px 16px 10px;flex-shrink:0;line-height:1.4}
.ai-rate-note{font-size:11.5px;color:var(--amber);background:rgba(222,122,34,.09);border:1px solid rgba(222,122,34,.22);border-radius:12px;padding:9px 12px;margin:0 0 10px}

@media(max-width:640px){
  .ai-panel{right:10px;left:10px;width:auto;max-width:none;bottom:80px;height:min(72vh,560px)}
  .ai-fab{bottom:16px;right:16px}
  .lang-switch.lang-fixed{top:10px;right:10px}
}

/* ===== v60: ieejas animācija + logo dzīvīgums ===== */

/* -- Nav logo: klusa, elegantа "dzīvīga" kustība. Ārējais gredzens paliek
   fiksēts (forma atpazīstama), tikai centrs un 3 akcenta punkti kustas. -- */
.logo-dots circle{transform-box:fill-box;transform-origin:center}
.logo-dots circle:nth-child(9){animation:logoBreathe 3.6s ease-in-out infinite}
.logo-dots circle:nth-child(10){animation:logoTwinkle 2.8s ease-in-out infinite}
.logo-dots circle:nth-child(11){animation:logoTwinkle 2.8s ease-in-out infinite;animation-delay:.9s}
.logo-dots circle:nth-child(12){animation:logoTwinkle 2.8s ease-in-out infinite;animation-delay:1.8s}
@keyframes logoBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.14)}}
@keyframes logoTwinkle{0%,100%{opacity:.35}50%{opacity:1}}

/* -- Ieejas splash: video (kristāla lidojums), tad logo "aizlido" uz
   nav joslu. Rādās vienreiz vienā sesijā (skat. splash.js). -- */
.splash-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0B1020;opacity:1;transition:opacity .45s ease;cursor:pointer;overflow:hidden}
.splash-overlay.splash-out{opacity:0;pointer-events:none}
.splash-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .35s ease}
.splash-overlay.splash-fly .splash-video{opacity:0}
.splash-fly-logo{position:absolute;left:50%;top:50%;width:64px;height:64px;transform:translate(-50%,-50%);opacity:0;transition:opacity .4s ease;filter:drop-shadow(0 4px 18px rgba(60,50,180,.45))}
.splash-fly-logo.is-in{opacity:1}
.splash-overlay.splash-fly .splash-fly-logo{transition:transform .62s cubic-bezier(.16,.9,.35,1),opacity .3s ease;transform:translate(-50%,-50%) translate(var(--fly-dx,0),var(--fly-dy,0)) scale(var(--fly-scale,1))}
.splash-fade-only .splash-fly-logo{transition:opacity .3s ease}
.splash-fade-only.splash-fly .splash-fly-logo{opacity:0;transform:translate(-50%,-50%) scale(1.15)}
.splash-static-logo{display:flex;flex-direction:column;align-items:center;gap:14px}
.splash-label{font-family:'Playfair Display',serif;font-size:16px;letter-spacing:1.5px;color:#fff;opacity:.95}
.splash-overlay[data-reduced]{background:linear-gradient(160deg,#0B1020,#1B1440 60%,#241A4A)}

@media(min-width:640px){.splash-fly-logo{width:84px;height:84px}}

@media(prefers-reduced-motion: reduce){
  .logo-dots circle{animation:none!important}
}