1 line
110 KiB
Plaintext
1 line
110 KiB
Plaintext
{"version":3,"sources":["app.css","shared\\_ui-components.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-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 --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-primary);\n}\n\n.btn--primary:hover {\n background: var(--c-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:active {\n transform: translateY(1px);\n}\n\n.btn:focus-visible {\n outline: none;\n box-shadow: var(--focus-ring);\n border-color: var(--c-primary);\n}\n\n.form-control {\n width: 100%;\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 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* {\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}\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 border-radius: 8px;\n padding: 10px 12px;\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.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: 8px;\n font-weight: 400;\n padding: 5px 10px;\n border-left: 3px solid var(--c-primary);\n border-radius: 7px;\n background: linear-gradient(180deg, #f4f8ff 0%, #edf3ff 100%);\n color: #1e3a8a;\n box-shadow: inset 0 0 0 1px #dbe7fb;\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: end;\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}\n\n.form-grid-3 {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 12px;\n}\n\n.form-grid-4 {\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n gap: 12px;\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}\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}\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}\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}\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.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.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.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 8px;\n border-left: 3px solid var(--c-primary, #2563eb);\n background: #eef4ff;\n border-radius: 6px;\n}\n\n.integration-settings-group__title {\n margin: 0;\n font-size: 14px;\n font-weight: 700;\n letter-spacing: 0.01em;\n color: #1e3a8a;\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@media (max-width: 768px) {\n .app-shell {\n flex-direction: column;\n }\n .sidebar {\n width: 100% !important;\n min-width: 0 !important;\n border-right: 0;\n border-bottom: 1px solid #243041;\n padding: 14px;\n overflow-x: auto;\n }\n .sidebar__brand {\n margin: 0 0 10px;\n font-size: 22px;\n }\n .sidebar__collapse-btn {\n display: none;\n }\n .sidebar__nav {\n display: flex;\n gap: 8px;\n overflow-x: auto;\n }\n .sidebar__link {\n white-space: nowrap;\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-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}",":root {\r\n --c-primary: #6690f4;\r\n --c-primary-dark: #3164db;\r\n --c-bg: #f4f6f9;\r\n --c-surface: #ffffff;\r\n --c-text: #4e5e6a;\r\n --c-text-strong: #2d3748;\r\n --c-muted: #718096;\r\n --c-border: #b0bec5;\r\n --c-danger: #cc0000;\r\n --focus-ring: 0 0 0 3px rgba(102, 144, 244, 0.15);\r\n --shadow-card: 0 1px 4px rgba(0, 0, 0, 0.06);\r\n}\r\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 {\r\n color: #ffffff;\r\n background: var(--c-primary);\r\n}\r\n\r\n.btn--primary:hover {\r\n background: var(--c-primary-dark);\r\n}\r\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:active {\r\n transform: translateY(1px);\r\n}\r\n\r\n.btn:focus-visible {\r\n outline: none;\r\n box-shadow: var(--focus-ring);\r\n border-color: var(--c-primary);\r\n}\r\n\r\n.form-control {\r\n width: 100%;\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 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","@use \"shared/ui-components\";\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}\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 border-radius: 8px;\r\n padding: 10px 12px;\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.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: 8px;\n font-weight: 400;\n padding: 5px 10px;\n border-left: 3px solid var(--c-primary);\n border-radius: 7px;\n background: linear-gradient(180deg, #f4f8ff 0%, #edf3ff 100%);\n color: #1e3a8a;\n box-shadow: inset 0 0 0 1px #dbe7fb;\n}\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: end;\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}\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}\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}\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}\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}\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\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 }\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.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.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.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 8px;\r\n border-left: 3px solid var(--c-primary, #2563eb);\r\n background: #eef4ff;\r\n border-radius: 6px;\r\n}\r\n\r\n.integration-settings-group__title {\r\n margin: 0;\r\n font-size: 14px;\r\n font-weight: 700;\r\n letter-spacing: 0.01em;\r\n color: #1e3a8a;\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@media (max-width: 768px) {\r\n .app-shell {\r\n flex-direction: column;\r\n }\r\n\r\n .sidebar {\r\n width: 100% !important;\r\n min-width: 0 !important;\r\n border-right: 0;\r\n border-bottom: 1px solid #243041;\r\n padding: 14px;\r\n overflow-x: auto;\r\n }\r\n\r\n .sidebar__brand {\r\n margin: 0 0 10px;\r\n font-size: 22px;\r\n }\r\n\r\n .sidebar__collapse-btn {\r\n display: none;\r\n }\r\n\r\n .sidebar__nav {\r\n display: flex;\r\n gap: 8px;\r\n overflow-x: auto;\r\n }\r\n\r\n .sidebar__link {\r\n white-space: nowrap;\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-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\r\n"]} |