/* Shared module: settings-shared — auto-split from the old single styles.css, 18 rule block(s). Do not duplicate class names across files. */

.user-photo-editor{display:grid;grid-template-columns:96px 1fr;gap:18px;align-items:center;margin-bottom:18px;padding:15px;border:1px solid var(--line,#dbe7ee);border-radius:15px;background:var(--surface-2,#f6fafc)}

.profile-photo-preview{width:96px;height:96px;border-radius:24px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#11b5d8,#176991);color:#fff;font-size:34px;font-weight:800;box-shadow:0 8px 20px rgba(12,91,126,.15)}

.user-photo-editor>div:last-child{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}

.user-photo-editor small{width:100%;color:var(--muted,#6f8290);font-size:11px}

@media (max-width:560px){
.user-photo-editor{grid-template-columns:1fr;text-align:center}
}

@media (max-width:560px){
.profile-photo-preview{margin:auto}
}

@media (max-width:560px){
.user-photo-editor>div:last-child{justify-content:center}
}

.v146-profile-editor{display:flex;flex-direction:column;gap:14px}

.v146-photo-editor{grid-template-columns:112px 1fr!important;align-items:center!important}

.v146-photo-editor .profile-photo-preview{width:104px;height:104px;border-radius:25px}

.v146-photo-editor h3{margin:0 0 4px}

.v146-photo-editor p{margin:0 0 10px;color:var(--muted,#718391);line-height:1.7}

.profile-photo-actions{display:flex;gap:8px;flex-wrap:wrap}

.v146-profile-grid label{min-width:0}

.v146-profile-grid input,.v146-profile-grid select{width:100%}

@media (max-width:560px){
.v146-photo-editor{grid-template-columns:1fr!important;text-align:center}
}

@media (max-width:560px){
.v146-photo-editor .profile-photo-preview{margin:auto}
}

@media (max-width:560px){
.profile-photo-actions{justify-content:center}
}