[hidden]{display:none!important}header .phone-tools{display:flex;gap:6px;margin-left:auto;border:0;padding-left:0;flex:none}header .phone-tools button{white-space:nowrap;font-size:11px;padding:7px 10px}.connection-status{background:#fff1d6;color:#714900;padding:10px 14px;flex:none;font-size:12px}.phone-dialog{width:min(440px,92vw);border:1px solid #ded8e6;border-radius:12px;padding:22px;color:#352541}.phone-dialog p{white-space:pre-line;line-height:1.65}.phone-dialog::backdrop{background:#24153066}
@media(max-width:899px){html,body{height:auto;overflow-x:hidden;overflow-y:auto}body>header{height:auto;flex-wrap:wrap;min-height:76px}body>header>div:not(.phone-tools){flex:1;min-width:130px}header .phone-tools{width:100%;justify-content:flex-end}main{width:100%;max-width:100%;padding:12px;min-width:0}.panel,.cols>div,.dashboard-grid>section{min-width:0;max-width:100%}nav{overflow-x:auto;-webkit-overflow-scrolling:touch}input,select,textarea{font-size:16px!important;max-width:100%}button,.btn{min-height:40px}.small{width:100%;max-width:390px;margin:16px auto}.scroll{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}td,th{overflow-wrap:anywhere}.report-filters{gap:10px}.report-downloads{flex-wrap:wrap}.backup-grid{grid-template-columns:1fr}.dashboard-intro,.dashboard-filter{min-width:0}.identity{overflow-wrap:anywhere}}
@media(max-width:420px){body>header img{width:104px;height:58px}body>header b{font-size:15px}.user-details-form{grid-template-columns:1fr}.request-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.report-stats:not(.request-summary)>div{flex:1;min-width:90px!important}}
@media(max-width:700px){#request-materials,#request-materials tbody{display:block;width:100%}#request-materials thead{display:none}#request-materials tbody tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:10px;border:1px solid #e4ddeb;border-radius:8px;background:white;margin-bottom:10px}#request-materials td{display:block;border:0;padding:5px;min-width:0;font-size:13px;overflow-wrap:anywhere}#request-materials td:nth-child(2){grid-column:2/4;font-weight:600}#request-materials td:last-child{grid-column:2/4}#request-materials td::before{display:block;font-size:10px;line-height:1.4;font-weight:600;color:#74657d;margin-bottom:4px}#request-materials td:first-child::before{content:'Select'}#request-materials td:nth-child(3)::before{content:'Unit'}#request-materials td:nth-child(4)::before{content:'Site BOQ'}#request-materials td:nth-child(5)::before{content:'Pending + approved'}#request-materials td:nth-child(6)::before{content:'Available'}#request-materials td:nth-child(7)::before{content:'Request quantity'}#request-materials .qty{width:100%;max-width:none;min-height:42px;margin:0}#request-materials input[type=checkbox]{width:23px;height:23px;min-height:0}#request .material-toolbar>div{max-width:none}}
.mobile-workspace-toggle,.mobile-material-pages{display:none}.request-card-hidden{display:none!important}.request-notes{margin:4px 0;position:relative}.request-notes summary{font-size:11px;color:#713774;cursor:pointer}.no-site-boq{padding:14px;border:1px solid #e8d9b8;background:#fff9ec;border-radius:8px}.no-site-boq p{font-size:12px}
.mobile-material-pages button:disabled{opacity:.4;cursor:default}
@media(max-width:700px){
 body[data-mobile-requester="1"][data-view="request"]{height:100dvh;max-height:100dvh;overflow:hidden;display:flex;flex-direction:column}
 body[data-mobile-requester="1"]>header{height:64px;min-height:64px;flex:0 0 64px;flex-wrap:nowrap;padding:4px 8px;gap:6px}
 body[data-mobile-requester="1"]>header img{width:82px;height:52px}
 body[data-mobile-requester="1"]>header>div:not(.phone-tools){min-width:0;padding-left:6px}
 body[data-mobile-requester="1"]>header b{font-size:13px}
 body[data-mobile-requester="1"] header .phone-tools{width:auto;justify-content:end;margin-left:0;max-width:66px;flex-wrap:wrap;gap:2px}
 body[data-mobile-requester="1"] header .phone-tools button{font-size:9px;padding:4px 5px;min-height:24px;white-space:normal;line-height:12px}
 body[data-mobile-requester="1"] main{padding:6px 8px;gap:4px;position:relative}
 body[data-mobile-requester="1"][data-view="request"] main{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}
 body[data-mobile-requester="1"] .workspace-bar{margin:0;min-height:25px;flex:none}
 body[data-mobile-requester="1"] .workspace-bar .eyebrow{display:none}
 body[data-mobile-requester="1"] h1{font-size:17px;margin:0}
 body[data-mobile-requester="1"] .identity{font-size:10px}
 .mobile-workspace-toggle{display:block;flex:none;min-height:29px;width:100%;text-align:left;padding:4px 8px;font-size:11px;background:#eee7f2;color:#62416f}
 body[data-mobile-requester="1"] nav{display:none;position:absolute;top:64px;left:8px;right:8px;z-index:100;background:white;box-shadow:0 6px 18px #33224433;border:1px solid #ded8e6;border-radius:7px;padding:5px;margin:0;overflow:visible}
 body[data-mobile-requester="1"] nav[data-mobile-open="1"]{display:flex;flex-direction:column}
 body[data-mobile-requester="1"] nav a{padding:9px;font-size:12px}
 body[data-mobile-requester="1"] #request{padding:8px;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
 #request>h2{font-size:12px;margin:0 0 4px;flex:none}
 #request>p.muted{display:none}
 #request>form:first-of-type{flex:none;margin:0}
 #request>form:first-of-type label{font-size:10px}
 #request>form:first-of-type select{margin:2px 0 4px;min-height:33px;padding:4px 6px}
 #material-request-form{display:flex;flex-direction:column;flex:1;min-height:0;gap:3px;position:relative}
 #request .material-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 5px;margin:0;flex:none}
 #request .material-toolbar>div{grid-column:1;min-width:0}
 #request .material-toolbar label{font-size:10px;margin:0}
 #request .material-toolbar input[type=search]{height:35px;min-height:35px;padding:4px 7px;margin:1px 0 0}
 #request .material-toolbar>button{margin:13px 0 0;min-height:35px;padding:4px 9px}
 #request .material-toolbar .check-label{display:flex;align-items:center;gap:4px;font-size:10px;min-height:22px;white-space:nowrap}
 #request .material-toolbar .check-label input{height:16px;width:16px;min-height:16px;margin:0}
 #request #selected-count{font-size:10px;align-self:center;margin:0}
 #material-request-form>.scroll{display:flex;flex-direction:column;flex:1;min-height:0;max-height:none;overflow:hidden}
 #request-materials{flex:none}
 #request-materials tbody tr{grid-template-columns:repeat(4,minmax(0,1fr));padding:5px;gap:0;margin:0}
 #request-materials td{padding:3px;font-size:12px;line-height:15px;max-width:none;white-space:normal}
 #request-materials td:nth-child(2){grid-column:2/5;max-height:48px;overflow:auto}
 #request-materials td:last-child{grid-column:1/5}
 #request-materials td::before{font-size:9px;line-height:11px;margin:0 0 2px}
 #request-materials .qty{height:35px;min-height:35px;padding:3px 6px}
 #request-materials input[type=checkbox]{height:20px;width:20px;margin:0}
 #request-materials small{display:block;font-size:9px;line-height:11px}
 .mobile-material-pages{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:4px 0;flex:none}
 .mobile-material-pages button{min-height:29px;font-size:10px;padding:4px 9px}
 .mobile-material-pages span{font-size:10px}
 #material-no-results{padding:12px;font-size:11px}
 .request-notes{flex:none;margin:0;min-height:18px}
 .request-notes[open] textarea{position:absolute;bottom:20px;left:0;right:0;z-index:20;height:70px!important;width:100%;max-width:none!important;background:white;box-shadow:0 0 8px #33224444}
 #request .request-submit{flex:none;width:100%;min-height:35px;margin:0;padding:6px;font-size:12px}
 #request .no-site-boq{overflow:auto;min-height:0}
 body[data-view="request"] main>.success,body[data-view="request"] main>.alert{flex:none;padding:4px 7px;font-size:10px;margin:0;max-height:48px;overflow:auto}
}

/* v24: all material lines stay on the same page; scroll inside the list. */
@media(max-width:700px){#material-request-form>.scroll{overflow-y:auto!important;overflow-x:hidden!important}#request-materials tbody tr{margin-bottom:6px}#request-materials td:nth-child(2){max-height:none;overflow:visible}}
@media(max-width:700px){body[data-mobile-requester="1"][data-view="history"]{height:100dvh;overflow:hidden;display:flex;flex-direction:column}body[data-mobile-requester="1"][data-view="history"] main{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}#history{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:8px}#history>p{display:none}#history .history-register{flex:1;min-height:0;overflow-y:auto;max-height:none}.history-lines,.history-lines tbody{display:block;width:100%}.history-lines thead{display:none}.history-lines tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:7px;margin-bottom:7px;border:1px solid #ded8e6;border-radius:8px}.history-lines td{display:block;border:0;padding:3px;min-width:0;text-align:left;overflow-wrap:anywhere}.history-lines td::before{content:attr(data-label);display:block;font-size:9px;font-weight:600;color:#82718b;margin-bottom:3px}.history-lines td:nth-child(3),.history-lines td:nth-child(4),.history-lines td:nth-child(9){grid-column:1/-1}.history-lines td small{font-size:9px}}