/*
 * VORTEX / DOMINIZ — BottomBar Geometry Constitution v2.1.1
 * Native bottom anchoring + LE REFUGE stability lock. GEOMETRY ONLY.
 * Doctrine: THE BAR MAY CHANGE. THE CENTER MAY NOT.
 */
:root{
  --dominiz-bb-rail:54px;
  --dominiz-bb-max-grid:620px;
  --dominiz-bb-icon:22px;
  --dominiz-bb-label:9px;
  --dominiz-bb-label-long:8.2px;
  --dominiz-bb-gap:2px;
  --dominiz-bb-bg:rgba(7,8,10,.985);
  --dominiz-bb-border:rgba(255,255,255,.075);
  --dominiz-bb-text:rgba(244,239,228,.68);
  --dominiz-bb-active:#efd47f;
}

.dominizGeometryV211Bar{
  position:fixed!important; z-index:2147482500!important;
  left:0!important; right:0!important; bottom:0!important;
  width:100%!important; max-width:none!important;
  min-height:calc(var(--dominiz-bb-rail) + env(safe-area-inset-bottom,0px))!important;
  height:auto!important; transform:none!important; margin:0!important;
  padding:0 0 env(safe-area-inset-bottom,0px)!important;
  box-sizing:border-box!important; overflow:visible!important;
  border:0!important; border-top:1px solid var(--dominiz-bb-border)!important;
  border-radius:0!important; background:var(--dominiz-bb-bg)!important;
  box-shadow:0 -7px 24px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.018)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.04)!important;
  backdrop-filter:blur(14px) saturate(1.04)!important;
}

.dominizGeometryV211Grid{
  width:min(100%,var(--dominiz-bb-max-grid))!important;
  height:var(--dominiz-bb-rail)!important; min-height:var(--dominiz-bb-rail)!important;
  margin:0 auto!important; display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:stretch!important; gap:0!important;
  padding:0 max(2px,env(safe-area-inset-right,0px)) 0 max(2px,env(safe-area-inset-left,0px))!important;
  box-sizing:border-box!important; overflow:visible!important;
}

.dominizGeometryV211Item{
  min-width:0!important; min-height:var(--dominiz-bb-rail)!important; height:var(--dominiz-bb-rail)!important;
  padding:5px 1px 4px!important; margin:0!important; border:0!important; border-radius:0!important;
  background:transparent!important; background-image:none!important; box-shadow:none!important;
  color:var(--dominiz-bb-text)!important;
  display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important;
  gap:var(--dominiz-bb-gap)!important; text-decoration:none!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:var(--dominiz-bb-label)!important; font-weight:700!important; line-height:1!important;
  letter-spacing:.005em!important; white-space:nowrap!important; text-overflow:clip!important;
  overflow:visible!important; -webkit-tap-highlight-color:transparent!important; box-sizing:border-box!important;
}

.dominizGeometryV211Item:not(.dominizGeometryV211Preserve) :is(svg,img){
  width:var(--dominiz-bb-icon)!important; height:var(--dominiz-bb-icon)!important;
  max-width:var(--dominiz-bb-icon)!important; max-height:var(--dominiz-bb-icon)!important;
  flex:0 0 var(--dominiz-bb-icon)!important; object-fit:contain!important;
}

.dominizGeometryV211Item .dominizGeometryV211Label{
  display:block!important; position:static!important; float:none!important; flex:0 0 auto!important;
  width:auto!important; min-width:0!important; max-width:100%!important; height:auto!important; min-height:0!important;
  max-height:none!important; margin:0!important; padding:0!important; overflow:visible!important;
  clip:auto!important; clip-path:none!important; opacity:1!important; visibility:visible!important; transform:none!important;
  text-indent:0!important; color:currentColor!important; font:inherit!important;
  font-size:var(--dominiz-bb-label)!important; font-weight:700!important; line-height:1!important;
  letter-spacing:.005em!important; white-space:nowrap!important; text-overflow:clip!important;
}
.dominizGeometryV211Item.dominizGeometryV211LongLabel .dominizGeometryV211Label{
  font-size:var(--dominiz-bb-label-long)!important; letter-spacing:-.012em!important;
}
.dominizGeometryV211Item:is(.active,.is-active,[aria-current="page"],[aria-current="true"]),
.dominizGeometryV211Item[data-active="1"]{color:var(--dominiz-bb-active)!important;}

.dominizGeometryV211Preserve{
  position:relative!important; z-index:7!important; overflow:visible!important;
  color:var(--dominiz-bb-active)!important; padding:0!important;
  display:flex!important; align-items:center!important; justify-content:center!important;
}

/*
 * Stability rule: the sovereign component participates in the fixed 54px rail.
 * No absolute bottom anchoring and no translateX compositor rounding.
 * The 56px component is shifted 5px upward, so only a 6px overhang enters the scene.
 */
.dominizGeometryV211Bar .dominizGeometryV211Preserve.vortexSovereignPreserveHost > vortex-sovereign-preserve,
.dominizGeometryV211Bar .dominizGeometryV211Preserve > vortex-sovereign-preserve{
  position:relative!important; left:auto!important; right:auto!important;
  top:-5px!important; bottom:auto!important; transform:none!important;
  margin:0!important; pointer-events:none!important; z-index:9!important; overflow:visible!important;
  flex:0 0 64px!important;
}

.dominizGeometryV211Bar,.dominizGeometryV211Grid,.dominizGeometryV211Preserve,
.dominizGeometryV211Preserve > vortex-sovereign-preserve{overflow:visible!important;}

@media(max-width:360px){
  :root{--dominiz-bb-rail:52px;--dominiz-bb-icon:21px;--dominiz-bb-label:8.6px;--dominiz-bb-label-long:7.8px;}
  .dominizGeometryV211Item{padding-top:4px!important;padding-bottom:3px!important;}
  .dominizGeometryV211Bar .dominizGeometryV211Preserve.vortexSovereignPreserveHost > vortex-sovereign-preserve,
  .dominizGeometryV211Bar .dominizGeometryV211Preserve > vortex-sovereign-preserve{top:-4px!important;flex-basis:62px!important;}
}
@media(min-width:700px){:root{--dominiz-bb-max-grid:680px;}}
@media(prefers-reduced-motion:reduce){.dominizGeometryV211Bar,.dominizGeometryV211Item{transition:none!important;}}
