/* Compact desktop typography and a phone layout over the existing theme. */
body{font-size:.8125rem;line-height:1.55}h1,.catalog-workspace h1{font-size:1.375rem;line-height:1.35;letter-spacing:0}h2{font-size:1rem}h3{font-size:.9375rem}p,.panel-body p,.catalog-workspace p,.catalog-simple-form>p{font-size:.8125rem;line-height:1.65}button,.link-button,input,select,textarea{font-size:.8125rem}label,.catalog-simple-form label,.catalog-bom-main label,.bom-details label,.catalog-workspace th{font-size:.8125rem}.catalog-workspace{font-size:.8125rem}.catalog-workspace .badge,.catalog-workspace .order-link,.catalog-facts dd,.catalog-detail-tabs .tab{font-size:.8125rem}table,.catalog-table,.catalog-cost-table{font-size:.8125rem}th,td small,.catalog-workspace td small,.catalog-facts dt{font-size:.75rem}th{padding:10px 14px}td{padding:13px 14px}.badge{font-size:.75rem}.page-head{margin-bottom:18px}.panel{margin-bottom:16px;border-radius:9px}.panel-head,.panel-body{padding:16px}.toolbar{padding:12px 16px}.brand{font-size:1.125rem;margin-bottom:26px}.brand-icon{width:34px;height:36px}.sidebar{width:212px;padding:25px 14px}.nav-item{font-size:.8125rem;padding:10px 12px}.topbar{margin-bottom:20px}.topbar-right{gap:8px}.topbar-right button{padding:7px 10px;font-size:.75rem}.topbar-right .avatar{width:30px;height:30px;font-size:.75rem}main{margin-left:212px;padding-left:28px;padding-right:28px}.stat{padding:16px}.stat-value{font-size:1.5rem;letter-spacing:0}.stat:last-child .stat-value{font-size:1.375rem}.stat-top,.stat-footer,.stat-value small{font-size:.75rem}.catalog-cost-preview{padding:20px;gap:10px}.catalog-cost-preview>strong{font-size:1.375rem}.catalog-cost-preview>small,.catalog-cost-preview>span{font-size:.8125rem}.catalog-cost-totals strong{font-size:1.2rem}.catalog-cost-totals span{font-size:.8125rem}.catalog-detail-tabs .tab{padding:9px 14px}.catalog-facts{gap:14px;margin:18px 0}.catalog-task-grid .panel-body{gap:10px}.modal-head,.modal-foot{padding:15px 18px}.modal-body{padding:18px}.modal-head h2{font-size:1rem}.mobile-navigation{display:none}.phone-connect h3{margin:22px 0 12px}.phone-address{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px;background:#f3f7ef;border:1px solid #d8e5d4;border-radius:8px;margin-bottom:10px}.phone-address>span{font-size:.75rem;color:#56715c}.phone-address>a{font-size:.875rem;overflow-wrap:anywhere;flex:1}.phone-code{font-size:2rem;font-weight:700;letter-spacing:.3em;color:#1c5135;background:#eff6e9;padding:14px 18px;border-radius:9px;display:inline-block;font-variant-numeric:tabular-nums}.phone-session-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px}.phone-signin{margin:0 auto;padding:32px 18px;max-width:450px}.phone-signin .panel-body{padding:26px}.phone-signin .brand{color:#1b4736;margin:0 0 28px}.phone-signin .brand small{color:#5d7564}.phone-signin h1{font-size:1.35rem}.phone-signin form{display:grid;gap:18px;margin-top:22px}.phone-signin input{font-size:1.5rem;letter-spacing:.28em;text-align:center;font-variant-numeric:tabular-nums;width:100%}.phone-signin button{min-height:44px}.phone-signin-foot{margin-top:20px;color:#6b7d6e;font-size:.75rem!important}body[data-remote=true] button[data-action=open-folder],body[data-remote=true] button[data-nav=settings]{display:none}
@media(min-width:1500px){main{padding-left:32px;padding-right:32px}.stat{padding:18px}td{padding-top:14px;padding-bottom:14px}}
@media(max-width:780px){
 :root{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-size:.8125rem}body,main,#app{max-width:100%;min-width:0}main{margin-left:0;padding:0 12px max(24px,env(safe-area-inset-bottom));overflow-x:clip}.sidebar{position:sticky;top:0;inset:auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;max-width:100%;padding:10px 12px;gap:12px;z-index:20}.sidebar .brand{margin:0;gap:8px;font-size:1rem;letter-spacing:0;flex-shrink:0}.sidebar .brand small,.sidebar nav,.sidebar-bottom{display:none}.brand-icon{width:30px;height:32px;border-radius:7px}.mobile-navigation{display:block;min-width:0}.mobile-navigation label{display:flex;flex-direction:row;align-items:center;gap:6px;font-size:0}.mobile-navigation select{font-size:.875rem;min-height:40px;max-width:180px;padding:7px 26px 7px 10px;background:#174b3e;color:#fff;border-color:#547768}.topbar{height:auto;min-height:46px;margin-bottom:14px;gap:10px}.topbar>span,.topbar .local-badge,.topbar .avatar,.topbar-right>span{display:none}.topbar-right{width:100%;justify-content:flex-end;gap:7px}.topbar-right button{min-height:36px;padding:6px 10px;font-size:.75rem}.page-head{gap:10px;margin-bottom:16px}.page-head .actions{justify-content:flex-start;flex-wrap:wrap;gap:8px;width:100%}h1,.catalog-workspace h1{font-size:1.25rem}.page-head p{margin-top:5px;font-size:.8125rem}.eyebrow{display:none}button,.link-button{min-height:40px;padding:9px 12px;font-size:.8125rem}input,select,textarea{font-size:16px;min-height:42px;width:100%;max-width:100%}input[type=checkbox]{width:18px;min-height:18px}input[type=number]{min-width:0}label{min-width:0}.search,.search input{width:100%;min-width:0}.catalog-toolbar .search{min-width:0}.toolbar{padding:12px;gap:12px}.catalog-toolbar label{min-width:0;flex:1 1 120px}.catalog-toolbar .search{flex-basis:100%}.panel-head,.panel-body{padding:14px}.panel-head{flex-wrap:wrap}.panel-head>div{min-width:0}.panel{margin-bottom:14px}.tabs{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:5px;scrollbar-width:thin}.tab{flex-shrink:0;white-space:nowrap;font-size:.8125rem}.catalog-list-bar{padding:0 12px 12px}.catalog-list-bar .tabs{width:100%}.catalog-detail-tabs{gap:4px;margin-bottom:16px}.catalog-detail-tabs .tab{padding:8px 10px;font-size:.8125rem;min-height:40px}.catalog-cost-tabs{padding:12px}.catalog-product-bar{gap:10px;margin-bottom:14px;font-size:.75rem}.catalog-product-bar button{margin-left:0}.catalog-facts{gap:14px}.catalog-facts dd{font-size:.875rem}.catalog-overview-grid,.catalog-file-grid,.grid2,.grid3,.catalog-bom-main,.bom-main-grid,.cost-row-fields{grid-template-columns:1fr}.catalog-cost-preview{padding:16px}.catalog-cost-preview>strong{font-size:1.25rem}.catalog-task-grid .panel-body{display:flex;gap:9px;align-items:flex-start}.catalog-cost-totals{gap:8px}.catalog-cost-totals>div{padding:12px 14px}.catalog-cost-totals strong{font-size:1.1rem}.cost-toolbar{gap:10px}.cost-toolbar label{flex:1 1 100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.cost-toolbar input{width:110px}.cost-toolbar .link-button{margin-left:0}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat{padding:12px}.stat-value{font-size:1.3rem}.stat:last-child .stat-value{font-size:1.05rem;white-space:normal;overflow-wrap:anywhere}.stat-footer{display:none}.stat-icon{display:none}.step-bar{gap:8px}.step{padding:12px}.step small,.step-bar .step:last-child small{font-size:.8125rem}.supply-group .actions,.next-item .actions{justify-content:flex-start;flex-wrap:wrap}.overview-links{gap:8px}.bom-card,.cost-edit-card{padding:14px}.bom-row-head{gap:8px;flex-wrap:wrap}.route-caption{font-size:.75rem}.expense-template{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.expense-template label:first-child{grid-column:1/-1}.location-chips{min-width:0}.file-row{flex-wrap:wrap}.file-row>span,.file-row>div{min-width:0;overflow-wrap:anywhere}.catalog-upload{padding:14px}.phone-address{align-items:flex-start}.phone-address>a{flex-basis:100%}.phone-code{font-size:1.7rem}.phone-signin{padding:25px 14px}.phone-signin input{font-size:1.5rem}.phone-signin .panel-body{padding:22px}.breadcrumb{font-size:.75rem;overflow-wrap:anywhere}.hint,.catalog-more summary{font-size:.8125rem}
 /* Only the table scroll area may scroll sideways; primary data tables become cards. */
 .table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.mobile-stack{min-width:0!important;display:block;width:100%}.mobile-stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.mobile-stack tbody{display:block;padding:0 12px 12px}.mobile-stack tr{display:block;background:#fff;border:1px solid #dce6d7;border-radius:8px;margin-top:12px;overflow:hidden}.mobile-stack td{display:grid;grid-template-columns:94px minmax(0,1fr);gap:5px 10px;width:100%;padding:9px 12px;font-size:.8125rem;white-space:normal!important;overflow-wrap:anywhere;text-align:left;align-items:start}.mobile-stack td:before{content:attr(data-label);font-size:.75rem;color:#627466;grid-column:1;grid-row:1/99}.mobile-stack td>*{grid-column:2;min-width:0}.mobile-stack td:first-child{border-top:0;background:#f4f8f1}.mobile-stack td[colspan]{display:block;padding:22px 14px}.mobile-stack td[colspan]:before{display:none}.mobile-stack .order-link{font-size:.875rem;white-space:normal;text-align:left;justify-content:flex-start;min-height:30px;padding:0}.mobile-stack .supplier-row-actions{flex-wrap:wrap}.mobile-stack td .progress{max-width:100%}.mobile-stack .text-right{text-align:left}.mobile-stack td .nowrap{white-space:normal}.catalog-cost-table td:first-child{width:100%}.catalog-row-details{width:100%}.mobile-stack .catalog-route-next{margin-top:5px;padding-top:8px}
 /* One scrolling body keeps Save reachable with the phone keyboard open. */
 dialog,dialog.wide{width:calc(100% - 16px);max-width:100%;height:auto;max-height:calc(100dvh - 16px);margin:auto;padding:0;border-radius:10px}dialog[open]{display:flex;flex-direction:column}dialog form{display:flex;flex-direction:column;min-height:0;max-height:calc(100dvh - 16px);width:100%;margin:0}.modal-head{flex-shrink:0;padding:12px 14px;gap:8px}.modal-head h2{font-size:.9375rem;overflow-wrap:anywhere}.modal-body{padding:14px;min-height:0;overflow-y:auto;max-height:none;overscroll-behavior:contain}.modal-foot{flex-shrink:0;padding:12px 14px max(12px,env(safe-area-inset-bottom));gap:10px;background:white}.modal-foot button{min-height:44px}.modal-foot .primary{flex:1}.batch-table{min-width:510px}.batch-table th,.batch-table td{padding:10px;font-size:.8125rem}.batch-table input[type=number]{width:85px}.cost-edit-tabs{top:-14px}.cost-row-fields label:first-child{grid-column:auto}.cost-rates-table{min-width:600px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#toast{left:50%;bottom:max(16px,env(safe-area-inset-bottom));font-size:.8125rem;width:max-content;max-width:calc(100% - 24px);padding:12px 16px}
}
@media(max-width:780px){.mobile-stack td{display:block;position:relative;padding-left:112px;min-height:46px}.mobile-stack td:before{position:absolute;left:12px;top:10px;width:90px;grid-row:auto;grid-column:auto}.mobile-stack td>*{grid-column:auto}.mobile-stack td[colspan]{padding-left:14px}h1,h2,.catalog-workspace h1{overflow-wrap:anywhere}}
.phone-signin #internet-username,.phone-signin #internet-password{font-size:1rem}.phone-signin #internet-login-form{display:grid;gap:14px}
