/* ============================================================
   TMS CMS — Override-Layer auf Bootstrap 5
   ============================================================
   Bootstrap macht das Layout. Hier nur projektspezifische Tweaks.
   ============================================================ */

/* Subtilere Tabellen-Hover-Farbe (Default ist sehr grau) */
.table-hover > tbody > tr:hover > * {
    --bs-table-hover-bg: rgba(13, 110, 253, 0.05);
}

/* Action-Spalte am rechten Rand kompakt halten */
.actions-cell {
    white-space: nowrap;
    width: 1%;
}

/* Dropdown in einer .table-responsive wird sonst durch overflow-x: auto abgeschnitten.
   Lösung: Auf Desktop-Breiten den Overflow visible machen (kein horizontales Scroll
   nötig auf grossen Bildschirmen). Auf Mobile (< 768px) bleibt overflow-x: auto
   damit horizontales Scrollen möglich ist. */
@media (min-width: 768px) {
    .card .table-responsive {
        overflow: visible;
    }
    /* Bootstrap-Card hat overflow: hidden (für border-radius). Damit das Dropdown
       die Card-Grenze überschreiten kann, hier ebenfalls visible. */
    .card.shadow-sm {
        overflow: visible;
    }
}

/* Z-index hoch genug, damit Dropdown über Stat-Cards / Header / Tabellen-Zellen liegt */
.dropdown-menu.show {
    z-index: 1080;
}

/* Inline Code-Tags etwas dezenter */
code.tms-code {
    background: #f1f3f5;
    color: #495057;
    padding: 0.15em 0.4em;
    border-radius: 0.25rem;
    font-size: 0.85em;
}

/* Stat-Card-Wert */
.stat-card .stat-value {
    font-size: 2.4rem;
    font-weight: 700;
    color: var(--bs-primary);
    line-height: 1;
}
.stat-card .stat-label {
    font-size: 0.8rem;
    text-transform: uppercase;
    color: var(--bs-secondary);
    letter-spacing: 0.05em;
}

/* Login-Seite (Standalone-Layout ohne Navbar) */
body.tms-login {
    background: linear-gradient(135deg, #1f2733 0%, #2d3a4f 100%) !important;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tms-login-card {
    max-width: 420px;
    width: 100%;
}

/* Tabelle in einer Card: kein doppelter Rahmen */
.card > .table-responsive > .table {
    margin-bottom: 0;
}
.card > .table > thead th,
.card > .table-responsive > .table > thead th {
    background: #f8f9fa;
    border-top: 0;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.04em;
    color: #6c757d;
}

/* Region-Search-Dropdown (Livesystems-Standort-Form) */
.region-search-results {
    max-height: 320px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.375rem;
    margin-top: 0.5rem;
}
.region-search-results .region-hit {
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid var(--bs-border-color-translucent);
    cursor: pointer;
}
.region-search-results .region-hit:hover {
    background: rgba(13, 110, 253, 0.06);
}
.region-search-results .region-hit:last-child {
    border-bottom: 0;
}