.navbar-drv {
    background-color: #003366;
}

.breadcrumb-bar {
    top: 56px; /* Höhe der Haupt-Navbar */
    z-index: 1029; /* Unter der Haupt-Navbar, aber über dem Inhalt */
    border-bottom: 1px solid #dee2e6;
}

.form-card {
    background-color: #fff;
    border-radius: 8px;
    padding: 2rem;
    box-shadow: 0 4px 8px rgba(0,0,0,0.05);
}

.message-item {
    border-left-width: 5px;
    border-left-style: solid;
}

.message-item.unread {
    border-left-color: #dc3545 !important; /* Bootstrap danger color */
    background-color: #f8f9fa;
}

.message-item.unread .message-subject {
    font-weight: bold;
    color: #dc3545;
}

.past-appointment,
.past-appointment .fw-bold,
.past-appointment .text-muted {
    color: #6c757d !important; /* Bootstrap's muted text color */
    opacity: 0.8;
}

.dropdown-menu-drv {
    background-color: #6983a1;
}

.dropdown-menu-drv .dropdown-item {
    color: #f8f9fa;
}

.dropdown-menu-drv .dropdown-item:hover,
.dropdown-menu-drv .dropdown-item:focus {
    background-color: #8aa2be;
    color: #ffffff;
}

/* Style for readonly inputs */
input[readonly], textarea[readonly] {
    background-color: #e9ecef !important;
    opacity: 1;
    cursor: not-allowed;
}

/* Global Tooltip background color */
:root {
    --bs-tooltip-bg: #333333;
}

/* Fallback for browsers that might not respect the variable on :root */
.tooltip-inner {
    background-color: #333333 !important;
}
.bs-tooltip-top .tooltip-arrow::before, 
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
    border-top-color: #333333 !important;
}
.bs-tooltip-bottom .tooltip-arrow::before, 
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
    border-bottom-color: #333333 !important;
}
.bs-tooltip-start .tooltip-arrow::before, 
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
    border-left-color: #333333 !important;
}
.bs-tooltip-end .tooltip-arrow::before, 
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
    border-right-color: #333333 !important;
}

/* Disabled buttons clarity */
.btn.disabled, .btn:disabled {
    opacity: 0.35;
    filter: grayscale(100%);
    cursor: not-allowed !important;
    pointer-events: auto !important; /* Enable pointer events to allow tooltips */
}

/* Responsive Action Buttons in Tables */
@media (max-width: 767.98px) {
    .action-buttons-container {
        width: 72px; /* Forcing wrap to 2 columns (approx 34px per button + gap) */
    }
}