/* Shared screen-only sizing. Keep print layouts and business behaviour intact. */
@media screen{
 html{scroll-padding-top:16px}body{min-width:0}img,video,canvas{max-width:100%}input,select,textarea{box-sizing:border-box;max-width:100%}
 :is(.main,.business-main,.business-content,.pm-main,.gd-panel-block,.card,.parity-section,.form-grid,.formgrid,.field,.owner-grid,.pm-layout,.grid)>*{min-width:0}
 :is(.main,.business-main,.pm-main) :is(h1,h2,h3,p,label,.metric,.who,.business-who){overflow-wrap:anywhere}
 :is(.table-wrap,.table:has(>table),.pm-table){max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 :is(.main,.business-main,.pm-main) table{max-width:none} :is(.main,.business-main,.pm-main)>table{display:block;max-width:100%;overflow-x:auto}
 :is(.top,.business-top,.top-actions,.status,.pagehead,.page-heading,.toolbar,.pm-top,.header-actions){min-width:0;gap:8px}
 :is(.pagehead,.page-heading,.pm-top){flex-wrap:wrap} :is(dialog){box-sizing:border-box;max-width:calc(100vw - 20px);max-height:92vh;max-height:92dvh;overflow:auto}
 :is(.main,.business-main,.pm-main) :is(input,select,textarea,button,a){scroll-margin-block:18px}
}
@media screen and (min-width:761px) and (max-width:1180px){
 body[data-screen=dashboard][data-company-role=employee] .business-layout{grid-template-columns:210px minmax(0,1fr)}
 body[data-screen=dashboard] .business-top{gap:10px;padding:10px 14px}body[data-screen=dashboard] .business-brand{width:135px}body[data-screen=dashboard] .top-actions{flex-wrap:wrap;justify-content:flex-end}
 :is(.main,.business-main) :is(.form-grid,.formgrid,.staff-inventory-fields,.staff-cash-expense-fields){grid-template-columns:repeat(2,minmax(0,1fr))}
 .pm-layout{grid-template-columns:190px minmax(0,1fr);gap:12px}.owner-grid{grid-template-columns:minmax(0,1fr)}
}
@media screen and (max-width:760px){
 body{font-size:14px}input,select,textarea{font-size:16px!important}button,[role=button]{min-height:40px}
 :is(.main,.business-main,.pm-main){min-width:0;max-width:100%;padding-left:10px;padding-right:10px}
 :is(.main,.business-main) :is(.form-grid,.formgrid,.split,.staff-inventory-fields,.staff-cash-expense-fields,.staff-cash-close-fields){grid-template-columns:minmax(0,1fr)!important}
 :is(.main,.business-main) :is(.form-grid,.formgrid)>*{grid-column:auto!important}
 :is(.owner-grid,.pm-metrics,.grid){grid-template-columns:minmax(0,1fr)}
 body[data-screen=dashboard][data-company-role=employee] .business-layout{grid-template-columns:clamp(104px,32vw,180px) minmax(0,1fr)!important}
 body[data-screen=dashboard][data-company-role=employee] .business-side{padding-left:6px;padding-right:6px;scrollbar-gutter:auto}
 body[data-screen=dashboard][data-company-role=employee] .business-side .nav-item{font-size:12px;white-space:normal;overflow-wrap:anywhere;padding:10px 6px;line-height:1.35}
 body[data-screen=dashboard][data-company-role=employee] .business-who strong{font-size:13px}body[data-screen=dashboard][data-company-role=employee] .business-who span{font-size:10px}
 body[data-screen=dashboard] .business-top{padding:8px;gap:6px;flex-wrap:wrap}body[data-screen=dashboard] .business-brand{width:90px!important}body[data-screen=dashboard] .top-actions{flex:1 1 180px;flex-wrap:wrap;justify-content:flex-end}body[data-screen=dashboard] .connection{white-space:normal;overflow-wrap:anywhere}
 body[data-screen=dashboard] .company-feedback-link{padding:10px 6px!important}body[data-screen=dashboard] .company-feedback-link strong{font-size:10px}body[data-screen=dashboard] .company-feedback-link span{font-size:10px}
 body[data-screen=dashboard] :is(.company-daily-metrics,.business-metrics,.op-cards,.parity-categories,.staff-notebook-pages,.staff-overview-three,.staff-bonus-summary){grid-template-columns:minmax(0,1fr)!important}
 .pm-layout{grid-template-columns:minmax(0,1fr)}.pm-nav{position:static;display:flex;overflow-x:auto;gap:6px}.pm-nav button{flex:0 0 auto;white-space:nowrap}.pm-top{align-items:flex-start}
 body>header:not(.header){height:auto;min-height:70px;padding:10px;flex-wrap:wrap}body>header:not(.header) img{width:130px}body>header:not(.header) span{font-size:12px}
 #platform,body:not([data-screen=dashboard]) #portal{margin-top:16px;padding:0 10px}.auth{margin:20px auto}.auth .card{padding:18px}
 #teamCommunicationPanel>div:nth-of-type(2){height:auto!important;flex-direction:column}#teamCommunicationPanel #teamContacts{max-height:100px}#teamCommunicationPanel :is(aside,section){min-width:0!important}#teamCommunicationPanel{padding:12px!important;width:calc(100vw - 20px)!important}
 .header nav,.header-actions{max-width:100%;flex-wrap:wrap}.header-actions a{white-space:normal}
}
@media screen and (max-height:520px) and (orientation:landscape){
 body[data-screen=dashboard] .business-top{max-height:30dvh}body[data-screen=dashboard] .business-brand{width:70px!important}body[data-screen=dashboard][data-company-role=employee] .business-top{min-height:65px}
 #teamCommunicationPanel{height:95dvh!important;max-height:95dvh!important}.team-call-stage .team-call-guest video{height:50dvh}
}
@media screen and (min-width:1600px){:is(.business-main,.main){min-width:0}.team-call-stage .team-call-guest video{max-height:65vh}}