/* Shared signed-in shell: identity + left nav, with an off-canvas drawer on mobile.
   Colours are literal brand values so the shell matches on every page stylesheet. */
.app-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:36px;align-items:start}
.app-side{position:sticky;top:20px;display:flex;flex-direction:column;gap:16px;padding:20px;background:#fff;border:1px solid #d9d9cd;border-top:3px solid #933d28}
.who{display:flex;gap:12px;align-items:center}
.who-avatar{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:#933d28;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:650;font-size:.82rem}
.who-text{min-width:0}
.who-email{display:block;font-size:.9rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.who-role{display:block;font-size:.7rem;color:#636960;text-transform:uppercase;letter-spacing:.07em;margin-top:3px}
.side-nav{display:flex;flex-direction:column;gap:2px;border-top:1px solid #d9d9cd;padding-top:14px}
.side-link{padding:10px 12px;text-decoration:none;color:#262c29;font-size:.9rem;border-left:3px solid transparent}
.side-link:hover{background:#f6f3eb}
.side-link.active{border-left-color:#933d28;color:#933d28;font-weight:600;background:#f6f3eb}
.side-logout{margin-top:6px;padding:10px 12px;text-align:center;background:none;border:1px solid #d9d9cd;color:#262c29;font:inherit;font-size:.85rem;cursor:pointer}
.side-logout:hover{background:#f6f3eb}

/* Header toggle: hidden on desktop (sidebar is always visible), shown on mobile. */
.side-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0 11px;background:none;border:1px solid #d9d9cd;cursor:pointer}
.side-toggle-bar{display:block;height:2px;background:#262c29}
.side-backdrop{position:fixed;inset:0;background:rgba(38,44,41,.45);z-index:40;border:0}

@media(max-width:760px){
  .app-shell{grid-template-columns:1fr;gap:20px}
  .side-toggle{display:flex}
  .app-side{position:fixed;top:0;left:0;bottom:0;width:min(80vw,280px);margin:0;border-top:1px solid #d9d9cd;border-right:3px solid #933d28;transform:translateX(-100%);transition:transform .2s ease;z-index:50;overflow:auto}
  .app-side.open{transform:none}
}