/* ═══════════════════════════════════════════════════════════════════════════
   TMG CentralCommand — Custom Theme
   Extends Bootstrap 5 Slate/Darkly theme with TMG brand colors.
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
    --tmg-gold: #D4A843;
    --tmg-navy: #1B3A5C;
    --tmg-steel: #2E5F8A;
}

/* Navbar brand styling */
.navbar-brand strong {
    letter-spacing: 0.5px;
}

/* Card hover effect for admin dashboard */
.card.bg-dark {
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    border: 1px solid rgba(255,255,255,0.1);
}
.card.bg-dark:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}

/* Table improvements */
.table th {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.85rem;
    letter-spacing: 0.03em;
}

/* Badge pill for roles */
.badge-role {
    font-size: 0.75rem;
    padding: 0.35em 0.65em;
}

/* Form styling */
.form-label {
    font-weight: 500;
}

/* Member display name with call sign */
.display-name .call-sign {
    color: var(--tmg-gold);
    font-style: italic;
}

/* TMG Number monospace */
.tmg-number {
    font-family: 'Cascadia Code', 'Fira Code', monospace;
    font-size: 0.9em;
}

/* Rank abbreviation badge */
.rank-abbr {
    font-weight: 700;
    min-width: 3.5em;
    text-align: center;
}

/* Footer */
footer {
    border-top: 2px solid var(--tmg-gold);
}

/* Flash message animations */
.alert {
    animation: slideDown 0.3s ease;
}
@keyframes slideDown {
    from { opacity: 0; transform: translateY(-10px); }
    to   { opacity: 1; transform: translateY(0); }
}