/* SALUDSYSTEM_STABLE v1 Objetivo: mantener solo mejoras seguras sin romper otras pantallas. - No modifica tabs ni layout Bootstrap v3 - No gradientes, no glass, sin overlays - Todo scopeado bajo .ss-stable (opt-in) */ /* Activación: añade .ss-stable (y opcionalmente .ss-compact) al o a un contenedor. */ .ss-stable{ font-size:12px; color:#0f172a } .ss-stable .muted{ color:#64748b } /* Form controls: foco claro y altura contenida */ .ss-stable .form-control{ padding:5px 10px; line-height:1.25; background:#fff; border:1px solid #d1d5db; border-radius:6px; box-shadow:none; transition:border-color .15s, box-shadow .15s; font-size:12px; } .ss-stable .form-control:hover{ border-color:#cbd5e1 } .ss-stable .form-control:focus{ border-color:#2563eb; box-shadow:0 0 0 2px rgba(37,99,235,.18); outline:0 } /* Disabled/readonly */ .ss-stable .form-control:disabled{ background:#f3f4f6; color:#000000; border-color:#e5e7eb } .ss-stable .form-control[readonly]{ background:#fbfcff; color:#000000 } /* Botones: sin gradientes, tamaño y radios moderados */ .ss-stable .btn{ font-size:12px; border-radius:8px; border:1px solid transparent; line-height:1.25 } .ss-stable .btn-default{ background:#fff; border-color:#d1d5db; color:#334155 } .ss-stable .btn-default:hover{ background:#f8fafc; border-color:#cbd5e1 } .ss-stable .btn-primary{ background:#2563eb; border-color:#2563eb; color:#fff } .ss-stable .btn-primary:hover{ background:#1d4ed8; border-color:#1d4ed8 } .ss-stable .btn-secondary{ background:#64748b; border-color:#64748b; color:#fff } .ss-stable .btn-secondary:hover{ background:#475569; border-color:#475569 } .ss-stable .btn-ghost{ background:transparent; border-color:#e5e7eb; color:#334155 } .ss-stable .btn-ghost:hover{ background:#f1f5f9 } /* Botón circular opcional */ .ss-stable .btn-circle{ width:36px; height:36px; padding:0; border-radius:9999px; display:inline-flex; align-items:center; justify-content:center } /* Compact mode adicional (opcional) */ .ss-stable.ss-compact{ font-size:12px } .ss-stable.ss-compact .form-control{ padding:4px 8px; font-size:12px } .ss-stable.ss-compact .btn{ font-size:12px; padding:6px 10px } .ss-stable.ss-compact .table{ font-size:11.75px }