/* Beauty Foam ERP — shared compact interface contract */
:root{
  --ui-line:#aebfcb;
  --ui-line-soft:#cfdae2;
  --ui-ink:#102f45;
  --ui-muted:#526a7b;
  --ui-surface:#fff;
  --ui-surface-soft:#f4f7f9;
  --ui-blue:#146b9c;
  --ui-green:#16805d;
  --ui-radius:5px;
  --ui-control:26px;
}

/* Product-scoped transaction units: compact, explicit and readable. */
.catalog-uom-picker{display:flex;flex-wrap:wrap;gap:4px;min-height:28px;padding:3px;border:1px solid var(--line,#b8cadd);border-radius:6px;background:#fff}
.catalog-uom-option{display:flex;align-items:center;gap:5px;min-width:118px;padding:3px 6px;border:1px solid #d3dfeb;border-radius:5px;background:#f8fbfe;cursor:pointer}
.catalog-uom-option:has(input:checked){border-color:#1673aa;background:#eef8ff}
.catalog-uom-option input{width:14px;height:14px;margin:0}
.catalog-uom-option span{display:flex;align-items:baseline;gap:4px;white-space:nowrap}
.catalog-uom-option strong{font-size:12px;color:#132f48}
.catalog-uom-option small,.catalog-uom-empty{font-size:10px;color:#526b80}
.catalog-uom-option.storage-uom{border-color:#6f899d;background:#eef3f6;cursor:default}
.catalog-uom-option:not(.storage-uom):has(input:checked){border-color:#15805d;background:#eef9f5}
.catalog-uom-summary{display:block;margin-top:3px;color:#405c70;font-size:10px;font-weight:700}

/* Multi-line warehouse documents stay dense; calculated values only come back from PostgreSQL. */
.warehouse-movement-lines{grid-column:1/-1;min-width:0;margin:1px 0 2px}
.warehouse-movement-lines-head{display:flex;align-items:center;justify-content:space-between;min-height:27px;padding:2px 0}
.warehouse-movement-lines-head strong{font-size:12px;color:var(--ui-ink)}
.warehouse-movement-lines .table-wrap{max-height:46vh;border:1px solid var(--ui-line);border-radius:5px}
.warehouse-movement-lines table{min-width:1120px;table-layout:fixed}
.warehouse-movement-lines th,.warehouse-movement-lines td{padding:2px 3px!important}
.warehouse-movement-lines th{font-size:10px;white-space:nowrap}
.warehouse-movement-lines th:nth-child(1){width:28px}.warehouse-movement-lines th:nth-child(2){width:210px}.warehouse-movement-lines th:nth-child(3){width:76px}.warehouse-movement-lines th:nth-child(4){width:90px}.warehouse-movement-lines th:nth-child(5),.warehouse-movement-lines th:nth-child(6),.warehouse-movement-lines th:nth-child(7){width:67px}.warehouse-movement-lines th:nth-child(8){width:82px}.warehouse-movement-lines th:nth-child(9){width:105px}.warehouse-movement-lines th:nth-child(10){width:115px}.warehouse-movement-lines th:nth-child(11){width:78px}.warehouse-movement-lines th:nth-child(12){width:140px}.warehouse-movement-lines th:nth-child(13){width:30px}
.warehouse-movement-lines input,.warehouse-movement-lines select{width:100%;height:27px!important;min-height:27px!important;padding:2px 4px!important;border:1px solid #90a7bb;border-radius:4px;background:#fff;color:var(--ui-ink);font-size:10px!important}
.database-calculated-value{display:inline-flex;align-items:center;justify-content:center;min-height:25px;width:100%;padding:2px 4px;border:1px dashed #8aa2b5;border-radius:4px;background:#f4f8fa;color:#3f6074;font-size:9px;font-weight:800;white-space:nowrap}

/* A document header must remain one compact command row in details mode. */
#order-details-view>.order-detail-header{min-height:32px!important;padding:3px 5px!important;margin:0 0 4px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;flex-wrap:nowrap!important;overflow-x:auto}
#order-details-view .document-title{display:flex;align-items:center;gap:5px;min-width:max-content}
#order-details-view .document-title .eyebrow{display:none}
#order-details-view .document-title h1{font-size:15px!important;line-height:1!important;margin:0!important}
#order-details-view .document-header-actions{display:flex;align-items:center;justify-content:flex-start;gap:3px;min-width:max-content;margin-inline-start:auto}
#order-details-view .document-header-actions .button,#order-details-view .document-title .icon-button{min-height:23px!important;height:23px!important;padding:2px 7px!important;font-size:11px!important;border-radius:4px!important}
#order-detail-status{font-size:10px!important;padding:2px 6px!important}
@media(max-width:760px){#order-details-view>.order-detail-header{overflow-x:auto;scrollbar-width:thin}#order-details-view .document-header-actions{margin-inline-start:0}}

/* One header, toolbar and action language throughout the application. */
.app-shell .page-view{padding:2px 6px 10px!important}
.app-shell :where(.page-heading,.document-header,.warehouse-page-heading,.accounting-pro-head,.invoice-workspace-head){
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  width:100%!important;height:24px!important;min-height:24px!important;max-height:24px!important;
  margin:0 0 2px!important;padding:0 2px!important;border-bottom:1px solid var(--ui-line)!important;
  overflow:visible!important;background:transparent!important
}
.app-shell :where(.page-heading h1,.document-title h1,.warehouse-page-heading h1,.accounting-pro-head h1,.invoice-workspace-head h1){
  margin:0!important;font-size:14px!important;line-height:1!important;color:var(--ui-ink)!important;white-space:nowrap
}
.app-shell :where(.page-heading p,.warehouse-page-heading p,.accounting-pro-head p,.invoice-workspace-head p,.page-heading .eyebrow,.warehouse-page-heading .eyebrow,.accounting-pro-head .eyebrow){display:none!important}

.app-shell :where(.button,.small-action,.doc-action),
.modal-layer :where(.button,.small-action,.doc-action){
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;
  height:var(--ui-control)!important;min-height:var(--ui-control)!important;padding:0 8px!important;
  border:1px solid #9dafbd!important;border-radius:var(--ui-radius)!important;box-shadow:none!important;
  font-size:10px!important;font-weight:850!important;line-height:1!important;white-space:nowrap
}
.app-shell :where(.button.primary,.small-action.primary,.doc-action.print),.modal-layer :where(.button.primary,.small-action.primary){background:var(--ui-blue)!important;border-color:var(--ui-blue)!important;color:#fff!important}
.app-shell :where(.button.success,.small-action.success),.modal-layer :where(.button.success,.small-action.success){background:var(--ui-green)!important;border-color:var(--ui-green)!important;color:#fff!important}
.app-shell :where(.button.danger,.small-action.danger),.modal-layer :where(.button.danger,.small-action.danger){background:#fff4f5!important;border-color:#d3a0a7!important;color:#9c2e3b!important}

.app-shell :where(.sales-order-module-tabs,.accounting-inner-tabs,.accounting-module-tabs,.warehouse-module-tabs,.inventory-content-nav,.catalog-tabs,.approval-tabs){
  display:flex!important;align-items:center!important;gap:2px!important;height:29px!important;min-height:29px!important;
  margin:0 0 3px!important;padding:2px!important;border:1px solid var(--ui-line)!important;border-radius:var(--ui-radius)!important;
  overflow-x:auto!important;overflow-y:hidden!important;background:#e8eef3!important
}
.app-shell :where(.sales-order-module-tabs,.accounting-inner-tabs,.accounting-module-tabs,.warehouse-module-tabs,.inventory-content-nav,.catalog-tabs,.approval-tabs)>button{
  flex:0 0 auto!important;height:24px!important;min-height:24px!important;padding:0 10px!important;border-radius:4px!important;font-size:10px!important;white-space:nowrap
}
.app-shell .unified-tab-actions,.app-shell .sales-cycle-actions{display:flex!important;align-items:center!important;gap:3px!important;margin-right:auto!important;margin-left:0!important;padding:0!important;position:static!important;background:transparent!important}

/* Database filters stay inside the table toolbar and never cover a heading. */
.app-shell .unified-screen-filter{
  position:static!important;inset:auto!important;display:grid!important;
  grid-template-columns:minmax(170px,1fr) 116px 116px 42px 42px!important;align-items:center!important;gap:3px!important;
  width:min(930px,76%)!important;height:27px!important;min-height:27px!important;margin:0 0 0 auto!important;
  padding:1px!important;border:0!important;background:transparent!important;box-shadow:none!important
}
.app-shell .unified-screen-filter :where(input,select,.button){height:24px!important;min-height:24px!important;margin:0!important;padding-block:1px!important}
.app-shell :where(.card-toolbar,.approval-section-head,.warehouse-table-toolbar){height:auto!important;min-height:31px!important;padding:2px 5px!important;gap:5px!important;overflow:visible!important}
.app-shell :where(.card-toolbar,.approval-section-head,.warehouse-table-toolbar)>.unified-screen-filter{margin-right:auto!important;margin-left:0!important}

/* Sales order: explicit widths and stable labels on local and remote browsers. */
.app-shell #editor-view .order-head-grid{
  display:grid!important;
  grid-template-columns:minmax(115px,.65fr) minmax(250px,1.55fr) 82px minmax(180px,1.1fr) 112px 128px minmax(160px,1fr)!important;
  gap:3px 5px!important;align-items:end!important
}
.app-shell #editor-view .order-head-grid>:where(.order-agent-field,.order-customer-field,.order-manual-code-field,.order-manual-name-field,.order-date-field,.order-delivery-date-field,.order-creator-field){grid-column:auto!important}
.app-shell #editor-view .order-head-grid :where(.field,.order-creator-field){min-width:0!important;margin:0!important}
.app-shell #editor-view .order-head-grid .field>span,.app-shell #editor-view .order-creator-field>span{
  display:block!important;min-height:13px!important;margin:0 0 2px!important;font-size:10px!important;font-weight:850!important;
  line-height:1.15!important;color:var(--ui-ink)!important;white-space:nowrap!important;overflow:visible!important
}
.app-shell #editor-view .order-head-grid :where(input,select,.smart-select-trigger){width:100%!important;height:26px!important;min-height:26px!important;padding:2px 5px!important;font-size:10px!important}
.app-shell #editor-view .order-head-grid small{display:none!important}
.app-shell #editor-view .order-manual-code-field input{direction:ltr!important;text-align:center!important;font-family:Consolas,monospace!important}

.app-shell #editor-view .professional-lines-table{width:100%!important;min-width:0!important;table-layout:fixed!important}
.app-shell #editor-view .professional-lines-table th:nth-child(1){width:28px!important}
.app-shell #editor-view .professional-lines-table th:nth-child(2){width:24%!important}
.app-shell #editor-view .professional-lines-table th:nth-child(3){width:8%!important}
.app-shell #editor-view .professional-lines-table th:nth-child(4){width:9%!important}
.app-shell #editor-view .professional-lines-table th:nth-child(5),.app-shell #editor-view .professional-lines-table th:nth-child(6),.app-shell #editor-view .professional-lines-table th:nth-child(7){width:7%!important}
.app-shell #editor-view .professional-lines-table th:nth-child(8){width:8%!important}
.app-shell #editor-view .professional-lines-table th:nth-child(9){width:9%!important}
.app-shell #editor-view .professional-lines-table th:nth-child(10){width:10%!important}
.app-shell #editor-view .professional-lines-table th:nth-child(11){width:52px!important}
.app-shell #editor-view .professional-lines-table th{height:21px!important;padding:2px 3px!important;font-size:9px!important;line-height:1!important;text-align:center!important;white-space:nowrap!important}
.app-shell #editor-view .line-main-row td{height:31px!important;padding:3px!important}
.app-shell #editor-view .measure-input-cell .line-input{width:100%!important;min-width:0!important;text-align:center!important;padding-inline:2px!important}
.app-shell #editor-view .professional-lines-table td{min-width:0!important;overflow:visible!important}
.app-shell #editor-view .professional-lines-table td:nth-child(4) :where(.smart-select,.smart-select-input,.smart-select-trigger,select){width:100%!important;min-width:0!important;max-width:100%!important}
.app-shell #editor-view .professional-lines-table td:nth-child(4) :where(.smart-select-input,.smart-select-trigger){overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;padding-inline:22px 3px!important}
.measure-empty{display:block;text-align:center;color:#758896;font-weight:850}

/* The agent portal follows the same order-entry rhythm and line controls. */
#agent-portal-shell .order-entry-head{display:grid!important;grid-template-columns:minmax(260px,2fr) 145px 155px!important;gap:5px!important;align-items:end!important;padding:0 0 5px!important}
#agent-portal-shell .order-entry-head .field{min-width:0!important;margin:0!important;gap:2px!important}
#agent-portal-shell .order-entry-head .field>span{display:block!important;margin:0!important;font-size:10px!important;font-weight:900!important;line-height:13px!important;color:var(--ui-ink)!important;white-space:nowrap!important}
#agent-portal-shell .order-entry-head :where(input,select,.smart-select-trigger){width:100%!important;height:27px!important;min-height:27px!important;padding:2px 6px!important}
#agent-portal-shell .agent-lines-table{width:100%!important;min-width:0!important;table-layout:fixed!important}
#agent-portal-shell .agent-lines-table th:nth-child(1){width:28px!important}
#agent-portal-shell .agent-lines-table th:nth-child(2){width:24%!important}
#agent-portal-shell .agent-lines-table th:nth-child(3){width:8%!important}
#agent-portal-shell .agent-lines-table th:nth-child(4){width:9%!important}
#agent-portal-shell .agent-lines-table th:nth-child(5),#agent-portal-shell .agent-lines-table th:nth-child(6),#agent-portal-shell .agent-lines-table th:nth-child(7){width:7%!important}
#agent-portal-shell .agent-lines-table th:nth-child(8){width:8%!important}
#agent-portal-shell .agent-lines-table th:nth-child(9){width:9%!important}
#agent-portal-shell .agent-lines-table th:nth-child(10){width:10%!important}
#agent-portal-shell .agent-lines-table th:nth-child(11){width:48px!important}
#agent-portal-shell .agent-lines-table th{height:21px!important;padding:2px 3px!important;font-size:9px!important;line-height:1!important;text-align:center!important;white-space:nowrap!important}
#agent-portal-shell .agent-lines-table .line-main-row td{height:31px!important;padding:3px!important;vertical-align:middle!important}
#agent-portal-shell .agent-lines-table .measure-input-cell .line-input{width:100%!important;min-width:0!important;text-align:center!important;padding-inline:2px!important}
#agent-portal-shell .agent-lines-table td{min-width:0!important;overflow:visible!important}
#agent-portal-shell .agent-lines-table td:nth-child(4) :where(.smart-select,.smart-select-input,.smart-select-trigger,select){width:100%!important;min-width:0!important;max-width:100%!important}
#agent-portal-shell .agent-lines-table td:nth-child(4) :where(.smart-select-input,.smart-select-trigger){overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;padding-inline:22px 3px!important}

/* Cutting screens and modals reserve the page for the data, not buttons. */
.app-shell .sales-orders-command-bar{height:29px!important;min-height:29px!important;padding:2px!important}
.app-shell .sales-orders-command-bar>.sales-cycle-actions{margin-right:auto!important;margin-left:0!important}
.cutting-create-modal{width:min(620px,94vw)!important}.cutting-preview-modal{width:min(1000px,96vw)!important}
.cutting-create-modal .modal-header,.cutting-preview-modal .modal-header,.batch-preparation-modal .modal-header{padding:6px 9px!important}
.cutting-create-body{padding:5px 8px!important}.cutting-order-options{max-height:42vh!important}.cutting-order-option{min-height:34px!important;padding:3px 5px!important}
.batch-preparation-modal{width:min(1080px,96vw)!important}.batch-preparation-modal .preparation-order-summary{margin:4px 7px!important}
.batch-preparation-modal .modal-form{padding:4px 8px!important}.batch-preparation-modal .modal-actions{padding:5px 8px!important}

/* All modal actions sit in the same physical location: far left in RTL. */
.modal-layer .modal-card{border-radius:9px!important;border:1px solid #94aaba!important}
.modal-layer .modal-header{display:flex!important;align-items:center!important;min-height:38px!important;padding:6px 10px!important}
.modal-layer .modal-header h2{margin:0!important;font-size:15px!important;line-height:1.1!important}.modal-layer .modal-header p{margin:2px 0 0!important;font-size:9px!important;line-height:1.15!important}
.modal-layer .modal-header .icon-button{flex:0 0 27px!important;width:27px!important;height:27px!important;min-height:27px!important}
.modal-layer .modal-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;min-height:38px!important;padding:5px 9px!important;background:var(--ui-surface-soft)!important}

/* Delivery document: every measurement has its own column. */
.delivery-modal-card,.accounting-document-modal{width:min(1180px,97vw)!important}
.delivery-edit-fields{padding:5px 9px!important;gap:4px!important}
.delivery-measure-wrap{margin:3px 7px!important;border:1px solid var(--ui-line)!important;border-radius:5px!important}
.delivery-measure-wrap table{width:100%!important;min-width:1080px!important;table-layout:auto!important}
.delivery-measure-wrap th{font-size:9px!important;white-space:nowrap!important;padding:5px 4px!important}
.delivery-measure-wrap td{font-size:10px!important;padding:4px!important;text-align:center!important;vertical-align:middle!important}
.delivery-measure-wrap td:nth-child(2){min-width:150px!important;text-align:right!important}
.delivery-table-input{width:86px!important;min-width:70px!important;height:27px!important;padding:2px 5px!important;text-align:center!important;font-weight:850!important}
.delivery-line-value{font-weight:900!important;white-space:nowrap!important}.delivery-measure-total{margin:4px 7px!important;padding:5px 8px!important;gap:12px!important}

/* Compact delivery note: operational quantities only, without pricing columns. */
#delivery-detail-content .delivery-measure-wrap table[data-compact-delivery="true"]{min-width:790px!important;table-layout:fixed!important}
#delivery-detail-content .delivery-measure-wrap table[data-compact-delivery="true"] th:nth-child(1){width:25%!important}
#delivery-detail-content .delivery-measure-wrap table[data-compact-delivery="true"] th:is(:nth-child(2),:nth-child(3),:nth-child(4)){width:8%!important}
#delivery-detail-content .delivery-measure-wrap table[data-compact-delivery="true"] th:nth-child(5){width:11%!important}
#delivery-detail-content .delivery-measure-wrap table[data-compact-delivery="true"] th:nth-child(6){width:9%!important}
#delivery-detail-content .delivery-measure-wrap table[data-compact-delivery="true"] th:nth-child(7){width:15%!important}
#delivery-detail-content .delivery-measure-wrap table[data-compact-delivery="true"] th:nth-child(8){width:16%!important}
#delivery-detail-content .delivery-measure-total{justify-content:flex-start;gap:20px}

/* Accounting headers: fixed vertical rhythm, scrollable inner tabs, clear filter layer. */
.app-shell .accounting-pro-root{min-width:0!important}.app-shell .accounting-pro-root>.accounting-pro-head{position:relative!important;z-index:2!important}
.app-shell .accounting-pro-root>.accounting-inner-tabs,.app-shell .accounting-pro-root>.accounting-module-tabs{position:relative!important;z-index:1!important;width:100%!important}
.app-shell #accounting-costs-root :where(.accounting-compact-form,.content-card){position:relative!important;z-index:0!important}
.app-shell .accounting-compact-form{margin:3px 0!important;padding:4px 6px!important}.app-shell .compact-form-row{gap:4px!important}

/* Compact, consistent screen exports and high-volume journal register. */
.app-shell .screen-export-actions{flex:0 0 auto!important;margin-right:auto!important;margin-left:0!important;gap:2px!important}
.app-shell .screen-export-actions .small-action{height:23px!important;min-height:23px!important;padding:0 6px!important;font-size:9px!important}
.app-shell .journal-register-bar{min-height:29px!important;padding:2px 4px!important;gap:3px!important}
.app-shell .journal-register-bar form{gap:2px!important}
.app-shell .journal-register-bar :where(input,select,.button){height:23px!important;min-height:23px!important;padding:1px 5px!important;font-size:9px!important}
.app-shell .journal-register-table th,.app-shell .journal-register-table td{height:auto!important;min-height:23px!important;padding:2px 4px!important;line-height:1.15!important}
.app-shell .journal-register-table th{font-size:9px!important}.app-shell .journal-register-table td{font-size:10px!important}
.app-shell .journal-register-table .journal-mini-lines{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:1px 9px!important;max-width:none!important;max-height:none!important;overflow:visible!important}
.app-shell .journal-register-table .journal-mini-lines span{display:inline-flex!important;flex:0 0 auto!important;gap:3px!important;max-width:none!important;font-size:9px!important;line-height:12px!important;overflow:visible!important;white-space:nowrap!important}
.app-shell .journal-register-table .journal-mini-lines span:not(:last-child)::after{content:"•";margin-inline-start:6px;color:#8a9ba9}
.app-shell .journal-register-table .document-action-cell{display:flex!important;flex-wrap:nowrap!important;gap:2px!important}
.app-shell .journal-register-table .document-action-cell :where(.button,.small-action,.doc-action){width:auto!important;min-width:0!important;height:20px!important;min-height:20px!important;padding:0 4px!important;font-size:8px!important}

/* Warehouse movement forms expose context only when it belongs to the selected movement. */
.warehouse-modal-card #warehouse-document-form .modal-form,.warehouse-receipt-modal-card .warehouse-receipt-head{gap:4px!important;padding:5px 8px!important}
.warehouse-modal-card #warehouse-document-form .field,.warehouse-receipt-modal-card .field{margin:0!important}
.warehouse-modal-card #warehouse-document-form :where(input,select),.warehouse-receipt-modal-card .warehouse-receipt-head :where(input,select){height:27px!important;min-height:27px!important}
.warehouse-modal-card #warehouse-document-reason-label{font-weight:850!important}

/* Flexible unit directory: compact master data with any number of explicit conversions. */
.uom-modal-card{width:min(980px,96vw)!important;max-height:92vh!important;overflow:auto!important}
.uom-form-section{margin:5px 8px!important;border:1px solid var(--ui-line)!important;border-radius:6px!important;background:#fff!important;overflow:hidden!important}
.uom-form-section>h3,.uom-section-head{min-height:28px!important;margin:0!important;padding:5px 7px!important;border-bottom:1px solid var(--ui-line)!important;background:var(--ui-surface-soft)!important}
.uom-form-section>h3,.uom-section-head h3{font-size:12px!important;line-height:17px!important;margin:0!important;color:var(--ui-ink)!important}
.uom-section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
.uom-section-head p{margin:0!important;font-size:9px!important;color:var(--ui-muted)!important}
.uom-form-section .modal-form{padding:5px 7px!important;gap:4px 6px!important}
.uom-form-section :where(input,select,.smart-select-trigger){height:27px!important;min-height:27px!important}
.uom-conversions-section .table-wrap{max-height:245px!important;overflow:auto!important}
.uom-conversion-editor{width:100%!important;table-layout:fixed!important}
.uom-conversion-editor th,.uom-conversion-editor td{height:29px!important;padding:3px 5px!important;font-size:10px!important;vertical-align:middle!important}
.uom-conversion-editor th:nth-child(1){width:18%!important}.uom-conversion-editor th:nth-child(2){width:16%!important}.uom-conversion-editor th:nth-child(3){width:29%!important}.uom-conversion-editor th:nth-child(4){width:auto!important}.uom-conversion-editor th:nth-child(5){width:55px!important}
.uom-conversion-editor :where(input,select,.smart-select-trigger){width:100%!important;height:24px!important;min-height:24px!important;padding:1px 5px!important}
.uom-conversion-editor [data-uom-conversion-preview]{font-weight:800!important;color:#164a70!important;white-space:nowrap!important}
.uom-conversions-empty td{text-align:center!important;color:var(--ui-muted)!important;padding:9px!important}
.uom-directory-card table th,.uom-directory-card table td{padding:3px 5px!important;vertical-align:middle!important}
.uom-conversion-chips{display:flex!important;flex-wrap:wrap!important;gap:2px 4px!important}
.uom-conversion-chips span{display:inline-flex!important;padding:2px 5px!important;border:1px solid #9eb6c8!important;border-radius:4px!important;background:#eef5f9!important;white-space:nowrap!important;font-size:9px!important}
.uom-no-conversion{color:var(--ui-muted)!important;font-size:9px!important}

/* Compact sales document controls: one slim strip at the physical far left. */
.app-shell :where(#orders-view,#preparation-work-view,#deliveries-view) .sales-orders-command-bar{height:26px!important;min-height:26px!important;padding:1px 2px!important}
.app-shell :where(#orders-view,#preparation-work-view,#deliveries-view) .sales-orders-command-bar>button{height:22px!important;min-height:22px!important;padding:0 7px!important;font-size:9px!important;border-radius:3px!important}
.app-shell :where(#orders-view,#preparation-work-view,#deliveries-view) .sales-cycle-actions{margin-right:auto!important;margin-left:0!important;gap:2px!important}
.app-shell :where(#orders-view,#preparation-work-view,#deliveries-view) .sales-cycle-actions .button{height:21px!important;min-height:21px!important;padding:0 5px!important;font-size:8px!important;border-radius:3px!important}
.app-shell :where(#orders-body,#preparation-orders-body,#deliveries-body) tr>td:last-child,.app-shell :where(#orders-body,#preparation-orders-body,#deliveries-body) tr>th:last-child{width:1%!important;min-width:0!important;padding:2px 3px!important;text-align:left!important;white-space:nowrap!important}
.app-shell :where(#orders-body,#preparation-orders-body,#deliveries-body) .document-action-cell{display:flex!important;width:max-content!important;min-width:0!important;margin-right:auto!important;margin-left:0!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important;gap:2px!important}
.app-shell :where(#orders-body,#preparation-orders-body,#deliveries-body) .document-action-cell>.document-action-cell{display:contents!important}
.app-shell .sales-orders-register-table{table-layout:fixed;min-width:880px}
.app-shell .sales-orders-register-table .order-no-col{width:10%}
.app-shell .sales-orders-register-table .order-party-col{width:28%}
.app-shell .sales-orders-register-table .order-date-col{width:13%}
.app-shell .sales-orders-register-table .order-creator-col{width:13%}
.app-shell .sales-orders-register-table .order-status-col{width:12%}
.app-shell .sales-orders-register-table .order-actions-col{width:24%}
.app-shell .sales-orders-register-table th{height:27px;padding:3px 7px!important;background:#e8f0f5!important;color:#193d57!important;font-size:10px!important;font-weight:850!important;border-block:1px solid #a9bfce}
.app-shell .sales-orders-register-table td{height:38px;padding:3px 7px!important;vertical-align:middle;border-top:1px solid #c6d4de!important}
.app-shell .sales-orders-register-table tbody tr:nth-child(even){background:#fbfdfe}
.app-shell .order-parties-cell{display:flex;flex-direction:column;gap:1px;min-width:0;line-height:1.25}
.app-shell .order-parties-cell strong{display:flex;align-items:center;gap:5px;min-width:0;color:#173d59;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-shell .order-parties-cell strong>b{flex:none;padding:1px 5px;border-radius:8px;background:#e9f2f8;color:#315f7e;font-size:8px}
.app-shell .order-parties-cell small{display:block;margin:0!important;color:#637989;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-shell .order-register-date,.app-shell .order-register-creator{color:#27465c;font-weight:700;white-space:nowrap}
.app-shell .sales-orders-register-table td:last-child{overflow:visible}
.app-shell :where(#orders-body,#preparation-orders-body,#deliveries-body) :where(.button,.small-action,.doc-action){height:20px!important;min-height:20px!important;min-width:0!important;padding:0 4px!important;border-radius:3px!important;font-size:8px!important;line-height:1!important;box-shadow:none!important}
.app-shell :where(#orders-body,#preparation-orders-body,#deliveries-body) .doc-action.combined-print{border-color:#7da790!important;color:#176044!important;background:#f4faf6!important}
.app-shell :where(#orders-view,#preparation-work-view,#deliveries-view) .content-card{border-radius:5px!important;box-shadow:none!important}
.app-shell :where(#orders-view,#preparation-work-view,#deliveries-view) .content-card>.card-toolbar{min-height:25px!important;padding:2px 4px!important}
#preparation-modal .modal-actions{min-height:31px!important;padding:3px 7px!important;justify-content:flex-end!important;gap:2px!important}
#preparation-modal .modal-actions .button{height:22px!important;min-height:22px!important;padding:0 6px!important;border-radius:3px!important;font-size:8px!important}

@media(max-width:1100px){
  .app-shell #editor-view .order-head-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
  .app-shell #editor-view :where(.order-agent-field,.order-manual-name-field,.order-creator-field){grid-column:span 2!important}
  .app-shell #editor-view .order-customer-field{grid-column:span 3!important}
  .app-shell #editor-view :where(.order-manual-code-field,.order-date-field,.order-delivery-date-field){grid-column:span 1!important}
  .app-shell .unified-screen-filter{width:min(760px,72%)!important;grid-template-columns:minmax(150px,1fr) 105px 105px 40px 40px!important}
}
@media(max-width:780px){
  .app-shell #editor-view .order-head-grid{grid-template-columns:82px minmax(160px,1fr)!important}
  .app-shell #editor-view .order-agent-field,.app-shell #editor-view .order-manual-name-field,.app-shell #editor-view .order-creator-field{grid-column:1/-1!important}
  .app-shell #editor-view .order-manual-code-field{grid-column:1!important}.app-shell #editor-view .order-customer-field{grid-column:2!important}
  .app-shell :where(.card-toolbar,.approval-section-head,.warehouse-table-toolbar){flex-wrap:wrap!important}
  .app-shell .unified-screen-filter{width:100%!important;height:auto!important;grid-template-columns:1fr 1fr!important;margin:0!important}
  .app-shell .unified-screen-filter .unified-search{grid-column:1/-1!important}
  #agent-portal-shell .order-entry-head{grid-template-columns:1fr 1fr!important}
  #agent-portal-shell .order-entry-head .order-customer-field{grid-column:1/-1!important}
}
@media(max-width:700px){
  #agent-portal-shell .agent-lines-table-wrap{overflow:visible!important}
  #agent-portal-shell .agent-lines-table{display:block!important;min-width:0!important}
  #agent-portal-shell .agent-lines-table thead{display:none!important}
  #agent-portal-shell .agent-lines-table tbody{display:grid!important;gap:5px!important}
  #agent-portal-shell .agent-lines-table .line-main-row{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:3px!important;padding:4px!important;border:1px solid var(--ui-line)!important;border-right:3px solid var(--ui-blue)!important;border-radius:5px!important;background:#fff!important}
  #agent-portal-shell .agent-lines-table .line-main-row td{display:block!important;width:auto!important;height:auto!important;min-height:0!important;padding:0!important;border:0!important}
  #agent-portal-shell .agent-lines-table .line-main-row td:nth-child(1){grid-column:1;grid-row:1}
  #agent-portal-shell .agent-lines-table .line-main-row td:nth-child(2){grid-column:2/7;grid-row:1}
  #agent-portal-shell .agent-lines-table .line-main-row td:nth-child(3){grid-column:1/4;grid-row:2}
  #agent-portal-shell .agent-lines-table .line-main-row td:nth-child(4){grid-column:4/7;grid-row:2}
  #agent-portal-shell .agent-lines-table .line-main-row td:nth-child(5){grid-column:1/3;grid-row:3}
  #agent-portal-shell .agent-lines-table .line-main-row td:nth-child(6){grid-column:3/5;grid-row:3}
  #agent-portal-shell .agent-lines-table .line-main-row td:nth-child(7){grid-column:5/7;grid-row:3}
  #agent-portal-shell .agent-lines-table .line-main-row td:nth-child(8){grid-column:1/4;grid-row:4}
  #agent-portal-shell .agent-lines-table .line-main-row td:nth-child(9){grid-column:4/7;grid-row:4}
  #agent-portal-shell .agent-lines-table .line-main-row td:nth-child(10){grid-column:1/4;grid-row:5;padding-top:3px!important}
  #agent-portal-shell .agent-lines-table .line-main-row td:nth-child(11){grid-column:4/7;grid-row:5;text-align:left!important}
}

/* Isolated environment identity: always visible, compact and unambiguous. */
.global-environment-status{display:none!important}
.environment-logo-trigger,.agent-portal-header .login-brand .brand-mark{position:relative!important;overflow:visible!important}
.environment-logo-trigger::after,.agent-portal-header .login-brand .brand-mark::after{content:"";position:absolute;top:50%;left:-7px;width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:#15966d;box-shadow:0 0 0 1px #0d7354,0 1px 4px #0b25353d;transform:translateY(-50%);pointer-events:none}
body[data-environment="INSPECTION"] .environment-logo-trigger::after,body[data-environment="INSPECTION"] .agent-portal-header .login-brand .brand-mark::after{background:#d9293e;box-shadow:0 0 0 1px #a7192b,0 1px 4px #310b103d}
.environment-logo-trigger{cursor:pointer;user-select:none;transition:transform .08s ease}
.environment-logo-trigger:active{transform:scale(.94)}
.environment-logo-trigger:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
.stealth-switch-layer{background:rgba(8,20,31,.32)!important}
.environment-switch-card{width:min(230px,calc(100vw - 30px))!important;min-height:0!important;padding:9px!important;border:0!important;border-radius:6px!important;box-shadow:0 10px 34px #08141f45!important}
.environment-switch-card form{display:block!important;margin:0!important}
.environment-switch-card input{display:block;width:100%;height:31px;margin:0;border:1px solid #aebdca;border-radius:4px;background:#fff;padding:3px 7px;outline:0;color:#152d42;font:inherit;text-align:center;letter-spacing:4px}
.environment-switch-card input:focus{border-color:#6b8498;box-shadow:0 0 0 2px #365d7a16}
body[data-environment="INSPECTION"] .sidebar{background:linear-gradient(180deg,#5a1720,#3e1017)!important}
body[data-environment="INSPECTION"] .topbar{border-bottom-color:#e6a7ad!important}
.catalog-tree-table th:nth-child(2){width:18%}
.catalog-tree-table td:nth-child(2){white-space:normal;overflow:hidden}
.catalog-tree-table .warehouse-chip{display:-webkit-box;width:100%;max-width:100%;line-height:1.25;white-space:normal;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.warehouse-movement-lines table{min-width:1040px}
.warehouse-movement-lines th:nth-child(9){width:135px}
.warehouse-movement-lines th:nth-child(11){width:155px}
.warehouse-movement-lines th:nth-child(12){width:30px}

/* Clear stock-size selection for issue, transfer and decrease adjustments. */
#warehouse-document-modal .warehouse-modal-card{width:min(1500px,99vw)!important;max-height:96vh!important;overflow:hidden!important}
#warehouse-document-modal #warehouse-document-form{display:flex;max-height:calc(96vh - 43px);min-height:0;flex-direction:column}
#warehouse-document-modal #warehouse-document-form>.modal-form{min-height:0;max-height:calc(96vh - 82px);overflow:auto!important;align-content:start}
#warehouse-document-modal .warehouse-movement-lines{margin:2px 0 3px;border:1px solid #8fa9bc;border-radius:7px;background:#fff;overflow:visible}
#warehouse-document-modal .warehouse-movement-lines-head{min-height:38px;padding:4px 7px;border-bottom:1px solid #adbfcc;background:#edf4f8}
#warehouse-document-modal .warehouse-movement-lines-head>div{display:flex;align-items:baseline;gap:9px;min-width:0}
#warehouse-document-modal .warehouse-movement-lines-head strong{font-size:12px;color:#123d5b}
#warehouse-document-modal .warehouse-movement-lines-head small{color:#526b7d;font-size:9px;font-weight:650}
#warehouse-document-modal .warehouse-movement-lines .table-wrap{max-height:54vh;border:0;border-radius:0;overflow:auto}
#warehouse-document-modal .warehouse-movement-entry-table{width:100%;min-width:1260px;table-layout:fixed;border-collapse:separate;border-spacing:0}
#warehouse-document-modal .warehouse-movement-entry-table th{height:29px;padding:3px 5px!important;background:#dfeaf2;color:#173d59;font-size:9.5px!important;font-weight:900;vertical-align:middle;border-bottom:1px solid #92aabd}
#warehouse-document-modal .warehouse-movement-entry-table td{height:54px;padding:5px!important;background:#fff;vertical-align:middle;border-bottom:1px solid #c6d4de}
#warehouse-document-modal .warehouse-movement-entry-table tbody tr:nth-child(even) td{background:#fbfdfe}
#warehouse-document-modal .warehouse-movement-entry-table tbody tr:hover td{background:#f3f8fb}
#warehouse-document-modal .warehouse-movement-entry-table th:nth-child(1){width:34px}
#warehouse-document-modal .warehouse-movement-entry-table th:nth-child(2){width:220px}
#warehouse-document-modal .warehouse-movement-entry-table th:nth-child(3){width:330px}
#warehouse-document-modal .warehouse-movement-entry-table th:nth-child(4){width:112px}
#warehouse-document-modal .warehouse-movement-entry-table th:nth-child(5){width:92px}
#warehouse-document-modal .warehouse-movement-entry-table th:nth-child(6){width:105px}
#warehouse-document-modal .warehouse-movement-entry-table th:nth-child(7){width:105px}
#warehouse-document-modal .warehouse-movement-entry-table th:nth-child(8){width:112px}
#warehouse-document-modal .warehouse-movement-entry-table th:nth-child(9){width:145px}
#warehouse-document-modal .warehouse-movement-entry-table th:nth-child(10){width:34px}
#warehouse-document-modal .warehouse-movement-entry-table :where(input,select,.smart-select-input){width:100%!important;height:30px!important;min-height:30px!important;padding:3px 6px!important;border:1px solid #91a9bb!important;border-radius:5px!important;background:#fff!important;color:#142f44!important;font-size:10px!important}
#warehouse-document-modal .warehouse-movement-entry-table .smart-select-toggle{height:26px!important;min-height:26px!important}
#warehouse-document-modal .warehouse-movement-entry-table .smart-select-input{padding-inline-start:27px!important}
#warehouse-document-modal .warehouse-size-picker{display:grid;gap:2px;min-width:0}
#warehouse-document-modal .warehouse-size-picker>small{display:block;margin:0!important;color:#587185;font-size:8px;line-height:1.15}
#warehouse-document-modal .warehouse-size-picker-cell .smart-select-list{font-variant-numeric:tabular-nums}
#warehouse-document-modal .warehouse-size-picker-cell .smart-select-option{min-height:31px;padding:6px 8px;font-size:10px;font-weight:700;direction:rtl}
#warehouse-document-modal .warehouse-manual-size-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
#warehouse-document-modal .warehouse-manual-size-grid label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px;min-width:0}
#warehouse-document-modal .warehouse-manual-size-grid span{color:#496579;font-size:8px;font-weight:800;white-space:nowrap}
#warehouse-document-modal .warehouse-stock-availability{display:grid;justify-items:center;gap:2px;padding:4px 5px;border:1px solid #9db8ca;border-radius:5px;background:#edf6fb;white-space:nowrap}
#warehouse-document-modal .warehouse-stock-availability strong{color:#0d5d45;font-size:11px}
#warehouse-document-modal .warehouse-stock-availability small{margin:0!important;color:#355a72;font-size:9px}
#warehouse-document-modal .warehouse-stock-empty{display:block;padding:5px;border:1px solid #d9afb4;border-radius:5px;background:#fff3f4;color:#9b2f3b;font-size:9px;text-align:center}
#warehouse-document-modal .warehouse-not-applicable{display:block;color:#758695;text-align:center}
#warehouse-document-modal .warehouse-line-number{display:grid;place-items:center;width:22px;height:22px;margin:auto;border-radius:5px;background:#153f5f;color:#fff;font-size:10px}
#warehouse-document-modal .warehouse-movement-volume{text-align:center}
#warehouse-document-modal .warehouse-volume-preview{display:inline-flex;align-items:center;justify-content:center;min-width:75px;min-height:29px;padding:3px 5px;border:1px solid #9eb6c7;border-radius:5px;background:#edf5fa;color:#123f5e;white-space:nowrap;font-size:10px}
#warehouse-document-modal .warehouse-receipt-remove{display:grid;place-items:center;width:26px;height:26px;margin:auto;padding:0}
#warehouse-document-modal .modal-actions{flex:0 0 auto}
@media(max-width:900px){#warehouse-document-modal .warehouse-modal-card{width:99.5vw!important}#warehouse-document-modal .warehouse-movement-entry-table{min-width:1180px}}

/* Linked cutting-order transfers and direct sales-order issues use the same clear stock-size picker. */
#issue-modal .issue-modal-card,#weight-issue-modal .issue-modal-card{width:min(1540px,99vw);max-height:96vh}
#issue-modal .issue-lines-wrap,#weight-issue-modal .issue-lines-wrap{max-height:min(510px,62vh);border-color:#94aabd;background:#fff}
#issue-modal .issue-lines-wrap table,#weight-issue-modal .issue-lines-wrap table{min-width:1180px;table-layout:fixed}
#issue-modal .issue-lines-wrap th,#weight-issue-modal .issue-lines-wrap th{padding:5px 6px!important;background:#eaf1f6;color:#183d57;font-size:9px;font-weight:900;white-space:nowrap}
#issue-modal .issue-lines-wrap td,#weight-issue-modal .issue-lines-wrap td{padding:5px 6px!important;vertical-align:middle}
#issue-modal .issue-lines-wrap th:nth-child(1),#issue-modal .issue-lines-wrap td:nth-child(1),#weight-issue-modal .issue-lines-wrap th:nth-child(1),#weight-issue-modal .issue-lines-wrap td:nth-child(1){width:52px;text-align:center}
#issue-modal .issue-lines-wrap th:nth-child(2),#issue-modal .issue-lines-wrap td:nth-child(2),#weight-issue-modal .issue-lines-wrap th:nth-child(2),#weight-issue-modal .issue-lines-wrap td:nth-child(2){width:190px}
#issue-modal .issue-lines-wrap th:nth-child(3),#issue-modal .issue-lines-wrap td:nth-child(3){width:190px}
#issue-modal .issue-lines-wrap th:nth-child(4),#issue-modal .issue-lines-wrap td:nth-child(4),#weight-issue-modal .issue-lines-wrap th:nth-child(4),#weight-issue-modal .issue-lines-wrap td:nth-child(4){width:105px;text-align:center}
#issue-modal .issue-lines-wrap th:nth-child(5),#issue-modal .issue-lines-wrap td:nth-child(5),#weight-issue-modal .issue-lines-wrap th:nth-child(5),#weight-issue-modal .issue-lines-wrap td:nth-child(5){width:350px}
#issue-modal .issue-lines-wrap th:nth-child(6),#issue-modal .issue-lines-wrap td:nth-child(6),#weight-issue-modal .issue-lines-wrap th:nth-child(6),#weight-issue-modal .issue-lines-wrap td:nth-child(6){width:120px;text-align:center}
#issue-modal .issue-lines-wrap th:nth-child(7),#issue-modal .issue-lines-wrap td:nth-child(7),#weight-issue-modal .issue-lines-wrap th:nth-child(7),#weight-issue-modal .issue-lines-wrap td:nth-child(7){width:110px;text-align:center}
#issue-modal .issue-lines-wrap th:nth-child(8),#issue-modal .issue-lines-wrap td:nth-child(8),#weight-issue-modal .issue-lines-wrap th:nth-child(8),#weight-issue-modal .issue-lines-wrap td:nth-child(8){width:120px;text-align:center}
.linked-size-cell{overflow:visible!important}
.linked-size-picker{display:grid;gap:3px;min-width:0;padding:2px}
.linked-size-picker>small{color:#587185;font-size:8px;line-height:1.2}
.linked-size-picker.is-loading,.linked-size-picker.is-empty{min-height:35px;align-content:center;padding:5px 8px;border:1px solid #b7c7d4;border-radius:5px;background:#f6f9fb;color:#526d80;font-size:9px;font-weight:800}
.linked-size-picker.is-empty{border-color:#e0b2b2;background:#fff3f3;color:#942727}
.linked-size-picker .smart-select{width:100%;min-width:0}
.linked-size-picker .smart-select-trigger{height:31px;min-height:31px;padding:3px 8px;font-weight:800;font-variant-numeric:tabular-nums}
.linked-size-picker .smart-select-list{max-height:260px;font-variant-numeric:tabular-nums}
.linked-size-picker .smart-select-option{min-height:32px;padding:6px 8px;font-size:10px;font-weight:750;direction:rtl}
.linked-stock-availability{display:grid;justify-items:center;gap:1px;min-height:36px;padding:4px 6px;border:1px solid #a6bbc9;border-radius:5px;background:#eef5f8;font-variant-numeric:tabular-nums}
.linked-stock-availability strong{color:#103e59;font-size:11px;white-space:nowrap}
.linked-stock-availability small{margin:0!important;color:#547083;font-size:9px;white-space:nowrap}
#issue-modal .issue-quantity,#weight-issue-modal .weight-issue-quantity{height:31px!important;min-height:31px!important;border-color:#7898ae;font-size:11px;font-weight:900}
#issue-modal .warehouse-volume-preview,#weight-issue-modal .warehouse-volume-preview{min-height:31px;min-width:88px;background:#eaf6f0;border-color:#8ebdaa;color:#17583f;font-weight:900}
@media(max-width:900px){#issue-modal .issue-modal-card,#weight-issue-modal .issue-modal-card{width:99.5vw}.linked-size-picker .smart-select-list{max-height:210px}}

/* Sales cycle registers: compact, deterministic and safe for high-volume history. */
.app-shell #completed-orders-view{padding-top:1px!important}
.app-shell #completed-orders-view>.sales-orders-command-bar{display:flex!important;align-items:center!important;width:100%;height:26px!important;min-height:26px!important;margin:0 0 2px!important;padding:1px 2px!important;overflow-x:auto}
.app-shell #completed-orders-view>.sales-orders-command-bar>button{height:22px!important;min-height:22px!important;padding:0 7px!important;border-radius:3px!important;font-size:9px!important}
.app-shell .completed-orders-card{border-radius:5px!important;box-shadow:none!important}
.app-shell .completed-orders-card>.card-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:5px!important;min-height:29px!important;padding:2px 4px!important}
.app-shell .completed-orders-heading{display:flex;align-items:center;gap:6px;white-space:nowrap}
.app-shell .completed-orders-heading h2{margin:0!important;font-size:11px!important}
.app-shell .completed-orders-heading span{color:#587184;font-size:8.5px;font-weight:700}
.app-shell .completed-orders-filter{display:grid;grid-template-columns:minmax(210px,1fr) 118px 118px auto auto;align-items:end;gap:3px;width:min(790px,78%);margin-right:auto}
.app-shell .completed-orders-filter>label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px;margin:0;color:#38566c;font-size:8.5px;font-weight:750}
.app-shell .completed-orders-filter .table-search{display:flex!important;height:23px!important}
.app-shell .completed-orders-filter input{width:100%;height:23px!important;min-height:23px!important;padding:1px 5px!important;border-radius:3px!important;font-size:9px!important}
.app-shell .completed-orders-filter .button{height:23px!important;min-height:23px!important;padding:0 7px!important;border-radius:3px!important;font-size:8.5px!important}
.app-shell .completed-orders-table{min-width:980px;table-layout:fixed}
.app-shell .completed-orders-table th{height:27px;padding:3px 6px!important;background:#e8f0f5!important;color:#193d57!important;font-size:9.5px!important;font-weight:850!important;border-block:1px solid #a9bfce}
.app-shell .completed-orders-table td{height:34px;padding:3px 6px!important;vertical-align:middle;border-top:1px solid #c6d4de!important}
.app-shell .completed-orders-table th:last-child,.app-shell .completed-orders-table td:last-child{width:150px;text-align:left;white-space:nowrap}
.app-shell .completed-orders-table .document-action-cell{display:flex!important;width:max-content!important;margin-right:auto!important;align-items:center!important;gap:2px!important;flex-wrap:nowrap!important}
.app-shell .completed-orders-table .document-action-cell>.document-action-cell{display:contents!important}
.app-shell .completed-orders-table :where(.small-action,.doc-action){height:20px!important;min-height:20px!important;padding:0 4px!important;border-radius:3px!important;font-size:8px!important}
.app-shell #preparation-orders-body .cutting-register-actions{direction:rtl!important;display:flex!important;flex-wrap:nowrap!important;gap:2px!important}
.app-shell #preparation-orders-body .cutting-register-actions :where(.small-action,.doc-action){flex:none!important}
.app-shell .status.in_cutting{background:#fff4d8!important;color:#805500!important}
.app-shell .status.completed{background:#dcf7e9!important;color:#126342!important}
@media(max-width:900px){.app-shell .completed-orders-card>.card-toolbar{align-items:stretch!important;flex-direction:column!important}.app-shell .completed-orders-filter{width:100%;grid-template-columns:minmax(150px,1fr) 105px 105px auto auto;margin:0}.app-shell .completed-orders-heading{justify-content:space-between}}

/* Delivery combined weighing: operational members remain traceable, billing stays one line. */
.delivery-weight-toolbar{display:flex;align-items:center;gap:7px;margin:4px 0;padding:5px 7px;border:1px solid #9eb9ca;border-radius:5px;background:#f2f7fa;color:#36586e;font-size:10px;font-weight:750}
.delivery-weight-groups{display:grid;gap:5px;margin-top:5px}
.delivery-weight-group-card{overflow:hidden;border:1px solid #6996b1;border-inline-start:4px solid #126c99;border-radius:6px;background:#fff;box-shadow:0 1px 3px rgba(15,55,80,.08)}
.delivery-weight-group-card.warning{border-color:#ce963d;border-inline-start-color:#b66b00;background:#fffaf0}.delivery-weight-group-card.success{border-color:#56a480;border-inline-start-color:#16825c}
.delivery-weight-group-card>header,.delivery-weight-group-card>footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 8px;background:#edf5f9}
.delivery-weight-group-card>header strong{display:block;color:#123f5a;font-size:11px}.delivery-weight-group-card>header small{display:block;margin-top:1px;color:#567184;font-size:8.5px}
.delivery-weight-group-card>footer{justify-content:flex-start;flex-wrap:wrap;border-top:1px solid #c6d7e1;background:#f8fbfc;color:#36586e;font-size:9.5px}.delivery-weight-group-card>footer span{padding-inline-end:12px}
.delivery-weight-group-lines{display:grid;gap:2px;padding:5px 8px}.delivery-weight-group-lines>div,.delivery-weight-group-lines>span{display:grid;grid-template-columns:28px minmax(150px,1fr) minmax(65px,auto);align-items:center;gap:5px;min-height:23px;padding:2px 5px;border:1px solid #d5e1e8;border-radius:4px;background:#fff;color:#244b64;font-size:9.5px}.delivery-weight-group-lines small{margin:0!important;color:#6c8291;font-size:8.5px}
.delivery-weight-group-fields{display:grid;grid-template-columns:150px 170px minmax(190px,1fr);align-items:end;gap:5px;padding:0 8px 6px}.delivery-weight-group-fields label{display:grid;gap:2px;color:#38586c;font-size:8.5px;font-weight:800}.delivery-weight-group-fields input{height:29px!important;min-height:29px!important;padding:2px 6px!important;font-weight:850}.delivery-weight-price-status{align-self:center;margin:0;padding:5px 7px;border-radius:4px;background:#eef4f7;color:#31566d;font-size:9px;font-weight:800}
.delivery-weight-grouped{background:#f3f8fb!important}.delivery-weight-member{display:inline-flex;align-items:center;min-height:24px;padding:2px 6px;border:1px solid #80a9be;border-radius:4px;background:#eaf3f7;color:#174e6b;font-size:9px;font-weight:850;white-space:nowrap}
.delivery-weight-groups-detail{margin:6px 0}.delivery-weight-groups-detail .delivery-weight-group-card{border-inline-start-width:5px}
@media(max-width:760px){.delivery-weight-group-fields{grid-template-columns:1fr}.delivery-weight-group-lines>div,.delivery-weight-group-lines>span{grid-template-columns:24px 1fr}.delivery-weight-group-lines small{grid-column:2}.delivery-weight-group-card>footer{align-items:flex-start;flex-direction:column;gap:3px}}