/* Shared navigation for every office role. */
@media screen{
body .sidebar,body.compact-desk .sidebar{width:252px;padding:0 12px;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}
body .sidebar .brand,body.compact-desk .sidebar .brand{display:flex;align-items:center;gap:9px;padding:24px 7px 21px;margin:0;font-size:16px;letter-spacing:.1px;flex-shrink:0}
body .sidebar .brand-mark{flex:0 0 31px;width:31px;height:36px;display:grid;place-items:center;font-size:23px;border-radius:8px}
.brand-copy{min-width:0}.brand-name{display:block;white-space:nowrap;font-weight:750}
body .sidebar .brand small,body.compact-desk .sidebar .brand small{display:block;font-size:8.5px;line-height:1.5;letter-spacing:.2px;margin-top:5px;white-space:nowrap}
body .sidebar .nav-label{font-size:10px;letter-spacing:1.3px;padding:14px 12px 7px;margin:0;line-height:1.4}
body .sidebar nav{padding:0 0 16px;margin:0}
body .sidebar nav>a,body.compact-desk .sidebar nav>a{display:flex;align-items:center;gap:10px;min-height:40px;padding:9px 12px;margin:3px 0;border-radius:7px;font-size:13px;line-height:1.4;white-space:normal}
body .sidebar nav>a .icon,body .sidebar .nav-icon{width:18px;height:18px;min-width:18px;flex-shrink:0;font-size:18px}
body .sidebar nav>a:focus-visible{outline:2px solid #a7cee5;outline-offset:-2px}
body .sidebar .sidebar-footer{margin-top:auto;padding:15px 12px 18px;min-height:0;font-size:11px;line-height:1.5;flex-shrink:0}
body .sidebar .sidebar-footer small{font-size:10px;line-height:1.5;margin-top:6px}
body .sidebar .count-pill{font-size:11px;margin-left:auto}
@media(min-width:901px){body .app-shell,body.compact-desk .app-shell{margin-left:252px}}
@media(max-width:900px){body .sidebar,body.compact-desk .sidebar{width:min(280px,88vw)}body .app-shell,body.compact-desk .app-shell{margin-left:0}body .sidebar nav>a,body.compact-desk .sidebar nav>a{min-height:44px}body .sidebar .brand-name{font-size:16px}}
@media(max-height:700px){body .sidebar .brand,body.compact-desk .sidebar .brand{padding-top:16px;padding-bottom:14px}body .sidebar .nav-label{padding-top:10px}body .sidebar .sidebar-footer{padding-top:10px;padding-bottom:12px}}
}

@media screen{
body .topbar{display:flex;align-items:center;gap:16px;min-height:68px;height:auto;padding:12px 24px;flex-wrap:wrap}
body .topbar .office-title{display:block;flex:1 1 240px;min-width:0;font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.topbar-subtitle{display:block;font-size:10px;font-weight:400;opacity:.75;margin-top:3px}
body .topbar .global-search{flex:0 1 260px;min-width:180px;margin:0}
.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-left:auto;flex:0 0 auto}
.topbar-actions form{margin:0;display:flex}.topbar-actions .today{font-size:12px;white-space:nowrap}.topbar-actions .user-badge{margin:0;flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center}.topbar-actions .topbar-logout{min-height:36px;padding:6px 12px;font-size:12px;white-space:nowrap}.topbar-actions .notification-bell{font-size:12px;padding:7px 9px;white-space:nowrap}
@media(max-width:1100px){body .topbar .global-search{order:3;flex-basis:100%;max-width:none}.topbar-actions .today{display:none}}
@media(max-width:600px){body .topbar{gap:9px;padding:10px 12px}body .topbar .office-title{flex-basis:calc(100% - 45px);font-size:12px}.topbar-actions{width:100%;gap:8px}.topbar-actions .topbar-logout{min-height:44px}.topbar-actions .user-badge{width:40px;height:40px;flex-basis:40px}body .topbar .global-search{order:4}}
}