.mobile-section-select{display:none}
.machine-mobile-qr-help{display:none}
.mobile-form-disclosure>summary{display:none}
@media(max-width:800px){
 #claimMachineDialog .machine-desktop-choice,#claimMachineDialog .machine-desktop-start{display:none}
 #claimMachineDialog .machine-mobile-qr-help{display:block;line-height:1.5}
 .mobile-form-disclosure{margin:10px 0}.mobile-form-disclosure>summary{display:block;cursor:pointer;padding:12px;background:#e7f1f2;border:1px solid #b9c8d2;border-radius:8px;font-weight:600}.mobile-form-disclosure>summary::before{content:'＋ ';color:#087f83}.mobile-form-disclosure[open]>summary::before{content:'− '}.mobile-form-disclosure>section>h2:first-child{display:none}
 .queue-desktop{display:none}.queue-mobile{display:block}.employee-name-full{display:none}.employee-name-short{display:inline;white-space:nowrap}
 body{font-size:16px}header{padding:10px;gap:6px}header>b{font-size:15px}#account{font-size:13px;max-width:100%}#account>span{overflow-wrap:anywhere}
 main,main:has(.orders-list-table),main:has(.production-board){width:100%;max-width:100%;padding:8px;min-width:0}
 nav#mainNav{padding:0 8px;margin:8px auto;max-width:100%}nav#mainNav .navButton{display:none}.mobile-section-select{display:block;width:100%;font-size:16px;min-height:44px;margin:0}
 h1{font-size:23px;margin:12px 0}h2{font-size:19px}h3{font-size:17px}section,.card{padding:10px;margin:8px 0;min-width:0;max-width:100%}
 button,input,select,textarea{max-width:100%;font-size:16px;min-height:44px}input,select,textarea{min-width:0}input[type=checkbox]{min-height:22px}
 .grid,.grid.three,.order-line{grid-template-columns:minmax(0,1fr)}.grid>*,.operation .body,.operation-title{min-width:0}
 .titleRow,.route-card-header,.operation-heading{flex-wrap:wrap;gap:8px}.stock-mode-switch,.segmented{flex-wrap:wrap;gap:6px}.stock-mode-switch button{flex:1;white-space:normal}
 .orders-sort label{display:block;width:100%}.orders-sort select{min-width:0;width:100%}.orders-list-container,.wide,.board-scroll,.heatTable{max-height:none;overflow:visible;min-width:0}
 table.mobile-card-table{display:block!important;width:100%!important;min-width:0!important;table-layout:auto!important;border:0;font-size:15px!important}
 table.mobile-card-table thead{display:none!important}table.mobile-card-table tbody{display:block;width:100%}
 table.mobile-card-table tbody tr{display:block;border:1px solid #ccd8de;border-radius:8px;background:#fff;margin:8px 0;padding:6px;width:100%;min-width:0}
 table.mobile-card-table tbody tr[hidden]{display:none!important}table.mobile-card-table tbody tr[data-mobile-context]:not([data-mobile-context=""])::before{content:attr(data-mobile-context);display:block;padding:6px;font-weight:600;color:#087f83;overflow-wrap:anywhere}
 table.mobile-card-table tbody td{display:grid!important;grid-template-columns:minmax(85px,38%) minmax(0,1fr);gap:3px 8px;text-align:left!important;align-items:center;width:auto!important;min-width:0!important;max-width:100%;padding:7px 4px!important;border:0!important;border-bottom:1px solid #edf1f3!important;white-space:normal!important;overflow-wrap:anywhere;font-size:15px!important;background:transparent}
 table.mobile-card-table td::before{content:attr(data-label)!important;display:block;font-size:12px!important;color:#607586;font-weight:500;grid-row:1/20;align-self:start;padding-top:3px}
 table.mobile-card-table td>*{min-width:0;max-width:100%}table.mobile-card-table td br{display:none}table.mobile-card-table td button{font-size:15px!important;padding:6px!important;white-space:normal}
 table.mobile-card-table td .order-number-actions{justify-content:flex-start;flex-wrap:wrap}.order-add-plus{min-height:32px;width:32px!important;height:32px!important}
 .operation,.operation:has(.operation-complete){grid-template-columns:28px minmax(0,1fr)}.operation .body{padding:9px}.operation .operation-complete{grid-column:1/-1;border-left:0;min-height:48px}.operation .operation-complete br{display:none}.operation-timing{border-left:0;max-width:100%;white-space:normal;font-size:12px}
 .operation .actions button{width:100%}.packaging-field,.pickling-field{flex-wrap:wrap}.packaging-field select,.pickling-field input{width:140px;min-height:44px}
 .operation-history{margin:5px 0}
 .operation-history table.mobile-card-table tbody tr{margin:4px 0;padding:3px 4px;border-radius:5px}
 .operation-history table.mobile-card-table tbody td{padding:2px 0!important;gap:0 6px;grid-template-columns:minmax(98px,42%) minmax(0,1fr);font-size:14px!important;line-height:1.25;align-items:start}
 .operation-history table.mobile-card-table td::before{grid-row:auto;align-self:auto;padding-top:0;line-height:1.25}
 .operation-history p{margin:3px 0;line-height:1.3;font-size:13px}
 .operation-heading{gap:4px}
 .operation-heading .operation-timing{padding-left:0;border-left:0;margin:3px 0;font-size:12px;line-height:1.3}
 .route-input-cells{grid-template-columns:repeat(4,minmax(0,1fr))}.route-input-cells input{font-size:16px}.completed-route-cells,.route-chain{flex-wrap:wrap;max-width:100%;gap:5px}.completed-route summary{flex-wrap:wrap}.route-chain-step{white-space:normal}
 .heat-form-details{display:block}.heat-form-details>label,.heat-form-details .grade-picker{width:100%}.heat-composition{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.heat-composition label{width:100%!important;min-width:0}.heat-composition input{font-size:16px}
 .machine-form fieldset{padding:8px;gap:8px}.machine-form fieldset label{width:100%}.attendance-table .actions{flex-direction:row;flex-wrap:wrap}.attendance-table .actions button{flex:1}.attendance-table select{width:100%;min-width:0}
 .completed-result-line,.workers,.muted,section p{overflow-wrap:anywhere}.worker-queue-card{min-height:100px}.worker-queue-state{max-width:120px}.crm-history-controls{padding:4px 8px}.crm-history-controls button{flex:1;min-height:40px}
 dialog{max-width:calc(100vw - 20px);max-height:90dvh;overflow:auto;padding:14px}
}