/* Završni sloj tamne teme učitava se poslije izolovanih stilova svih komponenti. */
html.dark-theme {
    --bm-bg: #18181a;
    --bm-surface: rgba(36, 36, 39, 0.72);
    --bm-surface-raised: rgba(48, 48, 51, 0.58);
    --bm-surface-modal: rgba(37, 37, 40, 0.96);
    --bm-border: rgba(174, 176, 181, 0.12);
    --bm-border-strong: rgba(174, 176, 181, 0.22);
    --bm-text: #b8b9bd;
    --bm-text-muted: #777a80;
    --bm-text-soft: #94969c;
    --bm-accent: #aeb0b5;
    --bm-accent-2: #ad8762;
    --bm-row-hover: rgba(174, 176, 181, 0.08);
    --bm-row-selected: rgba(174, 176, 181, 0.11);
    --bm-table-hover: rgba(174, 176, 181, 0.08);
    --bm-sortable-hover: #c5c6ca;
    --bm-search-bg: rgba(24, 24, 27, 0.42);
    --bm-search-icon: #777a80;
    --bm-search-icon-active: #b8b9bd;
    --bm-brand-primary: #b8b9bd;
    --bm-brand-secondary: #85878d;
    --bm-brand-hover: #d1d1d4;
    --bm-brand-divider: rgba(174, 176, 181, 0.28);
    --bm-tooltip-bg: #29292c;
    --bm-tooltip-text: #c5c6ca;
    --bm-skeleton-from: rgba(174, 176, 181, 0.07);
    --bm-skeleton-to: rgba(174, 176, 181, 0.16);
}

html.dark-theme body,
html.dark-theme .workspace,
html.dark-theme .workspace-body,
html.dark-theme .content,
html.dark-theme .bm-page-shell,
html.dark-theme .bm-analytics-shell,
html.dark-theme .bm-profile-shell {
    color: #9da0a5;
}

html.dark-theme .workspace,
html.dark-theme .workspace-body,
html.dark-theme .content,
html.dark-theme .bm-page-shell,
html.dark-theme .bm-analytics-shell,
html.dark-theme .bm-profile-shell {
    background: transparent !important;
}

html.dark-theme .content h1,
html.dark-theme .content h2,
html.dark-theme .content h3,
html.dark-theme .content h4,
html.dark-theme .content h5,
html.dark-theme .content h6,
html.dark-theme .content .panel-title,
html.dark-theme .content .bm-page-title,
html.dark-theme .content .bm-section-title {
    color: #b8b9bd;
    font-weight: 500;
    letter-spacing: 0;
}

html.dark-theme .content p,
html.dark-theme .content .text-muted,
html.dark-theme .content small,
html.dark-theme .content .form-text,
html.dark-theme .content .bm-muted {
    color: #777a80 !important;
}

/* Kartice i paneli zadržavaju teksturu pozadine uz diskretan blur. */
html.dark-theme .content :is(
    .card,
    .panel,
    .status-panel,
    .upload-panel,
    .chat-info__card,
    .bm-analytics-card,
    .bm-cfg-card,
    .bm-profile-panel,
    .bm-command-list-card,
    .bm-command-editor-card,
    .bm-command-info-card,
    .bm-command-sql-panel,
    .bm-info-card,
    .bm-hotelier-modal-card,
    .bm-certificate-detail-card,
    .auth-result-card) {
    color: #9da0a5;
    background: rgba(24, 24, 27, 0.42) !important;
    border-color: rgba(174, 176, 181, 0.11) !important;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035),
        0 12px 26px rgba(0, 0, 0, 0.15) !important;
}

html.dark-theme .content :is(
    .card-header,
    .card-footer,
    .panel-heading,
    .bm-analytics-card__header,
    .bm-analytics-card__footer,
    .bm-cfg-card__header,
    .bm-cfg-card__footer,
    .bm-info-card__title,
    .bm-command-info-card__footer) {
    color: #aeb0b5;
    background: rgba(48, 48, 51, 0.34) !important;
    border-color: rgba(174, 176, 181, 0.10) !important;
}

html.dark-theme .content :is(
    .bm-analytics-card__icon,
    .bm-cfg-card__icon,
    .bm-profile-avatar,
    .bm-profile-image-modal-avatar) {
    color: #aeb0b5 !important;
    background: rgba(174, 176, 181, 0.08) !important;
    border-color: rgba(174, 176, 181, 0.14) !important;
    box-shadow: none !important;
}

/* Sve tabele koriste iste mirne grafitne površine. */
html.dark-theme .content :is(
    .bm-table-modern-wrapper,
    .bm-analytics-table-wrap,
    .table-responsive) {
    background: rgba(24, 24, 27, 0.34) !important;
    border-color: rgba(174, 176, 181, 0.09) !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 12px 26px rgba(0, 0, 0, 0.14) !important;
}

html.dark-theme .content :is(.table, .bm-table, .bm-analytics-table) {
    --bs-table-bg: transparent;
    --bs-table-color: #9da0a5;
    --bs-table-border-color: rgba(174, 176, 181, 0.08);
    color: #9da0a5;
    background: transparent !important;
}

html.dark-theme .content :is(.table, .bm-table, .bm-analytics-table) thead th {
    color: #8f9298 !important;
    background: rgba(42, 42, 45, 0.78) !important;
    border-color: rgba(174, 176, 181, 0.10) !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
}

/* Sticky zaglavlje HoteliTable mora biti potpuno neprovidno da redovi ne prosijavaju ispod njega. */
html.dark-theme .content .bm-hoteli-table .bm-table thead,
html.dark-theme .content .bm-hoteli-table .bm-table thead tr,
html.dark-theme .content .bm-hoteli-table .bm-table thead th {
    background: #28282b !important;
}

html.dark-theme .content :is(.table, .bm-table, .bm-analytics-table) tbody td {
    color: #9da0a5;
    background: rgba(48, 48, 51, 0.34);
    border-color: rgba(174, 176, 181, 0.075);
    font-weight: 400;
}

html.dark-theme .content :is(.table, .bm-table, .bm-analytics-table) tbody tr:hover > td {
    background: rgba(58, 58, 61, 0.54) !important;
    border-color: rgba(174, 176, 181, 0.16) !important;
}

html.dark-theme .content :is(.table, .bm-table, .bm-analytics-table) tbody tr.bm-row-selected > td {
    background: rgba(174, 176, 181, 0.09) !important;
    border-color: rgba(174, 176, 181, 0.22) !important;
}

html.dark-theme .content :is(.table, .bm-table, .bm-analytics-table) tbody tr.bm-row-offline > td {
    color: #6e7073 !important;
    background: rgba(110, 112, 115, 0.035) !important;
    border-color: rgba(110, 112, 115, 0.10) !important;
}

html.dark-theme .content :is(.table, .bm-table, .bm-analytics-table) tbody tr.bm-row-offline * {
    color: #6e7073 !important;
    font-weight: 400 !important;
}

/* Polja, liste, kalendari i padajući meniji. */
html.dark-theme .content :is(
    .form-control,
    .form-select,
    .bm-input,
    .bm-select,
    textarea,
    input:not([type="checkbox"]):not([type="radio"]),
    select) {
    color: #b8b9bd !important;
    background-color: rgba(24, 24, 27, 0.46) !important;
    border-color: rgba(174, 176, 181, 0.14) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025) !important;
}

html.dark-theme .content :is(
    .form-control,
    .form-select,
    .bm-input,
    .bm-select,
    textarea,
    input:not([type="checkbox"]):not([type="radio"]),
    select):focus {
    color: #d1d1d4 !important;
    background-color: rgba(48, 48, 51, 0.64) !important;
    border-color: rgba(174, 176, 181, 0.30) !important;
    box-shadow: 0 0 0 3px rgba(174, 176, 181, 0.08) !important;
}

html.dark-theme .content :is(input, textarea)::placeholder {
    color: #66696f !important;
    opacity: 1;
}

html.dark-theme .content :is(.form-control, .form-select, .bm-input, .bm-select):disabled {
    color: #6e7073 !important;
    background-color: rgba(24, 24, 27, 0.28) !important;
    border-color: rgba(110, 112, 115, 0.10) !important;
    opacity: 0.8;
}

html.dark-theme .content :is(.form-check-input, input[type="checkbox"], input[type="radio"]) {
    accent-color: #aeb0b5;
    background-color: rgba(24, 24, 27, 0.72);
    border-color: rgba(174, 176, 181, 0.30);
    box-shadow: none;
}

html.dark-theme .content :is(.form-check-input, input[type="checkbox"], input[type="radio"]):checked {
    background-color: #8f9298;
    border-color: #aeb0b5;
}

html.dark-theme .content :is(
    .dropdown-menu,
    .bm-company-suggestions,
    .bm-date-calendar,
    .bm-picker-menu,
    .bm-select-options,
    .autocomplete-items) {
    color: #9da0a5 !important;
    background: rgba(37, 37, 40, 0.97) !important;
    border-color: rgba(174, 176, 181, 0.14) !important;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.32) !important;
}

html.dark-theme .content :is(
    .dropdown-item,
    .bm-company-suggestion,
    .bm-picker-option,
    .bm-select-option) {
    color: #9da0a5 !important;
    background: transparent !important;
}

html.dark-theme .content :is(
    .dropdown-item,
    .bm-company-suggestion,
    .bm-picker-option,
    .bm-select-option):hover,
html.dark-theme .content :is(
    .dropdown-item.active,
    .dropdown-item:active,
    .bm-company-suggestion--active,
    .bm-picker-option--active,
    .bm-select-option--active) {
    color: #d1d1d4 !important;
    background: rgba(174, 176, 181, 0.10) !important;
}

html.dark-theme .content :is(.nav-tabs, .nav-pills) {
    border-color: rgba(174, 176, 181, 0.10) !important;
}

html.dark-theme .content :is(.nav-tabs, .nav-pills) .nav-link {
    color: #777a80 !important;
    background: transparent !important;
    border-color: transparent !important;
    font-weight: 400;
}

html.dark-theme .content :is(.nav-tabs, .nav-pills) .nav-link:hover {
    color: #b8b9bd !important;
    border-color: rgba(174, 176, 181, 0.12) !important;
}

html.dark-theme .content :is(.nav-tabs, .nav-pills) .nav-link.active {
    color: #d1d1d4 !important;
    background: rgba(174, 176, 181, 0.08) !important;
    border-color: rgba(174, 176, 181, 0.18) !important;
}

/* Akciona dugmad su neutralna; upozorenja ostaju blago narandžasta. */
html.dark-theme .content :is(
    .btn-primary,
    .btn-outline-primary,
    .bm-btn-primary-modal,
    .bm-btn-secondary-modal,
    .bm-btn-dashboard,
    .bm-btn-icon-add,
    .bm-btn-icon-save) {
    color: #c5c6ca !important;
    background: rgba(58, 58, 61, 0.62) !important;
    border-color: rgba(174, 176, 181, 0.22) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.14) !important;
    font-weight: 500;
}

html.dark-theme .content :is(
    .btn-primary,
    .btn-outline-primary,
    .bm-btn-primary-modal,
    .bm-btn-secondary-modal,
    .bm-btn-dashboard,
    .bm-btn-icon-add,
    .bm-btn-icon-save):hover:not(:disabled) {
    color: #e1e1e3 !important;
    background: rgba(72, 72, 76, 0.76) !important;
    border-color: rgba(174, 176, 181, 0.34) !important;
}

html.dark-theme .content :is(
    .btn-secondary,
    .btn-outline-secondary,
    .bm-btn-ghost,
    .bm-btn-icon-cancel) {
    color: #8f9298 !important;
    background: rgba(24, 24, 27, 0.34) !important;
    border-color: rgba(174, 176, 181, 0.13) !important;
    box-shadow: none !important;
}

html.dark-theme .content :is(
    .btn-secondary,
    .btn-outline-secondary,
    .bm-btn-ghost,
    .bm-btn-icon-cancel):hover:not(:disabled) {
    color: #c5c6ca !important;
    background: rgba(58, 58, 61, 0.52) !important;
    border-color: rgba(174, 176, 181, 0.24) !important;
}

html.dark-theme .content :is(
    .btn-danger,
    .btn-outline-danger,
    .bm-btn-danger-modal,
    .bm-btn-warning-modal) {
    color: #b89061 !important;
    background: rgba(173, 135, 98, 0.08) !important;
    border-color: rgba(173, 135, 98, 0.24) !important;
    box-shadow: none !important;
}

html.dark-theme .content :is(
    .btn-danger,
    .btn-outline-danger,
    .bm-btn-danger-modal,
    .bm-btn-warning-modal):hover:not(:disabled) {
    color: #c99d6d !important;
    background: rgba(173, 135, 98, 0.14) !important;
    border-color: rgba(173, 135, 98, 0.36) !important;
}

html.dark-theme .content :is(button, .btn):disabled {
    box-shadow: none !important;
    opacity: 0.55;
}

html.dark-theme .content :is(
    .text-danger,
    .validation-message,
    .invalid-feedback,
    .bm-warning-text,
    .bm-chart-error,
    .bm-analytics-error) {
    color: #ad8762 !important;
    font-weight: 400 !important;
}

html.dark-theme .content :is(.alert-danger, .alert-warning) {
    color: #b89061 !important;
    background: rgba(173, 135, 98, 0.08) !important;
    border-color: rgba(173, 135, 98, 0.22) !important;
}

html.dark-theme .content :is(.alert-success, .bm-form-msg--success) {
    color: #9baba3 !important;
    background: rgba(123, 151, 137, 0.08) !important;
    border-color: rgba(123, 151, 137, 0.20) !important;
}

html.dark-theme .content :is(
    .badge,
    .bm-role-badge,
    .package-badge,
    .bm-status-pill) {
    color: #9da0a5;
    background: rgba(174, 176, 181, 0.07);
    border-color: rgba(174, 176, 181, 0.14);
    font-weight: 500;
}

/* Obje varijante modala dijele isti graphite izgled. */
html.dark-theme :is(.bm-modal-overlay, .bm-modal-backdrop) {
    background: rgba(8, 8, 10, 0.68) !important;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

html.dark-theme :is(
    .bm-modal,
    .bm-column-modal,
    .modal-content,
    .topbar-notifications-modal) {
    color: #9da0a5 !important;
    background: rgba(37, 37, 40, 0.96) !important;
    border-color: rgba(174, 176, 181, 0.15) !important;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.045),
        0 24px 58px rgba(0, 0, 0, 0.42) !important;
}

html.dark-theme :is(
    .bm-modal-header,
    .bm-modal__header,
    .bm-column-modal__header,
    .modal-header) {
    color: #b8b9bd !important;
    background: rgba(48, 48, 51, 0.38) !important;
    border-color: rgba(174, 176, 181, 0.10) !important;
}

html.dark-theme :is(
    .bm-modal-title,
    .bm-modal__header h2,
    .bm-modal__header h3,
    .bm-column-modal__header h2,
    .modal-title) {
    color: #b8b9bd !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
}

html.dark-theme :is(
    .bm-modal-body,
    .bm-modal__body,
    .bm-column-modal__body,
    .modal-body) {
    color: #9da0a5 !important;
    background: transparent !important;
}

html.dark-theme .bm-certificate-warning-detail-row--head {
    color: #9da0a5 !important;
    background: #2d2d30 !important;
    border-color: rgba(174, 176, 181, 0.12) !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

html.dark-theme :is(
    .bm-modal-footer,
    .bm-modal__footer,
    .bm-column-modal__footer,
    .modal-footer) {
    justify-content: flex-end !important;
    gap: 0.6rem !important;
    color: #8f9298 !important;
    background: rgba(24, 24, 27, 0.28) !important;
    border-color: rgba(174, 176, 181, 0.10) !important;
}

html.dark-theme :is(
    .bm-modal-footer,
    .bm-modal__footer,
    .bm-column-modal__footer,
    .modal-footer) :is(
    .btn-primary,
    .btn-outline-primary,
    .bm-btn-primary-modal,
    .bm-btn-danger-modal,
    .bm-btn-warning-modal,
    [type="submit"]) {
    order: 1;
}

html.dark-theme :is(
    .bm-modal-footer,
    .bm-modal__footer,
    .bm-column-modal__footer,
    .modal-footer) :is(
    .btn-secondary,
    .btn-outline-secondary,
    .bm-btn-ghost,
    .bm-btn-icon-cancel) {
    order: 2;
}

html.dark-theme :is(.bm-modal-close, .btn-close) {
    color: #8f9298 !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    opacity: 1;
}

html.dark-theme :is(.bm-modal-close, .btn-close):hover {
    color: #d1d1d4 !important;
    background-color: rgba(174, 176, 181, 0.08) !important;
}

html.dark-theme .bm-modal :is(
    .form-control,
    .form-select,
    .bm-input,
    .bm-select,
    textarea,
    input:not([type="checkbox"]):not([type="radio"]),
    select) {
    color: #b8b9bd !important;
    background-color: rgba(24, 24, 27, 0.58) !important;
    border-color: rgba(174, 176, 181, 0.14) !important;
    box-shadow: none !important;
}

html.dark-theme .bm-modal :is(
    .form-control,
    .form-select,
    .bm-input,
    .bm-select,
    textarea,
    input:not([type="checkbox"]):not([type="radio"]),
    select):focus {
    background-color: rgba(48, 48, 51, 0.72) !important;
    border-color: rgba(174, 176, 181, 0.30) !important;
    box-shadow: 0 0 0 3px rgba(174, 176, 181, 0.08) !important;
}

html.dark-theme .bm-modal :is(.form-check-input, input[type="checkbox"], input[type="radio"]) {
    accent-color: #aeb0b5;
    background-color: #202023;
    border-color: rgba(174, 176, 181, 0.28);
}

html.dark-theme .bm-modal :is(.form-check-input, input[type="checkbox"], input[type="radio"]):checked {
    background-color: #8f9298;
    border-color: #aeb0b5;
}

html.dark-theme .bm-modal :is(
    .btn-primary,
    .btn-outline-primary,
    .bm-btn-primary-modal,
    .bm-btn-secondary-modal,
    [type="submit"]) {
    color: #c5c6ca !important;
    background: rgba(58, 58, 61, 0.66) !important;
    border-color: rgba(174, 176, 181, 0.24) !important;
    box-shadow: none !important;
}

html.dark-theme .bm-modal :is(
    .btn-secondary,
    .btn-outline-secondary,
    .bm-btn-ghost,
    .bm-btn-icon-cancel) {
    color: #8f9298 !important;
    background: rgba(24, 24, 27, 0.38) !important;
    border-color: rgba(174, 176, 181, 0.14) !important;
    box-shadow: none !important;
}

html.dark-theme .bm-modal :is(.btn-danger, .btn-outline-danger, .bm-btn-danger-modal, .bm-btn-warning-modal) {
    color: #b89061 !important;
    background: rgba(173, 135, 98, 0.09) !important;
    border-color: rgba(173, 135, 98, 0.25) !important;
    box-shadow: none !important;
}

html.dark-theme .bm-modal :is(
    .bm-table-modern-wrapper,
    .bm-maintenance-bulk-table-wrapper,
    .bm-analytics-table-wrap) {
    background: rgba(24, 24, 27, 0.38) !important;
    border-color: rgba(174, 176, 181, 0.10) !important;
}

html.dark-theme .bm-modal :is(.table, .bm-table, .bm-analytics-table) thead th {
    color: #8f9298 !important;
    background: rgba(42, 42, 45, 0.86) !important;
    border-color: rgba(174, 176, 181, 0.10) !important;
    font-weight: 500 !important;
}

html.dark-theme .bm-modal :is(.table, .bm-table, .bm-analytics-table) tbody td {
    color: #9da0a5;
    background: rgba(48, 48, 51, 0.38);
    border-color: rgba(174, 176, 181, 0.075);
}

/* Posebne stranice koje imaju sopstvene dekorativne površine. */
html.dark-theme :is(.login-card, .auth-result-card) {
    color: #9da0a5 !important;
    background: rgba(30, 30, 33, 0.86) !important;
    border-color: rgba(174, 176, 181, 0.13) !important;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    box-shadow: 0 20px 54px rgba(0, 0, 0, 0.38) !important;
}

html.dark-theme :is(.login-card__header, .login-card__footer) {
    color: #9da0a5 !important;
    background: transparent !important;
    border-color: rgba(174, 176, 181, 0.10) !important;
}

html.dark-theme .content :is(
    .file-drop,
    .upload-result,
    .bm-profile-session-item,
    .bm-profile-image-modal-preview,
    .bm-largest-db,
    .bm-chart-empty,
    .bm-analytics-empty,
    .bm-analytics-loading) {
    color: #8f9298 !important;
    background: rgba(48, 48, 51, 0.28) !important;
    border-color: rgba(174, 176, 181, 0.11) !important;
}

html.dark-theme .content :is(
    .pagination,
    .bm-pagination) :is(.page-link, button) {
    color: #8f9298 !important;
    background: rgba(24, 24, 27, 0.38) !important;
    border-color: rgba(174, 176, 181, 0.12) !important;
}

html.dark-theme .content :is(
    .pagination,
    .bm-pagination) :is(.active .page-link, button.active) {
    color: #d1d1d4 !important;
    background: rgba(174, 176, 181, 0.12) !important;
    border-color: rgba(174, 176, 181, 0.24) !important;
}

html.dark-theme .content :is(.progress, .bm-progress, .bm-disk-progress__track) {
    background: rgba(110, 112, 115, 0.16) !important;
    box-shadow: inset 0 0 0 1px rgba(174, 176, 181, 0.07) !important;
}

html.dark-theme .content .bm-disk-progress__track {
    background: rgba(17, 17, 19, 0.42) !important;
    box-shadow:
        inset 0 0 0 1px rgba(174, 176, 181, 0.10),
        0 1px 0 rgba(255, 255, 255, 0.025) !important;
}

html.dark-theme .content hr {
    border-color: rgba(174, 176, 181, 0.10);
    opacity: 1;
}

/* Chat zadržava jasnu selekciju bez ljubičastih dekorativnih površina. */
html.dark-theme .content :is(.chat-sidebar, .chat-thread, .chat-info) {
    color: #9da0a5;
    background: rgba(24, 24, 27, 0.42) !important;
    border-color: rgba(174, 176, 181, 0.11) !important;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035),
        0 12px 26px rgba(0, 0, 0, 0.15) !important;
}

html.dark-theme .content :is(.chat-search, .chat-composer, .chat-thread__header) {
    background: rgba(48, 48, 51, 0.30) !important;
    border-color: rgba(174, 176, 181, 0.10) !important;
}

html.dark-theme .content :is(.chat-tab--active, .chat-conversation--active) {
    color: #d1d1d4 !important;
    background: rgba(174, 176, 181, 0.10) !important;
    border-color: rgba(174, 176, 181, 0.24) !important;
    box-shadow: none !important;
}

html.dark-theme .content :is(.chat-conversation, .chat-user-row) {
    color: #9da0a5;
    background: rgba(48, 48, 51, 0.30) !important;
    border-color: rgba(174, 176, 181, 0.10) !important;
}

html.dark-theme .content :is(.chat-conversation, .chat-user-row):hover {
    background: rgba(58, 58, 61, 0.50) !important;
    border-color: rgba(174, 176, 181, 0.18) !important;
}

html.dark-theme .content .chat-section-label {
    color: #777a80 !important;
    letter-spacing: 0;
}

html.dark-theme .content .chat-avatar {
    color: #c5c6ca;
    background: rgba(174, 176, 181, 0.12) !important;
    border: 1px solid rgba(174, 176, 181, 0.16);
}

/* Posebni filteri i segmentne kontrole prate isti neutralni aktivni status. */
html.dark-theme .content :is(
    .bm-filter-tab,
    .bm-filter-chip,
    .bm-segment-button,
    .theme-segment__button) {
    color: #777a80 !important;
    background: transparent !important;
    border-color: rgba(174, 176, 181, 0.10) !important;
    box-shadow: none !important;
}

html.dark-theme .content :is(
    .bm-filter-tab.active,
    .bm-filter-tab--active,
    .bm-filter-chip.active,
    .bm-filter-chip--active,
    .bm-segment-button.active,
    .theme-segment__button.active) {
    color: #d1d1d4 !important;
    background: rgba(174, 176, 181, 0.10) !important;
    border-color: rgba(174, 176, 181, 0.22) !important;
    box-shadow: none !important;
}

/* Globalni modal poruka komandi nalazi se izvan sadržaja stranice. */
html.dark-theme .topbar-notifications-modal-body {
    color: #9da0a5;
    background: transparent;
}

html.dark-theme .topbar-user-notifications-empty {
    color: #777a80;
}

html.dark-theme .topbar-user-notification {
    color: #9da0a5;
    background: rgba(48, 48, 51, 0.34) !important;
    border-color: rgba(174, 176, 181, 0.10) !important;
}

html.dark-theme .topbar-user-notification:hover,
html.dark-theme .topbar-user-notification:focus-visible {
    color: #c5c6ca;
    background: rgba(58, 58, 61, 0.54) !important;
    border-color: rgba(174, 176, 181, 0.20) !important;
}

html.dark-theme .topbar-user-notification--unread {
    background: rgba(174, 176, 181, 0.08) !important;
    border-color: rgba(174, 176, 181, 0.22) !important;
}

html.dark-theme .topbar-user-notification-status {
    color: #8f9298;
    background: rgba(174, 176, 181, 0.08);
    font-weight: 500;
}

html.dark-theme .topbar-user-notification-status--ok {
    color: #91a39a;
    background: rgba(123, 151, 137, 0.09);
}

html.dark-theme :is(
    .topbar-user-notification-status--error,
    .topbar-user-notification-status--warning,
    .topbar-user-notification-error) {
    color: #ad8762 !important;
    background: rgba(173, 135, 98, 0.08);
    font-weight: 400;
}

html.dark-theme :is(
    .topbar-user-notification-message,
    .topbar-user-notification-details,
    .topbar-user-notification-time) {
    color: #777a80;
    font-weight: 400;
}

html.dark-theme .topbar-notifications-modal-footer .btn-primary {
    color: #c5c6ca;
    background: rgba(58, 58, 61, 0.66);
    border-color: rgba(174, 176, 181, 0.24);
    box-shadow: none;
}

html.dark-theme .topbar-notifications-modal-footer .btn-outline-secondary {
    color: #8f9298;
    background: rgba(24, 24, 27, 0.38);
    border-color: rgba(174, 176, 181, 0.14);
    box-shadow: none;
}

/* Stranice prijave koriste istu pozadinu i iste graphite kontrole kao aplikacija. */
html.dark-theme .login-layout {
    color: #9da0a5;
    background-color: #151517 !important;
    background-image: url("/images/backgrounds/garson_graphite_clean.png") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}

html.dark-theme .login-layout__overlay {
    background: rgba(12, 12, 14, 0.34) !important;
}

html.dark-theme .login-theme-toggle.theme-segment {
    background: rgba(24, 24, 27, 0.70) !important;
    border-color: rgba(174, 176, 181, 0.15) !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22) !important;
}

html.dark-theme .login-theme-toggle .theme-segment__button {
    color: #777a80 !important;
    background: transparent !important;
}

html.dark-theme .login-theme-toggle .theme-segment__button:hover {
    color: #c5c6ca !important;
    background: rgba(174, 176, 181, 0.07) !important;
}

html.dark-theme .login-theme-toggle .theme-segment__button.active,
html.dark-theme .login-theme-toggle.theme-segment[data-theme-mode="system"] .theme-segment__button[data-theme-choice="system"],
html.dark-theme .login-theme-toggle.theme-segment[data-theme-mode="light"] .theme-segment__button[data-theme-choice="light"],
html.dark-theme .login-theme-toggle.theme-segment[data-theme-mode="dark"] .theme-segment__button[data-theme-choice="dark"] {
    color: #d1d1d4 !important;
    background: rgba(174, 176, 181, 0.10) !important;
    box-shadow: inset 0 0 0 1px rgba(174, 176, 181, 0.08) !important;
}

html.dark-theme .login-card :is(.login-label, h1, h2, h3, h4) {
    color: #b8b9bd !important;
    font-weight: 500;
    letter-spacing: 0;
}

html.dark-theme .login-card :is(p, small, .login-card__footer) {
    color: #777a80 !important;
}

html.dark-theme .login-card .login-input {
    color: #b8b9bd !important;
    background: rgba(24, 24, 27, 0.58) !important;
    border-color: rgba(174, 176, 181, 0.14) !important;
    box-shadow: none !important;
}

html.dark-theme .login-card .login-input:focus {
    background: rgba(48, 48, 51, 0.68) !important;
    border-color: rgba(174, 176, 181, 0.30) !important;
    box-shadow: 0 0 0 3px rgba(174, 176, 181, 0.08) !important;
}

html.dark-theme .login-card .login-input::placeholder {
    color: #66696f !important;
}

html.dark-theme .login-card :is(.login-btn, .login-btn--link) {
    color: #c5c6ca !important;
    background: rgba(58, 58, 61, 0.66) !important;
    border-color: rgba(174, 176, 181, 0.24) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.16) !important;
}

html.dark-theme .login-card :is(.login-btn, .login-btn--link):hover:not(:disabled) {
    color: #e1e1e3 !important;
    background: rgba(72, 72, 76, 0.78) !important;
    border-color: rgba(174, 176, 181, 0.34) !important;
}

html.dark-theme .login-card :is(.login-link, .login-resend__btn, .login-eye) {
    color: #9da0a5 !important;
}

html.dark-theme .login-card :is(.login-link, .login-resend__btn, .login-eye):hover {
    color: #d1d1d4 !important;
    background: rgba(174, 176, 181, 0.07) !important;
}

html.dark-theme .login-card :is(.login-alert, .login-resend__err) {
    color: #ad8762 !important;
    background: rgba(173, 135, 98, 0.08) !important;
    border-color: rgba(173, 135, 98, 0.22) !important;
}

html.dark-theme .login-card :is(.login-alert--success, .login-resend__ok) {
    color: #9baba3 !important;
    background: rgba(123, 151, 137, 0.08) !important;
    border-color: rgba(123, 151, 137, 0.20) !important;
}

/* Tabela certifikata koristi neutralnu površinu, a boja ostaje samo na statusu upozorenja. */
html.dark-theme .bm-dashboard-card--certificates .bm-certificate-mini-table {
    background: rgba(24, 24, 27, 0.28) !important;
    border-color: rgba(174, 176, 181, 0.10) !important;
}

html.dark-theme .bm-dashboard-card--certificates .bm-certificate-mini-table__row {
    color: #8f9298 !important;
    border-top-color: rgba(174, 176, 181, 0.075) !important;
    background: transparent;
}

html.dark-theme .bm-dashboard-card--certificates .bm-certificate-mini-table__row:hover,
html.dark-theme .bm-dashboard-card--certificates .bm-certificate-mini-table__row:focus {
    background: rgba(174, 176, 181, 0.055) !important;
}

html.dark-theme .bm-dashboard-card--certificates .bm-certificate-mini-table__subject {
    color: #aeb0b5 !important;
    font-weight: 500 !important;
}

html.dark-theme .bm-dashboard-card--certificates .bm-certificate-mini-table__company {
    color: #6e7073 !important;
    font-weight: 400 !important;
}

html.dark-theme .bm-dashboard-card--certificates .bm-certificate-mini-table__date {
    color: #8f9298 !important;
    font-weight: 400 !important;
}

html.dark-theme .bm-dashboard-card--certificates .bm-certificate-mini-table__status {
    font-weight: 500 !important;
}

html.dark-theme .bm-dashboard-card--certificates .bm-certificate-mini-table__status--expired {
    color: #ad8762 !important;
    background: rgba(173, 135, 98, 0.09) !important;
    border-color: rgba(173, 135, 98, 0.24) !important;
}

html.dark-theme .bm-dashboard-card--certificates .bm-certificate-mini-table__status--soon {
    color: #9b8265 !important;
    background: rgba(155, 130, 101, 0.065) !important;
    border-color: rgba(155, 130, 101, 0.17) !important;
}

/* Svijetla graphite tema koristi istu hijerarhiju, transparentnost i blur kao tamna. */
html:not(.dark-theme) {
    --bm-bg: #d4d5d7;
    --bm-surface: rgba(246, 247, 248, 0.62);
    --bm-surface-raised: rgba(255, 255, 255, 0.62);
    --bm-surface-modal: rgba(242, 243, 244, 0.96);
    --bm-border: rgba(65, 68, 73, 0.14);
    --bm-border-strong: rgba(65, 68, 73, 0.23);
    --bm-text: #484b50;
    --bm-text-primary: #3f4247;
    --bm-text-secondary: #6f7379;
    --bm-text-muted: #85898f;
    --bm-text-soft: #777b81;
    --bm-accent: #62666c;
    --bm-accent-2: #927354;
    --bm-row-hover: rgba(65, 68, 73, 0.08);
    --bm-row-selected: rgba(65, 68, 73, 0.11);
    --bm-table-hover: rgba(65, 68, 73, 0.08);
    --bm-sortable-hover: #34373b;
    --bm-search-bg: rgba(250, 251, 252, 0.54);
    --bm-search-icon: #777b81;
    --bm-search-icon-active: #484b50;
    --bm-brand-primary: #484b50;
    --bm-brand-secondary: #74787e;
    --bm-brand-hover: #292c30;
    --bm-brand-divider: rgba(65, 68, 73, 0.24);
    --bm-tooltip-bg: #f1f2f3;
    --bm-tooltip-text: #484b50;
    --bm-skeleton-from: rgba(65, 68, 73, 0.06);
    --bm-skeleton-to: rgba(65, 68, 73, 0.14);
}

html.sidebar-collapsed .sidebar-link .sbtt {
    color: var(--bm-tooltip-text) !important;
    background: var(--bm-tooltip-bg) !important;
    border-color: var(--bm-border-strong) !important;
    border-radius: 5px;
    font-weight: 500;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

html.dark-theme .sidebar .sidebar-wordmark,
html:not(.dark-theme) .sidebar .sidebar-wordmark {
    color: var(--bm-brand-primary);
    letter-spacing: 0;
    text-shadow: none;
    transition: color 0.14s ease;
}

html.dark-theme .sidebar .sidebar-wordmark__knt,
html:not(.dark-theme) .sidebar .sidebar-wordmark__knt {
    color: var(--bm-brand-primary);
    font-weight: 700;
}

html.dark-theme .sidebar .sidebar-wordmark__monitor,
html:not(.dark-theme) .sidebar .sidebar-wordmark__monitor {
    color: var(--bm-brand-secondary);
    font-weight: 500;
    opacity: 1;
}

html.dark-theme .sidebar .sidebar-wordmark__divider,
html:not(.dark-theme) .sidebar .sidebar-wordmark__divider {
    background: var(--bm-brand-divider);
}

html.dark-theme .sidebar .brand-logo-link:hover .sidebar-wordmark,
html.dark-theme .sidebar .brand-logo-link:focus-visible .sidebar-wordmark,
html:not(.dark-theme) .sidebar .brand-logo-link:hover .sidebar-wordmark,
html:not(.dark-theme) .sidebar .brand-logo-link:focus-visible .sidebar-wordmark {
    color: var(--bm-brand-hover);
}

html.dark-theme .sidebar .brand-logo-link:hover .sidebar-wordmark__knt,
html.dark-theme .sidebar .brand-logo-link:focus-visible .sidebar-wordmark__knt,
html:not(.dark-theme) .sidebar .brand-logo-link:hover .sidebar-wordmark__knt,
html:not(.dark-theme) .sidebar .brand-logo-link:focus-visible .sidebar-wordmark__knt {
    color: var(--bm-brand-hover);
}

html.dark-theme .sidebar .brand-logo-link:hover .sidebar-wordmark__monitor,
html.dark-theme .sidebar .brand-logo-link:focus-visible .sidebar-wordmark__monitor,
html:not(.dark-theme) .sidebar .brand-logo-link:hover .sidebar-wordmark__monitor,
html:not(.dark-theme) .sidebar .brand-logo-link:focus-visible .sidebar-wordmark__monitor {
    color: var(--bm-brand-primary);
}

html.dark-theme body :is(.bm-searchbar, .bm-server-search) .bm-search-icon,
html:not(.dark-theme) body :is(.bm-searchbar, .bm-server-search) .bm-search-icon,
html.dark-theme .topbar .search-shell .search-icon,
html:not(.dark-theme) .topbar .search-shell .search-icon {
    color: var(--bm-search-icon) !important;
    background: currentColor !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='11' cy='11' r='7' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m16.2 16.2 4.3 4.3' stroke='black' stroke-linecap='round' stroke-width='1.8'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='11' cy='11' r='7' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m16.2 16.2 4.3 4.3' stroke='black' stroke-linecap='round' stroke-width='1.8'/%3E%3C/svg%3E") center / contain no-repeat;
    transition: color 0.14s ease;
}

html.dark-theme body :is(.bm-searchbar, .bm-server-search):focus-within .bm-search-icon,
html:not(.dark-theme) body :is(.bm-searchbar, .bm-server-search):focus-within .bm-search-icon,
html.dark-theme .topbar .search-shell:focus-within .search-icon,
html:not(.dark-theme) .topbar .search-shell:focus-within .search-icon {
    color: var(--bm-search-icon-active) !important;
}

html.dark-theme .content .chat-search__icon,
html:not(.dark-theme) .content .chat-search__icon {
    color: var(--bm-search-icon) !important;
    transition: color 0.14s ease;
}

html.dark-theme .content .chat-search:focus-within .chat-search__icon,
html:not(.dark-theme) .content .chat-search:focus-within .chat-search__icon {
    color: var(--bm-search-icon-active) !important;
}

html:not(.dark-theme) .app-shell,
html:not(.dark-theme) .login-layout {
    background-color: #d4d5d7 !important;
    background-image: url("/images/backgrounds/garson_graphite_light_clean.png") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}

html:not(.dark-theme) :is(
    .workspace,
    .workspace-body,
    .content,
    .bm-page-shell,
    .bm-analytics-shell,
    .bm-profile-shell,
    .sidebar,
    .topbar) {
    background: transparent !important;
}

html:not(.dark-theme) .sidebar {
    border-right: 0 !important;
    box-shadow: none !important;
}

html:not(.dark-theme) .topbar {
    border-bottom: 0 !important;
    box-shadow: none !important;
}

html:not(.dark-theme) :is(.workspace, .workspace-body, .content) {
    color: #55595f;
}

html:not(.dark-theme) .content :is(h1, h2, h3, h4, h5, h6, .panel-title, .bm-page-title, .bm-section-title),
html:not(.dark-theme) .topbar-page-title {
    color: #46494e !important;
    font-weight: 500;
    letter-spacing: 0;
}

html:not(.dark-theme) .content :is(p, small, .text-muted, .form-text, .bm-muted) {
    color: #777b81 !important;
}

html:not(.dark-theme) .sidebar-link {
    color: #85898f !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    font-weight: 400;
}

html:not(.dark-theme) .sidebar-link .sbi,
html:not(.dark-theme) .sidebar-link .sbi svg,
html:not(.dark-theme) .sidebar-link .sbi svg * {
    color: #85898f !important;
    stroke: currentColor !important;
}

html:not(.dark-theme) .sidebar-link:hover {
    color: #3f4247 !important;
    background: rgba(255, 255, 255, 0.28) !important;
}

html:not(.dark-theme) .sidebar-link.active,
html:not(.dark-theme) .sidebar-link.active .sbi,
html:not(.dark-theme) .sidebar-link.active .sbi svg,
html:not(.dark-theme) .sidebar-link.active .sbi svg * {
    color: #34373b !important;
    stroke: #34373b !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    font-weight: 500;
}

html:not(.dark-theme) .sidebar-link.active::before {
    background: transparent !important;
}

html:not(.dark-theme) :is(
    .sidebar-toggle,
    .installer-copy-button,
    .topbar-chat-button,
    .topbar-user,
    .theme-segment) {
    color: #5d6167 !important;
    background: rgba(250, 251, 252, 0.54) !important;
    border-color: rgba(65, 68, 73, 0.14) !important;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    box-shadow: 0 8px 20px rgba(55, 58, 63, 0.10) !important;
}

html:not(.dark-theme) :is(
    .sidebar-toggle,
    .installer-copy-button,
    .topbar-chat-button,
    .topbar-user):hover {
    color: #34373b !important;
    background: rgba(255, 255, 255, 0.72) !important;
    border-color: rgba(65, 68, 73, 0.24) !important;
}

html:not(.dark-theme) .theme-segment__button {
    color: #777b81 !important;
    background: transparent !important;
}

html:not(.dark-theme) .theme-segment__button:hover {
    color: #3f4247 !important;
    background: rgba(65, 68, 73, 0.06) !important;
}

html:not(.dark-theme) .theme-segment__button.active,
html:not(.dark-theme) .theme-segment[data-theme-mode="system"] .theme-segment__button[data-theme-choice="system"],
html:not(.dark-theme) .theme-segment[data-theme-mode="light"] .theme-segment__button[data-theme-choice="light"],
html:not(.dark-theme) .theme-segment[data-theme-mode="dark"] .theme-segment__button[data-theme-choice="dark"] {
    color: #34373b !important;
    background: rgba(65, 68, 73, 0.09) !important;
    box-shadow: inset 0 0 0 1px rgba(65, 68, 73, 0.08) !important;
}

html:not(.dark-theme) .theme-segment__button:focus,
html:not(.dark-theme) .theme-segment__button:focus-visible {
    outline: none !important;
    border-color: rgba(65, 68, 73, 0.18) !important;
    box-shadow: inset 0 0 0 1px rgba(65, 68, 73, 0.12) !important;
}

html:not(.dark-theme) :is(
    .topbar-brand-logo,
    .login-card__logo) {
    filter: grayscale(1) brightness(0.58) contrast(0.92);
    opacity: 0.82;
}

html:not(.dark-theme) .topbar-user-dropdown {
    color: #55595f !important;
    background: rgba(242, 243, 244, 0.97) !important;
    border-color: rgba(65, 68, 73, 0.14) !important;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    box-shadow: 0 18px 38px rgba(55, 58, 63, 0.20) !important;
}

html:not(.dark-theme) .topbar-user-dropdown :is(a, button) {
    color: #666a70 !important;
    background: transparent !important;
}

html:not(.dark-theme) .topbar-user-dropdown :is(a, button):hover {
    color: #34373b !important;
    background: rgba(65, 68, 73, 0.07) !important;
}

/* Kartice i paneli svijetle teme. */
html:not(.dark-theme) .content :is(
    .card,
    .panel,
    .status-panel,
    .upload-panel,
    .chat-sidebar,
    .chat-thread,
    .chat-info,
    .chat-info__card,
    .bm-dashboard-card,
    .bm-analytics-card,
    .bm-cfg-card,
    .bm-profile-panel,
    .bm-command-list-card,
    .bm-command-editor-card,
    .bm-command-info-card,
    .bm-command-sql-panel,
    .bm-info-card,
    .bm-hotelier-modal-card,
    .bm-certificate-detail-card,
    .auth-result-card) {
    color: #55595f;
    background: rgba(246, 247, 248, 0.58) !important;
    border-color: rgba(65, 68, 73, 0.13) !important;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.55),
        0 12px 26px rgba(55, 58, 63, 0.10) !important;
}

html:not(.dark-theme) .content :is(
    .card-header,
    .card-footer,
    .panel-heading,
    .bm-analytics-card__header,
    .bm-analytics-card__footer,
    .bm-cfg-card__header,
    .bm-cfg-card__footer,
    .bm-info-card__title,
    .bm-command-info-card__footer) {
    color: #55595f;
    background: rgba(255, 255, 255, 0.34) !important;
    border-color: rgba(65, 68, 73, 0.10) !important;
}

html:not(.dark-theme) .bm-dashboard-card :is(
    .bm-dashboard-card__label,
    .bm-recent-list__header,
    .bm-database-warning-list__header) {
    color: #777b81 !important;
}

html:not(.dark-theme) .bm-dashboard-card :is(
    .bm-dashboard-card__value,
    .bm-recent-list__item,
    .bm-recent-list__name,
    .bm-recent-list__date,
    .bm-database-warning-list__item,
    .bm-database-warning-list__name,
    .bm-database-warning-list__date) {
    color: #4f5358 !important;
}

html:not(.dark-theme) .content :is(
    .bm-analytics-card__icon,
    .bm-cfg-card__icon,
    .bm-profile-avatar,
    .bm-profile-image-modal-avatar) {
    color: #5d6167 !important;
    background: rgba(255, 255, 255, 0.34) !important;
    border-color: rgba(65, 68, 73, 0.13) !important;
    box-shadow: none !important;
}

/* Tabele svijetle teme. */
html:not(.dark-theme) .content :is(
    .bm-table-modern-wrapper,
    .bm-analytics-table-wrap,
    .table-responsive) {
    background: rgba(246, 247, 248, 0.46) !important;
    border-color: rgba(65, 68, 73, 0.11) !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.48),
        0 12px 24px rgba(55, 58, 63, 0.08) !important;
}

html:not(.dark-theme) .content :is(.table, .bm-table, .bm-analytics-table) {
    --bs-table-bg: transparent;
    --bs-table-color: #55595f;
    --bs-table-border-color: rgba(65, 68, 73, 0.09);
    color: #55595f;
    background: transparent !important;
}

html:not(.dark-theme) .content :is(.table, .bm-table, .bm-analytics-table) thead th {
    color: #64686e !important;
    background: rgba(225, 227, 229, 0.72) !important;
    border-color: rgba(65, 68, 73, 0.12) !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
}

html:not(.dark-theme) .content .bm-hoteli-table .bm-table thead,
html:not(.dark-theme) .content .bm-hoteli-table .bm-table thead tr,
html:not(.dark-theme) .content .bm-hoteli-table .bm-table thead th {
    background: #e1e3e5 !important;
}

/* Akcije editora komandi ostaju ispod tabele, sa jasnim prostorom oko oba dugmeta. */
.content .bm-command-editor-card .bm-command-actions {
    display: flex;
    align-self: flex-start;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
    width: var(--bm-command-editor-width, 20rem);
    max-width: 100%;
    gap: 0.65rem;
    margin: 0.45rem 0 0.25rem;
    padding: 0.8rem !important;
    background: transparent !important;
    border: 0 !important;
}

.content .bm-command-editor-card .bm-command-actions .bm-command-button--save + .bm-command-button--delete {
    margin-left: 0 !important;
}

html:not(.dark-theme) .content :is(.table, .bm-table, .bm-analytics-table) tbody td {
    color: #55595f;
    background: rgba(250, 251, 252, 0.42);
    border-color: rgba(65, 68, 73, 0.08);
    font-weight: 400;
}

html:not(.dark-theme) .content :is(.table, .bm-table, .bm-analytics-table) tbody tr:hover > td {
    background: rgba(255, 255, 255, 0.62) !important;
    border-color: rgba(65, 68, 73, 0.16) !important;
}

html:not(.dark-theme) .content :is(.table, .bm-table, .bm-analytics-table) tbody tr.bm-row-selected > td {
    background: rgba(65, 68, 73, 0.095) !important;
    border-color: rgba(65, 68, 73, 0.22) !important;
}

html:not(.dark-theme) .content :is(.table, .bm-table, .bm-analytics-table) tbody tr.bm-row-offline > td {
    color: #85898f !important;
    background: rgba(196, 198, 201, 0.36) !important;
    border-color: rgba(65, 68, 73, 0.10) !important;
}

html:not(.dark-theme) .content :is(.table, .bm-table, .bm-analytics-table) tbody tr.bm-row-offline * {
    color: #85898f !important;
    font-weight: 400 !important;
}

html:not(.dark-theme) .content .bm-maintenance-table--nefiscal tbody tr.bm-row-offline .bm-nef-button--maintenance,
html:not(.dark-theme) .content .bm-maintenance-table--nefiscal tbody tr.bm-row-offline .bm-nef-button--maintenance:hover {
    color: #17191c !important;
}

/* HoteliTable u svijetloj temi koristi mirnu graphite paletu bez statusnog šarenila. */
html:not(.dark-theme) .content .bm-hoteli-table .bm-rooms-badge,
html:not(.dark-theme) .content .bm-hoteli-table .bm-rooms-badge__count {
    color: #62666c !important;
}

html:not(.dark-theme) .content .bm-hoteli-table .bm-rooms-badge__icon {
    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2362666c' fill-opacity='.06' viewBox='0 0 24 24'%3E%3Cpath stroke='%2362666c' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 10.5 12 3l9 7.5V21a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V10.5Z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

html:not(.dark-theme) .content .bm-hoteli-table .bm-client-badge--host {
    color: #62666c !important;
    background: rgba(65, 68, 73, 0.055) !important;
    border-color: rgba(65, 68, 73, 0.14) !important;
    box-shadow: none !important;
    font-weight: 500;
}

html:not(.dark-theme) .content .bm-hoteli-table .bm-client-badge--cloud {
    color: #6f7379 !important;
    background: transparent !important;
    border-color: transparent !important;
}

html:not(.dark-theme) .content .bm-hoteli-table .bm-client-badge--cloud::before {
    background: currentColor !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17.5 19H8a5 5 0 1 1 1.35-9.81A7 7 0 0 1 22 13.5A5.5 5.5 0 0 1 17.5 19Z'/%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17.5 19H8a5 5 0 1 1 1.35-9.81A7 7 0 0 1 22 13.5A5.5 5.5 0 0 1 17.5 19Z'/%3E%3C/svg%3E") no-repeat center / contain;
}

html:not(.dark-theme) .content .bm-hoteli-table :is(.bm-module-pill, .bm-version-badge) {
    color: #65696f !important;
    background: rgba(65, 68, 73, 0.055) !important;
    border-color: rgba(65, 68, 73, 0.14) !important;
    font-weight: 500;
}

html:not(.dark-theme) .content .bm-hoteli-table .bm-connection-status.bm-status-pill--online {
    color: #44484d !important;
}

html:not(.dark-theme) .content .bm-hoteli-table :is(
    .bm-connection-status.bm-status-pill--offline,
    .bm-connection-status.bm-status-pill--neutral,
    .bm-connection-status.bm-status-pill--pending) {
    color: #85898f !important;
}

html:not(.dark-theme) .content .bm-hoteli-table .bm-backup-status-icon.bm-status-pill--online {
    color: #565b61 !important;
}

html:not(.dark-theme) .content .bm-hoteli-table :is(
    .bm-backup-status-icon.bm-status-pill--neutral,
    .bm-backup-status-icon.bm-status-pill--pending) {
    color: #85898f !important;
}

html:not(.dark-theme) .content .bm-hoteli-table .bm-backup-status-icon.bm-status-pill--offline {
    color: #9e565d !important;
}

html:not(.dark-theme) .content .bm-hoteli-table :is(
    .bm-version-text,
    .bm-version-text--current,
    .bm-version-text--warning) {
    color: #595d63 !important;
    font-weight: 400 !important;
}

html:not(.dark-theme) .content .bm-hoteli-table :is(
    .bm-version-text--danger,
    .bm-last-backup-date--stale) {
    color: #9e565d !important;
    font-weight: 400 !important;
}

html:not(.dark-theme) .content .bm-hoteli-table .bm-nef-button {
    color: #873f47 !important;
    background: rgba(158, 86, 93, 0.08) !important;
    border-color: rgba(158, 86, 93, 0.26) !important;
    font-weight: 500;
}

html:not(.dark-theme) .content .bm-hoteli-table .bm-nef-button:hover {
    color: #71363d !important;
    background: rgba(158, 86, 93, 0.14) !important;
    border-color: rgba(158, 86, 93, 0.38) !important;
}

html:not(.dark-theme) .content .bm-hoteli-table .bm-teamviewer-row-notice {
    color: #5c6066;
    background: rgba(65, 68, 73, 0.045);
    border-color: rgba(65, 68, 73, 0.15);
}

html:not(.dark-theme) .content .bm-hoteli-table .bm-teamviewer-row-notice__label {
    color: #565a60;
    background: rgba(65, 68, 73, 0.075);
}

html:not(.dark-theme) .content .bm-hoteli-table .bm-teamviewer-row-notice--error {
    color: #873f47;
    background: rgba(158, 86, 93, 0.06);
    border-color: rgba(158, 86, 93, 0.22);
}

html:not(.dark-theme) .content .bm-hoteli-table .bm-teamviewer-row-notice--error .bm-teamviewer-row-notice__label {
    color: #873f47;
    background: rgba(158, 86, 93, 0.09);
}

html:not(.dark-theme) .content .bm-hoteli-table .bm-sort-indicator {
    color: #686c72 !important;
}

html:not(.dark-theme) .content .bm-hoteli-table .bm-row-updated > td {
    animation-name: bm-hoteli-row-updated-light-graphite;
}

@keyframes bm-hoteli-row-updated-light-graphite {
    0% {
        background: rgba(65, 68, 73, 0.13);
        border-color: rgba(65, 68, 73, 0.24);
    }

    40% {
        background: rgba(65, 68, 73, 0.075);
        border-color: rgba(65, 68, 73, 0.16);
    }

    100% {
        background: rgba(250, 251, 252, 0.42);
        border-color: rgba(65, 68, 73, 0.08);
    }
}

/* Forme, pretrage, filteri i padajući meniji. */
html:not(.dark-theme) :is(.search-shell, .bm-searchbar) {
    background: rgba(250, 251, 252, 0.54) !important;
    border-color: rgba(65, 68, 73, 0.14) !important;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    box-shadow: 0 8px 20px rgba(55, 58, 63, 0.08) !important;
}

html:not(.dark-theme) .content :is(
    .form-control,
    .form-select,
    .bm-input,
    .bm-select,
    textarea,
    input:not([type="checkbox"]):not([type="radio"]),
    select) {
    color: #484b50 !important;
    background-color: rgba(250, 251, 252, 0.58) !important;
    border-color: rgba(65, 68, 73, 0.15) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.48) !important;
}

html:not(.dark-theme) .content :is(
    .form-control,
    .form-select,
    .bm-input,
    .bm-select,
    textarea,
    input:not([type="checkbox"]):not([type="radio"]),
    select):focus {
    background-color: rgba(255, 255, 255, 0.78) !important;
    border-color: rgba(65, 68, 73, 0.30) !important;
    box-shadow: 0 0 0 3px rgba(65, 68, 73, 0.08) !important;
}

html:not(.dark-theme) .content :is(input, textarea)::placeholder {
    color: #92969b !important;
    opacity: 1;
}

html:not(.dark-theme) .content :is(.form-control, .form-select, .bm-input, .bm-select):disabled {
    color: #92969b !important;
    background-color: rgba(222, 224, 226, 0.44) !important;
    border-color: rgba(65, 68, 73, 0.10) !important;
}

html:not(.dark-theme) :is(.form-check-input, input[type="checkbox"], input[type="radio"]) {
    accent-color: #666a70;
    background-color: rgba(250, 251, 252, 0.78);
    border-color: rgba(65, 68, 73, 0.30);
    box-shadow: none;
}

html:not(.dark-theme) :is(.form-check-input, input[type="checkbox"], input[type="radio"]):checked {
    background-color: #666a70;
    border-color: #5d6167;
}

html:not(.dark-theme) :is(
    .dropdown-menu,
    .bm-company-suggestions,
    .bm-date-calendar,
    .bm-picker-menu,
    .bm-select-options,
    .autocomplete-items) {
    color: #55595f !important;
    background: rgba(242, 243, 244, 0.97) !important;
    border-color: rgba(65, 68, 73, 0.14) !important;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    box-shadow: 0 16px 34px rgba(55, 58, 63, 0.18) !important;
}

html:not(.dark-theme) :is(
    .dropdown-item,
    .bm-company-suggestion,
    .bm-picker-option,
    .bm-select-option) {
    color: #666a70 !important;
    background: transparent !important;
}

html:not(.dark-theme) :is(
    .dropdown-item,
    .bm-company-suggestion,
    .bm-picker-option,
    .bm-select-option):hover,
html:not(.dark-theme) :is(
    .dropdown-item.active,
    .dropdown-item:active,
    .bm-company-suggestion--active,
    .bm-picker-option--active,
    .bm-select-option--active) {
    color: #34373b !important;
    background: rgba(65, 68, 73, 0.08) !important;
}

html:not(.dark-theme) .content :is(.nav-tabs, .nav-pills) {
    border-color: rgba(65, 68, 73, 0.11) !important;
}

html:not(.dark-theme) .content :is(.nav-tabs, .nav-pills) .nav-link {
    color: #777b81 !important;
    background: transparent !important;
    border-color: transparent !important;
    font-weight: 400;
}

html:not(.dark-theme) .content :is(.nav-tabs, .nav-pills) .nav-link.active {
    color: #34373b !important;
    background: rgba(255, 255, 255, 0.42) !important;
    border-color: rgba(65, 68, 73, 0.16) !important;
}

/* Dugmad i statusi svijetle teme. */
html:not(.dark-theme) :is(
    .btn-primary,
    .btn-outline-primary,
    .bm-btn-primary-modal,
    .bm-btn-secondary-modal,
    .bm-btn-dashboard,
    .bm-btn-icon-add,
    .bm-btn-icon-save) {
    color: #44474c !important;
    background: rgba(226, 228, 230, 0.72) !important;
    border-color: rgba(65, 68, 73, 0.22) !important;
    box-shadow: 0 8px 18px rgba(55, 58, 63, 0.09) !important;
    font-weight: 500;
}

html:not(.dark-theme) :is(
    .btn-primary,
    .btn-outline-primary,
    .bm-btn-primary-modal,
    .bm-btn-secondary-modal,
    .bm-btn-dashboard,
    .bm-btn-icon-add,
    .bm-btn-icon-save):hover:not(:disabled) {
    color: #292c30 !important;
    background: rgba(238, 239, 240, 0.92) !important;
    border-color: rgba(65, 68, 73, 0.34) !important;
}

html:not(.dark-theme) :is(
    .btn-secondary,
    .btn-outline-secondary,
    .bm-btn-ghost,
    .bm-btn-icon-cancel) {
    color: #6f7379 !important;
    background: rgba(250, 251, 252, 0.42) !important;
    border-color: rgba(65, 68, 73, 0.14) !important;
    box-shadow: none !important;
}

html:not(.dark-theme) :is(
    .btn-secondary,
    .btn-outline-secondary,
    .bm-btn-ghost,
    .bm-btn-icon-cancel):hover:not(:disabled) {
    color: #3f4247 !important;
    background: rgba(255, 255, 255, 0.66) !important;
    border-color: rgba(65, 68, 73, 0.24) !important;
}

html:not(.dark-theme) :is(
    .btn-danger,
    .btn-outline-danger,
    .bm-btn-danger-modal,
    .bm-btn-warning-modal,
    .text-danger,
    .validation-message,
    .invalid-feedback,
    .bm-warning-text) {
    color: #927354 !important;
    font-weight: 400 !important;
}

html:not(.dark-theme) :is(
    .btn-danger,
    .btn-outline-danger,
    .bm-btn-danger-modal,
    .bm-btn-warning-modal,
    .alert-danger,
    .alert-warning) {
    background: rgba(146, 115, 84, 0.08) !important;
    border-color: rgba(146, 115, 84, 0.24) !important;
    box-shadow: none !important;
}

html:not(.dark-theme) :is(.alert-success, .bm-form-msg--success) {
    color: #62796e !important;
    background: rgba(98, 121, 110, 0.08) !important;
    border-color: rgba(98, 121, 110, 0.20) !important;
}

/* Svi modalni prozori svijetle teme. */
html:not(.dark-theme) :is(.bm-modal-overlay, .bm-modal-backdrop) {
    background: rgba(67, 70, 75, 0.30) !important;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

html:not(.dark-theme) :is(
    .bm-modal,
    .bm-column-modal,
    .modal-content,
    .topbar-notifications-modal) {
    color: #55595f !important;
    background: rgba(242, 243, 244, 0.96) !important;
    border-color: rgba(65, 68, 73, 0.16) !important;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.60),
        0 24px 58px rgba(55, 58, 63, 0.24) !important;
}

html:not(.dark-theme) :is(
    .bm-modal-header,
    .bm-modal__header,
    .bm-column-modal__header,
    .modal-header) {
    color: #46494e !important;
    background: rgba(255, 255, 255, 0.34) !important;
    border-color: rgba(65, 68, 73, 0.11) !important;
}

html:not(.dark-theme) :is(
    .bm-modal-title,
    .bm-modal__header h2,
    .bm-modal__header h3,
    .bm-column-modal__header h2,
    .modal-title) {
    color: #46494e !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
}

html:not(.dark-theme) :is(
    .bm-modal-body,
    .bm-modal__body,
    .bm-column-modal__body,
    .modal-body) {
    color: #55595f !important;
    background: transparent !important;
}

html:not(.dark-theme) .bm-certificate-warning-detail-row--head {
    color: #6e7278 !important;
    background: #e5e7e9 !important;
    border-color: rgba(65, 68, 73, 0.14) !important;
    box-shadow: 0 1px 0 rgba(65, 68, 73, 0.08) !important;
}

html:not(.dark-theme) :is(
    .bm-modal-footer,
    .bm-modal__footer,
    .bm-column-modal__footer,
    .modal-footer) {
    justify-content: flex-end !important;
    gap: 0.6rem !important;
    color: #6f7379 !important;
    background: rgba(225, 227, 229, 0.34) !important;
    border-color: rgba(65, 68, 73, 0.11) !important;
}

html:not(.dark-theme) :is(
    .bm-modal-footer,
    .bm-modal__footer,
    .bm-column-modal__footer,
    .modal-footer) :is(
    .btn-primary,
    .btn-outline-primary,
    .bm-btn-primary-modal,
    .bm-btn-danger-modal,
    .bm-btn-warning-modal,
    [type="submit"]) {
    order: 1;
}

html:not(.dark-theme) :is(
    .bm-modal-footer,
    .bm-modal__footer,
    .bm-column-modal__footer,
    .modal-footer) :is(
    .btn-secondary,
    .btn-outline-secondary,
    .bm-btn-ghost,
    .bm-btn-icon-cancel) {
    order: 2;
}

html:not(.dark-theme) :is(.bm-modal-close, .btn-close) {
    color: #6f7379 !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    opacity: 1;
}

html:not(.dark-theme) :is(.bm-modal-close, .btn-close):hover {
    color: #34373b !important;
    background-color: rgba(65, 68, 73, 0.07) !important;
}

html:not(.dark-theme) .bm-modal :is(
    .form-control,
    .form-select,
    .bm-input,
    .bm-select,
    textarea,
    input:not([type="checkbox"]):not([type="radio"]),
    select) {
    color: #484b50 !important;
    background: rgba(250, 251, 252, 0.64) !important;
    border-color: rgba(65, 68, 73, 0.15) !important;
    box-shadow: none !important;
}

html:not(.dark-theme) .bm-modal :is(
    .form-control,
    .form-select,
    .bm-input,
    .bm-select,
    textarea,
    input:not([type="checkbox"]):not([type="radio"]),
    select):focus {
    background: rgba(255, 255, 255, 0.84) !important;
    border-color: rgba(65, 68, 73, 0.30) !important;
    box-shadow: 0 0 0 3px rgba(65, 68, 73, 0.08) !important;
}

html:not(.dark-theme) .bm-modal :is(.table, .bm-table, .bm-analytics-table) thead th {
    color: #64686e !important;
    background: rgba(225, 227, 229, 0.82) !important;
    border-color: rgba(65, 68, 73, 0.12) !important;
    font-weight: 500 !important;
}

html:not(.dark-theme) .bm-modal :is(.table, .bm-table, .bm-analytics-table) tbody td {
    color: #55595f;
    background: rgba(250, 251, 252, 0.46);
    border-color: rgba(65, 68, 73, 0.08);
}

/* Chat i posebne aktivne stavke svijetle teme. */
html:not(.dark-theme) .content :is(.chat-search, .chat-composer, .chat-thread__header) {
    background: rgba(255, 255, 255, 0.30) !important;
    border-color: rgba(65, 68, 73, 0.11) !important;
}

html:not(.dark-theme) .content :is(.chat-tab--active, .chat-conversation--active) {
    color: #34373b !important;
    background: rgba(65, 68, 73, 0.09) !important;
    border-color: rgba(65, 68, 73, 0.22) !important;
    box-shadow: none !important;
}

html:not(.dark-theme) .content :is(.chat-conversation, .chat-user-row) {
    color: #55595f;
    background: rgba(250, 251, 252, 0.40) !important;
    border-color: rgba(65, 68, 73, 0.11) !important;
}

html:not(.dark-theme) .content .chat-section-label {
    color: #777b81 !important;
    letter-spacing: 0;
}

html:not(.dark-theme) .content .chat-avatar {
    color: #484b50;
    background: rgba(65, 68, 73, 0.10) !important;
    border: 1px solid rgba(65, 68, 73, 0.15);
}

html:not(.dark-theme) .content :is(
    .bm-filter-tab,
    .bm-filter-chip,
    .bm-segment-button) {
    color: #777b81 !important;
    background: transparent !important;
    border-color: rgba(65, 68, 73, 0.10) !important;
    box-shadow: none !important;
}

html:not(.dark-theme) .content :is(
    .bm-filter-tab.active,
    .bm-filter-tab--active,
    .bm-filter-chip.active,
    .bm-filter-chip--active,
    .bm-segment-button.active) {
    color: #34373b !important;
    background: rgba(65, 68, 73, 0.09) !important;
    border-color: rgba(65, 68, 73, 0.22) !important;
}

/* Stranice prijave svijetle teme. */
html:not(.dark-theme) .login-layout__overlay {
    background: rgba(246, 247, 248, 0.16) !important;
}

html:not(.dark-theme) :is(.login-card, .auth-result-card) {
    color: #55595f !important;
    background: rgba(242, 243, 244, 0.78) !important;
    border-color: rgba(65, 68, 73, 0.15) !important;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    box-shadow: 0 20px 54px rgba(55, 58, 63, 0.20) !important;
}

html:not(.dark-theme) .login-card :is(.login-label, h1, h2, h3, h4) {
    color: #46494e !important;
    font-weight: 500;
    letter-spacing: 0;
}

html:not(.dark-theme) .login-card :is(p, small, .login-card__footer) {
    color: #777b81 !important;
}

html:not(.dark-theme) .login-card .login-input {
    color: #484b50 !important;
    background: rgba(250, 251, 252, 0.66) !important;
    border-color: rgba(65, 68, 73, 0.15) !important;
    box-shadow: none !important;
}

html:not(.dark-theme) .login-card .login-input:focus {
    background: rgba(255, 255, 255, 0.86) !important;
    border-color: rgba(65, 68, 73, 0.30) !important;
    box-shadow: 0 0 0 3px rgba(65, 68, 73, 0.08) !important;
}

html:not(.dark-theme) .login-card :is(.login-btn, .login-btn--link) {
    color: #44474c !important;
    background: rgba(226, 228, 230, 0.78) !important;
    border-color: rgba(65, 68, 73, 0.22) !important;
    box-shadow: 0 8px 20px rgba(55, 58, 63, 0.10) !important;
}

html:not(.dark-theme) .login-card :is(.login-link, .login-resend__btn, .login-eye) {
    color: #62666c !important;
}

/* Certifikati zadržavaju samo diskretan statusni akcenat. */
html:not(.dark-theme) .bm-dashboard-card--certificates .bm-certificate-mini-table {
    background: rgba(250, 251, 252, 0.38) !important;
    border-color: rgba(65, 68, 73, 0.11) !important;
}

html:not(.dark-theme) .bm-dashboard-card--certificates .bm-certificate-mini-table__row {
    border-top-color: rgba(65, 68, 73, 0.08) !important;
}

html:not(.dark-theme) .bm-dashboard-card--certificates .bm-certificate-mini-table__subject {
    color: #4f5358 !important;
    font-weight: 500 !important;
}

html:not(.dark-theme) .bm-dashboard-card--certificates .bm-certificate-mini-table__company {
    color: #777b81 !important;
    font-weight: 400 !important;
}

html:not(.dark-theme) .bm-dashboard-card--certificates .bm-certificate-mini-table__date {
    color: #6f7379 !important;
    font-weight: 400 !important;
}

html:not(.dark-theme) .bm-dashboard-card--certificates .bm-certificate-mini-table__status {
    font-weight: 500 !important;
}

html:not(.dark-theme) .bm-dashboard-card--certificates .bm-certificate-mini-table__status--expired {
    color: #87694d !important;
    background: rgba(135, 105, 77, 0.10) !important;
    border-color: rgba(135, 105, 77, 0.24) !important;
}

html:not(.dark-theme) .bm-dashboard-card--certificates .bm-certificate-mini-table__status--soon {
    color: #92785b !important;
    background: rgba(146, 120, 91, 0.07) !important;
    border-color: rgba(146, 120, 91, 0.18) !important;
}

/* Search polje zadržava transparentnu unutrašnjost; fokus se prikazuje samo na spoljašnjem okviru. */
html.dark-theme :is(.content, .topbar) :is(
    .bm-searchbar input.bm-search-input,
    .bm-server-search input.bm-search-input,
    .search-shell input.search-input,
    .chat-search input),
html:not(.dark-theme) :is(.content, .topbar) :is(
    .bm-searchbar input.bm-search-input,
    .bm-server-search input.bm-search-input,
    .search-shell input.search-input,
    .chat-search input) {
    background: transparent !important;
    border-color: transparent !important;
    outline: 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
}

html.dark-theme :is(.content, .topbar) :is(
    .bm-searchbar,
    .bm-server-search,
    .search-shell,
    .chat-search),
html:not(.dark-theme) :is(.content, .topbar) :is(
    .bm-searchbar,
    .bm-server-search,
    .search-shell,
    .chat-search) {
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
}

html.dark-theme :is(.content, .topbar) :is(
    .bm-searchbar,
    .bm-server-search,
    .search-shell,
    .chat-search):focus-within {
    background: transparent !important;
    border-color: rgba(174, 176, 181, 0.28) !important;
    box-shadow: none !important;
}

html:not(.dark-theme) :is(.content, .topbar) :is(
    .bm-searchbar,
    .bm-server-search,
    .search-shell,
    .chat-search):focus-within {
    background: transparent !important;
    border-color: rgba(65, 68, 73, 0.25) !important;
    box-shadow: none !important;
}

/* Tabele zadržavaju providne površine bez zamućivanja pozadine aplikacije. */
html :is(.content, .topbar) :is(
    .bm-table-modern-wrapper,
    .bm-analytics-table-wrap,
    .table-responsive,
    table,
    thead,
    tbody,
    tr,
    th,
    td) {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

/* Fokus search polja mijenja samo boju ivice, bez unutrašnje ili spoljašnje pozadine. */
html.dark-theme body :is(.content, .topbar) :is(
    .bm-searchbar,
    .bm-server-search,
    .search-shell,
    .chat-search) :is(
        input.form-control.bm-search-input,
        input.bm-search-input,
        input.search-input,
        input):is(:focus, :focus-visible, :active),
html:not(.dark-theme) body :is(.content, .topbar) :is(
    .bm-searchbar,
    .bm-server-search,
    .search-shell,
    .chat-search) :is(
        input.form-control.bm-search-input,
        input.bm-search-input,
        input.search-input,
        input):is(:focus, :focus-visible, :active) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    outline: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

html.dark-theme body :is(.content, .topbar) :is(
    .bm-searchbar,
    .bm-server-search,
    .search-shell,
    .chat-search):focus-within,
html:not(.dark-theme) body :is(.content, .topbar) :is(
    .bm-searchbar,
    .bm-server-search,
    .search-shell,
    .chat-search):focus-within {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
}

/* Modalni prozori za Contabo, Remote Desktop i FTP postavke. */
.bm-connection-modal {
    max-width: 480px !important;
    border-radius: 6px !important;
}

.bm-connection-modal :is(.bm-modal-header, .bm-modal-footer) {
    padding: 0.72rem 1.25rem !important;
}

.bm-connection-modal .bm-modal-body {
    padding: 1.35rem 2rem 1.5rem !important;
}

.bm-connection-modal .bm-modal-title {
    gap: 0.65rem;
    font-size: 1rem !important;
    font-weight: 500 !important;
}

.bm-connection-modal .bm-modal-title svg {
    width: 18px !important;
    height: 18px !important;
}

.bm-connection-modal .bm-cfg-form {
    gap: 0.38rem;
}

.bm-connection-modal .bm-cfg-form label {
    margin-top: 0.58rem;
    font-size: 0.78rem;
    font-weight: 500;
    letter-spacing: 0;
}

.bm-connection-modal .bm-input {
    min-height: 2.55rem;
    border-radius: 5px !important;
}

.bm-connection-modal .bm-cfg-checkbox-row {
    margin-top: 0.75rem;
}

.bm-connection-modal .bm-cfg-checkbox-row input[type="checkbox"] {
    width: 0.82rem;
    height: 0.82rem;
    margin: 0;
    border-radius: 2px;
}

.bm-connection-modal .bm-modal-footer {
    min-height: 3.6rem;
    gap: 0.6rem !important;
}

.bm-connection-modal .bm-modal-footer :is(
    .bm-btn-primary-modal,
    .bm-btn-ghost,
    .bm-btn-test) {
    min-width: 5.65rem;
    height: 2.25rem;
    border-radius: 5px !important;
    font-weight: 500 !important;
    box-shadow: none !important;
}

.bm-connection-modal .bm-btn-primary-modal {
    gap: 0.42rem;
}

.bm-connection-modal .bm-btn-primary-modal svg {
    width: 14px;
    height: 14px;
}

.bm-connection-modal .bm-btn-test {
    margin-right: auto;
}

html.dark-theme .bm-connection-modal .bm-modal-title svg {
    color: #8f9298 !important;
}

html.dark-theme .bm-connection-modal .bm-cfg-form label {
    color: #777a80 !important;
}

html.dark-theme .bm-connection-modal .bm-hint {
    color: #6e7073 !important;
}

html.dark-theme .bm-connection-modal .bm-btn-primary-modal {
    color: #b99a79 !important;
    background: rgba(169, 130, 87, 0.11) !important;
    border: 1px solid rgba(169, 130, 87, 0.25) !important;
}

html.dark-theme .bm-connection-modal .bm-btn-primary-modal:hover:not(:disabled) {
    color: #c7aa89 !important;
    background: rgba(169, 130, 87, 0.17) !important;
    border-color: rgba(169, 130, 87, 0.34) !important;
}

html.dark-theme .bm-connection-modal :is(.bm-btn-ghost, .bm-btn-test) {
    color: #8f9298 !important;
    background: rgba(48, 48, 51, 0.28) !important;
    border: 1px solid rgba(174, 176, 181, 0.13) !important;
}

html.dark-theme .bm-connection-modal :is(.bm-btn-ghost, .bm-btn-test):hover:not(:disabled) {
    color: #b3b5b9 !important;
    background: rgba(58, 58, 61, 0.40) !important;
    border-color: rgba(174, 176, 181, 0.21) !important;
}

html:not(.dark-theme) .bm-connection-modal .bm-modal-title svg {
    color: #6f7379 !important;
}

html:not(.dark-theme) .bm-connection-modal .bm-cfg-form label {
    color: #686c72 !important;
}

html:not(.dark-theme) .bm-connection-modal .bm-hint {
    color: #85898f !important;
}

html:not(.dark-theme) .bm-connection-modal .bm-btn-primary-modal {
    color: #806548 !important;
    background: rgba(135, 105, 77, 0.09) !important;
    border: 1px solid rgba(135, 105, 77, 0.22) !important;
}

html:not(.dark-theme) .bm-connection-modal .bm-btn-primary-modal:hover:not(:disabled) {
    color: #71583e !important;
    background: rgba(135, 105, 77, 0.15) !important;
    border-color: rgba(135, 105, 77, 0.31) !important;
}

html:not(.dark-theme) .bm-connection-modal :is(.bm-btn-ghost, .bm-btn-test) {
    color: #666a70 !important;
    background: rgba(255, 255, 255, 0.40) !important;
    border: 1px solid rgba(65, 68, 73, 0.14) !important;
}

html:not(.dark-theme) .bm-connection-modal :is(.bm-btn-ghost, .bm-btn-test):hover:not(:disabled) {
    color: #4f5358 !important;
    background: rgba(255, 255, 255, 0.62) !important;
    border-color: rgba(65, 68, 73, 0.22) !important;
}

/* InputCheckbox generiše element izvan izolovanog CSS opsega komponente. */
.bm-users-modal .bm-role-list .form-check {
    display: flex !important;
    align-items: center !important;
    gap: 0.55rem !important;
    padding: 0.5rem 0.75rem !important;
}

.bm-users-modal .bm-role-list .form-check > .form-check-input {
    position: static !important;
    inset: auto !important;
    float: none !important;
    flex: 0 0 0.82rem !important;
    width: 0.82rem !important;
    height: 0.82rem !important;
    margin: 0 !important;
    transform: none !important;
}

.bm-users-modal .bm-role-list .form-check > .form-check-label {
    flex: 1;
    margin: 0 !important;
}

/* Chat stranica koristi neutralne graphite površine i diskretne statusne akcente. */
html.dark-theme .content .chat-page :is(.chat-sidebar, .chat-thread, .chat-info) {
    color: #9da0a5 !important;
    background: rgba(24, 24, 27, 0.34) !important;
    border-color: rgba(174, 176, 181, 0.11) !important;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

html.dark-theme .content .chat-page :is(.chat-search, .chat-thread__header, .chat-composer) {
    color: #9da0a5 !important;
    background: rgba(32, 32, 35, 0.40) !important;
    border-color: rgba(174, 176, 181, 0.10) !important;
    box-shadow: none !important;
}

html.dark-theme .content .chat-page .chat-search:focus-within {
    background: transparent !important;
    border-color: rgba(174, 176, 181, 0.26) !important;
}

html.dark-theme .content .chat-page :is(.chat-search__icon, .chat-search button, .chat-icon-button) {
    color: #8f9298 !important;
}

html.dark-theme .content .chat-page .chat-icon-button {
    background: rgba(48, 48, 51, 0.30) !important;
    border-color: rgba(174, 176, 181, 0.13) !important;
}

html.dark-theme .content .chat-page .chat-icon-button:hover {
    color: #bfc0c4 !important;
    background: rgba(58, 58, 61, 0.44) !important;
    border-color: rgba(174, 176, 181, 0.20) !important;
}

html.dark-theme .content .chat-page .chat-tab {
    color: #6e7073 !important;
    background: transparent !important;
    border-color: transparent !important;
}

html.dark-theme .content .chat-page .chat-tab:hover {
    color: #9da0a5 !important;
    background: rgba(174, 176, 181, 0.05) !important;
}

html.dark-theme .content .chat-page .chat-tab--active {
    color: #e7e6e8 !important;
    background: rgba(174, 176, 181, 0.10) !important;
    border-color: rgba(174, 176, 181, 0.20) !important;
}

html.dark-theme .content .chat-page :is(.chat-conversation, .chat-user-row) {
    color: #9da0a5 !important;
    background: rgba(48, 48, 51, 0.24) !important;
    border-color: rgba(174, 176, 181, 0.09) !important;
    box-shadow: none !important;
}

html.dark-theme .content .chat-page :is(.chat-conversation, .chat-user-row):hover {
    color: #b3b5b9 !important;
    background: rgba(58, 58, 61, 0.38) !important;
    border-color: rgba(174, 176, 181, 0.16) !important;
}

html.dark-theme .content .chat-page .chat-conversation--active {
    color: #d1d1d4 !important;
    background: rgba(174, 176, 181, 0.09) !important;
    border-color: rgba(174, 176, 181, 0.25) !important;
}

html.dark-theme .content .chat-page .chat-avatar {
    color: #c5c6ca !important;
    background: rgba(174, 176, 181, 0.10) !important;
    border-color: rgba(174, 176, 181, 0.15) !important;
}

html.dark-theme .content .chat-page :is(
    .chat-conversation__preview,
    .chat-conversation__meta,
    .chat-user-row small,
    .chat-thread__identity small,
    .chat-info__label,
    .chat-info__card small) {
    color: #777a80 !important;
}

html.dark-theme .content .chat-page .chat-conversation__meta strong {
    color: #aeb0b5 !important;
    background: rgba(174, 176, 181, 0.12) !important;
}

html.dark-theme .content .chat-page .chat-presence--online {
    background: #708b7d !important;
    box-shadow: 0 0 0 3px rgba(112, 139, 125, 0.10) !important;
}

html.dark-theme .content .chat-page .chat-section-label {
    color: #777a80 !important;
}

html.dark-theme .content .chat-page .chat-message__bubble {
    color: #b3b5b9 !important;
    background: rgba(48, 48, 51, 0.42) !important;
    border-color: rgba(174, 176, 181, 0.11) !important;
}

html.dark-theme .content .chat-page .chat-message--own .chat-message__bubble {
    color: #c1c2c5 !important;
    background: rgba(169, 130, 87, 0.09) !important;
    border-color: rgba(169, 130, 87, 0.22) !important;
}

html.dark-theme .content .chat-page .chat-message__bubble :is(span, em) {
    color: #777a80 !important;
}

html.dark-theme .content .chat-page .chat-message--own .chat-message__bubble em {
    color: #9b8a77 !important;
}

html.dark-theme .content .chat-page :is(.chat-date-separator, .chat-message-attachment) {
    color: #8f9298 !important;
    background: rgba(48, 48, 51, 0.30) !important;
    border-color: rgba(174, 176, 181, 0.11) !important;
}

html.dark-theme .content .chat-page .chat-message-attachment:hover {
    color: #b3b5b9 !important;
    border-color: rgba(169, 130, 87, 0.26) !important;
}

html.dark-theme .content .chat-page .chat-file-icon {
    color: #ad8762 !important;
    background: rgba(173, 135, 98, 0.08) !important;
}

html.dark-theme .content .chat-page :is(.chat-composer-tool, .chat-composer textarea) {
    color: #8f9298 !important;
    background: rgba(24, 24, 27, 0.42) !important;
    border-color: rgba(174, 176, 181, 0.13) !important;
    box-shadow: none !important;
}

html.dark-theme .content .chat-page .chat-composer textarea:focus {
    color: #b3b5b9 !important;
    background: rgba(48, 48, 51, 0.38) !important;
    border-color: rgba(174, 176, 181, 0.26) !important;
    outline: none !important;
}

html.dark-theme .content .chat-page .chat-file-button {
    color: #ad8762 !important;
}

html.dark-theme .content .chat-page :is(.chat-file-button, .chat-emoji-button):hover {
    background: rgba(174, 176, 181, 0.07) !important;
    border-color: rgba(174, 176, 181, 0.20) !important;
    transform: none !important;
}

html.dark-theme .content .chat-page .chat-send-button {
    color: #b99a79 !important;
    background: rgba(169, 130, 87, 0.11) !important;
    border-color: rgba(169, 130, 87, 0.25) !important;
}

html.dark-theme .content .chat-page .chat-send-button:hover:not(:disabled) {
    color: #c7aa89 !important;
    background: rgba(169, 130, 87, 0.17) !important;
    border-color: rgba(169, 130, 87, 0.34) !important;
}

html.dark-theme .content .chat-page .chat-pending-attachment {
    background: rgba(169, 130, 87, 0.08) !important;
    border-color: rgba(169, 130, 87, 0.20) !important;
}

html.dark-theme .content .chat-page :is(.chat-message-menu, .chat-emoji-picker) {
    color: #9da0a5 !important;
    background: rgba(37, 37, 40, 0.98) !important;
    border-color: rgba(174, 176, 181, 0.15) !important;
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.34) !important;
}

html.dark-theme .content .chat-page :is(.chat-message-menu button, .chat-emoji-picker button):hover {
    background: rgba(174, 176, 181, 0.08) !important;
    border-color: rgba(174, 176, 181, 0.16) !important;
}

html.dark-theme .content .chat-page .chat-message-menu__danger {
    color: #ad8762 !important;
}

html.dark-theme .content .chat-page .chat-info__card {
    color: #9da0a5 !important;
    background: transparent !important;
    border-color: rgba(174, 176, 181, 0.09) !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

html:not(.dark-theme) .content .chat-page :is(.chat-sidebar, .chat-thread, .chat-info) {
    color: #55595f !important;
    background: rgba(246, 247, 248, 0.54) !important;
    border-color: rgba(65, 68, 73, 0.13) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.50) !important;
}

html:not(.dark-theme) .content .chat-page :is(.chat-search, .chat-thread__header, .chat-composer) {
    background: rgba(255, 255, 255, 0.30) !important;
    border-color: rgba(65, 68, 73, 0.11) !important;
    box-shadow: none !important;
}

html:not(.dark-theme) .content .chat-page .chat-tab {
    color: #777b81 !important;
    background: transparent !important;
    border-color: transparent !important;
}

html:not(.dark-theme) .content .chat-page .chat-tab--active {
    color: #46494e !important;
    background: rgba(65, 68, 73, 0.09) !important;
    border-color: rgba(65, 68, 73, 0.20) !important;
}

html:not(.dark-theme) .content .chat-page :is(.chat-conversation, .chat-user-row) {
    color: #55595f !important;
    background: rgba(250, 251, 252, 0.42) !important;
    border-color: rgba(65, 68, 73, 0.10) !important;
    box-shadow: none !important;
}

html:not(.dark-theme) .content .chat-page :is(.chat-conversation, .chat-user-row):hover {
    background: rgba(241, 243, 245, 0.68) !important;
    border-color: rgba(65, 68, 73, 0.17) !important;
}

html:not(.dark-theme) .content .chat-page .chat-conversation--active {
    color: #34373b !important;
    background: rgba(65, 68, 73, 0.09) !important;
    border-color: rgba(65, 68, 73, 0.24) !important;
}

html:not(.dark-theme) .content .chat-page .chat-avatar {
    color: #55595f !important;
    background: rgba(65, 68, 73, 0.08) !important;
    border-color: rgba(65, 68, 73, 0.14) !important;
}

html:not(.dark-theme) .content .chat-page .chat-conversation__meta strong {
    color: #62666c !important;
    background: rgba(65, 68, 73, 0.09) !important;
}

html:not(.dark-theme) .content .chat-page .chat-presence--online {
    background: #62796e !important;
    box-shadow: 0 0 0 3px rgba(98, 121, 110, 0.09) !important;
}

html:not(.dark-theme) .content .chat-page .chat-message__bubble {
    color: #55595f !important;
    background: rgba(250, 251, 252, 0.58) !important;
    border-color: rgba(65, 68, 73, 0.11) !important;
}

html:not(.dark-theme) .content .chat-page .chat-message--own .chat-message__bubble {
    background: rgba(135, 105, 77, 0.07) !important;
    border-color: rgba(135, 105, 77, 0.19) !important;
}

html:not(.dark-theme) .content .chat-page :is(.chat-composer-tool, .chat-composer textarea) {
    color: #666a70 !important;
    background: rgba(255, 255, 255, 0.46) !important;
    border-color: rgba(65, 68, 73, 0.14) !important;
    box-shadow: none !important;
}

html:not(.dark-theme) .content .chat-page .chat-send-button {
    color: #806548 !important;
    background: rgba(135, 105, 77, 0.09) !important;
    border-color: rgba(135, 105, 77, 0.22) !important;
}

html:not(.dark-theme) .content .chat-page :is(.chat-message-menu, .chat-emoji-picker) {
    color: #55595f !important;
    background: rgba(242, 243, 244, 0.98) !important;
    border-color: rgba(65, 68, 73, 0.16) !important;
    box-shadow: 0 18px 38px rgba(55, 58, 63, 0.20) !important;
}

html:not(.dark-theme) .content .chat-page .chat-info__card {
    background: transparent !important;
    border-color: rgba(65, 68, 73, 0.09) !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

/* Stranica Klijenti i akcije nad glavnim klijentima. */
html.dark-theme .content .bm-page-shell .bm-btn-icon-add {
    color: #b99a79 !important;
    background-color: rgba(169, 130, 87, 0.11) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23b99a79' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m-7-7h14'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 0.65rem center !important;
    background-size: 1rem !important;
    border-color: rgba(169, 130, 87, 0.25) !important;
}

html.dark-theme .content .bm-page-shell :is(.bm-btn-icon-refresh, .bm-client-edit-button, .bm-client-cfg-button) {
    color: #8f9298 !important;
    background: rgba(48, 48, 51, 0.28) !important;
    border-color: rgba(174, 176, 181, 0.13) !important;
    box-shadow: none !important;
}

html.dark-theme .content .bm-page-shell :is(.bm-btn-icon-refresh, .bm-client-edit-button, .bm-client-cfg-button):hover:not(:disabled) {
    color: #b3b5b9 !important;
    background: rgba(58, 58, 61, 0.40) !important;
    border-color: rgba(174, 176, 181, 0.21) !important;
}

html.dark-theme .content .bm-page-shell .bm-count-card {
    background: rgba(48, 48, 51, 0.30) !important;
    border-color: rgba(174, 176, 181, 0.13) !important;
}

html.dark-theme .content .bm-page-shell .bm-count-card__label {
    color: #777a80 !important;
}

html.dark-theme .content .bm-page-shell .bm-count-card__value {
    color: #b3b5b9 !important;
}

html.dark-theme .content .bm-client-table-wrap :is(.bm-table-modern-wrapper, .bm-table-scroll) {
    background: rgba(24, 24, 27, 0.22) !important;
    border-color: rgba(174, 176, 181, 0.10) !important;
    box-shadow: none !important;
}

html.dark-theme .content .bm-client-table-wrap .bm-table th {
    color: #8f9298 !important;
    background: #28282b !important;
    border-color: rgba(174, 176, 181, 0.10) !important;
}

html.dark-theme .content .bm-client-table-wrap .bm-table td {
    color: #9da0a5 !important;
    background: rgba(48, 48, 51, 0.30) !important;
    border-color: rgba(174, 176, 181, 0.075) !important;
}

html.dark-theme .content .bm-client-table-wrap .bm-table td:first-child {
    color: #b3b5b9 !important;
}

html.dark-theme .content .bm-client-table-wrap .bm-table tbody tr:hover td {
    background: rgba(58, 58, 61, 0.42) !important;
    border-color: rgba(174, 176, 181, 0.16) !important;
}

html.dark-theme .content .bm-client-table-wrap .bm-client-key {
    color: #9da0a5 !important;
    background: rgba(24, 24, 27, 0.30) !important;
    border-color: rgba(174, 176, 181, 0.10) !important;
}

html.dark-theme .content .bm-client-table-wrap .bm-copy-client-key-btn {
    color: #8f9298 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html.dark-theme .content .bm-client-table-wrap .bm-copy-client-key-btn:hover {
    color: #b3b5b9 !important;
    background: rgba(174, 176, 181, 0.07) !important;
}

html.dark-theme .content .bm-client-table-wrap .bm-copy-client-key-btn.is-copied {
    color: #62dc8c !important;
    background: rgba(98, 220, 140, 0.12) !important;
    filter: drop-shadow(0 0 3px rgba(98, 220, 140, 0.30));
}

html.dark-theme .content .bm-client-table-wrap .bm-status-pill--online {
    color: #8ca99a !important;
    background: rgba(112, 139, 125, 0.08) !important;
    border-color: rgba(112, 139, 125, 0.19) !important;
    font-weight: 500 !important;
}

html.dark-theme .content .bm-client-table-wrap :is(.bm-status-pill--offline, .bm-status-pill--neutral) {
    color: #6e7073 !important;
    background: rgba(110, 112, 115, 0.05) !important;
    border-color: rgba(110, 112, 115, 0.12) !important;
    font-weight: 400 !important;
}

html.dark-theme :is(.bm-client-create-modal, .bm-client-edit-modal) .bm-client-modal-action--save {
    color: #b99a79 !important;
    background: rgba(169, 130, 87, 0.11) !important;
    border-color: rgba(169, 130, 87, 0.25) !important;
}

html:not(.dark-theme) .content .bm-page-shell .bm-btn-icon-add {
    color: #806548 !important;
    background-color: rgba(135, 105, 77, 0.09) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23806548' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m-7-7h14'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 0.65rem center !important;
    background-size: 1rem !important;
    border-color: rgba(135, 105, 77, 0.22) !important;
}

html:not(.dark-theme) .content .bm-page-shell :is(.bm-btn-icon-refresh, .bm-client-edit-button, .bm-client-cfg-button) {
    color: #666a70 !important;
    background: rgba(255, 255, 255, 0.40) !important;
    border-color: rgba(65, 68, 73, 0.14) !important;
    box-shadow: none !important;
}

html:not(.dark-theme) .content .bm-page-shell .bm-count-card {
    background: rgba(255, 255, 255, 0.42) !important;
    border-color: rgba(65, 68, 73, 0.14) !important;
}

html:not(.dark-theme) .content .bm-page-shell .bm-count-card__value {
    color: #55595f !important;
}

html:not(.dark-theme) .content .bm-client-table-wrap .bm-table th {
    color: #64686e !important;
    background: #e5e7e9 !important;
    border-color: rgba(65, 68, 73, 0.12) !important;
}

html:not(.dark-theme) .content .bm-client-table-wrap .bm-table td {
    color: #55595f !important;
    background: rgba(250, 251, 252, 0.48) !important;
    border-color: rgba(65, 68, 73, 0.08) !important;
}

html:not(.dark-theme) .content .bm-client-table-wrap .bm-table tbody tr:hover td {
    background: rgba(241, 243, 245, 0.66) !important;
    border-color: rgba(65, 68, 73, 0.16) !important;
}

html:not(.dark-theme) .content .bm-client-table-wrap .bm-copy-client-key-btn {
    color: #6f7379 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html:not(.dark-theme) .content .bm-client-table-wrap .bm-copy-client-key-btn.is-copied {
    color: #24a85b !important;
    background: rgba(36, 168, 91, 0.10) !important;
    filter: drop-shadow(0 0 2px rgba(36, 168, 91, 0.24));
}

html:not(.dark-theme) :is(.bm-client-create-modal, .bm-client-edit-modal) .bm-client-modal-action--save {
    color: #806548 !important;
    background: rgba(135, 105, 77, 0.09) !important;
    border-color: rgba(135, 105, 77, 0.22) !important;
}

/* Stranica Klijenti u svijetloj temi koristi neutralne graphite akcente. */
html:not(.dark-theme) .content .bm-clients-page .bm-btn-icon-add,
html:not(.dark-theme) .content .bm-clients-page .bm-btn-icon-add:hover:not(:disabled),
html:not(.dark-theme) .content .bm-clients-page .bm-btn-icon-add:focus-visible {
    color: #55595f !important;
    background-color: rgba(255, 255, 255, 0.42) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%2355595f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m-7-7h14'/%3E%3C/svg%3E") !important;
    border-color: rgba(65, 68, 73, 0.16) !important;
    box-shadow: none !important;
}

html:not(.dark-theme) .content .bm-clients-page .bm-search-clear:hover {
    color: #55595f !important;
}

html:not(.dark-theme) .content .bm-clients-page .bm-client-table-wrap .bm-status-pill {
    background: rgba(65, 68, 73, 0.055) !important;
    border-color: rgba(65, 68, 73, 0.13) !important;
    font-weight: 500 !important;
}

html:not(.dark-theme) .content .bm-clients-page .bm-client-table-wrap .bm-status-pill--online {
    color: #474b50 !important;
}

html:not(.dark-theme) .content .bm-clients-page .bm-client-table-wrap :is(
    .bm-status-pill--offline,
    .bm-status-pill--neutral,
    .bm-status-pill--pending) {
    color: #7c8086 !important;
}

html:not(.dark-theme) .content .bm-clients-page .bm-client-table-wrap .bm-row-updated > td {
    animation-name: bm-clients-row-updated-light-graphite;
}

html:not(.dark-theme) .content .bm-clients-page :is(
    .bm-client-remote-button--teamviewer,
    .bm-client-remote-button--vpn) {
    color: #74787e !important;
    background: rgba(65, 68, 73, 0.035) !important;
    border-color: rgba(65, 68, 73, 0.14) !important;
    box-shadow: none !important;
}

html:not(.dark-theme) .content .bm-clients-page .bm-client-remote-button--teamviewer.is-connected {
    color: #315f9a !important;
    background: rgba(79, 128, 190, 0.12) !important;
    border-color: rgba(79, 128, 190, 0.34) !important;
    box-shadow: 0 0 6px rgba(79, 128, 190, 0.1) !important;
}

html:not(.dark-theme) .content .bm-clients-page .bm-client-remote-button--vpn.is-connected {
    color: #36744b !important;
    background: rgba(67, 139, 91, 0.11) !important;
    border-color: rgba(67, 139, 91, 0.32) !important;
    box-shadow: 0 0 6px rgba(67, 139, 91, 0.09) !important;
}

html:not(.dark-theme) .content .bm-clients-page .bm-client-remote-button--teamviewer:disabled {
    color: #92969b !important;
    background: rgba(65, 68, 73, 0.025) !important;
    border-color: rgba(65, 68, 73, 0.10) !important;
    box-shadow: none !important;
    opacity: 0.68;
}

html:not(.dark-theme) .content .bm-clients-page .bm-client-remote-button--vpn:disabled {
    color: #92969b !important;
    background: rgba(65, 68, 73, 0.025) !important;
    border-color: rgba(65, 68, 73, 0.10) !important;
    box-shadow: none !important;
    opacity: 0.68;
}

html:not(.dark-theme) .content .bm-clients-page .bm-client-remote-button--teamviewer.is-connected:disabled {
    color: #315f9a !important;
    background: rgba(79, 128, 190, 0.12) !important;
    border-color: rgba(79, 128, 190, 0.34) !important;
    box-shadow: 0 0 6px rgba(79, 128, 190, 0.1) !important;
    opacity: 1;
}

html:not(.dark-theme) .content .bm-clients-page .bm-client-remote-button--vpn.is-connected:disabled {
    color: #36744b !important;
    background: rgba(67, 139, 91, 0.11) !important;
    border-color: rgba(67, 139, 91, 0.32) !important;
    box-shadow: 0 0 6px rgba(67, 139, 91, 0.09) !important;
    opacity: 1;
}

@keyframes bm-clients-row-updated-light-graphite {
    0% {
        background: rgba(65, 68, 73, 0.13);
        border-color: rgba(65, 68, 73, 0.24);
    }

    45% {
        background: rgba(65, 68, 73, 0.075);
        border-color: rgba(65, 68, 73, 0.15);
    }

    100% {
        background: rgba(250, 251, 252, 0.48);
        border-color: rgba(65, 68, 73, 0.08);
    }
}

html:not(.dark-theme) .bm-clients-page :is(
    .bm-client-modal-action--save,
    .bm-config-modal-action--apply),
html:not(.dark-theme) .bm-clients-page :is(
    .bm-client-modal-action--save,
    .bm-config-modal-action--apply):hover:not(:disabled) {
    color: #55595f !important;
    background: rgba(65, 68, 73, 0.065) !important;
    border-color: rgba(65, 68, 73, 0.17) !important;
    box-shadow: none !important;
}

html:not(.dark-theme) .bm-clients-page .bm-config-edit-modal .bm-config-picker__badge--active {
    color: #55595f !important;
    background: rgba(65, 68, 73, 0.065) !important;
    border-color: rgba(65, 68, 73, 0.16) !important;
}

html:not(.dark-theme) .bm-clients-page .bm-config-edit-modal .bm-config-edit-message--success {
    color: #55595f !important;
    background: rgba(65, 68, 73, 0.055) !important;
    border-color: rgba(65, 68, 73, 0.15) !important;
}

html:not(.dark-theme) .bm-clients-page .bm-config-edit-modal .bm-config-edit-message--error {
    color: #925158 !important;
    background: rgba(146, 81, 88, 0.065) !important;
    border-color: rgba(146, 81, 88, 0.20) !important;
}

html:not(.dark-theme) .bm-clients-page :is(.bm-type-badge, .bm-status-badge) {
    color: #666a70 !important;
    background: rgba(65, 68, 73, 0.055) !important;
    border-color: rgba(65, 68, 73, 0.14) !important;
    font-weight: 500 !important;
}

/* Modal za uređivanje konfiguracije klijenta */
html.dark-theme .bm-config-edit-modal {
    color: #a8aaae !important;
    background: #212124 !important;
    border-color: rgba(174, 176, 181, 0.16) !important;
    box-shadow: 0 18px 52px rgba(0, 0, 0, 0.38) !important;
}

html.dark-theme .bm-config-edit-modal :is(.bm-modal-header, .bm-modal-footer) {
    background: rgba(43, 43, 46, 0.72) !important;
    border-color: rgba(174, 176, 181, 0.11) !important;
}

html.dark-theme .bm-config-edit-modal .bm-modal-title {
    color: #b9bbbf !important;
    font-weight: 550 !important;
}

html.dark-theme .bm-config-edit-modal .bm-modal-close {
    color: #8f9298 !important;
    background: transparent !important;
}

html.dark-theme .bm-config-edit-modal .bm-modal-close:hover {
    color: #c4c5c8 !important;
    background: rgba(174, 176, 181, 0.07) !important;
}

html.dark-theme .bm-config-edit-modal .bm-config-edit-body {
    background: rgba(27, 27, 30, 0.28) !important;
}

html.dark-theme .bm-config-edit-modal .bm-config-edit-message {
    color: #94979c !important;
    background: rgba(48, 48, 51, 0.34) !important;
    border-color: rgba(174, 176, 181, 0.14) !important;
}

html.dark-theme .bm-config-edit-modal .bm-config-edit-message--success {
    color: #8ca99a !important;
    background: rgba(112, 139, 125, 0.08) !important;
    border-color: rgba(112, 139, 125, 0.20) !important;
}

html.dark-theme .bm-config-edit-modal .bm-config-edit-message--error {
    color: #c59a6c !important;
    background: rgba(197, 154, 108, 0.08) !important;
    border-color: rgba(197, 154, 108, 0.22) !important;
}

html.dark-theme .bm-config-edit-modal :is(.bm-config-picker__section, .bm-config-edit-context, .bm-config-edit-ftp-list) {
    color: #a8aaae !important;
    background: rgba(48, 48, 51, 0.30) !important;
    border-color: rgba(174, 176, 181, 0.13) !important;
}

html.dark-theme .bm-config-edit-modal .bm-config-picker__title,
html.dark-theme .bm-config-edit-modal .bm-config-edit-section-title {
    color: #85888d !important;
    font-weight: 550 !important;
}

html.dark-theme .bm-config-edit-modal :is(.bm-config-picker__item, .bm-config-edit-ftp-option) {
    color: #aeb0b5 !important;
    background: rgba(31, 31, 34, 0.42) !important;
    border-color: rgba(174, 176, 181, 0.11) !important;
}

html.dark-theme .bm-config-edit-modal .bm-config-picker__item:hover:not(:disabled) {
    color: #c0c2c5 !important;
    background: rgba(62, 62, 65, 0.42) !important;
    border-color: rgba(174, 176, 181, 0.20) !important;
}

html.dark-theme .bm-config-edit-modal .bm-config-picker__badge {
    color: #85888d !important;
    background: rgba(24, 24, 27, 0.30) !important;
    border-color: rgba(174, 176, 181, 0.12) !important;
}

html.dark-theme .bm-config-edit-modal .bm-config-picker__badge--active {
    color: #8ca99a !important;
    background: rgba(112, 139, 125, 0.08) !important;
    border-color: rgba(112, 139, 125, 0.20) !important;
}

html.dark-theme .bm-config-edit-modal .bm-config-modal-action {
    color: #989ba0 !important;
    background: rgba(48, 48, 51, 0.30) !important;
    border-color: rgba(174, 176, 181, 0.14) !important;
}

html.dark-theme .bm-config-edit-modal .bm-config-modal-action--apply {
    color: #b99a79 !important;
    background: rgba(169, 130, 87, 0.11) !important;
    border-color: rgba(169, 130, 87, 0.25) !important;
}

html.dark-theme .bm-config-edit-modal .bm-config-modal-action:hover:not(:disabled) {
    color: #c1c3c6 !important;
    background: rgba(61, 61, 64, 0.44) !important;
    border-color: rgba(174, 176, 181, 0.22) !important;
}

html.dark-theme .bm-config-edit-modal .bm-config-modal-action--apply:hover:not(:disabled) {
    color: #c9aa88 !important;
    background: rgba(169, 130, 87, 0.17) !important;
    border-color: rgba(185, 154, 121, 0.34) !important;
}

html:not(.dark-theme) .bm-config-edit-modal {
    color: #5f6369 !important;
    background: #eef0f1 !important;
    border-color: rgba(65, 68, 73, 0.16) !important;
    box-shadow: 0 18px 48px rgba(38, 40, 44, 0.18) !important;
}

html:not(.dark-theme) .bm-config-edit-modal :is(.bm-modal-header, .bm-modal-footer) {
    background: rgba(229, 231, 233, 0.82) !important;
    border-color: rgba(65, 68, 73, 0.12) !important;
}

html:not(.dark-theme) .bm-config-edit-modal .bm-modal-title {
    color: #55595f !important;
    font-weight: 550 !important;
}

html:not(.dark-theme) .bm-config-edit-modal .bm-config-edit-body {
    background: rgba(243, 244, 245, 0.50) !important;
}

html:not(.dark-theme) .bm-config-edit-modal .bm-config-edit-message {
    color: #666a70 !important;
    background: rgba(255, 255, 255, 0.44) !important;
    border-color: rgba(65, 68, 73, 0.14) !important;
}

html:not(.dark-theme) .bm-config-edit-modal .bm-config-edit-message--success {
    color: #527260 !important;
    background: rgba(83, 119, 96, 0.07) !important;
    border-color: rgba(83, 119, 96, 0.18) !important;
}

html:not(.dark-theme) .bm-config-edit-modal .bm-config-edit-message--error {
    color: #986b42 !important;
    background: rgba(152, 107, 66, 0.07) !important;
    border-color: rgba(152, 107, 66, 0.20) !important;
}

html:not(.dark-theme) .bm-config-edit-modal :is(.bm-config-picker__section, .bm-config-edit-context, .bm-config-edit-ftp-list) {
    background: rgba(255, 255, 255, 0.42) !important;
    border-color: rgba(65, 68, 73, 0.14) !important;
}

html:not(.dark-theme) .bm-config-edit-modal .bm-config-picker__title,
html:not(.dark-theme) .bm-config-edit-modal .bm-config-edit-section-title {
    color: #777b81 !important;
    font-weight: 550 !important;
}

html:not(.dark-theme) .bm-config-edit-modal :is(.bm-config-picker__item, .bm-config-edit-ftp-option) {
    color: #5d6167 !important;
    background: rgba(248, 249, 250, 0.62) !important;
    border-color: rgba(65, 68, 73, 0.12) !important;
}

html:not(.dark-theme) .bm-config-edit-modal .bm-config-picker__item:hover:not(:disabled) {
    background: rgba(232, 234, 236, 0.76) !important;
    border-color: rgba(65, 68, 73, 0.21) !important;
}

html:not(.dark-theme) .bm-config-edit-modal .bm-config-picker__badge {
    color: #71757b !important;
    background: rgba(229, 231, 233, 0.64) !important;
    border-color: rgba(65, 68, 73, 0.13) !important;
}

html:not(.dark-theme) .bm-config-edit-modal .bm-config-picker__badge--active {
    color: #527260 !important;
    background: rgba(83, 119, 96, 0.07) !important;
    border-color: rgba(83, 119, 96, 0.18) !important;
}

html:not(.dark-theme) .bm-config-edit-modal .bm-config-modal-action {
    color: #666a70 !important;
    background: rgba(255, 255, 255, 0.40) !important;
    border-color: rgba(65, 68, 73, 0.15) !important;
}

html:not(.dark-theme) .bm-config-edit-modal .bm-config-modal-action--apply {
    color: #806548 !important;
    background: rgba(135, 105, 77, 0.09) !important;
    border-color: rgba(135, 105, 77, 0.22) !important;
}

/* Stranica Kompanije */
html.dark-theme .content .bm-companies-page .bm-searchbar {
    background: rgba(32, 32, 35, 0.36) !important;
    border-color: rgba(174, 176, 181, 0.13) !important;
    box-shadow: none !important;
    backdrop-filter: blur(8px);
}

html.dark-theme .content .bm-companies-page .bm-searchbar:focus-within {
    background: rgba(32, 32, 35, 0.36) !important;
    border-color: rgba(174, 176, 181, 0.24) !important;
    box-shadow: 0 0 0 1px rgba(174, 176, 181, 0.08) !important;
}

html.dark-theme .content .bm-companies-page .bm-search-icon {
    opacity: 0.72;
    filter: grayscale(1) brightness(1.25);
}

html.dark-theme .content .bm-companies-page .bm-search-input,
html.dark-theme .content .bm-companies-page .bm-search-input:focus {
    color: #aeb0b5 !important;
    background: transparent !important;
    -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
    box-shadow: none !important;
}

html.dark-theme .content .bm-companies-page .bm-search-input::placeholder {
    color: #60636a !important;
}

html.dark-theme .content .bm-companies-page .bm-search-clear {
    color: #777a80 !important;
}

html.dark-theme .content .bm-companies-page .bm-search-clear:hover {
    color: #b3b5b9 !important;
}

html.dark-theme .content .bm-companies-page .bm-btn-icon-add {
    color: #b99a79 !important;
    background-color: rgba(169, 130, 87, 0.11) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23b99a79' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M12 5v14m-7-7h14'/%3E%3C/svg%3E") !important;
    border-color: rgba(169, 130, 87, 0.25) !important;
}

html.dark-theme .content .bm-companies-page .bm-btn-icon-add:hover {
    color: #c9aa88 !important;
    background-color: rgba(169, 130, 87, 0.17) !important;
    border-color: rgba(185, 154, 121, 0.34) !important;
}

html.dark-theme .content .bm-companies-page .bm-count-card {
    flex-direction: row !important;
    align-items: center !important;
    gap: 0.75rem !important;
    min-width: 0 !important;
    min-height: 2.2rem;
    padding: 0.35rem 0.8rem !important;
    border-radius: 5px !important;
    color: #8f9298 !important;
    background: rgba(48, 48, 51, 0.30) !important;
    border-color: rgba(174, 176, 181, 0.13) !important;
    box-shadow: none !important;
}

html.dark-theme .content .bm-companies-page .bm-count-card__label {
    color: #777a80 !important;
    font-size: 0.66rem !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
}

html.dark-theme .content .bm-companies-page .bm-count-card__value {
    color: #b3b5b9 !important;
    font-size: 0.88rem !important;
    font-weight: 600 !important;
}

html.dark-theme .content .bm-companies-table-wrap {
    background: rgba(24, 24, 27, 0.22) !important;
    border-color: rgba(174, 176, 181, 0.10) !important;
    box-shadow: none !important;
}

html.dark-theme .content .bm-companies-table-wrap .bm-table-scroll {
    background: transparent !important;
}

html.dark-theme .content .bm-companies-table-wrap .bm-table th {
    color: #8f9298 !important;
    background: #28282b !important;
    border-color: rgba(174, 176, 181, 0.10) !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
}

html.dark-theme .content .bm-companies-table-wrap .bm-table td {
    color: #94979c !important;
    background: rgba(48, 48, 51, 0.30) !important;
    border-color: rgba(174, 176, 181, 0.075) !important;
    font-size: 0.84rem !important;
    font-weight: 400 !important;
}

html.dark-theme .content .bm-companies-table-wrap .bm-table td:nth-child(2) {
    color: #a8aaae !important;
}

html.dark-theme .content .bm-companies-table-wrap .bm-table tbody tr:hover td {
    background: rgba(58, 58, 61, 0.42) !important;
    border-color: rgba(174, 176, 181, 0.16) !important;
}

html.dark-theme .content .bm-companies-table-wrap .bm-table tbody tr:hover {
    box-shadow: none !important;
}

html.dark-theme .content .bm-companies-table-wrap .bm-row-selected td {
    background: rgba(84, 76, 69, 0.36) !important;
    border-color: rgba(185, 154, 121, 0.30) !important;
}

html.dark-theme .content .bm-companies-table-wrap .bm-sort-indicator {
    color: #a98a68 !important;
}

html.dark-theme .content .bm-companies-table-wrap .bm-icon-btn {
    color: #85888d !important;
    background: transparent !important;
    border-color: transparent !important;
}

html.dark-theme .content .bm-companies-table-wrap .bm-icon-btn:hover {
    color: #b9bbbf !important;
    background: rgba(174, 176, 181, 0.07) !important;
    border-color: rgba(174, 176, 181, 0.13) !important;
}

html.dark-theme .content .bm-companies-table-wrap .bm-icon-btn--delete {
    color: #b58b64 !important;
}

html.dark-theme .bm-company-modal {
    color: #a8aaae !important;
    background: #212124 !important;
    border-color: rgba(174, 176, 181, 0.16) !important;
    border-radius: 7px !important;
    box-shadow: 0 18px 52px rgba(0, 0, 0, 0.38) !important;
}

html.dark-theme .bm-company-modal :is(.bm-modal__header, .bm-modal__footer) {
    background: rgba(43, 43, 46, 0.72) !important;
    border-color: rgba(174, 176, 181, 0.11) !important;
}

html.dark-theme .bm-company-modal .bm-modal__header h5 {
    color: #b9bbbf !important;
    font-weight: 550 !important;
}

html.dark-theme .bm-company-modal .bm-modal-close {
    color: #8f9298 !important;
}

html.dark-theme .bm-company-modal .bm-modal-close:hover:not(:disabled) {
    color: #c4c5c8 !important;
    background: rgba(174, 176, 181, 0.07) !important;
}

html.dark-theme .bm-company-modal :is(.form-control, .bm-type-picker__button) {
    color: #aeb0b5 !important;
    background: rgba(27, 27, 30, 0.62) !important;
    border-color: rgba(174, 176, 181, 0.14) !important;
    box-shadow: none !important;
}

html.dark-theme .bm-company-modal :is(.form-control, .bm-type-picker__button):focus {
    background: rgba(27, 27, 30, 0.62) !important;
    border-color: rgba(174, 176, 181, 0.28) !important;
    box-shadow: 0 0 0 1px rgba(174, 176, 181, 0.08) !important;
}

html.dark-theme .bm-company-modal .bm-label {
    color: #85888d !important;
    font-weight: 500 !important;
}

html.dark-theme .bm-company-modal .bm-type-picker__menu {
    color: #a8aaae !important;
    background: #29292c !important;
    border-color: rgba(174, 176, 181, 0.16) !important;
}

html.dark-theme .bm-company-modal .bm-type-picker__option {
    color: #9da0a5 !important;
    font-weight: 450 !important;
}

html.dark-theme .bm-company-modal .bm-type-picker__option:hover,
html.dark-theme .bm-company-modal .bm-type-picker__option.is-selected {
    color: #b9bbbf !important;
    background: rgba(174, 176, 181, 0.08) !important;
}

html.dark-theme .bm-company-modal .bm-company-modal-action {
    color: #989ba0 !important;
    background: rgba(48, 48, 51, 0.30) !important;
    border-color: rgba(174, 176, 181, 0.14) !important;
}

html.dark-theme .bm-company-modal .bm-company-modal-action--save {
    color: #b99a79 !important;
    background: rgba(169, 130, 87, 0.11) !important;
    border-color: rgba(169, 130, 87, 0.25) !important;
}

html.dark-theme .bm-company-modal .bm-company-modal-action--delete {
    color: #c59a6c !important;
    background: rgba(197, 154, 108, 0.08) !important;
    border-color: rgba(197, 154, 108, 0.22) !important;
}

html:not(.dark-theme) .content .bm-companies-page .bm-searchbar {
    background: rgba(255, 255, 255, 0.42) !important;
    border-color: rgba(65, 68, 73, 0.14) !important;
    box-shadow: none !important;
    backdrop-filter: blur(8px);
}

html:not(.dark-theme) .content .bm-companies-page .bm-searchbar:focus-within {
    background: rgba(255, 255, 255, 0.42) !important;
    border-color: rgba(65, 68, 73, 0.24) !important;
    box-shadow: 0 0 0 1px rgba(65, 68, 73, 0.06) !important;
}

html:not(.dark-theme) .content .bm-companies-page .bm-search-input,
html:not(.dark-theme) .content .bm-companies-page .bm-search-input:focus {
    color: #55595f !important;
    background: transparent !important;
    box-shadow: none !important;
}

html:not(.dark-theme) .content .bm-companies-page .bm-btn-icon-add {
    color: #806548 !important;
    background-color: rgba(135, 105, 77, 0.09) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23806548' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='M12 5v14m-7-7h14'/%3E%3C/svg%3E") !important;
    border-color: rgba(135, 105, 77, 0.22) !important;
}

html:not(.dark-theme) .content .bm-companies-page .bm-count-card {
    flex-direction: row !important;
    align-items: center !important;
    gap: 0.75rem !important;
    min-width: 0 !important;
    min-height: 2.2rem;
    padding: 0.35rem 0.8rem !important;
    border-radius: 5px !important;
    background: rgba(255, 255, 255, 0.42) !important;
    border-color: rgba(65, 68, 73, 0.14) !important;
    box-shadow: none !important;
}

html:not(.dark-theme) .content .bm-companies-page .bm-count-card__label {
    color: #777b81 !important;
    font-size: 0.66rem !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
}

html:not(.dark-theme) .content .bm-companies-page .bm-count-card__value {
    color: #55595f !important;
    font-size: 0.88rem !important;
    font-weight: 600 !important;
}

html:not(.dark-theme) .content .bm-companies-table-wrap {
    background: rgba(255, 255, 255, 0.24) !important;
    border-color: rgba(65, 68, 73, 0.12) !important;
    box-shadow: none !important;
}

html:not(.dark-theme) .content .bm-companies-table-wrap .bm-table-scroll {
    background: transparent !important;
}

html:not(.dark-theme) .content .bm-companies-table-wrap .bm-table th {
    color: #64686e !important;
    background: #e5e7e9 !important;
    border-color: rgba(65, 68, 73, 0.12) !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
}

html:not(.dark-theme) .content .bm-companies-table-wrap .bm-table td {
    color: #65696f !important;
    background: rgba(250, 251, 252, 0.48) !important;
    border-color: rgba(65, 68, 73, 0.08) !important;
    font-size: 0.84rem !important;
    font-weight: 400 !important;
}

html:not(.dark-theme) .content .bm-companies-table-wrap .bm-table td:nth-child(2) {
    color: #55595f !important;
}

html:not(.dark-theme) .content .bm-companies-table-wrap .bm-table tbody tr:hover td {
    background: rgba(241, 243, 245, 0.66) !important;
    border-color: rgba(65, 68, 73, 0.16) !important;
}

html:not(.dark-theme) .content .bm-companies-table-wrap .bm-table tbody tr:hover {
    box-shadow: none !important;
}

html:not(.dark-theme) .content .bm-companies-table-wrap .bm-row-selected td {
    background: rgba(224, 217, 209, 0.55) !important;
    border-color: rgba(135, 105, 77, 0.28) !important;
}

html:not(.dark-theme) .content .bm-companies-table-wrap .bm-icon-btn {
    color: #70747a !important;
    background: transparent !important;
    border-color: transparent !important;
}

html:not(.dark-theme) .content .bm-companies-table-wrap .bm-icon-btn:hover {
    color: #4f5359 !important;
    background: rgba(65, 68, 73, 0.06) !important;
    border-color: rgba(65, 68, 73, 0.12) !important;
}

html:not(.dark-theme) .content .bm-companies-table-wrap .bm-icon-btn--delete {
    color: #9a704d !important;
}

html:not(.dark-theme) .bm-company-modal {
    color: #5f6369 !important;
    background: #eef0f1 !important;
    border-color: rgba(65, 68, 73, 0.16) !important;
    border-radius: 7px !important;
    box-shadow: 0 18px 48px rgba(38, 40, 44, 0.18) !important;
}

html:not(.dark-theme) .bm-company-modal :is(.bm-modal__header, .bm-modal__footer) {
    background: rgba(229, 231, 233, 0.82) !important;
    border-color: rgba(65, 68, 73, 0.12) !important;
}

html:not(.dark-theme) .bm-company-modal .bm-modal__header h5 {
    color: #55595f !important;
    font-weight: 550 !important;
}

html:not(.dark-theme) .bm-company-modal :is(.form-control, .bm-type-picker__button) {
    color: #55595f !important;
    background: rgba(255, 255, 255, 0.52) !important;
    border-color: rgba(65, 68, 73, 0.14) !important;
    box-shadow: none !important;
}

html:not(.dark-theme) .bm-company-modal :is(.form-control, .bm-type-picker__button):focus {
    border-color: rgba(65, 68, 73, 0.28) !important;
    box-shadow: 0 0 0 1px rgba(65, 68, 73, 0.06) !important;
}

html:not(.dark-theme) .bm-company-modal .bm-type-picker__menu {
    background: #f1f2f3 !important;
    border-color: rgba(65, 68, 73, 0.16) !important;
}

html:not(.dark-theme) .bm-company-modal .bm-type-picker__option {
    color: #60646a !important;
    font-weight: 450 !important;
}

html:not(.dark-theme) .bm-company-modal .bm-type-picker__option:hover,
html:not(.dark-theme) .bm-company-modal .bm-type-picker__option.is-selected {
    color: #4f5359 !important;
    background: rgba(65, 68, 73, 0.07) !important;
}

html:not(.dark-theme) .bm-company-modal .bm-company-modal-action {
    color: #666a70 !important;
    background: rgba(255, 255, 255, 0.40) !important;
    border-color: rgba(65, 68, 73, 0.15) !important;
}

html:not(.dark-theme) .bm-company-modal .bm-company-modal-action--save {
    color: #806548 !important;
    background: rgba(135, 105, 77, 0.09) !important;
    border-color: rgba(135, 105, 77, 0.22) !important;
}

html:not(.dark-theme) .bm-company-modal .bm-company-modal-action--delete {
    color: #986b42 !important;
    background: rgba(152, 107, 66, 0.07) !important;
    border-color: rgba(152, 107, 66, 0.20) !important;
}

/* Kalendar u Backoffice One modalima */
html.dark-theme .content .bm-modal .bm-date-field > :is(.bm-date-button, .bm-date-clear-button) {
    color: #85888d !important;
    background: rgba(38, 38, 41, 0.58) !important;
    border-color: rgba(174, 176, 181, 0.13) !important;
    box-shadow: none !important;
}

html.dark-theme .content .bm-modal .bm-date-field > :is(.bm-date-button, .bm-date-clear-button):hover {
    color: #b3b5b9 !important;
    background: rgba(58, 58, 61, 0.44) !important;
    border-color: rgba(174, 176, 181, 0.22) !important;
}

html.dark-theme .content .bm-modal .bm-date-field > .bm-date-clear-button:hover {
    color: #c59a6c !important;
    border-color: rgba(197, 154, 108, 0.28) !important;
}

html.dark-theme .content .bm-modal .bm-date-calendar {
    color: #a8aaae !important;
    background: rgba(39, 39, 42, 0.98) !important;
    border-color: rgba(174, 176, 181, 0.16) !important;
    border-radius: 6px !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.36) !important;
    backdrop-filter: blur(14px);
}

html.dark-theme .content .bm-modal .bm-date-calendar__header {
    padding-bottom: 0.55rem;
    border-bottom: 1px solid rgba(174, 176, 181, 0.08);
}

html.dark-theme .content .bm-modal .bm-date-calendar__header span {
    color: #b3b5b9 !important;
    font-weight: 550 !important;
}

html.dark-theme .content .bm-modal .bm-date-calendar__header button {
    color: #85888d !important;
    background: rgba(48, 48, 51, 0.34) !important;
    border-color: rgba(174, 176, 181, 0.13) !important;
    border-radius: 5px !important;
    box-shadow: none !important;
}

html.dark-theme .content .bm-modal .bm-date-calendar__header button:hover {
    color: #c0c2c5 !important;
    background: rgba(64, 64, 67, 0.48) !important;
    border-color: rgba(174, 176, 181, 0.22) !important;
}

html.dark-theme .content .bm-modal .bm-date-calendar__weekdays span {
    color: #6e7073 !important;
    font-weight: 500 !important;
}

html.dark-theme .content .bm-modal .bm-date-calendar__day {
    color: #a8aaae !important;
    background: transparent !important;
    border-color: transparent !important;
    border-radius: 5px !important;
    font-weight: 450 !important;
}

html.dark-theme .content .bm-modal .bm-date-calendar__day:hover {
    color: #c4c5c8 !important;
    background: rgba(174, 176, 181, 0.08) !important;
    border-color: rgba(174, 176, 181, 0.11) !important;
}

html.dark-theme .content .bm-modal .bm-date-calendar__day--today {
    color: #b99a79 !important;
    background: rgba(169, 130, 87, 0.05) !important;
    border-color: rgba(185, 154, 121, 0.28) !important;
}

html.dark-theme .content .bm-modal .bm-date-calendar__day--selected,
html.dark-theme .content .bm-modal .bm-date-calendar__day--selected:hover {
    color: #d2c0ad !important;
    background: rgba(169, 130, 87, 0.25) !important;
    border-color: rgba(185, 154, 121, 0.45) !important;
    font-weight: 600 !important;
    box-shadow: inset 0 0 0 1px rgba(185, 154, 121, 0.08) !important;
}

html:not(.dark-theme) .content .bm-modal .bm-date-field > :is(.bm-date-button, .bm-date-clear-button) {
    color: #71757b !important;
    background: rgba(239, 240, 241, 0.72) !important;
    border-color: rgba(65, 68, 73, 0.14) !important;
    box-shadow: none !important;
}

html:not(.dark-theme) .content .bm-modal .bm-date-field > :is(.bm-date-button, .bm-date-clear-button):hover {
    color: #4f5359 !important;
    background: rgba(222, 224, 226, 0.82) !important;
    border-color: rgba(65, 68, 73, 0.22) !important;
}

html:not(.dark-theme) .content .bm-modal .bm-date-field > .bm-date-clear-button:hover {
    color: #986b42 !important;
    border-color: rgba(152, 107, 66, 0.26) !important;
}

html:not(.dark-theme) .content .bm-modal .bm-date-calendar {
    color: #5f6369 !important;
    background: rgba(241, 242, 243, 0.98) !important;
    border-color: rgba(65, 68, 73, 0.16) !important;
    border-radius: 6px !important;
    box-shadow: 0 16px 34px rgba(55, 58, 63, 0.18) !important;
    backdrop-filter: blur(14px);
}

html:not(.dark-theme) .content .bm-modal .bm-date-calendar__header {
    padding-bottom: 0.55rem;
    border-bottom: 1px solid rgba(65, 68, 73, 0.08);
}

html:not(.dark-theme) .content .bm-modal .bm-date-calendar__header span {
    color: #55595f !important;
    font-weight: 550 !important;
}

html:not(.dark-theme) .content .bm-modal .bm-date-calendar__header button {
    color: #71757b !important;
    background: rgba(255, 255, 255, 0.44) !important;
    border-color: rgba(65, 68, 73, 0.14) !important;
    border-radius: 5px !important;
    box-shadow: none !important;
}

html:not(.dark-theme) .content .bm-modal .bm-date-calendar__header button:hover {
    color: #4f5359 !important;
    background: rgba(222, 224, 226, 0.74) !important;
    border-color: rgba(65, 68, 73, 0.22) !important;
}

html:not(.dark-theme) .content .bm-modal .bm-date-calendar__weekdays span {
    color: #85898f !important;
    font-weight: 500 !important;
}

html:not(.dark-theme) .content .bm-modal .bm-date-calendar__day {
    color: #60646a !important;
    background: transparent !important;
    border-color: transparent !important;
    border-radius: 5px !important;
    font-weight: 450 !important;
}

html:not(.dark-theme) .content .bm-modal .bm-date-calendar__day:hover {
    color: #44484d !important;
    background: rgba(65, 68, 73, 0.07) !important;
    border-color: rgba(65, 68, 73, 0.10) !important;
}

html:not(.dark-theme) .content .bm-modal .bm-date-calendar__day--today {
    color: #806548 !important;
    background: rgba(135, 105, 77, 0.04) !important;
    border-color: rgba(135, 105, 77, 0.26) !important;
}

html:not(.dark-theme) .content .bm-modal .bm-date-calendar__day--selected,
html:not(.dark-theme) .content .bm-modal .bm-date-calendar__day--selected:hover {
    color: #6d543c !important;
    background: rgba(135, 105, 77, 0.16) !important;
    border-color: rgba(135, 105, 77, 0.34) !important;
    font-weight: 600 !important;
    box-shadow: inset 0 0 0 1px rgba(135, 105, 77, 0.05) !important;
}

/* Lokalne Backoffice One snackbar poruke */
.bm-copy-toast {
    --bm-copy-toast-accent: #8f9298;
    --bm-copy-toast-border: rgba(143, 146, 152, 0.42);
    min-width: 240px !important;
    max-width: 390px !important;
    gap: 0.6rem !important;
    padding: 0.7rem 0.85rem !important;
    border: 1px solid var(--bm-copy-toast-border) !important;
    border-left: 2px solid var(--bm-copy-toast-accent) !important;
    border-radius: 6px !important;
    font-size: 0.82rem !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    animation: bm-local-snackbar-enter 0.25s ease !important;
}

.bm-copy-toast--clipboard,
.bm-copy-toast--success {
    --bm-copy-toast-accent: #91a39a;
    --bm-copy-toast-border: rgba(107, 142, 122, 0.52);
}

.bm-copy-toast--warning {
    --bm-copy-toast-accent: #b99a79;
    --bm-copy-toast-border: rgba(185, 154, 121, 0.56);
}

.bm-copy-toast--error {
    --bm-copy-toast-accent: #aa5b5b;
    --bm-copy-toast-border: rgba(170, 91, 91, 0.58);
}

.bm-copy-toast__icon {
    display: block;
    flex: 0 0 1.05rem;
    width: 1.05rem;
    height: 1.05rem;
    color: var(--bm-copy-toast-accent);
    background: currentColor;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}

.bm-copy-toast--clipboard .bm-copy-toast__icon,
.bm-copy-toast--success .bm-copy-toast__icon {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Zm-1.2-4.1-3.7-3.7 1.4-1.4 2.3 2.3 4.7-4.7 1.4 1.4-6.1 6.1Z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Zm-1.2-4.1-3.7-3.7 1.4-1.4 2.3 2.3 4.7-4.7 1.4 1.4-6.1 6.1Z'/%3E%3C/svg%3E");
}

.bm-copy-toast--warning .bm-copy-toast__icon {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 1.8 21h20.4L12 3Zm0 4.1 6.8 11.9H5.2L12 7.1ZM11 10v4h2v-4h-2Zm0 5.5v2h2v-2h-2Z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 1.8 21h20.4L12 3Zm0 4.1 6.8 11.9H5.2L12 7.1ZM11 10v4h2v-4h-2Zm0 5.5v2h2v-2h-2Z'/%3E%3C/svg%3E");
}

.bm-copy-toast--error .bm-copy-toast__icon {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Zm-2.8-5.8 1.4 1.4L12 14.2l1.4 1.4 1.4-1.4-1.4-1.4 1.4-1.4-1.4-1.4-1.4 1.4-1.4-1.4-1.4 1.4 1.4 1.4-1.4 1.4Z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Zm-2.8-5.8 1.4 1.4L12 14.2l1.4 1.4 1.4-1.4-1.4-1.4 1.4-1.4-1.4-1.4-1.4 1.4-1.4-1.4-1.4 1.4 1.4 1.4-1.4 1.4Z'/%3E%3C/svg%3E");
}

.bm-copy-toast__text {
    flex: 1;
    min-width: 0;
    overflow-wrap: anywhere;
}

html.dark-theme .bm-copy-toast {
    color: #9da0a5 !important;
    background: rgba(31, 31, 34, 0.97) !important;
    border-color: var(--bm-copy-toast-border) !important;
    border-left-color: var(--bm-copy-toast-accent) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.025),
        0 14px 34px rgba(0, 0, 0, 0.28) !important;
}

html:not(.dark-theme) .bm-copy-toast {
    color: #55595f !important;
    background: rgba(246, 247, 248, 0.98) !important;
    border-color: var(--bm-copy-toast-border) !important;
    border-left-color: var(--bm-copy-toast-accent) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.54),
        0 12px 28px rgba(55, 58, 63, 0.13) !important;
}

html:not(.dark-theme) .bm-copy-toast--clipboard,
html:not(.dark-theme) .bm-copy-toast--success {
    --bm-copy-toast-accent: #64786d;
    --bm-copy-toast-border: rgba(82, 116, 95, 0.48);
}

html:not(.dark-theme) .bm-copy-toast--warning {
    --bm-copy-toast-accent: #87694d;
    --bm-copy-toast-border: rgba(135, 105, 77, 0.52);
}

html:not(.dark-theme) .bm-copy-toast--error {
    --bm-copy-toast-accent: #8f5959;
    --bm-copy-toast-border: rgba(143, 83, 83, 0.54);
}

@keyframes bm-local-snackbar-enter {
    from {
        opacity: 0;
        transform: translateX(30px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@media (max-width: 560px) {
    .bm-copy-toast {
        top: 0.65rem !important;
        right: 0.65rem !important;
        left: 0.65rem !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
    }
}

/* Svijetli sidebar prati potpuno istu tipografiju i stanja kao tamni. */
html:not(.dark-theme) .sidebar-link {
    color: #777b81 !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    font-size: 0.96rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    transform: none !important;
}

html:not(.dark-theme) .sidebar-link .sbt {
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: 0;
}

html:not(.dark-theme) .sidebar-link .sbi,
html:not(.dark-theme) .sidebar-link .sbi svg,
html:not(.dark-theme) .sidebar-link .sbi svg * {
    color: #777b81 !important;
    stroke: currentColor !important;
    opacity: 1 !important;
}

html:not(.dark-theme) .sidebar-link:hover {
    color: #55595f !important;
    background: rgba(65, 68, 73, 0.035) !important;
    border-color: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

html:not(.dark-theme) .sidebar-link:hover .sbi,
html:not(.dark-theme) .sidebar-link:hover .sbi svg,
html:not(.dark-theme) .sidebar-link:hover .sbi svg * {
    color: #55595f !important;
    stroke: currentColor !important;
    opacity: 1 !important;
}

html:not(.dark-theme) .sidebar-link.active {
    color: #202327 !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    font-size: 0.96rem !important;
    font-weight: 600 !important;
    transform: none !important;
}

html:not(.dark-theme) .sidebar-link.active .sbt {
    font-size: inherit;
    font-weight: inherit;
}

html:not(.dark-theme) .sidebar-link.active .sbi,
html:not(.dark-theme) .sidebar-link.active .sbi svg,
html:not(.dark-theme) .sidebar-link.active .sbi svg * {
    color: #202327 !important;
    stroke: currentColor !important;
    opacity: 1 !important;
}

html:not(.dark-theme) .sidebar-link:not(.active) .sbi--Klijenti,
html:not(.dark-theme) .sidebar-link:not(.active) .sbi--Klijenti svg,
html:not(.dark-theme) .sidebar-link:not(.active) .sbi--Klijenti svg * {
    color: #777b81 !important;
    stroke: currentColor !important;
}

html:not(.dark-theme) .sidebar-link:not(.active):hover .sbi--Klijenti,
html:not(.dark-theme) .sidebar-link:not(.active):hover .sbi--Klijenti svg,
html:not(.dark-theme) .sidebar-link:not(.active):hover .sbi--Klijenti svg * {
    color: #55595f !important;
    stroke: currentColor !important;
}

html:not(.dark-theme) .sidebar-link.active .sbi--Klijenti,
html:not(.dark-theme) .sidebar-link.active .sbi--Klijenti svg,
html:not(.dark-theme) .sidebar-link.active .sbi--Klijenti svg * {
    color: #202327 !important;
    stroke: currentColor !important;
}

html:not(.dark-theme) .sidebar-link.active::before {
    background: transparent !important;
}

html:not(.dark-theme).sidebar-collapsed .sidebar-link,
html:not(.dark-theme).sidebar-collapsed .sidebar-link.active {
    font-size: 0.96rem !important;
    transform: none !important;
}

html:not(.dark-theme).sidebar-collapsed .sidebar-link .sbi {
    opacity: 1 !important;
}

/* Sort indikator u zaglavlju Backoffice One tabele */
html.dark-theme .content .bm-backoffice-table-wrap .bm-sort-indicator {
    color: #8f9298 !important;
    opacity: 0.86;
}

html.dark-theme .content .bm-backoffice-table-wrap .bm-sortable:hover .bm-sort-indicator {
    color: #b3b5b9 !important;
    opacity: 1;
}

html:not(.dark-theme) .content .bm-backoffice-table-wrap .bm-sort-indicator {
    color: #666a70 !important;
    opacity: 0.84;
}

html:not(.dark-theme) .content .bm-backoffice-table-wrap .bm-sortable:hover .bm-sort-indicator {
    color: #44484d !important;
    opacity: 1;
}

/* Graphite logotipi dashboard kartica u svijetloj temi imaju jači kontrast. */
html:not(.dark-theme) .bm-dashboard-card__image--light-graphite {
    opacity: 1 !important;
    filter: brightness(0.48) saturate(0.92) contrast(1.06) !important;
}

html:not(.dark-theme) .bm-dashboard-card__image--garson-one-graphite.bm-dashboard-card__image--light-graphite {
    opacity: 1 !important;
    filter: grayscale(1) brightness(0.42) contrast(1.08) !important;
}

html:not(.dark-theme) :is(.bm-dashboard-card--backoffice, .bm-dashboard-card--cashbox) .bm-dashboard-card__image--light-graphite {
    opacity: 1 !important;
    filter: grayscale(1) brightness(0.33) contrast(1.10) !important;
}

/* Aktivna stavka skupljenog sidebara mora ostati jasno vidljiva u svijetloj temi. */
html:not(.dark-theme).sidebar-collapsed .sidebar-link.active .sbi {
    color: #17191c !important;
    stroke: #17191c !important;
    font-weight: 800 !important;
    opacity: 1 !important;
}

html:not(.dark-theme).sidebar-collapsed .sidebar-link.active .sbi svg,
html:not(.dark-theme).sidebar-collapsed .sidebar-link.active .sbi svg * {
    color: #17191c !important;
    stroke: #17191c !important;
    stroke-width: 2.2px !important;
    opacity: 1 !important;
}

/* Dashboard datumi u svijetloj temi prikazuju se kao miran graphite tekst, bez starog plavog bedža. */
html:not(.dark-theme) .bm-dashboard-card :is(
    .bm-recent-list__date,
    .bm-database-warning-list__date,
    .bm-database-warning-list__more) {
    color: #686d73 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    font-weight: 500 !important;
}

/* Upozorenja na dashboardu koriste prigušenu crvenu paletu samo u svijetloj temi. */
html:not(.dark-theme) .bm-dashboard-card :is(
    .bm-card-warning,
    .bm-nefiscal-card-summary) {
    color: #965d5d !important;
    background: rgba(150, 93, 93, 0.055) !important;
    border-color: rgba(150, 93, 93, 0.24) !important;
}

html:not(.dark-theme) .bm-dashboard-card .bm-nefiscal-card-summary--link:hover,
html:not(.dark-theme) .bm-dashboard-card .bm-nefiscal-card-summary--link:focus-visible {
    color: #865050 !important;
    background: rgba(150, 93, 93, 0.09) !important;
    border-color: rgba(150, 93, 93, 0.34) !important;
}

html:not(.dark-theme) .bm-dashboard-card .bm-server-status-list__status {
    color: #965d5d !important;
    background: rgba(150, 93, 93, 0.075) !important;
    font-weight: 500 !important;
}

html:not(.dark-theme) .bm-dashboard-card--database-warning {
    border-color: rgba(150, 93, 93, 0.24) !important;
}

html:not(.dark-theme) .bm-dashboard-card--database-warning:hover,
html:not(.dark-theme) .bm-dashboard-card--certificates:hover {
    border-color: rgba(150, 93, 93, 0.34) !important;
    box-shadow: 0 10px 28px rgba(96, 62, 62, 0.09) !important;
}

html:not(.dark-theme) .bm-dashboard-card--certificates .bm-certificate-mini-table__status--expired,
html:not(.dark-theme) .bm-dashboard-card--certificates .bm-certificate-mini-table__status--soon {
    color: #965d5d !important;
    background: rgba(150, 93, 93, 0.065) !important;
    border-color: rgba(150, 93, 93, 0.20) !important;
}

html:not(.dark-theme) .bm-dashboard-card__image--light-warning {
    opacity: 1 !important;
    filter: none !important;
}

/* Analitika i Analytics ključevi: zajednički graphite završni sloj za obje teme. */
.bm-analytics-shell {
    gap: 1rem;
}

.bm-analytics-grid {
    grid-template-columns: repeat(2, minmax(340px, 460px)) !important;
    align-items: stretch;
}

.bm-analytics-card {
    width: 100%;
    min-height: 100%;
    border-radius: 8px !important;
}

.bm-analytics-card__header,
.bm-analytics-card__footer {
    min-height: 4rem;
}

.bm-analytics-card__icon--contabo,
.bm-analytics-card__icon--hoteli {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.bm-analytics-brand-image {
    opacity: 0.94;
}

.bm-analytics-brand-image--dark {
    display: none;
}

html.dark-theme .bm-analytics-brand-image--light {
    display: none;
}

html.dark-theme .bm-analytics-brand-image--dark {
    display: block;
}

.bm-analytics-card :is(
    .bm-analytics-card__summary strong,
    .bm-infographic-chart__center strong,
    .bm-largest-db__list strong,
    .bm-contabo-slice__amount,
    .bm-analytics-footer strong) {
    font-weight: 600 !important;
}

.bm-analytics-card :is(
    .bm-analytics-card__summary span,
    .bm-largest-db__title,
    .bm-infographic-chart__center span) {
    letter-spacing: 0 !important;
    font-weight: 500 !important;
}

.bm-infographic-chart__visual::before {
    border-left-color: #8d7770 !important;
    border-bottom-color: #8d7770 !important;
    opacity: 0.55 !important;
}

.bm-infographic-chart__visual::after {
    background: #8d7770 !important;
    box-shadow: 0 0 0 4px rgba(141, 119, 112, 0.10) !important;
}

.bm-infographic-chart__segment--new,
.bm-infographic-chart__dot--new {
    color: #687b72 !important;
    stroke: #687b72 !important;
    background: #687b72 !important;
}

.bm-infographic-chart__segment--old,
.bm-infographic-chart__dot--old {
    color: #9a6666 !important;
    stroke: #9a6666 !important;
    background: #9a6666 !important;
}

.bm-infographic-chart--contabo :is(
    .bm-infographic-chart__svg,
    .bm-infographic-chart__legend) {
    filter: saturate(0.55);
}

.bm-analytics-icon-action,
.bm-analytics-detail-action,
.bm-analytics-action {
    border-radius: 4px !important;
    font-weight: 500 !important;
    transform: none !important;
}

.bm-agent-keys-page .bm-agent-keys-toolbar {
    min-height: 2.6rem;
}

.bm-agent-keys-page .bm-searchbar {
    border-radius: 4px !important;
    box-shadow: none !important;
    backdrop-filter: blur(3px);
}

.bm-agent-keys-page .bm-searchbar:focus-within {
    box-shadow: 0 0 0 3px rgba(86, 90, 96, 0.08) !important;
}

.bm-agent-keys-page .bm-btn-icon-add {
    min-height: 2.35rem;
    padding: 0 0.8rem 0 2.15rem !important;
    border-radius: 4px !important;
    background-repeat: no-repeat !important;
    background-position: 0.65rem center !important;
    background-size: 1rem !important;
    font-weight: 500 !important;
    white-space: nowrap;
}

.bm-agent-keys-page .bm-count-card {
    flex-direction: row;
    align-items: center;
    gap: 0.75rem;
    min-height: 2.35rem;
    padding: 0.35rem 0.75rem;
    border-radius: 4px !important;
    box-shadow: none !important;
}

.bm-agent-keys-page .bm-count-card__value {
    font-size: 1rem;
    font-weight: 600;
}

.bm-agent-keys-page :is(
    .bm-table-modern-wrapper,
    .bm-skeleton-table) {
    border-radius: 6px !important;
    box-shadow: none !important;
}

.bm-agent-keys-page .bm-agent-key-code {
    border: 0 !important;
    background: transparent !important;
    font-weight: 400;
}

.bm-agent-keys-page .bm-icon-btn {
    border: 0 !important;
    background-color: transparent !important;
    filter: grayscale(1);
    opacity: 0.78;
}

.bm-agent-keys-page .bm-icon-btn:hover {
    opacity: 1;
}

.bm-agent-keys-page .bm-icon-btn--delete {
    filter: grayscale(0.3) saturate(0.55);
}

.bm-agent-keys-page .bm-icon-btn--copy.is-copied {
    filter: none;
    opacity: 1;
}

.bm-agent-keys-page :is(
    .bm-modal,
    .bm-modal__header,
    .bm-modal__footer) {
    border-radius: 6px !important;
}

.bm-agent-keys-page .bm-modal__header {
    padding: 0.9rem 1rem !important;
}

.bm-agent-keys-page .bm-modal__body {
    padding: 1rem !important;
}

.bm-agent-keys-page .bm-modal__footer {
    gap: 0.65rem;
    padding: 0.85rem 1rem !important;
}

.bm-agent-keys-page .bm-modal__header h5 {
    font-size: 0.95rem;
    font-weight: 500;
}

.bm-agent-keys-page .bm-label {
    font-weight: 500;
}

.bm-agent-keys-page .bm-modal :is(.form-control, .form-select) {
    border-radius: 4px !important;
    box-shadow: none !important;
}

html:not(.dark-theme) .bm-analytics-card {
    color: #55595f;
    background: rgba(255, 255, 255, 0.42) !important;
    border-color: rgba(65, 68, 73, 0.11) !important;
    backdrop-filter: blur(3px);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.48), 0 12px 26px rgba(45, 48, 54, 0.08) !important;
}

html:not(.dark-theme) .bm-analytics-card :is(
    .bm-analytics-card__header,
    .bm-analytics-card__footer) {
    background: rgba(255, 255, 255, 0.24) !important;
    border-color: rgba(65, 68, 73, 0.09) !important;
}

html:not(.dark-theme) .bm-analytics-brand-image {
    opacity: 1;
    filter: brightness(0.43) saturate(0.82) contrast(1.10);
}

html:not(.dark-theme) .bm-analytics-shell :is(
    .bm-infographic-chart__center,
    .bm-hotelier-modal-card,
    .bm-hotelier-kpi) {
    color: #55595f !important;
    background: rgba(255, 255, 255, 0.34) !important;
    border-color: rgba(65, 68, 73, 0.11) !important;
    box-shadow: none !important;
}

html:not(.dark-theme) .bm-analytics-shell .bm-infographic-chart__track {
    stroke: rgba(77, 81, 87, 0.17) !important;
}

html:not(.dark-theme) .bm-analytics-shell :is(
    .bm-btn-secondary-modal,
    .bm-analytics-icon-action,
    .bm-analytics-action) {
    color: #55595f !important;
    background: rgba(255, 255, 255, 0.28) !important;
    border-color: rgba(65, 68, 73, 0.15) !important;
    box-shadow: none !important;
}

html:not(.dark-theme) .bm-analytics-shell :is(
    .bm-btn-secondary-modal,
    .bm-analytics-icon-action,
    .bm-analytics-action):hover:not(:disabled) {
    color: #34373b !important;
    background: rgba(255, 255, 255, 0.46) !important;
    border-color: rgba(65, 68, 73, 0.25) !important;
}

html:not(.dark-theme) .bm-agent-keys-page :is(
    .bm-searchbar,
    .bm-count-card,
    .bm-table-modern-wrapper,
    .bm-skeleton-table) {
    color: #55595f;
    background: rgba(255, 255, 255, 0.34) !important;
    border-color: rgba(65, 68, 73, 0.11) !important;
    backdrop-filter: blur(3px);
}

html:not(.dark-theme) .bm-agent-keys-page .bm-btn-icon-add {
    color: #4f5358 !important;
    background-color: rgba(255, 255, 255, 0.34) !important;
    border-color: rgba(65, 68, 73, 0.16) !important;
    box-shadow: none !important;
}

html:not(.dark-theme) .bm-agent-keys-page .bm-btn-icon-add:hover {
    color: #303338 !important;
    background-color: rgba(255, 255, 255, 0.52) !important;
    border-color: rgba(65, 68, 73, 0.26) !important;
}

html:not(.dark-theme) .bm-agent-keys-page .bm-count-card__value {
    color: #4f5358 !important;
}

html:not(.dark-theme) .bm-agent-keys-page .bm-modal {
    color: #55595f;
    background: rgba(239, 239, 241, 0.97) !important;
    border-color: rgba(65, 68, 73, 0.16) !important;
    box-shadow: 0 24px 58px rgba(45, 48, 54, 0.18) !important;
}

html:not(.dark-theme) .bm-agent-keys-page :is(
    .bm-modal__header,
    .bm-modal__footer) {
    background: rgba(255, 255, 255, 0.34) !important;
    border-color: rgba(65, 68, 73, 0.10) !important;
}

html.dark-theme .bm-analytics-brand-image {
    opacity: 0.92;
    filter: none;
}

html.dark-theme .bm-analytics-shell :is(
    .bm-infographic-chart__center,
    .bm-hotelier-modal-card,
    .bm-hotelier-kpi) {
    color: #b8b9bd !important;
    background: rgba(48, 48, 51, 0.34) !important;
    border-color: rgba(174, 176, 181, 0.11) !important;
    box-shadow: none !important;
}

html.dark-theme .bm-analytics-shell .bm-infographic-chart__track {
    stroke: rgba(174, 176, 181, 0.17) !important;
}

html.dark-theme .bm-analytics-shell :is(
    .bm-btn-secondary-modal,
    .bm-analytics-icon-action,
    .bm-analytics-action) {
    color: #aeb0b5 !important;
    background: rgba(174, 176, 181, 0.055) !important;
    border-color: rgba(174, 176, 181, 0.14) !important;
    box-shadow: none !important;
}

html.dark-theme .bm-analytics-shell :is(
    .bm-btn-secondary-modal,
    .bm-analytics-icon-action,
    .bm-analytics-action):hover:not(:disabled) {
    color: #d1d1d4 !important;
    background: rgba(174, 176, 181, 0.10) !important;
    border-color: rgba(174, 176, 181, 0.24) !important;
}

html.dark-theme .bm-agent-keys-page :is(
    .bm-searchbar,
    .bm-count-card,
    .bm-table-modern-wrapper,
    .bm-skeleton-table) {
    color: #9da0a5;
    background: rgba(24, 24, 27, 0.36) !important;
    border-color: rgba(174, 176, 181, 0.10) !important;
    box-shadow: none !important;
    backdrop-filter: blur(3px);
}

html.dark-theme .bm-agent-keys-page .bm-btn-icon-add {
    color: #aeb0b5 !important;
    background-color: rgba(174, 176, 181, 0.055) !important;
    border-color: rgba(174, 176, 181, 0.14) !important;
    box-shadow: none !important;
}

html.dark-theme .bm-agent-keys-page .bm-btn-icon-add:hover {
    color: #d1d1d4 !important;
    background-color: rgba(174, 176, 181, 0.10) !important;
    border-color: rgba(174, 176, 181, 0.24) !important;
}

html.dark-theme .bm-agent-keys-page .bm-count-card__value {
    color: #b8b9bd !important;
}

html.dark-theme .bm-agent-keys-page .bm-modal {
    color: #9da0a5;
    background: rgba(37, 37, 40, 0.98) !important;
    border-color: rgba(174, 176, 181, 0.14) !important;
    box-shadow: 0 28px 64px rgba(0, 0, 0, 0.38) !important;
}

html.dark-theme .bm-agent-keys-page :is(
    .bm-modal__header,
    .bm-modal__footer) {
    background: rgba(48, 48, 51, 0.46) !important;
    border-color: rgba(174, 176, 181, 0.10) !important;
}

html.dark-theme .bm-agent-keys-page .bm-modal .form-select,
html.dark-theme .bm-agent-keys-page .bm-modal .form-select option {
    color: #b8b9bd !important;
    background-color: #252528 !important;
    border-color: rgba(174, 176, 181, 0.14) !important;
}

/* Ikona i boja teksta na dugmetu Dodaj ključ ostaju stabilne i tokom hover/focus stanja. */
html:not(.dark-theme) .content .bm-agent-keys-page .bm-btn-icon-add,
html:not(.dark-theme) .content .bm-agent-keys-page .bm-btn-icon-add:hover,
html:not(.dark-theme) .content .bm-agent-keys-page .bm-btn-icon-add:focus {
    color: #806548 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23806548' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m-7-7h14'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 0.65rem center !important;
    background-size: 1rem !important;
}

html.dark-theme .content .bm-agent-keys-page .bm-btn-icon-add,
html.dark-theme .content .bm-agent-keys-page .bm-btn-icon-add:hover,
html.dark-theme .content .bm-agent-keys-page .bm-btn-icon-add:focus {
    color: #b99a79 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23b99a79' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m-7-7h14'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 0.65rem center !important;
    background-size: 1rem !important;
}

/* Sva dugmad Dodaj zadržavaju ikonicu i boju teksta kroz normalno, hover i focus stanje. */
html:not(.dark-theme) .content .bm-page-shell .bm-btn-icon-add,
html:not(.dark-theme) .content .bm-page-shell .bm-btn-icon-add:hover,
html:not(.dark-theme) .content .bm-page-shell .bm-btn-icon-add:focus {
    padding-left: 2.15rem !important;
    color: #806548 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23806548' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m-7-7h14'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 0.65rem center !important;
    background-size: 1rem !important;
    white-space: nowrap;
}

html.dark-theme .content .bm-page-shell .bm-btn-icon-add,
html.dark-theme .content .bm-page-shell .bm-btn-icon-add:hover,
html.dark-theme .content .bm-page-shell .bm-btn-icon-add:focus {
    padding-left: 2.15rem !important;
    color: #b99a79 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23b99a79' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m-7-7h14'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 0.65rem center !important;
    background-size: 1rem !important;
    white-space: nowrap;
}

@media (max-width: 820px) {
    .bm-analytics-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

/* Globalna pretraga: kompaktno polje u topbaru i hijerarhijski rezultati. */
.bm-hoteli-table--panel-host {
    display: none !important;
}

.bm-global-search {
    position: relative;
    display: flex;
    align-items: center;
    width: clamp(12rem, 20vw, 22rem);
    height: 2rem;
    border: 1px solid rgba(79, 82, 87, 0.18);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.34);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.bm-global-search:focus-within {
    border-color: rgba(65, 68, 73, 0.42);
    background: rgba(255, 255, 255, 0.44);
    box-shadow: 0 0 0 2px rgba(44, 47, 52, 0.06);
}

.bm-global-search__icon,
.bm-global-search-empty__icon {
    flex: 0 0 auto;
    width: 1rem;
    height: 1rem;
    margin-left: 0.65rem;
    background: currentColor;
    color: #73777d;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") center / contain no-repeat;
}

.bm-global-search__input {
    min-width: 0;
    width: 100%;
    height: 100%;
    padding: 0 0.35rem 0 0.55rem;
    border: 0;
    outline: 0;
    color: #3f4247;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 0.78rem;
}

.bm-global-search__input::placeholder {
    color: #8d9197;
}

.bm-global-search__clear {
    display: grid;
    place-items: center;
    flex: 0 0 1.75rem;
    width: 1.75rem;
    height: 1.75rem;
    padding: 0;
    border: 0;
    color: #7b7f85;
    background: transparent;
    font-size: 1rem;
}

.bm-global-search__clear:hover {
    color: #24272b;
}

.bm-global-search-page {
    position: relative;
    min-height: calc(100vh - 5rem);
}

.workspace-body:has(.bm-global-search-page) {
    scrollbar-width: thin;
    scrollbar-color: rgba(79, 82, 87, 0.34) transparent;
}

.workspace-body:has(.bm-global-search-page)::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.workspace-body:has(.bm-global-search-page)::-webkit-scrollbar-track {
    background: transparent;
}

.workspace-body:has(.bm-global-search-page)::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    border-radius: 4px;
    background: rgba(79, 82, 87, 0.34);
    background-clip: content-box;
}

.workspace-body:has(.bm-global-search-page)::-webkit-scrollbar-thumb:hover {
    background: rgba(55, 58, 63, 0.54);
    background-clip: content-box;
}

.bm-global-search-page__close {
    position: absolute;
    top: -0.15rem;
    right: 0;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    overflow: hidden;
    border: 1px solid rgba(163, 111, 67, 0.5);
    border-radius: 5px;
    color: transparent;
    background: rgba(163, 111, 67, 0.06);
    text-decoration: none;
    font-size: 0;
    line-height: 1;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.bm-global-search-page__close::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.05rem;
    height: 1.05rem;
    color: #94633b;
    background: currentColor;
    content: "";
    transform: translate(-50%, -50%);
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E") center / contain no-repeat;
}

.bm-global-search-page__close:hover {
    border-color: rgba(148, 91, 44, 0.72);
    background: rgba(163, 111, 67, 0.12);
}

.bm-global-search-page__close:hover::before {
    color: #7f4d29;
}

.bm-global-search-summary {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.75rem;
    margin-bottom: 0.8rem;
    min-height: 2.1rem;
    padding: 0 3rem 0 0.2rem;
    color: #73777d;
    font-size: 0.84rem;
}

.bm-global-search-summary strong {
    color: #34373b;
    font-weight: 600;
}

.bm-global-search-summary__query {
    line-height: 1.3;
}

.bm-global-search-summary__elapsed {
    padding-left: 0.75rem;
    border-left: 1px solid rgba(65, 68, 73, 0.16);
    color: #85898f;
    font-size: 0.7rem;
    line-height: 1.3;
    white-space: nowrap;
}

.bm-global-search-leave {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 1.9rem;
    padding: 0.28rem 0.62rem;
    border: 1px solid rgba(163, 111, 67, 0.5);
    border-radius: 5px;
    color: #94633b;
    background: rgba(163, 111, 67, 0.06);
    text-decoration: none;
    font-size: 0.7rem;
    font-weight: 500;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.bm-global-search-leave::before {
    flex: 0 0 auto;
    width: 0.85rem;
    height: 0.85rem;
    color: currentColor;
    background: currentColor;
    content: "";
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 19-7-7 7-7M19 12H5'/%3E%3C/svg%3E") center / contain no-repeat;
}

.bm-global-search-leave:hover {
    border-color: rgba(148, 91, 44, 0.72);
    color: #7f4d29;
    background: rgba(163, 111, 67, 0.12);
}

.bm-global-search-results {
    overflow: hidden;
    border: 1px solid rgba(79, 82, 87, 0.15);
    border-radius: 7px;
    background: rgba(247, 247, 248, 0.52);
}

.bm-global-result-group + .bm-global-result-group {
    border-top: 1px solid rgba(79, 82, 87, 0.15);
}

.bm-global-result-company {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    min-height: 3.65rem;
    padding: 0.7rem 1rem;
    background: rgba(222, 223, 225, 0.74);
}

.bm-global-result-company__icon {
    width: 1.35rem;
    height: 1.35rem;
    color: #55595f;
    background: currentColor;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M3 21h18M5 21V7l7-4v18M19 21V11l-7-4M8 9h1m-1 4h1m-1 4h1m6-5h1m-1 4h1'/%3E%3C/svg%3E") center / contain no-repeat;
}

.bm-global-result-company__identity {
    min-width: 0;
}

.bm-global-result-company__identity h2 {
    margin: 0;
    color: #33363a;
    font-size: 0.94rem;
    font-weight: 650;
}

.bm-global-result-company__identity span {
    display: block;
    margin-top: 0.12rem;
    overflow: hidden;
    color: #7b7f85;
    font-size: 0.68rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bm-global-result-tree {
    background: rgba(255, 255, 255, 0.2);
}

.bm-global-result-row {
    position: relative;
    display: grid;
    grid-template-columns: 1.4rem minmax(0, 1fr) auto 1rem;
    align-items: center;
    gap: 0.7rem;
    width: 100%;
    min-height: 3.2rem;
    padding: 0.45rem 1rem 0.45rem 2.2rem;
    border: 0;
    border-top: 1px solid rgba(79, 82, 87, 0.11);
    color: #55595f;
    background: rgba(255, 255, 255, 0.22);
    text-align: left;
}

.bm-global-result-row:hover {
    color: #292c30;
    background: rgba(255, 255, 255, 0.64);
}

.bm-global-result-row--root {
    padding-left: 1rem;
    background: rgba(237, 237, 238, 0.58);
}

.bm-global-result-row--instance,
.bm-global-result-row--web {
    grid-template-columns: 7.25rem minmax(0, 1fr) auto 1rem;
    margin-left: 2.25rem;
    width: calc(100% - 2.25rem);
}

.bm-global-result-tree-line {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1.05rem;
    width: 1rem;
    border-left: 1px solid rgba(83, 87, 93, 0.22);
}

.bm-global-result-row--instance .bm-global-result-tree-line::after,
.bm-global-result-row--web .bm-global-result-tree-line::after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 0.75rem;
    border-top: 1px solid rgba(83, 87, 93, 0.22);
    content: "";
}

.bm-global-result-row__icon--client {
    width: 1.15rem;
    height: 1.15rem;
    color: #656970;
    background: currentColor;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='12' rx='2'/%3E%3Cpath d='M8 20h8m-4-4v4'/%3E%3C/svg%3E") center / contain no-repeat;
}

.bm-global-result-row__type {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 1.4rem;
    color: #676b71;
    font-size: 0.67rem;
    font-weight: 500;
    white-space: nowrap;
}

.bm-global-result-row__content {
    min-width: 0;
}

.bm-global-result-row__content strong,
.bm-global-result-row__content small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bm-global-result-row__content strong {
    color: #45484d;
    font-size: 0.78rem;
    font-weight: 600;
}

.bm-global-result-row__content small {
    margin-top: 0.12rem;
    color: #85898f;
    font-size: 0.66rem;
}

.bm-global-result-status {
    color: #85898f;
    font-size: 0.66rem;
    font-weight: 500;
}

.bm-global-result-status.is-online {
    color: #347b61;
}

.bm-global-result-open {
    width: 0.85rem;
    height: 0.85rem;
    color: #8b8f95;
    background: currentColor;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center / contain no-repeat;
}

.bm-global-search-empty {
    display: grid;
    justify-items: center;
    align-content: center;
    min-height: 50vh;
    color: #85898f;
    text-align: center;
}

.bm-global-search-empty__icon {
    width: 2rem;
    height: 2rem;
    margin: 0 0 0.8rem;
    color: #8a8e94;
}

.bm-global-search-empty h2 {
    margin: 0;
    color: #4b4e53;
    font-size: 1rem;
    font-weight: 600;
}

.bm-global-search-empty p {
    margin: 0.35rem 0 0;
    font-size: 0.76rem;
}

.bm-global-search-skeleton {
    display: grid;
    gap: 0.45rem;
    padding: 0.55rem;
    border: 1px solid var(--bm-border);
    border-radius: 7px;
    background: rgba(247, 247, 248, 0.42);
}

.bm-global-search-skeleton__line {
    position: relative;
    overflow: hidden;
    height: 4.8rem;
    border-radius: 6px;
    border: 1px solid rgba(65, 68, 73, 0.08);
    background: rgba(255, 255, 255, 0.24);
}

.bm-global-search-skeleton__line::before {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(var(--bm-skeleton-to), var(--bm-skeleton-to)) 1rem 1rem / 1.45rem 1.45rem no-repeat,
        linear-gradient(var(--bm-skeleton-to), var(--bm-skeleton-to)) 3.15rem 1rem / 30% 0.58rem no-repeat,
        linear-gradient(var(--bm-skeleton-from), var(--bm-skeleton-from)) 3.15rem 2rem / 44% 0.42rem no-repeat,
        linear-gradient(var(--bm-skeleton-from), var(--bm-skeleton-from)) calc(100% - 5.4rem) 1.15rem / 4.3rem 0.48rem no-repeat;
    content: "";
}

.bm-global-search-skeleton__line::after {
    position: absolute;
    inset: 0;
    width: 42%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.24),
        transparent);
    content: "";
    transform: translateX(-120%);
    animation: bm-global-search-loading 1.45s ease-in-out infinite;
}

@keyframes bm-global-search-loading {
    to {
        transform: translateX(340%);
    }
}

.bm-global-web-modal {
    width: min(42rem, calc(100vw - 2rem));
}

.bm-global-web-modal__company {
    margin-top: 0.15rem;
    color: #85898f;
    font-size: 0.7rem;
}

.bm-global-web-modal__body {
    display: grid;
    gap: 0.15rem;
}

.bm-global-web-detail {
    display: grid;
    grid-template-columns: 7rem minmax(0, 1fr);
    gap: 1rem;
    padding: 0.65rem 0;
    border-bottom: 1px solid rgba(79, 82, 87, 0.12);
    font-size: 0.76rem;
}

.bm-global-web-detail > span {
    color: #85898f;
}

.bm-global-web-detail > strong,
.bm-global-web-detail > a {
    overflow-wrap: anywhere;
    color: #4b4e53;
    font-weight: 500;
}

.bm-global-web-password {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.45rem;
}

.bm-global-web-password > strong {
    overflow-wrap: anywhere;
    color: #4b4e53;
    font-weight: 500;
}

.bm-global-web-copy {
    display: inline-grid;
    width: 1.65rem;
    height: 1.65rem;
    flex: 0 0 1.65rem;
    padding: 0;
    border: 0;
    place-items: center;
    color: #777b82;
    background: transparent;
}

.bm-global-web-copy > span {
    width: 0.9rem;
    height: 0.9rem;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Crect x='9' y='9' width='10' height='10' rx='2' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v1' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Crect x='9' y='9' width='10' height='10' rx='2' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v1' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / contain;
}

.bm-global-web-copy:hover,
.bm-global-web-copy:focus-visible {
    color: #34373c;
}

.bm-global-web-copy.is-copied {
    color: #2caf68;
}

html.dark-theme .bm-global-search {
    border-color: rgba(174, 176, 181, 0.16);
    background: rgba(31, 31, 34, 0.38);
}

html.dark-theme .bm-global-search:focus-within {
    border-color: rgba(190, 192, 196, 0.34);
    background: rgba(37, 37, 40, 0.56);
    box-shadow: 0 0 0 2px rgba(220, 221, 224, 0.04);
}

html.dark-theme .bm-global-search__input {
    color: #d0cfd1;
}

html.dark-theme .bm-global-search__input::placeholder,
html.dark-theme .bm-global-search__icon,
html.dark-theme .bm-global-search__clear {
    color: #76787c;
}

html.dark-theme .bm-global-search-results {
    border-color: rgba(174, 176, 181, 0.13);
    background: rgba(29, 29, 32, 0.56);
}

html.dark-theme .bm-global-search-skeleton {
    border-color: rgba(174, 176, 181, 0.13);
    background: rgba(29, 29, 32, 0.52);
}

html.dark-theme .bm-global-search-skeleton__line {
    border-color: rgba(174, 176, 181, 0.09);
    background: rgba(39, 39, 42, 0.46);
}

html.dark-theme .bm-global-search-skeleton__line::after {
    background: linear-gradient(
        90deg,
        transparent,
        rgba(174, 176, 181, 0.08),
        transparent);
}

html.dark-theme .bm-global-result-group + .bm-global-result-group,
html.dark-theme .bm-global-result-row {
    border-color: rgba(174, 176, 181, 0.10);
}

html.dark-theme .bm-global-result-company {
    background: rgba(51, 51, 55, 0.78);
}

html.dark-theme .bm-global-result-company__icon,
html.dark-theme .bm-global-result-company__identity h2,
html.dark-theme .bm-global-search-summary strong,
html.dark-theme .bm-global-search-empty h2 {
    color: #c9c8cb;
}

html.dark-theme .bm-global-result-company__identity span,
html.dark-theme .bm-global-search-summary,
html.dark-theme .bm-global-search-empty,
html.dark-theme .bm-global-web-modal__company,
html.dark-theme .bm-global-web-detail > span {
    color: #77797d;
}

html.dark-theme .bm-global-search-summary__elapsed {
    border-left-color: rgba(174, 176, 181, 0.14);
    color: #85878c;
}

html.dark-theme .bm-global-search-leave {
    border-color: rgba(182, 139, 99, 0.5);
    color: #b68b63;
    background: rgba(182, 139, 99, 0.07);
}

html.dark-theme .bm-global-search-leave::before {
    color: currentColor;
}

html.dark-theme .bm-global-search-leave:hover {
    border-color: rgba(194, 151, 111, 0.72);
    color: #c2976f;
    background: rgba(182, 139, 99, 0.13);
}

html.dark-theme .bm-global-search-page__close {
    border-color: rgba(182, 139, 99, 0.5);
    background: rgba(182, 139, 99, 0.07);
}

html.dark-theme .bm-global-search-page__close:hover {
    border-color: rgba(194, 151, 111, 0.72);
    background: rgba(182, 139, 99, 0.13);
}

html.dark-theme .bm-global-search-page__close::before {
    color: #b68b63;
}

html.dark-theme .bm-global-search-page__close:hover::before {
    color: #c2976f;
}

html.dark-theme .workspace-body:has(.bm-global-search-page) {
    scrollbar-color: rgba(174, 176, 181, 0.30) transparent;
}

html.dark-theme .workspace-body:has(.bm-global-search-page)::-webkit-scrollbar-thumb {
    background: rgba(174, 176, 181, 0.30);
    background-clip: content-box;
}

html.dark-theme .workspace-body:has(.bm-global-search-page)::-webkit-scrollbar-thumb:hover {
    background: rgba(190, 192, 196, 0.48);
    background-clip: content-box;
}

html.dark-theme .bm-global-result-tree {
    background: rgba(25, 25, 28, 0.42);
}

html.dark-theme .bm-global-result-row {
    color: #8e9094;
    background: rgba(39, 39, 42, 0.42);
}

html.dark-theme .bm-global-result-row--root {
    background: rgba(44, 44, 47, 0.62);
}

html.dark-theme .bm-global-result-row:hover {
    color: #d0cfd1;
    background: rgba(57, 57, 61, 0.68);
}

html.dark-theme .bm-global-result-row__content strong,
html.dark-theme .bm-global-web-detail > strong,
html.dark-theme .bm-global-web-detail > a,
html.dark-theme .bm-global-web-password > strong {
    color: #b9b8bb;
}

html.dark-theme .bm-global-web-copy {
    color: #85888e;
}

html.dark-theme .bm-global-web-copy:hover,
html.dark-theme .bm-global-web-copy:focus-visible {
    color: #c9c8cb;
}

html.dark-theme .bm-global-web-copy.is-copied {
    color: #70d9a0;
}

html.dark-theme .bm-global-result-row__content small,
html.dark-theme .bm-global-result-status,
html.dark-theme .bm-global-result-row__type,
html.dark-theme .bm-global-result-row__icon--client,
html.dark-theme .bm-global-result-open {
    color: #77797d;
}

html.dark-theme .bm-global-result-status.is-online {
    color: #68a58b;
}

html.dark-theme .bm-global-result-tree-line {
    border-color: rgba(174, 176, 181, 0.16);
}

html.dark-theme .bm-global-result-row--instance .bm-global-result-tree-line::after,
html.dark-theme .bm-global-result-row--web .bm-global-result-tree-line::after {
    border-color: rgba(174, 176, 181, 0.16);
}

@media (max-width: 1100px) {
    .bm-global-search {
        width: min(18rem, 26vw);
    }
}

@media (max-width: 850px) {
    .bm-global-search {
        width: 2rem;
        border-color: transparent;
        background: transparent;
    }

    .bm-global-search:focus-within {
        position: absolute;
        right: 0.5rem;
        z-index: 30;
        width: min(22rem, calc(100vw - 1rem));
    }

    .bm-global-search__input {
        padding: 0;
    }

    .bm-global-search:not(:focus-within) .bm-global-search__input,
    .bm-global-search:not(:focus-within) .bm-global-search__clear {
        width: 0;
        flex-basis: 0;
        padding: 0;
        overflow: hidden;
    }

    .bm-global-result-row {
        grid-template-columns: 1.4rem minmax(0, 1fr) 1rem;
    }

    .bm-global-result-row--instance,
    .bm-global-result-row--web {
        grid-template-columns: 6.4rem minmax(0, 1fr) 1rem;
    }

    .bm-global-result-status {
        display: none;
    }

    .bm-global-result-company__identity span {
        white-space: normal;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bm-global-search-skeleton__line::after {
        animation: none;
    }
}