/* Globalna pretraga zadržava Graphite raspored rezultata, ali svaku boju i
   površinu uzima iz aktivne teme. Fajl se učitava poslednji da osnovni stilovi
   pojedinačnih tema ne bi pretvorili hijerarhijske redove u običan tekst. */

html:root[data-theme] body .content:has(.bm-global-search-page) {
    color: var(--bm-text-primary, var(--bm-text, currentColor)) !important;
    background: var(--bm-page-bg, var(--bm-bg, transparent)) !important;
}

html:root[data-theme] body .content .bm-global-search-page {
    --global-search-page-bg: var(--bm-page-bg, var(--bm-bg, transparent));
    --global-search-surface: var(--bm-surface, var(--bm-surface-raised, transparent));
    --global-search-raised: var(--bm-surface-raised, var(--bm-surface, transparent));
    --global-search-border: var(--bm-border, rgba(127, 127, 127, 0.22));
    --global-search-border-subtle: var(--bm-border-subtle, var(--bm-border, rgba(127, 127, 127, 0.16)));
    --global-search-border-strong: var(--bm-border-strong, var(--bm-border, rgba(127, 127, 127, 0.28)));
    --global-search-text: var(--bm-text-primary, var(--bm-text, currentColor));
    --global-search-secondary: var(--bm-text-secondary, var(--bm-text-muted, currentColor));
    --global-search-muted: var(--bm-text-muted, var(--bm-text-secondary, currentColor));
    --global-search-accent: var(--bm-accent, currentColor);
    --global-search-hover: var(--bm-row-hover, var(--bm-surface-raised, transparent));
    position: relative;
    box-sizing: border-box;
    width: 100%;
    min-height: calc(100vh - 5rem);
    padding: 0 0 1.5rem;
    color: var(--global-search-text) !important;
    background: transparent !important;
}

html:root[data-theme] body .content .bm-global-search-page__close {
    position: absolute;
    top: 0.05rem;
    right: 0;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--global-search-border) !important;
    border-radius: 7px;
    color: var(--global-search-secondary) !important;
    background: var(--global-search-raised) !important;
    box-shadow: var(--bm-shadow-soft, none) !important;
    text-decoration: none;
    font-size: 0;
    line-height: 1;
    opacity: 1;
}

html:root[data-theme] body .content .bm-global-search-page__close::before {
    width: 1rem;
    height: 1rem;
    color: currentColor;
    background: currentColor;
    content: "";
    -webkit-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;
    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;
}

html:root[data-theme] body .content .bm-global-search-page__close:hover,
html:root[data-theme] body .content .bm-global-search-page__close:focus-visible {
    color: var(--global-search-accent) !important;
    border-color: var(--global-search-border-strong) !important;
    background: var(--global-search-hover) !important;
    outline: 0;
}

html:root[data-theme] body .content .bm-global-search-summary {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.75rem;
    min-height: 2.1rem;
    margin: 0 0 0.8rem;
    padding: 0 3rem 0 0.2rem;
    color: var(--global-search-secondary) !important;
    font-size: 0.84rem;
}

html:root[data-theme] body .content .bm-global-search-summary strong {
    color: var(--global-search-text) !important;
    font-weight: 650;
}

html:root[data-theme] body .content .bm-global-search-summary__query {
    line-height: 1.3;
}

html:root[data-theme] body .content .bm-global-search-summary__elapsed {
    padding-left: 0.75rem;
    border-left: 1px solid var(--global-search-border-subtle) !important;
    color: var(--global-search-muted) !important;
    font-size: 0.7rem;
    line-height: 1.3;
    white-space: nowrap;
}

html:root[data-theme] body .content .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 var(--global-search-border) !important;
    border-radius: 7px;
    color: var(--global-search-secondary) !important;
    background: var(--global-search-raised) !important;
    box-shadow: none !important;
    text-decoration: none;
    font-size: 0.7rem;
    font-weight: 550;
}

html:root[data-theme] body .content .bm-global-search-leave::before {
    flex: 0 0 auto;
    width: 0.85rem;
    height: 0.85rem;
    color: currentColor;
    background: currentColor;
    content: "";
    -webkit-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;
    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;
}

html:root[data-theme] body .content .bm-global-search-leave:hover,
html:root[data-theme] body .content .bm-global-search-leave:focus-visible {
    color: var(--global-search-accent) !important;
    border-color: var(--global-search-border-strong) !important;
    background: var(--global-search-hover) !important;
    outline: 0;
}

html:root[data-theme] body .content .bm-global-search-results {
    display: block;
    overflow: hidden;
    border: 1px solid var(--global-search-border) !important;
    border-radius: 8px;
    background: var(--global-search-surface) !important;
    box-shadow: var(--bm-shadow-panel, var(--bm-shadow-soft, none)) !important;
}

html:root[data-theme] body .content .bm-global-result-group + .bm-global-result-group {
    border-top: 1px solid var(--global-search-border-subtle) !important;
}

html:root[data-theme] body .content .bm-global-result-company {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    min-height: 3.65rem;
    margin: 0;
    padding: 0.7rem 1rem;
    color: var(--global-search-text) !important;
    background: var(--global-search-raised) !important;
    border: 0;
    border-bottom: 1px solid var(--global-search-border-subtle) !important;
}

html:root[data-theme] body .content .bm-global-result-company__icon {
    flex: 0 0 auto;
    width: 1.35rem;
    height: 1.35rem;
    color: var(--global-search-accent) !important;
    background: currentColor;
    -webkit-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;
    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;
}

html:root[data-theme] body .content .bm-global-result-company__identity {
    min-width: 0;
}

html:root[data-theme] body .content .bm-global-result-company__identity h2 {
    margin: 0;
    color: var(--global-search-text) !important;
    font-size: 0.94rem;
    font-weight: 650;
}

html:root[data-theme] body .content .bm-global-result-company__identity span {
    display: block;
    margin-top: 0.12rem;
    overflow: hidden;
    color: var(--global-search-muted) !important;
    font-size: 0.68rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html:root[data-theme] body .content .bm-global-result-tree {
    display: block;
    background: var(--global-search-surface) !important;
}

html:root[data-theme] body .content .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;
    margin: 0;
    padding: 0.45rem 1rem 0.45rem 2.2rem;
    border: 0;
    border-top: 1px solid var(--global-search-border-subtle) !important;
    border-radius: 0;
    color: var(--global-search-secondary) !important;
    background: var(--global-search-surface) !important;
    box-shadow: none !important;
    text-align: left;
    text-decoration: none;
    font: inherit;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}

html:root[data-theme] body .content .bm-global-result-row:hover,
html:root[data-theme] body .content .bm-global-result-row:focus-visible {
    color: var(--global-search-text) !important;
    background: var(--global-search-hover) !important;
    outline: 0;
}

html:root[data-theme] body .content .bm-global-result-row--root {
    padding-left: 1rem;
    background: var(--global-search-raised) !important;
}

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

html:root[data-theme] body .content .bm-global-result-tree-line {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1.05rem;
    width: 1rem;
    border-left: 1px solid var(--global-search-border) !important;
    pointer-events: none;
}

html:root[data-theme] body .content .bm-global-result-row--instance .bm-global-result-tree-line::after,
html:root[data-theme] body .content .bm-global-result-row--web .bm-global-result-tree-line::after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 0.75rem;
    border-top: 1px solid var(--global-search-border) !important;
    content: "";
}

html:root[data-theme] body .content .bm-global-result-row__icon--client {
    width: 1.15rem;
    height: 1.15rem;
    color: var(--global-search-accent) !important;
    background: currentColor;
    -webkit-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;
    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;
}

html:root[data-theme] body .content .bm-global-result-row__type {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 1.4rem;
    overflow: hidden;
    color: var(--global-search-muted) !important;
    font-size: 0.67rem;
    font-weight: 550;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html:root[data-theme] body .content .bm-global-result-row__content {
    min-width: 0;
}

html:root[data-theme] body .content .bm-global-result-row__content strong,
html:root[data-theme] body .content .bm-global-result-row__content small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html:root[data-theme] body .content .bm-global-result-row__content strong {
    color: var(--global-search-text) !important;
    font-size: 0.78rem;
    font-weight: 650;
}

html:root[data-theme] body .content .bm-global-result-row__content small {
    margin-top: 0.12rem;
    color: var(--global-search-muted) !important;
    font-size: 0.66rem;
}

html:root[data-theme] body .content .bm-global-result-status {
    color: var(--global-search-muted) !important;
    font-size: 0.66rem;
    font-weight: 550;
    white-space: nowrap;
}

html:root[data-theme] body .content .bm-global-result-status.is-online {
    color: color-mix(in srgb, #22a06b 76%, var(--global-search-text)) !important;
}

html:root[data-theme] body .content .bm-global-result-status.is-offline {
    color: color-mix(in srgb, #e06b76 78%, var(--global-search-text)) !important;
}

html:root[data-theme] body .content .bm-global-result-open {
    width: 0.85rem;
    height: 0.85rem;
    color: var(--global-search-muted) !important;
    background: currentColor;
    -webkit-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;
    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;
}

html:root[data-theme] body .content .bm-global-search-empty {
    display: grid;
    justify-items: center;
    align-content: center;
    min-height: 50vh;
    color: var(--global-search-secondary) !important;
    text-align: center;
}

html:root[data-theme] body .content .bm-global-search-empty__icon {
    width: 2rem;
    height: 2rem;
    margin: 0 0 0.8rem;
    color: var(--global-search-accent) !important;
    background: currentColor;
    -webkit-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'%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;
    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'%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;
}

html:root[data-theme] body .content .bm-global-search-empty h2 {
    margin: 0;
    color: var(--global-search-text) !important;
    font-size: 1rem;
    font-weight: 650;
}

html:root[data-theme] body .content .bm-global-search-empty p {
    margin: 0.35rem 0 0;
    color: var(--global-search-muted) !important;
    font-size: 0.76rem;
}

html:root[data-theme] body .content .bm-global-search-skeleton {
    display: grid;
    gap: 0.45rem;
    padding: 0.55rem;
    border: 1px solid var(--global-search-border) !important;
    border-radius: 8px;
    background: var(--global-search-surface) !important;
    box-shadow: var(--bm-shadow-panel, var(--bm-shadow-soft, none)) !important;
}

html:root[data-theme] body .content .bm-global-search-skeleton__line {
    position: relative;
    height: 4.8rem;
    overflow: hidden;
    border: 1px solid var(--global-search-border-subtle) !important;
    border-radius: 7px;
    background: var(--global-search-raised) !important;
}

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

html:root[data-theme] body .content .bm-global-search-skeleton__line::after {
    position: absolute;
    inset: 0;
    width: 42%;
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--global-search-text) 10%, transparent), transparent);
    content: "";
    transform: translateX(-120%);
    animation: bm-global-search-loading 1.45s ease-in-out infinite;
}

html:root[data-theme] body .content .bm-global-search-page .alert-danger {
    margin: 0 0 1rem;
    color: var(--global-search-text) !important;
    background: color-mix(in srgb, #d95361 13%, var(--global-search-surface)) !important;
    border-color: color-mix(in srgb, #d95361 34%, var(--global-search-border)) !important;
}

html:root[data-theme] body .content .bm-global-search-page :is(.bm-global-result-row, .bm-global-search-leave, .bm-global-search-page__close):focus-visible {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--global-search-accent) 25%, transparent) !important;
}

@media (max-width: 850px) {
    html:root[data-theme] body .content .bm-global-result-row {
        grid-template-columns: 1.4rem minmax(0, 1fr) 1rem;
    }

    html:root[data-theme] body .content .bm-global-result-row--instance,
    html:root[data-theme] body .content .bm-global-result-row--web {
        grid-template-columns: 6.4rem minmax(0, 1fr) 1rem;
    }

    html:root[data-theme] body .content .bm-global-result-status {
        display: none;
    }

    html:root[data-theme] body .content .bm-global-result-company__identity span {
        white-space: normal;
    }
}

@media (prefers-reduced-motion: reduce) {
    html:root[data-theme] body .content .bm-global-search-skeleton__line::after {
        animation: none;
    }
}

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