/* styles.css */

/* Test / staging environment indicator */
.environment-test-badge {
    display: inline-block;
    padding: 0.2rem 0.55rem;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #7a4100;
    background-color: #ffc107;
    border: 1px solid #e0a800;
    border-radius: 0.25rem;
    white-space: nowrap;
}

.environment-test-banner {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1050;
    padding: 0.35rem 0.5rem;
    background-color: #fff3cd;
    border-bottom: 1px solid #e0a800;
}

.environment-test-footer-label {
    font-weight: 600;
    color: #b45309;
}

/* Customize modal header for thin title bar */
.modal-header.thin {
    padding: 0.25rem 1rem;
    background-color: #f8f9fa; /* Optional: light gray */
    border-bottom: 1px solid #dee2e6;
}

.modal-header.thin .modal-title {
    font-size: 1rem;
    font-weight: 500;
}

.modal-header.thin .btn-close {
    padding: 0.5rem;
    margin: 0;
}