/* /Layout/MainLayout.razor.rz.scp.css */
.flow-shell[b-3colyk1r9s] {
    display: grid;
    grid-template-columns: 260px 1fr;
    min-height: 100vh;
    background: #111722;
    color: #e6ecf8;
    width: 100%;
    box-sizing: border-box;
}

@media (max-width: 992px) {
    .flow-shell[b-3colyk1r9s] {
        grid-template-columns: 220px 1fr;
    }
}

.flow-shell__nav[b-3colyk1r9s] {
    display: flex;
    flex-direction: column;
    padding: 2rem 1.5rem;
    background: linear-gradient(180deg, #151d2c 0%, #0f131d 100%);
    border-right: 1px solid rgba(255, 255, 255, 0.05);
    gap: 2rem;
}

.flow-shell__logo[b-3colyk1r9s] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.05em;
}

.flow-shell__logo-mark[b-3colyk1r9s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 999px;
    border: 2px solid #37d3b5;
    color: #37d3b5;
    font-size: 1.25rem;
}

.flow-shell__logo-text[b-3colyk1r9s] {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.flow-shell__logo-title[b-3colyk1r9s] {
    font-size: 0.95rem;
    text-transform: uppercase;
    color: #9eb6d3;
}

.flow-shell__logo-sub[b-3colyk1r9s] {
    font-size: 1.1rem;
    color: #ffffff;
}

.flow-shell nav[b-3colyk1r9s] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.flow-nav-link[b-3colyk1r9s] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border-radius: 10px;
    font-weight: 500;
    color: #d0deff;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.flow-nav-link:hover[b-3colyk1r9s] {
    background: rgba(55, 211, 181, 0.1);
    color: #ffffff;
    transform: translateX(2px);
}

.flow-nav-link.active[b-3colyk1r9s] {
    background: rgba(55, 211, 181, 0.18);
    color: #ffffff;
    border-left: 3px solid #37d3b5;
}

.flow-nav-link__icon[b-3colyk1r9s] {
    font-size: 1.1rem;
}

.flow-shell__footer[b-3colyk1r9s] {
    margin-top: auto;
    font-size: 0.75rem;
    color: #6b7b92;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.flow-shell__footer-version[b-3colyk1r9s] {
    color: #37d3b5;
    letter-spacing: 0.08em;
    font-weight: 600;
}

.flow-shell__content[b-3colyk1r9s] {
    display: flex;
    flex-direction: column;
    background: #0c1018;
}

.flow-shell__topbar[b-3colyk1r9s] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 2.5rem;
    background: #111a28;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    gap: 1rem;
}

.flow-shell__title-group[b-3colyk1r9s] {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.flow-shell__title[b-3colyk1r9s] {
    font-size: 1.05rem;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

.flow-shell__version[b-3colyk1r9s] {
    font-size: 0.85rem;
    font-weight: 500;
    color: #37d3b5;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.flow-shell__topbar-actions[b-3colyk1r9s] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.flow-shell__topbar-actions a[b-3colyk1r9s] {
    color: #9eb6d3;
    text-decoration: none;
    font-size: 0.95rem;
}

.flow-shell__topbar-actions a:hover[b-3colyk1r9s] {
    color: #ffffff;
}

.flow-shell__main[b-3colyk1r9s] {
    padding: 2.5rem;
    flex: 1;
    background: radial-gradient(circle at top left, rgba(55, 211, 181, 0.15), transparent 55%), radial-gradient(circle at bottom right, rgba(0, 122, 255, 0.12), transparent 55%), #0c1018;
}

@media (max-width: 820px) {
    .flow-shell[b-3colyk1r9s] {
        grid-template-columns: 1fr;
    }

    .flow-shell__nav[b-3colyk1r9s] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 1.25rem;
    }

    .flow-shell__nav nav[b-3colyk1r9s] {
        flex-direction: row;
    }

    .flow-shell__nav nav .flow-nav-link[b-3colyk1r9s] {
        border-radius: 999px;
        padding: 0.65rem 1.1rem;
    }

    .flow-shell__footer[b-3colyk1r9s] {
        display: none;
    }

    .flow-shell__topbar[b-3colyk1r9s] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .flow-shell__topbar-actions[b-3colyk1r9s] {
        justify-content: flex-start;
    }
}
/* /Pages/AuthCallback.razor.rz.scp.css */
.auth-callback[b-1mof6mcoh0] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 16px;
    background: radial-gradient(circle at top, #f5f7fb 0%, #eef2f7 45%, #e9edf4 100%);
}

.auth-callback__card[b-1mof6mcoh0] {
    width: min(480px, 92vw);
    background: #ffffff;
    border-radius: 20px;
    padding: 32px 28px;
    box-shadow: 0 18px 40px rgba(24, 32, 48, 0.12);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 12px;
}

.auth-callback__logo[b-1mof6mcoh0] {
    width: 168px;
    height: auto;
    margin-bottom: 8px;
}

.auth-callback__title[b-1mof6mcoh0] {
    margin: 0;
    font-size: 1.4rem;
    letter-spacing: 0.01em;
    color: #1e2633;
}

.auth-callback__subtitle[b-1mof6mcoh0] {
    margin: 0;
    color: #52607a;
    font-size: 0.98rem;
}

.auth-callback__debug[b-1mof6mcoh0] {
    margin: 0;
    color: #7b879f;
    font-size: 0.85rem;
    word-break: break-all;
}

.auth-callback__actions[b-1mof6mcoh0] {
    margin-top: 6px;
}

.auth-callback__spinner[b-1mof6mcoh0] {
    margin-top: 8px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 4px solid #e5e9f2;
    border-top-color: #1f6feb;
    animation: auth-callback-spin-b-1mof6mcoh0 0.9s linear infinite;
}

@keyframes auth-callback-spin-b-1mof6mcoh0 {
    to {
        transform: rotate(360deg);
    }
}
/* /Pages/Classic.razor.rz.scp.css */
/* Top bar */
.classic-topbar[b-yw5p8f6gab]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;background:#fff;min-height:var(--classic-toolbar-height,56px)}
.brand[b-yw5p8f6gab]{display:flex;align-items:baseline;gap:.75rem}.brand__title[b-yw5p8f6gab]{font-size:1.125rem;font-weight:600}.brand__version[b-yw5p8f6gab]{font-size:.9rem;opacity:.75}
.selectors[b-yw5p8f6gab]{display:flex;align-items:center;gap:.75rem 1rem;flex-wrap:wrap}.selectors label[b-yw5p8f6gab]{display:flex;align-items:center;gap:.5rem;margin:0;white-space:nowrap}.selectors select[b-yw5p8f6gab],.selectors button[b-yw5p8f6gab]{height:2rem}
/* Main grid */
.classic-grid[b-yw5p8f6gab]{display:grid !important;grid-template-columns:1fr 1.2fr 1fr;gap:1rem;padding:1rem;height:calc(100vh - var(--app-header-height) - var(--classic-toolbar-height,56px));box-sizing:border-box;background:#fff;overflow:hidden}
.pane[b-yw5p8f6gab]{display:flex;flex-direction:column;min-height:0;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fafafa}
.pane__toolbar[b-yw5p8f6gab]{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;background:#f8fafc;border-bottom:1px solid #e5e7eb}
.pane__title[b-yw5p8f6gab]{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pane__actions[b-yw5p8f6gab]{display:flex;gap:.5rem;flex-wrap:wrap}
.pane__body[b-yw5p8f6gab]{flex:1;min-height:0;overflow:auto;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}
/* Center split */
.center-split[b-yw5p8f6gab]{display:grid;grid-template-rows:45% 55%;height:100%}.center-split__top[b-yw5p8f6gab],.center-split__bottom[b-yw5p8f6gab]{min-height:0;display:flex;flex-direction:column}.center-split__top .pane__body[b-yw5p8f6gab],.center-split__bottom .pane__body[b-yw5p8f6gab]{flex:1;min-height:0;overflow:auto}
/* Lists */
.list[b-yw5p8f6gab]{padding:.25rem;display:flex;flex-direction:column;gap:.35rem}.list__item[b-yw5p8f6gab]{text-align:left;padding:.5rem;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;font-size:.9rem;transition:border .2s,background .2s,box-shadow .2s}.list__item.is-active[b-yw5p8f6gab]{outline:2px solid #2563eb33;border-color:#2563eb;background:#eff6ff}
.list.list--compact[b-yw5p8f6gab]{font-size:.85rem}
/* Editors */
.editor[b-yw5p8f6gab]{width:100%;height:100%;min-height:20rem;box-sizing:border-box;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;font-size:13px;line-height:1.4;padding:.6rem .7rem;border:1px solid #e5e7eb;border-radius:6px;background:#fff}
.editor--flow[b-yw5p8f6gab]{min-height:20rem}.editor--resource[b-yw5p8f6gab]{min-height:16rem}
/* Messages */
.classic-alert[b-yw5p8f6gab]{margin:.25rem 0;padding:.5rem .75rem;border:1px solid #dbeafe;background:#eff6ff;border-radius:6px;font-size:.9rem}
.classic-alert--error[b-yw5p8f6gab]{border-color:#fecaca;background:#fef2f2;color:#991b1b}
.classic-empty[b-yw5p8f6gab]{padding:.6rem .75rem;border:1px dashed #d1d5db;border-radius:6px;font-size:.9rem;color:#4b5563}
.classic-status[b-yw5p8f6gab]{padding:.35rem .5rem;border-radius:4px;background:#eef2ff;color:#4338ca;font-size:.8rem;align-self:flex-start}
/* Runs */
.classic-run-target[b-yw5p8f6gab]{font-size:.85rem;color:#4b5563;background:#f1f5f9;border-radius:6px;padding:.35rem .5rem}
.classic-run-result[b-yw5p8f6gab]{border-radius:6px;padding:.75rem .85rem;font-size:.9rem;display:flex;flex-direction:column;gap:.6rem;border-left:4px solid #6b7280;background:#f8fafc}
.classic-run-result.is-ok[b-yw5p8f6gab]{border-left-color:#22c55e;background:#ecfdf3}
.classic-run-result.is-fail[b-yw5p8f6gab]{border-left-color:#ef4444;background:#fef2f2}
.classic-run-result details[b-yw5p8f6gab]{background:rgba(255,255,255,.9);border-radius:4px;padding:.35rem .45rem}
.classic-runs[b-yw5p8f6gab]{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}
.classic-runs header[b-yw5p8f6gab]{display:flex;justify-content:space-between;align-items:center;gap:.5rem}
.classic-runs ul[b-yw5p8f6gab]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}
.classic-run-item[b-yw5p8f6gab]{border:1px solid #e5e7eb;border-radius:6px;padding:.6rem .7rem;background:#fff;display:flex;flex-direction:column;gap:.25rem}
.classic-run-item__title[b-yw5p8f6gab]{font-weight:600;font-size:.9rem;color:#1f2937}
.classic-run-item__meta[b-yw5p8f6gab]{font-size:.8rem;color:#6b7280}
/* Keep center-bottom toolbar above neighbors */
.pane__toolbar--raised[b-yw5p8f6gab]{z-index:5}
/* Narrow screens */
@media (max-width:900px){.classic-grid[b-yw5p8f6gab]{height:auto}}
/* /Pages/Dashboard.razor.rz.scp.css */
.services-page__title-text[b-sw1uiqybss] {
    margin: 0 0 0.25rem;
    font-size: var(--ops-title-size);
    font-weight: 700;
    letter-spacing: 0.01em;
    color: #111111;
}

.services-page__hint[b-sw1uiqybss] {
    margin: 0.15rem 0;
    font-size: 0.85rem;
    color: #5f7187;
}

.services-page__hint--inline[b-sw1uiqybss] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.services-page__indicators[b-sw1uiqybss] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin: 0.4rem 0 0.2rem;
    min-width: 0;
}

.services-page__indicators-group[b-sw1uiqybss] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}

.services-page__indicators-header[b-sw1uiqybss] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.services-page__indicators-label[b-sw1uiqybss] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #5f7187;
    font-weight: 600;
}

.services-page__indicators-legend[b-sw1uiqybss] {
    font-size: 0.72rem;
    color: #7b8798;
}

.services-page__indicators-row[b-sw1uiqybss] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 0.5rem;
}

.services-page__indicators-row--services[b-sw1uiqybss] {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.5rem;
}

.services-page__indicators-row--services .services-page__metric[b-sw1uiqybss] {
    flex: 1 1 0;
}

.services-page__indicators-row--inputs[b-sw1uiqybss] {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.5rem;
    width: 100%;
}

.services-page__indicators-row--inputs .services-page__metric[b-sw1uiqybss] {
    flex: 1 1 0;
}

.services-page__indicators-row--outputs[b-sw1uiqybss] {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.5rem;
    overflow-x: auto;
}

.services-page__indicators-row--outputs .services-page__metric[b-sw1uiqybss] {
    flex: 1 1 140px;
    min-width: 140px;
}

.services-page__metric[b-sw1uiqybss] {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 0.45rem 0.6rem;
    min-height: 46px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}

.services-page__metric-label[b-sw1uiqybss] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #6b7280;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.services-page__metric-value[b-sw1uiqybss] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #111827;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: opacity 200ms ease;
}

.services-page__metric-value.is-updating[b-sw1uiqybss] {
    opacity: 0.65;
}

.services-page__metric-progress[b-sw1uiqybss] {
    margin-top: 0.35rem;
    height: 6px;
    width: 100%;
    background: #e5e7eb;
    border-radius: 999px;
    overflow: hidden;
}

.services-page__metric-progress-fill[b-sw1uiqybss] {
    display: block;
    height: 100%;
    transition: width 200ms ease;
}

.services-page__metric-progress-fill.is-normal[b-sw1uiqybss] {
    background: #16a34a;
}

.services-page__metric-progress-fill.is-warning[b-sw1uiqybss] {
    background: #f59e0b;
}

.services-page__metric-progress-fill.is-critical[b-sw1uiqybss] {
    background: #dc2626;
}

.services-page__controls[b-sw1uiqybss] {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.75rem;
    align-items: center;
    margin-top: 0.5rem;
    font-size: 0.85rem;
    color: #5f7187;
    width: 100%;
}

.services-page__controls .services-page__autorefresh[b-sw1uiqybss] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.services-page__controls .button[b-sw1uiqybss] {
    min-width: 112px;
}

.services-page__status-banner[b-sw1uiqybss] {
    min-height: 1.8rem;
}

.services-page__message[b-sw1uiqybss] {
    margin: 0;
}

.services-page__error[b-sw1uiqybss] {
    color: #b91c1c;
}

@media (max-width: 900px) {
    .services-page__controls[b-sw1uiqybss] {
        flex-wrap: wrap;
    }

    .services-page__indicators-row--inputs[b-sw1uiqybss] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .services-page__indicators-row--outputs[b-sw1uiqybss] {
        flex-wrap: wrap;
    }
}
/* /Pages/Designer.razor.rz.scp.css */
.designer[b-b0m8cicvxj] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    color: #f5f8ff;
}

.designer-grid[b-b0m8cicvxj] {
    display: grid;
    grid-template-columns: minmax(260px, 320px) minmax(520px, 1fr) minmax(320px, 380px);
    gap: 1.5rem;
    align-items: start;
}

@media (max-width: 1360px) {
    .designer-grid[b-b0m8cicvxj] {
        grid-template-columns: 260px 1fr;
        grid-template-areas:
            "nav editor"
            "nav run";
    }

    .designer-panel--sticky[b-b0m8cicvxj] {
        grid-area: nav;
    }

    .designer-panel--center[b-b0m8cicvxj] {
        grid-area: editor;
    }

    .designer-panel--run[b-b0m8cicvxj] {
        grid-area: run;
    }
}

@media (max-width: 980px) {
    .designer-grid[b-b0m8cicvxj] {
        grid-template-columns: 1fr;
    }

    .designer-panel--sticky[b-b0m8cicvxj] {
        position: static;
        height: auto;
        max-height: none;
        overflow-y: visible;
    }
}

.designer-panel[b-b0m8cicvxj] {
    background: rgba(17, 26, 40, 0.92);
    border: 1px solid rgba(65, 103, 150, 0.25);
    border-radius: 18px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
}

.designer-panel--sticky[b-b0m8cicvxj] {
    position: sticky;
    top: 0;
    align-self: start;
    height: 100vh;
    max-height: 100vh;
    overflow-y: auto;
    scrollbar-gutter: stable;
}

.designer-panel--center[b-b0m8cicvxj] {
    gap: 1.25rem;
}

.designer-panel--run[b-b0m8cicvxj] {
    gap: 1.25rem;
    min-width: 0;
}

.designer-panel__header[b-b0m8cicvxj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.designer-search[b-b0m8cicvxj] {
    border-radius: 999px;
    border: 1px solid rgba(65, 103, 150, 0.35);
    background: rgba(20, 28, 43, 0.85);
    color: inherit;
    padding: 0.65rem 1.1rem;
}

.designer-flows-list[b-b0m8cicvxj] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    overflow-y: auto;
    padding-right: 0.35rem;
}

.designer-flow-item[b-b0m8cicvxj] {
    background: rgba(20, 28, 43, 0.82);
    color: inherit;
    border-radius: 14px;
    border: 1px solid rgba(65, 103, 150, 0.25);
    padding: 0.9rem 1rem;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    cursor: pointer;
    transition: border 0.2s ease, transform 0.2s ease;
}

.designer-flow-item:hover[b-b0m8cicvxj] {
    border-color: rgba(55, 211, 181, 0.6);
    transform: translateX(2px);
}

.designer-flow-item--active[b-b0m8cicvxj] {
    border-color: rgba(55, 211, 181, 0.9);
    background: rgba(55, 211, 181, 0.16);
}

.designer-flow-item__title[b-b0m8cicvxj] {
    font-weight: 600;
}

.designer-flow-item__meta[b-b0m8cicvxj] {
    font-size: 0.85rem;
    color: #9fb4d7;
}

.designer-card[b-b0m8cicvxj] {
    background: rgba(17, 26, 40, 0.9);
    border: 1px solid rgba(65, 103, 150, 0.22);
    border-radius: 16px;
    padding: 1.3rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-height: 0;
}

.designer-card--editor[b-b0m8cicvxj] {
    overflow: hidden;
    min-height: 420px;
    max-height: calc(100vh - 8rem);
}

.designer-card__header[b-b0m8cicvxj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.9rem;
    color: #9fb4d7;
}

.designer-resources-list[b-b0m8cicvxj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    max-height: 160px;
    overflow-y: auto;
}

.designer-resource-item[b-b0m8cicvxj] {
    border-radius: 999px;
    border: 1px solid rgba(65, 103, 150, 0.28);
    background: rgba(20, 28, 43, 0.85);
    color: inherit;
    padding: 0.45rem 0.9rem;
    font-size: 0.85rem;
    cursor: pointer;
    transition: border 0.2s ease, background 0.2s ease;
}

.designer-resource-item:hover[b-b0m8cicvxj] {
    border-color: rgba(55, 211, 181, 0.7);
}

.designer-resource-item--active[b-b0m8cicvxj] {
    background: rgba(55, 211, 181, 0.18);
    border-color: rgba(55, 211, 181, 0.8);
}

.designer-toolbar[b-b0m8cicvxj] {
    position: sticky;
    top: 0;
    display: flex;
    align-items: center;
    gap: 1rem;
    background: rgba(14, 20, 32, 0.97);
    border-bottom: 1px solid rgba(65, 103, 150, 0.35);
    padding: 0.75rem 1rem;
    z-index: 20;
}

.designer-toolbar__path[b-b0m8cicvxj] {
    font-family: "Fira Code", "JetBrains Mono", Consolas, monospace;
    font-size: 0.8rem;
    color: #9fb4d7;
    min-width: 0;
    flex: 1 1 auto;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.4;
}

.designer-toolbar__actions[b-b0m8cicvxj] {
    display: flex;
    gap: 0.6rem;
    align-items: center;
    flex: 0 0 auto;
}

.designer-editor[b-b0m8cicvxj] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.designer-textarea[b-b0m8cicvxj] {
    flex: 1;
    min-height: 0;
    background: rgba(9, 13, 22, 0.95);
    color: #f5f8ff;
    border: 1px solid rgba(65, 103, 150, 0.35);
    border-radius: 12px;
    padding: 1rem;
    resize: none;
    font-family: "Fira Code", "JetBrains Mono", Consolas, monospace;
    font-size: 0.9rem;
    line-height: 1.5;
    overflow: auto;
}

.designer-btn[b-b0m8cicvxj] {
    border-radius: 999px;
    border: 1px solid transparent;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0.55rem 1.35rem;
    cursor: pointer;
    transition: transform 0.2s ease, filter 0.2s ease;
}

.designer-btn:disabled[b-b0m8cicvxj] {
    opacity: 0.55;
    cursor: not-allowed;
}

.designer-btn:not(:disabled):hover[b-b0m8cicvxj] {
    transform: translateY(-1px);
}

.designer-btn--primary[b-b0m8cicvxj] {
    background: #37d3b5;
    color: #05070f;
}

.designer-btn--ghost[b-b0m8cicvxj] {
    background: rgba(20, 28, 43, 0.88);
    color: #9fb4d7;
    border-color: rgba(65, 103, 150, 0.35);
}

.designer-empty[b-b0m8cicvxj] {
    font-size: 0.85rem;
    color: #9fb4d7;
    font-style: italic;
}

.designer-error[b-b0m8cicvxj] {
    background: rgba(168, 37, 63, 0.16);
    border: 1px solid rgba(255, 120, 120, 0.3);
    border-radius: 12px;
    padding: 0.75rem 1rem;
    color: #ff8a8a;
    font-size: 0.9rem;
}

.designer-error--inline[b-b0m8cicvxj] {
    margin-top: 0.75rem;
}

.designer-run-target[b-b0m8cicvxj] {
    font-size: 0.9rem;
    color: #9fb4d7;
}

.designer-run-status[b-b0m8cicvxj] {
    margin-top: 1rem;
    padding: 0.75rem 1rem;
    border-radius: 12px;
    font-weight: 600;
}

.designer-run-status--ok[b-b0m8cicvxj] {
    background: rgba(55, 211, 181, 0.18);
    color: #89f2dc;
}

.designer-run-status--fail[b-b0m8cicvxj] {
    background: rgba(168, 37, 63, 0.18);
    color: #ff8a8a;
}

.designer-modal-backdrop[b-b0m8cicvxj] {
    position: fixed;
    inset: 0;
    background: rgba(3, 6, 12, 0.72);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 80;
    padding: 1.5rem;
}

.designer-modal[b-b0m8cicvxj] {
    background: rgba(17, 26, 40, 0.95);
    border-radius: 18px;
    border: 1px solid rgba(65, 103, 150, 0.35);
    padding: 1.75rem;
    width: min(480px, 100%);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    box-shadow: 0 28px 60px rgba(0, 0, 0, 0.45);
}

.designer-modal h3[b-b0m8cicvxj] {
    margin: 0;
    font-size: 1.15rem;
}

.designer-modal label[b-b0m8cicvxj] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    font-size: 0.9rem;
}

.designer-modal input[b-b0m8cicvxj] {
    border-radius: 10px;
    border: 1px solid rgba(65, 103, 150, 0.35);
    background: rgba(20, 28, 43, 0.88);
    color: inherit;
    padding: 0.6rem 0.75rem;
}

.designer-modal__actions[b-b0m8cicvxj] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 0.5rem;
}
/* /Pages/DevLogin.razor.rz.scp.css */
.dev-login[b-mevz83hu60] {
    max-width: 520px;
    margin: 0 auto;
    padding: 1.5rem;
}

.dev-login__header h1[b-mevz83hu60] {
    margin: 0 0 0.35rem;
    font-size: 1.25rem;
}

.dev-login__hint[b-mevz83hu60] {
    margin: 0;
    color: #5f7187;
    font-size: 0.9rem;
}

.dev-login__form[b-mevz83hu60] {
    display: grid;
    gap: 0.85rem;
    margin-top: 1.25rem;
}

.dev-login__form label[b-mevz83hu60] {
    display: grid;
    gap: 0.35rem;
    font-size: 0.9rem;
    color: #5f7187;
}

.dev-login__form input[b-mevz83hu60] {
    padding: 0.6rem 0.75rem;
    border-radius: 8px;
    border: 1px solid #d9d9d9;
}

.dev-login__form select[b-mevz83hu60] {
    padding: 0.6rem 0.75rem;
    border-radius: 8px;
    border: 1px solid #d9d9d9;
    background: #ffffff;
}

.dev-login__actions[b-mevz83hu60] {
    display: flex;
    gap: 0.75rem;
    margin-top: 1rem;
}

.dev-login__preview[b-mevz83hu60] {
    margin-top: 1.25rem;
    display: grid;
    gap: 0.4rem;
    font-size: 0.9rem;
    color: #5f7187;
}

.dev-login__preview strong[b-mevz83hu60] {
    color: #111111;
    margin-right: 0.35rem;
}
/* /Pages/Flows.razor.rz.scp.css */
.flows-view[b-tiq5h7z6ei] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    color: #f5f8ff;
}

.flows-view__header[b-tiq5h7z6ei] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1.5rem;
}

.flows-view__actions[b-tiq5h7z6ei] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.flows-view__search[b-tiq5h7z6ei],
.flows-view__tenant[b-tiq5h7z6ei] {
    padding: 0.6rem 1rem;
    border-radius: 999px;
    border: 1px solid rgba(65, 103, 150, 0.35);
    background: rgba(20, 28, 43, 0.85);
    color: #f5f8ff;
}

.flows-view__search[b-tiq5h7z6ei] {
    min-width: 280px;
}

.flows-view__tenant[b-tiq5h7z6ei] {
    min-width: 200px;
}

.flows-view__import[b-tiq5h7z6ei] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.flows-view__import-controls[b-tiq5h7z6ei] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.flows-view__status[b-tiq5h7z6ei] {
    margin: 0;
    font-size: 0.85rem;
    color: #9fb4d7;
}

.flows-view__content[b-tiq5h7z6ei] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.flows-view__table-card[b-tiq5h7z6ei] {
    flex: 1 1 460px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.flows-view__runs[b-tiq5h7z6ei] {
    flex: 1 1 320px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.flows-view__section-header[b-tiq5h7z6ei] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    color: #9fb4d7;
}

.flows-view__section-header h2[b-tiq5h7z6ei] {
    margin: 0;
    font-size: 1.1rem;
    color: #f5f8ff;
}

.flows-view__error[b-tiq5h7z6ei] {
    color: #ff8a8a;
    font-size: 0.85rem;
}

.flows-table[b-tiq5h7z6ei] {
    width: 100%;
    border-collapse: collapse;
    color: #f5f8ff;
}

.flows-table th[b-tiq5h7z6ei],
.flows-table td[b-tiq5h7z6ei] {
    padding: 0.55rem 0.8rem;
    text-align: left;
    border-bottom: 1px solid rgba(65, 103, 150, 0.25);
}

.flows-table tbody tr:last-child td[b-tiq5h7z6ei] {
    border-bottom: none;
}

.flows-table td:first-child[b-tiq5h7z6ei] {
    font-family: "Fira Code", "JetBrains Mono", Consolas, monospace;
    font-size: 0.85rem;
    color: #9fb4d7;
}

.button[b-tiq5h7z6ei] {
    padding: 0.65rem 1.2rem;
    border-radius: 999px;
    border: 1px solid transparent;
    font-weight: 600;
    font-size: 0.95rem;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    background: #37d3b5;
    color: #05070f;
}

.button:hover:not(:disabled)[b-tiq5h7z6ei] {
    filter: brightness(1.1);
}

.button--ghost[b-tiq5h7z6ei] {
    background: rgba(26, 36, 52, 0.9);
    color: #9fb4d7;
    border-color: rgba(65, 103, 150, 0.35);
}

.button--small[b-tiq5h7z6ei] {
    padding: 0.45rem 0.9rem;
    font-size: 0.8rem;
    letter-spacing: 0.08em;
}

.button:disabled[b-tiq5h7z6ei] {
    cursor: not-allowed;
    opacity: 0.55;
}

.runs-list[b-tiq5h7z6ei] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.75rem;
}

.runs-list li[b-tiq5h7z6ei] {
    background: rgba(20, 28, 43, 0.85);
    border-radius: 12px;
    border: 1px solid rgba(65, 103, 150, 0.25);
    padding: 0.85rem 1rem;
}

.runs-list__title[b-tiq5h7z6ei] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 0.75rem;
}

.runs-list__title strong[b-tiq5h7z6ei] {
    font-size: 0.95rem;
    color: #f5f8ff;
}

.runs-list__status[b-tiq5h7z6ei] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.runs-list__status--succeeded[b-tiq5h7z6ei] {
    color: #37d3b5;
}

.runs-list__status--completed[b-tiq5h7z6ei] {
    color: #37d3b5;
}

.runs-list__status--running[b-tiq5h7z6ei] {
    color: #f1c40f;
}

.runs-list__status--failed[b-tiq5h7z6ei],
.runs-list__status--error[b-tiq5h7z6ei] {
    color: #ff8a8a;
}

.runs-list__status--timedout[b-tiq5h7z6ei] {
    color: #f39c12;
}

.runs-list__meta[b-tiq5h7z6ei] {
    margin-top: 0.4rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    font-size: 0.8rem;
    color: #9fb4d7;
}

@media (max-width: 860px) {
    .flows-view__header[b-tiq5h7z6ei] {
        flex-direction: column;
    }

    .flows-view__actions[b-tiq5h7z6ei] {
        align-self: stretch;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .flows-view__content[b-tiq5h7z6ei] {
        flex-direction: column;
    }
}
/* /Pages/Index.razor.rz.scp.css */
.landing-page[b-k0ek70ynoh] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1.75rem;
}

.landing-page__header[b-k0ek70ynoh] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem 1.5rem;
}

.landing-page__title[b-k0ek70ynoh] {
    margin: 0;
    font-size: var(--ops-title-size);
    font-weight: 700;
    color: #111111;
}

.landing-page__subtitle[b-k0ek70ynoh] {
    margin: 0.35rem 0 0;
}

.landing-page__meta[b-k0ek70ynoh] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: flex-start;
}

.landing-page__who[b-k0ek70ynoh] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    font-size: 0.95rem;
    color: #273346;
}

.landing-page__notice[b-k0ek70ynoh] {
    background: #fff7ed;
    border: 1px solid #fdba74;
    color: #9a3412;
    padding: 0.5rem 0.75rem;
    border-radius: 8px;
    font-size: 0.9rem;
}

.landing-page__actions[b-k0ek70ynoh] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.landing-page__action[b-k0ek70ynoh] {
    text-decoration: none;
}

.landing-page__link[b-k0ek70ynoh] {
    font-size: 0.9rem;
    color: #0d6efd;
    text-decoration: underline;
}

.landing-page__empty[b-k0ek70ynoh] {
    color: #5f7187;
    font-size: 0.9rem;
}
/* /Pages/Secrets.razor.rz.scp.css */
.secrets-page[b-8dy94ilysh] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.branding-panel[b-8dy94ilysh] {
    border: 1px solid #d6dde6;
    border-radius: 12px;
    padding: 1rem;
    background: #ffffff;
}

.branding-panel__header h2[b-8dy94ilysh] {
    margin: 0 0 0.25rem;
    font-size: 1.05rem;
}

.branding-panel__content[b-8dy94ilysh] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
}

.branding-panel__preview[b-8dy94ilysh] {
    width: 180px;
    height: 90px;
    border: 1px dashed #cbd5e1;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #f8fafc;
}

.branding-panel__preview img[b-8dy94ilysh] {
    max-height: 80px;
    max-width: 160px;
    object-fit: contain;
}

.branding-panel__actions[b-8dy94ilysh] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 220px;
}

.branding-panel__message[b-8dy94ilysh] {
    font-size: 0.85rem;
    color: #5f7187;
}

.services-page__hint[b-8dy94ilysh] {
    margin: 0.15rem 0;
    font-size: 0.85rem;
    color: #5f7187;
}

.services-page__hint--inline[b-8dy94ilysh] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.services-page__title-text[b-8dy94ilysh] {
    margin: 0 0 0.25rem;
    font-size: var(--ops-title-size);
    font-weight: 700;
    letter-spacing: 0.01em;
    color: #111111;
}

.services-page__message[b-8dy94ilysh] {
    margin: 0.75rem 0;
    padding: 0.65rem 0.85rem;
    border-radius: 10px;
    font-size: 0.9rem;
    line-height: 1.4;
}

.services-page__message--success[b-8dy94ilysh] {
    background: #e6f4ea;
    color: #1a7f37;
    border: 1px solid #b7e1c1;
}

.services-page__message--error[b-8dy94ilysh] {
    background: #fdecea;
    color: #b42318;
    border: 1px solid #f5c2c0;
}

.services-page__error[b-8dy94ilysh] {
    padding: 0.65rem 0.85rem;
    border-radius: 10px;
    background: #fdecea;
    color: #b42318;
    border: 1px solid #f5c2c0;
    font-size: 0.9rem;
}

.services-page__status-banner[b-8dy94ilysh] {
    min-height: 2.4rem;
    margin: 0.75rem 0;
}

.services-page__status-banner .services-page__message[b-8dy94ilysh],
.services-page__status-banner .services-page__error[b-8dy94ilysh] {
    margin: 0;
}

.secrets-platform[b-8dy94ilysh] {
    border: 1px solid #d6dde6;
    border-radius: 12px;
    padding: 1rem;
    background: #ffffff;
}

.secrets-platform__header[b-8dy94ilysh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.secrets-platform__header h2[b-8dy94ilysh] {
    margin: 0;
    font-size: 1.05rem;
}

.secrets-platform__key[b-8dy94ilysh] {
    font-size: 0.85rem;
    color: #5f7187;
}

.secrets-fields[b-8dy94ilysh] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.secrets-field[b-8dy94ilysh] {
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 0.75rem;
    background: #f8fafc;
}

.secrets-field__meta[b-8dy94ilysh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
}

.secrets-field__status-group[b-8dy94ilysh] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.secrets-field__name[b-8dy94ilysh] {
    font-weight: 600;
    color: #111827;
}

.secrets-field__status[b-8dy94ilysh] {
    font-size: 0.8rem;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    background: #eef2ff;
    color: #4338ca;
    font-weight: 600;
}

.secrets-field__status.is-unset[b-8dy94ilysh] {
    background: #fef2f2;
    color: #991b1b;
}

.secrets-field__slots[b-8dy94ilysh] {
    display: grid;
    gap: 0.75rem;
    margin-top: 0.5rem;
}

.secrets-field__slot[b-8dy94ilysh] {
    display: grid;
    gap: 0.35rem;
}

.secrets-field__slot-actions[b-8dy94ilysh] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.secrets-field__promote[b-8dy94ilysh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 0.5rem;
}

.secrets-field__promote-toggle[b-8dy94ilysh] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.85rem;
    color: #5f7187;
}

.secrets-field__input[b-8dy94ilysh] {
    padding: 0.45rem 0.6rem;
    border-radius: 8px;
    border: 1px solid #d9d9d9;
    min-width: 220px;
}

.secrets-field__message[b-8dy94ilysh] {
    margin-top: 0.35rem;
    font-size: 0.85rem;
    color: #5f7187;
}

.button--small[b-8dy94ilysh] {
    padding: 0.3rem 0.65rem;
    font-size: 0.8rem;
}
/* /Pages/ServiceEditor.razor.rz.scp.css */
.service-editor[b-96dx3q58d5] {
    padding: 1.5rem;
    color: #111111;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.service-editor__error[b-96dx3q58d5] {
    padding: 0.65rem 0.85rem;
    border-radius: 10px;
    background: #fdecea;
    color: #b42318;
    border: 1px solid #f5c2c0;
    font-size: 0.9rem;
}

.service-editor__create[b-96dx3q58d5] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.service-editor__create-header[b-96dx3q58d5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.service-editor__title[b-96dx3q58d5] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    color: #111111;
}

.service-editor__subtitle[b-96dx3q58d5] {
    margin: 0.35rem 0 0;
    color: #5f7187;
    font-size: 0.95rem;
}

.service-editor__panel[b-96dx3q58d5] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.service-editor__mode[b-96dx3q58d5] {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 0.9rem 1rem;
    background: #f8fafc;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.service-editor__mode-label[b-96dx3q58d5] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #5f7187;
    font-weight: 600;
}

.service-editor__mode-options[b-96dx3q58d5] {
    display: flex;
    gap: 1.25rem;
    flex-wrap: wrap;
}

.service-editor__option[b-96dx3q58d5] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    color: #1f2937;
}

.service-editor__mode-body[b-96dx3q58d5] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-height: 3rem;
}

.service-editor__clone-select select[b-96dx3q58d5] {
    width: clamp(240px, 45vw, 420px);
    max-width: 100%;
}

.service-editor__form[b-96dx3q58d5] {
    display: grid;
    gap: 0.9rem;
}

.service-editor__form label[b-96dx3q58d5] {
    display: grid;
    gap: 0.35rem;
    color: #273346;
    font-size: 0.95rem;
}

.service-editor__form input[b-96dx3q58d5],
.service-editor__form textarea[b-96dx3q58d5],
.service-editor__form select[b-96dx3q58d5] {
    padding: 0.6rem 0.75rem;
    border-radius: 8px;
    border: 1px solid #d6dde6;
    background: #ffffff;
    color: #111111;
}

.service-editor__form textarea[b-96dx3q58d5] {
    min-height: 90px;
    resize: vertical;
}

.service-editor__key-row[b-96dx3q58d5] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
}

.service-editor__key-row input[b-96dx3q58d5] {
    flex: 1 1 220px;
    min-width: 0;
}

.service-editor__hint[b-96dx3q58d5] {
    font-size: 0.85rem;
    color: #5f7187;
}

.service-editor__meta[b-96dx3q58d5] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
}

.service-editor__meta-actions[b-96dx3q58d5] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.service-editor__meta-validate[b-96dx3q58d5] {
    display: grid;
    gap: 0.4rem;
    min-width: 260px;
}

.service-editor__form-grid[b-96dx3q58d5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));
    gap: 1rem;
    align-items: start;
}

.service-editor__column[b-96dx3q58d5] {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #ffffff;
    padding: 1rem;
    display: grid;
    gap: 0.85rem;
    min-width: 0;
}

.service-editor__column h2[b-96dx3q58d5],
.service-editor__column h3[b-96dx3q58d5] {
    margin: 0;
    font-size: 1.05rem;
    color: #111111;
}

.service-editor__column label[b-96dx3q58d5] {
    display: grid;
    gap: 0.35rem;
    color: #273346;
    font-size: 0.95rem;
}

.service-editor__column input[b-96dx3q58d5],
.service-editor__column textarea[b-96dx3q58d5],
.service-editor__column select[b-96dx3q58d5] {
    width: 100%;
    padding: 0.6rem 0.75rem;
    border-radius: 8px;
    border: 1px solid #d6dde6;
    background: #ffffff;
    color: #111111;
}

.service-editor__column textarea[b-96dx3q58d5] {
    min-height: 90px;
    resize: vertical;
}

.service-editor__column--full[b-96dx3q58d5] {
    grid-column: 1 / -1;
}

.service-editor__steps[b-96dx3q58d5],
.service-editor__tasks[b-96dx3q58d5] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 0.55rem;
}

.service-editor__steps li[b-96dx3q58d5],
.service-editor__tasks li[b-96dx3q58d5] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 0.65rem 0.75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
}

.service-editor__webhook dl[b-96dx3q58d5] {
    display: grid;
    grid-template-columns: minmax(140px, 200px) 1fr;
    gap: 0.35rem 0.85rem;
    margin: 0;
}

.service-editor__webhook dt[b-96dx3q58d5] {
    font-weight: 600;
    color: #273346;
}

.service-editor__webhook dd[b-96dx3q58d5] {
    margin: 0;
    color: #111111;
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.service-editor__webhook dd code[b-96dx3q58d5] {
    display: inline-block;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
}

.service-editor__webhook-actions[b-96dx3q58d5] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.service-editor__webhook-toggle[b-96dx3q58d5] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: #273346;
    font-size: 0.9rem;
}

.service-editor__webhook-toggle input[b-96dx3q58d5] {
    width: auto;
}

.service-editor__secret-value[b-96dx3q58d5] {
    display: block;
    margin-top: 0.35rem;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.service-editor__secret-actions[b-96dx3q58d5] {
    margin-top: 0.55rem;
    display: flex;
    gap: 0.55rem;
    flex-wrap: wrap;
}

.service-editor__status[b-96dx3q58d5] {
    margin: 0;
    padding: 0.55rem 0.7rem;
    border-radius: 8px;
    border: 1px solid #d6dde6;
    background: #f8fafc;
    color: #334155;
    font-size: 0.9rem;
}

.service-editor__status--inline[b-96dx3q58d5] {
    padding: 0.45rem 0.6rem;
    font-size: 0.85rem;
}

.service-editor__actions[b-96dx3q58d5] {
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
    flex-wrap: wrap;
}

@media (max-width: 720px) {
    .service-editor[b-96dx3q58d5] {
        padding: 1.1rem;
    }

    .service-editor__actions[b-96dx3q58d5] {
        flex-direction: column;
        align-items: stretch;
    }

    .service-editor__actions .button[b-96dx3q58d5] {
        width: 100%;
    }

    .service-editor__form-grid[b-96dx3q58d5] {
        grid-template-columns: 1fr;
    }

    .service-editor__webhook dl[b-96dx3q58d5] {
        grid-template-columns: 1fr;
    }

    .service-editor__webhook-actions[b-96dx3q58d5] {
        flex-direction: column;
    }

    .service-editor__webhook-actions .button[b-96dx3q58d5] {
        width: 100%;
    }
}
/* /Pages/Services.razor.rz.scp.css */
.services-view[b-fgwfdqfk6z] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    color: #f5f8ff;
}

.services-view__header[b-fgwfdqfk6z] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.services-grid[b-fgwfdqfk6z] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.services-grid__card[b-fgwfdqfk6z] {
    padding: 1.25rem;
    background: rgba(20, 28, 43, 0.85);
}

.services-grid__card header[b-fgwfdqfk6z] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.5rem;
}

.services-grid__count[b-fgwfdqfk6z] {
    font-size: 0.8rem;
    color: #7f95bc;
}

.services-grid__list[b-fgwfdqfk6z] {
    list-style: none;
    margin: 0.75rem 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    color: #c9d7ef;
    font-size: 0.9rem;
}

.services-grid__service strong[b-fgwfdqfk6z] {
    display: block;
    color: #f5f8ff;
}

.services-grid__service span[b-fgwfdqfk6z] {
    color: #9fb4d7;
    font-size: 0.85rem;
}

.services-view__matrix[b-fgwfdqfk6z] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.services-view__matrix-form[b-fgwfdqfk6z] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.services-view__matrix-form input[b-fgwfdqfk6z] {
    padding: 0.6rem 0.9rem;
    border-radius: 10px;
    border: 1px solid rgba(65, 103, 150, 0.35);
    background: rgba(20, 28, 43, 0.85);
    color: #f5f8ff;
}

.services-view__matrix-form label[b-fgwfdqfk6z] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    font-size: 0.85rem;
    color: #9fb4d7;
}

.services-view__matrix-status[b-fgwfdqfk6z] {
    font-size: 0.9rem;
    color: #9fb4d7;
}

.services-grid--matrix[b-fgwfdqfk6z] {
    margin-top: 0.5rem;
}

.services-page__title-text[b-fgwfdqfk6z] {
    margin: 0 0 0.25rem;
    font-size: var(--ops-title-size);
    font-weight: 700;
    letter-spacing: 0.01em;
    color: #111111;
}

.services-page__section-title[b-fgwfdqfk6z] {
    margin: 0.5rem 0 0.75rem;
    font-size: 1.1rem;
}

.services-page__hint[b-fgwfdqfk6z] {
    margin: 0.15rem 0;
    font-size: 0.85rem;
    color: #5f7187;
}

.services-page__hint--inline[b-fgwfdqfk6z] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.services-page__indicators[b-fgwfdqfk6z] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin: 0.4rem 0 0.2rem;
    min-width: 0;
}

.services-page__indicators-group[b-fgwfdqfk6z] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}

.services-page__indicators-header[b-fgwfdqfk6z] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.services-page__indicators-label[b-fgwfdqfk6z] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #5f7187;
    font-weight: 600;
}

.services-page__indicators-legend[b-fgwfdqfk6z] {
    font-size: 0.72rem;
    color: #7b8798;
}

.services-page__indicators-row[b-fgwfdqfk6z] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 0.5rem;
}

.services-page__indicators-row--services[b-fgwfdqfk6z] {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.5rem;
}

.services-page__indicators-row--services .services-page__metric[b-fgwfdqfk6z] {
    flex: 1 1 0;
}

.services-page__indicators-row--inputs[b-fgwfdqfk6z] {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.5rem;
    width: 100%;
}

.services-page__indicators-row--inputs .services-page__metric[b-fgwfdqfk6z] {
    flex: 1 1 0;
}

.services-page__indicators-row--outputs[b-fgwfdqfk6z] {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.5rem;
    overflow-x: auto;
}

.services-page__indicators-row--outputs .services-page__metric[b-fgwfdqfk6z] {
    flex: 1 1 140px;
    min-width: 140px;
}

.services-page__metric[b-fgwfdqfk6z] {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 0.45rem 0.6rem;
    min-height: 46px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0; /* allow flex row to shrink without wrapping */
}

.services-page__metric-label[b-fgwfdqfk6z] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #6b7280;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.services-page__metric-value[b-fgwfdqfk6z] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #111827;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: opacity 200ms ease;
}

.services-page__metric-value.is-updating[b-fgwfdqfk6z] {
    opacity: 0.65;
}

.services-page__loading[b-fgwfdqfk6z] {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    color: #5f7187;
    font-size: 0.9rem;
}

.services-page__empty[b-fgwfdqfk6z] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    align-items: flex-start;
}

.services-page__empty-action[b-fgwfdqfk6z] {
    align-self: flex-start;
}

.services-page__clonepanel--compact[b-fgwfdqfk6z] {
    margin: 0;
}

.services-page__clonepanel--compact .services-page__clonepanel-row[b-fgwfdqfk6z] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
}

.services-page__clonepanel--compact select[b-fgwfdqfk6z] {
    width: clamp(220px, 28vw, 360px);
    max-width: 100%;
}

.services-awaiting[b-fgwfdqfk6z] {
    width: min(420px, 92vw);
}

.services-awaiting__prompt[b-fgwfdqfk6z] {
    margin: 0.5rem 0 0.75rem;
    color: #5f7187;
    font-size: 0.9rem;
}

.services-awaiting__form[b-fgwfdqfk6z] {
    display: grid;
    gap: 0.75rem;
}

.services-awaiting__form label[b-fgwfdqfk6z] {
    display: grid;
    gap: 0.35rem;
    font-size: 0.9rem;
    color: #5f7187;
}

.services-awaiting__form input[b-fgwfdqfk6z],
.services-awaiting__form select[b-fgwfdqfk6z] {
    padding: 0.55rem 0.7rem;
    border-radius: 8px;
    border: 1px solid #d9d9d9;
}

.services-awaiting__error[b-fgwfdqfk6z] {
    margin-top: 0.75rem;
    color: #b42318;
    font-size: 0.9rem;
}

.services-awaiting__status[b-fgwfdqfk6z] {
    color: #5f7187;
    font-size: 0.9rem;
}

.services-page__message[b-fgwfdqfk6z] {
    margin: 0.75rem 0;
    padding: 0.65rem 0.85rem;
    border-radius: 10px;
    font-size: 0.9rem;
    line-height: 1.4;
}

.services-page__error[b-fgwfdqfk6z] {
    padding: 0.65rem 0.85rem;
    border-radius: 10px;
    background: #fdecea;
    color: #b42318;
    border: 1px solid #f5c2c0;
    font-size: 0.9rem;
}

.services-page__message--success[b-fgwfdqfk6z] {
    background: #e6f4ea;
    color: #1a7f37;
    border: 1px solid #b7e1c1;
}

.services-page__message--error[b-fgwfdqfk6z] {
    background: #fdecea;
    color: #b42318;
    border: 1px solid #f5c2c0;
}

.services-page__status-banner[b-fgwfdqfk6z] {
    min-height: 2.4rem;
    margin: 0.75rem 0;
}

.services-page__status-banner .services-page__message[b-fgwfdqfk6z],
.services-page__status-banner .services-page__error[b-fgwfdqfk6z] {
    margin: 0;
}

.services-page__debug[b-fgwfdqfk6z] {
    margin-top: 0.5rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid #e1e1e1;
    border-radius: 6px;
    font-size: 0.85rem;
    color: #444;
    background: #fafafa;
}

.services-page__debug summary[b-fgwfdqfk6z] {
    cursor: pointer;
    font-weight: 600;
}

.services-results-window[b-fgwfdqfk6z] {
    background: #ffffff;
    color: #111111;
    border-radius: 12px;
    border: 1px solid #d9d9d9;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.18);
    width: min(1100px, 80vw);
    height: min(80vh, 820px);
    display: flex;
    flex-direction: column;
    resize: both;
    overflow: hidden;
}

.services-results-window:focus[b-fgwfdqfk6z] {
    outline: 2px solid rgba(37, 99, 235, 0.25);
    outline-offset: 2px;
}

.services-results-window.is-maximized[b-fgwfdqfk6z] {
    width: 96vw;
    height: 92vh;
    max-width: none;
    max-height: none;
}

.services-results-window.is-minimized[b-fgwfdqfk6z] {
    display: none;
}

.services-results__header[b-fgwfdqfk6z] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1.1rem 0.6rem;
    border-bottom: 1px solid #e5e7eb;
}

.services-results__header h3[b-fgwfdqfk6z] {
    margin: 0;
}

.services-results__controls[b-fgwfdqfk6z] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.services-results__body[b-fgwfdqfk6z] {
    flex: 1 1 auto;
    padding: 0.9rem 1.1rem;
    overflow: auto;
}

.services-results__footer[b-fgwfdqfk6z] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 0.75rem 1.1rem 1rem;
    border-top: 1px solid #e5e7eb;
}

.services-results__output[b-fgwfdqfk6z] {
    max-height: 100%;
    overflow: auto;
    background: #0e1726;
    color: #e5e7eb;
    padding: 0.75rem;
    border-radius: 8px;
    font-size: 0.85rem;
    line-height: 1.4;
}

.services-results__service[b-fgwfdqfk6z] {
    margin: 0.25rem 0 0;
    color: #5f7187;
}

.services-results-minimized[b-fgwfdqfk6z] {
    position: fixed;
    right: 1.5rem;
    bottom: 1.5rem;
    background: #ffffff;
    color: #111111;
    border: 1px solid #d9d9d9;
    box-shadow: 0 10px 20px rgba(15, 23, 42, 0.18);
    border-radius: 999px;
    padding: 0.5rem 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    cursor: pointer;
    z-index: 1100;
}

.services-results-minimized__service[b-fgwfdqfk6z] {
    color: #5f7187;
    font-size: 0.85rem;
}

.services-table[b-fgwfdqfk6z] {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
}

.services-table th[b-fgwfdqfk6z],
.services-table td[b-fgwfdqfk6z] {
    border: 1px solid #d6dde6;
    padding: 0.5rem 0.7rem;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
}

.services-table th[b-fgwfdqfk6z] {
    border-bottom: 2px solid #c5ced9;
    background: #f8fafc;
    color: #273346;
}

.services-table tbody tr:hover[b-fgwfdqfk6z] {
    background: #f3f6fb;
}

.services-table-wrapper[b-fgwfdqfk6z] {
    overflow-x: auto;
}

.services-confirm-backdrop[b-fgwfdqfk6z] {
    position: fixed;
    inset: 0;
    background: rgba(9, 13, 20, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.services-confirm[b-fgwfdqfk6z] {
    background: #ffffff;
    color: #111111;
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
    border: 1px solid #d9d9d9;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.18);
    width: min(420px, 90vw);
}

.services-confirm h3[b-fgwfdqfk6z] {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

.services-confirm__actions[b-fgwfdqfk6z] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 1rem;
}

.services-table__trigger[b-fgwfdqfk6z] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    max-width: 320px;
}

.services-table__trigger-text[b-fgwfdqfk6z] {
    display: inline-block;
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.services-col[b-fgwfdqfk6z] {
    white-space: nowrap;
}

.services-col--name[b-fgwfdqfk6z] {
    min-width: 18ch;
}

.services-col--type[b-fgwfdqfk6z] {
    width: 10ch;
}

.services-col--state[b-fgwfdqfk6z] {
    width: 12ch;
}

.services-col--started[b-fgwfdqfk6z] {
    width: 14ch;
}

.services-col--awaiting[b-fgwfdqfk6z] {
    width: 12ch;
}

.services-col--actions[b-fgwfdqfk6z] {
    width: 36ch;
}

.services-col--triggered[b-fgwfdqfk6z] {
    width: 22ch;
}

.services-table__name[b-fgwfdqfk6z] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.services-table__name strong[b-fgwfdqfk6z] {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.services-table__actions[b-fgwfdqfk6z] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

.services-col--actions[b-fgwfdqfk6z] {
    overflow-x: auto;
    overflow-y: hidden;
}

.services-page__controls[b-fgwfdqfk6z] {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.75rem;
    align-items: center;
    margin-top: 0.5rem;
    font-size: 0.85rem;
    color: #5f7187;
    width: 100%;
}

.services-page__controls .services-page__autorefresh[b-fgwfdqfk6z] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.services-page__controls .button[b-fgwfdqfk6z] {
    min-width: 112px;
}

.services-page__add[b-fgwfdqfk6z] {
    padding: 0.6rem 1.2rem;
    font-size: 0.95rem;
}

.services-page__list-actions[b-fgwfdqfk6z] {
    display: flex;
    justify-content: flex-start;
    margin-top: 0.75rem;
    gap: 0.75rem;
    flex-wrap: wrap;
}

@media (max-width: 900px) {
    .services-page__controls[b-fgwfdqfk6z] {
        flex-wrap: wrap;
    }

    .services-page__indicators-row--inputs[b-fgwfdqfk6z] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .services-page__actions[b-fgwfdqfk6z] {
        width: 100%;
        justify-content: flex-start;
    }

    .services-page__indicators-row--outputs[b-fgwfdqfk6z] {
        flex-wrap: wrap;
    }
}

@media (max-width: 720px) {
    .services-page__list-actions .services-page__add[b-fgwfdqfk6z] {
        width: 100%;
    }

    .services-table[b-fgwfdqfk6z] {
        table-layout: auto;
    }

    .services-col--triggered[b-fgwfdqfk6z],
    .services-col--started[b-fgwfdqfk6z] {
        display: none;
    }

    .services-col--type[b-fgwfdqfk6z] {
        display: none;
    }

    .services-col--actions[b-fgwfdqfk6z] {
        width: auto;
    }
}

.button--small[b-fgwfdqfk6z] {
    padding: 0.3rem 0.65rem;
    font-size: 0.8rem;
    min-height: 30px;
}
/* /Pages/Settings.razor.rz.scp.css */
.settings-view[b-1ae37mvn9e] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1.5rem;
    color: #f5f8ff;
}

.settings-view__card[b-1ae37mvn9e] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.settings-view__list[b-1ae37mvn9e] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.5rem 1.5rem;
    margin: 0;
}

.settings-view__list dt[b-1ae37mvn9e] {
    font-weight: 600;
    color: #9fb4d7;
}

.settings-view__list dd[b-1ae37mvn9e] {
    margin: 0;
    font-family: "Courier New", Courier, monospace;
    color: #f5f8ff;
}

.settings-view__header[b-1ae37mvn9e] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.settings-view__status[b-1ae37mvn9e] {
    border-radius: 12px;
    padding: 1rem 1.25rem;
    border: 1px solid;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.settings-view__status--ok[b-1ae37mvn9e] {
    border-color: rgba(55, 211, 181, 0.4);
    background: rgba(55, 211, 181, 0.1);
    color: #7cf0d3;
}

.settings-view__status--warn[b-1ae37mvn9e] {
    border-color: rgba(255, 183, 77, 0.4);
    background: rgba(255, 183, 77, 0.1);
    color: #ffd9a6;
}

.settings-view__error[b-1ae37mvn9e] {
    color: #ff9d9d;
}
/* /Shared/IdentityBadge.razor.rz.scp.css */
.identity-badge[b-wofaqdle42] {
    display: inline-flex;
    flex-direction: column;
    gap: 2px;
    padding: 0.45rem 0.75rem;
    border-radius: 999px;
    border: 1px solid #d5e6ef;
    background: #f6fafb;
    color: #0b2530;
    font-size: 0.85rem;
    line-height: 1.2;
    min-width: 0;
}

.identity-badge__title[b-wofaqdle42] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #3b4a60;
}

.identity-badge__name[b-wofaqdle42] {
    font-weight: 600;
    color: #0b2530;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.identity-badge__meta[b-wofaqdle42] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
    color: #42556d;
    font-size: 0.8rem;
}

.identity-badge__dot[b-wofaqdle42] {
    color: #9fb4d7;
}

.identity-badge__status[b-wofaqdle42] {
    color: #42556d;
    font-size: 0.85rem;
}

.identity-badge__status--warn[b-wofaqdle42] {
    color: #c26c0a;
}

.identity-badge__status--error[b-wofaqdle42] {
    color: #b00020;
}
/* /Shared/Toast.razor.rz.scp.css */
.toast-container[b-ztg8tbqlcv] {
    position: fixed;
    top: 1.5rem;
    right: 2rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    z-index: 120;
}

.toast-item[b-ztg8tbqlcv] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.85rem 1.25rem;
    border-radius: 999px;
    border: 1px solid rgba(65, 103, 150, 0.28);
    background: rgba(14, 20, 32, 0.96);
    color: #d9e5ff;
    font-size: 0.9rem;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
}

.toast-item span[b-ztg8tbqlcv] {
    line-height: 1.3;
}

.toast-item--success[b-ztg8tbqlcv] {
    border-color: rgba(55, 211, 181, 0.7);
    color: #8ff0d8;
}

.toast-item--error[b-ztg8tbqlcv] {
    border-color: rgba(255, 120, 120, 0.8);
    color: #ffb5b5;
}

.toast-item--info[b-ztg8tbqlcv] {
    border-color: rgba(115, 167, 255, 0.6);
    color: #c8daff;
}

.toast-item__close[b-ztg8tbqlcv] {
    appearance: none;
    border: none;
    background: transparent;
    color: inherit;
    font-size: 1.2rem;
    cursor: pointer;
    line-height: 1;
    padding: 0;
}