/* Subiendo Driver ID — perfil del conductor. Reutiliza wallet-pro.css. */

#screen-dprofile{overflow:hidden !important}
.dpf-page{padding:1rem 1rem 1.25rem;touch-action:pan-y;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:1rem;background:var(--bg,#f4f7fb)}
.dpf-page > *{flex-shrink:0}
.dpf-page [data-subite-account-docs-slot]{display:contents}
.dpf-page .subite-account-docs{margin:0;border-radius:18px}
.dpf-page #terms-banner-slot:empty{display:none}
.dpf-header{padding:52px 1.25rem .75rem calc(12px + 44px + .75rem);background:var(--white,#fff);border-bottom:1px solid var(--border,#e2e8f0)}
.dpf-header-title{margin:0;font-size:1.2rem;font-weight:800;line-height:44px}

.dpf-hero{
  min-height:0;display:flex;flex-direction:column;gap:1rem;
  background:
    radial-gradient(120% 140% at 100% 0%,rgba(45,212,191,.38) 0%,transparent 55%),
    radial-gradient(90% 120% at 0% 100%,rgba(99,102,241,.42) 0%,transparent 60%),
    linear-gradient(135deg,#041530 0%,#0b2a6b 55%,#1e40af 100%);
  box-shadow:0 18px 40px rgba(30,64,175,.3),inset 0 1px 0 rgba(255,255,255,.18);
}
.dpf-hero .wx-brand b{color:#5eead4}
.dpf-hero .wx-brand-dot{background:#2dd4bf;box-shadow:0 0 0 3px rgba(45,212,191,.22),0 0 12px #2dd4bf}
.dpf-hero .app-logout-hero{
  margin:0;width:auto;padding:.36rem .75rem;border-radius:99px;
  border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#fecaca;
  font-size:.7rem;font-weight:700;letter-spacing:.02em;box-shadow:none;
}
.dpf-id{display:flex;align-items:center;gap:.9rem;min-width:0}
.dpf-hero .dp-avatar-lg{
  position:relative;flex:0 0 64px;width:64px;height:64px;border-radius:20px;
  display:flex;align-items:center;justify-content:center;
  font-size:1.45rem;font-weight:800;letter-spacing:-.02em;color:#fff;
  background-color:rgba(255,255,255,.12);background-size:cover;background-position:center;
  border:1px solid rgba(255,255,255,.3);
  box-shadow:0 0 0 3px rgba(45,212,191,.25),0 10px 24px rgba(0,0,0,.28);
}
.dpf-hero .dp-avatar-lg.has-photo{color:transparent}
.dpf-id-text{min-width:0;display:flex;flex-direction:column;gap:.35rem}
.dpf-hero .dp-name{
  font-size:1.25rem;font-weight:800;letter-spacing:-.02em;line-height:1.15;color:#fff;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.dpf-hero .dp-meta{
  font-size:.72rem;font-weight:600;opacity:1;color:rgba(255,255,255,.78);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.dpf-hero .dp-status-badge{
  align-self:flex-start;margin:0;padding:.22rem .6rem;border-radius:99px;font-size:.7rem;font-weight:700;
}
.dpf-hero .dp-status-badge.online{background:rgba(45,212,191,.2);border:1px solid rgba(94,234,212,.5);color:#ccfbf1}
.dpf-hero .dp-status-badge.offline{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.75)}

.dpf-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
.dpf-stat{
  display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;min-width:0;
  padding:.6rem .7rem;border-radius:14px;color:#fff;text-align:left;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);
}
.dpf-stat .dp-stat-val{font-size:1rem;font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:inherit}
.dpf-stat .dp-stat-lbl{font-size:.64rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.7}

.dpf-page .dp-card{margin:0;padding:.85rem .9rem .35rem;background:var(--white,#fff);border:1px solid var(--border,#e2e8f0);border-radius:20px;box-shadow:0 6px 20px rgba(15,23,42,.05)}
.dpf-page .dp-card-title{margin:0 0 .25rem .1rem;font-size:.66rem;font-weight:800;letter-spacing:.1em}
.dpf-page .dp-card > p{font-size:.78rem;color:var(--text2,#475569);margin:0 0 .65rem;line-height:1.4}
.dpf-page .dp-menu-item{gap:.8rem;padding:.7rem .1rem;border-bottom:1px solid var(--border,#e2e8f0)}
.dpf-page .dp-menu-item:last-child{border-bottom:none}
.dpf-page .dp-menu-item:active{opacity:.7}
.dpf-page .dp-mi-label{font-weight:700}
.dpf-page .dp-mi-arrow{
  display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:8px;
  font-size:1rem;line-height:1;background:var(--surface,#f1f5f9);color:var(--text3,#64748b);
}
.dpf-ico{width:38px;height:38px;border-radius:12px;color:#fff;box-shadow:0 6px 14px rgba(15,23,42,.14)}
.dpf-ico svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dpf-ico.c-amber{background:linear-gradient(135deg,#fbbf24,#d97706)}
.dpf-ico.c-blue{background:linear-gradient(135deg,#38bdf8,#2563eb)}
.dpf-ico.c-green{background:linear-gradient(135deg,#34d399,#059669)}
.dpf-ico.c-orange{background:linear-gradient(135deg,#fb923c,#ea580c)}
.dpf-ico.c-violet{background:linear-gradient(135deg,#a78bfa,#6d28d9)}
.dpf-ico.c-indigo{background:linear-gradient(135deg,#818cf8,#4338ca)}
.dpf-ico.c-teal{background:linear-gradient(135deg,#2dd4bf,#0f766e)}
.dpf-ico.c-sky{background:linear-gradient(135deg,#7dd3fc,#0284c7)}

html[data-theme="dark"] #screen-dprofile{overflow:hidden !important}
html[data-theme="dark"] #screen-dprofile .dpf-page{background:var(--bg) !important}
html[data-theme="dark"] #screen-dprofile .dpf-header{background:var(--card) !important;border-color:var(--border)}
html[data-theme="dark"] #screen-dprofile .dpf-hero .dp-name{color:#fff !important}
html[data-theme="dark"] #screen-dprofile .dpf-hero .dp-meta{color:rgba(255,255,255,.78) !important}
html[data-theme="dark"] #screen-dprofile .dpf-hero .app-logout-hero{
  background:rgba(255,255,255,.08) !important;color:#fecaca !important;border-color:rgba(255,255,255,.22) !important;
}
html[data-theme="dark"] #screen-dprofile .dpf-stat{color:#fff !important}
html[data-theme="dark"] #screen-dprofile .dpf-page .dp-card{background:var(--card) !important;border-color:var(--border) !important}
html[data-theme="dark"] #screen-dprofile .dpf-page .dp-menu-item{background:transparent !important}
html[data-theme="dark"] #screen-dprofile .dpf-page .dp-mi-icon.dpf-ico{color:#fff !important}
html[data-theme="dark"] #screen-dprofile .dpf-ico.c-amber{background:linear-gradient(135deg,#fbbf24,#d97706) !important}
html[data-theme="dark"] #screen-dprofile .dpf-ico.c-blue{background:linear-gradient(135deg,#38bdf8,#2563eb) !important}
html[data-theme="dark"] #screen-dprofile .dpf-ico.c-green{background:linear-gradient(135deg,#34d399,#059669) !important}
html[data-theme="dark"] #screen-dprofile .dpf-ico.c-orange{background:linear-gradient(135deg,#fb923c,#ea580c) !important}
html[data-theme="dark"] #screen-dprofile .dpf-ico.c-violet{background:linear-gradient(135deg,#a78bfa,#6d28d9) !important}
html[data-theme="dark"] #screen-dprofile .dpf-ico.c-indigo{background:linear-gradient(135deg,#818cf8,#4338ca) !important}
html[data-theme="dark"] #screen-dprofile .dpf-ico.c-teal{background:linear-gradient(135deg,#2dd4bf,#0f766e) !important}
html[data-theme="dark"] #screen-dprofile .dpf-ico.c-sky{background:linear-gradient(135deg,#7dd3fc,#0284c7) !important}
html[data-theme="dark"] #screen-dprofile .dpf-page .dp-mi-arrow{background:#243044;color:var(--text2)}