`:
+
+ Zmienić:
+ ```php
+ . '
' . htmlspecialchars($name !== '' ? $name : '-', ENT_QUOTES, 'UTF-8') . '
'
+ ```
+
+ Na:
+ ```php
+ . '
' . htmlspecialchars($name !== '' ? $name : '-', ENT_QUOTES, 'UTF-8') . '
'
+ ```
+
+ - Atrybut `title` dodawany tylko gdy nazwa nie jest pusta
+ - Wartość `title` escapowana przez `htmlspecialchars` (XSS safety)
+ - Nie zmieniać żadnej innej logiki metody
+
+
diff --git a/.paul/phases/82-product-title-tooltip/82-01-SUMMARY.md b/.paul/phases/82-product-title-tooltip/82-01-SUMMARY.md
new file mode 100644
index 0000000..1ed1dea
--- /dev/null
+++ b/.paul/phases/82-product-title-tooltip/82-01-SUMMARY.md
@@ -0,0 +1,84 @@
+---
+phase: 82-product-title-tooltip
+plan: 01
+subsystem: ui
+tags: [tooltip, orders-list, ux]
+
+requires: []
+provides:
+ - Natywny tooltip z pelna nazwa produktu na liscie zamowien
+affects: []
+
+tech-stack:
+ added: []
+ patterns: []
+
+key-files:
+ created: []
+ modified: [src/Modules/Orders/OrdersController.php]
+
+key-decisions: []
+
+patterns-established: []
+
+duration: 2min
+started: 2026-04-07T00:00:00Z
+completed: 2026-04-07T00:00:00Z
+---
+
+# Phase 82 Plan 01: Product Title Tooltip Summary
+
+**Dodano atrybut `title` do elementu `.orders-product__name` w metodzie `productsHtml()` — natywny tooltip przegladarki z pelna nazwa produktu na liscie zamowien.**
+
+## Performance
+
+| Metric | Value |
+|--------|-------|
+| Duration | ~2min |
+| Tasks | 1 completed |
+| Files modified | 1 |
+
+## Acceptance Criteria Results
+
+| Criterion | Status | Notes |
+|-----------|--------|-------|
+| AC-1: Tooltip z pelna nazwa produktu | Pass | Atrybut `title` dodany z escapowana nazwa |
+| AC-2: Brak tooltipa dla pustych nazw | Pass | Warunek `$name !== ''` pomija pusty title |
+
+## Accomplishments
+
+- Dodano atrybut `title` do `
` z pelna nazwa produktu (XSS-safe przez `htmlspecialchars`)
+- Tooltip pojawia sie tylko gdy nazwa nie jest pusta
+
+## Files Created/Modified
+
+| File | Change | Purpose |
+|------|--------|---------|
+| `src/Modules/Orders/OrdersController.php` | Modified | Dodano atrybut `title` w metodzie `productsHtml()` linia 664 |
+
+## Decisions Made
+
+None - followed plan as specified
+
+## Deviations from Plan
+
+None - plan executed exactly as written
+
+## Issues Encountered
+
+None
+
+## Next Phase Readiness
+
+**Ready:**
+- Tooltip dziala natywnie, zero zaleznosci JS/CSS
+
+**Concerns:**
+- None
+
+**Blockers:**
+- None
+
+---
+*Phase: 82-product-title-tooltip, Plan: 01*
+*Completed: 2026-04-07*
diff --git a/DOCS/ARCHITECTURE.md b/DOCS/ARCHITECTURE.md
index 476de46..ceccae3 100644
--- a/DOCS/ARCHITECTURE.md
+++ b/DOCS/ARCHITECTURE.md
@@ -82,6 +82,7 @@
- `POST /settings/integrations/shoppro/save`
- `POST /settings/integrations/shoppro/test`
- `POST /settings/integrations/shoppro/statuses/save`
+- `POST /settings/integrations/shoppro/statuses/save-pull`
- `POST /settings/integrations/shoppro/statuses/sync`
- `POST /settings/integrations/shoppro/delivery/save`
- `GET /settings/accounting`
@@ -337,6 +338,7 @@
- `ShipmentController::prepare(Request): Response`,
- laduje uslugi dostawy providerow z `ShipmentProviderRegistry` (aktualnie: `allegro_wza`, `apaczka`),
- pobiera automatyczne mapowanie formy dostawy przez `CarrierDeliveryMethodMappingRepository` (`source_system` + `source_integration_id` + `order_delivery_method`),
+ - `buildReceiverAddress` laczy delivery + customer z fallbackami: jezeli delivery nie ma ulicy (`street_name`), wszystkie brakujace pola adresowe (name, street, city, zip, country, phone, email) sa uzupelniane z customer,
- dla dostaw punktowych (`parcel_external_id`/`parcel_name`) prefillem `receiver_name` sa dane klienta (a nie nazwa punktu/metody dostawy),
- gdy mapowanie nie zostanie znalezione, buduje komunikat diagnostyczny (brak mapowan dla instancji lub brak mapowania konkretnej metody) i przekazuje go do widoku.
- `POST /orders/{id}/shipment/create`:
@@ -562,6 +564,11 @@
- zapisuje mapowania per instancja shopPRO przez `ShopproStatusMappingRepository::replaceForIntegration(...)` do `order_status_mappings` (klucz: `orderpro_status_code`).
- `ShopproStatusMappingRepository::listExternalStatuses(int)` — zwraca liste zewnetrznych statusow shopPRO dla danej integracji.
- `ShopproIntegrationsController` uzywa `buildMappingIndex()` + `buildExternalStatusOptions()` zamiast poprzedniego `buildStatusRows()`.
+- `POST /settings/integrations/shoppro/statuses/save-pull`:
+ - `ShopproIntegrationsController::savePullStatusMappings(Request): Response`
+ - waliduje CSRF, `integration_id` i kody statusow,
+ - zapisuje mapowania pull (shopPRO → orderPRO) przez `ShopproPullStatusMappingRepository::replaceForIntegration(...)` do `order_status_pull_mappings` (klucz: `shoppro_status_code`).
+ - `ShopproIntegrationsController` uzywa `buildPullMappingIndex()` do zaladowania pull mappings do widoku.
- `POST /settings/integrations/shoppro/delivery/save`:
- `ShopproIntegrationsController::saveDeliveryMappings(Request): Response`
- waliduje CSRF i `integration_id`,
@@ -575,6 +582,7 @@
- mapuje adres faktury do `order_addresses.address_type=invoice` (firma/NIP/adres) na podstawie pol `invoice`/`billing*`/`firm_*`,
- mapuje punkty odbioru (`inpost_paczkomat` / `orlen_point`) do adresu `delivery` (`parcel_external_id`, `parcel_name`, ulica/kod/miasto),
- uzupelnia `delivery` o telefon/e-mail klienta i etykiete metody dostawy z kosztem (`transport_cost`).
+ - `ShopproOrderMapper::extractPersonalization()` buduje personalizacje z pol: `attributes`, `custom_fields` i `message` (wiadomosc klienta z prefiksem "Wiadomosc:").
- `ShopproStatusSyncService`:
- uruchamiany z crona (`shoppro_order_status_sync`),
- obsluguje oba kierunki synchronizacji statusow:
diff --git a/DOCS/DB_SCHEMA.md b/DOCS/DB_SCHEMA.md
index cb3e6b7..6def8cb 100644
--- a/DOCS/DB_SCHEMA.md
+++ b/DOCS/DB_SCHEMA.md
@@ -105,6 +105,7 @@ Migracje z prefiksem `ensure_` to migracje kompensujące — zostały dodane
- indeksy pod filtrowanie po czasie/zdarzeniu/statusie/regule/zamowieniu,
- seed harmonogramu `cron_schedules` dla joba `automation_history_cleanup` (retencja historii starszej niz 30 dni).
- 2026-04-04: Hotfix trackingu Allegro Delivery (edge API) - rozszerzono mapowanie statusow EN i fallback keyword matching (`Parcel is awaiting pick-up`, `Parcel has been delivered`, itp.) w warstwie aplikacyjnej; bez zmian schematu bazy.
+- 2026-04-07: Dodano tabele `order_status_pull_mappings` — dedykowane mapowanie pull (shopPRO → orderPRO) z UNIQUE na `(integration_id, shoppro_status_code)`. Migracja `20260407_000079_pull_status_mappings.sql` tworzy tabele i pre-populuje z istniejacych danych push mappings.
## Tabele
@@ -190,6 +191,19 @@ Migracje z prefiksem `ensure_` to migracje kompensujące — zostały dodane
- Klucze obce:
- `order_status_mappings_integration_fk`: `integration_id` -> `integrations.id` (`ON DELETE CASCADE`, `ON UPDATE CASCADE`).
+### `order_status_pull_mappings`
+- Mapowanie pull statusow shopPRO na statusy orderPRO (kierunek import/pull). UNIQUE na shoppro_status_code per integracja.
+- Kolumny:
+ - `id` (PK, int, AI),
+ - `integration_id` (int, NOT NULL),
+ - `shoppro_status_code` (varchar 100, NOT NULL),
+ - `shoppro_status_name` (varchar 255, nullable),
+ - `orderpro_status_code` (varchar 100, NOT NULL),
+ - `created_at`, `updated_at`.
+- Indeksy:
+ - `order_status_pull_mappings_integration_shoppro_unique` (UNIQUE: `integration_id`, `shoppro_status_code`),
+ - `order_status_pull_mappings_integration_idx` (`integration_id`).
+
### `allegro_integration_settings`
- Konfiguracja OAuth i sync dla integracji Allegro per srodowisko (`sandbox|production`) zarzadzana z `Ustawienia > Integracje > Allegro`.
- Kolumny:
diff --git a/DOCS/TECH_CHANGELOG.md b/DOCS/TECH_CHANGELOG.md
index a6bc251..9aa1422 100644
--- a/DOCS/TECH_CHANGELOG.md
+++ b/DOCS/TECH_CHANGELOG.md
@@ -1,5 +1,59 @@
# Tech Changelog
+## 2026-04-07 — Phase 79: Personalization Message Field
+
+Rozszerzenie importu personalizacji o pole `message` z API shopPRO.
+
+- **Problem:** ShopPRO API zwraca pole `message` na pozycjach zamowienia (wiadomosc personalizacji klienta, np. dedykacja), ale `extractPersonalization()` sprawdzalo tylko `attributes` i `custom_fields`. Pole `message` bylo ignorowane.
+- **Fix:** `ShopproOrderMapper::extractPersonalization()` sprawdza teraz 3 pola: `attributes`, `custom_fields`, `message`. Pole `message` jest poprzedzone etykieta "Wiadomosc:". Migracja backfill uzupelnila 21 istniejacych pozycji.
+- **Pliki:** `src/Modules/Settings/ShopproOrderMapper.php`, `database/migrations/20260407_000080_backfill_personalization_message.sql`
+
+## 2026-04-07 — Phase 78: Preset Auto Submit
+
+Presety przesylek automatycznie submituja formularz po autofill.
+
+- **Zmiana:** Funkcja `applyPreset()` po wypelnieniu pol formularza (200ms) czeka dodatkowe 300ms i wywoluje `form.submit()`. Dodano `id="shipment-form"` na formularz.
+- **Pliki:** `resources/views/shipments/prepare.php`
+
+## 2026-04-07 — Phase 77: COD Amount Fix
+
+Naprawa automatycznego uzupelniania kwoty pobrania (COD) przy generowaniu przesylki dla zamowien shopPRO.
+
+- **Problem:** Widok `prepare.php` i `OrdersController` sprawdzaly `external_payment_type_id === 'CASH_ON_DELIVERY'` (format Allegro). ShopPRO wysyla pelna polska nazwe np. `"Platnosc przy odbiorze"`, wiec zamowienia shopPRO nigdy nie byly rozpoznawane jako pobraniowe.
+- **Fix:** Nowa centralna metoda `StringHelper::isCodPayment()` z dwupoziomowa detekcja: exact match (CASH_ON_DELIVERY, COD, POBRANIE, ZA POBRANIEM) + keyword match (PRZY ODBIORZE, POBRANIEM, POBRANIE). `ShopproOrderMapper` normalizuje COD na `CASH_ON_DELIVERY` przy nowych importach. Wszystkie hardcoded sprawdzenia zastapione helperem.
+- **Pliki:** `src/Core/Support/StringHelper.php`, `src/Modules/Settings/ShopproOrderMapper.php`, `resources/views/shipments/prepare.php`, `resources/views/orders/show.php`, `src/Modules/Orders/OrdersController.php`
+
+## 2026-04-07 — Phase 76: Shipment Receiver Fallback
+
+Naprawa pustych danych odbiorcy na stronie przygotowania przesylki dla zamowien shopPRO.
+
+- **Problem:** Gdy shopPRO zwraca zamowienie z metoda dostawy (np. "Kurier - przedplata: 0 zl") ale bez osobnego adresu dostawy, mapper tworzyl adres delivery z nazwa metody jako `name` i pustymi polami street/city/zip. `buildReceiverAddress` uzywal tego niekompletnego delivery jako bazy bez fallbacku na dane customer.
+- **Fix:** `ShipmentController::buildReceiverAddress` — rozszerzono fallbacki z customer na pola `street_name`, `street_number`, `city`, `zip_code`, `country` (obok istniejacych `phone`, `email`). Dodano warunek: jezeli delivery nie ma `street_name`, `name` tez jest pobierane z customer (pokrywa przypadek gdy delivery name to label metody dostawy).
+- **Pliki:** `src/Modules/Shipments/ShipmentController.php`
+
+## 2026-04-07 — Phase 75: Pull Status Mapping
+
+Rozdzielenie mapowania statusow shopPRO na dwa niezalezne kierunki: PUSH (orderPRO→shopPRO) i PULL (shopPRO→orderPRO).
+
+**Problem:** Phase 74 usunal UNIQUE na shoppro_status_code, pozwalajac wielu statusom orderPRO mapowac na ten sam kod shopPRO. Logika "first wins" w buildStatusMap() + ORDER BY orderpro_status_code ASC powodowala, ze import zawsze wybieralal alfabetycznie pierwszy status (np. "do_odbioru" zamiast "w_realizacji").
+
+**Rozwiazanie:** Nowa tabela `order_status_pull_mappings` z UNIQUE na `(integration_id, shoppro_status_code)` — dedykowana do pull direction. Push mapping w `order_status_mappings` pozostaje bez zmian.
+
+**DB:** Migracja 20260407_000079 — nowa tabela order_status_pull_mappings, pre-populate z istniejacych danych.
+
+**Ochrona statusu przy re-imporcie:** Re-import z shopPRO nie nadpisuje `external_status_id` istniejacego zamowienia, CHYBA ZE obecny status to `nieoplacone` i shopPRO potwierdza platnosc (`payment_status = 2`). Wtedy status zmienia sie na zmapowany (np. `w_realizacji`) i importowane sa dane platnosci. W kazdym innym przypadku status jest zachowany — orderPRO jest master.
+
+**Pliki:**
+- database/migrations/20260407_000079_pull_status_mappings.sql
+- src/Modules/Settings/ShopproPullStatusMappingRepository.php — nowy repository (listByIntegration, replaceForIntegration)
+- src/Modules/Settings/ShopproIntegrationsController.php — nowa zależność pullStatusMappings, savePullStatusMappings(), buildPullMappingIndex()
+- src/Modules/Settings/ShopproOrdersSyncService.php — buildStatusMap() korzysta z pull tabeli gdy dostępna, activity log dla payment transition
+- src/Modules/Orders/OrderImportRepository.php — ochrona statusu przy re-imporcie, payment transition logic, getCurrentStatus()
+- src/Modules/Cron/CronHandlerFactory.php — wstrzyknięcie ShopproPullStatusMappingRepository
+- resources/views/settings/shoppro.php — sekcja pull mapping pod push
+- resources/lang/pl.php — klucze tłumaczeń pull + zmiana tytułów push
+- routes/web.php — nowa route POST /settings/integrations/shoppro/statuses/save-pull
+
## 2026-04-07 — Phase 74: Reverse Status Mapping
Odwrocenie kierunku mapowania statusow w integracjach shopPRO i Allegro.
diff --git a/database/migrations/20260407_000079_pull_status_mappings.sql b/database/migrations/20260407_000079_pull_status_mappings.sql
new file mode 100644
index 0000000..930e7c5
--- /dev/null
+++ b/database/migrations/20260407_000079_pull_status_mappings.sql
@@ -0,0 +1,28 @@
+-- Phase 75: Separate pull status mappings table
+-- Pull direction (shopPRO → orderPRO) needs its own table with UNIQUE on shoppro_status_code
+-- because push direction allows many orderPRO statuses → one shopPRO status
+
+CREATE TABLE IF NOT EXISTS order_status_pull_mappings (
+ id INT AUTO_INCREMENT PRIMARY KEY,
+ integration_id INT NOT NULL,
+ shoppro_status_code VARCHAR(100) NOT NULL,
+ shoppro_status_name VARCHAR(255) DEFAULT NULL,
+ orderpro_status_code VARCHAR(100) NOT NULL,
+ created_at DATETIME DEFAULT CURRENT_TIMESTAMP,
+ updated_at DATETIME DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
+ UNIQUE INDEX order_status_pull_mappings_integration_shoppro_unique (integration_id, shoppro_status_code),
+ INDEX order_status_pull_mappings_integration_idx (integration_id)
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;
+
+-- Pre-populate from existing push mappings: for each (integration_id, shoppro_status_code)
+-- take the row with the highest id (most recently created)
+INSERT IGNORE INTO order_status_pull_mappings (integration_id, shoppro_status_code, shoppro_status_name, orderpro_status_code)
+SELECT osm.integration_id, osm.shoppro_status_code, osm.shoppro_status_name, osm.orderpro_status_code
+FROM order_status_mappings osm
+INNER JOIN (
+ SELECT integration_id, shoppro_status_code, MAX(id) AS max_id
+ FROM order_status_mappings
+ WHERE shoppro_status_code <> ''
+ GROUP BY integration_id, shoppro_status_code
+) latest ON osm.id = latest.max_id
+WHERE osm.shoppro_status_code <> '';
diff --git a/database/migrations/20260407_000080_backfill_personalization_message.sql b/database/migrations/20260407_000080_backfill_personalization_message.sql
new file mode 100644
index 0000000..2fd4583
--- /dev/null
+++ b/database/migrations/20260407_000080_backfill_personalization_message.sql
@@ -0,0 +1,23 @@
+-- Backfill: uzupelnienie personalizacji o pole message z payload_json (pozycje zamowien)
+-- Dotyczy pozycji z pustym personalization i niepustym message w payload
+
+UPDATE order_items
+SET personalization = CONCAT('Wiadomość: ', TRIM(JSON_UNQUOTE(JSON_EXTRACT(payload_json, '$.message'))))
+WHERE payload_json IS NOT NULL
+ AND personalization IS NULL
+ AND JSON_EXTRACT(payload_json, '$.message') IS NOT NULL
+ AND JSON_UNQUOTE(JSON_EXTRACT(payload_json, '$.message')) != ''
+ AND JSON_UNQUOTE(JSON_EXTRACT(payload_json, '$.message')) != 'null';
+
+-- Backfill: import wiadomosci klienta z payload zamowienia do order_notes
+-- Dotyczy zamowien z polem message w payload ale bez notatki typu 'message'
+
+INSERT INTO order_notes (order_id, note_type, comment, created_at)
+SELECT o.id, 'message', TRIM(JSON_UNQUOTE(JSON_EXTRACT(o.payload_json, '$.message'))), NOW()
+FROM orders o
+LEFT JOIN order_notes n ON n.order_id = o.id AND n.note_type = 'message'
+WHERE o.payload_json IS NOT NULL
+ AND JSON_EXTRACT(o.payload_json, '$.message') IS NOT NULL
+ AND JSON_UNQUOTE(JSON_EXTRACT(o.payload_json, '$.message')) != ''
+ AND JSON_UNQUOTE(JSON_EXTRACT(o.payload_json, '$.message')) != 'null'
+ AND n.id IS NULL;
diff --git a/public/assets/css/app.css b/public/assets/css/app.css
index a102637..ab812b9 100644
--- a/public/assets/css/app.css
+++ b/public/assets/css/app.css
@@ -1,3347 +1 @@
-@charset "UTF-8";
-:root {
- --c-primary: #6690f4;
- --c-primary-dark: #3164db;
- --c-action-primary: #0f766e;
- --c-action-primary-dark: #0b5f59;
- --c-bg: #f4f6f9;
- --c-surface: #ffffff;
- --c-text: #4e5e6a;
- --c-text-strong: #2d3748;
- --c-muted: #718096;
- --c-border: #b0bec5;
- --c-danger: #cc0000;
- --focus-ring: 0 0 0 3px rgba(102, 144, 244, 0.15);
- --focus-ring-action: 0 0 0 3px rgba(15, 118, 110, 0.18);
- --shadow-card: 0 1px 4px rgba(0, 0, 0, 0.06);
-}
-
-.btn {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- min-height: 34px;
- padding: 6px 12px;
- border: 1px solid transparent;
- border-radius: 8px;
- font: inherit;
- font-weight: 600;
- text-decoration: none;
- cursor: pointer;
- transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.1s ease;
-}
-
-.btn--primary {
- color: #ffffff;
- background: var(--c-action-primary);
-}
-
-.btn--primary:hover {
- background: var(--c-action-primary-dark);
-}
-
-.btn--secondary {
- color: var(--c-text-strong);
- border-color: var(--c-border);
- background: var(--c-surface);
-}
-
-.btn--secondary:hover {
- border-color: #cbd5e0;
- background: #f8fafc;
-}
-
-.btn--danger {
- color: #ffffff;
- border-color: #b91c1c;
- background: #dc2626;
-}
-
-.btn--danger:hover {
- border-color: #991b1b;
- background: #b91c1c;
-}
-
-.btn--sm {
- min-height: 28px;
- padding: 3px 10px;
- font-size: 12px;
-}
-
-.btn--block {
- width: 100%;
-}
-
-.btn--disabled {
- opacity: 0.3;
- cursor: not-allowed;
- pointer-events: none;
-}
-
-.btn:active {
- transform: translateY(1px);
-}
-
-.btn:focus-visible {
- outline: none;
- box-shadow: var(--focus-ring-action);
- border-color: var(--c-action-primary);
-}
-
-.form-control {
- width: 100%;
- min-height: 30px;
- border: 1px solid var(--c-border);
- border-radius: 6px;
- padding: 4px 8px;
- font: inherit;
- color: var(--c-text-strong);
- background: #ffffff;
- transition: border-color 0.2s ease, box-shadow 0.2s ease;
-}
-
-.form-control:focus {
- outline: none;
- border-color: var(--c-primary);
- box-shadow: var(--focus-ring);
-}
-
-.input {
- min-height: 34px;
- border: 1px solid var(--c-border);
- border-radius: 8px;
- padding: 5px 10px;
- font: inherit;
- color: var(--c-text-strong);
- background: #ffffff;
-}
-
-.input--sm {
- min-height: 28px;
- padding: 3px 8px;
- font-size: 12px;
-}
-
-.flash {
- padding: 8px 12px;
- border-radius: 6px;
- font-size: 13px;
-}
-
-.flash--success {
- border: 1px solid #b7ebcf;
- background: #f0fff6;
- color: #0f6b39;
-}
-
-.flash--error {
- border: 1px solid #fed7d7;
- background: #fff5f5;
- color: var(--c-danger);
-}
-
-.alert {
- padding: 12px 14px;
- border-radius: 8px;
- border: 1px solid transparent;
- font-size: 13px;
- min-height: 44px;
-}
-
-.alert--danger {
- border-color: #fed7d7;
- background: #fff5f5;
- color: var(--c-danger);
-}
-
-.alert--success {
- border-color: #b7ebcf;
- background: #f0fff6;
- color: #0f6b39;
-}
-
-.alert--warning {
- border-color: #f7dd8b;
- background: #fff8e8;
- color: #815500;
-}
-
-.form-field {
- display: grid;
- gap: 5px;
-}
-
-.field-label {
- color: var(--c-text-strong);
- font-size: 13px;
- font-weight: 600;
-}
-
-.table-wrap {
- width: 100%;
- overflow-x: auto;
-}
-.table-wrap--visible {
- overflow: visible !important;
- overflow-x: visible !important;
-}
-
-.table {
- width: 100%;
- border-collapse: collapse;
- background: var(--c-surface);
-}
-
-.table th,
-.table td {
- padding: 10px 12px;
- border-bottom: 1px solid var(--c-border);
- text-align: left;
-}
-
-.table th {
- color: var(--c-text-strong);
- font-weight: 700;
- background: #f8fafc;
-}
-
-.table--details th {
- white-space: nowrap;
-}
-
-.table--details th:first-child,
-.table--details td:first-child {
- width: 36px;
- text-align: center;
-}
-
-.pagination {
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- gap: 8px;
-}
-
-.pagination__item {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- min-width: 36px;
- height: 36px;
- padding: 0 10px;
- border-radius: 8px;
- border: 1px solid var(--c-border);
- color: var(--c-text-strong);
- background: var(--c-surface);
- text-decoration: none;
- font-weight: 600;
-}
-
-.pagination__item:hover {
- border-color: #cbd5e0;
- background: #f8fafc;
-}
-
-.pagination__item.is-active {
- border-color: var(--c-primary);
- color: var(--c-primary);
- background: #edf2ff;
-}
-
-.receipt-header {
- display: flex;
- justify-content: space-between;
- align-items: flex-start;
- margin-bottom: 16px;
- padding-bottom: 12px;
- border-bottom: 2px solid var(--c-text-strong);
-}
-.receipt-header__seller {
- flex: 1;
-}
-.receipt-header__seller strong {
- font-size: 14px;
- display: block;
- margin-bottom: 4px;
-}
-.receipt-header__title {
- text-align: right;
-}
-.receipt-header__title h1 {
- font-size: 18px;
- font-weight: 700;
- margin-bottom: 4px;
-}
-
-.receipt-print {
- max-width: 700px;
- margin: 0 auto;
-}
-@media print {
- .receipt-print {
- max-width: 100%;
- }
-}
-
-.email-send-overlay {
- position: fixed;
- inset: 0;
- z-index: 1000;
- background: rgba(0, 0, 0, 0.5);
- display: flex;
- align-items: center;
- justify-content: center;
-}
-
-.email-send-modal {
- background: var(--c-card-bg, #fff);
- border-radius: 8px;
- width: 580px;
- max-width: 95vw;
- max-height: 90vh;
- display: flex;
- flex-direction: column;
- box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
-}
-.email-send-modal__header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding: 12px 16px;
- border-bottom: 1px solid var(--c-border, #e0e0e0);
-}
-.email-send-modal__header h3 {
- margin: 0;
- font-size: 15px;
-}
-.email-send-modal__close {
- background: none;
- border: none;
- font-size: 20px;
- cursor: pointer;
- color: var(--c-text-muted, #888);
- padding: 0 4px;
-}
-.email-send-modal__close:hover {
- color: var(--c-text, #333);
-}
-.email-send-modal__body {
- padding: 16px;
- overflow-y: auto;
- flex: 1;
-}
-.email-send-modal__field {
- margin-bottom: 10px;
-}
-.email-send-modal__field label {
- display: block;
- font-size: 12px;
- font-weight: 600;
- margin-bottom: 4px;
- color: var(--c-text-muted, #666);
-}
-.email-send-modal__field .input {
- width: 100%;
-}
-.email-send-modal__actions-top {
- margin-bottom: 10px;
-}
-.email-send-modal__footer {
- display: flex;
- justify-content: flex-end;
- gap: 8px;
- padding: 12px 16px;
- border-top: 1px solid var(--c-border, #e0e0e0);
-}
-
-.email-send-preview {
- border: 1px solid var(--c-border, #e0e0e0);
- border-radius: 4px;
- padding: 12px;
- max-height: 280px;
- overflow-y: auto;
- background: var(--c-bg, #fafafa);
-}
-.email-send-preview__subject {
- font-weight: 600;
- font-size: 13px;
- margin-bottom: 8px;
- padding-bottom: 8px;
- border-bottom: 1px solid var(--c-border, #e0e0e0);
-}
-.email-send-preview__body {
- font-size: 13px;
- line-height: 1.5;
-}
-.email-send-preview__body p {
- margin: 0 0 8px;
-}
-.email-send-preview__attachments {
- margin-top: 8px;
- padding-top: 8px;
- border-top: 1px solid var(--c-border, #e0e0e0);
- font-size: 12px;
- color: var(--c-text-muted, #666);
-}
-
-.section-header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- gap: 12px;
-}
-
-.automation-row {
- display: flex;
- align-items: flex-start;
- gap: 8px;
- padding: 10px 12px;
- background: var(--c-surface, #f8f9fa);
- border: 1px solid var(--c-border, #dee2e6);
- border-radius: 6px;
-}
-.automation-row__fields {
- flex: 1;
- display: flex;
- flex-direction: column;
- gap: 6px;
-}
-.automation-row__type {
- max-width: 280px;
-}
-.automation-row__config {
- display: flex;
- flex-wrap: wrap;
- gap: 8px;
-}
-.automation-row__config .form-control {
- min-width: 200px;
- max-width: 300px;
-}
-.automation-row__remove {
- flex-shrink: 0;
- margin-top: 2px;
- line-height: 1;
- font-size: 16px;
- padding: 2px 8px;
-}
-
-.checkbox-group {
- display: flex;
- flex-wrap: wrap;
- gap: 4px 16px;
-}
-
-.checkbox-label {
- display: flex;
- align-items: center;
- gap: 4px;
- font-size: 13px;
- cursor: pointer;
- white-space: nowrap;
-}
-.checkbox-label input[type=checkbox] {
- margin: 0;
-}
-
-.automation-actions-cell {
- white-space: nowrap;
-}
-
-.automation-inline-form {
- display: inline;
-}
-
-.automation-history-filters {
- display: grid;
- grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
- gap: 8px;
- align-items: end;
-}
-.automation-history-filters .form-field {
- margin: 0;
-}
-.automation-history-filters .field-label {
- font-size: 12px;
- margin-bottom: 4px;
-}
-.automation-history-filters .form-control {
- min-height: 34px;
-}
-.automation-history-filters__actions {
- display: flex;
- gap: 6px;
- align-items: center;
- justify-content: flex-start;
- padding-bottom: 1px;
-}
-
-.print-status-badge {
- display: inline-block;
- padding: 2px 8px;
- border-radius: 3px;
- font-size: 0.75rem;
- font-weight: 600;
- line-height: 1.4;
-}
-.print-status-badge--pending {
- background-color: #fff3cd;
- color: #856404;
-}
-.print-status-badge--completed {
- background-color: #d4edda;
- color: #155724;
-}
-.print-status-badge--failed {
- background-color: #f8d7da;
- color: #721c24;
-}
-
-.print-queue-filters {
- display: flex;
- gap: 4px;
-}
-
-.print-queue-table td, .print-queue-table th {
- padding: 6px 8px;
- font-size: 0.85rem;
-}
-
-.print-queue-actions {
- display: inline-flex;
- align-items: center;
- gap: 6px;
-}
-
-.print-queue-delete-form {
- margin: 0;
-}
-
-.btn--outline-primary {
- background: transparent;
- border: 1px solid var(--c-action-primary);
- color: var(--c-action-primary);
- cursor: pointer;
- border-radius: 3px;
- font-size: 0.75rem;
- padding: 3px 8px;
- transition: background-color 0.15s, color 0.15s;
-}
-.btn--outline-primary:hover {
- background-color: var(--c-action-primary);
- color: #fff;
-}
-.btn--outline-primary:disabled {
- opacity: 0.6;
- cursor: not-allowed;
-}
-.btn--outline-primary.is-success {
- border-color: #28a745;
- color: #28a745;
-}
-
-.shipment-presets {
- display: flex;
- flex-wrap: wrap;
- gap: 8px;
- align-items: center;
- margin-top: 16px;
- margin-bottom: 16px;
-}
-
-.shipment-presets__btn {
- display: inline-flex;
- align-items: center;
- gap: 4px;
- padding: 6px 14px;
- border: none;
- border-radius: 6px;
- background: var(--preset-color, #3b82f6);
- color: #fff;
- font-size: 13px;
- font-weight: 500;
- cursor: pointer;
- transition: opacity 0.15s;
- line-height: 1.4;
-}
-.shipment-presets__btn:hover {
- opacity: 0.85;
-}
-
-.shipment-presets__add {
- display: inline-flex;
- align-items: center;
- gap: 4px;
- padding: 6px 14px;
- border: 1px dashed #ccc;
- border-radius: 6px;
- background: transparent;
- color: #666;
- font-size: 13px;
- cursor: pointer;
- transition: border-color 0.15s, color 0.15s;
- line-height: 1.4;
-}
-.shipment-presets__add:hover {
- border-color: #999;
- color: #444;
-}
-
-.preset-modal {
- position: fixed;
- inset: 0;
- background: rgba(0, 0, 0, 0.4);
- z-index: 1000;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-
-.preset-modal__content {
- background: #fff;
- border-radius: 8px;
- padding: 24px;
- min-width: 360px;
- max-width: 420px;
- box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
-}
-.preset-modal__content h3 {
- margin: 0 0 4px;
- font-size: 16px;
-}
-
-.preset-modal__colors {
- display: flex;
- gap: 8px;
- flex-wrap: wrap;
-}
-
-.preset-modal__color-swatch {
- width: 28px;
- height: 28px;
- border-radius: 50%;
- cursor: pointer;
- border: 2px solid transparent;
- transition: border-color 0.15s;
-}
-.preset-modal__color-swatch:hover {
- border-color: #aaa;
-}
-.preset-modal__color-swatch.is-selected {
- border-color: #333;
-}
-
-.shipment-presets__btn-wrap {
- position: relative;
- display: inline-flex;
-}
-.shipment-presets__btn-wrap:hover .shipment-presets__edit-icon {
- opacity: 1;
-}
-
-.shipment-presets__edit-icon {
- position: absolute;
- top: -6px;
- right: -6px;
- width: 18px;
- height: 18px;
- border-radius: 50%;
- background: #fff;
- border: 1px solid #ddd;
- font-size: 10px;
- line-height: 16px;
- text-align: center;
- cursor: pointer;
- opacity: 0;
- transition: opacity 0.15s;
- padding: 0;
- color: #666;
- z-index: 2;
-}
-.shipment-presets__edit-icon:hover {
- background: #f3f4f6;
- border-color: #999;
-}
-
-.shipment-presets__dropdown {
- position: absolute;
- top: 100%;
- left: 0;
- margin-top: 4px;
- background: #fff;
- border: 1px solid #ddd;
- border-radius: 6px;
- box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
- z-index: 100;
- min-width: 200px;
- padding: 4px 0;
-}
-
-.shipment-presets__dropdown-item {
- padding: 6px 14px;
- font-size: 13px;
- cursor: pointer;
- white-space: nowrap;
-}
-.shipment-presets__dropdown-item:hover {
- background: #f3f4f6;
-}
-.shipment-presets__dropdown-item.is-danger {
- color: #ef4444;
-}
-.shipment-presets__dropdown-item.is-danger:hover {
- background: #fef2f2;
-}
-
-.delivery-badge {
- display: inline-block;
- padding: 2px 8px;
- border-radius: 3px;
- font-size: 0.8em;
- font-weight: 500;
- white-space: nowrap;
-}
-.delivery-badge--unknown {
- background: #f5f5f5;
- color: #999;
-}
-.delivery-badge--created {
- background: #e3f2fd;
- color: #1565c0;
-}
-.delivery-badge--confirmed {
- background: #bbdefb;
- color: #0d47a1;
-}
-.delivery-badge--in_transit {
- background: #fff3e0;
- color: #e65100;
-}
-.delivery-badge--out_for_delivery {
- background: #ffe0b2;
- color: #bf360c;
-}
-.delivery-badge--ready_for_pickup {
- background: #f3e5f5;
- color: #6a1b9a;
-}
-.delivery-badge--delivered {
- background: #e8f5e9;
- color: #2e7d32;
-}
-.delivery-badge--returned {
- background: #ffebee;
- color: #c62828;
-}
-.delivery-badge--cancelled {
- background: #e0e0e0;
- color: #616161;
-}
-.delivery-badge--problem {
- background: #fff8e1;
- color: #f57f17;
-}
-
-.tracking-link {
- margin-left: 4px;
- text-decoration: none;
- font-size: 0.85em;
-}
-
-.dsm-row--custom {
- background: rgba(59, 130, 246, 0.06);
-}
-
-.dsm-raw-status {
- font-size: 0.82rem;
- background: var(--surface-alt, #f1f5f9);
- padding: 2px 6px;
- border-radius: 3px;
- white-space: nowrap;
-}
-
-* {
- box-sizing: border-box;
-}
-
-html,
-body {
- min-height: 100%;
-}
-
-body {
- margin: 0;
- font-family: "Roboto", "Segoe UI", sans-serif;
- font-size: 13px;
- color: var(--c-text);
- background: var(--c-bg);
-}
-
-a {
- color: var(--c-primary);
-}
-
-.app-shell {
- min-height: 100vh;
- display: flex;
-}
-
-.sidebar {
- width: 260px;
- min-width: 260px;
- flex-shrink: 0;
- overflow: hidden;
- transition: width 0.22s ease, min-width 0.22s ease;
- border-right: 1px solid #243041;
- background: #111a28;
- padding: 18px 10px;
- display: flex;
- flex-direction: column;
-}
-
-.sidebar.is-collapsed {
- width: 52px;
- min-width: 52px;
- padding: 18px 0;
-}
-.sidebar.is-collapsed .sidebar__brand-text {
- display: none;
-}
-.sidebar.is-collapsed .sidebar__brand {
- justify-content: center;
- margin: 4px 0 16px;
-}
-.sidebar.is-collapsed .sidebar__label {
- display: none;
-}
-.sidebar.is-collapsed .sidebar__toggle-arrow {
- display: none;
-}
-.sidebar.is-collapsed .sidebar__link,
-.sidebar.is-collapsed .sidebar__group-toggle {
- justify-content: center;
- padding: 9px;
- border-radius: 8px;
- margin: 0 6px;
-}
-.sidebar.is-collapsed .sidebar__group-links {
- display: none;
-}
-.sidebar.is-collapsed .sidebar__icon {
- margin: 0;
-}
-
-.sidebar__brand {
- display: flex;
- align-items: center;
- justify-content: space-between;
- margin: 4px 4px 16px;
- gap: 6px;
- min-width: 0;
-}
-
-.sidebar__brand-text {
- color: #e9f0ff;
- font-size: 24px;
- font-weight: 300;
- letter-spacing: -0.02em;
- white-space: nowrap;
- overflow: hidden;
- flex: 1;
- min-width: 0;
-}
-.sidebar__brand-text strong {
- font-weight: 700;
-}
-
-.sidebar__collapse-btn {
- flex-shrink: 0;
- width: 28px;
- height: 28px;
- display: flex;
- align-items: center;
- justify-content: center;
- background: transparent;
- border: 1px solid #2a3a54;
- border-radius: 6px;
- color: #64748b;
- cursor: pointer;
- padding: 0;
- transition: background 0.15s, color 0.15s;
-}
-.sidebar__collapse-btn:hover {
- background: #1b2a3f;
- color: #cbd5e1;
-}
-
-.sidebar__collapse-icon {
- display: block;
- transition: transform 0.22s ease;
- flex-shrink: 0;
-}
-
-.sidebar.is-collapsed .sidebar__collapse-icon {
- transform: rotate(180deg);
-}
-
-.sidebar__nav {
- display: grid;
- gap: 4px;
-}
-
-.sidebar__link {
- display: flex;
- align-items: center;
- gap: 9px;
- white-space: nowrap;
- border-radius: 8px;
- padding: 9px 10px;
- text-decoration: none;
- color: #cbd5e1;
- font-weight: 600;
-}
-
-.sidebar__link:hover {
- color: #f8fafc;
- background: #1b2a3f;
-}
-
-.sidebar__link.is-active {
- color: #ffffff;
- background: #2e4f93;
-}
-
-.sidebar__group {
- display: grid;
- gap: 2px;
-}
-
-.sidebar__group-toggle {
- list-style: none;
- border-radius: 8px;
- padding: 9px 10px;
- color: #cbd5e1;
- font-weight: 600;
- cursor: pointer;
- display: flex;
- align-items: center;
- gap: 9px;
- white-space: nowrap;
- user-select: none;
-}
-
-.sidebar__group-toggle::-webkit-details-marker {
- display: none;
-}
-
-.sidebar__group:hover .sidebar__group-toggle,
-.sidebar__group-toggle:hover {
- color: #f8fafc;
- background: #1b2a3f;
-}
-
-.sidebar__group.is-active .sidebar__group-toggle {
- color: #ffffff;
- background: #2e4f93;
-}
-
-.sidebar__icon {
- flex-shrink: 0;
- width: 18px;
- height: 18px;
- display: flex;
- align-items: center;
- justify-content: center;
- opacity: 0.85;
-}
-
-.sidebar__label {
- flex: 1;
- min-width: 0;
- overflow: hidden;
-}
-
-.sidebar__toggle-arrow {
- flex-shrink: 0;
- margin-left: auto;
- opacity: 0.5;
- transition: transform 0.18s ease;
-}
-
-details[open] > .sidebar__group-toggle .sidebar__toggle-arrow {
- transform: rotate(180deg);
-}
-
-.sidebar__group-links {
- display: grid;
- gap: 2px;
- padding-left: 12px;
- overflow: hidden;
-}
-
-.sidebar__sublink {
- border-radius: 6px;
- padding: 7px 10px 7px 8px;
- text-decoration: none;
- color: #94a3b8;
- font-size: 12.5px;
- font-weight: 500;
- display: flex;
- align-items: center;
- gap: 8px;
- white-space: nowrap;
-}
-.sidebar__sublink::before {
- content: "";
- flex-shrink: 0;
- width: 5px;
- height: 5px;
- border-radius: 50%;
- background: rgba(148, 163, 184, 0.3);
- transition: background 0.15s;
-}
-.sidebar__sublink:hover {
- color: #e2e8f0;
- background: #1b2a3f;
-}
-.sidebar__sublink:hover::before {
- background: rgba(148, 163, 184, 0.65);
-}
-.sidebar__sublink.is-active {
- color: #ffffff;
- background: rgba(46, 79, 147, 0.55);
-}
-.sidebar__sublink.is-active::before {
- background: #93c5fd;
-}
-
-.app-main {
- flex: 1;
- min-width: 0;
-}
-
-.topbar {
- height: 50px;
- border-bottom: 1px solid var(--c-border);
- background: var(--c-surface);
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding: 0 20px;
- position: sticky;
- top: 0;
- z-index: 100;
-}
-
-.brand {
- font-size: 22px;
- font-weight: 300;
- letter-spacing: -0.02em;
- color: var(--c-text-strong);
-}
-
-.brand strong {
- font-weight: 700;
-}
-
-.container {
- max-width: none;
- width: calc(100% - 20px);
- margin: 12px 10px;
- padding: 0 4px 14px;
-}
-
-.card {
- background: var(--c-surface);
- border-radius: 10px;
- box-shadow: var(--shadow-card);
- padding: 14px;
-}
-
-.card h1 {
- margin: 0 0 10px;
- color: var(--c-text-strong);
- font-size: 24px;
- font-weight: 700;
-}
-
-.muted {
- color: var(--c-muted);
-}
-
-.accent {
- color: var(--c-primary);
- font-weight: 600;
-}
-
-.users-form {
- display: grid;
- gap: 14px;
- max-width: 460px;
-}
-
-.form-field {
- margin-bottom: 12px;
-}
-
-.section-title {
- margin: 0;
- color: var(--c-text-strong);
- font-size: 18px;
- font-weight: 700;
-}
-
-h2.section-title,
-h3.section-title,
-h4.section-title {
- display: flex;
- align-items: center;
- gap: 6px;
- font-weight: 600;
- padding: 6px 0;
- margin-bottom: 8px;
- border-bottom: 1px solid #e2e8f0;
- color: var(--c-primary, #2563eb);
-}
-h2.section-title::before,
-h3.section-title::before,
-h4.section-title::before {
- content: "■";
- font-size: 0.55em;
- opacity: 0.5;
-}
-
-h3.section-title,
-h4.section-title {
- font-size: 15px;
-}
-h3.section-title::before,
-h4.section-title::before {
- content: "◆";
- font-size: 0.5em;
-}
-
-.mt-0 {
- margin-top: 0;
-}
-
-.mt-4 {
- margin-top: 4px;
-}
-
-.mt-12 {
- margin-top: 8px;
-}
-
-.mt-16 {
- margin-top: 12px;
-}
-
-.settings-grid {
- display: grid;
- grid-template-columns: repeat(3, minmax(0, 1fr));
- gap: 12px;
-}
-
-.settings-nav {
- display: flex;
- gap: 8px;
- flex-wrap: wrap;
-}
-
-.settings-nav__link {
- text-decoration: none;
- border: 1px solid var(--c-border);
- border-radius: 8px;
- padding: 8px 12px;
- color: var(--c-text-strong);
- font-weight: 600;
-}
-
-.settings-nav__link:hover {
- background: #f8fafc;
-}
-
-.settings-nav__link.is-active {
- border-color: var(--c-primary);
- color: var(--c-primary);
- background: #edf2ff;
-}
-
-.settings-stat {
- border: 1px solid var(--c-border);
- border-radius: 8px;
- padding: 12px;
- background: #f8fafc;
-}
-
-.settings-stat__label {
- display: block;
- color: var(--c-muted);
- font-size: 12px;
- margin-bottom: 4px;
-}
-
-.settings-stat__value {
- color: var(--c-text-strong);
- font-size: 20px;
-}
-
-.settings-logs {
- margin: 0;
- padding: 12px;
- border-radius: 8px;
- border: 1px solid var(--c-border);
- background: #0b1220;
- color: #d1d5db;
- font-size: 12px;
- line-height: 1.5;
- overflow: auto;
-}
-
-.settings-allegro-callback {
- display: block;
- width: 100%;
- padding: 8px 10px;
- border: 1px solid var(--c-border);
- border-radius: 8px;
- background: #f8fafc;
- color: var(--c-text-strong);
- font-size: 12px;
- line-height: 1.45;
- word-break: break-all;
-}
-
-.page-head {
- display: flex;
- align-items: center;
- justify-content: space-between;
- gap: 12px;
-}
-
-.filters-grid {
- display: grid;
- grid-template-columns: repeat(3, minmax(0, 1fr));
- gap: 12px;
-}
-
-.filters-actions {
- display: flex;
- align-items: center;
- gap: 8px;
-}
-
-.product-form .form-control {
- width: 100%;
-}
-
-.form-grid {
- display: grid;
- grid-template-columns: repeat(2, minmax(0, 1fr));
- gap: 12px;
-}
-
-.form-grid-2 {
- display: grid;
- grid-template-columns: repeat(2, minmax(0, 1fr));
- gap: 12px;
- align-items: start;
-}
-
-.form-grid-3 {
- display: grid;
- grid-template-columns: repeat(3, minmax(0, 1fr));
- gap: 12px;
- align-items: start;
-}
-
-.form-grid-4 {
- display: grid;
- grid-template-columns: repeat(4, minmax(0, 1fr));
- gap: 12px;
- align-items: start;
-}
-
-.form-actions {
- display: flex;
- gap: 8px;
- flex-wrap: wrap;
- align-items: flex-start;
-}
-
-.form-actions .btn {
- align-self: flex-start;
-}
-
-.statuses-form {
- display: grid;
- gap: 8px;
- grid-template-columns: repeat(2, minmax(0, 1fr));
-}
-
-.statuses-form .form-actions {
- grid-column: 1/-1;
-}
-
-.statuses-color-input {
- min-height: 32px;
- padding: 2px;
-}
-
-.statuses-hint {
- grid-column: 1/-1;
- margin: 0;
-}
-
-.statuses-group-block {
- border: 1px solid var(--c-border);
- border-radius: 10px;
- padding: 8px;
- background: #fbfdff;
-}
-
-.statuses-group-block__head {
- display: flex;
- align-items: center;
- justify-content: space-between;
- gap: 6px;
- flex-wrap: wrap;
-}
-
-.statuses-group-block__title {
- margin: 0;
- display: inline-flex;
- align-items: center;
- gap: 6px;
- color: var(--c-text-strong);
- font-size: 14px;
-}
-
-.statuses-color-dot {
- width: 12px;
- height: 12px;
- border-radius: 999px;
- border: 1px solid rgba(15, 23, 42, 0.15);
-}
-
-.statuses-dnd-list {
- margin: 6px 0 0;
- padding: 0;
- list-style: none;
- display: grid;
- gap: 6px;
-}
-
-.statuses-dnd-item {
- display: grid;
- grid-template-columns: 24px 1fr;
- gap: 6px;
- border: 1px solid #dce4f0;
- border-radius: 8px;
- background: #fff;
- padding: 6px;
-}
-
-.statuses-dnd-item__content {
- display: flex;
- align-items: center;
- gap: 6px;
- min-width: 0;
-}
-
-.statuses-dnd-item.is-dragging {
- opacity: 0.6;
-}
-
-.statuses-dnd-item__drag {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- border: 1px dashed #cbd5e1;
- border-radius: 6px;
- color: #64748b;
- cursor: grab;
- user-select: none;
- font-weight: 700;
- font-size: 12px;
-}
-
-.statuses-dnd-item__drag:active {
- cursor: grabbing;
-}
-
-.statuses-inline-form {
- display: grid;
- gap: 6px;
-}
-
-.statuses-inline-form--row {
- grid-template-columns: minmax(180px, 1.4fr) minmax(150px, 1fr) auto auto auto;
- align-items: center;
- flex: 1 1 auto;
- min-width: 0;
-}
-
-.statuses-inline-form--row-group {
- grid-template-columns: minmax(180px, 1.5fr) 56px auto auto auto;
- align-items: center;
- flex: 1 1 auto;
- min-width: 0;
-}
-
-.statuses-inline-form--row .form-control,
-.statuses-inline-form--row-group .form-control {
- min-height: 30px;
- padding: 4px 8px;
-}
-
-.statuses-inline-form--row .btn,
-.statuses-inline-form--row-group .btn,
-.statuses-inline-delete .btn {
- min-height: 30px;
- padding: 4px 10px;
- font-size: 12px;
-}
-
-.statuses-inline-check {
- margin-top: 0;
- white-space: nowrap;
- font-size: 12px;
-}
-
-.statuses-inline-delete {
- margin: 0;
- flex: 0 0 auto;
-}
-
-.statuses-code-label {
- font-size: 12px;
- color: var(--c-muted);
-}
-
-.statuses-code-readonly {
- display: inline-flex;
- align-items: center;
- gap: 6px;
- white-space: nowrap;
- font-size: 12px;
-}
-
-.statuses-code-readonly code {
- background: #eef2f7;
- border-radius: 6px;
- padding: 1px 6px;
- color: #1f2937;
- font-size: 12px;
-}
-
-.field-inline {
- display: flex;
- align-items: center;
- gap: 8px;
- margin-top: 2px;
-}
-
-.modal-backdrop {
- position: fixed;
- inset: 0;
- background: rgba(15, 23, 42, 0.5);
- display: flex;
- align-items: center;
- justify-content: center;
- padding: 16px;
- z-index: 200;
-}
-
-.modal-backdrop[hidden] {
- display: none;
-}
-
-.modal {
- width: min(560px, 100%);
- background: #fff;
- border-radius: 10px;
- box-shadow: 0 20px 40px rgba(15, 23, 42, 0.35);
- overflow: hidden;
-}
-
-.modal__header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- gap: 10px;
- padding: 16px 18px;
- border-bottom: 1px solid var(--c-border);
-}
-
-.modal__header h3 {
- margin: 0;
- font-size: 18px;
- color: var(--c-text-strong);
-}
-
-.modal__body {
- padding: 16px 18px 18px;
-}
-
-.status-pill {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- border: 1px solid #fed7d7;
- background: #fff5f5;
- color: #9b2c2c;
- padding: 2px 8px;
- border-radius: 999px;
- font-size: 12px;
- font-weight: 600;
-}
-
-.status-pill.is-active {
- border-color: #b7ebcf;
- background: #f0fff6;
- color: #0f6b39;
-}
-
-.table-row-actions {
- display: inline-flex;
- align-items: center;
- gap: 6px;
- flex-wrap: wrap;
-}
-
-.table-row-actions form {
- margin: 0;
-}
-
-.table-list {
- display: grid;
- gap: 14px;
-}
-
-.table-list__header {
- display: flex;
- justify-content: space-between;
- align-items: center;
- gap: 12px;
- flex-wrap: wrap;
-}
-
-.table-list__left {
- display: inline-flex;
- align-items: center;
- gap: 8px;
- flex-wrap: wrap;
-}
-
-.table-list-header-actions {
- display: inline-flex;
- align-items: center;
- gap: 10px;
- flex-wrap: wrap;
-}
-
-.js-filter-toggle-btn.is-active {
- border-color: #cbd5e0;
- background: #edf2ff;
- color: var(--c-primary-dark);
-}
-
-.table-filter-badge {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- min-width: 18px;
- height: 18px;
- padding: 0 5px;
- font-size: 11px;
- font-weight: 700;
- color: #fff;
- background: var(--c-primary);
- border-radius: 999px;
-}
-
-.table-filters-wrapper {
- display: none;
-}
-
-.table-filters-wrapper.is-open {
- display: block;
-}
-
-.table-list-filters {
- display: grid;
- gap: 12px;
- grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
- align-items: end;
-}
-
-.table-col-toggle-wrapper {
- position: relative;
-}
-
-.table-col-toggle-dropdown {
- display: none;
- position: absolute;
- right: 0;
- top: calc(100% + 6px);
- z-index: 30;
- width: 260px;
- max-height: 360px;
- overflow: auto;
- border: 1px solid var(--c-border);
- border-radius: 10px;
- background: #fff;
- box-shadow: 0 10px 25px rgba(15, 23, 42, 0.12);
-}
-
-.table-col-toggle-dropdown.is-open {
- display: block;
-}
-
-.table-col-toggle-header {
- padding: 10px 12px;
- border-bottom: 1px solid var(--c-border);
- font-size: 12px;
- font-weight: 700;
- color: var(--c-muted);
-}
-
-.table-col-toggle-item {
- display: flex;
- align-items: center;
- gap: 10px;
- padding: 8px 12px;
- font-size: 13px;
- color: var(--c-text-strong);
-}
-
-.table-col-toggle-item:hover {
- background: #f8fafc;
-}
-
-.table-col-toggle-footer {
- border-top: 1px solid var(--c-border);
- padding: 8px 12px;
-}
-
-.table-col-hidden {
- display: none;
-}
-
-.table-col-switch {
- position: relative;
- display: inline-block;
- width: 34px;
- min-width: 34px;
- height: 18px;
-}
-
-.table-col-switch input {
- opacity: 0;
- width: 0;
- height: 0;
- position: absolute;
-}
-
-.table-col-switch-slider {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background: #cbd5e1;
- border-radius: 999px;
- transition: background-color 0.2s ease;
-}
-
-.table-col-switch-slider::before {
- content: "";
- position: absolute;
- height: 14px;
- width: 14px;
- left: 2px;
- bottom: 2px;
- background: #fff;
- border-radius: 50%;
- transition: transform 0.2s ease;
-}
-
-.table-col-switch input:checked + .table-col-switch-slider {
- background: #16a34a;
-}
-
-.table-col-switch input:checked + .table-col-switch-slider::before {
- transform: translateX(16px);
-}
-
-.table-sort-link {
- display: inline-flex;
- align-items: center;
- gap: 6px;
- color: var(--c-text-strong);
- text-decoration: none;
-}
-
-.table-sort-link:hover {
- color: var(--c-primary-dark);
-}
-
-.table-sort-icon.is-muted {
- color: #a0aec0;
-}
-
-.table-list__footer {
- display: flex;
- align-items: center;
- justify-content: space-between;
- gap: 10px;
- flex-wrap: wrap;
-}
-
-.table-list-per-page-form {
- display: inline-flex;
- align-items: center;
- gap: 8px;
-}
-
-.table-list-per-page-form .form-control {
- min-width: 90px;
-}
-
-.table-select-col {
- width: 44px;
- text-align: center;
-}
-
-.table-select-toggle {
- display: inline-flex;
- align-items: center;
- justify-content: center;
-}
-
-.table-select-toggle input[type=checkbox] {
- width: 16px;
- height: 16px;
-}
-
-.orders-page .orders-head {
- background: linear-gradient(120deg, #f8fbff 0%, #eef5ff 100%);
- border: 1px solid #dbe7fb;
-}
-.orders-page .table-list {
- border: 1px solid #dde5f2;
- border-radius: 12px;
- box-shadow: 0 6px 16px rgba(20, 44, 86, 0.08);
-}
-.orders-page .table-list__header {
- padding: 10px 6px 2px;
-}
-.orders-page .table-list-filters {
- padding: 6px 6px 2px;
- border-top: 1px solid #ebf0f7;
- border-bottom: 1px solid #ebf0f7;
- background: #f9fbff;
-}
-.orders-page .table-wrap {
- border-radius: 10px;
- overflow: hidden;
- border: 1px solid #e7edf6;
-}
-.orders-page .table thead th {
- background: #f3f7fd;
- color: #30435f;
- font-size: 12px;
- text-transform: uppercase;
- letter-spacing: 0.03em;
-}
-.orders-page .table tbody td {
- vertical-align: middle;
- padding-top: 10px;
- padding-bottom: 10px;
- border-bottom-color: #edf2f8;
-}
-.orders-page .table tbody tr:hover td {
- background: #f9fcff;
-}
-
-.orders-list-page {
- padding: 10px;
- margin-bottom: 10px;
-}
-
-.orders-head {
- display: flex;
- align-items: flex-start;
- justify-content: space-between;
- gap: 12px;
- flex-wrap: wrap;
-}
-
-.orders-stats {
- display: inline-grid;
- grid-template-columns: repeat(3, minmax(86px, auto));
- gap: 8px;
-}
-
-.orders-stat {
- border: 1px solid #d8e2f0;
- background: #f8fbff;
- border-radius: 8px;
- padding: 6px 8px;
- line-height: 1.15;
-}
-.orders-stat__label {
- display: block;
- color: #5f6f83;
- font-size: 11px;
- margin-bottom: 2px;
-}
-.orders-stat__value {
- color: #12233a;
- font-size: 16px;
- font-weight: 700;
-}
-
-.orders-ref {
- display: grid;
- gap: 2px;
- min-width: 170px;
-}
-.orders-ref__main {
- font-weight: 700;
- color: #0f1f35;
- font-size: 14px;
-}
-.orders-ref__meta {
- display: inline-flex;
- flex-wrap: wrap;
- gap: 4px 10px;
- color: #64748b;
- font-size: 12px;
-}
-
-.orders-buyer {
- display: grid;
- gap: 2px;
-}
-.orders-buyer__name {
- color: #0f172a;
- font-weight: 600;
- font-size: 14px;
-}
-.orders-buyer__meta {
- display: inline-flex;
- flex-wrap: wrap;
- gap: 4px 10px;
- color: #64748b;
- font-size: 12px;
-}
-
-.orders-status-wrap {
- display: inline-flex;
- align-items: center;
- gap: 5px;
- flex-wrap: wrap;
- cursor: pointer;
-}
-.orders-status-wrap .order-tag {
- cursor: pointer;
-}
-
-.orders-status-dropdown {
- position: fixed;
- z-index: 9999;
- min-width: 180px;
- max-height: 280px;
- overflow-y: auto;
- background: #fff;
- border: 1px solid #d8e1ef;
- border-radius: 6px;
- box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
- padding: 4px 0;
-}
-.orders-status-dropdown__group-header {
- padding: 6px 12px 2px;
- font-size: 10px;
- font-weight: 700;
- text-transform: uppercase;
- letter-spacing: 0.05em;
- color: #94a3b8;
-}
-.orders-status-dropdown__group-header:not(:first-child) {
- border-top: 1px solid #f1f5f9;
- margin-top: 2px;
- padding-top: 8px;
-}
-.orders-status-dropdown__item {
- display: flex;
- align-items: center;
- gap: 8px;
- padding: 5px 12px;
- font-size: 13px;
- color: #334155;
- cursor: pointer;
- white-space: nowrap;
-}
-.orders-status-dropdown__item:hover {
- background: #f1f5f9;
-}
-.orders-status-dropdown__item.is-current {
- font-weight: 700;
- background: #f8fafc;
-}
-.orders-status-dropdown__color-dot {
- width: 10px;
- height: 10px;
- border-radius: 50%;
- flex-shrink: 0;
-}
-
-.order-tag {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- border: 1px solid #d8e1ef;
- background: #f8fafc;
- color: #334155;
- border-radius: 999px;
- padding: 2px 8px;
- font-size: 12px;
- font-weight: 700;
- line-height: 1.1;
- white-space: nowrap;
-}
-.order-tag.is-info {
- border-color: #bfdbfe;
- background: #eff6ff;
- color: #1d4ed8;
-}
-.order-tag.is-success {
- border-color: #bbf7d0;
- background: #f0fdf4;
- color: #166534;
-}
-.order-tag.is-danger {
- border-color: #fecaca;
- background: #fef2f2;
- color: #b91c1c;
-}
-.order-tag.is-warn {
- border-color: #fde68a;
- background: #fffbeb;
- color: #92400e;
-}
-.order-tag.is-cod {
- border-color: #f9a8d4;
- background: #fdf2f8;
- color: #9d174d;
-}
-.order-tag.is-unpaid {
- border-color: #fca5a5;
- background: #fef2f2;
- color: #b91c1c;
-}
-
-.orders-mini {
- font-size: 14px;
- color: #223247;
- line-height: 1.25;
-}
-.orders-mini__delivery {
- font-size: 12px;
- color: #64748b;
- margin-bottom: 2px;
- max-width: 160px;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
-
-.orders-products {
- display: grid;
- gap: 4px;
- min-width: 240px;
-}
-.orders-products__meta, .orders-products__more {
- font-size: 12px;
- color: #64748b;
-}
-
-.orders-product {
- display: grid;
- grid-template-columns: 48px 1fr;
- gap: 6px;
- align-items: center;
-}
-.orders-product__thumb {
- width: 48px;
- height: 48px;
- border-radius: 4px;
- border: 1px solid #dbe3ef;
- object-fit: cover;
- background: #fff;
-}
-.orders-product__thumb--empty {
- display: inline-block;
- background: #eef2f7;
- border-style: dashed;
-}
-.orders-product__txt {
- min-width: 0;
- display: grid;
- gap: 1px;
-}
-.orders-product__name {
- font-size: 14px;
- color: #0f172a;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
-}
-.orders-product__qty {
- font-size: 12px;
- color: #64748b;
-}
-
-.orders-image-hover-wrap {
- position: relative;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- cursor: zoom-in;
-}
-
-.orders-image-hover-popup {
- display: none;
- position: fixed;
- left: auto;
- top: auto;
- width: 350px;
- max-height: 350px;
- object-fit: contain;
- border-radius: 8px;
- background: #fff;
- box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
- border: 1px solid #dfe3ea;
- z-index: 100;
- pointer-events: none;
-}
-
-.orders-image-hover-wrap:hover .orders-image-hover-popup {
- display: block;
-}
-
-.activity-type-badge {
- display: inline-block;
- padding: 2px 8px;
- border-radius: 4px;
- font-size: 12px;
- font-weight: 500;
- white-space: nowrap;
- background: #e2e8f0;
- color: #334155;
-}
-.activity-type-badge--status_change {
- background: #dbeafe;
- color: #1e40af;
-}
-.activity-type-badge--payment {
- background: #dcfce7;
- color: #166534;
-}
-.activity-type-badge--invoice {
- background: #fef3c7;
- color: #92400e;
-}
-.activity-type-badge--shipment {
- background: #e0e7ff;
- color: #3730a3;
-}
-.activity-type-badge--message {
- background: #f3e8ff;
- color: #6b21a8;
-}
-.activity-type-badge--document {
- background: #fce7f3;
- color: #9d174d;
-}
-.activity-type-badge--import {
- background: #f1f5f9;
- color: #475569;
-}
-.activity-type-badge--note {
- background: #ecfdf5;
- color: #065f46;
-}
-
-.text-nowrap {
- white-space: nowrap;
-}
-
-.orders-money {
- display: grid;
- gap: 2px;
-}
-.orders-money__main {
- color: #0f172a;
- font-weight: 700;
- font-size: 14px;
-}
-.orders-money__meta {
- color: #64748b;
- font-size: 12px;
-}
-
-.table-list[data-table-list-id=orders] {
- gap: 8px;
-}
-.table-list[data-table-list-id=orders] .table-list__header {
- padding: 2px 0 0;
-}
-.table-list[data-table-list-id=orders] .table-list-filters {
- gap: 8px;
- grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
-}
-.table-list[data-table-list-id=orders] .table th,
-.table-list[data-table-list-id=orders] .table td {
- padding: 6px 8px;
-}
-.table-list[data-table-list-id=orders] .table thead th {
- font-size: 12px;
- text-transform: uppercase;
- letter-spacing: 0.02em;
- white-space: nowrap;
-}
-.table-list[data-table-list-id=orders] .table tbody td {
- vertical-align: top;
- font-size: 14px;
- line-height: 1.25;
-}
-
-.order-show-layout {
- display: grid;
- grid-template-columns: 220px minmax(0, 1fr);
- gap: 12px;
- align-items: start;
-}
-
-.order-statuses-side {
- position: sticky;
- top: 60px;
- padding: 10px;
-}
-.order-statuses-side__title {
- font-size: 13px;
- font-weight: 700;
- color: #0f172a;
- margin-bottom: 8px;
- display: flex;
- align-items: center;
- justify-content: space-between;
- list-style: none;
-}
-.order-statuses-side__title::-webkit-details-marker {
- display: none;
-}
-.order-statuses-side__arrow {
- display: none;
- flex-shrink: 0;
- opacity: 0.5;
- transition: transform 0.2s ease;
-}
-details[open] > .order-statuses-side__title .order-statuses-side__arrow {
- transform: rotate(180deg);
-}
-
-.order-status-group {
- margin-bottom: 10px;
-}
-.order-status-group__name {
- font-size: 12px;
- color: #475569;
- font-weight: 700;
- margin-bottom: 5px;
-}
-
-.order-status-row {
- display: flex;
- align-items: center;
- justify-content: space-between;
- gap: 8px;
- padding: 4px 6px;
- border-radius: 6px;
- color: #334155;
- font-size: 12px;
- text-decoration: none;
-}
-.order-status-row__count {
- min-width: 24px;
- text-align: center;
- border-radius: 999px;
- background: var(--status-color, #64748b);
- padding: 1px 6px;
- font-weight: 700;
- font-size: 11px;
- color: #ffffff;
-}
-
-.order-status-row:hover {
- background: #f1f5f9;
-}
-
-.order-status-row.is-active {
- background: rgba(15, 23, 42, 0.06);
- color: #0f172a;
- font-weight: 700;
-}
-
-.order-show-main {
- min-width: 0;
-}
-
-.order-details-actions {
- display: inline-flex;
- flex-wrap: wrap;
- justify-content: flex-end;
- gap: 6px;
-}
-
-.order-details-page {
- padding: 12px;
-}
-
-.order-details-head {
- display: flex;
- align-items: flex-start;
- justify-content: space-between;
- gap: 12px;
- flex-wrap: wrap;
-}
-
-.order-back-link {
- color: #475569;
- text-decoration: none;
- font-weight: 600;
-}
-
-.order-back-link:hover {
- color: #1d4ed8;
-}
-
-.order-details-sub {
- display: inline-flex;
- gap: 10px;
- flex-wrap: wrap;
- color: #64748b;
- font-size: 12px;
-}
-
-.order-details-pill {
- border-radius: 999px;
- padding: 5px 10px;
- background: #eef6ff;
- border: 1px solid #cfe2ff;
- color: #1d4ed8;
- font-size: 12px;
- font-weight: 700;
-}
-
-.order-status-change {
- display: flex;
- align-items: center;
- gap: 10px;
- flex-wrap: wrap;
-}
-
-.order-status-change__form {
- display: flex;
- align-items: center;
- gap: 6px;
-}
-
-.order-status-change__select {
- min-width: 180px;
-}
-
-.order-details-tabs {
- display: flex;
- gap: 6px;
- flex-wrap: wrap;
-}
-
-.order-details-tab {
- border: 1px solid #d6deea;
- border-radius: 8px;
- padding: 5px 10px;
- color: #475569;
- font-size: 12px;
- background: #f8fafc;
- cursor: pointer;
-}
-
-.order-details-tab.is-active {
- border-color: #bfdbfe;
- color: #1d4ed8;
- background: #eff6ff;
- font-weight: 700;
-}
-
-.order-item-cell {
- display: grid;
- grid-template-columns: 44px 1fr;
- gap: 8px;
- align-items: center;
- min-width: 260px;
-}
-
-.order-item-thumb {
- width: 44px;
- height: 44px;
- border-radius: 6px;
- border: 1px solid #dbe3ef;
- object-fit: cover;
-}
-
-.order-item-thumb--empty {
- display: inline-block;
- background: #eef2f7;
- border-style: dashed;
-}
-
-.order-item-name {
- font-weight: 600;
- color: #0f172a;
-}
-
-.item-personalization {
- margin-top: 4px;
- padding: 4px 8px;
- background: #f8fafc;
- border-left: 2px solid #cbd5e1;
- border-radius: 2px;
- font-size: 0.92em;
- color: #475569;
- line-height: 1.4;
-}
-.item-personalization__label {
- font-weight: 600;
- color: #64748b;
- display: block;
- margin-bottom: 2px;
-}
-.item-personalization__line {
- white-space: pre-wrap;
- word-break: break-word;
-}
-
-.order-grid-2 {
- display: grid;
- grid-template-columns: repeat(2, minmax(0, 1fr));
- gap: 12px;
-}
-
-.order-grid-3 {
- display: grid;
- grid-template-columns: repeat(3, minmax(0, 1fr));
- gap: 12px;
-}
-
-.order-kv {
- margin: 0;
- display: grid;
- grid-template-columns: 150px 1fr;
- gap: 6px 10px;
- font-size: 12px;
-}
-
-.payment-summary {
- display: grid;
- gap: 6px;
- max-width: 420px;
-}
-
-.payment-summary__row {
- display: flex;
- align-items: center;
- gap: 10px;
- font-size: 12px;
-}
-
-.payment-summary__label {
- width: 150px;
- flex-shrink: 0;
- color: #64748b;
-}
-
-.payment-summary__value {
- font-weight: 600;
- color: #0f172a;
-}
-
-.payment-add-form {
- background: #f8fafc;
- border: 1px solid #e2e8f0;
- border-radius: 6px;
- padding: 12px;
- max-width: 700px;
-}
-
-.payment-add-form__row {
- display: flex;
- flex-wrap: wrap;
- gap: 10px;
-}
-
-.payment-add-form__field {
- display: flex;
- flex-direction: column;
- gap: 3px;
- flex: 1 1 140px;
- min-width: 120px;
-}
-.payment-add-form__field label {
- font-size: 11px;
- color: #64748b;
- font-weight: 500;
-}
-.payment-add-form__field input, .payment-add-form__field select {
- font-size: 12px;
- padding: 4px 8px;
- border: 1px solid #cbd5e1;
- border-radius: 4px;
- height: 30px;
-}
-
-.payment-add-form__actions {
- display: flex;
- gap: 8px;
- margin-top: 12px;
-}
-
-.order-kv dt {
- color: #64748b;
-}
-
-.order-kv dd {
- margin: 0;
- color: #0f172a;
- font-weight: 600;
-}
-
-.order-address {
- display: grid;
- gap: 3px;
- font-size: 12px;
- color: #0f172a;
-}
-
-.order-events {
- display: grid;
- gap: 8px;
-}
-
-.order-event {
- border: 1px solid #e2e8f0;
- border-radius: 8px;
- padding: 8px;
- background: #fbfdff;
-}
-
-.order-event__head {
- color: #64748b;
- font-size: 11px;
-}
-
-.order-event__body {
- margin-top: 4px;
- color: #0f172a;
- font-size: 12px;
-}
-
-.order-tab-panel {
- display: none;
-}
-
-.order-tab-panel.is-active {
- display: block;
-}
-
-.manual-tracking-form {
- display: flex;
- gap: 8px;
- align-items: center;
-}
-.manual-tracking-form .form-control {
- max-width: 220px;
-}
-
-.order-empty-placeholder {
- border: 1px dashed #cbd5e1;
- border-radius: 8px;
- min-height: 180px;
- background: #f8fafc;
-}
-
-.order-status-badge {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- padding: 4px 10px;
- border-radius: 999px;
- font-size: 12px;
- font-weight: 700;
- border: 1px solid #cbd5e1;
- color: #334155;
- background: #f8fafc;
-}
-.order-status-badge.is-info {
- border-color: #bfdbfe;
- background: #eff6ff;
- color: #1d4ed8;
-}
-.order-status-badge.is-success {
- border-color: #bbf7d0;
- background: #f0fdf4;
- color: #166534;
-}
-.order-status-badge.is-danger {
- border-color: #fecaca;
- background: #fef2f2;
- color: #b91c1c;
-}
-.order-status-badge.is-warn {
- border-color: #fde68a;
- background: #fffbeb;
- color: #92400e;
-}
-.order-status-badge.is-empty {
- color: #94a3b8;
-}
-
-.order-buyer {
- display: grid;
- gap: 2px;
-}
-.order-buyer__name {
- color: #0f172a;
- font-weight: 600;
-}
-.order-buyer__email {
- color: #64748b;
- font-size: 12px;
-}
-
-.table-inline-action {
- display: inline-block;
- margin-right: 6px;
-}
-
-.product-name-cell {
- display: inline-flex;
- align-items: center;
- gap: 10px;
-}
-
-.product-name-thumb {
- width: 60px;
- height: 60px;
- border-radius: 6px;
- object-fit: cover;
- border: 1px solid var(--c-border);
- background: #f8fafc;
-}
-
-.product-name-thumb--empty {
- display: inline-block;
- width: 60px;
- height: 60px;
- border-radius: 6px;
- border: 1px dashed #cbd5e0;
- background: #f8fafc;
-}
-
-.product-name-thumb-btn {
- border: 0;
- padding: 0;
- background: transparent;
- cursor: pointer;
- display: inline-flex;
- align-items: center;
- justify-content: center;
-}
-
-.product-name-thumb-btn:focus-visible {
- outline: none;
- box-shadow: var(--focus-ring);
- border-radius: 8px;
-}
-
-.modal--image-preview {
- width: min(760px, 100%);
-}
-
-.product-image-preview__img {
- display: block;
- width: 100%;
- max-height: 70vh;
- object-fit: contain;
- border-radius: 8px;
- background: #f8fafc;
-}
-
-.product-images-grid {
- display: grid;
- grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
- gap: 12px;
-}
-
-.product-image-card {
- border: 1px solid #dfe3ea;
- border-radius: 10px;
- padding: 10px;
- background: #fff;
-}
-
-.product-image-card__thumb-wrap {
- position: relative;
- border-radius: 8px;
- overflow: hidden;
- background: #f2f5f8;
-}
-
-.product-image-card__thumb {
- width: 100%;
- height: 160px;
- object-fit: cover;
- display: block;
-}
-
-.product-image-card__thumb.is-empty {
- height: 160px;
- display: grid;
- place-items: center;
- color: #6b7785;
- font-size: 12px;
-}
-
-.product-image-card__badge {
- display: none;
- position: absolute;
- top: 8px;
- left: 8px;
- background: #1f7a43;
- color: #fff;
- padding: 3px 8px;
- border-radius: 999px;
- font-size: 11px;
-}
-
-.product-image-card.is-main .product-image-card__badge {
- display: inline-block;
-}
-
-.product-image-card__meta {
- margin-top: 8px;
- font-size: 11px;
- line-height: 1.25;
- color: #5f6b79;
- overflow-wrap: anywhere;
-}
-
-.product-image-card__actions {
- margin-top: 10px;
- display: grid;
- grid-template-columns: 1fr;
- gap: 8px;
-}
-
-.product-image-card__actions .btn {
- min-height: 34px;
- font-size: 12px;
- line-height: 1.2;
- padding: 6px 10px;
-}
-
-.product-links-search-form {
- display: grid;
- gap: 12px;
- grid-template-columns: minmax(220px, 320px) minmax(220px, 1fr) auto;
- align-items: end;
-}
-
-.product-links-head {
- display: grid;
- gap: 8px;
- grid-template-columns: repeat(3, minmax(0, 1fr));
-}
-
-.product-tabs-nav {
- display: flex;
- align-items: center;
- gap: 8px;
- flex-wrap: wrap;
-}
-
-.product-links-inline-form {
- display: grid;
- gap: 8px;
- grid-template-columns: minmax(140px, 1fr) minmax(140px, 1fr) auto;
- align-items: center;
-}
-
-.product-links-actions-row {
- display: flex;
- align-items: center;
- gap: 8px;
- flex-wrap: nowrap;
-}
-
-.product-links-actions-row .product-links-relink-form {
- flex: 1 1 auto;
-}
-
-.product-links-unlink-form {
- margin: 0;
- flex: 0 0 auto;
-}
-
-.product-link-status-cell {
- display: inline-flex;
- align-items: center;
- gap: 6px;
-}
-
-.product-link-alert-indicator {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 18px;
- height: 18px;
- border-radius: 999px;
- border: 1px solid #f59e0b;
- background: #fffbeb;
- color: #b45309;
- font-size: 12px;
- font-weight: 700;
- cursor: help;
-}
-
-.product-link-events-list {
- margin: 0;
- padding: 0;
- list-style: none;
- display: grid;
- gap: 4px;
-}
-
-.product-link-events-list li {
- display: grid;
- gap: 2px;
-}
-
-.product-link-events-type {
- font-weight: 600;
- color: var(--c-text-strong);
-}
-
-.product-link-events-date {
- color: var(--c-muted);
- font-size: 12px;
-}
-
-.product-show-images-grid {
- display: grid;
- grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
- gap: 12px;
-}
-
-.product-show-image-card {
- border: 1px solid var(--c-border);
- border-radius: 10px;
- background: #fff;
- padding: 10px;
- overflow: hidden;
-}
-.product-show-image-card__meta {
- display: flex;
- align-items: flex-start;
- justify-content: space-between;
- gap: 8px;
- min-width: 0;
-}
-
-.product-show-image-path {
- font-size: 12px;
- min-width: 0;
- overflow: hidden;
-}
-.product-show-image-path summary {
- cursor: pointer;
- color: var(--c-muted, #888);
- list-style: none;
- user-select: none;
- white-space: nowrap;
-}
-.product-show-image-path summary::-webkit-details-marker {
- display: none;
-}
-.product-show-image-path summary::after {
- content: " ▾";
-}
-.product-show-image-path[open] summary::after {
- content: " ▴";
-}
-.product-show-image-path__url {
- margin-top: 4px;
- word-break: break-all;
- overflow-wrap: break-word;
- font-size: 11px;
-}
-
-.product-show-image {
- width: 100%;
- max-height: 260px;
- object-fit: cover;
- border-radius: 8px;
- border: 1px solid #d9e0ea;
-}
-
-.shipment-grid {
- display: grid;
- grid-template-columns: repeat(2, minmax(0, 1fr));
- gap: 12px;
-}
-
-.searchable-select {
- position: relative;
-}
-.searchable-select__trigger {
- display: flex;
- align-items: center;
- justify-content: space-between;
- cursor: pointer;
- user-select: none;
- min-height: 34px;
-}
-.searchable-select__trigger::after {
- content: "";
- width: 0;
- height: 0;
- border-left: 4px solid transparent;
- border-right: 4px solid transparent;
- border-top: 5px solid var(--c-text-muted, #6b7280);
- margin-left: 8px;
- flex-shrink: 0;
-}
-.searchable-select__trigger--placeholder {
- color: var(--c-text-muted, #6b7280);
-}
-.searchable-select__dropdown {
- display: none;
- position: absolute;
- left: 0;
- right: 0;
- top: 100%;
- z-index: 50;
- max-height: 280px;
- overflow: auto;
- background: #fff;
- border: 1px solid var(--c-border);
- border-top: 0;
- border-radius: 0 0 8px 8px;
- box-shadow: 0 8px 20px rgba(15, 23, 42, 0.12);
-}
-.searchable-select__dropdown.is-open {
- display: block;
-}
-.searchable-select__search {
- position: sticky;
- top: 0;
- border: none !important;
- border-bottom: 1px solid var(--c-border) !important;
- border-radius: 0 !important;
- box-shadow: none !important;
- font-size: 13px;
- background: #fff;
- z-index: 1;
-}
-.searchable-select__option {
- padding: 7px 10px;
- font-size: 13px;
- cursor: pointer;
- color: var(--c-text-strong);
-}
-.searchable-select__option:hover {
- background: #f1f5f9;
-}
-.searchable-select__option.is-selected {
- background: #edf2ff;
- font-weight: 600;
-}
-
-.flash {
- padding: 10px 14px;
- border-radius: 8px;
- font-size: 13px;
- font-weight: 500;
-}
-.flash--success {
- background: #f0fdf4;
- border: 1px solid #bbf7d0;
- color: #166534;
-}
-.flash--error {
- background: #fef2f2;
- border: 1px solid #fecaca;
- color: #b91c1c;
-}
-
-.content-tabs-card {
- margin-top: 0;
-}
-
-.content-tabs-nav {
- display: flex;
- gap: 4px;
- border-bottom: 2px solid var(--c-border);
- margin-bottom: 16px;
- flex-wrap: wrap;
-}
-
-.content-tab-btn {
- padding: 8px 16px;
- border: none;
- background: none;
- cursor: pointer;
- font-size: 14px;
- font-weight: 500;
- color: var(--c-text-muted, #6b7280);
- border-bottom: 2px solid transparent;
- margin-bottom: -2px;
- border-radius: 4px 4px 0 0;
- transition: color 0.15s, border-color 0.15s;
-}
-.content-tab-btn:hover {
- color: var(--c-text-strong, #111827);
-}
-.content-tab-btn.is-active {
- color: var(--c-primary, #2563eb);
- border-bottom-color: var(--c-primary, #2563eb);
-}
-
-.content-tab-panel {
- display: none;
-}
-.content-tab-panel.is-active {
- display: block;
-}
-
-.shoppro-tabs-toolbar {
- display: flex;
- align-items: flex-end;
- justify-content: space-between;
- gap: 10px;
- margin-bottom: 10px;
- flex-wrap: wrap;
-}
-
-.shoppro-tabs-toolbar__field {
- margin: 0;
- min-width: 260px;
- max-width: 420px;
- flex: 1 1 320px;
-}
-
-.shoppro-tabs-toolbar__field .form-control {
- width: 100%;
-}
-
-.shoppro-tabs-toolbar__actions {
- display: inline-flex;
- align-items: center;
- gap: 8px;
-}
-
-.dm-carrier-select {
- min-width: 140px;
-}
-
-.dm-service-wrap {
- min-width: 200px;
-}
-.dm-service-wrap .dm-inpost-panel .form-control,
-.dm-service-wrap .dm-apaczka-panel .form-control {
- width: 100%;
-}
-
-.integration-settings-group {
- grid-column: 1/-1;
- border: 1px solid var(--c-border);
- border-radius: 10px;
- background: #f8fbff;
- padding: 10px;
-}
-
-.integration-settings-group__head {
- margin-bottom: 8px;
- padding: 4px 0;
- border-bottom: 1px solid #e2e8f0;
-}
-
-.integration-settings-group__title {
- margin: 0;
- font-size: 14px;
- font-weight: 600;
- letter-spacing: 0.01em;
- color: var(--c-text-strong, #1e293b);
-}
-
-.integration-settings-group__desc {
- margin: 4px 0 0;
- color: #4b5563;
-}
-
-.integration-settings-group__grid {
- display: grid;
- grid-template-columns: repeat(2, minmax(0, 1fr));
- gap: 10px 12px;
- align-items: start;
-}
-
-.integration-settings-group__full {
- grid-column: 1/-1;
-}
-
-.integration-settings-group__grid .form-field {
- margin: 0;
- align-self: start;
-}
-
-.integration-settings-group__grid .form-control {
- min-height: 34px;
- height: 34px;
-}
-
-.integration-settings-group__grid input[type=date].form-control {
- line-height: 1.2;
-}
-
-.integration-settings-checkboxes {
- border: 0;
- padding: 0;
- margin: 0;
-}
-
-.integration-settings-checkboxes .field-label {
- display: block;
- margin-bottom: 2px;
-}
-
-.integration-settings-checkboxes__list {
- display: grid;
- grid-template-columns: repeat(2, minmax(0, 1fr));
- gap: 6px 12px;
-}
-
-.integration-settings-checkboxes__item {
- display: inline-flex;
- align-items: center;
- gap: 6px;
- font-size: 13px;
- color: #334155;
-}
-
-.topbar__hamburger {
- display: none;
- align-items: center;
- justify-content: center;
- width: 36px;
- height: 36px;
- padding: 0;
- background: transparent;
- border: none;
- color: var(--c-text-strong);
- cursor: pointer;
- border-radius: 6px;
- flex-shrink: 0;
-}
-.topbar__hamburger:hover {
- background: var(--c-bg-subtle, #f1f5f9);
-}
-
-.sidebar-backdrop {
- display: none;
- position: fixed;
- inset: 0;
- background: rgba(0, 0, 0, 0.5);
- z-index: 999;
- opacity: 0;
- transition: opacity 0.25s ease;
-}
-.sidebar-backdrop.is-visible {
- display: block;
- opacity: 1;
-}
-
-body.no-scroll {
- overflow: hidden;
-}
-
-@media (max-width: 768px) {
- .topbar__hamburger {
- display: flex;
- }
- .sidebar {
- position: fixed;
- top: 0;
- left: 0;
- bottom: 0;
- width: 280px;
- min-width: 280px;
- z-index: 1000;
- transform: translateX(-100%);
- transition: transform 0.25s ease;
- border-right: 1px solid #243041;
- overflow-y: auto;
- }
- .sidebar.is-mobile-open {
- transform: translateX(0);
- }
- .sidebar__brand {
- margin: 4px 4px 12px;
- }
- .sidebar__collapse-btn {
- display: flex;
- }
- .sidebar__collapse-icon {
- transform: rotate(180deg);
- }
- .sidebar__nav {
- display: grid;
- gap: 4px;
- }
- .topbar {
- padding: 0 14px;
- }
- .container {
- margin-top: 16px;
- width: calc(100% - 16px);
- margin-left: 8px;
- margin-right: 8px;
- padding: 0 3px 12px;
- }
- .settings-grid {
- grid-template-columns: 1fr;
- }
- .page-head {
- flex-direction: column;
- align-items: flex-start;
- }
- .orders-stats {
- grid-template-columns: 1fr;
- width: 100%;
- }
- .order-show-layout {
- grid-template-columns: 1fr;
- }
- .order-statuses-side {
- position: static;
- top: auto;
- }
- .order-statuses-side__title {
- cursor: pointer;
- }
- .order-statuses-side__arrow {
- display: block;
- }
- .order-details-actions {
- justify-content: flex-start;
- }
- .order-grid-2,
- .order-grid-3 {
- grid-template-columns: 1fr;
- }
- .order-kv {
- grid-template-columns: 1fr;
- gap: 2px;
- }
- .filters-grid,
- .form-grid,
- .form-grid-2,
- .form-grid-3,
- .form-grid-4,
- .shipment-grid,
- .statuses-form,
- .statuses-inline-form,
- .table-list-filters,
- .product-links-search-form,
- .product-links-inline-form {
- grid-template-columns: 1fr;
- }
- .statuses-dnd-item__content {
- display: block;
- }
- .statuses-inline-delete {
- margin-top: 6px;
- }
- .filters-actions {
- align-items: center;
- }
- .table-list__header,
- .table-list__footer {
- align-items: flex-start;
- }
- .product-links-head {
- grid-template-columns: 1fr;
- }
- .integration-settings-group__grid {
- grid-template-columns: 1fr;
- }
- .integration-settings-checkboxes__list {
- grid-template-columns: 1fr;
- }
- .card {
- padding: 12px;
- }
- .modal--image-preview {
- width: min(92vw, 100%);
- }
- .email-tpl-editor-wrap {
- flex-direction: column;
- }
- .email-tpl-var-panel {
- min-width: 200px;
- }
- .modal-box {
- width: 95vw;
- max-height: 90vh;
- }
-}
-.email-tpl-editor-wrap {
- display: flex;
- flex-direction: column;
- border: 1px solid var(--c-border);
- border-radius: 6px;
- overflow: visible;
-}
-
-.email-tpl-toolbar {
- display: flex;
- align-items: center;
- gap: 6px;
- padding: 6px 8px;
- background: var(--c-bg-subtle, #f8f9fa);
- border-bottom: 1px solid var(--c-border);
-}
-
-.email-tpl-var-dropdown {
- position: relative;
-}
-
-.email-tpl-var-panel {
- position: absolute;
- top: 100%;
- left: 0;
- z-index: 300;
- min-width: 260px;
- max-height: 320px;
- overflow-y: auto;
- background: var(--c-bg);
- border: 1px solid var(--c-border);
- border-radius: 6px;
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
- padding: 6px;
- margin-top: 4px;
-}
-
-.email-var-group:not(:first-child) {
- margin-top: 6px;
- padding-top: 6px;
- border-top: 1px solid var(--c-border);
-}
-.email-var-group__label {
- font-size: 11px;
- font-weight: 600;
- text-transform: uppercase;
- color: var(--c-text-muted);
- padding: 2px 4px;
- letter-spacing: 0.03em;
-}
-
-.email-var-item {
- display: block;
- width: 100%;
- text-align: left;
- padding: 3px 6px;
- margin: 1px 0;
- border: none;
- background: none;
- font-size: 12px;
- font-family: "Roboto Mono", monospace;
- color: var(--c-text);
- border-radius: 3px;
- cursor: pointer;
-}
-.email-var-item:hover {
- background: var(--c-primary);
- color: #fff;
-}
-
-#js-quill-editor {
- min-height: 200px;
-}
-#js-quill-editor .ql-editor {
- min-height: 200px;
- font-size: 13px;
-}
-
-.modal-overlay {
- position: fixed;
- inset: 0;
- z-index: 1000;
- display: flex;
- align-items: center;
- justify-content: center;
- background: rgba(0, 0, 0, 0.45);
-}
-
-.modal-box {
- width: min(680px, 90vw);
- max-height: 80vh;
- background: var(--c-bg);
- border-radius: 8px;
- box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
- display: flex;
- flex-direction: column;
- overflow: hidden;
-}
-.modal-box__header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding: 10px 16px;
- border-bottom: 1px solid var(--c-border);
-}
-.modal-box__title {
- margin: 0;
- font-size: 15px;
- font-weight: 600;
-}
-.modal-box__close {
- background: none;
- border: none;
- font-size: 22px;
- line-height: 1;
- cursor: pointer;
- color: var(--c-text-muted);
- padding: 0 4px;
-}
-.modal-box__close:hover {
- color: var(--c-text);
-}
-.modal-box__body {
- padding: 12px 16px;
- overflow-y: auto;
- flex: 1;
-}
+:root{--c-primary: #6690f4;--c-primary-dark: #3164db;--c-action-primary: #0f766e;--c-action-primary-dark: #0b5f59;--c-bg: #f4f6f9;--c-surface: #ffffff;--c-text: #4e5e6a;--c-text-strong: #2d3748;--c-muted: #718096;--c-border: #b0bec5;--c-danger: #cc0000;--focus-ring: 0 0 0 3px rgba(102, 144, 244, 0.15);--focus-ring-action: 0 0 0 3px rgba(15, 118, 110, 0.18);--shadow-card: 0 1px 4px rgba(0, 0, 0, 0.06)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 12px;border:1px solid rgba(0,0,0,0);border-radius:8px;font:inherit;font-weight:600;text-decoration:none;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .1s ease}.btn--primary{color:#fff;background:var(--c-action-primary)}.btn--primary:hover{background:var(--c-action-primary-dark)}.btn--secondary{color:var(--c-text-strong);border-color:var(--c-border);background:var(--c-surface)}.btn--secondary:hover{border-color:#cbd5e0;background:#f8fafc}.btn--danger{color:#fff;border-color:#b91c1c;background:#dc2626}.btn--danger:hover{border-color:#991b1b;background:#b91c1c}.btn--sm{min-height:28px;padding:3px 10px;font-size:12px}.btn--block{width:100%}.btn--disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring-action);border-color:var(--c-action-primary)}.form-control{width:100%;min-height:30px;border:1px solid var(--c-border);border-radius:6px;padding:4px 8px;font:inherit;color:var(--c-text-strong);background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.form-control:focus{outline:none;border-color:var(--c-primary);box-shadow:var(--focus-ring)}.input{min-height:34px;border:1px solid var(--c-border);border-radius:8px;padding:5px 10px;font:inherit;color:var(--c-text-strong);background:#fff}.input--sm{min-height:28px;padding:3px 8px;font-size:12px}.flash{padding:8px 12px;border-radius:6px;font-size:13px}.flash--success{border:1px solid #b7ebcf;background:#f0fff6;color:#0f6b39}.flash--error{border:1px solid #fed7d7;background:#fff5f5;color:var(--c-danger)}.alert{padding:12px 14px;border-radius:8px;border:1px solid rgba(0,0,0,0);font-size:13px;min-height:44px}.alert--danger{border-color:#fed7d7;background:#fff5f5;color:var(--c-danger)}.alert--success{border-color:#b7ebcf;background:#f0fff6;color:#0f6b39}.alert--warning{border-color:#f7dd8b;background:#fff8e8;color:#815500}.form-field{display:grid;gap:5px}.field-label{color:var(--c-text-strong);font-size:13px;font-weight:600}.table-wrap{width:100%;overflow-x:auto}.table-wrap--visible{overflow:visible !important;overflow-x:visible !important}.table{width:100%;border-collapse:collapse;background:var(--c-surface)}.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--c-border);text-align:left}.table th{color:var(--c-text-strong);font-weight:700;background:#f8fafc}.table--details th{white-space:nowrap}.table--details th:first-child,.table--details td:first-child{width:36px;text-align:center}.pagination{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.pagination__item{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border-radius:8px;border:1px solid var(--c-border);color:var(--c-text-strong);background:var(--c-surface);text-decoration:none;font-weight:600}.pagination__item:hover{border-color:#cbd5e0;background:#f8fafc}.pagination__item.is-active{border-color:var(--c-primary);color:var(--c-primary);background:#edf2ff}.receipt-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--c-text-strong)}.receipt-header__seller{flex:1}.receipt-header__seller strong{font-size:14px;display:block;margin-bottom:4px}.receipt-header__title{text-align:right}.receipt-header__title h1{font-size:18px;font-weight:700;margin-bottom:4px}.receipt-print{max-width:700px;margin:0 auto}@media print{.receipt-print{max-width:100%}}.email-send-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.email-send-modal{background:var(--c-card-bg, #fff);border-radius:8px;width:580px;max-width:95vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 32px rgba(0,0,0,.2)}.email-send-modal__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--c-border, #e0e0e0)}.email-send-modal__header h3{margin:0;font-size:15px}.email-send-modal__close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--c-text-muted, #888);padding:0 4px}.email-send-modal__close:hover{color:var(--c-text, #333)}.email-send-modal__body{padding:16px;overflow-y:auto;flex:1}.email-send-modal__field{margin-bottom:10px}.email-send-modal__field label{display:block;font-size:12px;font-weight:600;margin-bottom:4px;color:var(--c-text-muted, #666)}.email-send-modal__field .input{width:100%}.email-send-modal__actions-top{margin-bottom:10px}.email-send-modal__footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--c-border, #e0e0e0)}.email-send-preview{border:1px solid var(--c-border, #e0e0e0);border-radius:4px;padding:12px;max-height:280px;overflow-y:auto;background:var(--c-bg, #fafafa)}.email-send-preview__subject{font-weight:600;font-size:13px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--c-border, #e0e0e0)}.email-send-preview__body{font-size:13px;line-height:1.5}.email-send-preview__body p{margin:0 0 8px}.email-send-preview__attachments{margin-top:8px;padding-top:8px;border-top:1px solid var(--c-border, #e0e0e0);font-size:12px;color:var(--c-text-muted, #666)}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.automation-row{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:var(--c-surface, #f8f9fa);border:1px solid var(--c-border, #dee2e6);border-radius:6px}.automation-row__fields{flex:1;display:flex;flex-direction:column;gap:6px}.automation-row__type{max-width:280px}.automation-row__config{display:flex;flex-wrap:wrap;gap:8px}.automation-row__config .form-control{min-width:200px;max-width:300px}.automation-row__remove{flex-shrink:0;margin-top:2px;line-height:1;font-size:16px;padding:2px 8px}.checkbox-group{display:flex;flex-wrap:wrap;gap:4px 16px}.checkbox-label{display:flex;align-items:center;gap:4px;font-size:13px;cursor:pointer;white-space:nowrap}.checkbox-label input[type=checkbox]{margin:0}.automation-actions-cell{white-space:nowrap}.automation-inline-form{display:inline}.automation-history-filters{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:8px;align-items:end}.automation-history-filters .form-field{margin:0}.automation-history-filters .field-label{font-size:12px;margin-bottom:4px}.automation-history-filters .form-control{min-height:34px}.automation-history-filters__actions{display:flex;gap:6px;align-items:center;justify-content:flex-start;padding-bottom:1px}.print-status-badge{display:inline-block;padding:2px 8px;border-radius:3px;font-size:.75rem;font-weight:600;line-height:1.4}.print-status-badge--pending{background-color:#fff3cd;color:#856404}.print-status-badge--completed{background-color:#d4edda;color:#155724}.print-status-badge--failed{background-color:#f8d7da;color:#721c24}.print-queue-filters{display:flex;gap:4px}.print-queue-table td,.print-queue-table th{padding:6px 8px;font-size:.85rem}.print-queue-actions{display:inline-flex;align-items:center;gap:6px}.print-queue-delete-form{margin:0}.btn--outline-primary{background:rgba(0,0,0,0);border:1px solid var(--c-action-primary);color:var(--c-action-primary);cursor:pointer;border-radius:3px;font-size:.75rem;padding:3px 8px;transition:background-color .15s,color .15s}.btn--outline-primary:hover{background-color:var(--c-action-primary);color:#fff}.btn--outline-primary:disabled{opacity:.6;cursor:not-allowed}.btn--outline-primary.is-success{border-color:#28a745;color:#28a745}.shipment-presets{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px;margin-bottom:16px}.shipment-presets__btn{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border:none;border-radius:6px;background:var(--preset-color, #3b82f6);color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:opacity .15s;line-height:1.4}.shipment-presets__btn:hover{opacity:.85}.shipment-presets__add{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border:1px dashed #ccc;border-radius:6px;background:rgba(0,0,0,0);color:#666;font-size:13px;cursor:pointer;transition:border-color .15s,color .15s;line-height:1.4}.shipment-presets__add:hover{border-color:#999;color:#444}.preset-modal{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:1000;display:flex;align-items:center;justify-content:center}.preset-modal__content{background:#fff;border-radius:8px;padding:24px;min-width:360px;max-width:420px;box-shadow:0 8px 32px rgba(0,0,0,.2)}.preset-modal__content h3{margin:0 0 4px;font-size:16px}.preset-modal__colors{display:flex;gap:8px;flex-wrap:wrap}.preset-modal__color-swatch{width:28px;height:28px;border-radius:50%;cursor:pointer;border:2px solid rgba(0,0,0,0);transition:border-color .15s}.preset-modal__color-swatch:hover{border-color:#aaa}.preset-modal__color-swatch.is-selected{border-color:#333}.shipment-presets__btn-wrap{position:relative;display:inline-flex}.shipment-presets__btn-wrap:hover .shipment-presets__edit-icon{opacity:1}.shipment-presets__edit-icon{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:#fff;border:1px solid #ddd;font-size:10px;line-height:16px;text-align:center;cursor:pointer;opacity:0;transition:opacity .15s;padding:0;color:#666;z-index:2}.shipment-presets__edit-icon:hover{background:#f3f4f6;border-color:#999}.shipment-presets__dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,.12);z-index:100;min-width:200px;padding:4px 0}.shipment-presets__dropdown-item{padding:6px 14px;font-size:13px;cursor:pointer;white-space:nowrap}.shipment-presets__dropdown-item:hover{background:#f3f4f6}.shipment-presets__dropdown-item.is-danger{color:#ef4444}.shipment-presets__dropdown-item.is-danger:hover{background:#fef2f2}.delivery-badge{display:inline-block;padding:2px 8px;border-radius:3px;font-size:.8em;font-weight:500;white-space:nowrap}.delivery-badge--unknown{background:#f5f5f5;color:#999}.delivery-badge--created{background:#e3f2fd;color:#1565c0}.delivery-badge--confirmed{background:#bbdefb;color:#0d47a1}.delivery-badge--in_transit{background:#fff3e0;color:#e65100}.delivery-badge--out_for_delivery{background:#ffe0b2;color:#bf360c}.delivery-badge--ready_for_pickup{background:#f3e5f5;color:#6a1b9a}.delivery-badge--delivered{background:#e8f5e9;color:#2e7d32}.delivery-badge--returned{background:#ffebee;color:#c62828}.delivery-badge--cancelled{background:#e0e0e0;color:#616161}.delivery-badge--problem{background:#fff8e1;color:#f57f17}.tracking-link{margin-left:4px;text-decoration:none;font-size:.85em}.dsm-row--custom{background:rgba(59,130,246,.06)}.dsm-raw-status{font-size:.82rem;background:var(--surface-alt, #f1f5f9);padding:2px 6px;border-radius:3px;white-space:nowrap}.global-search{flex:1;max-width:500px;position:relative;margin:0 16px}.global-search__input{width:100%;padding:6px 12px;font-size:13px;border:1px solid var(--c-border);border-radius:4px;background:var(--c-bg);color:var(--c-text);outline:none;transition:border-color .15s}.global-search__input::placeholder{color:var(--c-text-muted, #94a3b8)}.global-search__input:focus{border-color:var(--c-primary, #3b82f6);box-shadow:0 0 0 2px rgba(59,130,246,.15)}.global-search__results{display:none;position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--c-surface, #fff);border:1px solid var(--c-border);border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,.12);max-height:400px;overflow-y:auto;z-index:1000}.global-search__item{display:block;padding:8px 12px;cursor:pointer;text-decoration:none;color:var(--c-text);border-bottom:1px solid var(--c-border);transition:background-color .1s}.global-search__item:last-child{border-bottom:none}.global-search__item:hover,.global-search__item.is-highlighted{background:var(--c-bg, #f1f5f9)}.global-search__item-title{font-weight:600;font-size:13px;margin-bottom:2px}.global-search__item-details{font-size:11px;color:var(--c-text-muted, #64748b)}.global-search__empty{padding:12px;text-align:center;color:var(--c-text-muted, #94a3b8);font-size:13px}@media(max-width: 768px){.global-search{max-width:none;margin:0 8px}.global-search__input{font-size:12px;padding:5px 8px}}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:"Roboto","Segoe UI",sans-serif;font-size:13px;color:var(--c-text);background:var(--c-bg)}a{color:var(--c-primary)}.app-shell{min-height:100vh;display:flex}.sidebar{width:260px;min-width:260px;flex-shrink:0;overflow:hidden;transition:width .22s ease,min-width .22s ease;border-right:1px solid #243041;background:#111a28;padding:18px 10px;display:flex;flex-direction:column}.sidebar.is-collapsed{width:52px;min-width:52px;padding:18px 0}.sidebar.is-collapsed .sidebar__brand-text{display:none}.sidebar.is-collapsed .sidebar__brand{justify-content:center;margin:4px 0 16px}.sidebar.is-collapsed .sidebar__label{display:none}.sidebar.is-collapsed .sidebar__toggle-arrow{display:none}.sidebar.is-collapsed .sidebar__link,.sidebar.is-collapsed .sidebar__group-toggle{justify-content:center;padding:9px;border-radius:8px;margin:0 6px}.sidebar.is-collapsed .sidebar__group-links{display:none}.sidebar.is-collapsed .sidebar__icon{margin:0}.sidebar__brand{display:flex;align-items:center;justify-content:space-between;margin:4px 4px 16px;gap:6px;min-width:0}.sidebar__brand-text{color:#e9f0ff;font-size:24px;font-weight:300;letter-spacing:-0.02em;white-space:nowrap;overflow:hidden;flex:1;min-width:0}.sidebar__brand-text strong{font-weight:700}.sidebar__collapse-btn{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:1px solid #2a3a54;border-radius:6px;color:#64748b;cursor:pointer;padding:0;transition:background .15s,color .15s}.sidebar__collapse-btn:hover{background:#1b2a3f;color:#cbd5e1}.sidebar__collapse-icon{display:block;transition:transform .22s ease;flex-shrink:0}.sidebar.is-collapsed .sidebar__collapse-icon{transform:rotate(180deg)}.sidebar__nav{display:grid;gap:4px}.sidebar__link{display:flex;align-items:center;gap:9px;white-space:nowrap;border-radius:8px;padding:9px 10px;text-decoration:none;color:#cbd5e1;font-weight:600}.sidebar__link:hover{color:#f8fafc;background:#1b2a3f}.sidebar__link.is-active{color:#fff;background:#2e4f93}.sidebar__group{display:grid;gap:2px}.sidebar__group-toggle{list-style:none;border-radius:8px;padding:9px 10px;color:#cbd5e1;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:9px;white-space:nowrap;user-select:none}.sidebar__group-toggle::-webkit-details-marker{display:none}.sidebar__group:hover .sidebar__group-toggle,.sidebar__group-toggle:hover{color:#f8fafc;background:#1b2a3f}.sidebar__group.is-active .sidebar__group-toggle{color:#fff;background:#2e4f93}.sidebar__icon{flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;opacity:.85}.sidebar__label{flex:1;min-width:0;overflow:hidden}.sidebar__toggle-arrow{flex-shrink:0;margin-left:auto;opacity:.5;transition:transform .18s ease}details[open]>.sidebar__group-toggle .sidebar__toggle-arrow{transform:rotate(180deg)}.sidebar__group-links{display:grid;gap:2px;padding-left:12px;overflow:hidden}.sidebar__sublink{border-radius:6px;padding:7px 10px 7px 8px;text-decoration:none;color:#94a3b8;font-size:12.5px;font-weight:500;display:flex;align-items:center;gap:8px;white-space:nowrap}.sidebar__sublink::before{content:"";flex-shrink:0;width:5px;height:5px;border-radius:50%;background:rgba(148,163,184,.3);transition:background .15s}.sidebar__sublink:hover{color:#e2e8f0;background:#1b2a3f}.sidebar__sublink:hover::before{background:rgba(148,163,184,.65)}.sidebar__sublink.is-active{color:#fff;background:rgba(46,79,147,.55)}.sidebar__sublink.is-active::before{background:#93c5fd}.app-main{flex:1;min-width:0}.topbar{height:50px;border-bottom:1px solid var(--c-border);background:var(--c-surface);display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:100}.brand{font-size:22px;font-weight:300;letter-spacing:-0.02em;color:var(--c-text-strong)}.brand strong{font-weight:700}.container{max-width:none;width:calc(100% - 20px);margin:12px 10px;padding:0 4px 14px}.card{background:var(--c-surface);border-radius:10px;box-shadow:var(--shadow-card);padding:14px}.card h1{margin:0 0 10px;color:var(--c-text-strong);font-size:24px;font-weight:700}.muted{color:var(--c-muted)}.accent{color:var(--c-primary);font-weight:600}.users-form{display:grid;gap:14px;max-width:460px}.form-field{margin-bottom:12px}.section-title{margin:0;color:var(--c-text-strong);font-size:18px;font-weight:700}h2.section-title,h3.section-title,h4.section-title{display:flex;align-items:center;gap:6px;font-weight:600;padding:6px 0;margin-bottom:8px;border-bottom:1px solid #e2e8f0;color:var(--c-primary, #2563eb)}h2.section-title::before,h3.section-title::before,h4.section-title::before{content:"■";font-size:.55em;opacity:.5}h3.section-title,h4.section-title{font-size:15px}h3.section-title::before,h4.section-title::before{content:"◆";font-size:.5em}.mt-0{margin-top:0}.mt-4{margin-top:4px}.mt-12{margin-top:8px}.mt-16{margin-top:12px}.settings-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px}.settings-nav{display:flex;gap:8px;flex-wrap:wrap}.settings-nav__link{text-decoration:none;border:1px solid var(--c-border);border-radius:8px;padding:8px 12px;color:var(--c-text-strong);font-weight:600}.settings-nav__link:hover{background:#f8fafc}.settings-nav__link.is-active{border-color:var(--c-primary);color:var(--c-primary);background:#edf2ff}.settings-stat{border:1px solid var(--c-border);border-radius:8px;padding:12px;background:#f8fafc}.settings-stat__label{display:block;color:var(--c-muted);font-size:12px;margin-bottom:4px}.settings-stat__value{color:var(--c-text-strong);font-size:20px}.settings-logs{margin:0;padding:12px;border-radius:8px;border:1px solid var(--c-border);background:#0b1220;color:#d1d5db;font-size:12px;line-height:1.5;overflow:auto}.settings-allegro-callback{display:block;width:100%;padding:8px 10px;border:1px solid var(--c-border);border-radius:8px;background:#f8fafc;color:var(--c-text-strong);font-size:12px;line-height:1.45;word-break:break-all}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.filters-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px}.filters-actions{display:flex;align-items:center;gap:8px}.product-form .form-control{width:100%}.form-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px}.form-grid-2{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px;align-items:start}.form-grid-3{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px;align-items:start}.form-grid-4{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:12px;align-items:start}.form-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start}.form-actions .btn{align-self:flex-start}.statuses-form{display:grid;gap:8px;grid-template-columns:repeat(2, minmax(0, 1fr))}.statuses-form .form-actions{grid-column:1/-1}.statuses-color-input{min-height:32px;padding:2px}.statuses-hint{grid-column:1/-1;margin:0}.statuses-group-block{border:1px solid var(--c-border);border-radius:10px;padding:8px;background:#fbfdff}.statuses-group-block__head{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}.statuses-group-block__title{margin:0;display:inline-flex;align-items:center;gap:6px;color:var(--c-text-strong);font-size:14px}.statuses-color-dot{width:12px;height:12px;border-radius:999px;border:1px solid rgba(15,23,42,.15)}.statuses-dnd-list{margin:6px 0 0;padding:0;list-style:none;display:grid;gap:6px}.statuses-dnd-item{display:grid;grid-template-columns:24px 1fr;gap:6px;border:1px solid #dce4f0;border-radius:8px;background:#fff;padding:6px}.statuses-dnd-item__content{display:flex;align-items:center;gap:6px;min-width:0}.statuses-dnd-item.is-dragging{opacity:.6}.statuses-dnd-item__drag{display:inline-flex;align-items:center;justify-content:center;border:1px dashed #cbd5e1;border-radius:6px;color:#64748b;cursor:grab;user-select:none;font-weight:700;font-size:12px}.statuses-dnd-item__drag:active{cursor:grabbing}.statuses-inline-form{display:grid;gap:6px}.statuses-inline-form--row{grid-template-columns:minmax(180px, 1.4fr) minmax(150px, 1fr) auto auto auto;align-items:center;flex:1 1 auto;min-width:0}.statuses-inline-form--row-group{grid-template-columns:minmax(180px, 1.5fr) 56px auto auto auto;align-items:center;flex:1 1 auto;min-width:0}.statuses-inline-form--row .form-control,.statuses-inline-form--row-group .form-control{min-height:30px;padding:4px 8px}.statuses-inline-form--row .btn,.statuses-inline-form--row-group .btn,.statuses-inline-delete .btn{min-height:30px;padding:4px 10px;font-size:12px}.statuses-inline-check{margin-top:0;white-space:nowrap;font-size:12px}.statuses-inline-delete{margin:0;flex:0 0 auto}.statuses-code-label{font-size:12px;color:var(--c-muted)}.statuses-code-readonly{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:12px}.statuses-code-readonly code{background:#eef2f7;border-radius:6px;padding:1px 6px;color:#1f2937;font-size:12px}.field-inline{display:flex;align-items:center;gap:8px;margin-top:2px}.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.5);display:flex;align-items:center;justify-content:center;padding:16px;z-index:200}.modal-backdrop[hidden]{display:none}.modal{width:min(560px,100%);background:#fff;border-radius:10px;box-shadow:0 20px 40px rgba(15,23,42,.35);overflow:hidden}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;border-bottom:1px solid var(--c-border)}.modal__header h3{margin:0;font-size:18px;color:var(--c-text-strong)}.modal__body{padding:16px 18px 18px}.status-pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid #fed7d7;background:#fff5f5;color:#9b2c2c;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.status-pill.is-active{border-color:#b7ebcf;background:#f0fff6;color:#0f6b39}.table-row-actions{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.table-row-actions form{margin:0}.table-list{display:grid;gap:14px}.table-list__header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.table-list__left{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.table-list-header-actions{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.js-filter-toggle-btn.is-active{border-color:#cbd5e0;background:#edf2ff;color:var(--c-primary-dark)}.table-filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;color:#fff;background:var(--c-primary);border-radius:999px}.table-filters-wrapper{display:none}.table-filters-wrapper.is-open{display:block}.table-list-filters{display:grid;gap:12px;grid-template-columns:repeat(auto-fit, minmax(170px, 1fr));align-items:end}.table-col-toggle-wrapper{position:relative}.table-col-toggle-dropdown{display:none;position:absolute;right:0;top:calc(100% + 6px);z-index:30;width:260px;max-height:360px;overflow:auto;border:1px solid var(--c-border);border-radius:10px;background:#fff;box-shadow:0 10px 25px rgba(15,23,42,.12)}.table-col-toggle-dropdown.is-open{display:block}.table-col-toggle-header{padding:10px 12px;border-bottom:1px solid var(--c-border);font-size:12px;font-weight:700;color:var(--c-muted)}.table-col-toggle-item{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:13px;color:var(--c-text-strong)}.table-col-toggle-item:hover{background:#f8fafc}.table-col-toggle-footer{border-top:1px solid var(--c-border);padding:8px 12px}.table-col-hidden{display:none}.table-col-switch{position:relative;display:inline-block;width:34px;min-width:34px;height:18px}.table-col-switch input{opacity:0;width:0;height:0;position:absolute}.table-col-switch-slider{position:absolute;top:0;left:0;right:0;bottom:0;background:#cbd5e1;border-radius:999px;transition:background-color .2s ease}.table-col-switch-slider::before{content:"";position:absolute;height:14px;width:14px;left:2px;bottom:2px;background:#fff;border-radius:50%;transition:transform .2s ease}.table-col-switch input:checked+.table-col-switch-slider{background:#16a34a}.table-col-switch input:checked+.table-col-switch-slider::before{transform:translateX(16px)}.table-sort-link{display:inline-flex;align-items:center;gap:6px;color:var(--c-text-strong);text-decoration:none}.table-sort-link:hover{color:var(--c-primary-dark)}.table-sort-icon.is-muted{color:#a0aec0}.table-list__footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.table-list-per-page-form{display:inline-flex;align-items:center;gap:8px}.table-list-per-page-form .form-control{min-width:90px}.table-select-col{width:44px;text-align:center}.table-select-toggle{display:inline-flex;align-items:center;justify-content:center}.table-select-toggle input[type=checkbox]{width:16px;height:16px}.orders-page .orders-head{background:linear-gradient(120deg, #f8fbff 0%, #eef5ff 100%);border:1px solid #dbe7fb}.orders-page .table-list{border:1px solid #dde5f2;border-radius:12px;box-shadow:0 6px 16px rgba(20,44,86,.08)}.orders-page .table-list__header{padding:10px 6px 2px}.orders-page .table-list-filters{padding:6px 6px 2px;border-top:1px solid #ebf0f7;border-bottom:1px solid #ebf0f7;background:#f9fbff}.orders-page .table-wrap{border-radius:10px;overflow:hidden;border:1px solid #e7edf6}.orders-page .table thead th{background:#f3f7fd;color:#30435f;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.orders-page .table tbody td{vertical-align:middle;padding-top:10px;padding-bottom:10px;border-bottom-color:#edf2f8}.orders-page .table tbody tr:hover td{background:#f9fcff}.orders-list-page{padding:10px;margin-bottom:10px}.orders-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.orders-stats{display:inline-grid;grid-template-columns:repeat(3, minmax(86px, auto));gap:8px}.orders-stat{border:1px solid #d8e2f0;background:#f8fbff;border-radius:8px;padding:6px 8px;line-height:1.15}.orders-stat__label{display:block;color:#5f6f83;font-size:11px;margin-bottom:2px}.orders-stat__value{color:#12233a;font-size:16px;font-weight:700}.orders-ref{display:grid;gap:2px;min-width:170px}.orders-ref__main{font-weight:700;color:#0f1f35;font-size:14px}.orders-ref__meta{display:inline-flex;flex-wrap:wrap;gap:4px 10px;color:#64748b;font-size:12px}.orders-buyer{display:grid;gap:2px}.orders-buyer__name{color:#0f172a;font-weight:600;font-size:14px}.orders-buyer__meta{display:inline-flex;flex-wrap:wrap;gap:4px 10px;color:#64748b;font-size:12px}.orders-status-wrap{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap;cursor:pointer}.orders-status-wrap .order-tag{cursor:pointer}.orders-status-dropdown{position:fixed;z-index:9999;min-width:180px;max-height:280px;overflow-y:auto;background:#fff;border:1px solid #d8e1ef;border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,.12);padding:4px 0}.orders-status-dropdown__group-header{padding:6px 12px 2px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.orders-status-dropdown__group-header:not(:first-child){border-top:1px solid #f1f5f9;margin-top:2px;padding-top:8px}.orders-status-dropdown__item{display:flex;align-items:center;gap:8px;padding:5px 12px;font-size:13px;color:#334155;cursor:pointer;white-space:nowrap}.orders-status-dropdown__item:hover{background:#f1f5f9}.orders-status-dropdown__item.is-current{font-weight:700;background:#f8fafc}.orders-status-dropdown__color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.order-tag{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d8e1ef;background:#f8fafc;color:#334155;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700;line-height:1.1;white-space:nowrap}.order-tag.is-info{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.order-tag.is-success{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.order-tag.is-danger{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.order-tag.is-warn{border-color:#fde68a;background:#fffbeb;color:#92400e}.order-tag.is-cod{border-color:#f9a8d4;background:#fdf2f8;color:#9d174d}.order-tag.is-unpaid{border-color:#fca5a5;background:#fef2f2;color:#b91c1c}.orders-mini{font-size:14px;color:#223247;line-height:1.25}.orders-mini__delivery{font-size:12px;color:#64748b;margin-bottom:2px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orders-products{display:grid;gap:4px;min-width:240px}.orders-products__meta,.orders-products__more{font-size:12px;color:#64748b}.orders-product{display:grid;grid-template-columns:48px 1fr;gap:6px;align-items:center}.orders-product__thumb{width:48px;height:48px;border-radius:4px;border:1px solid #dbe3ef;object-fit:cover;background:#fff}.orders-product__thumb--empty{display:inline-block;background:#eef2f7;border-style:dashed}.orders-product__txt{min-width:0;display:grid;gap:1px}.orders-product__name{font-size:14px;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.orders-product__qty{font-size:12px;color:#64748b}.orders-image-hover-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:zoom-in}.orders-image-hover-popup{display:none;position:fixed;left:auto;top:auto;width:350px;max-height:350px;object-fit:contain;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.18);border:1px solid #dfe3ea;z-index:100;pointer-events:none}.orders-image-hover-wrap:hover .orders-image-hover-popup{display:block}.activity-type-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500;white-space:nowrap;background:#e2e8f0;color:#334155}.activity-type-badge--status_change{background:#dbeafe;color:#1e40af}.activity-type-badge--payment{background:#dcfce7;color:#166534}.activity-type-badge--invoice{background:#fef3c7;color:#92400e}.activity-type-badge--shipment{background:#e0e7ff;color:#3730a3}.activity-type-badge--message{background:#f3e8ff;color:#6b21a8}.activity-type-badge--document{background:#fce7f3;color:#9d174d}.activity-type-badge--import{background:#f1f5f9;color:#475569}.activity-type-badge--note{background:#ecfdf5;color:#065f46}.text-nowrap{white-space:nowrap}.orders-money{display:grid;gap:2px}.orders-money__main{color:#0f172a;font-weight:700;font-size:14px}.orders-money__meta{color:#64748b;font-size:12px}.table-list[data-table-list-id=orders]{gap:8px}.table-list[data-table-list-id=orders] .table-list__header{padding:2px 0 0}.table-list[data-table-list-id=orders] .table-list-filters{gap:8px;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr))}.table-list[data-table-list-id=orders] .table th,.table-list[data-table-list-id=orders] .table td{padding:6px 8px}.table-list[data-table-list-id=orders] .table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.table-list[data-table-list-id=orders] .table tbody td{vertical-align:top;font-size:14px;line-height:1.25}.order-show-layout{display:grid;grid-template-columns:220px minmax(0, 1fr);gap:12px;align-items:start}.order-statuses-side{position:sticky;top:60px;padding:10px}.order-statuses-side__title{font-size:13px;font-weight:700;color:#0f172a;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;list-style:none}.order-statuses-side__title::-webkit-details-marker{display:none}.order-statuses-side__arrow{display:none;flex-shrink:0;opacity:.5;transition:transform .2s ease}details[open]>.order-statuses-side__title .order-statuses-side__arrow{transform:rotate(180deg)}.order-status-group{margin-bottom:10px}.order-status-group__name{font-size:12px;color:#475569;font-weight:700;margin-bottom:5px}.order-status-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 6px;border-radius:6px;color:#334155;font-size:12px;text-decoration:none}.order-status-row__count{min-width:24px;text-align:center;border-radius:999px;background:var(--status-color, #64748b);padding:1px 6px;font-weight:700;font-size:11px;color:#fff}.order-status-row:hover{background:#f1f5f9}.order-status-row.is-active{background:rgba(15,23,42,.06);color:#0f172a;font-weight:700}.order-show-main{min-width:0}.order-details-actions{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.order-details-page{padding:12px}.order-details-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.order-back-link{color:#475569;text-decoration:none;font-weight:600}.order-back-link:hover{color:#1d4ed8}.order-details-sub{display:inline-flex;gap:10px;flex-wrap:wrap;color:#64748b;font-size:12px}.order-details-pill{border-radius:999px;padding:5px 10px;background:#eef6ff;border:1px solid #cfe2ff;color:#1d4ed8;font-size:12px;font-weight:700}.order-status-change{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.order-status-change__form{display:flex;align-items:center;gap:6px}.order-status-change__select{min-width:180px}.order-details-tabs{display:flex;gap:6px;flex-wrap:wrap}.order-details-tab{border:1px solid #d6deea;border-radius:8px;padding:5px 10px;color:#475569;font-size:12px;background:#f8fafc;cursor:pointer}.order-details-tab.is-active{border-color:#bfdbfe;color:#1d4ed8;background:#eff6ff;font-weight:700}.order-item-cell{display:grid;grid-template-columns:44px 1fr;gap:8px;align-items:center;min-width:260px}.order-item-thumb{width:44px;height:44px;border-radius:6px;border:1px solid #dbe3ef;object-fit:cover}.order-item-thumb--empty{display:inline-block;background:#eef2f7;border-style:dashed}.order-item-name{font-weight:600;color:#0f172a}.item-personalization{margin-top:4px;padding:4px 8px;background:#f8fafc;border-left:2px solid #cbd5e1;border-radius:2px;font-size:.92em;color:#475569;line-height:1.4}.item-personalization__label{font-weight:600;color:#64748b;display:block;margin-bottom:2px}.item-personalization__line{white-space:pre-wrap;word-break:break-word}.order-grid-2{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px}.order-grid-3{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px}.order-kv{margin:0;display:grid;grid-template-columns:150px 1fr;gap:6px 10px;font-size:12px}.payment-summary{display:grid;gap:6px;max-width:420px}.payment-summary__row{display:flex;align-items:center;gap:10px;font-size:12px}.payment-summary__label{width:150px;flex-shrink:0;color:#64748b}.payment-summary__value{font-weight:600;color:#0f172a}.payment-add-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:12px;max-width:700px}.payment-add-form__row{display:flex;flex-wrap:wrap;gap:10px}.payment-add-form__field{display:flex;flex-direction:column;gap:3px;flex:1 1 140px;min-width:120px}.payment-add-form__field label{font-size:11px;color:#64748b;font-weight:500}.payment-add-form__field input,.payment-add-form__field select{font-size:12px;padding:4px 8px;border:1px solid #cbd5e1;border-radius:4px;height:30px}.payment-add-form__actions{display:flex;gap:8px;margin-top:12px}.order-kv dt{color:#64748b}.order-kv dd{margin:0;color:#0f172a;font-weight:600}.order-address{display:grid;gap:3px;font-size:12px;color:#0f172a}.order-events{display:grid;gap:8px}.order-event{border:1px solid #e2e8f0;border-radius:8px;padding:8px;background:#fbfdff}.order-event__head{color:#64748b;font-size:11px}.order-event__body{margin-top:4px;color:#0f172a;font-size:12px}.order-tab-panel{display:none}.order-tab-panel.is-active{display:block}.manual-tracking-form{display:flex;gap:8px;align-items:center}.manual-tracking-form .form-control{max-width:220px}.order-empty-placeholder{border:1px dashed #cbd5e1;border-radius:8px;min-height:180px;background:#f8fafc}.order-status-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid #cbd5e1;color:#334155;background:#f8fafc}.order-status-badge.is-info{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.order-status-badge.is-success{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.order-status-badge.is-danger{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.order-status-badge.is-warn{border-color:#fde68a;background:#fffbeb;color:#92400e}.order-status-badge.is-empty{color:#94a3b8}.order-buyer{display:grid;gap:2px}.order-buyer__name{color:#0f172a;font-weight:600}.order-buyer__email{color:#64748b;font-size:12px}.table-inline-action{display:inline-block;margin-right:6px}.product-name-cell{display:inline-flex;align-items:center;gap:10px}.product-name-thumb{width:60px;height:60px;border-radius:6px;object-fit:cover;border:1px solid var(--c-border);background:#f8fafc}.product-name-thumb--empty{display:inline-block;width:60px;height:60px;border-radius:6px;border:1px dashed #cbd5e0;background:#f8fafc}.product-name-thumb-btn{border:0;padding:0;background:rgba(0,0,0,0);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.product-name-thumb-btn:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:8px}.modal--image-preview{width:min(760px,100%)}.product-image-preview__img{display:block;width:100%;max-height:70vh;object-fit:contain;border-radius:8px;background:#f8fafc}.product-images-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));gap:12px}.product-image-card{border:1px solid #dfe3ea;border-radius:10px;padding:10px;background:#fff}.product-image-card__thumb-wrap{position:relative;border-radius:8px;overflow:hidden;background:#f2f5f8}.product-image-card__thumb{width:100%;height:160px;object-fit:cover;display:block}.product-image-card__thumb.is-empty{height:160px;display:grid;place-items:center;color:#6b7785;font-size:12px}.product-image-card__badge{display:none;position:absolute;top:8px;left:8px;background:#1f7a43;color:#fff;padding:3px 8px;border-radius:999px;font-size:11px}.product-image-card.is-main .product-image-card__badge{display:inline-block}.product-image-card__meta{margin-top:8px;font-size:11px;line-height:1.25;color:#5f6b79;overflow-wrap:anywhere}.product-image-card__actions{margin-top:10px;display:grid;grid-template-columns:1fr;gap:8px}.product-image-card__actions .btn{min-height:34px;font-size:12px;line-height:1.2;padding:6px 10px}.product-links-search-form{display:grid;gap:12px;grid-template-columns:minmax(220px, 320px) minmax(220px, 1fr) auto;align-items:end}.product-links-head{display:grid;gap:8px;grid-template-columns:repeat(3, minmax(0, 1fr))}.product-tabs-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.product-links-inline-form{display:grid;gap:8px;grid-template-columns:minmax(140px, 1fr) minmax(140px, 1fr) auto;align-items:center}.product-links-actions-row{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.product-links-actions-row .product-links-relink-form{flex:1 1 auto}.product-links-unlink-form{margin:0;flex:0 0 auto}.product-link-status-cell{display:inline-flex;align-items:center;gap:6px}.product-link-alert-indicator{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;border:1px solid #f59e0b;background:#fffbeb;color:#b45309;font-size:12px;font-weight:700;cursor:help}.product-link-events-list{margin:0;padding:0;list-style:none;display:grid;gap:4px}.product-link-events-list li{display:grid;gap:2px}.product-link-events-type{font-weight:600;color:var(--c-text-strong)}.product-link-events-date{color:var(--c-muted);font-size:12px}.product-show-images-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));gap:12px}.product-show-image-card{border:1px solid var(--c-border);border-radius:10px;background:#fff;padding:10px;overflow:hidden}.product-show-image-card__meta{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-width:0}.product-show-image-path{font-size:12px;min-width:0;overflow:hidden}.product-show-image-path summary{cursor:pointer;color:var(--c-muted, #888);list-style:none;user-select:none;white-space:nowrap}.product-show-image-path summary::-webkit-details-marker{display:none}.product-show-image-path summary::after{content:" ▾"}.product-show-image-path[open] summary::after{content:" ▴"}.product-show-image-path__url{margin-top:4px;word-break:break-all;overflow-wrap:break-word;font-size:11px}.product-show-image{width:100%;max-height:260px;object-fit:cover;border-radius:8px;border:1px solid #d9e0ea}.shipment-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px}.searchable-select{position:relative}.searchable-select__trigger{display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;min-height:34px}.searchable-select__trigger::after{content:"";width:0;height:0;border-left:4px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);border-top:5px solid var(--c-text-muted, #6b7280);margin-left:8px;flex-shrink:0}.searchable-select__trigger--placeholder{color:var(--c-text-muted, #6b7280)}.searchable-select__dropdown{display:none;position:absolute;left:0;right:0;top:100%;z-index:50;max-height:280px;overflow:auto;background:#fff;border:1px solid var(--c-border);border-top:0;border-radius:0 0 8px 8px;box-shadow:0 8px 20px rgba(15,23,42,.12)}.searchable-select__dropdown.is-open{display:block}.searchable-select__search{position:sticky;top:0;border:none !important;border-bottom:1px solid var(--c-border) !important;border-radius:0 !important;box-shadow:none !important;font-size:13px;background:#fff;z-index:1}.searchable-select__option{padding:7px 10px;font-size:13px;cursor:pointer;color:var(--c-text-strong)}.searchable-select__option:hover{background:#f1f5f9}.searchable-select__option.is-selected{background:#edf2ff;font-weight:600}.flash{padding:10px 14px;border-radius:8px;font-size:13px;font-weight:500}.flash--success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.flash--error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.content-tabs-card{margin-top:0}.content-tabs-nav{display:flex;gap:4px;border-bottom:2px solid var(--c-border);margin-bottom:16px;flex-wrap:wrap}.content-tab-btn{padding:8px 16px;border:none;background:none;cursor:pointer;font-size:14px;font-weight:500;color:var(--c-text-muted, #6b7280);border-bottom:2px solid rgba(0,0,0,0);margin-bottom:-2px;border-radius:4px 4px 0 0;transition:color .15s,border-color .15s}.content-tab-btn:hover{color:var(--c-text-strong, #111827)}.content-tab-btn.is-active{color:var(--c-primary, #2563eb);border-bottom-color:var(--c-primary, #2563eb)}.content-tab-panel{display:none}.content-tab-panel.is-active{display:block}.shoppro-tabs-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}.shoppro-tabs-toolbar__field{margin:0;min-width:260px;max-width:420px;flex:1 1 320px}.shoppro-tabs-toolbar__field .form-control{width:100%}.shoppro-tabs-toolbar__actions{display:inline-flex;align-items:center;gap:8px}.dm-carrier-select{min-width:140px}.dm-service-wrap{min-width:200px}.dm-service-wrap .dm-inpost-panel .form-control,.dm-service-wrap .dm-apaczka-panel .form-control{width:100%}.integration-settings-group{grid-column:1/-1;border:1px solid var(--c-border);border-radius:10px;background:#f8fbff;padding:10px}.integration-settings-group__head{margin-bottom:8px;padding:4px 0;border-bottom:1px solid #e2e8f0}.integration-settings-group__title{margin:0;font-size:14px;font-weight:600;letter-spacing:.01em;color:var(--c-text-strong, #1e293b)}.integration-settings-group__desc{margin:4px 0 0;color:#4b5563}.integration-settings-group__grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px 12px;align-items:start}.integration-settings-group__full{grid-column:1/-1}.integration-settings-group__grid .form-field{margin:0;align-self:start}.integration-settings-group__grid .form-control{min-height:34px;height:34px}.integration-settings-group__grid input[type=date].form-control{line-height:1.2}.integration-settings-checkboxes{border:0;padding:0;margin:0}.integration-settings-checkboxes .field-label{display:block;margin-bottom:2px}.integration-settings-checkboxes__list{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:6px 12px}.integration-settings-checkboxes__item{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#334155}.topbar__hamburger{display:none;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:rgba(0,0,0,0);border:none;color:var(--c-text-strong);cursor:pointer;border-radius:6px;flex-shrink:0}.topbar__hamburger:hover{background:var(--c-bg-subtle, #f1f5f9)}.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:999;opacity:0;transition:opacity .25s ease}.sidebar-backdrop.is-visible{display:block;opacity:1}body.no-scroll{overflow:hidden}@media(max-width: 768px){.topbar__hamburger{display:flex}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;min-width:280px;z-index:1000;transform:translateX(-100%);transition:transform .25s ease;border-right:1px solid #243041;overflow-y:auto}.sidebar.is-mobile-open{transform:translateX(0)}.sidebar__brand{margin:4px 4px 12px}.sidebar__collapse-btn{display:flex}.sidebar__collapse-icon{transform:rotate(180deg)}.sidebar__nav{display:grid;gap:4px}.topbar{padding:0 14px}.container{margin-top:16px;width:calc(100% - 16px);margin-left:8px;margin-right:8px;padding:0 3px 12px}.settings-grid{grid-template-columns:1fr}.page-head{flex-direction:column;align-items:flex-start}.orders-stats{grid-template-columns:1fr;width:100%}.order-show-layout{grid-template-columns:1fr}.order-statuses-side{position:static;top:auto}.order-statuses-side__title{cursor:pointer}.order-statuses-side__arrow{display:block}.order-details-actions{justify-content:flex-start}.order-grid-2,.order-grid-3{grid-template-columns:1fr}.order-kv{grid-template-columns:1fr;gap:2px}.filters-grid,.form-grid,.form-grid-2,.form-grid-3,.form-grid-4,.shipment-grid,.statuses-form,.statuses-inline-form,.table-list-filters,.product-links-search-form,.product-links-inline-form{grid-template-columns:1fr}.statuses-dnd-item__content{display:block}.statuses-inline-delete{margin-top:6px}.filters-actions{align-items:center}.table-list__header,.table-list__footer{align-items:flex-start}.product-links-head{grid-template-columns:1fr}.integration-settings-group__grid{grid-template-columns:1fr}.integration-settings-checkboxes__list{grid-template-columns:1fr}.card{padding:12px}.modal--image-preview{width:min(92vw,100%)}.email-tpl-editor-wrap{flex-direction:column}.email-tpl-var-panel{min-width:200px}.modal-box{width:95vw;max-height:90vh}}.email-tpl-editor-wrap{display:flex;flex-direction:column;border:1px solid var(--c-border);border-radius:6px;overflow:visible}.email-tpl-toolbar{display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--c-bg-subtle, #f8f9fa);border-bottom:1px solid var(--c-border)}.email-tpl-var-dropdown{position:relative}.email-tpl-var-panel{position:absolute;top:100%;left:0;z-index:300;min-width:260px;max-height:320px;overflow-y:auto;background:var(--c-bg);border:1px solid var(--c-border);border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.12);padding:6px;margin-top:4px}.email-var-group:not(:first-child){margin-top:6px;padding-top:6px;border-top:1px solid var(--c-border)}.email-var-group__label{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--c-text-muted);padding:2px 4px;letter-spacing:.03em}.email-var-item{display:block;width:100%;text-align:left;padding:3px 6px;margin:1px 0;border:none;background:none;font-size:12px;font-family:"Roboto Mono",monospace;color:var(--c-text);border-radius:3px;cursor:pointer}.email-var-item:hover{background:var(--c-primary);color:#fff}#js-quill-editor{min-height:200px}#js-quill-editor .ql-editor{min-height:200px;font-size:13px}.modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.45)}.modal-box{width:min(680px,90vw);max-height:80vh;background:var(--c-bg);border-radius:8px;box-shadow:0 8px 30px rgba(0,0,0,.2);display:flex;flex-direction:column;overflow:hidden}.modal-box__header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--c-border)}.modal-box__title{margin:0;font-size:15px;font-weight:600}.modal-box__close{background:none;border:none;font-size:22px;line-height:1;cursor:pointer;color:var(--c-text-muted);padding:0 4px}.modal-box__close:hover{color:var(--c-text)}.modal-box__body{padding:12px 16px;overflow-y:auto;flex:1}
diff --git a/public/assets/js/modules/global-search.js b/public/assets/js/modules/global-search.js
new file mode 100644
index 0000000..58b1f2b
--- /dev/null
+++ b/public/assets/js/modules/global-search.js
@@ -0,0 +1,124 @@
+(function () {
+ 'use strict';
+
+ var input = document.getElementById('js-global-search');
+ var resultsEl = document.getElementById('js-global-search-results');
+ if (!input || !resultsEl) return;
+
+ var debounceTimer = null;
+ var highlightIndex = -1;
+ var currentResults = [];
+
+ function escapeHtml(str) {
+ var div = document.createElement('div');
+ div.appendChild(document.createTextNode(str));
+ return div.innerHTML;
+ }
+
+ function closeResults() {
+ resultsEl.innerHTML = '';
+ resultsEl.style.display = 'none';
+ highlightIndex = -1;
+ currentResults = [];
+ }
+
+ function renderResults(results) {
+ currentResults = results;
+ highlightIndex = -1;
+
+ if (results.length === 0) {
+ resultsEl.innerHTML = '
Brak wyników
';
+ resultsEl.style.display = 'block';
+ return;
+ }
+
+ var html = '';
+ for (var i = 0; i < results.length; i++) {
+ var r = results[i];
+ var details = [];
+ if (r.buyer_name) details.push(escapeHtml(r.buyer_name));
+ if (r.buyer_email) details.push(escapeHtml(r.buyer_email));
+ if (r.buyer_phone) details.push(escapeHtml(r.buyer_phone));
+
+ html += '
'
+ + '' + escapeHtml(r.order_number || '-') + '
'
+ + '' + details.join(' | ') + '
'
+ + '';
+ }
+
+ resultsEl.innerHTML = html;
+ resultsEl.style.display = 'block';
+ }
+
+ function updateHighlight() {
+ var items = resultsEl.querySelectorAll('.global-search__item');
+ for (var i = 0; i < items.length; i++) {
+ if (i === highlightIndex) {
+ items[i].classList.add('is-highlighted');
+ items[i].scrollIntoView({ block: 'nearest' });
+ } else {
+ items[i].classList.remove('is-highlighted');
+ }
+ }
+ }
+
+ function doSearch(query) {
+ fetch('/api/orders/search?q=' + encodeURIComponent(query) + '&limit=10', {
+ headers: { 'X-Requested-With': 'XMLHttpRequest' }
+ })
+ .then(function (resp) { return resp.json(); })
+ .then(function (data) {
+ if (input.value.trim().length < 2) {
+ closeResults();
+ return;
+ }
+ renderResults(data.results || []);
+ })
+ .catch(function () {
+ closeResults();
+ });
+ }
+
+ input.addEventListener('input', function () {
+ var query = input.value.trim();
+ clearTimeout(debounceTimer);
+
+ if (query.length < 2) {
+ closeResults();
+ return;
+ }
+
+ debounceTimer = setTimeout(function () {
+ doSearch(query);
+ }, 300);
+ });
+
+ input.addEventListener('keydown', function (e) {
+ if (currentResults.length === 0) return;
+
+ if (e.key === 'ArrowDown') {
+ e.preventDefault();
+ highlightIndex = Math.min(highlightIndex + 1, currentResults.length - 1);
+ updateHighlight();
+ } else if (e.key === 'ArrowUp') {
+ e.preventDefault();
+ highlightIndex = Math.max(highlightIndex - 1, 0);
+ updateHighlight();
+ } else if (e.key === 'Enter') {
+ e.preventDefault();
+ if (highlightIndex >= 0 && highlightIndex < currentResults.length) {
+ window.location.href = '/orders/' + currentResults[highlightIndex].id;
+ }
+ } else if (e.key === 'Escape') {
+ closeResults();
+ input.blur();
+ }
+ });
+
+ document.addEventListener('click', function (e) {
+ var wrap = document.getElementById('js-global-search-wrap');
+ if (wrap && !wrap.contains(e.target)) {
+ closeResults();
+ }
+ });
+})();
diff --git a/public/assets/js/modules/inline-status-change.js b/public/assets/js/modules/inline-status-change.js
index d6e5111..fde9f4d 100644
--- a/public/assets/js/modules/inline-status-change.js
+++ b/public/assets/js/modules/inline-status-change.js
@@ -152,6 +152,7 @@
var d = result.data;
wrap.innerHTML = buildBadgeHtml(d.status_code, d.status_label, d.status_color);
wrap.setAttribute('data-current-status', d.status_code);
+ location.reload();
})
.catch(function () {
wrap.innerHTML = prevHtml;
diff --git a/resources/lang/pl.php b/resources/lang/pl.php
index 9208c1a..5185c17 100644
--- a/resources/lang/pl.php
+++ b/resources/lang/pl.php
@@ -1006,8 +1006,8 @@ return [
],
],
'order_statuses' => [
- 'title' => 'Statusy zamowien',
- 'description' => 'Mapowanie statusow zamowien pomiedzy orderPRO i shopPRO.',
+ 'title' => 'Wysylka statusow (orderPRO → shopPRO)',
+ 'description' => 'Okresl, jaki status shopPRO ma otrzymac zamowienie po zmianie statusu w orderPRO.',
'integration' => 'Integracja shopPRO',
'no_integrations' => 'Brak aktywnych integracji shopPRO z kluczem API.',
'empty' => 'Brak statusow shopPRO do zmapowania.',
@@ -1039,6 +1039,14 @@ return [
'saved' => 'Mapowanie statusow zostalo zapisane.',
'save_failed' => 'Nie udalo sie zapisac mapowania statusow.',
],
+ 'pull' => [
+ 'title' => 'Mapowanie przy imporcie (shopPRO → orderPRO)',
+ 'description' => 'Okresl, jaki status orderPRO ma otrzymac zamowienie importowane z danym statusem shopPRO.',
+ 'save' => 'Zapisz mapowanie importu',
+ 'saved' => 'Mapowanie importu zapisane.',
+ 'save_failed' => 'Blad zapisu mapowania importu.',
+ 'no_shoppro_statuses' => 'Brak statusow shopPRO. Zsynchronizuj statusy przyciskiem powyzej.',
+ ],
],
'cron' => [
'title' => 'Harmonogram',
diff --git a/resources/scss/app.scss b/resources/scss/app.scss
index da933b0..4f1b781 100644
--- a/resources/scss/app.scss
+++ b/resources/scss/app.scss
@@ -5,6 +5,7 @@
@use "modules/shipment-presets";
@use "modules/delivery-status";
@use "modules/delivery-status-mappings";
+@use "modules/global-search";
* {
box-sizing: border-box;
diff --git a/resources/scss/modules/_global-search.scss b/resources/scss/modules/_global-search.scss
new file mode 100644
index 0000000..caf5f90
--- /dev/null
+++ b/resources/scss/modules/_global-search.scss
@@ -0,0 +1,92 @@
+.global-search {
+ flex: 1;
+ max-width: 500px;
+ position: relative;
+ margin: 0 16px;
+}
+
+.global-search__input {
+ width: 100%;
+ padding: 6px 12px;
+ font-size: 13px;
+ border: 1px solid var(--c-border);
+ border-radius: 4px;
+ background: var(--c-bg);
+ color: var(--c-text);
+ outline: none;
+ transition: border-color 0.15s;
+
+ &::placeholder {
+ color: var(--c-text-muted, #94a3b8);
+ }
+
+ &:focus {
+ border-color: var(--c-primary, #3b82f6);
+ box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
+ }
+}
+
+.global-search__results {
+ display: none;
+ position: absolute;
+ top: 100%;
+ left: 0;
+ right: 0;
+ margin-top: 4px;
+ background: var(--c-surface, #fff);
+ border: 1px solid var(--c-border);
+ border-radius: 6px;
+ box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
+ max-height: 400px;
+ overflow-y: auto;
+ z-index: 1000;
+}
+
+.global-search__item {
+ display: block;
+ padding: 8px 12px;
+ cursor: pointer;
+ text-decoration: none;
+ color: var(--c-text);
+ border-bottom: 1px solid var(--c-border);
+ transition: background-color 0.1s;
+
+ &:last-child {
+ border-bottom: none;
+ }
+
+ &:hover,
+ &.is-highlighted {
+ background: var(--c-bg, #f1f5f9);
+ }
+}
+
+.global-search__item-title {
+ font-weight: 600;
+ font-size: 13px;
+ margin-bottom: 2px;
+}
+
+.global-search__item-details {
+ font-size: 11px;
+ color: var(--c-text-muted, #64748b);
+}
+
+.global-search__empty {
+ padding: 12px;
+ text-align: center;
+ color: var(--c-text-muted, #94a3b8);
+ font-size: 13px;
+}
+
+@media (max-width: 768px) {
+ .global-search {
+ max-width: none;
+ margin: 0 8px;
+ }
+
+ .global-search__input {
+ font-size: 12px;
+ padding: 5px 8px;
+ }
+}
diff --git a/resources/views/layouts/app.php b/resources/views/layouts/app.php
index e35bce4..fedb721 100644
--- a/resources/views/layouts/app.php
+++ b/resources/views/layouts/app.php
@@ -126,6 +126,10 @@
+
@@ -141,6 +145,7 @@