/* v94 — dashboard filter alignment + phone rule navigator + backup menu polish */

/* Dashboard filter */
.dash94-filterbar{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:18px 20px!important;
}
.dash94-filter-row{
  display:flex!important;
  align-items:flex-end!important;
  gap:16px!important;
  flex-wrap:wrap!important;
}
.dash94-filter-item,
.dash94-period-item{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  min-width:220px!important;
}
.dash94-label{
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.02em!important;
  color:var(--app-text)!important;
}
.dash94-select-wrap{
  display:flex!important;
  align-items:center!important;
  min-height:46px!important;
  border:1px solid var(--app-border)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.76)!important;
  overflow:hidden!important;
  box-shadow:0 7px 18px rgba(15,70,55,.06)!important;
}
.dash94-select-icon{
  width:44px!important;
  min-width:44px!important;
  align-self:stretch!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,var(--app-main),var(--app-mid))!important;
  color:#fff!important;
  font-size:14px!important;
}
.dash94-select-wrap select{
  flex:1!important;
  min-width:150px!important;
  height:44px!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  padding:0 38px 0 12px!important;
  color:var(--app-text)!important;
  font-size:12px!important;
  font-weight:800!important;
  box-shadow:none!important;
}
.dash94-period-value{
  min-height:46px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  padding:0 16px!important;
  border-radius:13px!important;
  border:1px solid var(--app-border)!important;
  background:linear-gradient(135deg,var(--app-soft2),var(--app-soft))!important;
  color:var(--app-main)!important;
  box-shadow:0 7px 18px rgba(15,70,55,.05)!important;
}
.dash94-period-dot{
  width:9px!important;height:9px!important;border-radius:50%!important;
  background:var(--app-accent)!important;
  box-shadow:0 0 0 5px color-mix(in srgb,var(--app-accent) 14%,transparent)!important;
}
.dash94-period-value strong{
  font-size:11px!important;
  color:var(--app-main)!important;
}
.dash94-report-btn{
  min-height:46px!important;
  align-self:flex-end!important;
  padding-left:18px!important;
  padding-right:18px!important;
}

/* Mockup HP/login rule navigator */
.v65-phone,
.v65-screen{
  position:relative!important;
}
.v94-phone-rule{
  position:absolute!important;
  right:5px!important;
  top:92px!important;
  bottom:64px!important;
  width:4px!important;
  z-index:12!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.10)!important;
  pointer-events:none!important;
}
.v94-phone-rule span{
  display:block!important;
  width:100%!important;
  height:28%!important;
  min-height:54px!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(209,250,229,.80),rgba(110,231,183,.58))!important;
  box-shadow:0 2px 8px rgba(0,0,0,.10)!important;
}

/* Backup nav item */
.sidebar .nav-link[href*="backup-db"] .nav-icon{
  font-size:13px!important;
}

@media(max-width:760px){
  .dash94-filterbar{
    align-items:stretch!important;
    flex-direction:column!important;
    padding:14px!important;
  }
  .dash94-filter-row{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:11px!important;
  }
  .dash94-filter-item,.dash94-period-item{min-width:0!important;width:100%!important}
  .dash94-report-btn{width:100%!important;justify-content:center!important}
}