/* MeerSYS Brand – Blau */
:root {
    --primary: #1e6fd9;
    --primary-hover: #1557b0;
    --link: #1557b0;
    --link-hover: #0f3f85;
    --bs-primary: #1e6fd9;
    --bs-primary-rgb: 30, 111, 217;
    --bs-link-color: #1557b0;
    --bs-link-hover-color: #0f3f85;
    --list-active-bg: rgba(30, 111, 217, 0.12);
    --list-active-color: #1557b0;
    --list-hover-bg: rgba(30, 111, 217, 0.07);
    --alert-primary-bg: #eff6ff;
    --alert-primary-fg: #1e40af;
}

html[data-bs-theme="dark"],
html.theme-dark,
body.theme-dark {
    --link: #60a5fa;
    --link-hover: #93c5fd;
    --list-active-bg: rgba(30, 111, 217, 0.28);
    --list-active-color: #93c5fd;
    --list-hover-bg: rgba(30, 111, 217, 0.14);
    --alert-primary-bg: rgba(30, 111, 217, 0.2);
    --alert-primary-fg: #93c5fd;
    --bs-link-color: #60a5fa;
    --bs-link-hover-color: #93c5fd;
}

/* Logo überall gleich – kein leerer Rand */
.sidebar-logo,
.sidebar-brand img,
.auth-logo,
.auth-card img,
.invoice-preview-logo,
img.logo {
    height: 40px !important;
    width: auto !important;
    max-width: 160px !important;
    max-height: 40px !important;
    object-fit: contain !important;
    object-position: left center !important;
    display: inline-block !important;
    vertical-align: middle;
}
.sidebar-logo {
    height: 36px !important;
    max-height: 36px !important;
    max-width: 150px !important;
}
.auth-logo {
    height: 42px !important;
    max-height: 42px !important;
    max-width: 170px !important;
}

.btn-primary {
    background-color: #1e6fd9 !important;
    border-color: #1e6fd9 !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #1557b0 !important;
    border-color: #1557b0 !important;
}
.btn-outline-primary {
    color: #1e6fd9 !important;
    border-color: #1e6fd9 !important;
}
.btn-outline-primary:hover {
    background-color: #1e6fd9 !important;
    border-color: #1e6fd9 !important;
    color: #fff !important;
}
.bg-primary { background-color: #1e6fd9 !important; }
.text-primary { color: #1e6fd9 !important; }
.border-primary { border-color: #1e6fd9 !important; }

.form-control:focus,
.form-select:focus,
.code-editor:focus {
    border-color: #1e6fd9 !important;
    box-shadow: 0 0 0 0.18rem rgba(30, 111, 217, 0.18) !important;
}
.form-check-input:checked {
    background-color: #1e6fd9 !important;
    border-color: #1e6fd9 !important;
}

.sidebar h4 { color: #1e6fd9 !important; }
.sidebar .nav-link:hover,
.sidebar .nav-link.active { color: #1e6fd9 !important; }
.notif-badge { background: #1e6fd9 !important; }
.page-item.active .page-link {
    background-color: #1e6fd9 !important;
    border-color: #1e6fd9 !important;
}

.ticket-filter-chip:hover,
.ticket-filter-chip.is-active { color: #1e6fd9 !important; }
.ticket-filter-chip.is-active {
    border-color: rgba(30, 111, 217, 0.45) !important;
    background: rgba(30, 111, 217, 0.12) !important;
}
.ticket-filter-chip.is-active .ticket-filter-count { background: #1e6fd9 !important; }
.ticket-avatar {
    background: rgba(30, 111, 217, 0.12) !important;
    color: #1e6fd9 !important;
}

html[data-bs-theme="dark"] .sidebar .nav-link:hover,
html[data-bs-theme="dark"] .sidebar .nav-link.active,
body.theme-dark .sidebar .nav-link:hover,
body.theme-dark .sidebar .nav-link.active {
    color: #93c5fd !important;
    background: rgba(30, 111, 217, 0.22) !important;
}
html[data-bs-theme="dark"] .navbar .btn-link:hover,
body.theme-dark .navbar .btn-link:hover { color: #93c5fd !important; }
html[data-bs-theme="dark"] .page-item.active .page-link,
body.theme-dark .page-item.active .page-link {
    background-color: #1e6fd9 !important;
    border-color: #1e6fd9 !important;
}
html[data-bs-theme="dark"] .list-group-item.active,
body.theme-dark .list-group-item.active {
    background-color: rgba(30, 111, 217, 0.28) !important;
    color: #93c5fd !important;
}
html[data-bs-theme="dark"] .dropdown-item:hover,
body.theme-dark .dropdown-item:hover {
    background-color: rgba(30, 111, 217, 0.14) !important;
    color: #93c5fd !important;
}
html[data-bs-theme="dark"] .alert-primary,
body.theme-dark .alert-primary {
    background: rgba(30, 111, 217, 0.2) !important;
    color: #93c5fd !important;
}
html[data-bs-theme="dark"] .text-primary,
body.theme-dark .text-primary { color: #60a5fa !important; }

.cart-panel { border-color: #1e6fd9 !important; }
.payment-option.is-selected {
    border-color: #1e6fd9 !important;
    background: rgba(30, 111, 217, 0.1) !important;
}
.tld-price-chip strong { color: #1e6fd9 !important; }