@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* /Presentation/Features/Admin/Components/User/PartialAddressStep.razor.rz.scp.css */
body[b-xpfap0cr0z] {
}
/* /Presentation/Features/Admin/Components/User/PartialRolesStep.razor.rz.scp.css */
body[b-zyhdybs2dz] {
}
/* /Presentation/Features/Admin/Components/User/PartialUserStep.razor.rz.scp.css */
body[b-b40fjv5f4w] {
}
/* /Presentation/Features/Admin/Pages/Companies/List.razor.rz.scp.css */
.btn-ghost[b-qxdbdwemhu] {
    color: #adb5bd;
    border: 2px solid darkslategray;
    background-color: transparent;
    transition: all 0.2s ease-in-out;
}

.btn-ghost:hover[b-qxdbdwemhu] {
    color: #fff;
    border-color: dimgray;
    background-color: rgba(255, 255, 255, 0.05);
}

.form-label[b-qxdbdwemhu] {
    font-size: 12px !important;
}

.form-control[b-qxdbdwemhu] {
    font-size: 12px;
    height: 30px;
    line-height: 0.3 !important;
}

.form-select[b-qxdbdwemhu] {
    font-size: 12px;
    height: 30px;
    line-height: 0.8 !important;
}

.btn-group .btn[b-qxdbdwemhu] {
    font-size: 10px !important;
}

.table-control[b-qxdbdwemhu] {
    font-size: 12px !important;
}
/* /Presentation/Features/Admin/Pages/DevOpsAccess/Index.razor.rz.scp.css */
.security-page[b-fwiwfhu6ap] {
    width: 100%;
    min-width: 0;
    padding: 1.5rem;
    color: var(--bs-body-color);
    overflow-x: clip;
}

.security-header[b-fwiwfhu6ap] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1.25rem;
}

.security-header h1[b-fwiwfhu6ap] {
    margin: .35rem 0 .25rem;
    font-size: clamp(1.65rem, 2.8vw, 2.35rem);
    font-weight: 650;
}

.security-header p[b-fwiwfhu6ap],
.profile-panel p[b-fwiwfhu6ap],
.permission-group header p[b-fwiwfhu6ap] {
    color: var(--bs-secondary-color);
    margin: 0;
}

.eyebrow[b-fwiwfhu6ap] {
    color: #54a8ff;
    font-size: .76rem;
    font-weight: 750;
    letter-spacing: .09em;
}

.refresh-button[b-fwiwfhu6ap],
.save-button[b-fwiwfhu6ap],
.remove-button[b-fwiwfhu6ap] {
    border: 1px solid var(--bs-border-color);
    border-radius: .38rem;
    padding: .62rem .9rem;
    background: var(--bs-tertiary-bg);
    color: var(--bs-body-color);
    font-weight: 650;
}

.refresh-button:hover[b-fwiwfhu6ap] { border-color: #54a8ff; }

.security-summary[b-fwiwfhu6ap] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(18rem, 1.7fr);
    border: 1px solid var(--bs-border-color);
    border-radius: .55rem .55rem 0 0;
    background: var(--bs-tertiary-bg);
}

.security-summary article[b-fwiwfhu6ap] {
    min-width: 0;
    min-height: 4.2rem;
    display: flex;
    align-items: center;
    gap: .7rem;
    padding: .85rem 1rem;
    border-right: 1px solid var(--bs-border-color);
}

.security-summary article:last-child[b-fwiwfhu6ap] { border-right: 0; }
.security-summary article > i[b-fwiwfhu6ap] { color: #54a8ff; font-size: 1.1rem; }
.security-summary strong[b-fwiwfhu6ap] { font-size: 1.08rem; }
.security-summary .security-note[b-fwiwfhu6ap] { color: var(--bs-secondary-color); font-size: .83rem; }

.repository-bar[b-fwiwfhu6ap] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .85rem 1rem;
    border: 1px solid var(--bs-border-color);
    border-top: 0;
    background: var(--bs-body-bg);
}

.repository-picker[b-fwiwfhu6ap] {
    min-width: min(28rem, 100%);
}

.repository-picker label[b-fwiwfhu6ap],
.profile-panel label[b-fwiwfhu6ap] {
    display: block;
    color: var(--bs-secondary-color);
    font-size: .72rem;
    margin-bottom: .3rem;
}

.repository-picker select[b-fwiwfhu6ap],
.profile-panel select[b-fwiwfhu6ap] {
    width: 100%;
    border: 1px solid var(--bs-border-color);
    border-radius: .35rem;
    background: var(--bs-tertiary-bg);
    color: var(--bs-body-color);
    padding: .55rem .7rem;
}

.scope-indicator[b-fwiwfhu6ap] {
    display: flex;
    align-items: center;
    gap: .65rem;
    color: var(--bs-secondary-color);
    font-size: .75rem;
}

.scope-indicator i[b-fwiwfhu6ap] { color: #38b26d; }
.scope-indicator span[b-fwiwfhu6ap],
.scope-indicator strong[b-fwiwfhu6ap] { display: block; }
.scope-indicator strong[b-fwiwfhu6ap] { color: var(--bs-body-color); font-size: .83rem; }

.access-workspace[b-fwiwfhu6ap] {
    display: grid;
    grid-template-columns: minmax(15rem, 19rem) minmax(32rem, 1fr) minmax(15rem, 19rem);
    min-height: 42rem;
    border: 1px solid var(--bs-border-color);
    border-top: 0;
    border-radius: 0 0 .55rem .55rem;
    background: var(--bs-body-bg);
}

.principals-panel[b-fwiwfhu6ap],
.scope-panel[b-fwiwfhu6ap] {
    min-width: 0;
    background: var(--bs-tertiary-bg);
}

.principals-panel[b-fwiwfhu6ap] { border-right: 1px solid var(--bs-border-color); }
.scope-panel[b-fwiwfhu6ap] { border-left: 1px solid var(--bs-border-color); }

.panel-heading[b-fwiwfhu6ap] {
    min-height: 4.7rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid var(--bs-border-color);
}

.panel-heading span[b-fwiwfhu6ap],
.editor-identity > div > span[b-fwiwfhu6ap] {
    color: var(--bs-secondary-color);
    font-size: .67rem;
    font-weight: 700;
    letter-spacing: .08em;
}

.panel-heading h2[b-fwiwfhu6ap] {
    margin: .18rem 0 0;
    font-size: 1rem;
}

.count-badge[b-fwiwfhu6ap] {
    min-width: 1.75rem;
    min-height: 1.75rem;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: color-mix(in srgb, #2788f6 18%, transparent);
    color: #54a8ff !important;
}

.search-box[b-fwiwfhu6ap] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin: .8rem;
    padding: .5rem .65rem;
    border: 1px solid var(--bs-border-color);
    border-radius: .35rem;
    background: var(--bs-body-bg);
}

.search-box i[b-fwiwfhu6ap] { color: var(--bs-secondary-color); }
.search-box input[b-fwiwfhu6ap] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--bs-body-color);
}

.principal-list[b-fwiwfhu6ap] {
    max-height: 34rem;
    overflow-y: auto;
}

.principal-card[b-fwiwfhu6ap] {
    width: 100%;
    min-width: 0;
    display: grid;
    grid-template-columns: 2.3rem minmax(0, 1fr) auto;
    align-items: center;
    gap: .7rem;
    padding: .75rem .85rem;
    border: 0;
    border-left: 3px solid transparent;
    border-bottom: 1px solid var(--bs-border-color);
    background: transparent;
    color: var(--bs-body-color);
    text-align: left;
}

.principal-card:hover[b-fwiwfhu6ap] { background: color-mix(in srgb, #2788f6 7%, transparent); }
.principal-card.selected[b-fwiwfhu6ap] {
    border-left-color: #2788f6;
    background: color-mix(in srgb, #2788f6 13%, transparent);
}

.avatar[b-fwiwfhu6ap] {
    width: 2.3rem;
    height: 2.3rem;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #3d66d8, #7446c8);
    color: white;
    font-size: .72rem;
    font-weight: 750;
}

.avatar.large[b-fwiwfhu6ap] { width: 3.1rem; height: 3.1rem; font-size: .9rem; }
.principal-data[b-fwiwfhu6ap],
.principal-data strong[b-fwiwfhu6ap],
.principal-data small[b-fwiwfhu6ap],
.scope-user div[b-fwiwfhu6ap] { min-width: 0; display: block; }
.principal-data strong[b-fwiwfhu6ap],
.principal-data small[b-fwiwfhu6ap] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.principal-data strong[b-fwiwfhu6ap] { font-size: .85rem; }
.principal-data small[b-fwiwfhu6ap] { color: var(--bs-secondary-color); font-size: .72rem; }
.principal-meta em[b-fwiwfhu6ap] { color: var(--bs-secondary-color); font-size: .66rem; font-style: normal; }
.principal-meta .assigned[b-fwiwfhu6ap] { color: #38b26d; }
.principal-card > i[b-fwiwfhu6ap] { color: var(--bs-secondary-color); font-size: .75rem; }

.permission-editor[b-fwiwfhu6ap] { min-width: 0; }

.editor-identity[b-fwiwfhu6ap] {
    min-height: 5.9rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .85rem;
    padding: 1.1rem 1.25rem;
    border-bottom: 1px solid var(--bs-border-color);
}

.editor-identity h2[b-fwiwfhu6ap] { margin: .12rem 0; font-size: 1.15rem; }
.editor-identity p[b-fwiwfhu6ap] { margin: 0; color: var(--bs-secondary-color); font-size: .78rem; }

.access-state[b-fwiwfhu6ap] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 1rem;
    padding: .35rem .6rem;
    font-size: .7rem;
}

.access-state.configured[b-fwiwfhu6ap] { color: #38b26d; border-color: color-mix(in srgb, #38b26d 45%, transparent); }
.access-state.none[b-fwiwfhu6ap] { color: var(--bs-secondary-color); }

.profile-panel[b-fwiwfhu6ap] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(14rem, 20rem);
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--bs-border-color);
    background: color-mix(in srgb, var(--bs-tertiary-bg) 70%, transparent);
}

.profile-panel label[b-fwiwfhu6ap] { color: var(--bs-body-color); font-size: .85rem; font-weight: 650; }
.profile-panel p[b-fwiwfhu6ap] { font-size: .75rem; }

.permission-groups[b-fwiwfhu6ap] { padding: 1.1rem 1.25rem; }
.permission-group + .permission-group[b-fwiwfhu6ap] { margin-top: 1.1rem; }
.permission-group[b-fwiwfhu6ap] {
    overflow: hidden;
    border: 1px solid var(--bs-border-color);
    border-radius: .45rem;
}

.permission-group > header[b-fwiwfhu6ap] {
    display: flex;
    gap: .75rem;
    padding: .85rem 1rem;
    background: var(--bs-tertiary-bg);
    border-bottom: 1px solid var(--bs-border-color);
}

.permission-group > header > i[b-fwiwfhu6ap] { color: #54a8ff; }
.permission-group h3[b-fwiwfhu6ap] { margin: 0 0 .15rem; font-size: .9rem; }
.permission-group header p[b-fwiwfhu6ap] { font-size: .72rem; }

.permission-row[b-fwiwfhu6ap] {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    min-height: 3.8rem;
    padding: .65rem .85rem;
    border-bottom: 1px solid var(--bs-border-color);
}

.permission-row:last-child[b-fwiwfhu6ap] { border-bottom: 0; }
.permission-row:hover[b-fwiwfhu6ap] { background: color-mix(in srgb, #2788f6 4%, transparent); }
.permission-icon[b-fwiwfhu6ap] { color: var(--bs-secondary-color); text-align: center; }
.permission-copy strong[b-fwiwfhu6ap],
.permission-copy small[b-fwiwfhu6ap] { display: block; }
.permission-copy strong[b-fwiwfhu6ap] { font-size: .82rem; }
.permission-copy small[b-fwiwfhu6ap] { color: var(--bs-secondary-color); font-size: .7rem; }

.allow-control[b-fwiwfhu6ap] {
    position: relative;
    display: inline-flex;
}

.allow-control input[b-fwiwfhu6ap] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.allow-control span[b-fwiwfhu6ap] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-width: 5.7rem;
    justify-content: center;
    padding: .4rem .55rem;
    border: 1px solid var(--bs-border-color);
    border-radius: .3rem;
    color: var(--bs-secondary-color);
    font-size: .7rem;
    cursor: pointer;
}

.allow-control input:checked + span[b-fwiwfhu6ap] {
    border-color: color-mix(in srgb, #38b26d 55%, transparent);
    background: color-mix(in srgb, #38b26d 12%, transparent);
    color: #38b26d;
}

.editor-actions[b-fwiwfhu6ap] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .65rem;
    padding: 1rem 1.25rem;
    border-top: 1px solid var(--bs-border-color);
    background: var(--bs-tertiary-bg);
}

.editor-actions > span[b-fwiwfhu6ap] { margin-right: auto; color: var(--bs-secondary-color); font-size: .7rem; }
.save-button[b-fwiwfhu6ap] { background: #2678df; border-color: #2678df; color: white; }
.remove-button[b-fwiwfhu6ap] { color: #e25d65; }
.save-button:hover[b-fwiwfhu6ap] { background: #1f69c5; }
.remove-button:hover[b-fwiwfhu6ap] { background: color-mix(in srgb, #e25d65 10%, transparent); }

.scope-user[b-fwiwfhu6ap] {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: 1rem;
    border-bottom: 1px solid var(--bs-border-color);
}

.scope-user strong[b-fwiwfhu6ap],
.scope-user small[b-fwiwfhu6ap] { display: block; }
.scope-user strong[b-fwiwfhu6ap] { font-size: .82rem; }
.scope-user small[b-fwiwfhu6ap] { color: var(--bs-secondary-color); font-size: .68rem; }
.scope-list > span[b-fwiwfhu6ap] { display: block; padding: .9rem 1rem .45rem; color: var(--bs-secondary-color); font-size: .7rem; }
.scope-list article[b-fwiwfhu6ap] {
    display: flex;
    gap: .65rem;
    padding: .7rem 1rem;
    border-bottom: 1px solid var(--bs-border-color);
}

.scope-list article > i[b-fwiwfhu6ap] { color: #54a8ff; }
.scope-list article strong[b-fwiwfhu6ap],
.scope-list article small[b-fwiwfhu6ap] { display: block; overflow-wrap: anywhere; }
.scope-list article strong[b-fwiwfhu6ap] { font-size: .76rem; }
.scope-list article small[b-fwiwfhu6ap] { color: var(--bs-secondary-color); font-size: .67rem; }
.scope-empty[b-fwiwfhu6ap] { padding: 1.2rem 1rem; color: var(--bs-secondary-color); font-size: .75rem; text-align: center; }
.scope-empty i[b-fwiwfhu6ap] { display: block; margin-bottom: .4rem; font-size: 1.25rem; }

.loading-state[b-fwiwfhu6ap],
.empty-state[b-fwiwfhu6ap] {
    min-height: 28rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: .7rem;
    border: 1px solid var(--bs-border-color);
    border-radius: .55rem;
    color: var(--bs-secondary-color);
    text-align: center;
}

.empty-state > i[b-fwiwfhu6ap] { color: #54a8ff; font-size: 2.4rem; }
.empty-state h2[b-fwiwfhu6ap] { margin: 0; color: var(--bs-body-color); }
.empty-state p[b-fwiwfhu6ap] { margin: 0; }

@media (max-width: 1180px) {
    .security-summary[b-fwiwfhu6ap] { grid-template-columns: repeat(3, 1fr); }
    .security-summary .security-note[b-fwiwfhu6ap] { grid-column: 1 / -1; border-top: 1px solid var(--bs-border-color); }
    .access-workspace[b-fwiwfhu6ap] { grid-template-columns: minmax(14rem, 17rem) minmax(28rem, 1fr); }
    .scope-panel[b-fwiwfhu6ap] { display: none; }
}

@media (max-width: 820px) {
    .security-page[b-fwiwfhu6ap] { padding: .85rem; }
    .security-header[b-fwiwfhu6ap],
    .repository-bar[b-fwiwfhu6ap] { align-items: stretch; flex-direction: column; }
    .security-summary[b-fwiwfhu6ap] { grid-template-columns: 1fr; }
    .security-summary article[b-fwiwfhu6ap] { border-right: 0; border-bottom: 1px solid var(--bs-border-color); }
    .access-workspace[b-fwiwfhu6ap] { display: block; }
    .principals-panel[b-fwiwfhu6ap] { border-right: 0; border-bottom: 1px solid var(--bs-border-color); }
    .principal-list[b-fwiwfhu6ap] { max-height: 16rem; }
    .profile-panel[b-fwiwfhu6ap] { grid-template-columns: 1fr; }
    .editor-identity[b-fwiwfhu6ap] { grid-template-columns: auto minmax(0, 1fr); }
    .access-state[b-fwiwfhu6ap] { grid-column: 1 / -1; }
    .permission-row[b-fwiwfhu6ap] { grid-template-columns: 2rem minmax(0, 1fr); }
    .allow-control[b-fwiwfhu6ap] { grid-column: 2; justify-self: start; }
    .editor-actions[b-fwiwfhu6ap] { flex-wrap: wrap; }
    .editor-actions > span[b-fwiwfhu6ap] { width: 100%; }
}
/* /Presentation/Features/Admin/Pages/Users/List.razor.rz.scp.css */
.btn-ghost[b-pkkpn9u5p4] {
    color: #adb5bd;
    border: 2px solid darkslategray;
    background-color: transparent;
    transition: all 0.2s ease-in-out;
}

    .btn-ghost:hover[b-pkkpn9u5p4] {
        color: #fff;
        border-color: dimgray;
        background-color: rgba(255, 255, 255, 0.05);
    }

    .form-label[b-pkkpn9u5p4]{
        font-size: 12px !important;
    }

.form-control[b-pkkpn9u5p4] {
    font-size:12px;
    height: 30px;
    line-height: 0.3 !important;
}



.form-select[b-pkkpn9u5p4] {
    font-size: 12px;
    height: 30px;
    line-height: 0.8 !important;
}

.btn-group .btn[b-pkkpn9u5p4] {
    font-size: 10px !important;
}

.table-control[b-pkkpn9u5p4]{
    font-size:12px !important;
}
/* /Presentation/Features/Automations/Pages/Weather.razor.rz.scp.css */
.automation-page[b-vfxnun8fe6] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    color: #f4f7fb;
}

.automation-header[b-vfxnun8fe6],
.automation-panel[b-vfxnun8fe6] {
    border: 1px solid rgba(176, 190, 205, .22);
    border-radius: 8px;
    background: #1f252b;
    box-shadow: 0 16px 34px rgba(0, 0, 0, .16);
}

.automation-header[b-vfxnun8fe6] {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.15rem;
    background: linear-gradient(135deg, rgba(20, 66, 74, .9), rgba(31, 37, 43, .98));
}

.automation-header span[b-vfxnun8fe6] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: #47d1ff;
    font-size: .8rem;
    font-weight: 800;
    text-transform: uppercase;
}

.automation-header h1[b-vfxnun8fe6] {
    margin: .35rem 0;
    font-size: 1.9rem;
    font-weight: 800;
}

.automation-header p[b-vfxnun8fe6] {
    max-width: 58rem;
    margin: 0;
    color: #b9c2cf;
}

.runtime-badge[b-vfxnun8fe6] {
    min-width: 14rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .2rem;
    padding: .85rem 1rem;
    border-radius: 8px;
    border-left: 4px solid #50e3a4;
    background: rgba(255, 255, 255, .06);
}

.runtime-badge i[b-vfxnun8fe6] {
    color: #50e3a4;
}

.runtime-badge small[b-vfxnun8fe6] {
    color: #b9c2cf;
}

.automation-grid[b-vfxnun8fe6] {
    display: grid;
    grid-template-columns: minmax(18rem, 24rem) minmax(0, 1fr);
    gap: 1rem;
}

.automation-panel[b-vfxnun8fe6] {
    padding: 1rem;
}

.run-panel[b-vfxnun8fe6],
.runs-panel[b-vfxnun8fe6] {
    grid-column: 1;
}

.status-panel[b-vfxnun8fe6],
.live-panel[b-vfxnun8fe6],
.log-panel[b-vfxnun8fe6] {
    grid-column: 2;
}

.panel-title[b-vfxnun8fe6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .9rem;
}

.panel-title h2[b-vfxnun8fe6] {
    margin: 0;
    font-size: 1rem;
    font-weight: 800;
}

.panel-title > span[b-vfxnun8fe6],
.panel-title a[b-vfxnun8fe6] {
    color: #b9c2cf;
    font-size: .88rem;
    text-decoration: none;
}

.automation-input[b-vfxnun8fe6] {
    background: #151b21;
    border-color: rgba(176, 190, 205, .28);
    color: #fff;
}

.automation-input:focus[b-vfxnun8fe6] {
    background: #151b21;
    color: #fff;
    border-color: #47d1ff;
    box-shadow: 0 0 0 .15rem rgba(71, 209, 255, .16);
}

.delay-row[b-vfxnun8fe6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 4rem;
    align-items: center;
    gap: .75rem;
}

.delay-row strong[b-vfxnun8fe6] {
    color: #47d1ff;
    text-align: right;
}

.start-button[b-vfxnun8fe6] {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    margin-top: 1rem;
    font-weight: 800;
}

.execution-notes[b-vfxnun8fe6] {
    display: flex;
    flex-direction: column;
    gap: .45rem;
    margin-top: 1rem;
    color: #b9c2cf;
    font-size: .9rem;
}

.execution-notes div[b-vfxnun8fe6] {
    display: flex;
    gap: .45rem;
}

.execution-notes i[b-vfxnun8fe6] {
    color: #50e3a4;
}

.status-grid[b-vfxnun8fe6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    gap: .75rem;
}

.status-grid div[b-vfxnun8fe6] {
    min-height: 5rem;
    padding: .85rem;
    border: 1px solid rgba(176, 190, 205, .18);
    border-radius: 8px;
    background: rgba(255, 255, 255, .04);
}

.status-grid small[b-vfxnun8fe6] {
    display: block;
    color: #9ba8b8;
}

.status-grid strong[b-vfxnun8fe6] {
    display: block;
    margin-top: .3rem;
    word-break: break-word;
}

.result-banner[b-vfxnun8fe6],
.error-box[b-vfxnun8fe6],
.connection-box[b-vfxnun8fe6],
.viewer-placeholder[b-vfxnun8fe6],
.empty-state[b-vfxnun8fe6] {
    border-radius: 8px;
    border: 1px solid rgba(176, 190, 205, .18);
    background: rgba(255, 255, 255, .04);
}

.result-banner[b-vfxnun8fe6] {
    display: flex;
    align-items: center;
    gap: .8rem;
    margin-top: .85rem;
    padding: .9rem;
}

.result-banner i[b-vfxnun8fe6] {
    color: #ffc857;
    font-size: 1.6rem;
}

.result-banner span[b-vfxnun8fe6] {
    display: block;
    color: #b9c2cf;
}

.result-banner small[b-vfxnun8fe6] {
    display: block;
    margin-top: .15rem;
    color: #9ba8b8;
}

.error-box[b-vfxnun8fe6] {
    margin-top: .85rem;
    padding: .85rem;
    color: #ff9aae;
    border-color: rgba(255, 99, 125, .4);
}

.connection-box[b-vfxnun8fe6] {
    margin-top: .85rem;
    padding: .75rem .85rem;
    color: #ffd884;
    border-color: rgba(255, 200, 87, .34);
}

.live-actions[b-vfxnun8fe6],
.live-indicator[b-vfxnun8fe6] {
    display: inline-flex;
    align-items: center;
}

.live-actions[b-vfxnun8fe6] {
    gap: .65rem;
}

.live-indicator[b-vfxnun8fe6] {
    gap: .4rem;
    color: #b9c2cf;
    font-size: .82rem;
    font-weight: 800;
}

.live-indicator i[b-vfxnun8fe6] {
    width: .55rem;
    height: .55rem;
    border-radius: 50%;
    background: #50e3a4;
    box-shadow: 0 0 0 .25rem rgba(80, 227, 164, .12);
    animation: live-pulse-b-vfxnun8fe6 1.8s ease-in-out infinite;
}

.live-indicator.stale i[b-vfxnun8fe6] {
    background: #ffc857;
    box-shadow: 0 0 0 .25rem rgba(255, 200, 87, .12);
    animation: none;
}

.live-stage[b-vfxnun8fe6] {
    max-height: none;
}

.live-frame-caption[b-vfxnun8fe6] {
    position: absolute;
    right: .75rem;
    bottom: .75rem;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .45rem .65rem;
    border: 1px solid rgba(80, 227, 164, .28);
    border-radius: 999px;
    background: rgba(9, 14, 19, .82);
    color: #dce6f2;
    font-size: .78rem;
    font-weight: 800;
    backdrop-filter: blur(8px);
}

.live-frame-caption i[b-vfxnun8fe6] {
    color: #50e3a4;
}

.live-panel.expanded[b-vfxnun8fe6] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: flex;
    min-height: 0;
    flex-direction: column;
    margin: 0;
    overflow: auto;
    border: 0;
    border-radius: 0;
    padding: 1rem;
    background: #111820;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .55);
}

.live-panel.expanded .live-stage[b-vfxnun8fe6] {
    flex: 1;
    height: auto;
    min-height: 0;
    max-height: none;
}

.live-panel.expanded .live-stage img[b-vfxnun8fe6] {
    max-height: calc(100vh - 7rem);
}

@keyframes live-pulse-b-vfxnun8fe6 {
    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: .55;
        transform: scale(.82);
    }
}

.replay-shell[b-vfxnun8fe6] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.replay-stage[b-vfxnun8fe6] {
    position: relative;
    width: 100%;
    height: min(48vh, 34rem);
    min-height: 24rem;
    max-height: 34rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid rgba(176, 190, 205, .22);
    border-radius: 8px;
    background: #090e13;
}

.replay-stage img[b-vfxnun8fe6] {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 34rem;
    object-fit: contain;
    background: #090e13;
}

.replay-loading-badge[b-vfxnun8fe6] {
    position: absolute;
    top: .75rem;
    right: .75rem;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .45rem .65rem;
    border: 1px solid rgba(176, 190, 205, .22);
    border-radius: 999px;
    background: rgba(9, 14, 19, .78);
    color: #d8e2ef;
    font-size: .82rem;
    font-weight: 800;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .24);
    backdrop-filter: blur(8px);
}

.replay-loading-badge i[b-vfxnun8fe6] {
    color: #47d1ff;
}

.replay-controls[b-vfxnun8fe6] {
    display: flex;
    align-items: center;
    gap: .55rem;
}

.replay-controls span[b-vfxnun8fe6] {
    margin-left: auto;
    color: #b9c2cf;
    font-weight: 800;
}

.frame-strip[b-vfxnun8fe6] {
    display: flex;
    gap: .55rem;
    overflow-x: auto;
    padding-bottom: .2rem;
}

.frame-strip button[b-vfxnun8fe6] {
    min-width: 10rem;
    max-width: 14rem;
    display: flex;
    flex-direction: column;
    gap: .15rem;
    padding: .65rem .75rem;
    border: 1px solid rgba(176, 190, 205, .18);
    border-radius: 8px;
    background: rgba(255, 255, 255, .04);
    color: #f4f7fb;
    text-align: left;
}

.frame-strip button.active[b-vfxnun8fe6] {
    border-color: #47d1ff;
    background: rgba(71, 209, 255, .12);
}

.frame-strip strong[b-vfxnun8fe6] {
    color: #47d1ff;
}

.frame-strip small[b-vfxnun8fe6] {
    overflow: hidden;
    color: #b9c2cf;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.viewer-placeholder[b-vfxnun8fe6] {
    min-height: 18rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    color: #b9c2cf;
}

.viewer-placeholder.compact[b-vfxnun8fe6] {
    min-height: 8rem;
}

.viewer-placeholder i[b-vfxnun8fe6] {
    color: #47d1ff;
    font-size: 2rem;
}

.log-list[b-vfxnun8fe6],
.runs-list[b-vfxnun8fe6] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.log-list[b-vfxnun8fe6] {
    max-height: 18rem;
    overflow: auto;
    padding-right: .25rem;
}

.log-list div[b-vfxnun8fe6],
.runs-list button[b-vfxnun8fe6] {
    border: 1px solid rgba(176, 190, 205, .16);
    border-radius: 8px;
    background: rgba(255, 255, 255, .04);
}

.log-list div[b-vfxnun8fe6] {
    padding: .65rem .75rem;
    color: #dce6f2;
    font-size: .88rem;
}

.runs-list button[b-vfxnun8fe6] {
    width: 100%;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .35rem .55rem;
    padding: .7rem;
    color: inherit;
    text-align: left;
}

.runs-list strong[b-vfxnun8fe6] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.runs-list small[b-vfxnun8fe6] {
    grid-column: 2;
    color: #9ba8b8;
}

.status-pill[b-vfxnun8fe6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 5.5rem;
    padding: .25rem .55rem;
    border-radius: 999px;
    color: #111;
    font-size: .78rem;
    font-weight: 800;
}

.status-pill.success[b-vfxnun8fe6] {
    background: #50e3a4;
    color: #06281a;
}

.status-pill.danger[b-vfxnun8fe6] {
    background: #ff637d;
    color: #2b070d;
}

.status-pill.warning[b-vfxnun8fe6] {
    background: #ffc857;
    color: #261800;
}

.status-pill.neutral[b-vfxnun8fe6] {
    background: #9ba8b8;
    color: #101820;
}

.status-pill.running[b-vfxnun8fe6] {
    background: #47d1ff;
    color: #062331;
}

.empty-state[b-vfxnun8fe6] {
    padding: 1rem;
    color: #b9c2cf;
}

@media (prefers-reduced-motion: reduce) {
    .live-indicator i[b-vfxnun8fe6] {
        animation: none;
    }
}

@media (max-width: 1100px) {
    .automation-header[b-vfxnun8fe6],
    .automation-grid[b-vfxnun8fe6] {
        grid-template-columns: 1fr;
    }

    .automation-header[b-vfxnun8fe6] {
        flex-direction: column;
    }

    .run-panel[b-vfxnun8fe6],
    .runs-panel[b-vfxnun8fe6],
    .status-panel[b-vfxnun8fe6],
    .live-panel[b-vfxnun8fe6],
    .log-panel[b-vfxnun8fe6] {
        grid-column: 1;
    }

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

@media (max-width: 640px) {
    .status-grid[b-vfxnun8fe6] {
        grid-template-columns: 1fr;
    }

    .live-actions[b-vfxnun8fe6] {
        align-items: flex-end;
        flex-direction: column;
    }

    .live-panel.expanded[b-vfxnun8fe6] {
        padding: .75rem;
    }
}
/* /Presentation/Features/CommercialModules/Pages/ModuleCheckout.razor.rz.scp.css */
.module-checkout[b-qwygqt1rkr] {
    --catalog-green: #20c777;
    --catalog-green-dark: #11955a;
    --catalog-card: color-mix(in srgb, var(--bs-body-bg) 92%, #14251d);
    --catalog-border: color-mix(in srgb, var(--bs-body-color) 16%, transparent);
    color: var(--bs-body-color);
}

.checkout-hero[b-qwygqt1rkr] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 2rem;
    padding: 2.2rem;
    margin-bottom: 1.5rem;
    border: 1px solid var(--catalog-border);
    border-radius: 1.4rem;
    background:
        radial-gradient(circle at 88% 0%, rgba(32, 199, 119, .22), transparent 34%),
        linear-gradient(135deg, color-mix(in srgb, var(--bs-body-bg) 93%, #0d6b42), var(--bs-body-bg));
}

.checkout-hero h1[b-qwygqt1rkr] {
    max-width: 760px;
    margin: .45rem 0 .65rem;
    font-size: clamp(2rem, 4vw, 3.3rem);
    font-weight: 750;
    letter-spacing: -.045em;
}

.checkout-hero p[b-qwygqt1rkr] {
    max-width: 720px;
    margin: 0;
    color: var(--bs-secondary-color);
    font-size: 1.05rem;
}

.eyebrow[b-qwygqt1rkr],
.category-heading span[b-qwygqt1rkr] {
    color: var(--catalog-green);
    font-size: .73rem;
    font-weight: 800;
    letter-spacing: .12em;
}

.billing-switch[b-qwygqt1rkr] {
    display: flex;
    flex: 0 0 auto;
    padding: .35rem;
    border: 1px solid var(--catalog-border);
    border-radius: .9rem;
    background: var(--bs-body-bg);
}

.billing-option[b-qwygqt1rkr] {
    padding: .7rem 1rem;
    border: 0;
    border-radius: .65rem;
    background: transparent;
    color: var(--bs-body-color);
    font-weight: 700;
}

.billing-option span[b-qwygqt1rkr] {
    display: block;
    color: var(--catalog-green);
    font-size: .66rem;
}

.billing-option.active[b-qwygqt1rkr] {
    background: var(--catalog-green);
    color: #062d1d;
}

.billing-option.active span[b-qwygqt1rkr] { color: #062d1d; }

.checkout-layout[b-qwygqt1rkr] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 350px;
    gap: 1.5rem;
    align-items: start;
}

.module-category[b-qwygqt1rkr] { margin-bottom: 2rem; }

.category-heading[b-qwygqt1rkr] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-bottom: .85rem;
}

.category-heading h2[b-qwygqt1rkr] { margin: .1rem 0 0; font-size: 1.3rem; }
.category-heading small[b-qwygqt1rkr] { color: var(--bs-secondary-color); }

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

.module-card[b-qwygqt1rkr] {
    position: relative;
    padding: 1.25rem;
    overflow: hidden;
    border: 1px solid var(--catalog-border);
    border-radius: 1.15rem;
    background: var(--catalog-card);
    transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.module-card:hover[b-qwygqt1rkr] { transform: translateY(-2px); }

.module-card.selected[b-qwygqt1rkr] {
    border-color: var(--catalog-green);
    box-shadow: 0 0 0 1px rgba(32, 199, 119, .22), 0 15px 35px rgba(0, 0, 0, .09);
}

.featured-badge[b-qwygqt1rkr] {
    position: absolute;
    top: 0;
    right: 0;
    padding: .35rem .7rem;
    border-radius: 0 1rem 0 .75rem;
    background: rgba(32, 199, 119, .16);
    color: var(--catalog-green);
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.module-card-head[b-qwygqt1rkr] { display: flex; justify-content: space-between; align-items: center; }

.module-icon[b-qwygqt1rkr] {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: .8rem;
    background: rgba(32, 199, 119, .13);
    color: var(--catalog-green);
    font-size: 1.2rem;
}

.module-selector[b-qwygqt1rkr] {
    display: flex;
    align-items: center;
    gap: .45rem;
    font-size: .78rem;
    font-weight: 700;
    cursor: pointer;
}

.module-selector input[b-qwygqt1rkr] { accent-color: var(--catalog-green); width: 17px; height: 17px; }
.module-card h3[b-qwygqt1rkr] { margin: 1rem 0 .35rem; font-size: 1.15rem; }

.module-description[b-qwygqt1rkr] {
    min-height: 3rem;
    margin-bottom: .8rem;
    color: var(--bs-secondary-color);
    font-size: .88rem;
}

.module-price[b-qwygqt1rkr] { display: flex; align-items: baseline; gap: .35rem; margin-bottom: .9rem; }
.module-price strong[b-qwygqt1rkr] { font-size: 1.35rem; }
.module-price small[b-qwygqt1rkr] { color: var(--bs-secondary-color); }

.feature-list[b-qwygqt1rkr] { display: grid; gap: .38rem; padding: 0; margin: 0; list-style: none; }
.feature-list li[b-qwygqt1rkr] { display: flex; gap: .45rem; font-size: .82rem; }
.feature-list i[b-qwygqt1rkr] { color: var(--catalog-green); }

.dependency-note[b-qwygqt1rkr] {
    display: flex;
    gap: .45rem;
    margin-top: .85rem;
    padding: .55rem .65rem;
    border-radius: .65rem;
    background: rgba(255, 193, 7, .1);
    color: color-mix(in srgb, var(--bs-body-color) 80%, #ffc107);
    font-size: .76rem;
}

.role-list[b-qwygqt1rkr] { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .85rem; }
.role-list > span:first-child[b-qwygqt1rkr] { flex-basis: 100%; color: var(--bs-secondary-color); font-size: .7rem; }

.role-chip[b-qwygqt1rkr] {
    padding: .25rem .5rem;
    border: 1px solid var(--catalog-border);
    border-radius: 999px;
    font-size: .68rem;
}

.order-summary[b-qwygqt1rkr] {
    position: sticky;
    top: 1rem;
    padding: 1.4rem;
    border: 1px solid var(--catalog-border);
    border-radius: 1.2rem;
    background: var(--catalog-card);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .1);
}

.order-summary h2[b-qwygqt1rkr] { margin: .25rem 0 1.2rem; font-size: 1.45rem; }
.summary-items[b-qwygqt1rkr] { display: grid; gap: .7rem; padding-bottom: 1rem; border-bottom: 1px solid var(--catalog-border); }
.summary-line[b-qwygqt1rkr] { display: flex; justify-content: space-between; gap: 1rem; font-size: .85rem; }
.summary-line span[b-qwygqt1rkr] { color: var(--bs-secondary-color); }
.core-line strong[b-qwygqt1rkr] { color: var(--catalog-green); }
.savings[b-qwygqt1rkr] { padding: .8rem 0; color: var(--catalog-green); }
.savings span[b-qwygqt1rkr] { color: var(--catalog-green); }

.summary-total[b-qwygqt1rkr] { display: grid; grid-template-columns: 1fr auto; align-items: baseline; margin: .2rem 0 1rem; }
.summary-total strong[b-qwygqt1rkr] { font-size: 1.7rem; }
.summary-total small[b-qwygqt1rkr] { grid-column: 1 / -1; color: var(--bs-secondary-color); text-align: right; }

.btn-confirm[b-qwygqt1rkr] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    padding: .85rem;
    border: 0;
    border-radius: .75rem;
    background: linear-gradient(135deg, var(--catalog-green), #45e596);
    color: #062d1d;
    font-weight: 800;
}

.btn-confirm:disabled[b-qwygqt1rkr] { opacity: .6; }
.checkout-note[b-qwygqt1rkr] { display: flex; gap: .5rem; margin: .9rem 0; color: var(--bs-secondary-color); font-size: .73rem; }

.access-explanation[b-qwygqt1rkr] {
    padding: .85rem;
    border-radius: .75rem;
    background: color-mix(in srgb, var(--bs-body-bg) 75%, transparent);
}

.access-explanation strong[b-qwygqt1rkr] { font-size: .82rem; }
.access-explanation p[b-qwygqt1rkr] { margin: .3rem 0 0; color: var(--bs-secondary-color); font-size: .74rem; }

.checkout-loading[b-qwygqt1rkr] { display: flex; min-height: 45vh; align-items: center; justify-content: center; gap: .75rem; }

@media (max-width: 1100px) {
    .checkout-layout[b-qwygqt1rkr] { grid-template-columns: 1fr; }
    .order-summary[b-qwygqt1rkr] { position: static; }
}

@media (max-width: 760px) {
    .checkout-hero[b-qwygqt1rkr] { align-items: stretch; flex-direction: column; padding: 1.3rem; }
    .billing-switch[b-qwygqt1rkr] { align-self: stretch; }
    .billing-option[b-qwygqt1rkr] { flex: 1; }
    .module-grid[b-qwygqt1rkr] { grid-template-columns: 1fr; }
}
/* /Presentation/Features/Customer/Dashboard.razor.rz.scp.css */
.customer-dashboard[b-t2quf1xkyy] { color: #f4f7fb; }
.customer-hero[b-t2quf1xkyy] { display: flex; justify-content: space-between; gap: 2rem; padding: 2rem; border: 1px solid rgba(80,227,164,.24); border-radius: 1.5rem; background: radial-gradient(circle at 90% 10%, rgba(80,227,164,.17), transparent 34%), linear-gradient(135deg, #041f29, #071520); box-shadow: 0 24px 60px rgba(0,0,0,.24); }
.customer-hero h1[b-t2quf1xkyy] { margin: .55rem 0; font-size: clamp(2rem, 5vw, 3.4rem); font-weight: 800; }
.customer-hero p[b-t2quf1xkyy] { max-width: 680px; margin: 0; color: #aebcca; font-size: 1.04rem; }
.customer-kicker[b-t2quf1xkyy] { color: #50e3a4; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; font-size: .78rem; }
.customer-hero-mark[b-t2quf1xkyy] { display: grid; place-items: center; min-width: 112px; min-height: 112px; align-self: center; border-radius: 2rem; color: #50e3a4; background: rgba(80,227,164,.1); font-size: 3.4rem; }
.customer-section-heading[b-t2quf1xkyy] { display: flex; justify-content: space-between; align-items: end; margin: 2rem 0 1rem; }
.customer-section-heading span[b-t2quf1xkyy], .customer-section-heading small[b-t2quf1xkyy] { color: #8295a6; }
.customer-section-heading h2[b-t2quf1xkyy] { margin: .2rem 0 0; font-size: 1.45rem; }
.customer-feature-grid[b-t2quf1xkyy] { display: grid; grid-template-columns: repeat(auto-fit, minmax(235px, 1fr)); gap: 1rem; }
.customer-feature-card[b-t2quf1xkyy] { display: flex; min-height: 260px; flex-direction: column; padding: 1.35rem; border: 1px solid #1a3948; border-radius: 1.25rem; color: inherit; text-decoration: none; background: #0a2230; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.customer-feature-card:hover[b-t2quf1xkyy] { transform: translateY(-4px); border-color: #50e3a4; box-shadow: 0 16px 36px rgba(0,0,0,.27); }
.feature-icon[b-t2quf1xkyy] { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 1rem; border-radius: 1rem; color: #50e3a4; background: rgba(80,227,164,.1); font-size: 1.35rem; }
.feature-category[b-t2quf1xkyy] { color: #50e3a4; font-size: .72rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.customer-feature-card strong[b-t2quf1xkyy] { margin: .35rem 0 .55rem; font-size: 1.12rem; }
.customer-feature-card p[b-t2quf1xkyy] { flex: 1; color: #9aacba; font-size: .9rem; }
.feature-action[b-t2quf1xkyy] { display: flex; align-items: center; gap: .5rem; color: #dffcef; font-weight: 700; }
@media (max-width: 640px) { .customer-hero[b-t2quf1xkyy] { padding: 1.4rem; } .customer-hero-mark[b-t2quf1xkyy] { display: none; } }
/* /Presentation/Features/Customer/Feature.razor.rz.scp.css */
.customer-feature-page[b-lpqzqunntl] { max-width: 900px; margin: 0 auto; color: #f4f7fb; }
.back-link[b-lpqzqunntl] { display: inline-flex; gap: .5rem; align-items: center; margin-bottom: 1rem; color: #50e3a4; text-decoration: none; font-weight: 700; }
.feature-panel[b-lpqzqunntl] { min-height: 430px; padding: clamp(1.5rem, 5vw, 3.5rem); border: 1px solid #1a3948; border-radius: 1.5rem; background: radial-gradient(circle at 92% 8%, rgba(80,227,164,.15), transparent 30%), #081e2a; }
.feature-panel-icon[b-lpqzqunntl] { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 1.2rem; color: #50e3a4; background: rgba(80,227,164,.1); font-size: 1.8rem; }
.feature-panel-category[b-lpqzqunntl] { display: block; margin-top: 2rem; color: #50e3a4; font-size: .76rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.feature-panel h1[b-lpqzqunntl] { margin: .45rem 0 .85rem; font-size: clamp(2rem, 5vw, 3.25rem); }
.feature-panel p[b-lpqzqunntl] { max-width: 650px; color: #aebcca; font-size: 1.05rem; }
.feature-status[b-lpqzqunntl] { display: inline-flex; gap: .6rem; align-items: center; margin-top: 2rem; padding: .7rem 1rem; border: 1px solid rgba(80,227,164,.24); border-radius: 999px; color: #dffcef; background: rgba(80,227,164,.07); }
/* /Presentation/Features/Dashboard/Pages/Financial.razor.rz.scp.css */
.executive-dashboard[b-tl2aplaupu] {
    color: #f5f7fb;
    padding-bottom: 1.5rem;
}

.dashboard-hero[b-tl2aplaupu] {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 1.25rem;
    border: 1px solid rgba(255,255,255,.12);
    background:
        linear-gradient(135deg, rgba(28, 151, 162, .16), rgba(44, 52, 67, .42)),
        rgba(24, 29, 34, .88);
    border-radius: 8px;
}

.dashboard-hero h1[b-tl2aplaupu] {
    margin: .2rem 0;
    font-size: 1.75rem;
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: 0;
}

.dashboard-hero p[b-tl2aplaupu] {
    max-width: 720px;
    margin: 0;
    color: #aeb9c6;
}

.section-kicker[b-tl2aplaupu] {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: #47d1ff;
    font-size: .85rem;
    font-weight: 700;
    text-transform: uppercase;
}

.hero-status[b-tl2aplaupu] {
    min-width: 190px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .15rem;
    padding: 1rem;
    border-radius: 8px;
    background: rgba(255,255,255,.06);
    border-left: 4px solid #47d1ff;
}

.hero-status span[b-tl2aplaupu] {
    color: #c3cedb;
    font-size: .8rem;
}

.hero-status strong[b-tl2aplaupu] {
    font-size: 1.1rem;
}

.hero-status.good[b-tl2aplaupu] {
    border-left-color: #36c275;
}

.hero-status.warning[b-tl2aplaupu] {
    border-left-color: #ffc857;
}

.hero-status.danger[b-tl2aplaupu] {
    border-left-color: #ff6b6b;
}

.dashboard-tabs[b-tl2aplaupu] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-bottom: 1rem;
}

.dashboard-tab[b-tl2aplaupu] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    min-height: 38px;
    padding: .45rem .75rem;
    color: #c8d2df;
    text-decoration: none;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 8px;
    background: rgba(255,255,255,.045);
}

.dashboard-tab:hover[b-tl2aplaupu],
.dashboard-tab.active[b-tl2aplaupu] {
    color: #fff;
    border-color: rgba(71, 209, 255, .55);
    background: rgba(71, 209, 255, .13);
}

.metric-grid[b-tl2aplaupu] {
    display: grid;
    grid-template-columns: repeat(5, minmax(150px, 1fr));
    gap: .8rem;
    margin-bottom: 1rem;
}

.metric-card[b-tl2aplaupu] {
    position: relative;
    min-height: 124px;
    padding: 1rem;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(31, 36, 41, .95);
}

.metric-card[b-tl2aplaupu]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: #8d99a8;
}

.metric-card i[b-tl2aplaupu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin-bottom: .7rem;
    border-radius: 8px;
    background: rgba(255,255,255,.08);
    color: #f8fbff;
}

.metric-card span[b-tl2aplaupu],
.metric-card small[b-tl2aplaupu] {
    display: block;
    color: #aeb9c6;
}

.metric-card strong[b-tl2aplaupu] {
    display: block;
    margin: .15rem 0 .2rem;
    font-size: 1.35rem;
    line-height: 1.2;
}

.metric-card.good[b-tl2aplaupu]::before,
.chart-fill.good[b-tl2aplaupu] {
    background: #36c275;
}

.metric-card.info[b-tl2aplaupu]::before,
.chart-fill.info[b-tl2aplaupu] {
    background: #47d1ff;
}

.metric-card.blue[b-tl2aplaupu]::before,
.chart-fill.blue[b-tl2aplaupu] {
    background: #3d8bfd;
}

.metric-card.warning[b-tl2aplaupu]::before,
.chart-fill.warning[b-tl2aplaupu] {
    background: #ffc857;
}

.metric-card.danger[b-tl2aplaupu]::before,
.chart-fill.danger[b-tl2aplaupu] {
    background: #ff6b6b;
}

.metric-card.violet[b-tl2aplaupu]::before,
.chart-fill.violet[b-tl2aplaupu] {
    background: #9b8cff;
}

.metric-card.neutral[b-tl2aplaupu]::before,
.chart-fill.neutral[b-tl2aplaupu] {
    background: #8d99a8;
}

.dashboard-grid[b-tl2aplaupu] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: .9rem;
}

.dashboard-panel[b-tl2aplaupu] {
    min-width: 0;
    padding: 1rem;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(31, 36, 41, .95);
    box-shadow: 0 12px 32px rgba(0,0,0,.18);
}

.span-4[b-tl2aplaupu] {
    grid-column: span 4;
}

.span-5[b-tl2aplaupu] {
    grid-column: span 5;
}

.span-6[b-tl2aplaupu] {
    grid-column: span 6;
}

.span-7[b-tl2aplaupu] {
    grid-column: span 7;
}

.span-8[b-tl2aplaupu] {
    grid-column: span 8;
}

.span-12[b-tl2aplaupu] {
    grid-column: span 12;
}

.panel-heading[b-tl2aplaupu] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.panel-heading h2[b-tl2aplaupu] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0;
}

.panel-heading p[b-tl2aplaupu] {
    margin: .18rem 0 0;
    color: #8d99a8;
    font-size: .86rem;
}

.panel-heading > span[b-tl2aplaupu] {
    white-space: nowrap;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
}

.panel-heading.compact[b-tl2aplaupu] {
    align-items: center;
}

.bar-chart[b-tl2aplaupu] {
    display: grid;
    gap: .8rem;
}

.bar-chart.small[b-tl2aplaupu] {
    gap: .6rem;
}

.chart-row[b-tl2aplaupu] {
    display: grid;
    grid-template-columns: minmax(112px, 180px) minmax(120px, 1fr) minmax(82px, auto);
    gap: .75rem;
    align-items: center;
    min-height: 30px;
}

.chart-row span[b-tl2aplaupu] {
    color: #d9e0ea;
    font-size: .9rem;
}

.chart-row strong[b-tl2aplaupu] {
    text-align: right;
    font-size: .88rem;
    color: #fff;
}

.chart-track[b-tl2aplaupu] {
    height: 12px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
}

.chart-fill[b-tl2aplaupu] {
    height: 100%;
    border-radius: inherit;
    transition: width .2s ease;
}

.donut[b-tl2aplaupu] {
    width: 94px;
    height: 94px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 50%;
    position: relative;
}

.donut[b-tl2aplaupu]::after {
    content: "";
    position: absolute;
    inset: 12px;
    border-radius: 50%;
    background: #1f2429;
    border: 1px solid rgba(255,255,255,.08);
}

.donut span[b-tl2aplaupu] {
    position: relative;
    z-index: 1;
    font-weight: 800;
}

.compact-list[b-tl2aplaupu],
.insight-list[b-tl2aplaupu] {
    display: grid;
    gap: .65rem;
}

.list-line[b-tl2aplaupu],
.activity-item[b-tl2aplaupu] {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-width: 0;
    padding: .75rem;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 8px;
    background: rgba(255,255,255,.035);
}

.list-line i[b-tl2aplaupu],
.activity-item i[b-tl2aplaupu] {
    flex: 0 0 auto;
    color: #47d1ff;
}

.list-line.danger i[b-tl2aplaupu],
.activity-item.danger i[b-tl2aplaupu] {
    color: #ff6b6b;
}

.activity-item.warning i[b-tl2aplaupu] {
    color: #ffc857;
}

.activity-item.good i[b-tl2aplaupu] {
    color: #36c275;
}

.activity-item.blue i[b-tl2aplaupu] {
    color: #3d8bfd;
}

.list-line div[b-tl2aplaupu],
.activity-item div[b-tl2aplaupu] {
    min-width: 0;
    flex: 1 1 auto;
}

.list-line strong[b-tl2aplaupu],
.activity-item strong[b-tl2aplaupu] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list-line span[b-tl2aplaupu],
.activity-item span[b-tl2aplaupu] {
    display: block;
    color: #9faabc;
    font-size: .83rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list-line em[b-tl2aplaupu],
.activity-item em[b-tl2aplaupu] {
    flex: 0 0 auto;
    color: #fff;
    font-style: normal;
    font-weight: 700;
    white-space: nowrap;
}

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

.status-board[b-tl2aplaupu] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.status-board div[b-tl2aplaupu],
.insight-list div[b-tl2aplaupu] {
    padding: .85rem;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,.1);
    background: rgba(255,255,255,.035);
}

.status-board strong[b-tl2aplaupu],
.insight-list strong[b-tl2aplaupu] {
    display: block;
    font-size: 1.05rem;
    color: #fff;
}

.status-board span[b-tl2aplaupu],
.insight-list span[b-tl2aplaupu] {
    display: block;
    color: #aeb9c6;
    font-size: .84rem;
}

.insight-list .good[b-tl2aplaupu] {
    border-left: 4px solid #36c275;
}

.insight-list .info[b-tl2aplaupu] {
    border-left: 4px solid #47d1ff;
}

.insight-list .warning[b-tl2aplaupu] {
    border-left: 4px solid #ffc857;
}

.insight-list .neutral[b-tl2aplaupu] {
    border-left: 4px solid #8d99a8;
}

.empty-state[b-tl2aplaupu] {
    padding: 1rem;
    border: 1px dashed rgba(255,255,255,.18);
    border-radius: 8px;
    color: #9faabc;
    background: rgba(255,255,255,.025);
}

.loading-panel[b-tl2aplaupu] {
    min-height: 240px;
    display: grid;
    place-items: center;
    gap: .8rem;
    color: #aeb9c6;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 8px;
    background: rgba(31,36,41,.82);
}

.pulse-dot[b-tl2aplaupu] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 3px solid rgba(71,209,255,.25);
    border-top-color: #47d1ff;
    animation: dashboard-spin-b-tl2aplaupu .9s linear infinite;
}

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

@media (max-width: 1320px) {
    .metric-grid[b-tl2aplaupu] {
        grid-template-columns: repeat(3, minmax(160px, 1fr));
    }
}

@media (max-width: 980px) {
    .dashboard-hero[b-tl2aplaupu],
    .panel-heading[b-tl2aplaupu] {
        flex-direction: column;
    }

    .metric-grid[b-tl2aplaupu],
    .activity-grid[b-tl2aplaupu],
    .status-board[b-tl2aplaupu] {
        grid-template-columns: 1fr;
    }

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

    .chart-row[b-tl2aplaupu] {
        grid-template-columns: 1fr;
        gap: .35rem;
    }

    .chart-row strong[b-tl2aplaupu] {
        text-align: left;
    }
}
/* /Presentation/Features/DevOps/Components/DeploymentStatusBadge.razor.rz.scp.css */
.deployment-status-badge[b-jfvkmsnwl9] {
    min-width: 0;
    border: 1px solid #38434f;
    color: #aab6c3;
    background: #151c24;
}

.deployment-status-badge.pill[b-jfvkmsnwl9] {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: .38rem;
    padding: .3rem .48rem;
    border-radius: 5px;
    font-size: .66rem;
    white-space: nowrap;
}

.deployment-status-badge.card[b-jfvkmsnwl9] {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    align-items: center;
    gap: .48rem;
    padding: .42rem .5rem;
    border-radius: 6px;
}

.deployment-status-badge.card > i[b-jfvkmsnwl9] {
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    border-radius: 50%;
    background: rgba(139, 148, 158, .1);
    font-size: .7rem;
}

.deployment-status-badge.card > span[b-jfvkmsnwl9] {
    display: grid;
    min-width: 0;
    gap: .03rem;
}

.deployment-status-badge.card small[b-jfvkmsnwl9] {
    color: #8b98a7;
    font-size: .52rem;
    font-weight: 800;
    letter-spacing: .08em;
}

.deployment-status-badge.card strong[b-jfvkmsnwl9] {
    overflow: hidden;
    font-size: .62rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.deployment-status-badge.running[b-jfvkmsnwl9],
.deployment-status-badge.approval[b-jfvkmsnwl9] {
    border-color: rgba(47, 129, 247, .46);
    color: #8bc5ff;
    background: rgba(47, 129, 247, .12);
}

.deployment-status-badge.warning[b-jfvkmsnwl9] {
    border-color: rgba(210, 153, 34, .46);
    color: #eac55f;
    background: rgba(210, 153, 34, .11);
}

.deployment-status-badge.success[b-jfvkmsnwl9] {
    border-color: rgba(63, 185, 80, .42);
    color: #7ee2a8;
    background: rgba(63, 185, 80, .1);
}

.deployment-status-badge.failure[b-jfvkmsnwl9] {
    border-color: rgba(248, 81, 73, .42);
    color: #ff9b95;
    background: rgba(248, 81, 73, .1);
}
/* /Presentation/Features/DevOps/Components/PipelineDefinitionEditor.razor.rz.scp.css */
.definition-backdrop[b-fw3ku8wjrs] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: grid;
    place-items: center;
    padding: 1.5rem;
    background: rgba(3, 8, 15, .78);
    backdrop-filter: blur(5px);
}

.definition-dialog[b-fw3ku8wjrs] {
    width: min(980px, 100%);
    max-height: calc(100vh - 3rem);
    overflow: hidden;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    color: var(--text-primary, #e7edf5);
    background: var(--surface-primary, #10161f);
    border: 1px solid var(--border-color, #2b3542);
    border-radius: 12px;
    box-shadow: 0 26px 80px rgba(0, 0, 0, .48);
}

.definition-header[b-fw3ku8wjrs] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: .9rem;
    align-items: center;
    padding: 1.25rem 1.4rem 1rem;
    border-bottom: 1px solid var(--border-color, #2b3542);
}

.definition-icon[b-fw3ku8wjrs] {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: rgba(45, 127, 249, .14);
    color: #55a0ff;
    font-size: 1.3rem;
}

.definition-header span[b-fw3ku8wjrs] {
    display: block;
    color: #58a6ff;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .08em;
}

.definition-header h2[b-fw3ku8wjrs] { margin: .15rem 0 0; font-size: 1.35rem; }
.definition-header p[b-fw3ku8wjrs] { margin: .2rem 0 0; color: var(--text-muted, #8d9bad); font-size: .8rem; }

.icon-button[b-fw3ku8wjrs], .remove-button[b-fw3ku8wjrs] {
    border: 0;
    background: transparent;
    color: var(--text-muted, #8d9bad);
}

.icon-button[b-fw3ku8wjrs] { width: 38px; height: 38px; font-size: 1.1rem; }
.icon-button:hover[b-fw3ku8wjrs] { color: var(--text-primary, #e7edf5); }

.editor-tabs[b-fw3ku8wjrs] {
    display: flex;
    gap: 1.35rem;
    padding: 0 1.4rem;
    border-bottom: 1px solid var(--border-color, #2b3542);
}

.editor-tabs button[b-fw3ku8wjrs] {
    padding: .9rem .1rem .75rem;
    border: 0;
    border-bottom: 2px solid transparent;
    color: var(--text-muted, #9aa7b6);
    background: transparent;
    font-weight: 650;
}

.editor-tabs button.active[b-fw3ku8wjrs] { color: #fff; border-bottom-color: #2d7ff9; }
.editor-tabs button span[b-fw3ku8wjrs] { margin-left: .35rem; padding: .08rem .35rem; border-radius: 10px; background: #263142; font-size: .72rem; }

.definition-body[b-fw3ku8wjrs] { min-height: 360px; overflow: auto; padding: 1.4rem; }
.form-grid[b-fw3ku8wjrs] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.span-2[b-fw3ku8wjrs] { grid-column: span 2; }

.field[b-fw3ku8wjrs] { display: grid; gap: .4rem; }
.field > span[b-fw3ku8wjrs] { color: var(--text-secondary, #b9c4d2); font-size: .78rem; font-weight: 650; }
.field b[b-fw3ku8wjrs] { color: #ff8c8c; }
.field input[b-fw3ku8wjrs], .field select[b-fw3ku8wjrs], .field textarea[b-fw3ku8wjrs], .variable-row input[b-fw3ku8wjrs] {
    width: 100%;
    min-height: 40px;
    padding: .62rem .75rem;
    color: var(--text-primary, #e7edf5);
    background: var(--surface-secondary, #0c1118);
    border: 1px solid var(--border-color, #344050);
    border-radius: 6px;
}
.field textarea[b-fw3ku8wjrs] { resize: vertical; }
.field input:focus[b-fw3ku8wjrs], .field select:focus[b-fw3ku8wjrs], .field textarea:focus[b-fw3ku8wjrs], .variable-row input:focus[b-fw3ku8wjrs] {
    outline: 2px solid rgba(45, 127, 249, .26);
    border-color: #2d7ff9;
}

.toggle-field[b-fw3ku8wjrs] {
    display: flex;
    gap: .65rem;
    align-items: flex-start;
    padding: .9rem;
    border: 1px solid var(--border-color, #2b3542);
    border-radius: 8px;
    background: rgba(255,255,255,.018);
}
.toggle-field input[b-fw3ku8wjrs] { margin-top: .18rem; }
.toggle-field span[b-fw3ku8wjrs] { display: grid; gap: .15rem; }
.toggle-field small[b-fw3ku8wjrs] { color: var(--text-muted, #8d9bad); }

.security-note[b-fw3ku8wjrs] {
    display: flex;
    gap: .8rem;
    align-items: flex-start;
    margin-top: 1.15rem;
    padding: 1rem;
    color: #b7c7da;
    background: rgba(45, 127, 249, .08);
    border: 1px solid rgba(45, 127, 249, .28);
    border-radius: 8px;
}
.security-note i[b-fw3ku8wjrs] { color: #58a6ff; }
.security-note div[b-fw3ku8wjrs] { display: grid; gap: .2rem; }
.security-note span[b-fw3ku8wjrs] { color: var(--text-muted, #8d9bad); font-size: .8rem; }

.variables-heading[b-fw3ku8wjrs] { display: flex; justify-content: space-between; gap: 1rem; align-items: center; margin-bottom: 1rem; }
.variables-heading h3[b-fw3ku8wjrs] { margin: 0; font-size: 1.05rem; }
.variables-heading p[b-fw3ku8wjrs] { margin: .3rem 0 0; color: var(--text-muted, #8d9bad); font-size: .8rem; }
.variables-table[b-fw3ku8wjrs] { border: 1px solid var(--border-color, #2b3542); border-radius: 8px; overflow: hidden; }
.variable-row[b-fw3ku8wjrs] { display: grid; grid-template-columns: minmax(170px, 1fr) minmax(220px, 1.4fr) 76px 125px 42px; gap: .65rem; align-items: center; padding: .65rem .8rem; border-bottom: 1px solid var(--border-color, #252f3c); }
.variable-row:last-child[b-fw3ku8wjrs] { border-bottom: 0; }
.variable-header[b-fw3ku8wjrs] { min-height: 38px; color: var(--text-muted, #8d9bad); background: rgba(255,255,255,.025); font-size: .7rem; font-weight: 700; text-transform: uppercase; }
.secret-value[b-fw3ku8wjrs] { position: relative; }
.secret-value i[b-fw3ku8wjrs] { position: absolute; right: .7rem; top: 50%; transform: translateY(-50%); color: #d9a441; }
.secret-value input[b-fw3ku8wjrs] { padding-right: 2rem; }
.center-check[b-fw3ku8wjrs] { display: grid; place-items: center; }
.center-check input[b-fw3ku8wjrs] { width: 16px; height: 16px; }
.remove-button[b-fw3ku8wjrs] { width: 34px; height: 34px; color: #ff8c8c; border-radius: 5px; }
.remove-button:hover[b-fw3ku8wjrs] { background: rgba(255, 100, 100, .12); }
.variables-empty[b-fw3ku8wjrs] { padding: 2rem; text-align: center; color: var(--text-muted, #8d9bad); }

.definition-footer[b-fw3ku8wjrs] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: .7rem;
    align-items: center;
    padding: .9rem 1.4rem;
    border-top: 1px solid var(--border-color, #2b3542);
    background: rgba(255,255,255,.012);
}
.definition-footer > div[b-fw3ku8wjrs] { color: var(--text-muted, #8d9bad); font-size: .72rem; }
.primary-button[b-fw3ku8wjrs], .secondary-button[b-fw3ku8wjrs] {
    min-height: 38px;
    padding: .55rem .9rem;
    border-radius: 6px;
    font-weight: 700;
}
.primary-button[b-fw3ku8wjrs] { color: #fff; background: #2d7ff9; border: 1px solid #4c92fa; }
.primary-button:hover[b-fw3ku8wjrs] { background: #3989ff; }
.secondary-button[b-fw3ku8wjrs] { color: var(--text-primary, #e7edf5); background: #19212c; border: 1px solid var(--border-color, #344050); }
.secondary-button:hover[b-fw3ku8wjrs] { background: #222d3a; }

@media (max-width: 760px) {
    .definition-backdrop[b-fw3ku8wjrs] { padding: .4rem; }
    .definition-dialog[b-fw3ku8wjrs] { max-height: calc(100vh - .8rem); }
    .form-grid[b-fw3ku8wjrs] { grid-template-columns: 1fr; }
    .span-2[b-fw3ku8wjrs] { grid-column: auto; }
    .variable-row[b-fw3ku8wjrs] { grid-template-columns: 1fr 1fr; }
    .variable-header[b-fw3ku8wjrs] { display: none; }
    .definition-footer[b-fw3ku8wjrs] { grid-template-columns: 1fr 1fr; }
    .definition-footer > div[b-fw3ku8wjrs] { display: none; }
}
/* /Presentation/Features/DevOps/Components/ReleaseComponentStatus.razor.rz.scp.css */
.release-component-status[b-gjvbfioyvd] {
    display: grid;
    min-width: 0;
    gap: .35rem;
}
/* /Presentation/Features/DevOps/Components/ReleaseDefinitionEditor.razor.rz.scp.css */
.release-editor-backdrop[b-p55mzen69k] {
    position: fixed;
    inset: 0;
    z-index: 1120;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(2, 7, 13, .86);
    backdrop-filter: blur(5px);
}

.release-editor[b-p55mzen69k] {
    width: min(1480px, 100%);
    height: min(900px, calc(100vh - 2rem));
    overflow: hidden;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    color: var(--text-primary, #e8edf5);
    background: var(--surface-primary, #10151c);
    border: 1px solid var(--border-color, #303a47);
    border-radius: 10px;
    box-shadow: 0 28px 90px rgba(0,0,0,.55);
}

.release-editor-header[b-p55mzen69k] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    min-height: 76px;
    padding: .9rem 1.3rem;
    border-bottom: 1px solid var(--border-color, #2c3642);
}
.release-editor-header span[b-p55mzen69k] { display: block; color: #58a6ff; font-size: .68rem; font-weight: 800; letter-spacing: .08em; }
.release-editor-header h2[b-p55mzen69k] { margin: .15rem 0 0; font-size: 1.28rem; }
.release-editor-header p[b-p55mzen69k] { margin: .15rem 0 0; color: var(--text-muted, #8f9daf); font-size: .76rem; }
.header-actions[b-p55mzen69k] { display: flex; gap: .65rem; }

.release-tabs[b-p55mzen69k] {
    display: flex;
    gap: 1.35rem;
    padding: 0 1.3rem;
    border-bottom: 1px solid var(--border-color, #2c3642);
}
.release-tabs button[b-p55mzen69k] {
    padding: .85rem .1rem .7rem;
    border: 0;
    border-bottom: 2px solid transparent;
    color: var(--text-muted, #9aa7b7);
    background: transparent;
    font-weight: 650;
}
.release-tabs button.active[b-p55mzen69k] { color: #fff; border-bottom-color: #2d7ff9; }
.release-tabs button span[b-p55mzen69k] { margin-left: .3rem; padding: .05rem .32rem; border-radius: 10px; background: #263142; font-size: .7rem; }
.release-editor-workspace[b-p55mzen69k] {
    min-height: 0;
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
}

.subproject-navigation[b-p55mzen69k] {
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: .42rem;
    padding: .9rem .65rem;
    border-right: 1px solid var(--border-color, #2c3642);
    background: #11171f;
}

.subproject-navigation > div[b-p55mzen69k] {
    display: grid;
    gap: .12rem;
    padding: .1rem .4rem .55rem;
}

.subproject-navigation > div span[b-p55mzen69k] {
    color: #58a6ff;
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: .09em;
}

.subproject-navigation > div small[b-p55mzen69k] {
    color: var(--text-muted, #8f9daf);
    font-size: .67rem;
}

.subproject-navigation > button[b-p55mzen69k] {
    display: grid;
    grid-template-columns: 34px 1fr auto;
    align-items: center;
    gap: .5rem;
    min-height: 62px;
    padding: .55rem .6rem;
    border: 1px solid transparent;
    border-radius: 6px;
    color: #bdc9d7;
    text-align: left;
    background: transparent;
}

.subproject-navigation > button > i:first-child[b-p55mzen69k] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 5px;
    color: #76b4f3;
    background: #1b2a3c;
}

.subproject-navigation > button span[b-p55mzen69k] {
    display: grid;
    gap: .08rem;
}

.subproject-navigation > button strong[b-p55mzen69k] {
    color: #e8edf5;
    font-size: .75rem;
}

.subproject-navigation > button small[b-p55mzen69k] {
    color: var(--text-muted, #8f9daf);
    font-size: .6rem;
}

.subproject-navigation > button > i:last-child[b-p55mzen69k] {
    color: #6f7e8f;
    font-size: .7rem;
}

.subproject-navigation > button:hover[b-p55mzen69k] {
    background: rgba(255,255,255,.025);
}

.subproject-navigation > button.active[b-p55mzen69k] {
    border-color: rgba(45,127,249,.5);
    background: rgba(45,127,249,.11);
    box-shadow: inset 3px 0 #2d7ff9;
}

.subproject-navigation > p[b-p55mzen69k] {
    display: flex;
    gap: .45rem;
    align-items: flex-start;
    margin: auto .2rem .15rem;
    padding: .65rem;
    border: 1px solid rgba(72,185,128,.24);
    border-radius: 6px;
    color: #9aabba;
    background: rgba(72,185,128,.07);
    font-size: .62rem;
    line-height: 1.45;
}

.subproject-navigation > p i[b-p55mzen69k] {
    color: #48b980;
}

.release-editor-body[b-p55mzen69k] { min-width: 0; min-height: 0; overflow: auto; }

.pipeline-canvas[b-p55mzen69k] { min-height: 100%; display: grid; grid-template-columns: 310px minmax(0, 1fr); }
.artifact-panel[b-p55mzen69k] { padding: 1rem; border-right: 1px solid var(--border-color, #2c3642); background: rgba(255,255,255,.012); }
.panel-title[b-p55mzen69k], .canvas-heading[b-p55mzen69k] { display: flex; justify-content: space-between; align-items: center; gap: .6rem; margin-bottom: .85rem; }
.panel-title > span[b-p55mzen69k], .canvas-heading span[b-p55mzen69k], .stage-settings header span[b-p55mzen69k] { color: var(--text-muted, #8f9daf); font-size: .68rem; font-weight: 800; letter-spacing: .08em; }
.panel-title button[b-p55mzen69k], .job-heading button[b-p55mzen69k] { width: 30px; height: 30px; border: 0; border-radius: 4px; color: #58a6ff; background: transparent; }
.panel-title button:hover[b-p55mzen69k], .job-heading button:hover[b-p55mzen69k] { background: rgba(45,127,249,.12); }
.artifact-card[b-p55mzen69k] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .7rem;
    align-items: center;
    padding: .85rem;
    margin-bottom: 1rem;
    border: 1px solid #38506a;
    border-radius: 7px;
    background: rgba(45,127,249,.07);
}
.artifact-icon[b-p55mzen69k] { width: 38px; height: 38px; display: grid; place-items: center; color: #58a6ff; background: #17263a; border-radius: 6px; }
.artifact-card div:last-child[b-p55mzen69k] { min-width: 0; display: grid; gap: .15rem; }
.artifact-card strong[b-p55mzen69k], .artifact-card span[b-p55mzen69k], .artifact-card small[b-p55mzen69k] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.artifact-card span[b-p55mzen69k], .artifact-card small[b-p55mzen69k] { color: var(--text-muted, #8f9daf); font-size: .72rem; }

.stages-canvas[b-p55mzen69k] { padding: 1.1rem 1.3rem; background-image: radial-gradient(circle at 1px 1px, rgba(113,130,151,.15) 1px, transparent 0); background-size: 22px 22px; }
.canvas-heading small[b-p55mzen69k] { display: block; margin-top: .2rem; color: var(--text-muted, #8f9daf); font-size: .75rem; }
.stage-flow[b-p55mzen69k] { display: flex; align-items: center; justify-content: center; overflow-x: auto; min-height: 245px; padding: 1.5rem 1rem; }
.flow-arrow[b-p55mzen69k] { color: #6d7d90; font-size: 1.2rem; padding: 0 .6rem; }
.stage-card[b-p55mzen69k] {
    position: relative;
    flex: 0 0 190px;
    min-height: 150px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: .35rem;
    padding: 1rem;
    color: var(--text-primary, #e8edf5);
    background: #151c25;
    border: 1px solid #3a4655;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,.18);
}
.stage-card:hover[b-p55mzen69k], .stage-card.selected[b-p55mzen69k] { border-color: #2d7ff9; box-shadow: 0 0 0 2px rgba(45,127,249,.15); }
.stage-card > i[b-p55mzen69k] { color: #48b980; font-size: 1.35rem; }
.stage-card > small[b-p55mzen69k] { color: var(--text-muted, #8f9daf); }
.stage-order[b-p55mzen69k] { position: absolute; left: .55rem; top: .5rem; width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; color: #b9c9da; background: #263142; font-size: .65rem; }
.stage-meta[b-p55mzen69k] { display: flex; flex-wrap: wrap; justify-content: center; gap: .35rem; margin-top: .3rem; }
.stage-meta em[b-p55mzen69k] { padding: .15rem .35rem; border-radius: 3px; color: #b5c4d5; background: #232d39; font-size: .63rem; font-style: normal; }

.stage-settings[b-p55mzen69k] { max-width: 900px; margin: 0 auto; padding: 1rem; background: rgba(16,21,28,.96); border: 1px solid var(--border-color, #303a47); border-radius: 8px; }
.stage-settings header[b-p55mzen69k] { display: flex; justify-content: space-between; align-items: center; padding-bottom: .75rem; margin-bottom: .85rem; border-bottom: 1px solid var(--border-color, #29333f); }
.stage-settings h3[b-p55mzen69k] { margin: .1rem 0 0; font-size: 1.05rem; }
.form-grid[b-p55mzen69k], .task-form[b-p55mzen69k] { display: grid; grid-template-columns: 1fr 1fr; gap: .85rem; }
.field[b-p55mzen69k] { display: grid; gap: .35rem; margin-bottom: .75rem; }
.field > span[b-p55mzen69k] { color: var(--text-secondary, #bcc7d5); font-size: .75rem; font-weight: 650; }
.field b[b-p55mzen69k] { color: #ff8d8d; }
.field input[b-p55mzen69k], .field select[b-p55mzen69k], .field textarea[b-p55mzen69k], .task-stage-selector select[b-p55mzen69k], .release-variable-row input[b-p55mzen69k] {
    width: 100%;
    min-height: 39px;
    padding: .58rem .7rem;
    color: var(--text-primary, #e8edf5);
    background: #0b1118;
    border: 1px solid #354150;
    border-radius: 5px;
}
.field input:focus[b-p55mzen69k], .field select:focus[b-p55mzen69k], .field textarea:focus[b-p55mzen69k], .release-variable-row input:focus[b-p55mzen69k] { outline: 2px solid rgba(45,127,249,.24); border-color: #2d7ff9; }
.span-2[b-p55mzen69k] { grid-column: span 2; }
.check-tile[b-p55mzen69k] { display: flex; gap: .55rem; align-items: flex-start; padding: .75rem; border: 1px solid #303a47; border-radius: 6px; background: rgba(255,255,255,.015); }
.check-tile input[b-p55mzen69k] { margin-top: .2rem; }
.check-tile span[b-p55mzen69k] { display: grid; gap: .12rem; }
.check-tile small[b-p55mzen69k] { color: var(--text-muted, #8f9daf); font-size: .7rem; }

.tasks-layout[b-p55mzen69k] { min-height: 100%; display: grid; grid-template-columns: minmax(330px, 42%) minmax(420px, 58%); }
.task-navigation[b-p55mzen69k] { border-right: 1px solid var(--border-color, #2c3642); }
.task-stage-selector[b-p55mzen69k] { padding: .8rem 1rem; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: .7rem; border-bottom: 1px solid var(--border-color, #2c3642); }
.task-stage-selector label[b-p55mzen69k] { color: var(--text-muted, #8f9daf); font-size: .72rem; font-weight: 700; }
.agent-job[b-p55mzen69k] { padding: .9rem; }
.job-heading[b-p55mzen69k] { display: flex; justify-content: space-between; align-items: center; padding: .75rem; border: 1px solid #34404d; background: #171e27; }
.job-heading > div[b-p55mzen69k] { display: flex; gap: .65rem; align-items: center; }
.job-heading > div > i[b-p55mzen69k] { color: #58a6ff; }
.job-heading span[b-p55mzen69k] { display: grid; }
.job-heading small[b-p55mzen69k] { color: var(--text-muted, #8f9daf); font-size: .68rem; }
.task-item[b-p55mzen69k] {
    width: 100%;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: .7rem;
    align-items: center;
    padding: .75rem;
    text-align: left;
    color: var(--text-primary, #e8edf5);
    background: #111820;
    border: 1px solid #303a47;
    border-top: 0;
}
.task-item:hover[b-p55mzen69k], .task-item.selected[b-p55mzen69k] { background: #2c5f96; border-color: #4383c6; }
.task-item > i:first-child[b-p55mzen69k] { width: 32px; color: #76b4f3; font-size: 1.2rem; text-align: center; }
.task-item span[b-p55mzen69k] { display: grid; }
.task-item small[b-p55mzen69k] { color: #aebccd; font-size: .68rem; }
.task-item .drag[b-p55mzen69k] { color: #8290a0; }
.task-properties[b-p55mzen69k] { padding: 1rem 1.25rem; background: #11171f; }
.task-properties-header[b-p55mzen69k] { display: flex; justify-content: space-between; align-items: center; padding-bottom: .8rem; margin-bottom: 1rem; border-bottom: 1px solid #2c3642; }
.task-properties-header div[b-p55mzen69k] { display: flex; align-items: center; gap: .65rem; }
.task-properties-header div i[b-p55mzen69k] { color: #58a6ff; font-size: 1.3rem; }
.task-properties-header h3[b-p55mzen69k] { margin: 0; font-size: 1.1rem; }
.editor-empty[b-p55mzen69k] { min-height: 420px; display: grid; place-items: center; align-content: center; gap: .4rem; color: var(--text-muted, #8f9daf); text-align: center; }
.editor-empty i[b-p55mzen69k] { color: #58a6ff; font-size: 2rem; }
.editor-empty h3[b-p55mzen69k], .editor-empty p[b-p55mzen69k] { margin: 0; }

.variables-editor[b-p55mzen69k], .options-editor[b-p55mzen69k] { max-width: 1180px; margin: 0 auto; padding: 1.3rem; }
.variables-title[b-p55mzen69k] { display: flex; justify-content: space-between; align-items: flex-end; gap: 1rem; margin-bottom: 1rem; }
.variables-title h3[b-p55mzen69k] { margin: 0; font-size: 1.08rem; }
.variables-title p[b-p55mzen69k] { max-width: 720px; margin: .3rem 0 0; color: var(--text-muted, #8f9daf); font-size: .78rem; }
.scope-selector[b-p55mzen69k] { display: flex; align-items: center; gap: .55rem; }
.scope-selector label[b-p55mzen69k] { color: var(--text-muted, #8f9daf); font-size: .72rem; }
.scope-selector select[b-p55mzen69k] { min-height: 38px; padding: .5rem .65rem; color: #e8edf5; background: #0b1118; border: 1px solid #354150; border-radius: 5px; }
.release-variables-table[b-p55mzen69k] { overflow: hidden; border: 1px solid #303a47; border-radius: 7px; }
.release-variable-row[b-p55mzen69k] { display: grid; grid-template-columns: minmax(170px,1fr) minmax(220px,1.35fr) 120px 65px 75px 40px; gap: .6rem; align-items: center; padding: .6rem .7rem; border-bottom: 1px solid #29333f; }
.release-variable-row:last-child[b-p55mzen69k] { border-bottom: 0; }
.release-variable-row > label[b-p55mzen69k] { display: grid; place-items: center; }
.release-variable-row input[type="checkbox"][b-p55mzen69k] {
    width: 16px;
    height: 16px;
    min-height: 0;
    margin: 0;
    padding: 0;
    accent-color: #2d7ff9;
    cursor: pointer;
}
.variable-header[b-p55mzen69k] { color: var(--text-muted, #8f9daf); background: rgba(255,255,255,.02); font-size: .66rem; font-weight: 750; text-transform: uppercase; }
.scope-badge[b-p55mzen69k] { overflow: hidden; text-overflow: ellipsis; padding: .24rem .4rem; color: #bcd2ea; background: #223147; border-radius: 4px; font-size: .68rem; white-space: nowrap; }
.secret-input[b-p55mzen69k] { position: relative; }
.secret-input i[b-p55mzen69k] { position: absolute; right: .7rem; top: 50%; transform: translateY(-50%); color: #d9a441; }
.secret-input input[b-p55mzen69k] { padding-right: 2rem; }
.remove-variable[b-p55mzen69k] { width: 34px; height: 34px; border: 0; border-radius: 4px; color: #ff8c8c; background: transparent; }
.remove-variable:hover[b-p55mzen69k] { background: rgba(255,100,100,.12); }
.variables-empty[b-p55mzen69k] { padding: 2rem; text-align: center; color: var(--text-muted, #8f9daf); }
.variable-security[b-p55mzen69k] { display: flex; gap: .7rem; align-items: flex-start; margin-top: 1rem; padding: .9rem; color: #b9cbe0; background: rgba(45,127,249,.07); border: 1px solid rgba(45,127,249,.24); border-radius: 7px; }
.variable-security i[b-p55mzen69k] { color: #58a6ff; }
.variable-security div[b-p55mzen69k] { display: grid; gap: .15rem; }
.variable-security span[b-p55mzen69k] { color: var(--text-muted, #8f9daf); font-size: .74rem; }

.history-editor[b-p55mzen69k] { min-height: 430px; display: grid; place-items: center; align-content: center; text-align: center; color: var(--text-muted, #8f9daf); }
.history-editor > i[b-p55mzen69k] { color: #58a6ff; font-size: 2.2rem; }
.history-editor h3[b-p55mzen69k] { margin: .5rem 0 0; color: #e8edf5; }
.history-editor p[b-p55mzen69k] { margin: .35rem 0; }
.history-editor article[b-p55mzen69k] { min-width: 360px; display: grid; gap: .2rem; margin-top: 1rem; padding: 1rem; text-align: left; border: 1px solid #303a47; border-radius: 7px; background: #151c25; }

.primary-button[b-p55mzen69k], .secondary-button[b-p55mzen69k] {
    min-height: 38px;
    padding: .52rem .85rem;
    border-radius: 5px;
    font-weight: 700;
}
.primary-button[b-p55mzen69k] { color: #fff; background: #2d7ff9; border: 1px solid #4b91f9; }
.secondary-button[b-p55mzen69k] { color: #e8edf5; background: #1a222d; border: 1px solid #354150; }
.primary-button:hover[b-p55mzen69k] { background: #3a89ff; }
.secondary-button:hover[b-p55mzen69k] { background: #232e3b; }
.danger-link[b-p55mzen69k] { border: 0; color: #ff9999; background: transparent; font-weight: 650; }

@media (max-width: 900px) {
    .release-editor-backdrop[b-p55mzen69k] { padding: .3rem; }
    .release-editor[b-p55mzen69k] { height: calc(100vh - .6rem); }
    .release-editor-workspace[b-p55mzen69k] { grid-template-columns: 1fr; }
    .subproject-navigation[b-p55mzen69k] {
        min-height: auto;
        display: grid;
        grid-template-columns: 1fr 1fr;
        border-right: 0;
        border-bottom: 1px solid #2c3642;
    }
    .subproject-navigation > div[b-p55mzen69k],
    .subproject-navigation > p[b-p55mzen69k] { grid-column: 1 / -1; }
    .subproject-navigation > p[b-p55mzen69k] { margin: .2rem; }
    .pipeline-canvas[b-p55mzen69k], .tasks-layout[b-p55mzen69k] { grid-template-columns: 1fr; }
    .artifact-panel[b-p55mzen69k], .task-navigation[b-p55mzen69k] { border-right: 0; border-bottom: 1px solid #2c3642; }
    .stage-flow[b-p55mzen69k] { justify-content: flex-start; }
    .variables-title[b-p55mzen69k] { align-items: flex-start; flex-direction: column; }
    .release-variable-row[b-p55mzen69k] { grid-template-columns: 1fr 1fr; }
    .variable-header[b-p55mzen69k] { display: none; }
}
/* /Presentation/Features/DevOps/Components/ReleasesWorkspace.razor.rz.scp.css */
.release-workspace[b-u4swowsmat] {
    display: grid;
    gap: 1.15rem;
    min-width: 0;
    padding-bottom: 1rem;
    color: var(--pp-text, #e6edf3);
}

.release-workspace[b-u4swowsmat],
.release-workspace *[b-u4swowsmat] {
    box-sizing: border-box;
}

.release-commandbar[b-u4swowsmat] {
    display: flex;
    min-height: 54px;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0 .2rem;
    border-bottom: 1px solid var(--pp-border, #30363d);
}

.release-commandbar nav[b-u4swowsmat] {
    display: flex;
    align-self: stretch;
    gap: 1.4rem;
}

.release-commandbar nav button[b-u4swowsmat] {
    position: relative;
    padding: 0 .1rem;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: var(--pp-muted, #8b949e);
    font-size: .88rem;
    font-weight: 600;
}

.release-commandbar nav button.active[b-u4swowsmat] {
    border-bottom-color: #2f81f7;
    color: #fff;
}

.release-commandbar nav button:disabled[b-u4swowsmat] {
    cursor: default;
    opacity: .56;
}

.release-commandbar-actions[b-u4swowsmat],
.definition-actions[b-u4swowsmat] {
    display: flex;
    align-items: center;
    gap: .55rem;
}

.release-commandbar-actions label[b-u4swowsmat] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.release-commandbar-actions label > span[b-u4swowsmat] {
    color: var(--pp-muted, #8b949e);
    font-size: .7rem;
}

.release-commandbar select[b-u4swowsmat] {
    min-width: 155px;
    min-height: 36px;
    padding: 0 2rem 0 .65rem;
    border: 1px solid var(--pp-border, #30363d);
    border-radius: 4px;
    background: #0d1117;
    color: var(--pp-text, #e6edf3);
}

.primary-action[b-u4swowsmat],
.secondary-action[b-u4swowsmat] {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    padding: .45rem .78rem;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: .78rem;
    font-weight: 700;
    white-space: nowrap;
}

.primary-action[b-u4swowsmat] {
    border-color: #58a6ff;
    background: #2f81f7;
    color: #fff;
}

.primary-action:hover:not(:disabled)[b-u4swowsmat] {
    background: #1f6feb;
}

.primary-action:disabled[b-u4swowsmat] {
    cursor: not-allowed;
    opacity: .46;
}

.secondary-action[b-u4swowsmat] {
    border-color: var(--pp-border, #30363d);
    background: #21262d;
    color: var(--pp-text, #e6edf3);
}

.secondary-action:hover[b-u4swowsmat] {
    border-color: #586270;
    background: #292f36;
}

.release-heading[b-u4swowsmat] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
}

.eyebrow[b-u4swowsmat],
.node-label[b-u4swowsmat] {
    color: #79c0ff;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .1em;
}

.release-heading h2[b-u4swowsmat] {
    margin: .12rem 0 .18rem;
    font-size: 1.55rem;
    font-weight: 650;
}

.release-heading p[b-u4swowsmat],
.history-section > header p[b-u4swowsmat] {
    margin: 0;
    color: var(--pp-muted, #8b949e);
    font-size: .79rem;
}

.release-counters[b-u4swowsmat] {
    display: flex;
    gap: .45rem;
}

.release-counters span[b-u4swowsmat] {
    padding: .38rem .58rem;
    border: 1px solid var(--pp-border, #30363d);
    border-radius: 999px;
    background: #161b22;
    color: var(--pp-muted, #8b949e);
    font-size: .69rem;
}

.release-counters strong[b-u4swowsmat] {
    color: #fff;
}

.definition-list[b-u4swowsmat] {
    display: grid;
    gap: .85rem;
}

.definition-card[b-u4swowsmat],
.history-section[b-u4swowsmat] {
    overflow: hidden;
    border: 1px solid var(--pp-border, #30363d);
    border-radius: 8px;
    background: #161b22;
}

.definition-card[b-u4swowsmat] {
    container-type: inline-size;
}

.definition-header[b-u4swowsmat] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .9rem 1rem;
    border-bottom: 1px solid var(--pp-border, #30363d);
    background: #171d24;
}

.definition-identity[b-u4swowsmat] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .75rem;
}

.definition-icon[b-u4swowsmat],
.artifact-symbol[b-u4swowsmat] {
    display: grid;
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 6px;
    background: rgba(47, 129, 247, .12);
    color: #79c0ff;
    font-size: 1.1rem;
}

.definition-identity > div[b-u4swowsmat] {
    min-width: 0;
}

.definition-identity small[b-u4swowsmat] {
    color: var(--pp-muted, #8b949e);
    font-size: .66rem;
}

.definition-identity h3[b-u4swowsmat] {
    margin: .08rem 0;
    font-size: 1rem;
}

.definition-identity p[b-u4swowsmat] {
    overflow: hidden;
    margin: 0;
    color: var(--pp-muted, #8b949e);
    font-size: .72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.release-flow[b-u4swowsmat] {
    display: grid;
    grid-template-columns: minmax(190px, .8fr) 40px minmax(220px, 1fr) 40px minmax(220px, 1fr);
    align-items: stretch;
    gap: 0;
    padding: 1.2rem 1rem 1.3rem;
    background:
        linear-gradient(rgba(47, 129, 247, .025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(47, 129, 247, .025) 1px, transparent 1px),
        #0f141b;
    background-size: 22px 22px;
}

.artifact-node[b-u4swowsmat],
.stage-node[b-u4swowsmat] {
    min-width: 0;
    min-height: 146px;
    padding: .85rem;
    border: 1px solid #35404d;
    border-radius: 6px;
    background: #171d24;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .13);
}

.artifact-node[b-u4swowsmat] {
    display: grid;
    align-content: start;
    gap: .75rem;
}

.artifact-content[b-u4swowsmat] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .65rem;
}

.artifact-content > div[b-u4swowsmat] {
    display: grid;
    min-width: 0;
    gap: .18rem;
}

.artifact-content strong[b-u4swowsmat],
.artifact-content span[b-u4swowsmat],
.artifact-content small[b-u4swowsmat] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.artifact-content strong[b-u4swowsmat] {
    font-size: .82rem;
}

.artifact-content span[b-u4swowsmat],
.artifact-content small[b-u4swowsmat] {
    color: var(--pp-muted, #8b949e);
    font-size: .67rem;
}

.stage-node[b-u4swowsmat] {
    display: flex;
    flex-direction: column;
}

.stage-node > header[b-u4swowsmat] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.stage-node > header > i[b-u4swowsmat] {
    font-size: 1.2rem;
}

.stage-node.homologation[b-u4swowsmat] {
    border-top: 3px solid #d29922;
}

.stage-node.homologation > header > i[b-u4swowsmat] {
    color: #e3b341;
}

.stage-node.production[b-u4swowsmat] {
    border-top: 3px solid #3fb950;
}

.stage-node.production > header > i[b-u4swowsmat] {
    color: #56d364;
}

.stage-node h4[b-u4swowsmat] {
    margin: .55rem 0 .18rem;
    font-size: 1rem;
}

.stage-node p[b-u4swowsmat] {
    margin: 0;
    color: var(--pp-muted, #8b949e);
    font-size: .7rem;
    line-height: 1.4;
}

.stage-node footer[b-u4swowsmat] {
    display: flex;
    align-items: center;
    gap: .65rem;
    flex-wrap: wrap;
    margin-top: auto;
    padding-top: .65rem;
    color: #b3bdc9;
    font-size: .65rem;
}

.stage-node footer .approval[b-u4swowsmat] {
    color: #e3b341;
}

.flow-connector[b-u4swowsmat] {
    display: flex;
    align-items: center;
    color: #66717f;
}

.flow-connector span[b-u4swowsmat] {
    height: 1px;
    flex: 1;
    background: #3d4855;
}

.flow-connector i[b-u4swowsmat] {
    margin-left: -.2rem;
    font-size: .9rem;
}

.history-section > header[b-u4swowsmat] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .9rem 1rem;
    border-bottom: 1px solid var(--pp-border, #30363d);
}

.history-section > header h3[b-u4swowsmat] {
    margin: 0 0 .12rem;
    font-size: .95rem;
}

.history-section > header > span[b-u4swowsmat] {
    color: var(--pp-muted, #8b949e);
    font-size: .7rem;
}

.history-table[b-u4swowsmat] {
    overflow: hidden;
}

.history-row[b-u4swowsmat] {
    display: grid;
    grid-template-columns: minmax(240px, 1.25fr) minmax(140px, .65fr) minmax(140px, .7fr) minmax(140px, .7fr) minmax(135px, .6fr);
    min-width: 900px;
    align-items: center;
    gap: .75rem;
    padding: .75rem 1rem;
    border-bottom: 1px solid #28313b;
}

.history-row:last-child[b-u4swowsmat] {
    border-bottom: 0;
}

.history-row:not(.history-header):hover[b-u4swowsmat] {
    background: rgba(255, 255, 255, .018);
}

.history-release-row[b-u4swowsmat] {
    cursor: pointer;
}

.history-release-row:hover .open-release[b-u4swowsmat] {
    border-color: #2f81f7;
    background: rgba(47, 129, 247, .12);
}

.history-header[b-u4swowsmat] {
    background: #11161d;
    color: var(--pp-muted, #8b949e);
    font-size: .63rem;
    font-weight: 750;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.release-identity[b-u4swowsmat] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .62rem;
}

.release-avatar[b-u4swowsmat] {
    display: grid;
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 50%;
    background: #1574c4;
    color: #fff;
    font-size: .67rem;
    font-weight: 800;
}

.release-identity > div[b-u4swowsmat],
.created-at[b-u4swowsmat] {
    display: grid;
    min-width: 0;
    gap: .16rem;
}

.release-identity strong[b-u4swowsmat],
.release-identity small[b-u4swowsmat] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.release-identity strong[b-u4swowsmat],
.created-at strong[b-u4swowsmat] {
    font-size: .75rem;
}

.release-identity small[b-u4swowsmat],
.created-at small[b-u4swowsmat] {
    color: var(--pp-muted, #8b949e);
    font-size: .65rem;
}

.stage-status[b-u4swowsmat],
.release-status[b-u4swowsmat] {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: .32rem;
    padding: .28rem .46rem;
    border: 1px solid #38434f;
    border-radius: 4px;
    background: #1b222b;
    color: #bac4cf;
    font-size: .66rem;
    white-space: nowrap;
}

.stage-status.success[b-u4swowsmat],
.release-status.success[b-u4swowsmat] {
    border-color: rgba(63, 185, 80, .38);
    background: rgba(63, 185, 80, .1);
    color: #7ee2a8;
}

.stage-status.running[b-u4swowsmat],
.release-status.running[b-u4swowsmat] {
    border-color: rgba(47, 129, 247, .42);
    background: rgba(47, 129, 247, .1);
    color: #8bc5ff;
}

.stage-status.approval[b-u4swowsmat],
.release-status.approval[b-u4swowsmat] {
    border-color: rgba(47, 129, 247, .46);
    background: rgba(47, 129, 247, .12);
    color: #8bc5ff;
}

.stage-status.warning[b-u4swowsmat],
.release-status.warning[b-u4swowsmat] {
    border-color: rgba(210, 153, 34, .46);
    background: rgba(210, 153, 34, .11);
    color: #eac55f;
}

.stage-status.failure[b-u4swowsmat],
.release-status.failure[b-u4swowsmat] {
    border-color: rgba(248, 81, 73, .42);
    background: rgba(248, 81, 73, .1);
    color: #ff9b95;
}

.release-empty[b-u4swowsmat] {
    display: grid;
    min-height: 280px;
    place-items: center;
    align-content: center;
    padding: 2rem;
    border: 1px dashed #38434f;
    border-radius: 8px;
    background: #12171e;
    text-align: center;
}

.release-empty > span[b-u4swowsmat],
.history-empty > span[b-u4swowsmat] {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius: 50%;
    background: rgba(47, 129, 247, .12);
    color: #79c0ff;
    font-size: 1.2rem;
}

.release-empty h3[b-u4swowsmat] {
    margin: .75rem 0 .2rem;
    font-size: 1rem;
}

.release-empty p[b-u4swowsmat],
.history-empty p[b-u4swowsmat] {
    margin: 0 0 .85rem;
    color: var(--pp-muted, #8b949e);
    font-size: .75rem;
}

.history-empty[b-u4swowsmat] {
    display: flex;
    min-height: 130px;
    align-items: center;
    justify-content: center;
    gap: .8rem;
    padding: 1.5rem;
}

.history-empty > span[b-u4swowsmat] {
    width: 42px;
    height: 42px;
}

.history-empty strong[b-u4swowsmat] {
    display: block;
    margin-bottom: .12rem;
    font-size: .8rem;
}

.history-empty p[b-u4swowsmat] {
    margin: 0;
}

@container (max-width: 840px) {
    .release-flow[b-u4swowsmat] {
        grid-template-columns: 1fr;
        gap: .55rem;
    }

    .flow-connector[b-u4swowsmat] {
        width: 32px;
        height: 24px;
        justify-self: center;
        transform: rotate(90deg);
    }
}

@media (max-width: 1100px) {
    .release-flow[b-u4swowsmat] {
        grid-template-columns: 1fr;
        gap: .55rem;
    }

    .flow-connector[b-u4swowsmat] {
        width: 32px;
        height: 24px;
        justify-self: center;
        transform: rotate(90deg);
    }
}

@media (max-width: 760px) {
    .release-commandbar[b-u4swowsmat],
    .release-heading[b-u4swowsmat],
    .definition-header[b-u4swowsmat] {
        align-items: stretch;
        flex-direction: column;
    }

    .release-commandbar[b-u4swowsmat] {
        padding-bottom: .8rem;
    }

    .release-commandbar nav[b-u4swowsmat] {
        min-height: 46px;
    }

    .release-commandbar-actions[b-u4swowsmat],
    .definition-actions[b-u4swowsmat] {
        justify-content: flex-end;
        flex-wrap: wrap;
    }

    .release-counters[b-u4swowsmat] {
        align-self: flex-start;
    }

    .definition-identity p[b-u4swowsmat] {
        white-space: normal;
    }
}

.stage-components[b-u4swowsmat] {
    display: grid;
    gap: .35rem;
    margin-top: auto;
    padding-top: .65rem;
}

.stage-components > span[b-u4swowsmat] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: .45rem;
    padding: .36rem .48rem;
    border: 1px solid #33404d;
    border-radius: 4px;
    color: #dbe5f0;
    background: #111820;
    font-size: .68rem;
}

.stage-components > span > i[b-u4swowsmat] {
    color: #79c0ff;
}

.stage-components > span small[b-u4swowsmat] {
    color: var(--pp-muted, #8b949e);
    font-size: .61rem;
}

.stage-components > span.disabled[b-u4swowsmat] {
    opacity: .48;
}

.history-row[b-u4swowsmat] {
    grid-template-columns:
        minmax(190px, 1.2fr)
        minmax(100px, .65fr)
        minmax(130px, .78fr)
        minmax(130px, .78fr)
        minmax(110px, .65fr)
        58px;
    min-width: 0;
}

@media (max-width: 1180px) {
    .history-header[b-u4swowsmat] {
        display: none;
    }

    .history-table[b-u4swowsmat] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(285px, 1fr));
        gap: .75rem;
        padding: .75rem;
    }

    .history-row.history-release-row[b-u4swowsmat] {
        grid-template-columns: 1fr 1fr;
        gap: .7rem;
        padding: .85rem;
        border: 1px solid #303b47;
        border-radius: 7px;
        background: #141b23;
    }

    .history-release-row .release-identity[b-u4swowsmat],
    .history-release-row .created-at[b-u4swowsmat] {
        grid-column: 1 / -1;
    }

    .history-release-row .release-status[b-u4swowsmat] {
        align-self: center;
    }

    .history-release-row .open-release[b-u4swowsmat] {
        justify-self: end;
    }
}

.open-release[b-u4swowsmat],
.back-button[b-u4swowsmat] {
    min-height: 34px;
    border: 1px solid #3b4755;
    border-radius: 5px;
    color: #dce6f1;
    background: #1b232d;
    font-size: .7rem;
    font-weight: 700;
}

.open-release:hover[b-u4swowsmat],
.back-button:hover[b-u4swowsmat] {
    border-color: #2f81f7;
    background: rgba(47, 129, 247, .12);
}

.release-browser[b-u4swowsmat] {
    display: grid;
    grid-template-columns: 238px minmax(0, 1fr);
    align-items: start;
    gap: .85rem;
    min-width: 0;
}

.release-switcher[b-u4swowsmat] {
    position: sticky;
    top: .75rem;
    display: flex;
    min-width: 0;
    max-height: calc(100vh - 150px);
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--pp-border, #30363d);
    border-radius: 8px;
    background: #121820;
}

.release-switcher > header[b-u4swowsmat] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
    padding: .8rem;
    border-bottom: 1px solid var(--pp-border, #30363d);
    background: #171d24;
}

.release-switcher > header > div[b-u4swowsmat] {
    display: grid;
    gap: .1rem;
}

.release-switcher > header span[b-u4swowsmat] {
    color: #79c0ff;
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .1em;
}

.release-switcher > header strong[b-u4swowsmat] {
    font-size: .75rem;
}

.release-switcher > header small[b-u4swowsmat] {
    display: grid;
    min-width: 24px;
    height: 24px;
    place-items: center;
    border-radius: 999px;
    color: #c7d2df;
    background: #27313d;
    font-size: .62rem;
    font-weight: 800;
}

.release-switcher nav[b-u4swowsmat] {
    display: grid;
    min-height: 0;
    overflow-y: auto;
}

.release-option[b-u4swowsmat] {
    position: relative;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    align-items: center;
    gap: .55rem;
    width: 100%;
    min-height: 70px;
    padding: .65rem .7rem;
    border: 0;
    border-bottom: 1px solid #28313b;
    color: #b8c4d1;
    text-align: left;
    background: transparent;
}

.release-option:hover[b-u4swowsmat] {
    background: rgba(255, 255, 255, .03);
}

.release-option.active[b-u4swowsmat] {
    color: #fff;
    background: rgba(47, 129, 247, .12);
    box-shadow: inset 3px 0 #2f81f7;
}

.release-option > i:last-child[b-u4swowsmat] {
    color: #667382;
    font-size: .65rem;
}

.release-option.active > i:last-child[b-u4swowsmat] {
    color: #79c0ff;
}

.release-option-icon[b-u4swowsmat] {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: 50%;
    color: #79c0ff;
    background: #1d2b3d;
    font-size: .72rem;
}

.release-option-content[b-u4swowsmat] {
    display: grid;
    min-width: 0;
    gap: .12rem;
}

.release-option-content strong[b-u4swowsmat],
.release-option-content small[b-u4swowsmat] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.release-option-content strong[b-u4swowsmat] {
    font-size: .73rem;
}

.release-option-content small[b-u4swowsmat] {
    color: var(--pp-muted, #8b949e);
    font-size: .59rem;
}

.release-switcher-back[b-u4swowsmat] {
    display: flex;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    margin-top: auto;
    border: 0;
    border-top: 1px solid var(--pp-border, #30363d);
    color: #b8c4d1;
    background: #171d24;
    font-size: .67rem;
    font-weight: 700;
}

.release-switcher-back:hover[b-u4swowsmat] {
    color: #fff;
    background: #1d252f;
}

.release-details[b-u4swowsmat] {
    container-type: inline-size;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--pp-border, #30363d);
    border-radius: 8px;
    background: #10161d;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .18);
}

.release-details-header[b-u4swowsmat] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: .85rem;
    min-height: 74px;
    padding: .8rem 1rem;
    border-bottom: 1px solid var(--pp-border, #30363d);
    background: #171d24;
}

.back-button[b-u4swowsmat] {
    width: 36px;
    padding: 0;
}

.release-details-header > div > span[b-u4swowsmat],
.deployment-targets > header > div > span[b-u4swowsmat],
.component-sidebar-title > span[b-u4swowsmat] {
    color: #79c0ff;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .09em;
}

.release-details-header h3[b-u4swowsmat] {
    margin: .08rem 0;
    font-size: 1.05rem;
}

.release-details-header p[b-u4swowsmat] {
    margin: 0;
    color: var(--pp-muted, #8b949e);
    font-size: .7rem;
}

.release-detail-workspace[b-u4swowsmat] {
    display: grid;
    grid-template-columns: 245px minmax(0, 1fr);
    min-height: 490px;
}

.component-sidebar[b-u4swowsmat] {
    display: flex;
    flex-direction: column;
    gap: .42rem;
    padding: 1rem .75rem;
    border-right: 1px solid var(--pp-border, #30363d);
    background: #121820;
}

.component-sidebar-title[b-u4swowsmat] {
    display: grid;
    gap: .12rem;
    padding: 0 .35rem .65rem;
}

.component-sidebar-title small[b-u4swowsmat] {
    color: var(--pp-muted, #8b949e);
    font-size: .68rem;
}

.component-sidebar > button[b-u4swowsmat] {
    display: grid;
    grid-template-columns: 34px 1fr auto;
    align-items: center;
    gap: .55rem;
    min-height: 64px;
    padding: .6rem .65rem;
    border: 1px solid transparent;
    border-radius: 6px;
    color: #b7c3d0;
    text-align: left;
    background: transparent;
}

.component-sidebar > button > i:first-child[b-u4swowsmat] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 5px;
    color: #79c0ff;
    background: #1d2b3d;
}

.component-sidebar > button > span[b-u4swowsmat] {
    display: grid;
    gap: .12rem;
}

.component-sidebar > button strong[b-u4swowsmat] {
    color: #e6edf3;
    font-size: .78rem;
}

.component-sidebar > button small[b-u4swowsmat] {
    color: var(--pp-muted, #8b949e);
    font-size: .62rem;
}

.component-sidebar > button > i:last-child[b-u4swowsmat] {
    color: #667382;
    font-size: .7rem;
}

.component-sidebar > button:hover[b-u4swowsmat] {
    background: rgba(255, 255, 255, .025);
}

.component-sidebar > button.active[b-u4swowsmat] {
    border-color: rgba(47, 129, 247, .52);
    background: rgba(47, 129, 247, .11);
    box-shadow: inset 3px 0 #2f81f7;
}

.component-sidebar > button.active > i:last-child[b-u4swowsmat] {
    color: #79c0ff;
}

.separation-notice[b-u4swowsmat] {
    display: flex;
    gap: .5rem;
    align-items: flex-start;
    margin-top: auto;
    padding: .7rem;
    border: 1px solid rgba(63, 185, 80, .24);
    border-radius: 6px;
    color: #9fb0c1;
    background: rgba(46, 160, 67, .07);
    font-size: .65rem;
    line-height: 1.45;
}

.separation-notice i[b-u4swowsmat] {
    color: #56d364;
}

.deployment-targets[b-u4swowsmat] {
    min-width: 0;
    padding: 1rem 1.15rem 1.25rem;
    background:
        radial-gradient(circle at 1px 1px, rgba(121, 192, 255, .08) 1px, transparent 0),
        #0d131a;
    background-size: 22px 22px;
}

.deployment-targets > header[b-u4swowsmat] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.deployment-targets > header h3[b-u4swowsmat] {
    margin: .12rem 0;
    font-size: 1.1rem;
}

.deployment-targets > header p[b-u4swowsmat] {
    margin: 0;
    color: var(--pp-muted, #8b949e);
    font-size: .72rem;
}

.immutable-release-warning[b-u4swowsmat] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    margin-bottom: 1rem;
    padding: .85rem 1rem;
    color: #f5c451;
    background: rgba(245, 196, 81, .08);
    border: 1px solid rgba(245, 196, 81, .38);
    border-radius: 5px;
}

.immutable-release-warning div[b-u4swowsmat] {
    display: grid;
    gap: .15rem;
}

.immutable-release-warning span[b-u4swowsmat] {
    color: var(--pp-muted, #8b949e);
    font-size: .72rem;
}

.artifact-badge[b-u4swowsmat] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .4rem .55rem;
    border: 1px solid #35404d;
    border-radius: 5px;
    color: #b9c8d8;
    background: #171d24;
    font-size: .68rem;
}

.artifact-badge i[b-u4swowsmat] {
    color: #79c0ff;
}

.target-flow[b-u4swowsmat] {
    display: grid;
    grid-template-columns: repeat(2, minmax(260px, 1fr));
    gap: 1.5rem;
    position: relative;
}

.target-flow[b-u4swowsmat]::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 48%;
    width: 4%;
    height: 1px;
    background: #44505e;
}

.target-card[b-u4swowsmat] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 330px;
    padding: 1rem;
    border: 1px solid #384452;
    border-top: 3px solid #d29922;
    border-radius: 7px;
    background: #161d25;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .2);
}

.target-card.success[b-u4swowsmat] {
    border-top-color: #3fb950;
}

.target-card.running[b-u4swowsmat],
.target-card.approval[b-u4swowsmat] {
    border-top-color: #2f81f7;
}

.target-card.warning[b-u4swowsmat] {
    border-top-color: #d29922;
}

.target-card.failure[b-u4swowsmat] {
    border-top-color: #f85149;
}

.target-step[b-u4swowsmat] {
    position: absolute;
    top: -.68rem;
    left: 1rem;
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    border: 2px solid #161d25;
    border-radius: 50%;
    color: #dce6f1;
    background: #38495d;
    font-size: .65rem;
    font-weight: 800;
}

.target-card > header[b-u4swowsmat] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: .65rem;
    padding-bottom: .8rem;
    border-bottom: 1px solid #2e3945;
}

.target-icon[b-u4swowsmat] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 6px;
    color: #e3b341;
    background: rgba(210, 153, 34, .11);
}

.target-card.success .target-icon[b-u4swowsmat] {
    color: #56d364;
    background: rgba(46, 160, 67, .11);
}

.target-card.running .target-icon[b-u4swowsmat],
.target-card.approval .target-icon[b-u4swowsmat] {
    color: #79c0ff;
    background: rgba(47, 129, 247, .12);
}

.target-card.failure .target-icon[b-u4swowsmat] {
    color: #ff8d89;
    background: rgba(248, 81, 73, .1);
}

.target-card > header > div > span[b-u4swowsmat] {
    color: var(--pp-muted, #8b949e);
    font-size: .58rem;
    font-weight: 750;
    letter-spacing: .08em;
}

.target-card h4[b-u4swowsmat] {
    margin: .08rem 0 0;
    font-size: .94rem;
}

.target-card dl[b-u4swowsmat] {
    display: grid;
    gap: .6rem;
    margin: .85rem 0;
}

.target-card dl > div[b-u4swowsmat] {
    display: grid;
    grid-template-columns: 90px minmax(0, 1fr);
    gap: .6rem;
    align-items: baseline;
}

.target-card dt[b-u4swowsmat] {
    color: var(--pp-muted, #8b949e);
    font-size: .65rem;
}

.target-card dd[b-u4swowsmat] {
    overflow: hidden;
    margin: 0;
    color: #d4deea;
    font-size: .69rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.deployment-log-link[b-u4swowsmat] {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: .38rem;
    margin-bottom: .55rem;
    padding: 0;
    border: 0;
    color: #79c0ff;
    background: transparent;
    font-size: .66rem;
    font-weight: 700;
    text-decoration: none;
}

.deployment-log-link:hover[b-u4swowsmat] {
    color: #a8d5ff;
    text-decoration: underline;
}

.deployment-log-link.active[b-u4swowsmat] {
    color: #56d364;
}

.deployment-log-link.active > i:first-child[b-u4swowsmat],
.log-live-indicator > span[b-u4swowsmat] {
    animation: deployment-live-pulse-b-u4swowsmat 1.4s ease-in-out infinite;
}

.deployment-tracking[b-u4swowsmat] {
    display: flex;
    align-items: center;
    gap: .6rem;
    margin-bottom: .55rem;
    padding: .58rem .65rem;
    border: 1px solid rgba(47, 129, 247, .38);
    border-radius: 5px;
    color: #79c0ff;
    background: rgba(47, 129, 247, .08);
}

.deployment-tracking .spinner-border[b-u4swowsmat] {
    width: 15px;
    height: 15px;
    border-width: 2px;
}

.deployment-tracking > span:last-child[b-u4swowsmat] {
    display: grid;
    gap: .05rem;
}

.deployment-tracking strong[b-u4swowsmat] {
    color: #cfe7ff;
    font-size: .65rem;
}

.deployment-tracking small[b-u4swowsmat] {
    color: #91a5bb;
    font-size: .59rem;
}

.release-log-panel[b-u4swowsmat] {
    margin-top: 1.2rem;
    overflow: hidden;
    border: 1px solid #384452;
    border-radius: 7px;
    background: #0b1016;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .24);
}

.release-log-panel.live[b-u4swowsmat] {
    border-color: rgba(47, 129, 247, .55);
}

.release-log-panel > header[b-u4swowsmat] {
    display: flex;
    min-height: 70px;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .75rem 1rem;
    border-bottom: 1px solid #303a46;
    background: #171d24;
}

.log-panel-title[b-u4swowsmat] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .7rem;
}

.log-panel-icon[b-u4swowsmat] {
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 5px;
    color: #79c0ff;
    background: rgba(47, 129, 247, .13);
}

.log-panel-title > div[b-u4swowsmat] {
    min-width: 0;
}

.log-panel-title > div > span[b-u4swowsmat] {
    color: #79c0ff;
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .09em;
}

.log-panel-title h4[b-u4swowsmat] {
    margin: .08rem 0;
    color: #e6edf3;
    font-size: .9rem;
}

.log-panel-title small[b-u4swowsmat] {
    display: block;
    overflow: hidden;
    color: #8b949e;
    font-size: .63rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.log-live-indicator[b-u4swowsmat] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    margin-top: .22rem;
    color: #79c0ff;
    font-size: .58rem;
    font-weight: 700;
}

.log-live-indicator > span[b-u4swowsmat] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #2f81f7;
    box-shadow: 0 0 0 4px rgba(47, 129, 247, .12);
}

.log-panel-actions[b-u4swowsmat] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: .45rem;
}

.log-panel-actions > button[b-u4swowsmat] {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: 0 .65rem;
    border: 1px solid #3b4653;
    border-radius: 4px;
    color: #c7d2df;
    background: #1c232c;
    font-size: .65rem;
    font-weight: 700;
}

.log-panel-actions > button:hover:not(:disabled)[b-u4swowsmat] {
    color: #fff;
    border-color: #536171;
    background: #252e39;
}

.log-panel-actions > button.active[b-u4swowsmat] {
    color: #9fdfaa;
    border-color: rgba(63, 185, 80, .5);
    background: rgba(46, 160, 67, .12);
}

.log-panel-actions > button:disabled[b-u4swowsmat] {
    opacity: .55;
}

.log-panel-actions > .log-close[b-u4swowsmat] {
    width: 32px;
    justify-content: center;
    padding: 0;
}

.log-workspace[b-u4swowsmat] {
    display: grid;
    grid-template-columns: 245px minmax(0, 1fr);
    min-height: 390px;
    max-height: 560px;
}

.log-workspace > nav[b-u4swowsmat] {
    overflow-y: auto;
    border-right: 1px solid #303a46;
    background: #121820;
}

.log-workspace > nav button[b-u4swowsmat] {
    width: 100%;
    min-height: 62px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .55rem;
    padding: .65rem .75rem;
    border: 0;
    border-bottom: 1px solid #28313b;
    color: #aab6c3;
    text-align: left;
    background: transparent;
}

.log-workspace > nav button:hover[b-u4swowsmat],
.log-workspace > nav button.active[b-u4swowsmat] {
    color: #e6edf3;
    background: #192332;
}

.log-workspace > nav button.active[b-u4swowsmat] {
    box-shadow: inset 3px 0 #2f81f7;
}

.log-workspace > nav button > i:first-child[b-u4swowsmat] {
    color: #79c0ff;
}

.log-job-status[b-u4swowsmat] {
    position: relative;
    display: grid;
    width: 22px;
    height: 22px;
    place-items: center;
    border: 1px solid #354353;
    border-radius: 50%;
    color: #8795a5;
    background: #151d26;
    font-size: .64rem;
}

.log-workspace > nav button.running .log-job-status[b-u4swowsmat] {
    color: #79c0ff;
    border-color: rgba(47, 129, 247, .55);
    background: rgba(47, 129, 247, .12);
}

.log-workspace > nav button.running .log-job-status i[b-u4swowsmat] {
    animation: deployment-spin-b-u4swowsmat 1.1s linear infinite;
}

.log-workspace > nav button.success .log-job-status[b-u4swowsmat] {
    color: #56d364;
    border-color: rgba(63, 185, 80, .48);
    background: rgba(46, 160, 67, .1);
}

.log-workspace > nav button.warning .log-job-status[b-u4swowsmat] {
    color: #e3b341;
    border-color: rgba(210, 153, 34, .48);
    background: rgba(210, 153, 34, .1);
}

.log-workspace > nav button.failure .log-job-status[b-u4swowsmat] {
    color: #ff8d89;
    border-color: rgba(248, 81, 73, .48);
    background: rgba(248, 81, 73, .1);
}

.log-workspace > nav button > span[b-u4swowsmat] {
    min-width: 0;
    display: grid;
    gap: .12rem;
}

.log-workspace > nav strong[b-u4swowsmat],
.log-workspace > nav small[b-u4swowsmat] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.log-workspace > nav strong[b-u4swowsmat] {
    color: inherit;
    font-size: .68rem;
}

.log-workspace > nav small[b-u4swowsmat] {
    color: #8b949e;
    font-size: .59rem;
}

.log-workspace > .log-output[b-u4swowsmat] {
    min-width: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
    background: #080c11;
}

.log-workspace > .log-output > header[b-u4swowsmat] {
    display: flex;
    min-height: 45px;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .55rem .85rem;
    border-bottom: 1px solid #252e38;
    background: #11171e;
}

.log-workspace > .log-output > header > div[b-u4swowsmat] {
    display: flex;
    align-items: baseline;
    gap: .55rem;
}

.log-workspace > .log-output > header strong[b-u4swowsmat] {
    color: #dce6f1;
    font-size: .68rem;
}

.log-workspace > .log-output > header span[b-u4swowsmat] {
    color: #8b949e;
    font-size: .6rem;
}

.log-workspace pre[b-u4swowsmat] {
    min-width: 0;
    min-height: 0;
    margin: 0;
    overflow: auto;
    padding: .9rem 1rem 1.1rem;
    color: #c9d1d9;
    background: #080c11;
    font-family: "Cascadia Code", "SFMono-Regular", Consolas, monospace;
    font-size: .66rem;
    line-height: 1.55;
    tab-size: 4;
    white-space: pre;
}

.log-truncated[b-u4swowsmat] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    color: #e3b341 !important;
}

.log-loading[b-u4swowsmat],
.log-error[b-u4swowsmat],
.log-empty[b-u4swowsmat] {
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    padding: 1.25rem;
    color: #9eabb9;
    font-size: .7rem;
}

.log-error[b-u4swowsmat] {
    color: #ff9b97;
    background: rgba(248, 81, 73, .06);
}

.log-empty > i[b-u4swowsmat] {
    color: #79c0ff;
    font-size: 1.25rem;
}

.log-empty > div[b-u4swowsmat] {
    display: grid;
    gap: .15rem;
}

.log-empty strong[b-u4swowsmat] {
    color: #dce6f1;
}

.log-empty span[b-u4swowsmat] {
    color: #8b949e;
    font-size: .64rem;
}

.deployment-warning[b-u4swowsmat] {
    display: flex;
    align-items: flex-start;
    gap: .48rem;
    margin-bottom: .55rem;
    padding: .55rem .62rem;
    border: 1px solid rgba(210, 153, 34, .4);
    border-radius: 5px;
    color: #eac55f;
    background: rgba(210, 153, 34, .09);
    font-size: .64rem;
    line-height: 1.4;
}

.approval-check[b-u4swowsmat] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    margin-top: auto;
    padding: .58rem;
    border: 1px solid rgba(210, 153, 34, .3);
    border-radius: 5px;
    background: rgba(210, 153, 34, .07);
}

.approval-check input[b-u4swowsmat] {
    width: 15px;
    height: 15px;
    margin-top: .18rem;
    accent-color: #2f81f7;
}

.approval-check.disabled[b-u4swowsmat] {
    border-color: #384452;
    background: rgba(139, 148, 158, .06);
    opacity: .72;
}

.approval-check span[b-u4swowsmat] {
    display: grid;
    gap: .08rem;
}

.approval-check strong[b-u4swowsmat] {
    color: #e8d49d;
    font-size: .66rem;
}

.approval-check small[b-u4swowsmat] {
    color: #a99973;
    font-size: .6rem;
}

.deploy-button[b-u4swowsmat] {
    width: 100%;
    min-height: 39px;
    margin-top: .75rem;
    border: 1px solid #31894a;
    border-radius: 5px;
    color: #fff;
    background: #238636;
    font-size: .7rem;
    font-weight: 750;
}

.deploy-button:hover:not(:disabled)[b-u4swowsmat] {
    background: #2ea043;
}

.deploy-button:disabled[b-u4swowsmat] {
    cursor: not-allowed;
    opacity: .45;
}

@keyframes deployment-live-pulse-b-u4swowsmat {
    0%,
    100% {
        opacity: .45;
        transform: scale(.9);
    }

    50% {
        opacity: 1;
        transform: scale(1);
    }
}

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

@media (prefers-reduced-motion: reduce) {
    .deployment-log-link.active > i:first-child[b-u4swowsmat],
    .log-live-indicator > span[b-u4swowsmat],
    .log-workspace > nav button.running .log-job-status i[b-u4swowsmat] {
        animation: none;
    }
}

@media (max-width: 1050px) {
    .release-browser[b-u4swowsmat] {
        grid-template-columns: 1fr;
    }

    .release-switcher[b-u4swowsmat] {
        position: static;
        max-height: none;
    }

    .release-switcher nav[b-u4swowsmat] {
        grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
        overflow-y: visible;
    }

    .release-option[b-u4swowsmat] {
        border-right: 1px solid #28313b;
    }

    .release-detail-workspace[b-u4swowsmat] {
        grid-template-columns: 205px minmax(0, 1fr);
    }

    .target-flow[b-u4swowsmat] {
        grid-template-columns: 1fr;
    }

    .target-flow[b-u4swowsmat]::before {
        display: none;
    }
}

@media (max-width: 720px) {
    .release-detail-workspace[b-u4swowsmat] {
        grid-template-columns: 1fr;
    }

    .component-sidebar[b-u4swowsmat] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        border-right: 0;
        border-bottom: 1px solid var(--pp-border, #30363d);
    }

    .component-sidebar-title[b-u4swowsmat],
    .separation-notice[b-u4swowsmat] {
        grid-column: 1 / -1;
    }

    .deployment-targets > header[b-u4swowsmat],
    .release-details-header[b-u4swowsmat] {
        align-items: flex-start;
    }

    .release-details-header[b-u4swowsmat] {
        grid-template-columns: auto 1fr;
    }

    .release-details-header > .release-status[b-u4swowsmat] {
        grid-column: 2;
    }

    .release-log-panel > header[b-u4swowsmat] {
        align-items: flex-start;
    }

    .log-panel-actions[b-u4swowsmat] {
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .log-workspace[b-u4swowsmat] {
        grid-template-columns: 1fr;
        max-height: none;
    }

    .log-workspace > nav[b-u4swowsmat] {
        max-height: 180px;
        border-right: 0;
        border-bottom: 1px solid #303a46;
    }

    .log-workspace > .log-output[b-u4swowsmat] {
        min-height: 340px;
    }
}

/* Container queries must come after the base target styles so they win by
   source order when the release list reduces the details panel width. */
@container (max-width: 820px) {
    .release-detail-workspace[b-u4swowsmat] {
        grid-template-columns: 205px minmax(0, 1fr);
    }

    .target-flow[b-u4swowsmat] {
        grid-template-columns: minmax(0, 1fr);
    }

    .target-flow[b-u4swowsmat]::before {
        display: none;
    }
}

@container (max-width: 640px) {
    .release-detail-workspace[b-u4swowsmat] {
        grid-template-columns: 1fr;
    }

    .component-sidebar[b-u4swowsmat] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        border-right: 0;
        border-bottom: 1px solid var(--pp-border, #30363d);
    }

    .component-sidebar-title[b-u4swowsmat],
    .separation-notice[b-u4swowsmat] {
        grid-column: 1 / -1;
    }

    .deployment-targets > header[b-u4swowsmat],
    .release-details-header[b-u4swowsmat] {
        align-items: flex-start;
    }

    .release-details-header[b-u4swowsmat] {
        grid-template-columns: auto 1fr;
    }

    .release-details-header > .release-status[b-u4swowsmat] {
        grid-column: 2;
    }
}
/* /Presentation/Features/DevOps/Pages/BoardsWorkspace.razor.rz.scp.css */
.boards-page[b-b46qqin8ul] {
    --az-blue: #0078d4;
    --az-blue-hover: #106ebe;
    --surface: #111820;
    --surface-2: #171f29;
    --surface-3: #1d2733;
    --line: #2a3643;
    --muted: #93a4b7;
    --text: #ecf2f8;
    min-width: 0;
    width: 100%;
    color: var(--text);
    overflow-x: clip;
}

.boards-header[b-b46qqin8ul], .boards-toolbar[b-b46qqin8ul], .view-commandbar[b-b46qqin8ul], .sprint-summary[b-b46qqin8ul],
.delivery-commandbar[b-b46qqin8ul] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.boards-header[b-b46qqin8ul] { justify-content: space-between; margin-bottom: 1rem; }
.boards-header h1[b-b46qqin8ul] { margin: .22rem 0; font-size: 2rem; font-weight: 500; }
.boards-header p[b-b46qqin8ul] { margin: 0; color: var(--muted); }
.module-label[b-b46qqin8ul] { color: #58a6ff; font-size: .72rem; font-weight: 800; letter-spacing: .1em; }

.metrics-strip[b-b46qqin8ul] { display: flex; border: 1px solid var(--line); border-radius: .35rem; background: var(--surface); }
.metrics-strip span[b-b46qqin8ul] { display: grid; padding: .55rem 1rem; border-left: 1px solid var(--line); min-width: 74px; text-align: center; }
.metrics-strip span:first-child[b-b46qqin8ul] { border-left: 0; }
.metrics-strip strong[b-b46qqin8ul] { font-size: 1rem; }
.metrics-strip small[b-b46qqin8ul] { color: var(--muted); font-size: .65rem; text-transform: uppercase; }
.metrics-strip .danger strong[b-b46qqin8ul] { color: #ff7b72; }

.boards-tabs[b-b46qqin8ul] { display: flex; gap: .2rem; border-bottom: 1px solid var(--line); overflow-x: auto; }
.boards-tabs[b-b46qqin8ul]  a { color: #aab9c9; text-decoration: none; padding: .75rem .9rem; border-bottom: 2px solid transparent; white-space: nowrap; }
.boards-tabs[b-b46qqin8ul]  a.active { color: #fff; border-color: #3997f0; background: #172131; }
.boards-tabs[b-b46qqin8ul]  i { margin-right: .45rem; }

.boards-toolbar[b-b46qqin8ul] {
    margin: 1rem 0;
    background: var(--surface-2);
    border: 1px solid var(--line);
    border-radius: .4rem;
    padding: .8rem 1rem;
    flex-wrap: wrap;
}
.boards-toolbar label[b-b46qqin8ul] { display: grid; gap: .25rem; min-width: 210px; }
.boards-toolbar label span[b-b46qqin8ul], .dialog label > span[b-b46qqin8ul], .drawer-body label > span[b-b46qqin8ul] {
    color: var(--muted);
    font-size: .7rem;
}
select[b-b46qqin8ul], input[b-b46qqin8ul], textarea[b-b46qqin8ul], .drawer-body[b-b46qqin8ul]  input, .drawer-body[b-b46qqin8ul]  select,
.drawer-body[b-b46qqin8ul]  textarea, .dialog[b-b46qqin8ul]  input, .dialog[b-b46qqin8ul]  select, .dialog[b-b46qqin8ul]  textarea {
    border: 1px solid #3b4959;
    background: #101720;
    color: var(--text);
    border-radius: .2rem;
    padding: .55rem .65rem;
    outline: none;
    min-width: 0;
}
input:focus[b-b46qqin8ul], select:focus[b-b46qqin8ul], textarea:focus[b-b46qqin8ul] { border-color: #4aa3ff; box-shadow: 0 0 0 1px #4aa3ff; }
.toolbar-actions[b-b46qqin8ul] { margin-left: auto; display: flex; gap: .5rem; }

button[b-b46qqin8ul] { font: inherit; }
.btn-primary[b-b46qqin8ul], .btn-subtle[b-b46qqin8ul], .btn-danger-ghost[b-b46qqin8ul], .icon-button[b-b46qqin8ul] {
    border: 1px solid transparent;
    border-radius: .25rem;
    padding: .55rem .85rem;
    cursor: pointer;
    color: #fff;
}
.btn-primary[b-b46qqin8ul] { background: var(--az-blue); }
.btn-primary:hover[b-b46qqin8ul] { background: var(--az-blue-hover); }
.btn-subtle[b-b46qqin8ul] { background: #1b2632; border-color: #344354; }
.btn-subtle:hover[b-b46qqin8ul] { background: #253344; }
.btn-danger-ghost[b-b46qqin8ul] { color: #ff8585; border-color: #733b42; background: #2a171b; }
.icon-button[b-b46qqin8ul] { background: transparent; padding: .4rem; color: #b6c4d2; }
button:disabled[b-b46qqin8ul] { opacity: .5; cursor: not-allowed; }

.loading-state[b-b46qqin8ul], .empty-state[b-b46qqin8ul], .inline-empty[b-b46qqin8ul] {
    display: grid; place-items: center; gap: .6rem; text-align: center;
    min-height: 280px; color: var(--muted);
}
.empty-state i[b-b46qqin8ul] { font-size: 2.4rem; color: #4aa3ff; }
.empty-state h2[b-b46qqin8ul] { color: var(--text); margin: 0; }
.empty-state p[b-b46qqin8ul] { max-width: 600px; }
.busy-indicator[b-b46qqin8ul] {
    position: fixed; bottom: 1rem; right: 1rem; z-index: 1500;
    display: flex; gap: .55rem; align-items: center; padding: .75rem 1rem;
    border: 1px solid #285c8f; border-radius: .3rem; background: #10233a;
}

.work-items-workspace[b-b46qqin8ul], .kanban-workspace[b-b46qqin8ul], .backlog-workspace[b-b46qqin8ul], .sprint-workspace[b-b46qqin8ul],
.queries-workspace[b-b46qqin8ul], .delivery-workspace[b-b46qqin8ul] {
    border: 1px solid var(--line); background: #0e141c; border-radius: .4rem; min-width: 0;
}
.view-commandbar[b-b46qqin8ul] { min-height: 54px; padding: .65rem .8rem; border-bottom: 1px solid var(--line); }
.view-commandbar > span:nth-last-of-type(1)[b-b46qqin8ul] { flex: 1; }
.search-control[b-b46qqin8ul] { display: flex; align-items: center; gap: .5rem; min-width: min(380px, 40vw); border: 1px solid #3b4959; background: #101720; padding: 0 .6rem; }
.search-control input[b-b46qqin8ul] { border: 0; background: transparent; flex: 1; box-shadow: none; }
.result-count[b-b46qqin8ul], .legend[b-b46qqin8ul], .forecast[b-b46qqin8ul] { color: var(--muted); font-size: .8rem; }

.work-items-table[b-b46qqin8ul] { min-width: 900px; }
.work-items-workspace[b-b46qqin8ul] { overflow-x: auto; }
.work-items-table > header[b-b46qqin8ul], .work-item-row[b-b46qqin8ul] {
    display: grid; grid-template-columns: 70px 150px minmax(260px, 1fr) 110px 150px 140px 55px 100px;
    align-items: center; gap: .65rem; padding: .6rem .8rem;
}
.work-items-table > header[b-b46qqin8ul] { color: var(--muted); font-size: .7rem; text-transform: uppercase; background: #151d27; border-bottom: 1px solid var(--line); }
.work-item-row[b-b46qqin8ul] { width: 100%; text-align: left; color: var(--text); border: 0; border-bottom: 1px solid #26313d; background: transparent; cursor: pointer; }
.work-item-row:hover[b-b46qqin8ul] { background: #172332; }
.work-item-row.blocked[b-b46qqin8ul] { box-shadow: inset 3px 0 #e65f5c; }
.work-item-row strong[b-b46qqin8ul] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.work-item-row strong em[b-b46qqin8ul] { color: #ff8b8b; border: 1px solid #6f373b; font-size: .65rem; padding: .15rem .3rem; margin-left: .4rem; font-style: normal; }
.type-cell i[b-b46qqin8ul] { margin-right: .4rem; }
.type-cell.userstory[b-b46qqin8ul], .userstory[b-b46qqin8ul] { color: #4ea1ff !important; }
.type-cell.task[b-b46qqin8ul], .task[b-b46qqin8ul] { color: #f4c542 !important; }
.type-cell.bug[b-b46qqin8ul], .bug[b-b46qqin8ul] { color: #e76464 !important; }
.type-cell.feature[b-b46qqin8ul], .feature[b-b46qqin8ul] { color: #8d78db !important; }
.type-cell.epic[b-b46qqin8ul], .epic[b-b46qqin8ul] { color: #d65db1 !important; }
.type-cell.issue[b-b46qqin8ul], .issue[b-b46qqin8ul] { color: #ed9b49 !important; }
.state-pill[b-b46qqin8ul] { justify-self: start; font-size: .72rem; border: 1px solid #4b5968; border-radius: 1rem; padding: .17rem .5rem; }
.state-pill.active[b-b46qqin8ul] { border-color: #2c81c9; background: #112c45; }
.state-pill.resolved[b-b46qqin8ul], .state-pill.closed[b-b46qqin8ul] { border-color: #3b8c5b; background: #132f21; }
.points-badge[b-b46qqin8ul] { display: inline-grid; place-items: center; width: 28px; height: 24px; background: #26374a; border-radius: 2px; font-weight: 700; }

.kanban-scroll[b-b46qqin8ul] { overflow-x: auto; }
.kanban-grid[b-b46qqin8ul] { display: grid; grid-template-columns: repeat(var(--columns), minmax(285px, 1fr)); gap: .7rem; min-width: calc(var(--columns) * 285px); padding: .8rem; }
.kanban-column[b-b46qqin8ul] { background: #151d27; border: 1px solid var(--line); border-radius: .3rem; min-height: 560px; transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease; }
.kanban-column.over-wip[b-b46qqin8ul] { border-top: 3px solid #e5a32e; }
.kanban-column.drop-target[b-b46qqin8ul] { border-color: #3394ed; background: #172637; box-shadow: inset 0 0 0 1px #3394ed, 0 0 0 3px rgb(51 148 237 / .12); }
.kanban-column.drop-target .kanban-cards[b-b46qqin8ul] { background: rgb(51 148 237 / .045); }
.kanban-column > header[b-b46qqin8ul] { display: flex; justify-content: space-between; padding: .7rem .75rem; border-bottom: 1px solid var(--line); }
.kanban-column > header div[b-b46qqin8ul] { display: flex; align-items: center; gap: .45rem; }
.column-state[b-b46qqin8ul] { width: 9px; height: 9px; border-radius: 50%; background: #8b99a9; }
.column-state.active[b-b46qqin8ul] { background: #1685d5; }.column-state.resolved[b-b46qqin8ul] { background: #56a764; }.column-state.closed[b-b46qqin8ul] { background: #8a70c7; }
.wip-counter[b-b46qqin8ul] { color: var(--muted); font-size: .75rem; }
.dod[b-b46qqin8ul] { display: flex; gap: .4rem; padding: .5rem .7rem; color: #91a3b6; font-size: .68rem; border-bottom: 1px solid #25303c; }
.kanban-cards[b-b46qqin8ul] { padding: .55rem; }
.kanban-card[b-b46qqin8ul] {
    position: relative; display: block; width: 100%; margin-bottom: .5rem; text-align: left;
    background: #1b2531; color: var(--text); border: 1px solid #344252; border-radius: .25rem; padding: .65rem .65rem .55rem .8rem; cursor: pointer;
    transition: opacity .14s ease, transform .14s ease, border-color .14s ease, background-color .14s ease;
}
.kanban-card[data-can-drag="true"][b-b46qqin8ul] { cursor: grab; touch-action: none; user-select: none; }
.kanban-card[data-can-drag="true"]:active[b-b46qqin8ul] { cursor: grabbing; }
.kanban-card.dragging[b-b46qqin8ul] { opacity: .42; transform: scale(.985); border-color: #3394ed; }
.kanban-card.drag-ghost[b-b46qqin8ul] {
    position: fixed;
    z-index: 10000;
    width: min(25rem, calc(100vw - 2rem));
    margin: 0;
    pointer-events: none;
    opacity: .94;
    transform: rotate(1deg);
    box-shadow: 0 1rem 2.5rem rgb(0 0 0 / 35%);
}
.kanban-card:hover[b-b46qqin8ul] { border-color: #4f8dc7; background: #202e3e; }
.kanban-card.blocked[b-b46qqin8ul] { border-color: #744047; }
.card-drag-handle[b-b46qqin8ul] { position: absolute; top: .55rem; right: .45rem; color: #71849a; opacity: 0; transition: opacity .14s ease; }
.kanban-card:hover .card-drag-handle[b-b46qqin8ul], .kanban-card:focus-visible .card-drag-handle[b-b46qqin8ul] { opacity: 1; }
.card-accent[b-b46qqin8ul] { position: absolute; inset: 0 auto 0 0; width: 3px; background: currentColor; }
.card-title[b-b46qqin8ul] { display: flex; gap: .45rem; align-items: flex-start; padding-right: 1rem; }
.card-title strong[b-b46qqin8ul] { line-height: 1.3; font-size: .86rem; }
.kanban-card > small[b-b46qqin8ul] { display: block; color: var(--muted); margin: .45rem 0; }
.tags[b-b46qqin8ul] { display: flex; gap: .3rem; flex-wrap: wrap; }
.tags em[b-b46qqin8ul] { color: #b7c8da; background: #263647; font-size: .62rem; font-style: normal; padding: .15rem .35rem; }
.kanban-card footer[b-b46qqin8ul] { display: flex; gap: .4rem; align-items: center; color: var(--muted); margin-top: .7rem; font-size: .7rem; }
.kanban-card footer b[b-b46qqin8ul] { margin-left: auto; color: #fff; background: #31445a; padding: .15rem .35rem; }
.avatar[b-b46qqin8ul] { display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #235c91; color: #fff; font-size: .7rem; font-weight: 700; }
.avatar.mini[b-b46qqin8ul] { width: 22px; height: 22px; font-size: .55rem; }
.add-card[b-b46qqin8ul] { width: 100%; color: #78b8f3; background: transparent; border: 1px dashed #3a4e62; padding: .5rem; cursor: pointer; }

.backlog-levels[b-b46qqin8ul] { display: flex; }
.backlog-levels button[b-b46qqin8ul], .pivot-tabs button[b-b46qqin8ul], .drawer-tabs button[b-b46qqin8ul] { color: #a9b6c5; background: transparent; border: 0; border-bottom: 2px solid transparent; padding: .55rem .8rem; cursor: pointer; }
.backlog-levels button.active[b-b46qqin8ul], .pivot-tabs button.active[b-b46qqin8ul], .drawer-tabs button.active[b-b46qqin8ul] { color: #fff; border-color: #3394ed; }
.backlog-grid[b-b46qqin8ul] { min-width: 870px; }
.backlog-workspace[b-b46qqin8ul] { overflow-x: auto; }
.backlog-grid > header[b-b46qqin8ul], .backlog-row[b-b46qqin8ul] { display: grid; grid-template-columns: 90px minmax(320px, 1fr) 110px 160px 60px 150px; gap: .5rem; align-items: center; padding: .55rem .8rem; }
.backlog-grid > header[b-b46qqin8ul] { color: var(--muted); background: #151d27; font-size: .7rem; }
.backlog-row[b-b46qqin8ul] { width: 100%; text-align: left; color: var(--text); border: 0; border-top: 1px solid #293541; background: transparent; }
.backlog-row:hover[b-b46qqin8ul] { background: #182331; }
.drag-handle[b-b46qqin8ul] { color: var(--muted); }
.backlog-title[b-b46qqin8ul] { padding-left: calc(var(--depth) * 1.25rem); display: flex; gap: .45rem; align-items: center; min-width: 0; }
.backlog-title strong[b-b46qqin8ul] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.backlog-title small[b-b46qqin8ul] { color: var(--muted); }

.sprint-summary[b-b46qqin8ul] { padding: 1rem; border-bottom: 1px solid var(--line); }
.sprint-summary > div:first-child[b-b46qqin8ul] { flex: 1; }
.sprint-summary small[b-b46qqin8ul] { color: #66b2ff; font-weight: 700; letter-spacing: .08em; }
.sprint-summary h2[b-b46qqin8ul] { margin: .25rem 0; }.sprint-summary p[b-b46qqin8ul] { margin: 0; color: var(--muted); }
.sprint-dates[b-b46qqin8ul] { display: flex; gap: .5rem; color: var(--muted); }
.progress-ring[b-b46qqin8ul] { width: 72px; height: 72px; border-radius: 50%; display: grid; place-content: center; text-align: center; background: conic-gradient(#24a25a calc(var(--progress) * 1%), #283745 0); position: relative; }
.progress-ring[b-b46qqin8ul]::after { content: ""; position: absolute; inset: 6px; border-radius: 50%; background: #111820; }
.progress-ring strong[b-b46qqin8ul], .progress-ring small[b-b46qqin8ul] { z-index: 1; }.progress-ring small[b-b46qqin8ul] { font-size: .55rem; }
.pivot-tabs[b-b46qqin8ul] { display: flex; padding: 0 .75rem; border-bottom: 1px solid var(--line); }
.sprint-backlog[b-b46qqin8ul] { padding: .8rem; }
.sprint-kpis[b-b46qqin8ul] { display: flex; gap: .7rem; margin-bottom: .7rem; }
.sprint-kpis span[b-b46qqin8ul] { background: #182330; border: 1px solid #2b3948; padding: .5rem .75rem; color: var(--muted); }
.sprint-kpis strong[b-b46qqin8ul] { color: #fff; }
.sprint-backlog > button[b-b46qqin8ul] { display: grid; grid-template-columns: 24px 70px 1fr 110px 70px; width: 100%; gap: .5rem; text-align: left; padding: .65rem; border: 0; border-bottom: 1px solid #293541; background: transparent; color: var(--text); }
.sprint-backlog > button:hover[b-b46qqin8ul] { background: #172331; }.sprint-backlog em[b-b46qqin8ul] { font-style: normal; color: var(--muted); }
.taskboard[b-b46qqin8ul] { display: grid; grid-template-columns: repeat(4, minmax(230px, 1fr)); gap: .6rem; padding: .8rem; overflow-x: auto; }
.taskboard article[b-b46qqin8ul] { background: #151d27; min-height: 400px; border: 1px solid var(--line); }
.taskboard article > header[b-b46qqin8ul] { display: flex; justify-content: space-between; padding: .65rem; border-bottom: 1px solid var(--line); }
.taskboard article > button[b-b46qqin8ul] { display: grid; grid-template-columns: 20px 1fr; gap: .35rem; width: calc(100% - 1rem); margin: .5rem; padding: .6rem; background: #1e2a37; color: #fff; border: 1px solid #344657; text-align: left; }
.taskboard article > button small[b-b46qqin8ul] { grid-column: 2; color: var(--muted); }
.capacity-view[b-b46qqin8ul] { padding: 1rem; }.capacity-view > header[b-b46qqin8ul] { display: flex; justify-content: space-between; align-items: center; }
.capacity-view h3[b-b46qqin8ul] { margin: 0; }.capacity-view p[b-b46qqin8ul] { color: var(--muted); margin: .2rem 0 1rem; }
.capacity-table > div[b-b46qqin8ul], .capacity-table > button[b-b46qqin8ul] { display: grid; grid-template-columns: 1fr 180px 150px 120px 150px; width: 100%; align-items: center; gap: .5rem; padding: .65rem; }
.capacity-table > div[b-b46qqin8ul] { color: var(--muted); background: #18222e; }.capacity-table > button[b-b46qqin8ul] { color: #fff; background: transparent; border: 0; border-bottom: 1px solid #2a3643; text-align: left; }
.capacity-table > button span:first-child[b-b46qqin8ul] { display: flex; gap: .5rem; align-items: center; }
.analytics-grid[b-b46qqin8ul] { display: grid; grid-template-columns: 2fr 1fr; gap: .8rem; padding: .8rem; }
.analytics-grid article[b-b46qqin8ul] { background: #151d27; border: 1px solid var(--line); padding: .9rem; }
.analytics-grid article > header[b-b46qqin8ul] { display: flex; justify-content: space-between; }.analytics-grid h3[b-b46qqin8ul] { margin: 0; }.analytics-grid p[b-b46qqin8ul] { color: var(--muted); margin: .25rem 0; }
.chart-area[b-b46qqin8ul] { height: 260px; display: flex; align-items: end; gap: 1rem; border-left: 1px solid #41505f; border-bottom: 1px solid #41505f; padding: 1rem; position: relative; }
.chart-area > span[b-b46qqin8ul] { flex: 1; height: var(--height); display: flex; align-items: end; position: relative; }
.chart-area > span i[b-b46qqin8ul] { display: block; height: 4px; background: #49a3f1; width: 100%; }.chart-area > span small[b-b46qqin8ul] { position: absolute; top: 100%; color: var(--muted); }
.ideal-line[b-b46qqin8ul] { position: absolute; width: 90%; border-top: 2px dashed #798897; transform: rotate(-18deg); top: 45%; }
.velocity-chart > div[b-b46qqin8ul] { display: grid; grid-template-columns: 100px 1fr; align-items: center; margin: .8rem 0; position: relative; }
.velocity-chart i[b-b46qqin8ul], .velocity-chart b[b-b46qqin8ul] { grid-column: 2; height: 8px; width: var(--value); background: #536779; }.velocity-chart b[b-b46qqin8ul] { background: #3aa365; margin-top: 3px; }

.queries-workspace[b-b46qqin8ul] { display: grid; grid-template-columns: 300px minmax(0, 1fr); min-height: 620px; }
.queries-list[b-b46qqin8ul] { border-right: 1px solid var(--line); background: #141c26; }
.queries-list > header[b-b46qqin8ul], .query-results > header[b-b46qqin8ul] { display: flex; justify-content: space-between; align-items: center; padding: .85rem; border-bottom: 1px solid var(--line); }
.queries-list h2[b-b46qqin8ul], .query-results h2[b-b46qqin8ul] { margin: .15rem 0 0; font-size: 1.1rem; }
.queries-list small[b-b46qqin8ul], .query-results small[b-b46qqin8ul] { color: #5cb1ff; font-size: .65rem; letter-spacing: .08em; }
.queries-list > header button[b-b46qqin8ul] { background: transparent; color: #69b5f8; border: 0; font-size: 1.1rem; }
.queries-list > label[b-b46qqin8ul] { display: flex; gap: .4rem; align-items: center; margin: .65rem; border: 1px solid #374757; padding: 0 .5rem; }
.queries-list > label input[b-b46qqin8ul] { border: 0; flex: 1; }
.queries-list h3[b-b46qqin8ul] { font-size: .7rem; color: var(--muted); text-transform: uppercase; padding: .6rem .8rem; margin: 0; }
.queries-list > button[b-b46qqin8ul] { display: grid; grid-template-columns: 22px 1fr 18px; gap: .4rem; width: 100%; color: #d9e4ef; background: transparent; border: 0; padding: .6rem .8rem; text-align: left; }
.queries-list > button.selected[b-b46qqin8ul], .queries-list > button:hover[b-b46qqin8ul] { background: #17314d; box-shadow: inset 3px 0 #2b93ef; }
.queries-list > button span[b-b46qqin8ul] { display: grid; }.queries-list > button small[b-b46qqin8ul] { color: var(--muted); letter-spacing: 0; }
.query-result-table > div[b-b46qqin8ul], .query-result-table > button[b-b46qqin8ul] { display: grid; grid-template-columns: 70px 150px minmax(240px, 1fr) 110px 160px 50px; gap: .5rem; align-items: center; padding: .6rem .8rem; }
.query-result-table > div:first-child[b-b46qqin8ul] { background: #151d27; color: var(--muted); font-size: .7rem; }
.query-result-table > button[b-b46qqin8ul] { width: 100%; background: transparent; color: #fff; border: 0; border-bottom: 1px solid #283542; text-align: left; }
.query-result-table > button:hover[b-b46qqin8ul] { background: #172331; }
.query-result-table .inline-empty[b-b46qqin8ul] { min-height: 420px; display: grid; grid-template-columns: 1fr; }

.delivery-commandbar[b-b46qqin8ul] { padding: .7rem; border-bottom: 1px solid var(--line); justify-content: space-between; }
.delivery-commandbar > div[b-b46qqin8ul] { display: flex; gap: .5rem; }
.timeline[b-b46qqin8ul] { overflow-x: auto; min-height: 600px; }
.timeline-scale[b-b46qqin8ul], .timeline-team[b-b46qqin8ul] { display: grid; grid-template-columns: 220px repeat(6, minmax(180px, 1fr)); min-width: 1300px; }
.timeline-scale[b-b46qqin8ul] { position: sticky; top: 0; z-index: 2; background: #151e28; border-bottom: 1px solid var(--line); }
.timeline-scale > span[b-b46qqin8ul], .timeline-scale > div[b-b46qqin8ul] { padding: .65rem; border-right: 1px solid #2c3947; }
.timeline-scale div[b-b46qqin8ul] { display: grid; }.timeline-scale small[b-b46qqin8ul] { color: var(--muted); }
.timeline-team[b-b46qqin8ul] { border-bottom: 1px solid var(--line); }
.timeline-team > header[b-b46qqin8ul] { display: flex; gap: .6rem; align-items: center; padding: .7rem; border-right: 1px solid var(--line); }
.timeline-team > header div[b-b46qqin8ul] { display: grid; }.timeline-team > header small[b-b46qqin8ul] { color: var(--muted); }
.timeline-team > article[b-b46qqin8ul] { padding: .5rem; border-right: 1px solid #293642; min-height: 160px; }
.iteration-band[b-b46qqin8ul] { display: flex; justify-content: space-between; background: #183550; border-left: 3px solid #2f95ec; padding: .4rem; font-size: .7rem; }
.iteration-band.current[b-b46qqin8ul] { border-color: #55ac69; background: #193624; }
.timeline-team article button[b-b46qqin8ul] { display: flex; gap: .4rem; width: 100%; margin-top: .4rem; padding: .4rem; background: #1c2733; color: #dce7f2; border: 1px solid #354555; text-align: left; }
.timeline-team article button span[b-b46qqin8ul] { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.drawer-backdrop[b-b46qqin8ul], .modal-backdrop[b-b46qqin8ul] { position: fixed; inset: 0; z-index: 30000; background: rgb(0 0 0 / .72); backdrop-filter: blur(1.5px); }
.work-item-drawer[b-b46qqin8ul] {
    position: fixed; z-index: 30010; top: 2vh; right: 1.5vw; bottom: 2vh;
    width: min(1480px, 92vw); min-width: min(960px, 92vw);
    display: grid; grid-template-rows: auto minmax(0, 1fr); overflow: hidden;
    border: 1px solid #3b4a59; border-radius: .45rem; background: #111820;
    box-shadow: -16px 0 55px rgb(0 0 0 / .62), 0 18px 70px rgb(0 0 0 / .35);
}
.work-item-drawer > header[b-b46qqin8ul] { display: flex; justify-content: space-between; align-items: center; min-height: 48px; padding: .7rem 1.25rem; border-bottom: 1px solid var(--line); background: #18212b; }
.work-item-drawer[b-b46qqin8ul]  form { min-height: 0; display: grid; grid-template-rows: auto auto minmax(0, 1fr) auto; overflow: hidden; }
.work-item-identity[b-b46qqin8ul] { display: flex; gap: .45rem; align-items: center; font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.identity-separator[b-b46qqin8ul] { color: #657487; }
.drawer-title[b-b46qqin8ul] { display: grid; gap: .25rem; padding: 1rem 1.5rem .8rem; }
.drawer-title small[b-b46qqin8ul] { color: var(--muted); font-size: .72rem; }
.drawer-title[b-b46qqin8ul]  input { width: 100%; font-size: 1.55rem; font-weight: 500; background: transparent; border-color: transparent; padding: .25rem 0; }
.drawer-title[b-b46qqin8ul]  input:focus { border-color: #3394ed; padding-left: .55rem; }
.drawer-tabs[b-b46qqin8ul] { display: flex; gap: .25rem; padding: 0 1.25rem; border-bottom: 1px solid var(--line); }
.drawer-tabs button[b-b46qqin8ul] { min-width: 120px; font-weight: 600; }
.drawer-body[b-b46qqin8ul] { min-height: 0; padding: 1.15rem 1.5rem; display: grid; gap: 1rem; overflow-y: auto; }
.work-item-details[b-b46qqin8ul] { align-content: start; }
.work-item-common-fields[b-b46qqin8ul] { display: grid; grid-template-columns: 170px 180px minmax(220px, 1fr) minmax(210px, 1fr); gap: .8rem; padding: 1rem; border: 1px solid #2f3e4d; background: #151f29; }
.work-item-common-fields label[b-b46qqin8ul], .work-item-planning > label[b-b46qqin8ul] { display: grid; gap: .3rem; }
.work-item-detail-columns[b-b46qqin8ul] { display: grid; grid-template-columns: minmax(0, 1fr) 360px; min-height: 0; border: 1px solid #2d3b49; background: #0e151d; }
.work-item-content-fields[b-b46qqin8ul] { display: grid; align-content: start; gap: 1.25rem; min-width: 0; padding: 1.25rem; }
.rich-field[b-b46qqin8ul] { gap: .5rem; }
.rich-field > span[b-b46qqin8ul] { color: #dce6ef !important; font-size: .82rem !important; font-weight: 650; }
.rich-field[b-b46qqin8ul]  textarea { min-height: 190px; line-height: 1.55; padding: .8rem; background: #101821; }
.rich-field:first-child[b-b46qqin8ul]  textarea { min-height: 245px; }
.work-item-planning[b-b46qqin8ul] { display: grid; align-content: start; gap: .9rem; padding: 1.1rem; border-left: 1px solid #2d3b49; background: #151e28; }
.work-item-planning > header[b-b46qqin8ul] { display: flex; align-items: center; gap: .55rem; padding-bottom: .75rem; border-bottom: 1px solid #30404f; color: #dce7f2; }
.work-item-planning > header i[b-b46qqin8ul] { color: #55aaf4; }
.planning-hours[b-b46qqin8ul] { gap: .6rem; }
.blocked-field[b-b46qqin8ul] { margin-top: .1rem; padding: .65rem .75rem; border: 1px solid #5d3a3d; background: #2a1d21; }
.form-grid[b-b46qqin8ul] { display: grid; gap: .8rem; }.form-grid.two[b-b46qqin8ul] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.form-grid label[b-b46qqin8ul], .full-field[b-b46qqin8ul] { display: grid; gap: .3rem; }
.full-field[b-b46qqin8ul]  textarea { resize: vertical; }
.estimation-card[b-b46qqin8ul] { padding: .8rem; border: 1px solid #334455; background: #101821; }
.estimation-card > div:first-child[b-b46qqin8ul] { display: grid; }.estimation-card small[b-b46qqin8ul] { color: var(--muted); }
.fibonacci-scale[b-b46qqin8ul] { display: flex; gap: .35rem; margin-top: .65rem; flex-wrap: wrap; }
.fibonacci-scale button[b-b46qqin8ul] { width: 38px; height: 34px; color: #d6e3ef; border: 1px solid #405367; background: #101821; cursor: pointer; }
.fibonacci-scale button.selected[b-b46qqin8ul] { color: #fff; background: #0878cf; border-color: #5cb4f5; }
.check-field[b-b46qqin8ul] { display: flex !important; align-items: center; gap: .5rem; }.check-field[b-b46qqin8ul]  input, .check-field input[b-b46qqin8ul] { width: 16px; height: 16px; min-width: 16px; accent-color: #1685d5; }
.check-field.compact[b-b46qqin8ul] { font-size: .7rem; }
.history-panel[b-b46qqin8ul] { grid-template-rows: minmax(0, 1fr) auto; overflow: hidden; }
.history-feed[b-b46qqin8ul] { min-height: 0; display: grid; align-content: start; gap: .9rem; overflow-y: auto; padding-right: .4rem; }
.history-panel article[b-b46qqin8ul] { display: flex; gap: .7rem; border: 1px solid #2f3c49; border-radius: .25rem; background: #151e28; padding: .9rem; }
.history-panel article > div[b-b46qqin8ul] { flex: 1; }.history-panel article small[b-b46qqin8ul] { color: var(--muted); margin-left: .6rem; }.history-panel article p[b-b46qqin8ul] { color: #d3dde7; }
.comment-box[b-b46qqin8ul] { display: grid; gap: .55rem; padding-top: 1rem; border-top: 1px solid var(--line); background: #111820; }
.comment-box label[b-b46qqin8ul] { display: grid; gap: .4rem; }.comment-box label > span[b-b46qqin8ul] { color: #dce6ef; font-size: .8rem; font-weight: 650; }
.comment-box textarea[b-b46qqin8ul] { min-height: 105px; resize: vertical; }
.comment-box button[b-b46qqin8ul] { justify-self: end; }
.work-item-drawer form > footer[b-b46qqin8ul], .dialog > footer[b-b46qqin8ul], .dialog form > footer[b-b46qqin8ul] { display: flex; gap: .5rem; align-items: center; justify-content: flex-end; border-top: 1px solid var(--line); padding: .75rem 1.25rem; background: #18212b; }
.work-item-drawer form > footer span[b-b46qqin8ul] { flex: 1; }
.validation-summary:empty[b-b46qqin8ul] { display: none; }

.modal-backdrop[b-b46qqin8ul] { display: grid; place-items: center; padding: 1rem; }
.dialog[b-b46qqin8ul] { width: min(900px, 96vw); max-height: 92vh; overflow-y: auto; background: #131b24; border: 1px solid #3a4857; box-shadow: 0 18px 60px rgb(0 0 0 / .55); }
.small-dialog[b-b46qqin8ul] { width: min(560px, 96vw); }
.dialog > header[b-b46qqin8ul], .dialog form > header[b-b46qqin8ul] { display: flex; justify-content: space-between; padding: .9rem 1rem; border-bottom: 1px solid var(--line); }
.dialog h2[b-b46qqin8ul] { margin: .2rem 0 0; font-size: 1.25rem; }.dialog header small[b-b46qqin8ul] { color: #62aff5; font-weight: 700; }
.dialog-body[b-b46qqin8ul] { display: grid; gap: .9rem; padding: 1rem; }.dialog-body > label[b-b46qqin8ul] { display: grid; gap: .3rem; }
.column-editor article[b-b46qqin8ul] { display: grid; grid-template-columns: 20px 140px 110px 100px 130px 1fr; gap: .5rem; align-items: center; padding: .65rem; background: #18232e; border: 1px solid #314050; }
.column-editor article label[b-b46qqin8ul] { display: grid; gap: .15rem; }
.query-dialog[b-b46qqin8ul], .plan-dialog[b-b46qqin8ul] { width: min(920px, 96vw); }
.query-clauses[b-b46qqin8ul] { border: 1px solid var(--line); }.query-clauses > header[b-b46qqin8ul] { display: flex; justify-content: space-between; padding: .6rem; background: #18222e; }
.query-clauses > header button[b-b46qqin8ul] { color: #66b5f7; background: transparent; border: 0; }
.query-clauses > div[b-b46qqin8ul] { display: grid; grid-template-columns: 80px 150px 130px 1fr; gap: .4rem; padding: .45rem; border-top: 1px solid #2a3744; }
.team-selector[b-b46qqin8ul] { border: 1px solid var(--line); padding: .7rem; display: grid; grid-template-columns: repeat(2, 1fr); gap: .5rem; }
.team-selector > strong[b-b46qqin8ul] { grid-column: 1 / -1; }
.validation-summary[b-b46qqin8ul] { color: #ff8585; padding: .5rem 1rem; }

@media (max-width: 1050px) {
    .boards-header[b-b46qqin8ul] { align-items: flex-start; }.metrics-strip[b-b46qqin8ul] { display: none; }
    .queries-workspace[b-b46qqin8ul] { grid-template-columns: 240px minmax(650px, 1fr); overflow-x: auto; }
    .analytics-grid[b-b46qqin8ul] { grid-template-columns: 1fr; }
    .work-item-drawer[b-b46qqin8ul] { top: .5rem; right: .5rem; bottom: .5rem; width: calc(100vw - 1rem); min-width: 0; }
    .work-item-common-fields[b-b46qqin8ul] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
    .work-item-detail-columns[b-b46qqin8ul] { grid-template-columns: 1fr; }
    .work-item-planning[b-b46qqin8ul] { border-top: 1px solid #2d3b49; border-left: 0; }
    .rich-field:first-child[b-b46qqin8ul]  textarea { min-height: 200px; }
}

@media (max-width: 720px) {
    .boards-header[b-b46qqin8ul] { display: block; }.boards-toolbar[b-b46qqin8ul] { align-items: stretch; }.boards-toolbar label[b-b46qqin8ul] { width: 100%; }
    .toolbar-actions[b-b46qqin8ul] { width: 100%; margin-left: 0; overflow-x: auto; }
    .form-grid.two[b-b46qqin8ul] { grid-template-columns: 1fr; }
    .work-item-drawer[b-b46qqin8ul] { inset: 0; width: 100vw; border: 0; border-radius: 0; }
    .drawer-title[b-b46qqin8ul], .drawer-body[b-b46qqin8ul] { padding-right: 1rem; padding-left: 1rem; }
    .work-item-common-fields[b-b46qqin8ul] { grid-template-columns: 1fr; }
    .work-item-content-fields[b-b46qqin8ul], .work-item-planning[b-b46qqin8ul] { padding: .9rem; }
    .drawer-tabs[b-b46qqin8ul] { overflow-x: auto; }
    .sprint-summary[b-b46qqin8ul] { align-items: flex-start; flex-wrap: wrap; }.progress-ring[b-b46qqin8ul] { display: none; }
    .column-editor article[b-b46qqin8ul] { grid-template-columns: 20px 1fr; }.column-editor article > *[b-b46qqin8ul] { grid-column: 2; }
    .query-clauses > div[b-b46qqin8ul] { grid-template-columns: 1fr; }
}
/* /Presentation/Features/DevOps/Pages/PipelinesWorkspace.razor.rz.scp.css */
.pipelines-page[b-o6qdmrwhbv] {
    --pp-bg: #0d1117;
    --pp-panel: #161b22;
    --pp-panel-2: #1c232d;
    --pp-border: #30363d;
    --pp-muted: #8b949e;
    --pp-text: #e6edf3;
    --pp-blue: #2f81f7;
    --pp-green: #3fb950;
    --pp-red: #f85149;
    --pp-yellow: #d29922;
    position: relative;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: calc(100vh - 64px);
    margin: -1.5rem 0;
    padding: 1.5rem;
    overflow-x: hidden;
    box-sizing: border-box;
    background: radial-gradient(circle at 88% 0, rgba(47, 129, 247, .12), transparent 28%), var(--pp-bg);
    color: var(--pp-text);
}

.pipelines-page[b-o6qdmrwhbv],
.pipelines-page *[b-o6qdmrwhbv] {
    box-sizing: border-box;
}

.pipelines-header[b-o6qdmrwhbv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.pipelines-header > div[b-o6qdmrwhbv],
.pipelines-toolbar[b-o6qdmrwhbv],
.content-panel[b-o6qdmrwhbv],
.section-heading[b-o6qdmrwhbv] {
    min-width: 0;
    max-width: 100%;
}

.pipelines-header h1[b-o6qdmrwhbv] {
    margin: .2rem 0;
    font-size: 2rem;
}

.pipelines-header p[b-o6qdmrwhbv],
.section-heading p[b-o6qdmrwhbv] {
    margin: 0;
    color: var(--pp-muted);
}

.module-label[b-o6qdmrwhbv] {
    color: #79c0ff;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.provider-status[b-o6qdmrwhbv] {
    display: flex;
    min-width: 245px;
    align-items: center;
    gap: .8rem;
    padding: .8rem 1rem;
    border: 1px solid var(--pp-border);
    border-radius: 12px;
    background: var(--pp-panel);
}

.provider-status > i[b-o6qdmrwhbv] {
    font-size: 1.5rem;
}

.provider-status > div[b-o6qdmrwhbv] {
    display: flex;
    flex-direction: column;
}

.provider-status small[b-o6qdmrwhbv],
.provider-status span[b-o6qdmrwhbv] {
    color: var(--pp-muted);
    font-size: .7rem;
}

.provider-status.ready > i[b-o6qdmrwhbv] {
    color: var(--pp-green);
}

.provider-status.checking > i[b-o6qdmrwhbv] {
    color: #58a6ff;
}

.provider-status.pending > i[b-o6qdmrwhbv] {
    color: var(--pp-yellow);
}

.pipelines-tabs[b-o6qdmrwhbv] {
    display: flex;
    gap: .25rem;
    margin-bottom: 1rem;
    overflow-x: auto;
    border-bottom: 1px solid var(--pp-border);
}

.pipelines-tabs[b-o6qdmrwhbv]  a {
    display: flex;
    align-items: center;
    gap: .45rem;
    padding: .75rem 1rem;
    border-bottom: 2px solid transparent;
    color: var(--pp-muted);
    text-decoration: none;
    white-space: nowrap;
}

.pipelines-tabs[b-o6qdmrwhbv]  a:hover {
    color: var(--pp-text);
}

.pipelines-tabs[b-o6qdmrwhbv]  a.active {
    border-color: var(--pp-blue);
    background: linear-gradient(0deg, rgba(47, 129, 247, .1), transparent);
    color: #fff;
}

.pipelines-toolbar[b-o6qdmrwhbv] {
    display: flex;
    align-items: end;
    gap: .8rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    padding: .85rem;
    border: 1px solid var(--pp-border);
    border-radius: 12px;
    background: var(--pp-panel);
}

.selector[b-o6qdmrwhbv] {
    display: flex;
    min-width: 220px;
    flex-direction: column;
    gap: .25rem;
}

.repository-selector[b-o6qdmrwhbv] {
    min-width: 310px;
}

.selector label[b-o6qdmrwhbv],
.dispatch-reference label[b-o6qdmrwhbv] {
    color: var(--pp-muted);
    font-size: .72rem;
}

.selector select[b-o6qdmrwhbv],
.dispatch-reference select[b-o6qdmrwhbv],
.list-filters select[b-o6qdmrwhbv] {
    min-height: 38px;
    padding: 0 .65rem;
    border: 1px solid var(--pp-border);
    border-radius: 7px;
    background: var(--pp-bg);
    color: var(--pp-text);
}

.toolbar-actions[b-o6qdmrwhbv] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-left: auto;
}

.btn-primary[b-o6qdmrwhbv],
.btn-ghost[b-o6qdmrwhbv],
.run-button[b-o6qdmrwhbv],
.download-button[b-o6qdmrwhbv] {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    padding: .45rem .75rem;
    border: 1px solid transparent;
    border-radius: 7px;
    font-weight: 700;
}

.btn-primary[b-o6qdmrwhbv] {
    border-color: #58a6ff;
    background: var(--pp-blue);
    color: #fff;
}

.btn-primary:hover[b-o6qdmrwhbv] {
    background: #1f6feb;
}

.btn-ghost[b-o6qdmrwhbv] {
    border-color: var(--pp-border);
    background: #21262d;
    color: var(--pp-text);
}

.btn-primary:disabled[b-o6qdmrwhbv],
.btn-ghost:disabled[b-o6qdmrwhbv],
.run-button:disabled[b-o6qdmrwhbv],
.download-button:disabled[b-o6qdmrwhbv] {
    cursor: not-allowed;
    opacity: .45;
}

.notice[b-o6qdmrwhbv] {
    display: flex;
    align-items: center;
    gap: .9rem;
    margin-bottom: 1rem;
    padding: 1rem;
    border: 1px solid #735c0f;
    border-radius: 12px;
    background: #272115;
}

.notice > i[b-o6qdmrwhbv] {
    color: #e3b341;
    font-size: 1.5rem;
}

.notice > div[b-o6qdmrwhbv] {
    display: flex;
    flex-direction: column;
}

.notice span[b-o6qdmrwhbv] {
    color: #c9b978;
    font-size: .8rem;
}

.content-panel[b-o6qdmrwhbv] {
    margin-bottom: 1rem;
    padding: 1rem;
    overflow: hidden;
    border: 1px solid var(--pp-border);
    border-radius: 12px;
    background: var(--pp-panel);
}

.section-heading[b-o6qdmrwhbv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.section-heading small[b-o6qdmrwhbv] {
    color: var(--pp-muted);
}

.section-heading h2[b-o6qdmrwhbv] {
    margin: .1rem 0;
    font-size: 1.12rem;
}

.summary-chips[b-o6qdmrwhbv],
.run-metrics[b-o6qdmrwhbv] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

.summary-chips span[b-o6qdmrwhbv],
.run-metrics span[b-o6qdmrwhbv] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .35rem .55rem;
    border: 1px solid var(--pp-border);
    border-radius: 999px;
    background: #21262d;
    color: var(--pp-muted);
    font-size: .72rem;
}

.summary-chips strong[b-o6qdmrwhbv] {
    color: var(--pp-text);
}

.run-metrics .success[b-o6qdmrwhbv] {
    color: #56d364;
}

.run-metrics .running[b-o6qdmrwhbv] {
    color: #79c0ff;
}

.run-metrics .failure[b-o6qdmrwhbv] {
    color: #ff7b72;
}

.dispatch-panel[b-o6qdmrwhbv] {
    display: grid;
    grid-template-columns: auto minmax(200px, 1fr) minmax(170px, .55fr) minmax(260px, .9fr) auto;
    align-items: end;
    gap: .8rem;
    margin-bottom: .8rem;
    padding: .85rem;
    border: 1px solid #1f6feb;
    border-radius: 10px;
    background: #111d2e;
}

.dispatch-icon[b-o6qdmrwhbv] {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    align-self: center;
    border-radius: 50%;
    background: var(--pp-blue);
    color: #fff;
    font-size: 1.2rem;
}

.dispatch-copy[b-o6qdmrwhbv],
.dispatch-reference[b-o6qdmrwhbv] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .2rem;
}

.dispatch-copy small[b-o6qdmrwhbv],
.dispatch-copy span[b-o6qdmrwhbv] {
    overflow: hidden;
    color: var(--pp-muted);
    font-size: .72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dispatch-actions[b-o6qdmrwhbv] {
    display: flex;
    gap: .45rem;
}

.dispatch-release-note[b-o6qdmrwhbv] {
    min-height: 42px;
    display: flex;
    align-items: center;
    gap: .55rem;
    padding: .48rem .62rem;
    border: 1px solid rgba(63, 185, 80, .28);
    border-radius: 6px;
    color: #aab8c7;
    background: rgba(46, 160, 67, .08);
    font-size: .68rem;
    line-height: 1.35;
}

.dispatch-release-note > i[b-o6qdmrwhbv] {
    color: #56d364;
    font-size: 1rem;
}

.dispatch-release-note span[b-o6qdmrwhbv] {
    display: grid;
}

.dispatch-release-note strong[b-o6qdmrwhbv] {
    color: #dce7f1;
}

.pipeline-list[b-o6qdmrwhbv],
.artifact-grid[b-o6qdmrwhbv] {
    display: grid;
    gap: .55rem;
}

.pipeline-card[b-o6qdmrwhbv] {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    align-items: center;
    gap: .8rem;
    padding: .85rem;
    border: 1px solid var(--pp-border);
    border-radius: 9px;
    background: var(--pp-bg);
}

.pipeline-card:hover[b-o6qdmrwhbv],
.artifact-card:hover[b-o6qdmrwhbv],
.agent-card:hover[b-o6qdmrwhbv] {
    border-color: #484f58;
    background: #111820;
}

.pipeline-symbol[b-o6qdmrwhbv] {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 9px;
    background: #17243a;
    color: #79c0ff;
    font-size: 1.2rem;
}

.pipeline-main[b-o6qdmrwhbv] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .3rem;
}

.pipeline-title[b-o6qdmrwhbv] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .4rem;
    flex-wrap: wrap;
}

.pipeline-title strong[b-o6qdmrwhbv],
.pipeline-path[b-o6qdmrwhbv] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.yaml-badge[b-o6qdmrwhbv],
.manual-badge[b-o6qdmrwhbv],
.expired-badge[b-o6qdmrwhbv] {
    padding: .15rem .4rem;
    border: 1px solid var(--pp-border);
    border-radius: 999px;
    color: #a5d6ff;
    font-size: .65rem;
    font-weight: 700;
}

.manual-badge[b-o6qdmrwhbv] {
    color: #d2a8ff;
}

.pipeline-path[b-o6qdmrwhbv],
.pipeline-meta[b-o6qdmrwhbv] {
    color: var(--pp-muted);
    font-size: .72rem;
}

.pipeline-meta[b-o6qdmrwhbv] {
    display: flex;
    align-items: center;
    gap: .85rem;
    flex-wrap: wrap;
}

.run-button[b-o6qdmrwhbv] {
    border-color: #238636;
    background: #238636;
    color: #fff;
}

.run-button:not(:disabled):hover[b-o6qdmrwhbv] {
    background: #2ea043;
}

.list-filters[b-o6qdmrwhbv] {
    display: flex;
    gap: .55rem;
    margin-bottom: .7rem;
}

.search-box[b-o6qdmrwhbv] {
    display: flex;
    min-width: 260px;
    flex: 1;
    align-items: center;
    gap: .5rem;
    padding: 0 .65rem;
    border: 1px solid var(--pp-border);
    border-radius: 7px;
    background: var(--pp-bg);
    color: var(--pp-muted);
}

.search-box input[b-o6qdmrwhbv] {
    width: 100%;
    min-height: 38px;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--pp-text);
}

.runs-table[b-o6qdmrwhbv] {
    overflow: hidden;
    border: 1px solid var(--pp-border);
    border-radius: 9px;
}

.table-row[b-o6qdmrwhbv] {
    display: grid;
    grid-template-columns: 130px minmax(200px, 1.2fr) minmax(190px, 1fr) 145px 80px 36px;
    align-items: center;
    gap: .7rem;
    min-width: 840px;
    padding: .7rem .8rem;
    border-bottom: 1px solid var(--pp-border);
    background: var(--pp-bg);
}

.table-row:last-child[b-o6qdmrwhbv] {
    border-bottom: 0;
}

.table-header[b-o6qdmrwhbv] {
    background: #1c2128;
    color: var(--pp-muted);
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
}

.run-identity[b-o6qdmrwhbv],
.run-source[b-o6qdmrwhbv],
.table-row > span:nth-child(4)[b-o6qdmrwhbv] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.run-identity strong[b-o6qdmrwhbv],
.run-identity small[b-o6qdmrwhbv],
.run-source strong[b-o6qdmrwhbv],
.run-source small[b-o6qdmrwhbv] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.run-identity small[b-o6qdmrwhbv],
.run-source small[b-o6qdmrwhbv],
.table-row > span:nth-child(4) small[b-o6qdmrwhbv] {
    color: var(--pp-muted);
    font-size: .7rem;
}

.status-badge[b-o6qdmrwhbv] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: var(--pp-muted);
    font-size: .72rem;
    font-weight: 700;
}

.status-badge.success[b-o6qdmrwhbv] {
    color: #56d364;
}

.status-badge.failure[b-o6qdmrwhbv] {
    color: #ff7b72;
}

.status-badge.running[b-o6qdmrwhbv] {
    color: #79c0ff;
}

.status-badge.cancelled[b-o6qdmrwhbv],
.status-badge.skipped[b-o6qdmrwhbv] {
    color: #a8b3be;
}

.status-badge.running i[b-o6qdmrwhbv] {
    animation: spin-b-o6qdmrwhbv 1.4s linear infinite;
}

.row-actions button[b-o6qdmrwhbv] {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border: 1px solid var(--pp-border);
    border-radius: 6px;
    background: #21262d;
    color: #ff7b72;
}

.agent-grid[b-o6qdmrwhbv] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: .7rem;
}

.agent-heading-actions[b-o6qdmrwhbv],
.agent-command-bar[b-o6qdmrwhbv],
.agent-command-bar > div[b-o6qdmrwhbv],
.agent-identity[b-o6qdmrwhbv],
.agent-actions[b-o6qdmrwhbv] {
    display: flex;
    align-items: center;
}

.agent-heading-actions[b-o6qdmrwhbv] {
    gap: .65rem;
}

.agent-command-bar[b-o6qdmrwhbv] {
    justify-content: space-between;
    gap: .8rem;
    margin-bottom: .75rem;
    padding: .65rem .8rem;
    border: 1px solid #254568;
    border-radius: 8px;
    background: #101b29;
}

.agent-command-bar > div[b-o6qdmrwhbv] {
    gap: .55rem;
    min-width: 0;
    color: var(--pp-muted);
    font-size: .73rem;
}

.agent-command-bar > div > i[b-o6qdmrwhbv] {
    color: #79c0ff;
    font-size: 1rem;
}

.agent-command-bar strong[b-o6qdmrwhbv] {
    color: var(--pp-text);
}

.agent-table[b-o6qdmrwhbv] {
    overflow: hidden;
    border: 1px solid var(--pp-border);
    border-radius: 9px;
}

.agent-row[b-o6qdmrwhbv] {
    display: grid;
    grid-template-columns: minmax(220px, 1.25fr) minmax(120px, .6fr) minmax(190px, 1fr) minmax(200px, 1.1fr) minmax(130px, .7fr) 92px;
    align-items: center;
    gap: .75rem;
    padding: .75rem .85rem;
    border-bottom: 1px solid var(--pp-border);
    background: var(--pp-bg);
}

.agent-row:last-child[b-o6qdmrwhbv] {
    border-bottom: 0;
}

.agent-row:not(.agent-table-header):hover[b-o6qdmrwhbv] {
    background: #111820;
}

.agent-table-header[b-o6qdmrwhbv] {
    min-height: 38px;
    padding-block: .55rem;
    background: #1c2128;
    color: var(--pp-muted);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.agent-identity[b-o6qdmrwhbv] {
    min-width: 0;
    gap: .65rem;
}

.agent-identity > span:last-child[b-o6qdmrwhbv],
.agent-row > span:not(.agent-identity, .agent-actions, .labels)[b-o6qdmrwhbv],
.agent-endpoint[b-o6qdmrwhbv] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .18rem;
}

.agent-identity strong[b-o6qdmrwhbv],
.agent-identity small[b-o6qdmrwhbv],
.agent-endpoint strong[b-o6qdmrwhbv],
.agent-endpoint small[b-o6qdmrwhbv] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.agent-identity small[b-o6qdmrwhbv],
.agent-endpoint small[b-o6qdmrwhbv],
.agent-row > span > small[b-o6qdmrwhbv] {
    color: var(--pp-muted);
    font-size: .68rem;
}

.environment-badge[b-o6qdmrwhbv],
.unconfigured-badge[b-o6qdmrwhbv] {
    width: fit-content;
    padding: .18rem .45rem;
    border: 1px solid #3d444d;
    border-radius: 999px;
    background: #21262d;
    color: #c9d1d9;
    font-size: .67rem;
    font-weight: 700;
}

.environment-badge.production[b-o6qdmrwhbv] {
    border-color: #8b3a36;
    background: #301b1b;
    color: #ffb4ad;
}

.environment-badge.homologation[b-o6qdmrwhbv] {
    border-color: #6f551c;
    background: #2a2414;
    color: #eac55f;
}

.environment-badge.development[b-o6qdmrwhbv] {
    border-color: #245e8e;
    background: #11283e;
    color: #79c0ff;
}

.unconfigured-badge[b-o6qdmrwhbv] {
    border-color: #6f551c;
    color: #eac55f;
}

.compact-labels[b-o6qdmrwhbv] {
    margin-top: 0;
}

.agent-actions[b-o6qdmrwhbv] {
    justify-content: flex-end;
    gap: .4rem;
}

.icon-action[b-o6qdmrwhbv],
.dialog-close[b-o6qdmrwhbv],
.copy-field button[b-o6qdmrwhbv] {
    display: grid;
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid var(--pp-border);
    border-radius: 6px;
    background: #21262d;
    color: #79c0ff;
}

.icon-action:hover[b-o6qdmrwhbv],
.dialog-close:hover[b-o6qdmrwhbv],
.copy-field button:hover[b-o6qdmrwhbv] {
    border-color: #58a6ff;
    background: #17243a;
}

.agent-icon.disabled[b-o6qdmrwhbv],
.status-badge.disabled[b-o6qdmrwhbv] {
    color: #e3b341;
}

.agent-dialog-backdrop[b-o6qdmrwhbv] {
    position: fixed;
    z-index: 2200;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1.5rem;
    background: rgba(1, 4, 9, .78);
    backdrop-filter: blur(3px);
}

.agent-dialog[b-o6qdmrwhbv] {
    display: grid;
    width: min(1080px, 100%);
    max-height: calc(100vh - 3rem);
    grid-template-rows: auto minmax(0, 1fr) auto;
    overflow: hidden;
    border: 1px solid #484f58;
    border-radius: 12px;
    background: #161b22;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .6);
}

.agent-dialog > header[b-o6qdmrwhbv],
.agent-dialog > footer[b-o6qdmrwhbv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
    border-bottom: 1px solid var(--pp-border);
    background: #1c2128;
}

.agent-dialog > header small[b-o6qdmrwhbv] {
    color: #79c0ff;
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .08em;
}

.agent-dialog > header h2[b-o6qdmrwhbv] {
    margin: .15rem 0;
    font-size: 1.25rem;
}

.agent-dialog > header p[b-o6qdmrwhbv] {
    margin: 0;
    color: var(--pp-muted);
    font-size: .75rem;
}

.agent-dialog > footer[b-o6qdmrwhbv] {
    justify-content: flex-end;
    border-top: 1px solid var(--pp-border);
    border-bottom: 0;
}

.agent-form-scroll[b-o6qdmrwhbv] {
    overflow-y: auto;
    padding: 1rem 1.15rem;
}

.agent-dialog fieldset[b-o6qdmrwhbv] {
    min-width: 0;
    margin: 0 0 1rem;
    padding: .85rem;
    border: 1px solid var(--pp-border);
    border-radius: 9px;
    background: #0d1117;
}

.agent-dialog legend[b-o6qdmrwhbv] {
    float: none;
    width: auto;
    margin: 0 0 .7rem;
    padding: 0 .35rem;
    color: #c9d1d9;
    font-size: .78rem;
    font-weight: 700;
}

.agent-dialog legend i[b-o6qdmrwhbv] {
    margin-right: .35rem;
    color: #79c0ff;
}

.agent-form-columns[b-o6qdmrwhbv] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .9rem;
}

.agent-form-columns fieldset[b-o6qdmrwhbv] {
    margin: 0;
}

.agent-form-grid[b-o6qdmrwhbv] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

.agent-form-grid.single[b-o6qdmrwhbv] {
    grid-template-columns: minmax(0, 1fr) 100px;
}

.agent-form-grid.single .field:not(.port-field)[b-o6qdmrwhbv] {
    grid-column: 1;
}

.agent-form-grid .span-2[b-o6qdmrwhbv] {
    grid-column: span 2;
}

.field[b-o6qdmrwhbv] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .3rem;
    color: var(--pp-muted);
    font-size: .7rem;
}

.field input[b-o6qdmrwhbv],
.field select[b-o6qdmrwhbv],
.field textarea[b-o6qdmrwhbv] {
    width: 100%;
    min-height: 38px;
    padding: .5rem .65rem;
    border: 1px solid var(--pp-border);
    border-radius: 6px;
    outline: 0;
    background: #161b22;
    color: var(--pp-text);
}

.field input:focus[b-o6qdmrwhbv],
.field select:focus[b-o6qdmrwhbv],
.field textarea:focus[b-o6qdmrwhbv] {
    border-color: #58a6ff;
    box-shadow: 0 0 0 2px rgba(47, 129, 247, .16);
}

.field small[b-o6qdmrwhbv] {
    color: #6e7681;
    font-size: .64rem;
}

.toggle-field[b-o6qdmrwhbv] {
    display: flex;
    align-items: center;
    gap: .45rem;
    min-height: 38px;
    color: #c9d1d9;
    font-size: .72rem;
}

.toggle-field input[b-o6qdmrwhbv] {
    accent-color: #2f81f7;
}

.registration-panel[b-o6qdmrwhbv] {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: .9rem;
    margin: 1rem;
    padding: 1rem;
    overflow-y: auto;
    border: 1px solid #2ea043;
    border-radius: 10px;
    background: #102319;
}

.registration-icon[b-o6qdmrwhbv] {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius: 10px;
    background: #1f6f33;
    color: #fff;
    font-size: 1.2rem;
}

.registration-panel > div[b-o6qdmrwhbv] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .35rem;
}

.registration-panel small[b-o6qdmrwhbv],
.registration-panel p[b-o6qdmrwhbv],
.registration-panel label[b-o6qdmrwhbv] {
    color: #8b949e;
    font-size: .7rem;
}

.registration-panel p[b-o6qdmrwhbv] {
    margin: 0 0 .5rem;
}

.copy-field[b-o6qdmrwhbv] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .5rem;
}

.copy-field code[b-o6qdmrwhbv] {
    min-width: 0;
    flex: 1;
    overflow: hidden;
    padding: .55rem .65rem;
    border: 1px solid var(--pp-border);
    border-radius: 6px;
    background: #0d1117;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.copy-field.secret code[b-o6qdmrwhbv] {
    color: #eac55f;
}

.agent-card[b-o6qdmrwhbv] {
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--pp-border);
    border-radius: 10px;
    background: var(--pp-bg);
}

.agent-top[b-o6qdmrwhbv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.agent-icon[b-o6qdmrwhbv] {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 10px;
    background: #21262d;
    color: var(--pp-muted);
}

.agent-icon.active[b-o6qdmrwhbv],
.agent-icon.idle[b-o6qdmrwhbv] {
    background: #112b1a;
    color: #56d364;
}

.status-badge.active[b-o6qdmrwhbv],
.status-badge.idle[b-o6qdmrwhbv] {
    color: #56d364;
}

.status-badge.offline[b-o6qdmrwhbv] {
    color: var(--pp-muted);
}

.agent-card h3[b-o6qdmrwhbv] {
    margin: .8rem 0 .15rem;
    font-size: 1rem;
}

.agent-card p[b-o6qdmrwhbv] {
    min-height: 2.6em;
    margin: 0 0 .8rem;
    color: var(--pp-muted);
    font-size: .78rem;
}

.agent-card dl[b-o6qdmrwhbv] {
    margin: 0;
    border-top: 1px solid var(--pp-border);
}

.agent-card dl div[b-o6qdmrwhbv] {
    display: flex;
    justify-content: space-between;
    padding: .45rem 0;
    border-bottom: 1px solid var(--pp-border);
}

.agent-card dt[b-o6qdmrwhbv],
.agent-card dd[b-o6qdmrwhbv] {
    margin: 0;
    font-size: .72rem;
}

.agent-card dt[b-o6qdmrwhbv] {
    color: var(--pp-muted);
}

.labels[b-o6qdmrwhbv] {
    display: flex;
    gap: .35rem;
    flex-wrap: wrap;
    margin-top: .7rem;
}

.labels span[b-o6qdmrwhbv] {
    padding: .2rem .4rem;
    border: 1px solid var(--pp-border);
    border-radius: 5px;
    background: #21262d;
    color: #a5d6ff;
    font: .67rem ui-monospace, monospace;
}

.agent-empty[b-o6qdmrwhbv] {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    align-items: center;
    gap: 1.5rem;
    max-width: 760px;
    margin: 2rem auto;
    padding: 1.5rem;
    border: 1px dashed #484f58;
    border-radius: 12px;
}

.empty-illustration[b-o6qdmrwhbv] {
    position: relative;
    display: grid;
    width: 110px;
    height: 110px;
    place-items: center;
    border-radius: 50%;
    background: #17243a;
    color: #79c0ff;
    font-size: 2.6rem;
}

.agent-empty h2[b-o6qdmrwhbv] {
    margin: 0 0 .3rem;
    font-size: 1.1rem;
}

.agent-empty p[b-o6qdmrwhbv] {
    color: var(--pp-muted);
}

.setup-steps[b-o6qdmrwhbv] {
    display: flex;
    gap: .55rem;
    flex-wrap: wrap;
}

.setup-steps span[b-o6qdmrwhbv] {
    display: flex;
    align-items: center;
    gap: .35rem;
    color: var(--pp-muted);
    font-size: .72rem;
}

.setup-steps strong[b-o6qdmrwhbv] {
    display: grid;
    width: 20px;
    height: 20px;
    place-items: center;
    border-radius: 50%;
    background: #1f6feb;
    color: #fff;
}

.artifact-card[b-o6qdmrwhbv] {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    align-items: center;
    gap: .8rem;
    padding: .8rem;
    border: 1px solid var(--pp-border);
    border-radius: 9px;
    background: var(--pp-bg);
}

.artifact-card.expired[b-o6qdmrwhbv] {
    opacity: .6;
}

.artifact-icon[b-o6qdmrwhbv] {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 9px;
    background: #2a2311;
    color: #e3b341;
    font-size: 1.2rem;
}

.artifact-main[b-o6qdmrwhbv] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .15rem;
}

.artifact-main > div[b-o6qdmrwhbv] {
    display: flex;
    align-items: center;
    gap: .4rem;
}

.artifact-main span[b-o6qdmrwhbv],
.artifact-main small[b-o6qdmrwhbv] {
    color: var(--pp-muted);
    font-size: .72rem;
}

.expired-badge[b-o6qdmrwhbv] {
    color: #ff7b72;
}

.download-button[b-o6qdmrwhbv] {
    border-color: var(--pp-border);
    background: #21262d;
    color: #79c0ff;
}

.empty-state[b-o6qdmrwhbv] {
    display: grid;
    min-height: 320px;
    place-content: center;
    justify-items: center;
    gap: .65rem;
    text-align: center;
    color: var(--pp-muted);
}

.empty-state.compact[b-o6qdmrwhbv] {
    min-height: 240px;
}

.empty-state > i[b-o6qdmrwhbv] {
    color: #58a6ff;
    font-size: 2.2rem;
}

.empty-state h2[b-o6qdmrwhbv] {
    margin: 0;
    color: var(--pp-text);
    font-size: 1.1rem;
}

.empty-state p[b-o6qdmrwhbv] {
    max-width: 580px;
    margin: 0;
}

.inline-empty[b-o6qdmrwhbv] {
    padding: 2rem;
    text-align: center;
    color: var(--pp-muted);
}

.busy-overlay[b-o6qdmrwhbv] {
    position: fixed;
    z-index: 1200;
    right: 1.25rem;
    bottom: 1.25rem;
    display: flex;
    align-items: center;
    gap: .55rem;
    padding: .7rem 1rem;
    border: 1px solid #1f6feb;
    border-radius: 9px;
    background: #111d2e;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .35);
    color: #c9d1d9;
    font-size: .78rem;
}

code[b-o6qdmrwhbv] {
    color: #a5d6ff;
}

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

@media (max-width: 1050px) {
    .dispatch-panel[b-o6qdmrwhbv] {
        grid-template-columns: auto repeat(2, minmax(0, 1fr));
    }

    .dispatch-actions[b-o6qdmrwhbv] {
        grid-column: 2 / -1;
        justify-content: end;
    }

    .runs-table[b-o6qdmrwhbv] {
        overflow-x: auto;
    }

    .agent-row[b-o6qdmrwhbv] {
        grid-template-columns: minmax(220px, 1fr) minmax(130px, .6fr) minmax(180px, 1fr) 80px;
    }

    .agent-row > span:nth-child(3)[b-o6qdmrwhbv],
    .agent-row > span:nth-child(5)[b-o6qdmrwhbv] {
        display: none;
    }

    .agent-form-columns[b-o6qdmrwhbv] {
        grid-template-columns: 1fr;
    }

    .toolbar-actions[b-o6qdmrwhbv] {
        width: 100%;
        margin-left: 0;
    }
}

@media (max-width: 700px) {
    .pipelines-page[b-o6qdmrwhbv] {
        margin: -1rem 0;
        padding: 1rem;
    }

    .pipelines-header[b-o6qdmrwhbv],
    .section-heading[b-o6qdmrwhbv] {
        align-items: flex-start;
        flex-direction: column;
    }

    .provider-status[b-o6qdmrwhbv],
    .selector[b-o6qdmrwhbv],
    .repository-selector[b-o6qdmrwhbv] {
        width: 100%;
        min-width: 0;
    }

    .pipelines-tabs[b-o6qdmrwhbv]  a {
        padding: .7rem;
    }

    .pipelines-tabs[b-o6qdmrwhbv]  a span {
        display: none;
    }

    .toolbar-actions[b-o6qdmrwhbv] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .dispatch-panel[b-o6qdmrwhbv] {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
    }

    .dispatch-reference[b-o6qdmrwhbv],
    .dispatch-actions[b-o6qdmrwhbv] {
        grid-column: 1 / -1;
    }

    .pipeline-card[b-o6qdmrwhbv],
    .artifact-card[b-o6qdmrwhbv] {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .run-button[b-o6qdmrwhbv],
    .download-button[b-o6qdmrwhbv] {
        grid-column: 2;
        justify-self: start;
    }

    .list-filters[b-o6qdmrwhbv] {
        flex-direction: column;
    }

    .search-box[b-o6qdmrwhbv] {
        min-width: 0;
    }

    .agent-empty[b-o6qdmrwhbv] {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
    }

    .setup-steps[b-o6qdmrwhbv] {
        justify-content: center;
    }

    .agent-heading-actions[b-o6qdmrwhbv],
    .agent-command-bar[b-o6qdmrwhbv] {
        align-items: stretch;
        flex-direction: column;
    }

    .agent-row[b-o6qdmrwhbv] {
        grid-template-columns: 1fr auto;
        gap: .55rem;
    }

    .agent-table-header[b-o6qdmrwhbv] {
        display: none;
    }

    .agent-row > span:nth-child(2)[b-o6qdmrwhbv],
    .agent-row > span:nth-child(3)[b-o6qdmrwhbv],
    .agent-row > span:nth-child(4)[b-o6qdmrwhbv],
    .agent-row > span:nth-child(5)[b-o6qdmrwhbv] {
        display: flex;
        grid-column: 1 / -1;
    }

    .agent-actions[b-o6qdmrwhbv] {
        grid-column: 2;
        grid-row: 1;
    }

    .agent-dialog-backdrop[b-o6qdmrwhbv] {
        padding: .5rem;
    }

    .agent-dialog[b-o6qdmrwhbv] {
        max-height: calc(100vh - 1rem);
    }

    .agent-form-grid[b-o6qdmrwhbv] {
        grid-template-columns: 1fr 1fr;
    }
}
/* Pipeline definition actions */
.pipeline-actions[b-o6qdmrwhbv] {
    display: flex;
    align-items: center;
    gap: .55rem;
    flex: 0 0 auto;
}

.configure-button[b-o6qdmrwhbv] {
    min-height: 38px;
    padding: .55rem .8rem;
    color: var(--text-primary, #e7edf5);
    background: #1a222d;
    border: 1px solid var(--border-color, #354150);
    border-radius: 6px;
    font-weight: 700;
    white-space: nowrap;
}

.configure-button:hover[b-o6qdmrwhbv] {
    color: #fff;
    background: #232f3d;
    border-color: #4d5d70;
}

.configured-badge[b-o6qdmrwhbv] {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    padding: .17rem .42rem;
    color: #8ddab2;
    background: rgba(55, 178, 112, .1);
    border: 1px solid rgba(55, 178, 112, .3);
    border-radius: 4px;
    font-size: .66rem;
}

@media (max-width: 980px) {
    .pipeline-actions[b-o6qdmrwhbv] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Presentation/Features/DevOps/Pages/ReposWorkspace.razor.rz.scp.css */
.repos-page[b-sc9q2xf175]{--rp-bg:#0d1117;--rp-panel:#161b22;--rp-panel2:#1c232d;--rp-border:#30363d;--rp-muted:#8b949e;--rp-text:#e6edf3;--rp-blue:#2f81f7;--rp-green:#3fb950;--rp-red:#f85149;width:100%;max-width:100%;min-width:0;min-height:calc(100vh - 64px);margin:-1.5rem 0;padding:1.5rem;overflow-x:hidden;box-sizing:border-box;background:radial-gradient(circle at 88% 0,rgba(47,129,247,.12),transparent 28%),var(--rp-bg);color:var(--rp-text)}
.repos-header[b-sc9q2xf175]{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.repos-header h1[b-sc9q2xf175]{font-size:2rem;margin:.2rem 0}.repos-header p[b-sc9q2xf175]{margin:0;color:var(--rp-muted)}.module-label[b-sc9q2xf175]{color:#79c0ff;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.provider-status[b-sc9q2xf175]{display:flex;gap:.8rem;align-items:center;min-width:220px;padding:.8rem 1rem;border:1px solid var(--rp-border);border-radius:12px;background:var(--rp-panel)}.provider-status>i[b-sc9q2xf175]{font-size:1.5rem}.provider-status>div[b-sc9q2xf175]{display:flex;flex-direction:column}.provider-status small[b-sc9q2xf175],.provider-status span[b-sc9q2xf175]{color:var(--rp-muted);font-size:.7rem}.provider-status.ready>i[b-sc9q2xf175]{color:var(--rp-green)}.provider-status.checking>i[b-sc9q2xf175]{color:#79c0ff}.provider-status.pending>i[b-sc9q2xf175]{color:#d29922}
.repos-tabs[b-sc9q2xf175]{display:flex;gap:.25rem;border-bottom:1px solid var(--rp-border);margin-bottom:1rem;overflow-x:auto}.repos-tabs[b-sc9q2xf175]  a{display:flex;align-items:center;gap:.45rem;padding:.75rem 1rem;color:var(--rp-muted);text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap}.repos-tabs[b-sc9q2xf175]  a:hover{color:var(--rp-text)}.repos-tabs[b-sc9q2xf175]  a.active{color:#fff;border-color:var(--rp-blue);background:linear-gradient(0deg,rgba(47,129,247,.1),transparent)}
.repos-toolbar[b-sc9q2xf175]{display:flex;align-items:end;gap:.8rem;flex-wrap:wrap;padding:.85rem;border:1px solid var(--rp-border);border-radius:12px;background:var(--rp-panel);margin-bottom:1rem}.selector[b-sc9q2xf175]{display:flex;flex-direction:column;gap:.25rem;min-width:260px}.selector label[b-sc9q2xf175],.form-panel label[b-sc9q2xf175],.content-panel label[b-sc9q2xf175]{color:var(--rp-muted);font-size:.72rem}.selector select[b-sc9q2xf175],.panel-actions select[b-sc9q2xf175]{height:38px;background:#0d1117;color:var(--rp-text);border:1px solid var(--rp-border);border-radius:7px;padding:0 .65rem}.branch-selector[b-sc9q2xf175]{min-width:200px}.toolbar-actions[b-sc9q2xf175],.panel-actions[b-sc9q2xf175],.form-actions[b-sc9q2xf175]{display:flex;align-items:center;gap:.5rem;margin-left:auto}
.btn-primary[b-sc9q2xf175],.btn-ghost[b-sc9q2xf175],.btn-danger[b-sc9q2xf175],.icon-button[b-sc9q2xf175]{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:7px;min-height:36px;padding:.45rem .75rem;font-weight:700;border:1px solid transparent}.btn-primary[b-sc9q2xf175]{background:var(--rp-blue);border-color:#58a6ff;color:#fff}.btn-primary:hover[b-sc9q2xf175]{background:#1f6feb}.btn-primary.compact[b-sc9q2xf175]{min-height:30px;padding:.25rem .55rem;font-size:.75rem}.btn-ghost[b-sc9q2xf175]{background:#21262d;border-color:var(--rp-border);color:var(--rp-text)}.btn-danger[b-sc9q2xf175]{background:#3d1719;border-color:#8e2d32;color:#ff9b96}.icon-button[b-sc9q2xf175]{width:34px;min-height:34px;padding:0;background:#21262d;border-color:var(--rp-border);color:var(--rp-text)}.icon-button.danger[b-sc9q2xf175]{color:#ff7b72}.btn-primary:disabled[b-sc9q2xf175],.btn-ghost:disabled[b-sc9q2xf175]{opacity:.45}
.setup-banner[b-sc9q2xf175]{display:flex;gap:.9rem;align-items:center;padding:1rem;border:1px solid #735c0f;background:#272115;border-radius:12px;margin-bottom:1rem}.setup-banner>i[b-sc9q2xf175]{font-size:1.5rem;color:#e3b341}.setup-banner>div[b-sc9q2xf175]{display:flex;flex-direction:column}.setup-banner span[b-sc9q2xf175]{color:#c9b978;font-size:.8rem}.form-panel[b-sc9q2xf175],.content-panel[b-sc9q2xf175]{border:1px solid var(--rp-border);background:var(--rp-panel);border-radius:12px;padding:1rem;margin-bottom:1rem}.panel-title[b-sc9q2xf175]{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.panel-title small[b-sc9q2xf175]{color:var(--rp-muted)}.panel-title h2[b-sc9q2xf175]{font-size:1.05rem;margin:.1rem 0}.form-grid[b-sc9q2xf175]{display:grid;gap:.8rem}.form-grid.four[b-sc9q2xf175]{grid-template-columns:1fr 1fr 2fr auto auto}.form-grid>div[b-sc9q2xf175]{display:flex;flex-direction:column;gap:.25rem}.check-field[b-sc9q2xf175]{display:flex;align-items:center;gap:.4rem;align-self:end;min-height:38px}.form-control[b-sc9q2xf175],.form-select[b-sc9q2xf175]{background:#0d1117!important;color:var(--rp-text)!important;border-color:var(--rp-border)!important}.validation-summary[b-sc9q2xf175]{color:#ff7b72;font-size:.78rem;margin:.5rem 0}.validation-summary ul[b-sc9q2xf175]{margin:0}
.repos-loading[b-sc9q2xf175],.empty-state[b-sc9q2xf175]{min-height:300px;display:grid;place-content:center;justify-items:center;text-align:center;gap:.65rem;color:var(--rp-muted)}.empty-state>i[b-sc9q2xf175]{font-size:2.2rem;color:#58a6ff}.empty-state h2[b-sc9q2xf175]{font-size:1.1rem;color:var(--rp-text);margin:0}.empty-state p[b-sc9q2xf175]{max-width:520px}.count-badge[b-sc9q2xf175],.sha-badge[b-sc9q2xf175],.status-chip[b-sc9q2xf175]{padding:.2rem .5rem;border:1px solid var(--rp-border);border-radius:999px;background:#21262d;color:#c9d1d9;font-size:.7rem;text-decoration:none}
.path-bar[b-sc9q2xf175]{display:flex;align-items:center;gap:.25rem;padding:.5rem;border:1px solid var(--rp-border);border-radius:8px;background:#0d1117;margin-bottom:.75rem;overflow-x:auto}.path-bar button[b-sc9q2xf175]{border:0;background:transparent;color:#79c0ff}.path-bar i[b-sc9q2xf175]{color:#484f58;font-size:.7rem}.file-layout.with-editor[b-sc9q2xf175]{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(420px,1.25fr);gap:.8rem}.file-list[b-sc9q2xf175],.file-editor[b-sc9q2xf175]{border:1px solid var(--rp-border);border-radius:9px;overflow:hidden}.file-row[b-sc9q2xf175]{width:100%;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:.5rem;text-align:left;padding:.65rem .75rem;border:0;border-bottom:1px solid var(--rp-border);background:#0d1117;color:var(--rp-text)}.file-row:hover[b-sc9q2xf175]{background:#1b222c}.file-row span[b-sc9q2xf175]{color:var(--rp-muted);font-size:.72rem}.file-row .folder[b-sc9q2xf175]{color:#d29922}.file-row .code[b-sc9q2xf175]{color:#79c0ff}.file-row .config[b-sc9q2xf175]{color:#a371f7}.file-row .image[b-sc9q2xf175]{color:#db61a2}.file-row.parent[b-sc9q2xf175]{color:#79c0ff}.editor-head[b-sc9q2xf175],.editor-commit[b-sc9q2xf175]{display:flex;gap:.5rem;padding:.6rem;background:#1c2128}.code-editor[b-sc9q2xf175]{display:block;width:100%;min-height:440px;resize:vertical;border:0;border-top:1px solid var(--rp-border);border-bottom:1px solid var(--rp-border);border-radius:0;background:#0d1117;color:#e6edf3;padding:1rem;font:13px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:4}.editor-commit .form-control[b-sc9q2xf175]{flex:1}
.commit-list[b-sc9q2xf175]{position:relative}.commit-list[b-sc9q2xf175]:before{content:"";position:absolute;left:12px;top:12px;bottom:12px;width:2px;background:var(--rp-border)}.commit-row[b-sc9q2xf175]{position:relative;display:grid;grid-template-columns:24px 1fr auto;gap:.7rem;align-items:center;padding:.7rem 0;border-bottom:1px solid var(--rp-border)}.commit-node[b-sc9q2xf175]{z-index:1;width:10px;height:10px;margin-left:8px;border-radius:50%;background:var(--rp-blue);box-shadow:0 0 0 4px var(--rp-panel)}.commit-copy[b-sc9q2xf175]{display:flex;flex-direction:column;min-width:0}.commit-copy strong[b-sc9q2xf175]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.commit-copy span[b-sc9q2xf175]{font-size:.75rem;color:var(--rp-muted)}
.inline-form[b-sc9q2xf175]{display:flex;align-items:start;gap:.55rem;flex-wrap:wrap;padding:.8rem;border:1px solid var(--rp-border);border-radius:9px;background:#0d1117;margin-bottom:.8rem}.inline-form .validation-summary[b-sc9q2xf175]{width:100%}.inline-form .form-control[b-sc9q2xf175],.inline-form .form-select[b-sc9q2xf175]{width:auto;min-width:220px}.branch-grid[b-sc9q2xf175]{display:grid;gap:.55rem}.branch-card[b-sc9q2xf175]{display:grid;grid-template-columns:42px 1fr auto auto;align-items:center;gap:.7rem;padding:.75rem;border:1px solid var(--rp-border);border-radius:9px;background:#0d1117}.branch-icon[b-sc9q2xf175],.tag-icon[b-sc9q2xf175]{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#17243a;color:#79c0ff}.branch-card>div:nth-child(2)[b-sc9q2xf175],.tag-row>div:nth-child(2)[b-sc9q2xf175]{display:flex;flex-direction:column}.branch-card span[b-sc9q2xf175],.tag-row span[b-sc9q2xf175]{color:var(--rp-muted);font-size:.72rem}.branch-flags[b-sc9q2xf175]{display:flex;gap:.35rem}.status-chip.success[b-sc9q2xf175]{color:#56d364;border-color:#238636;background:#112b1a}
.pull-form[b-sc9q2xf175]{padding:1rem;border:1px solid var(--rp-border);border-radius:9px;background:#0d1117;margin-bottom:.8rem}.pull-form .form-grid[b-sc9q2xf175]{grid-template-columns:1fr 1fr 1fr}.branch-pair[b-sc9q2xf175]{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:end}.branch-pair>i[b-sc9q2xf175]{padding-bottom:.7rem}.pull-list[b-sc9q2xf175]{display:grid;gap:.55rem}.pull-card[b-sc9q2xf175]{display:grid;grid-template-columns:34px 1fr auto;gap:.7rem;align-items:center;padding:.85rem;border:1px solid var(--rp-border);border-radius:9px;background:#0d1117}.pull-card>i[b-sc9q2xf175]{font-size:1.4rem}.pull-card>i.open[b-sc9q2xf175]{color:var(--rp-green)}.pull-card>i.merged[b-sc9q2xf175]{color:#a371f7}.pull-card>i.closed[b-sc9q2xf175]{color:var(--rp-red)}.pull-copy[b-sc9q2xf175]{display:flex;flex-direction:column;gap:.15rem}.pull-copy span[b-sc9q2xf175],.pull-copy small[b-sc9q2xf175]{color:var(--rp-muted);font-size:.75rem}.pull-meta[b-sc9q2xf175],.tag-actions[b-sc9q2xf175]{display:flex;align-items:center;gap:.5rem}.pull-meta>span[b-sc9q2xf175]{color:var(--rp-muted)}
.tag-list[b-sc9q2xf175]{display:grid;gap:.55rem}.tag-row[b-sc9q2xf175]{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:.7rem;padding:.75rem;border:1px solid var(--rp-border);border-radius:9px;background:#0d1117}.tag-icon[b-sc9q2xf175]{background:#2a2311;color:#e3b341}.tag-actions a[b-sc9q2xf175]{color:#79c0ff}.inline-empty[b-sc9q2xf175]{padding:2rem;text-align:center;color:var(--rp-muted)}
@media(max-width:1050px){.form-grid.four[b-sc9q2xf175],.pull-form .form-grid[b-sc9q2xf175]{grid-template-columns:1fr 1fr}.file-layout.with-viewer[b-sc9q2xf175]{grid-template-columns:1fr}.toolbar-actions[b-sc9q2xf175]{width:100%;margin-left:0}.form-grid.four .wide[b-sc9q2xf175]{grid-column:span 2}}
@media(max-width:700px){.repos-page[b-sc9q2xf175]{margin:-1rem 0;padding:1rem}.repos-header[b-sc9q2xf175]{align-items:flex-start;flex-direction:column}.provider-status[b-sc9q2xf175]{width:100%}.repos-tabs[b-sc9q2xf175]  a{padding:.7rem}.repos-tabs[b-sc9q2xf175]  a span{display:none}.selector[b-sc9q2xf175],.branch-selector[b-sc9q2xf175]{width:100%;min-width:0}.toolbar-actions[b-sc9q2xf175]{display:grid;grid-template-columns:1fr 1fr}.toolbar-actions .btn-primary[b-sc9q2xf175]{grid-column:span 2}.form-grid.four[b-sc9q2xf175],.pull-form .form-grid[b-sc9q2xf175]{grid-template-columns:1fr}.form-grid.four .wide[b-sc9q2xf175]{grid-column:auto}.branch-card[b-sc9q2xf175],.pull-card[b-sc9q2xf175]{grid-template-columns:36px 1fr}.branch-flags[b-sc9q2xf175],.branch-card>.icon-button[b-sc9q2xf175],.pull-meta[b-sc9q2xf175]{grid-column:2}.inline-form .form-control[b-sc9q2xf175],.inline-form .form-select[b-sc9q2xf175]{width:100%}.tag-form[b-sc9q2xf175]{display:grid}.panel-title[b-sc9q2xf175]{align-items:flex-start;flex-direction:column}.panel-actions[b-sc9q2xf175]{margin-left:0;flex-wrap:wrap}}

.repos-page[b-sc9q2xf175],
.repos-page *[b-sc9q2xf175] {
    box-sizing: border-box;
}

.repos-header > div[b-sc9q2xf175],
.repos-toolbar[b-sc9q2xf175],
.content-panel[b-sc9q2xf175],
.file-layout[b-sc9q2xf175],
.file-list[b-sc9q2xf175],
.file-viewer[b-sc9q2xf175],
.readme-card[b-sc9q2xf175] {
    min-width: 0;
    max-width: 100%;
}

.file-row strong[b-sc9q2xf175] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.file-layout.with-viewer[b-sc9q2xf175] {
    display: grid;
    grid-template-columns: minmax(260px, .7fr) minmax(0, 1.3fr);
    gap: .8rem;
}

.file-viewer[b-sc9q2xf175],
.readme-card[b-sc9q2xf175] {
    overflow: hidden;
    border: 1px solid var(--rp-border);
    border-radius: 9px;
    background: #0d1117;
}

.file-viewer-head[b-sc9q2xf175],
.readme-head[b-sc9q2xf175] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    min-height: 54px;
    padding: .65rem .8rem;
    border-bottom: 1px solid var(--rp-border);
    background: #161b22;
}

.file-identity[b-sc9q2xf175],
.readme-head > div[b-sc9q2xf175] {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-width: 0;
}

.file-identity > i[b-sc9q2xf175],
.readme-head > div > i[b-sc9q2xf175] {
    flex: 0 0 auto;
    color: #79c0ff;
    font-size: 1.05rem;
}

.file-identity > div[b-sc9q2xf175] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.file-identity strong[b-sc9q2xf175] {
    overflow: hidden;
    color: var(--rp-text);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.file-identity span[b-sc9q2xf175] {
    color: var(--rp-muted);
    font-size: .7rem;
}

.file-viewer-actions[b-sc9q2xf175] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: .45rem;
}

.view-switcher[b-sc9q2xf175] {
    display: inline-flex;
    overflow: hidden;
    border: 1px solid var(--rp-border);
    border-radius: 7px;
    background: #0d1117;
}

.view-switcher button[b-sc9q2xf175] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-height: 34px;
    padding: .35rem .6rem;
    border: 0;
    border-right: 1px solid var(--rp-border);
    background: transparent;
    color: var(--rp-muted);
    font-size: .78rem;
    font-weight: 700;
}

.view-switcher button:last-child[b-sc9q2xf175] {
    border-right: 0;
}

.view-switcher button:hover[b-sc9q2xf175],
.view-switcher button.active[b-sc9q2xf175] {
    background: #21262d;
    color: var(--rp-text);
}

.file-edit-form[b-sc9q2xf175] {
    min-width: 0;
}

.new-file-path[b-sc9q2xf175] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    padding: .75rem;
    border-bottom: 1px solid var(--rp-border);
    background: #161b22;
}

.editor-toolbar[b-sc9q2xf175] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 34px;
    padding: .35rem .75rem;
    border-bottom: 1px solid var(--rp-border);
    background: #0d1117;
    color: var(--rp-muted);
    font: 11px/1.4 ui-monospace, SFMono-Regular, Consolas, monospace;
}

.code-editor[b-sc9q2xf175] {
    min-width: 0;
    min-height: 520px;
    outline: none;
}

.code-editor:focus[b-sc9q2xf175] {
    box-shadow: inset 3px 0 0 var(--rp-blue);
}

.editor-commit[b-sc9q2xf175] {
    align-items: end;
    flex-wrap: wrap;
    border-top: 1px solid var(--rp-border);
}

.commit-field[b-sc9q2xf175] {
    display: flex;
    flex: 1 1 280px;
    flex-direction: column;
    gap: .3rem;
    min-width: 0;
}

.commit-field label[b-sc9q2xf175] {
    color: var(--rp-muted);
    font-size: .72rem;
}

.source-preview[b-sc9q2xf175] {
    width: 100%;
    max-width: 100%;
    max-height: 68vh;
    min-height: 420px;
    margin: 0;
    padding: 1rem;
    overflow: auto;
    background: #0d1117;
    color: #e6edf3;
    font: 13px/1.6 ui-monospace, SFMono-Regular, Consolas, monospace;
    white-space: pre;
    tab-size: 4;
}

.readme-card[b-sc9q2xf175] {
    margin-top: 1rem;
}

.readme-head[b-sc9q2xf175] {
    min-height: 48px;
}

.compact-action[b-sc9q2xf175] {
    min-height: 32px;
    padding: .3rem .6rem;
    font-size: .75rem;
}

.markdown-scroll[b-sc9q2xf175] {
    width: 100%;
    max-width: 100%;
    max-height: 72vh;
    overflow-x: hidden;
    overflow-y: auto;
}

.readme-content[b-sc9q2xf175] {
    max-height: none;
    overflow-y: visible;
}

.markdown-body[b-sc9q2xf175] {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    padding: 2rem;
    overflow-wrap: anywhere;
    color: #e6edf3;
    font-size: 15px;
    line-height: 1.65;
}

.markdown-body[b-sc9q2xf175]  > :first-child {
    margin-top: 0 !important;
}

.markdown-body[b-sc9q2xf175]  > :last-child {
    margin-bottom: 0 !important;
}

.markdown-body[b-sc9q2xf175]  h1,
.markdown-body[b-sc9q2xf175]  h2,
.markdown-body[b-sc9q2xf175]  h3,
.markdown-body[b-sc9q2xf175]  h4,
.markdown-body[b-sc9q2xf175]  h5,
.markdown-body[b-sc9q2xf175]  h6 {
    margin: 1.5rem 0 .8rem;
    color: #f0f6fc;
    font-weight: 650;
    line-height: 1.25;
}

.markdown-body[b-sc9q2xf175]  h1,
.markdown-body[b-sc9q2xf175]  h2 {
    padding-bottom: .45rem;
    border-bottom: 1px solid var(--rp-border);
}

.markdown-body[b-sc9q2xf175]  h1 {
    font-size: 2rem;
}

.markdown-body[b-sc9q2xf175]  h2 {
    font-size: 1.5rem;
}

.markdown-body[b-sc9q2xf175]  h3 {
    font-size: 1.25rem;
}

.markdown-body[b-sc9q2xf175]  p,
.markdown-body[b-sc9q2xf175]  ul,
.markdown-body[b-sc9q2xf175]  ol,
.markdown-body[b-sc9q2xf175]  blockquote,
.markdown-body[b-sc9q2xf175]  pre,
.markdown-body[b-sc9q2xf175]  table {
    margin: 0 0 1rem;
}

.markdown-body[b-sc9q2xf175]  ul,
.markdown-body[b-sc9q2xf175]  ol {
    padding-left: 2rem;
}

.markdown-body[b-sc9q2xf175]  li + li {
    margin-top: .25rem;
}

.markdown-body[b-sc9q2xf175]  a {
    color: #58a6ff;
    text-decoration: none;
}

.markdown-body[b-sc9q2xf175]  a:hover {
    text-decoration: underline;
}

.markdown-body[b-sc9q2xf175]  blockquote {
    padding: 0 1rem;
    border-left: .25rem solid #3b434b;
    color: var(--rp-muted);
}

.markdown-body[b-sc9q2xf175]  code {
    padding: .15rem .35rem;
    border: 1px solid rgba(63, 185, 80, .24);
    border-radius: 5px;
    background: rgba(46, 160, 67, .13);
    color: #72e59a;
    font: 85%/1.5 ui-monospace, SFMono-Regular, Consolas, monospace;
}

.markdown-body[b-sc9q2xf175]  code.markdown-code-danger {
    border-color: rgba(255, 123, 114, .3);
    background: rgba(248, 81, 73, .12);
    color: #ff9b96;
}

.markdown-body[b-sc9q2xf175]  pre {
    max-width: 100%;
    padding: 1rem;
    overflow: auto;
    border: 1px solid #252b32;
    border-radius: 7px;
    background: #161b22;
}

.markdown-body[b-sc9q2xf175]  pre code {
    padding: 0;
    border: 0;
    background: transparent;
    color: #dce6ef;
    font-size: 100%;
    white-space: pre;
}

.markdown-body[b-sc9q2xf175]  table {
    display: block;
    width: max-content;
    max-width: 100%;
    overflow-x: auto;
    border-spacing: 0;
    border-collapse: collapse;
}

.markdown-body[b-sc9q2xf175]  th,
.markdown-body[b-sc9q2xf175]  td {
    padding: .45rem .8rem;
    border: 1px solid var(--rp-border);
}

.markdown-body[b-sc9q2xf175]  th {
    background: #161b22;
    font-weight: 650;
}

.markdown-body[b-sc9q2xf175]  tr:nth-child(2n) {
    background: rgba(110, 118, 129, .08);
}

.markdown-body[b-sc9q2xf175]  img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
}

.markdown-body[b-sc9q2xf175]  hr {
    height: .25rem;
    margin: 1.5rem 0;
    border: 0;
    background: #30363d;
}

.markdown-body[b-sc9q2xf175]  input[type="checkbox"] {
    margin-right: .45rem;
}

@media (max-width: 1050px) {
    .file-layout.with-viewer[b-sc9q2xf175] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .file-viewer-head[b-sc9q2xf175],
    .readme-head[b-sc9q2xf175] {
        align-items: flex-start;
        flex-direction: column;
    }

    .file-viewer-actions[b-sc9q2xf175] {
        width: 100%;
        flex-wrap: wrap;
    }

    .view-switcher[b-sc9q2xf175] {
        flex: 1 1 auto;
    }

    .view-switcher button[b-sc9q2xf175] {
        flex: 1 1 50%;
        justify-content: center;
    }

    .markdown-body[b-sc9q2xf175] {
        padding: 1.25rem;
    }

    .editor-commit > button[b-sc9q2xf175] {
        flex: 1 1 auto;
    }
}

/* Pull requests workspace */
.pr-workspace[b-sc9q2xf175] {
    overflow: hidden;
    padding: 0;
}

.pr-header[b-sc9q2xf175] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.35rem;
    border-bottom: 1px solid var(--rp-border);
    background:
        radial-gradient(circle at 92% 8%, rgba(47, 129, 247, .14), transparent 34%),
        linear-gradient(135deg, #161b22, #111820);
}

.pr-heading[b-sc9q2xf175] {
    display: flex;
    align-items: center;
    gap: .85rem;
    min-width: 0;
}

.pr-heading-icon[b-sc9q2xf175] {
    display: grid;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    place-items: center;
    border: 1px solid rgba(88, 166, 255, .42);
    border-radius: 12px;
    background: rgba(47, 129, 247, .14);
    color: #79c0ff;
    font-size: 1.3rem;
}

.pr-heading small[b-sc9q2xf175],
.pr-heading p[b-sc9q2xf175] {
    color: var(--rp-muted);
}

.pr-heading h2[b-sc9q2xf175] {
    margin: .08rem 0 .15rem;
    font-size: 1.25rem;
}

.pr-heading p[b-sc9q2xf175] {
    margin: 0;
    font-size: .78rem;
}

.pr-new-button[b-sc9q2xf175] {
    flex: 0 0 auto;
}

.pr-metrics[b-sc9q2xf175] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .7rem;
    padding: 1rem 1.35rem;
    border-bottom: 1px solid var(--rp-border);
    background: #0d1117;
}

.pr-metric[b-sc9q2xf175] {
    display: flex;
    align-items: center;
    gap: .7rem;
    min-width: 0;
    padding: .7rem .8rem;
    border: 1px solid var(--rp-border);
    border-radius: 9px;
    background: #161b22;
    color: var(--rp-text);
    text-align: left;
}

button.pr-metric[b-sc9q2xf175] {
    cursor: pointer;
}

button.pr-metric:hover[b-sc9q2xf175],
.pr-metric.active[b-sc9q2xf175] {
    border-color: #4f5964;
    background: #1c232d;
}

.pr-metric.active[b-sc9q2xf175] {
    box-shadow: inset 0 -2px 0 var(--rp-blue);
}

.pr-metric > span:last-child[b-sc9q2xf175] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.pr-metric strong[b-sc9q2xf175] {
    font-size: 1.05rem;
    line-height: 1.1;
}

.pr-metric small[b-sc9q2xf175] {
    overflow: hidden;
    color: var(--rp-muted);
    font-size: .7rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pr-metric-icon[b-sc9q2xf175] {
    display: grid;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    place-items: center;
    border-radius: 8px;
    background: #21262d;
    color: #8b949e;
}

.pr-metric-icon.active[b-sc9q2xf175] {
    background: rgba(63, 185, 80, .12);
    color: #56d364;
}

.pr-metric-icon.completed[b-sc9q2xf175] {
    background: rgba(163, 113, 247, .14);
    color: #bc8cff;
}

.pr-metric-icon.abandoned[b-sc9q2xf175] {
    background: rgba(248, 81, 73, .12);
    color: #ff7b72;
}

.pr-create-panel[b-sc9q2xf175] {
    margin: 0 1.35rem 1rem;
    overflow: hidden;
    border: 1px solid rgba(88, 166, 255, .5);
    border-radius: 12px;
    background: #0d1117;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .22);
}

.pr-create-head[b-sc9q2xf175] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--rp-border);
    background: linear-gradient(90deg, rgba(47, 129, 247, .12), transparent 65%);
}

.pr-create-head .eyebrow[b-sc9q2xf175] {
    color: #79c0ff;
    font-size: .67rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.pr-create-head h3[b-sc9q2xf175] {
    margin: .15rem 0;
    font-size: 1.05rem;
}

.pr-create-head p[b-sc9q2xf175] {
    margin: 0;
    color: var(--rp-muted);
    font-size: .76rem;
}

.pr-create-form[b-sc9q2xf175] {
    min-width: 0;
}

.pr-create-form > .validation-summary[b-sc9q2xf175] {
    margin: .75rem 1.1rem 0;
}

.pr-branch-comparison[b-sc9q2xf175] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 86px minmax(0, 1fr);
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--rp-border);
    background: #11161d;
}

.pr-branch-field[b-sc9q2xf175] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .35rem;
}

.pr-branch-field label[b-sc9q2xf175],
.pr-field label[b-sc9q2xf175] {
    color: #c9d1d9;
    font-size: .74rem;
    font-weight: 700;
}

.pr-branch-field small[b-sc9q2xf175],
.pr-field > small[b-sc9q2xf175] {
    overflow: hidden;
    color: var(--rp-muted);
    font-size: .68rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pr-branch-select[b-sc9q2xf175] {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 0;
}

.pr-branch-select > i[b-sc9q2xf175] {
    position: absolute;
    left: .75rem;
    z-index: 1;
    color: #79c0ff;
    pointer-events: none;
}

.pr-branch-select.target > i[b-sc9q2xf175] {
    color: #56d364;
}

.pr-branch-select .form-select[b-sc9q2xf175] {
    min-width: 0;
    height: 42px;
    padding-left: 2.35rem;
    border-color: #4a5561 !important;
    background-color: #0d1117 !important;
    font-weight: 700;
}

.pr-direction[b-sc9q2xf175] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .2rem;
    color: var(--rp-muted);
}

.pr-direction span[b-sc9q2xf175] {
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.pr-direction i[b-sc9q2xf175] {
    color: #58a6ff;
    font-size: 1.35rem;
}

.pr-form-warning[b-sc9q2xf175] {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin: .8rem 1.1rem 0;
    padding: .65rem .75rem;
    border: 1px solid #735c0f;
    border-radius: 7px;
    background: #272115;
    color: #e3b341;
    font-size: .75rem;
}

.pr-create-grid[b-sc9q2xf175] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 1rem;
    padding: 1rem 1.1rem;
}

.pr-create-main[b-sc9q2xf175] {
    display: grid;
    min-width: 0;
    gap: .9rem;
}

.pr-field[b-sc9q2xf175] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .35rem;
}

.pr-field label span[b-sc9q2xf175] {
    color: #ff7b72;
    font-size: .62rem;
    font-weight: 600;
}

.pr-field-label[b-sc9q2xf175] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.pr-field-label > span[b-sc9q2xf175] {
    color: var(--rp-muted);
    font-size: .68rem;
}

.pr-title-input[b-sc9q2xf175] {
    min-height: 42px;
    font-weight: 650;
}

.pr-description-input[b-sc9q2xf175] {
    min-height: 150px;
    resize: vertical;
    line-height: 1.55;
}

.pr-review-summary[b-sc9q2xf175] {
    align-self: stretch;
    padding: .9rem;
    border: 1px solid var(--rp-border);
    border-radius: 9px;
    background: #161b22;
}

.pr-review-summary h4[b-sc9q2xf175] {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin: 0 0 .75rem;
    font-size: .82rem;
}

.pr-review-summary h4 i[b-sc9q2xf175] {
    color: #79c0ff;
}

.pr-review-summary ul[b-sc9q2xf175] {
    display: grid;
    gap: .55rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.pr-review-summary li[b-sc9q2xf175] {
    display: flex;
    align-items: center;
    gap: .45rem;
    color: var(--rp-muted);
    font-size: .73rem;
}

.pr-review-summary li.ready[b-sc9q2xf175] {
    color: #c9d1d9;
}

.pr-review-summary li.ready i[b-sc9q2xf175] {
    color: #3fb950;
}

.pr-provider-note[b-sc9q2xf175] {
    display: flex;
    gap: .55rem;
    margin-top: .9rem;
    padding-top: .8rem;
    border-top: 1px solid var(--rp-border);
    color: var(--rp-muted);
    font-size: .67rem;
    line-height: 1.45;
}

.pr-provider-note i[b-sc9q2xf175] {
    flex: 0 0 auto;
    color: #d29922;
}

.pr-create-actions[b-sc9q2xf175] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .8rem 1.1rem;
    border-top: 1px solid var(--rp-border);
    background: #161b22;
}

.pr-create-actions > span[b-sc9q2xf175] {
    color: var(--rp-muted);
    font-size: .7rem;
}

.pr-create-actions > div[b-sc9q2xf175] {
    display: flex;
    flex: 0 0 auto;
    gap: .5rem;
}

.pr-filter-bar[b-sc9q2xf175] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    padding: 0 1.35rem .8rem;
    border-bottom: 1px solid var(--rp-border);
}

.pr-filter-tabs[b-sc9q2xf175] {
    display: flex;
    align-self: stretch;
    gap: .1rem;
}

.pr-filter-tabs button[b-sc9q2xf175] {
    min-height: 42px;
    padding: .45rem .75rem;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: var(--rp-muted);
    font-size: .76rem;
    font-weight: 700;
}

.pr-filter-tabs button:hover[b-sc9q2xf175] {
    color: var(--rp-text);
}

.pr-filter-tabs button.active[b-sc9q2xf175] {
    border-color: var(--rp-blue);
    color: #fff;
}

.pr-search[b-sc9q2xf175] {
    display: flex;
    align-items: center;
    width: min(360px, 100%);
    min-width: 240px;
    height: 36px;
    margin: .65rem 0 0;
    padding: 0 .65rem;
    border: 1px solid var(--rp-border);
    border-radius: 7px;
    background: #0d1117;
    color: var(--rp-muted);
}

.pr-search:focus-within[b-sc9q2xf175] {
    border-color: #58a6ff;
    box-shadow: 0 0 0 2px rgba(47, 129, 247, .16);
}

.pr-search input[b-sc9q2xf175] {
    min-width: 0;
    flex: 1 1 auto;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--rp-text);
    font-size: .75rem;
}

.pr-search input[b-sc9q2xf175]::placeholder {
    color: #6e7681;
}

.pr-search button[b-sc9q2xf175] {
    display: grid;
    width: 26px;
    height: 26px;
    place-items: center;
    border: 0;
    background: transparent;
    color: var(--rp-muted);
}

.pr-result-summary[b-sc9q2xf175] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .85rem 1.35rem .55rem;
}

.pr-result-summary strong[b-sc9q2xf175] {
    font-size: .82rem;
}

.pr-result-summary span[b-sc9q2xf175] {
    color: var(--rp-muted);
    font-size: .7rem;
}

.pr-list[b-sc9q2xf175] {
    display: grid;
    gap: .65rem;
    padding: 0 1.35rem 1.35rem;
}

.pr-card[b-sc9q2xf175] {
    position: relative;
    display: grid;
    grid-template-columns: 4px minmax(0, 1fr) auto;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--rp-border);
    border-radius: 9px;
    background: #0d1117;
    transition: border-color .15s ease, transform .15s ease;
}

.pr-card:hover[b-sc9q2xf175] {
    border-color: #4f5964;
    transform: translateY(-1px);
}

.pr-state-line[b-sc9q2xf175] {
    width: 4px;
    background: #6e7681;
}

.pr-state-line.active[b-sc9q2xf175] {
    background: #3fb950;
}

.pr-state-line.completed[b-sc9q2xf175] {
    background: #a371f7;
}

.pr-state-line.abandoned[b-sc9q2xf175] {
    background: #f85149;
}

.pr-card-main[b-sc9q2xf175] {
    display: grid;
    min-width: 0;
    gap: .55rem;
    padding: .9rem 1rem;
}

.pr-card-title[b-sc9q2xf175] {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    min-width: 0;
}

.pr-state-icon[b-sc9q2xf175] {
    display: grid;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    place-items: center;
    border-radius: 50%;
    background: #21262d;
    color: var(--rp-muted);
}

.pr-state-icon.active[b-sc9q2xf175] {
    background: rgba(63, 185, 80, .12);
    color: #56d364;
}

.pr-state-icon.completed[b-sc9q2xf175] {
    background: rgba(163, 113, 247, .14);
    color: #bc8cff;
}

.pr-state-icon.abandoned[b-sc9q2xf175] {
    background: rgba(248, 81, 73, .12);
    color: #ff7b72;
}

.pr-card-title > div[b-sc9q2xf175] {
    min-width: 0;
}

.pr-card-title h3[b-sc9q2xf175] {
    overflow: hidden;
    margin: 0 0 .14rem;
    color: var(--rp-text);
    font-size: .92rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pr-card-title p[b-sc9q2xf175] {
    margin: 0;
    color: var(--rp-muted);
    font-size: .69rem;
}

.pr-card-title p strong[b-sc9q2xf175] {
    color: #c9d1d9;
    font-weight: 650;
}

.pr-number[b-sc9q2xf175] {
    color: #79c0ff;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}

.pr-branches[b-sc9q2xf175] {
    display: flex;
    align-items: center;
    gap: .4rem;
    min-width: 0;
    padding-left: 2.65rem;
    color: var(--rp-muted);
}

.pr-branches > span[b-sc9q2xf175] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    min-width: 0;
    max-width: min(260px, 38%);
    overflow: hidden;
    padding: .2rem .45rem;
    border: 1px solid var(--rp-border);
    border-radius: 999px;
    background: #161b22;
    color: #c9d1d9;
    font: .68rem/1.35 ui-monospace, SFMono-Regular, Consolas, monospace;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pr-branches > span.target[b-sc9q2xf175] {
    border-color: rgba(63, 185, 80, .3);
}

.pr-branches > i[b-sc9q2xf175] {
    flex: 0 0 auto;
    color: #58a6ff;
}

.pr-description[b-sc9q2xf175] {
    display: -webkit-box;
    overflow: hidden;
    margin: 0;
    padding-left: 2.65rem;
    color: var(--rp-muted);
    font-size: .73rem;
    line-height: 1.45;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.pr-card-footer[b-sc9q2xf175] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .4rem;
    padding-left: 2.65rem;
}

.pr-status-badge[b-sc9q2xf175],
.pr-check-badge[b-sc9q2xf175],
.pr-comment-count[b-sc9q2xf175] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .2rem .45rem;
    border: 1px solid var(--rp-border);
    border-radius: 999px;
    background: #161b22;
    color: var(--rp-muted);
    font-size: .66rem;
}

.pr-status-badge.active[b-sc9q2xf175],
.pr-check-badge.ready[b-sc9q2xf175] {
    border-color: rgba(63, 185, 80, .35);
    color: #56d364;
}

.pr-status-badge.completed[b-sc9q2xf175] {
    border-color: rgba(163, 113, 247, .4);
    color: #bc8cff;
}

.pr-status-badge.abandoned[b-sc9q2xf175],
.pr-check-badge.blocked[b-sc9q2xf175] {
    border-color: rgba(248, 81, 73, .35);
    color: #ff7b72;
}

.pr-check-badge.pending[b-sc9q2xf175] {
    border-color: rgba(210, 153, 34, .4);
    color: #e3b341;
}

.pr-card-side[b-sc9q2xf175] {
    display: flex;
    min-width: 160px;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    gap: .8rem;
    padding: .9rem 1rem;
    border-left: 1px solid var(--rp-border);
    background: #11161d;
}

.pr-avatar[b-sc9q2xf175] {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border: 1px solid rgba(88, 166, 255, .4);
    border-radius: 50%;
    background: #17243a;
    color: #79c0ff;
    font-size: .67rem;
    font-weight: 800;
}

.pr-card-actions[b-sc9q2xf175] {
    display: flex;
    align-items: center;
    gap: .45rem;
}

.pr-card-actions .btn-ghost[b-sc9q2xf175],
.pr-card-actions .btn-primary[b-sc9q2xf175] {
    min-height: 32px;
    padding: .3rem .58rem;
    font-size: .7rem;
    text-decoration: none;
}

.pr-empty[b-sc9q2xf175] {
    display: grid;
    min-height: 250px;
    place-content: center;
    justify-items: center;
    padding: 2rem;
    color: var(--rp-muted);
    text-align: center;
}

.pr-empty > span[b-sc9q2xf175] {
    display: grid;
    width: 56px;
    height: 56px;
    margin-bottom: .7rem;
    place-items: center;
    border: 1px solid var(--rp-border);
    border-radius: 50%;
    background: #161b22;
    color: #79c0ff;
    font-size: 1.5rem;
}

.pr-empty h3[b-sc9q2xf175] {
    margin: 0 0 .25rem;
    color: var(--rp-text);
    font-size: .95rem;
}

.pr-empty p[b-sc9q2xf175] {
    max-width: 480px;
    margin: 0 0 1rem;
    font-size: .76rem;
}

@media (max-width: 1100px) {
    .pr-create-grid[b-sc9q2xf175] {
        grid-template-columns: 1fr;
    }

    .pr-review-summary[b-sc9q2xf175] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: .8rem;
    }

    .pr-review-summary h4[b-sc9q2xf175] {
        grid-column: 1 / -1;
        margin-bottom: 0;
    }

    .pr-provider-note[b-sc9q2xf175] {
        margin: 0;
        padding: 0 0 0 .8rem;
        border-top: 0;
        border-left: 1px solid var(--rp-border);
    }
}

@media (max-width: 800px) {
    .pr-metrics[b-sc9q2xf175] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pr-branch-comparison[b-sc9q2xf175] {
        grid-template-columns: 1fr;
    }

    .pr-direction[b-sc9q2xf175] {
        flex-direction: row;
        justify-content: center;
    }

    .pr-direction i[b-sc9q2xf175] {
        transform: rotate(90deg);
    }

    .pr-filter-bar[b-sc9q2xf175] {
        align-items: stretch;
        flex-direction: column;
        padding-top: .4rem;
    }

    .pr-filter-tabs[b-sc9q2xf175] {
        overflow-x: auto;
    }

    .pr-search[b-sc9q2xf175] {
        width: 100%;
        margin-top: 0;
    }

    .pr-card[b-sc9q2xf175] {
        grid-template-columns: 4px minmax(0, 1fr);
    }

    .pr-card-side[b-sc9q2xf175] {
        grid-column: 2;
        align-items: center;
        flex-direction: row;
        padding-top: .65rem;
        border-top: 1px solid var(--rp-border);
        border-left: 0;
    }
}

@media (max-width: 560px) {
    .pr-header[b-sc9q2xf175],
    .pr-create-actions[b-sc9q2xf175] {
        align-items: stretch;
        flex-direction: column;
    }

    .pr-new-button[b-sc9q2xf175] {
        width: 100%;
    }

    .pr-metrics[b-sc9q2xf175],
    .pr-list[b-sc9q2xf175],
    .pr-filter-bar[b-sc9q2xf175],
    .pr-result-summary[b-sc9q2xf175] {
        padding-right: .85rem;
        padding-left: .85rem;
    }

    .pr-create-panel[b-sc9q2xf175] {
        margin-right: .85rem;
        margin-left: .85rem;
    }

    .pr-create-grid[b-sc9q2xf175],
    .pr-branch-comparison[b-sc9q2xf175],
    .pr-create-head[b-sc9q2xf175] {
        padding-right: .85rem;
        padding-left: .85rem;
    }

    .pr-review-summary[b-sc9q2xf175] {
        display: block;
    }

    .pr-provider-note[b-sc9q2xf175] {
        margin-top: .8rem;
        padding: .8rem 0 0;
        border-top: 1px solid var(--rp-border);
        border-left: 0;
    }

    .pr-create-actions > div[b-sc9q2xf175] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .pr-branches[b-sc9q2xf175],
    .pr-description[b-sc9q2xf175],
    .pr-card-footer[b-sc9q2xf175] {
        padding-left: 0;
    }

    .pr-card-side[b-sc9q2xf175] {
        min-width: 0;
    }

    .pr-card-actions[b-sc9q2xf175] {
        flex-wrap: wrap;
        justify-content: flex-end;
    }
}
/* /Presentation/Features/Home/Home.razor.rz.scp.css */
.erp-home[b-i5wcp9ce3q] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    color: #f4f7fb;
}

.home-hero[b-i5wcp9ce3q],
.home-panel[b-i5wcp9ce3q],
.home-kpi[b-i5wcp9ce3q],
.workspace-card[b-i5wcp9ce3q],
.queue-item[b-i5wcp9ce3q],
.next-steps a[b-i5wcp9ce3q],
.quick-actions a[b-i5wcp9ce3q] {
    border: 1px solid rgba(176, 190, 205, .22);
    background: #1f252b;
    box-shadow: 0 16px 34px rgba(0, 0, 0, .18);
}

.home-hero[b-i5wcp9ce3q] {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(14, 53, 62, .86), rgba(31, 37, 43, .98));
}

.section-kicker[b-i5wcp9ce3q] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .45rem;
    color: #47d1ff;
    font-size: .82rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.home-hero h1[b-i5wcp9ce3q] {
    margin: 0;
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: 0;
}

.home-hero p[b-i5wcp9ce3q] {
    max-width: 58rem;
    margin: .35rem 0 0;
    color: #b9c2cf;
}

.hero-summary[b-i5wcp9ce3q] {
    min-width: 14rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .35rem;
    padding: .85rem 1rem;
    border-radius: 8px;
    border-left: 4px solid #50e3a4;
    background: rgba(255, 255, 255, .05);
}

.hero-summary span[b-i5wcp9ce3q],
.home-kpi span[b-i5wcp9ce3q],
.home-kpi small[b-i5wcp9ce3q],
.workspace-card span[b-i5wcp9ce3q],
.queue-item span[b-i5wcp9ce3q],
.next-steps span[b-i5wcp9ce3q],
.health-list span[b-i5wcp9ce3q],
.panel-heading p[b-i5wcp9ce3q] {
    color: #b9c2cf;
}

.hero-summary strong[b-i5wcp9ce3q] {
    font-size: 1.25rem;
}

.hero-summary.warning[b-i5wcp9ce3q] {
    border-left-color: #ffc857;
}

.hero-summary.danger[b-i5wcp9ce3q] {
    border-left-color: #ff637d;
}

.home-loading[b-i5wcp9ce3q] {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-height: 12rem;
    padding: 1.5rem;
    border-radius: 8px;
    border: 1px solid rgba(176, 190, 205, .22);
    background: rgba(255, 255, 255, .04);
    color: #dce6f2;
}

.pulse-dot[b-i5wcp9ce3q] {
    width: .75rem;
    height: .75rem;
    border-radius: 50%;
    background: #47d1ff;
    box-shadow: 0 0 0 .35rem rgba(71, 209, 255, .12);
}

.home-kpis[b-i5wcp9ce3q] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .85rem;
}

.home-kpi[b-i5wcp9ce3q] {
    position: relative;
    min-height: 8.5rem;
    display: flex;
    flex-direction: column;
    gap: .35rem;
    padding: 1rem;
    border-radius: 8px;
    overflow: hidden;
}

.home-kpi[b-i5wcp9ce3q]::before,
.queue-item[b-i5wcp9ce3q]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: #47d1ff;
}

.home-kpi i[b-i5wcp9ce3q],
.queue-item i[b-i5wcp9ce3q],
.workspace-card i[b-i5wcp9ce3q],
.next-steps i[b-i5wcp9ce3q],
.quick-actions i[b-i5wcp9ce3q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 8px;
    background: rgba(255, 255, 255, .07);
    color: #f4f7fb;
    font-size: 1.05rem;
}

.home-kpi strong[b-i5wcp9ce3q] {
    font-size: 1.45rem;
    line-height: 1.1;
}

.home-kpi.good[b-i5wcp9ce3q]::before,
.queue-item.good[b-i5wcp9ce3q]::before,
.health-list .good[b-i5wcp9ce3q]::before {
    background: #50e3a4;
}

.home-kpi.warning[b-i5wcp9ce3q]::before,
.queue-item.warning[b-i5wcp9ce3q]::before,
.health-list .warning[b-i5wcp9ce3q]::before {
    background: #ffc857;
}

.home-kpi.danger[b-i5wcp9ce3q]::before,
.queue-item.danger[b-i5wcp9ce3q]::before {
    background: #ff637d;
}

.home-kpi.violet[b-i5wcp9ce3q]::before {
    background: #9f8cff;
}

.home-kpi.neutral[b-i5wcp9ce3q]::before {
    background: #9ba8b8;
}

.home-grid[b-i5wcp9ce3q] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1rem;
}

.home-panel[b-i5wcp9ce3q] {
    padding: 1rem;
    border-radius: 8px;
}

.span-12[b-i5wcp9ce3q] {
    grid-column: span 12;
}

.span-7[b-i5wcp9ce3q] {
    grid-column: span 7;
}

.span-6[b-i5wcp9ce3q] {
    grid-column: span 6;
}

.span-5[b-i5wcp9ce3q] {
    grid-column: span 5;
}

.panel-heading[b-i5wcp9ce3q] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.panel-heading h2[b-i5wcp9ce3q] {
    margin: 0;
    font-size: 1rem;
    font-weight: 800;
}

.panel-heading p[b-i5wcp9ce3q] {
    margin: .25rem 0 0;
    font-size: .9rem;
}

.panel-heading > span[b-i5wcp9ce3q] {
    color: #dce6f2;
    font-weight: 800;
    white-space: nowrap;
}

.panel-link[b-i5wcp9ce3q] {
    color: #47d1ff;
    text-decoration: none;
    font-weight: 700;
}

.work-queue[b-i5wcp9ce3q],
.next-steps[b-i5wcp9ce3q],
.health-list[b-i5wcp9ce3q] {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.queue-item[b-i5wcp9ce3q],
.next-steps a[b-i5wcp9ce3q],
.workspace-card[b-i5wcp9ce3q],
.quick-actions a[b-i5wcp9ce3q] {
    color: inherit;
    text-decoration: none;
}

.queue-item[b-i5wcp9ce3q] {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    padding: .8rem .85rem .8rem 1rem;
    border-radius: 8px;
}

.queue-item strong[b-i5wcp9ce3q],
.queue-item span[b-i5wcp9ce3q],
.workspace-card strong[b-i5wcp9ce3q],
.workspace-card span[b-i5wcp9ce3q],
.next-steps strong[b-i5wcp9ce3q],
.next-steps span[b-i5wcp9ce3q] {
    display: block;
}

.queue-item em[b-i5wcp9ce3q] {
    color: #f4f7fb;
    font-style: normal;
    font-weight: 800;
    white-space: nowrap;
}

.empty-state[b-i5wcp9ce3q] {
    padding: 1rem;
    border-radius: 8px;
    border: 1px dashed rgba(176, 190, 205, .28);
    color: #b9c2cf;
}

.quick-actions[b-i5wcp9ce3q] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.quick-actions a[b-i5wcp9ce3q] {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-height: 4rem;
    padding: .75rem;
    border-radius: 8px;
    font-weight: 700;
}

.workspace-grid[b-i5wcp9ce3q] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
}

.workspace-card[b-i5wcp9ce3q] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .8rem;
    min-height: 8rem;
    padding: 1rem;
    border-radius: 8px;
}

.workspace-card em[b-i5wcp9ce3q] {
    grid-column: 2;
    color: #47d1ff;
    font-style: normal;
    font-weight: 800;
}

.risk-donut[b-i5wcp9ce3q] {
    flex: 0 0 auto;
    width: 4.5rem;
    height: 4.5rem;
    display: grid;
    place-items: center;
    border-radius: 50%;
    box-shadow: inset 0 0 0 12px rgba(15, 20, 26, .62);
}

.risk-donut span[b-i5wcp9ce3q] {
    font-weight: 900;
}

.health-list > div[b-i5wcp9ce3q] {
    position: relative;
    padding: .7rem .8rem .7rem 1rem;
    border-radius: 8px;
    background: rgba(255, 255, 255, .045);
    overflow: hidden;
}

.health-list > div[b-i5wcp9ce3q]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: #9ba8b8;
}

.health-list strong[b-i5wcp9ce3q] {
    display: block;
}

.next-steps a[b-i5wcp9ce3q] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .75rem;
    padding: .8rem;
    border-radius: 8px;
}

.queue-item:hover[b-i5wcp9ce3q],
.workspace-card:hover[b-i5wcp9ce3q],
.quick-actions a:hover[b-i5wcp9ce3q],
.next-steps a:hover[b-i5wcp9ce3q] {
    border-color: rgba(71, 209, 255, .45);
    background: #242b32;
}

@media (max-width: 1200px) {
    .home-kpis[b-i5wcp9ce3q],
    .workspace-grid[b-i5wcp9ce3q] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .span-7[b-i5wcp9ce3q],
    .span-6[b-i5wcp9ce3q],
    .span-5[b-i5wcp9ce3q] {
        grid-column: span 12;
    }
}

@media (max-width: 720px) {
    .home-hero[b-i5wcp9ce3q],
    .panel-heading[b-i5wcp9ce3q] {
        flex-direction: column;
    }

    .hero-summary[b-i5wcp9ce3q] {
        min-width: 0;
        width: 100%;
    }

    .home-kpis[b-i5wcp9ce3q],
    .workspace-grid[b-i5wcp9ce3q],
    .quick-actions[b-i5wcp9ce3q] {
        grid-template-columns: 1fr;
    }

    .queue-item[b-i5wcp9ce3q] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .queue-item em[b-i5wcp9ce3q] {
        grid-column: 2;
    }
}
/* /Presentation/Features/Manufacturing/Components/FactorySectionNavigation.razor.rz.scp.css */
.factory-section-tabs[b-vzdqd67qsm] {
    --factory-tab-border: var(--wf-line, var(--line, #30363d));
    --factory-tab-muted: var(--wf-muted, var(--muted, #8b949e));
    --factory-tab-text: var(--wf-text, var(--text, #e6edf3));
    --factory-tab-accent: var(--wf-blue, var(--blue, #2f81f7));
    display: flex;
    max-width: 100%;
    gap: .25rem;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--factory-tab-border);
}

.factory-section-tabs[b-vzdqd67qsm]::-webkit-scrollbar { display: none; }

.factory-section-tabs[b-vzdqd67qsm]  a {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: .45rem;
    min-height: 44px;
    padding: .75rem 1rem;
    color: var(--factory-tab-muted);
    border-bottom: 2px solid transparent;
    text-decoration: none;
    white-space: nowrap;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease;
}

.factory-section-tabs[b-vzdqd67qsm]  a:hover { color: var(--factory-tab-text); }

.factory-section-tabs[b-vzdqd67qsm]  a.active {
    color: #fff;
    border-color: var(--factory-tab-accent);
    background: linear-gradient(0deg, rgb(47 129 247 / 10%), transparent);
}

.factory-section-tabs[b-vzdqd67qsm]  a:focus-visible {
    outline: 2px solid var(--factory-tab-accent);
    outline-offset: -3px;
}

@media (max-width: 700px) {
    .factory-section-tabs[b-vzdqd67qsm]  a { min-width: 44px; justify-content: center; padding: .7rem; font-size: 1.05rem; }
    .factory-section-tabs[b-vzdqd67qsm]  a span { display: none; }
}
/* /Presentation/Features/Manufacturing/Pages/ManufacturingWorkforce.razor.rz.scp.css */
.workforce-page[b-k1lpg6wwvp],
.workforce-drawer[b-k1lpg6wwvp] {
    --wf-bg: #0c131b;
    --wf-surface: #111a23;
    --wf-surface-2: #151f2a;
    --wf-surface-3: #1a2734;
    --wf-line: #2b3a49;
    --wf-line-strong: #3b4d5e;
    --wf-text: #edf4fb;
    --wf-muted: #95a8bb;
    --wf-blue: #3296ed;
    --wf-green: #50cc7d;
    --wf-amber: #e9b64a;
    --wf-red: #ed6a73;
    color-scheme: dark;
}

.workforce-page[b-k1lpg6wwvp] {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: calc(100vh - 8.5rem);
    overflow-x: clip;
    padding: 1.25rem;
    color: var(--wf-text);
    background: var(--wf-bg);
}

.workforce-page *[b-k1lpg6wwvp], .workforce-drawer *[b-k1lpg6wwvp] { box-sizing: border-box; }
.workforce-page > *[b-k1lpg6wwvp], .workforce-surface[b-k1lpg6wwvp], .tab-panel[b-k1lpg6wwvp], .matrix-scroll[b-k1lpg6wwvp] { min-width: 0; max-width: 100%; }

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

.workforce-hero h1[b-k1lpg6wwvp] { margin: .25rem 0; font-size: clamp(1.7rem, 2.6vw, 2.4rem); font-weight: 680; line-height: 1.12; }
.workforce-hero p[b-k1lpg6wwvp] { max-width: 760px; margin: 0; color: var(--wf-muted); }
.eyebrow[b-k1lpg6wwvp] { display: inline-flex; align-items: center; gap: .4rem; color: #65baff; font-size: .68rem; font-weight: 800; letter-spacing: .12em; }
.hero-actions[b-k1lpg6wwvp] { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .5rem; }

.primary-button[b-k1lpg6wwvp], .secondary-button[b-k1lpg6wwvp], .icon-button[b-k1lpg6wwvp] {
    display: inline-flex;
    min-height: 2.55rem;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    border: 1px solid transparent;
    border-radius: .34rem;
    padding: .55rem .82rem;
    font-weight: 680;
    white-space: nowrap;
    cursor: pointer;
}

.primary-button[b-k1lpg6wwvp] { color: #fff; background: #2188e9; }
.primary-button:hover[b-k1lpg6wwvp] { background: #3296ed; }
.secondary-button[b-k1lpg6wwvp] { color: #e7f0f8; border-color: #344657; background: #18232e; }
.secondary-button:hover[b-k1lpg6wwvp] { border-color: #496176; background: #213141; }
button:disabled[b-k1lpg6wwvp] { opacity: .5; cursor: not-allowed; }

.loading-state[b-k1lpg6wwvp], .empty-state[b-k1lpg6wwvp], .compact-empty[b-k1lpg6wwvp] {
    display: grid;
    min-height: 360px;
    place-content: center;
    justify-items: center;
    gap: .6rem;
    padding: 2rem;
    color: var(--wf-muted);
    text-align: center;
}

.loading-state .spinner-border[b-k1lpg6wwvp] { color: var(--wf-blue); }
.empty-state i[b-k1lpg6wwvp], .compact-empty > i[b-k1lpg6wwvp] { color: #5db5fc; font-size: 2.2rem; }
.empty-state h2[b-k1lpg6wwvp], .compact-empty h3[b-k1lpg6wwvp] { margin: .25rem 0 0; color: var(--wf-text); }
.empty-state p[b-k1lpg6wwvp], .compact-empty p[b-k1lpg6wwvp] { margin: 0; }

.workforce-filters[b-k1lpg6wwvp] {
    display: grid;
    grid-template-columns: minmax(230px, 2fr) repeat(5, minmax(130px, 1fr));
    gap: .6rem;
    margin-bottom: .8rem;
    padding: .8rem;
    border: 1px solid var(--wf-line);
    border-radius: .42rem;
    background: var(--wf-surface-2);
}

.workforce-filters label[b-k1lpg6wwvp], .form-grid > label[b-k1lpg6wwvp] { display: grid; min-width: 0; gap: .3rem; color: #a8bacb; font-size: .7rem; }
.workforce-filters input[b-k1lpg6wwvp], .workforce-filters select[b-k1lpg6wwvp], .workforce-drawer input[b-k1lpg6wwvp], .workforce-drawer select[b-k1lpg6wwvp], .workforce-drawer textarea[b-k1lpg6wwvp] {
    width: 100%;
    min-width: 0;
    min-height: 2.55rem;
    padding: .55rem .65rem;
    color: var(--wf-text);
    border: 1px solid #3a4b5c;
    border-radius: .3rem;
    outline: none;
    background: #0e151d;
}

.workforce-filters input:focus[b-k1lpg6wwvp], .workforce-filters select:focus[b-k1lpg6wwvp], .workforce-drawer input:focus[b-k1lpg6wwvp], .workforce-drawer select:focus[b-k1lpg6wwvp], .workforce-drawer textarea:focus[b-k1lpg6wwvp] {
    border-color: var(--wf-blue);
    box-shadow: 0 0 0 2px rgb(50 150 237 / 17%);
}

.input-with-icon[b-k1lpg6wwvp] { position: relative; display: block; }
.input-with-icon i[b-k1lpg6wwvp] { position: absolute; z-index: 1; top: 50%; left: .7rem; color: #8195a8; transform: translateY(-50%); }
.input-with-icon input[b-k1lpg6wwvp] { padding-left: 2rem; }

.workforce-kpis[b-k1lpg6wwvp] {
    display: grid;
    grid-template-columns: repeat(5, minmax(150px, 1fr));
    gap: .7rem;
    margin-bottom: .8rem;
}

.workforce-kpis article[b-k1lpg6wwvp] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    column-gap: .7rem;
    min-width: 0;
    padding: .85rem;
    border: 1px solid var(--wf-line);
    border-radius: .4rem;
    background: var(--wf-surface-2);
}

.workforce-kpis small[b-k1lpg6wwvp], .workforce-kpis em[b-k1lpg6wwvp] { overflow: hidden; color: var(--wf-muted); font-size: .68rem; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.workforce-kpis strong[b-k1lpg6wwvp] { font-size: 1.45rem; line-height: 1.1; }
.workforce-kpis em[b-k1lpg6wwvp] { grid-column: 2; }
.kpi-icon[b-k1lpg6wwvp] { display: grid; grid-row: 1 / 4; width: 42px; height: 42px; place-content: center; border-radius: .35rem; font-size: 1.1rem; }
.kpi-icon.blue[b-k1lpg6wwvp] { color: #6dbdff; background: #173757; }
.kpi-icon.green[b-k1lpg6wwvp] { color: #65da8e; background: #173c26; }
.kpi-icon.amber[b-k1lpg6wwvp] { color: #f3c45c; background: #453719; }
.kpi-icon.red[b-k1lpg6wwvp] { color: #ff8991; background: #482127; }
.kpi-icon.purple[b-k1lpg6wwvp] { color: #b79afa; background: #30264b; }

.workforce-surface[b-k1lpg6wwvp] { overflow: hidden; border: 1px solid var(--wf-line); border-radius: .45rem; background: var(--wf-surface-2); }
.surface-header[b-k1lpg6wwvp] { overflow-x: auto; border-bottom: 1px solid var(--wf-line); background: var(--wf-surface); }
.workspace-tabs[b-k1lpg6wwvp] { display: flex; min-width: max-content; }
.workspace-tabs button[b-k1lpg6wwvp] {
    display: inline-flex;
    min-height: 3.2rem;
    align-items: center;
    gap: .5rem;
    padding: .75rem 1rem;
    color: #a8b8c8;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    cursor: pointer;
}

.workspace-tabs button:hover[b-k1lpg6wwvp], .workspace-tabs button.active[b-k1lpg6wwvp] { color: #fff; border-color: var(--wf-blue); background: rgb(50 150 237 / 6%); }
.workspace-tabs button span[b-k1lpg6wwvp] { display: grid; min-width: 22px; height: 22px; place-content: center; padding: 0 .35rem; color: #bcd8ef; border-radius: 1rem; background: #27394a; font-size: .65rem; }
.tab-panel[b-k1lpg6wwvp] { min-height: 430px; }

.panel-commandbar[b-k1lpg6wwvp] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .55rem;
    padding: 1rem;
    border-bottom: 1px solid var(--wf-line);
}

.panel-commandbar > div:first-child[b-k1lpg6wwvp] { display: grid; min-width: 0; margin-right: auto; }
.panel-commandbar > div:first-child > span[b-k1lpg6wwvp], .requirements-strip header span[b-k1lpg6wwvp] { color: #63baff; font-size: .63rem; font-weight: 800; letter-spacing: .1em; }
.panel-commandbar h2[b-k1lpg6wwvp] { margin: .18rem 0; font-size: 1.12rem; }
.panel-commandbar p[b-k1lpg6wwvp] { margin: 0; color: var(--wf-muted); font-size: .74rem; }
.separation-banner[b-k1lpg6wwvp], .form-banner[b-k1lpg6wwvp], .compatibility-panel[b-k1lpg6wwvp] {
    display: flex;
    align-items: center;
    gap: .7rem;
    margin: .8rem;
    padding: .72rem .85rem;
    color: #9fd0b3;
    border: 1px solid #285b3b;
    border-radius: .35rem;
    background: #142a20;
}

.separation-banner span[b-k1lpg6wwvp], .form-banner span[b-k1lpg6wwvp], .compatibility-panel span[b-k1lpg6wwvp] { display: grid; }
.separation-banner strong[b-k1lpg6wwvp], .form-banner strong[b-k1lpg6wwvp], .compatibility-panel strong[b-k1lpg6wwvp] { color: #cfeedd; }
.separation-banner[b-k1lpg6wwvp] { font-size: .72rem; }

.people-table[b-k1lpg6wwvp] { min-width: 0; overflow-x: auto; }
.people-head[b-k1lpg6wwvp], .people-row[b-k1lpg6wwvp] {
    display: grid;
    grid-template-columns: minmax(220px, 1.45fr) minmax(150px, 1fr) minmax(170px, 1.1fr) minmax(175px, 1.1fr) minmax(130px, .8fr) 105px 105px;
    align-items: center;
    gap: .65rem;
}

.people-head[b-k1lpg6wwvp] { min-width: 940px; padding: .62rem .9rem; color: #8498ab; background: #101821; font-size: .62rem; letter-spacing: .06em; text-transform: uppercase; }
.people-row[b-k1lpg6wwvp] { min-width: 940px; min-height: 4.65rem; padding: .65rem .9rem; border-bottom: 1px solid #283744; font-size: .74rem; }
.people-row:last-child[b-k1lpg6wwvp] { border-bottom: 0; }
.people-row:hover[b-k1lpg6wwvp] { background: rgb(54 116 170 / 8%); }
.people-row > span[b-k1lpg6wwvp] { display: grid; min-width: 0; gap: .18rem; }
.people-row strong[b-k1lpg6wwvp], .people-row small[b-k1lpg6wwvp], .people-row em[b-k1lpg6wwvp] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.people-row small[b-k1lpg6wwvp], .people-row em[b-k1lpg6wwvp] { color: var(--wf-muted); font-size: .66rem; font-style: normal; }
.person-cell[b-k1lpg6wwvp] { grid-template-columns: auto 1fr !important; align-items: center; gap: .6rem !important; }
.avatar[b-k1lpg6wwvp] { display: grid; flex: 0 0 auto; width: 36px; height: 36px; place-content: center; color: #dff0ff; border: 1px solid #376a95; border-radius: 50%; background: #1c4c73; font-size: .7rem; font-weight: 800; }
.avatar.small[b-k1lpg6wwvp] { width: 30px; height: 30px; font-size: .62rem; }
.role-cell[b-k1lpg6wwvp] { display: flex !important; flex-wrap: wrap; align-items: center; gap: .3rem !important; }
.role-cell button[b-k1lpg6wwvp] { padding: .22rem .4rem; color: #abd5f6; border: 1px solid #315978; border-radius: 1rem; background: #193047; font-size: .64rem; }
.role-cell button i[b-k1lpg6wwvp] { margin-left: .25rem; color: #f2c34f; }
.coverage-cell > span[b-k1lpg6wwvp] { overflow: hidden; height: 6px; border-radius: 1rem; background: #263746; }
.coverage-cell > span b[b-k1lpg6wwvp] { display: block; width: var(--coverage); height: 100%; background: var(--wf-green); }
.row-actions[b-k1lpg6wwvp] { display: flex !important; flex-direction: row; justify-content: flex-end; gap: .25rem !important; }
.row-actions button[b-k1lpg6wwvp], .week-actions button[b-k1lpg6wwvp], .icon-button[b-k1lpg6wwvp] {
    display: grid;
    min-width: 34px;
    min-height: 34px;
    place-content: center;
    color: #aac4dc;
    border: 1px solid transparent;
    border-radius: .28rem;
    background: transparent;
}

.row-actions button:hover[b-k1lpg6wwvp], .week-actions button:hover[b-k1lpg6wwvp], .icon-button:hover[b-k1lpg6wwvp] { color: #6dbdff; border-color: #344c61; background: #1c2b39; }
.status[b-k1lpg6wwvp] { display: inline-flex; width: fit-content; align-items: center; padding: .2rem .45rem; border: 1px solid; border-radius: 1rem; font-size: .64rem; white-space: nowrap; }
.status.success[b-k1lpg6wwvp] { color: #69dc91; border-color: #287a49; background: #153523; }
.status.info[b-k1lpg6wwvp] { color: #75c0ff; border-color: #27679d; background: #162d42; }
.status.warning[b-k1lpg6wwvp] { color: #f2c45d; border-color: #7f6422; background: #352c18; }
.status.danger[b-k1lpg6wwvp] { color: #ff8d94; border-color: #8d3941; background: #3c1e22; }
.status.neutral[b-k1lpg6wwvp] { color: #abb8c5; border-color: #445261; background: #202a34; }

.inline-check[b-k1lpg6wwvp] { display: inline-flex; min-height: 2.55rem; align-items: center; gap: .45rem; padding: .5rem .7rem; color: #c4d1dc; border: 1px solid #344657; border-radius: .3rem; font-size: .72rem; }
.inline-check input[b-k1lpg6wwvp] { width: 16px; height: 16px; accent-color: var(--wf-blue); }
.matrix-legend[b-k1lpg6wwvp] { display: flex; flex-wrap: wrap; gap: 1rem; padding: .7rem 1rem; color: var(--wf-muted); border-bottom: 1px solid var(--wf-line); font-size: .68rem; }
.matrix-legend span[b-k1lpg6wwvp] { display: inline-flex; align-items: center; gap: .35rem; }
.matrix-legend i[b-k1lpg6wwvp] { width: 9px; height: 9px; border-radius: 50%; }
.matrix-legend .compliant[b-k1lpg6wwvp] { background: var(--wf-green); }
.matrix-legend .warning[b-k1lpg6wwvp] { background: var(--wf-amber); }
.matrix-legend .critical[b-k1lpg6wwvp] { background: var(--wf-red); }
.matrix-legend .missing[b-k1lpg6wwvp] { background: #657483; }
.matrix-scroll[b-k1lpg6wwvp] { overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.skill-matrix[b-k1lpg6wwvp] { min-width: max(760px, 100%); border-collapse: separate; border-spacing: 0; }
.skill-matrix th[b-k1lpg6wwvp], .skill-matrix td[b-k1lpg6wwvp] { min-width: 112px; padding: .45rem; border-right: 1px solid #293947; border-bottom: 1px solid #293947; text-align: center; }
.skill-matrix th:first-child[b-k1lpg6wwvp] { position: sticky; z-index: 2; left: 0; min-width: 220px; text-align: left; background: #121c26; }
.skill-matrix thead th[b-k1lpg6wwvp] { position: sticky; z-index: 1; top: 0; background: #121c26; }
.skill-matrix thead th:first-child[b-k1lpg6wwvp] { z-index: 3; }
.skill-matrix thead button[b-k1lpg6wwvp] { display: grid; width: 100%; color: var(--wf-text); border: 0; background: transparent; text-align: left; }
.skill-matrix thead button small[b-k1lpg6wwvp] { color: #63baff; font-size: .58rem; }
.skill-matrix thead button strong[b-k1lpg6wwvp] { overflow: hidden; max-width: 130px; font-size: .68rem; text-overflow: ellipsis; white-space: nowrap; }
.skill-matrix tbody th[b-k1lpg6wwvp] { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: .55rem; }
.skill-matrix tbody th > span:last-child[b-k1lpg6wwvp] { display: grid; min-width: 0; }
.skill-matrix tbody th strong[b-k1lpg6wwvp], .skill-matrix tbody th small[b-k1lpg6wwvp] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.skill-matrix tbody th small[b-k1lpg6wwvp] { color: var(--wf-muted); font-size: .62rem; font-weight: 400; }
.matrix-cell[b-k1lpg6wwvp] { display: grid; width: 100%; min-height: 54px; place-content: center; gap: .05rem; border: 1px solid; border-radius: .3rem; background: transparent; cursor: pointer; }
.matrix-cell strong[b-k1lpg6wwvp] { font-size: .86rem; }
.matrix-cell small[b-k1lpg6wwvp] { font-size: .58rem; }
.matrix-cell.compliant[b-k1lpg6wwvp] { color: #69db90; border-color: #2b7147; background: #163321; }
.matrix-cell.warning[b-k1lpg6wwvp] { color: #efc45f; border-color: #796227; background: #332b19; }
.matrix-cell.critical[b-k1lpg6wwvp] { color: #ff8e95; border-color: #884047; background: #391f23; }
.matrix-cell.missing[b-k1lpg6wwvp] { color: #8da0b0; border-style: dashed; border-color: #435361; background: #19232d; }

.requirements-strip[b-k1lpg6wwvp] { border-top: 1px solid var(--wf-line); }
.requirements-strip > header[b-k1lpg6wwvp] { display: flex; align-items: center; justify-content: space-between; padding: .75rem 1rem; }
.requirements-strip > header div[b-k1lpg6wwvp] { display: grid; }
.requirements-strip h3[b-k1lpg6wwvp] { margin: .1rem 0; font-size: .96rem; }
.requirements-strip > header > b[b-k1lpg6wwvp] { display: grid; min-width: 26px; height: 26px; place-content: center; border-radius: 50%; background: #223446; font-size: .7rem; }
.requirements-strip > div[b-k1lpg6wwvp] { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: .55rem; padding: 0 .8rem .8rem; }
.requirements-strip button[b-k1lpg6wwvp] { display: grid; grid-template-columns: 1fr 1fr auto; align-items: center; gap: .7rem; padding: .7rem; color: var(--wf-text); border: 1px solid #324252; border-radius: .3rem; background: #18242f; text-align: left; }
.requirements-strip button > span[b-k1lpg6wwvp] { display: grid; min-width: 0; }
.requirements-strip button small[b-k1lpg6wwvp] { color: var(--wf-muted); font-size: .63rem; }
.requirements-strip button > i[b-k1lpg6wwvp] { color: #61c785; }

.week-actions[b-k1lpg6wwvp] { display: flex !important; flex: 0 0 auto; margin: 0 !important; }
.week-actions button[b-k1lpg6wwvp] { border-color: #344657; border-radius: 0; }
.week-actions button:first-child[b-k1lpg6wwvp] { border-radius: .3rem 0 0 .3rem; }
.week-actions button:last-child[b-k1lpg6wwvp] { border-radius: 0 .3rem .3rem 0; }
.allocation-board[b-k1lpg6wwvp] { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); min-width: 0; }
.allocation-day[b-k1lpg6wwvp] { min-width: 0; min-height: 330px; padding: .6rem; border-right: 1px solid var(--wf-line); border-bottom: 1px solid var(--wf-line); background: #111a23; }
.allocation-day.today[b-k1lpg6wwvp] { background: #122131; }
.allocation-day > header[b-k1lpg6wwvp] { display: grid; grid-template-columns: 1fr auto; gap: .15rem; padding: .3rem .15rem .7rem; }
.allocation-day > header span[b-k1lpg6wwvp] { color: #61b8fd; font-size: .62rem; font-weight: 800; }
.allocation-day > header strong[b-k1lpg6wwvp] { font-size: .78rem; }
.allocation-day > header small[b-k1lpg6wwvp] { grid-column: 1 / -1; color: var(--wf-muted); font-size: .62rem; }
.day-empty[b-k1lpg6wwvp] { display: grid; min-height: 120px; place-content: center; color: #718394; border: 1px dashed #344657; border-radius: .3rem; font-size: .7rem; }
.allocation-card[b-k1lpg6wwvp] { display: grid; width: 100%; gap: .25rem; margin-bottom: .5rem; padding: .65rem; color: var(--wf-text); border: 1px solid #344657; border-left: 3px solid #647483; border-radius: .3rem; background: #192530; text-align: left; }
.allocation-card.success[b-k1lpg6wwvp] { border-left-color: var(--wf-green); }
.allocation-card.info[b-k1lpg6wwvp] { border-left-color: var(--wf-blue); }
.allocation-card.warning[b-k1lpg6wwvp] { border-left-color: var(--wf-amber); }
.allocation-card.danger[b-k1lpg6wwvp] { border-left-color: var(--wf-red); }
.allocation-card > span[b-k1lpg6wwvp] { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: .4rem; }
.allocation-card > span:first-child b[b-k1lpg6wwvp] { color: #75bfff; font-size: .64rem; }
.allocation-card > strong[b-k1lpg6wwvp] { overflow: hidden; font-size: .76rem; text-overflow: ellipsis; white-space: nowrap; }
.allocation-card > small[b-k1lpg6wwvp] { color: var(--wf-muted); font-size: .64rem; }
.allocation-card em[b-k1lpg6wwvp] { overflow: hidden; color: #b8c6d3; font-size: .62rem; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }

.alert-summary[b-k1lpg6wwvp] { display: grid; grid-template-columns: repeat(4, 1fr); gap: .65rem; padding: .8rem; }
.alert-summary article[b-k1lpg6wwvp] { display: grid; padding: .8rem 1rem; border: 1px solid var(--wf-line); border-top: 3px solid #617384; border-radius: .32rem; background: #17222d; }
.alert-summary strong[b-k1lpg6wwvp] { font-size: 1.35rem; }
.alert-summary span[b-k1lpg6wwvp] { color: var(--wf-muted); font-size: .68rem; }
.alert-summary .critical[b-k1lpg6wwvp] { border-top-color: var(--wf-red); }
.alert-summary .warning[b-k1lpg6wwvp] { border-top-color: var(--wf-amber); }
.alert-summary .info[b-k1lpg6wwvp] { border-top-color: var(--wf-blue); }
.alert-summary .success[b-k1lpg6wwvp] { border-top-color: var(--wf-green); }
.alerts-list[b-k1lpg6wwvp] { display: grid; gap: .5rem; padding: 0 .8rem .8rem; }
.alerts-list article[b-k1lpg6wwvp] { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .75rem; padding: .75rem; border: 1px solid #344352; border-left: 3px solid #617384; border-radius: .32rem; background: #18232e; }
.alerts-list article.critical[b-k1lpg6wwvp] { border-left-color: var(--wf-red); }
.alerts-list article.warning[b-k1lpg6wwvp] { border-left-color: var(--wf-amber); }
.alerts-list article.info[b-k1lpg6wwvp] { border-left-color: var(--wf-blue); }
.alert-icon[b-k1lpg6wwvp] { display: grid; width: 38px; height: 38px; place-content: center; border-radius: .3rem; background: #233343; }
.alerts-list article > span:nth-child(2)[b-k1lpg6wwvp] { display: grid; min-width: 0; }
.alerts-list article > span:nth-child(2) strong[b-k1lpg6wwvp] { color: #74bfff; font-size: .63rem; letter-spacing: .04em; text-transform: uppercase; }
.alerts-list article > span:nth-child(2) b[b-k1lpg6wwvp] { overflow: hidden; font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
.alerts-list article > span:nth-child(2) small[b-k1lpg6wwvp] { color: var(--wf-muted); font-size: .67rem; }
.alerts-list button[b-k1lpg6wwvp] { display: inline-flex; align-items: center; gap: .4rem; padding: .45rem .65rem; color: #75bfff; border: 1px solid #35658d; border-radius: .28rem; background: #172e43; }
.compact-empty.success > i[b-k1lpg6wwvp] { color: var(--wf-green); }

.drawer-backdrop[b-k1lpg6wwvp] { position: fixed; z-index: 30000; inset: 0; background: rgb(0 0 0 / 72%); backdrop-filter: blur(2px); }
.workforce-drawer[b-k1lpg6wwvp] {
    position: fixed;
    z-index: 30001;
    inset: 0 0 0 auto;
    width: min(900px, 96vw);
    overflow-y: auto;
    color: var(--wf-text, #edf4fb);
    border: 0;
    border-left: 1px solid #344657;
    outline: none;
    background: #101923;
    box-shadow: -1rem 0 3rem rgb(0 0 0 / 45%);
    color-scheme: dark;
}

.workforce-drawer > header[b-k1lpg6wwvp] { display: flex; position: sticky; z-index: 2; top: 0; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1rem 1.25rem; border-bottom: 1px solid #2b3a49; background: #121d28; }
.workforce-drawer > header > div[b-k1lpg6wwvp] { display: grid; }
.workforce-drawer h2[b-k1lpg6wwvp] { margin: .25rem 0 .1rem; font-size: 1.35rem; }
.workforce-drawer header p[b-k1lpg6wwvp] { max-width: 700px; margin: 0; color: #95a8bb; font-size: .72rem; }
.workforce-drawer .icon-button[b-k1lpg6wwvp] { font-size: 1.05rem; }
.drawer-body[b-k1lpg6wwvp] { padding: 1.2rem 1.25rem; }
.form-grid[b-k1lpg6wwvp] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.form-grid textarea[b-k1lpg6wwvp] { min-height: 6rem; resize: vertical; }
.form-grid :is(input, select, textarea):disabled[b-k1lpg6wwvp] { color: #8ea1b3; border-color: #2b3a49; background: #0d151e; cursor: not-allowed; opacity: .82; }
.span-2[b-k1lpg6wwvp] { grid-column: span 2; }
.span-3[b-k1lpg6wwvp] { grid-column: 1 / -1; }
.form-banner[b-k1lpg6wwvp] { margin: 0; color: #a9ccee; border-color: #2b608d; background: #142a3e; }
.form-banner strong[b-k1lpg6wwvp] { color: #d3eaff; }
.check-grid[b-k1lpg6wwvp] { display: grid; grid-template-columns: repeat(2, 1fr); gap: .5rem; }
.check-grid label[b-k1lpg6wwvp], .check-card[b-k1lpg6wwvp] { display: flex !important; min-height: 3.2rem; align-items: center; gap: .6rem !important; padding: .65rem; color: #c7d4df !important; border: 1px solid #344657; border-radius: .3rem; background: #17222c; }
.check-grid input[b-k1lpg6wwvp], .check-card input[b-k1lpg6wwvp] { flex: 0 0 auto; width: 17px !important; min-height: 17px !important; height: 17px; padding: 0 !important; accent-color: var(--wf-blue); }
.check-card > span[b-k1lpg6wwvp] { display: grid; }
.check-card small[b-k1lpg6wwvp] { color: #91a5b7; font-size: .64rem; }
.job-picker[b-k1lpg6wwvp] { min-width: 0; margin: 0; border: 1px solid var(--wf-line); border-radius: .35rem; padding: .75rem; background: var(--wf-surface); }
.job-picker legend[b-k1lpg6wwvp] { padding: 0 .35rem; color: var(--wf-text); font-size: .74rem; font-weight: 750; }
.job-picker > p[b-k1lpg6wwvp] { margin: 0 0 .65rem; color: var(--wf-muted); font-size: .67rem; }
.job-picker > div[b-k1lpg6wwvp] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; max-height: 13rem; overflow-y: auto; }
.job-picker label[b-k1lpg6wwvp] { display: flex; min-width: 0; align-items: center; gap: .55rem; padding: .55rem; border: 1px solid var(--wf-line); border-radius: .3rem; background: var(--wf-surface-2); cursor: pointer; }
.job-picker input[b-k1lpg6wwvp] { flex: 0 0 auto; width: 17px !important; min-height: 17px !important; height: 17px; padding: 0 !important; accent-color: var(--wf-blue); }
.job-picker span[b-k1lpg6wwvp] { display: grid; min-width: 0; }
.job-picker small[b-k1lpg6wwvp] { overflow: hidden; color: var(--wf-muted); font-size: .62rem; text-overflow: ellipsis; white-space: nowrap; }
.compatibility-panel[b-k1lpg6wwvp] { margin: 0; color: #a7cbe9; border-color: #2d608b; background: #142a3d; }
.compatibility-panel strong[b-k1lpg6wwvp] { color: #d5eaff; }
.compatibility-panel small[b-k1lpg6wwvp] { color: #9ab6cc; }
.validation-summary[b-k1lpg6wwvp] { margin: 1rem 1.25rem 0; padding: .7rem; color: #ff9ba1; border: 1px solid #7c3940; border-radius: .3rem; background: #3b1d22; font-size: .72rem; }
.validation-summary ul[b-k1lpg6wwvp] { margin: 0; }
.drawer-footer[b-k1lpg6wwvp] { display: flex; position: sticky; z-index: 2; bottom: 0; align-items: center; justify-content: flex-end; gap: .5rem; padding: .8rem 1.25rem; border-top: 1px solid #2b3a49; background: #121d28; }
.drawer-footer > span:first-child[b-k1lpg6wwvp] { display: inline-flex; align-items: center; gap: .4rem; margin-right: auto; color: #8fa5b8; font-size: .64rem; }

@media (max-width: 1280px) {
    .workforce-filters[b-k1lpg6wwvp] { grid-template-columns: repeat(3, minmax(160px, 1fr)); }
    .search-field[b-k1lpg6wwvp] { grid-column: span 2; }
    .workforce-kpis[b-k1lpg6wwvp] { grid-template-columns: repeat(3, 1fr); }
    .allocation-board[b-k1lpg6wwvp] { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }
}

@media (max-width: 980px) {
    .workforce-hero[b-k1lpg6wwvp] { align-items: flex-start; flex-direction: column; }
    .hero-actions[b-k1lpg6wwvp] { width: 100%; justify-content: flex-start; }
    .people-head[b-k1lpg6wwvp] { display: none; }
    .people-row[b-k1lpg6wwvp] { display: grid; min-width: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; margin: .65rem; padding: .85rem; border: 1px solid #314251; border-radius: .38rem; background: #18242f; }
    .people-row > span:not(.person-cell):not(.row-actions)[b-k1lpg6wwvp]::before { content: attr(data-label); color: #71879a; font-size: .58rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
    .person-cell[b-k1lpg6wwvp] { grid-column: 1 / -1; }
    .row-actions[b-k1lpg6wwvp] { grid-column: 1 / -1; justify-content: flex-start; border-top: 1px solid #2d3e4c; padding-top: .55rem; }
    .alert-summary[b-k1lpg6wwvp] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 720px) {
    .workforce-page[b-k1lpg6wwvp] { padding: .7rem; }
    .workforce-filters[b-k1lpg6wwvp] { grid-template-columns: 1fr; }
    .search-field[b-k1lpg6wwvp] { grid-column: auto; }
    .workforce-kpis[b-k1lpg6wwvp] { grid-template-columns: 1fr; }
    .panel-commandbar[b-k1lpg6wwvp] { align-items: stretch; flex-direction: column; }
    .panel-commandbar > div:first-child[b-k1lpg6wwvp] { margin-right: 0; }
    .panel-commandbar > button[b-k1lpg6wwvp], .panel-commandbar > label[b-k1lpg6wwvp] { width: 100%; }
    .week-actions[b-k1lpg6wwvp] { width: 100%; }
    .week-actions button[b-k1lpg6wwvp] { flex: 1; }
    .people-row[b-k1lpg6wwvp] { grid-template-columns: 1fr; }
    .person-cell[b-k1lpg6wwvp], .row-actions[b-k1lpg6wwvp] { grid-column: auto; }
    .alert-summary[b-k1lpg6wwvp] { grid-template-columns: 1fr 1fr; }
    .alerts-list article[b-k1lpg6wwvp] { grid-template-columns: auto 1fr; }
    .alerts-list button[b-k1lpg6wwvp] { grid-column: 1 / -1; justify-content: center; }
    .requirements-strip > div[b-k1lpg6wwvp] { grid-template-columns: 1fr; }
    .requirements-strip button[b-k1lpg6wwvp] { grid-template-columns: 1fr auto; }
    .requirements-strip button > span:nth-child(2)[b-k1lpg6wwvp] { grid-column: 1; }
    .workforce-drawer[b-k1lpg6wwvp] { width: 100vw; }
    .form-grid[b-k1lpg6wwvp] { grid-template-columns: 1fr; }
    .span-2[b-k1lpg6wwvp], .span-3[b-k1lpg6wwvp] { grid-column: auto; }
    .check-grid[b-k1lpg6wwvp] { grid-template-columns: 1fr; }
    .drawer-footer[b-k1lpg6wwvp] { flex-wrap: wrap; }
    .drawer-footer > span:first-child[b-k1lpg6wwvp] { width: 100%; }
    .drawer-footer button[b-k1lpg6wwvp] { flex: 1; }
}

@media (max-width: 430px) {
    .hero-actions > button[b-k1lpg6wwvp] { width: 100%; }
    .workspace-tabs button[b-k1lpg6wwvp] { padding-inline: .75rem; }
    .workspace-tabs button span[b-k1lpg6wwvp] { display: none; }
    .alert-summary[b-k1lpg6wwvp] { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .workforce-page *[b-k1lpg6wwvp], .workforce-drawer *[b-k1lpg6wwvp] { scroll-behavior: auto !important; transition: none !important; }
}
/* /Presentation/Features/Manufacturing/Pages/ManufacturingWorkspace.razor.rz.scp.css */
.factory-page[b-btmnt69b5f] { --surface:#101821; --surface-2:#151f2a; --surface-3:#1a2734; --line:#2a3948; --text:#edf4fb; --muted:#95a8bb; --blue:#3296ed; min-height:calc(100vh - 8.5rem); padding:1.25rem; color:var(--text); background:#0c131b; }
.factory-hero[b-btmnt69b5f] { display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.factory-hero h1[b-btmnt69b5f] { margin:.25rem 0; font-size:clamp(1.65rem,2.5vw,2.35rem); font-weight:650; }
.factory-hero p[b-btmnt69b5f] { margin:0; color:var(--muted); }
.eyebrow[b-btmnt69b5f] { color:#5eb8ff; font-size:.68rem; font-weight:800; letter-spacing:.12em; }
.hero-actions[b-btmnt69b5f],.command-bar[b-btmnt69b5f] { display:flex; align-items:flex-end; gap:.55rem; }
.hero-actions label[b-btmnt69b5f] { display:grid; gap:.25rem; color:var(--muted); font-size:.67rem; }
select[b-btmnt69b5f],input[b-btmnt69b5f],textarea[b-btmnt69b5f] { color:var(--text); background:#0e151d; border:1px solid #394a5b; border-radius:.28rem; min-height:2.55rem; padding:.55rem .65rem; outline:none; }
select:focus[b-btmnt69b5f],input:focus[b-btmnt69b5f],textarea:focus[b-btmnt69b5f] { border-color:#3296ed; box-shadow:0 0 0 1px #3296ed; }
textarea[b-btmnt69b5f] { min-height:6rem; resize:vertical; }
.btn-primary[b-btmnt69b5f],.btn-secondary[b-btmnt69b5f],.icon-button[b-btmnt69b5f] { min-height:2.55rem; padding:.55rem .85rem; border-radius:.28rem; font-weight:650; cursor:pointer; border:1px solid transparent; }
.btn-primary[b-btmnt69b5f] { background:#2087e8; color:#fff; }.btn-primary:hover[b-btmnt69b5f] { background:#3296ed; }
.btn-secondary[b-btmnt69b5f] { color:#e7f0f8; background:#18232e; border-color:#334454; }.btn-secondary:hover[b-btmnt69b5f] { background:#213141; }
button:disabled[b-btmnt69b5f] { opacity:.48; cursor:not-allowed; }
.loading-state[b-btmnt69b5f],.empty-state[b-btmnt69b5f] { min-height:360px; display:grid; place-content:center; justify-items:center; gap:.7rem; color:var(--muted); text-align:center; }
.loading-state .spinner-border[b-btmnt69b5f] { color:#3296ed; }
.kpi-grid[b-btmnt69b5f] { display:grid; grid-template-columns:repeat(5,minmax(150px,1fr)); gap:.75rem; }
.kpi-grid article[b-btmnt69b5f] { display:grid; grid-template-columns:auto 1fr; column-gap:.7rem; align-items:center; background:var(--surface-2); border:1px solid var(--line); padding:.9rem; border-radius:.38rem; }
.kpi-grid small[b-btmnt69b5f],.kpi-grid em[b-btmnt69b5f] { color:var(--muted); font-style:normal; font-size:.7rem; }.kpi-grid strong[b-btmnt69b5f] { font-size:1.55rem; }.kpi-grid em[b-btmnt69b5f] { grid-column:2; }
.kpi-icon[b-btmnt69b5f] { grid-row:1/4; display:grid; place-content:center; width:42px; height:42px; border-radius:.35rem; font-size:1.15rem; }.kpi-icon.blue[b-btmnt69b5f] { color:#67b8ff;background:#173757; }.kpi-icon.amber[b-btmnt69b5f] { color:#f3bc47;background:#453719; }.kpi-icon.green[b-btmnt69b5f] { color:#5ed98a;background:#173c26; }.kpi-icon.purple[b-btmnt69b5f] { color:#b292f4;background:#30264b; }.kpi-icon.red[b-btmnt69b5f] { color:#ff818b;background:#482127; }
.dashboard-grid[b-btmnt69b5f] { display:grid; grid-template-columns:minmax(0,2fr) minmax(280px,1fr); gap:.8rem; margin-top:.8rem; }
.panel[b-btmnt69b5f] { background:var(--surface-2); border:1px solid var(--line); border-radius:.4rem; overflow:hidden; }.panel>header[b-btmnt69b5f] { display:flex; align-items:center; justify-content:space-between; min-height:4.2rem; padding:.75rem 1rem; border-bottom:1px solid var(--line); }.panel>header small[b-btmnt69b5f] { color:#5eb8ff; font-size:.63rem; font-weight:800; letter-spacing:.1em; }.panel>header h2[b-btmnt69b5f] { margin:.18rem 0 0; font-size:1.05rem; }.panel>header a[b-btmnt69b5f] { color:#67b7fa; text-decoration:none; }.panel>header>span[b-btmnt69b5f] { color:var(--muted); font-size:.72rem; }
.workspace-stack[b-btmnt69b5f] { display:grid; gap:.8rem; }.command-bar[b-btmnt69b5f] { background:var(--surface-2); border:1px solid var(--line); padding:.8rem; border-radius:.4rem; justify-content:flex-end; }.command-bar>div[b-btmnt69b5f] { display:grid; margin-right:auto; }.command-bar span[b-btmnt69b5f] { color:var(--muted); font-size:.75rem; }
.engineering-grid[b-btmnt69b5f] { display:grid; grid-template-columns:1fr 1fr; gap:.8rem; }.count[b-btmnt69b5f] { display:grid; place-content:center; min-width:26px; height:26px; border-radius:50%; background:#223446; color:#aad4f7!important; }
.card-list>div[b-btmnt69b5f],.stock-list>div[b-btmnt69b5f] { display:flex; align-items:center; gap:.65rem; padding:.7rem .85rem; border-bottom:1px solid #273542; }.card-list>div:last-child[b-btmnt69b5f],.stock-list>div:last-child[b-btmnt69b5f] { border:0; }.card-list>div>span:nth-child(2)[b-btmnt69b5f],.stock-list span[b-btmnt69b5f] { display:grid; min-width:0; }.card-list small[b-btmnt69b5f],.stock-list small[b-btmnt69b5f] { color:var(--muted); font-size:.68rem; }.card-list b[b-btmnt69b5f],.stock-list b[b-btmnt69b5f] { margin-left:auto; font-size:.75rem; white-space:nowrap; }.entity-icon[b-btmnt69b5f] { display:grid; place-content:center; width:34px;height:34px;border-radius:.3rem;background:#173754;color:#64b7fe; }
.definition-grid[b-btmnt69b5f],.asset-grid[b-btmnt69b5f] { display:grid; grid-template-columns:repeat(auto-fill,minmax(290px,1fr)); gap:.7rem; padding:.8rem; }.definition-grid>article[b-btmnt69b5f],.asset-grid>article[b-btmnt69b5f] { padding:.85rem; background:#182430; border:1px solid #304151; border-radius:.32rem; }.definition-grid>article>div[b-btmnt69b5f],.asset-grid>article>header[b-btmnt69b5f] { display:flex; justify-content:space-between; }.definition-grid h3[b-btmnt69b5f],.asset-grid h3[b-btmnt69b5f] { margin:.65rem 0 .25rem; }.definition-grid p[b-btmnt69b5f],.asset-grid p[b-btmnt69b5f] { color:var(--muted); margin:0 0 .8rem; }.definition-grid footer[b-btmnt69b5f] { display:flex; gap:.8rem; color:#a9bbcb; font-size:.68rem; }
.status[b-btmnt69b5f] { display:inline-flex; align-items:center; padding:.18rem .42rem; font-size:.66rem; border:1px solid; border-radius:1rem; white-space:nowrap; }.status.success[b-btmnt69b5f] { color:#64dc8e;border-color:#287a49;background:#153523; }.status.info[b-btmnt69b5f] { color:#70bcff;border-color:#27679d;background:#162d42; }.status.warning[b-btmnt69b5f] { color:#f3c45d;border-color:#7f6422;background:#352c18; }.status.danger[b-btmnt69b5f] { color:#ff858d;border-color:#8d3941;background:#3c1e22; }.status.neutral[b-btmnt69b5f] { color:#abb8c5;border-color:#445261;background:#202a34; }
.planning-summary[b-btmnt69b5f],.cost-kpis[b-btmnt69b5f],.quality-kpis[b-btmnt69b5f] { display:grid; grid-template-columns:repeat(3,1fr); gap:.7rem; }.planning-summary article[b-btmnt69b5f],.cost-kpis article[b-btmnt69b5f],.quality-kpis article[b-btmnt69b5f] { display:grid; padding:.8rem 1rem; background:var(--surface-2); border:1px solid var(--line); border-left:3px solid #3296ed; border-radius:.3rem; }.planning-summary small[b-btmnt69b5f],.cost-kpis small[b-btmnt69b5f] { color:#75bfff;font-size:.62rem;font-weight:800;letter-spacing:.08em; }.planning-summary strong[b-btmnt69b5f],.cost-kpis strong[b-btmnt69b5f],.quality-kpis strong[b-btmnt69b5f] { font-size:1.4rem; }.planning-summary span[b-btmnt69b5f],.quality-kpis span[b-btmnt69b5f] { color:var(--muted);font-size:.7rem; }.planning-summary article.risk[b-btmnt69b5f],.cost-kpis .negative[b-btmnt69b5f] { border-left-color:#ef616c; }.cost-kpis .positive[b-btmnt69b5f] { border-left-color:#45c575; }
.planning-board[b-btmnt69b5f] { display:grid; grid-template-columns:repeat(4,minmax(240px,1fr)); min-height:460px; overflow-x:auto; }.planning-board>section[b-btmnt69b5f] { padding:.6rem;border-right:1px solid var(--line);background:#111a23; }.planning-board>section>header[b-btmnt69b5f] { display:flex;gap:.45rem;align-items:center;padding:.35rem .2rem .7rem; }.planning-board>section>header b[b-btmnt69b5f] { margin-left:auto;color:var(--muted); }.state-dot[b-btmnt69b5f] { width:8px;height:8px;border-radius:50%; }.state-dot.success[b-btmnt69b5f] { background:#52cd7e; }.state-dot.info[b-btmnt69b5f] { background:#4aa8f7; }.state-dot.warning[b-btmnt69b5f] { background:#eab342; }.state-dot.danger[b-btmnt69b5f] { background:#ef6570; }.planning-board article[b-btmnt69b5f] { margin-bottom:.5rem;padding:.7rem;background:#1a2632;border:1px solid #324354;border-left:3px solid #3b9bf0;border-radius:.25rem; }.planning-board article>div[b-btmnt69b5f],.planning-board article footer[b-btmnt69b5f] { display:flex;justify-content:space-between; }.planning-board article p[b-btmnt69b5f] { color:var(--muted);font-size:.74rem; }.planning-board article footer[b-btmnt69b5f] { color:#aebdcb;font-size:.68rem; }.priority[b-btmnt69b5f] { color:#e8bc58; }
.data-table[b-btmnt69b5f] { min-width:760px; }.data-table>div[b-btmnt69b5f] { display:grid; align-items:center; gap:.65rem; padding:.68rem .85rem; border-bottom:1px solid #273542; font-size:.76rem; }.data-table .table-head[b-btmnt69b5f] { color:#8498ab; background:#111a23; font-size:.62rem; text-transform:uppercase; letter-spacing:.05em; }.order-table>div[b-btmnt69b5f] { grid-template-columns:130px minmax(200px,1.5fr) 105px 100px 115px 145px 70px; }.data-table strong[b-btmnt69b5f] { display:grid; }.data-table strong small[b-btmnt69b5f] { color:var(--muted);font-weight:400; }.row-actions[b-btmnt69b5f] { display:flex;gap:.3rem;justify-content:flex-end; }.row-actions button[b-btmnt69b5f],.icon-button[b-btmnt69b5f] { color:#a9c4dc;background:transparent;border:0;padding:.3rem; }.row-actions button:hover[b-btmnt69b5f],.icon-button:hover[b-btmnt69b5f] { color:#62b8ff; }
.shop-floor-grid[b-btmnt69b5f] { display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:.8rem; }.execution-card[b-btmnt69b5f] { padding:1rem;background:var(--surface-2);border:1px solid var(--line);border-top:3px solid #3296ed;border-radius:.35rem; }.execution-card.warning[b-btmnt69b5f] { border-top-color:#e8b23e; }.execution-card.success[b-btmnt69b5f] { border-top-color:#45c575; }.execution-card.danger[b-btmnt69b5f] { border-top-color:#ef626c; }.execution-card header[b-btmnt69b5f],.execution-card footer[b-btmnt69b5f] { display:flex;justify-content:space-between;align-items:center; }.execution-card header>span:first-child[b-btmnt69b5f] { display:grid; }.execution-card header small[b-btmnt69b5f] { color:#75bfff;font-size:.6rem; }.execution-card h2[b-btmnt69b5f] { margin:1rem 0 .2rem;font-size:1.15rem; }.execution-card>p[b-btmnt69b5f] { margin:0;color:var(--muted);font-size:.75rem; }.progress-row[b-btmnt69b5f] { height:7px;background:#273542;margin:1rem 0;border-radius:5px;overflow:hidden; }.progress-row span[b-btmnt69b5f] { display:block;height:100%;width:var(--progress);background:#3ba0f5; }.quantity-row[b-btmnt69b5f] { display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:1rem; }.quantity-row span[b-btmnt69b5f] { display:grid;border-right:1px solid var(--line);padding:.25rem .65rem; }.quantity-row span:first-child[b-btmnt69b5f] { padding-left:0; }.quantity-row span:last-child[b-btmnt69b5f] { border:0; }.quantity-row small[b-btmnt69b5f] { color:var(--muted);font-size:.65rem; }
.quality-kpis[b-btmnt69b5f] { grid-template-columns:repeat(4,1fr); }.quality-kpis article[b-btmnt69b5f] { text-align:center; border-left:1px solid var(--line); }.quality-kpis .success[b-btmnt69b5f] { border-top:3px solid #45c575; }.quality-kpis .danger[b-btmnt69b5f] { border-top:3px solid #ef626c; }.quality-table>div[b-btmnt69b5f],.maintenance-table>div[b-btmnt69b5f] { grid-template-columns:120px 100px minmax(150px,1fr) 80px 80px 150px 100px; }.asset-grid[b-btmnt69b5f] { padding:0; }.asset-grid dl[b-btmnt69b5f] { display:grid;gap:.4rem;margin:0; }.asset-grid dl>div[b-btmnt69b5f] { display:flex;justify-content:space-between;border-top:1px solid #2d3b49;padding-top:.4rem; }.asset-grid dt[b-btmnt69b5f] { color:var(--muted);font-size:.68rem; }.asset-grid dd[b-btmnt69b5f] { margin:0;font-size:.72rem; }.cost-table>div[b-btmnt69b5f] { grid-template-columns:120px minmax(180px,1fr) 130px 140px 120px 120px; }.danger-text[b-btmnt69b5f] { color:#ff7680!important; }.success-text[b-btmnt69b5f] { color:#58d482!important; }
.drawer-backdrop[b-btmnt69b5f] { position:fixed;inset:0;z-index:30000;background:rgb(0 0 0 / 70%);backdrop-filter:blur(2px); }.factory-drawer[b-btmnt69b5f] { position:fixed;z-index:30001;inset:0 0 0 auto;width:min(780px,94vw);background:#101923;border-left:1px solid #334454;box-shadow:-1rem 0 3rem rgb(0 0 0 / 40%);overflow-y:auto; }.factory-drawer>header[b-btmnt69b5f] { display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:2;padding:1rem 1.25rem;background:#121d28;border-bottom:1px solid var(--line); }.factory-drawer h2[b-btmnt69b5f] { margin:.25rem 0 0;font-size:1.35rem; }.factory-drawer .icon-button[b-btmnt69b5f] { font-size:1.15rem; }.drawer-content[b-btmnt69b5f] { padding:1.25rem; }.form-grid[b-btmnt69b5f] { display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem; }.form-grid label[b-btmnt69b5f] { display:grid;gap:.3rem;color:#a9bacb;font-size:.7rem; }.span-2[b-btmnt69b5f] { grid-column:span 2; }.span-3[b-btmnt69b5f] { grid-column:1/-1; }.form-section[b-btmnt69b5f] { border:1px solid var(--line);padding:.75rem;border-radius:.3rem; }.form-section>header[b-btmnt69b5f] { display:flex;justify-content:space-between;margin-bottom:.55rem; }.form-section>header button[b-btmnt69b5f] { color:#65b7fb;background:transparent;border:0; }.inline-fields[b-btmnt69b5f] { display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:.45rem;margin-top:.45rem; }.drawer-footer[b-btmnt69b5f] { display:flex;justify-content:flex-end;gap:.5rem;position:sticky;bottom:0;margin:1.2rem -1.25rem -1.25rem;padding:.8rem 1.25rem;background:#121d28;border-top:1px solid var(--line); }.validation-summary[b-btmnt69b5f] { grid-column:1/-1;color:#ff858d;background:#3b1c22;border:1px solid #7a343c;padding:.65rem;margin-bottom:.8rem; }.validation-summary ul[b-btmnt69b5f] { margin:0; }.info-banner[b-btmnt69b5f] { display:flex;gap:.7rem;background:#142a3e;border:1px solid #285a86;padding:.75rem;color:#9dccf2; }.info-banner span[b-btmnt69b5f] { display:grid; }
@media(max-width:1200px){.kpi-grid[b-btmnt69b5f]{grid-template-columns:repeat(3,1fr)}.factory-hero[b-btmnt69b5f]{align-items:flex-start;flex-direction:column}.hero-actions[b-btmnt69b5f]{width:100%;flex-wrap:wrap}.planning-board[b-btmnt69b5f]{grid-template-columns:repeat(4,280px)}}
@media(max-width:800px){.factory-page[b-btmnt69b5f]{padding:.7rem}.kpi-grid[b-btmnt69b5f],.engineering-grid[b-btmnt69b5f],.dashboard-grid[b-btmnt69b5f],.planning-summary[b-btmnt69b5f],.cost-kpis[b-btmnt69b5f],.quality-kpis[b-btmnt69b5f]{grid-template-columns:1fr}.command-bar[b-btmnt69b5f]{flex-wrap:wrap;justify-content:flex-start}.command-bar>div[b-btmnt69b5f]{width:100%}.form-grid[b-btmnt69b5f]{grid-template-columns:1fr}.span-2[b-btmnt69b5f],.span-3[b-btmnt69b5f]{grid-column:1}.inline-fields[b-btmnt69b5f]{grid-template-columns:1fr}.data-table[b-btmnt69b5f]{overflow-x:auto}.factory-drawer[b-btmnt69b5f]{width:100vw}}
/* /Presentation/Features/Settings/Settings.razor.rz.scp.css */
.settings-page .card[b-hjr2xeccoi] {
    border-radius: 6px;
}

.settings-page .card-header[b-hjr2xeccoi] {
    font-size: 14px;
    font-weight: 700;
}

.settings-list[b-hjr2xeccoi] {
    display: grid;
    grid-template-columns: minmax(130px, 180px) minmax(0, 1fr);
    gap: 12px 18px;
    margin: 0;
}

.settings-list dt[b-hjr2xeccoi] {
    color: #8f9aa8;
    font-size: 12px;
    font-weight: 700;
}

.settings-list dd[b-hjr2xeccoi] {
    margin: 0;
    min-width: 0;
    color: #f8f9fa;
    font-size: 13px;
    overflow-wrap: anywhere;
}

@media (max-width: 768px) {
    .settings-list[b-hjr2xeccoi] {
        grid-template-columns: 1fr;
        gap: 4px 0;
    }
}
/* /Presentation/Features/User/Components/LoginForm.razor.rz.scp.css */
body[b-elyc1t0jr8] {
}
/* /Presentation/Features/User/Pages/DesktopGoogleLogin.razor.rz.scp.css */
.desktop-google-login[b-3phl3lnsos] {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 2rem 1rem;
    color: #f3f7fb;
    background:
        radial-gradient(circle at 80% 10%, rgba(36, 148, 255, 0.18), transparent 34rem),
        radial-gradient(circle at 8% 90%, rgba(22, 199, 154, 0.08), transparent 28rem),
        #08111d;
}

.desktop-google-login__card[b-3phl3lnsos] {
    width: min(100%, 25rem);
    padding: 2rem;
    border: 1px solid #27384a;
    border-radius: 0.75rem;
    background: #101c29;
    box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.38);
}

.desktop-google-login__brand[b-3phl3lnsos] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 2rem;
    font-size: 1.15rem;
    font-weight: 800;
    letter-spacing: 0.055em;
}

.desktop-google-login__brand img[b-3phl3lnsos] {
    width: 2.75rem;
    height: 2.75rem;
    object-fit: contain;
}

.desktop-google-login__eyebrow[b-3phl3lnsos] {
    color: #4ba8ff;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.13em;
}

.desktop-google-login h1[b-3phl3lnsos] {
    margin: 0.55rem 0 0.75rem;
    color: #f3f7fb;
    font-size: clamp(1.8rem, 7vw, 2.35rem);
    line-height: 1.05;
}

.desktop-google-login p[b-3phl3lnsos],
.desktop-google-login small[b-3phl3lnsos] {
    color: #a8bacb;
}

.desktop-google-login p[b-3phl3lnsos] {
    margin-bottom: 1.5rem;
}

.desktop-google-login small[b-3phl3lnsos] {
    display: block;
    margin-top: 1.25rem;
    line-height: 1.5;
}

.desktop-google-login__status[b-3phl3lnsos] {
    padding: 0.85rem 1rem;
    border: 1px solid rgba(36, 148, 255, 0.4);
    border-radius: 0.5rem;
    color: #dcecff;
    background: rgba(36, 148, 255, 0.1);
    text-align: center;
}
/* /Presentation/Features/Workshop/Components/DataCard.razor.rz.scp.css */
.data-card[b-dghdz205gl]{background:linear-gradient(145deg,#1d232b,#171c22);border:1px solid #303943;border-radius:16px;overflow:hidden}.data-card>header[b-dghdz205gl]{display:flex;justify-content:space-between;padding:1rem 1.15rem;border-bottom:1px solid #303943}.data-card h5[b-dghdz205gl]{margin:.15rem 0 0}.data-card header span[b-dghdz205gl]{color:#43d18b;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em}.data-body[b-dghdz205gl]{padding:1rem}
/* /Presentation/Features/Workshop/Components/FormCard.razor.rz.scp.css */
.form-card[b-7cn3nnaajc]{background:linear-gradient(145deg,#1d232b,#171c22);border:1px solid #303943;border-radius:16px;padding:1.1rem}.form-card header[b-7cn3nnaajc]{display:flex;align-items:center;gap:.6rem;padding-bottom:.8rem;margin-bottom:.8rem;border-bottom:1px solid #303943}.form-card header i[b-7cn3nnaajc]{color:#43d18b}.form-card h5[b-7cn3nnaajc]{margin:0}
/* /Presentation/Features/Workshop/Components/KpiCard.razor.rz.scp.css */
.kpi[b-0omkh73qw2]{height:100%;display:flex;align-items:center;gap:1rem;padding:1rem;background:#1a2027;border:1px solid #303943;border-radius:15px}.kpi-icon[b-0omkh73qw2]{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;font-size:1.2rem}.kpi>div:last-child[b-0omkh73qw2]{display:flex;flex-direction:column}.kpi span[b-0omkh73qw2],.kpi small[b-0omkh73qw2]{color:#8f9baa}.kpi strong[b-0omkh73qw2]{font-size:1.35rem}.green .kpi-icon[b-0omkh73qw2]{background:#203e32;color:#65dfa0}.blue .kpi-icon[b-0omkh73qw2]{background:#20384b;color:#66bcec}.violet .kpi-icon[b-0omkh73qw2]{background:#342d4d;color:#b8a0fa}.amber .kpi-icon[b-0omkh73qw2]{background:#493a23;color:#f2bb67}
/* /Presentation/Features/Workshop/Pages/Dashboard.razor.rz.scp.css */
.workshop-page[b-euz3gde6pc]{--wk-bg:#15191f;--wk-panel:#1c222a;--wk-line:#303943;--wk-muted:#8f9baa;--wk-green:#43d18b;color:#f4f7f9}.workshop-kicker[b-euz3gde6pc],.eyebrow[b-euz3gde6pc]{color:var(--wk-green);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.workshop-tabs[b-euz3gde6pc]{display:flex;gap:.45rem;overflow:auto;padding:.4rem;background:#11151a;border:1px solid var(--wk-line);border-radius:14px}.workshop-tabs a[b-euz3gde6pc]{display:flex;align-items:center;gap:.45rem;padding:.65rem .85rem;border-radius:10px;color:#aab4c0;text-decoration:none;white-space:nowrap;font-size:.86rem}.workshop-tabs a:hover[b-euz3gde6pc],.workshop-tabs a.active[b-euz3gde6pc]{background:#29322f;color:#72e7ad}.workshop-card[b-euz3gde6pc]{background:linear-gradient(145deg,#1d232b,#171c22);border:1px solid var(--wk-line);border-radius:16px;padding:1.15rem;box-shadow:0 15px 35px rgba(0,0,0,.16)}.card-head[b-euz3gde6pc]{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.1rem}.card-head h5[b-euz3gde6pc]{margin:.2rem 0 0}.formula-chip[b-euz3gde6pc],.time-pill[b-euz3gde6pc]{border:1px solid #3d564c;background:#1e332b;color:#75e3ae;padding:.35rem .65rem;border-radius:999px;font-size:.75rem}.workflow-grid[b-euz3gde6pc]{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.workflow-step[b-euz3gde6pc]{position:relative;display:flex;flex-direction:column;gap:.35rem;padding:1rem;border:1px solid var(--wk-line);border-radius:13px;color:#fff;text-decoration:none;background:#181e25}.workflow-step:hover[b-euz3gde6pc]{border-color:#4e806b;transform:translateY(-2px)}.workflow-step span[b-euz3gde6pc]{font-size:.78rem;color:var(--wk-muted)}.workflow-step>.bi-arrow-right[b-euz3gde6pc]{position:absolute;right:.8rem;top:.8rem}.workflow-icon[b-euz3gde6pc]{width:38px;height:38px;display:grid;place-items:center;background:#243e34;color:#66e0a5;border-radius:10px}.directory-stats[b-euz3gde6pc]{display:grid;gap:.55rem}.directory-stats>div[b-euz3gde6pc]{display:grid;grid-template-columns:32px 1fr auto;align-items:center;padding:.72rem;border-bottom:1px solid var(--wk-line)}.directory-stats i[b-euz3gde6pc]{color:var(--wk-green)}.result-card[b-euz3gde6pc]{background:radial-gradient(circle at top right,#214b3a,#1a2224 52%)}.result-main[b-euz3gde6pc]{display:flex;flex-direction:column;padding:1.5rem 0;border-bottom:1px solid #365146}.result-main small[b-euz3gde6pc]{color:#a8b8b0}.result-main strong[b-euz3gde6pc]{font-size:2.25rem;color:#79ecb5}.result-row[b-euz3gde6pc]{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.08)}[b-euz3gde6pc] .form-control,[b-euz3gde6pc] .form-select{background:#12171c;color:#f5f7f8;border-color:#37414c}[b-euz3gde6pc] .form-control:focus,[b-euz3gde6pc] .form-select:focus{background:#151b21;color:#fff;border-color:#49bd83;box-shadow:0 0 0 .2rem rgba(67,209,139,.12)}[b-euz3gde6pc] .form-label{font-size:.78rem;color:#aab4c0;margin-bottom:.3rem}[b-euz3gde6pc] .validation-message{color:#ff8181;font-size:.75rem}.workshop-table[b-euz3gde6pc]{--bs-table-bg:transparent;--bs-table-color:#e8edf1;--bs-table-border-color:var(--wk-line);margin:0}.workshop-table th[b-euz3gde6pc]{color:#8f9baa;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}.workshop-table td[b-euz3gde6pc]{vertical-align:middle}.workshop-table small[b-euz3gde6pc]{display:block;color:var(--wk-muted);font-size:.75rem}.btn-ghost[b-euz3gde6pc]{color:#bfc8d1;border:1px solid var(--wk-line)}.filter-box[b-euz3gde6pc]{max-width:280px}.import-box[b-euz3gde6pc],.line-builder[b-euz3gde6pc]{padding:1rem;border:1px dashed #496255;background:#151c1a;border-radius:12px}.vehicle-grid[b-euz3gde6pc],.mechanic-grid[b-euz3gde6pc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.7rem}.vehicle-card[b-euz3gde6pc],.mechanic-card[b-euz3gde6pc]{display:flex;align-items:center;gap:.75rem;text-align:left;background:#171d23;color:#fff;border:1px solid var(--wk-line);border-radius:12px;padding:.85rem}.vehicle-card:hover[b-euz3gde6pc],.mechanic-card:hover[b-euz3gde6pc]{border-color:#4f8a70}.vehicle-card i[b-euz3gde6pc]{font-size:1.35rem;color:#5fe2a1}.vehicle-card span[b-euz3gde6pc],.mechanic-card span[b-euz3gde6pc]{display:flex;flex-direction:column}.vehicle-card small[b-euz3gde6pc],.mechanic-card small[b-euz3gde6pc]{color:var(--wk-muted)}.avatar[b-euz3gde6pc]{width:42px;height:42px;display:grid!important;place-items:center;background:#254739;border-radius:50%;color:#72e7ad;font-weight:800}.mechanic-card .metric[b-euz3gde6pc]{margin-left:auto;text-align:right;color:#73e7ad;font-weight:800}.quote-list[b-euz3gde6pc]{display:grid;gap:.7rem}.quote-card[b-euz3gde6pc]{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:1rem;padding:.9rem;border:1px solid var(--wk-line);background:#171d23;border-radius:13px}.quote-card>div:first-child[b-euz3gde6pc],.quote-value[b-euz3gde6pc]{display:flex;flex-direction:column;gap:.15rem}.quote-card small[b-euz3gde6pc]{color:var(--wk-muted)}.quote-actions[b-euz3gde6pc]{display:flex;gap:.3rem}.quote-actions button[b-euz3gde6pc],.quote-actions a[b-euz3gde6pc],.quote-lines button[b-euz3gde6pc]{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--wk-line);background:#222a33;color:#d9e1e7;border-radius:8px;text-decoration:none}.status-pill[b-euz3gde6pc]{width:max-content;border-radius:999px;padding:.2rem .5rem;font-size:.67rem;font-weight:800;text-transform:uppercase}.status-draft[b-euz3gde6pc]{background:#303740;color:#c4cbd3}.status-sent[b-euz3gde6pc]{background:#1c3950;color:#69bde8}.status-approved[b-euz3gde6pc],.status-completed[b-euz3gde6pc]{background:#1f4535;color:#62dfa0}.status-rejected[b-euz3gde6pc],.status-cancelled[b-euz3gde6pc]{background:#4a2529;color:#ff8f99}.quote-lines[b-euz3gde6pc]{margin-top:1rem;border-top:1px solid var(--wk-line)}.quote-lines>div[b-euz3gde6pc]{display:grid;grid-template-columns:1fr auto 32px;gap:.6rem;align-items:center;padding:.55rem 0;border-bottom:1px solid var(--wk-line)}.quote-lines span[b-euz3gde6pc]{display:flex;gap:.5rem}.quote-total-preview[b-euz3gde6pc]{display:flex;justify-content:space-between;padding:.8rem 0;font-size:1.05rem}.audit-summary[b-euz3gde6pc]{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid #415d50;background:#192720;border-radius:12px}.audit-summary>i[b-euz3gde6pc]{font-size:1.6rem;color:#64dfa0}.audit-summary div[b-euz3gde6pc]{display:flex;flex-direction:column}.audit-summary span[b-euz3gde6pc]{color:var(--wk-muted)}.workshop-loading[b-euz3gde6pc]{min-height:320px;display:grid;place-content:center;justify-items:center;gap:1rem;color:var(--wk-muted)}
@media(max-width:1100px){.workflow-grid[b-euz3gde6pc]{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.workflow-grid[b-euz3gde6pc]{grid-template-columns:1fr}.quote-card[b-euz3gde6pc]{grid-template-columns:1fr}.quote-actions[b-euz3gde6pc]{flex-wrap:wrap}.workshop-tabs a span[b-euz3gde6pc]{display:none}.workshop-tabs a[b-euz3gde6pc]{font-size:1rem}.card-head[b-euz3gde6pc]{flex-direction:column}}
/* /Presentation/Features/Workshop/Pages/PublicQuote.razor.rz.scp.css */
.public-quote[b-zpixd9riw0]{min-height:100vh;background:radial-gradient(circle at 15% 0,#1f4938,#0d1115 40%);padding:2rem 1rem;color:#eaf0f3}.quote-document[b-zpixd9riw0]{max-width:920px;margin:auto;background:#171d23;border:1px solid #34404a;border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.45);overflow:hidden}.quote-document>header[b-zpixd9riw0]{display:flex;justify-content:space-between;gap:1rem;padding:1.5rem;background:#1d252c;border-bottom:1px solid #34404a}.quote-document>header>div:first-child[b-zpixd9riw0]{display:flex;gap:1rem;align-items:center}.brand-mark[b-zpixd9riw0]{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:#285440;color:#6ce7aa;font-size:1.5rem}.quote-document h2[b-zpixd9riw0]{margin:0}.quote-document header small[b-zpixd9riw0],.quote-meta small[b-zpixd9riw0],.notes small[b-zpixd9riw0]{color:#7ce8b3;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.number[b-zpixd9riw0]{display:flex;flex-direction:column;align-items:flex-end}.quote-meta[b-zpixd9riw0]{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1.2rem 1.5rem;border-bottom:1px solid #34404a}.quote-meta>div[b-zpixd9riw0]{display:flex;flex-direction:column}.quote-document table[b-zpixd9riw0]{width:100%;border-collapse:collapse}.quote-document th[b-zpixd9riw0],.quote-document td[b-zpixd9riw0]{padding:.85rem 1rem;border-bottom:1px solid #303943}.quote-document th[b-zpixd9riw0]{color:#8995a2;font-size:.72rem;text-transform:uppercase;text-align:left}.quote-document td:first-child[b-zpixd9riw0]{display:flex;gap:.65rem}.quote-document td:first-child i[b-zpixd9riw0]{color:#61dda1}.quote-document td span[b-zpixd9riw0]{display:flex;flex-direction:column}.quote-document td small[b-zpixd9riw0]{color:#8995a2}.totals[b-zpixd9riw0]{max-width:360px;margin-left:auto;padding:1rem 1.5rem}.totals>div[b-zpixd9riw0]{display:flex;justify-content:space-between;padding:.4rem}.totals .grand[b-zpixd9riw0]{font-size:1.35rem;border-top:1px solid #46535e;margin-top:.4rem;padding-top:.8rem;color:#6de6a9}.notes[b-zpixd9riw0],.decision[b-zpixd9riw0]{margin:0 1.5rem 1.5rem;padding:1rem;background:#12171c;border:1px solid #303943;border-radius:12px}.notes p[b-zpixd9riw0]{margin:.4rem 0 0}.decision label[b-zpixd9riw0]{font-size:.78rem;color:#aeb8c1;margin:.55rem 0 .25rem}.decision .form-control[b-zpixd9riw0]{background:#0f1418;border-color:#38444e;color:#fff}.actions[b-zpixd9riw0]{display:flex;gap:.6rem;margin-top:1rem}.decision-result[b-zpixd9riw0]{display:flex;align-items:center;gap:.8rem;margin:0 1.5rem 1.5rem;padding:1rem;border-radius:12px}.decision-result i[b-zpixd9riw0]{font-size:1.6rem}.decision-result div[b-zpixd9riw0]{display:flex;flex-direction:column}.decision-result.approved[b-zpixd9riw0]{background:#193326;color:#71e5aa}.decision-result.rejected[b-zpixd9riw0]{background:#3b2024;color:#ff969f}.quote-document footer[b-zpixd9riw0]{text-align:center;color:#71808d;font-size:.75rem;padding:1rem;border-top:1px solid #303943}.status[b-zpixd9riw0]{padding:.2rem .5rem;border-radius:99px;font-size:.68rem;margin-top:.3rem}.status-approved[b-zpixd9riw0],.status-completed[b-zpixd9riw0]{background:#204936;color:#71e5aa}.status-sent[b-zpixd9riw0],.status-draft[b-zpixd9riw0]{background:#29343e;color:#aebac4}.status-rejected[b-zpixd9riw0],.status-cancelled[b-zpixd9riw0]{background:#4a2529;color:#ff969f}.state-card[b-zpixd9riw0]{min-height:70vh;display:grid;place-content:center;justify-items:center;gap:.7rem}.state-card>i[b-zpixd9riw0]{font-size:2rem;color:#ff949d}@media(max-width:700px){.quote-document>header[b-zpixd9riw0]{flex-direction:column}.number[b-zpixd9riw0]{align-items:flex-start}.quote-meta[b-zpixd9riw0]{grid-template-columns:1fr 1fr}.quote-document th:nth-child(2)[b-zpixd9riw0],.quote-document td:nth-child(2)[b-zpixd9riw0]{display:none}.actions[b-zpixd9riw0]{flex-direction:column}}
/* /Presentation/Features/Workshop/Pages/Tracking.razor.rz.scp.css */
.tracking-admin-page[b-8j0t3f1cws] { max-width: 1450px; margin: 0 auto; color: #edf7f8; }
.tracking-admin-header[b-8j0t3f1cws] { display: flex; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; padding: 1.5rem; border: 1px solid #1a3a48; border-radius: 1.25rem; background: radial-gradient(circle at 90% 10%, rgba(80,227,164,.14), transparent 32%), #071923; }
.tracking-admin-header span[b-8j0t3f1cws] { color: #50e3a4; font-size: .72rem; font-weight: 900; letter-spacing: .09em; }
.tracking-admin-header h1[b-8j0t3f1cws] { margin: .3rem 0; font-size: clamp(1.7rem, 4vw, 2.5rem); }
.tracking-admin-header p[b-8j0t3f1cws], .tracking-panel-title p[b-8j0t3f1cws] { margin: 0; color: #91a5b1; }
.tracking-refresh[b-8j0t3f1cws], .tracking-primary[b-8j0t3f1cws], .tracking-warning[b-8j0t3f1cws] { align-self: center; display: inline-flex; align-items: center; gap: .45rem; padding: .65rem .9rem; border-radius: .7rem; font-weight: 800; }
.tracking-refresh[b-8j0t3f1cws] { border: 1px solid #29505e; color: #c9d7dc; background: #0c2632; }
.tracking-primary[b-8j0t3f1cws] { border: 0; color: #031a13; background: #50e3a4; }
.tracking-warning[b-8j0t3f1cws] { border: 1px solid #ffc96b; color: #ffe2a8; background: #4a3717; }
.tracking-loading[b-8j0t3f1cws] { display: flex; min-height: 280px; align-items: center; justify-content: center; gap: .6rem; color: #91a5b1; }
.tracking-kpis[b-8j0t3f1cws] { display: grid; grid-template-columns: repeat(4, 1fr); gap: .8rem; margin-bottom: 1rem; }
.tracking-kpis article[b-8j0t3f1cws] { display: grid; grid-template-columns: auto 1fr; gap: .1rem .7rem; padding: 1rem; border: 1px solid #1a3948; border-radius: 1rem; background: #0a202c; }
.tracking-kpis i[b-8j0t3f1cws] { grid-row: 1/3; align-self: center; color: #50e3a4; font-size: 1.4rem; }
.tracking-kpis span[b-8j0t3f1cws] { color: #8fa3ae; font-size: .72rem; }
.tracking-kpis strong[b-8j0t3f1cws] { font-size: 1.35rem; }
.tracking-admin-grid[b-8j0t3f1cws] { display: grid; grid-template-columns: minmax(320px, .85fr) minmax(420px, 1.15fr); gap: 1rem; }
.tracking-panel[b-8j0t3f1cws] { margin-bottom: 1rem; padding: 1.15rem; border: 1px solid #1a3948; border-radius: 1.1rem; background: #081e2a; }
.tracking-commerce[b-8j0t3f1cws] { margin-bottom: 1rem; }
.tracking-purchase-list[b-8j0t3f1cws] { margin-top: 1rem; }
.tracking-purchase-list h3[b-8j0t3f1cws] { margin-bottom: .75rem; color: #edf7f8; font-size: .9rem; }
.tracking-purchase-row[b-8j0t3f1cws] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: .65rem; padding: .8rem 1rem; border: 1px solid rgba(148,163,184,.16); border-radius: .85rem; background: rgba(255,255,255,.035); }
.tracking-purchase-row div[b-8j0t3f1cws] { display: grid; gap: .2rem; }
.tracking-purchase-row span[b-8j0t3f1cws] { color: #94a3b8; font-size: .78rem; }
.tracking-panel-title[b-8j0t3f1cws] { display: flex; gap: .75rem; margin-bottom: 1rem; }
.tracking-panel-title > i[b-8j0t3f1cws] { color: #50e3a4; font-size: 1.45rem; }
.tracking-panel-title h2[b-8j0t3f1cws] { margin: 0; font-size: 1.05rem; }
.tracking-panel-title p[b-8j0t3f1cws] { font-size: .78rem; }
.tracking-form-grid[b-8j0t3f1cws], .tracking-action-form[b-8j0t3f1cws] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; margin-bottom: .9rem; }
.tracking-form-grid label[b-8j0t3f1cws], .tracking-action-form label[b-8j0t3f1cws], .tracking-safety-box label[b-8j0t3f1cws] { display: flex; flex-direction: column; gap: .3rem; color: #9eb0ba; font-size: .72rem; }
.tracking-form-grid input[b-8j0t3f1cws], .tracking-action-form input[b-8j0t3f1cws], .tracking-action-form select[b-8j0t3f1cws], .tracking-safety-box textarea[b-8j0t3f1cws] { min-height: 42px; padding: .55rem .65rem; border: 1px solid #264654; border-radius: .65rem; color: #edf7f8; background: #0c2733; }
.tracking-device-list[b-8j0t3f1cws] { display: grid; gap: .55rem; max-height: 430px; overflow: auto; }
.tracking-device[b-8j0t3f1cws] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .7rem; width: 100%; padding: .8rem; border: 1px solid #1d3a47; border-radius: .8rem; color: #edf7f8; text-align: left; background: #0b2632; }
.tracking-device.selected[b-8j0t3f1cws] { border-color: #50e3a4; background: #0c302b; }
.tracking-device > i[b-8j0t3f1cws] { color: #50e3a4; font-size: 1.2rem; }
.tracking-device div[b-8j0t3f1cws] { display: flex; min-width: 0; flex-direction: column; }
.tracking-device div span[b-8j0t3f1cws] { overflow: hidden; color: #89a0ac; font-size: .7rem; text-overflow: ellipsis; white-space: nowrap; }
.tracking-status[b-8j0t3f1cws] { padding: .25rem .45rem; border-radius: 999px; font-size: .65rem; font-weight: 800; }
.tracking-status.ordered[b-8j0t3f1cws] { color: #ffc96b; background: rgba(255,201,107,.12); }
.tracking-status.instock[b-8j0t3f1cws], .tracking-status.provisioned[b-8j0t3f1cws] { color: #65cfef; background: rgba(83,187,220,.12); }
.tracking-status.installed[b-8j0t3f1cws] { color: #50e3a4; background: rgba(80,227,164,.12); }
.tracking-empty[b-8j0t3f1cws] { padding: 2rem; border: 1px dashed #2b4d5a; border-radius: .8rem; color: #91a5b1; text-align: center; }
.tracking-steps[b-8j0t3f1cws] { display: grid; grid-template-columns: repeat(4, 1fr); gap: .6rem; margin: 0 0 1rem; padding: 0; list-style: none; }
.tracking-steps li[b-8j0t3f1cws] { display: flex; align-items: center; gap: .55rem; padding: .7rem; border: 1px solid #213d49; border-radius: .75rem; color: #728996; }
.tracking-steps li > span[b-8j0t3f1cws] { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 999px; background: #17303c; font-weight: 900; }
.tracking-steps li div[b-8j0t3f1cws] { display: flex; flex-direction: column; }
.tracking-steps li small[b-8j0t3f1cws] { font-size: .65rem; }
.tracking-steps li.done[b-8j0t3f1cws] { border-color: rgba(80,227,164,.4); color: #c9f6e3; background: rgba(80,227,164,.06); }
.tracking-steps li.done > span[b-8j0t3f1cws] { color: #042017; background: #50e3a4; }
.tracking-action-form .tracking-primary[b-8j0t3f1cws] { align-self: end; min-height: 42px; }
.tracking-callout[b-8j0t3f1cws], .tracking-installed-summary[b-8j0t3f1cws] { display: flex; align-items: center; gap: .8rem; margin-bottom: .8rem; padding: .8rem; border: 1px solid #235066; border-radius: .8rem; background: #0b2b39; }
.tracking-callout i[b-8j0t3f1cws], .tracking-installed-summary i[b-8j0t3f1cws] { color: #50e3a4; font-size: 1.5rem; }
.tracking-callout div[b-8j0t3f1cws], .tracking-installed-summary div[b-8j0t3f1cws] { display: flex; flex-direction: column; }
.tracking-callout span[b-8j0t3f1cws], .tracking-installed-summary span[b-8j0t3f1cws] { color: #91a5b1; font-size: .72rem; }
.tracking-safety-box[b-8j0t3f1cws] { padding: 1rem; border: 1px solid #8e6a2b; border-radius: .9rem; background: #2c2312; }
.tracking-safety-box > div > i[b-8j0t3f1cws] { margin-right: .45rem; color: #ffc96b; }
.tracking-safety-box p[b-8j0t3f1cws] { color: #d3bf96; font-size: .75rem; }
.tracking-checkbox[b-8j0t3f1cws] { flex-direction: row !important; align-items: center; margin: .45rem 0; }
.tracking-checkbox input[b-8j0t3f1cws] { accent-color: #50e3a4; }
.tracking-feedback[b-8j0t3f1cws] { position: sticky; bottom: 1rem; padding: .8rem 1rem; border-radius: .75rem; font-weight: 700; }
.tracking-feedback.success[b-8j0t3f1cws] { color: #d8faea; background: #14563f; }
.tracking-feedback.failed[b-8j0t3f1cws] { color: #ffe1e2; background: #752e35; }

@media (max-width: 900px) { .tracking-kpis[b-8j0t3f1cws] { grid-template-columns: repeat(2, 1fr); } .tracking-admin-grid[b-8j0t3f1cws] { grid-template-columns: 1fr; } .tracking-steps[b-8j0t3f1cws] { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .tracking-admin-header[b-8j0t3f1cws], .tracking-purchase-row[b-8j0t3f1cws] { align-items: stretch; flex-direction: column; } .tracking-kpis[b-8j0t3f1cws], .tracking-form-grid[b-8j0t3f1cws], .tracking-action-form[b-8j0t3f1cws] { grid-template-columns: 1fr; } }
/* /Presentation/Layout/MainLayout.razor.rz.scp.css */
.page[b-wy8ixof798] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.layout-shell[b-wy8ixof798] {
    --app-footer-height: 40px;
    --app-navbar-height: 56px;
    --app-sidebar-width: 260px;
    --app-sidebar-collapsed-width: 70px;
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

.container[b-wy8ixof798] {
    margin-left: 10px;
}

main[b-wy8ixof798] {
    min-width: 0;
}

.top-row[b-wy8ixof798] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.top-row[b-wy8ixof798]  a,
.top-row[b-wy8ixof798]  .btn-link {
    white-space: nowrap;
    margin-left: 1.5rem;
    text-decoration: none;
}

.top-row[b-wy8ixof798]  a:hover,
.top-row[b-wy8ixof798]  .btn-link:hover {
    text-decoration: underline;
}

.top-row[b-wy8ixof798]  a:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
}

.app-brand[b-wy8ixof798] {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 9px;
    color: #f4f1fb;
    font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    text-decoration: none;
    white-space: nowrap;
}

.app-brand:hover[b-wy8ixof798],
.app-brand:focus-visible[b-wy8ixof798] {
    color: #f4f1fb;
}

.app-brand:focus-visible[b-wy8ixof798] {
    outline: none;
}

.app-brand:focus-visible .app-brand-symbol-frame[b-wy8ixof798] {
    box-shadow: 0 0 0 3px rgba(36, 148, 255, 0.55), 0 6px 18px rgba(0, 0, 0, 0.25);
}

.app-brand-symbol-frame[b-wy8ixof798] {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: grid;
    place-items: center;
    overflow: visible;
    background: transparent;
    border-radius: 14px;
    box-shadow: 0 0 0 1px rgba(45, 96, 233, 0.3), 0 6px 18px rgba(0, 0, 0, 0.25);
}

.app-brand-symbol[b-wy8ixof798] {
    width: 40px;
    height: 40px;
    display: block;
    padding: 0;
    object-fit: contain;
    background: transparent;
    transform: none;
}

.app-brand-name[b-wy8ixof798] {
    font-size: 1.13rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0.08em;
}

.app-container[b-wy8ixof798] {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

.sidebar[b-wy8ixof798] {
    position: fixed;
    top: var(--app-navbar-height);
    left: 0;
    bottom: var(--app-footer-height);
    width: var(--app-sidebar-width);
    background-color: #3b3a39;
    z-index: 1035;
    margin-top: 0;
    overflow-y: auto;
    overflow-x: visible;
}

.sidebar-content[b-wy8ixof798] {
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.sidebar.collapsed[b-wy8ixof798] {
    width: var(--app-sidebar-collapsed-width);
    margin-top: 0;
}

.main-navbar[b-wy8ixof798] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1050;
    height: var(--app-navbar-height);
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 2px solid rgba(128, 128, 128, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.main-content[b-wy8ixof798] {
    position: fixed !important;
    top: var(--app-navbar-height);
    right: 0;
    bottom: var(--app-footer-height);
    left: var(--app-sidebar-width);
    margin-left: 0;
    min-width: 0;
    overflow: hidden;
    background-color: var(--bg-1);
}

.sidebar.collapsed + .main-content[b-wy8ixof798] {
    left: var(--app-sidebar-collapsed-width);
    margin-left: 0;
}

.main-scroll[b-wy8ixof798] {
    width: 100%;
    max-width: none !important;
    height: 100%;
    margin: 0 !important;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-gutter: stable;
}

.app-footer[b-wy8ixof798] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    width: 100vw;
    height: var(--app-footer-height);
    min-height: var(--app-footer-height);
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--bg-1);
    border-top: 1px solid rgba(148, 163, 184, 0.22);
    color: var(--muted);
    font-size: 0.875rem;
    line-height: 1;
    text-align: center;
}

@media only screen and (max-width: 980px) {
    .app-brand[b-wy8ixof798] {
        margin-left: 0.25rem !important;
        margin-right: 0.75rem !important;
    }

    .app-brand-name[b-wy8ixof798] {
        display: none;
    }

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

    .main-content[b-wy8ixof798] {
        left: 0;
        margin-left: 0;
    }
}
/* /Presentation/Layout/NavMenu.razor.rz.scp.css */
.nav-menu-shell[b-8vig5e61y0] {
    position: relative;
}

.organization-switcher[b-8vig5e61y0] {
    position: relative;
    z-index: 20;
    min-width: 0;
    margin-bottom: 0.75rem;
}

.organization-trigger[b-8vig5e61y0] {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 20px;
    align-items: center;
    width: 100%;
    min-height: 54px;
    padding: 0.5rem;
    color: #fff;
    text-align: left;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 0.7rem;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.organization-trigger:hover[b-8vig5e61y0],
.organization-trigger:focus-visible[b-8vig5e61y0] {
    background: rgba(255, 255, 255, 0.13);
    border-color: rgba(255, 255, 255, 0.3);
    outline: none;
}

.organization-avatar[b-8vig5e61y0],
.organization-option-avatar[b-8vig5e61y0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    background: linear-gradient(135deg, #0d6efd, #6f42c1);
    border-radius: 0.55rem;
}

.organization-avatar[b-8vig5e61y0] {
    width: 34px;
    height: 34px;
}

.organization-copy[b-8vig5e61y0],
.organization-option-copy[b-8vig5e61y0] {
    min-width: 0;
}

.organization-copy[b-8vig5e61y0] {
    display: flex;
    flex-direction: column;
    padding: 0 0.45rem;
}

.organization-label[b-8vig5e61y0] {
    color: rgba(255, 255, 255, 0.58);
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    line-height: 1.1;
    text-transform: uppercase;
}

.organization-name[b-8vig5e61y0] {
    overflow: hidden;
    color: #fff;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.organization-chevron[b-8vig5e61y0] {
    color: rgba(255, 255, 255, 0.68);
    font-size: 0.75rem;
    transition: transform 0.15s ease;
}

.organization-chevron.is-open[b-8vig5e61y0] {
    transform: rotate(180deg);
}

.organization-dropdown[b-8vig5e61y0] {
    position: absolute;
    top: calc(100% + 0.4rem);
    right: 0;
    left: 0;
    z-index: 1080;
    overflow: hidden;
    color: var(--bs-body-color);
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 0.75rem;
    box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.28);
}

.organization-dropdown-header[b-8vig5e61y0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.75rem 0.85rem;
    border-bottom: 1px solid var(--bs-border-color);
}

.organization-dropdown-header span[b-8vig5e61y0] {
    font-size: 0.8rem;
    font-weight: 700;
}

.organization-dropdown-header small[b-8vig5e61y0] {
    color: var(--bs-secondary-color);
    font-size: 0.68rem;
}

.organization-options[b-8vig5e61y0] {
    max-height: min(370px, 55vh);
    padding: 0.35rem;
    overflow-y: auto;
}

.organization-option[b-8vig5e61y0] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 0.65rem;
    width: 100%;
    padding: 0.55rem;
    color: var(--bs-body-color);
    text-align: left;
    background: transparent;
    border: 0;
    border-radius: 0.55rem;
}

.organization-option:hover:not(:disabled)[b-8vig5e61y0],
.organization-option:focus-visible[b-8vig5e61y0] {
    background: var(--bs-tertiary-bg);
    outline: none;
}

.organization-option.is-current[b-8vig5e61y0] {
    color: var(--bs-primary);
    background: rgba(var(--bs-primary-rgb), 0.1);
}

.organization-option:disabled[b-8vig5e61y0] {
    cursor: default;
    opacity: 1;
}

.organization-option-avatar[b-8vig5e61y0] {
    width: 32px;
    height: 32px;
    font-size: 0.68rem;
}

.organization-option-copy[b-8vig5e61y0] {
    display: flex;
    flex-direction: column;
}

.organization-option-copy strong[b-8vig5e61y0],
.organization-option-copy small[b-8vig5e61y0] {
    overflow: hidden;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.organization-option-copy strong[b-8vig5e61y0] {
    font-size: 0.78rem;
}

.organization-option-copy small[b-8vig5e61y0] {
    color: var(--bs-secondary-color);
    font-size: 0.67rem;
}

.organization-switcher.is-collapsed[b-8vig5e61y0] {
    display: flex;
    justify-content: center;
}

.organization-switcher.is-collapsed .organization-trigger[b-8vig5e61y0] {
    display: flex;
    justify-content: center;
    width: 44px;
    min-height: 44px;
    padding: 0;
}

.organization-switcher.is-collapsed .organization-copy[b-8vig5e61y0],
.organization-switcher.is-collapsed .organization-chevron[b-8vig5e61y0] {
    display: none;
}

.organization-switcher.is-collapsed .organization-dropdown[b-8vig5e61y0] {
    position: fixed;
    top: calc(var(--app-navbar-height, 56px) + 0.75rem);
    right: auto;
    left: calc(var(--app-sidebar-collapsed-width, 70px) + 0.5rem);
    width: min(320px, calc(100vw - 90px));
}

.vertical-layout[b-8vig5e61y0] {
    font-weight: 600;
    font-size: 15px;
    font-family: "Segoe UI VSS (Regular)", "Segoe UI", "-apple-system", BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Ubuntu, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
/* /Presentation/Layout/NavMenuBranch.razor.rz.scp.css */
.nav-menu-branch[b-ktcceg2qht]{margin:-2px 0 0}.nav-menu-branch .nav-link[b-ktcceg2qht]{display:flex;align-items:center;width:100%;gap:.55rem;padding:.5rem .65rem;border:0;color:rgba(255,255,255,.78);text-align:left;text-decoration:none;background:transparent;font-size:.8rem}.nav-menu-branch .nav-link>i:first-child[b-ktcceg2qht]{width:18px;color:#50e3a4;text-align:center}.branch-chevron[b-ktcceg2qht]{margin-left:auto;font-size:.65rem;transition:transform .16s ease}.branch-trigger.is-open .branch-chevron[b-ktcceg2qht]{transform:rotate(90deg)}.submenu-nested[b-ktcceg2qht]{margin:.15rem 0 .2rem .65rem;padding-left:.55rem;border-left:1px solid rgba(80,227,164,.2)}.nav-menu-branch.level-2 .nav-link[b-ktcceg2qht]{font-size:.75rem}.nav-menu-branch .nav-link.active[b-ktcceg2qht],.nav-menu-branch.is-active>.branch-trigger[b-ktcceg2qht]{color:#fff;background:rgba(80,227,164,.11);border-radius:.45rem}
/* /Presentation/Shared/NotificationBell.razor.rz.scp.css */
.notification-center[b-pfdr2j3xhg] {
    position: relative;
    z-index: 1070;
}

.notification-trigger[b-pfdr2j3xhg] {
    position: relative;
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #d9e2ec;
    background: transparent;
    border: 1px solid rgba(217, 226, 236, 0.36);
    border-radius: 0.5rem;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
}

.notification-trigger:hover[b-pfdr2j3xhg],
.notification-trigger:focus-visible[b-pfdr2j3xhg],
.notification-trigger.has-unread[b-pfdr2j3xhg] {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(110, 200, 255, 0.68);
    outline: none;
}

.notification-trigger:focus-visible[b-pfdr2j3xhg] {
    box-shadow: 0 0 0 3px rgba(47, 129, 247, 0.28);
}

.notification-trigger > i[b-pfdr2j3xhg] {
    font-size: 1.08rem;
    line-height: 1;
}

.notification-count[b-pfdr2j3xhg] {
    position: absolute;
    top: -7px;
    right: -8px;
    min-width: 19px;
    height: 19px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    color: #ffffff;
    background: #2f81f7;
    border: 2px solid #212529;
    border-radius: 999px;
    font-size: 0.64rem;
    font-weight: 800;
    line-height: 1;
}

.notification-backdrop[b-pfdr2j3xhg] {
    position: fixed;
    inset: 0;
    z-index: 1071;
    width: 100vw;
    height: 100vh;
    padding: 0;
    background: transparent;
    border: 0;
    cursor: default;
}

.notification-panel[b-pfdr2j3xhg] {
    position: absolute;
    top: calc(100% + 0.65rem);
    right: 0;
    z-index: 1072;
    width: min(410px, calc(100vw - 1.5rem));
    overflow: hidden;
    color: var(--bs-body-color, #e6edf3);
    background: var(--bs-body-bg, #111925);
    border: 1px solid var(--bs-border-color, #2b3747);
    border-radius: 0.75rem;
    box-shadow: 0 1.25rem 3.5rem rgba(0, 0, 0, 0.42);
}

.notification-header[b-pfdr2j3xhg] {
    min-height: 68px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 0.95rem;
    border-bottom: 1px solid var(--bs-border-color, #2b3747);
}

.notification-eyebrow[b-pfdr2j3xhg] {
    display: block;
    margin-bottom: 0.15rem;
    color: #63b3ff;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.12em;
}

.notification-header h2[b-pfdr2j3xhg] {
    margin: 0;
    color: var(--bs-body-color, #e6edf3);
    font-size: 1rem;
    font-weight: 750;
}

.notification-actions[b-pfdr2j3xhg] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.notification-icon-action[b-pfdr2j3xhg],
.notification-mark-all[b-pfdr2j3xhg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--bs-secondary-color, #a7b2c2);
    background: transparent;
    border: 0;
    border-radius: 0.4rem;
}

.notification-icon-action[b-pfdr2j3xhg] {
    width: 30px;
    height: 30px;
    padding: 0;
}

.notification-mark-all[b-pfdr2j3xhg] {
    min-height: 30px;
    padding: 0.3rem 0.45rem;
    color: #72b7ff;
    font-size: 0.7rem;
    font-weight: 650;
}

.notification-icon-action:hover:not(:disabled)[b-pfdr2j3xhg],
.notification-icon-action:focus-visible[b-pfdr2j3xhg],
.notification-mark-all:hover:not(:disabled)[b-pfdr2j3xhg],
.notification-mark-all:focus-visible[b-pfdr2j3xhg] {
    color: var(--bs-body-color, #ffffff);
    background: var(--bs-tertiary-bg, #1a2431);
    outline: none;
}

.notification-icon-action:disabled[b-pfdr2j3xhg],
.notification-mark-all:disabled[b-pfdr2j3xhg] {
    cursor: default;
    opacity: 0.45;
}

.notification-summary[b-pfdr2j3xhg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.55rem 0.95rem;
    color: var(--bs-secondary-color, #95a2b3);
    background: var(--bs-tertiary-bg, #0f1720);
    border-bottom: 1px solid var(--bs-border-color, #2b3747);
    font-size: 0.7rem;
}

.notification-summary small[b-pfdr2j3xhg] {
    color: #57d39b;
    font-size: 0.64rem;
}

.notification-list[b-pfdr2j3xhg] {
    max-height: min(520px, calc(100vh - 150px));
    padding: 0.35rem;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.notification-item[b-pfdr2j3xhg] {
    --notification-accent: #63b3ff;
    width: 100%;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 14px;
    align-items: start;
    gap: 0.7rem;
    padding: 0.75rem 0.65rem;
    color: var(--bs-body-color, #e6edf3);
    text-align: left;
    background: transparent;
    border: 0;
    border-left: 3px solid transparent;
    border-radius: 0.5rem;
}

.notification-item.severity-success[b-pfdr2j3xhg] { --notification-accent: #50d890; }
.notification-item.severity-warning[b-pfdr2j3xhg] { --notification-accent: #f2b84b; }
.notification-item.severity-danger[b-pfdr2j3xhg] { --notification-accent: #ff6b7a; }
.notification-item.severity-info[b-pfdr2j3xhg] { --notification-accent: #63b3ff; }

.notification-item.is-unread[b-pfdr2j3xhg] {
    background: rgba(47, 129, 247, 0.09);
    border-left-color: var(--notification-accent);
}

.notification-item:hover[b-pfdr2j3xhg],
.notification-item:focus-visible[b-pfdr2j3xhg] {
    background: var(--bs-tertiary-bg, #1a2431);
    outline: none;
}

.notification-item-icon[b-pfdr2j3xhg] {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--notification-accent);
    background: color-mix(in srgb, var(--notification-accent) 13%, transparent);
    border: 1px solid color-mix(in srgb, var(--notification-accent) 28%, transparent);
    border-radius: 0.55rem;
}

.notification-item-copy[b-pfdr2j3xhg] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.22rem;
}

.notification-item-heading[b-pfdr2j3xhg] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.notification-item-heading strong[b-pfdr2j3xhg] {
    min-width: 0;
    overflow: hidden;
    color: var(--bs-body-color, #e6edf3);
    font-size: 0.78rem;
    font-weight: 750;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notification-unread-dot[b-pfdr2j3xhg] {
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
    background: #2f81f7;
    border-radius: 999px;
    box-shadow: 0 0 0 3px rgba(47, 129, 247, 0.14);
}

.notification-message[b-pfdr2j3xhg] {
    display: -webkit-box;
    overflow: hidden;
    color: var(--bs-secondary-color, #a7b2c2);
    font-size: 0.72rem;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.notification-meta[b-pfdr2j3xhg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    margin-top: 0.15rem;
    color: var(--bs-secondary-color, #8190a3);
    font-size: 0.63rem;
}

.notification-meta span:first-child[b-pfdr2j3xhg] {
    color: var(--notification-accent);
    font-weight: 700;
}

.notification-chevron[b-pfdr2j3xhg] {
    align-self: center;
    color: var(--bs-secondary-color, #8190a3);
    font-size: 0.7rem;
}

.notification-empty[b-pfdr2j3xhg] {
    min-height: 210px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1.5rem;
    color: var(--bs-secondary-color, #95a2b3);
    text-align: center;
}

.notification-empty-icon[b-pfdr2j3xhg] {
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #63b3ff;
    background: rgba(47, 129, 247, 0.11);
    border: 1px solid rgba(99, 179, 255, 0.25);
    border-radius: 999px;
    font-size: 1.05rem;
}

.notification-empty strong[b-pfdr2j3xhg] {
    color: var(--bs-body-color, #e6edf3);
    font-size: 0.84rem;
}

.notification-empty p[b-pfdr2j3xhg] {
    max-width: 250px;
    margin: 0;
    font-size: 0.72rem;
    line-height: 1.45;
}

@media (max-width: 575.98px) {
    .notification-panel[b-pfdr2j3xhg] {
        position: fixed;
        top: calc(var(--app-navbar-height, 56px) + 0.5rem);
        right: 0.75rem;
        left: 0.75rem;
        width: auto;
    }

    .notification-header[b-pfdr2j3xhg] {
        align-items: flex-start;
    }

    .notification-actions[b-pfdr2j3xhg] {
        align-items: flex-end;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .notification-trigger[b-pfdr2j3xhg] {
        transition: none;
    }
}