@import 'UnifiedDashboardRelay.Client.a8okw471un.bundle.scp.css';

/* /Components/Account/Shared/AccountLayout.razor.rz.scp.css */
.account-shell[b-vqsru1vuy2] {
    --account-ink: #f7fbff;
    --account-muted: #9bb0c7;
    --account-border: rgba(151, 174, 202, 0.18);
    --account-accent: var(--pulse-info-bright);
    position: relative;
    display: grid;
    grid-template-rows: auto 1fr auto;
    min-height: 100vh;
    overflow: hidden;
    color: var(--account-ink);
    background:
        radial-gradient(circle at 12% 14%, rgba(28, 104, 164, 0.2), transparent 32rem),
        linear-gradient(135deg, #07111f 0%, #0a1727 48%, #081321 100%);
    isolation: isolate;
}

.account-atmosphere[b-vqsru1vuy2],
.account-grid[b-vqsru1vuy2] {
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
}

.account-grid[b-vqsru1vuy2] {
    opacity: 0.14;
    background-image:
        linear-gradient(rgba(130, 165, 204, 0.16) 1px, transparent 1px),
        linear-gradient(90deg, rgba(130, 165, 204, 0.16) 1px, transparent 1px);
    background-size: 54px 54px;
    mask-image: linear-gradient(to bottom, black, transparent 80%);
}

.account-glow[b-vqsru1vuy2] {
    position: absolute;
    width: 34rem;
    height: 34rem;
    border-radius: 50%;
    opacity: 0.52;
}

.account-glow-one[b-vqsru1vuy2] {
    top: -18rem;
    right: -8rem;
    background: radial-gradient(circle, rgba(47, 187, 231, .28), transparent 68%);
}

.account-glow-two[b-vqsru1vuy2] {
    bottom: -22rem;
    left: 28%;
    background: radial-gradient(circle, rgba(47, 88, 157, .3), transparent 68%);
}

.account-brandbar[b-vqsru1vuy2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: min(1260px, calc(100% - 3rem));
    margin: 0 auto;
    padding: 1.5rem 0;
}

.account-brand[b-vqsru1vuy2] {
    display: inline-flex;
    gap: 0.8rem;
    align-items: center;
    color: inherit;
    text-decoration: none;
}

.account-brand-symbol[b-vqsru1vuy2] {
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    place-items: center;
    border: 1px solid rgba(80, 211, 255, 0.28);
    border-radius: 0.85rem;
    background: linear-gradient(145deg, rgba(44, 188, 236, 0.18), rgba(47, 88, 157, 0.16));
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
}

.account-brand-symbol svg[b-vqsru1vuy2] {
    width: 2rem;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.account-brand-shield[b-vqsru1vuy2] { stroke: #52d9ff; }
.account-brand-pulse[b-vqsru1vuy2] { stroke: #f8fcff; }

.account-brand > span:last-child[b-vqsru1vuy2] {
    display: grid;
    gap: 0.08rem;
}

.account-brand strong[b-vqsru1vuy2] {
    font-size: 1rem;
    letter-spacing: 0.02em;
}

.account-brand small[b-vqsru1vuy2] {
    color: var(--account-muted);
    font-size: 0.72rem;
}

.account-trust[b-vqsru1vuy2] {
    display: inline-flex;
    gap: 0.48rem;
    align-items: center;
    color: #b7c8d9;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.account-brand-actions[b-vqsru1vuy2] {
    align-items: center;
    display: flex;
    gap: .65rem;
}

.account-theme-toggle[b-vqsru1vuy2] {
    align-items: center;
    background: rgba(15, 34, 55, .76);
    border: 1px solid var(--account-border);
    border-radius: .72rem;
    color: #b9cce0;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: .7rem;
    font-weight: 750;
    gap: .42rem;
    min-height: 2.35rem;
    padding: 0 .72rem;
}

.account-theme-toggle svg[b-vqsru1vuy2] {
    fill: none;
    height: 1rem;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.7;
    width: 1rem;
}

.account-theme-sun[b-vqsru1vuy2],
.account-theme-toggle[data-current-theme="dark"] .account-theme-moon[b-vqsru1vuy2] {
    display: none;
}

.account-theme-toggle[data-current-theme="dark"] .account-theme-sun[b-vqsru1vuy2] {
    display: block;
}

.account-theme-toggle:hover[b-vqsru1vuy2] {
    color: #fff;
}

.account-brand:focus-visible[b-vqsru1vuy2],
.account-theme-toggle:focus-visible[b-vqsru1vuy2],
[b-vqsru1vuy2] .account-input:focus-visible,
[b-vqsru1vuy2] .account-submit:focus-visible,
[b-vqsru1vuy2] .account-secondary:focus-visible,
[b-vqsru1vuy2] .account-check:focus-within {
    outline: 2px solid #38bde7;
    outline-offset: 3px;
}

.account-trust-dot[b-vqsru1vuy2] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: var(--pulse-success-bright);
    box-shadow: 0 0 0 0.28rem rgba(69, 225, 163, 0.12), 0 0 1rem rgba(69, 225, 163, 0.5);
}

.account-stage[b-vqsru1vuy2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(23rem, 30rem);
    gap: clamp(3rem, 8vw, 8rem);
    align-items: center;
    width: min(1160px, calc(100% - 3rem));
    margin: auto;
    padding: 3rem 0 4.5rem;
}

.account-story[b-vqsru1vuy2] {
    max-width: 38rem;
}

.account-story-kicker[b-vqsru1vuy2] {
    color: var(--account-accent);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.account-story h1[b-vqsru1vuy2] {
    margin: 1.1rem 0 1.25rem;
    color: #f7fbff;
    font-size: clamp(2.6rem, 5vw, 4.8rem);
    font-weight: 720;
    line-height: 0.98;
    letter-spacing: -0.055em;
}

.account-story > p[b-vqsru1vuy2] {
    max-width: 34rem;
    margin: 0;
    color: #a9bad0;
    font-size: clamp(1rem, 1.5vw, 1.12rem);
    line-height: 1.72;
}

.account-story-points[b-vqsru1vuy2] {
    display: grid;
    gap: 1rem;
    margin-top: 2.7rem;
}

.account-story-points article[b-vqsru1vuy2] {
    display: flex;
    gap: 0.85rem;
    align-items: center;
}

.account-story-points article > span[b-vqsru1vuy2] {
    display: grid;
    flex: 0 0 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
    place-items: center;
    border: 1px solid var(--account-border);
    border-radius: 0.75rem;
    color: #62dfff;
    background: rgba(16, 37, 62, 0.72);
}

.account-story-points svg[b-vqsru1vuy2] {
    width: 1.3rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.7;
}

.account-story-points article div[b-vqsru1vuy2] {
    display: grid;
    gap: 0.12rem;
}

.account-story-points strong[b-vqsru1vuy2] { font-size: 0.91rem; }
.account-story-points small[b-vqsru1vuy2] { color: var(--account-muted); font-size: 0.78rem; }

.account-workspace[b-vqsru1vuy2] {
    min-width: 0;
}

.account-footer[b-vqsru1vuy2] {
    display: flex;
    justify-content: space-between;
    width: min(1260px, calc(100% - 3rem));
    margin: 0 auto;
    padding: 1.2rem 0 1.5rem;
    border-top: 1px solid rgba(151, 174, 202, 0.12);
    color: #70859d;
    font-size: 0.72rem;
}

[b-vqsru1vuy2] .account-card {
    position: relative;
    padding: clamp(1.6rem, 4vw, 2.25rem);
    overflow: hidden;
    border: 1px solid rgba(148, 176, 210, 0.2);
    border-radius: 1.35rem;
    background: linear-gradient(160deg, rgba(17, 37, 61, 0.96), rgba(10, 24, 42, 0.98));
    box-shadow: 0 2rem 5rem rgba(0, 0, 0, 0.36), inset 0 1px rgba(255, 255, 255, 0.04);
}

[b-vqsru1vuy2] .account-card::before {
    position: absolute;
    top: 0;
    right: 1.5rem;
    left: 1.5rem;
    height: 1px;
    content: "";
    background: linear-gradient(90deg, transparent, rgba(84, 217, 255, 0.55), transparent);
}

[b-vqsru1vuy2] .account-card-icon {
    display: grid;
    width: 3rem;
    height: 3rem;
    margin-bottom: 1.2rem;
    place-items: center;
    border: 1px solid rgba(72, 209, 255, 0.24);
    border-radius: 0.9rem;
    color: #5bdcff;
    background: rgba(35, 154, 207, 0.1);
}

[b-vqsru1vuy2] .account-card-topline {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.2rem;
}

[b-vqsru1vuy2] .account-card-topline .account-card-icon {
    margin-bottom: 0;
}

[b-vqsru1vuy2] .account-card-icon.danger {
    background: rgba(190, 55, 69, .12);
    border-color: rgba(255, 134, 145, .28);
    color: #ff9ca6;
}

[b-vqsru1vuy2] .account-security-chip {
    align-items: center;
    background: rgba(22, 123, 92, .14);
    border: 1px solid rgba(82, 218, 166, .2);
    border-radius: 999px;
    color: #8ae9c2;
    display: inline-flex;
    font-size: .61rem;
    font-weight: 800;
    gap: .4rem;
    letter-spacing: .06em;
    margin-top: .22rem;
    padding: .38rem .56rem;
    text-transform: uppercase;
}

[b-vqsru1vuy2] .account-security-chip i {
    background: currentColor;
    border-radius: 50%;
    box-shadow: 0 0 0 .2rem rgba(83, 223, 168, .1);
    height: .36rem;
    width: .36rem;
}

[b-vqsru1vuy2] .account-security-chip.local {
    background: rgba(38, 147, 202, .12);
    border-color: rgba(90, 210, 255, .22);
    color: #74dbff;
}

[b-vqsru1vuy2] .account-security-chip.restricted {
    background: rgba(190, 55, 69, .12);
    border-color: rgba(255, 134, 145, .24);
    color: #ffabb3;
}

[b-vqsru1vuy2] .account-card-icon svg {
    width: 1.5rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

[b-vqsru1vuy2] .account-eyebrow {
    margin: 0 0 0.5rem;
    color: #56d8ff;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

[b-vqsru1vuy2] .account-card h1,
[b-vqsru1vuy2] .account-card h2 {
    margin: 0;
    color: #f8fbff;
    font-size: clamp(1.65rem, 4vw, 2.05rem);
    line-height: 1.15;
    letter-spacing: -0.035em;
}

[b-vqsru1vuy2] .account-intro {
    margin: 0.7rem 0 1.5rem;
    color: #9db0c6;
    font-size: 0.88rem;
    line-height: 1.6;
}

[b-vqsru1vuy2] .account-form {
    display: grid;
    gap: 1rem;
}

[b-vqsru1vuy2] .account-field {
    display: grid;
    gap: 0.42rem;
}

[b-vqsru1vuy2] .account-field > span,
[b-vqsru1vuy2] .account-field > label {
    color: #c7d5e4;
    font-size: 0.76rem;
    font-weight: 700;
}

[b-vqsru1vuy2] .account-field > small {
    color: #71879f;
    font-size: .69rem;
    line-height: 1.45;
}

[b-vqsru1vuy2] .account-input,
[b-vqsru1vuy2] .account-select {
    width: 100%;
    min-height: 3rem;
    padding: 0.72rem 0.85rem;
    border: 1px solid rgba(152, 179, 210, 0.22);
    border-radius: 0.72rem;
    outline: none;
    color: #eff7ff;
    background: rgba(4, 14, 27, 0.65);
    font: inherit;
}

[b-vqsru1vuy2] .account-input:focus,
[b-vqsru1vuy2] .account-select:focus {
    border-color: rgba(70, 209, 255, 0.72);
    background: rgba(5, 17, 31, 0.88);
    box-shadow: 0 0 0 0.22rem rgba(55, 198, 245, 0.12);
}

[b-vqsru1vuy2] .account-input::placeholder { color: #637991; }

[b-vqsru1vuy2] .account-check {
    display: flex;
    gap: 0.55rem;
    align-items: center;
    color: #9eb2c9;
    font-size: 0.8rem;
    cursor: pointer;
}

[b-vqsru1vuy2] .account-check input {
    width: 1rem;
    height: 1rem;
    accent-color: var(--pulse-info);
}

[b-vqsru1vuy2] .account-submit,
[b-vqsru1vuy2] .account-secondary {
    display: inline-flex;
    min-height: 3rem;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1rem;
    border-radius: 0.75rem;
    font-size: 0.84rem;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
    transition: transform 140ms ease;
}

[b-vqsru1vuy2] .account-submit {
    border: 0;
    color: #03121d;
    background: linear-gradient(135deg, #5ee0ff, #36bde9);
    box-shadow: 0 0.75rem 1.8rem rgba(32, 179, 224, 0.2);
    gap: .7rem;
    justify-content: space-between;
}

[b-vqsru1vuy2] .account-submit:hover { filter: brightness(1.07); transform: translateY(-1px); }
[b-vqsru1vuy2] .account-submit:disabled { cursor: wait; filter: saturate(0.45); opacity: 0.65; transform: none; }

[b-vqsru1vuy2] .account-secondary {
    border: 1px solid rgba(153, 180, 211, 0.24);
    color: #dbe9f7;
    background: rgba(17, 37, 59, 0.55);
}

[b-vqsru1vuy2] .account-secondary:hover { border-color: rgba(88, 216, 255, 0.5); }

[b-vqsru1vuy2] .account-validation,
[b-vqsru1vuy2] .validation-message {
    color: var(--pulse-danger-text);
    font-size: 0.74rem;
}

[b-vqsru1vuy2] .account-validation ul { margin: 0; padding-left: 1.1rem; }

[b-vqsru1vuy2] .account-alert {
    margin-bottom: 1rem;
    padding: 0.78rem 0.88rem;
    border: 1px solid rgba(255, 137, 137, 0.26);
    border-radius: 0.72rem;
    color: #ffd2d2;
    background: rgba(166, 44, 55, 0.16);
    font-size: 0.78rem;
    line-height: 1.45;
}

[b-vqsru1vuy2] .account-alert.success {
    border-color: rgba(75, 226, 164, 0.25);
    color: var(--pulse-success-text);
    background: rgba(28, 137, 91, 0.15);
}

[b-vqsru1vuy2] .account-alert.attention {
    border-color: rgba(245, 190, 72, 0.3);
    color: var(--pulse-warning-text);
    background: rgba(154, 104, 18, 0.18);
}

[b-vqsru1vuy2] .account-card-footer {
    margin: 1.35rem 0 0;
    padding-top: 1.1rem;
    border-top: 1px solid rgba(153, 180, 211, 0.14);
    color: #8298b0;
    font-size: 0.75rem;
    line-height: 1.5;
    text-align: center;
}

[b-vqsru1vuy2] .account-card-footer a { color: #67dbff; }

html:not([data-theme="dark"]) .account-shell[b-vqsru1vuy2] {
    --account-ink: #12283a;
    --account-muted: #60788b;
    --account-border: rgba(35, 71, 91, .16);
    --account-accent: #087f83;
    background:
        radial-gradient(circle at 14% 12%, rgba(20, 184, 166, .12), transparent 30rem),
        linear-gradient(135deg, #f7fbfc 0%, #edf6f7 48%, #e9f1f6 100%);
    color: var(--account-ink);
}

html:not([data-theme="dark"]) .account-grid[b-vqsru1vuy2] {
    background-image:
        linear-gradient(rgba(43, 88, 107, .08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(43, 88, 107, .08) 1px, transparent 1px);
    opacity: .42;
}

html:not([data-theme="dark"]) .account-glow-one[b-vqsru1vuy2] {
    background: radial-gradient(circle, rgba(20, 184, 166, .18), transparent 68%);
}

html:not([data-theme="dark"]) .account-glow-two[b-vqsru1vuy2] {
    background: radial-gradient(circle, rgba(14, 116, 144, .13), transparent 68%);
}

html:not([data-theme="dark"]) .account-brand-shield[b-vqsru1vuy2] {
    stroke: #0d9488;
}

html:not([data-theme="dark"]) .account-brand-pulse[b-vqsru1vuy2] {
    stroke: #17394a;
}

html:not([data-theme="dark"]) .account-brand-symbol[b-vqsru1vuy2] {
    background: linear-gradient(145deg, rgba(20, 184, 166, .15), rgba(14, 116, 144, .09));
    border-color: rgba(13, 148, 136, .25);
    box-shadow: 0 12px 30px rgba(15, 76, 84, .1);
}

html:not([data-theme="dark"]) .account-brand small[b-vqsru1vuy2],
html:not([data-theme="dark"]) .account-story-points small[b-vqsru1vuy2],
html:not([data-theme="dark"]) .account-story > p[b-vqsru1vuy2] {
    color: #60788b;
}

html:not([data-theme="dark"]) .account-trust[b-vqsru1vuy2] {
    color: #496777;
}

html:not([data-theme="dark"]) .account-theme-toggle[b-vqsru1vuy2] {
    background: rgba(255, 255, 255, .78);
    border-color: rgba(35, 71, 91, .16);
    color: #456579;
}

html:not([data-theme="dark"]) .account-theme-toggle:hover[b-vqsru1vuy2] {
    color: #087f83;
}

html:not([data-theme="dark"]) .account-story h1[b-vqsru1vuy2] {
    color: #102a3c;
}

html:not([data-theme="dark"]) .account-story-points article > span[b-vqsru1vuy2] {
    background: rgba(255, 255, 255, .72);
    border-color: rgba(35, 71, 91, .14);
    color: #078d91;
}

html:not([data-theme="dark"]) .account-footer[b-vqsru1vuy2] {
    border-color: rgba(35, 71, 91, .12);
    color: #71899a;
}

html:not([data-theme="dark"]) .account-shell[b-vqsru1vuy2]  .account-card {
    background: linear-gradient(160deg, rgba(255, 255, 255, .98), rgba(244, 250, 251, .98));
    border-color: rgba(35, 71, 91, .16);
    box-shadow: 0 2rem 5rem rgba(31, 67, 84, .14), inset 0 1px rgba(255, 255, 255, .8);
}

html:not([data-theme="dark"]) .account-shell[b-vqsru1vuy2]  .account-card::before {
    background: linear-gradient(90deg, transparent, rgba(13, 148, 136, .45), transparent);
}

html:not([data-theme="dark"]) .account-shell[b-vqsru1vuy2]  .account-card h1,
html:not([data-theme="dark"]) .account-shell[b-vqsru1vuy2]  .account-card h2 {
    color: #102a3c;
}

html:not([data-theme="dark"]) .account-shell[b-vqsru1vuy2]  .account-card-icon {
    background: rgba(13, 148, 136, .08);
    border-color: rgba(13, 148, 136, .2);
    color: #087f83;
}

html:not([data-theme="dark"]) .account-shell[b-vqsru1vuy2]  .account-card-icon.danger {
    background: rgba(190, 55, 69, .08);
    border-color: rgba(190, 55, 69, .2);
    color: #b52f41;
}

html:not([data-theme="dark"]) .account-shell[b-vqsru1vuy2]  .account-eyebrow {
    color: #087f83;
}

html:not([data-theme="dark"]) .account-shell[b-vqsru1vuy2]  .account-intro,
html:not([data-theme="dark"]) .account-shell[b-vqsru1vuy2]  .account-check,
html:not([data-theme="dark"]) .account-shell[b-vqsru1vuy2]  .account-field > small {
    color: #60788b;
}

html:not([data-theme="dark"]) .account-shell[b-vqsru1vuy2]  .account-field > span,
html:not([data-theme="dark"]) .account-shell[b-vqsru1vuy2]  .account-field > label {
    color: #354f61;
}

html:not([data-theme="dark"]) .account-shell[b-vqsru1vuy2]  .account-input,
html:not([data-theme="dark"]) .account-shell[b-vqsru1vuy2]  .account-select {
    background: #f6fafb;
    border-color: rgba(35, 71, 91, .18);
    color: #12283a;
}

html:not([data-theme="dark"]) .account-shell[b-vqsru1vuy2]  .account-input:focus,
html:not([data-theme="dark"]) .account-shell[b-vqsru1vuy2]  .account-select:focus {
    background: #fff;
    border-color: #14a39b;
    box-shadow: 0 0 0 .22rem rgba(20, 163, 155, .1);
}

html:not([data-theme="dark"]) .account-shell[b-vqsru1vuy2]  .account-input::placeholder {
    color: #8aa0ae;
}

html:not([data-theme="dark"]) .account-shell[b-vqsru1vuy2]  .account-secondary {
    background: #f4f8f9;
    border-color: rgba(35, 71, 91, .18);
    color: #29485a;
}

html:not([data-theme="dark"]) .account-shell[b-vqsru1vuy2]  .account-alert {
    background: #fff1f2;
    border-color: #fecdd3;
    color: #9f1239;
}

html:not([data-theme="dark"]) .account-shell[b-vqsru1vuy2]  .account-alert.success {
    background: #ecfdf5;
    border-color: #a7f3d0;
    color: #076c4b;
}

html:not([data-theme="dark"]) .account-shell[b-vqsru1vuy2]  .account-alert.attention {
    background: #fffbeb;
    border-color: #fde68a;
    color: #8b5808;
}

html:not([data-theme="dark"]) .account-shell[b-vqsru1vuy2]  .account-card-footer {
    border-color: rgba(35, 71, 91, .12);
    color: #71899a;
}

@media (max-width: 900px) {
    .account-stage[b-vqsru1vuy2] {
        grid-template-columns: 1fr;
        width: min(32rem, calc(100% - 2rem));
        padding-top: 1.5rem;
    }

    .account-story[b-vqsru1vuy2] { display: none; }
    .account-brandbar[b-vqsru1vuy2], .account-footer[b-vqsru1vuy2] { width: calc(100% - 2rem); }
}

@media (max-width: 560px) {
    .account-brandbar[b-vqsru1vuy2] { padding-top: 1rem; }
    .account-trust[b-vqsru1vuy2] { display: none; }
    .account-stage[b-vqsru1vuy2] { align-items: start; padding: 1.5rem 0 2rem; }
    .account-footer[b-vqsru1vuy2] { display: grid; gap: 0.2rem; }
    [b-vqsru1vuy2] .account-card { padding: 1.35rem; border-radius: 1rem; }
}

@media (max-width: 420px) {
    .account-theme-toggle span[b-vqsru1vuy2] {
        display: none;
    }

    .account-theme-toggle[b-vqsru1vuy2] {
        justify-content: center;
        padding: 0;
        width: 2.35rem;
    }

    [b-vqsru1vuy2] .account-security-chip {
        font-size: .55rem;
        letter-spacing: .03em;
    }
}

@media (prefers-reduced-motion: reduce) {
    [b-vqsru1vuy2] .account-submit,
    [b-vqsru1vuy2] .account-secondary {
        transition: none;
    }
}
/* /Components/CameraGroupAccessPicker.razor.rz.scp.css */
.camera-access-picker[b-bgvr1itm2r] { min-width: 0; margin: 0; padding: 0; border: 0; color: var(--users-ink, var(--pulse-text)); }
.camera-access-picker:disabled[b-bgvr1itm2r] { opacity: .72; }
.access-modes[b-bgvr1itm2r] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
.access-mode[b-bgvr1itm2r] { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .65rem; align-items: center; min-height: 4.5rem; padding: .72rem; border: 1px solid var(--users-border, var(--pulse-border)); border-radius: .78rem; background: var(--users-surface, var(--pulse-surface)); cursor: pointer; transition: border-color .14s ease, background .14s ease, box-shadow .14s ease; }
.access-mode:hover[b-bgvr1itm2r] { border-color: color-mix(in srgb, var(--users-accent, var(--pulse-accent)) 42%, var(--users-border, var(--pulse-border))); }
.access-mode.selected[b-bgvr1itm2r] { border-color: color-mix(in srgb, var(--users-accent, var(--pulse-accent)) 62%, var(--users-border, var(--pulse-border))); background: color-mix(in srgb, var(--users-accent, var(--pulse-accent)) 6%, var(--users-surface, var(--pulse-surface))); box-shadow: 0 0 0 .16rem color-mix(in srgb, var(--users-accent, var(--pulse-accent)) 9%, transparent); }
.access-mode > input[b-bgvr1itm2r] { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.mode-icon[b-bgvr1itm2r] { display: grid; width: 2.25rem; height: 2.25rem; place-items: center; border-radius: .68rem; color: var(--users-accent, var(--pulse-accent)); background: color-mix(in srgb, var(--users-accent, var(--pulse-accent)) 10%, transparent); }
.mode-icon.restricted[b-bgvr1itm2r] { color: var(--pulse-warning-text); background: var(--pulse-warning-soft); }
.mode-icon svg[b-bgvr1itm2r] { width: 1.18rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.75; }
.access-mode > span:nth-of-type(2)[b-bgvr1itm2r] { display: grid; gap: .18rem; min-width: 0; }
.access-mode strong[b-bgvr1itm2r] { color: var(--users-ink, var(--pulse-text)); font-size: .73rem; }
.access-mode small[b-bgvr1itm2r] { color: var(--users-muted, var(--pulse-muted)); font-size: .63rem; font-weight: 550; line-height: 1.4; }
.mode-check[b-bgvr1itm2r] { display: grid; width: 1.15rem; height: 1.15rem; place-items: center; border: 1px solid var(--users-border, var(--pulse-border)); border-radius: 50%; color: transparent; font-size: .67rem; }
.access-mode.selected .mode-check[b-bgvr1itm2r] { border-color: var(--users-accent, var(--pulse-accent)); color: #fff; background: var(--users-accent, var(--pulse-accent)); }
.access-mode:focus-within[b-bgvr1itm2r] { outline: 3px solid var(--pulse-focus-ring); outline-offset: 2px; }
.access-groups[b-bgvr1itm2r] { margin-top: .75rem; padding: .8rem; border: 1px solid var(--users-border, var(--pulse-border)); border-radius: .78rem; background: var(--users-surface, var(--pulse-surface)); transition: opacity .14s ease; }
.access-groups.is-disabled[b-bgvr1itm2r] { opacity: .48; }
.access-groups > header[b-bgvr1itm2r] { display: flex; gap: .75rem; align-items: center; justify-content: space-between; margin-bottom: .65rem; }
.access-groups > header > div:first-child[b-bgvr1itm2r] { display: grid; gap: .14rem; }
.access-groups > header strong[b-bgvr1itm2r] { font-size: .72rem; }
.access-groups > header small[b-bgvr1itm2r] { color: var(--users-muted, var(--pulse-muted)); font-size: .63rem; }
.selection-actions[b-bgvr1itm2r] { display: flex; gap: .35rem; }
.selection-actions button[b-bgvr1itm2r] { min-height: 1.9rem; padding: .25rem .5rem; border: 1px solid var(--users-border, var(--pulse-border)); border-radius: .48rem; color: var(--users-accent-strong, var(--pulse-accent)); background: transparent; font: inherit; font-size: .61rem; font-weight: 750; cursor: pointer; }
.selection-actions button:hover[b-bgvr1itm2r] { background: var(--users-surface-soft, var(--pulse-surface-soft)); }
.group-checklist[b-bgvr1itm2r] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem; max-height: 13.5rem; padding: .1rem; overflow: auto; }
.group-check[b-bgvr1itm2r] { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .55rem; align-items: center; min-width: 0; padding: .58rem; border: 1px solid var(--users-border, var(--pulse-border)); border-radius: .62rem; background: var(--users-surface-soft, var(--pulse-surface-soft)); cursor: pointer; }
.group-check.selected[b-bgvr1itm2r] { border-color: color-mix(in srgb, var(--users-accent, var(--pulse-accent)) 48%, var(--users-border, var(--pulse-border))); background: color-mix(in srgb, var(--users-accent, var(--pulse-accent)) 7%, var(--users-surface, var(--pulse-surface))); }
.group-check > input[b-bgvr1itm2r] { position: absolute; width: 1px; height: 1px; opacity: 0; }
.custom-check[b-bgvr1itm2r] { display: grid; width: 1.18rem; height: 1.18rem; place-items: center; border: 1px solid var(--users-border, var(--pulse-border)); border-radius: .35rem; color: transparent; background: var(--users-surface, var(--pulse-surface)); font-size: .65rem; }
.group-check.selected .custom-check[b-bgvr1itm2r] { border-color: var(--users-accent, var(--pulse-accent)); color: #fff; background: var(--users-accent, var(--pulse-accent)); }
.group-check:focus-within[b-bgvr1itm2r] { outline: 3px solid var(--pulse-focus-ring); outline-offset: 1px; }
.group-copy[b-bgvr1itm2r] { display: grid; gap: .12rem; min-width: 0; }
.group-copy strong[b-bgvr1itm2r], .group-copy small[b-bgvr1itm2r] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.group-copy strong[b-bgvr1itm2r] { font-size: .69rem; }
.group-copy small[b-bgvr1itm2r] { color: var(--users-muted, var(--pulse-muted)); font-size: .59rem; font-weight: 550; }
.access-groups-empty[b-bgvr1itm2r] { display: flex; gap: .6rem; align-items: center; padding: .7rem; border: 1px dashed var(--users-border, var(--pulse-border)); border-radius: .62rem; color: var(--users-muted, var(--pulse-muted)); }
.access-groups-empty svg[b-bgvr1itm2r] { width: 1.35rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; }
.access-groups-empty span[b-bgvr1itm2r] { display: grid; gap: .1rem; }
.access-groups-empty strong[b-bgvr1itm2r] { color: var(--users-ink, var(--pulse-text)); font-size: .68rem; }
.access-groups-empty small[b-bgvr1itm2r] { font-size: .61rem; }
.access-warning[b-bgvr1itm2r] { display: flex; gap: .5rem; align-items: flex-start; margin: .65rem 0 0; padding: .62rem .7rem; border: 1px solid var(--pulse-warning-border); border-radius: .62rem; color: var(--pulse-warning-text); background: var(--pulse-warning-soft); font-size: .65rem; font-weight: 600; line-height: 1.45; }
.access-warning.all[b-bgvr1itm2r] { border-color: var(--pulse-success-border); color: var(--pulse-success-text); background: var(--pulse-success-soft); }
.access-warning.danger[b-bgvr1itm2r] { border-color: var(--pulse-danger-border); color: var(--pulse-danger-text); background: var(--pulse-danger-soft); }
.access-warning svg[b-bgvr1itm2r] { flex: 0 0 .95rem; width: .95rem; margin-top: .05rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
@media (max-width: 650px) { .access-modes[b-bgvr1itm2r], .group-checklist[b-bgvr1itm2r] { grid-template-columns: 1fr; } .access-groups > header[b-bgvr1itm2r] { align-items: flex-start; flex-direction: column; } }
@media (prefers-reduced-motion: reduce) { .access-mode[b-bgvr1itm2r], .access-groups[b-bgvr1itm2r] { transition: none; } }
/* /Components/Dashboard/AlarmMessageDisplay.razor.rz.scp.css */
.structured-alarm-message[b-audjsk5t2a] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 5px 7px;
    min-width: 0;
}

.telemetry-badge[b-audjsk5t2a] {
    background: #e0f2fe;
    border: 1px solid #bae6fd;
    border-radius: 999px;
    color: #0369a1;
    flex: 0 0 auto;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .07em;
    line-height: 1;
    padding: 4px 5px;
    text-transform: uppercase;
}

.telemetry-summary[b-audjsk5t2a],
.plain-alarm-message[b-audjsk5t2a] {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.telemetry-summary[b-audjsk5t2a] {
    color: #334155;
    font-weight: 650;
}

.telemetry-fields[b-audjsk5t2a] {
    display: grid;
    flex-basis: 100%;
    gap: 6px;
    grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
    margin: 7px 0 0;
}

.telemetry-fields div[b-audjsk5t2a] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 9px;
    min-width: 0;
    padding: 7px 8px;
}

.telemetry-fields dt[b-audjsk5t2a] {
    color: #64748b;
    font-size: 8px;
    font-weight: 850;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.telemetry-fields dd[b-audjsk5t2a] {
    color: #1e293b;
    font-size: 11px;
    font-weight: 750;
    margin: 2px 0 0;
    overflow-wrap: anywhere;
}

html[data-theme="dark"] .telemetry-badge[b-audjsk5t2a] {
    background: #0c2f46;
    border-color: #155e75;
    color: #7dd3fc;
}

html[data-theme="dark"] .telemetry-summary[b-audjsk5t2a],
html[data-theme="dark"] .telemetry-fields dd[b-audjsk5t2a] {
    color: #dbeafe;
}

html[data-theme="dark"] .telemetry-fields div[b-audjsk5t2a] {
    background: #101a2d;
    border-color: #26334a;
}

html[data-theme="dark"] .telemetry-fields dt[b-audjsk5t2a] {
    color: #94a3b8;
}
/* /Components/Dashboard/DashboardAggregateSection.razor.rz.scp.css */
.aggregate-section[b-fyrbzsenge] { margin-top: 14px; }
.aggregate-header[b-fyrbzsenge] {
    align-items: end;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin: 0 2px 9px;
}
.aggregate-eyebrow[b-fyrbzsenge] { color: var(--pulse-accent); font-size: 9px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.aggregate-header h2[b-fyrbzsenge] { color: #172033; font-size: 17px; margin: 2px 0 0; }
.aggregate-header p[b-fyrbzsenge] { color: #64748b; font-size: 10px; margin: 3px 0 0; }
.dashboard-link[b-fyrbzsenge] { color: var(--pulse-accent); font-size: 11px; font-weight: 800; text-decoration: none; white-space: nowrap; }
.dashboard-link:hover[b-fyrbzsenge] { text-decoration: underline; }
.aggregate-grid[b-fyrbzsenge] { display: grid; gap: 14px; grid-template-columns: 3fr 4fr 5fr; }
.aggregate-total[b-fyrbzsenge], .aggregate-panel[b-fyrbzsenge] {
    background: #fff;
    border: 1px solid #d8e2ef;
    border-radius: 18px;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .06);
    min-width: 0;
    overflow: hidden;
    padding: 17px;
}
.aggregate-total[b-fyrbzsenge] { display: flex; flex-direction: column; justify-content: center; min-height: 300px; }
.aggregate-total > span[b-fyrbzsenge] { color: #64748b; font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.aggregate-total strong[b-fyrbzsenge] { color: #0f172a; font-size: clamp(34px, 4vw, 50px); letter-spacing: -.05em; line-height: 1; margin-top: 14px; }
.aggregate-total small[b-fyrbzsenge] { color: #94a3b8; font-size: 10px; margin-top: 9px; }
.aggregate-panel > header[b-fyrbzsenge] { align-items: center; display: flex; gap: 8px; justify-content: space-between; margin-bottom: 10px; }
.aggregate-panel h3[b-fyrbzsenge] { color: #172033; font-size: 12px; margin: 0; }
.aggregate-panel header span[b-fyrbzsenge] { color: #64748b; font-size: 9px; }
.aggregate-table-scroll[b-fyrbzsenge] { max-height: 275px; overflow: auto; }
.aggregate-table[b-fyrbzsenge] { border-collapse: collapse; font-size: 10px; min-width: 760px; width: 100%; }
.aggregate-table th[b-fyrbzsenge], .aggregate-table td[b-fyrbzsenge] { border-bottom: 1px solid #edf2f7; padding: 8px 7px; text-align: left; vertical-align: top; }
.aggregate-table th[b-fyrbzsenge] { background: #f8fafc; color: #64748b; font-size: 8px; font-weight: 850; letter-spacing: .05em; position: sticky; text-transform: uppercase; top: 0; z-index: 2; }
.aggregate-table tbody tr:hover[b-fyrbzsenge] { background: #f8fbff; }
.number-cell[b-fyrbzsenge] { font-variant-numeric: tabular-nums; text-align: right !important; white-space: nowrap; }
.time-cell[b-fyrbzsenge] { font-variant-numeric: tabular-nums; white-space: nowrap; }
.time-cell strong[b-fyrbzsenge], .time-cell span[b-fyrbzsenge] { display: block; }
.time-cell span[b-fyrbzsenge], .secondary-cell[b-fyrbzsenge] { color: #94a3b8; font-size: 8px; margin-top: 2px; }
.key-cell[b-fyrbzsenge] { max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pagination[b-fyrbzsenge] { align-items: center; display: flex; gap: 5px; justify-content: flex-end; padding-top: 12px; }
.pagination button[b-fyrbzsenge] { align-items: center; background: #fff; border: 1px solid #cbd5e1; border-radius: 7px; color: #475569; cursor: pointer; display: inline-flex; font-size: 10px; font-weight: 750; height: 28px; justify-content: center; min-width: 28px; }
.pagination button:hover:not(:disabled)[b-fyrbzsenge], .pagination button.current[b-fyrbzsenge] { background: var(--pulse-action); border-color: var(--pulse-action); color: var(--pulse-on-action); }
.pagination button:disabled[b-fyrbzsenge] { cursor: default; opacity: .45; }
html[data-theme="dark"] .aggregate-header h2[b-fyrbzsenge], html[data-theme="dark"] .aggregate-total strong[b-fyrbzsenge], html[data-theme="dark"] .aggregate-panel h3[b-fyrbzsenge] { color: #e2e8f0; }
html[data-theme="dark"] .aggregate-total[b-fyrbzsenge], html[data-theme="dark"] .aggregate-panel[b-fyrbzsenge] { background: #111a2e; border-color: #233047; box-shadow: none; color: #cbd5e1; }
html[data-theme="dark"] .aggregate-table th[b-fyrbzsenge] { background: #16213a; color: #94a3b8; }
html[data-theme="dark"] .aggregate-table th[b-fyrbzsenge], html[data-theme="dark"] .aggregate-table td[b-fyrbzsenge] { border-color: #26334a; }
html[data-theme="dark"] .aggregate-table tbody tr:hover[b-fyrbzsenge] { background: #16213a; }
html[data-theme="dark"] .pagination button[b-fyrbzsenge] { background: #16213a; border-color: #334155; color: #e2e8f0; }
@media (max-width: 1250px) { .aggregate-grid[b-fyrbzsenge] { grid-template-columns: 1fr 2fr; } .aggregate-rows[b-fyrbzsenge] { grid-column: span 2; } .aggregate-total[b-fyrbzsenge] { min-height: 250px; } }
@media (max-width: 760px) { .aggregate-header[b-fyrbzsenge] { align-items: flex-start; flex-direction: column; } .aggregate-grid[b-fyrbzsenge] { grid-template-columns: 1fr; } .aggregate-rows[b-fyrbzsenge] { grid-column: auto; } .aggregate-total[b-fyrbzsenge] { min-height: 150px; } }
/* /Components/Dashboard/DashboardAlarmEventsTable.razor.rz.scp.css */
.alarm-events-panel[b-b4w5j2ff7d] {
    background: #fff;
    border: 1px solid #d8e2ef;
    border-radius: 18px;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .06);
    min-width: 0;
    overflow: hidden;
    padding: 17px;
}

.alarm-events-header[b-b4w5j2ff7d] {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 12px;
}

.alarm-events-header h2[b-b4w5j2ff7d] {
    color: #172033;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: -.01em;
    margin: 0;
}

.alarm-events-header p[b-b4w5j2ff7d] {
    color: #64748b;
    font-size: 10px;
    line-height: 1.4;
    margin: 3px 0 0;
}

.result-count[b-b4w5j2ff7d] {
    background: var(--pulse-accent-soft);
    border: 1px solid var(--pulse-accent-border);
    border-radius: 999px;
    color: var(--pulse-accent);
    font-size: 10px;
    font-weight: 800;
    padding: 5px 9px;
    white-space: nowrap;
}

.alarm-table-scroll[b-b4w5j2ff7d] {
    max-height: 570px;
    overflow: auto;
    width: 100%;
}

.alarm-table[b-b4w5j2ff7d] {
    border-collapse: collapse;
    font-size: 11px;
    min-width: 1120px;
    width: 100%;
}

.alarm-table th[b-b4w5j2ff7d],
.alarm-table td[b-b4w5j2ff7d] {
    border-bottom: 1px solid #edf2f7;
    padding: 9px 8px;
    text-align: left;
    vertical-align: top;
}

.alarm-table th[b-b4w5j2ff7d] {
    background: #f8fafc;
    color: #64748b;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .055em;
    position: sticky;
    text-transform: uppercase;
    top: 0;
    white-space: nowrap;
    z-index: 2;
}

.alarm-table tbody tr:hover[b-b4w5j2ff7d] { background: #f8fbff; }

.time-cell[b-b4w5j2ff7d] { font-variant-numeric: tabular-nums; white-space: nowrap; }
.time-cell strong[b-b4w5j2ff7d], .time-cell span[b-b4w5j2ff7d] { display: block; }
.time-cell span[b-b4w5j2ff7d], .secondary-cell[b-b4w5j2ff7d] { color: #94a3b8; font-size: 9px; margin-top: 2px; }
.snapshot-cell[b-b4w5j2ff7d] { width: 184px; }
.snapshot-cell img[b-b4w5j2ff7d] {
    background: #e2e8f0;
    border-radius: 7px;
    display: block;
    height: 96px;
    object-fit: cover;
    width: 168px;
}

.alarm-link[b-b4w5j2ff7d], .module-link[b-b4w5j2ff7d] { color: var(--pulse-accent); font-weight: 750; text-decoration: none; }
.alarm-link:hover[b-b4w5j2ff7d], .module-link:hover[b-b4w5j2ff7d] { text-decoration: underline; }
.row-actions[b-b4w5j2ff7d] { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 7px; }
.row-actions a[b-b4w5j2ff7d] {
    background: #edf7f7;
    border: 1px solid #ccebea;
    border-radius: 999px;
    color: var(--pulse-accent);
    font-size: 8px;
    font-weight: 850;
    letter-spacing: .025em;
    padding: 3px 6px;
    text-decoration: none;
    text-transform: uppercase;
}
.row-actions a:hover[b-b4w5j2ff7d] { background: #dff5f2; border-color: #99ddd6; }
.id-cell[b-b4w5j2ff7d] { max-width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.message-cell[b-b4w5j2ff7d] { max-width: 330px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.empty-value[b-b4w5j2ff7d] { color: #94a3b8; }

.status-pill[b-b4w5j2ff7d] {
    border-radius: 999px;
    display: inline-block;
    font-size: 9px;
    font-weight: 850;
    padding: 4px 7px;
    white-space: nowrap;
}

.status-pill.is-active[b-b4w5j2ff7d] { background: var(--pulse-danger-soft); color: var(--pulse-danger-text); }
.status-pill.is-ended[b-b4w5j2ff7d] { background: var(--pulse-success-soft); color: var(--pulse-success-text); }

.pagination[b-b4w5j2ff7d] { align-items: center; display: flex; gap: 5px; justify-content: flex-end; padding-top: 14px; }
.pagination button[b-b4w5j2ff7d] {
    align-items: center;
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 7px;
    color: #475569;
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    font-size: 11px;
    font-weight: 750;
    height: 30px;
    justify-content: center;
    min-width: 30px;
}

.pagination button:hover:not(:disabled)[b-b4w5j2ff7d], .pagination button.current[b-b4w5j2ff7d] { background: var(--pulse-action); border-color: var(--pulse-action); color: var(--pulse-on-action); }
.pagination button:disabled[b-b4w5j2ff7d] { cursor: default; opacity: .45; }

html[data-theme="dark"] .alarm-events-panel[b-b4w5j2ff7d] { background: #111a2e; border-color: #233047; box-shadow: none; color: #cbd5e1; }
html[data-theme="dark"] .alarm-events-header h2[b-b4w5j2ff7d] { color: #e2e8f0; }
html[data-theme="dark"] .alarm-table th[b-b4w5j2ff7d] { background: #16213a; color: #94a3b8; }
html[data-theme="dark"] .alarm-table th[b-b4w5j2ff7d], html[data-theme="dark"] .alarm-table td[b-b4w5j2ff7d] { border-color: #26334a; }
html[data-theme="dark"] .alarm-table tbody tr:hover[b-b4w5j2ff7d] { background: #16213a; }
html[data-theme="dark"] .result-count[b-b4w5j2ff7d] { background: var(--pulse-accent-soft); border-color: var(--pulse-accent-border); color: var(--pulse-accent); }
html[data-theme="dark"] .pagination button[b-b4w5j2ff7d] { background: #16213a; border-color: #334155; color: #e2e8f0; }
html[data-theme="dark"] .status-pill.is-active[b-b4w5j2ff7d] { background: var(--pulse-danger-soft); color: var(--pulse-danger-text); }
html[data-theme="dark"] .status-pill.is-ended[b-b4w5j2ff7d] { background: var(--pulse-success-soft); color: var(--pulse-success-text); }
html[data-theme="dark"] .row-actions a[b-b4w5j2ff7d] { background: #102d31; border-color: #1f5758; color: var(--pulse-accent); }
/* /Components/Dashboard/DashboardDonutChart.razor.rz.scp.css */
.donut-layout[b-gl5zsq64qe] {
    align-items: center;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(160px, .9fr) minmax(170px, 1.1fr);
    min-height: 270px;
}

.donut-visual svg[b-gl5zsq64qe] {
    display: block;
    margin: auto;
    max-width: 220px;
    overflow: visible;
    width: 100%;
}

.donut-track[b-gl5zsq64qe],
.donut-slice[b-gl5zsq64qe] {
    fill: none;
    stroke-width: 30;
}

.donut-slice[role="button"][b-gl5zsq64qe] {
    cursor: pointer;
}

.donut-track[b-gl5zsq64qe] {
    stroke: #edf2f7;
}

.donut-slice[b-gl5zsq64qe] {
    cursor: default;
    transform: rotate(-90deg);
    transform-origin: 110px 110px;
    transition: filter .15s ease, stroke-width .15s ease;
}

.donut-slice:hover[b-gl5zsq64qe] {
    filter: brightness(1.08);
    stroke-width: 35;
}

.donut-total[b-gl5zsq64qe] {
    fill: #0f172a;
    font-size: 26px;
    font-weight: 800;
    text-anchor: middle;
}

.donut-caption[b-gl5zsq64qe] {
    fill: #64748b;
    font-size: 12px;
    text-anchor: middle;
}

.donut-legend[b-gl5zsq64qe] {
    max-height: 250px;
    overflow: auto;
    padding-right: 4px;
}

.donut-legend-row[b-gl5zsq64qe] {
    align-items: center;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #eef2f7;
    cursor: pointer;
    display: grid;
    font-family: inherit;
    font-size: 12px;
    gap: 7px;
    grid-template-columns: 9px minmax(60px, 1fr) auto 35px;
    padding: 7px 0;
    text-align: left;
    width: 100%;
}

.donut-legend-row:disabled[b-gl5zsq64qe] {
    cursor: default;
    opacity: 1;
}

.donut-legend-row:hover:not(:disabled) .legend-name[b-gl5zsq64qe] {
    color: var(--pulse-accent);
    text-decoration: underline;
}

.legend-dot[b-gl5zsq64qe] {
    border-radius: 50%;
    height: 8px;
    width: 8px;
}

.legend-name[b-gl5zsq64qe] {
    color: #334155;
    font-weight: 650;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.legend-count[b-gl5zsq64qe] {
    color: #0f172a;
    font-variant-numeric: tabular-nums;
    font-weight: 750;
}

.legend-percent[b-gl5zsq64qe] {
    color: #64748b;
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.chart-empty[b-gl5zsq64qe] {
    align-items: center;
    color: #64748b;
    display: flex;
    font-size: 13px;
    grid-column: 1 / -1;
    justify-content: center;
    min-height: 270px;
    text-align: center;
}

html[data-theme="dark"] .donut-track[b-gl5zsq64qe] {
    stroke: #26334a;
}

html[data-theme="dark"] .donut-total[b-gl5zsq64qe],
html[data-theme="dark"] .legend-count[b-gl5zsq64qe] {
    fill: #e2e8f0;
    color: #e2e8f0;
}

html[data-theme="dark"] .donut-caption[b-gl5zsq64qe],
html[data-theme="dark"] .legend-percent[b-gl5zsq64qe],
html[data-theme="dark"] .chart-empty[b-gl5zsq64qe] {
    fill: #94a3b8;
    color: #94a3b8;
}

html[data-theme="dark"] .legend-name[b-gl5zsq64qe] {
    color: #cbd5e1;
}

html[data-theme="dark"] .donut-legend-row[b-gl5zsq64qe] {
    border-color: #26334a;
}

@media (max-width: 520px) {
    .donut-layout[b-gl5zsq64qe] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Dashboard/DashboardEmptyState.razor.rz.scp.css */
.dashboard-empty[b-lri80rzixr] {
    align-items: center;
    color: #64748b;
    display: flex;
    flex-direction: column;
    font-size: 13px;
    gap: 8px;
    justify-content: center;
    min-height: 230px;
    padding: 20px;
    text-align: center;
}

.empty-icon[b-lri80rzixr] {
    align-items: center;
    background: #f1f5f9;
    border-radius: 50%;
    color: #94a3b8;
    display: inline-flex;
    font-size: 22px;
    height: 42px;
    justify-content: center;
    width: 42px;
}

html[data-theme="dark"] .dashboard-empty[b-lri80rzixr] {
    color: #94a3b8;
}

html[data-theme="dark"] .empty-icon[b-lri80rzixr] {
    background: #1e293b;
    color: #64748b;
}
/* /Components/Dashboard/DashboardIoTTelemetryChart.razor.rz.scp.css */
.telemetry-chart[b-ltwwjd1ydj] { min-width: 0; }

.telemetry-chart-header[b-ltwwjd1ydj] {
    align-items: flex-start;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 14px;
}

.telemetry-chart-header h2[b-ltwwjd1ydj] {
    color: #172033;
    font-size: 14px;
    font-weight: 850;
    letter-spacing: -.01em;
    margin: 0;
}

.telemetry-chart-header p[b-ltwwjd1ydj] {
    color: #64748b;
    font-size: 10px;
    line-height: 1.45;
    margin: 3px 0 0;
}

.telemetry-count[b-ltwwjd1ydj] {
    background: #ecfeff;
    border: 1px solid #a5f3fc;
    border-radius: 999px;
    color: #0e7490;
    flex: 0 0 auto;
    font-size: 9px;
    font-weight: 850;
    padding: 5px 8px;
}

.telemetry-card-grid[b-ltwwjd1ydj] {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.telemetry-card[b-ltwwjd1ydj] {
    background: linear-gradient(145deg, #f8fbff, #f3f8fc);
    border: 1px solid #dce7f1;
    border-radius: 14px;
    min-width: 0;
    overflow: hidden;
    padding: 12px;
}

.telemetry-card-heading[b-ltwwjd1ydj] {
    align-items: flex-start;
    display: flex;
    gap: 8px;
    justify-content: space-between;
}

.metric-name[b-ltwwjd1ydj] {
    color: #64748b;
    display: block;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.telemetry-card strong[b-ltwwjd1ydj] {
    color: #0f172a;
    display: block;
    font-size: 20px;
    font-variant-numeric: tabular-nums;
    letter-spacing: -.03em;
    line-height: 1.15;
    margin-top: 3px;
}

.reading-count[b-ltwwjd1ydj] {
    color: #94a3b8;
    font-size: 8px;
    font-weight: 750;
    white-space: nowrap;
}

.telemetry-card svg[b-ltwwjd1ydj] {
    height: 64px;
    margin: 8px 0 5px;
    overflow: visible;
    width: 100%;
}

.chart-baseline[b-ltwwjd1ydj] { fill: none; stroke: #dbe5ee; stroke-width: 1; }
.chart-area[b-ltwwjd1ydj] { fill: rgba(8, 145, 178, .1); stroke: none; }
.chart-line[b-ltwwjd1ydj] { fill: none; stroke: #0891b2; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.25; vector-effect: non-scaling-stroke; }
.chart-endpoint[b-ltwwjd1ydj] { fill: #fff; stroke: #0891b2; stroke-width: 2; vector-effect: non-scaling-stroke; }
.telemetry-card.is-state .chart-area[b-ltwwjd1ydj] { fill: rgba(14, 165, 164, .1); }
.telemetry-card.is-state .chart-line[b-ltwwjd1ydj] { stroke: #0f766e; }
.telemetry-card.is-state .chart-endpoint[b-ltwwjd1ydj] { stroke: #0f766e; }

.telemetry-card footer[b-ltwwjd1ydj] {
    align-items: center;
    color: #64748b;
    display: flex;
    font-size: 8px;
    gap: 8px;
    justify-content: space-between;
}

.telemetry-card footer span[b-ltwwjd1ydj] {
    color: #334155;
    font-weight: 800;
    max-width: 62%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.telemetry-card time[b-ltwwjd1ydj] { white-space: nowrap; }

html[data-theme="dark"] .telemetry-chart-header h2[b-ltwwjd1ydj],
html[data-theme="dark"] .telemetry-card strong[b-ltwwjd1ydj] { color: #e2e8f0; }
html[data-theme="dark"] .telemetry-chart-header p[b-ltwwjd1ydj],
html[data-theme="dark"] .metric-name[b-ltwwjd1ydj],
html[data-theme="dark"] .telemetry-card footer[b-ltwwjd1ydj] { color: #94a3b8; }
html[data-theme="dark"] .telemetry-count[b-ltwwjd1ydj] { background: #0c2f46; border-color: #155e75; color: #67e8f9; }
html[data-theme="dark"] .telemetry-card[b-ltwwjd1ydj] { background: linear-gradient(145deg, #121e32, #10192b); border-color: #26364d; }
html[data-theme="dark"] .telemetry-card footer span[b-ltwwjd1ydj] { color: #cbd5e1; }
html[data-theme="dark"] .chart-baseline[b-ltwwjd1ydj] { stroke: #2b3a50; }
html[data-theme="dark"] .chart-area[b-ltwwjd1ydj] { fill: rgba(34, 211, 238, .08); }
html[data-theme="dark"] .chart-line[b-ltwwjd1ydj] { stroke: #22d3ee; }
html[data-theme="dark"] .chart-endpoint[b-ltwwjd1ydj] { fill: #121e32; stroke: #22d3ee; }

@media (max-width: 620px) {
    .telemetry-card-grid[b-ltwwjd1ydj] { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .telemetry-card *[b-ltwwjd1ydj] { transition: none !important; }
}
/* /Components/Dashboard/DashboardTrendChart.razor.rz.scp.css */
.trend-chart[b-exakp0jxqg] {
    min-height: 270px;
    width: 100%;
}

.trend-chart svg[b-exakp0jxqg] {
    display: block;
    height: 270px;
    overflow: visible;
    width: 100%;
}

.grid-line[b-exakp0jxqg] {
    stroke: #e2e8f0;
    stroke-width: 1;
}

.axis-line[b-exakp0jxqg],
.tick-line[b-exakp0jxqg] {
    stroke: #94a3b8;
    stroke-width: 1;
}

.axis-label[b-exakp0jxqg] {
    fill: #64748b;
    font-family: Inter, 'Segoe UI', sans-serif;
    font-size: 11px;
}

.y-label[b-exakp0jxqg] {
    text-anchor: end;
}

.x-label[b-exakp0jxqg] {
    text-anchor: middle;
}

.series-line[b-exakp0jxqg] {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2.5;
    vector-effect: non-scaling-stroke;
}

.series-line[role="button"][b-exakp0jxqg],
.series-point[role="button"][b-exakp0jxqg] {
    cursor: pointer;
}

.series-point[b-exakp0jxqg] {
    opacity: .15;
    stroke: #fff;
    stroke-width: 1.5;
    transition: opacity .15s ease, r .15s ease;
    vector-effect: non-scaling-stroke;
}

.series-point:hover[b-exakp0jxqg] {
    opacity: 1;
    r: 5px;
}

.chart-legend[b-exakp0jxqg] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
    min-height: 24px;
    padding: 0 6px;
}

.legend-item[b-exakp0jxqg] {
    align-items: center;
    background: transparent;
    border: 0;
    color: #475569;
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    font-size: 11px;
    gap: 6px;
    max-width: 180px;
    padding: 2px 0;
}

.legend-item:disabled[b-exakp0jxqg] {
    cursor: default;
    opacity: 1;
}

.legend-item:hover:not(:disabled) .legend-name[b-exakp0jxqg] {
    color: var(--pulse-accent);
    text-decoration: underline;
}

.legend-dot[b-exakp0jxqg] {
    border-radius: 50%;
    flex: 0 0 auto;
    height: 8px;
    width: 8px;
}

.legend-name[b-exakp0jxqg] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.legend-more[b-exakp0jxqg] {
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
}

.chart-empty[b-exakp0jxqg] {
    align-items: center;
    color: #64748b;
    display: flex;
    font-size: 13px;
    justify-content: center;
    min-height: 270px;
    text-align: center;
}

html[data-theme="dark"] .grid-line[b-exakp0jxqg] {
    stroke: #26334a;
}

html[data-theme="dark"] .axis-line[b-exakp0jxqg],
html[data-theme="dark"] .tick-line[b-exakp0jxqg] {
    stroke: #475569;
}

html[data-theme="dark"] .axis-label[b-exakp0jxqg],
html[data-theme="dark"] .legend-item[b-exakp0jxqg],
html[data-theme="dark"] .legend-more[b-exakp0jxqg],
html[data-theme="dark"] .chart-empty[b-exakp0jxqg] {
    color: #94a3b8;
    fill: #94a3b8;
}

html[data-theme="dark"] .series-point[b-exakp0jxqg] {
    stroke: #111a2e;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.pulse-shell[b-v262u1q7j5] {
    --sidebar-width: 252px;
    --sidebar-background:
        radial-gradient(circle at 10% -2%, rgba(20, 184, 166, .13), transparent 17rem),
        linear-gradient(180deg, #f9fcfc 0%, #f2f8f8 58%, #edf5f5 100%);
    --sidebar-border: #d7e3e5;
    --sidebar-shadow: 16px 0 44px rgba(15, 23, 42, .07);
    --sidebar-drawer-shadow: 24px 0 70px rgba(15, 23, 42, .2);
    --sidebar-text-strong: #132f3b;
    --sidebar-text: #496574;
    --sidebar-text-muted: #607b88;
    --sidebar-divider: rgba(88, 119, 130, .18);
    --sidebar-accent: #0f9488;
    --sidebar-accent-strong: #0b6f68;
    --sidebar-focus-ring: rgba(15, 148, 136, .3);
    --sidebar-brand-surface: linear-gradient(145deg, #e0f6f2, #e4f2f6);
    --sidebar-brand-border: #b9dedb;
    --sidebar-brand-shadow: inset 0 1px rgba(255, 255, 255, .8), 0 8px 22px rgba(15, 118, 110, .1);
    --sidebar-brand-shield: rgba(15, 148, 136, .12);
    --sidebar-item-hover: rgba(15, 148, 136, .07);
    --sidebar-item-hover-border: rgba(15, 148, 136, .15);
    --sidebar-item-active: linear-gradient(110deg, rgba(20, 184, 166, .16), rgba(14, 116, 144, .08));
    --sidebar-item-active-border: rgba(15, 148, 136, .25);
    --sidebar-item-active-shadow: 0 8px 22px rgba(15, 118, 110, .08);
    --sidebar-panel: rgba(255, 255, 255, .62);
    --sidebar-panel-border: rgba(88, 119, 130, .17);
    --sidebar-indicator-border: #f2f8f8;
    --sidebar-scroll-thumb: rgba(73, 101, 116, .26);
    background:
        radial-gradient(circle at 82% -12%, rgba(20, 184, 166, .12), transparent 29rem),
        #f3f6fa;
    color: #172033;
    display: grid;
    grid-template-columns: var(--sidebar-width) minmax(0, 1fr);
    min-height: 100vh;
    transition: grid-template-columns .18s ease;
}

.pulse-sidebar[b-v262u1q7j5] {
    background: var(--sidebar-background);
    border-right: 1px solid var(--sidebar-border);
    box-shadow: var(--sidebar-shadow);
    box-sizing: border-box;
    color: var(--sidebar-text);
    display: flex;
    flex-direction: column;
    height: 100vh;
    left: 0;
    overscroll-behavior: contain;
    overflow: hidden auto;
    padding: 20px 14px 16px;
    position: sticky;
    scrollbar-color: var(--sidebar-scroll-thumb) transparent;
    scrollbar-width: thin;
    top: 0;
    z-index: 60;
}

.pulse-sidebar[b-v262u1q7j5]::-webkit-scrollbar {
    width: 6px;
}

.pulse-sidebar[b-v262u1q7j5]::-webkit-scrollbar-thumb {
    background: var(--sidebar-scroll-thumb);
    border-radius: 999px;
}

.sidebar-heading[b-v262u1q7j5] {
    align-items: center;
    border-bottom: 1px solid var(--sidebar-divider);
    display: flex;
    justify-content: space-between;
    margin: 0 3px 18px;
    padding: 0 3px 18px;
}

.pulse-sidebar .pulse-brand[b-v262u1q7j5] {
    align-items: center;
    color: var(--sidebar-text-strong);
    display: flex;
    flex: 1;
    gap: 12px;
    min-width: 0;
    text-decoration: none;
}

.brand-symbol[b-v262u1q7j5] {
    align-items: center;
    background: var(--sidebar-brand-surface);
    border: 1px solid var(--sidebar-brand-border);
    border-radius: 12px;
    box-shadow: var(--sidebar-brand-shadow);
    display: inline-flex;
    flex: 0 0 auto;
    height: 42px;
    justify-content: center;
    transition: transform .16s ease;
    width: 42px;
}

.pulse-brand:hover .brand-symbol[b-v262u1q7j5] {
    border-color: var(--sidebar-accent);
    transform: translateY(-1px);
}

.brand-symbol svg[b-v262u1q7j5] {
    height: 31px;
    width: 31px;
}

.brand-shield[b-v262u1q7j5] {
    fill: var(--sidebar-brand-shield);
    stroke: var(--sidebar-accent);
    stroke-linejoin: round;
    stroke-width: 1.6;
}

.brand-pulse[b-v262u1q7j5] {
    fill: none;
    stroke: var(--sidebar-text-strong);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.brand-copy[b-v262u1q7j5] {
    display: grid;
    line-height: 1.05;
}

.brand-copy strong[b-v262u1q7j5] {
    font-size: 18px;
    font-weight: 820;
    letter-spacing: -.035em;
}

.brand-copy small[b-v262u1q7j5] {
    color: var(--sidebar-text-muted);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .1em;
    margin-top: 6px;
    text-transform: uppercase;
}

.sidebar-close[b-v262u1q7j5],
.menu-toggle[b-v262u1q7j5] {
    align-items: center;
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: none;
    justify-content: center;
}

.sidebar-close[b-v262u1q7j5] {
    border-radius: 9px;
    color: var(--sidebar-text-muted);
    flex: 0 0 auto;
    height: 38px;
    width: 38px;
}

.sidebar-close:hover[b-v262u1q7j5] {
    background: var(--sidebar-item-hover);
    color: var(--sidebar-accent-strong);
}

.sidebar-close svg[b-v262u1q7j5],
.menu-toggle svg[b-v262u1q7j5] {
    fill: none;
    height: 22px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-width: 1.8;
    width: 22px;
}

.pulse-nav[b-v262u1q7j5] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 4px;
}

.nav-section-label[b-v262u1q7j5] {
    color: var(--sidebar-text-muted);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .14em;
    line-height: 1;
    margin: 2px 12px 7px;
    text-transform: uppercase;
}

.nav-section-system[b-v262u1q7j5] {
    margin-top: 19px;
}

.pulse-sidebar[b-v262u1q7j5]  .pulse-nav-item {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 10px;
    color: var(--sidebar-text);
    display: flex;
    font-size: 13.5px;
    font-weight: 700;
    gap: 11px;
    min-height: 48px;
    padding: 0 10px;
    position: relative;
    text-decoration: none;
    transition: transform .14s ease;
}

.pulse-sidebar[b-v262u1q7j5]  .pulse-nav-item::before {
    background: var(--sidebar-accent);
    border-radius: 999px;
    content: "";
    height: 0;
    left: 3px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
}

.sidebar-density-toggle[b-v262u1q7j5] {
    align-items: center;
    background: var(--sidebar-panel);
    border: 1px solid var(--sidebar-panel-border);
    border-radius: 9px;
    color: var(--sidebar-text-muted);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    height: 32px;
    justify-content: center;
    padding: 0;
    transition: background-color .14s ease, border-color .14s ease, color .14s ease;
    width: 32px;
}

.sidebar-density-toggle:hover[b-v262u1q7j5] {
    background: var(--sidebar-item-hover);
    border-color: var(--sidebar-item-hover-border);
    color: var(--sidebar-accent-strong);
}

.sidebar-density-toggle svg[b-v262u1q7j5] {
    fill: none;
    height: 18px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    transition: transform .18s ease;
    width: 18px;
}

.pulse-nav[b-v262u1q7j5]  .pulse-nav-item svg {
    background: rgba(255, 255, 255, .54);
    border: 1px solid var(--sidebar-panel-border);
    border-radius: 9px;
    box-sizing: border-box;
    fill: none;
    flex: 0 0 auto;
    height: 31px;
    padding: 5px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.7;
    width: 31px;
}

.pulse-sidebar[b-v262u1q7j5]  .pulse-nav-item:hover {
    background: var(--sidebar-item-hover);
    border-color: var(--sidebar-item-hover-border);
    color: var(--sidebar-accent-strong);
    transform: translateX(2px);
}

.pulse-sidebar[b-v262u1q7j5]  .pulse-nav-item.active {
    background: var(--sidebar-item-active);
    border-color: var(--sidebar-item-active-border);
    box-shadow: var(--sidebar-item-active-shadow);
    color: var(--sidebar-accent-strong);
}

.pulse-sidebar[b-v262u1q7j5]  .pulse-nav-item.active svg {
    background: var(--sidebar-brand-surface);
    border-color: var(--sidebar-brand-border);
    box-shadow: inset 0 1px rgba(255, 255, 255, .45);
}

.pulse-sidebar[b-v262u1q7j5]  .pulse-nav-item.active::before {
    height: 22px;
}

.pulse-sidebar[b-v262u1q7j5]  .control-room-nav {
    color: var(--sidebar-text);
}

.pulse-sidebar .pulse-brand:focus-visible[b-v262u1q7j5],
.pulse-sidebar[b-v262u1q7j5]  .pulse-nav-item:focus-visible,
.sidebar-close:focus-visible[b-v262u1q7j5],
.sidebar-density-toggle:focus-visible[b-v262u1q7j5] {
    outline: 2px solid var(--sidebar-accent);
    outline-offset: 2px;
}

.pulse-sidebar[b-v262u1q7j5]  .pulse-nav-item:focus-visible {
    background: var(--sidebar-item-hover);
    border-color: var(--sidebar-item-hover-border);
    box-shadow: 0 0 0 4px var(--sidebar-focus-ring);
    color: var(--sidebar-accent-strong);
    outline: 0;
}

.live-nav-dot[b-v262u1q7j5] {
    background: #fb7185;
    border: 2px solid var(--sidebar-indicator-border);
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgba(251, 113, 133, .13);
    height: 7px;
    margin-left: auto;
    width: 7px;
}

.alarm-badge[b-v262u1q7j5] {
    background: #e11d48;
    border: 2px solid var(--sidebar-indicator-border);
    border-radius: 999px;
    color: #fff;
    font-size: 9px;
    font-weight: 850;
    line-height: 1;
    margin-left: auto;
    min-width: 18px;
    padding: 4px 5px;
    text-align: center;
}

.sidebar-footer[b-v262u1q7j5] {
    border-top: 1px solid var(--sidebar-divider);
    margin-top: 20px;
    padding: 16px 3px 0;
}

.system-health[b-v262u1q7j5] {
    align-items: center;
    background: var(--sidebar-panel);
    border: 1px solid var(--sidebar-panel-border);
    border-radius: 11px;
    color: var(--sidebar-text-strong);
    display: flex;
    gap: 11px;
    padding: 11px 12px;
}

.system-health > span:last-child[b-v262u1q7j5] {
    display: grid;
    min-width: 0;
}

.system-health small[b-v262u1q7j5] {
    color: var(--sidebar-text-muted);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.system-health strong[b-v262u1q7j5] {
    font-size: 12px;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.status-orbit[b-v262u1q7j5] {
    align-items: center;
    border: 1px solid var(--sidebar-panel-border);
    border-radius: 50%;
    display: inline-flex;
    flex: 0 0 auto;
    height: 24px;
    justify-content: center;
    width: 24px;
}

.status-dot[b-v262u1q7j5] {
    background: var(--sidebar-text-muted);
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(148, 163, 184, .1);
    height: 7px;
    width: 7px;
}

.system-health.is-online .status-dot[b-v262u1q7j5] {
    background: #34d399;
    box-shadow: 0 0 0 4px rgba(52, 211, 153, .12);
}

.system-health.is-degraded .status-dot[b-v262u1q7j5] {
    background: #fbbf24;
    box-shadow: 0 0 0 4px rgba(251, 191, 36, .12);
}

.system-health.is-offline .status-dot[b-v262u1q7j5] {
    background: #fb7185;
    box-shadow: 0 0 0 4px rgba(251, 113, 133, .12);
}

.native-badge[b-v262u1q7j5] {
    align-items: center;
    color: var(--sidebar-text-muted);
    display: flex;
    font-size: 9px;
    font-weight: 750;
    gap: 7px;
    letter-spacing: .05em;
    margin: 11px 4px 0;
    text-transform: uppercase;
}

.native-badge span[b-v262u1q7j5] {
    background: var(--sidebar-accent);
    border-radius: 50%;
    height: 5px;
    width: 5px;
}

.pulse-workspace[b-v262u1q7j5] {
    min-width: 0;
}

.pulse-commandbar[b-v262u1q7j5] {
    align-items: center;
    background: rgba(255, 255, 255, .98);
    border-bottom: 1px solid rgba(203, 213, 225, .72);
    display: flex;
    gap: 18px;
    min-height: 72px;
    padding: 0 25px;
    position: sticky;
    top: 0;
    z-index: 45;
}

.pulse-search[b-v262u1q7j5] {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #dbe3ec;
    border-radius: 13px;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, .025);
    display: flex;
    flex: 1;
    max-width: 650px;
    min-width: 180px;
    padding: 0 7px 0 13px;
}

.pulse-search:focus-within[b-v262u1q7j5] {
    background: #fff;
    border-color: #5eead4;
    box-shadow: 0 0 0 3px rgba(20, 184, 166, .1), 0 9px 30px rgba(15, 23, 42, .05);
}

.pulse-search > svg[b-v262u1q7j5],
.command-search svg[b-v262u1q7j5] {
    fill: none;
    flex: 0 0 auto;
    height: 19px;
    stroke: #718096;
    stroke-linecap: round;
    stroke-width: 1.7;
    width: 19px;
}

.pulse-search input[b-v262u1q7j5] {
    background: transparent;
    border: 0;
    color: #172033;
    flex: 1;
    font: inherit;
    font-size: 13px;
    min-width: 0;
    outline: none;
    padding: 12px 10px;
}

.pulse-search input[b-v262u1q7j5]::placeholder {
    color: #8a99aa;
}

.search-shortcut[b-v262u1q7j5] {
    align-items: center;
    background: #fff;
    border: 1px solid #dbe3ec;
    border-radius: 8px;
    color: #64748b;
    cursor: pointer;
    display: flex;
    font-family: inherit;
    font-size: 10px;
    font-weight: 700;
    gap: 7px;
    padding: 5px 7px;
}

kbd[b-v262u1q7j5] {
    background: #eef2f7;
    border: 1px solid #dbe3ec;
    border-bottom-color: #c4ceda;
    border-radius: 5px;
    box-shadow: 0 1px 0 #cbd5e1;
    color: #475569;
    font-family: inherit;
    font-size: 9px;
    font-weight: 800;
    padding: 2px 5px;
}

.commandbar-tools[b-v262u1q7j5] {
    align-items: center;
    display: flex;
    gap: 10px;
    margin-left: auto;
}

.local-clock[b-v262u1q7j5] {
    color: #64748b;
    font-size: 11px;
    font-variant-numeric: tabular-nums;
    font-weight: 750;
    white-space: nowrap;
}

.control-room-button[b-v262u1q7j5] {
    align-items: center;
    background: #0f766e;
    border: 1px solid #0d6962;
    border-radius: 10px;
    box-shadow: 0 8px 21px rgba(15, 118, 110, .18);
    color: #fff;
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    gap: 8px;
    padding: 9px 11px;
    text-decoration: none;
    transition: transform .14s ease;
    white-space: nowrap;
}

.control-room-button:hover[b-v262u1q7j5] {
    background: #0b655e;
    box-shadow: 0 11px 25px rgba(15, 118, 110, .22);
    color: #fff;
    transform: translateY(-1px);
}

.control-room-pulse[b-v262u1q7j5] {
    background: #5eead4;
    border: 2px solid rgba(255, 255, 255, .65);
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(94, 234, 212, .18);
    height: 7px;
    width: 7px;
}

.theme-toggle[b-v262u1q7j5] {
    align-items: center;
    background: #fff;
    border: 1px solid #dbe3ec;
    border-radius: 10px;
    color: #5b6b7d;
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    font-size: 10px;
    font-weight: 750;
    gap: 6px;
    padding: 8px 9px;
}

.theme-toggle svg[b-v262u1q7j5] {
    fill: none;
    height: 17px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.7;
    width: 17px;
}

.theme-sun[b-v262u1q7j5],
.theme-toggle[data-current-theme="dark"] .theme-moon[b-v262u1q7j5] {
    display: none;
}

.theme-toggle[data-current-theme="dark"] .theme-sun[b-v262u1q7j5] {
    display: block;
}

.account-menu[b-v262u1q7j5] {
    position: relative;
}

.account-menu > summary[b-v262u1q7j5] {
    align-items: center;
    background: #fff;
    border: 1px solid #dbe3ec;
    border-radius: 11px;
    color: #24364a;
    cursor: pointer;
    display: flex;
    gap: 8px;
    list-style: none;
    min-height: 38px;
    padding: 4px 8px 4px 5px;
}

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

.account-menu[open] > summary[b-v262u1q7j5],
.account-menu > summary:hover[b-v262u1q7j5] {
    border-color: #9acbc6;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, .08);
}

.account-menu > summary > svg[b-v262u1q7j5] {
    fill: none;
    height: 14px;
    stroke: #718096;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 14px;
}

.account-avatar[b-v262u1q7j5] {
    align-items: center;
    background: linear-gradient(145deg, #dff7f3, #d8eef5);
    border: 1px solid #b7dfda;
    border-radius: 8px;
    color: #096b65;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 9px;
    font-weight: 850;
    height: 28px;
    justify-content: center;
    letter-spacing: .02em;
    width: 28px;
}

.account-avatar.large[b-v262u1q7j5] {
    border-radius: 11px;
    font-size: 12px;
    height: 38px;
    width: 38px;
}

.account-summary-copy[b-v262u1q7j5] {
    display: grid;
    line-height: 1.1;
    max-width: 115px;
    min-width: 0;
    text-align: left;
}

.account-summary-copy strong[b-v262u1q7j5] {
    font-size: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-summary-copy small[b-v262u1q7j5] {
    color: #718096;
    font-size: 8px;
    font-weight: 700;
    margin-top: 3px;
}

.account-popover[b-v262u1q7j5] {
    background: #fff;
    border: 1px solid #dbe3ec;
    border-radius: 13px;
    box-shadow: 0 22px 55px rgba(15, 23, 42, .2);
    min-width: 245px;
    padding: 9px;
    position: absolute;
    right: 0;
    top: calc(100% + 9px);
    z-index: 80;
}

.account-popover[b-v262u1q7j5]::before {
    background: #fff;
    border-left: 1px solid #dbe3ec;
    border-top: 1px solid #dbe3ec;
    content: "";
    height: 9px;
    position: absolute;
    right: 17px;
    top: -5px;
    transform: rotate(45deg);
    width: 9px;
}

.account-popover header[b-v262u1q7j5] {
    align-items: center;
    display: flex;
    gap: 9px;
    padding: 7px;
}

.account-popover header > span:last-child[b-v262u1q7j5] {
    display: grid;
    min-width: 0;
}

.account-popover header strong[b-v262u1q7j5] {
    color: #1f3044;
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-popover header small[b-v262u1q7j5] {
    color: #75869a;
    font-size: 9px;
    margin-top: 3px;
}

.account-role[b-v262u1q7j5] {
    align-items: center;
    background: #f0f9f7;
    border: 1px solid #d5eee9;
    border-radius: 7px;
    color: #176c65;
    display: flex;
    font-size: 9px;
    font-weight: 800;
    gap: 6px;
    margin: 3px 5px 8px;
    padding: 6px 7px;
}

.account-role > span[b-v262u1q7j5] {
    background: #20b89f;
    border-radius: 50%;
    height: 6px;
    width: 6px;
}

.account-popover nav[b-v262u1q7j5] {
    border-bottom: 1px solid #e8edf3;
    border-top: 1px solid #e8edf3;
    display: grid;
    padding: 6px 0;
}

.account-popover nav a[b-v262u1q7j5],
.account-popover form button[b-v262u1q7j5] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 7px;
    color: #405268;
    cursor: pointer;
    display: flex;
    font-family: inherit;
    font-size: 10px;
    font-weight: 700;
    gap: 8px;
    padding: 8px;
    text-align: left;
    text-decoration: none;
    width: 100%;
}

.account-popover nav a:hover[b-v262u1q7j5],
.account-popover form button:hover[b-v262u1q7j5] {
    background: #f1f6f8;
    color: #0f766e;
}

.account-popover nav svg[b-v262u1q7j5],
.account-popover form svg[b-v262u1q7j5] {
    fill: none;
    height: 16px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.65;
    width: 16px;
}

.account-popover form[b-v262u1q7j5] {
    margin-top: 5px;
}

.account-popover form button[b-v262u1q7j5] {
    color: #a13f49;
}

.pulse-content[b-v262u1q7j5] {
    min-height: calc(100vh - 72px);
}

.sidebar-backdrop[b-v262u1q7j5] {
    display: none;
}

.sidebar-backdrop[hidden][b-v262u1q7j5] {
    display: none;
}

.command-palette[hidden][b-v262u1q7j5] {
    display: none;
}

.command-palette[b-v262u1q7j5] {
    inset: 0;
    position: fixed;
    z-index: 1000;
}

.command-backdrop[b-v262u1q7j5] {
    background: rgba(3, 12, 23, .63);
    border: 0;
    cursor: default;
    inset: 0;
    position: absolute;
    width: 100%;
}

.command-dialog[b-v262u1q7j5] {
    animation: command-enter-b-v262u1q7j5 .18s ease-out;
    background: #fff;
    border: 1px solid rgba(203, 213, 225, .9);
    border-radius: 19px;
    box-shadow: 0 35px 100px rgba(2, 8, 23, .35);
    left: 50%;
    max-height: min(720px, calc(100vh - 70px));
    max-width: 660px;
    overflow: auto;
    padding: 18px;
    position: absolute;
    top: 9vh;
    transform: translateX(-50%);
    width: calc(100% - 36px);
}

@keyframes command-enter-b-v262u1q7j5 {
    from { opacity: 0; transform: translate(-50%, -10px) scale(.98); }
    to { opacity: 1; transform: translate(-50%, 0) scale(1); }
}

.command-dialog header[b-v262u1q7j5] {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    padding: 2px 3px 14px;
}

.command-eyebrow[b-v262u1q7j5] {
    color: #0f766e;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.command-dialog h2[b-v262u1q7j5] {
    color: #0f172a;
    font-size: 21px;
    letter-spacing: -.025em;
    margin: 3px 0 0;
}

.command-dialog header p[b-v262u1q7j5] {
    color: #718096;
    font-size: 10px;
    line-height: 1.45;
    margin: 5px 0 0;
}

.command-dialog header button[b-v262u1q7j5] {
    background: #f1f5f9;
    border: 1px solid #dbe3ec;
    border-radius: 7px;
    color: #64748b;
    cursor: pointer;
    font-family: inherit;
    font-size: 9px;
    font-weight: 800;
    padding: 5px 7px;
}

.command-search[b-v262u1q7j5] {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #d8e2ec;
    border-radius: 12px;
    display: flex;
    gap: 9px;
    padding: 0 13px;
}

.command-search:focus-within[b-v262u1q7j5] {
    border-color: #2dd4bf;
    box-shadow: 0 0 0 3px rgba(20, 184, 166, .1);
}

.command-search input[b-v262u1q7j5] {
    background: transparent;
    border: 0;
    color: #172033;
    flex: 1;
    font: inherit;
    font-size: 13px;
    outline: 0;
    padding: 13px 0;
}

.command-grid[b-v262u1q7j5] {
    display: grid;
    gap: 7px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 13px 0 2px;
}

.command-grid a[b-v262u1q7j5] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    color: #172033;
    display: grid;
    gap: 3px;
    min-height: 70px;
    padding: 12px 44px 12px 13px;
    position: relative;
    text-decoration: none;
}

.command-grid a:hover[b-v262u1q7j5],
.command-grid a.is-highlighted[b-v262u1q7j5] {
    background: #f0fdfa;
    border-color: #5eead4;
    box-shadow: 0 7px 22px rgba(15, 118, 110, .08);
}

.command-grid strong[b-v262u1q7j5] {
    font-size: 12px;
}

.command-grid span[b-v262u1q7j5] {
    color: #718096;
    font-size: 10px;
}

.command-grid kbd[b-v262u1q7j5] {
    position: absolute;
    right: 10px;
    top: 10px;
}

.command-empty[b-v262u1q7j5] {
    color: #64748b;
    padding: 28px 12px;
    text-align: center;
}

.command-dialog footer[b-v262u1q7j5] {
    border-top: 1px solid #edf1f5;
    color: #8190a2;
    display: flex;
    font-size: 9px;
    gap: 18px;
    margin-top: 13px;
    padding: 12px 3px 0;
}

.command-dialog footer span[b-v262u1q7j5] {
    align-items: center;
    display: flex;
    gap: 4px;
}

html[data-theme="dark"] .pulse-shell[b-v262u1q7j5] {
    --sidebar-background:
        radial-gradient(circle at 10% -2%, rgba(45, 212, 191, .14), transparent 17rem),
        linear-gradient(175deg, #071522 0%, #091c29 58%, #08272c 100%);
    --sidebar-border: rgba(148, 163, 184, .14);
    --sidebar-shadow: 18px 0 52px rgba(2, 8, 23, .24);
    --sidebar-drawer-shadow: 25px 0 80px rgba(2, 8, 23, .48);
    --sidebar-text-strong: #f1f7f7;
    --sidebar-text: #afc2cc;
    --sidebar-text-muted: #8198a5;
    --sidebar-divider: rgba(148, 163, 184, .13);
    --sidebar-accent: #2dd4bf;
    --sidebar-accent-strong: #d2faf5;
    --sidebar-focus-ring: rgba(45, 212, 191, .2);
    --sidebar-brand-surface: linear-gradient(145deg, rgba(45, 212, 191, .23), rgba(14, 116, 144, .17));
    --sidebar-brand-border: rgba(94, 234, 212, .3);
    --sidebar-brand-shadow: inset 0 1px rgba(255, 255, 255, .14), 0 10px 28px rgba(2, 132, 199, .12);
    --sidebar-brand-shield: rgba(15, 118, 110, .22);
    --sidebar-item-hover: rgba(148, 163, 184, .09);
    --sidebar-item-hover-border: rgba(148, 163, 184, .13);
    --sidebar-item-active: linear-gradient(110deg, rgba(20, 184, 166, .2), rgba(14, 116, 144, .12));
    --sidebar-item-active-border: rgba(94, 234, 212, .22);
    --sidebar-item-active-shadow: 0 10px 28px rgba(2, 132, 199, .08);
    --sidebar-panel: rgba(15, 23, 42, .3);
    --sidebar-panel-border: rgba(148, 163, 184, .14);
    --sidebar-indicator-border: #102630;
    --sidebar-scroll-thumb: rgba(148, 163, 184, .24);
    background:
        radial-gradient(circle at 82% -12%, rgba(20, 184, 166, .08), transparent 28rem),
        #07111e;
    color: #e2e8f0;
}

html[data-theme="dark"] .pulse-commandbar[b-v262u1q7j5] {
    background: rgba(9, 20, 34, .98);
    border-color: #1c2c40;
}

html[data-theme="dark"] .pulse-search[b-v262u1q7j5],
html[data-theme="dark"] .theme-toggle[b-v262u1q7j5],
html[data-theme="dark"] .search-shortcut[b-v262u1q7j5],
html[data-theme="dark"] .account-menu > summary[b-v262u1q7j5] {
    background: #0f1d2e;
    border-color: #26384e;
    color: #b8c6d4;
}

html[data-theme="dark"] .pulse-search input[b-v262u1q7j5] {
    color: #e2e8f0;
}

html[data-theme="dark"] .local-clock[b-v262u1q7j5] {
    color: #8da0b5;
}

html[data-theme="dark"] .account-avatar[b-v262u1q7j5] {
    background: #173a3a;
    border-color: #285957;
    color: #6ee7d8;
}

html[data-theme="dark"] .account-popover[b-v262u1q7j5] {
    background: #0f1d2e;
    border-color: #26384e;
}

html[data-theme="dark"] .account-popover[b-v262u1q7j5]::before {
    background: #0f1d2e;
    border-color: #26384e;
}

html[data-theme="dark"] .account-popover header strong[b-v262u1q7j5] {
    color: #e5edf5;
}

html[data-theme="dark"] .account-popover header small[b-v262u1q7j5],
html[data-theme="dark"] .account-summary-copy small[b-v262u1q7j5] {
    color: #8da0b5;
}

html[data-theme="dark"] .account-role[b-v262u1q7j5] {
    background: #102d2d;
    border-color: #23514d;
    color: #75ded4;
}

html[data-theme="dark"] .account-popover nav[b-v262u1q7j5] {
    border-color: #26384e;
}

html[data-theme="dark"] .account-popover nav a[b-v262u1q7j5],
html[data-theme="dark"] .account-popover form button[b-v262u1q7j5] {
    color: #b9c7d6;
}

html[data-theme="dark"] .account-popover nav a:hover[b-v262u1q7j5],
html[data-theme="dark"] .account-popover form button:hover[b-v262u1q7j5] {
    background: #16283b;
    color: #6ee7d8;
}

html[data-theme="dark"] .account-popover form button[b-v262u1q7j5] {
    color: #ff9da7;
}

html[data-theme="dark"] .command-dialog[b-v262u1q7j5] {
    background: #0d1929;
    border-color: #26384e;
}

html[data-theme="dark"] .command-dialog h2[b-v262u1q7j5],
html[data-theme="dark"] .command-search input[b-v262u1q7j5],
html[data-theme="dark"] .command-grid a[b-v262u1q7j5] {
    color: #e5edf5;
}

html[data-theme="dark"] .command-dialog header p[b-v262u1q7j5] {
    color: #8da0b5;
}

html[data-theme="dark"] .pulse-nav[b-v262u1q7j5]  .pulse-nav-item svg {
    background: rgba(15, 23, 42, .34);
}

html[data-theme="dark"] .pulse-sidebar[b-v262u1q7j5]  .pulse-nav-item.active svg {
    background: var(--sidebar-brand-surface);
    border-color: var(--sidebar-brand-border);
}

html[data-theme="dark"] .command-search[b-v262u1q7j5],
html[data-theme="dark"] .command-grid a[b-v262u1q7j5] {
    background: #101f31;
    border-color: #26384e;
}

html[data-theme="dark"] .command-grid a:hover[b-v262u1q7j5],
html[data-theme="dark"] .command-grid a.is-highlighted[b-v262u1q7j5] {
    background: #102d31;
    border-color: #238b82;
}

html[data-theme="dark"] .command-dialog footer[b-v262u1q7j5] {
    border-color: #26384e;
}

#blazor-error-ui[b-v262u1q7j5] {
    align-items: center;
    background: #fffdf5;
    border: 1px solid #f6d588;
    border-radius: 16px;
    bottom: 18px;
    box-shadow: 0 18px 48px rgba(74, 46, 4, .18);
    box-sizing: border-box;
    color: #713f12;
    display: none;
    gap: 12px;
    max-width: min(560px, calc(100vw - 36px));
    padding: 12px 48px 12px 12px;
    position: fixed;
    right: 18px;
    width: auto;
    z-index: 1100;
}

#blazor-error-ui[style*="display: block"][b-v262u1q7j5] {
    display: flex !important;
}

#blazor-error-ui .error-ui-icon[b-v262u1q7j5] {
    align-items: center;
    background: #fef3c7;
    border: 1px solid #f6d588;
    border-radius: 11px;
    display: inline-flex;
    flex: 0 0 38px;
    font-size: 18px;
    font-weight: 900;
    height: 38px;
    justify-content: center;
}

#blazor-error-ui .error-ui-copy[b-v262u1q7j5] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

#blazor-error-ui .error-ui-copy strong[b-v262u1q7j5] {
    font-size: 12px;
}

#blazor-error-ui .error-ui-copy small[b-v262u1q7j5] {
    color: #92621b;
    font-size: 10px;
}

#blazor-error-ui .reload[b-v262u1q7j5] {
    background: #713f12;
    border-radius: 9px;
    color: #fff;
    flex: 0 0 auto;
    font-size: 10px;
    font-weight: 850;
    padding: 9px 11px;
    text-decoration: none;
}

#blazor-error-ui .dismiss[b-v262u1q7j5] {
    background: transparent;
    border: 0;
    color: #92621b;
    cursor: pointer;
    font-family: inherit;
    font-size: 20px;
    position: absolute;
    right: 12px;
    top: 10px;
}

html[data-theme="dark"] #blazor-error-ui[b-v262u1q7j5] {
    background: #211a10;
    border-color: #6f5226;
    color: #fde8b2;
}

html[data-theme="dark"] #blazor-error-ui .error-ui-icon[b-v262u1q7j5] {
    background: #35250f;
    border-color: #6f5226;
}

html[data-theme="dark"] #blazor-error-ui .error-ui-copy small[b-v262u1q7j5],
html[data-theme="dark"] #blazor-error-ui .dismiss[b-v262u1q7j5] {
    color: #d8b56b;
}

html[data-theme="dark"] #blazor-error-ui .reload[b-v262u1q7j5] {
    background: #f3c96b;
    color: #211a10;
}

.theme-toggle:focus-visible[b-v262u1q7j5],
.account-menu > summary:focus-visible[b-v262u1q7j5],
.control-room-button:focus-visible[b-v262u1q7j5],
.menu-toggle:focus-visible[b-v262u1q7j5],
.search-shortcut:focus-visible[b-v262u1q7j5],
.command-dialog button:focus-visible[b-v262u1q7j5],
.command-grid a:focus-visible[b-v262u1q7j5],
#blazor-error-ui .reload:focus-visible[b-v262u1q7j5],
#blazor-error-ui .dismiss:focus-visible[b-v262u1q7j5] {
    outline: 2px solid #0f9488;
    outline-offset: 2px;
}

@media (min-width: 821px) {
    html[data-sidebar-mode="compact"] .pulse-shell[b-v262u1q7j5] {
        --sidebar-width: 86px;
    }

    html[data-sidebar-mode="compact"] .pulse-sidebar[b-v262u1q7j5] {
        padding-inline: 12px;
    }

    html[data-sidebar-mode="compact"] .sidebar-heading[b-v262u1q7j5] {
        gap: 4px;
        justify-content: center;
        margin-inline: 0;
        padding-inline: 0;
    }

    html[data-sidebar-mode="compact"] .pulse-sidebar .pulse-brand[b-v262u1q7j5] {
        flex: 0 0 auto;
        justify-content: center;
    }

    html[data-sidebar-mode="compact"] .brand-symbol[b-v262u1q7j5] {
        border-radius: 10px;
        height: 34px;
        width: 34px;
    }

    html[data-sidebar-mode="compact"] .brand-symbol svg[b-v262u1q7j5] {
        height: 25px;
        width: 25px;
    }

    html[data-sidebar-mode="compact"] .sidebar-density-toggle[b-v262u1q7j5] {
        border-radius: 7px;
        height: 24px;
        width: 24px;
    }

    html[data-sidebar-mode="compact"] .sidebar-density-toggle svg[b-v262u1q7j5] {
        height: 15px;
        transform: rotate(180deg);
        width: 15px;
    }

    html[data-sidebar-mode="compact"] .brand-copy[b-v262u1q7j5],
    html[data-sidebar-mode="compact"] .nav-section-label[b-v262u1q7j5],
    html[data-sidebar-mode="compact"] .pulse-nav[b-v262u1q7j5]  .pulse-nav-item > span:not(.alarm-badge):not(.live-nav-dot),
    html[data-sidebar-mode="compact"] .system-health > span:last-child[b-v262u1q7j5],
    html[data-sidebar-mode="compact"] .native-badge[b-v262u1q7j5] {
        display: none;
    }

    html[data-sidebar-mode="compact"] .pulse-sidebar[b-v262u1q7j5]  .pulse-nav-item {
        justify-content: center;
        min-height: 48px;
        padding: 0;
    }

    html[data-sidebar-mode="compact"] .nav-section-label.nav-section-system[b-v262u1q7j5] {
        background: var(--sidebar-divider);
        display: block;
        height: 1px;
        margin: 14px 6px 10px;
        overflow: hidden;
    }

    html[data-sidebar-mode="compact"] .live-nav-dot[b-v262u1q7j5],
    html[data-sidebar-mode="compact"] .alarm-badge[b-v262u1q7j5] {
        position: absolute;
        right: 9px;
        top: 7px;
    }

    html[data-sidebar-mode="compact"] .system-health[b-v262u1q7j5] {
        justify-content: center;
        padding-inline: 0;
    }
}

@media (max-width: 1320px) {
    .account-summary-copy[b-v262u1q7j5] {
        display: none;
    }
}

@media (max-width: 820px) {
    .pulse-shell[b-v262u1q7j5] {
        display: block;
    }

    .pulse-sidebar[b-v262u1q7j5] {
        box-shadow: var(--sidebar-drawer-shadow);
        height: 100dvh;
        max-width: 300px;
        padding: 20px 14px 16px;
        position: fixed;
        transform: translateX(-104%);
        transition: transform .18s ease;
        width: min(88vw, 300px);
    }

    .pulse-sidebar.is-open[b-v262u1q7j5] {
        transform: translateX(0);
    }

    .sidebar-heading[b-v262u1q7j5] {
        justify-content: space-between;
        margin: 0 3px 18px;
    }

    .pulse-sidebar .pulse-brand[b-v262u1q7j5] {
        flex: 1;
        justify-content: flex-start;
    }

    .brand-symbol[b-v262u1q7j5] {
        border-radius: 12px;
        height: 42px;
        width: 42px;
    }

    .brand-symbol svg[b-v262u1q7j5] {
        height: 31px;
        width: 31px;
    }

    .brand-copy[b-v262u1q7j5],
    .system-health > span:last-child[b-v262u1q7j5] {
        display: grid;
    }

    .nav-section-label[b-v262u1q7j5] {
        display: block;
    }

    .nav-section-label.nav-section-system[b-v262u1q7j5] {
        background: transparent;
        height: auto;
        margin: 19px 12px 7px;
        overflow: visible;
    }

    .pulse-nav[b-v262u1q7j5]  .pulse-nav-item > span:not(.alarm-badge):not(.live-nav-dot) {
        display: inline;
    }

    .native-badge[b-v262u1q7j5] {
        display: flex;
    }

    .pulse-sidebar[b-v262u1q7j5]  .pulse-nav-item {
        justify-content: flex-start;
        min-height: 48px;
        padding: 0 10px;
    }

    .live-nav-dot[b-v262u1q7j5],
    .alarm-badge[b-v262u1q7j5] {
        margin-left: auto;
        position: static;
    }

    .system-health[b-v262u1q7j5] {
        justify-content: flex-start;
        padding-inline: 12px;
    }

    .sidebar-close[b-v262u1q7j5],
    .menu-toggle[b-v262u1q7j5] {
        display: inline-flex;
    }

    .sidebar-density-toggle[b-v262u1q7j5] {
        display: none;
    }

    .sidebar-backdrop[b-v262u1q7j5] {
        background: rgba(3, 9, 18, .56);
        border: 0;
        cursor: default;
        display: block;
        inset: 0;
        position: fixed;
        width: 100%;
        z-index: 55;
    }

    .pulse-commandbar[b-v262u1q7j5] {
        gap: 10px;
        min-height: 64px;
        padding: 0 14px;
    }

    .menu-toggle[b-v262u1q7j5] {
        color: #526477;
        flex: 0 0 auto;
        height: 40px;
        width: 40px;
    }

    .local-clock[b-v262u1q7j5],
    .theme-label[b-v262u1q7j5],
    .search-shortcut span[b-v262u1q7j5] {
        display: none;
    }

    .control-room-button[b-v262u1q7j5] {
        font-size: 0;
        height: 38px;
        justify-content: center;
        padding: 0;
        width: 38px;
    }

    .account-menu > summary[b-v262u1q7j5] {
        height: 38px;
        justify-content: center;
        padding: 4px;
        width: 38px;
    }

    .account-menu > summary > svg[b-v262u1q7j5] {
        display: none;
    }
}

@media (max-width: 560px) {
    .pulse-commandbar[b-v262u1q7j5] {
        flex-wrap: wrap;
        padding-block: 10px;
    }

    .pulse-search[b-v262u1q7j5] {
        max-width: none;
        order: 3;
        width: 100%;
    }

    .commandbar-tools[b-v262u1q7j5] {
        margin-left: auto;
    }

    .command-grid[b-v262u1q7j5] {
        grid-template-columns: 1fr;
    }

    .command-dialog[b-v262u1q7j5] {
        max-height: calc(100vh - 24px);
        padding: 14px;
        top: 12px;
        width: calc(100% - 20px);
    }

    #blazor-error-ui[b-v262u1q7j5] {
        align-items: flex-start;
        bottom: 10px;
        flex-wrap: wrap;
        left: 10px;
        max-width: none;
        right: 10px;
        width: auto;
    }

    #blazor-error-ui .error-ui-copy[b-v262u1q7j5] {
        flex: 1 1 calc(100% - 52px);
    }

    #blazor-error-ui .reload[b-v262u1q7j5] {
        margin-left: 50px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .brand-symbol[b-v262u1q7j5],
    .command-dialog[b-v262u1q7j5],
    .pulse-shell[b-v262u1q7j5],
    .pulse-sidebar[b-v262u1q7j5],
    .sidebar-density-toggle[b-v262u1q7j5],
    .sidebar-density-toggle svg[b-v262u1q7j5],
    .pulse-nav[b-v262u1q7j5]  .pulse-nav-item,
    .pulse-nav[b-v262u1q7j5]  .pulse-nav-item::before,
    .control-room-button[b-v262u1q7j5] {
        animation: none;
        transition: none;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-9w0ssp5087],
.components-reconnect-repeated-attempt-visible[b-9w0ssp5087],
.components-reconnect-failed-visible[b-9w0ssp5087],
.components-pause-visible[b-9w0ssp5087],
.components-resume-failed-visible[b-9w0ssp5087],
.components-rejoining-animation[b-9w0ssp5087] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-9w0ssp5087],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-9w0ssp5087],
#components-reconnect-modal.components-reconnect-retrying[b-9w0ssp5087],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-9w0ssp5087],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-9w0ssp5087],
#components-reconnect-modal.components-reconnect-failed[b-9w0ssp5087],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-9w0ssp5087],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-9w0ssp5087],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-9w0ssp5087] {
    display: block;
}

#components-reconnect-modal[b-9w0ssp5087] {
    background: linear-gradient(160deg, #ffffff, #f3f8f9);
    border: 1px solid rgba(42, 77, 96, .17);
    border-radius: 22px;
    box-shadow: 0 28px 90px rgba(5, 20, 32, .28);
    color: #132b3b;
    margin: min(18vh, 9rem) auto;
    max-width: calc(100vw - 32px);
    opacity: 0;
    padding: 0;
    width: 25rem;
}

#components-reconnect-modal[open][b-9w0ssp5087] {
    animation: components-reconnect-enter-b-9w0ssp5087 .18s ease-out both;
}

#components-reconnect-modal[b-9w0ssp5087]::backdrop {
    background: rgba(3, 12, 23, .68);
}

.components-reconnect-container[b-9w0ssp5087] {
    align-items: center;
    display: flex;
    flex-direction: column;
    min-height: 22rem;
    overflow: hidden;
    padding: 2rem;
    position: relative;
    text-align: center;
}

.components-reconnect-container[b-9w0ssp5087]::before {
    background: linear-gradient(90deg, transparent, rgba(13, 148, 136, .55), transparent);
    content: "";
    height: 1px;
    left: 2rem;
    position: absolute;
    right: 2rem;
    top: 0;
}

.components-reconnect-brand[b-9w0ssp5087] {
    align-items: center;
    background: linear-gradient(145deg, rgba(20, 184, 166, .13), rgba(14, 116, 144, .08));
    border: 1px solid rgba(13, 148, 136, .2);
    border-radius: 13px;
    display: flex;
    height: 46px;
    justify-content: center;
    margin-bottom: 1.1rem;
    width: 46px;
}

.components-reconnect-brand svg[b-9w0ssp5087] {
    fill: rgba(13, 148, 136, .09);
    height: 33px;
    stroke: #0b8079;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.7;
    width: 33px;
}

.components-reconnect-brand svg path:last-child[b-9w0ssp5087] {
    fill: none;
    stroke: #17394a;
    stroke-width: 2;
}

.components-rejoining-animation[b-9w0ssp5087] {
    height: 58px;
    margin: .15rem 0 1rem;
    position: relative;
    width: 58px;
}

.components-rejoining-animation div[b-9w0ssp5087] {
    border: 2px solid rgba(13, 148, 136, .22);
    border-radius: 50%;
    inset: 0;
    position: absolute;
}

.components-rejoining-animation div:first-child[b-9w0ssp5087] {
    animation: components-reconnect-pulse-b-9w0ssp5087 1.1s ease-out 3;
    border-color: #14a39b;
}

.components-rejoining-animation div:nth-child(2)[b-9w0ssp5087] {
    inset: 10px;
}

.components-rejoining-animation div:nth-child(2)[b-9w0ssp5087]::after {
    background: #14a39b;
    border-radius: 50%;
    box-shadow: 0 0 0 7px rgba(20, 163, 155, .1);
    content: "";
    height: 10px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
}

.components-reconnect-copy[b-9w0ssp5087] {
    width: 100%;
}

.components-reconnect-copy h2[b-9w0ssp5087] {
    color: #102a3c;
    font-size: 1.45rem;
    letter-spacing: -.035em;
    line-height: 1.15;
    margin: .45rem 0 .7rem;
}

.components-reconnect-copy p[b-9w0ssp5087] {
    color: #60788b;
    font-size: .85rem;
    line-height: 1.6;
    margin: 0 auto;
    max-width: 19rem;
}

.components-reconnect-eyebrow[b-9w0ssp5087] {
    color: #087f83;
    font-size: .65rem;
    font-weight: 850;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.components-reconnect-eyebrow.is-critical[b-9w0ssp5087] {
    color: #c03348;
}

.components-reconnect-actions[b-9w0ssp5087] {
    gap: .6rem;
    margin-top: 1.35rem;
    width: 100%;
}

#components-reconnect-modal.components-reconnect-failed .components-reconnect-actions[b-9w0ssp5087],
#components-reconnect-modal.components-reconnect-paused .components-reconnect-actions[b-9w0ssp5087] {
    display: flex;
}

#components-reconnect-modal button[b-9w0ssp5087],
.components-reconnect-actions a[b-9w0ssp5087],
.components-reconnect-reload[b-9w0ssp5087] {
    align-items: center;
    border-radius: 10px;
    cursor: pointer;
    display: inline-flex;
    flex: 1;
    font: inherit;
    font-size: .76rem;
    font-weight: 800;
    justify-content: center;
    min-height: 43px;
    padding: .7rem 1rem;
    text-decoration: none;
}

#components-reconnect-modal button[b-9w0ssp5087] {
    background: #0d8179;
    border: 1px solid #0d8179;
    color: #fff;
}

.components-reconnect-actions a[b-9w0ssp5087],
.components-reconnect-reload[b-9w0ssp5087] {
    background: #f1f6f7;
    border: 1px solid rgba(42, 77, 96, .17);
    color: #29485a;
}

.components-reconnect-reload[b-9w0ssp5087] {
    margin-top: 1.35rem;
    width: 100%;
}

#components-reconnect-modal button:hover[b-9w0ssp5087],
.components-reconnect-actions a:hover[b-9w0ssp5087],
.components-reconnect-reload:hover[b-9w0ssp5087] {
    transform: translateY(-1px);
}

#components-reconnect-modal button:focus-visible[b-9w0ssp5087],
.components-reconnect-actions a:focus-visible[b-9w0ssp5087],
.components-reconnect-reload:focus-visible[b-9w0ssp5087] {
    outline: 2px solid #14a39b;
    outline-offset: 3px;
}

.components-reconnect-footnote[b-9w0ssp5087] {
    align-items: center;
    border-top: 1px solid rgba(42, 77, 96, .11);
    color: #7a909f;
    display: flex;
    font-size: .62rem;
    gap: .4rem;
    justify-content: center;
    margin-top: auto;
    padding-top: 1.2rem;
    width: 100%;
}

.components-reconnect-footnote span[b-9w0ssp5087] {
    background: #2dbe84;
    border-radius: 50%;
    height: 6px;
    width: 6px;
}

html[data-theme="dark"] #components-reconnect-modal[b-9w0ssp5087] {
    background: linear-gradient(160deg, #102235, #091827);
    border-color: rgba(148, 176, 210, .2);
    color: #eef7ff;
}

html[data-theme="dark"] .components-reconnect-brand[b-9w0ssp5087] {
    background: rgba(20, 184, 166, .12);
    border-color: rgba(94, 234, 212, .22);
}

html[data-theme="dark"] .components-reconnect-brand svg path:last-child[b-9w0ssp5087],
html[data-theme="dark"] .components-reconnect-copy h2[b-9w0ssp5087] {
    stroke: #eef7ff;
    color: #eef7ff;
}

html[data-theme="dark"] .components-reconnect-copy p[b-9w0ssp5087],
html[data-theme="dark"] .components-reconnect-footnote[b-9w0ssp5087] {
    color: #91a8bc;
}

html[data-theme="dark"] .components-reconnect-actions a[b-9w0ssp5087],
html[data-theme="dark"] .components-reconnect-reload[b-9w0ssp5087] {
    background: #142a3d;
    border-color: rgba(148, 176, 210, .2);
    color: #dbe9f7;
}

html[data-theme="dark"] .components-reconnect-footnote[b-9w0ssp5087] {
    border-color: rgba(148, 176, 210, .13);
}

@keyframes components-reconnect-enter-b-9w0ssp5087 {
    from { opacity: 0; transform: translateY(10px) scale(.985); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes components-reconnect-pulse-b-9w0ssp5087 {
    from { opacity: .8; transform: scale(.78); }
    to { opacity: .15; transform: scale(1); }
}

@media (max-width: 480px) {
    #components-reconnect-modal[b-9w0ssp5087] {
        margin: 10vh auto;
    }

    .components-reconnect-container[b-9w0ssp5087] {
        min-height: 20rem;
        padding: 1.5rem;
    }

    .components-reconnect-actions[b-9w0ssp5087] {
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    #components-reconnect-modal[open][b-9w0ssp5087],
    .components-rejoining-animation div:first-child[b-9w0ssp5087] {
        animation: none;
    }

    #components-reconnect-modal button:hover[b-9w0ssp5087],
    .components-reconnect-actions a:hover[b-9w0ssp5087],
    .components-reconnect-reload:hover[b-9w0ssp5087] {
        transform: none;
    }
}
/* /Components/Pages/Alarms.razor.rz.scp.css */
.alarm-page[b-8m0voy1s0e] {
    --ap-surface: #fff;
    --ap-soft: #f5f8fc;
    --ap-border: rgba(121, 143, 171, .22);
    --ap-ink: #14243c;
    --ap-muted: #687993;
    --ap-accent: #0f827d;
    --ap-accent-strong: #086a66;
    min-height: calc(100vh - 6rem);
    padding: clamp(1rem, 2.2vw, 2rem);
    border-radius: 1.6rem;
    color: var(--ap-ink);
    background: radial-gradient(circle at 4% 0%, rgba(20, 184, 166, .07), transparent 25rem), rgba(248, 250, 252, .58);
}

.breadcrumbs[b-8m0voy1s0e] {
    width: fit-content;
    margin: 0 0 .8rem;
    padding: .4rem .7rem;
    border: 1px solid var(--ap-border);
    border-radius: 999px;
    background: var(--ap-surface);
    font-size: .7rem;
}

.breadcrumbs a[b-8m0voy1s0e] { color: var(--ap-accent-strong); font-weight: 800; }
.breadcrumbs .current[b-8m0voy1s0e] { color: var(--ap-muted); }

.alarm-header[b-8m0voy1s0e] {
    position: relative;
    overflow: hidden;
    min-height: 13.5rem;
    margin: 0 0 1rem;
    padding: clamp(1.4rem, 3vw, 2.2rem);
    border: 1px solid rgba(153, 246, 228, .15);
    border-radius: 1.55rem;
    color: #fff;
    background: radial-gradient(circle at 82% -30%, rgba(45, 212, 191, .28), transparent 22rem), linear-gradient(128deg, #081526, #0a2a3b 58%, #07545a);
    box-shadow: 0 1.15rem 2.8rem rgba(5, 18, 32, .15);
}

.alarm-heading-copy[b-8m0voy1s0e],
.alarm-header-actions[b-8m0voy1s0e] { position: relative; z-index: 1; }
.alarm-heading-copy[b-8m0voy1s0e] { align-self: center; }

.alarm-eyebrow[b-8m0voy1s0e] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .7rem;
    color: #74e8d8;
}

.alarm-eyebrow[b-8m0voy1s0e]::before {
    width: .45rem;
    height: .45rem;
    border-radius: 50%;
    background: #5eead4;
    box-shadow: 0 0 0 .28rem rgba(45, 212, 191, .11);
    content: "";
}

.alarm-header h1[b-8m0voy1s0e] { color: #fff; font-size: clamp(2rem, 4vw, 3.25rem); }
.alarm-header p[b-8m0voy1s0e] { color: #b8c9d7; line-height: 1.65; }
.alarm-header p strong[b-8m0voy1s0e] { color: #fff; }
.alarm-header-actions[b-8m0voy1s0e] { align-content: center; align-self: center; max-width: 32rem; }

.alarm-header-actions a[b-8m0voy1s0e],
.alarm-detail-actions a[b-8m0voy1s0e] { border: 1px solid transparent; border-radius: .68rem; transition: border-color .14s ease, background .14s ease; }
.alarm-primary-link[b-8m0voy1s0e] { color: #075b56; background: linear-gradient(135deg, #ecfdfb, #ccfbf1); }
.alarm-secondary-link[b-8m0voy1s0e] { color: #e7f2f6; border-color: rgba(255,255,255,.13); background: rgba(255,255,255,.07); }
.alarm-header-actions a:hover[b-8m0voy1s0e] { border-color: rgba(153,246,228,.4); }
.alarm-count[b-8m0voy1s0e] { color: #baf7ee; border: 1px solid rgba(94,234,212,.2); background: rgba(20,184,166,.12); font-variant-numeric: tabular-nums; }

.alarm-toolbar[b-8m0voy1s0e] {
    position: relative;
    overflow: hidden;
    padding: 1rem;
    border-color: var(--ap-border);
    border-radius: 1.1rem;
    background: var(--ap-surface);
    box-shadow: 0 .65rem 1.7rem rgba(20, 36, 60, .05);
}

.alarm-toolbar[b-8m0voy1s0e]::before { position: absolute; inset: 0 0 auto; height: 2px; background: linear-gradient(90deg, #14b8a6, #38bdf8 62%, transparent); content: ""; }
.alarm-search span[b-8m0voy1s0e], .alarm-select span[b-8m0voy1s0e] { color: var(--ap-muted); font-size: .65rem; letter-spacing: .085em; }

.alarm-search input[b-8m0voy1s0e],
.alarm-select select[b-8m0voy1s0e] {
    border-color: var(--ap-border);
    border-radius: .7rem;
    color: var(--ap-ink);
    background: var(--ap-soft);
    transition: border-color .14s ease, background .14s ease;
}

.alarm-search input:hover[b-8m0voy1s0e], .alarm-select select:hover[b-8m0voy1s0e] { border-color: rgba(15,130,125,.4); }
.alarm-search input:focus[b-8m0voy1s0e], .alarm-select select:focus[b-8m0voy1s0e] { border-color: var(--ap-accent); background: var(--ap-surface); box-shadow: 0 0 0 .2rem rgba(15,130,125,.11); outline: 0; }
.alarm-toolbar-status[b-8m0voy1s0e] { color: var(--ap-muted); font-variant-numeric: tabular-nums; }
.alarm-toolbar-status strong[b-8m0voy1s0e] { color: var(--ap-ink); }

.alarm-refresh-button[b-8m0voy1s0e] { color: #fff; background: linear-gradient(135deg, var(--ap-accent), #08738b); }
.alarm-quiet-button[b-8m0voy1s0e], .alarm-state button[b-8m0voy1s0e], .alarm-inline-error button[b-8m0voy1s0e] { color: var(--ap-ink); border: 1px solid var(--ap-border); background: var(--ap-soft); }
.alarm-refresh-button[b-8m0voy1s0e], .alarm-quiet-button[b-8m0voy1s0e], .alarm-state button[b-8m0voy1s0e], .alarm-inline-error button[b-8m0voy1s0e] { transition: filter .14s ease, border-color .14s ease; }
.alarm-refresh-button:hover:not(:disabled)[b-8m0voy1s0e], .alarm-quiet-button:hover:not(:disabled)[b-8m0voy1s0e], .alarm-state button:hover:not(:disabled)[b-8m0voy1s0e], .alarm-inline-error button:hover:not(:disabled)[b-8m0voy1s0e] { border-color: var(--ap-accent); filter: brightness(1.04); }
.alarm-export-link[b-8m0voy1s0e] { color: var(--ap-accent-strong); border: 1px solid var(--ap-border); background: var(--ap-soft); transition: filter .14s ease, border-color .14s ease; }
.alarm-export-link:hover[b-8m0voy1s0e] { border-color: var(--ap-accent); filter: brightness(1.04); }
.alarm-ack-button[b-8m0voy1s0e] { color: #fff; background: linear-gradient(135deg, var(--ap-accent), #08738b); transition: filter .14s ease; }
.alarm-ack-button:hover:not(:disabled)[b-8m0voy1s0e] { filter: brightness(1.06); }
.alarm-inline-error[b-8m0voy1s0e] { border-radius: .9rem; }

.alarm-state[b-8m0voy1s0e] {
    min-height: 19rem;
    border-color: var(--ap-border);
    border-radius: 1.2rem;
    color: var(--ap-muted);
    background: radial-gradient(circle at 50% 0%, rgba(20,184,166,.08), transparent 17rem), var(--ap-surface);
    box-shadow: 0 .8rem 2rem rgba(20,36,60,.05);
}

.alarm-state h2[b-8m0voy1s0e] { color: var(--ap-ink); }
.alarm-state-icon[b-8m0voy1s0e] { border: 1px solid rgba(14,116,144,.12); box-shadow: 0 .5rem 1.2rem rgba(14,116,144,.08); }

.alarm-table-shell[b-8m0voy1s0e] {
    contain: paint;
    overflow: auto;
    max-height: calc(100vh - 12rem);
    border-color: var(--ap-border);
    border-radius: 1.15rem;
    background: var(--ap-surface);
    box-shadow: 0 .8rem 2rem rgba(20,36,60,.05);
}

.alarm-table[b-8m0voy1s0e] { color: var(--ap-ink); }
.alarm-table thead th[b-8m0voy1s0e] { position: sticky; top: 0; z-index: 3; color: var(--ap-muted); border-bottom: 1px solid var(--ap-border); background: #f2f7fa; box-shadow: 0 1px var(--ap-border); font-size: .64rem; letter-spacing: .08em; }
.alarm-table td[b-8m0voy1s0e] { border-bottom-color: var(--ap-border); vertical-align: middle; }
.alarm-click-row:hover[b-8m0voy1s0e], .alarm-click-row.is-selected[b-8m0voy1s0e] { background: color-mix(in srgb, var(--ap-accent) 7%, var(--ap-surface)); box-shadow: inset 3px 0 var(--ap-accent); }
.alarm-camera-name[b-8m0voy1s0e] { color: var(--ap-ink); font-weight: 800; }
.alarm-camera-id[b-8m0voy1s0e], .alarm-message[b-8m0voy1s0e], .alarm-time-cell time span[b-8m0voy1s0e] { color: var(--ap-muted); }
.alarm-row-links a[b-8m0voy1s0e], .alarm-detail-button[b-8m0voy1s0e] { border: 1px solid var(--ap-border); color: var(--ap-accent-strong); background: var(--ap-soft); }
.alarm-no-thumbnail[b-8m0voy1s0e] { color: var(--ap-muted); background: var(--ap-soft); }
.alarm-detail-row td[b-8m0voy1s0e] { background: color-mix(in srgb, var(--ap-accent) 4%, var(--ap-soft)); }
.alarm-detail-panel[b-8m0voy1s0e] { content-visibility: auto; gap: 1rem; padding: 1rem; border: 1px solid var(--ap-border); border-radius: 1rem; background: var(--ap-surface); }
.alarm-detail-list div[b-8m0voy1s0e] { border-color: var(--ap-border); background: var(--ap-soft); }
.alarm-detail-list dt[b-8m0voy1s0e], .alarm-snapshot-note[b-8m0voy1s0e] { color: var(--ap-muted); }
.alarm-detail-list dd[b-8m0voy1s0e] { color: var(--ap-ink); }

html[data-theme="dark"] .alarm-page[b-8m0voy1s0e] {
    --ap-surface: #101d31;
    --ap-soft: #17263d;
    --ap-border: rgba(132,158,194,.18);
    --ap-ink: #edf5ff;
    --ap-muted: #94a8c2;
    --ap-accent: #43c8bb;
    --ap-accent-strong: #79e0d5;
    background: radial-gradient(circle at 4% 0%, rgba(20,184,166,.06), transparent 25rem), rgba(6,14,26,.25);
}

html[data-theme="dark"] .alarm-header[b-8m0voy1s0e] { border-color: rgba(153,246,228,.14); background: radial-gradient(circle at 82% -30%, rgba(45,212,191,.24), transparent 22rem), linear-gradient(128deg,#07111f,#0a2939 60%,#064d52); }
html[data-theme="dark"] .alarm-header h1[b-8m0voy1s0e], html[data-theme="dark"] .alarm-header p strong[b-8m0voy1s0e] { color: #fff; }
html[data-theme="dark"] .alarm-header p[b-8m0voy1s0e] { color: #b5c7d6; }
html[data-theme="dark"] .alarm-toolbar[b-8m0voy1s0e], html[data-theme="dark"] .alarm-state[b-8m0voy1s0e], html[data-theme="dark"] .alarm-table-shell[b-8m0voy1s0e] { color: var(--ap-ink); border-color: var(--ap-border); background-color: var(--ap-surface); }
html[data-theme="dark"] .alarm-search input[b-8m0voy1s0e], html[data-theme="dark"] .alarm-select select[b-8m0voy1s0e] { color: var(--ap-ink); border-color: var(--ap-border); background: var(--ap-soft); color-scheme: dark; }
html[data-theme="dark"] .alarm-table thead th[b-8m0voy1s0e] { color: var(--ap-muted); background: #142239; }
html[data-theme="dark"] .alarm-ack-chip[b-8m0voy1s0e] { color: #86efac; background: rgba(34, 197, 94, .16); }

@media (max-width: 760px) {
    .alarm-page[b-8m0voy1s0e] { margin: -.35rem; padding: .75rem; border-radius: 1.1rem; }
    .alarm-header[b-8m0voy1s0e] { min-height: 0; padding: 1.2rem; }
    .alarm-header-actions[b-8m0voy1s0e] { align-self: stretch; max-width: none; }
    .alarm-header-actions a[b-8m0voy1s0e], .alarm-count[b-8m0voy1s0e] { flex: 1 1 auto; text-align: center; }
    .alarm-toolbar[b-8m0voy1s0e] { padding: .85rem; }
    .alarm-table-shell[b-8m0voy1s0e] { contain: none; max-height: none; }
}

@media (prefers-reduced-motion: reduce) {
    .alarm-header-actions a[b-8m0voy1s0e], .alarm-detail-actions a[b-8m0voy1s0e], .alarm-search input[b-8m0voy1s0e], .alarm-select select[b-8m0voy1s0e], .alarm-refresh-button[b-8m0voy1s0e], .alarm-quiet-button[b-8m0voy1s0e], .alarm-state button[b-8m0voy1s0e], .alarm-inline-error button[b-8m0voy1s0e], .alarm-export-link[b-8m0voy1s0e], .alarm-ack-button[b-8m0voy1s0e] { transition: none; }
}
/* /Components/Pages/CameraGroups.razor.rz.scp.css */
.camera-groups-page[b-2vqcp68vnp] { --groups-surface: #fff; --groups-soft: #f5f8fc; --groups-border: rgba(121, 143, 171, .24); --groups-ink: #14243c; --groups-muted: #687993; --groups-accent: #0f827d; width: min(1480px, 100%); min-height: calc(100vh - 6rem); margin: 0 auto; padding: clamp(1rem, 2.2vw, 2rem); border-radius: 1.6rem; color: var(--groups-ink); background: radial-gradient(circle at 4% 0%, rgba(20, 184, 166, .07), transparent 25rem), rgba(248, 250, 252, .58); }
.groups-breadcrumbs[b-2vqcp68vnp] { display: flex; width: fit-content; gap: .5rem; align-items: center; margin-bottom: .8rem; padding: .4rem .7rem; border: 1px solid var(--groups-border); border-radius: 999px; color: var(--groups-muted); background: var(--groups-surface); font-size: .69rem; }
.groups-breadcrumbs a[b-2vqcp68vnp] { color: var(--groups-accent); font-weight: 750; text-decoration: none; }
.groups-hero[b-2vqcp68vnp] { position: relative; display: flex; overflow: hidden; min-height: 12.5rem; gap: 2rem; align-items: flex-end; justify-content: space-between; margin-bottom: 1rem; padding: clamp(1.4rem, 3vw, 2.2rem); border: 1px solid rgba(153, 246, 228, .15); border-radius: 1.55rem; color: #fff; background: radial-gradient(circle at 82% -30%, rgba(45, 212, 191, .27), transparent 22rem), linear-gradient(128deg, #081526, #0a2a3b 58%, #07545a); box-shadow: 0 1.15rem 2.8rem rgba(5, 18, 32, .15); }
.groups-hero > *[b-2vqcp68vnp] { position: relative; z-index: 1; }
.groups-eyebrow[b-2vqcp68vnp] { display: inline-flex; gap: .5rem; align-items: center; margin: 0 0 .4rem; color: #74e8d8; font-size: .66rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.groups-eyebrow[b-2vqcp68vnp]::before { width: .43rem; height: .43rem; border-radius: 50%; background: #5eead4; box-shadow: 0 0 0 .27rem rgba(45, 212, 191, .11); content: ""; }
.groups-hero h1[b-2vqcp68vnp] { margin: 0; color: #fff; font-size: clamp(2rem, 4vw, 3.15rem); font-weight: 780; line-height: 1.05; letter-spacing: -.052em; }
.groups-hero > div > p:last-child[b-2vqcp68vnp] { max-width: 49rem; margin: .6rem 0 0; color: #b8c9d7; font-size: .9rem; line-height: 1.6; }
.groups-primary[b-2vqcp68vnp] { display: inline-flex; min-height: 2.8rem; gap: .5rem; align-items: center; justify-content: center; padding: .65rem 1rem; border: 1px solid transparent; border-radius: .68rem; color: #fff; background: linear-gradient(135deg, #0f827d, #08738b); font: inherit; font-size: .76rem; font-weight: 800; white-space: nowrap; cursor: pointer; transition: filter .14s ease, transform .14s ease; }
.groups-primary:hover:not(:disabled)[b-2vqcp68vnp] { filter: brightness(1.1); transform: translateY(-1px); }
.groups-primary:disabled[b-2vqcp68vnp] { cursor: wait; opacity: .58; }
.groups-primary svg[b-2vqcp68vnp] { width: 1.08rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-width: 2; }
.groups-notice[b-2vqcp68vnp] { display: grid; grid-template-columns: auto 1fr auto; gap: .65rem; align-items: center; margin-bottom: .85rem; padding: .72rem .82rem; border: 1px solid var(--pulse-success-border); border-radius: .72rem; color: var(--pulse-success-text); background: var(--pulse-success-soft); font-size: .75rem; }
.groups-notice.error[b-2vqcp68vnp] { border-color: var(--pulse-danger-border); color: var(--pulse-danger-text); background: var(--pulse-danger-soft); }
.groups-notice > span[b-2vqcp68vnp] { display: grid; width: 1.4rem; height: 1.4rem; place-items: center; border-radius: 50%; color: #fff; background: currentColor; box-shadow: inset 0 0 0 .4rem rgba(255,255,255,.24); font-weight: 900; }
.groups-notice p[b-2vqcp68vnp] { margin: 0; }
.groups-notice button[b-2vqcp68vnp] { border: 0; color: currentColor; background: transparent; font-size: 1.2rem; cursor: pointer; }
.groups-summary[b-2vqcp68vnp] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .7rem; margin-bottom: .85rem; }
.groups-summary article[b-2vqcp68vnp] { position: relative; display: flex; overflow: hidden; gap: .7rem; align-items: center; min-height: 4.35rem; padding: .85rem; border: 1px solid var(--groups-border); border-radius: .85rem; background: var(--groups-surface); box-shadow: 0 .45rem 1.3rem rgba(20,36,60,.04); }
.groups-summary article[b-2vqcp68vnp]::after { position: absolute; inset: auto 0 0; height: 2px; background: linear-gradient(90deg, var(--groups-accent), transparent 78%); content: ""; opacity: .7; }
.summary-mark[b-2vqcp68vnp] { display: grid; flex: 0 0 2.35rem; width: 2.35rem; height: 2.35rem; place-items: center; border-radius: .7rem; color: var(--groups-accent); background: color-mix(in srgb, var(--groups-accent) 9%, transparent); }
.summary-mark.assigned[b-2vqcp68vnp] { color: var(--pulse-info-strong); background: var(--pulse-info-soft); }
.summary-mark.ungrouped[b-2vqcp68vnp] { color: var(--pulse-warning-text); background: var(--pulse-warning-soft); }
.summary-mark svg[b-2vqcp68vnp] { width: 1.18rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.groups-summary article > div[b-2vqcp68vnp] { display: grid; }
.groups-summary strong[b-2vqcp68vnp] { font-size: 1.12rem; font-variant-numeric: tabular-nums; }
.groups-summary small[b-2vqcp68vnp] { color: var(--groups-muted); font-size: .63rem; }
.groups-panel[b-2vqcp68vnp] { overflow: hidden; border: 1px solid var(--groups-border); border-radius: 1.05rem; background: var(--groups-surface); box-shadow: 0 .65rem 1.7rem rgba(20,36,60,.05); }
.groups-toolbar[b-2vqcp68vnp] { display: flex; gap: 1rem; align-items: center; justify-content: space-between; padding: .95rem 1rem; border-bottom: 1px solid var(--groups-border); }
.groups-toolbar h2[b-2vqcp68vnp] { margin: 0; font-size: .95rem; }
.groups-toolbar p[b-2vqcp68vnp] { margin: .25rem 0 0; color: var(--groups-muted); font-size: .68rem; line-height: 1.45; }
.groups-search[b-2vqcp68vnp] { display: flex; width: min(21rem, 100%); min-height: 2.5rem; gap: .5rem; align-items: center; padding: 0 .68rem; border: 1px solid var(--groups-border); border-radius: .65rem; background: var(--groups-soft); }
.groups-search:focus-within[b-2vqcp68vnp] { border-color: var(--groups-accent); box-shadow: 0 0 0 .2rem rgba(15,130,125,.11); }
.groups-search svg[b-2vqcp68vnp] { flex: 0 0 1rem; width: 1rem; fill: none; stroke: var(--groups-muted); stroke-linecap: round; stroke-width: 1.7; }
.groups-search input[b-2vqcp68vnp] { width: 100%; border: 0; outline: 0; color: var(--groups-ink); background: transparent; font: inherit; font-size: .73rem; }
.groups-loading[b-2vqcp68vnp], .groups-empty[b-2vqcp68vnp] { display: grid; min-height: 18rem; gap: .6rem; place-items: center; align-content: center; padding: 2rem; color: var(--groups-muted); font-size: .76rem; text-align: center; }
.groups-loading > span[b-2vqcp68vnp] { width: 1.6rem; height: 1.6rem; border: 2px solid var(--groups-border); border-top-color: var(--groups-accent); border-radius: 50%; animation: group-spin-b-2vqcp68vnp 700ms linear infinite; }
.groups-empty .empty-visual[b-2vqcp68vnp] { display: grid; width: 3.6rem; height: 3.6rem; place-items: center; border-radius: 1rem; color: var(--groups-accent); background: color-mix(in srgb, var(--groups-accent) 9%, transparent); }
.groups-empty svg[b-2vqcp68vnp] { width: 1.8rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; }
.groups-empty h3[b-2vqcp68vnp] { margin: .15rem 0 0; color: var(--groups-ink); font-size: .95rem; }
.groups-empty p[b-2vqcp68vnp] { max-width: 28rem; margin: 0; line-height: 1.5; }
.group-card-grid[b-2vqcp68vnp] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; padding: .85rem; }
.group-card[b-2vqcp68vnp] { display: grid; overflow: hidden; min-width: 0; border: 1px solid var(--groups-border); border-radius: .85rem; background: linear-gradient(145deg, var(--groups-surface), var(--groups-soft)); transition: border-color .14s ease, transform .14s ease, box-shadow .14s ease; }
.group-card:hover[b-2vqcp68vnp] { border-color: color-mix(in srgb, var(--groups-accent) 35%, var(--groups-border)); transform: translateY(-1px); box-shadow: 0 .7rem 1.5rem rgba(20,36,60,.07); }
.group-card > header[b-2vqcp68vnp] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .7rem; align-items: center; padding: .82rem; }
.group-card-icon[b-2vqcp68vnp] { display: grid; width: 2.35rem; height: 2.35rem; place-items: center; border-radius: .68rem; color: var(--groups-accent); background: color-mix(in srgb, var(--groups-accent) 9%, transparent); }
.group-card-icon svg[b-2vqcp68vnp] { width: 1.18rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.group-card h3[b-2vqcp68vnp] { overflow: hidden; margin: 0; font-size: .82rem; text-overflow: ellipsis; white-space: nowrap; }
.group-card header p[b-2vqcp68vnp] { overflow: hidden; margin: .18rem 0 0; color: var(--groups-muted); font-size: .63rem; text-overflow: ellipsis; white-space: nowrap; }
.camera-count[b-2vqcp68vnp] { padding: .24rem .48rem; border-radius: 999px; color: var(--pulse-success-text); background: var(--pulse-success-soft); font-size: .59rem; font-weight: 780; white-space: nowrap; }
.camera-preview[b-2vqcp68vnp] { display: flex; min-height: 4.8rem; gap: .35rem; align-content: flex-start; flex-wrap: wrap; padding: .65rem .82rem; border-top: 1px solid var(--groups-border); background: color-mix(in srgb, var(--groups-soft) 72%, transparent); }
.camera-pill[b-2vqcp68vnp] { display: inline-flex; max-width: 100%; gap: .3rem; align-items: center; padding: .28rem .45rem; border: 1px solid var(--groups-border); border-radius: 999px; color: var(--groups-ink); background: var(--groups-surface); font-size: .6rem; font-weight: 680; }
.camera-pill > span[b-2vqcp68vnp] { width: .4rem; height: .4rem; border-radius: 50%; background: var(--pulse-success); }
.camera-pill > .resource-dot.iot[b-2vqcp68vnp] { background: var(--pulse-info); }
.camera-pill b[b-2vqcp68vnp] { padding: .08rem .26rem; border-radius: 999px; color: var(--groups-accent); background: color-mix(in srgb,var(--groups-accent) 8%,transparent); font-size: .49rem; letter-spacing: .03em; text-transform: uppercase; }
.camera-pill small[b-2vqcp68vnp] { overflow: hidden; max-width: 7rem; color: var(--groups-muted); text-overflow: ellipsis; white-space: nowrap; }
.camera-pill.retired[b-2vqcp68vnp] { opacity: .62; }
.camera-pill.retired > span[b-2vqcp68vnp] { background: var(--groups-muted); }
.camera-pill.more[b-2vqcp68vnp] { color: var(--groups-accent); border-style: dashed; }
.group-no-cameras[b-2vqcp68vnp] { display: grid; min-height: 4.8rem; place-items: center; padding: .65rem; border-top: 1px solid var(--groups-border); color: var(--groups-muted); background: var(--groups-soft); font-size: .65rem; }
.group-card > footer[b-2vqcp68vnp] { display: flex; gap: .7rem; align-items: center; justify-content: space-between; padding: .62rem .82rem; border-top: 1px solid var(--groups-border); color: var(--groups-muted); font-size: .6rem; }
.group-card footer > div[b-2vqcp68vnp] { display: flex; gap: .35rem; }
.group-card footer button[b-2vqcp68vnp] { min-height: 1.95rem; padding: .3rem .55rem; border: 1px solid var(--groups-border); border-radius: .5rem; color: var(--groups-accent); background: var(--groups-surface); font: inherit; font-size: .61rem; font-weight: 750; cursor: pointer; }
.group-card footer button:hover:not(:disabled)[b-2vqcp68vnp] { border-color: var(--groups-accent); }
.group-card footer button.archive[b-2vqcp68vnp] { color: var(--pulse-danger-text); }
.groups-guidance[b-2vqcp68vnp] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: .75rem; align-items: center; margin-top: .85rem; padding: .85rem 1rem; border: 1px solid var(--pulse-info-border); border-radius: .85rem; color: var(--pulse-info-strong); background: var(--pulse-info-soft); }
.groups-guidance > svg[b-2vqcp68vnp] { width: 1.35rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.groups-guidance strong[b-2vqcp68vnp] { font-size: .72rem; }
.groups-guidance p[b-2vqcp68vnp] { margin: .2rem 0 0; color: var(--groups-muted); font-size: .64rem; line-height: 1.45; }
.groups-guidance a[b-2vqcp68vnp] { padding: .45rem .65rem; border: 1px solid var(--pulse-info-border); border-radius: .55rem; color: var(--pulse-info-strong); background: var(--groups-surface); font-size: .64rem; font-weight: 780; text-decoration: none; white-space: nowrap; }
.group-modal[b-2vqcp68vnp] { position: fixed; inset: 0; z-index: 145; display: grid; place-items: center; padding: clamp(.65rem,2vw,1.35rem); --groups-surface: #fff; --groups-soft: #f5f8fc; --groups-border: rgba(121,143,171,.28); --groups-ink: #14243c; --groups-muted: #687993; --groups-accent: #0f827d; }
.group-modal-backdrop[b-2vqcp68vnp] { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; border: 0; background: rgba(4,12,22,.78); cursor: default; backdrop-filter: blur(5px); }
.group-editor[b-2vqcp68vnp], .archive-dialog[b-2vqcp68vnp] { position: relative; z-index: 1; overflow: auto; max-height: calc(100dvh - 2rem); border: 1px solid var(--groups-border); color: var(--groups-ink); background: linear-gradient(150deg,#fff,#fbfdff 72%); box-shadow: 0 2rem 5rem rgba(0,0,0,.34); }
.group-editor[b-2vqcp68vnp] { width: min(64rem,100%); border-radius: 1.05rem; }
.group-editor > header[b-2vqcp68vnp] { display: flex; gap: .8rem; align-items: center; padding: 1rem 1.15rem; border-bottom: 1px solid var(--groups-border); }
.editor-icon[b-2vqcp68vnp] { display: grid; flex: 0 0 2.65rem; width: 2.65rem; height: 2.65rem; place-items: center; border-radius: .8rem; color: var(--groups-accent); background: color-mix(in srgb,var(--groups-accent) 9%,transparent); }
.editor-icon svg[b-2vqcp68vnp] { width: 1.3rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.group-editor .groups-eyebrow[b-2vqcp68vnp] { margin-bottom: .1rem; color: var(--groups-accent); }
.group-editor h2[b-2vqcp68vnp] { margin: 0; font-size: 1.3rem; letter-spacing: -.03em; }
.editor-close[b-2vqcp68vnp] { display: grid; width: 2.35rem; height: 2.35rem; margin-left: auto; place-items: center; border: 1px solid transparent; border-radius: .62rem; color: var(--groups-muted); background: transparent; font: inherit; font-size: 1.45rem; cursor: pointer; }
.editor-close:hover:not(:disabled)[b-2vqcp68vnp] { border-color: var(--groups-border); color: var(--groups-ink); background: var(--groups-soft); }
.editor-intro[b-2vqcp68vnp] { margin: 0; padding: .75rem 1.15rem; border-bottom: 1px solid var(--groups-border); color: var(--groups-muted); font-size: .72rem; line-height: 1.5; }
.editor-error[b-2vqcp68vnp] { margin: .75rem 1.15rem 0; padding: .7rem .8rem; border: 1px solid var(--pulse-danger-border); border-radius: .62rem; color: var(--pulse-danger-text); background: var(--pulse-danger-soft); font-size: .69rem; }
.group-editor form[b-2vqcp68vnp] { display: grid; gap: .75rem; padding: .85rem 1.15rem 0; }
.editor-details[b-2vqcp68vnp], .editor-cameras[b-2vqcp68vnp] { padding: .85rem; border: 1px solid var(--groups-border); border-radius: .82rem; background: color-mix(in srgb,var(--groups-soft) 68%,var(--groups-surface)); }
.editor-details > header[b-2vqcp68vnp], .camera-editor-heading[b-2vqcp68vnp] { display: flex; gap: .65rem; align-items: flex-start; margin-bottom: .75rem; }
.editor-details > header > span[b-2vqcp68vnp], .camera-editor-heading > span[b-2vqcp68vnp] { display: grid; flex: 0 0 1.55rem; width: 1.55rem; height: 1.55rem; place-items: center; border-radius: .48rem; color: #fff; background: linear-gradient(135deg,#0f827d,#08738b); font-size: .65rem; font-weight: 850; }
.editor-details h3[b-2vqcp68vnp], .camera-editor-heading h3[b-2vqcp68vnp] { margin: 0; font-size: .8rem; }
.editor-details header p[b-2vqcp68vnp], .camera-editor-heading p[b-2vqcp68vnp] { margin: .15rem 0 0; color: var(--groups-muted); font-size: .64rem; }
.editor-field-grid[b-2vqcp68vnp] { display: grid; grid-template-columns: minmax(12rem,.72fr) minmax(16rem,1.28fr); gap: .7rem; }
.editor-field-grid label[b-2vqcp68vnp] { display: grid; gap: .35rem; color: var(--groups-ink); font-size: .7rem; font-weight: 760; }
.editor-field-grid label > span[b-2vqcp68vnp] { display: flex; }
.editor-field-grid em[b-2vqcp68vnp] { margin-left: auto; color: var(--groups-muted); font-size: .58rem; font-style: normal; text-transform: uppercase; }
.editor-field-grid input[b-2vqcp68vnp], .editor-field-grid textarea[b-2vqcp68vnp], .camera-filters input[b-2vqcp68vnp], .camera-filters select[b-2vqcp68vnp] { width: 100%; border: 1px solid var(--groups-border); border-radius: .62rem; outline: 0; color: var(--groups-ink); background: var(--groups-surface); font: inherit; font-size: .75rem; }
.editor-field-grid input[b-2vqcp68vnp] { min-height: 2.65rem; padding: .55rem .68rem; }
.editor-field-grid textarea[b-2vqcp68vnp] { min-height: 2.65rem; padding: .55rem .68rem; resize: vertical; }
.editor-field-grid :is(input,textarea):focus[b-2vqcp68vnp], .camera-filters :is(input,select):focus[b-2vqcp68vnp] { border-color: var(--groups-accent); box-shadow: 0 0 0 .18rem rgba(15,130,125,.11); }
.camera-filters[b-2vqcp68vnp] { display: grid; grid-template-columns: minmax(0,1fr) minmax(10rem,.3fr); gap: .55rem; margin-bottom: .6rem; }
.camera-filters label:first-child[b-2vqcp68vnp] { display: flex; align-items: center; }
.camera-filters label:first-child svg[b-2vqcp68vnp] { position: absolute; width: 1rem; margin-left: .68rem; fill: none; stroke: var(--groups-muted); stroke-linecap: round; stroke-width: 1.7; pointer-events: none; }
.camera-filters input[b-2vqcp68vnp] { min-height: 2.4rem; padding: .5rem .65rem .5rem 2.2rem; }
.camera-filters select[b-2vqcp68vnp] { min-height: 2.4rem; padding: .45rem .65rem; }
.camera-selection-toolbar[b-2vqcp68vnp] { display: flex; gap: .65rem; align-items: center; justify-content: space-between; margin-bottom: .6rem; padding: .5rem .55rem; border: 1px solid var(--groups-border); border-radius: .62rem; background: color-mix(in srgb,var(--groups-surface) 72%,var(--groups-soft)); }
.camera-selection-summary[b-2vqcp68vnp] { display: grid; flex: 0 0 auto; gap: .06rem; margin: 0; color: var(--groups-muted); font-size: .58rem; white-space: nowrap; }
.camera-selection-summary strong[b-2vqcp68vnp] { color: var(--groups-ink); font-size: .67rem; }
.camera-bulk-actions[b-2vqcp68vnp] { display: flex; flex-wrap: wrap; gap: .35rem; justify-content: flex-end; }
.camera-bulk-actions button[b-2vqcp68vnp] { min-height: 1.95rem; padding: .3rem .5rem; border: 1px solid var(--groups-border); border-radius: .5rem; color: var(--groups-accent); background: var(--groups-surface); font: inherit; font-size: .61rem; font-weight: 750; cursor: pointer; }
.camera-bulk-actions button:hover:not(:disabled)[b-2vqcp68vnp] { border-color: var(--groups-accent); background: color-mix(in srgb,var(--groups-accent) 6%,var(--groups-surface)); }
.camera-bulk-actions button.clear-all[b-2vqcp68vnp] { color: var(--pulse-danger-text); }
.camera-bulk-actions button:disabled[b-2vqcp68vnp] { cursor: not-allowed; opacity: .48; }
.camera-checklist[b-2vqcp68vnp] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .42rem; max-height: 19rem; padding: .1rem; overflow: auto; }
.camera-check[b-2vqcp68vnp] { position: relative; display: grid; grid-template-columns: auto auto minmax(0,1fr) auto auto; gap: .52rem; align-items: center; min-width: 0; padding: .55rem; border: 1px solid var(--groups-border); border-radius: .62rem; background: var(--groups-surface); cursor: pointer; }
.camera-check.selected[b-2vqcp68vnp] { border-color: color-mix(in srgb,var(--groups-accent) 48%,var(--groups-border)); background: color-mix(in srgb,var(--groups-accent) 6%,var(--groups-surface)); }
.camera-check.retired[b-2vqcp68vnp] { opacity: .72; }
.camera-check > input[b-2vqcp68vnp] { position: absolute; width: 1px; height: 1px; opacity: 0; }
.camera-check-mark[b-2vqcp68vnp] { display: grid; width: 1.15rem; height: 1.15rem; place-items: center; border: 1px solid var(--groups-border); border-radius: .34rem; color: transparent; background: var(--groups-surface); font-size: .63rem; }
.camera-check.selected .camera-check-mark[b-2vqcp68vnp] { border-color: var(--groups-accent); color: #fff; background: var(--groups-accent); }
.camera-glyph[b-2vqcp68vnp] { display: grid; width: 1.75rem; height: 1.75rem; place-items: center; border-radius: .52rem; color: var(--groups-accent); background: color-mix(in srgb,var(--groups-accent) 9%,transparent); }
.camera-glyph.iot[b-2vqcp68vnp] { color: var(--pulse-info-strong); background: var(--pulse-info-soft); }
.camera-glyph svg[b-2vqcp68vnp] { width: .9rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.camera-check-copy[b-2vqcp68vnp] { display: grid; min-width: 0; }
.camera-check-copy strong[b-2vqcp68vnp], .camera-check-copy small[b-2vqcp68vnp] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.camera-check-copy strong[b-2vqcp68vnp] { font-size: .68rem; }
.camera-check-copy small[b-2vqcp68vnp] { color: var(--groups-muted); font-size: .57rem; }
.camera-check-copy small span[b-2vqcp68vnp] { color: var(--groups-accent); font-weight: 700; }
.resource-type[b-2vqcp68vnp] { padding: .18rem .34rem; border-radius: 999px; color: var(--groups-accent); background: color-mix(in srgb,var(--groups-accent) 9%,transparent); font-size: .52rem; font-weight: 800; text-transform: uppercase; }
.resource-type.iot[b-2vqcp68vnp] { color: var(--pulse-info-strong); background: var(--pulse-info-soft); }
.camera-state[b-2vqcp68vnp] { padding: .19rem .36rem; border-radius: 999px; color: var(--pulse-success-text); background: var(--pulse-success-soft); font-size: .53rem; font-weight: 750; }
.camera-state.retired[b-2vqcp68vnp] { color: var(--groups-muted); background: var(--groups-soft); }
.camera-list-empty[b-2vqcp68vnp] { display: grid; min-height: 8rem; place-items: center; padding: 1rem; border: 1px dashed var(--groups-border); border-radius: .62rem; color: var(--groups-muted); font-size: .68rem; text-align: center; }
.membership-note[b-2vqcp68vnp] { margin: .6rem 0 0; color: var(--groups-muted); font-size: .62rem; line-height: 1.45; }
.membership-note strong[b-2vqcp68vnp] { color: var(--groups-ink); }
.editor-actions[b-2vqcp68vnp] { position: sticky; bottom: 0; z-index: 2; display: flex; gap: .6rem; justify-content: flex-end; margin: 0 -1.15rem; padding: .85rem 1.15rem; border-top: 1px solid var(--groups-border); background: color-mix(in srgb,var(--groups-surface) 94%,transparent); backdrop-filter: blur(10px); }
.editor-secondary[b-2vqcp68vnp], .archive-confirm[b-2vqcp68vnp] { min-height: 2.7rem; padding: .58rem .9rem; border: 1px solid var(--groups-border); border-radius: .65rem; color: var(--groups-ink); background: var(--groups-surface); font: inherit; font-size: .72rem; font-weight: 750; cursor: pointer; }
.editor-secondary:hover:not(:disabled)[b-2vqcp68vnp] { border-color: var(--groups-accent); color: var(--groups-accent); }
.archive-dialog[b-2vqcp68vnp] { display: grid; width: min(29rem,100%); gap: .65rem; justify-items: center; padding: 1.35rem; border-radius: 1rem; text-align: center; }
.archive-icon[b-2vqcp68vnp] { display: grid; width: 3.1rem; height: 3.1rem; place-items: center; border-radius: .85rem; color: var(--pulse-danger-text); background: var(--pulse-danger-soft); }
.archive-icon svg[b-2vqcp68vnp] { width: 1.45rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.65; }
.archive-dialog h2[b-2vqcp68vnp] { margin: .15rem 0 0; font-size: 1.15rem; }
.archive-dialog p[b-2vqcp68vnp] { margin: 0; color: var(--groups-muted); font-size: .72rem; line-height: 1.52; }
.archive-dialog > div[b-2vqcp68vnp] { display: flex; gap: .55rem; margin-top: .35rem; }
.archive-confirm[b-2vqcp68vnp] { border-color: var(--pulse-danger); color: #fff; background: var(--pulse-danger); }
.camera-groups-page :is(button,a,input,select,textarea):focus-visible[b-2vqcp68vnp], .group-modal :is(button,input,select,textarea):focus-visible[b-2vqcp68vnp] { outline: 3px solid var(--pulse-focus-ring); outline-offset: 2px; }
html[data-theme="dark"] .camera-groups-page[b-2vqcp68vnp] { --groups-surface: #101d31; --groups-soft: #17263d; --groups-border: rgba(132,158,194,.18); --groups-ink: #edf5ff; --groups-muted: #94a8c2; --groups-accent: #43c8bb; background: radial-gradient(circle at 4% 0%,rgba(20,184,166,.06),transparent 25rem),rgba(6,14,26,.25); }
html[data-theme="dark"] .group-modal[b-2vqcp68vnp] { --groups-surface: #101d31; --groups-soft: #17263d; --groups-border: rgba(132,158,194,.24); --groups-ink: #edf5ff; --groups-muted: #9aadc6; --groups-accent: #43c8bb; }
html[data-theme="dark"] .group-editor[b-2vqcp68vnp], html[data-theme="dark"] .archive-dialog[b-2vqcp68vnp] { background: linear-gradient(150deg,#101d31,#0c1829 75%); }
@keyframes group-spin-b-2vqcp68vnp { to { transform: rotate(360deg); } }
@media (max-width: 1050px) { .groups-summary[b-2vqcp68vnp] { grid-template-columns: repeat(2,minmax(0,1fr)); } .group-card-grid[b-2vqcp68vnp] { grid-template-columns: 1fr; } }
@media (max-width: 780px) { .camera-groups-page[b-2vqcp68vnp] { margin: -.35rem; padding: .75rem; border-radius: 1.1rem; } .groups-hero[b-2vqcp68vnp], .groups-toolbar[b-2vqcp68vnp] { align-items: stretch; flex-direction: column; } .groups-hero[b-2vqcp68vnp] { min-height: 0; padding: 1.2rem; } .groups-primary[b-2vqcp68vnp] { align-self: flex-start; } .groups-search[b-2vqcp68vnp] { width: 100%; } .groups-guidance[b-2vqcp68vnp] { grid-template-columns: auto 1fr; } .groups-guidance a[b-2vqcp68vnp] { grid-column: 2; width: fit-content; } .editor-field-grid[b-2vqcp68vnp], .camera-checklist[b-2vqcp68vnp] { grid-template-columns: 1fr; } .camera-selection-toolbar[b-2vqcp68vnp] { align-items: stretch; flex-direction: column; } .camera-selection-summary[b-2vqcp68vnp] { white-space: normal; } .camera-bulk-actions[b-2vqcp68vnp] { justify-content: flex-start; } .group-editor[b-2vqcp68vnp] { max-height: calc(100dvh - 1.25rem); } }
@media (max-width: 540px) { .groups-summary[b-2vqcp68vnp] { grid-template-columns: 1fr; } .group-card > header[b-2vqcp68vnp] { grid-template-columns: auto minmax(0,1fr); } .camera-count[b-2vqcp68vnp] { grid-column: 2; width: fit-content; } .group-card > footer[b-2vqcp68vnp] { align-items: flex-start; flex-direction: column; } .groups-guidance[b-2vqcp68vnp] { grid-template-columns: 1fr; text-align: left; } .groups-guidance a[b-2vqcp68vnp] { grid-column: auto; } .camera-editor-heading[b-2vqcp68vnp] { flex-wrap: wrap; } .camera-bulk-actions button[b-2vqcp68vnp] { flex: 1 1 calc(50% - .35rem); } .camera-filters[b-2vqcp68vnp] { grid-template-columns: 1fr; } .editor-actions[b-2vqcp68vnp] { flex-direction: column-reverse; } .editor-actions > *[b-2vqcp68vnp] { width: 100%; } .archive-dialog > div[b-2vqcp68vnp] { width: 100%; flex-direction: column-reverse; } .archive-dialog button[b-2vqcp68vnp] { width: 100%; } }
@media (prefers-reduced-motion: reduce) { .groups-primary[b-2vqcp68vnp], .group-card[b-2vqcp68vnp] { transition: none; } .groups-primary:hover:not(:disabled)[b-2vqcp68vnp], .group-card:hover[b-2vqcp68vnp] { transform: none; } .groups-loading > span[b-2vqcp68vnp] { animation: none; } }
/* /Components/Pages/Cameras.razor.rz.scp.css */
.camera-page[b-lkmgfrm37e] {
    --cp-surface: #fff;
    --cp-soft: #f5f8fc;
    --cp-border: rgba(121,143,171,.22);
    --cp-ink: #14243c;
    --cp-muted: #687993;
    --cp-accent: #0f827d;
    --cp-accent-strong: #086a66;
    min-height: calc(100vh - 6rem);
    padding: clamp(1rem, 2.2vw, 2rem);
    border-radius: 1.6rem;
    color: var(--cp-ink);
    background: radial-gradient(circle at 4% 0%, rgba(20,184,166,.07), transparent 25rem), rgba(248,250,252,.58);
}

.camera-header[b-lkmgfrm37e] {
    position: relative;
    overflow: hidden;
    min-height: 13.5rem;
    padding: clamp(1.4rem,3vw,2.2rem);
    border: 1px solid rgba(153,246,228,.15);
    border-radius: 1.55rem;
    color: #fff;
    background: radial-gradient(circle at 80% -30%, rgba(45,212,191,.28), transparent 22rem), linear-gradient(128deg,#081526,#0a2a3b 58%,#07545a);
    box-shadow: 0 1.15rem 2.8rem rgba(5,18,32,.15);
}

.camera-heading-copy[b-lkmgfrm37e], .camera-header-side[b-lkmgfrm37e] { position: relative; z-index: 1; }
.camera-eyebrow[b-lkmgfrm37e] { display: inline-flex; align-items: center; gap: .5rem; margin-bottom: .7rem; color: #74e8d8; }
.camera-eyebrow[b-lkmgfrm37e]::before { width: .45rem; height: .45rem; border-radius: 50%; background: #5eead4; box-shadow: 0 0 0 .28rem rgba(45,212,191,.11); content: ""; }
.camera-header h1[b-lkmgfrm37e] { color: #fff; font-size: clamp(2.1rem,4vw,3.3rem); }
.camera-header p[b-lkmgfrm37e] { color: #b8c9d7; line-height: 1.65; }
.camera-header-side[b-lkmgfrm37e] { align-self: stretch; align-content: center; min-width: min(32rem,48%); }
.camera-header-summary[b-lkmgfrm37e] { gap: .5rem; }
.camera-stat[b-lkmgfrm37e] { min-width: 5.3rem; padding: .72rem .6rem; border: 1px solid rgba(255,255,255,.12); border-radius: .82rem; background: rgba(255,255,255,.075); }
.camera-stat strong[b-lkmgfrm37e] { color: #9df4e6; font-variant-numeric: tabular-nums; }
.camera-stat span[b-lkmgfrm37e] { color: #9db0c1; font-size: .6rem; letter-spacing: .08em; }

.camera-header-actions a[b-lkmgfrm37e] { border-color: rgba(255,255,255,.13); border-radius: .65rem; color: #e7f2f6; background: rgba(255,255,255,.07); transition: border-color .14s ease, background .14s ease; }
.camera-header-actions .camera-control-room-link[b-lkmgfrm37e] { color: #075b56; border-color: rgba(255,255,255,.7); background: linear-gradient(135deg,#ecfdfb,#ccfbf1); }
.camera-header-actions a:hover[b-lkmgfrm37e] { border-color: rgba(153,246,228,.42); background-color: rgba(255,255,255,.11); filter: none; transform: none; }

.camera-toolbar[b-lkmgfrm37e] { position: relative; overflow: hidden; padding: 1rem; border-color: var(--cp-border); border-radius: 1.1rem; background: var(--cp-surface); box-shadow: 0 .65rem 1.7rem rgba(20,36,60,.05); }
.camera-toolbar[b-lkmgfrm37e]::before { position: absolute; inset: 0 0 auto; height: 2px; background: linear-gradient(90deg,#14b8a6,#38bdf8 62%,transparent); content: ""; }
.camera-search span[b-lkmgfrm37e], .camera-select span[b-lkmgfrm37e] { color: var(--cp-muted); font-size: .65rem; letter-spacing: .085em; }
.camera-search input[b-lkmgfrm37e], .camera-select select[b-lkmgfrm37e] { border-color: var(--cp-border); border-radius: .7rem; color: var(--cp-ink); background: var(--cp-soft); transition: border-color .14s ease, background .14s ease; }
.camera-search input:hover[b-lkmgfrm37e], .camera-select select:hover[b-lkmgfrm37e] { border-color: rgba(15,130,125,.4); }
.camera-search input:focus[b-lkmgfrm37e], .camera-select select:focus[b-lkmgfrm37e] { border-color: var(--cp-accent); background: var(--cp-surface); box-shadow: 0 0 0 .2rem rgba(15,130,125,.11); outline: 0; }
.camera-toolbar-status[b-lkmgfrm37e] { color: var(--cp-muted); font-variant-numeric: tabular-nums; }
.camera-toolbar-status strong[b-lkmgfrm37e] { color: var(--cp-ink); }
.camera-refresh-button[b-lkmgfrm37e] { color: #fff; background: linear-gradient(135deg,var(--cp-accent),#08738b); }
.camera-clear-button[b-lkmgfrm37e], .camera-state button[b-lkmgfrm37e], .camera-inline-error button[b-lkmgfrm37e] { color: var(--cp-ink); border: 1px solid var(--cp-border); background: var(--cp-soft); }
.camera-refresh-button[b-lkmgfrm37e], .camera-clear-button[b-lkmgfrm37e], .camera-state button[b-lkmgfrm37e], .camera-inline-error button[b-lkmgfrm37e] { transition: filter .14s ease, border-color .14s ease; }
.camera-refresh-button:hover:not(:disabled)[b-lkmgfrm37e], .camera-clear-button:hover:not(:disabled)[b-lkmgfrm37e], .camera-state button:hover:not(:disabled)[b-lkmgfrm37e], .camera-inline-error button:hover:not(:disabled)[b-lkmgfrm37e] { border-color: var(--cp-accent); filter: brightness(1.04); }
.camera-inline-error[b-lkmgfrm37e] { border-radius: .9rem; }

.camera-state[b-lkmgfrm37e] { min-height: 19rem; border-color: var(--cp-border); border-radius: 1.2rem; color: var(--cp-muted); background: radial-gradient(circle at 50% 0%,rgba(20,184,166,.08),transparent 17rem),var(--cp-surface); box-shadow: 0 .8rem 2rem rgba(20,36,60,.05); }
.camera-state h2[b-lkmgfrm37e] { color: var(--cp-ink); }
.camera-state-icon[b-lkmgfrm37e] { border: 1px solid rgba(14,116,144,.12); box-shadow: 0 .5rem 1.2rem rgba(14,116,144,.08); }

.camera-grid[b-lkmgfrm37e] { gap: clamp(.75rem,1.4vw,1rem); grid-template-columns: repeat(auto-fill,minmax(16.5rem,1fr)); }

.camera-card[b-lkmgfrm37e] {
    content-visibility: auto;
    contain: layout paint style;
    contain-intrinsic-size: auto 16rem;
    overflow: hidden;
    min-height: 16rem;
    padding: 1rem;
    border-color: var(--cp-border);
    border-radius: 1.1rem;
    color: var(--cp-ink);
    background: var(--cp-surface);
    box-shadow: 0 .5rem 1.4rem rgba(20,36,60,.045);
    transition: border-color .14s ease, background .14s ease;
}

.camera-card[b-lkmgfrm37e]::before { position: absolute; inset: 0 0 auto; height: 2px; background: linear-gradient(90deg,var(--cp-accent),rgba(56,189,248,.55),transparent 76%); content: ""; opacity: .75; }
.camera-card:hover[b-lkmgfrm37e], .camera-card:focus-within[b-lkmgfrm37e] { border-color: rgba(15,130,125,.48); background: color-mix(in srgb,var(--cp-accent) 3%,var(--cp-surface)); box-shadow: 0 .5rem 1.4rem rgba(20,36,60,.045); transform: none; }
.camera-icon[b-lkmgfrm37e] { width: 3.1rem; height: 3.1rem; border: 1px solid rgba(14,116,144,.12); border-radius: .88rem; background: linear-gradient(135deg,rgba(14,165,233,.11),rgba(20,184,166,.1)); }
.camera-badge[b-lkmgfrm37e] { border: 1px solid var(--cp-border); color: var(--cp-muted); background: var(--cp-soft); }
.camera-badge-ptz[b-lkmgfrm37e] { border-color: var(--pulse-success-border); color: var(--pulse-success-text); background: var(--pulse-success-soft); }
.camera-card-copy[b-lkmgfrm37e] { margin-top: .9rem; }
.camera-card-copy h2[b-lkmgfrm37e] { color: var(--cp-ink); font-size: 1.02rem; }
.camera-card-copy p[b-lkmgfrm37e] { color: var(--cp-muted); margin-top: .28rem; }
.camera-card-prompt[b-lkmgfrm37e] { margin: .75rem 0; color: var(--cp-accent-strong); }
.camera-actions[b-lkmgfrm37e] { gap: .4rem; padding-top: .7rem; border-color: var(--cp-border); }
.camera-actions a[b-lkmgfrm37e] { padding: .4rem .55rem; border: 1px solid var(--cp-border); border-radius: .52rem; color: var(--cp-ink); background: var(--cp-soft); transition: border-color .14s ease,color .14s ease; }
.camera-actions .camera-detail-link[b-lkmgfrm37e] { border-color: var(--cp-accent); color: #fff; background: var(--cp-accent); }
.camera-actions a:hover[b-lkmgfrm37e] { border-color: var(--cp-accent); color: var(--cp-accent-strong); filter: none; }
.camera-actions .camera-detail-link:hover[b-lkmgfrm37e] { color: #fff; }

html[data-theme="dark"] .camera-page[b-lkmgfrm37e] { --cp-surface:#101d31; --cp-soft:#17263d; --cp-border:rgba(132,158,194,.18); --cp-ink:#edf5ff; --cp-muted:#94a8c2; --cp-accent:#43c8bb; --cp-accent-strong:#79e0d5; background:radial-gradient(circle at 4% 0%,rgba(20,184,166,.06),transparent 25rem),rgba(6,14,26,.25); }
html[data-theme="dark"] .camera-header[b-lkmgfrm37e] { border-color:rgba(153,246,228,.14); background:radial-gradient(circle at 80% -30%,rgba(45,212,191,.24),transparent 22rem),linear-gradient(128deg,#07111f,#0a2939 60%,#064d52); }
html[data-theme="dark"] .camera-header h1[b-lkmgfrm37e] { color:#fff; }
html[data-theme="dark"] .camera-header p[b-lkmgfrm37e] { color:#b5c7d6; }
html[data-theme="dark"] .camera-toolbar[b-lkmgfrm37e], html[data-theme="dark"] .camera-state[b-lkmgfrm37e], html[data-theme="dark"] .camera-card[b-lkmgfrm37e] { color:var(--cp-ink); border-color:var(--cp-border); background-color:var(--cp-surface); }
html[data-theme="dark"] .camera-search input[b-lkmgfrm37e], html[data-theme="dark"] .camera-select select[b-lkmgfrm37e] { color:var(--cp-ink); border-color:var(--cp-border); background:var(--cp-soft); color-scheme:dark; }
html[data-theme="dark"] .camera-card-copy h2[b-lkmgfrm37e], html[data-theme="dark"] .camera-state h2[b-lkmgfrm37e], html[data-theme="dark"] .camera-toolbar-status strong[b-lkmgfrm37e] { color:var(--cp-ink); }
html[data-theme="dark"] .camera-card-copy p[b-lkmgfrm37e], html[data-theme="dark"] .camera-state[b-lkmgfrm37e], html[data-theme="dark"] .camera-toolbar-status[b-lkmgfrm37e] { color:var(--cp-muted); }
html[data-theme="dark"] .camera-actions[b-lkmgfrm37e] { border-color:var(--cp-border); }
html[data-theme="dark"] .camera-header-actions a[b-lkmgfrm37e] { color:#e7f2f6; border-color:rgba(255,255,255,.13); background:rgba(255,255,255,.07); }
html[data-theme="dark"] .camera-header-actions .camera-control-room-link[b-lkmgfrm37e] { color:#075b56; border-color:rgba(255,255,255,.7); background:linear-gradient(135deg,#ecfdfb,#ccfbf1); }

@media (max-width:760px) {
    .camera-page[b-lkmgfrm37e] { margin:-.35rem; padding:.75rem; border-radius:1.1rem; }
    .camera-header[b-lkmgfrm37e] { min-height:0; padding:1.2rem; }
    .camera-header-side[b-lkmgfrm37e] { min-width:0; }
    .camera-header-summary[b-lkmgfrm37e] { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .camera-header-actions a[b-lkmgfrm37e] { flex:1; text-align:center; }
    .camera-toolbar[b-lkmgfrm37e] { padding:.85rem; }
    .camera-grid[b-lkmgfrm37e] { gap:.7rem; }
}

@media (prefers-reduced-motion:reduce) {
    .camera-header-actions a[b-lkmgfrm37e], .camera-search input[b-lkmgfrm37e], .camera-select select[b-lkmgfrm37e], .camera-refresh-button[b-lkmgfrm37e], .camera-clear-button[b-lkmgfrm37e], .camera-state button[b-lkmgfrm37e], .camera-inline-error button[b-lkmgfrm37e], .camera-card[b-lkmgfrm37e], .camera-actions a[b-lkmgfrm37e] { transition:none; }
}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
.dashboard-page[b-4o1oyndorj] {
    --dashboard-panel-bg: rgba(255, 255, 255, .92);
    --dashboard-panel-border: rgba(148, 163, 184, .3);
    --dashboard-panel-shadow: 0 18px 48px rgba(15, 23, 42, .075);
    isolation: isolate;
    margin: 0 auto;
    max-width: 1600px;
    padding: 28px;
    position: relative;
    width: 100%;
}

.dashboard-hero[b-4o1oyndorj] {
    background:
        radial-gradient(circle at 14% -20%, rgba(45, 212, 191, .2), transparent 40%),
        linear-gradient(128deg, #07111f 0%, #0a2639 54%, #073b46 100%);
    border: 1px solid rgba(148, 231, 218, .16);
    border-radius: 28px;
    box-shadow: 0 28px 70px rgba(3, 15, 28, .24), inset 0 1px 0 rgba(255, 255, 255, .08);
    color: #fff;
    display: grid;
    gap: clamp(28px, 5vw, 70px);
    grid-template-columns: minmax(0, 1fr) minmax(340px, 430px);
    min-height: 300px;
    overflow: hidden;
    padding: clamp(28px, 4vw, 48px);
    position: relative;
}

.dashboard-hero-copy[b-4o1oyndorj],
.dashboard-command-card[b-4o1oyndorj] {
    position: relative;
    z-index: 2;
}

.dashboard-hero-copy[b-4o1oyndorj] {
    align-self: center;
    max-width: 780px;
}

.hero-grid[b-4o1oyndorj] {
    background-image:
        linear-gradient(rgba(148, 231, 218, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(148, 231, 218, .045) 1px, transparent 1px);
    background-size: 36px 36px;
    inset: 0;
    mask-image: linear-gradient(100deg, transparent 2%, #000 44%, #000 100%);
    opacity: .66;
    pointer-events: none;
    position: absolute;
}

.hero-orb[b-4o1oyndorj] {
    border-radius: 50%;
    filter: blur(1px);
    pointer-events: none;
    position: absolute;
}

.hero-orb-primary[b-4o1oyndorj] {
    background: rgba(45, 212, 191, .22);
    box-shadow: 0 0 90px rgba(45, 212, 191, .35);
    height: 170px;
    right: 22%;
    top: -110px;
    width: 170px;
}

.hero-orb-secondary[b-4o1oyndorj] {
    background: rgba(56, 189, 248, .13);
    bottom: -145px;
    box-shadow: 0 0 100px rgba(56, 189, 248, .24);
    height: 240px;
    left: 30%;
    width: 240px;
}

.dashboard-eyebrow[b-4o1oyndorj] {
    align-items: center;
    color: var(--pulse-accent-bright);
    display: flex;
    font-size: 11px;
    font-weight: 800;
    gap: 9px;
    letter-spacing: .12em;
    margin-bottom: 12px;
    text-transform: uppercase;
}

.hero-signal[b-4o1oyndorj] {
    background: #5eead4;
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgba(45, 212, 191, .1), 0 0 18px rgba(45, 212, 191, .75);
    height: 7px;
    width: 7px;
}

.dashboard-hero h1[b-4o1oyndorj] {
    color: #fff;
    font-size: clamp(33px, 4vw, 52px);
    font-weight: 850;
    letter-spacing: -.045em;
    line-height: 1.02;
    margin: 0;
    text-wrap: balance;
}

.dashboard-hero p[b-4o1oyndorj] {
    color: #cbd5e1;
    font-size: 14px;
    line-height: 1.65;
    margin: 12px 0 0;
    max-width: 680px;
}

.hero-context[b-4o1oyndorj] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 25px;
}

.hero-context-item[b-4o1oyndorj] {
    align-items: center;
    backdrop-filter: blur(14px);
    background: rgba(255, 255, 255, .055);
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 12px;
    display: flex;
    gap: 9px;
    min-width: 148px;
    padding: 9px 11px;
}

.hero-context-item > span:last-child[b-4o1oyndorj] {
    display: grid;
    gap: 1px;
    min-width: 0;
}

.hero-context-item small[b-4o1oyndorj] {
    color: #91a6b8;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.hero-context-item strong[b-4o1oyndorj] {
    color: #e9f5f5;
    font-size: 11px;
    font-weight: 750;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hero-context-icon[b-4o1oyndorj] {
    align-items: center;
    background: rgba(45, 212, 191, .09);
    border: 1px solid rgba(45, 212, 191, .13);
    border-radius: 8px;
    color: #5eead4;
    display: flex;
    flex: 0 0 auto;
    height: 29px;
    justify-content: center;
    width: 29px;
}

.hero-context-icon svg[b-4o1oyndorj],
.control-room-launch svg[b-4o1oyndorj],
.secure-context svg[b-4o1oyndorj],
.filter-heading-icon svg[b-4o1oyndorj],
.filter-buttons svg[b-4o1oyndorj],
.dashboard-tabs-label svg[b-4o1oyndorj],
.kpi-icon svg[b-4o1oyndorj] {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.7;
}

.hero-context-icon svg[b-4o1oyndorj] {
    height: 16px;
    width: 16px;
}

.dashboard-command-card[b-4o1oyndorj] {
    align-self: stretch;
    backdrop-filter: blur(22px);
    background: linear-gradient(145deg, rgba(8, 28, 43, .82), rgba(4, 17, 31, .68));
    border: 1px solid rgba(164, 229, 221, .16);
    border-radius: 20px;
    box-shadow: 0 22px 50px rgba(0, 8, 18, .25), inset 0 1px 0 rgba(255, 255, 255, .06);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 18px;
}

.command-card-header[b-4o1oyndorj],
.command-card-footer[b-4o1oyndorj],
.command-secondary-actions[b-4o1oyndorj] {
    align-items: center;
    display: flex;
}

.command-card-header[b-4o1oyndorj],
.command-card-footer[b-4o1oyndorj] {
    justify-content: space-between;
}

.command-card-header > div[b-4o1oyndorj] {
    display: grid;
    gap: 3px;
}

.command-card-header > div > span[b-4o1oyndorj] {
    color: #7890a3;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.command-card-header strong[b-4o1oyndorj] {
    color: #f1f8f8;
    font-size: 15px;
}

.workspace-status[b-4o1oyndorj] {
    align-items: center;
    background: rgba(45, 212, 191, .08);
    border: 1px solid rgba(45, 212, 191, .16);
    border-radius: 999px;
    color: #99f6e4;
    display: inline-flex;
    font-size: 9px;
    font-weight: 850;
    gap: 6px;
    letter-spacing: .07em;
    padding: 5px 8px;
    text-transform: uppercase;
}

.workspace-status > span[b-4o1oyndorj] {
    background: #2dd4bf;
    border-radius: 50%;
    box-shadow: 0 0 9px rgba(45, 212, 191, .7);
    height: 5px;
    width: 5px;
}

.workspace-status.is-syncing > span[b-4o1oyndorj] {
    animation: status-breathe-b-4o1oyndorj 1.1s ease-in-out infinite;
    background: #60a5fa;
    box-shadow: 0 0 9px rgba(96, 165, 250, .7);
}

.workspace-status.is-attention[b-4o1oyndorj] {
    background: rgba(244, 63, 94, .09);
    border-color: rgba(251, 113, 133, .18);
    color: #fda4af;
}

.workspace-status.is-attention > span[b-4o1oyndorj] {
    background: #fb7185;
    box-shadow: 0 0 9px rgba(251, 113, 133, .65);
}

.dashboard-actions[b-4o1oyndorj] {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    gap: 9px;
    margin: 19px 0;
}

.control-room-launch[b-4o1oyndorj] {
    align-items: center;
    background: linear-gradient(120deg, #ecfdfb, #ccfbf1);
    border: 1px solid rgba(255, 255, 255, .84);
    border-radius: 12px;
    box-shadow: 0 10px 26px rgba(2, 8, 23, .2);
    color: #075b59;
    display: inline-flex;
    font-size: 12px;
    font-weight: 850;
    gap: 8px;
    justify-content: flex-start;
    min-height: 43px;
    padding: 10px 13px;
    text-decoration: none;
    transition: transform .16s ease, box-shadow .16s ease;
    width: 100%;
}

.control-room-signal[b-4o1oyndorj] {
    background: var(--pulse-danger);
    border: 2px solid var(--pulse-danger-border);
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(244, 63, 94, .12);
    height: 7px;
    width: 7px;
}

.control-room-launch > span:nth-child(2)[b-4o1oyndorj] {
    flex: 1;
}

.control-room-launch svg[b-4o1oyndorj] {
    height: 16px;
    transition: transform .16s ease;
    width: 16px;
}

.control-room-launch:hover[b-4o1oyndorj] {
    box-shadow: 0 11px 27px rgba(2, 8, 23, .2);
    color: #064e4c;
    transform: translateY(-1px);
}

.control-room-launch:hover svg[b-4o1oyndorj] {
    transform: translateX(2px);
}

.command-secondary-actions[b-4o1oyndorj] {
    gap: 8px;
}

.auto-refresh[b-4o1oyndorj] {
    align-items: center;
    background: rgba(255, 255, 255, .055);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 10px;
    cursor: pointer;
    display: inline-flex;
    flex: 1;
    font-size: 12px;
    font-weight: 700;
    gap: 7px;
    min-height: 40px;
    padding: 9px 11px;
    white-space: nowrap;
}

.auto-refresh input[b-4o1oyndorj] {
    accent-color: var(--pulse-accent-bright);
    height: 14px;
    margin: 0;
    width: 14px;
}

.refresh-interval[b-4o1oyndorj] {
    color: var(--pulse-accent-bright);
    font-size: 10px;
}

.refresh-button[b-4o1oyndorj] {
    align-items: center;
    background: var(--pulse-accent-bright);
    border: 0;
    border-radius: 10px;
    color: var(--pulse-navy-950);
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    font-weight: 850;
    gap: 7px;
    min-height: 40px;
    padding: 9px 12px;
    transition: filter .16s ease, transform .16s ease;
}

.refresh-button:hover:not(:disabled)[b-4o1oyndorj] {
    filter: brightness(1.08);
    transform: translateY(-1px);
}

.refresh-button:disabled[b-4o1oyndorj] {
    cursor: wait;
    opacity: .7;
}

.refresh-icon[b-4o1oyndorj] {
    display: inline-block;
    font-size: 16px;
    line-height: 1;
}

.refresh-icon.is-spinning[b-4o1oyndorj] {
    animation: spin-b-4o1oyndorj .8s linear infinite;
}

.last-updated[b-4o1oyndorj] {
    color: #8fa4b5;
    font-size: 9px;
    font-variant-numeric: tabular-nums;
    min-height: 14px;
    text-align: right;
}

.command-card-footer[b-4o1oyndorj] {
    border-top: 1px solid rgba(255, 255, 255, .08);
    gap: 12px;
    padding-top: 12px;
}

.secure-context[b-4o1oyndorj] {
    align-items: center;
    color: #8fa4b5;
    display: inline-flex;
    font-size: 9px;
    gap: 5px;
}

.secure-context svg[b-4o1oyndorj] {
    color: #5eead4;
    height: 13px;
    width: 13px;
}

.dashboard-tabs[b-4o1oyndorj] {
    align-items: center;
    background: var(--dashboard-panel-bg);
    border: 1px solid var(--dashboard-panel-border);
    border-radius: 16px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .055);
    display: flex;
    gap: 4px;
    margin-top: 16px;
    overflow-x: auto;
    padding: 7px;
    scrollbar-width: none;
}

.dashboard-tabs[b-4o1oyndorj]::-webkit-scrollbar {
    display: none;
}

.dashboard-tabs-label[b-4o1oyndorj] {
    align-items: center;
    border-right: 1px solid #dbe4ed;
    color: #94a3b8;
    display: inline-flex;
    font-size: 9px;
    font-weight: 850;
    gap: 6px;
    letter-spacing: .1em;
    margin-right: 3px;
    padding: 0 12px 0 7px;
    text-transform: uppercase;
    white-space: nowrap;
}

.dashboard-tabs-label svg[b-4o1oyndorj] {
    height: 14px;
    width: 14px;
}

.dashboard-tabs a[b-4o1oyndorj] {
    border: 1px solid transparent;
    border-radius: 10px;
    color: #64748b;
    font-size: 11px;
    font-weight: 800;
    padding: 9px 14px;
    position: relative;
    text-decoration: none;
    transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
    white-space: nowrap;
}

.dashboard-tabs a:hover[b-4o1oyndorj] {
    background: #f1f5f9;
    color: var(--pulse-accent);
}

.dashboard-tabs a.active[b-4o1oyndorj] {
    background: linear-gradient(135deg, #0f766e, #08728a);
    border-color: rgba(13, 148, 136, .5);
    box-shadow: 0 6px 15px rgba(13, 116, 119, .19);
    color: var(--pulse-on-action);
}

.dashboard-tabs a:focus-visible[b-4o1oyndorj],
.control-room-launch:focus-visible[b-4o1oyndorj],
.refresh-button:focus-visible[b-4o1oyndorj],
.time-presets button:focus-visible[b-4o1oyndorj],
.filter-buttons button:focus-visible[b-4o1oyndorj] {
    outline: 3px solid rgba(45, 212, 191, .32);
    outline-offset: 2px;
}

.filter-panel[b-4o1oyndorj] {
    background: var(--dashboard-panel-bg);
    border: 1px solid var(--dashboard-panel-border);
    border-radius: 20px;
    box-shadow: var(--dashboard-panel-shadow);
    margin-top: 18px;
    overflow: hidden;
    padding: 18px 20px 20px;
    position: relative;
}

.filter-panel[b-4o1oyndorj]::before {
    background: linear-gradient(90deg, #14b8a6, #38bdf8 55%, transparent 92%);
    content: '';
    height: 2px;
    inset: 0 0 auto;
    opacity: .8;
    position: absolute;
}

.filter-heading[b-4o1oyndorj] {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 13px;
}

.filter-title-group[b-4o1oyndorj] {
    align-items: center;
    display: flex;
    gap: 11px;
}

.filter-heading-icon[b-4o1oyndorj] {
    align-items: center;
    background: linear-gradient(145deg, rgba(20, 184, 166, .12), rgba(56, 189, 248, .09));
    border: 1px solid rgba(20, 184, 166, .17);
    border-radius: 10px;
    color: var(--pulse-accent);
    display: flex;
    flex: 0 0 auto;
    height: 36px;
    justify-content: center;
    width: 36px;
}

.filter-heading-icon svg[b-4o1oyndorj] {
    height: 19px;
    width: 19px;
}

.filter-heading h2[b-4o1oyndorj] {
    color: #0f172a;
    font-size: 15px;
    letter-spacing: -.01em;
    margin: 0;
}

.filter-heading p[b-4o1oyndorj] {
    color: #64748b;
    font-size: 11px;
    margin: 2px 0 0;
}

.filter-count[b-4o1oyndorj],
.panel-badge[b-4o1oyndorj],
.result-count[b-4o1oyndorj] {
    background: var(--pulse-accent-soft);
    border: 1px solid var(--pulse-accent-border);
    border-radius: 999px;
    color: var(--pulse-accent);
    font-size: 10px;
    font-weight: 800;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .34);
    padding: 5px 9px;
    white-space: nowrap;
}

.filter-grid[b-4o1oyndorj] {
    align-items: end;
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(8, minmax(115px, 1fr));
}

.time-presets[b-4o1oyndorj] {
    align-items: center;
    background: rgba(241, 245, 249, .72);
    border: 1px solid rgba(203, 213, 225, .6);
    border-radius: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 0 14px;
    padding: 5px;
    width: fit-content;
}

.time-presets button[b-4o1oyndorj] {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #475569;
    cursor: pointer;
    font-family: inherit;
    font-size: 10px;
    font-weight: 800;
    padding: 6px 12px;
    transition: background .15s ease, border-color .15s ease, box-shadow .15s ease, color .15s ease;
}

.time-presets button:hover:not(:disabled)[b-4o1oyndorj],
.time-presets button.selected[b-4o1oyndorj] {
    background: #fff;
    border-color: var(--pulse-accent-border);
    box-shadow: 0 3px 10px rgba(15, 23, 42, .07);
    color: var(--pulse-accent);
}

.time-presets button:disabled[b-4o1oyndorj] {
    cursor: wait;
    opacity: .6;
}

.filter-field[b-4o1oyndorj] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

.filter-field > span[b-4o1oyndorj] {
    color: #475569;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.filter-field small[b-4o1oyndorj] {
    color: #94a3b8;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
}

.filter-field input[b-4o1oyndorj],
.filter-field select[b-4o1oyndorj] {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 9px;
    color: #172033;
    font-family: inherit;
    font-size: 12px;
    height: 38px;
    min-width: 0;
    outline: none;
    padding: 7px 9px;
    width: 100%;
    transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.filter-field input:focus[b-4o1oyndorj],
.filter-field select:focus[b-4o1oyndorj] {
    border-color: var(--pulse-accent-bright);
    box-shadow: 0 0 0 3px rgba(20, 184, 166, .13);
}

.filter-field input:disabled[b-4o1oyndorj] {
    cursor: not-allowed;
    opacity: .55;
}

.filter-buttons[b-4o1oyndorj] {
    display: flex;
    gap: 7px;
}

.filter-buttons button[b-4o1oyndorj] {
    align-items: center;
    border-radius: 9px;
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    font-size: 11px;
    font-weight: 800;
    gap: 6px;
    height: 38px;
    padding: 0 11px;
    white-space: nowrap;
}

.filter-buttons svg[b-4o1oyndorj] {
    height: 14px;
    width: 14px;
}

.filter-buttons button:disabled[b-4o1oyndorj] {
    cursor: wait;
    opacity: .6;
}

.apply-button[b-4o1oyndorj] {
    background: linear-gradient(135deg, #0f766e, #08728a);
    border: 1px solid #0f766e;
    box-shadow: 0 6px 14px rgba(15, 118, 110, .16);
    color: var(--pulse-on-action);
}

.apply-button:hover:not(:disabled)[b-4o1oyndorj] {
    box-shadow: 0 8px 18px rgba(15, 118, 110, .24);
    filter: brightness(1.05);
}

.reset-button[b-4o1oyndorj] {
    background: #fff;
    border: 1px solid #cbd5e1;
    color: #475569;
}

.reset-button:hover:not(:disabled)[b-4o1oyndorj] {
    background: #f8fafc;
    border-color: #94a3b8;
}

.validation-banner[b-4o1oyndorj] {
    background: var(--pulse-warning-soft);
    border: 1px solid var(--pulse-warning-border);
    border-radius: 8px;
    color: var(--pulse-warning-text);
    font-size: 12px;
    margin-top: 12px;
    padding: 8px 10px;
}

.dashboard-error[b-4o1oyndorj] {
    align-items: center;
    background: var(--pulse-danger-soft);
    border: 1px solid var(--pulse-danger-border);
    border-radius: 14px;
    color: var(--pulse-danger-text);
    display: flex;
    font-size: 12px;
    gap: 11px;
    margin-top: 16px;
    padding: 12px 14px;
}

.dashboard-error > span[b-4o1oyndorj] {
    align-items: center;
    background: var(--pulse-danger);
    border-radius: 50%;
    color: #fff;
    display: flex;
    flex: 0 0 auto;
    font-weight: 900;
    height: 25px;
    justify-content: center;
    width: 25px;
}

.dashboard-error > div[b-4o1oyndorj] {
    flex: 1;
}

.dashboard-error strong[b-4o1oyndorj] {
    display: block;
    margin-bottom: 2px;
}

.dashboard-error button[b-4o1oyndorj] {
    background: var(--pulse-danger-text);
    border: 0;
    border-radius: 999px;
    color: #fff;
    cursor: pointer;
    font-size: 11px;
    font-weight: 800;
    padding: 7px 10px;
}

.applied-window[b-4o1oyndorj] {
    align-items: center;
    color: #64748b;
    display: flex;
    flex-wrap: wrap;
    font-size: 11px;
    gap: 7px;
    margin: 17px 2px 10px;
}

.window-icon[b-4o1oyndorj] {
    color: var(--pulse-accent);
    font-size: 16px;
}

.filter-chip[b-4o1oyndorj] {
    background: #e2e8f0;
    border-radius: 999px;
    color: #334155;
    font-weight: 700;
    max-width: 230px;
    overflow: hidden;
    padding: 3px 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kpi-grid[b-4o1oyndorj] {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 16px;
}

.loading-grid[b-4o1oyndorj] {
    margin-top: 17px;
}

.kpi-card[b-4o1oyndorj] {
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--kpi-color, var(--pulse-action)) 4%, white), #fff 58%);
    border: 1px solid color-mix(in srgb, var(--kpi-color, var(--pulse-action)) 18%, #d8e2ef);
    border-radius: 20px;
    box-shadow: var(--dashboard-panel-shadow);
    min-height: 142px;
    overflow: hidden;
    padding: 18px 20px;
    position: relative;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.kpi-card:hover[b-4o1oyndorj] {
    border-color: color-mix(in srgb, var(--kpi-color, var(--pulse-action)) 33%, #d8e2ef);
    box-shadow: 0 22px 46px color-mix(in srgb, var(--kpi-color, var(--pulse-action)) 10%, rgba(15, 23, 42, .09));
    transform: translateY(-2px);
}

.kpi-card[b-4o1oyndorj]::after {
    background: linear-gradient(90deg, var(--kpi-color, var(--pulse-action)), color-mix(in srgb, var(--kpi-color, var(--pulse-action)) 28%, transparent));
    border-radius: 999px;
    content: '';
    height: 3px;
    left: 20px;
    position: absolute;
    right: 42%;
    top: 0;
}

.kpi-ambient[b-4o1oyndorj] {
    background: var(--kpi-color, var(--pulse-action));
    border-radius: 50%;
    filter: blur(1px);
    height: 86px;
    opacity: .065;
    pointer-events: none;
    position: absolute;
    right: -25px;
    top: -30px;
    width: 86px;
}

.kpi-active[b-4o1oyndorj] { --kpi-color: var(--pulse-danger); }
.kpi-total[b-4o1oyndorj] { --kpi-color: var(--pulse-blue); }
.kpi-ended[b-4o1oyndorj] { --kpi-color: var(--pulse-success); }
.kpi-modules[b-4o1oyndorj] { --kpi-color: var(--pulse-info); }

.kpi-topline[b-4o1oyndorj] {
    align-items: center;
    color: #64748b;
    display: flex;
    font-size: 11px;
    font-weight: 800;
    gap: 8px;
    letter-spacing: .04em;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}

.kpi-icon[b-4o1oyndorj] {
    align-items: center;
    background: color-mix(in srgb, var(--kpi-color) 11%, white);
    border: 1px solid color-mix(in srgb, var(--kpi-color) 15%, transparent);
    border-radius: 9px;
    color: var(--kpi-color);
    display: inline-flex;
    height: 29px;
    justify-content: center;
    width: 29px;
}

.kpi-icon svg[b-4o1oyndorj] {
    height: 16px;
    width: 16px;
}

.kpi-value[b-4o1oyndorj] {
    color: #0f172a;
    font-size: clamp(31px, 4vw, 43px);
    font-variant-numeric: tabular-nums;
    font-weight: 850;
    letter-spacing: -.04em;
    line-height: 1;
    margin-top: 14px;
    position: relative;
    z-index: 1;
}

.kpi-detail[b-4o1oyndorj] {
    color: #94a3b8;
    font-size: 11px;
    margin-top: 7px;
    position: relative;
    z-index: 1;
}

.dashboard-grid[b-4o1oyndorj] {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

.dashboard-panel[b-4o1oyndorj] {
    background: var(--dashboard-panel-bg);
    border: 1px solid var(--dashboard-panel-border);
    border-radius: 20px;
    box-shadow: var(--dashboard-panel-shadow);
    min-width: 0;
    overflow: hidden;
    padding: 18px;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.dashboard-panel:hover[b-4o1oyndorj] {
    border-color: rgba(100, 116, 139, .38);
    box-shadow: 0 20px 48px rgba(15, 23, 42, .085);
}

.span-3[b-4o1oyndorj] { grid-column: span 3; }
.span-4[b-4o1oyndorj] { grid-column: span 4; }
.span-5[b-4o1oyndorj] { grid-column: span 5; }
.span-6[b-4o1oyndorj] { grid-column: span 6; }
.span-8[b-4o1oyndorj] { grid-column: span 8; }
.span-12[b-4o1oyndorj] { grid-column: span 12; }

.panel-header[b-4o1oyndorj] {
    align-items: flex-start;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 12px;
}

.panel-header h2[b-4o1oyndorj] {
    color: #172033;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: -.01em;
    margin: 0;
}

.panel-header p[b-4o1oyndorj] {
    color: #64748b;
    font-size: 10px;
    line-height: 1.4;
    margin: 3px 0 0;
}

.rank-list[b-4o1oyndorj] {
    max-height: 306px;
    overflow: auto;
    padding-right: 3px;
}

.rank-row[b-4o1oyndorj] {
    border-bottom: 1px solid #eef2f7;
    padding: 8px 0 9px;
}

.rank-heading[b-4o1oyndorj] {
    align-items: center;
    color: #334155;
    display: flex;
    font-size: 11px;
    gap: 8px;
    justify-content: space-between;
}

.rank-heading > span[b-4o1oyndorj] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rank-heading strong[b-4o1oyndorj] {
    color: #0f172a;
    font-variant-numeric: tabular-nums;
}

.rank-track[b-4o1oyndorj] {
    background: #e2e8f0;
    border-radius: 999px;
    height: 4px;
    margin-top: 5px;
    overflow: hidden;
}

.rank-track span[b-4o1oyndorj] {
    background: linear-gradient(90deg, var(--pulse-action), var(--pulse-accent-bright));
    border-radius: inherit;
    display: block;
    height: 100%;
}

.rank-meta[b-4o1oyndorj] {
    color: #94a3b8;
    font-size: 9px;
    margin-top: 3px;
    text-align: right;
}

.table-scroll[b-4o1oyndorj] {
    overflow: auto;
    width: 100%;
}

.compact-table-scroll[b-4o1oyndorj] {
    max-height: 300px;
}

.mix-table-scroll[b-4o1oyndorj] {
    max-height: 360px;
}

.latest-table-scroll[b-4o1oyndorj] {
    max-height: 570px;
}

.dashboard-table[b-4o1oyndorj] {
    border-collapse: collapse;
    font-size: 11px;
    width: 100%;
}

.dashboard-table th[b-4o1oyndorj],
.dashboard-table td[b-4o1oyndorj] {
    border-bottom: 1px solid #edf2f7;
    padding: 9px 8px;
    text-align: left;
    vertical-align: top;
}

.dashboard-table th[b-4o1oyndorj] {
    background: #f8fafc;
    color: #64748b;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .055em;
    position: sticky;
    text-transform: uppercase;
    top: 0;
    white-space: nowrap;
    z-index: 2;
}

.dashboard-table tbody tr:hover[b-4o1oyndorj] {
    background: #f8fbff;
}

.dashboard-table .number-cell[b-4o1oyndorj] {
    font-variant-numeric: tabular-nums;
    text-align: right;
    white-space: nowrap;
}

.strong-number[b-4o1oyndorj] {
    color: #0f172a;
    font-weight: 800;
}

.module-link[b-4o1oyndorj] {
    color: var(--pulse-accent);
    font-weight: 750;
    text-decoration: none;
}

.module-link:hover[b-4o1oyndorj] {
    text-decoration: underline;
}

.primary-cell[b-4o1oyndorj] {
    color: #334155;
}

.secondary-cell[b-4o1oyndorj] {
    color: #94a3b8;
    font-size: 9px;
    margin-top: 2px;
}

.id-cell[b-4o1oyndorj] {
    max-width: 135px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.active-pill[b-4o1oyndorj],
.status-pill[b-4o1oyndorj] {
    border-radius: 999px;
    display: inline-block;
    font-size: 9px;
    font-weight: 850;
    padding: 4px 7px;
    white-space: nowrap;
}

.active-pill[b-4o1oyndorj],
.status-pill.is-active[b-4o1oyndorj] {
    background: var(--pulse-danger-soft);
    color: var(--pulse-danger-text);
}

.status-pill.is-ended[b-4o1oyndorj] {
    background: var(--pulse-success-soft);
    color: var(--pulse-success-text);
}

.message-cell[b-4o1oyndorj] {
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wide-message[b-4o1oyndorj] {
    max-width: 330px;
}

.latest-header[b-4o1oyndorj] {
    align-items: center;
}

.latest-table[b-4o1oyndorj] {
    min-width: 1040px;
}

.time-cell[b-4o1oyndorj] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.time-cell strong[b-4o1oyndorj],
.time-cell span[b-4o1oyndorj] {
    display: block;
}

.time-cell span[b-4o1oyndorj] {
    color: #64748b;
    font-size: 10px;
    margin-top: 2px;
}

.event-cell[b-4o1oyndorj] {
    color: #94a3b8;
    max-width: 125px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pagination[b-4o1oyndorj] {
    align-items: center;
    display: flex;
    gap: 5px;
    justify-content: flex-end;
    padding-top: 14px;
}

.pagination button[b-4o1oyndorj] {
    align-items: center;
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 7px;
    color: #475569;
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    font-size: 11px;
    font-weight: 750;
    height: 30px;
    justify-content: center;
    min-width: 30px;
}

.pagination button:hover:not(:disabled)[b-4o1oyndorj],
.pagination button.current[b-4o1oyndorj] {
    background: var(--pulse-action);
    border-color: var(--pulse-action);
    color: var(--pulse-on-action);
}

.pagination button:disabled[b-4o1oyndorj] {
    cursor: default;
    opacity: .45;
}

.dashboard-no-data[b-4o1oyndorj] {
    align-items: center;
    background: #fff;
    border: 1px solid #d8e2ef;
    border-radius: 18px;
    color: #64748b;
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 16px;
    padding: 45px 20px;
    text-align: center;
}

.dashboard-no-data strong[b-4o1oyndorj] {
    color: #334155;
}

.skeleton-card span[b-4o1oyndorj] {
    animation: pulse-b-4o1oyndorj 1.35s ease-in-out infinite;
    background: #e8eef5;
    border-radius: 6px;
    display: block;
    height: 11px;
    margin: 5px 0 14px;
    width: 46%;
}

.skeleton-card span:nth-child(2)[b-4o1oyndorj] {
    height: 34px;
    width: 61%;
}

.skeleton-card span:nth-child(3)[b-4o1oyndorj] {
    margin-bottom: 0;
    width: 35%;
}

.skeleton-panel[b-4o1oyndorj] {
    animation: pulse-b-4o1oyndorj 1.35s ease-in-out infinite;
    background: linear-gradient(110deg, #fff 8%, #edf2f7 18%, #fff 33%);
    background-size: 200% 100%;
    min-height: 330px;
}

html[data-theme="dark"] .dashboard-page[b-4o1oyndorj] {
    --dashboard-panel-bg: rgba(17, 26, 46, .94);
    --dashboard-panel-border: rgba(71, 85, 105, .48);
    --dashboard-panel-shadow: 0 20px 55px rgba(0, 6, 18, .2);
}

html[data-theme="dark"] .filter-panel[b-4o1oyndorj],
html[data-theme="dark"] .dashboard-tabs[b-4o1oyndorj],
html[data-theme="dark"] .kpi-card[b-4o1oyndorj],
html[data-theme="dark"] .dashboard-panel[b-4o1oyndorj],
html[data-theme="dark"] .dashboard-no-data[b-4o1oyndorj] {
    background: var(--dashboard-panel-bg);
    border-color: var(--dashboard-panel-border);
    box-shadow: var(--dashboard-panel-shadow);
    color: #cbd5e1;
}

html[data-theme="dark"] .dashboard-tabs-label[b-4o1oyndorj] {
    border-color: #2a384e;
}

html[data-theme="dark"] .dashboard-tabs a[b-4o1oyndorj] {
    color: #94a3b8;
}

html[data-theme="dark"] .dashboard-tabs a:hover[b-4o1oyndorj] {
    background: #16213a;
    color: var(--pulse-accent);
}

html[data-theme="dark"] .dashboard-tabs a.active[b-4o1oyndorj] {
    background: linear-gradient(135deg, #0f766e, #08728a);
    color: var(--pulse-on-action);
}

html[data-theme="dark"] .time-presets[b-4o1oyndorj] {
    background: rgba(7, 17, 31, .42);
    border-color: #29374d;
}

html[data-theme="dark"] .filter-heading-icon[b-4o1oyndorj] {
    background: linear-gradient(145deg, rgba(20, 184, 166, .13), rgba(56, 189, 248, .07));
    border-color: rgba(45, 212, 191, .16);
}

html[data-theme="dark"] .filter-heading h2[b-4o1oyndorj],
html[data-theme="dark"] .panel-header h2[b-4o1oyndorj],
html[data-theme="dark"] .kpi-value[b-4o1oyndorj],
html[data-theme="dark"] .rank-heading strong[b-4o1oyndorj],
html[data-theme="dark"] .strong-number[b-4o1oyndorj],
html[data-theme="dark"] .dashboard-no-data strong[b-4o1oyndorj] {
    color: #e2e8f0;
}

html[data-theme="dark"] .filter-field > span[b-4o1oyndorj],
html[data-theme="dark"] .rank-heading[b-4o1oyndorj],
html[data-theme="dark"] .primary-cell[b-4o1oyndorj] {
    color: #cbd5e1;
}

html[data-theme="dark"] .filter-field input[b-4o1oyndorj],
html[data-theme="dark"] .filter-field select[b-4o1oyndorj],
html[data-theme="dark"] .time-presets button[b-4o1oyndorj],
html[data-theme="dark"] .reset-button[b-4o1oyndorj],
html[data-theme="dark"] .pagination button[b-4o1oyndorj] {
    background: #16213a;
    border-color: #334155;
    color: #e2e8f0;
    color-scheme: dark;
}

html[data-theme="dark"] .time-presets button:hover:not(:disabled)[b-4o1oyndorj],
html[data-theme="dark"] .time-presets button.selected[b-4o1oyndorj] {
    background: #0e2a3a;
    border-color: var(--pulse-action);
    color: var(--pulse-accent);
}

html[data-theme="dark"] .dashboard-table th[b-4o1oyndorj] {
    background: #16213a;
    color: #94a3b8;
}

html[data-theme="dark"] .dashboard-table th[b-4o1oyndorj],
html[data-theme="dark"] .dashboard-table td[b-4o1oyndorj],
html[data-theme="dark"] .rank-row[b-4o1oyndorj] {
    border-color: #26334a;
}

html[data-theme="dark"] .dashboard-table tbody tr:hover[b-4o1oyndorj] {
    background: #16213a;
}

html[data-theme="dark"] .rank-track[b-4o1oyndorj] {
    background: #26334a;
}

html[data-theme="dark"] .filter-chip[b-4o1oyndorj] {
    background: #26334a;
    color: #cbd5e1;
}

html[data-theme="dark"] .filter-count[b-4o1oyndorj],
html[data-theme="dark"] .panel-badge[b-4o1oyndorj],
html[data-theme="dark"] .result-count[b-4o1oyndorj] {
    background: var(--pulse-accent-soft);
    border-color: var(--pulse-accent-border);
    color: var(--pulse-accent);
}

html[data-theme="dark"] .active-pill[b-4o1oyndorj],
html[data-theme="dark"] .status-pill.is-active[b-4o1oyndorj] {
    background: var(--pulse-danger-soft);
    color: var(--pulse-danger-text);
}

html[data-theme="dark"] .status-pill.is-ended[b-4o1oyndorj] {
    background: var(--pulse-success-soft);
    color: var(--pulse-success-text);
}

html[data-theme="dark"] .kpi-card:hover[b-4o1oyndorj],
html[data-theme="dark"] .dashboard-panel:hover[b-4o1oyndorj] {
    border-color: rgba(100, 145, 181, .48);
    box-shadow: 0 22px 54px rgba(0, 5, 16, .28);
}

html[data-theme="dark"] .skeleton-card span[b-4o1oyndorj] {
    background: #26334a;
}

html[data-theme="dark"] .skeleton-panel[b-4o1oyndorj] {
    background: linear-gradient(110deg, #111a2e 8%, #1b2940 18%, #111a2e 33%);
    background-size: 200% 100%;
}

@keyframes spin-b-4o1oyndorj {
    to { transform: rotate(360deg); }
}

@keyframes pulse-b-4o1oyndorj {
    0%, 100% { opacity: .55; }
    50% { opacity: 1; }
}

@keyframes status-breathe-b-4o1oyndorj {
    0%, 100% { opacity: .55; transform: scale(.88); }
    50% { opacity: 1; transform: scale(1.08); }
}

@media (max-width: 1250px) {
    .filter-grid[b-4o1oyndorj] {
        grid-template-columns: repeat(4, minmax(140px, 1fr));
    }

    .span-4[b-4o1oyndorj],
    .span-5[b-4o1oyndorj],
    .span-8[b-4o1oyndorj] {
        grid-column: span 6;
    }

    .dashboard-grid > .span-8:first-child[b-4o1oyndorj] {
        grid-column: span 12;
    }
}

@media (max-width: 880px) {
    .dashboard-page[b-4o1oyndorj] {
        padding: 18px;
    }

    .dashboard-hero[b-4o1oyndorj] {
        gap: 24px;
        grid-template-columns: minmax(0, 1fr);
    }

    .dashboard-command-card[b-4o1oyndorj] {
        width: 100%;
    }

    .kpi-grid[b-4o1oyndorj] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .span-4[b-4o1oyndorj],
    .span-3[b-4o1oyndorj],
    .span-5[b-4o1oyndorj],
    .span-6[b-4o1oyndorj],
    .span-8[b-4o1oyndorj] {
        grid-column: span 12;
    }
}

@media (max-width: 650px) {
    .dashboard-page[b-4o1oyndorj] {
        padding: 12px;
    }

    .dashboard-hero[b-4o1oyndorj],
    .filter-panel[b-4o1oyndorj],
    .dashboard-panel[b-4o1oyndorj] {
        border-radius: 15px;
    }

    .dashboard-hero[b-4o1oyndorj] {
        padding: 21px 18px;
    }

    .hero-context[b-4o1oyndorj] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hero-context-item:last-child[b-4o1oyndorj] {
        grid-column: span 2;
    }

    .filter-grid[b-4o1oyndorj] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .filter-buttons[b-4o1oyndorj] {
        grid-column: span 2;
    }

    .filter-buttons button[b-4o1oyndorj] {
        flex: 1;
    }

    .kpi-card[b-4o1oyndorj] {
        min-height: 116px;
        padding: 15px;
    }

    .kpi-value[b-4o1oyndorj] {
        font-size: 30px;
    }

    .dashboard-error[b-4o1oyndorj] {
        align-items: flex-start;
        flex-wrap: wrap;
    }
}

@media (max-width: 420px) {
    .filter-grid[b-4o1oyndorj],
    .kpi-grid[b-4o1oyndorj] {
        grid-template-columns: 1fr;
    }

    .filter-buttons[b-4o1oyndorj] {
        grid-column: auto;
    }

    .hero-context[b-4o1oyndorj] {
        grid-template-columns: 1fr;
    }

    .hero-context-item:last-child[b-4o1oyndorj] {
        grid-column: auto;
    }

    .dashboard-command-card[b-4o1oyndorj] {
        padding: 15px;
    }

    .command-secondary-actions[b-4o1oyndorj],
    .command-card-footer[b-4o1oyndorj] {
        align-items: stretch;
        flex-direction: column;
    }

    .command-card-footer .last-updated[b-4o1oyndorj] {
        text-align: left;
    }
}

@media (prefers-reduced-motion: reduce) {
    .refresh-icon.is-spinning[b-4o1oyndorj],
    .workspace-status.is-syncing > span[b-4o1oyndorj],
    .skeleton-card span[b-4o1oyndorj],
    .skeleton-panel[b-4o1oyndorj],
    .kpi-card[b-4o1oyndorj],
    .dashboard-panel[b-4o1oyndorj],
    .control-room-launch[b-4o1oyndorj],
    .control-room-launch svg[b-4o1oyndorj] {
        animation: none;
        transition: none;
    }
}
/* /Components/Pages/Error.razor.rz.scp.css */
.system-state-page[b-2o9qz3nwvr] {
    align-items: center;
    background:
        radial-gradient(circle at 50% 8%, rgba(244, 63, 94, .07), transparent 25rem),
        #f4f7f9;
    color: #172c3b;
    display: flex;
    justify-content: center;
    min-height: calc(100vh - 72px);
    padding: clamp(24px, 6vw, 72px);
}

.system-state-card[b-2o9qz3nwvr] {
    background: linear-gradient(155deg, rgba(255, 255, 255, .98), rgba(250, 247, 247, .98));
    border: 1px solid rgba(106, 63, 70, .15);
    border-radius: 28px;
    box-shadow: 0 26px 75px rgba(84, 42, 51, .13);
    max-width: 700px;
    overflow: hidden;
    padding: clamp(28px, 6vw, 58px);
    position: relative;
    text-align: center;
    width: 100%;
}

.system-state-card[b-2o9qz3nwvr]::before {
    background: linear-gradient(90deg, transparent, rgba(225, 29, 72, .5), transparent);
    content: "";
    height: 1px;
    left: 12%;
    position: absolute;
    right: 12%;
    top: 0;
}

.state-symbol[b-2o9qz3nwvr] {
    align-items: center;
    background: #fff1f2;
    border: 1px solid #fecdd3;
    border-radius: 18px;
    color: #be2745;
    display: flex;
    height: 72px;
    justify-content: center;
    margin: 0 auto 1.5rem;
    width: 72px;
}

.state-symbol svg[b-2o9qz3nwvr] {
    fill: rgba(225, 29, 72, .06);
    height: 40px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 40px;
}

.state-eyebrow[b-2o9qz3nwvr] {
    color: #be2745;
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.system-state-card h1[b-2o9qz3nwvr] {
    color: #102a3c;
    font-size: clamp(1.8rem, 5vw, 2.8rem);
    letter-spacing: -.045em;
    line-height: 1.08;
    margin: .7rem auto 1rem;
    max-width: 590px;
}

.system-state-card > p[b-2o9qz3nwvr] {
    color: #60788b;
    font-size: .95rem;
    line-height: 1.7;
    margin: 0 auto;
    max-width: 550px;
}

.state-actions[b-2o9qz3nwvr] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    justify-content: center;
    margin-top: 1.8rem;
}

.state-actions a[b-2o9qz3nwvr] {
    background: #f5f2f3;
    border: 1px solid rgba(106, 63, 70, .16);
    border-radius: 11px;
    color: #4d3540;
    font-size: .78rem;
    font-weight: 800;
    padding: .78rem 1rem;
    text-decoration: none;
}

.state-actions a.primary[b-2o9qz3nwvr] {
    background: #ae2943;
    border-color: #ae2943;
    color: #fff;
}

.state-actions a:hover[b-2o9qz3nwvr] {
    transform: translateY(-1px);
}

.state-actions a:focus-visible[b-2o9qz3nwvr],
.technical-guidance summary:focus-visible[b-2o9qz3nwvr] {
    outline: 2px solid #d83a58;
    outline-offset: 3px;
}

.request-reference[b-2o9qz3nwvr] {
    background: #f7f4f5;
    border: 1px solid rgba(106, 63, 70, .12);
    border-radius: 12px;
    display: grid;
    gap: .35rem;
    margin: 1.6rem auto 0;
    max-width: 520px;
    padding: .8rem 1rem;
    text-align: left;
}

.request-reference span[b-2o9qz3nwvr] {
    color: #7f6871;
    font-size: .62rem;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.request-reference code[b-2o9qz3nwvr] {
    color: #513841;
    font-size: .72rem;
    overflow-wrap: anywhere;
}

.technical-guidance[b-2o9qz3nwvr] {
    border-top: 1px solid rgba(106, 63, 70, .12);
    color: #718392;
    font-size: .75rem;
    margin-top: 1.6rem;
    padding-top: 1rem;
    text-align: left;
}

.technical-guidance summary[b-2o9qz3nwvr] {
    color: #526775;
    cursor: pointer;
    font-weight: 800;
}

.technical-guidance p[b-2o9qz3nwvr] {
    line-height: 1.6;
    margin: .7rem 0 0;
}

html[data-theme="dark"] .system-state-page[b-2o9qz3nwvr] {
    background:
        radial-gradient(circle at 50% 8%, rgba(244, 63, 94, .06), transparent 25rem),
        #07111e;
    color: #e8f0f6;
}

html[data-theme="dark"] .system-state-card[b-2o9qz3nwvr] {
    background: linear-gradient(155deg, #211a23, #101725);
    border-color: rgba(244, 145, 162, .18);
    box-shadow: 0 28px 80px rgba(2, 8, 23, .36);
}

html[data-theme="dark"] .system-state-card h1[b-2o9qz3nwvr] {
    color: #f8eef1;
}

html[data-theme="dark"] .system-state-card > p[b-2o9qz3nwvr],
html[data-theme="dark"] .technical-guidance[b-2o9qz3nwvr] {
    color: #a9919a;
}

html[data-theme="dark"] .state-symbol[b-2o9qz3nwvr] {
    background: rgba(190, 39, 69, .12);
    border-color: rgba(244, 145, 162, .22);
    color: #ff93a5;
}

html[data-theme="dark"] .state-actions a[b-2o9qz3nwvr],
html[data-theme="dark"] .request-reference[b-2o9qz3nwvr] {
    background: #251d26;
    border-color: rgba(244, 145, 162, .17);
    color: #eadde1;
}

html[data-theme="dark"] .state-actions a.primary[b-2o9qz3nwvr] {
    background: #e04b66;
    border-color: #e04b66;
    color: #21070d;
}

html[data-theme="dark"] .request-reference span[b-2o9qz3nwvr],
html[data-theme="dark"] .technical-guidance summary[b-2o9qz3nwvr] {
    color: #c2a8b0;
}

html[data-theme="dark"] .request-reference code[b-2o9qz3nwvr] {
    color: #f1e5e8;
}

html[data-theme="dark"] .technical-guidance[b-2o9qz3nwvr] {
    border-color: rgba(244, 145, 162, .14);
}

@media (max-width: 560px) {
    .system-state-page[b-2o9qz3nwvr] {
        min-height: calc(100vh - 112px);
        padding: 18px;
    }

    .system-state-card[b-2o9qz3nwvr] {
        border-radius: 20px;
        padding: 30px 20px;
    }

    .state-actions[b-2o9qz3nwvr] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .state-actions a:hover[b-2o9qz3nwvr] {
        transform: none;
    }
}
/* /Components/Pages/NotFound.razor.rz.scp.css */
.system-state-page[b-qpzjd54cb6] {
    align-items: center;
    background:
        radial-gradient(circle at 50% 12%, rgba(20, 184, 166, .1), transparent 26rem),
        #f3f7f9;
    color: #172c3b;
    display: flex;
    justify-content: center;
    min-height: calc(100vh - 72px);
    padding: clamp(24px, 6vw, 72px);
}

.system-state-card[b-qpzjd54cb6] {
    background: linear-gradient(155deg, rgba(255, 255, 255, .98), rgba(245, 250, 251, .98));
    border: 1px solid rgba(42, 77, 96, .15);
    border-radius: 28px;
    box-shadow: 0 26px 75px rgba(28, 65, 80, .13);
    max-width: 700px;
    overflow: hidden;
    padding: clamp(28px, 6vw, 58px);
    position: relative;
    text-align: center;
    width: 100%;
}

.system-state-card[b-qpzjd54cb6]::before {
    background: linear-gradient(90deg, transparent, rgba(13, 148, 136, .55), transparent);
    content: "";
    height: 1px;
    left: 12%;
    position: absolute;
    right: 12%;
    top: 0;
}

.state-code[b-qpzjd54cb6] {
    align-items: center;
    color: #17394a;
    display: flex;
    font-size: clamp(4.8rem, 16vw, 8.5rem);
    font-weight: 900;
    justify-content: center;
    letter-spacing: -.09em;
    line-height: .8;
    margin-bottom: 2rem;
}

.state-code i[b-qpzjd54cb6] {
    background: radial-gradient(circle at 40% 35%, #7ee8d7, #0e9087);
    border: clamp(7px, 1vw, 11px) solid #d8f2ee;
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(13, 148, 136, .18);
    height: clamp(3.4rem, 10vw, 5.8rem);
    margin: 0 .16em;
    width: clamp(3.4rem, 10vw, 5.8rem);
}

.state-eyebrow[b-qpzjd54cb6] {
    color: #087f83;
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.system-state-card h1[b-qpzjd54cb6] {
    color: #102a3c;
    font-size: clamp(1.8rem, 5vw, 2.8rem);
    letter-spacing: -.045em;
    line-height: 1.08;
    margin: .7rem auto 1rem;
    max-width: 590px;
}

.system-state-card > p[b-qpzjd54cb6] {
    color: #60788b;
    font-size: .95rem;
    line-height: 1.7;
    margin: 0 auto;
    max-width: 540px;
}

.state-actions[b-qpzjd54cb6] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    justify-content: center;
    margin-top: 1.8rem;
}

.state-actions a[b-qpzjd54cb6] {
    background: #f1f6f7;
    border: 1px solid rgba(42, 77, 96, .16);
    border-radius: 11px;
    color: #29485a;
    font-size: .78rem;
    font-weight: 800;
    padding: .78rem 1rem;
    text-decoration: none;
}

.state-actions a.primary[b-qpzjd54cb6] {
    background: #0d8179;
    border-color: #0d8179;
    color: #fff;
}

.state-actions a:hover[b-qpzjd54cb6] {
    transform: translateY(-1px);
}

.state-actions a:focus-visible[b-qpzjd54cb6] {
    outline: 2px solid #14a39b;
    outline-offset: 3px;
}

.state-footnote[b-qpzjd54cb6] {
    align-items: center;
    color: #78909f;
    display: flex;
    font-size: .68rem;
    gap: .45rem;
    justify-content: center;
    margin-top: 2rem;
}

.state-footnote span[b-qpzjd54cb6] {
    background: #2dbe84;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(45, 190, 132, .1);
    height: 7px;
    width: 7px;
}

html[data-theme="dark"] .system-state-page[b-qpzjd54cb6] {
    background:
        radial-gradient(circle at 50% 12%, rgba(20, 184, 166, .08), transparent 26rem),
        #07111e;
    color: #e8f0f6;
}

html[data-theme="dark"] .system-state-card[b-qpzjd54cb6] {
    background: linear-gradient(155deg, #102235, #091827);
    border-color: rgba(148, 176, 210, .18);
    box-shadow: 0 28px 80px rgba(2, 8, 23, .34);
}

html[data-theme="dark"] .state-code[b-qpzjd54cb6],
html[data-theme="dark"] .system-state-card h1[b-qpzjd54cb6] {
    color: #edf7fb;
}

html[data-theme="dark"] .state-code i[b-qpzjd54cb6] {
    border-color: #153b3d;
}

html[data-theme="dark"] .system-state-card > p[b-qpzjd54cb6],
html[data-theme="dark"] .state-footnote[b-qpzjd54cb6] {
    color: #91a8bc;
}

html[data-theme="dark"] .state-actions a[b-qpzjd54cb6] {
    background: #142a3d;
    border-color: rgba(148, 176, 210, .2);
    color: #dbe9f7;
}

html[data-theme="dark"] .state-actions a.primary[b-qpzjd54cb6] {
    background: #13a397;
    border-color: #13a397;
    color: #041716;
}

@media (max-width: 560px) {
    .system-state-page[b-qpzjd54cb6] {
        min-height: calc(100vh - 112px);
        padding: 18px;
    }

    .system-state-card[b-qpzjd54cb6] {
        border-radius: 20px;
        padding: 30px 20px;
    }

    .state-actions[b-qpzjd54cb6] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .state-actions a:hover[b-qpzjd54cb6] {
        transform: none;
    }
}
/* /Components/Pages/Settings.razor.rz.scp.css */
.settings-page[b-b4leofaifx] {
    --sp-surface: #fff;
    --sp-soft: #f5f8fc;
    --sp-border: rgba(121,143,171,.22);
    --sp-ink: #14243c;
    --sp-muted: #687993;
    --sp-accent: #0f827d;
    --sp-accent-strong: #086a66;
    max-width: 1320px;
    min-height: calc(100vh - 6rem);
    padding: clamp(1rem,2.4vw,2.2rem);
    border-radius: 1.6rem;
    color: var(--sp-ink);
    background: radial-gradient(circle at 4% 0%,rgba(20,184,166,.07),transparent 25rem),rgba(248,250,252,.58);
}

.settings-hero[b-b4leofaifx] {
    position: relative;
    overflow: hidden;
    min-height: 13rem;
    margin-bottom: 1rem;
    padding: clamp(1.4rem,3vw,2.2rem);
    border: 1px solid rgba(153,246,228,.15);
    border-radius: 1.55rem;
    color: #fff;
    background: radial-gradient(circle at 82% -30%,rgba(45,212,191,.27),transparent 22rem),linear-gradient(128deg,#081526,#0a2a3b 58%,#07545a);
    box-shadow: 0 1.15rem 2.8rem rgba(5,18,32,.15);
}

.settings-hero > div:first-child[b-b4leofaifx], .config-card[b-b4leofaifx] { position: relative; z-index: 1; align-self: center; }
.settings-hero h1[b-b4leofaifx] { color: #fff; font-size: clamp(2.05rem,4.5vw,3.5rem); line-height: 1; }
.settings-hero p[b-b4leofaifx] { color: #b8c9d7; line-height: 1.65; }
.eyebrow[b-b4leofaifx] { display: inline-flex; align-items: center; gap: .5rem; color: #74e8d8 !important; }
.eyebrow[b-b4leofaifx]::before { width:.45rem; height:.45rem; border-radius:50%; background:#5eead4; box-shadow:0 0 0 .28rem rgba(45,212,191,.11); content:""; }

.config-card[b-b4leofaifx] {
    align-content: center;
    padding: 1rem 1.1rem;
    border-color: rgba(255,255,255,.13);
    border-radius: .95rem;
    color: #eef8fb;
    background: rgba(255,255,255,.075);
    box-shadow: none;
}

.config-card span[b-b4leofaifx] { margin-bottom:.45rem; color:#9fb5c5; font-size:.62rem; font-weight:850; letter-spacing:.1em; }
.config-card strong[b-b4leofaifx] { display:block; color:#fff; font-family:"Cascadia Code",Consolas,monospace; font-size:.72rem; font-weight:650; line-height:1.5; }

.settings-grid[b-b4leofaifx] { gap: 1rem; }

.settings-panel[b-b4leofaifx], .settings-actions[b-b4leofaifx], .settings-alert[b-b4leofaifx] {
    position: relative;
    overflow: hidden;
    border-color: var(--sp-border);
    border-radius: 1.1rem;
    color: var(--sp-ink);
    background: var(--sp-surface);
    box-shadow: 0 .65rem 1.7rem rgba(20,36,60,.05);
}

.settings-panel[b-b4leofaifx] { padding: 1.15rem; }
.settings-panel[b-b4leofaifx]::before { position:absolute; inset:0 0 auto; height:2px; background:linear-gradient(90deg,var(--sp-accent),rgba(56,189,248,.55),transparent 78%); content:""; }
.settings-panel h2[b-b4leofaifx] { color:var(--sp-ink); font-size:1rem; letter-spacing:-.015em; }
.panel-heading[b-b4leofaifx] { align-items:flex-start; margin-bottom:1rem; }
.panel-heading h2[b-b4leofaifx] { margin-bottom:.2rem; }
.settings-hint[b-b4leofaifx] { color:var(--sp-muted); font-size:.75rem; }
.settings-hint code[b-b4leofaifx] { padding:.12rem .35rem; border:1px solid var(--sp-border); border-radius:.35rem; color:var(--sp-accent-strong); background:var(--sp-soft); }

.server-list[b-b4leofaifx] { gap:.75rem; }
.server-card[b-b4leofaifx] {
    padding: 1rem;
    border-color: var(--sp-border);
    border-radius: .85rem;
    background: var(--sp-soft);
    box-shadow: inset 0 1px rgba(255,255,255,.7);
}

.server-card.server-disabled[b-b4leofaifx] { opacity:.64; filter:saturate(.55); }
.server-card-heading[b-b4leofaifx] { padding-bottom:.72rem; border-bottom:1px solid var(--sp-border); }
.server-fields[b-b4leofaifx] { grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 .7rem; padding-top:.85rem; }
.server-actions[b-b4leofaifx] { padding-top:.2rem; }

.connection-state[b-b4leofaifx] { border:1px solid var(--sp-border); font-size:.65rem; letter-spacing:.035em; }
.connection-state.success[b-b4leofaifx] { border-color:var(--pulse-success-border); color:var(--pulse-success-text); background:var(--pulse-success-soft); }
.connection-state.warning[b-b4leofaifx] { border-color:var(--pulse-warning-border); color:var(--pulse-warning-text); background:var(--pulse-warning-soft); }
.connection-state.error[b-b4leofaifx] { border-color:var(--pulse-danger-border); color:var(--pulse-danger-text); background:var(--pulse-danger-soft); }

.settings-panel label[b-b4leofaifx] { gap:.38rem; margin-bottom:.72rem; color:var(--sp-muted); font-size:.73rem; }
.settings-panel input[b-b4leofaifx], .settings-panel select[b-b4leofaifx] {
    min-height: 2.55rem;
    padding:.52rem .68rem;
    border-color:var(--sp-border);
    border-radius:.65rem;
    color:var(--sp-ink);
    background:var(--sp-soft);
    transition:border-color .14s ease,background .14s ease;
}

.settings-panel input:hover[b-b4leofaifx], .settings-panel select:hover[b-b4leofaifx] { border-color:rgba(15,130,125,.4); }
.settings-panel input:focus[b-b4leofaifx], .settings-panel select:focus[b-b4leofaifx] { border-color:var(--sp-accent); background:var(--sp-surface); box-shadow:0 0 0 .2rem rgba(15,130,125,.11); outline:0; }
.settings-panel input[type="checkbox"][b-b4leofaifx], .settings-panel input[type="radio"][b-b4leofaifx] { accent-color:var(--sp-accent); }

.check-row[b-b4leofaifx] {
    min-height:2.35rem;
    margin-bottom:.45rem !important;
    padding:.42rem .55rem;
    border:1px solid var(--sp-border);
    border-radius:.62rem;
    color:var(--sp-ink) !important;
    background:var(--sp-soft);
}

.inline-action[b-b4leofaifx] {
    min-height:2.3rem;
    padding:0 .75rem;
    border-color:var(--sp-border);
    border-radius:.62rem;
    color:var(--sp-ink);
    background:var(--sp-surface);
    font-size:.7rem;
    transition:border-color .14s ease,color .14s ease;
}

.inline-action:hover:not(:disabled)[b-b4leofaifx] { border-color:var(--sp-accent); color:var(--sp-accent-strong); }
.inline-action.danger-outline[b-b4leofaifx] { color:var(--pulse-danger-text); }
.server-empty[b-b4leofaifx] { border-color:var(--sp-border); color:var(--sp-muted); background:var(--sp-soft); }

.settings-actions[b-b4leofaifx] {
    gap:.55rem;
    padding:.85rem;
    border-top:2px solid color-mix(in srgb,var(--sp-accent) 55%,transparent);
}

.settings-actions button[b-b4leofaifx] {
    min-height:2.55rem;
    padding:0 .95rem;
    border-radius:.65rem;
    background:linear-gradient(135deg,var(--sp-accent),#08738b);
    font-size:.73rem;
    transition:filter .14s ease,border-color .14s ease;
}

.settings-actions button.secondary[b-b4leofaifx] { color:var(--sp-ink); border-color:var(--sp-border); background:var(--sp-soft); }
.settings-actions button.danger[b-b4leofaifx] { background:linear-gradient(135deg,#b42318,#8f1c16); }
.settings-actions button:hover:not(:disabled)[b-b4leofaifx] { filter:brightness(1.04); }

.settings-alert[b-b4leofaifx] { margin-bottom:.85rem; padding:.75rem .9rem; border-radius:.75rem; box-shadow:none; font-size:.78rem; }
.settings-alert.success[b-b4leofaifx] { color:var(--pulse-success-text); border-color:var(--pulse-success-border); background:var(--pulse-success-soft); }
.settings-alert.error[b-b4leofaifx] { color:var(--pulse-danger-text); border-color:var(--pulse-danger-border); background:var(--pulse-danger-soft); }

.settings-panel :is(button,input,select):focus-visible[b-b4leofaifx],
.settings-actions button:focus-visible[b-b4leofaifx] { outline:3px solid var(--pulse-focus-ring); outline-offset:2px; }

html[data-theme="dark"] .settings-page[b-b4leofaifx] { --sp-surface:#101d31; --sp-soft:#17263d; --sp-border:rgba(132,158,194,.18); --sp-ink:#edf5ff; --sp-muted:#94a8c2; --sp-accent:#43c8bb; --sp-accent-strong:#79e0d5; background:radial-gradient(circle at 4% 0%,rgba(20,184,166,.06),transparent 25rem),rgba(6,14,26,.25); }
html[data-theme="dark"] .settings-hero[b-b4leofaifx] { border-color:rgba(153,246,228,.14); background:radial-gradient(circle at 82% -30%,rgba(45,212,191,.24),transparent 22rem),linear-gradient(128deg,#07111f,#0a2939 60%,#064d52); }
html[data-theme="dark"] .settings-hero h1[b-b4leofaifx], html[data-theme="dark"] .config-card strong[b-b4leofaifx] { color:#fff; }
html[data-theme="dark"] .settings-hero p[b-b4leofaifx] { color:#b5c7d6; }
html[data-theme="dark"] .settings-panel[b-b4leofaifx], html[data-theme="dark"] .settings-actions[b-b4leofaifx] { color:var(--sp-ink); border-color:var(--sp-border); background:var(--sp-surface); }
html[data-theme="dark"] .server-card[b-b4leofaifx], html[data-theme="dark"] .check-row[b-b4leofaifx], html[data-theme="dark"] .settings-panel input[b-b4leofaifx], html[data-theme="dark"] .settings-panel select[b-b4leofaifx] { color:var(--sp-ink); border-color:var(--sp-border); background:var(--sp-soft); color-scheme:dark; box-shadow:none; }
html[data-theme="dark"] .settings-panel h2[b-b4leofaifx], html[data-theme="dark"] .check-row[b-b4leofaifx] { color:var(--sp-ink) !important; }
html[data-theme="dark"] .settings-hint[b-b4leofaifx], html[data-theme="dark"] .settings-panel label[b-b4leofaifx] { color:var(--sp-muted); }

@media (max-width:1100px) { .server-fields[b-b4leofaifx] { grid-template-columns:repeat(2,minmax(0,1fr)); } }

@media (max-width:860px) {
    .settings-page[b-b4leofaifx] { margin:-.35rem; padding:.75rem; border-radius:1.1rem; }
    .settings-hero[b-b4leofaifx] { min-height:0; padding:1.2rem; }
    .server-fields[b-b4leofaifx] { grid-template-columns:1fr; }
    .settings-actions button[b-b4leofaifx] { width:100%; }
}

@media (prefers-reduced-motion:reduce) {
    .settings-panel input[b-b4leofaifx], .settings-panel select[b-b4leofaifx], .inline-action[b-b4leofaifx], .settings-actions button[b-b4leofaifx] { transition:none; }
}
/* /Components/Pages/Users.razor.rz.scp.css */
.users-page[b-1z0dzanvq7] {
    --users-surface: var(--pulse-surface);
    --users-surface-soft: var(--pulse-surface-soft);
    --users-border: var(--pulse-border);
    --users-ink: var(--pulse-text);
    --users-muted: var(--pulse-muted);
    --users-accent: var(--pulse-accent);
    --users-accent-strong: var(--pulse-action-hover);
    width: min(1480px, 100%);
    margin: 0 auto;
    color: var(--users-ink);
}

html[data-theme="dark"] .users-page[b-1z0dzanvq7] {
    --users-accent-strong: var(--pulse-accent);
}

.users-breadcrumbs[b-1z0dzanvq7] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    margin-bottom: 0.8rem;
    color: var(--users-muted);
    font-size: 0.75rem;
}

.users-breadcrumbs a[b-1z0dzanvq7] {
    color: var(--users-accent);
    font-weight: 750;
    text-decoration: none;
}

.users-hero[b-1z0dzanvq7] {
    display: flex;
    gap: 2rem;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 1.4rem;
}

.users-eyebrow[b-1z0dzanvq7] {
    margin: 0 0 0.4rem;
    color: var(--users-accent);
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.users-hero h1[b-1z0dzanvq7] {
    margin: 0;
    color: var(--users-ink);
    font-size: clamp(2rem, 4vw, 3.15rem);
    font-weight: 780;
    line-height: 1.05;
    letter-spacing: -0.052em;
}

.users-hero > div > p:last-child[b-1z0dzanvq7] {
    max-width: 48rem;
    margin: 0.6rem 0 0;
    color: var(--users-muted);
    font-size: 0.9rem;
    line-height: 1.6;
}

.users-primary[b-1z0dzanvq7] {
    display: inline-flex;
    min-height: 2.8rem;
    gap: 0.5rem;
    align-items: center;
    justify-content: center;
    padding: 0.65rem 1rem;
    border: 1px solid transparent;
    border-radius: 0.72rem;
    color: #fff;
    background: linear-gradient(135deg, var(--pulse-action), var(--pulse-action-hover));
    box-shadow: 0 0.65rem 1.6rem rgba(8, 121, 117, 0.18);
    font: inherit;
    font-size: 0.78rem;
    font-weight: 800;
    white-space: nowrap;
    cursor: pointer;
}

.users-primary svg[b-1z0dzanvq7] {
    width: 1.1rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-width: 2;
}

.users-primary:hover:not(:disabled)[b-1z0dzanvq7] { filter: brightness(1.08); }
.users-primary:disabled[b-1z0dzanvq7] { cursor: wait; opacity: 0.58; }
.users-hero-actions[b-1z0dzanvq7] { display: flex; flex: 0 0 auto; gap: .65rem; align-items: center; }
.users-secondary-link[b-1z0dzanvq7] { display: inline-flex; min-height: 2.8rem; gap: .5rem; align-items: center; justify-content: center; padding: .65rem 1rem; border: 1px solid rgba(153, 246, 228, .22); border-radius: .68rem; color: #d6fffa; background: rgba(255, 255, 255, .06); font-size: .76rem; font-weight: 780; text-decoration: none; backdrop-filter: blur(8px); }
.users-secondary-link:hover[b-1z0dzanvq7] { border-color: rgba(153, 246, 228, .48); color: #fff; background: rgba(255, 255, 255, .1); }
.users-secondary-link svg[b-1z0dzanvq7] { width: 1.05rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }

.users-notice[b-1z0dzanvq7] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 0.7rem;
    align-items: center;
    margin-bottom: 1rem;
    padding: 0.78rem 0.9rem;
    border: 1px solid var(--pulse-success-border);
    border-radius: 0.75rem;
    color: var(--pulse-success-text);
    background: var(--pulse-success-soft);
    font-size: 0.8rem;
}

.users-notice.error[b-1z0dzanvq7] {
    border-color: var(--pulse-danger-border);
    color: var(--pulse-danger-text);
    background: var(--pulse-danger-soft);
}

html[data-theme="dark"] .users-notice.success[b-1z0dzanvq7] { color: var(--pulse-success-text); background: var(--pulse-success-soft); border-color: var(--pulse-success-border); }
html[data-theme="dark"] .users-notice.error[b-1z0dzanvq7] { color: var(--pulse-danger-text); background: var(--pulse-danger-soft); border-color: var(--pulse-danger-border); }

.users-notice > span[b-1z0dzanvq7] {
    display: grid;
    width: 1.5rem;
    height: 1.5rem;
    place-items: center;
    border-radius: 50%;
    color: currentColor;
    background: currentColor;
    box-shadow: inset 0 0 0 0.42rem rgba(255, 255, 255, 0.86);
    font-weight: 900;
}

.users-notice p[b-1z0dzanvq7] { margin: 0; }
.users-notice button[b-1z0dzanvq7] { border: 0; color: inherit; background: transparent; font-size: 1.2rem; cursor: pointer; }

.access-summary[b-1z0dzanvq7] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.85rem;
    margin-bottom: 1rem;
}

.access-summary article[b-1z0dzanvq7] {
    display: flex;
    min-width: 0;
    gap: 0.8rem;
    align-items: center;
    padding: 1rem;
    border: 1px solid var(--users-border);
    border-radius: 0.9rem;
    background: var(--users-surface);
    box-shadow: 0 0.45rem 1.5rem rgba(15, 23, 42, 0.035);
}

.summary-icon[b-1z0dzanvq7] {
    display: grid;
    flex: 0 0 2.65rem;
    width: 2.65rem;
    height: 2.65rem;
    place-items: center;
    border-radius: 0.75rem;
    color: var(--pulse-info-strong);
    background: var(--pulse-info-soft);
}

.summary-icon.enabled[b-1z0dzanvq7] { color: var(--pulse-success-text); background: var(--pulse-success-soft); }
.summary-icon.admin[b-1z0dzanvq7] { color: var(--pulse-warning-text); background: var(--pulse-warning-soft); }
.summary-icon.locked[b-1z0dzanvq7] { color: var(--pulse-danger-text); background: var(--pulse-danger-soft); }

html[data-theme="dark"] .summary-icon.total[b-1z0dzanvq7] { color: var(--pulse-info-strong); background: var(--pulse-info-soft); }
html[data-theme="dark"] .summary-icon.enabled[b-1z0dzanvq7] { color: var(--pulse-success-text); background: var(--pulse-success-soft); }
html[data-theme="dark"] .summary-icon.admin[b-1z0dzanvq7] { color: var(--pulse-warning-text); background: var(--pulse-warning-soft); }
html[data-theme="dark"] .summary-icon.locked[b-1z0dzanvq7] { color: var(--pulse-danger-text); background: var(--pulse-danger-soft); }

.summary-icon svg[b-1z0dzanvq7] {
    width: 1.3rem;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.75;
}

.access-summary article > div[b-1z0dzanvq7] { display: grid; min-width: 0; }
.access-summary strong[b-1z0dzanvq7] { font-size: 1.35rem; line-height: 1.1; }
.access-summary small[b-1z0dzanvq7] { margin-top: 0.15rem; overflow: hidden; color: var(--users-muted); font-size: 0.7rem; text-overflow: ellipsis; white-space: nowrap; }

.users-panel[b-1z0dzanvq7],
.role-guide[b-1z0dzanvq7] {
    overflow: hidden;
    border: 1px solid var(--users-border);
    border-radius: 1rem;
    background: var(--users-surface);
    box-shadow: 0 0.65rem 2rem rgba(15, 23, 42, 0.045);
}

.users-toolbar[b-1z0dzanvq7] {
    display: flex;
    gap: 1.5rem;
    align-items: center;
    justify-content: space-between;
    padding: 1.05rem 1.15rem;
    border-bottom: 1px solid var(--users-border);
}

.users-toolbar h2[b-1z0dzanvq7],
.role-guide h2[b-1z0dzanvq7] {
    margin: 0;
    color: var(--users-ink);
    font-size: 1rem;
    font-weight: 800;
}

.users-toolbar p[b-1z0dzanvq7],
.role-guide header p[b-1z0dzanvq7] {
    margin: 0.25rem 0 0;
    color: var(--users-muted);
    font-size: 0.72rem;
}

.users-search[b-1z0dzanvq7] {
    display: flex;
    width: min(19rem, 100%);
    min-height: 2.5rem;
    gap: 0.5rem;
    align-items: center;
    padding: 0 0.75rem;
    border: 1px solid var(--users-border);
    border-radius: 0.65rem;
    background: var(--users-surface-soft);
}

.users-search:focus-within[b-1z0dzanvq7] { border-color: var(--users-accent); box-shadow: 0 0 0 0.18rem rgba(13, 148, 136, 0.1); }
.users-search svg[b-1z0dzanvq7] { width: 1rem; fill: none; stroke: var(--users-muted); stroke-linecap: round; stroke-width: 1.8; }
.users-search input[b-1z0dzanvq7] { width: 100%; border: 0; outline: 0; color: var(--users-ink); background: transparent; font: inherit; font-size: 0.78rem; }

.users-table-wrap[b-1z0dzanvq7] { overflow: auto; }

.users-table[b-1z0dzanvq7] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.77rem;
}

.users-table th[b-1z0dzanvq7] {
    padding: 0.7rem 0.9rem;
    color: var(--users-muted);
    background: var(--users-surface-soft);
    font-size: 0.64rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-align: left;
    text-transform: uppercase;
}

.users-table td[b-1z0dzanvq7] {
    padding: 0.82rem 0.9rem;
    border-top: 1px solid var(--users-border);
    color: var(--users-ink);
    vertical-align: middle;
}

.users-table tbody tr:first-child td[b-1z0dzanvq7] { border-top: 0; }
.users-table tbody tr.is-disabled[b-1z0dzanvq7] { opacity: 0.66; }

.user-identity[b-1z0dzanvq7] { display: flex; min-width: 12rem; gap: 0.7rem; align-items: center; }
.user-avatar[b-1z0dzanvq7] { display: grid; flex: 0 0 2.25rem; width: 2.25rem; height: 2.25rem; place-items: center; border: 1px solid var(--pulse-accent-border); border-radius: 0.65rem; color: var(--pulse-accent); background: var(--pulse-accent-soft); font-size: 0.68rem; font-weight: 850; }
html[data-theme="dark"] .user-avatar[b-1z0dzanvq7] { border-color: var(--pulse-accent-border); color: var(--pulse-accent); background: var(--pulse-accent-soft); }
.user-identity > span:last-child[b-1z0dzanvq7] { display: grid; min-width: 0; }
.user-identity strong[b-1z0dzanvq7] { overflow: hidden; font-size: 0.79rem; text-overflow: ellipsis; white-space: nowrap; }
.user-identity small[b-1z0dzanvq7] { margin-top: 0.13rem; color: var(--users-muted); font-size: 0.66rem; }

.role-editor[b-1z0dzanvq7] { display: flex; min-width: 12.5rem; gap: 0.4rem; align-items: center; }
.role-editor select[b-1z0dzanvq7] { min-height: 2.15rem; padding: 0.3rem 1.8rem 0.3rem 0.55rem; border: 1px solid var(--users-border); border-radius: 0.5rem; outline: 0; color: var(--users-ink); background: var(--users-surface-soft); font: inherit; font-size: 0.72rem; }
.role-editor select:focus[b-1z0dzanvq7] { border-color: var(--users-accent); }

.access-summary-button[b-1z0dzanvq7] { display: flex; min-width: 10.5rem; gap: .55rem; align-items: center; padding: .28rem; border: 0; border-radius: .62rem; color: var(--users-ink); background: transparent; text-align: left; cursor: pointer; }
.access-summary-button:hover:not(:disabled)[b-1z0dzanvq7] { background: var(--users-surface-soft); }
.access-summary-button:disabled[b-1z0dzanvq7] { cursor: wait; opacity: .55; }
.access-summary-button > span:last-child[b-1z0dzanvq7] { display: grid; min-width: 0; }
.access-summary-button strong[b-1z0dzanvq7] { overflow: hidden; max-width: 10.5rem; font-size: .69rem; text-overflow: ellipsis; white-space: nowrap; }
.access-summary-button small[b-1z0dzanvq7] { margin-top: .1rem; color: var(--users-muted); font-size: .59rem; }
.access-summary-icon[b-1z0dzanvq7] { display: grid; flex: 0 0 2rem; width: 2rem; height: 2rem; place-items: center; border-radius: .58rem; color: var(--users-accent); background: color-mix(in srgb, var(--users-accent) 9%, transparent); }
.access-summary-icon.restricted[b-1z0dzanvq7] { color: var(--pulse-warning-text); background: var(--pulse-warning-soft); }
.access-summary-icon.none[b-1z0dzanvq7] { color: var(--pulse-danger-text); background: var(--pulse-danger-soft); }
.access-summary-icon.unknown[b-1z0dzanvq7] { color: var(--users-muted); background: var(--users-surface-soft); }
.access-summary-icon svg[b-1z0dzanvq7] { width: 1.05rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }

.status-stack[b-1z0dzanvq7] { display: grid; gap: 0.25rem; justify-items: start; }
.account-state[b-1z0dzanvq7] { display: inline-flex; gap: 0.4rem; align-items: center; font-size: 0.68rem; font-weight: 750; }
.account-state > span[b-1z0dzanvq7] { width: 0.46rem; height: 0.46rem; border-radius: 50%; background: var(--pulse-success); box-shadow: 0 0 0 0.2rem rgba(22, 163, 74, 0.11); }
.account-state.disabled > span[b-1z0dzanvq7] { background: #9aa6b4; box-shadow: none; }
.lock-state[b-1z0dzanvq7] { padding: 0.13rem 0.38rem; border-radius: 999px; color: var(--pulse-danger-text); background: var(--pulse-danger-soft); font-size: 0.59rem; font-weight: 800; }
.change-state[b-1z0dzanvq7] { padding: 0.13rem 0.38rem; border-radius: 999px; color: var(--pulse-warning-text); background: var(--pulse-warning-soft); font-size: 0.59rem; font-weight: 800; }
html[data-theme="dark"] .change-state[b-1z0dzanvq7] { color: var(--pulse-warning-text); background: var(--pulse-warning-soft); }

.user-actions[b-1z0dzanvq7] { min-width: 14rem; text-align: right; white-space: nowrap; }
.table-action[b-1z0dzanvq7] { min-height: 2.05rem; margin-left: 0.25rem; padding: 0.3rem 0.55rem; border: 1px solid var(--users-border); border-radius: 0.48rem; color: var(--users-ink); background: var(--users-surface); font: inherit; font-size: 0.67rem; font-weight: 750; cursor: pointer; }
.table-action:hover:not(:disabled)[b-1z0dzanvq7] { border-color: var(--users-accent); color: var(--users-accent-strong); }
.table-action.danger[b-1z0dzanvq7] { color: var(--pulse-danger-text); }
.table-action.enable[b-1z0dzanvq7], .table-action.save[b-1z0dzanvq7] { color: var(--users-accent-strong); }
.table-action:disabled[b-1z0dzanvq7] { cursor: wait; opacity: 0.5; }

.users-loading[b-1z0dzanvq7],
.users-empty[b-1z0dzanvq7] { display: grid; min-height: 14rem; place-items: center; align-content: center; gap: 0.6rem; color: var(--users-muted); font-size: 0.78rem; text-align: center; }
.users-loading span[b-1z0dzanvq7] { width: 1.5rem; height: 1.5rem; border: 2px solid var(--users-border); border-top-color: var(--users-accent); border-radius: 50%; animation: users-spin-b-1z0dzanvq7 700ms linear infinite; }
.users-empty svg[b-1z0dzanvq7] { width: 2rem; fill: none; stroke: var(--users-muted); stroke-linecap: round; stroke-width: 1.5; }
.users-empty h3[b-1z0dzanvq7] { margin: 0; color: var(--users-ink); font-size: 0.9rem; }
.users-empty p[b-1z0dzanvq7] { margin: 0; }

.role-guide[b-1z0dzanvq7] { margin-top: 1rem; padding: 1rem 1.15rem; }
.role-guide > div[b-1z0dzanvq7] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.75rem; margin-top: 0.8rem; }
.role-guide article[b-1z0dzanvq7] { display: grid; grid-template-columns: auto 1fr; gap: 0.15rem 0.65rem; padding: 0.75rem; border: 1px solid var(--users-border); border-radius: 0.72rem; background: var(--users-surface-soft); }
.role-guide article strong[b-1z0dzanvq7] { align-self: center; font-size: 0.74rem; }
.role-guide article p[b-1z0dzanvq7] { grid-column: 2; margin: 0; color: var(--users-muted); font-size: 0.66rem; line-height: 1.45; }
.role-mark[b-1z0dzanvq7] { display: grid; grid-row: 1 / span 2; width: 1.8rem; height: 1.8rem; place-items: center; border-radius: 0.5rem; color: #fff; background: #856812; font-size: 0.64rem; font-weight: 850; }
.role-mark.operator[b-1z0dzanvq7] { background: #087975; }
.role-mark.viewer[b-1z0dzanvq7] { background: #52667e; }

.users-modal[b-1z0dzanvq7] { position: fixed; inset: 0; z-index: 140; display: grid; place-items: center; padding: clamp(.65rem, 2vw, 1.35rem); --users-surface: #fff; --users-surface-soft: #f5f8fc; --users-border: rgba(121, 143, 171, .28); --users-ink: #14243c; --users-muted: #687993; --users-accent: #0f827d; --users-accent-strong: #086a66; }
.users-modal-backdrop[b-1z0dzanvq7] { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; border: 0; background: rgba(4, 12, 22, 0.76); cursor: default; backdrop-filter: blur(5px); }
.modal-card[b-1z0dzanvq7] { position: relative; z-index: 1; width: min(31rem, 100%); max-height: calc(100dvh - 2rem); padding: clamp(1rem, 2vw, 1.45rem); overflow: auto; overscroll-behavior: contain; border: 1px solid var(--users-border); border-radius: 1rem; color: var(--users-ink); background: linear-gradient(150deg, #fff, #fbfdff 70%); box-shadow: 0 2rem 5rem rgba(0, 0, 0, 0.32); scrollbar-color: rgba(104, 121, 147, .45) transparent; }
.modal-card-create[b-1z0dzanvq7] { width: min(55rem, 100%); }
.modal-card-compact[b-1z0dzanvq7] { width: min(31rem, 100%); }
.modal-card > header[b-1z0dzanvq7] { display: flex; gap: .85rem; align-items: center; justify-content: flex-start; padding-bottom: 1rem; border-bottom: 1px solid var(--users-border); }
.modal-card h2[b-1z0dzanvq7] { margin: 0; color: var(--users-ink); font-size: clamp(1.2rem, 2.2vw, 1.55rem); letter-spacing: -0.025em; }
.modal-heading-icon[b-1z0dzanvq7] { display: grid; flex: 0 0 2.65rem; width: 2.65rem; height: 2.65rem; place-items: center; border: 1px solid rgba(15, 130, 125, .18); border-radius: .82rem; color: var(--users-accent); background: rgba(15, 130, 125, .09); }
.modal-heading-icon svg[b-1z0dzanvq7] { width: 1.35rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.75; }
.modal-card-header > div[b-1z0dzanvq7] { min-width: 0; }
.modal-card-header .users-eyebrow[b-1z0dzanvq7] { margin-bottom: .15rem; color: var(--users-accent); }
.modal-close[b-1z0dzanvq7] { display: grid; flex: 0 0 2.35rem; width: 2.35rem; height: 2.35rem; margin-left: auto; place-items: center; border: 1px solid transparent; border-radius: .65rem; color: var(--users-muted); background: transparent; font: inherit; font-size: 1.45rem; line-height: 1; cursor: pointer; }
.modal-close:hover:not(:disabled)[b-1z0dzanvq7] { border-color: var(--users-border); color: var(--users-ink); background: var(--users-surface-soft); }
.modal-close:disabled[b-1z0dzanvq7] { cursor: wait; opacity: .5; }
.modal-intro[b-1z0dzanvq7] { max-width: 46rem; margin: .85rem 0 1rem; color: var(--users-muted); font-size: .82rem; line-height: 1.55; }
.modal-form[b-1z0dzanvq7] { display: grid; gap: 1rem; }
.modal-form label[b-1z0dzanvq7] { display: grid; gap: .4rem; color: var(--users-ink); font-size: .75rem; font-weight: 760; }
.modal-form label > span[b-1z0dzanvq7] { display: flex; gap: .45rem; align-items: center; }
.modal-form label > span em[b-1z0dzanvq7] { margin-left: auto; color: var(--users-muted); font-size: .6rem; font-style: normal; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.modal-form label > small[b-1z0dzanvq7] { color: var(--users-muted); font-size: .67rem; font-weight: 550; line-height: 1.45; }
.modal-form input[b-1z0dzanvq7], .modal-form select[b-1z0dzanvq7] { width: 100%; min-height: 2.75rem; padding: .62rem .75rem; border: 1px solid var(--users-border); border-radius: .65rem; outline: 0; color: var(--users-ink); background: var(--users-surface); box-shadow: inset 0 1px 2px rgba(20, 36, 60, .025); font: inherit; font-size: .84rem; transition: border-color .14s ease, box-shadow .14s ease, background .14s ease; }
.modal-form input[b-1z0dzanvq7]::placeholder { color: color-mix(in srgb, var(--users-muted) 70%, transparent); }
.modal-form input:hover[b-1z0dzanvq7], .modal-form select:hover[b-1z0dzanvq7] { border-color: color-mix(in srgb, var(--users-accent) 42%, var(--users-border)); }
.modal-form input:focus[b-1z0dzanvq7], .modal-form select:focus[b-1z0dzanvq7] { border-color: var(--users-accent); background: var(--users-surface); box-shadow: 0 0 0 .2rem rgba(13, 148, 136, .11); }
.modal-form .validation-message[b-1z0dzanvq7] { color: var(--pulse-danger-text); font-size: .67rem; font-weight: 650; }
.form-section[b-1z0dzanvq7] { padding: clamp(.85rem, 2vw, 1.05rem); border: 1px solid var(--users-border); border-radius: .9rem; background: color-mix(in srgb, var(--users-surface-soft) 68%, var(--users-surface)); }
.form-section-heading[b-1z0dzanvq7] { display: flex; gap: .7rem; align-items: flex-start; margin-bottom: .9rem; }
.form-section-heading > span[b-1z0dzanvq7] { display: grid; flex: 0 0 1.6rem; width: 1.6rem; height: 1.6rem; place-items: center; border-radius: .5rem; color: #fff; background: linear-gradient(135deg, #0f827d, #08738b); font-size: .67rem; font-weight: 850; }
.form-section-heading h3[b-1z0dzanvq7] { margin: 0; color: var(--users-ink); font-size: .84rem; }
.form-section-heading p[b-1z0dzanvq7] { margin: .17rem 0 0; color: var(--users-muted); font-size: .68rem; font-weight: 550; line-height: 1.4; }
.section-link[b-1z0dzanvq7] { margin-left: auto; padding: .32rem .52rem; border: 1px solid var(--users-border); border-radius: .5rem; color: var(--users-accent-strong); background: var(--users-surface); font-size: .63rem; font-weight: 750; text-decoration: none; white-space: nowrap; }
.section-link:hover[b-1z0dzanvq7] { border-color: var(--users-accent); }
.form-field-grid[b-1z0dzanvq7] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem; }
.form-field-wide[b-1z0dzanvq7] { grid-column: 1 / -1; }
.password-policy[b-1z0dzanvq7] { display: flex; gap: .55rem; align-items: flex-start; margin: .85rem 0 0; padding: .68rem .75rem; border-radius: .68rem; color: var(--users-muted); background: rgba(15, 130, 125, .07); font-size: .68rem; line-height: 1.48; }
.password-policy svg[b-1z0dzanvq7] { flex: 0 0 1rem; width: 1rem; margin-top: .05rem; fill: none; stroke: var(--users-accent); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.administrator-access-note[b-1z0dzanvq7] { margin: .65rem 0 0; padding: .65rem .75rem; border: 1px solid var(--pulse-info-border); border-radius: .65rem; color: var(--pulse-info-strong); background: var(--pulse-info-soft); font-size: .66rem; line-height: 1.48; }
.administrator-access-note strong[b-1z0dzanvq7] { font-weight: 800; }
.modal-form footer[b-1z0dzanvq7], .modal-actions[b-1z0dzanvq7] { position: sticky; bottom: -1.45rem; z-index: 2; display: flex; gap: .65rem; justify-content: flex-end; margin: .2rem -1.45rem -1.45rem; padding: 1rem 1.45rem; border-top: 1px solid var(--users-border); background: color-mix(in srgb, var(--users-surface) 94%, transparent); backdrop-filter: blur(10px); }
.modal-secondary[b-1z0dzanvq7] { min-height: 2.7rem; padding: .6rem 1rem; border: 1px solid var(--users-border); border-radius: .65rem; color: var(--users-ink); background: var(--users-surface); font: inherit; font-size: .75rem; font-weight: 750; cursor: pointer; }
.modal-secondary:hover:not(:disabled)[b-1z0dzanvq7] { border-color: var(--users-accent); color: var(--users-accent-strong); background: var(--users-surface-soft); }
.modal-secondary:disabled[b-1z0dzanvq7] { cursor: wait; opacity: .55; }
.modal-validation[b-1z0dzanvq7] { margin: 0; padding: 0.7rem 0.8rem 0.7rem 1.8rem; border-radius: 0.55rem; color: #a33c45; background: #fff0f1; font-size: 0.68rem; }
.modal-error[b-1z0dzanvq7] { margin: 0.75rem 0; padding: 0.7rem 0.8rem; border: 1px solid #f0b7bb; border-radius: 0.55rem; color: #9a2d37; background: #fff4f4; font-size: 0.7rem; line-height: 1.45; }
.reset-warning[b-1z0dzanvq7] { display: grid; gap: 0.18rem; margin: 0.9rem 0 1rem; padding: 0.75rem; border: 1px solid #f0d596; border-radius: 0.65rem; color: #79590f; background: #fff9e8; font-size: 0.72rem; }
.reset-warning span[b-1z0dzanvq7] { opacity: 0.84; }
html[data-theme="dark"] .reset-warning[b-1z0dzanvq7] { border-color: #5f5129; color: #f5d880; background: #312a17; }
html[data-theme="dark"] .modal-validation[b-1z0dzanvq7] { color: #ffc7ca; background: #351b22; }
html[data-theme="dark"] .modal-error[b-1z0dzanvq7] { border-color: #6a3540; color: #ffc7ca; background: #351b22; }
html[data-theme="dark"] .users-modal[b-1z0dzanvq7] { --users-surface: #101d31; --users-surface-soft: #17263d; --users-border: rgba(132, 158, 194, .24); --users-ink: #edf5ff; --users-muted: #9aadc6; --users-accent: #43c8bb; --users-accent-strong: #79e0d5; }
html[data-theme="dark"] .modal-card[b-1z0dzanvq7] { background: linear-gradient(150deg, #101d31, #0c1829 75%); }
.modal-card-access[b-1z0dzanvq7] { width: min(48rem, 100%); }
.access-loading[b-1z0dzanvq7] { display: grid; min-height: 12rem; gap: .65rem; place-items: center; align-content: center; color: var(--users-muted); font-size: .75rem; }
.access-loading > span[b-1z0dzanvq7] { width: 1.6rem; height: 1.6rem; border: 2px solid var(--users-border); border-top-color: var(--users-accent); border-radius: 50%; animation: users-spin-b-1z0dzanvq7 700ms linear infinite; }
.access-load-failed[b-1z0dzanvq7] { display: grid; min-height: 9rem; gap: .75rem; place-items: center; align-content: center; padding: 1rem; border: 1px dashed var(--users-border); border-radius: .8rem; text-align: center; }
.access-load-failed p[b-1z0dzanvq7] { margin: 0; color: var(--users-muted); font-size: .75rem; }
.access-retired-note[b-1z0dzanvq7] { margin-bottom: .65rem; padding: .62rem .7rem; border: 1px solid var(--pulse-warning-border); border-radius: .62rem; color: var(--pulse-warning-text); background: var(--pulse-warning-soft); font-size: .65rem; line-height: 1.45; }
.saved-access-note[b-1z0dzanvq7] { display: flex; gap: .65rem; align-items: center; margin-top: .75rem; padding: .72rem .8rem; border: 1px solid var(--users-border); border-radius: .72rem; background: var(--users-surface-soft); }
.saved-access-note svg[b-1z0dzanvq7] { flex: 0 0 1.25rem; width: 1.25rem; fill: none; stroke: var(--users-accent); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.saved-access-note > span[b-1z0dzanvq7] { display: grid; gap: .12rem; }
.saved-access-note strong[b-1z0dzanvq7] { color: var(--users-ink); font-size: .69rem; }
.saved-access-note small[b-1z0dzanvq7] { color: var(--users-muted); font-size: .61rem; line-height: 1.4; }
.standalone-actions[b-1z0dzanvq7] { bottom: -1.45rem; }

@keyframes users-spin-b-1z0dzanvq7 { to { transform: rotate(360deg); } }

@media (max-width: 1080px) {
    .access-summary[b-1z0dzanvq7] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .role-guide > div[b-1z0dzanvq7] { grid-template-columns: 1fr; }
}

@media (max-width: 780px) {
    .users-hero[b-1z0dzanvq7], .users-toolbar[b-1z0dzanvq7] { align-items: stretch; flex-direction: column; }
    .users-hero-actions[b-1z0dzanvq7] { align-items: stretch; }
    .users-primary[b-1z0dzanvq7] { align-self: flex-start; }
    .users-search[b-1z0dzanvq7] { width: 100%; }
    .users-table thead[b-1z0dzanvq7] { display: none; }
    .users-table[b-1z0dzanvq7], .users-table tbody[b-1z0dzanvq7], .users-table tr[b-1z0dzanvq7], .users-table td[b-1z0dzanvq7] { display: block; width: 100%; }
    .users-table tr[b-1z0dzanvq7] { padding: 0.7rem; border-top: 1px solid var(--users-border); }
    .users-table tbody tr:first-child[b-1z0dzanvq7] { border-top: 0; }
    .users-table td[b-1z0dzanvq7] { display: grid; grid-template-columns: 6rem minmax(0, 1fr); gap: 0.7rem; align-items: center; padding: 0.4rem; border: 0; }
    .users-table td[b-1z0dzanvq7]::before { color: var(--users-muted); content: attr(data-label); font-size: 0.62rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; }
    .user-actions[b-1z0dzanvq7] { min-width: 0; text-align: left; white-space: normal; }
    .role-editor[b-1z0dzanvq7], .user-identity[b-1z0dzanvq7] { min-width: 0; }
    .table-action[b-1z0dzanvq7] { margin: 0 0.25rem 0.25rem 0; }
}

@media (max-width: 520px) {
    .access-summary[b-1z0dzanvq7] { grid-template-columns: 1fr; }
    .users-table td[b-1z0dzanvq7] { grid-template-columns: 1fr; }
    .users-table td[b-1z0dzanvq7]::before { margin-top: 0.2rem; }
    .modal-form footer[b-1z0dzanvq7] { flex-direction: column-reverse; }
    .modal-form footer > *[b-1z0dzanvq7] { width: 100%; }
    .users-hero-actions[b-1z0dzanvq7] { flex-direction: column-reverse; }
    .users-hero-actions > *[b-1z0dzanvq7] { width: 100%; }
    .form-section-heading[b-1z0dzanvq7] { flex-wrap: wrap; }
    .section-link[b-1z0dzanvq7] { margin-left: 2.3rem; }
    .form-field-grid[b-1z0dzanvq7] { grid-template-columns: 1fr; }
    .form-field-wide[b-1z0dzanvq7] { grid-column: auto; }
    .modal-card[b-1z0dzanvq7] { max-height: calc(100dvh - 1.25rem); padding: .9rem; }
    .modal-form footer[b-1z0dzanvq7], .modal-actions[b-1z0dzanvq7] { bottom: -.9rem; margin-right: -.9rem; margin-bottom: -.9rem; margin-left: -.9rem; padding: .85rem .9rem; }
}

/* Premium admin surface overrides: intentionally lightweight for large account lists. */
.users-page[b-1z0dzanvq7] {
    --users-surface: #fff;
    --users-surface-soft: #f5f8fc;
    --users-border: rgba(121, 143, 171, .22);
    --users-ink: #14243c;
    --users-muted: #687993;
    --users-accent: #0f827d;
    --users-accent-strong: #086a66;
    min-height: calc(100vh - 6rem);
    padding: clamp(1rem, 2.2vw, 2rem);
    border-radius: 1.6rem;
    background: radial-gradient(circle at 4% 0%, rgba(20, 184, 166, .07), transparent 25rem), rgba(248, 250, 252, .58);
}

.users-breadcrumbs[b-1z0dzanvq7] {
    width: fit-content;
    margin-bottom: .8rem;
    padding: .4rem .7rem;
    border: 1px solid var(--users-border);
    border-radius: 999px;
    background: var(--users-surface);
}

.users-hero[b-1z0dzanvq7] {
    position: relative;
    overflow: hidden;
    min-height: 12.5rem;
    margin-bottom: 1rem;
    padding: clamp(1.4rem, 3vw, 2.2rem);
    border: 1px solid rgba(153, 246, 228, .15);
    border-radius: 1.55rem;
    color: #fff;
    background: radial-gradient(circle at 82% -30%, rgba(45, 212, 191, .27), transparent 22rem), linear-gradient(128deg, #081526, #0a2a3b 58%, #07545a);
    box-shadow: 0 1.15rem 2.8rem rgba(5, 18, 32, .15);
}

.users-hero > div[b-1z0dzanvq7], .users-hero > button[b-1z0dzanvq7] { position: relative; z-index: 1; }
.users-eyebrow[b-1z0dzanvq7] { display: inline-flex; align-items: center; gap: .5rem; color: #74e8d8; }
.users-eyebrow[b-1z0dzanvq7]::before { width: .45rem; height: .45rem; border-radius: 50%; background: #5eead4; box-shadow: 0 0 0 .28rem rgba(45, 212, 191, .11); content: ""; }
.users-hero h1[b-1z0dzanvq7] { color: #fff; }
.users-hero > div > p:last-child[b-1z0dzanvq7] { color: #b8c9d7; }
.users-primary[b-1z0dzanvq7] { border-radius: .68rem; background: linear-gradient(135deg, #0f827d, #08738b); box-shadow: none; transition: filter .14s ease; }

.access-summary[b-1z0dzanvq7] { gap: .7rem; }
.access-summary article[b-1z0dzanvq7] {
    position: relative;
    overflow: hidden;
    padding: .85rem;
    border-radius: .85rem;
    box-shadow: 0 .45rem 1.3rem rgba(20, 36, 60, .04);
}

.access-summary article[b-1z0dzanvq7]::after { position: absolute; inset: auto 0 0; height: 2px; background: linear-gradient(90deg, var(--users-accent), transparent 78%); content: ""; opacity: .7; }
.access-summary strong[b-1z0dzanvq7] { font-variant-numeric: tabular-nums; }

.users-panel[b-1z0dzanvq7], .role-guide[b-1z0dzanvq7] {
    border-color: var(--users-border);
    border-radius: 1.05rem;
    box-shadow: 0 .65rem 1.7rem rgba(20, 36, 60, .05);
}

.users-toolbar[b-1z0dzanvq7] { padding: .95rem 1rem; }
.users-search[b-1z0dzanvq7] { border-radius: .65rem; background: var(--users-surface-soft); transition: border-color .14s ease; }
.users-search:focus-within[b-1z0dzanvq7] { border-color: var(--users-accent); box-shadow: 0 0 0 .2rem rgba(15, 130, 125, .11); }

.users-table-wrap[b-1z0dzanvq7] {
    contain: paint;
    overflow: auto;
    max-height: min(62vh, 48rem);
}

.users-table th[b-1z0dzanvq7] { position: sticky; top: 0; z-index: 2; border-bottom: 1px solid var(--users-border); background: #f2f7fa; box-shadow: 0 1px var(--users-border); }
.users-table tbody tr[b-1z0dzanvq7] { transition: background .12s ease; }
.users-table tbody tr:hover[b-1z0dzanvq7] { background: color-mix(in srgb, var(--users-accent) 4%, var(--users-surface)); }
.role-editor select[b-1z0dzanvq7] { border-radius: .58rem; }
.table-action[b-1z0dzanvq7] { border-radius: .55rem; transition: border-color .14s ease, color .14s ease, background .14s ease; }
.table-action:hover:not(:disabled)[b-1z0dzanvq7] { background: var(--users-surface-soft); }

.role-guide[b-1z0dzanvq7] { padding: 1rem; }
.role-guide article[b-1z0dzanvq7] { border-radius: .7rem; }
.modal-card[b-1z0dzanvq7] { border-radius: 1.05rem; box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, .28); }
.modal-form input[b-1z0dzanvq7], .modal-form select[b-1z0dzanvq7] { border-radius: .62rem; }

.users-page :is(button, a, input, select):focus-visible[b-1z0dzanvq7],
.users-modal :is(button, a, input, select):focus-visible[b-1z0dzanvq7] {
    outline: 3px solid var(--pulse-focus-ring);
    outline-offset: 2px;
}

html[data-theme="dark"] .users-page[b-1z0dzanvq7] {
    --users-surface: #101d31;
    --users-surface-soft: #17263d;
    --users-border: rgba(132, 158, 194, .18);
    --users-ink: #edf5ff;
    --users-muted: #94a8c2;
    --users-accent: #43c8bb;
    --users-accent-strong: #79e0d5;
    background: radial-gradient(circle at 4% 0%, rgba(20, 184, 166, .06), transparent 25rem), rgba(6, 14, 26, .25);
}

html[data-theme="dark"] .users-hero[b-1z0dzanvq7] { border-color: rgba(153, 246, 228, .14); background: radial-gradient(circle at 82% -30%, rgba(45, 212, 191, .24), transparent 22rem), linear-gradient(128deg, #07111f, #0a2939 60%, #064d52); }
html[data-theme="dark"] .users-hero h1[b-1z0dzanvq7] { color: #fff; }
html[data-theme="dark"] .users-hero > div > p:last-child[b-1z0dzanvq7] { color: #b5c7d6; }
html[data-theme="dark"] .users-table th[b-1z0dzanvq7] { background: #142239; }

@media (max-width: 780px) {
    .users-page[b-1z0dzanvq7] { margin: -.35rem; padding: .75rem; border-radius: 1.1rem; }
    .users-hero[b-1z0dzanvq7] { min-height: 0; padding: 1.2rem; }
    .users-table-wrap[b-1z0dzanvq7] { contain: none; max-height: none; }
}

@media (prefers-reduced-motion: reduce) {
    .users-primary[b-1z0dzanvq7], .users-search[b-1z0dzanvq7], .users-table tbody tr[b-1z0dzanvq7], .table-action[b-1z0dzanvq7] { transition: none; }
    .users-loading span[b-1z0dzanvq7] { animation: none; }
}