.support-workspace {
    min-width:0;
}

.support-scope {
    display:flex;
    flex-wrap:wrap;
    gap:.75rem;
    align-items:center;
    color:var(--v2-text-dim);
    font-size:.85rem;
    padding:.75rem 0;
    border-bottom:1px solid var(--v2-border);
    margin-bottom:1.4rem;
}

.support-split {
    display:grid;
    grid-template-columns:minmax(230px,.75fr) minmax(0,2fr);
    gap:1.75rem;
    align-items:start;
}

.support-master {
    min-width:0;
    position:sticky;
    top:1rem;
}

.support-detail {
    min-width:0;
    border-left:1px solid var(--v2-border);
    padding-left:1.75rem;
}

.support-detail:focus {
    outline:2px solid var(--v2-accent);
    outline-offset:5px;
}

.support-choice {
    display:flex;
    flex-direction:column;
    gap:.35rem;
    padding:1rem;
    width:100%;
    text-align:left;
    color:var(--v2-text);
    background:transparent;
    border:0;
    border-bottom:1px solid var(--v2-border);
    cursor:pointer;
}

.support-choice[aria-pressed=true] {
    background:var(--v2-surface-2);
    box-shadow:inset 3px 0 var(--v2-accent);
}

.support-choice:hover {
    background:var(--v2-surface-2);
}

.support-choice small {
    color:var(--v2-text-dim);
}

.support-state {
    padding:clamp(1.3rem,4vw,3rem) 0;
    max-width:48rem;
}

.support-state h2 {
    font-size:clamp(1.25rem,2vw,1.8rem);
    margin:.7rem 0;
}

.support-state p {
    max-width:65ch;
    color:var(--v2-text-dim);
    line-height:1.65;
}

.support-state-detail {
    margin:1rem 0;
    overflow-wrap:anywhere;
}

.support-state progress {
    width:min(20rem,100%);
    accent-color:var(--v2-accent);
}

.support-steps {
    counter-reset:steps;
    list-style:none;
    padding:0;
    display:grid;
    gap:1.5rem;
}

.support-steps>li {
    counter-increment:steps;
    display:grid;
    grid-template-columns:2.4rem minmax(0,1fr);
    gap:1rem;
    padding:1.25rem 0;
    border-top:1px solid var(--v2-border);
}

.support-steps>li:before {
    content:counter(steps,decimal-leading-zero);
    color:var(--v2-accent);
    font-weight:600;
}

.support-steps h2,.support-steps h3 {
    font-size:1.15rem;
}

.support-steps p {
    color:var(--v2-text-dim);
    max-width:70ch;
}

.support-outcome {
    font-size:.85rem;
    line-height:1.5;
    color:var(--v2-text-dim);
}

.support-toolbar {
    display:flex;
    gap:.65rem;
    flex-wrap:wrap;
    align-items:end;
    margin:1rem 0;
}

.support-toolbar label {
    display:flex;
    flex-direction:column;
    gap:.3rem;
    font-size:.85rem;
}

.support-toolbar input,.support-toolbar select,.support-field {
    background:var(--v2-surface);
    color:var(--v2-text);
    border:1px solid var(--v2-border);
    border-radius:6px;
    padding:.6rem;
    max-width:100%;
}

.support-table-wrap {
    overflow:auto;
}

.support-matrix {
    width:100%;
    border-collapse:collapse;
    font-size:.84rem;
}

.support-matrix th,.support-matrix td {
    padding:.85rem;
    text-align:left;
    border-bottom:1px solid var(--v2-border);
    white-space:nowrap;
}

.support-matrix th {
    color:var(--v2-text-dim);
    font-weight:500;
}

.support-matrix td:first-child {
    white-space:normal;
    min-width:200px;
}

.support-link {
    border:0;
    background:transparent;
    text-align:left;
    padding:0;
    color:var(--v2-accent);
    text-decoration:underline;
    text-underline-offset:3px;
    cursor:pointer;
}

.support-inspector {
    padding:1.5rem 0;
    border-top:1px solid var(--v2-border);
    margin-top:1.5rem;
    min-width:0;
    overflow-wrap:anywhere;
}

.support-inspector dl {
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:.6rem 1.5rem;
}

.support-inspector dt {
    color:var(--v2-text-dim);
    font-weight:400;
}

.support-inspector pre {
    max-height:28rem;
    overflow:auto;
    white-space:pre-wrap;
}

.support-interventions {
    border-bottom:1px solid var(--v2-border);
    padding:.8rem 0;
    margin-bottom:1.5rem;
}

.support-interventions summary {
    cursor:pointer;
    font-weight:600;
}

.support-interventions p {
    color:var(--v2-text-dim);
    margin:.7rem 0;
}

.support-editor-grid {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:1.5rem;
}

.support-preview {
    width:100%;
    min-height:24rem;
    border:1px solid var(--v2-border);
    border-radius:8px;
    background:var(--v2-surface);
}

.support-editor-grid textarea {
    width:100%;
    min-height:18rem;
    resize:vertical;
    font-family:inherit;
}

.support-editor-grid label {
    display:block;
    margin:.75rem 0 .4rem;
}

.support-context-title {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    flex-wrap:wrap;
}

.support-context-title h2 {
    margin:0;
}

.support-org-detail .card {
    box-shadow:none;
    border-color:var(--v2-border);
    background:var(--v2-surface);
    color:var(--v2-text);
}

.support-org-detail .card-actions {
    display:flex;
    gap:.5rem;
    flex-wrap:wrap;
}

.support-org-detail .btn-primary {
    background:transparent;
    color:var(--v2-text);
    border-color:var(--v2-border);
}

.support-org-detail .card-title {
    font-size:1.1rem;
}

.support-org-detail .table {
    color:var(--v2-text);
}

.support-org-detail .card-body {
    overflow-x:auto;
}

.support-org-detail summary {
    padding:1rem 0;
    cursor:pointer;
    font-weight:600;
}

.support-secret {
    display:flex;
    gap:.5rem;
    flex-wrap:wrap;
}

.support-secret input {
    flex:1;
    min-width:180px;
}

.support-operations {
    margin-bottom:1.5rem;
}

button:focus-visible,a:focus-visible,summary:focus-visible {
    outline:2px solid var(--v2-accent);
    outline-offset:3px;
}

@media(min-width:1200px) {
    .support-log-console {
        display:grid;
        grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);
        gap:1.5rem;
        align-items:start;
    }

    .support-log-console>.support-inspector {
        position:sticky;
        top:1rem;
        margin-top:0;
    }

}

@media(max-width:900px) {
    .support-split,.support-editor-grid {
        grid-template-columns:minmax(0,1fr);
    }

    .support-master {
        position:static;
    }

    .support-detail {
        border-left:0;
        border-top:1px solid var(--v2-border);
        padding:1.5rem 0 0;
    }

    .support-split .support-master {
        max-height:28rem;
        overflow:auto;
    }

    .support-inspector dl {
        grid-template-columns:1fr;
        gap:.25rem;
    }

    .support-inspector dd {
        margin-bottom:.65rem;
    }

    .support-preview {
        min-height:20rem;
    }

}

.support-operations .v2-elmah-filters-header {
    background:transparent;
    color:inherit;
    border:0;
    width:100%;
    text-align:left;
}

.support-workspace .v2-elmah-filters-header {
    width:100%;
    text-align:left;
    background:transparent;
    color:inherit;
    border:0;
}

.support-preview {
    pointer-events:none;
}

.cfg-nav button[aria-pressed=true] {
    color:var(--v2-accent);
    border-bottom:2px solid var(--v2-accent);
}

.support-org-detail .card,.support-org-detail .card-header {
    background:var(--v2-surface)!important;
    border-color:var(--v2-border)!important;
    color:var(--v2-text);
}

.support-org-detail .card {
    border-radius:8px;
    box-shadow:none;
    margin:1rem 0;
}

.support-org-detail .card-header {
    padding:1rem 1.25rem;
}

.support-org-detail .card-body {
    padding:1.25rem;
}

.support-org-detail .form-label,.support-org-detail label {
    display:block;
    color:var(--v2-text-dim);
    font-size:.8rem;
    font-weight:500;
    margin-bottom:.35rem;
}

.support-org-detail .form-group {
    margin-bottom:1rem;
}

.support-org-actions summary {
    font-size:.85rem;
    padding:.3rem;
}

.support-org-actions .cfg-actions {
    margin:.75rem 0;
}

.support-workspace h2 {
    font-size:clamp(1.3rem,2vw,1.8rem);
}

.support-workspace .v2-mc-panel {
    max-width:45rem;
}

.support-workspace fieldset {
    min-width:0;
}

.support-workspace .v2-elmah-meta-row {
    grid-template-columns:repeat(2,minmax(0,1fr));
}
