diff --git a/.paul/ROADMAP.md b/.paul/ROADMAP.md index 77138a5..8c4e68d 100644 --- a/.paul/ROADMAP.md +++ b/.paul/ROADMAP.md @@ -29,6 +29,7 @@ Wersja mobilna aplikacji, modul po module. Cel: pelna uzywalnosc orderPRO na tel | 66 | Allegro Delivery Tracking | 2/2 | Complete | | 67 | PAUL Codex Executor | 1/1 | Complete | | 68 | Code Deduplication Refactor | 0/2 | Planning | +| 69 | Allegro Tracking English Statuses | 1/1 | Complete | | TBD | Mobile Orders List | - | Not started | | TBD | Mobile Order Details | - | Not started | | TBD | Mobile Settings | - | Not started | @@ -352,7 +353,4 @@ Archive: `.paul/milestones/v0.1-ROADMAP.md` --- *Roadmap created: 2026-03-12* -*Last updated: 2026-03-28 - v2.2 completed (phase 50)* - - - +*Last updated: 2026-04-04 - phase 69 unified (Allegro Tracking English Statuses)* diff --git a/.paul/STATE.md b/.paul/STATE.md index 4bd904c..78306a6 100644 --- a/.paul/STATE.md +++ b/.paul/STATE.md @@ -2,37 +2,37 @@ ## Project Reference -See: .paul/PROJECT.md (updated 2026-04-03) +See: .paul/PROJECT.md (updated 2026-04-04) **Core value:** Sprzedawca moze obslugiwac zamowienia ze wszystkich kanalow sprzedazy i nadawac przesylki bez przelaczania sie miedzy platformami. -**Current focus:** Milestone v3.0 — Phase 68 plan 01 complete, ready for next PLAN +**Current focus:** Milestone v3.0 - Phase 69 plan 01 unified, ready for next PLAN ## Current Position -Milestone: v3.0 Mobile Responsive — In progress -Phase: 68 (Code Deduplication Refactor) — In progress -Plan: 68-01 complete -Status: Loop complete — plan 68-01 done, ready for next PLAN -Last activity: 2026-04-03 — UNIFY closed for 68-01 +Milestone: v3.0 Mobile Responsive - In progress +Phase: 69 (Allegro Tracking English Statuses) - Complete +Plan: 69-01 unified +Status: Loop complete, ready for next PLAN +Last activity: 2026-04-04 - Unified .paul/phases/69-allegro-tracking-english-statuses/69-01-PLAN.md Progress: -- Milestone: [######░░░░] ~68% -- Phase 68: [#####░░░░░] 50% +- Milestone: [#######...] ~70% +- Phase 69: [##########] 100% ## Loop Position Current loop state: ``` -PLAN ──▶ APPLY ──▶ UNIFY - ✓ ✓ ✓ [Loop complete - ready for next PLAN] +PLAN --> APPLY --> UNIFY + ✓ ✓ ✓ [Loop complete - ready for next PLAN] ``` ## Session Continuity -Last session: 2026-04-03 -Stopped at: Phase 68 plan 01 complete -Next action: /paul:plan for 68-02 (remaining duplications: validateCsrf, isActive filter) -Resume file: .paul/phases/68-code-deduplication-refactor/68-01-SUMMARY.md +Last session: 2026-04-04 +Stopped at: Plan 69-01 unified +Next action: Run $paul-plan for the next prioritized phase +Resume file: .paul/phases/69-allegro-tracking-english-statuses/69-01-SUMMARY.md ## Git State diff --git a/.paul/phases/69-allegro-tracking-english-statuses/69-01-PLAN.md b/.paul/phases/69-allegro-tracking-english-statuses/69-01-PLAN.md new file mode 100644 index 0000000..d22877e --- /dev/null +++ b/.paul/phases/69-allegro-tracking-english-statuses/69-01-PLAN.md @@ -0,0 +1,172 @@ +--- +phase: 69-allegro-tracking-english-statuses +plan: 01 +type: execute +wave: 1 +depends_on: [] +files_modified: + - src/Modules/Shipments/DeliveryStatus.php + - src/Modules/Shipments/AllegroTrackingService.php + - tests/Unit/DeliveryStatusTest.php + - DOCS/DB_SCHEMA.md + - DOCS/ARCHITECTURE.md + - DOCS/TECH_CHANGELOG.md +autonomous: true +--- + + +## Goal +Naprawic normalizacje statusow Allegro Delivery z edge API, aby angielskie opisy (np. `Parcel is awaiting pick-up`, `Parcel has been delivered`) nie konczyly jako `unknown`. + +## Purpose +Status dostawy w orderPRO musi byc wiarygodny dla obslugi zamowien i automatyzacji. Obecny fallback obsluguje glownie opisy PL i gubi realne statusy EN. + +## Output +- Rozszerzone mapowanie/fallback statusow w `DeliveryStatus` dla opisow EN z Allegro edge API. +- Lekki test jednostkowy dla normalizacji i fallbacku opisow Allegro. +- Aktualizacja dokumentacji technicznej (schema/architektura/changelog) po wdrozeniu hotfixu. + + + +## Project Context +@.paul/PROJECT.md +@.paul/ROADMAP.md +@.paul/STATE.md + +## Prior Work +@.paul/phases/66-allegro-delivery-tracking/66-01-SUMMARY.md +@.paul/phases/66-allegro-delivery-tracking/66-02-SUMMARY.md + +## Source Files +@src/Modules/Shipments/DeliveryStatus.php +@src/Modules/Shipments/AllegroTrackingService.php +@src/Modules/Cron/ShipmentTrackingHandler.php +@DOCS/DB_SCHEMA.md +@DOCS/ARCHITECTURE.md +@DOCS/TECH_CHANGELOG.md + + + +## Required Skills (from SPECIAL-FLOWS.md) + +| Skill | Priority | When to Invoke | Loaded? | +|-------|----------|----------------|---------| +| `sonar-scanner` | required | Po APPLY, przed UNIFY | o | +| `/feature-dev` | optional | Implementacja hotfixu trackingu | o | +| `/code-review` | optional | Przed UNIFY | o | + +**BLOCKING:** Required skills MUST be loaded before APPLY proceeds. + +## Skill Invocation Checklist +- [ ] `sonar-scanner` uruchomiony po APPLY +- [ ] (opcjonalnie) `/feature-dev` +- [ ] (opcjonalnie) `/code-review` + + + + + +## AC-1: Angielskie statusy Allegro nie wracaja jako unknown +```gherkin +Given paczka `allegro_wza` otrzymuje z edge API opis po angielsku +When `AllegroTrackingService::fetchAllegroEdgeStatus()` normalizuje status +Then wynik `status` jest rozpoznany (np. `ready_for_pickup`, `delivered`) +And nie jest `unknown` dla znanych opisow EN +``` + +## AC-2: Fallback nadal dziala dla opisow dotychczasowych +```gherkin +Given opisy statusow z mapy/sluga istniejacej w systemie (PL i dotychczasowe warianty) +When status jest normalizowany przez `DeliveryStatus` +Then wynik pozostaje zgodny z aktualnym kontraktem statusow +And nie ma regresji dla inpost/apaczka/allegro_wza +``` + +## AC-3: Dokumentacja techniczna odzwierciedla hotfix +```gherkin +Given wdrozenie zmiany mapowania statusow Allegro edge +When aktualizacja kodu jest zakonczona +Then `DOCS/DB_SCHEMA.md`, `DOCS/ARCHITECTURE.md` i `DOCS/TECH_CHANGELOG.md` zawieraja wpis o tej zmianie +And wpisy jasno opisuja brak zmian schematu DB +``` + + + + + + + Task 1: Rozszerzyc normalizacje statusow EN dla Allegro edge + src/Modules/Shipments/DeliveryStatus.php, src/Modules/Shipments/AllegroTrackingService.php + + Zaktualizuj `DeliveryStatus` tak, aby opisy EN z Allegro edge (w tym `Parcel is awaiting pick-up`, `Parcel has been delivered`) byly mapowane do statusow biznesowych. + Dopuszczalne podejscia: rozszerzenie mapy slugow EN, poprawa `guessStatusFromDescription()` dla EN, lub oba. + Zachowaj obecny kontrakt zwracanych statusow (`unknown|created|...`), bez zmiany interfejsu serwisu trackingu. + Unikaj zmian w logice crona i bazie danych - to hotfix normalizacji. + + Manual check: uruchomic `DeliveryStatus::slugify/normalize/guess` dla statusow EN oraz sprawdzic, ze `Parcel is awaiting pick-up` -> `ready_for_pickup`, `Parcel has been delivered` -> `delivered`. + AC-1 satisfied, AC-2 satisfied + + + + Task 2: Dodac test jednostkowy dla mapowania Allegro edge + tests/Unit/DeliveryStatusTest.php + + Dodaj testy jednostkowe obejmujace co najmniej: + - slug+normalize dla opisu EN z Allegro edge, + - fallback `guessStatusFromDescription()` dla EN, + - zachowanie bez regresji dla przykladowego statusu PL lub istniejacego sluga. + Test ma byc szybki, bez dostepu do sieci i bez zaleznosci od bazy. + + `C:\\xampp\\php\\php.exe vendor\\bin\\phpunit --filter DeliveryStatusTest` przechodzi. + AC-1 satisfied, AC-2 satisfied + + + + Task 3: Zaktualizowac dokumentacje techniczna po hotfixie + DOCS/DB_SCHEMA.md, DOCS/ARCHITECTURE.md, DOCS/TECH_CHANGELOG.md + + Dodaj wpisy opisujace hotfix mapowania statusow Allegro edge (EN -> statusy biznesowe). + W DB schema zaznacz jednoznacznie, ze zmiana nie modyfikuje tabel/kolumn/indeksow. + W architekturze dopisz, jak dziala fallback EN w `DeliveryStatus`. + W changelogu opisz co i dlaczego zostalo poprawione. + + Przeglad diffu dokumentacji: wszystkie 3 pliki zaktualizowane, opisy spojne z implementacja. + AC-3 satisfied + + + + + + +## DO NOT CHANGE +- database/migrations/* (brak zmian schematu) +- routing HTTP i kontrolery zamowien +- interfejsy API providerow wysylek poza normalizacja statusow Allegro edge + +## SCOPE LIMITS +- Zakres planu dotyczy tylko problemu statusow `unknown` dla opisow EN Allegro edge. +- Plan nie obejmuje cleanupu starych rekordow `cron_jobs` ze statusem `processing`. +- Plan nie obejmuje zmian UI poza efektem widocznego statusu po poprawnej normalizacji. + + + + +Before declaring plan complete: +- [ ] `php -l` przechodzi dla zmienionych plikow PHP +- [ ] `vendor/bin/phpunit --filter DeliveryStatusTest` przechodzi +- [ ] Re-run diagnostyki na numerze `A0046XFMG1` zwraca status rozpoznany (nie `unknown`) +- [ ] Dokumentacja (`DB_SCHEMA`, `ARCHITECTURE`, `TECH_CHANGELOG`) zaktualizowana +- [ ] Wszystkie acceptance criteria spelnione + + + +- `Parcel is awaiting pick-up` mapuje sie do `ready_for_pickup` +- `Parcel has been delivered` mapuje sie do `delivered` +- Brak regresji dla dotychczasowego flow normalizacji statusow +- Test jednostkowy dla normalizacji/fallbacku istnieje i przechodzi +- Dokumentacja techniczna jest aktualna + + + +After completion, create `.paul/phases/69-allegro-tracking-english-statuses/69-01-SUMMARY.md` + diff --git a/.paul/phases/69-allegro-tracking-english-statuses/69-01-SUMMARY.md b/.paul/phases/69-allegro-tracking-english-statuses/69-01-SUMMARY.md new file mode 100644 index 0000000..454581b --- /dev/null +++ b/.paul/phases/69-allegro-tracking-english-statuses/69-01-SUMMARY.md @@ -0,0 +1,48 @@ +--- +phase: 69-allegro-tracking-english-statuses +plan: 01 +subsystem: shipments +tags: [allegro, tracking, edge-api, status-mapping, hotfix] + +requires: + - phase: 66-allegro-delivery-tracking + provides: AllegroTrackingService edge API flow + +provides: + - EN status mapping for Allegro edge descriptions + - EN keyword fallback in DeliveryStatus guesser + - Unit tests for DeliveryStatus EN/PL normalization + +affects: [allegro-tracking, delivery-status, docs] + +key-files: + modified: + - src/Modules/Shipments/DeliveryStatus.php + - DOCS/DB_SCHEMA.md + - DOCS/ARCHITECTURE.md + - DOCS/TECH_CHANGELOG.md + created: + - tests/Unit/DeliveryStatusTest.php +--- + +# Phase 69 Plan 01: Allegro Tracking English Statuses + +Naprawiono przypadki, w ktorych statusy Allegro edge API w jezyku angielskim byly zapisywane jako `unknown`. + +## Outcome +- `DeliveryStatus::slugifyAllegroDescription()` obsluguje prefiksy EN (`Parcel has been ...`, `Parcel is ...`, `Courier has ...`). +- `ALLEGRO_EDGE_MAP` rozszerzono o slugi EN (m.in. `awaiting_pick_up`, `delivered`, `dispatched`, `released_for_delivery`). +- `guessStatusFromDescription()` rozszerzono o fallback EN. +- Dodano testy jednostkowe `DeliveryStatusTest` (4 testy, 7 asercji). + +## Verification +- `php -l src/Modules/Shipments/DeliveryStatus.php` -> OK. +- `phpunit --filter DeliveryStatusTest` -> OK (4/4). +- Realny numer `A0046XFMG1`: + - `description=Parcel is awaiting pick-up` + - `slug=awaiting_pick_up` + - `normalized=ready_for_pickup` + +## Notes +- Zmiana nie wymaga migracji DB. +- Zaktualizowano dokumentacje techniczna (`DB_SCHEMA`, `ARCHITECTURE`, `TECH_CHANGELOG`). diff --git a/.vscode/ftp-kr.sync.cache.json b/.vscode/ftp-kr.sync.cache.json index c16cb02..18bc935 100644 --- a/.vscode/ftp-kr.sync.cache.json +++ b/.vscode/ftp-kr.sync.cache.json @@ -573,6 +573,12 @@ "size": 69, "lmtime": 1775202951503, "modified": false + }, + "20260403_000077_fix_receipts_datetime_columns.sql": { + "type": "-", + "size": 531, + "lmtime": 1775245388687, + "modified": false } }, "seeders": {}, @@ -1843,6 +1849,7 @@ "lmtime": 1772489488633, "modified": false }, + ".playwright-mcp": {}, "public": { "assets": { "css": { @@ -2305,8 +2312,8 @@ "routes": { "web.php": { "type": "-", - "size": 27598, - "lmtime": 1774905481000, + "size": 27879, + "lmtime": 1775245840098, "modified": false } }, @@ -2399,15 +2406,33 @@ "Http": { "Request.php": { "type": "-", - "size": 2159, + "size": 2346, "lmtime": 1771882660305, - "modified": false + "modified": true }, "Response.php": { "type": "-", "size": 1240, "lmtime": 1771459599904, "modified": false + }, + "SslCertificateResolver.php": { + "type": "-", + "size": 794, + "lmtime": 1775246428190, + "modified": false + }, + "ToggleableRepositoryTrait.php": { + "type": "-", + "size": 397, + "lmtime": 1775246446217, + "modified": false + }, + "RedirectPathResolver.php": { + "type": "-", + "size": 727, + "lmtime": 1775246449866, + "modified": false } }, "I18n": { @@ -2479,8 +2504,14 @@ }, "ReceiptController.php": { "type": "-", - "size": 14584, - "lmtime": 1775202953600, + "size": 8025, + "lmtime": 1775245834676, + "modified": false + }, + "ReceiptIssueException.php": { + "type": "-", + "size": 153, + "lmtime": 1775245676449, "modified": false }, "ReceiptRepository.php": { @@ -2488,6 +2519,12 @@ "size": 10253, "lmtime": 0, "modified": false + }, + "ReceiptService.php": { + "type": "-", + "size": 9861, + "lmtime": 1775245672850, + "modified": false } }, "Auth": { @@ -2537,8 +2574,8 @@ }, "CronHandlerFactory.php": { "type": "-", - "size": 9103, - "lmtime": 1774909459947, + "size": 9484, + "lmtime": 1775245810643, "modified": false }, "CronJobProcessor.php": { @@ -2585,9 +2622,9 @@ }, "ShipmentTrackingHandler.php": { "type": "-", - "size": 3332, + "size": 4174, "lmtime": 1774474758047, - "modified": false + "modified": true }, "ShopProOfferTitlesRefreshHandler.php": { "type": "-", @@ -2785,9 +2822,9 @@ "Settings": { "AllegroApiClient.php": { "type": "-", - "size": 15480, - "lmtime": 1773396192542, - "modified": true + "size": 14831, + "lmtime": 1775246456529, + "modified": false }, "AllegroDeliveryMappingController.php": { "type": "-", @@ -2803,9 +2840,9 @@ }, "AllegroIntegrationController.php": { "type": "-", - "size": 26547, - "lmtime": 1773418757646, - "modified": true + "size": 26289, + "lmtime": 1775246473042, + "modified": false }, "AllegroIntegrationRepository.php": { "type": "-", @@ -2815,9 +2852,9 @@ }, "AllegroOAuthClient.php": { "type": "-", - "size": 7199, - "lmtime": 1773396209523, - "modified": true + "size": 6550, + "lmtime": 1775246465879, + "modified": false }, "AllegroOrderImportService.php": { "type": "-", @@ -2869,14 +2906,14 @@ }, "ApaczkaApiClient.php": { "type": "-", - "size": 9911, - "lmtime": 1773396223690, - "modified": true + "size": 9262, + "lmtime": 1775246488609, + "modified": false }, "ApaczkaIntegrationController.php": { "type": "-", - "size": 3944, - "lmtime": 1772999723209, + "size": 3715, + "lmtime": 1775246485931, "modified": false }, "ApaczkaIntegrationRepository.php": { @@ -2929,8 +2966,8 @@ }, "EmailMailboxRepository.php": { "type": "-", - "size": 5820, - "lmtime": 1774725273809, + "size": 5773, + "lmtime": 1775246452711, "modified": false }, "EmailTemplateController.php": { @@ -2941,14 +2978,14 @@ }, "EmailTemplateRepository.php": { "type": "-", - "size": 4630, - "lmtime": 1774564944861, + "size": 4583, + "lmtime": 1775246458049, "modified": false }, "InpostIntegrationController.php": { "type": "-", - "size": 3816, - "lmtime": 1772986268437, + "size": 3575, + "lmtime": 1775246500585, "modified": false }, "InpostIntegrationRepository.php": { @@ -3007,8 +3044,8 @@ }, "ReceiptConfigRepository.php": { "type": "-", - "size": 3486, - "lmtime": 0, + "size": 3439, + "lmtime": 1775246463929, "modified": false }, "SettingsController.php": { @@ -3019,9 +3056,9 @@ }, "ShopproApiClient.php": { "type": "-", - "size": 13506, - "lmtime": 1774612664232, - "modified": true + "size": 12858, + "lmtime": 1775246463196, + "modified": false }, "ShopProClient.php": { "type": "-", @@ -3093,21 +3130,21 @@ "Shipments": { "AllegroShipmentService.php": { "type": "-", - "size": 18411, + "size": 18625, "lmtime": 1774707709265, - "modified": false + "modified": true }, "AllegroTrackingService.php": { "type": "-", - "size": 1512, - "lmtime": 1774294131192, + "size": 6437, + "lmtime": 1775246468084, "modified": false }, "ApaczkaShipmentService.php": { "type": "-", - "size": 35982, + "size": 36163, "lmtime": 1774705073868, - "modified": false + "modified": true }, "ApaczkaTrackingService.php": { "type": "-", @@ -3123,20 +3160,20 @@ }, "DeliveryStatus.php": { "type": "-", - "size": 13599, - "lmtime": 1774304126768, + "size": 19836, + "lmtime": 1775243494668, "modified": false }, "InpostShipmentService.php": { "type": "-", - "size": 22575, - "lmtime": 0, + "size": 21904, + "lmtime": 1775246470836, "modified": false }, "InpostTrackingService.php": { "type": "-", - "size": 3803, - "lmtime": 1774294254726, + "size": 3335, + "lmtime": 1775246472889, "modified": false }, "ShipmentController.php": { @@ -3217,14 +3254,14 @@ }, "AutomationRepository.php": { "type": "-", - "size": 10496, - "lmtime": 1774703977978, + "size": 10557, + "lmtime": 1775246477348, "modified": false }, "AutomationService.php": { "type": "-", - "size": 32678, - "lmtime": 1774909501988, + "size": 24938, + "lmtime": 1775245766985, "modified": false }, "OrderStatusAgedService.php": { diff --git a/DOCS/ARCHITECTURE.md b/DOCS/ARCHITECTURE.md index 687acf9..d05cffc 100644 --- a/DOCS/ARCHITECTURE.md +++ b/DOCS/ARCHITECTURE.md @@ -16,6 +16,7 @@ - deduplikacja wykonania tej samej pary `event_type + rule_id` w obrebie jednego lancucha, - limit historii wykonan w kontekście (`MAX_CHAIN_EXECUTIONS`). - `ShipmentTrackingHandler` triggeruje automatyzacje tylko po zmianie `delivery_status` i przekazuje kontekst (`package_id`, `provider`, `delivery_status`, `delivery_status_raw`, `previous_status`). +- `DeliveryStatus` normalizuje statusy Allegro edge zarowno z opisow PL, jak i EN (mapa slugow + fallback keyword matching), dzieki czemu opisy typu `Parcel is awaiting pick-up` i `Parcel has been delivered` sa mapowane na statusy biznesowe zamiast `unknown`. - Kolejka wydruku ma akcje usuwania wpisu przez route `POST /settings/printing/jobs/delete` (CSRF + `OrderProAlerts.confirm`). - Szablony e-mail obsluguja zmienne przesylki: - `{{przesylka.numer}}` -> `shipment_packages.tracking_number` (najnowsza paczka zamowienia), @@ -29,7 +30,7 @@ - `App\Modules\Settings` - `App\Modules\Accounting` (modul paragonow — wystawianie, podglad, druk, PDF, lista, eksport XLSX) - `App\Modules\Settings\EmailMailbox*` (skrzynki pocztowe SMTP — CRUD + test polaczenia) -- `App\Modules\Settings\EmailTemplate*` (szablony e-mail — CRUD + Quill.js + zmienne + zalaczniki) +- `App\Modules\Settings\EmailTemplate*` (szablony e-mail - lista + osobna podstrona formularza create/edit + Quill.js + zmienne + zalaczniki) - `App\Modules\Email` (wysylka e-mail z zamowien — EmailSendingService, VariableResolver, AttachmentGenerator; kompozycja: header (mailbox) + body (template) + footer (mailbox)) - `App\Modules\Automation` (zadania automatyczne — reguly zdarzenie/warunki/akcje, CRUD) @@ -92,6 +93,14 @@ - `POST /settings/email-mailboxes/delete` - `POST /settings/email-mailboxes/toggle` - `POST /settings/email-mailboxes/test` +- `GET /settings/email-templates` +- `GET /settings/email-templates/create` +- `GET /settings/email-templates/edit` +- `POST /settings/email-templates/save` +- `POST /settings/email-templates/delete` +- `POST /settings/email-templates/duplicate` +- `POST /settings/email-templates/toggle` +- `POST /settings/email-templates/preview` - `GET /settings/automation` - `GET /settings/automation/create` - `POST /settings/automation/store` @@ -490,6 +499,22 @@ - `activeSettings = users` - Usunieto wewnetrzny pasek `settings-nav` z widokow podstron ustawien. +## Przeplyw Ustawienia > Szablony e-mail +- `GET /settings/email-templates`: + - `EmailTemplateController::index(Request): Response` + - renderuje liste szablonow (`resources/views/settings/email-templates.php`) i akcje tabeli. +- `GET /settings/email-templates/create`: + - `EmailTemplateController::create(Request): Response` + - renderuje osobna podstrone formularza tworzenia (`resources/views/settings/email-templates-form.php`). +- `GET /settings/email-templates/edit?id={id}`: + - `EmailTemplateController::edit(Request): Response` + - laduje wskazany szablon i renderuje osobna podstrone formularza edycji. +- `POST /settings/email-templates/save`: + - `EmailTemplateController::save(Request): Response` + - waliduje CSRF i wymagane pola, + - przy bledzie wraca na odpowiednia podstrone formularza (`create` lub `edit`), + - po sukcesie zapisuje szablon i wraca do listy. + ## Zasady aktualizacji - Przy kazdej zmianie dopisz: - nowe klasy i metody (sygnatury + odpowiedzialnosc), @@ -586,3 +611,4 @@ ## Klasy (aktualizacja 2026-03-28) - `App\Modules\Automation\AutomationExecutionLogRepository` (create, paginate, count, listEventTypes, purgeOlderThanDays). - `App\Modules\Cron\AutomationHistoryCleanupHandler` (cleanup retencji historii automatyzacji). + diff --git a/DOCS/DB_SCHEMA.md b/DOCS/DB_SCHEMA.md index 2f8eed4..d69baaf 100644 --- a/DOCS/DB_SCHEMA.md +++ b/DOCS/DB_SCHEMA.md @@ -104,6 +104,7 @@ Migracje z prefiksem `ensure_` to migracje kompensujące — zostały dodane - nowa tabela `automation_execution_logs` (historia wykonan regul automatyzacji: co, kiedy, na jakim zamowieniu, wynik), - 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. ## Tabele diff --git a/DOCS/TECH_CHANGELOG.md b/DOCS/TECH_CHANGELOG.md index bbf1748..8ea9995 100644 --- a/DOCS/TECH_CHANGELOG.md +++ b/DOCS/TECH_CHANGELOG.md @@ -1,5 +1,30 @@ # Tech Changelog +## 2026-04-04 (Email templates - split list/form view) +- `EmailTemplateController`: + - dodano osobne endpointy widokowe `create()` i `edit()` dla formularza szablonu, + - wydzielono render formularza do `renderForm(...)`, + - `save()` przy bledzie walidacji/CSRF wraca na odpowiednia podstrone formularza (`/create` albo `/edit?id=`), zamiast do listy. +- Routing: + - dodano trasy `GET /settings/email-templates/create` oraz `GET /settings/email-templates/edit`. +- Widoki: + - `resources/views/settings/email-templates.php` zawiera tylko liste szablonow i akcje tabeli, + - dodano `resources/views/settings/email-templates-form.php` jako osobna podstrone create/edit (Quill, zmienne, preview). +- Brak zmian schematu bazy danych. + +## 2026-04-04 (Phase 69 - Allegro Tracking English Statuses, Plan 01) +- `DeliveryStatus::slugifyAllegroDescription()`: + - dodano obsluge prefiksow EN (`Parcel has been ...`, `Parcel is ...`, `Courier has ...`) przed slugifikacja. +- `DeliveryStatus`: + - rozszerzono `ALLEGRO_EDGE_MAP` o slugi EN i ich mapowanie na statusy biznesowe (m.in. `awaiting_pick_up`, `delivered`, `dispatched`, `released_for_delivery`), + - rozszerzono `ALLEGRO_EDGE_DESCRIPTIONS` o opisy EN/PL dla nowych slugow, + - rozszerzono `guessStatusFromDescription()` o keyword fallback dla statusow EN (delivery/return/cancel/pickup/transit/confirmed/created/problem). +- Dodano test jednostkowy `tests/Unit/DeliveryStatusTest.php` pokrywajacy: + - mapowanie EN (`Parcel is awaiting pick-up`, `Parcel has been delivered`), + - fallback EN (`released for delivery`), + - regresje mapowania PL (`Przesylka zostala dostarczona`). +- Brak zmian schematu bazy danych. + ## 2026-04-03 (Phase 64 - Receipt Datetime Precision, Plan 01) - Migracja `20260403_000076_alter_receipts_issue_date_to_datetime.sql`: ALTER TABLE receipts MODIFY issue_date DATETIME NOT NULL. - `ReceiptController::store()`: zapis issue_date jako Y-m-d H:i:s, konwersja z formatu datetime-local (T separator). @@ -878,5 +903,3 @@ - - diff --git a/resources/scss/app.css b/resources/scss/app.css index a102637..689d8a1 100644 --- a/resources/scss/app.css +++ b/resources/scss/app.css @@ -927,7 +927,9 @@ a { align-items: center; gap: 9px; white-space: nowrap; - user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; } .sidebar__group-toggle::-webkit-details-marker { @@ -1361,7 +1363,9 @@ h4.section-title::before { border-radius: 6px; color: #64748b; cursor: grab; - user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; font-weight: 700; font-size: 12px; } @@ -1979,7 +1983,8 @@ h4.section-title::before { height: 48px; border-radius: 4px; border: 1px solid #dbe3ef; - object-fit: cover; + -o-object-fit: cover; + object-fit: cover; background: #fff; } .orders-product__thumb--empty { @@ -2019,7 +2024,8 @@ h4.section-title::before { top: auto; width: 350px; max-height: 350px; - object-fit: contain; + -o-object-fit: contain; + object-fit: contain; border-radius: 8px; background: #fff; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18); @@ -2300,7 +2306,8 @@ details[open] > .order-statuses-side__title .order-statuses-side__arrow { height: 44px; border-radius: 6px; border: 1px solid #dbe3ef; - object-fit: cover; + -o-object-fit: cover; + object-fit: cover; } .order-item-thumb--empty { @@ -2547,7 +2554,8 @@ details[open] > .order-statuses-side__title .order-statuses-side__arrow { width: 60px; height: 60px; border-radius: 6px; - object-fit: cover; + -o-object-fit: cover; + object-fit: cover; border: 1px solid var(--c-border); background: #f8fafc; } @@ -2585,7 +2593,8 @@ details[open] > .order-statuses-side__title .order-statuses-side__arrow { display: block; width: 100%; max-height: 70vh; - object-fit: contain; + -o-object-fit: contain; + object-fit: contain; border-radius: 8px; background: #f8fafc; } @@ -2613,7 +2622,8 @@ details[open] > .order-statuses-side__title .order-statuses-side__arrow { .product-image-card__thumb { width: 100%; height: 160px; - object-fit: cover; + -o-object-fit: cover; + object-fit: cover; display: block; } @@ -2780,7 +2790,9 @@ details[open] > .order-statuses-side__title .order-statuses-side__arrow { cursor: pointer; color: var(--c-muted, #888); list-style: none; - user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; white-space: nowrap; } .product-show-image-path summary::-webkit-details-marker { @@ -2802,7 +2814,8 @@ details[open] > .order-statuses-side__title .order-statuses-side__arrow { .product-show-image { width: 100%; max-height: 260px; - object-fit: cover; + -o-object-fit: cover; + object-fit: cover; border-radius: 8px; border: 1px solid #d9e0ea; } @@ -2821,7 +2834,9 @@ details[open] > .order-statuses-side__title .order-statuses-side__arrow { align-items: center; justify-content: space-between; cursor: pointer; - user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; min-height: 34px; } .searchable-select__trigger::after { @@ -3344,4 +3359,4 @@ body.no-scroll { padding: 12px 16px; overflow-y: auto; flex: 1; -} +}/*# sourceMappingURL=app.css.map */ \ No newline at end of file diff --git a/resources/scss/app.css.map b/resources/scss/app.css.map index df22a78..6eb0018 100644 --- a/resources/scss/app.css.map +++ b/resources/scss/app.css.map @@ -1 +1 @@ -{"version":3,"sources":["app.css","shared\\_ui-components.scss","app.scss"],"names":[],"mappings":"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","file":"app.css","sourcesContent":["@charset \"UTF-8\";\n:root {\n --c-primary: #6690f4;\n --c-primary-dark: #3164db;\n --c-bg: #f4f6f9;\n --c-surface: #ffffff;\n --c-text: #4e5e6a;\n --c-text-strong: #2d3748;\n --c-muted: #718096;\n --c-border: #b0bec5;\n --c-danger: #cc0000;\n --focus-ring: 0 0 0 3px rgba(102, 144, 244, 0.15);\n --shadow-card: 0 1px 4px rgba(0, 0, 0, 0.06);\n}\n\n.btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-height: 34px;\n padding: 6px 12px;\n border: 1px solid transparent;\n border-radius: 8px;\n font: inherit;\n font-weight: 600;\n text-decoration: none;\n cursor: pointer;\n transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.1s ease;\n}\n\n.btn--primary {\n color: #ffffff;\n background: var(--c-primary);\n}\n\n.btn--primary:hover {\n background: var(--c-primary-dark);\n}\n\n.btn--secondary {\n color: var(--c-text-strong);\n border-color: var(--c-border);\n background: var(--c-surface);\n}\n\n.btn--secondary:hover {\n border-color: #cbd5e0;\n background: #f8fafc;\n}\n\n.btn--danger {\n color: #ffffff;\n border-color: #b91c1c;\n background: #dc2626;\n}\n\n.btn--danger:hover {\n border-color: #991b1b;\n background: #b91c1c;\n}\n\n.btn--sm {\n min-height: 28px;\n padding: 3px 10px;\n font-size: 12px;\n}\n\n.btn--block {\n width: 100%;\n}\n\n.btn:active {\n transform: translateY(1px);\n}\n\n.btn:focus-visible {\n outline: none;\n box-shadow: var(--focus-ring);\n border-color: var(--c-primary);\n}\n\n.form-control {\n width: 100%;\n min-height: 34px;\n border: 1px solid var(--c-border);\n border-radius: 8px;\n padding: 5px 10px;\n font: inherit;\n color: var(--c-text-strong);\n background: #ffffff;\n transition: border-color 0.2s ease, box-shadow 0.2s ease;\n}\n\n.form-control:focus {\n outline: none;\n border-color: var(--c-primary);\n box-shadow: var(--focus-ring);\n}\n\n.input {\n min-height: 34px;\n border: 1px solid var(--c-border);\n border-radius: 8px;\n padding: 5px 10px;\n font: inherit;\n color: var(--c-text-strong);\n background: #ffffff;\n}\n\n.input--sm {\n min-height: 28px;\n padding: 3px 8px;\n font-size: 12px;\n}\n\n.flash {\n padding: 8px 12px;\n border-radius: 6px;\n font-size: 13px;\n}\n\n.flash--success {\n border: 1px solid #b7ebcf;\n background: #f0fff6;\n color: #0f6b39;\n}\n\n.flash--error {\n border: 1px solid #fed7d7;\n background: #fff5f5;\n color: var(--c-danger);\n}\n\n.alert {\n padding: 12px 14px;\n border-radius: 8px;\n border: 1px solid transparent;\n font-size: 13px;\n min-height: 44px;\n}\n\n.alert--danger {\n border-color: #fed7d7;\n background: #fff5f5;\n color: var(--c-danger);\n}\n\n.alert--success {\n border-color: #b7ebcf;\n background: #f0fff6;\n color: #0f6b39;\n}\n\n.alert--warning {\n border-color: #f7dd8b;\n background: #fff8e8;\n color: #815500;\n}\n\n.form-field {\n display: grid;\n gap: 5px;\n}\n\n.field-label {\n color: var(--c-text-strong);\n font-size: 13px;\n font-weight: 600;\n}\n\n.table-wrap {\n width: 100%;\n overflow-x: auto;\n}\n.table-wrap--visible {\n overflow: visible !important;\n overflow-x: visible !important;\n}\n\n.table {\n width: 100%;\n border-collapse: collapse;\n background: var(--c-surface);\n}\n\n.table th,\n.table td {\n padding: 10px 12px;\n border-bottom: 1px solid var(--c-border);\n text-align: left;\n}\n\n.table th {\n color: var(--c-text-strong);\n font-weight: 700;\n background: #f8fafc;\n}\n\n.table--details th {\n white-space: nowrap;\n}\n\n.table--details th:first-child,\n.table--details td:first-child {\n width: 36px;\n text-align: center;\n}\n\n.pagination {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 8px;\n}\n\n.pagination__item {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 36px;\n height: 36px;\n padding: 0 10px;\n border-radius: 8px;\n border: 1px solid var(--c-border);\n color: var(--c-text-strong);\n background: var(--c-surface);\n text-decoration: none;\n font-weight: 600;\n}\n\n.pagination__item:hover {\n border-color: #cbd5e0;\n background: #f8fafc;\n}\n\n.pagination__item.is-active {\n border-color: var(--c-primary);\n color: var(--c-primary);\n background: #edf2ff;\n}\n\n* {\n box-sizing: border-box;\n}\n\nhtml,\nbody {\n min-height: 100%;\n}\n\nbody {\n margin: 0;\n font-family: \"Roboto\", \"Segoe UI\", sans-serif;\n font-size: 13px;\n color: var(--c-text);\n background: var(--c-bg);\n}\n\na {\n color: var(--c-primary);\n}\n\n.app-shell {\n min-height: 100vh;\n display: flex;\n}\n\n.sidebar {\n width: 260px;\n min-width: 260px;\n flex-shrink: 0;\n overflow: hidden;\n transition: width 0.22s ease, min-width 0.22s ease;\n border-right: 1px solid #243041;\n background: #111a28;\n padding: 18px 10px;\n display: flex;\n flex-direction: column;\n}\n\n.sidebar.is-collapsed {\n width: 52px;\n min-width: 52px;\n}\n\n.sidebar__brand {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 4px 4px 16px;\n gap: 6px;\n min-width: 0;\n}\n\n.sidebar__brand-text {\n color: #e9f0ff;\n font-size: 24px;\n font-weight: 300;\n letter-spacing: -0.02em;\n white-space: nowrap;\n overflow: hidden;\n flex: 1;\n min-width: 0;\n}\n.sidebar__brand-text strong {\n font-weight: 700;\n}\n\n.sidebar__collapse-btn {\n flex-shrink: 0;\n width: 28px;\n height: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: transparent;\n border: 1px solid #2a3a54;\n border-radius: 6px;\n color: #64748b;\n cursor: pointer;\n padding: 0;\n transition: background 0.15s, color 0.15s;\n}\n.sidebar__collapse-btn:hover {\n background: #1b2a3f;\n color: #cbd5e1;\n}\n\n.sidebar__collapse-icon {\n display: block;\n transition: transform 0.22s ease;\n flex-shrink: 0;\n}\n\n.sidebar.is-collapsed .sidebar__collapse-icon {\n transform: rotate(180deg);\n}\n\n.sidebar__nav {\n display: grid;\n gap: 4px;\n}\n\n.sidebar__link {\n border-radius: 8px;\n padding: 10px 12px;\n text-decoration: none;\n color: #cbd5e1;\n font-weight: 600;\n}\n\n.sidebar__link:hover {\n color: #f8fafc;\n background: #1b2a3f;\n}\n\n.sidebar__link.is-active {\n color: #ffffff;\n background: #2e4f93;\n}\n\n.sidebar__group {\n display: grid;\n gap: 2px;\n}\n\n.sidebar__group-toggle {\n list-style: none;\n border-radius: 8px;\n padding: 9px 10px;\n color: #cbd5e1;\n font-weight: 600;\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: 9px;\n white-space: nowrap;\n user-select: none;\n}\n\n.sidebar__group-toggle::-webkit-details-marker {\n display: none;\n}\n\n.sidebar__group:hover .sidebar__group-toggle,\n.sidebar__group-toggle:hover {\n color: #f8fafc;\n background: #1b2a3f;\n}\n\n.sidebar__group.is-active .sidebar__group-toggle {\n color: #ffffff;\n background: #2e4f93;\n}\n\n.sidebar__icon {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0.85;\n}\n\n.sidebar__label {\n flex: 1;\n min-width: 0;\n overflow: hidden;\n}\n\n.sidebar__toggle-arrow {\n flex-shrink: 0;\n margin-left: auto;\n opacity: 0.5;\n transition: transform 0.18s ease;\n}\n\ndetails[open] > .sidebar__group-toggle .sidebar__toggle-arrow {\n transform: rotate(180deg);\n}\n\n.sidebar__group-links {\n display: grid;\n gap: 2px;\n padding-left: 12px;\n overflow: hidden;\n}\n\n.sidebar__sublink {\n border-radius: 6px;\n padding: 7px 10px 7px 8px;\n text-decoration: none;\n color: #94a3b8;\n font-size: 12.5px;\n font-weight: 500;\n display: flex;\n align-items: center;\n gap: 8px;\n white-space: nowrap;\n}\n.sidebar__sublink::before {\n content: \"\";\n flex-shrink: 0;\n width: 5px;\n height: 5px;\n border-radius: 50%;\n background: rgba(148, 163, 184, 0.3);\n transition: background 0.15s;\n}\n.sidebar__sublink:hover {\n color: #e2e8f0;\n background: #1b2a3f;\n}\n.sidebar__sublink:hover::before {\n background: rgba(148, 163, 184, 0.65);\n}\n.sidebar__sublink.is-active {\n color: #ffffff;\n background: rgba(46, 79, 147, 0.55);\n}\n.sidebar__sublink.is-active::before {\n background: #93c5fd;\n}\n\n.app-main {\n flex: 1;\n min-width: 0;\n}\n\n.topbar {\n height: 50px;\n border-bottom: 1px solid var(--c-border);\n background: var(--c-surface);\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 20px;\n position: sticky;\n top: 0;\n z-index: 100;\n}\n\n.brand {\n font-size: 22px;\n font-weight: 300;\n letter-spacing: -0.02em;\n color: var(--c-text-strong);\n}\n\n.brand strong {\n font-weight: 700;\n}\n\n.container {\n max-width: none;\n width: calc(100% - 20px);\n margin: 12px 10px;\n padding: 0 4px 14px;\n}\n\n.card {\n background: var(--c-surface);\n border-radius: 10px;\n box-shadow: var(--shadow-card);\n padding: 14px;\n}\n\n.card h1 {\n margin: 0 0 10px;\n color: var(--c-text-strong);\n font-size: 24px;\n font-weight: 700;\n}\n\n.muted {\n color: var(--c-muted);\n}\n\n.accent {\n color: var(--c-primary);\n font-weight: 600;\n}\n\n.users-form {\n display: grid;\n gap: 14px;\n max-width: 460px;\n}\n\n.section-title {\n margin: 0;\n color: var(--c-text-strong);\n font-size: 18px;\n font-weight: 700;\n}\n\nh2.section-title,\nh3.section-title,\nh4.section-title {\n display: flex;\n align-items: center;\n gap: 8px;\n font-weight: 400;\n padding: 5px 10px;\n border-left: 3px solid var(--c-primary);\n border-radius: 7px;\n background: linear-gradient(180deg, #f4f8ff 0%, #edf3ff 100%);\n color: #1e3a8a;\n box-shadow: inset 0 0 0 1px #dbe7fb;\n}\n\n.mt-0 {\n margin-top: 0;\n}\n\n.mt-4 {\n margin-top: 4px;\n}\n\n.mt-12 {\n margin-top: 8px;\n}\n\n.mt-16 {\n margin-top: 12px;\n}\n\n.settings-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 12px;\n}\n\n.settings-nav {\n display: flex;\n gap: 8px;\n flex-wrap: wrap;\n}\n\n.settings-nav__link {\n text-decoration: none;\n border: 1px solid var(--c-border);\n border-radius: 8px;\n padding: 8px 12px;\n color: var(--c-text-strong);\n font-weight: 600;\n}\n\n.settings-nav__link:hover {\n background: #f8fafc;\n}\n\n.settings-nav__link.is-active {\n border-color: var(--c-primary);\n color: var(--c-primary);\n background: #edf2ff;\n}\n\n.settings-stat {\n border: 1px solid var(--c-border);\n border-radius: 8px;\n padding: 12px;\n background: #f8fafc;\n}\n\n.settings-stat__label {\n display: block;\n color: var(--c-muted);\n font-size: 12px;\n margin-bottom: 4px;\n}\n\n.settings-stat__value {\n color: var(--c-text-strong);\n font-size: 20px;\n}\n\n.settings-logs {\n margin: 0;\n padding: 12px;\n border-radius: 8px;\n border: 1px solid var(--c-border);\n background: #0b1220;\n color: #d1d5db;\n font-size: 12px;\n line-height: 1.5;\n overflow: auto;\n}\n\n.settings-allegro-callback {\n display: block;\n width: 100%;\n padding: 8px 10px;\n border: 1px solid var(--c-border);\n border-radius: 8px;\n background: #f8fafc;\n color: var(--c-text-strong);\n font-size: 12px;\n line-height: 1.45;\n word-break: break-all;\n}\n\n.page-head {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n}\n\n.filters-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 12px;\n}\n\n.filters-actions {\n display: flex;\n align-items: end;\n gap: 8px;\n}\n\n.product-form .form-control {\n width: 100%;\n}\n\n.form-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 12px;\n}\n\n.form-grid-2 {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 12px;\n}\n\n.form-grid-3 {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 12px;\n}\n\n.form-grid-4 {\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n gap: 12px;\n}\n\n.form-actions {\n display: flex;\n gap: 8px;\n flex-wrap: wrap;\n align-items: flex-start;\n}\n\n.form-actions .btn {\n align-self: flex-start;\n}\n\n.statuses-form {\n display: grid;\n gap: 8px;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.statuses-form .form-actions {\n grid-column: 1/-1;\n}\n\n.statuses-color-input {\n min-height: 32px;\n padding: 2px;\n}\n\n.statuses-hint {\n grid-column: 1/-1;\n margin: 0;\n}\n\n.statuses-group-block {\n border: 1px solid var(--c-border);\n border-radius: 10px;\n padding: 8px;\n background: #fbfdff;\n}\n\n.statuses-group-block__head {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 6px;\n flex-wrap: wrap;\n}\n\n.statuses-group-block__title {\n margin: 0;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n color: var(--c-text-strong);\n font-size: 14px;\n}\n\n.statuses-color-dot {\n width: 12px;\n height: 12px;\n border-radius: 999px;\n border: 1px solid rgba(15, 23, 42, 0.15);\n}\n\n.statuses-dnd-list {\n margin: 6px 0 0;\n padding: 0;\n list-style: none;\n display: grid;\n gap: 6px;\n}\n\n.statuses-dnd-item {\n display: grid;\n grid-template-columns: 24px 1fr;\n gap: 6px;\n border: 1px solid #dce4f0;\n border-radius: 8px;\n background: #fff;\n padding: 6px;\n}\n\n.statuses-dnd-item__content {\n display: flex;\n align-items: center;\n gap: 6px;\n min-width: 0;\n}\n\n.statuses-dnd-item.is-dragging {\n opacity: 0.6;\n}\n\n.statuses-dnd-item__drag {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border: 1px dashed #cbd5e1;\n border-radius: 6px;\n color: #64748b;\n cursor: grab;\n user-select: none;\n font-weight: 700;\n font-size: 12px;\n}\n\n.statuses-dnd-item__drag:active {\n cursor: grabbing;\n}\n\n.statuses-inline-form {\n display: grid;\n gap: 6px;\n}\n\n.statuses-inline-form--row {\n grid-template-columns: minmax(180px, 1.4fr) minmax(150px, 1fr) auto auto auto;\n align-items: center;\n flex: 1 1 auto;\n min-width: 0;\n}\n\n.statuses-inline-form--row-group {\n grid-template-columns: minmax(180px, 1.5fr) 56px auto auto auto;\n align-items: center;\n flex: 1 1 auto;\n min-width: 0;\n}\n\n.statuses-inline-form--row .form-control,\n.statuses-inline-form--row-group .form-control {\n min-height: 30px;\n padding: 4px 8px;\n}\n\n.statuses-inline-form--row .btn,\n.statuses-inline-form--row-group .btn,\n.statuses-inline-delete .btn {\n min-height: 30px;\n padding: 4px 10px;\n font-size: 12px;\n}\n\n.statuses-inline-check {\n margin-top: 0;\n white-space: nowrap;\n font-size: 12px;\n}\n\n.statuses-inline-delete {\n margin: 0;\n flex: 0 0 auto;\n}\n\n.statuses-code-label {\n font-size: 12px;\n color: var(--c-muted);\n}\n\n.statuses-code-readonly {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n white-space: nowrap;\n font-size: 12px;\n}\n\n.statuses-code-readonly code {\n background: #eef2f7;\n border-radius: 6px;\n padding: 1px 6px;\n color: #1f2937;\n font-size: 12px;\n}\n\n.field-inline {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-top: 2px;\n}\n\n.modal-backdrop {\n position: fixed;\n inset: 0;\n background: rgba(15, 23, 42, 0.5);\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 16px;\n z-index: 200;\n}\n\n.modal-backdrop[hidden] {\n display: none;\n}\n\n.modal {\n width: min(560px, 100%);\n background: #fff;\n border-radius: 10px;\n box-shadow: 0 20px 40px rgba(15, 23, 42, 0.35);\n overflow: hidden;\n}\n\n.modal__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 10px;\n padding: 16px 18px;\n border-bottom: 1px solid var(--c-border);\n}\n\n.modal__header h3 {\n margin: 0;\n font-size: 18px;\n color: var(--c-text-strong);\n}\n\n.modal__body {\n padding: 16px 18px 18px;\n}\n\n.status-pill {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border: 1px solid #fed7d7;\n background: #fff5f5;\n color: #9b2c2c;\n padding: 2px 8px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 600;\n}\n\n.status-pill.is-active {\n border-color: #b7ebcf;\n background: #f0fff6;\n color: #0f6b39;\n}\n\n.table-row-actions {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n flex-wrap: wrap;\n}\n\n.table-row-actions form {\n margin: 0;\n}\n\n.table-list {\n display: grid;\n gap: 14px;\n}\n\n.table-list__header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 12px;\n flex-wrap: wrap;\n}\n\n.table-list__left {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n flex-wrap: wrap;\n}\n\n.table-list-header-actions {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n flex-wrap: wrap;\n}\n\n.js-filter-toggle-btn.is-active {\n border-color: #cbd5e0;\n background: #edf2ff;\n color: var(--c-primary-dark);\n}\n\n.table-filter-badge {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 18px;\n height: 18px;\n padding: 0 5px;\n font-size: 11px;\n font-weight: 700;\n color: #fff;\n background: var(--c-primary);\n border-radius: 999px;\n}\n\n.table-filters-wrapper {\n display: none;\n}\n\n.table-filters-wrapper.is-open {\n display: block;\n}\n\n.table-list-filters {\n display: grid;\n gap: 12px;\n grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));\n}\n\n.table-col-toggle-wrapper {\n position: relative;\n}\n\n.table-col-toggle-dropdown {\n display: none;\n position: absolute;\n right: 0;\n top: calc(100% + 6px);\n z-index: 30;\n width: 260px;\n max-height: 360px;\n overflow: auto;\n border: 1px solid var(--c-border);\n border-radius: 10px;\n background: #fff;\n box-shadow: 0 10px 25px rgba(15, 23, 42, 0.12);\n}\n\n.table-col-toggle-dropdown.is-open {\n display: block;\n}\n\n.table-col-toggle-header {\n padding: 10px 12px;\n border-bottom: 1px solid var(--c-border);\n font-size: 12px;\n font-weight: 700;\n color: var(--c-muted);\n}\n\n.table-col-toggle-item {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 8px 12px;\n font-size: 13px;\n color: var(--c-text-strong);\n}\n\n.table-col-toggle-item:hover {\n background: #f8fafc;\n}\n\n.table-col-toggle-footer {\n border-top: 1px solid var(--c-border);\n padding: 8px 12px;\n}\n\n.table-col-hidden {\n display: none;\n}\n\n.table-col-switch {\n position: relative;\n display: inline-block;\n width: 34px;\n min-width: 34px;\n height: 18px;\n}\n\n.table-col-switch input {\n opacity: 0;\n width: 0;\n height: 0;\n position: absolute;\n}\n\n.table-col-switch-slider {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: #cbd5e1;\n border-radius: 999px;\n transition: background-color 0.2s ease;\n}\n\n.table-col-switch-slider::before {\n content: \"\";\n position: absolute;\n height: 14px;\n width: 14px;\n left: 2px;\n bottom: 2px;\n background: #fff;\n border-radius: 50%;\n transition: transform 0.2s ease;\n}\n\n.table-col-switch input:checked + .table-col-switch-slider {\n background: #16a34a;\n}\n\n.table-col-switch input:checked + .table-col-switch-slider::before {\n transform: translateX(16px);\n}\n\n.table-sort-link {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n color: var(--c-text-strong);\n text-decoration: none;\n}\n\n.table-sort-link:hover {\n color: var(--c-primary-dark);\n}\n\n.table-sort-icon.is-muted {\n color: #a0aec0;\n}\n\n.table-list__footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 10px;\n flex-wrap: wrap;\n}\n\n.table-list-per-page-form {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n}\n\n.table-list-per-page-form .form-control {\n min-width: 90px;\n}\n\n.table-select-col {\n width: 44px;\n text-align: center;\n}\n\n.table-select-toggle {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n.table-select-toggle input[type=checkbox] {\n width: 16px;\n height: 16px;\n}\n\n.orders-page .orders-head {\n background: linear-gradient(120deg, #f8fbff 0%, #eef5ff 100%);\n border: 1px solid #dbe7fb;\n}\n.orders-page .table-list {\n border: 1px solid #dde5f2;\n border-radius: 12px;\n box-shadow: 0 6px 16px rgba(20, 44, 86, 0.08);\n}\n.orders-page .table-list__header {\n padding: 10px 6px 2px;\n}\n.orders-page .table-list-filters {\n padding: 6px 6px 2px;\n border-top: 1px solid #ebf0f7;\n border-bottom: 1px solid #ebf0f7;\n background: #f9fbff;\n}\n.orders-page .table-wrap {\n border-radius: 10px;\n overflow: hidden;\n border: 1px solid #e7edf6;\n}\n.orders-page .table thead th {\n background: #f3f7fd;\n color: #30435f;\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: 0.03em;\n}\n.orders-page .table tbody td {\n vertical-align: middle;\n padding-top: 10px;\n padding-bottom: 10px;\n border-bottom-color: #edf2f8;\n}\n.orders-page .table tbody tr:hover td {\n background: #f9fcff;\n}\n\n.orders-list-page {\n padding: 10px;\n margin-bottom: 10px;\n}\n\n.orders-head {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: 12px;\n flex-wrap: wrap;\n}\n\n.orders-stats {\n display: inline-grid;\n grid-template-columns: repeat(3, minmax(86px, auto));\n gap: 8px;\n}\n\n.orders-stat {\n border: 1px solid #d8e2f0;\n background: #f8fbff;\n border-radius: 8px;\n padding: 6px 8px;\n line-height: 1.15;\n}\n.orders-stat__label {\n display: block;\n color: #5f6f83;\n font-size: 11px;\n margin-bottom: 2px;\n}\n.orders-stat__value {\n color: #12233a;\n font-size: 16px;\n font-weight: 700;\n}\n\n.orders-ref {\n display: grid;\n gap: 2px;\n min-width: 170px;\n}\n.orders-ref__main {\n font-weight: 700;\n color: #0f1f35;\n font-size: 14px;\n}\n.orders-ref__meta {\n display: inline-flex;\n flex-wrap: wrap;\n gap: 4px 10px;\n color: #64748b;\n font-size: 12px;\n}\n\n.orders-buyer {\n display: grid;\n gap: 2px;\n}\n.orders-buyer__name {\n color: #0f172a;\n font-weight: 600;\n font-size: 14px;\n}\n.orders-buyer__meta {\n display: inline-flex;\n flex-wrap: wrap;\n gap: 4px 10px;\n color: #64748b;\n font-size: 12px;\n}\n\n.orders-status-wrap {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n flex-wrap: wrap;\n}\n\n.order-tag {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border: 1px solid #d8e1ef;\n background: #f8fafc;\n color: #334155;\n border-radius: 999px;\n padding: 2px 8px;\n font-size: 12px;\n font-weight: 700;\n line-height: 1.1;\n}\n.order-tag.is-info {\n border-color: #bfdbfe;\n background: #eff6ff;\n color: #1d4ed8;\n}\n.order-tag.is-success {\n border-color: #bbf7d0;\n background: #f0fdf4;\n color: #166534;\n}\n.order-tag.is-danger {\n border-color: #fecaca;\n background: #fef2f2;\n color: #b91c1c;\n}\n.order-tag.is-warn {\n border-color: #fde68a;\n background: #fffbeb;\n color: #92400e;\n}\n.order-tag.is-cod {\n border-color: #f9a8d4;\n background: #fdf2f8;\n color: #9d174d;\n}\n.order-tag.is-unpaid {\n border-color: #fca5a5;\n background: #fef2f2;\n color: #b91c1c;\n}\n\n.orders-mini {\n font-size: 14px;\n color: #223247;\n line-height: 1.25;\n}\n.orders-mini__delivery {\n font-size: 12px;\n color: #64748b;\n margin-bottom: 2px;\n max-width: 160px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.orders-products {\n display: grid;\n gap: 4px;\n min-width: 240px;\n}\n.orders-products__meta, .orders-products__more {\n font-size: 12px;\n color: #64748b;\n}\n\n.orders-product {\n display: grid;\n grid-template-columns: 48px 1fr;\n gap: 6px;\n align-items: center;\n}\n.orders-product__thumb {\n width: 48px;\n height: 48px;\n border-radius: 4px;\n border: 1px solid #dbe3ef;\n object-fit: cover;\n background: #fff;\n}\n.orders-product__thumb--empty {\n display: inline-block;\n background: #eef2f7;\n border-style: dashed;\n}\n.orders-product__txt {\n min-width: 0;\n display: grid;\n gap: 1px;\n}\n.orders-product__name {\n font-size: 14px;\n color: #0f172a;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.orders-product__qty {\n font-size: 12px;\n color: #64748b;\n}\n\n.orders-image-hover-wrap {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n cursor: zoom-in;\n}\n\n.orders-image-hover-popup {\n display: none;\n position: fixed;\n left: auto;\n top: auto;\n width: 350px;\n max-height: 350px;\n object-fit: contain;\n border-radius: 8px;\n background: #fff;\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);\n border: 1px solid #dfe3ea;\n z-index: 100;\n pointer-events: none;\n}\n\n.orders-image-hover-wrap:hover .orders-image-hover-popup {\n display: block;\n}\n\n.activity-type-badge {\n display: inline-block;\n padding: 2px 8px;\n border-radius: 4px;\n font-size: 12px;\n font-weight: 500;\n white-space: nowrap;\n background: #e2e8f0;\n color: #334155;\n}\n.activity-type-badge--status_change {\n background: #dbeafe;\n color: #1e40af;\n}\n.activity-type-badge--payment {\n background: #dcfce7;\n color: #166534;\n}\n.activity-type-badge--invoice {\n background: #fef3c7;\n color: #92400e;\n}\n.activity-type-badge--shipment {\n background: #e0e7ff;\n color: #3730a3;\n}\n.activity-type-badge--message {\n background: #f3e8ff;\n color: #6b21a8;\n}\n.activity-type-badge--document {\n background: #fce7f3;\n color: #9d174d;\n}\n.activity-type-badge--import {\n background: #f1f5f9;\n color: #475569;\n}\n.activity-type-badge--note {\n background: #ecfdf5;\n color: #065f46;\n}\n\n.text-nowrap {\n white-space: nowrap;\n}\n\n.orders-money {\n display: grid;\n gap: 2px;\n}\n.orders-money__main {\n color: #0f172a;\n font-weight: 700;\n font-size: 14px;\n}\n.orders-money__meta {\n color: #64748b;\n font-size: 12px;\n}\n\n.table-list[data-table-list-id=orders] {\n gap: 8px;\n}\n.table-list[data-table-list-id=orders] .table-list__header {\n padding: 2px 0 0;\n}\n.table-list[data-table-list-id=orders] .table-list-filters {\n gap: 8px;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n}\n.table-list[data-table-list-id=orders] .table th,\n.table-list[data-table-list-id=orders] .table td {\n padding: 6px 8px;\n}\n.table-list[data-table-list-id=orders] .table thead th {\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: 0.02em;\n white-space: nowrap;\n}\n.table-list[data-table-list-id=orders] .table tbody td {\n vertical-align: top;\n font-size: 14px;\n line-height: 1.25;\n}\n\n.order-show-layout {\n display: grid;\n grid-template-columns: 220px minmax(0, 1fr);\n gap: 12px;\n align-items: start;\n}\n\n.order-statuses-side {\n position: sticky;\n top: 60px;\n padding: 10px;\n}\n.order-statuses-side__title {\n font-size: 13px;\n font-weight: 700;\n color: #0f172a;\n margin-bottom: 8px;\n}\n\n.order-status-group {\n margin-bottom: 10px;\n}\n.order-status-group__name {\n font-size: 12px;\n color: #475569;\n font-weight: 700;\n margin-bottom: 5px;\n}\n\n.order-status-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 8px;\n padding: 4px 6px;\n border-radius: 6px;\n color: #334155;\n font-size: 12px;\n text-decoration: none;\n}\n.order-status-row__count {\n min-width: 24px;\n text-align: center;\n border-radius: 999px;\n background: var(--status-color, #64748b);\n padding: 1px 6px;\n font-weight: 700;\n font-size: 11px;\n color: #ffffff;\n}\n\n.order-status-row:hover {\n background: #f1f5f9;\n}\n\n.order-status-row.is-active {\n background: rgba(15, 23, 42, 0.06);\n color: #0f172a;\n font-weight: 700;\n}\n\n.order-show-main {\n min-width: 0;\n}\n\n.order-details-actions {\n display: inline-flex;\n flex-wrap: wrap;\n justify-content: flex-end;\n gap: 6px;\n}\n\n.order-details-page {\n padding: 12px;\n}\n\n.order-details-head {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: 12px;\n flex-wrap: wrap;\n}\n\n.order-back-link {\n color: #475569;\n text-decoration: none;\n font-weight: 600;\n}\n\n.order-back-link:hover {\n color: #1d4ed8;\n}\n\n.order-details-sub {\n display: inline-flex;\n gap: 10px;\n flex-wrap: wrap;\n color: #64748b;\n font-size: 12px;\n}\n\n.order-details-pill {\n border-radius: 999px;\n padding: 5px 10px;\n background: #eef6ff;\n border: 1px solid #cfe2ff;\n color: #1d4ed8;\n font-size: 12px;\n font-weight: 700;\n}\n\n.order-status-change {\n display: flex;\n align-items: center;\n gap: 10px;\n flex-wrap: wrap;\n}\n\n.order-status-change__form {\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n.order-status-change__select {\n min-width: 180px;\n}\n\n.order-details-tabs {\n display: flex;\n gap: 6px;\n flex-wrap: wrap;\n}\n\n.order-details-tab {\n border: 1px solid #d6deea;\n border-radius: 8px;\n padding: 5px 10px;\n color: #475569;\n font-size: 12px;\n background: #f8fafc;\n cursor: pointer;\n}\n\n.order-details-tab.is-active {\n border-color: #bfdbfe;\n color: #1d4ed8;\n background: #eff6ff;\n font-weight: 700;\n}\n\n.order-item-cell {\n display: grid;\n grid-template-columns: 44px 1fr;\n gap: 8px;\n align-items: center;\n min-width: 260px;\n}\n\n.order-item-thumb {\n width: 44px;\n height: 44px;\n border-radius: 6px;\n border: 1px solid #dbe3ef;\n object-fit: cover;\n}\n\n.order-item-thumb--empty {\n display: inline-block;\n background: #eef2f7;\n border-style: dashed;\n}\n\n.order-item-name {\n font-weight: 600;\n color: #0f172a;\n}\n\n.order-grid-2 {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 12px;\n}\n\n.order-grid-3 {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 12px;\n}\n\n.order-kv {\n margin: 0;\n display: grid;\n grid-template-columns: 150px 1fr;\n gap: 6px 10px;\n font-size: 12px;\n}\n\n.payment-summary {\n display: grid;\n gap: 6px;\n max-width: 420px;\n}\n\n.payment-summary__row {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 12px;\n}\n\n.payment-summary__label {\n width: 150px;\n flex-shrink: 0;\n color: #64748b;\n}\n\n.payment-summary__value {\n font-weight: 600;\n color: #0f172a;\n}\n\n.order-kv dt {\n color: #64748b;\n}\n\n.order-kv dd {\n margin: 0;\n color: #0f172a;\n font-weight: 600;\n}\n\n.order-address {\n display: grid;\n gap: 3px;\n font-size: 12px;\n color: #0f172a;\n}\n\n.order-events {\n display: grid;\n gap: 8px;\n}\n\n.order-event {\n border: 1px solid #e2e8f0;\n border-radius: 8px;\n padding: 8px;\n background: #fbfdff;\n}\n\n.order-event__head {\n color: #64748b;\n font-size: 11px;\n}\n\n.order-event__body {\n margin-top: 4px;\n color: #0f172a;\n font-size: 12px;\n}\n\n.order-tab-panel {\n display: none;\n}\n\n.order-tab-panel.is-active {\n display: block;\n}\n\n.order-empty-placeholder {\n border: 1px dashed #cbd5e1;\n border-radius: 8px;\n min-height: 180px;\n background: #f8fafc;\n}\n\n.order-status-badge {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 4px 10px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n border: 1px solid #cbd5e1;\n color: #334155;\n background: #f8fafc;\n}\n.order-status-badge.is-info {\n border-color: #bfdbfe;\n background: #eff6ff;\n color: #1d4ed8;\n}\n.order-status-badge.is-success {\n border-color: #bbf7d0;\n background: #f0fdf4;\n color: #166534;\n}\n.order-status-badge.is-danger {\n border-color: #fecaca;\n background: #fef2f2;\n color: #b91c1c;\n}\n.order-status-badge.is-warn {\n border-color: #fde68a;\n background: #fffbeb;\n color: #92400e;\n}\n.order-status-badge.is-empty {\n color: #94a3b8;\n}\n\n.order-buyer {\n display: grid;\n gap: 2px;\n}\n.order-buyer__name {\n color: #0f172a;\n font-weight: 600;\n}\n.order-buyer__email {\n color: #64748b;\n font-size: 12px;\n}\n\n.table-inline-action {\n display: inline-block;\n margin-right: 6px;\n}\n\n.product-name-cell {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n}\n\n.product-name-thumb {\n width: 60px;\n height: 60px;\n border-radius: 6px;\n object-fit: cover;\n border: 1px solid var(--c-border);\n background: #f8fafc;\n}\n\n.product-name-thumb--empty {\n display: inline-block;\n width: 60px;\n height: 60px;\n border-radius: 6px;\n border: 1px dashed #cbd5e0;\n background: #f8fafc;\n}\n\n.product-name-thumb-btn {\n border: 0;\n padding: 0;\n background: transparent;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n.product-name-thumb-btn:focus-visible {\n outline: none;\n box-shadow: var(--focus-ring);\n border-radius: 8px;\n}\n\n.modal--image-preview {\n width: min(760px, 100%);\n}\n\n.product-image-preview__img {\n display: block;\n width: 100%;\n max-height: 70vh;\n object-fit: contain;\n border-radius: 8px;\n background: #f8fafc;\n}\n\n.product-images-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\n gap: 12px;\n}\n\n.product-image-card {\n border: 1px solid #dfe3ea;\n border-radius: 10px;\n padding: 10px;\n background: #fff;\n}\n\n.product-image-card__thumb-wrap {\n position: relative;\n border-radius: 8px;\n overflow: hidden;\n background: #f2f5f8;\n}\n\n.product-image-card__thumb {\n width: 100%;\n height: 160px;\n object-fit: cover;\n display: block;\n}\n\n.product-image-card__thumb.is-empty {\n height: 160px;\n display: grid;\n place-items: center;\n color: #6b7785;\n font-size: 12px;\n}\n\n.product-image-card__badge {\n display: none;\n position: absolute;\n top: 8px;\n left: 8px;\n background: #1f7a43;\n color: #fff;\n padding: 3px 8px;\n border-radius: 999px;\n font-size: 11px;\n}\n\n.product-image-card.is-main .product-image-card__badge {\n display: inline-block;\n}\n\n.product-image-card__meta {\n margin-top: 8px;\n font-size: 11px;\n line-height: 1.25;\n color: #5f6b79;\n overflow-wrap: anywhere;\n}\n\n.product-image-card__actions {\n margin-top: 10px;\n display: grid;\n grid-template-columns: 1fr;\n gap: 8px;\n}\n\n.product-image-card__actions .btn {\n min-height: 34px;\n font-size: 12px;\n line-height: 1.2;\n padding: 6px 10px;\n}\n\n.product-links-search-form {\n display: grid;\n gap: 12px;\n grid-template-columns: minmax(220px, 320px) minmax(220px, 1fr) auto;\n align-items: end;\n}\n\n.product-links-head {\n display: grid;\n gap: 8px;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n.product-tabs-nav {\n display: flex;\n align-items: center;\n gap: 8px;\n flex-wrap: wrap;\n}\n\n.product-links-inline-form {\n display: grid;\n gap: 8px;\n grid-template-columns: minmax(140px, 1fr) minmax(140px, 1fr) auto;\n align-items: center;\n}\n\n.product-links-actions-row {\n display: flex;\n align-items: center;\n gap: 8px;\n flex-wrap: nowrap;\n}\n\n.product-links-actions-row .product-links-relink-form {\n flex: 1 1 auto;\n}\n\n.product-links-unlink-form {\n margin: 0;\n flex: 0 0 auto;\n}\n\n.product-link-status-cell {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n}\n\n.product-link-alert-indicator {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 18px;\n height: 18px;\n border-radius: 999px;\n border: 1px solid #f59e0b;\n background: #fffbeb;\n color: #b45309;\n font-size: 12px;\n font-weight: 700;\n cursor: help;\n}\n\n.product-link-events-list {\n margin: 0;\n padding: 0;\n list-style: none;\n display: grid;\n gap: 4px;\n}\n\n.product-link-events-list li {\n display: grid;\n gap: 2px;\n}\n\n.product-link-events-type {\n font-weight: 600;\n color: var(--c-text-strong);\n}\n\n.product-link-events-date {\n color: var(--c-muted);\n font-size: 12px;\n}\n\n.product-show-images-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\n gap: 12px;\n}\n\n.product-show-image-card {\n border: 1px solid var(--c-border);\n border-radius: 10px;\n background: #fff;\n padding: 10px;\n overflow: hidden;\n}\n.product-show-image-card__meta {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: 8px;\n min-width: 0;\n}\n\n.product-show-image-path {\n font-size: 12px;\n min-width: 0;\n overflow: hidden;\n}\n.product-show-image-path summary {\n cursor: pointer;\n color: var(--c-muted, #888);\n list-style: none;\n user-select: none;\n white-space: nowrap;\n}\n.product-show-image-path summary::-webkit-details-marker {\n display: none;\n}\n.product-show-image-path summary::after {\n content: \" ▾\";\n}\n.product-show-image-path[open] summary::after {\n content: \" ▴\";\n}\n.product-show-image-path__url {\n margin-top: 4px;\n word-break: break-all;\n overflow-wrap: break-word;\n font-size: 11px;\n}\n\n.product-show-image {\n width: 100%;\n max-height: 260px;\n object-fit: cover;\n border-radius: 8px;\n border: 1px solid #d9e0ea;\n}\n\n.shipment-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 12px;\n}\n\n.searchable-select {\n position: relative;\n}\n.searchable-select__trigger {\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: pointer;\n user-select: none;\n min-height: 34px;\n}\n.searchable-select__trigger::after {\n content: \"\";\n width: 0;\n height: 0;\n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n border-top: 5px solid var(--c-text-muted, #6b7280);\n margin-left: 8px;\n flex-shrink: 0;\n}\n.searchable-select__trigger--placeholder {\n color: var(--c-text-muted, #6b7280);\n}\n.searchable-select__dropdown {\n display: none;\n position: absolute;\n left: 0;\n right: 0;\n top: 100%;\n z-index: 50;\n max-height: 280px;\n overflow: auto;\n background: #fff;\n border: 1px solid var(--c-border);\n border-top: 0;\n border-radius: 0 0 8px 8px;\n box-shadow: 0 8px 20px rgba(15, 23, 42, 0.12);\n}\n.searchable-select__dropdown.is-open {\n display: block;\n}\n.searchable-select__search {\n position: sticky;\n top: 0;\n border: none !important;\n border-bottom: 1px solid var(--c-border) !important;\n border-radius: 0 !important;\n box-shadow: none !important;\n font-size: 13px;\n background: #fff;\n z-index: 1;\n}\n.searchable-select__option {\n padding: 7px 10px;\n font-size: 13px;\n cursor: pointer;\n color: var(--c-text-strong);\n}\n.searchable-select__option:hover {\n background: #f1f5f9;\n}\n.searchable-select__option.is-selected {\n background: #edf2ff;\n font-weight: 600;\n}\n\n.flash {\n padding: 10px 14px;\n border-radius: 8px;\n font-size: 13px;\n font-weight: 500;\n}\n.flash--success {\n background: #f0fdf4;\n border: 1px solid #bbf7d0;\n color: #166534;\n}\n.flash--error {\n background: #fef2f2;\n border: 1px solid #fecaca;\n color: #b91c1c;\n}\n\n.content-tabs-card {\n margin-top: 0;\n}\n\n.content-tabs-nav {\n display: flex;\n gap: 4px;\n border-bottom: 2px solid var(--c-border);\n margin-bottom: 16px;\n flex-wrap: wrap;\n}\n\n.content-tab-btn {\n padding: 8px 16px;\n border: none;\n background: none;\n cursor: pointer;\n font-size: 14px;\n font-weight: 500;\n color: var(--c-text-muted, #6b7280);\n border-bottom: 2px solid transparent;\n margin-bottom: -2px;\n border-radius: 4px 4px 0 0;\n transition: color 0.15s, border-color 0.15s;\n}\n.content-tab-btn:hover {\n color: var(--c-text-strong, #111827);\n}\n.content-tab-btn.is-active {\n color: var(--c-primary, #2563eb);\n border-bottom-color: var(--c-primary, #2563eb);\n}\n\n.content-tab-panel {\n display: none;\n}\n.content-tab-panel.is-active {\n display: block;\n}\n\n.shoppro-tabs-toolbar {\n display: flex;\n align-items: flex-end;\n justify-content: space-between;\n gap: 10px;\n margin-bottom: 10px;\n flex-wrap: wrap;\n}\n\n.shoppro-tabs-toolbar__field {\n margin: 0;\n min-width: 260px;\n max-width: 420px;\n flex: 1 1 320px;\n}\n\n.shoppro-tabs-toolbar__field .form-control {\n width: 100%;\n}\n\n.shoppro-tabs-toolbar__actions {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n}\n\n.dm-carrier-select {\n min-width: 140px;\n}\n\n.dm-service-wrap {\n min-width: 200px;\n}\n.dm-service-wrap .dm-inpost-panel .form-control,\n.dm-service-wrap .dm-apaczka-panel .form-control {\n width: 100%;\n}\n\n.integration-settings-group {\n grid-column: 1/-1;\n border: 1px solid var(--c-border);\n border-radius: 10px;\n background: #f8fbff;\n padding: 10px;\n}\n\n.integration-settings-group__head {\n margin-bottom: 8px;\n padding: 4px 8px;\n border-left: 3px solid var(--c-primary, #2563eb);\n background: #eef4ff;\n border-radius: 6px;\n}\n\n.integration-settings-group__title {\n margin: 0;\n font-size: 14px;\n font-weight: 700;\n letter-spacing: 0.01em;\n color: #1e3a8a;\n}\n\n.integration-settings-group__desc {\n margin: 4px 0 0;\n color: #4b5563;\n}\n\n.integration-settings-group__grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 10px 12px;\n align-items: start;\n}\n\n.integration-settings-group__full {\n grid-column: 1/-1;\n}\n\n.integration-settings-group__grid .form-field {\n margin: 0;\n align-self: start;\n}\n\n.integration-settings-group__grid .form-control {\n min-height: 34px;\n height: 34px;\n}\n\n.integration-settings-group__grid input[type=date].form-control {\n line-height: 1.2;\n}\n\n.integration-settings-checkboxes {\n border: 0;\n padding: 0;\n margin: 0;\n}\n\n.integration-settings-checkboxes .field-label {\n display: block;\n margin-bottom: 2px;\n}\n\n.integration-settings-checkboxes__list {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 6px 12px;\n}\n\n.integration-settings-checkboxes__item {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n font-size: 13px;\n color: #334155;\n}\n\n@media (max-width: 768px) {\n .app-shell {\n flex-direction: column;\n }\n .sidebar {\n width: 100% !important;\n min-width: 0 !important;\n border-right: 0;\n border-bottom: 1px solid #243041;\n padding: 14px;\n overflow-x: auto;\n }\n .sidebar__brand {\n margin: 0 0 10px;\n font-size: 22px;\n }\n .sidebar__collapse-btn {\n display: none;\n }\n .sidebar__nav {\n display: flex;\n gap: 8px;\n overflow-x: auto;\n }\n .sidebar__link {\n white-space: nowrap;\n }\n .topbar {\n padding: 0 14px;\n }\n .container {\n margin-top: 16px;\n width: calc(100% - 16px);\n margin-left: 8px;\n margin-right: 8px;\n padding: 0 3px 12px;\n }\n .settings-grid {\n grid-template-columns: 1fr;\n }\n .page-head {\n flex-direction: column;\n align-items: flex-start;\n }\n .orders-stats {\n grid-template-columns: 1fr;\n width: 100%;\n }\n .order-show-layout {\n grid-template-columns: 1fr;\n }\n .order-statuses-side {\n position: static;\n top: auto;\n }\n .order-details-actions {\n justify-content: flex-start;\n }\n .order-grid-2,\n .order-grid-3 {\n grid-template-columns: 1fr;\n }\n .order-kv {\n grid-template-columns: 1fr;\n gap: 2px;\n }\n .filters-grid,\n .form-grid,\n .form-grid-2,\n .form-grid-3,\n .form-grid-4,\n .shipment-grid,\n .statuses-form,\n .statuses-inline-form,\n .table-list-filters,\n .product-links-search-form,\n .product-links-inline-form {\n grid-template-columns: 1fr;\n }\n .statuses-dnd-item__content {\n display: block;\n }\n .statuses-inline-delete {\n margin-top: 6px;\n }\n .filters-actions {\n align-items: center;\n }\n .table-list__header,\n .table-list__footer {\n align-items: flex-start;\n }\n .product-links-head {\n grid-template-columns: 1fr;\n }\n .integration-settings-group__grid {\n grid-template-columns: 1fr;\n }\n .integration-settings-checkboxes__list {\n grid-template-columns: 1fr;\n }\n .card {\n padding: 12px;\n }\n .modal--image-preview {\n width: min(92vw, 100%);\n }\n}",":root {\r\n --c-primary: #6690f4;\r\n --c-primary-dark: #3164db;\r\n --c-bg: #f4f6f9;\r\n --c-surface: #ffffff;\r\n --c-text: #4e5e6a;\r\n --c-text-strong: #2d3748;\r\n --c-muted: #718096;\r\n --c-border: #b0bec5;\r\n --c-danger: #cc0000;\r\n --focus-ring: 0 0 0 3px rgba(102, 144, 244, 0.15);\r\n --shadow-card: 0 1px 4px rgba(0, 0, 0, 0.06);\r\n}\r\n\r\n.btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 34px;\r\n padding: 6px 12px;\r\n border: 1px solid transparent;\r\n border-radius: 8px;\r\n font: inherit;\r\n font-weight: 600;\r\n text-decoration: none;\r\n cursor: pointer;\r\n transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.1s ease;\r\n}\r\n\r\n.btn--primary {\r\n color: #ffffff;\r\n background: var(--c-primary);\r\n}\r\n\r\n.btn--primary:hover {\r\n background: var(--c-primary-dark);\r\n}\r\n\r\n.btn--secondary {\r\n color: var(--c-text-strong);\r\n border-color: var(--c-border);\r\n background: var(--c-surface);\r\n}\r\n\r\n.btn--secondary:hover {\r\n border-color: #cbd5e0;\r\n background: #f8fafc;\r\n}\r\n\r\n.btn--danger {\r\n color: #ffffff;\r\n border-color: #b91c1c;\r\n background: #dc2626;\r\n}\r\n\r\n.btn--danger:hover {\r\n border-color: #991b1b;\r\n background: #b91c1c;\r\n}\r\n\r\n.btn--sm {\r\n min-height: 28px;\r\n padding: 3px 10px;\r\n font-size: 12px;\r\n}\r\n\r\n.btn--block {\r\n width: 100%;\r\n}\r\n\r\n.btn:active {\r\n transform: translateY(1px);\r\n}\r\n\r\n.btn:focus-visible {\r\n outline: none;\r\n box-shadow: var(--focus-ring);\r\n border-color: var(--c-primary);\r\n}\r\n\r\n.form-control {\r\n width: 100%;\r\n min-height: 34px;\r\n border: 1px solid var(--c-border);\r\n border-radius: 8px;\r\n padding: 5px 10px;\r\n font: inherit;\r\n color: var(--c-text-strong);\r\n background: #ffffff;\r\n transition: border-color 0.2s ease, box-shadow 0.2s ease;\r\n}\r\n\r\n.form-control:focus {\r\n outline: none;\r\n border-color: var(--c-primary);\r\n box-shadow: var(--focus-ring);\r\n}\r\n\r\n.input {\r\n min-height: 34px;\r\n border: 1px solid var(--c-border);\r\n border-radius: 8px;\r\n padding: 5px 10px;\r\n font: inherit;\r\n color: var(--c-text-strong);\r\n background: #ffffff;\r\n}\r\n\r\n.input--sm {\r\n min-height: 28px;\r\n padding: 3px 8px;\r\n font-size: 12px;\r\n}\r\n\r\n.flash {\r\n padding: 8px 12px;\r\n border-radius: 6px;\r\n font-size: 13px;\r\n}\r\n\r\n.flash--success {\r\n border: 1px solid #b7ebcf;\r\n background: #f0fff6;\r\n color: #0f6b39;\r\n}\r\n\r\n.flash--error {\r\n border: 1px solid #fed7d7;\r\n background: #fff5f5;\r\n color: var(--c-danger);\r\n}\r\n\r\n.alert {\r\n padding: 12px 14px;\r\n border-radius: 8px;\r\n border: 1px solid transparent;\r\n font-size: 13px;\r\n min-height: 44px;\r\n}\r\n\r\n.alert--danger {\r\n border-color: #fed7d7;\r\n background: #fff5f5;\r\n color: var(--c-danger);\r\n}\r\n\r\n.alert--success {\r\n border-color: #b7ebcf;\r\n background: #f0fff6;\r\n color: #0f6b39;\r\n}\r\n\r\n.alert--warning {\r\n border-color: #f7dd8b;\r\n background: #fff8e8;\r\n color: #815500;\r\n}\r\n\r\n.form-field {\r\n display: grid;\r\n gap: 5px;\r\n}\r\n\r\n.field-label {\r\n color: var(--c-text-strong);\r\n font-size: 13px;\r\n font-weight: 600;\r\n}\r\n\r\n.table-wrap {\r\n width: 100%;\r\n overflow-x: auto;\r\n\r\n &--visible {\r\n overflow: visible !important;\r\n overflow-x: visible !important;\r\n }\r\n}\r\n\r\n.table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n background: var(--c-surface);\r\n}\r\n\r\n.table th,\r\n.table td {\r\n padding: 10px 12px;\r\n border-bottom: 1px solid var(--c-border);\r\n text-align: left;\r\n}\r\n\r\n.table th {\r\n color: var(--c-text-strong);\r\n font-weight: 700;\r\n background: #f8fafc;\r\n}\r\n\r\n.table--details th {\r\n white-space: nowrap;\r\n}\r\n\r\n.table--details th:first-child,\r\n.table--details td:first-child {\r\n width: 36px;\r\n text-align: center;\r\n}\r\n\r\n.pagination {\r\n display: flex;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.pagination__item {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-width: 36px;\r\n height: 36px;\r\n padding: 0 10px;\r\n border-radius: 8px;\r\n border: 1px solid var(--c-border);\r\n color: var(--c-text-strong);\r\n background: var(--c-surface);\r\n text-decoration: none;\r\n font-weight: 600;\r\n}\r\n\r\n.pagination__item:hover {\r\n border-color: #cbd5e0;\r\n background: #f8fafc;\r\n}\r\n\r\n.pagination__item.is-active {\r\n border-color: var(--c-primary);\r\n color: var(--c-primary);\r\n background: #edf2ff;\r\n}\r\n","@use \"shared/ui-components\";\r\n\r\n* {\r\n box-sizing: border-box;\r\n}\r\n\r\nhtml,\r\nbody {\r\n min-height: 100%;\r\n}\r\n\r\nbody {\r\n margin: 0;\r\n font-family: \"Roboto\", \"Segoe UI\", sans-serif;\r\n font-size: 13px;\r\n color: var(--c-text);\r\n background: var(--c-bg);\r\n}\r\n\r\na {\r\n color: var(--c-primary);\r\n}\r\n\r\n.app-shell {\r\n min-height: 100vh;\r\n display: flex;\r\n}\r\n\r\n.sidebar {\r\n width: 260px;\r\n min-width: 260px;\r\n flex-shrink: 0;\r\n overflow: hidden;\r\n transition: width 0.22s ease, min-width 0.22s ease;\r\n border-right: 1px solid #243041;\r\n background: #111a28;\r\n padding: 18px 10px;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.sidebar.is-collapsed {\r\n width: 52px;\r\n min-width: 52px;\r\n}\r\n\r\n.sidebar__brand {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n margin: 4px 4px 16px;\r\n gap: 6px;\r\n min-width: 0;\r\n}\r\n\r\n.sidebar__brand-text {\r\n color: #e9f0ff;\r\n font-size: 24px;\r\n font-weight: 300;\r\n letter-spacing: -0.02em;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n flex: 1;\r\n min-width: 0;\r\n\r\n strong {\r\n font-weight: 700;\r\n }\r\n}\r\n\r\n.sidebar__collapse-btn {\r\n flex-shrink: 0;\r\n width: 28px;\r\n height: 28px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: transparent;\r\n border: 1px solid #2a3a54;\r\n border-radius: 6px;\r\n color: #64748b;\r\n cursor: pointer;\r\n padding: 0;\r\n transition: background 0.15s, color 0.15s;\r\n\r\n &:hover {\r\n background: #1b2a3f;\r\n color: #cbd5e1;\r\n }\r\n}\r\n\r\n.sidebar__collapse-icon {\r\n display: block;\r\n transition: transform 0.22s ease;\r\n flex-shrink: 0;\r\n}\r\n\r\n.sidebar.is-collapsed .sidebar__collapse-icon {\r\n transform: rotate(180deg);\r\n}\r\n\r\n.sidebar__nav {\r\n display: grid;\r\n gap: 4px;\r\n}\r\n\r\n.sidebar__link {\r\n border-radius: 8px;\r\n padding: 10px 12px;\r\n text-decoration: none;\r\n color: #cbd5e1;\r\n font-weight: 600;\r\n}\r\n\r\n.sidebar__link:hover {\r\n color: #f8fafc;\r\n background: #1b2a3f;\r\n}\r\n\r\n.sidebar__link.is-active {\r\n color: #ffffff;\r\n background: #2e4f93;\r\n}\r\n\r\n.sidebar__group {\r\n display: grid;\r\n gap: 2px;\r\n}\r\n\r\n.sidebar__group-toggle {\r\n list-style: none;\r\n border-radius: 8px;\r\n padding: 9px 10px;\r\n color: #cbd5e1;\r\n font-weight: 600;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n white-space: nowrap;\r\n user-select: none;\r\n}\r\n\r\n.sidebar__group-toggle::-webkit-details-marker {\r\n display: none;\r\n}\r\n\r\n.sidebar__group:hover .sidebar__group-toggle,\r\n.sidebar__group-toggle:hover {\r\n color: #f8fafc;\r\n background: #1b2a3f;\r\n}\r\n\r\n.sidebar__group.is-active .sidebar__group-toggle {\r\n color: #ffffff;\r\n background: #2e4f93;\r\n}\r\n\r\n.sidebar__icon {\r\n flex-shrink: 0;\r\n width: 18px;\r\n height: 18px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n opacity: 0.85;\r\n}\r\n\r\n.sidebar__label {\r\n flex: 1;\r\n min-width: 0;\r\n overflow: hidden;\r\n}\r\n\r\n.sidebar__toggle-arrow {\r\n flex-shrink: 0;\r\n margin-left: auto;\r\n opacity: 0.5;\r\n transition: transform 0.18s ease;\r\n}\r\n\r\ndetails[open] > .sidebar__group-toggle .sidebar__toggle-arrow {\r\n transform: rotate(180deg);\r\n}\r\n\r\n.sidebar__group-links {\r\n display: grid;\r\n gap: 2px;\r\n padding-left: 12px;\r\n overflow: hidden;\r\n}\r\n\r\n.sidebar__sublink {\r\n border-radius: 6px;\r\n padding: 7px 10px 7px 8px;\r\n text-decoration: none;\r\n color: #94a3b8;\r\n font-size: 12.5px;\r\n font-weight: 500;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n white-space: nowrap;\r\n\r\n &::before {\r\n content: '';\r\n flex-shrink: 0;\r\n width: 5px;\r\n height: 5px;\r\n border-radius: 50%;\r\n background: rgba(148, 163, 184, 0.3);\r\n transition: background 0.15s;\r\n }\r\n\r\n &:hover {\r\n color: #e2e8f0;\r\n background: #1b2a3f;\r\n\r\n &::before {\r\n background: rgba(148, 163, 184, 0.65);\r\n }\r\n }\r\n\r\n &.is-active {\r\n color: #ffffff;\r\n background: rgba(46, 79, 147, 0.55);\r\n\r\n &::before {\r\n background: #93c5fd;\r\n }\r\n }\r\n}\r\n\r\n.app-main {\r\n flex: 1;\r\n min-width: 0;\r\n}\r\n\r\n.topbar {\r\n height: 50px;\r\n border-bottom: 1px solid var(--c-border);\r\n background: var(--c-surface);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 0 20px;\r\n position: sticky;\r\n top: 0;\r\n z-index: 100;\r\n}\r\n\r\n.brand {\r\n font-size: 22px;\r\n font-weight: 300;\r\n letter-spacing: -0.02em;\r\n color: var(--c-text-strong);\r\n}\r\n\r\n.brand strong {\r\n font-weight: 700;\r\n}\r\n\r\n.container {\r\n max-width: none;\r\n width: calc(100% - 20px);\r\n margin: 12px 10px;\r\n padding: 0 4px 14px;\r\n}\r\n\r\n.card {\r\n background: var(--c-surface);\r\n border-radius: 10px;\r\n box-shadow: var(--shadow-card);\r\n padding: 14px;\r\n}\r\n\r\n.card h1 {\r\n margin: 0 0 10px;\r\n color: var(--c-text-strong);\r\n font-size: 24px;\r\n font-weight: 700;\r\n}\r\n\r\n.muted {\r\n color: var(--c-muted);\r\n}\r\n\r\n.accent {\r\n color: var(--c-primary);\r\n font-weight: 600;\r\n}\r\n\r\n.users-form {\r\n display: grid;\r\n gap: 14px;\r\n max-width: 460px;\r\n}\r\n\r\n.section-title {\n margin: 0;\n color: var(--c-text-strong);\n font-size: 18px;\n font-weight: 700;\n}\n\nh2.section-title,\nh3.section-title,\nh4.section-title {\n display: flex;\n align-items: center;\n gap: 8px;\n font-weight: 400;\n padding: 5px 10px;\n border-left: 3px solid var(--c-primary);\n border-radius: 7px;\n background: linear-gradient(180deg, #f4f8ff 0%, #edf3ff 100%);\n color: #1e3a8a;\n box-shadow: inset 0 0 0 1px #dbe7fb;\n}\n\r\n.mt-0 {\r\n margin-top: 0;\r\n}\r\n\r\n.mt-4 {\r\n margin-top: 4px;\r\n}\r\n\r\n.mt-12 {\r\n margin-top: 8px;\r\n}\r\n\r\n.mt-16 {\r\n margin-top: 12px;\r\n}\r\n\r\n.settings-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.settings-nav {\r\n display: flex;\r\n gap: 8px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.settings-nav__link {\r\n text-decoration: none;\r\n border: 1px solid var(--c-border);\r\n border-radius: 8px;\r\n padding: 8px 12px;\r\n color: var(--c-text-strong);\r\n font-weight: 600;\r\n}\r\n\r\n.settings-nav__link:hover {\r\n background: #f8fafc;\r\n}\r\n\r\n.settings-nav__link.is-active {\r\n border-color: var(--c-primary);\r\n color: var(--c-primary);\r\n background: #edf2ff;\r\n}\r\n\r\n.settings-stat {\r\n border: 1px solid var(--c-border);\r\n border-radius: 8px;\r\n padding: 12px;\r\n background: #f8fafc;\r\n}\r\n\r\n.settings-stat__label {\r\n display: block;\r\n color: var(--c-muted);\r\n font-size: 12px;\r\n margin-bottom: 4px;\r\n}\r\n\r\n.settings-stat__value {\r\n color: var(--c-text-strong);\r\n font-size: 20px;\r\n}\r\n\r\n.settings-logs {\r\n margin: 0;\r\n padding: 12px;\r\n border-radius: 8px;\r\n border: 1px solid var(--c-border);\r\n background: #0b1220;\r\n color: #d1d5db;\r\n font-size: 12px;\r\n line-height: 1.5;\r\n overflow: auto;\r\n}\r\n\r\n.settings-allegro-callback {\r\n display: block;\r\n width: 100%;\r\n padding: 8px 10px;\r\n border: 1px solid var(--c-border);\r\n border-radius: 8px;\r\n background: #f8fafc;\r\n color: var(--c-text-strong);\r\n font-size: 12px;\r\n line-height: 1.45;\r\n word-break: break-all;\r\n}\r\n\r\n.page-head {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 12px;\r\n}\r\n\r\n.filters-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.filters-actions {\r\n display: flex;\r\n align-items: end;\r\n gap: 8px;\r\n}\r\n\r\n.product-form .form-control {\r\n width: 100%;\r\n}\r\n\r\n.form-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.form-grid-2 {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.form-grid-3 {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.form-grid-4 {\r\n display: grid;\r\n grid-template-columns: repeat(4, minmax(0, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.form-actions {\r\n display: flex;\r\n gap: 8px;\r\n flex-wrap: wrap;\r\n align-items: flex-start;\r\n}\r\n\r\n.form-actions .btn {\r\n align-self: flex-start;\r\n}\r\n\r\n.statuses-form {\r\n display: grid;\r\n gap: 8px;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n}\r\n\r\n.statuses-form .form-actions {\r\n grid-column: 1 / -1;\r\n}\r\n\r\n.statuses-color-input {\r\n min-height: 32px;\r\n padding: 2px;\r\n}\r\n\r\n.statuses-hint {\r\n grid-column: 1 / -1;\r\n margin: 0;\r\n}\r\n\r\n.statuses-group-block {\r\n border: 1px solid var(--c-border);\r\n border-radius: 10px;\r\n padding: 8px;\r\n background: #fbfdff;\r\n}\r\n\r\n.statuses-group-block__head {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 6px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.statuses-group-block__title {\r\n margin: 0;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n color: var(--c-text-strong);\r\n font-size: 14px;\r\n}\r\n\r\n.statuses-color-dot {\r\n width: 12px;\r\n height: 12px;\r\n border-radius: 999px;\r\n border: 1px solid rgba(15, 23, 42, 0.15);\r\n}\r\n\r\n.statuses-dnd-list {\r\n margin: 6px 0 0;\r\n padding: 0;\r\n list-style: none;\r\n display: grid;\r\n gap: 6px;\r\n}\r\n\r\n.statuses-dnd-item {\r\n display: grid;\r\n grid-template-columns: 24px 1fr;\r\n gap: 6px;\r\n border: 1px solid #dce4f0;\r\n border-radius: 8px;\r\n background: #fff;\r\n padding: 6px;\r\n}\r\n\r\n.statuses-dnd-item__content {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n min-width: 0;\r\n}\r\n\r\n.statuses-dnd-item.is-dragging {\r\n opacity: 0.6;\r\n}\r\n\r\n.statuses-dnd-item__drag {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n border: 1px dashed #cbd5e1;\r\n border-radius: 6px;\r\n color: #64748b;\r\n cursor: grab;\r\n user-select: none;\r\n font-weight: 700;\r\n font-size: 12px;\r\n}\r\n\r\n.statuses-dnd-item__drag:active {\r\n cursor: grabbing;\r\n}\r\n\r\n.statuses-inline-form {\r\n display: grid;\r\n gap: 6px;\r\n}\r\n\r\n.statuses-inline-form--row {\r\n grid-template-columns: minmax(180px, 1.4fr) minmax(150px, 1fr) auto auto auto;\r\n align-items: center;\r\n flex: 1 1 auto;\r\n min-width: 0;\r\n}\r\n\r\n.statuses-inline-form--row-group {\r\n grid-template-columns: minmax(180px, 1.5fr) 56px auto auto auto;\r\n align-items: center;\r\n flex: 1 1 auto;\r\n min-width: 0;\r\n}\r\n\r\n.statuses-inline-form--row .form-control,\r\n.statuses-inline-form--row-group .form-control {\r\n min-height: 30px;\r\n padding: 4px 8px;\r\n}\r\n\r\n.statuses-inline-form--row .btn,\r\n.statuses-inline-form--row-group .btn,\r\n.statuses-inline-delete .btn {\r\n min-height: 30px;\r\n padding: 4px 10px;\r\n font-size: 12px;\r\n}\r\n\r\n.statuses-inline-check {\r\n margin-top: 0;\r\n white-space: nowrap;\r\n font-size: 12px;\r\n}\r\n\r\n.statuses-inline-delete {\r\n margin: 0;\r\n flex: 0 0 auto;\r\n}\r\n\r\n.statuses-code-label {\r\n font-size: 12px;\r\n color: var(--c-muted);\r\n}\r\n\r\n.statuses-code-readonly {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n white-space: nowrap;\r\n font-size: 12px;\r\n}\r\n\r\n.statuses-code-readonly code {\r\n background: #eef2f7;\r\n border-radius: 6px;\r\n padding: 1px 6px;\r\n color: #1f2937;\r\n font-size: 12px;\r\n}\r\n\r\n.field-inline {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-top: 2px;\r\n}\r\n\r\n.modal-backdrop {\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(15, 23, 42, 0.5);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 16px;\r\n z-index: 200;\r\n}\r\n\r\n.modal-backdrop[hidden] {\r\n display: none;\r\n}\r\n\r\n.modal {\r\n width: min(560px, 100%);\r\n background: #fff;\r\n border-radius: 10px;\r\n box-shadow: 0 20px 40px rgba(15, 23, 42, 0.35);\r\n overflow: hidden;\r\n}\r\n\r\n.modal__header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 10px;\r\n padding: 16px 18px;\r\n border-bottom: 1px solid var(--c-border);\r\n}\r\n\r\n.modal__header h3 {\r\n margin: 0;\r\n font-size: 18px;\r\n color: var(--c-text-strong);\r\n}\r\n\r\n.modal__body {\r\n padding: 16px 18px 18px;\r\n}\r\n\r\n.status-pill {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n border: 1px solid #fed7d7;\r\n background: #fff5f5;\r\n color: #9b2c2c;\r\n padding: 2px 8px;\r\n border-radius: 999px;\r\n font-size: 12px;\r\n font-weight: 600;\r\n}\r\n\r\n.status-pill.is-active {\r\n border-color: #b7ebcf;\r\n background: #f0fff6;\r\n color: #0f6b39;\r\n}\r\n\r\n.table-row-actions {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.table-row-actions form {\r\n margin: 0;\r\n}\r\n\r\n.table-list {\r\n display: grid;\r\n gap: 14px;\r\n}\r\n\r\n.table-list__header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n gap: 12px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.table-list__left {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.table-list-header-actions {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.js-filter-toggle-btn.is-active {\r\n border-color: #cbd5e0;\r\n background: #edf2ff;\r\n color: var(--c-primary-dark);\r\n}\r\n\r\n.table-filter-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-width: 18px;\r\n height: 18px;\r\n padding: 0 5px;\r\n font-size: 11px;\r\n font-weight: 700;\r\n color: #fff;\r\n background: var(--c-primary);\r\n border-radius: 999px;\r\n}\r\n\r\n.table-filters-wrapper {\r\n display: none;\r\n}\r\n\r\n.table-filters-wrapper.is-open {\r\n display: block;\r\n}\r\n\r\n.table-list-filters {\r\n display: grid;\r\n gap: 12px;\r\n grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));\r\n}\r\n\r\n.table-col-toggle-wrapper {\r\n position: relative;\r\n}\r\n\r\n.table-col-toggle-dropdown {\r\n display: none;\r\n position: absolute;\r\n right: 0;\r\n top: calc(100% + 6px);\r\n z-index: 30;\r\n width: 260px;\r\n max-height: 360px;\r\n overflow: auto;\r\n border: 1px solid var(--c-border);\r\n border-radius: 10px;\r\n background: #fff;\r\n box-shadow: 0 10px 25px rgba(15, 23, 42, 0.12);\r\n}\r\n\r\n.table-col-toggle-dropdown.is-open {\r\n display: block;\r\n}\r\n\r\n.table-col-toggle-header {\r\n padding: 10px 12px;\r\n border-bottom: 1px solid var(--c-border);\r\n font-size: 12px;\r\n font-weight: 700;\r\n color: var(--c-muted);\r\n}\r\n\r\n.table-col-toggle-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 8px 12px;\r\n font-size: 13px;\r\n color: var(--c-text-strong);\r\n}\r\n\r\n.table-col-toggle-item:hover {\r\n background: #f8fafc;\r\n}\r\n\r\n.table-col-toggle-footer {\r\n border-top: 1px solid var(--c-border);\r\n padding: 8px 12px;\r\n}\r\n\r\n.table-col-hidden {\r\n display: none;\r\n}\r\n\r\n.table-col-switch {\r\n position: relative;\r\n display: inline-block;\r\n width: 34px;\r\n min-width: 34px;\r\n height: 18px;\r\n}\r\n\r\n.table-col-switch input {\r\n opacity: 0;\r\n width: 0;\r\n height: 0;\r\n position: absolute;\r\n}\r\n\r\n.table-col-switch-slider {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: #cbd5e1;\r\n border-radius: 999px;\r\n transition: background-color 0.2s ease;\r\n}\r\n\r\n.table-col-switch-slider::before {\r\n content: \"\";\r\n position: absolute;\r\n height: 14px;\r\n width: 14px;\r\n left: 2px;\r\n bottom: 2px;\r\n background: #fff;\r\n border-radius: 50%;\r\n transition: transform 0.2s ease;\r\n}\r\n\r\n.table-col-switch input:checked + .table-col-switch-slider {\r\n background: #16a34a;\r\n}\r\n\r\n.table-col-switch input:checked + .table-col-switch-slider::before {\r\n transform: translateX(16px);\r\n}\r\n\r\n.table-sort-link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n color: var(--c-text-strong);\r\n text-decoration: none;\r\n}\r\n\r\n.table-sort-link:hover {\r\n color: var(--c-primary-dark);\r\n}\r\n\r\n.table-sort-icon.is-muted {\r\n color: #a0aec0;\r\n}\r\n\r\n.table-list__footer {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 10px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.table-list-per-page-form {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n\r\n.table-list-per-page-form .form-control {\r\n min-width: 90px;\r\n}\r\n\r\n.table-select-col {\r\n width: 44px;\r\n text-align: center;\r\n}\r\n\r\n.table-select-toggle {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.table-select-toggle input[type=\"checkbox\"] {\r\n width: 16px;\r\n height: 16px;\r\n}\r\n\r\n.orders-page {\r\n .orders-head {\r\n background: linear-gradient(120deg, #f8fbff 0%, #eef5ff 100%);\r\n border: 1px solid #dbe7fb;\r\n }\r\n\r\n .table-list {\r\n border: 1px solid #dde5f2;\r\n border-radius: 12px;\r\n box-shadow: 0 6px 16px rgba(20, 44, 86, 0.08);\r\n }\r\n\r\n .table-list__header {\r\n padding: 10px 6px 2px;\r\n }\r\n\r\n .table-list-filters {\r\n padding: 6px 6px 2px;\r\n border-top: 1px solid #ebf0f7;\r\n border-bottom: 1px solid #ebf0f7;\r\n background: #f9fbff;\r\n }\r\n\r\n .table-wrap {\r\n border-radius: 10px;\r\n overflow: hidden;\r\n border: 1px solid #e7edf6;\r\n }\r\n\r\n .table thead th {\r\n background: #f3f7fd;\r\n color: #30435f;\r\n font-size: 12px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.03em;\r\n }\r\n\r\n .table tbody td {\r\n vertical-align: middle;\r\n padding-top: 10px;\r\n padding-bottom: 10px;\r\n border-bottom-color: #edf2f8;\r\n }\r\n\r\n .table tbody tr:hover td {\r\n background: #f9fcff;\r\n }\r\n}\r\n\r\n.orders-list-page {\r\n padding: 10px;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.orders-head {\r\n display: flex;\r\n align-items: flex-start;\r\n justify-content: space-between;\r\n gap: 12px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.orders-stats {\r\n display: inline-grid;\r\n grid-template-columns: repeat(3, minmax(86px, auto));\r\n gap: 8px;\r\n}\r\n\r\n.orders-stat {\r\n border: 1px solid #d8e2f0;\r\n background: #f8fbff;\r\n border-radius: 8px;\r\n padding: 6px 8px;\r\n line-height: 1.15;\r\n\r\n &__label {\r\n display: block;\r\n color: #5f6f83;\r\n font-size: 11px;\r\n margin-bottom: 2px;\r\n }\r\n\r\n &__value {\r\n color: #12233a;\r\n font-size: 16px;\r\n font-weight: 700;\r\n }\r\n}\r\n\r\n.orders-ref {\r\n display: grid;\r\n gap: 2px;\r\n min-width: 170px;\r\n\r\n &__main {\r\n font-weight: 700;\r\n color: #0f1f35;\r\n font-size: 14px;\r\n }\r\n\r\n &__meta {\r\n display: inline-flex;\r\n flex-wrap: wrap;\r\n gap: 4px 10px;\r\n color: #64748b;\r\n font-size: 12px;\r\n }\r\n}\r\n\r\n.orders-buyer {\r\n display: grid;\r\n gap: 2px;\r\n\r\n &__name {\r\n color: #0f172a;\r\n font-weight: 600;\r\n font-size: 14px;\r\n }\r\n\r\n &__meta {\r\n display: inline-flex;\r\n flex-wrap: wrap;\r\n gap: 4px 10px;\r\n color: #64748b;\r\n font-size: 12px;\r\n }\r\n}\r\n\r\n.orders-status-wrap {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 5px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.order-tag {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n border: 1px solid #d8e1ef;\r\n background: #f8fafc;\r\n color: #334155;\r\n border-radius: 999px;\r\n padding: 2px 8px;\r\n font-size: 12px;\r\n font-weight: 700;\r\n line-height: 1.1;\r\n\r\n &.is-info {\r\n border-color: #bfdbfe;\r\n background: #eff6ff;\r\n color: #1d4ed8;\r\n }\r\n\r\n &.is-success {\r\n border-color: #bbf7d0;\r\n background: #f0fdf4;\r\n color: #166534;\r\n }\r\n\r\n &.is-danger {\r\n border-color: #fecaca;\r\n background: #fef2f2;\r\n color: #b91c1c;\r\n }\r\n\r\n &.is-warn {\r\n border-color: #fde68a;\r\n background: #fffbeb;\r\n color: #92400e;\r\n }\r\n\r\n &.is-cod {\r\n border-color: #f9a8d4;\r\n background: #fdf2f8;\r\n color: #9d174d;\r\n }\r\n\r\n &.is-unpaid {\r\n border-color: #fca5a5;\r\n background: #fef2f2;\r\n color: #b91c1c;\r\n }\r\n}\r\n\r\n.orders-mini {\r\n font-size: 14px;\r\n color: #223247;\r\n line-height: 1.25;\r\n\r\n &__delivery {\r\n font-size: 12px;\r\n color: #64748b;\r\n margin-bottom: 2px;\r\n max-width: 160px;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n }\r\n}\r\n\r\n.orders-products {\r\n display: grid;\r\n gap: 4px;\r\n min-width: 240px;\r\n\r\n &__meta,\r\n &__more {\r\n font-size: 12px;\r\n color: #64748b;\r\n }\r\n}\r\n\r\n.orders-product {\r\n display: grid;\r\n grid-template-columns: 48px 1fr;\r\n gap: 6px;\r\n align-items: center;\r\n\r\n &__thumb {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 4px;\r\n border: 1px solid #dbe3ef;\r\n object-fit: cover;\r\n background: #fff;\r\n }\r\n\r\n &__thumb--empty {\r\n display: inline-block;\r\n background: #eef2f7;\r\n border-style: dashed;\r\n }\r\n\r\n &__txt {\r\n min-width: 0;\r\n display: grid;\r\n gap: 1px;\r\n }\r\n\r\n &__name {\r\n font-size: 14px;\r\n color: #0f172a;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n }\r\n\r\n &__qty {\r\n font-size: 12px;\r\n color: #64748b;\r\n }\r\n}\r\n\r\n.orders-image-hover-wrap {\r\n position: relative;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: zoom-in;\r\n}\r\n\r\n.orders-image-hover-popup {\r\n display: none;\r\n position: fixed;\r\n left: auto;\r\n top: auto;\r\n width: 350px;\r\n max-height: 350px;\r\n object-fit: contain;\r\n border-radius: 8px;\r\n background: #fff;\r\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);\r\n border: 1px solid #dfe3ea;\r\n z-index: 100;\r\n pointer-events: none;\r\n}\r\n\r\n.orders-image-hover-wrap:hover .orders-image-hover-popup {\r\n display: block;\r\n}\r\n\r\n.activity-type-badge {\r\n display: inline-block;\r\n padding: 2px 8px;\r\n border-radius: 4px;\r\n font-size: 12px;\r\n font-weight: 500;\r\n white-space: nowrap;\r\n background: #e2e8f0;\r\n color: #334155;\r\n\r\n &--status_change { background: #dbeafe; color: #1e40af; }\r\n &--payment { background: #dcfce7; color: #166534; }\r\n &--invoice { background: #fef3c7; color: #92400e; }\r\n &--shipment { background: #e0e7ff; color: #3730a3; }\r\n &--message { background: #f3e8ff; color: #6b21a8; }\r\n &--document { background: #fce7f3; color: #9d174d; }\r\n &--import { background: #f1f5f9; color: #475569; }\r\n &--note { background: #ecfdf5; color: #065f46; }\r\n}\r\n\r\n.text-nowrap {\r\n white-space: nowrap;\r\n}\r\n\r\n.orders-money {\r\n display: grid;\r\n gap: 2px;\r\n\r\n &__main {\r\n color: #0f172a;\r\n font-weight: 700;\r\n font-size: 14px;\r\n }\r\n\r\n &__meta {\r\n color: #64748b;\r\n font-size: 12px;\r\n }\r\n}\r\n\r\n.table-list[data-table-list-id=\"orders\"] {\r\n gap: 8px;\r\n\r\n .table-list__header {\r\n padding: 2px 0 0;\r\n }\r\n\r\n .table-list-filters {\r\n gap: 8px;\r\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\r\n }\r\n\r\n .table th,\r\n .table td {\r\n padding: 6px 8px;\r\n }\r\n\r\n .table thead th {\r\n font-size: 12px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.02em;\r\n white-space: nowrap;\r\n }\r\n\r\n .table tbody td {\r\n vertical-align: top;\r\n font-size: 14px;\r\n line-height: 1.25;\r\n }\r\n}\r\n\r\n.order-show-layout {\r\n display: grid;\r\n grid-template-columns: 220px minmax(0, 1fr);\r\n gap: 12px;\r\n align-items: start;\r\n}\r\n\r\n.order-statuses-side {\r\n position: sticky;\r\n top: 60px;\r\n padding: 10px;\r\n\r\n &__title {\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: #0f172a;\r\n margin-bottom: 8px;\r\n }\r\n}\r\n\r\n.order-status-group {\r\n margin-bottom: 10px;\r\n\r\n &__name {\r\n font-size: 12px;\r\n color: #475569;\r\n font-weight: 700;\r\n margin-bottom: 5px;\r\n }\r\n}\r\n\r\n.order-status-row {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 8px;\r\n padding: 4px 6px;\r\n border-radius: 6px;\r\n color: #334155;\r\n font-size: 12px;\r\n text-decoration: none;\r\n\r\n &__count {\r\n min-width: 24px;\r\n text-align: center;\r\n border-radius: 999px;\r\n background: var(--status-color, #64748b);\r\n padding: 1px 6px;\r\n font-weight: 700;\r\n font-size: 11px;\r\n color: #ffffff;\r\n }\r\n}\r\n\r\n.order-status-row:hover {\r\n background: #f1f5f9;\r\n}\r\n\r\n.order-status-row.is-active {\r\n background: rgba(15, 23, 42, 0.06);\r\n color: #0f172a;\r\n font-weight: 700;\r\n}\r\n\r\n.order-show-main {\r\n min-width: 0;\r\n}\r\n\r\n.order-details-actions {\r\n display: inline-flex;\r\n flex-wrap: wrap;\r\n justify-content: flex-end;\r\n gap: 6px;\r\n}\r\n\r\n.order-details-page {\r\n padding: 12px;\r\n}\r\n\r\n.order-details-head {\r\n display: flex;\r\n align-items: flex-start;\r\n justify-content: space-between;\r\n gap: 12px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.order-back-link {\r\n color: #475569;\r\n text-decoration: none;\r\n font-weight: 600;\r\n}\r\n\r\n.order-back-link:hover {\r\n color: #1d4ed8;\r\n}\r\n\r\n.order-details-sub {\r\n display: inline-flex;\r\n gap: 10px;\r\n flex-wrap: wrap;\r\n color: #64748b;\r\n font-size: 12px;\r\n}\r\n\r\n.order-details-pill {\r\n border-radius: 999px;\r\n padding: 5px 10px;\r\n background: #eef6ff;\r\n border: 1px solid #cfe2ff;\r\n color: #1d4ed8;\r\n font-size: 12px;\r\n font-weight: 700;\r\n}\r\n\r\n.order-status-change {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.order-status-change__form {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n}\r\n\r\n.order-status-change__select {\r\n min-width: 180px;\r\n}\r\n\r\n.order-details-tabs {\r\n display: flex;\r\n gap: 6px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.order-details-tab {\r\n border: 1px solid #d6deea;\r\n border-radius: 8px;\r\n padding: 5px 10px;\r\n color: #475569;\r\n font-size: 12px;\r\n background: #f8fafc;\r\n cursor: pointer;\r\n}\r\n\r\n.order-details-tab.is-active {\r\n border-color: #bfdbfe;\r\n color: #1d4ed8;\r\n background: #eff6ff;\r\n font-weight: 700;\r\n}\r\n\r\n.order-item-cell {\r\n display: grid;\r\n grid-template-columns: 44px 1fr;\r\n gap: 8px;\r\n align-items: center;\r\n min-width: 260px;\r\n}\r\n\r\n.order-item-thumb {\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 6px;\r\n border: 1px solid #dbe3ef;\r\n object-fit: cover;\r\n}\r\n\r\n.order-item-thumb--empty {\r\n display: inline-block;\r\n background: #eef2f7;\r\n border-style: dashed;\r\n}\r\n\r\n.order-item-name {\r\n font-weight: 600;\r\n color: #0f172a;\r\n}\r\n\r\n.order-grid-2 {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.order-grid-3 {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.order-kv {\r\n margin: 0;\r\n display: grid;\r\n grid-template-columns: 150px 1fr;\r\n gap: 6px 10px;\r\n font-size: 12px;\r\n}\r\n\r\n.payment-summary {\r\n display: grid;\r\n gap: 6px;\r\n max-width: 420px;\r\n}\r\n\r\n.payment-summary__row {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 12px;\r\n}\r\n\r\n.payment-summary__label {\r\n width: 150px;\r\n flex-shrink: 0;\r\n color: #64748b;\r\n}\r\n\r\n.payment-summary__value {\r\n font-weight: 600;\r\n color: #0f172a;\r\n}\r\n\r\n.order-kv dt {\r\n color: #64748b;\r\n}\r\n\r\n.order-kv dd {\r\n margin: 0;\r\n color: #0f172a;\r\n font-weight: 600;\r\n}\r\n\r\n.order-address {\r\n display: grid;\r\n gap: 3px;\r\n font-size: 12px;\r\n color: #0f172a;\r\n}\r\n\r\n.order-events {\r\n display: grid;\r\n gap: 8px;\r\n}\r\n\r\n.order-event {\r\n border: 1px solid #e2e8f0;\r\n border-radius: 8px;\r\n padding: 8px;\r\n background: #fbfdff;\r\n}\r\n\r\n.order-event__head {\r\n color: #64748b;\r\n font-size: 11px;\r\n}\r\n\r\n.order-event__body {\r\n margin-top: 4px;\r\n color: #0f172a;\r\n font-size: 12px;\r\n}\r\n\r\n.order-tab-panel {\r\n display: none;\r\n}\r\n\r\n.order-tab-panel.is-active {\r\n display: block;\r\n}\r\n\r\n.order-empty-placeholder {\r\n border: 1px dashed #cbd5e1;\r\n border-radius: 8px;\r\n min-height: 180px;\r\n background: #f8fafc;\r\n}\r\n\r\n.order-status-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 4px 10px;\r\n border-radius: 999px;\r\n font-size: 12px;\r\n font-weight: 700;\r\n border: 1px solid #cbd5e1;\r\n color: #334155;\r\n background: #f8fafc;\r\n\r\n &.is-info {\r\n border-color: #bfdbfe;\r\n background: #eff6ff;\r\n color: #1d4ed8;\r\n }\r\n\r\n &.is-success {\r\n border-color: #bbf7d0;\r\n background: #f0fdf4;\r\n color: #166534;\r\n }\r\n\r\n &.is-danger {\r\n border-color: #fecaca;\r\n background: #fef2f2;\r\n color: #b91c1c;\r\n }\r\n\r\n &.is-warn {\r\n border-color: #fde68a;\r\n background: #fffbeb;\r\n color: #92400e;\r\n }\r\n\r\n &.is-empty {\r\n color: #94a3b8;\r\n }\r\n}\r\n\r\n.order-buyer {\r\n display: grid;\r\n gap: 2px;\r\n\r\n &__name {\r\n color: #0f172a;\r\n font-weight: 600;\r\n }\r\n\r\n &__email {\r\n color: #64748b;\r\n font-size: 12px;\r\n }\r\n}\r\n.table-inline-action {\r\n display: inline-block;\r\n margin-right: 6px;\r\n}\r\n\r\n.product-name-cell {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n}\r\n\r\n.product-name-thumb {\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 6px;\r\n object-fit: cover;\r\n border: 1px solid var(--c-border);\r\n background: #f8fafc;\r\n}\r\n\r\n.product-name-thumb--empty {\r\n display: inline-block;\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 6px;\r\n border: 1px dashed #cbd5e0;\r\n background: #f8fafc;\r\n}\r\n\r\n.product-name-thumb-btn {\r\n border: 0;\r\n padding: 0;\r\n background: transparent;\r\n cursor: pointer;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.product-name-thumb-btn:focus-visible {\r\n outline: none;\r\n box-shadow: var(--focus-ring);\r\n border-radius: 8px;\r\n}\r\n\r\n.modal--image-preview {\r\n width: min(760px, 100%);\r\n}\r\n\r\n.product-image-preview__img {\r\n display: block;\r\n width: 100%;\r\n max-height: 70vh;\r\n object-fit: contain;\r\n border-radius: 8px;\r\n background: #f8fafc;\r\n}\r\n\r\n.product-images-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.product-image-card {\r\n border: 1px solid #dfe3ea;\r\n border-radius: 10px;\r\n padding: 10px;\r\n background: #fff;\r\n}\r\n\r\n.product-image-card__thumb-wrap {\r\n position: relative;\r\n border-radius: 8px;\r\n overflow: hidden;\r\n background: #f2f5f8;\r\n}\r\n\r\n.product-image-card__thumb {\r\n width: 100%;\r\n height: 160px;\r\n object-fit: cover;\r\n display: block;\r\n}\r\n\r\n.product-image-card__thumb.is-empty {\r\n height: 160px;\r\n display: grid;\r\n place-items: center;\r\n color: #6b7785;\r\n font-size: 12px;\r\n}\r\n\r\n.product-image-card__badge {\r\n display: none;\r\n position: absolute;\r\n top: 8px;\r\n left: 8px;\r\n background: #1f7a43;\r\n color: #fff;\r\n padding: 3px 8px;\r\n border-radius: 999px;\r\n font-size: 11px;\r\n}\r\n\r\n.product-image-card.is-main .product-image-card__badge {\r\n display: inline-block;\r\n}\r\n\r\n.product-image-card__meta {\r\n margin-top: 8px;\r\n font-size: 11px;\r\n line-height: 1.25;\r\n color: #5f6b79;\r\n overflow-wrap: anywhere;\r\n}\r\n\r\n.product-image-card__actions {\r\n margin-top: 10px;\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 8px;\r\n}\r\n\r\n.product-image-card__actions .btn {\r\n min-height: 34px;\r\n font-size: 12px;\r\n line-height: 1.2;\r\n padding: 6px 10px;\r\n}\r\n\r\n.product-links-search-form {\r\n display: grid;\r\n gap: 12px;\r\n grid-template-columns: minmax(220px, 320px) minmax(220px, 1fr) auto;\r\n align-items: end;\r\n}\r\n\r\n.product-links-head {\r\n display: grid;\r\n gap: 8px;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n}\r\n\r\n.product-tabs-nav {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.product-links-inline-form {\r\n display: grid;\r\n gap: 8px;\r\n grid-template-columns: minmax(140px, 1fr) minmax(140px, 1fr) auto;\r\n align-items: center;\r\n}\r\n\r\n.product-links-actions-row {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n flex-wrap: nowrap;\r\n}\r\n\r\n.product-links-actions-row .product-links-relink-form {\r\n flex: 1 1 auto;\r\n}\r\n\r\n.product-links-unlink-form {\r\n margin: 0;\r\n flex: 0 0 auto;\r\n}\r\n\r\n.product-link-status-cell {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n}\r\n\r\n.product-link-alert-indicator {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 18px;\r\n height: 18px;\r\n border-radius: 999px;\r\n border: 1px solid #f59e0b;\r\n background: #fffbeb;\r\n color: #b45309;\r\n font-size: 12px;\r\n font-weight: 700;\r\n cursor: help;\r\n}\r\n\r\n.product-link-events-list {\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n display: grid;\r\n gap: 4px;\r\n}\r\n\r\n.product-link-events-list li {\r\n display: grid;\r\n gap: 2px;\r\n}\r\n\r\n.product-link-events-type {\r\n font-weight: 600;\r\n color: var(--c-text-strong);\r\n}\r\n\r\n.product-link-events-date {\r\n color: var(--c-muted);\r\n font-size: 12px;\r\n}\r\n\r\n.product-show-images-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.product-show-image-card {\r\n border: 1px solid var(--c-border);\r\n border-radius: 10px;\r\n background: #fff;\r\n padding: 10px;\r\n overflow: hidden;\r\n\r\n &__meta {\r\n display: flex;\r\n align-items: flex-start;\r\n justify-content: space-between;\r\n gap: 8px;\r\n min-width: 0;\r\n }\r\n}\r\n\r\n.product-show-image-path {\r\n font-size: 12px;\r\n min-width: 0;\r\n overflow: hidden;\r\n\r\n summary {\r\n cursor: pointer;\r\n color: var(--c-muted, #888);\r\n list-style: none;\r\n user-select: none;\r\n white-space: nowrap;\r\n\r\n &::-webkit-details-marker {\r\n display: none;\r\n }\r\n\r\n &::after {\r\n content: ' ▾';\r\n }\r\n }\r\n\r\n &[open] summary::after {\r\n content: ' ▴';\r\n }\r\n\r\n &__url {\r\n margin-top: 4px;\r\n word-break: break-all;\r\n overflow-wrap: break-word;\r\n font-size: 11px;\r\n }\r\n}\r\n\r\n.product-show-image {\r\n width: 100%;\r\n max-height: 260px;\r\n object-fit: cover;\r\n border-radius: 8px;\r\n border: 1px solid #d9e0ea;\r\n}\r\n\r\n.shipment-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.searchable-select {\r\n position: relative;\r\n\r\n &__trigger {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n cursor: pointer;\r\n user-select: none;\r\n min-height: 34px;\r\n\r\n &::after {\r\n content: '';\r\n width: 0;\r\n height: 0;\r\n border-left: 4px solid transparent;\r\n border-right: 4px solid transparent;\r\n border-top: 5px solid var(--c-text-muted, #6b7280);\r\n margin-left: 8px;\r\n flex-shrink: 0;\r\n }\r\n\r\n &--placeholder {\r\n color: var(--c-text-muted, #6b7280);\r\n }\r\n }\r\n\r\n &__dropdown {\r\n display: none;\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n top: 100%;\r\n z-index: 50;\r\n max-height: 280px;\r\n overflow: auto;\r\n background: #fff;\r\n border: 1px solid var(--c-border);\r\n border-top: 0;\r\n border-radius: 0 0 8px 8px;\r\n box-shadow: 0 8px 20px rgba(15, 23, 42, 0.12);\r\n\r\n &.is-open {\r\n display: block;\r\n }\r\n }\r\n\r\n &__search {\r\n position: sticky;\r\n top: 0;\r\n border: none !important;\r\n border-bottom: 1px solid var(--c-border) !important;\r\n border-radius: 0 !important;\r\n box-shadow: none !important;\r\n font-size: 13px;\r\n background: #fff;\r\n z-index: 1;\r\n }\r\n\r\n &__option {\r\n padding: 7px 10px;\r\n font-size: 13px;\r\n cursor: pointer;\r\n color: var(--c-text-strong);\r\n\r\n &:hover {\r\n background: #f1f5f9;\r\n }\r\n\r\n &.is-selected {\r\n background: #edf2ff;\r\n font-weight: 600;\r\n }\r\n }\r\n}\r\n\r\n.flash {\r\n padding: 10px 14px;\r\n border-radius: 8px;\r\n font-size: 13px;\r\n font-weight: 500;\r\n\r\n &--success {\r\n background: #f0fdf4;\r\n border: 1px solid #bbf7d0;\r\n color: #166534;\r\n }\r\n\r\n &--error {\r\n background: #fef2f2;\r\n border: 1px solid #fecaca;\r\n color: #b91c1c;\r\n }\r\n}\r\n\r\n.content-tabs-card {\r\n margin-top: 0;\r\n}\r\n\r\n.content-tabs-nav {\r\n display: flex;\r\n gap: 4px;\r\n border-bottom: 2px solid var(--c-border);\r\n margin-bottom: 16px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.content-tab-btn {\r\n padding: 8px 16px;\r\n border: none;\r\n background: none;\r\n cursor: pointer;\r\n font-size: 14px;\r\n font-weight: 500;\r\n color: var(--c-text-muted, #6b7280);\r\n border-bottom: 2px solid transparent;\r\n margin-bottom: -2px;\r\n border-radius: 4px 4px 0 0;\r\n transition: color 0.15s, border-color 0.15s;\r\n\r\n &:hover {\r\n color: var(--c-text-strong, #111827);\r\n }\r\n\r\n &.is-active {\r\n color: var(--c-primary, #2563eb);\r\n border-bottom-color: var(--c-primary, #2563eb);\r\n }\r\n}\r\n\r\n.content-tab-panel {\r\n display: none;\r\n\r\n &.is-active {\r\n display: block;\r\n }\r\n}\r\n\r\n.shoppro-tabs-toolbar {\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: space-between;\r\n gap: 10px;\r\n margin-bottom: 10px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.shoppro-tabs-toolbar__field {\r\n margin: 0;\r\n min-width: 260px;\r\n max-width: 420px;\r\n flex: 1 1 320px;\r\n}\r\n\r\n.shoppro-tabs-toolbar__field .form-control {\r\n width: 100%;\r\n}\r\n\r\n.shoppro-tabs-toolbar__actions {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n\r\n.dm-carrier-select {\r\n min-width: 140px;\r\n}\r\n\r\n.dm-service-wrap {\r\n min-width: 200px;\r\n\r\n .dm-inpost-panel,\r\n .dm-apaczka-panel {\r\n .form-control {\r\n width: 100%;\r\n }\r\n }\r\n}\r\n\r\n.integration-settings-group {\r\n grid-column: 1 / -1;\r\n border: 1px solid var(--c-border);\r\n border-radius: 10px;\r\n background: #f8fbff;\r\n padding: 10px;\r\n}\r\n\r\n.integration-settings-group__head {\r\n margin-bottom: 8px;\r\n padding: 4px 8px;\r\n border-left: 3px solid var(--c-primary, #2563eb);\r\n background: #eef4ff;\r\n border-radius: 6px;\r\n}\r\n\r\n.integration-settings-group__title {\r\n margin: 0;\r\n font-size: 14px;\r\n font-weight: 700;\r\n letter-spacing: 0.01em;\r\n color: #1e3a8a;\r\n}\r\n\r\n.integration-settings-group__desc {\r\n margin: 4px 0 0;\r\n color: #4b5563;\r\n}\r\n\r\n.integration-settings-group__grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 10px 12px;\r\n align-items: start;\r\n}\r\n\r\n.integration-settings-group__full {\r\n grid-column: 1 / -1;\r\n}\r\n\r\n.integration-settings-group__grid .form-field {\r\n margin: 0;\r\n align-self: start;\r\n}\r\n\r\n.integration-settings-group__grid .form-control {\r\n min-height: 34px;\r\n height: 34px;\r\n}\r\n\r\n.integration-settings-group__grid input[type='date'].form-control {\r\n line-height: 1.2;\r\n}\r\n\r\n.integration-settings-checkboxes {\r\n border: 0;\r\n padding: 0;\r\n margin: 0;\r\n}\r\n\r\n.integration-settings-checkboxes .field-label {\r\n display: block;\r\n margin-bottom: 2px;\r\n}\r\n\r\n.integration-settings-checkboxes__list {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 6px 12px;\r\n}\r\n\r\n.integration-settings-checkboxes__item {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-size: 13px;\r\n color: #334155;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .app-shell {\r\n flex-direction: column;\r\n }\r\n\r\n .sidebar {\r\n width: 100% !important;\r\n min-width: 0 !important;\r\n border-right: 0;\r\n border-bottom: 1px solid #243041;\r\n padding: 14px;\r\n overflow-x: auto;\r\n }\r\n\r\n .sidebar__brand {\r\n margin: 0 0 10px;\r\n font-size: 22px;\r\n }\r\n\r\n .sidebar__collapse-btn {\r\n display: none;\r\n }\r\n\r\n .sidebar__nav {\r\n display: flex;\r\n gap: 8px;\r\n overflow-x: auto;\r\n }\r\n\r\n .sidebar__link {\r\n white-space: nowrap;\r\n }\r\n\r\n .topbar {\r\n padding: 0 14px;\r\n }\r\n\r\n .container {\r\n margin-top: 16px;\r\n width: calc(100% - 16px);\r\n margin-left: 8px;\r\n margin-right: 8px;\r\n padding: 0 3px 12px;\r\n }\r\n\r\n .settings-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .page-head {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n\r\n .orders-stats {\r\n grid-template-columns: 1fr;\r\n width: 100%;\r\n }\r\n\r\n .order-show-layout {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .order-statuses-side {\r\n position: static;\r\n top: auto;\r\n }\r\n\r\n .order-details-actions {\r\n justify-content: flex-start;\r\n }\r\n\r\n .order-grid-2,\r\n .order-grid-3 {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .order-kv {\r\n grid-template-columns: 1fr;\r\n gap: 2px;\r\n }\r\n\r\n .filters-grid,\r\n .form-grid,\r\n .form-grid-2,\r\n .form-grid-3,\r\n .form-grid-4,\r\n .shipment-grid,\r\n .statuses-form,\r\n .statuses-inline-form,\r\n .table-list-filters,\r\n .product-links-search-form,\r\n .product-links-inline-form {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .statuses-dnd-item__content {\r\n display: block;\r\n }\r\n\r\n .statuses-inline-delete {\r\n margin-top: 6px;\r\n }\r\n\r\n .filters-actions {\r\n align-items: center;\r\n }\r\n\r\n .table-list__header,\r\n .table-list__footer {\r\n align-items: flex-start;\r\n }\r\n\r\n .product-links-head {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .integration-settings-group__grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .integration-settings-checkboxes__list {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .card {\r\n padding: 12px;\r\n }\r\n\r\n .modal--image-preview {\r\n width: min(92vw, 100%);\r\n }\r\n}\r\n\r\n"]} \ No newline at end of file +{"version":3,"sources":["app.css","shared\\_ui-components.scss","modules\\_email-send.scss","modules\\_automation.scss","modules\\_printing.scss","modules\\_shipment-presets.scss","modules\\_delivery-status.scss","modules\\_delivery-status-mappings.scss","app.scss"],"names":[],"mappings":"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","file":"app.css","sourcesContent":["@charset \"UTF-8\";\n:root {\n --c-primary: #6690f4;\n --c-primary-dark: #3164db;\n --c-action-primary: #0f766e;\n --c-action-primary-dark: #0b5f59;\n --c-bg: #f4f6f9;\n --c-surface: #ffffff;\n --c-text: #4e5e6a;\n --c-text-strong: #2d3748;\n --c-muted: #718096;\n --c-border: #b0bec5;\n --c-danger: #cc0000;\n --focus-ring: 0 0 0 3px rgba(102, 144, 244, 0.15);\n --focus-ring-action: 0 0 0 3px rgba(15, 118, 110, 0.18);\n --shadow-card: 0 1px 4px rgba(0, 0, 0, 0.06);\n}\n\n.btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-height: 34px;\n padding: 6px 12px;\n border: 1px solid transparent;\n border-radius: 8px;\n font: inherit;\n font-weight: 600;\n text-decoration: none;\n cursor: pointer;\n transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.1s ease;\n}\n\n.btn--primary {\n color: #ffffff;\n background: var(--c-action-primary);\n}\n\n.btn--primary:hover {\n background: var(--c-action-primary-dark);\n}\n\n.btn--secondary {\n color: var(--c-text-strong);\n border-color: var(--c-border);\n background: var(--c-surface);\n}\n\n.btn--secondary:hover {\n border-color: #cbd5e0;\n background: #f8fafc;\n}\n\n.btn--danger {\n color: #ffffff;\n border-color: #b91c1c;\n background: #dc2626;\n}\n\n.btn--danger:hover {\n border-color: #991b1b;\n background: #b91c1c;\n}\n\n.btn--sm {\n min-height: 28px;\n padding: 3px 10px;\n font-size: 12px;\n}\n\n.btn--block {\n width: 100%;\n}\n\n.btn--disabled {\n opacity: 0.3;\n cursor: not-allowed;\n pointer-events: none;\n}\n\n.btn:active {\n transform: translateY(1px);\n}\n\n.btn:focus-visible {\n outline: none;\n box-shadow: var(--focus-ring-action);\n border-color: var(--c-action-primary);\n}\n\n.form-control {\n width: 100%;\n min-height: 30px;\n border: 1px solid var(--c-border);\n border-radius: 6px;\n padding: 4px 8px;\n font: inherit;\n color: var(--c-text-strong);\n background: #ffffff;\n transition: border-color 0.2s ease, box-shadow 0.2s ease;\n}\n\n.form-control:focus {\n outline: none;\n border-color: var(--c-primary);\n box-shadow: var(--focus-ring);\n}\n\n.input {\n min-height: 34px;\n border: 1px solid var(--c-border);\n border-radius: 8px;\n padding: 5px 10px;\n font: inherit;\n color: var(--c-text-strong);\n background: #ffffff;\n}\n\n.input--sm {\n min-height: 28px;\n padding: 3px 8px;\n font-size: 12px;\n}\n\n.flash {\n padding: 8px 12px;\n border-radius: 6px;\n font-size: 13px;\n}\n\n.flash--success {\n border: 1px solid #b7ebcf;\n background: #f0fff6;\n color: #0f6b39;\n}\n\n.flash--error {\n border: 1px solid #fed7d7;\n background: #fff5f5;\n color: var(--c-danger);\n}\n\n.alert {\n padding: 12px 14px;\n border-radius: 8px;\n border: 1px solid transparent;\n font-size: 13px;\n min-height: 44px;\n}\n\n.alert--danger {\n border-color: #fed7d7;\n background: #fff5f5;\n color: var(--c-danger);\n}\n\n.alert--success {\n border-color: #b7ebcf;\n background: #f0fff6;\n color: #0f6b39;\n}\n\n.alert--warning {\n border-color: #f7dd8b;\n background: #fff8e8;\n color: #815500;\n}\n\n.form-field {\n display: grid;\n gap: 5px;\n}\n\n.field-label {\n color: var(--c-text-strong);\n font-size: 13px;\n font-weight: 600;\n}\n\n.table-wrap {\n width: 100%;\n overflow-x: auto;\n}\n.table-wrap--visible {\n overflow: visible !important;\n overflow-x: visible !important;\n}\n\n.table {\n width: 100%;\n border-collapse: collapse;\n background: var(--c-surface);\n}\n\n.table th,\n.table td {\n padding: 10px 12px;\n border-bottom: 1px solid var(--c-border);\n text-align: left;\n}\n\n.table th {\n color: var(--c-text-strong);\n font-weight: 700;\n background: #f8fafc;\n}\n\n.table--details th {\n white-space: nowrap;\n}\n\n.table--details th:first-child,\n.table--details td:first-child {\n width: 36px;\n text-align: center;\n}\n\n.pagination {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 8px;\n}\n\n.pagination__item {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 36px;\n height: 36px;\n padding: 0 10px;\n border-radius: 8px;\n border: 1px solid var(--c-border);\n color: var(--c-text-strong);\n background: var(--c-surface);\n text-decoration: none;\n font-weight: 600;\n}\n\n.pagination__item:hover {\n border-color: #cbd5e0;\n background: #f8fafc;\n}\n\n.pagination__item.is-active {\n border-color: var(--c-primary);\n color: var(--c-primary);\n background: #edf2ff;\n}\n\n.receipt-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n margin-bottom: 16px;\n padding-bottom: 12px;\n border-bottom: 2px solid var(--c-text-strong);\n}\n.receipt-header__seller {\n flex: 1;\n}\n.receipt-header__seller strong {\n font-size: 14px;\n display: block;\n margin-bottom: 4px;\n}\n.receipt-header__title {\n text-align: right;\n}\n.receipt-header__title h1 {\n font-size: 18px;\n font-weight: 700;\n margin-bottom: 4px;\n}\n\n.receipt-print {\n max-width: 700px;\n margin: 0 auto;\n}\n@media print {\n .receipt-print {\n max-width: 100%;\n }\n}\n\n.email-send-overlay {\n position: fixed;\n inset: 0;\n z-index: 1000;\n background: rgba(0, 0, 0, 0.5);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.email-send-modal {\n background: var(--c-card-bg, #fff);\n border-radius: 8px;\n width: 580px;\n max-width: 95vw;\n max-height: 90vh;\n display: flex;\n flex-direction: column;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\n}\n.email-send-modal__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 12px 16px;\n border-bottom: 1px solid var(--c-border, #e0e0e0);\n}\n.email-send-modal__header h3 {\n margin: 0;\n font-size: 15px;\n}\n.email-send-modal__close {\n background: none;\n border: none;\n font-size: 20px;\n cursor: pointer;\n color: var(--c-text-muted, #888);\n padding: 0 4px;\n}\n.email-send-modal__close:hover {\n color: var(--c-text, #333);\n}\n.email-send-modal__body {\n padding: 16px;\n overflow-y: auto;\n flex: 1;\n}\n.email-send-modal__field {\n margin-bottom: 10px;\n}\n.email-send-modal__field label {\n display: block;\n font-size: 12px;\n font-weight: 600;\n margin-bottom: 4px;\n color: var(--c-text-muted, #666);\n}\n.email-send-modal__field .input {\n width: 100%;\n}\n.email-send-modal__actions-top {\n margin-bottom: 10px;\n}\n.email-send-modal__footer {\n display: flex;\n justify-content: flex-end;\n gap: 8px;\n padding: 12px 16px;\n border-top: 1px solid var(--c-border, #e0e0e0);\n}\n\n.email-send-preview {\n border: 1px solid var(--c-border, #e0e0e0);\n border-radius: 4px;\n padding: 12px;\n max-height: 280px;\n overflow-y: auto;\n background: var(--c-bg, #fafafa);\n}\n.email-send-preview__subject {\n font-weight: 600;\n font-size: 13px;\n margin-bottom: 8px;\n padding-bottom: 8px;\n border-bottom: 1px solid var(--c-border, #e0e0e0);\n}\n.email-send-preview__body {\n font-size: 13px;\n line-height: 1.5;\n}\n.email-send-preview__body p {\n margin: 0 0 8px;\n}\n.email-send-preview__attachments {\n margin-top: 8px;\n padding-top: 8px;\n border-top: 1px solid var(--c-border, #e0e0e0);\n font-size: 12px;\n color: var(--c-text-muted, #666);\n}\n\n.section-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n}\n\n.automation-row {\n display: flex;\n align-items: flex-start;\n gap: 8px;\n padding: 10px 12px;\n background: var(--c-surface, #f8f9fa);\n border: 1px solid var(--c-border, #dee2e6);\n border-radius: 6px;\n}\n.automation-row__fields {\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 6px;\n}\n.automation-row__type {\n max-width: 280px;\n}\n.automation-row__config {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n}\n.automation-row__config .form-control {\n min-width: 200px;\n max-width: 300px;\n}\n.automation-row__remove {\n flex-shrink: 0;\n margin-top: 2px;\n line-height: 1;\n font-size: 16px;\n padding: 2px 8px;\n}\n\n.checkbox-group {\n display: flex;\n flex-wrap: wrap;\n gap: 4px 16px;\n}\n\n.checkbox-label {\n display: flex;\n align-items: center;\n gap: 4px;\n font-size: 13px;\n cursor: pointer;\n white-space: nowrap;\n}\n.checkbox-label input[type=checkbox] {\n margin: 0;\n}\n\n.automation-actions-cell {\n white-space: nowrap;\n}\n\n.automation-inline-form {\n display: inline;\n}\n\n.automation-history-filters {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 8px;\n align-items: end;\n}\n.automation-history-filters .form-field {\n margin: 0;\n}\n.automation-history-filters .field-label {\n font-size: 12px;\n margin-bottom: 4px;\n}\n.automation-history-filters .form-control {\n min-height: 34px;\n}\n.automation-history-filters__actions {\n display: flex;\n gap: 6px;\n align-items: center;\n justify-content: flex-start;\n padding-bottom: 1px;\n}\n\n.print-status-badge {\n display: inline-block;\n padding: 2px 8px;\n border-radius: 3px;\n font-size: 0.75rem;\n font-weight: 600;\n line-height: 1.4;\n}\n.print-status-badge--pending {\n background-color: #fff3cd;\n color: #856404;\n}\n.print-status-badge--completed {\n background-color: #d4edda;\n color: #155724;\n}\n.print-status-badge--failed {\n background-color: #f8d7da;\n color: #721c24;\n}\n\n.print-queue-filters {\n display: flex;\n gap: 4px;\n}\n\n.print-queue-table td, .print-queue-table th {\n padding: 6px 8px;\n font-size: 0.85rem;\n}\n\n.print-queue-actions {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n}\n\n.print-queue-delete-form {\n margin: 0;\n}\n\n.btn--outline-primary {\n background: transparent;\n border: 1px solid var(--c-action-primary);\n color: var(--c-action-primary);\n cursor: pointer;\n border-radius: 3px;\n font-size: 0.75rem;\n padding: 3px 8px;\n transition: background-color 0.15s, color 0.15s;\n}\n.btn--outline-primary:hover {\n background-color: var(--c-action-primary);\n color: #fff;\n}\n.btn--outline-primary:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n}\n.btn--outline-primary.is-success {\n border-color: #28a745;\n color: #28a745;\n}\n\n.shipment-presets {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n align-items: center;\n margin-top: 16px;\n margin-bottom: 16px;\n}\n\n.shipment-presets__btn {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 6px 14px;\n border: none;\n border-radius: 6px;\n background: var(--preset-color, #3b82f6);\n color: #fff;\n font-size: 13px;\n font-weight: 500;\n cursor: pointer;\n transition: opacity 0.15s;\n line-height: 1.4;\n}\n.shipment-presets__btn:hover {\n opacity: 0.85;\n}\n\n.shipment-presets__add {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 6px 14px;\n border: 1px dashed #ccc;\n border-radius: 6px;\n background: transparent;\n color: #666;\n font-size: 13px;\n cursor: pointer;\n transition: border-color 0.15s, color 0.15s;\n line-height: 1.4;\n}\n.shipment-presets__add:hover {\n border-color: #999;\n color: #444;\n}\n\n.preset-modal {\n position: fixed;\n inset: 0;\n background: rgba(0, 0, 0, 0.4);\n z-index: 1000;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.preset-modal__content {\n background: #fff;\n border-radius: 8px;\n padding: 24px;\n min-width: 360px;\n max-width: 420px;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\n}\n.preset-modal__content h3 {\n margin: 0 0 4px;\n font-size: 16px;\n}\n\n.preset-modal__colors {\n display: flex;\n gap: 8px;\n flex-wrap: wrap;\n}\n\n.preset-modal__color-swatch {\n width: 28px;\n height: 28px;\n border-radius: 50%;\n cursor: pointer;\n border: 2px solid transparent;\n transition: border-color 0.15s;\n}\n.preset-modal__color-swatch:hover {\n border-color: #aaa;\n}\n.preset-modal__color-swatch.is-selected {\n border-color: #333;\n}\n\n.shipment-presets__btn-wrap {\n position: relative;\n display: inline-flex;\n}\n.shipment-presets__btn-wrap:hover .shipment-presets__edit-icon {\n opacity: 1;\n}\n\n.shipment-presets__edit-icon {\n position: absolute;\n top: -6px;\n right: -6px;\n width: 18px;\n height: 18px;\n border-radius: 50%;\n background: #fff;\n border: 1px solid #ddd;\n font-size: 10px;\n line-height: 16px;\n text-align: center;\n cursor: pointer;\n opacity: 0;\n transition: opacity 0.15s;\n padding: 0;\n color: #666;\n z-index: 2;\n}\n.shipment-presets__edit-icon:hover {\n background: #f3f4f6;\n border-color: #999;\n}\n\n.shipment-presets__dropdown {\n position: absolute;\n top: 100%;\n left: 0;\n margin-top: 4px;\n background: #fff;\n border: 1px solid #ddd;\n border-radius: 6px;\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n z-index: 100;\n min-width: 200px;\n padding: 4px 0;\n}\n\n.shipment-presets__dropdown-item {\n padding: 6px 14px;\n font-size: 13px;\n cursor: pointer;\n white-space: nowrap;\n}\n.shipment-presets__dropdown-item:hover {\n background: #f3f4f6;\n}\n.shipment-presets__dropdown-item.is-danger {\n color: #ef4444;\n}\n.shipment-presets__dropdown-item.is-danger:hover {\n background: #fef2f2;\n}\n\n.delivery-badge {\n display: inline-block;\n padding: 2px 8px;\n border-radius: 3px;\n font-size: 0.8em;\n font-weight: 500;\n white-space: nowrap;\n}\n.delivery-badge--unknown {\n background: #f5f5f5;\n color: #999;\n}\n.delivery-badge--created {\n background: #e3f2fd;\n color: #1565c0;\n}\n.delivery-badge--confirmed {\n background: #bbdefb;\n color: #0d47a1;\n}\n.delivery-badge--in_transit {\n background: #fff3e0;\n color: #e65100;\n}\n.delivery-badge--out_for_delivery {\n background: #ffe0b2;\n color: #bf360c;\n}\n.delivery-badge--ready_for_pickup {\n background: #f3e5f5;\n color: #6a1b9a;\n}\n.delivery-badge--delivered {\n background: #e8f5e9;\n color: #2e7d32;\n}\n.delivery-badge--returned {\n background: #ffebee;\n color: #c62828;\n}\n.delivery-badge--cancelled {\n background: #e0e0e0;\n color: #616161;\n}\n.delivery-badge--problem {\n background: #fff8e1;\n color: #f57f17;\n}\n\n.tracking-link {\n margin-left: 4px;\n text-decoration: none;\n font-size: 0.85em;\n}\n\n.dsm-row--custom {\n background: rgba(59, 130, 246, 0.06);\n}\n\n.dsm-raw-status {\n font-size: 0.82rem;\n background: var(--surface-alt, #f1f5f9);\n padding: 2px 6px;\n border-radius: 3px;\n white-space: nowrap;\n}\n\n* {\n box-sizing: border-box;\n}\n\nhtml,\nbody {\n min-height: 100%;\n}\n\nbody {\n margin: 0;\n font-family: \"Roboto\", \"Segoe UI\", sans-serif;\n font-size: 13px;\n color: var(--c-text);\n background: var(--c-bg);\n}\n\na {\n color: var(--c-primary);\n}\n\n.app-shell {\n min-height: 100vh;\n display: flex;\n}\n\n.sidebar {\n width: 260px;\n min-width: 260px;\n flex-shrink: 0;\n overflow: hidden;\n transition: width 0.22s ease, min-width 0.22s ease;\n border-right: 1px solid #243041;\n background: #111a28;\n padding: 18px 10px;\n display: flex;\n flex-direction: column;\n}\n\n.sidebar.is-collapsed {\n width: 52px;\n min-width: 52px;\n padding: 18px 0;\n}\n.sidebar.is-collapsed .sidebar__brand-text {\n display: none;\n}\n.sidebar.is-collapsed .sidebar__brand {\n justify-content: center;\n margin: 4px 0 16px;\n}\n.sidebar.is-collapsed .sidebar__label {\n display: none;\n}\n.sidebar.is-collapsed .sidebar__toggle-arrow {\n display: none;\n}\n.sidebar.is-collapsed .sidebar__link,\n.sidebar.is-collapsed .sidebar__group-toggle {\n justify-content: center;\n padding: 9px;\n border-radius: 8px;\n margin: 0 6px;\n}\n.sidebar.is-collapsed .sidebar__group-links {\n display: none;\n}\n.sidebar.is-collapsed .sidebar__icon {\n margin: 0;\n}\n\n.sidebar__brand {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 4px 4px 16px;\n gap: 6px;\n min-width: 0;\n}\n\n.sidebar__brand-text {\n color: #e9f0ff;\n font-size: 24px;\n font-weight: 300;\n letter-spacing: -0.02em;\n white-space: nowrap;\n overflow: hidden;\n flex: 1;\n min-width: 0;\n}\n.sidebar__brand-text strong {\n font-weight: 700;\n}\n\n.sidebar__collapse-btn {\n flex-shrink: 0;\n width: 28px;\n height: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: transparent;\n border: 1px solid #2a3a54;\n border-radius: 6px;\n color: #64748b;\n cursor: pointer;\n padding: 0;\n transition: background 0.15s, color 0.15s;\n}\n.sidebar__collapse-btn:hover {\n background: #1b2a3f;\n color: #cbd5e1;\n}\n\n.sidebar__collapse-icon {\n display: block;\n transition: transform 0.22s ease;\n flex-shrink: 0;\n}\n\n.sidebar.is-collapsed .sidebar__collapse-icon {\n transform: rotate(180deg);\n}\n\n.sidebar__nav {\n display: grid;\n gap: 4px;\n}\n\n.sidebar__link {\n display: flex;\n align-items: center;\n gap: 9px;\n white-space: nowrap;\n border-radius: 8px;\n padding: 9px 10px;\n text-decoration: none;\n color: #cbd5e1;\n font-weight: 600;\n}\n\n.sidebar__link:hover {\n color: #f8fafc;\n background: #1b2a3f;\n}\n\n.sidebar__link.is-active {\n color: #ffffff;\n background: #2e4f93;\n}\n\n.sidebar__group {\n display: grid;\n gap: 2px;\n}\n\n.sidebar__group-toggle {\n list-style: none;\n border-radius: 8px;\n padding: 9px 10px;\n color: #cbd5e1;\n font-weight: 600;\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: 9px;\n white-space: nowrap;\n user-select: none;\n}\n\n.sidebar__group-toggle::-webkit-details-marker {\n display: none;\n}\n\n.sidebar__group:hover .sidebar__group-toggle,\n.sidebar__group-toggle:hover {\n color: #f8fafc;\n background: #1b2a3f;\n}\n\n.sidebar__group.is-active .sidebar__group-toggle {\n color: #ffffff;\n background: #2e4f93;\n}\n\n.sidebar__icon {\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0.85;\n}\n\n.sidebar__label {\n flex: 1;\n min-width: 0;\n overflow: hidden;\n}\n\n.sidebar__toggle-arrow {\n flex-shrink: 0;\n margin-left: auto;\n opacity: 0.5;\n transition: transform 0.18s ease;\n}\n\ndetails[open] > .sidebar__group-toggle .sidebar__toggle-arrow {\n transform: rotate(180deg);\n}\n\n.sidebar__group-links {\n display: grid;\n gap: 2px;\n padding-left: 12px;\n overflow: hidden;\n}\n\n.sidebar__sublink {\n border-radius: 6px;\n padding: 7px 10px 7px 8px;\n text-decoration: none;\n color: #94a3b8;\n font-size: 12.5px;\n font-weight: 500;\n display: flex;\n align-items: center;\n gap: 8px;\n white-space: nowrap;\n}\n.sidebar__sublink::before {\n content: \"\";\n flex-shrink: 0;\n width: 5px;\n height: 5px;\n border-radius: 50%;\n background: rgba(148, 163, 184, 0.3);\n transition: background 0.15s;\n}\n.sidebar__sublink:hover {\n color: #e2e8f0;\n background: #1b2a3f;\n}\n.sidebar__sublink:hover::before {\n background: rgba(148, 163, 184, 0.65);\n}\n.sidebar__sublink.is-active {\n color: #ffffff;\n background: rgba(46, 79, 147, 0.55);\n}\n.sidebar__sublink.is-active::before {\n background: #93c5fd;\n}\n\n.app-main {\n flex: 1;\n min-width: 0;\n}\n\n.topbar {\n height: 50px;\n border-bottom: 1px solid var(--c-border);\n background: var(--c-surface);\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 20px;\n position: sticky;\n top: 0;\n z-index: 100;\n}\n\n.brand {\n font-size: 22px;\n font-weight: 300;\n letter-spacing: -0.02em;\n color: var(--c-text-strong);\n}\n\n.brand strong {\n font-weight: 700;\n}\n\n.container {\n max-width: none;\n width: calc(100% - 20px);\n margin: 12px 10px;\n padding: 0 4px 14px;\n}\n\n.card {\n background: var(--c-surface);\n border-radius: 10px;\n box-shadow: var(--shadow-card);\n padding: 14px;\n}\n\n.card h1 {\n margin: 0 0 10px;\n color: var(--c-text-strong);\n font-size: 24px;\n font-weight: 700;\n}\n\n.muted {\n color: var(--c-muted);\n}\n\n.accent {\n color: var(--c-primary);\n font-weight: 600;\n}\n\n.users-form {\n display: grid;\n gap: 14px;\n max-width: 460px;\n}\n\n.form-field {\n margin-bottom: 12px;\n}\n\n.section-title {\n margin: 0;\n color: var(--c-text-strong);\n font-size: 18px;\n font-weight: 700;\n}\n\nh2.section-title,\nh3.section-title,\nh4.section-title {\n display: flex;\n align-items: center;\n gap: 6px;\n font-weight: 600;\n padding: 6px 0;\n margin-bottom: 8px;\n border-bottom: 1px solid #e2e8f0;\n color: var(--c-primary, #2563eb);\n}\nh2.section-title::before,\nh3.section-title::before,\nh4.section-title::before {\n content: \"■\";\n font-size: 0.55em;\n opacity: 0.5;\n}\n\nh3.section-title,\nh4.section-title {\n font-size: 15px;\n}\nh3.section-title::before,\nh4.section-title::before {\n content: \"◆\";\n font-size: 0.5em;\n}\n\n.mt-0 {\n margin-top: 0;\n}\n\n.mt-4 {\n margin-top: 4px;\n}\n\n.mt-12 {\n margin-top: 8px;\n}\n\n.mt-16 {\n margin-top: 12px;\n}\n\n.settings-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 12px;\n}\n\n.settings-nav {\n display: flex;\n gap: 8px;\n flex-wrap: wrap;\n}\n\n.settings-nav__link {\n text-decoration: none;\n border: 1px solid var(--c-border);\n border-radius: 8px;\n padding: 8px 12px;\n color: var(--c-text-strong);\n font-weight: 600;\n}\n\n.settings-nav__link:hover {\n background: #f8fafc;\n}\n\n.settings-nav__link.is-active {\n border-color: var(--c-primary);\n color: var(--c-primary);\n background: #edf2ff;\n}\n\n.settings-stat {\n border: 1px solid var(--c-border);\n border-radius: 8px;\n padding: 12px;\n background: #f8fafc;\n}\n\n.settings-stat__label {\n display: block;\n color: var(--c-muted);\n font-size: 12px;\n margin-bottom: 4px;\n}\n\n.settings-stat__value {\n color: var(--c-text-strong);\n font-size: 20px;\n}\n\n.settings-logs {\n margin: 0;\n padding: 12px;\n border-radius: 8px;\n border: 1px solid var(--c-border);\n background: #0b1220;\n color: #d1d5db;\n font-size: 12px;\n line-height: 1.5;\n overflow: auto;\n}\n\n.settings-allegro-callback {\n display: block;\n width: 100%;\n padding: 8px 10px;\n border: 1px solid var(--c-border);\n border-radius: 8px;\n background: #f8fafc;\n color: var(--c-text-strong);\n font-size: 12px;\n line-height: 1.45;\n word-break: break-all;\n}\n\n.page-head {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n}\n\n.filters-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 12px;\n}\n\n.filters-actions {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n.product-form .form-control {\n width: 100%;\n}\n\n.form-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 12px;\n}\n\n.form-grid-2 {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 12px;\n align-items: start;\n}\n\n.form-grid-3 {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 12px;\n align-items: start;\n}\n\n.form-grid-4 {\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n gap: 12px;\n align-items: start;\n}\n\n.form-actions {\n display: flex;\n gap: 8px;\n flex-wrap: wrap;\n align-items: flex-start;\n}\n\n.form-actions .btn {\n align-self: flex-start;\n}\n\n.statuses-form {\n display: grid;\n gap: 8px;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.statuses-form .form-actions {\n grid-column: 1/-1;\n}\n\n.statuses-color-input {\n min-height: 32px;\n padding: 2px;\n}\n\n.statuses-hint {\n grid-column: 1/-1;\n margin: 0;\n}\n\n.statuses-group-block {\n border: 1px solid var(--c-border);\n border-radius: 10px;\n padding: 8px;\n background: #fbfdff;\n}\n\n.statuses-group-block__head {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 6px;\n flex-wrap: wrap;\n}\n\n.statuses-group-block__title {\n margin: 0;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n color: var(--c-text-strong);\n font-size: 14px;\n}\n\n.statuses-color-dot {\n width: 12px;\n height: 12px;\n border-radius: 999px;\n border: 1px solid rgba(15, 23, 42, 0.15);\n}\n\n.statuses-dnd-list {\n margin: 6px 0 0;\n padding: 0;\n list-style: none;\n display: grid;\n gap: 6px;\n}\n\n.statuses-dnd-item {\n display: grid;\n grid-template-columns: 24px 1fr;\n gap: 6px;\n border: 1px solid #dce4f0;\n border-radius: 8px;\n background: #fff;\n padding: 6px;\n}\n\n.statuses-dnd-item__content {\n display: flex;\n align-items: center;\n gap: 6px;\n min-width: 0;\n}\n\n.statuses-dnd-item.is-dragging {\n opacity: 0.6;\n}\n\n.statuses-dnd-item__drag {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border: 1px dashed #cbd5e1;\n border-radius: 6px;\n color: #64748b;\n cursor: grab;\n user-select: none;\n font-weight: 700;\n font-size: 12px;\n}\n\n.statuses-dnd-item__drag:active {\n cursor: grabbing;\n}\n\n.statuses-inline-form {\n display: grid;\n gap: 6px;\n}\n\n.statuses-inline-form--row {\n grid-template-columns: minmax(180px, 1.4fr) minmax(150px, 1fr) auto auto auto;\n align-items: center;\n flex: 1 1 auto;\n min-width: 0;\n}\n\n.statuses-inline-form--row-group {\n grid-template-columns: minmax(180px, 1.5fr) 56px auto auto auto;\n align-items: center;\n flex: 1 1 auto;\n min-width: 0;\n}\n\n.statuses-inline-form--row .form-control,\n.statuses-inline-form--row-group .form-control {\n min-height: 30px;\n padding: 4px 8px;\n}\n\n.statuses-inline-form--row .btn,\n.statuses-inline-form--row-group .btn,\n.statuses-inline-delete .btn {\n min-height: 30px;\n padding: 4px 10px;\n font-size: 12px;\n}\n\n.statuses-inline-check {\n margin-top: 0;\n white-space: nowrap;\n font-size: 12px;\n}\n\n.statuses-inline-delete {\n margin: 0;\n flex: 0 0 auto;\n}\n\n.statuses-code-label {\n font-size: 12px;\n color: var(--c-muted);\n}\n\n.statuses-code-readonly {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n white-space: nowrap;\n font-size: 12px;\n}\n\n.statuses-code-readonly code {\n background: #eef2f7;\n border-radius: 6px;\n padding: 1px 6px;\n color: #1f2937;\n font-size: 12px;\n}\n\n.field-inline {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-top: 2px;\n}\n\n.modal-backdrop {\n position: fixed;\n inset: 0;\n background: rgba(15, 23, 42, 0.5);\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 16px;\n z-index: 200;\n}\n\n.modal-backdrop[hidden] {\n display: none;\n}\n\n.modal {\n width: min(560px, 100%);\n background: #fff;\n border-radius: 10px;\n box-shadow: 0 20px 40px rgba(15, 23, 42, 0.35);\n overflow: hidden;\n}\n\n.modal__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 10px;\n padding: 16px 18px;\n border-bottom: 1px solid var(--c-border);\n}\n\n.modal__header h3 {\n margin: 0;\n font-size: 18px;\n color: var(--c-text-strong);\n}\n\n.modal__body {\n padding: 16px 18px 18px;\n}\n\n.status-pill {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border: 1px solid #fed7d7;\n background: #fff5f5;\n color: #9b2c2c;\n padding: 2px 8px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 600;\n}\n\n.status-pill.is-active {\n border-color: #b7ebcf;\n background: #f0fff6;\n color: #0f6b39;\n}\n\n.table-row-actions {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n flex-wrap: wrap;\n}\n\n.table-row-actions form {\n margin: 0;\n}\n\n.table-list {\n display: grid;\n gap: 14px;\n}\n\n.table-list__header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 12px;\n flex-wrap: wrap;\n}\n\n.table-list__left {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n flex-wrap: wrap;\n}\n\n.table-list-header-actions {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n flex-wrap: wrap;\n}\n\n.js-filter-toggle-btn.is-active {\n border-color: #cbd5e0;\n background: #edf2ff;\n color: var(--c-primary-dark);\n}\n\n.table-filter-badge {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 18px;\n height: 18px;\n padding: 0 5px;\n font-size: 11px;\n font-weight: 700;\n color: #fff;\n background: var(--c-primary);\n border-radius: 999px;\n}\n\n.table-filters-wrapper {\n display: none;\n}\n\n.table-filters-wrapper.is-open {\n display: block;\n}\n\n.table-list-filters {\n display: grid;\n gap: 12px;\n grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));\n align-items: end;\n}\n\n.table-col-toggle-wrapper {\n position: relative;\n}\n\n.table-col-toggle-dropdown {\n display: none;\n position: absolute;\n right: 0;\n top: calc(100% + 6px);\n z-index: 30;\n width: 260px;\n max-height: 360px;\n overflow: auto;\n border: 1px solid var(--c-border);\n border-radius: 10px;\n background: #fff;\n box-shadow: 0 10px 25px rgba(15, 23, 42, 0.12);\n}\n\n.table-col-toggle-dropdown.is-open {\n display: block;\n}\n\n.table-col-toggle-header {\n padding: 10px 12px;\n border-bottom: 1px solid var(--c-border);\n font-size: 12px;\n font-weight: 700;\n color: var(--c-muted);\n}\n\n.table-col-toggle-item {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 8px 12px;\n font-size: 13px;\n color: var(--c-text-strong);\n}\n\n.table-col-toggle-item:hover {\n background: #f8fafc;\n}\n\n.table-col-toggle-footer {\n border-top: 1px solid var(--c-border);\n padding: 8px 12px;\n}\n\n.table-col-hidden {\n display: none;\n}\n\n.table-col-switch {\n position: relative;\n display: inline-block;\n width: 34px;\n min-width: 34px;\n height: 18px;\n}\n\n.table-col-switch input {\n opacity: 0;\n width: 0;\n height: 0;\n position: absolute;\n}\n\n.table-col-switch-slider {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: #cbd5e1;\n border-radius: 999px;\n transition: background-color 0.2s ease;\n}\n\n.table-col-switch-slider::before {\n content: \"\";\n position: absolute;\n height: 14px;\n width: 14px;\n left: 2px;\n bottom: 2px;\n background: #fff;\n border-radius: 50%;\n transition: transform 0.2s ease;\n}\n\n.table-col-switch input:checked + .table-col-switch-slider {\n background: #16a34a;\n}\n\n.table-col-switch input:checked + .table-col-switch-slider::before {\n transform: translateX(16px);\n}\n\n.table-sort-link {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n color: var(--c-text-strong);\n text-decoration: none;\n}\n\n.table-sort-link:hover {\n color: var(--c-primary-dark);\n}\n\n.table-sort-icon.is-muted {\n color: #a0aec0;\n}\n\n.table-list__footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 10px;\n flex-wrap: wrap;\n}\n\n.table-list-per-page-form {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n}\n\n.table-list-per-page-form .form-control {\n min-width: 90px;\n}\n\n.table-select-col {\n width: 44px;\n text-align: center;\n}\n\n.table-select-toggle {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n.table-select-toggle input[type=checkbox] {\n width: 16px;\n height: 16px;\n}\n\n.orders-page .orders-head {\n background: linear-gradient(120deg, #f8fbff 0%, #eef5ff 100%);\n border: 1px solid #dbe7fb;\n}\n.orders-page .table-list {\n border: 1px solid #dde5f2;\n border-radius: 12px;\n box-shadow: 0 6px 16px rgba(20, 44, 86, 0.08);\n}\n.orders-page .table-list__header {\n padding: 10px 6px 2px;\n}\n.orders-page .table-list-filters {\n padding: 6px 6px 2px;\n border-top: 1px solid #ebf0f7;\n border-bottom: 1px solid #ebf0f7;\n background: #f9fbff;\n}\n.orders-page .table-wrap {\n border-radius: 10px;\n overflow: hidden;\n border: 1px solid #e7edf6;\n}\n.orders-page .table thead th {\n background: #f3f7fd;\n color: #30435f;\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: 0.03em;\n}\n.orders-page .table tbody td {\n vertical-align: middle;\n padding-top: 10px;\n padding-bottom: 10px;\n border-bottom-color: #edf2f8;\n}\n.orders-page .table tbody tr:hover td {\n background: #f9fcff;\n}\n\n.orders-list-page {\n padding: 10px;\n margin-bottom: 10px;\n}\n\n.orders-head {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: 12px;\n flex-wrap: wrap;\n}\n\n.orders-stats {\n display: inline-grid;\n grid-template-columns: repeat(3, minmax(86px, auto));\n gap: 8px;\n}\n\n.orders-stat {\n border: 1px solid #d8e2f0;\n background: #f8fbff;\n border-radius: 8px;\n padding: 6px 8px;\n line-height: 1.15;\n}\n.orders-stat__label {\n display: block;\n color: #5f6f83;\n font-size: 11px;\n margin-bottom: 2px;\n}\n.orders-stat__value {\n color: #12233a;\n font-size: 16px;\n font-weight: 700;\n}\n\n.orders-ref {\n display: grid;\n gap: 2px;\n min-width: 170px;\n}\n.orders-ref__main {\n font-weight: 700;\n color: #0f1f35;\n font-size: 14px;\n}\n.orders-ref__meta {\n display: inline-flex;\n flex-wrap: wrap;\n gap: 4px 10px;\n color: #64748b;\n font-size: 12px;\n}\n\n.orders-buyer {\n display: grid;\n gap: 2px;\n}\n.orders-buyer__name {\n color: #0f172a;\n font-weight: 600;\n font-size: 14px;\n}\n.orders-buyer__meta {\n display: inline-flex;\n flex-wrap: wrap;\n gap: 4px 10px;\n color: #64748b;\n font-size: 12px;\n}\n\n.orders-status-wrap {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n flex-wrap: wrap;\n cursor: pointer;\n}\n.orders-status-wrap .order-tag {\n cursor: pointer;\n}\n\n.orders-status-dropdown {\n position: fixed;\n z-index: 9999;\n min-width: 180px;\n max-height: 280px;\n overflow-y: auto;\n background: #fff;\n border: 1px solid #d8e1ef;\n border-radius: 6px;\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n padding: 4px 0;\n}\n.orders-status-dropdown__group-header {\n padding: 6px 12px 2px;\n font-size: 10px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n color: #94a3b8;\n}\n.orders-status-dropdown__group-header:not(:first-child) {\n border-top: 1px solid #f1f5f9;\n margin-top: 2px;\n padding-top: 8px;\n}\n.orders-status-dropdown__item {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 5px 12px;\n font-size: 13px;\n color: #334155;\n cursor: pointer;\n white-space: nowrap;\n}\n.orders-status-dropdown__item:hover {\n background: #f1f5f9;\n}\n.orders-status-dropdown__item.is-current {\n font-weight: 700;\n background: #f8fafc;\n}\n.orders-status-dropdown__color-dot {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n flex-shrink: 0;\n}\n\n.order-tag {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border: 1px solid #d8e1ef;\n background: #f8fafc;\n color: #334155;\n border-radius: 999px;\n padding: 2px 8px;\n font-size: 12px;\n font-weight: 700;\n line-height: 1.1;\n white-space: nowrap;\n}\n.order-tag.is-info {\n border-color: #bfdbfe;\n background: #eff6ff;\n color: #1d4ed8;\n}\n.order-tag.is-success {\n border-color: #bbf7d0;\n background: #f0fdf4;\n color: #166534;\n}\n.order-tag.is-danger {\n border-color: #fecaca;\n background: #fef2f2;\n color: #b91c1c;\n}\n.order-tag.is-warn {\n border-color: #fde68a;\n background: #fffbeb;\n color: #92400e;\n}\n.order-tag.is-cod {\n border-color: #f9a8d4;\n background: #fdf2f8;\n color: #9d174d;\n}\n.order-tag.is-unpaid {\n border-color: #fca5a5;\n background: #fef2f2;\n color: #b91c1c;\n}\n\n.orders-mini {\n font-size: 14px;\n color: #223247;\n line-height: 1.25;\n}\n.orders-mini__delivery {\n font-size: 12px;\n color: #64748b;\n margin-bottom: 2px;\n max-width: 160px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.orders-products {\n display: grid;\n gap: 4px;\n min-width: 240px;\n}\n.orders-products__meta, .orders-products__more {\n font-size: 12px;\n color: #64748b;\n}\n\n.orders-product {\n display: grid;\n grid-template-columns: 48px 1fr;\n gap: 6px;\n align-items: center;\n}\n.orders-product__thumb {\n width: 48px;\n height: 48px;\n border-radius: 4px;\n border: 1px solid #dbe3ef;\n object-fit: cover;\n background: #fff;\n}\n.orders-product__thumb--empty {\n display: inline-block;\n background: #eef2f7;\n border-style: dashed;\n}\n.orders-product__txt {\n min-width: 0;\n display: grid;\n gap: 1px;\n}\n.orders-product__name {\n font-size: 14px;\n color: #0f172a;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.orders-product__qty {\n font-size: 12px;\n color: #64748b;\n}\n\n.orders-image-hover-wrap {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n cursor: zoom-in;\n}\n\n.orders-image-hover-popup {\n display: none;\n position: fixed;\n left: auto;\n top: auto;\n width: 350px;\n max-height: 350px;\n object-fit: contain;\n border-radius: 8px;\n background: #fff;\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);\n border: 1px solid #dfe3ea;\n z-index: 100;\n pointer-events: none;\n}\n\n.orders-image-hover-wrap:hover .orders-image-hover-popup {\n display: block;\n}\n\n.activity-type-badge {\n display: inline-block;\n padding: 2px 8px;\n border-radius: 4px;\n font-size: 12px;\n font-weight: 500;\n white-space: nowrap;\n background: #e2e8f0;\n color: #334155;\n}\n.activity-type-badge--status_change {\n background: #dbeafe;\n color: #1e40af;\n}\n.activity-type-badge--payment {\n background: #dcfce7;\n color: #166534;\n}\n.activity-type-badge--invoice {\n background: #fef3c7;\n color: #92400e;\n}\n.activity-type-badge--shipment {\n background: #e0e7ff;\n color: #3730a3;\n}\n.activity-type-badge--message {\n background: #f3e8ff;\n color: #6b21a8;\n}\n.activity-type-badge--document {\n background: #fce7f3;\n color: #9d174d;\n}\n.activity-type-badge--import {\n background: #f1f5f9;\n color: #475569;\n}\n.activity-type-badge--note {\n background: #ecfdf5;\n color: #065f46;\n}\n\n.text-nowrap {\n white-space: nowrap;\n}\n\n.orders-money {\n display: grid;\n gap: 2px;\n}\n.orders-money__main {\n color: #0f172a;\n font-weight: 700;\n font-size: 14px;\n}\n.orders-money__meta {\n color: #64748b;\n font-size: 12px;\n}\n\n.table-list[data-table-list-id=orders] {\n gap: 8px;\n}\n.table-list[data-table-list-id=orders] .table-list__header {\n padding: 2px 0 0;\n}\n.table-list[data-table-list-id=orders] .table-list-filters {\n gap: 8px;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n}\n.table-list[data-table-list-id=orders] .table th,\n.table-list[data-table-list-id=orders] .table td {\n padding: 6px 8px;\n}\n.table-list[data-table-list-id=orders] .table thead th {\n font-size: 12px;\n text-transform: uppercase;\n letter-spacing: 0.02em;\n white-space: nowrap;\n}\n.table-list[data-table-list-id=orders] .table tbody td {\n vertical-align: top;\n font-size: 14px;\n line-height: 1.25;\n}\n\n.order-show-layout {\n display: grid;\n grid-template-columns: 220px minmax(0, 1fr);\n gap: 12px;\n align-items: start;\n}\n\n.order-statuses-side {\n position: sticky;\n top: 60px;\n padding: 10px;\n}\n.order-statuses-side__title {\n font-size: 13px;\n font-weight: 700;\n color: #0f172a;\n margin-bottom: 8px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n list-style: none;\n}\n.order-statuses-side__title::-webkit-details-marker {\n display: none;\n}\n.order-statuses-side__arrow {\n display: none;\n flex-shrink: 0;\n opacity: 0.5;\n transition: transform 0.2s ease;\n}\ndetails[open] > .order-statuses-side__title .order-statuses-side__arrow {\n transform: rotate(180deg);\n}\n\n.order-status-group {\n margin-bottom: 10px;\n}\n.order-status-group__name {\n font-size: 12px;\n color: #475569;\n font-weight: 700;\n margin-bottom: 5px;\n}\n\n.order-status-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 8px;\n padding: 4px 6px;\n border-radius: 6px;\n color: #334155;\n font-size: 12px;\n text-decoration: none;\n}\n.order-status-row__count {\n min-width: 24px;\n text-align: center;\n border-radius: 999px;\n background: var(--status-color, #64748b);\n padding: 1px 6px;\n font-weight: 700;\n font-size: 11px;\n color: #ffffff;\n}\n\n.order-status-row:hover {\n background: #f1f5f9;\n}\n\n.order-status-row.is-active {\n background: rgba(15, 23, 42, 0.06);\n color: #0f172a;\n font-weight: 700;\n}\n\n.order-show-main {\n min-width: 0;\n}\n\n.order-details-actions {\n display: inline-flex;\n flex-wrap: wrap;\n justify-content: flex-end;\n gap: 6px;\n}\n\n.order-details-page {\n padding: 12px;\n}\n\n.order-details-head {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: 12px;\n flex-wrap: wrap;\n}\n\n.order-back-link {\n color: #475569;\n text-decoration: none;\n font-weight: 600;\n}\n\n.order-back-link:hover {\n color: #1d4ed8;\n}\n\n.order-details-sub {\n display: inline-flex;\n gap: 10px;\n flex-wrap: wrap;\n color: #64748b;\n font-size: 12px;\n}\n\n.order-details-pill {\n border-radius: 999px;\n padding: 5px 10px;\n background: #eef6ff;\n border: 1px solid #cfe2ff;\n color: #1d4ed8;\n font-size: 12px;\n font-weight: 700;\n}\n\n.order-status-change {\n display: flex;\n align-items: center;\n gap: 10px;\n flex-wrap: wrap;\n}\n\n.order-status-change__form {\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n.order-status-change__select {\n min-width: 180px;\n}\n\n.order-details-tabs {\n display: flex;\n gap: 6px;\n flex-wrap: wrap;\n}\n\n.order-details-tab {\n border: 1px solid #d6deea;\n border-radius: 8px;\n padding: 5px 10px;\n color: #475569;\n font-size: 12px;\n background: #f8fafc;\n cursor: pointer;\n}\n\n.order-details-tab.is-active {\n border-color: #bfdbfe;\n color: #1d4ed8;\n background: #eff6ff;\n font-weight: 700;\n}\n\n.order-item-cell {\n display: grid;\n grid-template-columns: 44px 1fr;\n gap: 8px;\n align-items: center;\n min-width: 260px;\n}\n\n.order-item-thumb {\n width: 44px;\n height: 44px;\n border-radius: 6px;\n border: 1px solid #dbe3ef;\n object-fit: cover;\n}\n\n.order-item-thumb--empty {\n display: inline-block;\n background: #eef2f7;\n border-style: dashed;\n}\n\n.order-item-name {\n font-weight: 600;\n color: #0f172a;\n}\n\n.item-personalization {\n margin-top: 4px;\n padding: 4px 8px;\n background: #f8fafc;\n border-left: 2px solid #cbd5e1;\n border-radius: 2px;\n font-size: 0.92em;\n color: #475569;\n line-height: 1.4;\n}\n.item-personalization__label {\n font-weight: 600;\n color: #64748b;\n display: block;\n margin-bottom: 2px;\n}\n.item-personalization__line {\n white-space: pre-wrap;\n word-break: break-word;\n}\n\n.order-grid-2 {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 12px;\n}\n\n.order-grid-3 {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 12px;\n}\n\n.order-kv {\n margin: 0;\n display: grid;\n grid-template-columns: 150px 1fr;\n gap: 6px 10px;\n font-size: 12px;\n}\n\n.payment-summary {\n display: grid;\n gap: 6px;\n max-width: 420px;\n}\n\n.payment-summary__row {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 12px;\n}\n\n.payment-summary__label {\n width: 150px;\n flex-shrink: 0;\n color: #64748b;\n}\n\n.payment-summary__value {\n font-weight: 600;\n color: #0f172a;\n}\n\n.payment-add-form {\n background: #f8fafc;\n border: 1px solid #e2e8f0;\n border-radius: 6px;\n padding: 12px;\n max-width: 700px;\n}\n\n.payment-add-form__row {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n}\n\n.payment-add-form__field {\n display: flex;\n flex-direction: column;\n gap: 3px;\n flex: 1 1 140px;\n min-width: 120px;\n}\n.payment-add-form__field label {\n font-size: 11px;\n color: #64748b;\n font-weight: 500;\n}\n.payment-add-form__field input, .payment-add-form__field select {\n font-size: 12px;\n padding: 4px 8px;\n border: 1px solid #cbd5e1;\n border-radius: 4px;\n height: 30px;\n}\n\n.payment-add-form__actions {\n display: flex;\n gap: 8px;\n margin-top: 12px;\n}\n\n.order-kv dt {\n color: #64748b;\n}\n\n.order-kv dd {\n margin: 0;\n color: #0f172a;\n font-weight: 600;\n}\n\n.order-address {\n display: grid;\n gap: 3px;\n font-size: 12px;\n color: #0f172a;\n}\n\n.order-events {\n display: grid;\n gap: 8px;\n}\n\n.order-event {\n border: 1px solid #e2e8f0;\n border-radius: 8px;\n padding: 8px;\n background: #fbfdff;\n}\n\n.order-event__head {\n color: #64748b;\n font-size: 11px;\n}\n\n.order-event__body {\n margin-top: 4px;\n color: #0f172a;\n font-size: 12px;\n}\n\n.order-tab-panel {\n display: none;\n}\n\n.order-tab-panel.is-active {\n display: block;\n}\n\n.manual-tracking-form {\n display: flex;\n gap: 8px;\n align-items: center;\n}\n.manual-tracking-form .form-control {\n max-width: 220px;\n}\n\n.order-empty-placeholder {\n border: 1px dashed #cbd5e1;\n border-radius: 8px;\n min-height: 180px;\n background: #f8fafc;\n}\n\n.order-status-badge {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 4px 10px;\n border-radius: 999px;\n font-size: 12px;\n font-weight: 700;\n border: 1px solid #cbd5e1;\n color: #334155;\n background: #f8fafc;\n}\n.order-status-badge.is-info {\n border-color: #bfdbfe;\n background: #eff6ff;\n color: #1d4ed8;\n}\n.order-status-badge.is-success {\n border-color: #bbf7d0;\n background: #f0fdf4;\n color: #166534;\n}\n.order-status-badge.is-danger {\n border-color: #fecaca;\n background: #fef2f2;\n color: #b91c1c;\n}\n.order-status-badge.is-warn {\n border-color: #fde68a;\n background: #fffbeb;\n color: #92400e;\n}\n.order-status-badge.is-empty {\n color: #94a3b8;\n}\n\n.order-buyer {\n display: grid;\n gap: 2px;\n}\n.order-buyer__name {\n color: #0f172a;\n font-weight: 600;\n}\n.order-buyer__email {\n color: #64748b;\n font-size: 12px;\n}\n\n.table-inline-action {\n display: inline-block;\n margin-right: 6px;\n}\n\n.product-name-cell {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n}\n\n.product-name-thumb {\n width: 60px;\n height: 60px;\n border-radius: 6px;\n object-fit: cover;\n border: 1px solid var(--c-border);\n background: #f8fafc;\n}\n\n.product-name-thumb--empty {\n display: inline-block;\n width: 60px;\n height: 60px;\n border-radius: 6px;\n border: 1px dashed #cbd5e0;\n background: #f8fafc;\n}\n\n.product-name-thumb-btn {\n border: 0;\n padding: 0;\n background: transparent;\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n.product-name-thumb-btn:focus-visible {\n outline: none;\n box-shadow: var(--focus-ring);\n border-radius: 8px;\n}\n\n.modal--image-preview {\n width: min(760px, 100%);\n}\n\n.product-image-preview__img {\n display: block;\n width: 100%;\n max-height: 70vh;\n object-fit: contain;\n border-radius: 8px;\n background: #f8fafc;\n}\n\n.product-images-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\n gap: 12px;\n}\n\n.product-image-card {\n border: 1px solid #dfe3ea;\n border-radius: 10px;\n padding: 10px;\n background: #fff;\n}\n\n.product-image-card__thumb-wrap {\n position: relative;\n border-radius: 8px;\n overflow: hidden;\n background: #f2f5f8;\n}\n\n.product-image-card__thumb {\n width: 100%;\n height: 160px;\n object-fit: cover;\n display: block;\n}\n\n.product-image-card__thumb.is-empty {\n height: 160px;\n display: grid;\n place-items: center;\n color: #6b7785;\n font-size: 12px;\n}\n\n.product-image-card__badge {\n display: none;\n position: absolute;\n top: 8px;\n left: 8px;\n background: #1f7a43;\n color: #fff;\n padding: 3px 8px;\n border-radius: 999px;\n font-size: 11px;\n}\n\n.product-image-card.is-main .product-image-card__badge {\n display: inline-block;\n}\n\n.product-image-card__meta {\n margin-top: 8px;\n font-size: 11px;\n line-height: 1.25;\n color: #5f6b79;\n overflow-wrap: anywhere;\n}\n\n.product-image-card__actions {\n margin-top: 10px;\n display: grid;\n grid-template-columns: 1fr;\n gap: 8px;\n}\n\n.product-image-card__actions .btn {\n min-height: 34px;\n font-size: 12px;\n line-height: 1.2;\n padding: 6px 10px;\n}\n\n.product-links-search-form {\n display: grid;\n gap: 12px;\n grid-template-columns: minmax(220px, 320px) minmax(220px, 1fr) auto;\n align-items: end;\n}\n\n.product-links-head {\n display: grid;\n gap: 8px;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n.product-tabs-nav {\n display: flex;\n align-items: center;\n gap: 8px;\n flex-wrap: wrap;\n}\n\n.product-links-inline-form {\n display: grid;\n gap: 8px;\n grid-template-columns: minmax(140px, 1fr) minmax(140px, 1fr) auto;\n align-items: center;\n}\n\n.product-links-actions-row {\n display: flex;\n align-items: center;\n gap: 8px;\n flex-wrap: nowrap;\n}\n\n.product-links-actions-row .product-links-relink-form {\n flex: 1 1 auto;\n}\n\n.product-links-unlink-form {\n margin: 0;\n flex: 0 0 auto;\n}\n\n.product-link-status-cell {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n}\n\n.product-link-alert-indicator {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 18px;\n height: 18px;\n border-radius: 999px;\n border: 1px solid #f59e0b;\n background: #fffbeb;\n color: #b45309;\n font-size: 12px;\n font-weight: 700;\n cursor: help;\n}\n\n.product-link-events-list {\n margin: 0;\n padding: 0;\n list-style: none;\n display: grid;\n gap: 4px;\n}\n\n.product-link-events-list li {\n display: grid;\n gap: 2px;\n}\n\n.product-link-events-type {\n font-weight: 600;\n color: var(--c-text-strong);\n}\n\n.product-link-events-date {\n color: var(--c-muted);\n font-size: 12px;\n}\n\n.product-show-images-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\n gap: 12px;\n}\n\n.product-show-image-card {\n border: 1px solid var(--c-border);\n border-radius: 10px;\n background: #fff;\n padding: 10px;\n overflow: hidden;\n}\n.product-show-image-card__meta {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: 8px;\n min-width: 0;\n}\n\n.product-show-image-path {\n font-size: 12px;\n min-width: 0;\n overflow: hidden;\n}\n.product-show-image-path summary {\n cursor: pointer;\n color: var(--c-muted, #888);\n list-style: none;\n user-select: none;\n white-space: nowrap;\n}\n.product-show-image-path summary::-webkit-details-marker {\n display: none;\n}\n.product-show-image-path summary::after {\n content: \" ▾\";\n}\n.product-show-image-path[open] summary::after {\n content: \" ▴\";\n}\n.product-show-image-path__url {\n margin-top: 4px;\n word-break: break-all;\n overflow-wrap: break-word;\n font-size: 11px;\n}\n\n.product-show-image {\n width: 100%;\n max-height: 260px;\n object-fit: cover;\n border-radius: 8px;\n border: 1px solid #d9e0ea;\n}\n\n.shipment-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 12px;\n}\n\n.searchable-select {\n position: relative;\n}\n.searchable-select__trigger {\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: pointer;\n user-select: none;\n min-height: 34px;\n}\n.searchable-select__trigger::after {\n content: \"\";\n width: 0;\n height: 0;\n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n border-top: 5px solid var(--c-text-muted, #6b7280);\n margin-left: 8px;\n flex-shrink: 0;\n}\n.searchable-select__trigger--placeholder {\n color: var(--c-text-muted, #6b7280);\n}\n.searchable-select__dropdown {\n display: none;\n position: absolute;\n left: 0;\n right: 0;\n top: 100%;\n z-index: 50;\n max-height: 280px;\n overflow: auto;\n background: #fff;\n border: 1px solid var(--c-border);\n border-top: 0;\n border-radius: 0 0 8px 8px;\n box-shadow: 0 8px 20px rgba(15, 23, 42, 0.12);\n}\n.searchable-select__dropdown.is-open {\n display: block;\n}\n.searchable-select__search {\n position: sticky;\n top: 0;\n border: none !important;\n border-bottom: 1px solid var(--c-border) !important;\n border-radius: 0 !important;\n box-shadow: none !important;\n font-size: 13px;\n background: #fff;\n z-index: 1;\n}\n.searchable-select__option {\n padding: 7px 10px;\n font-size: 13px;\n cursor: pointer;\n color: var(--c-text-strong);\n}\n.searchable-select__option:hover {\n background: #f1f5f9;\n}\n.searchable-select__option.is-selected {\n background: #edf2ff;\n font-weight: 600;\n}\n\n.flash {\n padding: 10px 14px;\n border-radius: 8px;\n font-size: 13px;\n font-weight: 500;\n}\n.flash--success {\n background: #f0fdf4;\n border: 1px solid #bbf7d0;\n color: #166534;\n}\n.flash--error {\n background: #fef2f2;\n border: 1px solid #fecaca;\n color: #b91c1c;\n}\n\n.content-tabs-card {\n margin-top: 0;\n}\n\n.content-tabs-nav {\n display: flex;\n gap: 4px;\n border-bottom: 2px solid var(--c-border);\n margin-bottom: 16px;\n flex-wrap: wrap;\n}\n\n.content-tab-btn {\n padding: 8px 16px;\n border: none;\n background: none;\n cursor: pointer;\n font-size: 14px;\n font-weight: 500;\n color: var(--c-text-muted, #6b7280);\n border-bottom: 2px solid transparent;\n margin-bottom: -2px;\n border-radius: 4px 4px 0 0;\n transition: color 0.15s, border-color 0.15s;\n}\n.content-tab-btn:hover {\n color: var(--c-text-strong, #111827);\n}\n.content-tab-btn.is-active {\n color: var(--c-primary, #2563eb);\n border-bottom-color: var(--c-primary, #2563eb);\n}\n\n.content-tab-panel {\n display: none;\n}\n.content-tab-panel.is-active {\n display: block;\n}\n\n.shoppro-tabs-toolbar {\n display: flex;\n align-items: flex-end;\n justify-content: space-between;\n gap: 10px;\n margin-bottom: 10px;\n flex-wrap: wrap;\n}\n\n.shoppro-tabs-toolbar__field {\n margin: 0;\n min-width: 260px;\n max-width: 420px;\n flex: 1 1 320px;\n}\n\n.shoppro-tabs-toolbar__field .form-control {\n width: 100%;\n}\n\n.shoppro-tabs-toolbar__actions {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n}\n\n.dm-carrier-select {\n min-width: 140px;\n}\n\n.dm-service-wrap {\n min-width: 200px;\n}\n.dm-service-wrap .dm-inpost-panel .form-control,\n.dm-service-wrap .dm-apaczka-panel .form-control {\n width: 100%;\n}\n\n.integration-settings-group {\n grid-column: 1/-1;\n border: 1px solid var(--c-border);\n border-radius: 10px;\n background: #f8fbff;\n padding: 10px;\n}\n\n.integration-settings-group__head {\n margin-bottom: 8px;\n padding: 4px 0;\n border-bottom: 1px solid #e2e8f0;\n}\n\n.integration-settings-group__title {\n margin: 0;\n font-size: 14px;\n font-weight: 600;\n letter-spacing: 0.01em;\n color: var(--c-text-strong, #1e293b);\n}\n\n.integration-settings-group__desc {\n margin: 4px 0 0;\n color: #4b5563;\n}\n\n.integration-settings-group__grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 10px 12px;\n align-items: start;\n}\n\n.integration-settings-group__full {\n grid-column: 1/-1;\n}\n\n.integration-settings-group__grid .form-field {\n margin: 0;\n align-self: start;\n}\n\n.integration-settings-group__grid .form-control {\n min-height: 34px;\n height: 34px;\n}\n\n.integration-settings-group__grid input[type=date].form-control {\n line-height: 1.2;\n}\n\n.integration-settings-checkboxes {\n border: 0;\n padding: 0;\n margin: 0;\n}\n\n.integration-settings-checkboxes .field-label {\n display: block;\n margin-bottom: 2px;\n}\n\n.integration-settings-checkboxes__list {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 6px 12px;\n}\n\n.integration-settings-checkboxes__item {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n font-size: 13px;\n color: #334155;\n}\n\n.topbar__hamburger {\n display: none;\n align-items: center;\n justify-content: center;\n width: 36px;\n height: 36px;\n padding: 0;\n background: transparent;\n border: none;\n color: var(--c-text-strong);\n cursor: pointer;\n border-radius: 6px;\n flex-shrink: 0;\n}\n.topbar__hamburger:hover {\n background: var(--c-bg-subtle, #f1f5f9);\n}\n\n.sidebar-backdrop {\n display: none;\n position: fixed;\n inset: 0;\n background: rgba(0, 0, 0, 0.5);\n z-index: 999;\n opacity: 0;\n transition: opacity 0.25s ease;\n}\n.sidebar-backdrop.is-visible {\n display: block;\n opacity: 1;\n}\n\nbody.no-scroll {\n overflow: hidden;\n}\n\n@media (max-width: 768px) {\n .topbar__hamburger {\n display: flex;\n }\n .sidebar {\n position: fixed;\n top: 0;\n left: 0;\n bottom: 0;\n width: 280px;\n min-width: 280px;\n z-index: 1000;\n transform: translateX(-100%);\n transition: transform 0.25s ease;\n border-right: 1px solid #243041;\n overflow-y: auto;\n }\n .sidebar.is-mobile-open {\n transform: translateX(0);\n }\n .sidebar__brand {\n margin: 4px 4px 12px;\n }\n .sidebar__collapse-btn {\n display: flex;\n }\n .sidebar__collapse-icon {\n transform: rotate(180deg);\n }\n .sidebar__nav {\n display: grid;\n gap: 4px;\n }\n .topbar {\n padding: 0 14px;\n }\n .container {\n margin-top: 16px;\n width: calc(100% - 16px);\n margin-left: 8px;\n margin-right: 8px;\n padding: 0 3px 12px;\n }\n .settings-grid {\n grid-template-columns: 1fr;\n }\n .page-head {\n flex-direction: column;\n align-items: flex-start;\n }\n .orders-stats {\n grid-template-columns: 1fr;\n width: 100%;\n }\n .order-show-layout {\n grid-template-columns: 1fr;\n }\n .order-statuses-side {\n position: static;\n top: auto;\n }\n .order-statuses-side__title {\n cursor: pointer;\n }\n .order-statuses-side__arrow {\n display: block;\n }\n .order-details-actions {\n justify-content: flex-start;\n }\n .order-grid-2,\n .order-grid-3 {\n grid-template-columns: 1fr;\n }\n .order-kv {\n grid-template-columns: 1fr;\n gap: 2px;\n }\n .filters-grid,\n .form-grid,\n .form-grid-2,\n .form-grid-3,\n .form-grid-4,\n .shipment-grid,\n .statuses-form,\n .statuses-inline-form,\n .table-list-filters,\n .product-links-search-form,\n .product-links-inline-form {\n grid-template-columns: 1fr;\n }\n .statuses-dnd-item__content {\n display: block;\n }\n .statuses-inline-delete {\n margin-top: 6px;\n }\n .filters-actions {\n align-items: center;\n }\n .table-list__header,\n .table-list__footer {\n align-items: flex-start;\n }\n .product-links-head {\n grid-template-columns: 1fr;\n }\n .integration-settings-group__grid {\n grid-template-columns: 1fr;\n }\n .integration-settings-checkboxes__list {\n grid-template-columns: 1fr;\n }\n .card {\n padding: 12px;\n }\n .modal--image-preview {\n width: min(92vw, 100%);\n }\n .email-tpl-editor-wrap {\n flex-direction: column;\n }\n .email-tpl-var-panel {\n min-width: 200px;\n }\n .modal-box {\n width: 95vw;\n max-height: 90vh;\n }\n}\n.email-tpl-editor-wrap {\n display: flex;\n flex-direction: column;\n border: 1px solid var(--c-border);\n border-radius: 6px;\n overflow: visible;\n}\n\n.email-tpl-toolbar {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 6px 8px;\n background: var(--c-bg-subtle, #f8f9fa);\n border-bottom: 1px solid var(--c-border);\n}\n\n.email-tpl-var-dropdown {\n position: relative;\n}\n\n.email-tpl-var-panel {\n position: absolute;\n top: 100%;\n left: 0;\n z-index: 300;\n min-width: 260px;\n max-height: 320px;\n overflow-y: auto;\n background: var(--c-bg);\n border: 1px solid var(--c-border);\n border-radius: 6px;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n padding: 6px;\n margin-top: 4px;\n}\n\n.email-var-group:not(:first-child) {\n margin-top: 6px;\n padding-top: 6px;\n border-top: 1px solid var(--c-border);\n}\n.email-var-group__label {\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n color: var(--c-text-muted);\n padding: 2px 4px;\n letter-spacing: 0.03em;\n}\n\n.email-var-item {\n display: block;\n width: 100%;\n text-align: left;\n padding: 3px 6px;\n margin: 1px 0;\n border: none;\n background: none;\n font-size: 12px;\n font-family: \"Roboto Mono\", monospace;\n color: var(--c-text);\n border-radius: 3px;\n cursor: pointer;\n}\n.email-var-item:hover {\n background: var(--c-primary);\n color: #fff;\n}\n\n#js-quill-editor {\n min-height: 200px;\n}\n#js-quill-editor .ql-editor {\n min-height: 200px;\n font-size: 13px;\n}\n\n.modal-overlay {\n position: fixed;\n inset: 0;\n z-index: 1000;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(0, 0, 0, 0.45);\n}\n\n.modal-box {\n width: min(680px, 90vw);\n max-height: 80vh;\n background: var(--c-bg);\n border-radius: 8px;\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n.modal-box__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 10px 16px;\n border-bottom: 1px solid var(--c-border);\n}\n.modal-box__title {\n margin: 0;\n font-size: 15px;\n font-weight: 600;\n}\n.modal-box__close {\n background: none;\n border: none;\n font-size: 22px;\n line-height: 1;\n cursor: pointer;\n color: var(--c-text-muted);\n padding: 0 4px;\n}\n.modal-box__close:hover {\n color: var(--c-text);\n}\n.modal-box__body {\n padding: 12px 16px;\n overflow-y: auto;\n flex: 1;\n}",":root {\n --c-primary: #6690f4;\n --c-primary-dark: #3164db;\n --c-action-primary: #0f766e;\n --c-action-primary-dark: #0b5f59;\n --c-bg: #f4f6f9;\n --c-surface: #ffffff;\n --c-text: #4e5e6a;\n --c-text-strong: #2d3748;\n --c-muted: #718096;\n --c-border: #b0bec5;\n --c-danger: #cc0000;\n --focus-ring: 0 0 0 3px rgba(102, 144, 244, 0.15);\n --focus-ring-action: 0 0 0 3px rgba(15, 118, 110, 0.18);\n --shadow-card: 0 1px 4px rgba(0, 0, 0, 0.06);\n}\n\r\n.btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 34px;\r\n padding: 6px 12px;\r\n border: 1px solid transparent;\r\n border-radius: 8px;\r\n font: inherit;\r\n font-weight: 600;\r\n text-decoration: none;\r\n cursor: pointer;\r\n transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.1s ease;\r\n}\r\n\r\n.btn--primary {\n color: #ffffff;\n background: var(--c-action-primary);\n}\n\n.btn--primary:hover {\n background: var(--c-action-primary-dark);\n}\n\r\n.btn--secondary {\r\n color: var(--c-text-strong);\r\n border-color: var(--c-border);\r\n background: var(--c-surface);\r\n}\r\n\r\n.btn--secondary:hover {\r\n border-color: #cbd5e0;\r\n background: #f8fafc;\r\n}\r\n\r\n.btn--danger {\r\n color: #ffffff;\r\n border-color: #b91c1c;\r\n background: #dc2626;\r\n}\r\n\r\n.btn--danger:hover {\r\n border-color: #991b1b;\r\n background: #b91c1c;\r\n}\r\n\r\n.btn--sm {\r\n min-height: 28px;\r\n padding: 3px 10px;\r\n font-size: 12px;\r\n}\r\n\r\n.btn--block {\r\n width: 100%;\r\n}\r\n\r\n.btn--disabled {\r\n opacity: 0.3;\r\n cursor: not-allowed;\r\n pointer-events: none;\r\n}\r\n\r\n.btn:active {\r\n transform: translateY(1px);\r\n}\r\n\r\n.btn:focus-visible {\n outline: none;\n box-shadow: var(--focus-ring-action);\n border-color: var(--c-action-primary);\n}\n\r\n.form-control {\r\n width: 100%;\r\n min-height: 30px;\r\n border: 1px solid var(--c-border);\r\n border-radius: 6px;\r\n padding: 4px 8px;\r\n font: inherit;\r\n color: var(--c-text-strong);\r\n background: #ffffff;\r\n transition: border-color 0.2s ease, box-shadow 0.2s ease;\r\n}\r\n\r\n.form-control:focus {\r\n outline: none;\r\n border-color: var(--c-primary);\r\n box-shadow: var(--focus-ring);\r\n}\r\n\r\n.input {\r\n min-height: 34px;\r\n border: 1px solid var(--c-border);\r\n border-radius: 8px;\r\n padding: 5px 10px;\r\n font: inherit;\r\n color: var(--c-text-strong);\r\n background: #ffffff;\r\n}\r\n\r\n.input--sm {\r\n min-height: 28px;\r\n padding: 3px 8px;\r\n font-size: 12px;\r\n}\r\n\r\n.flash {\r\n padding: 8px 12px;\r\n border-radius: 6px;\r\n font-size: 13px;\r\n}\r\n\r\n.flash--success {\r\n border: 1px solid #b7ebcf;\r\n background: #f0fff6;\r\n color: #0f6b39;\r\n}\r\n\r\n.flash--error {\r\n border: 1px solid #fed7d7;\r\n background: #fff5f5;\r\n color: var(--c-danger);\r\n}\r\n\r\n.alert {\r\n padding: 12px 14px;\r\n border-radius: 8px;\r\n border: 1px solid transparent;\r\n font-size: 13px;\r\n min-height: 44px;\r\n}\r\n\r\n.alert--danger {\r\n border-color: #fed7d7;\r\n background: #fff5f5;\r\n color: var(--c-danger);\r\n}\r\n\r\n.alert--success {\r\n border-color: #b7ebcf;\r\n background: #f0fff6;\r\n color: #0f6b39;\r\n}\r\n\r\n.alert--warning {\r\n border-color: #f7dd8b;\r\n background: #fff8e8;\r\n color: #815500;\r\n}\r\n\r\n.form-field {\r\n display: grid;\r\n gap: 5px;\r\n}\r\n\r\n.field-label {\r\n color: var(--c-text-strong);\r\n font-size: 13px;\r\n font-weight: 600;\r\n}\r\n\r\n.table-wrap {\r\n width: 100%;\r\n overflow-x: auto;\r\n\r\n &--visible {\r\n overflow: visible !important;\r\n overflow-x: visible !important;\r\n }\r\n}\r\n\r\n.table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n background: var(--c-surface);\r\n}\r\n\r\n.table th,\r\n.table td {\r\n padding: 10px 12px;\r\n border-bottom: 1px solid var(--c-border);\r\n text-align: left;\r\n}\r\n\r\n.table th {\r\n color: var(--c-text-strong);\r\n font-weight: 700;\r\n background: #f8fafc;\r\n}\r\n\r\n.table--details th {\r\n white-space: nowrap;\r\n}\r\n\r\n.table--details th:first-child,\r\n.table--details td:first-child {\r\n width: 36px;\r\n text-align: center;\r\n}\r\n\r\n.pagination {\r\n display: flex;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.pagination__item {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-width: 36px;\r\n height: 36px;\r\n padding: 0 10px;\r\n border-radius: 8px;\r\n border: 1px solid var(--c-border);\r\n color: var(--c-text-strong);\r\n background: var(--c-surface);\r\n text-decoration: none;\r\n font-weight: 600;\r\n}\r\n\r\n.pagination__item:hover {\r\n border-color: #cbd5e0;\r\n background: #f8fafc;\r\n}\r\n\r\n.pagination__item.is-active {\r\n border-color: var(--c-primary);\r\n color: var(--c-primary);\r\n background: #edf2ff;\r\n}\r\n\r\n.receipt-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n margin-bottom: 16px;\r\n padding-bottom: 12px;\r\n border-bottom: 2px solid var(--c-text-strong);\r\n\r\n &__seller {\r\n flex: 1;\r\n\r\n strong {\r\n font-size: 14px;\r\n display: block;\r\n margin-bottom: 4px;\r\n }\r\n }\r\n\r\n &__title {\r\n text-align: right;\r\n\r\n h1 {\r\n font-size: 18px;\r\n font-weight: 700;\r\n margin-bottom: 4px;\r\n }\r\n }\r\n}\r\n\r\n.receipt-print {\r\n max-width: 700px;\r\n margin: 0 auto;\r\n\r\n @media print {\r\n max-width: 100%;\r\n }\r\n}\r\n",".email-send-overlay {\r\n position: fixed;\r\n inset: 0;\r\n z-index: 1000;\r\n background: rgba(0, 0, 0, 0.5);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.email-send-modal {\r\n background: var(--c-card-bg, #fff);\r\n border-radius: 8px;\r\n width: 580px;\r\n max-width: 95vw;\r\n max-height: 90vh;\r\n display: flex;\r\n flex-direction: column;\r\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\r\n\r\n &__header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 12px 16px;\r\n border-bottom: 1px solid var(--c-border, #e0e0e0);\r\n\r\n h3 {\r\n margin: 0;\r\n font-size: 15px;\r\n }\r\n }\r\n\r\n &__close {\r\n background: none;\r\n border: none;\r\n font-size: 20px;\r\n cursor: pointer;\r\n color: var(--c-text-muted, #888);\r\n padding: 0 4px;\r\n\r\n &:hover {\r\n color: var(--c-text, #333);\r\n }\r\n }\r\n\r\n &__body {\r\n padding: 16px;\r\n overflow-y: auto;\r\n flex: 1;\r\n }\r\n\r\n &__field {\r\n margin-bottom: 10px;\r\n\r\n label {\r\n display: block;\r\n font-size: 12px;\r\n font-weight: 600;\r\n margin-bottom: 4px;\r\n color: var(--c-text-muted, #666);\r\n }\r\n\r\n .input {\r\n width: 100%;\r\n }\r\n }\r\n\r\n &__actions-top {\r\n margin-bottom: 10px;\r\n }\r\n\r\n &__footer {\r\n display: flex;\r\n justify-content: flex-end;\r\n gap: 8px;\r\n padding: 12px 16px;\r\n border-top: 1px solid var(--c-border, #e0e0e0);\r\n }\r\n}\r\n\r\n.email-send-preview {\r\n border: 1px solid var(--c-border, #e0e0e0);\r\n border-radius: 4px;\r\n padding: 12px;\r\n max-height: 280px;\r\n overflow-y: auto;\r\n background: var(--c-bg, #fafafa);\r\n\r\n &__subject {\r\n font-weight: 600;\r\n font-size: 13px;\r\n margin-bottom: 8px;\r\n padding-bottom: 8px;\r\n border-bottom: 1px solid var(--c-border, #e0e0e0);\r\n }\r\n\r\n &__body {\r\n font-size: 13px;\r\n line-height: 1.5;\r\n\r\n p { margin: 0 0 8px; }\r\n }\r\n\r\n &__attachments {\r\n margin-top: 8px;\r\n padding-top: 8px;\r\n border-top: 1px solid var(--c-border, #e0e0e0);\r\n font-size: 12px;\r\n color: var(--c-text-muted, #666);\r\n }\r\n}\r\n",".section-header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 12px;\r\n}\r\n\r\n.automation-row {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 8px;\r\n padding: 10px 12px;\r\n background: var(--c-surface, #f8f9fa);\r\n border: 1px solid var(--c-border, #dee2e6);\r\n border-radius: 6px;\r\n\r\n &__fields {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 6px;\r\n }\r\n\r\n &__type {\r\n max-width: 280px;\r\n }\r\n\r\n &__config {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n\r\n .form-control {\r\n min-width: 200px;\r\n max-width: 300px;\r\n }\r\n }\r\n\r\n &__remove {\r\n flex-shrink: 0;\r\n margin-top: 2px;\r\n line-height: 1;\r\n font-size: 16px;\r\n padding: 2px 8px;\r\n }\r\n}\r\n\r\n.checkbox-group {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 4px 16px;\r\n}\r\n\r\n.checkbox-label {\n display: flex;\r\n align-items: center;\r\n gap: 4px;\r\n font-size: 13px;\r\n cursor: pointer;\r\n white-space: nowrap;\r\n\r\n input[type=\"checkbox\"] {\r\n margin: 0;\r\n }\n}\n\n.automation-actions-cell {\n white-space: nowrap;\n}\n\n.automation-inline-form {\n display: inline;\n}\n\n.automation-history-filters {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 8px;\n align-items: end;\n\n .form-field {\n margin: 0;\n }\n\n .field-label {\n font-size: 12px;\n margin-bottom: 4px;\n }\n\n .form-control {\n min-height: 34px;\n }\n\n &__actions {\n display: flex;\n gap: 6px;\n align-items: center;\n justify-content: flex-start;\n padding-bottom: 1px;\n }\n}\n",".print-status-badge {\n display: inline-block;\n padding: 2px 8px;\n border-radius: 3px;\n font-size: 0.75rem;\n font-weight: 600;\n line-height: 1.4;\n\n &--pending {\n background-color: #fff3cd;\n color: #856404;\n }\n\n &--completed {\n background-color: #d4edda;\n color: #155724;\n }\n\n &--failed {\n background-color: #f8d7da;\n color: #721c24;\n }\n}\n\n.print-queue-filters {\n display: flex;\n gap: 4px;\n}\n\n.print-queue-table {\n td, th {\n padding: 6px 8px;\n font-size: 0.85rem;\n }\n}\n\n.print-queue-actions {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n}\n\n.print-queue-delete-form {\n margin: 0;\n}\n\n.btn--outline-primary {\n background: transparent;\n border: 1px solid var(--c-action-primary);\n color: var(--c-action-primary);\n cursor: pointer;\n border-radius: 3px;\n font-size: 0.75rem;\n padding: 3px 8px;\n transition: background-color 0.15s, color 0.15s;\n\n &:hover {\n background-color: var(--c-action-primary);\n color: #fff;\n }\n\n &:disabled {\n opacity: 0.6;\n cursor: not-allowed;\n }\n\n &.is-success {\n border-color: #28a745;\n color: #28a745;\n }\n}\n",".shipment-presets {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n align-items: center;\n margin-top: 16px;\n margin-bottom: 16px;\n}\n\n.shipment-presets__btn {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 6px 14px;\n border: none;\n border-radius: 6px;\n background: var(--preset-color, #3b82f6);\n color: #fff;\n font-size: 13px;\n font-weight: 500;\n cursor: pointer;\n transition: opacity 0.15s;\n line-height: 1.4;\n\n &:hover {\n opacity: 0.85;\n }\n}\n\n.shipment-presets__add {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 6px 14px;\n border: 1px dashed #ccc;\n border-radius: 6px;\n background: transparent;\n color: #666;\n font-size: 13px;\n cursor: pointer;\n transition: border-color 0.15s, color 0.15s;\n line-height: 1.4;\n\n &:hover {\n border-color: #999;\n color: #444;\n }\n}\n\n.preset-modal {\n position: fixed;\n inset: 0;\n background: rgba(0, 0, 0, 0.4);\n z-index: 1000;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.preset-modal__content {\n background: #fff;\n border-radius: 8px;\n padding: 24px;\n min-width: 360px;\n max-width: 420px;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\n\n h3 {\n margin: 0 0 4px;\n font-size: 16px;\n }\n}\n\n.preset-modal__colors {\n display: flex;\n gap: 8px;\n flex-wrap: wrap;\n}\n\n.preset-modal__color-swatch {\n width: 28px;\n height: 28px;\n border-radius: 50%;\n cursor: pointer;\n border: 2px solid transparent;\n transition: border-color 0.15s;\n\n &:hover {\n border-color: #aaa;\n }\n\n &.is-selected {\n border-color: #333;\n }\n}\n\n.shipment-presets__btn-wrap {\n position: relative;\n display: inline-flex;\n\n &:hover .shipment-presets__edit-icon {\n opacity: 1;\n }\n}\n\n.shipment-presets__edit-icon {\n position: absolute;\n top: -6px;\n right: -6px;\n width: 18px;\n height: 18px;\n border-radius: 50%;\n background: #fff;\n border: 1px solid #ddd;\n font-size: 10px;\n line-height: 16px;\n text-align: center;\n cursor: pointer;\n opacity: 0;\n transition: opacity 0.15s;\n padding: 0;\n color: #666;\n z-index: 2;\n\n &:hover {\n background: #f3f4f6;\n border-color: #999;\n }\n}\n\n.shipment-presets__dropdown {\n position: absolute;\n top: 100%;\n left: 0;\n margin-top: 4px;\n background: #fff;\n border: 1px solid #ddd;\n border-radius: 6px;\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n z-index: 100;\n min-width: 200px;\n padding: 4px 0;\n}\n\n.shipment-presets__dropdown-item {\n padding: 6px 14px;\n font-size: 13px;\n cursor: pointer;\n white-space: nowrap;\n\n &:hover {\n background: #f3f4f6;\n }\n\n &.is-danger {\n color: #ef4444;\n\n &:hover {\n background: #fef2f2;\n }\n }\n}\n",".delivery-badge {\n display: inline-block;\n padding: 2px 8px;\n border-radius: 3px;\n font-size: 0.8em;\n font-weight: 500;\n white-space: nowrap;\n\n &--unknown { background: #f5f5f5; color: #999; }\n &--created { background: #e3f2fd; color: #1565c0; }\n &--confirmed { background: #bbdefb; color: #0d47a1; }\n &--in_transit { background: #fff3e0; color: #e65100; }\n &--out_for_delivery { background: #ffe0b2; color: #bf360c; }\n &--ready_for_pickup { background: #f3e5f5; color: #6a1b9a; }\n &--delivered { background: #e8f5e9; color: #2e7d32; }\n &--returned { background: #ffebee; color: #c62828; }\n &--cancelled { background: #e0e0e0; color: #616161; }\n &--problem { background: #fff8e1; color: #f57f17; }\n}\n\n.tracking-link {\n margin-left: 4px;\n text-decoration: none;\n font-size: 0.85em;\n}\n",".dsm-row--custom {\n background: rgba(59, 130, 246, 0.06);\n}\n\n.dsm-raw-status {\n font-size: 0.82rem;\n background: var(--surface-alt, #f1f5f9);\n padding: 2px 6px;\n border-radius: 3px;\n white-space: nowrap;\n}\n","@use \"shared/ui-components\";\r\n@use \"modules/email-send\";\r\n@use \"modules/automation\";\r\n@use \"modules/printing\";\r\n@use \"modules/shipment-presets\";\r\n@use \"modules/delivery-status\";\r\n@use \"modules/delivery-status-mappings\";\r\n\r\n* {\r\n box-sizing: border-box;\r\n}\r\n\r\nhtml,\r\nbody {\r\n min-height: 100%;\r\n}\r\n\r\nbody {\r\n margin: 0;\r\n font-family: \"Roboto\", \"Segoe UI\", sans-serif;\r\n font-size: 13px;\r\n color: var(--c-text);\r\n background: var(--c-bg);\r\n}\r\n\r\na {\r\n color: var(--c-primary);\r\n}\r\n\r\n.app-shell {\r\n min-height: 100vh;\r\n display: flex;\r\n}\r\n\r\n.sidebar {\r\n width: 260px;\r\n min-width: 260px;\r\n flex-shrink: 0;\r\n overflow: hidden;\r\n transition: width 0.22s ease, min-width 0.22s ease;\r\n border-right: 1px solid #243041;\r\n background: #111a28;\r\n padding: 18px 10px;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n.sidebar.is-collapsed {\r\n width: 52px;\r\n min-width: 52px;\r\n padding: 18px 0;\r\n\r\n .sidebar__brand-text {\r\n display: none;\r\n }\r\n\r\n .sidebar__brand {\r\n justify-content: center;\r\n margin: 4px 0 16px;\r\n }\r\n\r\n .sidebar__label {\r\n display: none;\r\n }\r\n\r\n .sidebar__toggle-arrow {\r\n display: none;\r\n }\r\n\r\n .sidebar__link,\r\n .sidebar__group-toggle {\r\n justify-content: center;\r\n padding: 9px;\r\n border-radius: 8px;\r\n margin: 0 6px;\r\n }\r\n\r\n .sidebar__group-links {\r\n display: none;\r\n }\r\n\r\n .sidebar__icon {\r\n margin: 0;\r\n }\r\n}\r\n\r\n.sidebar__brand {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n margin: 4px 4px 16px;\r\n gap: 6px;\r\n min-width: 0;\r\n}\r\n\r\n.sidebar__brand-text {\r\n color: #e9f0ff;\r\n font-size: 24px;\r\n font-weight: 300;\r\n letter-spacing: -0.02em;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n flex: 1;\r\n min-width: 0;\r\n\r\n strong {\r\n font-weight: 700;\r\n }\r\n}\r\n\r\n.sidebar__collapse-btn {\r\n flex-shrink: 0;\r\n width: 28px;\r\n height: 28px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: transparent;\r\n border: 1px solid #2a3a54;\r\n border-radius: 6px;\r\n color: #64748b;\r\n cursor: pointer;\r\n padding: 0;\r\n transition: background 0.15s, color 0.15s;\r\n\r\n &:hover {\r\n background: #1b2a3f;\r\n color: #cbd5e1;\r\n }\r\n}\r\n\r\n.sidebar__collapse-icon {\r\n display: block;\r\n transition: transform 0.22s ease;\r\n flex-shrink: 0;\r\n}\r\n\r\n.sidebar.is-collapsed .sidebar__collapse-icon {\r\n transform: rotate(180deg);\r\n}\r\n\r\n.sidebar__nav {\r\n display: grid;\r\n gap: 4px;\r\n}\r\n\r\n.sidebar__link {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n white-space: nowrap;\r\n border-radius: 8px;\r\n padding: 9px 10px;\r\n text-decoration: none;\r\n color: #cbd5e1;\r\n font-weight: 600;\r\n}\r\n\r\n.sidebar__link:hover {\r\n color: #f8fafc;\r\n background: #1b2a3f;\r\n}\r\n\r\n.sidebar__link.is-active {\r\n color: #ffffff;\r\n background: #2e4f93;\r\n}\r\n\r\n.sidebar__group {\r\n display: grid;\r\n gap: 2px;\r\n}\r\n\r\n.sidebar__group-toggle {\r\n list-style: none;\r\n border-radius: 8px;\r\n padding: 9px 10px;\r\n color: #cbd5e1;\r\n font-weight: 600;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n white-space: nowrap;\r\n user-select: none;\r\n}\r\n\r\n.sidebar__group-toggle::-webkit-details-marker {\r\n display: none;\r\n}\r\n\r\n.sidebar__group:hover .sidebar__group-toggle,\r\n.sidebar__group-toggle:hover {\r\n color: #f8fafc;\r\n background: #1b2a3f;\r\n}\r\n\r\n.sidebar__group.is-active .sidebar__group-toggle {\r\n color: #ffffff;\r\n background: #2e4f93;\r\n}\r\n\r\n.sidebar__icon {\r\n flex-shrink: 0;\r\n width: 18px;\r\n height: 18px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n opacity: 0.85;\r\n}\r\n\r\n.sidebar__label {\r\n flex: 1;\r\n min-width: 0;\r\n overflow: hidden;\r\n}\r\n\r\n.sidebar__toggle-arrow {\r\n flex-shrink: 0;\r\n margin-left: auto;\r\n opacity: 0.5;\r\n transition: transform 0.18s ease;\r\n}\r\n\r\ndetails[open] > .sidebar__group-toggle .sidebar__toggle-arrow {\r\n transform: rotate(180deg);\r\n}\r\n\r\n.sidebar__group-links {\r\n display: grid;\r\n gap: 2px;\r\n padding-left: 12px;\r\n overflow: hidden;\r\n}\r\n\r\n.sidebar__sublink {\r\n border-radius: 6px;\r\n padding: 7px 10px 7px 8px;\r\n text-decoration: none;\r\n color: #94a3b8;\r\n font-size: 12.5px;\r\n font-weight: 500;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n white-space: nowrap;\r\n\r\n &::before {\r\n content: '';\r\n flex-shrink: 0;\r\n width: 5px;\r\n height: 5px;\r\n border-radius: 50%;\r\n background: rgba(148, 163, 184, 0.3);\r\n transition: background 0.15s;\r\n }\r\n\r\n &:hover {\r\n color: #e2e8f0;\r\n background: #1b2a3f;\r\n\r\n &::before {\r\n background: rgba(148, 163, 184, 0.65);\r\n }\r\n }\r\n\r\n &.is-active {\r\n color: #ffffff;\r\n background: rgba(46, 79, 147, 0.55);\r\n\r\n &::before {\r\n background: #93c5fd;\r\n }\r\n }\r\n}\r\n\r\n.app-main {\r\n flex: 1;\r\n min-width: 0;\r\n}\r\n\r\n.topbar {\r\n height: 50px;\r\n border-bottom: 1px solid var(--c-border);\r\n background: var(--c-surface);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 0 20px;\r\n position: sticky;\r\n top: 0;\r\n z-index: 100;\r\n}\r\n\r\n.brand {\r\n font-size: 22px;\r\n font-weight: 300;\r\n letter-spacing: -0.02em;\r\n color: var(--c-text-strong);\r\n}\r\n\r\n.brand strong {\r\n font-weight: 700;\r\n}\r\n\r\n.container {\r\n max-width: none;\r\n width: calc(100% - 20px);\r\n margin: 12px 10px;\r\n padding: 0 4px 14px;\r\n}\r\n\r\n.card {\r\n background: var(--c-surface);\r\n border-radius: 10px;\r\n box-shadow: var(--shadow-card);\r\n padding: 14px;\r\n}\r\n\r\n.card h1 {\r\n margin: 0 0 10px;\r\n color: var(--c-text-strong);\r\n font-size: 24px;\r\n font-weight: 700;\r\n}\r\n\r\n.muted {\r\n color: var(--c-muted);\r\n}\r\n\r\n.accent {\r\n color: var(--c-primary);\r\n font-weight: 600;\r\n}\r\n\r\n.users-form {\r\n display: grid;\r\n gap: 14px;\r\n max-width: 460px;\r\n}\r\n\r\n.form-field {\r\n margin-bottom: 12px;\r\n}\r\n\r\n.section-title {\r\n margin: 0;\r\n color: var(--c-text-strong);\r\n font-size: 18px;\r\n font-weight: 700;\r\n}\r\n\r\nh2.section-title,\r\nh3.section-title,\r\nh4.section-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-weight: 600;\r\n padding: 6px 0;\r\n margin-bottom: 8px;\r\n border-bottom: 1px solid #e2e8f0;\r\n color: var(--c-primary, #2563eb);\r\n\r\n &::before {\r\n content: '\\25A0';\r\n font-size: 0.55em;\r\n opacity: 0.5;\r\n }\r\n}\r\n\r\nh3.section-title,\r\nh4.section-title {\r\n font-size: 15px;\r\n\r\n &::before {\r\n content: '\\25C6';\r\n font-size: 0.5em;\r\n }\r\n}\r\n\r\n.mt-0 {\r\n margin-top: 0;\r\n}\r\n\r\n.mt-4 {\r\n margin-top: 4px;\r\n}\r\n\r\n.mt-12 {\r\n margin-top: 8px;\r\n}\r\n\r\n.mt-16 {\r\n margin-top: 12px;\r\n}\r\n\r\n.settings-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.settings-nav {\r\n display: flex;\r\n gap: 8px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.settings-nav__link {\r\n text-decoration: none;\r\n border: 1px solid var(--c-border);\r\n border-radius: 8px;\r\n padding: 8px 12px;\r\n color: var(--c-text-strong);\r\n font-weight: 600;\r\n}\r\n\r\n.settings-nav__link:hover {\r\n background: #f8fafc;\r\n}\r\n\r\n.settings-nav__link.is-active {\r\n border-color: var(--c-primary);\r\n color: var(--c-primary);\r\n background: #edf2ff;\r\n}\r\n\r\n.settings-stat {\r\n border: 1px solid var(--c-border);\r\n border-radius: 8px;\r\n padding: 12px;\r\n background: #f8fafc;\r\n}\r\n\r\n.settings-stat__label {\r\n display: block;\r\n color: var(--c-muted);\r\n font-size: 12px;\r\n margin-bottom: 4px;\r\n}\r\n\r\n.settings-stat__value {\r\n color: var(--c-text-strong);\r\n font-size: 20px;\r\n}\r\n\r\n.settings-logs {\r\n margin: 0;\r\n padding: 12px;\r\n border-radius: 8px;\r\n border: 1px solid var(--c-border);\r\n background: #0b1220;\r\n color: #d1d5db;\r\n font-size: 12px;\r\n line-height: 1.5;\r\n overflow: auto;\r\n}\r\n\r\n.settings-allegro-callback {\r\n display: block;\r\n width: 100%;\r\n padding: 8px 10px;\r\n border: 1px solid var(--c-border);\r\n border-radius: 8px;\r\n background: #f8fafc;\r\n color: var(--c-text-strong);\r\n font-size: 12px;\r\n line-height: 1.45;\r\n word-break: break-all;\r\n}\r\n\r\n.page-head {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 12px;\r\n}\r\n\r\n.filters-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.filters-actions {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n\r\n.product-form .form-control {\r\n width: 100%;\r\n}\r\n\r\n.form-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.form-grid-2 {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 12px;\r\n align-items: start;\r\n}\r\n\r\n.form-grid-3 {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 12px;\r\n align-items: start;\r\n}\r\n\r\n.form-grid-4 {\r\n display: grid;\r\n grid-template-columns: repeat(4, minmax(0, 1fr));\r\n gap: 12px;\r\n align-items: start;\r\n}\r\n\r\n.form-actions {\r\n display: flex;\r\n gap: 8px;\r\n flex-wrap: wrap;\r\n align-items: flex-start;\r\n}\r\n\r\n.form-actions .btn {\r\n align-self: flex-start;\r\n}\r\n\r\n.statuses-form {\r\n display: grid;\r\n gap: 8px;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n}\r\n\r\n.statuses-form .form-actions {\r\n grid-column: 1 / -1;\r\n}\r\n\r\n.statuses-color-input {\r\n min-height: 32px;\r\n padding: 2px;\r\n}\r\n\r\n.statuses-hint {\r\n grid-column: 1 / -1;\r\n margin: 0;\r\n}\r\n\r\n.statuses-group-block {\r\n border: 1px solid var(--c-border);\r\n border-radius: 10px;\r\n padding: 8px;\r\n background: #fbfdff;\r\n}\r\n\r\n.statuses-group-block__head {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 6px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.statuses-group-block__title {\r\n margin: 0;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n color: var(--c-text-strong);\r\n font-size: 14px;\r\n}\r\n\r\n.statuses-color-dot {\r\n width: 12px;\r\n height: 12px;\r\n border-radius: 999px;\r\n border: 1px solid rgba(15, 23, 42, 0.15);\r\n}\r\n\r\n.statuses-dnd-list {\r\n margin: 6px 0 0;\r\n padding: 0;\r\n list-style: none;\r\n display: grid;\r\n gap: 6px;\r\n}\r\n\r\n.statuses-dnd-item {\r\n display: grid;\r\n grid-template-columns: 24px 1fr;\r\n gap: 6px;\r\n border: 1px solid #dce4f0;\r\n border-radius: 8px;\r\n background: #fff;\r\n padding: 6px;\r\n}\r\n\r\n.statuses-dnd-item__content {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n min-width: 0;\r\n}\r\n\r\n.statuses-dnd-item.is-dragging {\r\n opacity: 0.6;\r\n}\r\n\r\n.statuses-dnd-item__drag {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n border: 1px dashed #cbd5e1;\r\n border-radius: 6px;\r\n color: #64748b;\r\n cursor: grab;\r\n user-select: none;\r\n font-weight: 700;\r\n font-size: 12px;\r\n}\r\n\r\n.statuses-dnd-item__drag:active {\r\n cursor: grabbing;\r\n}\r\n\r\n.statuses-inline-form {\r\n display: grid;\r\n gap: 6px;\r\n}\r\n\r\n.statuses-inline-form--row {\r\n grid-template-columns: minmax(180px, 1.4fr) minmax(150px, 1fr) auto auto auto;\r\n align-items: center;\r\n flex: 1 1 auto;\r\n min-width: 0;\r\n}\r\n\r\n.statuses-inline-form--row-group {\r\n grid-template-columns: minmax(180px, 1.5fr) 56px auto auto auto;\r\n align-items: center;\r\n flex: 1 1 auto;\r\n min-width: 0;\r\n}\r\n\r\n.statuses-inline-form--row .form-control,\r\n.statuses-inline-form--row-group .form-control {\r\n min-height: 30px;\r\n padding: 4px 8px;\r\n}\r\n\r\n.statuses-inline-form--row .btn,\r\n.statuses-inline-form--row-group .btn,\r\n.statuses-inline-delete .btn {\r\n min-height: 30px;\r\n padding: 4px 10px;\r\n font-size: 12px;\r\n}\r\n\r\n.statuses-inline-check {\r\n margin-top: 0;\r\n white-space: nowrap;\r\n font-size: 12px;\r\n}\r\n\r\n.statuses-inline-delete {\r\n margin: 0;\r\n flex: 0 0 auto;\r\n}\r\n\r\n.statuses-code-label {\r\n font-size: 12px;\r\n color: var(--c-muted);\r\n}\r\n\r\n.statuses-code-readonly {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n white-space: nowrap;\r\n font-size: 12px;\r\n}\r\n\r\n.statuses-code-readonly code {\r\n background: #eef2f7;\r\n border-radius: 6px;\r\n padding: 1px 6px;\r\n color: #1f2937;\r\n font-size: 12px;\r\n}\r\n\r\n.field-inline {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-top: 2px;\r\n}\r\n\r\n.modal-backdrop {\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(15, 23, 42, 0.5);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 16px;\r\n z-index: 200;\r\n}\r\n\r\n.modal-backdrop[hidden] {\r\n display: none;\r\n}\r\n\r\n.modal {\r\n width: min(560px, 100%);\r\n background: #fff;\r\n border-radius: 10px;\r\n box-shadow: 0 20px 40px rgba(15, 23, 42, 0.35);\r\n overflow: hidden;\r\n}\r\n\r\n.modal__header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 10px;\r\n padding: 16px 18px;\r\n border-bottom: 1px solid var(--c-border);\r\n}\r\n\r\n.modal__header h3 {\r\n margin: 0;\r\n font-size: 18px;\r\n color: var(--c-text-strong);\r\n}\r\n\r\n.modal__body {\r\n padding: 16px 18px 18px;\r\n}\r\n\r\n.status-pill {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n border: 1px solid #fed7d7;\r\n background: #fff5f5;\r\n color: #9b2c2c;\r\n padding: 2px 8px;\r\n border-radius: 999px;\r\n font-size: 12px;\r\n font-weight: 600;\r\n}\r\n\r\n.status-pill.is-active {\r\n border-color: #b7ebcf;\r\n background: #f0fff6;\r\n color: #0f6b39;\r\n}\r\n\r\n.table-row-actions {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.table-row-actions form {\r\n margin: 0;\r\n}\r\n\r\n.table-list {\r\n display: grid;\r\n gap: 14px;\r\n}\r\n\r\n.table-list__header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n gap: 12px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.table-list__left {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.table-list-header-actions {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.js-filter-toggle-btn.is-active {\r\n border-color: #cbd5e0;\r\n background: #edf2ff;\r\n color: var(--c-primary-dark);\r\n}\r\n\r\n.table-filter-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-width: 18px;\r\n height: 18px;\r\n padding: 0 5px;\r\n font-size: 11px;\r\n font-weight: 700;\r\n color: #fff;\r\n background: var(--c-primary);\r\n border-radius: 999px;\r\n}\r\n\r\n.table-filters-wrapper {\r\n display: none;\r\n}\r\n\r\n.table-filters-wrapper.is-open {\r\n display: block;\r\n}\r\n\r\n.table-list-filters {\r\n display: grid;\r\n gap: 12px;\r\n grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));\r\n align-items: end;\r\n}\r\n\r\n.table-col-toggle-wrapper {\r\n position: relative;\r\n}\r\n\r\n.table-col-toggle-dropdown {\r\n display: none;\r\n position: absolute;\r\n right: 0;\r\n top: calc(100% + 6px);\r\n z-index: 30;\r\n width: 260px;\r\n max-height: 360px;\r\n overflow: auto;\r\n border: 1px solid var(--c-border);\r\n border-radius: 10px;\r\n background: #fff;\r\n box-shadow: 0 10px 25px rgba(15, 23, 42, 0.12);\r\n}\r\n\r\n.table-col-toggle-dropdown.is-open {\r\n display: block;\r\n}\r\n\r\n.table-col-toggle-header {\r\n padding: 10px 12px;\r\n border-bottom: 1px solid var(--c-border);\r\n font-size: 12px;\r\n font-weight: 700;\r\n color: var(--c-muted);\r\n}\r\n\r\n.table-col-toggle-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 8px 12px;\r\n font-size: 13px;\r\n color: var(--c-text-strong);\r\n}\r\n\r\n.table-col-toggle-item:hover {\r\n background: #f8fafc;\r\n}\r\n\r\n.table-col-toggle-footer {\r\n border-top: 1px solid var(--c-border);\r\n padding: 8px 12px;\r\n}\r\n\r\n.table-col-hidden {\r\n display: none;\r\n}\r\n\r\n.table-col-switch {\r\n position: relative;\r\n display: inline-block;\r\n width: 34px;\r\n min-width: 34px;\r\n height: 18px;\r\n}\r\n\r\n.table-col-switch input {\r\n opacity: 0;\r\n width: 0;\r\n height: 0;\r\n position: absolute;\r\n}\r\n\r\n.table-col-switch-slider {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: #cbd5e1;\r\n border-radius: 999px;\r\n transition: background-color 0.2s ease;\r\n}\r\n\r\n.table-col-switch-slider::before {\r\n content: \"\";\r\n position: absolute;\r\n height: 14px;\r\n width: 14px;\r\n left: 2px;\r\n bottom: 2px;\r\n background: #fff;\r\n border-radius: 50%;\r\n transition: transform 0.2s ease;\r\n}\r\n\r\n.table-col-switch input:checked + .table-col-switch-slider {\r\n background: #16a34a;\r\n}\r\n\r\n.table-col-switch input:checked + .table-col-switch-slider::before {\r\n transform: translateX(16px);\r\n}\r\n\r\n.table-sort-link {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n color: var(--c-text-strong);\r\n text-decoration: none;\r\n}\r\n\r\n.table-sort-link:hover {\r\n color: var(--c-primary-dark);\r\n}\r\n\r\n.table-sort-icon.is-muted {\r\n color: #a0aec0;\r\n}\r\n\r\n.table-list__footer {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 10px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.table-list-per-page-form {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n\r\n.table-list-per-page-form .form-control {\r\n min-width: 90px;\r\n}\r\n\r\n.table-select-col {\r\n width: 44px;\r\n text-align: center;\r\n}\r\n\r\n.table-select-toggle {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.table-select-toggle input[type=\"checkbox\"] {\r\n width: 16px;\r\n height: 16px;\r\n}\r\n\r\n.orders-page {\r\n .orders-head {\r\n background: linear-gradient(120deg, #f8fbff 0%, #eef5ff 100%);\r\n border: 1px solid #dbe7fb;\r\n }\r\n\r\n .table-list {\r\n border: 1px solid #dde5f2;\r\n border-radius: 12px;\r\n box-shadow: 0 6px 16px rgba(20, 44, 86, 0.08);\r\n }\r\n\r\n .table-list__header {\r\n padding: 10px 6px 2px;\r\n }\r\n\r\n .table-list-filters {\r\n padding: 6px 6px 2px;\r\n border-top: 1px solid #ebf0f7;\r\n border-bottom: 1px solid #ebf0f7;\r\n background: #f9fbff;\r\n }\r\n\r\n .table-wrap {\r\n border-radius: 10px;\r\n overflow: hidden;\r\n border: 1px solid #e7edf6;\r\n }\r\n\r\n .table thead th {\r\n background: #f3f7fd;\r\n color: #30435f;\r\n font-size: 12px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.03em;\r\n }\r\n\r\n .table tbody td {\r\n vertical-align: middle;\r\n padding-top: 10px;\r\n padding-bottom: 10px;\r\n border-bottom-color: #edf2f8;\r\n }\r\n\r\n .table tbody tr:hover td {\r\n background: #f9fcff;\r\n }\r\n}\r\n\r\n.orders-list-page {\r\n padding: 10px;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.orders-head {\r\n display: flex;\r\n align-items: flex-start;\r\n justify-content: space-between;\r\n gap: 12px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.orders-stats {\r\n display: inline-grid;\r\n grid-template-columns: repeat(3, minmax(86px, auto));\r\n gap: 8px;\r\n}\r\n\r\n.orders-stat {\r\n border: 1px solid #d8e2f0;\r\n background: #f8fbff;\r\n border-radius: 8px;\r\n padding: 6px 8px;\r\n line-height: 1.15;\r\n\r\n &__label {\r\n display: block;\r\n color: #5f6f83;\r\n font-size: 11px;\r\n margin-bottom: 2px;\r\n }\r\n\r\n &__value {\r\n color: #12233a;\r\n font-size: 16px;\r\n font-weight: 700;\r\n }\r\n}\r\n\r\n.orders-ref {\r\n display: grid;\r\n gap: 2px;\r\n min-width: 170px;\r\n\r\n &__main {\r\n font-weight: 700;\r\n color: #0f1f35;\r\n font-size: 14px;\r\n }\r\n\r\n &__meta {\r\n display: inline-flex;\r\n flex-wrap: wrap;\r\n gap: 4px 10px;\r\n color: #64748b;\r\n font-size: 12px;\r\n }\r\n}\r\n\r\n.orders-buyer {\r\n display: grid;\r\n gap: 2px;\r\n\r\n &__name {\r\n color: #0f172a;\r\n font-weight: 600;\r\n font-size: 14px;\r\n }\r\n\r\n &__meta {\r\n display: inline-flex;\r\n flex-wrap: wrap;\r\n gap: 4px 10px;\r\n color: #64748b;\r\n font-size: 12px;\r\n }\r\n}\r\n\r\n.orders-status-wrap {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 5px;\r\n flex-wrap: wrap;\r\n cursor: pointer;\r\n\r\n .order-tag {\r\n cursor: pointer;\r\n }\r\n}\r\n\r\n.orders-status-dropdown {\r\n position: fixed;\r\n z-index: 9999;\r\n min-width: 180px;\r\n max-height: 280px;\r\n overflow-y: auto;\r\n background: #fff;\r\n border: 1px solid #d8e1ef;\r\n border-radius: 6px;\r\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\r\n padding: 4px 0;\r\n\r\n &__group-header {\r\n padding: 6px 12px 2px;\r\n font-size: 10px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n color: #94a3b8;\r\n\r\n &:not(:first-child) {\r\n border-top: 1px solid #f1f5f9;\r\n margin-top: 2px;\r\n padding-top: 8px;\r\n }\r\n }\r\n\r\n &__item {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 5px 12px;\r\n font-size: 13px;\r\n color: #334155;\r\n cursor: pointer;\r\n white-space: nowrap;\r\n\r\n &:hover {\r\n background: #f1f5f9;\r\n }\r\n\r\n &.is-current {\r\n font-weight: 700;\r\n background: #f8fafc;\r\n }\r\n }\r\n\r\n &__color-dot {\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 50%;\r\n flex-shrink: 0;\r\n }\r\n}\r\n\r\n.order-tag {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n border: 1px solid #d8e1ef;\r\n background: #f8fafc;\r\n color: #334155;\r\n border-radius: 999px;\r\n padding: 2px 8px;\r\n font-size: 12px;\r\n font-weight: 700;\r\n line-height: 1.1;\r\n white-space: nowrap;\r\n\r\n &.is-info {\r\n border-color: #bfdbfe;\r\n background: #eff6ff;\r\n color: #1d4ed8;\r\n }\r\n\r\n &.is-success {\r\n border-color: #bbf7d0;\r\n background: #f0fdf4;\r\n color: #166534;\r\n }\r\n\r\n &.is-danger {\r\n border-color: #fecaca;\r\n background: #fef2f2;\r\n color: #b91c1c;\r\n }\r\n\r\n &.is-warn {\r\n border-color: #fde68a;\r\n background: #fffbeb;\r\n color: #92400e;\r\n }\r\n\r\n &.is-cod {\r\n border-color: #f9a8d4;\r\n background: #fdf2f8;\r\n color: #9d174d;\r\n }\r\n\r\n &.is-unpaid {\r\n border-color: #fca5a5;\r\n background: #fef2f2;\r\n color: #b91c1c;\r\n }\r\n}\r\n\r\n.orders-mini {\r\n font-size: 14px;\r\n color: #223247;\r\n line-height: 1.25;\r\n\r\n &__delivery {\r\n font-size: 12px;\r\n color: #64748b;\r\n margin-bottom: 2px;\r\n max-width: 160px;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n }\r\n}\r\n\r\n.orders-products {\r\n display: grid;\r\n gap: 4px;\r\n min-width: 240px;\r\n\r\n &__meta,\r\n &__more {\r\n font-size: 12px;\r\n color: #64748b;\r\n }\r\n}\r\n\r\n.orders-product {\r\n display: grid;\r\n grid-template-columns: 48px 1fr;\r\n gap: 6px;\r\n align-items: center;\r\n\r\n &__thumb {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 4px;\r\n border: 1px solid #dbe3ef;\r\n object-fit: cover;\r\n background: #fff;\r\n }\r\n\r\n &__thumb--empty {\r\n display: inline-block;\r\n background: #eef2f7;\r\n border-style: dashed;\r\n }\r\n\r\n &__txt {\r\n min-width: 0;\r\n display: grid;\r\n gap: 1px;\r\n }\r\n\r\n &__name {\r\n font-size: 14px;\r\n color: #0f172a;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n }\r\n\r\n &__qty {\r\n font-size: 12px;\r\n color: #64748b;\r\n }\r\n}\r\n\r\n.orders-image-hover-wrap {\r\n position: relative;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: zoom-in;\r\n}\r\n\r\n.orders-image-hover-popup {\r\n display: none;\r\n position: fixed;\r\n left: auto;\r\n top: auto;\r\n width: 350px;\r\n max-height: 350px;\r\n object-fit: contain;\r\n border-radius: 8px;\r\n background: #fff;\r\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);\r\n border: 1px solid #dfe3ea;\r\n z-index: 100;\r\n pointer-events: none;\r\n}\r\n\r\n.orders-image-hover-wrap:hover .orders-image-hover-popup {\r\n display: block;\r\n}\r\n\r\n.activity-type-badge {\r\n display: inline-block;\r\n padding: 2px 8px;\r\n border-radius: 4px;\r\n font-size: 12px;\r\n font-weight: 500;\r\n white-space: nowrap;\r\n background: #e2e8f0;\r\n color: #334155;\r\n\r\n &--status_change { background: #dbeafe; color: #1e40af; }\r\n &--payment { background: #dcfce7; color: #166534; }\r\n &--invoice { background: #fef3c7; color: #92400e; }\r\n &--shipment { background: #e0e7ff; color: #3730a3; }\r\n &--message { background: #f3e8ff; color: #6b21a8; }\r\n &--document { background: #fce7f3; color: #9d174d; }\r\n &--import { background: #f1f5f9; color: #475569; }\r\n &--note { background: #ecfdf5; color: #065f46; }\r\n}\r\n\r\n.text-nowrap {\r\n white-space: nowrap;\r\n}\r\n\r\n.orders-money {\r\n display: grid;\r\n gap: 2px;\r\n\r\n &__main {\r\n color: #0f172a;\r\n font-weight: 700;\r\n font-size: 14px;\r\n }\r\n\r\n &__meta {\r\n color: #64748b;\r\n font-size: 12px;\r\n }\r\n}\r\n\r\n.table-list[data-table-list-id=\"orders\"] {\r\n gap: 8px;\r\n\r\n .table-list__header {\r\n padding: 2px 0 0;\r\n }\r\n\r\n .table-list-filters {\r\n gap: 8px;\r\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\r\n }\r\n\r\n .table th,\r\n .table td {\r\n padding: 6px 8px;\r\n }\r\n\r\n .table thead th {\r\n font-size: 12px;\r\n text-transform: uppercase;\r\n letter-spacing: 0.02em;\r\n white-space: nowrap;\r\n }\r\n\r\n .table tbody td {\r\n vertical-align: top;\r\n font-size: 14px;\r\n line-height: 1.25;\r\n }\r\n}\r\n\r\n.order-show-layout {\r\n display: grid;\r\n grid-template-columns: 220px minmax(0, 1fr);\r\n gap: 12px;\r\n align-items: start;\r\n}\r\n\r\n.order-statuses-side {\r\n position: sticky;\r\n top: 60px;\r\n padding: 10px;\r\n\r\n &__title {\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: #0f172a;\r\n margin-bottom: 8px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n list-style: none;\r\n\r\n &::-webkit-details-marker {\r\n display: none;\r\n }\r\n }\r\n\r\n &__arrow {\r\n display: none;\r\n flex-shrink: 0;\r\n opacity: 0.5;\r\n transition: transform 0.2s ease;\r\n }\r\n\r\n &__body {\r\n // default flow\r\n }\r\n}\r\n\r\ndetails[open] > .order-statuses-side__title .order-statuses-side__arrow {\r\n transform: rotate(180deg);\r\n}\r\n\r\n.order-status-group {\r\n margin-bottom: 10px;\r\n\r\n &__name {\r\n font-size: 12px;\r\n color: #475569;\r\n font-weight: 700;\r\n margin-bottom: 5px;\r\n }\r\n}\r\n\r\n.order-status-row {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 8px;\r\n padding: 4px 6px;\r\n border-radius: 6px;\r\n color: #334155;\r\n font-size: 12px;\r\n text-decoration: none;\r\n\r\n &__count {\r\n min-width: 24px;\r\n text-align: center;\r\n border-radius: 999px;\r\n background: var(--status-color, #64748b);\r\n padding: 1px 6px;\r\n font-weight: 700;\r\n font-size: 11px;\r\n color: #ffffff;\r\n }\r\n}\r\n\r\n.order-status-row:hover {\r\n background: #f1f5f9;\r\n}\r\n\r\n.order-status-row.is-active {\r\n background: rgba(15, 23, 42, 0.06);\r\n color: #0f172a;\r\n font-weight: 700;\r\n}\r\n\r\n.order-show-main {\r\n min-width: 0;\r\n}\r\n\r\n.order-details-actions {\r\n display: inline-flex;\r\n flex-wrap: wrap;\r\n justify-content: flex-end;\r\n gap: 6px;\r\n}\r\n\r\n.order-details-page {\r\n padding: 12px;\r\n}\r\n\r\n.order-details-head {\r\n display: flex;\r\n align-items: flex-start;\r\n justify-content: space-between;\r\n gap: 12px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.order-back-link {\r\n color: #475569;\r\n text-decoration: none;\r\n font-weight: 600;\r\n}\r\n\r\n.order-back-link:hover {\r\n color: #1d4ed8;\r\n}\r\n\r\n.order-details-sub {\r\n display: inline-flex;\r\n gap: 10px;\r\n flex-wrap: wrap;\r\n color: #64748b;\r\n font-size: 12px;\r\n}\r\n\r\n.order-details-pill {\r\n border-radius: 999px;\r\n padding: 5px 10px;\r\n background: #eef6ff;\r\n border: 1px solid #cfe2ff;\r\n color: #1d4ed8;\r\n font-size: 12px;\r\n font-weight: 700;\r\n}\r\n\r\n.order-status-change {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.order-status-change__form {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n}\r\n\r\n.order-status-change__select {\r\n min-width: 180px;\r\n}\r\n\r\n.order-details-tabs {\r\n display: flex;\r\n gap: 6px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.order-details-tab {\r\n border: 1px solid #d6deea;\r\n border-radius: 8px;\r\n padding: 5px 10px;\r\n color: #475569;\r\n font-size: 12px;\r\n background: #f8fafc;\r\n cursor: pointer;\r\n}\r\n\r\n.order-details-tab.is-active {\r\n border-color: #bfdbfe;\r\n color: #1d4ed8;\r\n background: #eff6ff;\r\n font-weight: 700;\r\n}\r\n\r\n.order-item-cell {\r\n display: grid;\r\n grid-template-columns: 44px 1fr;\r\n gap: 8px;\r\n align-items: center;\r\n min-width: 260px;\r\n}\r\n\r\n.order-item-thumb {\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 6px;\r\n border: 1px solid #dbe3ef;\r\n object-fit: cover;\r\n}\r\n\r\n.order-item-thumb--empty {\r\n display: inline-block;\r\n background: #eef2f7;\r\n border-style: dashed;\r\n}\r\n\r\n.order-item-name {\r\n font-weight: 600;\r\n color: #0f172a;\r\n}\r\n\r\n.item-personalization {\r\n margin-top: 4px;\r\n padding: 4px 8px;\r\n background: #f8fafc;\r\n border-left: 2px solid #cbd5e1;\r\n border-radius: 2px;\r\n font-size: 0.92em;\r\n color: #475569;\r\n line-height: 1.4;\r\n\r\n &__label {\r\n font-weight: 600;\r\n color: #64748b;\r\n display: block;\r\n margin-bottom: 2px;\r\n }\r\n\r\n &__line {\r\n white-space: pre-wrap;\r\n word-break: break-word;\r\n }\r\n}\r\n\r\n.order-grid-2 {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.order-grid-3 {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.order-kv {\r\n margin: 0;\r\n display: grid;\r\n grid-template-columns: 150px 1fr;\r\n gap: 6px 10px;\r\n font-size: 12px;\r\n}\r\n\r\n.payment-summary {\r\n display: grid;\r\n gap: 6px;\r\n max-width: 420px;\r\n}\r\n\r\n.payment-summary__row {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 12px;\r\n}\r\n\r\n.payment-summary__label {\r\n width: 150px;\r\n flex-shrink: 0;\r\n color: #64748b;\r\n}\r\n\r\n.payment-summary__value {\r\n font-weight: 600;\r\n color: #0f172a;\r\n}\r\n\r\n.payment-add-form {\r\n background: #f8fafc;\r\n border: 1px solid #e2e8f0;\r\n border-radius: 6px;\r\n padding: 12px;\r\n max-width: 700px;\r\n}\r\n\r\n.payment-add-form__row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n}\r\n\r\n.payment-add-form__field {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 3px;\r\n flex: 1 1 140px;\r\n min-width: 120px;\r\n\r\n label {\r\n font-size: 11px;\r\n color: #64748b;\r\n font-weight: 500;\r\n }\r\n\r\n input, select {\r\n font-size: 12px;\r\n padding: 4px 8px;\r\n border: 1px solid #cbd5e1;\r\n border-radius: 4px;\r\n height: 30px;\r\n }\r\n}\r\n\r\n.payment-add-form__actions {\r\n display: flex;\r\n gap: 8px;\r\n margin-top: 12px;\r\n}\r\n\r\n.order-kv dt {\r\n color: #64748b;\r\n}\r\n\r\n.order-kv dd {\r\n margin: 0;\r\n color: #0f172a;\r\n font-weight: 600;\r\n}\r\n\r\n.order-address {\r\n display: grid;\r\n gap: 3px;\r\n font-size: 12px;\r\n color: #0f172a;\r\n}\r\n\r\n.order-events {\r\n display: grid;\r\n gap: 8px;\r\n}\r\n\r\n.order-event {\r\n border: 1px solid #e2e8f0;\r\n border-radius: 8px;\r\n padding: 8px;\r\n background: #fbfdff;\r\n}\r\n\r\n.order-event__head {\r\n color: #64748b;\r\n font-size: 11px;\r\n}\r\n\r\n.order-event__body {\r\n margin-top: 4px;\r\n color: #0f172a;\r\n font-size: 12px;\r\n}\r\n\r\n.order-tab-panel {\r\n display: none;\r\n}\r\n\r\n.order-tab-panel.is-active {\r\n display: block;\r\n}\r\n\r\n.manual-tracking-form {\r\n display: flex;\r\n gap: 8px;\r\n align-items: center;\r\n\r\n .form-control {\r\n max-width: 220px;\r\n }\r\n}\r\n\r\n.order-empty-placeholder {\r\n border: 1px dashed #cbd5e1;\r\n border-radius: 8px;\r\n min-height: 180px;\r\n background: #f8fafc;\r\n}\r\n\r\n.order-status-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 4px 10px;\r\n border-radius: 999px;\r\n font-size: 12px;\r\n font-weight: 700;\r\n border: 1px solid #cbd5e1;\r\n color: #334155;\r\n background: #f8fafc;\r\n\r\n &.is-info {\r\n border-color: #bfdbfe;\r\n background: #eff6ff;\r\n color: #1d4ed8;\r\n }\r\n\r\n &.is-success {\r\n border-color: #bbf7d0;\r\n background: #f0fdf4;\r\n color: #166534;\r\n }\r\n\r\n &.is-danger {\r\n border-color: #fecaca;\r\n background: #fef2f2;\r\n color: #b91c1c;\r\n }\r\n\r\n &.is-warn {\r\n border-color: #fde68a;\r\n background: #fffbeb;\r\n color: #92400e;\r\n }\r\n\r\n &.is-empty {\r\n color: #94a3b8;\r\n }\r\n}\r\n\r\n.order-buyer {\r\n display: grid;\r\n gap: 2px;\r\n\r\n &__name {\r\n color: #0f172a;\r\n font-weight: 600;\r\n }\r\n\r\n &__email {\r\n color: #64748b;\r\n font-size: 12px;\r\n }\r\n}\r\n.table-inline-action {\r\n display: inline-block;\r\n margin-right: 6px;\r\n}\r\n\r\n.product-name-cell {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n}\r\n\r\n.product-name-thumb {\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 6px;\r\n object-fit: cover;\r\n border: 1px solid var(--c-border);\r\n background: #f8fafc;\r\n}\r\n\r\n.product-name-thumb--empty {\r\n display: inline-block;\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 6px;\r\n border: 1px dashed #cbd5e0;\r\n background: #f8fafc;\r\n}\r\n\r\n.product-name-thumb-btn {\r\n border: 0;\r\n padding: 0;\r\n background: transparent;\r\n cursor: pointer;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.product-name-thumb-btn:focus-visible {\r\n outline: none;\r\n box-shadow: var(--focus-ring);\r\n border-radius: 8px;\r\n}\r\n\r\n.modal--image-preview {\r\n width: min(760px, 100%);\r\n}\r\n\r\n.product-image-preview__img {\r\n display: block;\r\n width: 100%;\r\n max-height: 70vh;\r\n object-fit: contain;\r\n border-radius: 8px;\r\n background: #f8fafc;\r\n}\r\n\r\n.product-images-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.product-image-card {\r\n border: 1px solid #dfe3ea;\r\n border-radius: 10px;\r\n padding: 10px;\r\n background: #fff;\r\n}\r\n\r\n.product-image-card__thumb-wrap {\r\n position: relative;\r\n border-radius: 8px;\r\n overflow: hidden;\r\n background: #f2f5f8;\r\n}\r\n\r\n.product-image-card__thumb {\r\n width: 100%;\r\n height: 160px;\r\n object-fit: cover;\r\n display: block;\r\n}\r\n\r\n.product-image-card__thumb.is-empty {\r\n height: 160px;\r\n display: grid;\r\n place-items: center;\r\n color: #6b7785;\r\n font-size: 12px;\r\n}\r\n\r\n.product-image-card__badge {\r\n display: none;\r\n position: absolute;\r\n top: 8px;\r\n left: 8px;\r\n background: #1f7a43;\r\n color: #fff;\r\n padding: 3px 8px;\r\n border-radius: 999px;\r\n font-size: 11px;\r\n}\r\n\r\n.product-image-card.is-main .product-image-card__badge {\r\n display: inline-block;\r\n}\r\n\r\n.product-image-card__meta {\r\n margin-top: 8px;\r\n font-size: 11px;\r\n line-height: 1.25;\r\n color: #5f6b79;\r\n overflow-wrap: anywhere;\r\n}\r\n\r\n.product-image-card__actions {\r\n margin-top: 10px;\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 8px;\r\n}\r\n\r\n.product-image-card__actions .btn {\r\n min-height: 34px;\r\n font-size: 12px;\r\n line-height: 1.2;\r\n padding: 6px 10px;\r\n}\r\n\r\n.product-links-search-form {\r\n display: grid;\r\n gap: 12px;\r\n grid-template-columns: minmax(220px, 320px) minmax(220px, 1fr) auto;\r\n align-items: end;\r\n}\r\n\r\n.product-links-head {\r\n display: grid;\r\n gap: 8px;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n}\r\n\r\n.product-tabs-nav {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.product-links-inline-form {\r\n display: grid;\r\n gap: 8px;\r\n grid-template-columns: minmax(140px, 1fr) minmax(140px, 1fr) auto;\r\n align-items: center;\r\n}\r\n\r\n.product-links-actions-row {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n flex-wrap: nowrap;\r\n}\r\n\r\n.product-links-actions-row .product-links-relink-form {\r\n flex: 1 1 auto;\r\n}\r\n\r\n.product-links-unlink-form {\r\n margin: 0;\r\n flex: 0 0 auto;\r\n}\r\n\r\n.product-link-status-cell {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n}\r\n\r\n.product-link-alert-indicator {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 18px;\r\n height: 18px;\r\n border-radius: 999px;\r\n border: 1px solid #f59e0b;\r\n background: #fffbeb;\r\n color: #b45309;\r\n font-size: 12px;\r\n font-weight: 700;\r\n cursor: help;\r\n}\r\n\r\n.product-link-events-list {\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n display: grid;\r\n gap: 4px;\r\n}\r\n\r\n.product-link-events-list li {\r\n display: grid;\r\n gap: 2px;\r\n}\r\n\r\n.product-link-events-type {\r\n font-weight: 600;\r\n color: var(--c-text-strong);\r\n}\r\n\r\n.product-link-events-date {\r\n color: var(--c-muted);\r\n font-size: 12px;\r\n}\r\n\r\n.product-show-images-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.product-show-image-card {\r\n border: 1px solid var(--c-border);\r\n border-radius: 10px;\r\n background: #fff;\r\n padding: 10px;\r\n overflow: hidden;\r\n\r\n &__meta {\r\n display: flex;\r\n align-items: flex-start;\r\n justify-content: space-between;\r\n gap: 8px;\r\n min-width: 0;\r\n }\r\n}\r\n\r\n.product-show-image-path {\r\n font-size: 12px;\r\n min-width: 0;\r\n overflow: hidden;\r\n\r\n summary {\r\n cursor: pointer;\r\n color: var(--c-muted, #888);\r\n list-style: none;\r\n user-select: none;\r\n white-space: nowrap;\r\n\r\n &::-webkit-details-marker {\r\n display: none;\r\n }\r\n\r\n &::after {\r\n content: ' ▾';\r\n }\r\n }\r\n\r\n &[open] summary::after {\r\n content: ' ▴';\r\n }\r\n\r\n &__url {\r\n margin-top: 4px;\r\n word-break: break-all;\r\n overflow-wrap: break-word;\r\n font-size: 11px;\r\n }\r\n}\r\n\r\n.product-show-image {\r\n width: 100%;\r\n max-height: 260px;\r\n object-fit: cover;\r\n border-radius: 8px;\r\n border: 1px solid #d9e0ea;\r\n}\r\n\r\n.shipment-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 12px;\r\n}\r\n\r\n.searchable-select {\r\n position: relative;\r\n\r\n &__trigger {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n cursor: pointer;\r\n user-select: none;\r\n min-height: 34px;\r\n\r\n &::after {\r\n content: '';\r\n width: 0;\r\n height: 0;\r\n border-left: 4px solid transparent;\r\n border-right: 4px solid transparent;\r\n border-top: 5px solid var(--c-text-muted, #6b7280);\r\n margin-left: 8px;\r\n flex-shrink: 0;\r\n }\r\n\r\n &--placeholder {\r\n color: var(--c-text-muted, #6b7280);\r\n }\r\n }\r\n\r\n &__dropdown {\r\n display: none;\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n top: 100%;\r\n z-index: 50;\r\n max-height: 280px;\r\n overflow: auto;\r\n background: #fff;\r\n border: 1px solid var(--c-border);\r\n border-top: 0;\r\n border-radius: 0 0 8px 8px;\r\n box-shadow: 0 8px 20px rgba(15, 23, 42, 0.12);\r\n\r\n &.is-open {\r\n display: block;\r\n }\r\n }\r\n\r\n &__search {\r\n position: sticky;\r\n top: 0;\r\n border: none !important;\r\n border-bottom: 1px solid var(--c-border) !important;\r\n border-radius: 0 !important;\r\n box-shadow: none !important;\r\n font-size: 13px;\r\n background: #fff;\r\n z-index: 1;\r\n }\r\n\r\n &__option {\r\n padding: 7px 10px;\r\n font-size: 13px;\r\n cursor: pointer;\r\n color: var(--c-text-strong);\r\n\r\n &:hover {\r\n background: #f1f5f9;\r\n }\r\n\r\n &.is-selected {\r\n background: #edf2ff;\r\n font-weight: 600;\r\n }\r\n }\r\n}\r\n\r\n.flash {\r\n padding: 10px 14px;\r\n border-radius: 8px;\r\n font-size: 13px;\r\n font-weight: 500;\r\n\r\n &--success {\r\n background: #f0fdf4;\r\n border: 1px solid #bbf7d0;\r\n color: #166534;\r\n }\r\n\r\n &--error {\r\n background: #fef2f2;\r\n border: 1px solid #fecaca;\r\n color: #b91c1c;\r\n }\r\n}\r\n\r\n.content-tabs-card {\r\n margin-top: 0;\r\n}\r\n\r\n.content-tabs-nav {\r\n display: flex;\r\n gap: 4px;\r\n border-bottom: 2px solid var(--c-border);\r\n margin-bottom: 16px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.content-tab-btn {\r\n padding: 8px 16px;\r\n border: none;\r\n background: none;\r\n cursor: pointer;\r\n font-size: 14px;\r\n font-weight: 500;\r\n color: var(--c-text-muted, #6b7280);\r\n border-bottom: 2px solid transparent;\r\n margin-bottom: -2px;\r\n border-radius: 4px 4px 0 0;\r\n transition: color 0.15s, border-color 0.15s;\r\n\r\n &:hover {\r\n color: var(--c-text-strong, #111827);\r\n }\r\n\r\n &.is-active {\r\n color: var(--c-primary, #2563eb);\r\n border-bottom-color: var(--c-primary, #2563eb);\r\n }\r\n}\r\n\r\n.content-tab-panel {\r\n display: none;\r\n\r\n &.is-active {\r\n display: block;\r\n }\r\n}\r\n\r\n.shoppro-tabs-toolbar {\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: space-between;\r\n gap: 10px;\r\n margin-bottom: 10px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.shoppro-tabs-toolbar__field {\r\n margin: 0;\r\n min-width: 260px;\r\n max-width: 420px;\r\n flex: 1 1 320px;\r\n}\r\n\r\n.shoppro-tabs-toolbar__field .form-control {\r\n width: 100%;\r\n}\r\n\r\n.shoppro-tabs-toolbar__actions {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n\r\n.dm-carrier-select {\r\n min-width: 140px;\r\n}\r\n\r\n.dm-service-wrap {\r\n min-width: 200px;\r\n\r\n .dm-inpost-panel,\r\n .dm-apaczka-panel {\r\n .form-control {\r\n width: 100%;\r\n }\r\n }\r\n}\r\n\r\n.integration-settings-group {\r\n grid-column: 1 / -1;\r\n border: 1px solid var(--c-border);\r\n border-radius: 10px;\r\n background: #f8fbff;\r\n padding: 10px;\r\n}\r\n\r\n.integration-settings-group__head {\r\n margin-bottom: 8px;\r\n padding: 4px 0;\r\n border-bottom: 1px solid #e2e8f0;\r\n}\r\n\r\n.integration-settings-group__title {\r\n margin: 0;\r\n font-size: 14px;\r\n font-weight: 600;\r\n letter-spacing: 0.01em;\r\n color: var(--c-text-strong, #1e293b);\r\n}\r\n\r\n.integration-settings-group__desc {\r\n margin: 4px 0 0;\r\n color: #4b5563;\r\n}\r\n\r\n.integration-settings-group__grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 10px 12px;\r\n align-items: start;\r\n}\r\n\r\n.integration-settings-group__full {\r\n grid-column: 1 / -1;\r\n}\r\n\r\n.integration-settings-group__grid .form-field {\r\n margin: 0;\r\n align-self: start;\r\n}\r\n\r\n.integration-settings-group__grid .form-control {\r\n min-height: 34px;\r\n height: 34px;\r\n}\r\n\r\n.integration-settings-group__grid input[type='date'].form-control {\r\n line-height: 1.2;\r\n}\r\n\r\n.integration-settings-checkboxes {\r\n border: 0;\r\n padding: 0;\r\n margin: 0;\r\n}\r\n\r\n.integration-settings-checkboxes .field-label {\r\n display: block;\r\n margin-bottom: 2px;\r\n}\r\n\r\n.integration-settings-checkboxes__list {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 6px 12px;\r\n}\r\n\r\n.integration-settings-checkboxes__item {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-size: 13px;\r\n color: #334155;\r\n}\r\n\r\n// Hamburger button (hidden on desktop)\r\n.topbar__hamburger {\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n width: 36px;\r\n height: 36px;\r\n padding: 0;\r\n background: transparent;\r\n border: none;\r\n color: var(--c-text-strong);\r\n cursor: pointer;\r\n border-radius: 6px;\r\n flex-shrink: 0;\r\n\r\n &:hover {\r\n background: var(--c-bg-subtle, #f1f5f9);\r\n }\r\n}\r\n\r\n// Mobile backdrop overlay\r\n.sidebar-backdrop {\r\n display: none;\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(0, 0, 0, 0.5);\r\n z-index: 999;\r\n opacity: 0;\r\n transition: opacity 0.25s ease;\r\n\r\n &.is-visible {\r\n display: block;\r\n opacity: 1;\r\n }\r\n}\r\n\r\n// Body scroll lock\r\nbody.no-scroll {\r\n overflow: hidden;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .topbar__hamburger {\r\n display: flex;\r\n }\r\n\r\n .sidebar {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n bottom: 0;\r\n width: 280px;\r\n min-width: 280px;\r\n z-index: 1000;\r\n transform: translateX(-100%);\r\n transition: transform 0.25s ease;\r\n border-right: 1px solid #243041;\r\n overflow-y: auto;\r\n\r\n &.is-mobile-open {\r\n transform: translateX(0);\r\n }\r\n }\r\n\r\n .sidebar__brand {\r\n margin: 4px 4px 12px;\r\n }\r\n\r\n .sidebar__collapse-btn {\r\n display: flex;\r\n }\r\n\r\n .sidebar__collapse-icon {\r\n transform: rotate(180deg);\r\n }\r\n\r\n .sidebar__nav {\r\n display: grid;\r\n gap: 4px;\r\n }\r\n\r\n .topbar {\r\n padding: 0 14px;\r\n }\r\n\r\n .container {\r\n margin-top: 16px;\r\n width: calc(100% - 16px);\r\n margin-left: 8px;\r\n margin-right: 8px;\r\n padding: 0 3px 12px;\r\n }\r\n\r\n .settings-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .page-head {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n\r\n .orders-stats {\r\n grid-template-columns: 1fr;\r\n width: 100%;\r\n }\r\n\r\n .order-show-layout {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .order-statuses-side {\r\n position: static;\r\n top: auto;\r\n }\r\n\r\n .order-statuses-side__title {\r\n cursor: pointer;\r\n }\r\n\r\n .order-statuses-side__arrow {\r\n display: block;\r\n }\r\n\r\n .order-details-actions {\r\n justify-content: flex-start;\r\n }\r\n\r\n .order-grid-2,\r\n .order-grid-3 {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .order-kv {\r\n grid-template-columns: 1fr;\r\n gap: 2px;\r\n }\r\n\r\n .filters-grid,\r\n .form-grid,\r\n .form-grid-2,\r\n .form-grid-3,\r\n .form-grid-4,\r\n .shipment-grid,\r\n .statuses-form,\r\n .statuses-inline-form,\r\n .table-list-filters,\r\n .product-links-search-form,\r\n .product-links-inline-form {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .statuses-dnd-item__content {\r\n display: block;\r\n }\r\n\r\n .statuses-inline-delete {\r\n margin-top: 6px;\r\n }\r\n\r\n .filters-actions {\r\n align-items: center;\r\n }\r\n\r\n .table-list__header,\r\n .table-list__footer {\r\n align-items: flex-start;\r\n }\r\n\r\n .product-links-head {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .integration-settings-group__grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .integration-settings-checkboxes__list {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .card {\r\n padding: 12px;\r\n }\r\n\r\n .modal--image-preview {\r\n width: min(92vw, 100%);\r\n }\r\n\r\n .email-tpl-editor-wrap {\r\n flex-direction: column;\r\n }\r\n\r\n .email-tpl-var-panel {\r\n min-width: 200px;\r\n }\r\n\r\n .modal-box {\r\n width: 95vw;\r\n max-height: 90vh;\r\n }\r\n}\r\n\r\n// Email template editor\r\n.email-tpl-editor-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n border: 1px solid var(--c-border);\r\n border-radius: 6px;\r\n overflow: visible;\r\n}\r\n\r\n.email-tpl-toolbar {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n padding: 6px 8px;\r\n background: var(--c-bg-subtle, #f8f9fa);\r\n border-bottom: 1px solid var(--c-border);\r\n}\r\n\r\n.email-tpl-var-dropdown {\r\n position: relative;\r\n}\r\n\r\n.email-tpl-var-panel {\r\n position: absolute;\r\n top: 100%;\r\n left: 0;\r\n z-index: 300;\r\n min-width: 260px;\r\n max-height: 320px;\r\n overflow-y: auto;\r\n background: var(--c-bg);\r\n border: 1px solid var(--c-border);\r\n border-radius: 6px;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\r\n padding: 6px;\r\n margin-top: 4px;\r\n}\r\n\r\n.email-var-group {\r\n &:not(:first-child) {\r\n margin-top: 6px;\r\n padding-top: 6px;\r\n border-top: 1px solid var(--c-border);\r\n }\r\n\r\n &__label {\r\n font-size: 11px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n color: var(--c-text-muted);\r\n padding: 2px 4px;\r\n letter-spacing: 0.03em;\r\n }\r\n}\r\n\r\n.email-var-item {\r\n display: block;\r\n width: 100%;\r\n text-align: left;\r\n padding: 3px 6px;\r\n margin: 1px 0;\r\n border: none;\r\n background: none;\r\n font-size: 12px;\r\n font-family: \"Roboto Mono\", monospace;\r\n color: var(--c-text);\r\n border-radius: 3px;\r\n cursor: pointer;\r\n\r\n &:hover {\r\n background: var(--c-primary);\r\n color: #fff;\r\n }\r\n}\r\n\r\n#js-quill-editor {\r\n min-height: 200px;\r\n\r\n .ql-editor {\r\n min-height: 200px;\r\n font-size: 13px;\r\n }\r\n}\r\n\r\n// Modal overlay (reusable)\r\n.modal-overlay {\r\n position: fixed;\r\n inset: 0;\r\n z-index: 1000;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: rgba(0, 0, 0, 0.45);\r\n}\r\n\r\n.modal-box {\r\n width: min(680px, 90vw);\r\n max-height: 80vh;\r\n background: var(--c-bg);\r\n border-radius: 8px;\r\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);\r\n display: flex;\r\n flex-direction: column;\r\n overflow: hidden;\r\n\r\n &__header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 10px 16px;\r\n border-bottom: 1px solid var(--c-border);\r\n }\r\n\r\n &__title {\r\n margin: 0;\r\n font-size: 15px;\r\n font-weight: 600;\r\n }\r\n\r\n &__close {\r\n background: none;\r\n border: none;\r\n font-size: 22px;\r\n line-height: 1;\r\n cursor: pointer;\r\n color: var(--c-text-muted);\r\n padding: 0 4px;\r\n\r\n &:hover {\r\n color: var(--c-text);\r\n }\r\n }\r\n\r\n &__body {\r\n padding: 12px 16px;\r\n overflow-y: auto;\r\n flex: 1;\r\n }\r\n}\r\n\r\n"]} \ No newline at end of file diff --git a/resources/scss/login.css b/resources/scss/login.css index fdf2da4..31840e9 100644 --- a/resources/scss/login.css +++ b/resources/scss/login.css @@ -1,6 +1,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; @@ -9,6 +11,7 @@ --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); } @@ -29,11 +32,11 @@ .btn--primary { color: #ffffff; - background: var(--c-primary); + background: var(--c-action-primary); } .btn--primary:hover { - background: var(--c-primary-dark); + background: var(--c-action-primary-dark); } .btn--secondary { @@ -68,22 +71,28 @@ 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); - border-color: var(--c-primary); + box-shadow: var(--focus-ring-action); + border-color: var(--c-action-primary); } .form-control { width: 100%; - min-height: 34px; + min-height: 30px; border: 1px solid var(--c-border); - border-radius: 8px; - padding: 5px 10px; + border-radius: 6px; + padding: 4px 8px; font: inherit; color: var(--c-text-strong); background: #ffffff; @@ -238,6 +247,41 @@ 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%; + } +} + :root { --shadow-card: 0 20px 50px rgba(22, 34, 58, 0.14); } diff --git a/resources/scss/login.css.map b/resources/scss/login.css.map index ea065f4..deeb053 100644 --- a/resources/scss/login.css.map +++ b/resources/scss/login.css.map @@ -1 +1 @@ -{"version":3,"sources":["shared\\_ui-components.scss","login.css","login.scss"],"names":[],"mappings":"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","file":"login.css","sourcesContent":[":root {\r\n --c-primary: #6690f4;\r\n --c-primary-dark: #3164db;\r\n --c-bg: #f4f6f9;\r\n --c-surface: #ffffff;\r\n --c-text: #4e5e6a;\r\n --c-text-strong: #2d3748;\r\n --c-muted: #718096;\r\n --c-border: #b0bec5;\r\n --c-danger: #cc0000;\r\n --focus-ring: 0 0 0 3px rgba(102, 144, 244, 0.15);\r\n --shadow-card: 0 1px 4px rgba(0, 0, 0, 0.06);\r\n}\r\n\r\n.btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 34px;\r\n padding: 6px 12px;\r\n border: 1px solid transparent;\r\n border-radius: 8px;\r\n font: inherit;\r\n font-weight: 600;\r\n text-decoration: none;\r\n cursor: pointer;\r\n transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.1s ease;\r\n}\r\n\r\n.btn--primary {\r\n color: #ffffff;\r\n background: var(--c-primary);\r\n}\r\n\r\n.btn--primary:hover {\r\n background: var(--c-primary-dark);\r\n}\r\n\r\n.btn--secondary {\r\n color: var(--c-text-strong);\r\n border-color: var(--c-border);\r\n background: var(--c-surface);\r\n}\r\n\r\n.btn--secondary:hover {\r\n border-color: #cbd5e0;\r\n background: #f8fafc;\r\n}\r\n\r\n.btn--danger {\r\n color: #ffffff;\r\n border-color: #b91c1c;\r\n background: #dc2626;\r\n}\r\n\r\n.btn--danger:hover {\r\n border-color: #991b1b;\r\n background: #b91c1c;\r\n}\r\n\r\n.btn--sm {\r\n min-height: 28px;\r\n padding: 3px 10px;\r\n font-size: 12px;\r\n}\r\n\r\n.btn--block {\r\n width: 100%;\r\n}\r\n\r\n.btn:active {\r\n transform: translateY(1px);\r\n}\r\n\r\n.btn:focus-visible {\r\n outline: none;\r\n box-shadow: var(--focus-ring);\r\n border-color: var(--c-primary);\r\n}\r\n\r\n.form-control {\r\n width: 100%;\r\n min-height: 34px;\r\n border: 1px solid var(--c-border);\r\n border-radius: 8px;\r\n padding: 5px 10px;\r\n font: inherit;\r\n color: var(--c-text-strong);\r\n background: #ffffff;\r\n transition: border-color 0.2s ease, box-shadow 0.2s ease;\r\n}\r\n\r\n.form-control:focus {\r\n outline: none;\r\n border-color: var(--c-primary);\r\n box-shadow: var(--focus-ring);\r\n}\r\n\r\n.input {\r\n min-height: 34px;\r\n border: 1px solid var(--c-border);\r\n border-radius: 8px;\r\n padding: 5px 10px;\r\n font: inherit;\r\n color: var(--c-text-strong);\r\n background: #ffffff;\r\n}\r\n\r\n.input--sm {\r\n min-height: 28px;\r\n padding: 3px 8px;\r\n font-size: 12px;\r\n}\r\n\r\n.flash {\r\n padding: 8px 12px;\r\n border-radius: 6px;\r\n font-size: 13px;\r\n}\r\n\r\n.flash--success {\r\n border: 1px solid #b7ebcf;\r\n background: #f0fff6;\r\n color: #0f6b39;\r\n}\r\n\r\n.flash--error {\r\n border: 1px solid #fed7d7;\r\n background: #fff5f5;\r\n color: var(--c-danger);\r\n}\r\n\r\n.alert {\r\n padding: 12px 14px;\r\n border-radius: 8px;\r\n border: 1px solid transparent;\r\n font-size: 13px;\r\n min-height: 44px;\r\n}\r\n\r\n.alert--danger {\r\n border-color: #fed7d7;\r\n background: #fff5f5;\r\n color: var(--c-danger);\r\n}\r\n\r\n.alert--success {\r\n border-color: #b7ebcf;\r\n background: #f0fff6;\r\n color: #0f6b39;\r\n}\r\n\r\n.alert--warning {\r\n border-color: #f7dd8b;\r\n background: #fff8e8;\r\n color: #815500;\r\n}\r\n\r\n.form-field {\r\n display: grid;\r\n gap: 5px;\r\n}\r\n\r\n.field-label {\r\n color: var(--c-text-strong);\r\n font-size: 13px;\r\n font-weight: 600;\r\n}\r\n\r\n.table-wrap {\r\n width: 100%;\r\n overflow-x: auto;\r\n\r\n &--visible {\r\n overflow: visible !important;\r\n overflow-x: visible !important;\r\n }\r\n}\r\n\r\n.table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n background: var(--c-surface);\r\n}\r\n\r\n.table th,\r\n.table td {\r\n padding: 10px 12px;\r\n border-bottom: 1px solid var(--c-border);\r\n text-align: left;\r\n}\r\n\r\n.table th {\r\n color: var(--c-text-strong);\r\n font-weight: 700;\r\n background: #f8fafc;\r\n}\r\n\r\n.table--details th {\r\n white-space: nowrap;\r\n}\r\n\r\n.table--details th:first-child,\r\n.table--details td:first-child {\r\n width: 36px;\r\n text-align: center;\r\n}\r\n\r\n.pagination {\r\n display: flex;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.pagination__item {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-width: 36px;\r\n height: 36px;\r\n padding: 0 10px;\r\n border-radius: 8px;\r\n border: 1px solid var(--c-border);\r\n color: var(--c-text-strong);\r\n background: var(--c-surface);\r\n text-decoration: none;\r\n font-weight: 600;\r\n}\r\n\r\n.pagination__item:hover {\r\n border-color: #cbd5e0;\r\n background: #f8fafc;\r\n}\r\n\r\n.pagination__item.is-active {\r\n border-color: var(--c-primary);\r\n color: var(--c-primary);\r\n background: #edf2ff;\r\n}\r\n",":root {\n --c-primary: #6690f4;\n --c-primary-dark: #3164db;\n --c-bg: #f4f6f9;\n --c-surface: #ffffff;\n --c-text: #4e5e6a;\n --c-text-strong: #2d3748;\n --c-muted: #718096;\n --c-border: #b0bec5;\n --c-danger: #cc0000;\n --focus-ring: 0 0 0 3px rgba(102, 144, 244, 0.15);\n --shadow-card: 0 1px 4px rgba(0, 0, 0, 0.06);\n}\n\n.btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-height: 34px;\n padding: 6px 12px;\n border: 1px solid transparent;\n border-radius: 8px;\n font: inherit;\n font-weight: 600;\n text-decoration: none;\n cursor: pointer;\n transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.1s ease;\n}\n\n.btn--primary {\n color: #ffffff;\n background: var(--c-primary);\n}\n\n.btn--primary:hover {\n background: var(--c-primary-dark);\n}\n\n.btn--secondary {\n color: var(--c-text-strong);\n border-color: var(--c-border);\n background: var(--c-surface);\n}\n\n.btn--secondary:hover {\n border-color: #cbd5e0;\n background: #f8fafc;\n}\n\n.btn--danger {\n color: #ffffff;\n border-color: #b91c1c;\n background: #dc2626;\n}\n\n.btn--danger:hover {\n border-color: #991b1b;\n background: #b91c1c;\n}\n\n.btn--sm {\n min-height: 28px;\n padding: 3px 10px;\n font-size: 12px;\n}\n\n.btn--block {\n width: 100%;\n}\n\n.btn:active {\n transform: translateY(1px);\n}\n\n.btn:focus-visible {\n outline: none;\n box-shadow: var(--focus-ring);\n border-color: var(--c-primary);\n}\n\n.form-control {\n width: 100%;\n min-height: 34px;\n border: 1px solid var(--c-border);\n border-radius: 8px;\n padding: 5px 10px;\n font: inherit;\n color: var(--c-text-strong);\n background: #ffffff;\n transition: border-color 0.2s ease, box-shadow 0.2s ease;\n}\n\n.form-control:focus {\n outline: none;\n border-color: var(--c-primary);\n box-shadow: var(--focus-ring);\n}\n\n.input {\n min-height: 34px;\n border: 1px solid var(--c-border);\n border-radius: 8px;\n padding: 5px 10px;\n font: inherit;\n color: var(--c-text-strong);\n background: #ffffff;\n}\n\n.input--sm {\n min-height: 28px;\n padding: 3px 8px;\n font-size: 12px;\n}\n\n.flash {\n padding: 8px 12px;\n border-radius: 6px;\n font-size: 13px;\n}\n\n.flash--success {\n border: 1px solid #b7ebcf;\n background: #f0fff6;\n color: #0f6b39;\n}\n\n.flash--error {\n border: 1px solid #fed7d7;\n background: #fff5f5;\n color: var(--c-danger);\n}\n\n.alert {\n padding: 12px 14px;\n border-radius: 8px;\n border: 1px solid transparent;\n font-size: 13px;\n min-height: 44px;\n}\n\n.alert--danger {\n border-color: #fed7d7;\n background: #fff5f5;\n color: var(--c-danger);\n}\n\n.alert--success {\n border-color: #b7ebcf;\n background: #f0fff6;\n color: #0f6b39;\n}\n\n.alert--warning {\n border-color: #f7dd8b;\n background: #fff8e8;\n color: #815500;\n}\n\n.form-field {\n display: grid;\n gap: 5px;\n}\n\n.field-label {\n color: var(--c-text-strong);\n font-size: 13px;\n font-weight: 600;\n}\n\n.table-wrap {\n width: 100%;\n overflow-x: auto;\n}\n.table-wrap--visible {\n overflow: visible !important;\n overflow-x: visible !important;\n}\n\n.table {\n width: 100%;\n border-collapse: collapse;\n background: var(--c-surface);\n}\n\n.table th,\n.table td {\n padding: 10px 12px;\n border-bottom: 1px solid var(--c-border);\n text-align: left;\n}\n\n.table th {\n color: var(--c-text-strong);\n font-weight: 700;\n background: #f8fafc;\n}\n\n.table--details th {\n white-space: nowrap;\n}\n\n.table--details th:first-child,\n.table--details td:first-child {\n width: 36px;\n text-align: center;\n}\n\n.pagination {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 8px;\n}\n\n.pagination__item {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 36px;\n height: 36px;\n padding: 0 10px;\n border-radius: 8px;\n border: 1px solid var(--c-border);\n color: var(--c-text-strong);\n background: var(--c-surface);\n text-decoration: none;\n font-weight: 600;\n}\n\n.pagination__item:hover {\n border-color: #cbd5e0;\n background: #f8fafc;\n}\n\n.pagination__item.is-active {\n border-color: var(--c-primary);\n color: var(--c-primary);\n background: #edf2ff;\n}\n\n:root {\n --shadow-card: 0 20px 50px rgba(22, 34, 58, 0.14);\n}\n\n* {\n box-sizing: border-box;\n}\n\nhtml,\nbody {\n min-height: 100%;\n}\n\nbody {\n margin: 0;\n font-family: \"Roboto\", \"Segoe UI\", sans-serif;\n color: var(--c-text);\n background: var(--c-bg);\n overflow-x: hidden;\n}\n\n.bg-orb {\n position: fixed;\n width: 460px;\n height: 460px;\n border-radius: 999px;\n filter: blur(28px);\n z-index: 0;\n opacity: 0.45;\n pointer-events: none;\n}\n\n.bg-orb-left {\n top: -200px;\n left: -180px;\n background: radial-gradient(circle, rgba(102, 144, 244, 0.48) 0%, rgba(102, 144, 244, 0) 70%);\n}\n\n.bg-orb-right {\n right: -200px;\n bottom: -220px;\n background: radial-gradient(circle, rgba(30, 42, 58, 0.36) 0%, rgba(30, 42, 58, 0) 70%);\n}\n\n.login-page {\n min-height: 100vh;\n display: grid;\n place-items: center;\n padding: 32px 20px;\n position: relative;\n z-index: 1;\n}\n\n.login-card {\n width: 100%;\n max-width: 430px;\n background: var(--c-surface);\n border: 1px solid var(--c-border);\n border-radius: 12px;\n box-shadow: var(--shadow-card);\n padding: 34px 30px 28px;\n animation: card-enter 420ms ease-out;\n}\n\n.login-header {\n margin-bottom: 24px;\n}\n\n.login-badge {\n display: inline-block;\n margin: 0 0 14px;\n padding: 5px 12px;\n border-radius: 999px;\n border: 1px solid #d9e2ff;\n background: #eef2ff;\n color: #3f5faf;\n font-size: 12px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.06em;\n}\n\nh1 {\n margin: 0;\n color: var(--c-text-strong);\n font-size: clamp(1.6rem, 2.5vw, 1.9rem);\n line-height: 1.15;\n font-weight: 700;\n}\n\n.login-subtitle {\n margin: 10px 0 0;\n font-size: 15px;\n line-height: 1.55;\n color: var(--c-muted);\n}\n\n.login-alert {\n margin-bottom: 18px;\n}\n\n.login-alert-placeholder {\n opacity: 0.56;\n}\n\n.login-form {\n display: grid;\n gap: 16px;\n}\n\n.form-field {\n display: grid;\n gap: 7px;\n}\n\n.field-label {\n color: var(--c-text-strong);\n font-size: 13px;\n font-weight: 600;\n}\n\n.login-form .form-control {\n min-height: 46px;\n padding: 0 14px;\n border-width: 2px;\n}\n\n.login-form .form-control::placeholder {\n color: #cbd5e0;\n}\n\n.login-submit {\n margin-top: 2px;\n font-size: 15px;\n min-height: 48px;\n}\n\n@keyframes card-enter {\n from {\n opacity: 0;\n transform: translateY(10px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n@media (max-width: 640px) {\n .login-page {\n padding: 18px 14px;\n }\n .login-card {\n padding: 24px 20px 20px;\n }\n h1 {\n font-size: 1.55rem;\n }\n}","@use \"shared/ui-components\";\r\n\r\n:root {\r\n --shadow-card: 0 20px 50px rgba(22, 34, 58, 0.14);\r\n}\r\n\r\n* {\r\n box-sizing: border-box;\r\n}\r\n\r\nhtml,\r\nbody {\r\n min-height: 100%;\r\n}\r\n\r\nbody {\r\n margin: 0;\r\n font-family: \"Roboto\", \"Segoe UI\", sans-serif;\r\n color: var(--c-text);\r\n background: var(--c-bg);\r\n overflow-x: hidden;\r\n}\r\n\r\n.bg-orb {\r\n position: fixed;\r\n width: 460px;\r\n height: 460px;\r\n border-radius: 999px;\r\n filter: blur(28px);\r\n z-index: 0;\r\n opacity: 0.45;\r\n pointer-events: none;\r\n}\r\n\r\n.bg-orb-left {\r\n top: -200px;\r\n left: -180px;\r\n background: radial-gradient(circle, rgba(102, 144, 244, 0.48) 0%, rgba(102, 144, 244, 0) 70%);\r\n}\r\n\r\n.bg-orb-right {\r\n right: -200px;\r\n bottom: -220px;\r\n background: radial-gradient(circle, rgba(30, 42, 58, 0.36) 0%, rgba(30, 42, 58, 0) 70%);\r\n}\r\n\r\n.login-page {\r\n min-height: 100vh;\r\n display: grid;\r\n place-items: center;\r\n padding: 32px 20px;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n.login-card {\r\n width: 100%;\r\n max-width: 430px;\r\n background: var(--c-surface);\r\n border: 1px solid var(--c-border);\r\n border-radius: 12px;\r\n box-shadow: var(--shadow-card);\r\n padding: 34px 30px 28px;\r\n animation: card-enter 420ms ease-out;\r\n}\r\n\r\n.login-header {\r\n margin-bottom: 24px;\r\n}\r\n\r\n.login-badge {\r\n display: inline-block;\r\n margin: 0 0 14px;\r\n padding: 5px 12px;\r\n border-radius: 999px;\r\n border: 1px solid #d9e2ff;\r\n background: #eef2ff;\r\n color: #3f5faf;\r\n font-size: 12px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.06em;\r\n}\r\n\r\nh1 {\r\n margin: 0;\r\n color: var(--c-text-strong);\r\n font-size: clamp(1.6rem, 2.5vw, 1.9rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.login-subtitle {\r\n margin: 10px 0 0;\r\n font-size: 15px;\r\n line-height: 1.55;\r\n color: var(--c-muted);\r\n}\r\n\r\n.login-alert {\r\n margin-bottom: 18px;\r\n}\r\n\r\n.login-alert-placeholder {\r\n opacity: 0.56;\r\n}\r\n\r\n.login-form {\r\n display: grid;\r\n gap: 16px;\r\n}\r\n\r\n.form-field {\r\n display: grid;\r\n gap: 7px;\r\n}\r\n\r\n.field-label {\r\n color: var(--c-text-strong);\r\n font-size: 13px;\r\n font-weight: 600;\r\n}\r\n\r\n.login-form .form-control {\r\n min-height: 46px;\r\n padding: 0 14px;\r\n border-width: 2px;\r\n}\r\n\r\n.login-form .form-control::placeholder {\r\n color: #cbd5e0;\r\n}\r\n\r\n.login-submit {\r\n margin-top: 2px;\r\n font-size: 15px;\r\n min-height: 48px;\r\n}\r\n\r\n@keyframes card-enter {\r\n from {\r\n opacity: 0;\r\n transform: translateY(10px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n .login-page {\r\n padding: 18px 14px;\r\n }\r\n\r\n .login-card {\r\n padding: 24px 20px 20px;\r\n }\r\n\r\n h1 {\r\n font-size: 1.55rem;\r\n }\r\n}\r\n"]} \ No newline at end of file +{"version":3,"sources":["shared\\_ui-components.scss","login.css","login.scss"],"names":[],"mappings":"AAAA;EACE,oBAAA;EACA,yBAAA;EACA,2BAAA;EACA,gCAAA;EACA,eAAA;EACA,oBAAA;EACA,iBAAA;EACA,wBAAA;EACA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,iDAAA;EACA,uDAAA;EACA,4CAAA;ACCF;;ADEA;EACE,oBAAA;EACA,mBAAA;EACA,uBAAA;EACA,gBAAA;EACA,iBAAA;EACA,6BAAA;EACA,kBAAA;EACA,aAAA;EACA,gBAAA;EACA,qBAAA;EACA,eAAA;EACA,oGAAA;ACCF;;ADEA;EACE,cAAA;EACA,mCAAA;ACCF;;ADEA;EACE,wCAAA;ACCF;;ADEA;EACE,2BAAA;EACA,6BAAA;EACA,4BAAA;ACCF;;ADEA;EACE,qBAAA;EACA,mBAAA;ACCF;;ADEA;EACE,cAAA;EACA,qBAAA;EACA,mBAAA;ACCF;;ADEA;EACE,qBAAA;EACA,mBAAA;ACCF;;ADEA;EACE,gBAAA;EACA,iBAAA;EACA,eAAA;ACCF;;ADEA;EACE,WAAA;ACCF;;ADEA;EACE,YAAA;EACA,mBAAA;EACA,oBAAA;ACCF;;ADEA;EACE,0BAAA;ACCF;;ADEA;EACE,aAAA;EACA,oCAAA;EACA,qCAAA;ACCF;;ADEA;EACE,WAAA;EACA,gBAAA;EACA,iCAAA;EACA,kBAAA;EACA,gBAAA;EACA,aAAA;EACA,2BAAA;EACA,mBAAA;EACA,wDAAA;ACCF;;ADEA;EACE,aAAA;EACA,8BAAA;EACA,6BAAA;ACCF;;ADEA;EACE,gBAAA;EACA,iCAAA;EACA,kBAAA;EACA,iBAAA;EACA,aAAA;EACA,2BAAA;EACA,mBAAA;ACCF;;ADEA;EACE,gBAAA;EACA,gBAAA;EACA,eAAA;ACCF;;ADEA;EACE,iBAAA;EACA,kBAAA;EACA,eAAA;ACCF;;ADEA;EACE,yBAAA;EACA,mBAAA;EACA,cAAA;ACCF;;ADEA;EACE,yBAAA;EACA,mBAAA;EACA,sBAAA;ACCF;;ADEA;EACE,kBAAA;EACA,kBAAA;EACA,6BAAA;EACA,eAAA;EACA,gBAAA;ACCF;;ADEA;EACE,qBAAA;EACA,mBAAA;EACA,sBAAA;ACCF;;ADEA;EACE,qBAAA;EACA,mBAAA;EACA,cAAA;ACCF;;ADEA;EACE,qBAAA;EACA,mBAAA;EACA,cAAA;ACCF;;ADEA;EACE,aAAA;EACA,QAAA;ACCF;;ADEA;EACE,2BAAA;EACA,eAAA;EACA,gBAAA;ACCF;;ADEA;EACE,WAAA;EACA,gBAAA;ACCF;ADCE;EACE,4BAAA;EACA,8BAAA;ACCJ;;ADGA;EACE,WAAA;EACA,yBAAA;EACA,4BAAA;ACAF;;ADGA;;EAEE,kBAAA;EACA,wCAAA;EACA,gBAAA;ACAF;;ADGA;EACE,2BAAA;EACA,gBAAA;EACA,mBAAA;ACAF;;ADGA;EACE,mBAAA;ACAF;;ADGA;;EAEE,WAAA;EACA,kBAAA;ACAF;;ADGA;EACE,aAAA;EACA,mBAAA;EACA,eAAA;EACA,QAAA;ACAF;;ADGA;EACE,oBAAA;EACA,mBAAA;EACA,uBAAA;EACA,eAAA;EACA,YAAA;EACA,eAAA;EACA,kBAAA;EACA,iCAAA;EACA,2BAAA;EACA,4BAAA;EACA,qBAAA;EACA,gBAAA;ACAF;;ADGA;EACE,qBAAA;EACA,mBAAA;ACAF;;ADGA;EACE,8BAAA;EACA,uBAAA;EACA,mBAAA;ACAF;;ADGA;EACE,aAAA;EACA,8BAAA;EACA,uBAAA;EACA,mBAAA;EACA,oBAAA;EACA,6CAAA;ACAF;ADEE;EACE,OAAA;ACAJ;ADEI;EACE,eAAA;EACA,cAAA;EACA,kBAAA;ACAN;ADIE;EACE,iBAAA;ACFJ;ADII;EACE,eAAA;EACA,gBAAA;EACA,kBAAA;ACFN;;ADOA;EACE,gBAAA;EACA,cAAA;ACJF;ADME;EAJF;IAKI,eAAA;ECHF;AACF;;ACxRA;EACE,iDAAA;AD2RF;;ACxRA;EACE,sBAAA;AD2RF;;ACxRA;;EAEE,gBAAA;AD2RF;;ACxRA;EACE,SAAA;EACA,6CAAA;EACA,oBAAA;EACA,uBAAA;EACA,kBAAA;AD2RF;;ACxRA;EACE,eAAA;EACA,YAAA;EACA,aAAA;EACA,oBAAA;EACA,kBAAA;EACA,UAAA;EACA,aAAA;EACA,oBAAA;AD2RF;;ACxRA;EACE,WAAA;EACA,YAAA;EACA,6FAAA;AD2RF;;ACxRA;EACE,aAAA;EACA,cAAA;EACA,uFAAA;AD2RF;;ACxRA;EACE,iBAAA;EACA,aAAA;EACA,mBAAA;EACA,kBAAA;EACA,kBAAA;EACA,UAAA;AD2RF;;ACxRA;EACE,WAAA;EACA,gBAAA;EACA,4BAAA;EACA,iCAAA;EACA,mBAAA;EACA,8BAAA;EACA,uBAAA;EACA,oCAAA;AD2RF;;ACxRA;EACE,mBAAA;AD2RF;;ACxRA;EACE,qBAAA;EACA,gBAAA;EACA,iBAAA;EACA,oBAAA;EACA,yBAAA;EACA,mBAAA;EACA,cAAA;EACA,eAAA;EACA,gBAAA;EACA,yBAAA;EACA,sBAAA;AD2RF;;ACxRA;EACE,SAAA;EACA,2BAAA;EACA,uCAAA;EACA,iBAAA;EACA,gBAAA;AD2RF;;ACxRA;EACE,gBAAA;EACA,eAAA;EACA,iBAAA;EACA,qBAAA;AD2RF;;ACxRA;EACE,mBAAA;AD2RF;;ACxRA;EACE,aAAA;AD2RF;;ACxRA;EACE,aAAA;EACA,SAAA;AD2RF;;ACxRA;EACE,aAAA;EACA,QAAA;AD2RF;;ACxRA;EACE,2BAAA;EACA,eAAA;EACA,gBAAA;AD2RF;;ACxRA;EACE,gBAAA;EACA,eAAA;EACA,iBAAA;AD2RF;;ACxRA;EACE,cAAA;AD2RF;;AC5RA;EACE,cAAA;AD2RF;;ACxRA;EACE,eAAA;EACA,eAAA;EACA,gBAAA;AD2RF;;ACxRA;EACE;IACE,UAAA;IACA,2BAAA;ED2RF;ECzRA;IACE,UAAA;IACA,wBAAA;ED2RF;AACF;ACxRA;EACE;IACE,kBAAA;ED0RF;ECvRA;IACE,uBAAA;EDyRF;ECtRA;IACE,kBAAA;EDwRF;AACF","file":"login.css","sourcesContent":[":root {\n --c-primary: #6690f4;\n --c-primary-dark: #3164db;\n --c-action-primary: #0f766e;\n --c-action-primary-dark: #0b5f59;\n --c-bg: #f4f6f9;\n --c-surface: #ffffff;\n --c-text: #4e5e6a;\n --c-text-strong: #2d3748;\n --c-muted: #718096;\n --c-border: #b0bec5;\n --c-danger: #cc0000;\n --focus-ring: 0 0 0 3px rgba(102, 144, 244, 0.15);\n --focus-ring-action: 0 0 0 3px rgba(15, 118, 110, 0.18);\n --shadow-card: 0 1px 4px rgba(0, 0, 0, 0.06);\n}\n\r\n.btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 34px;\r\n padding: 6px 12px;\r\n border: 1px solid transparent;\r\n border-radius: 8px;\r\n font: inherit;\r\n font-weight: 600;\r\n text-decoration: none;\r\n cursor: pointer;\r\n transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.1s ease;\r\n}\r\n\r\n.btn--primary {\n color: #ffffff;\n background: var(--c-action-primary);\n}\n\n.btn--primary:hover {\n background: var(--c-action-primary-dark);\n}\n\r\n.btn--secondary {\r\n color: var(--c-text-strong);\r\n border-color: var(--c-border);\r\n background: var(--c-surface);\r\n}\r\n\r\n.btn--secondary:hover {\r\n border-color: #cbd5e0;\r\n background: #f8fafc;\r\n}\r\n\r\n.btn--danger {\r\n color: #ffffff;\r\n border-color: #b91c1c;\r\n background: #dc2626;\r\n}\r\n\r\n.btn--danger:hover {\r\n border-color: #991b1b;\r\n background: #b91c1c;\r\n}\r\n\r\n.btn--sm {\r\n min-height: 28px;\r\n padding: 3px 10px;\r\n font-size: 12px;\r\n}\r\n\r\n.btn--block {\r\n width: 100%;\r\n}\r\n\r\n.btn--disabled {\r\n opacity: 0.3;\r\n cursor: not-allowed;\r\n pointer-events: none;\r\n}\r\n\r\n.btn:active {\r\n transform: translateY(1px);\r\n}\r\n\r\n.btn:focus-visible {\n outline: none;\n box-shadow: var(--focus-ring-action);\n border-color: var(--c-action-primary);\n}\n\r\n.form-control {\r\n width: 100%;\r\n min-height: 30px;\r\n border: 1px solid var(--c-border);\r\n border-radius: 6px;\r\n padding: 4px 8px;\r\n font: inherit;\r\n color: var(--c-text-strong);\r\n background: #ffffff;\r\n transition: border-color 0.2s ease, box-shadow 0.2s ease;\r\n}\r\n\r\n.form-control:focus {\r\n outline: none;\r\n border-color: var(--c-primary);\r\n box-shadow: var(--focus-ring);\r\n}\r\n\r\n.input {\r\n min-height: 34px;\r\n border: 1px solid var(--c-border);\r\n border-radius: 8px;\r\n padding: 5px 10px;\r\n font: inherit;\r\n color: var(--c-text-strong);\r\n background: #ffffff;\r\n}\r\n\r\n.input--sm {\r\n min-height: 28px;\r\n padding: 3px 8px;\r\n font-size: 12px;\r\n}\r\n\r\n.flash {\r\n padding: 8px 12px;\r\n border-radius: 6px;\r\n font-size: 13px;\r\n}\r\n\r\n.flash--success {\r\n border: 1px solid #b7ebcf;\r\n background: #f0fff6;\r\n color: #0f6b39;\r\n}\r\n\r\n.flash--error {\r\n border: 1px solid #fed7d7;\r\n background: #fff5f5;\r\n color: var(--c-danger);\r\n}\r\n\r\n.alert {\r\n padding: 12px 14px;\r\n border-radius: 8px;\r\n border: 1px solid transparent;\r\n font-size: 13px;\r\n min-height: 44px;\r\n}\r\n\r\n.alert--danger {\r\n border-color: #fed7d7;\r\n background: #fff5f5;\r\n color: var(--c-danger);\r\n}\r\n\r\n.alert--success {\r\n border-color: #b7ebcf;\r\n background: #f0fff6;\r\n color: #0f6b39;\r\n}\r\n\r\n.alert--warning {\r\n border-color: #f7dd8b;\r\n background: #fff8e8;\r\n color: #815500;\r\n}\r\n\r\n.form-field {\r\n display: grid;\r\n gap: 5px;\r\n}\r\n\r\n.field-label {\r\n color: var(--c-text-strong);\r\n font-size: 13px;\r\n font-weight: 600;\r\n}\r\n\r\n.table-wrap {\r\n width: 100%;\r\n overflow-x: auto;\r\n\r\n &--visible {\r\n overflow: visible !important;\r\n overflow-x: visible !important;\r\n }\r\n}\r\n\r\n.table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n background: var(--c-surface);\r\n}\r\n\r\n.table th,\r\n.table td {\r\n padding: 10px 12px;\r\n border-bottom: 1px solid var(--c-border);\r\n text-align: left;\r\n}\r\n\r\n.table th {\r\n color: var(--c-text-strong);\r\n font-weight: 700;\r\n background: #f8fafc;\r\n}\r\n\r\n.table--details th {\r\n white-space: nowrap;\r\n}\r\n\r\n.table--details th:first-child,\r\n.table--details td:first-child {\r\n width: 36px;\r\n text-align: center;\r\n}\r\n\r\n.pagination {\r\n display: flex;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.pagination__item {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-width: 36px;\r\n height: 36px;\r\n padding: 0 10px;\r\n border-radius: 8px;\r\n border: 1px solid var(--c-border);\r\n color: var(--c-text-strong);\r\n background: var(--c-surface);\r\n text-decoration: none;\r\n font-weight: 600;\r\n}\r\n\r\n.pagination__item:hover {\r\n border-color: #cbd5e0;\r\n background: #f8fafc;\r\n}\r\n\r\n.pagination__item.is-active {\r\n border-color: var(--c-primary);\r\n color: var(--c-primary);\r\n background: #edf2ff;\r\n}\r\n\r\n.receipt-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n margin-bottom: 16px;\r\n padding-bottom: 12px;\r\n border-bottom: 2px solid var(--c-text-strong);\r\n\r\n &__seller {\r\n flex: 1;\r\n\r\n strong {\r\n font-size: 14px;\r\n display: block;\r\n margin-bottom: 4px;\r\n }\r\n }\r\n\r\n &__title {\r\n text-align: right;\r\n\r\n h1 {\r\n font-size: 18px;\r\n font-weight: 700;\r\n margin-bottom: 4px;\r\n }\r\n }\r\n}\r\n\r\n.receipt-print {\r\n max-width: 700px;\r\n margin: 0 auto;\r\n\r\n @media print {\r\n max-width: 100%;\r\n }\r\n}\r\n",":root {\n --c-primary: #6690f4;\n --c-primary-dark: #3164db;\n --c-action-primary: #0f766e;\n --c-action-primary-dark: #0b5f59;\n --c-bg: #f4f6f9;\n --c-surface: #ffffff;\n --c-text: #4e5e6a;\n --c-text-strong: #2d3748;\n --c-muted: #718096;\n --c-border: #b0bec5;\n --c-danger: #cc0000;\n --focus-ring: 0 0 0 3px rgba(102, 144, 244, 0.15);\n --focus-ring-action: 0 0 0 3px rgba(15, 118, 110, 0.18);\n --shadow-card: 0 1px 4px rgba(0, 0, 0, 0.06);\n}\n\n.btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-height: 34px;\n padding: 6px 12px;\n border: 1px solid transparent;\n border-radius: 8px;\n font: inherit;\n font-weight: 600;\n text-decoration: none;\n cursor: pointer;\n transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.1s ease;\n}\n\n.btn--primary {\n color: #ffffff;\n background: var(--c-action-primary);\n}\n\n.btn--primary:hover {\n background: var(--c-action-primary-dark);\n}\n\n.btn--secondary {\n color: var(--c-text-strong);\n border-color: var(--c-border);\n background: var(--c-surface);\n}\n\n.btn--secondary:hover {\n border-color: #cbd5e0;\n background: #f8fafc;\n}\n\n.btn--danger {\n color: #ffffff;\n border-color: #b91c1c;\n background: #dc2626;\n}\n\n.btn--danger:hover {\n border-color: #991b1b;\n background: #b91c1c;\n}\n\n.btn--sm {\n min-height: 28px;\n padding: 3px 10px;\n font-size: 12px;\n}\n\n.btn--block {\n width: 100%;\n}\n\n.btn--disabled {\n opacity: 0.3;\n cursor: not-allowed;\n pointer-events: none;\n}\n\n.btn:active {\n transform: translateY(1px);\n}\n\n.btn:focus-visible {\n outline: none;\n box-shadow: var(--focus-ring-action);\n border-color: var(--c-action-primary);\n}\n\n.form-control {\n width: 100%;\n min-height: 30px;\n border: 1px solid var(--c-border);\n border-radius: 6px;\n padding: 4px 8px;\n font: inherit;\n color: var(--c-text-strong);\n background: #ffffff;\n transition: border-color 0.2s ease, box-shadow 0.2s ease;\n}\n\n.form-control:focus {\n outline: none;\n border-color: var(--c-primary);\n box-shadow: var(--focus-ring);\n}\n\n.input {\n min-height: 34px;\n border: 1px solid var(--c-border);\n border-radius: 8px;\n padding: 5px 10px;\n font: inherit;\n color: var(--c-text-strong);\n background: #ffffff;\n}\n\n.input--sm {\n min-height: 28px;\n padding: 3px 8px;\n font-size: 12px;\n}\n\n.flash {\n padding: 8px 12px;\n border-radius: 6px;\n font-size: 13px;\n}\n\n.flash--success {\n border: 1px solid #b7ebcf;\n background: #f0fff6;\n color: #0f6b39;\n}\n\n.flash--error {\n border: 1px solid #fed7d7;\n background: #fff5f5;\n color: var(--c-danger);\n}\n\n.alert {\n padding: 12px 14px;\n border-radius: 8px;\n border: 1px solid transparent;\n font-size: 13px;\n min-height: 44px;\n}\n\n.alert--danger {\n border-color: #fed7d7;\n background: #fff5f5;\n color: var(--c-danger);\n}\n\n.alert--success {\n border-color: #b7ebcf;\n background: #f0fff6;\n color: #0f6b39;\n}\n\n.alert--warning {\n border-color: #f7dd8b;\n background: #fff8e8;\n color: #815500;\n}\n\n.form-field {\n display: grid;\n gap: 5px;\n}\n\n.field-label {\n color: var(--c-text-strong);\n font-size: 13px;\n font-weight: 600;\n}\n\n.table-wrap {\n width: 100%;\n overflow-x: auto;\n}\n.table-wrap--visible {\n overflow: visible !important;\n overflow-x: visible !important;\n}\n\n.table {\n width: 100%;\n border-collapse: collapse;\n background: var(--c-surface);\n}\n\n.table th,\n.table td {\n padding: 10px 12px;\n border-bottom: 1px solid var(--c-border);\n text-align: left;\n}\n\n.table th {\n color: var(--c-text-strong);\n font-weight: 700;\n background: #f8fafc;\n}\n\n.table--details th {\n white-space: nowrap;\n}\n\n.table--details th:first-child,\n.table--details td:first-child {\n width: 36px;\n text-align: center;\n}\n\n.pagination {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 8px;\n}\n\n.pagination__item {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 36px;\n height: 36px;\n padding: 0 10px;\n border-radius: 8px;\n border: 1px solid var(--c-border);\n color: var(--c-text-strong);\n background: var(--c-surface);\n text-decoration: none;\n font-weight: 600;\n}\n\n.pagination__item:hover {\n border-color: #cbd5e0;\n background: #f8fafc;\n}\n\n.pagination__item.is-active {\n border-color: var(--c-primary);\n color: var(--c-primary);\n background: #edf2ff;\n}\n\n.receipt-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n margin-bottom: 16px;\n padding-bottom: 12px;\n border-bottom: 2px solid var(--c-text-strong);\n}\n.receipt-header__seller {\n flex: 1;\n}\n.receipt-header__seller strong {\n font-size: 14px;\n display: block;\n margin-bottom: 4px;\n}\n.receipt-header__title {\n text-align: right;\n}\n.receipt-header__title h1 {\n font-size: 18px;\n font-weight: 700;\n margin-bottom: 4px;\n}\n\n.receipt-print {\n max-width: 700px;\n margin: 0 auto;\n}\n@media print {\n .receipt-print {\n max-width: 100%;\n }\n}\n\n:root {\n --shadow-card: 0 20px 50px rgba(22, 34, 58, 0.14);\n}\n\n* {\n box-sizing: border-box;\n}\n\nhtml,\nbody {\n min-height: 100%;\n}\n\nbody {\n margin: 0;\n font-family: \"Roboto\", \"Segoe UI\", sans-serif;\n color: var(--c-text);\n background: var(--c-bg);\n overflow-x: hidden;\n}\n\n.bg-orb {\n position: fixed;\n width: 460px;\n height: 460px;\n border-radius: 999px;\n filter: blur(28px);\n z-index: 0;\n opacity: 0.45;\n pointer-events: none;\n}\n\n.bg-orb-left {\n top: -200px;\n left: -180px;\n background: radial-gradient(circle, rgba(102, 144, 244, 0.48) 0%, rgba(102, 144, 244, 0) 70%);\n}\n\n.bg-orb-right {\n right: -200px;\n bottom: -220px;\n background: radial-gradient(circle, rgba(30, 42, 58, 0.36) 0%, rgba(30, 42, 58, 0) 70%);\n}\n\n.login-page {\n min-height: 100vh;\n display: grid;\n place-items: center;\n padding: 32px 20px;\n position: relative;\n z-index: 1;\n}\n\n.login-card {\n width: 100%;\n max-width: 430px;\n background: var(--c-surface);\n border: 1px solid var(--c-border);\n border-radius: 12px;\n box-shadow: var(--shadow-card);\n padding: 34px 30px 28px;\n animation: card-enter 420ms ease-out;\n}\n\n.login-header {\n margin-bottom: 24px;\n}\n\n.login-badge {\n display: inline-block;\n margin: 0 0 14px;\n padding: 5px 12px;\n border-radius: 999px;\n border: 1px solid #d9e2ff;\n background: #eef2ff;\n color: #3f5faf;\n font-size: 12px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.06em;\n}\n\nh1 {\n margin: 0;\n color: var(--c-text-strong);\n font-size: clamp(1.6rem, 2.5vw, 1.9rem);\n line-height: 1.15;\n font-weight: 700;\n}\n\n.login-subtitle {\n margin: 10px 0 0;\n font-size: 15px;\n line-height: 1.55;\n color: var(--c-muted);\n}\n\n.login-alert {\n margin-bottom: 18px;\n}\n\n.login-alert-placeholder {\n opacity: 0.56;\n}\n\n.login-form {\n display: grid;\n gap: 16px;\n}\n\n.form-field {\n display: grid;\n gap: 7px;\n}\n\n.field-label {\n color: var(--c-text-strong);\n font-size: 13px;\n font-weight: 600;\n}\n\n.login-form .form-control {\n min-height: 46px;\n padding: 0 14px;\n border-width: 2px;\n}\n\n.login-form .form-control::placeholder {\n color: #cbd5e0;\n}\n\n.login-submit {\n margin-top: 2px;\n font-size: 15px;\n min-height: 48px;\n}\n\n@keyframes card-enter {\n from {\n opacity: 0;\n transform: translateY(10px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n@media (max-width: 640px) {\n .login-page {\n padding: 18px 14px;\n }\n .login-card {\n padding: 24px 20px 20px;\n }\n h1 {\n font-size: 1.55rem;\n }\n}","@use \"shared/ui-components\";\r\n\r\n:root {\r\n --shadow-card: 0 20px 50px rgba(22, 34, 58, 0.14);\r\n}\r\n\r\n* {\r\n box-sizing: border-box;\r\n}\r\n\r\nhtml,\r\nbody {\r\n min-height: 100%;\r\n}\r\n\r\nbody {\r\n margin: 0;\r\n font-family: \"Roboto\", \"Segoe UI\", sans-serif;\r\n color: var(--c-text);\r\n background: var(--c-bg);\r\n overflow-x: hidden;\r\n}\r\n\r\n.bg-orb {\r\n position: fixed;\r\n width: 460px;\r\n height: 460px;\r\n border-radius: 999px;\r\n filter: blur(28px);\r\n z-index: 0;\r\n opacity: 0.45;\r\n pointer-events: none;\r\n}\r\n\r\n.bg-orb-left {\r\n top: -200px;\r\n left: -180px;\r\n background: radial-gradient(circle, rgba(102, 144, 244, 0.48) 0%, rgba(102, 144, 244, 0) 70%);\r\n}\r\n\r\n.bg-orb-right {\r\n right: -200px;\r\n bottom: -220px;\r\n background: radial-gradient(circle, rgba(30, 42, 58, 0.36) 0%, rgba(30, 42, 58, 0) 70%);\r\n}\r\n\r\n.login-page {\r\n min-height: 100vh;\r\n display: grid;\r\n place-items: center;\r\n padding: 32px 20px;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n.login-card {\r\n width: 100%;\r\n max-width: 430px;\r\n background: var(--c-surface);\r\n border: 1px solid var(--c-border);\r\n border-radius: 12px;\r\n box-shadow: var(--shadow-card);\r\n padding: 34px 30px 28px;\r\n animation: card-enter 420ms ease-out;\r\n}\r\n\r\n.login-header {\r\n margin-bottom: 24px;\r\n}\r\n\r\n.login-badge {\r\n display: inline-block;\r\n margin: 0 0 14px;\r\n padding: 5px 12px;\r\n border-radius: 999px;\r\n border: 1px solid #d9e2ff;\r\n background: #eef2ff;\r\n color: #3f5faf;\r\n font-size: 12px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.06em;\r\n}\r\n\r\nh1 {\r\n margin: 0;\r\n color: var(--c-text-strong);\r\n font-size: clamp(1.6rem, 2.5vw, 1.9rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.login-subtitle {\r\n margin: 10px 0 0;\r\n font-size: 15px;\r\n line-height: 1.55;\r\n color: var(--c-muted);\r\n}\r\n\r\n.login-alert {\r\n margin-bottom: 18px;\r\n}\r\n\r\n.login-alert-placeholder {\r\n opacity: 0.56;\r\n}\r\n\r\n.login-form {\r\n display: grid;\r\n gap: 16px;\r\n}\r\n\r\n.form-field {\r\n display: grid;\r\n gap: 7px;\r\n}\r\n\r\n.field-label {\r\n color: var(--c-text-strong);\r\n font-size: 13px;\r\n font-weight: 600;\r\n}\r\n\r\n.login-form .form-control {\r\n min-height: 46px;\r\n padding: 0 14px;\r\n border-width: 2px;\r\n}\r\n\r\n.login-form .form-control::placeholder {\r\n color: #cbd5e0;\r\n}\r\n\r\n.login-submit {\r\n margin-top: 2px;\r\n font-size: 15px;\r\n min-height: 48px;\r\n}\r\n\r\n@keyframes card-enter {\r\n from {\r\n opacity: 0;\r\n transform: translateY(10px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n .login-page {\r\n padding: 18px 14px;\r\n }\r\n\r\n .login-card {\r\n padding: 24px 20px 20px;\r\n }\r\n\r\n h1 {\r\n font-size: 1.55rem;\r\n }\r\n}\r\n"]} \ No newline at end of file diff --git a/resources/views/settings/email-templates-form.php b/resources/views/settings/email-templates-form.php new file mode 100644 index 0000000..50ccf62 --- /dev/null +++ b/resources/views/settings/email-templates-form.php @@ -0,0 +1,221 @@ + + +
+

+

Skonfiguruj temat, tresc i zmienne, ktore beda podstawiane podczas wysylki.

+ + + + + +
+ +
+ +
+
+ + + + + + +
+ + +
+ +
+ +
+ +
+
+ +
+ +
+
+ +
+ Tresc wiadomosci * +

Dostepne sa zmienne przesylki: {{przesylka.numer}} oraz {{przesylka.link_sledzenia}}.

+ +
+ +
+ + Powrot do listy +
+
+
+ + + + + + diff --git a/resources/views/settings/email-templates.php b/resources/views/settings/email-templates.php index 6a5047f..8c98802 100644 --- a/resources/views/settings/email-templates.php +++ b/resources/views/settings/email-templates.php @@ -1,14 +1,13 @@
-

Szablony e-mail

+
+

Szablony e-mail

+ Dodaj szablon +

Szablony wiadomosci e-mail z edytorem i systemem zmiennych.

@@ -23,7 +22,7 @@ $attachmentTypes = is_array($attachmentTypes ?? null) ? $attachmentTypes : [];

Lista szablonow

-

Brak szablonow. Dodaj pierwszy szablon ponizej.

+

Brak szablonow. Kliknij "Dodaj szablon", aby utworzyc pierwszy.

@@ -39,11 +38,12 @@ $attachmentTypes = is_array($attachmentTypes ?? null) ? $attachmentTypes : []; - + + - - + + @@ -77,211 +77,10 @@ $attachmentTypes = is_array($attachmentTypes ?? null) ? $attachmentTypes : []; -
-

- -
- - - - - - -
- - -
- -
- -
- -
-
- -
- -
-
- -
- Tresc wiadomosci * -

Dostepne sa zmienne przesylki: {{przesylka.numer}} oraz {{przesylka.link_sledzenia}}.

- -
- -
- - - Anuluj - -
- -
- - - - -
Aktywny @@ -52,20 +52,20 @@ $attachmentTypes = is_array($attachmentTypes ?? null) ? $attachmentTypes : []; - Edytuj + Edytuj
- +
- +