/*
 * Local button baseline.
 * Keeps actions readable if the Bootstrap CDN is unavailable and improves
 * contrast for outline buttons on the application's dark backgrounds.
 */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    padding: .5rem .9rem;
    border: 1px solid transparent;
    border-radius: .5rem;
    color: #fff;
    font: inherit;
    font-weight: 600;
    line-height: 1.25;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
    visibility: visible;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.btn-sm { padding: .35rem .65rem; font-size: .875rem; }
.btn-lg { padding: .75rem 1.1rem; font-size: 1.05rem; }
.btn-primary { background-color: #3b82f6; border-color: #3b82f6; color: #fff; }
.btn-primary:hover, .btn-primary:focus { background-color: #2563eb; border-color: #2563eb; color: #fff; }
.btn-secondary { background-color: #64748b; border-color: #64748b; color: #fff; }
.btn-success { background-color: #16a34a; border-color: #16a34a; color: #fff; }
.btn-danger { background-color: #dc2626; border-color: #dc2626; color: #fff; }
.btn-warning { background-color: #f59e0b; border-color: #f59e0b; color: #111827; }
.btn-dark { background-color: #111827; border-color: #475569; color: #fff; }

.btn-outline-primary { background-color: transparent; border-color: #60a5fa; color: #93c5fd; }
.btn-outline-primary:hover, .btn-outline-primary:focus { background-color: #3b82f6; color: #fff; }
.btn-outline-secondary { background-color: transparent; border-color: #94a3b8; color: #cbd5e1; }
.btn-outline-secondary:hover, .btn-outline-secondary:focus { background-color: #64748b; color: #fff; }
.btn-outline-info { background-color: transparent; border-color: #22d3ee; color: #67e8f9; }
.btn-outline-info:hover, .btn-outline-info:focus { background-color: #0891b2; color: #fff; }
.btn-outline-success { background-color: transparent; border-color: #4ade80; color: #86efac; }
.btn-outline-success:hover, .btn-outline-success:focus { background-color: #16a34a; color: #fff; }
.btn-outline-danger { background-color: transparent; border-color: #f87171; color: #fca5a5; }
.btn-outline-danger:hover, .btn-outline-danger:focus { background-color: #dc2626; color: #fff; }
.btn-outline-light { background-color: transparent; border-color: #e2e8f0; color: #fff; }
.btn-outline-light:hover, .btn-outline-light:focus { background-color: #f8fafc; color: #111827; }

.btn:disabled, .btn.disabled {
    pointer-events: none;
    opacity: .55;
}

.w-100 { width: 100%; }