diff --git a/.paul/PROJECT.md b/.paul/PROJECT.md index a5437bf..ef7f30c 100644 --- a/.paul/PROJECT.md +++ b/.paul/PROJECT.md @@ -13,8 +13,8 @@ Sprzedawca moĹĽe obsĹ‚ugiwać zamĂłwienia ze wszystkich kanaĹ‚Ăłw | Attribute | Value | |-----------|-------| | Version | 3.9.0-dev | -| Status | v3.9 Stabilizacja i splata dlugu technicznego complete - Phase 140 shopPRO Polkurier Delivery Mapping closed | -| Last Updated | 2026-05-18 (Phase 140 unified) | +| Status | v3.10 Integrations UI Polish complete - Phase 141 closed | +| Last Updated | 2026-05-18 (Phase 141 unified) | ## Requirements @@ -140,6 +140,7 @@ Sprzedawca moĹĽe obsĹ‚ugiwać zamĂłwienia ze wszystkich kanaĹ‚Ăłw - [x] Security and Legacy Hardening: test SMTP ma strict TLS by default z lokalnym `SMTP_ALLOW_SELF_SIGNED_DEV`, szablony e-mail/SMS blokuja nieznane placeholdery, raw `$_SESSION` jest izolowany w `Session`, a wskazane widoki uzywaja `$component()` zamiast hard `require` — Phase 138 - [x] Sonar Critical/Major Cleanup: Phase 139 odswiezyla baseline Sonar i zmniejszyla OPEN BLOCKER/CRITICAL/MAJOR z 648 do 495 przez delivery-status/statistics cleanup, typowane wyjatki oraz szeroka migracje alert include/import patterns — Phase 139 - [x] shopPRO Polkurier Delivery Mapping: zakladka `Dostawy` integracji shopPRO pozwala mapowac forme dostawy na Polkurier, laduje uslugi z `PolkurierShipmentService::getDeliveryServices()` i zapisuje `provider='polkurier'` w `carrier_delivery_method_mappings` bez migracji DB — Phase 140 +- [x] Integrations Hub Grouped Sections: `/settings/integrations` pokazuje lekkie sekcje dla marketplace, kurierow i pozostalych integracji, bez starego naglowka/opisu wspolnego panelu — Phase 141 - [x] Integracja polkurier.pl (fundament): pojedyncza globalna konfiguracja w `/settings/integrations/polkurier`, szyfrowany Token API + login, karta w hubie integracji obok Apaczki i realny test polaczenia przez `apimetod=test_auth_api` zweryfikowany na zywym koncie operatora; `ShipmentProviderRegistry` netkniety — `PolkurierShipmentService/TrackingService` w kolejnych fazach — Phase 127 - [x] polkurier ShipmentService + TrackingService + UI prepare panel: pelen kontrakt API (createShipment/getLabel/getStatus/cancelOrder/getAvailableCarriers), `PolkurierShipmentService` implementujacy `ShipmentProviderInterface` z normalizacja shipmenttype (lowercase) i splitem ulicy na street/housenumber/flatnumber, `PolkurierTrackingService` mapujacy statusy O/P/A/WP/D/Z/W na znormalizowane, panel "polkurier" w `prepare.php` z dynamiczna lista uslug z `available_carriers`, seed migracja `delivery_status_mappings(provider='polkurier')` z 7 wpisami z PDF v1.11; live test na #114/#115 zakonczony sukcesem po 4 iteracjach (ReferenceError → uppercase shipmenttype → orderno parsing → A4/A6); rozmiar etykiety sterowany w panelu klienta polkurier.pl (Ustawienia konta → Preferencje etykiet), NIE przez API — Phase 128 - [x] Order User Notes module (Phase 129): pelen CRUD notatek autorskich operatora per zamowienie. Reuse `order_notes` przez nowy `note_type='user'` z `user_id` (FK→users SET NULL) + `author_name` (snapshot) + indeks `idx_order_notes_type_order`. `OrderNotesService` z autoryzacja DB-level (`WHERE user_id = :user_id`, rowCount=0 ⇒ 403). Sekcja `#notes` w "Wiadomosci i zalaczniki" w `/orders/{id}` z inline edit form + delete przez `OrderProAlerts.confirm`. Badge `[N]` (indigo neutralny) przy nr zamowienia na `/orders/list` (subquery `user_notes_count` w paginate). Brak admin override (brak systemu rol w aplikacji) — edit/delete tylko dla autora — Phase 129 @@ -322,6 +323,6 @@ Quick Reference: --- *PROJECT.md — Updated when requirements or context change* -*Last updated: 2026-05-18 after Phase 140 (shopPRO Polkurier Delivery Mapping) closure* +*Last updated: 2026-05-18 after Phase 141 closure* diff --git a/.paul/ROADMAP.md b/.paul/ROADMAP.md index c505823..5a7610d 100644 --- a/.paul/ROADMAP.md +++ b/.paul/ROADMAP.md @@ -6,12 +6,27 @@ orderPRO to narzedzie do wielokanalowego zarzadzania sprzedaza. Projekt przechod ## Current Milestone -v3.9 Stabilizacja i splata dlugu technicznego +v3.10 Integrations UI Polish - Complete + +Maly milestone porzadkujacy ekran `/settings/integrations`, aby rosnaca liczba integracji byla latwiejsza do skanowania bez zmiany backendowych kontraktow providerow. + +Progress: 1 of 1 phases complete (100%). + +| Phase | Name | Plans | Status | +|-------|------|-------|--------| +| 141 | Integrations Hub Grouped Sections | 1/1 | Complete (2026-05-18; manual UI/Sonar follow-up pending) | + +### Phase 141: Integrations Hub Grouped Sections + +Focus: Podzielic `/settings/integrations` na lekkie sekcje/kafelki: marketplace (Allegro Sandbox, Allegro Production, shopPRO, Erli), kurierzy (InPost, Apaczka, polkurier.pl) i pozostale (Fakturownia, HostedSMS, SMSPLANET), usuwajac niepotrzebny naglowek/opis "Wspolny panel konfiguracji wszystkich providerow." +Plans: 141-01 (complete; `.paul/phases/141-integrations-hub-grouped-sections/141-01-SUMMARY.md`) + +## Previous Milestone + +v3.9 Stabilizacja i splata dlugu technicznego - Complete Milestone porzadkujacy zbudowany z `.paul/codebase/todo.md` i `.paul/codebase/concerns.md`: poprawa znanych bugow, weryfikacja stalych ryzyk, domkniecie security/performance oraz ograniczenie dlugu technicznego, ktory utrudnia kolejne wdrozenia. -Rule for every phase/plan: przed implementacja sprawdzic w kodzie i dokumentacji, czy wpis nadal jest aktualny i czy nie zostal juz wdrozony; nastepnie przedstawic krotki plan operatorowi i zapytac o potwierdzenie. Dopiero po akceptacji wolno wprowadzac zmiany i uruchamiac testy. Jezeli wpis jest nieaktualny albo juz zrealizowany, faza/planu ma zamknac go dokumentacyjnie bez niepotrzebnej zmiany kodu. - Progress: 7 of 7 phases complete (100%). | Phase | Name | Plans | Status | @@ -59,7 +74,7 @@ Plans: 139-01 (complete; `.paul/phases/139-sonar-critical-major-cleanup/139-01-S Focus: Dodac Polkurier do zakladki Dostawy w ustawieniach integracji shopPRO, aby formy dostawy z zamowien shopPRO mogly byc mapowane na lokalna usluge Polkurier i pozniej automatycznie preselectowane przy przygotowaniu przesylki. Plans: 140-01 (complete; `.paul/phases/140-shoppro-polkurier-delivery-mapping/140-01-SUMMARY.md`) -## Previous Milestone +## Earlier Milestone v3.8 Erli Marketplace Integration - Complete in code @@ -621,4 +636,4 @@ Archive: `.paul/milestones/v0.1-ROADMAP.md` --- *Roadmap created: 2026-03-12* -*Last updated: 2026-05-18 - Phase 140 complete; v3.9 milestone complete; obsolete phases 140+ removed* +*Last updated: 2026-05-18 - Phase 141 complete; v3.10 Integrations UI Polish complete* diff --git a/.paul/STATE.md b/.paul/STATE.md index 07dcd20..31fba49 100644 --- a/.paul/STATE.md +++ b/.paul/STATE.md @@ -5,19 +5,19 @@ See: .paul/PROJECT.md (updated 2026-05-18) **Core value:** Sprzedawca moze obslugiwac zamowienia ze wszystkich kanalow sprzedazy i nadawac przesylki bez przelaczania sie miedzy platformami. -**Current focus:** v3.9 Stabilizacja i splata dlugu technicznego complete; Phase 140 shopPRO Polkurier Delivery Mapping unified. +**Current focus:** v3.10 Integrations UI Polish complete; Phase 141 Integrations Hub Grouped Sections unified. ## Current Position -Milestone: v3.9 Stabilizacja i splata dlugu technicznego -Phase: 140 of 140 (shopPRO Polkurier Delivery Mapping) - Complete -Plan: 140-01 complete +Milestone: v3.10 Integrations UI Polish +Phase: 141 of 141 (Integrations Hub Grouped Sections) - Complete +Plan: 141-01 complete Status: Milestone complete, ready for next milestone or release decision -Last activity: 2026-05-18 00:00 - Unified .paul/phases/140-shoppro-polkurier-delivery-mapping/140-01-PLAN.md +Last activity: 2026-05-18 00:00 - Unified .paul/phases/141-integrations-hub-grouped-sections/141-01-PLAN.md Progress: -- Milestone v3.9: [##########] 100% (7 of 7 phases complete) -- Phase 140: [##########] 100% (complete) +- Milestone v3.10: [##########] 100% (1 of 1 phases complete) +- Phase 141: [##########] 100% (complete) ## Loop Position @@ -30,18 +30,18 @@ PLAN -> APPLY -> UNIFY ## Session Continuity Last session: 2026-05-18 00:00 -Stopped at: Phase 140 complete; v3.9 milestone complete +Stopped at: Phase 141 complete; v3.10 milestone complete Next action: Run $paul-complete-milestone or start next milestone planning -Resume file: .paul/phases/140-shoppro-polkurier-delivery-mapping/140-01-SUMMARY.md +Resume file: .paul/phases/141-integrations-hub-grouped-sections/141-01-SUMMARY.md ## Pending parallel work - None — Phase 118, 121, 122 wszystkie zacommitowane (8f14851, 360eef1). ## Git State -Last commit: HEAD feat(140): shoppro polkurier delivery mapping -Last phase commit: HEAD feat(140): shoppro polkurier delivery mapping -Previous: feat(139): sonar critical major cleanup +Last commit: HEAD feat(141): group integrations hub sections +Last phase commit: HEAD feat(141): group integrations hub sections +Previous: feat(140): shoppro polkurier delivery mapping Branch: main ### Skill Audit (Phase 139) @@ -57,6 +57,12 @@ Branch: main |----------|---------|-------| | `sonar-scanner` | gap documented | `sonar-project.properties` exists, but `sonar-scanner` is not available in PATH and the Phase 139 `%TEMP%` fallback scanner is not present. | +### Skill Audit (Phase 141) + +| Expected | Invoked | Notes | +|----------|---------|-------| +| `sonar-scanner` | gap documented | Attempted after APPLY with `sonar-scanner --version`; CLI is not available in PATH. | + ### Skill Audit (Phase 129) | Expected | Invoked | Notes | @@ -129,6 +135,7 @@ Branch: main - Phase 139 is confirmed by operator. Plan 139-01 must run a fresh `sonar-scanner` before code cleanup; stale API-only results are not enough. Scope should fix as many confirmed issues as safely possible, split across multiple plans if needed. - Phase 139-01 fresh scan found 648 OPEN BLOCKER/CRITICAL/MAJOR issues; final scan after cleanup found 605. Delivery status target files are clean; `OrdersStatisticsRepository` still needs a class split for `php:S1448`. - Phase 139-02 final scan found 495 OPEN BLOCKER/CRITICAL/MAJOR issues. `php:S4833` dropped to 3 and selected `php:S112` generic exception clusters were replaced with typed exceptions. +- Phase 141 grouped `/settings/integrations` into presentation-only sections: marketplace, couriers and other. Provider row contracts, routes and settings pages remain unchanged. ### Blockers / Concerns @@ -139,6 +146,7 @@ Branch: main - Phase 138 APPLY: `vendor/bin/phpunit` is missing, so new unit tests were linted but not run; `sonar-scanner` is unavailable in PATH. PHP lint, targeted `rg` checks and `git diff --check` passed. - Phase 139 APPLY: local PATH still does not contain `sonar-scanner`, but the official Windows x64 scanner was downloaded to `%TEMP%` and used successfully. `vendor/bin/phpunit` remains unavailable because `vendor/` is missing and Composer is not installed in PATH. - Phase 140 APPLY: manual UI smoke was not run because local app/DB session was not started; Sonar scan could not run because `sonar-scanner` is unavailable. +- Phase 141 APPLY: manual UI smoke was not run because local app/browser session was not started; Sonar scan could not run because `sonar-scanner` is unavailable. - Obsolete Phase 140+ debt plans were removed from the active roadmap on 2026-05-18 by operator decision; performance/debt items can be reintroduced later only if still relevant. ### Deferred Issues @@ -152,6 +160,8 @@ Branch: main - Phase 139 follow-up: continue with confirmed groups `php:S1142`, `php:S3776`, `php:S1172`, `php:S1192`, `php:S112`, plus Web table/accessibility issues. `php:S4833` is now only 3 core framework require issues. - Phase 140 follow-up: manual smoke `/settings/integrations/shoppro?tab=delivery` -> wybierz Polkurier -> zapisz -> odswiez -> mapowanie pozostaje; potem przygotuj przesylke shopPRO i potwierdz preselect `provider='polkurier'`. - Phase 140 follow-up: uruchom SonarQube scan po przywroceniu `sonar-scanner` w PATH albo ponownym pobraniu oficjalnego scanner fallback. +- Phase 141 follow-up: manual smoke `/settings/integrations` -> potwierdz sekcje marketplace/kurierzy/pozostale, osobne wiersze Allegro Sandbox/Production i poprawne linki Ustawienia. +- Phase 141 follow-up: uruchom SonarQube scan po przywroceniu `sonar-scanner` w PATH albo ponownym pobraniu oficjalnego scanner fallback. - Phase 138 manual smoke: test a real SMTP SSL/STARTTLS mailbox in strict mode; test invalid and valid e-mail/SMS template saves in UI. - Manualne testy AC-1..AC-7 dla Phase 112 na zywej bazie (XAMPP online). - Backfill zamowienia #882 - operator robi recznie po wdrozeniu (poza zakresem planu). diff --git a/.paul/changelog/2026-05-18.md b/.paul/changelog/2026-05-18.md index 68d1823..7ad3d31 100644 --- a/.paul/changelog/2026-05-18.md +++ b/.paul/changelog/2026-05-18.md @@ -7,6 +7,11 @@ - Zapis mapowan shopPRO obsluguje `provider='polkurier'` oraz zapis service code i nazwy uslugi w `carrier_delivery_method_mappings`. - Zaktualizowano dokumentacje architektury, techniczny changelog oraz stan PAUL; stare nieaktualne fazy 140+ usunieto z aktywnej roadmapy. - Gap: manualny smoke UI i SonarQube scan pozostaja do wykonania po uruchomieniu app/DB i przywroceniu `sonar-scanner`. +- [Phase 141, Plan 01] Podzielono `/settings/integrations` na lekkie sekcje marketplace, kurierzy i pozostale. +- Usunieto stary opis huba "Wspolny panel konfiguracji wszystkich providerow." z renderowanego widoku. +- Zachowano osobne wiersze Allegro Sandbox i Allegro Production oraz dotychczasowe linki konfiguracji providerow. +- Dodano kompaktowe style SCSS dla huba integracji i przebudowano `public/assets/css/app.css`. +- Gap: manualny smoke UI i SonarQube scan Phase 141 pozostaja do wykonania po uruchomieniu app/DB i przywroceniu `sonar-scanner`. ## Zmienione pliki @@ -19,6 +24,12 @@ - `DOCS/ARCHITECTURE.md` - `DOCS/TECH_CHANGELOG.md` - `resources/lang/pl.php` +- `resources/scss/app.scss` +- `public/assets/css/app.css` +- `resources/views/settings/integrations.php` - `resources/views/settings/shoppro.php` - `routes/web.php` +- `src/Modules/Settings/IntegrationsHubController.php` - `src/Modules/Settings/ShopproIntegrationsController.php` +- `.paul/phases/141-integrations-hub-grouped-sections/141-01-PLAN.md` +- `.paul/phases/141-integrations-hub-grouped-sections/141-01-SUMMARY.md` diff --git a/.paul/phases/141-integrations-hub-grouped-sections/141-01-PLAN.md b/.paul/phases/141-integrations-hub-grouped-sections/141-01-PLAN.md new file mode 100644 index 0000000..5b46839 --- /dev/null +++ b/.paul/phases/141-integrations-hub-grouped-sections/141-01-PLAN.md @@ -0,0 +1,193 @@ +--- +phase: 141-integrations-hub-grouped-sections +plan: 01 +type: execute +wave: 1 +depends_on: [] +files_modified: + - src/Modules/Settings/IntegrationsHubController.php + - resources/views/settings/integrations.php + - resources/lang/pl.php + - resources/scss/app.scss + - public/assets/css/app.css + - DOCS/ARCHITECTURE.md + - DOCS/TECH_CHANGELOG.md +autonomous: true +delegation: off +--- + + +## Goal +Podzielic `/settings/integrations` na trzy czytelne grupy: marketplace, kurierzy oraz pozostale integracje, bez obecnego naglowka z opisem "Wspolny panel konfiguracji wszystkich providerow." + +## Purpose +Hub integracji ma byc szybszy do skanowania. Operator powinien natychmiast widziec, ktore konfiguracje dotycza kanalow sprzedazy, ktore przewoznikow, a ktore narzedzi pomocniczych. + +## Output +Zmieniony model danych dla widoku huba integracji, widok renderujacy lekkie sekcje/kafelki grup oraz style SCSS/CSS dla kompaktowego ukladu. + + + + +- **Uklad** - Jak maja wygladac boksy na stronie Integracje? + -> Odpowiedz: Bardziej sekcje niz karty, lub jakies kafelki. +- **Allegro** - Czy Allegro Sandbox i Allegro Production maja zostac jako dwa osobne wiersze w boksie marketplace? + -> Odpowiedz: Moga byc osobno. + + +## Project Context +@.paul/PROJECT.md +@.paul/ROADMAP.md +@.paul/STATE.md +@DOCS/ARCHITECTURE.md +@DOCS/DB_SCHEMA.md + +## Source Files +@src/Modules/Settings/IntegrationsHubController.php +@resources/views/settings/integrations.php +@resources/lang/pl.php +@resources/scss/app.scss +@package.json + + + +## Required Skills (from SPECIAL-FLOWS.md) + +| Skill | Priority | When to Invoke | Loaded? | +|-------|----------|----------------|---------| +| sonar-scanner | required | Po APPLY, przed UNIFY, jezeli CLI jest dostepny | ○ | +| /frontend-design | optional | Przy dopracowaniu ukladu sekcji/kafelkow | ○ | + +**BLOCKING:** Required skill `sonar-scanner` should be attempted after implementation. If unavailable in PATH, document the environment gap in SUMMARY/STATE as in prior phases. + + + + +## AC-1: Brak zbednego hero/naglowka +```gherkin +Given operator otwiera /settings/integrations +When strona sie renderuje +Then nie widzi osobnej karty z naglowkiem "Integracje" i opisem "Wspolny panel konfiguracji wszystkich providerow." +And komunikaty flash/error nadal renderuja sie na gorze strony przez komponent alertu +``` + +## AC-2: Grupa marketplace +```gherkin +Given hub integracji ma dane Allegro, shopPRO i Erli +When operator oglada sekcje "Integracje z marketplace" +Then widzi w niej Allegro Sandbox, Allegro Production, shopPRO i Erli +And oba srodowiska Allegro pozostaja osobnymi pozycjami z linkami konfiguracji +``` + +## AC-3: Grupa kurierow +```gherkin +Given hub integracji ma dane przewoznikow +When operator oglada sekcje "Integracje z kurierami" +Then widzi w niej InPost, Apaczka i polkurier.pl +And statusy konfiguracji, sekretow, aktywnosci, ostatniego testu i akcje pozostaja dostepne +``` + +## AC-4: Grupa pozostalych integracji +```gherkin +Given hub integracji ma dane pozostalych providerow +When operator oglada sekcje "Integracje pozostale" +Then widzi w niej Fakturownie, HostedSMS i SMSPLANET +And kazda pozycja ma ten sam zakres informacji i przycisk konfiguracji co przed zmiana +``` + +## AC-5: Kompaktowy, responsywny uklad +```gherkin +Given operator korzysta z widoku desktop lub mobile +When lista integracji jest dluga albo szerokie kolumny sie nie mieszcza +Then sekcje sa zwarte, czytelne i nie rozpychaja strony poza viewport +And na mobile tabele pozostaja przewijalne poziomo jak dotychczas +``` + + + + + + + Task 1: Zgrupowac dane huba integracji + src/Modules/Settings/IntegrationsHubController.php + + Zmienic `index()` tak, aby zamiast jednej listy `rows` przekazywal do widoku `groups`. + Kazda grupa ma miec klucz, tytul z tlumaczen i liste wierszy: + - marketplace: Allegro Sandbox, Allegro Production, shopPRO, Erli + - couriers: InPost, Apaczka, polkurier.pl + - other: Fakturownia, HostedSMS, SMSPLANET + Zachowac obecne metody `build*Row()` i ich kontrakty wiersza, zeby nie ruszac logiki statusow ani linkow konfiguracji. + + `C:\xampp\php\php.exe -l src/Modules/Settings/IntegrationsHubController.php` + AC-2, AC-3 i AC-4 satisfied: widok dostaje kompletne grupy bez utraty pozycji. + + + + Task 2: Przebudowac widok na lekkie sekcje/kafelki + resources/views/settings/integrations.php, resources/lang/pl.php + + Usunac pierwsza karte z `

` i opisem huba. Komunikaty `errorMessage` i `successMessage` zostawic nad lista. + W widoku iterowac po `groups`; kazda grupa ma renderowac lekka sekcje `.integrations-hub-section` z naglowkiem i tabela tych samych kolumn co obecnie. + Zachowac escape przez `$e()`, `$component('components/alert', ...)` dla alertow i obecny pusty stan dla grup bez pozycji. + Dodac tlumaczenia tytulow grup, usuwajac zaleznosc widoku od niepotrzebnego opisu huba. + + `C:\xampp\php\php.exe -l resources/views/settings/integrations.php`; `rg -n "Wspolny panel konfiguracji wszystkich providerow|integrations_hub.description" resources/views/settings/integrations.php resources/lang/pl.php` should not find an active rendered description dependency + AC-1, AC-2, AC-3 i AC-4 satisfied: UI renderuje trzy grupy i nie pokazuje starego naglowka/opisu. + + + + Task 3: Dodac kompaktowe style i zbudowac CSS + resources/scss/app.scss, public/assets/css/app.css, DOCS/ARCHITECTURE.md, DOCS/TECH_CHANGELOG.md + + Dodac style dla sekcji huba integracji do `resources/scss/app.scss`: + - lekki kontener sekcji zamiast ciezkiej karty w karcie, + - zwarty naglowek sekcji, + - grid/stack z rozsadnymi odstepami, + - zachowanie `.table-wrap` dla poziomego scrolla. + Uruchomic `npm run build:css`, aby odswiezyc `public/assets/css/app.css`. + Zaktualizowac `DOCS/ARCHITECTURE.md` o kontrakt grup huba integracji i `DOCS/TECH_CHANGELOG.md` o zmiane UI bez migracji DB. + + `npm run build:css`; `git diff --check`; `rg -n "IntegrationsHubController|Phase 141|hub integracji" DOCS/ARCHITECTURE.md DOCS/TECH_CHANGELOG.md` + AC-5 satisfied: style sa w SCSS, CSS zbudowany, dokumentacja opisuje nowy uklad. + + + + + + +## DO NOT CHANGE +- database/migrations/* - zmiana nie wymaga schematu DB. +- Logika zapisu/testowania integracji w dedykowanych kontrolerach providerow. +- Endpointy `/settings/integrations/*` i linki konfiguracji providerow. +- Kontrakty wierszy `build*Row()` poza ewentualnym uporzadkowaniem grupowania. + +## SCOPE LIMITS +- Bez dodawania nowych integracji. +- Bez zmiany statusow, sekretow, aktywnosci ani sposobu pobierania `last_test_at`. +- Bez migracji DB i bez zmian w `.env.example`. +- Bez redesignu podstron konkretnych integracji, tylko hub `/settings/integrations`. + + + + +Before declaring plan complete: +- [ ] `C:\xampp\php\php.exe -l src/Modules/Settings/IntegrationsHubController.php` +- [ ] `C:\xampp\php\php.exe -l resources/views/settings/integrations.php` +- [ ] `npm run build:css` +- [ ] `git diff --check` +- [ ] `rg` potwierdza trzy grupy i brak starego opisu w renderowanym widoku +- [ ] `sonar-scanner` attempted if available; environment gap documented if unavailable +- [ ] Manual smoke checklist documented: `/settings/integrations` shows marketplace/couriers/other groups and every Configure button still points to the expected URL + + + +- `/settings/integrations` renderuje trzy sekcje zgodnie z decyzja operatora. +- Allegro Sandbox i Allegro Production sa nadal osobnymi pozycjami. +- Stary naglowek/opis huba nie jest wyswietlany. +- Nie ma zmian DB ani regresji kontraktow providerow. +- Dokumentacja techniczna i changelog sa zaktualizowane. + + + +After completion, create `.paul/phases/141-integrations-hub-grouped-sections/141-01-SUMMARY.md`. + diff --git a/.paul/phases/141-integrations-hub-grouped-sections/141-01-SUMMARY.md b/.paul/phases/141-integrations-hub-grouped-sections/141-01-SUMMARY.md new file mode 100644 index 0000000..b83242f --- /dev/null +++ b/.paul/phases/141-integrations-hub-grouped-sections/141-01-SUMMARY.md @@ -0,0 +1,162 @@ +--- +phase: 141-integrations-hub-grouped-sections +plan: 01 +subsystem: settings-ui +tags: [integrations, ui, scss, settings] +requires: + - phase: 140-shoppro-polkurier-delivery-mapping + provides: completed current integration set including Polkurier mapping +provides: + - grouped integrations hub sections + - compact section styling for /settings/integrations +affects: [settings-integrations, future-provider-additions] +tech-stack: + added: [] + patterns: [presentation-only hub grouping, SCSS-first UI styling] +key-files: + created: + - .paul/phases/141-integrations-hub-grouped-sections/141-01-PLAN.md + - .paul/phases/141-integrations-hub-grouped-sections/141-01-SUMMARY.md + modified: + - src/Modules/Settings/IntegrationsHubController.php + - resources/views/settings/integrations.php + - resources/lang/pl.php + - resources/scss/app.scss + - public/assets/css/app.css + - DOCS/ARCHITECTURE.md + - DOCS/TECH_CHANGELOG.md +key-decisions: + - "Hub groups are presentation-only; provider row contracts and routes remain unchanged." + - "Allegro Sandbox and Allegro Production remain separate marketplace rows." +patterns-established: + - "IntegrationsHubController passes grouped view data as `groups` with `key`, `title`, and `rows`." +duration: ~20min +started: 2026-05-18T00:00:00+02:00 +completed: 2026-05-18T00:00:00+02:00 +--- + +# Phase 141 Plan 01: Integrations Hub Grouped Sections Summary + +`/settings/integrations` now renders compact grouped sections for marketplace, courier, and remaining integrations without the old generic hub description. + +## Performance + +| Metric | Value | +|--------|-------| +| Duration | ~20min | +| Started | 2026-05-18 | +| Completed | 2026-05-18 | +| Tasks | 3 completed | +| Files modified | 12 | + +## Acceptance Criteria Results + +| Criterion | Status | Notes | +|-----------|--------|-------| +| AC-1: Brak zbednego hero/naglowka | Pass | The first card with "Integracje" + "Wspolny panel konfiguracji wszystkich providerow." was removed; alerts remain above the grouped list. | +| AC-2: Grupa marketplace | Pass | Marketplace group contains Allegro Sandbox, Allegro Production, shopPRO and Erli. | +| AC-3: Grupa kurierow | Pass | Courier group contains InPost, Apaczka and polkurier.pl with the same status/action columns. | +| AC-4: Grupa pozostalych integracji | Pass | Other group contains Fakturownia, HostedSMS and SMSPLANET with unchanged configure links. | +| AC-5: Kompaktowy, responsywny uklad | Pass | Added lightweight section styles in SCSS and rebuilt compressed CSS; `.table-wrap` horizontal scrolling remains in place. | + +## Accomplishments + +- Replaced the flat integrations hub table model with grouped view data in `IntegrationsHubController`. +- Rebuilt `resources/views/settings/integrations.php` to render lightweight sections rather than a heavy card/header. +- Added translation keys for the three group titles. +- Added compact SCSS for `.integrations-hub-section` and rebuilt `public/assets/css/app.css`. +- Updated architecture documentation and technical changelog. + +## Task Commits + +The phase was committed as one transition commit during UNIFY. + +| Task | Commit | Type | Description | +|------|--------|------|-------------| +| Task 1: Zgrupowac dane huba integracji | `HEAD` | feat | Controller passes `groups` and preserves row contracts. | +| Task 2: Przebudowac widok na lekkie sekcje/kafelki | `HEAD` | feat | View renders three grouped sections and removes old description. | +| Task 3: Dodac kompaktowe style i zbudowac CSS | `HEAD` | style/docs | SCSS/CSS and docs updated. | + +## Files Created/Modified + +| File | Change | Purpose | +|------|--------|---------| +| `.paul/PROJECT.md` | Modified | Moved Phase 141 from active plan to shipped requirement during transition. | +| `.paul/ROADMAP.md` | Modified | Marked v3.10 / Phase 141 complete. | +| `.paul/STATE.md` | Modified | Closed PLAN/APPLY/UNIFY loop and documented Sonar gap. | +| `.paul/changelog/2026-05-18.md` | Modified | Added Phase 141 PAUL changelog entry. | +| `.paul/phases/141-integrations-hub-grouped-sections/141-01-PLAN.md` | Created | Executable PAUL plan. | +| `.paul/phases/141-integrations-hub-grouped-sections/141-01-SUMMARY.md` | Created | UNIFY summary. | +| `src/Modules/Settings/IntegrationsHubController.php` | Modified | Builds marketplace/courier/other groups. | +| `resources/views/settings/integrations.php` | Modified | Renders grouped sections and alerts without old header card. | +| `resources/lang/pl.php` | Modified | Adds group titles and removes unused hub description. | +| `resources/scss/app.scss` | Modified | Adds compact integrations hub section styling. | +| `public/assets/css/app.css` | Modified | Rebuilt compiled CSS. | +| `DOCS/ARCHITECTURE.md` | Modified | Documents grouped hub contract. | +| `DOCS/TECH_CHANGELOG.md` | Modified | Records Phase 141 technical change. | + +## Decisions Made + +| Decision | Rationale | Impact | +|----------|-----------|--------| +| Use grouped sections instead of full cards | Operator preferred sections or tile-like grouping; sections keep the screen compact. | Less vertical noise and no nested-card feel. | +| Keep Allegro environments separate | Operator confirmed they can remain separate. | No ambiguity in sandbox/production status or configure URL. | +| Keep grouping presentation-only | Request did not require provider behavior changes. | No migration, no route changes, low regression risk. | + +## Deviations from Plan + +### Summary + +| Type | Count | Impact | +|------|-------|--------| +| Auto-fixed | 1 | Removed stale Phase 141 god-class wording in docs while adding new Phase 141 docs. | +| Deferred | 2 | Manual UI smoke and Sonar scan remain environment-dependent. | + +### Auto-fixed Issues + +**1. Stale Phase 141 reference in docs** +- **Found during:** Task 3 documentation update. +- **Issue:** Older Phase 139 docs mentioned "Phase 141 god-class splits"; Phase 141 is now integrations hub UI. +- **Fix:** Reworded to "future god-class splits" in `DOCS/ARCHITECTURE.md` and `DOCS/TECH_CHANGELOG.md`. +- **Verification:** `rg -n "Phase 141"` now only finds current Phase 141 context. + +### Deferred Items + +- Manual smoke: open `/settings/integrations`, confirm three sections and provider links. +- SonarQube: rerun scan after `sonar-scanner` is restored in PATH or fallback scanner is downloaded. + +## Issues Encountered + +| Issue | Resolution | +|-------|------------| +| `sonar-scanner` unavailable in PATH | Documented as a Phase 141 skill gap in SUMMARY and STATE. | +| Local app/browser smoke not started | Documented manual smoke checklist. | + +## Verification Results + +| Check | Result | +|-------|--------| +| `C:\xampp\php\php.exe -l src\Modules\Settings\IntegrationsHubController.php` | Pass | +| `C:\xampp\php\php.exe -l resources\views\settings\integrations.php` | Pass | +| `C:\xampp\php\php.exe -l resources\lang\pl.php` | Pass | +| `npm run build:css` | Pass | +| `git diff --check` | Pass, CRLF warnings only | +| `rg` for old hub description in rendered view/lang | Pass, no matches | +| `sonar-scanner --version` | Gap, command not found | + +## Next Phase Readiness + +**Ready:** +- Hub UI grouping is in place and documented. +- Future provider additions can be assigned to a hub group in one controller method. + +**Concerns:** +- Manual UI smoke is still recommended on a running app session. +- SonarQube scan remains pending due to missing CLI. + +**Blockers:** +- None. + +--- +*Phase: 141-integrations-hub-grouped-sections, Plan: 01* +*Completed: 2026-05-18* diff --git a/DOCS/ARCHITECTURE.md b/DOCS/ARCHITECTURE.md index 8e975f3..321b80d 100644 --- a/DOCS/ARCHITECTURE.md +++ b/DOCS/ARCHITECTURE.md @@ -94,7 +94,16 @@ HTTP Request - Alert rendering in targeted layouts/views uses `Template::$component('components/alert', ...)` instead of direct component includes. Trusted prebuilt alert HTML is still passed as `messageHtml`. - `SmsTemplateController` and `UsersController` centralize repeated routes, flash keys and validation helpers without changing request routes, flash UX or response status contracts. - `resources/views/shipments/prepare.php` imports `StringHelper` and `DeliveryStatus` locally instead of using inline fully qualified class names. -- Phase 139-02 final Sonar scan reduced OPEN BLOCKER/CRITICAL/MAJOR issues from 605 to 495. Remaining high-impact work is mostly return/cognitive-complexity cleanup, accessibility, and Phase 141 god-class splits. +- Phase 139-02 final Sonar scan reduced OPEN BLOCKER/CRITICAL/MAJOR issues from 605 to 495. Remaining high-impact work is mostly return/cognitive-complexity cleanup, accessibility, and future god-class splits. + +## Integrations Hub + +- `IntegrationsHubController` builds `/settings/integrations` as grouped view data instead of one flat table. +- Phase 141 groups remain presentation-only and preserve every provider row contract (`provider`, `instance`, auth/secret/active/test status, configure URL). +- Marketplace group: Allegro Sandbox, Allegro Production, shopPRO, Erli. +- Courier group: InPost, Apaczka, polkurier.pl. +- Other group: Fakturownia, HostedSMS, SMSPLANET. +- The hub view renders lightweight sections with shared table columns; provider-specific settings pages and routes remain unchanged. ## Frontend Enhancement Modules diff --git a/DOCS/TECH_CHANGELOG.md b/DOCS/TECH_CHANGELOG.md index 218671a..85a748f 100644 --- a/DOCS/TECH_CHANGELOG.md +++ b/DOCS/TECH_CHANGELOG.md @@ -1,5 +1,19 @@ # Technical Changelog +## 2026-05-18 - Phase 141 Plan 01: Integrations Hub Grouped Sections + +**Co zrobiono:** +- Podzielono `/settings/integrations` na trzy lekkie sekcje: marketplace, kurierzy i pozostale integracje. +- `IntegrationsHubController` przekazuje do widoku `groups` zamiast jednej plaskiej listy `rows`, zachowujac dotychczasowy kontrakt pojedynczego wiersza providera. +- Usunieto stary opis huba "Wspolny panel konfiguracji wszystkich providerow." z renderowanego widoku. +- Dodano kompaktowe style SCSS dla sekcji huba i przebudowano `public/assets/css/app.css`. + +**Dlaczego:** +- Liczba integracji urosla i jedna tabela byla trudniejsza do szybkiego skanowania. Grupowanie oddziela kanaly sprzedazy, przewoznikow i narzedzia pomocnicze bez zmiany backendu integracji. + +**BREAKING / migracja:** +- Brak migracji DB i brak zmian breaking. Endpointy oraz strony konfiguracji providerow pozostaja bez zmian. + ## 2026-05-18 - Phase 140 Plan 01: shopPRO Polkurier Delivery Mapping **Co zrobiono:** @@ -24,7 +38,7 @@ - `SmsTemplateController` i `UsersController` dostaly stale dla tras/flashy oraz male helpery walidacji/redirectow bez zmiany kontraktu formularzy. **Dlaczego:** -- Plan 139-02 mial agresywnie zredukowac najwieksze bezpieczne grupy Sonar po 139-01, szczegolnie `php:S4833` i `php:S112`, bez ruszania schematu DB ani god-class splitow z Phase 141. +- Plan 139-02 mial agresywnie zredukowac najwieksze bezpieczne grupy Sonar po 139-01, szczegolnie `php:S4833` i `php:S112`, bez ruszania schematu DB ani przyszlych god-class splitow. **BREAKING / migracja:** - Brak migracji DB i brak zmian breaking. PHPUnit nadal nie jest dostepny w checkoutcie przez brak `vendor/`; wykonano lint, ad-hoc smoke mappera Erli i finalny SonarScanner. diff --git a/public/assets/css/app.css b/public/assets/css/app.css index 955c4ec..34065eb 100644 --- a/public/assets/css/app.css +++ b/public/assets/css/app.css @@ -1 +1 @@ -:root{--c-primary: #6690f4;--c-primary-dark: #3164db;--c-action-primary: #0f766e;--c-action-primary-dark: #0b5f59;--c-bg: #f4f6f9;--c-surface: #ffffff;--c-text: #4e5e6a;--c-text-strong: #2d3748;--c-muted: #718096;--c-border: #b0bec5;--c-danger: #cc0000;--focus-ring: 0 0 0 3px rgba(102, 144, 244, 0.15);--focus-ring-action: 0 0 0 3px rgba(15, 118, 110, 0.18);--shadow-card: 0 1px 4px rgba(0, 0, 0, 0.06)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 12px;border:1px solid rgba(0,0,0,0);border-radius:8px;font:inherit;font-weight:600;text-decoration:none;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .1s ease}.btn--primary{color:#fff;background:var(--c-action-primary)}.btn--primary:hover{background:var(--c-action-primary-dark)}.btn--secondary{color:var(--c-text-strong);border-color:var(--c-border);background:var(--c-surface)}.btn--secondary:hover{border-color:#cbd5e0;background:#f8fafc}.btn--danger{color:#fff;border-color:#b91c1c;background:#dc2626}.btn--danger:hover{border-color:#991b1b;background:#b91c1c}.btn--sm{min-height:28px;padding:3px 10px;font-size:12px}.btn--block{width:100%}.btn--disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring-action);border-color:var(--c-action-primary)}.form-control{width:100%;min-height:30px;border:1px solid var(--c-border);border-radius:6px;padding:4px 8px;font:inherit;color:var(--c-text-strong);background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.form-control:focus{outline:none;border-color:var(--c-primary);box-shadow:var(--focus-ring)}.input{min-height:34px;border:1px solid var(--c-border);border-radius:8px;padding:5px 10px;font:inherit;color:var(--c-text-strong);background:#fff}.input--sm{min-height:28px;padding:3px 8px;font-size:12px}.flash{padding:8px 12px;border-radius:6px;font-size:13px}.flash--success{border:1px solid #b7ebcf;background:#f0fff6;color:#0f6b39}.flash--error{border:1px solid #fed7d7;background:#fff5f5;color:var(--c-danger)}.alert{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:8px;border:1px solid rgba(0,0,0,0);font-size:13px;min-height:44px;line-height:1.4}.alert__icon{flex:0 0 18px;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;line-height:1;color:inherit}.alert__icon svg{width:18px;height:18px;display:block}.alert__body{flex:1;min-width:0;word-break:break-word}.alert__dismiss{flex:0 0 auto;margin-left:auto;align-self:flex-start;background:rgba(0,0,0,0);border:0;padding:2px 6px;cursor:pointer;color:inherit;opacity:.55;font-size:16px;line-height:1;border-radius:4px;transition:opacity .15s ease,background-color .15s ease}.alert__dismiss:hover,.alert__dismiss:focus-visible{opacity:1;background-color:rgba(0,0,0,.06);outline:none}.alert--info{border-color:#bfdbfe;background:#eff6ff;color:#1e3a8a}.alert--danger{border-color:#fed7d7;background:#fff5f5;color:var(--c-danger)}.alert--success{border-color:#b7ebcf;background:#f0fff6;color:#0f6b39}.alert--warning{border-color:#f7dd8b;background:#fff8e8;color:#815500}.alerts-stack{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.form-field{display:grid;gap:5px}.field-label{color:var(--c-text-strong);font-size:13px;font-weight:600}.table-wrap{width:100%;overflow-x:auto}.table-wrap--visible{overflow:visible !important;overflow-x:visible !important}.table{width:100%;border-collapse:collapse;background:var(--c-surface)}.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--c-border);text-align:left}.table th{color:var(--c-text-strong);font-weight:700;background:#f8fafc}.table--details th{white-space:nowrap}.table--details th:first-child,.table--details td:first-child{width:36px;text-align:center}.pagination{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.pagination__item{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border-radius:8px;border:1px solid var(--c-border);color:var(--c-text-strong);background:var(--c-surface);text-decoration:none;font-weight:600}.pagination__item:hover{border-color:#cbd5e0;background:#f8fafc}.pagination__item.is-active{border-color:var(--c-primary);color:var(--c-primary);background:#edf2ff}.receipt-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--c-text-strong)}.receipt-header__seller{flex:1}.receipt-header__seller strong{font-size:14px;display:block;margin-bottom:4px}.receipt-header__title{text-align:right}.receipt-header__title h1{font-size:18px;font-weight:700;margin-bottom:4px}.receipt-print{max-width:700px;margin:0 auto}@media print{.receipt-print{max-width:100%}}.copy-name-row{display:flex;align-items:center;gap:6px}.copy-btn-inline{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:2px;cursor:pointer;color:var(--c-text-muted, #999);border-radius:3px;transition:color .15s;flex-shrink:0}.copy-btn-inline:hover{color:var(--c-primary)}.copy-btn-inline .check-icon{color:var(--c-action-primary)}.email-send-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.email-send-modal{background:var(--c-card-bg, #fff);border-radius:8px;width:580px;max-width:95vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 32px rgba(0,0,0,.2)}.email-send-modal__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--c-border, #e0e0e0)}.email-send-modal__header h3{margin:0;font-size:15px}.email-send-modal__close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--c-text-muted, #888);padding:0 4px}.email-send-modal__close:hover{color:var(--c-text, #333)}.email-send-modal__body{padding:16px;overflow-y:auto;flex:1}.email-send-modal__field{margin-bottom:10px}.email-send-modal__field label{display:block;font-size:12px;font-weight:600;margin-bottom:4px;color:var(--c-text-muted, #666)}.email-send-modal__field .input{width:100%}.email-send-modal__actions-top{margin-bottom:10px}.email-send-modal__footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--c-border, #e0e0e0)}.email-send-preview{border:1px solid var(--c-border, #e0e0e0);border-radius:4px;padding:12px;max-height:280px;overflow-y:auto;background:var(--c-bg, #fafafa)}.email-send-preview__subject{font-weight:600;font-size:13px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--c-border, #e0e0e0)}.email-send-preview__body{font-size:13px;line-height:1.5}.email-send-preview__body p{margin:0 0 8px}.email-send-preview__attachments{margin-top:8px;padding-top:8px;border-top:1px solid var(--c-border, #e0e0e0);font-size:12px;color:var(--c-text-muted, #666)}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.automation-row{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:var(--c-surface, #f8f9fa);border:1px solid var(--c-border, #dee2e6);border-radius:6px}.automation-row__fields{flex:1;display:flex;flex-direction:column;gap:6px}.automation-row__type{max-width:280px}.automation-row__config{display:flex;flex-wrap:wrap;gap:8px}.automation-row__config .form-control{min-width:200px;max-width:300px}.automation-row__remove{flex-shrink:0;margin-top:2px;line-height:1;font-size:16px;padding:2px 8px}.checkbox-group{display:flex;flex-wrap:wrap;gap:4px 16px}.checkbox-label{display:flex;align-items:center;gap:4px;font-size:13px;cursor:pointer;white-space:nowrap}.checkbox-label input[type=checkbox]{margin:0}.automation-actions-cell{white-space:nowrap}.automation-inline-form{display:inline}.automation-history-filters{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:8px;align-items:end}.automation-history-filters .form-field{margin:0}.automation-history-filters .field-label{font-size:12px;margin-bottom:4px}.automation-history-filters .form-control{min-height:34px}.automation-history-filters__actions{display:flex;gap:6px;align-items:center;justify-content:flex-start;padding-bottom:1px}.print-status-badge{display:inline-block;padding:2px 8px;border-radius:3px;font-size:.75rem;font-weight:600;line-height:1.4}.print-status-badge--pending{background-color:#fff3cd;color:#856404}.print-status-badge--completed{background-color:#d4edda;color:#155724}.print-status-badge--failed{background-color:#f8d7da;color:#721c24}.print-queue-filters{display:flex;gap:4px}.print-queue-table td,.print-queue-table th{padding:6px 8px;font-size:.85rem}.print-queue-actions{display:inline-flex;align-items:center;gap:6px}.print-queue-delete-form{margin:0}.btn--outline-primary{background:rgba(0,0,0,0);border:1px solid var(--c-action-primary);color:var(--c-action-primary);cursor:pointer;border-radius:3px;font-size:.75rem;padding:3px 8px;transition:background-color .15s,color .15s}.btn--outline-primary:hover{background-color:var(--c-action-primary);color:#fff}.btn--outline-primary:disabled{opacity:.6;cursor:not-allowed}.btn--outline-primary.is-success{border-color:#28a745;color:#28a745}.shipment-presets{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px;margin-bottom:16px}.shipment-presets__btn{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border:none;border-radius:6px;background:var(--preset-color, #3b82f6);color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:opacity .15s;line-height:1.4}.shipment-presets__btn:hover{opacity:.85}.shipment-presets__add{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border:1px dashed #ccc;border-radius:6px;background:rgba(0,0,0,0);color:#666;font-size:13px;cursor:pointer;transition:border-color .15s,color .15s;line-height:1.4}.shipment-presets__add:hover{border-color:#999;color:#444}.preset-modal{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:1000;display:flex;align-items:center;justify-content:center}.preset-modal__content{background:#fff;border-radius:8px;padding:24px;min-width:360px;max-width:420px;box-shadow:0 8px 32px rgba(0,0,0,.2)}.preset-modal__content h3{margin:0 0 4px;font-size:16px}.preset-modal__colors{display:flex;gap:8px;flex-wrap:wrap}.preset-modal__color-swatch{width:28px;height:28px;border-radius:50%;cursor:pointer;border:2px solid rgba(0,0,0,0);transition:border-color .15s}.preset-modal__color-swatch:hover{border-color:#aaa}.preset-modal__color-swatch.is-selected{border-color:#333}.shipment-presets__btn-wrap{position:relative;display:inline-flex}.shipment-presets__btn-wrap:hover .shipment-presets__edit-icon{opacity:1}.shipment-presets__edit-icon{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:#fff;border:1px solid #ddd;font-size:10px;line-height:16px;text-align:center;cursor:pointer;opacity:0;transition:opacity .15s;padding:0;color:#666;z-index:2}.shipment-presets__edit-icon:hover{background:#f3f4f6;border-color:#999}.shipment-presets__dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,.12);z-index:100;min-width:200px;padding:4px 0}.shipment-presets__dropdown-item{padding:6px 14px;font-size:13px;cursor:pointer;white-space:nowrap}.shipment-presets__dropdown-item:hover{background:#f3f4f6}.shipment-presets__dropdown-item.is-danger{color:#ef4444}.shipment-presets__dropdown-item.is-danger:hover{background:#fef2f2}.delivery-badge{display:inline-block;padding:2px 8px;border-radius:3px;font-size:.8em;font-weight:500;white-space:nowrap}.delivery-badge--unknown{background:#f5f5f5;color:#999}.delivery-badge--created{background:#e3f2fd;color:#1565c0}.delivery-badge--confirmed{background:#bbdefb;color:#0d47a1}.delivery-badge--picked_up{background:#e1f5fe;color:#01579b}.delivery-badge--in_transit{background:#fff3e0;color:#e65100}.delivery-badge--out_for_delivery{background:#ffe0b2;color:#bf360c}.delivery-badge--ready_for_pickup{background:#f3e5f5;color:#6a1b9a}.delivery-badge--delivered{background:#e8f5e9;color:#2e7d32}.delivery-badge--returned{background:#ffebee;color:#c62828}.delivery-badge--cancelled{background:#e0e0e0;color:#616161}.delivery-badge--problem{background:#fff8e1;color:#f57f17}.tracking-link{margin-left:4px;text-decoration:none;font-size:.85em}.delivery-status-swatch{display:inline-block;width:14px;height:14px;border-radius:2px;background:var(--status-color, #6c757d);vertical-align:middle}.delivery-status-system-badge{display:inline-block;padding:1px 6px;border-radius:3px;font-size:.75em;background:#e9ecef;color:#6c757d}.delivery-badge--custom{background:var(--status-color, #6c757d);color:#fff}.dsm-row--custom{background:rgba(59,130,246,.06)}.dsm-raw-status{font-size:.82rem;background:var(--surface-alt, #f1f5f9);padding:2px 6px;border-radius:3px;white-space:nowrap}.dsm-unmapped{border-left:4px solid #f59e0b}.dsm-unmapped .section-title{color:#b45309}.dsm-unmapped table tbody tr{background:rgba(245,158,11,.05)}.global-search{flex:1;max-width:500px;position:relative;margin:0 16px}.global-search__input{width:100%;padding:6px 12px;font-size:13px;border:1px solid var(--c-border);border-radius:4px;background:var(--c-bg);color:var(--c-text);outline:none;transition:border-color .15s}.global-search__input::placeholder{color:var(--c-text-muted, #94a3b8)}.global-search__input:focus{border-color:var(--c-primary, #3b82f6);box-shadow:0 0 0 2px rgba(59,130,246,.15)}.global-search__results{display:none;position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--c-surface, #fff);border:1px solid var(--c-border);border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,.12);max-height:400px;overflow-y:auto;z-index:1000}.global-search__item{display:block;padding:8px 12px;cursor:pointer;text-decoration:none;color:var(--c-text);border-bottom:1px solid var(--c-border);transition:background-color .1s}.global-search__item:last-child{border-bottom:none}.global-search__item:hover,.global-search__item.is-highlighted{background:var(--c-bg, #f1f5f9)}.global-search__item-title{font-weight:600;font-size:13px;margin-bottom:2px}.global-search__item-details{font-size:11px;color:var(--c-text-muted, #64748b)}.global-search__empty{padding:12px;text-align:center;color:var(--c-text-muted, #94a3b8);font-size:13px}@media(max-width: 768px){.global-search{max-width:none;margin:0 8px}.global-search__input{font-size:12px;padding:5px 8px}}.order-preview-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:20px}.order-preview-modal{background:var(--c-surface);border:1px solid var(--c-border);border-radius:10px;box-shadow:0 16px 48px rgba(0,0,0,.18);width:100%;max-width:960px;max-height:90vh;display:flex;flex-direction:column}.order-preview-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--c-border)}.order-preview-modal__title{font-size:18px;font-weight:600;margin:0}.order-preview-modal__close{background:none;border:none;font-size:22px;cursor:pointer;color:var(--c-muted);padding:0 4px;line-height:1}.order-preview-modal__close:hover{color:var(--c-text)}.order-preview-modal__body{padding:20px 24px;overflow-y:auto;flex:1}.order-preview-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--c-border)}.order-preview-loading{text-align:center;padding:32px;color:var(--c-muted)}.order-preview-error{text-align:center;padding:32px;color:var(--c-danger, #e53e3e)}.order-preview-section{margin-bottom:14px}.order-preview-section__title{font-size:13px;font-weight:600;text-transform:uppercase;color:var(--c-muted);margin-bottom:8px;letter-spacing:.04em}.order-preview-kv{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-size:14px}.order-preview-kv dt{color:var(--c-muted);white-space:nowrap}.order-preview-kv dd{margin:0;display:flex;align-items:center;gap:4px}.order-preview-items{width:100%;font-size:14px;border-collapse:collapse}.order-preview-items th,.order-preview-items td{padding:6px 8px;text-align:left;vertical-align:top}.order-preview-items th{font-weight:600;font-size:12px;text-transform:uppercase;color:var(--c-muted)}.order-preview-items tbody tr+tr{border-top:1px solid var(--c-border)}.order-preview-item-cell{display:flex;align-items:flex-start;gap:8px}.order-preview-item-thumb{width:42px;height:42px;object-fit:cover;border-radius:4px;border:1px solid var(--c-border);flex-shrink:0}.order-preview-item-thumb--empty{background:var(--c-bg, #f5f5f5)}.order-preview-item-info{min-width:0}.order-preview-item-name{font-size:14px;line-height:1.3;word-break:break-word}.order-preview-personalization{margin-top:4px;font-size:12px;color:var(--c-muted);line-height:1.4}.order-preview-personalization__line{white-space:pre-wrap;word-break:break-word}.order-preview-notes{font-size:14px}.order-preview-notes__item{padding:6px 0}.order-preview-notes__item+.order-preview-notes__item{border-top:1px solid var(--c-border)}.order-preview-notes__type{font-size:11px;color:var(--c-muted);margin-bottom:2px}.order-preview-notes__text{white-space:pre-wrap;word-break:break-word}.copy-field__btn{background:none;border:none;cursor:pointer;font-size:13px;color:var(--c-muted);padding:0 2px;line-height:1;opacity:.6;transition:opacity .15s;display:inline-flex;align-items:center;gap:3px}.copy-field__btn:hover{opacity:1;color:var(--c-primary, #4f6ef7)}.copy-field__btn.is-copied{color:#22c55e;opacity:1}.btn-icon.js-order-preview-btn{background:none;border:none;cursor:pointer;font-size:14px;color:var(--c-muted);padding:2px 4px;line-height:1;opacity:.5;transition:opacity .15s;vertical-align:middle;margin-right:4px}.btn-icon.js-order-preview-btn:hover{opacity:1;color:var(--c-primary, #4f6ef7)}.pm-form__row{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}.pm-form__field{flex:1;min-width:160px}.pm-form__actions{display:flex;align-items:flex-end;padding-bottom:2px}.pm-row--inactive{opacity:.5}.pm-row__actions{white-space:nowrap}.pm-row__actions .btn+.btn{margin-left:4px}.project-badge{display:inline-flex;align-items:center;gap:2px;font-size:10px;line-height:1;padding:1px 4px;border-radius:3px;vertical-align:middle;margin-left:4px}.project-badge--done{color:#16a34a;background:rgba(22,163,74,.1)}.project-badge--partial{color:#d97706;background:rgba(217,119,6,.1);font-weight:600}.project-badge--none{color:#9ca3af;background:rgba(156,163,175,.1)}.item-project-badge{display:inline-block;font-size:10px;padding:1px 6px;border-radius:3px;margin-left:6px;vertical-align:middle}.item-project-badge--done{color:#16a34a;background:rgba(22,163,74,.1)}.item-project-badge--pending{color:#9ca3af;background:rgba(156,163,175,.1)}.pm-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.pm-modal__overlay{position:absolute;inset:0;background:rgba(0,0,0,.4)}.pm-modal__content{position:relative;width:100%;max-width:500px;z-index:1}.customer-risk-banner{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:6px;background:#fff0f0;border:1px solid #fecaca;border-left:4px solid #d64545;color:#6b1f1f;font-size:13px}.customer-risk-banner__icon{flex-shrink:0;font-size:18px;line-height:1;color:#d64545}.customer-risk-banner__body{flex:1;min-width:0}.customer-risk-banner__text{margin:0;font-weight:600;color:#6b1f1f}.customer-risk-banner__list{margin-top:6px}.customer-risk-banner__list summary{cursor:pointer;color:#9b2c2c;font-size:12px;user-select:none}.customer-risk-banner__table{width:100%;margin-top:6px;font-size:12px;border-collapse:collapse}.customer-risk-banner__table th,.customer-risk-banner__table td{padding:4px 6px;border-bottom:1px solid #f5d6d6;text-align:left;color:#3b0f0f}.customer-risk-banner__table thead th{font-size:11px;text-transform:uppercase;letter-spacing:.02em;color:#7a2323;background:#ffe3e3}.customer-risk-banner__table tbody tr:last-child th,.customer-risk-banner__table tbody tr:last-child td{border-bottom:0}.customer-risk-banner__table a{color:#b91c1c;font-weight:600}.risk-return-badge{display:inline-block;padding:1px 6px;background:#d64545;color:#fff;font-size:11px;font-weight:600;border-radius:3px;margin-left:4px;cursor:default;vertical-align:middle;line-height:1.4}.table-list-table tbody tr.is-risk-return>td:first-child{border-left:3px solid #d64545}.sms-template-active-field{display:flex;align-items:flex-end;gap:8px}.sms-template-active-label{display:flex;align-items:center;gap:6px}.sms-template-active-text{margin:0}.sms-template-counter{font-size:12px}.sms-template-counter-warning{color:#b45309;margin-left:8px}.sms-template-actions{white-space:nowrap;display:flex;flex-wrap:nowrap;gap:6px;align-items:center}.sms-template-actions>form{display:inline-flex;margin:0}.sms-var-panel{border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;padding:12px 14px}.sms-var-panel__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}.sms-var-panel__title{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#374151;font-weight:600;margin:0}.sms-var-panel__hint{font-size:12px}.sms-var-group{padding:8px 0;border-top:1px dashed #e5e7eb}.sms-var-group:first-of-type{border-top:0;padding-top:0}.sms-var-group__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;margin-bottom:6px}.sms-var-group__items{display:flex;flex-wrap:wrap;gap:6px}.sms-var-item{display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:12px;background:#fff;border:1px solid #d1d5db;border-radius:999px;padding:4px 10px;cursor:pointer;color:#1f2937;line-height:1.4;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.sms-var-item code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#4338ca;background:rgba(0,0,0,0);padding:0}.sms-var-item__desc{color:#6b7280;font-size:11px}.sms-var-item:hover{background:#eef2ff;border-color:#6366f1;color:#1e1b4b}.sms-var-item:hover code{color:#1e1b4b}.sms-var-item:hover .sms-var-item__desc{color:#312e81}.order-sms-template-picker{margin-bottom:8px}.order-notes-badge{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:10px;background:#eef2ff;color:#4338ca;font-size:11px;font-weight:600;line-height:1.4;text-decoration:none;vertical-align:middle;transition:background .15s ease}.order-notes-badge:hover{background:#e0e7ff;text-decoration:none}.order-notes-subtitle{margin:0 0 6px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--c-muted, #64748b)}.order-user-notes{display:flex;flex-direction:column;gap:8px}.order-user-notes .order-event--user{border-left:3px solid #6366f1;padding-left:8px}.order-user-notes .order-event__head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.order-user-notes .order-event__meta{font-size:11px;color:var(--c-muted, #64748b)}.order-user-notes .order-event__actions{display:inline-flex;align-items:center;gap:8px}.order-imported-notes .order-event--imported{opacity:.75;font-size:12px}.btn-link{background:none;border:0;padding:0;margin:0;font-size:11px;color:var(--c-primary, #2563eb);cursor:pointer;text-decoration:underline}.btn-link:hover{text-decoration:none}.btn-link--danger{color:#dc2626}.order-note-form textarea,.order-note-edit-form textarea{width:100%;min-height:60px;resize:vertical}.order-note-form .order-note-form__actions,.order-note-form .order-note-edit-form__actions,.order-note-edit-form .order-note-form__actions,.order-note-edit-form .order-note-edit-form__actions{display:flex;gap:8px;margin-top:6px}.order-note-edit-form{margin-top:6px}.order-note-edit-form .order-note-edit-form__actions{display:flex;gap:8px;margin-top:6px}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:"Roboto","Segoe UI",sans-serif;font-size:13px;color:var(--c-text);background:var(--c-bg)}a{color:var(--c-primary)}.app-shell{min-height:100vh;display:flex}.sidebar{width:260px;min-width:260px;flex-shrink:0;overflow:hidden;transition:width .22s ease,min-width .22s ease;border-right:1px solid #243041;background:#111a28;padding:18px 10px;display:flex;flex-direction:column}.sidebar.is-collapsed{width:52px;min-width:52px;padding:18px 0}.sidebar.is-collapsed .sidebar__brand-text{display:none}.sidebar.is-collapsed .sidebar__brand{justify-content:center;margin:4px 0 16px}.sidebar.is-collapsed .sidebar__label{display:none}.sidebar.is-collapsed .sidebar__toggle-arrow{display:none}.sidebar.is-collapsed .sidebar__link,.sidebar.is-collapsed .sidebar__group-toggle{justify-content:center;padding:9px;border-radius:8px;margin:0 6px}.sidebar.is-collapsed .sidebar__group-links{display:none}.sidebar.is-collapsed .sidebar__icon{margin:0}.sidebar__brand{display:flex;align-items:center;justify-content:space-between;margin:4px 4px 16px;gap:6px;min-width:0}.sidebar__brand-text{color:#e9f0ff;font-size:24px;font-weight:300;letter-spacing:-0.02em;white-space:nowrap;overflow:hidden;flex:1;min-width:0}.sidebar__brand-text strong{font-weight:700}.sidebar__collapse-btn{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:1px solid #2a3a54;border-radius:6px;color:#64748b;cursor:pointer;padding:0;transition:background .15s,color .15s}.sidebar__collapse-btn:hover{background:#1b2a3f;color:#cbd5e1}.sidebar__collapse-icon{display:block;transition:transform .22s ease;flex-shrink:0}.sidebar.is-collapsed .sidebar__collapse-icon{transform:rotate(180deg)}.sidebar__nav{display:grid;gap:4px}.sidebar__link{display:flex;align-items:center;gap:9px;white-space:nowrap;border-radius:8px;padding:9px 10px;text-decoration:none;color:#cbd5e1;font-weight:600}.sidebar__link:hover{color:#f8fafc;background:#1b2a3f}.sidebar__link.is-active{color:#fff;background:#2e4f93}.sidebar__group{display:grid;gap:2px}.sidebar__group-toggle{list-style:none;border-radius:8px;padding:9px 10px;color:#cbd5e1;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:9px;white-space:nowrap;user-select:none}.sidebar__group-toggle::-webkit-details-marker{display:none}.sidebar__group:hover .sidebar__group-toggle,.sidebar__group-toggle:hover{color:#f8fafc;background:#1b2a3f}.sidebar__group.is-active .sidebar__group-toggle{color:#fff;background:#2e4f93}.sidebar__icon{flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;opacity:.85}.sidebar__label{flex:1;min-width:0;overflow:hidden}.sidebar__toggle-arrow{flex-shrink:0;margin-left:auto;opacity:.5;transition:transform .18s ease}details[open]>.sidebar__group-toggle .sidebar__toggle-arrow{transform:rotate(180deg)}.sidebar__group-links{display:grid;gap:2px;padding-left:12px;overflow:hidden}.sidebar__sublink{border-radius:6px;padding:7px 10px 7px 8px;text-decoration:none;color:#94a3b8;font-size:12.5px;font-weight:500;display:flex;align-items:center;gap:8px;white-space:nowrap}.sidebar__sublink::before{content:"";flex-shrink:0;width:5px;height:5px;border-radius:50%;background:rgba(148,163,184,.3);transition:background .15s}.sidebar__sublink:hover{color:#e2e8f0;background:#1b2a3f}.sidebar__sublink:hover::before{background:rgba(148,163,184,.65)}.sidebar__sublink.is-active{color:#fff;background:rgba(46,79,147,.55)}.sidebar__sublink.is-active::before{background:#93c5fd}.sidebar__badge{margin-left:auto;background:#f59e0b;color:#1f2937;font-size:10.5px;font-weight:700;line-height:1;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.app-main{flex:1;min-width:0}.topbar{height:50px;border-bottom:1px solid var(--c-border);background:var(--c-surface);display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:100}.brand{font-size:22px;font-weight:300;letter-spacing:-0.02em;color:var(--c-text-strong)}.brand strong{font-weight:700}.container{max-width:none;width:calc(100% - 20px);margin:12px 10px;padding:0 4px 14px}.card{background:var(--c-surface);border-radius:10px;box-shadow:var(--shadow-card);padding:14px}.card h1{margin:0 0 10px;color:var(--c-text-strong);font-size:24px;font-weight:700}.muted{color:var(--c-muted)}.accent{color:var(--c-primary);font-weight:600}.users-form{display:grid;gap:14px;max-width:460px}.form-field{margin-bottom:12px}.section-title{margin:0;color:var(--c-text-strong);font-size:18px;font-weight:700}h2.section-title,h3.section-title,h4.section-title{display:flex;align-items:center;gap:6px;font-weight:600;padding:6px 0;margin-bottom:8px;border-bottom:1px solid #e2e8f0;color:var(--c-primary, #2563eb)}h2.section-title::before,h3.section-title::before,h4.section-title::before{content:"■";font-size:.55em;opacity:.5}h3.section-title,h4.section-title{font-size:15px}h3.section-title::before,h4.section-title::before{content:"◆";font-size:.5em}.mt-0{margin-top:0}.mt-4{margin-top:4px}.mt-12{margin-top:8px}.mt-16{margin-top:12px}.settings-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px}.settings-nav{display:flex;gap:8px;flex-wrap:wrap}.settings-nav__link{text-decoration:none;border:1px solid var(--c-border);border-radius:8px;padding:8px 12px;color:var(--c-text-strong);font-weight:600}.settings-nav__link:hover{background:#f8fafc}.settings-nav__link.is-active{border-color:var(--c-primary);color:var(--c-primary);background:#edf2ff}.settings-stat{border:1px solid var(--c-border);border-radius:8px;padding:12px;background:#f8fafc}.settings-stat__label{display:block;color:var(--c-muted);font-size:12px;margin-bottom:4px}.settings-stat__value{color:var(--c-text-strong);font-size:20px}.settings-logs{margin:0;padding:12px;border-radius:8px;border:1px solid var(--c-border);background:#0b1220;color:#d1d5db;font-size:12px;line-height:1.5;overflow:auto}.settings-allegro-callback{display:block;width:100%;padding:8px 10px;border:1px solid var(--c-border);border-radius:8px;background:#f8fafc;color:var(--c-text-strong);font-size:12px;line-height:1.45;word-break:break-all}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.filters-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px}.filters-actions{display:flex;align-items:center;gap:8px}.product-form .form-control{width:100%}.form-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px}.form-grid-2{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px;align-items:start}.form-grid-3{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px;align-items:start}.form-grid-4{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:12px;align-items:start}.form-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start}.form-actions .btn{align-self:flex-start}.statuses-form{display:grid;gap:8px;grid-template-columns:repeat(2, minmax(0, 1fr))}.statuses-form .form-actions{grid-column:1/-1}.statuses-color-input{min-height:32px;padding:2px}.statuses-hint{grid-column:1/-1;margin:0}.statuses-group-block{border:1px solid var(--c-border);border-radius:10px;padding:8px;background:#fbfdff}.statuses-group-block__head{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}.statuses-group-block__title{margin:0;display:inline-flex;align-items:center;gap:6px;color:var(--c-text-strong);font-size:14px}.statuses-color-dot{width:12px;height:12px;border-radius:999px;border:1px solid rgba(15,23,42,.15)}.statuses-dnd-list{margin:6px 0 0;padding:0;list-style:none;display:grid;gap:6px}.statuses-dnd-item{display:grid;grid-template-columns:24px 1fr;gap:6px;border:1px solid #dce4f0;border-radius:8px;background:#fff;padding:6px}.statuses-dnd-item__content{display:flex;align-items:center;gap:6px;min-width:0}.statuses-dnd-item.is-dragging{opacity:.6}.statuses-dnd-item__drag{display:inline-flex;align-items:center;justify-content:center;border:1px dashed #cbd5e1;border-radius:6px;color:#64748b;cursor:grab;user-select:none;font-weight:700;font-size:12px}.statuses-dnd-item__drag:active{cursor:grabbing}.statuses-inline-form{display:grid;gap:6px}.statuses-inline-form--row{grid-template-columns:minmax(180px, 1.4fr) minmax(150px, 1fr) auto auto auto;align-items:center;flex:1 1 auto;min-width:0}.statuses-inline-form--row-group{grid-template-columns:minmax(180px, 1.5fr) 56px auto auto auto;align-items:center;flex:1 1 auto;min-width:0}.statuses-inline-form--row .form-control,.statuses-inline-form--row-group .form-control{min-height:30px;padding:4px 8px}.statuses-inline-form--row .btn,.statuses-inline-form--row-group .btn,.statuses-inline-delete .btn{min-height:30px;padding:4px 10px;font-size:12px}.statuses-inline-check{margin-top:0;white-space:nowrap;font-size:12px}.statuses-inline-delete{margin:0;flex:0 0 auto}.statuses-code-label{font-size:12px;color:var(--c-muted)}.statuses-code-readonly{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:12px}.statuses-code-readonly code{background:#eef2f7;border-radius:6px;padding:1px 6px;color:#1f2937;font-size:12px}.field-inline{display:flex;align-items:center;gap:8px;margin-top:2px}.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.5);display:flex;align-items:center;justify-content:center;padding:16px;z-index:200}.modal-backdrop[hidden]{display:none}.modal{width:min(560px,100%);background:#fff;border-radius:10px;box-shadow:0 20px 40px rgba(15,23,42,.35);overflow:hidden}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;border-bottom:1px solid var(--c-border)}.modal__header h3{margin:0;font-size:18px;color:var(--c-text-strong)}.modal__body{padding:16px 18px 18px}.status-pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid #fed7d7;background:#fff5f5;color:#9b2c2c;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.status-pill.is-active{border-color:#b7ebcf;background:#f0fff6;color:#0f6b39}.table-row-actions{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.table-row-actions form{margin:0}.table-list{display:grid;gap:14px}.table-list__header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.table-list__left{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.table-list-header-actions{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.js-filter-toggle-btn.is-active{border-color:#cbd5e0;background:#edf2ff;color:var(--c-primary-dark)}.table-filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;color:#fff;background:var(--c-primary);border-radius:999px}.table-filters-wrapper{display:none}.table-filters-wrapper.is-open{display:block}.table-list-filters{display:grid;gap:12px;grid-template-columns:repeat(auto-fit, minmax(170px, 1fr));align-items:end}.table-col-toggle-wrapper{position:relative}.table-col-toggle-dropdown{display:none;position:absolute;right:0;top:calc(100% + 6px);z-index:30;width:260px;max-height:360px;overflow:auto;border:1px solid var(--c-border);border-radius:10px;background:#fff;box-shadow:0 10px 25px rgba(15,23,42,.12)}.table-col-toggle-dropdown.is-open{display:block}.table-col-toggle-header{padding:10px 12px;border-bottom:1px solid var(--c-border);font-size:12px;font-weight:700;color:var(--c-muted)}.table-col-toggle-item{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:13px;color:var(--c-text-strong)}.table-col-toggle-item:hover{background:#f8fafc}.table-col-toggle-footer{border-top:1px solid var(--c-border);padding:8px 12px}.table-col-hidden{display:none}.table-col-switch{position:relative;display:inline-block;width:34px;min-width:34px;height:18px}.table-col-switch input{opacity:0;width:0;height:0;position:absolute}.table-col-switch-slider{position:absolute;top:0;left:0;right:0;bottom:0;background:#cbd5e1;border-radius:999px;transition:background-color .2s ease}.table-col-switch-slider::before{content:"";position:absolute;height:14px;width:14px;left:2px;bottom:2px;background:#fff;border-radius:50%;transition:transform .2s ease}.table-col-switch input:checked+.table-col-switch-slider{background:#16a34a}.table-col-switch input:checked+.table-col-switch-slider::before{transform:translateX(16px)}.table-sort-link{display:inline-flex;align-items:center;gap:6px;color:var(--c-text-strong);text-decoration:none}.table-sort-link:hover{color:var(--c-primary-dark)}.table-sort-icon.is-muted{color:#a0aec0}.table-list__footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.table-list-per-page-form{display:inline-flex;align-items:center;gap:8px}.table-list-per-page-form .form-control{min-width:90px}.table-select-col{width:44px;text-align:center}.table-select-toggle{display:inline-flex;align-items:center;justify-content:center}.table-select-toggle input[type=checkbox]{width:16px;height:16px}.orders-page .orders-head{background:linear-gradient(120deg, #f8fbff 0%, #eef5ff 100%);border:1px solid #dbe7fb}.orders-page .table-list{border:1px solid #dde5f2;border-radius:12px;box-shadow:0 6px 16px rgba(20,44,86,.08)}.orders-page .table-list__header{padding:10px 6px 2px}.orders-page .table-list-filters{padding:6px 6px 2px;border-top:1px solid #ebf0f7;border-bottom:1px solid #ebf0f7;background:#f9fbff}.orders-page .table-wrap{border-radius:10px;overflow:hidden;border:1px solid #e7edf6}.orders-page .table thead th{background:#f3f7fd;color:#30435f;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.orders-page .table tbody td{vertical-align:middle;padding-top:10px;padding-bottom:10px;border-bottom-color:#edf2f8}.orders-page .table tbody tr:hover td{background:#f9fcff}.orders-list-page{padding:10px;margin-bottom:10px}.statistics-orders-page{padding:10px}.statistics-orders-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.statistics-orders-filters{display:grid;grid-template-columns:repeat(auto-fit, minmax(170px, 1fr));gap:10px;align-items:end}.statistics-orders-filters__actions{align-self:end}.statistics-orders-multiselect{min-height:120px;height:120px;padding-top:6px;padding-bottom:6px}.checkbox-multiselect{position:relative;width:100%}.checkbox-multiselect select[data-checkbox-multiselect-enhanced]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.checkbox-multiselect__trigger{width:100%;min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--c-border);border-radius:6px;padding:4px 8px;font:inherit;color:var(--c-text-strong);background:#fff;cursor:pointer;text-align:left;transition:border-color .2s ease,box-shadow .2s ease}.checkbox-multiselect__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkbox-multiselect__arrow{flex:0 0 auto;width:7px;height:7px;border-right:1.5px solid #64748b;border-bottom:1.5px solid #64748b;transform:rotate(45deg) translateY(-2px)}.checkbox-multiselect__dropdown{display:none;position:absolute;z-index:40;top:calc(100% + 2px);left:0;right:0;max-height:200px;overflow-y:auto;padding:8px 8px 6px;border:1px solid var(--c-primary);border-radius:0 0 6px 6px;background:#fff;box-shadow:0 18px 38px rgba(45,55,72,.16)}.checkbox-multiselect.is-open .checkbox-multiselect__trigger{border-color:var(--c-primary);border-bottom-right-radius:0;border-bottom-left-radius:0;box-shadow:var(--focus-ring)}.checkbox-multiselect.is-open .checkbox-multiselect__dropdown{display:grid;gap:4px}.checkbox-multiselect.is-open .checkbox-multiselect__arrow{transform:rotate(225deg) translate(-2px, -1px)}.checkbox-multiselect__option{display:flex;align-items:center;gap:6px;min-height:20px;color:var(--c-text);font-size:13px;line-height:1.25;cursor:pointer}.checkbox-multiselect__option input{width:17px;height:17px;margin:0;flex:0 0 auto;accent-color:var(--c-primary)}.checkbox-multiselect__option--all{color:var(--c-text-strong);font-weight:700}.statistics-orders-table-wrap{overflow-x:auto}.statistics-orders-table{min-width:880px}.statistics-orders-table thead th{text-align:center;white-space:nowrap}.statistics-orders-table tbody td,.statistics-orders-table tfoot th{text-align:right;white-space:nowrap}.statistics-orders-table tbody td:first-child,.statistics-orders-table tfoot th:first-child{text-align:left}.statistics-orders-table tfoot th{border-top:2px solid #cbd5e1;background:#f8fafc}.statistics-summary-page{padding:10px}.statistics-summary-section{display:grid;gap:12px}.statistics-summary-chart-grid,.statistics-summary-table-grid{display:grid;gap:12px}@media(min-width: 1100px){.statistics-summary-chart-grid,.statistics-summary-table-grid{grid-template-columns:repeat(2, minmax(0, 1fr));align-items:start}}.statistics-summary-card{padding:10px}.statistics-summary-card__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.statistics-summary-chart{position:relative;height:320px}.statistics-summary-chart canvas{display:block;width:100%;height:100%;border:1px solid #e2e8f0;border-radius:6px;background:#fff}.statistics-summary-fallback{margin-top:0}.statistics-summary-table{min-width:640px}.statistics-summary-table th,.statistics-summary-table td{white-space:nowrap;text-align:right}.statistics-summary-table th:first-child,.statistics-summary-table td:first-child{text-align:left}.orders-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.orders-stats{display:inline-grid;grid-template-columns:repeat(3, minmax(86px, auto));gap:8px}.orders-stat{border:1px solid #d8e2f0;background:#f8fbff;border-radius:8px;padding:6px 8px;line-height:1.15}.orders-stat__label{display:block;color:#5f6f83;font-size:11px;margin-bottom:2px}.orders-stat__value{color:#12233a;font-size:16px;font-weight:700}.orders-ref{display:grid;gap:2px;min-width:170px}.orders-ref__main{font-weight:700;color:#0f1f35;font-size:14px}.orders-ref__meta{display:inline-flex;flex-wrap:wrap;gap:4px 10px;color:#64748b;font-size:12px}.orders-buyer{display:grid;gap:2px}.orders-buyer__name{color:#0f172a;font-weight:600;font-size:14px}.orders-buyer__meta{display:inline-flex;flex-wrap:wrap;gap:4px 10px;color:#64748b;font-size:12px}.orders-status-wrap{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap;cursor:pointer}.orders-status-wrap .order-tag{cursor:pointer}.orders-status-dropdown{position:fixed;z-index:9999;min-width:180px;max-height:280px;overflow-y:auto;background:#fff;border:1px solid #d8e1ef;border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,.12);padding:4px 0}.orders-status-dropdown__group-header{padding:6px 12px 2px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.orders-status-dropdown__group-header:not(:first-child){border-top:1px solid #f1f5f9;margin-top:2px;padding-top:8px}.orders-status-dropdown__item{display:flex;align-items:center;gap:8px;padding:5px 12px;font-size:13px;color:#334155;cursor:pointer;white-space:nowrap}.orders-status-dropdown__item:hover{background:#f1f5f9}.orders-status-dropdown__item.is-current{font-weight:700;background:#f8fafc}.orders-status-dropdown__color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.order-tag{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d8e1ef;background:#f8fafc;color:#334155;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700;line-height:1.1;white-space:nowrap}.order-tag.is-info{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.order-tag.is-success{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.order-tag.is-danger{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.order-tag.is-warn{border-color:#fde68a;background:#fffbeb;color:#92400e}.order-tag.is-cod{border-color:#f9a8d4;background:#fdf2f8;color:#9d174d}.order-tag.is-unpaid{border-color:#fca5a5;background:#fef2f2;color:#b91c1c}.orders-mini{font-size:14px;color:#223247;line-height:1.25}.orders-mini__delivery{font-size:12px;color:#64748b;margin-bottom:2px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orders-products{display:grid;gap:4px;min-width:240px}.orders-products__meta,.orders-products__more{font-size:12px;color:#64748b}.orders-product{display:grid;grid-template-columns:48px 1fr;gap:6px;align-items:center}.orders-product__thumb{width:48px;height:48px;border-radius:4px;border:1px solid #dbe3ef;object-fit:cover;background:#fff}.orders-product__thumb--empty{display:inline-block;background:#eef2f7;border-style:dashed}.orders-product__txt{min-width:0;display:grid;gap:1px}.orders-product__name{font-size:14px;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.orders-product__qty{font-size:12px;color:#64748b}.orders-image-hover-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:zoom-in}.orders-image-hover-popup{display:none;position:fixed;left:auto;top:auto;width:350px;max-height:350px;object-fit:contain;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.18);border:1px solid #dfe3ea;z-index:100;pointer-events:none}.orders-image-hover-wrap:hover .orders-image-hover-popup{display:block}.activity-type-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500;white-space:nowrap;background:#e2e8f0;color:#334155}.activity-type-badge--status_change{background:#dbeafe;color:#1e40af}.activity-type-badge--payment{background:#dcfce7;color:#166534}.activity-type-badge--invoice{background:#fef3c7;color:#92400e}.activity-type-badge--shipment{background:#e0e7ff;color:#3730a3}.activity-type-badge--message{background:#f3e8ff;color:#6b21a8}.activity-type-badge--document{background:#fce7f3;color:#9d174d}.activity-type-badge--import{background:#f1f5f9;color:#475569}.activity-type-badge--note{background:#ecfdf5;color:#065f46}.text-nowrap{white-space:nowrap}.orders-money{display:grid;gap:2px}.orders-money__main{color:#0f172a;font-weight:700;font-size:14px}.orders-money__meta{color:#64748b;font-size:12px}.table-list[data-table-list-id=orders]{gap:8px}.table-list[data-table-list-id=orders] .table-list__header{padding:2px 0 0}.table-list[data-table-list-id=orders] .table-list-filters{gap:8px;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr))}.table-list[data-table-list-id=orders] .table th,.table-list[data-table-list-id=orders] .table td{padding:6px 8px}.table-list[data-table-list-id=orders] .table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.table-list[data-table-list-id=orders] .table tbody td{vertical-align:top;font-size:14px;line-height:1.25}.order-show-layout{display:grid;grid-template-columns:220px minmax(0, 1fr);gap:12px;align-items:start}.order-statuses-side{position:sticky;top:60px;padding:10px}.order-statuses-side__title{font-size:13px;font-weight:700;color:#0f172a;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;list-style:none}.order-statuses-side__title::-webkit-details-marker{display:none}.order-statuses-side__arrow{display:none;flex-shrink:0;opacity:.5;transition:transform .2s ease}details[open]>.order-statuses-side__title .order-statuses-side__arrow{transform:rotate(180deg)}.order-status-group{margin-bottom:10px}.order-status-group__name{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px;color:#475569;font-weight:700;margin-bottom:5px;text-decoration:none;padding:3px 6px;border-radius:6px;border-left:3px solid rgba(0,0,0,0);cursor:pointer;transition:background .15s}.order-status-group__name:hover{background:#f1f5f9}.order-status-group__count{min-width:24px;text-align:center;border-radius:999px;background:var(--group-color, #64748b);padding:1px 6px;font-weight:700;font-size:11px;color:#fff}.order-status-group.is-active>.order-status-group__name{background:rgba(15,23,42,.06);color:#0f172a;border-left-color:var(--group-color, #64748b)}.order-status-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 6px;border-radius:6px;color:#334155;font-size:12px;text-decoration:none}.order-status-row__count{min-width:24px;text-align:center;border-radius:999px;background:var(--status-color, #64748b);padding:1px 6px;font-weight:700;font-size:11px;color:#fff}.order-status-row:hover{background:#f1f5f9}.order-status-row.is-active{background:rgba(15,23,42,.06);color:#0f172a;font-weight:700}.order-show-main{min-width:0}.order-details-actions{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.order-details-page{padding:12px}.order-details-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.order-back-link{color:#475569;text-decoration:none;font-weight:600}.order-back-link:hover{color:#1d4ed8}.order-details-sub{display:inline-flex;gap:10px;flex-wrap:wrap;color:#64748b;font-size:12px}.order-details-pill{border-radius:999px;padding:5px 10px;background:#eef6ff;border:1px solid #cfe2ff;color:#1d4ed8;font-size:12px;font-weight:700}.order-status-change{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.order-status-change__form{display:flex;align-items:center;gap:6px}.order-status-change__select{min-width:180px}.order-details-tabs{display:flex;gap:6px;flex-wrap:wrap}.order-details-tab{border:1px solid #d6deea;border-radius:8px;padding:5px 10px;color:#475569;font-size:12px;background:#f8fafc;cursor:pointer}.order-details-tab.is-active{border-color:#bfdbfe;color:#1d4ed8;background:#eff6ff;font-weight:700}.order-item-cell{display:grid;grid-template-columns:44px 1fr;gap:8px;align-items:center;min-width:260px}.order-item-thumb{width:44px;height:44px;border-radius:6px;border:1px solid #dbe3ef;object-fit:cover}.order-item-thumb--empty{display:inline-block;background:#eef2f7;border-style:dashed}.order-item-name{font-weight:600;color:#0f172a}.item-personalization{margin-top:4px;padding:4px 8px;background:#f8fafc;border-left:2px solid #cbd5e1;border-radius:2px;font-size:.92em;color:#475569;line-height:1.4}.item-personalization__label{font-weight:600;color:#64748b;display:block;margin-bottom:2px}.item-personalization__line{white-space:pre-wrap;word-break:break-word}.order-grid-2{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px}.order-grid-3{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px}.order-kv{margin:0;display:grid;grid-template-columns:150px 1fr;gap:6px 10px;font-size:12px}.order-payment-shipping .section-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.order-payment-shipping .btn-edit-inline{background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);color:#6b7280;padding:3px 5px;cursor:pointer;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,background-color .15s,color .15s}.order-payment-shipping .btn-edit-inline:hover{background:#f3f4f6;color:#111827}.order-payment-shipping:hover .btn-edit-inline{opacity:1}.order-details-edit-form{margin-top:12px;padding:10px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;font-size:12px}.order-details-edit-form .form-row{margin-bottom:8px}.order-details-edit-form label{display:block;color:#374151;font-weight:500}.order-details-edit-form label input[type=text]{display:block;width:100%;margin-top:3px;padding:5px 7px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;box-sizing:border-box}.order-details-edit-form label.checkbox-inline{display:flex;align-items:center;gap:6px;font-weight:400}.order-details-edit-form label.checkbox-inline input{margin:0}.order-details-edit-form label.checkbox-inline code{background:#eef2ff;padding:1px 4px;border-radius:3px;font-size:11px}.order-details-edit-form .form-actions{display:flex;gap:6px;margin-top:8px}.payment-summary{display:grid;gap:6px;max-width:420px}.payment-summary__row{display:flex;align-items:center;gap:10px;font-size:12px}.payment-summary__label{width:150px;flex-shrink:0;color:#64748b}.payment-summary__value{font-weight:600;color:#0f172a}.payment-add-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:12px;max-width:700px}.payment-add-form__row{display:flex;flex-wrap:wrap;gap:10px}.payment-add-form__field{display:flex;flex-direction:column;gap:3px;flex:1 1 140px;min-width:120px}.payment-add-form__field label{font-size:11px;color:#64748b;font-weight:500}.payment-add-form__field input,.payment-add-form__field select{font-size:12px;padding:4px 8px;border:1px solid #cbd5e1;border-radius:4px;height:30px}.payment-add-form__actions{display:flex;gap:8px;margin-top:12px}.order-kv dt{color:#64748b}.order-kv dd{margin:0;color:#0f172a;font-weight:600}.order-address{display:grid;gap:3px;font-size:12px;color:#0f172a}.order-events{display:grid;gap:8px}.order-event{border:1px solid #e2e8f0;border-radius:8px;padding:8px;background:#fbfdff}.order-event__head{color:#64748b;font-size:11px}.order-event__body{margin-top:4px;color:#0f172a;font-size:12px}.order-tab-panel{display:none}.order-tab-panel.is-active{display:block}.order-sms-head,.notifications-page__head{align-items:center;display:flex;gap:12px;justify-content:space-between}.order-sms-thread{display:flex;flex-direction:column;gap:8px}.order-sms-bubble{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;max-width:76%;padding:8px 10px}.order-sms-bubble--outbound{align-self:flex-end;background:#ecfdf5;border-color:#bbf7d0}.order-sms-bubble--inbound{align-self:flex-start}.order-sms-bubble__meta{color:#64748b;display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.order-sms-bubble__body{color:#0f172a;font-size:14px;line-height:1.35;margin:4px 0;overflow-wrap:anywhere}.order-sms-form{display:grid;gap:10px}.topbar-notifications{align-items:center;border:1px solid #dbe4ef;border-radius:8px;color:#334155;display:inline-flex;height:34px;justify-content:center;position:relative;width:38px}.topbar-notifications:hover{background:#f8fafc;color:#0f172a}.topbar-notifications__badge{align-items:center;background:#dc2626;border-radius:999px;color:#fff;display:inline-flex;font-size:11px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:-6px;top:-6px}.notifications-list{display:grid;gap:8px}.notification-row{align-items:center;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;justify-content:space-between;padding:10px 12px}.notification-row--unread{background:#f8fafc;border-color:#93c5fd}.notification-row__title{color:#0f172a;font-weight:700}.notification-row__body{color:#334155;margin-top:3px;overflow-wrap:anywhere}.notification-row__meta{color:#64748b;font-size:12px;margin-top:4px}.notification-row__actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.manual-tracking-form{display:flex;gap:8px;align-items:center}.manual-tracking-form .form-control{max-width:220px}.order-empty-placeholder{border:1px dashed #cbd5e1;border-radius:8px;min-height:180px;background:#f8fafc}.order-status-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid #cbd5e1;color:#334155;background:#f8fafc}.order-status-badge.is-info{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.order-status-badge.is-success{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.order-status-badge.is-danger{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.order-status-badge.is-warn{border-color:#fde68a;background:#fffbeb;color:#92400e}.order-status-badge.is-empty{color:#94a3b8}.order-buyer{display:grid;gap:2px}.order-buyer__name{color:#0f172a;font-weight:600}.order-buyer__email{color:#64748b;font-size:12px}.table-inline-action{display:inline-block;margin-right:6px}.product-name-cell{display:inline-flex;align-items:center;gap:10px}.product-name-thumb{width:60px;height:60px;border-radius:6px;object-fit:cover;border:1px solid var(--c-border);background:#f8fafc}.product-name-thumb--empty{display:inline-block;width:60px;height:60px;border-radius:6px;border:1px dashed #cbd5e0;background:#f8fafc}.product-name-thumb-btn{border:0;padding:0;background:rgba(0,0,0,0);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.product-name-thumb-btn:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:8px}.modal--image-preview{width:min(760px,100%)}.product-image-preview__img{display:block;width:100%;max-height:70vh;object-fit:contain;border-radius:8px;background:#f8fafc}.product-images-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));gap:12px}.product-image-card{border:1px solid #dfe3ea;border-radius:10px;padding:10px;background:#fff}.product-image-card__thumb-wrap{position:relative;border-radius:8px;overflow:hidden;background:#f2f5f8}.product-image-card__thumb{width:100%;height:160px;object-fit:cover;display:block}.product-image-card__thumb.is-empty{height:160px;display:grid;place-items:center;color:#6b7785;font-size:12px}.product-image-card__badge{display:none;position:absolute;top:8px;left:8px;background:#1f7a43;color:#fff;padding:3px 8px;border-radius:999px;font-size:11px}.product-image-card.is-main .product-image-card__badge{display:inline-block}.product-image-card__meta{margin-top:8px;font-size:11px;line-height:1.25;color:#5f6b79;overflow-wrap:anywhere}.product-image-card__actions{margin-top:10px;display:grid;grid-template-columns:1fr;gap:8px}.product-image-card__actions .btn{min-height:34px;font-size:12px;line-height:1.2;padding:6px 10px}.product-links-search-form{display:grid;gap:12px;grid-template-columns:minmax(220px, 320px) minmax(220px, 1fr) auto;align-items:end}.product-links-head{display:grid;gap:8px;grid-template-columns:repeat(3, minmax(0, 1fr))}.product-tabs-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.product-links-inline-form{display:grid;gap:8px;grid-template-columns:minmax(140px, 1fr) minmax(140px, 1fr) auto;align-items:center}.product-links-actions-row{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.product-links-actions-row .product-links-relink-form{flex:1 1 auto}.product-links-unlink-form{margin:0;flex:0 0 auto}.product-link-status-cell{display:inline-flex;align-items:center;gap:6px}.product-link-alert-indicator{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;border:1px solid #f59e0b;background:#fffbeb;color:#b45309;font-size:12px;font-weight:700;cursor:help}.product-link-events-list{margin:0;padding:0;list-style:none;display:grid;gap:4px}.product-link-events-list li{display:grid;gap:2px}.product-link-events-type{font-weight:600;color:var(--c-text-strong)}.product-link-events-date{color:var(--c-muted);font-size:12px}.product-show-images-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));gap:12px}.product-show-image-card{border:1px solid var(--c-border);border-radius:10px;background:#fff;padding:10px;overflow:hidden}.product-show-image-card__meta{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-width:0}.product-show-image-path{font-size:12px;min-width:0;overflow:hidden}.product-show-image-path summary{cursor:pointer;color:var(--c-muted, #888);list-style:none;user-select:none;white-space:nowrap}.product-show-image-path summary::-webkit-details-marker{display:none}.product-show-image-path summary::after{content:" ▾"}.product-show-image-path[open] summary::after{content:" ▴"}.product-show-image-path__url{margin-top:4px;word-break:break-all;overflow-wrap:break-word;font-size:11px}.product-show-image{width:100%;max-height:260px;object-fit:cover;border-radius:8px;border:1px solid #d9e0ea}.shipment-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px}.searchable-select{position:relative}.searchable-select__trigger{display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;min-height:34px}.searchable-select__trigger::after{content:"";width:0;height:0;border-left:4px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);border-top:5px solid var(--c-text-muted, #6b7280);margin-left:8px;flex-shrink:0}.searchable-select__trigger--placeholder{color:var(--c-text-muted, #6b7280)}.searchable-select__dropdown{display:none;position:absolute;left:0;right:0;top:100%;z-index:50;max-height:280px;overflow:auto;background:#fff;border:1px solid var(--c-border);border-top:0;border-radius:0 0 8px 8px;box-shadow:0 8px 20px rgba(15,23,42,.12)}.searchable-select__dropdown.is-open{display:block}.searchable-select__search{position:sticky;top:0;border:none !important;border-bottom:1px solid var(--c-border) !important;border-radius:0 !important;box-shadow:none !important;font-size:13px;background:#fff;z-index:1}.searchable-select__option{padding:7px 10px;font-size:13px;cursor:pointer;color:var(--c-text-strong)}.searchable-select__option:hover{background:#f1f5f9}.searchable-select__option.is-selected{background:#edf2ff;font-weight:600}.flash{padding:10px 14px;border-radius:8px;font-size:13px;font-weight:500}.flash--success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.flash--error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.content-tabs-card{margin-top:0}.content-tabs-nav{display:flex;gap:4px;border-bottom:2px solid var(--c-border);margin-bottom:16px;flex-wrap:wrap}.content-tab-btn{padding:8px 16px;border:none;background:none;cursor:pointer;font-size:14px;font-weight:500;color:var(--c-text-muted, #6b7280);border-bottom:2px solid rgba(0,0,0,0);margin-bottom:-2px;border-radius:4px 4px 0 0;transition:color .15s,border-color .15s}.content-tab-btn:hover{color:var(--c-text-strong, #111827)}.content-tab-btn.is-active{color:var(--c-primary, #2563eb);border-bottom-color:var(--c-primary, #2563eb)}.content-tab-panel{display:none}.content-tab-panel.is-active{display:block}.shoppro-tabs-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}.shoppro-tabs-toolbar__field{margin:0;min-width:260px;max-width:420px;flex:1 1 320px}.shoppro-tabs-toolbar__field .form-control{width:100%}.shoppro-tabs-toolbar__actions{display:inline-flex;align-items:center;gap:8px}.dm-carrier-select{min-width:140px}.dm-service-wrap{min-width:200px}.dm-service-wrap .dm-inpost-panel .form-control,.dm-service-wrap .dm-apaczka-panel .form-control{width:100%}.integration-settings-group{grid-column:1/-1;border:1px solid var(--c-border);border-radius:10px;background:#f8fbff;padding:10px}.integration-settings-group__head{margin-bottom:8px;padding:4px 0;border-bottom:1px solid #e2e8f0}.integration-settings-group__title{margin:0;font-size:14px;font-weight:600;letter-spacing:.01em;color:var(--c-text-strong, #1e293b)}.integration-settings-group__desc{margin:4px 0 0;color:#4b5563}.integration-settings-group__grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px 12px;align-items:start}.integration-settings-group__full{grid-column:1/-1}.integration-settings-group__grid .form-field{margin:0;align-self:start}.integration-settings-group__grid .form-control{min-height:34px;height:34px}.integration-settings-group__grid input[type=date].form-control{line-height:1.2}.integration-settings-checkboxes{grid-column:1/-1;border:0;padding:0;margin:0}.integration-settings-checkboxes .field-label{display:block;margin-bottom:2px}.integration-settings-checkboxes__list{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:6px 12px}.integration-settings-checkboxes__item{display:inline-flex;align-items:center;gap:6px;min-height:24px;font-size:13px;line-height:1.3;color:#334155}.integration-settings-checkboxes__item input[type=checkbox],.integration-settings-checkboxes__item input[type=radio]{flex:0 0 auto;width:16px;height:16px;margin:0;accent-color:var(--c-action-primary)}.smsplanet-sender-phone-field{grid-column:2}.smsplanet-default-footer-field{grid-column:1/-1}.smsplanet-default-footer-field textarea{min-height:78px;resize:vertical}.order-sms-footer-note{color:#64748b;display:block;font-size:12px;margin-top:4px}.topbar__hamburger{display:none;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:rgba(0,0,0,0);border:none;color:var(--c-text-strong);cursor:pointer;border-radius:6px;flex-shrink:0}.topbar__hamburger:hover{background:var(--c-bg-subtle, #f1f5f9)}.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:999;opacity:0;transition:opacity .25s ease}.sidebar-backdrop.is-visible{display:block;opacity:1}body.no-scroll{overflow:hidden}@media(max-width: 768px){.topbar__hamburger{display:flex}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;min-width:280px;z-index:1000;transform:translateX(-100%);transition:transform .25s ease;border-right:1px solid #243041;overflow-y:auto}.sidebar.is-mobile-open{transform:translateX(0)}.sidebar__brand{margin:4px 4px 12px}.sidebar__collapse-btn{display:flex}.sidebar__collapse-icon{transform:rotate(180deg)}.sidebar__nav{display:grid;gap:4px}.topbar{padding:0 14px}.container{margin-top:16px;width:calc(100% - 16px);margin-left:8px;margin-right:8px;padding:0 3px 12px}.settings-grid{grid-template-columns:1fr}.page-head{flex-direction:column;align-items:flex-start}.orders-stats{grid-template-columns:1fr;width:100%}.order-show-layout{grid-template-columns:1fr}.order-statuses-side{position:static;top:auto}.order-statuses-side__title{cursor:pointer}.order-statuses-side__arrow{display:block}.order-details-actions{justify-content:flex-start}.order-grid-2,.order-grid-3{grid-template-columns:1fr}.order-kv{grid-template-columns:1fr;gap:2px}.filters-grid,.form-grid,.form-grid-2,.form-grid-3,.form-grid-4,.shipment-grid,.statuses-form,.statuses-inline-form,.table-list-filters,.product-links-search-form,.product-links-inline-form{grid-template-columns:1fr}.statuses-dnd-item__content{display:block}.statuses-inline-delete{margin-top:6px}.filters-actions{align-items:center}.table-list__header,.table-list__footer{align-items:flex-start}.product-links-head{grid-template-columns:1fr}.integration-settings-group__grid{grid-template-columns:1fr}.integration-settings-checkboxes__list{grid-template-columns:1fr}.smsplanet-sender-phone-field{grid-column:1}.smsplanet-default-footer-field{grid-column:1}.card{padding:12px}.modal--image-preview{width:min(92vw,100%)}.email-tpl-editor-wrap{flex-direction:column}.email-tpl-var-panel{min-width:200px}.modal-box{width:95vw;max-height:90vh}}.email-tpl-editor-wrap{display:flex;flex-direction:column;border:1px solid var(--c-border);border-radius:6px;overflow:visible}.email-tpl-toolbar{display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--c-bg-subtle, #f8f9fa);border-bottom:1px solid var(--c-border)}.email-tpl-var-dropdown{position:relative}.email-tpl-var-panel{position:absolute;top:100%;left:0;z-index:300;min-width:260px;max-height:320px;overflow-y:auto;background:var(--c-bg);border:1px solid var(--c-border);border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.12);padding:6px;margin-top:4px}.email-var-group:not(:first-child){margin-top:6px;padding-top:6px;border-top:1px solid var(--c-border)}.email-var-group__label{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--c-text-muted);padding:2px 4px;letter-spacing:.03em}.email-var-item{display:block;width:100%;text-align:left;padding:3px 6px;margin:1px 0;border:none;background:none;font-size:12px;font-family:"Roboto Mono",monospace;color:var(--c-text);border-radius:3px;cursor:pointer}.email-var-item:hover{background:var(--c-primary);color:#fff}#js-quill-editor{min-height:200px}#js-quill-editor .ql-editor{min-height:200px;font-size:13px}.modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.45)}.modal-box{width:min(680px,90vw);max-height:80vh;background:var(--c-bg);border-radius:8px;box-shadow:0 8px 30px rgba(0,0,0,.2);display:flex;flex-direction:column;overflow:hidden}.modal-box__header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--c-border)}.modal-box__title{margin:0;font-size:15px;font-weight:600}.modal-box__close{background:none;border:none;font-size:22px;line-height:1;cursor:pointer;color:var(--c-text-muted);padding:0 4px}.modal-box__close:hover{color:var(--c-text)}.modal-box__body{padding:12px 16px;overflow-y:auto;flex:1}.table-list-table tbody tr.order-row-aged>td{border-top:2px solid rgba(0,0,0,0);border-bottom:2px solid rgba(0,0,0,0)}.table-list-table tbody tr.order-row-aged>td:first-child{border-left:2px solid rgba(0,0,0,0)}.table-list-table tbody tr.order-row-aged>td:last-child{border-right:2px solid rgba(0,0,0,0)}.table-list-table tbody tr.order-row-aged-4>td{border-color:#f8b4b4}.table-list-table tbody tr.order-row-aged-5>td{border-color:#f28282}.table-list-table tbody tr.order-row-aged-6>td{border-color:#e74c3c}.table-list-table tbody tr.order-row-aged-7>td{border-color:#991b1b} +:root{--c-primary: #6690f4;--c-primary-dark: #3164db;--c-action-primary: #0f766e;--c-action-primary-dark: #0b5f59;--c-bg: #f4f6f9;--c-surface: #ffffff;--c-text: #4e5e6a;--c-text-strong: #2d3748;--c-muted: #718096;--c-border: #b0bec5;--c-danger: #cc0000;--focus-ring: 0 0 0 3px rgba(102, 144, 244, 0.15);--focus-ring-action: 0 0 0 3px rgba(15, 118, 110, 0.18);--shadow-card: 0 1px 4px rgba(0, 0, 0, 0.06)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 12px;border:1px solid rgba(0,0,0,0);border-radius:8px;font:inherit;font-weight:600;text-decoration:none;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .1s ease}.btn--primary{color:#fff;background:var(--c-action-primary)}.btn--primary:hover{background:var(--c-action-primary-dark)}.btn--secondary{color:var(--c-text-strong);border-color:var(--c-border);background:var(--c-surface)}.btn--secondary:hover{border-color:#cbd5e0;background:#f8fafc}.btn--danger{color:#fff;border-color:#b91c1c;background:#dc2626}.btn--danger:hover{border-color:#991b1b;background:#b91c1c}.btn--sm{min-height:28px;padding:3px 10px;font-size:12px}.btn--block{width:100%}.btn--disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring-action);border-color:var(--c-action-primary)}.form-control{width:100%;min-height:30px;border:1px solid var(--c-border);border-radius:6px;padding:4px 8px;font:inherit;color:var(--c-text-strong);background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.form-control:focus{outline:none;border-color:var(--c-primary);box-shadow:var(--focus-ring)}.input{min-height:34px;border:1px solid var(--c-border);border-radius:8px;padding:5px 10px;font:inherit;color:var(--c-text-strong);background:#fff}.input--sm{min-height:28px;padding:3px 8px;font-size:12px}.flash{padding:8px 12px;border-radius:6px;font-size:13px}.flash--success{border:1px solid #b7ebcf;background:#f0fff6;color:#0f6b39}.flash--error{border:1px solid #fed7d7;background:#fff5f5;color:var(--c-danger)}.alert{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:8px;border:1px solid rgba(0,0,0,0);font-size:13px;min-height:44px;line-height:1.4}.alert__icon{flex:0 0 18px;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;line-height:1;color:inherit}.alert__icon svg{width:18px;height:18px;display:block}.alert__body{flex:1;min-width:0;word-break:break-word}.alert__dismiss{flex:0 0 auto;margin-left:auto;align-self:flex-start;background:rgba(0,0,0,0);border:0;padding:2px 6px;cursor:pointer;color:inherit;opacity:.55;font-size:16px;line-height:1;border-radius:4px;transition:opacity .15s ease,background-color .15s ease}.alert__dismiss:hover,.alert__dismiss:focus-visible{opacity:1;background-color:rgba(0,0,0,.06);outline:none}.alert--info{border-color:#bfdbfe;background:#eff6ff;color:#1e3a8a}.alert--danger{border-color:#fed7d7;background:#fff5f5;color:var(--c-danger)}.alert--success{border-color:#b7ebcf;background:#f0fff6;color:#0f6b39}.alert--warning{border-color:#f7dd8b;background:#fff8e8;color:#815500}.alerts-stack{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.form-field{display:grid;gap:5px}.field-label{color:var(--c-text-strong);font-size:13px;font-weight:600}.table-wrap{width:100%;overflow-x:auto}.table-wrap--visible{overflow:visible !important;overflow-x:visible !important}.table{width:100%;border-collapse:collapse;background:var(--c-surface)}.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--c-border);text-align:left}.table th{color:var(--c-text-strong);font-weight:700;background:#f8fafc}.table--details th{white-space:nowrap}.table--details th:first-child,.table--details td:first-child{width:36px;text-align:center}.pagination{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.pagination__item{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border-radius:8px;border:1px solid var(--c-border);color:var(--c-text-strong);background:var(--c-surface);text-decoration:none;font-weight:600}.pagination__item:hover{border-color:#cbd5e0;background:#f8fafc}.pagination__item.is-active{border-color:var(--c-primary);color:var(--c-primary);background:#edf2ff}.receipt-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--c-text-strong)}.receipt-header__seller{flex:1}.receipt-header__seller strong{font-size:14px;display:block;margin-bottom:4px}.receipt-header__title{text-align:right}.receipt-header__title h1{font-size:18px;font-weight:700;margin-bottom:4px}.receipt-print{max-width:700px;margin:0 auto}@media print{.receipt-print{max-width:100%}}.copy-name-row{display:flex;align-items:center;gap:6px}.copy-btn-inline{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:2px;cursor:pointer;color:var(--c-text-muted, #999);border-radius:3px;transition:color .15s;flex-shrink:0}.copy-btn-inline:hover{color:var(--c-primary)}.copy-btn-inline .check-icon{color:var(--c-action-primary)}.email-send-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.email-send-modal{background:var(--c-card-bg, #fff);border-radius:8px;width:580px;max-width:95vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 32px rgba(0,0,0,.2)}.email-send-modal__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--c-border, #e0e0e0)}.email-send-modal__header h3{margin:0;font-size:15px}.email-send-modal__close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--c-text-muted, #888);padding:0 4px}.email-send-modal__close:hover{color:var(--c-text, #333)}.email-send-modal__body{padding:16px;overflow-y:auto;flex:1}.email-send-modal__field{margin-bottom:10px}.email-send-modal__field label{display:block;font-size:12px;font-weight:600;margin-bottom:4px;color:var(--c-text-muted, #666)}.email-send-modal__field .input{width:100%}.email-send-modal__actions-top{margin-bottom:10px}.email-send-modal__footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--c-border, #e0e0e0)}.email-send-preview{border:1px solid var(--c-border, #e0e0e0);border-radius:4px;padding:12px;max-height:280px;overflow-y:auto;background:var(--c-bg, #fafafa)}.email-send-preview__subject{font-weight:600;font-size:13px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--c-border, #e0e0e0)}.email-send-preview__body{font-size:13px;line-height:1.5}.email-send-preview__body p{margin:0 0 8px}.email-send-preview__attachments{margin-top:8px;padding-top:8px;border-top:1px solid var(--c-border, #e0e0e0);font-size:12px;color:var(--c-text-muted, #666)}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.automation-row{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:var(--c-surface, #f8f9fa);border:1px solid var(--c-border, #dee2e6);border-radius:6px}.automation-row__fields{flex:1;display:flex;flex-direction:column;gap:6px}.automation-row__type{max-width:280px}.automation-row__config{display:flex;flex-wrap:wrap;gap:8px}.automation-row__config .form-control{min-width:200px;max-width:300px}.automation-row__remove{flex-shrink:0;margin-top:2px;line-height:1;font-size:16px;padding:2px 8px}.checkbox-group{display:flex;flex-wrap:wrap;gap:4px 16px}.checkbox-label{display:flex;align-items:center;gap:4px;font-size:13px;cursor:pointer;white-space:nowrap}.checkbox-label input[type=checkbox]{margin:0}.automation-actions-cell{white-space:nowrap}.automation-inline-form{display:inline}.automation-history-filters{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:8px;align-items:end}.automation-history-filters .form-field{margin:0}.automation-history-filters .field-label{font-size:12px;margin-bottom:4px}.automation-history-filters .form-control{min-height:34px}.automation-history-filters__actions{display:flex;gap:6px;align-items:center;justify-content:flex-start;padding-bottom:1px}.print-status-badge{display:inline-block;padding:2px 8px;border-radius:3px;font-size:.75rem;font-weight:600;line-height:1.4}.print-status-badge--pending{background-color:#fff3cd;color:#856404}.print-status-badge--completed{background-color:#d4edda;color:#155724}.print-status-badge--failed{background-color:#f8d7da;color:#721c24}.print-queue-filters{display:flex;gap:4px}.print-queue-table td,.print-queue-table th{padding:6px 8px;font-size:.85rem}.print-queue-actions{display:inline-flex;align-items:center;gap:6px}.print-queue-delete-form{margin:0}.btn--outline-primary{background:rgba(0,0,0,0);border:1px solid var(--c-action-primary);color:var(--c-action-primary);cursor:pointer;border-radius:3px;font-size:.75rem;padding:3px 8px;transition:background-color .15s,color .15s}.btn--outline-primary:hover{background-color:var(--c-action-primary);color:#fff}.btn--outline-primary:disabled{opacity:.6;cursor:not-allowed}.btn--outline-primary.is-success{border-color:#28a745;color:#28a745}.shipment-presets{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px;margin-bottom:16px}.shipment-presets__btn{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border:none;border-radius:6px;background:var(--preset-color, #3b82f6);color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:opacity .15s;line-height:1.4}.shipment-presets__btn:hover{opacity:.85}.shipment-presets__add{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border:1px dashed #ccc;border-radius:6px;background:rgba(0,0,0,0);color:#666;font-size:13px;cursor:pointer;transition:border-color .15s,color .15s;line-height:1.4}.shipment-presets__add:hover{border-color:#999;color:#444}.preset-modal{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:1000;display:flex;align-items:center;justify-content:center}.preset-modal__content{background:#fff;border-radius:8px;padding:24px;min-width:360px;max-width:420px;box-shadow:0 8px 32px rgba(0,0,0,.2)}.preset-modal__content h3{margin:0 0 4px;font-size:16px}.preset-modal__colors{display:flex;gap:8px;flex-wrap:wrap}.preset-modal__color-swatch{width:28px;height:28px;border-radius:50%;cursor:pointer;border:2px solid rgba(0,0,0,0);transition:border-color .15s}.preset-modal__color-swatch:hover{border-color:#aaa}.preset-modal__color-swatch.is-selected{border-color:#333}.shipment-presets__btn-wrap{position:relative;display:inline-flex}.shipment-presets__btn-wrap:hover .shipment-presets__edit-icon{opacity:1}.shipment-presets__edit-icon{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:#fff;border:1px solid #ddd;font-size:10px;line-height:16px;text-align:center;cursor:pointer;opacity:0;transition:opacity .15s;padding:0;color:#666;z-index:2}.shipment-presets__edit-icon:hover{background:#f3f4f6;border-color:#999}.shipment-presets__dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,.12);z-index:100;min-width:200px;padding:4px 0}.shipment-presets__dropdown-item{padding:6px 14px;font-size:13px;cursor:pointer;white-space:nowrap}.shipment-presets__dropdown-item:hover{background:#f3f4f6}.shipment-presets__dropdown-item.is-danger{color:#ef4444}.shipment-presets__dropdown-item.is-danger:hover{background:#fef2f2}.delivery-badge{display:inline-block;padding:2px 8px;border-radius:3px;font-size:.8em;font-weight:500;white-space:nowrap}.delivery-badge--unknown{background:#f5f5f5;color:#999}.delivery-badge--created{background:#e3f2fd;color:#1565c0}.delivery-badge--confirmed{background:#bbdefb;color:#0d47a1}.delivery-badge--picked_up{background:#e1f5fe;color:#01579b}.delivery-badge--in_transit{background:#fff3e0;color:#e65100}.delivery-badge--out_for_delivery{background:#ffe0b2;color:#bf360c}.delivery-badge--ready_for_pickup{background:#f3e5f5;color:#6a1b9a}.delivery-badge--delivered{background:#e8f5e9;color:#2e7d32}.delivery-badge--returned{background:#ffebee;color:#c62828}.delivery-badge--cancelled{background:#e0e0e0;color:#616161}.delivery-badge--problem{background:#fff8e1;color:#f57f17}.tracking-link{margin-left:4px;text-decoration:none;font-size:.85em}.delivery-status-swatch{display:inline-block;width:14px;height:14px;border-radius:2px;background:var(--status-color, #6c757d);vertical-align:middle}.delivery-status-system-badge{display:inline-block;padding:1px 6px;border-radius:3px;font-size:.75em;background:#e9ecef;color:#6c757d}.delivery-badge--custom{background:var(--status-color, #6c757d);color:#fff}.dsm-row--custom{background:rgba(59,130,246,.06)}.dsm-raw-status{font-size:.82rem;background:var(--surface-alt, #f1f5f9);padding:2px 6px;border-radius:3px;white-space:nowrap}.dsm-unmapped{border-left:4px solid #f59e0b}.dsm-unmapped .section-title{color:#b45309}.dsm-unmapped table tbody tr{background:rgba(245,158,11,.05)}.global-search{flex:1;max-width:500px;position:relative;margin:0 16px}.global-search__input{width:100%;padding:6px 12px;font-size:13px;border:1px solid var(--c-border);border-radius:4px;background:var(--c-bg);color:var(--c-text);outline:none;transition:border-color .15s}.global-search__input::placeholder{color:var(--c-text-muted, #94a3b8)}.global-search__input:focus{border-color:var(--c-primary, #3b82f6);box-shadow:0 0 0 2px rgba(59,130,246,.15)}.global-search__results{display:none;position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--c-surface, #fff);border:1px solid var(--c-border);border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,.12);max-height:400px;overflow-y:auto;z-index:1000}.global-search__item{display:block;padding:8px 12px;cursor:pointer;text-decoration:none;color:var(--c-text);border-bottom:1px solid var(--c-border);transition:background-color .1s}.global-search__item:last-child{border-bottom:none}.global-search__item:hover,.global-search__item.is-highlighted{background:var(--c-bg, #f1f5f9)}.global-search__item-title{font-weight:600;font-size:13px;margin-bottom:2px}.global-search__item-details{font-size:11px;color:var(--c-text-muted, #64748b)}.global-search__empty{padding:12px;text-align:center;color:var(--c-text-muted, #94a3b8);font-size:13px}@media(max-width: 768px){.global-search{max-width:none;margin:0 8px}.global-search__input{font-size:12px;padding:5px 8px}}.order-preview-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:20px}.order-preview-modal{background:var(--c-surface);border:1px solid var(--c-border);border-radius:10px;box-shadow:0 16px 48px rgba(0,0,0,.18);width:100%;max-width:960px;max-height:90vh;display:flex;flex-direction:column}.order-preview-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--c-border)}.order-preview-modal__title{font-size:18px;font-weight:600;margin:0}.order-preview-modal__close{background:none;border:none;font-size:22px;cursor:pointer;color:var(--c-muted);padding:0 4px;line-height:1}.order-preview-modal__close:hover{color:var(--c-text)}.order-preview-modal__body{padding:20px 24px;overflow-y:auto;flex:1}.order-preview-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--c-border)}.order-preview-loading{text-align:center;padding:32px;color:var(--c-muted)}.order-preview-error{text-align:center;padding:32px;color:var(--c-danger, #e53e3e)}.order-preview-section{margin-bottom:14px}.order-preview-section__title{font-size:13px;font-weight:600;text-transform:uppercase;color:var(--c-muted);margin-bottom:8px;letter-spacing:.04em}.order-preview-kv{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-size:14px}.order-preview-kv dt{color:var(--c-muted);white-space:nowrap}.order-preview-kv dd{margin:0;display:flex;align-items:center;gap:4px}.order-preview-items{width:100%;font-size:14px;border-collapse:collapse}.order-preview-items th,.order-preview-items td{padding:6px 8px;text-align:left;vertical-align:top}.order-preview-items th{font-weight:600;font-size:12px;text-transform:uppercase;color:var(--c-muted)}.order-preview-items tbody tr+tr{border-top:1px solid var(--c-border)}.order-preview-item-cell{display:flex;align-items:flex-start;gap:8px}.order-preview-item-thumb{width:42px;height:42px;object-fit:cover;border-radius:4px;border:1px solid var(--c-border);flex-shrink:0}.order-preview-item-thumb--empty{background:var(--c-bg, #f5f5f5)}.order-preview-item-info{min-width:0}.order-preview-item-name{font-size:14px;line-height:1.3;word-break:break-word}.order-preview-personalization{margin-top:4px;font-size:12px;color:var(--c-muted);line-height:1.4}.order-preview-personalization__line{white-space:pre-wrap;word-break:break-word}.order-preview-notes{font-size:14px}.order-preview-notes__item{padding:6px 0}.order-preview-notes__item+.order-preview-notes__item{border-top:1px solid var(--c-border)}.order-preview-notes__type{font-size:11px;color:var(--c-muted);margin-bottom:2px}.order-preview-notes__text{white-space:pre-wrap;word-break:break-word}.copy-field__btn{background:none;border:none;cursor:pointer;font-size:13px;color:var(--c-muted);padding:0 2px;line-height:1;opacity:.6;transition:opacity .15s;display:inline-flex;align-items:center;gap:3px}.copy-field__btn:hover{opacity:1;color:var(--c-primary, #4f6ef7)}.copy-field__btn.is-copied{color:#22c55e;opacity:1}.btn-icon.js-order-preview-btn{background:none;border:none;cursor:pointer;font-size:14px;color:var(--c-muted);padding:2px 4px;line-height:1;opacity:.5;transition:opacity .15s;vertical-align:middle;margin-right:4px}.btn-icon.js-order-preview-btn:hover{opacity:1;color:var(--c-primary, #4f6ef7)}.pm-form__row{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}.pm-form__field{flex:1;min-width:160px}.pm-form__actions{display:flex;align-items:flex-end;padding-bottom:2px}.pm-row--inactive{opacity:.5}.pm-row__actions{white-space:nowrap}.pm-row__actions .btn+.btn{margin-left:4px}.project-badge{display:inline-flex;align-items:center;gap:2px;font-size:10px;line-height:1;padding:1px 4px;border-radius:3px;vertical-align:middle;margin-left:4px}.project-badge--done{color:#16a34a;background:rgba(22,163,74,.1)}.project-badge--partial{color:#d97706;background:rgba(217,119,6,.1);font-weight:600}.project-badge--none{color:#9ca3af;background:rgba(156,163,175,.1)}.item-project-badge{display:inline-block;font-size:10px;padding:1px 6px;border-radius:3px;margin-left:6px;vertical-align:middle}.item-project-badge--done{color:#16a34a;background:rgba(22,163,74,.1)}.item-project-badge--pending{color:#9ca3af;background:rgba(156,163,175,.1)}.pm-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.pm-modal__overlay{position:absolute;inset:0;background:rgba(0,0,0,.4)}.pm-modal__content{position:relative;width:100%;max-width:500px;z-index:1}.customer-risk-banner{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:6px;background:#fff0f0;border:1px solid #fecaca;border-left:4px solid #d64545;color:#6b1f1f;font-size:13px}.customer-risk-banner__icon{flex-shrink:0;font-size:18px;line-height:1;color:#d64545}.customer-risk-banner__body{flex:1;min-width:0}.customer-risk-banner__text{margin:0;font-weight:600;color:#6b1f1f}.customer-risk-banner__list{margin-top:6px}.customer-risk-banner__list summary{cursor:pointer;color:#9b2c2c;font-size:12px;user-select:none}.customer-risk-banner__table{width:100%;margin-top:6px;font-size:12px;border-collapse:collapse}.customer-risk-banner__table th,.customer-risk-banner__table td{padding:4px 6px;border-bottom:1px solid #f5d6d6;text-align:left;color:#3b0f0f}.customer-risk-banner__table thead th{font-size:11px;text-transform:uppercase;letter-spacing:.02em;color:#7a2323;background:#ffe3e3}.customer-risk-banner__table tbody tr:last-child th,.customer-risk-banner__table tbody tr:last-child td{border-bottom:0}.customer-risk-banner__table a{color:#b91c1c;font-weight:600}.risk-return-badge{display:inline-block;padding:1px 6px;background:#d64545;color:#fff;font-size:11px;font-weight:600;border-radius:3px;margin-left:4px;cursor:default;vertical-align:middle;line-height:1.4}.table-list-table tbody tr.is-risk-return>td:first-child{border-left:3px solid #d64545}.sms-template-active-field{display:flex;align-items:flex-end;gap:8px}.sms-template-active-label{display:flex;align-items:center;gap:6px}.sms-template-active-text{margin:0}.sms-template-counter{font-size:12px}.sms-template-counter-warning{color:#b45309;margin-left:8px}.sms-template-actions{white-space:nowrap;display:flex;flex-wrap:nowrap;gap:6px;align-items:center}.sms-template-actions>form{display:inline-flex;margin:0}.sms-var-panel{border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;padding:12px 14px}.sms-var-panel__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}.sms-var-panel__title{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#374151;font-weight:600;margin:0}.sms-var-panel__hint{font-size:12px}.sms-var-group{padding:8px 0;border-top:1px dashed #e5e7eb}.sms-var-group:first-of-type{border-top:0;padding-top:0}.sms-var-group__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;margin-bottom:6px}.sms-var-group__items{display:flex;flex-wrap:wrap;gap:6px}.sms-var-item{display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:12px;background:#fff;border:1px solid #d1d5db;border-radius:999px;padding:4px 10px;cursor:pointer;color:#1f2937;line-height:1.4;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.sms-var-item code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#4338ca;background:rgba(0,0,0,0);padding:0}.sms-var-item__desc{color:#6b7280;font-size:11px}.sms-var-item:hover{background:#eef2ff;border-color:#6366f1;color:#1e1b4b}.sms-var-item:hover code{color:#1e1b4b}.sms-var-item:hover .sms-var-item__desc{color:#312e81}.order-sms-template-picker{margin-bottom:8px}.order-notes-badge{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:10px;background:#eef2ff;color:#4338ca;font-size:11px;font-weight:600;line-height:1.4;text-decoration:none;vertical-align:middle;transition:background .15s ease}.order-notes-badge:hover{background:#e0e7ff;text-decoration:none}.order-notes-subtitle{margin:0 0 6px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--c-muted, #64748b)}.order-user-notes{display:flex;flex-direction:column;gap:8px}.order-user-notes .order-event--user{border-left:3px solid #6366f1;padding-left:8px}.order-user-notes .order-event__head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.order-user-notes .order-event__meta{font-size:11px;color:var(--c-muted, #64748b)}.order-user-notes .order-event__actions{display:inline-flex;align-items:center;gap:8px}.order-imported-notes .order-event--imported{opacity:.75;font-size:12px}.btn-link{background:none;border:0;padding:0;margin:0;font-size:11px;color:var(--c-primary, #2563eb);cursor:pointer;text-decoration:underline}.btn-link:hover{text-decoration:none}.btn-link--danger{color:#dc2626}.order-note-form textarea,.order-note-edit-form textarea{width:100%;min-height:60px;resize:vertical}.order-note-form .order-note-form__actions,.order-note-form .order-note-edit-form__actions,.order-note-edit-form .order-note-form__actions,.order-note-edit-form .order-note-edit-form__actions{display:flex;gap:8px;margin-top:6px}.order-note-edit-form{margin-top:6px}.order-note-edit-form .order-note-edit-form__actions{display:flex;gap:8px;margin-top:6px}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:"Roboto","Segoe UI",sans-serif;font-size:13px;color:var(--c-text);background:var(--c-bg)}a{color:var(--c-primary)}.app-shell{min-height:100vh;display:flex}.sidebar{width:260px;min-width:260px;flex-shrink:0;overflow:hidden;transition:width .22s ease,min-width .22s ease;border-right:1px solid #243041;background:#111a28;padding:18px 10px;display:flex;flex-direction:column}.sidebar.is-collapsed{width:52px;min-width:52px;padding:18px 0}.sidebar.is-collapsed .sidebar__brand-text{display:none}.sidebar.is-collapsed .sidebar__brand{justify-content:center;margin:4px 0 16px}.sidebar.is-collapsed .sidebar__label{display:none}.sidebar.is-collapsed .sidebar__toggle-arrow{display:none}.sidebar.is-collapsed .sidebar__link,.sidebar.is-collapsed .sidebar__group-toggle{justify-content:center;padding:9px;border-radius:8px;margin:0 6px}.sidebar.is-collapsed .sidebar__group-links{display:none}.sidebar.is-collapsed .sidebar__icon{margin:0}.sidebar__brand{display:flex;align-items:center;justify-content:space-between;margin:4px 4px 16px;gap:6px;min-width:0}.sidebar__brand-text{color:#e9f0ff;font-size:24px;font-weight:300;letter-spacing:-0.02em;white-space:nowrap;overflow:hidden;flex:1;min-width:0}.sidebar__brand-text strong{font-weight:700}.sidebar__collapse-btn{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:1px solid #2a3a54;border-radius:6px;color:#64748b;cursor:pointer;padding:0;transition:background .15s,color .15s}.sidebar__collapse-btn:hover{background:#1b2a3f;color:#cbd5e1}.sidebar__collapse-icon{display:block;transition:transform .22s ease;flex-shrink:0}.sidebar.is-collapsed .sidebar__collapse-icon{transform:rotate(180deg)}.sidebar__nav{display:grid;gap:4px}.sidebar__link{display:flex;align-items:center;gap:9px;white-space:nowrap;border-radius:8px;padding:9px 10px;text-decoration:none;color:#cbd5e1;font-weight:600}.sidebar__link:hover{color:#f8fafc;background:#1b2a3f}.sidebar__link.is-active{color:#fff;background:#2e4f93}.sidebar__group{display:grid;gap:2px}.sidebar__group-toggle{list-style:none;border-radius:8px;padding:9px 10px;color:#cbd5e1;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:9px;white-space:nowrap;user-select:none}.sidebar__group-toggle::-webkit-details-marker{display:none}.sidebar__group:hover .sidebar__group-toggle,.sidebar__group-toggle:hover{color:#f8fafc;background:#1b2a3f}.sidebar__group.is-active .sidebar__group-toggle{color:#fff;background:#2e4f93}.sidebar__icon{flex-shrink:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;opacity:.85}.sidebar__label{flex:1;min-width:0;overflow:hidden}.sidebar__toggle-arrow{flex-shrink:0;margin-left:auto;opacity:.5;transition:transform .18s ease}details[open]>.sidebar__group-toggle .sidebar__toggle-arrow{transform:rotate(180deg)}.sidebar__group-links{display:grid;gap:2px;padding-left:12px;overflow:hidden}.sidebar__sublink{border-radius:6px;padding:7px 10px 7px 8px;text-decoration:none;color:#94a3b8;font-size:12.5px;font-weight:500;display:flex;align-items:center;gap:8px;white-space:nowrap}.sidebar__sublink::before{content:"";flex-shrink:0;width:5px;height:5px;border-radius:50%;background:rgba(148,163,184,.3);transition:background .15s}.sidebar__sublink:hover{color:#e2e8f0;background:#1b2a3f}.sidebar__sublink:hover::before{background:rgba(148,163,184,.65)}.sidebar__sublink.is-active{color:#fff;background:rgba(46,79,147,.55)}.sidebar__sublink.is-active::before{background:#93c5fd}.sidebar__badge{margin-left:auto;background:#f59e0b;color:#1f2937;font-size:10.5px;font-weight:700;line-height:1;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.app-main{flex:1;min-width:0}.topbar{height:50px;border-bottom:1px solid var(--c-border);background:var(--c-surface);display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:100}.brand{font-size:22px;font-weight:300;letter-spacing:-0.02em;color:var(--c-text-strong)}.brand strong{font-weight:700}.container{max-width:none;width:calc(100% - 20px);margin:12px 10px;padding:0 4px 14px}.card{background:var(--c-surface);border-radius:10px;box-shadow:var(--shadow-card);padding:14px}.card h1{margin:0 0 10px;color:var(--c-text-strong);font-size:24px;font-weight:700}.muted{color:var(--c-muted)}.accent{color:var(--c-primary);font-weight:600}.users-form{display:grid;gap:14px;max-width:460px}.form-field{margin-bottom:12px}.section-title{margin:0;color:var(--c-text-strong);font-size:18px;font-weight:700}h2.section-title,h3.section-title,h4.section-title{display:flex;align-items:center;gap:6px;font-weight:600;padding:6px 0;margin-bottom:8px;border-bottom:1px solid #e2e8f0;color:var(--c-primary, #2563eb)}h2.section-title::before,h3.section-title::before,h4.section-title::before{content:"■";font-size:.55em;opacity:.5}h3.section-title,h4.section-title{font-size:15px}h3.section-title::before,h4.section-title::before{content:"◆";font-size:.5em}.mt-0{margin-top:0}.mt-4{margin-top:4px}.mt-12{margin-top:8px}.mb-12{margin-bottom:8px}.mt-16{margin-top:12px}.settings-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px}.settings-nav{display:flex;gap:8px;flex-wrap:wrap}.settings-nav__link{text-decoration:none;border:1px solid var(--c-border);border-radius:8px;padding:8px 12px;color:var(--c-text-strong);font-weight:600}.settings-nav__link:hover{background:#f8fafc}.settings-nav__link.is-active{border-color:var(--c-primary);color:var(--c-primary);background:#edf2ff}.settings-stat{border:1px solid var(--c-border);border-radius:8px;padding:12px;background:#f8fafc}.settings-stat__label{display:block;color:var(--c-muted);font-size:12px;margin-bottom:4px}.settings-stat__value{color:var(--c-text-strong);font-size:20px}.settings-logs{margin:0;padding:12px;border-radius:8px;border:1px solid var(--c-border);background:#0b1220;color:#d1d5db;font-size:12px;line-height:1.5;overflow:auto}.settings-allegro-callback{display:block;width:100%;padding:8px 10px;border:1px solid var(--c-border);border-radius:8px;background:#f8fafc;color:var(--c-text-strong);font-size:12px;line-height:1.45;word-break:break-all}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.filters-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px}.filters-actions{display:flex;align-items:center;gap:8px}.product-form .form-control{width:100%}.form-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px}.form-grid-2{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px;align-items:start}.form-grid-3{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px;align-items:start}.form-grid-4{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:12px;align-items:start}.form-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start}.form-actions .btn{align-self:flex-start}.statuses-form{display:grid;gap:8px;grid-template-columns:repeat(2, minmax(0, 1fr))}.statuses-form .form-actions{grid-column:1/-1}.statuses-color-input{min-height:32px;padding:2px}.statuses-hint{grid-column:1/-1;margin:0}.statuses-group-block{border:1px solid var(--c-border);border-radius:10px;padding:8px;background:#fbfdff}.statuses-group-block__head{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}.statuses-group-block__title{margin:0;display:inline-flex;align-items:center;gap:6px;color:var(--c-text-strong);font-size:14px}.statuses-color-dot{width:12px;height:12px;border-radius:999px;border:1px solid rgba(15,23,42,.15)}.statuses-dnd-list{margin:6px 0 0;padding:0;list-style:none;display:grid;gap:6px}.statuses-dnd-item{display:grid;grid-template-columns:24px 1fr;gap:6px;border:1px solid #dce4f0;border-radius:8px;background:#fff;padding:6px}.statuses-dnd-item__content{display:flex;align-items:center;gap:6px;min-width:0}.statuses-dnd-item.is-dragging{opacity:.6}.statuses-dnd-item__drag{display:inline-flex;align-items:center;justify-content:center;border:1px dashed #cbd5e1;border-radius:6px;color:#64748b;cursor:grab;user-select:none;font-weight:700;font-size:12px}.statuses-dnd-item__drag:active{cursor:grabbing}.statuses-inline-form{display:grid;gap:6px}.statuses-inline-form--row{grid-template-columns:minmax(180px, 1.4fr) minmax(150px, 1fr) auto auto auto;align-items:center;flex:1 1 auto;min-width:0}.statuses-inline-form--row-group{grid-template-columns:minmax(180px, 1.5fr) 56px auto auto auto;align-items:center;flex:1 1 auto;min-width:0}.statuses-inline-form--row .form-control,.statuses-inline-form--row-group .form-control{min-height:30px;padding:4px 8px}.statuses-inline-form--row .btn,.statuses-inline-form--row-group .btn,.statuses-inline-delete .btn{min-height:30px;padding:4px 10px;font-size:12px}.statuses-inline-check{margin-top:0;white-space:nowrap;font-size:12px}.statuses-inline-delete{margin:0;flex:0 0 auto}.statuses-code-label{font-size:12px;color:var(--c-muted)}.statuses-code-readonly{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:12px}.statuses-code-readonly code{background:#eef2f7;border-radius:6px;padding:1px 6px;color:#1f2937;font-size:12px}.field-inline{display:flex;align-items:center;gap:8px;margin-top:2px}.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.5);display:flex;align-items:center;justify-content:center;padding:16px;z-index:200}.modal-backdrop[hidden]{display:none}.modal{width:min(560px,100%);background:#fff;border-radius:10px;box-shadow:0 20px 40px rgba(15,23,42,.35);overflow:hidden}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;border-bottom:1px solid var(--c-border)}.modal__header h3{margin:0;font-size:18px;color:var(--c-text-strong)}.modal__body{padding:16px 18px 18px}.status-pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid #fed7d7;background:#fff5f5;color:#9b2c2c;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.status-pill.is-active{border-color:#b7ebcf;background:#f0fff6;color:#0f6b39}.table-row-actions{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.table-row-actions form{margin:0}.table-list{display:grid;gap:14px}.table-list__header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.table-list__left{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.table-list-header-actions{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.js-filter-toggle-btn.is-active{border-color:#cbd5e0;background:#edf2ff;color:var(--c-primary-dark)}.table-filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;color:#fff;background:var(--c-primary);border-radius:999px}.table-filters-wrapper{display:none}.table-filters-wrapper.is-open{display:block}.table-list-filters{display:grid;gap:12px;grid-template-columns:repeat(auto-fit, minmax(170px, 1fr));align-items:end}.table-col-toggle-wrapper{position:relative}.table-col-toggle-dropdown{display:none;position:absolute;right:0;top:calc(100% + 6px);z-index:30;width:260px;max-height:360px;overflow:auto;border:1px solid var(--c-border);border-radius:10px;background:#fff;box-shadow:0 10px 25px rgba(15,23,42,.12)}.table-col-toggle-dropdown.is-open{display:block}.table-col-toggle-header{padding:10px 12px;border-bottom:1px solid var(--c-border);font-size:12px;font-weight:700;color:var(--c-muted)}.table-col-toggle-item{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:13px;color:var(--c-text-strong)}.table-col-toggle-item:hover{background:#f8fafc}.table-col-toggle-footer{border-top:1px solid var(--c-border);padding:8px 12px}.table-col-hidden{display:none}.table-col-switch{position:relative;display:inline-block;width:34px;min-width:34px;height:18px}.table-col-switch input{opacity:0;width:0;height:0;position:absolute}.table-col-switch-slider{position:absolute;top:0;left:0;right:0;bottom:0;background:#cbd5e1;border-radius:999px;transition:background-color .2s ease}.table-col-switch-slider::before{content:"";position:absolute;height:14px;width:14px;left:2px;bottom:2px;background:#fff;border-radius:50%;transition:transform .2s ease}.table-col-switch input:checked+.table-col-switch-slider{background:#16a34a}.table-col-switch input:checked+.table-col-switch-slider::before{transform:translateX(16px)}.table-sort-link{display:inline-flex;align-items:center;gap:6px;color:var(--c-text-strong);text-decoration:none}.table-sort-link:hover{color:var(--c-primary-dark)}.table-sort-icon.is-muted{color:#a0aec0}.table-list__footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.table-list-per-page-form{display:inline-flex;align-items:center;gap:8px}.table-list-per-page-form .form-control{min-width:90px}.table-select-col{width:44px;text-align:center}.table-select-toggle{display:inline-flex;align-items:center;justify-content:center}.table-select-toggle input[type=checkbox]{width:16px;height:16px}.orders-page .orders-head{background:linear-gradient(120deg, #f8fbff 0%, #eef5ff 100%);border:1px solid #dbe7fb}.orders-page .table-list{border:1px solid #dde5f2;border-radius:12px;box-shadow:0 6px 16px rgba(20,44,86,.08)}.orders-page .table-list__header{padding:10px 6px 2px}.orders-page .table-list-filters{padding:6px 6px 2px;border-top:1px solid #ebf0f7;border-bottom:1px solid #ebf0f7;background:#f9fbff}.orders-page .table-wrap{border-radius:10px;overflow:hidden;border:1px solid #e7edf6}.orders-page .table thead th{background:#f3f7fd;color:#30435f;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.orders-page .table tbody td{vertical-align:middle;padding-top:10px;padding-bottom:10px;border-bottom-color:#edf2f8}.orders-page .table tbody tr:hover td{background:#f9fcff}.orders-list-page{padding:10px;margin-bottom:10px}.statistics-orders-page{padding:10px}.statistics-orders-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.statistics-orders-filters{display:grid;grid-template-columns:repeat(auto-fit, minmax(170px, 1fr));gap:10px;align-items:end}.statistics-orders-filters__actions{align-self:end}.statistics-orders-multiselect{min-height:120px;height:120px;padding-top:6px;padding-bottom:6px}.checkbox-multiselect{position:relative;width:100%}.checkbox-multiselect select[data-checkbox-multiselect-enhanced]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.checkbox-multiselect__trigger{width:100%;min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--c-border);border-radius:6px;padding:4px 8px;font:inherit;color:var(--c-text-strong);background:#fff;cursor:pointer;text-align:left;transition:border-color .2s ease,box-shadow .2s ease}.checkbox-multiselect__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkbox-multiselect__arrow{flex:0 0 auto;width:7px;height:7px;border-right:1.5px solid #64748b;border-bottom:1.5px solid #64748b;transform:rotate(45deg) translateY(-2px)}.checkbox-multiselect__dropdown{display:none;position:absolute;z-index:40;top:calc(100% + 2px);left:0;right:0;max-height:200px;overflow-y:auto;padding:8px 8px 6px;border:1px solid var(--c-primary);border-radius:0 0 6px 6px;background:#fff;box-shadow:0 18px 38px rgba(45,55,72,.16)}.checkbox-multiselect.is-open .checkbox-multiselect__trigger{border-color:var(--c-primary);border-bottom-right-radius:0;border-bottom-left-radius:0;box-shadow:var(--focus-ring)}.checkbox-multiselect.is-open .checkbox-multiselect__dropdown{display:grid;gap:4px}.checkbox-multiselect.is-open .checkbox-multiselect__arrow{transform:rotate(225deg) translate(-2px, -1px)}.checkbox-multiselect__option{display:flex;align-items:center;gap:6px;min-height:20px;color:var(--c-text);font-size:13px;line-height:1.25;cursor:pointer}.checkbox-multiselect__option input{width:17px;height:17px;margin:0;flex:0 0 auto;accent-color:var(--c-primary)}.checkbox-multiselect__option--all{color:var(--c-text-strong);font-weight:700}.statistics-orders-table-wrap{overflow-x:auto}.statistics-orders-table{min-width:880px}.statistics-orders-table thead th{text-align:center;white-space:nowrap}.statistics-orders-table tbody td,.statistics-orders-table tfoot th{text-align:right;white-space:nowrap}.statistics-orders-table tbody td:first-child,.statistics-orders-table tfoot th:first-child{text-align:left}.statistics-orders-table tfoot th{border-top:2px solid #cbd5e1;background:#f8fafc}.statistics-summary-page{padding:10px}.statistics-summary-section{display:grid;gap:12px}.statistics-summary-chart-grid,.statistics-summary-table-grid{display:grid;gap:12px}@media(min-width: 1100px){.statistics-summary-chart-grid,.statistics-summary-table-grid{grid-template-columns:repeat(2, minmax(0, 1fr));align-items:start}}.statistics-summary-card{padding:10px}.statistics-summary-card__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.statistics-summary-chart{position:relative;height:320px}.statistics-summary-chart canvas{display:block;width:100%;height:100%;border:1px solid #e2e8f0;border-radius:6px;background:#fff}.statistics-summary-fallback{margin-top:0}.statistics-summary-table{min-width:640px}.statistics-summary-table th,.statistics-summary-table td{white-space:nowrap;text-align:right}.statistics-summary-table th:first-child,.statistics-summary-table td:first-child{text-align:left}.orders-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.orders-stats{display:inline-grid;grid-template-columns:repeat(3, minmax(86px, auto));gap:8px}.orders-stat{border:1px solid #d8e2f0;background:#f8fbff;border-radius:8px;padding:6px 8px;line-height:1.15}.orders-stat__label{display:block;color:#5f6f83;font-size:11px;margin-bottom:2px}.orders-stat__value{color:#12233a;font-size:16px;font-weight:700}.orders-ref{display:grid;gap:2px;min-width:170px}.orders-ref__main{font-weight:700;color:#0f1f35;font-size:14px}.orders-ref__meta{display:inline-flex;flex-wrap:wrap;gap:4px 10px;color:#64748b;font-size:12px}.orders-buyer{display:grid;gap:2px}.orders-buyer__name{color:#0f172a;font-weight:600;font-size:14px}.orders-buyer__meta{display:inline-flex;flex-wrap:wrap;gap:4px 10px;color:#64748b;font-size:12px}.orders-status-wrap{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap;cursor:pointer}.orders-status-wrap .order-tag{cursor:pointer}.orders-status-dropdown{position:fixed;z-index:9999;min-width:180px;max-height:280px;overflow-y:auto;background:#fff;border:1px solid #d8e1ef;border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,.12);padding:4px 0}.orders-status-dropdown__group-header{padding:6px 12px 2px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.orders-status-dropdown__group-header:not(:first-child){border-top:1px solid #f1f5f9;margin-top:2px;padding-top:8px}.orders-status-dropdown__item{display:flex;align-items:center;gap:8px;padding:5px 12px;font-size:13px;color:#334155;cursor:pointer;white-space:nowrap}.orders-status-dropdown__item:hover{background:#f1f5f9}.orders-status-dropdown__item.is-current{font-weight:700;background:#f8fafc}.orders-status-dropdown__color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.order-tag{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d8e1ef;background:#f8fafc;color:#334155;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700;line-height:1.1;white-space:nowrap}.order-tag.is-info{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.order-tag.is-success{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.order-tag.is-danger{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.order-tag.is-warn{border-color:#fde68a;background:#fffbeb;color:#92400e}.order-tag.is-cod{border-color:#f9a8d4;background:#fdf2f8;color:#9d174d}.order-tag.is-unpaid{border-color:#fca5a5;background:#fef2f2;color:#b91c1c}.orders-mini{font-size:14px;color:#223247;line-height:1.25}.orders-mini__delivery{font-size:12px;color:#64748b;margin-bottom:2px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orders-products{display:grid;gap:4px;min-width:240px}.orders-products__meta,.orders-products__more{font-size:12px;color:#64748b}.orders-product{display:grid;grid-template-columns:48px 1fr;gap:6px;align-items:center}.orders-product__thumb{width:48px;height:48px;border-radius:4px;border:1px solid #dbe3ef;object-fit:cover;background:#fff}.orders-product__thumb--empty{display:inline-block;background:#eef2f7;border-style:dashed}.orders-product__txt{min-width:0;display:grid;gap:1px}.orders-product__name{font-size:14px;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.orders-product__qty{font-size:12px;color:#64748b}.orders-image-hover-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:zoom-in}.orders-image-hover-popup{display:none;position:fixed;left:auto;top:auto;width:350px;max-height:350px;object-fit:contain;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.18);border:1px solid #dfe3ea;z-index:100;pointer-events:none}.orders-image-hover-wrap:hover .orders-image-hover-popup{display:block}.activity-type-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500;white-space:nowrap;background:#e2e8f0;color:#334155}.activity-type-badge--status_change{background:#dbeafe;color:#1e40af}.activity-type-badge--payment{background:#dcfce7;color:#166534}.activity-type-badge--invoice{background:#fef3c7;color:#92400e}.activity-type-badge--shipment{background:#e0e7ff;color:#3730a3}.activity-type-badge--message{background:#f3e8ff;color:#6b21a8}.activity-type-badge--document{background:#fce7f3;color:#9d174d}.activity-type-badge--import{background:#f1f5f9;color:#475569}.activity-type-badge--note{background:#ecfdf5;color:#065f46}.text-nowrap{white-space:nowrap}.orders-money{display:grid;gap:2px}.orders-money__main{color:#0f172a;font-weight:700;font-size:14px}.orders-money__meta{color:#64748b;font-size:12px}.table-list[data-table-list-id=orders]{gap:8px}.table-list[data-table-list-id=orders] .table-list__header{padding:2px 0 0}.table-list[data-table-list-id=orders] .table-list-filters{gap:8px;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr))}.table-list[data-table-list-id=orders] .table th,.table-list[data-table-list-id=orders] .table td{padding:6px 8px}.table-list[data-table-list-id=orders] .table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.table-list[data-table-list-id=orders] .table tbody td{vertical-align:top;font-size:14px;line-height:1.25}.order-show-layout{display:grid;grid-template-columns:220px minmax(0, 1fr);gap:12px;align-items:start}.order-statuses-side{position:sticky;top:60px;padding:10px}.order-statuses-side__title{font-size:13px;font-weight:700;color:#0f172a;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;list-style:none}.order-statuses-side__title::-webkit-details-marker{display:none}.order-statuses-side__arrow{display:none;flex-shrink:0;opacity:.5;transition:transform .2s ease}details[open]>.order-statuses-side__title .order-statuses-side__arrow{transform:rotate(180deg)}.order-status-group{margin-bottom:10px}.order-status-group__name{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px;color:#475569;font-weight:700;margin-bottom:5px;text-decoration:none;padding:3px 6px;border-radius:6px;border-left:3px solid rgba(0,0,0,0);cursor:pointer;transition:background .15s}.order-status-group__name:hover{background:#f1f5f9}.order-status-group__count{min-width:24px;text-align:center;border-radius:999px;background:var(--group-color, #64748b);padding:1px 6px;font-weight:700;font-size:11px;color:#fff}.order-status-group.is-active>.order-status-group__name{background:rgba(15,23,42,.06);color:#0f172a;border-left-color:var(--group-color, #64748b)}.order-status-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 6px;border-radius:6px;color:#334155;font-size:12px;text-decoration:none}.order-status-row__count{min-width:24px;text-align:center;border-radius:999px;background:var(--status-color, #64748b);padding:1px 6px;font-weight:700;font-size:11px;color:#fff}.order-status-row:hover{background:#f1f5f9}.order-status-row.is-active{background:rgba(15,23,42,.06);color:#0f172a;font-weight:700}.order-show-main{min-width:0}.order-details-actions{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.order-details-page{padding:12px}.order-details-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.order-back-link{color:#475569;text-decoration:none;font-weight:600}.order-back-link:hover{color:#1d4ed8}.order-details-sub{display:inline-flex;gap:10px;flex-wrap:wrap;color:#64748b;font-size:12px}.order-details-pill{border-radius:999px;padding:5px 10px;background:#eef6ff;border:1px solid #cfe2ff;color:#1d4ed8;font-size:12px;font-weight:700}.order-status-change{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.order-status-change__form{display:flex;align-items:center;gap:6px}.order-status-change__select{min-width:180px}.order-details-tabs{display:flex;gap:6px;flex-wrap:wrap}.order-details-tab{border:1px solid #d6deea;border-radius:8px;padding:5px 10px;color:#475569;font-size:12px;background:#f8fafc;cursor:pointer}.order-details-tab.is-active{border-color:#bfdbfe;color:#1d4ed8;background:#eff6ff;font-weight:700}.order-item-cell{display:grid;grid-template-columns:44px 1fr;gap:8px;align-items:center;min-width:260px}.order-item-thumb{width:44px;height:44px;border-radius:6px;border:1px solid #dbe3ef;object-fit:cover}.order-item-thumb--empty{display:inline-block;background:#eef2f7;border-style:dashed}.order-item-name{font-weight:600;color:#0f172a}.item-personalization{margin-top:4px;padding:4px 8px;background:#f8fafc;border-left:2px solid #cbd5e1;border-radius:2px;font-size:.92em;color:#475569;line-height:1.4}.item-personalization__label{font-weight:600;color:#64748b;display:block;margin-bottom:2px}.item-personalization__line{white-space:pre-wrap;word-break:break-word}.order-grid-2{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px}.order-grid-3{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px}.order-kv{margin:0;display:grid;grid-template-columns:150px 1fr;gap:6px 10px;font-size:12px}.order-payment-shipping .section-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.order-payment-shipping .btn-edit-inline{background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);color:#6b7280;padding:3px 5px;cursor:pointer;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,background-color .15s,color .15s}.order-payment-shipping .btn-edit-inline:hover{background:#f3f4f6;color:#111827}.order-payment-shipping:hover .btn-edit-inline{opacity:1}.order-details-edit-form{margin-top:12px;padding:10px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;font-size:12px}.order-details-edit-form .form-row{margin-bottom:8px}.order-details-edit-form label{display:block;color:#374151;font-weight:500}.order-details-edit-form label input[type=text]{display:block;width:100%;margin-top:3px;padding:5px 7px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;box-sizing:border-box}.order-details-edit-form label.checkbox-inline{display:flex;align-items:center;gap:6px;font-weight:400}.order-details-edit-form label.checkbox-inline input{margin:0}.order-details-edit-form label.checkbox-inline code{background:#eef2ff;padding:1px 4px;border-radius:3px;font-size:11px}.order-details-edit-form .form-actions{display:flex;gap:6px;margin-top:8px}.payment-summary{display:grid;gap:6px;max-width:420px}.payment-summary__row{display:flex;align-items:center;gap:10px;font-size:12px}.payment-summary__label{width:150px;flex-shrink:0;color:#64748b}.payment-summary__value{font-weight:600;color:#0f172a}.payment-add-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:12px;max-width:700px}.payment-add-form__row{display:flex;flex-wrap:wrap;gap:10px}.payment-add-form__field{display:flex;flex-direction:column;gap:3px;flex:1 1 140px;min-width:120px}.payment-add-form__field label{font-size:11px;color:#64748b;font-weight:500}.payment-add-form__field input,.payment-add-form__field select{font-size:12px;padding:4px 8px;border:1px solid #cbd5e1;border-radius:4px;height:30px}.payment-add-form__actions{display:flex;gap:8px;margin-top:12px}.order-kv dt{color:#64748b}.order-kv dd{margin:0;color:#0f172a;font-weight:600}.order-address{display:grid;gap:3px;font-size:12px;color:#0f172a}.order-events{display:grid;gap:8px}.order-event{border:1px solid #e2e8f0;border-radius:8px;padding:8px;background:#fbfdff}.order-event__head{color:#64748b;font-size:11px}.order-event__body{margin-top:4px;color:#0f172a;font-size:12px}.order-tab-panel{display:none}.order-tab-panel.is-active{display:block}.order-sms-head,.notifications-page__head{align-items:center;display:flex;gap:12px;justify-content:space-between}.order-sms-thread{display:flex;flex-direction:column;gap:8px}.order-sms-bubble{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;max-width:76%;padding:8px 10px}.order-sms-bubble--outbound{align-self:flex-end;background:#ecfdf5;border-color:#bbf7d0}.order-sms-bubble--inbound{align-self:flex-start}.order-sms-bubble__meta{color:#64748b;display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.order-sms-bubble__body{color:#0f172a;font-size:14px;line-height:1.35;margin:4px 0;overflow-wrap:anywhere}.order-sms-form{display:grid;gap:10px}.topbar-notifications{align-items:center;border:1px solid #dbe4ef;border-radius:8px;color:#334155;display:inline-flex;height:34px;justify-content:center;position:relative;width:38px}.topbar-notifications:hover{background:#f8fafc;color:#0f172a}.topbar-notifications__badge{align-items:center;background:#dc2626;border-radius:999px;color:#fff;display:inline-flex;font-size:11px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:-6px;top:-6px}.notifications-list{display:grid;gap:8px}.notification-row{align-items:center;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;justify-content:space-between;padding:10px 12px}.notification-row--unread{background:#f8fafc;border-color:#93c5fd}.notification-row__title{color:#0f172a;font-weight:700}.notification-row__body{color:#334155;margin-top:3px;overflow-wrap:anywhere}.notification-row__meta{color:#64748b;font-size:12px;margin-top:4px}.notification-row__actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.manual-tracking-form{display:flex;gap:8px;align-items:center}.manual-tracking-form .form-control{max-width:220px}.order-empty-placeholder{border:1px dashed #cbd5e1;border-radius:8px;min-height:180px;background:#f8fafc}.order-status-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid #cbd5e1;color:#334155;background:#f8fafc}.order-status-badge.is-info{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.order-status-badge.is-success{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.order-status-badge.is-danger{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.order-status-badge.is-warn{border-color:#fde68a;background:#fffbeb;color:#92400e}.order-status-badge.is-empty{color:#94a3b8}.order-buyer{display:grid;gap:2px}.order-buyer__name{color:#0f172a;font-weight:600}.order-buyer__email{color:#64748b;font-size:12px}.table-inline-action{display:inline-block;margin-right:6px}.product-name-cell{display:inline-flex;align-items:center;gap:10px}.product-name-thumb{width:60px;height:60px;border-radius:6px;object-fit:cover;border:1px solid var(--c-border);background:#f8fafc}.product-name-thumb--empty{display:inline-block;width:60px;height:60px;border-radius:6px;border:1px dashed #cbd5e0;background:#f8fafc}.product-name-thumb-btn{border:0;padding:0;background:rgba(0,0,0,0);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.product-name-thumb-btn:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:8px}.modal--image-preview{width:min(760px,100%)}.product-image-preview__img{display:block;width:100%;max-height:70vh;object-fit:contain;border-radius:8px;background:#f8fafc}.product-images-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));gap:12px}.product-image-card{border:1px solid #dfe3ea;border-radius:10px;padding:10px;background:#fff}.product-image-card__thumb-wrap{position:relative;border-radius:8px;overflow:hidden;background:#f2f5f8}.product-image-card__thumb{width:100%;height:160px;object-fit:cover;display:block}.product-image-card__thumb.is-empty{height:160px;display:grid;place-items:center;color:#6b7785;font-size:12px}.product-image-card__badge{display:none;position:absolute;top:8px;left:8px;background:#1f7a43;color:#fff;padding:3px 8px;border-radius:999px;font-size:11px}.product-image-card.is-main .product-image-card__badge{display:inline-block}.product-image-card__meta{margin-top:8px;font-size:11px;line-height:1.25;color:#5f6b79;overflow-wrap:anywhere}.product-image-card__actions{margin-top:10px;display:grid;grid-template-columns:1fr;gap:8px}.product-image-card__actions .btn{min-height:34px;font-size:12px;line-height:1.2;padding:6px 10px}.product-links-search-form{display:grid;gap:12px;grid-template-columns:minmax(220px, 320px) minmax(220px, 1fr) auto;align-items:end}.product-links-head{display:grid;gap:8px;grid-template-columns:repeat(3, minmax(0, 1fr))}.product-tabs-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.product-links-inline-form{display:grid;gap:8px;grid-template-columns:minmax(140px, 1fr) minmax(140px, 1fr) auto;align-items:center}.product-links-actions-row{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.product-links-actions-row .product-links-relink-form{flex:1 1 auto}.product-links-unlink-form{margin:0;flex:0 0 auto}.product-link-status-cell{display:inline-flex;align-items:center;gap:6px}.product-link-alert-indicator{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;border:1px solid #f59e0b;background:#fffbeb;color:#b45309;font-size:12px;font-weight:700;cursor:help}.product-link-events-list{margin:0;padding:0;list-style:none;display:grid;gap:4px}.product-link-events-list li{display:grid;gap:2px}.product-link-events-type{font-weight:600;color:var(--c-text-strong)}.product-link-events-date{color:var(--c-muted);font-size:12px}.product-show-images-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));gap:12px}.product-show-image-card{border:1px solid var(--c-border);border-radius:10px;background:#fff;padding:10px;overflow:hidden}.product-show-image-card__meta{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-width:0}.product-show-image-path{font-size:12px;min-width:0;overflow:hidden}.product-show-image-path summary{cursor:pointer;color:var(--c-muted, #888);list-style:none;user-select:none;white-space:nowrap}.product-show-image-path summary::-webkit-details-marker{display:none}.product-show-image-path summary::after{content:" ▾"}.product-show-image-path[open] summary::after{content:" ▴"}.product-show-image-path__url{margin-top:4px;word-break:break-all;overflow-wrap:break-word;font-size:11px}.product-show-image{width:100%;max-height:260px;object-fit:cover;border-radius:8px;border:1px solid #d9e0ea}.shipment-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px}.searchable-select{position:relative}.searchable-select__trigger{display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;min-height:34px}.searchable-select__trigger::after{content:"";width:0;height:0;border-left:4px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);border-top:5px solid var(--c-text-muted, #6b7280);margin-left:8px;flex-shrink:0}.searchable-select__trigger--placeholder{color:var(--c-text-muted, #6b7280)}.searchable-select__dropdown{display:none;position:absolute;left:0;right:0;top:100%;z-index:50;max-height:280px;overflow:auto;background:#fff;border:1px solid var(--c-border);border-top:0;border-radius:0 0 8px 8px;box-shadow:0 8px 20px rgba(15,23,42,.12)}.searchable-select__dropdown.is-open{display:block}.searchable-select__search{position:sticky;top:0;border:none !important;border-bottom:1px solid var(--c-border) !important;border-radius:0 !important;box-shadow:none !important;font-size:13px;background:#fff;z-index:1}.searchable-select__option{padding:7px 10px;font-size:13px;cursor:pointer;color:var(--c-text-strong)}.searchable-select__option:hover{background:#f1f5f9}.searchable-select__option.is-selected{background:#edf2ff;font-weight:600}.flash{padding:10px 14px;border-radius:8px;font-size:13px;font-weight:500}.flash--success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.flash--error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.content-tabs-card{margin-top:0}.content-tabs-nav{display:flex;gap:4px;border-bottom:2px solid var(--c-border);margin-bottom:16px;flex-wrap:wrap}.content-tab-btn{padding:8px 16px;border:none;background:none;cursor:pointer;font-size:14px;font-weight:500;color:var(--c-text-muted, #6b7280);border-bottom:2px solid rgba(0,0,0,0);margin-bottom:-2px;border-radius:4px 4px 0 0;transition:color .15s,border-color .15s}.content-tab-btn:hover{color:var(--c-text-strong, #111827)}.content-tab-btn.is-active{color:var(--c-primary, #2563eb);border-bottom-color:var(--c-primary, #2563eb)}.content-tab-panel{display:none}.content-tab-panel.is-active{display:block}.shoppro-tabs-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}.shoppro-tabs-toolbar__field{margin:0;min-width:260px;max-width:420px;flex:1 1 320px}.shoppro-tabs-toolbar__field .form-control{width:100%}.shoppro-tabs-toolbar__actions{display:inline-flex;align-items:center;gap:8px}.dm-carrier-select{min-width:140px}.dm-service-wrap{min-width:200px}.dm-service-wrap .dm-inpost-panel .form-control,.dm-service-wrap .dm-apaczka-panel .form-control{width:100%}.integrations-hub{display:grid;gap:12px}.integrations-hub-section{background:#fff;border:1px solid var(--c-border);border-radius:8px;overflow:hidden}.integrations-hub-section__head{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;min-height:40px;padding:9px 12px}.integrations-hub-section__title{color:var(--c-text-strong, #1e293b);font-size:14px;font-weight:700;line-height:1.25;margin:0}.integrations-hub-section__table{margin:0}.integrations-hub-section__table .table{margin:0}.integrations-hub-section__table .table th,.integrations-hub-section__table .table td{padding-bottom:7px;padding-top:7px;white-space:nowrap}.integration-settings-group{grid-column:1/-1;border:1px solid var(--c-border);border-radius:10px;background:#f8fbff;padding:10px}.integration-settings-group__head{margin-bottom:8px;padding:4px 0;border-bottom:1px solid #e2e8f0}.integration-settings-group__title{margin:0;font-size:14px;font-weight:600;letter-spacing:.01em;color:var(--c-text-strong, #1e293b)}.integration-settings-group__desc{margin:4px 0 0;color:#4b5563}.integration-settings-group__grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px 12px;align-items:start}.integration-settings-group__full{grid-column:1/-1}.integration-settings-group__grid .form-field{margin:0;align-self:start}.integration-settings-group__grid .form-control{min-height:34px;height:34px}.integration-settings-group__grid input[type=date].form-control{line-height:1.2}.integration-settings-checkboxes{grid-column:1/-1;border:0;padding:0;margin:0}.integration-settings-checkboxes .field-label{display:block;margin-bottom:2px}.integration-settings-checkboxes__list{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:6px 12px}.integration-settings-checkboxes__item{display:inline-flex;align-items:center;gap:6px;min-height:24px;font-size:13px;line-height:1.3;color:#334155}.integration-settings-checkboxes__item input[type=checkbox],.integration-settings-checkboxes__item input[type=radio]{flex:0 0 auto;width:16px;height:16px;margin:0;accent-color:var(--c-action-primary)}.smsplanet-sender-phone-field{grid-column:2}.smsplanet-default-footer-field{grid-column:1/-1}.smsplanet-default-footer-field textarea{min-height:78px;resize:vertical}.order-sms-footer-note{color:#64748b;display:block;font-size:12px;margin-top:4px}.topbar__hamburger{display:none;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:rgba(0,0,0,0);border:none;color:var(--c-text-strong);cursor:pointer;border-radius:6px;flex-shrink:0}.topbar__hamburger:hover{background:var(--c-bg-subtle, #f1f5f9)}.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:999;opacity:0;transition:opacity .25s ease}.sidebar-backdrop.is-visible{display:block;opacity:1}body.no-scroll{overflow:hidden}@media(max-width: 768px){.topbar__hamburger{display:flex}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;min-width:280px;z-index:1000;transform:translateX(-100%);transition:transform .25s ease;border-right:1px solid #243041;overflow-y:auto}.sidebar.is-mobile-open{transform:translateX(0)}.sidebar__brand{margin:4px 4px 12px}.sidebar__collapse-btn{display:flex}.sidebar__collapse-icon{transform:rotate(180deg)}.sidebar__nav{display:grid;gap:4px}.topbar{padding:0 14px}.container{margin-top:16px;width:calc(100% - 16px);margin-left:8px;margin-right:8px;padding:0 3px 12px}.settings-grid{grid-template-columns:1fr}.page-head{flex-direction:column;align-items:flex-start}.orders-stats{grid-template-columns:1fr;width:100%}.order-show-layout{grid-template-columns:1fr}.order-statuses-side{position:static;top:auto}.order-statuses-side__title{cursor:pointer}.order-statuses-side__arrow{display:block}.order-details-actions{justify-content:flex-start}.order-grid-2,.order-grid-3{grid-template-columns:1fr}.order-kv{grid-template-columns:1fr;gap:2px}.filters-grid,.form-grid,.form-grid-2,.form-grid-3,.form-grid-4,.shipment-grid,.statuses-form,.statuses-inline-form,.table-list-filters,.product-links-search-form,.product-links-inline-form{grid-template-columns:1fr}.statuses-dnd-item__content{display:block}.statuses-inline-delete{margin-top:6px}.filters-actions{align-items:center}.table-list__header,.table-list__footer{align-items:flex-start}.product-links-head{grid-template-columns:1fr}.integration-settings-group__grid{grid-template-columns:1fr}.integration-settings-checkboxes__list{grid-template-columns:1fr}.smsplanet-sender-phone-field{grid-column:1}.smsplanet-default-footer-field{grid-column:1}.card{padding:12px}.modal--image-preview{width:min(92vw,100%)}.email-tpl-editor-wrap{flex-direction:column}.email-tpl-var-panel{min-width:200px}.modal-box{width:95vw;max-height:90vh}}.email-tpl-editor-wrap{display:flex;flex-direction:column;border:1px solid var(--c-border);border-radius:6px;overflow:visible}.email-tpl-toolbar{display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--c-bg-subtle, #f8f9fa);border-bottom:1px solid var(--c-border)}.email-tpl-var-dropdown{position:relative}.email-tpl-var-panel{position:absolute;top:100%;left:0;z-index:300;min-width:260px;max-height:320px;overflow-y:auto;background:var(--c-bg);border:1px solid var(--c-border);border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.12);padding:6px;margin-top:4px}.email-var-group:not(:first-child){margin-top:6px;padding-top:6px;border-top:1px solid var(--c-border)}.email-var-group__label{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--c-text-muted);padding:2px 4px;letter-spacing:.03em}.email-var-item{display:block;width:100%;text-align:left;padding:3px 6px;margin:1px 0;border:none;background:none;font-size:12px;font-family:"Roboto Mono",monospace;color:var(--c-text);border-radius:3px;cursor:pointer}.email-var-item:hover{background:var(--c-primary);color:#fff}#js-quill-editor{min-height:200px}#js-quill-editor .ql-editor{min-height:200px;font-size:13px}.modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.45)}.modal-box{width:min(680px,90vw);max-height:80vh;background:var(--c-bg);border-radius:8px;box-shadow:0 8px 30px rgba(0,0,0,.2);display:flex;flex-direction:column;overflow:hidden}.modal-box__header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--c-border)}.modal-box__title{margin:0;font-size:15px;font-weight:600}.modal-box__close{background:none;border:none;font-size:22px;line-height:1;cursor:pointer;color:var(--c-text-muted);padding:0 4px}.modal-box__close:hover{color:var(--c-text)}.modal-box__body{padding:12px 16px;overflow-y:auto;flex:1}.table-list-table tbody tr.order-row-aged>td{border-top:2px solid rgba(0,0,0,0);border-bottom:2px solid rgba(0,0,0,0)}.table-list-table tbody tr.order-row-aged>td:first-child{border-left:2px solid rgba(0,0,0,0)}.table-list-table tbody tr.order-row-aged>td:last-child{border-right:2px solid rgba(0,0,0,0)}.table-list-table tbody tr.order-row-aged-4>td{border-color:#f8b4b4}.table-list-table tbody tr.order-row-aged-5>td{border-color:#f28282}.table-list-table tbody tr.order-row-aged-6>td{border-color:#e74c3c}.table-list-table tbody tr.order-row-aged-7>td{border-color:#991b1b} diff --git a/resources/lang/pl.php b/resources/lang/pl.php index 68f8d35..a40ddcb 100644 --- a/resources/lang/pl.php +++ b/resources/lang/pl.php @@ -574,9 +574,13 @@ return [ 'submenu_label' => 'Sekcje ustawien', 'integrations_hub' => [ 'title' => 'Integracje', - 'description' => 'Wspolny panel konfiguracji wszystkich providerow.', 'list_title' => 'Skonfigurowane integracje', 'empty' => 'Brak dostepnych integracji.', + 'groups' => [ + 'marketplace' => 'Integracje z marketplace', + 'couriers' => 'Integracje z kurierami', + 'other' => 'Integracje pozostale', + ], 'fields' => [ 'provider' => 'Provider', 'instance' => 'Instancja', diff --git a/resources/scss/app.scss b/resources/scss/app.scss index bf42c21..3afbb41 100644 --- a/resources/scss/app.scss +++ b/resources/scss/app.scss @@ -411,6 +411,10 @@ h4.section-title { margin-top: 8px; } +.mb-12 { + margin-bottom: 8px; +} + .mt-16 { margin-top: 12px; } @@ -2797,6 +2801,51 @@ details[open] > .order-statuses-side__title .order-statuses-side__arrow { } } +.integrations-hub { + display: grid; + gap: 12px; +} + +.integrations-hub-section { + background: #fff; + border: 1px solid var(--c-border); + border-radius: 8px; + overflow: hidden; +} + +.integrations-hub-section__head { + align-items: center; + background: #f8fafc; + border-bottom: 1px solid #e2e8f0; + display: flex; + justify-content: space-between; + min-height: 40px; + padding: 9px 12px; +} + +.integrations-hub-section__title { + color: var(--c-text-strong, #1e293b); + font-size: 14px; + font-weight: 700; + line-height: 1.25; + margin: 0; +} + +.integrations-hub-section__table { + margin: 0; +} + +.integrations-hub-section__table .table { + margin: 0; +} + +.integrations-hub-section__table .table th, +.integrations-hub-section__table .table td { + padding-bottom: 7px; + padding-top: 7px; + white-space: nowrap; +} + .integration-settings-group { grid-column: 1 / -1; border: 1px solid var(--c-border); diff --git a/resources/views/settings/integrations.php b/resources/views/settings/integrations.php index 81080d4..549b812 100644 --- a/resources/views/settings/integrations.php +++ b/resources/views/settings/integrations.php @@ -1,58 +1,64 @@ -
-

-

+ +
'danger', 'message' => (string) $errorMessage, 'dismissible' => true]); ?>
+ - -
'danger', 'message' => (string) $errorMessage, 'dismissible' => true]); ?>
- + +
'success', 'message' => (string) $successMessage, 'dismissible' => true]); ?>
+ - -
'success', 'message' => (string) $successMessage, 'dismissible' => true]); ?>
- -
+
+ + +
+
+

+
-
-

-
- - - - - - - - - - - - - - - - - - - +
+
+ - - - - - - - + + + + + + + - - - -
- - - -
-
-
+ + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + diff --git a/src/Modules/Settings/IntegrationsHubController.php b/src/Modules/Settings/IntegrationsHubController.php index 266877d..38c09e7 100644 --- a/src/Modules/Settings/IntegrationsHubController.php +++ b/src/Modules/Settings/IntegrationsHubController.php @@ -32,18 +32,7 @@ final class IntegrationsHubController public function index(Request $request): Response { - $rows = [ - $this->buildAllegroRow('sandbox'), - $this->buildAllegroRow('production'), - $this->buildApaczkaRow(), - $this->buildPolkurierRow(), - $this->buildInpostRow(), - $this->buildShopproRow(), - $this->buildFakturowniaRow(), - $this->buildHostedSmsRow(), - $this->buildSmsplanetRow(), - $this->buildErliRow(), - ]; + $groups = $this->buildGroups(); $html = $this->template->render('settings/integrations', [ 'title' => $this->translator->get('settings.integrations_hub.title'), @@ -51,7 +40,7 @@ final class IntegrationsHubController 'activeSettings' => 'integrations', 'user' => $this->auth->user(), 'csrfToken' => Csrf::token(), - 'rows' => $rows, + 'groups' => $groups, 'errorMessage' => (string) Flash::get('settings_error', ''), 'successMessage' => (string) Flash::get('settings_success', ''), ], 'layouts/app'); @@ -59,6 +48,43 @@ final class IntegrationsHubController return Response::html($html); } + /** + * @return array>}> + */ + private function buildGroups(): array + { + return [ + [ + 'key' => 'marketplace', + 'title' => $this->translator->get('settings.integrations_hub.groups.marketplace'), + 'rows' => [ + $this->buildAllegroRow('sandbox'), + $this->buildAllegroRow('production'), + $this->buildShopproRow(), + $this->buildErliRow(), + ], + ], + [ + 'key' => 'couriers', + 'title' => $this->translator->get('settings.integrations_hub.groups.couriers'), + 'rows' => [ + $this->buildInpostRow(), + $this->buildApaczkaRow(), + $this->buildPolkurierRow(), + ], + ], + [ + 'key' => 'other', + 'title' => $this->translator->get('settings.integrations_hub.groups.other'), + 'rows' => [ + $this->buildFakturowniaRow(), + $this->buildHostedSmsRow(), + $this->buildSmsplanetRow(), + ], + ], + ]; + } + /** * @return array */