/* /Features/Agents/AgentInfoPanel.razor.rz.scp.css */
.ai-body[b-r0942wbijn] {
    overflow-y: auto;
    height: 100%;
}

.ai-table[b-r0942wbijn] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.78rem;
}

.ai-table th[b-r0942wbijn],
.ai-table td[b-r0942wbijn] {
    padding: 0.35rem 0.6rem;
    border-bottom: 1px solid var(--c2-border);
    vertical-align: top;
}

.ai-table th[b-r0942wbijn] {
    text-align: left;
    white-space: nowrap;
    color: var(--c2-text-muted);
    font-weight: 500;
    width: 140px;
}

.ai-table td[b-r0942wbijn] {
    color: var(--c2-text);
    word-break: break-all;
}

.ai-table code[b-r0942wbijn] {
    font-size: 0.72rem;
}

[b-r0942wbijn] .ai-ua {
    font-size: 0.7rem;
    line-height: 1.4;
    word-break: break-word;
}

[b-r0942wbijn] .ai-note {
    color: var(--c2-text-dim);
    font-style: italic;
}
/* /Features/Agents/AgentsPanel.razor.rz.scp.css */
/* Agents Panel */

/* Relay filter bar */
.ap-relay-bar[b-2n1wruitnp] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.35rem 0.5rem;
    border-bottom: 1px solid var(--c2-border);
    flex-shrink: 0;
    overflow-x: auto;
}

.ap-relay-tab[b-2n1wruitnp] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.2rem 0.5rem;
    border: 1px solid var(--c2-border);
    border-radius: 4px;
    background: transparent;
    color: var(--c2-text-muted);
    font-size: 0.72rem;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.ap-relay-tab:hover[b-2n1wruitnp] {
    background: var(--c2-bg-hover);
    color: var(--c2-text);
}

.ap-relay-tab--active[b-2n1wruitnp] {
    background: var(--c2-bg-active);
    color: var(--c2-text);
    border-color: var(--c2-accent);
}

.ap-relay-count[b-2n1wruitnp] {
    font-size: 0.62rem;
    color: var(--c2-text-dim);
    background: var(--c2-bg-hover);
    padding: 0 0.3rem;
    border-radius: 3px;
    min-width: 1.1em;
    text-align: center;
}

/* Agent table rows */
.ap-row[b-2n1wruitnp] {
    cursor: context-menu;
    user-select: none;
    transition: background 0.15s, box-shadow 0.15s;
}

[b-2n1wruitnp] .c2-table-hover tbody tr.ap-row:hover {
    background: var(--c2-bg-highlight);
    box-shadow: inset 3px 0 0 var(--c2-accent-blue);
}

[b-2n1wruitnp] .c2-table-wrap {
    border-top: none;
    border-radius: 0;
}

[b-2n1wruitnp] .c2-table thead th {
    border-bottom: 2px solid var(--c2-border);
}

[b-2n1wruitnp] .c2-table tbody tr.ap-row td {
    border-bottom: 1px solid var(--c2-border);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.ap-col-status[b-2n1wruitnp] {
    width: 28px;
    text-align: center;
}

.ap-col-paired[b-2n1wruitnp] {
    width: 48px;
    text-align: center;
}

/* Name + UUID stacked cell */
.ap-name-cell[b-2n1wruitnp] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.ap-name[b-2n1wruitnp] {
    font-weight: 600;
    font-size: 0.8rem;
    color: var(--c2-text);
    letter-spacing: 0.01em;
}

.ap-uuid[b-2n1wruitnp] {
    font-size: 0.62rem;
    color: var(--c2-text-dim);
    opacity: 0.7;
}

.ap-row:hover .ap-uuid[b-2n1wruitnp] {
    opacity: 1;
}

/* System column */
.ap-sys[b-2n1wruitnp] {
    font-weight: 500;
}

.ap-arch[b-2n1wruitnp] {
    font-size: 0.68rem;
    color: var(--c2-text-dim);
    margin-left: 0.25rem;
}

/* Network & last seen */
.ap-net-cell[b-2n1wruitnp] {
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ap-seen-cell[b-2n1wruitnp] {
    white-space: nowrap;
    color: var(--c2-text-muted);
    font-size: 0.74rem;
}

/* Context menu copy submenu */
.ap-ctx-submenu-wrap[b-2n1wruitnp] {
    position: relative;
}

.ap-ctx-sub-trigger[b-2n1wruitnp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: none;
    border: none;
    color: var(--c2-text);
    font-size: 0.78rem;
    padding: 0.35rem 0.75rem;
    text-align: left;
    cursor: pointer;
    user-select: none;
    transition: background 0.15s;
}

.ap-ctx-sub-trigger:hover[b-2n1wruitnp] {
    background: var(--c2-bg-highlight);
}

.ap-ctx-arrow[b-2n1wruitnp] {
    font-size: 0.62rem;
}

.ap-ctx-submenu[b-2n1wruitnp] {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    min-width: 130px;
    background: var(--c2-bg-base);
    border: 1px solid var(--c2-border-light);
    border-radius: 6px;
    box-shadow: 0 4px 16px var(--c2-shadow);
    padding: 0.25rem 0;
    z-index: 1;
}

.ap-ctx-submenu-wrap:hover > .ap-ctx-submenu[b-2n1wruitnp] {
    display: block;
}

[b-2n1wruitnp] .ap-ctx-copy-item {
    font-size: 0.74rem;
    color: var(--c2-text-muted);
}

/* ===== Mobile card view (hidden on desktop) ===== */
.ap-card-view[b-2n1wruitnp] {
    display: none;
}

.ap-card[b-2n1wruitnp] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.55rem 0.6rem;
    border-bottom: 1px solid var(--c2-border);
    cursor: context-menu;
    user-select: none;
    transition: background 0.15s;
}

.ap-card:last-child[b-2n1wruitnp] {
    border-bottom: none;
}

.ap-card:active[b-2n1wruitnp] {
    background: var(--c2-bg-overlay);
}

.ap-card--dim[b-2n1wruitnp] {
    opacity: 0.55;
}

.ap-card--active[b-2n1wruitnp] {
    background: var(--c2-blue-04);
}

.ap-card-top[b-2n1wruitnp] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.ap-card-name[b-2n1wruitnp] {
    font-weight: 600;
    font-size: 0.82rem;
    color: var(--c2-text);
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ap-card-paired[b-2n1wruitnp] {
    width: 7px;
    height: 7px;
    flex-shrink: 0;
}

.ap-card-seen[b-2n1wruitnp] {
    font-size: 0.65rem;
    color: var(--c2-text-dim);
    white-space: nowrap;
    flex-shrink: 0;
}

.ap-card-details[b-2n1wruitnp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem 0.6rem;
    padding-left: calc(8px + 0.35rem); /* align with name after status dot */
}

.ap-card-detail[b-2n1wruitnp] {
    font-size: 0.68rem;
    color: var(--c2-text-muted);
}

.ap-card-detail code[b-2n1wruitnp] {
    font-size: 0.66rem;
    color: var(--c2-text-muted);
}

/* ===== Tablet: switch to card view ===== */
@media (max-width: 1024px) {
    .ap-table-view[b-2n1wruitnp] {
        display: none;
    }

    .ap-card-view[b-2n1wruitnp] {
        display: block;
    }

    /* Relay bar — scrollable, touch-friendly */
    .ap-relay-bar[b-2n1wruitnp] {
        padding: 0.3rem 0.4rem;
        gap: 0.3rem;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .ap-relay-bar[b-2n1wruitnp]::-webkit-scrollbar {
        display: none;
    }

    .ap-relay-tab[b-2n1wruitnp] {
        padding: 0.3rem 0.55rem;
        font-size: 0.7rem;
        min-height: 28px;
    }

    /* Context submenu — show inline on mobile (no hover) */
    .ap-ctx-submenu[b-2n1wruitnp] {
        position: static;
        border: none;
        box-shadow: none;
        border-radius: 0;
        border-top: 1px solid var(--c2-border);
        min-width: unset;
    }

    .ap-ctx-submenu-wrap:hover > .ap-ctx-submenu[b-2n1wruitnp],
    .ap-ctx-submenu[b-2n1wruitnp] {
        display: block;
    }

    .ap-ctx-sub-trigger[b-2n1wruitnp] {
        display: none;
    }
}

/* ===== Small phone ===== */
@media (max-width: 480px) {
    .ap-card[b-2n1wruitnp] {
        padding: 0.5rem 0.45rem;
    }

    .ap-card-name[b-2n1wruitnp] {
        font-size: 0.78rem;
    }

    .ap-card-details[b-2n1wruitnp] {
        gap: 0.15rem 0.4rem;
    }

    .ap-card-detail[b-2n1wruitnp] {
        font-size: 0.64rem;
    }
}
/* /Features/Downloads/DownloadsPanel.razor.rz.scp.css */
/* Upload Manager — panel-specific styles */

/* List */
.sm-list[b-k07kmqybwv] {
    display: flex;
    flex-direction: column;
}

/* Item */
.sm-item[b-k07kmqybwv] {
    padding: 0.4rem 0.5rem;
    border-bottom: 1px solid var(--c2-border);
    transition: background 0.15s;
}

.sm-item:last-child[b-k07kmqybwv] {
    border-bottom: none;
}

.sm-item:hover[b-k07kmqybwv] {
    background: var(--c2-hover-subtle);
}

.sm-item-active[b-k07kmqybwv] {
    background: var(--c2-blue-04);
}

.sm-item-done[b-k07kmqybwv] {
    opacity: 0.6;
}

.sm-item-failed[b-k07kmqybwv] {
    background: var(--c2-red-04);
}

.sm-item-row[b-k07kmqybwv] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.sm-item-icon[b-k07kmqybwv] {
    width: 1em;
    text-align: center;
    flex-shrink: 0;
    font-size: 0.7rem;
}

.sm-item-active .sm-item-icon[b-k07kmqybwv] {
    color: var(--c2-accent-blue);
    animation: c2-pulse 1.5s ease-in-out infinite;
}

.sm-item-done .sm-item-icon[b-k07kmqybwv] {
    color: var(--c2-accent-green);
}

.sm-item-failed .sm-item-icon[b-k07kmqybwv] {
    color: var(--c2-accent-red);
}

.sm-item-info[b-k07kmqybwv] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.sm-item-name[b-k07kmqybwv] {
    font-family: monospace;
    font-size: 0.75rem;
    color: var(--c2-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sm-item-meta[b-k07kmqybwv] {
    font-size: 0.6rem;
    color: var(--c2-text-dim);
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.sm-item-agent[b-k07kmqybwv] {
    color: var(--c2-accent-purple);
    font-weight: 500;
}

.sm-item-status[b-k07kmqybwv] {
    display: flex;
    align-items: center;
    gap: 3px;
    flex-shrink: 0;
}

.sm-pct[b-k07kmqybwv] {
    font-size: 0.65rem;
    font-weight: 700;
    color: var(--c2-accent-blue);
}

.sm-speed[b-k07kmqybwv] {
    font-size: 0.6rem;
    color: var(--c2-text-dim);
}

/* ===== Mobile ===== */
@media (max-width: 768px) {
    .sm-item[b-k07kmqybwv] {
        padding: 0.5rem;
    }

    .sm-item-name[b-k07kmqybwv] {
        font-size: 0.72rem;
    }

    .sm-item-meta[b-k07kmqybwv] {
        flex-wrap: wrap;
    }
}

/* /Features/Extensions/ExtensionGroupsPanel.razor.rz.scp.css */
/* Form */
.eg-form[b-v9jr9wi9w3] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 0.5rem;
    margin-bottom: 0.5rem;
    border: 1px solid var(--c2-border);
    border-radius: 4px;
    background: var(--c2-hover-subtle);
}

.eg-form-row[b-v9jr9wi9w3] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.eg-label[b-v9jr9wi9w3] {
    font-size: 0.65rem;
    font-weight: 600;
    color: var(--c2-text-dim);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.eg-form-error[b-v9jr9wi9w3] {
    font-size: 0.65rem;
    color: var(--c2-accent-red);
    font-weight: 500;
}

.eg-form-actions[b-v9jr9wi9w3] {
    display: flex;
    gap: 0.3rem;
    margin-top: 0.2rem;
}

/* Table */
.eg-table-wrap[b-v9jr9wi9w3] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}

.eg-table[b-v9jr9wi9w3] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.75rem;
}

.eg-table thead th[b-v9jr9wi9w3] {
    position: sticky;
    top: 0;
    background: var(--c2-bg);
    font-size: 0.6rem;
    font-weight: 600;
    color: var(--c2-text-dim);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    text-align: left;
    padding: 0.35rem 0.5rem;
    border-bottom: 1px solid var(--c2-border);
    z-index: 1;
}

.eg-table tbody tr[b-v9jr9wi9w3] {
    border-bottom: 1px solid var(--c2-border);
    transition: background 0.15s;
}

.eg-table tbody tr:last-child[b-v9jr9wi9w3] {
    border-bottom: none;
}

.eg-table tbody tr:hover[b-v9jr9wi9w3] {
    background: var(--c2-hover-subtle);
}

.eg-table td[b-v9jr9wi9w3] {
    padding: 0.4rem 0.5rem;
    vertical-align: middle;
}

.eg-row-disabled[b-v9jr9wi9w3] {
    opacity: 0.5;
}

.eg-col-toggle[b-v9jr9wi9w3] {
    width: 1.5rem;
    text-align: center;
}

.eg-col-toggle input[type="checkbox"][b-v9jr9wi9w3] {
    accent-color: var(--c2-accent-blue);
    cursor: pointer;
}

.eg-col-name[b-v9jr9wi9w3] {
    font-weight: 600;
    color: var(--c2-text);
    white-space: nowrap;
}

.eg-col-exts[b-v9jr9wi9w3] {
    width: 100%;
}

.eg-exts-text[b-v9jr9wi9w3] {
    font-size: 0.65rem;
    color: var(--c2-text-dim);
    font-family: monospace;
    word-break: break-word;
}

.eg-col-actions[b-v9jr9wi9w3] {
    white-space: nowrap;
}

.eg-actions[b-v9jr9wi9w3] {
    display: flex;
    gap: 3px;
    justify-content: flex-end;
}

/* ===== Mobile ===== */
@media (max-width: 768px) {
    .eg-table thead th[b-v9jr9wi9w3] {
        padding: 0.3rem 0.35rem;
        font-size: 0.55rem;
    }

    .eg-table td[b-v9jr9wi9w3] {
        padding: 0.35rem 0.35rem;
    }

    .eg-col-name[b-v9jr9wi9w3] {
        font-size: 0.72rem;
    }

    .eg-exts-text[b-v9jr9wi9w3] {
        font-size: 0.6rem;
    }

    .eg-form[b-v9jr9wi9w3] {
        padding: 0.4rem;
    }
}
/* /Features/FileManager/FileActions.razor.rz.scp.css */
/* Download status badge inline */
.fm-dl-badge[b-wkslex42oo] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    margin-left: 0.35rem;
    vertical-align: middle;
}
/* /Features/FileManager/FileManager.razor.rz.scp.css */
/* ===== FileManager — Explorer-style Layout ===== */

/* Container */
.fm[b-8o2yu3bhqa] {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 0;
}

/* Offline banner */
.fm-offline[b-8o2yu3bhqa] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.3rem 0.6rem;
    font-size: 0.75rem;
    background: var(--c2-yellow-10);
    border: 1px solid var(--c2-yellow-30);
    border-radius: 4px;
    color: var(--c2-accent-yellow);
    margin-bottom: 0.5rem;
}

.fm-offline-dot[b-8o2yu3bhqa] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--c2-accent-red);
    flex-shrink: 0;
}

/* Toolbar */
.fm-toolbar[b-8o2yu3bhqa] {
    display: flex;
    align-items: center;
    gap: 2px;
    margin-bottom: 0.4rem;
}

.fm-icon[b-8o2yu3bhqa] {
    font-size: 0.75rem;
}

.fm-path-bar[b-8o2yu3bhqa] {
    flex: 1;
    min-width: 0;
}

/* Breadcrumb */
.fm-breadcrumb[b-8o2yu3bhqa] {
    display: flex;
    align-items: center;
    gap: 0.15rem;
    padding: 0.2rem 0.4rem;
    font-size: 0.7rem;
    margin-bottom: 0.4rem;
    overflow-x: auto;
    white-space: nowrap;
}

.fm-crumb[b-8o2yu3bhqa] {
    color: var(--c2-accent-blue);
    text-decoration: none;
    padding: 0.1rem 0.2rem;
    border-radius: 3px;
}

.fm-crumb:hover[b-8o2yu3bhqa] {
    background: var(--c2-bg-overlay);
}

.fm-crumb-sep[b-8o2yu3bhqa] {
    color: var(--c2-text-dim);
    font-size: 0.65rem;
}

.fm-crumb-active[b-8o2yu3bhqa] {
    color: var(--c2-text);
    font-weight: 600;
}

/* Content layout */
.fm-content[b-8o2yu3bhqa] {
    flex: 1;
    min-height: 0;
    display: flex;
    gap: 0.5rem;
}

.fm-content:not(.fm-split) .fm-listing[b-8o2yu3bhqa] {
    flex: 1;
}

.fm-split .fm-listing[b-8o2yu3bhqa] {
    flex: 0 0 42%;
    min-width: 0;
}

.fm-split[b-8o2yu3bhqa]  .fm-viewer {
    flex: 1;
    min-width: 0;
}

/* Listing container */
.fm-listing[b-8o2yu3bhqa] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--c2-border);
    border-radius: 6px;
    overflow: hidden;
    background: var(--c2-bg-surface);
}

.fm-listing-header[b-8o2yu3bhqa] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.6rem;
    background: var(--c2-bg-deep);
    border-bottom: 1px solid var(--c2-border);
    font-size: 0.7rem;
    flex-shrink: 0;
}

.fm-listing-title[b-8o2yu3bhqa] {
    font-family: monospace;
    color: var(--c2-text-muted);
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fm-count[b-8o2yu3bhqa] {
    color: var(--c2-text-dim);
    font-size: 0.65rem;
    flex-shrink: 0;
}

/* Entries scroll area */
.fm-entries[b-8o2yu3bhqa] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
    outline: none;
}

/* ===== Table Layout ===== */

[b-8o2yu3bhqa] .fm-table {
    border: none;
}

[b-8o2yu3bhqa] .fm-table .c2-table-wrap {
    border: none;
    border-radius: 0;
}

/* Column widths */
[b-8o2yu3bhqa] .fm-col-check {
    width: 2rem;
    text-align: center;
    padding-left: 0.4rem !important;
    padding-right: 0 !important;
}

[b-8o2yu3bhqa] .fm-col-icon {
    width: 2rem;
    text-align: center;
    padding-left: 0.2rem !important;
    padding-right: 0.2rem !important;
    font-size: 0.9rem;
}

[b-8o2yu3bhqa] .fm-col-name {
    overflow: hidden;
}

[b-8o2yu3bhqa] .fm-col-size {
    width: 10%;
    text-align: right;
    color: var(--c2-text-dim);
    font-size: 0.7rem;
    white-space: nowrap;
}

[b-8o2yu3bhqa] .fm-col-modified {
    width: 18%;
    color: var(--c2-text-dim);
    font-size: 0.7rem;
    white-space: nowrap;
}

[b-8o2yu3bhqa] .fm-col-type {
    width: 12%;
    color: var(--c2-text-dim);
    font-size: 0.7rem;
    white-space: nowrap;
}

/* Sortable headers */
[b-8o2yu3bhqa] .fm-col-sortable {
    cursor: pointer;
    user-select: none;
    transition: color var(--c2-transition-fast);
}

[b-8o2yu3bhqa] .fm-col-sortable:hover {
    color: var(--c2-text);
}

[b-8o2yu3bhqa] .fm-sort-active {
    color: var(--c2-accent-blue) !important;
}

[b-8o2yu3bhqa] .fm-sort-arrow {
    font-size: 0.55rem;
    margin-left: 0.2rem;
    vertical-align: middle;
}

/* Row styles */
[b-8o2yu3bhqa] .fm-row {
    cursor: pointer;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.76rem;
}

[b-8o2yu3bhqa] .fm-row td {
    vertical-align: middle;
}

[b-8o2yu3bhqa] .fm-row-focused td {
    box-shadow: inset 0 0 0 1px var(--c2-blue-30);
}

[b-8o2yu3bhqa] .fm-row-parent {
    cursor: pointer;
    color: var(--c2-text-muted);
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.76rem;
    transition: background 0.15s;
}

[b-8o2yu3bhqa] .fm-row-parent:hover {
    background: var(--c2-bg-overlay);
}

.fm-parent-label[b-8o2yu3bhqa] {
    font-weight: 600;
}

/* File name */
[b-8o2yu3bhqa] .fm-name-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: calc(100% - 3rem);
    vertical-align: middle;
}

/* Icon colors */
[b-8o2yu3bhqa] .fm-icon-dir {
    color: var(--c2-accent-yellow);
}

[b-8o2yu3bhqa] .fm-icon-file {
    color: var(--c2-text-dim);
}

[b-8o2yu3bhqa] .fm-icon-drive {
    color: var(--c2-accent-blue);
}

/* Checkbox */
[b-8o2yu3bhqa] .fm-check-all,
[b-8o2yu3bhqa] .fm-col-check input[type="checkbox"] {
    accent-color: var(--c2-accent-blue);
    cursor: pointer;
    width: 13px;
    height: 13px;
}

/* ===== Bulk Action Bar ===== */

.fm-bulk-bar[b-8o2yu3bhqa] {
    display: flex;
    align-items: center;
    gap: var(--c2-space-2);
    padding: var(--c2-space-1) var(--c2-space-3);
    background: var(--c2-bg-deep);
    border-top: 1px solid var(--c2-border);
    flex-shrink: 0;
}

.fm-bulk-count[b-8o2yu3bhqa] {
    color: var(--c2-accent-blue);
    font-weight: 600;
    font-size: 0.72rem;
}

/* ===== Context Menu Separator ===== */

[b-8o2yu3bhqa] .fm-ctx-sep {
    height: 1px;
    background: var(--c2-border);
    margin: 0.2rem 0;
}

/* ===== Empty State ===== */

.fm-empty[b-8o2yu3bhqa] {
    padding: 2rem 1rem;
    text-align: center;
    color: var(--c2-text-dim);
    font-size: 0.8rem;
    font-style: italic;
}

/* ===== Tablet (<=1024px) ===== */
@media (max-width: 1024px) {
    [b-8o2yu3bhqa] .fm-col-type {
        display: none;
    }
}

/* ===== Mobile (<=768px) ===== */
@media (max-width: 768px) {
    .fm-split[b-8o2yu3bhqa] {
        flex-direction: column;
    }

    .fm-split .fm-listing[b-8o2yu3bhqa] {
        flex: 0 0 auto;
        max-height: 40vh;
    }

    .fm-split[b-8o2yu3bhqa]  .fm-viewer {
        flex: 1;
    }

    [b-8o2yu3bhqa] .fm-hide-mobile {
        display: none;
    }

    [b-8o2yu3bhqa] .fm-col-size {
        width: 20%;
    }

    .fm-breadcrumb[b-8o2yu3bhqa] {
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding: 0.25rem 0.3rem;
    }

    .fm-breadcrumb[b-8o2yu3bhqa]::-webkit-scrollbar {
        display: none;
    }

    .fm-crumb[b-8o2yu3bhqa] {
        padding: 0.2rem 0.3rem;
    }

    .fm-toolbar[b-8o2yu3bhqa] {
        gap: 3px;
        flex-wrap: wrap;
    }

    [b-8o2yu3bhqa] .fm-row {
        font-size: 0.74rem;
    }

    [b-8o2yu3bhqa] .fm-col-check {
        width: 1.6rem;
    }

    [b-8o2yu3bhqa] .fm-code {
        font-size: 0.7rem;
        padding: 0.4rem;
    }
}

/* ===== Small Phone (<=480px) ===== */
@media (max-width: 480px) {
    [b-8o2yu3bhqa] .fm-col-size {
        display: none;
    }

    [b-8o2yu3bhqa] .fm-col-check {
        width: 1.4rem;
    }

    [b-8o2yu3bhqa] .fm-row {
        font-size: 0.72rem;
    }

    [b-8o2yu3bhqa] .fm-code {
        font-size: 0.65rem;
    }
}
/* /Features/FileManager/FileViewer.razor.rz.scp.css */
/* File viewer */
.fm-viewer[b-ugr50szm64] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--c2-border);
    border-radius: 6px;
    overflow: hidden;
    background: var(--c2-bg-surface);
}

.fm-viewer-header[b-ugr50szm64] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.6rem;
    background: var(--c2-bg-deep);
    border-bottom: 1px solid var(--c2-border);
    flex-shrink: 0;
}

.fm-viewer-title[b-ugr50szm64] {
    flex: 1;
    font-family: monospace;
    font-size: 0.75rem;
    color: var(--c2-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fm-viewer-actions[b-ugr50szm64] {
    display: flex;
    gap: 2px;
    flex-shrink: 0;
}

.fm-viewer-loading[b-ugr50szm64] {
    padding: 1.5rem;
    color: var(--c2-text-muted);
    font-size: 0.8rem;
}

.fm-hash[b-ugr50szm64] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.6rem;
    border-bottom: 1px solid var(--c2-border);
    font-size: 0.7rem;
}

.fm-hash-label[b-ugr50szm64] {
    color: var(--c2-text-dim);
    font-weight: 600;
    font-size: 0.6rem;
    flex-shrink: 0;
}

.fm-hash-value[b-ugr50szm64] {
    color: var(--c2-accent-green);
    font-size: 0.65rem;
    user-select: all;
    word-break: break-all;
}

.fm-viewer-meta[b-ugr50szm64] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.3rem 0.6rem;
    font-size: 0.65rem;
    color: var(--c2-text-dim);
    border-bottom: 1px solid var(--c2-border);
}

.fm-viewer-pager[b-ugr50szm64] {
    display: flex;
    gap: 2px;
}

.fm-code[b-ugr50szm64] {
    flex: 1;
    margin: 0;
    padding: 0.6rem;
    background: var(--c2-code) !important;
    color: var(--c2-text);
    font-size: 0.75rem;
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-all;
    border-radius: 0;
    min-height: 0;
}
/* /Features/Relay/RelayPanel.razor.rz.scp.css */
/* Relay Panel */

.rp-section[b-60bozdoce3] {
    margin-bottom: 0.5rem;
}

.rp-section-title[b-60bozdoce3] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--c2-text);
    margin: 0.75rem 0 0.4rem;
}

/* Add form */
.rp-add-form[b-60bozdoce3] {
    padding: 0.6rem;
    border-bottom: 1px solid var(--c2-border);
    background: var(--c2-bg-surface);
}

.rp-add-row[b-60bozdoce3] {
    display: flex;
    gap: 0.5rem;
    align-items: flex-end;
}

.rp-add-field[b-60bozdoce3] {
    flex: 1;
}

.rp-add-field-wide[b-60bozdoce3] {
    flex: 2;
}

.rp-add-action[b-60bozdoce3] {
    flex-shrink: 0;
}

.rp-label[b-60bozdoce3] {
    display: block;
    font-size: 0.7rem;
    font-weight: 500;
    color: var(--c2-text-muted);
    margin-bottom: 0.2rem;
}

/* Table helpers */
.rp-active-cell[b-60bozdoce3] {
    text-align: center;
}

.rp-active-dot[b-60bozdoce3] {
    color: var(--c2-accent-green);
    font-size: 0.7rem;
}

.rp-code[b-60bozdoce3] {
    font-size: 0.72rem;
    color: var(--c2-text-muted);
}

.rp-actions[b-60bozdoce3] {
    text-align: right;
    white-space: nowrap;
    display: flex;
    gap: 2px;
    justify-content: flex-end;
}

.rp-ua-cell[b-60bozdoce3] {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Stats */
.rp-stats[b-60bozdoce3] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.rp-stats > *[b-60bozdoce3] {
    flex: 1;
}

.rp-stat[b-60bozdoce3] {
    text-align: center;
}

.rp-stat-value[b-60bozdoce3] {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--c2-text);
    line-height: 1.2;
}

.rp-stat-label[b-60bozdoce3] {
    font-size: 0.7rem;
    color: var(--c2-text-dim);
}

/* Collapse toggle */
.rp-collapse-toggle[b-60bozdoce3] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    cursor: pointer;
    user-select: none;
}

.rp-chevron[b-60bozdoce3] {
    display: inline-block;
    font-size: 0.7rem;
    transition: transform 0.15s ease;
}

.rp-chevron--open[b-60bozdoce3] {
    transform: rotate(90deg);
}

.rp-error[b-60bozdoce3] {
    color: var(--c2-accent-red);
    font-size: 0.85rem;
}

/* States */
.rp-loading[b-60bozdoce3] {
    color: var(--c2-text-muted);
    font-size: 0.85rem;
}

/* ===== Mobile ===== */
@media (max-width: 768px) {
    /* Stack add form fields vertically */
    .rp-add-row[b-60bozdoce3] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.4rem;
    }

    .rp-add-field-wide[b-60bozdoce3] {
        flex: unset;
    }

    /* Compact stats */
    .rp-stat-value[b-60bozdoce3] {
        font-size: 1.1rem;
    }

    .rp-stat-label[b-60bozdoce3] {
        font-size: 0.62rem;
    }

    /* Hide user-agent column */
    .rp-ua-cell[b-60bozdoce3] {
        display: none;
    }
}

/* /Features/Search/FileSearchPanel.razor.rz.scp.css */
/* New scan form */
.scan-form[b-a876ye85kg] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 0.5rem;
    margin-bottom: 0.5rem;
    border: 1px solid var(--c2-border);
    border-radius: 4px;
    background: var(--c2-hover-subtle);
}

.scan-form-row[b-a876ye85kg] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.scan-label[b-a876ye85kg] {
    font-size: 0.65rem;
    font-weight: 600;
    color: var(--c2-text-dim);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.scan-form-check[b-a876ye85kg] {
    flex-direction: row;
    align-items: center;
    gap: 0.3rem;
}

.scan-form-check label[b-a876ye85kg] {
    font-size: 0.7rem;
    color: var(--c2-text-muted);
    display: flex;
    align-items: center;
    gap: 0.3rem;
    cursor: pointer;
}

.scan-form-check input[type="checkbox"][b-a876ye85kg] {
    accent-color: var(--c2-accent-blue);
}

.scan-form-actions[b-a876ye85kg] {
    display: flex;
    gap: 0.3rem;
    margin-top: 0.2rem;
}

/* Extension groups */
.scan-ext-groups[b-a876ye85kg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.scan-ext-group[b-a876ye85kg] {
    background: var(--c2-bg-alt);
    border: 1px solid var(--c2-border);
    border-radius: 3px;
    color: var(--c2-text-muted);
    font-size: 0.65rem;
    font-weight: 500;
    padding: 0.15rem 0.4rem;
    cursor: pointer;
    transition: all 0.15s;
}

.scan-ext-group:hover[b-a876ye85kg] {
    border-color: var(--c2-accent-blue);
    color: var(--c2-text);
}

.scan-ext-group.active[b-a876ye85kg] {
    background: var(--c2-accent-blue);
    border-color: var(--c2-accent-blue);
    color: #fff;
}

.scan-ext-group.disabled[b-a876ye85kg],
.scan-ext-group:disabled[b-a876ye85kg] {
    opacity: 0.4;
    cursor: not-allowed;
}

/* Extension validation error */
.scan-ext-error[b-a876ye85kg] {
    font-size: 0.65rem;
    color: var(--c2-accent-red);
    font-weight: 500;
}

.scan-new-btn[b-a876ye85kg] {
    display: flex;
    gap: 0.3rem;
    margin-bottom: 0.5rem;
}

/* List */
.scan-list[b-a876ye85kg] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}

/* Item */
.scan-item[b-a876ye85kg] {
    padding: 0.4rem 0.5rem;
    border-bottom: 1px solid var(--c2-border);
    transition: background 0.15s;
}

.scan-item:last-child[b-a876ye85kg] {
    border-bottom: none;
}

.scan-item:hover[b-a876ye85kg] {
    background: var(--c2-hover-subtle);
}

.scan-item-active[b-a876ye85kg] {
    background: var(--c2-blue-04);
}

.scan-item-done[b-a876ye85kg] {
    opacity: 0.6;
}

.scan-item-failed[b-a876ye85kg] {
    background: var(--c2-red-04);
}

.scan-item-row[b-a876ye85kg] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.scan-item-icon[b-a876ye85kg] {
    width: 1em;
    text-align: center;
    flex-shrink: 0;
    font-size: 0.7rem;
}

.scan-item-active .scan-item-icon[b-a876ye85kg] {
    color: var(--c2-accent-blue);
    animation: c2-pulse 1.5s ease-in-out infinite;
}

.scan-item-done .scan-item-icon[b-a876ye85kg] {
    color: var(--c2-accent-green);
}

.scan-item-failed .scan-item-icon[b-a876ye85kg] {
    color: var(--c2-accent-red);
}

.scan-item-info[b-a876ye85kg] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.scan-item-path[b-a876ye85kg] {
    font-family: monospace;
    font-size: 0.75rem;
    color: var(--c2-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.scan-item-meta[b-a876ye85kg] {
    font-size: 0.6rem;
    color: var(--c2-text-dim);
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.scan-item-agent[b-a876ye85kg] {
    color: var(--c2-accent-purple);
    font-weight: 500;
}

.scan-item-status[b-a876ye85kg] {
    display: flex;
    align-items: center;
    gap: 3px;
    flex-shrink: 0;
}

.scan-item-stats[b-a876ye85kg] {
    display: flex;
    gap: 0.8rem;
    font-size: 0.6rem;
    color: var(--c2-text-dim);
    margin-top: 0.2rem;
    padding-left: 1.4rem;
}

/* ===== Mobile ===== */
@media (max-width: 768px) {
    .scan-form[b-a876ye85kg] {
        padding: 0.4rem;
    }

    .scan-ext-group[b-a876ye85kg] {
        padding: 0.25rem 0.5rem;
        font-size: 0.68rem;
        min-height: 28px;
        display: inline-flex;
        align-items: center;
    }

    .scan-item[b-a876ye85kg] {
        padding: 0.5rem;
    }

    .scan-item-path[b-a876ye85kg] {
        font-size: 0.7rem;
    }

    .scan-item-stats[b-a876ye85kg] {
        gap: 0.5rem;
        flex-wrap: wrap;
        padding-left: 1.2rem;
    }
}

/* /Features/Search/SearchJobsPanel.razor.rz.scp.css */
/* SearchJobs — all styles now in app.css shared panel patterns */
/* /Features/Shell/ShellPanel.razor.rz.scp.css */
/* Shell terminal — inline input like Windows Terminal */

.sh[b-twrkg6xcf1] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    cursor: text;
}

/* Disconnected banner */
.sh-banner[b-twrkg6xcf1] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.3rem 0.6rem;
    font-size: 0.72rem;
    flex-shrink: 0;
}

.sh-banner--warn[b-twrkg6xcf1] {
    background: var(--c2-yellow-10);
    border-bottom: 1px solid var(--c2-yellow-30);
    color: var(--c2-accent-yellow);
}

/* Terminal output area — the entire shell surface */
.sh-terminal[b-twrkg6xcf1] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    background: var(--c2-code);
    padding: 0.5rem 0.6rem;
    scroll-behavior: smooth;
    position: relative;
}

.sh-empty[b-twrkg6xcf1] {
    color: var(--c2-text-dim);
    font-size: 0.72rem;
    font-style: italic;
    padding: 1.5rem 0;
    text-align: center;
}

/* Individual output lines */
.sh-line[b-twrkg6xcf1] {
    font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;
    font-size: 0.73rem;
    line-height: 1.5;
    color: var(--c2-text);
    white-space: pre-wrap;
    word-break: break-all;
    min-height: 1.1em;
}

.sh-line--cmd[b-twrkg6xcf1] {
    color: var(--c2-accent-green);
    font-weight: 500;
}

.sh-line--err[b-twrkg6xcf1] {
    color: var(--c2-accent-red);
}

/* Active input line — where the cursor blinks */
.sh-line--active[b-twrkg6xcf1] {
    caret-color: transparent;
}

/* Blinking block cursor */
.sh-cursor[b-twrkg6xcf1] {
    display: inline-block;
    width: 0.5em;
    height: 1.1em;
    background: var(--c2-accent-green);
    vertical-align: text-bottom;
    animation: sh-blink-b-twrkg6xcf1 1s step-end infinite;
    margin-left: 1px;
}

.sh-cursor--hidden[b-twrkg6xcf1] {
    opacity: 0.35;
    animation: none;
}

@keyframes sh-blink-b-twrkg6xcf1 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

/* Hidden input — off-screen but focusable */
.sh-hidden-input[b-twrkg6xcf1] {
    position: absolute;
    left: -9999px;
    top: -9999px;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
    border: none;
    padding: 0;
    margin: 0;
    font-size: 16px; /* prevents iOS zoom */
}

/* ===== Tablet ===== */
@media (max-width: 1024px) {
    .sh-line[b-twrkg6xcf1] {
        font-size: 0.7rem;
    }
}

/* ===== Mobile ===== */
@media (max-width: 768px) {
    .sh-terminal[b-twrkg6xcf1] {
        padding: 0.4rem 0.5rem;
    }

    .sh-line[b-twrkg6xcf1] {
        font-size: 0.68rem;
        line-height: 1.45;
    }
}

/* ===== Small phone ===== */
@media (max-width: 480px) {
    .sh-terminal[b-twrkg6xcf1] {
        padding: 0.3rem 0.4rem;
    }

    .sh-line[b-twrkg6xcf1] {
        font-size: 0.65rem;
    }
}

/* ===== Touch devices ===== */
@media (pointer: coarse) {
    .sh-hidden-input[b-twrkg6xcf1] {
        font-size: 16px;
    }
}
/* /Features/Storage/SettingsPanel.razor.rz.scp.css */
/* Reset warning */
.cm-reset-warning[b-98n6wj1ol2] {
    flex: 1;
    font-size: 0.72rem;
    color: var(--c2-accent-red);
    font-weight: 500;
}


.cm-toolbar[b-98n6wj1ol2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.35rem;
}

.cm-toolbar-actions[b-98n6wj1ol2] {
    display: flex;
    gap: 2px;
    margin-left: auto;
}

/* Stats */
.cm-stats-card[b-98n6wj1ol2] {
    margin-bottom: 0.25rem;
}

.cm-stats[b-98n6wj1ol2] {
    display: flex;
    gap: 0.5rem;
    text-align: center;
}

.cm-stat[b-98n6wj1ol2] {
    flex: 1;
}

.cm-stat-value[b-98n6wj1ol2] {
    display: block;
    font-weight: 700;
    font-size: 0.85rem;
    color: var(--c2-text);
}

.cm-stat-label[b-98n6wj1ol2] {
    font-size: 0.65rem;
    color: var(--c2-text-dim);
}

/* Breadcrumb */
.cm-breadcrumb[b-98n6wj1ol2] {
    display: flex;
    align-items: center;
    gap: 0.15rem;
    font-size: 0.7rem;
    overflow-x: auto;
    white-space: nowrap;
    padding: 0.25rem 0;
    margin-bottom: 0.25rem;
}

.cm-crumb[b-98n6wj1ol2] {
    color: var(--c2-accent-blue);
    text-decoration: none;
    padding: 0.1rem 0.2rem;
    border-radius: 3px;
}

.cm-crumb:hover[b-98n6wj1ol2] {
    background: var(--c2-bg-overlay);
}

.cm-crumb-sep[b-98n6wj1ol2] {
    color: var(--c2-text-dim);
    font-size: 0.65rem;
}

.cm-crumb-active[b-98n6wj1ol2] {
    color: var(--c2-text);
    font-weight: 600;
}

/* List */
.cm-list[b-98n6wj1ol2] {
    border: 1px solid var(--c2-border);
    border-radius: 6px;
    overflow-y: auto;
    flex: 1;
    min-height: 0;
    background: var(--c2-bg-surface);
}

.cm-item[b-98n6wj1ol2] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.3rem 0.6rem;
    font-family: monospace;
    font-size: 0.75rem;
    border-bottom: 1px solid var(--c2-border);
    color: var(--c2-text);
    background: none;
    border-left: none;
    border-right: none;
    border-top: none;
    width: 100%;
    text-align: left;
}

.cm-item:last-child[b-98n6wj1ol2] {
    border-bottom: none;
}

.cm-item-nav[b-98n6wj1ol2] {
    cursor: pointer;
    transition: background 0.15s;
}

.cm-item-nav:hover[b-98n6wj1ol2] {
    background: var(--c2-bg-overlay);
}

.cm-item-icon[b-98n6wj1ol2] {
    width: 1.2em;
    text-align: center;
    flex-shrink: 0;
}

.cm-item-name[b-98n6wj1ol2] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--c2-accent-blue);
    text-decoration: none;
}

.cm-item-name:hover[b-98n6wj1ol2] {
    text-decoration: underline;
}

.cm-item-meta[b-98n6wj1ol2] {
    font-size: 0.6rem;
    color: var(--c2-text-dim);
    flex-shrink: 0;
}

/* States */
.cm-list-loading[b-98n6wj1ol2] {
    display: flex;
    justify-content: center;
    padding: 1.5rem;
}


/* IndexedDB tab */
.cm-db-section[b-98n6wj1ol2] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex: 1;
    min-height: 0;
}

.cm-db-version[b-98n6wj1ol2] {
    font-size: 0.65rem;
    color: var(--c2-text-dim);
    font-family: monospace;
}

.cm-db-key[b-98n6wj1ol2] {
    font-size: 0.68rem;
    color: var(--c2-text-dim);
}

.cm-db-total[b-98n6wj1ol2] {
    font-size: 0.7rem;
    color: var(--c2-text-muted);
    padding: 0.4rem 0;
    text-align: right;
}

/* About tab */
.cm-about[b-98n6wj1ol2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    padding: 1.5rem 0;
}

.cm-about-hero[b-98n6wj1ol2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.cm-about-icon[b-98n6wj1ol2] {
    width: 72px;
    height: 72px;
    border-radius: 16px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
}

.cm-about-brand[b-98n6wj1ol2] {
    font-size: 1.6rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    color: var(--c2-text);
    line-height: 1;
}

.cm-about-tagline[b-98n6wj1ol2] {
    font-size: 0.7rem;
    color: var(--c2-text-dim);
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.cm-about-rows[b-98n6wj1ol2] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-width: 280px;
}

.cm-about-row[b-98n6wj1ol2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.cm-about-label[b-98n6wj1ol2] {
    font-size: 0.7rem;
    color: var(--c2-text-dim);
    font-weight: 600;
    text-transform: uppercase;
    flex-shrink: 0;
}

.cm-about-value[b-98n6wj1ol2] {
    font-size: 0.72rem;
    color: var(--c2-text);
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ===== Mobile ===== */
@media (max-width: 768px) {
    .cm-item[b-98n6wj1ol2] {
        padding: 0.4rem 0.5rem;
        min-height: 36px;
    }

    .cm-breadcrumb[b-98n6wj1ol2] {
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .cm-breadcrumb[b-98n6wj1ol2]::-webkit-scrollbar {
        display: none;
    }

    .cm-crumb[b-98n6wj1ol2] {
        padding: 0.2rem 0.3rem;
    }

    .cm-toolbar[b-98n6wj1ol2] {
        flex-wrap: wrap;
        gap: 0.35rem;
    }
}
/* /Features/Uploads/UploadsPanel.razor.rz.scp.css */
.sp-pct[b-3spkf631q0] {
    font-size: 0.65rem;
    font-weight: 700;
    color: var(--c2-accent-blue);
}

.sp-speed[b-3spkf631q0] {
    font-size: 0.6rem;
    color: var(--c2-text-dim);
}
/* /Features/Vnc/VncPanel.razor.rz.scp.css */
/* Root — fills the window body, remove parent padding for full-bleed canvas */
.vnc-root[b-vci0o7ow8f] {
    position: relative;
    width: calc(100% + 1.5rem);
    height: calc(100% + 1.5rem);
    margin: -0.75rem;
    background: #000;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* Status overlays */
.vnc-overlay[b-vci0o7ow8f] {
    position: absolute;
    inset: 0;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background: rgba(0, 0, 0, 0.7);
    color: var(--c2-text-dim);
    font-size: 0.78rem;
    pointer-events: none;
}

/* Canvas wrapper — sized by flex, canvas positioned inside */
.vnc-canvas-wrap[b-vci0o7ow8f] {
    flex: 1 1 0%;
    min-height: 0;
    min-width: 0;
    position: relative;
    overflow: hidden;
    cursor: crosshair;
}

/* Canvas is absolutely positioned to fill wrapper without affecting layout */
.vnc-canvas-wrap canvas[b-vci0o7ow8f] {
    position: absolute;
    top: 0;
    left: 0;
}

/* ─── Floating toolbar ─── */
.vnc-toolbar[b-vci0o7ow8f] {
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 20;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.2rem 0.4rem;
    background: rgba(24, 24, 40, 0.88);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);
    opacity: 1;
    transition: opacity 0.3s ease, transform 0.3s ease;
    user-select: none;
}

.vnc-toolbar--hidden[b-vci0o7ow8f] {
    opacity: 0;
    pointer-events: none;
}

/* Drag handle */
.vnc-drag-handle[b-vci0o7ow8f] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 20px;
    cursor: grab;
    color: rgba(255, 255, 255, 0.25);
    flex-shrink: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
    padding-right: 0.3rem;
    margin-right: 0.05rem;
}

.vnc-drag-handle:active[b-vci0o7ow8f] {
    cursor: grabbing;
    color: rgba(255, 255, 255, 0.5);
}

.vnc-toolbar-group[b-vci0o7ow8f] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.vnc-toolbar-group + .vnc-toolbar-group[b-vci0o7ow8f] {
    padding-left: 0.3rem;
    border-left: 1px solid rgba(255, 255, 255, 0.08);
}

/* Connection dot */
.vnc-dot[b-vci0o7ow8f] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    flex-shrink: 0;
}

.vnc-dot--on[b-vci0o7ow8f] {
    background: var(--c2-green);
    box-shadow: 0 0 3px var(--c2-green);
}

.vnc-dot--off[b-vci0o7ow8f] {
    background: var(--c2-text-dim);
}

/* Info labels */
.vnc-info[b-vci0o7ow8f] {
    font-size: 0.6rem;
    color: rgba(255, 255, 255, 0.5);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    line-height: 1;
}

.vnc-info--accent[b-vci0o7ow8f] {
    color: var(--c2-accent);
}

/* Select controls */
.vnc-select[b-vci0o7ow8f] {
    height: 20px;
    font-size: 0.6rem;
    padding: 0 0.2rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 3px;
    background: #1e1e2e;
    color: rgba(255, 255, 255, 0.75);
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='%23888'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 4px center;
    padding-right: 14px;
}

.vnc-select:focus[b-vci0o7ow8f] {
    border-color: var(--c2-accent);
}

.vnc-select:disabled[b-vci0o7ow8f] {
    opacity: 0.4;
    cursor: not-allowed;
}

.vnc-select option[b-vci0o7ow8f] {
    background: #1e1e2e;
    color: #cdd6f4;
}

.vnc-select--wide[b-vci0o7ow8f] {
    flex: 1;
    min-width: 0;
}

/* Icon buttons */
.vnc-btn[b-vci0o7ow8f] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 20px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s, color 0.12s;
}

.vnc-btn:hover:not(:disabled)[b-vci0o7ow8f] {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.18);
    color: #fff;
}

.vnc-btn:disabled[b-vci0o7ow8f] {
    opacity: 0.3;
    cursor: not-allowed;
}

.vnc-btn--active[b-vci0o7ow8f] {
    background: rgba(255, 255, 255, 0.12);
    border-color: var(--c2-accent);
    color: var(--c2-accent);
}

.vnc-btn--stream[b-vci0o7ow8f] {
    color: var(--c2-green);
    border-color: rgba(var(--c2-green-rgb, 166, 227, 161), 0.25);
}

.vnc-btn--stream:hover:not(:disabled)[b-vci0o7ow8f] {
    background: rgba(var(--c2-green-rgb, 166, 227, 161), 0.12);
}

.vnc-btn--stop[b-vci0o7ow8f] {
    color: var(--c2-red, #f38ba8);
    border-color: rgba(243, 139, 168, 0.25);
}

.vnc-btn--stop:hover:not(:disabled)[b-vci0o7ow8f] {
    background: rgba(243, 139, 168, 0.12);
}

/* ─── Settings popover ─── */
.vnc-settings[b-vci0o7ow8f] {
    position: absolute;
    bottom: calc(100% + 6px);
    right: 0;
    min-width: 220px;
    padding: 0.4rem;
    background: rgba(24, 24, 40, 0.94);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.vnc-settings-row[b-vci0o7ow8f] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.vnc-settings-label[b-vci0o7ow8f] {
    font-size: 0.6rem;
    color: rgba(255, 255, 255, 0.5);
    white-space: nowrap;
    min-width: 44px;
}

/* Fullscreen */
.vnc-root:fullscreen .vnc-toolbar[b-vci0o7ow8f] {
    bottom: 16px;
}
/* /Features/Workspace/MainLayout.razor.rz.scp.css */
/* Menubar */
.mdi-menubar[b-q59mk1rsae] {
    display: flex;
    align-items: center;
    height: 36px;
    background: var(--c2-bg-deep);
    border-bottom: 1px solid var(--c2-border-subtle);
    padding: 0 var(--c2-space-2);
    gap: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1050;
    user-select: none;
}

/* Brand menu */
.brand-menu[b-q59mk1rsae] {
    position: relative;
}

.mdi-brand[b-q59mk1rsae] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-weight: 700;
    font-size: 0.95rem;
    color: var(--c2-text);
    padding: 2px var(--c2-space-3);
    letter-spacing: 0.05em;
    background: none;
    border: none;
    cursor: pointer;
    border-radius: var(--c2-radius-sm);
    transition: background var(--c2-transition-normal);
}

.mdi-brand:hover[b-q59mk1rsae] {
    background: var(--c2-bg-highlight);
}

[b-q59mk1rsae] .brand-chevron {
    opacity: 0.5;
    margin-left: 2px;
}

.brand-popup[b-q59mk1rsae] {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 4px;
    min-width: 160px;
    background: var(--c2-bg-surface);
    border: 1px solid var(--c2-border);
    border-radius: var(--c2-radius-lg);
    box-shadow: var(--c2-elevation-3);
    z-index: 11000;
    display: flex;
    flex-direction: column;
    padding: 4px;
    animation: brand-drop-b-q59mk1rsae var(--c2-transition-normal);
}

@keyframes brand-drop-b-q59mk1rsae {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}

.brand-popup-item[b-q59mk1rsae] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    background: none;
    border: none;
    color: var(--c2-text-muted);
    font-size: 0.78rem;
    font-weight: 500;
    padding: 8px 12px;
    border-radius: var(--c2-radius-sm);
    cursor: pointer;
    transition: background var(--c2-transition-normal), color var(--c2-transition-normal);
}

.brand-popup-item:hover[b-q59mk1rsae] {
    background: var(--c2-bg-highlight);
    color: var(--c2-text);
}

.brand-popup-item.shutdown:hover[b-q59mk1rsae] {
    color: var(--c2-accent-red);
}

.brand-popup-divider[b-q59mk1rsae] {
    height: 1px;
    background: var(--c2-border);
    margin: 4px 0;
}

.mdi-sep[b-q59mk1rsae] {
    width: 1px;
    height: 16px;
    background: var(--c2-bg-highlight);
    margin: 0 var(--c2-space-2);
    flex-shrink: 0;
}

.mdi-menu-item[b-q59mk1rsae] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: none;
    border: none;
    color: var(--c2-text-muted);
    font-size: 0.78rem;
    padding: 4px 10px;
    cursor: pointer;
    border-radius: var(--c2-radius-sm);
    transition: background var(--c2-transition-normal), color var(--c2-transition-normal), transform 0.1s;
    font-weight: 500;
    user-select: none;
}

.mdi-menu-item:hover[b-q59mk1rsae] {
    background: var(--c2-bg-highlight);
    color: var(--c2-text);
}

.mdi-menu-item:active[b-q59mk1rsae] {
    transform: scale(0.97);
}

.mdi-menu-item:focus-visible[b-q59mk1rsae] {
    outline: 2px solid var(--c2-focus-ring);
    outline-offset: -1px;
}

.mdi-spacer[b-q59mk1rsae] {
    flex: 1;
}

/* Relay status pills */
.mdi-relay-status[b-q59mk1rsae] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.7rem;
    color: var(--c2-text-muted);
    padding: 2px 8px;
    border-radius: 10px;
    background: var(--c2-bg-overlay);
    border: 1px solid var(--c2-border);
    margin: 0 2px;
    transition: border-color var(--c2-transition-normal);
}

.mdi-relay-dot[b-q59mk1rsae] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    flex-shrink: 0;
}

.mdi-relay-dot.dot-on[b-q59mk1rsae] {
    background: var(--c2-accent-green);
    box-shadow: 0 0 4px var(--c2-accent-green);
}

.mdi-relay-dot.dot-off[b-q59mk1rsae] {
    background: var(--c2-text-dim);
}

.mdi-relay-name[b-q59mk1rsae] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 90px;
}

.mdi-relay-count[b-q59mk1rsae] {
    font-weight: 600;
    font-size: 0.65rem;
    color: var(--c2-accent-blue);
    background: var(--c2-blue-15);
    padding: 0 4px;
    border-radius: 6px;
    min-width: 14px;
    text-align: center;
}

/* Icon buttons (notifications, theme) */
.mdi-icon-btn[b-q59mk1rsae] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    background: none;
    color: var(--c2-text-muted);
    border-radius: var(--c2-radius-sm);
    cursor: pointer;
    transition: background var(--c2-transition-normal), color var(--c2-transition-normal);
    position: relative;
}

.mdi-icon-btn:hover[b-q59mk1rsae] {
    background: var(--c2-bg-highlight);
    color: var(--c2-text);
}

.mdi-icon-btn:focus-visible[b-q59mk1rsae] {
    outline: 2px solid var(--c2-focus-ring);
    outline-offset: -1px;
}

/* Workspace */
.mdi-workspace[b-q59mk1rsae] {
    position: fixed;
    top: 36px;
    left: 0;
    right: 0;
    bottom: var(--c2-taskbar-h, 32px);
    background:
        radial-gradient(ellipse at 20% 50%, var(--c2-workspace-grad1) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 20%, var(--c2-workspace-grad2) 0%, transparent 50%),
        var(--c2-bg-base);
}

/* Shutdown overlay */
.shutdown-overlay[b-q59mk1rsae] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(8px);
    animation: shutdown-fade-in-b-q59mk1rsae 0.3s ease;
}

.shutdown-card[b-q59mk1rsae] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    width: 100%;
    height: 100%;
    background: var(--c2-bg-base);
    text-align: center;
}

[b-q59mk1rsae] .shutdown-icon {
    color: var(--c2-accent-red);
    opacity: 0.8;
}

.shutdown-title[b-q59mk1rsae] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--c2-text);
}

.shutdown-text[b-q59mk1rsae] {
    margin: 0;
    font-size: 0.82rem;
    color: var(--c2-text-muted);
}

.shutdown-actions[b-q59mk1rsae] {
    display: flex;
    gap: 10px;
    margin-top: 8px;
}

.shutdown-btn[b-q59mk1rsae] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    font-size: 0.8rem;
    font-weight: 500;
    border: 1px solid var(--c2-border);
    border-radius: var(--c2-radius);
    cursor: pointer;
    transition: background var(--c2-transition-normal), color var(--c2-transition-normal), border-color var(--c2-transition-normal);
}

.shutdown-btn.close[b-q59mk1rsae] {
    background: var(--c2-accent-red);
    color: #fff;
    border-color: var(--c2-accent-red);
}

.shutdown-btn.close:hover[b-q59mk1rsae] {
    opacity: 0.85;
}

.shutdown-btn.restart[b-q59mk1rsae] {
    background: var(--c2-bg-highlight);
    color: var(--c2-text);
    border-color: var(--c2-border);
}

.shutdown-btn.restart:hover[b-q59mk1rsae] {
    background: var(--c2-bg-hover);
    border-color: var(--c2-text-muted);
}

@keyframes shutdown-fade-in-b-q59mk1rsae {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* ===== Tablet ===== */
@media (max-width: 1024px) {
    .mdi-relay-name[b-q59mk1rsae] {
        max-width: 60px;
    }

    .mdi-relay-status[b-q59mk1rsae] {
        font-size: 0.65rem;
        padding: 2px 6px;
    }
}

/* ===== Mobile ===== */
@media (max-width: 768px) {
    .mdi-menubar[b-q59mk1rsae] {
        height: 40px;
        padding: 0 var(--c2-space-1);
        overflow-x: auto;
        scrollbar-width: none;
    }

    .mdi-menubar[b-q59mk1rsae]::-webkit-scrollbar {
        display: none;
    }

    .mdi-brand[b-q59mk1rsae] {
        font-size: 0.85rem;
        padding: 0 var(--c2-space-2);
    }

    .mdi-menu-item[b-q59mk1rsae] {
        padding: 6px 8px;
        font-size: 0.75rem;
        min-height: 34px;
        flex-shrink: 0;
    }

    .mdi-sep[b-q59mk1rsae] {
        margin: 0 var(--c2-space-1);
    }

    .mdi-relay-status[b-q59mk1rsae] {
        display: none;
    }

    .mdi-sep:nth-of-type(2)[b-q59mk1rsae] {
        display: none;
    }

    .mdi-icon-btn[b-q59mk1rsae] {
        width: 34px;
        height: 34px;
    }

    .mdi-workspace[b-q59mk1rsae] {
        top: 40px;
    }
}

/* ===== Small Phone ===== */
@media (max-width: 480px) {
    .mdi-menubar[b-q59mk1rsae] {
        gap: 0;
    }

    .mdi-brand[b-q59mk1rsae] {
        font-size: 0.8rem;
        padding: 0 var(--c2-space-1);
    }

    .mdi-menu-item[b-q59mk1rsae] {
        padding: 6px 6px;
        font-size: 0.7rem;
    }

    .mdi-sep[b-q59mk1rsae] {
        display: none;
    }
}
/* /Features/Workspace/SetupWizard.razor.rz.scp.css */
/* Setup wizard — full window layout */
.su[b-6j6pe5uxnk] {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    background: var(--c2-bg-base);
    animation: c2-fade-in 0.25s ease-out;
}

/* Sidebar */
.su-sidebar[b-6j6pe5uxnk] {
    width: 260px;
    flex-shrink: 0;
    background: var(--c2-bg-alt);
    border-right: 1px solid var(--c2-border);
    display: flex;
    flex-direction: column;
    padding: 1.5rem 0;
}

.su-brand[b-6j6pe5uxnk] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0 1.25rem 1.5rem;
    border-bottom: 1px solid var(--c2-border);
    margin-bottom: 1.5rem;
}

.su-logo[b-6j6pe5uxnk] {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--c2-accent-blue);
    letter-spacing: -0.04em;
    font-family: monospace;
}

.su-brand-name[b-6j6pe5uxnk] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--c2-text-muted);
    letter-spacing: 0.02em;
}

/* Nav steps */
.su-nav[b-6j6pe5uxnk] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 0 0.75rem;
    flex: 1;
}

.su-nav-item[b-6j6pe5uxnk] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.6rem 0.75rem;
    border: none;
    border-radius: 6px;
    background: none;
    color: var(--c2-text-dim);
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
    text-align: left;
}

.su-nav-item:hover[b-6j6pe5uxnk] {
    background: var(--c2-hover-subtle);
    color: var(--c2-text-muted);
}

.su-nav-item.active[b-6j6pe5uxnk] {
    background: var(--c2-blue-04);
    color: var(--c2-accent-blue);
}

.su-nav-item.done .su-nav-label[b-6j6pe5uxnk] {
    color: var(--c2-text-dim);
}

.su-nav-num[b-6j6pe5uxnk] {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    font-weight: 700;
    flex-shrink: 0;
    background: var(--c2-border);
    color: var(--c2-text-dim);
}

.su-nav-item.active .su-nav-num[b-6j6pe5uxnk] {
    background: var(--c2-accent-blue);
    color: #fff;
}

.su-nav-item.done .su-nav-num[b-6j6pe5uxnk] {
    background: var(--c2-accent-green);
    color: #fff;
}

.su-nav-item.locked[b-6j6pe5uxnk] {
    opacity: 0.35;
    cursor: not-allowed;
}

.su-nav-item.locked:hover[b-6j6pe5uxnk] {
    background: none;
    color: var(--c2-text-dim);
}

.su-nav-label[b-6j6pe5uxnk] {
    flex: 1;
}

.su-nav-check[b-6j6pe5uxnk] {
    color: var(--c2-accent-green);
    font-size: 0.85rem;
    font-weight: 700;
}

.su-sidebar-footer[b-6j6pe5uxnk] {
    padding: 1rem 1.25rem 0.5rem;
    border-top: 1px solid var(--c2-border);
    margin-top: auto;
}

.su-footer-text[b-6j6pe5uxnk] {
    font-size: 0.7rem;
    color: var(--c2-text-dim);
    line-height: 1.5;
}

/* Main content area */
.su-main[b-6j6pe5uxnk] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-y: auto;
    padding: 2rem;
}

.su-content[b-6j6pe5uxnk] {
    max-width: 560px;
    width: 100%;
}

.su-title[b-6j6pe5uxnk] {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--c2-text);
    margin: 0 0 0.75rem;
}

.su-desc[b-6j6pe5uxnk] {
    color: var(--c2-text-muted);
    font-size: 0.85rem;
    line-height: 1.6;
    margin-bottom: 1.25rem;
}

.su-hint[b-6j6pe5uxnk] {
    color: var(--c2-text-dim);
    font-size: 0.75rem;
    margin-top: 1rem;
    margin-bottom: 0;
}

/* Section label */
.su-section-label[b-6j6pe5uxnk] {
    font-size: 0.7rem;
    font-weight: 700;
    color: var(--c2-text-dim);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 0.5rem;
    margin-top: 0.75rem;
}

/* Features list */
.su-features[b-6j6pe5uxnk] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    margin-bottom: 1.5rem;
}

.su-feature[b-6j6pe5uxnk] {
    display: flex;
    gap: 0.75rem;
    padding: 0.65rem 0.85rem;
    background: var(--c2-bg-alt);
    border: 1px solid var(--c2-border);
    border-radius: 8px;
}

.su-feature-icon[b-6j6pe5uxnk] {
    font-size: 1.1rem;
    flex-shrink: 0;
    line-height: 1.3;
}

.su-feature-text[b-6j6pe5uxnk] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    font-size: 0.78rem;
    color: var(--c2-text-muted);
    line-height: 1.5;
}

.su-feature-text strong[b-6j6pe5uxnk] {
    color: var(--c2-text);
    font-size: 0.82rem;
}

/* Links */
.su-links[b-6j6pe5uxnk] {
    display: flex;
    gap: 0.6rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.su-link[b-6j6pe5uxnk] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.4rem 0.75rem;
    background: var(--c2-bg-alt);
    border: 1px solid var(--c2-border);
    border-radius: 6px;
    color: var(--c2-accent-blue);
    font-size: 0.78rem;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.15s;
}

.su-link:hover[b-6j6pe5uxnk] {
    border-color: var(--c2-accent-blue);
    background: var(--c2-blue-04);
}

.su-link-icon[b-6j6pe5uxnk] {
    font-size: 0.85rem;
}

/* Info box */
.su-info-box[b-6j6pe5uxnk] {
    display: flex;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: var(--c2-blue-04);
    border: 1px solid var(--c2-accent-blue);
    border-radius: 8px;
    margin-bottom: 1.25rem;
}

.su-info-box-danger[b-6j6pe5uxnk] {
    background: var(--c2-red-04);
    border-color: var(--c2-accent-red);
}

.su-info-icon[b-6j6pe5uxnk] {
    font-size: 1.2rem;
    flex-shrink: 0;
    line-height: 1;
}

.su-info-text[b-6j6pe5uxnk] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    font-size: 0.78rem;
    color: var(--c2-text-muted);
    line-height: 1.5;
}

.su-info-text strong[b-6j6pe5uxnk] {
    color: var(--c2-text);
    font-size: 0.8rem;
}

/* Form */
.su-form[b-6j6pe5uxnk] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
}

.su-field[b-6j6pe5uxnk] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.su-label[b-6j6pe5uxnk] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--c2-text);
}

/* Relay list */
.su-relay-list[b-6j6pe5uxnk] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-bottom: 1.25rem;
}

.su-relay-item[b-6j6pe5uxnk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: var(--c2-bg-alt);
    border: 1px solid var(--c2-border);
    border-radius: 6px;
    transition: all 0.15s;
}

.su-relay-item.su-relay-enabled[b-6j6pe5uxnk] {
    border-color: var(--c2-accent-green);
    background: var(--c2-green-04);
}

.su-relay-info[b-6j6pe5uxnk] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
    flex: 1;
}

.su-relay-name[b-6j6pe5uxnk] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--c2-text);
}

.su-relay-url[b-6j6pe5uxnk] {
    font-size: 0.68rem;
    color: var(--c2-text-dim);
    font-family: monospace;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.su-relay-actions[b-6j6pe5uxnk] {
    display: flex;
    align-items: center;
    gap: 3px;
    flex-shrink: 0;
}

.su-field-hint[b-6j6pe5uxnk] {
    font-size: 0.68rem;
    color: var(--c2-text-dim);
}

/* Actions */
.su-actions[b-6j6pe5uxnk] {
    display: flex;
    gap: 0.6rem;
    margin-top: 0.5rem;
}

/* Extension groups */
.su-ext-groups[b-6j6pe5uxnk] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin-bottom: 1.25rem;
    max-height: 400px;
    overflow-y: auto;
}

.su-ext-group[b-6j6pe5uxnk] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    background: var(--c2-bg-alt);
    border: 1px solid var(--c2-border);
    border-radius: 6px;
    padding: 0.6rem 0.75rem;
    cursor: pointer;
    text-align: left;
    transition: all 0.15s;
}

.su-ext-group:hover[b-6j6pe5uxnk] {
    border-color: var(--c2-accent-blue);
}

.su-ext-group.active[b-6j6pe5uxnk] {
    background: var(--c2-blue-04);
    border-color: var(--c2-accent-blue);
}

.su-ext-group-top[b-6j6pe5uxnk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.su-ext-group-check[b-6j6pe5uxnk] {
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 3px;
    border: 1.5px solid var(--c2-border);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    font-weight: 700;
    flex-shrink: 0;
    color: transparent;
}

.su-ext-group.active .su-ext-group-check[b-6j6pe5uxnk] {
    background: var(--c2-accent-blue);
    border-color: var(--c2-accent-blue);
    color: #fff;
}

.su-ext-group-name[b-6j6pe5uxnk] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--c2-text);
}

.su-ext-group.active .su-ext-group-name[b-6j6pe5uxnk] {
    color: var(--c2-accent-blue);
}

.su-ext-group-exts[b-6j6pe5uxnk] {
    font-size: 0.65rem;
    color: var(--c2-text-dim);
    font-family: monospace;
    padding-left: 1.6rem;
}

/* Remove button on custom groups */
.su-ext-remove[b-6j6pe5uxnk] {
    margin-left: auto;
    background: none;
    border: none;
    color: var(--c2-text-dim);
    cursor: pointer;
    font-size: 0.75rem;
    padding: 0 0.25rem;
    line-height: 1;
    transition: color 0.15s;
}

.su-ext-remove:hover[b-6j6pe5uxnk] {
    color: var(--c2-accent-red);
}

/* Custom group form */
.su-custom-form[b-6j6pe5uxnk] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-bottom: 1.25rem;
}

.su-custom-row[b-6j6pe5uxnk] {
    display: flex;
    gap: 0.4rem;
    align-items: center;
}

.su-custom-row > :first-child[b-6j6pe5uxnk] {
    flex: 1;
    min-width: 0;
}

.su-custom-row > :nth-child(2)[b-6j6pe5uxnk] {
    flex: 2;
    min-width: 0;
}

.su-custom-error[b-6j6pe5uxnk] {
    font-size: 0.65rem;
    color: var(--c2-accent-red);
    font-weight: 500;
}

/* ===== Tablet ===== */
@media (max-width: 1024px) {
    .su-sidebar[b-6j6pe5uxnk] {
        width: 220px;
        padding: 1rem 0;
    }

    .su-brand[b-6j6pe5uxnk] {
        padding: 0 1rem 1rem;
        margin-bottom: 1rem;
    }

    .su-main[b-6j6pe5uxnk] {
        padding: 1.5rem;
    }
}

/* ===== Mobile ===== */
@media (max-width: 768px) {
    .su[b-6j6pe5uxnk] {
        flex-direction: column;
    }

    .su-sidebar[b-6j6pe5uxnk] {
        width: 100%;
        flex-shrink: 0;
        border-right: none;
        border-bottom: 1px solid var(--c2-border);
        padding: 0.75rem 0;
    }

    .su-brand[b-6j6pe5uxnk] {
        padding: 0 1rem 0.75rem;
        margin-bottom: 0.75rem;
    }

    .su-nav[b-6j6pe5uxnk] {
        flex-direction: row;
        overflow-x: auto;
        gap: 4px;
        padding: 0 0.5rem;
        scrollbar-width: none;
    }

    .su-nav[b-6j6pe5uxnk]::-webkit-scrollbar {
        display: none;
    }

    .su-nav-item[b-6j6pe5uxnk] {
        flex-shrink: 0;
        padding: 0.4rem 0.6rem;
        font-size: 0.75rem;
    }

    .su-sidebar-footer[b-6j6pe5uxnk] {
        display: none;
    }

    .su-main[b-6j6pe5uxnk] {
        padding: 1rem;
        align-items: flex-start;
    }

    .su-content[b-6j6pe5uxnk] {
        max-width: 100%;
    }

    .su-title[b-6j6pe5uxnk] {
        font-size: 1.2rem;
    }

    .su-features[b-6j6pe5uxnk] {
        gap: 0.4rem;
        margin-bottom: 1rem;
    }

    .su-feature[b-6j6pe5uxnk] {
        padding: 0.5rem 0.65rem;
    }

    .su-links[b-6j6pe5uxnk] {
        gap: 0.4rem;
        margin-bottom: 1rem;
    }

    .su-ext-groups[b-6j6pe5uxnk] {
        max-height: 250px;
    }

    .su-custom-row[b-6j6pe5uxnk] {
        flex-direction: column;
    }

    .su-custom-row > :first-child[b-6j6pe5uxnk],
    .su-custom-row > :nth-child(2)[b-6j6pe5uxnk] {
        flex: unset;
    }

    .su-relay-actions[b-6j6pe5uxnk] {
        gap: 4px;
    }
}

/* ===== Small phone ===== */
@media (max-width: 480px) {
    .su-main[b-6j6pe5uxnk] {
        padding: 0.75rem;
    }

    .su-title[b-6j6pe5uxnk] {
        font-size: 1.1rem;
    }

    .su-desc[b-6j6pe5uxnk] {
        font-size: 0.8rem;
    }

    .su-feature-text[b-6j6pe5uxnk] {
        font-size: 0.74rem;
    }

    .su-actions[b-6j6pe5uxnk] {
        flex-direction: column;
    }
}
/* /Shared/C2Badge.razor.rz.scp.css */
/* Base badge */
.c2-badge[b-rpt1efpu5q] {
    display: inline-flex;
    align-items: center;
    font-size: 0.65rem;
    font-weight: 600;
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
    letter-spacing: 0.03em;
    white-space: nowrap;
    line-height: 1.4;
    user-select: none;
    transition: opacity 0.15s;
}

/* Variants */
.c2-badge-success[b-rpt1efpu5q] {
    background: var(--c2-green-15);
    color: var(--c2-accent-green);
}

.c2-badge-danger[b-rpt1efpu5q] {
    background: var(--c2-red-15);
    color: var(--c2-accent-red);
}

.c2-badge-warning[b-rpt1efpu5q] {
    background: var(--c2-yellow-15);
    color: var(--c2-accent-yellow);
}

.c2-badge-info[b-rpt1efpu5q] {
    background: var(--c2-blue-15);
    color: var(--c2-accent-blue);
}

.c2-badge-muted[b-rpt1efpu5q] {
    background: var(--c2-bg-active);
    color: var(--c2-text-muted);
}

.c2-badge-dark[b-rpt1efpu5q] {
    background: var(--c2-bg-deep);
    color: var(--c2-text-dim);
}

/* Sizes */
.c2-badge-xs[b-rpt1efpu5q] {
    font-size: 0.55rem;
    padding: 0.05rem 0.3rem;
    border-radius: 3px;
}
/* /Shared/C2Btn.razor.rz.scp.css */
/* Base button */
.c2-btn[b-hx6p1hrsd3] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    background: var(--c2-bg-overlay);
    border: 1px solid var(--c2-border);
    color: var(--c2-text-muted);
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s, color 0.15s, border-color 0.15s, transform 0.1s;
    letter-spacing: 0.02em;
    line-height: 1.4;
    user-select: none;
}

.c2-btn:hover:not(:disabled)[b-hx6p1hrsd3] {
    background: var(--c2-bg-highlight);
    color: var(--c2-text);
}

.c2-btn:active:not(:disabled)[b-hx6p1hrsd3] {
    transform: scale(0.97);
}

.c2-btn:focus-visible[b-hx6p1hrsd3] {
    outline: 2px solid var(--c2-accent-blue);
    outline-offset: 1px;
}

.c2-btn:disabled[b-hx6p1hrsd3] {
    opacity: 0.4;
    cursor: not-allowed;
}

/* Variants */
.c2-btn-primary[b-hx6p1hrsd3] {
    color: var(--c2-accent-blue);
    border-color: var(--c2-accent-blue);
}

.c2-btn-primary:hover:not(:disabled)[b-hx6p1hrsd3] {
    background: var(--c2-accent-blue);
    color: var(--c2-bg-base);
}

.c2-btn-success[b-hx6p1hrsd3] {
    color: var(--c2-accent-green);
    border-color: var(--c2-accent-green);
}

.c2-btn-success:hover:not(:disabled)[b-hx6p1hrsd3] {
    background: var(--c2-accent-green);
    color: var(--c2-bg-base);
}

.c2-btn-danger[b-hx6p1hrsd3] {
    color: var(--c2-accent-red);
    border-color: var(--c2-red-40);
}

.c2-btn-danger:hover:not(:disabled)[b-hx6p1hrsd3] {
    background: var(--c2-accent-red);
    color: var(--c2-bg-base);
}

.c2-btn-danger-solid[b-hx6p1hrsd3] {
    background: var(--c2-accent-red);
    border-color: var(--c2-accent-red);
    color: var(--c2-bg-base);
}

.c2-btn-warning[b-hx6p1hrsd3] {
    color: var(--c2-accent-yellow);
    border-color: var(--c2-yellow-40);
}

.c2-btn-warning:hover:not(:disabled)[b-hx6p1hrsd3] {
    background: var(--c2-accent-yellow);
    color: var(--c2-bg-base);
}

.c2-btn-ghost[b-hx6p1hrsd3] {
    background: none;
    border-color: transparent;
}

.c2-btn-ghost:hover:not(:disabled)[b-hx6p1hrsd3] {
    background: var(--c2-bg-overlay);
}

.c2-btn-link[b-hx6p1hrsd3] {
    background: none;
    border: none;
    color: var(--c2-accent-blue);
    padding: 0;
    font-weight: 400;
}

.c2-btn-link:hover:not(:disabled)[b-hx6p1hrsd3] {
    background: none;
    text-decoration: underline;
}

/* Sizes */
.c2-btn-xs[b-hx6p1hrsd3] {
    font-size: 0.6rem;
    padding: 0.05rem 0.25rem;
    border-radius: 3px;
}

.c2-btn-md[b-hx6p1hrsd3] {
    font-size: 0.82rem;
    padding: 0.3rem 0.75rem;
}

.c2-btn-lg[b-hx6p1hrsd3] {
    font-size: 0.9rem;
    padding: 0.45rem 1.2rem;
    border-radius: 6px;
}

.c2-btn-icon[b-hx6p1hrsd3] {
    padding: 0.15rem 0.3rem;
    font-size: 0.65rem;
    background: none;
    border-color: transparent;
}

.c2-btn-icon:hover:not(:disabled)[b-hx6p1hrsd3] {
    background: var(--c2-bg-overlay);
}
/* /Shared/C2Card.razor.rz.scp.css */
/* Card */
.c2-card[b-w8hz2k96pb] {
    border: 1px solid var(--c2-border);
    border-radius: 6px;
    background: var(--c2-bg-surface);
    overflow: hidden;
    transition: border-color 0.15s;
}

.c2-card-header[b-w8hz2k96pb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.4rem 0.6rem;
    background: var(--c2-bg-deep);
    border-bottom: 1px solid var(--c2-border);
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--c2-text);
}

.c2-card-body[b-w8hz2k96pb] {
    padding: 0.75rem;
}

.c2-card-flush[b-w8hz2k96pb] {
    padding: 0;
}

.c2-card-compact[b-w8hz2k96pb] {
    padding: 0.4rem 0.6rem;
}
/* /Shared/C2Dialog.razor.rz.scp.css */
.c2-dialog-backdrop[b-d77rfpfyqi] {
    position: fixed;
    inset: 0;
    background: var(--c2-overlay-bg);
    z-index: 2000;
}

.c2-dialog[b-d77rfpfyqi] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2001;
    min-width: 320px;
    max-width: 460px;
    background: var(--c2-bg-base);
    border: 1px solid var(--c2-border-light);
    border-radius: var(--c2-radius-lg);
    box-shadow: var(--c2-elevation-3);
    animation: c2-dialog-in-b-d77rfpfyqi 0.15s ease-out;
}

@keyframes c2-dialog-in-b-d77rfpfyqi {
    from { opacity: 0; transform: translate(-50%, -50%) scale(0.95); }
    to   { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}

.c2-dialog-header[b-d77rfpfyqi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--c2-border);
}

.c2-dialog-title[b-d77rfpfyqi] {
    font-weight: 600;
    font-size: 0.85rem;
}

.c2-dialog-close[b-d77rfpfyqi] {
    background: none;
    border: none;
    color: var(--c2-text-dim);
    font-size: 1.1rem;
    cursor: pointer;
    padding: 0 0.25rem;
    border-radius: var(--c2-radius-sm);
    line-height: 1;
    transition: color var(--c2-transition-fast);
}

.c2-dialog-close:hover[b-d77rfpfyqi] {
    color: var(--c2-text);
}

.c2-dialog-body[b-d77rfpfyqi] {
    padding: 1rem;
}

.c2-dialog-footer[b-d77rfpfyqi] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-top: 1px solid var(--c2-border);
}

/* Mobile — full-width dialog */
@media (max-width: 768px) {
    .c2-dialog[b-d77rfpfyqi] {
        min-width: unset;
        max-width: unset;
        width: calc(100vw - 1.5rem);
    }

    .c2-dialog-close[b-d77rfpfyqi] {
        padding: 0.25rem;
        font-size: 1.2rem;
    }
}

@media (max-width: 480px) {
    .c2-dialog[b-d77rfpfyqi] {
        width: calc(100vw - 1rem);
    }

    .c2-dialog-header[b-d77rfpfyqi] {
        padding: 0.6rem 0.75rem;
    }

    .c2-dialog-body[b-d77rfpfyqi] {
        padding: 0.75rem;
    }

    .c2-dialog-footer[b-d77rfpfyqi] {
        padding: 0.6rem 0.75rem;
    }
}
/* /Shared/C2Dropdown.razor.rz.scp.css */
/* Dropdown backdrop */
.c2-dropdown-backdrop[b-5fcgej026a] {
    position: fixed;
    inset: 0;
    z-index: 1050;
}

/* Dropdown menu */
.c2-dropdown[b-5fcgej026a] {
    position: fixed;
    z-index: 1051;
    min-width: 140px;
    background: var(--c2-bg-base);
    border: 1px solid var(--c2-border-light);
    border-radius: 6px;
    box-shadow: 0 4px 16px var(--c2-shadow);
    padding: 0.25rem 0;
    overflow: visible;
    animation: c2-dropdown-in-b-5fcgej026a 0.12s ease-out;
}

@keyframes c2-dropdown-in-b-5fcgej026a {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Mobile — ensure dropdown fits in viewport */
@media (max-width: 768px) {
    .c2-dropdown[b-5fcgej026a] {
        max-width: calc(100vw - 1rem);
        max-height: 60vh;
        overflow-y: auto;
    }
}
/* /Shared/C2DropdownItem.razor.rz.scp.css */
/* Dropdown item */
.c2-dropdown-item[b-9sw5oei5v5] {
    display: block;
    width: 100%;
    background: none;
    border: none;
    color: var(--c2-text);
    font-size: 0.78rem;
    padding: 0.35rem 0.75rem;
    text-align: left;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
    user-select: none;
}

.c2-dropdown-item:hover:not(:disabled)[b-9sw5oei5v5] {
    background: var(--c2-bg-highlight);
}

.c2-dropdown-item:focus-visible[b-9sw5oei5v5] {
    outline: 2px solid var(--c2-accent-blue);
    outline-offset: -2px;
}

.c2-dropdown-item:disabled[b-9sw5oei5v5] {
    opacity: 0.4;
    cursor: not-allowed;
}
/* /Shared/C2Input.razor.rz.scp.css */
/* Base input */
.c2-input[b-igvwc5ghv9] {
    width: 100%;
    background: var(--c2-bg-deep);
    border: 1px solid var(--c2-border);
    color: var(--c2-text);
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    outline: none;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.c2-input:focus[b-igvwc5ghv9] {
    border-color: var(--c2-accent-blue);
    box-shadow: 0 0 0 2px var(--c2-focus-ring);
}

.c2-input:disabled[b-igvwc5ghv9] {
    opacity: 0.5;
    cursor: not-allowed;
}

.c2-input[b-igvwc5ghv9]::placeholder {
    color: var(--c2-text-dim);
    transition: color 0.15s;
}

.c2-input:focus[b-igvwc5ghv9]::placeholder {
    color: var(--c2-text-muted);
}

/* Monospace */
.c2-input-mono[b-igvwc5ghv9] {
    font-family: monospace;
}

/* Sizes */
.c2-input-xs[b-igvwc5ghv9] {
    font-size: 0.65rem;
    padding: 0.15rem 0.35rem;
}

.c2-input-md[b-igvwc5ghv9] {
    font-size: 0.85rem;
    padding: 0.35rem 0.65rem;
}

.c2-input-lg[b-igvwc5ghv9] {
    font-size: 0.95rem;
    padding: 0.45rem 0.8rem;
    border-radius: 6px;
}
/* /Shared/C2Progress.razor.rz.scp.css */
/* Progress bar */
.c2-progress[b-kea0w8ft86] {
    height: 4px;
    background: var(--c2-bg-overlay);
    border-radius: 2px;
    overflow: hidden;
}

.c2-progress-fill[b-kea0w8ft86] {
    height: 100%;
    border-radius: 2px;
    transition: width 0.3s ease;
}

/* Variants */
.c2-progress-info[b-kea0w8ft86] {
    background: var(--c2-accent-blue);
    box-shadow: 0 0 6px var(--c2-blue-30);
}

.c2-progress-success[b-kea0w8ft86] {
    background: var(--c2-accent-green);
}

.c2-progress-warning[b-kea0w8ft86] {
    background: var(--c2-accent-yellow);
}

.c2-progress-danger[b-kea0w8ft86] {
    background: var(--c2-accent-red);
}

.c2-progress-muted[b-kea0w8ft86] {
    background: var(--c2-bg-active);
}

/* Sizes */
.c2-progress-xs[b-kea0w8ft86] {
    height: 3px;
}
/* /Shared/C2Spinner.razor.rz.scp.css */
/* Spinner base styles are in app.css (global) for cross-component use */
/* /Shared/C2Table.razor.rz.scp.css */
/* Table wrapper */
.c2-table-wrap[b-cfawl2jncy] {
    overflow-x: auto;
    border: 1px solid var(--c2-border);
    border-radius: 6px;
}

/* Table */
.c2-table[b-cfawl2jncy] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.78rem;
    color: var(--c2-text);
}

/* Header */
.c2-table th[b-cfawl2jncy] {
    font-size: 0.68rem;
    font-weight: 600;
    color: var(--c2-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0.45rem 0.6rem;
    border-bottom: 1px solid var(--c2-border);
    background: var(--c2-bg-deep);
    text-align: left;
    white-space: nowrap;
    position: sticky;
    top: 0;
    z-index: 1;
}

/* Cells */
.c2-table td[b-cfawl2jncy] {
    padding: 0.4rem 0.6rem;
    border-bottom: 1px solid var(--c2-border);
    vertical-align: middle;
}

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

/* Code inside cells */
.c2-table code[b-cfawl2jncy] {
    font-size: 0.72rem;
    color: var(--c2-text-muted);
    background: none;
}

/* Striped */
.c2-table-striped tbody tr:nth-child(even)[b-cfawl2jncy] {
    background: var(--c2-bg-surface);
}

/* Hover */
.c2-table-hover tbody tr[b-cfawl2jncy] {
    transition: background 0.15s;
}

.c2-table-hover tbody tr:hover[b-cfawl2jncy] {
    background: var(--c2-bg-overlay);
}

/* Fixed layout */
.c2-table-fixed[b-cfawl2jncy] {
    table-layout: fixed;
}

/* Compact */
.c2-table-compact th[b-cfawl2jncy] {
    padding: 0.3rem 0.5rem;
    font-size: 0.62rem;
}

.c2-table-compact td[b-cfawl2jncy] {
    padding: 0.25rem 0.5rem;
    font-size: 0.74rem;
}
/* /Shared/C2Tr.razor.rz.scp.css */
/* Active row */
.c2-tr-active[b-4uiblusxqi] {
    background: var(--c2-blue-08) !important;
    border-left: 2px solid var(--c2-accent-blue);
}

/* Dimmed row */
.c2-tr-dim[b-4uiblusxqi] {
    opacity: 0.5;
    transition: opacity 0.15s;
}

.c2-tr-dim:hover[b-4uiblusxqi] {
    opacity: 0.7;
}
/* /Shared/PanelLayout.razor.rz.scp.css */
/* Shared panel layout — used by all panels for consistent structure */

.panel[b-t1cd8myynk] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.panel-header[b-t1cd8myynk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0.5rem 0.35rem;
    gap: 0.5rem;
    flex-shrink: 0;
}

.panel-header-left[b-t1cd8myynk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.panel-header-right[b-t1cd8myynk] {
    display: flex;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
}

.panel-title[b-t1cd8myynk] {
    font-weight: 700;
    font-size: 0.8rem;
    color: var(--c2-text);
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.panel-toolbar[b-t1cd8myynk] {
    flex-shrink: 0;
    padding: 0 0.5rem;
}

.panel-body[b-t1cd8myynk] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

/* Mobile — tighter panel spacing */
@media (max-width: 768px) {
    .panel-header[b-t1cd8myynk] {
        padding: 0.4rem 0.4rem 0.3rem;
        gap: 0.35rem;
    }

    .panel-title[b-t1cd8myynk] {
        font-size: 0.78rem;
    }

    .panel-toolbar[b-t1cd8myynk] {
        padding: 0 0.4rem;
    }
}

@media (max-width: 480px) {
    .panel-header[b-t1cd8myynk] {
        padding: 0.35rem 0.3rem 0.25rem;
        flex-wrap: wrap;
    }

    .panel-toolbar[b-t1cd8myynk] {
        padding: 0 0.3rem;
    }
}