/*
 * TMG CentralCommand — Custom Theme
 * Supplements the Bootswatch Slate dark theme.
 */

/* ── Site background ─────────────────────────────────────────────────────── */
body {
    background-color: #000 !important;
}
.container, .container-fluid {
    background-color: transparent;
}

/* ── TMG Number styling ───────────────────────────────────────────────────── */
.tmg-number {
    font-family: 'Courier New', Courier, monospace;
    font-weight: 600;
    letter-spacing: 0.5px;
}

/* ── Card refinements ─────────────────────────────────────────────────────── */
.card.bg-dark {
    border-color: #3a3f44;
}
.card.bg-dark .card-header {
    border-bottom-color: #3a3f44;
    background-color: rgba(255, 255, 255, 0.03);
}

/* ── Table tweaks ─────────────────────────────────────────────────────────── */
.table-hover tbody tr:hover {
    background-color: rgba(13, 110, 253, 0.08);
}
.table th {
    font-weight: 600;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #8e929a;
}

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

/* ── Badge sizing in tables ───────────────────────────────────────────────── */
.table .badge {
    font-weight: 500;
    font-size: 0.75rem;
}

/* ── Form builder field items ─────────────────────────────────────────────── */
.field-item {
    transition: background-color 0.15s ease;
}
.field-item:hover {
    background-color: rgba(13, 110, 253, 0.06);
}

/* ── Progress bar customization ───────────────────────────────────────────── */
.progress {
    background-color: #3a3f44;
}

/* ── Rating stars ─────────────────────────────────────────────────────────── */
.rating-group .btn-check:checked + .btn-outline-warning {
    background-color: #ffc107;
    color: #000;
}

/* ── Scrollable schema panel ──────────────────────────────────────────────── */
details summary {
    list-style: none;
}
details summary::-webkit-details-marker {
    display: none;
}
details summary::before {
    content: '▶ ';
    font-size: 0.7em;
    color: #6c757d;
}
details[open] summary::before {
    content: '▼ ';
}

/* ── Print styles ─────────────────────────────────────────────────────────── */
@media print {
    .navbar, footer, .btn, .d-print-none {
        display: none !important;
    }
    body {
        background: white;
        color: black;
    }
    .card {
        border: 1px solid #ccc;
        background: white !important;
    }
    .card-header {
        background: #f0f0f0 !important;
        color: black !important;
    }
    .table {
        color: black !important;
    }
    .badge {
        border: 1px solid #999;
        color: black !important;
        background: white !important;
    }
}