/* ══════════════════════════════════════════════════════════════
   ACCOUNT.CSS — Legacy overrides + compatibility
   (Stilurile principale sunt în <style> inline în pages.php)
══════════════════════════════════════════════════════════════ */

/* Reset vechi clase pentru a nu conflicta cu noul design */
.acc-wrap, .acc-banner, .acc-tabs-wrap, .acc-tabs-nav,
.acc-panel, .acc-orders-list, .acc-order-row { all: unset }

/* Previne ghost buttons albe din stilurile globale */
.ma-btn.ma-btn-ghost,
.ma-btn.ma-btn-sm.ma-btn-ghost {
  background: #fff !important;
  color: #374151 !important;
  border: 1.5px solid #e8ecf4 !important;
}
.ma-btn.ma-btn-ghost:hover {
  border-color: #94a3b8 !important;
  background: #f8fafc !important;
}

/* ── Buton Descarca AWB ───────────────────────────────────────── */
.acc-awb-download {
  display: inline-flex !important; align-items: center !important;
  min-height: 30px !important; padding: 0 12px !important;
  border-radius: 999px !important; font-size: 12px !important;
  font-weight: 700 !important; cursor: pointer !important;
  text-decoration: none !important; white-space: nowrap !important;
  gap: 4px !important; background: #fff !important;
  border: 1.5px solid #e2e8f0 !important; color: #374151 !important; transition: .15s !important;
}
.acc-awb-download:hover { background: #f0f7ff !important; color: #2563eb !important; border-color: #bfdbfe !important; }

/* ── Buton Verifica AWB ───────────────────────────────────────── */
.acc-awb-track {
  background: #ecfeff !important; color: #0f766e !important;
  border: 1.5px solid #99f6e4 !important;
  display: inline-flex !important; align-items: center !important;
  min-height: 30px !important; padding: 0 12px !important;
  border-radius: 999px !important; font-size: 12px !important;
  font-weight: 700 !important; cursor: pointer !important;
  text-decoration: none !important; white-space: nowrap !important;
  gap: 4px !important; transition: .15s !important;
}
.acc-awb-track:hover { background: #ccfbf1 !important; }

/* AWB chip */
.acc-awb-chip {
  display: inline-flex !important; align-items: center !important;
  min-height: 30px !important; padding: 0 10px !important;
  border-radius: 999px !important; background: #ecfeff !important;
  border: 1px solid #99f6e4 !important; color: #0f766e !important;
  font-size: 12px !important; font-weight: 800 !important;
  white-space: nowrap !important;
}
.acc-awb-empty {
  display: inline-flex !important; align-items: center !important;
  min-height: 28px !important; padding: 0 9px !important;
  border-radius: 999px !important; background: #f8fafc !important;
  border: 1px dashed #cbd5e1 !important; color: #64748b !important;
  font-size: 12px !important; font-weight: 700 !important;
}

/* ── Order detail page (account/order/ID) ────────────────────── */
.ord-detail-grid { display: grid; grid-template-columns: 1fr 340px; gap: 20px; align-items: start; }
@media(max-width:768px) { .ord-detail-grid { grid-template-columns: 1fr !important; } }

.acc-status { padding: 4px 12px !important; border-radius: 20px !important; font-size: 11px !important; font-weight: 700 !important; }
.status-pending, .status-new { background: #fef3c7 !important; color: #92400e !important; }
.status-processing { background: #dbeafe !important; color: #1e40af !important; }
.status-shipped { background: #d1fae5 !important; color: #065f46 !important; }
.status-delivered, .status-completed { background: #d1fae5 !important; color: #065f46 !important; }
.status-cancelled, .status-canceled { background: #fee2e2 !important; color: #991b1b !important; }