/* ═══ app.css — AFood Mission Control · DOAR layout specific paginilor (DESIGN.md §2.1) ═══
   Excepțiile de pagină (lățimile din importul de extras, lista de reglări)
   se adaugă aici de agenții de pagini. Fără hex, fără font-size, fără
   redefinirea unei clase partajate, fără componente noi. */

/* #/cash/import — lățimile coloanelor cu select din tabelul de previzualizare.
   Clasele .w-* partajate (§10.15) merg pe date/sume/status, dar nu acoperă un
   <select> editabil: fără o lățime explicită coloana „Descriere" (.w-grow) le
   strivește la lățimea minimă a chevronului. */
.data-table .ci-w-cat { width: 176px; min-width: 176px; }
.data-table .ci-w-dir { width: 128px; min-width: 128px; }
/* Comutatorul „Include" (pista are 36 × 20): eticheta lui ia zona de atingere
   a sistemului (--touch: 44 px pe telefon, principiul 8), centrată în celulă. */
.data-table td.ci-include .switch--cell { min-width: var(--touch); min-height: var(--touch); }
/* Numele extraselor Raiffeisen sunt lungi și fără spații: textul benzii se rupe
   oriunde, altfel împinge pagina în lățime pe telefon. */
#ci-banners .alert-banner > span:last-child { min-width: 0; overflow-wrap: anywhere; }
/* Descrierea + insigna „Posibil duplicat" în aceeași celulă editabilă. */
.ci-desc { display: flex; align-items: center; gap: var(--sp-2); }
.ci-desc > .badge { flex: 0 0 auto; }

/* ── #/settlements · listă + detaliu ──────────────────────────────────────
   Numele partenerului se rupe pe cel mult două rânduri (în loc să lărgească
   tabelul la 330 px); pe telefon e coloana lipită (max 160 px, §10.15). */
.data-table .stl-name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
  overflow-wrap: anywhere;
  min-width: 128px;                   /* = 160 px ai coloanei lipite − padding */
  max-width: 320px;
}
/* Detaliul: blocuri separate de același pas ca blocurile paginii. */
.stl-detail { display: flex; flex-direction: column; gap: var(--sp-5); min-width: 0; }
.stl-pay { display: flex; flex-direction: column; gap: var(--sp-3); }