/* ═══════════════════════════════════════════════════════════════════
   VISTA TRANQUILA Y COMPACTA · GestionDo
   El color pasa a significar "esto necesita tu atención hoy".
   Todo lo demás baja el tono y las fichas de socio ocupan la mitad.
   Se activa/desactiva desde Ajustes de Club (no borra nada).
   ═══════════════════════════════════════════════════════════════════ */

/* --- etiquetas: tres niveles en vez de un arcoíris --- */
body.gd-calma .alert-badge{font-size:0.655rem;padding:2px 9px;margin-top:0;line-height:1.5;}
body.gd-calma .badges-container{gap:4px;margin-top:6px;}
body.gd-calma .gd-b-mute{background:var(--bg-card-2)!important;color:var(--text-muted)!important;border:1px solid var(--border)!important;font-weight:600!important;}
body.gd-calma .gd-b-warn{background:var(--p-nj95)!important;color:var(--p-nj30)!important;border:1px solid var(--p-nj76)!important;font-weight:700!important;}
body.gd-calma .gd-b-urg{background:var(--p-rj51)!important;color:var(--p-gr100)!important;border:1px solid var(--p-rj42)!important;font-weight:800!important;}
body.dark-mode.gd-calma .gd-b-mute{background:rgba(255,255,255,0.06)!important;color:var(--p-az66b)!important;border-color:rgba(255,255,255,0.10)!important;}
body.dark-mode.gd-calma .gd-b-warn{background:rgba(245,166,35,0.14)!important;color:var(--p-nj63)!important;border-color:rgba(245,166,35,0.35)!important;}

/* --- ficha de socio compacta: se ve el doble de gente sin bajar --- */
body.gd-calma .member-card{padding:10px 12px;gap:11px;border-width:1px;border-radius:var(--radius-sm);align-items:flex-start;}
body.gd-calma .member-avatar{width:42px;height:42px;font-size:1rem;border-width:2px;}
body.gd-calma .member-avatar span{font-size:1.05rem!important;}
body.gd-calma .member-info{gap:1px;}
body.gd-calma .member-name{font-size:0.92rem;font-weight:800;color:var(--text-main);}
body.gd-calma .member-belt{font-size:0.75rem;font-weight:600;color:var(--text-muted);}
body.gd-calma .member-contact{font-size:0.71rem;line-height:1.4;}
body.gd-calma .member-card:hover{transform:none;box-shadow:var(--shadow-sm);}
body.gd-calma .member-card:hover .member-avatar{box-shadow:0 0 0 2px var(--primary-glow);}
/* los tres botones de la ficha: mismos colores, la mitad de tamano */
.gd-acciones{display:flex;flex-wrap:wrap;align-items:center;}
body.gd-calma .gd-acciones{gap:5px;margin-top:7px;}
body.gd-calma .gd-acciones > button[type="button"]{margin-top:0!important;margin-left:0!important;padding:4px 9px!important;font-size:0.67rem!important;gap:4px!important;border-radius:7px!important;box-shadow:none!important;animation:none!important;}

/* --- menos MAYÚSCULAS: los títulos se leen, no se gritan --- */
body.gd-calma .card-title{text-transform:none;letter-spacing:0.2px;font-size:0.95rem;border-image:none;border-bottom:1px solid var(--border);padding-bottom:9px;margin-bottom:13px;}
body.gd-calma label{text-transform:none;letter-spacing:0.1px;font-size:0.76rem;}
body.gd-calma .dash-stat-label,
body.gd-calma .fin-label,
body.gd-calma .chart-label{text-transform:none;letter-spacing:0.1px;}

/* --- barra inferior algo más sobria --- */
body.gd-calma .tab-btn{text-transform:none;letter-spacing:0.1px;font-size:0.58rem;}
body.gd-calma .tab-btn.active{background:transparent;}