/*
 * Go Iconic shared modal system v001.
 */

/* UI-MODAL:FOUNDATION */
:root {
 --ui-modal-backdrop: rgba(15, 23, 42, .62);
 --ui-modal-panel: #fff;
 --ui-modal-border: rgba(203, 213, 225, .88);
 --ui-modal-text: #0f172a;
 --ui-modal-muted: #64748b;
 --ui-modal-accent: var(--brand, #ff8a00);
 --ui-modal-accent-soft: #fff7ed;
 --ui-modal-accent-border: #fed7aa;
 --ui-modal-radius: 24px;
 --ui-modal-shadow: 0 30px 90px rgba(15, 23, 42, .34);
 --ui-modal-speed: .2s;
 --ui-modal-user-title: 20px;
 --ui-modal-user-description: 12px;
 --ui-modal-user-eyebrow: 9px;
 --ui-modal-user-body: 15px;
 --ui-modal-user-label: 13px;
 --ui-modal-user-field: 16px;
 --ui-modal-user-button: 14px;
 --ui-modal-user-aux: 11px;
 --ui-modal-user-nav: 11px;
 --ui-modal-user-nav-icon: 15px;
 --ui-modal-user-section-title: 16px;
}

body.ui-modal-open {
 overflow: hidden !important;
}

.ui-modal[hidden] {
 display: none !important;
}

.ui-modal {
 position: fixed !important;
 inset: 0 !important;
 z-index: 14000 !important;
 display: flex !important;
 align-items: center !important;
 justify-content: center !important;
 box-sizing: border-box !important;
 padding: 18px !important;
 overflow: hidden !important;
 background: var(--ui-modal-backdrop) !important;
 opacity: 0;
 visibility: hidden;
 pointer-events: none;
 transition: opacity var(--ui-modal-speed) ease, visibility 0s linear var(--ui-modal-speed);
}

.ui-modal.is-open {
 opacity: 1;
 visibility: visible;
 pointer-events: auto;
 transition-delay: 0s;
}

.ui-modal__backdrop {
 position: absolute;
 inset: 0;
 width: 100%;
 height: 100%;
 margin: 0;
 padding: 0;
 border: 0;
 background: transparent;
 cursor: default;
}

.ui-modal::before {
 content: "";
 position: absolute;
 inset: 0;
 -webkit-backdrop-filter: blur(9px);
 backdrop-filter: blur(9px);
 pointer-events: none;
}

.ui-modal__panel {
 position: relative !important;
 z-index: 1 !important;
 width: min(720px, 100%) !important;
 max-width: 100% !important;
 max-height: min(820px, calc(100dvh - 36px)) !important;
 display: flex !important;
 flex-direction: column !important;
 box-sizing: border-box !important;
 padding: 0 !important;
 overflow: hidden !important;
 border: 1px solid var(--ui-modal-border) !important;
 border-radius: var(--ui-modal-radius) !important;
 background: var(--ui-modal-panel) !important;
 color: var(--ui-modal-text) !important;
 box-shadow: var(--ui-modal-shadow) !important;
 opacity: 0;
 transform: translateY(12px) scale(.985);
 transition: opacity var(--ui-modal-speed) ease, transform var(--ui-modal-speed) ease;
}

.ui-modal.is-open .ui-modal__panel {
 opacity: 1;
 transform: translateY(0) scale(1);
}

.ui-modal__panel--xs { width: min(420px, 100%) !important; }
.ui-modal__panel--sm { width: min(560px, 100%) !important; }
.ui-modal__panel--md { width: min(720px, 100%) !important; }
.ui-modal__panel--lg { width: min(960px, 100%) !important; }

.ui-print-modal__quantity {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 min-width: 0;
 margin-right: auto;
 color: #475569;
 font-size: 12px;
 font-weight: 850;
 white-space: nowrap;
}

.ui-print-modal__quantity select {
 min-width: 82px;
 height: 38px;
 padding: 0 28px 0 10px;
 border: 1px solid #fdba74;
 border-radius: 11px;
 background: #fff7ed;
 color: #9a3412;
 font: inherit;
 font-weight: 900;
}

@media (max-width: 620px) {
 .ui-print-modal__actions {
  flex-wrap: wrap;
 }

 .ui-print-modal__quantity {
  order: 3;
  width: 100%;
  justify-content: center;
  margin-right: 0;
 }
}

.ui-modal--success {
 --ui-modal-accent: #16a34a;
 --ui-modal-accent-soft: #f0fdf4;
 --ui-modal-accent-border: #bbf7d0;
}

.ui-modal--warning {
 --ui-modal-accent: #d97706;
 --ui-modal-accent-soft: #fffbeb;
 --ui-modal-accent-border: #fde68a;
}

/* UI-MODAL:PRINT-JOB-STATUS */
.ui-modal--print-job-status .print-job-status__panel {
 width: min(430px, 100%) !important;
}

.ui-modal--print-job-status .ui-modal__header {
 padding-bottom: 20px;
}

.ui-modal--print-job-status .print-job-status__actions {
 justify-content: stretch;
}

.ui-modal--print-job-status .print-job-status__close {
 position: relative;
 width: 100% !important;
 overflow: hidden;
 border-color: #fb923c !important;
 background: #fff !important;
 color: #334155 !important;
}

.ui-modal--print-job-status .print-job-status__close::before {
 content: "";
 position: absolute;
 inset: auto auto 0 0;
 width: var(--print-job-close-progress, 100%);
 height: 6px;
 background: #f97316;
 box-shadow: 0 0 10px rgba(249, 115, 22, .75);
 transition: width .1s linear;
}

.ui-modal--print-job-status .print-job-status__close > span {
 position: relative;
 z-index: 1;
}

.ui-modal--danger {
 --ui-modal-accent: #dc2626;
 --ui-modal-accent-soft: #fef2f2;
 --ui-modal-accent-border: #fecaca;
}

.ui-modal--whatsapp {
 --ui-modal-accent: #16a34a;
 --ui-modal-accent-soft: #f0fdf4;
 --ui-modal-accent-border: #bbf7d0;
}

/* UI-MODAL:COMPONENTS */
.ui-modal__header {
 position: relative;
 display: grid;
 grid-template-columns: 56px minmax(0, 1fr);
 align-items: center;
 gap: 14px;
 padding: 22px 68px 18px 22px;
 border-bottom: 1px solid #e2e8f0;
 background:
  radial-gradient(circle at 92% 0, color-mix(in srgb, var(--ui-modal-accent) 12%, transparent), transparent 42%),
  linear-gradient(135deg, var(--ui-modal-accent-soft), #fff 64%);
}

.ui-modal__icon {
 width: 56px;
 height: 56px;
 display: inline-grid;
 place-items: center;
 box-sizing: border-box;
 border: 1px solid var(--ui-modal-accent-border);
 border-radius: 18px;
 background: #fff;
 color: var(--ui-modal-accent);
 box-shadow: 0 10px 24px color-mix(in srgb, var(--ui-modal-accent) 18%, transparent);
}

.ui-modal__icon svg {
 display: block;
 width: 30px;
 height: 30px;
}

.ui-modal__eyebrow {
 display: block;
 margin-bottom: 4px;
 color: var(--ui-modal-accent);
 font-size: 10px;
 font-weight: 950;
 letter-spacing: .09em;
 text-transform: uppercase;
}

.ui-modal__title {
 margin: 0;
 color: var(--ui-modal-text);
 font-size: clamp(20px, 2.2vw, 26px);
 font-weight: 950;
 line-height: 1.12;
 letter-spacing: -.025em;
}

.ui-modal__description {
 margin: 6px 0 0;
 color: var(--ui-modal-muted);
 font-size: 13px;
 font-weight: 700;
 line-height: 1.45;
}

.ui-modal__close {
 position: absolute !important;
 top: 14px !important;
 right: 14px !important;
 width: 42px !important;
 height: 42px !important;
 display: inline-flex !important;
 align-items: center !important;
 justify-content: center !important;
 margin: 0 !important;
 padding: 0 !important;
 border: 1px solid #dbe4f0 !important;
 border-radius: 999px !important;
 background: rgba(255, 255, 255, .94) !important;
 color: #0f172a !important;
 box-shadow: 0 9px 22px rgba(15, 23, 42, .1) !important;
 font-size: 26px !important;
 font-weight: 800 !important;
 line-height: 1 !important;
 cursor: pointer !important;
 transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.ui-modal__close:hover,
.ui-modal__close:focus-visible {
 border-color: var(--ui-modal-accent) !important;
 box-shadow: 0 11px 26px rgba(15, 23, 42, .15) !important;
 transform: rotate(4deg) scale(1.03);
 outline: none;
}

.ui-modal__body {
 min-height: 0;
 padding: 20px 22px;
 overflow-x: hidden;
 overflow-y: auto;
 overscroll-behavior: contain;
}

.ui-modal__actions {
 display: flex !important;
 align-items: stretch !important;
 justify-content: flex-end !important;
 flex-wrap: wrap !important;
 gap: 9px !important;
 margin: 0 !important;
 padding: 16px 22px 20px !important;
 border-top: 1px solid #e2e8f0 !important;
 background: #f8fafc !important;
}

.ui-modal .ui-modal__actions .btn {
 width: auto !important;
 min-width: 126px !important;
 min-height: 44px !important;
 margin: 0 !important;
 padding: 9px 14px !important;
 border-radius: 14px !important;
 font-size: 12px !important;
 font-weight: 900 !important;
 line-height: 1.15 !important;
 white-space: normal !important;
}

.ui-modal__action--primary {
 border: 1px solid var(--ui-modal-accent) !important;
 background: linear-gradient(135deg, color-mix(in srgb, var(--ui-modal-accent) 78%, #fff), var(--ui-modal-accent)) !important;
 color: #fff !important;
 box-shadow: 0 12px 26px color-mix(in srgb, var(--ui-modal-accent) 25%, transparent) !important;
}

.ui-modal__action--secondary {
 border: 1px solid #cbd5e1 !important;
 background: #fff !important;
 color: #334155 !important;
}

.ui-modal__action--danger {
 border-color: #dc2626 !important;
 background: #dc2626 !important;
 color: #fff !important;
}

/* UI-MODAL:READY-WHATSAPP */
.ui-modal--ready-whatsapp {
 --ui-modal-accent: #f97316;
 --ui-modal-accent-soft: #fff7ed;
 --ui-modal-accent-border: #fdba74;
}

.ui-modal--ready-whatsapp .ui-modal__header {
 border-bottom-color: #fed7aa;
 background:
  radial-gradient(circle at 92% 0, rgba(249, 115, 22, .18), transparent 43%),
  linear-gradient(135deg, #ffedd5, #fffaf5 66%);
}

.ui-modal--ready-whatsapp .ui-modal__actions {
 display: grid !important;
 grid-template-columns: minmax(0, .72fr) minmax(0, 1.12fr) minmax(0, 1.45fr) !important;
 align-items: stretch !important;
 gap: 8px !important;
 background: #fffaf5 !important;
}

.ui-modal--ready-whatsapp .ui-modal__actions .btn {
 width: 100% !important;
 min-width: 0 !important;
}

.ui-modal--ready-whatsapp .ui-modal__actions .ghost {
 border-color: #dbe4f0 !important;
 background: #fff !important;
 color: #475569 !important;
}

.ui-modal--ready-whatsapp .ui-modal__action--secondary {
 border-color: #fdba74 !important;
 background: #fff7ed !important;
 color: #c2410c !important;
}

.ui-modal--ready-whatsapp .ui-modal__body {
 display: grid;
 gap: 14px;
}

.ui-modal__context {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 10px;
}

.ui-modal__context-item {
 min-width: 0;
 padding: 12px 13px;
 border: 1px solid #e2e8f0;
 border-radius: 15px;
 background: #f8fafc;
}

.ui-modal__context-item span,
.ui-modal__message-preview > span {
 display: block;
 margin-bottom: 4px;
 color: #64748b;
 font-size: 9px;
 font-weight: 950;
 letter-spacing: .07em;
 text-transform: uppercase;
}

.ui-modal__context-item strong {
 display: block;
 min-width: 0;
 overflow: hidden;
 color: #0f172a;
 font-size: 13px;
 font-weight: 900;
 text-overflow: ellipsis;
 white-space: nowrap;
}

.ui-modal__message-preview {
 position: relative;
 padding: 14px 15px 14px 18px;
 overflow: hidden;
 border: 1px solid var(--ui-modal-accent-border);
 border-radius: 17px;
 background: var(--ui-modal-accent-soft);
}

.ui-modal__message-preview::before {
 content: "";
 position: absolute;
 inset: 0 auto 0 0;
 width: 4px;
 background: var(--ui-modal-accent);
}

.ui-modal__message-preview p {
 margin: 0;
 color: #334155;
 font-size: 13px;
 font-weight: 700;
 line-height: 1.5;
}

.ui-modal--ready-whatsapp .ui-modal__actions .ui-modal__action--primary {
 min-width: 0 !important;
}

/* UI-MODAL:PRODUCTS-SAVE */
.ui-modal--products-save {
 --ui-modal-accent: #f97316;
 --ui-modal-accent-soft: #fff7ed;
 --ui-modal-accent-border: #fdba74;
}

.ui-modal--products-save .ui-modal__header {
 border-bottom-color: #fed7aa;
 background:
  radial-gradient(circle at 92% 0, rgba(249, 115, 22, .18), transparent 43%),
  linear-gradient(135deg, #ffedd5, #fffaf5 66%);
}

.ui-products-save__icon {
 color: #c2410c !important;
 font-size: 30px !important;
 font-weight: 950 !important;
}

.ui-modal--products-save .ui-modal__title {
 font-size: clamp(22px, 2.3vw, 28px) !important;
}

.ui-products-save__body {
 padding: 16px 20px !important;
}

.ui-products-save__summary {
 display: grid;
 grid-template-columns: repeat(4, minmax(0, 1fr));
 gap: 7px;
 margin-bottom: 10px;
}

.ui-products-save__summary > div {
 min-width: 0;
 padding: 8px 9px;
 border: 1px solid #fed7aa;
 border-radius: 12px;
 background: #fff7ed;
}

.ui-products-save__summary span,
.ui-products-save__summary strong {
 display: block;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}

.ui-products-save__summary span {
 color: #9a3412;
 font-size: 8px;
 font-weight: 950;
 letter-spacing: .04em;
 text-transform: uppercase;
}

.ui-products-save__summary strong {
 margin-top: 2px;
 color: #0f172a;
 font-size: 14px;
 font-weight: 950;
}

.ui-products-save__list {
 counter-reset: ui-products-save;
 display: grid !important;
 grid-column: auto !important;
 gap: 8px !important;
 max-height: none !important;
 margin: 0 !important;
 padding: 0 !important;
 overflow: visible !important;
 border: 0 !important;
 border-radius: 0 !important;
 background: transparent !important;
 list-style: none !important;
}

.ui-products-save__list > li {
 counter-increment: ui-products-save;
 display: grid !important;
 grid-template-columns: 30px minmax(0, 1fr) auto;
 align-items: center;
 gap: 10px;
 min-width: 0;
 margin: 0 !important;
 padding: 10px 11px !important;
 border: 1px solid #e2e8f0;
 border-radius: 14px;
 background: #f8fafc;
 color: #0f172a;
}

.ui-products-save__list > li::before {
 content: counter(ui-products-save);
 width: 30px;
 height: 30px;
 display: grid;
 place-items: center;
 border-radius: 10px;
 background: #e2e8f0;
 color: #334155;
 font-size: 12px;
 font-weight: 950;
}

.ui-products-save__list > li.is-measured {
 border-color: #bbf7d0;
 background: #f0fdf4;
}

.ui-products-save__list > li.is-measured::before {
 background: #dcfce7;
 color: #15803d;
}

.ui-products-save__list > li.is-unmeasured {
 border-color: #fed7aa;
 background: #fff7ed;
}

.ui-products-save__list > li.is-unmeasured::before {
 background: #ffedd5;
 color: #c2410c;
}

.ui-products-save__list > li.is-deleted {
 border-color: #fecaca;
 background: #fef2f2;
}

.ui-products-save__item-copy {
 min-width: 0;
}

.ui-products-save__item-copy > strong,
.ui-products-save__item-copy > small {
 display: block;
 min-width: 0;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}

.ui-products-save__item-copy > strong {
 color: #0f172a;
 font-size: 13px;
 font-weight: 950;
 line-height: 1.2;
}

.ui-products-save__item-copy > small {
 margin-top: 3px;
 color: #64748b;
 font-size: 10px;
 font-weight: 750;
 line-height: 1.2;
}

.ui-products-save__status {
 padding: 4px 7px;
 border-radius: 999px;
 background: #dcfce7;
 color: #15803d;
 font-size: 9px;
 font-style: normal;
 font-weight: 950;
 white-space: nowrap;
}

.is-unmeasured > .ui-products-save__status {
 background: #ffedd5;
 color: #c2410c;
}

.is-deleted > .ui-products-save__status {
 background: #fee2e2;
 color: #b91c1c;
}

.ui-products-save__actions {
 display: grid !important;
 grid-template-columns: minmax(0, .72fr) minmax(0, 1fr) minmax(0, 1.35fr) !important;
 gap: 8px !important;
 background: #fffaf5 !important;
}

.ui-modal--products-save .ui-products-save__actions .btn {
 width: 100% !important;
 min-width: 0 !important;
 min-height: 50px !important;
 padding: 8px 10px !important;
 font-size: 13px !important;
 line-height: 1.15 !important;
}

.ui-modal--products-save .ui-products-save__actions .ghost {
 border-color: #dbe4f0 !important;
 background: #fff !important;
 color: #475569 !important;
}

.ui-modal--products-save .ui-products-save__actions .ui-modal__action--secondary {
 border-color: #fdba74 !important;
 background: #fff7ed !important;
 color: #c2410c !important;
}

/* UI-MODAL:LABEL-PRINT */
.ui-modal--label-print {
 --ui-modal-accent: #f97316;
 --ui-modal-accent-soft: #fff7ed;
 --ui-modal-accent-border: #fdba74;
}

.ui-modal--label-print .label-print-modal__panel {
 width: min(640px, 100%) !important;
}

.ui-modal--label-print .label-print-modal__header {
 border-bottom-color: #fed7aa;
 background:
  radial-gradient(circle at 92% 0, rgba(249, 115, 22, .18), transparent 43%),
  linear-gradient(135deg, #ffedd5, #fffaf5 66%);
}

.label-print-modal__icon {
 color: #c2410c !important;
 font-size: 28px !important;
}

.label-print-modal__body {
 padding: 16px 20px !important;
}

.label-print-modal__settings {
 margin: 0;
 border: 1px solid #bfdbfe;
 border-radius: 14px;
 background: #eff6ff;
 color: #1e3a8a;
}

.label-print-modal__settings summary {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 10px;
 min-height: 44px;
 padding: 9px 11px;
 cursor: pointer;
 font-size: 12px;
 font-weight: 950;
 list-style: none;
}

.label-print-modal__settings summary::-webkit-details-marker {
 display: none;
}

.label-print-modal__settings summary::after {
 content: "⌄";
 flex: 0 0 auto;
 font-size: 17px;
 line-height: 1;
 transition: transform .16s ease;
}

.label-print-modal__settings[open] summary::after {
 transform: rotate(180deg);
}

.label-print-modal__settings summary small {
 min-width: 0;
 overflow: hidden;
 color: #475569;
 font-size: 10px;
 font-weight: 750;
 text-align: right;
 text-overflow: ellipsis;
 white-space: nowrap;
}

.label-print-modal__settings-body {
 display: grid;
 gap: 8px;
 padding: 0 10px 10px;
}

.label-print-modal__settings .label-print-modal__quantity {
 margin: 0;
 background: #ffffff;
}

.label-print-modal__choices {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 10px;
 margin-top: 10px;
}

.label-print-modal__form {
 min-width: 0;
 margin: 0;
}

.label-print-modal__quantity {
 display: grid;
 grid-template-columns: minmax(0, 1fr) auto;
 align-items: center;
 gap: 5px 10px;
 margin: 0 0 9px;
 padding: 10px 11px;
 border: 1px solid #bfdbfe;
 border-radius: 14px;
 background: #eff6ff;
 color: #1e3a8a;
 font-size: 12px;
 font-weight: 900;
}

.label-print-modal__quantity select {
 min-width: 92px;
 height: 36px;
 padding: 0 26px 0 9px;
 border: 1px solid #93c5fd;
 border-radius: 10px;
 background: #ffffff;
 color: #1d4ed8;
 font: inherit;
 font-weight: 950;
}

.label-print-modal__quantity small {
 grid-column: 1 / -1;
 color: #475569;
 font-size: 10px;
 font-weight: 700;
 line-height: 1.3;
}

.label-print-modal__option {
 width: 100%;
 min-height: 136px;
 display: grid;
 grid-template-columns: 48px minmax(0, 1fr);
 align-items: center;
 gap: 12px;
 padding: 14px;
 border: 1px solid #e2e8f0;
 border-left: 5px solid var(--label-print-option-accent, var(--ui-modal-accent));
 border-radius: 18px;
 background: linear-gradient(145deg, #ffffff, #f8fafc);
 color: #0f172a;
 text-align: left;
 cursor: pointer;
 box-shadow: 0 12px 26px rgba(15, 23, 42, .07);
 transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.label-print-modal__option:hover,
.label-print-modal__option:focus-visible {
 transform: translateY(-1px);
 border-color: color-mix(in srgb, var(--label-print-option-accent, var(--ui-modal-accent)) 42%, #e2e8f0);
 box-shadow: 0 16px 32px rgba(15, 23, 42, .12);
 outline: none;
}

.label-print-modal__option.is-route {
 --label-print-option-accent: #2563eb;
}

.label-print-modal__option.is-laundry {
 --label-print-option-accent: #f97316;
 background: linear-gradient(145deg, #fff7ed, #ffffff);
}

.label-print-modal__option-icon {
 width: 48px;
 height: 48px;
 display: inline-grid;
 place-items: center;
 border-radius: 16px;
 background: color-mix(in srgb, var(--label-print-option-accent, var(--ui-modal-accent)) 15%, #ffffff);
 color: var(--label-print-option-accent, var(--ui-modal-accent));
 font-size: 24px;
 box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--label-print-option-accent, var(--ui-modal-accent)) 18%, transparent);
}

.label-print-modal__option-copy {
 min-width: 0;
 display: block;
}

.label-print-modal__option-copy strong,
.label-print-modal__option-copy small {
 display: block;
 min-width: 0;
 overflow: hidden;
 text-overflow: ellipsis;
}

.label-print-modal__option-copy strong {
 color: #0f172a;
 font-size: 16px;
 font-weight: 950;
 line-height: 1.15;
}

.label-print-modal__option-copy small {
 margin-top: 5px;
 color: #64748b;
 font-size: 11px;
 font-weight: 750;
 line-height: 1.35;
}

.label-print-modal__actions {
 justify-content: stretch !important;
 background: #fffaf5 !important;
}

.label-print-modal__actions .btn {
 width: 100% !important;
}

@media (max-width: 760px) {
 .label-print-modal__body {
  padding: 14px 16px !important;
 }

 .label-print-modal__choices {
  grid-template-columns: 1fr;
  gap: 9px;
 }

 .label-print-modal__settings summary {
  min-height: 42px;
 }

 .label-print-modal__option {
  min-height: 108px;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 10px;
  padding: 12px;
  border-radius: 16px;
 }

 .label-print-modal__option-icon {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  font-size: 22px;
 }
}

/* UI-MODAL:PRINT-INFO */
.ui-modal--print-info {
 --ui-modal-accent: #f97316;
 --ui-modal-accent-soft: #fff7ed;
 --ui-modal-accent-border: #fdba74;
}

.ui-modal--print-info .print-info-modal__panel {
 width: min(760px, 100%) !important;
 height: min(860px, calc(100dvh - 36px)) !important;
}

.ui-modal--print-info .print-info-modal__header {
 border-bottom-color: #fed7aa;
 background:
  radial-gradient(circle at 92% 0, rgba(249, 115, 22, .16), transparent 43%),
  linear-gradient(135deg, #ffedd5, #fffaf5 66%);
}

.print-info-modal__icon {
 color: #c2410c !important;
 font-size: 28px !important;
}

.print-info-modal__body {
 min-height: 0;
 flex: 1 1 auto;
 padding: 14px !important;
 background: #e5e7eb;
}

.print-info-modal__preview {
 position: relative;
 width: 100%;
 height: 100%;
 min-height: 420px;
 overflow: hidden;
 border: 1px solid #cbd5e1;
 border-radius: 18px;
 background: #f8fafc;
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);
}

.print-info-modal__preview iframe {
 width: 100%;
 height: 100%;
 min-height: 420px;
 display: block;
 border: 0;
 background: transparent;
}

.print-info-modal__loading {
 position: absolute;
 inset: 0;
 z-index: 1;
 display: grid;
 place-items: center;
 padding: 24px;
 background: rgba(248, 250, 252, .94);
 color: #64748b;
 font-size: 14px;
 font-weight: 850;
 text-align: center;
}

.print-info-modal__loading[hidden] {
 display: none;
}

.print-info-modal__actions {
 display: grid !important;
 grid-template-columns: auto minmax(0, 1fr) minmax(0, 1.2fr);
 gap: 9px !important;
 background: #fffaf5 !important;
}

.print-info-modal__actions .btn {
 min-width: 0;
 justify-content: center;
 text-decoration: none;
}

@media (max-width: 760px) {
 .ui-modal--print-info {
  padding: 8px !important;
 }

 .ui-modal--print-info .print-info-modal__panel {
  height: calc(100dvh - 16px) !important;
  max-height: calc(100dvh - 16px) !important;
  border-radius: 20px !important;
 }

 .print-info-modal__body {
  padding: 9px !important;
 }

 .print-info-modal__preview,
 .print-info-modal__preview iframe {
  min-height: 360px;
 }

 .print-info-modal__actions {
  grid-template-columns: 1fr 1fr !important;
 }

 .print-info-modal__actions [data-print-info-close] {
  grid-column: 1 / -1;
  grid-row: 2;
 }
}

/* UI-MODAL:PRODUCT-DELETE */
.ui-modal--product-delete .ui-modal__panel {
 border-color: #fecaca !important;
}

.ui-modal--product-delete .ui-modal__header {
 border-bottom-color: #fecaca;
 background:
  radial-gradient(circle at 92% 0, rgba(220, 38, 38, .15), transparent 43%),
  linear-gradient(135deg, #fef2f2, #fff 66%);
}

.ui-product-delete__icon {
 flex: none;
 margin: 0 !important;
 background: #fff !important;
 color: #b91c1c !important;
 font-size: 30px !important;
 font-weight: 950 !important;
}

.ui-modal--product-delete .ui-modal__heading {
 min-width: 0;
}

.ui-modal--product-delete .product-delete-confirm-copy strong {
 margin: 0 !important;
 font-size: clamp(20px, 2.2vw, 25px) !important;
 line-height: 1.12 !important;
}

.ui-product-delete__body {
 padding: 18px 20px !important;
}

.ui-product-delete__message {
 margin: 0 !important;
 padding: 13px 14px;
 border: 1px solid #fecaca;
 border-radius: 15px;
 background: #fef2f2;
 color: #475569 !important;
 font-size: 13px !important;
 font-weight: 800 !important;
 line-height: 1.45 !important;
}

.ui-product-delete__actions {
 display: grid !important;
 grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
 gap: 8px !important;
 background: #fffafa !important;
}

.ui-modal--product-delete .ui-product-delete__actions .btn {
 width: 100% !important;
 min-width: 0 !important;
 min-height: 48px !important;
 font-size: 13px !important;
}

/* UI-MODAL:DANGER-CONFIRM */
.ui-modal--danger-confirm .ui-danger__panel {
 border-color: #fecaca !important;
}

.ui-modal--danger-confirm .ui-danger__header {
 border-bottom-color: #fecaca;
 background:
  radial-gradient(circle at 92% 0, rgba(220, 38, 38, .15), transparent 43%),
  linear-gradient(135deg, #fef2f2, #fff 66%);
}

.ui-danger__icon {
 flex: none;
 margin: 0 !important;
 background: #fff !important;
 color: #b91c1c !important;
 font-size: 31px !important;
 font-weight: 950 !important;
 box-shadow: 0 10px 24px rgba(220, 38, 38, .17) !important;
}

.ui-danger__copy {
 min-width: 0;
 margin: 0 !important;
}

.ui-danger__copy > span,
.ui-danger__copy > h3,
.ui-danger__copy > p,
.ui-danger__copy > small {
 margin-left: 0 !important;
 margin-right: 0 !important;
}

.ui-danger__copy > h3 {
 margin-top: 0 !important;
 margin-bottom: 0 !important;
 font-size: clamp(20px, 2.2vw, 26px) !important;
 line-height: 1.12 !important;
}

.ui-danger__copy > p {
 margin-top: 6px !important;
 margin-bottom: 0 !important;
}

.ui-danger__copy > small {
 display: block;
 margin-top: 5px !important;
 color: #64748b;
 font-size: 11px;
 font-weight: 750;
 line-height: 1.35;
}

.ui-danger__form {
 min-height: 0;
 display: flex !important;
 flex: 1 1 auto;
 flex-direction: column;
 gap: 0 !important;
 margin: 0 !important;
}

.ui-danger__body {
 display: grid;
 gap: 13px;
 padding: 18px 20px !important;
}

.ui-danger__body > label {
 min-width: 0;
 display: grid !important;
 gap: 7px !important;
 margin: 0 !important;
 color: #64748b !important;
 font-size: 13px !important;
 font-weight: 850 !important;
 line-height: 1.35;
}

.ui-danger__body > label > span {
 color: #475569;
 font-weight: 900;
}

.ui-danger__body label strong {
 display: inline-flex !important;
 width: fit-content !important;
 max-width: 100%;
 margin: 0 !important;
 padding: 6px 9px !important;
 overflow-wrap: anywhere;
 border-radius: 10px !important;
 background: #fee2e2 !important;
 color: #991b1b !important;
 font-size: 12px;
 font-weight: 950 !important;
 line-height: 1.2;
}

.ui-danger__body .input,
.ui-danger__body select {
 width: 100% !important;
 min-height: 46px !important;
 box-sizing: border-box;
 margin: 0 !important;
 padding: 10px 12px !important;
 border: 1px solid #fca5a5 !important;
 border-radius: 13px !important;
 background: #fff !important;
 color: #0f172a !important;
 font: inherit !important;
 font-weight: 850 !important;
 outline: none;
}

.ui-danger__body .input:focus,
.ui-danger__body select:focus {
 border-color: #dc2626 !important;
 box-shadow: 0 0 0 3px rgba(220, 38, 38, .12) !important;
}

.ui-danger__warning {
 margin: 0 !important;
 padding: 11px 12px !important;
 border: 1px solid #fdba74 !important;
 border-radius: 13px !important;
 background: #fff7ed !important;
 color: #9a3412 !important;
 font-size: 12px !important;
 font-weight: 850 !important;
 line-height: 1.42 !important;
}

.ui-danger__actions {
 display: grid !important;
 grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
 gap: 8px !important;
 margin: auto 0 0 !important;
 background: #fffafa !important;
}

.ui-modal--danger-confirm .ui-danger__actions .btn {
 width: 100% !important;
 min-width: 0 !important;
 min-height: 48px !important;
 font-size: 13px !important;
}

.ui-modal--danger-confirm .ui-danger__actions .btn[disabled] {
 opacity: .46 !important;
 cursor: not-allowed !important;
 box-shadow: none !important;
}

/* UI-MODAL:ORDER-EDIT */
.ui-modal--order-edit {
 --ui-modal-accent: #f97316;
 --ui-modal-accent-soft: #fff7ed;
 --ui-modal-accent-border: #fdba74;
 width: auto !important;
 height: auto !important;
}

.ui-modal--order-edit .ui-order-edit__panel {
 width: min(1120px, 100%) !important;
 max-height: calc(100dvh - 32px) !important;
 border-color: #fed7aa !important;
}

.ui-modal--order-edit .ui-order-edit__header {
 display: grid !important;
 grid-template-columns: 54px minmax(0, 1fr) !important;
 align-items: center !important;
 gap: 13px !important;
 padding: 16px 68px 14px 18px !important;
 overflow: hidden !important;
 border-bottom-color: #fed7aa !important;
 background:
  radial-gradient(circle at 92% 0, rgba(249, 115, 22, .18), transparent 43%),
  linear-gradient(135deg, #ffedd5, #fffaf5 66%) !important;
 isolation: isolate;
}

.ui-modal--order-edit .ui-order-edit__header::before,
.ui-modal--order-edit .ui-order-edit__header::after {
 content: none !important;
 display: none !important;
}

.ui-order-edit__icon {
 width: 54px !important;
 height: 54px !important;
 margin: 0 !important;
 border-radius: 17px !important;
 background: #fff !important;
 color: #c2410c !important;
 font-size: 27px;
 box-shadow: 0 10px 24px rgba(249, 115, 22, .18) !important;
}

.ui-modal--order-edit .ui-order-edit__heading {
 min-width: 0;
 max-width: none !important;
 margin: 0 !important;
 padding: 0 !important;
 border-radius: 0 !important;
 background: transparent !important;
 box-shadow: none !important;
 -webkit-backdrop-filter: none !important;
 backdrop-filter: none !important;
}

.ui-modal--order-edit .ui-order-edit__heading h3,
.ui-modal--order-edit .ui-order-edit__heading p {
 margin-left: 0 !important;
 margin-right: 0 !important;
}

.ui-order-edit__context {
 display: flex;
 align-items: center;
 flex-wrap: wrap;
 gap: 5px;
 margin-top: 8px;
}

.ui-order-edit__context > span {
 min-width: 0;
 display: inline-flex;
 align-items: center;
 gap: 5px;
 padding: 4px 8px;
 border: 1px solid rgba(253, 186, 116, .76);
 border-radius: 999px;
 background: rgba(255, 255, 255, .78);
 color: #7c2d12;
 font-size: 10px;
 line-height: 1.15;
}

.ui-order-edit__context i {
 color: #f97316;
 font-size: 9px;
 font-style: normal;
}

.ui-order-edit__context strong {
 max-width: 210px;
 overflow: hidden;
 font-weight: 900;
 text-overflow: ellipsis;
 white-space: nowrap;
}

.ui-modal--order-edit.is-flow-delivery .ui-order-edit__context > span:first-child i {
 color: #2563eb;
}

.ui-order-edit__form {
 min-height: 0 !important;
 display: flex !important;
 flex: 1 1 auto !important;
 flex-direction: column !important;
 overflow: hidden !important;
 background: #f8fafc !important;
}

.ui-order-edit__nav {
 flex: 0 0 auto;
 display: flex;
 align-items: stretch;
 gap: 6px;
 padding: 9px 14px;
 overflow-x: auto;
 border-bottom: 1px solid #e2e8f0;
 background: #fff;
 scrollbar-width: none;
}

.ui-order-edit__nav::-webkit-scrollbar {
 display: none;
}

.ui-order-edit__nav button {
 min-width: 0;
 display: inline-flex;
 flex: 1 1 0;
 align-items: center;
 justify-content: center;
 gap: 6px;
 min-height: 36px;
 padding: 6px 10px;
 border: 1px solid #e2e8f0;
 border-radius: 11px;
 background: #f8fafc;
 color: #475569;
 cursor: pointer;
 transition: border-color .16s ease, background .16s ease, color .16s ease;
}

.ui-order-edit__nav button:hover,
.ui-order-edit__nav button:focus-visible {
 border-color: #fdba74;
 background: #fff7ed;
 color: #c2410c;
 outline: none;
}

.ui-order-edit__nav button > span {
 font-size: 15px;
 line-height: 1;
}

.ui-order-edit__nav button > strong {
 overflow: hidden;
 font-size: 11px;
 font-weight: 950;
 text-overflow: ellipsis;
 white-space: nowrap;
}

.ui-modal--order-edit .ui-order-edit__body {
 min-height: 0 !important;
 display: grid !important;
 flex: 1 1 auto !important;
 grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
 grid-auto-flow: row dense;
 align-content: start !important;
 gap: 11px !important;
 padding: 12px 14px !important;
 overflow-x: hidden !important;
 overflow-y: auto !important;
 background: #f8fafc !important;
 overscroll-behavior: contain;
}

.ui-modal--order-edit .ui-order-edit__section {
 min-width: 0 !important;
 display: grid !important;
 grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
 align-content: start !important;
 gap: 9px !important;
 padding: 12px !important;
 scroll-margin-top: 10px;
 border: 1px solid #e2e8f0 !important;
 border-radius: 16px !important;
 background: #fff !important;
 box-shadow: 0 7px 20px rgba(15, 23, 42, .045);
}

.ui-order-edit__section-head {
 grid-column: 1 / -1;
 display: flex;
 align-items: center;
 gap: 9px;
 min-width: 0;
 padding-bottom: 8px;
 border-bottom: 1px solid #f1f5f9;
}

.ui-order-edit__section-icon {
 width: 34px;
 height: 34px;
 display: grid;
 flex: 0 0 auto;
 place-items: center;
 border: 1px solid #fed7aa;
 border-radius: 11px;
 background: #fff7ed;
 font-size: 17px;
}

.ui-order-edit__section-head > div {
 min-width: 0;
}

.ui-modal--order-edit .ui-order-edit__section-head h4 {
 margin: 0 !important;
 color: #0f172a;
 font-size: 14px !important;
 font-weight: 950;
 line-height: 1.15;
}

.ui-order-edit__section-head small {
 display: block;
 margin-top: 2px;
 color: #94a3b8;
 font-size: 9px;
 font-weight: 850;
 line-height: 1.15;
}

.ui-modal--order-edit .ui-order-edit__section label,
.ui-modal--order-edit .order-flow-choice-field {
 min-width: 0;
 margin: 0 !important;
}

.ui-modal--order-edit .ui-order-edit__section label {
 gap: 4px !important;
 color: #64748b !important;
 font-size: 11px !important;
 font-weight: 900 !important;
}

.ui-modal--order-edit .ui-order-edit__section label.wide,
.ui-modal--order-edit .ui-order-edit__section .wide,
.ui-modal--order-edit .order-flow-choice-field {
 grid-column: 1 / -1 !important;
}

.ui-modal--order-edit .ui-order-edit__section input,
.ui-modal--order-edit .ui-order-edit__section select,
.ui-modal--order-edit .ui-order-edit__section textarea {
 width: 100% !important;
 min-width: 0 !important;
 min-height: 42px !important;
 box-sizing: border-box;
 padding: 9px 10px !important;
 border: 1px solid #cbd5e1 !important;
 border-radius: 11px !important;
 background: #fff !important;
 color: #0f172a !important;
 font: inherit !important;
 font-weight: 800 !important;
 outline: none;
}

.ui-modal--order-edit .ui-order-edit__section textarea {
 min-height: 64px !important;
 resize: vertical !important;
}

.ui-modal--order-edit .ui-order-edit__section input:focus,
.ui-modal--order-edit .ui-order-edit__section select:focus,
.ui-modal--order-edit .ui-order-edit__section textarea:focus {
 border-color: #f97316 !important;
 box-shadow: 0 0 0 3px rgba(249, 115, 22, .11) !important;
}

.ui-modal--order-edit .order-flow-choice {
 width: 100%;
 box-sizing: border-box;
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 5px;
 padding: 4px;
 border-color: #fed7aa;
 border-radius: 12px;
 background: #fff7ed;
 box-shadow: none;
}

.ui-modal--order-edit .order-flow-choice button {
 width: 100%;
 min-height: 34px;
 border-radius: 9px;
}

.ui-modal--order-edit .order-flow-choice button.is-active {
 background: linear-gradient(135deg, #fb923c, #f97316);
 color: #fff;
 box-shadow: 0 7px 15px rgba(249, 115, 22, .2);
}

.ui-modal--order-edit .order-edit-check {
 display: flex !important;
 align-items: center !important;
 gap: 8px !important;
 padding: 9px 10px;
 border: 1px solid #e2e8f0;
 border-radius: 11px;
 background: #f8fafc;
}

.ui-modal--order-edit .order-edit-check input {
 width: 18px !important;
 min-height: 18px !important;
 padding: 0 !important;
}

.ui-modal--order-edit .ui-order-edit__actions {
 display: flex !important;
 justify-content: flex-end !important;
 gap: 8px !important;
 padding: 11px 14px 13px !important;
 background: #fffaf5 !important;
}

.ui-modal--order-edit .ui-order-edit__actions .btn {
 width: auto !important;
 min-width: 170px !important;
 min-height: 46px !important;
 font-size: 13px !important;
}

/* UI-MODAL:RESPONSIVE */
@media (max-width: 640px) {
 .ui-modal {
  align-items: flex-end !important;
  padding: 8px !important;
 }

 .ui-modal__panel {
  max-height: calc(100dvh - 16px) !important;
  border-radius: 22px !important;
 }

 .ui-modal__header {
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 11px;
  padding: 17px 56px 15px 15px;
 }

 .ui-modal__icon {
  width: 46px;
  height: 46px;
  border-radius: 15px;
 }

 .ui-modal__icon svg {
  width: 25px;
  height: 25px;
 }

 .ui-modal__title {
  font-size: 20px;
 }

 .ui-modal__description {
  font-size: 12px;
 }

 .ui-modal__close {
  top: 10px !important;
  right: 10px !important;
  width: 38px !important;
  height: 38px !important;
 }

 .ui-modal__body {
  padding: 14px 15px;
 }

 .ui-modal__context {
  grid-template-columns: 1fr;
 }

 .ui-modal__actions {
  display: grid !important;
  grid-template-columns: 1fr !important;
  padding: 12px 15px 15px !important;
 }

 .ui-modal .ui-modal__actions .btn,
 .ui-modal--ready-whatsapp .ui-modal__actions .ui-modal__action--primary {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 46px !important;
 }

 .ui-modal--ready-whatsapp .ui-modal__actions {
  grid-template-columns: minmax(0, .72fr) minmax(0, 1.12fr) minmax(0, 1.45fr) !important;
  gap: 5px !important;
  padding: 10px !important;
 }

 .ui-modal--ready-whatsapp .ui-modal__actions .btn,
 .ui-modal--ready-whatsapp .ui-modal__actions .ui-modal__action--primary {
  min-height: 54px !important;
  padding: 6px 4px !important;
  border-radius: 11px !important;
  font-size: 11.5px !important;
  line-height: 1.12 !important;
 }

 .ui-modal--products-save .ui-modal__panel {
  max-height: calc(100dvh - 12px) !important;
 }

 .ui-modal--products-save .ui-modal__header {
  grid-template-columns: 46px minmax(0, 1fr);
  padding-top: 14px;
  padding-bottom: 13px;
 }

 .ui-modal--products-save .ui-modal__title {
  font-size: 21px !important;
 }

 .ui-products-save__body {
  padding: 10px !important;
 }

 .ui-products-save__summary {
  gap: 4px;
  margin-bottom: 6px;
 }

 .ui-products-save__summary > div {
  padding: 5px 5px;
  border-radius: 9px;
 }

 .ui-products-save__summary span {
  font-size: 7px;
 }

 .ui-products-save__summary strong {
  font-size: 12px;
 }

 .ui-products-save__list {
  gap: 6px !important;
 }

 .ui-products-save__list > li {
  grid-template-columns: 26px minmax(0, 1fr) auto;
  gap: 7px;
  padding: 7px 8px !important;
  border-radius: 11px;
 }

 .ui-products-save__list > li::before {
  width: 26px;
  height: 26px;
  border-radius: 8px;
  font-size: 11px;
 }

 .ui-products-save__item-copy > strong {
  font-size: 12px;
 }

 .ui-products-save__item-copy > small {
  font-size: 9px;
 }

 .ui-products-save__status {
  padding: 3px 5px;
  font-size: 8px;
 }

 .ui-products-save__actions {
  grid-template-columns: minmax(0, .7fr) minmax(0, 1fr) minmax(0, 1.4fr) !important;
  gap: 5px !important;
  padding: 10px !important;
 }

 .ui-modal--products-save .ui-products-save__actions .btn {
  min-height: 58px !important;
  padding: 6px 5px !important;
  border-radius: 11px !important;
  font-size: 12px !important;
  line-height: 1.12 !important;
 }

 .ui-modal--product-delete .ui-modal__panel,
 .ui-modal--danger-confirm .ui-modal__panel {
  max-height: calc(100dvh - 12px) !important;
 }

 .ui-modal--product-delete .ui-modal__header,
 .ui-modal--danger-confirm .ui-modal__header {
  padding-top: 14px;
  padding-bottom: 13px;
 }

 .ui-product-delete__body,
 .ui-danger__body {
  padding: 12px !important;
 }

 .ui-product-delete__message,
 .ui-danger__warning {
  padding: 10px 11px !important;
  font-size: 12px !important;
 }

 .ui-product-delete__actions,
 .ui-danger__actions {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
  padding: 10px !important;
 }

 .ui-modal--product-delete .ui-product-delete__actions .btn,
 .ui-modal--danger-confirm .ui-danger__actions .btn {
  min-height: 50px !important;
  padding: 7px 6px !important;
  border-radius: 11px !important;
  font-size: 12.5px !important;
  line-height: 1.12 !important;
 }

 .ui-modal--order-edit {
  align-items: flex-end !important;
  padding: 6px 0 0 !important;
 }

 .ui-modal--order-edit .ui-order-edit__panel {
  width: 100% !important;
  max-width: 100% !important;
  height: calc(100dvh - 6px) !important;
  max-height: calc(100dvh - 6px) !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  border-radius: 22px 22px 0 0 !important;
 }

 .ui-modal--order-edit .ui-order-edit__header {
  grid-template-columns: 44px minmax(0, 1fr) !important;
  gap: 10px !important;
  padding: 12px 52px 10px 12px !important;
 }

 .ui-order-edit__icon {
  width: 44px !important;
  height: 44px !important;
  border-radius: 14px !important;
  font-size: 22px;
 }

 .ui-modal--order-edit .ui-order-edit__heading .ui-modal__eyebrow {
  margin-bottom: 2px;
  font-size: 8px;
 }

 .ui-modal--order-edit .ui-order-edit__heading .ui-modal__title {
  font-size: 18px !important;
 }

 .ui-modal--order-edit .ui-order-edit__heading .ui-modal__description {
  margin-top: 3px !important;
  overflow: hidden;
  font-size: 10px !important;
  text-overflow: ellipsis;
  white-space: nowrap;
 }

 .ui-order-edit__context {
  margin-top: 5px;
 }

 .ui-order-edit__context > span {
  padding: 3px 6px;
  font-size: 9px;
 }

 .ui-order-edit__context > span:not(:first-child) {
  display: none;
 }

 .ui-order-edit__nav {
  gap: 4px;
  padding: 6px 8px;
 }

 .ui-order-edit__nav button {
  flex: 1 0 auto;
  min-height: 34px;
  gap: 4px;
  padding: 5px 7px;
  border-radius: 10px;
 }

 .ui-order-edit__nav button > span {
  font-size: 13px;
 }

 .ui-order-edit__nav button > strong {
  font-size: 9.5px;
 }

 .ui-modal--order-edit .ui-order-edit__body {
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  padding: 8px !important;
 }

 .ui-modal--order-edit .ui-order-edit__section {
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  padding: 10px !important;
  border-radius: 14px !important;
 }

 .ui-order-edit__section-head,
 .ui-modal--order-edit .ui-order-edit__section label.wide,
 .ui-modal--order-edit .ui-order-edit__section .wide,
 .ui-modal--order-edit .order-flow-choice-field {
  grid-column: 1 !important;
 }

 .ui-modal--order-edit .ui-order-edit__section label {
  font-size: 11.5px !important;
 }

 .ui-modal--order-edit .ui-order-edit__section input,
 .ui-modal--order-edit .ui-order-edit__section select,
 .ui-modal--order-edit .ui-order-edit__section textarea {
  min-height: 44px !important;
  font-size: 13px !important;
 }

 .ui-modal--order-edit .ui-order-edit__actions {
  display: grid !important;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr) !important;
  gap: 6px !important;
  padding: 8px !important;
  padding-bottom: calc(8px + env(safe-area-inset-bottom)) !important;
 }

 .ui-modal--order-edit .ui-order-edit__actions .btn {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 50px !important;
  padding: 7px 6px !important;
  border-radius: 11px !important;
  font-size: 12.5px !important;
  line-height: 1.12 !important;
 }
}

/* UI-MODAL:USER-TEXT-SIZE */
@media all {
 body[class*="mobile-text-size-"] {
  --ui-modal-user-title: var(--goic-ui-heading, 20px);
  --ui-modal-user-description: var(--goic-ui-small, 13px);
  --ui-modal-user-eyebrow: var(--goic-ui-small, 12px);
  --ui-modal-user-body: var(--goic-ui-text, 16px);
  --ui-modal-user-label: var(--goic-ui-text, 16px);
  --ui-modal-user-field: var(--goic-ui-field, 16px);
  --ui-modal-user-button: var(--goic-ui-text, 16px);
  --ui-modal-user-aux: var(--goic-ui-small, 13px);
  --ui-modal-user-nav: var(--goic-ui-small, 13px);
  --ui-modal-user-nav-icon: var(--goic-ui-text, 16px);
  --ui-modal-user-section-title: var(--goic-ui-section, 18px);
 }

 body[class*="mobile-text-size-"] .ui-modal {
  font-size: var(--ui-modal-user-body) !important;
 }

 body[class*="mobile-text-size-"] .ui-modal__eyebrow {
  font-size: var(--ui-modal-user-eyebrow) !important;
 }

 body[class*="mobile-text-size-"] .ui-modal__title,
 body[class*="mobile-text-size-"] .ui-modal--products-save .ui-modal__title,
 body[class*="mobile-text-size-"] .ui-modal--order-edit .ui-order-edit__heading .ui-modal__title,
 body[class*="mobile-text-size-"] .ui-modal--product-delete .product-delete-confirm-copy strong,
 body[class*="mobile-text-size-"] .ui-danger__copy > h3 {
  font-size: var(--ui-modal-user-title) !important;
  letter-spacing: 0 !important;
 }

 body[class*="mobile-text-size-"] .ui-modal__description,
 body[class*="mobile-text-size-"] .ui-modal--order-edit .ui-order-edit__heading .ui-modal__description,
 body[class*="mobile-text-size-"] .ui-danger__copy > p {
  font-size: var(--ui-modal-user-description) !important;
 }

 body[class*="mobile-text-size-"] .ui-modal__context-item span,
 body[class*="mobile-text-size-"] .ui-modal__message-preview > span,
 body[class*="mobile-text-size-"] .ui-products-save__summary span,
 body[class*="mobile-text-size-"] .ui-order-edit__section-head small,
 body[class*="mobile-text-size-"] .ui-danger__copy > small {
  font-size: var(--ui-modal-user-aux) !important;
 }

 body[class*="mobile-text-size-"] .ui-modal__context-item strong,
 body[class*="mobile-text-size-"] .ui-modal__message-preview p,
 body[class*="mobile-text-size-"] .ui-product-delete__message,
 body[class*="mobile-text-size-"] .ui-danger__warning {
  font-size: var(--ui-modal-user-body) !important;
 }

 body[class*="mobile-text-size-"] .ui-modal .ui-modal__actions .btn,
 body[class*="mobile-text-size-"] .ui-modal--ready-whatsapp .ui-modal__actions .btn,
 body[class*="mobile-text-size-"] .ui-modal--products-save .ui-products-save__actions .btn,
 body[class*="mobile-text-size-"] .ui-modal--product-delete .ui-product-delete__actions .btn,
 body[class*="mobile-text-size-"] .ui-modal--danger-confirm .ui-danger__actions .btn,
 body[class*="mobile-text-size-"] .ui-modal--order-edit .ui-order-edit__actions .btn {
  font-size: var(--ui-modal-user-button) !important;
  line-height: 1.14 !important;
 }

 body[class*="mobile-text-size-"] .ui-products-save__summary strong {
  font-size: var(--ui-modal-user-body) !important;
 }

 body[class*="mobile-text-size-"] .ui-products-save__item-copy > strong,
 body[class*="mobile-text-size-"] .label-print-modal__option-copy strong,
 body[class*="mobile-text-size-"] .ui-products-save__status,
 body[class*="mobile-text-size-"] .ui-danger__body label strong {
  font-size: var(--ui-modal-user-label) !important;
 }

 body[class*="mobile-text-size-"] .ui-products-save__item-copy > small,
 body[class*="mobile-text-size-"] .label-print-modal__option-copy small {
  font-size: var(--ui-modal-user-aux) !important;
 }

 body[class*="mobile-text-size-"] .ui-modal--order-edit .ui-order-edit__context > span {
  font-size: var(--ui-modal-user-aux) !important;
 }

 body[class*="mobile-text-size-"] .ui-modal--order-edit .ui-order-edit__nav button > span {
  font-size: var(--ui-modal-user-nav-icon) !important;
 }

 body[class*="mobile-text-size-"] .ui-modal--order-edit .ui-order-edit__nav button > strong {
  font-size: var(--ui-modal-user-nav) !important;
 }

 body[class*="mobile-text-size-"] .ui-modal--order-edit .ui-order-edit__section-head h4 {
  font-size: var(--ui-modal-user-section-title) !important;
 }

 body[class*="mobile-text-size-"] .ui-modal--order-edit .ui-order-edit__section label,
 body[class*="mobile-text-size-"] .ui-danger__body > label {
  font-size: var(--ui-modal-user-label) !important;
 }

 body[class*="mobile-text-size-"] .ui-modal--order-edit .ui-order-edit__section input,
 body[class*="mobile-text-size-"] .ui-modal--order-edit .ui-order-edit__section select,
 body[class*="mobile-text-size-"] .ui-modal--order-edit .ui-order-edit__section textarea,
 body[class*="mobile-text-size-"] .ui-danger__body .input,
 body[class*="mobile-text-size-"] .ui-danger__body select {
  font-size: var(--ui-modal-user-field) !important;
 }
}

@media (prefers-reduced-motion: reduce) {
 .ui-modal,
 .ui-modal__panel,
 .ui-modal__close {
  transition: none !important;
 }
}

/* UI-MODAL:PRINT-CONTROLLER
 * Shared preview surface used by every printable document. Individual print
 * actions opt into it through window.GoicPrintModal; the document remains
 * isolated in an iframe and the underlying CRM view never navigates away.
 */
.ui-modal--print-document {
 --ui-modal-accent: #2563eb;
 --ui-modal-accent-soft: #eff6ff;
 --ui-modal-accent-border: #bfdbfe;
}

.ui-modal--print-document .ui-print-modal__panel {
 width: min(980px, 100%) !important;
 min-height: min(560px, calc(100dvh - 36px)) !important;
}

.ui-modal--print-document .ui-print-modal__header {
 flex: 0 0 auto;
}

.ui-modal--print-document .ui-print-modal__icon {
 background: linear-gradient(135deg, #dbeafe, #bfdbfe) !important;
 color: #1d4ed8 !important;
}

.ui-modal--print-document .ui-print-modal__body {
 flex: 1 1 auto !important;
 min-height: 0 !important;
 padding: 0 !important;
 overflow: hidden !important;
 background: #f1f5f9 !important;
}

.ui-modal--print-document .ui-print-modal__preview {
 position: relative;
 display: grid;
 min-height: 380px;
 height: min(65dvh, 700px);
 overflow: auto;
 background:
  linear-gradient(45deg, rgba(148, 163, 184, .12) 25%, transparent 25%),
  linear-gradient(-45deg, rgba(148, 163, 184, .12) 25%, transparent 25%),
  linear-gradient(45deg, transparent 75%, rgba(148, 163, 184, .12) 75%),
  linear-gradient(-45deg, transparent 75%, rgba(148, 163, 184, .12) 75%),
  #e2e8f0;
 background-position: 0 0, 0 10px, 10px -10px, -10px 0;
 background-size: 20px 20px;
}

.ui-modal--print-document .ui-print-modal__frame {
 z-index: 1;
 display: block;
 width: 100%;
 min-height: 100%;
 height: 100%;
 border: 0;
 background: #fff;
}

/* Labels follow their content; long batches scroll without pushing away actions. */
.ui-modal--print-document[data-goic-print-document="labels"] .ui-print-modal__panel {
 height: auto !important;
 min-height: 0 !important;
}

.ui-modal--print-document[data-goic-print-document="labels"] .ui-print-modal__body {
 flex: 0 1 auto !important;
 overflow: auto !important;
}

.ui-modal--print-document[data-goic-print-document="labels"] .ui-print-modal__preview {
 min-height: 0;
 height: var(--goic-label-preview-height, 320px);
 overflow: hidden;
}

.ui-modal--print-document .ui-print-modal__loading {
 position: absolute;
 z-index: 2;
 inset: 0;
 display: grid;
 place-items: center;
 padding: 24px;
 color: #475569;
 font-size: 14px;
 font-weight: 800;
 background: rgba(241, 245, 249, .9);
}

.ui-modal--print-document .ui-print-modal__loading[hidden] {
 display: none !important;
}

.ui-modal--print-document .ui-print-modal__actions {
 flex: 0 0 auto;
 display: grid !important;
 grid-template-columns: minmax(0, 1fr) auto auto auto;
 align-items: center;
 gap: 10px !important;
}

.ui-modal--print-document .ui-print-modal__quantity {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 margin: 0;
 color: #475569;
 font-size: 12px;
 font-weight: 850;
 white-space: nowrap;
}

.ui-modal--print-document .ui-print-modal__quantity select {
 min-width: 82px;
 height: 38px;
 padding: 0 28px 0 10px;
 border: 1px solid #fdba74;
 border-radius: 11px;
 background: #fff7ed;
 color: #9a3412;
 font: inherit;
 font-weight: 900;
}

.ui-modal--print-document .ui-print-modal__status {
 min-width: 0;
 color: #475569;
 font-size: 12px;
 font-weight: 700;
 line-height: 1.35;
}

.ui-modal--print-document.is-printing .ui-print-modal__actions [data-goic-print-action] {
 opacity: .72;
 pointer-events: none;
}

.ui-modal--print-document.is-print-complete .ui-print-modal__status {
 color: #15803d;
}

@media (max-width: 680px) {
 .ui-modal--print-document {
  padding: 0 !important;
 }

 .ui-modal--print-document .ui-print-modal__panel {
  width: 100% !important;
  min-height: 100dvh !important;
  max-height: 100dvh !important;
  border-radius: 0 !important;
  border-width: 0 !important;
 }

 .ui-modal--print-document .ui-print-modal__preview {
  min-height: 0;
  height: calc(100dvh - 184px);
 }

 .ui-modal--print-document .ui-print-modal__actions {
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
 }

 .ui-modal--print-document .ui-print-modal__status {
  grid-column: 1 / -1;
  min-height: 17px;
 }

 .ui-modal--print-document .ui-print-modal__quantity {
  grid-column: 1 / -1;
  justify-content: center;
 }

 .ui-modal--print-document .ui-print-modal__actions .btn {
  width: 100%;
  min-height: 48px;
 }
}

/* UI-MODAL:DOUBLE-SHIMMER
 * A finite decorative layer, not a new modal/backdrop or an input owner.
 * Keep existing panel pseudo-elements and scroll/focus behaviour untouched. */
@media screen {
 .goic-modal-shimmer-sweep {
  position: absolute; inset: 0; z-index: 9; display: block;
  margin: 0; padding: 0; border: 0; border-radius: inherit;
  overflow: hidden; pointer-events: none !important;
  background: linear-gradient(110deg,transparent 35%,#ffffff8c 48%,transparent 61%);
  background-size: 260% 100%; background-position: 100% 0;
  animation: goic-modal-shimmer 560ms ease-out 2;
 }
 @keyframes goic-modal-shimmer {
  from { background-position: 100% 0; opacity: 0; }
  15% { opacity: 1; }
  to { background-position: 0 0; opacity: 0; }
 }
 body.user-motion-off .goic-modal-shimmer-sweep { display: none; animation: none; }
 @media (prefers-reduced-motion: reduce) {
  .goic-modal-shimmer-sweep { display: none; animation: none; }
 }
}
@media print { .goic-modal-shimmer-sweep { display: none !important; } }
/* END UI-MODAL:DOUBLE-SHIMMER */