/* VERVE POS WEB-P1B.2.5 — FINAL ICON UI
   Minimal staff shell / clean collapsed mode / approved ghost + K-shield.
   No MutationObserver. No setInterval. */

:root{
  --p1b25-open:232px;
  --p1b25-closed:68px;
}

/* ---------- Sidebar frame ---------- */
body.p1aReady aside{
  width:var(--p1b25-open)!important;
  height:100vh!important;
  padding:8px 8px 10px!important;
  display:flex!important;
  flex-direction:column!important;
  overflow-x:hidden!important;
  overflow-y:hidden!important;
  scrollbar-width:thin!important;
}
body.p1b25AdminPrivate aside{overflow-y:auto!important}

body.p1aReady main{
  margin-left:var(--p1b25-open)!important;
  width:calc(100% - var(--p1b25-open))!important;
}
body.p1aSidebarCollapsed aside{
  width:var(--p1b25-closed)!important;
  padding-left:6px!important;
  padding-right:6px!important;
  overflow-y:hidden!important;
}
body.p1aSidebarCollapsed main{
  margin-left:var(--p1b25-closed)!important;
  width:calc(100% - var(--p1b25-closed))!important;
}

/* ---------- Main sidebar toggle ---------- */
.p1aSidebarToggle{
  position:absolute!important;
  top:10px!important;
  right:8px!important;
  width:38px!important;
  height:38px!important;
  min-height:38px!important;
  padding:9px!important;
  margin:0!important;
  border:1px solid var(--p1a-border)!important;
  border-radius:10px!important;
  background:var(--p1a-surface)!important;
  box-shadow:none!important;
  z-index:8!important;
}
body.p1aSidebarCollapsed .p1aSidebarToggle{right:15px!important}

/* ---------- Brand ---------- */
.brand{
  flex:0 0 auto!important;
  height:88px!important;
  margin:0!important;
  padding:5px 42px 0 4px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.brandLogo{
  width:120px!important;
  height:78px!important;
  max-width:120px!important;
  max-height:78px!important;
  object-fit:contain!important;
}
body.p1aSidebarCollapsed .brand{
  height:58px!important;
  padding:4px 0 0!important;
}
body.p1aSidebarCollapsed .brandLogo{
  width:40px!important;
  height:40px!important;
  max-width:40px!important;
  max-height:40px!important;
}

/* ---------- Outlet ---------- */
.p1b2OutletMount{
  flex:0 0 auto!important;
  margin:2px 4px 8px!important;
}
.p1b2OutletMount .p1aOutlet{
  width:100%!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 8px!important;
  border-radius:10px!important;
}
.p1b2OutletMount .p1aOutlet>span{display:none!important}
.p1b2OutletMount #location{
  width:100%!important;
  max-width:none!important;
  height:36px!important;
  min-height:36px!important;
  padding:0 26px 0 8px!important;
  border:0!important;
  background:transparent!important;
  color:var(--p1a-text)!important;
  opacity:1!important;
  font-size:13px!important;
  font-weight:750!important;
}
body.p1aSidebarCollapsed .p1b2OutletMount,
body.icons-only .p1b2OutletMount{display:none!important}

/* ---------- Navigation ---------- */
#nav{
  flex:1 1 auto!important;
  min-height:0!important;
  margin:2px 0 4px!important;
  padding:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  gap:1px!important;
}
body.p1b25AdminPrivate #nav{
  flex:0 0 auto!important;
  overflow:visible!important;
}
#nav>button{
  position:relative!important;
  flex:0 0 38px!important;
  width:100%!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:4px 9px!important;
  border-radius:10px!important;
  gap:10px!important;
}
.p1aNavIcon{
  width:29px!important;
  height:29px!important;
  min-width:29px!important;
  flex:0 0 29px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.p1aNavIcon svg{width:23px!important;height:23px!important}

body.p1aSidebarCollapsed #nav{
  align-items:center!important;
  gap:3px!important;
}
body.p1aSidebarCollapsed #nav>button{
  width:44px!important;
  height:44px!important;
  min-height:44px!important;
  flex:0 0 44px!important;
  margin:0 auto!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.p1aSidebarCollapsed .p1aNavIcon{margin:0 auto!important}
body.p1aSidebarCollapsed .p1aNavLabel{display:none!important}

/* ---------- Bottom utilities ---------- */
.p1b25Utility{
  flex:0 0 auto!important;
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  margin-top:auto!important;
  padding-top:10px!important;
  border-top:1px solid var(--p1a-border)!important;
}

/* Special Admin/server ghost: large, transparent, deliberately separated. */
#p1b25Admin{
  position:relative!important;
  width:64px!important;
  height:64px!important;
  min-height:64px!important;
  margin:0 0 17px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#p1b25Admin img{
  width:60px!important;
  height:60px!important;
  object-fit:contain!important;
  display:block!important;
}
#p1b25Admin[data-admin="1"] img{
  filter:drop-shadow(0 0 7px rgba(255,45,145,.55))!important;
}

/* One theme toggle only */
#p1b25Theme{
  width:38px!important;
  height:38px!important;
  min-height:38px!important;
  margin:0 0 8px!important;
  padding:0!important;
  border:1px solid var(--p1a-border)!important;
  border-radius:10px!important;
  background:var(--p1a-surface)!important;
  box-shadow:none!important;
  color:var(--p1a-text)!important;
  font-size:20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

/* Logout small + quiet */
#p1b25Logout{
  width:34px!important;
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid var(--p1a-border)!important;
  border-radius:9px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--p1a-text)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#p1b25Logout svg{
  width:19px!important;
  height:19px!important;
}
#p1b25Logout path{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

/* Quote exactly where requested: below controls, clear but not intrusive. */
.p1b25Quote{
  width:100%!important;
  margin:17px 0 0!important;
  padding:10px 7px 0!important;
  border-top:1px solid var(--p1a-border)!important;
  color:var(--p1a-text)!important;
  font-size:15px!important;
  line-height:1.42!important;
  font-weight:800!important;
  letter-spacing:-.015em!important;
  text-align:left!important;
}

/* Signature tiny/subtle */
.p1b25Signature{
  width:100%!important;
  margin:8px 0 0!important;
  padding:0 7px!important;
  color:var(--p1a-muted)!important;
  font-size:8px!important;
  line-height:1.25!important;
  font-weight:600!important;
  opacity:.48!important;
  text-align:left!important;
  user-select:none!important;
}

/* Collapsed must be clean */
body.p1aSidebarCollapsed .p1b25Quote,
body.p1aSidebarCollapsed .p1b25Signature,
body.icons-only .p1b25Quote,
body.icons-only .p1b25Signature{display:none!important}

body.p1aSidebarCollapsed .p1b25Utility{
  margin-top:auto!important;
  padding-top:7px!important;
  border-top:0!important;
}
body.p1aSidebarCollapsed #p1b25Admin{
  width:48px!important;
  height:48px!important;
  min-height:48px!important;
  margin-bottom:12px!important;
}
body.p1aSidebarCollapsed #p1b25Admin img{
  width:46px!important;
  height:46px!important;
}
body.p1aSidebarCollapsed #p1b25Theme{
  width:40px!important;
  height:40px!important;
  min-height:40px!important;
  margin-bottom:7px!important;
}
body.p1aSidebarCollapsed #p1b25Logout{
  width:36px!important;
  height:36px!important;
  min-height:36px!important;
}

/* ---------- Hover labels ---------- */
[data-p1b25-label]{position:relative!important}
body.p1aSidebarCollapsed [data-p1b25-label]::after,
.p1b25Utility [data-p1b25-label]::after{
  content:attr(data-p1b25-label)!important;
  position:absolute!important;
  left:calc(100% + 10px)!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  padding:7px 9px!important;
  border:1px solid #313b49!important;
  border-radius:8px!important;
  background:#0b0f16!important;
  color:#f7f9ff!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1!important;
  white-space:nowrap!important;
  opacity:0!important;
  pointer-events:none!important;
  z-index:400!important;
}
body.p1aSidebarCollapsed [data-p1b25-label]:hover::after,
.p1b25Utility [data-p1b25-label]:hover::after{opacity:1!important}

/* ---------- Floating K-shield WhatsApp Help ---------- */
.supportWhatsapp{
  position:fixed!important;
  right:18px!important;
  bottom:18px!important;
  width:58px!important;
  height:58px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
  font-size:0!important;
  color:transparent!important;
  z-index:190!important;
}
.supportWhatsapp::before,
.supportWhatsapp::after{
  content:none!important;
  display:none!important;
}
.supportWhatsapp img{
  display:block!important;
  width:56px!important;
  height:56px!important;
  object-fit:contain!important;
}
.supportWhatsapp:hover img{transform:scale(1.05)!important}

/* Remove obsolete sidebar Help buttons from previous experiments. */
#p1b2Help,.p1b2Help{display:none!important}

/* Header stays minimal */
#identityBar{display:none!important}
main>header .p1aHeaderTools>.p1aOutlet,
main>header .p1aHeaderTools>.p1aStatusPill,
main>header .p1aHeaderTools>.p1aTheme{display:none!important}
main>header>div:first-child>small{display:none!important}

/* Keep runtime light */
main>header{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.p1b25Utility *,
.supportWhatsapp *{
  transition:none!important;
  animation:none!important;
}

@media(max-width:900px){
  body.p1aReady aside{width:min(84vw,288px)!important}
  body.p1aReady main,
  body.p1aSidebarCollapsed main{
    margin-left:0!important;
    width:100%!important;
  }
  .supportWhatsapp{
    right:12px!important;
    bottom:12px!important;
    width:52px!important;
    height:52px!important;
  }
  .supportWhatsapp img{
    width:50px!important;
    height:50px!important;
  }
}