/* v1024 one AppScaffold and one floating navigation contract. */
html[data-design-authority="v1024"] body:where(.surface-home,.surface-contacts,.surface-profile){height:100dvh;overflow:hidden}
html[data-design-authority="v1024"] body:where(.surface-home,.surface-contacts,.surface-profile) .shell{height:100dvh;min-height:0;overflow:hidden;padding-bottom:var(--navigation-reserve)!important}
html[data-design-authority="v1024"] #app-screen{height:100%;min-height:0;overflow:hidden}
html[data-design-authority="v1024"] .app-scaffold-surface:not(.hidden){height:100%;min-height:0;overflow:hidden}
html[data-design-authority="v1024"] .bottom-nav{border-color:var(--border-subtle)!important;background:color-mix(in srgb,var(--surface-elevated) 91%,transparent)!important;box-shadow:var(--shadow-2)!important}
html[data-design-authority="v1024"] .bottom-nav button{min-width:var(--target-min)!important;min-height:52px!important;color:var(--text-primary)!important}
/* v1026 Champagne Float: the selected destination should feel illuminated,
   not filled with a heavy block of brand colour. */
html[data-design-authority="v1024"] .bottom-nav button.active{
  border:1px solid rgba(190,132,34,.42)!important;
  background:linear-gradient(145deg,#fffaf0 0%,#fbe8bd 54%,#f2d28b 100%)!important;
  color:#6c3510!important;-webkit-text-fill-color:#6c3510!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 7px 18px rgba(140,85,20,.14)!important;
}
html[data-design-authority="v1024"] .bottom-nav button.active :is(svg,.ui-icon){color:#8b4513!important;fill:currentColor!important}
html[data-design-authority="v1024"] .bottom-nav button.active::after{inset:5px!important;border-color:rgba(255,255,255,.72)!important}
html[data-design-authority="v1024"][data-theme="dark"] .bottom-nav button.active{
  border-color:rgba(246,200,95,.46)!important;
  background:linear-gradient(145deg,#2b2418,#3b2c18)!important;
  color:#ffe5a0!important;-webkit-text-fill-color:#ffe5a0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 20px rgba(0,0,0,.28)!important;
}

/* Runtime governor: keep input and navigation immediate on thermally or
   computationally constrained phones while preserving the same layout. */
html.runtime-constrained[data-design-authority="v1024"] :is(.app-scaffold-surface,.bottom-nav,.bottom-nav button){
  transition-duration:.01ms!important;
}
html.runtime-constrained[data-design-authority="v1024"] .bottom-nav{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* v1047: primary destinations remain easy to acquire with a thumb. */
@media(pointer:coarse){
  html[data-design-authority="v1024"] .bottom-nav button{
    min-width:64px!important;
    min-height:60px!important;
    padding:7px 10px!important;
    touch-action:manipulation!important;
  }
}