/* /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: 64px;
    text-align: center;
    white-space: nowrap;
}

/* Combined status indicator: dot + label */
.ap-status-label[b-2n1wruitnp] {
    display: block;
    font-size: 0.58rem;
    margin-top: 0.15rem;
    color: var(--c2-text-dim);
    letter-spacing: 0.02em;
    font-weight: 500;
    text-transform: uppercase;
}

.ap-status-online[b-2n1wruitnp] {
    color: var(--c2-accent-green);
}

.ap-status-paired[b-2n1wruitnp] {
    color: var(--c2-accent-green);
}

.ap-status-other[b-2n1wruitnp] {
    color: var(--c2-accent-red);
}

/* Pulse animation for paired-by-us dot */
.dot-pulse[b-2n1wruitnp] {
    animation: dot-pulse-b-2n1wruitnp 2s ease-in-out infinite;
}

@keyframes dot-pulse-b-2n1wruitnp {
    0%, 100% { box-shadow: 0 0 4px var(--c2-accent-green); }
    50% { box-shadow: 0 0 8px var(--c2-accent-green), 0 0 12px var(--c2-accent-green); }
}

/* 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;
}

/* User agent fallback (merged columns) */
.ap-col-ua[b-2n1wruitnp] {
    max-width: 300px;
}

.ap-ua-text[b-2n1wruitnp] {
    font-size: 0.72rem;
    color: var(--c2-text-dim);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

/* 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;
}

/* Registered column */
.ap-col-registered[b-2n1wruitnp] {
    white-space: nowrap;
    color: var(--c2-text-muted);
    font-size: 0.74rem;
}

/* Network & 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-sub-label[b-2n1wruitnp] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.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-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/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/FileSystem/FileActions.razor.rz.scp.css */
/* Download status badge inline */
.fm-dl-badge[b-hqk5vp1vm7] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    margin-left: 0.35rem;
    vertical-align: middle;
}
/* /Features/FileSystem/FilePanel.razor.rz.scp.css */
/* ===== FilePanel — Virtualized display panel ===== */

.fp[b-dy3o9mdnrl] {
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid var(--c2-border);
    border-radius: 6px;
    overflow: hidden;
    background: var(--c2-bg-surface);
}

.fp-active[b-dy3o9mdnrl] {
    border-color: var(--c2-border);
}

/* Header */
.fp-header[b-dy3o9mdnrl] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.25rem 0.5rem;
    background: var(--c2-bg-deep);
    border-bottom: 1px solid var(--c2-border);
    flex-shrink: 0;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.fp-mode-label[b-dy3o9mdnrl] {
    color: var(--c2-text-muted);
}

.fp-icon-local[b-dy3o9mdnrl] {
    color: var(--c2-accent-green);
}

.fp-icon-remote[b-dy3o9mdnrl] {
    color: var(--c2-accent-blue);
}

/* Entries area */
.fp-entries[b-dy3o9mdnrl] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    outline: none;
}

/* ===== Column header (fixed) ===== */

.fp-table-head[b-dy3o9mdnrl] {
    display: flex;
    align-items: center;
    padding: 0.25rem 0;
    background: var(--c2-bg-deep);
    border-bottom: 1px solid var(--c2-border);
    font-size: 0.68rem;
    font-weight: 600;
    color: var(--c2-text-muted);
    flex-shrink: 0;
}

.fp-th-check[b-dy3o9mdnrl] {
    width: 1.6rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 4px;
}

.fp-th-check input[b-dy3o9mdnrl] {
    cursor: pointer;
    accent-color: var(--c2-accent-blue);
    margin: 0;
    width: 12px;
    height: 12px;
}

.fp-th-icon[b-dy3o9mdnrl] {
    width: 1.8rem;
    flex-shrink: 0;
}

.fp-th-name[b-dy3o9mdnrl] {
    flex: 1;
    min-width: 0;
    padding: 0 0.3rem;
}

.fp-th-size[b-dy3o9mdnrl] {
    width: 5.5rem;
    text-align: right;
    padding: 0 0.4rem;
    flex-shrink: 0;
}

.fp-th-modified[b-dy3o9mdnrl] {
    width: 9rem;
    padding: 0 0.4rem;
    flex-shrink: 0;
}

.fp-col-sortable[b-dy3o9mdnrl] {
    cursor: pointer;
    user-select: none;
}

.fp-col-sortable:hover[b-dy3o9mdnrl] {
    color: var(--c2-text);
}

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

.fp-sort-arrow[b-dy3o9mdnrl] {
    font-size: 0.55rem;
    margin-left: 0.15rem;
    vertical-align: middle;
}

/* ===== Virtualized list ===== */

.fp-vlist[b-dy3o9mdnrl] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}

/* ===== Row ===== */

.fp-row[b-dy3o9mdnrl] {
    display: flex;
    align-items: center;
    height: 26px;
    cursor: pointer;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.73rem;
    position: relative;
}

.fp-progress-bar[b-dy3o9mdnrl] {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    background: var(--c2-accent-blue);
    pointer-events: none;
    transition: width 0.4s linear;
}

/* Cells */
.fp-cell-check[b-dy3o9mdnrl] {
    width: 1.6rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 4px;
}

.fp-cell-check input[b-dy3o9mdnrl] {
    cursor: pointer;
    accent-color: var(--c2-accent-blue);
    margin: 0;
    width: 12px;
    height: 12px;
}

.fp-cell-icon[b-dy3o9mdnrl] {
    width: 1.8rem;
    flex-shrink: 0;
    text-align: center;
}

.fp-cell-name[b-dy3o9mdnrl] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 0.3rem;
}

.fp-cell-size[b-dy3o9mdnrl] {
    width: 5.5rem;
    text-align: right;
    color: var(--c2-text-dim);
    font-size: 0.7rem;
    white-space: nowrap;
    padding: 0 0.4rem;
    flex-shrink: 0;
}

.fp-cell-modified[b-dy3o9mdnrl] {
    width: 9rem;
    color: var(--c2-text-dim);
    font-size: 0.7rem;
    white-space: nowrap;
    padding: 0 0.4rem;
    flex-shrink: 0;
}

/* --- Directory hover --- */
.fp-row-dir:hover[b-dy3o9mdnrl] {
    background: var(--c2-yellow-10, rgba(255, 193, 7, 0.06));
}

.fp-row-dir.fp-row-active[b-dy3o9mdnrl] {
    background: var(--c2-yellow-10, rgba(255, 193, 7, 0.1));
}

/* --- File hover --- */
.fp-row-file:hover[b-dy3o9mdnrl] {
    background: var(--c2-bg-overlay);
}

/* --- Selected --- */
.fp-row-active[b-dy3o9mdnrl] {
    background: var(--c2-blue-10);
}

/* --- Dimmed --- */
.fp-row-dim[b-dy3o9mdnrl] {
    opacity: 0.4;
}

.fp-row-dim:hover[b-dy3o9mdnrl] {
    opacity: 0.6;
}

/* ===== Download status accents ===== */

.fp-row-synced[b-dy3o9mdnrl] {
    box-shadow: inset -3px 0 0 var(--c2-accent-green);
}

.fp-row-queued[b-dy3o9mdnrl] {
    box-shadow: inset -3px 0 0 var(--c2-text-dim);
}

.fp-row-paused[b-dy3o9mdnrl] {
    box-shadow: inset -3px 0 0 var(--c2-accent-yellow);
}

.fp-row-downloading[b-dy3o9mdnrl] {
    box-shadow: inset -3px 0 0 var(--c2-accent-blue);
    animation: fp-pulse-b-dy3o9mdnrl 1.5s ease-in-out infinite;
}

@keyframes fp-pulse-b-dy3o9mdnrl {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.85; }
}

/* ===== Download badge ===== */

.fp-dl-badge[b-dy3o9mdnrl] {
    display: inline-block;
    margin-left: 0.4rem;
    padding: 0 0.3rem;
    border-radius: 3px;
    font-size: 0.58rem;
    font-weight: 700;
    font-family: 'JetBrains Mono', monospace;
    vertical-align: middle;
    line-height: 1.4;
}

.fp-dl-queued[b-dy3o9mdnrl] {
    background: var(--c2-bg-overlay);
    color: var(--c2-text-dim);
}

.fp-dl-done[b-dy3o9mdnrl] {
    color: var(--c2-accent-green);
}

.fp-dl-paused[b-dy3o9mdnrl] {
    background: var(--c2-yellow-10, rgba(255, 193, 7, 0.1));
    color: var(--c2-accent-yellow);
}

/* ===== Icon colors ===== */

[b-dy3o9mdnrl] .fp-icon-dir {
    color: var(--c2-accent-yellow);
}

[b-dy3o9mdnrl] .fp-icon-file {
    color: var(--c2-text-dim);
}

[b-dy3o9mdnrl] .fp-icon-drive {
    color: var(--c2-accent-blue);
}

/* ===== Empty / loading ===== */

.fp-empty[b-dy3o9mdnrl] {
    padding: 1.5rem 1rem;
    text-align: center;
    color: var(--c2-text-dim);
    font-size: 0.75rem;
    font-style: italic;
}

.fp-loading[b-dy3o9mdnrl] {
    padding: 1.5rem 1rem;
    text-align: center;
    color: var(--c2-text-muted);
    font-size: 0.75rem;
}

/* Context menu separator */
[b-dy3o9mdnrl] .fp-ctx-sep {
    height: 1px;
    background: var(--c2-border);
    margin: 0.2rem 0;
}

/* ===== Narrow ===== */
@media (max-width: 1200px) {
    .fp-hide-narrow[b-dy3o9mdnrl] {
        display: none;
    }
}
/* /Features/FileSystem/FileSystem.razor.rz.scp.css */
/* ===== FileSystem — Total Commander Dual-Pane Layout ===== */

.fm[b-5m4aebza8q] {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 0;
}

/* Navigation toolbar */
.fm-toolbar[b-5m4aebza8q] {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 0.3rem 0.4rem;
    background: var(--c2-bg-deep);
    border-bottom: 1px solid var(--c2-border);
    flex-shrink: 0;
}

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

.fm-offline-badge[b-5m4aebza8q] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.65rem;
    color: var(--c2-accent-yellow);
    font-weight: 600;
    flex-shrink: 0;
}

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

/* Breadcrumb */
.fm-breadcrumb[b-5m4aebza8q] {
    display: flex;
    align-items: center;
    gap: 0.1rem;
    padding: 0.15rem 0.5rem;
    font-size: 0.65rem;
    overflow-x: auto;
    white-space: nowrap;
    background: var(--c2-bg-deep);
    border-bottom: 1px solid var(--c2-border);
    flex-shrink: 0;
    scrollbar-width: none;
}

.fm-breadcrumb[b-5m4aebza8q]::-webkit-scrollbar {
    display: none;
}

.fm-crumb[b-5m4aebza8q] {
    color: var(--c2-accent-blue);
    text-decoration: none;
    padding: 0.05rem 0.15rem;
    border-radius: 3px;
}

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

.fm-crumb-sep[b-5m4aebza8q] {
    color: var(--c2-text-dim);
    font-size: 0.6rem;
}

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

/* Action bar */
.fm-actions[b-5m4aebza8q] {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 0.25rem 0.4rem;
    background: var(--c2-bg-deep);
    border-bottom: 1px solid var(--c2-border);
    flex-shrink: 0;
}

.fm-actions-spacer[b-5m4aebza8q] {
    flex: 1;
}

/* View tabs (Files / Transfer / Scan) */
.fm-view-tabs[b-5m4aebza8q] {
    display: flex;
    gap: 1px;
    background: var(--c2-border);
    border: 1px solid var(--c2-border);
    border-radius: 4px;
    overflow: hidden;
}

.fm-view-tab[b-5m4aebza8q] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.15rem 0.5rem;
    font-size: 0.65rem;
    font-family: 'JetBrains Mono', monospace;
    background: var(--c2-bg-deep);
    border: none;
    color: var(--c2-text-muted);
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.1s, color 0.1s;
}

.fm-view-tab:hover[b-5m4aebza8q] { background: var(--c2-bg-overlay); color: var(--c2-text); }

.fm-view-tab-active[b-5m4aebza8q] {
    background: var(--c2-accent-blue) !important;
    color: var(--c2-on-accent) !important;
}

.fm-view-tab:disabled[b-5m4aebza8q] { opacity: 0.4; cursor: not-allowed; }

/* Filter bar */
.fm-filter-bar[b-5m4aebza8q] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.2rem 0.4rem;
    background: var(--c2-bg-deep);
    border-bottom: 1px solid var(--c2-border);
    flex-shrink: 0;
}

[b-5m4aebza8q] .fm-filter-icon {
    color: var(--c2-text-dim);
    flex-shrink: 0;
}

[b-5m4aebza8q] .fm-filter-input {
    flex: 1;
    min-width: 0;
}

.fm-filter-count[b-5m4aebza8q] {
    font-size: 0.6rem;
    font-family: 'JetBrains Mono', monospace;
    color: var(--c2-text-dim);
    white-space: nowrap;
    flex-shrink: 0;
}

[b-5m4aebza8q] .fm-filter-btn-active {
    color: var(--c2-accent-blue) !important;
    background: var(--c2-blue-10) !important;
}

/* Uploads panel */
.fm-uploads[b-5m4aebza8q] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    background: var(--c2-bg);
}

/* Filter bar */
.fm-ul-filters[b-5m4aebza8q] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.25rem 0.4rem;
    background: var(--c2-bg-deep);
    border-bottom: 1px solid var(--c2-border);
    flex-shrink: 0;
}

.fm-ul-tabs[b-5m4aebza8q] {
    display: flex;
    gap: 2px;
    flex: 1;
}

.fm-ul-tab[b-5m4aebza8q] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.15rem 0.5rem;
    font-size: 0.65rem;
    font-family: 'JetBrains Mono', monospace;
    background: none;
    border: 1px solid transparent;
    border-radius: 3px;
    color: var(--c2-text-dim);
    cursor: pointer;
}

.fm-ul-tab:hover[b-5m4aebza8q] { color: var(--c2-text); background: var(--c2-bg-overlay); }

.fm-ul-tab-active[b-5m4aebza8q] {
    color: var(--c2-accent-blue) !important;
    border-color: var(--c2-accent-blue) !important;
    background: var(--c2-blue-10) !important;
}

.fm-ul-tab-count[b-5m4aebza8q] {
    font-size: 0.6rem;
    opacity: 0.7;
}

.fm-ul-date-filter[b-5m4aebza8q] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    flex-shrink: 0;
}

[b-5m4aebza8q] .fm-ul-cal-icon { color: var(--c2-text-dim); }

.fm-ul-date-select[b-5m4aebza8q] {
    font-size: 0.65rem;
    font-family: 'JetBrains Mono', monospace;
    background: var(--c2-bg-overlay);
    border: 1px solid var(--c2-border);
    border-radius: 3px;
    color: var(--c2-text);
    padding: 0.1rem 0.3rem;
    cursor: pointer;
}

/* Column headers */
.fm-ul-head[b-5m4aebza8q] {
    display: grid;
    grid-template-columns: 20px 1fr 100px 120px 110px 60px;
    align-items: center;
    padding: 0.15rem 0.4rem;
    background: var(--c2-bg-deep);
    border-bottom: 1px solid var(--c2-border);
    font-size: 0.6rem;
    font-family: 'JetBrains Mono', monospace;
    color: var(--c2-text-dim);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    flex-shrink: 0;
}

/* File list */
.fm-ul-list[b-5m4aebza8q] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}

.fm-ul-empty[b-5m4aebza8q] {
    padding: 2rem;
    text-align: center;
    font-size: 0.7rem;
    color: var(--c2-text-dim);
}

/* File rows */
.fm-ul-row[b-5m4aebza8q] {
    position: relative;
    display: grid;
    grid-template-columns: 20px 1fr 100px 120px 110px 60px;
    align-items: center;
    padding: 0.2rem 0.4rem;
    font-size: 0.68rem;
    font-family: 'JetBrains Mono', monospace;
    border-bottom: 1px solid var(--c2-border-subtle);
    overflow: hidden;
}

.fm-ul-row:hover[b-5m4aebza8q] { background: var(--c2-bg-overlay); }
.fm-ul-row:last-child[b-5m4aebza8q] { border-bottom: none; }

.fm-ul-row.fm-ul-downloading[b-5m4aebza8q] { color: var(--c2-accent-blue); }
.fm-ul-row.fm-ul-completed[b-5m4aebza8q]   { color: var(--c2-accent-green); }
.fm-ul-row.fm-ul-failed[b-5m4aebza8q]      { color: var(--c2-accent-red); }

.fm-ul-icon[b-5m4aebza8q]   { flex-shrink: 0; color: var(--c2-text-dim); }
.fm-ul-name[b-5m4aebza8q]   { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 0.3rem; }
.fm-ul-size[b-5m4aebza8q]   { color: var(--c2-text-dim); white-space: nowrap; }
.fm-ul-status[b-5m4aebza8q] { display: flex; align-items: center; gap: 0.25rem; }
.fm-ul-date[b-5m4aebza8q]   { color: var(--c2-text-dim); white-space: nowrap; font-size: 0.62rem; }
.fm-ul-acts[b-5m4aebza8q]   { display: flex; align-items: center; gap: 2px; justify-content: flex-end; }

.fm-ul-pct[b-5m4aebza8q]   { font-weight: 600; }
.fm-ul-speed[b-5m4aebza8q] { opacity: 0.7; font-size: 0.62rem; }

.fm-ul-badge[b-5m4aebza8q] {
    font-size: 0.58rem;
    font-weight: 700;
    padding: 0.05rem 0.3rem;
    border-radius: 2px;
    letter-spacing: 0.04em;
}
.fm-ul-badge-queued[b-5m4aebza8q] { background: var(--c2-bg-overlay);   color: var(--c2-text-dim); }
.fm-ul-badge-paused[b-5m4aebza8q] { background: var(--c2-yellow-10);    color: var(--c2-accent-yellow); }
.fm-ul-badge-done[b-5m4aebza8q]   { background: var(--c2-green-10);     color: var(--c2-accent-green); }
.fm-ul-badge-error[b-5m4aebza8q]  { background: var(--c2-red-10);       color: var(--c2-accent-red); }

.fm-ul-bar[b-5m4aebza8q] {
    position: absolute;
    bottom: 0; left: 0;
    height: 2px;
    background: var(--c2-accent-blue);
    opacity: 0.4;
    transition: width 0.3s linear;
}

/* Transfer context menu submenu */
.ul-ctx-submenu-wrap[b-5m4aebza8q] {
    position: relative;
}

.ul-ctx-sub-trigger[b-5m4aebza8q] {
    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;
}

.ul-ctx-sub-trigger:hover[b-5m4aebza8q] {
    background: var(--c2-bg-highlight);
}

.ul-ctx-sub-label[b-5m4aebza8q] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.ul-ctx-arrow[b-5m4aebza8q] {
    font-size: 0.62rem;
}

.ul-ctx-submenu[b-5m4aebza8q] {
    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;
}

.ul-ctx-submenu-wrap:hover > .ul-ctx-submenu[b-5m4aebza8q] {
    display: block;
}

[b-5m4aebza8q] .ul-ctx-copy-item {
    font-size: 0.74rem;
    color: var(--c2-text-muted);
}

/* Dual pane area */
.fm-panels[b-5m4aebza8q] {
    flex: 1;
    display: flex;
    gap: 2px;
    min-height: 0;
    padding: 2px;
}

.fm-panels-with-viewer[b-5m4aebza8q] {
    flex: 0 0 55%;
}

.fm-pane[b-5m4aebza8q] {
    flex: 1;
    min-width: 0;
    min-height: 0;
    position: relative;
}

/* Inline file viewer — overlays remote panel */
.fm-inline-viewer[b-5m4aebza8q] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    background: var(--c2-bg);
    z-index: 10;
    border: 1px solid var(--c2-border);
    border-radius: 4px;
    overflow: hidden;
}

.fm-inline-viewer-bar[b-5m4aebza8q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2px 4px 2px 8px;
    background: var(--c2-bg-deep);
    border-bottom: 1px solid var(--c2-border);
    flex-shrink: 0;
}

.fm-inline-viewer-name[b-5m4aebza8q] {
    font-size: 0.7rem;
    font-family: 'JetBrains Mono', monospace;
    color: var(--c2-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.fm-inline-viewer-frame[b-5m4aebza8q] {
    flex: 1;
    border: none;
    width: 100%;
    background: #fff;
}

/* File viewer container */
.fm-viewer-container[b-5m4aebza8q] {
    flex: 0 0 35%;
    min-height: 0;
    padding: 0 2px 2px;
}


/* Status bar */
.fm-status[b-5m4aebza8q] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.2rem 0.5rem;
    background: var(--c2-bg-deep);
    border-top: 1px solid var(--c2-border);
    font-size: 0.65rem;
    font-family: 'JetBrains Mono', monospace;
    flex-shrink: 0;
}

.fm-status-count[b-5m4aebza8q] {
    color: var(--c2-text-dim);
}

.fm-status-sel[b-5m4aebza8q] {
    color: var(--c2-accent-blue);
    font-weight: 600;
}

.fm-status-size[b-5m4aebza8q] {
    color: var(--c2-text-muted);
}

/* ===== Scan panel — form & item styles (was FileScanPanel.razor.css) ===== */

.scan-form[b-5m4aebza8q] {
    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-5m4aebza8q] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

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

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

.scan-form-check label[b-5m4aebza8q] {
    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-5m4aebza8q] { accent-color: var(--c2-accent-blue); }

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

.scan-ext-groups[b-5m4aebza8q] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.scan-ext-group[b-5m4aebza8q] {
    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-5m4aebza8q] { border-color: var(--c2-accent-blue); color: var(--c2-text); }

.scan-ext-group.active[b-5m4aebza8q] {
    background: var(--c2-accent-blue);
    border-color: var(--c2-accent-blue);
    color: var(--c2-on-accent);
}

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

.scan-ext-error[b-5m4aebza8q] {
    font-size: 0.65rem;
    color: var(--c2-accent-red);
    font-weight: 500;
}

.scan-new-btn[b-5m4aebza8q] { display: flex; gap: 0.3rem; }

.scan-list[b-5m4aebza8q] { flex: 1; overflow-y: auto; min-height: 0; }

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

.scan-item:last-child[b-5m4aebza8q] { border-bottom: none; }
.scan-item:hover[b-5m4aebza8q] { background: var(--c2-hover-subtle); }
.scan-item-active[b-5m4aebza8q] { background: var(--c2-blue-04); }
.scan-item-done[b-5m4aebza8q] { opacity: 0.6; }
.scan-item-failed[b-5m4aebza8q] { background: var(--c2-red-04); }

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

.scan-item-icon[b-5m4aebza8q] { width: 1em; text-align: center; flex-shrink: 0; font-size: 0.7rem; }
.scan-item-active .scan-item-icon[b-5m4aebza8q] { color: var(--c2-accent-blue); animation: c2-pulse 1.5s ease-in-out infinite; }
.scan-item-done .scan-item-icon[b-5m4aebza8q] { color: var(--c2-accent-green); }
.scan-item-failed .scan-item-icon[b-5m4aebza8q] { color: var(--c2-accent-red); }

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

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

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

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

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

/* Scan panel container */
.fm-scan[b-5m4aebza8q] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    background: var(--c2-bg);
    overflow: hidden;
}

.fm-scan-toolbar[b-5m4aebza8q] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.25rem 0.4rem;
    background: var(--c2-bg-deep);
    border-bottom: 1px solid var(--c2-border);
    flex-shrink: 0;
}

.fm-scan .scan-form[b-5m4aebza8q] {
    margin: 0.4rem;
    flex-shrink: 0;
}

.fm-scan .scan-list[b-5m4aebza8q] {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}

.fm-scan .scan-item[b-5m4aebza8q] {
    padding: 0.35rem 0.5rem;
}

.fm-scan .fm-ul-empty[b-5m4aebza8q] {
    padding: 2rem;
    text-align: center;
    font-size: 0.7rem;
    color: var(--c2-text-dim);
}

/* ===== Tablet (<=1024px) ===== */
@media (max-width: 1024px) {
    .fm-panels[b-5m4aebza8q] {
        flex-direction: column;
    }

    .fm-pane[b-5m4aebza8q] {
        flex: 1;
        min-height: 30%;
    }

    .fm-panels-with-viewer[b-5m4aebza8q] {
        flex: 0 0 auto;
    }

    .fm-viewer-container[b-5m4aebza8q] {
        flex: 0 0 30%;
    }
}

/* ===== Mobile (<=768px) ===== */
@media (max-width: 768px) {
    .fm-fnkeys[b-5m4aebza8q] {
        flex-wrap: wrap;
    }

    .fm-fnkey[b-5m4aebza8q] {
        font-size: 0.62rem;
        padding: 0.2rem;
    }

    .fm-actions[b-5m4aebza8q] {
        flex-wrap: wrap;
    }
}
/* /Features/FileSystem/FileViewer.razor.rz.scp.css */
/* File viewer */
.fm-viewer[b-4i3m3x8t0i] {
    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-4i3m3x8t0i] {
    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-4i3m3x8t0i] {
    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-4i3m3x8t0i] {
    display: flex;
    gap: 2px;
    flex-shrink: 0;
}

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

.fm-hash[b-4i3m3x8t0i] {
    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-4i3m3x8t0i] {
    color: var(--c2-text-dim);
    font-weight: 600;
    font-size: 0.6rem;
    flex-shrink: 0;
}

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

.fm-viewer-meta[b-4i3m3x8t0i] {
    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-4i3m3x8t0i] {
    display: flex;
    gap: 2px;
}

.fm-code[b-4i3m3x8t0i] {
    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/Screen/ScreenPanel.razor.rz.scp.css */
/* Root — fills the window body, remove parent padding for full-bleed canvas */
.screen-root[b-ulf2rni4v2] {
    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 */
.screen-overlay[b-ulf2rni4v2] {
    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 */
.screen-canvas-wrap[b-ulf2rni4v2] {
    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 */
.screen-canvas-wrap canvas[b-ulf2rni4v2] {
    position: absolute;
    top: 0;
    left: 0;
}

/* ─── Floating toolbar ─── */
.screen-toolbar[b-ulf2rni4v2] {
    position: absolute;
    top: 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;
}

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

/* Drag handle */
.screen-drag-handle[b-ulf2rni4v2] {
    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;
}

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

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

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

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

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

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

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

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

/* Select controls */
.screen-select[b-ulf2rni4v2] {
    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;
}

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

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

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

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

/* Icon buttons */
.screen-btn[b-ulf2rni4v2] {
    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;
}

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

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

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

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

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

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

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


/* Fullscreen */
.screen-root:fullscreen .screen-toolbar[b-ulf2rni4v2] {
    top: 16px;
}
/* /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 */
/* ===== Appearance tab ===== */
.sp-section[b-98n6wj1ol2] {
    display: flex;
    flex-direction: column;
    gap: 0;
    border: 1px solid var(--c2-border);
    border-radius: var(--c2-radius-md);
    overflow: hidden;
    margin-bottom: 0.75rem;
}

.sp-section-title[b-98n6wj1ol2] {
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--c2-text-dim);
    padding: 0.4rem 0.75rem 0.3rem;
    background: var(--c2-bg-surface);
    border-bottom: 1px solid var(--c2-border);
}

.sp-row[b-98n6wj1ol2] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.55rem 0.75rem;
    background: var(--c2-bg-base);
}

.sp-row-info[b-98n6wj1ol2] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    flex: 1;
    min-width: 0;
}

.sp-row-label[b-98n6wj1ol2] {
    font-size: 0.78rem;
    font-weight: 500;
    color: var(--c2-text);
}

.sp-row-desc[b-98n6wj1ol2] {
    font-size: 0.68rem;
    color: var(--c2-text-dim);
}

.sp-theme-btns[b-98n6wj1ol2] {
    display: flex;
    gap: 4px;
    margin-left: auto;
}

.sp-theme-btn[b-98n6wj1ol2] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.25rem 0.65rem;
    font-size: 0.72rem;
    font-weight: 500;
    border-radius: var(--c2-radius-sm);
    border: 1px solid var(--c2-border);
    background: var(--c2-bg-surface);
    color: var(--c2-text-muted);
    cursor: pointer;
    transition: background var(--c2-transition-fast), color var(--c2-transition-fast), border-color var(--c2-transition-fast);
}

.sp-theme-btn:hover[b-98n6wj1ol2] {
    background: var(--c2-bg-overlay);
    color: var(--c2-text);
}

.sp-theme-btn.active[b-98n6wj1ol2] {
    background: var(--c2-blue-15);
    border-color: var(--c2-accent-blue);
    color: var(--c2-accent-blue);
}

/* Danger zone */
.sp-danger-zone .sp-section-title[b-98n6wj1ol2] {
    color: var(--c2-accent-red);
}

.sp-danger-zone[b-98n6wj1ol2] {
    border-color: var(--c2-red-15);
}

.sp-confirm[b-98n6wj1ol2] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-shrink: 0;
}

.sp-confirm-text[b-98n6wj1ol2] {
    font-size: 0.7rem;
    color: var(--c2-accent-red);
    font-weight: 500;
    white-space: nowrap;
}


.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: 1rem;
    padding: 1rem 0;
}

.cm-about-cards[b-98n6wj1ol2] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    width: 100%;
    max-width: 480px;
}

.cm-about-card-title[b-98n6wj1ol2] {
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--c2-text-dim);
    margin-bottom: 0.5rem;
}

.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;
    max-width: 260px;
}

.cm-about-value--ua[b-98n6wj1ol2] {
    max-width: 200px;
    font-size: 0.62rem;
}

/* ===== 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/Tools/Base64Panel.razor.rz.scp.css */
/* Mode toggle */
.mode-toggle[b-5ogq7z63u8] {
    display: flex;
    background: var(--c2-bg-deep);
    border: 1px solid var(--c2-border);
    border-radius: var(--c2-radius-md);
    overflow: hidden;
    margin-bottom: 0.5rem;
}

.mode-btn[b-5ogq7z63u8] {
    flex: 1;
    padding: 0.65rem 1rem;
    background: transparent;
    border: none;
    color: var(--c2-text-dim);
    font-family: var(--c2-font-mono, "JetBrains Mono", monospace);
    font-size: 0.85rem;
    cursor: pointer;
    transition: var(--c2-transition-fast);
    letter-spacing: 0.05em;
}

.mode-btn:hover[b-5ogq7z63u8] {
    color: var(--c2-text-muted);
    background: rgba(137, 180, 250, 0.04);
}

.mode-btn.active[b-5ogq7z63u8] {
    background: rgba(137, 180, 250, 0.1);
    color: var(--c2-accent-blue);
    box-shadow: inset 0 -2px 0 var(--c2-accent-blue);
}

.mode-hint[b-5ogq7z63u8] {
    display: block;
    font-size: 0.75rem;
    color: var(--c2-text-dim);
    letter-spacing: 0.05em;
}

.mode-hint code[b-5ogq7z63u8] {
    font-family: var(--c2-font-mono, "JetBrains Mono", monospace);
    font-size: 0.75rem;
    background: var(--c2-bg-deep);
    padding: 0.1rem 0.35rem;
    border-radius: 3px;
    color: var(--c2-accent-blue);
}

/* Textareas */
.b64-textarea[b-5ogq7z63u8] {
    resize: vertical;
    min-height: 120px;
    line-height: 1.5;
    word-break: break-all;
}

/* Action buttons */
.action-buttons[b-5ogq7z63u8] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.action-btn[b-5ogq7z63u8] {
    flex: 1;
    padding: 0.85rem 1rem;
    font-size: 0.95rem;
    text-align: center;
    letter-spacing: 0.05em;
}

/* Copy button */
.copy-btn[b-5ogq7z63u8] {
    width: 100%;
    padding: 0.7rem 1rem;
    font-size: 0.9rem;
    text-align: center;
    letter-spacing: 0.05em;
}

@media (max-width: 768px) {
    .action-buttons[b-5ogq7z63u8] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .mode-toggle[b-5ogq7z63u8] {
        flex-direction: column;
    }
}
/* /Features/Tools/LnkGeneratorPanel.razor.rz.scp.css */
.parse-error-wrapper[b-1csgjw7xui] {
    max-width: 640px;
    margin: 0 auto 1rem;
}

.required[b-1csgjw7xui] {
    color: var(--c2-accent-blue);
}

/* Unicode spoofing */
.unicode-buttons[b-1csgjw7xui] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-bottom: 0.5rem;
}

.unicode-btn[b-1csgjw7xui] {
    padding: 0.3rem 0.6rem;
    font-size: 0.78rem;
    font-family: var(--c2-font-mono, monospace);
}

.unicode-preview[b-1csgjw7xui] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.35rem;
}

.unicode-hex[b-1csgjw7xui] {
    font-size: 0.75rem;
    word-break: break-all;
    color: var(--c2-text-dim);
}

/* Template selector */
.template-selector[b-1csgjw7xui] {
    padding-bottom: 1.25rem;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid var(--c2-border);
}

/* Tracking info */
.tracking-section[b-1csgjw7xui] {
    border-color: rgba(255, 180, 0, 0.25);
}

.tracking-item[b-1csgjw7xui] {
    border-left: 2px solid rgba(255, 180, 0, 0.4);
}

.generate-btn[b-1csgjw7xui] {
    width: 100%;
    padding: 1rem;
    font-size: 1rem;
    text-align: center;
    letter-spacing: 0.05em;
}

.generate-btn:disabled[b-1csgjw7xui] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Parse results */
.lnk-results[b-1csgjw7xui] {
    max-width: 700px;
    margin: 0 auto 2rem;
}

/* Action buttons */
.lnk-actions[b-1csgjw7xui] {
    display: flex;
    gap: 0.75rem;
}

.action-btn[b-1csgjw7xui] {
    flex: 1;
    padding: 1rem;
    font-size: 1rem;
    text-align: center;
    letter-spacing: 0.05em;
}

.action-btn:disabled[b-1csgjw7xui] {
    opacity: 0.5;
    cursor: not-allowed;
}

.powered-by[b-1csgjw7xui] {
    max-width: 700px;
}

/* Flag pills */
.lnk-flags[b-1csgjw7xui] {
    margin-top: 0.75rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
}

.lnk-flags-label[b-1csgjw7xui] {
    font-size: 0.78rem;
    color: var(--c2-text-dim);
    letter-spacing: 0.05em;
    margin-right: 0.25rem;
}

.lnk-flag[b-1csgjw7xui] {
    display: inline-block;
    padding: 0.2rem 0.5rem;
    background: rgba(137, 180, 250, 0.08);
    border: 1px solid rgba(137, 180, 250, 0.2);
    border-radius: 3px;
    font-size: 0.75rem;
    color: var(--c2-accent-blue);
    font-family: var(--c2-font-mono, "JetBrains Mono", monospace);
    letter-spacing: 0.02em;
}

/* Form hints */
.form-hint[b-1csgjw7xui] {
    display: block;
    font-size: 0.72rem;
    color: var(--c2-text-dim);
    line-height: 1.3;
    margin-top: 0.15rem;
    opacity: 0.7;
}

.form-group .form-hint[b-1csgjw7xui] {
    margin-top: 0;
    margin-bottom: 0.35rem;
}

/* Checkbox with hint text */
.checkbox-text[b-1csgjw7xui] {
    display: flex;
    flex-direction: column;
}

.checkbox-text .form-hint[b-1csgjw7xui] {
    margin-top: 0.1rem;
    padding-left: 0;
}

/* Checkbox grid for File Attributes, Link Flags */
.checkbox-grid[b-1csgjw7xui] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 0.5rem;
}

.checkbox-grid .checkbox-label[b-1csgjw7xui] {
    align-items: flex-start;
}

.checkbox-grid .checkbox-label input[type="checkbox"][b-1csgjw7xui] {
    margin-top: 2px;
}

/* Form sections (advanced collapsible areas inside the form) */
.form-section[b-1csgjw7xui] {
    margin-top: 1.25rem;
}

.form-section + .form-section[b-1csgjw7xui] {
    margin-top: 0.75rem;
}

/* Console sub-groups */
.console-subgroup[b-1csgjw7xui] {
    margin-bottom: 1.25rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--c2-border);
}

.console-subgroup:first-of-type[b-1csgjw7xui] {
    border-top: none;
    padding-top: 0;
}

.console-subgroup-label[b-1csgjw7xui] {
    display: block;
    font-size: 0.78rem;
    color: var(--c2-text-dim);
    letter-spacing: 0.05em;
    margin-bottom: 0.75rem;
    text-transform: uppercase;
}

/* Color table grid (editable) */
.color-table-grid[b-1csgjw7xui] {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 0.4rem;
    margin-top: 0.5rem;
}

.color-swatch[b-1csgjw7xui] {
    aspect-ratio: 1.5;
    border: 1px solid var(--c2-border);
    border-radius: 3px;
    padding: 0;
    cursor: pointer;
    min-height: 28px;
    background: var(--c2-bg-deep);
}

.color-swatch[b-1csgjw7xui]::-webkit-color-swatch-wrapper {
    padding: 2px;
}

.color-swatch[b-1csgjw7xui]::-webkit-color-swatch {
    border: none;
    border-radius: 2px;
}

/* Color preview (parser read-only) */
.color-preview-row[b-1csgjw7xui] {
    display: flex;
    gap: 0.3rem;
    margin-top: 0.75rem;
}

.color-preview-swatch[b-1csgjw7xui] {
    flex: 1;
    height: 24px;
    border-radius: 3px;
    border: 1px solid var(--c2-border);
}

/* Hotkey row */
.hotkey-row[b-1csgjw7xui] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.hotkey-modifiers[b-1csgjw7xui] {
    display: flex;
    gap: 0.75rem;
    flex-shrink: 0;
}

.hotkey-key-select[b-1csgjw7xui] {
    max-width: 160px;
}

/* Info banner */
.info-banner[b-1csgjw7xui] {
    background: rgba(100, 150, 255, 0.1);
    border: 1px solid rgba(100, 150, 255, 0.25);
    border-radius: var(--c2-radius-md);
    padding: 0.6rem 0.85rem;
    color: #7aa2ff;
    font-size: 0.82rem;
    margin-bottom: 1rem;
}

/* Responsive */
@media (max-width: 768px) {
    .lnk-actions[b-1csgjw7xui] {
        flex-direction: column;
    }

    .checkbox-grid[b-1csgjw7xui] {
        grid-template-columns: 1fr;
    }

    .color-table-grid[b-1csgjw7xui] {
        grid-template-columns: repeat(4, 1fr);
    }

    .hotkey-row[b-1csgjw7xui] {
        flex-direction: column;
        align-items: stretch;
    }

    .hotkey-key-select[b-1csgjw7xui] {
        max-width: none;
    }
}
/* /Features/Tools/PeParserPanel.razor.rz.scp.css */
/* PE form wrapper */
.pe-form-wrapper[b-4m2he597ko] {
    max-width: 640px;
    margin: 0 auto 2rem;
}

.pe-form-wrapper .loading-banner[b-4m2he597ko] {
    margin-top: 1rem;
}

.pe-form-wrapper .error-banner[b-4m2he597ko] {
    margin-top: 1rem;
    margin-bottom: 0;
}

/* Results container */
.pe-results[b-4m2he597ko] {
    max-width: 900px;
    margin: 0 auto 2rem;
}

/* Flags */
.pe-flags[b-4m2he597ko] {
    margin-top: 0.75rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
}

.pe-flags-label[b-4m2he597ko] {
    font-size: 0.78rem;
    color: var(--c2-text-dim);
    letter-spacing: 0.05em;
    margin-right: 0.25rem;
}

.pe-flag[b-4m2he597ko] {
    display: inline-block;
    padding: 0.2rem 0.5rem;
    background: rgba(137, 180, 250, 0.08);
    border: 1px solid rgba(137, 180, 250, 0.2);
    border-radius: 3px;
    font-size: 0.75rem;
    color: var(--c2-accent-blue);
    font-family: var(--c2-font-mono, "JetBrains Mono", monospace);
    letter-spacing: 0.02em;
}

.pe-flag-small[b-4m2he597ko] {
    padding: 0.1rem 0.35rem;
    font-size: 0.7rem;
}

/* Tables */
.pe-table-wrapper[b-4m2he597ko] {
    overflow-x: auto;
}

.pe-table[b-4m2he597ko] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.pe-table th[b-4m2he597ko] {
    text-align: left;
    padding: 0.5rem 0.75rem;
    color: var(--c2-text-dim);
    font-size: 0.75rem;
    letter-spacing: 0.05em;
    border-bottom: 1px solid var(--c2-border);
    white-space: nowrap;
}

.pe-table td[b-4m2he597ko] {
    padding: 0.45rem 0.75rem;
    color: var(--c2-text);
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}

.pe-table tr:hover td[b-4m2he597ko] {
    background: rgba(137, 180, 250, 0.02);
}

.pe-row-muted td[b-4m2he597ko] {
    color: var(--c2-text-dim);
}

/* Import modules */
.pe-import-module[b-4m2he597ko] {
    border: 1px solid var(--c2-border);
    border-radius: 4px;
    margin-bottom: 0.5rem;
    overflow: hidden;
}

.pe-module-header[b-4m2he597ko] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    padding: 0.6rem 0.75rem;
    background: var(--c2-bg-deep);
    border: none;
    color: var(--c2-text);
    font-size: 0.85rem;
    cursor: pointer;
    transition: var(--c2-transition-fast);
    text-align: left;
    font-family: inherit;
}

.pe-module-header:hover[b-4m2he597ko] {
    background: rgba(137, 180, 250, 0.04);
}

.pe-module-count[b-4m2he597ko] {
    color: var(--c2-text-dim);
    font-size: 0.75rem;
    margin-left: auto;
    margin-right: 0.5rem;
}

.pe-module-functions[b-4m2he597ko] {
    padding: 0.5rem 0.75rem;
    max-height: 300px;
    overflow-y: auto;
}

.pe-function[b-4m2he597ko] {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    padding: 0.2rem 0;
    font-size: 0.82rem;
}

.pe-func-hint[b-4m2he597ko] {
    color: var(--c2-text-dim);
    font-size: 0.75rem;
    min-width: 3rem;
    text-align: right;
    flex-shrink: 0;
}

.pe-func-name[b-4m2he597ko] {
    color: var(--c2-text);
}

.pe-func-ordinal[b-4m2he597ko] {
    color: var(--c2-accent-blue);
    font-size: 0.78rem;
}

/* Resource tree */
.pe-tree[b-4m2he597ko] {
    font-size: 0.85rem;
}

.pe-tree-node[b-4m2he597ko] {
    display: flex;
    align-items: baseline;
    gap: 0.4rem;
    padding: 0.25rem 0;
}

.pe-tree-icon[b-4m2he597ko] {
    color: var(--c2-accent-blue);
    font-size: 0.8rem;
    width: 1rem;
    flex-shrink: 0;
    text-align: center;
}

.pe-tree-label[b-4m2he597ko] {
    color: var(--c2-text);
}

.pe-tree-data[b-4m2he597ko] {
    color: var(--c2-text-dim);
    font-size: 0.75rem;
    margin-left: auto;
}

.powered-by[b-4m2he597ko] {
    margin: 0 auto 2rem;
}

/* Responsive */
@media (max-width: 768px) {
    .pe-table[b-4m2he597ko] {
        font-size: 0.78rem;
    }

    .pe-table th[b-4m2he597ko],
    .pe-table td[b-4m2he597ko] {
        padding: 0.35rem 0.5rem;
    }
}
/* /Features/Transfers/TransfersPanel.razor.rz.scp.css */
/* Upload Manager — panel-specific styles */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* /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;
}

/* Tools menu */
.tools-menu[b-q59mk1rsae] {
    position: relative;
}

.tools-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);
}

/* Loaders menu */
.loaders-menu[b-q59mk1rsae] {
    position: relative;
}

.loaders-popup[b-q59mk1rsae] {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 4px;
    min-width: 180px;
    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;
    overflow: visible;
    animation: brand-drop-b-q59mk1rsae var(--c2-transition-normal);
}

/* Menu submenu (flyout) */
.menu-submenu-wrap[b-q59mk1rsae] {
    position: relative;
}

.menu-sub-trigger[b-q59mk1rsae] {
    justify-content: space-between;
}

[b-q59mk1rsae] .menu-sub-arrow {
    opacity: 0.4;
    margin-left: auto;
}

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

[b-q59mk1rsae] .menu-submenu-wrap:hover > .menu-submenu {
    display: flex;
}

.menu-submenu-wrap:hover > .menu-sub-trigger[b-q59mk1rsae] {
    background: var(--c2-bg-highlight);
    color: var(--c2-text);
}

.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: flex;
    align-items: center;
    gap: 6px;
    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/C2InputActions.razor.rz.scp.css */
.c2-input-actions[b-1burvlpfbq] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.c2-input-actions-field[b-1burvlpfbq] {
    flex: 1;
    min-width: 0;
}

.c2-input-actions-btns[b-1burvlpfbq] {
    display: flex;
    align-items: center;
    gap: 0.1rem;
    flex-shrink: 0;
}
/* /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;
    }
}