1 line
153 KiB
Plaintext
1 line
153 KiB
Plaintext
{"version":3,"sources":["app.css","shared\\_ui-components.scss","modules\\_email-send.scss","modules\\_automation.scss","modules\\_printing.scss","modules\\_shipment-presets.scss","modules\\_delivery-status.scss","modules\\_delivery-status-mappings.scss","app.scss"],"names":[],"mappings":"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","file":"app.css","sourcesContent":["@charset \"UTF-8\";\n:root {\n --c-primary: #6690f4;\n --c-primary-dark: #3164db;\n --c-action-primary: #0f766e;\n --c-action-primary-dark: #0b5f59;\n --c-bg: #f4f6f9;\n --c-surface: #ffffff;\n --c-text: #4e5e6a;\n --c-text-strong: #2d3748;\n --c-muted: #718096;\n --c-border: #b0bec5;\n --c-danger: #cc0000;\n --focus-ring: 0 0 0 3px rgba(102, 144, 244, 0.15);\n --focus-ring-action: 0 0 0 3px rgba(15, 118, 110, 0.18);\n --shadow-card: 0 1px 4px rgba(0, 0, 0, 0.06);\n}\n\n.btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-height: 34px;\n padding: 6px 12px;\n border: 1px solid transparent;\n border-radius: 8px;\n font: inherit;\n font-weight: 600;\n text-decoration: none;\n cursor: pointer;\n transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.1s ease;\n}\n\n.btn--primary {\n color: #ffffff;\n background: var(--c-action-primary);\n}\n\n.btn--primary:hover {\n background: var(--c-action-primary-dark);\n}\n\n.btn--secondary {\n color: var(--c-text-strong);\n border-color: var(--c-border);\n background: var(--c-surface);\n}\n\n.btn--secondary:hover {\n border-color: #cbd5e0;\n background: #f8fafc;\n}\n\n.btn--danger {\n color: #ffffff;\n border-color: #b91c1c;\n background: #dc2626;\n}\n\n.btn--danger:hover {\n border-color: #991b1b;\n background: #b91c1c;\n}\n\n.btn--sm {\n min-height: 28px;\n padding: 3px 10px;\n font-size: 12px;\n}\n\n.btn--block {\n width: 100%;\n}\n\n.btn--disabled {\n opacity: 0.3;\n cursor: not-allowed;\n pointer-events: none;\n}\n\n.btn:active {\n transform: translateY(1px);\n}\n\n.btn:focus-visible {\n outline: none;\n box-shadow: var(--focus-ring-action);\n border-color: var(--c-action-primary);\n}\n\n.form-control {\n width: 100%;\n min-height: 30px;\n border: 1px solid var(--c-border);\n border-radius: 6px;\n padding: 4px 8px;\n font: inherit;\n color: var(--c-text-strong);\n background: #ffffff;\n transition: border-color 0.2s ease, box-shadow 0.2s ease;\n}\n\n.form-control:focus {\n outline: none;\n border-color: var(--c-primary);\n box-shadow: var(--focus-ring);\n}\n\n.input {\n min-height: 34px;\n border: 1px solid var(--c-border);\n border-radius: 8px;\n padding: 5px 10px;\n font: inherit;\n color: var(--c-text-strong);\n background: #ffffff;\n}\n\n.input--sm {\n min-height: 28px;\n padding: 3px 8px;\n font-size: 12px;\n}\n\n.flash {\n padding: 8px 12px;\n border-radius: 6px;\n font-size: 13px;\n}\n\n.flash--success {\n border: 1px solid #b7ebcf;\n background: #f0fff6;\n color: #0f6b39;\n}\n\n.flash--error {\n border: 1px solid #fed7d7;\n background: #fff5f5;\n color: var(--c-danger);\n}\n\n.alert {\n padding: 12px 14px;\n border-radius: 8px;\n border: 1px solid transparent;\n font-size: 13px;\n min-height: 44px;\n}\n\n.alert--danger {\n border-color: #fed7d7;\n background: #fff5f5;\n color: var(--c-danger);\n}\n\n.alert--success {\n border-color: #b7ebcf;\n background: #f0fff6;\n color: #0f6b39;\n}\n\n.alert--warning {\n border-color: #f7dd8b;\n background: #fff8e8;\n color: #815500;\n}\n\n.form-field {\n display: grid;\n gap: 5px;\n}\n\n.field-label {\n color: var(--c-text-strong);\n font-size: 13px;\n font-weight: 600;\n}\n\n.table-wrap {\n width: 100%;\n overflow-x: auto;\n}\n.table-wrap--visible {\n overflow: visible !important;\n overflow-x: visible !important;\n}\n\n.table {\n width: 100%;\n border-collapse: collapse;\n background: var(--c-surface);\n}\n\n.table th,\n.table td {\n padding: 10px 12px;\n border-bottom: 1px solid var(--c-border);\n text-align: left;\n}\n\n.table th {\n color: var(--c-text-strong);\n font-weight: 700;\n background: #f8fafc;\n}\n\n.table--details th {\n white-space: nowrap;\n}\n\n.table--details th:first-child,\n.table--details td:first-child {\n width: 36px;\n text-align: center;\n}\n\n.pagination {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 8px;\n}\n\n.pagination__item {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 36px;\n height: 36px;\n padding: 0 10px;\n border-radius: 8px;\n border: 1px solid var(--c-border);\n color: var(--c-text-strong);\n background: var(--c-surface);\n text-decoration: none;\n font-weight: 600;\n}\n\n.pagination__item:hover {\n border-color: #cbd5e0;\n background: #f8fafc;\n}\n\n.pagination__item.is-active {\n border-color: var(--c-primary);\n color: var(--c-primary);\n background: #edf2ff;\n}\n\n.receipt-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n margin-bottom: 16px;\n padding-bottom: 12px;\n border-bottom: 2px solid var(--c-text-strong);\n}\n.receipt-header__seller {\n flex: 1;\n}\n.receipt-header__seller strong {\n font-size: 14px;\n display: block;\n margin-bottom: 4px;\n}\n.receipt-header__title {\n text-align: right;\n}\n.receipt-header__title h1 {\n font-size: 18px;\n font-weight: 700;\n margin-bottom: 4px;\n}\n\n.receipt-print {\n max-width: 700px;\n margin: 0 auto;\n}\n@media print {\n .receipt-print {\n max-width: 100%;\n }\n}\n\n.email-send-overlay {\n position: fixed;\n inset: 0;\n z-index: 1000;\n background: rgba(0, 0, 0, 0.5);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.email-send-modal {\n background: var(--c-card-bg, #fff);\n border-radius: 8px;\n width: 580px;\n max-width: 95vw;\n max-height: 90vh;\n display: flex;\n flex-direction: column;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\n}\n.email-send-modal__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 12px 16px;\n border-bottom: 1px solid var(--c-border, #e0e0e0);\n}\n.email-send-modal__header h3 {\n margin: 0;\n font-size: 15px;\n}\n.email-send-modal__close {\n background: none;\n border: none;\n font-size: 20px;\n cursor: pointer;\n color: var(--c-text-muted, #888);\n padding: 0 4px;\n}\n.email-send-modal__close:hover {\n color: var(--c-text, #333);\n}\n.email-send-modal__body {\n padding: 16px;\n overflow-y: auto;\n flex: 1;\n}\n.email-send-modal__field {\n margin-bottom: 10px;\n}\n.email-send-modal__field label {\n display: block;\n font-size: 12px;\n font-weight: 600;\n margin-bottom: 4px;\n color: var(--c-text-muted, #666);\n}\n.email-send-modal__field .input {\n width: 100%;\n}\n.email-send-modal__actions-top {\n margin-bottom: 10px;\n}\n.email-send-modal__footer {\n display: flex;\n justify-content: flex-end;\n gap: 8px;\n padding: 12px 16px;\n border-top: 1px solid var(--c-border, #e0e0e0);\n}\n\n.email-send-preview {\n border: 1px solid var(--c-border, #e0e0e0);\n border-radius: 4px;\n padding: 12px;\n max-height: 280px;\n overflow-y: auto;\n background: var(--c-bg, #fafafa);\n}\n.email-send-preview__subject {\n font-weight: 600;\n font-size: 13px;\n margin-bottom: 8px;\n padding-bottom: 8px;\n border-bottom: 1px solid var(--c-border, #e0e0e0);\n}\n.email-send-preview__body {\n font-size: 13px;\n line-height: 1.5;\n}\n.email-send-preview__body p {\n margin: 0 0 8px;\n}\n.email-send-preview__attachments {\n margin-top: 8px;\n padding-top: 8px;\n border-top: 1px solid var(--c-border, #e0e0e0);\n font-size: 12px;\n color: var(--c-text-muted, #666);\n}\n\n.section-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n}\n\n.automation-row {\n display: flex;\n align-items: flex-start;\n gap: 8px;\n padding: 10px 12px;\n background: var(--c-surface, #f8f9fa);\n border: 1px solid var(--c-border, #dee2e6);\n border-radius: 6px;\n}\n.automation-row__fields {\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 6px;\n}\n.automation-row__type {\n max-width: 280px;\n}\n.automation-row__config {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n}\n.automation-row__config .form-control {\n min-width: 200px;\n max-width: 300px;\n}\n.automation-row__remove {\n flex-shrink: 0;\n margin-top: 2px;\n line-height: 1;\n font-size: 16px;\n padding: 2px 8px;\n}\n\n.checkbox-group {\n display: flex;\n flex-wrap: wrap;\n gap: 4px 16px;\n}\n\n.checkbox-label {\n display: flex;\n align-items: center;\n gap: 4px;\n font-size: 13px;\n cursor: pointer;\n white-space: nowrap;\n}\n.checkbox-label input[type=checkbox] {\n margin: 0;\n}\n\n.automation-actions-cell {\n white-space: nowrap;\n}\n\n.automation-inline-form {\n display: inline;\n}\n\n.automation-history-filters {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 8px;\n align-items: end;\n}\n.automation-history-filters .form-field {\n margin: 0;\n}\n.automation-history-filters .field-label {\n font-size: 12px;\n margin-bottom: 4px;\n}\n.automation-history-filters .form-control {\n min-height: 34px;\n}\n.automation-history-filters__actions {\n display: flex;\n gap: 6px;\n align-items: center;\n justify-content: flex-start;\n padding-bottom: 1px;\n}\n\n.print-status-badge {\n display: inline-block;\n padding: 2px 8px;\n border-radius: 3px;\n font-size: 0.75rem;\n font-weight: 600;\n line-height: 1.4;\n}\n.print-status-badge--pending {\n background-color: #fff3cd;\n color: #856404;\n}\n.print-status-badge--completed {\n background-color: #d4edda;\n color: #155724;\n}\n.print-status-badge--failed {\n background-color: #f8d7da;\n color: #721c24;\n}\n\n.print-queue-filters {\n display: flex;\n gap: 4px;\n}\n\n.print-queue-table td, .print-queue-table th {\n padding: 6px 8px;\n font-size: 0.85rem;\n}\n\n.print-queue-actions {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n}\n\n.print-queue-delete-form {\n margin: 0;\n}\n\n.btn--outline-primary {\n background: transparent;\n border: 1px solid var(--c-action-primary);\n color: var(--c-action-primary);\n cursor: pointer;\n border-radius: 3px;\n font-size: 0.75rem;\n padding: 3px 8px;\n transition: background-color 0.15s, color 0.15s;\n}\n.btn--outline-primary:hover {\n background-color: var(--c-action-primary);\n color: #fff;\n}\n.btn--outline-primary:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n.btn--outline-primary.is-success {\n border-color: #28a745;\n color: #28a745;\n}\n\n.shipment-presets {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n align-items: center;\n margin-top: 16px;\n margin-bottom: 16px;\n}\n\n.shipment-presets__btn {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 6px 14px;\n border: none;\n border-radius: 6px;\n background: var(--preset-color, #3b82f6);\n color: #fff;\n font-size: 13px;\n font-weight: 500;\n cursor: pointer;\n transition: opacity 0.15s;\n line-height: 1.4;\n}\n.shipment-presets__btn:hover {\n opacity: 0.85;\n}\n\n.shipment-presets__add {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 6px 14px;\n border: 1px dashed #ccc;\n border-radius: 6px;\n background: transparent;\n color: #666;\n font-size: 13px;\n cursor: pointer;\n transition: border-color 0.15s, color 0.15s;\n line-height: 1.4;\n}\n.shipment-presets__add:hover {\n border-color: #999;\n color: #444;\n}\n\n.preset-modal {\n position: fixed;\n inset: 0;\n background: rgba(0, 0, 0, 0.4);\n z-index: 1000;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.preset-modal__content {\n background: #fff;\n border-radius: 8px;\n padding: 24px;\n min-width: 360px;\n max-width: 420px;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\n}\n.preset-modal__content h3 {\n margin: 0 0 4px;\n font-size: 16px;\n}\n\n.preset-modal__colors {\n display: flex;\n gap: 8px;\n flex-wrap: wrap;\n}\n\n.preset-modal__color-swatch {\n width: 28px;\n height: 28px;\n border-radius: 50%;\n cursor: pointer;\n border: 2px solid transparent;\n transition: border-color 0.15s;\n}\n.preset-modal__color-swatch:hover {\n border-color: #aaa;\n}\n.preset-modal__color-swatch.is-selected {\n border-color: #333;\n}\n\n.shipment-presets__btn-wrap {\n position: relative;\n display: inline-flex;\n}\n.shipment-presets__btn-wrap:hover .shipment-presets__edit-icon {\n opacity: 1;\n}\n\n.shipment-presets__edit-icon {\n position: absolute;\n top: -6px;\n right: -6px;\n width: 18px;\n height: 18px;\n border-radius: 50%;\n background: #fff;\n border: 1px solid #ddd;\n font-size: 10px;\n line-height: 16px;\n text-align: center;\n cursor: pointer;\n opacity: 0;\n transition: opacity 0.15s;\n padding: 0;\n color: #666;\n z-index: 2;\n}\n.shipment-presets__edit-icon:hover {\n background: #f3f4f6;\n border-color: #999;\n}\n\n.shipment-presets__dropdown {\n position: absolute;\n top: 100%;\n left: 0;\n margin-top: 4px;\n background: #fff;\n border: 1px solid #ddd;\n border-radius: 6px;\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n z-index: 100;\n min-width: 200px;\n padding: 4px 0;\n}\n\n.shipment-presets__dropdown-item {\n padding: 6px 14px;\n font-size: 13px;\n cursor: pointer;\n white-space: nowrap;\n}\n.shipment-presets__dropdown-item:hover {\n background: #f3f4f6;\n}\n.shipment-presets__dropdown-item.is-danger {\n color: #ef4444;\n}\n.shipment-presets__dropdown-item.is-danger:hover {\n background: #fef2f2;\n}\n\n.delivery-badge {\n display: inline-block;\n padding: 2px 8px;\n border-radius: 3px;\n font-size: 0.8em;\n font-weight: 500;\n white-space: nowrap;\n}\n.delivery-badge--unknown {\n background: #f5f5f5;\n color: #999;\n}\n.delivery-badge--created {\n background: #e3f2fd;\n color: #1565c0;\n}\n.delivery-badge--confirmed {\n background: #bbdefb;\n color: #0d47a1;\n}\n.delivery-badge--in_transit {\n background: #fff3e0;\n color: #e65100;\n}\n.delivery-badge--out_for_delivery {\n background: #ffe0b2;\n color: #bf360c;\n}\n.delivery-badge--ready_for_pickup {\n background: #f3e5f5;\n color: #6a1b9a;\n}\n.delivery-badge--delivered {\n background: #e8f5e9;\n color: #2e7d32;\n}\n.delivery-badge--returned {\n background: #ffebee;\n color: #c62828;\n}\n.delivery-badge--cancelled {\n background: #e0e0e0;\n color: #616161;\n}\n.delivery-badge--problem {\n background: #fff8e1;\n color: #f57f17;\n}\n\n.tracking-link {\n margin-left: 4px;\n text-decoration: none;\n font-size: 0.85em;\n}\n\n.dsm-row--custom {\n background: rgba(59, 130, 246, 0.06);\n}\n\n.dsm-raw-status {\n font-size: 0.82rem;\n background: var(--surface-alt, #f1f5f9);\n padding: 2px 6px;\n border-radius: 3px;\n white-space: nowrap;\n}\n\n* {\n box-sizing: border-box;\n}\n\nhtml,\nbody {\n min-height: 100%;\n}\n\nbody {\n margin: 0;\n font-family: \"Roboto\", \"Segoe UI\", sans-serif;\n font-size: 13px;\n color: var(--c-text);\n background: var(--c-bg);\n}\n\na {\n color: var(--c-primary);\n}\n\n.app-shell {\n min-height: 100vh;\n display: flex;\n}\n\n.sidebar {\n width: 260px;\n min-width: 260px;\n flex-shrink: 0;\n overflow: hidden;\n transition: width 0.22s ease, min-width 0.22s ease;\n border-right: 1px solid #243041;\n background: #111a28;\n padding: 18px 10px;\n display: flex;\n flex-direction: column;\n}\n\n.sidebar.is-collapsed {\n width: 52px;\n min-width: 52px;\n padding: 18px 0;\n}\n.sidebar.is-collapsed .sidebar__brand-text {\n display: none;\n}\n.sidebar.is-collapsed .sidebar__brand {\n justify-content: center;\n margin: 4px 0 16px;\n}\n.sidebar.is-collapsed .sidebar__label {\n display: none;\n}\n.sidebar.is-collapsed .sidebar__toggle-arrow {\n display: none;\n}\n.sidebar.is-collapsed .sidebar__link,\n.sidebar.is-collapsed .sidebar__group-toggle {\n justify-content: center;\n padding: 9px;\n border-radius: 8px;\n margin: 0 6px;\n}\n.sidebar.is-collapsed .sidebar__group-links {\n display: none;\n}\n.sidebar.is-collapsed .sidebar__icon {\n margin: 0;\n}\n\n.sidebar__brand {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 4px 4px 16px;\n gap: 6px;\n min-width: 0;\n}\n\n.sidebar__brand-text {\n color: #e9f0ff;\n font-size: 24px;\n font-weight: 300;\n letter-spacing: -0.02em;\n white-space: nowrap;\n overflow: hidden;\n flex: 1;\n min-width: 0;\n}\n.sidebar__brand-text strong {\n font-weight: 700;\n}\n\n.sidebar__collapse-btn {\n flex-shrink: 0;\n width: 28px;\n height: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: transparent;\n border: 1px solid #2a3a54;\n border-radius: 6px;\n color: #64748b;\n cursor: pointer;\n padding: 0;\n transition: background 0.15s, color 0.15s;\n}\n.sidebar__collapse-btn:hover {\n background: #1b2a3f;\n color: #cbd5e1;\n}\n\n.sidebar__collapse-icon {\n display: block;\n transition: transform 0.22s ease;\n flex-shrink: 0;\n}\n\n.sidebar.is-collapsed .sidebar__collapse-icon {\n transform: rotate(180deg);\n}\n\n.sidebar__nav {\n display: grid;\n gap: 4px;\n}\n\n.sidebar__link {\n display: flex;\n align-items: center;\n gap: 9px;\n white-space: nowrap;\n border-radius: 8px;\n padding: 9px 10px;\n text-decoration: none;\n color: #cbd5e1;\n font-weight: 600;\n}\n\n.sidebar__link:hover {\n color: #f8fafc;\n background: #1b2a3f;\n}\n\n.sidebar__link.is-active {\n color: #ffffff;\n background: #2e4f93;\n}\n\n.sidebar__group {\n display: grid;\n gap: 2px;\n}\n\n.sidebar__group-toggle {\n list-style: none;\n border-radius: 8px;\n padding: 9px 10px;\n color: #cbd5e1;\n font-weight: 600;\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: 9px;\n white-space: nowrap;\n user-select: none;\n}\n\n.sidebar__group-toggle::-webkit-details-marker {\n display: none;\n}\n\n.sidebar__group:hover .sidebar__group-toggle,\n.sidebar__group-toggle:hover {\n color: #f8fafc;\n background: #1b2a3f;\n}\n\n.sidebar__group.is-active .sidebar__group-toggle {\n color: #ffffff;\n background: #2e4f93;\n}\n\n.sidebar__icon {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0.85;\n}\n\n.sidebar__label {\n flex: 1;\n min-width: 0;\n overflow: hidden;\n}\n\n.sidebar__toggle-arrow {\n flex-shrink: 0;\n margin-left: auto;\n opacity: 0.5;\n transition: transform 0.18s ease;\n}\n\ndetails[open] > .sidebar__group-toggle .sidebar__toggle-arrow {\n transform: rotate(180deg);\n}\n\n.sidebar__group-links {\n display: grid;\n gap: 2px;\n padding-left: 12px;\n overflow: hidden;\n}\n\n.sidebar__sublink {\n border-radius: 6px;\n padding: 7px 10px 7px 8px;\n text-decoration: none;\n color: #94a3b8;\n font-size: 12.5px;\n font-weight: 500;\n display: flex;\n align-items: center;\n gap: 8px;\n white-space: nowrap;\n}\n.sidebar__sublink::before {\n content: \"\";\n flex-shrink: 0;\n width: 5px;\n height: 5px;\n border-radius: 50%;\n background: rgba(148, 163, 184, 0.3);\n transition: background 0.15s;\n}\n.sidebar__sublink:hover {\n color: #e2e8f0;\n background: #1b2a3f;\n}\n.sidebar__sublink:hover::before {\n background: rgba(148, 163, 184, 0.65);\n}\n.sidebar__sublink.is-active {\n color: #ffffff;\n background: rgba(46, 79, 147, 0.55);\n}\n.sidebar__sublink.is-active::before {\n background: #93c5fd;\n}\n\n.app-main {\n flex: 1;\n min-width: 0;\n}\n\n.topbar {\n height: 50px;\n border-bottom: 1px solid var(--c-border);\n background: var(--c-surface);\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 20px;\n position: sticky;\n top: 0;\n z-index: 100;\n}\n\n.brand {\n font-size: 22px;\n font-weight: 300;\n letter-spacing: -0.02em;\n color: var(--c-text-strong);\n}\n\n.brand strong {\n font-weight: 700;\n}\n\n.container {\n max-width: none;\n width: calc(100% - 20px);\n margin: 12px 10px;\n padding: 0 4px 14px;\n}\n\n.card {\n background: var(--c-surface);\n border-radius: 10px;\n box-shadow: var(--shadow-card);\n padding: 14px;\n}\n\n.card h1 {\n margin: 0 0 10px;\n color: var(--c-text-strong);\n font-size: 24px;\n font-weight: 700;\n}\n\n.muted {\n color: var(--c-muted);\n}\n\n.accent {\n color: var(--c-primary);\n font-weight: 600;\n}\n\n.users-form {\n display: grid;\n gap: 14px;\n max-width: 460px;\n}\n\n.form-field {\n margin-bottom: 12px;\n}\n\n.section-title {\n margin: 0;\n color: var(--c-text-strong);\n font-size: 18px;\n font-weight: 700;\n}\n\nh2.section-title,\nh3.section-title,\nh4.section-title {\n display: flex;\n align-items: center;\n gap: 6px;\n font-weight: 600;\n padding: 6px 0;\n margin-bottom: 8px;\n border-bottom: 1px solid #e2e8f0;\n color: var(--c-primary, #2563eb);\n}\nh2.section-title::before,\nh3.section-title::before,\nh4.section-title::before {\n content: \"■\";\n font-size: 0.55em;\n opacity: 0.5;\n}\n\nh3.section-title,\nh4.section-title {\n font-size: 15px;\n}\nh3.section-title::before,\nh4.section-title::before {\n content: \"◆\";\n font-size: 0.5em;\n}\n\n.mt-0 {\n margin-top: 0;\n}\n\n.mt-4 {\n margin-top: 4px;\n}\n\n.mt-12 {\n margin-top: 8px;\n}\n\n.mt-16 {\n margin-top: 12px;\n}\n\n.settings-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 12px;\n}\n\n.settings-nav {\n display: flex;\n gap: 8px;\n flex-wrap: wrap;\n}\n\n.settings-nav__link {\n text-decoration: none;\n border: 1px solid var(--c-border);\n border-radius: 8px;\n padding: 8px 12px;\n color: var(--c-text-strong);\n font-weight: 600;\n}\n\n.settings-nav__link:hover {\n background: #f8fafc;\n}\n\n.settings-nav__link.is-active {\n border-color: var(--c-primary);\n color: var(--c-primary);\n background: #edf2ff;\n}\n\n.settings-stat {\n border: 1px solid var(--c-border);\n border-radius: 8px;\n padding: 12px;\n background: #f8fafc;\n}\n\n.settings-stat__label {\n display: block;\n color: var(--c-muted);\n font-size: 12px;\n margin-bottom: 4px;\n}\n\n.settings-stat__value {\n color: var(--c-text-strong);\n font-size: 20px;\n}\n\n.settings-logs {\n margin: 0;\n padding: 12px;\n border-radius: 8px;\n border: 1px solid var(--c-border);\n background: #0b1220;\n color: #d1d5db;\n font-size: 12px;\n line-height: 1.5;\n overflow: auto;\n}\n\n.settings-allegro-callback {\n display: block;\n width: 100%;\n padding: 8px 10px;\n border: 1px solid var(--c-border);\n border-radius: 8px;\n background: #f8fafc;\n color: var(--c-text-strong);\n font-size: 12px;\n line-height: 1.45;\n word-break: break-all;\n}\n\n.page-head {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n}\n\n.filters-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 12px;\n}\n\n.filters-actions {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n.product-form .form-control {\n width: 100%;\n}\n\n.form-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 12px;\n}\n\n.form-grid-2 {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 12px;\n align-items: start;\n}\n\n.form-grid-3 {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 12px;\n align-items: start;\n}\n\n.form-grid-4 {\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n gap: 12px;\n align-items: start;\n}\n\n.form-actions {\n display: flex;\n gap: 8px;\n flex-wrap: wrap;\n align-items: flex-start;\n}\n\n.form-actions .btn {\n align-self: flex-start;\n}\n\n.statuses-form {\n display: grid;\n gap: 8px;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.statuses-form .form-actions {\n grid-column: 1/-1;\n}\n\n.statuses-color-input {\n min-height: 32px;\n padding: 2px;\n}\n\n.statuses-hint {\n grid-column: 1/-1;\n margin: 0;\n}\n\n.statuses-group-block {\n border: 1px solid var(--c-border);\n border-radius: 10px;\n padding: 8px;\n background: #fbfdff;\n}\n\n.statuses-group-block__head {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 6px;\n flex-wrap: wrap;\n}\n\n.statuses-group-block__title {\n margin: 0;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n color: var(--c-text-strong);\n font-size: 14px;\n}\n\n.statuses-color-dot {\n width: 12px;\n height: 12px;\n border-radius: 999px;\n border: 1px solid rgba(15, 23, 42, 0.15);\n}\n\n.statuses-dnd-list {\n margin: 6px 0 0;\n padding: 0;\n list-style: none;\n display: grid;\n gap: 6px;\n}\n\n.statuses-dnd-item {\n display: grid;\n grid-template-columns: 24px 1fr;\n gap: 6px;\n border: 1px solid #dce4f0;\n border-radius: 8px;\n background: #fff;\n padding: 6px;\n}\n\n.statuses-dnd-item__content {\n display: flex;\n align-items: center;\n gap: 6px;\n min-width: 0;\n}\n\n.statuses-dnd-item.is-dragging {\n opacity: 0.6;\n}\n\n.statuses-dnd-item__drag {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border: 1px dashed #cbd5e1;\n border-radius: 6px;\n color: #64748b;\n cursor: grab;\n user-select: none;\n font-weight: 700;\n font-size: 12px;\n}\n\n.statuses-dnd-item__drag:active {\n cursor: grabbing;\n}\n\n.statuses-inline-form {\n display: grid;\n gap: 6px;\n}\n\n.statuses-inline-form--row {\n grid-template-columns: minmax(180px, 1.4fr) minmax(150px, 1fr) auto auto auto;\n align-items: center;\n flex: 1 1 auto;\n min-width: 0;\n}\n\n.statuses-inline-form--row-group {\n grid-template-columns: minmax(180px, 1.5fr) 56px auto auto auto;\n align-items: center;\n flex: 1 1 auto;\n min-width: 0;\n}\n\n.statuses-inline-form--row .form-control,\n.statuses-inline-form--row-group .form-control {\n min-height: 30px;\n padding: 4px 8px;\n}\n\n.statuses-inline-form--row .btn,\n.statuses-inline-form--row-group .btn,\n.statuses-inline-delete .btn {\n min-height: 30px;\n padding: 4px 10px;\n font-size: 12px;\n}\n\n.statuses-inline-check {\n margin-top: 0;\n white-space: nowrap;\n font-size: 12px;\n}\n\n.statuses-inline-delete {\n margin: 0;\n flex: 0 0 auto;\n}\n\n.statuses-code-label {\n font-size: 12px;\n color: var(--c-muted);\n}\n\n.statuses-code-readonly {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n white-space: nowrap;\n font-size: 12px;\n}\n\n.statuses-code-readonly code {\n background: #eef2f7;\n border-radius: 6px;\n padding: 1px 6px;\n color: #1f2937;\n font-size: 12px;\n}\n\n.field-inline {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-top: 2px;\n}\n\n.modal-backdrop {\n position: fixed;\n inset: 0;\n background: rgba(15, 23, 42, 0.5);\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 16px;\n z-index: 200;\n}\n\n.modal-backdrop[hidden] {\n display: none;\n}\n\n.modal {\n width: min(560px, 100%);\n background: #fff;\n border-radius: 10px;\n box-shadow: 0 20px 40px rgba(15, 23, 42, 0.35);\n overflow: hidden;\n}\n\n.modal__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 10px;\n padding: 16px 18px;\n border-bottom: 1px solid var(--c-border);\n}\n\n.modal__header h3 {\n margin: 0;\n font-size: 18px;\n color: var(--c-text-strong);\n}\n\n.modal__body {\n padding: 16px 18px 18px;\n}\n\n.status-pill {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border: 1px solid #fed7d7;\n background: #fff5f5;\n color: #9b2c2c;\n padding: 2px 8px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 600;\n}\n\n.status-pill.is-active {\n border-color: #b7ebcf;\n background: #f0fff6;\n color: #0f6b39;\n}\n\n.table-row-actions {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n flex-wrap: wrap;\n}\n\n.table-row-actions form {\n margin: 0;\n}\n\n.table-list {\n display: grid;\n gap: 14px;\n}\n\n.table-list__header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 12px;\n flex-wrap: wrap;\n}\n\n.table-list__left {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n flex-wrap: wrap;\n}\n\n.table-list-header-actions {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n flex-wrap: wrap;\n}\n\n.js-filter-toggle-btn.is-active {\n border-color: #cbd5e0;\n background: #edf2ff;\n color: var(--c-primary-dark);\n}\n\n.table-filter-badge {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 18px;\n height: 18px;\n padding: 0 5px;\n font-size: 11px;\n font-weight: 700;\n color: #fff;\n background: var(--c-primary);\n border-radius: 999px;\n}\n\n.table-filters-wrapper {\n display: none;\n}\n\n.table-filters-wrapper.is-open {\n display: block;\n}\n\n.table-list-filters {\n display: grid;\n gap: 12px;\n grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));\n align-items: end;\n}\n\n.table-col-toggle-wrapper {\n position: relative;\n}\n\n.table-col-toggle-dropdown {\n display: none;\n position: absolute;\n right: 0;\n top: calc(100% + 6px);\n z-index: 30;\n width: 260px;\n max-height: 360px;\n overflow: auto;\n border: 1px solid var(--c-border);\n border-radius: 10px;\n background: #fff;\n box-shadow: 0 10px 25px rgba(15, 23, 42, 0.12);\n}\n\n.table-col-toggle-dropdown.is-open {\n display: block;\n}\n\n.table-col-toggle-header {\n padding: 10px 12px;\n border-bottom: 1px solid var(--c-border);\n font-size: 12px;\n font-weight: 700;\n color: var(--c-muted);\n}\n\n.table-col-toggle-item {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 8px 12px;\n font-size: 13px;\n color: var(--c-text-strong);\n}\n\n.table-col-toggle-item:hover {\n background: #f8fafc;\n}\n\n.table-col-toggle-footer {\n border-top: 1px solid var(--c-border);\n padding: 8px 12px;\n}\n\n.table-col-hidden {\n display: none;\n}\n\n.table-col-switch {\n position: relative;\n display: inline-block;\n width: 34px;\n min-width: 34px;\n height: 18px;\n}\n\n.table-col-switch input {\n opacity: 0;\n width: 0;\n height: 0;\n position: absolute;\n}\n\n.table-col-switch-slider {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: #cbd5e1;\n border-radius: 999px;\n transition: background-color 0.2s ease;\n}\n\n.table-col-switch-slider::before {\n content: \"\";\n position: absolute;\n height: 14px;\n width: 14px;\n left: 2px;\n bottom: 2px;\n background: #fff;\n border-radius: 50%;\n transition: transform 0.2s ease;\n}\n\n.table-col-switch input:checked + .table-col-switch-slider {\n background: #16a34a;\n}\n\n.table-col-switch input:checked + .table-col-switch-slider::before {\n transform: translateX(16px);\n}\n\n.table-sort-link {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n color: var(--c-text-strong);\n text-decoration: none;\n}\n\n.table-sort-link:hover {\n color: var(--c-primary-dark);\n}\n\n.table-sort-icon.is-muted {\n color: #a0aec0;\n}\n\n.table-list__footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 10px;\n flex-wrap: wrap;\n}\n\n.table-list-per-page-form {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n}\n\n.table-list-per-page-form .form-control {\n min-width: 90px;\n}\n\n.table-select-col {\n width: 44px;\n text-align: center;\n}\n\n.table-select-toggle {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n.table-select-toggle input[type=checkbox] {\n width: 16px;\n height: 16px;\n}\n\n.orders-page .orders-head {\n background: linear-gradient(120deg, #f8fbff 0%, #eef5ff 100%);\n border: 1px solid #dbe7fb;\n}\n.orders-page .table-list {\n border: 1px solid #dde5f2;\n border-radius: 12px;\n box-shadow: 0 6px 16px rgba(20, 44, 86, 0.08);\n}\n.orders-page .table-list__header {\n padding: 10px 6px 2px;\n}\n.orders-page .table-list-filters {\n padding: 6px 6px 2px;\n border-top: 1px solid #ebf0f7;\n border-bottom: 1px solid #ebf0f7;\n background: #f9fbff;\n}\n.orders-page .table-wrap {\n border-radius: 10px;\n overflow: hidden;\n border: 1px solid #e7edf6;\n}\n.orders-page .table thead th {\n background: #f3f7fd;\n color: #30435f;\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: 0.03em;\n}\n.orders-page .table tbody td {\n vertical-align: middle;\n padding-top: 10px;\n padding-bottom: 10px;\n border-bottom-color: #edf2f8;\n}\n.orders-page .table tbody tr:hover td {\n background: #f9fcff;\n}\n\n.orders-list-page {\n padding: 10px;\n margin-bottom: 10px;\n}\n\n.orders-head {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: 12px;\n flex-wrap: wrap;\n}\n\n.orders-stats {\n display: inline-grid;\n grid-template-columns: repeat(3, minmax(86px, auto));\n gap: 8px;\n}\n\n.orders-stat {\n border: 1px solid #d8e2f0;\n background: #f8fbff;\n border-radius: 8px;\n padding: 6px 8px;\n line-height: 1.15;\n}\n.orders-stat__label {\n display: block;\n color: #5f6f83;\n font-size: 11px;\n margin-bottom: 2px;\n}\n.orders-stat__value {\n color: #12233a;\n font-size: 16px;\n font-weight: 700;\n}\n\n.orders-ref {\n display: grid;\n gap: 2px;\n min-width: 170px;\n}\n.orders-ref__main {\n font-weight: 700;\n color: #0f1f35;\n font-size: 14px;\n}\n.orders-ref__meta {\n display: inline-flex;\n flex-wrap: wrap;\n gap: 4px 10px;\n color: #64748b;\n font-size: 12px;\n}\n\n.orders-buyer {\n display: grid;\n gap: 2px;\n}\n.orders-buyer__name {\n color: #0f172a;\n font-weight: 600;\n font-size: 14px;\n}\n.orders-buyer__meta {\n display: inline-flex;\n flex-wrap: wrap;\n gap: 4px 10px;\n color: #64748b;\n font-size: 12px;\n}\n\n.orders-status-wrap {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n flex-wrap: wrap;\n cursor: pointer;\n}\n.orders-status-wrap .order-tag {\n cursor: pointer;\n}\n\n.orders-status-dropdown {\n position: fixed;\n z-index: 9999;\n min-width: 180px;\n max-height: 280px;\n overflow-y: auto;\n background: #fff;\n border: 1px solid #d8e1ef;\n border-radius: 6px;\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n padding: 4px 0;\n}\n.orders-status-dropdown__group-header {\n padding: 6px 12px 2px;\n font-size: 10px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n color: #94a3b8;\n}\n.orders-status-dropdown__group-header:not(:first-child) {\n border-top: 1px solid #f1f5f9;\n margin-top: 2px;\n padding-top: 8px;\n}\n.orders-status-dropdown__item {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 5px 12px;\n font-size: 13px;\n color: #334155;\n cursor: pointer;\n white-space: nowrap;\n}\n.orders-status-dropdown__item:hover {\n background: #f1f5f9;\n}\n.orders-status-dropdown__item.is-current {\n font-weight: 700;\n background: #f8fafc;\n}\n.orders-status-dropdown__color-dot {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n flex-shrink: 0;\n}\n\n.order-tag {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border: 1px solid #d8e1ef;\n background: #f8fafc;\n color: #334155;\n border-radius: 999px;\n padding: 2px 8px;\n font-size: 12px;\n font-weight: 700;\n line-height: 1.1;\n white-space: nowrap;\n}\n.order-tag.is-info {\n border-color: #bfdbfe;\n background: #eff6ff;\n color: #1d4ed8;\n}\n.order-tag.is-success {\n border-color: #bbf7d0;\n background: #f0fdf4;\n color: #166534;\n}\n.order-tag.is-danger {\n border-color: #fecaca;\n background: #fef2f2;\n color: #b91c1c;\n}\n.order-tag.is-warn {\n border-color: #fde68a;\n background: #fffbeb;\n color: #92400e;\n}\n.order-tag.is-cod {\n border-color: #f9a8d4;\n background: #fdf2f8;\n color: #9d174d;\n}\n.order-tag.is-unpaid {\n border-color: #fca5a5;\n background: #fef2f2;\n color: #b91c1c;\n}\n\n.orders-mini {\n font-size: 14px;\n color: #223247;\n line-height: 1.25;\n}\n.orders-mini__delivery {\n font-size: 12px;\n color: #64748b;\n margin-bottom: 2px;\n max-width: 160px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.orders-products {\n display: grid;\n gap: 4px;\n min-width: 240px;\n}\n.orders-products__meta, .orders-products__more {\n font-size: 12px;\n color: #64748b;\n}\n\n.orders-product {\n display: grid;\n grid-template-columns: 48px 1fr;\n gap: 6px;\n align-items: center;\n}\n.orders-product__thumb {\n width: 48px;\n height: 48px;\n border-radius: 4px;\n border: 1px solid #dbe3ef;\n object-fit: cover;\n background: #fff;\n}\n.orders-product__thumb--empty {\n display: inline-block;\n background: #eef2f7;\n border-style: dashed;\n}\n.orders-product__txt {\n min-width: 0;\n display: grid;\n gap: 1px;\n}\n.orders-product__name {\n font-size: 14px;\n color: #0f172a;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.orders-product__qty {\n font-size: 12px;\n color: #64748b;\n}\n\n.orders-image-hover-wrap {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n cursor: zoom-in;\n}\n\n.orders-image-hover-popup {\n display: none;\n position: fixed;\n left: auto;\n top: auto;\n width: 350px;\n max-height: 350px;\n object-fit: contain;\n border-radius: 8px;\n background: #fff;\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);\n border: 1px solid #dfe3ea;\n z-index: 100;\n pointer-events: none;\n}\n\n.orders-image-hover-wrap:hover .orders-image-hover-popup {\n display: block;\n}\n\n.activity-type-badge {\n display: inline-block;\n padding: 2px 8px;\n border-radius: 4px;\n font-size: 12px;\n font-weight: 500;\n white-space: nowrap;\n background: #e2e8f0;\n color: #334155;\n}\n.activity-type-badge--status_change {\n background: #dbeafe;\n color: #1e40af;\n}\n.activity-type-badge--payment {\n background: #dcfce7;\n color: #166534;\n}\n.activity-type-badge--invoice {\n background: #fef3c7;\n color: #92400e;\n}\n.activity-type-badge--shipment {\n background: #e0e7ff;\n color: #3730a3;\n}\n.activity-type-badge--message {\n background: #f3e8ff;\n color: #6b21a8;\n}\n.activity-type-badge--document {\n background: #fce7f3;\n color: #9d174d;\n}\n.activity-type-badge--import {\n background: #f1f5f9;\n color: #475569;\n}\n.activity-type-badge--note {\n background: #ecfdf5;\n color: #065f46;\n}\n\n.text-nowrap {\n white-space: nowrap;\n}\n\n.orders-money {\n display: grid;\n gap: 2px;\n}\n.orders-money__main {\n color: #0f172a;\n font-weight: 700;\n font-size: 14px;\n}\n.orders-money__meta {\n color: #64748b;\n font-size: 12px;\n}\n\n.table-list[data-table-list-id=orders] {\n gap: 8px;\n}\n.table-list[data-table-list-id=orders] .table-list__header {\n padding: 2px 0 0;\n}\n.table-list[data-table-list-id=orders] .table-list-filters {\n gap: 8px;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n}\n.table-list[data-table-list-id=orders] .table th,\n.table-list[data-table-list-id=orders] .table td {\n padding: 6px 8px;\n}\n.table-list[data-table-list-id=orders] .table thead th {\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: 0.02em;\n white-space: nowrap;\n}\n.table-list[data-table-list-id=orders] .table tbody td {\n vertical-align: top;\n font-size: 14px;\n line-height: 1.25;\n}\n\n.order-show-layout {\n display: grid;\n grid-template-columns: 220px minmax(0, 1fr);\n gap: 12px;\n align-items: start;\n}\n\n.order-statuses-side {\n position: sticky;\n top: 60px;\n padding: 10px;\n}\n.order-statuses-side__title {\n font-size: 13px;\n font-weight: 700;\n color: #0f172a;\n margin-bottom: 8px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n list-style: none;\n}\n.order-statuses-side__title::-webkit-details-marker {\n display: none;\n}\n.order-statuses-side__arrow {\n display: none;\n flex-shrink: 0;\n opacity: 0.5;\n transition: transform 0.2s ease;\n}\ndetails[open] > .order-statuses-side__title .order-statuses-side__arrow {\n transform: rotate(180deg);\n}\n\n.order-status-group {\n margin-bottom: 10px;\n}\n.order-status-group__name {\n font-size: 12px;\n color: #475569;\n font-weight: 700;\n margin-bottom: 5px;\n}\n\n.order-status-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 8px;\n padding: 4px 6px;\n border-radius: 6px;\n color: #334155;\n font-size: 12px;\n text-decoration: none;\n}\n.order-status-row__count {\n min-width: 24px;\n text-align: center;\n border-radius: 999px;\n background: var(--status-color, #64748b);\n padding: 1px 6px;\n font-weight: 700;\n font-size: 11px;\n color: #ffffff;\n}\n\n.order-status-row:hover {\n background: #f1f5f9;\n}\n\n.order-status-row.is-active {\n background: rgba(15, 23, 42, 0.06);\n color: #0f172a;\n font-weight: 700;\n}\n\n.order-show-main {\n min-width: 0;\n}\n\n.order-details-actions {\n display: inline-flex;\n flex-wrap: wrap;\n justify-content: flex-end;\n gap: 6px;\n}\n\n.order-details-page {\n padding: 12px;\n}\n\n.order-details-head {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: 12px;\n flex-wrap: wrap;\n}\n\n.order-back-link {\n color: #475569;\n text-decoration: none;\n font-weight: 600;\n}\n\n.order-back-link:hover {\n color: #1d4ed8;\n}\n\n.order-details-sub {\n display: inline-flex;\n gap: 10px;\n flex-wrap: wrap;\n color: #64748b;\n font-size: 12px;\n}\n\n.order-details-pill {\n border-radius: 999px;\n padding: 5px 10px;\n background: #eef6ff;\n border: 1px solid #cfe2ff;\n color: #1d4ed8;\n font-size: 12px;\n font-weight: 700;\n}\n\n.order-status-change {\n display: flex;\n align-items: center;\n gap: 10px;\n flex-wrap: wrap;\n}\n\n.order-status-change__form {\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n.order-status-change__select {\n min-width: 180px;\n}\n\n.order-details-tabs {\n display: flex;\n gap: 6px;\n flex-wrap: wrap;\n}\n\n.order-details-tab {\n border: 1px solid #d6deea;\n border-radius: 8px;\n padding: 5px 10px;\n color: #475569;\n font-size: 12px;\n background: #f8fafc;\n cursor: pointer;\n}\n\n.order-details-tab.is-active {\n border-color: #bfdbfe;\n color: #1d4ed8;\n background: #eff6ff;\n font-weight: 700;\n}\n\n.order-item-cell {\n display: grid;\n grid-template-columns: 44px 1fr;\n gap: 8px;\n align-items: center;\n min-width: 260px;\n}\n\n.order-item-thumb {\n width: 44px;\n height: 44px;\n border-radius: 6px;\n border: 1px solid #dbe3ef;\n object-fit: cover;\n}\n\n.order-item-thumb--empty {\n display: inline-block;\n background: #eef2f7;\n border-style: dashed;\n}\n\n.order-item-name {\n font-weight: 600;\n color: #0f172a;\n}\n\n.item-personalization {\n margin-top: 4px;\n padding: 4px 8px;\n background: #f8fafc;\n border-left: 2px solid #cbd5e1;\n border-radius: 2px;\n font-size: 0.92em;\n color: #475569;\n line-height: 1.4;\n}\n.item-personalization__label {\n font-weight: 600;\n color: #64748b;\n display: block;\n margin-bottom: 2px;\n}\n.item-personalization__line {\n white-space: pre-wrap;\n word-break: break-word;\n}\n\n.order-grid-2 {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 12px;\n}\n\n.order-grid-3 {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 12px;\n}\n\n.order-kv {\n margin: 0;\n display: grid;\n grid-template-columns: 150px 1fr;\n gap: 6px 10px;\n font-size: 12px;\n}\n\n.payment-summary {\n display: grid;\n gap: 6px;\n max-width: 420px;\n}\n\n.payment-summary__row {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 12px;\n}\n\n.payment-summary__label {\n width: 150px;\n flex-shrink: 0;\n color: #64748b;\n}\n\n.payment-summary__value {\n font-weight: 600;\n color: #0f172a;\n}\n\n.payment-add-form {\n background: #f8fafc;\n border: 1px solid #e2e8f0;\n border-radius: 6px;\n padding: 12px;\n max-width: 700px;\n}\n\n.payment-add-form__row {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n}\n\n.payment-add-form__field {\n display: flex;\n flex-direction: column;\n gap: 3px;\n flex: 1 1 140px;\n min-width: 120px;\n}\n.payment-add-form__field label {\n font-size: 11px;\n color: #64748b;\n font-weight: 500;\n}\n.payment-add-form__field input, .payment-add-form__field select {\n font-size: 12px;\n padding: 4px 8px;\n border: 1px solid #cbd5e1;\n border-radius: 4px;\n height: 30px;\n}\n\n.payment-add-form__actions {\n display: flex;\n gap: 8px;\n margin-top: 12px;\n}\n\n.order-kv dt {\n color: #64748b;\n}\n\n.order-kv dd {\n margin: 0;\n color: #0f172a;\n font-weight: 600;\n}\n\n.order-address {\n display: grid;\n gap: 3px;\n font-size: 12px;\n color: #0f172a;\n}\n\n.order-events {\n display: grid;\n gap: 8px;\n}\n\n.order-event {\n border: 1px solid #e2e8f0;\n border-radius: 8px;\n padding: 8px;\n background: #fbfdff;\n}\n\n.order-event__head {\n color: #64748b;\n font-size: 11px;\n}\n\n.order-event__body {\n margin-top: 4px;\n color: #0f172a;\n font-size: 12px;\n}\n\n.order-tab-panel {\n display: none;\n}\n\n.order-tab-panel.is-active {\n display: block;\n}\n\n.manual-tracking-form {\n display: flex;\n gap: 8px;\n align-items: center;\n}\n.manual-tracking-form .form-control {\n max-width: 220px;\n}\n\n.order-empty-placeholder {\n border: 1px dashed #cbd5e1;\n border-radius: 8px;\n min-height: 180px;\n background: #f8fafc;\n}\n\n.order-status-badge {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 4px 10px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n border: 1px solid #cbd5e1;\n color: #334155;\n background: #f8fafc;\n}\n.order-status-badge.is-info {\n border-color: #bfdbfe;\n background: #eff6ff;\n color: #1d4ed8;\n}\n.order-status-badge.is-success {\n border-color: #bbf7d0;\n background: #f0fdf4;\n color: #166534;\n}\n.order-status-badge.is-danger {\n border-color: #fecaca;\n background: #fef2f2;\n color: #b91c1c;\n}\n.order-status-badge.is-warn {\n border-color: #fde68a;\n background: #fffbeb;\n color: #92400e;\n}\n.order-status-badge.is-empty {\n color: #94a3b8;\n}\n\n.order-buyer {\n display: grid;\n gap: 2px;\n}\n.order-buyer__name {\n color: #0f172a;\n font-weight: 600;\n}\n.order-buyer__email {\n color: #64748b;\n font-size: 12px;\n}\n\n.table-inline-action {\n display: inline-block;\n margin-right: 6px;\n}\n\n.product-name-cell {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n}\n\n.product-name-thumb {\n width: 60px;\n height: 60px;\n border-radius: 6px;\n object-fit: cover;\n border: 1px solid var(--c-border);\n background: #f8fafc;\n}\n\n.product-name-thumb--empty {\n display: inline-block;\n width: 60px;\n height: 60px;\n border-radius: 6px;\n border: 1px dashed #cbd5e0;\n background: #f8fafc;\n}\n\n.product-name-thumb-btn {\n border: 0;\n padding: 0;\n background: transparent;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n.product-name-thumb-btn:focus-visible {\n outline: none;\n box-shadow: var(--focus-ring);\n border-radius: 8px;\n}\n\n.modal--image-preview {\n width: min(760px, 100%);\n}\n\n.product-image-preview__img {\n display: block;\n width: 100%;\n max-height: 70vh;\n object-fit: contain;\n border-radius: 8px;\n background: #f8fafc;\n}\n\n.product-images-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\n gap: 12px;\n}\n\n.product-image-card {\n border: 1px solid #dfe3ea;\n border-radius: 10px;\n padding: 10px;\n background: #fff;\n}\n\n.product-image-card__thumb-wrap {\n position: relative;\n border-radius: 8px;\n overflow: hidden;\n background: #f2f5f8;\n}\n\n.product-image-card__thumb {\n width: 100%;\n height: 160px;\n object-fit: cover;\n display: block;\n}\n\n.product-image-card__thumb.is-empty {\n height: 160px;\n display: grid;\n place-items: center;\n color: #6b7785;\n font-size: 12px;\n}\n\n.product-image-card__badge {\n display: none;\n position: absolute;\n top: 8px;\n left: 8px;\n background: #1f7a43;\n color: #fff;\n padding: 3px 8px;\n border-radius: 999px;\n font-size: 11px;\n}\n\n.product-image-card.is-main .product-image-card__badge {\n display: inline-block;\n}\n\n.product-image-card__meta {\n margin-top: 8px;\n font-size: 11px;\n line-height: 1.25;\n color: #5f6b79;\n overflow-wrap: anywhere;\n}\n\n.product-image-card__actions {\n margin-top: 10px;\n display: grid;\n grid-template-columns: 1fr;\n gap: 8px;\n}\n\n.product-image-card__actions .btn {\n min-height: 34px;\n font-size: 12px;\n line-height: 1.2;\n padding: 6px 10px;\n}\n\n.product-links-search-form {\n display: grid;\n gap: 12px;\n grid-template-columns: minmax(220px, 320px) minmax(220px, 1fr) auto;\n align-items: end;\n}\n\n.product-links-head {\n display: grid;\n gap: 8px;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n.product-tabs-nav {\n display: flex;\n align-items: center;\n gap: 8px;\n flex-wrap: wrap;\n}\n\n.product-links-inline-form {\n display: grid;\n gap: 8px;\n grid-template-columns: minmax(140px, 1fr) minmax(140px, 1fr) auto;\n align-items: center;\n}\n\n.product-links-actions-row {\n display: flex;\n align-items: center;\n gap: 8px;\n flex-wrap: nowrap;\n}\n\n.product-links-actions-row .product-links-relink-form {\n flex: 1 1 auto;\n}\n\n.product-links-unlink-form {\n margin: 0;\n flex: 0 0 auto;\n}\n\n.product-link-status-cell {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n}\n\n.product-link-alert-indicator {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 18px;\n height: 18px;\n border-radius: 999px;\n border: 1px solid #f59e0b;\n background: #fffbeb;\n color: #b45309;\n font-size: 12px;\n font-weight: 700;\n cursor: help;\n}\n\n.product-link-events-list {\n margin: 0;\n padding: 0;\n list-style: none;\n display: grid;\n gap: 4px;\n}\n\n.product-link-events-list li {\n display: grid;\n gap: 2px;\n}\n\n.product-link-events-type {\n font-weight: 600;\n color: var(--c-text-strong);\n}\n\n.product-link-events-date {\n color: var(--c-muted);\n font-size: 12px;\n}\n\n.product-show-images-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\n gap: 12px;\n}\n\n.product-show-image-card {\n border: 1px solid var(--c-border);\n border-radius: 10px;\n background: #fff;\n padding: 10px;\n overflow: hidden;\n}\n.product-show-image-card__meta {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: 8px;\n min-width: 0;\n}\n\n.product-show-image-path {\n font-size: 12px;\n min-width: 0;\n overflow: hidden;\n}\n.product-show-image-path summary {\n cursor: pointer;\n color: var(--c-muted, #888);\n list-style: none;\n user-select: none;\n white-space: nowrap;\n}\n.product-show-image-path summary::-webkit-details-marker {\n display: none;\n}\n.product-show-image-path summary::after {\n content: \" ▾\";\n}\n.product-show-image-path[open] summary::after {\n content: \" ▴\";\n}\n.product-show-image-path__url {\n margin-top: 4px;\n word-break: break-all;\n overflow-wrap: break-word;\n font-size: 11px;\n}\n\n.product-show-image {\n width: 100%;\n max-height: 260px;\n object-fit: cover;\n border-radius: 8px;\n border: 1px solid #d9e0ea;\n}\n\n.shipment-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 12px;\n}\n\n.searchable-select {\n position: relative;\n}\n.searchable-select__trigger {\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: pointer;\n user-select: none;\n min-height: 34px;\n}\n.searchable-select__trigger::after {\n content: \"\";\n width: 0;\n height: 0;\n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n border-top: 5px solid var(--c-text-muted, #6b7280);\n margin-left: 8px;\n flex-shrink: 0;\n}\n.searchable-select__trigger--placeholder {\n color: var(--c-text-muted, #6b7280);\n}\n.searchable-select__dropdown {\n display: none;\n position: absolute;\n left: 0;\n right: 0;\n top: 100%;\n z-index: 50;\n max-height: 280px;\n overflow: auto;\n background: #fff;\n border: 1px solid var(--c-border);\n border-top: 0;\n border-radius: 0 0 8px 8px;\n box-shadow: 0 8px 20px rgba(15, 23, 42, 0.12);\n}\n.searchable-select__dropdown.is-open {\n display: block;\n}\n.searchable-select__search {\n position: sticky;\n top: 0;\n border: none !important;\n border-bottom: 1px solid var(--c-border) !important;\n border-radius: 0 !important;\n box-shadow: none !important;\n font-size: 13px;\n background: #fff;\n z-index: 1;\n}\n.searchable-select__option {\n padding: 7px 10px;\n font-size: 13px;\n cursor: pointer;\n color: var(--c-text-strong);\n}\n.searchable-select__option:hover {\n background: #f1f5f9;\n}\n.searchable-select__option.is-selected {\n background: #edf2ff;\n font-weight: 600;\n}\n\n.flash {\n padding: 10px 14px;\n border-radius: 8px;\n font-size: 13px;\n font-weight: 500;\n}\n.flash--success {\n background: #f0fdf4;\n border: 1px solid #bbf7d0;\n color: #166534;\n}\n.flash--error {\n background: #fef2f2;\n border: 1px solid #fecaca;\n color: #b91c1c;\n}\n\n.content-tabs-card {\n margin-top: 0;\n}\n\n.content-tabs-nav {\n display: flex;\n gap: 4px;\n border-bottom: 2px solid var(--c-border);\n margin-bottom: 16px;\n flex-wrap: wrap;\n}\n\n.content-tab-btn {\n padding: 8px 16px;\n border: none;\n background: none;\n cursor: pointer;\n font-size: 14px;\n font-weight: 500;\n color: var(--c-text-muted, #6b7280);\n border-bottom: 2px solid transparent;\n margin-bottom: -2px;\n border-radius: 4px 4px 0 0;\n transition: color 0.15s, border-color 0.15s;\n}\n.content-tab-btn:hover {\n color: var(--c-text-strong, #111827);\n}\n.content-tab-btn.is-active {\n color: var(--c-primary, #2563eb);\n border-bottom-color: var(--c-primary, #2563eb);\n}\n\n.content-tab-panel {\n display: none;\n}\n.content-tab-panel.is-active {\n display: block;\n}\n\n.shoppro-tabs-toolbar {\n display: flex;\n align-items: flex-end;\n justify-content: space-between;\n gap: 10px;\n margin-bottom: 10px;\n flex-wrap: wrap;\n}\n\n.shoppro-tabs-toolbar__field {\n margin: 0;\n min-width: 260px;\n max-width: 420px;\n flex: 1 1 320px;\n}\n\n.shoppro-tabs-toolbar__field .form-control {\n width: 100%;\n}\n\n.shoppro-tabs-toolbar__actions {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n}\n\n.dm-carrier-select {\n min-width: 140px;\n}\n\n.dm-service-wrap {\n min-width: 200px;\n}\n.dm-service-wrap .dm-inpost-panel .form-control,\n.dm-service-wrap .dm-apaczka-panel .form-control {\n width: 100%;\n}\n\n.integration-settings-group {\n grid-column: 1/-1;\n border: 1px solid var(--c-border);\n border-radius: 10px;\n background: #f8fbff;\n padding: 10px;\n}\n\n.integration-settings-group__head {\n margin-bottom: 8px;\n padding: 4px 0;\n border-bottom: 1px solid #e2e8f0;\n}\n\n.integration-settings-group__title {\n margin: 0;\n font-size: 14px;\n font-weight: 600;\n letter-spacing: 0.01em;\n color: var(--c-text-strong, #1e293b);\n}\n\n.integration-settings-group__desc {\n margin: 4px 0 0;\n color: #4b5563;\n}\n\n.integration-settings-group__grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 10px 12px;\n align-items: start;\n}\n\n.integration-settings-group__full {\n grid-column: 1/-1;\n}\n\n.integration-settings-group__grid .form-field {\n margin: 0;\n align-self: start;\n}\n\n.integration-settings-group__grid .form-control {\n min-height: 34px;\n height: 34px;\n}\n\n.integration-settings-group__grid input[type=date].form-control {\n line-height: 1.2;\n}\n\n.integration-settings-checkboxes {\n border: 0;\n padding: 0;\n margin: 0;\n}\n\n.integration-settings-checkboxes .field-label {\n display: block;\n margin-bottom: 2px;\n}\n\n.integration-settings-checkboxes__list {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 6px 12px;\n}\n\n.integration-settings-checkboxes__item {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n font-size: 13px;\n color: #334155;\n}\n\n.topbar__hamburger {\n display: none;\n align-items: center;\n justify-content: center;\n width: 36px;\n height: 36px;\n padding: 0;\n background: transparent;\n border: none;\n color: var(--c-text-strong);\n cursor: pointer;\n border-radius: 6px;\n flex-shrink: 0;\n}\n.topbar__hamburger:hover {\n background: var(--c-bg-subtle, #f1f5f9);\n}\n\n.sidebar-backdrop {\n display: none;\n position: fixed;\n inset: 0;\n background: rgba(0, 0, 0, 0.5);\n z-index: 999;\n opacity: 0;\n transition: opacity 0.25s ease;\n}\n.sidebar-backdrop.is-visible {\n display: block;\n opacity: 1;\n}\n\nbody.no-scroll {\n overflow: hidden;\n}\n\n@media (max-width: 768px) {\n .topbar__hamburger {\n display: flex;\n }\n .sidebar {\n position: fixed;\n top: 0;\n left: 0;\n bottom: 0;\n width: 280px;\n min-width: 280px;\n z-index: 1000;\n transform: translateX(-100%);\n transition: transform 0.25s ease;\n border-right: 1px solid #243041;\n overflow-y: auto;\n }\n .sidebar.is-mobile-open {\n transform: translateX(0);\n }\n .sidebar__brand {\n margin: 4px 4px 12px;\n }\n .sidebar__collapse-btn {\n display: flex;\n }\n .sidebar__collapse-icon {\n transform: rotate(180deg);\n }\n .sidebar__nav {\n display: grid;\n gap: 4px;\n }\n .topbar {\n padding: 0 14px;\n }\n .container {\n margin-top: 16px;\n width: calc(100% - 16px);\n margin-left: 8px;\n margin-right: 8px;\n padding: 0 3px 12px;\n }\n .settings-grid {\n grid-template-columns: 1fr;\n }\n .page-head {\n flex-direction: column;\n align-items: flex-start;\n }\n .orders-stats {\n grid-template-columns: 1fr;\n width: 100%;\n }\n .order-show-layout {\n grid-template-columns: 1fr;\n }\n .order-statuses-side {\n position: static;\n top: auto;\n }\n .order-statuses-side__title {\n cursor: pointer;\n }\n .order-statuses-side__arrow {\n display: block;\n }\n .order-details-actions {\n justify-content: flex-start;\n }\n .order-grid-2,\n .order-grid-3 {\n grid-template-columns: 1fr;\n }\n .order-kv {\n grid-template-columns: 1fr;\n gap: 2px;\n }\n .filters-grid,\n .form-grid,\n .form-grid-2,\n .form-grid-3,\n .form-grid-4,\n .shipment-grid,\n .statuses-form,\n .statuses-inline-form,\n .table-list-filters,\n .product-links-search-form,\n .product-links-inline-form {\n grid-template-columns: 1fr;\n }\n .statuses-dnd-item__content {\n display: block;\n }\n .statuses-inline-delete {\n margin-top: 6px;\n }\n .filters-actions {\n align-items: center;\n }\n .table-list__header,\n .table-list__footer {\n align-items: flex-start;\n }\n .product-links-head {\n grid-template-columns: 1fr;\n }\n .integration-settings-group__grid {\n grid-template-columns: 1fr;\n }\n .integration-settings-checkboxes__list {\n grid-template-columns: 1fr;\n }\n .card {\n padding: 12px;\n }\n .modal--image-preview {\n width: min(92vw, 100%);\n }\n .email-tpl-editor-wrap {\n flex-direction: column;\n }\n .email-tpl-var-panel {\n min-width: 200px;\n }\n .modal-box {\n width: 95vw;\n max-height: 90vh;\n }\n}\n.email-tpl-editor-wrap {\n display: flex;\n flex-direction: column;\n border: 1px solid var(--c-border);\n border-radius: 6px;\n overflow: visible;\n}\n\n.email-tpl-toolbar {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 6px 8px;\n background: var(--c-bg-subtle, #f8f9fa);\n border-bottom: 1px solid var(--c-border);\n}\n\n.email-tpl-var-dropdown {\n position: relative;\n}\n\n.email-tpl-var-panel {\n position: absolute;\n top: 100%;\n left: 0;\n z-index: 300;\n min-width: 260px;\n max-height: 320px;\n overflow-y: auto;\n background: var(--c-bg);\n border: 1px solid var(--c-border);\n border-radius: 6px;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n padding: 6px;\n margin-top: 4px;\n}\n\n.email-var-group:not(:first-child) {\n margin-top: 6px;\n padding-top: 6px;\n border-top: 1px solid var(--c-border);\n}\n.email-var-group__label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n color: var(--c-text-muted);\n padding: 2px 4px;\n letter-spacing: 0.03em;\n}\n\n.email-var-item {\n display: block;\n width: 100%;\n text-align: left;\n padding: 3px 6px;\n margin: 1px 0;\n border: none;\n background: none;\n font-size: 12px;\n font-family: \"Roboto Mono\", monospace;\n color: var(--c-text);\n border-radius: 3px;\n cursor: pointer;\n}\n.email-var-item:hover {\n background: var(--c-primary);\n color: #fff;\n}\n\n#js-quill-editor {\n min-height: 200px;\n}\n#js-quill-editor .ql-editor {\n min-height: 200px;\n font-size: 13px;\n}\n\n.modal-overlay {\n position: fixed;\n inset: 0;\n z-index: 1000;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(0, 0, 0, 0.45);\n}\n\n.modal-box {\n width: min(680px, 90vw);\n max-height: 80vh;\n background: var(--c-bg);\n border-radius: 8px;\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n.modal-box__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 10px 16px;\n border-bottom: 1px solid var(--c-border);\n}\n.modal-box__title {\n margin: 0;\n font-size: 15px;\n font-weight: 600;\n}\n.modal-box__close {\n background: none;\n border: none;\n font-size: 22px;\n line-height: 1;\n cursor: pointer;\n color: var(--c-text-muted);\n padding: 0 4px;\n}\n.modal-box__close:hover {\n color: var(--c-text);\n}\n.modal-box__body {\n padding: 12px 16px;\n overflow-y: auto;\n flex: 1;\n}",":root {\n --c-primary: #6690f4;\n --c-primary-dark: #3164db;\n --c-action-primary: #0f766e;\n --c-action-primary-dark: #0b5f59;\n --c-bg: #f4f6f9;\n --c-surface: #ffffff;\n --c-text: #4e5e6a;\n --c-text-strong: #2d3748;\n --c-muted: #718096;\n --c-border: #b0bec5;\n --c-danger: #cc0000;\n --focus-ring: 0 0 0 3px rgba(102, 144, 244, 0.15);\n --focus-ring-action: 0 0 0 3px rgba(15, 118, 110, 0.18);\n --shadow-card: 0 1px 4px rgba(0, 0, 0, 0.06);\n}\n\r\n.btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 34px;\r\n padding: 6px 12px;\r\n border: 1px solid transparent;\r\n border-radius: 8px;\r\n font: inherit;\r\n font-weight: 600;\r\n text-decoration: none;\r\n cursor: pointer;\r\n transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.1s ease;\r\n}\r\n\r\n.btn--primary {\n color: #ffffff;\n background: var(--c-action-primary);\n}\n\n.btn--primary:hover {\n background: var(--c-action-primary-dark);\n}\n\r\n.btn--secondary {\r\n color: var(--c-text-strong);\r\n border-color: var(--c-border);\r\n background: var(--c-surface);\r\n}\r\n\r\n.btn--secondary:hover {\r\n border-color: #cbd5e0;\r\n background: #f8fafc;\r\n}\r\n\r\n.btn--danger {\r\n color: #ffffff;\r\n border-color: #b91c1c;\r\n background: #dc2626;\r\n}\r\n\r\n.btn--danger:hover {\r\n border-color: #991b1b;\r\n background: #b91c1c;\r\n}\r\n\r\n.btn--sm {\r\n min-height: 28px;\r\n padding: 3px 10px;\r\n font-size: 12px;\r\n}\r\n\r\n.btn--block {\r\n width: 100%;\r\n}\r\n\r\n.btn--disabled {\r\n opacity: 0.3;\r\n cursor: not-allowed;\r\n pointer-events: none;\r\n}\r\n\r\n.btn:active {\r\n transform: translateY(1px);\r\n}\r\n\r\n.btn:focus-visible {\n outline: none;\n box-shadow: var(--focus-ring-action);\n border-color: var(--c-action-primary);\n}\n\r\n.form-control {\r\n width: 100%;\r\n min-height: 30px;\r\n border: 1px solid var(--c-border);\r\n border-radius: 6px;\r\n padding: 4px 8px;\r\n font: inherit;\r\n color: var(--c-text-strong);\r\n background: #ffffff;\r\n transition: border-color 0.2s ease, box-shadow 0.2s ease;\r\n}\r\n\r\n.form-control:focus {\r\n outline: none;\r\n border-color: var(--c-primary);\r\n box-shadow: var(--focus-ring);\r\n}\r\n\r\n.input {\r\n min-height: 34px;\r\n border: 1px solid var(--c-border);\r\n border-radius: 8px;\r\n padding: 5px 10px;\r\n font: inherit;\r\n color: var(--c-text-strong);\r\n background: #ffffff;\r\n}\r\n\r\n.input--sm {\r\n min-height: 28px;\r\n padding: 3px 8px;\r\n font-size: 12px;\r\n}\r\n\r\n.flash {\r\n padding: 8px 12px;\r\n border-radius: 6px;\r\n font-size: 13px;\r\n}\r\n\r\n.flash--success {\r\n border: 1px solid #b7ebcf;\r\n background: #f0fff6;\r\n color: #0f6b39;\r\n}\r\n\r\n.flash--error {\r\n border: 1px solid #fed7d7;\r\n background: #fff5f5;\r\n color: var(--c-danger);\r\n}\r\n\r\n.alert {\r\n padding: 12px 14px;\r\n border-radius: 8px;\r\n border: 1px solid transparent;\r\n font-size: 13px;\r\n min-height: 44px;\r\n}\r\n\r\n.alert--danger {\r\n border-color: #fed7d7;\r\n background: #fff5f5;\r\n color: var(--c-danger);\r\n}\r\n\r\n.alert--success {\r\n border-color: #b7ebcf;\r\n background: #f0fff6;\r\n color: #0f6b39;\r\n}\r\n\r\n.alert--warning {\r\n border-color: #f7dd8b;\r\n background: #fff8e8;\r\n color: #815500;\r\n}\r\n\r\n.form-field {\r\n display: grid;\r\n gap: 5px;\r\n}\r\n\r\n.field-label {\r\n color: var(--c-text-strong);\r\n font-size: 13px;\r\n font-weight: 600;\r\n}\r\n\r\n.table-wrap {\r\n width: 100%;\r\n overflow-x: auto;\r\n\r\n &--visible {\r\n overflow: visible !important;\r\n overflow-x: visible !important;\r\n }\r\n}\r\n\r\n.table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n background: var(--c-surface);\r\n}\r\n\r\n.table th,\r\n.table td {\r\n padding: 10px 12px;\r\n border-bottom: 1px solid var(--c-border);\r\n text-align: left;\r\n}\r\n\r\n.table th {\r\n color: var(--c-text-strong);\r\n font-weight: 700;\r\n background: #f8fafc;\r\n}\r\n\r\n.table--details th {\r\n white-space: nowrap;\r\n}\r\n\r\n.table--details th:first-child,\r\n.table--details td:first-child {\r\n width: 36px;\r\n text-align: center;\r\n}\r\n\r\n.pagination {\r\n display: flex;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.pagination__item {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-width: 36px;\r\n height: 36px;\r\n padding: 0 10px;\r\n border-radius: 8px;\r\n border: 1px solid var(--c-border);\r\n color: var(--c-text-strong);\r\n background: var(--c-surface);\r\n text-decoration: none;\r\n font-weight: 600;\r\n}\r\n\r\n.pagination__item:hover {\r\n border-color: #cbd5e0;\r\n background: #f8fafc;\r\n}\r\n\r\n.pagination__item.is-active {\r\n border-color: var(--c-primary);\r\n color: var(--c-primary);\r\n background: #edf2ff;\r\n}\r\n\r\n.receipt-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n margin-bottom: 16px;\r\n padding-bottom: 12px;\r\n border-bottom: 2px solid var(--c-text-strong);\r\n\r\n &__seller {\r\n flex: 1;\r\n\r\n strong {\r\n font-size: 14px;\r\n display: block;\r\n margin-bottom: 4px;\r\n }\r\n }\r\n\r\n &__title {\r\n text-align: right;\r\n\r\n h1 {\r\n font-size: 18px;\r\n font-weight: 700;\r\n margin-bottom: 4px;\r\n }\r\n }\r\n}\r\n\r\n.receipt-print {\r\n max-width: 700px;\r\n margin: 0 auto;\r\n\r\n @media print {\r\n max-width: 100%;\r\n }\r\n}\r\n",".email-send-overlay {\r\n position: fixed;\r\n inset: 0;\r\n z-index: 1000;\r\n background: rgba(0, 0, 0, 0.5);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.email-send-modal {\r\n background: var(--c-card-bg, #fff);\r\n border-radius: 8px;\r\n width: 580px;\r\n max-width: 95vw;\r\n max-height: 90vh;\r\n display: flex;\r\n flex-direction: column;\r\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\r\n\r\n &__header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 12px 16px;\r\n border-bottom: 1px solid var(--c-border, #e0e0e0);\r\n\r\n h3 {\r\n margin: 0;\r\n font-size: 15px;\r\n }\r\n }\r\n\r\n &__close {\r\n background: none;\r\n border: none;\r\n font-size: 20px;\r\n cursor: pointer;\r\n color: var(--c-text-muted, #888);\r\n padding: 0 4px;\r\n\r\n &:hover {\r\n color: var(--c-text, #333);\r\n }\r\n }\r\n\r\n &__body {\r\n padding: 16px;\r\n overflow-y: auto;\r\n flex: 1;\r\n }\r\n\r\n &__field {\r\n margin-bottom: 10px;\r\n\r\n label {\r\n display: block;\r\n font-size: 12px;\r\n font-weight: 600;\r\n margin-bottom: 4px;\r\n color: var(--c-text-muted, #666);\r\n }\r\n\r\n .input {\r\n width: 100%;\r\n }\r\n }\r\n\r\n &__actions-top {\r\n margin-bottom: 10px;\r\n }\r\n\r\n &__footer {\r\n display: flex;\r\n justify-content: flex-end;\r\n gap: 8px;\r\n padding: 12px 16px;\r\n border-top: 1px solid var(--c-border, #e0e0e0);\r\n }\r\n}\r\n\r\n.email-send-preview {\r\n border: 1px solid var(--c-border, #e0e0e0);\r\n border-radius: 4px;\r\n padding: 12px;\r\n max-height: 280px;\r\n overflow-y: auto;\r\n background: var(--c-bg, #fafafa);\r\n\r\n &__subject {\r\n font-weight: 600;\r\n font-size: 13px;\r\n margin-bottom: 8px;\r\n padding-bottom: 8px;\r\n border-bottom: 1px solid var(--c-border, #e0e0e0);\r\n }\r\n\r\n &__body {\r\n font-size: 13px;\r\n line-height: 1.5;\r\n\r\n p { margin: 0 0 8px; }\r\n }\r\n\r\n &__attachments {\r\n margin-top: 8px;\r\n padding-top: 8px;\r\n border-top: 1px solid var(--c-border, #e0e0e0);\r\n font-size: 12px;\r\n color: var(--c-text-muted, #666);\r\n }\r\n}\r\n",".section-header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 12px;\r\n}\r\n\r\n.automation-row {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 8px;\r\n padding: 10px 12px;\r\n background: var(--c-surface, #f8f9fa);\r\n border: 1px solid var(--c-border, #dee2e6);\r\n border-radius: 6px;\r\n\r\n &__fields {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 6px;\r\n }\r\n\r\n &__type {\r\n max-width: 280px;\r\n }\r\n\r\n &__config {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n\r\n .form-control {\r\n min-width: 200px;\r\n max-width: 300px;\r\n }\r\n }\r\n\r\n &__remove {\r\n flex-shrink: 0;\r\n margin-top: 2px;\r\n line-height: 1;\r\n font-size: 16px;\r\n padding: 2px 8px;\r\n }\r\n}\r\n\r\n.checkbox-group {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 4px 16px;\r\n}\r\n\r\n.checkbox-label {\n display: flex;\r\n align-items: center;\r\n gap: 4px;\r\n font-size: 13px;\r\n cursor: pointer;\r\n white-space: nowrap;\r\n\r\n input[type=\"checkbox\"] {\r\n margin: 0;\r\n }\n}\n\n.automation-actions-cell {\n white-space: nowrap;\n}\n\n.automation-inline-form {\n display: inline;\n}\n\n.automation-history-filters {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 8px;\n align-items: end;\n\n .form-field {\n margin: 0;\n }\n\n .field-label {\n font-size: 12px;\n margin-bottom: 4px;\n }\n\n .form-control {\n min-height: 34px;\n }\n\n &__actions {\n display: flex;\n gap: 6px;\n align-items: center;\n justify-content: flex-start;\n padding-bottom: 1px;\n }\n}\n",".print-status-badge {\n display: inline-block;\n padding: 2px 8px;\n border-radius: 3px;\n font-size: 0.75rem;\n font-weight: 600;\n line-height: 1.4;\n\n &--pending {\n background-color: #fff3cd;\n color: #856404;\n }\n\n &--completed {\n background-color: #d4edda;\n color: #155724;\n }\n\n &--failed {\n background-color: #f8d7da;\n color: #721c24;\n }\n}\n\n.print-queue-filters {\n display: flex;\n gap: 4px;\n}\n\n.print-queue-table {\n td, th {\n padding: 6px 8px;\n font-size: 0.85rem;\n }\n}\n\n.print-queue-actions {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n}\n\n.print-queue-delete-form {\n margin: 0;\n}\n\n.btn--outline-primary {\n background: transparent;\n border: 1px solid var(--c-action-primary);\n color: var(--c-action-primary);\n cursor: pointer;\n border-radius: 3px;\n font-size: 0.75rem;\n padding: 3px 8px;\n transition: background-color 0.15s, color 0.15s;\n\n &:hover {\n background-color: var(--c-action-primary);\n color: #fff;\n }\n\n &:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n }\n\n &.is-success {\n border-color: #28a745;\n color: #28a745;\n }\n}\n",".shipment-presets {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n align-items: center;\n margin-top: 16px;\n margin-bottom: 16px;\n}\n\n.shipment-presets__btn {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 6px 14px;\n border: none;\n border-radius: 6px;\n background: var(--preset-color, #3b82f6);\n color: #fff;\n font-size: 13px;\n font-weight: 500;\n cursor: pointer;\n transition: opacity 0.15s;\n line-height: 1.4;\n\n &:hover {\n opacity: 0.85;\n }\n}\n\n.shipment-presets__add {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 6px 14px;\n border: 1px dashed #ccc;\n border-radius: 6px;\n background: transparent;\n color: #666;\n font-size: 13px;\n cursor: pointer;\n transition: border-color 0.15s, color 0.15s;\n line-height: 1.4;\n\n &:hover {\n border-color: #999;\n color: #444;\n }\n}\n\n.preset-modal {\n position: fixed;\n inset: 0;\n background: rgba(0, 0, 0, 0.4);\n z-index: 1000;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.preset-modal__content {\n background: #fff;\n border-radius: 8px;\n padding: 24px;\n min-width: 360px;\n max-width: 420px;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\n\n h3 {\n margin: 0 0 4px;\n font-size: 16px;\n }\n}\n\n.preset-modal__colors {\n display: flex;\n gap: 8px;\n flex-wrap: wrap;\n}\n\n.preset-modal__color-swatch {\n width: 28px;\n height: 28px;\n border-radius: 50%;\n cursor: pointer;\n border: 2px solid transparent;\n transition: border-color 0.15s;\n\n &:hover {\n border-color: #aaa;\n }\n\n &.is-selected {\n border-color: #333;\n }\n}\n\n.shipment-presets__btn-wrap {\n position: relative;\n display: inline-flex;\n\n &:hover .shipment-presets__edit-icon {\n opacity: 1;\n }\n}\n\n.shipment-presets__edit-icon {\n position: absolute;\n top: -6px;\n right: -6px;\n width: 18px;\n height: 18px;\n border-radius: 50%;\n background: #fff;\n border: 1px solid #ddd;\n font-size: 10px;\n line-height: 16px;\n text-align: center;\n cursor: pointer;\n opacity: 0;\n transition: opacity 0.15s;\n padding: 0;\n color: #666;\n z-index: 2;\n\n &:hover {\n background: #f3f4f6;\n border-color: #999;\n }\n}\n\n.shipment-presets__dropdown {\n position: absolute;\n top: 100%;\n left: 0;\n margin-top: 4px;\n background: #fff;\n border: 1px solid #ddd;\n border-radius: 6px;\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n z-index: 100;\n min-width: 200px;\n padding: 4px 0;\n}\n\n.shipment-presets__dropdown-item {\n padding: 6px 14px;\n font-size: 13px;\n cursor: pointer;\n white-space: nowrap;\n\n &:hover {\n background: #f3f4f6;\n }\n\n &.is-danger {\n color: #ef4444;\n\n &:hover {\n background: #fef2f2;\n }\n }\n}\n",".delivery-badge {\n display: inline-block;\n padding: 2px 8px;\n border-radius: 3px;\n font-size: 0.8em;\n font-weight: 500;\n white-space: nowrap;\n\n &--unknown { background: #f5f5f5; color: #999; }\n &--created { background: #e3f2fd; color: #1565c0; }\n &--confirmed { background: #bbdefb; color: #0d47a1; }\n &--in_transit { background: #fff3e0; color: #e65100; }\n &--out_for_delivery { background: #ffe0b2; color: #bf360c; }\n &--ready_for_pickup { background: #f3e5f5; color: #6a1b9a; }\n &--delivered { background: #e8f5e9; color: #2e7d32; }\n &--returned { background: #ffebee; color: #c62828; }\n &--cancelled { background: #e0e0e0; color: #616161; }\n &--problem { background: #fff8e1; color: #f57f17; }\n}\n\n.tracking-link {\n margin-left: 4px;\n text-decoration: none;\n font-size: 0.85em;\n}\n",".dsm-row--custom {\n background: rgba(59, 130, 246, 0.06);\n}\n\n.dsm-raw-status {\n font-size: 0.82rem;\n background: var(--surface-alt, #f1f5f9);\n padding: 2px 6px;\n border-radius: 3px;\n white-space: nowrap;\n}\n","@use \"shared/ui-components\";\r\n@use \"modules/email-send\";\r\n@use \"modules/automation\";\r\n@use \"modules/printing\";\r\n@use \"modules/shipment-presets\";\r\n@use \"modules/delivery-status\";\r\n@use \"modules/delivery-status-mappings\";\r\n\r\n* {\r\n box-sizing: border-box;\r\n}\r\n\r\nhtml,\r\nbody {\r\n min-height: 100%;\r\n}\r\n\r\nbody {\r\n margin: 0;\r\n font-family: \"Roboto\", \"Segoe UI\", sans-serif;\r\n font-size: 13px;\r\n color: var(--c-text);\r\n background: var(--c-bg);\r\n}\r\n\r\na {\r\n color: var(--c-primary);\r\n}\r\n\r\n.app-shell {\r\n min-height: 100vh;\r\n display: flex;\r\n}\r\n\r\n.sidebar {\r\n width: 260px;\r\n min-width: 260px;\r\n flex-shrink: 0;\r\n overflow: hidden;\r\n transition: width 0.22s ease, min-width 0.22s ease;\r\n border-right: 1px solid #243041;\r\n background: #111a28;\r\n padding: 18px 10px;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.sidebar.is-collapsed {\r\n width: 52px;\r\n min-width: 52px;\r\n padding: 18px 0;\r\n\r\n .sidebar__brand-text {\r\n display: none;\r\n }\r\n\r\n .sidebar__brand {\r\n justify-content: center;\r\n margin: 4px 0 16px;\r\n }\r\n\r\n .sidebar__label {\r\n display: none;\r\n }\r\n\r\n .sidebar__toggle-arrow {\r\n display: none;\r\n }\r\n\r\n .sidebar__link,\r\n .sidebar__group-toggle {\r\n justify-content: center;\r\n padding: 9px;\r\n border-radius: 8px;\r\n margin: 0 6px;\r\n }\r\n\r\n .sidebar__group-links {\r\n display: none;\r\n }\r\n\r\n .sidebar__icon {\r\n margin: 0;\r\n }\r\n}\r\n\r\n.sidebar__brand {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n margin: 4px 4px 16px;\r\n gap: 6px;\r\n min-width: 0;\r\n}\r\n\r\n.sidebar__brand-text {\r\n color: #e9f0ff;\r\n font-size: 24px;\r\n font-weight: 300;\r\n letter-spacing: -0.02em;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n flex: 1;\r\n min-width: 0;\r\n\r\n strong {\r\n font-weight: 700;\r\n }\r\n}\r\n\r\n.sidebar__collapse-btn {\r\n flex-shrink: 0;\r\n width: 28px;\r\n height: 28px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: transparent;\r\n border: 1px solid #2a3a54;\r\n border-radius: 6px;\r\n color: #64748b;\r\n cursor: pointer;\r\n padding: 0;\r\n transition: background 0.15s, color 0.15s;\r\n\r\n &:hover {\r\n background: #1b2a3f;\r\n color: #cbd5e1;\r\n }\r\n}\r\n\r\n.sidebar__collapse-icon {\r\n display: block;\r\n transition: transform 0.22s ease;\r\n flex-shrink: 0;\r\n}\r\n\r\n.sidebar.is-collapsed .sidebar__collapse-icon {\r\n transform: rotate(180deg);\r\n}\r\n\r\n.sidebar__nav {\r\n display: grid;\r\n gap: 4px;\r\n}\r\n\r\n.sidebar__link {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n white-space: nowrap;\r\n border-radius: 8px;\r\n padding: 9px 10px;\r\n text-decoration: none;\r\n color: #cbd5e1;\r\n font-weight: 600;\r\n}\r\n\r\n.sidebar__link:hover {\r\n color: #f8fafc;\r\n background: #1b2a3f;\r\n}\r\n\r\n.sidebar__link.is-active {\r\n color: #ffffff;\r\n background: #2e4f93;\r\n}\r\n\r\n.sidebar__group {\r\n display: grid;\r\n gap: 2px;\r\n}\r\n\r\n.sidebar__group-toggle {\r\n list-style: none;\r\n border-radius: 8px;\r\n padding: 9px 10px;\r\n color: #cbd5e1;\r\n font-weight: 600;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n white-space: nowrap;\r\n user-select: none;\r\n}\r\n\r\n.sidebar__group-toggle::-webkit-details-marker {\r\n display: none;\r\n}\r\n\r\n.sidebar__group:hover .sidebar__group-toggle,\r\n.sidebar__group-toggle:hover {\r\n color: #f8fafc;\r\n background: #1b2a3f;\r\n}\r\n\r\n.sidebar__group.is-active .sidebar__group-toggle {\r\n color: #ffffff;\r\n background: #2e4f93;\r\n}\r\n\r\n.sidebar__icon {\r\n flex-shrink: 0;\r\n width: 18px;\r\n height: 18px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n opacity: 0.85;\r\n}\r\n\r\n.sidebar__label {\r\n flex: 1;\r\n min-width: 0;\r\n overflow: hidden;\r\n}\r\n\r\n.sidebar__toggle-arrow {\r\n flex-shrink: 0;\r\n margin-left: auto;\r\n opacity: 0.5;\r\n transition: transform 0.18s ease;\r\n}\r\n\r\ndetails[open] > .sidebar__group-toggle .sidebar__toggle-arrow {\r\n transform: rotate(180deg);\r\n}\r\n\r\n.sidebar__group-links {\r\n display: grid;\r\n gap: 2px;\r\n padding-left: 12px;\r\n overflow: hidden;\r\n}\r\n\r\n.sidebar__sublink {\r\n border-radius: 6px;\r\n padding: 7px 10px 7px 8px;\r\n text-decoration: none;\r\n color: #94a3b8;\r\n font-size: 12.5px;\r\n font-weight: 500;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n white-space: nowrap;\r\n\r\n &::before {\r\n content: '';\r\n flex-shrink: 0;\r\n width: 5px;\r\n height: 5px;\r\n border-radius: 50%;\r\n background: rgba(148, 163, 184, 0.3);\r\n transition: background 0.15s;\r\n }\r\n\r\n &:hover {\r\n color: #e2e8f0;\r\n background: #1b2a3f;\r\n\r\n &::before {\r\n background: rgba(148, 163, 184, 0.65);\r\n }\r\n }\r\n\r\n &.is-active {\r\n color: #ffffff;\r\n background: rgba(46, 79, 147, 0.55);\r\n\r\n &::before {\r\n background: #93c5fd;\r\n }\r\n }\r\n}\r\n\r\n.app-main {\r\n flex: 1;\r\n min-width: 0;\r\n}\r\n\r\n.topbar {\r\n height: 50px;\r\n border-bottom: 1px solid var(--c-border);\r\n background: var(--c-surface);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 0 20px;\r\n position: sticky;\r\n top: 0;\r\n z-index: 100;\r\n}\r\n\r\n.brand {\r\n font-size: 22px;\r\n font-weight: 300;\r\n letter-spacing: -0.02em;\r\n color: var(--c-text-strong);\r\n}\r\n\r\n.brand strong {\r\n font-weight: 700;\r\n}\r\n\r\n.container {\r\n max-width: none;\r\n width: calc(100% - 20px);\r\n margin: 12px 10px;\r\n padding: 0 4px 14px;\r\n}\r\n\r\n.card {\r\n background: var(--c-surface);\r\n border-radius: 10px;\r\n box-shadow: var(--shadow-card);\r\n padding: 14px;\r\n}\r\n\r\n.card h1 {\r\n margin: 0 0 10px;\r\n color: var(--c-text-strong);\r\n font-size: 24px;\r\n font-weight: 700;\r\n}\r\n\r\n.muted {\r\n color: var(--c-muted);\r\n}\r\n\r\n.accent {\r\n color: var(--c-primary);\r\n font-weight: 600;\r\n}\r\n\r\n.users-form {\r\n display: grid;\r\n gap: 14px;\r\n max-width: 460px;\r\n}\r\n\r\n.form-field {\r\n margin-bottom: 12px;\r\n}\r\n\r\n.section-title {\r\n margin: 0;\r\n color: var(--c-text-strong);\r\n font-size: 18px;\r\n font-weight: 700;\r\n}\r\n\r\nh2.section-title,\r\nh3.section-title,\r\nh4.section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-weight: 600;\r\n padding: 6px 0;\r\n margin-bottom: 8px;\r\n border-bottom: 1px solid #e2e8f0;\r\n color: var(--c-primary, #2563eb);\r\n\r\n &::before {\r\n content: '\\25A0';\r\n font-size: 0.55em;\r\n opacity: 0.5;\r\n }\r\n}\r\n\r\nh3.section-title,\r\nh4.section-title {\r\n font-size: 15px;\r\n\r\n &::before {\r\n content: '\\25C6';\r\n font-size: 0.5em;\r\n }\r\n}\r\n\r\n.mt-0 {\r\n margin-top: 0;\r\n}\r\n\r\n.mt-4 {\r\n margin-top: 4px;\r\n}\r\n\r\n.mt-12 {\r\n margin-top: 8px;\r\n}\r\n\r\n.mt-16 {\r\n margin-top: 12px;\r\n}\r\n\r\n.settings-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.settings-nav {\r\n display: flex;\r\n gap: 8px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.settings-nav__link {\r\n text-decoration: none;\r\n border: 1px solid var(--c-border);\r\n border-radius: 8px;\r\n padding: 8px 12px;\r\n color: var(--c-text-strong);\r\n font-weight: 600;\r\n}\r\n\r\n.settings-nav__link:hover {\r\n background: #f8fafc;\r\n}\r\n\r\n.settings-nav__link.is-active {\r\n border-color: var(--c-primary);\r\n color: var(--c-primary);\r\n background: #edf2ff;\r\n}\r\n\r\n.settings-stat {\r\n border: 1px solid var(--c-border);\r\n border-radius: 8px;\r\n padding: 12px;\r\n background: #f8fafc;\r\n}\r\n\r\n.settings-stat__label {\r\n display: block;\r\n color: var(--c-muted);\r\n font-size: 12px;\r\n margin-bottom: 4px;\r\n}\r\n\r\n.settings-stat__value {\r\n color: var(--c-text-strong);\r\n font-size: 20px;\r\n}\r\n\r\n.settings-logs {\r\n margin: 0;\r\n padding: 12px;\r\n border-radius: 8px;\r\n border: 1px solid var(--c-border);\r\n background: #0b1220;\r\n color: #d1d5db;\r\n font-size: 12px;\r\n line-height: 1.5;\r\n overflow: auto;\r\n}\r\n\r\n.settings-allegro-callback {\r\n display: block;\r\n width: 100%;\r\n padding: 8px 10px;\r\n border: 1px solid var(--c-border);\r\n border-radius: 8px;\r\n background: #f8fafc;\r\n color: var(--c-text-strong);\r\n font-size: 12px;\r\n line-height: 1.45;\r\n word-break: break-all;\r\n}\r\n\r\n.page-head {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 12px;\r\n}\r\n\r\n.filters-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.filters-actions {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n\r\n.product-form .form-control {\r\n width: 100%;\r\n}\r\n\r\n.form-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.form-grid-2 {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 12px;\r\n align-items: start;\r\n}\r\n\r\n.form-grid-3 {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 12px;\r\n align-items: start;\r\n}\r\n\r\n.form-grid-4 {\r\n display: grid;\r\n grid-template-columns: repeat(4, minmax(0, 1fr));\r\n gap: 12px;\r\n align-items: start;\r\n}\r\n\r\n.form-actions {\r\n display: flex;\r\n gap: 8px;\r\n flex-wrap: wrap;\r\n align-items: flex-start;\r\n}\r\n\r\n.form-actions .btn {\r\n align-self: flex-start;\r\n}\r\n\r\n.statuses-form {\r\n display: grid;\r\n gap: 8px;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n}\r\n\r\n.statuses-form .form-actions {\r\n grid-column: 1 / -1;\r\n}\r\n\r\n.statuses-color-input {\r\n min-height: 32px;\r\n padding: 2px;\r\n}\r\n\r\n.statuses-hint {\r\n grid-column: 1 / -1;\r\n margin: 0;\r\n}\r\n\r\n.statuses-group-block {\r\n border: 1px solid var(--c-border);\r\n border-radius: 10px;\r\n padding: 8px;\r\n background: #fbfdff;\r\n}\r\n\r\n.statuses-group-block__head {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 6px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.statuses-group-block__title {\r\n margin: 0;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n color: var(--c-text-strong);\r\n font-size: 14px;\r\n}\r\n\r\n.statuses-color-dot {\r\n width: 12px;\r\n height: 12px;\r\n border-radius: 999px;\r\n border: 1px solid rgba(15, 23, 42, 0.15);\r\n}\r\n\r\n.statuses-dnd-list {\r\n margin: 6px 0 0;\r\n padding: 0;\r\n list-style: none;\r\n display: grid;\r\n gap: 6px;\r\n}\r\n\r\n.statuses-dnd-item {\r\n display: grid;\r\n grid-template-columns: 24px 1fr;\r\n gap: 6px;\r\n border: 1px solid #dce4f0;\r\n border-radius: 8px;\r\n background: #fff;\r\n padding: 6px;\r\n}\r\n\r\n.statuses-dnd-item__content {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n min-width: 0;\r\n}\r\n\r\n.statuses-dnd-item.is-dragging {\r\n opacity: 0.6;\r\n}\r\n\r\n.statuses-dnd-item__drag {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n border: 1px dashed #cbd5e1;\r\n border-radius: 6px;\r\n color: #64748b;\r\n cursor: grab;\r\n user-select: none;\r\n font-weight: 700;\r\n font-size: 12px;\r\n}\r\n\r\n.statuses-dnd-item__drag:active {\r\n cursor: grabbing;\r\n}\r\n\r\n.statuses-inline-form {\r\n display: grid;\r\n gap: 6px;\r\n}\r\n\r\n.statuses-inline-form--row {\r\n grid-template-columns: minmax(180px, 1.4fr) minmax(150px, 1fr) auto auto auto;\r\n align-items: center;\r\n flex: 1 1 auto;\r\n min-width: 0;\r\n}\r\n\r\n.statuses-inline-form--row-group {\r\n grid-template-columns: minmax(180px, 1.5fr) 56px auto auto auto;\r\n align-items: center;\r\n flex: 1 1 auto;\r\n min-width: 0;\r\n}\r\n\r\n.statuses-inline-form--row .form-control,\r\n.statuses-inline-form--row-group .form-control {\r\n min-height: 30px;\r\n padding: 4px 8px;\r\n}\r\n\r\n.statuses-inline-form--row .btn,\r\n.statuses-inline-form--row-group .btn,\r\n.statuses-inline-delete .btn {\r\n min-height: 30px;\r\n padding: 4px 10px;\r\n font-size: 12px;\r\n}\r\n\r\n.statuses-inline-check {\r\n margin-top: 0;\r\n white-space: nowrap;\r\n font-size: 12px;\r\n}\r\n\r\n.statuses-inline-delete {\r\n margin: 0;\r\n flex: 0 0 auto;\r\n}\r\n\r\n.statuses-code-label {\r\n font-size: 12px;\r\n color: var(--c-muted);\r\n}\r\n\r\n.statuses-code-readonly {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n white-space: nowrap;\r\n font-size: 12px;\r\n}\r\n\r\n.statuses-code-readonly code {\r\n background: #eef2f7;\r\n border-radius: 6px;\r\n padding: 1px 6px;\r\n color: #1f2937;\r\n font-size: 12px;\r\n}\r\n\r\n.field-inline {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-top: 2px;\r\n}\r\n\r\n.modal-backdrop {\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(15, 23, 42, 0.5);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 16px;\r\n z-index: 200;\r\n}\r\n\r\n.modal-backdrop[hidden] {\r\n display: none;\r\n}\r\n\r\n.modal {\r\n width: min(560px, 100%);\r\n background: #fff;\r\n border-radius: 10px;\r\n box-shadow: 0 20px 40px rgba(15, 23, 42, 0.35);\r\n overflow: hidden;\r\n}\r\n\r\n.modal__header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 10px;\r\n padding: 16px 18px;\r\n border-bottom: 1px solid var(--c-border);\r\n}\r\n\r\n.modal__header h3 {\r\n margin: 0;\r\n font-size: 18px;\r\n color: var(--c-text-strong);\r\n}\r\n\r\n.modal__body {\r\n padding: 16px 18px 18px;\r\n}\r\n\r\n.status-pill {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n border: 1px solid #fed7d7;\r\n background: #fff5f5;\r\n color: #9b2c2c;\r\n padding: 2px 8px;\r\n border-radius: 999px;\r\n font-size: 12px;\r\n font-weight: 600;\r\n}\r\n\r\n.status-pill.is-active {\r\n border-color: #b7ebcf;\r\n background: #f0fff6;\r\n color: #0f6b39;\r\n}\r\n\r\n.table-row-actions {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.table-row-actions form {\r\n margin: 0;\r\n}\r\n\r\n.table-list {\r\n display: grid;\r\n gap: 14px;\r\n}\r\n\r\n.table-list__header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n gap: 12px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.table-list__left {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.table-list-header-actions {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.js-filter-toggle-btn.is-active {\r\n border-color: #cbd5e0;\r\n background: #edf2ff;\r\n color: var(--c-primary-dark);\r\n}\r\n\r\n.table-filter-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-width: 18px;\r\n height: 18px;\r\n padding: 0 5px;\r\n font-size: 11px;\r\n font-weight: 700;\r\n color: #fff;\r\n background: var(--c-primary);\r\n border-radius: 999px;\r\n}\r\n\r\n.table-filters-wrapper {\r\n display: none;\r\n}\r\n\r\n.table-filters-wrapper.is-open {\r\n display: block;\r\n}\r\n\r\n.table-list-filters {\r\n display: grid;\r\n gap: 12px;\r\n grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));\r\n align-items: end;\r\n}\r\n\r\n.table-col-toggle-wrapper {\r\n position: relative;\r\n}\r\n\r\n.table-col-toggle-dropdown {\r\n display: none;\r\n position: absolute;\r\n right: 0;\r\n top: calc(100% + 6px);\r\n z-index: 30;\r\n width: 260px;\r\n max-height: 360px;\r\n overflow: auto;\r\n border: 1px solid var(--c-border);\r\n border-radius: 10px;\r\n background: #fff;\r\n box-shadow: 0 10px 25px rgba(15, 23, 42, 0.12);\r\n}\r\n\r\n.table-col-toggle-dropdown.is-open {\r\n display: block;\r\n}\r\n\r\n.table-col-toggle-header {\r\n padding: 10px 12px;\r\n border-bottom: 1px solid var(--c-border);\r\n font-size: 12px;\r\n font-weight: 700;\r\n color: var(--c-muted);\r\n}\r\n\r\n.table-col-toggle-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 8px 12px;\r\n font-size: 13px;\r\n color: var(--c-text-strong);\r\n}\r\n\r\n.table-col-toggle-item:hover {\r\n background: #f8fafc;\r\n}\r\n\r\n.table-col-toggle-footer {\r\n border-top: 1px solid var(--c-border);\r\n padding: 8px 12px;\r\n}\r\n\r\n.table-col-hidden {\r\n display: none;\r\n}\r\n\r\n.table-col-switch {\r\n position: relative;\r\n display: inline-block;\r\n width: 34px;\r\n min-width: 34px;\r\n height: 18px;\r\n}\r\n\r\n.table-col-switch input {\r\n opacity: 0;\r\n width: 0;\r\n height: 0;\r\n position: absolute;\r\n}\r\n\r\n.table-col-switch-slider {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: #cbd5e1;\r\n border-radius: 999px;\r\n transition: background-color 0.2s ease;\r\n}\r\n\r\n.table-col-switch-slider::before {\r\n content: \"\";\r\n position: absolute;\r\n height: 14px;\r\n width: 14px;\r\n left: 2px;\r\n bottom: 2px;\r\n background: #fff;\r\n border-radius: 50%;\r\n transition: transform 0.2s ease;\r\n}\r\n\r\n.table-col-switch input:checked + .table-col-switch-slider {\r\n background: #16a34a;\r\n}\r\n\r\n.table-col-switch input:checked + .table-col-switch-slider::before {\r\n transform: translateX(16px);\r\n}\r\n\r\n.table-sort-link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n color: var(--c-text-strong);\r\n text-decoration: none;\r\n}\r\n\r\n.table-sort-link:hover {\r\n color: var(--c-primary-dark);\r\n}\r\n\r\n.table-sort-icon.is-muted {\r\n color: #a0aec0;\r\n}\r\n\r\n.table-list__footer {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 10px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.table-list-per-page-form {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n\r\n.table-list-per-page-form .form-control {\r\n min-width: 90px;\r\n}\r\n\r\n.table-select-col {\r\n width: 44px;\r\n text-align: center;\r\n}\r\n\r\n.table-select-toggle {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.table-select-toggle input[type=\"checkbox\"] {\r\n width: 16px;\r\n height: 16px;\r\n}\r\n\r\n.orders-page {\r\n .orders-head {\r\n background: linear-gradient(120deg, #f8fbff 0%, #eef5ff 100%);\r\n border: 1px solid #dbe7fb;\r\n }\r\n\r\n .table-list {\r\n border: 1px solid #dde5f2;\r\n border-radius: 12px;\r\n box-shadow: 0 6px 16px rgba(20, 44, 86, 0.08);\r\n }\r\n\r\n .table-list__header {\r\n padding: 10px 6px 2px;\r\n }\r\n\r\n .table-list-filters {\r\n padding: 6px 6px 2px;\r\n border-top: 1px solid #ebf0f7;\r\n border-bottom: 1px solid #ebf0f7;\r\n background: #f9fbff;\r\n }\r\n\r\n .table-wrap {\r\n border-radius: 10px;\r\n overflow: hidden;\r\n border: 1px solid #e7edf6;\r\n }\r\n\r\n .table thead th {\r\n background: #f3f7fd;\r\n color: #30435f;\r\n font-size: 12px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.03em;\r\n }\r\n\r\n .table tbody td {\r\n vertical-align: middle;\r\n padding-top: 10px;\r\n padding-bottom: 10px;\r\n border-bottom-color: #edf2f8;\r\n }\r\n\r\n .table tbody tr:hover td {\r\n background: #f9fcff;\r\n }\r\n}\r\n\r\n.orders-list-page {\r\n padding: 10px;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.orders-head {\r\n display: flex;\r\n align-items: flex-start;\r\n justify-content: space-between;\r\n gap: 12px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.orders-stats {\r\n display: inline-grid;\r\n grid-template-columns: repeat(3, minmax(86px, auto));\r\n gap: 8px;\r\n}\r\n\r\n.orders-stat {\r\n border: 1px solid #d8e2f0;\r\n background: #f8fbff;\r\n border-radius: 8px;\r\n padding: 6px 8px;\r\n line-height: 1.15;\r\n\r\n &__label {\r\n display: block;\r\n color: #5f6f83;\r\n font-size: 11px;\r\n margin-bottom: 2px;\r\n }\r\n\r\n &__value {\r\n color: #12233a;\r\n font-size: 16px;\r\n font-weight: 700;\r\n }\r\n}\r\n\r\n.orders-ref {\r\n display: grid;\r\n gap: 2px;\r\n min-width: 170px;\r\n\r\n &__main {\r\n font-weight: 700;\r\n color: #0f1f35;\r\n font-size: 14px;\r\n }\r\n\r\n &__meta {\r\n display: inline-flex;\r\n flex-wrap: wrap;\r\n gap: 4px 10px;\r\n color: #64748b;\r\n font-size: 12px;\r\n }\r\n}\r\n\r\n.orders-buyer {\r\n display: grid;\r\n gap: 2px;\r\n\r\n &__name {\r\n color: #0f172a;\r\n font-weight: 600;\r\n font-size: 14px;\r\n }\r\n\r\n &__meta {\r\n display: inline-flex;\r\n flex-wrap: wrap;\r\n gap: 4px 10px;\r\n color: #64748b;\r\n font-size: 12px;\r\n }\r\n}\r\n\r\n.orders-status-wrap {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 5px;\r\n flex-wrap: wrap;\r\n cursor: pointer;\r\n\r\n .order-tag {\r\n cursor: pointer;\r\n }\r\n}\r\n\r\n.orders-status-dropdown {\r\n position: fixed;\r\n z-index: 9999;\r\n min-width: 180px;\r\n max-height: 280px;\r\n overflow-y: auto;\r\n background: #fff;\r\n border: 1px solid #d8e1ef;\r\n border-radius: 6px;\r\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\r\n padding: 4px 0;\r\n\r\n &__group-header {\r\n padding: 6px 12px 2px;\r\n font-size: 10px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n color: #94a3b8;\r\n\r\n &:not(:first-child) {\r\n border-top: 1px solid #f1f5f9;\r\n margin-top: 2px;\r\n padding-top: 8px;\r\n }\r\n }\r\n\r\n &__item {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 5px 12px;\r\n font-size: 13px;\r\n color: #334155;\r\n cursor: pointer;\r\n white-space: nowrap;\r\n\r\n &:hover {\r\n background: #f1f5f9;\r\n }\r\n\r\n &.is-current {\r\n font-weight: 700;\r\n background: #f8fafc;\r\n }\r\n }\r\n\r\n &__color-dot {\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 50%;\r\n flex-shrink: 0;\r\n }\r\n}\r\n\r\n.order-tag {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n border: 1px solid #d8e1ef;\r\n background: #f8fafc;\r\n color: #334155;\r\n border-radius: 999px;\r\n padding: 2px 8px;\r\n font-size: 12px;\r\n font-weight: 700;\r\n line-height: 1.1;\r\n white-space: nowrap;\r\n\r\n &.is-info {\r\n border-color: #bfdbfe;\r\n background: #eff6ff;\r\n color: #1d4ed8;\r\n }\r\n\r\n &.is-success {\r\n border-color: #bbf7d0;\r\n background: #f0fdf4;\r\n color: #166534;\r\n }\r\n\r\n &.is-danger {\r\n border-color: #fecaca;\r\n background: #fef2f2;\r\n color: #b91c1c;\r\n }\r\n\r\n &.is-warn {\r\n border-color: #fde68a;\r\n background: #fffbeb;\r\n color: #92400e;\r\n }\r\n\r\n &.is-cod {\r\n border-color: #f9a8d4;\r\n background: #fdf2f8;\r\n color: #9d174d;\r\n }\r\n\r\n &.is-unpaid {\r\n border-color: #fca5a5;\r\n background: #fef2f2;\r\n color: #b91c1c;\r\n }\r\n}\r\n\r\n.orders-mini {\r\n font-size: 14px;\r\n color: #223247;\r\n line-height: 1.25;\r\n\r\n &__delivery {\r\n font-size: 12px;\r\n color: #64748b;\r\n margin-bottom: 2px;\r\n max-width: 160px;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n }\r\n}\r\n\r\n.orders-products {\r\n display: grid;\r\n gap: 4px;\r\n min-width: 240px;\r\n\r\n &__meta,\r\n &__more {\r\n font-size: 12px;\r\n color: #64748b;\r\n }\r\n}\r\n\r\n.orders-product {\r\n display: grid;\r\n grid-template-columns: 48px 1fr;\r\n gap: 6px;\r\n align-items: center;\r\n\r\n &__thumb {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 4px;\r\n border: 1px solid #dbe3ef;\r\n object-fit: cover;\r\n background: #fff;\r\n }\r\n\r\n &__thumb--empty {\r\n display: inline-block;\r\n background: #eef2f7;\r\n border-style: dashed;\r\n }\r\n\r\n &__txt {\r\n min-width: 0;\r\n display: grid;\r\n gap: 1px;\r\n }\r\n\r\n &__name {\r\n font-size: 14px;\r\n color: #0f172a;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n }\r\n\r\n &__qty {\r\n font-size: 12px;\r\n color: #64748b;\r\n }\r\n}\r\n\r\n.orders-image-hover-wrap {\r\n position: relative;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: zoom-in;\r\n}\r\n\r\n.orders-image-hover-popup {\r\n display: none;\r\n position: fixed;\r\n left: auto;\r\n top: auto;\r\n width: 350px;\r\n max-height: 350px;\r\n object-fit: contain;\r\n border-radius: 8px;\r\n background: #fff;\r\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);\r\n border: 1px solid #dfe3ea;\r\n z-index: 100;\r\n pointer-events: none;\r\n}\r\n\r\n.orders-image-hover-wrap:hover .orders-image-hover-popup {\r\n display: block;\r\n}\r\n\r\n.activity-type-badge {\r\n display: inline-block;\r\n padding: 2px 8px;\r\n border-radius: 4px;\r\n font-size: 12px;\r\n font-weight: 500;\r\n white-space: nowrap;\r\n background: #e2e8f0;\r\n color: #334155;\r\n\r\n &--status_change { background: #dbeafe; color: #1e40af; }\r\n &--payment { background: #dcfce7; color: #166534; }\r\n &--invoice { background: #fef3c7; color: #92400e; }\r\n &--shipment { background: #e0e7ff; color: #3730a3; }\r\n &--message { background: #f3e8ff; color: #6b21a8; }\r\n &--document { background: #fce7f3; color: #9d174d; }\r\n &--import { background: #f1f5f9; color: #475569; }\r\n &--note { background: #ecfdf5; color: #065f46; }\r\n}\r\n\r\n.text-nowrap {\r\n white-space: nowrap;\r\n}\r\n\r\n.orders-money {\r\n display: grid;\r\n gap: 2px;\r\n\r\n &__main {\r\n color: #0f172a;\r\n font-weight: 700;\r\n font-size: 14px;\r\n }\r\n\r\n &__meta {\r\n color: #64748b;\r\n font-size: 12px;\r\n }\r\n}\r\n\r\n.table-list[data-table-list-id=\"orders\"] {\r\n gap: 8px;\r\n\r\n .table-list__header {\r\n padding: 2px 0 0;\r\n }\r\n\r\n .table-list-filters {\r\n gap: 8px;\r\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\r\n }\r\n\r\n .table th,\r\n .table td {\r\n padding: 6px 8px;\r\n }\r\n\r\n .table thead th {\r\n font-size: 12px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.02em;\r\n white-space: nowrap;\r\n }\r\n\r\n .table tbody td {\r\n vertical-align: top;\r\n font-size: 14px;\r\n line-height: 1.25;\r\n }\r\n}\r\n\r\n.order-show-layout {\r\n display: grid;\r\n grid-template-columns: 220px minmax(0, 1fr);\r\n gap: 12px;\r\n align-items: start;\r\n}\r\n\r\n.order-statuses-side {\r\n position: sticky;\r\n top: 60px;\r\n padding: 10px;\r\n\r\n &__title {\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: #0f172a;\r\n margin-bottom: 8px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n list-style: none;\r\n\r\n &::-webkit-details-marker {\r\n display: none;\r\n }\r\n }\r\n\r\n &__arrow {\r\n display: none;\r\n flex-shrink: 0;\r\n opacity: 0.5;\r\n transition: transform 0.2s ease;\r\n }\r\n\r\n &__body {\r\n // default flow\r\n }\r\n}\r\n\r\ndetails[open] > .order-statuses-side__title .order-statuses-side__arrow {\r\n transform: rotate(180deg);\r\n}\r\n\r\n.order-status-group {\r\n margin-bottom: 10px;\r\n\r\n &__name {\r\n font-size: 12px;\r\n color: #475569;\r\n font-weight: 700;\r\n margin-bottom: 5px;\r\n }\r\n}\r\n\r\n.order-status-row {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 8px;\r\n padding: 4px 6px;\r\n border-radius: 6px;\r\n color: #334155;\r\n font-size: 12px;\r\n text-decoration: none;\r\n\r\n &__count {\r\n min-width: 24px;\r\n text-align: center;\r\n border-radius: 999px;\r\n background: var(--status-color, #64748b);\r\n padding: 1px 6px;\r\n font-weight: 700;\r\n font-size: 11px;\r\n color: #ffffff;\r\n }\r\n}\r\n\r\n.order-status-row:hover {\r\n background: #f1f5f9;\r\n}\r\n\r\n.order-status-row.is-active {\r\n background: rgba(15, 23, 42, 0.06);\r\n color: #0f172a;\r\n font-weight: 700;\r\n}\r\n\r\n.order-show-main {\r\n min-width: 0;\r\n}\r\n\r\n.order-details-actions {\r\n display: inline-flex;\r\n flex-wrap: wrap;\r\n justify-content: flex-end;\r\n gap: 6px;\r\n}\r\n\r\n.order-details-page {\r\n padding: 12px;\r\n}\r\n\r\n.order-details-head {\r\n display: flex;\r\n align-items: flex-start;\r\n justify-content: space-between;\r\n gap: 12px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.order-back-link {\r\n color: #475569;\r\n text-decoration: none;\r\n font-weight: 600;\r\n}\r\n\r\n.order-back-link:hover {\r\n color: #1d4ed8;\r\n}\r\n\r\n.order-details-sub {\r\n display: inline-flex;\r\n gap: 10px;\r\n flex-wrap: wrap;\r\n color: #64748b;\r\n font-size: 12px;\r\n}\r\n\r\n.order-details-pill {\r\n border-radius: 999px;\r\n padding: 5px 10px;\r\n background: #eef6ff;\r\n border: 1px solid #cfe2ff;\r\n color: #1d4ed8;\r\n font-size: 12px;\r\n font-weight: 700;\r\n}\r\n\r\n.order-status-change {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.order-status-change__form {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n}\r\n\r\n.order-status-change__select {\r\n min-width: 180px;\r\n}\r\n\r\n.order-details-tabs {\r\n display: flex;\r\n gap: 6px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.order-details-tab {\r\n border: 1px solid #d6deea;\r\n border-radius: 8px;\r\n padding: 5px 10px;\r\n color: #475569;\r\n font-size: 12px;\r\n background: #f8fafc;\r\n cursor: pointer;\r\n}\r\n\r\n.order-details-tab.is-active {\r\n border-color: #bfdbfe;\r\n color: #1d4ed8;\r\n background: #eff6ff;\r\n font-weight: 700;\r\n}\r\n\r\n.order-item-cell {\r\n display: grid;\r\n grid-template-columns: 44px 1fr;\r\n gap: 8px;\r\n align-items: center;\r\n min-width: 260px;\r\n}\r\n\r\n.order-item-thumb {\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 6px;\r\n border: 1px solid #dbe3ef;\r\n object-fit: cover;\r\n}\r\n\r\n.order-item-thumb--empty {\r\n display: inline-block;\r\n background: #eef2f7;\r\n border-style: dashed;\r\n}\r\n\r\n.order-item-name {\r\n font-weight: 600;\r\n color: #0f172a;\r\n}\r\n\r\n.item-personalization {\r\n margin-top: 4px;\r\n padding: 4px 8px;\r\n background: #f8fafc;\r\n border-left: 2px solid #cbd5e1;\r\n border-radius: 2px;\r\n font-size: 0.92em;\r\n color: #475569;\r\n line-height: 1.4;\r\n\r\n &__label {\r\n font-weight: 600;\r\n color: #64748b;\r\n display: block;\r\n margin-bottom: 2px;\r\n }\r\n\r\n &__line {\r\n white-space: pre-wrap;\r\n word-break: break-word;\r\n }\r\n}\r\n\r\n.order-grid-2 {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.order-grid-3 {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.order-kv {\r\n margin: 0;\r\n display: grid;\r\n grid-template-columns: 150px 1fr;\r\n gap: 6px 10px;\r\n font-size: 12px;\r\n}\r\n\r\n.payment-summary {\r\n display: grid;\r\n gap: 6px;\r\n max-width: 420px;\r\n}\r\n\r\n.payment-summary__row {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 12px;\r\n}\r\n\r\n.payment-summary__label {\r\n width: 150px;\r\n flex-shrink: 0;\r\n color: #64748b;\r\n}\r\n\r\n.payment-summary__value {\r\n font-weight: 600;\r\n color: #0f172a;\r\n}\r\n\r\n.payment-add-form {\r\n background: #f8fafc;\r\n border: 1px solid #e2e8f0;\r\n border-radius: 6px;\r\n padding: 12px;\r\n max-width: 700px;\r\n}\r\n\r\n.payment-add-form__row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n.payment-add-form__field {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 3px;\r\n flex: 1 1 140px;\r\n min-width: 120px;\r\n\r\n label {\r\n font-size: 11px;\r\n color: #64748b;\r\n font-weight: 500;\r\n }\r\n\r\n input, select {\r\n font-size: 12px;\r\n padding: 4px 8px;\r\n border: 1px solid #cbd5e1;\r\n border-radius: 4px;\r\n height: 30px;\r\n }\r\n}\r\n\r\n.payment-add-form__actions {\r\n display: flex;\r\n gap: 8px;\r\n margin-top: 12px;\r\n}\r\n\r\n.order-kv dt {\r\n color: #64748b;\r\n}\r\n\r\n.order-kv dd {\r\n margin: 0;\r\n color: #0f172a;\r\n font-weight: 600;\r\n}\r\n\r\n.order-address {\r\n display: grid;\r\n gap: 3px;\r\n font-size: 12px;\r\n color: #0f172a;\r\n}\r\n\r\n.order-events {\r\n display: grid;\r\n gap: 8px;\r\n}\r\n\r\n.order-event {\r\n border: 1px solid #e2e8f0;\r\n border-radius: 8px;\r\n padding: 8px;\r\n background: #fbfdff;\r\n}\r\n\r\n.order-event__head {\r\n color: #64748b;\r\n font-size: 11px;\r\n}\r\n\r\n.order-event__body {\r\n margin-top: 4px;\r\n color: #0f172a;\r\n font-size: 12px;\r\n}\r\n\r\n.order-tab-panel {\r\n display: none;\r\n}\r\n\r\n.order-tab-panel.is-active {\r\n display: block;\r\n}\r\n\r\n.manual-tracking-form {\r\n display: flex;\r\n gap: 8px;\r\n align-items: center;\r\n\r\n .form-control {\r\n max-width: 220px;\r\n }\r\n}\r\n\r\n.order-empty-placeholder {\r\n border: 1px dashed #cbd5e1;\r\n border-radius: 8px;\r\n min-height: 180px;\r\n background: #f8fafc;\r\n}\r\n\r\n.order-status-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 4px 10px;\r\n border-radius: 999px;\r\n font-size: 12px;\r\n font-weight: 700;\r\n border: 1px solid #cbd5e1;\r\n color: #334155;\r\n background: #f8fafc;\r\n\r\n &.is-info {\r\n border-color: #bfdbfe;\r\n background: #eff6ff;\r\n color: #1d4ed8;\r\n }\r\n\r\n &.is-success {\r\n border-color: #bbf7d0;\r\n background: #f0fdf4;\r\n color: #166534;\r\n }\r\n\r\n &.is-danger {\r\n border-color: #fecaca;\r\n background: #fef2f2;\r\n color: #b91c1c;\r\n }\r\n\r\n &.is-warn {\r\n border-color: #fde68a;\r\n background: #fffbeb;\r\n color: #92400e;\r\n }\r\n\r\n &.is-empty {\r\n color: #94a3b8;\r\n }\r\n}\r\n\r\n.order-buyer {\r\n display: grid;\r\n gap: 2px;\r\n\r\n &__name {\r\n color: #0f172a;\r\n font-weight: 600;\r\n }\r\n\r\n &__email {\r\n color: #64748b;\r\n font-size: 12px;\r\n }\r\n}\r\n.table-inline-action {\r\n display: inline-block;\r\n margin-right: 6px;\r\n}\r\n\r\n.product-name-cell {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n}\r\n\r\n.product-name-thumb {\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 6px;\r\n object-fit: cover;\r\n border: 1px solid var(--c-border);\r\n background: #f8fafc;\r\n}\r\n\r\n.product-name-thumb--empty {\r\n display: inline-block;\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 6px;\r\n border: 1px dashed #cbd5e0;\r\n background: #f8fafc;\r\n}\r\n\r\n.product-name-thumb-btn {\r\n border: 0;\r\n padding: 0;\r\n background: transparent;\r\n cursor: pointer;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.product-name-thumb-btn:focus-visible {\r\n outline: none;\r\n box-shadow: var(--focus-ring);\r\n border-radius: 8px;\r\n}\r\n\r\n.modal--image-preview {\r\n width: min(760px, 100%);\r\n}\r\n\r\n.product-image-preview__img {\r\n display: block;\r\n width: 100%;\r\n max-height: 70vh;\r\n object-fit: contain;\r\n border-radius: 8px;\r\n background: #f8fafc;\r\n}\r\n\r\n.product-images-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.product-image-card {\r\n border: 1px solid #dfe3ea;\r\n border-radius: 10px;\r\n padding: 10px;\r\n background: #fff;\r\n}\r\n\r\n.product-image-card__thumb-wrap {\r\n position: relative;\r\n border-radius: 8px;\r\n overflow: hidden;\r\n background: #f2f5f8;\r\n}\r\n\r\n.product-image-card__thumb {\r\n width: 100%;\r\n height: 160px;\r\n object-fit: cover;\r\n display: block;\r\n}\r\n\r\n.product-image-card__thumb.is-empty {\r\n height: 160px;\r\n display: grid;\r\n place-items: center;\r\n color: #6b7785;\r\n font-size: 12px;\r\n}\r\n\r\n.product-image-card__badge {\r\n display: none;\r\n position: absolute;\r\n top: 8px;\r\n left: 8px;\r\n background: #1f7a43;\r\n color: #fff;\r\n padding: 3px 8px;\r\n border-radius: 999px;\r\n font-size: 11px;\r\n}\r\n\r\n.product-image-card.is-main .product-image-card__badge {\r\n display: inline-block;\r\n}\r\n\r\n.product-image-card__meta {\r\n margin-top: 8px;\r\n font-size: 11px;\r\n line-height: 1.25;\r\n color: #5f6b79;\r\n overflow-wrap: anywhere;\r\n}\r\n\r\n.product-image-card__actions {\r\n margin-top: 10px;\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 8px;\r\n}\r\n\r\n.product-image-card__actions .btn {\r\n min-height: 34px;\r\n font-size: 12px;\r\n line-height: 1.2;\r\n padding: 6px 10px;\r\n}\r\n\r\n.product-links-search-form {\r\n display: grid;\r\n gap: 12px;\r\n grid-template-columns: minmax(220px, 320px) minmax(220px, 1fr) auto;\r\n align-items: end;\r\n}\r\n\r\n.product-links-head {\r\n display: grid;\r\n gap: 8px;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n}\r\n\r\n.product-tabs-nav {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.product-links-inline-form {\r\n display: grid;\r\n gap: 8px;\r\n grid-template-columns: minmax(140px, 1fr) minmax(140px, 1fr) auto;\r\n align-items: center;\r\n}\r\n\r\n.product-links-actions-row {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n flex-wrap: nowrap;\r\n}\r\n\r\n.product-links-actions-row .product-links-relink-form {\r\n flex: 1 1 auto;\r\n}\r\n\r\n.product-links-unlink-form {\r\n margin: 0;\r\n flex: 0 0 auto;\r\n}\r\n\r\n.product-link-status-cell {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n}\r\n\r\n.product-link-alert-indicator {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 18px;\r\n height: 18px;\r\n border-radius: 999px;\r\n border: 1px solid #f59e0b;\r\n background: #fffbeb;\r\n color: #b45309;\r\n font-size: 12px;\r\n font-weight: 700;\r\n cursor: help;\r\n}\r\n\r\n.product-link-events-list {\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n display: grid;\r\n gap: 4px;\r\n}\r\n\r\n.product-link-events-list li {\r\n display: grid;\r\n gap: 2px;\r\n}\r\n\r\n.product-link-events-type {\r\n font-weight: 600;\r\n color: var(--c-text-strong);\r\n}\r\n\r\n.product-link-events-date {\r\n color: var(--c-muted);\r\n font-size: 12px;\r\n}\r\n\r\n.product-show-images-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.product-show-image-card {\r\n border: 1px solid var(--c-border);\r\n border-radius: 10px;\r\n background: #fff;\r\n padding: 10px;\r\n overflow: hidden;\r\n\r\n &__meta {\r\n display: flex;\r\n align-items: flex-start;\r\n justify-content: space-between;\r\n gap: 8px;\r\n min-width: 0;\r\n }\r\n}\r\n\r\n.product-show-image-path {\r\n font-size: 12px;\r\n min-width: 0;\r\n overflow: hidden;\r\n\r\n summary {\r\n cursor: pointer;\r\n color: var(--c-muted, #888);\r\n list-style: none;\r\n user-select: none;\r\n white-space: nowrap;\r\n\r\n &::-webkit-details-marker {\r\n display: none;\r\n }\r\n\r\n &::after {\r\n content: ' ▾';\r\n }\r\n }\r\n\r\n &[open] summary::after {\r\n content: ' ▴';\r\n }\r\n\r\n &__url {\r\n margin-top: 4px;\r\n word-break: break-all;\r\n overflow-wrap: break-word;\r\n font-size: 11px;\r\n }\r\n}\r\n\r\n.product-show-image {\r\n width: 100%;\r\n max-height: 260px;\r\n object-fit: cover;\r\n border-radius: 8px;\r\n border: 1px solid #d9e0ea;\r\n}\r\n\r\n.shipment-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.searchable-select {\r\n position: relative;\r\n\r\n &__trigger {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n cursor: pointer;\r\n user-select: none;\r\n min-height: 34px;\r\n\r\n &::after {\r\n content: '';\r\n width: 0;\r\n height: 0;\r\n border-left: 4px solid transparent;\r\n border-right: 4px solid transparent;\r\n border-top: 5px solid var(--c-text-muted, #6b7280);\r\n margin-left: 8px;\r\n flex-shrink: 0;\r\n }\r\n\r\n &--placeholder {\r\n color: var(--c-text-muted, #6b7280);\r\n }\r\n }\r\n\r\n &__dropdown {\r\n display: none;\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n top: 100%;\r\n z-index: 50;\r\n max-height: 280px;\r\n overflow: auto;\r\n background: #fff;\r\n border: 1px solid var(--c-border);\r\n border-top: 0;\r\n border-radius: 0 0 8px 8px;\r\n box-shadow: 0 8px 20px rgba(15, 23, 42, 0.12);\r\n\r\n &.is-open {\r\n display: block;\r\n }\r\n }\r\n\r\n &__search {\r\n position: sticky;\r\n top: 0;\r\n border: none !important;\r\n border-bottom: 1px solid var(--c-border) !important;\r\n border-radius: 0 !important;\r\n box-shadow: none !important;\r\n font-size: 13px;\r\n background: #fff;\r\n z-index: 1;\r\n }\r\n\r\n &__option {\r\n padding: 7px 10px;\r\n font-size: 13px;\r\n cursor: pointer;\r\n color: var(--c-text-strong);\r\n\r\n &:hover {\r\n background: #f1f5f9;\r\n }\r\n\r\n &.is-selected {\r\n background: #edf2ff;\r\n font-weight: 600;\r\n }\r\n }\r\n}\r\n\r\n.flash {\r\n padding: 10px 14px;\r\n border-radius: 8px;\r\n font-size: 13px;\r\n font-weight: 500;\r\n\r\n &--success {\r\n background: #f0fdf4;\r\n border: 1px solid #bbf7d0;\r\n color: #166534;\r\n }\r\n\r\n &--error {\r\n background: #fef2f2;\r\n border: 1px solid #fecaca;\r\n color: #b91c1c;\r\n }\r\n}\r\n\r\n.content-tabs-card {\r\n margin-top: 0;\r\n}\r\n\r\n.content-tabs-nav {\r\n display: flex;\r\n gap: 4px;\r\n border-bottom: 2px solid var(--c-border);\r\n margin-bottom: 16px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.content-tab-btn {\r\n padding: 8px 16px;\r\n border: none;\r\n background: none;\r\n cursor: pointer;\r\n font-size: 14px;\r\n font-weight: 500;\r\n color: var(--c-text-muted, #6b7280);\r\n border-bottom: 2px solid transparent;\r\n margin-bottom: -2px;\r\n border-radius: 4px 4px 0 0;\r\n transition: color 0.15s, border-color 0.15s;\r\n\r\n &:hover {\r\n color: var(--c-text-strong, #111827);\r\n }\r\n\r\n &.is-active {\r\n color: var(--c-primary, #2563eb);\r\n border-bottom-color: var(--c-primary, #2563eb);\r\n }\r\n}\r\n\r\n.content-tab-panel {\r\n display: none;\r\n\r\n &.is-active {\r\n display: block;\r\n }\r\n}\r\n\r\n.shoppro-tabs-toolbar {\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: space-between;\r\n gap: 10px;\r\n margin-bottom: 10px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.shoppro-tabs-toolbar__field {\r\n margin: 0;\r\n min-width: 260px;\r\n max-width: 420px;\r\n flex: 1 1 320px;\r\n}\r\n\r\n.shoppro-tabs-toolbar__field .form-control {\r\n width: 100%;\r\n}\r\n\r\n.shoppro-tabs-toolbar__actions {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n\r\n.dm-carrier-select {\r\n min-width: 140px;\r\n}\r\n\r\n.dm-service-wrap {\r\n min-width: 200px;\r\n\r\n .dm-inpost-panel,\r\n .dm-apaczka-panel {\r\n .form-control {\r\n width: 100%;\r\n }\r\n }\r\n}\r\n\r\n.integration-settings-group {\r\n grid-column: 1 / -1;\r\n border: 1px solid var(--c-border);\r\n border-radius: 10px;\r\n background: #f8fbff;\r\n padding: 10px;\r\n}\r\n\r\n.integration-settings-group__head {\r\n margin-bottom: 8px;\r\n padding: 4px 0;\r\n border-bottom: 1px solid #e2e8f0;\r\n}\r\n\r\n.integration-settings-group__title {\r\n margin: 0;\r\n font-size: 14px;\r\n font-weight: 600;\r\n letter-spacing: 0.01em;\r\n color: var(--c-text-strong, #1e293b);\r\n}\r\n\r\n.integration-settings-group__desc {\r\n margin: 4px 0 0;\r\n color: #4b5563;\r\n}\r\n\r\n.integration-settings-group__grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 10px 12px;\r\n align-items: start;\r\n}\r\n\r\n.integration-settings-group__full {\r\n grid-column: 1 / -1;\r\n}\r\n\r\n.integration-settings-group__grid .form-field {\r\n margin: 0;\r\n align-self: start;\r\n}\r\n\r\n.integration-settings-group__grid .form-control {\r\n min-height: 34px;\r\n height: 34px;\r\n}\r\n\r\n.integration-settings-group__grid input[type='date'].form-control {\r\n line-height: 1.2;\r\n}\r\n\r\n.integration-settings-checkboxes {\r\n border: 0;\r\n padding: 0;\r\n margin: 0;\r\n}\r\n\r\n.integration-settings-checkboxes .field-label {\r\n display: block;\r\n margin-bottom: 2px;\r\n}\r\n\r\n.integration-settings-checkboxes__list {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 6px 12px;\r\n}\r\n\r\n.integration-settings-checkboxes__item {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-size: 13px;\r\n color: #334155;\r\n}\r\n\r\n// Hamburger button (hidden on desktop)\r\n.topbar__hamburger {\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n width: 36px;\r\n height: 36px;\r\n padding: 0;\r\n background: transparent;\r\n border: none;\r\n color: var(--c-text-strong);\r\n cursor: pointer;\r\n border-radius: 6px;\r\n flex-shrink: 0;\r\n\r\n &:hover {\r\n background: var(--c-bg-subtle, #f1f5f9);\r\n }\r\n}\r\n\r\n// Mobile backdrop overlay\r\n.sidebar-backdrop {\r\n display: none;\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(0, 0, 0, 0.5);\r\n z-index: 999;\r\n opacity: 0;\r\n transition: opacity 0.25s ease;\r\n\r\n &.is-visible {\r\n display: block;\r\n opacity: 1;\r\n }\r\n}\r\n\r\n// Body scroll lock\r\nbody.no-scroll {\r\n overflow: hidden;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .topbar__hamburger {\r\n display: flex;\r\n }\r\n\r\n .sidebar {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n bottom: 0;\r\n width: 280px;\r\n min-width: 280px;\r\n z-index: 1000;\r\n transform: translateX(-100%);\r\n transition: transform 0.25s ease;\r\n border-right: 1px solid #243041;\r\n overflow-y: auto;\r\n\r\n &.is-mobile-open {\r\n transform: translateX(0);\r\n }\r\n }\r\n\r\n .sidebar__brand {\r\n margin: 4px 4px 12px;\r\n }\r\n\r\n .sidebar__collapse-btn {\r\n display: flex;\r\n }\r\n\r\n .sidebar__collapse-icon {\r\n transform: rotate(180deg);\r\n }\r\n\r\n .sidebar__nav {\r\n display: grid;\r\n gap: 4px;\r\n }\r\n\r\n .topbar {\r\n padding: 0 14px;\r\n }\r\n\r\n .container {\r\n margin-top: 16px;\r\n width: calc(100% - 16px);\r\n margin-left: 8px;\r\n margin-right: 8px;\r\n padding: 0 3px 12px;\r\n }\r\n\r\n .settings-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .page-head {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n\r\n .orders-stats {\r\n grid-template-columns: 1fr;\r\n width: 100%;\r\n }\r\n\r\n .order-show-layout {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .order-statuses-side {\r\n position: static;\r\n top: auto;\r\n }\r\n\r\n .order-statuses-side__title {\r\n cursor: pointer;\r\n }\r\n\r\n .order-statuses-side__arrow {\r\n display: block;\r\n }\r\n\r\n .order-details-actions {\r\n justify-content: flex-start;\r\n }\r\n\r\n .order-grid-2,\r\n .order-grid-3 {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .order-kv {\r\n grid-template-columns: 1fr;\r\n gap: 2px;\r\n }\r\n\r\n .filters-grid,\r\n .form-grid,\r\n .form-grid-2,\r\n .form-grid-3,\r\n .form-grid-4,\r\n .shipment-grid,\r\n .statuses-form,\r\n .statuses-inline-form,\r\n .table-list-filters,\r\n .product-links-search-form,\r\n .product-links-inline-form {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .statuses-dnd-item__content {\r\n display: block;\r\n }\r\n\r\n .statuses-inline-delete {\r\n margin-top: 6px;\r\n }\r\n\r\n .filters-actions {\r\n align-items: center;\r\n }\r\n\r\n .table-list__header,\r\n .table-list__footer {\r\n align-items: flex-start;\r\n }\r\n\r\n .product-links-head {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .integration-settings-group__grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .integration-settings-checkboxes__list {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .card {\r\n padding: 12px;\r\n }\r\n\r\n .modal--image-preview {\r\n width: min(92vw, 100%);\r\n }\r\n\r\n .email-tpl-editor-wrap {\r\n flex-direction: column;\r\n }\r\n\r\n .email-tpl-var-panel {\r\n min-width: 200px;\r\n }\r\n\r\n .modal-box {\r\n width: 95vw;\r\n max-height: 90vh;\r\n }\r\n}\r\n\r\n// Email template editor\r\n.email-tpl-editor-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n border: 1px solid var(--c-border);\r\n border-radius: 6px;\r\n overflow: visible;\r\n}\r\n\r\n.email-tpl-toolbar {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n padding: 6px 8px;\r\n background: var(--c-bg-subtle, #f8f9fa);\r\n border-bottom: 1px solid var(--c-border);\r\n}\r\n\r\n.email-tpl-var-dropdown {\r\n position: relative;\r\n}\r\n\r\n.email-tpl-var-panel {\r\n position: absolute;\r\n top: 100%;\r\n left: 0;\r\n z-index: 300;\r\n min-width: 260px;\r\n max-height: 320px;\r\n overflow-y: auto;\r\n background: var(--c-bg);\r\n border: 1px solid var(--c-border);\r\n border-radius: 6px;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\r\n padding: 6px;\r\n margin-top: 4px;\r\n}\r\n\r\n.email-var-group {\r\n &:not(:first-child) {\r\n margin-top: 6px;\r\n padding-top: 6px;\r\n border-top: 1px solid var(--c-border);\r\n }\r\n\r\n &__label {\r\n font-size: 11px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n color: var(--c-text-muted);\r\n padding: 2px 4px;\r\n letter-spacing: 0.03em;\r\n }\r\n}\r\n\r\n.email-var-item {\r\n display: block;\r\n width: 100%;\r\n text-align: left;\r\n padding: 3px 6px;\r\n margin: 1px 0;\r\n border: none;\r\n background: none;\r\n font-size: 12px;\r\n font-family: \"Roboto Mono\", monospace;\r\n color: var(--c-text);\r\n border-radius: 3px;\r\n cursor: pointer;\r\n\r\n &:hover {\r\n background: var(--c-primary);\r\n color: #fff;\r\n }\r\n}\r\n\r\n#js-quill-editor {\r\n min-height: 200px;\r\n\r\n .ql-editor {\r\n min-height: 200px;\r\n font-size: 13px;\r\n }\r\n}\r\n\r\n// Modal overlay (reusable)\r\n.modal-overlay {\r\n position: fixed;\r\n inset: 0;\r\n z-index: 1000;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: rgba(0, 0, 0, 0.45);\r\n}\r\n\r\n.modal-box {\r\n width: min(680px, 90vw);\r\n max-height: 80vh;\r\n background: var(--c-bg);\r\n border-radius: 8px;\r\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);\r\n display: flex;\r\n flex-direction: column;\r\n overflow: hidden;\r\n\r\n &__header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 10px 16px;\r\n border-bottom: 1px solid var(--c-border);\r\n }\r\n\r\n &__title {\r\n margin: 0;\r\n font-size: 15px;\r\n font-weight: 600;\r\n }\r\n\r\n &__close {\r\n background: none;\r\n border: none;\r\n font-size: 22px;\r\n line-height: 1;\r\n cursor: pointer;\r\n color: var(--c-text-muted);\r\n padding: 0 4px;\r\n\r\n &:hover {\r\n color: var(--c-text);\r\n }\r\n }\r\n\r\n &__body {\r\n padding: 12px 16px;\r\n overflow-y: auto;\r\n flex: 1;\r\n }\r\n}\r\n\r\n"]} |