/* Operation forms fill the workspace; scanner drawers retain their own widths. */
@media screen{
 .modal{padding:8px;align-items:flex-start}
 html.xtrace-shell .modal{padding:8px}
 .modal>.card:not(.scanner-card){box-sizing:border-box;width:100%!important;max-width:100%!important;min-width:0;max-height:calc(100dvh - var(--app-top,0px) - 16px)!important;overflow:auto;padding:12px}
 .modal>.card .grid{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}
 .modal>.card .grid>*{min-width:0}
 .modal>.card .bar{flex-wrap:wrap}
 .modal>.card table{max-width:100%}
 .modal .esf-editor-table{width:100%;min-width:1000px;table-layout:fixed}
 .modal .esf-editor-table :is(th,td){padding:5px 4px;white-space:normal;overflow-wrap:anywhere;font-size:11px;line-height:1.3}
 .modal .esf-editor-table :is(td,th):nth-child(1){width:4%}
 .modal .esf-editor-table :is(td,th):nth-child(2){width:14%}
 .modal .esf-editor-table :is(td,th):nth-child(3){width:12%}
 .modal .esf-editor-table :is(td,th):nth-child(4){width:8%}
 .modal .esf-editor-table :is(td,th):nth-child(5){width:10%}
 .modal .esf-editor-table :is(td,th):nth-child(6){width:5%}
 .modal .esf-editor-table :is(td,th):nth-child(7){width:6%}
 .modal .esf-editor-table :is(td,th):nth-child(8){width:6%}
 .modal .esf-editor-table :is(td,th):nth-child(9){width:7%}
 .modal .esf-editor-table :is(td,th):nth-child(10){width:4%}
 .modal .esf-editor-table :is(td,th):nth-child(11){width:6%}
 .modal .esf-editor-table :is(td,th):nth-child(12){width:7%}
 .modal .esf-editor-table :is(td,th):nth-child(13){width:9%}
 .modal .esf-editor-table :is(td,th):nth-child(14){width:2%}
 .modal .esf-editor-table :is(td,input,select,small){min-width:0!important;max-width:100%}
 .modal .esf-editor-table :is(input,select){width:100%;font-size:11px;padding:5px 3px}
 .modal .esf-editor-table input[type=number]{appearance:textfield;-moz-appearance:textfield}
 .modal .esf-editor-table input::-webkit-inner-spin-button,.modal .esf-editor-table input::-webkit-outer-spin-button{appearance:none;margin:0}
 .modal .esf-editor-table .mark-column{width:auto;min-width:0}
 .modal .esf-editor-table button{max-width:100%;padding:3px;min-width:0}
}
@media screen and (min-width:1000px){
 .modal>.card:not(.scanner-card) table{width:100%!important;min-width:0!important;table-layout:fixed}
 .modal>.card:not(.scanner-card) table :is(th,td){min-width:0!important;white-space:normal;overflow-wrap:anywhere}
 .modal>.card:not(.scanner-card) table :is(input,select,textarea,small){min-width:0!important;max-width:100%}
 .modal>.card:not(.scanner-card) table :is(input,select,textarea){width:100%}
 .modal>.card:not(.scanner-card) table td.act{white-space:normal}
 .modal>.card:not(.scanner-card) table:not(.esf-editor-table) :is(col,th){width:auto!important}
}
@media screen and (max-width:700px){
 .modal,html.xtrace-shell .modal{padding:4px}
 .modal>.card:not(.scanner-card){padding:8px;max-height:calc(100dvh - var(--app-top,0px) - 8px)!important}
 .modal .esf-editor-table{min-width:1000px!important}
}

@media screen{.modal #lines .warehouse-product-cell{display:flex;flex-direction:column;align-items:stretch;gap:4px;min-width:0;max-width:100%}.modal #lines .warehouse-product-cell select{width:100%!important;min-width:0!important;flex:0 0 auto}.warehouse-product-barcode{white-space:normal;overflow-wrap:anywhere;font-size:10px;color:var(--m)}}