/* RWD — obszar „home” (gałąź rwd-mobile, 05.10.2026).
   Zasady: wszystkie reguły WYŁĄCZNIE wewnątrz @media (max-width: …) z progiem ≤ 1100px, więc desktop się nie zmienia.
   Selektory zawężone przez body[data-view="…"] stron tego obszaru albo klasy należące tylko do niego.
   Strony: Dziś (dashboard-home), Powiadomienia (dashboard-notifications), dashboard marketingu i logistyki,
   Profil (profile-index), Brak dostępu (errors-forbidden), logowanie (.login-shell, bez układu), dzwonek (.notif-dropdown). */

/* ══════════ Dzwonek: lista pod paskiem (rwd.css ustawia ją na całą szerokość) — wygodne do kciuka ══════════ */
@media (max-width: 1100px) {
  .notif-dropdown .nd-head { padding: 6px 6px 6px 16px; gap: 8px; }
  .notif-dropdown .nd-head > span { font-size: 17px !important; }
  .notif-dropdown .nd-head .btn { min-height: 40px; padding: 0 12px; font-size: 13px; }
  .notif-dropdown .nd-ghead { min-height: 50px; padding: 12px 6px 12px 16px; gap: 10px; font-size: 15px; }
  .notif-dropdown .nd-chev { width: 15px; height: 15px; flex-shrink: 0; }
  .notif-dropdown .nd-gcount { font-size: 11px; padding: 2px 8px; }
  .notif-dropdown .nd-gread { width: 50px; height: 50px; padding: 0; align-items: center; justify-content: center; }
  .notif-dropdown .nd-gread .ico { width: 19px; height: 19px; }
  .notif-dropdown .nd-item { padding: 12px 16px; }
  .notif-dropdown .nd-gitems .nd-item { padding-left: 41px; }
  .notif-dropdown .nd-item .nd-title { font-size: 14px; line-height: 1.35; }
  .notif-dropdown .nd-item .nd-body { font-size: 13px; line-height: 1.4; }
  .notif-dropdown .nd-item .nd-meta { font-size: 11px; }
  .notif-dropdown .nd-foot { padding: 0; }
  .notif-dropdown .nd-foot a { display: block; padding: 14px 16px; font-size: 14px; }
}
/* tablet (761–1100): lista pod dzwonkiem przy prawej krawędzi, nie arkusz na 1000px (etykieta i licznik daleko od siebie) */
@media (min-width: 761px) and (max-width: 1100px) {
  #notif-slot .notif-dropdown { left: auto; right: 8px; width: 440px; }
}

/* ══════════ Tablet (761–1100 px, dotyk; układ tabel jak na desktopie): większe przyciski w wierszach ══════════ */
@media (max-width: 1100px) {
  body[data-view="dashboard-home"] .hm-dec button { min-height: 34px; padding: 0 11px; font-size: 13px; }
  body[data-view="dashboard-home"] .hm-arrive { min-height: 34px; font-size: 13px; }
  body[data-view="dashboard-home"] .hm-go { display: inline-block; padding: 6px 0; margin: -6px 0; font-size: 13px; }
  body[data-view="dashboard-home"] .hm-tchk { width: 28px; height: 28px; }
  body[data-view="dashboard-home"] .hm-more > summary { padding: 6px 0; }
  body[data-view="dashboard-notifications"] .nt-table .nt-acts .btn { min-height: 34px; vertical-align: middle; }
  body[data-view="dashboard-notifications"] .nt-table .nt-acts .btn.ghost { width: 34px; padding: 0; justify-content: center; }
  body[data-view="dashboard-notifications"] .nt-ghead form .btn { min-height: 34px; }
  body[data-view="dashboard-marketing"] .hmr-list td.mono,
  body[data-view="dashboard-logistics"] .hmr-list td.mono { white-space: nowrap; }
  body[data-view="dashboard-marketing"] .hmr-list th, body[data-view="dashboard-marketing"] .hmr-list td,
  body[data-view="dashboard-logistics"] .hmr-list th, body[data-view="dashboard-logistics"] .hmr-list td { padding-left: 12px; padding-right: 12px; }

  /* admin: 8 kafelków 4 + 4 (przy 1001–1100 auto-fit dawał 7 + 1 sierota); zespoły jedną kolumną jak przy ≤ 1000
     (dwie wąskie karty łamały nazwy na 4 linie), a w szerokiej karcie widać dostawcę jak na liście zespołu */
  body[data-view="dashboard-home"] .hm-counts { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  body[data-view="dashboard-home"] .hm-teams { grid-template-columns: minmax(0, 1fr); }
  body[data-view="dashboard-home"] .hm-team .hm-sup { display: table-cell; }
}

/* ══════════ Tablet pionowo / telefon poziomo (761–860 px): „Ostatnio…” w dwóch liniach ══════════
   board.css przy ≤ 860 stawia wszystko w jednej kolumnie obok 124px czasu (4 linie i pusty lewy pas) —
   tu: czas | produkt + kolekcja | kto, a pod spodem rodzaj | treść. */
@media (min-width: 761px) and (max-width: 860px) {
  body[data-view="dashboard-home"] .ak-item.ak-fitem {
    grid-template-columns: 112px auto minmax(0, 1fr) auto; column-gap: 10px; row-gap: 3px; align-items: baseline; padding: 7px 0;
  }
  body[data-view="dashboard-home"] .ak-fitem > time { grid-column: 1; grid-row: 1; }
  body[data-view="dashboard-home"] .ak-fitem .ak-fprod { grid-column: 2 / 4; grid-row: 1; flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 0 8px; }
  body[data-view="dashboard-home"] .ak-fitem .ak-fprod .ak-prod-name { font-size: 13px; }
  body[data-view="dashboard-home"] .ak-fitem .ak-who { grid-column: 4; grid-row: 1; justify-self: end; }
  body[data-view="dashboard-home"] .ak-fitem .ak-tag { grid-column: 2; grid-row: 2; }
  body[data-view="dashboard-home"] .ak-fitem .ak-text { grid-column: 3 / 5; grid-row: 2; }
}

/* ══════════ Dziś (/dashboard: dashboard/home) — telefon ══════════
   Wiersze tabel jako karty (siatka): produkt + dostawca u góry, „co zrobić” pod spodem, „karta →” z prawej;
   wiersz z decyzją / „Dotarła” — przyciski w pełnym rzędzie na dole (duże do kciuka). Zebra zbędna przy kreskach. */
@media (max-width: 760px) {
  body[data-view="dashboard-home"] .page-header { margin-bottom: 16px; }
  body[data-view="dashboard-home"] .page-header .meta { font-size: 13px; line-height: 1.45; margin-top: 2px; }

  body[data-view="dashboard-home"] .hm-sec { margin-bottom: 24px; }
  body[data-view="dashboard-home"] .hm-sec h2 { font-size: 23px; line-height: 1.2; gap: 2px 8px; margin-bottom: 8px; }
  body[data-view="dashboard-home"] .hm-sec h3 { font-size: 19px; }
  body[data-view="dashboard-home"] .hm-sec h2 .sb-n, body[data-view="dashboard-home"] .hm-sec h3 .sb-n { font-size: 12px; }
  body[data-view="dashboard-home"] .hm-link { padding: 7px 0; font-size: 13px; }
  body[data-view="dashboard-home"] .hm-sub { font-size: 12px; line-height: 1.45; margin: -2px 0 10px; }
  body[data-view="dashboard-home"] .hm-empty { font-size: 13px; line-height: 1.45; }
  body[data-view="dashboard-home"] .hm-foot { margin-top: 2px; }
  body[data-view="dashboard-home"] .hm-foot a { display: inline-block; padding: 8px 0; font-size: 13px; }
  body[data-view="dashboard-home"] .hm-more { margin-top: 4px; }
  body[data-view="dashboard-home"] .hm-more > summary { padding: 10px 0; font-size: 13px; line-height: 1.4; color: var(--text-mid); }
  body[data-view="dashboard-home"] .hm-more .hm-table { margin-top: 2px; }

  /* admin / koordynatorka: kafelki liczb — liczba obok podpisu, dwa w rzędzie (połowa wysokości) */
  body[data-view="dashboard-home"] .hm-counts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-bottom: 22px; }
  body[data-view="dashboard-home"] .hm-tile { display: flex; align-items: center; gap: 10px; min-height: 58px; padding: 8px 12px; border-radius: 10px; }
  body[data-view="dashboard-home"] .hm-tile b { flex-shrink: 0; font-size: 28px; }
  body[data-view="dashboard-home"] .hm-tile span { margin-top: 0; font-size: 11px; line-height: 1.3; letter-spacing: 0.03em; }

  /* tabele → karty */
  body[data-view="dashboard-home"] .hm-table { display: block; font-size: 14px; }
  body[data-view="dashboard-home"] .hm-table tbody { display: block; }
  body[data-view="dashboard-home"] .hm-table tr {
    display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; align-items: start;
    padding: 12px 12px 12px 14px; border-bottom: 1px solid var(--border);
  }
  body[data-view="dashboard-home"] .hm-table tbody tr:last-child { border-bottom: none; }
  body[data-view="dashboard-home"] .hm-table td { display: block; width: auto; max-width: none; min-width: 0; padding: 0; border: none; background: none !important; box-shadow: none !important; }
  body[data-view="dashboard-home"] .hm-table tr.is-late { box-shadow: inset 3px 0 0 #dc2626; }
  body[data-view="dashboard-home"] .hm-table tr.is-act { box-shadow: inset 3px 0 0 #16a34a; }
  body[data-view="dashboard-home"] .hm-table tr.is-warn { box-shadow: inset 3px 0 0 #f59e0b; }
  body[data-view="dashboard-home"] .hm-table .sb-prod { font-size: 15px; line-height: 1.3; }
  /* linki w tekście (nazwa produktu): większe pole dotyku bez zmiany układu — pionowy padding elementu inline */
  body[data-view="dashboard-home"] .hm-table a.sb-prod, body[data-view="dashboard-home"] .hm-list a.sb-prod,
  body[data-view="dashboard-home"] .ak-fitem a.ak-prod-name { padding: 6px 0; margin: -6px 0; }
  body[data-view="dashboard-home"] .hm-table .sb-dim { font-size: 12px; line-height: 1.4; margin-top: 2px; }
  body[data-view="dashboard-home"] .hm-table .sb-mono { font-size: 11px; }

  /* do zrobienia / do rozstrzygnięcia / problemy: produkt | dostawca, co zrobić | karta → (albo kto · kiedy | tag) */
  body[data-view="dashboard-home"] .hm-table td.hm-prod { grid-column: 1; grid-row: 1; }
  body[data-view="dashboard-home"] .hm-table td.hm-sup {
    grid-column: 2; grid-row: 1; max-width: 128px; padding-top: 2px; text-align: right;
    font-size: 12px; line-height: 1.35; color: var(--text-mid);
  }
  body[data-view="dashboard-home"] .hm-table td.hm-what { grid-column: 1; grid-row: 2; margin-top: 8px; }
  body[data-view="dashboard-home"] .hm-table td.hm-since { grid-column: 1; grid-row: 2; margin-top: 6px; white-space: normal; font-size: 12px; line-height: 1.4; }
  body[data-view="dashboard-home"] .hm-table td.hm-btns { grid-column: 2; grid-row: 2; align-self: end; text-align: right; white-space: nowrap; }
  body[data-view="dashboard-home"] .hm-table td.hm-btns:empty { display: none; }
  body[data-view="dashboard-home"] .hm-table tr:not(:has(td.hm-sup)) td.hm-prod { grid-column: 1 / -1; }
  body[data-view="dashboard-home"] .hm-act { font-size: 14px; line-height: 1.35; }
  body[data-view="dashboard-home"] .hm-what .sb-stage { padding: 3px 9px; margin: 1px 0; }
  body[data-view="dashboard-home"] .hm-go { display: inline-flex; align-items: center; min-height: 34px; padding: 0 0 0 12px; margin: -6px 0 -6px; font-size: 14px; }
  /* wiersz z przyciskami: co zrobić na całą szerokość, pod spodem Akceptuj | Odrzuć po połowie albo „Dotarła” */
  body[data-view="dashboard-home"] .hm-table tr:has(.hm-dec, .hm-arrive) td.hm-what { grid-column: 1 / -1; }
  body[data-view="dashboard-home"] .hm-table tr:has(.hm-dec, .hm-arrive) td.hm-btns { grid-column: 1 / -1; grid-row: 3; margin-top: 10px; text-align: left; }
  body[data-view="dashboard-home"] .hm-dec { display: flex; gap: 8px; width: 100%; }
  body[data-view="dashboard-home"] .hm-dec button { flex: 1 1 0; justify-content: center; gap: 6px; min-height: 40px; padding: 0 10px; font-size: 14px; border-radius: 9px; }
  body[data-view="dashboard-home"] .hm-dec button svg { width: 15px; height: 15px; }
  body[data-view="dashboard-home"] .hm-dec .is-ok { border-color: rgba(22, 163, 74, 0.45); color: #15803d; }
  body[data-view="dashboard-home"] .hm-dec .is-no { border-color: rgba(220, 38, 38, 0.35); color: #b91c1c; }
  body[data-view="dashboard-home"] .hm-arrive { width: 100%; min-height: 40px; font-size: 14px; border-radius: 9px; }
  body[data-view="dashboard-home"] .hm-btns .tag { font-size: 11px; }

  /* zadania: kółko „zrobione” po lewej przez całą wysokość, treść, czego dotyczy + termin */
  body[data-view="dashboard-home"] .hm-tasks tr { grid-template-columns: 36px minmax(0, 1fr); column-gap: 10px; padding-left: 12px; }
  body[data-view="dashboard-home"] .hm-tasks tr.is-task { box-shadow: inset 3px 0 0 #2563eb; }
  body[data-view="dashboard-home"] .hm-tasks tr.is-task.is-late { box-shadow: inset 3px 0 0 #dc2626; }
  body[data-view="dashboard-home"] .hm-tasks td.hm-chk { grid-column: 1; grid-row: 1 / span 2; }
  body[data-view="dashboard-home"] .hm-tasks td.hm-what { grid-column: 2; grid-row: 1; margin-top: 0; }
  body[data-view="dashboard-home"] .hm-tasks td.hm-since { grid-column: 2; grid-row: 2; margin-top: 6px; }
  body[data-view="dashboard-home"] .hm-tchk { width: 34px; height: 34px; border-width: 2px; color: var(--border-strong); }
  body[data-view="dashboard-home"] .hm-tchk svg { width: 17px; height: 17px; }
  body[data-view="dashboard-home"] .hm-ttext { font-size: 14px; line-height: 1.4; }
  body[data-view="dashboard-home"] .hm-tasks td.hm-since .sb-prod { font-size: 13px; }
  body[data-view="dashboard-home"] .hm-due { font-size: 12px; margin-top: 3px; }

  /* zespoły (admin): karta zespołu bez wewnętrznych marginesów — wiersze na pełną szerokość karty */
  body[data-view="dashboard-home"] .hm-teams { gap: 14px; }
  body[data-view="dashboard-home"] .hm-team { padding: 12px 0 4px; }
  body[data-view="dashboard-home"] .hm-team h3 { flex-wrap: wrap; font-size: 21px; row-gap: 0; padding: 0 14px; }
  body[data-view="dashboard-home"] .hm-team .hm-sub { margin: 2px 0 8px; padding: 0 14px; }
  body[data-view="dashboard-home"] .hm-team .hm-table { border-top: 1px solid var(--border); }
  /* na desktopie karta zespołu jest wąska i chowa dostawcę; na telefonie ma pełną szerokość, więc jak na liście zespołu */
  body[data-view="dashboard-home"] .hm-team .hm-table td.hm-sup { display: block; }
  body[data-view="dashboard-home"] .hm-team .hm-empty { margin: 0 14px 10px; }
  body[data-view="dashboard-home"] .hm-team .hm-foot { padding: 0 14px; border-top: 1px solid var(--border); }

  /* ten tydzień */
  body[data-view="dashboard-home"] .hm-two { gap: 18px; }
  body[data-view="dashboard-home"] .hm-two h3 { margin-bottom: 8px; }
  body[data-view="dashboard-home"] .hm-list li { gap: 3px 8px; padding: 10px 12px; font-size: 14px; line-height: 1.35; }
  body[data-view="dashboard-home"] .hm-list li .sb-dim { flex-basis: 100%; font-size: 12px; }
  body[data-view="dashboard-home"] .hm-when { min-width: 0; font-size: 12px; }
  /* paczka w drodze: ↗ (śledzenie u kuriera) w prawym górnym rogu, nie w osobnej linii */
  body[data-view="dashboard-home"] .hm-list li:has(.sb-ext) { position: relative; padding-right: 48px; }
  body[data-view="dashboard-home"] .hm-list .sb-ext { position: absolute; top: 3px; right: 4px; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; font-size: 17px; }

  /* ostatnie 7 dni: produkt | czas, rodzaj · kto, treść na całą szerokość (zamiast kolumny czasu 124px) */
  body[data-view="dashboard-home"] .hm-stats { font-size: 13px; line-height: 1.5; }
  body[data-view="dashboard-home"] .ak-flat { padding: 0 12px; }
  body[data-view="dashboard-home"] .ak-item.ak-fitem {
    grid-template-columns: auto minmax(0, 1fr) auto; column-gap: 8px; row-gap: 5px; align-items: center;
    padding: 11px 0; font-size: 13px; line-height: 1.4;
  }
  body[data-view="dashboard-home"] .ak-fitem .ak-fprod { grid-column: 1 / 3; grid-row: 1; align-self: start; }
  body[data-view="dashboard-home"] .ak-fitem .ak-fprod .ak-prod-name { font-size: 14px; }
  body[data-view="dashboard-home"] .ak-fitem .ak-fprod .sb-dim { font-size: 12px; }
  body[data-view="dashboard-home"] .ak-fitem > time { grid-column: 3; grid-row: 1; align-self: start; padding-top: 2px; text-align: right; }
  body[data-view="dashboard-home"] .ak-fitem .ak-tag { grid-column: 1; grid-row: 2; }
  body[data-view="dashboard-home"] .ak-fitem .ak-who { grid-column: 2 / 4; grid-row: 2; font-size: 12px; overflow: hidden; text-overflow: ellipsis; }
  body[data-view="dashboard-home"] .ak-fitem .ak-text { grid-column: 1 / -1; grid-row: 3; }
  /* 40 zdarzeń to ~4000px przewijania pod wszystkim innym: na telefonie 10 najnowszych, reszta pod „Pokaż starsze”
     (przycisk ma w szablonie hidden — na desktopie go nie ma); „Aktualizacje →” w nagłówku zostaje, „pokaż wszystkie” wraca po rozwinięciu */
  body[data-view="dashboard-home"] .hm-sec:not(.is-all) .ak-flat > li:nth-child(n+11) { display: none; }
  body[data-view="dashboard-home"] .hm-sec:not(.is-all) .hm-actmore ~ .hm-foot { display: none; }
  body[data-view="dashboard-home"] .hm-sec:not(.is-all) .hm-actmore {
    display: flex; align-items: center; justify-content: center; width: 100%; min-height: 44px; margin-top: 8px; padding: 0 14px;
    font: inherit; font-size: 14px; color: var(--accent); background: var(--bg-card);
    border: 1px solid var(--border); border-radius: 10px; cursor: pointer;
  }
}

/* ══════════ Powiadomienia (/notifications) — telefon: grupa = nagłówek + przycisk pod spodem, wiersze jako karty ══════════ */
@media (max-width: 760px) {
  body[data-view="dashboard-notifications"] .page-header form { width: 100%; }
  body[data-view="dashboard-notifications"] .page-header form .btn { width: 100%; justify-content: center; }
  body[data-view="dashboard-notifications"] .nt-group { padding: 0; margin-bottom: 10px; }
  body[data-view="dashboard-notifications"] .nt-ghead { flex-wrap: wrap; gap: 0; padding-right: 0; }
  body[data-view="dashboard-notifications"] .nt-gtoggle {
    flex: 1 1 100%; display: grid; grid-template-columns: 16px minmax(0, 1fr); column-gap: 10px; row-gap: 2px;
    min-height: 52px; padding: 12px 14px;
  }
  body[data-view="dashboard-notifications"] .nt-chev { grid-row: 1 / span 2; align-self: center; width: 16px; height: 16px; }
  body[data-view="dashboard-notifications"] .nt-glabel { font-size: 19px; line-height: 1.25; }
  body[data-view="dashboard-notifications"] .nt-gcount { grid-column: 2; font-size: 12px; }
  body[data-view="dashboard-notifications"] .nt-ghead form { padding: 0 14px 12px 40px; }
  body[data-view="dashboard-notifications"] .nt-ghead form .btn { padding: 0 12px; border-color: var(--border); }

  body[data-view="dashboard-notifications"] .nt-table, body[data-view="dashboard-notifications"] .nt-table tbody { display: block; }
  body[data-view="dashboard-notifications"] .nt-table colgroup { display: none; }
  body[data-view="dashboard-notifications"] .nt-table tr {
    display: grid; grid-template-columns: 8px minmax(0, 1fr) auto; column-gap: 10px; row-gap: 4px; align-items: center;
    padding: 12px 14px; border-bottom: 1px solid var(--border);
  }
  body[data-view="dashboard-notifications"] .nt-table tr:last-child { border-bottom: none; }
  body[data-view="dashboard-notifications"] .nt-table td { display: block; padding: 0; border: none; background: none; min-width: 0; }
  body[data-view="dashboard-notifications"] .nt-table td:first-child { grid-column: 1; grid-row: 1; align-self: start; padding-top: 6px; line-height: 0; }
  body[data-view="dashboard-notifications"] .nt-table td:nth-child(2) { grid-column: 2 / -1; grid-row: 1; font-size: 14px; line-height: 1.35; overflow-wrap: anywhere; }
  body[data-view="dashboard-notifications"] .nt-table td.nt-body { grid-column: 2 / -1; grid-row: 2; font-size: 13px; line-height: 1.45; overflow-wrap: anywhere; }
  body[data-view="dashboard-notifications"] .nt-table td.nt-body:empty { display: none; }
  body[data-view="dashboard-notifications"] .nt-table td.nt-when { grid-column: 2; grid-row: 3; font-size: 12px; }
  body[data-view="dashboard-notifications"] .nt-table td.nt-acts { grid-column: 3; grid-row: 3; display: flex; gap: 6px; justify-content: flex-end; }
  body[data-view="dashboard-notifications"] .nt-table td.nt-acts form { display: block !important; margin: 0; }
  body[data-view="dashboard-notifications"] .nt-table td.nt-acts .btn { min-height: 36px; padding: 0 14px; font-size: 13px; }
  body[data-view="dashboard-notifications"] .nt-table td.nt-acts .btn.ghost { width: 40px; padding: 0; justify-content: center; border-color: var(--border); }
}

/* ══════════ Dashboard marketingu i logistyki — telefon: wiersz = karta z podpisami pól (data-l) ══════════ */
@media (max-width: 760px) {
  body[data-view="dashboard-marketing"] .page-header > .btn { width: 100%; justify-content: center; }
  body[data-view="dashboard-marketing"] .section-title { font-size: 19px; line-height: 1.3; }
  body[data-view="dashboard-marketing"] .hmr-list,
  body[data-view="dashboard-logistics"] .hmr-list { display: block; font-size: 14px !important; }
  body[data-view="dashboard-marketing"] .hmr-list thead,
  body[data-view="dashboard-logistics"] .hmr-list thead { display: none; }
  body[data-view="dashboard-marketing"] .hmr-list tbody,
  body[data-view="dashboard-logistics"] .hmr-list tbody { display: block; }
  body[data-view="dashboard-marketing"] .hmr-list tr,
  body[data-view="dashboard-logistics"] .hmr-list tr {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 14px;
    padding: 12px 0; border-bottom: 1px solid var(--border);
  }
  body[data-view="dashboard-marketing"] .hmr-list tr:last-child,
  body[data-view="dashboard-logistics"] .hmr-list tr:last-child { border-bottom: none; }
  body[data-view="dashboard-marketing"] .hmr-list td,
  body[data-view="dashboard-logistics"] .hmr-list td { display: block; padding: 0; border: none; background: none; min-width: 0; line-height: 1.35; overflow-wrap: anywhere; }
  body[data-view="dashboard-marketing"] .hmr-list td[data-l]::before,
  body[data-view="dashboard-logistics"] .hmr-list td[data-l]::before {
    content: attr(data-l); display: block; margin-bottom: 1px;
    font-family: var(--font-sans); font-size: 10px; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-dim);
  }
  body[data-view="dashboard-marketing"] .hmr-list td.hmr-full,
  body[data-view="dashboard-logistics"] .hmr-list td.hmr-full { grid-column: 1 / -1; }
  body[data-view="dashboard-marketing"] .hmr-list td.hmr-name strong,
  body[data-view="dashboard-logistics"] .hmr-list td.hmr-name strong { font-size: 15px; }
  body[data-view="dashboard-logistics"] .hmr-list td.hmr-name { grid-column: 1; }
  body[data-view="dashboard-logistics"] .hmr-list td.hmr-status { grid-column: 2; grid-row: 1; justify-self: end; }
  /* karty z inline padding:0 — wiersze dostają własny margines boczny */
  body[data-view="dashboard-marketing"] .hmr-flat .hmr-list tr,
  body[data-view="dashboard-logistics"] .hmr-flat .hmr-list tr { padding-left: 14px; padding-right: 14px; }
  body[data-view="dashboard-marketing"] .hmr-flat > p.muted,
  body[data-view="dashboard-logistics"] .hmr-flat > p.muted { padding: 18px 14px !important; }
}

/* ══════════ Profil, Brak dostępu ══════════ */
@media (max-width: 760px) {
  body[data-view="profile-index"] .page-header .meta { font-size: 12px; overflow-wrap: anywhere; }
  body[data-view="profile-index"] .form-grid { grid-template-columns: minmax(0, 1fr); gap: 0; }
  body[data-view="profile-index"] .form-row { margin-bottom: 14px; }
  body[data-view="profile-index"] .form-row label { font-size: 13px; }
  body[data-view="profile-index"] .actions .btn { width: 100%; justify-content: center; min-height: 44px; font-size: 15px; }
  body[data-view="errors-forbidden"] .page-header > .btn { border-color: var(--border); }
}

/* ══════════ Logowanie (auth/login — osobny dokument bez układu; rwd-home.css dołączony w szablonie) ══════════ */
@media (max-width: 760px) {
  .login-shell { min-height: 100vh; min-height: 100dvh; align-items: flex-start; padding: 12vh 16px 32px; }
  .login-card { padding: 28px 22px 24px; border-radius: 14px; }
  .login-card h1 { font-size: 34px; }
  .login-card .form-row input { font-size: 16px; padding: 12px 14px; }
  .login-card .btn.primary { min-height: 48px; font-size: 15px; margin-top: 4px; }
}