/* Google Font: Inter */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* Globaler Font für alles */
body, html, button, input, textarea, select {
    font-family: "Inter", sans-serif !important;
}

/* -------------------------------------------------
   Fahrzeug-Details
------------------------------------------------- */
.vehicle-details-card {
    background: #050814;          /* etwas heller/differenzierter als Body */
    border-radius: 18px;
    border: 1px solid #111827;
}

.vehicle-details-card dt {
    color: #9ca3af;               /* helleres Grau für Labels */
    font-weight: 500;
}

.vehicle-details-card dd {
    color: #f9fafb;               /* fast weiß für Werte */
}

.vehicle-details-card .section-title {
    color: #e5e7eb;               /* Überschriften "Allgemein" / "Status & Technik" */
    font-weight: 600;
}

.vehicle-details-card-notes {
    color: #e5e7eb;
}

.vehicle-title {
    color: #f9fafb !important; /* fast weiß */
    font-weight: 600;
}

.vehicle-subtitle {
    color: #d1d5db !important; /* helles grau für Kennzeichen */
    font-size: 0.95rem;
}

/* -------------------------------------------------
   Fahrzeugliste – Dark & Modern
------------------------------------------------- */

/* Wrapper um die Tabelle */
.vehicle-table-card {
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid #1f2937;
}

/* Grundstil der Darkmode-Tabelle */
.table-darkmode {
    width: 100%;
    background-color: #020617 !important;
    color: #e5e7eb !important;
    margin-bottom: 0;
    border-collapse: collapse;
}

/* ALLES in der Tabelle dunkel erzwingen (Bootstrap überbügeln) */
.table-darkmode thead,
.table-darkmode thead tr,
.table-darkmode thead th,
.table-darkmode tbody,
.table-darkmode tbody tr,
.table-darkmode tbody td,
.table-darkmode tbody th {
    background-color: #020617 !important;
    color: #e5e7eb !important;
    border-color: #111827 !important;
}

/* Header extra betonen */
.table-darkmode thead th {
    color: #f9fafb !important;
    font-weight: 600;
    border-bottom: 1px solid #1f2937 !important;
    padding: 12px 10px;
}

/* Zellen */
.table-darkmode td, 
.table-darkmode th {
    padding: 12px 10px;
    vertical-align: middle;
}

/* Hover-Effekt für Zeilen */
.table-darkmode tbody tr:hover {
    background-color: #111827 !important;
}

/* Links in der Tabelle */
.table-darkmode a {
    color: #93c5fd;
    text-decoration: none;
}

.table-darkmode a:hover {
    color: #bfdbfe;
    text-decoration: underline;
}
/* Kundenüberschrift in Weiß im Kundenbereich */
.customer-name {
    color:#fff !important;
    font-weight:700;
    font-size:1.25rem;
    text-shadow:0 0 6px rgba(255,255,255,0.15);
}
.announcement-card {
    border-radius: 10px;
    border: 1px solid rgba(148,163,184,0.3);
    color: #f9fafb;
    font-size: 0.9rem;
}

/* Farben an deinen Screenshot / Dark Theme angelehnt */
.announcement-red {
    background: #7f1d1d;
}

.announcement-blue {
    background: #1e3a8a;
}

.announcement-green {
    background: #065f46;
}

.announcement-yellow {
    background: #FF0000;
}
.customer-actions .btn {
    border-radius: 50px !important;
    padding: 6px 14px !important;
    font-size: 13px;
    font-weight: 500;
}

.customer-actions .btn-vehicles {
    border: 1px solid #00c8ff;
    color: #00c8ff;
}
.customer-actions .btn-vehicles:hover {
    background:#00c8ff;
    color:#000;
}

.customer-actions .btn-edit {
    border: 1px solid #ffcc00;
    color:#ffcc00;
}
.customer-actions .btn-edit:hover {
    background:#ffcc00;
    color:#000;
}

.customer-actions .btn-delete {
    border:1px solid #ff4d4d;
    color:#ff4d4d;
}
.customer-actions .btn-delete:hover {
    background:#ff4d4d;
    color:#fff;
}