/* cc-macos.css — Creativepool programų išvaizda macOS / iOS / Creative Cloud stiliumi (Gabrieliaus svetainės kopija).
   2026-10-04 Gabrielius: „meniu atrodo kaip Windows/Android, noriu macOS/iOS/Creative Cloud Adobe premium feel“, „tu padaryk visą UI“.
   Uždedamas PO cc-tema.css (build.mjs įterpia nuorodą į visus programų puslapius). cc-tema.css ir programų failai lieka originalūs,
   kad būtų galima perimti naujas kito pokalbio versijas — keičiama tik čia ir cc-kiautas.js plytele() (programų ženklai).
   Kontrastas: #ECECEE ant #2A2A2D ≈ 13:1, #A1A1A6 ant #2A2A2D ≈ 6,1:1, balta ant #0071E3 ≈ 4,7:1. */
:root {
  --cc-fonas: #19191B;
  --cc-remas: #232325;
  --cc-pav: #2A2A2D;
  --cc-pav2: #232326;
  --cc-pav3: #38383C;
  --cc-aktyvus: #48484D;
  --cc-aplinka: #1E1E20;
  --cc-tekstas: #ECECEE;
  --cc-antra: #A1A1A6;
  --cc-riba: #6E6E73;
  --cc-hair: #3A3A3E;
  --cc-linija: #0F0F11;
  --cc-pagr: #0071E3;
  --cc-pagr2: #0077ED;
  --cc-nuoroda: #2997FF;
  --cc-info: #64D2FF;
  --cc-r: 6px;
  --cc-seselis: 0 12px 40px rgb(0 0 0 / .45), 0 0 0 .5px rgb(0 0 0 / .8);
  --cc-macos-mel: #0A84FF;                         /* macOS akcentas: pažymėjimai, fokusas */
  --cc-macos-zymejimas: #0A64D6;                   /* meniu punkto pažymėjimas (tamsesnė, kad baltas tekstas ≥ 4,5:1) */
  --cc-f-ui: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Inter', 'Segoe UI', system-ui, sans-serif;
  --cc-f-ant: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Inter Tight', 'Inter', system-ui, sans-serif;
  --cc-f-sk: ui-monospace, 'SF Mono', Menlo, 'Geist Mono', monospace;
}
body.cc { -moz-osx-font-smoothing: grayscale; letter-spacing: -.003em; }

/* Fokusas — macOS žiedas vietoj geltono */
body.cc :focus-visible { outline: 3px solid rgb(10 132 255 / .55); outline-offset: 1px; box-shadow: none; border-radius: 5px; }
input.cc-busena-mast:focus-visible { outline: 3px solid rgb(10 132 255 / .55); }
body.cc ::selection { background: rgb(10 132 255 / .45); color: #fff; }

/* Slinkties juostos — plonos kaip macOS */
body.cc ::-webkit-scrollbar { width: 10px; height: 10px; }
body.cc ::-webkit-scrollbar-track { background: transparent; }
body.cc ::-webkit-scrollbar-thumb { background: rgb(255 255 255 / .2); border-radius: 10px; border: 3px solid transparent; background-clip: padding-box; }
body.cc ::-webkit-scrollbar-thumb:hover { background-color: rgb(255 255 255 / .32); }
body.cc ::-webkit-scrollbar-corner { background: transparent; }

/* ── Meniu juosta: kaip macOS lango viršus ── */
.cc-virsus { background: linear-gradient(180deg, #2B2B2E, #242427); border-bottom: 1px solid #0B0B0D; box-shadow: inset 0 1px 0 rgb(255 255 255 / .06); }
.cc-meniu-el > [role=menuitem] { height: 24px; padding: 0 9px; border-radius: 6px; font-size: 13px; letter-spacing: -.01em; }
.cc-meniu-el > [role=menuitem]:hover { background: rgb(255 255 255 / .1); }
.cc-meniu-el > [aria-expanded="true"] { background: rgb(255 255 255 / .16); }
.cc-hub { border-radius: 6px; font-size: 12px; }
.cc-hub:hover { background: rgb(255 255 255 / .1); }
.cc-debesis { border-radius: 6px; }
.cc-debesis:hover, .cc-debesis[aria-expanded="true"] { background: rgb(255 255 255 / .1); }
.cc-dok:not(:empty) { border-radius: 6px; border-color: rgb(255 255 255 / .08); background: rgb(0 0 0 / .18); }
.cc-grizti { border-radius: 980px; padding: 0 12px; }
.cc-sritis { border-radius: 6px; border-color: rgb(255 255 255 / .1); background: rgb(255 255 255 / .06); }
.cc-pagalba, .cc-skydeliai-mygt { border-radius: 6px; }
.cc-pagalba:hover, .cc-skydeliai-mygt:hover { background: rgb(255 255 255 / .1); }
.cc-virsus-moduliai { background: #1C1C1E; }
.cc-virsus-moduliai .cc-puslapiai [role=tab] { border-radius: 6px; }
.cc-virsus-moduliai .cc-puslapiai [aria-selected="true"] { background: rgb(255 255 255 / .1); }
.cc-virsus-moduliai .cc-puslapiai [role=tab] + [role=tab]::before { display: none; }

/* ── Išskleidžiami meniu: macOS „vibrancy“ — permatomi, suapvalinti, mėlynas pažymėjimas ── */
.cc-sub { padding: 5px; border-radius: 10px; border: 0; background: rgb(40 40 43 / .86);
  -webkit-backdrop-filter: blur(30px) saturate(180%); backdrop-filter: blur(30px) saturate(180%);
  box-shadow: inset 0 0 0 .5px rgb(255 255 255 / .16), 0 0 0 .5px rgb(0 0 0 / .85), 0 12px 40px rgb(0 0 0 / .5); font-size: 13px; letter-spacing: -.01em; }
@media (prefers-reduced-transparency: reduce) { .cc-sub { background: #2C2C2F; -webkit-backdrop-filter: none; backdrop-filter: none; } }
.cc-sub-p { min-height: 22px; padding: 1px 8px; border-radius: 5px; }
.cc-sub-p:hover, .cc-sub-p:focus-visible, .cc-sub-p[aria-expanded="true"] { background: var(--cc-macos-zymejimas); color: #fff; outline: none; box-shadow: none; }
.cc-sub-p:hover .cc-sub-en, .cc-sub-p:focus-visible .cc-sub-en, .cc-sub-p[aria-expanded="true"] .cc-sub-en { color: rgb(255 255 255 / .85); }
.cc-sub-p[aria-disabled="true"]:hover, .cc-sub-p[aria-disabled="true"]:focus-visible { background: rgb(255 255 255 / .06); color: var(--cc-antra); }
.cc-sub-sk { margin: 5px 9px; background: rgb(255 255 255 / .1); }
.cc-sub-k { font-size: 12px; letter-spacing: .02em; }

/* ── Programos zonos ── */
.cc-parinktys { background: #26262A; border-bottom-color: #0F0F11; }
.cc-parinktys-irankis { border-radius: 6px; border-color: rgb(255 255 255 / .08); background: rgb(255 255 255 / .05); }
.cc-irankiai, .cc-kaire, .cc-desine, .cc-apacia { background: #26262A; }
.cc-irankis { border-radius: 7px; }
.cc-irankis:hover { background: rgb(255 255 255 / .08); }
.cc-irankis[aria-pressed="true"] { background: rgb(255 255 255 / .16); }
.cc-busena, .cc-puslapiu-apacia { background: #1F1F22; }
.cc-busena-mast { border-radius: 5px; }
.cc-puslapiai--apacia [role=tab] { border-radius: 8px; }
.cc-puslapiai--apacia [aria-selected="true"] { background: rgb(255 255 255 / .12); }

/* Skydelių skirtukai — macOS segmentų jausmas */
.cc-skydeliu-galva { background: #202023; }
.cc-skydeliu-galva [role=tab], .cc-skydelis-antr { border-radius: 6px 6px 0 0; }
.cc-skydeliu-galva [role=tab][aria-selected="true"] { background: #26262A; box-shadow: 0 1px 0 #26262A; }
.cc-skydeliu-grupe { background: #26262A; }

/* ── Mygtukai: macOS valdikliai (suapvalinti, švelnus viršutinis atspindys), pagrindinis — mėlynas ── */
.cc-mygt { border-radius: 7px; border-color: transparent; background: rgb(255 255 255 / .12); box-shadow: inset 0 .5px 0 rgb(255 255 255 / .12), 0 .5px 1px rgb(0 0 0 / .4); }
.cc-mygt:hover { background: rgb(255 255 255 / .18); border-color: transparent; }
.cc-mygt--pagr { background: linear-gradient(180deg, #1A84F0, var(--cc-pagr)); border-color: transparent; box-shadow: inset 0 .5px 0 rgb(255 255 255 / .25), 0 .5px 1px rgb(0 0 0 / .4); }
.cc-mygt--pagr:hover { background: var(--cc-pagr2); border-color: transparent; }
.cc-mygt--plokscias, .cc-mygt--plokscias:hover { box-shadow: none; }
.cc-mygt--plokscias:hover { background: rgb(255 255 255 / .1); }
.cc-mygt[aria-disabled="true"], .cc-mygt:disabled { background: rgb(255 255 255 / .05); box-shadow: none; }

/* Laukai ir sąrašai */
.cc-pasirinkimas select, .cc-skaicius input, .cc-spalva-hex, body.cc .cc-laukas, .cc-dlg-laukas input, .cc-kl-paieska {
  border-radius: 6px; border-color: rgb(255 255 255 / .12); background: rgb(0 0 0 / .22); }
.cc-pasirinkimas select:hover, .cc-skaicius input:hover, .cc-spalva-hex:hover, body.cc .cc-laukas:hover { border-color: rgb(255 255 255 / .24); }
.cc-pasirinkimas select:focus-visible, .cc-skaicius input:focus-visible, .cc-spalva-hex:focus-visible, body.cc .cc-laukas:focus-visible, .cc-dlg-laukas input:focus-visible, .cc-kl-paieska:focus-visible {
  outline: none; border-color: var(--cc-macos-mel); box-shadow: 0 0 0 3px rgb(10 132 255 / .5); }
.cc-sl-sk { border-radius: 5px; }

/* Slankikliai — macOS: plonas takelis, baltas rutuliukas su šešėliu */
.cc-slankiklis input[type=range]::-webkit-slider-runnable-track { height: 4px; border-radius: 2px; background: var(--cc-sl-takelis, rgb(255 255 255 / .2)); }
.cc-slankiklis input[type=range]::-webkit-slider-thumb { width: 14px; height: 14px; margin-top: -5px; background: #F5F5F7; border: 0; box-shadow: 0 1px 3px rgb(0 0 0 / .5), 0 0 0 .5px rgb(0 0 0 / .3); }
.cc-slankiklis input[type=range]::-moz-range-track { height: 4px; background: var(--cc-sl-takelis, rgb(255 255 255 / .2)); }
.cc-slankiklis input[type=range]::-moz-range-thumb { width: 14px; height: 14px; background: #F5F5F7; border: 0; box-shadow: 0 1px 3px rgb(0 0 0 / .5); }
body.cc[data-sritis="pradzia"] .cc-slankiklis input[type=range]::-webkit-slider-thumb { width: 22px; height: 22px; margin-top: -9px; }
.cc-spalva-hsb .cc-slankiklis input[type=range]::-webkit-slider-thumb { width: 10px; height: 16px; margin-top: -3px; border-radius: 3px; border: 2px solid #111; box-shadow: none; }

/* Jungiklis — iOS / macOS */
.cc-jg-takas { width: 34px; height: 20px; border-radius: 10px; border: 0; background: rgb(255 255 255 / .16); }
.cc-jg-takas::after { top: 2px; left: 2px; width: 16px; height: 16px; background: #fff; box-shadow: 0 1px 3px rgb(0 0 0 / .4); }
.cc-jungiklis[aria-checked="true"] .cc-jg-takas { background: #30D158; }
.cc-jungiklis[aria-checked="true"] .cc-jg-takas::after { transform: translateX(14px); background: #fff; }

/* Skirtukai, ženkleliai, kortelės */
.cc-skirtukai [role=tab][aria-selected="true"] { box-shadow: inset 0 -2px 0 var(--cc-macos-mel); }
.cc-zenklas { border-radius: 5px; }
.cc-plytele { border-radius: 12px; border-color: rgb(255 255 255 / .07); background: #232326; }
.cc-programa, .cc-fn-p { border-radius: 10px; }
.cc-fn-p[aria-selected="true"] { border-color: var(--cc-macos-mel); }
.cc-mini { border-radius: 6px; }

/* ── Perdangos: macOS lapai ir pranešimai ── */
.cc-dialogas { border: 0; border-radius: 12px; background: #2A2A2D; box-shadow: inset 0 0 0 .5px rgb(255 255 255 / .14), 0 0 0 .5px rgb(0 0 0 / .85), 0 24px 70px rgb(0 0 0 / .55); }
.cc-dialogas::backdrop { background: rgb(0 0 0 / .3); }
.cc-dlg-mygtukai { background: transparent; border-top: 0; padding: 4px 16px 16px; }
.cc-dlg-x { border-radius: 50%; }
.cc-dlg-x:hover { background: rgb(255 255 255 / .1); }
.cc-pranesimas, .cc-eiga, .cc-klaidos-juosta { border-radius: 12px; background: rgb(44 44 47 / .9); -webkit-backdrop-filter: blur(24px) saturate(180%); backdrop-filter: blur(24px) saturate(180%); }
.cc-pranesimas > button { border-radius: 50%; }
.cc-patarimas { border-radius: 7px; border: 0; background: rgb(44 44 47 / .95); box-shadow: inset 0 0 0 .5px rgb(255 255 255 / .14), 0 6px 20px rgb(0 0 0 / .45); }
.cc-patarimas kbd, .cc-kbd { border-radius: 4px; background: rgb(255 255 255 / .1); border-color: transparent; }
.cc-eiga-juosta { background: rgb(255 255 255 / .12); }
.cc-numesk-vidus { border-radius: 16px; border-color: var(--cc-macos-mel); }
@media (prefers-reduced-transparency: reduce) {
  .cc-pranesimas, .cc-eiga, .cc-klaidos-juosta, .cc-patarimas { background: #2C2C2F; -webkit-backdrop-filter: none; backdrop-filter: none; }
}

/* ── Paleidiklis (Creative Cloud langas) — macOS Finder / CC darbalaukio jausmas ── */
.pl-zenklas { border-radius: 7px; font-size: 14px; letter-spacing: -.02em; }
.pl-zenklas:hover { background: rgb(255 255 255 / .08); }
.pl-zenklas-ik { border-radius: 23%; }
.pl-paieska { border: 0; border-radius: 8px; background: rgb(118 118 128 / .24); height: 28px; }
.pl-paieska:hover { border-color: transparent; background: rgb(118 118 128 / .3); }
.pl-paieska:focus-within { box-shadow: 0 0 0 3px rgb(10 132 255 / .5); border-color: transparent; }
.pl-paieska-kl { border: 0; border-radius: 4px; background: rgb(255 255 255 / .1); }
.pl-vieta { border-color: rgb(255 255 255 / .12); border-radius: 980px; }
.pl-ikmygt { border-radius: 7px; }
.pl-ikmygt:hover, .pl-ikmygt[aria-expanded="true"] { background: rgb(255 255 255 / .1); }
.pl-paskyra { background: linear-gradient(180deg, #8E8E93, #636366); box-shadow: none; color: #fff; }
.pl-paskyra:hover, .pl-paskyra[aria-expanded="true"] { box-shadow: 0 0 0 3px rgb(10 132 255 / .5); }
/* Šoninis meniu kaip macOS Finder: pažymėtas — švelni pilka plokštelė, ikonos mėlynos */
.pl-nav { border-radius: 7px; height: 28px; font-weight: 400; color: var(--cc-tekstas); }
.pl-nav .cc-ik { color: var(--cc-macos-mel); }
.pl-nav:hover { background: rgb(255 255 255 / .06); }
.pl-nav[aria-current="page"] { background: rgb(255 255 255 / .14); }
.pl-nav--sub { color: var(--cc-antra); }
.pl-nav--sub[aria-current="page"] { color: var(--cc-tekstas); }
.pl-plytele, .cc-plytele.pl-plytele { border-radius: 14px; background: #232326; border-color: rgb(255 255 255 / .07); transition: background-color .2s, border-color .2s; }
.pl-plytele:hover { background: #29292D; border-color: rgb(255 255 255 / .12); }
/* Meniu juostos ženklas (buvo geltonas „debesis“) — naujas Creativepool logotipas */
.cc-debesis .cc-ik { display: none; }
.cc-debesis::before { content: ''; width: 18px; height: 18px; flex: none; background: url('/lib/cc/creativepool.svg') center / contain no-repeat; filter: drop-shadow(0 1px 1px rgb(0 0 0 / .4)); }