/* ============================================================
   digilab produktų dizaino sistema v1 — omega-theme.css
   Tokenai perimti 1:1 iš AI chat agentų platformos (src/styles.css).
   Naudoja: Omega. Ateityje — bet kuris naujas digilab produktas.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

:root{
  /* --- brand --- */
  --brand:            oklch(0.945 0.196 103);   /* #FFEB00 */
  --brand-fg:         oklch(0.18 0.01 247);     /* grafitas ant geltonos */

  /* --- paviršiai --- */
  --bg:               oklch(1 0 0);
  --fg:               oklch(0.18 0.01 247);     /* grafitas, NE juoda */
  --card:             oklch(1 0 0);
  --muted:            oklch(0.975 0.003 247);   /* šaltas pilkšvas */
  --muted-fg:         oklch(0.52 0.01 247);     /* antrinis tekstas */
  --border:           oklch(0.93 0.003 247);    /* whisper hairline */
  --ring:             oklch(0.18 0.01 247);
  --link:             oklch(0.55 0.18 250);
  --destructive:      oklch(0.577 0.245 27.325);
  --ok:               oklch(0.62 0.14 155);

  /* --- tamsi navigacija (aiagent admin) --- */
  --nav:              oklch(0.18 0 0);
  --nav-fg:           oklch(0.98 0 0);
  --nav-muted:        oklch(0.72 0 0);
  --nav-accent:       oklch(0.27 0 0);
  --nav-border:       oklch(1 0 0 / 12%);

  /* --- forma --- */
  --radius:           0.75rem;   /* 12px */
  --radius-sm:        0.5rem;
  --radius-lg:        1rem;
  --font:             "Montserrat", ui-sans-serif, system-ui, sans-serif;

  /* --- kanalai (subtilios, ne rėkiančios) --- */
  --ch-google:        oklch(0.55 0.15 255);
  --ch-meta:          oklch(0.55 0.17 262);
  --ch-tiktok:        oklch(0.52 0.01 247);
}

*{box-sizing:border-box; margin:0; padding:0;}
body{font-family:var(--font); background:var(--bg); color:var(--fg); font-size:13.5px; -webkit-font-smoothing:antialiased;}

/* ---------- Tamsi šoninė navigacija ---------- */
.side{width:212px; background:var(--nav); color:var(--nav-fg); position:fixed; top:0; bottom:0; display:flex; flex-direction:column; z-index:20;}
.side .brand{padding:18px 18px 16px; display:flex; align-items:baseline; gap:2px;}
.side .brand b{font-size:17px; font-weight:700; letter-spacing:-.2px;}
.side .brand i{width:6px; height:6px; background:var(--brand); border-radius:50%; display:inline-block; margin-left:1px; transform:translateY(-8px);}
.side .brand small{display:block; font-size:9px; color:var(--nav-muted); font-weight:500; margin-top:2px;}
.side .sec{padding:16px 18px 6px; font-size:9px; font-weight:600; letter-spacing:.9px; color:var(--nav-muted); text-transform:uppercase;}
.side .item{display:flex; align-items:center; gap:10px; margin:1px 10px; padding:9px 12px; border-radius:var(--radius-sm); font-size:12.5px; font-weight:500; color:oklch(0.9 0 0); cursor:pointer; transition:background .12s;}
.side .item:hover{background:var(--nav-accent);}
.side .item.on{background:var(--brand); color:var(--brand-fg); font-weight:600;}
.side .item svg{width:15px; height:15px; flex:none; stroke-width:1.8;}
.side .item .cnt{margin-left:auto; font-size:10.5px; font-weight:600; opacity:.75;}
.side .foot{margin-top:auto; padding:14px 18px; border-top:1px solid var(--nav-border); font-size:10.5px; color:var(--nav-muted);}
.side .foot .row{display:flex; justify-content:space-between; margin-bottom:4px;}
.side .foot .bar{height:3px; background:oklch(1 0 0 / 14%); border-radius:2px; overflow:hidden; margin-bottom:9px;}
.side .foot .bar i{display:block; height:100%; background:var(--brand); border-radius:2px;}

/* ---------- Turinio sritis ---------- */
.main{margin-left:212px; min-height:100vh;}
.top{height:56px; display:flex; align-items:center; gap:12px; padding:0 24px; border-bottom:1px solid var(--border); background:var(--bg); position:sticky; top:0; z-index:12;}
.top h1{font-size:15px; font-weight:600;}
.top .sp{flex:1;}
.page{padding:26px 24px 60px; max-width:1360px;}
.page > h2{font-size:22px; font-weight:700; letter-spacing:-.3px;}
.page > .lead{color:var(--muted-fg); font-size:12.5px; margin-top:3px;}

/* ---------- Valdikliai ---------- */
.btn{font-family:inherit; font-size:12.5px; font-weight:600; border-radius:var(--radius-sm); padding:8px 14px; border:1px solid var(--border); background:var(--bg); color:var(--fg); cursor:pointer; display:inline-flex; align-items:center; gap:7px;}
.btn:hover{background:var(--muted);}
.btn.pri{background:var(--brand); border-color:var(--brand); color:var(--brand-fg);}
.btn.dark{background:var(--fg); border-color:var(--fg); color:#fff;}
.btn svg{width:14px; height:14px; stroke-width:1.9;}
.chip{font-family:inherit; font-size:11.5px; font-weight:500; border:1px solid var(--border); background:var(--bg); color:var(--muted-fg); border-radius:999px; padding:5px 13px; cursor:pointer;}
.chip.on{background:var(--fg); border-color:var(--fg); color:#fff; font-weight:600;}
.sel{font-family:inherit; font-size:12.5px; font-weight:500; border:1px solid var(--border); border-radius:var(--radius-sm); padding:7px 11px; background:var(--bg); color:var(--fg);}
.ico{width:34px; height:34px; border-radius:999px; border:1px solid var(--border); background:var(--bg); color:var(--fg); display:inline-flex; align-items:center; justify-content:center; cursor:pointer;}
.ico:hover{background:var(--muted);}
.ico.pri{background:var(--brand); border-color:var(--brand);}
.ico.dark{background:var(--fg); border-color:var(--fg); color:#fff;}
.ico svg{width:15px; height:15px; stroke-width:1.9;}

/* ---------- KPI kortelės (aiagent tinklelis) ---------- */
.kpis{display:grid; grid-template-columns:repeat(auto-fit,minmax(212px,1fr)); gap:13px; margin:20px 0;}
.kpi{border:1px solid var(--border); border-radius:var(--radius); padding:15px 17px; background:var(--card);}
.kpi .lbl{display:flex; align-items:center; gap:6px; font-size:9.5px; font-weight:600; letter-spacing:.7px; text-transform:uppercase; color:var(--muted-fg); margin-bottom:9px;}
.kpi .lbl svg{width:12px; height:12px; stroke-width:2;}
.kpi .val{font-size:26px; font-weight:700; letter-spacing:-.6px; line-height:1;}
.kpi .sub{font-size:10.5px; color:var(--muted-fg); margin-top:6px;}
.kpi.inv{background:var(--fg); border-color:var(--fg); color:#fff;}
.kpi.inv .lbl{color:oklch(0.75 0 0);} .kpi.inv .sub{color:oklch(0.7 0 0);}

/* ---------- Kortelės ir lentelės ---------- */
.card{border:1px solid var(--border); border-radius:var(--radius); background:var(--card); overflow:hidden;}
.card .hd{display:flex; align-items:center; gap:9px; padding:14px 17px; border-bottom:1px solid var(--border); flex-wrap:wrap;}
.card .hd h3{font-size:12.5px; font-weight:600;}
table{width:100%; border-collapse:collapse; font-size:12.5px;}
th{font-size:9.5px; font-weight:600; letter-spacing:.7px; text-transform:uppercase; color:var(--muted-fg); text-align:left; padding:11px 16px; background:var(--muted); border-bottom:1px solid var(--border); white-space:nowrap;}
td{padding:12px 16px; border-bottom:1px solid var(--border);}
tbody tr:last-child td{border-bottom:none;}
tbody tr{cursor:pointer;} tbody tr:hover{background:var(--muted);}
.tn{font-weight:600;}
.ts{color:var(--muted-fg); font-size:11px; margin-top:2px;}
.num{text-align:right; font-variant-numeric:tabular-nums;}
.grp td{background:var(--muted); font-size:9.5px; font-weight:600; letter-spacing:.8px; text-transform:uppercase; color:var(--muted-fg); padding:8px 16px;}

/* būsenų taškai */
.st{display:inline-flex; align-items:center; gap:7px; font-size:11.5px; white-space:nowrap;}
.st i{width:7px; height:7px; border-radius:50%; background:oklch(0.8 0 0); flex:none;}
.st.wait i{background:var(--brand);} .st.run i{background:var(--brand); box-shadow:0 0 0 3px oklch(0.945 0.196 103 / .25);}
.st.done i{background:var(--ok);} .st.crit i{background:var(--destructive);} .st.meas i{background:oklch(0.6 0 0);}

/* kanalo ženkliukas */
.ch{display:inline-flex; align-items:center; justify-content:center; width:17px; height:17px; border-radius:5px; font-size:9px; font-weight:700; margin-right:6px; vertical-align:-3px; border:1px solid var(--border); background:var(--muted);}
.ch.g{color:var(--ch-google);} .ch.m{color:var(--ch-meta);} .ch.t{color:var(--ch-tiktok);}

/* insight juosta */
.insight{border:1px solid var(--border); border-radius:var(--radius); padding:14px 17px; background:linear-gradient(90deg, oklch(0.99 0.02 103) 0%, var(--bg) 62%); font-size:12.5px; margin-bottom:18px;}
.insight b{font-weight:600;}
.insight .s{color:var(--muted-fg); font-size:11px; margin-top:3px;}

/* tuščios būsenos */
.empty{max-width:460px; margin:64px auto; text-align:center; color:var(--muted-fg);}
.empty .sh{width:40px; height:40px; border:1.5px dashed var(--border); border-radius:var(--radius); margin:0 auto 16px; transform:rotate(45deg);}
.empty b{display:block; color:var(--fg); font-size:13.5px; font-weight:600; margin-bottom:7px;}
.empty p{font-size:12px; line-height:1.7;}

/* tooltip */
#tip{position:fixed; z-index:60; background:var(--fg); color:#fff; border-radius:var(--radius-sm); padding:9px 12px; font-size:11.5px; line-height:1.5; max-width:280px; display:none; pointer-events:none; box-shadow:0 8px 26px oklch(0 0 0 / .18);}
#tip b{color:var(--brand); font-weight:600;}
#tip .r{display:flex; gap:8px;} #tip .r span:first-child{color:oklch(0.75 0 0); min-width:76px;}

/* panelė */
.scrim{position:fixed; inset:0; background:oklch(0.18 0.01 247 / .3); display:none; z-index:30;}
.scrim.on{display:block;}
.panel{position:fixed; top:0; right:-620px; bottom:0; width:620px; max-width:96vw; background:var(--bg); z-index:31; display:flex; flex-direction:column; transition:right .2s; box-shadow:-10px 0 40px oklch(0 0 0 / .12);}
.panel.on{right:0;}
.panel .ph{padding:17px 22px; border-bottom:1px solid var(--border); display:flex; align-items:center; gap:12px;}
.panel .ph h3{font-size:14.5px; font-weight:600; flex:1;}
.panel .pb{flex:1; overflow:auto; padding:18px 22px;}
.panel .pf{border-top:1px solid var(--border); padding:14px 22px; display:flex; gap:9px; align-items:center;}
details{border:1px solid var(--border); border-radius:var(--radius-sm); margin-bottom:8px;}
details summary{cursor:pointer; list-style:none; padding:11px 14px; font-size:12.5px; font-weight:600; display:flex; align-items:center; gap:8px;}
details summary::before{content:'›'; color:var(--muted-fg); transition:transform .15s; display:inline-block;}
details[open] summary::before{transform:rotate(90deg);}
details .in{padding:0 14px 13px; font-size:12.5px; line-height:1.65; color:oklch(0.32 0.01 247);}