/* VERVE POS WEB — MASTER CLOSURE R2 20260930
   Screenshot-QC corrections: collapsed navigation, HR tab density, and MΞSSAGΞ overlay. */

/* Collapsed sidebar: keep the active icon visible and make flyouts commercial-grade. */
.vd-app.collapsed .vd-nav-top-level .vd-nav-item{
  position:relative;
  overflow:visible!important;
}
.vd-app.collapsed .vd-nav-top-level .vd-nav-item.active{
  background:color-mix(in srgb,var(--pink) 13%,rgba(255,255,255,.06))!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pink) 34%,transparent)!important;
}
.vd-app.collapsed .vd-nav-top-level .vd-nav-item.active .vd-nav-icon{
  color:#fff!important;
  opacity:1!important;
}
.vd-app.collapsed .vd-nav-top-level .vd-nav-item.active::before{
  left:-8px!important;
  top:9px!important;
  bottom:9px!important;
}
.vd-nav-flyout{
  width:236px!important;
  min-width:236px!important;
  padding:8px!important;
  border-radius:15px!important;
  z-index:1000!important;
}
.vd-nav-flyout>strong{
  padding:8px 10px 7px!important;
  font-size:12px!important;
  letter-spacing:.03em!important;
  text-transform:none!important;
  white-space:nowrap!important;
}
.vd-nav-flyout button{
  min-height:39px!important;
  padding:9px 10px!important;
  font-size:13px!important;
  line-height:1.25!important;
  white-space:normal!important;
}

/* HR profile: tabs should be readable, compact and never become a clipped strip. */
.hr-tabs{
  display:flex!important;
  gap:7px!important;
  flex-wrap:wrap!important;
  margin:0 0 2px!important;
  overflow:visible!important;
}
.hr-tabs button{
  min-height:36px!important;
  padding:7px 11px!important;
  font-size:12.5px!important;
  white-space:nowrap!important;
}
.hr-profile-head{min-height:92px!important}
.hr-profile-head h2{margin:3px 0 5px!important}

/* MΞSSAGΞ remains a floating overlay, but does not swallow half the desktop. */
.vfr-message-drawer{
  width:clamp(440px,34vw,560px)!important;
  right:16px!important;
  top:78px!important;
  bottom:16px!important;
  border-radius:18px!important;
}
.vfr-message-head{padding:13px 14px!important}
.vfr-message-head h3{font-size:17px!important}
.vfr-message-body{
  padding:12px!important;
  overflow:auto!important;
}
.vfr-message-status-card{
  margin-bottom:10px!important;
  padding:12px 13px!important;
}
.vfr-message-status-card h4{font-size:16px!important}
.vfr-message-status-card p{font-size:12px!important}
.vfr-message-layout{
  grid-template-columns:minmax(190px,42%) minmax(0,1fr)!important;
  gap:10px!important;
  min-height:360px!important;
}
.vfr-conversations,.vfr-thread{padding:11px!important;border-radius:13px!important}
.vfr-conversations input{
  min-height:40px!important;
  padding:9px 10px!important;
  border:1px solid var(--line)!important;
  border-radius:10px!important;
  background:var(--surface)!important;
  color:var(--text)!important;
  outline:none!important;
}
.vfr-conversations input:focus{border-color:color-mix(in srgb,var(--pink) 55%,var(--line))!important}
.vfr-message-offline{
  min-height:260px;
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  gap:14px;
  align-items:start;
  padding:18px;
  border:1px solid var(--line);
  border-radius:15px;
  background:var(--surface2);
}
.vfr-message-offline-icon{
  width:52px;height:52px;border-radius:15px;
  display:grid;place-items:center;
  border:1px solid color-mix(in srgb,var(--pink) 32%,var(--line));
  background:color-mix(in srgb,var(--pink) 8%,var(--surface));
  color:var(--pink);font-weight:900;font-size:20px;
}
.vfr-message-offline small{font-size:9px!important;letter-spacing:.12em;font-weight:900;color:var(--muted)}
.vfr-message-offline h3{margin:5px 0 7px!important;font-size:18px!important}
.vfr-message-offline p{margin:0 0 14px!important;color:var(--muted);font-size:12.5px!important;line-height:1.5}
.vfr-message-setup p{font-size:12.5px!important;line-height:1.5;color:var(--muted)}

@media(max-width:1100px){
  .vfr-message-drawer{width:min(520px,calc(100vw - 92px))!important}
}
@media(max-width:760px){
  .vfr-message-drawer{left:6px!important;right:6px!important;top:72px!important;bottom:6px!important;width:auto!important}
  .vfr-message-layout{grid-template-columns:1fr!important}
  .vfr-message-offline{grid-template-columns:1fr!important;min-height:0!important}
  .hr-tabs{flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:5px!important;scrollbar-width:thin}
}