/*
 * WARSZTAT 0.2.578 — warstwa wyglądu "PRO" (jasny + ciemny).
 * Ładowana PO app.css. Nie zmienia układu stron, tylko ujednolica kolory,
 * powierzchnie, przyciski, pola i tabele oraz naprawia nieczytelne miejsca
 * jasnego trybu (wykryte audytem kontrastu).
 * Wyłączenie: usuń <link> theme-pro.css w inc/layout.php.
 */

/* ===== 1. Paleta ===== */
body.app-theme-dark{
  --pro-bg:#0a121d;
  --pro-surface:#0f1926;
  --pro-surface-2:#132031;
  --pro-surface-3:#192a3e;
  --pro-border:#20324a;
  --pro-border-strong:#2c4462;
  --pro-text:#e7edf5;
  --pro-text-2:#b7c4d4;
  --pro-muted:#8798ad;
  --pro-accent:#3d8bfd;
  --pro-accent-hover:#5a9dff;
  --pro-accent-soft:rgba(61,139,253,.14);
  --pro-on-accent:#ffffff;
  --pro-success:#2ea36b;
  --pro-warning:#d9930d;
  --pro-danger:#e5534b;
  --pro-shadow:0 1px 2px rgba(0,0,0,.35),0 4px 14px rgba(0,0,0,.18);
  --pro-focus:0 0 0 3px rgba(61,139,253,.35);
}
body.app-theme-light{
  --pro-bg:#f2f4f7;
  --pro-surface:#ffffff;
  --pro-surface-2:#f7f9fb;
  --pro-surface-3:#eef2f6;
  --pro-border:#dde3ea;
  --pro-border-strong:#c5cfda;
  --pro-text:#111827;
  --pro-text-2:#374151;
  --pro-muted:#5f6b7a;
  --pro-accent:#1f66d1;
  --pro-accent-hover:#1856b3;
  --pro-accent-soft:rgba(31,102,209,.09);
  --pro-on-accent:#ffffff;
  --pro-success:#18804f;
  --pro-warning:#b26a00;
  --pro-danger:#c9372c;
  --pro-shadow:0 1px 2px rgba(16,24,40,.05),0 2px 8px rgba(16,24,40,.05);
  --pro-focus:0 0 0 3px rgba(31,102,209,.22);
}

/* ===== 2. Podstawa ===== */
body.app-theme-dark,body.app-theme-light{
  background:var(--pro-bg)!important;
  color:var(--pro-text);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
body.app-theme-dark .app-shell,body.app-theme-light .app-shell,
body.app-theme-dark .main,body.app-theme-light .main{background:transparent!important}
/* Kwoty i liczby wyrównane w kolumnach */
body .money,body td,body .accordion-finance-summary,body [class*="total"],body [class*="price"]{font-variant-numeric:tabular-nums}

/* ===== 3. Pasek boczny ===== */
body.app-theme-dark .sidebar,body.app-theme-light .sidebar{
  background:var(--pro-surface)!important;
  border-right:1px solid var(--pro-border)!important;
  box-shadow:none!important;
}
body .sidebar .nav-link{border-radius:8px;transition:background .12s,color .12s}
body.app-theme-dark .sidebar .nav-link{color:var(--pro-text-2)}
body.app-theme-light .sidebar .nav-link{}
body .sidebar .nav-link:hover{background:var(--pro-surface-3)!important;color:var(--pro-text)!important}
body .sidebar .nav-link.active{
  background:var(--pro-accent-soft)!important;
  color:var(--pro-accent)!important;
  box-shadow:inset 3px 0 0 var(--pro-accent)!important;
  font-weight:600;
}
body .sidebar-foot{border-top:1px solid var(--pro-border)}
body .sidebar-version{color:var(--pro-muted)!important}

/* Przełącznik trybu w pasku bocznym */
.pro-theme-toggle{margin:10px 0 6px}
.pro-theme-toggle button{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:9px 12px;border-radius:8px;cursor:pointer;font:inherit;font-size:13px;font-weight:600;
  background:var(--pro-surface-2);color:var(--pro-text-2);border:1px solid var(--pro-border);
}
.pro-theme-toggle button:hover{border-color:var(--pro-border-strong);color:var(--pro-text)}
.pro-theme-toggle .pro-theme-track{position:relative;width:34px;height:18px;border-radius:999px;background:var(--pro-surface-3);border:1px solid var(--pro-border-strong);flex:0 0 auto}
.pro-theme-toggle .pro-theme-track::after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--pro-muted);transition:left .15s}
body.app-theme-dark .pro-theme-toggle .pro-theme-track::after{left:18px;background:var(--pro-accent)}
.mobile-more-links .pro-theme-mobile{display:flex;width:100%;border:0;background:none;font:inherit;color:inherit;cursor:pointer;text-align:left;padding:0}

/* ===== 4. Nagłówek strony ===== */
body .topbar h1{letter-spacing:-.01em;font-weight:700}
body .topbar p{color:var(--pro-muted)!important}
body .topbar .pill{background:var(--pro-surface)!important;border:1px solid var(--pro-border)!important;color:var(--pro-text-2)!important}

/* ===== 5. Panele / karty ===== */
body.app-theme-dark .panel,body.app-theme-light .panel{
  background:var(--pro-surface)!important;
  border:1px solid var(--pro-border)!important;
  box-shadow:var(--pro-shadow)!important;
  border-radius:12px;
}
body .section-head h2,body .panel>h2{letter-spacing:.01em}

/* ===== 6. Przyciski ===== */
body .btn{border-radius:8px;font-weight:600;transition:background .12s,border-color .12s,color .12s,box-shadow .12s}
body.app-theme-dark .btn:not(.primary):not(.green):not(.danger):not(.red):not(.orange):not(.purple){
  background:var(--pro-surface-2);border-color:var(--pro-border-strong);color:var(--pro-text);
}
body.app-theme-dark .btn:not(.primary):not(.green):not(.danger):not(.red):not(.orange):not(.purple):hover{background:var(--pro-surface-3)}
body .btn.primary{background:var(--pro-accent)!important;border-color:var(--pro-accent)!important;color:var(--pro-on-accent)!important}
body .btn.primary:hover{background:var(--pro-accent-hover)!important;border-color:var(--pro-accent-hover)!important}
body .btn:focus-visible,body button:focus-visible,body a:focus-visible{outline:none;box-shadow:var(--pro-focus)!important}

/* ===== 7. Pola formularzy ===== */
body.app-theme-dark :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=range]){
  background:var(--pro-bg);border-color:var(--pro-border-strong);color:var(--pro-text);
}
body :is(input,select,textarea):not([type=checkbox]):not([type=radio]):focus{
  border-color:var(--pro-accent)!important;box-shadow:var(--pro-focus)!important;
}
body :is(input,textarea)::placeholder{color:var(--pro-muted);opacity:.85}

/* ===== 8. Tabele ===== */
body th{color:var(--pro-muted)!important;font-weight:600;letter-spacing:.04em}
body.app-theme-dark tbody tr:hover>td{background:rgba(255,255,255,.025)}
body.app-theme-light tbody tr:hover>td{}

/* ===== 9. Kafelki szybkich akcji na Panelu (spokojniejsze, bez jaskrawych gradientów) ===== */
body .quick{border-radius:12px!important;box-shadow:var(--pro-shadow)!important;transition:transform .12s,filter .12s}
body a.quick:hover{transform:translateY(-1px);filter:brightness(1.05)}
body .quick.blue{background:#1f5fbf!important}
body .quick.green{background:#1d7a47!important}
body .quick.orange{background:#b86414!important}
body.app-theme-light .quick.blue{}
body.app-theme-light .quick.green{}
body.app-theme-light .quick.orange{}

/* ===== 10. Komunikaty ===== */
body .flash{border-radius:10px}

/* ===== 11. Naprawy jasnego trybu (audyt kontrastu 0.2.578) ===== */
/* Liczniki w kółkach: ciemne tło + ciemny tekst = nieczytelne */
body.app-theme-light .dashboard-order-group-v303 b,
body.app-theme-light .dashboard-waiting-head strong{
  
}
/* Logo marki w wierszu zlecenia (VW, ŠK…) prawie białe na białym */
body.app-theme-light .dashboard-order-logo-v303 i,
body.app-theme-light .make-strip-logo i{}
/* Ikony 🔔 📦 malowane białym kolorem na białym tle */
body.app-theme-light .order-list-reminder-toggle span,
body.app-theme-light .order-list-parts-toggle span{}
/* Jasnoniebieskie etykiety / podpisy na białym — za blade */
body.app-theme-light :is(.v364-copy,.v491-estimated-copy,.v522-estimated-live,.vehicle-tires-fields-title,.mechanic-more-icons,.vehicle-input-unit-wrap span,.part-unit-currency,.part-unit-price,.orders-filter-search span),
body.app-theme-light .work-table-head span,
body.app-theme-light .accordion-finance-summary em,
body.app-theme-light .equipment-intro p,
body.app-theme-light .panel>p{}
body.app-theme-light :is(.dashboard-order-visit-countdown-v393,.paybox em,.service-search-meta,.mechanic-inline-add>summary,.settings-category-chevron,.settings-find-wrap span,.customer-smart-search-icon){}
body.app-theme-light .dashboard-autoland-foot span{}
body.app-theme-light .users-table .ok,body.app-theme-light span.ok{}
body.app-theme-light .vehicle-section-chevron{}
/* Elementy, które w jasnym trybie zostały z ciemnym tłem z motywu ciemnego */
body.app-theme-light :is(.customer-delete-locked,.mechanics-finance-gate .mechanics-finance-lock-icon,.choice-card>span,.vehicle-company-card .vehicle-company-icon,.vehicle-tire-status-card-v484 .marker){
  
}
body.app-theme-light .customer-delete-locked b{}
/* Wybrany właściciel na karcie pojazdu: ciemnozielone tło + czarny tekst */
body.app-theme-light .vehicle-owner-selected,
body.app-theme-light .vehicle-owner-selected b{}
/* Widok mechanika: dane techniczne i VIN prawie białe na białym */
body.app-theme-light :is(.mech-v257-tech-item b,.mech-v259-capacity,.mech-v259-power-values,.mech-v257-tech-item span){}
body.app-theme-light .mech-v264-vin-label{}
body.app-theme-light .mech-v262-vin-code{}
body.app-theme-light .mech-v262-vin-highlight{}
body.app-theme-light .mech-v262-vin-insight{}
body.app-theme-light .mech-v262-vin-insight b{}
body.app-theme-light :is(.mechanic-order-turnover,.mechanic-parts-total){}
body.app-theme-light :is(.mechanic-order-turnover,.mechanic-parts-total) *{}
/* Priorytet zlecenia (AWARIA / PILNE / REKLAMACJA) — w jasnym trybie tracił kolor */
body.app-theme-light .dashboard-quick-priority.priority-breakdown{}
body.app-theme-light .dashboard-quick-priority.priority-urgent{}
body.app-theme-light .dashboard-quick-priority.priority-complaint{}

/* ===== 12. Telefon: karta zlecenia rozpychana przez tabele robocizny/części ===== */
@media (max-width:760px){
  .order-work-accordion,.work-table-section,.compact-order-section{min-width:0!important;max-width:100%!important}
  .order-work-accordion .order-accordion-toggle,.order-work-accordion .order-work-body{min-width:0!important;max-width:100%!important}
  .order-work-accordion .accordion-finance-summary{min-width:0!important;flex-wrap:wrap}
  .work-table-scroll{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .parts-list-actions{max-width:100%!important;flex-wrap:wrap}
}

/* ===== 13. Naprawy jasnego trybu — selektory o wyższej szczegółowości (style wbudowane w stronach) ===== */
body.app-theme-light #orderHeaderV364 .v364-copy small,
body.app-theme-light #orderHeaderV364 .v491-estimated-copy small,
body.app-theme-light #orderHeaderV364 .v522-estimated-live{}
body.app-theme-light #orderHeaderV364 .v491-estimated-copy b{}
body.app-theme-light .orders-result-meta b{}
body.app-theme-light .orders-result-meta span{}
body.app-theme-light .part-unit-price,body.app-theme-light .part-unit-price .part-unit-currency,
body.app-theme-light .part-purchase-entry .part-unit-currency{}
body.app-theme-light .vehicle-owner-selected.customer-smart-selected{}
body.app-theme-light .vehicle-owner-selected.customer-smart-selected *{}
body.app-theme-light span.ok{}
body.app-theme-light button.service-search-meta{}
body.app-theme-light main .panel p{}
body.app-theme-light .mechanic-order-turnover-box,body.app-theme-light [class*="mechanic-order-turnover"]{}
body.app-theme-light .mech-accordion-money{}
body.app-theme-light .mech-accordion-money *{}
body.app-theme-light .equipment-titlebar p{}
body.app-theme-light .users-login-log-list .ok,body.app-theme-light .users-login-log-list .ok span{}

/* ===== 14. Jasny tryb: elementy, które zostały z ciemnym tłem ===== */
html body.app-theme-light #orderHeaderV364 .v364-copy small,
html body.app-theme-light #orderHeaderV364 .v491-estimated-copy small,
html body.app-theme-light #orderHeaderV364 .v522-estimated-live{}
html body.app-theme-light .part-unit-price.part-purchase-entry,
html body.app-theme-light .part-unit-price.part-purchase-entry :not(button):not(button *){}
html body.app-theme-light .part-purchase-input-shell{}
html body.app-theme-light button.service-search-meta{}
body.app-theme-light .menu-btn{}
html body.app-theme-light .vehicle-owner-selected.customer-smart-selected button{}
/* Raport klimatyzacji */
body.app-theme-light :is(.ac-report-yearly,.ac-report-year-card,.ac-flow-card){}
body.app-theme-light .ac-report-value{}
body.app-theme-light :is(.ac-report-yearly,.ac-report-year-card,.ac-flow-card) :is(label,small,span){}
/* Panel: rozwinięte zlecenie w kolejce */
body.app-theme-light details.dashboard-order-v303{}
body.app-theme-light :is(.dash265-brand,.dash265-money-actions){}
body.app-theme-light :is(.dash265-brand,.dash265-money-actions)>span{}
/* Karta zlecenia, terminarz, ustawienia, klienci */
body.app-theme-light .order-ai-desktop-action.is-disabled{}
body.app-theme-light .schedule-pick-axis-badge{}
body.app-theme-light .settings-category>summary,body.app-theme-light details>summary.settings-category-head{}
body.app-theme-light .customer-type-badge{}
/* Tryb mechanika */
body.app-theme-light :is(.mechanic-switcher,.mechanic-order-sticky){}
body.app-theme-light .active-work-state.is-paused{}
body.app-theme-light .mech-v257-mileage-input{}
body.app-theme-light .mechanic-order-sticky .eyebrow{}
body.app-theme-light .mech-live-badge,html body.app-theme-light .mech-hero-status-line .mech-live-badge{}
/* Karta pojazdu: zdjęcia tabliczki, pola tekstowe */
body.app-theme-light .vehicle-factory-file{}
body.app-theme-light textarea{}
body.app-theme-light .settings-category-card>summary{}
body.app-theme-light .settings-category-card>summary :is(b,strong,h2,h3,span){}
body.app-theme-light .settings-category-card>summary :is(small,p,em){}

/* Wiersze zleceń na Panelu: w jasnym trybie wszystkie ramki były granatowe, łącznie z paskiem statusu */
body.app-theme-light details.dashboard-order-v303{}
body.app-theme-light details.dashboard-order-v303.status-edge-working{}
body.app-theme-light details.dashboard-order-v303.status-edge-planned{}
body.app-theme-light details.dashboard-order-v303.status-edge-ready{}
body.app-theme-light details.dashboard-order-v303.status-edge-waiting{}
body.app-theme-light details.dashboard-order-v303.status-edge-paused{}

/* ===== 15. Lista zleceń: kwota w jednej linii, węższa kolumna "trwale usuń" — tabela mieści się na 1440 px ===== */
.orders-history-table td:nth-last-child(2),.orders-history-table th:nth-last-child(2){white-space:nowrap}
.orders-history-table .order-delete-head,.orders-history-table .order-delete-cell{width:96px!important;min-width:96px}
.orders-history-table .hold-delete-btn{padding:6px 8px!important;font-size:10px!important;white-space:nowrap}
.orders-history-table .order-delete-cell small{display:block;font-size:8px!important;line-height:1.15;white-space:normal;opacity:.75;max-width:90px;margin-left:auto}
.orders-history-table td,.orders-history-table th{padding-left:7px;padding-right:7px}
.orders-history-table .status,.orders-history-table [class*="badge"]{white-space:normal}
.orders-history-table .hold-delete-form{min-width:0!important;width:auto!important}
.orders-history-table .hold-delete-btn{width:auto!important;min-width:0!important;margin-left:auto;display:block}

/* Nagłówek karty zlecenia: etykiety ROK / OPONY / SZACOWANY CZAS (reguły wbudowane mają selektor .v491-tech-row>) */
html body.app-theme-light #orderHeaderV364 .v491-tech-row :is(.v364-copy,.v495-tire-copy,.v491-estimated-copy) small,
html body.app-theme-light #orderHeaderV364 .v491-tech-row .v522-estimated-live{}
/* Widok mechanika: kwoty na zwijanych sekcjach */
html body.app-theme-light .mech-accordion-money,html body.app-theme-light .mech-accordion-money span{}
html body.app-theme-light .mech-accordion-money :is(strong,em,b,span){}
/* Nowe zlecenie: opcje i podpowiedzi czasu */
html body.app-theme-light .new-order-option-label,html body.app-theme-light .new-order-time-auto small,html body.app-theme-light .new-order-time-manual small{}
html body.app-theme-light .new-order-time-auto span{}
html body.app-theme-light .new-order-time-auto b{}
html body.app-theme-light .seg-option input:checked+span,html body.app-theme-light .seg-option.active span{}
html body.app-theme-light .parts-watch-check b{}

/* ===== 16. Poziome rozjeżdżanie stron (audyt 390 / 1280 / 1440 px) ===== */
/* Karta zlecenia na laptopie 1280 px: sekcja ROBOCIZNA/CZĘŚCI szersza niż strona (to samo co na telefonie) */
.order-work-accordion,.work-table-section,.compact-order-section{min-width:0!important;max-width:100%!important}
.order-work-accordion>.order-accordion-toggle,.order-work-accordion>.order-work-body{min-width:0!important;max-width:100%!important}
.order-work-accordion .order-accordion-toggle>span{min-width:0}
.work-table-scroll{max-width:100%!important;overflow-x:auto!important}
@media (max-width:1366px){.order-work-accordion .accordion-finance-summary{flex-wrap:wrap;justify-content:flex-end}}
/* Karta pojazdu: niewidoczny checkbox "auto firmowe" (100% szerokości strony) wystawał poza ekran */
.vehicle-company-card{position:relative}
.vehicle-company-card>input[type=checkbox]{inset:0!important;width:100%!important;height:100%!important;margin:0!important}
/* Klienci: pasek wyszukiwania + przycisk nie zawijał się na 1280 px */
.customer-toolbar{flex-wrap:wrap}
.customer-toolbar>*{min-width:0}
/* Katalog części: wiersz edycji w siatce o stałej szerokości */
@media (max-width:1440px){
  .part-catalog-admin-row,.part-catalog-add{grid-template-columns:minmax(120px,1.3fr) minmax(120px,1.3fr) 64px 96px 96px minmax(110px,1fr) 80px auto!important}
  .part-catalog-admin-row>*,.part-catalog-add>*{min-width:0}
}
@media (max-width:1100px){
  .part-catalog-admin-row,.part-catalog-add{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
html body.app-theme-light #orderHeaderV364 .v491-tech-row .v522-estimated-live span,
html body.app-theme-light #orderHeaderV364 .v522-estimated-live>span{}
html body.app-theme-light .service-search-meta button{}

/* ===== 17. Panel na telefonie: karta dnia w mini-terminarzu była szersza (285 px) niż pasek (262 px) i ucięta z lewej ===== */
@media (max-width:760px){
  .dashboard-week-days>.dashboard-week-day{flex:0 0 100%!important;width:100%!important;max-width:100%!important;min-width:0!important;scroll-snap-align:start!important;box-sizing:border-box}
}

/* =====================================================================
 * 18. TELEFON (≤ 760 px) — panel biura dopracowany pod telefon (0.2.585)
 * ===================================================================== */
@media (max-width:760px){
  /* --- ogólne --- */
  body .main{padding-left:12px!important;padding-right:12px!important}
  body .topbar h1{font-size:20px!important;line-height:1.15}
  body .btn{min-height:42px}
  body :is(input,select,textarea):not([type=checkbox]):not([type=radio]){font-size:16px!important} /* iOS nie powiększa ekranu */

  /* --- tabele jako karty (lista zleceń, klienci, auta, użytkownicy, raporty...) --- */
  body .table-panel{overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
  body table.m-cards{min-width:0!important;width:100%!important;border-collapse:separate!important;border-spacing:0}
  body table.m-cards thead{display:none!important}
  body table.m-cards tbody{display:block}
  body table.m-cards tr{display:grid!important;grid-template-columns:1fr 1fr;gap:8px 14px;padding:14px!important;margin:0 0 10px!important;border-radius:14px;background:var(--pro-surface)!important;border:1px solid var(--pro-border)!important;box-shadow:var(--pro-shadow);position:relative}
  body table.m-cards td{display:block!important;padding:0!important;border:0!important;min-width:0!important;width:auto!important;text-align:left!important;white-space:normal;font-size:14px;line-height:1.3;background:transparent!important}
  body table.m-cards td::before{content:attr(data-label);display:block;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--pro-muted);margin-bottom:2px}
  body table.m-cards td[data-label=""]::before{display:none}
  body table.m-cards td:first-child{grid-column:1/-1;font-size:16px;font-weight:800}
  body table.m-cards td:first-child::before{display:none}
  body table.m-cards td a[href^="tel:"],body table.m-cards td :is(.phone,.nowrap){white-space:nowrap}
  body table.m-cards tr:has(td[colspan]){display:block!important}
  body table.m-cards td[colspan]{grid-column:1/-1}
  /* lista zleceń: auto jako tytuł, kwota wyróżniona, usuwanie na dole */
  body .orders-history-table table.m-cards td:nth-child(2){order:-2;grid-column:1/-1;font-size:16px;font-weight:800}
  body .orders-history-table table.m-cards td:nth-child(2)::before{display:none}
  body .orders-history-table table.m-cards td:nth-child(1){order:-1;grid-column:auto;font-size:13px;font-weight:700}
  body .orders-history-table table.m-cards td:nth-child(1)::before{display:block}
  body .orders-history-table table.m-cards td:nth-child(8){font-size:18px;font-weight:900;white-space:nowrap}
  body .orders-history-table table.m-cards td.order-delete-cell{grid-column:1/-1;display:flex!important;justify-content:flex-end;align-items:center;gap:8px;width:auto!important;min-width:0!important;border-top:1px dashed var(--pro-border)!important;padding-top:10px!important}
  body .orders-history-table table.m-cards td.order-delete-cell::before{display:none}
  body .orders-history-table table.m-cards .order-delete-cell small{max-width:none!important;margin:0!important}

  /* --- Panel: karta zlecenia w kolejce --- */
  body summary.dashboard-order-strip-v303{display:grid!important;grid-template-columns:40px minmax(0,1fr) auto!important;grid-template-areas:"logo car visit" "req req req" "status status status" "mech flags flags"!important;gap:8px 10px!important;align-items:center!important;padding:12px!important}
  body .dashboard-order-strip-v303>.dashboard-order-logo-v303{grid-area:logo!important}
  body .dashboard-order-strip-v303>.dashboard-order-car-v303{grid-area:car!important;min-width:0}
  body .dashboard-order-strip-v303>.dashboard-order-car-v303 b{font-size:14px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body .dashboard-order-strip-v303>.dashboard-order-car-v303 small{font-size:15px!important;font-weight:900;letter-spacing:.04em}
  body .dashboard-order-strip-v303>.dashboard-order-visit-v303{grid-area:visit!important;min-width:0;max-width:110px}
  body .dashboard-order-strip-v303>.dashboard-order-requests-v303{grid-area:req!important;min-width:0}
  body .dashboard-order-strip-v303>.dashboard-order-requests-v303 span{font-size:12px!important;white-space:normal!important}
  body .dashboard-order-strip-v303>.dashboard-order-status-v303{grid-area:status!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;max-width:none!important;overflow:visible!important}
  body .dashboard-order-status-v303 select{width:100%!important;max-width:none!important;min-height:38px!important;font-size:12px!important;padding:6px 26px 6px 10px!important;border-radius:10px!important}
  body .dashboard-order-status-v303 .dashboard-order-total-v400{grid-column:1/-1;justify-self:end;font-size:18px!important;font-weight:900;white-space:nowrap}
  body .dashboard-order-strip-v303>.dashboard-order-mechanic-v303{grid-area:mech!important;min-width:0}
  body .dashboard-order-strip-v303>.dashboard-order-actions-v303{grid-area:flags!important;display:flex!important;justify-content:flex-end!important;gap:8px!important;min-width:0}
  body .dashboard-order-actions-v303 :is(button,a){width:38px!important;height:38px!important;min-width:38px!important;border-radius:10px!important;display:grid!important;place-items:center!important}
  body .dashboard-order-actions-v303 .strip-phone-wrap{display:flex!important;gap:8px!important;width:auto!important}
  /* rozwinięta karta zlecenia na Panelu nie może być szersza niż ekran */
  body .dashboard-order-expanded-v265 *{min-width:0}
  body :is(.dash265-vehicle,.dash265-vehicle-main,.dash265-titleline){max-width:100%!important;grid-template-columns:1fr!important;flex-wrap:wrap}
  body .dash265-titleline>*{min-width:0;overflow-wrap:anywhere}

  /* --- Panel: kafelki akcji w jednym, niskim rzędzie --- */
  body .dashboard-quick-v27{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}
  body .dashboard-quick-v27 a.quick{min-height:78px!important;font-size:22px!important;padding:8px!important;border-radius:14px!important}
  body .dashboard-quick-v27 a.quick span{font-size:11px!important;line-height:1.15;text-align:center}
  body .dashboard-quick-v27 .company-profit-card{grid-column:1/-1!important;min-height:0!important}

  /* --- Karta zlecenia (biuro): dane auta w 2 kolumnach --- */
  html body #orderHeaderV364 .v491-tech-row{grid-template-columns:1fr 1fr!important;gap:8px!important}
  html body #orderHeaderV364 .v491-tech-row>.v364-tech-item{min-height:0!important;padding:8px 10px!important}
  html body #orderHeaderV364 .v491-tech-row>.v491-estimated-card{grid-column:1/-1!important}
  html body #orderHeaderV364 .v364-bottom{gap:8px!important}

  /* --- Karta zlecenia: wiersze robocizny / części ułożone w pionie (bez przewijania w bok) --- */
  body .work-table-scroll{overflow:visible!important}
  body .work-table-head.job-grid,body .work-table-head.part-grid{display:none!important}
  body form.work-table-row.job-grid{display:grid!important;width:100%!important;min-width:0!important;grid-template-columns:24px minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr)!important;grid-template-rows:auto!important;gap:4px 8px!important;padding:12px 4px!important;align-items:end!important}
  body form.job-grid>.work-row-no{grid-column:1;grid-row:1;align-self:start;padding-top:10px}
  body form.job-grid>.work-name-location{grid-column:2/5;grid-row:1;min-width:0}
  body form.job-grid>.m-lbl.l-mech{grid-column:2/5;grid-row:2}
  body form.job-grid>.work-mechanic{grid-column:2/5;grid-row:3;width:100%!important;max-width:none!important}
  body form.job-grid>.m-lbl.l-qty{grid-column:2;grid-row:4}
  body form.job-grid>.m-lbl.l-net{grid-column:3;grid-row:4}
  body form.job-grid>.m-lbl.l-gross{grid-column:4;grid-row:4}
  body form.job-grid>.work-qty{grid-column:2;grid-row:5;width:100%!important}
  body form.job-grid>.job-line-total{grid-column:3;grid-row:5;width:100%!important}
  body form.job-grid>.job-gross-money{grid-column:4;grid-row:5;min-width:0;text-align:right}
  body form.job-grid>.job-row-actions{grid-column:2/5;grid-row:6;justify-self:end}
  body form.work-table-row.part-grid{display:grid!important;width:100%!important;min-width:0!important;grid-template-columns:24px minmax(0,1fr) minmax(0,1fr)!important;gap:4px 8px!important;padding:12px 4px!important;align-items:start!important}
  body form.part-grid>.work-row-no{grid-column:1;grid-row:1;padding-top:10px}
  body form.part-grid>.part-name-cell{grid-column:2/4;grid-row:1;min-width:0}
  body form.part-grid>.m-lbl.l-pqty{grid-column:2;grid-row:2}
  body form.part-grid>.part-qty-unit{grid-column:2;grid-row:3;min-width:0}
  body form.part-grid>.work-row-delete{grid-column:3;grid-row:3;justify-self:end;width:38px!important;height:38px!important}
  body form.part-grid>.m-lbl.l-buy{grid-column:2;grid-row:4}
  body form.part-grid>.m-lbl.l-sale{grid-column:3;grid-row:4}
  body form.part-grid>.part-purchase-cell{grid-column:2;grid-row:5;min-width:0}
  body form.part-grid>.part-money-cell:not(.part-purchase-cell){grid-column:3;grid-row:5;min-width:0;text-align:right}
  body .work-name-location input,body .part-name-cell input{width:100%!important;min-width:0!important;text-overflow:ellipsis}
  body .m-lbl{display:block;font-size:10px;font-weight:800;letter-spacing:.06em;color:var(--pro-muted);align-self:end}
  /* pływający koszyk ZAKUPY: mały, nad dolnym menu, nie zasłania treści */
  body .supplier-cart-toggle{padding:8px 12px!important;min-height:0!important;font-size:12px!important;bottom:calc(76px + env(safe-area-inset-bottom))!important;right:10px!important;border-radius:999px!important}
  body .supplier-cart-toggle b{font-size:11px!important}

  /* --- Terminarz: karty dni przewijane palcem, wyraźnie widać następną --- */
  body .schedule-week-days,body .dashboard-week-days{scroll-snap-type:x mandatory}
  body :is(.schedule-week-days,.schedule-four-week-row,.schedule-days-row)>.schedule-day-card{scroll-snap-align:start;flex:0 0 86%!important;max-width:86%!important}
}
@media (min-width:761px){.m-lbl{display:none!important}}
@media (max-width:760px){
  body .work-table,body .work-table>div,body .jobs-work-table,body .parts-work-table{min-width:0!important;width:100%!important;max-width:100%!important}
  body .work-name-location,body .job-service-line,body .service-autocomplete.job-service-name{min-width:0!important;max-width:100%!important;width:100%!important}
  body .job-service-line{flex-wrap:wrap}
  body table.m-cards .customer-delete-locked{display:inline-flex;flex-wrap:wrap;max-width:100%;white-space:normal}
  body table.m-cards td{overflow-wrap:anywhere}
  body table.m-cards{max-width:100%}
}
@media (max-width:760px){
  body table.m-cards{display:block!important;margin:0!important}
  body table.m-cards td.row-actions,body table.m-cards td[data-label=""]:last-child{grid-column:1/-1;display:flex!important;flex-wrap:wrap;justify-content:flex-end;gap:8px;align-items:center}
  body table.m-cards .customer-delete-locked{min-width:0!important;margin-left:0!important}
}
@media (max-width:760px){
  body .table-panel{margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important}
  body .new-order-titlebar,body .new-order-titlebar *{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere}
}
@media (max-width:760px){
  body .new-order-form{grid-template-columns:minmax(0,1fr)!important}
  body .new-order-top-grid{grid-template-columns:minmax(0,1fr)!important;min-width:0!important}
  body .new-order-top-grid>*{min-width:0!important}
}
@media (max-width:760px){
  body form.work-table-row.job-grid,body form.work-table-row.part-grid{height:auto!important;max-height:none!important;min-height:0!important;grid-template-rows:none!important;grid-auto-rows:auto!important}
  body form.job-grid .work-name-location{grid-template-columns:40px minmax(0,1fr)!important;height:auto!important}
  body form.job-grid .work-name-location>*{min-width:0!important}
  body form.work-table-row{border-bottom:1px solid var(--pro-border)}
  html body #orderHeaderV364 .v491-tech-row>.v364-tech-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;height:auto!important;min-height:66px!important;gap:2px!important}
  html body #orderHeaderV364 .v491-tech-row>.v364-tech-item .v364-icon{display:none!important}
  html body #orderHeaderV364 .v491-tech-row .v364-copy{display:flex!important;flex-direction:column!important;align-items:center!important;gap:3px!important;position:static!important;width:100%!important;min-width:0!important}
  html body #orderHeaderV364 .v491-tech-row .v364-copy>*{position:static!important;order:2;margin:0!important;max-width:100%!important;transform:none!important}
  html body #orderHeaderV364 .v491-tech-row .v364-copy>small{order:1}
  html body #orderHeaderV364 .v491-tech-row .v364-copy b,html body #orderHeaderV364 .v491-tech-row .v364-value{font-size:15px!important;white-space:normal!important;overflow-wrap:anywhere}
}
@media (max-width:760px){
  /* robocizna: kwoty w osobnych liniach, bez nachodzenia */
  body form.job-grid>.m-lbl.l-qty{grid-column:2!important;grid-row:4!important}
  body form.job-grid>.m-lbl.l-net{grid-column:3/5!important;grid-row:4!important}
  body form.job-grid>.work-qty{grid-column:2!important;grid-row:5!important}
  body form.job-grid>.job-line-total{grid-column:3/5!important;grid-row:5!important}
  body form.job-grid>.m-lbl.l-gross{grid-column:2/5!important;grid-row:6!important}
  body form.job-grid>.job-gross-money{grid-column:2/5!important;grid-row:7!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;flex-wrap:wrap;text-align:left!important}
  body form.job-grid>.job-row-actions{grid-column:2/5!important;grid-row:8!important}
  body form.job-grid .job-gross-money .part-unit-price{display:flex!important;align-items:center;gap:6px;margin:0!important;position:static!important}
  body form.job-grid .job-gross-money .part-unit-price input{width:96px!important}
  /* części: zakup i cena dla klienta w osobnych liniach */
  body form.part-grid>.m-lbl.l-buy{grid-column:2/4!important;grid-row:4!important}
  body form.part-grid>.part-purchase-cell{grid-column:2/4!important;grid-row:5!important}
  body form.part-grid>.m-lbl.l-sale{grid-column:2/4!important;grid-row:6!important}
  body form.part-grid>.part-money-cell:not(.part-purchase-cell){grid-column:2/4!important;grid-row:7!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px;flex-wrap:wrap;text-align:left!important}
  body form.part-grid .part-money-cell>*{position:static!important;margin:0!important}
  body form.part-grid .part-purchase-cell{display:flex!important;flex-wrap:wrap;align-items:center;gap:6px 10px}
  /* typ czynności (WŁASNA / ZEWNĘTRZNA) nie ucięty */
  body form.job-grid .job-service-line select{min-width:130px!important;width:auto!important}
  /* ikona paliwa wraca */
  html body #orderHeaderV364 .v491-tech-row>.v364-fuel .v364-icon{display:block!important}
  /* koszyk ZAKUPY: sama ikona z licznikiem */
  body .supplier-cart-widget{bottom:calc(74px + env(safe-area-inset-bottom))!important;right:10px!important}
  body .supplier-cart-toggle b{display:none!important}
  body .supplier-cart-toggle{width:52px!important;height:52px!important;padding:0!important;justify-content:center!important;border-radius:50%!important;position:relative}
  body .supplier-cart-toggle em{position:absolute!important;top:-4px;right:-4px}
}

/* ===== v0.2.587 — kraj rejestracji (pole z niebieskim paskiem + tablice innych państw) ===== */
html body:not(#_):not(#__) .plate-field{display:flex!important;align-items:stretch!important;width:100%!important;min-width:0!important;min-height:44px!important;margin-top:4px!important;border:2px solid #1b2430!important;border-radius:10px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 1px 3px rgba(0,0,0,.18)!important}
html body:not(#_):not(#__) .plate-field input[data-plate-input]{flex:1 1 auto!important;width:auto!important;min-width:0!important;height:auto!important;margin:0!important;padding:8px 12px!important;border:0!important;border-radius:0!important;outline:0!important;background:#fff!important;color:#0a0d11!important;box-shadow:none!important;font-size:18px!important;font-weight:900!important;letter-spacing:.06em!important;text-transform:uppercase!important}
html body:not(#_):not(#__) .plate-field input[data-plate-input]::placeholder{color:#9aa3ae!important;font-weight:700!important}
html body:not(#_):not(#__) .plate-field:focus-within{border-color:#1f6fe5!important;box-shadow:0 0 0 3px rgba(31,111,229,.25)!important}
.plate-cc-pick{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;flex:0 0 44px;padding:0 0 5px;background:#1f4fbf;color:#fff;cursor:pointer}
.plate-cc-pick::before{content:"";width:13px;height:13px;margin:5px 0 auto;border-radius:50%;background:radial-gradient(circle,#1f4fbf 52%,transparent 54%),repeating-conic-gradient(#ffd400 0 9deg,transparent 9deg 30deg)}
.plate-cc-pick b{font-size:13px;font-weight:900;line-height:1;color:#fff}
.plate-cc-pick b::after{content:" ▾";font-size:9px;opacity:.85}
html body:not(#_):not(#__) .plate-cc-pick select{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;opacity:0!important;cursor:pointer!important;font-size:16px!important;border:0!important}
html body:not(#_):not(#__) .plate-field.plate-cc-nl,html body:not(#_):not(#__) .plate-field.plate-cc-nl input[data-plate-input]{background:#f5c400!important}
html body:not(#_):not(#__) .plate-field.plate-cc-nl input[data-plate-input]::placeholder{color:#8a7420!important}
html body:not(#_):not(#__) .plate-field.plate-cc-b input[data-plate-input]{color:#b0102a!important}
html body:not(#_):not(#__) .plate-field.plate-cc-f,html body:not(#_):not(#__) .plate-field.plate-cc-i{border-right:12px solid #1f4fbf!important}
/* Karta zlecenia: tablica auta zagranicznego */
html body:not(#_) #orderHeaderV364 .v491-registration-plate.plate-cc-nl.plate-cc-nl{background:#f5c400!important}
html body:not(#_) #orderHeaderV364 .v491-registration-plate.plate-cc-b.plate-cc-b strong{color:#b0102a!important}
html body:not(#_) #orderHeaderV364 .v491-registration-plate.plate-cc-f.plate-cc-f,html body:not(#_) #orderHeaderV364 .v491-registration-plate.plate-cc-i.plate-cc-i{border-right:10px solid #1556c7!important}
html body:not(#_) #orderHeaderV364 .v491-registration-plate:not(.plate-cc-pl) i{font-size:12px!important}