:root { --p-navy:#0b2a57; --p-blue:#2563eb; --p-bg:#f7f7f5; --p-line:#dfe5ec; --p-muted:#64748b; }
body { margin:0!important; min-height:100vh; background:var(--p-bg)!important; color:#0f2747; font-family:Inter,Arial,sans-serif; }
.profil-nav { min-height:76px!important; display:grid!important; grid-template-columns:1fr auto 1fr; align-items:center; gap:18px; padding:0 clamp(18px,4vw,54px)!important; background:#fff!important; border-bottom:1px solid var(--p-line)!important; box-shadow:0 2px 10px rgba(15,39,71,.04)!important; }
.nav-back,.nav-brand { text-decoration:none; }
.nav-back { grid-column:1; grid-row:1; justify-self:start; color:var(--p-blue)!important; background:transparent!important; border:0!important; padding:10px 0!important; font-weight:700; }
.nav-brand { grid-column:2; grid-row:1; justify-self:center; width:150px; margin:0; line-height:0; }
.nav-brand img { display:block; width:100%; height:auto; }
.nav-title { grid-column:3; grid-row:1; justify-self:end; color:#0f2747; font-size:21px; }
.profil-container { width:min(760px,calc(100% - 32px))!important; margin:0 auto!important; padding:60px 0!important; display:block!important; }
.profile-shell { display:grid!important; gap:22px!important; }
.hero-card,.section-card { min-height:0!important; display:block!important; padding:34px 40px!important; background:#fff!important; color:#0f2747!important; border:1px solid var(--p-line)!important; border-radius:12px!important; box-shadow:0 7px 22px rgba(15,39,71,.06)!important; overflow:visible!important; }
.hero-card::before { display:none!important; }
.profile-kicker { margin:0 0 8px!important; color:var(--p-muted)!important; font-size:12px!important; font-weight:700!important; letter-spacing:.7px!important; text-transform:uppercase; }
.hero-name { margin:0 0 18px!important; color:var(--p-navy)!important; font-size:clamp(28px,4vw,38px)!important; line-height:1.15!important; overflow-wrap:anywhere; }
.verified-badge { width:fit-content; padding:7px 13px!important; border:0!important; border-radius:999px!important; background:#eaf2ff!important; color:var(--p-blue)!important; font-size:13px!important; font-weight:700!important; }
.section-title { margin:0 0 18px!important; color:var(--p-navy)!important; font-size:20px!important; }
.customer-profile .info-row { display:block!important; padding:20px 0!important; border-bottom:1px solid #e8edf2!important; background:transparent!important; }
.customer-profile .info-row:last-child { border-bottom:0!important; }
.info-label { margin:0 0 6px!important; color:var(--p-muted)!important; font-size:12px!important; font-weight:600!important; letter-spacing:0!important; text-transform:none!important; }
.info-val { color:#0f2747!important; font-size:16px!important; font-weight:700!important; }
.actions-card { padding:28px 34px!important; }
.profile-action-grid { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:14px!important; }
.customer-profile .edit-btn,.customer-profile .logout-btn { min-height:50px!important; width:100%!important; padding:12px 14px!important; border-radius:8px!important; box-shadow:none!important; font-size:14px!important; }
.customer-profile .edit-btn { background:var(--p-navy)!important; border-color:var(--p-navy)!important; color:#fff!important; }
.customer-profile .edit-btn.blue { background:#fff!important; color:var(--p-blue)!important; border-color:var(--p-blue)!important; }
.customer-profile .logout-btn { background:#fff!important; color:#dc2626!important; border-color:#ef4444!important; }
@media (max-width:640px) {
  .profil-nav { min-height:66px!important; grid-template-columns:auto 1fr auto; padding:0 14px!important; gap:10px; }
  .nav-back { font-size:13px; } .nav-brand { width:112px; margin:0; } .nav-title { grid-column:3; font-size:15px; }
  .profil-container { width:calc(100% - 24px)!important; padding:22px 0 34px!important; }
  .profile-shell { gap:14px!important; }
  .hero-card,.section-card { padding:24px 20px!important; border-radius:10px!important; }
  .hero-name { font-size:28px!important; }
  .customer-profile .info-row { padding:16px 0!important; }
  .actions-card { padding:18px!important; }
  .profile-action-grid { grid-template-columns:1fr!important; gap:10px!important; }
}

/* Brand-safe profile header */
.profil-nav { overflow:hidden; }
.nav-brand { max-width:150px; }
.nav-brand img { max-height:50px; object-fit:contain; }

@media (max-width:640px) {
  .profil-nav { grid-template-columns:minmax(54px,1fr) 112px minmax(54px,1fr)!important; }
  .nav-back,.nav-title { min-width:0; white-space:nowrap; }
  .nav-brand { width:112px; max-width:112px; }
  .nav-brand img { max-height:38px; }
}

@media (max-width:640px) {
  .profil-container { padding:12px 0 22px!important; }
  .profile-shell { gap:9px!important; }
  .hero-card,.section-card { padding:15px!important; }
  .hero-card { min-height:0!important; }
  .profile-kicker { margin-bottom:4px!important; font-size:10px!important; }
  .hero-name { margin-bottom:9px!important; font-size:22px!important; line-height:1.12!important; }
  .verified-badge { padding:5px 9px!important; font-size:10px!important; }
  .section-title { margin-bottom:8px!important; font-size:15px!important; }
  .customer-profile .info-row { padding:11px 0!important; }
  .info-label { margin-bottom:2px!important; font-size:10px!important; }
  .info-val { font-size:13px!important; }
  .actions-card { padding:12px!important; }
  .profile-action-grid { gap:7px!important; }
  .customer-profile .edit-btn,.customer-profile .logout-btn {
    min-height:42px!important;
    padding:9px 12px!important;
    font-size:12px!important;
  }
}