/* /Components/Dialogs/ChangesetUploadDialog.razor.rz.scp.css */
.upload-form[b-79pyrymv0z] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
}

    .upload-form label[b-79pyrymv0z] {
        font-size: 12px;
        font-weight: 600;
        color: var(--color-text-muted);
        text-transform: uppercase;
        letter-spacing: 0.04em;
        margin-bottom: 2px;
        display: block;
    }

    .upload-form input[b-79pyrymv0z],
    .upload-form textarea[b-79pyrymv0z] {
        width: 100%;
        padding: 6px 8px;
        border: 1px solid var(--color-border);
        border-radius: var(--radius);
        font-size: 13px;
    }

.upload-summary[b-79pyrymv0z] {
    font-size: 13px;
    color: var(--color-text-muted);
    padding: 4px 0;
}

.upload-progress[b-79pyrymv0z] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 16px;
}

.upload-spinner[b-79pyrymv0z] {
    font-size: 24px;
    animation: spin 1s linear infinite;
}

.upload-done[b-79pyrymv0z] {
    color: #2a7a2a;
    font-weight: 600;
    padding: 16px;
}

.upload-error[b-79pyrymv0z] {
    color: var(--color-danger);
    font-size: 13px;
    background: #ffeae8;
    padding: 8px 12px;
    border-radius: var(--radius);
    border-left: 3px solid var(--color-danger);
}
/* /Components/Dialogs/ConflictResolutionDialog.razor.rz.scp.css */
.conflict-dialog[b-57er3qrff6] {
    width: 640px;
}

.conflict-intro[b-57er3qrff6] {
    font-size: 13px;
    margin-bottom: 12px;
}

.conflict-item[b-57er3qrff6] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    overflow: hidden;
    margin-bottom: 12px;
}

.conflict-element-id[b-57er3qrff6] {
    padding: 6px 10px;
    background: var(--color-surface);
    font-size: 12px;
    font-weight: 600;
    font-family: monospace;
    border-bottom: 1px solid var(--color-border);
}

.conflict-columns[b-57er3qrff6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.conflict-col[b-57er3qrff6] {
    padding: 8px;
}

    .conflict-col + .conflict-col[b-57er3qrff6] {
        border-left: 1px solid var(--color-border);
    }

.conflict-col-header[b-57er3qrff6] {
    font-size: 11px;
    font-weight: 600;
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 6px;
}

.conflict-tag[b-57er3qrff6] {
    font-size: 12px;
    font-family: monospace;
    padding: 2px 4px;
    border-radius: 2px;
}

    .conflict-tag.conflict-added[b-57er3qrff6] {
        background: #e6f4ea;
        color: #1a5c1a;
    }

    .conflict-tag.conflict-removed[b-57er3qrff6] {
        background: #fce8e6;
        color: #8b1c16;
        text-decoration: line-through;
    }

    .conflict-tag.conflict-changed[b-57er3qrff6] {
        background: #fef3c7;
        color: #7c4700;
    }

.conflict-actions[b-57er3qrff6] {
    display: flex;
    gap: 6px;
    padding: 6px 8px;
    border-top: 1px solid var(--color-border);
    background: var(--color-surface);
}
/* /Components/Dialogs/GridifyDialog.razor.rz.scp.css */
.gridify-panel[b-y56gg50nv4] {
    position: fixed;
    top: calc(var(--toolbar-height) + 8px);
    left: 8px;
    width: 240px;
    background: var(--color-bg);
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    box-shadow: var(--shadow-panel);
    z-index: 900;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.gridify-panel--hidden[b-y56gg50nv4] {
    display: none;
}

.gridify-header[b-y56gg50nv4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 10px 8px 12px;
    border-bottom: 1px solid var(--color-border);
    background: var(--color-surface);
    font-size: 12px;
    font-weight: 600;
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    flex-shrink: 0;
    cursor: move;
    user-select: none;
}

.gridify-no-selection[b-y56gg50nv4] {
    padding: 12px;
    font-size: 13px;
    color: var(--color-text-muted);
}

.gridify-form[b-y56gg50nv4] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
}

    .gridify-form label[b-y56gg50nv4] {
        display: flex;
        flex-direction: column;
        gap: 3px;
        font-size: 11px;
        font-weight: 600;
        color: var(--color-text-muted);
        text-transform: uppercase;
        letter-spacing: 0.04em;
    }

    .gridify-form input[b-y56gg50nv4] {
        padding: 5px 8px;
        border: 1px solid var(--color-border);
        border-radius: var(--radius);
        font-size: 13px;
        width: 100%;
    }

        .gridify-form input:focus[b-y56gg50nv4] {
            outline: none;
            border-color: var(--color-primary);
        }

.gridify-actions[b-y56gg50nv4] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 10px 12px;
    border-top: 1px solid var(--color-border);
    flex-shrink: 0;
}
/* /Components/Dialogs/SwitchAccountDialog.razor.rz.scp.css */
.btn:disabled[b-k2inzgvl67] {
    opacity: 0.4;
    cursor: not-allowed;
}
/* /Components/Dialogs/SwitchEndpointDialog.razor.rz.scp.css */
.btn:disabled[b-bnyvpappdt] {
    opacity: 0.4;
    cursor: not-allowed;
}
/* /Components/Panels/BackgroundPanel.razor.rz.scp.css */
.background-search-row[b-qs3y4gomvt] {
    padding: 6px 12px;
    border-bottom: 1px solid var(--color-border);
}

.background-search-input[b-qs3y4gomvt] {
    width: 100%;
    padding: 5px 8px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    font-size: 13px;
    background: var(--color-bg);
}

.background-list[b-qs3y4gomvt] {
    padding: 0;
}

.background-loading[b-qs3y4gomvt],
.background-empty[b-qs3y4gomvt] {
    padding: 16px 12px;
    color: var(--color-text-muted);
    font-size: 13px;
    text-align: center;
}

.background-option[b-qs3y4gomvt] {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    padding: 7px 12px;
    background: none;
    border: none;
    border-bottom: 1px solid #f0f0f0;
    text-align: left;
    font-size: 13px;
    cursor: pointer;
    color: var(--color-text);
}

    .background-option:hover[b-qs3y4gomvt] {
        background: var(--color-surface);
    }

    .background-option.background-option-active[b-qs3y4gomvt] {
        background: #e8f0fe;
        color: var(--color-primary);
        font-weight: 600;
    }

.background-best[b-qs3y4gomvt] {
    color: #e6a800;
    font-size: 11px;
    flex-shrink: 0;
}

.background-option-name[b-qs3y4gomvt] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.background-custom-form[b-qs3y4gomvt] {
    display: flex;
    gap: 6px;
    padding: 6px 12px 8px;
    border-bottom: 1px solid #f0f0f0;
    background: var(--color-surface);
}

.background-custom-input[b-qs3y4gomvt] {
    flex: 1;
    padding: 4px 7px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    font-size: 12px;
    font-family: monospace;
    min-width: 0;
}

    .background-custom-input:focus[b-qs3y4gomvt] {
        outline: none;
        border-color: var(--color-primary);
    }

.background-custom-apply[b-qs3y4gomvt] {
    padding: 4px 10px;
    background: var(--color-primary);
    color: #fff;
    border: none;
    border-radius: var(--radius);
    font-size: 12px;
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 0;
}

    .background-custom-apply:disabled[b-qs3y4gomvt] {
        opacity: 0.4;
        cursor: default;
    }
/* /Components/Panels/InspectorPanel.razor.rz.scp.css */
.inspector-panel[b-81vwmumco2] {
    position: fixed;
    top: calc(var(--toolbar-height) + 8px);
    right: 8px;
    width: var(--panel-width);
    height: auto;
    min-width: 260px;
    min-height: 140px;
    max-width: min(600px, calc(100vw - 16px));
    max-height: calc(100vh - var(--toolbar-height) - 16px);
    display: flex;
    flex-direction: column;
    background: var(--color-bg);
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    box-shadow: var(--shadow-panel);
    z-index: 900;
    overflow: hidden;
    resize: both;
}

.inspector-panel-hidden[b-81vwmumco2] {
    display: none;
}

/* Pinned panels spawn on the left side so they don't overlap the active panel. */
.inspector-panel--pinned[b-81vwmumco2] {
    right: auto;
    left: 8px;
    border-color: #c8a028;
    box-shadow: 0 2px 8px rgba(200, 160, 40, 0.25);
}

.inspector-header[b-81vwmumco2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 10px 8px 12px;
    border-bottom: 1px solid var(--color-border);
    background: var(--color-surface);
    flex-shrink: 0;
    cursor: move;
    user-select: none;
}

.inspector-header-actions[b-81vwmumco2] {
    display: flex;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
}

.inspector-pin-icon[b-81vwmumco2] {
    font-size: 12px;
    margin-right: 4px;
    opacity: 0.7;
}

.inspector-pin-btn[b-81vwmumco2] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 13px;
    line-height: 1;
    padding: 0 3px;
    color: var(--color-text-muted);
    opacity: 0.6;
    transition: opacity 0.1s;
}

    .inspector-pin-btn:hover[b-81vwmumco2] {
        opacity: 1;
    }

.inspector-title[b-81vwmumco2] {
    font-size: 12px;
    font-weight: 600;
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.inspector-close[b-81vwmumco2] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    color: var(--color-text-muted);
    padding: 0 2px;
}

    .inspector-close:hover[b-81vwmumco2] {
        color: var(--color-danger);
    }

.inspector-preset-row[b-81vwmumco2] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 12px;
    border-bottom: 1px solid var(--color-border);
    flex-shrink: 0;
}

.inspector-preset-name[b-81vwmumco2] {
    flex: 1;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.inspector-change-preset[b-81vwmumco2] {
    background: none;
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    padding: 2px 8px;
    font-size: 11px;
    color: var(--color-text-muted);
    cursor: pointer;
    flex-shrink: 0;
}

    .inspector-change-preset:hover[b-81vwmumco2] {
        border-color: var(--color-primary);
        color: var(--color-primary);
    }

.inspector-cancel-search[b-81vwmumco2] {
    background: none;
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    padding: 2px 8px;
    font-size: 11px;
    color: var(--color-text-muted);
    cursor: pointer;
    flex-shrink: 0;
    line-height: 1;
}

    .inspector-cancel-search:hover[b-81vwmumco2] {
        border-color: var(--color-danger);
        color: var(--color-danger);
    }

.inspector-search-input[b-81vwmumco2] {
    flex: 1;
    padding: 5px 8px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    font-size: 13px;
}

    .inspector-search-input:focus[b-81vwmumco2] {
        outline: none;
        border-color: var(--color-primary);
    }

.inspector-preset-results[b-81vwmumco2] {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    max-height: 180px;
    border-bottom: 1px solid var(--color-border);
    flex-shrink: 0;
}

.inspector-preset-result[b-81vwmumco2] {
    padding: 7px 12px;
    cursor: pointer;
    font-size: 13px;
    border-bottom: 1px solid #f0f0f0;
}

    .inspector-preset-result:hover[b-81vwmumco2] {
        background: var(--color-surface);
    }

.inspector-preset-result-name[b-81vwmumco2] {
    flex: 1;
}

.inspector-preset-fields[b-81vwmumco2] {
    overflow-y: auto;
    flex: 1;
    min-height: 0;
}

.inspector-section-divider[b-81vwmumco2] {
    height: 1px;
    background: var(--color-border);
    flex-shrink: 0;
}

.inspector-tags-section[b-81vwmumco2] {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    overflow-y: auto;
}

.inspector-section-header[b-81vwmumco2] {
    padding: 6px 12px 3px;
    font-size: 11px;
    font-weight: 600;
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    flex-shrink: 0;
}

.inspector-preset-result-divider[b-81vwmumco2] {
    padding: 4px 12px;
    font-size: 10px;
    font-weight: 600;
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    background: var(--color-surface);
    border-bottom: 1px solid var(--color-border);
}

.inspector-preset-result--nsi[b-81vwmumco2] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.inspector-preset-result-tag[b-81vwmumco2] {
    font-size: 11px;
    color: var(--color-text-muted);
    flex-shrink: 0;
}

.inspector-brand-warning[b-81vwmumco2] {
    padding: 6px 12px;
    font-size: 12px;
    color: #a06000;
    background: #fff8e6;
    border-bottom: 1px solid #f0d070;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .inspector-brand-warning span[b-81vwmumco2] {
        flex: 1;
    }

.inspector-brand-apply[b-81vwmumco2] {
    background: none;
    border: 1px solid #c89020;
    border-radius: var(--radius);
    padding: 2px 8px;
    font-size: 11px;
    color: #a06000;
    cursor: pointer;
    flex-shrink: 0;
    white-space: nowrap;
}

    .inspector-brand-apply:hover[b-81vwmumco2] {
        background: #f0d070;
    }
/* /Components/Panels/PresetField.razor.rz.scp.css */
.preset-field[b-ifezj6icls] {
    padding: 5px 12px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.preset-field-label[b-ifezj6icls] {
    font-size: 11px;
    font-weight: 600;
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

    .preset-field input[b-ifezj6icls],
    .preset-field select[b-ifezj6icls],
    .preset-field textarea[b-ifezj6icls] {
        width: 100%;
        padding: 4px 6px;
        border: 1px solid var(--color-border);
        border-radius: var(--radius);
        font-size: 13px;
    }

.preset-field .preset-check-select[b-ifezj6icls] {
    width: auto;
}

.preset-radio[b-ifezj6icls] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.preset-field-hierarchy[b-ifezj6icls] {
    padding: 4px 0;
}

.preset-field-h1[b-ifezj6icls] {
    padding: 6px 12px 2px;
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text);
}

.preset-field-h2[b-ifezj6icls] {
    padding: 4px 12px 2px 20px;
    font-size: 12px;
    font-weight: 600;
    color: var(--color-text-muted);
}

.preset-field-h3[b-ifezj6icls] {
    font-size: 11px;
    font-weight: 600;
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 2px;
}

.preset-field-h-item[b-ifezj6icls] {
    padding: 3px 12px 4px 20px;
}

.preset-field-hierarchy .preset-field-h-item input[b-ifezj6icls] {
    width: 100%;
    padding: 4px 6px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    font-size: 13px;
}
/* /Components/Panels/RelationsSection.razor.rz.scp.css */
.relations-section[b-12oyawxggi] {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    border-top: 1px solid var(--color-border);
}

.relations-section-header[b-12oyawxggi] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 6px 12px 3px;
    cursor: pointer;
    user-select: none;
    flex-shrink: 0;
}

    .relations-section-header:hover[b-12oyawxggi] {
        background: var(--color-surface);
    }

    /* Override .inspector-section-header margins inside this flex row */
    .relations-section-header .inspector-section-header[b-12oyawxggi] {
        flex: 1;
        padding: 0;
    }

.relations-count-badge[b-12oyawxggi] {
    font-size: 10px;
    font-weight: 600;
    background: var(--color-primary);
    color: #fff;
    border-radius: 10px;
    padding: 1px 6px;
    line-height: 1.4;
    flex-shrink: 0;
}

.relations-collapse-icon[b-12oyawxggi] {
    font-size: 11px;
    color: var(--color-text-muted);
    flex-shrink: 0;
}

.relations-body[b-12oyawxggi] {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

/* ── Action buttons ── */

.relations-actions[b-12oyawxggi] {
    display: flex;
    gap: 6px;
    padding: 5px 12px 6px;
    flex-shrink: 0;
}

.relations-action-btn[b-12oyawxggi] {
    background: none;
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    padding: 3px 9px;
    font-size: 11px;
    color: var(--color-text-muted);
    cursor: pointer;
    flex: 1;
}

    .relations-action-btn:hover[b-12oyawxggi],
    .relations-action-btn--active[b-12oyawxggi] {
        border-color: var(--color-primary);
        color: var(--color-primary);
        background: color-mix(in srgb, var(--color-primary) 8%, transparent);
    }

/* ── Nearby panel ── */

.relations-nearby-panel[b-12oyawxggi] {
    border-top: 1px solid var(--color-border);
    background: var(--color-surface);
    padding: 4px 0;
    flex-shrink: 0;
}

.relations-empty-nearby[b-12oyawxggi] {
    padding: 6px 12px;
    font-size: 12px;
    color: var(--color-text-muted);
}

.relations-nearby-item[b-12oyawxggi] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    font-size: 12px;
}

    .relations-nearby-item:hover[b-12oyawxggi] {
        background: color-mix(in srgb, var(--color-primary) 6%, transparent);
    }

.relations-nearby-label[b-12oyawxggi] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.relations-role-input[b-12oyawxggi] {
    width: 60px;
    padding: 2px 5px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    font-size: 11px;
    flex-shrink: 0;
}

    .relations-role-input:focus[b-12oyawxggi] {
        outline: none;
        border-color: var(--color-primary);
    }

.relations-add-btn[b-12oyawxggi] {
    background: var(--color-primary);
    color: #fff;
    border: none;
    border-radius: var(--radius);
    width: 22px;
    height: 22px;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .relations-add-btn:hover[b-12oyawxggi] {
        opacity: 0.85;
    }

/* ── New relation form ── */

.relations-new-form[b-12oyawxggi] {
    border-top: 1px solid var(--color-border);
    background: var(--color-surface);
    padding: 6px 12px;
    flex-shrink: 0;
}

.relations-new-form-row[b-12oyawxggi] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.relations-new-form-label[b-12oyawxggi] {
    font-size: 11px;
    color: var(--color-text-muted);
    width: 30px;
    flex-shrink: 0;
    text-align: right;
}

.relations-new-form-input[b-12oyawxggi] {
    flex: 1;
    padding: 3px 6px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    font-size: 12px;
}

    .relations-new-form-input:focus[b-12oyawxggi] {
        outline: none;
        border-color: var(--color-primary);
    }

.relations-new-form-btns[b-12oyawxggi] {
    display: flex;
    gap: 6px;
    justify-content: flex-end;
    margin-top: 4px;
}

.relations-confirm-btn[b-12oyawxggi] {
    background: var(--color-primary);
    color: #fff;
    border: none;
    border-radius: var(--radius);
    padding: 3px 12px;
    font-size: 12px;
    cursor: pointer;
}

    .relations-confirm-btn:hover[b-12oyawxggi] {
        opacity: 0.85;
    }

.relations-cancel-btn[b-12oyawxggi] {
    background: none;
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    padding: 3px 12px;
    font-size: 12px;
    color: var(--color-text-muted);
    cursor: pointer;
}

    .relations-cancel-btn:hover[b-12oyawxggi] {
        border-color: var(--color-danger);
        color: var(--color-danger);
    }

/* ── Containing relation items ── */

.relations-item[b-12oyawxggi] {
    border-top: 1px solid var(--color-border);
    flex-shrink: 0;
}

.relations-item-row[b-12oyawxggi] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    cursor: pointer;
    font-size: 12px;
}

    .relations-item-row:hover[b-12oyawxggi] {
        background: var(--color-surface);
    }

.relations-item-type[b-12oyawxggi] {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--color-text-muted);
    flex-shrink: 0;
}

.relations-item-label[b-12oyawxggi] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.relations-item-role[b-12oyawxggi] {
    font-size: 10px;
    padding: 1px 5px;
    border: 1px solid var(--color-border);
    border-radius: 3px;
    color: var(--color-text-muted);
    background: var(--color-surface);
    flex-shrink: 0;
}

.relations-item-actions[b-12oyawxggi] {
    display: flex;
    gap: 1px;
    flex-shrink: 0;
}

.relations-expand-icon[b-12oyawxggi] {
    font-size: 11px;
    color: var(--color-text-muted);
    flex-shrink: 0;
}

/* ── Member list ── */

.relations-members[b-12oyawxggi] {
    background: var(--color-surface);
    border-top: 1px solid var(--color-border);
}

.relations-member-row[b-12oyawxggi] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 4px 12px 4px 20px;
    font-size: 11px;
    border-bottom: 1px solid color-mix(in srgb, var(--color-border) 50%, transparent);
}

.relations-member-row--missing[b-12oyawxggi] {
    opacity: 0.5;
}

.relations-member-label[b-12oyawxggi] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.relations-member-actions[b-12oyawxggi] {
    display: flex;
    gap: 1px;
    flex-shrink: 0;
}

.relations-members-footer[b-12oyawxggi] {
    padding: 5px 12px;
}

.relations-select-all-btn[b-12oyawxggi] {
    background: none;
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    padding: 2px 10px;
    font-size: 11px;
    color: var(--color-text-muted);
    cursor: pointer;
    width: 100%;
}

    .relations-select-all-btn:hover[b-12oyawxggi] {
        border-color: var(--color-primary);
        color: var(--color-primary);
    }

/* ── Shared icon button ── */

.relations-icon-btn[b-12oyawxggi] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 11px;
    line-height: 1;
    padding: 2px 3px;
    color: var(--color-text-muted);
    border-radius: 2px;
}

    .relations-icon-btn:hover[b-12oyawxggi] {
        background: var(--color-border);
        color: var(--color-text);
    }

    .relations-icon-btn:disabled[b-12oyawxggi] {
        opacity: 0.3;
        cursor: default;
    }

    .relations-icon-btn--danger:hover[b-12oyawxggi] {
        background: color-mix(in srgb, var(--color-danger) 15%, transparent);
        color: var(--color-danger);
    }

    .relations-icon-btn--fetch:hover[b-12oyawxggi] {
        background: color-mix(in srgb, var(--color-primary) 15%, transparent);
        color: var(--color-primary);
    }
/* /Components/Panels/SettingsPanel.razor.rz.scp.css */
.settings-section[b-hm3wkvardc] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px 12px;
}

    .settings-section label[b-hm3wkvardc] {
        font-size: 12px;
        font-weight: 600;
        color: var(--color-text-muted);
        text-transform: uppercase;
        letter-spacing: 0.04em;
    }

    .settings-section select[b-hm3wkvardc],
    .settings-section input[b-hm3wkvardc] {
        width: 100%;
        padding: 5px 8px;
        border: 1px solid var(--color-border);
        border-radius: var(--radius);
        font-size: 13px;
        background: var(--color-bg);
    }

.endpoint-row[b-hm3wkvardc] {
    display: flex;
    gap: 6px;
    align-items: stretch;
}

    .endpoint-row select[b-hm3wkvardc] {
        flex: 1;
        min-width: 0;
    }

.account-switcher-btn[b-hm3wkvardc] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 4px 8px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    background: var(--color-bg);
    font-size: 12px;
    color: var(--color-text);
    cursor: pointer;
    white-space: nowrap;
    max-width: 120px;
    overflow: hidden;
}

    .account-switcher-btn span[b-hm3wkvardc] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .account-switcher-btn:hover[b-hm3wkvardc] {
        border-color: var(--color-accent, #0078d7);
    }

.account-switcher-avatar[b-hm3wkvardc] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.account-dialog .account-list[b-hm3wkvardc] {
    display: flex;
    flex-direction: column;
    padding: 8px;
    gap: 4px;
    overflow-y: auto;
    max-height: 320px;
}

.account-row[b-hm3wkvardc] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border: 1px solid transparent;
    border-radius: var(--radius);
    background: none;
    cursor: pointer;
    text-align: left;
    width: 100%;
    font-size: 13px;
    color: var(--color-text);
    transition: background 0.15s;
}

    .account-row:hover:not(:disabled)[b-hm3wkvardc] {
        background: var(--color-bg-alt, #f0f0f0);
        border-color: var(--color-border);
    }

    .account-row:disabled[b-hm3wkvardc] {
        cursor: default;
    }

    .account-row.account-row-active[b-hm3wkvardc] {
        background: color-mix(in srgb, var(--color-accent, #0078d7) 8%, transparent);
        border-color: color-mix(in srgb, var(--color-accent, #0078d7) 30%, transparent);
    }

.account-avatar[b-hm3wkvardc] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.account-avatar-placeholder[b-hm3wkvardc] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--color-bg-alt, #e0e0e0);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text-muted);
    flex-shrink: 0;
    text-transform: uppercase;
}

.account-name[b-hm3wkvardc] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-active-badge[b-hm3wkvardc] {
    font-size: 11px;
    font-weight: 600;
    color: var(--color-accent, #0078d7);
    background: color-mix(in srgb, var(--color-accent, #0078d7) 12%, transparent);
    padding: 1px 6px;
    border-radius: 99px;
    flex-shrink: 0;
}

.settings-hint[b-hm3wkvardc] {
    font-size: 11px;
    color: var(--color-text-muted);
    word-break: break-all;
}

.settings-version[b-hm3wkvardc] {
    font-family: monospace;
}

.settings-conflict[b-hm3wkvardc] {
    border: 1px solid var(--color-danger, #c0392b);
    border-radius: var(--radius);
    background: color-mix(in srgb, var(--color-danger, #c0392b) 6%, transparent);
    gap: 8px;
}

.conflict-header[b-hm3wkvardc] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.conflict-title[b-hm3wkvardc] {
    font-size: 12px;
    font-weight: 600;
    color: var(--color-danger, #c0392b);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.conflict-subtitle[b-hm3wkvardc] {
    font-size: 12px;
    color: var(--color-text-muted);
}

.conflict-diff[b-hm3wkvardc] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.conflict-row[b-hm3wkvardc] {
    display: grid;
    grid-template-columns: 1fr auto auto auto;
    align-items: center;
    gap: 6px;
    font-size: 12px;
}

.conflict-action[b-hm3wkvardc] {
    color: var(--color-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.conflict-local[b-hm3wkvardc] {
    font-family: monospace;
    color: var(--color-text-muted);
}

.conflict-arrow[b-hm3wkvardc] {
    color: var(--color-text-muted);
    font-size: 10px;
}

.conflict-remote[b-hm3wkvardc] {
    font-family: monospace;
    color: var(--color-danger, #c0392b);
}

.conflict-actions[b-hm3wkvardc] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

.keybindings-section[b-hm3wkvardc] {
    gap: 0;
}

.keybindings-header[b-hm3wkvardc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
}

.keybinding-category[b-hm3wkvardc] {
    font-size: 11px;
    font-weight: 600;
    color: var(--color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 8px 0 2px;
    border-top: 1px solid var(--color-border);
    margin-top: 4px;
}

    .keybinding-category:first-of-type[b-hm3wkvardc] {
        border-top: none;
        margin-top: 0;
    }

.keybinding-row[b-hm3wkvardc] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 3px 0;
    border-radius: var(--radius);
    transition: background 0.2s;
}

    .keybinding-row.keybinding-conflict .keybinding-name[b-hm3wkvardc] {
        color: var(--color-danger, #c0392b);
    }

.keybinding-name[b-hm3wkvardc] {
    flex: 1;
    font-size: 13px;
    color: var(--color-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.keybinding-chip[b-hm3wkvardc] {
    min-width: 72px;
    padding: 2px 8px;
    font-family: monospace;
    font-size: 12px;
    text-align: center;
    background: var(--color-bg-alt, #f0f0f0);
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    cursor: pointer;
    white-space: nowrap;
    color: var(--color-text);
    transition: border-color 0.15s, background 0.15s;
}

    .keybinding-chip:hover[b-hm3wkvardc] {
        border-color: var(--color-accent, #0078d7);
    }

    .keybinding-chip.capturing[b-hm3wkvardc] {
        border-color: var(--color-accent, #0078d7);
        background: color-mix(in srgb, var(--color-accent, #0078d7) 10%, transparent);
        animation: capture-pulse-b-hm3wkvardc 1s ease-in-out infinite;
        outline: none;
    }

@keyframes capture-pulse-b-hm3wkvardc {
    0%, 100% { border-color: var(--color-accent, #0078d7); }
    50% { border-color: color-mix(in srgb, var(--color-accent, #0078d7) 50%, transparent); }
}

.keybinding-reset[b-hm3wkvardc] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--color-text-muted);
    font-size: 14px;
    padding: 0 2px;
    line-height: 1;
    border-radius: var(--radius);
    flex-shrink: 0;
}

    .keybinding-reset:hover[b-hm3wkvardc] {
        color: var(--color-text);
        background: var(--color-bg-alt, #f0f0f0);
    }

.settings-sync-status[b-hm3wkvardc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 11px;
    color: var(--color-text-muted);
    padding-bottom: 4px;
}

.sync-badge[b-hm3wkvardc] {
    font-size: 11px;
    font-weight: 600;
    padding: 1px 6px;
    border-radius: 99px;
}

.sync-ok[b-hm3wkvardc] {
    color: var(--color-success, #27ae60);
    background: color-mix(in srgb, var(--color-success, #27ae60) 12%, transparent);
}

.sync-no[b-hm3wkvardc] {
    color: var(--color-text-muted);
    background: var(--color-bg-alt, #f0f0f0);
}

.btn-link[b-hm3wkvardc] {
    background: none;
    border: none;
    padding: 0;
    font-size: 12px;
    color: var(--color-accent, #0078d7);
    cursor: pointer;
    text-decoration: underline;
}
/* /Components/Panels/TagEditor.razor.rz.scp.css */
.tag-editor[b-282k9dk84y] {
    padding: 0 12px 8px;
}

.tag-table[b-282k9dk84y] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

    .tag-table th[b-282k9dk84y] {
        font-size: 11px;
        font-weight: 600;
        color: var(--color-text-muted);
        text-transform: uppercase;
        letter-spacing: 0.04em;
        padding: 4px 4px 4px 0;
        text-align: left;
    }

.tag-key[b-282k9dk84y],
.tag-value-cell[b-282k9dk84y] {
    padding: 2px 4px 2px 0;
    vertical-align: middle;
}

.tag-key input[b-282k9dk84y],
.tag-val-input[b-282k9dk84y],
.tag-value[b-282k9dk84y] {
    width: 100%;
    padding: 3px 5px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    font-size: 12px;
    font-family: monospace;
}

    .tag-key input:focus[b-282k9dk84y],
    .tag-val-input:focus[b-282k9dk84y],
    .tag-value:focus[b-282k9dk84y] {
        outline: none;
        border-color: var(--color-primary);
    }

.tag-deprecated td[b-282k9dk84y] {
    opacity: 0.7;
}

.tag-warning[b-282k9dk84y] {
    font-size: 11px;
    color: var(--color-warning);
    padding: 1px 0;
}

.tag-delete[b-282k9dk84y] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--color-text-muted);
    font-size: 14px;
    padding: 0 2px;
    line-height: 1;
}

    .tag-delete:hover[b-282k9dk84y] {
        color: var(--color-danger);
    }

.tag-add[b-282k9dk84y] {
    margin-top: 6px;
    padding: 4px 8px;
    background: none;
    border: 1px dashed var(--color-border);
    border-radius: var(--radius);
    font-size: 12px;
    color: var(--color-text-muted);
    cursor: pointer;
    width: 100%;
}

    .tag-add:hover[b-282k9dk84y] {
        border-color: var(--color-primary);
        color: var(--color-primary);
    }

.nsi-dropdown[b-282k9dk84y] {
    position: absolute;
    background: var(--color-bg);
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    box-shadow: var(--shadow-panel);
    z-index: 1100;
    max-height: 200px;
    overflow-y: auto;
    min-width: 200px;
}

.nsi-item[b-282k9dk84y] {
    padding: 6px 10px;
    font-size: 12px;
    cursor: pointer;
}

    .nsi-item:hover[b-282k9dk84y] {
        background: var(--color-surface);
    }
/* /Components/Panels/Toolbar.razor.rz.scp.css */
.toolbar[b-7qup77kp0o] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: var(--toolbar-height);
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0 8px;
    background: var(--color-toolbar);
    z-index: 1000;
    user-select: none;
    box-sizing: border-box;
}

.toolbar-group[b-7qup77kp0o] {
    display: flex;
    align-items: center;
    gap: 2px;
}

.toolbar-spacer[b-7qup77kp0o] {
    flex: 1;
}

.toolbar-btn[b-7qup77kp0o] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 44px;
    padding: 0 8px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--radius);
    color: #e0e0e0;
    font-size: 13px;
    cursor: pointer;
    transition: background 0.1s, border-color 0.1s;
    white-space: nowrap;
    position: relative;
    gap: 2px;
}

    .toolbar-btn:hover[b-7qup77kp0o] {
        background: var(--color-toolbar-hover);
        border-color: #666;
    }

    .toolbar-btn.toolbar-btn-active[b-7qup77kp0o] {
        background: var(--color-toolbar-active);
        border-color: var(--color-toolbar-active);
        color: #fff;
    }

    .toolbar-btn.toolbar-btn-primary[b-7qup77kp0o] {
        background: var(--color-toolbar-primary);
        border-color: var(--color-toolbar-primary);
        color: #fff;
    }

        .toolbar-btn.toolbar-btn-primary:hover[b-7qup77kp0o] {
            background: #1558b0;
            border-color: #1558b0;
        }

        .toolbar-btn.toolbar-btn-primary:disabled[b-7qup77kp0o] {
            opacity: 0.4;
            cursor: not-allowed;
        }

.toolbar-icon[b-7qup77kp0o] {
    font-size: 16px;
    line-height: 1;
}

.toolbar-auth-label[b-7qup77kp0o] {
    color: #ccc;
    font-size: 13px;
    padding: 0 6px;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.toolbar-label[b-7qup77kp0o] {
    font-size: 10px;
    line-height: 1;
    color: inherit;
    opacity: 0.85;
}

.toolbar-btn-validation[b-7qup77kp0o] {
    position: relative;
}

    .toolbar-btn-validation.toolbar-btn-has-errors[b-7qup77kp0o] {
        color: #f87171;
    }

.toolbar-validation-badge[b-7qup77kp0o] {
    position: absolute;
    top: 3px;
    right: 3px;
    display: flex;
    gap: 2px;
}

.validation-badge[b-7qup77kp0o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 14px;
    height: 14px;
    padding: 0 3px;
    border-radius: 7px;
    font-size: 9px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
}

.validation-badge-error[b-7qup77kp0o] {
    background: #dc2626;
}

.validation-badge-warn[b-7qup77kp0o] {
    background: #d97706;
}
/* /Components/Panels/ValidationPanel.razor.rz.scp.css */
.validation-panel[b-c158jzq46w] {
    position: fixed;
    top: calc(var(--toolbar-height) + 8px);
    left: 8px;
    width: 300px;
    max-height: calc(100vh - var(--toolbar-height) - 16px);
    display: flex;
    flex-direction: column;
    background: var(--color-bg);
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    box-shadow: var(--shadow-panel);
    z-index: 900;
    overflow: hidden;
}

.validation-header[b-c158jzq46w] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border-bottom: 1px solid var(--color-border);
    font-weight: 600;
    font-size: 13px;
    background: var(--color-surface);
}

    .validation-header span:first-child[b-c158jzq46w] {
        flex: 1;
    }

.validation-spinner[b-c158jzq46w] {
    color: var(--color-text-muted);
    font-size: 12px;
}

.validation-empty[b-c158jzq46w] {
    padding: 16px 12px;
    color: var(--color-text-muted);
    font-size: 13px;
    text-align: center;
}

.validation-group[b-c158jzq46w] {
    border-bottom: 1px solid var(--color-border);
}

.validation-group-header[b-c158jzq46w] {
    padding: 5px 12px;
    font-size: 12px;
    font-weight: 600;
    background: var(--color-surface);
}

    .validation-group-header.validation-error[b-c158jzq46w] { color: var(--color-error); }
    .validation-group-header.validation-warning[b-c158jzq46w] { color: var(--color-warning); }
    .validation-group-header.validation-info[b-c158jzq46w] { color: var(--color-info); }

.validation-issue[b-c158jzq46w] {
    display: flex;
    align-items: center;
    padding: 6px 12px;
    font-size: 12px;
    cursor: pointer;
    gap: 6px;
}

    .validation-issue:hover[b-c158jzq46w] {
        background: var(--color-surface);
    }

.validation-issue-message[b-c158jzq46w] {
    flex: 1;
}

.validation-fix[b-c158jzq46w] {
    flex-shrink: 0;
    padding: 2px 6px;
    font-size: 11px;
    background: var(--color-primary);
    color: #fff;
    border: none;
    border-radius: var(--radius);
    cursor: pointer;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.editor-shell[b-stgfjnt7z7] {
    position: fixed;
    inset: 0;
    overflow: hidden;
}