/* ── SGWeb Brand (compartido desde MutualMaestra.Shared.WebUi) ── */
:root {
    --bs-primary: #016445;
    --bs-primary-rgb: 1, 100, 69;
}

body { background-color: #f5f7fa; padding-top: 64px; }

/* ── Navbar ── */
.navbar-custom {
    background-color: #016445;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
}
.navbar-brand { font-weight: 700; letter-spacing: .03em; }

/* ── Buttons ── */
.btn-primary { background-color: #016445; border-color: #016445; }
.btn-primary:hover, .btn-primary:focus { background-color: #014d34; border-color: #014d34; }
.btn-primary:active { background-color: #013d29; border-color: #013d29; }
.btn-outline-primary { color: #016445; border-color: #016445; }
.btn-outline-primary:hover { background-color: #016445; border-color: #016445; color: #fff; }
.btn-outline-light:hover { background-color: rgba(255,255,255,.1); }

/* ── Cards ── */
.card { border: none; box-shadow: 0 1px 4px rgba(0,0,0,.08); }
.card-header { border-bottom: 2px solid rgba(0,0,0,.06); }
.section-card .card-header { background-color: #f8f9fa; }

/* ── Typography ── */
.tabular-nums { font-variant-numeric: tabular-nums; }

/* ── Interaction / a11y ── */
button, [role="button"] { touch-action: manipulation; }
a:focus-visible, button:focus-visible, input:focus-visible {
    outline: 2px solid #016445;
    outline-offset: 2px;
}

/* ── Toasts ── */
.toast-container { position: fixed; top: 1rem; right: 1rem; z-index: 1060; }