/* /Layout/AuthLayout.razor.rz.scp.css */
.auth-page[b-l8nykjglv1] {
    display: flex;
    width: 100%;
    min-height: 100vh;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle at 20% 20%, var(--cd-auth-glow), transparent 34rem), var(--cd-background);
}

.auth-content[b-l8nykjglv1] {
    width: 100%;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-0y86xbvjt3] {
    position: relative;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    background: var(--cd-background);
}

main[b-0y86xbvjt3] {
    min-width: 0;
    flex: 1;
}

.sidebar[b-0y86xbvjt3] {
    background: linear-gradient(180deg, var(--cd-sidebar-from) 0%, var(--cd-sidebar-to) 100%);
}

.top-row[b-0y86xbvjt3] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    min-height: 3.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: var(--cd-text-secondary);
    background: var(--cd-surface-primary);
    border-bottom: 1px solid var(--cd-border-default);
}

.top-row-title[b-0y86xbvjt3] {
    white-space: nowrap;
}

.top-row-actions[b-0y86xbvjt3] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin-left: 0.25rem;
}

.top-action[b-0y86xbvjt3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    color: var(--cd-text-secondary);
    background: transparent;
    border: 0;
    border-radius: 6px;
    text-decoration: none;
    cursor: pointer;
}

    .top-action:hover[b-0y86xbvjt3] {
        color: var(--cd-text-primary);
        background: var(--cd-surface-secondary);
    }

    .top-action svg[b-0y86xbvjt3] {
        width: 1.15rem;
        height: 1.15rem;
        fill: currentColor;
    }

.app-version[b-0y86xbvjt3] {
    padding-left: 0.75rem;
    color: var(--cd-text-secondary);
    border-left: 1px solid var(--cd-border-default);
    font-size: 0.8rem;
    line-height: 1;
    white-space: nowrap;
}

@media (max-width: 640.98px) {
    .top-row[b-0y86xbvjt3] {
        gap: 0.4rem;
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }

    .top-row-title[b-0y86xbvjt3] {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .top-row-actions[b-0y86xbvjt3] {
        margin-left: auto;
    }
}

@media (min-width: 641px) {
    .page[b-0y86xbvjt3] {
        flex-direction: row;
    }

    .sidebar[b-0y86xbvjt3] {
        position: sticky;
        top: 0;
        width: 250px;
        height: 100vh;
        flex: 0 0 250px;
    }

    .top-row[b-0y86xbvjt3] {
        position: sticky;
        top: 0;
        z-index: 10;
    }

    .top-row[b-0y86xbvjt3],
    article[b-0y86xbvjt3] {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-gheb52stua] {
    padding: 0.35rem 0.55rem;
    background: var(--cd-sidebar-hover);
    border: 1px solid rgba(255, 255, 255, 0.16);
}

.top-row[b-gheb52stua] {
    display: flex;
    align-items: center;
    min-height: 3.5rem;
    background: rgba(0, 0, 0, 0.16);
}

.navbar-brand[b-gheb52stua] {
    color: #ffffff;
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: 0.01em;
}

    .navbar-brand:hover[b-gheb52stua] {
        color: #ffffff;
    }

.nav-item[b-gheb52stua] {
    padding: 0.2rem 0.75rem;
    font-size: 0.92rem;
}

.nav-item-home[b-gheb52stua] {
    padding-top: 1rem;
}

.nav-item-child[b-gheb52stua] {
    padding-left: 1rem;
}

.nav-item[b-gheb52stua]  a,
.nav-item[b-gheb52stua]  button.nav-link,
.nav-item .nav-link-disabled[b-gheb52stua] {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 2.75rem;
    padding: 0 0.85rem;
    color: var(--cd-sidebar-text);
    background: transparent;
    border: 0;
    border-radius: 8px;
    line-height: normal;
    text-align: left;
    text-decoration: none;
}

    .nav-item[b-gheb52stua]  a.active {
        color: #ffffff;
        background: var(--cd-sidebar-active);
    }

    .nav-item[b-gheb52stua]  a:hover,
    .nav-item[b-gheb52stua]  button.nav-link:hover {
        color: #ffffff;
        background: var(--cd-sidebar-hover);
    }

.nav-section-title[b-gheb52stua] {
    margin: 1rem 1rem 0.3rem;
    color: var(--cd-sidebar-muted);
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.nav-item .nav-link-disabled[b-gheb52stua] {
    color: var(--cd-sidebar-muted);
    cursor: default;
    opacity: 0.55;
}

.nav-item-separator[b-gheb52stua] {
    height: 1px;
    margin: 0.75rem 1rem;
    background: rgba(255, 255, 255, 0.12);
}

.nav-logout[b-gheb52stua] {
    padding-bottom: 1rem;
}

    .nav-logout[b-gheb52stua]  button {
        color: var(--cd-sidebar-muted);
    }

@media (min-width: 641px) {
    .navbar-toggler[b-gheb52stua] {
        display: none;
    }

    .collapse[b-gheb52stua] {
        display: block;
    }

    .nav-scrollable[b-gheb52stua] {
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Pages/Auth/Enroll.razor.rz.scp.css */
.cd-pairing-code[b-541g1wa9up] {
    width: 100%;
    min-width: 0;
    padding: 1rem;
    overflow-x: auto;
    color: var(--cd-text-primary);
    background: var(--cd-surface-secondary);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: clamp(1rem, 5vw, 1.75rem);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0.02em;
    text-align: center;
    white-space: nowrap;
    word-break: normal;
    user-select: all;
    cursor: text;
}

@media (max-width: 420px) {
    .cd-pairing-code[b-541g1wa9up] {
        padding: 0.85rem 0.6rem;
        font-size: clamp(0.9rem, 4.6vw, 1.2rem);
        letter-spacing: 0;
    }
}
/* /Pages/ContactBook/Acquaintance.razor.rz.scp.css */
.acquaintance-page[b-cbmhg74li1] {
    width: 100%;
    max-width: 1040px;
    margin: 0 auto;
    padding: 1.5rem 0 4rem;
}

.acquaintance-header[b-cbmhg74li1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

    .acquaintance-header h1[b-cbmhg74li1] {
        margin-bottom: 0.25rem;
    }

.acquaintance-progress[b-cbmhg74li1] {
    margin-top: 1.5rem;
    padding: 1rem;
    background: var(--cd-surface-secondary);
    border: 1px solid var(--cd-border-default);
    border-radius: 10px;
}

.acquaintance-progress-header[b-cbmhg74li1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.7rem;
}

.acquaintance-progress .progress[b-cbmhg74li1] {
    height: 5px;
    background: var(--cd-surface-tertiary);
}

.acquaintance-progress .progress-bar[b-cbmhg74li1] {
    background: var(--cd-accent);
    transition: width 0.2s ease;
}

.acquaintance-step[b-cbmhg74li1] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1.5rem;
}

    .acquaintance-step .card[b-cbmhg74li1] {
        box-shadow: none;
    }

    .acquaintance-step .card-body[b-cbmhg74li1] {
        padding: 1.35rem;
    }

    .acquaintance-step h2[b-cbmhg74li1] {
        margin-bottom: 0.75rem;
        font-size: 1.25rem;
    }

.acquaintance-intro[b-cbmhg74li1] {
    border-color: var(--cd-border-default);
}

.acquaintance-section-title[b-cbmhg74li1] {
    margin: 0.75rem 0 0;
    font-size: 1.2rem;
}

.scenario-card[b-cbmhg74li1] {
    position: relative;
    display: block;
    padding: 1.15rem;
    color: var(--cd-text-primary);
    background: var(--cd-surface-primary);
    border: 1px solid var(--cd-border-default);
    border-radius: 12px;
    cursor: pointer;
    transition: background-color 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;
}

    .scenario-card:hover[b-cbmhg74li1] {
        background: var(--cd-surface-secondary);
        border-color: var(--cd-border-strong);
    }

    .scenario-card:focus-within[b-cbmhg74li1] {
        border-color: var(--cd-accent);
        box-shadow: 0 0 0 0.2rem var(--cd-focus-ring);
    }

    .scenario-card.selected[b-cbmhg74li1] {
        background: var(--cd-accent-soft);
        border-color: var(--cd-accent);
    }

    .scenario-card.disabled[b-cbmhg74li1] {
        cursor: default;
        opacity: 0.65;
    }

        .scenario-card.disabled:hover[b-cbmhg74li1] {
            background: var(--cd-surface-primary);
            border-color: var(--cd-border-default);
        }

.scenario-card-radio[b-cbmhg74li1] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    opacity: 0;
    pointer-events: none;
}

.scenario-card-content[b-cbmhg74li1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
}

    .scenario-card-content > span:first-child[b-cbmhg74li1] {
        display: block;
        min-width: 0;
    }

.scenario-card-title[b-cbmhg74li1],
.scenario-card-description[b-cbmhg74li1],
.scenario-card-warning[b-cbmhg74li1] {
    display: block;
}

.scenario-card-selected[b-cbmhg74li1] {
    flex: 0 0 auto;
    color: var(--cd-accent);
    font-size: 0.9rem;
    font-weight: 650;
}

.acquaintance-code-panel[b-cbmhg74li1] {
    margin-top: 1rem;
    padding: 1rem;
    background: var(--cd-surface-secondary);
    border: 1px solid var(--cd-border-default);
    border-radius: 10px;
}

.acquaintance-confirmation[b-cbmhg74li1] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    padding: 1rem 1.1rem;
    background: var(--cd-surface-secondary);
    border: 1px solid var(--cd-border-default);
    border-radius: 10px;
    cursor: pointer;
}

    .acquaintance-confirmation .form-check-input[b-cbmhg74li1] {
        flex: 0 0 auto;
        margin-top: 0.2rem;
    }

.acquaintance-instruction[b-cbmhg74li1] {
    min-height: 190px;
    resize: vertical;
    white-space: pre-wrap;
}

.acquaintance-verification-header[b-cbmhg74li1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.acquaintance-client-card[b-cbmhg74li1] {
    margin-top: 1rem;
    padding: 1rem;
    background: var(--cd-surface-secondary);
    border: 1px solid var(--cd-border-default);
    border-radius: 10px;
}

    .acquaintance-client-card.state-new[b-cbmhg74li1] {
        border-color: var(--cd-warning-border);
    }

    .acquaintance-client-card.state-changed[b-cbmhg74li1] {
        border-color: var(--cd-error-border);
    }

    .acquaintance-client-card.state-safe[b-cbmhg74li1] {
        border-color: var(--cd-success-border);
    }

.acquaintance-client-header[b-cbmhg74li1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

    .acquaintance-client-header code[b-cbmhg74li1] {
        color: var(--cd-text-secondary);
        overflow-wrap: anywhere;
    }

.acquaintance-trust[b-cbmhg74li1] {
    flex: 0 0 auto;
    font-size: 0.85rem;
    font-weight: 650;
}

    .acquaintance-trust.state-safe[b-cbmhg74li1] {
        color: var(--cd-success);
    }

    .acquaintance-trust.state-new[b-cbmhg74li1] {
        color: var(--cd-warning);
    }

    .acquaintance-trust.state-changed[b-cbmhg74li1] {
        color: var(--cd-error);
    }

.acquaintance-verification-panel[b-cbmhg74li1] {
    margin-top: 1rem;
    padding: 1rem;
    background: var(--cd-surface-primary);
    border: 1px solid var(--cd-border-default);
    border-radius: 8px;
}

.acquaintance-fingerprint[b-cbmhg74li1] {
    padding: 0.8rem;
    color: var(--cd-text-primary);
    background: var(--cd-surface-secondary);
    border: 1px solid var(--cd-border-default);
    border-radius: 8px;
    font-family: monospace;
    overflow-wrap: anywhere;
}

.acquaintance-help[b-cbmhg74li1] {
    margin-top: 1.25rem;
    overflow: hidden;
    background: var(--cd-surface-secondary);
    border: 1px solid var(--cd-border-default);
    border-radius: 10px;
}

    .acquaintance-help summary[b-cbmhg74li1] {
        padding: 1rem;
        font-weight: 650;
        cursor: pointer;
    }

        .acquaintance-help summary:hover[b-cbmhg74li1] {
            background: var(--cd-surface-tertiary);
        }

        .acquaintance-help summary:focus-visible[b-cbmhg74li1] {
            outline: 2px solid var(--cd-accent);
            outline-offset: -2px;
        }

.acquaintance-help-content[b-cbmhg74li1] {
    padding: 1rem;
    border-top: 1px solid var(--cd-border-default);
}

    .acquaintance-help-content p[b-cbmhg74li1] {
        margin-top: 0.75rem;
        color: var(--cd-text-secondary);
        line-height: 1.6;
    }

.acquaintance-navigation[b-cbmhg74li1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1.5rem;
}

    .acquaintance-navigation .btn[b-cbmhg74li1] {
        min-width: 120px;
    }

.acquaintance-success[b-cbmhg74li1] {
    display: flex;
    justify-content: center;
    margin-top: 3rem;
}

    .acquaintance-success .card[b-cbmhg74li1] {
        width: min(640px, 100%);
        text-align: center;
        box-shadow: var(--cd-shadow);
    }

    .acquaintance-success .card-body[b-cbmhg74li1] {
        padding: 2rem;
    }

.acquaintance-success-mark[b-cbmhg74li1] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    margin: 0 auto 1rem;
    color: var(--cd-success);
    background: var(--cd-success-background);
    border: 1px solid var(--cd-success-border);
    border-radius: 50%;
    font-size: 1.8rem;
    font-weight: 700;
}

.acquaintance-success-actions[b-cbmhg74li1] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.acquaintance-loading[b-cbmhg74li1] {
    margin-top: 1.5rem;
    text-align: center;
}

    .acquaintance-loading .card-body[b-cbmhg74li1] {
        padding: 3rem 1rem;
    }

.acquaintance-busy[b-cbmhg74li1] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    margin-top: 1rem;
    color: var(--cd-text-secondary);
}

@media (max-width: 767.98px) {
    .acquaintance-page[b-cbmhg74li1] {
        padding-top: 0.75rem;
    }

    .acquaintance-header[b-cbmhg74li1],
    .acquaintance-verification-header[b-cbmhg74li1],
    .scenario-card-content[b-cbmhg74li1] {
        align-items: stretch;
        flex-direction: column;
    }

    .scenario-card-selected[b-cbmhg74li1] {
        align-self: flex-start;
    }

    .acquaintance-navigation .btn[b-cbmhg74li1] {
        flex: 1 1 0;
    }
}

@media (max-width: 520px) {
    .acquaintance-success-actions[b-cbmhg74li1] {
        flex-direction: column;
    }

        .acquaintance-success-actions .btn[b-cbmhg74li1] {
            width: 100%;
        }
}
/* /Pages/ContactBook/Contacts.razor.rz.scp.css */
.feature-page[b-piglt4k80g] {
    padding: 0.5rem 0 1rem;
}

.feature-header[b-piglt4k80g] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

    .feature-header h1[b-piglt4k80g] {
        margin-bottom: 0.25rem;
    }

.feature-card h2[b-piglt4k80g] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 600;
}

.feature-card h3[b-piglt4k80g] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 600;
}

.section-header[b-piglt4k80g],
.selected-contact-header[b-piglt4k80g] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.contact-list[b-piglt4k80g] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-top: 1rem;
}

.contact-item[b-piglt4k80g] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.8rem 0.9rem;
    color: var(--cd-text-primary);
    text-align: left;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
}

    .contact-item:hover[b-piglt4k80g] {
        background: var(--cd-surface-secondary);
    }

    .contact-item.selected[b-piglt4k80g] {
        background: var(--cd-accent-soft);
        border-color: var(--cd-info-border);
    }

.contact-name[b-piglt4k80g] {
    font-weight: 600;
}

.contact-id[b-piglt4k80g] {
    margin-top: 0.2rem;
    color: var(--cd-text-secondary);
    font-size: 0.78rem;
    word-break: break-all;
}

.status-badge[b-piglt4k80g] {
    flex-shrink: 0;
    font-size: 0.8rem;
    font-weight: 600;
}

.status-revoked[b-piglt4k80g] {
    color: var(--cd-error);
}

.empty-state[b-piglt4k80g] {
    padding: 4rem 1rem;
    text-align: center;
}

.selected-contact[b-piglt4k80g] {
    margin-top: 1.25rem;
    padding: 1rem;
    background: var(--cd-surface-secondary);
    border-radius: 10px;
}

.detail-row[b-piglt4k80g] {
    display: grid;
    grid-template-columns: 7rem minmax(0, 1fr);
    gap: 1rem;
    margin-top: 1rem;
}

    .detail-row code[b-piglt4k80g] {
        overflow-wrap: anywhere;
    }

.detail-label[b-piglt4k80g] {
    color: var(--cd-text-secondary);
}

.clients-header[b-piglt4k80g] {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    font-weight: 600;
}

.client-list[b-piglt4k80g] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.client-item[b-piglt4k80g] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.5rem 0;
    border-top: 1px solid var(--cd-border-default);
}

    .client-item code[b-piglt4k80g] {
        color: var(--cd-text-secondary);
        font-size: 0.78rem;
        overflow-wrap: anywhere;
    }

.issued-code[b-piglt4k80g] {
    margin-top: 1.25rem;
    padding: 1rem;
    background: var(--cd-surface-secondary);
    border-radius: 10px;
}

.feature-progress[b-piglt4k80g] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-top: 1rem;
    color: var(--cd-text-secondary);
}

@media (max-width: 767.98px) {
    .feature-header[b-piglt4k80g],
    .selected-contact-header[b-piglt4k80g],
    .client-item[b-piglt4k80g] {
        flex-direction: column;
    }

    .detail-row[b-piglt4k80g] {
        grid-template-columns: 1fr;
        gap: 0.25rem;
    }
}

.contact-exchange-summary[b-piglt4k80g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
}

    .contact-exchange-summary[b-piglt4k80g]::marker {
        color: var(--bs-secondary-color);
    }

.contacts-workspace[b-piglt4k80g] {
    min-height: 480px;
}

.contact-client-card[b-piglt4k80g] {
    display: block;
    padding: 1rem;
}

.contact-client-header[b-piglt4k80g] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.contact-client-fingerprint[b-piglt4k80g] {
    margin-top: .75rem;
}

    .contact-client-fingerprint code[b-piglt4k80g] {
        display: block;
        margin-top: .25rem;
        overflow-wrap: anywhere;
    }

.verification-panel[b-piglt4k80g] {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
}
/* /Pages/ContactBook/Invites.razor.rz.scp.css */
.feature-page[b-0opyvwjvzd] {
    padding: 0.5rem 0 1rem;
}

.feature-header[b-0opyvwjvzd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

    .feature-header h1[b-0opyvwjvzd] {
        margin-bottom: 0.25rem;
    }

.feature-card h2[b-0opyvwjvzd] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 600;
}

.section-header[b-0opyvwjvzd],
.selected-invite[b-0opyvwjvzd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.invite-list[b-0opyvwjvzd] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-top: 1rem;
}

.invite-item[b-0opyvwjvzd] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.8rem 0.9rem;
    color: var(--cd-text-primary);
    text-align: left;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
}

    .invite-item:hover[b-0opyvwjvzd] {
        background: var(--cd-surface-secondary);
    }

    .invite-item.selected[b-0opyvwjvzd] {
        background: var(--cd-accent-soft);
        border-color: var(--cd-info-border);
    }

.invite-info[b-0opyvwjvzd] {
    min-width: 0;
}

    .invite-info code[b-0opyvwjvzd] {
        overflow-wrap: anywhere;
    }

.invite-dates[b-0opyvwjvzd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 1rem;
    margin-top: 0.35rem;
    color: var(--cd-text-secondary);
    font-size: 0.85rem;
}

.status-badge[b-0opyvwjvzd] {
    flex-shrink: 0;
    font-size: 0.8rem;
    font-weight: 600;
}

.status-active[b-0opyvwjvzd] {
    color: var(--cd-accent);
}

.status-used[b-0opyvwjvzd] {
    color: var(--cd-success);
}

.status-revoked[b-0opyvwjvzd] {
    color: var(--cd-error);
}

.status-expired[b-0opyvwjvzd] {
    color: var(--cd-text-muted);
}

.empty-state[b-0opyvwjvzd] {
    padding: 4rem 1rem;
    text-align: center;
}

.selected-invite[b-0opyvwjvzd] {
    margin-top: 1.25rem;
    padding: 1rem;
    background: var(--cd-surface-secondary);
    border-radius: 10px;
}

    .selected-invite code[b-0opyvwjvzd] {
        display: block;
        margin-top: 0.25rem;
        overflow-wrap: anywhere;
    }

.feature-progress[b-0opyvwjvzd] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-top: 1rem;
    color: var(--cd-text-secondary);
}

@media (max-width: 767.98px) {
    .feature-header[b-0opyvwjvzd],
    .selected-invite[b-0opyvwjvzd],
    .invite-item[b-0opyvwjvzd] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Pages/Files/Downloads.razor.rz.scp.css */
.downloads-page[b-fnyoqr05rm] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.downloads-header[b-fnyoqr05rm] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

    .downloads-header h1[b-fnyoqr05rm] {
        margin: 0;
    }

.downloads-trust-notice[b-fnyoqr05rm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 1rem;
    background: var(--cd-surface-secondary);
    border: 1px solid var(--cd-border-default);
    border-radius: 0.6rem;
}

.downloads-trust-title[b-fnyoqr05rm] {
    color: var(--cd-text-primary);
    font-weight: 600;
}

.downloads-trust-text[b-fnyoqr05rm] {
    margin-top: 0.2rem;
    color: var(--cd-text-secondary);
}

.downloads-loading[b-fnyoqr05rm],
.downloads-empty[b-fnyoqr05rm] {
    text-align: center;
}

.downloads-loading[b-fnyoqr05rm] {
    padding: 3rem 1rem;
}

.downloads-list[b-fnyoqr05rm] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.download-card[b-fnyoqr05rm] {
    background: var(--cd-surface-primary);
    border-color: var(--cd-border-default);
}

.download-card-new[b-fnyoqr05rm] {
    border-color: var(--cd-warning-border);
}

.download-card-changed[b-fnyoqr05rm] {
    border-color: var(--cd-error-border);
}

.download-main[b-fnyoqr05rm] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
}

.download-info[b-fnyoqr05rm] {
    min-width: 0;
}

.download-title[b-fnyoqr05rm] {
    color: var(--cd-text-primary);
    font-size: 1.05rem;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.download-sender[b-fnyoqr05rm] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.3rem;
    margin-top: 0.35rem;
}

.download-meta[b-fnyoqr05rm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.35rem;
    color: var(--cd-text-secondary);
}

.download-trust[b-fnyoqr05rm] {
    margin-left: 0.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--cd-text-secondary);
}

.download-trust-safe[b-fnyoqr05rm] {
    color: var(--cd-success);
}

.download-trust-new[b-fnyoqr05rm] {
    color: var(--cd-warning);
}

.download-trust-changed[b-fnyoqr05rm] {
    color: var(--cd-error);
}

.download-hint[b-fnyoqr05rm] {
    margin-top: 0.75rem;
    color: var(--cd-text-secondary);
    line-height: 1.45;
}

.download-card-changed .download-hint[b-fnyoqr05rm] {
    color: var(--cd-error);
}

.download-expiration[b-fnyoqr05rm] {
    flex: 0 0 auto;
    text-align: right;
}

.download-actions[b-fnyoqr05rm] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1rem;
}

@media (max-width: 768px) {
    .downloads-header[b-fnyoqr05rm],
    .downloads-trust-notice[b-fnyoqr05rm],
    .download-main[b-fnyoqr05rm] {
        flex-direction: column;
    }

    .download-expiration[b-fnyoqr05rm] {
        text-align: left;
    }

    .download-actions[b-fnyoqr05rm] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}
/* /Pages/Files/Send.razor.rz.scp.css */
.send-layout[b-e7x6ceacel] {
    display: grid;
    grid-template-columns: minmax(260px, 330px) minmax(0, 1fr);
    gap: 1.25rem;
    align-items: start;
}

.send-sidebar[b-e7x6ceacel],
.send-recipients[b-e7x6ceacel] {
    min-width: 0;
}

.send-file-info[b-e7x6ceacel],
.send-storage-limits[b-e7x6ceacel] {
    padding: 0.85rem;
    background: var(--cd-surface-secondary);
    border: 1px solid var(--cd-border-default);
    border-radius: 10px;
}

.send-storage-error[b-e7x6ceacel] {
    color: var(--cd-error);
    font-weight: 600;
}

.send-publication-limit[b-e7x6ceacel] {
    padding: 0.85rem 1rem;
    color: var(--cd-warning);
    background: var(--cd-surface-primary);
    border: 1px solid var(--cd-warning-border);
    border-radius: 10px;
}

.send-recipients-header[b-e7x6ceacel] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.send-trust-notice[b-e7x6ceacel] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
    background: var(--cd-info-background);
    border: 1px solid var(--cd-info-border);
    border-radius: 10px;
}

    .send-trust-notice .btn[b-e7x6ceacel] {
        flex: 0 0 auto;
    }

.send-recipient-filter[b-e7x6ceacel] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
}

    .send-recipient-filter .form-check[b-e7x6ceacel] {
        margin: 0;
        white-space: nowrap;
    }

.send-empty[b-e7x6ceacel] {
    padding: 2rem 1rem;
    color: var(--cd-text-secondary);
    text-align: center;
}

.send-recipient[b-e7x6ceacel] {
    padding: 1rem;
    margin-top: 0.75rem;
    background: var(--cd-surface-secondary);
    border: 1px solid var(--cd-border-default);
    border-radius: 10px;
}

.send-recipient-revoked[b-e7x6ceacel] {
    opacity: 0.55;
}

.send-recipient-revoked-label[b-e7x6ceacel] {
    color: var(--cd-text-muted);
    font-weight: 600;
}

.send-recipient-header[b-e7x6ceacel] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.send-recipient-main[b-e7x6ceacel] {
    min-width: 0;
}

.send-link-count[b-e7x6ceacel] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 0 0 auto;
}

    .send-link-count .form-control[b-e7x6ceacel] {
        width: 4.5rem;
    }

.send-clients-details[b-e7x6ceacel] {
    margin-left: 1.75rem;
}

    .send-clients-details > summary[b-e7x6ceacel] {
        width: fit-content;
        color: var(--cd-text-secondary);
        font-size: 0.9rem;
        font-weight: 600;
        cursor: pointer;
        user-select: none;
    }

        .send-clients-details > summary:hover[b-e7x6ceacel] {
            color: var(--cd-accent);
        }

.send-client-list[b-e7x6ceacel] {
    display: grid;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.send-client[b-e7x6ceacel] {
    padding: 0.75rem 0.85rem;
    background: var(--cd-surface-primary);
    border: 1px solid var(--cd-border-default);
    border-radius: 8px;
}

.send-client-new[b-e7x6ceacel] {
    border-color: var(--cd-warning-border);
}

.send-client-changed[b-e7x6ceacel] {
    border-color: var(--cd-error-border);
}

.send-client-header[b-e7x6ceacel] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.send-client-state[b-e7x6ceacel] {
    flex: 0 0 auto;
    font-size: 0.8rem;
    font-weight: 650;
}

.send-client-state-trusted[b-e7x6ceacel],
.send-client-state-verified[b-e7x6ceacel] {
    color: var(--cd-success);
}

.send-client-state-new[b-e7x6ceacel] {
    color: var(--cd-warning);
}

.send-client-state-changed[b-e7x6ceacel] {
    color: var(--cd-error);
}

.send-transfer[b-e7x6ceacel] {
    padding: 1rem 1.1rem;
    background: var(--cd-surface-primary);
    border: 1px solid var(--cd-border-default);
    box-shadow: var(--cd-shadow);
}

.send-transfer-header[b-e7x6ceacel] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.send-transfer-file[b-e7x6ceacel] {
    min-width: 0;
}

.send-transfer-percentage[b-e7x6ceacel] {
    flex: 0 0 auto;
    color: var(--cd-text-primary);
    font-size: 1rem;
    font-weight: 700;
}

.send-transfer-track[b-e7x6ceacel] {
    position: relative;
    width: 100%;
    height: 14px;
    overflow: hidden;
    background: var(--cd-surface-secondary);
    border: 1px solid var(--cd-border-default);
}

.send-transfer-fill[b-e7x6ceacel] {
    height: 100%;
    background: var(--cd-accent);
}

.send-transfer-meta[b-e7x6ceacel] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    color: var(--cd-text-secondary);
    font-size: 0.85rem;
}

.send-transfer-preparing[b-e7x6ceacel] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 2rem;
    color: var(--cd-text-secondary);
}

    .send-transfer-preparing .spinner-border[b-e7x6ceacel] {
        flex: 0 0 auto;
    }

.send-footer[b-e7x6ceacel] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
}

.send-progress[b-e7x6ceacel] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-right: auto;
    color: var(--cd-text-secondary);
}

.send-confirmation-backdrop[b-e7x6ceacel] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.55);
}

.send-confirmation[b-e7x6ceacel] {
    width: min(760px, 100%);
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
    box-shadow: var(--cd-shadow);
}

.send-confirmation-section[b-e7x6ceacel] {
    padding: 1rem;
    background: var(--cd-surface-secondary);
    border: 1px solid var(--cd-border-default);
    border-radius: 10px;
}

.send-confirmation-recipient-list[b-e7x6ceacel] {
    display: grid;
    gap: 0.75rem;
}

.send-confirmation-recipient[b-e7x6ceacel] {
    padding: 0.9rem 1rem;
    background: var(--cd-surface-primary);
    border: 1px solid var(--cd-border-default);
    border-radius: 8px;
}

.send-confirmation-client-list[b-e7x6ceacel] {
    display: grid;
    gap: 0.5rem;
}

.send-confirmation-client[b-e7x6ceacel] {
    padding: 0.7rem 0.8rem;
    background: var(--cd-surface-secondary);
    border: 1px solid var(--cd-border-default);
    border-radius: 8px;
}

.send-confirmation-client-details > summary[b-e7x6ceacel] {
    width: fit-content;
    color: var(--cd-text-muted);
    font-size: 0.8rem;
    cursor: pointer;
    user-select: none;
}

    .send-confirmation-client-details > summary:hover[b-e7x6ceacel] {
        color: var(--cd-accent);
    }

.send-confirmation-client-details code[b-e7x6ceacel] {
    display: block;
    margin-top: 0.2rem;
    color: var(--cd-text-primary);
    white-space: normal;
    overflow-wrap: anywhere;
}

.send-confirmation-actions[b-e7x6ceacel] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}

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

@media (max-width: 640.98px) {
    .send-recipient-filter[b-e7x6ceacel] {
        grid-template-columns: 1fr;
    }

    .send-trust-notice[b-e7x6ceacel],
    .send-recipient-header[b-e7x6ceacel],
    .send-client-header[b-e7x6ceacel],
    .send-footer[b-e7x6ceacel],
    .send-transfer-header[b-e7x6ceacel],
    .send-transfer-meta[b-e7x6ceacel] {
        flex-direction: column;
        align-items: stretch;
    }

        .send-trust-notice .btn[b-e7x6ceacel] {
            width: 100%;
        }

    .send-link-count[b-e7x6ceacel] {
        justify-content: space-between;
    }

    .send-clients-details[b-e7x6ceacel] {
        margin-left: 0;
    }

    .send-footer .btn[b-e7x6ceacel] {
        width: 100%;
    }

    .send-transfer-percentage[b-e7x6ceacel] {
        align-self: flex-end;
    }

    .send-confirmation-actions[b-e7x6ceacel] {
        flex-direction: column-reverse;
    }

        .send-confirmation-actions .btn[b-e7x6ceacel] {
            width: 100%;
        }
}
/* /Pages/Files/Sent.razor.rz.scp.css */
.sent-page[b-2hyunm67mk] {
    padding: 0.5rem 0 1rem;
}

.sent-header[b-2hyunm67mk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

    .sent-header h1[b-2hyunm67mk] {
        margin-bottom: 0.25rem;
    }

.sent-loading[b-2hyunm67mk] {
    padding: 5rem 1rem;
    text-align: center;
}

.sent-empty[b-2hyunm67mk] {
    text-align: center;
}

    .sent-empty .card-body[b-2hyunm67mk] {
        padding: 4rem 1rem;
    }

    .sent-empty h2[b-2hyunm67mk] {
        margin-bottom: 0.5rem;
        font-size: 1.25rem;
    }

.sent-layout[b-2hyunm67mk] {
    display: grid;
    grid-template-columns: minmax(280px, 380px) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.publications-panel[b-2hyunm67mk] {
    overflow: hidden;
}

.publication-item[b-2hyunm67mk] {
    padding: 1rem;
    text-align: left;
}

.publication-name[b-2hyunm67mk] {
    font-size: 1rem;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.publication-meta[b-2hyunm67mk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.4rem;
    color: var(--cd-text-secondary);
    font-size: 0.9rem;
}

.publication-progress[b-2hyunm67mk] {
    margin-top: 0.35rem;
    color: var(--cd-text-secondary);
    font-size: 0.85rem;
}

.publication-item.active .publication-meta[b-2hyunm67mk],
.publication-item.active .publication-progress[b-2hyunm67mk],
.publication-item.active .status-muted[b-2hyunm67mk],
.publication-item.active .status-success[b-2hyunm67mk],
.publication-item.active .status-waiting[b-2hyunm67mk] {
    color: inherit;
}

.status-success[b-2hyunm67mk] {
    color: var(--cd-success);
}

.status-waiting[b-2hyunm67mk] {
    color: var(--cd-warning);
}

.status-muted[b-2hyunm67mk] {
    color: var(--cd-text-secondary);
}

.publication-details[b-2hyunm67mk] {
    min-width: 0;
}

.details-empty .card-body[b-2hyunm67mk] {
    padding: 4rem 1rem;
    text-align: center;
}

.details-header[b-2hyunm67mk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

    .details-header h2[b-2hyunm67mk] {
        margin: 0.2rem 0 0;
        font-size: 1.25rem;
        overflow-wrap: anywhere;
    }

.publication-status[b-2hyunm67mk] {
    flex-shrink: 0;
    padding: 0.35rem 0.6rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 600;
}

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

.publication-status-waiting[b-2hyunm67mk] {
    color: var(--cd-warning);
    background: color-mix(in srgb, var(--cd-warning) 12%, transparent);
}

.publication-status-muted[b-2hyunm67mk] {
    color: var(--cd-text-secondary);
    background: var(--cd-surface-secondary);
}

.publication-info[b-2hyunm67mk] {
    display: grid;
    grid-template-columns: minmax(150px, 190px) minmax(0, 1fr);
    row-gap: 0.65rem;
    margin: 1.5rem 0 0;
}

    .publication-info dt[b-2hyunm67mk] {
        color: var(--cd-text-secondary);
        font-weight: 400;
    }

    .publication-info dd[b-2hyunm67mk] {
        margin: 0;
    }

.recipients-card[b-2hyunm67mk] {
    margin-top: 1rem;
}

    .recipients-card h2[b-2hyunm67mk] {
        margin-bottom: 1rem;
        font-size: 1.1rem;
    }

.recipients-list[b-2hyunm67mk] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.recipient-row[b-2hyunm67mk] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 130px 140px;
    gap: 1rem;
    align-items: center;
    padding: 0.8rem;
    background: var(--cd-surface-secondary);
    border: 1px solid var(--cd-border-default);
    border-radius: 8px;
}

.recipient-name[b-2hyunm67mk] {
    min-width: 0;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.recipient-progress[b-2hyunm67mk] {
    display: flex;
    flex-direction: column;
    text-align: right;
    font-size: 0.9rem;
}

.recipient-status[b-2hyunm67mk] {
    text-align: right;
    font-size: 0.9rem;
    font-weight: 600;
}

.recipient-status-success[b-2hyunm67mk] {
    color: var(--cd-success);
}

.recipient-status-partial[b-2hyunm67mk],
.recipient-status-waiting[b-2hyunm67mk] {
    color: var(--cd-warning);
}

.recipient-status-muted[b-2hyunm67mk] {
    color: var(--cd-text-secondary);
}

.publication-danger[b-2hyunm67mk] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
}

    .publication-danger .small[b-2hyunm67mk] {
        max-width: 550px;
    }

@media (max-width: 991.98px) {
    .sent-layout[b-2hyunm67mk] {
        grid-template-columns: 1fr;
    }

    .publications-panel[b-2hyunm67mk] {
        max-height: 420px;
        overflow-y: auto;
    }
}

@media (max-width: 767.98px) {
    .sent-header[b-2hyunm67mk] {
        flex-direction: column;
    }

        .sent-header .btn[b-2hyunm67mk] {
            width: 100%;
        }

    .details-header[b-2hyunm67mk] {
        flex-direction: column;
    }

    .publication-info[b-2hyunm67mk] {
        grid-template-columns: 1fr;
        row-gap: 0.2rem;
    }

        .publication-info dd[b-2hyunm67mk] {
            margin-bottom: 0.7rem;
        }

    .recipient-row[b-2hyunm67mk] {
        grid-template-columns: 1fr;
        gap: 0.3rem;
    }

    .recipient-progress[b-2hyunm67mk] {
        flex-direction: row;
        gap: 0.4rem;
        text-align: left;
    }

    .recipient-status[b-2hyunm67mk] {
        text-align: left;
    }

    .publication-danger[b-2hyunm67mk] {
        align-items: stretch;
        flex-direction: column;
    }

        .publication-danger .btn[b-2hyunm67mk] {
            width: 100%;
        }
}