:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#193247;background:#f3f7f7;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}sim-provider-portal .portal,sim-veterinary .vet-shell{margin-left:220px}sim-customers header,sim-collections header{margin-bottom:24px}sim-customers small,sim-collections td small{display:block;margin-top:5px}@media(max-width:800px){sim-provider-portal .portal,sim-veterinary .vet-shell{margin-left:74px}}@media(max-width:800px){sim-root:has(sim-app-sidebar .mobile-bar)>router-outlet+*{margin-left:0!important}sim-root:has(sim-app-sidebar .mobile-bar)>router-outlet+*>:is(.dashboard-shell,.record-shell,.customer-shell,.expense-shell,.pay-shell,.admin-shell,.app-shell,.ops-shell,.proc-shell,.collection-shell,.ai-shell,.support-shell,.portal,.vet-shell,main){margin-left:0!important;min-width:0;width:100%;grid-template-columns:minmax(0,1fr)}sim-root:has(sim-app-sidebar .mobile-bar)>router-outlet+*>:is(.dashboard-shell,.record-shell,.customer-shell,.expense-shell,.pay-shell,.admin-shell,.app-shell,.ops-shell,.proc-shell,.collection-shell,.ai-shell,.support-shell,.portal,.vet-shell,main)>aside{display:none!important}sim-root:has(sim-app-sidebar .mobile-bar)>router-outlet+*>:is(.dashboard-shell,.record-shell,.customer-shell,.expense-shell,.pay-shell,.admin-shell,.app-shell,.ops-shell,.proc-shell,.collection-shell,.ai-shell,.support-shell,.portal,.vet-shell,main)>main{grid-column:1;margin-left:0!important;min-width:0}}sim-inbox .mobile-back{display:none}@media(max-width:800px){sim-root>router-outlet+*{min-width:0;overflow-wrap:anywhere}sim-root>router-outlet+* :is(p,small,label,td,th){font-size:12px!important;line-height:1.45}sim-root>router-outlet+* :is(.metrics,.cards){grid-template-columns:repeat(2,minmax(0,1fr))!important}sim-root>router-outlet+* :is(.metrics,.cards)>*{min-width:0}sim-root>router-outlet+* :is(input,select,textarea){min-width:0;max-width:100%;font-size:14px}sim-root>router-outlet+* :is(input,select):not([type=checkbox]):not([type=radio]){min-height:40px}sim-root>router-outlet+* :is(.filters,.toolbar,.actions,.top-actions,.page-actions,.form-actions,.period-filter){flex-wrap:wrap;max-width:100%}sim-root>router-outlet+* :is(.fields,.cols){grid-template-columns:minmax(0,1fr)!important}sim-root>router-outlet+* :is(.fields,.cols)>*{min-width:0}sim-root>router-outlet+* :is(.table-wrap,.table-scroll){max-width:100%;overflow:auto}sim-root>router-outlet+* :is(.tabs,.view-tabs){max-width:100%;overflow-x:auto}sim-root>router-outlet+* :is(.tabs,.view-tabs)>button{flex-shrink:0}sim-root>router-outlet+* :is(.modal-backdrop,.overlay,.drawer-backdrop,.modal-bg,.simulation-modal-bg,.backdrop){z-index:700!important}sim-root>router-outlet+* :is(.modal,.simulation-modal,dialog){max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;overflow:auto}sim-root>router-outlet+* :is(.drawer,.side-panel){max-width:100vw}sim-root>router-outlet+* :is(header,.page-heading,.heading,.panel-head){gap:10px;flex-wrap:wrap}sim-root>router-outlet+* :is(h1,h2,h3,p,small,label){overflow-wrap:anywhere}sim-root sim-team-presence details{position:relative;right:auto;bottom:auto;margin:12px;max-width:none;z-index:1}sim-root sim-collections .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}sim-root sim-users .user-row{grid-template-columns:minmax(0,1fr);gap:10px;padding:14px}sim-root sim-users .table-head{display:none}sim-root sim-users .user-row>*{min-width:0}}
