.profile-person { display:flex; align-items:center; gap:1.25rem; min-width:0; }
.profile-person > div:last-child { min-width:0; }
.profile-avatar-large { flex:0 0 72px; }
.profile-header-card { background:linear-gradient(135deg,#1b2d59,#243f87); }
#profile-name, #profile-email, .history-card h4 { overflow-wrap:anywhere; }
.language-controls { display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; }
.gabarita-theme .profile-notice[hidden], #delete-notice[hidden] { display:none; }
.gabarita-theme .profile-notice { border-left:4px solid #15803d; background:#f0fdf4; }
.gabarita-theme .profile-notice[data-error="true"] { border-color:#b91c1c; background:#fef2f2; color:#991b1b; }
.profile-dialog { border:0; border-radius:12px; padding:0; width:min(750px,calc(100% - 2rem)); max-height:90vh; max-height:90dvh; color:#334155; }
.profile-dialog::backdrop { background:rgba(15,23,42,.65); }
.profile-dialog .modal-content { max-height:90vh; max-height:90dvh; width:100%; box-sizing:border-box; }
.profile-dialog-actions { display:flex; flex-wrap:wrap; gap:.75rem; justify-content:flex-end; margin-top:1.25rem; }
#delete-form label { display:block; margin:1rem 0 .3rem; font-weight:600; }
#delete-form input { width:100%; padding:.75rem; border:1px solid #cbd5e1; border-radius:6px; font:inherit; box-sizing:border-box; }
#delete-notice { color:#b91c1c; }
.profile-dialog .feedback-text { white-space:pre-wrap; overflow-wrap:anywhere; }
.history-actions { display:flex; align-items:center; gap:1rem; flex-wrap:wrap; }
@media(max-width:600px) {
 .profile-person { align-items:flex-start; gap:.75rem; }
 .profile-avatar-large { width:48px; height:48px; flex-basis:48px; font-size:1.5rem; }
 .profile-header-card { padding:1.1rem; }
 .profile-header-card h2 { font-size:1.25rem!important; }
 #plan-cta, #plan-cta .btn { width:100%; }
 .language-controls { width:100%; }
 .language-controls select { flex:1 1 170px; min-width:0; }
 .stats-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .stat-card { padding:1rem .5rem; }
 .stat-value { font-size:1.6rem; }
 .history-card > div { min-width:0; max-width:100%; }
 .history-actions { width:100%; justify-content:space-between; }
 .profile-dialog .modal-content { padding:1.15rem; }
 .profile-dialog-actions .btn { flex:1 1 130px; }
 #btn-delete-account { white-space:normal; text-align:center; width:100%; }
}