.order-from-product { width:100%; margin:0 0 6px; }
.order-distinction-field{padding:0 0 18px;border-bottom:1px solid #e6ebde}.order-distinction-custom-field input{width:100%}.order-distinction-detail{display:flex;align-items:center;gap:7px;margin:13px 0 0;color:#836b39;font-size:11px;line-height:1.7;overflow-wrap:anywhere}.order-distinction-detail svg{width:16px;height:16px}.order-item-thumbnails{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:13px 0 4px}.order-item-thumb{position:relative;display:block;width:48px;height:48px;flex-shrink:0;border:1px solid #e7e8df;border-radius:8px;background-color:#f1eee6;overflow:hidden}.order-item-thumb>img{display:block;width:100%;height:100%;object-fit:cover}.order-item-thumb.atlas-photo{aspect-ratio:1;background-size:300% 200%}.order-item-thumb.no-item-photo{display:grid;place-items:center;background:#eef3e8;color:#8a9c7a}.order-item-thumb.no-item-photo>svg{width:22px;height:22px}.order-thumb-quantity{position:absolute;right:2px;bottom:2px;border-radius:4px;background:#173e35ed;color:white;min-width:16px;max-width:43px;padding:2px 4px;font-size:8px;line-height:1.3;text-align:center}.order-thumbnails-more{display:grid;place-items:center;width:40px;height:40px;border:1px dashed #d5dfcc;border-radius:8px;background:#f5f8f0;color:#718166;font-size:11px}.order-detail-item-top>.detail-item-thumb{width:56px;height:56px}.order-detail-item-top>div{flex:1}
.order-detail-section .order-distinction-detail{color:#836b39;margin-top:12px;font-size:11px}.order-distinction-detail>span{font:inherit;color:inherit;margin:0}.order-detail-item-top>.order-item-thumb{margin-top:0}
@media(max-width:700px){.order-line-distinction,.order-line-distinction-custom{font-size:16px!important}.order-item-thumbnails{gap:6px}.order-item-thumb{width:42px;height:42px}.order-detail-item-top>.detail-item-thumb{width:46px;height:46px}.order-thumb-quantity{font-size:8px}.order-distinction-detail{font-size:11px}}
.order-ribbon-field { padding:18px 0 17px; border-bottom:1px solid #e6ebde; }
.order-ribbon-control { display:grid; grid-template-columns:minmax(0,1fr) 38px; gap:17px; align-items:end; }
.order-ribbon-control>.form-field { margin:0; min-width:0; }
.order-ribbon-control select { width:100%; text-overflow:ellipsis; }
.ribbon-swatch { display:block; width:27px; height:42px; background:var(--ribbon-background,#e1e7d8); border:1px solid #173e3514; clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%); border-radius:3px 3px 0 0; justify-self:center; margin-bottom:1px; }
.order-ribbon-field .ribbon-hint { color:#98a58b; font-size:9px; line-height:1.7; margin:10px 0 0; }
.order-ribbon-custom-field>input { width:100%; }
.order-ribbon-detail { display:flex; align-items:center; gap:11px; padding:13px 14px; margin-top:14px; border:1px solid #e3ead9; background:#f4f7ee; border-radius:8px; }
.order-ribbon-detail>.ribbon-swatch { flex-shrink:0; width:20px; height:30px; margin:0; }
.order-ribbon-detail>div { min-width:0; }
.order-detail-item .order-ribbon-detail span:not(.ribbon-swatch) { font-size:9px; color:#93a186; margin:0 0 3px; }
.order-ribbon-detail strong { font-size:12px; color:#627d54; font-weight:600; line-height:1.6; overflow-wrap:anywhere; }
@media(max-width:700px) {
  .order-ribbon-control { grid-template-columns:minmax(0,1fr) 30px; gap:12px; }
  .order-ribbon-control select,.order-ribbon-custom-field>input { font-size:16px; }
  .order-ribbon-field { padding:16px 0; }
  .order-ribbon-field .ribbon-hint { font-size:9px; }
  .order-ribbon-detail { padding:11px 12px; }
  .order-ribbon-detail strong { font-size:11px; }
}
.order-list { display:grid; gap:14px; }
.order-card { display:grid; grid-template-columns:42px minmax(0,1fr) auto; gap:18px; align-items:start; width:100%; text-align:left; padding:24px; border:1px solid var(--line); border-radius:12px; background:#fff; transition:box-shadow .18s,border-color .18s; }
.order-card:hover { border-color:#c5d1be; box-shadow:0 4px 18px #173e3508; }
.order-card-icon { display:grid; place-items:center; width:42px; height:45px; background:var(--sage); border-radius:10px; color:#637c5b; }
.order-card-icon svg { width:21px; height:21px; }
.order-card-top { display:flex; align-items:center; gap:12px; flex-wrap:wrap; min-height:24px; }
.order-reference { font-size:11px; font-weight:700; letter-spacing:.5px; }
.order-status { display:inline-flex; align-items:center; gap:6px; padding:5px 8px; font-size:9px; border-radius:5px; line-height:1.4; font-weight:500; color:#a58445; background:#faf1dd; white-space:nowrap; }
.order-status>span { width:4px; height:4px; border-radius:50%; background:currentColor; }
.status-produccion { color:#607b8f; background:#edf2f6; }
.status-listo { color:#517456; background:#eaf2e4; }
.status-entregado { color:#5c7b6d; background:#eaf0ed; }
.status-cancelado { color:#9a7a70; background:#f6ece8; }
.order-card h3 { font-size:17px; margin:13px 0 7px; font-weight:650; letter-spacing:-.4px; overflow-wrap:anywhere; }
.order-card-products { color:#87917f; font-size:11px; margin:0; line-height:1.7; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.order-card-products>span { font-size:9px; padding-left:4px; color:#a7ae9e; }
.order-card-bottom { display:flex; flex-wrap:wrap; align-items:center; gap:10px 20px; margin-top:18px; }
.order-delivery { display:flex; gap:6px; align-items:center; color:#829077; font-size:10px; }
.order-delivery svg { width:14px; height:14px; }
.overdue { color:#af7455; font-size:10px; }
.order-quantity { color:#a4ac9b; font-size:10px; }
.order-card-price { display:flex; align-items:flex-end; flex-direction:column; padding-top:4px; min-width:105px; }
.order-card-price>strong { font-size:24px; font-weight:650; letter-spacing:-.8px; overflow-wrap:anywhere; }
.order-card-price>span:not(.product-arrow) { color:#a9b19f; font-size:8px; margin-top:4px; }
.order-card-price .product-arrow { margin-top:29px; }
.order-sheet { width:min(680px,calc(100% - 30px)); }
.order-form-section { padding:23px 0; border-bottom:1px solid var(--line); }
.order-form-section:first-child { padding-top:4px; }
.order-form-section:last-of-type { border-bottom:0; padding-bottom:5px; }
.order-form-section>h3 { display:flex; align-items:center; gap:10px; font-size:13px; font-weight:650; margin:0 0 20px; letter-spacing:-.2px; }
.order-form-section>h3>span { display:grid; place-items:center; width:25px; height:25px; background:var(--sage); color:#718366; border-radius:6px; font-size:9px; letter-spacing:.3px; }
.order-form-section .form-field { margin-top:16px; }
.order-form-section>h3+.form-field { margin-top:0; }
.order-form-section .form-row { gap:16px; }
.order-form-section .form-row>* { min-width:0; }
.order-form-section .form-row .form-field { margin-top:13px; }
.optional { color:#a1aa95; font-size:9px; margin-left:3px; font-weight:400; }
.form-field>textarea { display:block; width:100%; resize:vertical; min-height:85px; padding:12px 13px; border:1px solid #e0e5da; border-radius:7px; font:inherit; font-size:12px; font-weight:400; line-height:1.8; color:var(--ink); background:#fff; margin-top:8px; }
.form-field>textarea::placeholder { color:#a5ae9c; }
textarea:focus-visible { outline:3px solid #cfab57; outline-offset:4px; }
.order-line { background:#f8faf5; border:1px solid #e6ebde; border-radius:10px; padding:13px 17px 15px; margin-bottom:12px; }
.order-line-heading { display:flex; justify-content:space-between; align-items:center; }
.order-line-heading>span { font-size:8px; color:#8e9a80; letter-spacing:1.4px; font-weight:600; }
.order-line-heading .icon-button { width:25px; height:25px; }
.order-line-heading .icon-button svg { width:14px; height:14px; }
.order-line-heading .icon-button:disabled { opacity:.25; cursor:default; }
.order-line-fields { display:grid; grid-template-columns:minmax(0,1fr) 90px; gap:12px; }
.order-line-fields>.form-field { margin-top:6px; min-width:0; }
.order-line-fields select { text-overflow:ellipsis; padding-right:20px; }
.order-line-fields input { width:100%; }
.order-line-pricing { display:flex; justify-content:space-between; gap:12px; align-items:center; margin-top:14px; font-size:10px; color:#929d86; }
.order-line-pricing>span>strong { color:#73856a; font-weight:500; margin-left:5px; }
.order-line-subtotal { color:#536a4b; font-size:13px; font-weight:600; }
.add-order-line { min-height:39px; font-size:11px; }
.order-form-section>.field-hint { color:#9ba48e; font-size:9px; line-height:1.8; margin:12px 0 0; }
.order-form-footer { gap:10px; }
.order-form-total { margin-right:auto; display:flex; flex-direction:column; gap:5px; min-width:0; }
.order-form-total>span { font-size:9px; color:#8f9a82; }
.order-form-total>strong { font-size:23px; font-weight:650; letter-spacing:-.8px; overflow-wrap:anywhere; }
.order-detail-dialog { width:min(600px,calc(100% - 30px)); }
.order-detail-dialog .dialog-header { border-bottom:1px solid var(--line); }
.order-detail-dialog .dialog-body { padding-top:22px; }
.order-detail-dialog .dialog-footer { position:sticky; bottom:0; z-index:1; }
.order-detail-dialog #delete-order { margin-right:auto; }
.order-detail-status { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:25px; }
.order-detail-status .order-status { font-size:10px; padding:6px 10px; }
.order-detail-section { padding:22px 0; border-bottom:1px solid var(--line); }
.order-detail-section:first-of-type { padding-top:0; }
.order-detail-section:last-child { border-bottom:0; padding-bottom:5px; }
.order-detail-section h3 { display:flex; gap:8px; align-items:center; margin:0 0 15px; font-size:11px; font-weight:650; color:#7c8b6e; }
.order-detail-section h3 svg { width:15px; height:15px; }
.order-customer-title { font-size:18px; letter-spacing:-.4px; line-height:1.6; overflow-wrap:anywhere; }
.order-detail-section p { font-size:12px; color:#7e8c73; line-height:1.8; margin:5px 0 0; overflow-wrap:anywhere; }
.order-detail-dates { display:grid; grid-template-columns:1fr 1fr; gap:20px; padding:20px 0 0; }
.order-detail-dates span { display:block; font-size:9px; color:#a0a992; margin-bottom:7px; }
.order-detail-dates strong { font-size:12px; font-weight:500; }
.order-detail-item { display:flex; gap:16px; align-items:center; justify-content:space-between; padding:15px 0; border-bottom:1px solid #eef1e8; }
.order-detail-item>div { min-width:0; }
.order-detail-item>div>strong { display:block; font-size:12px; font-weight:600; overflow-wrap:anywhere; line-height:1.6; }
.order-detail-item span { display:block; font-size:10px; line-height:1.7; color:#97a18b; margin-top:5px; overflow-wrap:anywhere; }
.order-detail-item>strong { font-size:15px; font-weight:600; white-space:nowrap; }
.order-detail-total { display:flex; gap:12px; align-items:center; justify-content:space-between; margin-top:20px; }
.order-detail-total>span { font-size:11px; color:#7e8f6e; }
.order-detail-total>strong { font-size:26px; font-weight:650; letter-spacing:-.8px; overflow-wrap:anywhere; text-align:right; }
.order-detail-section .order-note { white-space:pre-wrap; font-size:12px; }
@media(max-width:1000px) {
  .order-card { padding:20px; gap:14px; }
  .order-card-price>strong { font-size:21px; }
  .order-card-price { min-width:85px; }
}

/* Product selection and the two-step order form. */
.order-sheet { width:min(860px,calc(100% - 30px)); }
.wizard-fieldset { min-inline-size:0; width:100%; margin:0; border:0; padding:0; }
.order-steps { display:flex; align-items:center; gap:14px; padding:0 28px 22px; border-bottom:1px solid var(--line); flex-shrink:0; }
.order-steps button { display:flex; align-items:center; gap:10px; background:transparent; text-align:left; padding:0; color:#9ca791; }
.order-steps button>span:first-child { display:grid; place-items:center; border:1px solid #dce4d4; background:#f7f9f2; width:31px; height:31px; border-radius:50%; font-size:11px; font-weight:600; flex-shrink:0; }
.order-steps button>span:last-child { font-size:12px; font-weight:600; line-height:1.5; }
.order-steps small { display:block; font-size:9px; font-weight:400; color:#a4ac9b; margin-top:3px; }
.order-steps .active { color:var(--forest); }
.order-steps .active>span:first-child { color:#fff; background:var(--forest); border-color:var(--forest); }
.order-steps .complete>span:first-child { color:var(--forest); background:var(--sage); border-color:var(--sage); }
.step-connector { flex:1; height:1px; background:#e4e9dd; min-width:20px; }
.order-form-body { padding-top:24px; min-height:0; }
.picker-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px; }
.picker-heading h3 { font-size:18px; letter-spacing:-.5px; margin:0; font-weight:650; }
.picker-heading h3:focus,#order-customer-heading:focus { outline:none; }
.picker-heading p { font-size:11px; color:#8f9b83; margin:8px 0 0; line-height:1.7; }
.selection-shortcut { display:flex; align-items:center; gap:7px; font-size:10px; color:#6a815d; background:#f0f5e9; padding:9px 11px; border-radius:6px; flex-shrink:0; }
.selection-shortcut span { font-size:9px; font-weight:600; }
.picker-categories { margin-bottom:16px; padding-bottom:5px; }
.order-product-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.picker-product { min-width:0; display:flex; flex-direction:column; overflow:hidden; text-align:left; padding:0; background:#fff; border:1px solid var(--line); border-radius:11px; transition:border-color .15s,box-shadow .15s; }
.picker-product:hover { border-color:#a9b99d; }
.picker-product.selected { border-color:var(--forest); box-shadow:0 0 0 1px var(--forest); }
.picker-check { position:absolute; top:10px; right:10px; width:27px; height:27px; display:grid; place-items:center; color:var(--forest); background:#fffffff0; border-radius:50%; box-shadow:0 2px 7px #173e350a; }
.picker-check svg { width:15px; height:15px; }
.selected .picker-check { color:#fff; background:var(--forest); }
.picker-product-info { display:flex; flex-direction:column; flex:1; width:100%; padding:15px; }
.picker-product h4 { font-size:13px; font-weight:650; margin:0 0 7px; line-height:1.5; overflow-wrap:anywhere; }
.picker-measure { display:flex; align-items:center; gap:5px; color:#97a18c; font-size:10px; }
.picker-measure svg { width:12px; height:12px; }
.picker-product-info>p { font-size:11px; color:#87957a; line-height:1.7; margin:9px 0 12px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.picker-product-bottom { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:6px; border-top:1px solid #edf0e6; padding-top:12px; margin-top:auto; }
.picker-product-bottom>strong { font-size:19px; letter-spacing:-.5px; font-weight:650; overflow-wrap:anywhere; }
.picker-product-bottom>span { font-size:9px; color:#91a083; }
.picker-product.selected .picker-product-bottom>span { color:var(--forest); font-weight:600; }
.picker-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; padding:47px 22px; border:1px dashed #dce5d3; border-radius:10px; background:#f9fbf5; color:#91a181; text-align:center; }
.picker-empty>svg { width:30px; height:30px; stroke-width:1.2; }
.picker-empty p { font-size:12px; line-height:1.8; margin:0; max-width:290px; }
.order-selection-section { border-top:1px solid var(--line); padding-top:24px; margin-top:28px; scroll-margin-top:12px; }
.selection-section-heading { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:12px; margin-bottom:18px; }
.selection-section-heading h3 { font-size:16px; font-weight:650; margin:0; letter-spacing:-.4px; }
.selection-section-heading h3>span { font-size:10px; background:var(--sage); color:#738968; padding:4px 7px; border-radius:5px; margin-left:4px; }
.selection-section-heading button { display:flex; align-items:center; gap:6px; background:transparent; font-size:10px; color:#748c64; padding:4px 0; }
.selection-section-heading button svg { width:13px; height:13px; }
.order-line { padding:15px 19px 20px; scroll-margin-top:10px; }
.selected-product-header { display:flex; align-items:center; gap:13px; margin:7px 0 14px; }
.selected-product-header>div:last-child { min-width:0; }
.selected-product-header h4 { font-size:15px; line-height:1.5; font-weight:650; letter-spacing:-.3px; margin:0 0 6px; overflow-wrap:anywhere; }
.selected-product-header>div>span { display:block; font-size:10px; color:#8f9d82; line-height:1.7; }
.selected-product-photo { width:55px; height:55px; flex-shrink:0; overflow:hidden; border-radius:8px; background-color:#efeee5; }
.selected-product-photo>img { width:100%; height:100%; object-fit:cover; }
.retired-product-photo { display:grid; place-items:center; color:#9cac8b; background:#eaf0e4; }
.selected-product-description { font-size:11px; line-height:1.8; color:#849578; white-space:pre-line; overflow-wrap:anywhere; margin:0 0 17px; }
.selected-product-quantity { display:grid; grid-template-columns:90px minmax(0,1fr) minmax(0,1fr); gap:18px; align-items:end; padding-bottom:16px; border-bottom:1px solid #e6ebde; }
.selected-product-quantity .form-field { margin:0; font-size:10px; }
.selected-product-quantity .form-field>input { padding:11px 12px; }
.selected-unit-price,.selected-line-total { padding-bottom:6px; min-width:0; }
.selected-unit-price>span,.selected-line-total>span { display:block; color:#98a28d; font-size:9px; margin-bottom:9px; }
.selected-unit-price>strong { font-size:14px; font-weight:500; overflow-wrap:anywhere; }
.selected-line-total>strong { font-size:20px; font-weight:650; letter-spacing:-.6px; overflow-wrap:anywhere; }
.selected-line-total { text-align:right; }
.order-line .form-field>textarea { background:#fff; }
.legacy-notes { padding:18px; border:1px solid #ebdfc4; border-radius:9px; margin-top:22px; background:#fcf8ef; }
.legacy-notes>h3 { font-size:13px; margin:0 0 9px; }
.legacy-notes>p { font-size:11px; line-height:1.8; color:#9c8d6c; margin:0; }
.wizard-selection-summary { display:flex; align-items:flex-start; justify-content:space-between; gap:15px; border:1px solid #e3ebda; background:#f3f7ed; padding:17px 19px; border-radius:10px; margin-bottom:7px; }
.wizard-selection-summary .eyebrow { font-size:8px; letter-spacing:1.4px; display:block; margin-bottom:7px; }
.wizard-selection-summary strong { display:block; font-size:15px; font-weight:600; letter-spacing:-.3px; }
.wizard-selection-summary p { color:#8c9b7e; font-size:11px; line-height:1.8; margin:9px 0 0; overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.wizard-selection-summary button { display:flex; align-items:center; gap:5px; font-size:10px; color:#748b63; background:transparent; padding:3px 0; flex-shrink:0; }
.wizard-selection-summary button svg { width:13px; height:13px; }
.order-form-section>h3>span svg { width:14px; height:14px; }
.order-form-total small { display:block; margin-top:5px; font-size:8px; font-weight:400; color:#9faa96; line-height:1.5; }
.order-detail-item { display:block; }
.order-detail-item-top { display:flex; gap:16px; justify-content:space-between; align-items:center; }
.order-detail-item-top>div { min-width:0; }
.order-detail-item-top>div>strong { font-size:13px; line-height:1.6; font-weight:600; }
.order-detail-item .order-detail-item-top>strong { font-size:15px; font-weight:600; white-space:nowrap; }
.order-detail-section .order-item-description { font-size:10px; color:#96a18c; margin-top:12px; white-space:pre-line; }
.order-item-note { padding:12px 14px; background:#f5f8f0; border-radius:7px; margin-top:12px; }
.order-item-note h4 { font-size:10px; color:#738666; font-weight:600; margin:0 0 5px; }
.order-item-note .order-note { font-size:11px; }
.detail-description { font-size:12px; color:#849478; line-height:1.8; white-space:pre-line; overflow-wrap:anywhere; margin:12px 0 0; }
.quick-product-option { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:16px; margin-bottom:20px; border:1px solid #e2e8da; border-radius:9px; background:#f3f7ed; }
.quick-product-option strong { font-size:12px; font-weight:600; }
.quick-product-option p { margin:5px 0 0; color:#718166; font-size:11px; line-height:1.6; }
.quick-product-option .button { flex-shrink:0; min-height:44px; white-space:nowrap; }
.quick-product-label { display:flex; align-items:center; flex-wrap:wrap; gap:7px; font-size:12px; font-weight:600; color:var(--forest); margin:8px 0 16px; }
.quick-product-label svg { width:17px; height:17px; }
.quick-product-label>span { font-size:9px; font-weight:400; color:#718166; margin-left:auto; }
.quick-order-line>.form-field { margin-top:0; }
.quick-product-fields { margin-bottom:18px; }
.quick-product-fields .form-field { min-width:0; margin-top:14px; }
.quick-order-line .selected-product-quantity { grid-template-columns:85px minmax(0,1.3fr) minmax(0,1fr); gap:14px; }
@media(max-width:700px) {
  .quick-product-option { align-items:stretch; flex-direction:column; gap:12px; padding:15px; }
  .quick-product-option .button { justify-content:center; width:100%; }
  .quick-order-line .form-field>input,.quick-order-line .form-field>select { font-size:16px; }
  .quick-order-line .selected-product-quantity { grid-template-columns:70px minmax(0,1fr); gap:12px; }
  .quick-order-line .selected-line-total { grid-column:1/-1; display:flex; justify-content:space-between; align-items:center; padding-bottom:0; }
  .quick-order-line .selected-line-total>span { margin-bottom:0; }
  .order-sheet { width:100%; max-width:none; }
  .order-steps { padding:0 22px 19px; gap:10px; }
  .order-steps button { gap:8px; }
  .order-steps button>span:first-child { width:27px; height:27px; font-size:10px; }
  .order-steps button>span:last-child { font-size:10px; }
  .order-steps small { font-size:8px; margin-top:2px; }
  .step-connector { min-width:10px; }
  .order-form-body { padding-top:21px; }
  .picker-heading { gap:8px; align-items:flex-start; }
  .picker-heading h3 { font-size:17px; }
  .picker-heading p { font-size:10px; }
  .selection-shortcut { font-size:9px; padding:7px 8px; gap:4px; }
  .picker-categories { margin-right:-22px; padding-right:22px; }
  .order-product-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .picker-product-info { padding:12px 10px; }
  .picker-product h4 { font-size:11px; min-height:33px; }
  .picker-measure { font-size:9px; gap:4px; }
  .picker-product-info>p { font-size:10px; line-height:1.7; }
  .picker-product-bottom { padding-top:10px; }
  .picker-product-bottom>strong { font-size:17px; }
  .picker-product-bottom>span { font-size:8px; }
  .picker-check { height:24px; width:24px; right:8px; top:8px; }
  .picker-check svg { height:13px; width:13px; }
  .picker-empty { padding:35px 20px; }
  .picker-empty p { font-size:11px; }
  .order-line { padding:12px 14px 18px; }
  .selected-product-header { gap:10px; }
  .selected-product-header h4 { font-size:13px; }
  .selected-product-header>div>span { font-size:9px; }
  .selected-product-photo { height:48px; width:48px; }
  .selected-product-description { font-size:10px; }
  .selected-product-quantity { grid-template-columns:75px minmax(0,1fr) minmax(0,1fr); gap:12px; }
  .selected-unit-price>span,.selected-line-total>span { font-size:8px; }
  .selected-unit-price>strong { font-size:12px; }
  .selected-line-total>strong { font-size:18px; }
  .order-line .form-field { font-size:10px; }
  .order-line .form-field>textarea,.legacy-notes .form-field>textarea { font-size:16px; line-height:1.7; }
  .order-line .form-field>textarea::placeholder { font-size:12px; }
  .wizard-selection-summary { padding:15px; gap:12px; }
  .wizard-selection-summary strong { font-size:14px; }
  .wizard-selection-summary p { font-size:10px; }
  .order-form-total small { font-size:8px; }
  #product-description { font-size:16px; }
  #product-description::placeholder { font-size:13px; }
}
@media(max-width:700px) {
  .bottom-nav { padding-left:12px; padding-right:12px; }
  .bottom-nav button { min-width:0; flex:1; padding-left:4px; padding-right:4px; }
  .order-card { grid-template-columns:33px minmax(0,1fr); gap:13px; padding:18px 15px; }
  .order-card-icon { width:33px; height:36px; border-radius:8px; }
  .order-card-icon svg { width:18px; height:18px; }
  .order-card-top { gap:7px; }
  .order-reference { font-size:10px; }
  .order-status { font-size:8px; padding:4px 6px; gap:4px; }
  .order-card h3 { font-size:16px; margin-top:11px; }
  .order-card-products { font-size:10px; }
  .order-card-bottom { gap:9px 12px; margin-top:14px; }
  .order-delivery { font-size:9px; }
  .order-delivery svg { width:12px; height:12px; }
  .order-quantity { font-size:9px; }
  .order-card-price { grid-column:2; flex-direction:row; align-items:center; gap:7px; border-top:1px solid #edf0e6; padding-top:12px; margin-top:0; }
  .order-card-price>strong { font-size:21px; }
  .order-card-price>span:not(.product-arrow) { font-size:8px; margin-top:0; }
  .order-card-price .product-arrow { margin:0 0 0 auto; }
  #order-section .catalog-toolbar .search-field { min-width:150px; }
  #order-section .sort-control select { width:100px; max-width:100px; }
  .order-sheet { width:100%; max-width:none; }
  .order-form-section { padding:23px 0; }
  .order-form-section>h3 { font-size:13px; }
  .order-line { padding:11px 12px 14px; }
  .order-line-fields { grid-template-columns:minmax(0,1fr) 75px; gap:10px; }
  .order-line-fields>.form-field { font-size:10px; }
  .order-line-fields select { font-size:14px; padding-left:9px; }
  .order-line-fields input { padding-left:10px; padding-right:6px; }
  .order-form-section .form-row { gap:11px; }
  .order-form-section input[type="date"] { font-size:13px; min-width:0; padding-left:9px; padding-right:7px; }
  .order-form-section .form-field>textarea { font-size:16px; line-height:1.7; }
  .order-form-section .form-field>textarea::placeholder { font-size:13px; }
  .order-form-section>.field-hint { font-size:9px; }
  .order-form-footer { flex-wrap:wrap; padding-top:14px; gap:12px 10px; }
  .order-form-total { flex-basis:100%; flex-direction:row; justify-content:space-between; align-items:center; gap:10px; }
  .order-form-total>span { font-size:10px; }
  .order-form-total>strong { font-size:24px; }
  .order-form-footer>.button { flex:1; }
  .order-detail-dialog { width:calc(100% - 24px); }
  .order-detail-dates { gap:14px; }
  .order-detail-dates strong { font-size:11px; }
  .order-detail-item { gap:10px; }
  .order-detail-item>div>strong { font-size:12px; }
  .order-detail-item>strong { font-size:14px; }
  .order-detail-total>span { font-size:10px; }
  .order-detail-total>strong { font-size:23px; }
}