.orders-page { padding-top:10px; min-width:0; color:#263238; container:orders / inline-size; }
@media(max-width:700px) { .order-table td { grid-template-columns:100px minmax(0,1fr); text-align:left; overflow-wrap:anywhere; }.order-table td::before { font-size:10px; font-weight:600; text-transform:none; letter-spacing:0; }.order-table td > small { grid-column:2; }.order-table td[colspan] { display:block; }.order-table td[colspan]::before { display:none; } }
.order-dialog .order-typed-header { display: grid; grid-template-columns: minmax(0,1fr) auto auto 32px; }
.order-dialog .order-header-type { display:flex; align-items:center; gap:8px; font-size:12px; }
.order-dialog .order-header-type select { width:165px; padding:7px 8px; }
:where(.order-filters:has([name="orderKind"])) { --order-filter-columns:minmax(150px,1.6fr) repeat(2,minmax(110px,1fr)) repeat(4,minmax(90px,1fr)) auto auto; }
@media(max-width:860px) {
 .order-dialog .order-typed-header { grid-template-columns:minmax(0,1fr) auto 32px; }
 .order-dialog .order-typed-header h2 { grid-column:1/3; }
 .order-dialog .order-typed-header > button { grid-column:3; grid-row:1; }
 .order-dialog .order-header-type { grid-column:1; grid-row:2; }
 .order-dialog .order-typed-header .order-header-priority { grid-column:2/4; grid-row:2; }
}
@media(max-width:600px) {
 .order-dialog .order-header-type { min-width:0; display:grid; gap:4px; }
 .order-dialog .order-header-type select { width:100%; min-width:0; }
 .order-dialog .order-typed-header .order-header-priority { display:grid; gap:4px; }
}
.order-kind-picker { min-width: 155px; margin-left: auto; }
.order-kind-picker select { min-height: 34px; font-size: 12px; }
.stock-order-variant { align-self: center; color: #566170; font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.stock-selling-price { display: flex; flex-direction: column; justify-content: center; gap: 6px; font-size: 12px; color: #566170; }
.stock-selling-price strong { color: #263238; }
.order-kind-label { font-size: 11px; color: #785312; }
.order-table .order-kind-label { display: block; margin-top: 4px; }
.order-panel > header { flex-wrap: wrap; gap: 8px; }
.order-fulfillment-detail { padding: 12px 0; border-top: 1px solid #dee1e6; }
@media (max-width: 600px) { .order-kind-picker { min-width: 0; flex: 1 1 100%; }.order-kind-picker select { width: 100%; font-size: 16px; } }
.order-filters { display:grid; grid-template-columns:var(--order-filter-columns,minmax(170px,2fr) repeat(2,minmax(115px,1fr)) repeat(3,minmax(96px,1fr)) auto auto); gap:8px; padding:10px 12px; border:1px solid #e4e7eb; background:#fff; border-radius:4px; align-items:end; }
.orders-page .order-filters label { min-width:0; gap:5px; font-size:11px; line-height:1.2; }
.order-filters .search-control { display:flex; align-items:center; gap:7px; min-height:34px; height:34px; padding:0 9px; }
.order-filters .search-control input { height:22px; padding:0; border:0; background:transparent; font:400 12px/22px Arial,sans-serif; box-shadow:none; }
.order-filters .search-control svg { width:15px; height:15px; }
.order-filters .order-filter-field input,.order-filters .order-filter-field select { height:34px; padding:5px 7px; font-size:12px; }
.order-filters .order-filter-command,.order-filters .order-mobile-filter { min-height:34px; height:34px; padding:5px 9px; font-size:12px; line-height:1; border-radius:4px; white-space:nowrap; }
.order-filters .order-filter-command svg { width:14px; height:14px; }
.order-filters .ghost { align-self:end; border:1px solid #dce1e5; background:#fff; color:#263238; box-shadow:none; }
.order-filters .ghost:hover { background:#f3f5f6; }
.orders-page .form-error { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding:10px 12px; font-size:12px; line-height:1.5; }
.orders-page .form-error button { min-height:30px; padding:4px 9px; border:1px solid #b42335; border-radius:4px; background:#fff; color:#8d1930; font:600 12px Arial,sans-serif; }
.orders-page label,.order-dialog label { display:grid; gap:6px; font-size:12px; }.order-filters input,.order-filters select,.order-dialog input,.order-dialog select,.order-dialog textarea { min-width:0; width:100%; padding:9px; border:1px solid #dce1e5; border-radius:4px; background:#fff; color:#263238; font-size:13px; }
.order-primary,.order-burgundy { display:inline-flex; justify-content:center; align-items:center; gap:7px; min-height:36px; padding:8px 14px; border:1px solid #a57a03; border-radius:4px; background:#b88d30; color:#101617; font-size:12px; font-weight:600; }.order-burgundy { align-self:end; background:#400128; color:white; border-color:#400128; }.order-primary svg,.order-burgundy svg { width:17px; height:17px; }
.order-toolbar { display:flex; align-items:center; gap:14px; border-bottom:1px solid #e4e7eb; margin:12px 0; }.order-tabs { display:flex; overflow-x:auto; min-width:0; flex:1; }.order-tabs button { border:0; border-bottom:3px solid transparent; border-radius:0; padding:15px 12px; background:none; font-size:12px; white-space:nowrap; }.order-tabs button[aria-selected=true] { border-bottom-color:#a57a03; font-weight:700; }.order-commands { display:flex; gap:8px; align-items:center; }
.order-metrics { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; margin:12px 0; }
.order-metric { display:flex; align-items:center; gap:10px; min-width:0; min-height:88px; padding:12px; border:1px solid #e5e9ee; border-radius:6px; background:#fff; box-shadow:0 1px 2px #10161704; font-family:"Segoe UI",Arial,sans-serif; }
.order-metric-icon { display:flex; align-items:center; justify-content:center; flex:0 0 38px; width:38px; height:42px; border-radius:6px; background:#fbf4e7; color:#a37415; }
.order-metric-icon svg { width:23px; height:23px; padding:0; background:none; stroke-width:1.8; }
.order-metric-body { display:grid; align-content:center; gap:3px; min-width:0; flex:1; }
.order-metric-label { display:block; color:#556479; font-size:11px; font-weight:500; line-height:15px; }
.order-metric .order-metric-value { display:block; margin:0; color:#101820; font-size:21px; font-weight:700; line-height:25px; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.order-metric .order-metric-value.money { font-size:17px; line-height:23px; }
.order-metric .order-metric-value.compact { font-size:13px; line-height:20px; }
.order-metric[data-metric="pending"] .order-metric-icon { color:#94600c; background:#fbf1e7; }
.order-metric[data-metric="paidMinor"] .order-metric-icon { color:#188446; background:#edf7f0; }
.order-metric[data-metric="balanceMinor"] .order-metric-icon { color:#6b1b43; background:#f7edf2; }
.order-metric[data-metric="urgent"] .order-metric-icon { color:#b42335; background:#fceff0; }
.order-trend { display:flex; align-items:flex-start; gap:3px; margin:1px 0 0; font-size:10px; font-weight:500; line-height:14px; }
.order-trend svg { flex:0 0 11px; width:11px; height:11px; margin-top:1px; }
.order-trend span { min-width:0; overflow-wrap:anywhere; }
.order-trend.positive { color:#16833f; }.order-trend.negative { color:#b42335; }.order-trend.neutral { color:#84909c; }
.order-tab-count { font-variant-numeric:tabular-nums; }
.order-panel > header { flex-wrap:wrap; gap:8px; }
.order-dialog:has(#order-form) { width:min(900px,calc(100vw - 24px)); }
.order-dialog:has(#order-form) > header { padding:12px 20px; }
.order-dialog:has(#order-form) > header h2 { font-size:23px; margin-right:auto; }
.order-dialog .order-header-priority { display:flex; align-items:center; gap:8px; flex-shrink:0; font-size:12px; }
.order-header-priority span { white-space:nowrap; }.order-header-priority .required { display:inline; color:#b42335; }
.order-dialog .order-header-priority select { width:145px; padding:7px 8px; }
.order-dialog:has(#order-form) .order-dialog-body { padding:10px 20px 16px; }
#order-form .order-number { justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px 20px; padding:4px 0 10px; }
.order-number-detail,.order-number-total { display:flex; align-items:baseline; gap:10px; min-width:0; }
.order-number-detail span { overflow-wrap:anywhere; }
.order-number-detail { flex-wrap:wrap; }.order-entry-date { color:#677981; font-size:11px; }
.order-number-total { margin-left:auto; justify-content:flex-end; text-align:right; }
.order-number-total strong { color:#865e12; font-size:16px; overflow-wrap:anywhere; }
#order-form footer { margin-top:10px; padding-top:10px; }
.order-form-section { min-width:0; margin:0; padding:10px 0; border:0; border-bottom:1px solid #edf0f2; }
.order-form-section legend { float:left; width:100%; margin:0 0 8px; padding:0; color:#263238; font-size:12px; font-weight:650; }
.order-form-section .order-form-grid { clear:both; gap:8px 14px; }
.order-form-section .order-form-grid + .order-form-grid { margin-top:8px; }
.order-form-grid.three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.order-dialog .order-field-label { display:block; margin:0; font-size:12px; line-height:18px; color:#42515f; }
.order-field-label .required { display:inline; color:#b42335; }
.order-dialog .order-lookup-field { display:grid; align-content:start; gap:6px; min-width:0; }
.order-combobox { position:relative; min-width:0; }
.order-combobox .search-control { display:flex; height:38px; min-height:38px; padding:0 9px; gap:8px; }
.order-combobox .search-control input { min-width:0; width:100%; height:24px; padding:0; border:0; border-radius:0; box-shadow:none; outline:none; background:transparent; font:400 13px/24px "Segoe UI",Arial,sans-serif; }
.order-combobox .search-control svg { width:16px; height:16px; flex-shrink:0; }
.order-lookup-toggle { display:flex; align-items:center; justify-content:center; flex:0 0 24px; height:28px; padding:0; border:0; background:transparent; color:#667580; }
.order-lookup-toggle:disabled { opacity:.4; }
.order-combobox:has(input:disabled) .search-control,.order-combobox:has(input[readonly]) .search-control { background:#f4f6f7; }
.order-lookup-popup { position:absolute; top:calc(100% + 5px); left:0; right:0; z-index:20; padding:4px; border:1px solid #dce1e5; border-radius:5px; background:#fff; box-shadow:0 6px 20px #1016171c; }
.order-lookup-popup [role=listbox] { max-height:min(190px,30dvh); overflow-y:auto; overscroll-behavior:contain; }
.order-lookup-popup [role=option] { display:grid; gap:2px; width:100%; padding:8px 9px; border:0; border-radius:3px; background:#fff; text-align:left; font:400 12px "Segoe UI",Arial,sans-serif; color:#263238; }
.order-lookup-popup [role=option] strong { font-weight:550; overflow-wrap:anywhere; }.order-lookup-popup [role=option] small { color:#6a7783; font-size:11px; }
.order-lookup-popup [role=option]:hover,.order-lookup-popup [role=option].highlighted { background:#fbf4e7; }.order-lookup-popup [aria-selected=true] { background:#f5f7f8; }
.order-lookup-popup p { margin:0; padding:10px; color:#6a7783; font-size:12px; }
.order-lookup-footer { border-top:1px solid #edf0f2; margin-top:4px; padding-top:4px; }.order-lookup-footer button { display:flex; align-items:center; gap:7px; width:100%; padding:9px; border:0; background:#fff; color:#865e12; font-size:12px; text-align:left; }.order-lookup-footer button:hover { background:#fbf4e7; }.order-lookup-footer svg { width:15px; height:15px; }.order-lookup-footer small { display:block; padding:6px 9px; color:#6a7783; font-size:11px; }
.order-dialog .order-notes { margin-top:10px; margin-bottom:0; }
.order-dialog .order-total-row { margin-top:8px; padding:8px 10px; border:0; border-radius:4px; background:#f8f9fa; }.order-total-row strong { color:#865e12; font-size:16px; }
.order-dialog.order-related-measurement { width:min(1160px,calc(100vw - 24px)); padding:16px; }.order-related-measurement .measurement-editor-heading h1 { font-size:22px; }
@media(min-width:601px) { .order-form-section .order-form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.order-form-section .order-form-grid.three { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(min-width:761px) { .order-form-section .order-schedule-row { grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(100px,.5fr) minmax(0,1fr); } }
#order-production-days { background:#f4f6f7; color:#42515f; text-align:center; font-variant-numeric:tabular-nums; }
.order-schedule-row > label { min-width:0; }.order-schedule-row .order-field-label { overflow-wrap:anywhere; }
@media(min-width:861px) { .order-form-section .order-pricing-row.with-payment { grid-template-columns:minmax(70px,.65fr) minmax(0,1.35fr) minmax(0,1.15fr) minmax(0,1.4fr) minmax(0,1.35fr); column-gap:10px; } }
@media(min-width:601px) and (max-width:860px) { .order-form-section .order-pricing-row.with-payment { grid-template-columns:repeat(3,minmax(0,1fr)); }.order-pricing-row.with-payment > label:last-child { grid-column:span 2; } }
.order-pricing-row > label { min-width:0; align-content:start; }.order-pricing-row .order-field-label { overflow-wrap:anywhere; }
#order-form [data-order-amount] { font-variant-numeric:tabular-nums; }
@media(max-width:600px) { .order-form-section .order-form-grid { grid-template-columns:minmax(0,1fr); }.order-combobox .search-control { height:42px; min-height:42px; }.order-combobox .search-control input { font-size:16px; }.order-dialog.order-related-measurement { padding:10px; }.order-dialog:has(#order-form) .order-dialog-body { padding:10px 14px 14px; } }
@media(max-width:600px) { .order-dialog:has(#order-form) > header { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; }.order-dialog:has(#order-form) > header h2 { grid-column:1; grid-row:1; }.order-dialog:has(#order-form) > header > button { grid-column:2; grid-row:1; }.order-dialog .order-header-priority { grid-column:1 / -1; grid-row:2; justify-content:flex-end; }.order-number-detail,.order-number-total { flex-wrap:wrap; gap:4px 8px; } }
.order-table .order-payment.payment-internal { color:#155e75; background:#e7f4f7; }
.order-table .order-payment.payment-paid { color:#166534; background:#e8f5eb; }
.order-table .order-payment.payment-partial { color:#854d0e; background:#fff3ce; }
.order-table .order-payment.payment-unpaid { color:#9f1239; background:#fdecef; }
.order-table .order-payment.payment-refund { color:#6b21a8; background:#f3e8fa; }
.order-table .order-payment.payment-closed { color:#475569; background:#edf0f3; }
.order-list-layout.order-list-full { grid-template-columns:minmax(0,1fr); }
.order-commands { flex-wrap:wrap; }
.order-due-button { display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
.order-due-button svg { width:16px; height:16px; }
#order-view { width:min(880px,calc(100vw - 24px)); max-height:calc(100dvh - 32px); padding:0; overflow:hidden; }
#order-view[open] { display:flex; flex-direction:column; }
#order-view > header { flex-shrink:0; padding:16px 20px; }
#order-view > header h2 { font-size:24px; }
#order-view .order-dialog-body { min-height:0; overflow-y:auto; padding:16px 20px 0; }
.order-detail-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; }
.order-detail-heading h3 { margin:4px 0 0; font-size:18px; }
.order-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 24px; margin:0 0 16px; }
.order-detail-grid div,.order-detail-balances div { min-width:0; }
.order-detail-grid dt,.order-detail-balances dt { font-size:12px; color:#5f7079; margin-bottom:4px; }
.order-detail-grid dd,.order-detail-balances dd { margin:0; font-size:14px; overflow-wrap:anywhere; }
.order-detail-balances { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:0; padding:14px 0; border-top:1px solid #e4e7eb; border-bottom:1px solid #e4e7eb; }
.order-detail-balances dd { font-weight:700; }
.order-detail-notes,.order-detail-section { padding:14px 0; }
#order-view .order-detail-notes h3,#order-view .order-detail-section h3 { font-size:14px; margin:0 0 10px; }
.order-detail-notes p { margin:0; font-size:13px; white-space:pre-wrap; overflow-wrap:anywhere; }
.order-detail-measurements { padding:14px 0; border-bottom:1px solid #e4e7eb; font-size:13px; }
.order-detail-table { display:table; min-width:540px; width:100%; border-collapse:collapse; font-size:12px; }
#order-view .order-detail-table thead { display:table-header-group; }
#order-view .order-detail-table tbody { display:table-row-group; }
#order-view .order-detail-table tr { display:table-row; padding:0; border:0; box-shadow:none; }
#order-view .order-detail-table :is(th,td) { display:table-cell; }
#order-view .order-detail-table td::before { display:none; }
.order-detail-table th { text-align:left; color:#5f7079; background:#f6f8f9; font-weight:600; }
.order-detail-table th,.order-detail-table td { padding:9px 10px; border-bottom:1px solid #e4e7eb; vertical-align:top; overflow-wrap:anywhere; }
.order-detail-table .order-detail-money { text-align:right; white-space:nowrap; }
.order-detail-empty { font-size:13px; color:#5f7079; margin:0; }
#order-view footer { position:sticky; bottom:0; background:white; margin:0 -20px; padding:12px 20px; border-top:1px solid #e4e7eb; display:flex; justify-content:flex-end; gap:8px; flex-wrap:wrap; z-index:1; }
@media(max-width:520px) { .order-detail-grid { gap:12px; }.order-detail-balances { grid-template-columns:repeat(2,minmax(0,1fr)); }#order-view > header h2 { font-size:21px; } }
#order-upcoming-dialog { width:min(560px,calc(100vw - 24px)); }
#order-upcoming-dialog .order-dialog-body { padding:0 20px 12px; }
.order-due-list { list-style:none; padding:0; margin:0; }
.order-due-list li + li { border-top:1px solid #e4e7eb; }
.order-due-list button { display:flex; align-items:center; gap:16px; width:100%; padding:16px 4px; border:0; border-radius:0; background:white; text-align:left; }
.order-due-list button:hover { background:#f6f8f9; }
.order-due-identity { display:grid; gap:6px; min-width:0; flex:1; overflow-wrap:anywhere; }
.order-due-identity strong { font-size:14px; }
.order-due-identity > span { color:#5f7079; font-size:13px; }
.order-due-date { display:grid; gap:5px; text-align:right; flex-shrink:0; font-size:12px; }
.order-due-date small { color:#5f7079; }
.order-due-date .order-due-overdue { color:#b42335; }
.order-due-list svg { width:16px; height:16px; color:#5f7079; flex-shrink:0; }
.order-due-empty { padding:28px 0; text-align:center; color:#5f7079; }
.order-due-empty svg { width:28px; height:28px; }
.order-list-layout { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:14px; }.order-panel { background:white; border:1px solid #e4e7eb; border-radius:5px; padding:16px; min-width:0; }.order-panel h2 { font-family:Georgia,serif; font-size:17px; margin:0 0 12px; display:flex; gap:8px; align-items:center; }.order-panel h2 svg { width:18px; height:18px; color:#986d13; }.order-panel header { display:flex; justify-content:space-between; align-items:center; }.order-panel header label { display:flex; gap:6px; align-items:center; }.order-panel header select { padding:5px; border:1px solid #dce1e5; }.order-table { width:100%; border-collapse:collapse; font-size:11px; }.order-table th { background:#f3f5f6; white-space:nowrap; }.order-table th,.order-table td { padding:10px 7px; border-bottom:1px solid #edf0f2; }.order-table th button { display:flex; align-items:center; gap:3px; background:none; border:0; padding:0; font-size:11px; }.order-table .order-amount-total { background:#f3f7f5; }
.order-table .order-amount-total :is(th,td) { border-top:2px solid #c5d5cb; border-bottom:0; font-weight:700; }
.order-table .order-amount-total th { text-align:right; background:transparent; }
.order-table .order-amount-sum { white-space:nowrap; font-variant-numeric:tabular-nums; }
@media(max-width:700px) {
 .order-table tfoot { display:table-footer-group; }
 .order-table .order-amount-total { display:table-row; }
 .order-table .order-amount-total :is(th,td) { display:table-cell; padding:12px 8px; }
 .order-table .order-amount-total td::before { display:none; }
}
.order-table .order-days-column { width:60px; min-width:60px; }
.order-table .order-days-value { text-align:center; font-variant-numeric:tabular-nums; }
.order-table tr.order-row-urgent > td { background:#fff0f1; }
.order-table tr.order-row-high > td { background:#fff8e6; }
.order-table tr.order-row-urgent:hover > td { background:#ffe5e8; }
.order-table tr.order-row-high:hover > td { background:#fff0cc; }
.order-detail-priority { font-size:12px; color:#5f7079; }
.order-detail-heading > div { margin-right:auto; }
@media(max-width:700px) { .order-table .order-days-value::before { text-align:left; } }

.order-table .order-days-column button { margin:auto; white-space:normal; text-align:center; line-height:1.3; }
.order-table .order-days-column svg { flex-shrink:0; }
.order-table th svg { width:11px; height:11px; }.order-panel footer { display:flex; justify-content:space-between; gap:10px; align-items:center; margin-top:20px; font-size:12px; }.order-panel footer div { display:flex; gap:10px; align-items:center; }.order-link { background:none; border:0; padding:0; color:#344a64; font-size:11px; white-space:nowrap; }
.order-badge,.order-priority,.order-payment { display:inline-block; border-radius:3px; padding:4px 7px; white-space:nowrap; font-size:10px; }.order-badge.new,.order-badge.ready-for-fitting { color:#1769aa; background:#eaf3fc; }.order-badge.in-production,.order-priority.high { color:#88610b; background:#fcf1d6; }.order-badge.completed { color:#15803d; background:#e4f5eb; }.order-badge.cancelled,.order-priority.urgent { color:#b42335; background:#fee9e9; }.order-priority.normal,.order-payment { color:#4b5b63; background:#f0f3f5; }
.order-sidebar { display:grid; align-content:start; gap:14px; }.order-chart { height:180px; }.order-sidebar ul { list-style:none; padding:0; font-size:12px; }.order-sidebar li { display:flex; gap:8px; align-items:center; margin:9px 0; }.order-sidebar li i { width:9px; height:9px; border-radius:50%; }.order-sidebar li strong { margin-left:auto; }.order-upcoming { display:grid; grid-template-columns:1fr auto; width:100%; text-align:left; gap:5px; padding:9px 0; border:0; border-bottom:1px solid #edf0f2; background:none; font-size:11px; }.order-upcoming span { grid-column:1; color:#5f7079; }.order-upcoming small { grid-column:2; grid-row:1 / 3; align-self:center; }.order-insight { padding:15px; border:1px solid #eadcba; border-radius:4px; display:grid; gap:10px; background:#fffaf1; font-size:12px; }.order-mobile-filter { display:none; }
.order-dialog { width:min(740px,calc(100vw - 24px)); max-height:calc(100dvh - 24px); padding:0; border:1px solid #dadfe3; border-radius:6px; background:white; color:#263238; }.order-dialog::backdrop { background:#10161799; }body:has(.order-dialog[open]) { overflow:hidden; }.order-dialog > header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 24px; border-bottom:1px solid #e4e7eb; }.order-dialog h2 { margin:0; font-family:Georgia,serif; font-size:25px; }.order-dialog h3 { font-size:16px; }.order-dialog-body { padding:20px 24px; }.order-number,.order-total-row { display:flex; gap:25px; padding:12px 0; font-size:13px; }.order-number span { color:#677981; }.order-total-row { justify-content:space-between; border-top:1px solid #e4e7eb; margin-top:16px; }.order-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 22px; }.order-form-grid .full { grid-column:1 / -1; }.order-dialog footer { display:flex; justify-content:flex-end; gap:12px; border-top:1px solid #e4e7eb; padding-top:16px; margin-top:16px; }.order-dialog .icon-button { padding:5px; width:32px; height:32px; background:none; border:0; }.order-dialog svg { width:18px; height:18px; }.order-dialog form > label { margin-bottom:14px; }.order-snapshot { display:grid; grid-template-columns:1fr 1fr; font-size:12px; gap:7px; }.order-snapshot dd { margin:0; }.order-service-list form { display:grid; grid-template-columns:2fr 1fr 1fr auto; gap:8px; margin-bottom:10px; }.order-service-add { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.order-popup-filters { display:grid; gap:12px; }
@media(max-width:1200px) { .order-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }.order-list-layout { grid-template-columns:minmax(0,1fr); }.order-sidebar { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:700px) { .order-mobile-filter { display:inline-flex; align-items:center; gap:7px; }.order-mobile-filter svg { width:16px; height:16px; }.order-toolbar { flex-wrap:wrap; padding-bottom:10px; }.order-tabs { width:100%; flex-basis:100%; }.order-commands { margin-left:auto; }.order-metrics,.order-report-balances { grid-template-columns:repeat(2,minmax(0,1fr)); }.order-sidebar { grid-template-columns:minmax(0,1fr); }.order-metric { padding:10px; gap:6px; }.order-metric strong { font-size:18px; }.order-dialog-body { padding:14px; }.order-dialog > header { padding:14px; }.order-form-grid,.order-service-add { grid-template-columns:minmax(0,1fr); }.order-form-grid .full { grid-column:auto; }.order-dialog input,.order-dialog select,.order-dialog textarea { font-size:16px; }.order-service-list form { grid-template-columns:minmax(0,1fr) minmax(0,1fr); } }
@media(min-width:701px) { .order-metrics { grid-template-columns:repeat(6,minmax(0,1fr)); } }
@container orders (max-width:1000px) { .order-metric { padding:10px; gap:8px; }.order-metric-icon { flex-basis:32px; width:32px; height:38px; }.order-metric-icon svg { width:21px; height:21px; }.order-metric .order-metric-value.money { font-size:14px; }.order-metric .order-metric-value.compact { font-size:12px; } }
@container orders (max-width:820px) { .order-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@container orders (max-width:480px) { .order-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@container orders (max-width:940px) {
  .order-filters { grid-template-columns:minmax(0,1fr) auto; }
  .order-filters .order-filter-field,.order-filters .order-filter-command { display:none; }
  .order-filters .order-mobile-filter { display:inline-flex; align-items:center; gap:6px; }
}
@media(max-width:700px) {
  .order-filters { grid-template-columns:minmax(0,1fr) auto; padding:8px; }
  .order-filters .order-filter-field,.order-filters .order-filter-command { display:none; }
  .order-filters .search-control { height:38px; min-height:38px; }
  .order-filters .search-control input { font-size:16px; }
  .order-filters .order-mobile-filter { height:38px; min-height:38px; }
}
.order-dialog:has(.order-kind-picker) > header { display: grid; grid-template-columns: minmax(0,1fr) auto auto; }
.order-dialog:has(.order-kind-picker) > header h2 { grid-column: 1; grid-row: 1; font-size: 22px; overflow-wrap: anywhere; }
.order-dialog:has(.order-kind-picker) > header > button { grid-column: 3; grid-row: 1; }
.order-dialog:has(.order-kind-picker) .order-header-priority { grid-column: 2; grid-row: 1; }
.order-dialog .order-kind-picker { grid-column: 1 / -1; grid-row: 2; display: flex; align-items: center; gap: 8px; margin: 0; }
.order-dialog .order-kind-picker select { width: min(240px,100%); }
@media (max-width: 600px) {
 .order-dialog:has(.order-kind-picker) > header { grid-template-columns: minmax(0,1fr) auto; }
 .order-dialog .order-form-grid.three { grid-template-columns: minmax(0,1fr); }
 .order-dialog:has(.order-kind-picker) > header > button { grid-column: 2; }
 .order-dialog:has(.order-kind-picker) .order-header-priority { grid-column: 1 / -1; grid-row: 3; }
 .order-dialog .order-kind-picker { min-width: 0; }.order-dialog .order-kind-picker span { white-space: nowrap; }
 .order-dialog .order-kind-picker select { min-width: 0; flex: 1; }
}
#order-editor.order-awaiting-type :is(input,select,textarea,button):disabled { opacity:0.55; cursor:not-allowed; }
#order-editor > header.order-typed-header { display:grid; grid-template-columns:minmax(0,1fr) auto auto 32px; }
@media(max-width:860px) {
 #order-editor > header.order-typed-header { grid-template-columns:minmax(0,1fr) minmax(0,1fr) 32px; }
 #order-editor > header.order-typed-header h2 { grid-column:1/3; grid-row:1; }
 #order-editor > header.order-typed-header > button { grid-column:3; grid-row:1; }
 #order-editor .order-header-type { grid-column:1; grid-row:2; display:grid; min-width:0; gap:4px; }
 #order-editor .order-header-priority { grid-column:2/4; grid-row:2; display:grid; min-width:0; gap:4px; }
 #order-editor :is(.order-header-type,.order-header-priority) select { width:100%; min-width:0; }
}
@media(max-width:600px) {
 #order-editor > header.order-typed-header { grid-template-columns:minmax(0,1.8fr) minmax(0,1fr) 24px; }
}
.order-dialog .order-quality-confirmation { display:flex; align-items:flex-start; gap:10px; margin:16px 0; padding:12px; background:#f5f8f6; border:1px solid #d7e5dc; border-radius:4px; font-size:13px; line-height:1.5; }
.order-dialog .order-quality-confirmation input { width:18px; height:18px; flex:0 0 18px; margin:2px 0 0; accent-color:#15803d; }