/* V759: screen-only responsive layout; no scaling, hidden data, or print changes. */
@media screen and (max-width:900px){
 html{min-width:0;-webkit-text-size-adjust:100%;text-size-adjust:100%}
 html body{display:block!important;min-width:0!important;width:100%!important;margin:0!important}
 html body>main,html body>main.project-main,html body.project-sidebar-collapsed>main.project-main{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:12px!important;box-sizing:border-box!important}
 html body.auth-screen{display:flex!important;min-height:var(--cc745-vh,100dvh);padding:14px!important}.auth-screen .login-card{width:100%!important;max-width:430px!important;padding:20px!important}
 html body>main.project-main{height:var(--cc745-vh,100dvh);min-height:0!important;overflow-y:auto;overflow-x:visible}
 html body main :where(#app,div,section,article,form,fieldset,header,footer,nav,details){min-width:0!important;max-width:100%!important;box-sizing:border-box}
 html body main :where(h1,h2,h3,h4,p,label,small,b,strong,legend),html body .modal :where(h1,h2,h3,h4,p,label,small,b,strong,legend){overflow-wrap:anywhere;white-space:normal;line-height:1.6}
 html body main :is(p,label,small,.sub,.label),html body .modal :is(p,label,small,.sub){font-size:.875rem!important}
 html body .modal input:is([type=checkbox],[type=radio]),html body main input:is([type=checkbox],[type=radio]){width:20px!important;min-width:20px!important;max-width:20px!important;height:20px!important;min-height:20px!important;flex:0 0 20px;margin:0}
 html body main h1{font-size:1.45rem!important}html body main h2{font-size:1.25rem!important}html body main h3{font-size:1.1rem!important}
 html body main>header,.company-head,.home-user,.header-left-actions,.project-title-group,.cc-v498-section-head,.cc-v702-hero,.cc-v703-hero,.cc732-head,.cost-top,.cost-card-title,.contract-top,.workhub-head,.proc-v217-head,.cc-v706-report-row{display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:10px!important;height:auto!important}
 html body main>header{flex-direction:column;align-items:stretch!important;margin-bottom:14px}.header-left-actions,.home-user{width:100%;justify-content:flex-start!important}.project-title-group{width:100%}.project-title-group #title{flex:1}.project-title-group p{flex-basis:100%}
 html body :is(.grid,.two,.form-grid,.detail-grid,.contract-grid,.contract-fields,.contract-kpis,.boq-kpis,.boq-layout,.cost-selectors,.cost-main,.cost-kpis-horizontal,.cc-v617-kpis,.cc-v617-grid,.cc-v617-panels,.cc-v617-chart-grid,.workhub-columns,.workhub-stats,.cc721-columns,.cc721-stats,.cc-v498-kpis,.cc-v498-layout,.cc-v498-form-grid,.cc-v498-credentials,.cc-v703-grid,.cc-v706-columns,.cc-v706-stats,.cc-three-cards,.cc-kpis,.drawing-kpis,.drawing-filters,.consultant-review-summary,.cc631-form-grid,.cc631-resource-grid,.cc634-logo-fields,.qsv635-detail-grid,.cc725-grid,.proc-v180-fields,.proc-v180-form,.proc-v217-summary,.proc-v219-item-summary){grid-template-columns:minmax(0,1fr)!important;min-width:0!important;width:100%!important}
 html body .boq-folders{position:static!important;width:100%!important}.cost-main-full,.cost-selector,.cc-cost-selection,.cc-cost-overview-strip,.cost-card,.breakdown-panel{min-width:0!important;max-width:100%!important}
 html body :is(.boq-actions,.contract-actions,.company-actions,.drawing-actions,.workhub-actions,.cc721-toolbar,.module-actions,.proc-actions,.cost-top>div,.cc732-filters,.cc732-methods,.cc743-toolbar,.cc743-tools,.modal-actions){display:flex!important;flex-wrap:wrap!important;gap:8px!important;min-width:0;max-width:100%}
 html body main :is(.btn,.mini-btn),html body .modal :is(.btn,.mini-btn){height:auto!important;min-height:42px;white-space:normal!important;overflow-wrap:anywhere;line-height:1.5!important;padding:9px 11px}
 html body main :is(input,select,textarea),html body .modal :is(input,select,textarea){font-size:16px!important;max-width:100%!important;min-width:0;box-sizing:border-box}
 html body main :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]),html body .modal :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]){width:100%;min-height:42px;line-height:1.5}
 html body :is(.project-switcher-label,.company-select,.cost-selector,.report-filters label,.cc-v706-filters label,.cc732-filters label){min-width:0!important;max-width:100%!important;flex:1 1 100%!important;white-space:normal!important}.project-switcher{width:100%!important;min-width:0!important;max-width:100%!important}
 /* Small tabs remain readable, all visible, without inheriting sidebar button sizing. */
 html body :is(.cc-v702-tabs,.cc-v543-tabbar,.cc-v543-project-tabs,.cc-v709-tabs,.cc729-tabs,.cc-v617-tabs,.contract-tabs,.cost-breakdown-tabs,[role=tablist]){display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;width:100%!important;max-width:100%!important;gap:6px!important;height:auto!important;max-height:none!important;overflow:visible!important}
 html body .cc-v702-dashboard nav.cc-v702-tabs>button[data-action="cc-v702-tab"],html body .cost-page nav.cc729-tabs>button,html body :is(.cc-v543-tabbar,.cc-v543-project-tabs,.cc-v709-tabs,.cc-v617-tabs,.contract-tabs,.cost-breakdown-tabs,[role=tablist])>button{display:inline-flex!important;align-items:center;justify-content:center;flex:0 1 auto!important;width:auto!important;min-width:0!important;max-width:100%!important;min-height:42px!important;height:auto!important;max-height:none!important;white-space:normal!important;line-height:1.5!important;font-size:.875rem!important;padding:8px 10px!important;margin:0!important}
 html body main .contract-tabs>a{display:inline-flex;align-items:center;min-height:42px;white-space:normal;font-size:.875rem}
 html body :is(.cc-v702-tabs,.cc-v543-tabbar,.cc-v543-project-tabs,.cc-v709-tabs,.cc729-tabs,[role=tablist]) button::after{content:none!important}
 html body .boq-module .boq-section-head{flex-direction:column!important;align-items:stretch!important}.boq-section-head .section-actions{width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:auto!important;flex-wrap:nowrap!important}.boq-section-head .section-actions button{flex:0 0 auto!important;white-space:nowrap!important;width:auto!important}
 /* Financial tables scroll inside their own keyboard-accessible container. */
 html body .cc745-scrolltable{width:100%!important;max-width:100%!important;min-width:0!important;overflow:auto!important;overscroll-behavior-inline:contain;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}
 html body .cc745-scrolltable>table{max-width:none!important}.cc745-wide-table{min-width:max(680px,calc(var(--cc745-cols,7)*100px))!important}.cc745-scrolltable :is(th,td){line-height:1.6!important;font-size:.875rem;white-space:normal!important;vertical-align:middle}.cc745-scrolltable :is(td,th).cc745-sticky-cell{position:sticky!important;inset-inline-start:0;z-index:2;background:#fff;box-shadow:2px 0 4px #1232}.cc745-scrolltable th.cc745-sticky-cell{z-index:3;background:#edf3f7}
 html body .modal-backdrop{padding:8px!important;align-items:center;max-width:100vw!important;max-height:var(--cc745-vh,100dvh)!important}
 html body .modal-backdrop>.modal,html body .modal-backdrop>.modal-card{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;min-width:0!important;max-height:calc(var(--cc745-vh,100dvh) - 16px)!important;height:auto;overflow:auto;box-sizing:border-box;padding:14px!important;margin:0!important}
 html body .modal :where(div,section,form,fieldset,details){min-width:0!important;max-width:100%!important}.modal .modal-head{gap:10px;align-items:flex-start}.modal .modal-actions{position:sticky;bottom:0;background:#fff;padding:10px 0 max(8px,env(safe-area-inset-bottom));z-index:5;flex:0 0 auto}.modal .modal-actions>.btn{flex:1 1 130px;max-width:100%}.modal .close{flex:0 0 38px;min-width:38px;min-height:38px}
 html body .modal [class*="grid"],html body main form [class*="grid"],html body .modal [style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important}
 html body .modal :is(.form-grid,.cc-v498-form-grid,.cc-v498-credentials,.cc743-grid,.cc-v606-choice-grid,.cc-v606-mode-grid,.cc-v606-items,.cc743-body .cc-v606-items,.cc-v567-data-grid){display:grid!important;grid-template-columns:minmax(0,1fr)!important}
 html body #costPrintModalV606>.cc743-settings{display:flex;flex-direction:column;max-height:calc(var(--cc745-vh,100dvh) - 16px)!important;overflow:hidden!important}.cc743-body{min-height:0;overflow-y:auto}.cc743-toolbar{align-items:center!important}.cc743-toolbar>.btn{flex:1 1 130px}.cc743-toolbar>b{flex-basis:100%}
 html body #cc743PreviewModal>.cc743-preview{display:flex;flex-direction:column;height:calc(var(--cc745-vh,100dvh) - 16px)!important;max-height:calc(var(--cc745-vh,100dvh) - 16px)!important;padding:8px!important;overflow:hidden!important}.cc743-preview iframe{width:100%!important;flex:1;min-height:150px}
 html body :is(img,svg,canvas,video){max-width:100%;object-fit:contain}html body main pre,html body .modal pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
 /* Drawer state is transient; it never changes the laptop sidebar preference. */
 html body>aside,html body.project-sidebar-collapsed>aside.project-sidebar{position:fixed!important;inset:0 0 0 auto!important;width:min(310px,88vw)!important;max-width:88vw!important;height:var(--cc745-vh,100dvh)!important;padding:14px!important;display:flex!important;flex-direction:column!important;transform:translateX(110%);transition:transform .18s ease;z-index:10010!important;overflow-y:auto!important;overflow-x:hidden!important}
 html body.cc745-menu-open>aside{transform:translateX(0)!important}html body>aside nav{display:block!important;flex:1;min-height:0;overflow-y:auto!important;width:100%!important;max-width:100%!important}
 html body>aside :is(.project-brand,.project-context){display:flex!important}html body>aside .project-brand{gap:8px;font-size:16px!important}html body>aside .project-brand img{width:46px;height:46px}html body>aside .project-context{flex-direction:column;margin:10px 0!important}
 html body>aside nav button{display:block!important;width:100%!important;font-size:1rem!important;min-height:44px;height:auto!important;padding:10px 12px!important;text-align:right;white-space:normal!important;line-height:1.5!important}html body>aside nav button::after{content:none!important}html body>aside .nav-group-title{font-size:.85rem!important;text-align:right!important;padding:10px!important}html body>aside h1{font-size:18px!important}html body>aside h1::after{content:none!important}
 html body .cc745-drawer-close{display:block!important;margin:0 0 10px!important;min-height:44px;width:100%;border:1px solid #7892ab;background:#203f58;color:#fff;border-radius:8px;font-size:1rem}
 html body .cc745-menu-btn{display:inline-flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px;flex:0 0 auto;border:1px solid #2d759a;border-radius:9px;background:#1f5f83;color:#fff;padding:8px;font-size:1rem}
 html body .cc745-scrim{display:none;position:fixed;inset:0;width:100%;height:var(--cc745-vh,100dvh);border:0;background:#071c3399;z-index:10009}html body.cc745-menu-open .cc745-scrim{display:block!important}html body.cc745-menu-open{overflow:hidden!important}
 @media(prefers-reduced-motion:reduce){html body>aside{transition:none}}
}
@media screen and (min-width:901px){.cc745-menu-btn,.cc745-drawer-close,.cc745-scrim{display:none!important}.cc745-table-shell{display:contents}}
