/* Pantallas de ministerio antiguas (ministerio, repertorio, canciones) con el mismo diseño que servicio.html.
   Solo actúa con body.ui-min, que pone js/ui-min.js. */

body.ui-min.alabanza, body.ui-min.alabanza .dark-content { --gold: #CF403E; --gold2: #a92f2d; }

body.ui-min .min-page, body.ui-min .rep-page, body.ui-min .songs-page {
  max-width: 1040px; margin: 0 auto; padding: 1.2rem 1.5rem 5rem;
}
body.ui-min .section-tag { display: none; }
body.ui-min .min-title, body.ui-min .rep-title, body.ui-min .songs-title {
  font-family: var(--font-display); font-weight: 800; letter-spacing: -.04em; line-height: 1;
  font-size: clamp(2rem, 5vw, 3.2rem); margin-bottom: .5rem;
}
body.ui-min .min-sub, body.ui-min .rep-sub, body.ui-min .songs-sub { font-size: .95rem; color: var(--muted); margin-bottom: 1.4rem; }

/* barra de vuelta al ministerio */
.ui-volver { display: inline-flex; align-items: center; gap: .45rem; padding: .45rem 1rem .45rem .8rem; border-radius: 999px; border: 1px solid var(--border); background: var(--surface); color: var(--text); font: 650 .88rem 'Instrument Sans', sans-serif; text-decoration: none; margin-bottom: 1rem; }
.ui-volver:hover { border-color: var(--text); }

/* pestañas: mismas píldoras que el resto */
body.ui-min .tabs { display: flex; gap: .4rem; overflow-x: auto; padding: .25rem 0 1rem; border-bottom: 1px solid var(--border); margin-bottom: 1.6rem; scrollbar-width: none; }
body.ui-min .tabs::-webkit-scrollbar { display: none; }
body.ui-min .tab-btn { flex-shrink: 0; padding: .55rem 1.1rem; border-radius: 999px; border: 1px solid var(--border); background: transparent; color: var(--muted); font: 600 .92rem 'Instrument Sans', sans-serif; letter-spacing: 0; text-transform: none; margin-bottom: 0; }
body.ui-min .tab-btn:hover { color: var(--text); border-color: var(--text); }
body.ui-min .tab-btn.active { background: var(--ink); color: #fff; border-color: var(--ink); }
body.ui-min .subtab-btn { padding: .5rem 1rem; font-size: .88rem; letter-spacing: 0; }
body.ui-min .subtab-btn.active { background: var(--ink); color: #fff; border-color: var(--ink); }

/* botones */
body.ui-min .btn { padding: .55rem 1.1rem; font-size: .9rem; font-weight: 650; letter-spacing: 0; text-transform: none; }
body.ui-min .btn.btn-gold, body.ui-min .btn-gold { background: var(--gold); color: #fff; }
body.ui-min .btn-gold:hover { background: var(--gold2); }
body.ui-min .btn-outline { background: var(--surface); color: var(--text); border: 1px solid var(--border); }
body.ui-min .btn-outline:hover { border-color: var(--text); }
body.ui-min .btn[style*="font-size"] { font-size: .86rem !important; }

/* listas → tarjetas */
body.ui-min .row-list { border: none; border-radius: 0; overflow: visible; display: grid; gap: .6rem; }
body.ui-min .row-item { background: var(--surface); border: 1px solid var(--border) !important; border-radius: 16px; padding: .85rem 1.1rem; flex-wrap: wrap; }
body.ui-min .row-item-title { font-size: 1rem; font-weight: 650; }
body.ui-min .row-item-sub { font-size: .88rem; }
body.ui-min .empty-hint { border-radius: 16px; font-size: .95rem; padding: 2.2rem 1rem; }
body.ui-min .roster-card { border-radius: var(--radius); background: var(--surface); }
body.ui-min .roster-name { font-size: 1rem; }
body.ui-min .roster-status { font-size: .8rem; letter-spacing: 0; text-transform: none; font-weight: 650; }
body.ui-min .roster-actions .btn { font-size: .82rem !important; padding: .4rem .85rem; }
body.ui-min .form-inline { border-radius: var(--radius); }
body.ui-min .dm-badge { letter-spacing: 0; text-transform: none; font-size: .78rem; }
body.ui-min .instrumento-badge { font-size: .8rem; }

/* formularios y ventanas */
body.ui-min .form-field label { font-size: .88rem; letter-spacing: 0; text-transform: none; font-weight: 600; }
body.ui-min .form-field input, body.ui-min .form-field select, body.ui-min .form-field textarea { font-size: 1rem; border-radius: 12px; background: var(--surface); }
body.ui-min .modal { border-radius: 24px; }
body.ui-min .modal-title { font-family: var(--font-display); font-size: 1.3rem; letter-spacing: -.02em; }
body.ui-min .badge { font-family: 'Instrument Sans', sans-serif; letter-spacing: 0; text-transform: none; font-size: .82rem; font-weight: 650; }

/* mural, comentarios y letras: sin tipografía de máquina de escribir */
body.ui-min .mural-time, body.ui-min .msg-time, body.ui-min .day-sep { font-family: 'Instrument Sans', sans-serif; letter-spacing: 0; font-size: .78rem; text-transform: none; }
body.ui-min .mural-name, body.ui-min .msg-name { font-size: .95rem; }
body.ui-min .mural-text, body.ui-min .msg-text { font-size: 1rem; }
body.ui-min .mural-item { border-radius: 16px; }
body.ui-min .comentarios-wrap { border-radius: var(--radius); }
body.ui-min .com-input-wrap { border-radius: 14px; }
body.ui-min .song-lyrics { font-family: 'Instrument Sans', sans-serif; font-size: .95rem; }
body.ui-min .song-order { font-family: 'Instrument Sans', sans-serif; font-weight: 700; }
body.ui-min .member-search-results { border-radius: 14px; }

@media (max-width: 640px) {
  body.ui-min .min-page, body.ui-min .rep-page, body.ui-min .songs-page { padding: 1rem 1rem 5rem; }
}

/* ── Mis datos (perfil.html) ── */
body.ui-min .profile-page { max-width: 760px; margin: 0 auto; padding: 1.4rem 1.5rem 5rem; }
body.ui-min .profile-hero { border-bottom: none; padding-bottom: 0; margin-bottom: 1.4rem; }
body.ui-min .profile-stats { display: none; }
body.ui-min .profile-name { font-family: var(--font-display); font-weight: 800; font-size: clamp(1.7rem, 5vw, 2.4rem); letter-spacing: -.04em; line-height: 1.05; }
body.ui-min .profile-email, body.ui-min .profile-bio { font-size: .95rem; }
body.ui-min .profile-tabs { display: flex; gap: .4rem; overflow-x: auto; border-bottom: 1px solid var(--border); padding-bottom: 1rem; margin-bottom: 1.6rem; scrollbar-width: none; }
body.ui-min .ptab { flex-shrink: 0; padding: .55rem 1.1rem; border-radius: 999px; border: 1px solid var(--border); font-size: .92rem; letter-spacing: 0; text-transform: none; margin-bottom: 0; background: transparent; }
body.ui-min .ptab:hover { border-color: var(--text); }
body.ui-min .ptab.active { background: var(--ink); color: #fff; border-color: var(--ink); }
body.ui-min .datos-grid { gap: 1rem; }
body.ui-min .datos-info-row { background: var(--surface); border: 1px solid var(--border); border-radius: 16px; padding: .85rem 1.1rem; }
body.ui-min .datos-info-label { font-size: .85rem; letter-spacing: 0; text-transform: none; font-weight: 600; }
body.ui-min .datos-info-value { font-size: 1rem; }
body.ui-min .security-item { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 1.1rem 1.3rem; gap: 1rem; flex-wrap: wrap; }
body.ui-min .security-item h3 { font-family: var(--font-display); font-size: 1.15rem; letter-spacing: -.02em; }
body.ui-min .security-item p { font-size: .92rem; }