/* _content/LogExplorer.Web/Components/Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-7nkr9ox5ab] {
    min-height: 100vh;
    background: transparent;
    overflow-x: clip;
}

.top-nav[b-7nkr9ox5ab] {
    position: sticky;
    top: 0;
    z-index: 2000;
    padding: 0.4rem 0.65rem 0.5rem;
    background:
        linear-gradient(180deg, rgba(14, 24, 36, 0.96) 0%, rgba(10, 17, 27, 0.92) 100%);
    border-bottom: 1px solid rgba(56, 78, 100, 0.5);
    box-shadow: 0 10px 22px rgba(3, 9, 18, 0.38);
    backdrop-filter: blur(10px);
}

.top-nav.top-nav-mode-dp4[b-7nkr9ox5ab] {
    background:
        linear-gradient(180deg, rgba(36, 31, 18, 0.97) 0%, rgba(16, 17, 19, 0.93) 100%);
    border-bottom-color: rgba(148, 124, 65, 0.44);
    box-shadow: 0 10px 22px rgba(17, 12, 4, 0.28);
}

.top-nav.top-nav-mode-dp5[b-7nkr9ox5ab] {
    background:
        linear-gradient(180deg, rgba(16, 30, 42, 0.97) 0%, rgba(10, 17, 27, 0.93) 100%);
    border-bottom-color: rgba(79, 133, 169, 0.46);
    box-shadow: 0 10px 22px rgba(3, 9, 18, 0.34);
}

.top-nav.top-nav-neutral[b-7nkr9ox5ab] {
    background:
        linear-gradient(180deg, rgba(14, 24, 36, 0.96) 0%, rgba(10, 17, 27, 0.92) 100%);
    border-bottom-color: rgba(56, 78, 100, 0.5);
}

.main-content[b-7nkr9ox5ab] {
    width: 100%;
    overflow-x: clip;
}

.content[b-7nkr9ox5ab] {
    max-width: none;
    width: 100%;
    overflow-x: clip;
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 1200px) {
    .content[b-7nkr9ox5ab] {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

#blazor-error-ui[b-7nkr9ox5ab] {
    color: #ffe4e8;
    background: linear-gradient(180deg, rgba(68, 19, 34, 0.96) 0%, rgba(52, 15, 26, 0.96) 100%);
    border-top: 1px solid rgba(236, 117, 139, 0.55);
    bottom: 0;
    box-shadow: 0 -10px 24px rgba(0, 0, 0, 0.45);
    box-sizing: border-box;
    display: none;
    left: 0.75rem;
    right: 0.75rem;
    border-radius: 12px 12px 0 0;
    padding: 0.65rem 2.8rem 0.75rem 1rem;
    position: fixed;
    z-index: 3000;
}

#blazor-error-ui a[b-7nkr9ox5ab] {
    color: #ffc5cf;
    font-weight: 700;
    text-decoration-color: rgba(255, 197, 207, 0.55);
}

#blazor-error-ui a:hover[b-7nkr9ox5ab] {
    color: #ffe1e6;
}

#blazor-error-ui .dismiss[b-7nkr9ox5ab] {
    color: #ffd7de;
    cursor: pointer;
    position: absolute;
    right: 0.9rem;
    top: 0.48rem;
    font-size: 1.1rem;
    line-height: 1;
}

/* Blazor reconnect overlay shown when server is restarting/unavailable. */
#components-reconnect-modal[b-7nkr9ox5ab] {
    background: linear-gradient(180deg, rgba(18, 30, 44, 0.95) 0%, rgba(14, 24, 36, 0.95) 100%);
    color: #e5f2ff;
    border: 1px solid rgba(92, 133, 169, 0.55);
    border-radius: 12px;
    box-shadow: 0 16px 34px rgba(2, 10, 20, 0.52);
    padding: 0.85rem 1rem;
}

#components-reconnect-modal h5[b-7nkr9ox5ab],
#components-reconnect-modal p[b-7nkr9ox5ab],
#components-reconnect-modal div[b-7nkr9ox5ab],
#components-reconnect-modal span[b-7nkr9ox5ab] {
    color: inherit;
}

@media (max-width: 768px) {
    .top-nav[b-7nkr9ox5ab] {
        padding-left: 0.45rem;
        padding-right: 0.45rem;
    }

    #blazor-error-ui[b-7nkr9ox5ab] {
        left: 0.5rem;
        right: 0.5rem;
    }
}
/* _content/LogExplorer.Web/Components/Layout/NavMenu.razor.rz.scp.css */
.nav-wrap[b-jbfqhxl90o] {
    width: 100%;
    min-height: 74px;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.4rem 0.2rem;
}

.nav-mobile[b-jbfqhxl90o] {
    display: none;
}

.brand-wrap[b-jbfqhxl90o] {
    display: flex;
    align-items: center;
    min-width: 0;
}

.brand[b-jbfqhxl90o] {
    color: #f1f7ff;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.38rem 0.72rem 0.38rem 0.5rem;
    border: 1px solid rgba(126, 166, 199, 0.28);
    border-radius: 14px;
    background:
        linear-gradient(180deg, rgba(31, 49, 69, 0.92) 0%, rgba(20, 33, 47, 0.88) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 8px 16px rgba(4, 10, 17, 0.2);
    text-decoration: none;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.1;
    white-space: nowrap;
    letter-spacing: 0.02em;
}

.brand:hover[b-jbfqhxl90o] {
    color: #ffffff;
    border-color: rgba(157, 198, 229, 0.42);
    background:
        linear-gradient(180deg, rgba(39, 63, 88, 0.96) 0%, rgba(24, 39, 56, 0.92) 100%);
}

.brand-wordmark[b-jbfqhxl90o] {
    font-family: "Orbitron", "Eurostile", "Segoe UI", sans-serif;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 1.02rem;
}

.brand-logo[b-jbfqhxl90o] {
    width: 30px;
    height: 30px;
    display: block;
    flex: 0 0 auto;
    filter: drop-shadow(0 0 6px rgba(86, 205, 243, 0.35));
}

.main-links[b-jbfqhxl90o] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    flex: 1 1 auto;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
    scrollbar-color: rgba(121, 161, 194, 0.5) transparent;
    padding: 0.08rem 0.05rem 0.18rem;
}

.link-group[b-jbfqhxl90o] {
    display: flex;
    align-items: center;
    gap: 0.42rem;
    flex-wrap: nowrap;
    white-space: nowrap;
    flex: 0 0 auto;
    background:
        linear-gradient(180deg, rgba(30, 48, 68, 0.82) 0%, rgba(18, 30, 44, 0.72) 100%);
    border: 1px solid rgba(119, 156, 187, 0.26);
    border-radius: 16px;
    padding: 0.34rem 0.42rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.group-label[b-jbfqhxl90o] {
    display: inline-block;
    font-size: 0.58rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #89a7c3;
    opacity: 0.9;
    margin-right: 0.1rem;
    font-weight: 700;
}

.group-divider[b-jbfqhxl90o] {
    width: 1px;
    height: 38px;
    background: linear-gradient(180deg, rgba(139, 168, 198, 0), rgba(139, 168, 198, 0.32), rgba(139, 168, 198, 0));
    flex: 0 0 auto;
}

.main-links[b-jbfqhxl90o]  .top-link {
    color: #dceeff;
    text-decoration: none !important;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1;
    padding: 0.52rem 0.8rem;
    border-radius: 10px;
    border: 1px solid rgba(160, 194, 223, 0.22);
    background: linear-gradient(180deg, #1f3145 0%, #18283a 100%);
    box-shadow: 0 4px 9px rgba(4, 11, 20, 0.34);
    transition: transform 130ms ease, background-color 130ms ease, border-color 130ms ease, color 130ms ease, box-shadow 130ms ease;
}

.main-links[b-jbfqhxl90o]  .top-link.top-link-settings {
    border-color: rgba(126, 174, 209, 0.5);
    background: linear-gradient(180deg, #22384f 0%, #1a2d42 100%);
    color: #cfe8ff;
    min-width: 2rem;
    width: 2rem;
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
}

.settings-link-icon[b-jbfqhxl90o] {
    font-size: 0.92rem;
    line-height: 1;
}

.main-links[b-jbfqhxl90o]  .top-link:link,
.main-links[b-jbfqhxl90o]  .top-link:visited,
.main-links[b-jbfqhxl90o]  .top-link:hover,
.main-links[b-jbfqhxl90o]  .top-link:active,
.main-links[b-jbfqhxl90o]  .top-link:focus {
    text-decoration: none !important;
}

.main-links[b-jbfqhxl90o]  .top-link.active {
    background: linear-gradient(180deg, #53c6ee 0%, #2ea3d7 100%);
    color: #082031;
    border-color: #8ddcf4;
    box-shadow: 0 0 0 1px rgba(55, 178, 221, 0.45);
}

.main-links[b-jbfqhxl90o]  .top-link:hover {
    background: linear-gradient(180deg, #29415b 0%, #20354d 100%);
    color: #fff;
    border-color: rgba(174, 208, 236, 0.45);
    transform: translateY(-1px);
}

.main-links[b-jbfqhxl90o]  .top-link:focus-visible {
    outline: 2px solid #8ed7f2;
    outline-offset: 2px;
}

.mode-switch-wrap[b-jbfqhxl90o] {
    display: flex;
    align-items: center;
    gap: 0.42rem;
    padding: 0.32rem 0.42rem;
    border-radius: 14px;
    border: 1px solid rgba(122, 163, 199, 0.24);
    background:
        linear-gradient(180deg, rgba(27, 43, 61, 0.78) 0%, rgba(17, 30, 43, 0.74) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    flex: 0 0 auto;
}

.mode-label[b-jbfqhxl90o] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #9cb2ca;
}

.mode-pill-switch[b-jbfqhxl90o] {
    display: inline-flex;
    align-items: center;
    gap: 0.22rem;
    padding: 0.18rem;
    border: 1px solid rgba(107, 144, 176, 0.28);
    border-radius: 999px;
    background: rgba(11, 21, 32, 0.72);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.mode-pill-btn[b-jbfqhxl90o] {
    position: relative;
    min-width: 3.6rem;
    min-height: 2rem;
    border: 1px solid rgba(120, 156, 186, 0.22);
    border-radius: 999px;
    background: transparent;
    color: #b8cde2;
    padding: 0.28rem 0.78rem;
    font-size: 0.77rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    line-height: 1;
    transition: color 140ms ease, background-color 140ms ease, border-color 140ms ease, transform 140ms ease, box-shadow 140ms ease;
}

.mode-pill-btn:hover:not(:disabled)[b-jbfqhxl90o] {
    color: #eff8ff;
    border-color: rgba(170, 204, 230, 0.42);
    transform: translateY(-1px);
}

.mode-pill-btn.is-active[b-jbfqhxl90o] {
    color: #07151f;
    box-shadow: 0 4px 10px rgba(4, 11, 20, 0.28);
}

.mode-pill-btn:disabled[b-jbfqhxl90o] {
    opacity: 0.7;
    cursor: not-allowed;
}

.nav-wrap.mode-accent-dp4 .mode-pill-btn.is-active[b-jbfqhxl90o],
.nav-mobile.mode-accent-dp4 .nav-mobile-mode-btn.is-active[b-jbfqhxl90o] {
    background: linear-gradient(180deg, #e1c46f 0%, #c89b45 100%);
    border-color: rgba(237, 205, 122, 0.78);
    color: #241903;
    box-shadow: 0 0 0 1px rgba(219, 183, 90, 0.26);
}

.nav-wrap.mode-accent-dp5 .mode-pill-btn.is-active[b-jbfqhxl90o],
.nav-mobile.mode-accent-dp5 .nav-mobile-mode-btn.is-active[b-jbfqhxl90o] {
    background: linear-gradient(180deg, #53c6ee 0%, #2ea3d7 100%);
    border-color: #8ddcf4;
    color: #082031;
    box-shadow: 0 0 0 1px rgba(55, 178, 221, 0.35);
}

.nav-wrap.mode-accent-dp4 .link-group[b-jbfqhxl90o] {
    border-color: rgba(160, 132, 69, 0.26);
    background:
        linear-gradient(180deg, rgba(47, 40, 24, 0.82) 0%, rgba(24, 24, 21, 0.74) 100%);
}

.nav-wrap.mode-accent-dp5 .link-group[b-jbfqhxl90o] {
    border-color: rgba(108, 153, 190, 0.28);
}

.mode-lock-hint[b-jbfqhxl90o] {
    font-size: 11px;
    color: #9fb4ca;
    max-width: 240px;
    line-height: 1.2;
}

.mode-status[b-jbfqhxl90o] {
    margin-left: auto;
    color: #d7e8f8;
    font-size: 0.85rem;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    background:
        linear-gradient(180deg, rgba(27, 43, 61, 0.78) 0%, rgba(17, 30, 43, 0.74) 100%);
    border: 1px solid rgba(132, 167, 198, 0.26);
    border-radius: 14px;
    padding: 0.34rem 0.54rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    flex: 0 0 auto;
    min-width: 0;
    max-width: min(38vw, 460px);
}

.status-label[b-jbfqhxl90o] {
    color: #9bb0c7;
    font-size: 11px;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.mode-badge[b-jbfqhxl90o] {
    display: inline-block;
    min-width: 44px;
    text-align: center;
    padding: 0.15rem 0.42rem;
    border-radius: 999px;
    background: linear-gradient(180deg, #57c7ef 0%, #33a8d8 100%);
    color: #f2fbff;
    font-weight: 700;
    font-size: 0.75rem;
}

.auth-user[b-jbfqhxl90o] {
    color: #d5e7f8;
    font-size: 0.82rem;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.auth-link[b-jbfqhxl90o] {
    color: #dceeff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1;
    padding: 0.48rem 0.75rem;
    border-radius: 10px;
    border: 1px solid rgba(160, 194, 223, 0.22);
    background: linear-gradient(180deg, #1f3145 0%, #18283a 100%);
    box-shadow: 0 4px 9px rgba(4, 11, 20, 0.34);
    transition: transform 130ms ease, background-color 130ms ease, border-color 130ms ease, color 130ms ease, box-shadow 130ms ease;
}

.auth-link:hover[b-jbfqhxl90o] {
    color: #fff;
    background: linear-gradient(180deg, #29415b 0%, #20354d 100%);
    border-color: rgba(174, 208, 236, 0.45);
    transform: translateY(-1px);
}

.auth-link:focus-visible[b-jbfqhxl90o] {
    outline: 2px solid #8ed7f2;
    outline-offset: 2px;
}

.account-menu[b-jbfqhxl90o] {
    position: relative;
    margin: 0;
}

.account-menu summary[b-jbfqhxl90o] {
    list-style: none;
}

.account-menu summary[b-jbfqhxl90o]::-webkit-details-marker {
    display: none;
}

.account-menu-trigger[b-jbfqhxl90o] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    border: 1px solid rgba(170, 206, 236, 0.28);
    border-radius: 10px;
    background: rgba(17, 29, 41, 0.46);
    color: #dff2ff;
    font-size: 0.8rem;
    padding: 0.26rem 0.52rem;
    cursor: pointer;
}

.account-menu-caret[b-jbfqhxl90o] {
    font-size: 0.72rem;
    color: #b7d5ef;
}

.account-menu[open] .account-menu-trigger[b-jbfqhxl90o] {
    background: rgba(52, 82, 109, 0.46);
}

.account-menu-popup[b-jbfqhxl90o] {
    position: absolute;
    right: 0;
    top: calc(100% + 0.35rem);
    min-width: 190px;
    border: 1px solid rgba(132, 167, 198, 0.4);
    border-radius: 10px;
    background: #122233;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.45);
    padding: 0.35rem;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    z-index: 2200;
}

.account-menu-item[b-jbfqhxl90o] {
    display: block;
    color: #dceeff;
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 600;
    padding: 0.34rem 0.48rem;
    border-radius: 8px;
    white-space: nowrap;
}

.account-menu-item:hover[b-jbfqhxl90o] {
    background: rgba(56, 88, 118, 0.45);
    color: #ffffff;
}

.nav-mobile-backdrop[b-jbfqhxl90o] {
    display: none;
}

.nav-mobile-drawer[b-jbfqhxl90o] {
    display: none;
}

@media (max-width: 1600px) {
    .nav-wrap[b-jbfqhxl90o] {
        gap: 0.55rem;
        padding: 0.38rem 0.1rem;
    }

    .main-links[b-jbfqhxl90o]  .top-link {
        font-size: 11px;
        padding: 0.48rem 0.68rem;
    }

    .mode-switch-wrap[b-jbfqhxl90o] {
        padding: 0.24rem 0.35rem;
    }

    .mode-status[b-jbfqhxl90o] {
        max-width: min(34vw, 380px);
    }

    .auth-user[b-jbfqhxl90o] {
        max-width: 220px;
    }
}

@media (max-width: 1280px) {
    .nav-wrap[b-jbfqhxl90o] {
        flex-wrap: wrap;
        padding: 0.42rem 0.05rem;
        gap: 0.55rem;
    }

    .mode-switch-wrap[b-jbfqhxl90o] {
        order: 2;
        margin-left: auto;
    }

    .main-links[b-jbfqhxl90o] {
        order: 4;
        width: 100%;
        gap: 0.5rem;
        flex: 0 0 100%;
        margin-top: 0.1rem;
    }

    .group-divider[b-jbfqhxl90o] {
        display: none;
    }

    .mode-status[b-jbfqhxl90o] {
        order: 3;
        width: auto;
        margin-left: 0;
        white-space: nowrap;
        max-width: min(46vw, 360px);
    }
}

@media (max-width: 992px) {
    .mode-status[b-jbfqhxl90o] {
        order: 5;
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
        white-space: normal;
    }

    .auth-user[b-jbfqhxl90o] {
        max-width: 100%;
    }

    .account-menu-popup[b-jbfqhxl90o] {
        right: auto;
        left: 0;
    }
}

@media (max-width: 640px) {
    .brand-wordmark[b-jbfqhxl90o] {
        font-size: 0.92rem;
        letter-spacing: 0.06em;
    }

    .brand[b-jbfqhxl90o] {
        padding-right: 0.62rem;
    }

    .main-links[b-jbfqhxl90o]  .top-link {
        font-size: 11px;
        padding: 0.42rem 0.62rem;
    }

    .mode-switch-wrap[b-jbfqhxl90o] {
        width: 100%;
        justify-content: space-between;
    }

    .mode-lock-hint[b-jbfqhxl90o] {
        width: 100%;
        max-width: none;
    }
}

@media (max-width: 992px) {
    .nav-desktop[b-jbfqhxl90o] {
        display: none;
    }

    .nav-mobile[b-jbfqhxl90o] {
        display: grid;
        gap: 0.35rem;
        width: 100%;
        padding: 0.1rem 0.1rem 0.25rem;
    }

    .nav-mobile-topbar[b-jbfqhxl90o] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.45rem;
    }

    .nav-mobile-brand[b-jbfqhxl90o] {
        min-width: 0;
        max-width: 42vw;
    }

    .nav-mobile-menu-btn[b-jbfqhxl90o],
    .nav-mobile-drawer-close[b-jbfqhxl90o] {
        border: 1px solid rgba(160, 194, 223, 0.26);
        border-radius: 11px;
        background: linear-gradient(180deg, #1f3145 0%, #18283a 100%);
        color: #dceeff;
        font-size: 0.78rem;
        font-weight: 700;
        line-height: 1;
        padding: 0.66rem 0.8rem;
        box-shadow: 0 4px 10px rgba(4, 11, 20, 0.28);
    }

    .nav-mobile-inline-controls[b-jbfqhxl90o] {
        display: flex;
        align-items: center;
        gap: 0.35rem;
        min-width: 0;
    }

    .nav-mobile-mode-switch[b-jbfqhxl90o] {
        display: inline-flex;
        align-items: center;
        gap: 0.28rem;
        padding: 0.18rem;
        border: 1px solid rgba(122, 163, 199, 0.24);
        border-radius: 12px;
        background: linear-gradient(180deg, rgba(27, 43, 61, 0.78) 0%, rgba(17, 30, 43, 0.74) 100%);
    }

    .nav-mobile-mode-btn[b-jbfqhxl90o] {
        min-width: 3.25rem;
        min-height: 2.2rem;
        border: 1px solid rgba(122, 163, 199, 0.34);
        border-radius: 10px;
        background: rgba(14, 25, 37, 0.7);
        color: #d8ecff;
        font-size: 0.82rem;
        font-weight: 800;
        letter-spacing: 0.04em;
    }

    .nav-mobile-mode-btn.is-active[b-jbfqhxl90o] {
        background: linear-gradient(180deg, #53c6ee 0%, #2ea3d7 100%);
        border-color: #8ddcf4;
        color: #082031;
        box-shadow: 0 0 0 1px rgba(55, 178, 221, 0.35);
    }

    .nav-mobile-mode-btn:disabled[b-jbfqhxl90o] {
        opacity: 0.7;
        cursor: not-allowed;
    }

    .nav-mobile-lock-hint[b-jbfqhxl90o] {
        font-size: 0.75rem;
        padding-left: 0.15rem;
    }

    .nav-mobile-backdrop[b-jbfqhxl90o] {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 2390;
        border: none;
        background: rgba(6, 12, 19, 0.58);
        padding: 0;
    }

    .nav-mobile-drawer[b-jbfqhxl90o] {
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        width: min(24rem, calc(100dvw - 0.75rem));
        max-width: calc(100dvw - 0.75rem);
        height: 100dvh;
        padding: calc(0.9rem + env(safe-area-inset-top)) 0.9rem calc(1rem + env(safe-area-inset-bottom));
        background: linear-gradient(180deg, rgba(16, 28, 42, 0.98) 0%, rgba(11, 20, 31, 0.98) 100%);
        border-left: 1px solid rgba(92, 133, 169, 0.45);
        box-shadow: -18px 0 36px rgba(2, 8, 15, 0.46);
        z-index: 2400;
        transform: translateX(104%);
        transition: transform 180ms ease;
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        overflow-y: auto;
        overflow-x: hidden;
        visibility: hidden;
        pointer-events: none;
        contain: layout paint;
    }

    .nav-mobile-drawer.is-open[b-jbfqhxl90o] {
        transform: translateX(0);
        visibility: visible;
        pointer-events: auto;
    }

    .nav-mobile-drawer-head[b-jbfqhxl90o] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 0.7rem;
        margin-bottom: 0.35rem;
        position: sticky;
        top: calc(-0.9rem - env(safe-area-inset-top));
        padding-top: calc(0.9rem + env(safe-area-inset-top));
        background: linear-gradient(180deg, rgba(16, 28, 42, 0.98) 0%, rgba(11, 20, 31, 0.98) 100%);
        z-index: 1;
    }

    .nav-mobile-drawer-title[b-jbfqhxl90o] {
        color: #f2f8ff;
        font-size: 1rem;
        font-weight: 800;
    }

    .nav-mobile-drawer-subtitle[b-jbfqhxl90o] {
        color: #99b9d6;
        font-size: 0.8rem;
        margin-top: 0.15rem;
    }

    .nav-mobile-drawer-links[b-jbfqhxl90o] {
        display: flex;
        flex-direction: column;
        gap: 0.95rem;
        min-height: 0;
        padding-bottom: 1.25rem;
    }

    .nav-mobile-section[b-jbfqhxl90o] {
        display: flex;
        flex-direction: column;
        gap: 0.42rem;
        padding: 0.7rem 0.72rem 0.76rem;
        border: 1px solid rgba(94, 132, 164, 0.24);
        border-radius: 16px;
        background:
            linear-gradient(180deg, rgba(26, 42, 60, 0.82) 0%, rgba(15, 26, 38, 0.74) 100%);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.03),
            0 10px 20px rgba(3, 10, 18, 0.2);
    }

    .nav-mobile-section + .nav-mobile-section[b-jbfqhxl90o] {
        margin-top: 0.1rem;
    }

    .nav-mobile-section-label[b-jbfqhxl90o] {
        color: #8fb2d1;
        font-size: 0.72rem;
        font-weight: 800;
        letter-spacing: 0.12em;
        text-transform: uppercase;
    }

    .nav-mobile-drawer-link[b-jbfqhxl90o],
    .nav-mobile-drawer-link:link[b-jbfqhxl90o],
    .nav-mobile-drawer-link:visited[b-jbfqhxl90o] {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.7rem;
        padding: 0.76rem 0.96rem;
        border: 1px solid rgba(160, 194, 223, 0.2);
        border-radius: 12px;
        background:
            linear-gradient(180deg, rgba(27, 42, 60, 0.9) 0%, rgba(17, 29, 41, 0.82) 100%);
        color: #dceeff;
        text-decoration: none;
        font-size: 0.9rem;
        font-weight: 700;
        box-shadow: 0 6px 12px rgba(3, 10, 18, 0.18);
    }

    .nav-mobile-drawer-link[b-jbfqhxl90o]::after {
        content: "›";
        color: #87bcdc;
        font-size: 1rem;
        line-height: 1;
        opacity: 0.9;
    }

    .nav-mobile-drawer-link.active[b-jbfqhxl90o] {
        background: linear-gradient(180deg, #53c6ee 0%, #2ea3d7 100%);
        border-color: #8ddcf4;
        color: #082031;
        box-shadow: 0 10px 18px rgba(24, 112, 147, 0.28);
    }

    .nav-mobile-drawer-link.active[b-jbfqhxl90o]::after {
        color: #082031;
    }

    .nav-mobile-drawer-link-danger[b-jbfqhxl90o],
    .nav-mobile-drawer-link-danger:link[b-jbfqhxl90o],
    .nav-mobile-drawer-link-danger:visited[b-jbfqhxl90o] {
        color: #ffd8df;
        border-color: rgba(206, 118, 134, 0.28);
        background: rgba(63, 22, 32, 0.48);
    }

    .nav-mobile-user[b-jbfqhxl90o] {
        color: #e7f3ff;
        font-size: 0.92rem;
        font-weight: 700;
        line-height: 1.35;
        padding: 0.18rem 0.12rem 0.46rem;
    }
}

@media (max-width: 430px) {
    .nav-mobile-brand .brand-wordmark[b-jbfqhxl90o] {
        font-size: 0.78rem;
        letter-spacing: 0.04em;
    }

    .nav-mobile-brand[b-jbfqhxl90o] {
        max-width: 36vw;
    }

    .nav-mobile-mode-btn[b-jbfqhxl90o] {
        min-width: 2.9rem;
        padding-left: 0.45rem;
        padding-right: 0.45rem;
    }
}
/* _content/LogExplorer.Web/Components/Modules/Auth/Pages/AccountPage.razor.rz.scp.css */
.shared-key[b-4cekw48f9i] {
    display: inline-block;
    padding: 0.35rem 0.5rem;
    background: #122234;
    border: 1px solid #304a66;
    border-radius: 8px;
    color: #d8ebfb;
}

.recovery-grid[b-4cekw48f9i] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 0.45rem;
}

.recovery-grid code[b-4cekw48f9i] {
    display: inline-block;
    padding: 0.3rem 0.45rem;
    background: #122234;
    border: 1px solid #304a66;
    border-radius: 8px;
    color: #d8ebfb;
}
/* _content/LogExplorer.Web/Components/Modules/Auth/Pages/UsersPage.razor.rz.scp.css */
.users-table-wrap[b-1svc3a01o2] {
    overflow-x: auto;
}

@media (max-width: 760px) {
    .users-table-wrap table thead[b-1svc3a01o2] {
        display: none;
    }

    .users-table-wrap table[b-1svc3a01o2],
    .users-table-wrap table tbody[b-1svc3a01o2],
    .users-table-wrap table tr[b-1svc3a01o2],
    .users-table-wrap table td[b-1svc3a01o2] {
        display: block;
        width: 100%;
    }

    .users-table-wrap table tbody[b-1svc3a01o2] {
        display: grid;
        gap: 0.8rem;
    }

    .users-table-wrap table tr[b-1svc3a01o2] {
        padding: 0.85rem 0.9rem;
        border: 1px solid rgba(76, 111, 140, 0.3);
        border-radius: 14px;
        background: rgba(16, 28, 40, 0.82);
        box-shadow: 0 10px 20px rgba(2, 10, 18, 0.2);
    }

    .users-table-wrap table td[b-1svc3a01o2] {
        padding: 0.25rem 0 0.55rem;
        border: none;
    }

    .users-table-wrap table td + td[b-1svc3a01o2] {
        border-top: 1px solid rgba(66, 96, 121, 0.22);
        padding-top: 0.65rem;
    }

    .users-table-wrap table td[b-1svc3a01o2]::before {
        display: block;
        margin-bottom: 0.28rem;
        color: #9cbad4;
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    .users-table-wrap table td:nth-child(1)[b-1svc3a01o2]::before {
        content: "Login";
    }

    .users-table-wrap table td:nth-child(2)[b-1svc3a01o2]::before {
        content: "2FA";
    }

    .users-table-wrap table td:nth-child(3)[b-1svc3a01o2]::before {
        content: "Lockout";
    }

    .users-table-wrap table td:nth-child(4)[b-1svc3a01o2]::before {
        content: "Recovery";
    }

    .users-table-wrap table td:nth-child(5)[b-1svc3a01o2]::before {
        content: "Nowe hasło";
    }

    .users-table-wrap table td:nth-child(6)[b-1svc3a01o2]::before {
        content: "Akcja";
    }
}
/* _content/LogExplorer.Web/Components/Modules/Dashboard/Pages/HomePage.razor.rz.scp.css */
.dashboard-home[b-cu8pwin0ym] {
    display: flex;
    flex-direction: column;
    gap: 0.95rem;
    min-width: 0;
    max-width: 100%;
    margin-top: 0.7rem;
}

.dashboard-home > .app-loading-content[b-cu8pwin0ym] {
    min-width: 0;
}

.dashboard-layout[b-cu8pwin0ym] {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);
    gap: 0.9rem;
}

.dashboard-card[b-cu8pwin0ym] {
    position: relative;
    border: 1px solid #31475f;
    border-radius: 14px;
    background: linear-gradient(180deg, #142132 0%, #101b28 100%);
    padding: 0.85rem 0.9rem;
    box-shadow: 0 10px 18px rgba(3, 9, 16, 0.33);
}

.dashboard-card-anomalies[b-cu8pwin0ym] {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.dashboard-card-wide[b-cu8pwin0ym] {
    grid-column: 1 / -1;
}

.dashboard-card-query-results[b-cu8pwin0ym] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: clamp(33rem, 72vh, 40rem);
    max-height: clamp(33rem, 72vh, 40rem);
    overflow: hidden;
}

.dashboard-card-head[b-cu8pwin0ym] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.55rem;
    margin-bottom: 0.55rem;
}

.dashboard-head-actions[b-cu8pwin0ym] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
    min-width: 0;
}

.dashboard-head-actions > .btn-group[b-cu8pwin0ym] {
    min-width: 0;
    max-width: 100%;
}

.dashboard-card-head h5[b-cu8pwin0ym] {
    margin: 0;
    color: #d5e9fb;
    font-size: 1rem;
}

.dashboard-dual-grid[b-cu8pwin0ym] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem;
    min-width: 0;
}

.dashboard-dual-grid-queries[b-cu8pwin0ym] {
    align-items: stretch;
    grid-auto-rows: 1fr;
    min-height: 21rem;
}

.dashboard-query-stack[b-cu8pwin0ym] {
    display: grid;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 0.7rem;
    min-height: 0;
    flex: 1 1 auto;
    overflow: hidden;
}

.dashboard-mode-panel[b-cu8pwin0ym] {
    box-sizing: border-box;
    min-width: 0;
    border: 1px solid rgba(64, 93, 120, 0.65);
    border-radius: 11px;
    background: rgba(14, 25, 37, 0.55);
    padding: 0.72rem;
}

.dashboard-mode-panel-anomalies[b-cu8pwin0ym] {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.dashboard-mode-panel-queries[b-cu8pwin0ym] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.dashboard-mode-panel-dp4[b-cu8pwin0ym] {
    border-color: rgba(214, 168, 77, 0.5);
    background:
        linear-gradient(180deg, rgba(73, 50, 16, 0.28), rgba(14, 25, 37, 0.82)),
        rgba(14, 25, 37, 0.55);
}

.dashboard-mode-panel-dp5[b-cu8pwin0ym] {
    border-color: rgba(87, 190, 216, 0.5);
    background:
        linear-gradient(180deg, rgba(17, 67, 88, 0.28), rgba(14, 25, 37, 0.82)),
        rgba(14, 25, 37, 0.55);
}

.dashboard-mode-panel-head[b-cu8pwin0ym] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 0.48rem;
    margin-bottom: 0.62rem;
}

.dashboard-mode-badge[b-cu8pwin0ym] {
    font-size: 0.74rem;
    font-weight: 700;
    color: #111 !important;
    border: 1px solid rgba(0, 0, 0, 0.18) !important;
}

.dashboard-mode-badge-dp4[b-cu8pwin0ym] {
    background: linear-gradient(180deg, #f0ca76 0%, #dca847 100%) !important;
}

.dashboard-mode-badge-dp5[b-cu8pwin0ym] {
    background: linear-gradient(180deg, #92e3f2 0%, #58c7df 100%) !important;
}

.dashboard-mode-caption[b-cu8pwin0ym] {
    color: #bdd4e9;
    font-size: 0.8rem;
    font-weight: 600;
}

.dashboard-inline-status[b-cu8pwin0ym] {
    color: #9fc1db;
    font-size: 0.78rem;
    font-weight: 600;
    white-space: nowrap;
}

.dashboard-empty[b-cu8pwin0ym] {
    border: 1px dashed #395777;
    border-radius: 10px;
    padding: 0.85rem;
    color: #9fbbd5;
    background: rgba(18, 30, 44, 0.55);
}

.dashboard-mode-panel-queries .dashboard-empty[b-cu8pwin0ym] {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
}

.dashboard-query-progress-note[b-cu8pwin0ym] {
    color: #9fc1db;
    font-size: 0.77rem;
    line-height: 1.35;
}

.dashboard-query-table[b-cu8pwin0ym] {
    --bs-table-bg: transparent;
    --bs-table-color: #d8e7f6;
    --bs-table-border-color: rgba(80, 122, 155, 0.2);
    --bs-table-hover-bg: rgba(27, 44, 62, 0.45);
    --bs-table-striped-bg: rgba(18, 31, 45, 0.34);
    --bs-table-striped-color: #d8e7f6;
    margin-bottom: 0;
    width: 100%;
    table-layout: auto;
}

.dashboard-query-table thead th[b-cu8pwin0ym] {
    color: #cfe3f6;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    white-space: nowrap;
    padding-top: 0.58rem;
    padding-bottom: 0.58rem;
    vertical-align: middle;
    position: sticky;
    top: 0;
    z-index: 1;
    background: rgba(16, 28, 40, 0.96);
    box-shadow: inset 0 -1px 0 rgba(80, 122, 155, 0.2);
}

.dashboard-query-table tbody td[b-cu8pwin0ym] {
    padding-top: 0.48rem;
    padding-bottom: 0.48rem;
    vertical-align: middle;
}

.dashboard-query-legend[b-cu8pwin0ym] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.75rem;
    padding: 0.4rem 0.5rem 0.1rem;
    color: #8faeca;
    font-size: 0.68rem;
}

.dashboard-query-legend-item[b-cu8pwin0ym] {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
}

.dashboard-query-legend-swatch[b-cu8pwin0ym] {
    width: 0.72rem;
    height: 0.72rem;
    border-radius: 999px;
    border: 1px solid rgba(124, 164, 197, 0.3);
    background: rgba(83, 137, 180, 0.34);
}

.dashboard-query-legend-swatch.is-program[b-cu8pwin0ym] {
    background: rgba(214, 168, 77, 0.7);
    border-color: rgba(214, 168, 77, 0.5);
}

.dashboard-query-legend-swatch.is-commands[b-cu8pwin0ym] {
    background: rgba(87, 190, 216, 0.7);
    border-color: rgba(87, 190, 216, 0.5);
}

.dashboard-table-wrap[b-cu8pwin0ym] {
    max-height: 330px;
    overflow: auto;
}

.dashboard-table-wrap-queries[b-cu8pwin0ym] {
    max-height: 240px;
}

.dashboard-mode-panel-queries .dashboard-table-wrap-queries[b-cu8pwin0ym] {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
    overflow: auto;
    overscroll-behavior: contain;
}

.dashboard-query-filters-cell[b-cu8pwin0ym] {
    width: auto;
    min-width: 0;
    padding-right: 0.85rem;
}

.dashboard-query-scope-cell[b-cu8pwin0ym] {
    width: 8.25rem;
    white-space: nowrap;
    color: #bdd4e9;
    text-align: left;
    padding-left: 1.15rem;
    padding-right: 1.15rem;
    vertical-align: middle;
    font-size: 0.83rem;
    font-weight: 650;
    line-height: 1.35;
}

.dashboard-query-scope-badge[b-cu8pwin0ym] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    padding: 0.14rem 0.38rem;
    border: 1px solid rgba(98, 139, 171, 0.3);
    border-radius: 999px;
    background: rgba(18, 31, 44, 0.72);
    color: #c9e0f2;
    font-family: "Consolas", "Monaco", monospace;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1;
    text-transform: uppercase;
}

.dashboard-query-scope-head[b-cu8pwin0ym] {
    width: 8.25rem;
    text-align: left;
    padding-left: 1.15rem;
    padding-right: 1.15rem;
}

.dashboard-query-results-head[b-cu8pwin0ym] {
    width: 7.5rem;
    text-align: center;
    padding-left: 1rem;
    padding-right: 0.7rem;
}

.dashboard-query-results-cell[b-cu8pwin0ym] {
    width: 7.5rem;
    text-align: center;
    vertical-align: middle;
    padding-left: 1rem;
    padding-right: 0.7rem;
    white-space: nowrap;
}

.dashboard-query-chip-list[b-cu8pwin0ym] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    gap: 0.28rem;
    max-height: 3.2rem;
    overflow: hidden;
}

.dashboard-query-chip[b-cu8pwin0ym] {
    display: inline-flex;
    align-items: center;
    gap: 0.34rem;
    min-width: 0;
    padding: 0.22rem 0.48rem;
    border: 1px solid rgba(93, 132, 165, 0.3);
    border-radius: 999px;
    background: rgba(18, 31, 44, 0.72);
    color: #dbe8f5;
    font-size: 0.79rem;
    line-height: 1.3;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.dashboard-query-chip-field[b-cu8pwin0ym] {
    color: #edf6ff;
    font-weight: 700;
}

.dashboard-query-chip-operator[b-cu8pwin0ym] {
    color: #8fb8d8;
    font-size: 0.95em;
    font-weight: 700;
    text-transform: lowercase;
}

.dashboard-query-chip-value[b-cu8pwin0ym] {
    color: #d8e7f6;
    font-weight: 600;
    min-width: 0;
}

.dashboard-query-chip-value-list[b-cu8pwin0ym] {
    display: inline-flex;
    align-items: center;
    gap: 0.22rem;
    flex-wrap: wrap;
}

.dashboard-query-chip-value-token[b-cu8pwin0ym] {
    display: inline-flex;
    align-items: center;
    padding: 0.08rem 0.38rem;
    border-radius: 999px;
    background: rgba(101, 145, 183, 0.14);
    color: #e6f2fd;
    font-weight: 650;
}

.dashboard-table-wrap-queries[b-cu8pwin0ym]::-webkit-scrollbar {
    width: 14px;
}

.dashboard-table-wrap-queries[b-cu8pwin0ym]::-webkit-scrollbar-track {
    background: rgba(20, 36, 52, 0.72);
    border-left: 1px solid rgba(80, 122, 155, 0.4);
}

.dashboard-table-wrap-queries[b-cu8pwin0ym]::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #76d8fa 0%, #4bb8e5 100%);
    border: 2px solid rgba(16, 32, 47, 0.9);
    border-radius: 12px;
}

.dashboard-table-wrap-queries[b-cu8pwin0ym]::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #8de3ff 0%, #62c9f1 100%);
}

.dashboard-table-wrap-queries[b-cu8pwin0ym] {
    scrollbar-width: auto;
    scrollbar-color: #5ec4ea rgba(20, 36, 52, 0.72);
}

.dashboard-card-overlay[b-cu8pwin0ym] {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    border-radius: 14px;
    background: rgba(9, 18, 27, 0.62);
    backdrop-filter: blur(1px);
    color: #d8ebff;
    font-weight: 600;
}

.dashboard-log-summary[b-cu8pwin0ym] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
    margin-bottom: 0.7rem;
    min-width: 0;
}

.dashboard-summary-toggle[b-cu8pwin0ym] {
    position: relative;
    overflow: hidden;
    min-width: 0;
    border: 1px solid rgba(65, 97, 126, 0.78);
    border-radius: 12px;
    background:
        linear-gradient(180deg, rgba(33, 53, 71, 0.55), rgba(17, 29, 41, 0.92)),
        rgba(20, 34, 49, 0.7);
    padding: 0.72rem 0.78rem 0.74rem;
    color: #cfe2f2;
    font-size: 0.9rem;
    text-align: left;
    display: grid;
    grid-template-rows: auto auto auto;
    gap: 0.18rem;
    min-height: 5.4rem;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 10px 18px rgba(6, 13, 21, 0.18);
    transition: border-color 120ms ease, background 120ms ease, transform 120ms ease, box-shadow 120ms ease;
}

.dashboard-summary-toggle[b-cu8pwin0ym]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    border-radius: 12px 0 0 12px;
    background: rgba(151, 190, 219, 0.36);
}

.dashboard-summary-toggle:hover[b-cu8pwin0ym] {
    transform: translateY(-1px);
    border-color: rgba(147, 205, 245, 0.72);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 14px 24px rgba(6, 13, 21, 0.24);
}

.dashboard-summary-toggle.is-active.metric-programs[b-cu8pwin0ym] {
    border-color: rgba(240, 202, 118, 0.9);
    background:
        linear-gradient(180deg, rgba(98, 71, 22, 0.78), rgba(28, 25, 18, 0.96)),
        rgba(74, 53, 18, 0.88);
}

.dashboard-summary-toggle.is-active.metric-commands[b-cu8pwin0ym] {
    border-color: rgba(88, 199, 223, 0.9);
    background:
        linear-gradient(180deg, rgba(18, 83, 106, 0.76), rgba(15, 32, 43, 0.96)),
        rgba(18, 59, 78, 0.88);
}

.dashboard-summary-toggle.is-active.metric-devices[b-cu8pwin0ym] {
    border-color: rgba(111, 202, 157, 0.9);
    background:
        linear-gradient(180deg, rgba(25, 83, 60, 0.76), rgba(15, 31, 24, 0.96)),
        rgba(20, 62, 49, 0.88);
}

.dashboard-summary-toggle.metric-programs[b-cu8pwin0ym]::before {
    background: linear-gradient(180deg, rgba(240, 202, 118, 0.95), rgba(220, 168, 71, 0.8));
}

.dashboard-summary-toggle.metric-commands[b-cu8pwin0ym]::before {
    background: linear-gradient(180deg, rgba(146, 227, 242, 0.95), rgba(88, 199, 223, 0.8));
}

.dashboard-summary-toggle.metric-devices[b-cu8pwin0ym]::before {
    background: linear-gradient(180deg, rgba(156, 224, 186, 0.95), rgba(94, 183, 139, 0.8));
}

.dashboard-summary-toggle-title[b-cu8pwin0ym] {
    color: #b7d1e6;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.dashboard-summary-toggle-value[b-cu8pwin0ym] {
    color: #f2fbff;
    font-size: 1.42rem;
    line-height: 1.05;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.dashboard-summary-toggle-caption[b-cu8pwin0ym] {
    color: #8fb0ca;
    font-size: 0.72rem;
    font-weight: 600;
}

.dashboard-log-volume-card[b-cu8pwin0ym] {
    min-width: 0;
    border: 1px solid rgba(95, 126, 153, 0.45);
    border-radius: 12px;
    padding: 0.78rem;
    background:
        linear-gradient(180deg, rgba(24, 38, 52, 0.4), rgba(12, 21, 31, 0.82)),
        rgba(16, 28, 40, 0.72);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.dashboard-log-volume-head[b-cu8pwin0ym] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 0.72rem;
}

.dashboard-log-volume-title[b-cu8pwin0ym] {
    color: #edf7ff;
    font-size: 0.98rem;
    font-weight: 700;
}

.dashboard-log-volume-title-row[b-cu8pwin0ym] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.dashboard-log-volume-summary[b-cu8pwin0ym] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.dashboard-log-volume-summary-item[b-cu8pwin0ym] {
    display: inline-flex;
    align-items: center;
    min-height: 1.6rem;
    padding: 0.14rem 0.48rem;
    border: 1px solid rgba(76, 108, 136, 0.3);
    border-radius: 999px;
    background: rgba(15, 27, 38, 0.42);
    color: #a8c3da;
    font-size: 0.72rem;
    font-weight: 650;
    white-space: nowrap;
}

.dashboard-log-volume-subtitle[b-cu8pwin0ym] {
    color: #a9c4dc;
    font-size: 0.78rem;
    max-width: 28rem;
}

.dashboard-log-volume-tools[b-cu8pwin0ym] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-left: auto;
}

.dashboard-log-volume-range-controls[b-cu8pwin0ym] {
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
    padding: 0.18rem 0.24rem;
    border: 1px solid rgba(82, 119, 149, 0.44);
    border-radius: 999px;
    background: rgba(13, 24, 35, 0.54);
}

.dashboard-log-range-btn[b-cu8pwin0ym] {
    width: 1.7rem;
    height: 1.7rem;
    border: 1px solid rgba(96, 156, 199, 0.45);
    border-radius: 999px;
    color: #d9ecfb;
    background: rgba(22, 40, 57, 0.86);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    transition: border-color 120ms ease, background 120ms ease, transform 120ms ease;
}

.dashboard-log-range-btn:hover:not(:disabled)[b-cu8pwin0ym] {
    transform: translateY(-1px);
    border-color: rgba(140, 197, 237, 0.74);
    background: rgba(31, 56, 78, 0.92);
}

.dashboard-log-range-btn:disabled[b-cu8pwin0ym] {
    opacity: 0.45;
    cursor: default;
}

.dashboard-log-range-label[b-cu8pwin0ym] {
    min-width: 4.5rem;
    color: #eef8ff;
    font-size: 0.78rem;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
}

.dashboard-log-volume-viewport[b-cu8pwin0ym] {
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
    min-width: 0;
    overflow: hidden;
}

.dashboard-log-volume-chart[b-cu8pwin0ym] {
    position: relative;
    height: 170px;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    align-items: end;
    gap: 2px;
    padding: 0.4rem 0 0;
    border-bottom: 1px solid rgba(83, 119, 151, 0.38);
    overflow: hidden;
}

.dashboard-log-volume-overlay[b-cu8pwin0ym] {
    position: absolute;
    inset: 0 0 1px;
    width: 100%;
    height: calc(100% - 1px);
    pointer-events: none;
    z-index: 2;
}

.dashboard-log-volume-axis[b-cu8pwin0ym] {
    display: block;
    margin-top: 0.38rem;
    overflow: hidden;
}

.dashboard-log-volume-axis-track[b-cu8pwin0ym] {
    position: relative;
    min-height: 2.45rem;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.dashboard-log-volume-axis-tick[b-cu8pwin0ym] {
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.22rem;
}

.dashboard-log-volume-axis-tick:first-child[b-cu8pwin0ym] {
    transform: translateX(0);
    align-items: flex-start;
}

.dashboard-log-volume-axis-tick:last-child[b-cu8pwin0ym] {
    transform: translateX(-100%);
    align-items: flex-end;
}

.dashboard-log-volume-axis-line[b-cu8pwin0ym] {
    width: 1px;
    height: 0.65rem;
    background: rgba(126, 165, 197, 0.58);
}

.dashboard-log-volume-axis-label[b-cu8pwin0ym] {
    color: #c8dff1;
    font-size: 0.72rem;
    line-height: 1.15;
    white-space: nowrap;
    max-width: 4.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dashboard-log-volume-bar-slot[b-cu8pwin0ym] {
    position: relative;
    z-index: 1;
    height: 100%;
    display: flex;
    align-items: end;
}

.dashboard-log-volume-bar[b-cu8pwin0ym] {
    width: 100%;
    min-height: 1px;
    border-radius: 4px 4px 0 0;
}

.dashboard-log-volume-bar.is-programs[b-cu8pwin0ym] {
    background: linear-gradient(180deg, #f0ca76 0%, #dca847 100%);
}

.dashboard-log-volume-bar.is-commands[b-cu8pwin0ym] {
    background: linear-gradient(180deg, #92e3f2 0%, #58c7df 100%);
}

.dashboard-log-volume-bar.is-devices[b-cu8pwin0ym] {
    background: linear-gradient(180deg, #9ce0ba 0%, #5eb78b 100%);
}

.dashboard-log-volume-trend-line[b-cu8pwin0ym] {
    fill: none;
    stroke-width: 2.6;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
    shape-rendering: geometricPrecision;
    opacity: 1;
}

.dashboard-log-volume-trend-line-backdrop[b-cu8pwin0ym] {
    fill: none;
    stroke: rgba(8, 19, 31, 0.9);
    stroke-width: 5.2;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
    shape-rendering: geometricPrecision;
}

.dashboard-log-volume-trend-line.is-programs[b-cu8pwin0ym] {
    stroke: #fff2a7;
}

.dashboard-log-volume-trend-line.is-commands[b-cu8pwin0ym] {
    stroke: #f0fdff;
}

.dashboard-log-volume-trend-line.is-devices[b-cu8pwin0ym] {
    stroke: #eafff2;
}

.dashboard-log-volume-trends[b-cu8pwin0ym] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-top: 0.58rem;
}

.dashboard-log-volume-trends-title[b-cu8pwin0ym] {
    color: #9ab8d2;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.dashboard-log-volume-trends-list[b-cu8pwin0ym] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    min-width: 0;
}

.dashboard-log-volume-meta[b-cu8pwin0ym] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
    margin-top: 0.62rem;
    padding-top: 0.58rem;
    border-top: 1px solid rgba(68, 97, 122, 0.28);
    color: #8faeca;
    font-size: 0.73rem;
}

.dashboard-log-volume-trend-chip[b-cu8pwin0ym] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
    padding: 0.28rem 0.62rem;
    border: 1px solid rgba(93, 132, 165, 0.34);
    border-radius: 999px;
    background: rgba(18, 31, 44, 0.78);
    color: #dbe8f5;
    font-size: 0.75rem;
    line-height: 1.2;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.dashboard-log-volume-trend-chip-label[b-cu8pwin0ym] {
    color: #8fb8d8;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.dashboard-log-volume-trend-chip strong[b-cu8pwin0ym] {
    color: #edf7ff;
    font-weight: 800;
}

.dashboard-log-volume-trend-chip.is-up[b-cu8pwin0ym] {
    border-color: rgba(110, 190, 142, 0.42);
    background: linear-gradient(180deg, rgba(31, 63, 48, 0.46), rgba(18, 31, 44, 0.82));
}

.dashboard-log-volume-trend-chip.is-up .dashboard-log-volume-trend-chip-label[b-cu8pwin0ym],
.dashboard-log-volume-trend-chip.is-up strong[b-cu8pwin0ym] {
    color: #b9f3d2;
}

.dashboard-log-volume-trend-chip.is-down[b-cu8pwin0ym] {
    border-color: rgba(204, 123, 108, 0.42);
    background: linear-gradient(180deg, rgba(76, 37, 34, 0.42), rgba(18, 31, 44, 0.82));
}

.dashboard-log-volume-trend-chip.is-down .dashboard-log-volume-trend-chip-label[b-cu8pwin0ym],
.dashboard-log-volume-trend-chip.is-down strong[b-cu8pwin0ym] {
    color: #ffcabd;
}

.dashboard-log-volume-trend-chip.is-flat[b-cu8pwin0ym] {
    border-color: rgba(134, 172, 205, 0.38);
    background: linear-gradient(180deg, rgba(42, 58, 74, 0.34), rgba(18, 31, 44, 0.82));
}

.dashboard-log-volume-trend-chip.is-flat .dashboard-log-volume-trend-chip-label[b-cu8pwin0ym],
.dashboard-log-volume-trend-chip.is-flat strong[b-cu8pwin0ym] {
    color: #d8e7f4;
}

.dashboard-log-volume-trend-chip.is-muted[b-cu8pwin0ym] {
    border-style: dashed;
    opacity: 0.82;
}

.dashboard-log-volume-meta-label[b-cu8pwin0ym] {
    color: #9ab8d2;
}

.dashboard-log-volume-meta strong[b-cu8pwin0ym] {
    color: #edf7ff;
    font-size: 0.8rem;
    font-weight: 700;
}

.dashboard-filter-cell[b-cu8pwin0ym] {
    max-width: 52rem;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.25;
}

.dashboard-result-count-btn[b-cu8pwin0ym] {
    display: inline-flex;
    min-width: 4.4rem;
    justify-content: center;
    align-items: center;
    padding: 0.42rem 0.82rem;
    border: 1px solid #8fe7ff;
    border-radius: 999px;
    background: linear-gradient(180deg, #59cbee 0%, #2ca2d5 100%);
    box-shadow: 0 0 0 1px rgba(63, 196, 237, 0.35);
    color: #051826;
    font-weight: 700;
    font-size: 0.9rem;
    line-height: 1.05;
    white-space: nowrap;
}

.dashboard-result-count-btn:hover[b-cu8pwin0ym] {
    filter: brightness(1.04);
    color: #041520;
}

.dashboard-new-count[b-cu8pwin0ym] {
    background: linear-gradient(180deg, #53c5ea 0%, #2b9ccf 100%);
    color: #0f2234;
    min-width: 3rem;
}

.dashboard-metrics-row[b-cu8pwin0ym] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
    margin-bottom: 0.65rem;
}

.dashboard-metrics-row-anomalies[b-cu8pwin0ym] {
    margin-bottom: 0.85rem;
}

.dashboard-metric[b-cu8pwin0ym] {
    border: 1px solid #365375;
    border-radius: 11px;
    background: rgba(20, 34, 49, 0.62);
    padding: 0.52rem 0.58rem;
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
}

.dashboard-metric-label[b-cu8pwin0ym] {
    color: #9fbad4;
    font-size: 0.76rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.dashboard-metric strong[b-cu8pwin0ym] {
    color: #e7f3ff;
    font-size: 1.16rem;
    line-height: 1.05;
}

.dashboard-inline-chips[b-cu8pwin0ym] {
    margin-top: 0.45rem;
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
}

.dashboard-subhead[b-cu8pwin0ym] {
    margin-top: 0.25rem;
    margin-bottom: 0.35rem;
    color: #aecce7;
    font-size: 0.82rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.dashboard-anomaly-card-list[b-cu8pwin0ym] {
    display: grid;
    gap: 0.28rem;
    min-height: 0;
}

.dashboard-anomaly-card[b-cu8pwin0ym] {
    display: block;
    border: 1px solid rgba(81, 123, 156, 0.28);
    border-radius: 9px;
    padding: 0.42rem 0.56rem;
    background:
        linear-gradient(180deg, rgba(23, 37, 53, 0.82) 0%, rgba(16, 27, 39, 0.78) 100%);
    color: #d9ecfb;
    text-decoration: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    transition: border-color 0.15s ease, transform 0.15s ease, background 0.15s ease;
}

.dashboard-anomaly-card:hover[b-cu8pwin0ym],
.dashboard-anomaly-card:focus-visible[b-cu8pwin0ym] {
    border-color: rgba(132, 196, 229, 0.72);
    background:
        linear-gradient(180deg, rgba(29, 48, 67, 0.94) 0%, rgba(18, 31, 45, 0.9) 100%);
    color: #f2fbff;
    transform: translateY(-1px);
}

.dashboard-anomaly-card-line[b-cu8pwin0ym] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
}

.dashboard-anomaly-program[b-cu8pwin0ym] {
    color: #f2f8fd;
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.01em;
    white-space: nowrap;
}

.dashboard-anomaly-run[b-cu8pwin0ym] {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    padding: 0.08rem 0.3rem;
    border-radius: 999px;
    background: rgba(83, 144, 184, 0.18);
    color: #95bad8;
    font-size: 0.64rem;
    font-weight: 700;
}

.dashboard-anomaly-card-summary[b-cu8pwin0ym] {
    min-width: 0;
    color: #c5dced;
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-anomaly-pagination[b-cu8pwin0ym] {
    margin-top: 0.42rem;
    padding-top: 0.42rem;
    border-top: 1px solid rgba(80, 122, 155, 0.16);
    display: flex;
    justify-content: space-between;
    gap: 0.8rem;
    align-items: center;
    flex-wrap: wrap;
    color: #9eb7cb;
    font-size: 0.8rem;
}

.dashboard-anomaly-pagination-actions[b-cu8pwin0ym] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.dashboard-highscore-columns[b-cu8pwin0ym] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.dashboard-list[b-cu8pwin0ym] {
    margin: 0;
    padding-left: 1.1rem;
    color: #d0e4f8;
}

.dashboard-list li[b-cu8pwin0ym] {
    margin: 0.26rem 0;
}

.dashboard-list a[b-cu8pwin0ym] {
    color: #b9dbf4;
    text-decoration: none;
}

.dashboard-list a:hover[b-cu8pwin0ym] {
    color: #e8f5ff;
    text-decoration: underline;
}

.dashboard-list-tight li[b-cu8pwin0ym] {
    margin: 0.18rem 0;
}

.dashboard-queue-grid[b-cu8pwin0ym] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
}

.dashboard-queue-item[b-cu8pwin0ym] {
    border: 1px solid #35506f;
    border-radius: 11px;
    background: rgba(19, 32, 47, 0.66);
    padding: 0.55rem;
    color: #cde2f5;
    font-size: 0.9rem;
}

.dashboard-queue-name[b-cu8pwin0ym] {
    font-weight: 700;
    color: #e5f3ff;
    margin-bottom: 0.28rem;
}

.dashboard-hint[b-cu8pwin0ym] {
    margin-top: 0.5rem;
    color: #90abc7;
    font-size: 0.82rem;
}

.dashboard-health-status[b-cu8pwin0ym] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.34rem;
    margin-bottom: 0.55rem;
}

.dashboard-component-grid[b-cu8pwin0ym] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.45rem;
}

.dashboard-component-tile[b-cu8pwin0ym] {
    border: 1px solid #35506f;
    border-radius: 10px;
    background: rgba(20, 33, 49, 0.58);
    padding: 0.44rem 0.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
}

.dashboard-component-name[b-cu8pwin0ym] {
    color: #d3e7f9;
    font-size: 0.9rem;
}

.dashboard-health-mini[b-cu8pwin0ym] {
    margin-top: 0.55rem;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    color: #b8d0e7;
    font-size: 0.9rem;
}

.dashboard-logs-embed[b-cu8pwin0ym] {
    padding: 0;
    overflow: hidden;
    background: #0f1a28;
}

.dashboard-mode-panel-head-logs[b-cu8pwin0ym] {
    padding: 0.52rem 0.62rem;
    margin: 0;
    border-bottom: 1px solid rgba(61, 90, 119, 0.55);
    background: rgba(18, 33, 47, 0.78);
}

.dashboard-logs-iframe[b-cu8pwin0ym] {
    border: none;
    width: 100%;
    height: 360px;
    background: #0f1a28;
}

.dashboard-error[b-cu8pwin0ym] {
    margin-bottom: 0;
}

.dashboard-status-up[b-cu8pwin0ym] {
    color: #082313 !important;
    background: linear-gradient(180deg, #7fd5a8 0%, #58b884 100%) !important;
    border: 1px solid #8de0b3 !important;
}

.dashboard-status-degraded[b-cu8pwin0ym] {
    color: #2c1f07 !important;
    background: linear-gradient(180deg, #e5c26f 0%, #cda24a 100%) !important;
    border: 1px solid #e3c37e !important;
}

.dashboard-status-down[b-cu8pwin0ym] {
    color: #ffe9ec !important;
    background: linear-gradient(180deg, #92505c 0%, #723845 100%) !important;
    border: 1px solid #a86875 !important;
}

.dashboard-status-unknown[b-cu8pwin0ym] {
    color: #d7e7f7 !important;
    background: linear-gradient(180deg, #3f5872 0%, #2f455c 100%) !important;
    border: 1px solid #5d7894 !important;
}

@media (max-width: 1100px) {
    .dashboard-layout[b-cu8pwin0ym] {
        grid-template-columns: 1fr;
    }

    .dashboard-card-query-results[b-cu8pwin0ym] {
        height: clamp(30rem, 68vh, 38rem);
        max-height: clamp(30rem, 68vh, 38rem);
    }

    .dashboard-dual-grid[b-cu8pwin0ym] {
        grid-template-columns: 1fr;
    }

    .dashboard-card-wide[b-cu8pwin0ym] {
        grid-column: auto;
    }
}

@media (max-width: 760px) {
    .dashboard-mobile-mode-hidden[b-cu8pwin0ym] {
        display: none !important;
    }

    .dashboard-home[b-cu8pwin0ym] {
        gap: 0.65rem;
        margin-top: 0;
    }

    .dashboard-card[b-cu8pwin0ym] {
        padding: 0.62rem 0.68rem;
        border-radius: 12px;
    }

    .dashboard-card-head[b-cu8pwin0ym] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.35rem;
        margin-bottom: 0.4rem;
    }

    .dashboard-card-head h5[b-cu8pwin0ym] {
        font-size: 0.92rem;
    }

    .dashboard-head-actions[b-cu8pwin0ym] {
        width: 100%;
        gap: 0.3rem;
    }

    .dashboard-head-actions > .btn-group[b-cu8pwin0ym] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
        width: 100%;
    }

    .dashboard-head-actions > .btn-group > .btn[b-cu8pwin0ym] {
        width: 100%;
    }

    .dashboard-mode-panel[b-cu8pwin0ym] {
        padding: 0.52rem;
        border-radius: 10px;
    }

    .dashboard-mode-panel-head[b-cu8pwin0ym] {
        margin-bottom: 0.42rem;
        gap: 0.3rem;
    }

    .dashboard-mode-caption[b-cu8pwin0ym] {
        font-size: 0.72rem;
    }

    .dashboard-card-query-results[b-cu8pwin0ym] {
        height: auto;
        max-height: none;
    }

    .dashboard-query-stack[b-cu8pwin0ym] {
        grid-template-rows: none;
    }

    .dashboard-metrics-row[b-cu8pwin0ym] {
        grid-template-columns: 1fr;
    }

    .dashboard-log-summary[b-cu8pwin0ym] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.32rem;
        margin-bottom: 0.45rem;
    }

    .dashboard-summary-toggle[b-cu8pwin0ym] {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-rows: auto;
        align-items: center;
        padding: 0.34rem 0.38rem 0.34rem 0.52rem;
        min-height: 2.45rem;
        gap: 0.28rem;
        border-radius: 10px;
    }

    .dashboard-summary-toggle-title[b-cu8pwin0ym] {
        font-size: 0.56rem;
        line-height: 1.05;
    }

    .dashboard-summary-toggle-value[b-cu8pwin0ym] {
        font-size: 0.96rem;
        justify-self: end;
    }

    .dashboard-summary-toggle-caption[b-cu8pwin0ym] {
        display: none;
    }

    .dashboard-log-volume-head[b-cu8pwin0ym] {
        flex-direction: column;
        gap: 0.42rem;
        margin-bottom: 0.5rem;
    }

    .dashboard-log-volume-card[b-cu8pwin0ym] {
        padding: 0.52rem;
    }

    .dashboard-log-volume-title[b-cu8pwin0ym] {
        font-size: 0.86rem;
    }

    .dashboard-log-volume-subtitle[b-cu8pwin0ym] {
        font-size: 0.68rem;
    }

    .dashboard-log-volume-tools[b-cu8pwin0ym] {
        width: 100%;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        margin-left: 0;
    }

    .dashboard-log-volume-range-controls[b-cu8pwin0ym] {
        align-self: flex-start;
        padding: 0.1rem 0.18rem;
    }

    .dashboard-log-range-btn[b-cu8pwin0ym] {
        width: 1.45rem;
        height: 1.45rem;
        font-size: 0.88rem;
    }

    .dashboard-log-range-label[b-cu8pwin0ym] {
        min-width: 3.6rem;
        font-size: 0.7rem;
    }

    .dashboard-log-volume-title-row[b-cu8pwin0ym] {
        flex-direction: column;
        align-items: flex-start;
    }

    .dashboard-log-volume-summary-item[b-cu8pwin0ym] {
        min-height: 1.35rem;
        padding: 0.08rem 0.34rem;
        font-size: 0.64rem;
    }

    .dashboard-log-volume-chart[b-cu8pwin0ym] {
        height: 120px;
        gap: 1px;
    }

    .dashboard-log-volume-axis-track[b-cu8pwin0ym] {
        min-height: 1.85rem;
    }

    .dashboard-log-volume-axis-label[b-cu8pwin0ym] {
        max-width: 2.6rem;
        font-size: 0.6rem;
    }

    .dashboard-query-table[b-cu8pwin0ym] {
        table-layout: fixed;
    }

    .dashboard-query-table thead[b-cu8pwin0ym] {
        display: none;
    }

    .dashboard-query-table[b-cu8pwin0ym],
    .dashboard-query-table tbody[b-cu8pwin0ym],
    .dashboard-query-table tr[b-cu8pwin0ym],
    .dashboard-query-table td[b-cu8pwin0ym] {
        display: block;
        width: 100%;
    }

    .dashboard-query-table tbody[b-cu8pwin0ym] {
        display: grid;
        gap: 0.42rem;
        padding: 0.42rem;
    }

    .dashboard-query-table tr[b-cu8pwin0ym] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "filters"
            "results";
        gap: 0.34rem;
        padding: 0.52rem 0.56rem;
        border: 1px solid rgba(76, 111, 140, 0.28);
        border-radius: 12px;
        background: rgba(16, 28, 40, 0.82);
        box-shadow: 0 6px 12px rgba(2, 10, 18, 0.16);
    }

    .dashboard-query-row-program[b-cu8pwin0ym] {
        border-color: rgba(214, 168, 77, 0.34) !important;
        background:
            linear-gradient(180deg, rgba(80, 56, 18, 0.18), rgba(16, 28, 40, 0.82) 45%),
            rgba(16, 28, 40, 0.82);
        box-shadow: inset 3px 0 0 rgba(214, 168, 77, 0.72), 0 6px 12px rgba(2, 10, 18, 0.16);
    }

    .dashboard-query-row-commands[b-cu8pwin0ym] {
        border-color: rgba(87, 190, 216, 0.3) !important;
        background:
            linear-gradient(180deg, rgba(20, 70, 88, 0.16), rgba(16, 28, 40, 0.82) 45%),
            rgba(16, 28, 40, 0.82);
        box-shadow: inset 3px 0 0 rgba(87, 190, 216, 0.78), 0 6px 12px rgba(2, 10, 18, 0.16);
    }

    .dashboard-query-chip-list[b-cu8pwin0ym] {
        max-height: none;
        gap: 0.22rem;
        overflow: visible;
    }

    .dashboard-query-chip[b-cu8pwin0ym] {
        max-width: 100%;
        flex-wrap: wrap;
        gap: 0.2rem;
        padding: 0.14rem 0.34rem;
        font-size: 0.67rem;
    }

    .dashboard-query-chip-field[b-cu8pwin0ym],
    .dashboard-query-chip-operator[b-cu8pwin0ym] {
        white-space: nowrap;
        overflow-wrap: normal;
        word-break: normal;
    }

    .dashboard-query-filters-cell[b-cu8pwin0ym] {
        grid-area: filters;
        padding-right: 0;
    }

    .dashboard-query-scope-head[b-cu8pwin0ym],
    .dashboard-query-scope-cell[b-cu8pwin0ym] {
        display: none !important;
    }

    .dashboard-query-results-head[b-cu8pwin0ym],
    .dashboard-query-results-cell[b-cu8pwin0ym] {
        grid-area: results;
        width: 100%;
        padding: 0;
    }

    .dashboard-result-count-btn[b-cu8pwin0ym] {
        width: 100%;
        min-width: 0;
        justify-content: center;
        padding: 0.34rem 0.62rem;
        font-size: 0.76rem;
    }

    .dashboard-log-volume-trends[b-cu8pwin0ym] {
        gap: 0.32rem;
        margin-top: 0.4rem;
    }

    .dashboard-log-volume-trends-title[b-cu8pwin0ym] {
        font-size: 0.68rem;
    }

    .dashboard-log-volume-trend-chip[b-cu8pwin0ym] {
        padding: 0.2rem 0.42rem;
        font-size: 0.66rem;
        gap: 0.28rem;
    }

    .dashboard-log-volume-meta[b-cu8pwin0ym] {
        align-items: flex-start;
        gap: 0.28rem;
        margin-top: 0.42rem;
        padding-top: 0.42rem;
        font-size: 0.65rem;
    }

    .dashboard-highscore-columns[b-cu8pwin0ym] {
        grid-template-columns: 1fr;
    }

    .dashboard-component-grid[b-cu8pwin0ym] {
        grid-template-columns: 1fr;
    }

    .dashboard-logs-iframe[b-cu8pwin0ym] {
        height: 300px;
    }
}

@media (max-width: 480px) {
    .dashboard-summary-toggle[b-cu8pwin0ym] {
        min-height: 2.3rem;
        padding-left: 0.48rem;
        padding-right: 0.34rem;
    }

    .dashboard-log-volume-trends[b-cu8pwin0ym] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* _content/LogExplorer.Web/Components/Modules/Dashboard/Pages/LastLogsPage.razor.rz.scp.css */
.last-logs-page-shell[b-bpin3jb5hq] {
    padding-bottom: 1rem;
}

.last-logs-container[b-bpin3jb5hq] {
    display: flex;
    width: 100%;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #2b3e55;
    border-radius: 12px;
    background: #121d2b;
    box-shadow: 0 14px 24px rgba(3, 10, 19, 0.35);
}

.last-logs-page-shell .last-logs-container[b-bpin3jb5hq] {
    border-color: var(--mode-accent-border);
    background:
        radial-gradient(circle at top left, var(--mode-accent-soft), transparent 28%),
        #121d2b;
    box-shadow: 0 14px 24px rgba(3, 10, 19, 0.35), inset 0 0 0 1px color-mix(in srgb, var(--mode-accent-border) 24%, transparent);
    padding: 1rem;
}

@media (max-width: 760px) {
    .last-logs-page-shell .last-logs-container[b-bpin3jb5hq] {
        padding: 0.58rem;
        border-radius: 10px;
    }
}
/* _content/LogExplorer.Web/Components/Modules/LastUsages/Pages/LastUsagesPage.razor.rz.scp.css */
.last-usages-page-shell[b-ls9gfjrhb8] {
    padding-bottom: 1rem;
}

.row-container[b-ls9gfjrhb8] {
    display: flex;
    width: 100%;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #2b3e55;
    border-radius: 12px;
    background: #121d2b;
    box-shadow: 0 14px 24px rgba(3, 10, 19, 0.35);
}

.last-usages-page-shell .row-container[b-ls9gfjrhb8] {
    border-color: var(--mode-accent-border);
    background:
        radial-gradient(circle at top left, var(--mode-accent-soft), transparent 28%),
        #121d2b;
    box-shadow: 0 14px 24px rgba(3, 10, 19, 0.35), inset 0 0 0 1px color-mix(in srgb, var(--mode-accent-border) 24%, transparent);
    padding: 1rem;
}

@media (max-width: 760px) {
    .last-usages-page-shell .row-container[b-ls9gfjrhb8] {
        padding: 0.58rem;
        border-radius: 10px;
    }
}
/* _content/LogExplorer.Web/Components/Modules/Operations/Pages/AdminAnomalyConfigPage.razor.rz.scp.css */
.admin-anomaly-grid[b-47zppj6xzr] {
    display: grid;
    gap: 1rem;
}

.admin-anomaly-card[b-47zppj6xzr] {
    border: 1px solid var(--app-border);
    border-radius: 0.75rem;
    padding: 0.9rem;
    background: linear-gradient(180deg, var(--app-surface) 0%, #122031 100%);
}

.admin-anomaly-card h5[b-47zppj6xzr] {
    color: #e8f3ff;
    margin-bottom: 0.8rem;
}

.admin-anomaly-card .form-label[b-47zppj6xzr] {
    color: #c7daee;
}

.admin-anomaly-card .form-control[b-47zppj6xzr],
.admin-anomaly-card .form-select[b-47zppj6xzr],
.admin-anomaly-card .form-check-input[b-47zppj6xzr] {
    background-color: var(--app-surface-2);
    border-color: var(--app-border);
    color: var(--app-text);
}

.admin-anomaly-card .form-control:read-only[b-47zppj6xzr] {
    background-color: #142436;
    color: #d4e6f8;
    border-color: #34506e;
}

.admin-anomaly-card .table[b-47zppj6xzr] {
    --bs-table-bg: transparent;
    border-color: var(--app-border);
}

.admin-anomaly-card code[b-47zppj6xzr] {
    color: #9fddff;
}

.admin-anomaly-toggle-card[b-47zppj6xzr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid rgba(86, 129, 164, 0.28);
    border-radius: 0.85rem;
    background: rgba(12, 25, 38, 0.62);
}

.admin-anomaly-toggle-actions[b-47zppj6xzr] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.admin-anomaly-toggle-note[b-47zppj6xzr] {
    margin-top: 0.8rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid rgba(82, 118, 150, 0.26);
    border-radius: 0.7rem;
    background: rgba(14, 31, 47, 0.52);
    color: #c6d9ea;
    line-height: 1.45;
}

.ux-help-icon[b-47zppj6xzr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.15rem;
    height: 1.15rem;
    border: 1px solid rgba(138, 181, 216, 0.42);
    border-radius: 999px;
    background: rgba(25, 48, 69, 0.88);
    color: #d8ebfb;
    font-size: 0.74rem;
    font-weight: 700;
    line-height: 1;
    cursor: help;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.ux-help-icon:hover[b-47zppj6xzr],
.ux-help-icon:focus-visible[b-47zppj6xzr] {
    border-color: rgba(184, 224, 255, 0.72);
    background: rgba(36, 67, 94, 0.96);
    color: #f4fbff;
    outline: none;
}

.alert-info[b-47zppj6xzr] {
    color: #102335;
    background: rgba(207, 244, 252, 0.88);
    border-color: rgba(158, 234, 249, 0.9);
}

@media (max-width: 760px) {
    .admin-anomaly-card[b-47zppj6xzr] {
        padding: 0.8rem;
    }

    .admin-anomaly-toggle-card[b-47zppj6xzr] {
        align-items: stretch;
        flex-direction: column;
    }

    .admin-anomaly-toggle-actions[b-47zppj6xzr] {
        justify-content: space-between;
    }

    .admin-anomaly-card table thead[b-47zppj6xzr] {
        display: none;
    }

    .admin-anomaly-card table[b-47zppj6xzr],
    .admin-anomaly-card table tbody[b-47zppj6xzr],
    .admin-anomaly-card table tr[b-47zppj6xzr],
    .admin-anomaly-card table td[b-47zppj6xzr] {
        display: block;
        width: 100%;
    }

    .admin-anomaly-card table tbody[b-47zppj6xzr] {
        display: grid;
        gap: 0.8rem;
    }

    .admin-anomaly-card table tr[b-47zppj6xzr] {
        padding: 0.85rem 0.9rem;
        border: 1px solid rgba(76, 111, 140, 0.3);
        border-radius: 14px;
        background: rgba(16, 28, 40, 0.82);
        box-shadow: 0 10px 20px rgba(2, 10, 18, 0.2);
    }

    .admin-anomaly-card table td[b-47zppj6xzr] {
        padding: 0.25rem 0 0.55rem;
        border: none;
    }

    .admin-anomaly-card table td + td[b-47zppj6xzr] {
        border-top: 1px solid rgba(66, 96, 121, 0.22);
        padding-top: 0.65rem;
    }

    .admin-anomaly-card table td[b-47zppj6xzr]::before {
        display: block;
        margin-bottom: 0.28rem;
        color: #9cbad4;
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    .admin-anomaly-card table td:nth-child(1)[b-47zppj6xzr]::before {
        content: "Klucz";
    }

    .admin-anomaly-card table td:nth-child(2)[b-47zppj6xzr]::before {
        content: "Wartość";
    }

    .admin-anomaly-card table td:nth-child(3)[b-47zppj6xzr]::before {
        content: "Źródło";
    }

    .admin-anomaly-card table td:nth-child(4)[b-47zppj6xzr]::before {
        content: "Meta";
    }

    .admin-anomaly-card table td:nth-child(5)[b-47zppj6xzr]::before {
        content: "Resetuj";
    }
}
/* _content/LogExplorer.Web/Components/Modules/Operations/Pages/AdminSystemHealthPage.razor.rz.scp.css */
.health-section[b-0jy8dz1g2e] {
    border: 1px solid var(--app-border);
    border-radius: 0.75rem;
    padding: 0.9rem;
    background: linear-gradient(180deg, var(--app-surface) 0%, #122031 100%);
}

.health-section h5[b-0jy8dz1g2e] {
    margin-bottom: 0.75rem;
    color: #e8f3ff;
}

.health-header-row[b-0jy8dz1g2e] {
    display: flex;
    gap: 0.45rem;
    flex-wrap: wrap;
    align-items: center;
}

.health-inline-hint[b-0jy8dz1g2e] {
    border: 1px solid #d1a34e;
    background: #f0d8ab;
    color: #2d1b04;
    border-radius: 0.55rem;
    padding: 0.55rem 0.7rem;
    font-weight: 600;
}

.health-cards-grid[b-0jy8dz1g2e] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.health-card[b-0jy8dz1g2e] {
    border: 1px solid #2f445d;
    border-radius: 0.65rem;
    padding: 0.75rem;
    background: #102131;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.health-card-header[b-0jy8dz1g2e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.45rem;
}

.health-card-title[b-0jy8dz1g2e] {
    color: #e5f2ff;
    font-weight: 800;
}

.health-card-body[b-0jy8dz1g2e] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.health-card-row[b-0jy8dz1g2e] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.65rem;
}

.health-card-row-stack[b-0jy8dz1g2e] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.18rem;
}

.health-card-key[b-0jy8dz1g2e] {
    color: #8eb0cf;
    font-size: 0.78rem;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    font-weight: 700;
}

.health-card-val[b-0jy8dz1g2e] {
    color: #f2f9ff;
    font-weight: 700;
}

.health-card-status[b-0jy8dz1g2e] {
    font-weight: 700;
    margin-bottom: 0.2rem;
}

.health-card-url[b-0jy8dz1g2e] {
    color: #d4e7f8;
    font-size: 0.78rem;
    background: #0b1a2a;
    border: 1px solid #2e4965;
    border-radius: 0.45rem;
    padding: 0.33rem 0.42rem;
    width: 100%;
    word-break: break-word;
    white-space: normal;
}

.health-card-error[b-0jy8dz1g2e] {
    color: #ffb4b4;
    font-size: 0.8rem;
    background: #2a1218;
    border: 1px solid #6a2f3d;
    border-radius: 0.45rem;
    padding: 0.33rem 0.42rem;
    width: 100%;
    word-break: break-word;
}

.health-card-up[b-0jy8dz1g2e] {
    border-color: #2f7450;
    box-shadow: inset 0 0 0 1px rgba(53, 125, 85, 0.35);
}

.health-card-degraded[b-0jy8dz1g2e] {
    border-color: #8f6230;
    box-shadow: inset 0 0 0 1px rgba(171, 122, 60, 0.3);
}

.health-card-down[b-0jy8dz1g2e] {
    border-color: #8a3f48;
    box-shadow: inset 0 0 0 1px rgba(153, 63, 75, 0.32);
}

.health-card-unknown[b-0jy8dz1g2e] {
    border-color: #5b6c7d;
    box-shadow: inset 0 0 0 1px rgba(116, 132, 149, 0.28);
}

.health-card-disabled[b-0jy8dz1g2e] {
    border-color: #56677a;
    box-shadow: inset 0 0 0 1px rgba(116, 132, 149, 0.22);
}

.status-up[b-0jy8dz1g2e] {
    color: #05220f !important;
    background: #63d68a !important;
    border-color: #4fb276 !important;
}

.status-degraded[b-0jy8dz1g2e] {
    color: #2b1704 !important;
    background: #f2b15a !important;
    border-color: #d18d34 !important;
}

.status-down[b-0jy8dz1g2e] {
    color: #2a0a0f !important;
    background: #f08888 !important;
    border-color: #cd6464 !important;
}

.status-unknown[b-0jy8dz1g2e] {
    color: #101820 !important;
    background: #b9c7d4 !important;
    border-color: #8ea0b3 !important;
}

.status-disabled[b-0jy8dz1g2e] {
    color: #101820 !important;
    background: #b1bdc9 !important;
    border-color: #8a9cab !important;
}

.runtime-flags[b-0jy8dz1g2e] {
    display: flex;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.activity-grid[b-0jy8dz1g2e] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem;
}

.activity-card[b-0jy8dz1g2e] {
    border: 1px solid #2f445d;
    border-radius: 0.65rem;
    background: #0f1f2f;
    padding: 0.65rem;
}

.activity-card h6[b-0jy8dz1g2e] {
    color: #d8ecff;
}

.topology-wrap[b-0jy8dz1g2e] {
    overflow-x: auto;
    border: 1px solid #2e465f;
    border-radius: 0.65rem;
    background: #0b1826;
}

.topology-svg[b-0jy8dz1g2e] {
    width: 100%;
    min-width: 900px;
    height: auto;
    display: block;
}

.topology-edge[b-0jy8dz1g2e] {
    stroke-width: 1.9;
    fill: none;
    marker-end: url(#topologyArrow);
    transition: opacity 130ms ease, stroke-width 130ms ease;
    stroke-linecap: butt;
}

.topology-edge-up[b-0jy8dz1g2e] {
    stroke: #59c67f;
    color: #59c67f;
}

.topology-edge-degraded[b-0jy8dz1g2e] {
    stroke: #e2a14d;
    color: #e2a14d;
}

.topology-edge-down[b-0jy8dz1g2e] {
    stroke: #e47272;
    color: #e47272;
}

.topology-edge-enqueue[b-0jy8dz1g2e] {
    stroke-dasharray: 11 6;
}

.topology-edge-consume[b-0jy8dz1g2e] {
    stroke-width: 4.4;
    stroke-linecap: round;
}

.topology-edge-readwrite[b-0jy8dz1g2e] {
    stroke-width: 1.35;
    opacity: 0.82;
}

.topology-edge-read[b-0jy8dz1g2e] {
    stroke-width: 1.35;
    opacity: 0.82;
}

.topology-edge-heartbeat[b-0jy8dz1g2e] {
    stroke-dasharray: 2 8;
    stroke-width: 2.4;
    stroke-linecap: round;
}

.topology-edge-backedby[b-0jy8dz1g2e] {
    stroke-dasharray: 14 4 2 4;
}

@media (max-width: 760px) {
    .health-cards-grid[b-0jy8dz1g2e],
    .activity-grid[b-0jy8dz1g2e] {
        grid-template-columns: 1fr;
    }

    .health-card-row[b-0jy8dz1g2e] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.18rem;
    }

    .health-card-header[b-0jy8dz1g2e] {
        align-items: flex-start;
        flex-direction: column;
    }

    .health-interval[b-0jy8dz1g2e] {
        width: 100%;
    }

    .topology-svg[b-0jy8dz1g2e] {
        min-width: 760px;
    }
}

.topology-node[b-0jy8dz1g2e] {
    stroke-width: 1.5;
    transition: opacity 130ms ease, stroke-width 130ms ease, filter 130ms ease;
}

.topology-node-up[b-0jy8dz1g2e] {
    fill: #66ce87;
    stroke: #468f60;
}

.topology-node-degraded[b-0jy8dz1g2e] {
    fill: #e7ab57;
    stroke: #b88036;
}

.topology-node-down[b-0jy8dz1g2e] {
    fill: #e27b7b;
    stroke: #b85959;
}

.topology-node-unknown[b-0jy8dz1g2e] {
    fill: #99acbf;
    stroke: #5f7287;
}

.topology-node-disabled[b-0jy8dz1g2e] {
    fill: #8ea2b7;
    stroke: #5f7388;
}

.topology-node-process[b-0jy8dz1g2e] {
    stroke-width: 1.6;
}

.topology-node-queue[b-0jy8dz1g2e] {
    stroke-width: 1.7;
}

.topology-node-datastore[b-0jy8dz1g2e] {
    stroke-width: 1.4;
}

.topology-node-title[b-0jy8dz1g2e] {
    fill: #08131f;
    font-size: 9px;
    font-weight: 700;
}

.topology-node-sub[b-0jy8dz1g2e] {
    fill: #0d2238;
    font-size: 8px;
}

.topology-node-group[b-0jy8dz1g2e] {
    cursor: pointer;
}

.topology-node-highlight[b-0jy8dz1g2e] {
    stroke-width: 2.2;
    filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.2));
}

.topology-node-dim[b-0jy8dz1g2e] {
    opacity: 0.33;
}

.topology-edge-highlight[b-0jy8dz1g2e] {
    stroke-width: 2.4;
}

.topology-edge-dim[b-0jy8dz1g2e] {
    opacity: 0.18;
}

.topology-legend[b-0jy8dz1g2e] {
    border-top: 1px solid #2f4863;
    color: #bcd5ea;
    font-size: 0.74rem;
    padding: 0.35rem 0.5rem 0.42rem;
}

.topology-legend-title[b-0jy8dz1g2e] {
    font-weight: 700;
    color: #d8ebfb;
    margin-bottom: 0.2rem;
}

.topology-legend-line[b-0jy8dz1g2e] {
    margin-bottom: 0.2rem;
}

.topology-legend-items[b-0jy8dz1g2e] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.7rem;
    margin-top: 0.3rem;
}

.topology-legend-item[b-0jy8dz1g2e] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    white-space: nowrap;
}

.legend-stroke[b-0jy8dz1g2e] {
    display: inline-block;
    width: 1.7rem;
    height: 3px;
    background: #9ec4e6;
}

.legend-enqueue[b-0jy8dz1g2e] {
    background: repeating-linear-gradient(to right, #9ec4e6 0 6px, transparent 6px 10px);
}

.legend-consume[b-0jy8dz1g2e] {
    height: 4px;
    background: #9ec4e6;
}

.legend-readwrite[b-0jy8dz1g2e] {
    height: 2px;
    background: #9ec4e6;
}

.legend-heartbeat[b-0jy8dz1g2e] {
    background: repeating-linear-gradient(to right, #9ec4e6 0 3px, transparent 3px 6px);
}

.legend-backedby[b-0jy8dz1g2e] {
    background: repeating-linear-gradient(to right, #7cb2de 0 1px, transparent 1px 6px);
}

.health-interval[b-0jy8dz1g2e] {
    width: 6rem;
}

@media (max-width: 992px) {
    .health-cards-grid[b-0jy8dz1g2e],
    .activity-grid[b-0jy8dz1g2e] {
        grid-template-columns: 1fr;
    }
}
/* _content/LogExplorer.Web/Components/Modules/Operations/Pages/AnomaliesPage.razor.rz.scp.css */
.anomalies-page-shell[b-1twilr2pz8] {
    position: relative;
    min-height: 220px;
}

.anomalies-page-shell .threshold-card[b-1twilr2pz8],
.anomalies-page-shell .filter-card[b-1twilr2pz8],
.anomalies-page-shell .compare-card[b-1twilr2pz8],
.anomalies-page-shell .scores-layout .scores-master-card[b-1twilr2pz8],
.anomalies-page-shell .program-focus-card[b-1twilr2pz8] {
    border-color: var(--mode-accent-border);
    background:
        radial-gradient(circle at top left, var(--mode-accent-soft), transparent 28%),
        #101b29;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mode-accent-border) 20%, transparent);
}

.anomalies-page-content[b-1twilr2pz8] {
    transition: opacity 140ms ease-in-out, filter 140ms ease-in-out;
}

.anomalies-page-content.is-loading[b-1twilr2pz8] {
    opacity: 0.45;
    filter: saturate(0.8);
    pointer-events: none;
}

.anomalies-loading-overlay[b-1twilr2pz8] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    align-items: center;
    justify-content: center;
    background: rgba(9, 18, 27, 0.45);
    backdrop-filter: blur(1px);
    z-index: 5;
    color: #d8ebff;
    font-weight: 600;
}

.program-focus-card[b-1twilr2pz8] {
    border: 1px solid #2e445d;
    background: #101b29;
    border-radius: 10px;
    padding: 0.55rem;
}

.program-focus-header[b-1twilr2pz8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    align-items: center;
}

.program-focus-header .btn[b-1twilr2pz8] {
    min-height: 2.1rem;
    padding: 0.28rem 0.72rem;
    font-weight: 700;
}

.program-family-badge[b-1twilr2pz8],
.program-current-badge[b-1twilr2pz8],
.program-count-badge[b-1twilr2pz8] {
    border-radius: 999px;
    min-height: 2.1rem;
    padding: 0.4rem 0.85rem;
    font-weight: 700;
    line-height: 1.2;
    display: inline-flex;
    align-items: center;
    font-size: 0.95rem;
}

.program-family-badge[b-1twilr2pz8] {
    background: linear-gradient(180deg, var(--mode-accent-strong) 0%, var(--mode-accent) 100%);
    color: var(--mode-accent-text-dark);
}

.program-current-badge[b-1twilr2pz8] {
    background: linear-gradient(180deg, var(--mode-accent-strong) 0%, var(--mode-accent) 100%);
    color: var(--mode-accent-text-dark);
    font-weight: 800;
    border: 1px solid var(--mode-accent-border);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mode-accent) 30%, transparent);
}

.program-count-badge[b-1twilr2pz8] {
    background: color-mix(in srgb, var(--mode-accent-soft) 60%, #9cc5df);
    color: #0b1a28;
}

.threshold-card[b-1twilr2pz8] {
    border: 1px solid #2e445d;
    background: #101b29;
    border-radius: 10px;
    padding: 0.55rem 0.65rem;
}

.filter-card[b-1twilr2pz8] {
    border: 1px solid #2e445d;
    background: #101b29;
    border-radius: 10px;
    padding: 0.65rem;
    height: 100%;
}

.filter-card.filter-card-compact[b-1twilr2pz8] {
    height: auto;
    padding: 0.6rem 0.7rem;
}

.filter-card-header[b-1twilr2pz8] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.8rem;
    margin-bottom: 0.7rem;
    flex-wrap: wrap;
}

.filters-drawer[b-1twilr2pz8] {
    margin-top: 0.7rem;
    padding-top: 0.7rem;
    border-top: 1px solid rgba(76, 112, 145, 0.35);
}

.queue-card[b-1twilr2pz8] {
    border: 1px solid var(--mode-accent-border);
    background:
        radial-gradient(circle at top left, var(--mode-accent-soft-strong), transparent 28%),
        linear-gradient(180deg, #122131 0%, #0f1b29 100%);
    border-radius: 10px;
    padding: 0.65rem;
    box-shadow: 0 14px 26px rgba(3, 10, 19, 0.22), inset 0 0 0 1px color-mix(in srgb, var(--mode-accent-border) 18%, transparent);
}

.compact-review-console[b-1twilr2pz8] {
    border: 1px solid var(--mode-accent-border);
    border-radius: 12px;
    padding: 0.65rem 0.7rem;
    background:
        radial-gradient(circle at top left, var(--mode-accent-soft-strong), transparent 34%),
        linear-gradient(180deg, #122131 0%, #0f1b29 100%);
    box-shadow: 0 14px 26px rgba(3, 10, 19, 0.22), inset 0 0 0 1px color-mix(in srgb, var(--mode-accent-border) 18%, transparent);
}

.compact-review-console-row[b-1twilr2pz8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.compact-review-console-row + .compact-review-console-row[b-1twilr2pz8] {
    margin-top: 0.55rem;
    padding-top: 0.55rem;
    border-top: 1px solid rgba(76, 112, 145, 0.28);
}

.compact-review-console-row-secondary[b-1twilr2pz8] {
    align-items: flex-start;
}

.compact-nav-group[b-1twilr2pz8] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
    min-height: 2.2rem;
}

.compact-nav-group-actions[b-1twilr2pz8] {
    margin-left: auto;
    justify-content: flex-end;
}

.compact-nav-label[b-1twilr2pz8] {
    color: #8faec6;
    font-size: 0.73rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-weight: 800;
}

.compact-console-summary[b-1twilr2pz8] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.queue-card-head[b-1twilr2pz8] {
    display: flex;
    justify-content: space-between;
    gap: 0.8rem;
    align-items: flex-start;
    margin-bottom: 0.7rem;
    flex-wrap: wrap;
}

.queue-card-subtitle[b-1twilr2pz8] {
    color: #9eb9d0;
    font-size: 0.82rem;
    margin-top: 0.2rem;
}

.dashboard-like-controls[b-1twilr2pz8] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    flex-wrap: wrap;
}

.review-lane-grid[b-1twilr2pz8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
}

.review-lane-card[b-1twilr2pz8] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.18rem;
    min-height: 6.1rem;
    padding: 0.75rem 0.8rem;
    border-radius: 12px;
    border: 1px solid color-mix(in srgb, var(--mode-accent-border) 68%, rgba(110, 154, 190, 0.35));
    background: color-mix(in srgb, var(--mode-accent-soft) 34%, rgba(9, 21, 33, 0.76));
    color: #d7ebff;
    text-align: left;
    transition: transform 120ms ease, border-color 120ms ease, box-shadow 120ms ease, background 120ms ease;
}

.review-lane-card:hover:not(:disabled)[b-1twilr2pz8] {
    transform: translateY(-1px);
    border-color: var(--mode-accent-border);
    box-shadow: 0 10px 24px rgba(2, 10, 18, 0.22);
}

.review-lane-card:disabled[b-1twilr2pz8] {
    opacity: 0.55;
    cursor: not-allowed;
}

.review-lane-card strong[b-1twilr2pz8] {
    font-size: 1.65rem;
    line-height: 1;
    color: #f0f7ff;
}

.review-lane-card small[b-1twilr2pz8] {
    color: #9eb7cb;
    line-height: 1.35;
}

.review-lane-label[b-1twilr2pz8] {
    font-size: 0.8rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--mode-accent-strong) 68%, #89b6d5);
    font-weight: 700;
}

.review-lane-card.is-active[b-1twilr2pz8] {
    border-color: var(--mode-accent-border);
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--mode-accent-soft-strong) 68%, rgba(42, 97, 138, 0.48)) 0%, rgba(14, 30, 45, 0.94) 100%);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mode-accent-border) 40%, transparent), 0 12px 26px rgba(2, 12, 21, 0.26);
}

.queue-section-hint[b-1twilr2pz8] {
    margin-bottom: 0.55rem;
    color: #98b4cb;
    font-size: 0.8rem;
}

.program-picker-overlay[b-1twilr2pz8] {
    position: fixed;
    inset: 0;
    z-index: 1400;
    background: rgba(4, 10, 16, 0.62);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.program-picker-dialog[b-1twilr2pz8] {
    width: min(760px, 100%);
    border: 1px solid #3a5671;
    background: #0f1b29;
    border-radius: 12px;
    padding: 0.65rem;
}

.program-picker-header[b-1twilr2pz8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.55rem;
}

.program-picker-search[b-1twilr2pz8] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.5rem;
    padding: 0.35rem 0.45rem;
    border: 1px solid #345170;
    border-radius: 8px;
    background: rgba(12, 26, 40, 0.85);
}

.program-picker-search-icon[b-1twilr2pz8] {
    width: 1rem;
    height: 1rem;
    color: #9ec5e6;
    flex: 0 0 auto;
}

.program-picker-search-icon svg[b-1twilr2pz8] {
    width: 100%;
    height: 100%;
    fill: currentColor;
    display: block;
}

.program-picker-search-input[b-1twilr2pz8] {
    border: 0;
    background: transparent;
    color: #d9ecff;
    padding: 0;
}

.program-picker-search-input:focus[b-1twilr2pz8] {
    box-shadow: none;
    background: transparent;
    color: #f0f8ff;
}

.selection-overlay[b-1twilr2pz8] {
    position: fixed;
    inset: 0;
    z-index: 1450;
    background: rgba(4, 10, 16, 0.68);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.selection-dialog[b-1twilr2pz8] {
    width: min(680px, 100%);
    max-height: min(88vh, 980px);
    overflow: auto;
    border: 1px solid #3a5671;
    background: linear-gradient(180deg, #112131 0%, #0d1825 100%);
    border-radius: 14px;
    padding: 0.75rem;
    box-shadow: 0 20px 50px rgba(2, 10, 18, 0.38);
}

.selection-dialog-wide[b-1twilr2pz8] {
    width: min(1120px, 100%);
}

.selection-dialog-header[b-1twilr2pz8] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.8rem;
    margin-bottom: 0.7rem;
}

.selection-search[b-1twilr2pz8] {
    margin-bottom: 0.7rem;
}

.selection-list[b-1twilr2pz8] {
    display: grid;
    gap: 0.45rem;
}

.selection-list-item[b-1twilr2pz8] {
    width: 100%;
    border: 1px solid rgba(105, 144, 177, 0.25);
    border-radius: 10px;
    background: rgba(15, 27, 41, 0.84);
    color: #e0efff;
    text-align: left;
    padding: 0.75rem 0.8rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.8rem;
    transition: border-color 120ms ease, transform 120ms ease, background 120ms ease;
}

.selection-list-item:hover[b-1twilr2pz8] {
    border-color: var(--mode-accent-border);
    background: rgba(22, 39, 57, 0.92);
    transform: translateY(-1px);
}

.selection-list-item.is-selected[b-1twilr2pz8] {
    border-color: var(--mode-accent-border);
    background: linear-gradient(180deg, color-mix(in srgb, var(--mode-accent-soft-strong) 62%, rgba(39, 84, 116, 0.45)) 0%, rgba(14, 30, 45, 0.94) 100%);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mode-accent-border) 32%, transparent);
}

.selection-list-title[b-1twilr2pz8] {
    font-weight: 700;
    color: #f1f8ff;
}

.selection-list-meta[b-1twilr2pz8] {
    color: #9bb6ca;
    font-size: 0.82rem;
    text-align: right;
}

.selection-dialog-footer[b-1twilr2pz8] {
    display: flex;
    justify-content: flex-end;
    gap: 0.45rem;
    margin-top: 0.8rem;
}

.compact-picker-scroll[b-1twilr2pz8] {
    max-height: min(62vh, 760px);
}

.selected-row[b-1twilr2pz8] {
    --bs-table-bg: color-mix(in srgb, var(--mode-accent-strong) 56%, white);
    --bs-table-accent-bg: color-mix(in srgb, var(--mode-accent-strong) 48%, white);
    --bs-table-striped-bg: color-mix(in srgb, var(--mode-accent-strong) 42%, white);
    --bs-table-hover-bg: color-mix(in srgb, var(--mode-accent-strong) 38%, white);
    --bs-table-color: #071827;
    --bs-table-striped-color: #071827;
    --bs-table-hover-color: #071827;
    outline: 2px solid var(--mode-accent);
    box-shadow: inset 4px 0 0 var(--mode-accent);
}

.selected-row td[b-1twilr2pz8] {
    background-color: #bfe9ff !important;
    color: #071827 !important;
    font-weight: 700;
}

.selected-row .compact-score-preview[b-1twilr2pz8],
.selected-row .score-cell-primary[b-1twilr2pz8],
.selected-row .score-cell-secondary[b-1twilr2pz8],
.selected-row .score-time-cell[b-1twilr2pz8],
.selected-row .text-secondary[b-1twilr2pz8],
.selected-row small[b-1twilr2pz8] {
    color: #071827 !important;
}

.selected-row .score-status-badge[b-1twilr2pz8],
.selected-row .score-status-badge-historical[b-1twilr2pz8],
.selected-row .score-status-badge-recent[b-1twilr2pz8],
.selected-row .score-status-badge-both[b-1twilr2pz8],
.selected-row .score-status-badge-warning[b-1twilr2pz8] {
    background: rgba(7, 24, 39, 0.12) !important;
    border-color: rgba(7, 24, 39, 0.18) !important;
    color: #071827 !important;
}

.score-row-click[b-1twilr2pz8] {
    cursor: pointer;
}

.compare-card[b-1twilr2pz8] {
    border: 1px solid #2e445d;
    background: #101b29;
    border-radius: 10px;
    padding: 0.65rem;
    height: 100%;
}

.sticky-review-toolbar[b-1twilr2pz8] {
    position: sticky;
    top: 0.35rem;
    z-index: 3;
    border: 1px solid rgba(109, 150, 186, 0.28);
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(17, 33, 49, 0.96) 0%, rgba(11, 22, 34, 0.94) 100%);
    backdrop-filter: blur(4px);
    padding: 0.55rem 0.6rem;
    box-shadow: 0 10px 20px rgba(3, 12, 21, 0.18);
}

.sticky-review-toolbar-row[b-1twilr2pz8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.sticky-review-toolbar-row.secondary[b-1twilr2pz8] {
    margin-top: 0.45rem;
    padding-top: 0.45rem;
    border-top: 1px solid rgba(76, 112, 145, 0.28);
}

.sticky-review-toolbar-meta[b-1twilr2pz8],
.sticky-review-toolbar-actions[b-1twilr2pz8] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.sticky-review-toolbar-context[b-1twilr2pz8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    flex: 1 1 auto;
}

.focus-nav-block[b-1twilr2pz8] {
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
}

.focus-nav-inline[b-1twilr2pz8] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.focus-nav-chip[b-1twilr2pz8] {
    border: 1px solid var(--mode-accent-border);
    border-radius: 999px;
    background: linear-gradient(180deg, color-mix(in srgb, var(--mode-accent-soft-strong) 58%, rgba(32, 70, 100, 0.42)) 0%, rgba(17, 33, 49, 0.96) 100%);
    color: #f1f8ff;
    font-weight: 800;
    padding: 0.42rem 0.9rem;
    min-height: 2.2rem;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mode-accent-border) 18%, transparent);
}

.focus-nav-chip:hover:not(:disabled)[b-1twilr2pz8] {
    filter: brightness(1.05);
}

.focus-nav-chip-clear[b-1twilr2pz8] {
    border-color: rgba(147, 170, 191, 0.22);
    background: rgba(14, 24, 34, 0.86);
    color: #c6d7e5;
    font-weight: 700;
    padding-inline: 0.78rem;
    box-shadow: none;
}

.focus-nav-chip-clear:hover:not(:disabled)[b-1twilr2pz8] {
    border-color: rgba(147, 170, 191, 0.34);
    color: #ecf6ff;
}

.scores-layout .scores-master-card[b-1twilr2pz8] {
    border: 1px solid #2e445d;
    background: #101b29;
    border-radius: 10px;
    padding: 0.65rem;
}

.anomalies-group-actions[b-1twilr2pz8] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
    margin-left: auto;
}

.score-lens-toggle[b-1twilr2pz8] {
    margin-right: 0.35rem;
}

.score-inline-meta[b-1twilr2pz8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-top: 0.2rem;
}

.compact-score-context[b-1twilr2pz8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-bottom: 0.22rem;
}

.compact-score-preview[b-1twilr2pz8] {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    color: #ddecfb;
    font-size: 0.8rem;
    line-height: 1.32;
    max-width: 100%;
}

.score-status-badge[b-1twilr2pz8] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.16rem 0.5rem;
    border-radius: 999px;
    background: rgba(140, 168, 192, 0.18);
    color: #d7ebff;
    font-size: 0.72rem;
    font-weight: 700;
    border: 1px solid rgba(140, 168, 192, 0.25);
}

.score-status-badge-historical[b-1twilr2pz8] {
    background: rgba(75, 153, 214, 0.18);
    border-color: rgba(75, 153, 214, 0.35);
    color: #bfe6ff;
}

.score-status-badge-recent[b-1twilr2pz8] {
    background: rgba(255, 167, 38, 0.16);
    border-color: rgba(255, 167, 38, 0.34);
    color: #ffd79a;
}

.score-status-badge-both[b-1twilr2pz8] {
    background: rgba(53, 208, 132, 0.14);
    border-color: rgba(53, 208, 132, 0.34);
    color: #bdf4d8;
}

.score-status-badge-warning[b-1twilr2pz8] {
    background: rgba(255, 99, 71, 0.16);
    border-color: rgba(255, 99, 71, 0.34);
    color: #ffb3a6;
}

.score-status-badge-caution[b-1twilr2pz8] {
    background: rgba(231, 200, 84, 0.18);
    border-color: rgba(231, 200, 84, 0.34);
    color: #ffeaa1;
}

.score-status-badge-critical[b-1twilr2pz8] {
    background: rgba(222, 86, 86, 0.2);
    border-color: rgba(222, 86, 86, 0.38);
    color: #ffd2d2;
}

.score-cell-primary[b-1twilr2pz8] {
    font-weight: 800;
    color: #f4fbff;
}

.score-cell-secondary[b-1twilr2pz8] {
    color: #97b5ca;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.score-summary-strip[b-1twilr2pz8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    flex-wrap: wrap;
    border: 1px solid rgba(120, 160, 194, 0.2);
    border-radius: 12px;
    padding: 0.5rem 0.7rem;
    background: linear-gradient(180deg, rgba(19, 35, 51, 0.95) 0%, rgba(12, 23, 35, 0.92) 100%);
}

.score-summary-primary[b-1twilr2pz8] {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
}

.score-summary-primary span[b-1twilr2pz8] {
    color: #91b1c8;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 700;
}

.score-summary-primary strong[b-1twilr2pz8] {
    color: #f0f8ff;
    font-size: 1.58rem;
    line-height: 1;
}

.score-summary-primary-meta[b-1twilr2pz8] {
    display: flex;
    flex-direction: column;
    gap: 0.04rem;
    padding-top: 0.12rem;
    border-top: 1px solid rgba(120, 160, 194, 0.18);
}

.score-summary-primary-meta span[b-1twilr2pz8] {
    color: #8eafc8;
    font-size: 0.66rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-weight: 700;
}

.score-summary-primary-meta strong[b-1twilr2pz8] {
    color: #f0f8ff;
    font-size: 0.98rem;
    line-height: 1.15;
    font-weight: 800;
}

.score-summary-secondary[b-1twilr2pz8] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.score-summary-secondary span[b-1twilr2pz8] {
    color: #9ab8ce;
    font-size: 0.82rem;
    white-space: nowrap;
}

.score-summary-secondary strong[b-1twilr2pz8] {
    color: #f0f8ff;
    font-size: 0.95rem;
}

.compare-insights-strip[b-1twilr2pz8] {
    display: grid;
    gap: 0.4rem;
}

.novelty-insight-panel[b-1twilr2pz8] {
    border: 1px solid rgba(255, 167, 38, 0.3);
    border-radius: 12px;
    padding: 0.45rem 0.65rem;
    background: linear-gradient(180deg, rgba(53, 39, 18, 0.72) 0%, rgba(24, 18, 10, 0.88) 100%);
}

.embedded-line-weight[b-1twilr2pz8] {
    display: inline;
    border-radius: 4px;
    transition: color 120ms ease, background-color 120ms ease;
}

.embedded-line-weight-down[b-1twilr2pz8] {
    color: #9db0c0;
    background: rgba(126, 146, 163, 0.08);
}

.embedded-line-weight-up[b-1twilr2pz8] {
    color: #fff0c9;
    background: rgba(255, 191, 71, 0.08);
}

.feedback-line-weight-list[b-1twilr2pz8],
.feedback-line-weight-pending[b-1twilr2pz8] {
    display: grid;
    gap: 0.45rem;
}

.feedback-line-weight-row[b-1twilr2pz8],
.feedback-line-weight-pending-row[b-1twilr2pz8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.7rem;
    padding: 0.45rem 0.55rem;
    border-radius: 10px;
    border: 1px solid rgba(122, 160, 191, 0.16);
    background: rgba(17, 29, 41, 0.74);
}

.feedback-line-weight-copy[b-1twilr2pz8] {
    display: flex;
    align-items: stretch;
    flex: 1;
}

.feedback-line-weight-line[b-1twilr2pz8] {
    white-space: pre-wrap;
    word-break: break-word;
}

.feedback-line-weight-copy .embedded-line-weight[b-1twilr2pz8],
.feedback-line-weight-pending-copy[b-1twilr2pz8] {
    display: grid;
    gap: 0.2rem;
    width: 100%;
    padding: 0.15rem 0;
}

.feedback-line-weight-pending-copy[b-1twilr2pz8] {
    align-items: start;
}

.feedback-line-weight-copy .embedded-line-weight[b-1twilr2pz8] {
    padding: 0.35rem 0.45rem;
}

.feedback-line-weight-pending-copy .feedback-line-weight-line[b-1twilr2pz8] {
    color: #edf6ff;
    white-space: pre-wrap;
    word-break: break-word;
    line-height: 1.45;
}

.feedback-line-weight-actions[b-1twilr2pz8],
.feedback-line-weight-inputs[b-1twilr2pz8] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-shrink: 0;
}

.feedback-line-weight-multiplier[b-1twilr2pz8] {
    width: 6rem;
}

.novelty-insight-header[b-1twilr2pz8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.novelty-insight-copy[b-1twilr2pz8] {
    display: flex;
    flex-direction: column;
    gap: 0.14rem;
}

.novelty-insight-copy strong[b-1twilr2pz8] {
    color: #ffe1b4;
    font-size: 0.84rem;
    line-height: 1.2;
}

.novelty-insight-text[b-1twilr2pz8] {
    color: #d8b98c;
    font-size: 0.77rem;
    line-height: 1.35;
    max-width: 48rem;
}

.score-state-strip[b-1twilr2pz8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.confidence-panel[b-1twilr2pz8] {
    border: 1px solid rgba(120, 160, 194, 0.24);
    border-radius: 12px;
    padding: 0.4rem 0.6rem;
    background: rgba(11, 23, 35, 0.78);
}

.confidence-panel.is-stable[b-1twilr2pz8] {
    border-color: rgba(53, 208, 132, 0.3);
    background: linear-gradient(180deg, rgba(18, 42, 33, 0.72) 0%, rgba(10, 24, 20, 0.88) 100%);
}

.confidence-panel.is-warning[b-1twilr2pz8] {
    border-color: rgba(255, 167, 38, 0.32);
    background: linear-gradient(180deg, rgba(53, 39, 18, 0.78) 0%, rgba(24, 18, 10, 0.9) 100%);
}

.confidence-panel.is-balanced[b-1twilr2pz8] {
    border-color: rgba(75, 153, 214, 0.3);
    background: linear-gradient(180deg, rgba(18, 39, 58, 0.78) 0%, rgba(10, 20, 30, 0.9) 100%);
}

.confidence-panel.is-caution[b-1twilr2pz8] {
    border-color: rgba(231, 200, 84, 0.3);
    background: linear-gradient(180deg, rgba(54, 49, 19, 0.78) 0%, rgba(24, 22, 10, 0.9) 100%);
}

.confidence-panel.is-critical[b-1twilr2pz8] {
    border-color: rgba(255, 99, 71, 0.34);
    background: linear-gradient(180deg, rgba(54, 24, 18, 0.8) 0%, rgba(25, 12, 10, 0.92) 100%);
}

.confidence-panel-header[b-1twilr2pz8] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.65rem;
    flex-wrap: wrap;
    margin-bottom: 0.3rem;
}

.confidence-panel-header-copy[b-1twilr2pz8] {
    display: flex;
    flex-direction: column;
    gap: 0.16rem;
    min-width: 0;
}

.confidence-panel-title-row[b-1twilr2pz8] {
    display: flex;
    align-items: baseline;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.confidence-panel-header-copy strong[b-1twilr2pz8] {
    color: #eef7ff;
    font-size: 0.8rem;
    letter-spacing: 0.03em;
}

.confidence-panel-verdict[b-1twilr2pz8] {
    color: #f2fbff;
    font-size: 0.95rem;
    font-weight: 800;
    line-height: 1.1;
}

.confidence-panel-reason[b-1twilr2pz8] {
    color: #d8e9f7;
    font-size: 0.78rem;
    line-height: 1.35;
}

.confidence-panel-header-badges[b-1twilr2pz8] {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.confidence-panel-metrics[b-1twilr2pz8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.confidence-panel-message[b-1twilr2pz8] {
    margin-top: 0.24rem;
    color: #d7e8f6;
    font-size: 0.75rem;
    line-height: 1.4;
}

.confidence-panel-details[b-1twilr2pz8] {
    margin-top: 0.35rem;
    padding-top: 0.35rem;
    border-top: 1px solid rgba(120, 160, 194, 0.18);
}

.confidence-panel-details summary[b-1twilr2pz8] {
    color: #9fc0d8;
    font-size: 0.74rem;
    font-weight: 700;
    cursor: pointer;
    list-style: none;
}

.confidence-panel-details summary[b-1twilr2pz8]::-webkit-details-marker {
    display: none;
}

.confidence-panel-details summary[b-1twilr2pz8]::before {
    content: "+";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    margin-right: 0.35rem;
    border-radius: 999px;
    background: rgba(132, 164, 188, 0.16);
    color: #dcedfb;
    font-size: 0.75rem;
    font-weight: 800;
    line-height: 1;
}

.confidence-panel-details[open] summary[b-1twilr2pz8]::before {
    content: "-";
}

.confidence-panel-details .confidence-panel-metrics[b-1twilr2pz8] {
    margin-top: 0.45rem;
}

.confidence-panel-definition[b-1twilr2pz8] {
    margin-top: 0.3rem;
    color: #91adc3;
    font-size: 0.71rem;
    line-height: 1.3;
}

.confidence-metric-card[b-1twilr2pz8] {
    display: none;
}

.confidence-metric-card span[b-1twilr2pz8] {
    color: #9ab6cc;
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 700;
}

.confidence-metric-card strong[b-1twilr2pz8] {
    color: #f0f8ff;
    font-size: 1.25rem;
    line-height: 1;
}

.confidence-metric-card small[b-1twilr2pz8] {
    color: #bed3e5;
    line-height: 1.35;
}

.algorithm-breakdown[b-1twilr2pz8] {
    display: block;
}

.algorithm-breakdown-card[b-1twilr2pz8] {
    border: 1px solid rgba(123, 158, 188, 0.24);
    border-radius: 12px;
    padding: 0.35rem 0.55rem;
    background: rgba(11, 23, 35, 0.78);
}

.algorithm-breakdown-inline[b-1twilr2pz8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.algorithm-breakdown-inline span[b-1twilr2pz8] {
    color: #98b5ca;
    font-size: 0.78rem;
}

.algorithm-breakdown-inline strong[b-1twilr2pz8] {
    color: #f2f8ff;
    font-size: 0.86rem;
}

.compare-content-row[b-1twilr2pz8] {
    align-items: stretch;
}

.compare-column[b-1twilr2pz8] {
    display: flex;
    flex-direction: column;
}

.compare-column-header[b-1twilr2pz8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.8rem;
    margin-bottom: 0.45rem;
    padding: 0.15rem 0.1rem;
    min-height: 7.25rem;
}

.compare-column-heading[b-1twilr2pz8] {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    flex-direction: column;
    gap: 0.3rem;
}

.compare-column-kicker[b-1twilr2pz8] {
    color: #8eabc1;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.compare-column-title[b-1twilr2pz8] {
    color: #eef8ff;
    font-size: 0.98rem;
    line-height: 1.2;
}

.compare-column-actions[b-1twilr2pz8] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: nowrap;
}

.compare-column-meta[b-1twilr2pz8] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.compare-column-note[b-1twilr2pz8] {
    min-height: 2.4rem;
    color: #98b5ca;
    font-size: 0.77rem;
    line-height: 1.35;
}

.compare-column .score-metadata[b-1twilr2pz8] {
    min-height: 2.8rem;
    align-content: flex-start;
}

.score-debug-strip[b-1twilr2pz8] {
    color: #86a5bc;
    font-size: 0.76rem;
    line-height: 1.35;
    padding: 0 0.15rem;
}

@media (max-width: 991.98px) {
    .compact-review-console[b-1twilr2pz8] {
        padding: 0.55rem;
    }

    .compact-review-console-row[b-1twilr2pz8],
    .compact-review-console-row-secondary[b-1twilr2pz8] {
        align-items: stretch;
    }

    .compact-nav-group[b-1twilr2pz8],
    .compact-nav-group-actions[b-1twilr2pz8],
    .compact-console-summary[b-1twilr2pz8],
    .dashboard-like-controls[b-1twilr2pz8] {
        width: 100%;
        justify-content: flex-start;
        margin-left: 0;
    }

    .selection-overlay[b-1twilr2pz8] {
        padding: 0.45rem;
        align-items: flex-end;
    }

    .selection-dialog[b-1twilr2pz8],
    .selection-dialog-wide[b-1twilr2pz8] {
        width: 100%;
        max-height: 92vh;
        border-radius: 16px 16px 0 0;
    }

    .selection-list-item[b-1twilr2pz8] {
        flex-direction: column;
        align-items: flex-start;
    }

    .selection-list-meta[b-1twilr2pz8] {
        text-align: left;
    }

    .confidence-filter-grid[b-1twilr2pz8] {
        grid-template-columns: 1fr;
    }

    .sticky-review-toolbar-context[b-1twilr2pz8] {
        width: 100%;
    }

    .focus-nav-block[b-1twilr2pz8] {
        width: 100%;
    }

    .focus-nav-inline[b-1twilr2pz8] {
        width: 100%;
    }

    .focus-nav-chip[b-1twilr2pz8] {
        flex: 1 1 auto;
        text-align: center;
    }

    .score-summary-strip[b-1twilr2pz8] {
        align-items: flex-start;
    }

    .score-summary-secondary[b-1twilr2pz8] {
        width: 100%;
    }

    .sticky-review-toolbar[b-1twilr2pz8] {
        top: 0;
    }

    .score-preview-frame[b-1twilr2pz8] {
        max-height: 46vh;
    }

    .compare-column-header[b-1twilr2pz8] {
        flex-wrap: wrap;
        align-items: flex-start;
        min-height: 0;
    }

    .compare-column-actions[b-1twilr2pz8] {
        width: 100%;
        justify-content: flex-start;
    }

    .compare-column-note[b-1twilr2pz8] {
        min-height: 0;
    }
}

.anomalies-group-actions .btn[b-1twilr2pz8] {
    min-width: 7.7rem;
    border-width: 1px;
    box-shadow: 0 2px 0 rgba(6, 14, 24, 0.45);
    white-space: nowrap;
}

.anomalies-group-actions .btn:hover:not(:disabled)[b-1twilr2pz8] {
    filter: brightness(1.06);
}

.scores-master-scroll[b-1twilr2pz8] {
    max-height: 72vh;
}

.scores-master-scroll table td[b-1twilr2pz8],
.scores-master-scroll table th[b-1twilr2pz8] {
    vertical-align: top;
}

.score-metadata[b-1twilr2pz8] {
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.score-preview-frame[b-1twilr2pz8] {
    max-height: min(62vh, 900px);
    overflow: auto;
    padding-right: 0.2rem;
    border-top: 1px solid rgba(76, 112, 145, 0.22);
    flex: 1 1 auto;
}

.score-preview-frame pre[b-1twilr2pz8] {
    margin-bottom: 0;
    min-height: 10rem;
}

.typical-scope-chip[b-1twilr2pz8] {
    font-weight: 700;
}

.typical-scope-chip-local[b-1twilr2pz8] {
    background: #4caf73 !important;
    color: #04130a !important;
}

.typical-scope-chip-global[b-1twilr2pz8] {
    background: #e19b44 !important;
    color: #251606 !important;
}

.programs-card[b-1twilr2pz8] {
    border: 1px solid #2e445d;
    background: #101b29;
    border-radius: 10px;
    padding: 0.45rem;
}

.programs-label[b-1twilr2pz8] {
    margin-bottom: 0.25rem;
}

.programs-scroll[b-1twilr2pz8] {
    max-height: 56vh;
}

.anomalies-threshold-range[b-1twilr2pz8] {
    --range-progress: #77d96a;
    --range-mid: #e7c854;
    --range-high: #e46868;
}

.anomalies-threshold-range[b-1twilr2pz8]::-webkit-slider-runnable-track {
    height: 0.44rem;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--range-progress) 0%, var(--range-mid) 50%, var(--range-high) 100%);
}

.anomalies-threshold-range[b-1twilr2pz8]::-webkit-slider-thumb {
    -webkit-appearance: none;
    margin-top: -0.3rem;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    border: 1px solid #def3ff;
    background: #dff5ff;
    box-shadow: 0 0 0 2px rgba(5, 17, 27, 0.75);
}

.anomalies-threshold-range[b-1twilr2pz8]::-moz-range-track {
    height: 0.44rem;
    border-radius: 999px;
    border: 0;
    background: linear-gradient(90deg, var(--range-progress) 0%, var(--range-mid) 50%, var(--range-high) 100%);
}

.anomalies-threshold-range[b-1twilr2pz8]::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    border: 1px solid #def3ff;
    background: #dff5ff;
    box-shadow: 0 0 0 2px rgba(5, 17, 27, 0.75);
}

.slider-meta-row[b-1twilr2pz8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.2rem;
}

.slider-scale[b-1twilr2pz8] {
    display: flex;
    justify-content: space-between;
    margin-top: 0.25rem;
    color: #a7bfd6;
    font-size: 0.78rem;
    letter-spacing: 0.02em;
}

.confidence-filter-section[b-1twilr2pz8] {
    margin-top: 0.25rem;
    border: 1px solid rgba(120, 160, 194, 0.18);
    border-radius: 14px;
    padding: 0.75rem;
    background: linear-gradient(180deg, rgba(15, 28, 42, 0.96) 0%, rgba(10, 19, 30, 0.98) 100%);
    box-shadow: inset 0 0 0 1px rgba(120, 160, 194, 0.06);
}

.confidence-filter-header[b-1twilr2pz8] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 0.6rem;
}

.confidence-filter-presets[b-1twilr2pz8] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.confidence-filter-preset[b-1twilr2pz8] {
    border: 1px solid rgba(125, 156, 180, 0.24);
    border-radius: 999px;
    background: rgba(12, 22, 33, 0.86);
    color: #d7ebff;
    font-size: 0.76rem;
    font-weight: 800;
    padding: 0.38rem 0.78rem;
    transition: border-color 120ms ease, background 120ms ease, transform 120ms ease;
}

.confidence-filter-preset:hover[b-1twilr2pz8] {
    border-color: var(--mode-accent-border);
    background: rgba(17, 31, 46, 0.94);
    transform: translateY(-1px);
}

.confidence-filter-preset.is-active[b-1twilr2pz8] {
    border-color: var(--mode-accent-border);
    background: linear-gradient(180deg, color-mix(in srgb, var(--mode-accent-soft-strong) 62%, rgba(40, 83, 112, 0.44)) 0%, rgba(14, 30, 45, 0.94) 100%);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mode-accent-border) 24%, transparent);
}

.confidence-filter-grid[b-1twilr2pz8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
}

.confidence-filter-chip[b-1twilr2pz8] {
    width: 100%;
    border: 1px solid rgba(122, 157, 184, 0.16);
    border-radius: 12px;
    background: rgba(10, 19, 29, 0.82);
    color: #e3f1fe;
    padding: 0.62rem 0.68rem;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 0.42rem;
    min-height: 5rem;
    cursor: pointer;
    transition: border-color 120ms ease, background 120ms ease, transform 120ms ease, opacity 120ms ease;
}

.confidence-filter-chip:hover[b-1twilr2pz8] {
    transform: translateY(-1px);
}

.confidence-filter-chip.is-selected[b-1twilr2pz8] {
    box-shadow: inset 0 0 0 1px rgba(226, 241, 255, 0.05);
}

.confidence-filter-chip:not(.is-selected)[b-1twilr2pz8] {
    opacity: 0.72;
}

.confidence-filter-chip.is-empty[b-1twilr2pz8] {
    opacity: 0.6;
}

.confidence-filter-chip.tone-stable[b-1twilr2pz8] {
    border-color: rgba(53, 208, 132, 0.24);
    background: linear-gradient(180deg, rgba(19, 44, 34, 0.74) 0%, rgba(10, 23, 19, 0.9) 100%);
}

.confidence-filter-chip.tone-balanced[b-1twilr2pz8] {
    border-color: rgba(75, 153, 214, 0.24);
    background: linear-gradient(180deg, rgba(18, 38, 56, 0.78) 0%, rgba(10, 20, 30, 0.92) 100%);
}

.confidence-filter-chip.tone-caution[b-1twilr2pz8] {
    border-color: rgba(231, 200, 84, 0.24);
    background: linear-gradient(180deg, rgba(54, 49, 19, 0.78) 0%, rgba(24, 22, 10, 0.92) 100%);
}

.confidence-filter-chip.tone-warning[b-1twilr2pz8] {
    border-color: rgba(255, 167, 38, 0.24);
    background: linear-gradient(180deg, rgba(53, 39, 18, 0.78) 0%, rgba(24, 18, 10, 0.92) 100%);
}

.confidence-filter-chip.tone-critical[b-1twilr2pz8] {
    border-color: rgba(255, 99, 71, 0.24);
    background: linear-gradient(180deg, rgba(54, 24, 18, 0.78) 0%, rgba(25, 12, 10, 0.92) 100%);
}

.confidence-filter-chip-top[b-1twilr2pz8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
}

.confidence-filter-chip-badge[b-1twilr2pz8] {
    max-width: fit-content;
}

.confidence-filter-chip-count[b-1twilr2pz8] {
    color: #f3faff;
    font-size: 1.1rem;
    font-weight: 800;
    line-height: 1;
}

.confidence-filter-chip-range[b-1twilr2pz8] {
    color: #9fc0d8;
    font-size: 0.76rem;
    line-height: 1.35;
}

.confidence-filter-summary-row[b-1twilr2pz8] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
    margin-top: 0.65rem;
}

.confidence-filter-footnote[b-1twilr2pz8] {
    margin-top: 0.35rem;
    color: #92aec4;
    font-size: 0.73rem;
    line-height: 1.35;
}

.command-group-row td[b-1twilr2pz8] {
    background: linear-gradient(90deg, rgba(18, 31, 45, 0.96), rgba(23, 39, 57, 0.88)) !important;
    color: #c8ddf2;
    border-top: 1px solid color-mix(in srgb, var(--mode-accent-border) 55%, #37516d);
    border-bottom: 1px solid color-mix(in srgb, var(--mode-accent-border) 35%, #2a425c);
    font-size: 0.82rem;
    letter-spacing: 0.02em;
    padding-left: 1.2rem;
}

.program-group-row td[b-1twilr2pz8] {
    background: linear-gradient(90deg, color-mix(in srgb, var(--mode-accent-soft) 42%, rgba(37, 62, 85, 0.96)), rgba(29, 50, 70, 0.96)) !important;
    color: #ecf7ff;
    border-top: 1px solid color-mix(in srgb, var(--mode-accent-border) 62%, #527596);
    border-bottom: 1px solid color-mix(in srgb, var(--mode-accent-border) 48%, #3e607d);
    font-size: 0.86rem;
    box-shadow: inset 4px 0 0 color-mix(in srgb, var(--mode-accent-strong) 78%, #ccecff);
}

.group-row-click[b-1twilr2pz8] {
    cursor: pointer;
}

.program-group-row.group-row-click:hover td[b-1twilr2pz8] {
    background: color-mix(in srgb, var(--mode-accent-soft-strong) 42%, rgba(37, 62, 85, 0.96)) !important;
}

.command-group-row.group-row-click:hover td[b-1twilr2pz8] {
    background: linear-gradient(90deg, rgba(24, 40, 58, 0.98), rgba(31, 51, 73, 0.94)) !important;
}

.program-group-count[b-1twilr2pz8] {
    color: color-mix(in srgb, var(--mode-accent-strong) 72%, #a7cee9);
    font-weight: 700;
}

.group-meta-cell[b-1twilr2pz8] {
    color: color-mix(in srgb, var(--mode-accent-strong) 72%, #a7cee9) !important;
    font-weight: 700;
    white-space: nowrap;
}

.command-group-toggle[b-1twilr2pz8] {
    border: 1px solid var(--mode-accent-border);
    border-radius: 6px;
    background: color-mix(in srgb, var(--mode-accent-soft) 28%, rgba(18, 34, 50, 0.85));
    color: #d7ebff;
    font-weight: 700;
    line-height: 1;
    width: 1.45rem;
    height: 1.45rem;
    margin-right: 0.38rem;
    padding: 0;
}

.group-row-click:hover .command-group-toggle[b-1twilr2pz8] {
    border-color: color-mix(in srgb, var(--mode-accent-border) 88%, white);
    background: color-mix(in srgb, var(--mode-accent-soft-strong) 38%, rgba(18, 34, 50, 0.92));
}

.group-row-shell[b-1twilr2pz8] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.group-row-shell-command[b-1twilr2pz8] {
    padding-left: 0.15rem;
}

.group-row-title[b-1twilr2pz8] {
    letter-spacing: 0.01em;
}

.group-kind-chip[b-1twilr2pz8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 4.6rem;
    padding: 0.16rem 0.5rem;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    border: 1px solid transparent;
}

.group-kind-chip-program[b-1twilr2pz8] {
    background: color-mix(in srgb, var(--mode-accent-strong) 28%, rgba(233, 247, 255, 0.16));
    color: #eef8ff;
    border-color: color-mix(in srgb, var(--mode-accent-border) 82%, #d8f0ff);
}

.group-kind-chip-command[b-1twilr2pz8] {
    background: rgba(112, 154, 190, 0.16);
    color: #d9ecfb;
    border-color: rgba(146, 182, 212, 0.34);
}

.command-group-count[b-1twilr2pz8] {
    text-align: left;
    font-weight: 700;
}

.score-command-text[b-1twilr2pz8] {
    max-width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    font-size: 0.82rem;
}

.score-time-cell[b-1twilr2pz8] {
    white-space: nowrap;
    font-size: 0.76rem;
    color: #9eb9d0;
}

.score-path-cell[b-1twilr2pz8] {
    max-width: 220px;
    font-size: 0.73rem;
    color: #9fb8ce;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.score-path-cell details > summary[b-1twilr2pz8] {
    cursor: pointer;
    color: #b9d4ea;
    font-size: 0.76rem;
}

.selected-group-card[b-1twilr2pz8] {
    border: 1px solid #2f4a66;
    background: rgba(13, 27, 42, 0.85);
    border-radius: 10px;
    padding: 0.55rem;
}

.selected-group-summary[b-1twilr2pz8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    cursor: pointer;
    list-style: none;
}

.selected-group-summary[b-1twilr2pz8]::-webkit-details-marker {
    display: none;
}

.selected-group-scroll[b-1twilr2pz8] {
    max-height: 10.5rem;
}

.command-highlight[b-1twilr2pz8] {
    background: rgba(240, 90, 90, 0.35) !important;
    color: #ffdede !important;
    border-radius: 4px;
    padding: 0 0.1rem;
}

.feedback-card[b-1twilr2pz8] {
    border: 1px solid #2f4a66;
    background: rgba(13, 27, 42, 0.85);
    border-radius: 10px;
    padding: 0.55rem;
}

.feedback-quick-row[b-1twilr2pz8] {
    display: flex;
    gap: 0.4rem;
    align-items: center;
    flex-wrap: wrap;
}

.feedback-scope-select[b-1twilr2pz8] {
    width: min(360px, 100%);
}

.feedback-panel[b-1twilr2pz8] {
    border-top: 1px solid #2f4a66;
    padding-top: 0.55rem;
}

.feedback-dialog-overlay[b-1twilr2pz8] {
    position: fixed;
    inset: 0;
    z-index: 1450;
    background: rgba(4, 10, 16, 0.62);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.feedback-dialog[b-1twilr2pz8] {
    width: min(980px, 100%);
    max-height: calc(100vh - 2rem);
    overflow: auto;
    border: 1px solid #3a5671;
    background: #0f1b29;
    border-radius: 12px;
    padding: 0.7rem;
}

.feedback-dialog-header[b-1twilr2pz8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.65rem;
}

.feedback-mode-row[b-1twilr2pz8] {
    display: flex;
    gap: 0.4rem;
    align-items: center;
    flex-wrap: wrap;
}

.feedback-reason-grid[b-1twilr2pz8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.35rem;
}

.feedback-check[b-1twilr2pz8] {
    display: flex;
    gap: 0.35rem;
    align-items: center;
    font-size: 0.82rem;
}

.feedback-slider-row[b-1twilr2pz8] {
    display: grid;
    grid-template-columns: 130px 1fr 48px;
    gap: 0.45rem;
    align-items: center;
    margin-bottom: 0.2rem;
    font-size: 0.82rem;
}

.feedback-selection-source[b-1twilr2pz8] {
    min-height: 5.8rem;
    max-height: 9.5rem;
    overflow: auto;
    background: #0b1825;
    color: #d8ebff;
}

.feedback-span-list[b-1twilr2pz8] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    max-height: 8rem;
    overflow: auto;
}

.feedback-span[b-1twilr2pz8] {
    display: flex;
    justify-content: space-between;
    gap: 0.45rem;
    align-items: center;
    border-radius: 6px;
    padding: 0.2rem 0.35rem;
    font-size: 0.78rem;
}

.feedback-span-relevant[b-1twilr2pz8] {
    background: rgba(47, 167, 82, 0.25);
    border: 1px solid rgba(76, 217, 120, 0.35);
}

.feedback-span-noisy[b-1twilr2pz8] {
    background: rgba(193, 122, 39, 0.25);
    border: 1px solid rgba(240, 158, 80, 0.35);
}

@media (max-width: 1200px) {
    .scores-master-scroll[b-1twilr2pz8] {
        max-height: 42vh;
    }

    .feedback-reason-grid[b-1twilr2pz8] {
        grid-template-columns: 1fr;
    }

    .program-current-badge[b-1twilr2pz8] {
        font-size: 0.95rem;
    }

    .score-path-cell[b-1twilr2pz8] {
        max-width: 140px;
    }

    .review-lane-grid[b-1twilr2pz8] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .queue-card-head[b-1twilr2pz8] {
        align-items: stretch;
    }

    .slider-meta-row[b-1twilr2pz8] {
        flex-direction: column;
        align-items: flex-start;
    }

    .confidence-filter-header[b-1twilr2pz8],
    .confidence-filter-presets[b-1twilr2pz8] {
        align-items: stretch;
        justify-content: flex-start;
    }

    .confidence-filter-preset[b-1twilr2pz8] {
        width: 100%;
        text-align: center;
    }
}
/* _content/LogExplorer.Web/Components/Modules/Operations/Pages/BuildReviewPage.razor.rz.scp.css */
.toolbar-row[b-x4umzft7l2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.build-select[b-x4umzft7l2] {
    width: auto;
    min-width: 22rem;
    max-width: 100%;
}

.build-review-header[b-x4umzft7l2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.build-review-section h5[b-x4umzft7l2] {
    margin-bottom: 0.5rem;
}

.build-review-table th[b-x4umzft7l2],
.build-review-table td[b-x4umzft7l2] {
    vertical-align: middle;
}

.pattern-preview[b-x4umzft7l2] {
    display: inline-block;
    max-width: 36rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sparkline-cell[b-x4umzft7l2] {
    min-width: 96px;
    width: 96px;
}

.build-sparkline[b-x4umzft7l2] {
    width: 80px;
    height: 24px;
    display: block;
    color: #6c757d;
}

.build-sparkline-brand-new[b-x4umzft7l2] {
    color: #dc3545;
}

.build-sparkline-rising[b-x4umzft7l2] {
    color: #fd7e14;
}
/* _content/LogExplorer.Web/Components/Modules/Operations/Pages/ModelHealthPage.razor.rz.scp.css */
.toolbar-row[b-0x6htz2z2w] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.health-interval[b-0x6htz2z2w] {
    width: auto;
}

.model-health-section[b-0x6htz2z2w] {
    margin-bottom: 1rem;
}

.model-health-header-row[b-0x6htz2z2w] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.model-health-table th[b-0x6htz2z2w],
.model-health-table td[b-0x6htz2z2w] {
    vertical-align: middle;
    white-space: nowrap;
}

.model-health-sparkline-cell[b-0x6htz2z2w] {
    min-width: 120px;
    width: 120px;
}

.model-health-sparkline[b-0x6htz2z2w] {
    width: 100px;
    height: 30px;
    display: block;
    color: #6c757d;
}

.model-health-sparkline-ok[b-0x6htz2z2w] {
    color: #198754;
}

.model-health-sparkline-drift[b-0x6htz2z2w] {
    color: #dc3545;
}

.model-health-sparkline-unknown[b-0x6htz2z2w] {
    color: #6c757d;
}
/* _content/LogExplorer.Web/Components/Modules/Operations/Pages/RunsPage.razor.rz.scp.css */
.runs-page-shell[b-egz9mh0ulf] {
    padding-bottom: 8.5rem;
}

.runs-filter-bar[b-egz9mh0ulf] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 0.85rem 1rem;
    padding: 0.9rem 1rem;
    border: 1px solid rgba(74, 105, 132, 0.42);
    border-radius: 0.9rem;
    background:
        linear-gradient(180deg, rgba(16, 27, 40, 0.92) 0%, rgba(14, 23, 35, 0.88) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.runs-filter-group[b-egz9mh0ulf] {
    min-width: 160px;
}

.runs-filter-group .form-label[b-egz9mh0ulf] {
    color: #c4d8ea;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.runs-filter-group .form-select[b-egz9mh0ulf],
.runs-pagination-inner .form-select[b-egz9mh0ulf] {
    border-color: rgba(88, 118, 146, 0.42);
    background-color: rgba(11, 20, 30, 0.92);
    color: #edf5fc;
}

.runs-filter-summary[b-egz9mh0ulf] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    margin-left: auto;
    padding-left: 0.25rem;
}

.runs-filter-summary .small[b-egz9mh0ulf] {
    color: #9ebbd4 !important;
}

.runs-table[b-egz9mh0ulf] {
    border-collapse: separate;
    border-spacing: 0 0.45rem;
}

.runs-table thead th[b-egz9mh0ulf] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: rgba(10, 18, 28, 0.96);
    backdrop-filter: blur(8px);
    border-bottom-color: rgba(87, 117, 144, 0.55);
}

.runs-table tbody td[b-egz9mh0ulf] {
    padding: 0.48rem 0.65rem;
}

.runs-page-shell .card[b-egz9mh0ulf],
.runs-page-shell .alert[b-egz9mh0ulf],
.runs-page-shell .table[b-egz9mh0ulf],
.runs-page-shell .progress[b-egz9mh0ulf] {
    border-color: rgba(63, 87, 112, 0.55) !important;
}

.runs-page-shell .card[b-egz9mh0ulf] {
    background:
        radial-gradient(circle at top left, rgba(86, 130, 170, 0.08), transparent 30%),
        linear-gradient(180deg, rgba(20, 33, 50, 0.95) 0%, rgba(15, 26, 39, 0.94) 100%);
    box-shadow: 0 12px 22px rgba(3, 10, 19, 0.28), inset 0 0 0 1px rgba(85, 119, 154, 0.18);
}

.runs-page-shell .progress[b-egz9mh0ulf] {
    background: rgba(12, 21, 32, 0.92);
}

.runs-rollout-banner[b-egz9mh0ulf] {
    margin-bottom: 0.75rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid rgba(221, 176, 83, 0.52);
    border-radius: 0.5rem;
    background:
        linear-gradient(180deg, rgba(255, 242, 204, 0.9) 0%, rgba(248, 228, 171, 0.96) 100%);
    color: #2b1f00;
    font-weight: 600;
}

.analysis-mode-hint[b-egz9mh0ulf] {
    padding: 0.85rem 0.95rem;
    border: 1px solid rgba(87, 121, 153, 0.34);
    border-radius: 0.75rem;
    background:
        linear-gradient(180deg, rgba(14, 24, 36, 0.92) 0%, rgba(17, 31, 47, 0.88) 100%);
    color: #d6e7f6;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.analysis-mode-hint strong[b-egz9mh0ulf] {
    color: #eef6ff;
}

.analysis-mode-hint .small[b-egz9mh0ulf] {
    color: #b8cee2;
    line-height: 1.45;
}

.ux-help-icon[b-egz9mh0ulf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.15rem;
    height: 1.15rem;
    border: 1px solid rgba(138, 181, 216, 0.42);
    border-radius: 999px;
    background: rgba(25, 48, 69, 0.88);
    color: #d8ebfb;
    font-size: 0.74rem;
    font-weight: 700;
    line-height: 1;
    cursor: help;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.ux-help-icon:hover[b-egz9mh0ulf],
.ux-help-icon:focus-visible[b-egz9mh0ulf] {
    border-color: rgba(184, 224, 255, 0.72);
    background: rgba(36, 67, 94, 0.96);
    color: #f4fbff;
    outline: none;
}

.runs-table .task-row td[b-egz9mh0ulf] {
    vertical-align: middle;
    border-top: 1px solid rgba(88, 112, 134, 0.24);
    border-bottom: 1px solid rgba(88, 112, 134, 0.24);
    background: rgba(18, 27, 38, 0.82);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.018);
    transition: background-color 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
}

.runs-table .task-row td:first-child[b-egz9mh0ulf] {
    border-left: 1px solid rgba(88, 112, 134, 0.24);
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.runs-table .task-row td:last-child[b-egz9mh0ulf] {
    border-right: 1px solid rgba(88, 112, 134, 0.24);
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.runs-table .badge[b-egz9mh0ulf] {
    display: inline-flex;
    align-items: center;
    gap: 0.22rem;
    padding: 0.24rem 0.52rem;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 999px;
    box-shadow: none;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.03em;
}

.task-summary-tile[b-egz9mh0ulf],
.task-status-tile[b-egz9mh0ulf] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.24rem;
    min-height: 4.8rem;
    padding: 0.08rem 0;
}

.task-summary-badges[b-egz9mh0ulf],
.task-status-badges[b-egz9mh0ulf] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.28rem;
}

.task-primary-line[b-egz9mh0ulf] {
    color: #ecf5fc;
    font-size: 0.84rem;
    line-height: 1.22;
}

.task-primary-line .text-secondary[b-egz9mh0ulf] {
    color: #a8bfd1 !important;
}

.task-status-head[b-egz9mh0ulf] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.3rem 0.6rem;
}

.task-outcome-panel[b-egz9mh0ulf] {
    display: flex;
    align-items: center;
    margin-top: 0.12rem;
}

.task-outcome-pill[b-egz9mh0ulf] {
    display: inline-flex;
    align-items: center;
    min-height: 2.35rem;
    width: min(100%, 24rem);
    padding: 0.38rem 0.9rem;
    border: 1px solid rgba(104, 137, 163, 0.16);
    border-radius: 10px;
    background: rgba(27, 38, 50, 0.42);
    color: #e4eef6;
    font-size: 0.83rem;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: 0.01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    box-shadow: none;
}

.task-outcome-pill:hover[b-egz9mh0ulf],
.task-outcome-pill:focus-visible[b-egz9mh0ulf] {
    color: #ffffff;
    border-color: rgba(163, 201, 228, 0.24);
    background: rgba(30, 42, 54, 0.5);
    text-decoration: none;
    outline: none;
}

.task-outcome-panel.analysis-summary .task-outcome-pill[b-egz9mh0ulf] {
    border-color: rgba(93, 176, 214, 0.18);
    background: rgba(24, 42, 55, 0.46);
}

.task-outcome-panel.reindex-summary .task-outcome-pill[b-egz9mh0ulf] {
    border-color: rgba(129, 179, 99, 0.16);
    background: rgba(31, 42, 34, 0.46);
}

.task-outcome-panel.is-muted .task-outcome-pill[b-egz9mh0ulf] {
    border-color: rgba(98, 117, 131, 0.14);
    background: rgba(27, 35, 43, 0.4);
}

.task-outcome-panel.is-muted .task-outcome-pill[b-egz9mh0ulf] {
    color: #8fa2b1;
}

.task-detail-chip[b-egz9mh0ulf] {
    display: inline-flex;
    align-items: center;
    margin: 0 0.28rem 0.28rem 0;
    padding: 0.14rem 0.46rem;
    border: 1px solid rgba(104, 173, 204, 0.22);
    border-radius: 999px;
    background: rgba(27, 53, 70, 0.2);
    color: #d3e7f4;
    font-size: 0.76rem;
    font-weight: 700;
    text-decoration: none;
}

.task-detail-chip:hover[b-egz9mh0ulf],
.task-detail-chip:focus-visible[b-egz9mh0ulf] {
    border-color: rgba(145, 215, 247, 0.34);
    background: rgba(34, 73, 96, 0.34);
    color: #ffffff;
}

.task-details-panel[b-egz9mh0ulf] {
    margin-left: auto;
    align-self: center;
}

.task-details-panel[open][b-egz9mh0ulf] {
    flex: 1 0 100%;
    margin-left: 0;
    align-self: auto;
}

.task-details-toggle[b-egz9mh0ulf] {
    list-style: none;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 1.4rem;
    padding: 0;
    cursor: pointer;
    color: #8faec3;
    font-size: 0.74rem;
    font-weight: 700;
}

.task-details-toggle[b-egz9mh0ulf]::-webkit-details-marker {
    display: none;
}

.task-details-toggle[b-egz9mh0ulf]::before {
    content: "+";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    border-radius: 999px;
    background: rgba(132, 164, 188, 0.14);
    color: #dcedfb;
    font-size: 0.75rem;
    font-weight: 800;
    line-height: 1;
}

.task-details-panel[open] .task-details-toggle[b-egz9mh0ulf]::before {
    content: "-";
}

.task-details-toggle:hover[b-egz9mh0ulf],
.task-details-toggle:focus-visible[b-egz9mh0ulf] {
    color: #dbeaf6;
}

.task-details-body[b-egz9mh0ulf] {
    margin-top: 0.48rem;
    padding-top: 0.48rem;
    border-top: 1px solid rgba(88, 118, 146, 0.16);
}

.runs-table .task-row-dp4 td[b-egz9mh0ulf] {
    border-color: rgba(182, 147, 78, 0.22);
    background: rgba(27, 27, 24, 0.82);
}

.runs-table .task-row-dp5 td[b-egz9mh0ulf] {
    border-color: rgba(92, 162, 181, 0.22);
    background: rgba(18, 28, 33, 0.82);
}

.runs-table .task-row-mixed td[b-egz9mh0ulf] {
    border-color: rgba(132, 140, 149, 0.2);
    background: rgba(24, 27, 31, 0.82);
}

.runs-table .task-row-analysis.task-row-dp4 td[b-egz9mh0ulf] {
    border-color: rgba(196, 165, 95, 0.28);
    background: rgba(31, 29, 24, 0.84);
    box-shadow: inset 0 1px 0 rgba(248, 225, 166, 0.03);
}

.runs-table .task-row-analysis.task-row-dp5 td[b-egz9mh0ulf] {
    border-color: rgba(123, 191, 206, 0.28);
    background: rgba(19, 31, 37, 0.84);
    box-shadow: inset 0 1px 0 rgba(196, 244, 252, 0.03);
}

.runs-table .task-row-analysis.task-row-mixed td[b-egz9mh0ulf] {
    border-color: rgba(156, 164, 171, 0.24);
    background: rgba(27, 29, 33, 0.84);
}

.runs-table .task-row:hover td[b-egz9mh0ulf] {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
    background-color: rgba(21, 31, 42, 0.86);
}

.runs-table .task-row-analysis.task-row-dp4:hover td[b-egz9mh0ulf] {
    background: rgba(34, 31, 24, 0.86);
}

.runs-table .task-row-analysis.task-row-dp5:hover td[b-egz9mh0ulf] {
    background: rgba(20, 34, 40, 0.86);
}

.runs-table .task-row-dp4:hover td[b-egz9mh0ulf] {
    background: rgba(30, 30, 25, 0.84);
}

.runs-table .task-row-dp5:hover td[b-egz9mh0ulf] {
    background: rgba(19, 31, 36, 0.84);
}

.runs-table .task-row-analysis .progress[b-egz9mh0ulf] {
    border-color: color-mix(in srgb, var(--app-border-strong) 60%, white) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
}

.runs-pagination-bar[b-egz9mh0ulf] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1030;
    margin: 0;
    padding: 0.5rem 0.9rem calc(0.5rem + env(safe-area-inset-bottom));
    display: flex;
    justify-content: center;
    pointer-events: none;
    background: rgba(12, 19, 29, 0.94);
    border-top: 1px solid #31455d;
    box-shadow: 0 -7px 18px rgba(2, 8, 15, 0.55);
    backdrop-filter: blur(8px);
}

.runs-pagination-inner[b-egz9mh0ulf] {
    gap: 0.8rem;
    width: min(100%, 1320px);
    pointer-events: auto;
}

.runs-pagination-meta[b-egz9mh0ulf] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.5rem;
    min-width: 0;
    background: rgba(24, 39, 56, 0.9);
    border: 1px solid #3d5876;
    border-radius: 11px;
    padding: 0.35rem 0.62rem;
    box-shadow: inset 0 0 0 1px rgba(83, 128, 169, 0.2);
}

.runs-pagination-meta-label[b-egz9mh0ulf],
.runs-pagination-meta-suffix[b-egz9mh0ulf] {
    color: #aac2db;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.runs-pagination-meta-value[b-egz9mh0ulf] {
    color: #f0fbff;
    font-size: 1.42rem;
    font-weight: 800;
    line-height: 1;
    text-shadow: 0 0 14px rgba(91, 198, 239, 0.28);
}

.runs-pagination-controls[b-egz9mh0ulf] {
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    flex-wrap: wrap;
    justify-content: center;
}

.runs-page-indicator[b-egz9mh0ulf] {
    color: #d6e7f8;
    font-size: 0.84rem;
    font-weight: 700;
    min-width: 8.3rem;
    text-align: center;
}

.runs-pagination-size[b-egz9mh0ulf] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.runs-page-btn[b-egz9mh0ulf] {
    min-width: 1.9rem;
    height: 1.72rem;
    padding: 0;
    line-height: 1;
    font-size: 1.05rem;
}

@media (max-width: 760px) {
    .runs-page-shell .row.g-2.mb-3[b-egz9mh0ulf] {
        --bs-gutter-y: 0.55rem;
    }

    .runs-page-shell[b-egz9mh0ulf] {
        padding-bottom: 9.25rem;
    }

    .runs-filter-bar[b-egz9mh0ulf] {
        gap: 0.7rem;
        padding: 0.75rem 0.82rem;
    }

    .runs-filter-group[b-egz9mh0ulf] {
        min-width: 0;
        width: 100%;
    }

    .runs-filter-summary[b-egz9mh0ulf] {
        width: 100%;
        margin-left: 0;
        justify-content: space-between;
        padding-left: 0;
    }

    .runs-page-shell .btn-sm[b-egz9mh0ulf] {
        padding: 0.4rem 0.68rem;
    }

    .analysis-mode-hint[b-egz9mh0ulf] {
        padding: 0.78rem 0.82rem;
    }

    .runs-page-shell .row.g-2.mb-3 .btn.w-100[b-egz9mh0ulf] {
        width: auto !important;
    }

    .runs-table[b-egz9mh0ulf] {
        border-spacing: 0;
    }

    .runs-table thead[b-egz9mh0ulf] {
        display: none;
    }

    .runs-table[b-egz9mh0ulf],
    .runs-table tbody[b-egz9mh0ulf],
    .runs-table tr[b-egz9mh0ulf],
    .runs-table td[b-egz9mh0ulf] {
        display: block;
        width: 100%;
    }

    .runs-table tbody[b-egz9mh0ulf] {
        display: grid;
        gap: 0.55rem;
    }

    .runs-table tr[b-egz9mh0ulf] {
        padding: 0.58rem 0.62rem;
        border: 1px solid rgba(76, 111, 140, 0.3);
        border-radius: 12px;
        background: rgba(16, 28, 40, 0.82);
        box-shadow: 0 8px 16px rgba(2, 10, 18, 0.18);
    }

    .runs-table .task-row td[b-egz9mh0ulf],
    .runs-table tr td[b-egz9mh0ulf] {
        padding: 0.28rem 0 0.58rem;
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .runs-table td + td[b-egz9mh0ulf] {
        border-top: 1px solid rgba(66, 96, 121, 0.22) !important;
        padding-top: 0.65rem;
    }

    .runs-table td[b-egz9mh0ulf]::before {
        display: block;
        margin-bottom: 0.28rem;
        color: #9cbad4;
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    .runs-table td:nth-child(1)[b-egz9mh0ulf]::before {
        content: "Zadanie";
    }

    .runs-table td:nth-child(2)[b-egz9mh0ulf]::before {
        content: "Status";
    }

    .runs-table td:nth-child(3)[b-egz9mh0ulf]::before {
        content: "Start";
    }

    .runs-table td:nth-child(4)[b-egz9mh0ulf]::before {
        content: "Koniec";
    }

    .runs-table td:nth-child(5)[b-egz9mh0ulf]::before {
        content: "Postęp";
    }

    .runs-table td:nth-child(6)[b-egz9mh0ulf]::before {
        content: "Elementy";
    }

    .runs-table td:nth-child(7)[b-egz9mh0ulf]::before {
        content: "Akcje";
    }

    .task-summary-tile[b-egz9mh0ulf],
    .task-status-tile[b-egz9mh0ulf] {
        padding: 0;
        gap: 0.18rem;
        min-height: 0;
    }

    .task-outcome-panel[b-egz9mh0ulf] {
        width: 100%;
    }

    .task-outcome-pill[b-egz9mh0ulf] {
        width: 100%;
        min-height: 2.2rem;
        white-space: normal;
    }

    .runs-pagination-inner[b-egz9mh0ulf] {
        flex-direction: column;
        align-items: stretch !important;
    }

    .runs-pagination-bar[b-egz9mh0ulf] {
        justify-content: space-between;
        gap: 0.6rem;
        padding-left: 0.52rem;
        padding-right: 0.52rem;
    }

    .runs-pagination-inner > div[b-egz9mh0ulf] {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .runs-pagination-meta[b-egz9mh0ulf],
    .runs-pagination-controls[b-egz9mh0ulf],
    .runs-pagination-size[b-egz9mh0ulf] {
        width: 100%;
    }

    .runs-pagination-controls[b-egz9mh0ulf] {
        justify-content: center !important;
    }

    .runs-pagination-meta-value[b-egz9mh0ulf] {
        font-size: 1.16rem;
    }

    .runs-page-indicator[b-egz9mh0ulf] {
        min-width: 6.8rem;
        font-size: 0.79rem;
    }
}
/* _content/LogExplorer.Web/Components/Modules/Operations/Shared/EsContextDetails.razor.rz.scp.css */
.es-context-card[b-yeognj8iru] {
    border: 1px solid #2f4864;
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(15, 27, 40, 0.92) 0%, rgba(12, 22, 33, 0.88) 100%);
    min-height: 248px;
    padding: 0.7rem 0.75rem;
    overflow: hidden;
}

.es-context-body[b-yeognj8iru] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.es-context-empty[b-yeognj8iru] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 185px;
    color: #9eb5cc;
    font-size: 0.9rem;
    border: 1px dashed #3c5673;
    border-radius: 8px;
    background: rgba(19, 33, 47, 0.55);
}

.es-context-hero[b-yeognj8iru] {
    display: grid;
    grid-template-columns: 5rem minmax(0, 1fr);
    gap: 0.7rem;
    align-items: center;
    margin-bottom: 0.4rem;
    padding: 0.55rem 0.6rem;
    border: 1px solid rgba(95, 136, 168, 0.24);
    border-radius: 12px;
    background:
        radial-gradient(circle at top left, rgba(77, 133, 177, 0.22), transparent 38%),
        rgba(14, 27, 41, 0.82);
}

.es-context-program-badge[b-yeognj8iru] {
    width: 5rem;
    min-height: 5rem;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background:
        radial-gradient(circle at 30% 30%, rgba(222, 244, 255, 0.28), transparent 34%),
        linear-gradient(180deg, #69c7ff 0%, #2b8cc7 100%);
    color: #081724;
    letter-spacing: 0.02em;
    box-shadow: inset 0 0 0 1px rgba(236, 248, 255, 0.25), 0 8px 18px rgba(4, 14, 23, 0.22);
}

.es-context-program-label[b-yeognj8iru] {
    font-size: 0.62rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 800;
    opacity: 0.75;
}

.es-context-program-number[b-yeognj8iru] {
    font-size: 1.72rem;
    line-height: 1;
    font-weight: 900;
    margin-top: 0.08rem;
}

.es-context-hero-copy[b-yeognj8iru] {
    min-width: 0;
}

.es-context-program-path[b-yeognj8iru] {
    color: #f1f8ff;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.35;
    word-break: break-word;
}

.es-path-segment[b-yeognj8iru] {
    color: #bdd2e4;
}

.es-path-segment.is-last[b-yeognj8iru] {
    color: #f5fbff;
    font-weight: 800;
}

.es-path-separator[b-yeognj8iru] {
    display: inline-block;
    margin: 0 0.18rem;
    color: #6f8ea8;
}

.es-context-table[b-yeognj8iru] {
    width: 100%;
    border-collapse: collapse;
}

.es-context-row[b-yeognj8iru] {
    border-bottom: 1px solid rgba(61, 84, 108, 0.35);
}

.es-context-row:last-child[b-yeognj8iru] {
    border-bottom: 0;
}

.es-context-label[b-yeognj8iru] {
    width: 36%;
    padding: 0.3rem 0.55rem 0.3rem 0;
    color: #9bb5cf;
    font-size: 0.79rem;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    vertical-align: top;
    font-weight: 700;
}

.es-context-value[b-yeognj8iru] {
    padding: 0.3rem 0;
    color: #ecf6ff;
    font-size: 0.94rem;
    font-weight: 600;
    font-family: "Segoe UI Variable", "Trebuchet MS", sans-serif;
    word-break: break-word;
    white-space: pre-wrap;
}

@media (max-width: 992px) {
    .es-context-card[b-yeognj8iru] {
        min-height: 0;
        padding: 0.65rem;
    }

    .es-context-hero[b-yeognj8iru] {
        grid-template-columns: 1fr;
        justify-items: start;
    }

    .es-context-program-badge[b-yeognj8iru] {
        width: 4.2rem;
        min-height: 4.2rem;
    }

    .es-context-program-number[b-yeognj8iru] {
        font-size: 1.38rem;
    }

    .es-context-label[b-yeognj8iru],
    .es-context-value[b-yeognj8iru] {
        display: block;
        width: 100%;
    }

    .es-context-label[b-yeognj8iru] {
        padding-bottom: 0.05rem;
    }

    .es-context-empty[b-yeognj8iru] {
        min-height: 132px;
    }
}
/* _content/LogExplorer.Web/Components/Modules/Queries/Pages/QueriesPage.razor.rz.scp.css */
.queries-sections[b-1wq5glyb8a] {
    display: grid;
    gap: 1rem;
}

.queries-section[b-1wq5glyb8a] {
    display: grid;
    gap: 0.55rem;
}

.queries-section-highlight[b-1wq5glyb8a] {
    padding: 0 0 0.9rem;
    border: 1px solid rgba(86, 135, 168, 0.36);
    border-radius: 16px;
    background:
        linear-gradient(180deg, rgba(18, 38, 54, 0.84) 0%, rgba(12, 22, 32, 0.62) 100%);
    box-shadow: inset 0 1px 0 rgba(122, 188, 224, 0.12);
}

.queries-section-header[b-1wq5glyb8a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.queries-section-status[b-1wq5glyb8a] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.queries-section-highlight .queries-section-header[b-1wq5glyb8a] {
    padding: 0.9rem 0.9rem 0;
}

.queries-empty-state[b-1wq5glyb8a] {
    margin: 0 0.9rem;
    padding: 1rem 1.1rem;
    border: 1px dashed rgba(100, 146, 179, 0.38);
    border-radius: 12px;
    background: rgba(14, 25, 36, 0.5);
    color: #b9d0e5;
    font-size: 0.9rem;
    text-align: center;
}

.queries-section-kicker[b-1wq5glyb8a] {
    display: inline-block;
    color: #7bc8e7;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.queries-section-title[b-1wq5glyb8a] {
    margin: 0.15rem 0 0;
    color: #d7e9f8;
    font-size: 1rem;
    font-weight: 700;
}

.queries-section-badge[b-1wq5glyb8a] {
    display: inline-flex;
    min-width: 2.3rem;
    justify-content: center;
    align-items: center;
    padding: 0.28rem 0.7rem;
    border: 1px solid rgba(100, 151, 185, 0.46);
    border-radius: 999px;
    background: rgba(17, 33, 47, 0.82);
    color: #cfe3f6;
    font-size: 0.82rem;
    font-weight: 700;
}

.queries-progress-note[b-1wq5glyb8a] {
    color: #9fc2de;
    font-size: 0.76rem;
    font-weight: 600;
    white-space: nowrap;
}

.queries-counts-progress[b-1wq5glyb8a] {
    display: grid;
    gap: 0.68rem;
    padding: 0.88rem 1rem 0.95rem;
    border: 1px solid rgba(103, 150, 183, 0.44);
    border-radius: 14px;
    background:
        linear-gradient(180deg, rgba(18, 33, 47, 0.92) 0%, rgba(12, 24, 36, 0.88) 100%);
    box-shadow:
        inset 0 1px 0 rgba(168, 215, 240, 0.06),
        0 10px 24px rgba(3, 10, 17, 0.14);
}

.queries-counts-progress-head[b-1wq5glyb8a] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.85rem;
}

.queries-counts-progress-title-wrap[b-1wq5glyb8a] {
    display: inline-flex;
    align-items: flex-start;
    gap: 0.72rem;
    min-width: 0;
}

.queries-counts-progress-signal[b-1wq5glyb8a] {
    width: 0.72rem;
    height: 0.72rem;
    margin-top: 0.22rem;
    flex: 0 0 auto;
    border-radius: 999px;
    background: #69d0ea;
    box-shadow: 0 0 0 0 rgba(105, 208, 234, 0.35);
    animation: queries-progress-pulse-b-1wq5glyb8a 1.9s ease-out infinite;
}

.queries-counts-progress-title[b-1wq5glyb8a] {
    color: #e2f0fb;
    font-size: 0.96rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.queries-counts-progress-subtitle[b-1wq5glyb8a] {
    margin-top: 0.14rem;
    color: #9fbfd8;
    font-size: 0.82rem;
    line-height: 1.45;
}

.queries-counts-progress-metrics[b-1wq5glyb8a] {
    display: grid;
    justify-items: end;
    gap: 0.06rem;
    flex: 0 0 auto;
    text-align: right;
}

.queries-counts-progress-fraction[b-1wq5glyb8a] {
    color: #edf7ff;
    font-size: 1rem;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
    line-height: 1;
}

.queries-counts-progress-percent[b-1wq5glyb8a] {
    color: #7fd0e9;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.queries-counts-progress-track[b-1wq5glyb8a] {
    position: relative;
    height: 0.56rem;
    border-radius: 999px;
    background: rgba(38, 58, 76, 0.82);
    overflow: hidden;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.26);
}

.queries-counts-progress-bar[b-1wq5glyb8a] {
    position: relative;
    height: 100%;
    min-width: 0.72rem;
    border-radius: inherit;
    background: linear-gradient(90deg, #2e9fcb 0%, #5bc9e6 55%, #9ee4f3 100%);
    box-shadow: 0 0 0 1px rgba(127, 208, 233, 0.16);
    transition: width 0.24s ease-out;
}

.queries-counts-progress-bar[b-1wq5glyb8a]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.32) 45%, transparent 100%);
    transform: translateX(-100%);
    animation: queries-progress-shimmer-b-1wq5glyb8a 2.2s ease-in-out infinite;
}

.queries-primary-action[b-1wq5glyb8a] {
    background: linear-gradient(180deg, #63c2d7 0%, #49a9c0 100%);
    color: #0d2432;
    border-color: #8bd9e8;
}

.queries-primary-action:hover:not(:disabled)[b-1wq5glyb8a] {
    color: #081b28;
    border-color: #b4e7f1;
    filter: brightness(1.05);
}

.queries-share-feedback[b-1wq5glyb8a] {
    display: grid;
    gap: 0.35rem;
    margin-bottom: 0.75rem;
}

.queries-share-url[b-1wq5glyb8a] {
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
}

.query-preview-toggle-label[b-1wq5glyb8a] {
    color: #a9c4de;
    font-size: 0.83rem;
    align-self: center;
}

.queries-table-wrap[b-1wq5glyb8a] {
    border: 1px solid rgba(60, 87, 111, 0.82);
    border-radius: 12px;
    background: rgba(12, 21, 31, 0.34);
    overflow-x: auto;
}

.queries-table[b-1wq5glyb8a] {
    --bs-table-bg: transparent;
    --bs-table-color: var(--app-text);
    --bs-table-border-color: rgba(80, 122, 155, 0.24);
    --bs-table-hover-bg: rgba(27, 44, 62, 0.58);
    --bs-table-striped-bg: rgba(18, 31, 45, 0.5);
    --bs-table-striped-color: var(--app-text);
    margin-bottom: 0;
    min-width: 70rem;
    table-layout: auto;
}

.queries-table thead th[b-1wq5glyb8a] {
    color: #cfe3f6;
    font-size: 0.76rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    white-space: nowrap;
}

.queries-table tbody td[b-1wq5glyb8a] {
    padding-top: 0.85rem;
    padding-bottom: 0.85rem;
}

.queries-id-cell[b-1wq5glyb8a] {
    width: 3.5rem;
    text-align: center;
    white-space: nowrap;
}

.queries-row-id[b-1wq5glyb8a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.2rem;
    padding: 0.18rem 0.5rem;
    border: 1px solid rgba(90, 127, 158, 0.34);
    border-radius: 999px;
    background: rgba(18, 31, 44, 0.68);
    color: #b6cee4;
    font-size: 0.76rem;
    font-weight: 700;
    line-height: 1;
}

.queries-filters-cell[b-1wq5glyb8a] {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.45;
    min-width: 24rem;
}

.query-filter-chip[b-1wq5glyb8a] {
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    margin: 0.14rem 0.28rem 0.14rem 0;
    padding: 0.3rem 0.7rem;
    border: 1px solid rgba(93, 132, 165, 0.34);
    border-radius: 999px;
    background: rgba(18, 31, 44, 0.72);
    color: #dbe8f5;
    font-size: 0.88rem;
    line-height: 1.35;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.query-filter-chip-operator-mobile[b-1wq5glyb8a] {
    align-items: center;
    justify-content: center;
    padding: 0.08rem 0.32rem;
    border-radius: 999px;
    background: rgba(101, 145, 183, 0.12);
    color: #dceeff;
    font-size: 0.66rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.03em;
    white-space: nowrap;
}

.query-filter-chip-field[b-1wq5glyb8a] {
    color: #edf6ff;
    font-weight: 700;
}

.query-filter-chip-operator[b-1wq5glyb8a] {
    color: #8fb8d8;
    font-size: 0.94em;
    font-weight: 700;
    letter-spacing: 0.01em;
    text-transform: lowercase;
}

.query-filter-chip-value[b-1wq5glyb8a] {
    color: #d8e7f6;
    font-weight: 600;
}

.query-filter-chip-value-list[b-1wq5glyb8a] {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    flex-wrap: wrap;
}

.query-filter-chip-value-token[b-1wq5glyb8a] {
    display: inline-flex;
    align-items: center;
    padding: 0.08rem 0.42rem;
    border-radius: 999px;
    background: rgba(101, 145, 183, 0.14);
    color: #e6f2fd;
    font-weight: 650;
    letter-spacing: 0.01em;
}

.queries-scope-cell[b-1wq5glyb8a] {
    width: 8.5rem;
    white-space: nowrap;
}

.queries-scope-short[b-1wq5glyb8a] {
    border: 1px solid rgba(102, 143, 176, 0.3);
    border-radius: 999px;
    padding: 0.16rem 0.44rem;
    background: rgba(20, 35, 49, 0.7);
    color: #bcd6ea;
    font-family: "Consolas", "Monaco", monospace;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1;
    text-transform: uppercase;
}

.queries-scope-legend[b-1wq5glyb8a] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 0.7rem;
    padding: 0 0.45rem 0.05rem;
    color: #88a9c3;
    font-size: 0.68rem;
}

.queries-scope-legend-item[b-1wq5glyb8a] {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
}

.queries-scope-legend-swatch[b-1wq5glyb8a] {
    width: 0.72rem;
    height: 0.72rem;
    border-radius: 999px;
    border: 1px solid rgba(124, 164, 197, 0.3);
    background: rgba(83, 137, 180, 0.34);
}

.queries-scope-legend-swatch.is-program[b-1wq5glyb8a] {
    background: rgba(214, 168, 77, 0.7);
    border-color: rgba(214, 168, 77, 0.5);
}

.queries-scope-legend-swatch.is-commands[b-1wq5glyb8a] {
    background: rgba(87, 190, 216, 0.7);
    border-color: rgba(87, 190, 216, 0.5);
}

.queries-scope-legend code[b-1wq5glyb8a] {
    color: #dceeff;
    font-size: 0.67rem;
}

.queries-results-label[b-1wq5glyb8a] {
    color: #d7eefc;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.queries-results-value[b-1wq5glyb8a] {
    font-variant-numeric: tabular-nums;
}

.queries-results-cell[b-1wq5glyb8a] {
    width: 8.5rem;
    text-align: center;
    white-space: nowrap;
}

.query-preview-toggle-frame[b-1wq5glyb8a] {
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    margin-left: 0.3rem;
    border: 1px solid rgba(89, 126, 159, 0.52);
    border-radius: 10px;
    background: rgba(16, 29, 42, 0.7);
    padding: 0.2rem 0.32rem;
}

.query-preview-mode-btn[b-1wq5glyb8a] {
    min-width: 5.9rem;
    border-radius: 9px;
    font-weight: 700;
}

.query-results-link[b-1wq5glyb8a] {
    display: inline-flex;
    min-width: 5.25rem;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 1.02rem;
    line-height: 1;
    color: #b6d3ee;
    text-decoration: none;
    border: 1px solid rgba(109, 149, 184, 0.45);
    border-radius: 999px;
    padding: 0.58rem 1rem;
    background: rgba(22, 41, 60, 0.66);
    white-space: nowrap;
}

.query-results-link:hover[b-1wq5glyb8a] {
    color: #e6f4ff;
    border-color: rgba(139, 189, 232, 0.65);
    background: rgba(34, 58, 82, 0.78);
}

.query-results-link-loading[b-1wq5glyb8a] {
    color: #d7e6f4;
    border-style: dashed;
    border-color: rgba(122, 158, 189, 0.5);
    background: rgba(22, 38, 54, 0.56);
}

.query-results-link-important[b-1wq5glyb8a] {
    color: #051826;
    border-color: #8fe7ff;
    background: linear-gradient(180deg, #59cbee 0%, #2ca2d5 100%);
    box-shadow: 0 0 0 1px rgba(63, 196, 237, 0.35);
}

.actions-column-head[b-1wq5glyb8a] {
    text-align: center;
    width: 1%;
    white-space: nowrap;
}

.queries-actions-cell[b-1wq5glyb8a] {
    text-align: center;
    vertical-align: middle;
    width: 1%;
    white-space: nowrap;
}

@media (max-width: 760px) {
    .queries-counts-progress[b-1wq5glyb8a] {
        padding: 0.82rem 0.88rem 0.9rem;
    }

    .queries-counts-progress-head[b-1wq5glyb8a] {
        flex-direction: column;
        align-items: stretch;
    }

    .queries-counts-progress-metrics[b-1wq5glyb8a] {
        grid-auto-flow: column;
        justify-content: space-between;
        justify-items: start;
        text-align: left;
    }

    .queries-toolbar[b-1wq5glyb8a] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: stretch;
        gap: 0.45rem;
    }

    .queries-toolbar > .query-preview-toggle-frame[b-1wq5glyb8a] {
        grid-column: 1 / -1;
    }

    .queries-section-header[b-1wq5glyb8a] {
        align-items: flex-start;
        flex-direction: column;
    }

    .query-preview-toggle-frame[b-1wq5glyb8a] {
        width: 100%;
        justify-content: space-between;
        margin-left: 0;
        padding: 0.35rem;
    }

    .query-preview-mode-btn[b-1wq5glyb8a] {
        flex: 1 1 0;
        min-width: 0;
    }

    .queries-table[b-1wq5glyb8a] {
        min-width: 0;
    }

    .queries-table thead[b-1wq5glyb8a] {
        display: none;
    }

    .queries-table[b-1wq5glyb8a],
    .queries-table tbody[b-1wq5glyb8a],
    .queries-table tr[b-1wq5glyb8a],
    .queries-table td[b-1wq5glyb8a] {
        display: block;
        width: 100%;
    }

    .queries-table tbody[b-1wq5glyb8a] {
        display: grid;
        gap: 0.42rem;
        padding: 0.42rem;
    }

    .queries-table tr[b-1wq5glyb8a] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "filters id"
            "results results"
            "actions actions";
        align-items: start;
        column-gap: 0.44rem;
        row-gap: 0.34rem;
        padding: 0.52rem 0.56rem;
        border: 1px solid rgba(76, 111, 140, 0.3);
        border-radius: 12px;
        background: rgba(16, 28, 40, 0.82);
        box-shadow: 0 6px 12px rgba(2, 10, 18, 0.16);
    }

    .queries-row-program[b-1wq5glyb8a] {
        border-color: rgba(214, 168, 77, 0.34) !important;
        background:
            linear-gradient(180deg, rgba(80, 56, 18, 0.18), rgba(16, 28, 40, 0.82) 45%),
            rgba(16, 28, 40, 0.82);
        box-shadow: inset 3px 0 0 rgba(214, 168, 77, 0.72), 0 6px 12px rgba(2, 10, 18, 0.16);
    }

    .queries-row-commands[b-1wq5glyb8a] {
        border-color: rgba(87, 190, 216, 0.3) !important;
        background:
            linear-gradient(180deg, rgba(20, 70, 88, 0.16), rgba(16, 28, 40, 0.82) 45%),
            rgba(16, 28, 40, 0.82);
        box-shadow: inset 3px 0 0 rgba(87, 190, 216, 0.78), 0 6px 12px rgba(2, 10, 18, 0.16);
    }

    .queries-table tbody td[b-1wq5glyb8a] {
        width: auto;
        min-width: 0;
        padding: 0;
        border: none;
    }

    .queries-table tbody td + td[b-1wq5glyb8a] {
        border-top: none;
        padding-top: 0;
    }

    .queries-table tbody td[b-1wq5glyb8a]::before {
        display: none;
    }

    .queries-id-cell[b-1wq5glyb8a] {
        grid-area: id;
        align-self: start;
        justify-self: end;
    }

    .queries-filters-cell[b-1wq5glyb8a] {
        grid-area: filters;
        width: auto;
        min-width: 0;
    }

    .queries-scope-cell[b-1wq5glyb8a] {
        display: none !important;
    }

    .queries-results-cell[b-1wq5glyb8a] {
        grid-area: results;
        width: 100%;
        justify-self: stretch;
    }

    .queries-actions-cell[b-1wq5glyb8a] {
        grid-area: actions;
        width: 100%;
        justify-self: stretch;
    }

    .queries-id-cell[b-1wq5glyb8a],
    .queries-results-cell[b-1wq5glyb8a],
    .queries-actions-cell[b-1wq5glyb8a] {
        width: auto;
        text-align: left;
    }

    .queries-results-cell[b-1wq5glyb8a],
    .queries-actions-cell[b-1wq5glyb8a] {
        width: 100%;
    }

    .queries-filters-cell[b-1wq5glyb8a] {
        min-width: 0;
    }

    .queries-row-id[b-1wq5glyb8a] {
        min-width: 0;
        padding: 0.14rem 0.4rem;
        font-size: 0.68rem;
        opacity: 0.88;
    }

    .query-filter-chip[b-1wq5glyb8a] {
        display: inline-flex;
        max-width: 100%;
        flex-wrap: wrap;
        gap: 0.24rem;
        margin: 0.06rem 0.16rem 0.06rem 0;
        padding: 0.16rem 0.44rem;
        font-size: 0.73rem;
        line-height: 1.2;
    }

    .query-filter-chip-field[b-1wq5glyb8a],
    .query-filter-chip-operator[b-1wq5glyb8a],
    .query-filter-chip-operator-mobile[b-1wq5glyb8a] {
        white-space: nowrap;
        overflow-wrap: normal;
        word-break: normal;
    }

    .query-filter-chip-value[b-1wq5glyb8a] {
        min-width: 0;
    }

    .query-filter-chip-value-token[b-1wq5glyb8a] {
        padding: 0.04rem 0.28rem;
        font-size: 0.68rem;
    }

    .query-results-link[b-1wq5glyb8a] {
        width: 100%;
        min-width: 3rem;
        padding: 0.34rem 0.62rem;
        font-size: 0.84rem;
        justify-content: space-between;
        gap: 0.4rem;
    }

    .queries-scope-short.mobile-only[b-1wq5glyb8a] {
        display: inline-flex !important;
    }

    .query-filter-chip-operator-mobile.mobile-only[b-1wq5glyb8a],
    .queries-results-label.mobile-only[b-1wq5glyb8a] {
        display: inline-flex !important;
    }

    .query-results-link[b-1wq5glyb8a] {
        min-width: 0;
        padding: 0.32rem 0.58rem;
        font-size: 0.82rem;
    }

    .query-filter-chip[b-1wq5glyb8a] {
        padding: 0.16rem 0.42rem;
        font-size: 0.72rem;
    }
}

@keyframes queries-progress-pulse-b-1wq5glyb8a {
    0% {
        opacity: 0.9;
        box-shadow: 0 0 0 0 rgba(105, 208, 234, 0.28);
    }

    70% {
        opacity: 1;
        box-shadow: 0 0 0 0.5rem rgba(105, 208, 234, 0);
    }

    100% {
        opacity: 0.92;
        box-shadow: 0 0 0 0 rgba(105, 208, 234, 0);
    }
}

@keyframes queries-progress-shimmer-b-1wq5glyb8a {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(200%);
    }
}

@media (prefers-reduced-motion: reduce) {
    .queries-counts-progress-signal[b-1wq5glyb8a],
    .queries-counts-progress-bar[b-1wq5glyb8a]::after {
        animation: none;
    }

    .queries-counts-progress-bar[b-1wq5glyb8a] {
        transition: none;
    }
}
/* _content/LogExplorer.Web/Components/Modules/Queries/Pages/QueryEditorPage.razor.rz.scp.css */
.query-editor-meta[b-fgix8svr9c] {
    display: flex;
    justify-content: center;
    margin-bottom: 0.5rem;
}

.query-editor-index-hint[b-fgix8svr9c] {
    color: rgba(173, 196, 217, 0.72);
    font-size: 0.75rem;
    line-height: 1.2;
}

.query-editor-index-hint code[b-fgix8svr9c] {
    color: #d8e7f6;
    font-size: 0.72rem;
    font-weight: 600;
    background: rgba(14, 26, 39, 0.4);
}

.query-editor-share-feedback[b-fgix8svr9c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
}

.query-editor-share-url[b-fgix8svr9c] {
    color: #12314a;
    font-size: 0.78rem;
    word-break: break-all;
}

.query-editor-toolbar-stack[b-fgix8svr9c] {
    display: grid;
    gap: 0.6rem;
    margin: 0.85rem 0 0.2rem;
}

.query-editor-toolbar[b-fgix8svr9c] {
    margin: 0;
}

.query-editor-toolbar-priority[b-fgix8svr9c] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    gap: 0.65rem;
    justify-content: start;
}

.query-editor-toolbar-secondary[b-fgix8svr9c] {
    display: flex;
}

.query-editor-action-neutral[b-fgix8svr9c] {
    background: linear-gradient(180deg, #425d73 0%, #33485d 100%);
    color: #e7f2fb;
    border-color: #6887a0;
}

.query-editor-action-neutral:hover:not(:disabled)[b-fgix8svr9c] {
    color: #f5fbff;
    border-color: #83a3be;
    filter: brightness(1.06);
}

.query-editor-action-share[b-fgix8svr9c] {
    background: linear-gradient(180deg, #4b6b73 0%, #3b555f 100%);
    color: #eefaff;
    border-color: #7babb6;
}

.query-editor-action-share:hover:not(:disabled)[b-fgix8svr9c] {
    color: #f7ffff;
    border-color: #98c4cf;
    filter: brightness(1.06);
}

.query-editor-action-save[b-fgix8svr9c] {
    background: linear-gradient(180deg, #63c2d7 0%, #49a9c0 100%);
    color: #0d2432;
    border-color: #8bd9e8;
}

.query-editor-action-save:hover:not(:disabled)[b-fgix8svr9c] {
    color: #081b28;
    border-color: #b4e7f1;
    filter: brightness(1.05);
}

.query-editor-action-filter[b-fgix8svr9c] {
    background: linear-gradient(180deg, rgba(98, 194, 215, 0.96) 0%, rgba(70, 171, 197, 0.96) 100%);
    color: #0b2432;
    border-color: rgba(151, 222, 236, 0.88);
}

.query-editor-action-filter:hover:not(:disabled)[b-fgix8svr9c] {
    color: #071a25;
    border-color: #c2eef6;
    filter: brightness(1.05);
}

.query-filters-section[b-fgix8svr9c] {
    margin: 0.95rem 0 1rem;
    border: 1px solid rgba(95, 139, 172, 0.38);
    border-radius: 16px;
    background:
        linear-gradient(180deg, rgba(18, 33, 47, 0.92) 0%, rgba(13, 23, 34, 0.88) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.03),
        0 14px 24px rgba(3, 10, 19, 0.16);
    overflow: visible;
}

.query-filters-section-header[b-fgix8svr9c] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.95rem 1rem 0.85rem;
    border-bottom: 1px solid rgba(82, 119, 149, 0.28);
    background: linear-gradient(180deg, rgba(25, 44, 62, 0.7) 0%, rgba(19, 33, 47, 0.28) 100%);
}

.query-filters-section-copy[b-fgix8svr9c] {
    display: grid;
    gap: 0.2rem;
    max-width: 44rem;
}

.query-filters-section-title-row[b-fgix8svr9c] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    flex-wrap: wrap;
}

.query-filters-section-kicker[b-fgix8svr9c] {
    color: #8acfeb;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.query-filters-section-title[b-fgix8svr9c] {
    margin: 0;
    color: #edf7ff;
    font-size: 1rem;
    font-weight: 700;
}

.query-filters-section-note[b-fgix8svr9c] {
    margin: 0;
    color: #a9c4de;
    font-size: 0.85rem;
    line-height: 1.45;
}

.query-filters-count[b-fgix8svr9c] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.35rem;
    padding: 0.3rem 0.72rem;
    border: 1px solid rgba(100, 151, 185, 0.42);
    border-radius: 999px;
    background: rgba(15, 28, 41, 0.8);
    color: #d1e6f8;
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1;
}

.query-filters-table-wrap[b-fgix8svr9c] {
    position: relative;
    z-index: 3;
    padding: 0.1rem 0.4rem 0.45rem;
    overflow: visible;
}

.query-editor-filters-table[b-fgix8svr9c] {
    margin-bottom: 0;
    table-layout: auto;
}

.query-editor-col-index[b-fgix8svr9c] {
    width: 4.3rem;
}

.query-editor-col-name[b-fgix8svr9c] {
    width: 26%;
}

.query-editor-col-operator[b-fgix8svr9c] {
    width: 16%;
}

.query-editor-col-value[b-fgix8svr9c] {
    width: auto;
}

.query-editor-col-actions[b-fgix8svr9c] {
    width: 1%;
}

.query-editor-actions-head[b-fgix8svr9c] {
    width: 1%;
    white-space: nowrap;
}

.query-editor-add-row td[b-fgix8svr9c] {
    padding: 0.45rem 0.5rem !important;
    background: rgba(11, 20, 30, 0.52);
}

.query-editor-list-add[b-fgix8svr9c] {
    justify-content: flex-start;
    width: auto;
    min-width: 15rem;
    background: linear-gradient(180deg, rgba(34, 54, 72, 0.96) 0%, rgba(24, 39, 54, 0.96) 100%);
    color: #dff2ff;
    border-color: rgba(117, 171, 205, 0.42);
    box-shadow: inset 0 0 0 1px rgba(111, 180, 220, 0.14);
}

.query-editor-list-add:hover:not(:disabled)[b-fgix8svr9c] {
    color: #f5fbff;
    border-color: rgba(154, 205, 235, 0.58);
    filter: brightness(1.04);
}

.query-editor-draft-row[b-fgix8svr9c] {
    --bs-table-bg: rgba(23, 40, 56, 0.94);
    --bs-table-hover-bg: rgba(23, 40, 56, 0.94);
}

.query-editor-draft-row td[b-fgix8svr9c] {
    position: relative;
    z-index: 4;
    vertical-align: top;
    border-color: rgba(106, 160, 192, 0.26);
    background:
        linear-gradient(180deg, rgba(25, 44, 62, 0.96) 0%, rgba(17, 30, 43, 0.94) 100%);
    overflow: visible;
}

.query-editor-draft-index-cell[b-fgix8svr9c] {
    min-width: 4.5rem;
}

.query-editor-draft-index-badge[b-fgix8svr9c] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 3rem;
    padding: 0.22rem 0.58rem;
    border: 1px solid rgba(116, 185, 214, 0.42);
    border-radius: 999px;
    background: rgba(12, 24, 35, 0.66);
    color: #d8eefb;
    font-size: 0.74rem;
    font-weight: 800;
    line-height: 1;
}

.query-editor-draft-value-cell[b-fgix8svr9c] {
    min-width: 16rem;
}

.query-editor-draft-actions[b-fgix8svr9c] {
    justify-content: center;
    align-items: stretch;
    flex-wrap: nowrap;
}

.query-editor-draft-actions > .btn[b-fgix8svr9c] {
    min-width: 0;
}

.query-editor-row-action[b-fgix8svr9c] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 1.9rem;
    padding: 0.32rem 0.56rem;
    border-radius: 10px;
    font-weight: 700;
    line-height: 1.05;
    white-space: nowrap;
}

.query-editor-row-action-icon[b-fgix8svr9c] {
    width: 0.92rem;
    height: 0.92rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.query-editor-row-action-icon svg[b-fgix8svr9c] {
    width: 0.92rem;
    height: 0.92rem;
    display: block;
}

.query-editor-row-action-edit[b-fgix8svr9c] {
    color: #dff2ff;
    border-color: rgba(110, 171, 205, 0.36);
    background: linear-gradient(180deg, rgba(37, 76, 95, 0.9) 0%, rgba(24, 53, 70, 0.92) 100%);
}

.query-editor-row-action-edit:hover:not(:disabled)[b-fgix8svr9c] {
    color: #f5fbff;
    border-color: rgba(144, 201, 231, 0.54);
}

.query-editor-row-action-copy[b-fgix8svr9c] {
    color: #e6ecf8;
    border-color: rgba(125, 145, 181, 0.34);
    background: linear-gradient(180deg, rgba(49, 60, 81, 0.88) 0%, rgba(31, 40, 57, 0.9) 100%);
}

.query-editor-row-action-copy:hover:not(:disabled)[b-fgix8svr9c] {
    color: #f2f7ff;
    border-color: rgba(154, 176, 211, 0.48);
}

.query-editor-row-action-delete[b-fgix8svr9c] {
    color: #fff1f4;
    border-color: rgba(172, 111, 126, 0.56);
    background: linear-gradient(180deg, rgba(103, 56, 67, 0.94) 0%, rgba(73, 39, 49, 0.96) 100%);
}

.query-editor-row-action-delete:hover:not(:disabled)[b-fgix8svr9c] {
    color: #fff6f8;
    border-color: rgba(196, 129, 145, 0.64);
}

.query-editor-row-action-save[b-fgix8svr9c] {
    color: #0d2432;
    border-color: #8bd9e8;
    background: linear-gradient(180deg, #63c2d7 0%, #49a9c0 100%);
}

.query-editor-row-action-save:hover:not(:disabled)[b-fgix8svr9c] {
    color: #081b28;
    border-color: #b4e7f1;
}

.query-editor-row-action-cancel[b-fgix8svr9c] {
    color: #e7f2fb;
    border-color: #6887a0;
    background: linear-gradient(180deg, #425d73 0%, #33485d 100%);
}

.query-editor-row-action-cancel:hover:not(:disabled)[b-fgix8svr9c] {
    color: #f5fbff;
    border-color: #83a3be;
}

.query-editor-filters-table .actions-cell[b-fgix8svr9c] {
    justify-content: center;
    flex-wrap: nowrap;
    gap: 0.34rem;
}

.query-filters-empty-state[b-fgix8svr9c] {
    padding: 0.95rem 1rem;
    border: 1px dashed rgba(100, 146, 179, 0.3);
    border-radius: 12px;
    background: rgba(13, 24, 35, 0.46);
    color: #b9d0e5;
    text-align: center;
}

@media (max-width: 760px) {
    .query-editor-meta[b-fgix8svr9c] {
        justify-content: flex-start;
    }

    .query-editor-index-hint[b-fgix8svr9c] {
        font-size: 0.72rem;
    }

    .query-filter-editor-panel .row > [class*="col-"][b-fgix8svr9c] {
        width: 100%;
    }

    .query-editor-toolbar-stack[b-fgix8svr9c] {
        gap: 0.45rem;
        margin-top: 0.65rem;
    }

    .query-editor-toolbar-priority[b-fgix8svr9c],
    .query-editor-toolbar-secondary[b-fgix8svr9c] {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0.45rem;
    }

    .query-editor-toolbar > .btn[b-fgix8svr9c] {
        width: 100%;
        min-height: 2.1rem;
        padding: 0.44rem 0.76rem;
    }

    .query-filters-section[b-fgix8svr9c] {
        margin-top: 0.75rem;
    }

    .query-filters-section-header[b-fgix8svr9c] {
        padding: 0.8rem 0.8rem 0.72rem;
    }

    .query-filters-count[b-fgix8svr9c] {
        justify-content: center;
    }

    .query-filters-table-wrap[b-fgix8svr9c] {
        padding: 0.1rem 0.15rem 0.3rem;
    }

    .query-editor-share-feedback[b-fgix8svr9c] {
        align-items: flex-start;
    }

    .query-filter-editor-panel .row.g-2[b-fgix8svr9c] {
        --bs-gutter-y: 0.65rem;
    }

    .query-filter-editor-panel table[b-fgix8svr9c],
    .query-filter-editor-panel tbody[b-fgix8svr9c],
    .query-filter-editor-panel tr[b-fgix8svr9c],
    .query-filter-editor-panel td[b-fgix8svr9c] {
        width: 100%;
    }

    .query-editor-filters-table thead[b-fgix8svr9c] {
        display: none;
    }

    .query-editor-filters-table[b-fgix8svr9c],
    .query-editor-filters-table tbody[b-fgix8svr9c],
    .query-editor-filters-table tr[b-fgix8svr9c],
    .query-editor-filters-table td[b-fgix8svr9c] {
        display: block;
        width: 100%;
    }

    .query-editor-filters-table tbody[b-fgix8svr9c] {
        display: grid;
        gap: 0.55rem;
        overflow: visible;
    }

    .query-editor-filters-table tr[b-fgix8svr9c] {
        padding: 0.58rem 0.62rem;
        border: 1px solid rgba(76, 111, 140, 0.3);
        border-radius: 12px;
        background: rgba(16, 28, 40, 0.82);
        box-shadow: 0 8px 16px rgba(2, 10, 18, 0.18);
    }

    .query-editor-filters-table td[b-fgix8svr9c] {
        padding: 0.25rem 0 0.55rem;
        border: none;
    }

    .query-editor-filters-table td + td[b-fgix8svr9c] {
        border-top: 1px solid rgba(66, 96, 121, 0.22);
        padding-top: 0.65rem;
    }

    .query-editor-filters-table td[b-fgix8svr9c]::before {
        display: block;
        margin-bottom: 0.28rem;
        color: #9cbad4;
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    .query-editor-filters-table td:nth-child(1)[b-fgix8svr9c]::before {
        content: "Id";
    }

    .query-editor-filters-table td:nth-child(2)[b-fgix8svr9c]::before {
        content: "Nazwa";
    }

    .query-editor-filters-table td:nth-child(3)[b-fgix8svr9c]::before {
        content: "Operator";
    }

    .query-editor-filters-table td:nth-child(4)[b-fgix8svr9c]::before {
        content: "Wartość";
    }

    .query-editor-filters-table td:nth-child(5)[b-fgix8svr9c]::before {
        content: "Akcje";
    }

    .query-editor-add-row td[b-fgix8svr9c]::before,
    .query-editor-empty-row td[b-fgix8svr9c]::before {
        display: none;
    }

    .query-editor-add-row td[b-fgix8svr9c] {
        padding: 0 0 0.2rem;
        background: transparent;
    }

    .query-editor-list-add[b-fgix8svr9c] {
        width: 100%;
        min-width: 0;
    }

    .query-editor-draft-row td[b-fgix8svr9c] {
        background: transparent;
    }

    .query-editor-draft-actions[b-fgix8svr9c] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .query-editor-draft-actions > .btn[b-fgix8svr9c] {
        width: 100%;
        min-width: 0;
    }

    .query-editor-row-action[b-fgix8svr9c] {
        width: 100%;
        justify-content: center;
    }

    .query-editor-filters-table .actions-cell[b-fgix8svr9c] {
        flex-wrap: wrap;
    }

    .query-editor-empty-row td[b-fgix8svr9c]::before {
        display: none;
    }

    .query-editor-empty-row td[b-fgix8svr9c] {
        padding-bottom: 0;
    }

    .btn-toolbar.actions-cell[b-fgix8svr9c] {
        justify-content: stretch !important;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.45rem;
    }
}
/* _content/LogExplorer.Web/Components/Modules/Queries/Pages/QueryResultsPage.razor.rz.scp.css */
.results-toolbar-stack[b-fu965w6bnt] {
    display: grid;
    gap: 0.65rem;
    margin: 0.9rem 0 1rem;
}

.results-toolbar[b-fu965w6bnt] {
    margin: 0;
}

.results-toolbar-priority[b-fu965w6bnt] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    justify-content: start;
    gap: 0.65rem;
}

.results-toolbar-selection[b-fu965w6bnt] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
}

.results-toolbar-selection > .app-toolbar-button[b-fu965w6bnt] {
    width: 100%;
    justify-content: flex-start;
}

.results-toolbar-selection .app-toolbar-button-label[b-fu965w6bnt] {
    white-space: normal;
}

.query-results-view-btn[b-fu965w6bnt] {
    min-width: 7.35rem;
    border-radius: 9px;
    font-weight: 700;
}

@media (max-width: 760px) {
    .results-toolbar-stack[b-fu965w6bnt] {
        gap: 0.45rem;
        margin: 0.7rem 0 0.9rem;
    }

    .results-toolbar-priority[b-fu965w6bnt],
    .results-toolbar-selection[b-fu965w6bnt] {
        grid-auto-flow: row;
        grid-auto-columns: auto;
        grid-template-columns: 1fr;
        gap: 0.45rem;
    }

    .results-toolbar > .btn[b-fu965w6bnt] {
        width: 100%;
        min-height: 2.1rem;
        padding: 0.44rem 0.76rem;
    }

    .query-results-view-btn[b-fu965w6bnt] {
        min-width: 0;
    }
}
/* _content/LogExplorer.Web/Components/Modules/Queries/Shared/QueryActionButtons.razor.rz.scp.css */
.queries-actions-wrap[b-0k8cmgy87z] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 0.42rem;
    flex-wrap: nowrap;
    white-space: nowrap;
}

.queries-actions-compact[b-0k8cmgy87z] {
    display: none;
}

.query-action-btn[b-0k8cmgy87z] {
    position: relative;
    width: 2.55rem;
    min-width: 2.55rem;
    height: 2.45rem;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-width: 1px;
    border-radius: 12px;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 2px 0 rgba(6, 14, 24, 0.42);
    transition:
        transform 140ms ease,
        border-color 140ms ease,
        background-color 140ms ease,
        box-shadow 140ms ease,
        color 140ms ease;
}

.query-action-btn:hover:not(:disabled)[b-0k8cmgy87z] {
    transform: translateY(-1px);
}

.query-action-btn:focus-visible[b-0k8cmgy87z] {
    outline: 2px solid rgba(166, 215, 244, 0.95);
    outline-offset: 2px;
}

.query-action-btn:disabled[b-0k8cmgy87z] {
    opacity: 0.68;
    transform: none;
    cursor: not-allowed;
}

.query-action-icon[b-0k8cmgy87z] {
    width: 1rem;
    height: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.query-action-icon svg[b-0k8cmgy87z] {
    width: 1rem;
    height: 1rem;
    display: block;
}

.query-action-edit[b-0k8cmgy87z] {
    color: #cbeeff;
    border-color: rgba(109, 173, 204, 0.34);
    background: linear-gradient(180deg, rgba(40, 70, 88, 0.88) 0%, rgba(26, 46, 60, 0.9) 100%);
}

.query-action-edit:hover:not(:disabled)[b-0k8cmgy87z] {
    color: #eefaff;
    border-color: rgba(139, 204, 232, 0.52);
    background: linear-gradient(180deg, rgba(48, 82, 102, 0.94) 0%, rgba(30, 53, 69, 0.92) 100%);
}

.query-action-duplicate[b-0k8cmgy87z] {
    color: #d8e3f4;
    border-color: rgba(122, 142, 176, 0.34);
    background: linear-gradient(180deg, rgba(49, 60, 81, 0.88) 0%, rgba(31, 40, 57, 0.9) 100%);
}

.query-action-duplicate:hover:not(:disabled)[b-0k8cmgy87z] {
    color: #f2f7ff;
    border-color: rgba(154, 176, 211, 0.48);
    background: linear-gradient(180deg, rgba(60, 72, 96, 0.92) 0%, rgba(37, 48, 67, 0.92) 100%);
}

.query-action-transfer[b-0k8cmgy87z] {
    gap: 0;
    color: #f1f6ff;
    border-color: rgba(121, 146, 170, 0.34);
    background: linear-gradient(180deg, rgba(43, 56, 74, 0.9) 0%, rgba(28, 38, 53, 0.92) 100%);
}

.query-action-transfer:hover:not(:disabled)[b-0k8cmgy87z] {
    color: #ffffff;
    border-color: rgba(159, 186, 213, 0.5);
    background: linear-gradient(180deg, rgba(53, 68, 89, 0.95) 0%, rgba(32, 45, 62, 0.95) 100%);
}

.query-action-target-badge[b-0k8cmgy87z] {
    position: absolute;
    right: -0.18rem;
    bottom: -0.18rem;
    min-width: 1.46rem;
    padding: 0.08rem 0.28rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    font-size: 0.54rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    line-height: 1.1;
    box-shadow: 0 3px 7px rgba(4, 11, 20, 0.36);
}

.query-action-transfer-dp4 .query-action-target-badge[b-0k8cmgy87z] {
    color: #2d2006;
    background: linear-gradient(180deg, #ebd582 0%, #c79d4a 100%);
    border-color: rgba(243, 218, 147, 0.68);
}

.query-action-transfer-dp5 .query-action-target-badge[b-0k8cmgy87z] {
    color: #082030;
    background: linear-gradient(180deg, #8fe0ff 0%, #4fb9e5 100%);
    border-color: rgba(156, 228, 255, 0.7);
}

.query-action-delete[b-0k8cmgy87z] {
    color: #f5dce2;
    border-color: rgba(136, 90, 102, 0.36);
    background: linear-gradient(180deg, rgba(89, 48, 58, 0.9) 0%, rgba(63, 34, 43, 0.94) 100%);
}

.query-action-delete:hover:not(:disabled)[b-0k8cmgy87z] {
    color: #fff1f4;
    border-color: rgba(172, 111, 126, 0.56);
    background: linear-gradient(180deg, rgba(103, 56, 67, 0.94) 0%, rgba(73, 39, 49, 0.96) 100%);
}

.query-action-share[b-0k8cmgy87z] {
    color: #dff0ea;
    border-color: rgba(102, 152, 144, 0.34);
    background: linear-gradient(180deg, rgba(38, 70, 68, 0.88) 0%, rgba(24, 48, 47, 0.9) 100%);
}

.query-action-share:hover:not(:disabled)[b-0k8cmgy87z] {
    color: #f4fffc;
    border-color: rgba(136, 188, 180, 0.52);
    background: linear-gradient(180deg, rgba(46, 82, 80, 0.94) 0%, rgba(28, 57, 55, 0.92) 100%);
}

@media (max-width: 760px) {
    .queries-actions-wrap-desktop[b-0k8cmgy87z] {
        display: none;
    }

    .queries-actions-compact[b-0k8cmgy87z] {
        display: block;
        width: 100%;
    }

    .queries-actions-compact summary[b-0k8cmgy87z] {
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        min-height: 1.8rem;
        padding: 0.24rem 0.6rem;
        border: 1px solid rgba(109, 149, 184, 0.32);
        border-radius: 999px;
        background: rgba(22, 41, 60, 0.66);
        color: #dceeff;
        font-size: 0.72rem;
        font-weight: 700;
        cursor: pointer;
        list-style: none;
    }

    .queries-actions-compact summary[b-0k8cmgy87z]::-webkit-details-marker {
        display: none;
    }

    .queries-actions-compact[open] summary[b-0k8cmgy87z] {
        margin-bottom: 0.55rem;
    }

    .queries-actions-wrap-mobile[b-0k8cmgy87z] {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 0.32rem;
    }

    .queries-actions-wrap-mobile .query-action-btn[b-0k8cmgy87z] {
        width: 100%;
        min-width: 0;
        height: 2.55rem;
    }
}
/* _content/LogExplorer.Web/Components/Modules/Queries/Shared/QueryResultsTable.razor.rz.scp.css */
.query-results-table[b-3j5taf8fy7] {
    --bs-table-bg: transparent;
    --bs-table-color: var(--app-text);
    --bs-table-border-color: rgba(80, 122, 155, 0.24);
    --bs-table-hover-bg: rgba(27, 44, 62, 0.58);
    --bs-table-striped-bg: rgba(18, 31, 45, 0.5);
    --bs-table-striped-color: var(--app-text);
}

.query-results-table thead th[b-3j5taf8fy7] {
    color: #d6e3f1;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    background: linear-gradient(180deg, rgba(20, 34, 49, 0.94) 0%, rgba(16, 28, 40, 0.94) 100%);
    border-bottom-color: rgba(94, 132, 164, 0.36);
}

.query-results-table tbody td[b-3j5taf8fy7] {
    vertical-align: middle;
    border-color: rgba(80, 122, 155, 0.2);
}

.query-results-table tbody tr[b-3j5taf8fy7] {
    transition: background-color 120ms ease;
}

.query-results-table tbody tr:hover[b-3j5taf8fy7] {
    --bs-table-color: #eef7ff;
}

.query-results-inline-action[b-3j5taf8fy7] {
    border-radius: 10px;
    font-weight: 700;
    line-height: 1.1;
}

.query-results-inline-share[b-3j5taf8fy7] {
    color: #dff0ea;
    border-color: rgba(102, 152, 144, 0.34);
    background: linear-gradient(180deg, rgba(38, 70, 68, 0.88) 0%, rgba(24, 48, 47, 0.9) 100%);
}

.query-results-inline-share:hover:not(:disabled)[b-3j5taf8fy7] {
    color: #f4fffc;
    border-color: rgba(136, 188, 180, 0.52);
    background: linear-gradient(180deg, rgba(46, 82, 80, 0.94) 0%, rgba(28, 57, 55, 0.92) 100%);
}

.query-detail-toolbar[b-3j5taf8fy7] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
    margin-bottom: 0.65rem;
}

.query-detail-icon[b-3j5taf8fy7] {
    width: 0.95rem;
    height: 0.95rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.query-detail-icon svg[b-3j5taf8fy7] {
    width: 100%;
    height: 100%;
    display: block;
}

.query-view-switch[b-3j5taf8fy7] {
    display: inline-flex;
    gap: 0.22rem;
    padding: 0.22rem;
    border: 1px solid rgba(84, 121, 151, 0.36);
    border-radius: 12px;
    background: rgba(13, 24, 36, 0.85);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.query-view-switch-option[b-3j5taf8fy7] {
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    padding: 0.34rem 0.74rem;
    border: 1px solid transparent;
    border-radius: 9px;
    background: transparent;
    color: #9fb8d0;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.1;
    white-space: nowrap;
    transition: color 120ms ease, background-color 120ms ease;
}

.query-view-switch-option:hover:not(.is-active)[b-3j5taf8fy7] {
    color: #d9e9f8;
    background: rgba(84, 121, 151, 0.18);
}

.query-view-switch-option.is-active[b-3j5taf8fy7] {
    color: #0d2432;
    border-color: #8bd9e8;
    background: linear-gradient(180deg, #63c2d7 0%, #49a9c0 100%);
    box-shadow: 0 6px 12px rgba(3, 10, 19, 0.22);
}

.query-detail-share[b-3j5taf8fy7] {
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    margin-left: auto;
    padding: 0.38rem 0.78rem;
    border: 1px solid rgba(102, 152, 144, 0.4);
    border-radius: 10px;
    background: rgba(30, 58, 56, 0.5);
    color: #cfeae2;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.1;
    white-space: nowrap;
    transition: color 120ms ease, background-color 120ms ease, border-color 120ms ease;
}

.query-detail-share:hover[b-3j5taf8fy7] {
    color: #f4fffc;
    border-color: rgba(136, 188, 180, 0.56);
    background: rgba(42, 76, 74, 0.66);
}

.query-results-bar-tool[b-3j5taf8fy7] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 2.02rem;
    padding: 0.3rem 0.72rem;
    border: 1px solid #3d5876;
    border-radius: 11px;
    background: rgba(24, 39, 56, 0.9);
    box-shadow: inset 0 0 0 1px rgba(83, 128, 169, 0.2);
    color: #cfe2f4;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.1;
    white-space: nowrap;
    transition: color 120ms ease, border-color 120ms ease, background-color 120ms ease;
}

.query-results-bar-tool:hover:not(:disabled)[b-3j5taf8fy7] {
    color: #f0f8ff;
    border-color: #557a9f;
    background: rgba(32, 51, 72, 0.95);
}

.uds-decode-toggle[b-3j5taf8fy7] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 2.02rem;
    padding: 0.3rem 0.72rem;
    border: 1px solid rgba(197, 148, 68, 0.38);
    border-radius: 11px;
    background: rgba(197, 148, 68, 0.08);
    cursor: pointer;
    user-select: none;
    transition: border-color 120ms ease, background-color 120ms ease;
}

.uds-decode-toggle:hover[b-3j5taf8fy7] {
    border-color: rgba(217, 169, 85, 0.6);
    background: rgba(197, 148, 68, 0.14);
}

.uds-decode-toggle-input[b-3j5taf8fy7] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.uds-decode-toggle-track[b-3j5taf8fy7] {
    position: relative;
    width: 2.05rem;
    height: 1.12rem;
    border-radius: 999px;
    background: rgba(120, 138, 160, 0.35);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35);
    transition: background-color 140ms ease;
    flex: 0 0 auto;
}

.uds-decode-toggle-thumb[b-3j5taf8fy7] {
    position: absolute;
    top: 0.12rem;
    left: 0.12rem;
    width: 0.88rem;
    height: 0.88rem;
    border-radius: 50%;
    background: #dbe6f1;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    transition: transform 140ms ease, background-color 140ms ease;
}

.uds-decode-toggle-input:checked ~ .uds-decode-toggle-track[b-3j5taf8fy7] {
    background: linear-gradient(180deg, #d9a955 0%, #b8853a 100%);
}

.uds-decode-toggle-input:checked ~ .uds-decode-toggle-track .uds-decode-toggle-thumb[b-3j5taf8fy7] {
    transform: translateX(0.93rem);
    background: #fff6e3;
}

.uds-decode-toggle-input:focus-visible ~ .uds-decode-toggle-track[b-3j5taf8fy7] {
    outline: 2px solid rgba(217, 169, 85, 0.7);
    outline-offset: 2px;
}

.uds-decode-toggle-text[b-3j5taf8fy7] {
    color: #f0cd82;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.query-results-device-text[b-3j5taf8fy7] {
    color: #f4f8fd;
    font-size: 0.86rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-shadow: 0 0 14px rgba(124, 181, 228, 0.12);
}

.query-results-program-text[b-3j5taf8fy7],
.query-results-command-text[b-3j5taf8fy7] {
    color: #dbeeff;
    font-weight: 700;
}

.query-results-path-text[b-3j5taf8fy7] {
    color: #c8d8e8;
}

.query-results-start-text[b-3j5taf8fy7] {
    color: #d8e6f4;
    font-variant-numeric: tabular-nums;
}

.query-results-software-text[b-3j5taf8fy7] {
    color: #d8d8f4;
    font-family: "Consolas", "Monaco", monospace;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-shadow: 0 0 14px rgba(164, 163, 231, 0.12);
}

.query-results-version-stack[b-3j5taf8fy7] {
    display: grid;
    gap: 0.14rem;
}

.query-results-build-text[b-3j5taf8fy7] {
    color: #9eb5d0;
    font-size: 0.7rem;
    font-variant-numeric: tabular-nums;
}

.query-results-connection-text[b-3j5taf8fy7] {
    color: #c8ecff;
    font-weight: 700;
    white-space: nowrap;
}

.query-results-param-text[b-3j5taf8fy7] {
    color: #d5e6f7;
    font-weight: 600;
}

.query-results-added-text[b-3j5taf8fy7] {
    display: inline-block;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    transition: color 120ms ease;
}

.query-results-added-text.is-fresh[b-3j5taf8fy7] {
    color: #8be3b4;
    font-weight: 800;
    text-shadow: 0 0 16px rgba(117, 225, 168, 0.2);
}

.query-results-added-text.is-warm[b-3j5taf8fy7] {
    color: #86d4e6;
    font-weight: 760;
}

.query-results-added-text.is-aging[b-3j5taf8fy7] {
    color: #f0ca76;
    font-weight: 740;
}

.query-results-added-text.is-stale[b-3j5taf8fy7] {
    color: #d28c98;
    font-weight: 700;
}

.query-results-table pre[b-3j5taf8fy7] {
    margin: 0;
    border: 1px solid rgba(74, 108, 137, 0.34);
    border-radius: 10px;
    padding: 0.75rem 0.85rem;
    color: #dce9f6;
    background: rgba(14, 24, 35, 0.84);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
}

.query-results-table details summary[b-3j5taf8fy7] {
    color: #a9c8e1;
    font-weight: 700;
    cursor: pointer;
}

.query-results-mobile-list[b-3j5taf8fy7] {
    display: none;
}

@media (max-width: 760px) {
    .query-results-table-shell[b-3j5taf8fy7] {
        display: none;
    }

    .query-results-mobile-list[b-3j5taf8fy7] {
        display: grid;
        gap: 0.55rem;
    }

    .query-results-mobile-card[b-3j5taf8fy7] {
        display: grid;
        gap: 0.55rem;
        padding: 0.58rem 0.62rem;
        border: 1px solid rgba(84, 121, 151, 0.34);
        border-radius: 12px;
        background: rgba(13, 24, 36, 0.8);
        box-shadow: 0 8px 16px rgba(2, 10, 18, 0.18);
    }

    .query-results-mobile-card.query-read-row[b-3j5taf8fy7] {
        background: rgba(42, 58, 77, 0.58);
    }

    .query-results-mobile-card-head[b-3j5taf8fy7] {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 0.65rem;
    }

    .query-results-mobile-title[b-3j5taf8fy7] {
        display: grid;
        gap: 0.28rem;
        min-width: 0;
    }

    .query-results-mobile-title-meta[b-3j5taf8fy7] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.45rem;
    }

    .query-results-mobile-grid[b-3j5taf8fy7] {
        display: grid;
        gap: 0.35rem;
    }

    .query-results-mobile-field[b-3j5taf8fy7] {
        display: grid;
        gap: 0.22rem;
        padding: 0.4rem 0.46rem;
        border: 1px solid rgba(77, 112, 142, 0.26);
        border-radius: 10px;
        background: rgba(19, 35, 49, 0.82);
    }

    .query-results-mobile-field span[b-3j5taf8fy7] {
        color: #9cbad4;
        font-size: 0.62rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    .query-results-mobile-field strong[b-3j5taf8fy7] {
        color: #eef7ff;
        font-size: 0.78rem;
        word-break: break-word;
    }

.query-results-mobile-toggle[b-3j5taf8fy7] {
    justify-self: start;
}

    .query-results-mobile-detail[b-3j5taf8fy7] {
        display: grid;
        gap: 0.55rem;
    }
}
/* _content/LogExplorer.Web/Components/Modules/Queries/Shared/ReportAnomalyButton.razor.rz.scp.css */
.report-anomaly-overlay[b-pf42a0sc5v] {
    position: fixed;
    inset: 0;
    z-index: 1400;
    background: rgba(4, 10, 16, 0.62);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.report-anomaly-dialog[b-pf42a0sc5v] {
    width: min(560px, 100%);
    max-height: 88vh;
    overflow: hidden;
    border: 1px solid #3a5671;
    background: linear-gradient(180deg, #112131 0%, #0d1825 100%);
    color: #d8ebff;
    border-radius: 14px;
    box-shadow: 0 20px 50px rgba(2, 10, 18, 0.55);
    display: flex;
    flex-direction: column;
}

.report-anomaly-header[b-pf42a0sc5v] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.85rem 1.25rem;
    border-bottom: 1px solid #2e445d;
    flex-shrink: 0;
}

.report-anomaly-title[b-pf42a0sc5v] {
    margin: 0;
    color: #e7f0fb;
    font-size: 1.05rem;
    font-weight: 600;
}

.report-anomaly-close[b-pf42a0sc5v] {
    background: transparent;
    border: 0;
    color: #9bbfe8;
    font-size: 1.5rem;
    line-height: 1;
    padding: 0 0.4rem;
    cursor: pointer;
    border-radius: 6px;
    transition: color 0.15s, background 0.15s;
}

.report-anomaly-close:hover[b-pf42a0sc5v] {
    color: #fff;
    background: rgba(58, 86, 113, 0.4);
}

.report-anomaly-close:focus-visible[b-pf42a0sc5v] {
    outline: 2px solid #5a8ec1;
    outline-offset: 2px;
}

.report-anomaly-body[b-pf42a0sc5v] {
    padding: 1rem 1.25rem;
    overflow-y: auto;
}

.report-anomaly-meta[b-pf42a0sc5v] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem 1rem;
    font-size: 0.85rem;
    color: #9bbfe8;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #2e445d;
}

.report-anomaly-meta code[b-pf42a0sc5v] {
    color: #cfe1f7;
    background: rgba(58, 86, 113, 0.4);
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
    font-size: 0.82rem;
}

.report-anomaly-meta strong[b-pf42a0sc5v] {
    color: #e7f0fb;
}

.report-anomaly-label[b-pf42a0sc5v] {
    display: block;
    color: #cfe1f7;
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 0.4rem;
}

.report-anomaly-textarea[b-pf42a0sc5v] {
    display: block;
    width: 100%;
    min-height: 6rem;
    padding: 0.55rem 0.75rem;
    background: #0a1622;
    border: 1px solid #3a5671;
    border-radius: 8px;
    color: #e7f0fb;
    font-size: 0.92rem;
    line-height: 1.4;
    resize: vertical;
    font-family: inherit;
}

.report-anomaly-textarea:focus[b-pf42a0sc5v] {
    outline: none;
    border-color: #5a8ec1;
    box-shadow: 0 0 0 0.15rem rgba(90, 142, 193, 0.25);
    background: #0c1a28;
}

.report-anomaly-textarea[b-pf42a0sc5v]::placeholder {
    color: #6a8aab;
}

.report-anomaly-counter[b-pf42a0sc5v] {
    text-align: right;
    color: #6a8aab;
    font-size: 0.78rem;
    margin-top: 0.3rem;
}

.report-anomaly-error[b-pf42a0sc5v] {
    background: rgba(220, 53, 69, 0.18);
    border: 1px solid rgba(220, 53, 69, 0.45);
    color: #ffb3bb;
    padding: 0.55rem 0.75rem;
    border-radius: 8px;
    font-size: 0.85rem;
    margin-top: 0.75rem;
}

.report-anomaly-footer[b-pf42a0sc5v] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem 1rem;
    border-top: 1px solid #2e445d;
    flex-shrink: 0;
}

.report-anomaly-btn[b-pf42a0sc5v] {
    border-radius: 8px;
    padding: 0.4rem 1rem;
    font-size: 0.88rem;
    font-weight: 600;
    border: 1px solid transparent;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.report-anomaly-btn-cancel[b-pf42a0sc5v] {
    background: rgba(58, 86, 113, 0.35);
    border-color: #3a5671;
    color: #d8ebff;
}

.report-anomaly-btn-cancel:hover:not(:disabled)[b-pf42a0sc5v] {
    background: rgba(74, 109, 142, 0.5);
    border-color: #4a6d8e;
}

.report-anomaly-btn-submit[b-pf42a0sc5v] {
    background: #d97706;
    border-color: #b86205;
    color: #fff;
}

.report-anomaly-btn-submit:hover:not(:disabled)[b-pf42a0sc5v] {
    background: #b86205;
}

.report-anomaly-btn:disabled[b-pf42a0sc5v] {
    opacity: 0.5;
    cursor: not-allowed;
}

.report-anomaly-btn:focus-visible[b-pf42a0sc5v] {
    outline: 2px solid #5a8ec1;
    outline-offset: 2px;
}
/* _content/LogExplorer.Web/Components/Modules/UniquePhrase/Pages/UniquePhrasePage.razor.rz.scp.css */
.unique-phrase-page-shell.has-fixed-paginator[b-9gh8vh7u21] {
    padding-bottom: 8.5rem;
}

.phrase-input[b-9gh8vh7u21] {
    max-width: 640px;
}

.unique-phrase-primary-action[b-9gh8vh7u21] {
    background: linear-gradient(180deg, #63c2d7 0%, #49a9c0 100%);
    color: #0d2432;
    border-color: #8bd9e8;
}

.unique-phrase-primary-action:hover:not(:disabled)[b-9gh8vh7u21] {
    color: #081b28;
    border-color: #b4e7f1;
    filter: brightness(1.05);
}

.unique-phrase-secondary-action[b-9gh8vh7u21] {
    background: linear-gradient(180deg, #425d73 0%, #33485d 100%);
    color: #e7f2fb;
    border-color: #6887a0;
}

.unique-phrase-secondary-action:hover:not(:disabled)[b-9gh8vh7u21] {
    color: #f5fbff;
    border-color: #83a3be;
    filter: brightness(1.06);
}

.unique-phrase-warning-action[b-9gh8vh7u21] {
    color: #ffebc7;
    background: rgba(162, 114, 19, 0.24);
    border-color: rgba(232, 178, 75, 0.46);
}

.unique-phrase-warning-action:hover:not(:disabled)[b-9gh8vh7u21] {
    color: #fff6e3;
    border-color: rgba(245, 198, 101, 0.6);
    background: rgba(180, 126, 21, 0.32);
}

.unique-phrase-inline-action[b-9gh8vh7u21] {
    color: #dff0ea;
    border-color: rgba(102, 152, 144, 0.34);
    background: linear-gradient(180deg, rgba(38, 70, 68, 0.88) 0%, rgba(24, 48, 47, 0.9) 100%);
}

.unique-phrase-inline-action:hover:not(:disabled)[b-9gh8vh7u21] {
    color: #f4fffc;
    border-color: rgba(136, 188, 180, 0.52);
    background: linear-gradient(180deg, rgba(46, 82, 80, 0.94) 0%, rgba(28, 57, 55, 0.92) 100%);
}

.unique-phrase-inline-danger[b-9gh8vh7u21] {
    color: #fff1f4;
    border-color: rgba(172, 111, 126, 0.56);
    background: linear-gradient(180deg, rgba(103, 56, 67, 0.94) 0%, rgba(73, 39, 49, 0.96) 100%);
}

.unique-phrase-inline-danger:hover:not(:disabled)[b-9gh8vh7u21] {
    color: #fff6f8;
    border-color: rgba(196, 129, 145, 0.64);
    filter: brightness(1.05);
}

.search-progress[b-9gh8vh7u21] {
    color: #a8c3dd;
    font-size: 0.9rem;
    font-variant-numeric: tabular-nums;
}

.unique-phrase-hits-table[b-9gh8vh7u21] {
    table-layout: fixed;
}

.sub-results-body[b-9gh8vh7u21] {
    padding: 0.1rem 0;
}

.unique-phrase-count-col[b-9gh8vh7u21] {
    width: 13.5rem;
}

.unique-phrase-hit-actions[b-9gh8vh7u21] {
    width: 13.5rem;
    vertical-align: top;
}

.unique-phrase-hit-toggle[b-9gh8vh7u21] {
    display: inline-flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.unique-phrase-hit-detail-row > td[b-9gh8vh7u21] {
    padding-top: 0;
    border-top: none;
}

.unique-phrase-docs-shell[b-9gh8vh7u21] {
    margin-top: 0.2rem;
}

/* Nadpisuje siatkę trzech stref z app.css — ten pasek ma własny układ ograniczony do 1320px. */
.unique-phrase-fixed-paginator[b-9gh8vh7u21] {
    display: flex;
    justify-content: center;
}

.unique-phrase-pagination-layout[b-9gh8vh7u21] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    width: min(100%, 1320px);
}

.unique-phrase-pagination-layout > *[b-9gh8vh7u21] {
    min-width: 0;
}

.unique-phrase-pagination-window[b-9gh8vh7u21] {
    justify-content: flex-end;
}

.unique-phrase-pagination-window-value[b-9gh8vh7u21] {
    font-size: 1.12rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.mode-switch-dialog-backdrop[b-9gh8vh7u21] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(9, 18, 27, 0.64);
    backdrop-filter: blur(2px);
}

.mode-switch-dialog[b-9gh8vh7u21] {
    width: min(560px, calc(100vw - 2rem));
    border: 1px solid #2e4764;
    border-radius: 12px;
    background: linear-gradient(180deg, #15273a 0%, #0f1d2d 100%);
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.45);
    color: #d7e9fc;
    padding: 1rem 1.1rem;
}

.mode-switch-dialog-title[b-9gh8vh7u21] {
    font-size: 1.02rem;
    font-weight: 700;
    margin-bottom: 0.55rem;
}

.mode-switch-dialog-body[b-9gh8vh7u21] {
    color: #bcd5ee;
    font-size: 0.94rem;
}

.mode-switch-dialog-body p[b-9gh8vh7u21] {
    margin-bottom: 0.45rem;
}

.mode-switch-dialog-summary[b-9gh8vh7u21] {
    border: 1px solid #2c4f70;
    border-radius: 8px;
    background: rgba(8, 24, 40, 0.75);
    color: #d6ebff;
    padding: 0.55rem 0.65rem;
    white-space: pre-line;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
    font-size: 0.86rem;
}

.mode-switch-dialog-actions[b-9gh8vh7u21] {
    margin-top: 0.95rem;
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

@media (max-width: 760px) {
    .unique-phrase-page-shell.has-fixed-paginator[b-9gh8vh7u21] {
        padding-bottom: 10rem;
    }

    .unique-phrase-toolbar > .btn[b-9gh8vh7u21] {
        width: 100%;
        min-height: 2.1rem;
        padding: 0.44rem 0.76rem;
    }

    .phrase-input[b-9gh8vh7u21] {
        max-width: none;
    }

    .mode-switch-dialog-actions[b-9gh8vh7u21] {
        flex-direction: column-reverse;
    }

    .unique-phrase-filters-table thead[b-9gh8vh7u21],
    .unique-phrase-hits-table thead[b-9gh8vh7u21] {
        display: none;
    }

    .unique-phrase-filters-table[b-9gh8vh7u21],
    .unique-phrase-filters-table tbody[b-9gh8vh7u21],
    .unique-phrase-filters-table tr[b-9gh8vh7u21],
    .unique-phrase-filters-table td[b-9gh8vh7u21],
    .unique-phrase-hits-table[b-9gh8vh7u21],
    .unique-phrase-hits-table tbody[b-9gh8vh7u21],
    .unique-phrase-hits-table tr[b-9gh8vh7u21],
    .unique-phrase-hits-table td[b-9gh8vh7u21] {
        display: block;
        width: 100%;
    }

    .unique-phrase-filters-table tbody[b-9gh8vh7u21],
    .unique-phrase-hits-table tbody[b-9gh8vh7u21] {
        display: grid;
        gap: 0.55rem;
    }

    .unique-phrase-filters-table tr[b-9gh8vh7u21],
    .unique-phrase-hits-table tr[b-9gh8vh7u21] {
        padding: 0.58rem 0.62rem;
        border: 1px solid rgba(76, 111, 140, 0.3);
        border-radius: 12px;
        background: rgba(16, 28, 40, 0.82);
        box-shadow: 0 8px 16px rgba(2, 10, 18, 0.18);
    }

    .unique-phrase-filters-table td[b-9gh8vh7u21],
    .unique-phrase-hits-table td[b-9gh8vh7u21] {
        padding: 0.25rem 0 0.55rem;
        border: none;
    }

    .unique-phrase-filters-table td + td[b-9gh8vh7u21],
    .unique-phrase-hits-table td + td[b-9gh8vh7u21] {
        border-top: 1px solid rgba(66, 96, 121, 0.22);
        padding-top: 0.65rem;
    }

    .unique-phrase-filters-table td[b-9gh8vh7u21]::before,
    .unique-phrase-hits-table td[b-9gh8vh7u21]::before {
        display: block;
        margin-bottom: 0.28rem;
        color: #9cbad4;
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    .unique-phrase-filters-table td:nth-child(1)[b-9gh8vh7u21]::before {
        content: "Pole";
    }

    .unique-phrase-filters-table td:nth-child(2)[b-9gh8vh7u21]::before {
        content: "Operator";
    }

    .unique-phrase-filters-table td:nth-child(3)[b-9gh8vh7u21]::before {
        content: "Wartość";
    }

    .unique-phrase-filters-table td:nth-child(4)[b-9gh8vh7u21]::before {
        content: "Akcje";
    }

    .unique-phrase-hits-table td:nth-child(1)[b-9gh8vh7u21]::before {
        content: "Szukana fraza";
    }

    .unique-phrase-hits-table td:nth-child(2)[b-9gh8vh7u21]::before {
        content: "Wyniki";
    }

    .unique-phrase-count-col[b-9gh8vh7u21],
    .unique-phrase-hit-actions[b-9gh8vh7u21] {
        width: 100%;
    }

    .unique-phrase-hit-toggle[b-9gh8vh7u21] {
        white-space: normal;
    }

    .unique-phrase-hit-detail-row[b-9gh8vh7u21] {
        padding: 0;
        border: none;
        background: transparent;
        box-shadow: none;
    }

    .unique-phrase-hit-detail-row td[b-9gh8vh7u21] {
        padding: 0.45rem 0 0;
    }

    .unique-phrase-hit-detail-row td[b-9gh8vh7u21]::before {
        display: none;
    }

    .unique-phrase-pagination-layout[b-9gh8vh7u21] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.55rem;
    }

    .unique-phrase-pagination-window[b-9gh8vh7u21] {
        justify-content: flex-start;
    }
}
/* _content/LogExplorer.Web/Components/Shared/AppRefreshButton.razor.rz.scp.css */
.app-refresh-button[b-j5z0rwn7vj] {
    width: 2.05rem;
    height: 2.05rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    padding: 0;
    border: 1px solid rgba(99, 145, 179, 0.46);
    border-radius: 999px;
    background:
        linear-gradient(180deg, rgba(34, 55, 74, 0.95), rgba(17, 28, 40, 0.95)),
        rgba(16, 27, 39, 0.9);
    color: #d9ebfb;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 8px 16px rgba(4, 10, 17, 0.24);
    transition: transform 120ms ease, border-color 120ms ease, background 120ms ease, box-shadow 120ms ease, opacity 120ms ease;
}

.app-refresh-button svg[b-j5z0rwn7vj] {
    width: 0.96rem;
    height: 0.96rem;
    fill: currentColor;
}

.app-refresh-button:hover:not(:disabled)[b-j5z0rwn7vj] {
    transform: translateY(-1px);
    border-color: rgba(142, 204, 241, 0.8);
    background:
        linear-gradient(180deg, rgba(45, 73, 97, 0.98), rgba(20, 35, 49, 0.98)),
        rgba(18, 30, 44, 0.94);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 12px 20px rgba(4, 10, 17, 0.3);
}

.app-refresh-button:disabled[b-j5z0rwn7vj] {
    opacity: 0.68;
    cursor: default;
}

.app-refresh-button.is-loading svg[b-j5z0rwn7vj] {
    animation: app-refresh-spin-b-j5z0rwn7vj 900ms linear infinite;
}

@keyframes app-refresh-spin-b-j5z0rwn7vj {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
/* _content/LogExplorer.Web/Components/Shared/ElasticDashboard/RecentLogsPanel.razor.rz.scp.css */
.elastic-dashboard-panel[b-yeqlnpfayi] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    min-width: 0;
    min-height: 100%;
    padding: 0.58rem 0.62rem;
    border: 1px solid rgba(64, 93, 120, 0.65);
    border-radius: 11px;
    background: rgba(14, 25, 37, 0.55);
}

.elastic-dashboard-panel.is-dp4[b-yeqlnpfayi] {
    border-color: rgba(214, 168, 77, 0.5);
    background:
        linear-gradient(180deg, rgba(73, 50, 16, 0.28), rgba(14, 25, 37, 0.82)),
        rgba(14, 25, 37, 0.55);
}

.elastic-dashboard-panel.is-dp5[b-yeqlnpfayi] {
    border-color: rgba(87, 190, 216, 0.5);
    background:
        linear-gradient(180deg, rgba(17, 67, 88, 0.28), rgba(14, 25, 37, 0.82)),
        rgba(14, 25, 37, 0.55);
}

.elastic-dashboard-panel-head[b-yeqlnpfayi] {
    display: flex;
    align-items: center;
    gap: 0.48rem;
    flex-wrap: wrap;
    margin-bottom: 0.08rem;
}

.elastic-dashboard-badge[b-yeqlnpfayi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    padding: 0.15rem 0.42rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    color: #111;
    border: 1px solid rgba(0, 0, 0, 0.18);
    background: linear-gradient(180deg, #f0ca76 0%, #dca847 100%);
}

.elastic-dashboard-panel.is-dp5 .elastic-dashboard-badge[b-yeqlnpfayi] {
    background: linear-gradient(180deg, #92e3f2 0%, #58c7df 100%);
}

.elastic-dashboard-caption[b-yeqlnpfayi] {
    color: #bdd4e9;
    font-size: 0.8rem;
    font-weight: 600;
}

.elastic-dashboard-inline-note[b-yeqlnpfayi] {
    margin-left: auto;
    color: #9fbbd5;
    font-size: 0.79rem;
}

.elastic-dashboard-summary[b-yeqlnpfayi] {
    display: flex;
    gap: 0.7rem 1rem;
    flex-wrap: wrap;
    color: #a9c4dc;
    font-size: 0.78rem;
}

.elastic-dashboard-content-shell[b-yeqlnpfayi] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    min-width: 0;
}

.elastic-dashboard-summary strong[b-yeqlnpfayi] {
    color: #edf7ff;
    font-weight: 700;
}

.elastic-dashboard-toolbar[b-yeqlnpfayi] {
    display: flex;
    gap: 0.55rem;
    align-items: end;
    flex-wrap: wrap;
}

.elastic-dashboard-search[b-yeqlnpfayi],
.elastic-dashboard-page-size[b-yeqlnpfayi] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    color: #9eb7cb;
    font-size: 0.72rem;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.elastic-dashboard-search[b-yeqlnpfayi] {
    min-width: min(18rem, 100%);
    flex: 1 1 14rem;
}

.elastic-dashboard-search input[b-yeqlnpfayi],
.elastic-dashboard-page-size select[b-yeqlnpfayi] {
    min-height: 2.15rem;
    padding: 0.42rem 0.65rem;
    border: 1px solid #345170;
    border-radius: 8px;
    color: #e9f2fc;
    background: rgba(12, 26, 40, 0.85);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
}

.elastic-dashboard-search input:focus[b-yeqlnpfayi],
.elastic-dashboard-page-size select:focus[b-yeqlnpfayi] {
    outline: none;
    border-color: var(--mode-accent-border, #5ec4ea);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mode-accent-soft-strong, rgba(94, 196, 234, 0.18)) 88%, transparent);
}

.elastic-dashboard-empty[b-yeqlnpfayi],
.elastic-dashboard-state[b-yeqlnpfayi] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 10rem;
    border: 1px dashed #395777;
    border-radius: 10px;
    padding: 0.85rem;
    color: #9fbbd5;
    background: rgba(18, 30, 44, 0.55);
}

.elastic-dashboard-state[b-yeqlnpfayi] {
    gap: 0.75rem;
}

.elastic-dashboard-overlay[b-yeqlnpfayi] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 1rem;
    border-radius: 10px;
    background: rgba(11, 20, 30, 0.72);
    backdrop-filter: blur(2px);
    color: #e7f2fb;
    z-index: 2;
}

.elastic-dashboard-table[b-yeqlnpfayi] {
    --bs-table-bg: transparent;
    --bs-table-color: var(--app-text);
    --bs-table-border-color: rgba(80, 122, 155, 0.26);
    --bs-table-hover-bg: rgba(26, 43, 61, 0.55);
    margin-bottom: 0;
}

.elastic-dashboard-cards[b-yeqlnpfayi] {
    display: none;
}

.elastic-dashboard-table thead th[b-yeqlnpfayi] {
    color: #d6e3f1;
    font-weight: 700;
    white-space: nowrap;
}

.elastic-dashboard-sort[b-yeqlnpfayi] {
    border: none;
    padding: 0;
    color: inherit;
    font: inherit;
    background: transparent;
}

.elastic-dashboard-sort:hover[b-yeqlnpfayi] {
    color: #f0f8ff;
}

.elastic-dashboard-sort.is-numeric[b-yeqlnpfayi] {
    width: 100%;
    text-align: right;
}

.elastic-dashboard-device[b-yeqlnpfayi] {
    font-weight: 700;
    letter-spacing: 0.06em;
}

.elastic-dashboard-device-text[b-yeqlnpfayi] {
    color: #f4f8fd;
    font-size: 0.88rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-shadow: 0 0 14px rgba(124, 181, 228, 0.16);
}

.elastic-dashboard-software-text[b-yeqlnpfayi] {
    color: #d8d8f4;
    font-family: "Consolas", "Monaco", monospace;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-shadow: 0 0 14px rgba(164, 163, 231, 0.12);
}

.elastic-dashboard-freshness-text[b-yeqlnpfayi] {
    display: inline-block;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    transition: color 120ms ease;
}

.elastic-dashboard-freshness-text.is-fresh[b-yeqlnpfayi] {
    color: #8be3b4;
    font-weight: 800;
    text-shadow: 0 0 16px rgba(117, 225, 168, 0.22);
}

.elastic-dashboard-freshness-text.is-warm[b-yeqlnpfayi] {
    color: #86d4e6;
    font-weight: 760;
}

.elastic-dashboard-freshness-text.is-aging[b-yeqlnpfayi] {
    color: #f0ca76;
    font-weight: 740;
}

.elastic-dashboard-freshness-text.is-stale[b-yeqlnpfayi] {
    color: #d28c98;
    font-weight: 700;
}

.elastic-dashboard-count-link[b-yeqlnpfayi] {
    color: #c5dcf2;
    text-decoration: none;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.elastic-dashboard-count-link:hover[b-yeqlnpfayi] {
    color: #eef8ff;
    text-decoration: underline;
    text-decoration-color: rgba(190, 222, 248, 0.55);
    text-underline-offset: 0.18rem;
}

.elastic-dashboard-count-link.is-muted[b-yeqlnpfayi] {
    color: #72889d;
}

.elastic-dashboard-empty-row[b-yeqlnpfayi] {
    padding: 1rem 0;
    text-align: center;
    color: #9fbbd5;
}

.elastic-dashboard-pagination[b-yeqlnpfayi] {
    display: flex;
    justify-content: space-between;
    gap: 0.8rem;
    align-items: center;
    flex-wrap: wrap;
    color: #9eb7cb;
    font-size: 0.8rem;
}

.elastic-dashboard-pagination-actions[b-yeqlnpfayi] {
    display: flex;
    gap: 0.55rem;
    align-items: center;
}

@media (max-width: 900px) {
    .elastic-dashboard-inline-note[b-yeqlnpfayi] {
        margin-left: 0;
    }

    .elastic-dashboard-pagination[b-yeqlnpfayi] {
        align-items: stretch;
    }
}

@media (max-width: 720px) {
    .elastic-dashboard-table-shell[b-yeqlnpfayi] {
        display: none;
    }

    .elastic-dashboard-cards[b-yeqlnpfayi] {
        display: grid;
        gap: 0.65rem;
    }

    .elastic-dashboard-card[b-yeqlnpfayi] {
        display: grid;
        gap: 0.34rem;
        padding: 0.5rem 0.56rem;
        border: 1px solid rgba(90, 126, 156, 0.34);
        border-radius: 12px;
        background: rgba(13, 25, 37, 0.74);
    }

    .elastic-dashboard-card-head[b-yeqlnpfayi] {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 0.45rem;
    }

    .elastic-dashboard-card-title[b-yeqlnpfayi] {
        min-width: 0;
    }

    .elastic-dashboard-card-metrics-inline[b-yeqlnpfayi] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.26rem;
    }

    .elastic-dashboard-card-chip[b-yeqlnpfayi] {
        display: inline-flex;
        align-items: center;
        gap: 0.3rem;
        min-width: 0;
        padding: 0.2rem 0.42rem;
        border-radius: 999px;
        background: rgba(19, 35, 49, 0.82);
        border: 1px solid rgba(77, 112, 142, 0.28);
    }

    .elastic-dashboard-card-chip span:first-child[b-yeqlnpfayi] {
        color: #9cbad4;
        font-size: 0.58rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.08em;
    }

    .elastic-dashboard-count-link[b-yeqlnpfayi] {
        font-size: 0.76rem;
    }

    .elastic-dashboard-device-text[b-yeqlnpfayi] {
        font-size: 0.78rem;
    }

    .elastic-dashboard-software-text[b-yeqlnpfayi],
    .elastic-dashboard-freshness-text[b-yeqlnpfayi] {
        font-size: 0.68rem;
    }
}
/* _content/LogExplorer.Web/Components/Shared/ElasticDashboard/RecentProgramUsagesPanel.razor.rz.scp.css */
.elastic-usage-panel[b-e9zncelook] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    min-height: 100%;
    min-width: 0;
    padding: 0.58rem 0.62rem;
    border: 1px solid rgba(64, 93, 120, 0.65);
    border-radius: 11px;
    background: rgba(14, 25, 37, 0.55);
    overflow: hidden;
}

.elastic-usage-panel.is-dp4[b-e9zncelook] {
    border-color: rgba(214, 168, 77, 0.5);
    background:
        linear-gradient(180deg, rgba(73, 50, 16, 0.28), rgba(14, 25, 37, 0.82)),
        rgba(14, 25, 37, 0.55);
}

.elastic-usage-panel.is-dp5[b-e9zncelook] {
    border-color: rgba(87, 190, 216, 0.5);
    background:
        linear-gradient(180deg, rgba(17, 67, 88, 0.28), rgba(14, 25, 37, 0.82)),
        rgba(14, 25, 37, 0.55);
}

.elastic-usage-panel-head[b-e9zncelook] {
    display: flex;
    align-items: center;
    gap: 0.48rem;
    flex-wrap: wrap;
    margin-bottom: 0.08rem;
}

.elastic-usage-badge[b-e9zncelook] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    padding: 0.15rem 0.42rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    color: #111;
    border: 1px solid rgba(0, 0, 0, 0.18);
    background: linear-gradient(180deg, #f0ca76 0%, #dca847 100%);
}

.elastic-usage-panel.is-dp5 .elastic-usage-badge[b-e9zncelook] {
    background: linear-gradient(180deg, #92e3f2 0%, #58c7df 100%);
}

.elastic-usage-caption[b-e9zncelook] {
    color: #bdd4e9;
    font-size: 0.8rem;
    font-weight: 600;
}

.elastic-usage-inline-note[b-e9zncelook] {
    margin-left: auto;
    color: #9fbbd5;
    font-size: 0.79rem;
}

.elastic-usage-summary[b-e9zncelook] {
    display: flex;
    gap: 0.7rem 1rem;
    flex-wrap: wrap;
    color: #a9c4dc;
    font-size: 0.78rem;
}

.elastic-usage-summary strong[b-e9zncelook] {
    color: #edf7ff;
    font-weight: 700;
}

.elastic-usage-toolbar[b-e9zncelook] {
    display: flex;
    gap: 0.55rem;
    align-items: end;
    flex-wrap: wrap;
}

.elastic-usage-search[b-e9zncelook],
.elastic-usage-page-size[b-e9zncelook] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    color: #9eb7cb;
    font-size: 0.72rem;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.elastic-usage-search[b-e9zncelook] {
    min-width: min(18rem, 100%);
    flex: 1 1 14rem;
}

.elastic-usage-search input[b-e9zncelook],
.elastic-usage-page-size select[b-e9zncelook] {
    min-height: 2.15rem;
    padding: 0.42rem 0.65rem;
    border: 1px solid #345170;
    border-radius: 8px;
    color: #e9f2fc;
    background: rgba(12, 26, 40, 0.85);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
}

.elastic-usage-search input:focus[b-e9zncelook],
.elastic-usage-page-size select:focus[b-e9zncelook] {
    outline: none;
    border-color: var(--mode-accent-border, #5ec4ea);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mode-accent-soft-strong, rgba(94, 196, 234, 0.18)) 88%, transparent);
}

.elastic-usage-empty[b-e9zncelook],
.elastic-usage-state[b-e9zncelook] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 10rem;
    border: 1px dashed #395777;
    border-radius: 10px;
    padding: 0.85rem;
    color: #9fbbd5;
    background: rgba(18, 30, 44, 0.55);
}

.elastic-usage-state[b-e9zncelook] {
    gap: 0.75rem;
}

.elastic-usage-table[b-e9zncelook] {
    --bs-table-bg: transparent;
    --bs-table-color: var(--app-text);
    --bs-table-border-color: rgba(80, 122, 155, 0.26);
    --bs-table-hover-bg: rgba(26, 43, 61, 0.55);
    margin-bottom: 0;
}

.elastic-usage-cards[b-e9zncelook] {
    display: none;
}

.elastic-usage-table thead th[b-e9zncelook] {
    color: #d6e3f1;
    font-weight: 700;
    white-space: nowrap;
}

.elastic-usage-sort[b-e9zncelook] {
    border: none;
    padding: 0;
    color: inherit;
    font: inherit;
    background: transparent;
}

.elastic-usage-sort:hover[b-e9zncelook] {
    color: #f0f8ff;
}

.elastic-usage-device[b-e9zncelook] {
    font-weight: 700;
    letter-spacing: 0.06em;
}

.elastic-usage-empty-row[b-e9zncelook] {
    padding: 1rem 0;
    text-align: center;
    color: #9fbbd5;
}

.elastic-usage-pagination[b-e9zncelook] {
    display: flex;
    justify-content: space-between;
    gap: 0.8rem;
    align-items: center;
    flex-wrap: wrap;
    color: #9eb7cb;
    font-size: 0.8rem;
}

.elastic-usage-pagination-actions[b-e9zncelook] {
    display: flex;
    gap: 0.55rem;
    align-items: center;
}

@media (max-width: 900px) {
    .elastic-usage-inline-note[b-e9zncelook] {
        margin-left: 0;
    }

    .elastic-usage-pagination[b-e9zncelook] {
        align-items: stretch;
    }
}

@media (max-width: 720px) {
    .elastic-usage-table-shell[b-e9zncelook] {
        display: none;
    }

    .elastic-usage-cards[b-e9zncelook] {
        display: grid;
        gap: 0.65rem;
    }

    .elastic-usage-card[b-e9zncelook] {
        display: grid;
        gap: 0.38rem;
        padding: 0.5rem 0.56rem;
        border: 1px solid rgba(90, 126, 156, 0.34);
        border-radius: 12px;
        background: rgba(13, 25, 37, 0.74);
    }

    .elastic-usage-card-head[b-e9zncelook] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 0.45rem;
    }

    .elastic-usage-card-title[b-e9zncelook] {
        display: flex;
        align-items: center;
        gap: 0.34rem;
        min-width: 0;
        flex-wrap: wrap;
    }

    .elastic-usage-card-program[b-e9zncelook] {
        display: inline-flex;
        align-items: center;
        padding: 0.14rem 0.42rem;
        border-radius: 999px;
        background: rgba(20, 37, 52, 0.82);
        border: 1px solid rgba(77, 112, 142, 0.28);
        color: #bdd7eb;
        font-family: "Consolas", "Monaco", monospace;
        font-size: 0.7rem;
        font-weight: 700;
        letter-spacing: 0.07em;
    }

    .elastic-usage-card-meta[b-e9zncelook] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.26rem;
    }

    .elastic-usage-card-chip[b-e9zncelook] {
        display: inline-flex;
        align-items: center;
        gap: 0.28rem;
        min-width: 0;
        max-width: 100%;
        padding: 0.2rem 0.42rem;
        border-radius: 999px;
        background: rgba(19, 35, 49, 0.82);
        border: 1px solid rgba(77, 112, 142, 0.28);
    }

    .elastic-usage-card-chip span[b-e9zncelook] {
        color: #9cbad4;
        font-size: 0.58rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.08em;
    }

    .elastic-usage-card-chip strong[b-e9zncelook] {
        color: #eef7ff;
        font-size: 0.72rem;
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .elastic-usage-card-action[b-e9zncelook] {
        padding: 0.22rem 0.54rem;
        line-height: 1.1;
    }

    .elastic-usage-device[b-e9zncelook] {
        font-size: 0.78rem;
    }
}