/* ============================================================================
 * TRISPORT — cont client: token-uri comune "Athletic Light" pentru SUBPAGINI
 * (design ales de Sorin 2026-07-10 — varianta 4 din preview-cont.html).
 * Sursa token-urilor: dashboard.tpl (Barlow Condensed + orange #FA4616,
 * carduri albe border #e8eaee radius 18, iconite stroke SVG, linkuri uppercase).
 * Incarcat din user_menu.tpl — prezent pe TOATE paginile contului.
 *
 * ISTORIC MODIFICARI:
 * 2026-07-11: Creat — feedback Sorin: toate paginile din cont pe aceeasi linie
 *             de design (subpaginile aveau stilul vechi albastru + Font Awesome).
 * ========================================================================== */

/* ── Header de pagina (kicker + titlu Barlow + subtitlu + actiune) ── */
.pa-page-head { display:flex; justify-content:space-between; align-items:flex-end; gap:16px; flex-wrap:wrap; padding:4px 2px 18px; }
.pa-page-kicker { color:#FA4616; font:800 13px 'Barlow Condensed',sans-serif; letter-spacing:.28em; text-transform:uppercase; margin-bottom:2px; }
.pa-page-title { font:italic 800 36px/0.95 'Barlow Condensed',sans-serif; color:#10151c; text-transform:uppercase; letter-spacing:.01em; margin:0; }
.pa-page-sub { margin:8px 0 0; color:#7a8494; font-size:14px; }

/* ── Carduri ── */
.pa-card { display:block; background:#fff; border:1px solid #e8eaee; border-radius:18px; padding:22px 24px; margin-bottom:16px;
  box-shadow:0 8px 26px rgba(16,21,28,.06); text-decoration:none; color:inherit; transition:box-shadow .18s ease; }
a.pa-card:hover { box-shadow:0 12px 32px rgba(16,21,28,.10); color:inherit; }
.pa-h4 { font:800 20px 'Barlow Condensed',sans-serif; text-transform:uppercase; letter-spacing:.05em; color:#10151c; }

/* ── Card "actiune necesara" (accent orange pal) ── */
.pa-card-attn { border:1px solid #f9c9b5; background:linear-gradient(180deg,#fff8f5,#fff); }
.pa-attn-title { font:800 22px 'Barlow Condensed',sans-serif; text-transform:uppercase; letter-spacing:.04em; color:#e13c0f; }

/* ── Micro-labels, statusuri, linkuri, butoane ── */
.pa-lbl { display:block; font:600 11px 'Inter',sans-serif; letter-spacing:.16em; text-transform:uppercase; color:#98a1af; margin-bottom:2px; }
.pa-status { display:inline-block; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; border-radius:999px; padding:5px 12px; white-space:nowrap; }
.pa-link { color:#e13c0f; font:700 13px 'Inter',sans-serif; letter-spacing:.06em; text-transform:uppercase; text-decoration:none; }
a.pa-link:hover { color:#c33409; text-decoration:none; }
.pa-btn { display:inline-block; background:#FA4616; color:#fff !important; font-weight:700; font-size:13px; letter-spacing:.05em; text-transform:uppercase;
  border:none; border-radius:999px; padding:11px 24px; white-space:nowrap; text-decoration:none; cursor:pointer;
  box-shadow:0 4px 14px rgba(250,70,22,.30); transition:background .15s ease; }
.pa-btn:hover { background:#e13c0f; color:#fff; text-decoration:none; }
.pa-btn:disabled { background:#c8ced6; box-shadow:none; cursor:not-allowed; }
.pa-btn-ghost { display:inline-block; background:#fff; color:#e13c0f !important; font-weight:700; font-size:13px; letter-spacing:.05em; text-transform:uppercase;
  border:1.5px solid #FA4616; border-radius:999px; padding:10px 22px; white-space:nowrap; text-decoration:none; cursor:pointer; }
.pa-btn-ghost:hover { background:#feefe9; text-decoration:none; }

/* ── Iconite stroke (feather-style) ── */
.pa-si { width:22px; height:22px; stroke-width:2; fill:none; stroke:#FA4616; stroke-linecap:round; stroke-linejoin:round; }
.pa-mi { width:18px; height:18px; flex:none; stroke-width:2; fill:none; stroke:#98a1af; stroke-linecap:round; stroke-linejoin:round; }

/* ── Randuri de lista in card (comenzi, facturi, produse) ── */
.pa-row { display:flex; justify-content:space-between; align-items:center; padding:13px 10px; margin:0 -10px; border-radius:12px;
  text-decoration:none; color:inherit; flex-wrap:wrap; gap:6px; }
.pa-row + .pa-row { border-top:1px solid #f0f2f5; }
a.pa-row:hover { background:#f7f8fa; color:inherit; }

/* ── Formulare ── */
.pa-input, .pa-select { width:100%; padding:12px 14px; border:1.5px solid #e0e4ea; border-radius:12px; font-size:15px; background:#fff; transition:border-color .15s ease; }
.pa-input:focus, .pa-select:focus { outline:none; border-color:#FA4616; }
.pa-field-lbl { display:block; font:600 11px 'Inter',sans-serif; letter-spacing:.14em; text-transform:uppercase; color:#7a8494; margin-bottom:6px; }

@media (max-width: 575px) {
  .pa-page-title { font-size:29px; }
  .pa-card { padding:18px; border-radius:16px; }
  .pa-btn { width:100%; text-align:center; }
}