/* ========= Somente o Perfil ========= */
.page-wrap{ padding:20px }
.profile{ @media (min-width:0){ } } /* hook sem regras obrigatórias */

.profile-card{ padding:20px }
.profile-header{
  display:flex; gap:20px; align-items:center; margin-bottom:16px;
}
.avatar{
  width:120px; height:120px; border-radius:50%; object-fit:cover;
  border:3px solid var(--brand);
}
.avatar-actions{ display:flex; gap:10px; align-items:center }

.section{ padding:18px; }
.section + .section{ border-top:1px solid var(--line) }

.gallery{ padding:18px }
.gallery-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:14px }
.gallery-item{ position:relative; border-radius:12px; overflow:hidden; aspect-ratio:1 }
.gallery-item img{ width:100%; height:100%; object-fit:cover; transition:transform .2s }
.gallery-item:hover img{ transform:scale(1.04) }
.gallery-item .delete-btn{
  position:absolute; top:6px; right:6px; width:30px; height:30px; display:grid; place-items:center;
  background:rgba(220,38,38,.92); color:#fff; border:none; border-radius:999px; cursor:pointer; opacity:0; transition:opacity .2s;
}
.gallery-item:hover .delete-btn{opacity:1}

/* Ações do formulário */
.form-actions{ display:flex; justify-content:flex-end; gap:10px }

/* Upload “botão” */
.file-row{ display:flex; gap:12px; align-items:center }
.upload-btn{
  display:inline-grid; grid-auto-flow:column; gap:8px; align-items:center; cursor:pointer;
  background:var(--brand-50); color:#7a3d14; border:1px solid #ffd6bf; padding:9px 12px; border-radius:10px;
}
.upload-btn:hover{ filter:brightness(.98) }
.file-name{ color:var(--muted) }

/* Mini grupos */
.small{ font-size:.9rem; color:var(--muted); }

/* Título com ícone */
.title-row{ display:flex; align-items:center; gap:10px; margin-bottom:8px }
.title-row .icon{ color:var(--brand) }

.form-2 > .form-row.form-row--full { grid-column: 1 / -1; }

/* Garante textarea full width */
.textarea { width: 100%; }

/* Estado/Cidade: evita “pulo” quando desabilitado */
.select:disabled { background: #f9fafb; color: var(--muted); cursor: not-allowed; }
