:root{
  --aion-bg:#eef6ea;
  --aion-card:#ffffffee;
  --aion-green:#2f6f4f;
  --aion-green-dark:#27463a;
  --aion-text:#20352b;
  --aion-muted:#6e7f76;
  --aion-radius:24px;
  --aion-shadow:0 6px 24px rgba(0,0,0,.06);
  --aion-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}

html,
body{
  font-family:var(--aion-font);
  color:var(--aion-text);
}

.aion-brand{
  display:flex;
  align-items:center;
  text-decoration:none;
  color:inherit;
}

.aion-brand img{
  height:28px;
  width:auto;
  display:block;
  object-fit:contain;
}

.aion-city{
  font-size:18px;
  font-weight:700;
  color:var(--aion-green-dark);
  white-space:nowrap;
}

.aion-card{
  background:var(--aion-card);
  border-radius:var(--aion-radius);
  box-shadow:var(--aion-shadow);
}

/* ===== AION STANDARD PAGE HEADER ===== */

.aion-page-header{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:4px;
  margin:0 0 22px 0;
}

.aion-page-brand-row{
  display:flex;
  align-items:center;
  gap:8px;
  text-decoration:none;
  color:var(--aion-green-dark);
}

.aion-page-logo-wrap{
  height:42px;
  display:inline-flex;
  align-items:center;
  overflow:hidden;
  flex:0 0 auto;
}

.aion-page-logo{
  height:38px;
  width:auto;
  display:block;
  object-fit:contain;
}

.aion-page-city,
.aion-page-module{
  font-size:22px;
  font-weight:800;
  line-height:1.1;
  color:var(--aion-green-dark);
}

.aion-page-module{
  margin-left:0;
}

/* ===== AION STANDARD BACKGROUND ===== */

html,
body{
  min-height:100%;
  background:
    url("/static/aion_background.png") center center / cover no-repeat fixed !important;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  background:rgba(248,252,248,.42);
  pointer-events:none;
  z-index:-1;
}

/* ===== AION STANDARD BOTTOM BAR ===== */

.bottom-nav,
.tabbar,
.bottom-toolbar,
.aion-bottom-nav{
  background:rgba(255,255,255,.72) !important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);

  border:1px solid rgba(255,255,255,.38) !important;

  box-shadow:
    0 8px 28px rgba(0,0,0,.08);

  border-radius:26px 26px 0 0 !important;
}


/* ===== AION FINAL STANDARD TABBAR ===== */

nav.tabbar,
.tabbar{
  position:fixed !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  bottom:0 !important;
  width:min(720px,100%) !important;

  display:flex !important;
  align-items:center !important;
  justify-content:space-around !important;
  gap:6px !important;

  padding:10px 14px calc(10px + env(safe-area-inset-bottom)) !important;

  background:rgba(255,255,255,.72) !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;

  border:none !important;
  box-shadow:0 -8px 28px rgba(0,0,0,.06) !important;
  z-index:9999 !important;
}

.tabbar .tab{
  flex:1 1 0 !important;
  min-width:0 !important;
  height:42px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  border-radius:22px !important;
  text-decoration:none !important;

  font-size:13px !important;
  font-weight:800 !important;
  line-height:1 !important;
  white-space:nowrap !important;

  color:var(--aion-green-dark) !important;
  background:transparent !important;
}

.tabbar .tab-active,
.tabbar .active{
  background:rgba(47,111,79,.14) !important;
  color:#169767 !important;
}