/* Admin · Augimas (growth) page — ported from the Claude Design handoff
   (2026-10-01). Every class is prefixed `ag-`; the page root carries `.ag`.
   Tokens come from app.css (:root / .dark); the few the design added are
   declared on `.ag` so nothing leaks into the rest of the admin. */
.ag{--c-reg:#0F9D6A;--c-trial:#4F86F7;--c-pay:#E6B23B;--c-prev:#B7BFB9;--heat:15,157,106;--em-ink:#0A6B49;
  --c-plan-1:#C3DED0;--c-plan-2:#6BBE96;--c-plan-3:#0F9D6A;--c-plan-4:#0A6B49;
  --c-platform-1:#0F9D6A;--c-platform-2:#6BBE96;--c-platform-3:#C3DED0;--c-platform-4:#B7BFB9;
  --rose-50:#FCE7ED;--amber-50:#FBF1D6;--amber-ink:#7A5A10;--sh-xs:0 1px 2px rgba(15,23,42,0.04);
  color:var(--text);font-variant-numeric:tabular-nums}
.dark .ag{--c-reg:#2FD495;--c-trial:#7AA7FF;--c-pay:#F2C969;--c-prev:#4A554F;--heat:47,212,149;--em-ink:#2FD495;
  --rose-50:rgba(220,74,110,.16);--amber-50:rgba(230,178,59,.16);--amber-ink:#F2C969;--sh-xs:none}
.ag button{font-family:inherit;background:none;border:0;color:inherit;cursor:pointer;padding:0}
.ag-wrap{max-width:1180px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.ag-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}
.ag-head h1{font-family:var(--ff-display);font-size:22px;font-weight:600;letter-spacing:-.025em}
.ag-head p{margin-top:4px;font-size:12px;color:var(--text-3)}
.ag-act{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-bottom:2px}
.ag-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:10px;border:1px solid var(--border-2);background:var(--surface);font-size:12px;font-weight:600;color:var(--text);white-space:nowrap}
.ag-btn:hover{background:var(--surface-2)}
.ag-btn.pri{background:var(--em-600);border-color:var(--em-600);color:#fff}
.ag-btn.pri:hover{background:var(--em-700)}
.dark .ag-btn.pri{color:#06251A}
.ag-btn.gh{border-color:transparent;background:transparent;color:var(--text-2)}
.ag-btn.gh:hover{background:var(--surface-2);color:var(--text)}
.ag-btn.sm{height:28px;padding:0 10px;font-size:11.5px}
/* filter bar */
.ag-fb{position:sticky;top:0;z-index:30;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--sh-sm);padding:10px 12px;display:flex;flex-direction:column;gap:9px}
.ag-row{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}
.ag-row .sp{flex:1}
.ag-grp{display:flex;flex-direction:column;gap:4px}
.ag-grp>label{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--text-3)}
.ag-seg{display:inline-flex;padding:3px;border-radius:10px;background:var(--surface-3);border:1px solid var(--border)}
.ag-seg button{height:26px;padding:0 8px;border-radius:7px;font-size:11.5px;font-weight:600;color:var(--text-2);white-space:nowrap;transition:background .15s,color .15s,box-shadow .15s}
.ag-seg button:hover{color:var(--text)}
.ag-seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--sh-xs),0 0 0 1px var(--border)}
.dark .ag-seg button.on{background:var(--surface-2)}
.ag-dd{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 10px 0 11px;border-radius:10px;border:1px solid var(--border-2);background:var(--surface);font-size:12px;font-weight:600;color:var(--text);white-space:nowrap}
.ag-dd i{font-style:normal;color:var(--text-3);font-weight:500}
.ag-dd .cv{width:12px;height:12px;color:var(--text-3)}
.ag-dd.on{border-color:var(--em-300);background:var(--em-50);color:var(--em-ink)}
.ag-dd .n{min-width:17px;height:17px;padding:0 5px;border-radius:9px;background:var(--em-600);color:#fff;font-size:10px;font-weight:700;display:inline-grid;place-items:center}
.dark .ag-dd .n{color:#06251A}
.ag-sel{height:32px;padding:0 28px 0 11px;border-radius:10px;border:1px solid var(--border-2);background:var(--surface);font-size:12px;font-weight:600;color:var(--text);appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A958F' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 9px center;background-size:12px}
.ag-sel.on{border-color:var(--em-300);background-color:var(--em-50);color:var(--em-ink)}
.ag-tog{display:inline-flex;align-items:center;gap:8px;height:32px;margin-left:4px;font-size:12px;font-weight:600;color:var(--text-2);white-space:nowrap}
.ag-tog.on{color:var(--text)}
.ag-tog .tg{position:relative;width:34px;height:20px;border-radius:999px;background:var(--surface-3);border:1px solid var(--border-2);transition:background .15s}
.ag-tog .tg b{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:99px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:left .15s}
.ag-tog.on .tg{background:var(--em-500);border-color:var(--em-500)}.ag-tog.on .tg b{left:16px}
.ag-date{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 6px;border-radius:10px;border:1px solid var(--border-2);font-family:var(--ff-mono);font-size:11.5px;color:var(--text)}
.ag-date input{font:inherit;color:inherit;background:transparent;border:0;padding:0 4px;height:28px}
.ag-date i{font-style:normal;color:var(--text-4)}
.ag-ts{font-size:11px;color:var(--text-3);white-space:nowrap}
.ag-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-top:7px;border-top:1px solid var(--border)}
.ag-chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 6px 0 10px;border-radius:999px;background:var(--em-50);border:1px solid var(--em-200);font-size:11.5px;font-weight:600;color:var(--em-ink)}
.ag-chip .x{width:16px;height:16px;border-radius:99px;display:grid;place-items:center;color:var(--em-ink)}
.ag-chip .x:hover{background:var(--em-100)}
.ag-chip .x svg{width:9px;height:9px}
.ag-clear{height:26px;padding:0 8px;font-size:11.5px;font-weight:600;color:var(--text-2);border-radius:8px}
.ag-clear:hover{background:var(--surface-2);color:var(--text)}
.ag-rel{position:relative}
.ag-pop{position:absolute;top:calc(100% + 6px);left:0;z-index:40;width:380px;max-width:calc(100vw - 32px);background:var(--surface);border:1px solid var(--border-2);border-radius:14px;box-shadow:var(--sh-lg);padding:14px;display:flex;flex-direction:column;gap:12px}
.ag-pop .ag-seg{flex-wrap:wrap}
.ag-pop .ft{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}
.ag-views{position:absolute;top:calc(100% + 6px);right:0;z-index:40;min-width:240px;background:var(--surface);border:1px solid var(--border-2);border-radius:14px;box-shadow:var(--sh-lg);padding:8px;display:flex;flex-direction:column;gap:2px}
.ag-views .it{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border-radius:8px;font-size:12.5px;font-weight:500}
.ag-views .it:hover{background:var(--surface-2)}
.ag-views .it .x{color:var(--text-3);font-size:14px;padding:0 4px}
.ag-views .new{display:flex;gap:6px;padding:6px 4px 2px;border-top:1px solid var(--border);margin-top:4px}
.ag-views .new input{flex:1;height:30px;border:1px solid var(--border-2);border-radius:8px;padding:0 9px;font:inherit;font-size:12px;background:var(--surface);color:var(--text)}
/* tabs */
.ag-tabs{display:flex;gap:2px;border-bottom:1px solid var(--border-2);overflow-x:auto;scrollbar-width:none}
.ag-tabs::-webkit-scrollbar{display:none}
.ag-tabs button{position:relative;height:38px;padding:0 13px;font-size:13px;font-weight:600;color:var(--text-2);white-space:nowrap}
.ag-tabs button:hover{color:var(--text)}
.ag-tabs button.on{color:var(--text)}
.ag-tabs button.on::after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;border-radius:2px;background:var(--em-500)}
/* layout */
.ag-g{display:grid;gap:12px}
.g6{grid-template-columns:repeat(6,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.g21{grid-template-columns:2fr 1fr}
.ag-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--sh-xs);min-width:0}
.ag-card>.hd{padding:13px 15px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.ag-card>.hd h3{font-family:var(--ff-display);font-size:14px;font-weight:600;letter-spacing:-.015em}
.ag-card>.hd p{margin-top:3px;font-size:11.5px;color:var(--text-3)}
.ag-card>.bd{padding:13px 15px 15px}
.ag-card>.bd.t0{padding:0}
.ag-card>.bd.tight{padding-top:8px}
/* kpi */
.ag-kpi{padding:13px 14px 12px;display:flex;flex-direction:column;position:relative}
.ag-kpi .lbl{font-size:11.5px;font-weight:600;color:var(--text-2);line-height:1.3;min-height:30px}
.ag-kpi .big{margin-top:6px;font-family:var(--ff-display);font-size:26px;font-weight:600;letter-spacing:-.035em;line-height:1}
.ag-kpi .ft{margin-top:10px;display:flex;align-items:flex-end;justify-content:space-between;gap:8px}
.ag-kpi .sub{margin-top:8px;font-size:11px;color:var(--text-3);line-height:1.4}
.ag-delta{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}
.ag-delta.up{background:var(--em-50);color:var(--em-ink)}
.ag-delta.dn{background:var(--rose-50);color:var(--rose)}
.ag-delta.na{background:var(--surface-3);color:var(--text-3)}
.ag-note{display:flex;gap:7px;align-items:flex-start;margin-top:8px;padding:7px 9px;border-radius:9px;background:var(--amber-50);color:var(--amber-ink);font-size:11px;line-height:1.45;font-weight:500}
/* charts */
.adm .ag svg.ag-chart,.ag svg.ag-chart{display:block;width:100%;max-width:100%;height:auto;max-height:none;font-family:var(--ff-mono);font-size:10px;overflow:visible}
.adm .ag svg.ag-spark,.ag svg.ag-spark{width:88px;height:28px;max-width:none;max-height:none;flex:none}
.adm .ag .ag-donut>svg,.adm .ag .ag-gg svg{max-width:none;max-height:none}
.adm .ag .ag-chip .x svg,.adm .ag .ag-dd .cv{max-width:12px;max-height:12px}
.ag-chart .hit{cursor:crosshair}
.ag-chart .off{display:none}
.ag-lg{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.ag-lg span{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-2);font-weight:600;white-space:nowrap}
.ag-lg span b{font-weight:600;color:var(--text)}
.ag-lg i{width:10px;height:10px;border-radius:3px;flex:none;display:inline-block}
.ag-lg i.ln{height:3px;width:14px;border-radius:2px}
.ag-lg i.dash{background:repeating-linear-gradient(90deg,var(--c-prev) 0 4px,transparent 4px 7px)}
.ag-lg button{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-2);font-weight:600;padding:3px 7px;border-radius:7px}
.ag-lg button:hover{background:var(--surface-2)}
.ag-lg button.off{opacity:.4;text-decoration:line-through}
.ag-tip{position:absolute;pointer-events:none;z-index:5;background:#0A100E;color:#fff;border-radius:10px;padding:9px 11px;font-size:11.5px;box-shadow:var(--sh-md);min-width:170px;display:none}
.dark .ag-tip{background:#ECF3EF;color:#0A100E}
.ag-tip b{display:block;font-weight:600;margin-bottom:5px}
.ag-tip div{display:flex;justify-content:space-between;gap:14px}
.ag-tip div span:first-child{display:inline-flex;align-items:center;gap:6px}
.ag-tip i{width:8px;height:8px;border-radius:2px;display:inline-block}
.ag-stack{display:flex;height:10px;border-radius:5px;overflow:hidden;gap:2px;margin:12px 0 9px;background:var(--surface-3)}
.ag-stack i{display:block;min-width:4px}
.ag-hb{display:flex;flex-direction:column;gap:9px}
.ag-hb .r{display:grid;grid-template-columns:132px 1fr 92px;gap:10px;align-items:center}
.ag-hb .t{font-size:12px;font-weight:500;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ag-hb .tr{height:22px;border-radius:7px;background:var(--surface-3);overflow:hidden}
.ag-hb .tr b{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,var(--em-400),var(--em-600));min-width:3px}
.ag-hb .tr b.opt{background:var(--surface-2);border:1px dashed var(--border-2)}
.ag-hb .v{text-align:right;font-size:12px;font-weight:600}
.ag-hb .v i{font-style:normal;color:var(--text-3);font-weight:500;margin-left:5px;font-size:11px}
.ag-hb.sm .r{grid-template-columns:110px 1fr 84px}
.ag-call{margin-top:12px;padding:9px 11px;border-radius:9px;background:var(--surface-2);border:1px solid var(--border);font-size:12px;color:var(--text-2);line-height:1.5}
.ag-call b{color:var(--text);font-weight:600}
.ag-kv{display:flex;flex-direction:column}
.ag-kv .r{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:9px 0;border-top:1px solid var(--border);font-size:12.5px;color:var(--text-2)}
.ag-kv .r:first-child{border-top:0;padding-top:0}
.ag-kv .r b{font-family:var(--ff-display);font-size:17px;font-weight:600;letter-spacing:-.02em;color:var(--text)}
.ag-kv .r b i{font-style:normal;font-size:11px;color:var(--text-3);margin-left:6px;font-family:var(--ff-body);font-weight:500}
.ag-donut{display:flex;align-items:center;gap:18px}
.ag-donut svg .big{font-family:var(--ff-display);font-size:22px;font-weight:600;fill:var(--text)}
.ag-donut svg .sm{font-size:10px;fill:var(--text-3);font-family:var(--ff-body)}
.ag-donut .ag-kv{flex:1}
.ag-donut .ag-kv .r span{display:inline-flex;align-items:center;gap:7px}
.ag-donut .ag-kv i.sw{width:9px;height:9px;border-radius:3px;display:inline-block}
.ag-med{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ag-med div{padding:12px 12px 11px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border)}
.ag-med span{display:block;font-size:11px;color:var(--text-3);font-weight:500}
.ag-med b{display:block;margin-top:6px;font-family:var(--ff-display);font-size:21px;font-weight:600;letter-spacing:-.03em}
.ag-med small{display:block;margin-top:3px;font-size:10.5px;color:var(--text-4)}
/* tables */
.ag-tw{overflow-x:auto}
.ag-tbl{width:100%;border-collapse:collapse;font-size:12px}
.ag-tbl th{text-align:right;font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--text-3);padding:10px 12px 8px;border-bottom:1px solid var(--border);white-space:nowrap}
.ag-tbl th:first-child,.ag-tbl td:first-child{text-align:left;padding-left:15px;font-weight:600;color:var(--text)}
.ag-tbl td{text-align:right;padding:9px 12px;border-bottom:1px solid var(--border);color:var(--text-2);white-space:nowrap}
.ag-tbl tr:last-child td{border-bottom:0}
.ag-tbl tbody tr:hover td{background:var(--surface-2)}
.ag-tbl td.mono{font-family:var(--ff-mono);font-size:11.5px}
.ag-tbl td.n{color:var(--text)}
.ag-tbl td.hi{font-weight:700;color:var(--em-ink)}
.ag-cell{display:inline-flex;flex-direction:column;align-items:flex-end;min-width:64px;padding:4px 8px;border-radius:7px;background:rgba(var(--heat),calc(var(--p) * .9));color:var(--text);line-height:1.2}
.ag-cell b{font-weight:600;font-size:12px}
.ag-cell i{font-style:normal;font-size:10px;color:var(--text-3);font-weight:500}
.ag-cell.hi{color:#fff}.ag-cell.hi i{color:rgba(255,255,255,.75)}
.dark .ag-cell.hi{color:#06251A}.dark .ag-cell.hi i{color:rgba(6,37,26,.7)}
.ag-cell.na{background:transparent;color:var(--text-4)}
.ag-tbl .coh td{padding:5px 8px}
.ag-tbl .coh td:first-child{padding-left:15px}
/* gauges */
.ag-gg{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.ag-gg div{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px 8px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);text-align:center}
.ag-gg b{font-family:var(--ff-display);font-size:19px;font-weight:600;letter-spacing:-.03em;margin-top:-16px}
.ag-gg span{font-size:11px;color:var(--text-3);font-weight:500}
.ag-risk{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.ag-risk .big{font-family:var(--ff-display);font-size:40px;font-weight:600;letter-spacing:-.04em;line-height:1}
.ag-risk p{font-size:12px;color:var(--text-2);line-height:1.5;flex:1;min-width:160px}
/* App Store manual entry (kept from v1, lives in Įsigijimas) */
.ag-asf{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ag-asf label{display:block;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--text-3);margin-bottom:4px}
.ag-asf input{width:100%;height:32px;border:1px solid var(--border-2);border-radius:10px;padding:0 10px;font:inherit;font-size:12px;background:var(--surface);color:var(--text)}
.ag-asl{display:flex;flex-direction:column;gap:4px;margin-top:12px}
.ag-asl div{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:6px 8px;border-radius:8px;background:var(--surface-2);color:var(--text-2)}
.ag-asl div b{color:var(--text)}
/* states */
.ag-sk{position:relative;overflow:hidden;background:var(--surface-3);border-radius:6px;display:block}
.ag-sk::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:agSk 1.4s infinite}
.dark .ag-sk::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent)}
@keyframes agSk{to{transform:translateX(100%)}}
.ag-empty{padding:34px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}
.ag-empty h3{font-family:var(--ff-display);font-size:15px;font-weight:600}
.ag-empty p{font-size:12.5px;color:var(--text-2);max-width:360px;line-height:1.5}
.ag-empty .acts{display:flex;gap:8px;margin-top:6px}
.ag-err{padding:20px;color:var(--rose);font-size:13px}
/* mobile */
.ag-fbtn{display:none}
.ag-scrim{position:fixed;inset:0;background:rgba(10,16,14,.45);z-index:80}
.ag-sheet{position:fixed;left:0;right:0;bottom:0;z-index:81;background:var(--surface);border-radius:20px 20px 0 0;box-shadow:var(--sh-lg);display:flex;flex-direction:column;max-height:92vh}
.ag-sheet .grab{width:36px;height:4px;border-radius:2px;background:var(--border-2);margin:10px auto 4px}
.ag-sheet .hd{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 10px;border-bottom:1px solid var(--border)}
.ag-sheet .hd h3{font-family:var(--ff-display);font-size:16px;font-weight:600}
.ag-sheet .bd{padding:12px 16px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}
.ag-sheet .ag-seg{flex-wrap:wrap;gap:2px}
.ag-sheet .ft{padding:12px 16px 18px;border-top:1px solid var(--border);display:flex;gap:8px}
.ag-sheet .ft .ag-btn{flex:1;height:40px;justify-content:center}
@media (max-width:760px){
  .ag-fb .ag-desk{display:none}
  .ag-fbtn{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border-radius:10px;border:1px solid var(--border-2);background:var(--surface);font-size:12.5px;font-weight:600}
  .ag-fbtn .n{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--em-600);color:#fff;font-size:10.5px;font-weight:700;display:inline-grid;place-items:center}
  .ag .g6{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ag .g2,.ag .g3,.ag .g21,.ag .g4{grid-template-columns:1fr}
  .ag-head h1{font-size:20px}
  .ag-med{grid-template-columns:1fr 1fr}
  .ag-hb .r{grid-template-columns:96px 1fr 84px}
  .ag-gg{grid-template-columns:repeat(2,1fr)}
  .ag-asf{grid-template-columns:1fr}
}