/* Ajustes propios del portal de clientes, sobre el sistema de diseño de app.css */

/* Estados de ascensor / presupuesto como badges de color */
.badge.ok      { background: var(--dq-success-soft); color: var(--dq-success); }
.badge.off     { background: var(--dq-danger-soft);  color: var(--dq-danger); }
.badge.idle    { background: var(--dq-surface-soft);  color: var(--dq-muted); }
.badge.info    { background: var(--dq-primary-soft);  color: var(--dq-primary-dark); }
.badge.warn    { background: var(--dq-warning-soft);  color: var(--dq-warning); }

/* Subtítulo del brand en el portal */
.sidebar .brand small { display: block; color: var(--dq-muted); font-weight: 500; }

/* Acciones en fila dentro de una celda de tabla */
.row-actions { display: flex; gap: .5rem; flex-wrap: wrap; }
.row-actions .btn { padding: .35rem .7rem; font-size: .82rem; }

/* Tarjeta de edificio con separación de encabezado */
.building-head { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; }
.building-head .muted { color: var(--dq-muted); font-size: .9rem; }