html,
body {
    min-height: 100%;
}

html {
    background: #f4f7fb;
}

body {
    margin: 0;
    color: #1b2739;
    font-family: Inter, "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
    background: #f4f7fb;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

* {
    box-sizing: border-box;
}

button,
input,
select,
textarea {
    font-family: inherit;
}

a {
    color: inherit;
}

#blazor-error-ui {
    color-scheme: light only;
    background: #fff3cd;
    bottom: 0;
    box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

/* Mobilon a chat önálló, teljes képernyős munkafelület. */
@media (max-width: 720px) {
    .bdn-topbar:has(.chat-drawer) {
        z-index: 2000 !important;
    }

    body:has(.chat-drawer) .bdn-main-area {
        margin-right: 0 !important;
    }

    .chat-drawer {
        position: fixed !important;
        inset: 0 !important;
        width: 100vw !important;
        height: 100dvh !important;
        min-height: 100dvh !important;
        border: 0 !important;
        border-radius: 0 !important;
        z-index: 1600 !important;
    }

    .chat-drawer .chat-layout,
    .chat-drawer .conversation-pane {
        min-height: 0 !important;
        overflow: hidden !important;
    }

    .chat-drawer .messages {
        min-height: 0 !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
    }

    .chat-drawer .composer {
        position: relative;
        z-index: 2;
        padding-bottom: max(12px, env(safe-area-inset-bottom)) !important;
        background: #fff;
    }

    html.bdn-dark-panels .chat-drawer .composer {
        background: #101d2d;
    }
}

/* =========================================================
   BDN STOCK 2026 — KÖZÖS VIZUÁLIS RENDSZER
   ========================================================= */

:root {
    --bdn-bg: #f2f7fd;
    --bdn-surface: #ffffff;
    --bdn-surface-soft: #f8fbff;
    --bdn-blue: #1674f5;
    --bdn-blue-dark: #075fd6;
    --bdn-blue-soft: #eaf3ff;
    --bdn-ink: #172033;
    --bdn-muted: #7c899d;
    --bdn-line: #e7edf5;
    --bdn-green: #15945c;
    --bdn-green-soft: #e8f8f0;
    --bdn-orange: #e97818;
    --bdn-orange-soft: #fff3e7;
    --bdn-red: #dc4050;
    --bdn-red-soft: #ffedf0;
    --bdn-radius: 16px;
    --bdn-shadow: 0 10px 32px rgba(39, 78, 125, .075), 0 2px 8px rgba(39, 78, 125, .035);
    --bdn-shadow-hover: 0 18px 42px rgba(39, 78, 125, .12), 0 4px 12px rgba(39, 78, 125, .05);
}

html,
body {
    background:
        radial-gradient(circle at 82% 7%, rgba(90, 163, 255, .09), transparent 25rem),
        var(--bdn-bg);
    color: var(--bdn-ink);
}

body::before {
    position: fixed;
    right: -8vw;
    bottom: -15vw;
    z-index: -1;
    width: 46vw;
    height: 46vw;
    content: "";
    border: 7vw solid rgba(38, 127, 244, .025);
    border-radius: 50%;
    pointer-events: none;
}

::selection {
    color: #fff;
    background: var(--bdn-blue);
}

/* Közös oldalkeretek és fejlécek */
[class$="-page"] {
    color: var(--bdn-ink);
}

[class$="-page"] > .page-header,
.page-header,
.users-heading,
.password-page-heading {
    margin-bottom: 24px !important;
}

.page-header h1,
.users-heading h1,
.password-page-heading h1,
.bdn-page-heading h1 {
    color: var(--bdn-ink) !important;
    font-weight: 760 !important;
    letter-spacing: -.65px !important;
}

.page-header p,
.users-heading p,
.password-page-heading p,
.bdn-page-heading p {
    color: var(--bdn-muted) !important;
}

/* Minden fő tartalmi kártya ugyanabból a rendszerből épül */
.bdn-card,
.stat-card,
.filter-card,
.products-card,
.inventory-card,
.orders-card,
.expiration-card,
.form-card,
.summary-card,
.recent-card,
.detail-card,
.sidebar-card,
.action-card,
.notes-card,
.order-list-card,
.picking-detail-card,
.supplier-card,
.suppliers-card,
.suggestions-card,
.supplier-summary-card,
.product-card,
.info-card,
.state-card,
.difference-card,
.users-list-card,
.user-editor-card,
.password-card,
.password-help-card,
.product-image-card,
.editor-panel,
.access-denied-card,
.loading-card,
.not-found-card {
    background: rgba(255, 255, 255, .97) !important;
    border: 1px solid rgba(226, 234, 244, .9) !important;
    border-radius: var(--bdn-radius) !important;
    box-shadow: var(--bdn-shadow) !important;
}

.stat-card,
.supplier-card,
.product-card {
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.stat-card:hover,
.supplier-card:hover,
.product-card:hover {
    z-index: 1;
    border-color: rgba(77, 143, 234, .2) !important;
    box-shadow: var(--bdn-shadow-hover) !important;
    transform: translateY(-2px);
}

.card-header,
.section-header,
.editor-header,
.image-card-header {
    border-color: var(--bdn-line) !important;
}

/* Beviteli mezők */
.form-control,
.search-field,
.select-field,
.textarea,
.search-box input,
input:not([type="checkbox"]):not([type="radio"]),
select,
textarea {
    min-height: 43px;
    color: var(--bdn-ink);
    background-color: #fbfdff;
    border-color: #dfe8f3 !important;
    border-radius: 10px !important;
    outline: none;
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

textarea,
.textarea {
    min-height: 88px;
}

.form-control:hover,
.search-field:hover,
.select-field:hover,
input:not([type="checkbox"]):not([type="radio"]):hover,
select:hover,
textarea:hover {
    border-color: #c7d6e9 !important;
    background-color: #fff;
}

.form-control:focus,
.search-field:focus,
.select-field:focus,
input:not([type="checkbox"]):not([type="radio"]):focus,
select:focus,
textarea:focus {
    background-color: #fff;
    border-color: #70aaf3 !important;
    box-shadow: 0 0 0 4px rgba(22, 116, 245, .11) !important;
}

/* Gombok */
.primary-button,
.save-button,
.complete-button,
.start-button,
.confirm-dispose-button,
.new-user-button,
.add-button,
.upload-image-button,
.bdn-button-primary {
    color: #fff !important;
    background: linear-gradient(135deg, #2484ff 0%, var(--bdn-blue) 58%, var(--bdn-blue-dark) 100%) !important;
    border: 0 !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 20px rgba(22, 116, 245, .22) !important;
    text-decoration: none !important;
    transition: transform .15s ease, box-shadow .15s ease, filter .15s ease !important;
}

.primary-button:hover,
.save-button:hover,
.complete-button:hover,
.start-button:hover,
.new-user-button:hover,
.bdn-button-primary:hover {
    box-shadow: 0 12px 26px rgba(22, 116, 245, .3) !important;
    filter: saturate(1.06);
    transform: translateY(-1px);
}

.secondary-button,
.cancel-button,
.refresh-button,
.edit-button,
.details-button,
.back-link,
.bdn-button-secondary {
    color: #33445d !important;
    background: #fff !important;
    border-color: #dfe7f1 !important;
    border-radius: 10px !important;
    box-shadow: 0 3px 10px rgba(39, 78, 125, .045) !important;
    text-decoration: none !important;
}

.secondary-button:hover,
.cancel-button:hover,
.refresh-button:hover,
.edit-button:hover,
.details-button:hover,
.bdn-button-secondary:hover {
    color: var(--bdn-blue) !important;
    background: #f7faff !important;
    border-color: #c8daf1 !important;
}

/* Táblák */
.table-wrapper,
.users-table-wrapper,
.cart-table-wrapper {
    border-color: var(--bdn-line) !important;
    border-radius: 0 0 var(--bdn-radius) var(--bdn-radius) !important;
}

table th {
    color: #708097 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .025em;
    background: #f8fbff !important;
    border-color: var(--bdn-line) !important;
}

table td {
    border-color: #edf2f8 !important;
}

table tbody tr {
    transition: background-color .14s ease;
}

table tbody tr:hover {
    background: #f7faff !important;
}

/* Jelvények és visszajelzések */
.status-active,
.active-status,
.status-ok,
.status-completed,
.payment-paid,
.success-message,
.badge-normal {
    color: var(--bdn-green) !important;
    background: var(--bdn-green-soft) !important;
    border-color: #cfeee0 !important;
}

.status-low,
.status-warning,
.badge-warning,
.payment-pending {
    color: var(--bdn-orange) !important;
    background: var(--bdn-orange-soft) !important;
    border-color: #f8dec3 !important;
}

.status-out,
.status-inactive,
.inactive-status,
.badge-danger,
.badge-expired,
.payment-failed,
.error-message {
    color: var(--bdn-red) !important;
    background: var(--bdn-red-soft) !important;
    border-color: #f7d2d8 !important;
}

/* Modális ablakok */
.modal-backdrop {
    background: rgba(22, 33, 52, .42) !important;
    backdrop-filter: blur(5px);
}

.modal-panel,
.product-modal,
.order-modal,
.supplier-modal,
.dispose-modal,
.confirmation-modal {
    background: #fff !important;
    border: 1px solid rgba(255, 255, 255, .7) !important;
    border-radius: 20px !important;
    box-shadow: 0 30px 80px rgba(20, 43, 76, .22) !important;
}

@media (max-width: 720px) {
    :root { --bdn-radius: 13px; }

    [class$="-page"] > .page-header,
    .page-header { margin-bottom: 18px !important; }

    .stat-card:hover,
    .supplier-card:hover,
    .product-card:hover { transform: none; }
}

@media (max-width: 720px) {
    input, select, textarea { font-size: 16px !important; }
    button, a { -webkit-tap-highlight-color: transparent; }
    button { min-height: 42px; }
    table { font-size: 12px; }
    .modal-backdrop { padding: 0 !important; }
    .modal-panel { width: 100% !important; max-height: 100dvh !important; border-radius: 0 !important; }
}

@media (max-width: 420px) {
    h1 { font-size: 24px !important; }
    h2 { font-size: 17px !important; }
}

/* A chat panel a fejléc stacking contextjén kívül lebeg. */
.chat-trigger {
    position: fixed !important;
    top: 27px !important;
    right: 265px !important;
    z-index: 760 !important;
}

.chat-error {
    position: absolute;
    top: 88px;
    right: 18px;
    left: 18px;
    z-index: 5;
    padding: 14px;
    display: flex;
    flex-direction: column;
    color: #b42332;
    background: #fff0f2;
    border: 1px solid #f4ccd2;
    border-radius: 11px;
}

.chat-error strong { font-size: 11px; }
.chat-error span { margin-top: 5px; font-size: 9px; }

/* A chatfiók mindig teljes képernyőmagasságú lebegő réteg. */
.chat-backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 800 !important;
}

.chat-drawer {
    position: fixed !important;
    top: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    left: auto !important;
    z-index: 810 !important;
    width: min(760px, calc(100vw - 24px)) !important;
    height: auto !important;
    min-height: calc(100vh - 24px) !important;
}

@media (max-width: 650px) {
    .chat-drawer {
        inset: 0 !important;
        width: 100% !important;
        min-height: 100dvh !important;
        border-radius: 0 !important;
    }
}

@media (max-width: 1050px) {
    .chat-trigger { right: 92px !important; }
}

@media (max-width: 720px) {
    .chat-trigger {
        top: 14px !important;
        right: 16px !important;
    }
}

/* CHAT – JOBB OLDALI, TARTALMAT ELTOLÓ MUNKAPANEL */
.bdn-topbar { backdrop-filter: none !important; }

.chat-trigger {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    z-index: auto !important;
    flex: 0 0 38px;
}

.bdn-main-area {
    transition: margin-right .24s ease;
}

body:has(.chat-drawer) .bdn-main-area {
    margin-right: 540px;
}

.chat-drawer {
    position: fixed !important;
    inset: 0 0 0 auto !important;
    z-index: 810 !important;
    width: 540px !important;
    height: 100vh !important;
    min-height: 100vh !important;
    border-width: 0 0 0 1px !important;
    border-radius: 0 !important;
    box-shadow: -18px 0 45px rgba(24,55,91,.11) !important;
}

@media (max-width: 1180px) and (min-width: 651px) {
    body:has(.chat-drawer) .bdn-main-area { margin-right: 430px; }
    .chat-drawer { width: 430px !important; }
}

@media (max-width: 650px) {
    body:has(.chat-drawer) .bdn-main-area { margin-right: 0; }
    .chat-drawer {
        inset: 0 !important;
        width: 100% !important;
        height: 100dvh !important;
        min-height: 100dvh !important;
    }
}

/* Nagyobb, kényelmesebben olvasható chatszövegek */
.chat-drawer > header strong { font-size: 15px !important; }
.chat-drawer > header small { font-size: 10px !important; }
.people-title { font-size: 10px !important; }
.person strong { font-size: 12px !important; }
.person small { font-size: 9px !important; }
.conversation-header strong { font-size: 13px !important; }
.conversation-header small { font-size: 9px !important; }
.message div { font-size: 12px !important; line-height: 1.5 !important; }
.message small { font-size: 9px !important; }
.composer textarea { font-size: 12px !important; }
.first-message,
.chat-empty { font-size: 11px !important; }

/* Naptár: teljes szélességű heti nézet, igény szerinti szerkesztőpanel */
.calendar-page .calendar-layout {
    display: block !important;
    width: 100% !important;
}

.calendar-page .week-calendar {
    width: 100% !important;
    grid-template-columns: minmax(0, 1fr) !important;
}

.calendar-page .calendar-sidebar {
    display: none !important;
}

.editor-backdrop {
    position: fixed;
    inset: 0;
    z-index: 390;
    background: rgba(27, 42, 64, .18);
    border: 0;
    backdrop-filter: blur(2px);
}

.calendar-page .event-editor-drawer {
    position: fixed !important;
    top: 92px !important;
    right: 24px !important;
    bottom: 24px !important;
    z-index: 400 !important;
    width: 380px !important;
    max-height: calc(100dvh - 116px) !important;
    overflow-y: auto !important;
    border-radius: 17px !important;
    box-shadow: 0 24px 65px rgba(24, 55, 91, .2) !important;
}

body:has(.chat-drawer) .calendar-page .event-editor-drawer {
    right: 564px !important;
}

/* Csoportos chat */
.new-group-button {
    width: 100%;
    min-height: 36px;
    margin-top: 9px;
    color: #176fe7;
    font-size: 10px;
    font-weight: 700;
    background: #edf5ff;
    border: 1px solid #d9e9fc;
    border-radius: 9px;
}

.group-avatar {
    color: #fff !important;
    background: linear-gradient(145deg, #8974e8, #6550c8) !important;
}

.message-sender {
    margin: 0 0 4px 4px;
    color: #6c59bb;
    font-size: 9px;
}

.group-modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 900;
    display: grid;
    place-items: center;
    padding: 18px;
    background: rgba(24, 38, 59, .3);
    backdrop-filter: blur(3px);
}

.group-modal {
    width: min(430px, 100%);
    max-height: min(680px, calc(100dvh - 36px));
    overflow: hidden;
    background: #fff;
    border: 1px solid #e2eaf4;
    border-radius: 17px;
    box-shadow: 0 28px 75px rgba(24, 55, 91, .22);
}

.group-modal > header,
.group-modal > footer {
    padding: 15px 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-bottom: 1px solid #edf2f8;
}

.group-modal > header div { display: flex; flex-direction: column; }
.group-modal > header strong { font-size: 14px; }
.group-modal > header small { margin-top: 4px; color: #8a97aa; font-size: 9px; }
.group-modal > header button { width: 34px; height: 34px; font-size: 20px; background: #f4f7fb; border: 0; border-radius: 9px; }
.group-modal .group-name { padding: 15px 17px 8px; display: flex; flex-direction: column; gap: 6px; }
.group-modal .group-name span { color: #65748a; font-size: 9px; font-weight: 700; }
.group-modal .group-name input { padding: 0 11px; font-size: 12px; }
.member-options { max-height: 380px; padding: 8px 17px 15px; overflow-y: auto; }
.member-options label { min-height: 52px; padding: 7px; display: grid; grid-template-columns: 20px 38px minmax(0,1fr); align-items: center; gap: 9px; border-radius: 10px; }
.member-options label:hover { background: #f5f9ff; }
.member-options input { min-height: auto !important; box-shadow: none !important; }
.member-options strong { font-size: 11px; }
.group-modal > footer { justify-content: flex-end; border-top: 1px solid #edf2f8; border-bottom: 0; }
.group-modal > footer button { min-height: 40px; padding: 0 13px; font-size: 10px; }

/* =========================================================
   DASHBOARD – SZOLID AURORA MOZGÁS ÉS ÜVEGHATÁS
   ========================================================= */
.bdn-dashboard {
    position: relative;
    z-index: 0;
    isolation: isolate;
}

.bdn-dashboard::before,
.bdn-dashboard::after {
    position: fixed;
    z-index: -2;
    content: "";
    pointer-events: none;
    border-radius: 50%;
    filter: blur(12px);
    will-change: transform;
}

.bdn-dashboard::before {
    top: 11%;
    left: 29%;
    width: min(42vw, 720px);
    height: min(42vw, 720px);
    background: radial-gradient(circle,
        rgba(39, 132, 255, .13) 0%,
        rgba(96, 171, 255, .065) 42%,
        transparent 72%);
    animation: bdn-aurora-one 22s ease-in-out infinite alternate;
}

.bdn-dashboard::after {
    right: -8%;
    bottom: -16%;
    width: min(46vw, 780px);
    height: min(46vw, 780px);
    background: radial-gradient(circle,
        rgba(76, 201, 176, .085) 0%,
        rgba(91, 145, 255, .055) 44%,
        transparent 72%);
    animation: bdn-aurora-two 27s ease-in-out infinite alternate;
}

.bdn-dashboard .bdn-card,
.bdn-dashboard .bdn-kpi-simple,
.bdn-dashboard .bdn-quick-product {
    background: linear-gradient(145deg,
        rgba(255, 255, 255, .84),
        rgba(248, 252, 255, .72)) !important;
    border-color: rgba(255, 255, 255, .78) !important;
    box-shadow:
        0 14px 38px rgba(43, 82, 128, .085),
        inset 0 1px 0 rgba(255, 255, 255, .82) !important;
    -webkit-backdrop-filter: blur(15px) saturate(1.08);
    backdrop-filter: blur(15px) saturate(1.08);
}

.bdn-dashboard .bdn-card-header,
.bdn-dashboard table th {
    background: rgba(248, 251, 255, .58) !important;
}

.bdn-dashboard .bdn-kpi-feature-body {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    box-shadow:
        0 18px 42px rgba(22, 116, 245, .25),
        inset 0 1px 0 rgba(255, 255, 255, .2) !important;
}

@keyframes bdn-aurora-one {
    0% { transform: translate3d(-4%, -3%, 0) scale(1); }
    50% { transform: translate3d(9%, 5%, 0) scale(1.08); }
    100% { transform: translate3d(3%, 12%, 0) scale(.96); }
}

@keyframes bdn-aurora-two {
    0% { transform: translate3d(4%, 5%, 0) scale(.96); }
    50% { transform: translate3d(-9%, -4%, 0) scale(1.06); }
    100% { transform: translate3d(-3%, -11%, 0) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
    .bdn-dashboard::before,
    .bdn-dashboard::after {
        animation: none;
    }
}

@media (max-width: 720px) {
    .bdn-dashboard .bdn-card,
    .bdn-dashboard .bdn-kpi-simple,
    .bdn-dashboard .bdn-quick-product {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }
}

/* Láthatóbb, világos fénygömb-háttér */
.bdn-dashboard::before,
.bdn-dashboard::after {
    z-index: -1;
    opacity: 1;
    filter: blur(3px);
}

.bdn-dashboard::before {
    top: 4%;
    left: 23%;
    width: min(62vw, 980px);
    height: min(62vw, 980px);
    background:
        radial-gradient(circle at 49% 48%,
            rgba(255, 255, 255, .08) 0%,
            rgba(226, 239, 255, .12) 41%,
            rgba(83, 147, 255, .18) 54%,
            rgba(92, 106, 245, .19) 61%,
            rgba(205, 102, 225, .14) 67%,
            rgba(255, 132, 185, .09) 71%,
            transparent 76%);
    box-shadow:
        0 45px 120px rgba(67, 130, 242, .1),
        inset 0 -35px 90px rgba(100, 118, 255, .08);
    animation-duration: 18s;
}

.bdn-dashboard::after {
    right: -9%;
    bottom: -28%;
    width: min(54vw, 860px);
    height: min(54vw, 860px);
    background:
        radial-gradient(circle at 48% 48%,
            rgba(255, 255, 255, .06) 0%,
            rgba(188, 231, 255, .1) 45%,
            rgba(60, 185, 231, .13) 57%,
            rgba(67, 129, 246, .14) 65%,
            transparent 75%);
    animation-duration: 23s;
}

.bdn-dashboard .bdn-card,
.bdn-dashboard .bdn-kpi-simple,
.bdn-dashboard .bdn-quick-product {
    background: linear-gradient(145deg,
        rgba(255, 255, 255, .58),
        rgba(247, 251, 255, .44)) !important;
    border-color: rgba(255, 255, 255, .68) !important;
    -webkit-backdrop-filter: blur(3px) saturate(1.04);
    backdrop-filter: blur(3px) saturate(1.04);
}

.bdn-dashboard .bdn-card:hover,
.bdn-dashboard .bdn-kpi-simple:hover {
    background: linear-gradient(145deg,
        rgba(255, 255, 255, .68),
        rgba(247, 251, 255, .54)) !important;
}

@media (max-width: 720px) {
    .bdn-dashboard::before {
        top: 12%;
        left: -25%;
        width: 135vw;
        height: 135vw;
    }

    .bdn-dashboard::after {
        right: -45%;
        bottom: -8%;
        width: 120vw;
        height: 120vw;
    }
}

/* =========================================================
   SÖTÉT CSEMPÉK – a világos, animált háttér változatlan marad
   ========================================================= */
html.bdn-dark-panels {
    --bdn-surface: #111a28;
    --bdn-surface-soft: #172233;
    --bdn-ink: #eef5ff;
    --bdn-muted: #9fb0c6;
    --bdn-line: rgba(151, 174, 204, .16);
    --bdn-shadow: 0 16px 42px rgba(16, 31, 51, .18), 0 3px 10px rgba(16, 31, 51, .1);
    --bdn-shadow-hover: 0 20px 48px rgba(16, 31, 51, .24), 0 5px 14px rgba(16, 31, 51, .12);
}

html.bdn-dark-panels body {
    /* Szándékosan világos marad az oldal és az animált háttér. */
    color: #172033;
}

html.bdn-dark-panels .bdn-topbar,
html.bdn-dark-panels .stock-brand-header,
html.bdn-dark-panels .bdn-search-results,
html.bdn-dark-panels .user-menu-dropdown,
html.bdn-dark-panels .chat-panel,
html.bdn-dark-panels .chat-drawer,
html.bdn-dark-panels .event-editor-drawer,
html.bdn-dark-panels .modal-panel,
html.bdn-dark-panels .product-modal,
html.bdn-dark-panels .order-modal,
html.bdn-dark-panels .supplier-modal,
html.bdn-dark-panels .dispose-modal,
html.bdn-dark-panels .confirmation-modal,
html.bdn-dark-panels .bdn-card,
html.bdn-dark-panels .stat-card,
html.bdn-dark-panels .filter-card,
html.bdn-dark-panels .products-card,
html.bdn-dark-panels .inventory-card,
html.bdn-dark-panels .orders-card,
html.bdn-dark-panels .expiration-card,
html.bdn-dark-panels .form-card,
html.bdn-dark-panels .summary-card,
html.bdn-dark-panels .recent-card,
html.bdn-dark-panels .detail-card,
html.bdn-dark-panels .sidebar-card,
html.bdn-dark-panels .action-card,
html.bdn-dark-panels .notes-card,
html.bdn-dark-panels .order-list-card,
html.bdn-dark-panels .picking-detail-card,
html.bdn-dark-panels .supplier-card,
html.bdn-dark-panels .suppliers-card,
html.bdn-dark-panels .suggestions-card,
html.bdn-dark-panels .supplier-summary-card,
html.bdn-dark-panels .product-card,
html.bdn-dark-panels .info-card,
html.bdn-dark-panels .state-card,
html.bdn-dark-panels .difference-card,
html.bdn-dark-panels .users-list-card,
html.bdn-dark-panels .user-editor-card,
html.bdn-dark-panels .password-card,
html.bdn-dark-panels .password-help-card,
html.bdn-dark-panels .product-image-card,
html.bdn-dark-panels .editor-panel,
html.bdn-dark-panels .access-denied-card,
html.bdn-dark-panels .loading-card,
html.bdn-dark-panels .not-found-card {
    color: #edf4ff !important;
    background: linear-gradient(145deg, rgba(15, 24, 38, .94), rgba(24, 35, 52, .92)) !important;
    border-color: rgba(151, 174, 204, .17) !important;
    box-shadow: var(--bdn-shadow) !important;
}

html.bdn-dark-panels .bdn-dashboard .bdn-card,
html.bdn-dark-panels .bdn-dashboard .bdn-kpi-simple,
html.bdn-dark-panels .bdn-dashboard .bdn-quick-product {
    color: #edf4ff !important;
    background: linear-gradient(145deg, rgba(13, 22, 35, .87), rgba(25, 37, 55, .8)) !important;
    border-color: rgba(179, 202, 232, .19) !important;
    -webkit-backdrop-filter: blur(3px) saturate(1.04);
    backdrop-filter: blur(3px) saturate(1.04);
}

html.bdn-dark-panels .bdn-dashboard .bdn-card:hover,
html.bdn-dark-panels .bdn-dashboard .bdn-kpi-simple:hover {
    background: linear-gradient(145deg, rgba(19, 30, 46, .91), rgba(30, 44, 64, .86)) !important;
}

html.bdn-dark-panels .bdn-card-header,
html.bdn-dark-panels .card-header,
html.bdn-dark-panels .section-header,
html.bdn-dark-panels .editor-header,
html.bdn-dark-panels .image-card-header,
html.bdn-dark-panels .bdn-dashboard table th {
    color: #aebdd0 !important;
    background: rgba(28, 41, 60, .78) !important;
    border-color: var(--bdn-line) !important;
}

html.bdn-dark-panels .bdn-topbar {
    background: rgba(14, 23, 36, .93) !important;
    border-color: rgba(151, 174, 204, .16) !important;
    box-shadow: 0 14px 36px rgba(15, 29, 48, .2) !important;
}

html.bdn-dark-panels .stock-brand-header {
    background: #101a29 !important;
    border-color: rgba(151, 174, 204, .14) !important;
}

html.bdn-dark-panels .stock-brand-text,
html.bdn-dark-panels .stock-brand-text span,
html.bdn-dark-panels .stock-brand-logo {
    color: #eaf3ff !important;
}

html.bdn-dark-panels .bdn-sidebar-toggle,
html.bdn-dark-panels .bdn-theme-toggle,
html.bdn-dark-panels .user-menu-trigger,
html.bdn-dark-panels .chat-trigger {
    color: #b8c8dc !important;
    background: rgba(255, 255, 255, .045) !important;
    border-color: rgba(151, 174, 204, .16) !important;
}

html.bdn-dark-panels .bdn-search-container,
html.bdn-dark-panels .form-control,
html.bdn-dark-panels .search-field,
html.bdn-dark-panels .select-field,
html.bdn-dark-panels .textarea,
html.bdn-dark-panels .search-box input,
html.bdn-dark-panels input:not([type="checkbox"]):not([type="radio"]),
html.bdn-dark-panels select,
html.bdn-dark-panels textarea {
    color: #eaf2fd !important;
    background-color: rgba(8, 16, 28, .62) !important;
    border-color: rgba(151, 174, 204, .19) !important;
}

/* A globális kereső teljes dark felülete */
html.bdn-dark-panels .bdn-search-results {
    color: #edf4ff !important;
    background: #111d2c !important;
    border-color: #2a3d55 !important;
}

html.bdn-dark-panels .bdn-search-results-header,
html.bdn-dark-panels .bdn-search-footer {
    color: #9fb1c7 !important;
    background: #162437 !important;
    border-color: #2a3d55 !important;
}

html.bdn-dark-panels .bdn-search-result {
    color: #eaf2fd !important;
    background: #111d2c !important;
    border-color: #26394f !important;
}

html.bdn-dark-panels .bdn-search-result:hover,
html.bdn-dark-panels .bdn-search-result:focus-visible {
    background: #1a2c42 !important;
}

html.bdn-dark-panels .bdn-result-information strong,
html.bdn-dark-panels .bdn-result-stock strong {
    color: #edf5ff !important;
}

html.bdn-dark-panels .bdn-result-information span,
html.bdn-dark-panels .bdn-result-stock span,
html.bdn-dark-panels .bdn-result-arrow,
html.bdn-dark-panels .bdn-search-empty span {
    color: #9eafc4 !important;
}

html.bdn-dark-panels .bdn-result-avatar {
    border: 1px solid rgba(143, 181, 229, .2) !important;
}

html.bdn-dark-panels input::placeholder,
html.bdn-dark-panels textarea::placeholder {
    color: #7f91a9 !important;
}

html.bdn-dark-panels table th {
    color: #9fb0c6 !important;
    background: #172334 !important;
    border-color: var(--bdn-line) !important;
}

html.bdn-dark-panels table td {
    color: #dce7f5 !important;
    background: transparent !important;
    border-color: var(--bdn-line) !important;
}

html.bdn-dark-panels table tbody tr:hover {
    background: rgba(72, 129, 202, .1) !important;
}

html.bdn-dark-panels .secondary-button,
html.bdn-dark-panels .cancel-button,
html.bdn-dark-panels .refresh-button,
html.bdn-dark-panels .edit-button,
html.bdn-dark-panels .details-button,
html.bdn-dark-panels .back-link,
html.bdn-dark-panels .bdn-button-secondary {
    color: #c9d7e9 !important;
    background: #182538 !important;
    border-color: rgba(151, 174, 204, .2) !important;
}

html.bdn-dark-panels .bdn-card p,
html.bdn-dark-panels .bdn-card span,
html.bdn-dark-panels .stat-card p,
html.bdn-dark-panels .stat-card span {
    border-color: var(--bdn-line);
}

/* Teljes sötét téma */
html.bdn-dark-panels,
html.bdn-dark-panels body {
    color-scheme: dark;
    color: #e8f0fb !important;
    background:
        radial-gradient(circle at 76% 8%, rgba(48, 119, 238, .16), transparent 30rem),
        radial-gradient(circle at 18% 86%, rgba(130, 67, 218, .12), transparent 35rem),
        #080d16 !important;
}

html.bdn-dark-panels body::before {
    border-color: rgba(66, 137, 247, .055);
}

html.bdn-dark-panels .bdn-app-shell,
html.bdn-dark-panels .bdn-main-area,
html.bdn-dark-panels .bdn-content {
    background: transparent !important;
}

html.bdn-dark-panels .stock-navigation {
    background: rgba(10, 17, 28, .97) !important;
    border-color: rgba(143, 167, 198, .13) !important;
    box-shadow: 10px 0 34px rgba(0, 0, 0, .22) !important;
}

html.bdn-dark-panels .stock-navigation-body,
html.bdn-dark-panels .stock-menu {
    background: transparent !important;
}

html.bdn-dark-panels .stock-menu-item,
html.bdn-dark-panels .stock-menu-item:link,
html.bdn-dark-panels .stock-menu-item:visited {
    color: #9eacc0 !important;
}

html.bdn-dark-panels .stock-menu-item:hover {
    color: #f1f6ff !important;
    background: rgba(82, 145, 239, .11) !important;
}

html.bdn-dark-panels .stock-menu-item.active {
    color: #eaf3ff !important;
    background: linear-gradient(100deg, rgba(28, 105, 224, .3), rgba(31, 52, 78, .5)) !important;
    box-shadow: inset 3px 0 0 #3189ff, 0 6px 18px rgba(0, 0, 0, .15) !important;
}

html.bdn-dark-panels .stock-menu-icon {
    color: #8fa2ba !important;
}

html.bdn-dark-panels .stock-warehouse-selector {
    color: #dce8f7 !important;
    background: rgba(23, 36, 54, .88) !important;
    border-color: rgba(143, 167, 198, .17) !important;
}

html.bdn-dark-panels .stock-warehouse-information strong {
    color: #edf4fd !important;
}

html.bdn-dark-panels .stock-warehouse-information small,
html.bdn-dark-panels .stock-warehouse-chevron {
    color: #91a2b8 !important;
}

html.bdn-dark-panels .bdn-top-navigation a {
    color: #91a1b6 !important;
}

html.bdn-dark-panels .bdn-top-navigation a:hover,
html.bdn-dark-panels .bdn-top-navigation a.active {
    color: #dcebff !important;
    background: rgba(49, 137, 255, .13) !important;
}

html.bdn-dark-panels .bdn-topbar-user {
    border-color: rgba(143, 167, 198, .15) !important;
}

html.bdn-dark-panels [class$="-page"],
html.bdn-dark-panels [class$="-page"] > *,
html.bdn-dark-panels .bdn-page-heading,
html.bdn-dark-panels .page-header,
html.bdn-dark-panels .users-heading,
html.bdn-dark-panels .password-page-heading {
    color: #e8f0fb;
}

html.bdn-dark-panels .page-header h1,
html.bdn-dark-panels .users-heading h1,
html.bdn-dark-panels .password-page-heading h1,
html.bdn-dark-panels .bdn-page-heading h1,
html.bdn-dark-panels .bdn-dashboard h1,
html.bdn-dark-panels .bdn-dashboard h2,
html.bdn-dark-panels .bdn-dashboard h3,
html.bdn-dark-panels .bdn-dashboard h4 {
    color: #f2f7ff !important;
}

html.bdn-dark-panels .page-header p,
html.bdn-dark-panels .users-heading p,
html.bdn-dark-panels .password-page-heading p,
html.bdn-dark-panels .bdn-page-heading p {
    color: #94a6bd !important;
}

html.bdn-dark-panels .bdn-dashboard::before {
    background:
        radial-gradient(circle at 49% 48%,
            rgba(78, 111, 255, .05) 0%,
            rgba(38, 83, 178, .12) 40%,
            rgba(70, 61, 210, .28) 55%,
            rgba(155, 54, 202, .24) 64%,
            rgba(224, 59, 128, .16) 71%,
            transparent 77%) !important;
    filter: blur(7px) saturate(1.2);
    opacity: .88;
}

html.bdn-dark-panels .bdn-dashboard::after {
    background:
        radial-gradient(circle at 48% 48%,
            rgba(26, 105, 170, .07) 0%,
            rgba(21, 106, 157, .13) 43%,
            rgba(31, 126, 213, .25) 58%,
            rgba(67, 72, 218, .2) 68%,
            transparent 76%) !important;
    filter: blur(8px) saturate(1.15);
    opacity: .8;
}

html.bdn-dark-panels .bdn-dashboard {
    color: #e8f0fb !important;
}

html.bdn-dark-panels .bdn-dashboard .bdn-card :is(h1, h2, h3, h4, strong),
html.bdn-dark-panels .bdn-dashboard .bdn-kpi-simple :is(h1, h2, h3, h4, strong),
html.bdn-dark-panels .bdn-dashboard .bdn-quick-product :is(h1, h2, h3, h4, strong) {
    color: #edf4ff !important;
}

html.bdn-dark-panels .bdn-dashboard .bdn-card :is(p, span, small, label),
html.bdn-dark-panels .bdn-dashboard .bdn-kpi-simple :is(p, span, small, label),
html.bdn-dark-panels .bdn-dashboard .bdn-quick-product :is(p, span, small, label) {
    color: #a7b7cb !important;
}

html.bdn-dark-panels .bdn-dashboard .bdn-link,
html.bdn-dark-panels .bdn-dashboard a {
    color: #62a8ff !important;
}

html.bdn-dark-panels .bdn-dashboard .stock-available,
html.bdn-dark-panels .bdn-dashboard .bdn-change-positive {
    color: #57d995 !important;
}

html.bdn-dark-panels .bdn-dashboard .stock-empty,
html.bdn-dark-panels .bdn-dashboard .bdn-change-negative {
    color: #ff7582 !important;
}

html.bdn-dark-panels .bdn-dashboard .bdn-expiration-item {
    color: #dce7f5 !important;
    background: rgba(9, 17, 29, .74) !important;
    border-color: rgba(143, 167, 198, .15) !important;
}

html.bdn-dark-panels .bdn-dashboard .bdn-product-thumb,
html.bdn-dark-panels .bdn-dashboard .bdn-product-image {
    background: #f4f7fb !important;
}

html.bdn-dark-panels .bdn-dashboard svg text {
    fill: #91a3ba !important;
}

html.bdn-dark-panels .bdn-dashboard .chart-grid-line,
html.bdn-dark-panels .bdn-dashboard .grid-line {
    stroke: rgba(158, 181, 209, .18) !important;
}

html.bdn-dark-panels .empty-state,
html.bdn-dark-panels .empty-message,
html.bdn-dark-panels .help-text,
html.bdn-dark-panels .field-hint,
html.bdn-dark-panels .subtitle,
html.bdn-dark-panels .muted {
    color: #91a3ba !important;
}

html.bdn-dark-panels .bdn-kpi-feature-body,
html.bdn-dark-panels .bdn-kpi-feature-body :is(strong, span, small, p, div) {
    color: #ffffff !important;
}

html.bdn-dark-panels .bdn-dashboard .bdn-status-ok,
html.bdn-dark-panels .bdn-dashboard .status-active,
html.bdn-dark-panels .bdn-dashboard .status-completed {
    color: #46c985 !important;
    background: rgba(38, 177, 105, .15) !important;
}

html.bdn-dark-panels .bdn-dashboard .bdn-status-warning,
html.bdn-dark-panels .bdn-dashboard .status-warning {
    color: #ffb454 !important;
    background: rgba(231, 143, 36, .15) !important;
}

html.bdn-dark-panels .bdn-dashboard .bdn-status-danger,
html.bdn-dark-panels .bdn-dashboard .status-danger {
    color: #ff7582 !important;
    background: rgba(224, 65, 82, .15) !important;
}

html.bdn-dark-panels .bdn-dashboard .bdn-status-info {
    color: #69adff !important;
    background: rgba(51, 130, 232, .16) !important;
}

/* =========================================================
   TELJES DARK KOMPONENS-AUDIT
   Az oldalak izolált CSS-eiben megadott világos felületek felülírása.
   ========================================================= */
html.bdn-dark-panels [class$="-card"],
html.bdn-dark-panels [class*="-card "],
html.bdn-dark-panels [class$="-panel"],
html.bdn-dark-panels [class*="-panel "],
html.bdn-dark-panels .table-card,
html.bdn-dark-panels .calendar-card,
html.bdn-dark-panels .report-card,
html.bdn-dark-panels .import-card,
html.bdn-dark-panels .image-card {
    color: #e5eef9 !important;
    background: linear-gradient(145deg, rgba(17, 27, 42, .96), rgba(24, 37, 55, .94)) !important;
    border-color: rgba(145, 169, 199, .17) !important;
    box-shadow: 0 14px 38px rgba(0, 0, 0, .2) !important;
}

html.bdn-dark-panels [class$="-card"] :is(h1, h2, h3, h4, h5, strong),
html.bdn-dark-panels [class*="-card "] :is(h1, h2, h3, h4, h5, strong),
html.bdn-dark-panels [class$="-panel"] :is(h1, h2, h3, h4, h5, strong),
html.bdn-dark-panels [class*="-panel "] :is(h1, h2, h3, h4, h5, strong) {
    color: #edf4ff !important;
}

html.bdn-dark-panels [class$="-card"] :is(p, small, label),
html.bdn-dark-panels [class*="-card "] :is(p, small, label),
html.bdn-dark-panels [class$="-panel"] :is(p, small, label),
html.bdn-dark-panels [class*="-panel "] :is(p, small, label) {
    color: #97a9bf !important;
}

html.bdn-dark-panels .card-header,
html.bdn-dark-panels .table-heading,
html.bdn-dark-panels .products-header,
html.bdn-dark-panels .recent-header,
html.bdn-dark-panels .report-card-header,
html.bdn-dark-panels .detail-header,
html.bdn-dark-panels .editor-header,
html.bdn-dark-panels .modal-header,
html.bdn-dark-panels .modal-footer,
html.bdn-dark-panels .detail-footer,
html.bdn-dark-panels .card-body,
html.bdn-dark-panels .modal-body,
html.bdn-dark-panels .form-body {
    color: #e4edf8 !important;
    background: rgba(18, 29, 45, .84) !important;
    border-color: rgba(145, 169, 199, .15) !important;
}

html.bdn-dark-panels .table-scroll,
html.bdn-dark-panels .table-wrapper,
html.bdn-dark-panels .users-table-wrapper,
html.bdn-dark-panels .cart-table-wrapper,
html.bdn-dark-panels table,
html.bdn-dark-panels tbody {
    color: #dce7f5 !important;
    background: #111b2a !important;
}

html.bdn-dark-panels table tbody tr,
html.bdn-dark-panels table tbody tr:nth-child(even) {
    color: #dce7f5 !important;
    background: #111b2a !important;
}

html.bdn-dark-panels table tbody tr:hover {
    background: #17263a !important;
}

html.bdn-dark-panels table td,
html.bdn-dark-panels table td > strong,
html.bdn-dark-panels table td a {
    color: #dbe7f5 !important;
}

html.bdn-dark-panels table td small {
    color: #879ab2 !important;
}

html.bdn-dark-panels .pagination,
html.bdn-dark-panels .table-footer {
    color: #91a4bc !important;
    background: #111b2a !important;
    border-color: rgba(145, 169, 199, .15) !important;
}

html.bdn-dark-panels .pagination button,
html.bdn-dark-panels .clear-button,
html.bdn-dark-panels .refresh-button {
    color: #d9e6f5 !important;
    background: #18263a !important;
    border-color: rgba(145, 169, 199, .2) !important;
}

html.bdn-dark-panels .summary-icon,
html.bdn-dark-panels .stat-icon,
html.bdn-dark-panels .metric-icon,
html.bdn-dark-panels .info-icon {
    border: 1px solid rgba(145, 169, 199, .16) !important;
}

html.bdn-dark-panels .summary-icon.blue,
html.bdn-dark-panels .stat-icon.blue {
    color: #68adff !important;
    background: rgba(49, 137, 255, .14) !important;
}

html.bdn-dark-panels .summary-icon.green,
html.bdn-dark-panels .stat-icon.green {
    color: #55d795 !important;
    background: rgba(47, 193, 119, .13) !important;
}

html.bdn-dark-panels .summary-icon.red,
html.bdn-dark-panels .stat-icon.red {
    color: #ff7884 !important;
    background: rgba(229, 69, 84, .14) !important;
}

html.bdn-dark-panels .summary-icon.orange,
html.bdn-dark-panels .stat-icon.orange {
    color: #ffb55b !important;
    background: rgba(232, 145, 38, .14) !important;
}

html.bdn-dark-panels .summary-icon.purple,
html.bdn-dark-panels .stat-icon.purple {
    color: #b79cff !important;
    background: rgba(132, 91, 224, .15) !important;
}

html.bdn-dark-panels .order-list,
html.bdn-dark-panels .order-list-item,
html.bdn-dark-panels .picking-item,
html.bdn-dark-panels .customer-panel,
html.bdn-dark-panels .reservation-list,
html.bdn-dark-panels .items-list,
html.bdn-dark-panels .order-item,
html.bdn-dark-panels .batch-card,
html.bdn-dark-panels .checkbox-card,
html.bdn-dark-panels .supplier-summary-item,
html.bdn-dark-panels .add-item,
html.bdn-dark-panels .form-section {
    color: #dce7f5 !important;
    background: #121d2d !important;
    border-color: rgba(145, 169, 199, .16) !important;
}

html.bdn-dark-panels .order-list-item:hover,
html.bdn-dark-panels .order-list-item.active,
html.bdn-dark-panels .picking-item:hover,
html.bdn-dark-panels .picking-item.active {
    background: #192a40 !important;
}

html.bdn-dark-panels .order-list-item :is(strong, span),
html.bdn-dark-panels .picking-item :is(strong, span),
html.bdn-dark-panels .customer-panel :is(strong, span),
html.bdn-dark-panels .reservation-list :is(strong, span) {
    color: #dce7f5 !important;
}

html.bdn-dark-panels .order-list-item small,
html.bdn-dark-panels .picking-item small,
html.bdn-dark-panels .customer-panel small,
html.bdn-dark-panels .reservation-list small {
    color: #8fa2ba !important;
}

html.bdn-dark-panels .page-indicator,
html.bdn-dark-panels .count-badge {
    color: #b9c9dc !important;
    background: #1a293d !important;
}

/* Fejléc: értesítés, súgó, chat és felhasználó */
html.bdn-dark-panels .notification-button,
html.bdn-dark-panels .user-icon-button,
html.bdn-dark-panels .chat-trigger,
html.bdn-dark-panels .bdn-theme-toggle {
    color: #aebed2 !important;
    background: rgba(255, 255, 255, .035) !important;
    border-color: rgba(145, 169, 199, .14) !important;
}

html.bdn-dark-panels .notification-button:hover,
html.bdn-dark-panels .user-icon-button:hover,
html.bdn-dark-panels .chat-trigger:hover,
html.bdn-dark-panels .bdn-theme-toggle:hover {
    color: #69adff !important;
    background: rgba(49, 137, 255, .13) !important;
}

html.bdn-dark-panels .notification-count,
html.bdn-dark-panels .chat-trigger > span {
    border-color: #101a29 !important;
}

html.bdn-dark-panels .user-information strong {
    color: #eaf2fc !important;
}

html.bdn-dark-panels .user-information small,
html.bdn-dark-panels .user-menu-trigger > svg {
    color: #8fa1b8 !important;
}

/* Értesítési és felhasználói lenyílók */
html.bdn-dark-panels .notification-dropdown,
html.bdn-dark-panels .user-dropdown,
html.bdn-dark-panels .notification-header,
html.bdn-dark-panels .notification-summary,
html.bdn-dark-panels .notification-item,
html.bdn-dark-panels .notification-footer,
html.bdn-dark-panels .more-notifications,
html.bdn-dark-panels .user-dropdown-header,
html.bdn-dark-panels .user-dropdown-footer {
    color: #dce7f5 !important;
    background: #111b2a !important;
    border-color: rgba(145, 169, 199, .16) !important;
}

html.bdn-dark-panels .notification-item:hover,
html.bdn-dark-panels .summary-item:hover,
html.bdn-dark-panels .user-dropdown-link:hover {
    background: #192a40 !important;
}

html.bdn-dark-panels .summary-item,
html.bdn-dark-panels .user-dropdown-link {
    color: #dce7f5 !important;
    background: #152235 !important;
    border-color: rgba(145, 169, 199, .15) !important;
}

html.bdn-dark-panels .notification-dropdown :is(h2, strong),
html.bdn-dark-panels .user-dropdown :is(h2, strong) {
    color: #e9f2fd !important;
}

html.bdn-dark-panels .notification-dropdown :is(span, small),
html.bdn-dark-panels .user-dropdown :is(span, small) {
    color: #92a5bc;
}

html.bdn-dark-panels .notification-dropdown .mark-all-button {
    color: #8dc7ff;
    background: #173453;
    border-color: #2a4d70;
}

html.bdn-dark-panels .notification-dropdown .mark-all-button:hover {
    color: #ffffff;
    background: #1d4268;
}

html.bdn-dark-panels .notification-dropdown .notification-item.unread {
    background: #15263a;
}

html.bdn-dark-panels .notification-dropdown .notification-item.unread:hover {
    background: #1a3049;
}

html.bdn-dark-panels .notification-dropdown .notification-item.read {
    opacity: .7;
}

/* Chat teljes sötét felülete */
html.bdn-dark-panels .chat-drawer,
html.bdn-dark-panels .chat-drawer > header,
html.bdn-dark-panels .people-pane,
html.bdn-dark-panels .people-pane > label,
html.bdn-dark-panels .conversation-pane,
html.bdn-dark-panels .conversation-header,
html.bdn-dark-panels .composer {
    color: #dce7f5 !important;
    background: #101a29 !important;
    border-color: rgba(145, 169, 199, .16) !important;
}

html.bdn-dark-panels .messages {
    background: linear-gradient(180deg, #0d1624, #101b2b) !important;
}

html.bdn-dark-panels .person:hover,
html.bdn-dark-panels .person.active {
    background: #1a2b42 !important;
}

html.bdn-dark-panels .person strong,
html.bdn-dark-panels .conversation-header strong,
html.bdn-dark-panels .chat-empty strong {
    color: #e7f0fb !important;
}

html.bdn-dark-panels .message:not(.mine) div {
    color: #dce7f5 !important;
    background: #18273b !important;
    border-color: rgba(145, 169, 199, .16) !important;
}

/* A szemantikus státuszszínek maradjanak jól felismerhetők. */
html.bdn-dark-panels .positive,
html.bdn-dark-panels .stock-available {
    color: #48d58d !important;
}

html.bdn-dark-panels .negative,
html.bdn-dark-panels .stock-empty {
    color: #ff737f !important;
}

html.bdn-dark-panels .type-in {
    color: #50d894 !important;
    background: rgba(39, 178, 108, .14) !important;
}

html.bdn-dark-panels .type-out {
    color: #ff7884 !important;
    background: rgba(224, 65, 82, .14) !important;
}

html.bdn-dark-panels .type-other {
    color: #a9bad0 !important;
    background: rgba(145, 169, 199, .12) !important;
}

/* Oldalspecifikus, nem "card" nevű világos konténerek */
html.bdn-dark-panels .stats > article,
html.bdn-dark-panels .cards > article,
html.bdn-dark-panels .grid > article,
html.bdn-dark-panels .toolbar,
html.bdn-dark-panels .filters,
html.bdn-dark-panels .results,
html.bdn-dark-panels .logs,
html.bdn-dark-panels .line-builder,
html.bdn-dark-panels .draft-table,
html.bdn-dark-panels .totals,
html.bdn-dark-panels .hint,
html.bdn-dark-panels .event-editor,
html.bdn-dark-panels .calendar-toolbar,
html.bdn-dark-panels .weekday-row,
html.bdn-dark-panels .day-cell,
html.bdn-dark-panels .notification-list,
html.bdn-dark-panels .state,
html.bdn-dark-panels .results > div {
    color: #dce7f5 !important;
    background: #121d2d !important;
    border-color: rgba(145, 169, 199, .16) !important;
}

html.bdn-dark-panels .day-cell:hover,
html.bdn-dark-panels .day-cell.outside {
    color: #9bacc1 !important;
    background: #17263a !important;
}

html.bdn-dark-panels .weekday-row span,
html.bdn-dark-panels .calendar-toolbar span,
html.bdn-dark-panels .stats span,
html.bdn-dark-panels .cards p,
html.bdn-dark-panels .grid p,
html.bdn-dark-panels .results p,
html.bdn-dark-panels .logs p {
    color: #91a4bc !important;
}

html.bdn-dark-panels .stats strong,
html.bdn-dark-panels .cards h2,
html.bdn-dark-panels .grid h2,
html.bdn-dark-panels .calendar-toolbar strong,
html.bdn-dark-panels .event-editor strong {
    color: #edf4ff !important;
}

html.bdn-dark-panels .calendar-toolbar button,
html.bdn-dark-panels .row-actions button,
html.bdn-dark-panels .close {
    color: #bfd0e5 !important;
    background: #1a293d !important;
    border-color: rgba(145, 169, 199, .18) !important;
}

html.bdn-dark-panels .search,
html.bdn-dark-panels .search-field,
html.bdn-dark-panels .date-field {
    color: #dce7f5 !important;
    background: transparent !important;
}

html.bdn-dark-panels .product-cell strong,
html.bdn-dark-panels .card-title h2,
html.bdn-dark-panels .table-heading h2 {
    color: #eaf2fc !important;
}

html.bdn-dark-panels .card-title p,
html.bdn-dark-panels .table-heading p,
html.bdn-dark-panels .product-cell small {
    color: #8fa2ba !important;
}

html.bdn-dark-panels table td strong.positive,
html.bdn-dark-panels table td .positive,
html.bdn-dark-panels .stats strong.positive {
    color: #48d58d !important;
}

html.bdn-dark-panels table td strong.negative,
html.bdn-dark-panels table td .negative,
html.bdn-dark-panels .stats strong.negative {
    color: #ff737f !important;
}

html.bdn-dark-panels .logout-button {
    color: #ff858e !important;
    background: transparent !important;
}

html.bdn-dark-panels .logout-button:hover {
    background: rgba(224, 65, 82, .13) !important;
}

html.bdn-dark-panels .chat-drawer header button {
    color: #aebed2 !important;
    background: #19283c !important;
}

html.bdn-dark-panels .avatar {
    color: #83bdff !important;
    background: #1b3555 !important;
}

html.bdn-dark-panels .avatar i {
    border-color: #101a29 !important;
}

html.bdn-dark-panels ::-webkit-scrollbar-track {
    background: #0e1725;
}

html.bdn-dark-panels ::-webkit-scrollbar-thumb {
    background: #334760;
    border-radius: 6px;
}

/* Képernyőnkénti utolsó dark-mode korrekciók */

/* Naptár – heti fejléc, órasáv és mai nap oszlopa */
html.bdn-dark-panels .week-calendar,
html.bdn-dark-panels .week-main,
html.bdn-dark-panels .week-head,
html.bdn-dark-panels .week-scroll,
html.bdn-dark-panels .time-column,
html.bdn-dark-panels .day-column,
html.bdn-dark-panels .hour-cell {
    color: #dbe7f5 !important;
    background: #111c2c !important;
    border-color: rgba(145, 169, 199, .17) !important;
}

html.bdn-dark-panels .week-head > span,
html.bdn-dark-panels .week-head button {
    color: #9fb1c7 !important;
    background: #152235 !important;
    border-color: rgba(145, 169, 199, .17) !important;
}

html.bdn-dark-panels .week-head button strong {
    color: #e8f1fc !important;
}

html.bdn-dark-panels .week-head button small,
html.bdn-dark-panels .time-column span {
    color: #8296af !important;
    border-color: rgba(145, 169, 199, .17) !important;
}

html.bdn-dark-panels .day-column.today {
    background: rgba(38, 103, 190, .13) !important;
}

html.bdn-dark-panels .hour-cell:hover {
    background: rgba(49, 137, 255, .12) !important;
}

html.bdn-dark-panels .week-event {
    color: #cce8ef !important;
    background: #1d4c59 !important;
}

html.bdn-dark-panels .week-event.type-1 {
    color: #d8ee9f !important;
    background: #33471d !important;
}

html.bdn-dark-panels .week-event.type-2 {
    color: #dacdff !important;
    background: #403465 !important;
}

html.bdn-dark-panels .week-event.type-3 {
    color: #f2d1c3 !important;
    background: #583b32 !important;
}

/* Leltározás – üres állapot és előzmények */
html.bdn-dark-panels .count-page .empty,
html.bdn-dark-panels .count-page .state,
html.bdn-dark-panels .count-page .count-head,
html.bdn-dark-panels .count-page .history article {
    color: #dce7f5 !important;
    background: linear-gradient(145deg, #111c2c, #172438) !important;
    border-color: rgba(145, 169, 199, .17) !important;
}

html.bdn-dark-panels .count-page .empty strong,
html.bdn-dark-panels .count-page .history strong,
html.bdn-dark-panels .count-page .history b {
    color: #eaf2fc !important;
}

html.bdn-dark-panels .count-page .empty p,
html.bdn-dark-panels .count-page .history span,
html.bdn-dark-panels .count-page .count-head :is(small, span) {
    color: #91a4bc !important;
}

/* Bevételezés – beszerzési rendelés és terméksor választó */
html.bdn-dark-panels .purchase-order-selector,
html.bdn-dark-panels .purchase-line-field,
html.bdn-dark-panels .order-line-summary,
html.bdn-dark-panels .selected-product,
html.bdn-dark-panels .receipt-number {
    color: #dce7f5 !important;
    background: #152235 !important;
    border-color: rgba(91, 157, 242, .24) !important;
}

html.bdn-dark-panels .purchase-order-selector small,
html.bdn-dark-panels .purchase-line-field small,
html.bdn-dark-panels .order-line-summary,
html.bdn-dark-panels .receipt-number span {
    color: #93a7bf !important;
}

html.bdn-dark-panels .order-line-summary strong,
html.bdn-dark-panels .receipt-number strong {
    color: #6eb1ff !important;
}

html.bdn-dark-panels .card-icon {
    color: #72b3ff !important;
    background: rgba(49, 137, 255, .14) !important;
    border-color: rgba(91, 157, 242, .24) !important;
}

/* Komissiózás – termékfejléc és foglalási sor */
html.bdn-dark-panels .picking-product,
html.bdn-dark-panels .product-heading,
html.bdn-dark-panels .reservation-row {
    color: #dce7f5 !important;
    background: #152235 !important;
    border-color: rgba(145, 169, 199, .17) !important;
}

html.bdn-dark-panels .product-heading strong,
html.bdn-dark-panels .reservation-row strong {
    color: #e9f2fd !important;
}

html.bdn-dark-panels .product-heading span,
html.bdn-dark-panels .reservation-row span {
    color: #91a4bc !important;
}

html.bdn-dark-panels .pick-quantity {
    background: rgba(39, 178, 108, .14) !important;
}

html.bdn-dark-panels .pick-quantity strong {
    color: #50d894 !important;
}

/* Dashboard KPI státusz-chipjeinek kontrasztja */
html.bdn-dark-panels .bdn-kpi-feature-footer strong,
html.bdn-dark-panels .bdn-kpi-simple-footer strong.positive {
    color: #43ca84 !important;
    background: rgba(39, 178, 108, .18) !important;
}

html.bdn-dark-panels .bdn-kpi-simple-footer strong.negative {
    color: #ff7b86 !important;
    background: rgba(224, 65, 82, .18) !important;
}

html.bdn-dark-panels .bdn-kpi-feature-footer strong b,
html.bdn-dark-panels .bdn-kpi-simple-footer strong b {
    color: inherit !important;
}

html.bdn-dark-panels .new-group-button {
    color: #77b7ff !important;
    background: #17283d !important;
    border-color: rgba(91, 157, 242, .24) !important;
}

html.bdn-dark-panels .new-group-button:hover {
    color: #dcebff !important;
    background: #1d3551 !important;
}

/* Dark státuszjelvények és műveleti sávok */
html.bdn-dark-panels .picking-page .status-badge.status-waiting {
    color: #74b6ff !important;
    background: rgba(49, 137, 255, .16) !important;
    border-color: rgba(91, 157, 242, .28) !important;
}

html.bdn-dark-panels .picking-page .status-badge.status-progress {
    color: #ffb65f !important;
    background: rgba(232, 145, 38, .16) !important;
    border-color: rgba(232, 145, 38, .28) !important;
}

html.bdn-dark-panels .picking-page .status-badge.status-completed {
    color: #52d997 !important;
    background: rgba(39, 178, 108, .16) !important;
    border-color: rgba(39, 178, 108, .28) !important;
}

html.bdn-dark-panels .supplier-footer {
    color: #b8c9dc !important;
    background: #101b2a !important;
    border-color: rgba(145, 169, 199, .16) !important;
}

html.bdn-dark-panels .supplier-footer a {
    color: #6eb1ff !important;
}

html.bdn-dark-panels .supplier-footer span {
    color: #8fa2ba !important;
}

html.bdn-dark-panels .supplier-footer button {
    color: #c9d8e9 !important;
    background: transparent !important;
}

html.bdn-dark-panels .active-toggle {
    color: #dce7f5 !important;
    background: #172438 !important;
    border-color: rgba(145, 169, 199, .17) !important;
}

html.bdn-dark-panels .active-toggle strong {
    color: #eaf2fc !important;
}

html.bdn-dark-panels .active-toggle small {
    color: #91a4bc !important;
}

html.bdn-dark-panels .editor-actions {
    background: transparent !important;
    border-color: rgba(145, 169, 199, .16) !important;
}

html.bdn-dark-panels .users-list-card .search-box {
    color: #dce7f5 !important;
    background: #0d1725 !important;
    border-color: rgba(145, 169, 199, .17) !important;
}

html.bdn-dark-panels .products-table .product-cell strong {
    color: #eaf2fc !important;
}

html.bdn-dark-panels .product-tags span {
    color: #a9bad0 !important;
    background: rgba(145, 169, 199, .13) !important;
}

html.bdn-dark-panels .product-tags .gluten-free-tag {
    color: #51d794 !important;
    background: rgba(39, 178, 108, .16) !important;
}

html.bdn-dark-panels .products-table .status-badge.status-active {
    color: #50d894 !important;
    background: rgba(39, 178, 108, .16) !important;
    border-color: rgba(39, 178, 108, .28) !important;
}

html.bdn-dark-panels .products-table .status-badge.status-inactive {
    color: #a8b9cf !important;
    background: rgba(145, 169, 199, .13) !important;
    border-color: rgba(145, 169, 199, .22) !important;
}

html.bdn-dark-panels .orders-table .channel-badge {
    color: #ffad65 !important;
    background: rgba(229, 111, 34, .16) !important;
    border-color: rgba(229, 111, 34, .28) !important;
}

html.bdn-dark-panels .orders-table .payment-paid,
html.bdn-dark-panels .orders-table .status-completed {
    color: #50d894 !important;
    background: rgba(39, 178, 108, .16) !important;
    border-color: rgba(39, 178, 108, .28) !important;
}

html.bdn-dark-panels .orders-table .payment-pending,
html.bdn-dark-panels .orders-table .status-new {
    color: #ffb65f !important;
    background: rgba(232, 145, 38, .16) !important;
    border-color: rgba(232, 145, 38, .28) !important;
}

html.bdn-dark-panels .orders-table .payment-refunded,
html.bdn-dark-panels .orders-table .status-cancelled {
    color: #a9bad0 !important;
    background: rgba(145, 169, 199, .13) !important;
    border-color: rgba(145, 169, 199, .22) !important;
}

html.bdn-dark-panels .orders-table .payment-failed {
    color: #ff7b86 !important;
    background: rgba(224, 65, 82, .16) !important;
    border-color: rgba(224, 65, 82, .28) !important;
}

html.bdn-dark-panels .orders-table .status-processing,
html.bdn-dark-panels .orders-table .status-reserved,
html.bdn-dark-panels .orders-table .status-picking {
    color: #74b6ff !important;
    background: rgba(49, 137, 255, .16) !important;
    border-color: rgba(91, 157, 242, .28) !important;
}

/* Rendelések – közvetlen jelvényfelülírás */
html.bdn-dark-panels .channel-badge {
    color: #ffad65 !important;
    background: rgba(229, 111, 34, .16) !important;
    border-color: rgba(229, 111, 34, .3) !important;
}

html.bdn-dark-panels .payment-status.payment-paid,
html.bdn-dark-panels .order-status.status-completed {
    color: #50d894 !important;
    background: rgba(39, 178, 108, .16) !important;
    border-color: rgba(39, 178, 108, .3) !important;
}

html.bdn-dark-panels .payment-status.payment-pending,
html.bdn-dark-panels .order-status.status-new {
    color: #ffb65f !important;
    background: rgba(232, 145, 38, .16) !important;
    border-color: rgba(232, 145, 38, .3) !important;
}

html.bdn-dark-panels .payment-status.payment-refunded,
html.bdn-dark-panels .order-status.status-cancelled {
    color: #a9bad0 !important;
    background: rgba(145, 169, 199, .13) !important;
    border-color: rgba(145, 169, 199, .25) !important;
}

html.bdn-dark-panels .payment-status.payment-failed {
    color: #ff7b86 !important;
    background: rgba(224, 65, 82, .16) !important;
    border-color: rgba(224, 65, 82, .3) !important;
}

html.bdn-dark-panels .order-status.status-processing,
html.bdn-dark-panels .order-status.status-reserved,
html.bdn-dark-panels .order-status.status-picking {
    color: #74b6ff !important;
    background: rgba(49, 137, 255, .16) !important;
    border-color: rgba(91, 157, 242, .3) !important;
}

/* Lejáratok */
html.bdn-dark-panels .expirations-page .stat-icon.danger,
html.bdn-dark-panels .expirations-page .stat-icon.red {
    color: #ff7884 !important;
    background: rgba(224, 65, 82, .16) !important;
    border-color: rgba(224, 65, 82, .3) !important;
}

html.bdn-dark-panels .expirations-page .stat-icon.orange {
    color: #ffb45b !important;
    background: rgba(232, 145, 38, .16) !important;
    border-color: rgba(232, 145, 38, .3) !important;
}

html.bdn-dark-panels .expirations-page .stat-icon.yellow {
    color: #f3d66a !important;
    background: rgba(209, 171, 35, .16) !important;
    border-color: rgba(209, 171, 35, .3) !important;
}

html.bdn-dark-panels .expiry-badge.badge-expired,
html.bdn-dark-panels .expiry-badge.badge-danger {
    color: #ff7884 !important;
    background: rgba(224, 65, 82, .16) !important;
    border-color: rgba(224, 65, 82, .3) !important;
}

html.bdn-dark-panels .expiry-badge.badge-warning {
    color: #ffb45b !important;
    background: rgba(232, 145, 38, .16) !important;
    border-color: rgba(232, 145, 38, .3) !important;
}

html.bdn-dark-panels .expiry-badge.badge-normal {
    color: #50d894 !important;
    background: rgba(39, 178, 108, .16) !important;
    border-color: rgba(39, 178, 108, .3) !important;
}

html.bdn-dark-panels .dispose-button {
    color: #ff858e !important;
    background: rgba(224, 65, 82, .14) !important;
    border-color: rgba(224, 65, 82, .28) !important;
}

html.bdn-dark-panels .dispose-button:disabled {
    color: #71849c !important;
    background: rgba(145, 169, 199, .08) !important;
    border-color: rgba(145, 169, 199, .16) !important;
}

/* Beszerzési rendelések */
html.bdn-dark-panels .purchase-page .status.s0,
html.bdn-dark-panels .purchase-page .status.s1,
html.bdn-dark-panels .purchase-page .status.s2 {
    color: #74b6ff !important;
    background: rgba(49, 137, 255, .16) !important;
    border: 1px solid rgba(91, 157, 242, .28) !important;
}

html.bdn-dark-panels .purchase-page .status.s3 {
    color: #50d894 !important;
    background: rgba(39, 178, 108, .16) !important;
    border: 1px solid rgba(39, 178, 108, .28) !important;
}

html.bdn-dark-panels .purchase-page .status.s4 {
    color: #ff7b86 !important;
    background: rgba(224, 65, 82, .16) !important;
    border: 1px solid rgba(224, 65, 82, .28) !important;
}

/* Jövedelmezőségi riport */
html.bdn-dark-panels .margin-badge.positive {
    color: #50d894 !important;
    background: rgba(39, 178, 108, .16) !important;
    border: 1px solid rgba(39, 178, 108, .28) !important;
}

html.bdn-dark-panels .margin-badge.negative {
    color: #ff7b86 !important;
    background: rgba(224, 65, 82, .16) !important;
    border: 1px solid rgba(224, 65, 82, .28) !important;
}

@media (max-width: 1180px) and (min-width: 651px) {
    body:has(.chat-drawer) .calendar-page .event-editor-drawer {
        right: 454px !important;
    }
}

@media (max-width: 650px) {
    .calendar-page .event-editor-drawer,
    body:has(.chat-drawer) .calendar-page .event-editor-drawer {
        inset: 0 !important;
        width: 100% !important;
        max-height: 100dvh !important;
        border-radius: 0 !important;
    }
}

/* Csomagolóanyagok – dark mód */
html.bdn-dark-panels .packaging-page { color: #edf5ff !important; }
html.bdn-dark-panels .packaging-page .packaging-item,
html.bdn-dark-panels .packaging-page .packaging-modal {
    color: #edf5ff !important;
    background: #121d2d !important;
    border-color: #26384f !important;
}
html.bdn-dark-panels .packaging-page .packaging-item:hover,
html.bdn-dark-panels .packaging-page .packaging-item.selected { background: #182840 !important; }
html.bdn-dark-panels .packaging-page .material-icon {
    color: #76b5ff !important;
    background: #17304f !important;
}
html.bdn-dark-panels .packaging-page input,
html.bdn-dark-panels .packaging-page select,
html.bdn-dark-panels .packaging-page textarea {
    color: #edf5ff !important;
    background: #0b1625 !important;
    border-color: #2a3d56 !important;
}
html.bdn-dark-panels .packaging-page .packaging-modal header,
html.bdn-dark-panels .packaging-page .packaging-modal footer,
html.bdn-dark-panels .packaging-page .card-header,
html.bdn-dark-panels .packaging-page td { border-color: #26384f !important; }
html.bdn-dark-panels .packaging-page .summary-card.packaging-cost strong { color: #ffad61 !important; }

/* Új rendelés modális ablak – dark mód kontraszt */
html.bdn-dark-panels .order-modal .modal-close {
    color: #c8d8eb !important;
    background: #1a293d !important;
    border-color: rgba(145, 169, 199, .24) !important;
}

html.bdn-dark-panels .order-modal .modal-close:hover {
    color: #ffffff !important;
    background: #223750 !important;
}

html.bdn-dark-panels .order-modal .section-heading > span {
    color: #7ab8ff !important;
    background: rgba(37, 132, 255, .15) !important;
    border-color: rgba(80, 157, 255, .34) !important;
}

html.bdn-dark-panels .order-modal .section-heading h3,
html.bdn-dark-panels .order-modal .cart-product-cell strong,
html.bdn-dark-panels .order-modal .order-summary strong {
    color: #eaf3ff !important;
}

html.bdn-dark-panels .order-modal .section-heading p,
html.bdn-dark-panels .order-modal .form-field label,
html.bdn-dark-panels .order-modal .order-summary span {
    color: #9eb0c7 !important;
}

html.bdn-dark-panels .order-modal .add-item-panel,
html.bdn-dark-panels .order-modal .order-summary {
    color: #eaf3ff !important;
    background: #101b2a !important;
    border-color: rgba(145, 169, 199, .2) !important;
}

html.bdn-dark-panels .order-modal .order-summary div {
    border-color: rgba(145, 169, 199, .18) !important;
}

html.bdn-dark-panels .order-modal .total-summary strong {
    color: #58db98 !important;
}

html.bdn-dark-panels .order-modal .remove-button {
    color: #ff858d !important;
    background: rgba(224, 65, 82, .16) !important;
    border-color: rgba(224, 65, 82, .34) !important;
}

/* Eredménykimutatás – öt KPI és az árbevétel kártya */
.profit-page .summary-grid {
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;
}

.profit-page .summary-card.revenue {
    color: #ffffff !important;
    background: linear-gradient(135deg, #2588ff, #0862db) !important;
    border-color: transparent !important;
}

.profit-page .summary-card.revenue > span,
.profit-page .summary-card.revenue > small {
    color: rgba(255, 255, 255, .78) !important;
}

.profit-page .summary-card.revenue > strong {
    color: #ffffff !important;
}

html.bdn-dark-panels .profit-page .summary-card.revenue {
    background: linear-gradient(135deg, #1678ed, #0755bf) !important;
}

/* Komissiózás lezárása – dark mód */
html.bdn-dark-panels .confirmation-modal h2,
html.bdn-dark-panels .confirmation-modal p strong,
html.bdn-dark-panels .confirmation-modal .confirmation-summary strong,
html.bdn-dark-panels .confirmation-modal .packaging-selection-heading strong,
html.bdn-dark-panels .confirmation-modal .packaging-choice strong {
    color: #edf5ff !important;
}

html.bdn-dark-panels .confirmation-modal p,
html.bdn-dark-panels .confirmation-modal .confirmation-summary span,
html.bdn-dark-panels .confirmation-modal .packaging-selection-heading span,
html.bdn-dark-panels .confirmation-modal .packaging-choice span,
html.bdn-dark-panels .confirmation-modal .packaging-empty {
    color: #9db0c8 !important;
}

html.bdn-dark-panels .confirmation-modal .confirmation-summary div,
html.bdn-dark-panels .confirmation-modal .packaging-selection {
    color: #e5eef9 !important;
    background: #101b2a !important;
    border-color: rgba(145, 169, 199, .2) !important;
}

html.bdn-dark-panels .confirmation-modal .packaging-choice {
    border-color: rgba(145, 169, 199, .16) !important;
}

html.bdn-dark-panels .confirmation-modal .packaging-quantity input {
    color: #edf5ff !important;
    background: #0a1523 !important;
    border-color: #2b405a !important;
}

html.bdn-dark-panels .confirmation-modal .confirmation-icon {
    color: #56da96 !important;
    background: rgba(39, 178, 108, .16) !important;
}

html.bdn-dark-panels .confirmation-modal .completion-error {
    color: #ff8992 !important;
    background: rgba(224, 65, 82, .14) !important;
    border-color: rgba(224, 65, 82, .3) !important;
}

/* Feladás / Fuvar – dark mód */
html.bdn-dark-panels .shipments-page .shipment-stats article,
html.bdn-dark-panels .shipments-page .shipment-list-item,
html.bdn-dark-panels .shipments-page .shipment-modal,
html.bdn-dark-panels .shipments-page .route-addresses,
html.bdn-dark-panels .shipments-page .shipment-info-grid article {
    color: #e7f0fb !important;
    background: #121d2d !important;
    border-color: rgba(145,169,199,.18) !important;
}
html.bdn-dark-panels .shipments-page .shipment-list-item:hover,
html.bdn-dark-panels .shipments-page .shipment-list-item.selected { background: #192a40 !important; }
html.bdn-dark-panels .shipments-page .route-panel,
html.bdn-dark-panels .shipments-page .route-visual { background: #0c1726 !important; border-color: #293b52 !important; }
html.bdn-dark-panels .shipments-page .route-visual::before,
html.bdn-dark-panels .shipments-page .route-visual::after { opacity: .35; }
html.bdn-dark-panels .shipments-page .shipment-actions,
html.bdn-dark-panels .shipments-page .panel-heading,
html.bdn-dark-panels .shipments-page .detail-heading,
html.bdn-dark-panels .shipments-page .shipment-info-grid,
html.bdn-dark-panels .shipments-page .shipment-modal header,
html.bdn-dark-panels .shipments-page .shipment-modal footer {
    color: #e7f0fb !important;
    background: #111c2b !important;
    border-color: rgba(145,169,199,.17) !important;
}
html.bdn-dark-panels .shipments-page :is(h1,h2,h3,strong) { color: #edf5ff !important; }
html.bdn-dark-panels .shipments-page :is(p,small,.list-customer,.list-footer) { color: #9cafc6 !important; }
html.bdn-dark-panels .shipments-page .maps-button { color: #7bb8ff !important; background: #17273b !important; border-color: #304760 !important; }
html.bdn-dark-panels .shipments-page .shipment-modal input,
html.bdn-dark-panels .shipments-page .shipment-modal select,
html.bdn-dark-panels .shipments-page .shipment-modal textarea { color:#edf5ff!important;background:#0a1523!important;border-color:#2b405a!important; }

/* Egységes, enyhén nagyobb tipográfia */
body {
    font-size: 15px;
}

.page-header h1,
.users-heading h1,
.password-page-heading h1,
.bdn-page-heading h1 {
    font-size: 32px !important;
}

.page-header p,
.users-heading p,
.password-page-heading p,
.bdn-page-heading p {
    font-size: 12px !important;
    line-height: 1.5 !important;
}

.page-eyebrow,
.eyebrow {
    font-size: 11px !important;
}

button,
input:not([type="checkbox"]):not([type="radio"]),
select,
textarea {
    font-size: 11.5px !important;
}

.form-field label,
.field label,
.form-group label,
.input-group label,
.select-field label,
.search-field label {
    font-size: 10.5px !important;
}

table {
    font-size: 11.5px !important;
}

table th {
    font-size: 10px !important;
}

table td {
    line-height: 1.4 !important;
}

.card-header h2,
.section-header h2,
.report-card-header h2,
.detail-header h2,
.editor-header h2,
.modal-header h2 {
    font-size: 16px !important;
}

.card-header p,
.card-header span,
.section-header p,
.section-header span,
.report-card-header span,
.detail-header > div > span,
.stat-card small,
.summary-card small {
    font-size: 10px !important;
    line-height: 1.4 !important;
}

.stat-card > div > span,
.summary-card > span,
.info-card > span,
.metric-card > span {
    font-size: 11px !important;
}

.stat-card > div > strong,
.summary-card > strong {
    font-size: 25px !important;
}

.status-badge,
.stock-state,
.movement-type,
.margin-badge {
    font-size: 9.5px !important;
}

.order-list-summary,
.order-customer,
.product-cell span,
.product-cell small,
.help-text,
.field-hint {
    font-size: 10px !important;
}

.stock-menu-label {
    font-size: 14px !important;
}

.chat-drawer > header strong { font-size: 16px !important; }
.chat-drawer > header small,
.conversation-header small,
.person small,
.message small { font-size: 10px !important; }
.person strong,
.message div,
.composer textarea { font-size: 13px !important; }

@media (max-width: 720px) {
    .page-header h1,
    .users-heading h1,
    .password-page-heading h1,
    .bdn-page-heading h1 { font-size: 27px !important; }

    input:not([type="checkbox"]):not([type="radio"]),
    select,
    textarea { font-size: 16px !important; }
}
/* Kiadáskezelő – teljes dark-mode felülírás (a komponens izolált CSS-én kívül). */
html.bdn-dark-panels .expenses-page {
    color: #edf5ff;
}

html.bdn-dark-panels .expenses-page .page-header p,
html.bdn-dark-panels .expenses-page .expense-summary span,
html.bdn-dark-panels .expenses-page .expense-summary small,
html.bdn-dark-panels .expenses-page .card-heading p,
html.bdn-dark-panels .expenses-page .form-heading p,
html.bdn-dark-panels .expenses-page td small,
html.bdn-dark-panels .expenses-page .muted {
    color: #93a6bf !important;
}

html.bdn-dark-panels .expenses-page .expense-summary article,
html.bdn-dark-panels .expenses-page .expense-toolbar,
html.bdn-dark-panels .expenses-page .expense-list-card,
html.bdn-dark-panels .expenses-page .expense-form-card {
    color: #eaf3ff !important;
    background: linear-gradient(145deg, rgba(16, 29, 46, .96), rgba(23, 38, 58, .94)) !important;
    border-color: rgba(142, 170, 205, .2) !important;
    box-shadow: 0 16px 38px rgba(0, 0, 0, .18) !important;
}

html.bdn-dark-panels .expenses-page .expense-summary article::after {
    background: rgba(48, 91, 143, .24) !important;
}

html.bdn-dark-panels .expenses-page .expense-summary strong,
html.bdn-dark-panels .expenses-page .card-heading h2,
html.bdn-dark-panels .expenses-page .form-heading h2,
html.bdn-dark-panels .expenses-page td strong,
html.bdn-dark-panels .expenses-page .calculated-row strong {
    color: #f1f7ff !important;
}

html.bdn-dark-panels .expenses-page .expense-toolbar input,
html.bdn-dark-panels .expenses-page .expense-toolbar select,
html.bdn-dark-panels .expenses-page .expense-form input,
html.bdn-dark-panels .expenses-page .expense-form select,
html.bdn-dark-panels .expenses-page .expense-form textarea {
    color: #e7f1ff !important;
    background: #091728 !important;
    border-color: #2a4361 !important;
}

html.bdn-dark-panels .expenses-page .card-heading,
html.bdn-dark-panels .expenses-page .form-heading,
html.bdn-dark-panels .expenses-page .expense-form-card footer,
html.bdn-dark-panels .expenses-page th,
html.bdn-dark-panels .expenses-page td {
    border-color: rgba(142, 170, 205, .17) !important;
}

html.bdn-dark-panels .expenses-page th {
    color: #a9bad0 !important;
    background: #17263a !important;
}

html.bdn-dark-panels .expenses-page .calculated-row {
    color: #91a4bd !important;
    background: #0b192a !important;
}

html.bdn-dark-panels .expenses-page .row-action,
html.bdn-dark-panels .expenses-page .secondary-button {
    color: #d9e7fa !important;
    background: #172940 !important;
    border-color: #304966 !important;
}

html.bdn-dark-panels .expenses-page .recurrence-badge {
    color: #a9d4ff !important;
    background: #173657 !important;
}

html.bdn-dark-panels .expenses-page .page-message.success {
    color: #8be2b7 !important;
    background: rgba(20, 117, 77, .22) !important;
    border: 1px solid rgba(68, 197, 137, .25);
}

html.bdn-dark-panels .expenses-page .archive-button {
    color: #ffabb6 !important;
    background: rgba(148, 34, 52, .2) !important;
    border-color: rgba(239, 98, 117, .3) !important;
}
/* Pénzügyi modul dark mode */
html.bdn-dark-panels .finance-page{color:#eef5ff}
html.bdn-dark-panels .finance-page .finance-kpis article,
html.bdn-dark-panels .finance-page .finance-toolbar,
html.bdn-dark-panels .finance-page .document-card,
html.bdn-dark-panels .finance-page .detail-card,
html.bdn-dark-panels .finance-modal{color:#eaf3ff!important;background:linear-gradient(145deg,rgba(16,29,46,.96),rgba(23,38,58,.94))!important;border-color:rgba(142,170,205,.2)!important;box-shadow:0 16px 38px rgba(0,0,0,.18)!important}
html.bdn-dark-panels .finance-page .finance-kpis strong,
html.bdn-dark-panels .finance-page .card-title h2,
html.bdn-dark-panels .finance-modal h2{color:#f1f7ff!important}
html.bdn-dark-panels .finance-page .finance-kpis span,
html.bdn-dark-panels .finance-page .finance-kpis small,
html.bdn-dark-panels .finance-page .card-title p,
html.bdn-dark-panels .finance-page td small{color:#93a6bf!important}
html.bdn-dark-panels .finance-page .card-title,
html.bdn-dark-panels .finance-page th,
html.bdn-dark-panels .finance-page td,
html.bdn-dark-panels .finance-page .transaction,
html.bdn-dark-panels .finance-modal header,
html.bdn-dark-panels .finance-modal footer{border-color:rgba(142,170,205,.17)!important}
html.bdn-dark-panels .finance-page th{color:#a9bad0!important;background:#17263a!important}
html.bdn-dark-panels .finance-page tr.overdue{background:rgba(135,37,52,.12)!important}
html.bdn-dark-panels .finance-page .detail-body dl div{background:#0b192a!important}
html.bdn-dark-panels .finance-page .detail-body dd{color:#edf5ff!important}
html.bdn-dark-panels .finance-page .row-button,
html.bdn-dark-panels .finance-page .secondary-button{color:#d9e7fa!important;background:#172940!important;border-color:#304966!important}
html.bdn-dark-panels .finance-modal .form-body input,
html.bdn-dark-panels .finance-modal .form-body select,
html.bdn-dark-panels .finance-modal .form-body textarea{color:#e7f1ff!important;background:#091728!important;border-color:#2a4361!important}
html.bdn-dark-panels .stock-brand-image{filter:invert(1) brightness(1.15) drop-shadow(0 5px 12px rgba(30,133,230,.2))}
html.bdn-dark-panels .chat-logo img{filter:none}

/* Chat görgetés és emoji-választó – dark mód */
html.bdn-dark-panels .chat-drawer .people-pane,
html.bdn-dark-panels .chat-drawer .conversation-pane,
html.bdn-dark-panels .chat-drawer .messages,
html.bdn-dark-panels .chat-drawer .composer {
    scrollbar-color: #40546d #101d2d;
}

html.bdn-dark-panels .chat-drawer .composer {
    background: #101d2d;
    border-color: #263a52;
}

html.bdn-dark-panels .chat-drawer .composer textarea {
    color: #edf5ff !important;
    background: #0b1726 !important;
    border-color: #2a405a !important;
}

html.bdn-dark-panels .chat-drawer .composer textarea::placeholder {
    color: #8496ad !important;
}

html.bdn-dark-panels .chat-drawer .emoji-toggle {
    color: #d5e2f2 !important;
    background: #17283d !important;
    border-color: #2d4662 !important;
}

html.bdn-dark-panels .chat-drawer .emoji-toggle:hover {
    color: #fff !important;
    background: #213b59 !important;
}

html.bdn-dark-panels .chat-drawer .emoji-picker {
    color: #fff;
    background: #132236;
    border-color: #2a405a;
    box-shadow: 0 20px 55px rgba(0,0,0,.48);
}

html.bdn-dark-panels .chat-drawer .emoji-picker button {
    color: #fff;
}

html.bdn-dark-panels .chat-drawer .emoji-picker button:hover {
    background: #203650;
}

/* Egységes, jól olvasható oldal-szintű műveleti gombok */
.bdn-page-action {
    min-height: 44px !important;
    padding: 0 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border-radius: 12px !important;
    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important;
}

.bdn-page-action-wide {
    min-width: 190px !important;
}

.bdn-page-action-primary {
    min-width: 150px;
    color: #fff !important;
    background: linear-gradient(135deg, #278cff 0%, #0968e7 100%) !important;
    border: 1px solid rgba(7, 94, 204, .28) !important;
    box-shadow: 0 10px 24px rgba(20, 113, 239, .24) !important;
}

.bdn-page-action-secondary {
    min-width: 108px;
    color: #29425f !important;
    background: rgba(255, 255, 255, .86) !important;
    border: 1px solid #cbd8e7 !important;
    box-shadow: 0 7px 17px rgba(30, 64, 105, .08) !important;
}

.bdn-page-action:hover:not(:disabled) {
    transform: translateY(-1px);
}

.bdn-page-action-primary:hover:not(:disabled) {
    box-shadow: 0 13px 28px rgba(20, 113, 239, .32) !important;
}

.bdn-page-action-secondary:hover:not(:disabled) {
    color: #0968e7 !important;
    background: #fff !important;
    border-color: #9fc3f3 !important;
}

.bdn-page-action:disabled {
    opacity: .62;
    cursor: not-allowed;
}

html.bdn-dark-panels .bdn-page-action-secondary {
    color: #dce9f9 !important;
    background: #16263a !important;
    border-color: #304963 !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .18) !important;
}

html.bdn-dark-panels .bdn-page-action-secondary:hover:not(:disabled) {
    color: #fff !important;
    background: #1d314a !important;
    border-color: #47709b !important;
}

@media (max-width: 700px) {
    .bdn-page-action,
    .bdn-page-action-wide {
        width: 100% !important;
        min-width: 0 !important;
    }
}

/* Olvashatósági minimumok: formok, listák és táblázatok */
.bdn-content input,
.bdn-content select,
.bdn-content textarea,
.bdn-content button,
.bdn-content label,
.bdn-content td {
    font-size: max(12px, .75rem) !important;
}

.bdn-content th,
.bdn-content small,
.bdn-content .table-subtext,
.bdn-content .eyebrow,
.bdn-content [class*="subtext"],
.bdn-content [class*="helper"] {
    font-size: max(10px, .625rem) !important;
    line-height: 1.45 !important;
}

.bdn-content input,
.bdn-content select {
    min-height: 42px;
}

.bdn-content textarea {
    line-height: 1.5;
}

.bdn-content table {
    line-height: 1.4;
}

/* Beállítások / adatbázis-mentések */
.backup-panel{margin-bottom:18px}.backup-panel>header>button{margin-left:auto}.backup-icon{color:#7134c8!important;background:#f1eaff!important}.backup-settings-grid{padding:18px 20px;display:grid;grid-template-columns:minmax(250px,.8fr) minmax(340px,1.4fr) 130px 150px auto;gap:12px;align-items:end;border-bottom:1px solid #e5ecf4}.backup-settings-grid>label{display:flex;flex-direction:column;gap:7px}.backup-settings-grid>label>span{color:#52637a;font-weight:750}.backup-settings-grid input[type=number],.backup-settings-grid .folder-field input{width:100%;height:44px;padding:0 12px;box-sizing:border-box;color:#20344c;background:#fbfdff;border:1px solid #cfdae7;border-radius:10px}.backup-toggle{min-height:44px;display:flex!important;align-items:center;flex-direction:row!important;padding:0 13px;background:#f6f9fd;border:1px solid #dae5f0;border-radius:11px}.backup-toggle input{width:18px;height:18px;accent-color:#1677ff}.backup-toggle span{display:flex;flex-direction:column;gap:3px}.backup-toggle strong{color:#263a53}.backup-toggle small{color:#8290a3}.suffix-input{position:relative}.suffix-input input{padding-right:45px!important}.suffix-input b{position:absolute;right:13px;top:50%;color:#7d8b9e;transform:translateY(-50%)}.backup-list-heading{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5ecf4}.backup-list-heading h3{margin:0 0 4px;font-size:16px}.backup-list-heading span{color:#7e8da0}.backup-list-heading button{min-height:38px;padding:0 12px;color:#41546d;background:#fff;border:1px solid #d3deea;border-radius:9px}.backup-table-wrap{overflow:auto}.backup-table-wrap table{width:100%;min-width:850px;border-collapse:collapse}.backup-table-wrap th,.backup-table-wrap td{padding:13px 18px;text-align:left;border-bottom:1px solid #e7edf4}.backup-table-wrap th{color:#708096;background:#f7faff;text-transform:uppercase}.backup-table-wrap td{color:#334860}.backup-table-wrap td>strong,.backup-table-wrap td>small{display:block}.backup-table-wrap td>small{margin-top:4px;color:#8391a3}.backup-actions{display:flex;gap:7px}.backup-actions a,.backup-actions button{min-height:36px;padding:0 11px;display:inline-flex;align-items:center;color:#126ed4;background:#edf6ff;border:1px solid #c9dff7;border-radius:8px;font:inherit;font-weight:750;text-decoration:none;cursor:pointer}.backup-actions .danger{color:#bd2937;background:#fff0f2;border-color:#f2c8ce}.backup-empty{min-height:145px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:#8290a3}.backup-empty b{font-size:28px;color:#8bb5e7}.backup-empty strong{color:#334860}.backup-warning{margin:14px 20px 18px;padding:12px 14px;display:flex;gap:10px;align-items:center;color:#865115;background:#fff7e9;border:1px solid #f0d8ad;border-radius:11px}.backup-warning b{width:24px;height:24px;display:grid;place-items:center;flex:0 0 24px;color:#fff;background:#d48617;border-radius:50%}.backup-warning span{line-height:1.5}
html.bdn-dark-panels .backup-settings-grid,html.bdn-dark-panels .backup-list-heading,html.bdn-dark-panels .backup-table-wrap th,html.bdn-dark-panels .backup-table-wrap td{border-color:#293d55}html.bdn-dark-panels .backup-toggle,html.bdn-dark-panels .backup-table-wrap th{background:#0e1c2e;border-color:#2a3d55}html.bdn-dark-panels .backup-toggle strong,html.bdn-dark-panels .backup-list-heading h3,html.bdn-dark-panels .backup-table-wrap td{color:#eaf3ff}html.bdn-dark-panels .backup-settings-grid>label>span{color:#b6c5d7}html.bdn-dark-panels .backup-settings-grid input{color:#edf5ff;background:#0c1828;border-color:#30435a}html.bdn-dark-panels .backup-warning{color:#f1c981;background:#2d2415;border-color:#5b4726}html.bdn-dark-panels .backup-list-heading button{color:#dce9f9;background:#172940;border-color:#304966}
@media(max-width:1250px){.backup-settings-grid{grid-template-columns:1fr 1.5fr 1fr}.backup-settings-grid>button{width:100%}}
@media(max-width:650px){.backup-settings-grid{grid-template-columns:1fr}.backup-panel>header{align-items:flex-start!important;flex-wrap:wrap}.backup-panel>header>button{width:100%;margin-left:0}.backup-actions{flex-wrap:wrap}}
/* PDF dokumentumok */
.order-documents-card{display:flex;flex-direction:column;gap:10px}.document-card-heading{display:flex;align-items:center;gap:11px;margin-bottom:3px}.document-card-heading>span{width:39px;height:39px;display:grid;place-items:center;color:#1674f5;background:#eaf3ff;border:1px solid #cfe2fb;border-radius:11px;font-size:10px;font-weight:900;letter-spacing:.06em}.document-card-heading h2{margin:0;font-size:15px}.document-card-heading p{margin:3px 0 0;color:#7b8ba0;font-size:10px}.document-download{min-height:57px;padding:10px 11px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;color:#172942;text-decoration:none;background:#f8fbff;border:1px solid #dce7f3;border-radius:11px;transition:.18s ease}.document-download:hover{border-color:#86b9f5;background:#f0f7ff;transform:translateY(-1px)}.document-download>span{width:34px;height:34px;display:grid;place-items:center;color:#1674f5;background:#e6f1ff;border-radius:9px;font-size:17px}.document-download div{display:flex;flex-direction:column;gap:2px}.document-download strong{font-size:11px}.document-download small{color:#8291a4;font-size:9px}.document-download b{color:#1674f5;font-size:9px}.inline-document-actions{margin-right:auto;display:flex;align-items:center;gap:8px}.pdf-action{min-height:39px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;color:#176bd4;text-decoration:none;background:#edf6ff;border:1px solid #c9dff7;border-radius:10px;font-size:10px;font-weight:800;white-space:nowrap}.pdf-action:hover{color:#fff;background:#1674f5;border-color:#1674f5}.shipment-actions .pdf-action:first-child{margin-left:0}.shipment-actions .pdf-action:nth-child(2){margin-right:auto}html.bdn-dark-panels .order-documents-card,html.bdn-dark-panels .document-download{color:#e8f1ff;background:#142236;border-color:#2a3b52}html.bdn-dark-panels .document-download:hover{background:#1b2d45;border-color:#4387d5}html.bdn-dark-panels .document-download strong{color:#f4f8ff}html.bdn-dark-panels .document-download small,html.bdn-dark-panels .document-card-heading p{color:#9caec4}html.bdn-dark-panels .pdf-action{color:#8fc5ff;background:#14273f;border-color:#31577f}@media(max-width:650px){.inline-document-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.shipment-actions .pdf-action:nth-child(2){margin-right:0}.document-download{grid-template-columns:34px 1fr}}

/* Egységes mobilnézet az üzleti felületekhez */
@media (max-width: 720px) {
    html,body { max-width:100%;overflow-x:hidden; }
    body { -webkit-text-size-adjust:100%; }

    .bdn-content [class$="-page"],
    .bdn-content [class*="-page "] { padding: 10px 0 !important; }

    .bdn-content .page-header,
    .bdn-content .bdn-page-heading,
    .bdn-content .users-heading {
        margin-bottom: 15px !important;
        align-items: stretch !important;
        flex-direction: column !important;
        gap: 12px !important;
    }
    .bdn-content .page-header h1,
    .bdn-content .bdn-page-heading h1,
    .bdn-content .users-heading h1 { font-size:25px !important;line-height:1.15 !important; }
    .bdn-content .page-header p { font-size:12px !important;line-height:1.5 !important; }
    .bdn-content .header-actions { width:100%;display:grid !important;grid-template-columns:1fr !important; }

    .bdn-content button,
    .bdn-content a[class*="button"],
    .bdn-content .pdf-action { min-height:44px; }

    .bdn-content .summary-grid,
    .bdn-content [class$="-summary"],
    .bdn-content [class$="-stats"],
    .bdn-content [class$="-kpis"],
    .bdn-content [class$="-summary-grid"] {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        gap: 10px !important;
    }
    .bdn-content .summary-card,
    .bdn-content [class$="-summary"]>article,
    .bdn-content [class$="-stats"]>article,
    .bdn-content [class$="-kpis"]>article { min-width:0;min-height:92px;padding:14px !important; }

    .bdn-content .filter-card,
    .bdn-content [class$="-toolbar"],
    .bdn-content [class$="-filters"] {
        grid-template-columns:1fr !important;
        flex-direction:column !important;
        align-items:stretch !important;
        gap:9px !important;
    }
    .bdn-content [class$="-toolbar"]>* { width:100%; }

    .bdn-content .table-scroll,
    .bdn-content .table-wrapper,
    .bdn-content .table-card,
    .bdn-content section:has(>table) {
        max-width:100%;
        overflow-x:auto !important;
        overscroll-behavior-inline:contain;
        -webkit-overflow-scrolling:touch;
    }
    .bdn-content table { font-size:12px; }
    .bdn-content th { white-space:nowrap; }
    .bdn-content td { min-height:44px; }

    .bdn-content .modal-backdrop { padding:0 !important;align-items:end !important; }
    .bdn-content [class$="-modal"] {
        width:100% !important;
        max-width:none !important;
        max-height:94dvh !important;
        overflow-y:auto !important;
        border-radius:18px 18px 0 0 !important;
    }
    .bdn-content [class$="-modal"] footer { position:sticky;bottom:0;background:inherit; }

    .bdn-content .form-row { grid-template-columns:1fr !important; }
    .bdn-content .pagination { align-items:stretch !important;flex-direction:column !important;gap:10px !important; }
    .bdn-content .pagination>div { width:100%;display:grid;grid-template-columns:1fr 1fr; }

    .chat-trigger { width:44px;height:44px; }
}

@media (max-width: 430px) {
    .bdn-content .summary-grid,
    .bdn-content [class$="-summary"],
    .bdn-content [class$="-stats"],
    .bdn-content [class$="-kpis"],
    .bdn-content [class$="-summary-grid"] { grid-template-columns:1fr !important; }
}
/* Globális kereső típusjelvényei dark módban */
html.bdn-dark-panels .bdn-result-type { color:#8fc4ff !important; background:#17304d !important; }
html.bdn-dark-panels .search-type-order .bdn-result-type { color:#c0aaff !important; background:#302657 !important; }
html.bdn-dark-panels .search-type-purchase .bdn-result-type { color:#ffc376 !important; background:#46331f !important; }
html.bdn-dark-panels .search-type-receipt .bdn-result-type { color:#74dfae !important; background:#183d32 !important; }
html.bdn-dark-panels .search-type-lot .bdn-result-type { color:#79dce2 !important; background:#173b40 !important; }
html.bdn-dark-panels .search-type-supplier .bdn-result-type { color:#f1ce6d !important; background:#40371f !important; }
html.bdn-dark-panels .search-type-customer .bdn-result-type { color:#f4a2ca !important; background:#48263a !important; }
html.bdn-dark-panels .search-type-packaging .bdn-result-type { color:#83d2fa !important; background:#17374a !important; }
html.bdn-dark-panels .search-type-expense .bdn-result-type { color:#ff9da5 !important; background:#48252b !important; }

/* Termék- és beszállítóoldal: teljes kontraszt sötét témában. */
html.bdn-dark-panels .products-page,
html.bdn-dark-panels .suppliers-page{color:#edf5ff!important}
html.bdn-dark-panels .products-page .page-subtitle,
html.bdn-dark-panels .suppliers-page .page-subtitle,
html.bdn-dark-panels .products-page small,
html.bdn-dark-panels .suppliers-page small,
html.bdn-dark-panels .suppliers-page dt{color:#9fb0c7!important}
html.bdn-dark-panels .products-page .filter-card,
html.bdn-dark-panels .products-page .products-card,
html.bdn-dark-panels .suppliers-page .filter-card,
html.bdn-dark-panels .suppliers-page .suppliers-card,
html.bdn-dark-panels .suppliers-page .stat-card,
html.bdn-dark-panels .suppliers-page .supplier-card,
html.bdn-dark-panels .suppliers-page .supplier-modal{background:#111f32!important;border-color:#29415e!important;color:#edf5ff!important;box-shadow:0 18px 42px rgba(0,0,0,.25)!important}
html.bdn-dark-panels .products-page input,
html.bdn-dark-panels .products-page select,
html.bdn-dark-panels .suppliers-page input,
html.bdn-dark-panels .suppliers-page select,
html.bdn-dark-panels .suppliers-page textarea{background:#091626!important;border-color:#29415e!important;color:#edf5ff!important}
html.bdn-dark-panels .products-page input::placeholder,
html.bdn-dark-panels .suppliers-page input::placeholder,
html.bdn-dark-panels .suppliers-page textarea::placeholder{color:#71849d!important}
html.bdn-dark-panels .products-page .card-heading,
html.bdn-dark-panels .products-page thead,
html.bdn-dark-panels .products-page th,
html.bdn-dark-panels .products-page td,
html.bdn-dark-panels .suppliers-page .card-heading,
html.bdn-dark-panels .suppliers-page .supplier-heading,
html.bdn-dark-panels .suppliers-page .supplier-footer{background:#14243a!important;border-color:#29415e!important;color:#edf5ff!important}
html.bdn-dark-panels .products-page tbody tr,
html.bdn-dark-panels .suppliers-page .supplier-details{background:#111f32!important;border-color:#29415e!important}
html.bdn-dark-panels .products-page tbody tr:hover{background:#172b45!important}
html.bdn-dark-panels .products-page strong,
html.bdn-dark-panels .products-page a,
html.bdn-dark-panels .suppliers-page strong,
html.bdn-dark-panels .suppliers-page dd{color:#edf5ff!important}
html.bdn-dark-panels .products-page .product-avatar,
html.bdn-dark-panels .suppliers-page .supplier-avatar{background:#eaf3ff!important;color:#1269e7!important}