/* VOLENG V18 — compact Agenda title strip (not a billboard on every screen). */
body[data-vu-product="agenda"].vs31-shell .page-heading{
  position:relative!important;min-height:0!important;overflow:visible!important;display:flex!important;
  flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;
  padding:0 0 14px!important;margin:0 0 18px!important;gap:12px!important;
  background:transparent!important;border:0!important;border-bottom:1px solid #dee7f4!important;
  border-radius:0!important;box-shadow:none!important;
}
body[data-vu-product="agenda"].vs31-shell .page-heading:before,
body[data-vu-product="agenda"].vs31-shell .page-heading:after{display:none!important;content:none!important}
body[data-vu-product="agenda"].vs31-shell .page-heading .eyebrow,
body[data-vu-product="agenda"].vs31-shell .page-heading #page-subtitle{display:none!important}
body[data-vu-product="agenda"].vs31-shell .page-heading #page-title{
  margin:0!important;font-size:clamp(19px,1.6vw,23px)!important;
  letter-spacing:-.03em!important;line-height:1.2!important;color:var(--v65-ink,#142e50)!important;
}
body[data-vu-product="agenda"].vs31-shell .page-heading #new-appt{margin:0!important;min-height:35px!important;padding:8px 13px!important;box-shadow:none!important;font-size:12px!important}
/* Inside Reception and People, the screen already has a page title: avoid repeating it. */
body[data-vu-product="agenda"].vs31-shell #view-reception>.care-intro,
body[data-vu-product="agenda"].vs31-shell #view-people>.care-intro{
  padding:13px 16px!important;margin-bottom:14px!important;min-height:0!important;
  border-radius:13px!important;box-shadow:none!important;gap:12px!important;
}
body[data-vu-product="agenda"].vs31-shell :is(#view-reception,#view-people)>.care-intro .eyebrow,
body[data-vu-product="agenda"].vs31-shell :is(#view-reception,#view-people)>.care-intro h2{display:none!important}
body[data-vu-product="agenda"].vs31-shell :is(#view-reception,#view-people)>.care-intro p{margin:0!important;font-size:12px!important;line-height:1.4!important}
body[data-vu-product="agenda"].vs31-dark .page-heading{border-color:var(--v65-line,#33455e)!important}
@media(max-width:680px){body[data-vu-product="agenda"].vs31-shell .page{padding:14px!important}
 body[data-vu-product="agenda"].vs31-shell .page-heading{padding-bottom:12px!important;margin-bottom:14px!important}
 body[data-vu-product="agenda"].vs31-shell .page-heading #new-appt{max-width:100%}
 body[data-vu-product="agenda"].vs31-shell :is(#view-reception,#view-people)>.care-intro{align-items:stretch!important}
}

/* Shared navigation geometry: native Agenda sidebar behaves like Workspace. */
body.vs31-shell[data-vu-product="agenda"]>.shell>.sidebar{width:214px!important;min-width:214px!important;flex:0 0 214px!important;max-width:214px!important;transition:width .16s ease,flex-basis .16s ease!important;}
body.vs31-shell[data-vu-product="agenda"]>.shell>.sidebar>.vu258-sidebar-toggle{display:grid!important;place-items:center!important;flex-shrink:0!important;position:relative;z-index:4;margin:5px 8px 13px auto!important;height:36px!important;width:36px!important;padding:0!important;background:#fff!important;border:1px solid #35506f!important;color:#12324e!important;border-radius:9px!important;}
body.vs31-shell[data-vu-product="agenda"]>.shell>.sidebar>.vu258-sidebar-toggle svg{width:18px;height:18px;}
body.vs31-shell[data-vu-product="agenda"]>.shell.vu258-compact>.sidebar{width:66px!important;min-width:66px!important;max-width:66px!important;flex-basis:66px!important;overflow-x:hidden!important;padding:10px 5px!important;}
body.vs31-shell[data-vu-product="agenda"]>.shell.vu258-compact>.sidebar :is(.logo,.product-name,.sidebar-caption,.sidebar-bottom){display:none!important;}
body.vs31-shell[data-vu-product="agenda"]>.shell.vu258-compact>.sidebar .vu258-sidebar-toggle{margin:6px auto 12px!important;}
body.vs31-shell[data-vu-product="agenda"]>.shell.vu258-compact>.sidebar #agenda-navigation button{display:flex!important;justify-content:center!important;margin:3px auto!important;padding:9px!important;width:48px!important;height:41px!important;min-height:41px!important;gap:0!important;font-size:0!important;}
body.vs31-shell[data-vu-product="agenda"]>.shell.vu258-compact>.sidebar #agenda-navigation button>span{display:none!important;}
body.vs31-shell[data-vu-product="agenda"]>.shell.vu258-compact>.sidebar #agenda-navigation button svg{display:block!important;width:19px!important;height:19px!important;flex:none!important;}
/* Compact content area: no full-width hero or a second headline inside Reception. */
body.vs31-shell[data-vu-product="agenda"] .page{max-width:none!important;padding:20px 22px 48px!important;}
body.vs31-shell[data-vu-product="agenda"] #view-reception .care-intro{padding:12px 16px!important;margin:0 0 12px!important;}
body.vs31-shell[data-vu-product="agenda"] #view-reception .care-intro .eyebrow,body.vs31-shell[data-vu-product="agenda"] #view-reception .care-intro h2{display:none!important;}
@media(max-width:820px){
 body.vs31-shell[data-vu-product="agenda"]>.shell>.sidebar,body.vs31-shell[data-vu-product="agenda"]>.shell.vu258-compact>.sidebar{width:min(270px,85vw)!important;min-width:0!important;max-width:min(270px,85vw)!important;flex-basis:auto!important;}
 body.vs31-shell[data-vu-product="agenda"]>.shell.vu258-compact>.sidebar :is(.logo,.product-name,.sidebar-caption,.sidebar-bottom){display:initial!important;}
 body.vs31-shell[data-vu-product="agenda"]>.shell.vu258-compact>.sidebar #agenda-navigation button{display:flex!important;width:calc(100% - 16px)!important;justify-content:flex-start!important;font-size:12.5px!important;padding:8px 11px!important;}
 body.vs31-shell[data-vu-product="agenda"]>.shell.vu258-compact>.sidebar #agenda-navigation button>span{display:inline!important;}
 body.vs31-shell[data-vu-product="agenda"] .page{padding:14px!important;}
}

body.vs31-shell[data-vu-product="agenda"] #agenda-navigation .vu18-nav-glyph{width:18px!important;height:18px!important;min-width:18px!important;flex:0 0 18px!important;display:block!important;color:inherit!important;}
body.vs31-shell[data-vu-product="agenda"]>.shell.vu258-compact>.sidebar #agenda-navigation .vu18-nav-glyph{display:block!important;width:20px!important;height:20px!important;}