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);
}

body:has(.product-modal) {
    overflow: hidden;
}

.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: min(var(--bdn-dashboard-background-intensity, 1), 1);
    filter: blur(3px) saturate(max(1, var(--bdn-dashboard-background-intensity, 1))) brightness(max(1, var(--bdn-dashboard-background-intensity, 1)));
}

.bdn-dashboard::before {
    top: 4%;
    left: 23%;
    width: min(62vw, 980px);
    height: min(62vw, 980px);
    background:
        radial-gradient(circle at 28% 48%,
            color-mix(in srgb, var(--bdn-dashboard-color-1, #5393ff) 58%, transparent) 0%,
            color-mix(in srgb, var(--bdn-dashboard-color-1, #5393ff) 25%, transparent) 28%,
            transparent 58%),
        radial-gradient(circle at 68% 38%,
            color-mix(in srgb, var(--bdn-dashboard-color-2, #5c6af5) 56%, transparent) 0%,
            color-mix(in srgb, var(--bdn-dashboard-color-2, #5c6af5) 22%, transparent) 31%,
            transparent 61%),
        radial-gradient(circle at 52% 73%,
            color-mix(in srgb, var(--bdn-dashboard-color-3, #cd66e1) 52%, transparent) 0%,
            color-mix(in srgb, var(--bdn-dashboard-color-3, #cd66e1) 20%, transparent) 30%,
            transparent 60%);
    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 38% 45%,
            color-mix(in srgb, var(--bdn-dashboard-color-1, #5393ff) 42%, transparent) 0%,
            transparent 58%),
        radial-gradient(circle at 67% 55%,
            color-mix(in srgb, var(--bdn-dashboard-color-3, #cd66e1) 38%, transparent) 0%,
            transparent 61%);
    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: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

/* A hĂˇttĂ©rszĂ­n-elĹ‘nĂ©zet ugyanazt a hĂˇrom szĂ­nfoltot hasznĂˇlja, mint a tĂ©nyleges felĂĽlet. */
.appearance-page .preview::before {
    inset: -22% !important;
    width: auto !important;
    height: auto !important;
    background:
        radial-gradient(circle at 28% 48%,
            color-mix(in srgb, var(--p1) 58%, transparent) 0%,
            color-mix(in srgb, var(--p1) 25%, transparent) 28%,
            transparent 55%),
        radial-gradient(circle at 68% 38%,
            color-mix(in srgb, var(--p2) 56%, transparent) 0%,
            color-mix(in srgb, var(--p2) 22%, transparent) 31%,
            transparent 58%),
        radial-gradient(circle at 52% 73%,
            color-mix(in srgb, var(--p3) 52%, transparent) 0%,
            color-mix(in srgb, var(--p3) 20%, transparent) 30%,
            transparent 57%) !important;
    filter: blur(8px) brightness(var(--preview-brightness, 1)) !important;
}

.appearance-page .preview::after {
    display: none !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 28% 48%,
            color-mix(in srgb, var(--bdn-dashboard-color-1, #463dd2) 62%, transparent) 0%,
            color-mix(in srgb, var(--bdn-dashboard-color-1, #463dd2) 27%, transparent) 29%,
            transparent 58%),
        radial-gradient(circle at 68% 38%,
            color-mix(in srgb, var(--bdn-dashboard-color-2, #9b36ca) 60%, transparent) 0%,
            color-mix(in srgb, var(--bdn-dashboard-color-2, #9b36ca) 25%, transparent) 31%,
            transparent 61%),
        radial-gradient(circle at 52% 73%,
            color-mix(in srgb, var(--bdn-dashboard-color-3, #e03b80) 56%, transparent) 0%,
            color-mix(in srgb, var(--bdn-dashboard-color-3, #e03b80) 23%, transparent) 30%,
            transparent 60%) !important;
    filter: blur(7px) saturate(max(1.2, var(--bdn-dashboard-background-intensity, 1))) brightness(max(1, var(--bdn-dashboard-background-intensity, 1)));
    opacity: min(var(--bdn-dashboard-background-intensity, 1), 1);
}

html.bdn-dark-panels .bdn-dashboard::after {
    background:
        radial-gradient(circle at 38% 45%,
            color-mix(in srgb, var(--bdn-dashboard-color-1, #463dd2) 48%, transparent) 0%,
            transparent 58%),
        radial-gradient(circle at 67% 55%,
            color-mix(in srgb, var(--bdn-dashboard-color-3, #e03b80) 43%, transparent) 0%,
            transparent 61%) !important;
    filter: blur(8px) saturate(max(1.15, var(--bdn-dashboard-background-intensity, 1))) brightness(max(1, var(--bdn-dashboard-background-intensity, 1)));
    opacity: min(var(--bdn-dashboard-background-intensity, 1), 1);
}

html.bdn-dark-panels .bdn-dashboard {
    color: #e8f0fb !important;
}

/* SzemĂ©lyes hĂˇttĂ©rszerkesztĹ‘: szĂ­nvĂˇlasztĂłk Ă©s mobil Ă©rintĂ©si mĂ©retek. */
.appearance-page .preview::before{background:radial-gradient(circle,var(--p3) 0,var(--p2) 46%,transparent 70%)!important;filter:blur(8px) brightness(var(--preview-brightness,1))!important}.appearance-page .preview::after{background:radial-gradient(circle,var(--p1) 0,var(--p2) 48%,transparent 70%)!important;filter:blur(8px) brightness(var(--preview-brightness,1))!important}.appearance-page .control .intensity-range{width:100%;height:32px;margin:20px 0 7px;accent-color:#1680ff}.appearance-page .color-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px}.appearance-page .color-row label{min-width:0;display:flex;align-items:center;gap:8px;padding:9px;border:1px solid #d8e4f1;border-radius:12px;color:#627590;font-size:.7rem;font-weight:800}.appearance-page .color-row input{width:38px!important;height:38px!important;flex:0 0 38px;padding:2px!important;margin:0!important;border:0;border-radius:9px;background:transparent;cursor:pointer}html.bdn-dark-panels .appearance-page .color-row label{border-color:#304760;color:#aabbd0}@media(max-width:760px){.appearance-page{padding-bottom:125px!important}.appearance-page .color-row{gap:6px}.appearance-page .color-row label{flex-direction:column;padding:8px 3px;text-align:center}.appearance-page .color-row input{width:54px!important;height:46px!important}.appearance-page .control .intensity-range{height:42px}}

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 .user-avatar,
html.bdn-dark-panels .user-dropdown-header .dropdown-avatar {
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
    aspect-ratio: 1 !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #38c6ff, #2563eb, #8b5cf6, #38c6ff) !important;
    background-size: 260% 260% !important;
    border-color: rgba(147, 197, 253, .42) !important;
    box-shadow: 0 0 0 3px rgba(56, 189, 248, .10), 0 0 22px rgba(99, 102, 241, .46) !important;
    border-radius: 50% !important;
    line-height: 1 !important;
}

html.bdn-dark-panels .user-dropdown .user-role {
    color: #dce7f5 !important;
    background: #101b2b !important;
    border-color: rgba(145, 169, 199, .16) !important;
}

html.bdn-dark-panels .user-dropdown .user-role span {
    color: #8fa5bf !important;
}

html.bdn-dark-panels .user-dropdown .user-role strong {
    color: #8dc7ff !important;
    background: #173453 !important;
}

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}
/* Traceability Center and Slow Inventory Analyzer
   These pages use scoped CSS. Their dark theme must live in the global sheet so
   the html.bdn-dark-panels ancestor can be matched reliably. */
html.bdn-dark-panels .trace-page {
    color: #edf4ff;
}

html.bdn-dark-panels .trace-header button,
html.bdn-dark-panels .trace-tabs button,
html.bdn-dark-panels .trace-toolbar,
html.bdn-dark-panels .trace-empty,
html.bdn-dark-panels .trace-kpis article,
html.bdn-dark-panels .finding-summary article,
html.bdn-dark-panels .timeline-card,
html.bdn-dark-panels .investigation-layout > aside,
html.bdn-dark-panels .investigation-layout > section {
    color: #edf4ff;
    background: rgba(17, 32, 52, .96);
    border-color: #2b425e;
    box-shadow: 0 16px 38px rgba(0, 0, 0, .24);
}

html.bdn-dark-panels .trace-tabs button.active {
    color: #fff;
    background: #1677ff;
    border-color: #1677ff;
}

html.bdn-dark-panels .trace-toolbar label,
html.bdn-dark-panels .trace-kpis span,
html.bdn-dark-panels .trace-kpis small,
html.bdn-dark-panels .finding-summary span,
html.bdn-dark-panels .trace-header p,
html.bdn-dark-panels .section-title p,
html.bdn-dark-panels .passport-hero p,
html.bdn-dark-panels .investigation-head p,
html.bdn-dark-panels .timeline time,
html.bdn-dark-panels .timeline p,
html.bdn-dark-panels .timeline footer,
html.bdn-dark-panels .discrepancy small,
html.bdn-dark-panels .mini-empty {
    color: #9fb1c8;
}

html.bdn-dark-panels .trace-toolbar select {
    color: #edf4ff;
    background: #0a1727;
    border-color: #304967;
}

html.bdn-dark-panels .passport-hero {
    color: #edf4ff;
    background: linear-gradient(115deg, rgba(16, 32, 53, .98), rgba(25, 50, 81, .94));
    border-color: #2b425e;
}

html.bdn-dark-panels .section-title,
html.bdn-dark-panels .discrepancy,
html.bdn-dark-panels .investigation-head,
html.bdn-dark-panels .timeline-card.compact {
    border-color: #2b425e;
}

html.bdn-dark-panels .discrepancy.selected {
    background: #173552;
}

html.bdn-dark-panels .hypotheses article {
    background: #142c48;
}

html.bdn-dark-panels .hypotheses article p {
    color: #afc0d5;
}

html.bdn-dark-panels .timeline article:not(:last-child)::before {
    background: #2b425e;
}

html.bdn-dark-panels .slow-page {
    color: #edf4ff;
}

html.bdn-dark-panels .slow-kpis article,
html.bdn-dark-panels .slow-toolbar,
html.bdn-dark-panels .slow-list,
html.bdn-dark-panels .recommendation-card {
    color: #edf4ff;
    background: rgba(17, 32, 52, .96);
    border-color: #2b425e;
    box-shadow: 0 16px 38px rgba(0, 0, 0, .24);
}

html.bdn-dark-panels .slow-page > header p,
html.bdn-dark-panels .slow-kpis span,
html.bdn-dark-panels .slow-kpis small,
html.bdn-dark-panels .list-head p,
html.bdn-dark-panels .slow-row div > small,
html.bdn-dark-panels .slow-row > span small,
html.bdn-dark-panels .rec-title p,
html.bdn-dark-panels .evidence span,
html.bdn-dark-panels .rec-options p,
html.bdn-dark-panels .recommendation-card > label,
html.bdn-dark-panels .disclaimer,
html.bdn-dark-panels .empty {
    color: #9fb1c8;
}

html.bdn-dark-panels .slow-toolbar input,
html.bdn-dark-panels .slow-toolbar select,
html.bdn-dark-panels .recommendation-card input {
    color: #edf4ff;
    background: #0a1727;
    border-color: #304967;
}

html.bdn-dark-panels .slow-toolbar input::placeholder {
    color: #7890aa;
}

html.bdn-dark-panels .list-head,
html.bdn-dark-panels .slow-row {
    border-color: #293f59;
}

html.bdn-dark-panels .slow-row {
    color: #edf4ff;
    background: transparent;
}

html.bdn-dark-panels .slow-row:hover,
html.bdn-dark-panels .slow-row.selected {
    background: #17334f;
}

html.bdn-dark-panels .slow-row img {
    background: #f7faff;
    border-color: #3a526d;
}

html.bdn-dark-panels .evidence div {
    color: #edf4ff;
    background: #142942;
}

html.bdn-dark-panels .primary-rec {
    color: #edf4ff;
    background: linear-gradient(135deg, #132c48, #11342e);
    border-color: #2d506c;
}

html.bdn-dark-panels .primary-rec p {
    color: #bed0e3;
}

html.bdn-dark-panels .rec-options article {
    color: #edf4ff;
    background: #102137;
    border-color: #2b425e;
}

/* RendelĂ©srĂ©szletek: fizetĂ©si jelvĂ©nyek Ă©s pĂ©nzĂĽgyi mĹ±velet sĂ¶tĂ©t mĂłdban. */
html.bdn-dark-panels .details-page :is(.payment-paid,.payment-pending,.payment-refunded,.payment-failed) { display:inline-flex !important;width:auto !important;color:#edf5ff !important;background:#14243a !important;border-color:#38516f !important; }
html.bdn-dark-panels .details-page .payment-paid { color:#55dda0 !important;background:rgba(37,177,107,.16) !important;border-color:rgba(55,205,132,.34) !important; }
html.bdn-dark-panels .details-page .payment-pending { color:#ffc06b !important;background:rgba(232,145,38,.16) !important;border-color:rgba(245,167,68,.34) !important; }
html.bdn-dark-panels .details-page .payment-refunded { color:#b9c9dc !important;background:rgba(143,166,195,.16) !important;border-color:rgba(164,187,215,.30) !important; }
html.bdn-dark-panels .details-page .payment-failed { color:#ff7f89 !important;background:rgba(224,65,82,.16) !important;border-color:rgba(239,88,103,.32) !important; }
html.bdn-dark-panels .details-page .worklog-actions .finance-action { color:#7dbaff !important;background:#132b47 !important;border-color:#35618e !important; }
html.bdn-dark-panels .details-page .worklog-actions .picking-action { color:#dce9f9 !important;background:#16263a !important;border-color:#304963 !important; }
html.bdn-dark-panels .details-page .worklog-actions .action-icon { color:#78b7ff !important;background:rgba(50,132,226,.18) !important; }
html.bdn-dark-panels .details-page .refund-summary { color:#d6b8ff;background:rgba(132,76,196,.15);border-color:rgba(177,124,235,.34); }
html.bdn-dark-panels .details-page .refund-summary>span { background:#2b1e43; }
html.bdn-dark-panels .details-page .refund-summary small { color:#b8a6cd; }
html.bdn-dark-panels .barcode-action-choice { color:#edf5ff;background:#14243a;border-color:#2b405b; }
html.bdn-dark-panels .barcode-action-choice.primary { background:#173554;border-color:#376a9d; }
html.bdn-dark-panels .finance-page .status.refunded { color:#d3a7ff;background:rgba(145,82,205,.18);border:1px solid rgba(190,133,241,.32); }
html.bdn-dark-panels .finance-page .status.refund-partial { color:#ffc080;background:rgba(214,118,40,.17);border:1px solid rgba(238,151,80,.30); }
html.bdn-dark-panels .finance-page .balance-box.refunded { background:linear-gradient(135deg,#7142aa,#482378); }
html.bdn-dark-panels .finance-page .refund-callout { color:#dfc1ff;background:rgba(132,76,196,.16);border-color:rgba(184,126,239,.34); }
html.bdn-dark-panels .finance-page .refund-callout span { color:#bda8d3; }

/* VĂ©gleges liquid-glass fejlĂ©c. Az alacsony blur megtartja az olvashatĂłsĂˇgot. */
.bdn-topbar {
    background: rgba(248, 252, 255, .78) !important;
    -webkit-backdrop-filter: blur(7px) saturate(125%) !important;
    backdrop-filter: blur(7px) saturate(125%) !important;
}

html.bdn-dark-panels .bdn-topbar {
    background: rgba(14, 23, 36, .78) !important;
    -webkit-backdrop-filter: blur(7px) saturate(120%) !important;
    backdrop-filter: blur(7px) saturate(120%) !important;
}

html.bdn-dark-panels .stock-brand-header {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}
/* IntegrĂˇciĂłs kĂ¶zpont Ă©s dashboard diagram â€“ vĂ©gsĹ‘ dark-mode korrekciĂłk. */
html.bdn-dark-panels .integration-editor .smtp-switch-row,
html.bdn-dark-panels .integration-editor .email-event-settings,
html.bdn-dark-panels .integration-editor .email-event-settings label {
    background: rgba(15, 29, 48, .96) !important;
    border-color: #2b425f !important;
    color: #edf5ff !important;
}

html.bdn-dark-panels .integration-editor .email-event-settings legend,
html.bdn-dark-panels .integration-editor .email-event-settings b,
html.bdn-dark-panels .integration-editor .smtp-switch-row b {
    color: #f4f8ff !important;
}

html.bdn-dark-panels .integration-editor .email-event-settings > p,
html.bdn-dark-panels .integration-editor .email-event-settings small,
html.bdn-dark-panels .integration-editor .smtp-switch-row small {
    color: #a8bad0 !important;
}

html.bdn-dark-panels .integration-editor .email-event-settings .switch > span,
html.bdn-dark-panels .integration-editor .smtp-switch-row .switch > span {
    background: #42546a !important;
}

html.bdn-dark-panels .integration-editor .email-event-settings .switch > input:checked + span,
html.bdn-dark-panels .integration-editor .smtp-switch-row .switch > input:checked + span {
    background: linear-gradient(135deg, #2788ff, #37b4ff) !important;
}

html.bdn-dark-panels .bdn-category-donut::after {
    background: #132238 !important;
    box-shadow: inset 0 0 0 1px rgba(96, 126, 160, .42) !important;
}

html.bdn-dark-panels .bdn-category-donut strong {
    color: #f7faff !important;
}

html.bdn-dark-panels .bdn-category-donut span,
html.bdn-dark-panels .bdn-category-legend span {
    color: #a9bbcf !important;
}

html.bdn-dark-panels .bdn-category-legend strong {
    color: #f4f8ff !important;
}

/* BDN 2026 global logo integrity */
html.bdn-dark-panels .stock-brand-image,
html.bdn-dark-panels .stock-brand-logo img,
html.bdn-dark-panels img[src*="brand-logo"] {
    filter: none !important;
}

/* Proton B background: the supplied composition is completely static.
   The transparent SVG above it contains the only animation: a short energy
   pulse that runs along the outline of the large ribbon B. */
html.bdn-background-glow-b .bdn-dashboard::before,
html.bdn-background-glow-b .bdn-dashboard::after{
    inset:0!important;
    width:100%!important;
    height:100%!important;
    border-radius:0!important;
    -webkit-mask:none!important;
    mask:none!important;
    transform:none!important;
}
html.bdn-background-glow-b .bdn-dashboard::before{
    background:url('/bdn-proton-wallpaper.png') center center/cover no-repeat!important;
    opacity:1!important;
    filter:none!important;
    animation:none!important;
}
html.bdn-background-glow-b .bdn-dashboard::after{
    background:url('/bdn-proton-outline.svg') center center/cover no-repeat!important;
    opacity:min(calc(var(--bdn-dashboard-background-intensity,1)*1.12),1)!important;
    filter:none!important;
    mix-blend-mode:screen;
    animation:none!important;
}
/* The source artwork has a dark navy canvas. In light mode it is blended
   into the page instead of covering the light theme with a dark rectangle. */
html:not(.bdn-dark-panels).bdn-background-glow-b .bdn-dashboard::before{
    background:
        linear-gradient(
            135deg,
            rgba(247,250,255,.80),
            rgba(235,246,255,.72) 45%,
            rgba(248,244,255,.78)
        ),
        url('/bdn-proton-wallpaper.png') center center/cover no-repeat!important;
    background-blend-mode:screen!important;
    opacity:min(calc(var(--bdn-dashboard-background-intensity,1)*.72),.82)!important;
    filter:saturate(1.18) brightness(1.28)!important;
}
html:not(.bdn-dark-panels).bdn-background-glow-b .bdn-dashboard::after{
    opacity:min(calc(var(--bdn-dashboard-background-intensity,1)*.46),.58)!important;
    filter:saturate(1.35) contrast(1.12)!important;
    mix-blend-mode:multiply!important;
}
html.bdn-dark-panels.bdn-background-glow-b .bdn-dashboard::before{opacity:1!important}
html.bdn-dark-panels.bdn-background-glow-b .bdn-dashboard::after{opacity:min(calc(var(--bdn-dashboard-background-intensity,1)*1.18),1)!important}
html.bdn-dark-panels .background-picker{background:rgba(17,34,55,.78)!important;border-color:#29425f!important}html.bdn-dark-panels .background-picker-title h2,html.bdn-dark-panels .background-option b{color:#edf5ff!important}html.bdn-dark-panels .background-picker-title p,html.bdn-dark-panels .background-option small{color:#91a6c0!important}html.bdn-dark-panels .background-option{background:rgba(12,28,48,.86)!important;border-color:#304a67!important;color:#edf5ff!important}html.bdn-dark-panels .background-option.active{border-color:#3597ff!important;box-shadow:0 0 0 3px rgba(53,151,255,.15),0 14px 34px rgba(0,0,0,.2)!important}
@media(max-width:760px){
    html.bdn-background-glow-b .bdn-dashboard::before,
    html.bdn-background-glow-b .bdn-dashboard::after{
        background-position:64% center!important;
        background-size:auto 100%!important;
    }
}
@media(prefers-reduced-motion:reduce){html.bdn-background-glow-b .bdn-dashboard::after{display:none!important}}

/* BDN dark fix: supplier editor and operations suite */
html.bdn-dark-panels .supplier-editor {
    color: #edf5ff !important;
    background: #111f32 !important;
    border-color: #29415e !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .24) !important;
}
html.bdn-dark-panels .supplier-editor .section-heading {
    color: #edf5ff !important;
    background: #14243a !important;
    border-color: #29415e !important;
}
html.bdn-dark-panels .supplier-editor .section-heading h2,
html.bdn-dark-panels .supplier-editor .supplier-name-row strong,
html.bdn-dark-panels .supplier-editor .editor-header h3,
html.bdn-dark-panels .supplier-editor .form-field label,
html.bdn-dark-panels .supplier-editor .empty-state strong { color: #edf5ff !important; }
html.bdn-dark-panels .supplier-editor .section-heading p,
html.bdn-dark-panels .supplier-editor .supplier-meta,
html.bdn-dark-panels .supplier-editor .editor-header p,
html.bdn-dark-panels .supplier-editor .preferred-option small,
html.bdn-dark-panels .supplier-editor .empty-state p,
html.bdn-dark-panels .supplier-editor .loading-state { color: #9fb0c7 !important; }
html.bdn-dark-panels .supplier-editor .section-body,
html.bdn-dark-panels .supplier-editor .supplier-list,
html.bdn-dark-panels .supplier-editor .supplier-card,
html.bdn-dark-panels .supplier-editor .editor-panel,
html.bdn-dark-panels .supplier-editor .empty-state {
    color: #edf5ff !important;
    background: #111f32 !important;
    border-color: #29415e !important;
}
html.bdn-dark-panels .supplier-editor .supplier-card:hover {
    background: #142841 !important;
    border-color: #3b6491 !important;
}
html.bdn-dark-panels .supplier-editor .form-control,
html.bdn-dark-panels .supplier-editor .preferred-option {
    color: #edf5ff !important;
    background: #091626 !important;
    border-color: #29415e !important;
}
html.bdn-dark-panels .supplier-editor .link-button,
html.bdn-dark-panels .supplier-editor .edit-button,
html.bdn-dark-panels .supplier-editor .secondary-button,
html.bdn-dark-panels .supplier-editor .close-button {
    color: #cfe2f8 !important;
    background: #172a41 !important;
    border-color: #35506f !important;
}
html.bdn-dark-panels .suite-page .suite-tabs {
    color: #edf5ff !important;
    background: rgba(17, 31, 50, .96) !important;
    border-color: #2b4058 !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, .22) !important;
}
html.bdn-dark-panels .suite-page .suite-tabs button {
    color: #a9bad0 !important;
    background: transparent !important;
}
html.bdn-dark-panels .suite-page .suite-tabs button:hover {
    color: #fff !important;
    background: #172b43 !important;
}
html.bdn-dark-panels .suite-page .suite-tabs button.active {
    color: #fff !important;
    background: linear-gradient(135deg, #258eff, #126ce2) !important;
    box-shadow: 0 7px 18px rgba(22, 129, 248, .28) !important;
}
/* Collapsed desktop navigation: compact symbol only (global fix). */
@media (min-width: 721px) {
    .bdn-app-shell.sidebar-collapsed .stock-brand-header {
        width: 100% !important;
        min-width: 0 !important;
        height: 70px !important;
        padding: 0 !important;
        display: grid !important;
        place-items: center !important;
        overflow: hidden !important;
    }

    .bdn-app-shell.sidebar-collapsed .stock-brand-full {
        display: none !important;
        visibility: hidden !important;
    }

    .bdn-app-shell.sidebar-collapsed .stock-brand-compact {
        display: block !important;
        visibility: visible !important;
        width: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;
        height: 48px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        object-fit: contain !important;
        object-position: center !important;
        filter: drop-shadow(0 7px 15px rgba(30, 133, 230, .24)) !important;
    }

    .bdn-app-shell.sidebar-collapsed .stock-brand-wordmark {
        display: none !important;
    }
}
/* Dark mode: navigation brand and Personal Use page */
html.bdn-dark-panels .stock-navigation .stock-brand-wordmark {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
    text-shadow: 0 0 14px rgba(83, 177, 255, .25);
}

html.bdn-dark-panels .personal-use-page .metric-grid article {
    color: #eef6ff !important;
    background: linear-gradient(145deg, rgba(24, 41, 65, .97), rgba(13, 27, 46, .96)) !important;
    border: 1px solid rgba(112, 151, 196, .30) !important;
    box-shadow: 0 18px 38px rgba(0, 0, 0, .22) !important;
}

html.bdn-dark-panels .personal-use-page .metric-grid article span,
html.bdn-dark-panels .personal-use-page .metric-grid article small {
    color: #a9bad0 !important;
}

html.bdn-dark-panels .personal-use-page .metric-grid article strong {
    color: #f7fbff !important;
}

html.bdn-dark-panels .personal-use-page .metric-grid article:last-child strong {
    color: #32d58b !important;
}

html.bdn-dark-panels .personal-use-page .panel {
    color: #edf5ff !important;
    background: linear-gradient(145deg, rgba(20, 36, 58, .97), rgba(13, 28, 47, .96)) !important;
    border-color: rgba(112, 151, 196, .30) !important;
}

html.bdn-dark-panels .personal-use-page .panel-title,
html.bdn-dark-panels .personal-use-page .panel-header {
    border-color: rgba(112, 151, 196, .30) !important;
}

html.bdn-dark-panels .personal-use-page .panel h2,
html.bdn-dark-panels .personal-use-page .panel h3,
html.bdn-dark-panels .personal-use-page .panel strong {
    color: #f5f9ff !important;
}

html.bdn-dark-panels .personal-use-page .panel p,
html.bdn-dark-panels .personal-use-page .panel small,
html.bdn-dark-panels .personal-use-page .panel label {
    color: #aabbd0 !important;
}

html.bdn-dark-panels .personal-use-page input,
html.bdn-dark-panels .personal-use-page select,
html.bdn-dark-panels .personal-use-page textarea {
    color: #edf5ff !important;
    background: #0b1828 !important;
    border-color: #2c4561 !important;
}

html.bdn-dark-panels .personal-use-page input::placeholder,
html.bdn-dark-panels .personal-use-page textarea::placeholder {
    color: #71849b !important;
}

html.bdn-dark-panels .personal-use-page .history-list article,
html.bdn-dark-panels .personal-use-page .cart-row {
    color: #edf5ff !important;
    background: rgba(10, 23, 39, .94) !important;
    border-color: rgba(112, 151, 196, .30) !important;
}

html.bdn-dark-panels .personal-use-page .history-list article strong,
html.bdn-dark-panels .personal-use-page .cart-row strong {
    color: #f7fbff !important;
}

html.bdn-dark-panels .personal-use-page .history-list article span,
html.bdn-dark-panels .personal-use-page .history-list article small {
    color: #aabbd0 !important;
}

html.bdn-dark-panels .personal-use-page .empty-state {
    color: #aebdd0 !important;
    background: rgba(11, 25, 43, .72) !important;
    border-color: rgba(137, 171, 211, .55) !important;
}

html.bdn-dark-panels .products-page .candidate-edit-link {
    color: #b9dcff !important;
    background: #173453 !important;
    border-color: #315b82 !important;
    box-shadow: none !important;
}

html.bdn-dark-panels .products-page .candidate-edit-link:hover {
    color: #ffffff !important;
    background: #1d4770 !important;
    border-color: #4c82b5 !important;
}

html.bdn-dark-panels .products-page .candidate-approve {
    color: #83edb0 !important;
    background: #123d31 !important;
    border-color: #286b52 !important;
}

html.bdn-dark-panels .products-page .candidate-delete {
    color: #ffaaa4 !important;
    background: #482326 !important;
    border-color: #754044 !important;
}


html.bdn-dark-panels .inventory-page .adjust-stock-button {
    color: #b9dcff !important;
    background: #173453 !important;
    border-color: #315b82 !important;
    box-shadow: none !important;
}

html.bdn-dark-panels .inventory-page .adjust-stock-button:hover,
html.bdn-dark-panels .inventory-page .adjust-stock-button:focus-visible {
    color: #ffffff !important;
    background: #1769b5 !important;
    border-color: #5aa7ec !important;
}

html.bdn-dark-panels .printing-page{--glass:rgba(15,31,51,.78);--glass-strong:rgba(20,40,64,.94);--line:rgba(112,155,205,.22);--text:#edf5ff;--muted:#9db0c8;--input:rgba(8,21,36,.78)}
html.bdn-dark-panels .printing-page .glass-card{box-shadow:0 22px 60px rgba(0,0,0,.25),inset 0 1px 0 rgba(180,215,250,.06)}
html.bdn-dark-panels .printing-page input,html.bdn-dark-panels .printing-page select{color:#edf5ff;color-scheme:dark}
html.bdn-dark-panels .printing-page .module-tabs button.active,html.bdn-dark-panels .printing-page .difficulty-filter button.active{color:#7bd8ff}
html.bdn-dark-panels .printing-page .material-modal-backdrop{background:rgba(2,8,17,.78)}
html.bdn-dark-panels .settings-page .feature-toggle{color:#edf5ff;background:#101e31}
html.bdn-dark-panels .settings-page .feature-toggle small{color:#9db0c8}
body:has(.material-modal-backdrop){overflow:hidden}
html.bdn-dark-panels .material-modal-backdrop{--glass:rgba(15,31,51,.96);--glass-strong:rgba(20,40,64,.98);--line:rgba(112,155,205,.24);--text:#edf5ff;--muted:#9db0c8;--input:rgba(8,21,36,.9);color:var(--text);background:rgba(2,8,17,.76)}
html.bdn-dark-panels .material-modal-backdrop .glass-card{background:var(--glass);border-color:var(--line);box-shadow:0 28px 90px rgba(0,0,0,.48),inset 0 1px 0 rgba(180,215,250,.07)}
html:not(.bdn-dark-panels) .material-modal-backdrop .glass-card{color:#14243d;background:rgba(255,255,255,.94);border-color:rgba(116,151,192,.28);box-shadow:0 28px 90px rgba(15,35,60,.25),inset 0 1px 0 rgba(255,255,255,.9)}
/* BUSINESS AREAS DARK MODE - authoritative */
html.bdn-dark-panels .area-page{color:#edf6ff!important}
html.bdn-dark-panels .area-page>header p{color:#91a6bf!important}
html.bdn-dark-panels .area-page>header>div>span{color:color-mix(in srgb,var(--business-accent,#1674f5) 68%,white)!important}
html.bdn-dark-panels .area-page .area-card,
html.bdn-dark-panels .area-page .area-editor{color:#edf6ff!important;background:linear-gradient(145deg,rgba(18,36,58,.94),rgba(11,26,44,.90))!important;border-color:rgba(132,171,216,.20)!important;box-shadow:0 20px 50px rgba(0,0,0,.24),inset 0 1px 0 rgba(204,226,255,.06)!important}
html.bdn-dark-panels .area-page .area-card p,
html.bdn-dark-panels .area-page .area-card small,
html.bdn-dark-panels .area-page .area-card span{color:#9fb1c7!important}
html.bdn-dark-panels .area-page .area-editor h2{color:#f3f8ff!important}
html.bdn-dark-panels .area-page .area-editor label,
html.bdn-dark-panels .area-page .area-editor label>span{color:#c1d0e2!important}
html.bdn-dark-panels .area-page .area-editor input:not([type="checkbox"]):not([type="color"]),
html.bdn-dark-panels .area-page .area-editor select,
html.bdn-dark-panels .area-page .area-editor textarea{color:#f0f6ff!important;-webkit-text-fill-color:#f0f6ff!important;background:#091827!important;border-color:#2d4561!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.2)!important;color-scheme:dark}
html.bdn-dark-panels .area-page .area-editor input:disabled{color:#9eafc4!important;-webkit-text-fill-color:#9eafc4!important;background:#13243a!important;opacity:1!important}
html.bdn-dark-panels .area-page .area-editor input[type="color"]{background:#13253a!important;border-color:#35506e!important}
html.bdn-dark-panels .area-page .area-editor select option{color:#edf6ff;background:#0d1d30}
html.bdn-dark-panels .area-page .area-editor .cancel{color:#d9e6f5!important;background:#1a2d45!important;border:1px solid #334d69!important;box-shadow:none!important}
html.bdn-dark-panels .area-page .area-card .edit{color:color-mix(in srgb,var(--business-accent,#1674f5) 68%,white)!important;background:color-mix(in srgb,var(--business-accent,#1674f5) 18%,#102239)!important}
html.bdn-dark-panels .area-page .area-editor>div>button:not(.cancel),
html.bdn-dark-panels .area-page>header>button{background:linear-gradient(135deg,color-mix(in srgb,var(--business-accent,#1674f5) 78%,white),var(--business-accent,#1674f5))!important;box-shadow:0 9px 24px color-mix(in srgb,var(--business-accent,#1674f5) 25%,transparent)!important}
html.bdn-dark-panels .area-page .area-card b.active{color:#72e0b9!important;background:rgba(22,185,129,.16)!important;border:1px solid rgba(77,220,170,.25)}
html.bdn-dark-panels .area-page .area-card b.inactive{color:#acbacb!important;background:#1a2a3e!important}
/* BUSINESS AREA SWITCHER - authoritative */
.business-area-switcher{color:#233952!important;background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(235,246,255,.72))!important;border-color:rgba(112,146,184,.24)!important}
.business-area-switcher label{height:42px!important;padding-right:22px!important;align-content:center!important}
.business-area-switcher label>small{display:block!important;margin:0 0 1px!important;color:#7d8fa6!important;font-size:8px!important;line-height:10px!important}
.business-area-switcher select{width:100%!important;height:24px!important;min-height:24px!important;margin:0!important;padding:0 20px 0 0!important;color:#263952!important;-webkit-text-fill-color:#263952!important;background:transparent!important;border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;appearance:none!important;-webkit-appearance:none!important;line-height:24px!important}
.business-area-switcher select:focus,.business-area-switcher select:focus-visible{outline:0!important;box-shadow:none!important}
html.bdn-dark-panels .business-area-switcher{color:#edfff9!important;background:linear-gradient(135deg,rgba(18,54,51,.94),rgba(10,37,39,.90))!important;border-color:rgba(70,208,164,.28)!important;box-shadow:0 12px 30px rgba(0,0,0,.25),inset 0 1px 0 rgba(151,241,210,.08)!important}
html.bdn-dark-panels .business-area-switcher label>small{color:#78ad9d!important}
html.bdn-dark-panels .business-area-switcher label::after{color:#70dfbb!important}
html.bdn-dark-panels .business-area-switcher select,
html.bdn-dark-panels .business-area-switcher select:disabled{color:#edfff9!important;-webkit-text-fill-color:#edfff9!important;background:transparent!important;border:0!important;box-shadow:none!important;opacity:1!important;color-scheme:dark}
html.bdn-dark-panels .business-area-switcher select option{color:#edfff9!important;background:#0c292b!important}
.sidebar-collapsed .business-area-switcher{padding:0!important}
/* BUSINESS AREA SWITCHER MODERN DROPDOWN */
.business-area-switcher{background:linear-gradient(135deg,color-mix(in srgb,var(--area-color,#2878ff) 8%,rgba(255,255,255,.94)),color-mix(in srgb,var(--area-color,#2878ff) 4%,rgba(235,246,255,.88)))!important;border-color:color-mix(in srgb,var(--area-color,#2878ff) 26%,transparent)!important}
html.bdn-dark-panels .business-area-switcher{color:#f3f8ff!important;background:linear-gradient(135deg,color-mix(in srgb,var(--area-color,#2878ff) 24%,#0b1a29),color-mix(in srgb,var(--area-color,#2878ff) 10%,#081522))!important;border-color:color-mix(in srgb,var(--area-color,#2878ff) 42%,transparent)!important;box-shadow:0 12px 30px rgba(0,0,0,.25),inset 0 1px 0 color-mix(in srgb,var(--area-color,#2878ff) 22%,transparent)!important}
html.bdn-dark-panels .business-area-current{color:#f3f8ff!important;background:transparent!important;border:0!important;box-shadow:none!important}
html.bdn-dark-panels .business-area-current small{color:color-mix(in srgb,var(--area-color,#2878ff) 48%,#b9c8db)!important}
html.bdn-dark-panels .business-area-chevron{color:color-mix(in srgb,var(--area-color,#2878ff) 68%,white)!important}
html.bdn-dark-panels .business-area-options{background:linear-gradient(145deg,rgba(18,34,54,.98),rgba(8,22,37,.98))!important;border-color:color-mix(in srgb,var(--area-color,#2878ff) 38%,#30465f)!important;box-shadow:0 24px 58px rgba(0,0,0,.45)!important}
html.bdn-dark-panels .business-area-option{color:#edf5ff!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important}
html.bdn-dark-panels .business-area-option:hover{background:color-mix(in srgb,var(--area-color,#2878ff) 13%,#11243a)!important}
html.bdn-dark-panels .business-area-option.selected{background:color-mix(in srgb,var(--area-color,#2878ff) 19%,#102238)!important;border-color:color-mix(in srgb,var(--area-color,#2878ff) 38%,transparent)!important}
html.bdn-dark-panels .business-area-option small{color:#96aac1!important}
/* DASHBOARD SCROLL PERFORMANCE 2026-08
   A vizuális karakter megmarad, de görgetés közben nincs valós idejű háttér-blur. */
.bdn-dashboard::before,
.bdn-dashboard::after {
    position: absolute !important;
    will-change: auto !important;
    contain: paint;
}

.bdn-dashboard .bdn-card,
.bdn-dashboard .bdn-kpi-simple,
.bdn-dashboard .bdn-quick-product,
.bdn-dashboard .bdn-kpi-feature-body {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

.bdn-dashboard .bdn-card,
.bdn-dashboard .bdn-kpi-simple,
.bdn-dashboard .bdn-quick-product {
    background: linear-gradient(145deg, rgba(255,255,255,.94), rgba(247,251,255,.88)) !important;
    box-shadow: 0 8px 24px rgba(43,82,128,.075), inset 0 1px 0 rgba(255,255,255,.86) !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 {
    background: linear-gradient(145deg, rgba(13,22,35,.96), rgba(25,37,55,.92)) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.18), inset 0 1px 0 rgba(188,215,245,.055) !important;
}

body:has(.bdn-dashboard) .bdn-topbar {
    background: rgba(248,252,255,.97) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

html.bdn-dark-panels body:has(.bdn-dashboard) .bdn-topbar {
    background: rgba(14,23,36,.97) !important;
}

html.bdn-background-glow-b .bdn-dashboard::after,
html:not(.bdn-dark-panels).bdn-background-glow-b .bdn-dashboard::after {
    mix-blend-mode: normal !important;
    filter: none !important;
}

html:not(.bdn-dark-panels).bdn-background-glow-b .bdn-dashboard::before {
    filter: none !important;
}

.bdn-dashboard-main-grid,
.bdn-dashboard-bottom-grid {
    content-visibility: auto;
    contain-intrinsic-size: auto 560px;
}

.bdn-dashboard img {
    content-visibility: auto;
}

@media (max-width: 900px), (prefers-reduced-motion: reduce) {
    .bdn-dashboard::before,
    .bdn-dashboard::after {
        animation: none !important;
    }
}
/* MOBILE DASHBOARD NATIVE SCROLL 2026-08
   Keep one native vertical scroller and avoid lazy layout/large composited
   layers while a touch gesture is active. Desktop visuals stay unchanged. */
@media (max-width: 720px) {
    html,
    body,
    body:has(.bdn-dashboard) .bdn-app-shell,
    body:has(.bdn-dashboard) .bdn-main-area,
    body:has(.bdn-dashboard) .bdn-content,
    .bdn-dashboard {
        touch-action: pan-y pinch-zoom !important;
        overscroll-behavior-y: auto !important;
    }

    html,
    body {
        scroll-behavior: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    body:has(.bdn-dashboard) {
        overflow-x: hidden;
    }

    body:has(.bdn-dashboard)::before,
    .bdn-dashboard::after {
        display: none !important;
    }

    .bdn-dashboard::before {
        position: absolute !important;
        transform: none !important;
        animation: none !important;
        will-change: auto !important;
        background-attachment: scroll !important;
    }

    .bdn-dashboard-main-grid,
    .bdn-dashboard-bottom-grid,
    .bdn-dashboard img {
        content-visibility: visible !important;
        contain-intrinsic-size: none !important;
    }

    .bdn-dashboard .bdn-card,
    .bdn-dashboard .bdn-kpi-simple,
    .bdn-dashboard .bdn-kpi-feature,
    .bdn-dashboard .bdn-kpi-feature-body,
    .bdn-dashboard .bdn-quick-product {
        transition: none !important;
        will-change: auto !important;
    }

    .bdn-dashboard .bdn-table-scroll,
    .bdn-dashboard .table-scroll,
    .bdn-dashboard .table-wrapper {
        touch-action: pan-x pan-y pinch-zoom !important;
        overscroll-behavior: auto !important;
        -webkit-overflow-scrolling: touch;
    }
}

/* DEFINITIVE SUPPLIER MODAL SCROLL FIX GLOBAL 2026-08 */
.bdn-content .supplier-modal.supplier-modal {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr);
    height: min(860px, calc(100dvh - 44px));
    max-height: calc(100dvh - 44px) !important;
    overflow: hidden !important;
}

.bdn-content .supplier-modal.supplier-modal > form {
    min-width: 0;
    min-height: 0 !important;
    height: 100%;
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) auto;
    overflow: hidden !important;
}

.bdn-content .supplier-modal.supplier-modal .modal-body {
    min-width: 0;
    min-height: 0 !important;
    height: auto;
    overflow-x: hidden !important;
    overflow-y: scroll !important;
    overscroll-behavior-y: contain;
    touch-action: pan-y;
    scrollbar-gutter: stable;
    -webkit-overflow-scrolling: touch;
}

.bdn-content .supplier-modal.supplier-modal .modal-footer {
    position: relative !important;
    z-index: 2;
    min-height: 68px;
    flex: 0 0 auto;
    background: #fafcff;
    box-shadow: 0 -8px 20px rgba(24, 53, 88, .06);
}

@media (max-width: 700px) {
    .bdn-content .supplier-modal.supplier-modal {
        width: 100% !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        border-radius: 0 !important;
    }

    .bdn-content .supplier-modal.supplier-modal .modal-body {
        padding-bottom: 24px;
    }

    .bdn-content .supplier-modal.supplier-modal .modal-footer {
        padding-bottom: max(16px, env(safe-area-inset-bottom));
    }
}
/* SUPPLIER PRODUCT PICKER DARK MODE - authoritative 2026-08 */
html.bdn-dark-panels .supplier-modal .product-assignment-section {
    color: #edf5ff !important;
    background: linear-gradient(145deg, #101f32, #0c1929) !important;
    border-color: #2c4562 !important;
    box-shadow: inset 0 1px 0 rgba(188, 216, 248, .045) !important;
}

html.bdn-dark-panels .supplier-modal .product-assignment-heading h3 {
    color: #f3f8ff !important;
}

html.bdn-dark-panels .supplier-modal .product-assignment-heading p,
html.bdn-dark-panels .supplier-modal .product-search-field {
    color: #9fb1c7 !important;
}

html.bdn-dark-panels .supplier-modal .product-assignment-heading > strong {
    color: #8dc9ff !important;
    background: #173552 !important;
    border: 1px solid #315778 !important;
}

html.bdn-dark-panels .supplier-modal .product-search-field input {
    color: #edf5ff !important;
    -webkit-text-fill-color: #edf5ff !important;
    background: #091725 !important;
    border-color: #304a67 !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .22) !important;
    color-scheme: dark;
}

html.bdn-dark-panels .supplier-modal .product-search-field input::placeholder {
    color: #7187a0 !important;
    -webkit-text-fill-color: #7187a0 !important;
}

html.bdn-dark-panels .supplier-modal .product-search-field input:focus {
    border-color: #4a99eb !important;
    box-shadow: 0 0 0 3px rgba(47, 142, 238, .16) !important;
}

html.bdn-dark-panels .supplier-modal .product-assignment-actions button {
    color: #c9d9eb !important;
    background: #172a41 !important;
    border-color: #344d69 !important;
    box-shadow: none !important;
}

html.bdn-dark-panels .supplier-modal .product-assignment-actions button:hover {
    color: #fff !important;
    background: #203b59 !important;
    border-color: #4b739a !important;
}

html.bdn-dark-panels .supplier-modal .product-picker-list {
    scrollbar-color: #46637f #0b1827;
}

html.bdn-dark-panels .supplier-modal .product-picker-item {
    color: #edf5ff !important;
    background: linear-gradient(145deg, #14263c, #102033) !important;
    border-color: #304964 !important;
    box-shadow: inset 0 1px 0 rgba(190, 217, 247, .035) !important;
}

html.bdn-dark-panels .supplier-modal .product-picker-item:hover {
    background: linear-gradient(145deg, #192e47, #14273d) !important;
    border-color: #426482 !important;
}

html.bdn-dark-panels .supplier-modal .product-picker-item.selected {
    background: linear-gradient(145deg, #173b5e, #142e49) !important;
    border-color: #4599ec !important;
    box-shadow: inset 3px 0 #39a0ff, 0 0 0 1px rgba(46, 145, 237, .10) !important;
}

html.bdn-dark-panels .supplier-modal .product-picker-item input {
    accent-color: #2d95f2 !important;
    color-scheme: dark;
}

html.bdn-dark-panels .supplier-modal .product-picker-main strong {
    color: #f0f6ff !important;
}

html.bdn-dark-panels .supplier-modal .product-picker-main small {
    color: #9cafc5 !important;
}

html.bdn-dark-panels .supplier-modal .inactive-product-badge {
    color: #b4c2d2 !important;
    background: #25364a !important;
    border: 1px solid #40536a !important;
}

html.bdn-dark-panels .supplier-modal .product-picker-empty {
    color: #9fb1c7 !important;
    background: rgba(10, 24, 40, .58) !important;
    border-color: #3a526d !important;
}
/* QUICK CALCULATOR DARK MODE - authoritative 2026-08 */
html.bdn-dark-panels .quick-calculator {
    color: #edf5ff !important;
    background: linear-gradient(145deg, #111f32, #0b1929) !important;
    border-color: #2d4662 !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, .26), inset 0 1px 0 rgba(191, 220, 252, .045) !important;
}

html.bdn-dark-panels .quick-calculator .calculator-header h2 {
    color: #f3f8ff !important;
}

html.bdn-dark-panels .quick-calculator .calculator-eyebrow {
    color: #79bcff !important;
}

html.bdn-dark-panels .quick-calculator .calculator-clear {
    color: #c8d7e9 !important;
    background: #172a41 !important;
    border-color: #344e69 !important;
}

html.bdn-dark-panels .quick-calculator .calculator-clear:hover {
    color: #fff !important;
    background: #203b59 !important;
    border-color: #4b739a !important;
}

html.bdn-dark-panels .quick-calculator .calculator-screen {
    background: linear-gradient(145deg, #081522, #0c1b2b) !important;
    border-color: #2c4560 !important;
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, .28) !important;
}

html.bdn-dark-panels .quick-calculator .calculator-screen small {
    color: #8297af !important;
}

html.bdn-dark-panels .quick-calculator .calculator-screen output {
    color: #f5f9ff !important;
    -webkit-text-fill-color: #f5f9ff !important;
}

html.bdn-dark-panels .quick-calculator .calculator-preset {
    color: #9bd1ff !important;
    background: #173653 !important;
    border-color: #315a7d !important;
}

html.bdn-dark-panels .quick-calculator .calculator-preset:hover {
    color: #fff !important;
    background: #1d456a !important;
    border-color: #4b82b0 !important;
}

html.bdn-dark-panels .quick-calculator .calculator-grid button {
    color: #eaf2fc !important;
    background: linear-gradient(145deg, #17283d, #122236) !important;
    border-color: #304860 !important;
    box-shadow: inset 0 1px 0 rgba(193, 220, 250, .035) !important;
}

html.bdn-dark-panels .quick-calculator .calculator-grid button:hover {
    color: #fff !important;
    background: linear-gradient(145deg, #203851, #192e46) !important;
    border-color: #466987 !important;
}

html.bdn-dark-panels .quick-calculator .calculator-grid .calculator-function {
    color: #b4c5d8 !important;
    background: #1a2b40 !important;
}

html.bdn-dark-panels .quick-calculator .calculator-grid .calculator-operator {
    color: #91cbff !important;
    background: #173a59 !important;
    border-color: #315f86 !important;
}

html.bdn-dark-panels .quick-calculator .calculator-grid .calculator-equals,
html.bdn-dark-panels .quick-calculator .calculator-use {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: linear-gradient(135deg, #268df5, #0b66d2) !important;
    border-color: #3c99ef !important;
    box-shadow: 0 8px 20px rgba(13, 105, 211, .24) !important;
}

html.bdn-dark-panels .quick-calculator .calculator-grid .calculator-equals:hover,
html.bdn-dark-panels .quick-calculator .calculator-use:hover {
    background: linear-gradient(135deg, #3b9cff, #1475e5) !important;
}
/* Business intelligence theme variables */
.intelligence-page {
  --bi-card: #ffffff;
  --bi-soft: #f5f8fd;
  --bi-border: #dce5ef;
  --bi-text: #101827;
  --bi-muted: #657287;
  --bi-shadow: 0 18px 45px rgba(28, 48, 78, .08);
}
html.bdn-dark-panels .intelligence-page {
  --bi-card: #101d2e;
  --bi-soft: #15263b;
  --bi-border: rgba(152, 181, 217, .2);
  --bi-text: #edf5ff;
  --bi-muted: #98a9bd;
  --bi-shadow: 0 18px 45px rgba(0, 0, 0, .2);
}
html.bdn-dark-panels .intelligence-page .bi-tabs button.active { background: #f2f6fb; color: #0c1521; }
html.bdn-dark-panels .intelligence-page .bi-notice.error { background: rgba(186, 38, 58, .2); color: #ff9eaa; }
html.bdn-dark-panels .intelligence-page .bi-notice.success { background: rgba(8, 123, 88, .22); color: #70e6be; }
/* Executive and intelligence authoritative global styles */
html.bdn-dark-panels .executive-dashboard {
  --ex-card: #101d2e;
  --ex-soft: #15263b;
  --ex-border: rgba(152, 181, 217, .2);
  --ex-text: #edf5ff;
  --ex-muted: #95a8bf;
}
html.bdn-dark-panels .executive-dashboard .executive-kpi,
html.bdn-dark-panels .executive-dashboard .executive-panel,
html.bdn-dark-panels .executive-dashboard .executive-customizer {
  box-shadow: 0 18px 46px rgba(0, 0, 0, .2);
}
.intelligence-page .bi-tabs {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 8px;
  overflow-x: auto;
  border: 1px solid var(--bi-border);
  border-radius: 19px;
  background: color-mix(in srgb, var(--bi-card) 92%, transparent);
  box-shadow: 0 14px 35px rgba(23, 45, 75, .08);
  backdrop-filter: blur(18px);
}
.intelligence-page .bi-tabs button {
  min-height: 42px;
  padding: 0 17px;
  white-space: nowrap;
  border: 1px solid transparent;
  border-radius: 13px;
  color: var(--bi-muted);
  background: transparent;
  font: 800 .76rem/1 inherit;
  cursor: pointer;
  transition: color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease;
}
.intelligence-page .bi-tabs button:hover {
  color: var(--bi-text);
  background: var(--bi-soft);
  transform: translateY(-1px);
}
.intelligence-page .bi-tabs button.active {
  color: #fff;
  border-color: rgba(255,255,255,.1);
  background: linear-gradient(135deg, #101b2c, #24405f);
  box-shadow: 0 9px 22px rgba(12, 30, 53, .22);
}
html.bdn-dark-panels .intelligence-page .bi-tabs button.active {
  color: #071522;
  background: linear-gradient(135deg, #edf6ff, #bcd9fb);
}
.intelligence-page .bi-widget-grid,
.intelligence-page .bi-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.intelligence-page .bi-kpis.six { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.intelligence-page .bi-kpi {
  position: relative;
  overflow: hidden;
  display: grid;
  gap: 8px;
  min-height: 132px;
  padding: 21px;
  border: 1px solid var(--bi-border);
  border-radius: 20px;
  color: var(--bi-text);
  background: var(--bi-card);
  box-shadow: 0 15px 38px rgba(25, 47, 76, .075);
}
.intelligence-page .bi-kpi::before {
  content: "";
  position: absolute;
  top: 0;
  left: 20px;
  width: 42px;
  height: 3px;
  border-radius: 0 0 4px 4px;
  background: var(--bi-accent, #468ff5);
}
.intelligence-page .bi-kpi::after {
  content: "";
  position: absolute;
  right: -38px;
  bottom: -58px;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: var(--bi-accent, #468ff5);
  opacity: .12;
}
.intelligence-page .bi-kpi.positive { --bi-accent: #27c997; }
.intelligence-page .bi-kpi.warning { --bi-accent: #f0ad3d; }
.intelligence-page .bi-kpi.negative { --bi-accent: #ed5a6e; }
.intelligence-page .bi-kpi.neutral { --bi-accent: #468ff5; }
.intelligence-page .bi-kpi > span,
.intelligence-page .bi-kpi > small { color: var(--bi-muted); font-weight: 700; }
.intelligence-page .bi-kpi > strong { font-size: 1.55rem; letter-spacing: -.035em; }
.intelligence-page .bi-table-wrap { width: 100%; overflow: auto; }
.intelligence-page .bi-table-wrap table { width: 100%; border-collapse: collapse; white-space: nowrap; }
.intelligence-page .bi-table-wrap th { padding: 12px; color: var(--bi-muted); border-bottom: 1px solid var(--bi-border); font-size: .67rem; letter-spacing: .08em; text-align: left; text-transform: uppercase; }
.intelligence-page .bi-table-wrap td { padding: 13px 12px; color: var(--bi-text); border-bottom: 1px solid var(--bi-border); }
.intelligence-page .bi-table-wrap small { display: block; margin-top: 3px; color: var(--bi-muted); }
@media (max-width: 1100px) {
  .intelligence-page .bi-widget-grid, .intelligence-page .bi-kpis, .intelligence-page .bi-kpis.six { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .intelligence-page .bi-tabs { border-radius: 16px; }
  .intelligence-page .bi-tabs button { min-height: 38px; padding: 0 13px; }
  .intelligence-page .bi-widget-grid, .intelligence-page .bi-kpis, .intelligence-page .bi-kpis.six { grid-template-columns: 1fr; }
}
/* Executive liquid glass dark palette */
html.bdn-dark-panels .executive-dashboard { --ex-glass: rgba(13, 28, 46, .68); --ex-glass-strong: rgba(16, 33, 53, .9); background: radial-gradient(circle at 8% 0, rgba(52, 126, 220, .16), transparent 28%), radial-gradient(circle at 98% 16%, rgba(117, 83, 210, .13), transparent 25%), rgba(6, 15, 27, .22); }
html.bdn-dark-panels .executive-dashboard .executive-hero { color: #eff6ff; border-color: rgba(165, 193, 225, .16); background: radial-gradient(circle at 80% 12%, rgba(58, 125, 224, .27), transparent 32%), radial-gradient(circle at 98% 100%, rgba(116, 82, 211, .18), transparent 30%), linear-gradient(135deg, rgba(12, 29, 48, .94), rgba(18, 38, 62, .78)); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 22px 55px rgba(0,0,0,.24); }
html.bdn-dark-panels .executive-dashboard .executive-hero p { color: #9eb0c7; }
html.bdn-dark-panels .executive-dashboard .executive-date,
html.bdn-dark-panels .executive-dashboard .executive-settings { color: #e4effd; border-color: rgba(170, 198, 230, .15); background: rgba(255,255,255,.055); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 8px 20px rgba(0,0,0,.18); }
html.bdn-dark-panels .executive-dashboard .executive-kpi,
html.bdn-dark-panels .executive-dashboard .executive-panel,
html.bdn-dark-panels .executive-dashboard .executive-customizer { border-color: rgba(155, 185, 220, .16); background: var(--ex-glass); box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 16px 40px rgba(0,0,0,.18); }
html.bdn-dark-panels .executive-dashboard .stock-pulse-metrics > div { border-color: rgba(154, 185, 220, .13); background: rgba(255,255,255,.035); }
/* Route heading focus cleanup */
main h1:focus,
.executive-dashboard h1:focus,
.intelligence-page h1:focus,
[tabindex="-1"]:focus {
  outline: none !important;
  box-shadow: none !important;
}
/* Executive clock dark palette */
html.bdn-dark-panels .executive-dashboard .executive-datetime { color: #eef6ff; border-color: rgba(173,201,232,.16); background: linear-gradient(145deg,rgba(255,255,255,.075),rgba(111,159,220,.045)); box-shadow: inset 0 1px 0 rgba(255,255,255,.08),0 12px 28px rgba(0,0,0,.2); }
html.bdn-dark-panels .executive-dashboard .date-orb span,
html.bdn-dark-panels .executive-dashboard .clock-face small { color: #93a8c0; }
html.bdn-dark-panels .executive-dashboard .clock-face > div em { color: #8cc5ff; background: rgba(71,143,235,.15); }
html.bdn-dark-panels .executive-dashboard .date-orb:after { background: linear-gradient(transparent,rgba(177,204,235,.18),transparent); }