/* /Components/CapacityDial.razor.rz.scp.css */
.capacity-dial[b-ja3bozjyi9] {
    width: min(100%, 210px);
    aspect-ratio: 1;
    margin: 4px auto 0;
}

.capacity-dial.overall[b-ja3bozjyi9] { width: 230px; margin: 0; }

.dial-face[b-ja3bozjyi9] {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background:
        radial-gradient(circle at center, #102a43 0 55%, transparent 56%),
        repeating-conic-gradient(from 225deg, rgba(255,255,255,.75) 0 1deg, transparent 1deg 9deg),
        conic-gradient(from 225deg, #29c2a9 0 45%, #f2bf48 45% 60%, #ef8738 60% 67.5%, #df4d55 67.5% 75%, #203e56 75% 100%);
    border: 8px solid #17364e;
    box-shadow: inset 0 0 0 4px rgba(255,255,255,.06), 0 14px 34px rgba(15,42,66,.18);
}

.capacity-dial.unavailable .dial-face[b-ja3bozjyi9] {
    filter: grayscale(.85);
    opacity: .74;
}

.dial-face[b-ja3bozjyi9]::after {
    position: absolute;
    inset: 11%;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 50%;
    content: "";
}

.dial-needle[b-ja3bozjyi9] {
    position: absolute;
    z-index: 3;
    top: calc(50% - 2px);
    left: 50%;
    width: 36%;
    height: 4px;
    border-radius: 99px;
    background: linear-gradient(90deg, #f8fbfc 0 78%, #e34b52 78%);
    box-shadow: 0 1px 5px #0009;
    transform: rotate(var(--needle-angle));
    transform-origin: left center;
    transition: transform .55s cubic-bezier(.2,.8,.2,1);
}

.dial-hub[b-ja3bozjyi9] {
    position: absolute;
    z-index: 4;
    top: calc(50% - 8px);
    left: calc(50% - 8px);
    width: 16px;
    height: 16px;
    border: 3px solid #dbe7ed;
    border-radius: 50%;
    background: #18384f;
    box-shadow: 0 2px 8px #0008;
}

.dial-value[b-ja3bozjyi9] {
    position: absolute;
    z-index: 5;
    right: 0;
    bottom: 20%;
    left: 0;
    text-align: center;
}

.dial-value strong[b-ja3bozjyi9], .dial-value small[b-ja3bozjyi9] { display: block; }
.dial-value strong[b-ja3bozjyi9] { color: #fff; font-size: 1.65rem; line-height: 1; }
.dial-value small[b-ja3bozjyi9] { margin-top: 5px; color: #86a3b8; font-size: .48rem; font-weight: 850; letter-spacing: .1em; }
.capacity-dial.overall .dial-value strong[b-ja3bozjyi9] { font-size: 2rem; }

.dial-tick[b-ja3bozjyi9] {
    position: absolute;
    z-index: 2;
    color: #8ca6b9;
    font-size: .48rem;
    font-style: normal;
    font-weight: 800;
}

.tick-0[b-ja3bozjyi9] { bottom: 18%; left: 17%; }
.tick-50[b-ja3bozjyi9] { top: 12%; left: 46%; }
.tick-100[b-ja3bozjyi9] { right: 13%; bottom: 18%; }

@media (max-width: 600px) {
    .capacity-dial.overall[b-ja3bozjyi9] { width: 205px; }
}
/* /Components/Pages/Monitoring.razor.rz.scp.css */
.capacity-hero[b-tz5fu1oa86] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 32px;
    margin-bottom: 20px;
    padding: 28px 34px;
    overflow: hidden;
    border-radius: 20px;
    background: radial-gradient(circle at 92% 10%, #1a5a62 0, transparent 30%), linear-gradient(145deg, #0d263d, #123d55);
    color: #fff;
    box-shadow: 0 16px 40px rgba(15, 42, 66, .14);
}

.capacity-hero h2[b-tz5fu1oa86] { margin: 0; font: 700 1.7rem/1.1 Georgia, serif; }
.capacity-hero p:not(.eyebrow)[b-tz5fu1oa86] { max-width: 650px; margin: 10px 0 12px; color: #b2c7d5; font-size: .88rem; }
.capacity-hero > div > small[b-tz5fu1oa86] { color: #7f9caf; font-size: .68rem; }
.capacity-hero.attention[b-tz5fu1oa86] { background: radial-gradient(circle at 92% 10%, #6a5122 0, transparent 30%), linear-gradient(145deg, #172c3d, #4f4125); }
.capacity-hero.high[b-tz5fu1oa86], .capacity-hero.critical[b-tz5fu1oa86] { background: radial-gradient(circle at 92% 10%, #753c3d 0, transparent 30%), linear-gradient(145deg, #262b39, #563039); }

.capacity-grid[b-tz5fu1oa86] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 18px;
}

.capacity-card[b-tz5fu1oa86] {
    min-width: 0;
    padding: 20px;
    border: 1px solid #dfe7ec;
    border-top: 4px solid #27ad9e;
    border-radius: 17px;
    background: linear-gradient(180deg, #fff, #fbfcfd);
    box-shadow: 0 8px 25px rgba(22, 50, 73, .04);
}

.capacity-card.attention[b-tz5fu1oa86] { border-top-color: #e6b23f; }
.capacity-card.high[b-tz5fu1oa86] { border-top-color: #e57831; }
.capacity-card.critical[b-tz5fu1oa86] { border-top-color: #d9444e; }
.capacity-card.unavailable[b-tz5fu1oa86] { border-top-color: #9aa8b5; }
.capacity-card-top[b-tz5fu1oa86] { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.capacity-card-top small[b-tz5fu1oa86] { color: #8999a7; font-size: .6rem; font-weight: 850; letter-spacing: .1em; }
.capacity-card h3[b-tz5fu1oa86] { margin: 5px 0 0; color: #17364e; font-size: 1rem; }
.state-pill[b-tz5fu1oa86] { flex: none; padding: 5px 8px; border-radius: 999px; background: #def6f1; color: #14796f; font-size: .6rem; font-weight: 850; }
.attention .state-pill[b-tz5fu1oa86] { background: #fff4d9; color: #916812; }
.high .state-pill[b-tz5fu1oa86] { background: #ffeadb; color: #a25219; }
.critical .state-pill[b-tz5fu1oa86] { background: #fee4e6; color: #ad3039; }
.unavailable .state-pill[b-tz5fu1oa86] { background: #edf1f4; color: #6e7d89; }
.capacity-summary[b-tz5fu1oa86] { min-height: 36px; margin: 4px 0 5px; color: #536a7c; font-size: .75rem; line-height: 1.45; text-align: center; }
.capacity-limit[b-tz5fu1oa86] { display: block; color: #92a0ad; font-size: .63rem; text-align: center; }
.capacity-metrics[b-tz5fu1oa86] { display: grid; margin-top: 16px; border-top: 1px solid #eaf0f3; }
.capacity-metrics > div[b-tz5fu1oa86] { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 0; border-bottom: 1px solid #eef2f4; }
.capacity-metrics span[b-tz5fu1oa86] { color: #718293; font-size: .68rem; }
.capacity-metrics strong[b-tz5fu1oa86] { color: #29475d; font-size: .7rem; text-align: right; }
.capacity-metrics strong.attention[b-tz5fu1oa86] { color: #9b6b0a; }
.capacity-metrics strong.high[b-tz5fu1oa86] { color: #b45a1e; }
.capacity-metrics strong.critical[b-tz5fu1oa86] { color: #b62f3a; }
.capacity-notices[b-tz5fu1oa86] { border-left: 4px solid #e7b643; }
.capacity-notice[b-tz5fu1oa86] { display: flex; gap: 12px; padding: 13px 0; border-top: 1px solid #edf1f4; }
.capacity-notice:first-of-type[b-tz5fu1oa86] { border-top: 0; }
.capacity-notice > span[b-tz5fu1oa86] { display: grid; flex: 0 0 30px; height: 30px; place-items: center; border-radius: 9px; background: #fff1d1; color: #9b6b0a; font-size: .72rem; font-weight: 900; }
.capacity-notice.high > span[b-tz5fu1oa86], .capacity-notice.critical > span[b-tz5fu1oa86] { background: #fee7e8; color: #b6323b; }
.capacity-notice b[b-tz5fu1oa86], .capacity-notice small[b-tz5fu1oa86] { display: block; }
.capacity-notice b[b-tz5fu1oa86] { color: #29455d; font-size: .78rem; }
.capacity-notice p[b-tz5fu1oa86] { margin: 4px 0; color: #667b8d; font-size: .7rem; }
.capacity-notice small[b-tz5fu1oa86] { color: #8b99a6; font-size: .66rem; }

.metric-grid[b-tz5fu1oa86] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}

.metric-grid article[b-tz5fu1oa86], .monitor-panel[b-tz5fu1oa86] {
    border: 1px solid #dfe7ec;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 25px rgba(22, 50, 73, .04);
}

.metric-grid article[b-tz5fu1oa86] { display: grid; gap: 10px; padding: 22px; }
.metric-grid small[b-tz5fu1oa86] { color: #8292a3; font-size: .65rem; font-weight: 850; letter-spacing: .09em; }
.metric-grid strong[b-tz5fu1oa86] { color: #16374f; font-size: 1.65rem; }
.monitor-grid[b-tz5fu1oa86] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-bottom: 18px; }
.monitor-panel[b-tz5fu1oa86] { padding: 22px; }
.monitor-panel.wide[b-tz5fu1oa86] { margin-bottom: 18px; }
.monitor-panel h2[b-tz5fu1oa86] { margin: 0 0 16px; color: #17364e; font-size: 1rem; }
.simple-table[b-tz5fu1oa86] { display: grid; }
.simple-table > div[b-tz5fu1oa86], .event-row[b-tz5fu1oa86] { display: flex; align-items: center; gap: 12px; padding: 11px 0; border-top: 1px solid #edf1f4; }
.simple-table > div:first-child[b-tz5fu1oa86], .event-row:first-of-type[b-tz5fu1oa86] { border-top: 0; }
.simple-table > div[b-tz5fu1oa86] { justify-content: space-between; }
.simple-table span[b-tz5fu1oa86], .event-row div[b-tz5fu1oa86] { min-width: 0; }
.simple-table b[b-tz5fu1oa86], .simple-table small[b-tz5fu1oa86], .event-row b[b-tz5fu1oa86], .event-row small[b-tz5fu1oa86] { display: block; }
.simple-table b[b-tz5fu1oa86], .event-row b[b-tz5fu1oa86] { overflow: hidden; color: #29455d; font-size: .78rem; text-overflow: ellipsis; }
.simple-table small[b-tz5fu1oa86], .event-row small[b-tz5fu1oa86], .quiet[b-tz5fu1oa86] { margin-top: 4px; color: #8a99a8; font-size: .68rem; }
.simple-table strong[b-tz5fu1oa86] { color: #147f74; font-size: .8rem; }
.event-count[b-tz5fu1oa86], .security-dot[b-tz5fu1oa86] { display: grid; flex: 0 0 38px; height: 32px; place-items: center; border-radius: 9px; background: #fff0df; color: #9a5910; font-size: .7rem; font-weight: 850; }
.security-dot[b-tz5fu1oa86] { background: #fee8e8; color: #a83232; }
.block-form[b-tz5fu1oa86] { display: grid; grid-template-columns: 1fr 1fr auto; gap: 8px; margin-bottom: 12px; }
.block-form input[b-tz5fu1oa86] { min-width: 0; height: 42px; padding: 0 11px; border: 1px solid #d9e2e8; border-radius: 9px; }
.blocks button[b-tz5fu1oa86] { border: 0; background: transparent; color: #a13a3a; cursor: pointer; font-size: .7rem; font-weight: 750; }

@media (max-width: 1000px) {
    .capacity-grid[b-tz5fu1oa86] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .metric-grid[b-tz5fu1oa86] { grid-template-columns: repeat(2, 1fr); }
    .monitor-grid[b-tz5fu1oa86] { grid-template-columns: 1fr; }
    .block-form[b-tz5fu1oa86] { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
    .capacity-hero[b-tz5fu1oa86] { grid-template-columns: 1fr; justify-items: center; padding: 24px 20px; text-align: center; }
    .capacity-grid[b-tz5fu1oa86] { grid-template-columns: 1fr; }
    .metric-grid[b-tz5fu1oa86] { grid-template-columns: 1fr; }
}
/* /Components/Pages/ReleaseChecks.razor.rz.scp.css */
code[b-zwtgl0u46n] { overflow-wrap: anywhere; }
pre[b-zwtgl0u46n] { max-height: 24rem; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; font-size: .8rem; }
summary[b-zwtgl0u46n] { cursor: pointer; }
