/* v68-mail — style z paczki poprawek 2026-10:
   zaznaczanie wielu wiadomości + pasek zbiorczy, „Moje skrzynki", pasek działań czytnika
   (Spam / Przekaż dalej), kreator z UDW, dokumentami i przekazywaną wiadomością. */

/* ---------- lista: zaznaczanie ---------- */
.mail-list__searchrow { display: flex; align-items: center; gap: 8px; }
.mail-list__searchrow .mail-search { flex: 1; min-width: 0; }
.mail-selall { flex: none; width: 34px; height: 34px; display: grid; place-items: center; border-radius: var(--r-sm); cursor: pointer; }
.mail-selall:hover { background: var(--hover); }
.mail-selall__chk, .mailrow__chk { width: 16px; height: 16px; margin: 0; accent-color: var(--orange); cursor: pointer; }

/* awatar ↔ pole zaznaczenia: pole widać po najechaniu, przy fokusie i gdy cokolwiek jest zaznaczone */
.mailrow__pick { position: relative; flex: none; width: 34px; height: 34px; margin-top: 2px; cursor: pointer; display: block; }
.mailrow__pick .mailrow__avatar { margin-top: 0; }
.mailrow__pick .mailrow__chk {
  position: absolute; inset: 0; margin: auto; width: 18px; height: 18px; opacity: 0;
}
.mailrow:hover .mailrow__pick .mailrow__chk,
.mailrow:focus-visible .mailrow__pick .mailrow__chk,
.mail-list.has-sel .mailrow__pick .mailrow__chk,
.mailrow.is-selected .mailrow__pick .mailrow__chk { opacity: 1; }
.mailrow:hover .mailrow__pick .mailrow__avatar,
.mailrow:focus-visible .mailrow__pick .mailrow__avatar,
.mail-list.has-sel .mailrow__pick .mailrow__avatar,
.mailrow.is-selected .mailrow__pick .mailrow__avatar { opacity: 0; }
.mailrow__pick .mailrow__avatar { transition: opacity .12s; }
@media (hover: none) {
  /* dotyk: bez najechania pole zaznaczenia jest zawsze widoczne obok awatara */
  .mailrow__pick { width: 52px; }
  .mailrow__pick .mailrow__chk { opacity: 1; inset: auto; left: 0; top: 8px; }
  .mailrow__pick .mailrow__avatar { position: absolute; right: 0; top: 0; opacity: 1 !important; }
}
.mailrow.is-selected { background: var(--orange-soft, var(--amber-soft)); }
.mailrow.is-selected.is-active { box-shadow: inset 0 0 0 1px var(--orange); }

/* pasek działań na zaznaczonych — zastępuje chipy filtrów */
.mail-bulk {
  display: flex; align-items: center; gap: 4px; flex-wrap: wrap;
  padding: 4px 6px; border-radius: var(--r-md);
  background: var(--paper); border: 1px solid var(--line);
}
.mail-bulk[hidden] { display: none; }
.mail-bulk__n { font-size: 12.5px; padding: 0 6px 0 2px; white-space: nowrap; }
.mail-bulk .btn--sm { padding: 4px 8px; gap: 5px; font-size: 12.5px; }
.mail-bulk .btn--sm svg { width: 14px; height: 14px; }
.mail-bulk__x { margin-left: auto; width: 28px; height: 28px; }

.mailrow__box { font-size: 10.5px; color: var(--text-faint); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
.mail-list__morewrap { display: flex; justify-content: center; padding: 12px; }
.mail-list__more { min-width: 180px; }

/* ---------- boczna kolumna: „Moje skrzynki" ---------- */
.mailbox__addr { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; }
.mailbox--sub { padding-left: 22px; font-size: 12.5px; }
.mailbox--sub svg { width: 14px; height: 14px; }
.mail-side__sublabel { padding: 8px 10px 2px 22px; font-size: 10.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--text-faint); }
.mailbox--add { color: var(--text-soft); font-size: 12.5px; }
.mailbox--add svg { color: var(--orange-deep, var(--orange)); }
@media (max-width: 860px) { .mail-side__sublabel { display: none; } .mailbox--sub { padding-left: 10px; } }

/* ---------- czytnik ---------- */
.ico-flip { transform: scaleX(-1); }
.mail-read__actions .btn--sm { gap: 6px; }
.mail-read__bcc { color: var(--text-faint); font-style: italic; }
.mail-reply__more { margin-right: auto; font-size: 12.5px; align-self: center; }

/* ---------- kreator ---------- */
.compose__chip--doc { background: var(--surface-2, var(--paper)); }
.compose__atts-sum { font-size: 11px; color: var(--text-faint); align-self: center; margin-left: 4px; }
.compose__fwd { border-top: 1px dashed var(--line); padding-top: 8px; }
.compose__fwd > summary { cursor: pointer; font-size: 12.5px; font-weight: 600; color: var(--text-soft); list-style: revert; }
.compose__fwd-hint { font-weight: 400; color: var(--text-faint); }
.compose__fwd .mail-frame { margin-top: 6px; max-height: 340px; overflow: auto; pointer-events: auto; }
.compose__fwd iframe { box-shadow: 0 0 0 1px var(--line); }

/* konfiguracja: limit skrzynek w pakiecie */
.mail-limit { font-size: 12.5px; color: var(--text-soft); line-height: 1.5; margin: -2px 0 2px; }
.mail-limit--full { color: var(--warn-ink); background: var(--warn-soft); padding: 8px 12px; border-radius: var(--r-md); margin: 0; }