/* Desktop clinic frame; mobile keeps its existing bottom navigation. */
.nav-icon{width:20px;height:20px;flex:none}.nav button{display:flex;align-items:center;gap:12px}
.shell-heading,.shell-tools{display:flex;align-items:center;gap:10px;min-width:0}
.shell-heading strong{color:#009eb5;white-space:nowrap;font-size:18px}
#toggle-main-nav{font-size:20px;padding:5px 10px}
@media screen and (min-width:721px){
 .shell,.shell:has(.reception-workbench){grid-template-columns:166px minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:start;min-height:100vh}
 .shell.nav-collapsed,.shell.nav-collapsed:has(.reception-workbench){grid-template-columns:66px minmax(0,1fr)}
 .shell .sidebar,.shell:has(.reception-workbench) .sidebar{grid-column:1;grid-row:1;position:sticky;top:0;height:100vh;padding:0;display:flex;flex-direction:column;align-items:stretch;gap:0;background:#223132;border:0;color:#c4d3d4;overflow:hidden;box-shadow:none}
 .shell .brand,.shell:has(.reception-workbench) .brand{height:76px;display:flex;flex-direction:column;justify-content:center;padding:0 16px;color:#fff;font-size:17px;border-bottom:1px solid #3a494a}
 .shell .brand small{display:block;margin:5px 0 0;color:#91b4b7;font-size:11px}
 .shell .nav{flex:1;display:flex;flex-direction:column;align-items:stretch;gap:3px;padding:12px 8px;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;margin:0}
 .shell .nav button{flex:0 0 auto;min-height:43px;width:100%;padding:10px 12px;text-align:left;border:0;border-radius:5px;background:transparent;color:#c4d3d4;box-shadow:none;font-size:14px;white-space:nowrap}
 .shell .nav button:hover{background:#34494c;color:#fff}
 .shell .nav button.active{background:#00a8c2;color:white;box-shadow:0 3px 12px #00191f38}
 .shell .sidebar footer{display:block;flex:none;padding:13px 16px;border-top:1px solid #3a494a;color:#91b4b7;font-size:10px;line-height:1.8}
 .shell .main,.shell:has(.reception-workbench) .main{grid-column:2;grid-row:1;min-width:0;padding:0 18px 22px}
 .shell .topbar{position:sticky;top:0;z-index:25;min-height:66px;height:auto;margin:0 -18px 18px;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #dce8ec;background:#fff;box-shadow:0 2px 8px #214b6510;border-radius:0}
 .shell .topbar small{white-space:nowrap;color:#85939d}
 .shell .topbar .shell-tools{flex-wrap:wrap;justify-content:flex-end;font-size:12px}
 .shell.nav-collapsed .nav-label,.shell.nav-collapsed .brand,.shell.nav-collapsed .sidebar footer{display:none}
 .shell.nav-collapsed .nav{padding:12px 6px}
 .shell.nav-collapsed .nav button{justify-content:center;padding:12px 0}
 .shell.nav-collapsed .sidebar{padding-top:8px}
}
@media screen and (min-width:721px) and (max-width:1100px){.shell-heading small{display:none}.shell-heading strong{font-size:15px}.shell-tools{gap:5px}.shell .topbar{padding:8px 12px}.shell .topbar button{padding:7px 9px}}
@media screen and (max-width:720px){#toggle-main-nav,.shell-heading strong{display:none}.shell-heading{display:none}.shell-tools{flex-wrap:wrap;gap:5px}.nav-icon{display:none}}
@media print{.nav-icon,#toggle-main-nav{display:none}}