/* Responsive shell (../dentolize-parity/responsive-observed.json): search box from 992px, icon search below; below 576px the menu is hidden and opens over the content. */
.nav-toggle,.search-toggle{display:none}
.nav-toggle{background:none;border:0;color:#fff;font-size:20px;min-height:32px;padding:0 6px;line-height:1}
.topbar .search-toggle{background:none;border:0;color:var(--shell-strong);padding:4px}
html,body{max-width:100%;overflow-x:hidden}
#main{min-width:0;max-width:100%;overflow-x:hidden}
.work-table,.table-wrap,.patient-table,.cal-scroll,.cal-month{max-width:100%;overflow-x:auto}
@media (max-width:991px){
 .topbar #global-search{display:none}
 .topbar .search-toggle{display:inline-flex;align-items:center;margin-left:auto}
 .topbar .top-tools{margin-left:0}
 .topbar.search-open #global-search{display:flex;position:absolute;top:50px;left:0;right:0;width:auto;z-index:30;background:var(--shell);padding:8px 12px;box-shadow:0 4px 10px #0006}
 .topbar{position:relative}
}
@media (max-width:575px){
 aside,aside.collapsed{width:0;overflow:hidden;box-shadow:none;z-index:101}
 aside.mobile-open{width:200px;overflow:visible;box-shadow:4px 0 16px var(--stripe)}
 aside.mobile-open nav{overflow-y:auto}
 .workspace,.workspace.collapsed{margin-left:0}
 .nav-toggle{display:inline-flex;align-items:center}
 .topbar{gap:4px;padding:0 6px}
 .topbar .switch{display:none}
 .top-tools{margin-left:auto;gap:2px}
 main{padding:0 6px}
 .page-heading,.work-heading,.patient-list-heading{flex-wrap:wrap;gap:8px}
 .filters,.work-toolbar,.patient-list-tools,.table-tools,.cal-toolbar{flex-wrap:wrap;gap:6px}
 .filters>*,.work-toolbar>input,.work-toolbar>select{max-width:100%}
 .search-box{flex:1 1 100%}
 .date-range{flex-wrap:wrap}
 .pagination{flex-wrap:wrap;gap:6px}
 .drawer,.bill-drawer,.rx-drawer,.encounter-drawer,.cal-settings,.files-viewer{width:100vw;max-width:100vw}
 .files-modal{width:calc(100vw - 16px)}
 .drawer-body{padding:12px 12px 100px}
 .form-grid,.rx-grid,.bill-grid,.bill-pay-grid,.admin-grid,.admin-grid4,.rx-pf-drawer .rx-grid{grid-template-columns:1fr}
 .rx-wide2{grid-column:auto}
 .patient-primary-tabs a:first-child{min-width:140px}
 .patient-actions{gap:6px}.patient-actions button{padding:4px 10px}
 .patient-balances{grid-template-columns:repeat(2,1fr)}
 .chart-teeth{overflow-x:auto}
 .chart-toolbar{flex-wrap:wrap;gap:6px}
 .xray-head{flex-wrap:wrap;gap:6px}
 .dash-grid,.dashboard-grid{grid-template-columns:1fr}
 .cal-jumps .cal-icon{width:38px}.cal-jumps [data-work=today]{width:60px}
 .cal-layout{position:relative}.cal-layout:not([open])>:not(summary){display:none}
 .cal-layout[open]>select,.cal-layout[open]>button{position:absolute;right:0;z-index:7;margin-top:4px;min-width:170px}.cal-layout[open]>select{top:100%}.cal-layout[open]>button{top:calc(100% + 40px)}
 .top-popover{max-width:calc(100vw - 12px)}
 .finance-steps{padding:10px 12px;gap:4px;flex-wrap:wrap}.finance-steps li{flex:1 1 40%;font-size:12px;gap:4px}.finance-steps li span{width:22px;height:22px}
 .finance-add select,.rx-ops-add select{min-width:0;width:100%}.rx-ops-add{flex-wrap:wrap}
 .bill-sum{min-width:0;width:100%}.bill-items input[type=number]{width:70px}.bill-ins input[type=number]{width:80px}
 dialog .work-table{max-width:100%;overflow-x:auto}
 .rx-toolbar{gap:1px}.rx-set-day,.cal-set-day{grid-template-columns:1fr}
}