/* Glactro 2026.11.23 — "Glactro Web" teması (glactro.com sitesindeki App görünümü).
   Yalnızca <html data-skin="glactro"> iken çalışır; seçim Site Ayarları → Genel → Tema. Klasik temaya hiçbir etkisi yoktur.
   Yazı tipleri: Raleway (başlık), Onest (metin), JetBrains Mono (sayı / etiket) — theme.js yükler. */

/* ---------- renk ve yazı belirteçleri: açık ---------- */
:root:is([data-skin="glactro"],[data-skin="glactro2"]){
  --bg:#fbf8f8;--panel:#ffffff;--field:#f6f0f0;--fg:#140b0c;--muted:#5a4e50;--line:#ebe1e2;
  --accent:#c8141c;--accent-fg:#ffffff;--accent-soft:#fbe8e9;--ok:#0e7550;--warn:#b4400c;--danger:#b3121a;--mine:#6b3fc2;--mine-soft:#f1ecfb;
  --gx-ice:#b3121a;--gx-line2:#dccfd0;--gx-glass:#500a0f05;--gx-panel2:#eee4e5;--gx-shadow:#3c0a0f1f;--gx-glow:#c8141c14;
  --f-display:"Raleway","Onest",system-ui,sans-serif;--f-body:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;--f-mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
  --b-blue:#d3121b;--b-blue2:#a80f16;
  --gx-r:18px;--gx-r-sm:12px;color-scheme:light}
/* ---------- koyu (sitenin varsayılanı) ---------- */
@media (prefers-color-scheme:dark){:root:is([data-skin="glactro"],[data-skin="glactro2"]):not([data-theme="light"]){
  --bg:#0d0a0b;--panel:#151012;--field:#1c1517;--fg:#f4eeee;--muted:#b3a6a8;--line:#ffcdd01c;
  --accent:#e01b24;--accent-fg:#ffffff;--accent-soft:#2a1315;--ok:#5fe3a6;--warn:#ffa05c;--danger:#ff5a61;--mine:#b79af2;--mine-soft:#241d33;
  --gx-ice:#ff5a61;--gx-line2:#ffcdd033;--gx-glass:#ffffff05;--gx-panel2:#261c1f;--gx-shadow:#000c;--gx-glow:#c8141e2e;color-scheme:dark}}
:root:is([data-skin="glactro"],[data-skin="glactro2"])[data-theme="dark"]{
  --bg:#0d0a0b;--panel:#151012;--field:#1c1517;--fg:#f4eeee;--muted:#b3a6a8;--line:#ffcdd01c;
  --accent:#e01b24;--accent-fg:#ffffff;--accent-soft:#2a1315;--ok:#5fe3a6;--warn:#ffa05c;--danger:#ff5a61;--mine:#b79af2;--mine-soft:#241d33;
  --gx-ice:#ff5a61;--gx-line2:#ffcdd033;--gx-glass:#ffffff05;--gx-panel2:#261c1f;--gx-shadow:#000c;--gx-glow:#c8141e2e;color-scheme:dark}

/* ekstre / sözleşme PDF sayfaları her zaman klasik yazı tipleriyle kalır */
:root:is([data-skin="glactro"],[data-skin="glactro2"]) .page,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .cpage{--f-display:"Archivo","Helvetica Neue",Arial,sans-serif;--f-body:"IBM Plex Sans","Segoe UI",Roboto,Arial,sans-serif;--f-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace}

/* ---------- zemin: sitedeki gibi sağ üstte kırmızı ışıma ---------- */
:root:is([data-skin="glactro"],[data-skin="glactro2"]) body{background:radial-gradient(900px 620px at 92% -8%,var(--gx-glow),transparent 62%),radial-gradient(700px 500px at -10% 110%,color-mix(in srgb,var(--gx-glow) 60%,transparent),transparent 60%),var(--bg);background-attachment:fixed;font-family:var(--f-body);-webkit-font-smoothing:antialiased}
:root:is([data-skin="glactro"],[data-skin="glactro2"]) ::selection{background:color-mix(in srgb,var(--accent) 35%,transparent)}
:root:is([data-skin="glactro"],[data-skin="glactro2"]) :focus-visible{outline:2px solid var(--gx-ice);outline-offset:2px}

/* ---------- başlıklar ve etiketler ---------- */
:root:is([data-skin="glactro"],[data-skin="glactro2"]) h1,:root:is([data-skin="glactro"],[data-skin="glactro2"]) h3,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .dlg h3{font-family:var(--f-display);font-weight:600;letter-spacing:-.02em}
:root:is([data-skin="glactro"],[data-skin="glactro2"]) h2,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .box h2,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .kpi .k,:root:is([data-skin="glactro"],[data-skin="glactro2"]) th,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .xhcols h4,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .xchkg{font-family:var(--f-mono);font-weight:500;letter-spacing:.12em}
:root:is([data-skin="glactro"],[data-skin="glactro2"]) .kpi .v,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .hmk b,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .xpbg b{font-family:var(--f-display);font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
:root:is([data-skin="glactro"],[data-skin="glactro2"]) td.num,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .num,:root:is([data-skin="glactro"],[data-skin="glactro2"]) code{font-variant-numeric:tabular-nums}

/* ---------- üst çubuk ve menü ---------- */
:root:is([data-skin="glactro"],[data-skin="glactro2"]) header.top,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .top{background:color-mix(in srgb,var(--bg) 78%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:var(--line)}
:root:is([data-skin="glactro"],[data-skin="glactro2"]) .brand b,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .pbrand b,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .cl-brand b{font-family:var(--f-display);font-weight:700;letter-spacing:-.01em}
:root:is([data-skin="glactro"],[data-skin="glactro2"]) .nav button{font-family:var(--f-body);font-weight:500;color:var(--muted);border-radius:10px;transition:color .2s,background .2s}
:root:is([data-skin="glactro"],[data-skin="glactro2"]) .nav button:hover{color:var(--fg);background:var(--field)}
:root:is([data-skin="glactro"],[data-skin="glactro2"]) .nav button[aria-pressed="true"],:root:is([data-skin="glactro"],[data-skin="glactro2"]) .top .nav button[aria-pressed="true"]{background:var(--field)!important;color:var(--fg)!important;box-shadow:inset 0 0 0 1px var(--gx-line2)!important}
:root:is([data-skin="glactro"],[data-skin="glactro2"]) .bell,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .xmine,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .aum>button,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .uisw{border-color:var(--gx-line2);background:transparent;border-radius:10px}
:root:is([data-skin="glactro"],[data-skin="glactro2"]) .bell:hover,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .xmine:hover{background:var(--field)}

/* ---------- kartlar ---------- */
:root:is([data-skin="glactro"],[data-skin="glactro2"]) .box,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .kpi,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .hmk,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .pcard,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .phero,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .pkpi,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .cl-card,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .xdbnav,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .gpa-full{border-radius:var(--gx-r);border-color:var(--line);background:linear-gradient(180deg,var(--panel),color-mix(in srgb,var(--panel) 70%,var(--bg)));box-shadow:none}
:root:is([data-skin="glactro"],[data-skin="glactro2"]) .box:hover,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .hmk:hover{border-color:var(--gx-line2)}
:root:is([data-skin="glactro"],[data-skin="glactro2"]) .cl-card{box-shadow:0 30px 80px -30px var(--gx-shadow)}
:root:is([data-skin="glactro"],[data-skin="glactro2"]) .xpbg>div,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .xupinfo,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .xappshow,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .xnotes li,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .xerrl li,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .xchkl li,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .cxsessl li,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .cxsubl li{border-radius:var(--gx-r-sm);background:var(--gx-glass)}
:root:is([data-skin="glactro"],[data-skin="glactro2"]) .dlg{border-radius:var(--gx-r);border:1px solid var(--gx-line2);background:var(--panel);box-shadow:0 30px 80px -20px var(--gx-shadow)}

/* ---------- düğmeler ---------- */
:root:is([data-skin="glactro"],[data-skin="glactro2"]) .btn,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .pbtn,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .cl-go{border-radius:12px;font-family:var(--f-body);font-weight:600;transition:transform .2s,box-shadow .25s,background .2s,border-color .2s}
:root:is([data-skin="glactro"],[data-skin="glactro2"]) .btn{border-color:var(--gx-line2)}
:root:is([data-skin="glactro"],[data-skin="glactro2"]) .btn:not(.primary):not(.blue):not(.red):not(.green):not(.danger){background:transparent}
:root:is([data-skin="glactro"],[data-skin="glactro2"]) .btn:hover{background:var(--field);border-color:var(--gx-line2)}
:root:is([data-skin="glactro"],[data-skin="glactro2"]) .btn.ghost{border-color:transparent}
:root:is([data-skin="glactro"],[data-skin="glactro2"]) .btn.primary,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .cl-go,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .pbtn:not(.ghost){background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}
:root:is([data-skin="glactro"],[data-skin="glactro2"]) .btn.primary:hover,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .cl-go:hover,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .pbtn:not(.ghost):hover{transform:translateY(-1px);box-shadow:0 8px 30px -6px #d3121b8c}
:root:is([data-skin="glactro"],[data-skin="glactro2"]) .pbtn.ghost{background:transparent;border-color:var(--gx-line2)}

/* ---------- form alanları ---------- */
:root:is([data-skin="glactro"],[data-skin="glactro2"]) input,:root:is([data-skin="glactro"],[data-skin="glactro2"]) select,:root:is([data-skin="glactro"],[data-skin="glactro2"]) textarea{border-color:var(--gx-line2);border-radius:10px;background:var(--bg);font-family:var(--f-body)}
:root:is([data-skin="glactro"],[data-skin="glactro2"]) input[type=checkbox],:root:is([data-skin="glactro"],[data-skin="glactro2"]) input[type=radio]{accent-color:var(--accent)}

/* ---------- sekmeler ve seçiciler ---------- */
:root:is([data-skin="glactro"],[data-skin="glactro2"]) .seg3,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .cxseg{background:var(--bg);border-color:var(--line);border-radius:10px}
:root:is([data-skin="glactro"],[data-skin="glactro2"]) .seg3 button[aria-pressed="true"],:root:is([data-skin="glactro"],[data-skin="glactro2"]) .cxseg button[aria-pressed="true"]{background:var(--gx-panel2);color:var(--fg);box-shadow:none}
:root:is([data-skin="glactro"],[data-skin="glactro2"]) .ptabs button{font-weight:500;border-radius:10px}
:root:is([data-skin="glactro"],[data-skin="glactro2"]) .ptabs button[aria-selected="true"]{background:var(--gx-panel2);color:var(--fg);border-color:var(--gx-line2)}
:root:is([data-skin="glactro"],[data-skin="glactro2"]) .xdbnav button[aria-current="true"]{background:var(--accent-soft)}

/* ---------- tablolar ---------- */
:root:is([data-skin="glactro"],[data-skin="glactro2"]) th{background:transparent;color:var(--muted);font-size:11px}
:root:is([data-skin="glactro"],[data-skin="glactro2"]) td{border-color:var(--line)}
:root:is([data-skin="glactro"],[data-skin="glactro2"]) tbody tr:hover td{background:var(--gx-glass)}

/* ---------- rozetler ---------- */
:root:is([data-skin="glactro"],[data-skin="glactro2"]) .chip,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .st,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .xtag{font-family:var(--f-mono);font-weight:500;letter-spacing:.02em}

/* ---------- müşteri ekranı ---------- */
:root:is([data-skin="glactro"],[data-skin="glactro2"]) .portal{background:transparent}
:root:is([data-skin="glactro"],[data-skin="glactro2"]) .phead{background:color-mix(in srgb,var(--bg) 78%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
:root:is([data-skin="glactro"],[data-skin="glactro2"]) .pintro h2{font-family:var(--f-display);font-weight:600;letter-spacing:-.02em}
:root:is([data-skin="glactro"],[data-skin="glactro2"]) .cl-wrap{background:radial-gradient(1100px 520px at 50% -10%,var(--gx-glow),transparent 70%),transparent}

/* ---------- canlılık: hafif hareketler (azaltılmış harekette kapalı) ---------- */
@media (prefers-reduced-motion:no-preference){
  :root:is([data-skin="glactro"],[data-skin="glactro2"]) .btn.primary,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .cl-go{position:relative;overflow:hidden}
  :root:is([data-skin="glactro"],[data-skin="glactro2"]) .btn.primary::after,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .cl-go::after{content:"";pointer-events:none;position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(100deg,transparent,#ffffff66,transparent);transform:translate(-150%) skew(-20deg);animation:gxshine 5s ease-in-out infinite}
  @keyframes gxshine{0%,72%{transform:translate(-150%) skew(-20deg)}100%{transform:translate(330%) skew(-20deg)}}
  :root:is([data-skin="glactro"],[data-skin="glactro2"]) .box,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .hmk{transition:border-color .3s,transform .3s}
}

/* özel durumlar */
:root:is([data-skin="glactro"],[data-skin="glactro2"]) .cxms .pbtn:not(.ghost){background:#fff;color:#8e1418;border-color:#fff}
:root:is([data-skin="glactro"],[data-skin="glactro2"]) .cxms .pbtn.ghost{color:#fff;border-color:#ffffff80}

/* =====================================================================
   SAYFA DÜZENİ (2026.11.24) — glactro.com/app gibi: solda menü, üstte başlık çubuğu.
   gx-layout.js geniş ekranda <html class="gx-side"> (yönetim) / "gx-pside" (müşteri) ekler.
   ===================================================================== */
:root:is([data-skin="glactro"],[data-skin="glactro2"]) .gxpbrand,:root:is([data-skin="glactro"],[data-skin="glactro2"]) .gxpfoot{display:none}
@media (min-width:900px){
  /* ---------- yönetim: sol menü ---------- */
  html.gx-side:is([data-skin="glactro"],[data-skin="glactro2"]) body>.wrap{max-width:none;margin:0;padding:0 28px 48px calc(248px + 28px)}
  html.gx-side:is([data-skin="glactro"],[data-skin="glactro2"]) body>.wrap>header.top{position:fixed!important;top:0;left:0;bottom:0;width:248px;margin:0!important;z-index:45;display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:4px;padding:20px 14px 16px;border:0!important;border-right:1px solid var(--line)!important;border-radius:0!important;background:color-mix(in srgb,var(--bg) 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow-y:auto;scrollbar-width:none}
  html.gx-side:is([data-skin="glactro"],[data-skin="glactro2"]) header.top .brand{order:0;flex:0 0 auto;padding:2px 8px 18px;margin:0}
  html.gx-side:is([data-skin="glactro"],[data-skin="glactro2"]) header.top .brand b{font-size:17px;letter-spacing:-.01em;text-transform:none}
  html.gx-side:is([data-skin="glactro"],[data-skin="glactro2"]) header.top .brand small{display:none}
  html.gx-side:is([data-skin="glactro"],[data-skin="glactro2"]) header.top>span[style*="flex:1"]{display:none}
  html.gx-side:is([data-skin="glactro"],[data-skin="glactro2"]) .top .nav{order:1;flex:0 0 auto;display:flex;flex-direction:column;align-items:stretch;gap:3px;border:0;border-top:0;margin:0;padding:0;background:transparent;overflow:visible;position:static;width:auto}
  html.gx-side:is([data-skin="glactro"],[data-skin="glactro2"]) .top .nav button{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;padding:11px 14px;border-radius:10px;font-size:15px;font-weight:500;min-height:0;position:relative}
  html.gx-side:is([data-skin="glactro"],[data-skin="glactro2"]) .top .nav .ni{display:block;width:18px;height:18px;flex:none;opacity:.85}
  html.gx-side:is([data-skin="glactro"],[data-skin="glactro2"]) .top .nav button[aria-pressed="true"]{background:color-mix(in srgb,var(--accent) 12%,var(--field))!important;color:var(--fg)!important;box-shadow:inset 3px 0 0 var(--accent)!important}
  html.gx-side:is([data-skin="glactro"],[data-skin="glactro2"]) .top .nav button[aria-pressed="true"] .ni{color:var(--accent);opacity:1}
  html.gx-side:is([data-skin="glactro"],[data-skin="glactro2"]) .top .nav .navmore{display:none!important}
  html.gx-side:is([data-skin="glactro"],[data-skin="glactro2"]) .top .nav .bellc,html.gx-side:is([data-skin="glactro"],[data-skin="glactro2"]) .top .nav [id$="c"]:not(:empty){margin-left:auto}
  html.gx-side:is([data-skin="glactro"],[data-skin="glactro2"]) .gxfoot{order:9;margin-top:auto;padding-top:14px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:3px}
  html.gx-side:is([data-skin="glactro"],[data-skin="glactro2"]) .gxfoot>*{display:flex;align-items:center;gap:12px;width:100%;padding:11px 14px;border-radius:10px;border:0;background:transparent;color:var(--muted);font:500 15px var(--f-body);text-decoration:none;cursor:pointer}
  html.gx-side:is([data-skin="glactro"],[data-skin="glactro2"]) .gxfoot>*:hover{background:var(--field);color:var(--fg)}
  html.gx-side:is([data-skin="glactro"],[data-skin="glactro2"]) .gxfoot>[aria-pressed="true"]{background:color-mix(in srgb,var(--accent) 12%,var(--field));color:var(--fg);box-shadow:inset 3px 0 0 var(--accent)}
  html.gx-side:is([data-skin="glactro"],[data-skin="glactro2"]) .gxfoot [hidden]{display:none}
  /* ---------- yönetim: üst başlık çubuğu ---------- */
  html.gx-side:is([data-skin="glactro"],[data-skin="glactro2"]) .gxbar{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 18px;margin:0 -28px 6px;padding:16px 28px;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
  html.gx-side:is([data-skin="glactro"],[data-skin="glactro2"]) .gxh{margin:0;font-family:var(--f-display);font-size:26px;font-weight:600;letter-spacing:-.02em;line-height:1.15}
  html.gx-side:is([data-skin="glactro"],[data-skin="glactro2"]) .gxs{margin:3px 0 0;color:var(--muted);font-size:14px}
  html.gx-side:is([data-skin="glactro"],[data-skin="glactro2"]) .gxr{display:flex;align-items:center;gap:10px}
  html.gx-side:is([data-skin="glactro"],[data-skin="glactro2"]) .gxr>*{order:0!important;margin:0!important}
  html.gx-side:is([data-skin="glactro"],[data-skin="glactro2"]) .gxm{grid-column:1/-1}
  html.gx-side:is([data-skin="glactro"],[data-skin="glactro2"]) .gxm:empty,html.gx-side:is([data-skin="glactro"],[data-skin="glactro2"]) .gxm:has(>#monthCtl[hidden]){display:none}
  html.gx-side:is([data-skin="glactro"],[data-skin="glactro2"]) .gxm .monthctl{border:0;padding:0;margin:0}
  html.gx-side:is([data-skin="glactro"],[data-skin="glactro2"]) .aubtn{border-radius:999px}
  /* ana sayfadaki selamlama başlığı üst çubukta; tekrar etmesin */
  html.gx-side:is([data-skin="glactro"],[data-skin="glactro2"]) .hmhero h1,html.gx-side:is([data-skin="glactro"],[data-skin="glactro2"]) .hmhero>div>p:first-of-type{display:none}

  /* ---------- müşteri ekranı: sol menü ---------- */
  html.gx-pside:is([data-skin="glactro"],[data-skin="glactro2"]) .portal{display:grid;grid-template-columns:248px minmax(0,1fr);grid-template-areas:"side top" "side body";grid-template-rows:auto 1fr;min-height:100vh}
  html.gx-pside:is([data-skin="glactro"],[data-skin="glactro2"]) .portal>.ptabs{grid-area:side;position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column;align-items:stretch;gap:3px;padding:20px 14px 16px;border-right:1px solid var(--line);background:color-mix(in srgb,var(--bg) 94%,transparent);overflow-y:auto;z-index:5}
  html.gx-pside:is([data-skin="glactro"],[data-skin="glactro2"]) .ptabs .gxpbrand{display:flex;padding:2px 8px 18px;cursor:pointer}
  html.gx-pside:is([data-skin="glactro"],[data-skin="glactro2"]) .ptabs .gxpbrand b{display:block;font-family:var(--f-display);font-weight:700;font-size:17px}
  html.gx-pside:is([data-skin="glactro"],[data-skin="glactro2"]) .ptabs button{justify-content:flex-start;gap:12px;width:100%;padding:11px 14px;border-radius:10px;font-size:15px;font-weight:500;border:0}
  html.gx-pside:is([data-skin="glactro"],[data-skin="glactro2"]) .ptabs button[aria-selected="true"]{background:color-mix(in srgb,var(--accent) 12%,var(--field));color:var(--fg);box-shadow:inset 3px 0 0 var(--accent)}
  html.gx-pside:is([data-skin="glactro"],[data-skin="glactro2"]) .ptabs button[aria-selected="true"] svg{color:var(--accent)}
  html.gx-pside:is([data-skin="glactro"],[data-skin="glactro2"]) .ptabs button[data-pt="5"]{margin-top:auto;border-top:1px solid var(--line);border-radius:0 0 10px 10px;padding-top:14px}
  html.gx-pside:is([data-skin="glactro"],[data-skin="glactro2"]) .portal>.pintro,html.gx-pside:is([data-skin="glactro"],[data-skin="glactro2"]) .portal>.phead{grid-area:top;align-self:center;position:sticky;top:0;z-index:4}
  html.gx-pside:is([data-skin="glactro"],[data-skin="glactro2"]) .portal>.phead{background:transparent!important;border:0;justify-self:end;padding:16px 28px;-webkit-backdrop-filter:none;backdrop-filter:none}
  html.gx-pside:is([data-skin="glactro"],[data-skin="glactro2"]) .portal>.phead .pbrand{display:none}
  html.gx-pside:is([data-skin="glactro"],[data-skin="glactro2"]) .portal>.pintro{justify-self:stretch;padding:18px 28px;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);z-index:3}
  html.gx-pside:is([data-skin="glactro"],[data-skin="glactro2"]) .portal>.pintro h2{font-size:26px;margin:0}
  html.gx-pside:is([data-skin="glactro"],[data-skin="glactro2"]) .portal>.pbody{grid-area:body;padding:22px 28px 40px}
}
@media (min-width:900px){
  html.gx-side:is([data-skin="glactro"],[data-skin="glactro2"]) header.top .brand,html.gx-side:is([data-skin="glactro"],[data-skin="glactro2"]) header.top .brand>div{min-width:0}
  html.gx-side:is([data-skin="glactro"],[data-skin="glactro2"]) header.top .brand b,html.gx-pside:is([data-skin="glactro"],[data-skin="glactro2"]) .ptabs .gxpbrand b{font-size:15px;white-space:normal;line-height:1.25;overflow-wrap:anywhere}
  html.gx-side:is([data-skin="glactro"],[data-skin="glactro2"]) .hmkpis{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
}