/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Layout styles are handled by app.css global styles.
   This scoped file is kept minimal to avoid conflicts. */

#blazor-error-ui[b-7kfv6sxrf4] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-7kfv6sxrf4] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* Scoped nav overrides — base styling is in app.css (global) */

.nav-scrollable[b-zhc9ht5fir] {
    display: block;
    flex: 1;
    overflow-y: auto;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-b0norymfye],
.components-reconnect-repeated-attempt-visible[b-b0norymfye],
.components-reconnect-failed-visible[b-b0norymfye],
.components-pause-visible[b-b0norymfye],
.components-resume-failed-visible[b-b0norymfye],
.components-rejoining-animation[b-b0norymfye] {
    display: none;
}

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


#components-reconnect-modal[b-b0norymfye] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-b0norymfye 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-b0norymfye 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-b0norymfye 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-b0norymfye]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-b0norymfye 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-b0norymfye {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-b0norymfye {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-b0norymfye {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-b0norymfye] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-b0norymfye] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-b0norymfye] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-b0norymfye] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-b0norymfye] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-b0norymfye] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-b0norymfye] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-b0norymfye 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-b0norymfye] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-b0norymfye {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Dashboard/Alerts.razor.rz.scp.css */
.alert-empty-state[b-xco1y0z5fw] {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-height: 150px;
    padding: 1.5rem;
    background:
        radial-gradient(circle at 100% 0, rgba(34, 197, 94, 0.1), transparent 44%),
        var(--gradient-card);
    border: 1px solid var(--border-color-light);
    border-radius: var(--radius-xl);
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.16);
}

.alert-empty-icon[b-xco1y0z5fw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    color: var(--color-success-light);
    background: rgba(34, 197, 94, 0.11);
    border: 1px solid rgba(34, 197, 94, 0.18);
    border-radius: var(--radius-xl);
}

.alert-empty-state h3[b-xco1y0z5fw] {
    margin: 0 0 0.3rem;
    color: var(--color-text-primary);
    font-size: 1rem;
}

.alert-empty-state p[b-xco1y0z5fw] {
    margin: 0;
    color: var(--color-text-subtle);
    font-size: 0.84rem;
}
/* /Components/Pages/Dashboard/AppDetail.razor.rz.scp.css */
.app-detail-header[b-bo92ecegj7] {
    padding: 1.25rem 1.35rem;
    border: 1px solid var(--border-color-light);
    border-radius: var(--radius-xl);
    background:
        radial-gradient(circle at 82% 10%, color-mix(in srgb, var(--color-primary) 14%, transparent), transparent 26%),
        var(--gradient-card);
    box-shadow: var(--shadow-card);
}

.app-release-hub[b-bo92ecegj7] {
    position: relative;
    margin-bottom: 1.5rem;
    overflow: hidden;
    border: 1px solid var(--border-color-light);
    border-radius: var(--radius-xl);
    background:
        radial-gradient(circle at 92% 4%, color-mix(in srgb, var(--color-primary) 16%, transparent), transparent 30%),
        var(--gradient-card);
    box-shadow: var(--shadow-card);
}

.app-release-hub[b-bo92ecegj7]::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--color-primary), var(--color-success), transparent 86%);
    content: '';
}

.app-release-hub-header[b-bo92ecegj7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.35rem 1rem;
}

.app-release-kicker[b-bo92ecegj7] {
    color: var(--color-primary-light);
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.app-release-hub h2[b-bo92ecegj7] {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin: .2rem 0 .25rem;
    color: var(--color-text-primary);
    font-size: 1.12rem;
}

.app-release-hub h2 i[b-bo92ecegj7] {
    color: var(--color-primary-light);
}

.app-release-hub p[b-bo92ecegj7] {
    margin: 0;
    color: var(--color-text-secondary);
    font-size: .8rem;
}

.app-release-overview-link[b-bo92ecegj7] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: var(--color-text-secondary);
    font-size: .72rem;
    font-weight: 700;
    text-decoration: none;
}

.app-release-overview-link:hover[b-bo92ecegj7] {
    color: var(--color-primary-light);
}

.app-release-actions[b-bo92ecegj7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem;
    padding: 0 1.35rem 1.15rem;
}

.app-release-action[b-bo92ecegj7] {
    display: grid;
    grid-template-columns: auto 2.9rem minmax(0, 1fr) auto;
    gap: .8rem;
    align-items: center;
    min-height: 5.5rem;
    padding: .9rem;
    border: 1px solid var(--border-color-light);
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--color-bg-elevated) 88%, transparent);
    color: inherit;
    text-decoration: none;
    transition: transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.app-release-action-step[b-bo92ecegj7] {
    display: grid;
    width: 1.4rem;
    height: 1.4rem;
    place-items: center;
    border: 1px solid var(--border-color-light);
    border-radius: 999px;
    color: var(--color-text-secondary);
    font-size: .66rem;
    font-weight: 850;
}

.store-action .app-release-action-step[b-bo92ecegj7] {
    border-color: color-mix(in srgb, var(--color-success) 38%, var(--border-color-light));
    color: var(--color-success-light);
}

.workflow-action .app-release-action-step[b-bo92ecegj7] {
    border-color: color-mix(in srgb, var(--color-primary) 45%, var(--border-color-light));
    color: var(--color-primary-light);
}

.app-release-action:hover[b-bo92ecegj7] {
    border-color: color-mix(in srgb, var(--color-primary) 55%, var(--border-color-light));
    box-shadow: var(--shadow-md);
    color: inherit;
    transform: translateY(-2px);
}

.app-release-action-icon[b-bo92ecegj7] {
    display: grid;
    width: 2.9rem;
    height: 2.9rem;
    place-items: center;
    border-radius: .85rem;
    font-size: 1rem;
}

.store-action .app-release-action-icon[b-bo92ecegj7] {
    background: color-mix(in srgb, var(--color-success) 14%, transparent);
    color: var(--color-success-light);
}

.workflow-action .app-release-action-icon[b-bo92ecegj7] {
    background: color-mix(in srgb, var(--color-primary) 14%, transparent);
    color: var(--color-primary-light);
}

.app-release-action-copy[b-bo92ecegj7],
.app-release-action-copy small[b-bo92ecegj7],
.app-release-action-copy strong[b-bo92ecegj7],
.app-release-action-copy span[b-bo92ecegj7] {
    display: block;
    min-width: 0;
}

.app-release-action-copy small[b-bo92ecegj7] {
    color: var(--color-text-subtle);
    font-size: .64rem;
    font-weight: 750;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.app-release-action-copy strong[b-bo92ecegj7] {
    margin: .12rem 0;
    color: var(--color-text-primary);
    font-size: .88rem;
}

.app-release-action-copy span[b-bo92ecegj7] {
    overflow: hidden;
    color: var(--color-text-secondary);
    font-size: .69rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.app-release-action > i[b-bo92ecegj7] {
    color: var(--color-text-subtle);
    font-size: .72rem;
}

.app-release-footer[b-bo92ecegj7] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem 1rem;
    padding: .7rem 1.35rem;
    border-top: 1px solid var(--border-color);
    background: rgba(255, 255, 255, .018);
    color: var(--color-text-subtle);
    font-size: .66rem;
}

.app-release-footer span[b-bo92ecegj7] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.app-release-footer .safe[b-bo92ecegj7] {
    margin-left: auto;
    color: var(--color-success-light);
}

.app-release-hub.unavailable[b-bo92ecegj7] {
    border-style: dashed;
    opacity: .82;
}

.dashboard-grid .stat-card[b-bo92ecegj7],
.dashboard-grid-3 .chart-card[b-bo92ecegj7],
.chart-card.mb-4[b-bo92ecegj7] {
    border-color: var(--border-color-light);
    background: var(--gradient-card);
    box-shadow: var(--shadow-card);
}

.dashboard-grid .stat-card[b-bo92ecegj7] {
    position: relative;
    overflow: hidden;
}

.dashboard-grid .stat-card[b-bo92ecegj7]::after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 2px;
    background: linear-gradient(90deg, color-mix(in srgb, var(--color-primary) 78%, transparent), transparent);
    content: '';
}

@media (max-width: 780px) {
    .app-release-hub-header[b-bo92ecegj7] {
        flex-direction: column;
    }

    .app-release-actions[b-bo92ecegj7] {
        grid-template-columns: 1fr;
    }

    .app-release-footer .safe[b-bo92ecegj7] {
        width: 100%;
        margin-left: 0;
    }
}
/* /Components/Pages/Dashboard/AppDevelopment.razor.rz.scp.css */
.development-header[b-gv0y8z6mtb],.development-toolbar[b-gv0y8z6mtb],.development-identity[b-gv0y8z6mtb],.development-actions[b-gv0y8z6mtb],.development-panel-heading[b-gv0y8z6mtb] { display:flex; align-items:center; gap:1rem; }
.development-header[b-gv0y8z6mtb] { justify-content:space-between; flex-wrap:wrap; padding:1.25rem; border:1px solid var(--border-color); border-radius:var(--radius-lg,12px); background:var(--color-bg-card); margin-bottom:1.5rem; }
.development-identity[b-gv0y8z6mtb] { min-width:0; }
.development-header h1[b-gv0y8z6mtb] { font-size:1.4rem; margin:.15rem 0; }
.development-header p[b-gv0y8z6mtb],.development-toolbar span[b-gv0y8z6mtb] { margin:0; color:var(--color-text-secondary); font-size:.85rem; }
.development-icon[b-gv0y8z6mtb] { display:grid; place-items:center; width:48px; height:48px; border-radius:12px; background:color-mix(in srgb,var(--color-primary) 14%,transparent); color:var(--color-primary); font-size:1.4rem; flex-shrink:0; }
.development-back[b-gv0y8z6mtb] { color:var(--color-text-secondary); padding:.5rem; }
.development-eyebrow[b-gv0y8z6mtb] { color:var(--color-primary); font-size:.7rem; text-transform:uppercase; letter-spacing:.12em; font-weight:700; }
.development-header nav[b-gv0y8z6mtb],.development-actions[b-gv0y8z6mtb] { display:flex; flex-wrap:wrap; gap:.5rem; }
.development-header nav a[b-gv0y8z6mtb] { padding:.55rem .8rem; border-radius:8px; border:1px solid var(--border-color); font-size:.8rem; color:var(--color-text-primary); text-decoration:none; }
.development-header nav a[aria-current][b-gv0y8z6mtb] { color:var(--color-primary); background:color-mix(in srgb,var(--color-primary) 10%,transparent); border-color:var(--color-primary); }
.development-toolbar[b-gv0y8z6mtb] { justify-content:space-between; flex-wrap:wrap; margin-bottom:1rem; }
.development-toolbar>div:first-child[b-gv0y8z6mtb] { display:grid; gap:.25rem; overflow-wrap:anywhere; }
.development-toolbar strong[b-gv0y8z6mtb] { font-size:.85rem; }
.development-readiness[b-gv0y8z6mtb] { padding:1rem 1.2rem; background:var(--color-bg-card); border:1px solid var(--border-color); border-left:3px solid var(--color-warning,#d5a333); border-radius:10px; margin-bottom:1rem; color:var(--color-text-secondary); font-size:.85rem; }
.development-readiness summary[b-gv0y8z6mtb] { cursor:pointer; font-weight:600; color:var(--color-text-primary); }
.development-readiness ul[b-gv0y8z6mtb] { margin:.75rem 0; padding-left:1.2rem; }
.development-readiness li+li[b-gv0y8z6mtb] { margin-top:.3rem; }
.development-readiness p[b-gv0y8z6mtb] { margin:.7rem 0 0; }
.development-flow[b-gv0y8z6mtb] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; list-style:none; padding:0; margin:1.25rem 0; }
.development-flow li[b-gv0y8z6mtb] { display:flex; align-items:center; gap:.6rem; font-size:.8rem; color:var(--color-text-secondary); }
.development-flow li span[b-gv0y8z6mtb] { display:grid; place-items:center; width:26px; height:26px; border:1px solid var(--border-color); border-radius:50%; flex-shrink:0; color:var(--color-primary); }
.development-workspace[b-gv0y8z6mtb] { display:grid; grid-template-columns:minmax(245px, .85fr) minmax(0,2fr); gap:1.25rem; align-items:start; }
.development-list[b-gv0y8z6mtb],.development-detail[b-gv0y8z6mtb] { background:var(--color-bg-card); border:1px solid var(--border-color); border-radius:12px; min-width:0; overflow:hidden; }
.development-panel-heading[b-gv0y8z6mtb] { justify-content:space-between; align-items:flex-start; padding-bottom:1rem; border-bottom:1px solid var(--border-color); margin-bottom:1.25rem; }
.development-panel-heading h2[b-gv0y8z6mtb] { font-size:1.1rem; margin:.2rem 0; overflow-wrap:anywhere; }
.development-list>.development-panel-heading[b-gv0y8z6mtb] { padding:1rem 1.1rem; margin:0; }
.development-list>.development-panel-heading>span[b-gv0y8z6mtb] { font-size:.8rem; color:var(--color-text-secondary); }
.development-detail[b-gv0y8z6mtb] { padding:1.5rem; }
.development-detail fieldset[b-gv0y8z6mtb] { border:0; padding:0; margin:0; min-width:0; }
.development-detail .form-group[b-gv0y8z6mtb] { margin-bottom:1.25rem; }
.development-detail label[b-gv0y8z6mtb] { display:block; font-size:.85rem; font-weight:600; margin-bottom:.5rem; }
.development-detail textarea[b-gv0y8z6mtb] { resize:vertical; }
.development-help[b-gv0y8z6mtb] { font-size:.8rem; color:var(--color-text-secondary); line-height:1.6; margin:.8rem 0 1rem; }
.development-task[b-gv0y8z6mtb] { display:flex; flex-direction:column; gap:.65rem; width:100%; text-align:left; padding:1rem 1.1rem; color:var(--color-text-primary); background:transparent; border:0; border-bottom:1px solid var(--border-color); border-left:3px solid transparent; cursor:pointer; }
.development-task.selected[b-gv0y8z6mtb] { background:color-mix(in srgb,var(--color-primary) 9%,transparent); border-left-color:var(--color-primary); }
.development-task:hover[b-gv0y8z6mtb] { background:color-mix(in srgb,var(--color-primary) 6%,transparent); }
.development-task strong[b-gv0y8z6mtb] { font-size:.85rem; overflow-wrap:anywhere; }
.development-task-meta[b-gv0y8z6mtb] { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:.4rem; width:100%; font-size:.75rem; color:var(--color-text-secondary); }
.development-task small[b-gv0y8z6mtb],.development-evidence small[b-gv0y8z6mtb] { font-size:.75rem; color:var(--color-text-secondary); }
.development-status[b-gv0y8z6mtb] { display:inline-block; font-size:.7rem; font-weight:600; padding:.3rem .5rem; border-radius:6px; background:var(--color-bg-elevated); color:var(--color-text-secondary); white-space:nowrap; }
.development-status.running[b-gv0y8z6mtb] { color:var(--color-primary); background:color-mix(in srgb,var(--color-primary) 12%,transparent); }
.development-status.ready[b-gv0y8z6mtb] { color:var(--color-success,#10b981); background:color-mix(in srgb,var(--color-success,#10b981) 12%,transparent); }
.development-status.failed[b-gv0y8z6mtb] { color:var(--color-danger,#ef4444); background:color-mix(in srgb,var(--color-danger,#ef4444) 12%,transparent); }
.development-status-detail[b-gv0y8z6mtb] { font-size:.9rem; color:var(--color-text-secondary); line-height:1.6; }
.development-evidence[b-gv0y8z6mtb] { display:grid; gap:1rem; margin:1.5rem 0; }
.development-evidence article[b-gv0y8z6mtb] { display:flex; gap:.9rem; border:1px solid var(--border-color); border-radius:10px; padding:1rem; }
.development-evidence article>i[b-gv0y8z6mtb] { margin-top:.25rem; color:var(--color-primary); }
.development-evidence article>div[b-gv0y8z6mtb] { min-width:0; overflow-wrap:anywhere; }
.development-evidence h3[b-gv0y8z6mtb],.development-next h3[b-gv0y8z6mtb] { font-size:.95rem; margin:0 0 .5rem; }
.development-evidence p[b-gv0y8z6mtb] { font-size:.85rem; margin:.4rem 0; color:var(--color-text-secondary); }
.development-evidence ul[b-gv0y8z6mtb] { margin:.5rem 0; padding-left:1rem; font-size:.85rem; }
.development-evidence li+li[b-gv0y8z6mtb] { margin-top:.5rem; }
.development-next[b-gv0y8z6mtb] { border-top:1px solid var(--border-color); padding-top:1.5rem; }
.development-next>p[b-gv0y8z6mtb] { font-size:.85rem; color:var(--color-text-secondary); }
.development-empty[b-gv0y8z6mtb] { display:grid; justify-items:center; text-align:center; gap:.7rem; padding:2.5rem 1.25rem; color:var(--color-text-secondary); }
.development-empty>i[b-gv0y8z6mtb] { color:var(--color-primary); font-size:1.8rem; }
.development-empty h2[b-gv0y8z6mtb],.development-empty h3[b-gv0y8z6mtb] { margin:0; font-size:1.05rem; color:var(--color-text-primary); }
.development-empty p[b-gv0y8z6mtb] { max-width:420px; font-size:.85rem; line-height:1.7; margin:0; }
.development-empty a[b-gv0y8z6mtb] { font-size:.85rem; }
.development-updated[b-gv0y8z6mtb] { text-align:right; color:var(--color-text-secondary); font-size:.75rem; margin-top:1rem; }
button:focus-visible[b-gv0y8z6mtb],a:focus-visible[b-gv0y8z6mtb],summary:focus-visible[b-gv0y8z6mtb] { outline:2px solid var(--color-primary); outline-offset:3px; }
@media(max-width:900px) { .development-workspace[b-gv0y8z6mtb] { grid-template-columns:1fr; } .development-list[b-gv0y8z6mtb] { max-height:320px; overflow-y:auto; } .development-header nav[b-gv0y8z6mtb] { width:100%; } }
@media(max-width:540px) { .development-header[b-gv0y8z6mtb] { padding:1rem; } .development-header nav a[b-gv0y8z6mtb] { padding:.5rem; } .development-icon[b-gv0y8z6mtb] { display:none; } .development-detail[b-gv0y8z6mtb] { padding:1rem; } .development-flow[b-gv0y8z6mtb] { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.8rem; } .development-toolbar .development-actions[b-gv0y8z6mtb] { width:100%; } .development-toolbar .btn[b-gv0y8z6mtb] { flex:1; } .development-panel-heading[b-gv0y8z6mtb] { flex-wrap:wrap; } }
/* /Components/Pages/Dashboard/AppEvidenceDrawer.razor.rz.scp.css */
.evidence-drawer[b-1qbsnz4578] { inset: 0 0 0 auto; width: min(510px, 100%); max-width: 100%; height: 100dvh; max-height: 100dvh; margin: 0; padding: 1.5rem; color: var(--color-text-primary); background: var(--color-bg-elevated); border: 1px solid var(--border-color); box-shadow: -16px 0 60px #0005; overflow-y: auto; overflow-wrap: anywhere; }
.evidence-drawer[b-1qbsnz4578]::backdrop { background: #020b1866; }
header[b-1qbsnz4578] { display: flex; justify-content: space-between; align-items: start; gap: 1rem; }
h2[b-1qbsnz4578] { font-size: 1.5rem; margin: .25rem 0; } h3[b-1qbsnz4578] { font-size: 1rem; margin: 0 0 .75rem; } h4[b-1qbsnz4578] { font-size: .9rem; }
header small[b-1qbsnz4578] { color: var(--color-primary-light); letter-spacing: .08em; font-size: .65rem; }
.drawer-close[b-1qbsnz4578] { border: 1px solid var(--border-color); background: var(--color-bg-base); color: var(--color-text-primary); border-radius: .5rem; width: 38px; height: 38px; font-size: 1.5rem; }
.evidence-date[b-1qbsnz4578], p[b-1qbsnz4578], dd[b-1qbsnz4578], li[b-1qbsnz4578] { font-size: .8rem; line-height: 1.6; } .evidence-date[b-1qbsnz4578] { color: var(--color-text-subtle); }
.evidence-current[b-1qbsnz4578], .evidence-next[b-1qbsnz4578] { padding: 1rem; border: 1px solid var(--border-color); border-radius: .7rem; margin: 1rem 0; background: var(--color-bg-base); }
.evidence-current.blocked[b-1qbsnz4578] { border-color: #e5392c; } .evidence-next[b-1qbsnz4578] { border-left: 3px solid var(--color-primary); }
.evidence-current p[b-1qbsnz4578], .evidence-next p[b-1qbsnz4578] { margin: 0; }
.evidence-timeline[b-1qbsnz4578] { padding: 0; list-style: none; margin: 1rem 0; }
.evidence-timeline li[b-1qbsnz4578] { display: flex; gap: .85rem; position: relative; padding-bottom: 1rem; }
.evidence-timeline li:not(:last-child)[b-1qbsnz4578]::before { content: ''; position: absolute; left: 14px; top: 29px; bottom: 0; border-left: 1px solid var(--border-color); }
.evidence-timeline strong[b-1qbsnz4578] { display: block; } .evidence-timeline small[b-1qbsnz4578] { font-weight: 400; margin-left: .4rem; color: var(--color-text-subtle); }
.evidence-timeline p[b-1qbsnz4578] { color: var(--color-text-secondary); margin: .2rem 0 0; }
.evidence-dot[b-1qbsnz4578] { --dot: #64748b; background: linear-gradient(135deg,color-mix(in srgb,var(--dot) 88%,white),var(--dot)); color: white; display: inline-grid; place-items: center; min-width: 29px; height: 29px; border-radius: 50%; font-weight: 800; }
.evidence-dot.ready[b-1qbsnz4578] { --dot: #4c9f38; } .evidence-dot.blocked[b-1qbsnz4578] { --dot: #e5392c; } .evidence-dot.partial[b-1qbsnz4578],.evidence-dot.manual[b-1qbsnz4578] { --dot: #a66b00; }
.evidence-details[b-1qbsnz4578] { border-top: 1px solid var(--border-color); padding: 1rem 0; font-size: .85rem; }
.evidence-details summary[b-1qbsnz4578] { cursor: pointer; font-weight: 600; }.evidence-details section[b-1qbsnz4578] { margin-top: 1rem; }.evidence-details dt[b-1qbsnz4578] { font-size: .7rem; color: var(--color-text-subtle); }.evidence-details dd[b-1qbsnz4578] { margin: 0 0 .7rem; }
footer[b-1qbsnz4578] { position: sticky; bottom: -1.5rem; background: var(--color-bg-elevated); padding: 1rem 0; border-top: 1px solid var(--border-color); } footer a[b-1qbsnz4578] { width: 100%; }
button:focus-visible[b-1qbsnz4578], summary:focus-visible[b-1qbsnz4578] { outline: 2px solid var(--color-primary); outline-offset: 3px; }
header[b-1qbsnz4578] { position: sticky; top: -1.5rem; z-index: 2; background: var(--color-bg-elevated); margin: -1.5rem -1.5rem 0; padding: 1.5rem 1.5rem .75rem; }
/* /Components/Pages/Dashboard/AppReleaseHistory.razor.rz.scp.css */
.app-history[b-lmnj4kmpds] { max-width: 1400px; margin: auto; }
header[b-lmnj4kmpds], .filters[b-lmnj4kmpds], nav[b-lmnj4kmpds] { display:flex; gap:1rem; align-items:center; justify-content:space-between; margin-bottom:1.25rem; flex-wrap:wrap; }
h1[b-lmnj4kmpds] { font-size:1.6rem; margin:.7rem 0; } h2[b-lmnj4kmpds] { font-size:1.1rem; margin:1.2rem 0 .6rem; }
header p[b-lmnj4kmpds], small[b-lmnj4kmpds] { color:var(--text-secondary, #aab2c0); }
label[b-lmnj4kmpds] { display:grid; gap:.3rem; } select[b-lmnj4kmpds] { padding:.55rem; background:var(--bg-secondary, #20242b); color:inherit; border:1px solid #667085; border-radius:.4rem; }
article[b-lmnj4kmpds] { border:1px solid #66708566; border-radius:.6rem; margin-bottom:.65rem; overflow:hidden; }
.run-row[b-lmnj4kmpds] { display:grid; grid-template-columns: minmax(12rem,2fr) minmax(6rem,1fr) 10rem 8rem; gap:1rem; width:100%; padding:1rem; background:var(--bg-secondary, #20242b); color:inherit; border:0; text-align:left; align-items:center; }
.run-row:hover[b-lmnj4kmpds] { filter:brightness(1.1); } small[b-lmnj4kmpds] { display:block; } .state.success[b-lmnj4kmpds] { color:#20c997; } .state.failure[b-lmnj4kmpds], .state.timed_out[b-lmnj4kmpds] { color:#ff7575; } .state.in_progress[b-lmnj4kmpds], .state.queued[b-lmnj4kmpds] { color:#f0c05a; }
.run-detail[b-lmnj4kmpds] { padding:1rem; } details[b-lmnj4kmpds], .artifact[b-lmnj4kmpds] { padding:.6rem 0; } li[b-lmnj4kmpds] { padding:.3rem 0; } li .state[b-lmnj4kmpds] { margin-left:.8rem; }
.artifact code[b-lmnj4kmpds] { display:block; overflow-wrap:anywhere; } .artifact[b-lmnj4kmpds] { border-bottom:1px solid #66708555; }
@media(max-width:700px) { .run-row[b-lmnj4kmpds] { grid-template-columns:1fr 1fr; gap:.65rem; } header[b-lmnj4kmpds] { align-items:flex-start; } .filters[b-lmnj4kmpds] { align-items:stretch; } label[b-lmnj4kmpds] { flex:1; } }
/* /Components/Pages/Dashboard/AppReleaseOverview.razor.rz.scp.css */
.clear-status[b-gsa3mt0gdn] { margin: 1rem 0 1.5rem; }.status-summary[b-gsa3mt0gdn] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }.status-panel[b-gsa3mt0gdn] { padding: 1.2rem; border: 1px solid var(--border-color-light); border-radius: .8rem; background: var(--gradient-card); min-width: 0; }.status-panel h2[b-gsa3mt0gdn] { font-size: 1.1rem; margin: 0 0 1rem; }.status-panel p[b-gsa3mt0gdn],.status-panel li[b-gsa3mt0gdn] { font-size: .85rem; line-height: 1.6; }.status-panel small[b-gsa3mt0gdn] { color: var(--color-text-subtle); font-size: .75rem; }.product-value[b-gsa3mt0gdn] { display: flex; gap: 1rem; justify-content: space-between; align-items: center; font-size: .85rem; }.product-value strong[b-gsa3mt0gdn] { font-size: 1.7rem; } progress[b-gsa3mt0gdn] { width: 100%; height: 8px; accent-color: #4c9f38; margin: .6rem 0; }.release-count[b-gsa3mt0gdn] { color: var(--color-primary-light); }.release-progress[b-gsa3mt0gdn] { margin: 1rem 0; }.target-tracks[b-gsa3mt0gdn] { overflow-x: auto; }.platform-track[b-gsa3mt0gdn] { display: grid; grid-template-columns: 180px minmax(580px,1fr); align-items: center; gap: 1rem; padding: 1.25rem 0; border-bottom: 1px solid var(--border-color); }.platform-identity[b-gsa3mt0gdn] { display: flex; flex-direction: column; gap: .25rem; }.platform-identity small[b-gsa3mt0gdn] { overflow-wrap: anywhere; }.platform-identity span[b-gsa3mt0gdn] { font-size: .7rem; color: var(--color-text-secondary); } ol[b-gsa3mt0gdn] { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); list-style: none; padding: 0; margin: 0; } ol li[b-gsa3mt0gdn] { position: relative; display: grid; gap: .5rem; justify-items: center; } ol li:not(:last-child)[b-gsa3mt0gdn]::after { content: '→'; position: absolute; left: calc(50% + 23px); top: 2px; color: var(--color-text-subtle); width: calc(100% - 46px); border-bottom: 1px solid var(--border-color); text-align: right; }.stage[b-gsa3mt0gdn] { --node: #64748b; display: inline-grid; place-items: center; width: 38px; height: 38px; background: linear-gradient(135deg,color-mix(in srgb,var(--node) 88%,white),var(--node)); border: 1px solid color-mix(in srgb,var(--node) 80%,white); border-radius: 50%; color: white; font-weight: 800; }.stage.ready[b-gsa3mt0gdn] { --node: #4c9f38; }.stage.blocked[b-gsa3mt0gdn] { --node: #e5392c; }.stage.partial[b-gsa3mt0gdn] { --node: #a66b00; }.stage.documented[b-gsa3mt0gdn] { --node: #526881; }.stage.unknown[b-gsa3mt0gdn] { border-style: dashed; }button.stage[b-gsa3mt0gdn] { cursor: pointer; }button:focus-visible[b-gsa3mt0gdn] { outline: 2px solid var(--color-primary); outline-offset: 3px; }.next-action[b-gsa3mt0gdn] { border-left: 3px solid var(--color-primary); padding: .7rem 1rem; background: var(--color-bg-base); margin-top: 1rem; }.next-action strong[b-gsa3mt0gdn] { color: var(--color-primary-light); font-size: .85rem; }.next-action p[b-gsa3mt0gdn] { margin: .3rem 0 0; }.contract-hint[b-gsa3mt0gdn] { color: var(--color-text-subtle); margin: .6rem 0 0; }.evidence-button[b-gsa3mt0gdn] { color: var(--color-primary-light); background: transparent; border: 0; padding: .5rem 0; font-size: .8rem; }details summary[b-gsa3mt0gdn] { font-size: .85rem; cursor: pointer; padding: .6rem 0; }.status-legend[b-gsa3mt0gdn] { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1rem; padding: .8rem 1rem; border: 1px solid var(--border-color); border-radius: .7rem; }.status-legend span[b-gsa3mt0gdn] { display: flex; align-items: center; gap: .4rem; font-size: .75rem; }.status-legend .stage[b-gsa3mt0gdn] { width: 24px; height: 24px; }
@media(max-width:700px) { .status-summary[b-gsa3mt0gdn] { grid-template-columns: 1fr; }.status-panel[b-gsa3mt0gdn] { padding: 1rem; }.platform-track[b-gsa3mt0gdn] { grid-template-columns: 125px minmax(580px,1fr); }.product-value[b-gsa3mt0gdn] { flex-wrap: wrap; } }
.stage.selected[b-gsa3mt0gdn] { outline: 2px solid var(--color-primary); outline-offset: 3px; }.platform-identity .target-status[b-gsa3mt0gdn] { align-self: start; padding: .25rem .45rem; border-radius: .4rem; background: var(--color-bg-base); }.platform-identity .target-status.blocked[b-gsa3mt0gdn] { background: #e5392c; color: white; }.platform-identity .target-status.ready[b-gsa3mt0gdn] { background: #357b29; color: white; }
progress[b-gsa3mt0gdn] { display: block; appearance: none; border: 0; border-radius: 4px; background: var(--border-color); }progress[b-gsa3mt0gdn]::-webkit-progress-bar { background: var(--border-color); border-radius: 4px; }progress[b-gsa3mt0gdn]::-webkit-progress-value { background: #4c9f38; border-radius: 4px; }progress[b-gsa3mt0gdn]::-moz-progress-bar { background: #4c9f38; }
/* /Components/Pages/Dashboard/AppReleasePlatformBoard.razor.rz.scp.css */
.platform-board[b-uj4nxy9gzt] { margin: 1.25rem 0; color: var(--color-text-primary); }
.board-heading[b-uj4nxy9gzt], .section-heading[b-uj4nxy9gzt], .card-heading[b-uj4nxy9gzt], .board-controls[b-uj4nxy9gzt], .run-observation[b-uj4nxy9gzt] { display: flex; align-items: center; gap: .85rem; }
.board-heading[b-uj4nxy9gzt] { justify-content: space-between; align-items: start; flex-wrap: wrap; margin-bottom: 1.25rem; }
.board-eyebrow[b-uj4nxy9gzt], .card-eyebrow[b-uj4nxy9gzt] { display: block; color: var(--color-text-subtle); font-size: .72rem; font-weight: 650; letter-spacing: .055em; text-transform: uppercase; }
.board-heading h2[b-uj4nxy9gzt] { font-size: 1.45rem; font-weight: 650; line-height: 1.25; margin: .4rem 0 .55rem; }
.board-heading p[b-uj4nxy9gzt], .section-description[b-uj4nxy9gzt] { color: var(--color-text-secondary); font-size: .87rem; line-height: 1.55; margin: 0; }
.board-controls[b-uj4nxy9gzt] { align-items: end; flex-wrap: wrap; }
.board-controls label[b-uj4nxy9gzt] { display: grid; gap: .4rem; font-size: .76rem; color: var(--color-text-secondary); }
.board-controls select[b-uj4nxy9gzt] { width: 100%; max-width: 22rem; padding: .6rem 2rem .6rem .75rem; border: 1px solid var(--border-color-light); border-radius: .55rem; background: var(--color-bg-base); color: var(--color-text-primary); font-size: .83rem; }
.details-toggle[b-uj4nxy9gzt] { padding: .6rem .75rem; border: 1px solid var(--border-color-light); border-radius: .55rem; background: var(--color-bg-base); color: var(--color-text-primary); font-size: .8rem; display: flex; gap: .5rem; align-items: center; min-height: 38px; }
.evidence-notice[b-uj4nxy9gzt] { display: flex; gap: .75rem; align-items: start; padding: .85rem 1rem; border: 1px solid var(--border-color); border-radius: .7rem; background: color-mix(in srgb, var(--color-primary) 5%, var(--color-bg-base)); }
.evidence-notice > i[b-uj4nxy9gzt] { margin-top: .25rem; color: var(--color-primary-light); }
.evidence-notice p[b-uj4nxy9gzt] { font-size: .81rem; line-height: 1.6; margin: 0; color: var(--color-text-secondary); }
.evidence-notice strong[b-uj4nxy9gzt] { color: var(--color-text-primary); display: block; }
.board-section[b-uj4nxy9gzt] { margin: 1.5rem 0; }
.section-heading[b-uj4nxy9gzt] { margin: 0 0 .8rem; gap: .6rem; }
.section-heading h3[b-uj4nxy9gzt] { font-size: 1rem; margin: 0; font-weight: 650; }
.section-heading > span[b-uj4nxy9gzt] { background: var(--color-bg-base); border: 1px solid var(--border-color-light); border-radius: 2rem; font-size: .72rem; padding: .1rem .45rem; color: var(--color-text-secondary); }
.section-description[b-uj4nxy9gzt] { margin: -.1rem 0 1rem; font-size: .81rem; }
.board-grid[b-uj4nxy9gzt] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 310px), 1fr)); gap: 1rem; }
.platform-card[b-uj4nxy9gzt] { display: flex; flex-direction: column; background: var(--gradient-card); border: 1px solid var(--border-color-light); border-radius: .9rem; padding: 1.15rem; min-width: 0; }
.platform-card.blocked[b-uj4nxy9gzt], .platform-card.unavailable[b-uj4nxy9gzt] { border-color: color-mix(in srgb, #c45d4a 45%, var(--border-color-light)); }
.card-heading[b-uj4nxy9gzt] { gap: .65rem; flex-wrap: wrap; align-items: center; margin-bottom: 1.1rem; }
.platform-icon[b-uj4nxy9gzt] { display: grid; place-items: center; width: 40px; height: 40px; flex-shrink: 0; border-radius: .7rem; color: var(--color-primary-light); background: color-mix(in srgb, var(--color-primary) 16%, var(--color-bg-base)); font-size: 1.3rem; }
.card-heading > div[b-uj4nxy9gzt] { min-width: 0; flex: 1; }
.card-heading h4[b-uj4nxy9gzt] { font-size: 1.02rem; font-weight: 650; line-height: 1.35; margin: .2rem 0 0; overflow-wrap: anywhere; }
.card-eyebrow[b-uj4nxy9gzt] { font-size: .64rem; letter-spacing: .045em; }
.contract-state[b-uj4nxy9gzt] { display: inline-flex; padding: .23rem .5rem; border-radius: .4rem; background: color-mix(in srgb, var(--color-primary) 10%, var(--color-bg-base)); color: var(--color-text-secondary); font-size: .67rem; line-height: 1.45; }
.card-heading .contract-state[b-uj4nxy9gzt] { margin-left: auto; }
.contract-state.blocked[b-uj4nxy9gzt] { color: var(--color-text-primary); background: color-mix(in srgb, #c45d4a 19%, var(--color-bg-base)); }
.contract-checks[b-uj4nxy9gzt] { margin: 0; }
.contract-checks > div[b-uj4nxy9gzt] { display: flex; justify-content: space-between; align-items: center; gap: .8rem; padding: .65rem 0; border-top: 1px solid var(--border-color); }
.contract-checks dt[b-uj4nxy9gzt] { font-size: .81rem; font-weight: 500; }
.contract-checks dd[b-uj4nxy9gzt] { margin: 0; display: flex; gap: .45rem; align-items: center; color: var(--color-text-secondary); font-size: .76rem; }
.contract-dot[b-uj4nxy9gzt] { display: inline-block; width: 8px; height: 8px; border: 1px dashed var(--color-text-subtle); border-radius: 50%; }
.contract-dot.documented[b-uj4nxy9gzt] { background: var(--color-text-subtle); border-style: solid; }
.proof-pending[b-uj4nxy9gzt] { display: flex; align-items: center; gap: .5rem; margin: .6rem 0 1.15rem; color: var(--color-text-subtle); font-size: .74rem; }
.card-footer[b-uj4nxy9gzt] { margin-top: auto; padding-top: 1rem; border-top: 1px solid var(--border-color-light); }
.card-footer > div > span[b-uj4nxy9gzt] { color: var(--color-text-subtle); font-size: .67rem; font-weight: 650; text-transform: uppercase; letter-spacing: .06em; }
.card-footer p[b-uj4nxy9gzt] { margin: .35rem 0 .85rem; line-height: 1.5; font-size: .81rem; }
.prepare-button[b-uj4nxy9gzt] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; width: 100%; border: 1px solid color-mix(in srgb, var(--color-primary) 60%, var(--border-color)); border-radius: .5rem; background: color-mix(in srgb, var(--color-primary) 12%, var(--color-bg-base)); color: var(--color-text-primary); padding: .6rem .7rem; font-size: .8rem; font-weight: 550; }
.prepare-button:hover[b-uj4nxy9gzt], .details-toggle:hover[b-uj4nxy9gzt] { background: color-mix(in srgb, var(--color-primary) 20%, var(--color-bg-base)); }
button[b-uj4nxy9gzt] { cursor: pointer; }
button:focus-visible[b-uj4nxy9gzt], select:focus-visible[b-uj4nxy9gzt] { outline: 2px solid var(--color-primary); outline-offset: 3px; }
.destination-platform[b-uj4nxy9gzt] { margin: -.4rem 0 .7rem; color: var(--color-text-subtle); font-size: .73rem; }
.destination-purpose[b-uj4nxy9gzt] { font-size: .86rem; line-height: 1.5; margin: 0 0 1rem; }
.destination-proof[b-uj4nxy9gzt] { display: flex; flex-wrap: wrap; gap: .35rem .6rem; padding: .75rem 0; border-top: 1px solid var(--border-color); font-size: .74rem; color: var(--color-text-secondary); }
.destination-proof > span[b-uj4nxy9gzt] { display: inline-flex; align-items: center; gap: .4rem; }
.destination-proof > span[b-uj4nxy9gzt]::before { content: ''; width: 7px; height: 7px; display: inline-block; border: 1px dashed var(--color-text-subtle); border-radius: 50%; }
.destination-proof strong[b-uj4nxy9gzt] { width: 100%; font-weight: 450; color: var(--color-text-subtle); margin: .2rem 0 .3rem; }
.blocker-detail[b-uj4nxy9gzt] { display: flex; align-items: start; gap: .5rem; padding: .7rem; margin: .1rem 0 1rem; border-radius: .45rem; background: color-mix(in srgb, #c45d4a 8%, var(--color-bg-base)); font-size: .76rem; line-height: 1.55; overflow-wrap: anywhere; }
.blocker-detail > i[b-uj4nxy9gzt] { flex-shrink: 0; margin-top: .25rem; color: #c45d4a; }
.github-card .platform-icon[b-uj4nxy9gzt] { background: color-mix(in srgb, var(--color-text-subtle) 16%, var(--color-bg-base)); color: var(--color-text-primary); }
.contract-details[b-uj4nxy9gzt] { margin: .2rem 0 1rem; padding: .9rem; border-radius: .5rem; background: var(--color-bg-base); border: 1px solid var(--border-color); font-size: .74rem; line-height: 1.6; }
.contract-details dl[b-uj4nxy9gzt] { margin: 0; }
.contract-details dt[b-uj4nxy9gzt] { color: var(--color-text-subtle); font-size: .67rem; font-weight: 650; margin-top: .8rem; }
.contract-details dt:first-child[b-uj4nxy9gzt] { margin-top: 0; }
.contract-details dd[b-uj4nxy9gzt] { color: var(--color-text-secondary); margin: .1rem 0 0; overflow-wrap: anywhere; }
.contract-details p[b-uj4nxy9gzt] { color: var(--color-text-secondary); margin: 1rem 0 0; padding-top: .7rem; border-top: 1px solid var(--border-color); overflow-wrap: anywhere; }
.workflow-observation[b-uj4nxy9gzt] { padding: 1rem 1.15rem; border: 1px solid var(--border-color-light); border-radius: .7rem; background: var(--color-bg-base); }
.workflow-observation h3[b-uj4nxy9gzt] { font-size: .9rem; font-weight: 600; margin: .35rem 0 .65rem; }
.workflow-observation small[b-uj4nxy9gzt] { display: block; margin-top: .7rem; color: var(--color-text-subtle); font-size: .73rem; line-height: 1.5; }
.workflow-observation p[b-uj4nxy9gzt] { color: var(--color-text-secondary); font-size: .81rem; margin: 0; }
.run-observation[b-uj4nxy9gzt] { flex-wrap: wrap; gap: .55rem; font-size: .76rem; color: var(--color-text-secondary); }
.run-status[b-uj4nxy9gzt] { padding: .22rem .45rem; border-radius: .35rem; background: color-mix(in srgb, var(--color-primary) 12%, var(--color-bg-base)); color: var(--color-text-primary); }
.run-status.success[b-uj4nxy9gzt] { background: color-mix(in srgb, #4c9f38 17%, var(--color-bg-base)); }
.run-status.attention[b-uj4nxy9gzt] { background: color-mix(in srgb, #c45d4a 17%, var(--color-bg-base)); }
.board-empty[b-uj4nxy9gzt] { padding: 2rem; text-align: center; border: 1px dashed var(--border-color-light); border-radius: .8rem; margin: 1rem 0; }
.board-empty > i[b-uj4nxy9gzt] { color: var(--color-text-subtle); font-size: 1.6rem; margin-bottom: .8rem; }
.board-empty h3[b-uj4nxy9gzt] { font-size: 1rem; }
.board-empty p[b-uj4nxy9gzt] { color: var(--color-text-secondary); font-size: .85rem; }
@media (max-width: 700px) {
    .board-heading h2[b-uj4nxy9gzt] { font-size: 1.2rem; }
    .board-controls[b-uj4nxy9gzt] { width: 100%; align-items: stretch; }
    .board-controls label[b-uj4nxy9gzt], .details-toggle[b-uj4nxy9gzt] { width: 100%; }
    .board-controls select[b-uj4nxy9gzt] { max-width: none; min-height: 42px; }
    .details-toggle[b-uj4nxy9gzt] { justify-content: center; min-height: 42px; }
    .platform-card[b-uj4nxy9gzt] { padding: 1rem; }
    .card-heading .contract-state[b-uj4nxy9gzt] { margin-left: 0; }
    .evidence-notice[b-uj4nxy9gzt] { padding: .75rem; }
}
/* /Components/Pages/Dashboard/AppReleaseTrack.razor.rz.scp.css */
.card-release-track[b-nrx2en4t8i] { display: block; color: var(--color-text-primary); text-decoration: none; border-top: 1px solid var(--color-border); padding: .75rem 0; margin-top: .65rem; min-width: 0; }
.card-release-track:hover[b-nrx2en4t8i] { color: var(--color-text-primary); }
.card-release-track:focus-visible[b-nrx2en4t8i] { outline: 2px solid var(--color-primary); outline-offset: 4px; border-radius: .4rem; }
.track-heading[b-nrx2en4t8i] { display: flex; align-items: center; justify-content: space-between; gap: .5rem; font-size: .7rem; margin-bottom: .65rem; }
.track-heading strong[b-nrx2en4t8i] { text-transform: uppercase; letter-spacing: .05em; }
.track-heading > span[b-nrx2en4t8i] { color: var(--color-primary-light, var(--color-primary)); }
.card-release-track:hover .track-heading > span[b-nrx2en4t8i] { text-decoration: underline; }
ol[b-nrx2en4t8i] { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); list-style: none; padding: 0; margin: 0; }
li[b-nrx2en4t8i] { display: grid; justify-items: center; gap: .35rem; position: relative; min-width: 0; }
li:not(:last-child)[b-nrx2en4t8i]::after { content: ''; position: absolute; height: 1px; width: calc(100% - 1.8rem); top: .8rem; left: calc(50% + .9rem); background: var(--color-text-muted); }
li:not(:last-child)[b-nrx2en4t8i]::before { content: ''; position: absolute; width: .25rem; height: .25rem; border-right: 1px solid var(--color-text-muted); border-top: 1px solid var(--color-text-muted); transform: rotate(45deg); top: .68rem; left: calc(150% - 1.2rem); }
.track-node[b-nrx2en4t8i] { --node-color: #64748b; display: inline-grid; place-items: center; width: 1.65rem; height: 1.65rem; border-radius: 50%; border: 1px solid color-mix(in srgb, var(--node-color) 85%, white); color: #fff; background: linear-gradient(135deg, color-mix(in srgb, var(--node-color) 88%, white), var(--node-color)); box-shadow: inset 0 1px 1px rgb(255 255 255 / 12%), 0 1px 3px rgb(0 0 0 / 20%); font-size: .9rem; font-weight: 800; position: relative; z-index: 1; }
.track-node.ready[b-nrx2en4t8i] { --node-color: #4c9f38; }
.track-node.blocked[b-nrx2en4t8i] { --node-color: #e5392c; }
.track-node.partial[b-nrx2en4t8i], .track-node.manual[b-nrx2en4t8i] { --node-color: #a66b00; }
.track-node.unknown[b-nrx2en4t8i] { border-style: dashed; }
.track-label[b-nrx2en4t8i] { color: var(--color-text-secondary); font-size: .55rem; line-height: 1.2; }
.card-release-track > small[b-nrx2en4t8i] { display: block; color: var(--color-text-muted); font-size: .6rem; margin-top: .6rem; }
button.track-node[b-nrx2en4t8i] { cursor: pointer; padding: 0; font-family: inherit; } button.track-node:hover[b-nrx2en4t8i] { transform: scale(1.12); } button.track-node:focus-visible[b-nrx2en4t8i] { outline: 2px solid var(--color-primary); outline-offset: 3px; }
.track-node.selected[b-nrx2en4t8i] { outline: 2px solid var(--color-primary); outline-offset: 3px; }
.track-evidence[b-nrx2en4t8i] { color: var(--color-primary-light); border: 0; padding: 0; background: none; font: inherit; cursor: pointer; }.track-evidence:focus-visible[b-nrx2en4t8i] { outline: 2px solid var(--color-primary); outline-offset: 3px; }
/* /Components/Pages/Dashboard/Apps.razor.rz.scp.css */
.apps-summary[b-8ult6ld6rl] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.apps-summary-card[b-8ult6ld6rl] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.9rem;
    min-height: 112px;
    padding: 1.15rem 1.25rem;
    overflow: hidden;
    background: var(--gradient-card);
    border: 1px solid var(--border-color-light);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-card);
}

.apps-summary-card[b-8ult6ld6rl]::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    content: "";
    background: var(--gradient-primary);
}

.apps-summary-card.primary[b-8ult6ld6rl] {
    background:
        radial-gradient(circle at 100% 0, rgba(34, 197, 94, 0.13), transparent 48%),
        var(--gradient-card);
}

.apps-summary-card.primary[b-8ult6ld6rl]::before {
    background: var(--color-success);
}

.apps-summary-icon[b-8ult6ld6rl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    color: var(--color-primary-light);
    background: var(--color-bg-primary-soft);
    border: 1px solid color-mix(in srgb, var(--color-primary) 22%, transparent);
    border-radius: var(--radius-lg);
}

.primary .apps-summary-icon[b-8ult6ld6rl] {
    color: var(--color-success-light);
    background: var(--color-bg-success-soft);
    border-color: color-mix(in srgb, var(--color-success) 24%, transparent);
}

.apps-summary-copy[b-8ult6ld6rl] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.apps-summary-label[b-8ult6ld6rl] {
    margin-bottom: 0.1rem;
    color: var(--color-text-subtle);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.apps-summary-copy strong[b-8ult6ld6rl] {
    color: var(--color-text-primary);
    font-size: clamp(1.25rem, 1.8vw, 1.65rem);
    line-height: 1.2;
}

.apps-summary-copy small[b-8ult6ld6rl] {
    margin-top: 0.22rem;
    overflow: hidden;
    color: var(--color-text-subtle);
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.app-cards-grid[b-8ult6ld6rl] {
    grid-template-columns: repeat(auto-fill, minmax(355px, 1fr));
}

.app-detail-card[b-8ult6ld6rl] {
    min-height: 285px;
    box-shadow: var(--shadow-card);
}

.app-detail-card-stats[b-8ult6ld6rl] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.app-detail-stat[b-8ult6ld6rl] {
    align-items: flex-start;
    min-height: 72px;
    padding: 0.8rem 0.85rem;
    text-align: left;
}

.app-detail-stat.total-revenue[b-8ult6ld6rl] {
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.15), rgba(34, 197, 94, 0.05));
}

.app-detail-card-footer[b-8ult6ld6rl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: auto;
    padding-top: 1rem;
    color: var(--color-text-subtle);
    font-size: 0.75rem;
}

.app-detail-card-footer > i[b-8ult6ld6rl] {
    color: var(--color-primary-light);
    transition: transform var(--transition-fast);
}

.app-detail-card:hover .app-detail-card-footer > i[b-8ult6ld6rl] {
    transform: translateX(4px);
}

@media (max-width: 1150px) {
    .apps-summary[b-8ult6ld6rl] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .apps-summary[b-8ult6ld6rl],
    .app-cards-grid[b-8ult6ld6rl] {
        grid-template-columns: 1fr;
    }

    .app-detail-card-stats[b-8ult6ld6rl] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Compact portfolio: product progress and release evidence remain independent. */
.apps-summary[b-8ult6ld6rl] { gap: .6rem; margin-bottom: 1rem; }
.apps-summary-card[b-8ult6ld6rl] { min-height: 82px; padding: .8rem 1rem; border-radius: .7rem; }
.apps-summary-copy strong[b-8ult6ld6rl] { font-size: 1.3rem; }
.apps-catalog-toolbar[b-8ult6ld6rl] { position: sticky; top: 0; z-index: 5; grid-template-columns: minmax(220px, 2fr) repeat(4, minmax(125px,1fr)); gap: .6rem; margin-bottom: .6rem; }
.page-header[b-8ult6ld6rl] { flex-wrap: wrap; }
.page-header-right[b-8ult6ld6rl] { flex-wrap: wrap; }
.filter-chips[b-8ult6ld6rl] { margin: .6rem 0 1rem; }
.filter-chips[b-8ult6ld6rl] { display: flex; flex-wrap: wrap; gap: .4rem; }.filter-chips button[b-8ult6ld6rl] { color: var(--color-text-primary); background: var(--color-bg-elevated); border: 1px solid var(--border-color); border-radius: 20px; padding: .3rem .7rem; font-size: .75rem; }.filter-chips .reset-filters[b-8ult6ld6rl] { background: none; border-color: transparent; color: var(--color-primary-light); }
.catalog-view-switch[b-8ult6ld6rl] { display: flex; flex-shrink: 0; padding: 3px; border: 1px solid var(--border-color); border-radius: .6rem; background: var(--color-bg-elevated); }.catalog-view-switch button[b-8ult6ld6rl] { border: 0; color: var(--color-text-secondary); background: transparent; padding: .4rem .8rem; border-radius: .4rem; font-size: .8rem; }.catalog-view-switch button[aria-pressed=true][b-8ult6ld6rl] { color: var(--color-on-primary); background: var(--color-primary); }
.app-cards-grid[b-8ult6ld6rl] { grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px),1fr)); gap: 1rem; }
.app-detail-card[b-8ult6ld6rl] { min-height: 0; padding: 1rem; border-radius: .8rem; }
.app-detail-card-header[b-8ult6ld6rl] { gap: .7rem; margin-bottom: .6rem; }.app-icon-card[b-8ult6ld6rl] { width: 42px; height: 42px; flex: 0 0 42px; border-radius: .7rem; }.app-detail-card-name[b-8ult6ld6rl] { font-size: .95rem; }.app-detail-card-meta[b-8ult6ld6rl] { font-size: .7rem; }.portfolio-status[b-8ult6ld6rl] { flex-shrink: 0; font-size: .57rem; padding: .22rem .4rem; }
.app-card-description[b-8ult6ld6rl] { font-size: .75rem; line-height: 1.5; margin: 0 0 .7rem; min-height: 2.25rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.app-platform-list[b-8ult6ld6rl] { margin: 0 0 .8rem; gap: .3rem; flex-wrap: nowrap; min-width: 0; }
.app-platform[b-8ult6ld6rl] { font-size: .65rem; padding: .25rem .45rem; flex: 0 0 auto; white-space: nowrap; position: relative; z-index: 2; }
.app-platform[data-icon-only][b-8ult6ld6rl] { gap: 0; }
.app-platform[data-icon-only] .app-platform-label[b-8ult6ld6rl] { display: none; }
.app-platform-list:not([data-fitted]) [data-compact-priority][b-8ult6ld6rl] { gap: 0; }
.app-platform-list:not([data-fitted]) [data-compact-priority] .app-platform-label[b-8ult6ld6rl] { display: none; }
.app-platform-list[data-tight][b-8ult6ld6rl] { gap: .2rem; }
.app-platform-list[data-tight] .app-platform[b-8ult6ld6rl] { padding-inline: .25rem; }
.card-product-status[b-8ult6ld6rl] { margin-bottom: .65rem; }.app-progress-label[b-8ult6ld6rl] { font-size: .65rem; }.card-product-status small[b-8ult6ld6rl] { font-size: .65rem; color: var(--color-text-subtle); } progress[b-8ult6ld6rl] { display: block; appearance: none; width: 100%; height: 5px; border: 0; margin: .3rem 0; border-radius: 3px; background: var(--border-color); } progress[b-8ult6ld6rl]::-webkit-progress-bar { background: var(--border-color); border-radius: 3px; } progress[b-8ult6ld6rl]::-webkit-progress-value { background: linear-gradient(90deg,var(--color-primary),#20b787); border-radius: 3px; } progress[b-8ult6ld6rl]::-moz-progress-bar { background: #20b787; }
.card-next-action[b-8ult6ld6rl] { display: block; text-align: left; color: var(--color-text-secondary); border: 0; border-left: 2px solid var(--color-primary); background: var(--color-bg-base); border-radius: .3rem; padding: .6rem .7rem; margin: .8rem 0; width: 100%; }
.card-next-action > span[b-8ult6ld6rl] { display: flex; justify-content: space-between; font-size: .65rem; color: var(--color-primary-light); margin-bottom: .25rem; }.card-next-action strong[b-8ult6ld6rl] { font-size: .75rem; font-weight: 500; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.card-compact-metrics[b-8ult6ld6rl] { display: flex; flex-wrap: wrap; gap: .3rem .7rem; font-size: .65rem; margin-bottom: .6rem; color: var(--color-text-subtle); }.card-compact-metrics strong[b-8ult6ld6rl] { color: var(--color-success-light); }
.app-card-quick-actions[b-8ult6ld6rl] { margin-top: auto; padding-top: .7rem; gap: .4rem; }.app-card-action[b-8ult6ld6rl] { font-size: .7rem; }.app-card-action.details[b-8ult6ld6rl] { margin-left: auto; background: var(--color-primary); color: var(--color-on-primary); }
.evidence-selected[b-8ult6ld6rl] { outline: 2px solid var(--color-primary); outline-offset: 1px; }
.catalog-list[b-8ult6ld6rl], .catalog-matrix[b-8ult6ld6rl] { grid-template-columns: 1fr; gap: .6rem; }
.catalog-list .app-detail-card[b-8ult6ld6rl] { display: grid; grid-template-columns: minmax(190px,1fr) minmax(120px,.65fr) minmax(260px,1.4fr) minmax(160px,1fr); align-items: center; gap: .8rem; }
.catalog-list .app-card-description[b-8ult6ld6rl],.catalog-list .card-product-status[b-8ult6ld6rl],.catalog-list .card-compact-metrics[b-8ult6ld6rl] { display: none; }
.catalog-list .app-card-quick-actions[b-8ult6ld6rl] { grid-column: 4; border: 0; padding: 0; }.catalog-list .card-next-action[b-8ult6ld6rl] { grid-column: 4; grid-row: 1; margin: 0; }.catalog-list .app-detail-card-header[b-8ult6ld6rl],.catalog-list .app-platform-list[b-8ult6ld6rl] { margin: 0; }
.catalog-list .portfolio-status[b-8ult6ld6rl] { display: none; }
.catalog-matrix .app-detail-card[b-8ult6ld6rl] { display: grid; grid-template-columns: minmax(190px,1fr) minmax(300px,2fr) minmax(160px,1fr); gap: 1rem; align-items: center; }
.catalog-matrix .app-card-description[b-8ult6ld6rl],.catalog-matrix .card-product-status[b-8ult6ld6rl],.catalog-matrix .card-compact-metrics[b-8ult6ld6rl],.catalog-matrix .app-platform-list[b-8ult6ld6rl] { display: none; }.catalog-matrix .app-card-quick-actions[b-8ult6ld6rl] { grid-column: 3; padding: 0; border: 0; }.catalog-matrix .card-next-action[b-8ult6ld6rl] { margin: 0; }
button:focus-visible[b-8ult6ld6rl], a:focus-visible[b-8ult6ld6rl] { outline: 2px solid var(--color-primary); outline-offset: 3px; }
@media(max-width:1100px) { .apps-catalog-toolbar[b-8ult6ld6rl] { grid-template-columns: repeat(3,minmax(0,1fr)); }.apps-catalog-search[b-8ult6ld6rl] { grid-column: span 2; }.catalog-list .app-detail-card[b-8ult6ld6rl],.catalog-matrix .app-detail-card[b-8ult6ld6rl] { grid-template-columns: minmax(180px,1fr) minmax(280px,2fr); }.catalog-list .app-card-quick-actions[b-8ult6ld6rl],.catalog-matrix .app-card-quick-actions[b-8ult6ld6rl],.catalog-list .card-next-action[b-8ult6ld6rl] { grid-column: auto; grid-row: auto; } }
@media(max-width:640px) { .apps-catalog-toolbar[b-8ult6ld6rl] { position: static; grid-template-columns: repeat(2,minmax(0,1fr)); }.apps-catalog-search[b-8ult6ld6rl] { grid-column: 1 / -1; }.apps-summary[b-8ult6ld6rl] { grid-template-columns: repeat(2,minmax(0,1fr)); }.apps-summary-card[b-8ult6ld6rl] { padding: .7rem; gap: .5rem; }.apps-summary-icon[b-8ult6ld6rl] { display: none; }.apps-summary-copy small[b-8ult6ld6rl] { white-space: normal; }.apps-summary-copy strong[b-8ult6ld6rl] { font-size: 1.1rem; }.catalog-list .app-detail-card[b-8ult6ld6rl],.catalog-matrix .app-detail-card[b-8ult6ld6rl] { display: flex; gap: .5rem; }.catalog-list .app-card-quick-actions[b-8ult6ld6rl],.catalog-matrix .app-card-quick-actions[b-8ult6ld6rl] { width: 100%; }.catalog-list[b-8ult6ld6rl]  .card-release-track,.catalog-matrix[b-8ult6ld6rl]  .card-release-track { width: 100%; } }
.page-header[b-8ult6ld6rl] { padding-bottom: .8rem; margin-bottom: 1rem; }.apps-summary-card[b-8ult6ld6rl] { min-height: 72px; padding: .65rem .85rem; }.apps-summary-copy small[b-8ult6ld6rl] { font-size: .65rem; }.apps-summary-label[b-8ult6ld6rl] { font-size: .6rem; }
.app-cards-grid.portfolio-grid[b-8ult6ld6rl] { grid-template-columns: repeat(auto-fill,minmax(min(100%,300px),1fr)); }
.app-card-description[b-8ult6ld6rl] { min-height: 0; -webkit-line-clamp: 1; }.app-platform-list[b-8ult6ld6rl] { margin-bottom: .6rem; }.app-platform-list .app-platform[b-8ult6ld6rl] { min-height: 0; padding: .2rem .4rem; }
.app-detail-card[b-8ult6ld6rl]  .card-release-track { margin-top: .3rem; padding: .6rem 0 .2rem; }.app-detail-card[b-8ult6ld6rl]  .track-heading { margin-bottom: .4rem; }.card-next-action[b-8ult6ld6rl] { margin: .65rem 0; padding: .5rem .65rem; }.app-detail-card:hover[b-8ult6ld6rl] { transform: none; }
.app-cards-grid.catalog-list[b-8ult6ld6rl],.app-cards-grid.catalog-matrix[b-8ult6ld6rl] { grid-template-columns: 1fr; }.catalog-list .app-card-quick-actions[b-8ult6ld6rl],.catalog-matrix .app-card-quick-actions[b-8ult6ld6rl] { margin: 0; }.catalog-list .app-detail-card[b-8ult6ld6rl],.catalog-matrix .app-detail-card[b-8ult6ld6rl] { column-gap: 1rem; row-gap: .25rem; }.catalog-list .card-next-action[b-8ult6ld6rl],.catalog-matrix .card-next-action[b-8ult6ld6rl] { margin: 0; }.catalog-list[b-8ult6ld6rl]  .card-release-track,.catalog-matrix[b-8ult6ld6rl]  .card-release-track { margin: 0; padding: 0; border: 0; }

.portfolio-status.prototype[b-8ult6ld6rl] { color: var(--color-text-primary); }.app-platform-list .app-platform[b-8ult6ld6rl] { color: var(--color-text-primary); }

/* Extend the native cockpit link over the card while keeping its other actions above it. */
.portfolio-card[b-8ult6ld6rl] { isolation: isolate; }
.app-card-cockpit-link[b-8ult6ld6rl], .app-card-cockpit-link:hover[b-8ult6ld6rl] {
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: .8rem;
    cursor: pointer;
    transform: none;
}
.app-card-cockpit-link:focus-visible[b-8ult6ld6rl] {
    outline: 2px solid var(--color-primary);
    outline-offset: -3px;
}
.portfolio-card a:not(.app-card-cockpit-link)[b-8ult6ld6rl],
.portfolio-card[b-8ult6ld6rl]  button {
    position: relative;
    z-index: 2;
}

/* Share each content row across neighbouring cards, including optional metrics. */
.catalog-cards .portfolio-card[b-8ult6ld6rl] {
    display: grid;
    grid-row: span 8;
    grid-template-rows: subgrid;
    row-gap: 0;
    min-width: 0;
}
.catalog-cards .app-detail-card-header[b-8ult6ld6rl] { grid-row: 1; }
.catalog-cards .app-card-description[b-8ult6ld6rl] { grid-row: 2; }
.catalog-cards .app-platform-list[b-8ult6ld6rl] { grid-row: 3; align-self: start; }
.catalog-cards .card-product-status[b-8ult6ld6rl] { grid-row: 4; }
.catalog-cards[b-8ult6ld6rl]  .card-release-track { grid-row: 5; }
.catalog-cards .card-next-action[b-8ult6ld6rl] { grid-row: 6; align-self: stretch; }
.catalog-cards .card-compact-metrics[b-8ult6ld6rl] { grid-row: 7; }
.catalog-cards .app-card-quick-actions[b-8ult6ld6rl] { grid-row: 8; margin-top: 0; align-self: end; }

.app-detail-card-name[b-8ult6ld6rl] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.app-detail-card-meta[b-8ult6ld6rl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    min-height: 1.4rem;
}
.app-card-category[b-8ult6ld6rl] {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.card-progress-unrated[b-8ult6ld6rl] {
    display: block;
    height: 5px;
    margin: .3rem 0;
    border-radius: 3px;
    background: var(--border-color);
}
.card-product-status small[b-8ult6ld6rl] { display: block; }
.app-progress-label[b-8ult6ld6rl] { gap: .5rem; white-space: nowrap; }
.card-next-action strong[b-8ult6ld6rl] { min-height: 2.25rem; }
/* /Components/Pages/Dashboard/AppSettings.razor.rz.scp.css */
.admin-catalog-editor[b-k7jvdvavvf] { border-color:color-mix(in srgb, var(--color-primary) 45%, var(--border-color-light)); }
.admin-editor-grid[b-k7jvdvavvf] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.admin-editor-span-2[b-k7jvdvavvf] { grid-column:1 / -1; }
.admin-editor-section-title[b-k7jvdvavvf] { display:flex; align-items:center; gap:.55rem; margin-top:.35rem; padding:.8rem 0 .15rem; color:var(--color-text-primary); border-top:1px solid var(--border-color-light); font-size:.82rem; font-weight:700; }
.admin-editor-section-title i[b-k7jvdvavvf] { color:var(--color-primary-light); }
.admin-editor-grid small[b-k7jvdvavvf] { display:block; color:var(--color-text-tertiary); margin-top:.35rem; font-size:.72rem; }
.admin-code-field[b-k7jvdvavvf] { font-family:var(--font-mono); }
.admin-editor-switches[b-k7jvdvavvf] { display:flex; flex-wrap:wrap; gap:1.5rem; padding:1rem 0; color:var(--color-text-secondary); font-size:.825rem; }
.admin-editor-switches label[b-k7jvdvavvf] { display:flex; align-items:center; gap:.5rem; cursor:pointer; }
@media (max-width:800px) { .admin-editor-grid[b-k7jvdvavvf] { grid-template-columns:1fr; } .admin-editor-span-2[b-k7jvdvavvf] { grid-column:auto; } }
.app-editor-fields[b-k7jvdvavvf] { border:0; padding:0; margin:0; min-width:0; }
/* /Components/Pages/Dashboard/Automation.razor.rz.scp.css */
.automation-header[b-2m9pb0g6si] {
    position: relative;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.35rem 1.45rem;
    overflow: hidden;
    border: 1px solid var(--border-color-light, var(--color-border));
    border-radius: var(--radius-xl);
    background:
        radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--color-primary) 18%, transparent), transparent 30%),
        var(--gradient-card, var(--color-surface));
    box-shadow: var(--shadow-card, var(--shadow-md));
}

.automation-header[b-2m9pb0g6si]::after {
    position: absolute;
    right: -2.5rem;
    bottom: -3.75rem;
    width: 11rem;
    height: 11rem;
    border: 1px solid color-mix(in srgb, var(--color-primary) 16%, transparent);
    border-radius: 50%;
    content: '';
    pointer-events: none;
}

.cockpit-back-button[b-2m9pb0g6si] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    flex: 0 0 2rem;
    color: var(--color-text-secondary);
    background: color-mix(in srgb, var(--color-surface) 72%, transparent);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    font-size: .82rem;
    text-decoration: none;
    transition: color var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);
}

.cockpit-back-button:hover[b-2m9pb0g6si] {
    color: var(--color-primary-light, var(--color-primary));
    background: var(--color-surface);
    border-color: var(--color-primary-light, var(--color-primary));
}

.cockpit-hero[b-2m9pb0g6si] {
    position: relative;
    display: flex;
    min-height: 178px;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    padding: 2rem 2.25rem;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--cockpit-accent, var(--color-primary)) 34%, var(--color-border));
    border-radius: var(--radius-xl);
    background: color-mix(in srgb, var(--cockpit-accent, var(--color-primary)) 7%, var(--color-surface));
    box-shadow: var(--shadow-card, var(--shadow-md));
}

.cockpit-identity[b-2m9pb0g6si],
.cockpit-hero-actions[b-2m9pb0g6si] {
    position: relative;
    z-index: 2;
}

.cockpit-identity[b-2m9pb0g6si] {
    display: flex;
    align-items: center;
    gap: 1.35rem;
}

.cockpit-identity > span[b-2m9pb0g6si] {
    min-width: 0;
}

.cockpit-app-icon[b-2m9pb0g6si] {
    display: grid;
    width: 5.75rem;
    height: 5.75rem;
    flex: 0 0 5.75rem;
    place-items: center;
    border: 2px solid color-mix(in srgb, var(--cockpit-accent, var(--color-primary)) 70%, white 15%);
    border-radius: 1.45rem;
    background: color-mix(in srgb, var(--cockpit-accent, var(--color-primary)) 82%, #051122);
    color: white;
    box-shadow: 0 16px 34px rgba(0, 0, 0, .28);
    object-fit: cover;
}

.cockpit-app-icon.fallback[b-2m9pb0g6si] {
    font-size: 2.35rem;
}

.cockpit-identity h1[b-2m9pb0g6si] {
    margin: 0;
    color: var(--color-text-primary);
    font-size: clamp(1.8rem, 3vw, 2.5rem);
    letter-spacing: -.035em;
}

.cockpit-identity small[b-2m9pb0g6si] {
    display: block;
    margin-top: .2rem;
    color: var(--color-text-secondary);
    font-size: 1.05rem;
}

.cockpit-identity-meta[b-2m9pb0g6si] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .35rem;
    margin-top: .2rem;
    color: var(--color-text-secondary);
}

.cockpit-identity-meta small[b-2m9pb0g6si] {
    flex: 0 0 auto;
    margin-top: 0;
}

.cockpit-identity-meta code[b-2m9pb0g6si] {
    max-width: min(28rem, 40vw);
    overflow: hidden;
    padding: .08rem .3rem;
    color: var(--color-text-secondary);
    background: color-mix(in srgb, var(--color-surface) 72%, transparent);
    border-radius: var(--radius-sm);
    font-size: .72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cockpit-hero-actions[b-2m9pb0g6si] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .65rem;
}

.cockpit-view-switch[b-2m9pb0g6si] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .22rem;
    padding: .28rem;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: .8rem;
    background: rgba(4, 14, 31, .64);
    backdrop-filter: blur(12px);
}

.cockpit-view-switch > span[b-2m9pb0g6si] {
    display: none;
    padding: 0 .35rem .08rem;
    color: rgba(255, 255, 255, .58);
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.cockpit-view-switch button[b-2m9pb0g6si] {
    padding: .42rem .68rem;
    border: 0;
    border-radius: .55rem;
    background: transparent;
    color: rgba(255, 255, 255, .72);
    font-size: .72rem;
    font-weight: 750;
}

.cockpit-view-switch button:hover[b-2m9pb0g6si] {
    color: white;
}

.cockpit-view-switch button.active[b-2m9pb0g6si] {
    background: color-mix(in srgb, var(--cockpit-accent, var(--color-primary)) 74%, #0b5fff);
    color: white;
    box-shadow: 0 5px 16px rgba(0, 0, 0, .24);
}

.cockpit-settings-button[b-2m9pb0g6si],
.cockpit-details-button[b-2m9pb0g6si] {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    padding: .8rem 1rem;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: .75rem;
    background: rgba(4, 14, 31, .6);
    color: white;
    font-weight: 700;
    text-decoration: none;
    backdrop-filter: blur(12px);
}

.cockpit-settings-button:hover[b-2m9pb0g6si],
.cockpit-details-button:hover[b-2m9pb0g6si] {
    border-color: var(--cockpit-accent, var(--color-primary));
    background: rgba(4, 14, 31, .78);
    color: white;
}

.release-gate-rail[b-2m9pb0g6si] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0;
    margin-top: 1rem;
    padding: 1.35rem 1.5rem;
    border: 1px solid var(--border-color-light, var(--color-border));
    border-radius: var(--radius-xl);
    background: var(--gradient-card, var(--color-surface));
    box-shadow: var(--shadow-card, var(--shadow-md));
}

.release-gate[b-2m9pb0g6si] {
    position: relative;
    display: grid;
    grid-template-columns: 3.25rem minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: .75rem;
    align-items: center;
    min-width: 0;
    padding: .35rem 1rem .35rem 0;
}

.release-gate:not(:last-child)[b-2m9pb0g6si]::after {
    position: absolute;
    top: 50%;
    right: .65rem;
    width: 1.35rem;
    border-top: 1px dashed color-mix(in srgb, var(--color-text-secondary) 42%, transparent);
    content: '';
}

.release-gate-number[b-2m9pb0g6si] {
    position: absolute;
    top: -.25rem;
    left: 2.55rem;
    z-index: 2;
    display: grid;
    width: 1.25rem;
    height: 1.25rem;
    place-items: center;
    border-radius: 50%;
    background: var(--color-text-secondary);
    color: white;
    font-size: .62rem;
    font-weight: 800;
}

.release-gate-icon[b-2m9pb0g6si] {
    display: grid;
    grid-row: 1 / span 2;
    width: 3.25rem;
    height: 3.25rem;
    place-items: center;
    border: 2px solid var(--color-border);
    border-radius: 50%;
    color: var(--color-text-secondary);
    font-size: 1.2rem;
}

.release-gate-copy strong[b-2m9pb0g6si],
.release-gate-copy small[b-2m9pb0g6si] {
    display: block;
}

.release-gate-copy strong[b-2m9pb0g6si] {
    color: var(--color-text-primary);
    font-size: .95rem;
}

.release-gate-copy small[b-2m9pb0g6si] {
    margin-top: .12rem;
    color: var(--color-text-secondary);
    font-size: .72rem;
}

.release-gate.complete .release-gate-icon[b-2m9pb0g6si] {
    border-color: var(--color-success);
    color: var(--color-success);
}

.release-gate.complete .release-gate-number[b-2m9pb0g6si] {
    background: var(--color-success);
}

.release-gate.complete .release-gate-copy small[b-2m9pb0g6si] {
    color: var(--color-success);
}

.release-gate.active .release-gate-icon[b-2m9pb0g6si],
.release-gate.attention .release-gate-icon[b-2m9pb0g6si] {
    border-color: var(--color-warning);
    color: var(--color-warning);
}

.release-gate.active .release-gate-number[b-2m9pb0g6si],
.release-gate.attention .release-gate-number[b-2m9pb0g6si] {
    background: var(--color-warning);
}

.release-gate.active .release-gate-copy small[b-2m9pb0g6si],
.release-gate.attention .release-gate-copy small[b-2m9pb0g6si] {
    color: var(--color-warning);
}

.next-release-card[b-2m9pb0g6si] {
    margin-top: 1rem;
    padding: 1.45rem;
    border: 1px solid var(--border-color-light, var(--color-border));
    border-radius: var(--radius-xl);
    background:
        radial-gradient(circle at 78% 50%, color-mix(in srgb, var(--cockpit-accent, var(--color-primary)) 10%, transparent), transparent 33%),
        var(--gradient-card, var(--color-surface));
    box-shadow: var(--shadow-card, var(--shadow-md));
}

.next-release-heading[b-2m9pb0g6si] {
    display: flex;
    align-items: center;
    gap: .65rem;
}

.next-release-heading > span[b-2m9pb0g6si] {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border: 1px solid var(--cockpit-accent, var(--color-primary));
    border-radius: 50%;
    color: var(--cockpit-accent, var(--color-primary));
}

.next-release-heading h2[b-2m9pb0g6si] {
    margin: 0;
    color: var(--color-text-primary);
    font-size: 1.1rem;
}

.version-transition[b-2m9pb0g6si] {
    display: grid;
    grid-template-columns: minmax(12rem, .8fr) auto minmax(12rem, .8fr) minmax(16rem, 1.1fr);
    gap: 1rem;
    align-items: center;
    margin-top: 1.15rem;
}

.next-release-onboarding[b-2m9pb0g6si] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) minmax(13rem, auto);
    gap: 1rem;
    align-items: center;
    margin-top: 1.15rem;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--color-warning) 42%, var(--color-border));
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--color-warning) 6%, var(--color-surface));
}

.next-release-onboarding.ready[b-2m9pb0g6si] {
    border-color: color-mix(in srgb, var(--cockpit-accent, var(--color-primary)) 34%, var(--color-border));
    background: color-mix(in srgb, var(--cockpit-accent, var(--color-primary)) 5%, var(--color-surface));
}

.next-release-onboarding-icon[b-2m9pb0g6si] {
    display: grid;
    width: 2.8rem;
    height: 2.8rem;
    place-items: center;
    border-radius: .8rem;
    background: color-mix(in srgb, var(--color-warning) 14%, transparent);
    color: var(--color-warning);
}

.next-release-onboarding.ready .next-release-onboarding-icon[b-2m9pb0g6si] {
    background: color-mix(in srgb, var(--cockpit-accent, var(--color-primary)) 14%, transparent);
    color: var(--cockpit-accent, var(--color-primary));
}

.next-release-onboarding small[b-2m9pb0g6si],
.next-release-onboarding strong[b-2m9pb0g6si] {
    display: block;
}

.next-release-onboarding small[b-2m9pb0g6si] {
    color: var(--color-text-secondary);
    font-size: .7rem;
}

.next-release-onboarding strong[b-2m9pb0g6si] {
    margin-top: .18rem;
    color: var(--color-text-primary);
    font-size: 1rem;
}

.next-release-onboarding p[b-2m9pb0g6si] {
    margin: .3rem 0 0;
    color: var(--color-text-secondary);
    font-size: .75rem;
}

.version-box[b-2m9pb0g6si] {
    padding: 1rem 1.15rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--color-surface) 86%, var(--color-bg));
}

.version-box.recommended[b-2m9pb0g6si] {
    border-color: color-mix(in srgb, var(--cockpit-accent, var(--color-primary)) 44%, var(--color-border));
}

.version-box small[b-2m9pb0g6si],
.version-box strong[b-2m9pb0g6si] {
    display: block;
}

.version-box small[b-2m9pb0g6si] {
    color: var(--color-text-secondary);
    font-size: .73rem;
}

.version-box strong[b-2m9pb0g6si] {
    margin-top: .3rem;
    color: var(--color-text-primary);
    font-size: clamp(1.35rem, 2.6vw, 2rem);
    font-weight: 620;
}

.version-box strong span[b-2m9pb0g6si] {
    color: var(--color-text-secondary);
    font-size: .85rem;
    font-weight: 500;
}

.version-transition-arrow[b-2m9pb0g6si] {
    color: var(--color-text-secondary);
    font-size: 1.45rem;
}

.prepare-release-button[b-2m9pb0g6si] {
    display: inline-flex;
    min-height: 3.5rem;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    padding: .85rem 1.15rem;
    border: 1px solid color-mix(in srgb, var(--cockpit-accent, var(--color-primary)) 75%, white 12%);
    border-radius: .75rem;
    background: linear-gradient(135deg, color-mix(in srgb, var(--cockpit-accent, var(--color-primary)) 78%, #0b5fff), var(--cockpit-accent, var(--color-primary)));
    color: white;
    font-weight: 750;
    box-shadow: 0 12px 25px color-mix(in srgb, var(--cockpit-accent, var(--color-primary)) 25%, transparent);
}

.prepare-release-button:disabled[b-2m9pb0g6si] {
    opacity: .52;
    box-shadow: none;
}

.next-release-source[b-2m9pb0g6si],
.next-release-warning[b-2m9pb0g6si] {
    margin: .85rem 0 0;
    color: var(--color-text-secondary);
    font-size: .7rem;
}

.next-release-warning[b-2m9pb0g6si] {
    color: var(--color-warning);
}

.cockpit-data-loading[b-2m9pb0g6si] {
    display: flex;
    min-height: 7rem;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    color: var(--color-text-secondary);
}

.cockpit-status-cards[b-2m9pb0g6si] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.cockpit-status-card[b-2m9pb0g6si] {
    display: flex;
    min-height: 150px;
    padding: 1.2rem 1.3rem;
    border: 1px solid var(--border-color-light, var(--color-border));
    border-radius: var(--radius-xl);
    flex-direction: column;
    background: var(--gradient-card, var(--color-surface));
    box-shadow: var(--shadow-card, var(--shadow-md));
}

.cockpit-status-title[b-2m9pb0g6si] {
    display: flex;
    align-items: center;
    gap: .55rem;
    color: var(--color-text-primary);
    font-size: .9rem;
    font-weight: 720;
}

.cockpit-status-card.blocker .cockpit-status-title i[b-2m9pb0g6si],
.cockpit-status-card.failure .cockpit-status-title i[b-2m9pb0g6si] {
    color: var(--color-danger);
}

.cockpit-status-card.success .cockpit-status-title i[b-2m9pb0g6si] {
    color: var(--color-success);
}

.cockpit-status-card > strong[b-2m9pb0g6si] {
    margin-top: 1.1rem;
    color: var(--color-text-primary);
    font-size: 1.35rem;
}

.cockpit-status-card > strong span[b-2m9pb0g6si] {
    color: var(--color-text-secondary);
    font-size: .82rem;
    font-weight: 500;
}

.cockpit-status-card > small[b-2m9pb0g6si] {
    margin-top: .28rem;
    color: var(--color-text-secondary);
    font-size: .72rem;
}

.cockpit-status-card > a[b-2m9pb0g6si] {
    margin-top: auto;
    color: var(--color-primary-light, var(--color-primary));
    font-size: .7rem;
    text-decoration: none;
}

.cockpit-tools-label[b-2m9pb0g6si] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    margin: 1.5rem .15rem .65rem;
}

.cockpit-tools-label span[b-2m9pb0g6si] {
    color: var(--color-text-primary);
    font-size: .85rem;
    font-weight: 750;
}

.cockpit-tools-label small[b-2m9pb0g6si] {
    color: var(--color-text-secondary);
    font-size: .68rem;
}

.cockpit-recent-runs[b-2m9pb0g6si],
.guided-action-panel[b-2m9pb0g6si],
.guided-context-panel[b-2m9pb0g6si],
.guided-step-rail[b-2m9pb0g6si] {
    border: 1px solid var(--border-color-light, var(--color-border));
    border-radius: var(--radius-xl);
    background: var(--gradient-card, var(--color-surface));
    box-shadow: var(--shadow-card, var(--shadow-md));
}

.cockpit-recent-runs[b-2m9pb0g6si] {
    margin-top: 1rem;
    padding: 1.2rem 1.3rem;
}

.cockpit-recent-runs-header[b-2m9pb0g6si],
.cockpit-compact-actions[b-2m9pb0g6si] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
}

.cockpit-recent-runs-header h2[b-2m9pb0g6si],
.guided-action-panel h2[b-2m9pb0g6si],
.guided-context-panel h2[b-2m9pb0g6si] {
    margin: .16rem 0 0;
    color: var(--color-text-primary);
    font-size: 1.05rem;
}

.cockpit-compact-run-list[b-2m9pb0g6si] {
    display: grid;
    margin-top: .85rem;
    border: 1px solid color-mix(in srgb, var(--color-border) 82%, transparent);
    border-radius: .85rem;
    overflow: hidden;
}

.cockpit-compact-run[b-2m9pb0g6si] {
    display: grid;
    grid-template-columns: 2.1rem minmax(0, 1fr) auto auto;
    gap: .75rem;
    align-items: center;
    padding: .72rem .82rem;
    color: var(--color-text-primary);
    text-decoration: none;
}

.cockpit-compact-run + .cockpit-compact-run[b-2m9pb0g6si] {
    border-top: 1px solid color-mix(in srgb, var(--color-border) 82%, transparent);
}

.cockpit-compact-run:hover[b-2m9pb0g6si] {
    background: color-mix(in srgb, var(--cockpit-accent, var(--color-primary)) 5%, transparent);
    color: var(--color-text-primary);
}

.cockpit-compact-run strong[b-2m9pb0g6si],
.cockpit-compact-run small[b-2m9pb0g6si] {
    display: block;
}

.cockpit-compact-run strong[b-2m9pb0g6si] {
    font-size: .78rem;
}

.cockpit-compact-run small[b-2m9pb0g6si],
.cockpit-compact-run > i[b-2m9pb0g6si] {
    margin-top: .08rem;
    color: var(--color-text-secondary);
    font-size: .65rem;
}

.cockpit-compact-run em[b-2m9pb0g6si] {
    padding: .24rem .45rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-text-secondary) 14%, transparent);
    color: var(--color-text-secondary);
    font-size: .62rem;
    font-style: normal;
    font-weight: 800;
}

.cockpit-compact-run em.success[b-2m9pb0g6si] {
    background: color-mix(in srgb, var(--color-success) 14%, transparent);
    color: var(--color-success);
}

.cockpit-compact-run em.failure[b-2m9pb0g6si] {
    background: color-mix(in srgb, var(--color-danger) 14%, transparent);
    color: var(--color-danger);
}

.cockpit-compact-empty[b-2m9pb0g6si] {
    margin-top: .85rem;
    padding: 1rem;
    border: 1px dashed var(--color-border);
    border-radius: .8rem;
    color: var(--color-text-secondary);
    font-size: .75rem;
    text-align: center;
}

.guided-cockpit[b-2m9pb0g6si] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    align-items: start;
    margin-top: 1rem;
}

.guided-step-rail[b-2m9pb0g6si],
.guided-action-panel[b-2m9pb0g6si],
.guided-context-panel[b-2m9pb0g6si] {
    padding: 1.2rem;
}

.guided-cockpit .guided-step-rail[b-2m9pb0g6si] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .35rem;
    position: static;
}

.guided-step-rail-heading[b-2m9pb0g6si],
.guided-step-rail-footer[b-2m9pb0g6si] {
    grid-column: 1 / -1;
}

.guided-step[b-2m9pb0g6si] {
    grid-template-columns: 1.8rem minmax(0, 1fr);
    padding: .6rem;
}

.guided-step + .guided-step[b-2m9pb0g6si] {
    margin-top: 0;
}

.guided-step > i[b-2m9pb0g6si] {
    display: none;
}

.guided-cockpit .automation-layout[b-2m9pb0g6si] {
    grid-template-columns: minmax(0, 1.35fr) minmax(20rem, .65fr);
}

.guided-step-rail-heading[b-2m9pb0g6si] {
    display: grid;
    gap: .15rem;
    padding: 0 .25rem .75rem;
}

.guided-step-rail-heading strong[b-2m9pb0g6si] {
    color: var(--color-text-primary);
    font-size: .92rem;
}

.guided-step[b-2m9pb0g6si] {
    display: grid;
    grid-template-columns: 1.9rem minmax(0, 1fr) auto;
    gap: .65rem;
    align-items: center;
    width: 100%;
    padding: .72rem .65rem;
    border: 1px solid transparent;
    border-radius: .75rem;
    background: transparent;
    color: var(--color-text-secondary);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color .16s ease, background-color .16s ease, transform .16s ease;
}

.guided-step + .guided-step[b-2m9pb0g6si] {
    margin-top: .2rem;
}

.guided-step > span:first-child[b-2m9pb0g6si] {
    display: grid;
    width: 1.9rem;
    height: 1.9rem;
    place-items: center;
    border-radius: 50%;
    background: color-mix(in srgb, var(--color-text-secondary) 14%, transparent);
    font-size: .7rem;
    font-weight: 850;
}

.guided-step:hover[b-2m9pb0g6si] {
    border-color: color-mix(in srgb, var(--cockpit-accent, var(--color-primary)) 34%, var(--color-border));
    background: color-mix(in srgb, var(--cockpit-accent, var(--color-primary)) 5%, transparent);
    transform: translateX(.12rem);
}

.guided-step:focus-visible[b-2m9pb0g6si] {
    outline: 2px solid var(--cockpit-accent, var(--color-primary));
    outline-offset: 2px;
}

.guided-step-copy[b-2m9pb0g6si] {
    min-width: 0;
}

.guided-step strong[b-2m9pb0g6si],
.guided-step small[b-2m9pb0g6si] {
    display: block;
}

.guided-step strong[b-2m9pb0g6si] {
    color: var(--color-text-primary);
    font-size: .76rem;
}

.guided-step small[b-2m9pb0g6si] {
    margin-top: .08rem;
    font-size: .62rem;
}

.guided-step.complete > span:first-child[b-2m9pb0g6si] {
    background: color-mix(in srgb, var(--color-success) 18%, transparent);
    color: var(--color-success);
}

.guided-step.current[b-2m9pb0g6si] {
    border-color: color-mix(in srgb, var(--cockpit-accent, var(--color-primary)) 52%, var(--color-border));
    background: color-mix(in srgb, var(--cockpit-accent, var(--color-primary)) 8%, transparent);
}

.guided-step.current > span:first-child[b-2m9pb0g6si],
.guided-step.current > i[b-2m9pb0g6si] {
    background: color-mix(in srgb, var(--cockpit-accent, var(--color-primary)) 18%, transparent);
    color: var(--cockpit-accent, var(--color-primary));
}

.guided-step-rail-footer[b-2m9pb0g6si] {
    margin-top: .75rem;
    padding-top: .75rem;
    border-top: 1px solid var(--color-border);
}

.guided-audit-button[b-2m9pb0g6si] {
    display: flex;
    align-items: center;
    gap: .55rem;
    width: 100%;
    padding: .65rem;
    border: 0;
    border-radius: .7rem;
    background: transparent;
    color: var(--color-text-secondary);
    font-size: .68rem;
    font-weight: 750;
    text-align: left;
}

.guided-audit-button:hover[b-2m9pb0g6si],
.guided-audit-button:focus-visible[b-2m9pb0g6si] {
    background: color-mix(in srgb, var(--cockpit-accent, var(--color-primary)) 7%, transparent);
    color: var(--color-text-primary);
}

.guided-main-window[b-2m9pb0g6si] {
    min-width: 0;
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.guided-evidence-panel[b-2m9pb0g6si],
.guided-acceptance-panel[b-2m9pb0g6si] {
    padding: 1.25rem;
    border: 1px solid var(--border-color-light, var(--color-border));
    border-radius: var(--radius-xl);
    background: var(--gradient-card, var(--color-surface));
    box-shadow: var(--shadow-card, var(--shadow-md));
}

.guided-evidence-heading[b-2m9pb0g6si] {
    display: grid;
    grid-template-columns: 2.8rem minmax(0, 1fr) auto;
    gap: .85rem;
    align-items: center;
}

.guided-evidence-icon[b-2m9pb0g6si] {
    display: grid;
    width: 2.8rem;
    height: 2.8rem;
    place-items: center;
    border-radius: 50%;
    background: color-mix(in srgb, var(--cockpit-accent, var(--color-primary)) 13%, transparent);
    color: var(--cockpit-accent, var(--color-primary));
}

.guided-evidence-heading h3[b-2m9pb0g6si],
.guided-evidence-heading p[b-2m9pb0g6si] {
    margin: 0;
}

.guided-evidence-heading h3[b-2m9pb0g6si] {
    margin-top: .12rem;
    color: var(--color-text-primary);
    font-size: 1rem;
}

.guided-evidence-heading p[b-2m9pb0g6si] {
    margin-top: .25rem;
    color: var(--color-text-secondary);
    font-size: .74rem;
}

.guided-evidence-state[b-2m9pb0g6si] {
    padding: .24rem .55rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-text-secondary) 12%, transparent);
    color: var(--color-text-secondary);
    font-size: .62rem;
    font-weight: 800;
}

.guided-evidence-state.complete[b-2m9pb0g6si] {
    background: color-mix(in srgb, var(--color-success) 14%, transparent);
    color: var(--color-success);
}

.guided-evidence-state.active[b-2m9pb0g6si] {
    background: color-mix(in srgb, var(--color-warning) 14%, transparent);
    color: var(--color-warning);
}

.guided-evidence-state.attention[b-2m9pb0g6si] {
    background: color-mix(in srgb, var(--color-danger) 12%, transparent);
    color: var(--color-danger);
}

.guided-acceptance-summary[b-2m9pb0g6si] {
    display: grid;
    grid-template-columns: 2.8rem minmax(0, 1fr);
    gap: .85rem;
    align-items: start;
}

.guided-acceptance-icon[b-2m9pb0g6si] {
    display: grid;
    width: 2.8rem;
    height: 2.8rem;
    place-items: center;
    border-radius: 50%;
    background: color-mix(in srgb, var(--cockpit-accent, var(--color-primary)) 13%, transparent);
    color: var(--cockpit-accent, var(--color-primary));
}

.guided-acceptance-summary h3[b-2m9pb0g6si],
.guided-acceptance-summary p[b-2m9pb0g6si] {
    margin: 0;
}

.guided-acceptance-summary h3[b-2m9pb0g6si] {
    color: var(--color-text-primary);
    font-size: 1rem;
}

.guided-acceptance-summary p[b-2m9pb0g6si] {
    margin-top: .3rem;
    color: var(--color-text-secondary);
    font-size: .76rem;
}

.guided-acceptance-gates[b-2m9pb0g6si] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    margin: 1rem 0;
}

.guided-acceptance-gates > div[b-2m9pb0g6si] {
    padding: .85rem;
    border: 1px solid var(--color-border);
    border-radius: .8rem;
    background: color-mix(in srgb, var(--color-surface) 88%, var(--color-bg));
}

.guided-acceptance-gates dt[b-2m9pb0g6si] {
    color: var(--color-text-secondary);
    font-size: .62rem;
    font-weight: 800;
    text-transform: uppercase;
}

.guided-acceptance-gates dd[b-2m9pb0g6si] {
    margin: .2rem 0 0;
    color: var(--color-text-primary);
    font-size: .76rem;
}

.guided-intro[b-2m9pb0g6si] {
    margin: .55rem 0 1rem;
    color: var(--color-text-secondary);
    font-size: .76rem;
}

.guided-evidence-list[b-2m9pb0g6si] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    margin-top: 1rem;
}

.guided-evidence-list > div[b-2m9pb0g6si] {
    padding: .85rem;
    border: 1px solid var(--color-border);
    border-radius: .8rem;
    background: color-mix(in srgb, var(--color-surface) 88%, var(--color-bg));
}

.guided-evidence-list span[b-2m9pb0g6si],
.guided-evidence-list strong[b-2m9pb0g6si],
.guided-recommendation small[b-2m9pb0g6si],
.guided-recommendation strong[b-2m9pb0g6si] {
    display: block;
}

.guided-evidence-list span[b-2m9pb0g6si],
.guided-recommendation small[b-2m9pb0g6si] {
    color: var(--color-text-secondary);
    font-size: .65rem;
}

.guided-evidence-list strong[b-2m9pb0g6si] {
    margin-top: .22rem;
    color: var(--color-text-primary);
    font-size: .88rem;
}

.guided-evidence-list code[b-2m9pb0g6si] {
    overflow-wrap: anywhere;
    color: inherit;
}

.guided-version-artifacts[b-2m9pb0g6si] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
    gap: .75rem;
    margin-top: 1rem;
}

.guided-version-artifacts article[b-2m9pb0g6si] {
    min-width: 0;
    padding: .85rem;
    border: 1px solid var(--color-border);
    border-radius: .8rem;
    background: color-mix(in srgb, var(--color-surface) 88%, var(--color-bg));
}

.guided-version-artifacts article > span[b-2m9pb0g6si] {
    display: block;
}

.guided-version-artifacts span[b-2m9pb0g6si] {
    color: var(--color-primary-light, var(--color-primary));
    font-size: .64rem;
    font-weight: 800;
}

.guided-version-artifacts h4[b-2m9pb0g6si] {
    margin: .35rem 0;
    font-size: .95rem;
    overflow-wrap: anywhere;
}

.guided-version-artifacts p[b-2m9pb0g6si] {
    margin: .35rem 0 .75rem;
    color: var(--color-text-secondary);
    font-size: .8rem;
    overflow-wrap: anywhere;
}

.artifact-evidence-details summary[b-2m9pb0g6si] {
    cursor: pointer;
    color: var(--color-primary-light, var(--color-primary));
    font-size: .78rem;
    font-weight: 650;
}

.artifact-evidence-details code[b-2m9pb0g6si] {
    display: block;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    padding: .75rem;
    border-radius: .5rem;
    background: var(--color-bg);
    margin-top: .25rem;
    color: var(--color-text-primary);
    font-size: .78rem;
    line-height: 1.4;
}

.guided-evidence-note[b-2m9pb0g6si] {
    display: flex;
    gap: .45rem;
    align-items: flex-start;
    margin: .85rem 0 0;
    padding-top: .75rem;
    border-top: 1px dashed var(--color-border);
    color: var(--color-text-secondary);
    font-size: .7rem;
    line-height: 1.45;
}

.guided-evidence-note i[b-2m9pb0g6si] {
    margin-top: .13rem;
    color: var(--cockpit-accent, var(--color-primary));
}

.guided-recommendation[b-2m9pb0g6si] {
    display: grid;
    grid-template-columns: .8fr .6fr minmax(13rem, 1.4fr);
    gap: .8rem;
    align-items: end;
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--cockpit-accent, var(--color-primary)) 48%, var(--color-border));
    border-radius: .9rem;
    background: color-mix(in srgb, var(--cockpit-accent, var(--color-primary)) 7%, var(--color-surface));
}

.guided-recommendation-label[b-2m9pb0g6si] {
    grid-column: 1 / -1;
    color: var(--cockpit-accent, var(--color-primary));
    font-size: .66rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.guided-recommendation strong[b-2m9pb0g6si] {
    margin-top: .16rem;
    color: var(--color-text-primary);
    font-size: 1.55rem;
}

.guided-onboarding[b-2m9pb0g6si] {
    display: grid;
    gap: .7rem;
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--color-warning) 42%, var(--color-border));
    border-radius: .85rem;
    color: var(--color-warning);
}

.guided-onboarding.ready[b-2m9pb0g6si] {
    border-color: color-mix(in srgb, var(--cockpit-accent, var(--color-primary)) 42%, var(--color-border));
    color: var(--cockpit-accent, var(--color-primary));
}

.guided-onboarding p[b-2m9pb0g6si] {
    margin: 0;
    color: var(--color-text-secondary);
    font-size: .74rem;
}

.guided-next-step[b-2m9pb0g6si] {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
    padding-top: .85rem;
    border-top: 1px solid var(--color-border);
    color: var(--color-text-secondary);
    font-size: .72rem;
}

.guided-next-step strong[b-2m9pb0g6si] {
    color: var(--color-text-primary);
}

.guided-context-panel[b-2m9pb0g6si] {
    position: sticky;
    top: 1rem;
}

.guided-context-panel dl[b-2m9pb0g6si] {
    margin: .7rem 0 0;
}

.guided-context-panel dl > div[b-2m9pb0g6si] {
    padding: .66rem 0;
    border-top: 1px solid var(--color-border);
}

.guided-context-panel dt[b-2m9pb0g6si] {
    color: var(--color-text-secondary);
    font-size: .62rem;
    font-weight: 750;
    text-transform: uppercase;
}

.guided-context-panel dd[b-2m9pb0g6si] {
    margin: .18rem 0 0;
    color: var(--color-text-primary);
    font-size: .74rem;
    overflow-wrap: anywhere;
}

.guided-context-actions[b-2m9pb0g6si] {
    display: grid;
    gap: .55rem;
    margin-top: .75rem;
}

.cockpit-detail-section[b-2m9pb0g6si] {
    margin-top: 1rem;
    padding-top: .25rem;
    border-top: 1px solid color-mix(in srgb, var(--cockpit-accent, var(--color-primary)) 24%, var(--color-border));
}

.release-workspace-guide[b-2m9pb0g6si] {
    display: grid;
    grid-template-columns: minmax(15rem, .9fr) minmax(0, 1.6fr);
    gap: 1.25rem;
    align-items: center;
    margin: 1rem 0;
    padding: .95rem 1.15rem;
    border: 1px solid var(--border-color-light, var(--color-border));
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--color-primary) 4%, var(--color-surface));
}

.release-workspace-guide-copy strong[b-2m9pb0g6si] {
    display: block;
    margin-top: .2rem;
    color: var(--color-text-primary);
    font-size: .82rem;
    line-height: 1.4;
}

.release-workspace-guide ol[b-2m9pb0g6si] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .55rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.release-workspace-guide li[b-2m9pb0g6si] {
    display: flex;
    align-items: center;
    gap: .42rem;
    min-width: 0;
    color: var(--color-text-secondary);
    font-size: .69rem;
    font-weight: 700;
    line-height: 1.25;
}

.release-workspace-guide li span[b-2m9pb0g6si] {
    display: grid;
    flex: 0 0 1.35rem;
    width: 1.35rem;
    height: 1.35rem;
    place-items: center;
    border: 1px solid var(--color-border);
    border-radius: 50%;
    color: var(--color-text-subtle);
    font-size: .62rem;
}

.release-workspace-guide li.active[b-2m9pb0g6si] {
    color: var(--color-text-primary);
}

.release-workspace-guide li.active span[b-2m9pb0g6si] {
    border-color: var(--color-primary);
    background: var(--color-primary);
    color: white;
}

.release-title-icon[b-2m9pb0g6si] {
    display: inline-grid;
    width: 2.35rem;
    height: 2.35rem;
    margin-right: .45rem;
    place-items: center;
    border-radius: .75rem;
    background: color-mix(in srgb, var(--color-primary) 15%, transparent);
    color: var(--color-primary-light, var(--color-primary));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-primary) 22%, transparent);
}

.release-header-actions[b-2m9pb0g6si] {
    z-index: 1;
    display: flex;
    align-items: center;
    gap: .65rem;
}

.console-connection[b-2m9pb0g6si] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    padding: .55rem .8rem;
    border: 1px solid var(--color-border);
    border-radius: 999px;
    background: var(--color-surface);
    color: var(--color-text-secondary);
    font-size: .8rem;
    font-weight: 700;
    white-space: nowrap;
}

.console-connection-dot[b-2m9pb0g6si] {
    width: .55rem;
    height: .55rem;
    border-radius: 50%;
    background: var(--color-warning);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-warning) 16%, transparent);
}

.console-connection.ready[b-2m9pb0g6si] {
    color: var(--color-success);
}

.console-connection.ready .console-connection-dot[b-2m9pb0g6si] {
    background: var(--color-success);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-success) 16%, transparent);
}

.configuration-notice[b-2m9pb0g6si] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.25rem;
    padding: 1rem 1.15rem;
    border: 1px solid color-mix(in srgb, var(--color-warning) 40%, var(--color-border));
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--color-warning) 7%, var(--color-surface));
}

.configuration-notice-icon[b-2m9pb0g6si] {
    display: grid;
    flex: 0 0 2.4rem;
    width: 2.4rem;
    height: 2.4rem;
    place-items: center;
    border-radius: .75rem;
    background: color-mix(in srgb, var(--color-warning) 16%, transparent);
    color: var(--color-warning);
}

.configuration-notice strong[b-2m9pb0g6si],
.configuration-notice p[b-2m9pb0g6si] {
    display: block;
}

.console-area-tabs[b-2m9pb0g6si] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .7rem;
    margin-bottom: 1rem;
}

.console-area-tabs.single[b-2m9pb0g6si] {
    grid-template-columns: minmax(0, 1fr);
}

.console-area-tabs.two[b-2m9pb0g6si] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.console-area-tabs button[b-2m9pb0g6si] {
    display: grid;
    grid-template-columns: 2.55rem minmax(0, 1fr);
    gap: .75rem;
    align-items: center;
    padding: .8rem .9rem;
    border: 1px solid var(--border-color-light, var(--color-border));
    border-radius: var(--radius-lg);
    background: var(--gradient-card, var(--color-surface));
    color: var(--color-text-secondary);
    text-align: left;
    box-shadow: var(--shadow-card, var(--shadow-sm));
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.console-area-tabs button > i[b-2m9pb0g6si] {
    display: grid;
    width: 2.55rem;
    height: 2.55rem;
    place-items: center;
    border-radius: .75rem;
    background: color-mix(in srgb, var(--color-text-secondary) 9%, transparent);
}

.console-area-tabs button span[b-2m9pb0g6si],
.console-area-tabs button strong[b-2m9pb0g6si],
.console-area-tabs button small[b-2m9pb0g6si] {
    display: block;
}

.console-area-tabs button strong[b-2m9pb0g6si] {
    color: var(--color-text-primary);
    font-size: .78rem;
}

.console-area-tabs button small[b-2m9pb0g6si] {
    margin-top: .15rem;
    color: var(--color-text-secondary);
    font-size: .66rem;
}

.console-area-tabs button:hover[b-2m9pb0g6si],
.console-area-tabs button.active[b-2m9pb0g6si] {
    border-color: color-mix(in srgb, var(--color-primary) 55%, var(--color-border));
    background: color-mix(in srgb, var(--color-primary) 6%, var(--color-surface));
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
}

.console-area-tabs button.active > i[b-2m9pb0g6si] {
    background: color-mix(in srgb, var(--color-primary) 13%, transparent);
    color: var(--color-primary-light, var(--color-primary));
}

.configuration-notice p[b-2m9pb0g6si] {
    margin: .25rem 0 0;
    color: var(--color-text-secondary);
    font-size: .85rem;
}

.automation-layout[b-2m9pb0g6si] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(21rem, .85fr);
    gap: 1.25rem;
    align-items: start;
}

.automation-panel[b-2m9pb0g6si] {
    position: relative;
    border: 1px solid var(--border-color-light, var(--color-border));
    border-radius: var(--radius-xl);
    background: var(--gradient-card, var(--color-surface));
    box-shadow: var(--shadow-card, var(--shadow-md));
    overflow: hidden;
}

.automation-panel[b-2m9pb0g6si]::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--color-primary), color-mix(in srgb, var(--color-primary) 20%, transparent));
    content: '';
}

.configuration-panel[b-2m9pb0g6si] {
    padding: 1.35rem;
    overflow: visible;
}

.runs-panel[b-2m9pb0g6si] {
    position: sticky;
    top: 1rem;
}

.automation-panel-header[b-2m9pb0g6si] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.runs-header[b-2m9pb0g6si] {
    align-items: center;
    margin: 0;
    padding: 1.2rem 1.25rem;
    border-bottom: 1px solid var(--color-border);
}

.automation-panel-header h2[b-2m9pb0g6si] {
    margin: .15rem 0 0;
    color: var(--color-text-primary);
    font-size: 1.15rem;
}

.configuration-title-row[b-2m9pb0g6si] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
}

.guided-config-context[b-2m9pb0g6si] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    margin-top: .15rem;
    color: var(--color-text-secondary);
    font-size: .62rem;
}

.guided-config-context > i[b-2m9pb0g6si] {
    color: var(--cockpit-accent, var(--color-primary));
}

.guided-config-status[b-2m9pb0g6si] {
    padding: .13rem .38rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-text-secondary) 12%, transparent);
    color: var(--color-text-secondary);
    font-size: .55rem;
    font-weight: 800;
}

.guided-config-status.complete[b-2m9pb0g6si] {
    background: color-mix(in srgb, var(--color-success) 14%, transparent);
    color: var(--color-success);
}

.guided-config-status.active[b-2m9pb0g6si] {
    background: color-mix(in srgb, var(--color-warning) 14%, transparent);
    color: var(--color-warning);
}

.guided-config-status.attention[b-2m9pb0g6si] {
    background: color-mix(in srgb, var(--color-danger) 12%, transparent);
    color: var(--color-danger);
}

.step-kicker[b-2m9pb0g6si] {
    color: var(--color-primary);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.workflow-count[b-2m9pb0g6si],
.workflow-badge[b-2m9pb0g6si] {
    display: inline-flex;
    align-items: center;
    min-height: 1.65rem;
    padding: .2rem .55rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 10%, transparent);
    color: var(--color-primary-light, var(--color-primary));
    font-size: .68rem;
    font-weight: 750;
}

.field-help[b-2m9pb0g6si] {
    margin-top: .35rem;
    color: var(--color-text-tertiary, var(--color-text-secondary));
    font-size: .75rem;
    line-height: 1.45;
}

.field-help code[b-2m9pb0g6si],
.configuration-notice code[b-2m9pb0g6si] {
    color: var(--color-text-primary);
}

.release-unavailable-state[b-2m9pb0g6si] {
    background: var(--gradient-card, var(--color-surface));
    box-shadow: var(--shadow-card, var(--shadow-md));
}

.workflow-picker[b-2m9pb0g6si] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
    gap: .75rem;
    margin: 1.2rem 0;
}

.workflow-option[b-2m9pb0g6si] {
    display: grid;
    grid-template-columns: 2.25rem minmax(0, 1fr);
    gap: .65rem;
    align-content: start;
    align-items: start;
    min-height: 0;
    width: 100%;
    padding: .85rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--color-surface) 92%, var(--color-bg));
    color: inherit;
    text-align: left;
    transition: border-color .16s ease, background .16s ease, transform .16s ease;
}

.workflow-option:hover[b-2m9pb0g6si] {
    border-color: color-mix(in srgb, var(--color-primary) 45%, var(--color-border));
    transform: translateY(-1px);
}

.workflow-option.selected[b-2m9pb0g6si] {
    border-color: var(--color-primary);
    background: color-mix(in srgb, var(--color-primary) 7%, var(--color-surface));
    box-shadow: inset 0 3px 0 var(--color-primary);
}


.workflow-option-icon[b-2m9pb0g6si] {
    display: grid;
    width: 2.25rem;
    height: 2.25rem;
    place-items: center;
    border-radius: .75rem;
    background: color-mix(in srgb, var(--color-primary) 12%, transparent);
    color: var(--color-primary-light, var(--color-primary));
}

.workflow-option-copy[b-2m9pb0g6si],
.workflow-option-copy span[b-2m9pb0g6si] {
    display: block;
    min-width: 0;
}

.workflow-option-copy > span:last-child[b-2m9pb0g6si] {
    margin-top: .2rem;
    color: var(--color-text-secondary);
    font-size: .76rem;
    line-height: 1.4;
}

.workflow-option-topline[b-2m9pb0g6si] {
    display: flex !important;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: .75rem;
    color: var(--color-text-primary);
}

.workflow-chevron[b-2m9pb0g6si] {
    display: none;
}

.workflow-configuration[b-2m9pb0g6si] {
    margin-top: 1rem;
    border: 1px solid color-mix(in srgb, var(--color-primary) 38%, var(--color-border));
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--color-primary) 3%, var(--color-surface));
    overflow: hidden;
}

.workflow-config-section-icon[b-2m9pb0g6si] {
    display: grid;
    width: 2.35rem;
    height: 2.35rem;
    place-items: center;
    border-radius: .7rem;
    background: color-mix(in srgb, var(--color-primary) 13%, transparent);
    color: var(--color-primary-light, var(--color-primary));
}

.workflow-config-section-header small[b-2m9pb0g6si],
.workflow-config-section-header strong[b-2m9pb0g6si] {
    display: block;
}

.runner-hint.compact[b-2m9pb0g6si],
.compliance-hint.compact[b-2m9pb0g6si] {
    margin: 0;
    border-top: 0;
    border-radius: 0;
}

.runner-hint.compact[b-2m9pb0g6si] {
    padding: .65rem .85rem;
    font-size: .72rem;
}

.workflow-config-sections[b-2m9pb0g6si] {
    display: grid;
    gap: .7rem;
    margin-top: .7rem;
    padding: .7rem;
}

.workflow-config-section[b-2m9pb0g6si] {
    overflow: hidden;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--color-surface) 94%, var(--color-bg));
}

.workflow-config-section.basis[b-2m9pb0g6si] {
    border-color: color-mix(in srgb, var(--color-primary) 48%, var(--color-border));
}

.workflow-config-section-header[b-2m9pb0g6si] {
    display: grid;
    grid-template-columns: 2.35rem minmax(0, 1fr) auto;
    gap: .65rem;
    align-items: center;
    width: 100%;
    padding: .72rem .8rem;
    border: 0;
    background: color-mix(in srgb, var(--color-surface) 86%, var(--color-bg));
    color: inherit;
    text-align: left;
}

.workflow-config-section-header > i[b-2m9pb0g6si] {
    color: var(--color-success);
    font-size: .82rem;
}

.workflow-config-section-header strong[b-2m9pb0g6si] {
    color: var(--color-text-primary);
    font-size: .8rem;
}

.workflow-config-section-header small[b-2m9pb0g6si] {
    margin-top: .1rem;
    color: var(--color-text-secondary);
    font-size: .66rem;
}

.workflow-config-section-toggle[b-2m9pb0g6si] {
    cursor: pointer;
}

.workflow-config-section-toggle:hover[b-2m9pb0g6si] {
    background: color-mix(in srgb, var(--color-primary) 6%, var(--color-surface));
}

.workflow-config-section-toggle > i[b-2m9pb0g6si] {
    color: var(--color-text-secondary);
}

.workflow-group-inputs[b-2m9pb0g6si] {
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    margin: 0;
    padding: .85rem;
}

.workflow-group-inputs .boolean-input[b-2m9pb0g6si],
.workflow-group-inputs .metadata-snapshot-input[b-2m9pb0g6si] {
    grid-column: auto;
}

.workflow-destination-list[b-2m9pb0g6si] {
    display: grid;
    gap: .55rem;
    padding: .55rem .85rem .85rem;
}

.workflow-destination-row[b-2m9pb0g6si] {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: .55rem;
    align-items: start;
    padding: .65rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface);
}

.workflow-destination-row.selected[b-2m9pb0g6si] {
    border-color: var(--color-primary);
    box-shadow: inset 2px 0 0 var(--color-primary);
}

.workflow-destination-row.blocked[b-2m9pb0g6si] {
    border-color: color-mix(in srgb, var(--color-danger) 42%, var(--color-border));
    background: color-mix(in srgb, var(--color-danger) 5%, var(--color-surface));
}

.workflow-destination-copy[b-2m9pb0g6si],
.workflow-destination-copy strong[b-2m9pb0g6si],
.workflow-destination-copy small[b-2m9pb0g6si] {
    display: block;
    min-width: 0;
}

.workflow-destination-copy strong[b-2m9pb0g6si] {
    color: var(--color-text-primary);
    font-size: .72rem;
}

.workflow-destination-copy small[b-2m9pb0g6si] {
    margin-top: .08rem;
    color: var(--color-text-secondary);
    font-size: .61rem;
}

.workflow-destination-copy .destination-detail[b-2m9pb0g6si] {
    margin-top: .3rem;
    padding: .3rem .4rem;
    font-size: .6rem;
}

.workflow-destination-footer[b-2m9pb0g6si] {
    display: flex;
    grid-column: 2;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem;
    margin-top: .08rem;
}

.workflow-destination-footer .capability-status[b-2m9pb0g6si],
.workflow-destination-footer .destination-fixed[b-2m9pb0g6si],
.workflow-destination-footer .destination-unavailable[b-2m9pb0g6si],
.workflow-destination-footer a[b-2m9pb0g6si] {
    display: inline-flex;
    min-height: 1.7rem;
    align-items: center;
    gap: .25rem;
    padding: .25rem .45rem;
    border-radius: var(--radius-sm);
}

.workflow-destination-footer .destination-fixed[b-2m9pb0g6si],
.workflow-destination-footer .destination-unavailable[b-2m9pb0g6si],
.workflow-destination-footer a[b-2m9pb0g6si] {
    background: color-mix(in srgb, var(--color-text-secondary) 7%, transparent);
}

.workflow-destination-footer a[b-2m9pb0g6si] {
    color: var(--color-primary-light, var(--color-primary));
    font-size: .61rem;
    text-decoration: none;
}

.destination-selection-control[b-2m9pb0g6si] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.7rem;
    gap: .35rem;
    padding: .25rem .45rem;
    color: var(--color-primary-light, var(--color-primary));
    background: transparent;
    border: 1px solid color-mix(in srgb, var(--color-primary) 54%, var(--color-border));
    border-radius: var(--radius-sm);
    cursor: pointer;
    font-size: .66rem;
    font-weight: 700;
}

.destination-selection-control:hover[b-2m9pb0g6si] {
    background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
}

.destination-selection-control.selected[b-2m9pb0g6si] {
    color: #fff;
    background: var(--color-primary);
    border-color: var(--color-primary);
}

.runner-hint[b-2m9pb0g6si],
.compliance-hint[b-2m9pb0g6si] {
    display: flex;
    gap: .7rem;
    margin: 1rem 0;
    padding: .8rem .9rem;
    border-radius: var(--radius-md);
    font-size: .8rem;
    line-height: 1.45;
}

.selected-release-action[b-2m9pb0g6si] {
    display: grid;
    grid-template-columns: 2.15rem minmax(0, 1fr);
    gap: .65rem;
    align-items: center;
    margin: 1rem 0;
    padding: .75rem .85rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--color-surface) 90%, var(--color-bg));
}

.selected-release-action-icon[b-2m9pb0g6si] {
    display: grid;
    width: 2.15rem;
    height: 2.15rem;
    place-items: center;
    border-radius: .65rem;
    background: color-mix(in srgb, var(--color-primary) 12%, transparent);
    color: var(--color-primary-light, var(--color-primary));
}

.selected-release-action > span:last-child[b-2m9pb0g6si],
.selected-release-action small[b-2m9pb0g6si],
.selected-release-action strong[b-2m9pb0g6si] {
    display: block;
}

.selected-release-action small[b-2m9pb0g6si] {
    color: var(--color-text-tertiary, var(--color-text-secondary));
    font-size: .62rem;
    font-weight: 750;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.selected-release-action strong[b-2m9pb0g6si] {
    margin-top: .12rem;
    color: var(--color-text-primary);
    font-size: .8rem;
}

.selected-release-action > span:last-child > span[b-2m9pb0g6si] {
    margin-top: .14rem;
    color: var(--color-text-secondary);
    font-size: .7rem;
    line-height: 1.38;
}

.selected-release-action.check[b-2m9pb0g6si] {
    border-color: color-mix(in srgb, var(--color-success) 33%, var(--color-border));
}

.selected-release-action.check .selected-release-action-icon[b-2m9pb0g6si] {
    background: color-mix(in srgb, var(--color-success) 13%, transparent);
    color: var(--color-success);
}

.selected-release-action.metadata[b-2m9pb0g6si] {
    border-color: color-mix(in srgb, var(--color-primary) 38%, var(--color-border));
}

.selected-release-action.upload[b-2m9pb0g6si] {
    border-color: color-mix(in srgb, var(--color-warning) 45%, var(--color-border));
    background: color-mix(in srgb, var(--color-warning) 5%, var(--color-surface));
}

.selected-release-action.upload .selected-release-action-icon[b-2m9pb0g6si] {
    background: color-mix(in srgb, var(--color-warning) 14%, transparent);
    color: var(--color-warning);
}

.runner-hint[b-2m9pb0g6si] {
    align-items: center;
    border: 1px dashed var(--color-border);
    color: var(--color-text-secondary);
}

.runner-hint i[b-2m9pb0g6si] {
    color: var(--color-warning);
}

.compliance-hint[b-2m9pb0g6si] {
    align-items: flex-start;
    border: 1px solid color-mix(in srgb, var(--color-success) 34%, var(--color-border));
    background: color-mix(in srgb, var(--color-success) 6%, var(--color-surface));
    color: var(--color-text-secondary);
}

.compliance-hint > i[b-2m9pb0g6si] {
    margin-top: .15rem;
    color: var(--color-success);
}

.compliance-hint strong[b-2m9pb0g6si],
.compliance-hint span[b-2m9pb0g6si],
.compliance-hint small[b-2m9pb0g6si] {
    display: block;
}

.compliance-hint strong[b-2m9pb0g6si] {
    color: var(--color-text-primary);
}

.compliance-hint small[b-2m9pb0g6si] {
    margin-top: .25rem;
    color: var(--color-warning);
}

.release-destination-picker[b-2m9pb0g6si] {
    margin-top: 1.2rem;
    padding: 1rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--color-surface) 90%, var(--color-bg));
}

.release-destination-header[b-2m9pb0g6si],
.release-destination-topline[b-2m9pb0g6si],
.release-destination-actions[b-2m9pb0g6si],
.issue-stage-title[b-2m9pb0g6si] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.release-destination-header h3[b-2m9pb0g6si] {
    margin: .1rem 0 0;
    color: var(--color-text-primary);
    font-size: .95rem;
}

.release-destination-header > span[b-2m9pb0g6si] {
    color: var(--color-text-tertiary, var(--color-text-secondary));
    font-size: .66rem;
}

.release-destination-grid[b-2m9pb0g6si] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .7rem;
    margin-top: .85rem;
}

.release-destination-card[b-2m9pb0g6si] {
    display: flex;
    min-width: 0;
    padding: .8rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    flex-direction: column;
    background: var(--color-surface);
}

.release-destination-card.selected[b-2m9pb0g6si] {
    border-color: var(--color-primary);
    box-shadow: inset 3px 0 0 var(--color-primary);
}

.release-destination-card.configuration-required[b-2m9pb0g6si],
.release-destination-card.planned[b-2m9pb0g6si] {
    background: color-mix(in srgb, var(--color-bg) 65%, var(--color-surface));
}

.release-destination-card.blocked[b-2m9pb0g6si] {
    border-color: color-mix(in srgb, var(--color-danger) 42%, var(--color-border));
    background: color-mix(in srgb, var(--color-danger) 7%, var(--color-surface));
}

.release-destination-icon[b-2m9pb0g6si],
.issue-stage-icon[b-2m9pb0g6si] {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: .6rem;
    background: color-mix(in srgb, var(--color-primary) 11%, transparent);
    color: var(--color-primary-light, var(--color-primary));
}

.release-destination-card > strong[b-2m9pb0g6si] {
    margin-top: .55rem;
    color: var(--color-text-primary);
    font-size: .8rem;
}

.release-destination-card > small[b-2m9pb0g6si],
.destination-detail[b-2m9pb0g6si],
.destination-fixed[b-2m9pb0g6si],
.destination-unavailable[b-2m9pb0g6si] {
    color: var(--color-text-tertiary, var(--color-text-secondary));
    font-size: .65rem;
}

.destination-unavailable[b-2m9pb0g6si] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
}

.release-destination-card > p[b-2m9pb0g6si] {
    margin: .35rem 0;
    color: var(--color-text-secondary);
    font-size: .7rem;
    line-height: 1.4;
}

.destination-detail[b-2m9pb0g6si] {
    display: block;
    padding: .45rem;
    border-radius: .45rem;
    background: color-mix(in srgb, var(--color-warning) 7%, transparent);
    line-height: 1.35;
}

.release-destination-actions[b-2m9pb0g6si] {
    margin-top: auto;
    padding-top: .65rem;
}

.release-destination-actions a[b-2m9pb0g6si] {
    color: var(--color-primary-light, var(--color-primary));
    font-size: .66rem;
    text-decoration: none;
}

.capability-status[b-2m9pb0g6si] {
    display: inline-flex;
    padding: .18rem .45rem;
    border-radius: 999px;
    font-size: .6rem;
    font-weight: 760;
    white-space: nowrap;
}

.capability-status.ready[b-2m9pb0g6si] {
    background: color-mix(in srgb, var(--color-success) 12%, transparent);
    color: var(--color-success);
}

.capability-status.configuration-required[b-2m9pb0g6si] {
    background: color-mix(in srgb, var(--color-warning) 12%, transparent);
    color: var(--color-warning);
}

.capability-status.blocked[b-2m9pb0g6si] {
    background: color-mix(in srgb, var(--color-danger) 12%, transparent);
    color: var(--color-danger);
}

.capability-status.planned[b-2m9pb0g6si],
.capability-status.manual[b-2m9pb0g6si] {
    background: color-mix(in srgb, var(--color-text-secondary) 10%, transparent);
    color: var(--color-text-secondary);
}

.issue-automation-layout[b-2m9pb0g6si] {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(21rem, .95fr);
    gap: 1.25rem;
    align-items: start;
}

.issue-policy-panel[b-2m9pb0g6si] {
    padding: 1.35rem;
}

.issues-panel[b-2m9pb0g6si] {
    position: sticky;
    top: 1rem;
}

.issue-stage-list[b-2m9pb0g6si] {
    display: grid;
    gap: .65rem;
    margin-top: 1rem;
}

.issue-stage[b-2m9pb0g6si] {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: .7rem;
    padding: .75rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--color-surface) 92%, var(--color-bg));
}

.issue-stage.ready[b-2m9pb0g6si] {
    border-color: color-mix(in srgb, var(--color-success) 35%, var(--color-border));
}

.issue-stage-title strong[b-2m9pb0g6si] {
    color: var(--color-text-primary);
    font-size: .78rem;
}

.issue-stage p[b-2m9pb0g6si] {
    margin: .25rem 0;
    color: var(--color-text-secondary);
    font-size: .7rem;
    line-height: 1.4;
}

.issue-stage small[b-2m9pb0g6si] {
    color: var(--color-text-tertiary, var(--color-text-secondary));
    font-size: .64rem;
}

.automation-guardrail[b-2m9pb0g6si],
.issue-policy-empty[b-2m9pb0g6si] {
    display: flex;
    gap: .65rem;
    margin-top: 1rem;
    padding: .75rem;
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--color-primary) 6%, var(--color-bg));
    color: var(--color-text-secondary);
    font-size: .72rem;
    line-height: 1.45;
}

.issue-policy-empty[b-2m9pb0g6si] {
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.issue-list[b-2m9pb0g6si] {
    display: grid;
}

.issue-create-form[b-2m9pb0g6si] {
    display: grid;
    gap: .75rem;
    padding: 1rem;
    border-bottom: 1px solid var(--color-border);
    background: color-mix(in srgb, var(--color-primary) 3%, var(--color-surface));
}

.issue-create-form > label[b-2m9pb0g6si],
.issue-create-form > label > span[b-2m9pb0g6si] {
    display: grid;
    gap: .35rem;
    color: var(--color-text-secondary);
    font-size: .7rem;
    font-weight: 700;
}

.issue-create-actions[b-2m9pb0g6si],
.issue-codex-choice[b-2m9pb0g6si] {
    display: flex;
    gap: .75rem;
    align-items: center;
}

.issue-create-actions[b-2m9pb0g6si] {
    justify-content: space-between;
}

.issue-codex-choice[b-2m9pb0g6si] {
    min-width: 0;
    color: var(--color-text-secondary);
}

.issue-codex-choice span[b-2m9pb0g6si],
.issue-codex-choice strong[b-2m9pb0g6si],
.issue-codex-choice small[b-2m9pb0g6si] {
    display: block;
}

.issue-codex-choice strong[b-2m9pb0g6si] {
    color: var(--color-text-primary);
    font-size: .72rem;
}

.issue-codex-choice small[b-2m9pb0g6si] {
    margin-top: .12rem;
    font-size: .62rem;
}

.issue-card[b-2m9pb0g6si] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: .7rem;
    align-items: start;
    padding: .85rem 1rem;
    border-bottom: 1px solid var(--color-border);
    color: inherit;
    text-decoration: none;
}

.issue-card:hover[b-2m9pb0g6si] {
    background: color-mix(in srgb, var(--color-primary) 5%, var(--color-surface));
}

.issue-number[b-2m9pb0g6si] {
    color: var(--color-primary-light, var(--color-primary));
    font-size: .7rem;
    font-weight: 750;
}

.issue-copy[b-2m9pb0g6si],
.issue-copy > span[b-2m9pb0g6si] {
    display: block;
    min-width: 0;
}

.issue-copy > strong[b-2m9pb0g6si] {
    display: block;
    color: var(--color-text-primary);
    font-size: .76rem;
    line-height: 1.35;
}

.issue-copy > span[b-2m9pb0g6si] {
    margin-top: .18rem;
    color: var(--color-text-tertiary, var(--color-text-secondary));
    font-size: .64rem;
}

.issue-labels small[b-2m9pb0g6si] {
    display: inline-flex;
    margin: .25rem .25rem 0 0;
    padding: .12rem .35rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 9%, transparent);
    color: var(--color-primary-light, var(--color-primary));
}

.input-grid[b-2m9pb0g6si] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .9rem;
    margin-top: 1rem;
}

.workflow-input[b-2m9pb0g6si] {
    margin: 0;
}

.workflow-input.boolean-input[b-2m9pb0g6si] {
    grid-column: span 2;
}

.metadata-snapshot-input[b-2m9pb0g6si] {
    grid-column: span 2;
}

.metadata-snapshot-current[b-2m9pb0g6si] {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin-bottom: .5rem;
    padding: .55rem .65rem;
    border: 1px solid color-mix(in srgb, var(--color-primary) 26%, var(--color-border));
    border-radius: .55rem;
    background: color-mix(in srgb, var(--color-primary) 6%, var(--color-surface));
}

.metadata-snapshot-current > i[b-2m9pb0g6si] {
    color: var(--color-primary-light, var(--color-primary));
}

.metadata-snapshot-current span[b-2m9pb0g6si],
.metadata-snapshot-current strong[b-2m9pb0g6si],
.metadata-snapshot-current small[b-2m9pb0g6si] {
    display: block;
}

.metadata-snapshot-current strong[b-2m9pb0g6si] {
    color: var(--color-text-primary);
    font-size: .72rem;
}

.metadata-snapshot-current small[b-2m9pb0g6si] {
    margin-top: .1rem;
    color: var(--color-text-secondary);
    font-size: .64rem;
}

.metadata-snapshot-warning[b-2m9pb0g6si] {
    display: flex;
    gap: .4rem;
    margin-top: .45rem;
    padding: .5rem .6rem;
    border-radius: .5rem;
    background: color-mix(in srgb, var(--color-warning) 10%, transparent);
    color: var(--color-text-secondary);
    font-size: .67rem;
    line-height: 1.35;
}

.metadata-snapshot-warning > i[b-2m9pb0g6si] {
    margin-top: .1rem;
    color: var(--color-warning);
}

.required-mark[b-2m9pb0g6si] {
    color: var(--color-danger);
}

.toggle-row[b-2m9pb0g6si] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 4rem;
    padding: .75rem .85rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--color-surface) 90%, var(--color-bg));
    cursor: pointer;
}

.toggle-row strong[b-2m9pb0g6si],
.toggle-row small[b-2m9pb0g6si] {
    display: block;
}

.toggle-row strong[b-2m9pb0g6si] {
    color: var(--color-text-primary);
    font-size: .82rem;
}

.toggle-row small[b-2m9pb0g6si] {
    margin-top: .15rem;
    color: var(--color-text-secondary);
    font-size: .7rem;
    font-weight: 400;
    line-height: 1.35;
}

.toggle-row input[b-2m9pb0g6si] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.toggle-track[b-2m9pb0g6si] {
    position: relative;
    flex: 0 0 2.75rem;
    width: 2.75rem;
    height: 1.5rem;
    border-radius: 999px;
    background: var(--color-border-strong, var(--color-border));
    transition: background .16s ease;
}

.toggle-track span[b-2m9pb0g6si] {
    position: absolute;
    top: .2rem;
    left: .2rem;
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 50%;
    background: white;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
    transition: transform .16s ease;
}

.toggle-row input:checked + .toggle-track[b-2m9pb0g6si] {
    background: var(--color-primary);
}

.toggle-row input:checked + .toggle-track span[b-2m9pb0g6si] {
    transform: translateX(1.25rem);
}

.toggle-row input:focus-visible + .toggle-track[b-2m9pb0g6si] {
    outline: 3px solid color-mix(in srgb, var(--color-primary) 25%, transparent);
    outline-offset: 2px;
}

.launch-button[b-2m9pb0g6si] {
    justify-content: center;
    min-height: 2.8rem;
}

.workflow-launch-bar[b-2m9pb0g6si] {
    position: static;
    z-index: 3;
    bottom: 1rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    margin-top: 1.15rem;
    padding: .75rem .85rem;
    border: 1px solid color-mix(in srgb, var(--color-primary) 30%, var(--color-border));
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--color-surface) 92%, white);
    box-shadow: 0 12px 26px rgba(12, 30, 62, .14);
}

.workflow-launch-summary small[b-2m9pb0g6si],
.workflow-launch-summary strong[b-2m9pb0g6si],
.workflow-launch-summary > span[b-2m9pb0g6si] {
    display: block;
}

.workflow-launch-summary small[b-2m9pb0g6si] {
    color: var(--color-text-tertiary, var(--color-text-secondary));
    font-size: .6rem;
    font-weight: 760;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.workflow-launch-summary strong[b-2m9pb0g6si] {
    margin-top: .1rem;
    color: var(--color-text-primary);
    font-size: .76rem;
}

.workflow-launch-summary > span[b-2m9pb0g6si] {
    margin-top: .1rem;
    color: var(--color-text-secondary);
    font-size: .66rem;
}

.workflow-launch-bar .launch-button[b-2m9pb0g6si] {
    min-width: 13.5rem;
}

.automation-error[b-2m9pb0g6si],
.automation-success[b-2m9pb0g6si] {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    margin: 1rem 0 0;
}

.dispatch-confirmation[b-2m9pb0g6si] {
    margin-top: 1.15rem;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--color-warning) 45%, var(--color-border));
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--color-warning) 6%, var(--color-surface));
}

.dispatch-confirmation-header[b-2m9pb0g6si] {
    display: flex;
    gap: .75rem;
    align-items: center;
}

.dispatch-confirmation-icon[b-2m9pb0g6si] {
    display: grid;
    flex: 0 0 2.3rem;
    width: 2.3rem;
    height: 2.3rem;
    place-items: center;
    border-radius: .7rem;
    background: color-mix(in srgb, var(--color-warning) 16%, transparent);
    color: var(--color-warning);
}

.dispatch-confirmation-header strong[b-2m9pb0g6si],
.dispatch-confirmation-header span[b-2m9pb0g6si] {
    display: block;
}

.dispatch-confirmation-header span[b-2m9pb0g6si] {
    margin-top: .15rem;
    color: var(--color-text-secondary);
    font-size: .75rem;
}

.dispatch-summary[b-2m9pb0g6si] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
    margin: .9rem 0;
}

.dispatch-summary div[b-2m9pb0g6si] {
    padding: .55rem .65rem;
    border-radius: .55rem;
    background: color-mix(in srgb, var(--color-surface) 80%, transparent);
}

.dispatch-summary dt[b-2m9pb0g6si] {
    color: var(--color-text-tertiary, var(--color-text-secondary));
    font-size: .64rem;
    font-weight: 750;
    text-transform: uppercase;
}

.dispatch-summary dd[b-2m9pb0g6si] {
    margin: .15rem 0 0;
    overflow-wrap: anywhere;
    color: var(--color-text-primary);
    font-size: .76rem;
}

.dispatch-confirmation-actions[b-2m9pb0g6si] {
    display: flex;
    justify-content: flex-end;
    gap: .6rem;
}

.run-list[b-2m9pb0g6si] {
    display: grid;
}

.run-card[b-2m9pb0g6si] {
    display: grid;
    grid-template-columns: 2.2rem minmax(0, 1fr) auto auto;
    gap: .75rem;
    align-items: center;
    padding: .9rem 1.1rem;
    border-bottom: 1px solid var(--color-border);
    color: inherit;
    text-decoration: none;
    transition: background .16s ease;
}

.run-card:hover[b-2m9pb0g6si] {
    background: color-mix(in srgb, var(--color-primary) 5%, var(--color-surface));
}

.run-state[b-2m9pb0g6si] {
    display: grid;
    width: 2.2rem;
    height: 2.2rem;
    place-items: center;
    border-radius: .65rem;
    background: color-mix(in srgb, var(--color-text-secondary) 9%, transparent);
    color: var(--color-text-secondary);
}

.run-state.success[b-2m9pb0g6si],
.run-result.success[b-2m9pb0g6si] {
    color: var(--color-success);
}

.run-state.success[b-2m9pb0g6si] {
    background: color-mix(in srgb, var(--color-success) 11%, transparent);
}

.run-state.failure[b-2m9pb0g6si],
.run-result.failure[b-2m9pb0g6si] {
    color: var(--color-danger);
}

.run-state.failure[b-2m9pb0g6si] {
    background: color-mix(in srgb, var(--color-danger) 11%, transparent);
}

.run-state.running[b-2m9pb0g6si],
.run-result.running[b-2m9pb0g6si] {
    color: var(--color-primary-light, var(--color-primary));
}

.run-state.running[b-2m9pb0g6si] {
    background: color-mix(in srgb, var(--color-primary) 11%, transparent);
}

.run-state.queued[b-2m9pb0g6si],
.run-result.queued[b-2m9pb0g6si] {
    color: var(--color-warning);
}

.run-state.queued[b-2m9pb0g6si] {
    background: color-mix(in srgb, var(--color-warning) 11%, transparent);
}

.run-copy[b-2m9pb0g6si],
.run-copy span[b-2m9pb0g6si] {
    display: block;
    min-width: 0;
}

.run-title[b-2m9pb0g6si] {
    overflow: hidden;
    color: var(--color-text-primary);
    font-size: .8rem;
    font-weight: 720;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.run-meta[b-2m9pb0g6si],
.run-time[b-2m9pb0g6si] {
    color: var(--color-text-tertiary, var(--color-text-secondary));
    font-size: .68rem;
}

.run-meta[b-2m9pb0g6si] {
    margin-top: .15rem;
}

.run-time[b-2m9pb0g6si] {
    margin-top: .1rem;
}

.run-result[b-2m9pb0g6si] {
    font-size: .7rem;
    font-weight: 750;
}

.run-link-icon[b-2m9pb0g6si] {
    color: var(--color-text-tertiary, var(--color-text-secondary));
    font-size: .65rem;
}

.runs-empty[b-2m9pb0g6si] {
    display: flex;
    min-height: 18rem;
    padding: 2rem;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .45rem;
    color: var(--color-text-secondary);
    text-align: center;
}

.runs-empty > i[b-2m9pb0g6si] {
    margin-bottom: .4rem;
    color: var(--color-primary);
    font-size: 1.7rem;
}

.runs-empty.error > i[b-2m9pb0g6si] {
    color: var(--color-danger);
}

.runs-empty strong[b-2m9pb0g6si] {
    color: var(--color-text-primary);
}

.runs-empty span[b-2m9pb0g6si] {
    max-width: 22rem;
    font-size: .78rem;
    line-height: 1.45;
}

.runs-loading[b-2m9pb0g6si] {
    display: grid;
    gap: .7rem;
    padding: 1rem;
}

.run-skeleton[b-2m9pb0g6si] {
    height: 4.5rem;
    border-radius: var(--radius-md);
    background: linear-gradient(90deg, var(--color-bg) 25%, color-mix(in srgb, var(--color-border) 60%, var(--color-bg)) 50%, var(--color-bg) 75%);
    background-size: 200% 100%;
    animation: automation-shimmer-b-2m9pb0g6si 1.4s infinite;
}

.auto-refresh-note[b-2m9pb0g6si] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    padding: .7rem;
    color: var(--color-text-tertiary, var(--color-text-secondary));
    font-size: .65rem;
}

.empty-state-card[b-2m9pb0g6si] {
    display: grid;
    min-height: 20rem;
    place-items: center;
    align-content: center;
    gap: .5rem;
    border: 1px dashed var(--color-border);
    border-radius: var(--radius-xl);
    color: var(--color-text-secondary);
    text-align: center;
}

.empty-state-card > i[b-2m9pb0g6si] {
    color: var(--color-primary);
    font-size: 2rem;
}

.empty-state-card h2[b-2m9pb0g6si],
.empty-state-card p[b-2m9pb0g6si] {
    margin: 0;
}

@keyframes automation-shimmer-b-2m9pb0g6si {
    from { background-position: 200% 0; }
    to { background-position: -200% 0; }
}

@media (min-width: 1101px) and (max-width: 1650px) {
    .guided-cockpit[b-2m9pb0g6si] {
        grid-template-columns: 1fr;
    }

    .guided-cockpit .guided-step-rail[b-2m9pb0g6si] {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: .35rem;
        position: static;
    }

    .guided-step-rail-heading[b-2m9pb0g6si],
    .guided-step-rail-footer[b-2m9pb0g6si] {
        grid-column: 1 / -1;
    }

    .guided-step[b-2m9pb0g6si] {
        grid-template-columns: 1.8rem minmax(0, 1fr);
        padding: .6rem;
    }

    .guided-step + .guided-step[b-2m9pb0g6si] {
        margin-top: 0;
    }

    .guided-step > i[b-2m9pb0g6si] {
        display: none;
    }
}

@media (min-width: 1101px) {
    .guided-cockpit .workflow-picker[b-2m9pb0g6si] {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
    }

    .guided-cockpit .workflow-config-sections[b-2m9pb0g6si] {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 21rem), 1fr));
        align-items: start;
    }

    .guided-cockpit .workflow-config-section.is-optional[b-2m9pb0g6si] {
        grid-column: 1 / -1;
    }

    .guided-cockpit .workflow-group-inputs[b-2m9pb0g6si] {
        grid-template-columns: 1fr;
    }

}

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

    .runs-panel[b-2m9pb0g6si],
    .issues-panel[b-2m9pb0g6si] {
        position: static;
    }

    .release-gate-rail[b-2m9pb0g6si] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        row-gap: 1rem;
    }

    .release-gate:nth-child(3)[b-2m9pb0g6si]::after {
        display: none;
    }

    .version-transition[b-2m9pb0g6si] {
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    }

    .prepare-release-button[b-2m9pb0g6si] {
        grid-column: 1 / -1;
    }

    .guided-cockpit[b-2m9pb0g6si] {
        grid-template-columns: 1fr;
    }

    .guided-step-rail[b-2m9pb0g6si] {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: .35rem;
        position: static;
    }

    .guided-step-rail-heading[b-2m9pb0g6si],
    .guided-step-rail-footer[b-2m9pb0g6si] {
        grid-column: 1 / -1;
    }

    .guided-step[b-2m9pb0g6si] {
        grid-template-columns: 1.8rem minmax(0, 1fr);
        padding: .6rem;
    }

    .guided-step + .guided-step[b-2m9pb0g6si] {
        margin-top: 0;
    }

    .guided-step > i[b-2m9pb0g6si] {
        display: none;
    }

    .guided-context-panel[b-2m9pb0g6si] {
        position: static;
    }

    .guided-context-panel dl[b-2m9pb0g6si] {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: .75rem;
    }

    .guided-context-actions[b-2m9pb0g6si] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

    .workflow-group-inputs[b-2m9pb0g6si] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .automation-header[b-2m9pb0g6si] {
        flex-direction: column;
    }

    .release-header-actions[b-2m9pb0g6si] {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
    }

    .release-header-actions .console-connection[b-2m9pb0g6si],
    .release-header-actions .btn[b-2m9pb0g6si] {
        justify-content: center;
    }

    .workflow-picker[b-2m9pb0g6si],
    .workflow-group-inputs[b-2m9pb0g6si] {
        grid-template-columns: 1fr;
    }

    .workflow-option[b-2m9pb0g6si] {
        min-height: 0;
    }

    .workflow-config-section-header[b-2m9pb0g6si] {
        grid-template-columns: 2.35rem minmax(0, 1fr);
    }

    .workflow-config-section-header > i[b-2m9pb0g6si] {
        grid-column: 2;
        text-align: left;
    }

    .workflow-launch-bar[b-2m9pb0g6si] {
        grid-template-columns: 1fr;
    }

    .workflow-launch-bar .launch-button[b-2m9pb0g6si] {
        width: 100%;
        min-width: 0;
    }

    .cockpit-hero[b-2m9pb0g6si] {
        min-height: 210px;
        padding: 1.25rem;
        align-items: flex-start;
        flex-direction: column;
    }

    .cockpit-identity[b-2m9pb0g6si] {
        gap: .9rem;
    }

    .cockpit-app-icon[b-2m9pb0g6si] {
        width: 4.25rem;
        height: 4.25rem;
        flex-basis: 4.25rem;
        border-radius: 1rem;
    }

    .cockpit-hero-actions[b-2m9pb0g6si] {
        width: 100%;
        justify-content: stretch;
    }

    .cockpit-view-switch[b-2m9pb0g6si] {
        width: 100%;
    }

    .cockpit-view-switch button[b-2m9pb0g6si] {
        width: 100%;
    }

    .cockpit-details-button[b-2m9pb0g6si] {
        flex: 1 1 12rem;
        justify-content: center;
    }

    .release-gate-rail[b-2m9pb0g6si] {
        grid-template-columns: 1fr;
        padding: 1rem;
    }

    .release-gate:not(:last-child)[b-2m9pb0g6si]::after,
    .release-gate:nth-child(3)[b-2m9pb0g6si]::after {
        top: auto;
        right: auto;
        bottom: -.7rem;
        left: 1.6rem;
        display: block;
        width: 0;
        height: .8rem;
        border-top: 0;
        border-left: 1px dashed color-mix(in srgb, var(--color-text-secondary) 42%, transparent);
    }

    .version-transition[b-2m9pb0g6si],
    .next-release-onboarding[b-2m9pb0g6si],
    .cockpit-status-cards[b-2m9pb0g6si],
    .guided-evidence-list[b-2m9pb0g6si],
    .guided-version-artifacts[b-2m9pb0g6si],
    .guided-recommendation[b-2m9pb0g6si],
    .guided-acceptance-gates[b-2m9pb0g6si] {
        grid-template-columns: 1fr;
    }

    .guided-evidence-heading[b-2m9pb0g6si] {
        grid-template-columns: 2.8rem minmax(0, 1fr);
        align-items: start;
    }

    .guided-evidence-state[b-2m9pb0g6si] {
        grid-column: 2;
        justify-self: start;
    }

    .guided-step-rail[b-2m9pb0g6si] {
        grid-template-columns: 1fr;
    }

    .guided-context-panel dl[b-2m9pb0g6si] {
        grid-template-columns: 1fr;
    }

    .guided-context-actions[b-2m9pb0g6si],
    .cockpit-recent-runs-header[b-2m9pb0g6si],
    .cockpit-compact-actions[b-2m9pb0g6si] {
        align-items: stretch;
        flex-direction: column;
    }

    .guided-context-actions[b-2m9pb0g6si] {
        grid-template-columns: 1fr;
    }

    .cockpit-compact-actions[b-2m9pb0g6si] {
        margin-top: .65rem;
    }

    .cockpit-compact-run[b-2m9pb0g6si] {
        grid-template-columns: 2rem minmax(0, 1fr) auto;
    }

    .cockpit-compact-run em[b-2m9pb0g6si] {
        display: none;
    }

    .next-release-onboarding-icon[b-2m9pb0g6si] {
        width: 2.5rem;
        height: 2.5rem;
    }

    .version-transition-arrow[b-2m9pb0g6si] {
        transform: rotate(90deg);
        justify-self: center;
    }

    .cockpit-tools-label[b-2m9pb0g6si] {
        align-items: stretch;
        flex-direction: column;
    }

    .console-area-tabs[b-2m9pb0g6si] {
        grid-template-columns: 1fr;
    }

    .release-workspace-guide[b-2m9pb0g6si] {
        grid-template-columns: 1fr;
    }

    .release-workspace-guide ol[b-2m9pb0g6si] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .input-grid[b-2m9pb0g6si],
    .dispatch-summary[b-2m9pb0g6si],
    .release-destination-grid[b-2m9pb0g6si] {
        grid-template-columns: 1fr;
    }

    .workflow-input.boolean-input[b-2m9pb0g6si] {
        grid-column: auto;
    }

    .run-card[b-2m9pb0g6si] {
        grid-template-columns: 2.2rem minmax(0, 1fr) auto;
    }

    .run-result[b-2m9pb0g6si] {
        display: none;
    }
}

/* Desktop assistant: retain the release context in one compact control strip. */
@media (min-width: 701px) {
    .cockpit-hero[b-2m9pb0g6si] {
        min-height: 4.5rem;
        padding: .55rem .9rem;
        border-radius: var(--radius-lg);
    }

    .cockpit-app-icon[b-2m9pb0g6si] {
        width: 2.9rem;
        height: 2.9rem;
        flex-basis: 2.9rem;
        border-radius: .8rem;
        box-shadow: 0 5px 13px rgba(0, 0, 0, .18);
    }

    .cockpit-app-icon.fallback[b-2m9pb0g6si] {
        font-size: 1.2rem;
    }

    .cockpit-identity[b-2m9pb0g6si] {
        gap: .65rem;
    }

    .cockpit-identity h1[b-2m9pb0g6si] {
        font-size: 1.4rem;
    }

    .cockpit-identity small[b-2m9pb0g6si] {
        font-size: .7rem;
    }

    .cockpit-hero-actions[b-2m9pb0g6si] {
        gap: .35rem;
    }

    .cockpit-view-switch[b-2m9pb0g6si] {
        padding: .2rem;
        border-radius: .65rem;
    }

    .cockpit-view-switch > span[b-2m9pb0g6si] {
        display: none;
    }

    .cockpit-view-switch button[b-2m9pb0g6si],
    .cockpit-settings-button[b-2m9pb0g6si],
    .cockpit-details-button[b-2m9pb0g6si] {
        min-height: 0;
        padding: .38rem .55rem;
        border-radius: .65rem;
        font-size: .67rem;
    }

    .cockpit-settings-button[b-2m9pb0g6si],
    .cockpit-details-button[b-2m9pb0g6si] {
        gap: .4rem;
    }

    .guided-cockpit[b-2m9pb0g6si] {
        gap: .3rem;
        margin-top: .35rem;
    }

    .guided-cockpit .guided-step-rail[b-2m9pb0g6si] {
        grid-template-columns: max-content repeat(5, minmax(5.5rem, 1fr)) max-content;
        align-items: center;
        gap: .25rem;
        padding: .42rem .6rem;
    }

    .guided-step-rail-heading[b-2m9pb0g6si],
    .guided-step-rail-footer[b-2m9pb0g6si] {
        grid-column: auto;
    }

    .guided-step-rail-heading[b-2m9pb0g6si] {
        padding: 0 .15rem 0 0;
    }

    .guided-step-rail-heading strong[b-2m9pb0g6si],
    .guided-step small[b-2m9pb0g6si] {
        display: none;
    }

    .guided-step-rail-heading .step-kicker[b-2m9pb0g6si] {
        font-size: .55rem;
        white-space: nowrap;
    }

    .guided-cockpit .guided-step[b-2m9pb0g6si] {
        grid-template-columns: 1.4rem minmax(0, 1fr);
        align-items: center;
        min-height: 2.35rem;
        gap: .28rem;
        padding: .28rem .35rem;
    }

    .guided-step > span:first-child[b-2m9pb0g6si] {
        width: 1.4rem;
        height: 1.4rem;
        font-size: .56rem;
    }

    .guided-step strong[b-2m9pb0g6si] {
        font-size: .62rem;
    }

    .guided-step-rail-footer[b-2m9pb0g6si] {
        margin: 0;
        padding: 0;
        border: 0;
    }

    .guided-audit-button[b-2m9pb0g6si] {
        width: 1.75rem;
        padding: .35rem;
        font-size: 0;
    }

    .guided-audit-button i[b-2m9pb0g6si] {
        margin: 0;
        font-size: .68rem;
    }

}

.guided-config-actions[b-2m9pb0g6si],
.runs-header-actions[b-2m9pb0g6si] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .45rem;
}

.guided-history-toggle[b-2m9pb0g6si] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-height: 1.8rem;
    padding: .28rem .48rem;
    border: 1px solid color-mix(in srgb, var(--color-primary) 28%, var(--color-border));
    border-radius: .55rem;
    background: color-mix(in srgb, var(--color-primary) 5%, var(--color-surface));
    color: var(--color-primary);
    font-size: .66rem;
    font-weight: 760;
}

.guided-history-toggle:hover[b-2m9pb0g6si],
.guided-history-toggle:focus-visible[b-2m9pb0g6si] {
    border-color: var(--color-primary);
    background: color-mix(in srgb, var(--color-primary) 11%, var(--color-surface));
}

.guided-history-toggle small[b-2m9pb0g6si] {
    padding-left: .35rem;
    border-left: 1px solid color-mix(in srgb, var(--color-primary) 24%, var(--color-border));
    font-size: .57rem;
    font-weight: 800;
}

.guided-history-toggle small.success[b-2m9pb0g6si] {
    color: var(--color-success);
}

.guided-history-toggle small.failure[b-2m9pb0g6si] {
    color: var(--color-danger);
}

.guided-history-toggle small.queued[b-2m9pb0g6si] {
    color: var(--color-warning);
}

.guided-cockpit .automation-layout[b-2m9pb0g6si] {
    grid-template-columns: 1fr;
}

/* Assistant rail and workspace share one top edge; no extra divider above the workspace. */
.guided-cockpit .guided-main-window[b-2m9pb0g6si] {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.guided-cockpit .runs-drawer[b-2m9pb0g6si] {
    position: fixed;
    z-index: 101;
    top: .8rem;
    right: .8rem;
    bottom: .8rem;
    width: min(25rem, calc(100vw - 1.6rem));
    overflow-y: auto;
    box-shadow: -16px 0 34px rgba(12, 30, 62, .22), var(--shadow-card, var(--shadow-md));
    transform: translateX(calc(100% + 1.2rem));
    visibility: hidden;
    pointer-events: none;
    transition: transform .2s ease, visibility .2s step-end;
}

.guided-cockpit .runs-drawer.is-open[b-2m9pb0g6si] {
    transform: translateX(0);
    visibility: visible;
    pointer-events: auto;
    transition: transform .2s ease;
}

.runs-drawer-backdrop[b-2m9pb0g6si] {
    position: fixed;
    z-index: 100;
    inset: 0;
    width: 100%;
    border: 0;
    background: rgba(8, 20, 42, .12);
    cursor: default;
}

.runs-drawer-close[b-2m9pb0g6si] {
    display: grid;
    width: 1.85rem;
    height: 1.85rem;
    place-items: center;
    border: 1px solid var(--color-border);
    border-radius: .5rem;
    background: var(--color-surface);
    color: var(--color-text-secondary);
}

.runs-drawer-close:hover[b-2m9pb0g6si],
.runs-drawer-close:focus-visible[b-2m9pb0g6si] {
    color: var(--color-text-primary);
    border-color: var(--color-primary);
}

@media (min-width: 1101px) {
    .guided-cockpit[b-2m9pb0g6si] {
        grid-template-columns: 12rem minmax(0, 1fr);
        gap: .8rem;
        align-items: start;
    }

    .guided-cockpit .guided-step-rail[b-2m9pb0g6si] {
        position: sticky;
        top: 1rem;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: .2rem;
        padding: .7rem;
    }

    .guided-step-rail-heading[b-2m9pb0g6si] {
        padding: 0 .2rem .45rem;
    }

    .guided-step-rail-heading strong[b-2m9pb0g6si],
    .guided-step small[b-2m9pb0g6si] {
        display: block;
    }

    .guided-step-rail-heading strong[b-2m9pb0g6si] {
        font-size: .76rem;
    }

    .guided-step-rail-heading .step-kicker[b-2m9pb0g6si] {
        font-size: .55rem;
    }

    .guided-cockpit .guided-step[b-2m9pb0g6si] {
        grid-template-columns: 1.55rem minmax(0, 1fr) auto;
        min-height: 3.05rem;
        gap: .4rem;
        padding: .4rem .38rem;
    }

    .guided-step > span:first-child[b-2m9pb0g6si] {
        width: 1.55rem;
        height: 1.55rem;
        font-size: .6rem;
    }

    .guided-step strong[b-2m9pb0g6si] {
        font-size: .65rem;
    }

    .guided-step small[b-2m9pb0g6si] {
        margin-top: .04rem;
        font-size: .53rem;
    }

    .guided-step > i[b-2m9pb0g6si] {
        display: block;
        font-size: .66rem;
    }

    .guided-step-rail-footer[b-2m9pb0g6si] {
        margin-top: .25rem;
        padding-top: .35rem;
        border-top: 1px solid var(--color-border);
    }

    .guided-audit-button[b-2m9pb0g6si] {
        width: 100%;
        padding: .35rem;
        font-size: .58rem;
    }

    .guided-audit-button i[b-2m9pb0g6si] {
        margin-right: .25rem;
    }
}

@media (max-width: 700px) {
    .guided-config-actions[b-2m9pb0g6si],
    .runs-header-actions[b-2m9pb0g6si] {
        align-items: stretch;
        flex-direction: column;
    }

    .guided-history-toggle[b-2m9pb0g6si] {
        justify-content: center;
    }

    .guided-cockpit .runs-drawer[b-2m9pb0g6si] {
        top: .35rem;
        right: .35rem;
        bottom: .35rem;
        width: calc(100vw - .7rem);
    }
}

/* Long repository names must not dictate the mobile header width. */
.cockpit-identity[b-2m9pb0g6si], .cockpit-identity > span[b-2m9pb0g6si], .cockpit-identity-meta[b-2m9pb0g6si] { min-width: 0; }
.cockpit-identity-meta[b-2m9pb0g6si] { flex-wrap: wrap; }
.cockpit-identity-meta code[b-2m9pb0g6si] { overflow-wrap: anywhere; white-space: normal; }

/* Keep the five release steps readable and touchable on narrow screens. */
@media (max-width: 600px) {
    .guided-cockpit .guided-step-rail[b-2m9pb0g6si] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
    .guided-step-rail-heading[b-2m9pb0g6si], .guided-step-rail-footer[b-2m9pb0g6si] { grid-column: 1 / -1; }
    .guided-cockpit .guided-step[b-2m9pb0g6si] { grid-template-columns: 1.75rem minmax(0, 1fr); gap: .45rem; padding: .6rem; min-height: 3.4rem; }
    .guided-step strong[b-2m9pb0g6si] { font-size: .8rem; }
    .guided-step small[b-2m9pb0g6si] { display: block; font-size: .68rem; line-height: 1.35; }
    .guided-step > span:first-child[b-2m9pb0g6si] { width: 1.75rem; height: 1.75rem; font-size: .75rem; }
}
/* /Components/Pages/Dashboard/CompanyGoals.razor.rz.scp.css */
.goals-header[b-p4u3dge68i] { align-items: end; }
.goals-kicker[b-p4u3dge68i], .goal-priority[b-p4u3dge68i], .goal-current > span[b-p4u3dge68i], .goals-summary span[b-p4u3dge68i] { color: var(--color-text-subtle); font-size: .74rem; letter-spacing: .08em; text-transform: uppercase; }
.goals-error[b-p4u3dge68i], .goals-copied[b-p4u3dge68i] { margin-bottom: 1rem; padding: .9rem 1rem; border-radius: var(--radius-md); }
.goals-error[b-p4u3dge68i] { border: 1px solid var(--color-danger); color: var(--color-danger); }
.goals-copied[b-p4u3dge68i] { position: sticky; bottom: 1rem; background: var(--color-surface); border: 1px solid var(--color-success); color: var(--color-success); box-shadow: var(--shadow-card); }
.goals-summary[b-p4u3dge68i] { display: grid; grid-template-columns: 10rem minmax(0, 1fr) 14rem; gap: 1rem; margin-bottom: 1.2rem; }
.goals-summary article[b-p4u3dge68i], .goal-card[b-p4u3dge68i] { background: var(--gradient-card); border: 1px solid var(--border-color-light); border-radius: var(--radius-xl); box-shadow: var(--shadow-card); }
.goals-summary article[b-p4u3dge68i] { padding: 1rem 1.15rem; min-width: 0; }
.goals-summary strong[b-p4u3dge68i] { display: block; margin-top: .3rem; overflow-wrap: anywhere; color: var(--color-text-primary); }
.goals-list[b-p4u3dge68i] { display: grid; gap: 1rem; }
.goal-card[b-p4u3dge68i] { padding: 1.3rem; border-left: 4px solid var(--color-text-subtle); }
.goal-card header[b-p4u3dge68i] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.goal-card h2[b-p4u3dge68i] { margin: .25rem 0 0; font-size: 1.15rem; color: var(--color-text-primary); }
.goal-status[b-p4u3dge68i] { flex-shrink: 0; font-size: .82rem; }
.goal-objective[b-p4u3dge68i] { color: var(--color-text-secondary); line-height: 1.55; }
.goal-current[b-p4u3dge68i] { margin: 1rem 0; padding: 1rem; border-radius: var(--radius-md); background: color-mix(in srgb, var(--color-surface) 76%, transparent); }
.goal-current strong[b-p4u3dge68i] { display: block; margin-top: .25rem; color: var(--color-text-primary); }
.goal-current p[b-p4u3dge68i] { margin: .5rem 0 0; color: var(--color-text-secondary); line-height: 1.5; }
.goal-card details[b-p4u3dge68i] { border-top: 1px solid var(--border-color-light); padding-top: .8rem; margin-top: .8rem; }
.goal-card summary[b-p4u3dge68i] { cursor: pointer; color: var(--color-primary); font-weight: 600; }
.goal-card li[b-p4u3dge68i], .goal-evidence[b-p4u3dge68i] { color: var(--color-text-secondary); line-height: 1.5; }
.agent-brief pre[b-p4u3dge68i] { max-height: 24rem; overflow: auto; margin: .8rem 0; padding: 1rem; border-radius: var(--radius-md); background: var(--color-surface); color: var(--color-text-primary); white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; font-size: .84rem; }
.goal-achieved[b-p4u3dge68i] { border-left-color: var(--color-success-light); }
.goal-progress[b-p4u3dge68i], .goal-waiting[b-p4u3dge68i] { border-left-color: var(--color-warning-light); }
.goal-blocked[b-p4u3dge68i] { border-left-color: var(--color-danger-light); }
.goal-achieved .goal-status[b-p4u3dge68i] { color: var(--color-success-light); }
.goal-progress .goal-status[b-p4u3dge68i], .goal-waiting .goal-status[b-p4u3dge68i] { color: var(--color-warning-light); }
.goal-blocked .goal-status[b-p4u3dge68i] { color: var(--color-danger-light); }
.goal-unknown .goal-status[b-p4u3dge68i] { color: var(--color-text-subtle); }
@media (max-width: 760px) {
    .goals-summary[b-p4u3dge68i] { grid-template-columns: 1fr; }
    .goal-card header[b-p4u3dge68i] { flex-direction: column; }
}
/* /Components/Pages/Dashboard/EventHeatmap.razor.rz.scp.css */
.event-calendar[b-wrlnzsn79x] { padding:12px 18px 16px; }
.calendar-scroll[b-wrlnzsn79x] { overflow-x:auto; padding-bottom:7px; scrollbar-color:var(--color-text-subtle) transparent; }
.calendar-scroll:focus-visible[b-wrlnzsn79x] { outline:2px solid var(--color-primary); outline-offset:2px; }
.calendar-grid[b-wrlnzsn79x] { border-collapse:separate; border-spacing:4px; width:max-content; table-layout:fixed; }
.calendar-grid th[b-wrlnzsn79x] { font-size:10px; color:var(--color-text-muted); font-weight:500; text-align:left; white-space:nowrap; padding:0; }
.calendar-grid thead th[b-wrlnzsn79x] { height:24px; vertical-align:top; overflow:visible; position:relative; }
.calendar-month[b-wrlnzsn79x] { position:absolute; top:0; left:0; white-space:nowrap; }
.calendar-grid tr>:first-child[b-wrlnzsn79x] { width:25px; }
.calendar-grid td[b-wrlnzsn79x] { height:18px; width:18px; min-width:18px; border-radius:3px; padding:0; }
.calendar-day[b-wrlnzsn79x] { outline:1px solid color-mix(in srgb,var(--color-text-primary) 5%,transparent); outline-offset:-1px; }
.calendar-day:hover[b-wrlnzsn79x] { outline:2px solid var(--color-text-primary); }
.level-0[b-wrlnzsn79x] { --heatmap-cell:var(--color-bg-subtle); background:var(--heatmap-cell); }
.level-1[b-wrlnzsn79x] { --heatmap-cell:color-mix(in srgb,var(--chart-color-2,var(--color-secondary)) 25%,var(--color-bg-card)); background:var(--heatmap-cell); }
.level-2[b-wrlnzsn79x] { --heatmap-cell:color-mix(in srgb,var(--chart-color-2,var(--color-secondary)) 48%,var(--color-bg-card)); background:var(--heatmap-cell); }
.level-3[b-wrlnzsn79x] { --heatmap-cell:color-mix(in srgb,var(--chart-color-2,var(--color-secondary)) 72%,var(--color-bg-card)); background:var(--heatmap-cell); }
.level-4[b-wrlnzsn79x] { --heatmap-cell:var(--chart-color-2,var(--color-secondary)); background:var(--heatmap-cell); }
html[data-heatmap-style="rounded"] :is(.calendar-day,.calendar-legend i)[b-wrlnzsn79x] { border-radius:7px; }
html[data-heatmap-style="dots"] :is(.calendar-day,.calendar-legend i)[b-wrlnzsn79x] { border-radius:50%; transform:scale(.76); }
html[data-heatmap-style="outline"] :is(.calendar-day,.calendar-legend i)[b-wrlnzsn79x] { background:transparent; box-shadow:inset 0 0 0 2px var(--heatmap-cell); border-radius:4px; }
.calendar-footer[b-wrlnzsn79x] { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; margin-top:8px; font-size:10px; color:var(--color-text-muted); }
.calendar-legend[b-wrlnzsn79x] { display:flex; align-items:center; gap:5px; }
.calendar-legend i[b-wrlnzsn79x] { width:12px; height:12px; border-radius:2px; }
.calendar-empty[b-wrlnzsn79x] { color:var(--color-text-muted); font-size:12px; }
/* /Components/Pages/Dashboard/Finance.razor.rz.scp.css */
.finance-page-header[b-j4wbczuqdn] {
    align-items: flex-end;
}

.finance-header-actions[b-j4wbczuqdn] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}

.finance-loading[b-j4wbczuqdn],
.finance-alert[b-j4wbczuqdn],
.finance-empty-inline[b-j4wbczuqdn] {
    display: flex;
    align-items: center;
    gap: .8rem;
    min-height: 82px;
    padding: 1rem 1.2rem;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-xl);
    color: var(--color-text-secondary);
    background: var(--color-bg-elevated);
}

.finance-alert > div[b-j4wbczuqdn] {
    display: grid;
    gap: .15rem;
    flex: 1;
}

.finance-alert.error[b-j4wbczuqdn] {
    border-color: rgba(239, 68, 68, .3);
    background: rgba(239, 68, 68, .08);
}

.finance-alert.success[b-j4wbczuqdn] {
    min-height: auto;
    margin-bottom: 1rem;
    border-color: rgba(34, 197, 94, .3);
    background: rgba(34, 197, 94, .08);
}

.finance-alert.success button[b-j4wbczuqdn] {
    margin-left: auto;
    color: var(--color-text-muted);
    border: 0;
    background: transparent;
}

.finance-command-bar[b-j4wbczuqdn],
.finance-data-banner[b-j4wbczuqdn],
.finance-section[b-j4wbczuqdn],
.finance-assumptions[b-j4wbczuqdn],
.finance-chart-panel[b-j4wbczuqdn] {
    border: 1px solid var(--border-color);
    border-radius: var(--radius-xl);
    background: var(--color-bg-elevated);
    box-shadow: var(--shadow-sm);
}

.finance-command-bar[b-j4wbczuqdn] {
    display: grid;
    grid-template-columns: minmax(210px, 1.15fr) minmax(190px, 1fr) minmax(180px, 1.2fr) auto auto;
    align-items: end;
    gap: .8rem;
    margin-bottom: 1rem;
    padding: .9rem;
}

.finance-scope-picker[b-j4wbczuqdn] {
    position: relative;
    min-width: 0;
}

.finance-scope-picker > summary[b-j4wbczuqdn] {
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .7rem;
    padding: .48rem .7rem;
    cursor: pointer;
    list-style: none;
    color: var(--color-text-primary);
    border: 1px solid var(--border-color-light);
    border-radius: var(--radius-md);
    background: var(--color-bg-input);
}

.finance-scope-picker > summary[b-j4wbczuqdn]::-webkit-details-marker { display: none; }
.finance-scope-picker > summary > span[b-j4wbczuqdn] { display: grid; min-width: 0; gap: .05rem; }
.finance-scope-picker > summary small[b-j4wbczuqdn] { color: var(--color-text-muted); font-size: .61rem; font-weight: 650; }
.finance-scope-picker > summary strong[b-j4wbczuqdn] { overflow: hidden; font-size: .76rem; text-overflow: ellipsis; white-space: nowrap; }
.finance-scope-picker > summary > i[b-j4wbczuqdn] { color: var(--color-text-muted); font-size: .65rem; transition: transform .18s ease; }
.finance-scope-picker[open] > summary > i[b-j4wbczuqdn] { transform: rotate(180deg); }

.finance-scope-menu[b-j4wbczuqdn] {
    position: absolute;
    z-index: 30;
    top: calc(100% + .45rem);
    left: 0;
    width: min(430px, calc(100vw - 3rem));
    max-height: min(640px, calc(100vh - 250px));
    padding: .8rem;
    overflow-y: auto;
    color: var(--color-text-primary);
    border: 1px solid var(--border-color-light);
    border-radius: var(--radius-lg);
    background: var(--color-bg-elevated);
    box-shadow: var(--shadow-xl);
}

.finance-scope-menu-head[b-j4wbczuqdn],
.finance-scope-footer[b-j4wbczuqdn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .7rem;
}

.finance-scope-menu-head strong[b-j4wbczuqdn] { font-size: .76rem; }
.finance-scope-menu-head div[b-j4wbczuqdn] { display: flex; gap: .25rem; }
.finance-scope-menu-head button[b-j4wbczuqdn] {
    padding: .2rem .35rem;
    color: var(--color-primary-light);
    border: 0;
    background: transparent;
    font-size: .68rem;
    font-weight: 700;
}

.finance-scope-statuses[b-j4wbczuqdn] {
    display: grid;
    gap: .38rem;
    margin: .65rem 0;
    padding-bottom: .65rem;
    border-bottom: 1px solid var(--border-color);
}

.finance-scope-statuses label[b-j4wbczuqdn],
.finance-scope-apps label[b-j4wbczuqdn] {
    display: flex;
    align-items: center;
    gap: .55rem;
    cursor: pointer;
}

.finance-scope-statuses input[b-j4wbczuqdn],
.finance-scope-apps input[b-j4wbczuqdn] {
    width: 15px;
    height: 15px;
    flex: 0 0 auto;
    accent-color: var(--color-primary);
}

.finance-scope-statuses label > small[b-j4wbczuqdn] {
    min-width: 24px;
    margin-left: auto;
    padding: .15rem .4rem;
    text-align: center;
    color: var(--color-text-secondary);
    border-radius: 999px;
    background: var(--color-bg-base);
    font-size: .64rem;
}

.finance-status-pill[b-j4wbczuqdn] {
    flex: 1;
    padding: .26rem .55rem;
    color: var(--color-text-secondary);
    border-radius: 999px;
    background: rgba(100, 116, 139, .2);
    font-size: .62rem;
    font-weight: 750;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.finance-status-pill.active[b-j4wbczuqdn] { color: #86efac; background: rgba(16, 185, 129, .19); }
.finance-status-pill.development[b-j4wbczuqdn] { color: #fde047; background: rgba(234, 179, 8, .18); }
.finance-status-pill.internal[b-j4wbczuqdn] { color: #7dd3fc; background: rgba(14, 165, 233, .18); }
.finance-status-pill.paused[b-j4wbczuqdn] { color: #cbd5e1; background: rgba(100, 116, 139, .26); }
.finance-status-pill.prototype[b-j4wbczuqdn] { color: #c4b5fd; background: rgba(139, 92, 246, .2); }

.finance-scope-search[b-j4wbczuqdn] {
    display: flex !important;
    align-items: center;
    gap: .45rem !important;
    padding: 0 .55rem;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    background: var(--color-bg-input);
}

.finance-scope-search i[b-j4wbczuqdn] { color: var(--color-text-subtle); font-size: .7rem; }
.finance-scope-search input[b-j4wbczuqdn] { min-height: 34px; padding: .35rem 0; border: 0; background: transparent; }

.finance-scope-apps[b-j4wbczuqdn] {
    max-height: 240px;
    display: grid;
    gap: .2rem;
    margin: .55rem -.25rem;
    overflow-y: auto;
}

.finance-scope-apps label[b-j4wbczuqdn] {
    padding: .42rem .5rem;
    border-radius: var(--radius-md);
}

.finance-scope-apps label:hover[b-j4wbczuqdn] { background: var(--color-bg-hover); }
.finance-scope-apps label > span[b-j4wbczuqdn] { display: grid; gap: .08rem; min-width: 0; }
.finance-scope-apps strong[b-j4wbczuqdn] { font-size: .72rem; }
.finance-scope-apps small[b-j4wbczuqdn] { overflow: hidden; color: var(--color-text-muted); font-size: .6rem; text-overflow: ellipsis; white-space: nowrap; }

.finance-scope-footer[b-j4wbczuqdn] {
    padding-top: .65rem;
    border-top: 1px solid var(--border-color);
}

.finance-scope-footer > span[b-j4wbczuqdn] { color: var(--color-text-muted); font-size: .66rem; }
.finance-scope-apply[b-j4wbczuqdn] {
    padding: .48rem .7rem;
    color: #fff;
    border: 0;
    border-radius: var(--radius-md);
    background: var(--gradient-primary);
    font-size: .68rem;
    font-weight: 750;
}
.finance-scope-apply:disabled[b-j4wbczuqdn] { cursor: not-allowed; opacity: .45; }

.finance-command-bar label[b-j4wbczuqdn],
.finance-control-grid label[b-j4wbczuqdn],
.finance-editor-grid label[b-j4wbczuqdn],
.finance-import-source[b-j4wbczuqdn] {
    display: grid;
    gap: .38rem;
    min-width: 0;
    color: var(--color-text-muted);
    font-size: .72rem;
    font-weight: 650;
}

.finance-command-bar select[b-j4wbczuqdn],
.finance-command-bar input[b-j4wbczuqdn],
.finance-control-grid input[b-j4wbczuqdn],
.finance-editor-grid input[b-j4wbczuqdn],
.finance-editor-grid select[b-j4wbczuqdn],
.finance-import-source select[b-j4wbczuqdn] {
    width: 100%;
    min-height: 40px;
    padding: .55rem .7rem;
    color: var(--color-text-primary);
    border: 1px solid var(--border-color-light);
    border-radius: var(--radius-md);
    outline: none;
    background: var(--color-bg-input);
}

.finance-command-bar .finance-scope-statuses input[type="checkbox"][b-j4wbczuqdn],
.finance-command-bar .finance-scope-apps input[type="checkbox"][b-j4wbczuqdn] {
    width: 15px;
    min-height: 15px;
    height: 15px;
    padding: 0;
    border-radius: 3px;
}

.finance-presets[b-j4wbczuqdn] {
    display: flex;
    padding: 3px;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    background: var(--color-bg-base);
}

.finance-presets button[b-j4wbczuqdn],
.finance-scenario-cards button[b-j4wbczuqdn],
.finance-cost-list button[b-j4wbczuqdn],
.finance-editor-actions button[b-j4wbczuqdn],
.finance-template-button[b-j4wbczuqdn] {
    color: var(--color-text-muted);
    border: 0;
    background: transparent;
}

.finance-presets button[b-j4wbczuqdn] {
    padding: .55rem .65rem;
    border-radius: calc(var(--radius-md) - 2px);
    font-size: .7rem;
}

.finance-presets button.active[b-j4wbczuqdn] {
    color: #fff;
    background: var(--color-primary);
}

.finance-recalculate[b-j4wbczuqdn],
.finance-apply-button[b-j4wbczuqdn] {
    min-height: 40px;
    padding: .6rem .85rem;
    color: #fff;
    border: 0;
    border-radius: var(--radius-md);
    font-size: .76rem;
    font-weight: 700;
    background: var(--gradient-primary);
}

.finance-estimated-banner[b-j4wbczuqdn] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin: -.15rem 0 1rem;
    padding: .7rem .9rem;
    color: #fde68a;
    border: 1px solid rgba(245, 158, 11, .3);
    border-radius: var(--radius-lg);
    background: rgba(245, 158, 11, .09);
}

.finance-estimated-banner > i[b-j4wbczuqdn] { font-size: 1rem; }
.finance-estimated-banner > div[b-j4wbczuqdn] { display: grid; flex: 1; gap: .08rem; }
.finance-estimated-banner strong[b-j4wbczuqdn] { font-size: .76rem; }
.finance-estimated-banner span[b-j4wbczuqdn] { color: var(--color-text-secondary); font-size: .68rem; }
.finance-estimated-banner a[b-j4wbczuqdn] { color: #fcd34d; font-size: .7rem; font-weight: 750; white-space: nowrap; }

.finance-data-banner[b-j4wbczuqdn] {
    display: grid;
    grid-template-columns: auto minmax(220px, 1.6fr) minmax(170px, .8fr) minmax(170px, .8fr);
    align-items: center;
    gap: 1.3rem;
    margin-bottom: 1rem;
    padding: 1rem 1.2rem;
    overflow: hidden;
    position: relative;
}

.finance-data-banner[b-j4wbczuqdn]::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    content: "";
    background: var(--quality-color, var(--color-warning));
}

.finance-data-banner.quality-excellent[b-j4wbczuqdn] { --quality-color: #22c55e; }
.finance-data-banner.quality-good[b-j4wbczuqdn] { --quality-color: #38bdf8; }
.finance-data-banner.quality-limited[b-j4wbczuqdn] { --quality-color: #f59e0b; }
.finance-data-banner.quality-low[b-j4wbczuqdn] { --quality-color: #ef4444; }

.finance-quality-ring[b-j4wbczuqdn] {
    width: 66px;
    height: 66px;
    display: grid;
    grid-template-columns: auto auto;
    place-content: center;
    border-radius: 50%;
    background:
        linear-gradient(var(--color-bg-elevated), var(--color-bg-elevated)) padding-box,
        conic-gradient(var(--quality-color) calc(var(--quality) * 1%), var(--border-color) 0) border-box;
    border: 6px solid transparent;
}

.finance-quality-ring strong[b-j4wbczuqdn] { font-size: 1.15rem; }
.finance-quality-ring span[b-j4wbczuqdn] { align-self: end; color: var(--color-text-muted); font-size: .65rem; }

.finance-data-copy[b-j4wbczuqdn],
.finance-model-state[b-j4wbczuqdn],
.finance-source-state[b-j4wbczuqdn] {
    display: grid;
    gap: .2rem;
    min-width: 0;
}

.finance-data-copy > strong[b-j4wbczuqdn] { font-size: 1rem; }
.finance-data-copy p[b-j4wbczuqdn],
.finance-model-state small[b-j4wbczuqdn],
.finance-source-state small[b-j4wbczuqdn] { margin: 0; color: var(--color-text-muted); font-size: .72rem; }
.finance-model-state[b-j4wbczuqdn],
.finance-source-state[b-j4wbczuqdn] { padding-left: 1.1rem; border-left: 1px solid var(--border-color); }
.finance-model-state > span[b-j4wbczuqdn],
.finance-source-state > span[b-j4wbczuqdn] { color: var(--color-text-subtle); font-size: .65rem; text-transform: uppercase; letter-spacing: .08em; }

.finance-eyebrow[b-j4wbczuqdn] {
    color: var(--color-primary-light);
    font-size: .65rem;
    font-weight: 750;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.finance-kpis[b-j4wbczuqdn] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .75rem;
    margin-bottom: 1rem;
}

.finance-kpis article[b-j4wbczuqdn] {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    min-width: 0;
    padding: .9rem;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    background: var(--color-bg-elevated);
}

.finance-kpis article > div[b-j4wbczuqdn] { display: grid; gap: .2rem; min-width: 0; }
.finance-kpis article > div > span[b-j4wbczuqdn] { color: var(--color-text-muted); font-size: .65rem; }
.finance-kpis article strong[b-j4wbczuqdn] { overflow: hidden; font-size: .95rem; letter-spacing: -.02em; text-overflow: ellipsis; white-space: nowrap; }
.finance-kpis article small[b-j4wbczuqdn] { color: var(--color-text-subtle); font-size: .61rem; }
.finance-kpis article.positive strong[b-j4wbczuqdn] { color: var(--color-success-light); }
.finance-kpis article.negative strong[b-j4wbczuqdn] { color: var(--color-danger-light); }

.finance-kpi-icon[b-j4wbczuqdn],
.finance-cost-icon[b-j4wbczuqdn] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 9px;
    color: var(--color-primary-light);
    background: rgba(99, 102, 241, .12);
}

.finance-kpi-icon.actual[b-j4wbczuqdn] { color: #38bdf8; background: rgba(56, 189, 248, .12); }
.finance-kpi-icon.proceeds[b-j4wbczuqdn] { color: #22c55e; background: rgba(34, 197, 94, .12); }
.finance-kpi-icon.costs[b-j4wbczuqdn] { color: #f59e0b; background: rgba(245, 158, 11, .12); }
.finance-kpi-icon.net[b-j4wbczuqdn] { color: #a78bfa; background: rgba(139, 92, 246, .12); }
.finance-kpi-icon.break-even[b-j4wbczuqdn] { color: #fb7185; background: rgba(244, 63, 94, .12); }

.finance-workspace[b-j4wbczuqdn] {
    display: grid;
    grid-template-columns: minmax(285px, 340px) minmax(0, 1fr);
    gap: 1rem;
    margin-bottom: 1rem;
}

.finance-assumptions[b-j4wbczuqdn],
.finance-chart-panel[b-j4wbczuqdn],
.finance-section[b-j4wbczuqdn] {
    padding: 1rem;
}

.finance-assumptions[b-j4wbczuqdn] { height: fit-content; position: sticky; top: 1rem; }
.finance-visuals[b-j4wbczuqdn] { display: grid; gap: 1rem; min-width: 0; }

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

.finance-panel-heading h2[b-j4wbczuqdn],
.finance-section-heading h2[b-j4wbczuqdn] { margin: .12rem 0 0; font-size: .95rem; letter-spacing: -.02em; }
.finance-panel-heading > span[b-j4wbczuqdn],
.finance-section-heading > span[b-j4wbczuqdn],
.finance-panel-heading > small[b-j4wbczuqdn] { color: var(--color-text-muted); font-size: .67rem; }
.finance-dirty-state[b-j4wbczuqdn] { padding: .25rem .5rem; border-radius: 999px; background: rgba(99, 102, 241, .11); }

.finance-control-group[b-j4wbczuqdn] { margin-bottom: 1rem; }
.finance-control-group label[b-j4wbczuqdn] { display: flex; justify-content: space-between; gap: 1rem; margin-bottom: .5rem; color: var(--color-text-secondary); font-size: .72rem; }
.finance-control-group output[b-j4wbczuqdn] { color: var(--color-primary-light); font-weight: 700; }
.finance-control-group input[type="range"][b-j4wbczuqdn] { width: 100%; accent-color: var(--color-primary); }
.finance-range-labels[b-j4wbczuqdn] { display: flex; justify-content: space-between; color: var(--color-text-subtle); font-size: .58rem; }

.finance-control-grid[b-j4wbczuqdn],
.finance-editor-grid[b-j4wbczuqdn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .7rem;
}

.finance-control-grid .wide[b-j4wbczuqdn],
.finance-editor-grid .wide[b-j4wbczuqdn] { grid-column: 1 / -1; }

.finance-apply-button[b-j4wbczuqdn] { width: 100%; margin-top: .9rem; }

.finance-assumption-notes[b-j4wbczuqdn] {
    margin-top: 1rem;
    padding-top: .9rem;
    border-top: 1px solid var(--border-color);
    color: var(--color-text-muted);
    font-size: .68rem;
}

.finance-assumption-notes summary[b-j4wbczuqdn],
.finance-editor summary[b-j4wbczuqdn] { color: var(--color-text-secondary); font-weight: 700; cursor: pointer; }
.finance-assumption-notes ul[b-j4wbczuqdn] { display: grid; gap: .35rem; margin: .7rem 0 0; padding-left: 1rem; }

.finance-chart-canvas[b-j4wbczuqdn],
.finance-comparison-canvas[b-j4wbczuqdn] {
    position: relative;
    width: 100%;
    min-width: 0;
    overflow: hidden;
}
.finance-chart-canvas[b-j4wbczuqdn] { height: 245px; }
.finance-chart-canvas.large[b-j4wbczuqdn] { height: 365px; }
.finance-chart-canvas canvas[b-j4wbczuqdn],
.finance-comparison-canvas canvas[b-j4wbczuqdn] {
    display: block;
    width: 100% !important;
    max-width: 100%;
    height: 100% !important;
}
.finance-chart-grid[b-j4wbczuqdn] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }

.finance-legend[b-j4wbczuqdn] { display: flex; flex-wrap: wrap; gap: .7rem; color: var(--color-text-muted); font-size: .63rem; }
.finance-legend span[b-j4wbczuqdn] { display: inline-flex; align-items: center; gap: .3rem; }
.finance-legend i[b-j4wbczuqdn] { width: 14px; height: 3px; border-radius: 9px; background: #64748b; }
.finance-legend i.actual[b-j4wbczuqdn] { background: #38bdf8; }
.finance-legend i.forecast[b-j4wbczuqdn] { background: #8b5cf6; }
.finance-legend i.interval[b-j4wbczuqdn] { background: rgba(139, 92, 246, .35); }

.finance-point-detail[b-j4wbczuqdn] {
    margin-top: .75rem;
    padding: .65rem .75rem;
    color: var(--color-text-muted);
    border-radius: var(--radius-md);
    background: var(--color-bg-base);
    font-size: .68rem;
}

.finance-sensitivity[b-j4wbczuqdn] {
    display: grid;
    grid-template-columns: repeat(var(--columns), minmax(0, 1fr));
    gap: .32rem;
}

.finance-sensitivity button[b-j4wbczuqdn] {
    display: grid;
    gap: .1rem;
    min-width: 0;
    padding: .48rem .2rem;
    color: var(--color-text-primary);
    border: 1px solid transparent;
    border-radius: 6px;
    background: rgba(100, 116, 139, .12);
}

.finance-sensitivity button.high[b-j4wbczuqdn],
.finance-sensitivity button.positive[b-j4wbczuqdn] { background: rgba(34, 197, 94, .12); border-color: rgba(34, 197, 94, .2); }
.finance-sensitivity button.low[b-j4wbczuqdn],
.finance-sensitivity button.negative[b-j4wbczuqdn] { background: rgba(239, 68, 68, .12); border-color: rgba(239, 68, 68, .2); }
.finance-sensitivity button span[b-j4wbczuqdn] { overflow: hidden; font-size: .64rem; font-weight: 750; text-overflow: ellipsis; }
.finance-sensitivity button small[b-j4wbczuqdn] { color: var(--color-text-muted); font-size: .48rem; }

.finance-section[b-j4wbczuqdn] { margin-bottom: 1rem; }
.finance-scenario-cards[b-j4wbczuqdn] { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: .7rem; }
.finance-scenario-cards article[b-j4wbczuqdn] { padding: .8rem; border: 1px solid var(--border-color); border-radius: var(--radius-lg); background: var(--color-bg-base); }
.finance-scenario-cards article.selected[b-j4wbczuqdn] { border-color: var(--color-primary); box-shadow: inset 0 0 0 1px var(--color-primary); }
.finance-scenario-cards article > div[b-j4wbczuqdn] { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.finance-scenario-cards article > div > span[b-j4wbczuqdn] { padding: .18rem .4rem; border-radius: 999px; color: var(--color-primary-light); background: rgba(99, 102, 241, .12); font-size: .58rem; }
.finance-scenario-cards p[b-j4wbczuqdn] { margin: .45rem 0 .7rem; color: var(--color-text-muted); font-size: .68rem; }
.finance-scenario-cards button[b-j4wbczuqdn] { padding: .35rem .45rem; border-radius: 6px; font-size: .64rem; background: rgba(100, 116, 139, .09); }
.finance-scenario-cards button:hover[b-j4wbczuqdn] { color: var(--color-text-primary); }
.finance-scenario-cards button.danger[b-j4wbczuqdn],
.finance-cost-list button.danger[b-j4wbczuqdn] { color: var(--color-danger-light); }
.finance-comparison-canvas[b-j4wbczuqdn] { height: 260px; margin-top: .9rem; }

.finance-two-column[b-j4wbczuqdn] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.finance-two-column .finance-section[b-j4wbczuqdn] { min-width: 0; }

.finance-cost-list[b-j4wbczuqdn] { display: grid; gap: .5rem; }
.finance-cost-list article[b-j4wbczuqdn] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto auto; align-items: center; gap: .65rem; padding: .65rem; border: 1px solid var(--border-color); border-radius: var(--radius-md); }
.finance-cost-list article > div[b-j4wbczuqdn] { display: grid; gap: .12rem; min-width: 0; }
.finance-cost-list article small[b-j4wbczuqdn] { display: block; color: var(--color-text-muted); font-size: .6rem; }
.finance-cost-list article > span[b-j4wbczuqdn] { font-size: .72rem; font-weight: 700; }
.finance-cost-list button[b-j4wbczuqdn] { width: 28px; height: 28px; border-radius: 6px; background: var(--color-bg-base); }

.finance-editor[b-j4wbczuqdn] { margin-top: .8rem; padding: .75rem; border: 1px dashed var(--border-color-light); border-radius: var(--radius-md); }
.finance-editor-grid[b-j4wbczuqdn] { margin-top: .75rem; }
.finance-editor-actions[b-j4wbczuqdn] { display: flex; justify-content: flex-end; gap: .5rem; margin-top: .75rem; }
.finance-editor-actions button[b-j4wbczuqdn] { padding: .48rem .7rem; border-radius: 7px; background: var(--color-bg-base); }
.finance-editor-actions button.primary[b-j4wbczuqdn] { color: #fff; background: var(--color-primary); }

.finance-import-info[b-j4wbczuqdn] { display: flex; gap: .7rem; padding: .7rem; border-radius: var(--radius-md); color: var(--color-text-muted); background: rgba(99, 102, 241, .08); }
.finance-import-info i[b-j4wbczuqdn] { margin-top: .1rem; color: var(--color-primary-light); }
.finance-import-info p[b-j4wbczuqdn] { margin: 0; font-size: .68rem; line-height: 1.55; }
.finance-import-info code[b-j4wbczuqdn] { color: var(--color-primary-light); }
.finance-import-source[b-j4wbczuqdn] { margin-top: .8rem; }

.finance-dropzone[b-j4wbczuqdn] { display: grid; place-items: center; gap: .35rem; margin-top: .7rem; padding: 1.25rem; border: 1px dashed var(--border-color-light); border-radius: var(--radius-lg); color: var(--color-text-muted); text-align: center; cursor: pointer; background: var(--color-bg-base); }
.finance-dropzone:hover[b-j4wbczuqdn] { border-color: var(--color-primary); }
.finance-dropzone i[b-j4wbczuqdn] { color: var(--color-primary-light); font-size: 1.4rem; }
.finance-dropzone strong[b-j4wbczuqdn] { color: var(--color-text-primary); font-size: .78rem; }
.finance-dropzone span[b-j4wbczuqdn] { font-size: .64rem; }
.finance-dropzone input[b-j4wbczuqdn] { max-width: 100%; font-size: .65rem; }

.finance-import-result[b-j4wbczuqdn] { display: grid; gap: .15rem; margin-top: .7rem; padding: .65rem; border-radius: var(--radius-md); font-size: .68rem; background: rgba(34, 197, 94, .1); }
.finance-import-result.warning[b-j4wbczuqdn] { background: rgba(245, 158, 11, .1); }
.finance-template-button[b-j4wbczuqdn] { margin-top: .65rem; padding: .5rem .65rem; border-radius: 7px; font-size: .68rem; background: var(--color-bg-base); }

.finance-table-wrap[b-j4wbczuqdn] { overflow-x: auto; }
.finance-table-wrap table[b-j4wbczuqdn] { width: 100%; border-collapse: collapse; font-size: .7rem; }
.finance-table-wrap th[b-j4wbczuqdn] { padding: .65rem; color: var(--color-text-muted); border-bottom: 1px solid var(--border-color); text-align: left; white-space: nowrap; }
.finance-table-wrap td[b-j4wbczuqdn] { padding: .65rem; border-bottom: 1px solid var(--border-color); white-space: nowrap; }
.finance-table-wrap td.positive[b-j4wbczuqdn] { color: var(--color-success-light); }
.finance-table-wrap td.negative[b-j4wbczuqdn] { color: var(--color-danger-light); }
.finance-table-wrap td small[b-j4wbczuqdn] { display: block; color: var(--color-text-subtle); }
.finance-table-type[b-j4wbczuqdn] { padding: .2rem .45rem; border-radius: 999px; font-size: .58rem; background: rgba(99, 102, 241, .12); }
.finance-table-type.actual[b-j4wbczuqdn] { color: #38bdf8; background: rgba(56, 189, 248, .12); }

.finance-offer-assumptions[b-j4wbczuqdn] { margin-top: 1.2rem; padding-top: 1.1rem; border-top: 1px solid var(--border-color); }
.finance-offer-assumptions-heading h3[b-j4wbczuqdn] { margin: .1rem 0; font-size: 1rem; color: var(--color-text-primary); }
.finance-offer-assumptions-heading p[b-j4wbczuqdn] { margin: 0; color: var(--color-text-muted); font-size: .66rem; }
.finance-offer-assumptions article[b-j4wbczuqdn] { display: grid; gap: .6rem; padding: .75rem; border: 1px solid var(--border-color); border-radius: var(--radius-md); background: var(--color-bg-base); }
.finance-offer-assumptions article header[b-j4wbczuqdn] { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.finance-offer-assumptions article header strong[b-j4wbczuqdn],
.finance-offer-assumptions article header small[b-j4wbczuqdn] { display: block; }
.finance-offer-assumptions article header small[b-j4wbczuqdn] { color: var(--color-text-muted); font-size: .62rem; }
.finance-offer-assumptions article header > span[b-j4wbczuqdn] { padding: .22rem .45rem; border-radius: 999px; color: #a5b4fc; background: rgba(99, 102, 241, .14); font-size: .58rem; font-weight: 800; }
.finance-offer-assumptions article header > span.subscription[b-j4wbczuqdn] { color: #38bdf8; background: rgba(14, 165, 233, .14); }
.finance-offer-history[b-j4wbczuqdn] { display: flex !important; grid-template-columns: none !important; align-items: center; gap: .4rem; color: var(--color-text-muted); font-size: .62rem; }
.finance-offer-history input[b-j4wbczuqdn] { width: auto !important; }
.finance-offer-fields[b-j4wbczuqdn] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
.finance-offer-fields.compact[b-j4wbczuqdn] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.finance-offer-assumptions label[b-j4wbczuqdn] { display: grid; gap: .25rem; }
.finance-offer-assumptions label > span[b-j4wbczuqdn] { color: var(--color-text-muted); font-size: .58rem; font-weight: 700; }
.finance-offer-assumptions input[type="number"][b-j4wbczuqdn] { min-width: 0; width: 100%; padding: .42rem .5rem; border: 1px solid var(--border-color-light); border-radius: 7px; color: var(--color-text-primary); background: var(--color-bg-elevated); }
.finance-offer-assumptions input:disabled[b-j4wbczuqdn] { opacity: .5; }

.finance-offer-breakdown[b-j4wbczuqdn] { margin-bottom: 1rem; }
.finance-offer-breakdown-list[b-j4wbczuqdn] { display: grid; }
.finance-offer-breakdown-list article[b-j4wbczuqdn] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: .7rem; padding: .7rem 0; border-top: 1px solid var(--border-color); }
.finance-offer-breakdown-list article:first-child[b-j4wbczuqdn] { border-top: 0; }
.finance-offer-breakdown-list strong[b-j4wbczuqdn],
.finance-offer-breakdown-list small[b-j4wbczuqdn] { display: block; }
.finance-offer-breakdown-list small[b-j4wbczuqdn] { color: var(--color-text-muted); font-size: .62rem; }
.finance-offer-breakdown-list article > div:nth-child(3)[b-j4wbczuqdn] { text-align: right; }
.finance-offer-dot[b-j4wbczuqdn] { width: .7rem; height: .7rem; border-radius: 999px; background: #6366f1; }
.finance-offer-dot.subscription[b-j4wbczuqdn] { background: #0ea5e9; }
.finance-ending-active[b-j4wbczuqdn] { white-space: nowrap; padding: .25rem .45rem; border-radius: 999px; color: #38bdf8; background: rgba(14, 165, 233, .12); font-size: .58rem; font-weight: 800; }
.finance-offer-warning[b-j4wbczuqdn] { grid-column: 2 / -1; color: #f59e0b !important; }

@media (max-width: 1400px) {
    .finance-kpis[b-j4wbczuqdn] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .finance-command-bar[b-j4wbczuqdn] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .finance-presets[b-j4wbczuqdn] { grid-column: span 2; }
}

@media (max-width: 1050px) {
    .finance-data-banner[b-j4wbczuqdn] { grid-template-columns: auto 1fr; }
    .finance-model-state[b-j4wbczuqdn],
    .finance-source-state[b-j4wbczuqdn] { padding: .7rem 0 0; border-top: 1px solid var(--border-color); border-left: 0; }
    .finance-workspace[b-j4wbczuqdn] { grid-template-columns: 1fr; }
    .finance-assumptions[b-j4wbczuqdn] { position: static; }
    .finance-two-column[b-j4wbczuqdn] { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
    .finance-header-actions[b-j4wbczuqdn] { width: 100%; }
    .finance-header-actions .btn[b-j4wbczuqdn] { flex: 1 1 auto; }
    .finance-command-bar[b-j4wbczuqdn] { grid-template-columns: 1fr; }
    .finance-presets[b-j4wbczuqdn] { grid-column: auto; }
    .finance-data-banner[b-j4wbczuqdn] { grid-template-columns: 1fr; }
    .finance-quality-ring[b-j4wbczuqdn] { width: 58px; height: 58px; }
    .finance-kpis[b-j4wbczuqdn] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .finance-chart-grid[b-j4wbczuqdn] { grid-template-columns: 1fr; }
    .finance-chart-canvas.large[b-j4wbczuqdn] { height: 300px; }
    .finance-control-grid[b-j4wbczuqdn],
    .finance-editor-grid[b-j4wbczuqdn] { grid-template-columns: 1fr; }
    .finance-control-grid .wide[b-j4wbczuqdn],
    .finance-editor-grid .wide[b-j4wbczuqdn] { grid-column: auto; }
    .finance-offer-fields[b-j4wbczuqdn],
    .finance-offer-fields.compact[b-j4wbczuqdn] { grid-template-columns: 1fr; }
    .finance-offer-breakdown-list article[b-j4wbczuqdn] { grid-template-columns: auto minmax(0, 1fr); }
    .finance-offer-breakdown-list article > div:nth-child(3)[b-j4wbczuqdn],
    .finance-ending-active[b-j4wbczuqdn] { grid-column: 2; text-align: left; }
}

@media print {
    .finance-header-actions[b-j4wbczuqdn],
    .finance-command-bar[b-j4wbczuqdn],
    .finance-assumptions[b-j4wbczuqdn],
    .finance-editor[b-j4wbczuqdn],
    .finance-dropzone[b-j4wbczuqdn],
    .finance-template-button[b-j4wbczuqdn] { display: none !important; }
    .finance-workspace[b-j4wbczuqdn],
    .finance-chart-grid[b-j4wbczuqdn],
    .finance-two-column[b-j4wbczuqdn] { display: block; }
    .finance-chart-panel[b-j4wbczuqdn],
    .finance-section[b-j4wbczuqdn] { break-inside: avoid; margin-bottom: 1rem; box-shadow: none; }
}

.finance-offer-assumptions > summary[b-j4wbczuqdn] { cursor: pointer; font-weight: 700; color: var(--color-text-primary); padding: .5rem 0; }
.finance-offer-assumptions[open] > summary[b-j4wbczuqdn] { margin-bottom: .75rem; }
.finance-offer-assumptions article[b-j4wbczuqdn] { margin-top: .75rem; }
.finance-zero-toggle[b-j4wbczuqdn] { display: flex; align-items: center; gap: .6rem; margin: .5rem 0 1rem; color: var(--color-text-secondary); font-size: .82rem; cursor: pointer; }
.finance-zero-toggle input[b-j4wbczuqdn] { accent-color: var(--color-primary); width: 1rem; height: 1rem; }
.finance-visuals[b-j4wbczuqdn] { align-content: start; }
/* /Components/Pages/Dashboard/OperatorAccess.razor.rz.scp.css */
.operator-message[b-z98f7ixcog] {
    margin-bottom: 1rem;
}

.operator-grid[b-z98f7ixcog] {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
    gap: 1rem;
    margin-bottom: 1rem;
}

.operator-form[b-z98f7ixcog],
.operator-rules[b-z98f7ixcog] {
    display: grid;
    gap: .9rem;
}

.operator-form fieldset[b-z98f7ixcog] {
    border: 0;
    padding: 0;
    margin: 0;
}

.operator-form legend[b-z98f7ixcog] {
    margin-bottom: .55rem;
    color: var(--color-text-primary);
    font-size: .78rem;
    font-weight: 700;
}

.operator-scope-option[b-z98f7ixcog] {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    padding: .65rem;
    margin-bottom: .45rem;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    background: var(--color-bg-base);
    cursor: pointer;
}

.operator-scope-option input[b-z98f7ixcog] {
    margin-top: .2rem;
}

.operator-scope-option span[b-z98f7ixcog] {
    display: grid;
    gap: .15rem;
}

.operator-scope-option strong[b-z98f7ixcog] {
    color: var(--color-text-primary);
    font-family: var(--font-mono);
    font-size: .75rem;
}

.operator-scope-option small[b-z98f7ixcog],
.operator-rules span[b-z98f7ixcog],
.operator-secret-card p[b-z98f7ixcog] {
    color: var(--color-text-muted);
    font-size: .72rem;
    line-height: 1.45;
}

.operator-rules > div[b-z98f7ixcog] {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
}

.operator-rules i[b-z98f7ixcog] {
    width: 1rem;
    margin-top: .15rem;
    color: var(--color-success);
}

.operator-rules .fa-ban[b-z98f7ixcog] {
    color: var(--color-danger);
}

.operator-secret-card[b-z98f7ixcog],
.operator-token-list[b-z98f7ixcog] {
    padding: 1rem;
    margin-bottom: 1rem;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    background: var(--gradient-card, var(--color-surface));
    box-shadow: var(--shadow-card, var(--shadow-sm));
}

.operator-secret-card[b-z98f7ixcog] {
    border-color: color-mix(in srgb, var(--color-warning) 45%, var(--border-color));
}

.operator-secret-card h2[b-z98f7ixcog],
.operator-token-list h2[b-z98f7ixcog] {
    margin: .15rem 0 .35rem;
    color: var(--color-text-primary);
    font-size: 1rem;
}

.operator-secret-card > code[b-z98f7ixcog] {
    display: block;
    overflow-wrap: anywhere;
    padding: .8rem;
    margin: .8rem 0;
    border-radius: var(--radius-md);
    background: var(--color-bg-base);
    color: var(--color-text-primary);
    font-size: .76rem;
}

.operator-secret-actions[b-z98f7ixcog],
.operator-list-header[b-z98f7ixcog],
.operator-token-title[b-z98f7ixcog] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.operator-kicker[b-z98f7ixcog] {
    color: var(--color-primary-light);
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.operator-token-cards[b-z98f7ixcog] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: .75rem;
    margin-top: .8rem;
}

.operator-token-card[b-z98f7ixcog] {
    padding: .85rem;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    background: var(--color-bg-base);
}

.operator-token-card.widerrufen[b-z98f7ixcog],
.operator-token-card.abgelaufen[b-z98f7ixcog] {
    opacity: .72;
}

.operator-token-title > div[b-z98f7ixcog] {
    display: grid;
    gap: .2rem;
}

.operator-token-title strong[b-z98f7ixcog] {
    color: var(--color-text-primary);
    font-size: .82rem;
}

.operator-token-title code[b-z98f7ixcog] {
    color: var(--color-text-muted);
    font-size: .66rem;
}

.operator-state[b-z98f7ixcog],
.operator-scope-pills span[b-z98f7ixcog] {
    display: inline-flex;
    padding: .18rem .42rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 12%, transparent);
    color: var(--color-primary-light);
    font-size: .6rem;
    font-weight: 700;
}

.operator-token-card.aktiv .operator-state[b-z98f7ixcog] {
    background: color-mix(in srgb, var(--color-success) 14%, transparent);
    color: var(--color-success);
}

.operator-token-card.widerrufen .operator-state[b-z98f7ixcog],
.operator-token-card.abgelaufen .operator-state[b-z98f7ixcog] {
    background: color-mix(in srgb, var(--color-danger) 12%, transparent);
    color: var(--color-danger);
}

.operator-scope-pills[b-z98f7ixcog] {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
    margin: .75rem 0;
}

.operator-token-card dl[b-z98f7ixcog] {
    display: grid;
    gap: .35rem;
    margin: 0 0 .75rem;
}

.operator-token-card dl > div[b-z98f7ixcog] {
    display: flex;
    justify-content: space-between;
    gap: .5rem;
    font-size: .65rem;
}

.operator-token-card dt[b-z98f7ixcog] {
    color: var(--color-text-muted);
}

.operator-token-card dd[b-z98f7ixcog] {
    margin: 0;
    color: var(--color-text-primary);
    text-align: right;
}

@media (max-width: 900px) {
    .operator-grid[b-z98f7ixcog] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .operator-secret-actions[b-z98f7ixcog],
    .operator-list-header[b-z98f7ixcog] {
        align-items: stretch;
        flex-direction: column;
    }

    .operator-secret-actions .btn[b-z98f7ixcog],
    .operator-list-header .btn[b-z98f7ixcog] {
        width: 100%;
    }
}
/* /Components/Pages/Dashboard/Overview.razor.rz.scp.css */
.overview-page[b-ewc5jgy3ea] { color:var(--color-text-primary); max-width:1600px; margin:auto; padding:4px 0 24px; font-size:14px; }
.overview-page *[b-ewc5jgy3ea] { box-sizing:border-box; }
.overview-page a[b-ewc5jgy3ea] { color:var(--color-primary); text-decoration:none; }
.overview-page :is(button,a,summary):focus-visible[b-ewc5jgy3ea] { outline:3px solid var(--color-primary); outline-offset:3px; }
.overview-page button[b-ewc5jgy3ea] { font:inherit; cursor:pointer; }
.overview-page button:disabled[b-ewc5jgy3ea] { opacity:.6; cursor:wait; }
.overview-heading[b-ewc5jgy3ea] { display:flex; justify-content:space-between; align-items:center; gap:18px; margin-bottom:14px; }
.overview-heading h1[b-ewc5jgy3ea] { margin:0; font-size:clamp(24px,2.4vw,32px); letter-spacing:-.035em; font-weight:700; }
.overview-intro[b-ewc5jgy3ea] { color:var(--color-text-muted); margin:6px 0 0; font-size:12px; }
.overview-page .overview-primary[b-ewc5jgy3ea] { background:var(--color-primary); color:var(--color-on-primary); border-radius:var(--radius-md); padding:10px 15px; display:flex; gap:20px; align-items:center; font-weight:600; font-size:12px; min-height:40px; white-space:nowrap; }
.overview-shortcuts[b-ewc5jgy3ea] { display:flex; flex-wrap:wrap; align-items:center; gap:6px 20px; padding:10px 14px; margin-bottom:14px; border:1px solid var(--color-border); border-radius:var(--radius-md); background:var(--color-bg-card); }
.overview-shortcuts a[b-ewc5jgy3ea] { font-size:11px; line-height:1.5; padding:5px 0; color:var(--color-text-secondary); }
.overview-shortcuts i[b-ewc5jgy3ea] { margin-right:7px; color:var(--color-primary); }
.overview-shortcuts a:hover[b-ewc5jgy3ea] { color:var(--color-primary); }
.overview-shortcuts .overview-contract-warning[b-ewc5jgy3ea],.overview-contract-warning i[b-ewc5jgy3ea] { color:var(--color-warning); }
.overview-toolbar[b-ewc5jgy3ea] { display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; margin-bottom:14px; }
.overview-period[b-ewc5jgy3ea] { display:flex; gap:3px; padding:3px; border:1px solid var(--color-border); border-radius:var(--radius-md); background:var(--color-bg-card); }
.overview-period button[b-ewc5jgy3ea] { border:0; background:transparent; color:var(--color-text-secondary); border-radius:var(--radius-sm); min-height:32px; padding:6px 13px; font-size:11px; font-weight:600; }
.overview-period .selected[b-ewc5jgy3ea] { background:var(--color-bg-primary-soft); color:var(--color-primary); }
.overview-freshness[b-ewc5jgy3ea] { margin-left:auto; display:flex; flex-wrap:wrap; gap:12px; align-items:center; color:var(--color-text-muted); font-size:10px; }
.overview-refresh[b-ewc5jgy3ea] { min-height:32px; border:0; background:transparent; color:var(--color-text-secondary); font-size:11px; }
.overview-refresh i[b-ewc5jgy3ea] { margin-right:4px; }
.overview-metrics[b-ewc5jgy3ea] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid var(--color-border); border-radius:var(--radius-lg); background:var(--color-bg-card); padding:16px 0; margin-bottom:14px; }
.overview-metric[b-ewc5jgy3ea] { min-width:0; border-left:1px solid var(--color-border); padding:0 22px; }
.overview-metric:first-child[b-ewc5jgy3ea] { border-left:0; }
.overview-metric-label[b-ewc5jgy3ea] { display:flex; justify-content:space-between; gap:8px; color:var(--color-text-secondary); font-size:11px; }
.overview-metric-label i[b-ewc5jgy3ea] { color:var(--color-primary); font-size:16px; }
.overview-metric>strong[b-ewc5jgy3ea] { display:block; margin:7px 0; font-size:clamp(24px,2.5vw,31px); font-weight:650; font-variant-numeric:tabular-nums; letter-spacing:-.035em; overflow-wrap:anywhere; line-height:1.2; }
.overview-metric>strong small[b-ewc5jgy3ea] { font-size:11px; font-weight:500; color:var(--color-text-muted); letter-spacing:0; }
.overview-metric>span[b-ewc5jgy3ea] { display:block; color:var(--color-text-muted); font-size:10px; }
.overview-metric .overview-negative[b-ewc5jgy3ea] { color:var(--color-danger); }
.overview-metric .overview-positive[b-ewc5jgy3ea] { color:var(--color-success); }
.overview-muted[b-ewc5jgy3ea] { color:var(--color-text-muted); }
.overview-charts-grid[b-ewc5jgy3ea] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.overview-panel[b-ewc5jgy3ea] { min-width:0; border:1px solid var(--color-border); border-radius:var(--radius-lg); background:var(--color-bg-card); overflow:hidden; }
.overview-panel-heading[b-ewc5jgy3ea] { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; padding:17px 18px 0; }
.overview-panel-heading h2[b-ewc5jgy3ea] { font-size:14px; line-height:1.35; font-weight:650; margin:0; letter-spacing:-.015em; }
.overview-panel-heading>a[b-ewc5jgy3ea] { font-size:10px; font-weight:600; }
.overview-panel-heading>a i[b-ewc5jgy3ea] { margin-left:5px; }
.overview-panel-total[b-ewc5jgy3ea] { color:var(--color-text-secondary); font-size:11px; font-variant-numeric:tabular-nums; }
.overview-panel-total small[b-ewc5jgy3ea] { color:var(--color-text-muted); font-size:10px; }
.overview-chart-caption[b-ewc5jgy3ea] { font-size:10px; color:var(--color-text-muted); margin:8px 18px 0; line-height:1.6; }
.overview-chart[b-ewc5jgy3ea] { position:relative; height:265px; margin:14px 12px 14px; min-width:0; }
.overview-chart canvas[b-ewc5jgy3ea] { max-width:100%; }
.overview-chart canvas:focus-visible[b-ewc5jgy3ea] { outline:2px solid var(--color-primary); outline-offset:2px; border-radius:6px; }
.overview-series-summary[b-ewc5jgy3ea] { display:flex; flex-wrap:wrap; gap:16px 32px; margin:14px 18px 0; padding-bottom:12px; border-bottom:1px solid var(--color-border); }
.overview-series-summary>span[b-ewc5jgy3ea] { display:grid; gap:4px; }
.overview-series-summary small[b-ewc5jgy3ea] { font-size:10px; color:var(--color-text-muted); font-weight:400; }
.overview-series-summary strong[b-ewc5jgy3ea] { font-size:20px; font-variant-numeric:tabular-nums; letter-spacing:-.025em; }
.overview-sr-only[b-ewc5jgy3ea] { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.overview-chart-empty[b-ewc5jgy3ea] { min-height:233px; padding:25px; display:flex; flex-direction:column; gap:9px; align-items:center; justify-content:center; text-align:center; }
.overview-chart-empty>i[b-ewc5jgy3ea] { color:var(--color-primary); font-size:24px; margin-bottom:5px; }
.overview-chart-empty h3[b-ewc5jgy3ea] { font-size:13px; margin:0; }
.overview-chart-empty p[b-ewc5jgy3ea] { color:var(--color-text-muted); font-size:11px; margin:0; }
.overview-chart-empty a[b-ewc5jgy3ea] { font-size:11px; }
.overview-data-table[b-ewc5jgy3ea] { padding:10px 18px; font-size:11px; }
.overview-period-values[b-ewc5jgy3ea] { margin:0 0 10px; }
.overview-data-table summary[b-ewc5jgy3ea] { cursor:pointer; color:var(--color-text-muted); width:fit-content; padding:4px 0; }
.overview-data-table>div[b-ewc5jgy3ea] { max-height:280px; overflow:auto; margin-top:8px; }
.overview-data-table table[b-ewc5jgy3ea] { width:100%; font-variant-numeric:tabular-nums; }
.overview-data-table th[b-ewc5jgy3ea],.overview-data-table td[b-ewc5jgy3ea] { text-align:right; padding:8px; border-bottom:1px solid var(--color-border); }
.overview-data-table :is(th,td):first-child[b-ewc5jgy3ea] { text-align:left; }
.overview-data-table caption[b-ewc5jgy3ea] { font-size:11px; color:var(--color-text-muted); }
.overview-middle-grid[b-ewc5jgy3ea] { display:grid; grid-template-columns:minmax(0,2fr) minmax(310px,1fr); gap:14px; margin-bottom:14px; }
.overview-insights[b-ewc5jgy3ea] { display:flex; flex-wrap:wrap; gap:12px; padding:8px 18px 16px; font-size:11px; }
.overview-app-list[b-ewc5jgy3ea] { padding:4px 16px 0; }
.overview-page .overview-app[b-ewc5jgy3ea] { display:flex; align-items:center; gap:9px; padding:10px 0; color:var(--color-text-primary); border-bottom:1px solid var(--color-border); }
.overview-app:last-child[b-ewc5jgy3ea] { border-bottom:0; }
.overview-app:hover[b-ewc5jgy3ea] { background:var(--color-bg-hover); }
.overview-app img[b-ewc5jgy3ea],.overview-app-placeholder[b-ewc5jgy3ea] { flex:none; width:29px; height:29px; border-radius:7px; object-fit:contain; }
.overview-app-placeholder[b-ewc5jgy3ea] { display:grid; place-items:center; color:var(--color-primary); background:var(--color-bg-primary-soft); }
.overview-app-name[b-ewc5jgy3ea] { flex:1; min-width:0; }
.overview-app-name strong[b-ewc5jgy3ea] { display:block; font-size:11px; font-weight:600; overflow-wrap:anywhere; }
.overview-app small[b-ewc5jgy3ea] { display:block; font-size:9px; color:var(--color-text-muted); margin-top:3px; }
.overview-app-value[b-ewc5jgy3ea] { max-width:35%; min-width:0; text-align:right; }
.overview-app-value strong[b-ewc5jgy3ea] { font-size:10px; font-weight:600; font-variant-numeric:tabular-nums; }
.overview-app>i[b-ewc5jgy3ea] { font-size:9px; color:var(--color-text-muted); }
.overview-sparkline[b-ewc5jgy3ea] { display:block; width:65px; height:25px; flex:none; position:relative; }
.overview-app-caption[b-ewc5jgy3ea] { margin-top:5px; margin-bottom:12px; }
.overview-analysis-grid[b-ewc5jgy3ea] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:14px; }
.overview-analysis-grid>.overview-panel[b-ewc5jgy3ea] { display:flex; flex-direction:column; }
.overview-donut[b-ewc5jgy3ea] { position:relative; width:180px; height:180px; max-width:calc(100% - 36px); margin:18px auto 10px; }
html[data-chart-distribution="bars"] .overview-donut[b-ewc5jgy3ea] { width:calc(100% - 36px); height:170px; }
.overview-legend[b-ewc5jgy3ea] { margin:4px 16px 16px; font-size:10px; max-height:170px; overflow:auto; }
.overview-legend>div[b-ewc5jgy3ea] { display:flex; justify-content:space-between; align-items:start; gap:10px; padding:6px 0; }
.overview-legend dt[b-ewc5jgy3ea] { min-width:0; color:var(--color-text-secondary); font-weight:400; overflow-wrap:anywhere; }
.overview-legend dd[b-ewc5jgy3ea] { flex:none; margin:0; font-variant-numeric:tabular-nums; color:var(--color-text-primary); text-align:right; }
.overview-legend small[b-ewc5jgy3ea] { color:var(--color-text-muted); font-size:9px; }
.overview-swatch[b-ewc5jgy3ea] { display:inline-block; width:8px; height:8px; border-radius:50%; margin-right:6px; }
.tone-0[b-ewc5jgy3ea] { background:var(--chart-color-1,var(--color-primary)); }.tone-1[b-ewc5jgy3ea] { background:var(--chart-color-2,var(--color-secondary)); }.tone-2[b-ewc5jgy3ea] { background:var(--chart-color-3,var(--color-accent)); }.tone-3[b-ewc5jgy3ea] { background:var(--chart-color-4,var(--color-warning)); }.tone-4[b-ewc5jgy3ea] { background:var(--chart-color-5,var(--color-success)); }.tone-5[b-ewc5jgy3ea] { background:var(--chart-color-6,var(--color-info)); }
.overview-products-chart[b-ewc5jgy3ea] { position:relative; height:156px; margin:12px 12px 0; }
.overview-products-list dt[b-ewc5jgy3ea] { max-width:65%; }
.overview-map[b-ewc5jgy3ea] { position:relative; height:172px; margin:14px 12px 0; border-radius:var(--radius-sm); background:var(--color-bg-subtle); z-index:0; }
.overview-map-caption[b-ewc5jgy3ea] { margin:0 16px 14px; }
.overview-map[b-ewc5jgy3ea]  .leaflet-control-attribution { background:var(--color-bg-card); color:var(--color-text-muted); font-size:8px; }
.overview-map[b-ewc5jgy3ea]  .leaflet-control-attribution a { color:var(--color-primary); }
.overview-map[b-ewc5jgy3ea]  .leaflet-bar a { background:var(--color-bg-card); color:var(--color-text-primary); border-color:var(--color-border); }
.overview-map[b-ewc5jgy3ea]  .leaflet-popup-content-wrapper,.overview-map[b-ewc5jgy3ea]  .leaflet-popup-tip { background:var(--color-bg-card); color:var(--color-text-primary); }
.overview-eyebrow[b-ewc5jgy3ea] { display:none; }
.overview-timeline[b-ewc5jgy3ea] { list-style:none; padding:6px 18px; margin:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 20px; }
.overview-timeline li[b-ewc5jgy3ea] { display:flex; gap:9px; align-items:start; padding:12px 0; min-width:0; }
.overview-timeline-icon[b-ewc5jgy3ea] { display:grid; place-items:center; width:28px; height:28px; flex:none; border:1px solid var(--color-border); border-radius:50%; font-size:10px; color:var(--color-primary); }
.overview-timeline li>div[b-ewc5jgy3ea] { flex:1; min-width:0; }
.overview-timeline a[b-ewc5jgy3ea] { color:var(--color-text-primary); font-size:11px; font-weight:500; }
.overview-timeline a:hover[b-ewc5jgy3ea] { color:var(--color-primary); }
.overview-timeline div>span[b-ewc5jgy3ea] { display:block; color:var(--color-text-muted); font-size:10px; margin-top:4px; overflow-wrap:anywhere; }
.overview-timeline time[b-ewc5jgy3ea] { color:var(--color-text-muted); font-size:9px; white-space:nowrap; padding-top:3px; }
.overview-footer-link[b-ewc5jgy3ea] { display:block; padding:12px 18px; border-top:1px solid var(--color-border); font-size:10px; }
.overview-footer-link i[b-ewc5jgy3ea] { margin-left:5px; }
.overview-footnote[b-ewc5jgy3ea] { color:var(--color-text-muted); font-size:10px; line-height:1.7; text-align:center; margin-top:18px; }
.overview-inline-note[b-ewc5jgy3ea] { color:var(--color-text-muted); font-size:11px; line-height:1.6; margin:16px 18px; }
.overview-loading[b-ewc5jgy3ea] { display:flex; align-items:center; justify-content:center; gap:12px; min-height:300px; color:var(--color-text-muted); }
.overview-error[b-ewc5jgy3ea] { display:flex; flex-wrap:wrap; align-items:center; gap:12px; padding:14px; margin-bottom:16px; border:1px solid var(--color-danger); border-radius:var(--radius-md); background:var(--color-bg-danger-soft); }
.overview-error>span[b-ewc5jgy3ea] { flex:1; min-width:180px; }
.overview-error button[b-ewc5jgy3ea] { border:1px solid var(--color-border); background:var(--color-bg-card); color:var(--color-text-primary); padding:8px 12px; border-radius:var(--radius-sm); }
@media(max-width:1200px) { .overview-analysis-grid[b-ewc5jgy3ea] { grid-template-columns:repeat(2,minmax(0,1fr)); }.overview-middle-grid[b-ewc5jgy3ea] { grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr); }.overview-sparkline[b-ewc5jgy3ea] { width:45px; }.overview-timeline[b-ewc5jgy3ea] { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:850px) { .overview-middle-grid[b-ewc5jgy3ea],.overview-charts-grid[b-ewc5jgy3ea] { grid-template-columns:minmax(0,1fr); }.overview-freshness[b-ewc5jgy3ea] { margin-left:0; }.overview-metric[b-ewc5jgy3ea] { padding:0 14px; }.overview-metric-label i[b-ewc5jgy3ea] { display:none; }.overview-sparkline[b-ewc5jgy3ea] { width:80px; } }
@media(max-width:560px) {
    .overview-heading[b-ewc5jgy3ea] { gap:10px; }.overview-heading h1[b-ewc5jgy3ea] { font-size:24px; }.overview-intro[b-ewc5jgy3ea] { font-size:11px; }.overview-page .overview-primary[b-ewc5jgy3ea] { font-size:11px; gap:10px; padding:10px; }
    .overview-shortcuts[b-ewc5jgy3ea] { gap:2px 16px; }.overview-shortcuts a[b-ewc5jgy3ea] { font-size:10px; }.overview-toolbar[b-ewc5jgy3ea] { gap:5px; }.overview-period[b-ewc5jgy3ea] { width:100%; }.overview-period button[b-ewc5jgy3ea] { flex:1; padding:7px 5px; min-height:36px; }.overview-freshness[b-ewc5jgy3ea] { width:100%; justify-content:space-between; }
    .overview-metrics[b-ewc5jgy3ea] { grid-template-columns:repeat(2,minmax(0,1fr)); padding:0; }.overview-metric[b-ewc5jgy3ea] { padding:14px; }.overview-metric:nth-child(3)[b-ewc5jgy3ea] { border-left:0; }.overview-metric:nth-child(n+3)[b-ewc5jgy3ea] { border-top:1px solid var(--color-border); }.overview-metric>strong[b-ewc5jgy3ea] { font-size:26px; }
    .overview-analysis-grid[b-ewc5jgy3ea] { grid-template-columns:minmax(0,1fr); }.overview-timeline[b-ewc5jgy3ea] { grid-template-columns:minmax(0,1fr); }.overview-donut[b-ewc5jgy3ea] { width:156px; height:156px; }.overview-legend[b-ewc5jgy3ea] { font-size:11px; }.overview-chart[b-ewc5jgy3ea] { height:195px; }.overview-sparkline[b-ewc5jgy3ea] { width:45px; }.overview-panel-heading[b-ewc5jgy3ea] { padding:15px 14px 0; }.overview-panel-heading h2[b-ewc5jgy3ea] { font-size:13px; }
}
@media(prefers-reduced-motion:reduce) { .overview-page *[b-ewc5jgy3ea] { transition:none; scroll-behavior:auto; } }
/* /Components/Pages/Dashboard/Pricing.razor.rz.scp.css */
.pricing-actions[b-en91athkvf] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    margin-bottom: 1rem;
}

.pricing-overview[b-en91athkvf] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .8rem;
    margin: 1rem 0 1.25rem;
}

.pricing-overview article[b-en91athkvf] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    padding: 1rem 1.1rem;
    border: 1px solid var(--color-border);
    border-radius: 14px;
    background: var(--color-surface);
    box-shadow: var(--shadow-sm);
}

.pricing-overview strong[b-en91athkvf] { font-size: 1.55rem; color: var(--color-text-primary); }
.pricing-overview span[b-en91athkvf] { font-size: .8rem; color: var(--color-text-secondary); }
.pricing-overview .warning[b-en91athkvf] { border-color: color-mix(in srgb, #f59e0b 45%, var(--color-border)); }
.pricing-overview .ok[b-en91athkvf] { border-color: color-mix(in srgb, #10b981 45%, var(--color-border)); }

.pricing-workspace[b-en91athkvf] {
    display: grid;
    grid-template-columns: minmax(15rem, 20rem) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
    margin-bottom: 1.25rem;
}

.pricing-app-browser[b-en91athkvf] {
    overflow: hidden;
    border: 1px solid var(--color-border);
    border-radius: 16px;
    background: var(--color-surface);
    box-shadow: var(--shadow-sm);
}

.pricing-app-browser-header[b-en91athkvf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: 1rem;
    border-bottom: 1px solid var(--color-border);
}

.pricing-app-browser-header h2[b-en91athkvf] { margin: .1rem 0 0; color: var(--color-text-primary); font-size: 1rem; }
.pricing-app-browser-header > span[b-en91athkvf] { display: grid; min-width: 2rem; height: 2rem; place-items: center; border-radius: 999px; background: color-mix(in srgb, var(--color-primary) 13%, transparent); color: var(--color-primary); font-size: .75rem; font-weight: 800; }
.pricing-browser-kicker[b-en91athkvf] { color: var(--color-primary); font-size: .62rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }

.pricing-app-filters[b-en91athkvf] { display: grid; gap: .55rem; padding: .8rem; border-bottom: 1px solid var(--color-border); background: color-mix(in srgb, var(--color-surface-secondary) 55%, transparent); }
.pricing-search[b-en91athkvf] { display: flex; align-items: center; gap: .5rem; padding: 0 .6rem; border: 1px solid var(--color-border); border-radius: .6rem; background: var(--color-surface); color: var(--color-text-secondary); }
.pricing-search input[b-en91athkvf] { width: 100%; min-width: 0; padding: .5rem 0; border: 0; outline: 0; background: transparent; color: var(--color-text-primary); }
.pricing-app-filters select[b-en91athkvf] { width: 100%; padding: .48rem .55rem; border: 1px solid var(--color-border); border-radius: .6rem; background: var(--color-surface); color: var(--color-text-primary); }

.pricing-app-list[b-en91athkvf] { max-height: 36rem; overflow-y: auto; padding: .4rem; }
.pricing-app-list-item[b-en91athkvf] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .6rem; width: 100%; padding: .62rem; border: 1px solid transparent; border-radius: .7rem; background: transparent; color: inherit; text-align: left; }
.pricing-app-list-item:hover[b-en91athkvf] { background: color-mix(in srgb, var(--color-primary) 6%, transparent); }
.pricing-app-list-item.selected[b-en91athkvf] { border-color: color-mix(in srgb, var(--color-primary) 38%, var(--color-border)); background: color-mix(in srgb, var(--color-primary) 11%, transparent); }
.pricing-list-icon[b-en91athkvf] { display: grid; width: 2rem; height: 2rem; place-items: center; overflow: hidden; border-radius: .55rem; background: color-mix(in srgb, var(--color-primary) 12%, transparent); color: var(--color-primary); }
.pricing-list-icon img[b-en91athkvf] { width: 100%; height: 100%; object-fit: cover; }
.pricing-list-copy[b-en91athkvf] { display: grid; min-width: 0; gap: .08rem; }
.pricing-list-copy strong[b-en91athkvf],
.pricing-list-copy small[b-en91athkvf] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pricing-list-copy strong[b-en91athkvf] { color: var(--color-text-primary); font-size: .79rem; }
.pricing-list-copy small[b-en91athkvf] { color: var(--color-text-secondary); font-size: .65rem; }
.pricing-list-status[b-en91athkvf] { font-size: .55rem; color: var(--color-text-secondary); }
.pricing-list-status.ready[b-en91athkvf] { color: #10b981; }
.pricing-list-status.incomplete[b-en91athkvf] { color: #f59e0b; }
.pricing-list-status.free[b-en91athkvf],
.pricing-list-status.internal[b-en91athkvf],
.pricing-list-status.paused[b-en91athkvf] { color: #60a5fa; }
.pricing-list-empty[b-en91athkvf] { padding: 1.5rem .75rem; color: var(--color-text-secondary); font-size: .76rem; text-align: center; }

.pricing-selected-app[b-en91athkvf] { min-width: 0; }
.pricing-selected-app[b-en91athkvf]  .app-pricing-panel { margin-bottom: 0; }
.pricing-selection-empty[b-en91athkvf] { display: flex; align-items: center; justify-content: center; gap: .65rem; min-height: 12rem; padding: 1rem; border: 1px dashed var(--color-border); border-radius: 16px; color: var(--color-text-secondary); text-align: center; }

.pricing-technical[b-en91athkvf] { margin-top: 1.25rem; border: 1px solid var(--color-border); border-radius: 14px; background: var(--color-surface); }
.pricing-technical > summary[b-en91athkvf] { display: flex; align-items: center; gap: .75rem; padding: 1rem; cursor: pointer; list-style: none; }
.pricing-technical > summary span[b-en91athkvf] { display: grid; flex: 1; }
.pricing-technical > summary small[b-en91athkvf] { color: var(--color-text-secondary); }
.pricing-technical-body[b-en91athkvf] { padding: 0 1rem 1rem; }

@media (max-width: 1100px) {
    .pricing-workspace[b-en91athkvf] { grid-template-columns: minmax(13rem, 17rem) minmax(0, 1fr); }
}

@media (max-width: 700px) {
    .pricing-overview[b-en91athkvf] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pricing-workspace[b-en91athkvf] { grid-template-columns: 1fr; }
    .pricing-app-list[b-en91athkvf] { max-height: 18rem; }
}
/* /Components/Pages/Dashboard/Rankings.razor.rz.scp.css */
.ranking-history-empty[b-n1xbebhjea] {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-height: 122px;
    padding: 1.3rem 1.5rem;
    background:
        radial-gradient(circle at 100% 0, rgba(168, 85, 247, 0.13), transparent 48%),
        var(--gradient-card);
    border: 1px solid var(--border-color-light);
    border-radius: var(--radius-xl);
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.16);
}

.ranking-history-empty-icon[b-n1xbebhjea] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    color: var(--color-primary-light);
    background: rgba(168, 85, 247, 0.12);
    border: 1px solid rgba(168, 85, 247, 0.2);
    border-radius: var(--radius-xl);
}

.ranking-history-empty h3[b-n1xbebhjea] {
    margin: 0 0 0.25rem;
    color: var(--color-text-primary);
    font-size: 1rem;
}

.ranking-history-empty p[b-n1xbebhjea] {
    margin: 0;
    color: var(--color-text-subtle);
    font-size: 0.82rem;
}

.ranking-history-first-value[b-n1xbebhjea] {
    margin-left: auto;
    color: var(--color-primary-light);
    font-size: 1.35rem;
    font-weight: 800;
}

.ranking-filter-hint[b-n1xbebhjea] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin-top: -0.6rem;
    margin-bottom: 1.4rem;
    color: var(--color-text-subtle);
    font-size: 0.78rem;
}

.ranking-filter-hint i[b-n1xbebhjea] {
    color: var(--color-info-light);
}

@media (max-width: 640px) {
    .ranking-history-first-value[b-n1xbebhjea] {
        display: none;
    }
}
/* /Components/Pages/Dashboard/ReleaseContentConsole.razor.rz.scp.css */
.release-content-console[b-wa3r1ozqfd] {
    display: grid;
    gap: 1rem;
}

.content-commandbar[b-wa3r1ozqfd],
.workspace-summary[b-wa3r1ozqfd],
.content-tabs[b-wa3r1ozqfd],
.content-permission-notice[b-wa3r1ozqfd],
.content-activity[b-wa3r1ozqfd] {
    border: 1px solid var(--border-color-light, var(--color-border));
    background: var(--gradient-card, var(--color-surface));
    box-shadow: var(--shadow-card, var(--shadow-sm));
}

.content-commandbar[b-wa3r1ozqfd] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
    border-radius: var(--radius-lg);
}

.content-commandbar-selects[b-wa3r1ozqfd] {
    display: flex;
    flex: 1;
    gap: .8rem;
}

.content-locked-app[b-wa3r1ozqfd] {
    display: grid;
    grid-template-columns: 2.5rem minmax(0, 1fr) auto;
    gap: .7rem;
    align-items: center;
    min-width: 18rem;
    padding: .55rem .7rem;
    border: 1px solid color-mix(in srgb, var(--color-primary) 30%, var(--color-border));
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--color-primary) 6%, var(--color-surface));
}

.content-locked-app > span[b-wa3r1ozqfd] {
    display: grid;
    width: 2.5rem;
    height: 2.5rem;
    place-items: center;
    border-radius: .7rem;
    background: color-mix(in srgb, var(--color-primary) 14%, transparent);
    color: var(--color-primary-light, var(--color-primary));
}

.content-locked-app small[b-wa3r1ozqfd],
.content-locked-app strong[b-wa3r1ozqfd] {
    display: block;
}

.content-locked-app small[b-wa3r1ozqfd] {
    color: var(--color-text-secondary);
    font-size: .62rem;
    font-weight: 750;
    text-transform: uppercase;
}

.content-locked-app strong[b-wa3r1ozqfd] {
    color: var(--color-text-primary);
    font-size: .8rem;
}

.content-locked-app > i[b-wa3r1ozqfd] {
    color: var(--color-success);
}

.content-commandbar label[b-wa3r1ozqfd],
.metadata-selectors label[b-wa3r1ozqfd],
.new-version-fields label[b-wa3r1ozqfd],
.asset-locale-select[b-wa3r1ozqfd] {
    display: grid;
    gap: .3rem;
    min-width: 13rem;
    color: var(--color-text-secondary);
    font-size: .7rem;
    font-weight: 750;
}

.content-permission-notice[b-wa3r1ozqfd],
.content-alert[b-wa3r1ozqfd] {
    display: flex;
    align-items: flex-start;
    gap: .8rem;
}

.content-permission-notice[b-wa3r1ozqfd] {
    padding: .95rem 1.1rem;
    border-color: color-mix(in srgb, var(--color-warning) 38%, var(--color-border));
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--color-warning) 7%, var(--color-surface));
}

.content-permission-notice > i[b-wa3r1ozqfd] {
    margin-top: .15rem;
    color: var(--color-warning);
}

.content-permission-notice strong[b-wa3r1ozqfd],
.content-permission-notice span[b-wa3r1ozqfd] {
    display: block;
}

.content-permission-notice span[b-wa3r1ozqfd] {
    margin-top: .2rem;
    color: var(--color-text-secondary);
    font-size: .78rem;
}

.content-alert[b-wa3r1ozqfd] {
    margin: 0;
}

.content-loading[b-wa3r1ozqfd] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.content-loading div[b-wa3r1ozqfd] {
    min-height: 9rem;
    border-radius: var(--radius-lg);
    background: linear-gradient(90deg, var(--color-surface) 25%, color-mix(in srgb, var(--color-border) 60%, var(--color-surface)) 50%, var(--color-surface) 75%);
    background-size: 200% 100%;
    animation: release-content-shimmer-b-wa3r1ozqfd 1.4s infinite;
}

.workspace-summary[b-wa3r1ozqfd] {
    display: grid;
    grid-template-columns: repeat(4, minmax(8rem, 1fr)) minmax(10rem, 1.15fr);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.workspace-summary > div[b-wa3r1ozqfd] {
    display: grid;
    gap: .15rem;
    padding: .9rem 1rem;
    border-right: 1px solid var(--color-border);
}

.workspace-summary > div:last-child[b-wa3r1ozqfd] {
    border: 0;
}

.workspace-summary span[b-wa3r1ozqfd] {
    color: var(--color-text-tertiary, var(--color-text-secondary));
    font-size: .65rem;
    font-weight: 750;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.workspace-summary strong[b-wa3r1ozqfd] {
    color: var(--color-text-primary);
    font-size: 1.1rem;
}

.workspace-summary strong small[b-wa3r1ozqfd] {
    margin-left: .25rem;
    color: var(--color-text-secondary);
    font-size: .68rem;
    font-weight: 600;
}

.workspace-summary code[b-wa3r1ozqfd] {
    align-self: center;
    color: var(--color-primary-light, var(--color-primary));
    font-size: .82rem;
}

.content-tabs[b-wa3r1ozqfd] {
    display: flex;
    gap: .35rem;
    padding: .35rem;
    border-radius: var(--radius-lg);
}

.content-tabs button[b-wa3r1ozqfd] {
    display: inline-flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-height: 2.65rem;
    padding: .55rem .8rem;
    border: 0;
    border-radius: calc(var(--radius-lg) - .25rem);
    background: transparent;
    color: var(--color-text-secondary);
    font-size: .77rem;
    font-weight: 750;
}

.content-tabs button:hover[b-wa3r1ozqfd],
.content-tabs button.active[b-wa3r1ozqfd] {
    background: color-mix(in srgb, var(--color-primary) 9%, var(--color-surface));
    color: var(--color-primary-light, var(--color-primary));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-primary) 18%, transparent);
}

.content-panel[b-wa3r1ozqfd] {
    position: relative;
    border: 1px solid var(--border-color-light, var(--color-border));
    border-radius: var(--radius-xl);
    background: var(--gradient-card, var(--color-surface));
    box-shadow: var(--shadow-card, var(--shadow-sm));
    overflow: hidden;
}

.content-panel[b-wa3r1ozqfd]::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--color-primary), color-mix(in srgb, var(--color-primary) 12%, transparent));
    content: '';
}

.content-panel-header[b-wa3r1ozqfd],
.translation-header[b-wa3r1ozqfd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.content-panel h2[b-wa3r1ozqfd],
.translation-header h2[b-wa3r1ozqfd] {
    margin: .18rem 0 0;
    color: var(--color-text-primary);
    font-size: 1.08rem;
}

.content-kicker[b-wa3r1ozqfd] {
    color: var(--color-primary);
    font-size: .64rem;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.metadata-workspace[b-wa3r1ozqfd],
.asset-workspace[b-wa3r1ozqfd] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(17rem, .31fr);
    gap: 1rem;
    align-items: start;
}

.metadata-editor[b-wa3r1ozqfd],
.asset-browser[b-wa3r1ozqfd],
.translation-panel[b-wa3r1ozqfd],
.snapshot-panel[b-wa3r1ozqfd],
.new-version-panel[b-wa3r1ozqfd],
.metadata-sidepanel[b-wa3r1ozqfd],
.asset-preview-panel[b-wa3r1ozqfd] {
    padding: 1.2rem;
}

.metadata-selectors[b-wa3r1ozqfd] {
    display: flex;
    gap: .65rem;
}

.metadata-selectors label[b-wa3r1ozqfd] {
    min-width: 11.5rem;
}

.metadata-fields[b-wa3r1ozqfd] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
    margin-top: 1.1rem;
}

.metadata-field[b-wa3r1ozqfd] {
    display: grid;
    gap: .35rem;
}

.metadata-field.wide[b-wa3r1ozqfd] {
    grid-column: 1 / -1;
}

.metadata-field-label[b-wa3r1ozqfd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
}

.metadata-field-label strong[b-wa3r1ozqfd] {
    color: var(--color-text-primary);
    font-size: .75rem;
}

.metadata-field-label small[b-wa3r1ozqfd] {
    color: var(--color-text-tertiary, var(--color-text-secondary));
    font-size: .66rem;
}

.metadata-field-label small.over[b-wa3r1ozqfd] {
    color: var(--color-danger);
}

.metadata-field textarea[b-wa3r1ozqfd] {
    min-height: 7rem;
    line-height: 1.5;
    resize: vertical;
}

.field-description[b-wa3r1ozqfd] {
    color: var(--color-text-tertiary, var(--color-text-secondary));
    font-size: .66rem;
}

.editor-actions[b-wa3r1ozqfd],
.translation-actions[b-wa3r1ozqfd] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .6rem;
    margin-top: 1.1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--color-border);
}

.dirty-indicator[b-wa3r1ozqfd] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-right: auto;
    color: var(--color-success);
    font-size: .7rem;
    font-weight: 700;
}

.dirty-indicator.dirty[b-wa3r1ozqfd] {
    color: var(--color-warning);
}

.dirty-indicator i[b-wa3r1ozqfd] {
    font-size: .5rem;
}

.metadata-sidepanel[b-wa3r1ozqfd],
.asset-preview-panel[b-wa3r1ozqfd] {
    position: sticky;
    top: 1rem;
}

.metadata-sidepanel p[b-wa3r1ozqfd],
.new-version-panel p[b-wa3r1ozqfd],
.translation-header p[b-wa3r1ozqfd] {
    margin: .65rem 0 1rem;
    color: var(--color-text-secondary);
    font-size: .75rem;
    line-height: 1.55;
}

.metadata-sidepanel dl[b-wa3r1ozqfd],
.asset-preview-panel dl[b-wa3r1ozqfd] {
    display: grid;
    gap: .1rem;
    margin: 1rem 0;
}

.metadata-sidepanel dl div[b-wa3r1ozqfd],
.asset-preview-panel dl div[b-wa3r1ozqfd] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: .55rem 0;
    border-bottom: 1px solid var(--color-border);
}

.metadata-sidepanel dt[b-wa3r1ozqfd],
.asset-preview-panel dt[b-wa3r1ozqfd] {
    color: var(--color-text-secondary);
    font-size: .68rem;
}

.metadata-sidepanel dd[b-wa3r1ozqfd],
.asset-preview-panel dd[b-wa3r1ozqfd] {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--color-text-primary);
    font-size: .7rem;
    font-weight: 720;
    text-align: right;
}

.editor-loading[b-wa3r1ozqfd] {
    display: flex;
    min-height: 15rem;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    color: var(--color-text-secondary);
    font-size: .8rem;
}

.translation-panel[b-wa3r1ozqfd] {
    display: grid;
    gap: 1rem;
}

.translation-header p[b-wa3r1ozqfd] {
    max-width: 52rem;
    margin-bottom: 0;
}

.translation-state[b-wa3r1ozqfd] {
    flex: 0 0 auto;
    padding: .4rem .65rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-danger) 10%, transparent);
    color: var(--color-danger);
    font-size: .66rem;
    font-weight: 800;
}

.translation-state.ready[b-wa3r1ozqfd] {
    background: color-mix(in srgb, var(--color-success) 10%, transparent);
    color: var(--color-success);
}

.translation-tools[b-wa3r1ozqfd] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.translation-tools strong[b-wa3r1ozqfd] {
    margin-left: auto;
    color: var(--color-text-secondary);
    font-size: .7rem;
}

.locale-check-grid[b-wa3r1ozqfd] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .45rem;
    max-height: 19rem;
    padding: .25rem;
    overflow-y: auto;
}

.locale-check[b-wa3r1ozqfd] {
    display: flex;
    align-items: center;
    gap: .45rem;
    min-width: 0;
    padding: .55rem .65rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    color: var(--color-text-secondary);
    font-size: .68rem;
    cursor: pointer;
}

.locale-check.selected[b-wa3r1ozqfd] {
    border-color: color-mix(in srgb, var(--color-primary) 55%, var(--color-border));
    background: color-mix(in srgb, var(--color-primary) 7%, var(--color-surface));
    color: var(--color-text-primary);
}

.locale-check input[b-wa3r1ozqfd] {
    accent-color: var(--color-primary);
}

.version-workspace[b-wa3r1ozqfd] {
    display: grid;
    grid-template-columns: minmax(18rem, .36fr) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.new-version-fields[b-wa3r1ozqfd] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .65rem;
    margin: 1rem 0;
}

.new-version-fields label[b-wa3r1ozqfd] {
    min-width: 0;
}

.new-version-panel > .btn[b-wa3r1ozqfd] {
    width: 100%;
    justify-content: center;
}

.snapshot-count[b-wa3r1ozqfd] {
    padding: .35rem .6rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 10%, transparent);
    color: var(--color-primary-light, var(--color-primary));
    font-size: .66rem;
    font-weight: 800;
}

.snapshot-list[b-wa3r1ozqfd] {
    display: grid;
    gap: .55rem;
    margin-top: 1rem;
}

.snapshot-row[b-wa3r1ozqfd] {
    display: grid;
    grid-template-columns: 2.35rem minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: center;
    padding: .75rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
}

.snapshot-row.current[b-wa3r1ozqfd] {
    border-color: color-mix(in srgb, var(--color-success) 45%, var(--color-border));
    background: color-mix(in srgb, var(--color-success) 5%, var(--color-surface));
}

.snapshot-icon[b-wa3r1ozqfd] {
    display: grid;
    width: 2.35rem;
    height: 2.35rem;
    place-items: center;
    border-radius: .7rem;
    background: color-mix(in srgb, var(--color-primary) 10%, transparent);
    color: var(--color-primary-light, var(--color-primary));
}

.snapshot-row strong[b-wa3r1ozqfd],
.snapshot-row span[b-wa3r1ozqfd] {
    display: block;
}

.snapshot-row strong[b-wa3r1ozqfd] {
    color: var(--color-text-primary);
    font-size: .8rem;
}

.snapshot-row > div > span[b-wa3r1ozqfd] {
    margin-top: .12rem;
    color: var(--color-text-secondary);
    font-size: .66rem;
}

.snapshot-actions[b-wa3r1ozqfd] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .35rem;
}

.asset-header[b-wa3r1ozqfd] {
    align-items: flex-end;
}

.asset-locale-select[b-wa3r1ozqfd] {
    min-width: 14rem;
}

.asset-collection-tabs[b-wa3r1ozqfd] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .5rem;
    margin: 1rem 0;
}

.asset-collection-tabs button[b-wa3r1ozqfd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .65rem .75rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--color-surface) 90%, var(--color-bg));
    color: var(--color-text-secondary);
    font-size: .7rem;
    font-weight: 720;
}

.asset-collection-tabs button.active[b-wa3r1ozqfd] {
    border-color: var(--color-primary);
    background: color-mix(in srgb, var(--color-primary) 7%, var(--color-surface));
    color: var(--color-text-primary);
}

.asset-collection-tabs small[b-wa3r1ozqfd] {
    display: grid;
    min-width: 1.4rem;
    min-height: 1.4rem;
    place-items: center;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 12%, transparent);
    color: var(--color-primary-light, var(--color-primary));
}

.asset-upload-zone[b-wa3r1ozqfd],
.staged-assets[b-wa3r1ozqfd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .85rem;
    border: 1px dashed color-mix(in srgb, var(--color-primary) 45%, var(--color-border));
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--color-primary) 4%, var(--color-surface));
}

.asset-upload-zone strong[b-wa3r1ozqfd],
.asset-upload-zone span[b-wa3r1ozqfd],
.asset-upload-zone small[b-wa3r1ozqfd],
.staged-assets strong[b-wa3r1ozqfd],
.staged-assets span[b-wa3r1ozqfd] {
    display: block;
}

.asset-upload-zone strong[b-wa3r1ozqfd],
.staged-assets strong[b-wa3r1ozqfd] {
    color: var(--color-text-primary);
    font-size: .76rem;
}

.asset-upload-zone span[b-wa3r1ozqfd],
.staged-assets span[b-wa3r1ozqfd] {
    margin-top: .15rem;
    color: var(--color-text-secondary);
    font-size: .68rem;
}

.asset-upload-zone small[b-wa3r1ozqfd] {
    margin-top: .25rem;
    color: var(--color-text-tertiary, var(--color-text-secondary));
    font-size: .62rem;
}

.asset-file-button[b-wa3r1ozqfd] {
    position: relative;
    flex: 0 0 auto;
    margin: 0;
    overflow: hidden;
    cursor: pointer;
}

.asset-file-button[b-wa3r1ozqfd]  input[type="file"] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.staged-assets[b-wa3r1ozqfd] {
    margin-top: .65rem;
    border-style: solid;
    border-color: color-mix(in srgb, var(--color-success) 35%, var(--color-border));
    background: color-mix(in srgb, var(--color-success) 4%, var(--color-surface));
}

.asset-grid[b-wa3r1ozqfd] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
    margin-top: 1rem;
}

.asset-card[b-wa3r1ozqfd] {
    display: grid;
    grid-template-columns: 2.6rem minmax(0, 1fr);
    gap: .65rem;
    align-items: center;
    padding: .65rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--color-surface) 92%, var(--color-bg));
    color: inherit;
    text-align: left;
}

.asset-card:hover[b-wa3r1ozqfd],
.asset-card.selected[b-wa3r1ozqfd] {
    border-color: var(--color-primary);
    background: color-mix(in srgb, var(--color-primary) 6%, var(--color-surface));
}

.asset-card-icon[b-wa3r1ozqfd] {
    display: grid;
    width: 2.6rem;
    height: 2.6rem;
    place-items: center;
    border-radius: .7rem;
    background: color-mix(in srgb, var(--color-primary) 10%, transparent);
    color: var(--color-primary-light, var(--color-primary));
}

.asset-card-copy[b-wa3r1ozqfd],
.asset-card-copy strong[b-wa3r1ozqfd],
.asset-card-copy small[b-wa3r1ozqfd] {
    display: block;
    min-width: 0;
}

.asset-card-copy strong[b-wa3r1ozqfd] {
    overflow: hidden;
    color: var(--color-text-primary);
    font-size: .72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.asset-card-copy small[b-wa3r1ozqfd] {
    margin-top: .15rem;
    color: var(--color-text-secondary);
    font-size: .62rem;
}

.assets-empty[b-wa3r1ozqfd],
.preview-empty[b-wa3r1ozqfd],
.content-empty-state[b-wa3r1ozqfd] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .4rem;
    color: var(--color-text-secondary);
    text-align: center;
}

.assets-empty[b-wa3r1ozqfd] {
    min-height: 15rem;
}

.assets-empty i[b-wa3r1ozqfd],
.preview-empty i[b-wa3r1ozqfd],
.content-empty-state i[b-wa3r1ozqfd] {
    color: var(--color-primary);
    font-size: 1.55rem;
}

.assets-empty strong[b-wa3r1ozqfd],
.content-empty-state strong[b-wa3r1ozqfd] {
    color: var(--color-text-primary);
    font-size: .82rem;
}

.assets-empty span[b-wa3r1ozqfd],
.preview-empty span[b-wa3r1ozqfd],
.content-empty-state span[b-wa3r1ozqfd] {
    max-width: 23rem;
    font-size: .7rem;
    line-height: 1.45;
}

.content-empty-state[b-wa3r1ozqfd] {
    min-height: 18rem;
    border: 1px dashed var(--color-border);
    border-radius: var(--radius-xl);
}

.asset-preview-panel h2[b-wa3r1ozqfd] {
    overflow-wrap: anywhere;
}

.preview-empty[b-wa3r1ozqfd],
.preview-loading[b-wa3r1ozqfd] {
    min-height: 15rem;
}

.preview-loading[b-wa3r1ozqfd] {
    display: grid;
    place-items: center;
    color: var(--color-primary);
}

.asset-preview[b-wa3r1ozqfd] {
    display: grid;
    min-height: 12rem;
    margin: .9rem 0;
    padding: .6rem;
    place-items: center;
    overflow: hidden;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: repeating-conic-gradient(color-mix(in srgb, var(--color-border) 35%, transparent) 0 25%, transparent 0 50%) 50% / 16px 16px;
}

.asset-preview img[b-wa3r1ozqfd] {
    display: block;
    max-width: 100%;
    max-height: 28rem;
    object-fit: contain;
}

.asset-delete-confirmation[b-wa3r1ozqfd] {
    display: grid;
    gap: .6rem;
    padding: .7rem;
    border: 1px solid color-mix(in srgb, var(--color-danger) 45%, var(--color-border));
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--color-danger) 5%, var(--color-surface));
}

.asset-delete-confirmation strong[b-wa3r1ozqfd] {
    color: var(--color-danger);
    font-size: .72rem;
}

.asset-delete-confirmation > div[b-wa3r1ozqfd] {
    display: flex;
    gap: .45rem;
}

.protected-asset[b-wa3r1ozqfd] {
    display: flex;
    align-items: center;
    gap: .45rem;
    color: var(--color-text-secondary);
    font-size: .68rem;
}

.protected-asset i[b-wa3r1ozqfd] {
    color: var(--color-success);
}

.content-activity[b-wa3r1ozqfd] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: start;
    padding: .85rem 1rem;
    border-radius: var(--radius-lg);
}

.content-activity > div[b-wa3r1ozqfd] {
    display: flex;
    align-items: center;
    gap: .45rem;
    color: var(--color-text-primary);
    font-size: .7rem;
}

.content-activity > div i[b-wa3r1ozqfd] {
    color: var(--color-primary);
}

.content-activity ul[b-wa3r1ozqfd] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem 1rem;
    margin: 0;
    padding: 0;
    color: var(--color-text-secondary);
    font-size: .65rem;
    list-style: none;
}

.content-activity a[b-wa3r1ozqfd] {
    color: var(--color-primary-light, var(--color-primary));
    font-size: .67rem;
    font-weight: 720;
    text-decoration: none;
}

@keyframes release-content-shimmer-b-wa3r1ozqfd {
    from { background-position: 200% 0; }
    to { background-position: -200% 0; }
}

@media (max-width: 1180px) {
    .workspace-summary[b-wa3r1ozqfd] {
        grid-template-columns: repeat(3, 1fr);
    }

    .workspace-summary > div:nth-child(3)[b-wa3r1ozqfd] {
        border-right: 0;
    }

    .metadata-workspace[b-wa3r1ozqfd],
    .asset-workspace[b-wa3r1ozqfd] {
        grid-template-columns: 1fr;
    }

    .metadata-sidepanel[b-wa3r1ozqfd],
    .asset-preview-panel[b-wa3r1ozqfd] {
        position: static;
    }

    .locale-check-grid[b-wa3r1ozqfd] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 800px) {
    .content-commandbar[b-wa3r1ozqfd],
    .content-commandbar-selects[b-wa3r1ozqfd],
    .content-panel-header[b-wa3r1ozqfd],
    .translation-header[b-wa3r1ozqfd],
    .metadata-selectors[b-wa3r1ozqfd],
    .editor-actions[b-wa3r1ozqfd],
    .asset-upload-zone[b-wa3r1ozqfd],
    .staged-assets[b-wa3r1ozqfd] {
        align-items: stretch;
        flex-direction: column;
    }

    .content-commandbar label[b-wa3r1ozqfd],
    .metadata-selectors label[b-wa3r1ozqfd],
    .asset-locale-select[b-wa3r1ozqfd] {
        min-width: 0;
    }

    .content-locked-app[b-wa3r1ozqfd] {
        min-width: 0;
    }

    .workspace-summary[b-wa3r1ozqfd] {
        grid-template-columns: repeat(2, 1fr);
    }

    .workspace-summary > div[b-wa3r1ozqfd] {
        border-bottom: 1px solid var(--color-border);
    }

    .workspace-summary > div:nth-child(even)[b-wa3r1ozqfd] {
        border-right: 0;
    }

    .content-tabs[b-wa3r1ozqfd] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .metadata-fields[b-wa3r1ozqfd],
    .version-workspace[b-wa3r1ozqfd],
    .asset-grid[b-wa3r1ozqfd],
    .new-version-fields[b-wa3r1ozqfd] {
        grid-template-columns: 1fr;
    }

    .locale-check-grid[b-wa3r1ozqfd],
    .asset-collection-tabs[b-wa3r1ozqfd] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .snapshot-row[b-wa3r1ozqfd] {
        grid-template-columns: 2.35rem minmax(0, 1fr);
    }

    .snapshot-actions[b-wa3r1ozqfd] {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }

    .content-activity[b-wa3r1ozqfd] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Dashboard/ReleaseHealth.razor.rz.scp.css */
.release-health-header[b-gt273be0r1] { align-items: end; }
.health-empty[b-gt273be0r1], .health-summary[b-gt273be0r1], .release-check-card[b-gt273be0r1] { background: var(--gradient-card); border: 1px solid var(--border-color-light); border-radius: var(--radius-xl); box-shadow: var(--shadow-card); }
.health-empty[b-gt273be0r1] { display: flex; gap: 1rem; align-items: center; min-height: 150px; padding: 1.5rem; color: var(--color-text-subtle); }
.health-empty > i[b-gt273be0r1] { font-size: 2rem; color: var(--color-primary-light); }
.health-empty h2[b-gt273be0r1] { margin: 0 0 .35rem; color: var(--color-text-primary); font-size: 1.05rem; }
.health-empty p[b-gt273be0r1] { margin: 0; }
.health-summary[b-gt273be0r1] { display: flex; justify-content: space-between; align-items: center; padding: 1.25rem 1.5rem; margin-bottom: 1rem; }
.health-summary span[b-gt273be0r1], .health-card-heading span[b-gt273be0r1] { display: block; color: var(--color-text-subtle); font-size: .74rem; text-transform: uppercase; letter-spacing: .08em; }
.health-summary strong[b-gt273be0r1] { display: block; margin-top: .25rem; font-size: 1.45rem; }
.health-summary small[b-gt273be0r1] { color: var(--color-text-subtle); }
.health-grid[b-gt273be0r1] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.release-check-card[b-gt273be0r1] { display: block; min-width: 0; overflow-wrap: anywhere; padding: 1.2rem; border-left: 4px solid var(--border-color-light); }
.health-card-heading[b-gt273be0r1] { display: flex; justify-content: space-between; gap: 1rem; align-items: center; }
.release-check-card h2[b-gt273be0r1] { margin: .7rem 0 .35rem; color: var(--color-text-primary); font-size: 1rem; }
.release-check-card p[b-gt273be0r1] { margin: 0; color: var(--color-text-subtle); font-size: .86rem; line-height: 1.5; }
.health-action[b-gt273be0r1] { display: flex; gap: .5rem; margin-top: .9rem; color: var(--color-warning-light); font-size: .82rem; }
.health-pass[b-gt273be0r1] { border-left-color: var(--color-success-light); }
.health-warn[b-gt273be0r1] { border-left-color: var(--color-warning-light); }
.health-blocked[b-gt273be0r1] { border-left-color: var(--color-danger-light); }
.health-unknown[b-gt273be0r1] { border-left-color: var(--color-text-subtle); }
.health-pass strong[b-gt273be0r1] { color: var(--color-success-light); }
.health-warn strong[b-gt273be0r1] { color: var(--color-warning-light); }
.health-blocked strong[b-gt273be0r1] { color: var(--color-danger-light); }
.health-unknown strong[b-gt273be0r1] { color: var(--color-text-subtle); }
@media (max-width: 900px) { .health-grid[b-gt273be0r1] { grid-template-columns: 1fr; } .health-summary[b-gt273be0r1] { align-items: flex-start; flex-direction: column; gap: .5rem; } }

.health-summary[b-gt273be0r1] { gap: 1rem; }
.health-summary p[b-gt273be0r1] { margin: .5rem 0 0; color: var(--color-text-secondary); max-width: 44rem; line-height: 1.5; font-size: .9rem; }
.health-summary small[b-gt273be0r1] { flex-shrink: 0; }
.health-navigation[b-gt273be0r1] { display: flex; flex-wrap: wrap; gap: .75rem; margin: 0 0 1.25rem; }
.health-navigation a[b-gt273be0r1] { display: inline-flex; align-items: center; gap: .7rem; padding: .65rem 1rem; border: 1px solid var(--color-border); border-radius: var(--radius-md); color: var(--color-primary); font-size: .85rem; text-decoration: none; }
.health-navigation a:hover[b-gt273be0r1] { background: var(--color-surface); }
.health-error[b-gt273be0r1] { padding: 1rem; margin-bottom: 1rem; border: 1px solid var(--color-danger); border-radius: var(--radius-md); color: var(--color-danger); }
.health-card-heading strong[b-gt273be0r1] { text-align: right; }
.health-action[b-gt273be0r1] { line-height: 1.5; }
/* /Components/Pages/Dashboard/ReleaseLaunchWorkspace.razor.rz.scp.css */
.launch-workspace[b-es4r4m3w40] { color: var(--color-text-primary); min-width: 0; display: grid; gap: 1.3rem; }
.launch-heading[b-es4r4m3w40] { display: flex; justify-content: space-between; align-items: start; gap: 1rem; }
.launch-heading h2[b-es4r4m3w40] { margin: .3rem 0 .5rem; font-size: clamp(1.35rem, 2.4vw, 1.85rem); font-weight: 750; letter-spacing: -.025em; }
.launch-heading p[b-es4r4m3w40], .launch-panel > p[b-es4r4m3w40] { color: var(--color-text-secondary); margin: 0; font-size: .88rem; line-height: 1.6; }
.launch-kicker[b-es4r4m3w40] { font-size: .7rem; text-transform: uppercase; letter-spacing: .09em; font-weight: 700; color: var(--color-primary-light, var(--color-primary)); }
.draft-label[b-es4r4m3w40] { display: inline-flex; align-items: center; gap: .5rem; color: var(--color-text-secondary); padding: .4rem .6rem; font-size: .75rem; border: 1px solid var(--color-border); border-radius: .5rem; }
.launch-steps[b-es4r4m3w40] { display: flex; gap: 1rem; border-bottom: 1px solid var(--color-border); padding-bottom: 1.2rem; }
.launch-steps button[b-es4r4m3w40] { display: flex; align-items: center; gap: .7rem; padding: .3rem .6rem; border: 0; background: none; color: var(--color-text-secondary); font-size: .85rem; }
.launch-steps button span[b-es4r4m3w40] { border: 1px solid var(--color-border); width: 1.9rem; height: 1.9rem; border-radius: 50%; display: grid; place-items: center; }
.launch-steps .current[b-es4r4m3w40] { color: var(--color-primary-light, var(--color-primary)); font-weight: 750; }
.launch-steps .current span[b-es4r4m3w40] { color: #fff; background: var(--color-primary); border-color: var(--color-primary); }
.launch-columns[b-es4r4m3w40] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(16rem, 30%); gap: 1.5rem; align-items: start; }
.launch-main[b-es4r4m3w40] { display: grid; gap: 1.1rem; min-width: 0; }
.launch-goals[b-es4r4m3w40] { display: grid; gap: .65rem; }
.goal-card[b-es4r4m3w40] { display: flex; align-items: center; gap: .9rem; min-width: 0; padding: 1rem 1.1rem; text-align: left; background: var(--color-surface); color: var(--color-text-primary); border: 1px solid var(--color-border); border-radius: var(--radius-lg); transition: border-color .15s, background .15s; }
.goal-card:hover[b-es4r4m3w40] { border-color: var(--color-primary); }
.goal-card.selected[b-es4r4m3w40] { border-color: var(--color-primary); box-shadow: inset 3px 0 var(--color-primary); background: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface)); }
.goal-icon[b-es4r4m3w40] { display: grid; place-items: center; width: 2.6rem; height: 2.6rem; flex: 0 0 auto; font-size: 1.2rem; color: var(--color-primary-light, var(--color-primary)); background: color-mix(in srgb, var(--color-primary) 13%, transparent); border-radius: .6rem; }
.goal-copy[b-es4r4m3w40] { display: grid; flex: 1; gap: .35rem; }
.goal-copy strong[b-es4r4m3w40] { font-size: 1rem; }
.goal-copy small[b-es4r4m3w40] { color: var(--color-text-secondary); font-size: .8rem; line-height: 1.45; }
.goal-card > i[b-es4r4m3w40] { color: var(--color-primary-light, var(--color-primary)); }
.compact .launch-goals[b-es4r4m3w40] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.compact .goal-card[b-es4r4m3w40] { align-items: start; padding: .85rem; gap: .7rem; }
.compact .goal-copy strong[b-es4r4m3w40] { font-size: .85rem; }
.compact .goal-copy small[b-es4r4m3w40] { font-size: .72rem; }
.compact .goal-icon[b-es4r4m3w40] { width: 2rem; height: 2rem; font-size: .95rem; }
.launch-panel[b-es4r4m3w40], .launch-plan[b-es4r4m3w40] { padding: 1.3rem; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); min-width: 0; }
.launch-panel h3[b-es4r4m3w40], .launch-plan h3[b-es4r4m3w40] { margin: 0 0 .7rem; font-size: 1rem; font-weight: 750; }
.destination-grid[b-es4r4m3w40] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; margin-top: 1rem; }
.destination-card[b-es4r4m3w40] { border: 1px solid var(--color-border); border-radius: .6rem; padding: .9rem; min-width: 0; }
.destination-card.selected[b-es4r4m3w40] { border-color: var(--color-primary); background: color-mix(in srgb, var(--color-primary) 7%, transparent); }
.destination-card label[b-es4r4m3w40] { display: flex; gap: .6rem; align-items: start; cursor: pointer; margin: 0; }
.destination-card input[b-es4r4m3w40] { accent-color: var(--color-primary); margin-top: .2rem; width: 1rem; height: 1rem; flex-shrink: 0; }
.destination-card label > span:last-child[b-es4r4m3w40] { display: grid; gap: .3rem; min-width: 0; }
.destination-card strong[b-es4r4m3w40] { font-size: .82rem; line-height: 1.4; }
.destination-card small[b-es4r4m3w40] { font-size: .72rem; color: var(--color-text-secondary); }
.destination-icon[b-es4r4m3w40] { color: var(--color-primary-light, var(--color-primary)); }
.destination-state[b-es4r4m3w40] { display: block; color: var(--color-text-secondary); font-size: .7rem; margin-top: .7rem; }
.destination-card.selected .destination-state[b-es4r4m3w40] { color: var(--color-primary-light, var(--color-primary)); }
.destination-card.unavailable[b-es4r4m3w40] { background: color-mix(in srgb, var(--color-warning) 4%, transparent); }
.destination-card.unavailable .destination-state[b-es4r4m3w40] { color: var(--color-warning); }
.destination-blocker[b-es4r4m3w40] { font-size: .74rem; line-height: 1.55; color: var(--color-text-secondary); margin: .4rem 0 0; overflow-wrap: anywhere; }
.launch-fields[b-es4r4m3w40] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.1rem; margin-top: 1rem; }
.launch-field[b-es4r4m3w40] { display: flex; flex-direction: column; gap: .45rem; min-width: 0; margin: 0; font-size: .85rem; }
.launch-field small[b-es4r4m3w40] { font-size: .72rem; line-height: 1.5; color: var(--color-text-secondary); }
.launch-field .form-control[b-es4r4m3w40], .launch-field .form-select[b-es4r4m3w40] { width: 100%; min-width: 0; font-size: .85rem; }
.launch-checkbox[b-es4r4m3w40] { display: flex; gap: .65rem; align-items: center; }
.launch-checkbox input[b-es4r4m3w40] { accent-color: var(--color-primary); }
.workflow-choice[b-es4r4m3w40] { padding: 0 .25rem; }
.launch-version[b-es4r4m3w40] { display: flex; justify-content: space-between; gap: 1rem; align-items: center; border-top: 1px solid var(--color-border); margin-top: 1.1rem; padding-top: 1rem; }
.launch-version > span[b-es4r4m3w40] { display: grid; gap: .3rem; font-size: .82rem; }
.launch-version small[b-es4r4m3w40] { font-size: .7rem; color: var(--color-text-secondary); }
.advanced-toggle[b-es4r4m3w40] { background: none; border: 0; border-top: 1px solid var(--color-border); color: var(--color-text-secondary); width: 100%; display: flex; gap: .75rem; text-align: left; font-size: .8rem; margin-top: 1.1rem; padding: 1rem 0 0; }
.launch-plan[b-es4r4m3w40] { position: sticky; top: 5rem; border-top: 3px solid var(--color-primary); }
.plan-caption[b-es4r4m3w40] { color: var(--color-text-secondary); font-size: .73rem; }
.launch-plan ol[b-es4r4m3w40] { list-style: none; counter-reset: action; padding: .5rem 0 0; margin: 0; }
.launch-plan li[b-es4r4m3w40] { display: flex; align-items: start; position: relative; gap: .8rem; padding: .8rem 0; font-size: .85rem; line-height: 1.5; }
.launch-plan li[b-es4r4m3w40]::before { counter-increment: action; content: counter(action); width: 1.6rem; height: 1.6rem; border: 1px solid var(--color-border); border-radius: 50%; color: var(--color-text-secondary); display: grid; place-items: center; flex: 0 0 auto; font-size: .75rem; }
.planned-result[b-es4r4m3w40] { display: grid; gap: .45rem; border-top: 1px solid var(--color-border); margin-top: .8rem; padding-top: 1rem; }
.planned-result small[b-es4r4m3w40], .planned-result > span[b-es4r4m3w40], .plan-note[b-es4r4m3w40] { color: var(--color-text-secondary); font-size: .75rem; }
.planned-result strong[b-es4r4m3w40] { font-size: .85rem; line-height: 1.6; }
.plan-note[b-es4r4m3w40] { line-height: 1.55; margin: 1rem 0 0; }
.launch-review[b-es4r4m3w40] { margin: 0; }
.launch-review > div[b-es4r4m3w40] { display: grid; grid-template-columns: minmax(7rem, 30%) minmax(0, 1fr); gap: 1rem; padding: .85rem 0; border-bottom: 1px solid var(--color-border); font-size: .85rem; }
.launch-review dt[b-es4r4m3w40] { color: var(--color-text-secondary); font-weight: 500; }
.launch-review dd[b-es4r4m3w40] { margin: 0; overflow-wrap: anywhere; }
.launch-notice[b-es4r4m3w40] { display: flex; gap: .6rem; font-size: .85rem; line-height: 1.6; padding: .9rem 1rem; border-radius: .5rem; background: color-mix(in srgb, var(--color-warning) 9%, var(--color-surface)); border: 1px solid color-mix(in srgb, var(--color-warning) 35%, var(--color-border)); }
.launch-notice.error[b-es4r4m3w40] { border-color: var(--color-danger); }
.launch-notice.accepted[b-es4r4m3w40] { border-color: var(--color-success); }
.launch-confirmation[b-es4r4m3w40] { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--color-border); display: grid; gap: .7rem; font-size: .8rem; }
.launch-confirmation dl[b-es4r4m3w40] { max-height: 20rem; overflow-y: auto; margin: 0; }
.launch-confirmation dl div[b-es4r4m3w40] { padding: .3rem 0; }
.launch-confirmation dt[b-es4r4m3w40] { color: var(--color-text-secondary); font-weight: 400; }
.launch-confirmation dd[b-es4r4m3w40] { overflow-wrap: anywhere; }
.launch-footer[b-es4r4m3w40] { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; padding: 1.1rem 0; border-top: 1px solid var(--color-border); }
.launch-footer > div[b-es4r4m3w40] { display: flex; gap: .65rem; }
.remember-hint[b-es4r4m3w40] { font-size: .73rem; color: var(--color-text-secondary); display: flex; gap: .5rem; align-items: center; }
.text-action[b-es4r4m3w40] { border: 0; background: none; color: var(--color-primary-light, var(--color-primary)); padding: .4rem 0; font-size: .8rem; text-align: left; }
.review-panel > .text-action[b-es4r4m3w40] { margin-top: 1rem; }
.launch-access[b-es4r4m3w40] { color: var(--color-text-secondary); font-size: .8rem; margin: 0; }
button:disabled[b-es4r4m3w40] { cursor: not-allowed; opacity: .55; }
button:focus-visible[b-es4r4m3w40], a:focus-visible[b-es4r4m3w40], input:focus-visible[b-es4r4m3w40], select:focus-visible[b-es4r4m3w40] { outline: 2px solid var(--color-primary); outline-offset: 3px; }
@media (max-width: 1100px) { .launch-columns[b-es4r4m3w40] { grid-template-columns: minmax(0, 1fr) 16rem; gap: 1rem; } .compact .launch-goals[b-es4r4m3w40] { grid-template-columns: 1fr; } .destination-grid[b-es4r4m3w40] { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .launch-columns[b-es4r4m3w40] { grid-template-columns: 1fr; } .launch-plan[b-es4r4m3w40] { position: static; } .launch-steps[b-es4r4m3w40] { gap: .25rem; } .launch-steps button[b-es4r4m3w40] { font-size: .7rem; gap: .4rem; padding: .2rem; } .launch-steps button span[b-es4r4m3w40] { width: 1.5rem; height: 1.5rem; flex-shrink: 0; } .draft-label[b-es4r4m3w40] { display: none; } .launch-fields[b-es4r4m3w40] { grid-template-columns: 1fr; } .launch-version[b-es4r4m3w40] { align-items: start; flex-direction: column; } .launch-footer[b-es4r4m3w40] { align-items: stretch; } .launch-footer > div[b-es4r4m3w40] { width: 100%; flex-wrap: wrap; } .launch-footer .btn-primary[b-es4r4m3w40] { flex: 1; } .launch-review > div[b-es4r4m3w40] { grid-template-columns: 1fr; gap: .25rem; } }
/* /Components/Pages/Dashboard/ReleasePortfolioPanel.razor.rz.scp.css */
.release-portfolio[b-t9l365240s] { display: grid; gap: 1rem; }
.release-portfolio-hero[b-t9l365240s] { display: flex; justify-content: space-between; gap: 1.5rem; padding: 1.3rem; border: 1px solid var(--border-color-light, var(--color-border)); border-radius: var(--radius-xl); background: linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 9%, var(--color-surface)), var(--color-surface)); box-shadow: var(--shadow-card, var(--shadow-sm)); }
.portfolio-kicker[b-t9l365240s] { display: block; margin-bottom: .3rem; color: var(--color-primary-light, var(--color-primary)); font-size: .72rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.release-portfolio-hero h2[b-t9l365240s] { margin: 0; color: var(--color-text-primary); font-size: clamp(1.15rem, 2vw, 1.55rem); }
.release-portfolio-hero p[b-t9l365240s] { max-width: 60rem; margin: .45rem 0 0; color: var(--color-text-secondary); font-size: .86rem; line-height: 1.55; }
.portfolio-version[b-t9l365240s] { display: grid; flex: 0 0 auto; min-width: 8.5rem; align-content: center; padding: .8rem 1rem; border: 1px solid color-mix(in srgb, var(--color-primary) 25%, var(--color-border)); border-radius: var(--radius-lg); background: color-mix(in srgb, var(--color-primary) 7%, var(--color-surface)); text-align: right; }
.portfolio-version span[b-t9l365240s], .portfolio-version small[b-t9l365240s] { color: var(--color-text-secondary); font-size: .68rem; }
.portfolio-version strong[b-t9l365240s] { color: var(--color-text-primary); font-size: .9rem; }
.portfolio-metrics[b-t9l365240s] { display: grid; grid-template-columns: repeat(4, 1fr); gap: .7rem; }
.portfolio-metrics article[b-t9l365240s] { display: flex; align-items: baseline; gap: .55rem; padding: .75rem 1rem; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); }
.portfolio-metrics strong[b-t9l365240s] { color: var(--color-text-primary); font-size: 1.25rem; }
.portfolio-metrics span[b-t9l365240s] { color: var(--color-text-secondary); font-size: .72rem; font-weight: 700; }
.release-path[b-t9l365240s] { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: .45rem; margin: 0; padding: 0; list-style: none; }
.release-path li[b-t9l365240s] { position: relative; display: grid; grid-template-columns: 1.7rem minmax(0, 1fr); gap: .45rem; align-items: start; min-height: 4rem; padding: .7rem; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); }
.release-path li > span[b-t9l365240s] { display: grid; width: 1.7rem; height: 1.7rem; place-items: center; border-radius: 50%; background: color-mix(in srgb, var(--color-primary) 13%, transparent); color: var(--color-primary-light, var(--color-primary)); font-size: .7rem; font-weight: 800; }
.release-path strong[b-t9l365240s], .release-path small[b-t9l365240s] { display: block; }
.release-path strong[b-t9l365240s] { color: var(--color-text-primary); font-size: .72rem; }
.release-path small[b-t9l365240s] { margin-top: .15rem; color: var(--color-text-secondary); font-size: .62rem; line-height: 1.35; }
.portfolio-controls[b-t9l365240s] { display: grid; grid-template-columns: minmax(16rem, 1fr) minmax(13rem, .45fr) auto; gap: .8rem; align-items: end; padding: 1rem; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); }
.portfolio-controls label > span[b-t9l365240s] { display: block; margin-bottom: .35rem; color: var(--color-text-secondary); font-size: .7rem; font-weight: 700; }
.portfolio-result-count[b-t9l365240s] { display: grid; min-width: 4.5rem; padding: .45rem .7rem; text-align: center; }
.portfolio-result-count strong[b-t9l365240s], .portfolio-result-count span[b-t9l365240s] { display: block; }
.portfolio-result-count strong[b-t9l365240s] { color: var(--color-text-primary); }
.portfolio-result-count span[b-t9l365240s] { color: var(--color-text-secondary); font-size: .65rem; }
.portfolio-app-list[b-t9l365240s] { display: grid; gap: 1rem; }
.portfolio-app-card[b-t9l365240s] { overflow: hidden; border: 1px solid var(--color-border); border-left: 3px solid var(--color-warning); border-radius: var(--radius-xl); background: var(--color-surface); box-shadow: var(--shadow-card, var(--shadow-sm)); }
.portfolio-app-card.partial[b-t9l365240s] { border-left-color: var(--color-primary); }
.portfolio-app-card.blocked[b-t9l365240s] { border-left-color: var(--color-danger); }
.portfolio-app-card.paused[b-t9l365240s] { border-left-color: var(--color-text-muted, var(--color-text-secondary)); opacity: .88; }
.portfolio-app-card > header[b-t9l365240s] { display: flex; justify-content: space-between; gap: 1rem; padding: 1.1rem 1.15rem; border-bottom: 1px solid var(--color-border); }
.portfolio-app-title[b-t9l365240s] { display: flex; min-width: 0; gap: .8rem; }
.portfolio-app-icon[b-t9l365240s] { display: grid; flex: 0 0 2.4rem; width: 2.4rem; height: 2.4rem; place-items: center; border-radius: .75rem; background: color-mix(in srgb, var(--color-primary) 12%, transparent); color: var(--color-primary-light, var(--color-primary)); }
.portfolio-title-line[b-t9l365240s] { display: flex; flex-wrap: wrap; gap: .55rem; align-items: center; }
.portfolio-title-line h3[b-t9l365240s] { margin: 0; color: var(--color-text-primary); font-size: 1rem; }
.portfolio-app-title p[b-t9l365240s] { max-width: 65rem; margin: .3rem 0 0; color: var(--color-text-secondary); font-size: .78rem; line-height: 1.45; }
.portfolio-status[b-t9l365240s] { display: inline-flex; padding: .2rem .5rem; border-radius: 999px; background: color-mix(in srgb, var(--color-warning) 13%, transparent); color: var(--color-warning); font-size: .62rem; font-weight: 800; white-space: nowrap; }
.portfolio-status.ready[b-t9l365240s] { background: color-mix(in srgb, var(--color-success) 13%, transparent); color: var(--color-success); }
.portfolio-status.partial[b-t9l365240s] { background: color-mix(in srgb, var(--color-primary) 13%, transparent); color: var(--color-primary-light, var(--color-primary)); }
.portfolio-status.blocked[b-t9l365240s] { background: color-mix(in srgb, var(--color-danger) 12%, transparent); color: var(--color-danger); }
.portfolio-status.paused[b-t9l365240s], .portfolio-status.manual[b-t9l365240s] { background: color-mix(in srgb, var(--color-text-secondary) 10%, transparent); color: var(--color-text-secondary); }
.portfolio-app-actions[b-t9l365240s] { display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: .45rem; align-items: flex-start; justify-content: flex-end; }
.not-startable[b-t9l365240s] { display: inline-flex; align-items: center; gap: .35rem; padding: .42rem .65rem; border: 1px solid var(--color-border); border-radius: .45rem; color: var(--color-text-secondary); font-size: .68rem; font-weight: 700; }
.portfolio-contract-facts[b-t9l365240s] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; border-bottom: 1px solid var(--color-border); }
.portfolio-contract-facts > div[b-t9l365240s] { min-width: 0; padding: .75rem 1rem; border-right: 1px solid var(--color-border); }
.portfolio-contract-facts > div:last-child[b-t9l365240s] { border-right: 0; }
.portfolio-contract-facts dt[b-t9l365240s], .portfolio-targets dt[b-t9l365240s] { color: var(--color-text-secondary); font-size: .62rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.portfolio-contract-facts dd[b-t9l365240s] { overflow-wrap: anywhere; margin: .2rem 0 0; color: var(--color-text-primary); font-size: .72rem; }
.portfolio-gates[b-t9l365240s] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .45rem; padding: .8rem 1rem; background: color-mix(in srgb, var(--color-text-secondary) 2%, var(--color-surface)); }
.portfolio-gate[b-t9l365240s] { display: grid; grid-template-columns: 1.5rem minmax(0, 1fr); gap: .4rem; align-items: center; padding: .48rem .55rem; border: 1px solid var(--color-border); border-radius: .55rem; }
.portfolio-gate > i[b-t9l365240s] { color: var(--color-warning); font-size: .7rem; }
.portfolio-gate.ready > i[b-t9l365240s] { color: var(--color-success); }
.portfolio-gate.partial > i[b-t9l365240s] { color: var(--color-primary-light, var(--color-primary)); }
.portfolio-gate.blocked > i[b-t9l365240s] { color: var(--color-danger); }
.portfolio-gate strong[b-t9l365240s], .portfolio-gate small[b-t9l365240s] { display: block; }
.portfolio-gate strong[b-t9l365240s] { color: var(--color-text-primary); font-size: .65rem; }
.portfolio-gate small[b-t9l365240s] { color: var(--color-text-secondary); font-size: .58rem; }
.portfolio-targets[b-t9l365240s] { display: grid; grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); gap: .7rem; padding: 0 1rem 1rem; }
.release-portfolio.application-context .portfolio-targets[b-t9l365240s] { padding-top: 1rem; }
.portfolio-target[b-t9l365240s] { padding: .8rem; border: 1px solid var(--color-border); border-top: 2px solid var(--color-warning); border-radius: var(--radius-lg); background: color-mix(in srgb, var(--color-text-secondary) 2%, var(--color-surface)); }
.portfolio-target.ready[b-t9l365240s] { border-top-color: var(--color-success); }
.portfolio-target.partial[b-t9l365240s] { border-top-color: var(--color-primary); }
.portfolio-target.blocked[b-t9l365240s] { border-top-color: var(--color-danger); }
.portfolio-target-heading[b-t9l365240s] { display: flex; justify-content: space-between; gap: .6rem; align-items: center; margin-bottom: .55rem; }
.platform-pills[b-t9l365240s] { display: flex; flex-wrap: wrap; gap: .3rem; }
.platform-pills span[b-t9l365240s] { padding: .18rem .42rem; border-radius: 999px; background: color-mix(in srgb, var(--color-primary) 10%, transparent); color: var(--color-text-primary); font-size: .6rem; font-weight: 700; }
.portfolio-target dl[b-t9l365240s] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem .8rem; margin: 0; }
.portfolio-target dd[b-t9l365240s] { margin: .12rem 0 0; color: var(--color-text-primary); font-size: .67rem; line-height: 1.35; }
.portfolio-target code[b-t9l365240s] { overflow-wrap: anywhere; color: var(--color-primary-light, var(--color-primary)); }
.portfolio-target-detail[b-t9l365240s] { margin: .55rem 0 0; padding-top: .5rem; border-top: 1px dashed var(--color-border); color: var(--color-text-secondary); font-size: .66rem; }
.portfolio-next[b-t9l365240s] { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(15rem, .75fr); gap: 1rem; padding: .9rem 1rem; border-top: 1px solid var(--color-border); background: color-mix(in srgb, var(--color-primary) 4%, var(--color-surface)); }
.portfolio-next > div span[b-t9l365240s], .portfolio-next > div strong[b-t9l365240s] { display: block; }
.portfolio-next > div span[b-t9l365240s] { margin-bottom: .2rem; color: var(--color-primary-light, var(--color-primary)); font-size: .62rem; font-weight: 800; text-transform: uppercase; }
.portfolio-next > div strong[b-t9l365240s] { color: var(--color-text-primary); font-size: .73rem; line-height: 1.45; }
.portfolio-next details[b-t9l365240s] { color: var(--color-text-secondary); font-size: .7rem; }
.portfolio-next summary[b-t9l365240s] { cursor: pointer; font-weight: 700; }
.portfolio-next ul[b-t9l365240s] { margin: .5rem 0 0; padding-left: 1.15rem; }
.portfolio-next li + li[b-t9l365240s] { margin-top: .25rem; }
.portfolio-guardrail[b-t9l365240s] { display: flex; gap: .7rem; align-items: flex-start; padding: .9rem 1rem; border: 1px solid color-mix(in srgb, var(--color-primary) 24%, var(--color-border)); border-radius: var(--radius-lg); background: color-mix(in srgb, var(--color-primary) 5%, var(--color-surface)); color: var(--color-text-secondary); font-size: .74rem; line-height: 1.5; }
.portfolio-guardrail i[b-t9l365240s] { margin-top: .15rem; color: var(--color-primary-light, var(--color-primary)); }
.portfolio-empty[b-t9l365240s] { display: grid; justify-items: center; gap: .3rem; padding: 2rem; border: 1px dashed var(--color-border); border-radius: var(--radius-xl); color: var(--color-text-secondary); text-align: center; }
.portfolio-empty i[b-t9l365240s] { margin-bottom: .35rem; font-size: 1.4rem; }
.portfolio-empty strong[b-t9l365240s] { color: var(--color-text-primary); }

@media (max-width: 1100px) {
    .release-path[b-t9l365240s] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .portfolio-contract-facts[b-t9l365240s] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .portfolio-contract-facts > div:nth-child(2)[b-t9l365240s] { border-right: 0; }
    .portfolio-contract-facts > div:nth-child(-n+2)[b-t9l365240s] { border-bottom: 1px solid var(--color-border); }
}

@media (max-width: 760px) {
    .release-portfolio-hero[b-t9l365240s], .portfolio-app-card > header[b-t9l365240s] { flex-direction: column; }
    .portfolio-version[b-t9l365240s] { width: 100%; text-align: left; }
    .portfolio-metrics[b-t9l365240s] { grid-template-columns: repeat(2, 1fr); }
    .release-path[b-t9l365240s] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .portfolio-controls[b-t9l365240s] { grid-template-columns: 1fr; }
    .portfolio-result-count[b-t9l365240s] { text-align: left; }
    .portfolio-app-actions[b-t9l365240s] { justify-content: flex-start; }
    .portfolio-gates[b-t9l365240s] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .portfolio-targets[b-t9l365240s] { grid-template-columns: 1fr; }
    .portfolio-next[b-t9l365240s] { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
    .portfolio-metrics[b-t9l365240s], .release-path[b-t9l365240s], .portfolio-contract-facts[b-t9l365240s], .portfolio-gates[b-t9l365240s] { grid-template-columns: 1fr; }
    .portfolio-contract-facts > div[b-t9l365240s] { border-right: 0; border-bottom: 1px solid var(--color-border); }
    .portfolio-target dl[b-t9l365240s] { grid-template-columns: 1fr; }
}

.portfolio-view-selector[b-t9l365240s] { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; padding: .7rem; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); }
.portfolio-view-button[b-t9l365240s] { display: inline-flex; align-items: center; justify-content: center; gap: .55rem; border: 1px solid transparent; border-radius: .5rem; padding: .7rem .9rem; background: transparent; color: var(--color-text-secondary); font: inherit; font-size: .85rem; cursor: pointer; }
.portfolio-view-button:hover[b-t9l365240s] { background: color-mix(in srgb, var(--color-primary) 9%, transparent); color: var(--color-text-primary); }
.portfolio-view-button.selected[b-t9l365240s] { border-color: var(--color-primary); background: color-mix(in srgb, var(--color-primary) 12%, var(--color-surface)); color: var(--color-text-primary); font-weight: 700; }
.portfolio-view-button:focus-visible[b-t9l365240s] { outline: 2px solid var(--color-primary); outline-offset: 3px; }
.portfolio-view-selector small[b-t9l365240s] { margin-left: auto; padding: .5rem; color: var(--color-text-secondary); font-size: .75rem; }
.portfolio-preference-note[b-t9l365240s] { margin: 0; color: var(--color-text-secondary); font-size: .8rem; }
@media(max-width:600px) { .portfolio-view-button[b-t9l365240s] { flex: 1 1 45%; } .portfolio-view-selector small[b-t9l365240s] { margin-left: 0; } }

@media(max-width:480px) { .release-portfolio.visual-mode .portfolio-metrics[b-t9l365240s] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .release-portfolio.visual-mode .portfolio-metrics article[b-t9l365240s] { flex-wrap: wrap; gap: .2rem .45rem; } }
/* /Components/Pages/Dashboard/ReleasePortfolioViews.razor.rz.scp.css */
.visual-portfolio[b-i21ln63yew] { display: grid; gap: 1rem; min-width: 0; color: var(--color-text-primary); }
.visual-intro[b-i21ln63yew] { display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; }
.visual-kicker[b-i21ln63yew] { color: var(--color-primary-light, var(--color-primary)); text-transform: uppercase; font-size: .7rem; font-weight: 800; letter-spacing: .09em; }
.visual-intro h3[b-i21ln63yew], .evidence-panel h3[b-i21ln63yew] { margin: .25rem 0 0; font-size: 1.2rem; }
.visual-intro p[b-i21ln63yew] { max-width: 34rem; color: var(--color-text-secondary); font-size: .8rem; margin: 0; }
.visual-legend[b-i21ln63yew] { display: flex; flex-wrap: wrap; gap: .65rem 1.3rem; color: var(--color-text-secondary); font-size: .75rem; }
.visual-legend > span[b-i21ln63yew] { display: inline-flex; align-items: center; gap: .4rem; }
.status-node[b-i21ln63yew] { --node-color: #64748b; display: inline-grid; place-items: center; flex-shrink: 0; width: 2.25rem; height: 2.25rem; border: 2px solid color-mix(in srgb, var(--node-color) 85%, white); border-radius: 50%; color: #fff; background: linear-gradient(135deg, color-mix(in srgb, var(--node-color) 88%, white), var(--node-color)); box-shadow: inset 0 1px 1px rgb(255 255 255 / 12%), 0 1px 3px rgb(0 0 0 / 20%); font-family: inherit; font-size: 1.1rem; font-weight: 700; line-height: 1; }
.status-node.ready[b-i21ln63yew] { --node-color: #4c9f38; }
.status-node.partial[b-i21ln63yew], .status-node.manual[b-i21ln63yew] { --node-color: #a66b00; }
.status-node.blocked[b-i21ln63yew] { --node-color: #e5392c; }
.status-node.unknown[b-i21ln63yew] { border-style: dashed; }
.visual-legend .status-node[b-i21ln63yew] { width: 1.35rem; height: 1.35rem; font-size: .75rem; }
button[b-i21ln63yew] { cursor: pointer; }
button:focus-visible[b-i21ln63yew], a:focus-visible[b-i21ln63yew], .visual-scroll:focus-visible[b-i21ln63yew] { outline: 2px solid var(--color-primary); outline-offset: 4px; }
.flow-app-picker[b-i21ln63yew] { display: grid; gap: .4rem; width: min(100%, 30rem); font-size: .8rem; color: var(--color-text-secondary); }
.flow-surface[b-i21ln63yew] { border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: var(--color-surface); overflow: hidden; min-width: 0; }
.flow-source[b-i21ln63yew] { display: flex; align-items: center; gap: 1rem; padding: 1.1rem 1.3rem; border-bottom: 1px solid var(--color-border); }
.flow-source > i[b-i21ln63yew] { padding: .9rem; border: 1px solid var(--color-border); border-radius: .6rem; color: var(--color-primary); background: color-mix(in srgb, var(--color-primary) 8%, transparent); }
.flow-source strong[b-i21ln63yew], .flow-source small[b-i21ln63yew] { display: block; }
.flow-source small[b-i21ln63yew] { color: var(--color-text-secondary); font-size: .75rem; margin-top: .3rem; overflow-wrap: anywhere; }
.visual-scroll[b-i21ln63yew] { max-width: 100%; min-width: 0; overflow-x: auto; scrollbar-width: thin; }
.flow-track[b-i21ln63yew] { display: grid; grid-template-columns: repeat(7, minmax(7.8rem, 1fr)); min-width: 59rem; list-style: none; padding: 1.4rem 1rem; margin: 0; }
.flow-track li[b-i21ln63yew] { position: relative; }
.flow-track li:not(:last-child)[b-i21ln63yew]::after { content: '→'; position: absolute; width: 30%; text-align: center; right: -15%; top: 1.7rem; color: var(--color-text-muted); font-size: 1.5rem; pointer-events: none; }
.step-button[b-i21ln63yew] { width: 100%; display: grid; justify-items: center; gap: .45rem; padding: .5rem .2rem; background: transparent; border: 1px solid transparent; border-radius: .6rem; color: var(--color-text-primary); }
.step-button .status-node[b-i21ln63yew] { width: 3.4rem; height: 3.4rem; font-size: 1.25rem; }
.step-button strong[b-i21ln63yew] { font-size: .8rem; }
.step-button small[b-i21ln63yew] { color: var(--color-text-secondary); font-size: .68rem; }
.step-button:hover[b-i21ln63yew], .step-button.active[b-i21ln63yew] { border-color: var(--color-primary); background: color-mix(in srgb, var(--color-primary) 5%, transparent); }
.flow-branches[b-i21ln63yew] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); gap: 1.2rem; padding: 1.5rem 1.3rem 1.3rem; border-top: 1px solid var(--color-border); }
.branch-card[b-i21ln63yew] { position: relative; min-width: 0; border: 1px solid var(--color-border); border-radius: .7rem; padding: 1rem; background: color-mix(in srgb, var(--color-primary) 4%, var(--color-surface)); }
.branch-card[b-i21ln63yew]::before { content: '↓'; position: absolute; top: -1.6rem; left: calc(50% - .4rem); color: var(--color-text-muted); }
.target-title[b-i21ln63yew] { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem; font-size: .85rem; }
.target-state[b-i21ln63yew] { color: var(--color-text-secondary); font-size: .7rem; padding: .15rem .4rem; border: 1px solid var(--color-border); border-radius: .4rem; }
.branch-card > small[b-i21ln63yew] { display: block; color: var(--color-text-muted); font-size: .7rem; margin-top: .4rem; overflow-wrap: anywhere; }
.branch-card p[b-i21ln63yew] { color: var(--color-text-secondary); font-size: .78rem; line-height: 1.5; margin: .6rem 0; overflow-wrap: anywhere; }
.text-action[b-i21ln63yew], .app-link[b-i21ln63yew], .next-action[b-i21ln63yew] { border: 0; background: none; padding: .3rem 0; color: var(--color-text-primary); font: inherit; text-align: left; }
.text-action[b-i21ln63yew] { color: var(--color-primary-light, var(--color-primary)); font-size: .8rem; }
.matrix-scroll[b-i21ln63yew] { border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); }
.portfolio-matrix[b-i21ln63yew] { width: 100%; min-width: 69rem; border-collapse: separate; border-spacing: 0; font-size: .78rem; }
.portfolio-matrix caption[b-i21ln63yew] { padding: .8rem 1rem; color: var(--color-text-secondary); font-size: .75rem; }
.portfolio-matrix th[b-i21ln63yew], .portfolio-matrix td[b-i21ln63yew] { padding: .85rem .45rem; text-align: center; border-bottom: 1px solid var(--color-border); }
.portfolio-matrix thead th[b-i21ln63yew] { padding: 1rem .5rem; background: color-mix(in srgb, var(--color-primary) 6%, var(--color-surface)); white-space: nowrap; }
.portfolio-matrix th:first-child[b-i21ln63yew] { min-width: 12rem; max-width: 15rem; text-align: left; padding-left: 1rem; position: sticky; left: 0; background: var(--color-surface); z-index: 2; border-right: 1px solid var(--color-border); }
.portfolio-matrix small[b-i21ln63yew] { display: block; font-weight: 400; color: var(--color-text-secondary); font-size: .65rem; margin-top: .4rem; }
.portfolio-matrix .app-link[b-i21ln63yew] { font-weight: 700; }
.portfolio-matrix .matrix-step[b-i21ln63yew] { min-width: 6.5rem; position: relative; }
.matrix-step:not(:nth-last-child(2))[b-i21ln63yew]::after { content: '→'; position: absolute; top: 1.4rem; right: -.3rem; z-index: 1; color: var(--color-text-muted); }
.portfolio-matrix button.status-node:hover[b-i21ln63yew] { box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 25%, transparent); }
.portfolio-matrix .selected-row td[b-i21ln63yew] { background: color-mix(in srgb, var(--color-primary) 6%, transparent); }
.next-action[b-i21ln63yew] { white-space: nowrap; font-size: .75rem; }
.board-help[b-i21ln63yew] { font-size: .8rem; color: var(--color-text-secondary); margin: 0; }
.release-board[b-i21ln63yew] { display: grid; grid-template-columns: repeat(7, minmax(10rem, 1fr)); gap: .8rem; min-width: 76rem; align-items: start; padding: .2rem .2rem 1rem; }
.board-column > header[b-i21ln63yew] { position: relative; display: flex; align-items: center; gap: .55rem; padding: .8rem .35rem; border-bottom: 1px solid var(--color-border); }
.board-column:not(:last-child) > header[b-i21ln63yew]::after { content: '→'; position: absolute; right: -.8rem; color: var(--color-text-muted); }
.column-number[b-i21ln63yew] { display: grid; place-items: center; border: 1px solid var(--color-border); width: 1.7rem; height: 1.7rem; border-radius: 50%; font-size: .8rem; }
.board-column h4[b-i21ln63yew] { font-size: .85rem; margin: 0; }
.board-column header > b[b-i21ln63yew] { margin-left: auto; color: var(--color-text-secondary); font-size: .75rem; }
.board-cards[b-i21ln63yew] { display: grid; align-content: start; gap: .7rem; padding-top: .8rem; }
.board-card[b-i21ln63yew] { min-width: 0; display: grid; gap: .65rem; padding: 1rem .8rem; border: 1px solid var(--color-border); border-left: 3px solid var(--color-text-muted); border-radius: .65rem; background: var(--color-surface); color: var(--color-text-primary); text-align: left; font: inherit; font-size: .8rem; }
.board-card.blocked[b-i21ln63yew] { border-left-color: var(--color-danger); }
.board-card.partial[b-i21ln63yew], .board-card.manual[b-i21ln63yew] { border-left-color: var(--color-warning); }
.board-card:hover[b-i21ln63yew], .board-card.selected-card[b-i21ln63yew] { border-color: var(--color-primary); }
.board-card > small[b-i21ln63yew] { color: var(--color-text-secondary); font-size: .67rem; }
.mini-track[b-i21ln63yew] { display: flex; align-items: center; gap: .22rem; }
.mini-track .status-node[b-i21ln63yew] { width: 1.05rem; height: 1.05rem; font-size: .6rem; border-width: 1px; }
.card-evidence[b-i21ln63yew] { color: var(--color-primary-light, var(--color-primary)); font-size: .72rem; }
.visual-empty[b-i21ln63yew] { border: 1px dashed var(--color-border); border-radius: .65rem; color: var(--color-text-muted); font-size: .8rem; padding: 1.5rem .8rem; text-align: center; }
.evidence-panel[b-i21ln63yew] { padding: 1.2rem; border: 1px solid var(--color-border); border-top: 2px solid var(--color-primary); border-radius: var(--radius-lg); background: var(--color-surface); min-width: 0; scroll-margin-top: 5rem; }
.evidence-panel > header[b-i21ln63yew] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.close-evidence[b-i21ln63yew] { border: 0; color: var(--color-text-secondary); background: none; font-size: 1.8rem; padding: 0 .5rem; }
.selected-evidence[b-i21ln63yew] { display: flex; gap: .8rem; align-items: flex-start; margin-top: 1rem; padding: 1rem; border-radius: .6rem; background: color-mix(in srgb, var(--color-primary) 5%, transparent); font-size: .85rem; }
.selected-evidence p[b-i21ln63yew] { margin: .35rem 0 0; color: var(--color-text-secondary); line-height: 1.6; }
.documented-next[b-i21ln63yew] { display: grid; gap: .4rem; font-size: .8rem; line-height: 1.6; color: var(--color-text-secondary); margin: 1rem 0; overflow-wrap: anywhere; }
.documented-next strong[b-i21ln63yew] { color: var(--color-text-primary); }
.evidence-actions[b-i21ln63yew] { display: flex; align-items: center; flex-wrap: wrap; gap: .6rem; margin: 1rem 0; }
.locked-note[b-i21ln63yew] { font-size: .8rem; color: var(--color-text-secondary); }
.evidence-panel details[b-i21ln63yew] { border-top: 1px solid var(--color-border); padding-top: 1rem; font-size: .8rem; color: var(--color-text-secondary); overflow-wrap: anywhere; }
.evidence-panel summary[b-i21ln63yew] { cursor: pointer; font-weight: 700; color: var(--color-text-primary); padding: .25rem 0; }
.target-evidence[b-i21ln63yew] { margin-top: 1rem; padding: 1rem; border: 1px solid var(--color-border); border-radius: .6rem; }
.target-evidence h4[b-i21ln63yew] { color: var(--color-text-primary); font-size: .9rem; }
.target-evidence dl[b-i21ln63yew] { display: grid; grid-template-columns: 6rem minmax(0, 1fr); gap: .5rem 1rem; margin: .8rem 0; }
.target-evidence dt[b-i21ln63yew] { color: var(--color-text-primary); }
.target-evidence dd[b-i21ln63yew] { margin: 0; }
.completed-apps[b-i21ln63yew] { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; font-size: .85rem; }
@media(max-width:760px) { .visual-intro[b-i21ln63yew] { flex-direction: column; align-items: start; gap: .6rem; } .flow-branches[b-i21ln63yew] { grid-template-columns: 1fr; } .flow-source[b-i21ln63yew], .evidence-panel[b-i21ln63yew] { padding: 1rem; } .portfolio-matrix th:first-child[b-i21ln63yew] { position: static; } .target-evidence dl[b-i21ln63yew] { grid-template-columns: 1fr; gap: .15rem; } .target-evidence dd[b-i21ln63yew] { margin-bottom: .7rem; } }
/* /Components/Pages/Dashboard/ReleasePortfolioWorkspace.razor.rz.scp.css */
.release-workspace[b-nv5bnnpbme] { display: grid; gap: 1rem; min-width: 0; color: var(--color-text-primary); }
.workspace-intro[b-nv5bnnpbme] { display: flex; justify-content: space-between; gap: 1.5rem; align-items: center; }
.workspace-kicker[b-nv5bnnpbme] { font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; font-weight: 800; color: var(--color-primary-light, var(--color-primary)); }
.workspace-intro h3[b-nv5bnnpbme] { font-size: 1.2rem; margin: .25rem 0; }
.workspace-intro p[b-nv5bnnpbme] { max-width: 33rem; margin: 0; font-size: .8rem; color: var(--color-text-secondary); }
.workspace-legend[b-nv5bnnpbme] { display: flex; flex-wrap: wrap; gap: .65rem 1.2rem; font-size: .75rem; color: var(--color-text-secondary); }
.workspace-legend > span[b-nv5bnnpbme] { display: inline-flex; align-items: center; gap: .4rem; }
.gate-node[b-nv5bnnpbme] { --node-color: #64748b; display: inline-grid; place-items: center; flex-shrink: 0; border: 2px solid color-mix(in srgb, var(--node-color) 85%, white); color: #fff; border-radius: 50%; width: 2.25rem; height: 2.25rem; background: linear-gradient(135deg, color-mix(in srgb, var(--node-color) 88%, white), var(--node-color)); box-shadow: inset 0 1px 1px rgb(255 255 255 / 12%), 0 1px 3px rgb(0 0 0 / 20%); font-size: 1rem; font-weight: 800; position: relative; z-index: 1; }
.gate-node.ready[b-nv5bnnpbme] { --node-color: #4c9f38; }
.gate-node.partial[b-nv5bnnpbme], .gate-node.manual[b-nv5bnnpbme] { --node-color: #a66b00; }
.gate-node.blocked[b-nv5bnnpbme] { --node-color: #e5392c; }
.gate-node.documented[b-nv5bnnpbme] { --node-color: #526881; font-family: Georgia, serif; }
.gate-node.unknown[b-nv5bnnpbme] { border-style: dashed; }
.workspace-legend .gate-node[b-nv5bnnpbme] { width: 1.35rem; height: 1.35rem; font-size: .75rem; }
button[b-nv5bnnpbme] { cursor: pointer; }
button:focus-visible[b-nv5bnnpbme], a:focus-visible[b-nv5bnnpbme], .track-scroll:focus-visible[b-nv5bnnpbme] { outline: 2px solid var(--color-primary); outline-offset: 3px; }
.app-name[b-nv5bnnpbme], .evidence-link[b-nv5bnnpbme] { border: 0; padding: .3rem 0; background: none; color: var(--color-text-primary); font: inherit; text-align: left; }
.app-name[b-nv5bnnpbme] { font-weight: 700; }
.app-name > i[b-nv5bnnpbme] { margin-right: .7rem; color: var(--color-primary); }
.evidence-link[b-nv5bnnpbme] { font-size: .8rem; color: var(--color-primary-light, var(--color-primary)); }
.lane-list[b-nv5bnnpbme] { display: grid; gap: 1rem; min-width: 0; }
.lane-card[b-nv5bnnpbme], .tree-canvas[b-nv5bnnpbme], .desk-apps[b-nv5bnnpbme], .desk-progress[b-nv5bnnpbme] { border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); min-width: 0; overflow: hidden; }
.app-heading[b-nv5bnnpbme] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .7rem; padding: .8rem 1.1rem; border-bottom: 1px solid var(--color-border); }
.app-heading > span[b-nv5bnnpbme] { color: var(--color-text-secondary); font-size: .75rem; }
.track-scroll[b-nv5bnnpbme] { min-width: 0; max-width: 100%; overflow-x: auto; scrollbar-width: thin; }
.lane-row[b-nv5bnnpbme] { display: grid; grid-template-columns: 11rem minmax(0, 1fr); min-width: 63rem; border-bottom: 1px solid var(--color-border); }
.aggregate[b-nv5bnnpbme] { background: color-mix(in srgb, var(--color-primary) 4%, var(--color-surface)); }
.lane-label[b-nv5bnnpbme] { display: flex; flex-direction: column; justify-content: center; gap: .3rem; padding: .8rem 1.1rem; border: 0; border-right: 1px solid var(--color-border); background: transparent; color: var(--color-text-primary); text-align: left; font: inherit; font-size: .8rem; }
.lane-label small[b-nv5bnnpbme] { font-size: .67rem; color: var(--color-text-secondary); overflow-wrap: anywhere; }
.contract-badge[b-nv5bnnpbme] { display: inline-block; align-self: start; max-width: 100%; border: 1px solid var(--color-border); border-radius: .35rem; padding: .15rem .35rem; font-size: .64rem; font-weight: 600; color: var(--color-text-secondary); overflow-wrap: anywhere; }
.contract-badge.ready[b-nv5bnnpbme] { color: var(--color-success); border-color: var(--color-success); }
.contract-badge.partial[b-nv5bnnpbme], .contract-badge.manual[b-nv5bnnpbme] { color: var(--color-warning); border-color: var(--color-warning); }
.contract-badge.blocked[b-nv5bnnpbme] { color: var(--color-danger); border-color: var(--color-danger); }
.vertical-tracks .contract-badge[b-nv5bnnpbme] { margin-top: .4rem; }
.horizontal-track[b-nv5bnnpbme] { display: grid; grid-template-columns: repeat(7, minmax(6rem, 1fr)); min-width: 48rem; padding: .5rem .8rem; margin: 0; list-style: none; }
.horizontal-track li[b-nv5bnnpbme] { position: relative; text-align: center; min-width: 0; }
.horizontal-track li:not(:last-child)[b-nv5bnnpbme]::after { content: ''; position: absolute; height: 1px; background: var(--color-text-muted); width: calc(100% - 2.8rem); left: calc(50% + 1.4rem); top: 2.85rem; opacity: .65; }
.horizontal-track li:not(:last-child)[b-nv5bnnpbme]::before { content: ''; position: absolute; width: .4rem; height: .4rem; border-right: 1px solid var(--color-text-muted); border-top: 1px solid var(--color-text-muted); transform: rotate(45deg); left: calc(150% - 1.7rem); top: 2.65rem; opacity: .65; }
.stage-title[b-nv5bnnpbme] { display: block; font-size: .7rem; margin: .2rem 0; }
.stage-node[b-nv5bnnpbme] { display: grid; justify-items: center; gap: .3rem; border: 1px solid transparent; border-radius: .5rem; background: transparent; color: var(--color-text-primary); width: 100%; padding: .3rem; }
.stage-node small[b-nv5bnnpbme] { font-size: .61rem; color: var(--color-text-secondary); white-space: nowrap; }
.stage-node:hover[b-nv5bnnpbme], .stage-node.active[b-nv5bnnpbme] { border-color: var(--color-primary); background: color-mix(in srgb, var(--color-primary) 5%, transparent); }
.lane-card > footer[b-nv5bnnpbme] { padding: .45rem 1.1rem; }
.app-picker[b-nv5bnnpbme] { display: grid; gap: .4rem; width: min(100%, 30rem); font-size: .8rem; }
.tree-layout[b-nv5bnnpbme] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(17rem, 25%); gap: 1rem; align-items: start; }
.source-heading[b-nv5bnnpbme] { display: flex; gap: .8rem; align-items: center; padding: 1rem; border-bottom: 1px solid var(--color-border); }
.source-heading > i[b-nv5bnnpbme] { color: var(--color-primary); border: 1px solid var(--color-border); padding: .8rem; border-radius: .5rem; }
.source-heading strong[b-nv5bnnpbme], .source-heading small[b-nv5bnnpbme] { display: block; }
.source-heading small[b-nv5bnnpbme] { font-size: .72rem; color: var(--color-text-secondary); margin-top: .25rem; overflow-wrap: anywhere; }
.tree-branches[b-nv5bnnpbme] { padding: 1rem 1rem 1rem 2.2rem; display: grid; gap: 1rem; }
.tree-branch[b-nv5bnnpbme] { border: 1px solid var(--color-border); border-radius: .6rem; position: relative; min-width: 0; }
.tree-branch[b-nv5bnnpbme]::before { content: ''; position: absolute; border-left: 1px solid var(--color-text-muted); border-bottom: 1px solid var(--color-text-muted); width: 1.2rem; height: calc(100% + 1.1rem); left: -1.25rem; top: calc(-50% - 1.1rem); pointer-events: none; }
.tree-branch:first-child[b-nv5bnnpbme]::before { height: 1.5rem; top: calc(50% - 1.5rem); }
.tree-branch[b-nv5bnnpbme]::after { content: '›'; position: absolute; left: -.5rem; top: calc(50% - .75rem); color: var(--color-text-muted); }
.tree-branch > header[b-nv5bnnpbme] { padding: .65rem .8rem; display: flex; justify-content: space-between; flex-wrap: wrap; gap: .4rem; font-size: .85rem; }
.tree-branch header small[b-nv5bnnpbme] { font-size: .65rem; color: var(--color-text-secondary); overflow-wrap: anywhere; }
.desk-layout[b-nv5bnnpbme] { display: grid; grid-template-columns: minmax(10rem, 18%) minmax(0, 1fr) minmax(16rem, 25%); gap: 1rem; align-items: start; }
.desk-apps[b-nv5bnnpbme] { max-height: 48rem; overflow-y: auto; scrollbar-width: thin; }
.desk-apps h4[b-nv5bnnpbme] { display: flex; justify-content: space-between; padding: 1rem; margin: 0; font-size: .95rem; }
.desk-app[b-nv5bnnpbme] { display: grid; gap: .4rem; width: 100%; background: transparent; color: var(--color-text-primary); border: 1px solid transparent; border-top-color: var(--color-border); padding: 1rem .8rem; text-align: left; font-size: .8rem; }
.desk-app small[b-nv5bnnpbme] { font-size: .65rem; color: var(--color-text-secondary); overflow-wrap: anywhere; }
.desk-app.selected[b-nv5bnnpbme] { border-color: var(--color-primary); background: color-mix(in srgb, var(--color-primary) 8%, transparent); }
.vertical-tracks[b-nv5bnnpbme] { border-collapse: separate; border-spacing: 0; width: 100%; font-size: .78rem; }
.vertical-tracks caption[b-nv5bnnpbme] { padding: .6rem 1rem; color: var(--color-text-secondary); font-size: .7rem; }
.vertical-tracks th[b-nv5bnnpbme], .vertical-tracks td[b-nv5bnnpbme] { padding: .5rem; text-align: center; border-bottom: 1px solid var(--color-border); min-width: 7rem; }
.vertical-tracks thead th[b-nv5bnnpbme] { vertical-align: top; }
.vertical-tracks th small[b-nv5bnnpbme] { display: block; font-size: .62rem; color: var(--color-text-secondary); font-weight: 400; max-width: 9rem; overflow-wrap: anywhere; }
.vertical-tracks th:first-child[b-nv5bnnpbme] { text-align: left; min-width: 8rem; background: var(--color-surface); position: sticky; left: 0; z-index: 3; border-right: 1px solid var(--color-border); }
.vertical-tracks th > i[b-nv5bnnpbme] { width: 1.3rem; margin-right: .3rem; color: var(--color-text-secondary); }
.vertical-tracks td[b-nv5bnnpbme] { position: relative; }
.vertical-tracks tr:not(:last-child) td[b-nv5bnnpbme]::after { content: '↓'; position: absolute; bottom: -.65rem; left: calc(50% - .3rem); z-index: 2; color: var(--color-text-muted); font-size: .9rem; }
.workspace-inspector[b-nv5bnnpbme] { min-width: 0; padding: 1rem; border: 1px solid var(--color-border); border-top: 2px solid var(--color-primary); background: var(--color-surface); border-radius: var(--radius-lg); overflow-wrap: anywhere; font-size: .8rem; scroll-margin-top: 5rem; }
.lane-card > .workspace-inspector[b-nv5bnnpbme] { margin: 0 1rem 1rem; }
.workspace-inspector > header[b-nv5bnnpbme] { display: flex; justify-content: space-between; gap: .5rem; align-items: start; }
.workspace-inspector h4[b-nv5bnnpbme] { margin: .3rem 0; font-size: 1rem; }
.workspace-inspector header small[b-nv5bnnpbme], .inspector-note[b-nv5bnnpbme] { color: var(--color-text-secondary); font-size: .7rem; }
.close-inspector[b-nv5bnnpbme] { border: 0; background: none; color: var(--color-text-secondary); font-size: 1.5rem; }
.inspector-step[b-nv5bnnpbme] { display: flex; align-items: center; gap: .6rem; margin: 1rem 0 .6rem; }
.step-detail[b-nv5bnnpbme] { color: var(--color-text-secondary); line-height: 1.6; }
.contract-state[b-nv5bnnpbme] { margin: .8rem 0 .3rem; }
.workspace-inspector details[b-nv5bnnpbme] { border-top: 1px solid var(--color-border); margin-top: .8rem; padding-top: .8rem; color: var(--color-text-secondary); line-height: 1.6; }
.workspace-inspector summary[b-nv5bnnpbme] { color: var(--color-text-primary); cursor: pointer; font-weight: 700; }
.workspace-inspector details p[b-nv5bnnpbme] { margin: .6rem 0; }
.workspace-inspector dl[b-nv5bnnpbme] { margin: .8rem 0; }
.workspace-inspector dt[b-nv5bnnpbme] { color: var(--color-text-primary); }
.workspace-inspector dd[b-nv5bnnpbme] { margin: .2rem 0 .7rem; }
.inspector-actions[b-nv5bnnpbme] { display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; margin-top: 1rem; }
.workspace-empty[b-nv5bnnpbme] { color: var(--color-text-secondary); padding: 1rem; margin: 0; font-size: .8rem; }
@media(max-width:1100px) { .desk-layout[b-nv5bnnpbme] { grid-template-columns: 11rem minmax(0, 1fr); } .desk-layout > .workspace-inspector[b-nv5bnnpbme] { grid-column: 1 / -1; } .tree-layout[b-nv5bnnpbme] { grid-template-columns: minmax(0, 1fr); } }
@media(max-width:700px) { .workspace-intro[b-nv5bnnpbme] { flex-direction: column; align-items: start; gap: .5rem; } .desk-layout[b-nv5bnnpbme] { grid-template-columns: minmax(0, 1fr); } .desk-apps[b-nv5bnnpbme] { max-height: 15rem; } .workspace-intro h3[b-nv5bnnpbme] { font-size: 1rem; } .lane-card > .workspace-inspector[b-nv5bnnpbme] { margin: 0 .5rem .5rem; } .tree-branches[b-nv5bnnpbme] { padding-right: .5rem; } }
/* /Components/Pages/Dashboard/ServerApi.razor.rz.scp.css */
.filter-bar[b-f3jyh2lrqn] {
    display: flex;
    align-items: end;
    gap: 1rem;
    padding: 1.1rem 1.25rem;
    background:
        radial-gradient(circle at 100% 0, rgba(239, 68, 68, 0.1), transparent 45%),
        var(--gradient-card);
    border: 1px solid var(--border-color-light);
    border-radius: var(--radius-xl);
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.16);
}

.server-api-context-label[b-f3jyh2lrqn] {
    display: flex;
    min-width: 170px;
    flex-direction: column;
    gap: 0.2rem;
}

.server-api-context-label span[b-f3jyh2lrqn] {
    color: var(--color-text-primary);
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.server-api-context-label small[b-f3jyh2lrqn] {
    color: var(--color-text-subtle);
    font-size: 0.7rem;
}

.tab-bar[b-f3jyh2lrqn] {
    overflow-x: auto;
    scrollbar-width: thin;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.13);
}

.server-api-message[b-f3jyh2lrqn] {
    margin: 1rem 0 0;
}

.tool-card[b-f3jyh2lrqn] {
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.17);
}

.empty-state.compact[b-f3jyh2lrqn] {
    min-height: auto;
    margin-top: 1rem;
    padding: 1.25rem;
}

@media (max-width: 780px) {
    .filter-bar[b-f3jyh2lrqn] {
        align-items: stretch;
        flex-direction: column;
    }

    .filter-bar .form-select[b-f3jyh2lrqn] {
        max-width: none !important;
    }
}
/* /Components/Pages/Dashboard/WorkflowTests.razor.rz.scp.css */
.workflow-test-header[b-c8qecfcpws] {
    gap: 1rem;
    padding: 1.35rem 1.45rem;
    border: 1px solid var(--border-color-light, var(--color-border));
    border-radius: var(--radius-xl);
    background: radial-gradient(circle at 90% 10%, color-mix(in srgb, var(--color-primary) 20%, transparent), transparent 32%), var(--gradient-card, var(--color-surface));
    box-shadow: var(--shadow-card, var(--shadow-md));
}

.workflow-test-kicker[b-c8qecfcpws],
.panel-heading > div > span[b-c8qecfcpws] {
    color: var(--color-primary-light, var(--color-primary));
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.workflow-test-header .page-title i[b-c8qecfcpws] { margin-right: .45rem; }
.workflow-test-actions[b-c8qecfcpws] { display: flex; align-items: center; gap: .65rem; }
.connection-pill[b-c8qecfcpws] { display: inline-flex; align-items: center; gap: .5rem; padding: .55rem .8rem; border: 1px solid var(--color-border); border-radius: 999px; background: var(--color-surface); color: var(--color-text-secondary); font-size: .78rem; font-weight: 700; white-space: nowrap; }
.connection-pill > span[b-c8qecfcpws] { width: .55rem; height: .55rem; border-radius: 50%; background: var(--color-warning); box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-warning) 15%, transparent); }
.connection-pill.ready[b-c8qecfcpws] { color: var(--color-success); }
.connection-pill.ready > span[b-c8qecfcpws] { background: var(--color-success); box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-success) 15%, transparent); }

.workflow-boundary[b-c8qecfcpws] { display: flex; align-items: flex-start; gap: .7rem; margin: 1rem 0; padding: .8rem 1rem; border: 1px solid color-mix(in srgb, var(--color-info) 30%, var(--color-border)); border-radius: var(--radius-lg); background: color-mix(in srgb, var(--color-info) 7%, var(--color-surface)); color: var(--color-text-secondary); font-size: .82rem; }
.workflow-boundary i[b-c8qecfcpws] { margin-top: .1rem; color: var(--color-info); }

.workflow-summary[b-c8qecfcpws] { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .8rem; margin-bottom: 1rem; }
.workflow-summary article[b-c8qecfcpws] { display: flex; align-items: center; gap: .75rem; min-width: 0; padding: .9rem 1rem; border: 1px solid var(--border-color-light, var(--color-border)); border-radius: var(--radius-lg); background: var(--gradient-card, var(--color-surface)); box-shadow: var(--shadow-sm); }
.workflow-summary strong[b-c8qecfcpws], .workflow-summary span[b-c8qecfcpws] { display: block; }
.workflow-summary strong[b-c8qecfcpws] { color: var(--color-text-primary); font-size: 1.3rem; line-height: 1; }
.workflow-summary article div span[b-c8qecfcpws] { margin-top: .25rem; color: var(--color-text-secondary); font-size: .7rem; }
.summary-icon[b-c8qecfcpws] { display: grid; flex: 0 0 2rem; width: 2rem; height: 2rem; place-items: center; border-radius: .65rem; }
.summary-icon.success[b-c8qecfcpws] { background: color-mix(in srgb, var(--color-success) 14%, transparent); color: var(--color-success); }
.summary-icon.failed[b-c8qecfcpws] { background: color-mix(in srgb, var(--color-danger) 14%, transparent); color: var(--color-danger); }
.summary-icon.blocked[b-c8qecfcpws] { background: color-mix(in srgb, var(--color-warning) 14%, transparent); color: var(--color-warning); }
.summary-icon.compliance[b-c8qecfcpws] { background: color-mix(in srgb, var(--color-success) 14%, transparent); color: var(--color-success); }
.summary-icon.neutral[b-c8qecfcpws], .summary-icon.onboarding[b-c8qecfcpws] { background: color-mix(in srgb, var(--color-text-secondary) 12%, transparent); color: var(--color-text-secondary); }

.priority-grid[b-c8qecfcpws] { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 1rem; margin-bottom: 1rem; }
.workflow-panel[b-c8qecfcpws] { border: 1px solid var(--border-color-light, var(--color-border)); border-radius: var(--radius-xl); background: var(--gradient-card, var(--color-surface)); box-shadow: var(--shadow-card, var(--shadow-md)); overflow: hidden; }
.panel-heading[b-c8qecfcpws] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1.15rem 1.25rem; border-bottom: 1px solid var(--color-border); }
.panel-heading h2[b-c8qecfcpws] { margin: .18rem 0 0; color: var(--color-text-primary); font-size: 1rem; }
.panel-count[b-c8qecfcpws] { padding: .35rem .6rem; border-radius: 999px; background: color-mix(in srgb, var(--color-primary) 10%, transparent); color: var(--color-primary-light, var(--color-primary)); font-size: .68rem; font-weight: 800; white-space: nowrap; }
.priority-list[b-c8qecfcpws] { display: grid; gap: .75rem; padding: 1rem 1.25rem; }
.priority-item[b-c8qecfcpws] { display: grid; grid-template-columns: 2.4rem minmax(0, 1fr); gap: .8rem; align-items: start; padding: .85rem; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: color-mix(in srgb, var(--color-primary) 3%, var(--color-surface)); }
.priority-number[b-c8qecfcpws] { display: grid; width: 2.4rem; height: 2.4rem; place-items: center; border-radius: .75rem; background: var(--color-primary); color: #fff; font-size: 1rem; font-weight: 900; }
.priority-item.repair .priority-number[b-c8qecfcpws] { background: var(--color-warning); color: #16110a; }
.priority-title[b-c8qecfcpws] { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem; }
.priority-item p[b-c8qecfcpws] { margin: .32rem 0; color: var(--color-text-secondary); font-size: .78rem; line-height: 1.45; }
.priority-item small[b-c8qecfcpws] { color: var(--color-text-tertiary, var(--color-text-secondary)); font-size: .67rem; }
.decision-gate[b-c8qecfcpws] { display: flex; gap: .65rem; margin: 0 1.25rem 1.1rem; padding: .75rem .85rem; border-radius: var(--radius-md); background: color-mix(in srgb, var(--color-warning) 8%, var(--color-surface)); color: var(--color-text-secondary); font-size: .75rem; }
.decision-gate i[b-c8qecfcpws] { color: var(--color-warning); }
.empty-compact[b-c8qecfcpws] { padding: 1.2rem 1.25rem; color: var(--color-text-secondary); font-size: .8rem; }

.status-chip[b-c8qecfcpws] { display: inline-flex; align-items: center; padding: .25rem .5rem; border-radius: 999px; font-size: .62rem; font-weight: 800; white-space: nowrap; }
.status-chip.success[b-c8qecfcpws] { background: color-mix(in srgb, var(--color-success) 13%, transparent); color: var(--color-success); }
.status-chip.failed[b-c8qecfcpws], .status-chip.error[b-c8qecfcpws] { background: color-mix(in srgb, var(--color-danger) 13%, transparent); color: var(--color-danger); }
.status-chip.blocked[b-c8qecfcpws] { background: color-mix(in srgb, var(--color-warning) 15%, transparent); color: var(--color-warning); }
.status-chip.running[b-c8qecfcpws] { background: color-mix(in srgb, var(--color-info) 13%, transparent); color: var(--color-info); }
.status-chip.neutral[b-c8qecfcpws], .status-chip.never[b-c8qecfcpws] { background: color-mix(in srgb, var(--color-text-secondary) 12%, transparent); color: var(--color-text-secondary); }
.status-chip.assumption[b-c8qecfcpws] { background: color-mix(in srgb, var(--color-warning) 13%, transparent); color: var(--color-warning); }

.workflow-results[b-c8qecfcpws] { margin-bottom: 1rem; }
.workflow-priorities[b-c8qecfcpws] { margin: 0 0 1rem; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); }
.workflow-priorities > summary[b-c8qecfcpws] { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem; padding: 1rem 1.25rem; cursor: pointer; font-weight: 700; }
.workflow-priorities > summary[b-c8qecfcpws]::before { content: "+"; color: var(--color-primary); }
.workflow-priorities[open] > summary[b-c8qecfcpws]::before { content: "−"; }
.workflow-priorities > summary span[b-c8qecfcpws] { margin-left: auto; color: var(--color-text-secondary); font-size: .8rem; font-weight: 500; }
.workflow-priorities .priority-grid[b-c8qecfcpws] { margin: 0; padding: 0 1rem 1rem; align-items: start; }
.workflow-filters[b-c8qecfcpws] { display: flex; flex-wrap: wrap; align-items: end; gap: .75rem; padding: 1rem 1.25rem; border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); }
.workflow-filters label[b-c8qecfcpws] { display: grid; gap: .4rem; margin: 0; }
.workflow-filters label > span[b-c8qecfcpws] { color: var(--color-text-secondary); font-size: .78rem; font-weight: 650; }
.workflow-search[b-c8qecfcpws] { flex: 1 1 18rem; min-width: 0; }
.workflow-filters input[b-c8qecfcpws], .workflow-filters select[b-c8qecfcpws] { min-height: 2.7rem; width: 100%; min-width: 0; padding: .6rem .75rem; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); color: var(--color-text-primary); font: inherit; font-size: .9rem; }
.workflow-filter-count[b-c8qecfcpws] { width: 100%; color: var(--color-text-secondary); font-size: .8rem; }
.workflow-app-link[b-c8qecfcpws] { display: inline-flex; align-items: center; gap: .6rem; font-weight: 750; color: var(--color-text-primary); text-decoration: none; }
.workflow-app-link:hover[b-c8qecfcpws] { color: var(--color-primary); }
.workflow-app-link i[b-c8qecfcpws] { font-size: .7rem; color: var(--color-text-secondary); }
.workflow-identity[b-c8qecfcpws] { min-width: 0; overflow-wrap: anywhere; }
.workflow-priorities summary:focus-visible[b-c8qecfcpws], .workflow-filters :focus-visible[b-c8qecfcpws], .workflow-app-link:focus-visible[b-c8qecfcpws] { outline: 2px solid var(--color-primary); outline-offset: 3px; }
.loading-state[b-c8qecfcpws], .configuration-state[b-c8qecfcpws] { display: flex; align-items: center; justify-content: center; gap: .75rem; min-height: 8rem; padding: 1.4rem; color: var(--color-text-secondary); }
.configuration-state[b-c8qecfcpws] { justify-content: flex-start; }
.configuration-state > i[b-c8qecfcpws] { display: grid; width: 2.5rem; height: 2.5rem; place-items: center; border-radius: .75rem; background: color-mix(in srgb, var(--color-warning) 14%, transparent); color: var(--color-warning); }
.configuration-state strong[b-c8qecfcpws], .configuration-state span[b-c8qecfcpws] { display: block; }
.configuration-state span[b-c8qecfcpws] { margin-top: .2rem; font-size: .78rem; }
.workflow-app-list[b-c8qecfcpws] { display: grid; gap: 1rem; padding: 1rem 1.25rem 1.25rem; }
.workflow-app-group[b-c8qecfcpws] { border: 1px solid var(--color-border); border-radius: var(--radius-lg); overflow: hidden; }
.workflow-app-heading[b-c8qecfcpws] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .8rem 1rem; background: color-mix(in srgb, var(--color-primary) 5%, var(--color-surface)); }
.workflow-app-heading strong[b-c8qecfcpws], .workflow-app-heading code[b-c8qecfcpws] { display: block; }
.workflow-app-heading code[b-c8qecfcpws] { margin-top: .15rem; color: var(--color-text-secondary); font-size: .65rem; }
.workflow-app-meta[b-c8qecfcpws] { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .4rem; }
.workflow-app-count[b-c8qecfcpws] { color: var(--color-text-secondary); font-size: .68rem; font-weight: 700; }
.apple-compliance-chip[b-c8qecfcpws] { display: inline-flex; align-items: center; gap: .35rem; padding: .28rem .5rem; border-radius: 999px; font-size: .61rem; font-weight: 800; white-space: nowrap; }
.apple-compliance-chip.ready[b-c8qecfcpws] { background: color-mix(in srgb, var(--color-success) 13%, transparent); color: var(--color-success); }
.apple-compliance-chip.restricted[b-c8qecfcpws] { background: color-mix(in srgb, var(--color-warning) 13%, transparent); color: var(--color-warning); }
.workflow-row-list[b-c8qecfcpws] { display: grid; }
.workflow-row[b-c8qecfcpws] { padding: .9rem 1rem; border-top: 1px solid var(--color-border); }
.workflow-row:first-child[b-c8qecfcpws] { border-top: 0; }
.workflow-row-main[b-c8qecfcpws] { display: grid; grid-template-columns: 2rem minmax(0, 1fr) auto; gap: .7rem; align-items: start; }
.workflow-status-icon[b-c8qecfcpws] { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: .65rem; background: color-mix(in srgb, var(--color-text-secondary) 9%, transparent); color: var(--color-text-secondary); }
.workflow-row.success .workflow-status-icon[b-c8qecfcpws] { background: color-mix(in srgb, var(--color-success) 12%, transparent); color: var(--color-success); }
.workflow-row.failed .workflow-status-icon[b-c8qecfcpws], .workflow-row.error .workflow-status-icon[b-c8qecfcpws] { background: color-mix(in srgb, var(--color-danger) 12%, transparent); color: var(--color-danger); }
.workflow-row.blocked .workflow-status-icon[b-c8qecfcpws] { background: color-mix(in srgb, var(--color-warning) 13%, transparent); color: var(--color-warning); }
.workflow-identity > div[b-c8qecfcpws] { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.workflow-identity code[b-c8qecfcpws] { display: block; margin-top: .15rem; color: var(--color-text-secondary); font-size: .64rem; }
.workflow-identity p[b-c8qecfcpws] { margin: .25rem 0 0; color: var(--color-text-secondary); font-size: .72rem; }
.workflow-identity .workflow-error[b-c8qecfcpws] { color: var(--color-danger); }
.github-link[b-c8qecfcpws] { display: inline-flex; align-items: center; gap: .35rem; padding: .42rem .6rem; border: 1px solid var(--color-border); border-radius: .6rem; color: var(--color-text-secondary); font-size: .68rem; font-weight: 700; text-decoration: none; }
.github-link:hover[b-c8qecfcpws] { border-color: var(--color-primary); color: var(--color-primary-light, var(--color-primary)); }
.previous-result[b-c8qecfcpws] { display: grid; grid-template-columns: minmax(10rem, auto) minmax(0, 1fr) auto; gap: .7rem; align-items: center; margin: .75rem 0 0 2.7rem; padding: .65rem .75rem; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: color-mix(in srgb, var(--color-text-secondary) 3%, var(--color-surface)); }
.previous-result.failed[b-c8qecfcpws] { border-color: color-mix(in srgb, var(--color-danger) 38%, var(--color-border)); background: color-mix(in srgb, var(--color-danger) 5%, var(--color-surface)); }
.previous-result.success[b-c8qecfcpws] { border-color: color-mix(in srgb, var(--color-success) 32%, var(--color-border)); }
.previous-result > div:first-child span[b-c8qecfcpws], .previous-result > div:first-child strong[b-c8qecfcpws], .previous-result > div:first-child small[b-c8qecfcpws] { display: block; }
.previous-result > div:first-child span[b-c8qecfcpws] { color: var(--color-text-secondary); font-size: .6rem; text-transform: uppercase; }
.previous-result > div:first-child strong[b-c8qecfcpws] { margin-top: .12rem; font-size: .72rem; }
.previous-result > div:first-child small[b-c8qecfcpws] { margin-top: .12rem; color: var(--color-text-secondary); font-size: .6rem; }
.previous-failure[b-c8qecfcpws] { display: flex; min-width: 0; align-items: center; gap: .45rem; color: var(--color-danger); font-size: .66rem; }
.previous-failure span[b-c8qecfcpws] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.previous-result > a[b-c8qecfcpws] { color: var(--color-text-secondary); font-size: .64rem; font-weight: 700; text-decoration: none; white-space: nowrap; }
.previous-result > a:hover[b-c8qecfcpws] { color: var(--color-primary-light, var(--color-primary)); }
.job-grid[b-c8qecfcpws] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; margin: .8rem 0 0 2.7rem; }
.job-card[b-c8qecfcpws] { border: 1px solid var(--color-border); border-radius: var(--radius-md); background: color-mix(in srgb, var(--color-text-secondary) 2%, var(--color-surface)); overflow: hidden; }
.job-card.failed[b-c8qecfcpws] { border-color: color-mix(in srgb, var(--color-danger) 36%, var(--color-border)); }
.job-card.blocked[b-c8qecfcpws] { border-color: color-mix(in srgb, var(--color-warning) 42%, var(--color-border)); }
.job-card summary[b-c8qecfcpws] { display: flex; align-items: center; justify-content: space-between; gap: .65rem; padding: .65rem .75rem; cursor: pointer; list-style: none; }
.job-card summary[b-c8qecfcpws]::-webkit-details-marker { display: none; }
.job-card summary > span:first-child[b-c8qecfcpws] { display: flex; min-width: 0; align-items: center; gap: .45rem; }
.job-card summary strong[b-c8qecfcpws] { overflow: hidden; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.job-card.success summary i[b-c8qecfcpws] { color: var(--color-success); }
.job-card.failed summary i[b-c8qecfcpws] { color: var(--color-danger); }
.job-card.blocked summary i[b-c8qecfcpws] { color: var(--color-warning); }
.step-list[b-c8qecfcpws] { display: grid; border-top: 1px solid var(--color-border); }
.step-row[b-c8qecfcpws] { display: grid; grid-template-columns: 1rem minmax(0, 1fr) auto; gap: .45rem; align-items: center; padding: .45rem .7rem; border-top: 1px solid color-mix(in srgb, var(--color-border) 65%, transparent); color: var(--color-text-secondary); font-size: .65rem; }
.step-row:first-child[b-c8qecfcpws] { border-top: 0; }
.step-row.success i[b-c8qecfcpws] { color: var(--color-success); }
.step-row.failed[b-c8qecfcpws] { background: color-mix(in srgb, var(--color-danger) 5%, transparent); color: var(--color-danger); }
.step-row.neutral[b-c8qecfcpws] { opacity: .7; }
.step-row small[b-c8qecfcpws] { font-size: .58rem; font-weight: 700; }
.no-steps[b-c8qecfcpws] { padding: .65rem .75rem; color: var(--color-text-secondary); font-size: .65rem; }

.onboarding-panel[b-c8qecfcpws] { margin-bottom: 1.5rem; }
.onboarding-table-wrap[b-c8qecfcpws] { overflow-x: auto; }
.onboarding-table[b-c8qecfcpws] { width: 100%; border-collapse: collapse; font-size: .72rem; }
.onboarding-table th[b-c8qecfcpws], .onboarding-table td[b-c8qecfcpws] { padding: .75rem .85rem; border-top: 1px solid var(--color-border); text-align: left; vertical-align: top; }
.onboarding-table th[b-c8qecfcpws] { border-top: 0; color: var(--color-text-secondary); font-size: .62rem; letter-spacing: .06em; text-transform: uppercase; }
.onboarding-table td[b-c8qecfcpws] { color: var(--color-text-secondary); }
.onboarding-table td:first-child[b-c8qecfcpws] { min-width: 11rem; color: var(--color-text-primary); }
.onboarding-table td:last-child[b-c8qecfcpws] { min-width: 19rem; }
.onboarding-table code[b-c8qecfcpws] { display: block; margin-top: .18rem; color: var(--color-text-secondary); font-size: .6rem; }

@media (max-width: 1100px) {
    .workflow-summary[b-c8qecfcpws] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .priority-grid[b-c8qecfcpws] { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
    .workflow-test-header[b-c8qecfcpws], .workflow-test-actions[b-c8qecfcpws], .panel-heading[b-c8qecfcpws] { align-items: stretch; flex-direction: column; }
    .workflow-test-actions[b-c8qecfcpws] { display: grid; grid-template-columns: 1fr; }
    .workflow-summary[b-c8qecfcpws] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .workflow-filters > label[b-c8qecfcpws], .workflow-filters > button[b-c8qecfcpws] { width: 100%; }
    .workflow-app-list[b-c8qecfcpws], .priority-list[b-c8qecfcpws] { padding: .8rem; }
    .panel-heading[b-c8qecfcpws] { padding: 1rem; }
    .workflow-row-main[b-c8qecfcpws] { grid-template-columns: 2rem minmax(0, 1fr); }
    .github-link[b-c8qecfcpws] { grid-column: 2; width: max-content; }
    .job-grid[b-c8qecfcpws] { grid-template-columns: 1fr; margin-left: 0; }
    .previous-result[b-c8qecfcpws] { grid-template-columns: 1fr; margin-left: 0; }
    .workflow-app-heading[b-c8qecfcpws] { align-items: flex-start; flex-direction: column; }
    .workflow-app-meta[b-c8qecfcpws] { justify-content: flex-start; }
}
/* /Components/Pages/LookAndFeel.razor.rz.scp.css */
.page-header[b-2fl85uzas7] { display:block; }
.page-subtitle[b-2fl85uzas7] { margin-top:8px; }
.stat-card[b-2fl85uzas7] { display:block; height:100%; background:var(--color-bg-card); border:1px solid var(--color-border); }
.stat-card h5[b-2fl85uzas7] { font-size:16px; font-weight:700; }
/* /Components/Shared/AppearanceMenu.razor.rz.scp.css */
.appearance-trigger[b-fxj9mp7gj5] { width:44px; gap:5px; anchor-name:--appearance-trigger; }
.appearance-chevron[b-fxj9mp7gj5] { font-size:8px; }
.appearance-popover[b-fxj9mp7gj5] { position:fixed; inset:64px 24px auto auto; margin:0; width:390px; max-width:calc(100vw - 24px); max-height:calc(100dvh - 88px); overflow-y:auto; overscroll-behavior:contain; padding:19px; border:1px solid var(--color-border); border-radius:16px; background:var(--color-bg-card); color:var(--color-text-primary); box-shadow:0 18px 64px rgba(0,0,0,.28); }
.appearance-popover[b-fxj9mp7gj5]::backdrop { background:transparent; }
.appearance-heading[b-fxj9mp7gj5] { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:20px; }
h2[b-fxj9mp7gj5] { margin:0; font-size:17px; font-weight:700; }
.appearance-heading p[b-fxj9mp7gj5] { margin:5px 0 0; font-size:11px; color:var(--color-text-muted); }
.appearance-close[b-fxj9mp7gj5] { width:28px; height:28px; display:grid; place-items:center; border:0; border-radius:6px; background:var(--color-bg-subtle); color:var(--color-text-secondary); }
button:focus-visible[b-fxj9mp7gj5] { outline:3px solid var(--color-primary); outline-offset:3px; }
@supports(top:anchor(bottom)) { .appearance-popover[b-fxj9mp7gj5] { position-anchor:--appearance-trigger; top:calc(anchor(bottom) + 12px); } }
@media(max-width:560px) { .appearance-popover[b-fxj9mp7gj5] { right:12px; padding:16px; } }
/* /Components/Shared/AppearancePicker.razor.rz.scp.css */
.visual-picker[b-hho4hifxv7] { min-width:0; display:grid; gap:7px; }
.picker-label[b-hho4hifxv7] { font-size:12px; font-weight:600; }
button[b-hho4hifxv7] { color:var(--color-text-primary); font:inherit; border:1px solid var(--color-border); background:var(--color-bg-surface); border-radius:8px; cursor:pointer; }
button:focus-visible[b-hho4hifxv7] { outline:3px solid var(--color-primary); outline-offset:2px; }
.picker-trigger[b-hho4hifxv7] { display:flex; align-items:center; gap:10px; width:100%; min-height:60px; padding:7px 10px; text-align:left; font-size:12px; }
.selected-preview[b-hho4hifxv7] { width:82px; flex-shrink:0; }
.selected-preview[b-hho4hifxv7]  .theme-thumbnail { height:44px; }
.selected-preview[b-hho4hifxv7]  .palette-thumbnail { height:32px; }
.selected-label[b-hho4hifxv7] { flex:1; min-width:0; }
.picker-trigger > i[b-hho4hifxv7] { font-size:10px; color:var(--color-text-muted); }
.choice-list[b-hho4hifxv7] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:8px; max-height:300px; overflow:auto; overscroll-behavior:contain; padding:4px; scrollbar-gutter:stable; }
.choice-list[hidden][b-hho4hifxv7] { display:none; }
.visual-choice[b-hho4hifxv7] { display:grid; align-content:start; gap:6px; padding:7px; min-width:0; height:100%; text-align:left; font-size:11px; }
.visual-choice:hover[b-hho4hifxv7] { background:var(--color-bg-hover); border-color:var(--color-primary); }
.visual-choice[aria-pressed=true][b-hho4hifxv7] { border-color:var(--color-primary); box-shadow:inset 0 0 0 1px var(--color-primary); }
.choice-caption[b-hho4hifxv7] { display:flex; align-items:center; justify-content:space-between; gap:4px; min-height:28px; line-height:1.3; }
.choice-caption i[b-hho4hifxv7] { visibility:hidden; color:var(--color-primary-light); }
[aria-pressed=true] .choice-caption i[b-hho4hifxv7] { visibility:visible; }
/* /Components/Shared/AppearancePreview.razor.rz.scp.css */
.theme-thumbnail[b-swgqu8aucl] { display:flex; width:100%; height:58px; padding:6px; gap:5px; overflow:hidden; border-radius:6px; background:var(--color-bg-body); border:1px solid color-mix(in srgb,var(--color-text-primary) 16%,transparent); }
.preview-sidebar[b-swgqu8aucl] { display:flex; flex-direction:column; width:19%; gap:5px; padding:5px 3px; border-radius:3px; background:var(--color-bg-surface); }
.preview-sidebar i[b-swgqu8aucl] { height:3px; border-radius:2px; background:var(--color-text-subtle); opacity:.55; }
.preview-sidebar i:first-child[b-swgqu8aucl] { background:var(--color-primary); opacity:1; height:5px; }
.preview-dashboard[b-swgqu8aucl] { display:grid; flex:1; gap:4px; grid-template-rows:3px 10px 1fr; }
.preview-heading[b-swgqu8aucl] { width:48%; border-radius:2px; background:var(--color-text-primary); opacity:.65; }
.preview-cards[b-swgqu8aucl] { display:flex; gap:3px; }
.preview-cards i[b-swgqu8aucl] { flex:1; border-radius:2px; border-top:2px solid var(--color-primary); background:var(--color-bg-elevated); }
.preview-chart[b-swgqu8aucl] { display:flex; align-items:end; gap:4px; padding:2px 4px; border-radius:3px; background:var(--color-bg-surface); }
.preview-chart i[b-swgqu8aucl] { flex:1; height:40%; border-radius:2px 2px 0 0; background:var(--color-primary); }
.preview-chart i:nth-child(2n)[b-swgqu8aucl] { height:70%; background:var(--color-secondary); }
.preview-chart i:nth-child(3n)[b-swgqu8aucl] { height:100%; }
.palette-thumbnail[b-swgqu8aucl] { display:flex; width:100%; height:42px; overflow:hidden; border-radius:6px; border:1px solid var(--color-border); }
.palette-thumbnail i[b-swgqu8aucl] { flex:1; background:var(--preview-dark); background:light-dark(var(--preview-light),var(--preview-dark)); }
/* /Components/Shared/AppearanceSettings.razor.rz.scp.css */
.appearance-settings[b-4lb7vk3qd4] { display:grid; gap:12px; color:var(--color-text-primary); }
.appearance-field[b-4lb7vk3qd4] { display:grid; grid-template-columns:minmax(90px,.8fr) minmax(0,1.6fr); align-items:center; gap:10px; margin:0; font-size:12px; }
select[b-4lb7vk3qd4] { width:100%; min-width:0; min-height:37px; padding:7px 28px 7px 10px; border:1px solid var(--color-border); border-radius:var(--radius-sm); color:var(--color-text-primary); background-color:var(--color-bg-card); font:inherit; }
select:focus-visible[b-4lb7vk3qd4] { outline:3px solid var(--color-primary); outline-offset:2px; }
.accent-field[b-4lb7vk3qd4] { padding:0; margin:0; border:0; min-width:0; }
.accent-field legend[b-4lb7vk3qd4] { float:none; width:auto; font-size:12px; font-weight:600; margin:0 0 7px; }
.accent-choices[b-4lb7vk3qd4] { display:flex; flex-wrap:wrap; gap:6px; }
.accent-choice[b-4lb7vk3qd4] { display:flex; align-items:center; gap:5px; min-height:34px; padding:5px; background:var(--color-bg-surface); color:var(--color-text-primary); border:1px solid var(--color-border); border-radius:7px; font-size:11px; }
.accent-choice i[b-4lb7vk3qd4] { display:block; width:22px; height:22px; border-radius:50%; }
.accent-choice[aria-pressed=true][b-4lb7vk3qd4] { border-color:var(--color-primary); outline:1px solid var(--color-primary); outline-offset:1px; }
.accent-choice:focus-visible[b-4lb7vk3qd4],input:focus-visible[b-4lb7vk3qd4] { outline:3px solid var(--color-primary); outline-offset:3px; }
.custom-accent[b-4lb7vk3qd4] { display:flex; align-items:center; gap:10px; font-size:12px; margin-top:9px; }
input[type=color][b-4lb7vk3qd4] { width:36px; height:30px; padding:2px; border:1px solid var(--color-border); border-radius:5px; background:var(--color-bg-surface); cursor:pointer; }
.accent-value[b-4lb7vk3qd4] { font-size:11px; color:var(--color-text-muted); }
.accent-field small[b-4lb7vk3qd4] { display:block; font-size:10px; color:var(--color-text-muted); margin-top:6px; line-height:1.5; }
.appearance-group-label[b-4lb7vk3qd4] { margin:3px 0 0; padding-top:14px; border-top:1px solid var(--color-border); color:var(--color-text-muted); font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.appearance-hint[b-4lb7vk3qd4],.appearance-notice[b-4lb7vk3qd4] { margin:2px 0 0; color:var(--color-text-muted); font-size:11px; line-height:1.5; }
.appearance-notice[b-4lb7vk3qd4] { color:var(--color-warning); }
.palette-editor[b-4lb7vk3qd4] { border:0; padding:0; margin:0; min-width:0; }
.palette-editor legend[b-4lb7vk3qd4] { float:none; width:auto; font-size:12px; font-weight:600; margin:0 0 8px; }
.palette-colors[b-4lb7vk3qd4] { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; }
.palette-color[b-4lb7vk3qd4] { display:grid; justify-items:center; gap:5px; margin:0; font-size:10px; color:var(--color-text-muted); }
.palette-color input[b-4lb7vk3qd4] { width:100%; height:40px; padding:3px; border-radius:8px; }
.palette-color input[b-4lb7vk3qd4]::-webkit-color-swatch-wrapper { padding:0; }
.palette-color input[b-4lb7vk3qd4]::-webkit-color-swatch { border:0; border-radius:5px; }
.palette-color input[b-4lb7vk3qd4]::-moz-color-swatch { border:0; border-radius:5px; }
.palette-editor small[b-4lb7vk3qd4] { display:block; margin-top:7px; font-size:11px; line-height:1.5; color:var(--color-text-muted); }
@media(max-width:420px) { .appearance-field[b-4lb7vk3qd4] { grid-template-columns:100px minmax(0,1fr); } }
/* /Components/Shared/AppPricingPanel.razor.rz.scp.css */
.app-pricing-panel[b-hmdp1mz3zv] {
    margin-bottom: 1.5rem;
    overflow: hidden;
    border: 1px solid var(--border-color-light);
    border-radius: var(--radius-xl);
    background: var(--gradient-card);
    box-shadow: var(--shadow-card);
}

.app-pricing-panel.readiness-ready[b-hmdp1mz3zv] { border-color: color-mix(in srgb, var(--color-success) 38%, var(--border-color-light)); }
.app-pricing-panel.readiness-incomplete[b-hmdp1mz3zv] { border-color: color-mix(in srgb, #f59e0b 42%, var(--border-color-light)); }

.app-pricing-header[b-hmdp1mz3zv],
.app-pricing-profile[b-hmdp1mz3zv],
.app-pricing-offer-main[b-hmdp1mz3zv],
.app-pricing-title[b-hmdp1mz3zv],
.app-pricing-header-actions[b-hmdp1mz3zv],
.app-pricing-profile-actions[b-hmdp1mz3zv],
.app-pricing-offer-actions[b-hmdp1mz3zv],
.app-pricing-offer-name[b-hmdp1mz3zv],
.app-pricing-loading[b-hmdp1mz3zv],
.app-pricing-empty[b-hmdp1mz3zv] {
    display: flex;
    align-items: center;
}

.app-pricing-header[b-hmdp1mz3zv] {
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.2rem;
    border-bottom: 1px solid var(--border-color);
}

.app-pricing-title[b-hmdp1mz3zv] { gap: .75rem; min-width: 0; }
.app-pricing-title > div[b-hmdp1mz3zv] { min-width: 0; }
.app-pricing-title h2[b-hmdp1mz3zv] { margin: .1rem 0; color: var(--color-text-primary); font-size: 1.05rem; }
.app-pricing-title p[b-hmdp1mz3zv] { margin: 0; color: var(--color-text-secondary); font-size: .76rem; }
.app-pricing-kicker[b-hmdp1mz3zv] { color: var(--color-primary-light); font-size: .64rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.app-pricing-icon[b-hmdp1mz3zv] { display: grid; width: 2.65rem; height: 2.65rem; flex: 0 0 auto; place-items: center; overflow: hidden; border-radius: .8rem; background: color-mix(in srgb, var(--color-primary) 15%, transparent); color: var(--color-primary-light); }
.app-pricing-icon img[b-hmdp1mz3zv] { width: 100%; height: 100%; object-fit: cover; }
.app-pricing-header-actions[b-hmdp1mz3zv] { flex-wrap: wrap; justify-content: flex-end; gap: .55rem; }

.pricing-readiness[b-hmdp1mz3zv],
.app-pricing-offer-name span[b-hmdp1mz3zv] {
    display: inline-flex;
    align-items: center;
    padding: .25rem .48rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-border) 60%, transparent);
    color: var(--color-text-secondary);
    font-size: .66rem;
    font-weight: 750;
}

.readiness-ready .pricing-readiness[b-hmdp1mz3zv] { background: color-mix(in srgb, var(--color-success) 15%, transparent); color: var(--color-success-light); }
.readiness-incomplete .pricing-readiness[b-hmdp1mz3zv] { background: color-mix(in srgb, #f59e0b 15%, transparent); color: #f59e0b; }

.app-pricing-message[b-hmdp1mz3zv] { margin: .8rem 1rem 0; }

.app-pricing-profile[b-hmdp1mz3zv] {
    display: grid;
    grid-template-columns: minmax(12rem, 1fr) minmax(8rem, .45fr) minmax(15rem, 1fr) auto;
    align-items: end;
    gap: .75rem;
    padding: .9rem 1.2rem;
    background: color-mix(in srgb, var(--color-bg-elevated) 55%, transparent);
}

.app-pricing-profile label[b-hmdp1mz3zv] { display: grid; gap: .25rem; min-width: 0; }
.app-pricing-profile label > span[b-hmdp1mz3zv] { color: var(--color-text-subtle); font-size: .64rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.app-pricing-profile select[b-hmdp1mz3zv],
.app-pricing-profile input[b-hmdp1mz3zv] { width: 100%; min-width: 0; padding: .5rem .6rem; border: 1px solid var(--border-color-light); border-radius: .55rem; background: var(--color-bg-elevated); color: var(--color-text-primary); }
.app-pricing-profile select:disabled[b-hmdp1mz3zv],
.app-pricing-profile input:disabled[b-hmdp1mz3zv] { opacity: .75; }
.app-pricing-profile .app-pricing-forecast-toggle[b-hmdp1mz3zv] { align-self: stretch; }
.app-pricing-toggle-control[b-hmdp1mz3zv] { display: flex; align-items: center; gap: .55rem; min-height: 40px; padding: .5rem .65rem; border: 1px solid var(--border-color-light); border-radius: .55rem; background: var(--color-bg-elevated); }
.app-pricing-profile .app-pricing-toggle-control input[b-hmdp1mz3zv] { width: auto; margin: 0; accent-color: var(--color-primary); }
.app-pricing-toggle-control strong[b-hmdp1mz3zv] { color: var(--color-text-primary); font-size: .72rem; font-weight: 700; }
.app-pricing-profile-actions[b-hmdp1mz3zv] { flex-wrap: wrap; justify-content: flex-end; gap: .45rem; }

.app-pricing-empty[b-hmdp1mz3zv],
.app-pricing-loading[b-hmdp1mz3zv] { gap: .75rem; min-height: 5rem; padding: 1.2rem; color: var(--color-text-secondary); }
.app-pricing-empty i[b-hmdp1mz3zv] { color: var(--color-primary-light); }
.app-pricing-empty div[b-hmdp1mz3zv] { display: grid; gap: .15rem; }
.app-pricing-empty strong[b-hmdp1mz3zv] { color: var(--color-text-primary); }
.app-pricing-empty span[b-hmdp1mz3zv] { font-size: .76rem; }

.app-pricing-offers[b-hmdp1mz3zv] { display: grid; }
.app-pricing-offer[b-hmdp1mz3zv] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: .9rem;
    padding: .95rem 1.2rem;
    border-top: 1px solid var(--border-color);
}
.app-pricing-offer:first-child[b-hmdp1mz3zv] { border-top: 0; }
.app-pricing-offer.inactive[b-hmdp1mz3zv] { opacity: .6; }
.app-pricing-offer-main[b-hmdp1mz3zv] { gap: .7rem; min-width: 0; }
.app-pricing-offer-type[b-hmdp1mz3zv] { display: grid; width: 2.2rem; height: 2.2rem; flex: 0 0 auto; place-items: center; border-radius: .65rem; background: #6366f1; color: #fff; }
.app-pricing-offer-type.subscription[b-hmdp1mz3zv] { background: #0ea5e9; }
.app-pricing-offer-copy[b-hmdp1mz3zv] { min-width: 0; }
.app-pricing-offer-name[b-hmdp1mz3zv] { flex-wrap: wrap; gap: .35rem; }
.app-pricing-offer-name strong[b-hmdp1mz3zv] { color: var(--color-text-primary); }
.app-pricing-offer-name span[b-hmdp1mz3zv] { padding: .17rem .38rem; }
.app-pricing-offer-name span.warning[b-hmdp1mz3zv] { background: color-mix(in srgb, #f59e0b 15%, transparent); color: #f59e0b; }
.app-pricing-offer-name span.estimated[b-hmdp1mz3zv] { gap: .3rem; background: color-mix(in srgb, #8b5cf6 17%, transparent); color: #a78bfa; }
.app-pricing-offer-copy small[b-hmdp1mz3zv] { display: block; overflow: hidden; margin-top: .2rem; color: var(--color-text-secondary); font-size: .7rem; text-overflow: ellipsis; white-space: nowrap; }
.app-pricing-price[b-hmdp1mz3zv] { min-width: 8rem; text-align: right; }
.app-pricing-price strong[b-hmdp1mz3zv],
.app-pricing-price small[b-hmdp1mz3zv] { display: block; }
.app-pricing-price strong[b-hmdp1mz3zv] { color: var(--color-text-primary); }
.app-pricing-price small[b-hmdp1mz3zv] { color: var(--color-text-secondary); font-size: .68rem; }
.app-pricing-offer-actions[b-hmdp1mz3zv] { gap: .35rem; }
.app-pricing-offer-actions button[b-hmdp1mz3zv] { display: grid; width: 2rem; height: 2rem; place-items: center; border: 1px solid var(--border-color-light); border-radius: .5rem; background: transparent; color: var(--color-primary-light); }
.app-pricing-offer-actions button.danger[b-hmdp1mz3zv] { color: #ef4444; }

.app-pricing-history[b-hmdp1mz3zv] { grid-column: 1 / -1; }
.app-pricing-history summary[b-hmdp1mz3zv] { display: inline-flex; align-items: center; gap: .4rem; cursor: pointer; color: var(--color-text-secondary); font-size: .7rem; font-weight: 700; }
.app-pricing-history-table-wrap[b-hmdp1mz3zv] { margin-top: .65rem; overflow-x: auto; border: 1px solid var(--border-color); border-radius: .6rem; }
.app-pricing-history table[b-hmdp1mz3zv] { width: 100%; border-collapse: collapse; font-size: .7rem; }
.app-pricing-history th[b-hmdp1mz3zv],
.app-pricing-history td[b-hmdp1mz3zv] { padding: .5rem .6rem; border-bottom: 1px solid var(--border-color); text-align: right; white-space: nowrap; }
.app-pricing-history th:first-child[b-hmdp1mz3zv],
.app-pricing-history td:first-child[b-hmdp1mz3zv] { text-align: left; }
.app-pricing-history tbody tr:last-child td[b-hmdp1mz3zv] { border-bottom: 0; }
.app-pricing-history th[b-hmdp1mz3zv] { color: var(--color-text-subtle); font-size: .62rem; letter-spacing: .04em; text-transform: uppercase; }

.app-pricing-offer-dialog[b-hmdp1mz3zv] {
    width: min(58rem, calc(100vw - 2rem));
    max-width: 58rem;
    padding: 0;
    container-type: inline-size;
}

.app-pricing-offer-modal[b-hmdp1mz3zv] {
    display: grid;
    max-height: calc(100vh - 2rem);
    grid-template-rows: auto minmax(0, 1fr) auto;
}

.app-pricing-offer-header[b-hmdp1mz3zv] {
    align-items: flex-start;
    gap: 1rem;
    padding: 1.25rem 1.5rem 1.15rem;
}

.app-pricing-offer-header > div[b-hmdp1mz3zv] { min-width: 0; }
.app-pricing-offer-header .modal-title[b-hmdp1mz3zv] { margin-top: .22rem; font-size: 1.2rem; }
.app-pricing-offer-header p[b-hmdp1mz3zv] { margin: .3rem 0 0; color: var(--color-text-secondary); font-size: .76rem; line-height: 1.45; }
.app-pricing-form-kicker[b-hmdp1mz3zv] { color: var(--color-primary-light); font-size: .62rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }

.app-pricing-offer-body[b-hmdp1mz3zv] {
    overflow-y: auto;
    padding: 1.35rem 1.5rem 1.5rem;
}

.app-pricing-form-section + .app-pricing-form-section[b-hmdp1mz3zv] {
    margin-top: 1.4rem;
    padding-top: 1.35rem;
    border-top: 1px solid var(--border-color);
}

.app-pricing-form-section-heading[b-hmdp1mz3zv] {
    display: flex;
    align-items: center;
    gap: .7rem;
    margin-bottom: 1rem;
}

.app-pricing-form-section-icon[b-hmdp1mz3zv] {
    display: grid;
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: .6rem;
    background: color-mix(in srgb, var(--color-primary) 14%, transparent);
    color: var(--color-primary-light);
    font-size: .76rem;
}

.app-pricing-form-section-icon.forecast[b-hmdp1mz3zv] {
    background: color-mix(in srgb, var(--color-success) 13%, transparent);
    color: var(--color-success-light);
}

.app-pricing-form-section h4[b-hmdp1mz3zv] { margin: 0; color: var(--color-text-primary); font-size: .88rem; }
.app-pricing-form-section-heading p[b-hmdp1mz3zv] { margin: .15rem 0 0; color: var(--color-text-secondary); font-size: .7rem; }

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

.app-pricing-form-field[b-hmdp1mz3zv] {
    display: grid;
    min-width: 0;
    align-content: start;
    gap: .4rem;
}

.app-pricing-form-field > span:first-child[b-hmdp1mz3zv] {
    color: var(--color-text-secondary);
    font-size: .7rem;
    font-weight: 750;
    line-height: 1.25;
}

.app-pricing-form-field em[b-hmdp1mz3zv] {
    margin-left: .25rem;
    color: var(--color-text-subtle);
    font-size: .62rem;
    font-style: normal;
    font-weight: 650;
}

.app-pricing-form-field .form-control[b-hmdp1mz3zv],
.app-pricing-form-field .form-select[b-hmdp1mz3zv] {
    width: 100%;
    min-width: 0;
    min-height: 2.5rem;
}

.field-name[b-hmdp1mz3zv] { grid-column: span 5; }
.field-model[b-hmdp1mz3zv] { grid-column: span 3; }
.field-interval[b-hmdp1mz3zv] { grid-column: span 4; }
.field-platform[b-hmdp1mz3zv] { grid-column: span 3; }
.field-store[b-hmdp1mz3zv] { grid-column: span 3; }
.field-product-id[b-hmdp1mz3zv] { grid-column: span 6; }
.field-price[b-hmdp1mz3zv] { grid-column: span 3; }
.field-currency[b-hmdp1mz3zv] { grid-column: span 2; }
.field-effective-from[b-hmdp1mz3zv] { grid-column: span 3; }
.field-commission[b-hmdp1mz3zv] { grid-column: span 4; }
.field-proceeds[b-hmdp1mz3zv] { grid-column: span 4; }
.field-tax[b-hmdp1mz3zv] { grid-column: span 2; }
.field-exchange-rate[b-hmdp1mz3zv] { grid-column: span 3; }
.field-refund-rate[b-hmdp1mz3zv] { grid-column: span 3; }

.app-pricing-currency-input[b-hmdp1mz3zv] { text-transform: uppercase; }

.app-pricing-input-with-suffix[b-hmdp1mz3zv] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
}

.app-pricing-input-with-suffix .form-control[b-hmdp1mz3zv] {
    border-radius: var(--radius-md) 0 0 var(--radius-md);
}

.app-pricing-input-with-suffix > span[b-hmdp1mz3zv] {
    display: flex;
    min-width: 2.8rem;
    align-items: center;
    justify-content: center;
    padding: 0 .7rem;
    border: 1px solid var(--border-color-light);
    border-left: 0;
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
    background: color-mix(in srgb, var(--color-bg-surface) 72%, transparent);
    color: var(--color-text-secondary);
    font-size: .68rem;
    font-weight: 750;
}

.app-pricing-input-with-suffix:focus-within > span[b-hmdp1mz3zv] {
    border-color: var(--color-primary);
    color: var(--color-primary-light);
}

.app-pricing-form-flags[b-hmdp1mz3zv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    margin-top: 1rem;
}

.app-pricing-form-flag[b-hmdp1mz3zv] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    gap: .65rem;
    padding: .8rem .9rem;
    cursor: pointer;
    border: 1px solid var(--border-color-light);
    border-radius: .7rem;
    background: color-mix(in srgb, var(--color-bg-elevated) 78%, transparent);
    transition: border-color var(--transition-fast), background var(--transition-fast);
}

.app-pricing-form-flag:hover[b-hmdp1mz3zv],
.app-pricing-form-flag:focus-within[b-hmdp1mz3zv] {
    border-color: color-mix(in srgb, var(--color-primary) 58%, var(--border-color-light));
    background: color-mix(in srgb, var(--color-primary) 7%, var(--color-bg-elevated));
}

.app-pricing-form-flag .form-check-input[b-hmdp1mz3zv] {
    width: 1rem;
    height: 1rem;
    flex: 0 0 auto;
    margin: .12rem 0 0;
}

.app-pricing-form-flag > span[b-hmdp1mz3zv] { display: grid; min-width: 0; gap: .14rem; }
.app-pricing-form-flag strong[b-hmdp1mz3zv] { color: var(--color-text-primary); font-size: .72rem; }
.app-pricing-form-flag small[b-hmdp1mz3zv] { color: var(--color-text-secondary); font-size: .66rem; line-height: 1.4; }

.app-pricing-offer-modal .modal-footer[b-hmdp1mz3zv] { flex-wrap: wrap; padding: 1rem 1.5rem; }
.app-pricing-offer-modal .modal-footer .btn[b-hmdp1mz3zv] { min-height: 2.45rem; }

@container (max-width: 44rem) {
    .app-pricing-form-grid[b-hmdp1mz3zv] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .app-pricing-form-field[b-hmdp1mz3zv] { grid-column: span 1; }
    .field-name[b-hmdp1mz3zv],
    .field-product-id[b-hmdp1mz3zv],
    .field-proceeds[b-hmdp1mz3zv] { grid-column: 1 / -1; }
}

@container (max-width: 30rem) {
    .app-pricing-form-grid[b-hmdp1mz3zv],
    .app-pricing-form-flags[b-hmdp1mz3zv] { grid-template-columns: 1fr; }
    .app-pricing-form-field[b-hmdp1mz3zv],
    .field-name[b-hmdp1mz3zv],
    .field-product-id[b-hmdp1mz3zv],
    .field-proceeds[b-hmdp1mz3zv] { grid-column: 1; }
}

@media (max-width: 800px) {
    .app-pricing-header[b-hmdp1mz3zv] { align-items: flex-start; }
    .app-pricing-profile[b-hmdp1mz3zv] { grid-template-columns: 1fr; }
    .app-pricing-profile-actions[b-hmdp1mz3zv] { justify-content: flex-start; }
    .app-pricing-offer[b-hmdp1mz3zv] { grid-template-columns: minmax(0, 1fr) auto; }
    .app-pricing-price[b-hmdp1mz3zv] { grid-column: 1; text-align: left; }
    .app-pricing-offer-actions[b-hmdp1mz3zv] { grid-column: 2; grid-row: 1 / span 2; }
}

@media (max-width: 560px) {
    .app-pricing-header[b-hmdp1mz3zv] { flex-direction: column; }
    .app-pricing-header-actions[b-hmdp1mz3zv] { justify-content: flex-start; }
    .app-pricing-offer[b-hmdp1mz3zv] { grid-template-columns: 1fr; }
    .app-pricing-offer-actions[b-hmdp1mz3zv] { grid-column: 1; grid-row: auto; }
    .app-pricing-offer-dialog[b-hmdp1mz3zv] { width: calc(100vw - 1rem); }
    .app-pricing-offer-header[b-hmdp1mz3zv],
    .app-pricing-offer-body[b-hmdp1mz3zv] { padding-inline: 1rem; }
    .app-pricing-offer-modal .modal-footer[b-hmdp1mz3zv] { padding: .85rem 1rem; }
    .app-pricing-offer-modal .modal-footer .btn[b-hmdp1mz3zv] { flex: 1 1 auto; }
}
/* /Components/Shared/OverviewChartControls.razor.rz.scp.css */
.chart-controls[b-e1p6eav7vn] { padding:16px 18px; margin:0 0 14px; background:var(--color-bg-card); border:1px solid var(--color-border); border-radius:var(--radius-lg); }
.chart-controls-heading[b-e1p6eav7vn] { display:flex; align-items:center; gap:8px; margin-bottom:12px; font-size:12px; }
.chart-controls-heading i[b-e1p6eav7vn] { color:var(--chart-color-1,var(--color-primary)); }
.chart-controls-heading span[b-e1p6eav7vn] { color:var(--color-text-muted); font-size:11px; margin-left:auto; }
.chart-controls-fields[b-e1p6eav7vn] { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:12px; }
label[b-e1p6eav7vn] { display:grid; gap:5px; min-width:0; font-size:10px; color:var(--color-text-muted); }
select[b-e1p6eav7vn] { width:100%; min-width:0; min-height:40px; padding:8px 10px; border:1px solid var(--color-border); border-radius:8px; background:var(--color-bg-body); color:var(--color-text-primary); font:inherit; font-size:12px; }
select:focus-visible[b-e1p6eav7vn] { outline:2px solid var(--color-primary); outline-offset:2px; }
p[b-e1p6eav7vn] { margin:10px 0 0; color:var(--color-text-secondary); font-size:11px; line-height:1.6; }
@media(max-width:600px) { .chart-controls-fields[b-e1p6eav7vn] { grid-template-columns:1fr 1fr; }.chart-controls-fields label:first-child[b-e1p6eav7vn] { grid-column:1/-1; }.chart-controls-heading span[b-e1p6eav7vn] { display:none; } }