/* Denshub Phase 3 — shared mobile footer bar; admin uses separate headers. */
@media screen and (max-width:575.98px) {
  body { padding-bottom:calc(60px + env(safe-area-inset-bottom,0px)); }
  body .dhm-bottom-nav {
    position:fixed!important;inset:auto 0 0 0!important;
    z-index:990!important;
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    align-items:stretch!important;
    height:calc(52px + env(safe-area-inset-bottom,0px))!important;
    margin:0!important;padding:0 3px env(safe-area-inset-bottom,0px)!important;
    background:linear-gradient(90deg,#010603 0%,#111c20 48%,#010506 100%)!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
    box-shadow:0 -3px 10px rgba(0,0,0,.8);
  }
  body .dhm-bottom-nav .dhm-bottom-item {
    display:flex!important;min-width:0;align-items:center!important;justify-content:center!important;
    flex-direction:column!important;gap:2px!important;padding:3px 0 2px!important;
    background:transparent;border:0;border-radius:0;text-align:center;
    color:#fff!important;text-decoration:none!important;font-size:8px!important;
    font-weight:900!important;line-height:1.1!important;cursor:pointer;
  }
  body .dhm-bottom-nav .dhm-bottom-item i {
    display:block!important;font-size:23px!important;line-height:24px!important;
    color:#e8eded!important;
  }
  body .dhm-bottom-nav .dhm-bottom-item span {
    display:block!important;font-size:8px!important;line-height:10px!important;
    color:inherit!important;
  }
  body .dhm-bottom-nav .dhm-bottom-item.dhm-bottom-active {
    border-radius:11px!important;
    background:linear-gradient(125deg,#aaff00,#8fff00)!important;
    color:#001a07!important;
  }
  body .dhm-bottom-nav .dhm-bottom-item.dhm-bottom-active i { color:#061f0b!important; }
  body .dhm-bottom-nav .dhm-bottom-item:focus-visible {
    outline:2px solid white!important;outline-offset:-3px;
  }
}
@media screen and (min-width:576px) {
  body .dhm-bottom-nav {display:none!important;}
}
