/* Mobile interaction layer; desktop layout and all authorization stay unchanged. */
.cu-menu-close{display:none}
.cu-table-hint{display:none}
@media screen and (max-width:850px){
 html{scroll-padding-top:92px}
 body.cu-menu-open{overflow:hidden}
 .workspace-ui .dept-sidebar{height:100dvh;max-width:88vw;overscroll-behavior:contain}
 .workspace-ui .dept-sidebar .dept-nav{min-height:0;flex:1;overflow-y:auto;padding-bottom:24px}
 .workspace-ui .dept-sidebar .dept-brand{padding:18px 14px;gap:9px}
 .workspace-ui .dept-sidebar .dept-brand-title{font-size:14px}
 .workspace-ui .dept-sidebar .dept-brand-sub{font-size:11px}
 .cu-menu-close{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;margin-left:auto;border:1px solid #64809e;border-radius:12px;background:#193957;color:white;font-size:26px}
 .workspace-ui .mobile-menu,.workspace-ui .dept-bell,.workspace-ui .dept-logout-button,.app-mobile-button{min-width:44px;min-height:44px}
 .workspace-ui .dept-topbar{gap:8px;padding:10px 12px;min-height:68px}
 .workspace-ui .dept-topbar>div:first-child{gap:8px;min-width:0;flex:1}
 .workspace-ui .dept-welcome{min-width:0}
 .workspace-ui .dept-welcome-title{font-size:14px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
 .workspace-ui .dept-welcome small{font-size:11px!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .workspace-ui .dept-top-actions{flex-shrink:0;gap:6px!important}
 .workspace-ui .dept-content,.workspace-ui .erp-dashboard,.workspace-ui .app-main.workspace-content{padding:16px 12px 28px!important}
 .workspace-ui .workspace-content{overflow-x:visible}
 .workspace-ui .workspace-content :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea),.workspace-auth .field input:not([type=checkbox]){font-size:16px!important;min-height:48px;max-width:100%}
 .workspace-ui .workspace-content :is(button,[role=button]),.workspace-ui .workspace-content table :is(a,button){min-height:44px;font-size:14px!important}
 .workspace-ui .workspace-content table a{display:inline-flex;align-items:center}
 .workspace-ui .workspace-content :is(input[type=checkbox],input[type=radio]){width:20px;height:20px;flex-shrink:0}
 .workspace-ui .workspace-content label:has(>input[type=checkbox]),.workspace-ui .workspace-content label:has(>input[type=radio]){min-height:44px;align-content:center}
 .workspace-ui .workspace-content :is(.table-responsive,.tablewrap,.table-wrap,.overflow-x-auto){overflow-x:auto!important;max-width:100%;min-width:0;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 .cu-table-scroll{overflow-x:auto;max-width:100%;min-width:0;border-radius:12px;border:1px solid var(--ws-border,#dde5ef)}
 .cu-table-hint{display:block;font-size:12px;color:var(--ws-muted,#64748b);margin:8px 0;line-height:1.5}
 .workspace-ui .workspace-content table{min-width:620px}
 .workspace-ui .workspace-content td{white-space:normal;overflow-wrap:break-word}
 .workspace-ui .erp-dashboard :is(.erp-panel-head,.erp-head){gap:10px;flex-wrap:wrap}
 .workspace-ui .erp-dashboard .erp-kpi-foot{flex-wrap:wrap}
 .workspace-ui .erp-dashboard .erp-main-grid{grid-template-columns:minmax(0,1fr)!important}
 .workspace-ui .erp-dashboard .erp-col:last-child{display:flex!important;grid-column:auto}
 .workspace-ui .erp-dashboard .erp-complaint-title{white-space:normal;overflow-wrap:anywhere}
 .workspace-ui .erp-dashboard .erp-view{min-height:44px;display:inline-flex;align-items:center}
 .workspace-ui .erp-dashboard .erp-notification-actions{flex-wrap:wrap}
 .app-mobile-menu{max-height:calc(100dvh - 68px);overflow-y:auto}
 .pwa-install-card{bottom:max(12px,env(safe-area-inset-bottom))}
 .pwa-install-close{width:44px;height:44px;right:0;top:0}
}
@media screen and (max-width:640px){
 .workspace-ui .workspace-content .cu-mobile-form-grid{grid-template-columns:minmax(0,1fr)!important}
 .workspace-ui .workspace-content .cu-mobile-form-grid>*{min-width:0;grid-column:auto!important}
 .workspace-ui .workspace-content form :is(.flex,.cu-mobile-form-flex){flex-wrap:wrap;gap:10px}
 .workspace-ui .workspace-content :is(.toolbar,.filters,.filter-bar){flex-wrap:wrap;gap:10px}
 .workspace-ui .workspace-content :is(.toolbar,.filters,.filter-bar)>*{max-width:100%;min-width:0}
 .workspace-ui .erp-dashboard .erp-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .workspace-ui .erp-dashboard .erp-status{flex-wrap:wrap;justify-content:center}
 .workspace-ui .erp-dashboard .erp-legend{min-width:140px}
 .workspace-ui .erp-dashboard .erp-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .workspace-ui .erp-dashboard .erp-kpi{padding:12px!important}
 .workspace-ui .erp-dashboard .erp-kpi-label{font-size:12px!important}
 .workspace-auth .left{padding:18px 20px!important}
 .workspace-auth .brand{gap:12px}
 .workspace-auth .brand h1{font-size:23px!important;line-height:1.2}
 .workspace-auth .univ{font-size:10px;letter-spacing:.04em;line-height:1.5;margin-top:6px}
 .workspace-auth .right{padding:18px 12px 28px!important}
 .workspace-auth .form{padding:22px 18px!important;border-radius:16px}
 .workspace-auth .lock{width:44px;height:44px;font-size:21px;margin-bottom:10px}
 .workspace-auth .heading p{margin-bottom:20px}
 .workspace-auth .row{flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px}
 .workspace-auth :is(.remember,.forgot){min-height:44px;display:inline-flex;align-items:center}
 .workspace-auth .foot{flex-wrap:wrap;gap:8px;line-height:1.5}
 .workspace-ui .workspace-content>section,.workspace-ui .workspace-content>form>section{padding:20px 16px}
 .workspace-ui .workspace-content h1{overflow-wrap:break-word}
}
@media(prefers-reduced-motion:reduce){.dept-sidebar{transition:none!important}}
@media print{.cu-menu-close,.cu-table-hint{display:none!important}.cu-table-scroll{overflow:visible;border:0}}

/* Mobile-wide ergonomics for all Engineering ERP workspaces (14 Nov 2026). */
@media screen and (max-width:850px){
 .workspace-ui .dept-sidebar{width:min(320px,88vw)}
 .workspace-ui .dept-nav :is(a,button){min-height:44px;align-items:center}
 .workspace-ui .dept-main,.workspace-ui .dept-content,.workspace-ui .workspace-content{min-width:0;max-width:100%}
 .workspace-ui .workspace-content :is(.panel,.lc-panel,.lc-card,.sr-card,.sr-workspace,.sr-grid,.sr-row,.sr-metrics,.sr-actions,.sr-nav){min-width:0;max-width:100%}
 .workspace-ui .workspace-content :is(.sr-table,.sr-search-results,.cu-table-scroll){-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
 .workspace-ui .workspace-content :is(.sr-search-wrapper,.sr-row>*,.sr-grid>*,.sr-inline>*){min-width:0}
 .workspace-ui .workspace-content :is(img,svg,video,canvas){max-width:100%;height:auto}
 .workspace-ui .workspace-content :is(h1,h2,h3,p,.sr-heading,.sr-note,.lc-panel-head){overflow-wrap:anywhere}
 .workspace-ui .workspace-content :is(.sr-btn,.sr-nav a,.sr-actions a,.sr-actions button){min-height:44px;align-items:center;white-space:normal;text-align:center}
 .workspace-ui .workspace-content :is(.sr-grid,.sr-grid.two){grid-template-columns:minmax(0,1fr)}
 .workspace-ui .workspace-content .sr-actions{display:flex;flex-wrap:wrap;gap:9px}
 .workspace-ui .workspace-content .sr-actions>*{min-width:0;max-width:100%}
 .workspace-ui .workspace-content .sr-row.recovery{grid-template-columns:repeat(2,minmax(0,1fr))}
 .workspace-ui .workspace-content .sr-row.recovery .wide{grid-column:1/-1}
 .workspace-ui .workspace-content .sr-inline{flex-wrap:wrap;gap:9px}
 .workspace-ui .workspace-content .sr-inline>*{min-width:0}
 .workspace-ui .workspace-content .sr-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media screen and (max-width:480px){
 .workspace-ui .dept-topbar{padding-inline:10px;gap:6px}
 .workspace-ui .dept-top-actions{gap:4px!important}
 .workspace-ui .dept-welcome-title{font-size:13px!important}
 .workspace-ui .workspace-content .sr-row,.workspace-ui .workspace-content .sr-row.standing{grid-template-columns:minmax(0,1fr)!important}
 .workspace-ui .workspace-content .sr-row button{width:100%;justify-self:stretch}
 .workspace-ui .workspace-content .sr-row.recovery{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .workspace-ui .workspace-content .sr-card{padding:14px 12px}
 .workspace-ui .workspace-content .sr-metric{padding:12px 10px}
 .workspace-ui .workspace-content .sr-metric strong{font-size:20px}
 .workspace-ui .workspace-content .sr-actions :is(button,a){flex:1 1 135px}
 .workspace-ui .workspace-content .sr-search-results{max-height:min(260px,45dvh)}
 .workspace-ui .workspace-content .sr-search-option{min-height:44px}
}

/* Reachable action and breadcrumb tap targets on narrow phones. */
@media screen and (max-width:850px){
 .workspace-ui .workspace-content :is(a.action-btn,a.btn,.breadcrumb a,.breadcrumbs a,.sr-card a[href*="operation"],.sr-card a[href*="receipt"]){display:inline-flex;align-items:center;min-height:44px;max-width:100%;overflow-wrap:anywhere}
 .workspace-ui .workspace-content :is(.report-panel .actions,.report-panel .toolbar,.sr-actions){flex-wrap:wrap;gap:8px}
 .workspace-ui .workspace-content .report-panel .actions>*{min-width:0}
 .workspace-ui .workspace-content .sr-btn,.workspace-ui .workspace-content a.action-btn{padding-block:10px}
}

/* Verified 360–768px touch-target corrections: intake language/voice and report paging. */
@media screen and (max-width:850px){
 #engineering-typing-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;max-width:100%}
 #engineering-typing-toolbar button{min-width:44px;min-height:44px!important;padding:9px 12px!important;touch-action:manipulation}
 .workspace-ui .workspace-content .reports-page .pagination{justify-content:flex-start;flex-wrap:wrap;gap:8px;row-gap:10px}
 .workspace-ui .workspace-content .reports-page .pagination button{min-width:44px!important;min-height:44px!important;display:inline-flex;align-items:center;justify-content:center}
 .workspace-ui .workspace-content .reports-page .pagination .page-size{min-height:44px;max-width:100%}
 .workspace-ui .workspace-content .reports-page .report-tabs{overscroll-behavior-x:contain;scroll-snap-type:x proximity}
 .workspace-ui .workspace-content .reports-page .report-tab{scroll-snap-align:start;min-height:44px}
}