/* zlecenia.enertia.pl — dodatki do systemu wizualnego enertia.pl (enertia.css). Tylko tokeny enertii, bez własnej palety. */

.logo-sub {
  margin-left: .1rem; padding: .18rem .55rem; border-radius: 999px;
  border: 1px solid var(--glass-brd); background: var(--glass);
  font-size: .72rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--muted);
}

/* ── Lista aktualnych zleceń ── */
.zl-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 21rem), 1fr)); gap: 1.1rem; }
.zl-empty {
  grid-column: 1 / -1; padding: 1.6rem; border-radius: 26px; border: 1px dashed var(--glass-brd);
  background: var(--glass); color: var(--muted); text-align: center;
}
.zl-empty b { display: block; color: var(--ink); font-size: 1.1rem; margin-bottom: .35rem; }
.zl-empty .tile-btn { position: static; margin-top: 1rem; }
.zl-empty .tile-btn::after { content: none; }

.zl-card .tile-head { min-height: 0; }
.zl-card .zl-num { font-size: .78rem; color: var(--muted); font-variant-numeric: tabular-nums; }
.zl-meta { display: grid; grid-template-columns: auto 1fr; gap: .25rem .8rem; margin: .2rem 0 0; font-size: .9rem; width: 100%; }
.zl-meta dt { color: var(--muted); }
.zl-meta dd { margin: 0; color: var(--ink); font-weight: 560; }
.zl-pos { list-style: none; padding: 0; margin: .35rem 0 0; display: flex; flex-direction: column; gap: .4rem; width: 100%; }
.zl-pos li {
  display: flex; justify-content: space-between; gap: .8rem; align-items: baseline;
  padding: .5rem .75rem; border-radius: 14px; background: var(--bg); border: 1px solid var(--hairline); font-size: .88rem;
}
.zl-pos li small { display: block; color: var(--muted); font-size: .78rem; }
.zl-pos .zl-free { white-space: nowrap; font-weight: 650; color: var(--brand); }
.zl-pos .zl-full { color: var(--muted); font-weight: 560; }
.zl-close { font-size: .82rem; font-weight: 650; color: var(--bolt-deep); }
.zl-close.soon { color: #B3261E; }
:root[data-theme="dark"] .zl-close.soon { color: #FF8A80; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .zl-close.soon { color: #FF8A80; } }

/* Krok 4–6 na tej stronie: ta sama siatka co kroki enertia.pl, tylko dwa rzędy. */
.steps { row-gap: clamp(2rem, 4vw, 3rem); }

/* Telefony: w nagłówku enertia.pl mieszczą się logo, ikona, menu i motyw — plakietka „Zlecenia” już nie
   (hero i tak zaczyna się od „ENERTIA · Zlecenia dla podwykonawców”). */
@media (max-width: 480px) { .logo-sub { display: none; } }