/* Glactro 2026.11.24 — "Glactro v2" teması: glactro.com/app (giriş + yayıncı paneli) görünümünün birebir uyarlaması.
   Yalnızca <html data-skin="glactro2"> iken çalışır. skin-glactro.css'teki ortak kuralların (v1.1) ÜZERİNE yazar:
   düz zemin (ışıma yok), sitedeki renk belirteçleri, kartlar, tablolar, rozetler, sol menü, üst başlık çubuğu, giriş ekranı.
   Belirteç adları sitedekiyle aynı: --ink (zemin), --ink-2 (kart / menü), --pnl (sitede --panel), --pnl2, --line, --line-2, --dim, --ice, --btn. */

/* ---------- belirteçler: açık (sitenin açık hâli) ---------- */
:root[data-skin="glactro2"]{
  --ink:#fbf8f8;--ink-2:#ffffff;--pnl:#f6f0f0;--pnl2:#eee4e5;--line-2:#500a0f2e;--dim:#6e6264;--prose:#2e2426;--ice:#b3121a;--btn:#c8141c;--btn-h:#a81017;--good:#0e7550;--gwarn:#b4400c;--gold:#5b5254;
  --bar-a:#c8141c73;--bar-b:#c8141c1a;--shadow-c:#3c0a0f29;--glass:#500a0f05;
  --bg:var(--ink);--panel:var(--ink-2);--field:var(--pnl);--fg:#140b0c;--muted:#5a4e50;--line:#500a0f1a;--gx-line2:var(--line-2);--gx-panel2:var(--pnl2);--gx-glass:var(--glass);--gx-ice:var(--ice);
  --accent:var(--btn);--accent-soft:#c8141c14;--ok:var(--good);--warn:var(--gwarn);--danger:#b3121a;--b-blue:var(--btn);--b-blue2:var(--btn-h)}
/* ---------- koyu (sitenin koyu hâli) ---------- */
@media (prefers-color-scheme:dark){:root[data-skin="glactro2"]:not([data-theme="light"]){
  --ink:#0d0a0b;--ink-2:#151012;--pnl:#1c1517;--pnl2:#261c1f;--line-2:#ffcdd033;--dim:#968a8c;--prose:#dcd2d3;--ice:#ff5a61;--btn:#d3121b;--btn-h:#e8202a;--good:#5fe3a6;--gwarn:#ffa05c;--gold:#cfc4c6;
  --bar-a:#961218f2;--bar-b:#5a0c1059;--shadow-c:#000c;--glass:#ffffff05;
  --fg:#f4eeee;--muted:#b3a6a8;--line:#ffcdd01c;--accent:var(--btn);--accent-soft:#ff5a611a;--danger:#ff5a61;--ok:var(--good);--warn:var(--gwarn)}}
:root[data-skin="glactro2"][data-theme="dark"]{
  --ink:#0d0a0b;--ink-2:#151012;--pnl:#1c1517;--pnl2:#261c1f;--line-2:#ffcdd033;--dim:#968a8c;--prose:#dcd2d3;--ice:#ff5a61;--btn:#d3121b;--btn-h:#e8202a;--good:#5fe3a6;--gwarn:#ffa05c;--gold:#cfc4c6;
  --bar-a:#961218f2;--bar-b:#5a0c1059;--shadow-c:#000c;--glass:#ffffff05;
  --fg:#f4eeee;--muted:#b3a6a8;--line:#ffcdd01c;--accent:var(--btn);--accent-soft:#ff5a611a;--danger:#ff5a61;--ok:var(--good);--warn:var(--gwarn)}

/* ---------- zemin: düz, ışıma yok (sitedeki gibi) ---------- */
:root[data-skin="glactro2"] body{background:var(--ink)!important;background-attachment:scroll}
:root[data-skin="glactro2"] .cl-wrap,:root[data-skin="glactro2"] .portal{background:var(--ink)}

/* ---------- yazı ---------- */
:root[data-skin="glactro2"] h1,:root[data-skin="glactro2"] h3,:root[data-skin="glactro2"] h4,:root[data-skin="glactro2"] .dlg h3{font-family:var(--f-display);font-weight:700;letter-spacing:-.02em}
:root[data-skin="glactro2"] h2{font-family:var(--f-display);font-weight:700;letter-spacing:-.01em;text-transform:none}
:root[data-skin="glactro2"] .box h2,:root[data-skin="glactro2"] .box>h2,:root[data-skin="glactro2"] .pcard h2{font-family:var(--f-display);font-weight:700;font-size:17px;color:var(--fg);letter-spacing:-.01em;text-transform:none}
:root[data-skin="glactro2"] .pcard h3{font-size:18px}
:root[data-skin="glactro2"] .pcard h2,:root[data-skin="glactro2"] .pcard h4{font-size:16px;letter-spacing:-.01em;text-transform:none}

/* ---------- kartlar: düz --ink-2, ince çizgi, 18 px köşe ---------- */
:root[data-skin="glactro2"] .box,:root[data-skin="glactro2"] .kpi,:root[data-skin="glactro2"] .hmk,:root[data-skin="glactro2"] .pcard,:root[data-skin="glactro2"] .phero,:root[data-skin="glactro2"] .pkpi,:root[data-skin="glactro2"] .pch,:root[data-skin="glactro2"] .pwarn,:root[data-skin="glactro2"] .xdbnav,:root[data-skin="glactro2"] .gpa-full{background:var(--ink-2)!important;border:1px solid var(--line)!important;border-radius:18px;box-shadow:none}
:root[data-skin="glactro2"] .pcard{padding:24px 26px}
:root[data-skin="glactro2"] .box:hover,:root[data-skin="glactro2"] .hmk:hover,:root[data-skin="glactro2"] .pkx.pkc:hover{border-color:var(--line-2)!important;box-shadow:none;transform:none}
:root[data-skin="glactro2"] .pkx.pkc::before,:root[data-skin="glactro2"] .hmk.hmkc::before{display:none}
/* kart içi satırlar: sitedeki .row (cam zemin, ince çizgi, 12 px) */
:root[data-skin="glactro2"] .ptd,:root[data-skin="glactro2"] .pml li,:root[data-skin="glactro2"] .xpbg>div,:root[data-skin="glactro2"] .xupinfo,:root[data-skin="glactro2"] .xnotes li,:root[data-skin="glactro2"] .cxsessl li,:root[data-skin="glactro2"] .cxsubl li,:root[data-skin="glactro2"] .pctsum>div{background:var(--glass)!important;border:1px solid var(--line)!important;border-radius:12px;box-shadow:none}
:root[data-skin="glactro2"] .pml{display:grid;gap:8px}
:root[data-skin="glactro2"] .pml li{padding:10px 12px}
:root[data-skin="glactro2"] .ptd{color:var(--fg)}
:root[data-skin="glactro2"] .ptdi{background:var(--pnl2)!important;color:var(--k,var(--ice))!important}
/* modül başlık simgeleri ve renkli kutucuklar sitede yok */
:root[data-skin="glactro2"] .pmodi,:root[data-skin="glactro2"] .pkxi{display:none!important}
:root[data-skin="glactro2"] .pmodh{gap:10px}
:root[data-skin="glactro2"] .pgo{color:var(--ice);font-size:13.5px;font-weight:500}

/* ---------- sayı kutucukları: sitedeki .ap-tiles (etiket + mono değer) ---------- */
:root[data-skin="glactro2"] .pkpx .pkx{grid-template-columns:1fr!important;padding:16px 18px;row-gap:4px}
:root[data-skin="glactro2"] .pkx .pkxl,:root[data-skin="glactro2"] .kpi .k,:root[data-skin="glactro2"] .hmk small:first-of-type{font:400 12px var(--f-body);letter-spacing:0;text-transform:none;color:var(--muted)}
:root[data-skin="glactro2"] .pkx b,:root[data-skin="glactro2"] .pkpi b,:root[data-skin="glactro2"] .kpi .v,:root[data-skin="glactro2"] .hmk b{font:600 20px var(--f-mono)!important;letter-spacing:0;color:var(--fg)!important;font-variant-numeric:tabular-nums}
:root[data-skin="glactro2"] .pkx small{font-size:12px;color:var(--dim)}
:root[data-skin="glactro2"] .hmk{grid-template-columns:1fr;padding:16px 18px;row-gap:4px}
:root[data-skin="glactro2"] .hmk .hmki{display:none}
:root[data-skin="glactro2"] .hmk .hmkl,:root[data-skin="glactro2"] .hmk>span:not(.hmki){font:400 12px var(--f-body);letter-spacing:0;text-transform:none;color:var(--muted)}

/* ---------- düğmeler: sitedeki .btn ---------- */
:root[data-skin="glactro2"] .btn,:root[data-skin="glactro2"] .pbtn,:root[data-skin="glactro2"] .cl-go,:root[data-skin="glactro2"] .cl-alt{border-radius:12px;font-weight:600}
:root[data-skin="glactro2"] .btn.primary,:root[data-skin="glactro2"] .cl-go,:root[data-skin="glactro2"] .pbtn:not(.ghost){background:var(--btn);border-color:var(--btn);color:#fff}
:root[data-skin="glactro2"] .btn.primary:hover,:root[data-skin="glactro2"] .cl-go:hover,:root[data-skin="glactro2"] .pbtn:not(.ghost):hover{background:var(--btn-h);transform:translateY(-1px);box-shadow:0 8px 30px -6px #d3121b8c}
:root[data-skin="glactro2"] .btn:not(.primary):not(.blue):not(.red):not(.green):not(.danger),:root[data-skin="glactro2"] .pbtn.ghost,:root[data-skin="glactro2"] .cl-alt{background:transparent;border:1px solid var(--line-2);color:var(--fg)}
:root[data-skin="glactro2"] .btn:not(.primary):not(.blue):not(.red):not(.green):not(.danger):hover,:root[data-skin="glactro2"] .pbtn.ghost:hover,:root[data-skin="glactro2"] .cl-alt:hover{background:var(--pnl)}
@media (prefers-reduced-motion:no-preference){
  :root[data-skin="glactro2"] .pbtn:not(.ghost){position:relative;overflow:hidden}
  :root[data-skin="glactro2"] .btn.primary::after,:root[data-skin="glactro2"] .cl-go::after,:root[data-skin="glactro2"] .pbtn:not(.ghost)::after{content:"";pointer-events:none;position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(100deg,transparent,#ffffff8c,transparent);transform:translate(-150%) skew(-20deg);animation:gxshine 4.5s ease-in-out infinite}
}

/* ---------- form alanları (sitedeki ayarlar sayfası) ---------- */
:root[data-skin="glactro2"] input:not([type=checkbox]):not([type=radio]):not([type=range]),:root[data-skin="glactro2"] select,:root[data-skin="glactro2"] textarea{background:var(--ink);border:1px solid var(--line-2);border-radius:12px;color:var(--fg)}
:root[data-skin="glactro2"] input:focus,:root[data-skin="glactro2"] select:focus,:root[data-skin="glactro2"] textarea:focus{border-color:var(--ice);outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--ice) 18%,transparent)}

/* ---------- sekme / dönem seçiciler: sitedeki .tabs ---------- */
:root[data-skin="glactro2"] .seg3,:root[data-skin="glactro2"] .cxseg,:root[data-skin="glactro2"] .pseg{background:var(--ink)!important;border:1px solid var(--line)!important;border-radius:9px;padding:3px;gap:2px}
:root[data-skin="glactro2"] .seg3 button,:root[data-skin="glactro2"] .cxseg button,:root[data-skin="glactro2"] .pseg button{font:500 12px var(--f-mono);border-radius:6px;color:var(--muted)}
:root[data-skin="glactro2"] .seg3 button[aria-pressed="true"],:root[data-skin="glactro2"] .cxseg button[aria-pressed="true"],:root[data-skin="glactro2"] .pseg button[aria-pressed="true"],:root[data-skin="glactro2"] .pseg button.on{background:var(--pnl2)!important;color:var(--fg)!important;box-shadow:none}

/* ---------- tablolar: sitedeki tablo ---------- */
:root[data-skin="glactro2"] th,:root[data-skin="glactro2"] thead th{font:500 11px var(--f-mono)!important;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)!important;background:transparent!important;border-bottom:1px solid var(--line)}
:root[data-skin="glactro2"] td{border-color:var(--line)}
:root[data-skin="glactro2"] td.num,:root[data-skin="glactro2"] .num{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
:root[data-skin="glactro2"] tbody tr:hover td{background:var(--glass)}

/* ---------- rozetler: sitedeki .pill (mono, küçük, yumuşak zemin) ---------- */
:root[data-skin="glactro2"] .chip,:root[data-skin="glactro2"] .st,:root[data-skin="glactro2"] .pchip,:root[data-skin="glactro2"] .xtag,:root[data-skin="glactro2"] .pcount{font-family:var(--f-mono)!important;font-weight:500;letter-spacing:.04em;border-radius:99px}
:root[data-skin="glactro2"] .pcount{background:var(--btn);color:#fff}

/* ---------- müşteri ekranı içerik bileşenleri ---------- */
/* duyuru: mavi kutu yerine sitedeki kart satırı */
:root[data-skin="glactro2"] .cxann{background:var(--ink-2)!important;border:1px solid var(--line)!important;border-radius:18px;box-shadow:none}
:root[data-skin="glactro2"] .cxann .cxai{background:var(--pnl2)!important;color:var(--ice)!important}
/* kilometre taşı bandı: kırmızı degrade yerine sitedeki giriş panelindeki gibi kırmızı ışımalı koyu kart */
:root[data-skin="glactro2"] .cxms{background:radial-gradient(90% 140% at 85% 0%,#d3121b47,transparent 60%),radial-gradient(60% 120% at 0 100%,#d3121b24,transparent 70%),#0d0a0b!important;border:1px solid #ffcdd033;color:#f4eeee;border-radius:18px;box-shadow:none}
:root[data-skin="glactro2"] .cxms .cxmst span{font-family:var(--f-display);font-weight:700}
:root[data-skin="glactro2"] .cxms .pbtn:not(.ghost){background:#d3121b;border-color:#d3121b;color:#fff}
:root[data-skin="glactro2"] .cxms .pbtn.ghost{color:#f4eeee;border-color:#ffcdd033}
/* uyarı kutuları */
:root[data-skin="glactro2"] .pwarn{border-left:3px solid var(--gwarn)!important}
/* yazı tipi sayı değerleri */
:root[data-skin="glactro2"] .cxvr,:root[data-skin="glactro2"] .pml .amt{font-family:var(--f-mono)}

/* ekstre / sözleşme PDF sayfaları klasik kalır */
:root[data-skin="glactro2"] .page,:root[data-skin="glactro2"] .cpage{background:#fff}

/* ---------- tema düğmesi (üst çubuk ve giriş) ---------- */
:root[data-skin="glactro2"] .gxthm{display:grid;place-items:center;width:38px;height:38px;flex:none;border:1px solid var(--line-2);border-radius:10px;background:transparent;color:var(--fg);cursor:pointer;padding:0}
:root[data-skin="glactro2"] .gxthm:hover{background:var(--pnl)}
:root[data-skin="glactro2"] .gxthm svg{width:18px;height:18px}

/* =====================================================================
   GENİŞ EKRAN: sol menü + üst başlık (sitedeki .ap-side / .app-top)
   ===================================================================== */
@media (min-width:900px){
  /* ----- yönetim: sol menü ----- */
  html.gx-side[data-skin="glactro2"] body>.wrap{padding:0 24px 48px calc(var(--gxw) + 28px);transition:padding .2s}
  html.gx-side[data-skin="glactro2"] body>.wrap>header.top{width:var(--gxw);transition:width .2s;padding:22px 14px;gap:22px;background:var(--ink-2)!important;border-right:1px solid var(--line)!important;-webkit-backdrop-filter:none;backdrop-filter:none}
  html.gx-side[data-skin="glactro2"] header.top .brand{padding:0 8px;height:46px;background:url(gx-logo-dark.png) no-repeat left center/auto 46px}
  html.gx-side[data-skin="glactro2"] header.top .brand>*{visibility:hidden}
  html.gx-side[data-skin="glactro2"] .top .nav{gap:2px}
  html.gx-side[data-skin="glactro2"] .top .nav button,html.gx-side[data-skin="glactro2"] .gxfoot>*{padding:10px 12px;font-size:14.5px;font-weight:400;color:var(--muted);border-radius:10px}
  html.gx-side[data-skin="glactro2"] .top .nav .ni,html.gx-side[data-skin="glactro2"] .gxfoot svg{width:19px;height:19px;opacity:1}
  html.gx-side[data-skin="glactro2"] .top .nav button:hover,html.gx-side[data-skin="glactro2"] .gxfoot>*:hover{background:var(--pnl)!important;color:var(--fg)!important}
  html.gx-side[data-skin="glactro2"] .top .nav button[aria-pressed="true"],html.gx-side[data-skin="glactro2"] .gxfoot>[aria-pressed="true"]{background:var(--pnl2)!important;color:var(--fg)!important;box-shadow:inset 3px 0 0 var(--btn)!important}
  html.gx-side[data-skin="glactro2"] .top .nav button[aria-pressed="true"] .ni{color:inherit}
  html.gx-side[data-skin="glactro2"] .gxfoot{padding-top:12px;gap:2px}
  /* ----- yönetim: üst çubuk ----- */
  html.gx-side[data-skin="glactro2"] .gxbar{margin:0 -24px 6px -28px;padding:16px 24px 16px 28px;background:color-mix(in srgb,var(--ink) 85%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
  html.gx-side[data-skin="glactro2"] .gxh{font-size:24px;font-weight:700}
  html.gx-side[data-skin="glactro2"] .gxs{font-size:14px;margin-top:2px}
  html.gx-side[data-skin="glactro2"] .gxr .uisw{order:1!important}html.gx-side[data-skin="glactro2"] .gxr .qsbtn{order:2!important}html.gx-side[data-skin="glactro2"] .gxr .gxthm{order:3!important}html.gx-side[data-skin="glactro2"] .gxr .bellw{order:4!important}html.gx-side[data-skin="glactro2"] .gxr .aum{order:5!important}
  html.gx-side[data-skin="glactro2"] .gxr .bell,html.gx-side[data-skin="glactro2"] .gxr .qsbtn{width:40px;height:40px;border:1px solid var(--line-2);border-radius:10px}
  /* hesap: sitedeki gibi yalnızca kırmızı yuvarlak baş harf */
  html.gx-side[data-skin="glactro2"] .gxr .aum>button{border:0!important;padding:0!important;background:transparent!important;gap:0}
  html.gx-side[data-skin="glactro2"] .gxr .aum>button>:first-child{width:38px;height:38px;font:600 14px var(--f-body);background:var(--btn);color:#fff;border-radius:50%}

  /* ----- müşteri: sol menü ----- */
  html.gx-pside[data-skin="glactro2"] .portal{grid-template-columns:var(--gxw) minmax(0,1fr)}
  html.gx-pside[data-skin="glactro2"] .portal>.ptabs{padding:22px 14px;gap:2px;background:var(--ink-2);border-right:1px solid var(--line)}
  html.gx-pside[data-skin="glactro2"] .ptabs .gxpbrand{height:46px;padding:0 8px;margin-bottom:20px;background:url(gx-logo-dark.png) no-repeat 8px center/auto 46px}
  html.gx-pside[data-skin="glactro2"] .ptabs .gxpbrand>*{visibility:hidden}
  html.gx-pside[data-skin="glactro2"] .ptabs button{padding:10px 12px;font-size:14.5px;font-weight:400;color:var(--muted);background:transparent}
  html.gx-pside[data-skin="glactro2"] .ptabs button svg{width:19px;height:19px}
  html.gx-pside[data-skin="glactro2"] .ptabs button:hover{background:var(--pnl);color:var(--fg)}
  html.gx-pside[data-skin="glactro2"] .ptabs button[aria-selected="true"]{background:var(--pnl2)!important;color:var(--fg)!important;box-shadow:inset 3px 0 0 var(--btn)!important;border:0}
  html.gx-pside[data-skin="glactro2"] .ptabs button[aria-selected="true"] svg{color:inherit}
  html.gx-pside[data-skin="glactro2"] .ptabs button[data-pt="5"]{border-top:1px solid var(--line);border-radius:0;padding-top:14px;margin-top:auto}
  /* ----- müşteri: üst çubuk (sayfa adı + "Tekrar hoş geldin") ----- */
  html.gx-pside[data-skin="glactro2"] .portal>.pintro{display:none!important}
  html.gx-pside[data-skin="glactro2"] .portal>.gxpt{grid-area:top;position:sticky;top:0;z-index:3;align-self:stretch;padding:16px 28px;background:color-mix(in srgb,var(--ink) 85%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
  html.gx-pside[data-skin="glactro2"] .gxpt .gxh{margin:0;font:700 24px/1.15 var(--f-display);letter-spacing:-.02em}
  html.gx-pside[data-skin="glactro2"] .gxpt .gxs{margin:2px 0 0;color:var(--muted);font-size:14px}
  html.gx-pside[data-skin="glactro2"] .portal>.phead{padding:16px 24px;align-self:center}
  html.gx-pside[data-skin="glactro2"] .phead .puser{gap:10px}
  html.gx-pside[data-skin="glactro2"] .phead .plang{border:1px solid var(--line-2);border-radius:10px;background:transparent;padding:3px}
  html.gx-pside[data-skin="glactro2"] .phead .pbell{width:40px;height:40px;border:1px solid var(--line-2);border-radius:10px;background:transparent}
  html.gx-pside[data-skin="glactro2"] .phead .pubtn{border:0;padding:0;background:transparent;gap:0}
  html.gx-pside[data-skin="glactro2"] .phead .pubtn>*:not(.pava){display:none}
  html.gx-pside[data-skin="glactro2"] .phead .pava{width:38px;height:38px;font:600 14px var(--f-body);background:var(--btn);color:#fff}
  html.gx-pside[data-skin="glactro2"] .portal>.pbody{padding:24px max(16px,24px) 48px 28px}
}
/* açık temada açık logo */
@media (min-width:900px) and (prefers-color-scheme:light){
  html.gx-side[data-skin="glactro2"]:not([data-theme="dark"]) header.top .brand,html.gx-pside[data-skin="glactro2"]:not([data-theme="dark"]) .ptabs .gxpbrand{background-image:url(gx-logo-light.png)}}
@media (min-width:900px){
  html.gx-side[data-skin="glactro2"][data-theme="light"] header.top .brand,html.gx-pside[data-skin="glactro2"][data-theme="light"] .ptabs .gxpbrand{background-image:url(gx-logo-light.png)}}

/* =====================================================================
   GİRİŞ SAYFALARI (sitedeki app/index): solda marka paneli, sağda giriş kartı
   gx-layout.js geniş ekranda <html class="gx-auth"> ekler ve öğeleri yerleştirir.
   ===================================================================== */
@media (min-width:900px){
  html.gx-auth[data-skin="glactro2"] .cl-wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-rows:minmax(100vh,auto);grid-auto-rows:0;place-items:stretch;align-content:stretch;min-height:100vh;width:100%;margin:0;padding:0;background:var(--ink)}
  html.gx-auth[data-skin="glactro2"] body.cl-body,html.gx-auth[data-skin="glactro2"] .cl-app{display:block;padding:0;margin:0}
  html.gx-auth[data-skin="glactro2"] .cl-wrap>.glx-appshow{display:none}
  /* sol: marka paneli — her iki temada koyu, kırmızı ışımalı */
  html.gx-auth[data-skin="glactro2"] .gxa-brand{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:36px;padding:40px 32px 40px 48px;color:#f4eeee;border-right:1px solid var(--line);background:radial-gradient(90% 70% at 80% 10%,#d3121b47,transparent 60%),radial-gradient(60% 50% at 0 100%,#d3121b24,transparent 70%),#0d0a0b}
  html.gx-auth[data-skin="glactro2"] .gxa-logo{display:block;width:115px;height:46px;background:url(gx-logo-dark.png) no-repeat left center/contain}
  html.gx-auth[data-skin="glactro2"] .gxa-copy{display:flex;flex-direction:column;gap:18px;max-width:30rem}
  html.gx-auth[data-skin="glactro2"] .gxa-eye{font:500 12px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:#ff5a61}
  html.gx-auth[data-skin="glactro2"] .gxa-h{margin:0;font:700 clamp(30px,3.4vw,46px)/1.1 var(--f-display);letter-spacing:-.02em;color:#f4eeee;text-wrap:balance}
  html.gx-auth[data-skin="glactro2"] .gxa-h em{font-style:normal;color:#ff5a61}
  html.gx-auth[data-skin="glactro2"] .gxa-checks{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14.5px;color:#dcd2d3}
  html.gx-auth[data-skin="glactro2"] .gxa-checks li{display:flex;align-items:flex-start;gap:10px;line-height:1.6}
  html.gx-auth[data-skin="glactro2"] .gxa-checks li::before{content:"✓";flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:6px;font-size:12px;color:#5fe3a6;background:#5fe3a624;margin-top:2px}
  html.gx-auth[data-skin="glactro2"] .gxa-stage{margin-top:auto;max-width:340px;transform:perspective(1200px) rotateY(-8deg) rotateX(4deg)}
  html.gx-auth[data-skin="glactro2"] .gxa-bal{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid #ffcdd033;border-radius:12px;background:#1c1517;color:#f4eeee;font-size:12px}
  html.gx-auth[data-skin="glactro2"] .gxa-l{color:#b3a6a8;font-size:12px}
  html.gx-auth[data-skin="glactro2"] .gxa-big{font:600 24px var(--f-mono);letter-spacing:-.02em}
  html.gx-auth[data-skin="glactro2"] .gxa-d{font:500 12px var(--f-mono);color:#5fe3a6}
  html.gx-auth[data-skin="glactro2"] .gxa-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;border:1px solid #ffcdd01c;border-radius:12px;background:#ffffff05;font-size:13px}
  html.gx-auth[data-skin="glactro2"] .gxa-row b{font-weight:500;display:block}
  html.gx-auth[data-skin="glactro2"] .gxa-row small{display:block;color:#968a8c;font-size:11px}
  html.gx-auth[data-skin="glactro2"] .gxa-row span{font-family:var(--f-mono);white-space:nowrap}
  html.gx-auth[data-skin="glactro2"] .gxa-ex{font:500 11px var(--f-mono);color:#968a8c}
  @media (prefers-reduced-motion:no-preference){html.gx-auth[data-skin="glactro2"] .gxa-stage{animation:gxbob 7s ease-in-out infinite}
    @keyframes gxbob{0%,100%{transform:perspective(1200px) rotateY(-8deg) rotateX(4deg) translateY(0)}50%{transform:perspective(1200px) rotateY(-8deg) rotateX(4deg) translateY(-10px)}}}
  /* sağ: giriş paneli */
  html.gx-auth[data-skin="glactro2"] .gxa-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:32px 16px;background:var(--ink)}
  html.gx-auth[data-skin="glactro2"] .gxa-top{align-self:flex-end;display:flex;align-items:center;gap:8px;padding-right:16px}
  html.gx-auth[data-skin="glactro2"] .gxa-top .cl-lang{border:1px solid var(--line-2);border-radius:10px;background:transparent;padding:3px;gap:2px}
  html.gx-auth[data-skin="glactro2"] .gxa-top .cl-lang button,html.gx-auth[data-skin="glactro2"] .gxa-top .cl-lang a{border-radius:7px;padding:3px;opacity:.55}
  html.gx-auth[data-skin="glactro2"] .gxa-top .cl-lang [aria-pressed="true"],html.gx-auth[data-skin="glactro2"] .gxa-top .cl-lang [aria-current="true"]{opacity:1;background:var(--pnl2);box-shadow:none}
  html.gx-auth[data-skin="glactro2"] .gxa-top .cl-lang svg{width:24px;height:16px;box-shadow:0 0 0 1px var(--line-2)}
  html.gx-auth[data-skin="glactro2"] .gxa-panel .cl-card{margin-block:auto;max-width:420px;padding:34px;gap:16px;border:1px solid var(--line-2);border-radius:22px;background:var(--ink-2);box-shadow:0 30px 80px -30px var(--shadow-c)}
  html.gx-auth[data-skin="glactro2"] .gxa-panel .cl-card .cl-top{display:none}
  html.gx-auth[data-skin="glactro2"] .gxa-panel .cl-badge{font:500 11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ice);background:var(--accent-soft);border:0}
  html.gx-auth[data-skin="glactro2"] .gxa-panel .cl-card h1{margin:0;font:700 26px/1.1 var(--f-display);letter-spacing:-.02em}
  html.gx-auth[data-skin="glactro2"] .gxa-panel .cl-sub{margin:0;color:var(--muted);font-size:15px;line-height:1.6}
  html.gx-auth[data-skin="glactro2"] .gxa-panel .cl-card label{font-size:13.5px;font-weight:600;gap:8px}
  html.gx-auth[data-skin="glactro2"] .gxa-panel .cl-card input:not([type=checkbox]){min-height:48px;padding:12px 14px;font-size:15px;background:var(--ink);border:1px solid var(--line-2);border-radius:12px}
  html.gx-auth[data-skin="glactro2"] .gxa-panel .cl-go{min-height:50px;border-radius:999px;font-size:15px}
  html.gx-auth[data-skin="glactro2"] .gxa-panel .cl-alt{min-height:48px;border-radius:12px;background:transparent;border:1px solid var(--line-2);font-size:15px}
  html.gx-auth[data-skin="glactro2"] .gxa-panel .cl-legal{margin:0;color:var(--muted);font-size:13.5px;text-align:center}
  html.gx-auth[data-skin="glactro2"] .gxa-panel .cl-legal a{color:var(--ice);text-decoration:underline;text-underline-offset:3px}
  html.gx-auth[data-skin="glactro2"] .gxa-app{border:0;background:transparent;color:var(--muted);font:500 13.5px var(--f-body);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
  html.gx-auth[data-skin="glactro2"] .gxa-app:hover{color:var(--fg)}
}

/* =====================================================================
   2026.11.24: yönetim — ana sayfadaki hızlı düğmeler kaldırıldı; arama, Sistem bölümü
   (Veritabanı, Kayıt geçmişi, Oturumlar, Uygulamayı yükle), dil / tema / bildirim ve hesap sol menüde
   ===================================================================== */
:root[data-skin="glactro2"] .hmhero .hmqa{display:none!important}
@media (min-width:900px){html.gx-side[data-skin="glactro2"] .hmhero{display:none!important}}
@media (min-width:900px){
  html.gx-side[data-skin="glactro2"] body>.wrap>header.top{gap:14px;padding:20px 12px 14px}
  html.gx-side[data-skin="glactro2"] .top .nav button,html.gx-side[data-skin="glactro2"] .gxsys button,html.gx-side[data-skin="glactro2"] .gxfoot>button{padding:8px 12px;min-height:38px}
  html.gx-side[data-skin="glactro2"] .gxbar{grid-template-columns:minmax(0,1fr)}
  /* arama: menünün üstünde alan görünümünde */
  html.gx-side[data-skin="glactro2"] .gxsrch{position:relative;flex:none;height:40px}
  html.gx-side[data-skin="glactro2"] .gxsrch .qsbtn{position:absolute;inset:0;width:100%!important;height:40px!important;margin:0!important;border:1px solid var(--line-2);border-radius:10px;background:var(--ink)!important;color:transparent;cursor:pointer}
  html.gx-side[data-skin="glactro2"] .gxsrch .qsbtn>*{opacity:0}
  html.gx-side[data-skin="glactro2"] .gxsrch .qsbtn:hover{border-color:var(--ice)}
  html.gx-side[data-skin="glactro2"] .gxsl{position:absolute;inset:0;display:flex;align-items:center;gap:9px;padding:0 10px 0 12px;pointer-events:none;color:var(--dim);font-size:14px}
  html.gx-side[data-skin="glactro2"] .gxsl svg{width:17px;height:17px;flex:none}
  html.gx-side[data-skin="glactro2"] .gxsl i{font-style:normal;flex:1}
  html.gx-side[data-skin="glactro2"] .gxsl kbd{font:500 10.5px var(--f-mono);padding:2px 6px;border:1px solid var(--line-2);border-radius:6px;color:var(--dim)}
  /* Sistem bölümü */
  html.gx-side[data-skin="glactro2"] .gxsys{order:2;display:flex;flex-direction:column;gap:2px;padding-top:12px;border-top:1px solid var(--line)}
  html.gx-side[data-skin="glactro2"] .gxgl{font:500 10.5px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);padding:0 12px 6px}
  html.gx-side[data-skin="glactro2"] .gxsys button{display:flex!important;align-items:center;gap:12px;width:100%;border:0;border-radius:10px;background:transparent;color:var(--muted);font:400 14.5px var(--f-body);text-align:left;cursor:pointer}
  html.gx-side[data-skin="glactro2"] .gxsys button[hidden]{display:none!important}
  html.gx-side[data-skin="glactro2"] .gxsys button svg,html.gx-side[data-skin="glactro2"] .gxsys .ni{width:19px;height:19px;flex:none}
  html.gx-side[data-skin="glactro2"] .gxsys button:hover{background:var(--pnl);color:var(--fg)}
  html.gx-side[data-skin="glactro2"] .gxsys button[aria-pressed="true"]{background:var(--pnl2);color:var(--fg);box-shadow:inset 3px 0 0 var(--btn)}
  html.gx-side[data-skin="glactro2"] .gxfoot{gap:8px}
  /* dil / tema / bildirim satırı */
  html.gx-side[data-skin="glactro2"] .gxtools{display:flex;align-items:center;gap:6px;padding:0 2px 4px}
  html.gx-side[data-skin="glactro2"] .gxtools .uisw{margin:0!important;flex:1;justify-content:center;border:1px solid var(--line-2);border-radius:10px;height:38px;padding:3px;gap:2px;background:transparent}
  html.gx-side[data-skin="glactro2"] .gxtools .gxthm,html.gx-side[data-skin="glactro2"] .gxtools .bell{width:38px;height:38px;flex:none;border:1px solid var(--line-2);border-radius:10px;background:transparent;margin:0}
  html.gx-side[data-skin="glactro2"] .gxtools .bellw{position:static;margin:0!important}
  /* açılır pencereler menünün sağına açılır */
  html.gx-side[data-skin="glactro2"] .gxfoot .bellp{position:fixed;left:252px;right:auto;top:auto;bottom:14px;transform-origin:bottom left;max-height:70vh}
  html.gx-side[data-skin="glactro2"] .gxfoot .aumenu{position:fixed;left:252px;right:auto;top:auto;bottom:14px}
  html.gx-side[data-skin="glactro2"] .aumenu .gxdup{display:none!important}
  /* hesap: ad + kullanıcı adı ile kart */
  html.gx-side[data-skin="glactro2"] .gxme .aum{position:static;margin:0!important;width:100%}
  html.gx-side[data-skin="glactro2"] .gxme .aubtn{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--glass)!important;color:var(--fg);cursor:pointer;text-align:left}
  html.gx-side[data-skin="glactro2"] .gxme .aubtn:hover{background:var(--pnl)!important}
  html.gx-side[data-skin="glactro2"] .gxme .aubtn>*{display:revert!important}
  html.gx-side[data-skin="glactro2"] .gxme .auava{flex:none;width:34px;height:34px;display:grid!important;place-items:center;border-radius:50%;background:var(--btn);color:#fff;font:600 13.5px var(--f-body)}
  html.gx-side[data-skin="glactro2"] .gxme .aun{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 14px var(--f-body);max-width:none}
}
@media (min-width:900px){
  html.gx-auth[data-skin="glactro2"] .gxa-top .ap-lang{display:flex;gap:2px;padding:3px;border:1px solid var(--line-2);border-radius:10px}
  html.gx-auth[data-skin="glactro2"] .gxa-top .ap-lang a{padding:5px 8px;border-radius:7px;font:500 12px var(--f-mono);color:var(--muted);text-decoration:none}
  html.gx-auth[data-skin="glactro2"] .gxa-top .ap-lang a[aria-current="true"]{background:var(--pnl2);color:var(--fg)}
}

/* =====================================================================
   2026.11.26 — dil / tema / bildirim / hesap (ad + fotoğraf) sağ üstte; logo ortada; katlanır sol menü;
   müşteri menüsünde "Uygulamayı yükle"; açılır menüler fareyle yaklaşınca kapanmaz
   ===================================================================== */
:root[data-skin="glactro2"]{--gxw:240px}
:root[data-skin="glactro2"].gx-col{--gxw:72px}
:root[data-skin="glactro2"] .gxcol,:root[data-skin="glactro2"] .gxpapp{display:none}
@media (min-width:900px){
  /* sağ üst: dil · tema · bildirim · hesap */
  html.gx-side[data-skin="glactro2"] .gxbar{grid-template-columns:minmax(0,1fr) auto}
  html.gx-side[data-skin="glactro2"] .gxr{display:flex;align-items:center;gap:10px}
  html.gx-side[data-skin="glactro2"] .gxr .uisw{order:1!important;border:1px solid var(--line-2);border-radius:10px;padding:3px;gap:2px;height:40px;background:transparent}
  html.gx-side[data-skin="glactro2"] .gxr .gxthm{order:2!important}
  html.gx-side[data-skin="glactro2"] .gxr .bellw{order:3!important;position:relative}
  html.gx-side[data-skin="glactro2"] .gxr .aum{order:4!important;position:relative}
  html.gx-side[data-skin="glactro2"] .gxr .aum>button{display:flex!important;align-items:center;gap:9px!important;padding:3px 10px 3px 3px!important;border:1px solid var(--line-2)!important;border-radius:999px!important;background:transparent!important;color:var(--fg);cursor:pointer}
  html.gx-side[data-skin="glactro2"] .gxr .aum>button:hover{background:var(--pnl)!important}
  html.gx-side[data-skin="glactro2"] .gxr .aum>button>*{display:revert}
  html.gx-side[data-skin="glactro2"] .gxr .aum>button>:first-child{width:34px;height:34px;display:grid;place-items:center;flex:none}
  html.gx-side[data-skin="glactro2"] .gxr .aun{font:500 14px var(--f-body);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  html.gx-side[data-skin="glactro2"] .gxr .aumenu{right:0;left:auto;top:calc(100% + 8px)}
  html.gx-side[data-skin="glactro2"] .aumenu .gxdup{display:none!important}
  html.gx-pside[data-skin="glactro2"] .phead .pubtn{display:flex;align-items:center;gap:9px;padding:3px 10px 3px 3px;border:1px solid var(--line-2);border-radius:999px;background:transparent}
  html.gx-pside[data-skin="glactro2"] .phead .pubtn:hover{background:var(--pnl)}
  html.gx-pside[data-skin="glactro2"] .phead .pubtn>*:not(.pava){display:revert}
  html.gx-pside[data-skin="glactro2"] .phead .pava{width:34px;height:34px}
  html.gx-pside[data-skin="glactro2"] .phead .pun{font:500 14px var(--f-body);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  /* logo ortada; solunda menüyü daraltma düğmesi */
  html.gx-side[data-skin="glactro2"] header.top{position:fixed}
  html.gx-side[data-skin="glactro2"] header.top .brand{background-position:center!important;margin:0!important}
  html.gx-pside[data-skin="glactro2"] .portal>.ptabs{position:sticky}
  html.gx-pside[data-skin="glactro2"] .ptabs .gxpbrand{background-position:center!important;margin-left:0!important;padding:0!important}
  html:is(.gx-side,.gx-pside)[data-skin="glactro2"] .gxcol{display:grid;place-items:center;position:absolute;top:28px;left:12px;width:32px;height:32px;padding:0;border:1px solid var(--line-2);border-radius:9px;background:transparent;color:var(--muted);cursor:pointer;z-index:2}
  html:is(.gx-side,.gx-pside)[data-skin="glactro2"] .gxcol:hover{color:var(--fg);background:var(--pnl)}
  html:is(.gx-side,.gx-pside)[data-skin="glactro2"] .gxcol svg{width:17px;height:17px}
  /* müşteri: Uygulamayı yükle (Destek çizgisinin üstünde) */
  html.gx-pside[data-skin="glactro2"] .ptabs .gxpapp{display:flex;align-items:center;gap:12px;width:100%;margin-top:auto;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:var(--muted);font:400 14.5px var(--f-body);cursor:pointer;text-align:left}
  html.gx-pside[data-skin="glactro2"] .ptabs .gxpapp:hover{background:var(--pnl);color:var(--fg)}
  html.gx-pside[data-skin="glactro2"] .ptabs .gxpapp svg{width:19px;height:19px;flex:none}
  html.gx-pside[data-skin="glactro2"] .ptabs .gxpapp+button[data-pt="5"]{margin-top:8px}
  /* ---------- katlanmış menü: yalnızca simgeler ---------- */
  html.gx-col.gx-side[data-skin="glactro2"] body>.wrap>header.top{padding:20px 10px;overflow-x:hidden}
  html.gx-col:is(.gx-side,.gx-pside)[data-skin="glactro2"] .gxcol{position:static;margin:0 auto 4px;flex:none}
  html.gx-col.gx-side[data-skin="glactro2"] header.top .brand,html.gx-col.gx-pside[data-skin="glactro2"] .ptabs .gxpbrand{margin:0!important;padding:0!important;height:34px;background:url(gx-mark-dark.png) no-repeat center/auto 30px!important}
  html.gx-col.gx-side[data-skin="glactro2"][data-theme="light"] header.top .brand,html.gx-col.gx-pside[data-skin="glactro2"][data-theme="light"] .ptabs .gxpbrand{background-image:url(gx-mark-light.png)!important}
  html.gx-col:is(.gx-side,.gx-pside)[data-skin="glactro2"] :is(.top .nav button,.gxsys button,.gxfoot>button,.ptabs>button:not(.gxcol)){justify-content:center;padding:10px 0!important;gap:0;position:relative}
  html.gx-col:is(.gx-side,.gx-pside)[data-skin="glactro2"] :is(.top .nav button,.gxsys button,.gxfoot>button,.ptabs>button)>span:not(.bellc){display:none}
  html.gx-col:is(.gx-side,.gx-pside)[data-skin="glactro2"] :is(.top .nav button,.ptabs>button) .bellc{position:absolute;top:1px;right:4px;margin:0;min-width:16px;height:16px;font-size:10px}
  html.gx-col.gx-side[data-skin="glactro2"] .gxgl{font-size:0;padding:0;border-top:0}
  html.gx-col.gx-side[data-skin="glactro2"] .gxsrch .gxsl i,html.gx-col.gx-side[data-skin="glactro2"] .gxsrch kbd{display:none}
  html.gx-col.gx-side[data-skin="glactro2"] .gxsrch .gxsl{justify-content:center;padding:0}
  html.gx-col.gx-pside[data-skin="glactro2"] .portal>.ptabs{padding:20px 10px}
}
@media (min-width:900px) and (prefers-color-scheme:light){
  html.gx-col.gx-side[data-skin="glactro2"]:not([data-theme="dark"]) header.top .brand,html.gx-col.gx-pside[data-skin="glactro2"]:not([data-theme="dark"]) .ptabs .gxpbrand{background-image:url(gx-mark-light.png)!important}}

/* =====================================================================
   2026.11.26 — simgeler geri (klasik temadaki gibi) v2 biçiminde: sayı kutucukları, modül başlıkları,
   bekleyen işler / müşteri hareketleri satırları, uyarı kutuları
   ===================================================================== */
:root[data-skin="glactro2"] .hmk{grid-template-columns:auto 1fr!important;column-gap:14px;align-items:center}
:root[data-skin="glactro2"] .hmk .hmki{display:grid!important;grid-row:1/4;place-items:center;width:42px;height:42px;margin:0;border-radius:12px;background:var(--pnl2)!important;color:var(--hk,var(--ice))!important}
:root[data-skin="glactro2"] .hmk .hmki svg{width:20px;height:20px}
:root[data-skin="glactro2"] .pkpx .pkx{grid-template-columns:auto 1fr!important;column-gap:14px}
:root[data-skin="glactro2"] .pkx .pkxi{display:grid!important;grid-row:1/4;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--pnl2)!important;color:var(--hk,var(--ice))!important}
:root[data-skin="glactro2"] .pmodi{display:grid!important;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--pnl2)!important;color:var(--ice)!important;flex:none}
:root[data-skin="glactro2"] .hmh{width:34px;height:34px;border-radius:10px;background:var(--pnl2);color:var(--ice);margin-right:10px}
:root[data-skin="glactro2"] .hmcard>.yhead,:root[data-skin="glactro2"] .hmcard>div:first-child{font-family:var(--f-display);font-weight:700;font-size:17px}
/* satırlar: sitedeki .row — cam zemin, ince çizgi, 12 px köşe, renkli simge kutusu */
:root[data-skin="glactro2"] .tdrow{border:1px solid var(--line)!important;border-radius:12px!important;background:var(--glass)!important;padding:10px 12px!important;margin:0 0 8px!important;gap:12px!important;box-shadow:inset 3px 0 0 var(--k)}
:root[data-skin="glactro2"] .tdrow:hover{background:var(--pnl)!important;border-color:var(--line-2)!important}
:root[data-skin="glactro2"] .tdi{width:36px;height:36px;border-radius:10px;background:var(--pnl2)!important;color:var(--k)!important}
:root[data-skin="glactro2"] .tdt b{font-weight:600}
:root[data-skin="glactro2"] .hmrow{padding:11px 10px;border-radius:10px;border-bottom:1px solid var(--line)}
:root[data-skin="glactro2"] .hmrow:hover{background:var(--pnl)}
:root[data-skin="glactro2"] .hmrow em{font-family:var(--f-mono);font-size:11.5px}
:root[data-skin="glactro2"] .xhrow,:root[data-skin="glactro2"] .xmsl li{border-radius:10px}
/* uyarı kutuları: soldan simge */
:root[data-skin="glactro2"] .xwarnb{position:relative;padding-left:46px!important;border:1px solid color-mix(in srgb,var(--gwarn) 35%,var(--line))!important;background:color-mix(in srgb,var(--gwarn) 7%,var(--ink-2))!important;border-radius:12px!important}
:root[data-skin="glactro2"] .xwarnb::before{content:"";position:absolute;left:14px;top:50%;width:20px;height:20px;margin-top:-10px;background:var(--gwarn);-webkit-mask: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='M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z'/%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3C/svg%3E") center/contain no-repeat;mask: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='M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z'/%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3C/svg%3E") center/contain no-repeat}
:root[data-skin="glactro2"] .xupok2{border-radius:12px}
:root[data-skin="glactro2"] .hmk.hmkc b{font:700 21px/1.15 var(--f-display)!important;letter-spacing:-.01em}

/* 2026.11.26 — yönetimdeki Müşteri Ekranı önizlemesi: dil bayrakları; v2'de sol menülü düzen (masaüstü görünümünde) */
.ptbar .gxflag{line-height:0;padding:5px 8px!important}
.ptbar .gxflag svg{width:24px;height:16px;border-radius:3px;box-shadow:0 0 0 1px var(--line);display:block}
.ptbar .gxflag:not([aria-pressed="true"]):not(.on){opacity:.55}
:root[data-skin="glactro2"] .ptframe>.portal.gxprev{display:grid;grid-template-columns:220px minmax(0,1fr);grid-template-areas:"side top" "side body";grid-template-rows:auto 1fr;padding:0;overflow:hidden}
:root[data-skin="glactro2"] .gxprev>.ptabs{grid-area:side;display:flex;flex-direction:column;align-items:stretch;gap:2px;padding:20px 12px;background:var(--ink-2);border-right:1px solid var(--line);overflow:visible;position:static;margin:0;border-bottom:0}
:root[data-skin="glactro2"] .gxprev>.ptabs .gxpbrand{display:block;height:42px;margin-bottom:18px;background:url(gx-logo-dark.png) no-repeat center/auto 42px;cursor:default}
:root[data-skin="glactro2"][data-theme="light"] .gxprev>.ptabs .gxpbrand{background-image:url(gx-logo-light.png)}
:root[data-skin="glactro2"] .gxprev>.ptabs .gxpbrand>*{visibility:hidden}
:root[data-skin="glactro2"] .gxprev>.ptabs>button{justify-content:flex-start;gap:12px;width:100%;padding:9px 12px;border:0;border-radius:10px;background:transparent;color:var(--muted);font:400 14px var(--f-body)}
:root[data-skin="glactro2"] .gxprev>.ptabs>button[aria-selected="true"]{background:var(--pnl2);color:var(--fg);box-shadow:inset 3px 0 0 var(--btn)}
:root[data-skin="glactro2"] .gxprev>.ptabs>button[data-pt="5"]{margin-top:auto;border-top:1px solid var(--line);border-radius:0;padding-top:14px}
:root[data-skin="glactro2"] .gxprev>.pintro{display:none}
:root[data-skin="glactro2"] .gxprev>.gxpt{grid-area:top;padding:14px 22px;border-bottom:1px solid var(--line)}
:root[data-skin="glactro2"] .gxprev>.gxpt .gxh{margin:0;font:700 22px/1.15 var(--f-display)}
:root[data-skin="glactro2"] .gxprev>.gxpt .gxs{margin:2px 0 0;color:var(--muted);font-size:13.5px}
:root[data-skin="glactro2"] .gxprev>.phead{grid-area:top;justify-self:end;align-self:center;background:transparent;border:0;padding:12px 18px;z-index:2}
:root[data-skin="glactro2"] .gxprev>.phead .pbrand{display:none}
:root[data-skin="glactro2"] .gxprev>.pbody{grid-area:body;padding:20px 22px 30px}
:root[data-skin="glactro2"] .gxprev>.pfoot{grid-column:2}
@media (prefers-color-scheme:light){:root[data-skin="glactro2"]:not([data-theme="dark"]) .gxprev>.ptabs .gxpbrand{background-image:url(gx-logo-light.png)}}
:root[data-skin="glactro2"] .gxprt{background:var(--ink-2);border-color:var(--line);border-radius:14px}
:root[data-skin="glactro2"] .gxprt button[aria-selected="true"]{background:var(--pnl2);color:var(--fg);box-shadow:inset 0 -2px 0 var(--btn)}
@media (min-width:900px){html.gx-pside[data-skin="glactro2"] .gxprt{top:84px}}

@media (min-width:900px){html.gx-pside[data-skin="glactro2"] .ptabs>.gxcol{width:32px!important;height:32px;min-height:0;padding:0!important;gap:0;flex:none;justify-content:center;border:1px solid var(--line-2)!important;border-radius:9px;box-shadow:none!important;background:transparent}}