/* Idesüss Vision UI Theme — concept-driven release layer */
:root{
  --vision-bg:#071019;
  --vision-panel:#0e1c29;
  --vision-panel-2:#122535;
  --vision-line:rgba(255,255,255,.10);
  --vision-text:#f6f0e6;
  --vision-muted:#aab7c2;
  --vision-gold:#d7a45e;
  --vision-gold-2:#f0c27a;
  --vision-green:#2caf72;
  --vision-shadow:0 20px 46px rgba(0,0,0,.32);
}

html,body{background:var(--vision-bg)!important}
body{
  color:var(--vision-text)!important;
  background:
    radial-gradient(circle at 72% -10%,rgba(215,164,94,.09),transparent 32rem),
    radial-gradient(circle at 8% 4%,rgba(62,113,150,.13),transparent 30rem),
    linear-gradient(180deg,#091520 0%,#071019 58%,#050c13 100%)!important;
}

/* Header */
.site-header{
  background:rgba(5,13,21,.96)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.24)!important;
}
.header-inner{
  width:min(1320px,calc(100% - 34px))!important;
  min-height:76px!important;
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  align-items:center!important;
  gap:20px!important;
}
.brand-logo{
  width:48px!important;
  height:48px!important;
  border-radius:13px!important;
  background:#f7f3eb!important;
}
.brand-title{font-size:1.55rem!important;color:#fff!important}
.brand-subtitle{color:#b6c0c8!important}
.header-actions{
  justify-self:end!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:7px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.header-chip{
  min-height:42px!important;
  border:1px solid var(--vision-line)!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.035)!important;
}
.lang-clock-chip{padding:4px 5px 4px 10px!important;gap:8px!important}
.header-clock-inline{color:#d2d9df!important;font-weight:800!important}
.lang-select{
  min-height:34px!important;
  min-width:86px!important;
  max-width:120px!important;
  padding:5px 26px 5px 9px!important;
  background:#f2eee5!important;
  color:#14283a!important;
  border:1px solid rgba(255,255,255,.25)!important;
  border-radius:9px!important;
  font-weight:900!important;
}
.auth-chip{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:4px!important;
  background:rgba(255,255,255,.025)!important;
}
.auth-link{
  display:inline-flex!important;
  align-items:center!important;
  min-height:32px!important;
  padding:6px 10px!important;
  border-radius:8px!important;
  color:#fff!important;
  font-size:.8rem!important;
  white-space:nowrap!important;
  background:transparent!important;
}
.auth-link:hover,.auth-link:focus-visible{background:rgba(215,164,94,.12)!important}
.auth-separator{color:#748796!important}
.header-messages-btn,.header-menu-toggle{
  min-width:34px!important;
  width:34px!important;
  min-height:34px!important;
  height:34px!important;
  border-radius:9px!important;
  background:rgba(215,164,94,.10)!important;
  border:1px solid rgba(215,164,94,.20)!important;
  color:#fff!important;
}

/* Hero */
.dashboard-intro{padding:0!important}
.dashboard-intro .container{width:100%!important;max-width:none!important}
.dashboard-intro-shell{
  position:relative;
  min-height:360px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:28px!important;
  padding:54px max(42px,calc((100vw - 1240px)/2))!important;
  overflow:hidden;
  border:0!important;
  background:
    linear-gradient(90deg,rgba(6,15,23,.96) 0%,rgba(6,15,23,.76) 38%,rgba(6,15,23,.18) 72%),
    linear-gradient(135deg,#112537 0%,#1e3c50 46%,#a45f2f 74%,#e0a85a 100%)!important;
  box-shadow:inset 0 -1px rgba(255,255,255,.08);
}
.dashboard-intro-shell::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 73% 66%,rgba(255,198,104,.55),transparent 14%),
    radial-gradient(ellipse at 81% 51%,rgba(243,166,86,.32),transparent 17%),
    linear-gradient(166deg,transparent 0 62%,rgba(5,11,17,.72) 63% 67%,transparent 68%),
    linear-gradient(180deg,transparent 0 62%,rgba(2,8,12,.38) 63% 100%);
}
.dashboard-intro-shell::after{
  content:"";
  position:absolute;
  right:7%;
  bottom:17%;
  width:265px;
  height:92px;
  border-radius:16px 28px 10px 10px;
  opacity:.75;
  background:linear-gradient(90deg,#17232d 0 60%,#0b1117 60% 100%);
  box-shadow:22px 28px 0 -8px #070b0f,145px 24px 0 -12px #070b0f;
  transform:skewX(-8deg);
}
.dashboard-intro-copy{position:relative;z-index:2;max-width:720px!important}
.platform-kicker{color:var(--vision-gold-2)!important;letter-spacing:.12em!important;font-weight:900!important}
.dashboard-intro-copy h1{
  margin:10px 0 12px!important;
  max-width:690px!important;
  font-size:clamp(3rem,5.4vw,5.6rem)!important;
  line-height:.91!important;
  letter-spacing:-.055em!important;
  color:#fff!important;
  text-shadow:0 6px 24px rgba(0,0,0,.34);
}
.dashboard-intro-copy p{max-width:680px!important;color:#e4e7e8!important;font-size:1.04rem!important;line-height:1.5!important}
.dashboard-intro-status{
  position:absolute!important;
  z-index:3;
  right:max(42px,calc((100vw - 1240px)/2))!important;
  bottom:34px!important;
  padding:9px 13px!important;
  color:#cbebdb!important;
  border-color:rgba(44,175,114,.32)!important;
  background:rgba(12,68,46,.44)!important;
  backdrop-filter:blur(10px);
}

/* Main module cards */
.platform-modules{position:relative;z-index:4;margin-top:-58px;padding:0 0 18px!important}
.platform-modules .container{width:min(1240px,calc(100% - 36px))!important}
.platform-section-head .platform-kicker,.platform-section-head h2{display:none!important}
.platform-section-head p{margin-left:auto!important;color:#d8dde1!important}
.platform-module-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.platform-module-card{
  position:relative;
  min-height:150px!important;
  align-items:end!important;
  padding:18px!important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:15px!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 78% 22%,rgba(215,164,94,.22),transparent 28%),
    linear-gradient(150deg,#173247,#0b1824 72%)!important;
  box-shadow:var(--vision-shadow)!important;
}
.platform-module-card:nth-child(2){background:radial-gradient(circle at 72% 30%,rgba(90,140,170,.36),transparent 28%),linear-gradient(150deg,#183047,#0b1723 72%)!important}
.platform-module-card:nth-child(3){background:radial-gradient(circle at 66% 42%,rgba(218,124,54,.36),transparent 25%),linear-gradient(150deg,#2a201b,#0b1723 72%)!important}
.platform-module-card:nth-child(4){background:radial-gradient(circle at 75% 25%,rgba(184,126,72,.28),transparent 25%),linear-gradient(150deg,#2a2521,#0b1723 72%)!important}
.platform-module-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.56));pointer-events:none}
.platform-module-card:hover{transform:translateY(-4px)!important;border-color:rgba(215,164,94,.45)!important}
.platform-module-icon{
  position:absolute;
  right:16px;
  top:16px;
  width:50px!important;
  height:50px!important;
  border-radius:13px!important;
  background:rgba(7,17,27,.55)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  backdrop-filter:blur(6px);
  font-size:1.45rem!important;
  z-index:2;
}
.platform-module-card>div,.platform-module-arrow{position:relative;z-index:2}
.platform-module-card strong{font-size:1.12rem!important;color:#fff!important}
.platform-module-card span:not(.platform-module-icon):not(.platform-module-arrow){color:#e0e5e8!important;font-size:.78rem!important}
.platform-module-arrow{
  width:30px;height:30px;display:grid;place-items:center;border-radius:50%;
  background:var(--vision-gold);color:#0a1620!important;font-size:1rem!important;
}

/* Panels and footer */
.hero-shell,.fx-card,.online-users-card,.footer-card{
  border:1px solid var(--vision-line)!important;
  background:linear-gradient(180deg,rgba(15,31,45,.97),rgba(8,20,31,.98))!important;
  box-shadow:0 16px 38px rgba(0,0,0,.24)!important;
}
.footer-links{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;width:100%!important;align-items:stretch!important}
.footer-action-btn{
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:10px!important;
  color:var(--vision-text)!important;
  background:#13283a!important;
}
.footer-action-btn:hover{background:#183247!important;border-color:rgba(215,164,94,.35)!important}

/* Portrait mobile: auth must remain available */
@media(max-width:760px){
  .header-inner{width:calc(100% - 20px)!important;min-height:70px!important;gap:8px!important}
  .brand-logo{width:38px!important;height:38px!important}
  .brand-title{font-size:1.18rem!important}
  .brand-text{display:block!important}
  .brand-subtitle{display:none!important}
  .header-actions{
    display:grid!important;
    grid-template-columns:auto auto!important;
    justify-content:end!important;
    gap:4px!important;
  }
  .lang-clock-chip{grid-column:1 / -1;justify-self:end;min-height:34px!important}
  .header-clock-inline{display:none!important}
  .auth-chip{grid-column:1 / -1;justify-self:end;display:flex!important;gap:3px!important;min-height:34px!important}
  body:not(.idesuss-signed-in) .auth-chip #loginBtn,
  body:not(.idesuss-signed-in) .auth-chip #registerBtn{display:inline-flex!important}
  body:not(.idesuss-signed-in) .auth-separator{display:none!important}
  .auth-link{display:inline-flex!important;min-height:30px!important;padding:5px 8px!important;font-size:.73rem!important}
  .dashboard-intro-shell{
    min-height:420px!important;
    align-items:flex-start!important;
    padding:54px 18px 90px!important;
    background:
      linear-gradient(180deg,rgba(6,15,23,.94) 0%,rgba(6,15,23,.62) 58%,rgba(6,15,23,.35) 100%),
      linear-gradient(145deg,#173246 0%,#23455a 50%,#b66f35 82%,#e0a85a 100%)!important;
  }
  .dashboard-intro-copy h1{font-size:clamp(2.7rem,14vw,4.5rem)!important;max-width:92%!important}
  .dashboard-intro-status{right:auto!important;left:18px!important;bottom:58px!important}
  .platform-modules{margin-top:-38px!important}
  .platform-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .platform-module-card{min-height:135px!important;padding:14px!important}
  .footer-links{grid-template-columns:1fr!important}
}
@media(max-width:390px){.platform-module-grid{grid-template-columns:1fr!important}}


/* Equal footer actions + sixth language control */
.footer-links > *{
  min-width:0!important;
  width:100%!important;
  min-height:46px!important;
}
.footer-language-control{
  gap:8px!important;
  cursor:default!important;
}
.footer-language-control select{
  width:100%!important;
  min-width:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:var(--vision-text)!important;
  font:inherit!important;
  font-weight:850!important;
  cursor:pointer!important;
}
.footer-language-control option{
  background:#0d1b28!important;
  color:var(--vision-text)!important;
}
@media(max-width:760px){
  .footer-links{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .footer-links > *{
    min-height:48px!important;
  }
}
@media(max-width:390px){
  .footer-links{
    grid-template-columns:1fr!important;
  }
}


/* VISION REFERENCE FIDELITY — 2026-09-28 */
:root{
  --vision-glass:rgba(9,22,34,.78);
  --vision-glass-strong:rgba(10,24,37,.92);
  --vision-glass-line:rgba(255,255,255,.12);
  --vision-accent:#e3ad63;
  --vision-accent-soft:#f1c889;
}

.site-header{
  background:linear-gradient(180deg,rgba(4,12,20,.96),rgba(4,12,20,.86))!important;
  backdrop-filter:blur(16px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(125%)!important;
}
.header-inner{
  grid-template-columns:auto minmax(0,1fr) auto!important;
  width:min(1480px,calc(100% - 28px))!important;
  gap:16px!important;
}
.vision-primary-nav{
  min-width:0;
  display:flex;
  align-items:stretch;
  justify-content:center;
  gap:2px;
  height:58px;
}
.vision-nav-link{
  min-width:74px;
  padding:7px 9px 6px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  border:1px solid transparent;
  border-radius:9px 9px 4px 4px;
  color:#dce3e8;
  text-decoration:none;
  font-size:.69rem;
  font-weight:760;
  white-space:nowrap;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.vision-nav-icon{
  min-height:20px;
  display:grid;
  place-items:center;
  font-size:1.08rem;
  line-height:1;
}
.vision-nav-link:hover,
.vision-nav-link:focus-visible{
  background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.08);
  color:#fff;
  outline:none;
}
.vision-nav-link.is-active{
  color:#f5ddb8;
  border-color:rgba(227,173,99,.22);
  background:linear-gradient(180deg,rgba(227,173,99,.20),rgba(227,173,99,.08));
  box-shadow:inset 0 -2px 0 var(--vision-accent);
}

.header-chip{
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 18px rgba(0,0,0,.16)!important;
}

.dashboard-intro-shell{
  min-height:390px!important;
  background:
    linear-gradient(90deg,rgba(5,13,21,.98) 0%,rgba(5,13,21,.88) 29%,rgba(5,13,21,.35) 61%,rgba(5,13,21,.12) 100%),
    radial-gradient(circle at 75% 52%,rgba(240,193,119,.34),transparent 18rem),
    linear-gradient(132deg,#102438 0%,#1c4056 48%,#9f5b31 75%,#e2ad62 100%)!important;
}
.dashboard-intro-shell::before{
  background:
    radial-gradient(circle at 79% 61%,rgba(255,215,150,.50),transparent 9rem),
    radial-gradient(circle at 69% 27%,rgba(112,165,201,.15),transparent 18rem),
    linear-gradient(168deg,transparent 0 61%,rgba(3,9,15,.74) 62% 66%,transparent 67%),
    linear-gradient(180deg,transparent 0 66%,rgba(2,8,12,.38) 67% 100%)!important;
}
.dashboard-intro-copy h1{
  max-width:650px!important;
  font-size:clamp(2.7rem,4.8vw,4.8rem)!important;
  line-height:.94!important;
  letter-spacing:-.045em!important;
}
.dashboard-intro-copy p{
  max-width:560px!important;
  color:#d8e0e5!important;
}
.dashboard-intro-status{
  background:rgba(8,42,31,.58)!important;
  border-color:rgba(74,194,133,.30)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.20)!important;
}

.platform-modules{margin-top:-66px!important}
.platform-module-grid{gap:11px!important}
.platform-module-card{
  min-height:154px!important;
  border-color:var(--vision-glass-line)!important;
  box-shadow:0 20px 48px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.055)!important;
  backdrop-filter:blur(10px) saturate(112%);
  -webkit-backdrop-filter:blur(10px) saturate(112%);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.platform-module-card:hover,
.platform-module-card:focus-visible{
  transform:translateY(-5px)!important;
  border-color:rgba(227,173,99,.46)!important;
  box-shadow:0 28px 62px rgba(0,0,0,.40),0 0 0 1px rgba(227,173,99,.06),inset 0 1px 0 rgba(255,255,255,.08)!important;
  outline:none;
}
.platform-module-card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 34%,transparent 72%,rgba(227,173,99,.035));
}
.platform-module-icon{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 9px 20px rgba(0,0,0,.20)!important;
}
.platform-module-arrow{
  background:var(--vision-accent)!important;
  box-shadow:0 8px 18px rgba(227,173,99,.22),inset 0 1px 0 rgba(255,255,255,.26)!important;
}

.hero-shell,.fx-card,.online-users-card,.footer-card{
  background:linear-gradient(180deg,rgba(16,34,49,.90),rgba(8,20,31,.95))!important;
  border-color:var(--vision-glass-line)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.045)!important;
  backdrop-filter:blur(14px) saturate(112%);
  -webkit-backdrop-filter:blur(14px) saturate(112%);
}
.hero-miniapp{
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.024))!important;
  border-color:rgba(255,255,255,.10)!important;
}
.input:focus{
  border-color:rgba(241,200,137,.46)!important;
  box-shadow:0 0 0 3px rgba(241,200,137,.08)!important;
  outline:none!important;
}
.btn-primary,#openBtn{
  background:linear-gradient(180deg,var(--vision-accent-soft),var(--vision-accent))!important;
  color:#08131c!important;
  border-color:rgba(255,230,189,.55)!important;
}

@media(max-width:1120px){
  .vision-primary-nav{gap:0}
  .vision-nav-link{min-width:64px;padding-inline:6px;font-size:.64rem}
  .platform-section-head p{display:none!important}
}
@media(max-width:920px){
  .vision-primary-nav{display:none!important}
  .header-inner{grid-template-columns:auto 1fr!important}
}
@media(max-width:760px){
  .dashboard-intro-shell{min-height:430px!important}
  .platform-modules{margin-top:-44px!important}
  .platform-module-card{min-height:138px!important}
}
@media(prefers-reduced-motion:reduce){
  .vision-nav-link,.platform-module-card{transition:none!important}
}


/* =========================================================
   VISION UI PACKAGE 2 — Content & Component Unification
   2026-09-28
   ========================================================= */

:root{
  --vision-card-radius:16px;
  --vision-control-radius:10px;
  --vision-space-1:6px;
  --vision-space-2:10px;
  --vision-space-3:14px;
  --vision-space-4:18px;
  --vision-space-5:24px;
  --vision-panel-border:rgba(255,255,255,.105);
  --vision-panel-fill:linear-gradient(180deg,rgba(17,35,50,.86),rgba(8,20,31,.94));
  --vision-panel-shadow:0 18px 42px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.045);
}

/* Shared content-card language */
.hero-shell,
.fx-card,
.online-users-card,
.footer-card{
  border-radius:var(--vision-card-radius)!important;
  border:1px solid var(--vision-panel-border)!important;
  background:var(--vision-panel-fill)!important;
  box-shadow:var(--vision-panel-shadow)!important;
}

.hero,
.dashboard-info-layer,
.footer{
  position:relative;
}

.hero .container,
.dashboard-info-layer .container,
.footer .container{
  width:min(1240px,calc(100% - 36px))!important;
}

.platform-kicker{
  font-size:.70rem!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
  letter-spacing:.14em!important;
  font-weight:900!important;
}

.dashboard-info-head{
  align-items:flex-end!important;
  gap:18px!important;
  margin-bottom:12px!important;
}

.dashboard-info-head h2{
  margin:4px 0 0!important;
  color:#f4f0e8!important;
  font-size:1.12rem!important;
  line-height:1.2!important;
  letter-spacing:-.025em!important;
  font-weight:900!important;
}

.dashboard-info-head p{
  max-width:560px;
  margin:0!important;
  color:#91a3b1!important;
  font-size:.76rem!important;
  line-height:1.45!important;
}

/* Webapp / viewer utility card */
.hero{
  padding:12px 0 24px!important;
}

.hero-grid{
  gap:20px!important;
  padding:20px!important;
}

.hero-copy{
  gap:16px!important;
}

.hero-brand-title{
  color:#f7f2e9!important;
}

.hero-lead{
  color:#b9c7d1!important;
}

.hero-miniapp{
  padding:18px!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.022))!important;
  border:1px solid rgba(255,255,255,.085)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 12px 28px rgba(0,0,0,.14)!important;
}

.miniapp-title{
  color:#f1eee7!important;
  font-size:1rem!important;
  font-weight:900!important;
}

.miniapp-subtitle,
.field label,
.status-pill,
.hero-banner{
  color:#91a3b1!important;
}

.input{
  min-height:44px!important;
  border-radius:var(--vision-control-radius)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  background:rgba(5,16,26,.80)!important;
  color:#f5f1e9!important;
}

.input-actions{
  gap:8px!important;
}

.miniapp-btn,
.hero-webapp-btn,
.hero-radio-btn,
.footer-action-btn{
  min-height:42px!important;
  border-radius:var(--vision-control-radius)!important;
  font-size:.78rem!important;
  font-weight:850!important;
  letter-spacing:.005em!important;
}

.btn-soft{
  background:linear-gradient(180deg,#173247,#10283a)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  color:#edf1f3!important;
}

.status-bar{
  gap:7px!important;
}

.status-pill{
  min-height:29px;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:6px 9px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:rgba(255,255,255,.026)!important;
}

.hero-bottom{
  padding:0 20px 16px!important;
}

.hero-banner{
  min-height:48px!important;
  padding:9px 11px!important;
  border-radius:11px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:rgba(255,255,255,.024)!important;
}

/* Information layer */
.dashboard-info-layer{
  padding:8px 0 28px!important;
}

.dashboard-info-grid{
  grid-template-columns:minmax(0,1.7fr) minmax(290px,.75fr)!important;
  gap:12px!important;
}

.dashboard-info-primary .fx-card,
.dashboard-info-secondary .online-users-card{
  padding:15px!important;
}

.dashboard-info-primary .fx-card-head,
.dashboard-info-secondary .online-users-head{
  min-height:38px;
  margin-bottom:10px!important;
  padding-bottom:10px;
  border-bottom:1px solid rgba(255,255,255,.06);
}

.dashboard-info-primary .fx-title,
.dashboard-info-secondary .online-users-head h2{
  color:#eef1ed!important;
  font-size:.84rem!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:-.015em!important;
}

.dashboard-info-primary .fx-source,
.dashboard-info-secondary .online-users-head p,
.online-users-status{
  color:#8296a6!important;
  font-size:.66rem!important;
}

.dashboard-info-primary .fx-grid{
  gap:8px!important;
}

.dashboard-info-primary .fx-item{
  min-height:70px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  padding:10px 11px!important;
  border-radius:11px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.018))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}

.dashboard-info-primary .fx-code{
  color:#8296a6!important;
  font-size:.64rem!important;
  font-weight:800!important;
  letter-spacing:.045em!important;
}

.dashboard-info-primary .fx-value{
  color:#f3eee6!important;
  font-size:1.02rem!important;
  font-weight:900!important;
  letter-spacing:-.025em!important;
}

.dashboard-info-primary .fx-note{
  margin:10px 0 0!important;
  padding-top:9px;
  border-top:1px solid rgba(255,255,255,.05);
  color:#718797!important;
  font-size:.62rem!important;
  line-height:1.45!important;
}

.online-users-live{
  border:1px solid rgba(44,175,114,.18)!important;
  background:rgba(44,175,114,.07)!important;
  color:#9ec8b0!important;
}

.online-user-row{
  min-height:38px!important;
  border-radius:10px!important;
  border:1px solid rgba(255,255,255,.055)!important;
  background:rgba(255,255,255,.021)!important;
}

.online-user-row:hover{
  border-color:rgba(227,173,99,.16)!important;
  background:rgba(255,255,255,.032)!important;
}

/* Footer */
.footer{
  padding:10px 0 24px!important;
}

.footer-card{
  overflow:hidden;
}

.footer-top{
  gap:20px!important;
  padding:18px!important;
}

.footer-brand{
  min-width:190px;
}

.footer-brand h3{
  margin:0 0 5px!important;
  color:#f5f0e7!important;
  font-size:1.02rem!important;
  letter-spacing:-.02em!important;
}

.footer-brand p{
  margin:0!important;
  color:#8296a6!important;
  font-size:.70rem!important;
  line-height:1.45!important;
}

.footer-links{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}

.footer-action-btn{
  border:1px solid rgba(255,255,255,.085)!important;
  background:linear-gradient(180deg,#173247,#10283a)!important;
  color:#edf0f1!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
  text-decoration:none!important;
}

.footer-action-btn:hover,
.footer-action-btn:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(227,173,99,.32)!important;
  background:linear-gradient(180deg,#1d3b52,#143047)!important;
  outline:none!important;
}

.footer-bottom{
  min-height:46px;
  padding:10px 18px!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
  color:#74899a!important;
  font-size:.66rem!important;
}

.footer-stats{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  gap:8px!important;
}

.footer-stats > span{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:4px 8px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.055);
  background:rgba(255,255,255,.02);
}

.footer-language-control{
  padding:0 10px!important;
}

.footer-language-control select{
  min-height:40px!important;
}

/* Focus language across interactive surfaces */
.hero a:focus-visible,
.hero button:focus-visible,
.footer a:focus-visible,
.footer button:focus-visible,
.footer select:focus-visible,
.dashboard-info-layer a:focus-visible,
.dashboard-info-layer button:focus-visible{
  outline:2px solid rgba(241,200,137,.76)!important;
  outline-offset:2px!important;
}

/* Mobile rhythm */
@media(max-width:820px){
  .hero .container,
  .dashboard-info-layer .container,
  .footer .container{
    width:min(100% - 24px,1240px)!important;
  }
  .dashboard-info-grid{
    grid-template-columns:1fr!important;
  }
  .footer-top{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .footer-brand{
    min-width:0;
  }
}

@media(max-width:600px){
  .hero{
    padding-top:8px!important;
  }
  .hero-grid{
    padding:13px!important;
    gap:12px!important;
  }
  .hero-miniapp{
    padding:14px!important;
  }
  .hero-bottom{
    padding:0 13px 13px!important;
  }
  .dashboard-info-layer{
    padding-bottom:20px!important;
  }
  .dashboard-info-head{
    margin-bottom:9px!important;
  }
  .dashboard-info-head p{
    display:none!important;
  }
  .dashboard-info-primary .fx-card,
  .dashboard-info-secondary .online-users-card{
    padding:12px!important;
  }
  .dashboard-info-primary .fx-item{
    min-height:64px;
    padding:9px!important;
  }
  .dashboard-info-primary .fx-note{
    display:none!important;
  }
  .footer{
    padding-bottom:14px!important;
  }
  .footer-top{
    padding:14px!important;
  }
  .footer-links{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .footer-bottom{
    padding:10px 14px!important;
    gap:8px!important;
  }
}

@media(max-width:390px){
  .footer-links{
    grid-template-columns:1fr!important;
  }
}