.sidebar-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.sidebar-tools small{min-width:0;white-space:nowrap}
.sidebar-collapse{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border:1px solid var(--workspace-line);border-radius:50%;background:var(--workspace-surface);color:var(--workspace-muted);cursor:pointer}
.sidebar-collapse:hover{background:var(--workspace-accent-soft);color:var(--workspace-accent-text)}
.sidebar-collapse:focus-visible{outline:3px solid var(--workspace-accent);outline-offset:3px}
.sidebar-collapse .hm-icon{width:18px;height:18px}
.sidebar-logout{display:inline-flex;align-items:center;gap:8px;min-height:44px}
.sidebar-logout .hm-icon{width:17px;height:17px;margin:0}
@media(min-width:761px){
 .main>.top .workspace-wordmark{display:none}
 .side>.logo,.nav button,.sidefoot strong{white-space:nowrap}
 .sidebar-label{min-width:0;overflow:hidden;text-overflow:ellipsis}
 .nav button .hm-icon{flex:none}
 .sidebar-opening .sidebar-label,.sidebar-opening .sidebar-tools small,.sidebar-opening .sidefoot strong,.sidebar-opening .sidebar-logout span{animation:sidebar-label-reveal 180ms ease-out both}
 .sidebar-collapsed .shell{grid-template-columns:80px minmax(0,1fr)}
 .sidebar-collapsed .side{padding-inline:12px}
 .sidebar-collapsed .side>.logo{padding:0;text-align:center;font-size:0;white-space:nowrap}
 .sidebar-collapsed .side>.logo .hourmeet-logo-mark{width:30px;height:27px;margin:0;vertical-align:middle}
 .sidebar-collapsed .side>.logo .hourmeet-logo-accent,.sidebar-collapsed .sidebar-tools small,.sidebar-collapsed .sidebar-label,.sidebar-collapsed .sidefoot strong,.sidebar-collapsed .sidebar-logout span{display:none}
 .sidebar-collapsed .sidebar-tools{justify-content:center}
 .sidebar-collapsed .nav button{justify-content:center;width:48px;height:48px;margin-inline:auto;padding:0}
 .sidebar-collapsed .nav button .hm-icon{flex:none}
 .sidebar-collapsed .sidefoot{display:flex;justify-content:center;padding:16px 0 0}
 .sidebar-collapsed .sidebar-logout{justify-content:center;width:44px;padding:0}
}
@media(max-width:760px){.sidebar-collapse{display:none}}
@keyframes sidebar-label-reveal{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.sidebar-opening .sidebar-label,.sidebar-opening .sidebar-tools small,.sidebar-opening .sidefoot strong,.sidebar-opening .sidebar-logout span{animation:none}}
.complements-heading{max-width:760px;margin:0 0 26px}
.complements-heading h1{margin:4px 0 10px}
.complements-heading p:last-child{margin:0;line-height:1.65}
.complements-card{display:flex;align-items:flex-start;gap:20px;max-width:860px;padding:30px}
.complements-icon{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:16px;background:var(--workspace-accent-soft);color:var(--workspace-accent-text)}
.complements-icon .hm-icon{width:25px;height:25px}
.complements-copy{display:grid;justify-items:start;gap:12px;max-width:650px}
.complements-copy h2,.complements-copy p{margin:0}
.complements-copy p{line-height:1.65;color:var(--workspace-muted)}
.complements-copy small{color:var(--workspace-muted);line-height:1.5}
@media(max-width:760px){.complements-card{gap:14px;padding:22px;flex-direction:column}.complements-copy .btn{width:100%;text-align:center}}

.nav [hidden]{display:none!important}