.clinic-sidebar { position:fixed; inset:0 auto 0 0; z-index:15; width:206px; padding:24px 14px; display:flex; flex-direction:column; overflow-y:auto; background:#f3f4f6; border-right:1px solid #e9ecf0; color:#334155; font-size:14px; line-height:1.5; }
.clinic-sidebar .clinic-brand { display:flex; align-items:center; flex-shrink:0; gap:11px; margin:0 0 39px; padding:0 10px; color:#223047; font-size:18px; font-weight:650; line-height:29px; white-space:nowrap; }
.clinic-sidebar .clinic-brand svg { width:29px; height:29px; flex-shrink:0; }
.clinic-sidebar #desktop-nav { flex-shrink:0; }
.clinic-sidebar .nav-item { display:flex; align-items:center; gap:12px; width:100%; min-height:46px; margin:0 0 5px; padding:12px 14px; border:0; border-radius:5px; background:transparent; color:#536075; font-size:14px; font-weight:500; line-height:22px; text-align:left; text-decoration:none; white-space:nowrap; }
.clinic-sidebar .nav-item svg { width:18px; height:18px; flex-shrink:0; color:#939cab; }
.clinic-sidebar .nav-item:hover { background:#eaeef4; }
.clinic-sidebar .nav-item.active { color:#1973ff; background:#e9f0fc; }
.clinic-sidebar .nav-item.active svg { color:#1973ff; }
.clinic-sidebar .nav-item:focus-visible { outline:3px solid #8bb7ff; outline-offset:0; }
.clinic-sidebar .sidebar-bottom { margin-top:auto; padding:20px 12px 1px; color:#939cab; font-size:11px; }
@media(min-width:761px) { html { scrollbar-gutter:stable; } }
@media(max-width:760px) { .clinic-sidebar { display:none; } }
.clinic-bottom-nav { display:none; }
.management-links { display:grid; gap:1px; margin-top:20px; border:1px solid var(--border,#dce1e8); border-radius:6px; overflow:hidden; }
.management-links button { display:flex; align-items:center; gap:10px; width:100%; min-height:50px; padding:12px 16px; border:0; border-radius:0; text-align:left; background:white; color:#465469; font-size:13px; }
.management-links button+button { border-top:1px solid #edf0f4; }
.management-links svg { width:18px; height:18px; }
.management-links .chevron { margin-left:auto; color:#8993a4; }
.section-back { display:inline-flex; align-items:center; gap:4px; margin-bottom:14px; color:#657187; background:transparent; border:0; padding:0; min-height:32px; font-size:12px; }
.section-back svg { width:16px; height:16px; }
@media(max-width:760px) {
  :root { --clinic-nav-height:64px; }
  html { scroll-padding-bottom:calc(84px + env(safe-area-inset-bottom)); }
  .clinic-bottom-nav { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); position:fixed; inset:auto 0 0; z-index:20; background:#f7f8fa; border-top:1px solid #dce1e8; padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); }
  .clinic-bottom-nav .clinic-nav-item { display:flex; position:relative; flex-direction:column; align-items:center; justify-content:center; gap:5px; height:var(--clinic-nav-height); min-width:0; margin:0; padding:8px 4px; color:#7b8799; background:transparent; border:0; border-radius:0; text-decoration:none; font-size:11px; font-weight:400; line-height:1.2; -webkit-tap-highlight-color:transparent; }
  .clinic-bottom-nav .clinic-nav-item svg { width:20px; height:20px; flex:none; }
  .clinic-bottom-nav .clinic-nav-item.active { color:#2673ec; }
  .clinic-bottom-nav .clinic-nav-item.active::before { content:""; position:absolute; top:0; width:28px; height:2px; background:#2673ec; }
  .clinic-bottom-nav .clinic-nav-item:focus-visible { outline:2px solid #2673ec; outline-offset:-4px; }
  main#main-content,main#main { padding-bottom:calc(88px + env(safe-area-inset-bottom)); }
  .toast,#toast { bottom:calc(80px + env(safe-area-inset-bottom)); }
  .app-header,.topbar { position:sticky; top:0; z-index:10; min-height:60px; background:#fafbfc; }
  .inventory-page-header { position:sticky; top:60px; z-index:9; margin:0 -16px 14px; padding:0 16px; background:#f4f5fa; }
  .inventory-workspace .nav { position:static; inset:auto; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin:0; padding:0; background:transparent; backdrop-filter:none; border:0; border-bottom:1px solid #dce1e8; }
  .inventory-workspace .nav button { display:block; min-height:44px; padding:10px 0; font-size:13px; border:0; border-bottom:2px solid transparent; border-radius:0; }
  .inventory-workspace .nav button.active { border-bottom:2px solid #2673ec; background:transparent; }
  .inventory-workspace .nav svg { display:none; }
  .inventory-workspace main { padding-top:0; }
  .inventory-workspace .page-heading { padding-top:16px; }
  .inventory-workspace .topbar-actions { visibility:hidden; }
}