/* Skaivio AI – spalvinga tema (2026-10). Perrašo pagrindinius stilius index.html.
   Norint grąžinti seną išvaizdą – pašalinkite <link ... tema.css> eilutę iš index.html. */
:root{
  --canvas:#f3f4fb; --surface:#ffffff; --ink:#151936; --muted:#5d6382; --line:#e3e5f2;
  --act:#5b45f5; --act2:#2f7bff; --act-ink:#ffffff; --act-soft:#ecebff;
  --grad:linear-gradient(135deg,#6a4dff 0%,#3a7bff 100%);
  --hero:linear-gradient(125deg,#3b1fd1 0%,#6a3df0 38%,#c03fd8 72%,#ff6a8b 100%);
  --plus:#0f9f68; --minus:#e1484f; --warn:#c26b00; --warn-soft:#fff4e0;
  --rail:#140f3a; --rail-ink:#f1efff; --rail-muted:#a7a3d6;
  --shadow:0 1px 2px rgba(23,20,70,.06),0 10px 28px -14px rgba(40,30,120,.28);
  --shadow-lg:0 2px 4px rgba(23,20,70,.06),0 24px 48px -20px rgba(60,40,170,.40);
  --r-sm:10px; --r-md:18px;
}
@media (prefers-color-scheme:dark){:root{
  --canvas:#0b0d1d; --surface:#151935; --ink:#eceeff; --muted:#a2a6c9; --line:#272c52;
  --act:#8f7dff; --act2:#5ea2ff; --act-ink:#ffffff; --act-soft:#24215a;
  --hero:linear-gradient(125deg,#2a1699 0%,#5126c4 40%,#9a2fb4 75%,#c84a6e 100%);
  --plus:#3fd69a; --minus:#ff7a80; --warn:#f2b24c; --warn-soft:#33270f;
  --rail:#080a1a; --rail-ink:#eceeff; --rail-muted:#8d90b8;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 10px 28px -14px rgba(0,0,0,.6);
  --shadow-lg:0 2px 4px rgba(0,0,0,.3),0 24px 48px -20px rgba(0,0,0,.7);
}}

body{background:
  radial-gradient(900px 520px at 100% -10%,rgba(120,90,255,.13),transparent 60%),
  radial-gradient(700px 480px at 20% 110%,rgba(0,190,200,.10),transparent 60%),
  var(--canvas);background-attachment:fixed}

/* ---------- mygtukai ir laukai ---------- */
.btn{background:var(--grad);border-radius:var(--r-sm);padding:10px 18px;box-shadow:0 6px 16px -8px rgba(80,60,240,.7);transition:transform .15s,box-shadow .15s,filter .15s}
.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px -8px rgba(80,60,240,.75);filter:saturate(1.1)}
.btn:active:not(:disabled){transform:translateY(0)}
.btn.quiet{background:var(--surface);color:var(--act);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--act) 35%,var(--line))}
.btn.quiet:hover:not(:disabled){background:var(--act-soft);box-shadow:inset 0 0 0 1.5px var(--act)}
input,select,textarea{border-radius:var(--r-sm);border:1.5px solid var(--line);transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--act);box-shadow:0 0 0 4px color-mix(in srgb,var(--act) 18%,transparent)}
a{color:var(--act)}

/* ---------- prisijungimas ---------- */
#login{background:
  radial-gradient(600px 400px at 15% 20%,rgba(255,106,139,.55),transparent 60%),
  radial-gradient(700px 500px at 85% 15%,rgba(58,123,255,.6),transparent 60%),
  radial-gradient(800px 600px at 60% 100%,rgba(0,200,180,.45),transparent 60%),
  linear-gradient(135deg,#2a128f,#5a2de0);position:relative;overflow:hidden}
#login::before,#login::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
#login::before{width:340px;height:340px;left:-80px;bottom:-90px;background:radial-gradient(circle at 35% 35%,rgba(255,184,107,.75),rgba(255,106,139,.35) 45%,transparent 70%)}
#login::after{width:220px;height:220px;right:8%;top:12%;background:radial-gradient(circle at 40% 40%,rgba(52,211,153,.6),rgba(58,123,255,.25) 50%,transparent 72%)}
#login .box{position:relative;z-index:1;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:36px 32px 26px;border-radius:24px;box-shadow:0 30px 80px -30px rgba(10,5,60,.8);max-width:420px}
#login .wordmark{font-size:34px}
#login .slogan{font-size:16px;margin:10px 0 26px}
#login .btn{padding:13px;font-size:16px}

/* ---------- logotipas ---------- */
.wordmark i{background:linear-gradient(90deg,#7a5cff,#ff5fa2);-webkit-background-clip:text;background-clip:text;color:transparent}
.rail .wordmark i,.topbar .wordmark i{background:linear-gradient(90deg,#a99bff,#ff8fc0);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- šoninė juosta ---------- */
.rail{background:
  radial-gradient(260px 220px at 0% 0%,rgba(140,110,255,.35),transparent 70%),
  radial-gradient(260px 260px at 100% 100%,rgba(255,95,162,.22),transparent 70%),
  linear-gradient(180deg,#1d1554 0%,var(--rail) 60%);gap:20px}
.rail select{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:var(--rail-ink);border-radius:12px}
.rail select option{color:#151936;background:#fff}
.rail nav{gap:3px}
.rail nav button{padding:9px 12px 9px 10px;border-radius:12px;gap:12px;justify-content:flex-start;transition:background .15s,color .15s}
.rail nav button:hover{background:rgba(255,255,255,.06);color:var(--rail-ink)}
.rail nav button[aria-current="page"]{background:linear-gradient(90deg,rgba(130,105,255,.38),rgba(130,105,255,.08));color:#fff;box-shadow:inset 3px 0 0 var(--ic,#8b7bff)}
.navlist button::before{content:"";flex:none;width:30px;height:30px;border-radius:9px;
  background:var(--ic,#8b7bff);-webkit-mask-size:18px;mask-size:18px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}
.rail nav button{position:relative}
.rail nav button::after{content:"";position:absolute;left:10px;top:50%;width:30px;height:30px;margin-top:-15px;border-radius:9px;background:var(--ic,#8b7bff);opacity:.16;pointer-events:none}
.rail nav button .count{margin-left:auto}
.count{background:linear-gradient(90deg,#ff5fa2,#ff8a5b);color:#fff;box-shadow:0 4px 10px -4px rgba(255,95,162,.8)}
.rail .foot{border-top:1px solid rgba(255,255,255,.1);padding-top:14px}
.navlist button[data-t=home]{--ic:#8b7bff}.navlist button[data-t=home]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-7 9 7'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3Cpath d='M10 20v-6h4v6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-7 9 7'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3Cpath d='M10 20v-6h4v6'/%3E%3C/svg%3E")}
.navlist button[data-t=queue]{--ic:#34d399}.navlist button[data-t=queue]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12.5l2.5 2.5L16 9.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12.5l2.5 2.5L16 9.5'/%3E%3C/svg%3E")}
.navlist button[data-t=docs]{--ic:#60a5fa}.navlist button[data-t=docs]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H6v18h12V7z'/%3E%3Cpath d='M14 3v4h4'/%3E%3Cpath d='M9 12h6M9 16h6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H6v18h12V7z'/%3E%3Cpath d='M14 3v4h4'/%3E%3Cpath d='M9 12h6M9 16h6'/%3E%3C/svg%3E")}
.navlist button[data-t=inv]{--ic:#f472b6}.navlist button[data-t=inv]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12v18l-3-2-3 2-3-2-3 2z'/%3E%3Cpath d='M9 8h6M9 12h6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12v18l-3-2-3 2-3-2-3 2z'/%3E%3Cpath d='M9 8h6M9 12h6'/%3E%3C/svg%3E")}
.navlist button[data-t=bank]{--ic:#fbbf24}.navlist button[data-t=bank]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='13' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3Ccircle cx='16.5' cy='14.5' r='1.2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='13' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3Ccircle cx='16.5' cy='14.5' r='1.2'/%3E%3C/svg%3E")}
.navlist button[data-t=trans]{--ic:#fb923c}.navlist button[data-t=trans]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 7h11v9H2z'/%3E%3Cpath d='M13 10h4l4 3v3h-8'/%3E%3Ccircle cx='6' cy='17.5' r='1.8'/%3E%3Ccircle cx='17' cy='17.5' r='1.8'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 7h11v9H2z'/%3E%3Cpath d='M13 10h4l4 3v3h-8'/%3E%3Ccircle cx='6' cy='17.5' r='1.8'/%3E%3Ccircle cx='17' cy='17.5' r='1.8'/%3E%3C/svg%3E")}
.navlist button[data-t=people]{--ic:#22d3ee}.navlist button[data-t=people]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.2'/%3E%3Cpath d='M3 20c0-3.3 2.7-6 6-6s6 2.7 6 6'/%3E%3Cpath d='M16 4.5a3 3 0 0 1 0 6M18 14c2 .7 3 2.8 3 6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.2'/%3E%3Cpath d='M3 20c0-3.3 2.7-6 6-6s6 2.7 6 6'/%3E%3Cpath d='M16 4.5a3 3 0 0 1 0 6M18 14c2 .7 3 2.8 3 6'/%3E%3C/svg%3E")}
.navlist button[data-t=assets]{--ic:#a3e635}.navlist button[data-t=assets]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 4.5v9L12 21l-8-4.5v-9z'/%3E%3Cpath d='M4 7.5l8 4.5 8-4.5M12 12v9'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 4.5v9L12 21l-8-4.5v-9z'/%3E%3Cpath d='M4 7.5l8 4.5 8-4.5M12 12v9'/%3E%3C/svg%3E")}
.navlist button[data-t=reg]{--ic:#c084fc}.navlist button[data-t=reg]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V10M10 20V4M16 20v-7M21 20H3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V10M10 20V4M16 20v-7M21 20H3'/%3E%3C/svg%3E")}
.navlist button[data-t=set]{--ic:#94a3b8}.navlist button[data-t=set]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2v3M12 19v3M4.9 4.9l2.1 2.1M17 17l2.1 2.1M2 12h3M19 12h3M4.9 19.1L7 17M17 7l2.1-2.1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2v3M12 19v3M4.9 4.9l2.1 2.1M17 17l2.1 2.1M2 12h3M19 12h3M4.9 19.1L7 17M17 7l2.1-2.1'/%3E%3C/svg%3E")}

/* ---------- puslapių antraštės su spalvota ikona ---------- */
[data-p]>h2:first-child{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;letter-spacing:-.02em;margin-bottom:6px}
[data-p]>h2:first-child::before{content:"";flex:none;width:40px;height:40px;border-radius:12px;-webkit-mask-size:22px;mask-size:22px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}
[data-p]>h2:first-child{position:relative}
[data-p]>h2:first-child::after{content:"";position:absolute;left:0;top:50%;width:40px;height:40px;margin-top:-20px;border-radius:12px;background:var(--pc,#8b7bff);opacity:.16}
[data-p=home]>h2:first-child{--pc:#8b7bff}[data-p=home]>h2:first-child::before{background:#8b7bff;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-7 9 7'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3Cpath d='M10 20v-6h4v6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-7 9 7'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3Cpath d='M10 20v-6h4v6'/%3E%3C/svg%3E")}
[data-p=queue]>h2:first-child{--pc:#34d399}[data-p=queue]>h2:first-child::before{background:#34d399;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12.5l2.5 2.5L16 9.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12.5l2.5 2.5L16 9.5'/%3E%3C/svg%3E")}
[data-p=docs]>h2:first-child{--pc:#60a5fa}[data-p=docs]>h2:first-child::before{background:#60a5fa;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H6v18h12V7z'/%3E%3Cpath d='M14 3v4h4'/%3E%3Cpath d='M9 12h6M9 16h6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H6v18h12V7z'/%3E%3Cpath d='M14 3v4h4'/%3E%3Cpath d='M9 12h6M9 16h6'/%3E%3C/svg%3E")}
[data-p=inv]>h2:first-child{--pc:#f472b6}[data-p=inv]>h2:first-child::before{background:#f472b6;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12v18l-3-2-3 2-3-2-3 2z'/%3E%3Cpath d='M9 8h6M9 12h6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12v18l-3-2-3 2-3-2-3 2z'/%3E%3Cpath d='M9 8h6M9 12h6'/%3E%3C/svg%3E")}
[data-p=bank]>h2:first-child{--pc:#fbbf24}[data-p=bank]>h2:first-child::before{background:#fbbf24;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='13' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3Ccircle cx='16.5' cy='14.5' r='1.2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='13' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3Ccircle cx='16.5' cy='14.5' r='1.2'/%3E%3C/svg%3E")}
[data-p=trans]>h2:first-child{--pc:#fb923c}[data-p=trans]>h2:first-child::before{background:#fb923c;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 7h11v9H2z'/%3E%3Cpath d='M13 10h4l4 3v3h-8'/%3E%3Ccircle cx='6' cy='17.5' r='1.8'/%3E%3Ccircle cx='17' cy='17.5' r='1.8'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 7h11v9H2z'/%3E%3Cpath d='M13 10h4l4 3v3h-8'/%3E%3Ccircle cx='6' cy='17.5' r='1.8'/%3E%3Ccircle cx='17' cy='17.5' r='1.8'/%3E%3C/svg%3E")}
[data-p=people]>h2:first-child{--pc:#22d3ee}[data-p=people]>h2:first-child::before{background:#22d3ee;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.2'/%3E%3Cpath d='M3 20c0-3.3 2.7-6 6-6s6 2.7 6 6'/%3E%3Cpath d='M16 4.5a3 3 0 0 1 0 6M18 14c2 .7 3 2.8 3 6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.2'/%3E%3Cpath d='M3 20c0-3.3 2.7-6 6-6s6 2.7 6 6'/%3E%3Cpath d='M16 4.5a3 3 0 0 1 0 6M18 14c2 .7 3 2.8 3 6'/%3E%3C/svg%3E")}
[data-p=assets]>h2:first-child{--pc:#a3e635}[data-p=assets]>h2:first-child::before{background:#a3e635;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 4.5v9L12 21l-8-4.5v-9z'/%3E%3Cpath d='M4 7.5l8 4.5 8-4.5M12 12v9'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 4.5v9L12 21l-8-4.5v-9z'/%3E%3Cpath d='M4 7.5l8 4.5 8-4.5M12 12v9'/%3E%3C/svg%3E")}
[data-p=reg]>h2:first-child{--pc:#c084fc}[data-p=reg]>h2:first-child::before{background:#c084fc;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V10M10 20V4M16 20v-7M21 20H3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V10M10 20V4M16 20v-7M21 20H3'/%3E%3C/svg%3E")}
[data-p=set]>h2:first-child{--pc:#94a3b8}[data-p=set]>h2:first-child::before{background:#94a3b8;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2v3M12 19v3M4.9 4.9l2.1 2.1M17 17l2.1 2.1M2 12h3M19 12h3M4.9 19.1L7 17M17 7l2.1-2.1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2v3M12 19v3M4.9 4.9l2.1 2.1M17 17l2.1 2.1M2 12h3M19 12h3M4.9 19.1L7 17M17 7l2.1-2.1'/%3E%3C/svg%3E")}
h2{font-weight:700}

/* ---------- pradžios „hero“ ---------- */
.hero{position:relative;overflow:hidden;background:var(--hero);color:#fff;border-radius:26px;padding:34px clamp(22px,4vw,44px) 30px;box-shadow:var(--shadow-lg);isolation:isolate}
.hero::before{content:"";position:absolute;z-index:-1;width:420px;height:420px;right:-120px;top:-170px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.28),transparent 65%)}
.hero::after{content:"";position:absolute;z-index:-1;width:300px;height:300px;left:30%;bottom:-210px;border-radius:50%;background:radial-gradient(circle,rgba(120,255,220,.35),transparent 65%)}
.hero .statement{max-width:26ch;font-weight:500;text-shadow:0 1px 18px rgba(30,0,90,.25)}
.hero .statement b{font-weight:800}
.hero .statement .plus{color:#8ff7c8}.hero .statement .minus{color:#ffd0d4}
.hero .flow{height:12px;max-width:none;background:rgba(255,255,255,.18);border-radius:99px;padding:0;gap:3px;margin:24px 0 6px}
.hero .flow span:first-child{background:linear-gradient(90deg,#3ef2a8,#a5ffda)}
.hero .flow span:last-child{background:linear-gradient(90deg,#ffb36b,#ff6a8b)}
.hero .flow.none span{background:rgba(255,255,255,.25)}
.hero .vatline{color:rgba(255,255,255,.82);gap:8px;margin-top:16px}
.hero .vatline span{background:rgba(255,255,255,.14);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.2);border-radius:99px;padding:6px 14px}
.hero .vatline b{color:#fff}

/* ---------- agentai ---------- */
.agents{grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:14px}
.agent{--ac:#6a4dff;border:0;border-radius:var(--r-md);padding:16px 16px 14px;box-shadow:var(--shadow);position:relative;overflow:hidden;border-left:0;transition:transform .2s,box-shadow .2s}
.agent:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.agent::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--ac),color-mix(in srgb,var(--ac) 40%,#fff))}
.agent::after{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:50%;background:var(--ac);opacity:.07;pointer-events:none}
.agent:nth-child(5n+1){--ac:#3a7bff}
.agent:nth-child(5n+2){--ac:#7c4dff}
.agent:nth-child(5n+3){--ac:#f59e0b}
.agent:nth-child(5n+4){--ac:#ec4899}
.agent:nth-child(5n+5){--ac:#10b981}
.agent h3{align-items:flex-start;font-size:15px;line-height:1.3;margin-top:4px}
.agent h3 small{flex:none;font-size:11px;font-weight:700;padding:3px 9px;border-radius:99px;background:var(--act-soft);color:var(--act);white-space:nowrap}
.agent.ok h3 small{background:color-mix(in srgb,var(--plus) 14%,transparent);color:var(--plus)}
.agent.warn h3 small{background:color-mix(in srgb,var(--warn) 16%,transparent);color:var(--warn)}
.agent.bad h3 small{background:color-mix(in srgb,var(--minus) 14%,transparent);color:var(--minus)}
.agent ul{padding-left:0;list-style:none}
.agent li{position:relative;padding-left:16px;font-size:14px}
.agent li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--ac)}
.agent li.bad::before{background:var(--minus)}.agent li.warn::before{background:var(--warn)}
.agent a{font-weight:600;text-decoration:none}
#agSec,#fcSec{margin-top:34px!important}

/* ---------- pinigų srauto plytelės ---------- */
.fcbar{gap:12px}
.fcbar div{border:0;border-radius:16px;padding:14px 16px;color:#fff;box-shadow:var(--shadow);background:linear-gradient(135deg,#3a7bff,#6a4dff)}
.fcbar div:nth-child(2){background:linear-gradient(135deg,#7c4dff,#c03fd8)}
.fcbar div:nth-child(3){background:linear-gradient(135deg,#c03fd8,#ff6a8b)}
.fcbar div:nth-child(4){background:linear-gradient(135deg,#ff6a8b,#ff9f5b)}
.fcbar div:nth-child(n+5){background:linear-gradient(135deg,#10b981,#3a7bff)}
.fcbar b{font-size:1.3rem;color:#fff}
.fcbar .neg{background:linear-gradient(135deg,#e1484f,#ff8a5b)!important}
.fcbar .neg b{color:#fff}
.fcbar div .muted,.fcbar div span{color:rgba(255,255,255,.85);font-size:13px;font-weight:500}

/* ---------- kortelės, lentelės ---------- */
.card,.scroll,.assistant,.item,.drop,.empty{box-shadow:var(--shadow)}
.card{border:0;border-radius:var(--r-md);padding:18px}
.scroll{border-radius:var(--r-md);padding:8px 16px;border:1px solid color-mix(in srgb,var(--line) 60%,transparent)}
.ledger th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;font-weight:700;color:var(--muted)}
.ledger tbody tr{transition:background .12s}
.ledger tbody tr:hover{background:color-mix(in srgb,var(--act) 5%,transparent)}
.ledger tfoot td{border-top-color:var(--act)}
.invform{background:var(--surface);border-radius:var(--r-md);padding:20px;box-shadow:var(--shadow);border:1px solid color-mix(in srgb,var(--line) 60%,transparent)}
.invform .invform{box-shadow:none;padding:0;border:0}
.invtotal .big{border-top-color:var(--act);color:var(--act)}

/* sprendimų eilė */
.item{border-left:0;border-radius:var(--r-md);position:relative;padding-left:24px;overflow:hidden}
.item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,#6a4dff,#ff5fa2)}
.item.done::before{background:var(--plus)}
.taccount{border-top:2px solid var(--act)}
.taccount .side{font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:11px}
.taccount>div:first-child .side{color:var(--act2)}.taccount>div:last-child .side{color:#c03fd8}
.empty{border:2px dashed color-mix(in srgb,var(--act) 25%,var(--line));background:var(--surface);text-align:center}

/* pastabos */
.notes li{border-radius:12px;padding:11px 14px 11px 40px;position:relative;background:var(--warn-soft);border:1px solid color-mix(in srgb,var(--warn) 22%,transparent)}
.notes li::before{content:"!";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background:var(--warn);color:#fff;font-weight:800;font-size:12px;display:grid;place-items:center}

/* terminai */
.timeline{border-left:2px solid transparent;border-image:linear-gradient(180deg,#6a4dff,#ff5fa2,#ffb36b) 1}
.timeline li::before{width:12px;height:12px;left:-7px;border:3px solid var(--act);background:var(--surface)}
.timeline li.soon::before{border-color:#ff6a8b;background:#ff6a8b;box-shadow:0 0 0 4px color-mix(in srgb,#ff6a8b 25%,transparent)}
.timeline li.soon .left{color:#e0466f}
.timeline .d{color:var(--ink)}

/* statusai */
.status{padding:3px 10px}
.status.posted{background:color-mix(in srgb,var(--plus) 14%,transparent)}
.status.needs_review,.status.duplicate{background:color-mix(in srgb,var(--warn) 16%,transparent)}

/* įkėlimas */
.drop{border:2px dashed color-mix(in srgb,var(--act) 40%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,#3a7bff 6%,var(--surface)),color-mix(in srgb,#c03fd8 6%,var(--surface)));border-radius:var(--r-md);transition:border-color .15s,transform .15s}
.drop:hover{border-color:var(--act);transform:translateY(-1px)}
.drop.over{border-color:var(--act);background:var(--act-soft)}
.drop strong{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:18px}
.seg{background:color-mix(in srgb,var(--act) 8%,var(--surface));border-radius:12px;padding:4px}
.seg button{border-radius:9px;padding:7px 16px}
.seg button[aria-pressed="true"]{background:var(--grad);color:#fff;box-shadow:0 4px 12px -6px rgba(80,60,240,.8)}

/* asistentas */
.assistant{border-radius:var(--r-md);padding:20px;position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--line) 60%,transparent)}
.assistant::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,#3a7bff,#7c4dff,#ff5fa2)}
.assistant h2{display:flex;align-items:center;gap:8px}
.assistant h2::before{content:"✦";background:linear-gradient(135deg,#7c4dff,#ff5fa2);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:20px}
.msg{border-radius:16px 16px 16px 4px}
.msg.me{background:var(--grad);border-radius:16px 16px 4px 16px}
.chips button{background:color-mix(in srgb,var(--act) 7%,var(--surface));color:var(--act);box-shadow:none;font-weight:500;transition:background .15s}
.chips button:hover{background:color-mix(in srgb,var(--act) 15%,var(--surface))}

/* ---------- telefonas ---------- */
@media (max-width:860px){
  .topbar{background:linear-gradient(90deg,#2a128f,#5a2de0 60%,#a52fc8);box-shadow:0 6px 20px -10px rgba(40,10,140,.7)}
  .topbar select{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);color:#fff}
  .topbar select option{color:#151936;background:#fff}
  .hero{border-radius:20px;padding:24px 20px}
  .tabbar{background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 -8px 24px -14px rgba(40,30,120,.35)}
  .tabbar button{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px}
  .tabbar button::before{width:24px;height:24px;-webkit-mask-size:20px;mask-size:20px;opacity:.75}
  .tabbar button[aria-current="page"]{color:var(--act)}
  .tabbar button[aria-current="page"]::before{opacity:1}
  [data-p]>h2:first-child{font-size:21px}
}

/* ---------- švelnus atsiradimas ---------- */
@media (prefers-reduced-motion:no-preference){
  @keyframes fsUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
  .hero,.agent,.fcbar div,.item,.invform,.scroll{animation:fsUp .45s cubic-bezier(.2,.7,.2,1) both}
  .agent:nth-child(2){animation-delay:.05s}.agent:nth-child(3){animation-delay:.1s}.agent:nth-child(4){animation-delay:.15s}.agent:nth-child(5){animation-delay:.2s}
}

/* =====================================================================
   RYŠKESNĖ VERSIJA – daugiau spalvų, animacijų ir efektų
   ===================================================================== */

/* spalvingesnis fonas */
body{background:
  radial-gradient(700px 500px at 105% -5%,rgba(124,77,255,.22),transparent 60%),
  radial-gradient(600px 460px at 40% 0%,rgba(255,95,162,.12),transparent 60%),
  radial-gradient(700px 520px at 10% 105%,rgba(0,210,200,.18),transparent 60%),
  radial-gradient(600px 420px at 95% 95%,rgba(255,170,60,.14),transparent 60%),
  var(--canvas);background-attachment:fixed}

/* hero – judantis spalvų perėjimas ir blizgesys */
.hero{background:linear-gradient(120deg,#3b1fd1,#6a3df0,#c03fd8,#ff6a8b,#ff9f5b,#6a3df0,#3b1fd1);background-size:300% 300%}
.hero .statement b{background:linear-gradient(90deg,#fff,#ffe1f0);-webkit-background-clip:text;background-clip:text}
.hero .statement .plus{background:linear-gradient(90deg,#7dffc4,#c6ffe6);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .statement .minus{background:linear-gradient(90deg,#ffd0d4,#ffe9c9);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .flow span:first-child{box-shadow:0 0 14px rgba(110,255,200,.8)}
.hero .flow span:last-child{box-shadow:0 0 14px rgba(255,120,150,.8)}
.hero .sparkle{display:none}

/* šoninė juosta – „šiaurės pašvaistė“ */
.rail{background:
  radial-gradient(300px 260px at 0% 0%,rgba(140,110,255,.55),transparent 70%),
  radial-gradient(280px 300px at 100% 55%,rgba(0,200,220,.22),transparent 70%),
  radial-gradient(300px 300px at 20% 100%,rgba(255,95,162,.40),transparent 70%),
  linear-gradient(180deg,#24187a 0%,#150f45 55%,#1d0f3d 100%)}
.rail nav button[aria-current="page"]{background:linear-gradient(90deg,color-mix(in srgb,var(--ic) 45%,transparent),rgba(255,255,255,.04));box-shadow:inset 3px 0 0 var(--ic),0 8px 20px -12px var(--ic)}
.rail nav button[aria-current="page"]::before{filter:drop-shadow(0 0 6px var(--ic))}
.rail nav button[aria-current="page"]::after{opacity:.3}
.rail nav button:hover::before{transform:scale(1.12)}
.navlist button::before{transition:transform .2s}

/* antraštės – spalvotas brūkšnys po kiekvienu skyriumi */
main h2:not(:first-child),section>h2,.aghead h2{position:relative;padding-bottom:6px}
main section>h2::after,.aghead h2::after,[data-p]>h2:not(:first-child)::after{content:"";position:absolute;left:0;bottom:0;width:44px;height:4px;border-radius:4px;background:linear-gradient(90deg,#6a4dff,#ff5fa2,#ffb36b)}
[data-p]>h2:first-child{background:linear-gradient(90deg,var(--ink) 30%,var(--pc) 140%);-webkit-background-clip:text;background-clip:text;color:transparent}
[data-p]>h2:first-child::before{filter:drop-shadow(0 2px 6px color-mix(in srgb,var(--pc) 60%,transparent))}

/* agentų kortelės – spalvotas atspalvis ir švytėjimas */
.agent{background:linear-gradient(160deg,color-mix(in srgb,var(--ac) 11%,var(--surface)) 0%,var(--surface) 55%);border:1px solid color-mix(in srgb,var(--ac) 22%,transparent)}
.agent:hover{box-shadow:0 18px 40px -18px color-mix(in srgb,var(--ac) 70%,transparent),0 0 0 1px color-mix(in srgb,var(--ac) 40%,transparent)}
.agent::after{opacity:.14;width:140px;height:140px}
.agent h3{color:color-mix(in srgb,var(--ac) 55%,var(--ink))}
.agent.bad h3 small{background:linear-gradient(90deg,#ff4d6d,#ff8a5b);color:#fff}
.agent.ok h3 small{background:linear-gradient(90deg,#10b981,#34d399);color:#fff}
.agent.warn h3 small{background:linear-gradient(90deg,#f59e0b,#fbbf24);color:#fff}
.agent.info h3 small{background:linear-gradient(90deg,#3a7bff,#7c4dff);color:#fff}

/* mygtukai – blizgesio juosta */
.btn:not(.quiet){position:relative;overflow:hidden;background:linear-gradient(135deg,#7a4dff 0%,#4f6bff 50%,#2fa8ff 100%)}
.btn:not(.quiet)::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);pointer-events:none}

/* plytelės – blizgesys */
.fcbar div{position:relative;overflow:hidden}
.fcbar div::after{content:"";position:absolute;right:-30px;top:-30px;width:90px;height:90px;border-radius:50%;background:rgba(255,255,255,.18)}

/* lentelės – spalvota antraštė ir eilučių juostos */
.scroll{border-top:4px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(90deg,#3a7bff,#7c4dff,#ff5fa2,#ffb36b) border-box;border-left:0;border-right:0;border-bottom:0}
.ledger th{color:color-mix(in srgb,var(--act) 70%,var(--muted))}
.ledger tbody tr:nth-child(even){background:color-mix(in srgb,var(--act) 3%,transparent)}
.ledger tbody tr:hover{background:color-mix(in srgb,#ff5fa2 7%,transparent)}
.ledger .num,.ledger .r.num{font-weight:600}

/* formos – spalvota viršutinė juosta */
.invform{position:relative;overflow:hidden}
.invform::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#10b981,#3a7bff,#7c4dff)}
.invform .invform::before{display:none}

/* sprendimų eilė */
.item{background:linear-gradient(120deg,color-mix(in srgb,#7c4dff 6%,var(--surface)),var(--surface) 50%)}

/* įkėlimo laukas – judantis spalvotas rėmelis */
.drop{border:2px solid transparent;background:
  linear-gradient(135deg,color-mix(in srgb,#3a7bff 7%,var(--surface)),color-mix(in srgb,#ff5fa2 7%,var(--surface))) padding-box,
  linear-gradient(90deg,#3a7bff,#7c4dff,#ff5fa2,#ffb36b,#10b981,#3a7bff) border-box;background-size:100% 100%,300% 100%}

/* asistentas */
.assistant{background:linear-gradient(160deg,color-mix(in srgb,#7c4dff 9%,var(--surface)),var(--surface) 60%)}
.chips button:nth-child(4n+1){color:#3a7bff;background:color-mix(in srgb,#3a7bff 10%,var(--surface))}
.chips button:nth-child(4n+2){color:#9b3fd8;background:color-mix(in srgb,#9b3fd8 10%,var(--surface))}
.chips button:nth-child(4n+3){color:#d6336c;background:color-mix(in srgb,#ff5fa2 12%,var(--surface))}
.chips button:nth-child(4n+4){color:#0d9b6c;background:color-mix(in srgb,#10b981 12%,var(--surface))}

/* telefonas */
@media (max-width:860px){
  .topbar{background:linear-gradient(90deg,#3b1fd1,#6a3df0,#c03fd8,#ff6a8b);background-size:200% 100%}
  .tabbar button[aria-current="page"]::before{filter:drop-shadow(0 0 5px var(--ic))}
  .tabbar button[aria-current="page"]{color:color-mix(in srgb,var(--ic) 70%,var(--ink))}
}

/* ---------- animacijos (išjungiamos, jei sistemoje pasirinkta „mažiau judesio“) ---------- */
@media (prefers-reduced-motion:no-preference){
  @keyframes fsFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
  @keyframes fsShine{0%{left:-60%}60%,100%{left:130%}}
  @keyframes fsPulse{0%{box-shadow:0 0 0 0 rgba(255,106,139,.55)}70%{box-shadow:0 0 0 9px rgba(255,106,139,0)}100%{box-shadow:0 0 0 0 rgba(255,106,139,0)}}
  @keyframes fsFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(-30px,25px)}}
  @keyframes fsBorder{to{background-position:0 0,300% 0}}
  .hero{animation:fsUp .45s cubic-bezier(.2,.7,.2,1) both,fsFlow 14s ease-in-out infinite}
  .hero::before{animation:fsFloat 9s ease-in-out infinite}
  .hero::after{animation:fsFloat 12s ease-in-out infinite reverse}
  .btn:not(.quiet):hover::after{animation:fsShine .9s ease}
  .count{animation:fsPulse 2s infinite}
  .timeline li.soon::before{animation:fsPulse 2s infinite}
  .drop{animation:fsBorder 6s linear infinite}
  .topbar{animation:fsFlow 10s ease-in-out infinite}
  #login::before{animation:fsFloat 10s ease-in-out infinite}
  #login::after{animation:fsFloat 13s ease-in-out infinite reverse}
  .fcbar div{transition:transform .2s}
  .fcbar div:hover{transform:translateY(-3px) scale(1.02)}
}

/* nuotolinės prieigos 2FA įjungimo langas */
#setup2fa{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#2a128f,#5a2de0)}
#setup2fa .box{width:100%;max-width:440px;background:var(--surface);padding:32px;border-radius:24px;box-shadow:0 30px 80px -30px rgba(10,5,60,.8)}
#setup2fa label{display:block;font-weight:500}
.docacts{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.docacts .btn{padding:5px 10px;font-size:13px}
.status.rejected{color:var(--muted);background:color-mix(in srgb,var(--muted) 12%,transparent)}

/* trynimas ir patvirtinimo langas */
.btn.quiet.danger{color:var(--minus);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--minus) 40%,var(--line))}
.btn.quiet.danger:hover:not(:disabled){background:color-mix(in srgb,var(--minus) 10%,var(--surface));box-shadow:inset 0 0 0 1.5px var(--minus)}
.btn.danger-solid{background:linear-gradient(135deg,#e1484f,#ff7a59);box-shadow:0 6px 16px -8px rgba(225,72,79,.8)}
.pick{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--muted);cursor:pointer}.pick input{width:auto}
.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:rgba(12,10,40,.55);backdrop-filter:blur(3px)}
.modalbox{width:100%;max-width:440px;background:var(--surface);border-radius:20px;padding:24px;box-shadow:var(--shadow-lg)}
.modalbox h2{margin:0 0 8px}.modalbox .actions{margin-top:18px}

/* kompaktiška metų suvestinė (2026-10-09, savininko prašymu – kad neužimtų viso ekrano) */
.hero{padding:14px 22px;border-radius:16px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px}
.hero::before{width:220px;height:220px;top:-120px;right:-60px}
.hero::after{display:none}
.hero .statement{font-size:17px;line-height:1.35;max-width:none;flex:1 1 420px;margin:0}
.hero .statement b{font-weight:700}
.hero .flow{flex:1 1 100%;height:6px;margin:4px 0 0}
.hero .vatline{margin:0;gap:6px;font-size:13px}
.hero .vatline span{padding:3px 10px}
@media (max-width:860px){.hero{padding:12px 16px}.hero .statement{font-size:15px}}

/* kompaktiškos agentų kortelės: aprašymas paslėptas, rodomi 2 svarbiausi radiniai; paspaudus – visi */
.agent{cursor:pointer;padding:12px 14px 10px}
.agent > .muted:first-of-type{display:none}
.agent.open > .muted:first-of-type{display:block}
.agent:not(.open) ul li:nth-child(n+3), .agent:not(.open) details{display:none}
.agent:not(.open) ul:has(li:nth-child(3))::after{content:"+ daugiau – spauskite";display:block;margin-top:4px;font-size:12px;color:var(--muted)}
.agent li{font-size:13px;margin:3px 0}
.agents{align-items:start}