/* _content/ProofShareUi/Components/Pages/Me.razor.rz.scp.css */
.ps-me[b-jfenmhvvrf] {
    width: 100%;
    max-width: min(1800px, 96vw);
    margin: 0 auto;
    padding: 14px 16px 28px;
}

/* Desktop: let the page content use the full available width */
@media (min-width: 992px) {
    .ps-me[b-jfenmhvvrf] {
        max-width: none;
    }
}

/* Ensure cards stretch full width of the widened wrapper */
.ps-card[b-jfenmhvvrf] {
    width: 100%;
}

.ps-me-header[b-jfenmhvvrf] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.ps-me-title h1[b-jfenmhvvrf] {
    margin: 0;
    font-size: 1.6rem;
    letter-spacing: 0.2px;
}

.ps-me-sub[b-jfenmhvvrf] {
    margin-top: 6px;
    color: rgba(231, 236, 255, 0.75);
    max-width: 72ch;
}

.ps-me-actions[b-jfenmhvvrf] {
    display: flex;
    gap: 10px;
}

.ps-card[b-jfenmhvvrf] {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(231, 236, 255, 0.12);
    border-radius: 16px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
    overflow: hidden;
    margin-bottom: 14px;
}

.ps-card-hd[b-jfenmhvvrf] {
    padding: 12px 14px;
    font-weight: 700;
    border-bottom: 1px solid rgba(231, 236, 255, 0.10);
    background: rgba(255, 255, 255, 0.03);
}

.ps-card-bd[b-jfenmhvvrf] {
    padding: 14px;
}

.ps-tip[b-jfenmhvvrf] {
    background: rgba(80, 170, 255, 0.10);
    border-color: rgba(80, 170, 255, 0.25);
}

.ps-tip-title[b-jfenmhvvrf] {
    font-weight: 700;
    margin-bottom: 4px;
}

.ps-muted[b-jfenmhvvrf] {
    color: rgba(231, 236, 255, 0.70);
}

.ps-mono[b-jfenmhvvrf] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.85em;
}

.ps-right[b-jfenmhvvrf] {
    text-align: right;
}

.ps-table-wrap[b-jfenmhvvrf] {
    overflow-x: auto;
}

.ps-table[b-jfenmhvvrf] {
    width: 100%;
    border-collapse: collapse;
}

    .ps-table th[b-jfenmhvvrf],
    .ps-table td[b-jfenmhvvrf] {
        padding: 10px 10px;
        border-bottom: 1px solid rgba(231, 236, 255, 0.10);
        vertical-align: top;
    }

    .ps-table th[b-jfenmhvvrf] {
        text-align: left;
        font-size: 0.85rem;
        color: rgba(231, 236, 255, 0.75);
        font-weight: 700;
    }

.ps-pkg-name[b-jfenmhvvrf] {
    font-weight: 700;
}

.ps-pill[b-jfenmhvvrf] {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid rgba(231, 236, 255, 0.16);
    background: rgba(255, 255, 255, 0.04);
    font-size: 0.85rem;
}

.ps-alert[b-jfenmhvvrf] {
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid rgba(255, 120, 120, 0.25);
    background: rgba(255, 120, 120, 0.12);
}

.ps-btn[b-jfenmhvvrf] {
    appearance: none;
    border: 1px solid rgba(231, 236, 255, 0.14);
    background: rgba(255, 255, 255, 0.08);
    color: rgba(231, 236, 255, 0.95);
    padding: 8px 12px;
    border-radius: 12px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

    .ps-btn:hover[b-jfenmhvvrf] {
        background: rgba(255, 255, 255, 0.12);
    }

    .ps-btn:disabled[b-jfenmhvvrf] {
        opacity: 0.6;
        cursor: not-allowed;
    }

.ps-btn-secondary[b-jfenmhvvrf] {
    background: rgba(80, 170, 255, 0.16);
    border-color: rgba(80, 170, 255, 0.30);
}

    .ps-btn-secondary:hover[b-jfenmhvvrf] {
        background: rgba(80, 170, 255, 0.22);
    }

.ps-skel[b-jfenmhvvrf] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 8px;
}

.ps-skel-line[b-jfenmhvvrf] {
    height: 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
}

    .ps-skel-line.short[b-jfenmhvvrf] {
        width: 60%;
    }

@media (max-width: 720px) {
    .ps-me-header[b-jfenmhvvrf] {
        align-items: flex-start;
        flex-direction: column;
    }

    .ps-right[b-jfenmhvvrf] {
        text-align: left;
    }
}
/* _content/ProofShareUi/Components/Shared/CreatePackageModal.razor.rz.scp.css */
/* CreatePackageModal.razor.css */

/* =============== Overlay / Panel =============== */
.ps-modal-overlay[b-9b3ldaiybn] {
    position: fixed;
    inset: 0;
    z-index: 10000;
    background: rgba(0,0,0,0.72);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.ps-modal-panel[b-9b3ldaiybn] {
    width: min(980px, 96vw);
    max-height: calc(100vh - 48px);
    overflow: auto;
    background: rgba(10, 14, 22, 0.96);
    color: rgba(236,242,255,0.92);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 16px;
    box-shadow: 0 24px 70px rgba(0,0,0,0.55);
}

.ps-modal-panel-lg[b-9b3ldaiybn] {
    width: min(1100px, 96vw);
}

/* =============== Header / Footer =============== */
.ps-modal-hd[b-9b3ldaiybn] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 18px 14px 18px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    background: linear-gradient(to bottom, rgba(255,255,255,0.04), rgba(255,255,255,0.00));
}

.ps-modal-ttl[b-9b3ldaiybn] {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.2px;
    margin: 0;
}

.ps-modal-sub[b-9b3ldaiybn] {
    margin-top: 2px;
    font-size: 12px;
    color: rgba(236,242,255,0.65);
}

.ps-modal-ft[b-9b3ldaiybn] {
    position: sticky;
    bottom: 0;
    padding: 12px 18px;
    border-top: 1px solid rgba(255,255,255,0.08);
    background: rgba(10, 14, 22, 0.92);
    backdrop-filter: blur(8px);
}

/* Close icon button */
.ps-icon-btn[b-9b3ldaiybn] {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(255,255,255,0.04);
    color: rgba(236,242,255,0.9);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .ps-icon-btn:hover[b-9b3ldaiybn] {
        background: rgba(255,255,255,0.08);
    }

    .ps-icon-btn:active[b-9b3ldaiybn] {
        transform: translateY(1px);
    }

/* =============== Body / Cards =============== */
.ps-modal-bd[b-9b3ldaiybn] {
    padding: 16px 18px 18px 18px;
}

.ps-card[b-9b3ldaiybn] {
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 14px;
    background: rgba(255,255,255,0.03);
}

.ps-card-hd[b-9b3ldaiybn] {
    padding: 14px 14px 10px 14px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
}

.ps-card-ttl[b-9b3ldaiybn] {
    font-weight: 700;
    font-size: 14px;
}

.ps-card-bd[b-9b3ldaiybn] {
    padding: 14px;
}

/* =============== Layout helpers =============== */
.ps-row[b-9b3ldaiybn] {
    display: flex;
    align-items: center;
}

.ps-row-gap[b-9b3ldaiybn] {
    gap: 10px;
}

.ps-row-wrap[b-9b3ldaiybn] {
    flex-wrap: wrap;
}

.ps-hr[b-9b3ldaiybn] {
    border: none;
    height: 1px;
    background: rgba(255,255,255,0.10);
}

/* =============== Form fields =============== */
.ps-field[b-9b3ldaiybn] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .ps-field > label[b-9b3ldaiybn] {
        font-size: 12px;
        color: rgba(236,242,255,0.70);
    }

.ps-input[b-9b3ldaiybn] {
    width: 100%;
    background: rgba(10, 14, 22, 0.92);
    color: rgba(236,242,255,0.92);
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 10px;
    padding: 10px 10px;
    outline: none;
}

    .ps-input:focus[b-9b3ldaiybn] {
        border-color: rgba(140,180,255,0.55);
        box-shadow: 0 0 0 3px rgba(140,180,255,0.18);
    }

.ps-input-sm[b-9b3ldaiybn] {
    padding: 8px 9px;
    border-radius: 10px;
    font-size: 13px;
}

/* Checkbox row */
.ps-check[b-9b3ldaiybn] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: rgba(236,242,255,0.90);
}

    .ps-check input[b-9b3ldaiybn] {
        width: 16px;
        height: 16px;
    }

/* =============== Buttons =============== */
.ps-btn[b-9b3ldaiybn] {
    background: rgba(255,255,255,0.05);
    color: rgba(236,242,255,0.92);
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 10px;
    padding: 9px 12px;
    cursor: pointer;
}

    .ps-btn:hover[b-9b3ldaiybn] {
        background: rgba(255,255,255,0.08);
    }

    .ps-btn:active[b-9b3ldaiybn] {
        transform: translateY(1px);
    }

    .ps-btn[disabled][b-9b3ldaiybn] {
        opacity: 0.55;
        cursor: not-allowed;
    }

.ps-btn-primary[b-9b3ldaiybn] {
    background: rgba(90,140,255,0.20);
    border-color: rgba(90,140,255,0.35);
}

    .ps-btn-primary:hover[b-9b3ldaiybn] {
        background: rgba(90,140,255,0.26);
    }

/* =============== Alerts / Muted text =============== */
.ps-muted[b-9b3ldaiybn] {
    color: rgba(236,242,255,0.65);
    font-size: 12px;
}

.ps-mono[b-9b3ldaiybn] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.ps-alert[b-9b3ldaiybn] {
    border-radius: 12px;
    padding: 10px 12px;
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(255,255,255,0.04);
}

.ps-alert-warn[b-9b3ldaiybn] {
    border-color: rgba(255, 190, 90, 0.35);
    background: rgba(255, 190, 90, 0.08);
}

.ps-alert-ok[b-9b3ldaiybn] {
    border-color: rgba(120, 240, 170, 0.35);
    background: rgba(120, 240, 170, 0.08);
}

/* =============== Table (grid) =============== */
.ps-table[b-9b3ldaiybn] {
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 12px;
    overflow: hidden;
}

.ps-thead[b-9b3ldaiybn],
.ps-tr[b-9b3ldaiybn] {
    display: grid;
    grid-template-columns: 2.2fr 1.6fr 1.2fr 1.2fr 44px;
    gap: 10px;
    align-items: start;
    padding: 10px;
}

.ps-thead[b-9b3ldaiybn] {
    background: rgba(255,255,255,0.04);
    border-bottom: 1px solid rgba(255,255,255,0.08);
    font-size: 12px;
    color: rgba(236,242,255,0.70);
    font-weight: 600;
}

.ps-tr[b-9b3ldaiybn] {
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

    .ps-tr:last-child[b-9b3ldaiybn] {
        border-bottom: none;
    }

.ps-table-tight .ps-thead[b-9b3ldaiybn],
.ps-table-tight .ps-tr[b-9b3ldaiybn] {
    padding: 9px 10px;
}

/* =============== Dark select + dropdown list =============== */
select.ps-input[b-9b3ldaiybn],
select.ps-select-sm[b-9b3ldaiybn],
select.ps-input.ps-select-sm[b-9b3ldaiybn] {
    appearance: none;
    background: rgba(10, 14, 22, 0.92);
    color: rgba(236,242,255,0.92);
    border: 1px solid rgba(255,255,255,0.14);
}

    select.ps-input option[b-9b3ldaiybn],
    select.ps-input optgroup[b-9b3ldaiybn],
    select.ps-select-sm option[b-9b3ldaiybn],
    select.ps-select-sm optgroup[b-9b3ldaiybn] {
        background: #0b1020;
        color: rgba(236,242,255,0.92);
    }

        select.ps-input option:disabled[b-9b3ldaiybn],
        select.ps-select-sm option:disabled[b-9b3ldaiybn] {
            color: rgba(236,242,255,0.55);
        }

/* =============== Collapsible "Custom permissions" =============== */
details.ps-details[b-9b3ldaiybn] {
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 12px;
    padding: 8px 10px;
    background: rgba(255,255,255,0.03);
}

    details.ps-details > summary[b-9b3ldaiybn] {
        cursor: pointer;
        user-select: none;
        color: rgba(236,242,255,0.92);
        font-weight: 600;
        list-style: none;
    }

        details.ps-details > summary[b-9b3ldaiybn]::-webkit-details-marker {
            display: none;
        }

        details.ps-details > summary[b-9b3ldaiybn]::after {
            content: "▾";
            float: right;
            opacity: 0.75;
        }

    details.ps-details[open] > summary[b-9b3ldaiybn]::after {
        content: "▴";
    }

    details.ps-details.ps-details-sm[b-9b3ldaiybn] {
        padding: 7px 9px;
    }
/* _content/ProofShareUi/Components/Shared/EmailTemplatesAdminModal.razor.rz.scp.css */
/* EmailTemplatesAdminModal.razor.css */
/* Dark modal styling + HTML preview surface (matches SendInviteEmailModal) */

/* ===== Modal overlay & panel ===== */
.ps-modal-overlay[b-x94r8kjxqe] {
    position: fixed;
    inset: 0;
    z-index: 10000;
    background: rgba(0,0,0,0.72);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

/* When a modal launches another modal, the child needs to stack above the parent. */
.ps-modal-overlay-top[b-x94r8kjxqe] {
    z-index: 11000;
}

.ps-modal-panel[b-x94r8kjxqe] {
    width: min(1100px, 96vw);
    max-height: calc(100vh - 48px);
    overflow: auto;
    background: rgba(10, 14, 22, 0.96);
    color: rgba(236,242,255,0.92);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 16px;
    box-shadow: 0 24px 70px rgba(0,0,0,0.55);
}

.ps-modal-panel-lg[b-x94r8kjxqe] {
    width: min(1150px, 96vw);
}

.ps-modal-panel-xl[b-x94r8kjxqe] {
    width: min(1250px, 96vw);
}

.ps-modal-panel-sm[b-x94r8kjxqe] {
    width: min(560px, 96vw);
}

/* ===== Header / Footer ===== */
.ps-modal-hd[b-x94r8kjxqe] {
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 18px 14px 18px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    background: linear-gradient(to bottom, rgba(255,255,255,0.04), rgba(255,255,255,0.00));
}

.ps-modal-ft[b-x94r8kjxqe] {
    position: sticky;
    bottom: 0;
    z-index: 1;
    padding: 12px 18px;
    border-top: 1px solid rgba(255,255,255,0.08);
    background: rgba(10, 14, 22, 0.92);
    backdrop-filter: blur(8px);
    display: flex;
    gap: 8px;
    align-items: center;
}

.ps-modal-bd[b-x94r8kjxqe] {
    padding: 16px 18px 18px 18px;
}

.ps-modal-ttl[b-x94r8kjxqe] {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.2px;
    margin: 0;
}

.ps-modal-sub[b-x94r8kjxqe] {
    margin-top: 2px;
    font-size: 12px;
    color: rgba(236,242,255,0.65);
}

/* Close icon button */
.ps-icon-btn[b-x94r8kjxqe] {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(255,255,255,0.04);
    color: rgba(236,242,255,0.9);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

    .ps-icon-btn:hover[b-x94r8kjxqe] {
        background: rgba(255,255,255,0.08);
    }

    .ps-icon-btn:active[b-x94r8kjxqe] {
        transform: translateY(1px);
    }

/* ===== Layout helpers ===== */
.ps-row[b-x94r8kjxqe] {
    display: flex;
    align-items: center;
}

.ps-row-gap[b-x94r8kjxqe] {
    gap: 10px;
}

.ps-row-wrap[b-x94r8kjxqe] {
    flex-wrap: wrap;
}

.ps-right[b-x94r8kjxqe] {
    text-align: right;
}

.ps-label-row[b-x94r8kjxqe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

/* ===== Common text ===== */
.ps-muted[b-x94r8kjxqe] {
    color: rgba(236,242,255,0.65);
    font-size: 12px;
}

.ps-mono[b-x94r8kjxqe] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/* ===== Cards ===== */
.ps-card[b-x94r8kjxqe] {
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 16px;
    background: rgba(255,255,255,0.03);
    overflow: hidden;
}

.ps-card-hd[b-x94r8kjxqe] {
    padding: 14px 14px 10px 14px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    background: rgba(255,255,255,0.03);
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.ps-card-ttl[b-x94r8kjxqe] {
    font-weight: 700;
    color: rgba(236,242,255,0.92);
}

.ps-card-bd[b-x94r8kjxqe] {
    padding: 14px;
}

/* ===== Form controls ===== */
.ps-field label[b-x94r8kjxqe] {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: rgba(236,242,255,0.80);
    margin-bottom: 6px;
}

.ps-input[b-x94r8kjxqe],
.ps-textarea[b-x94r8kjxqe] {
    width: 100%;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(10, 14, 22, 0.92);
    color: rgba(236,242,255,0.92);
    outline: none;
    font-size: 14px;
}

.ps-input[b-x94r8kjxqe] {
    height: 40px;
    padding: 10px 10px;
}

.ps-textarea[b-x94r8kjxqe] {
    min-height: 140px;
    padding: 10px 10px;
    resize: vertical;
}

/* ===== In-place HTML preview surface (mimics SendInviteEmailModal preview UX) ===== */
.ps-html-surface[b-x94r8kjxqe] {
    width: 100%;
    /* Big enough to actually read the email on first open */
    height: 60vh;
    max-height: 560px;
    min-height: 420px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(10, 14, 22, 0.92);
    overflow: hidden;
    position: relative;
}

/* When editing HTML, the textarea should fill the same surface */
.ps-html-editor[b-x94r8kjxqe] {
    height: 100% !important;
    min-height: 0 !important;
    resize: none;
    border: 0;
    border-radius: 0;
}

/* Preview iframe fills the same surface */
.ps-html-preview[b-x94r8kjxqe] {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    background: #ffffff;
}

.ps-input:focus[b-x94r8kjxqe],
.ps-textarea:focus[b-x94r8kjxqe] {
    border-color: rgba(140,180,255,0.55);
    box-shadow: 0 0 0 3px rgba(140,180,255,0.18);
}

.ps-check[b-x94r8kjxqe] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    user-select: none;
    color: rgba(236,242,255,0.80);
    font-weight: 600;
    font-size: 13px;
}

    .ps-check input[type="checkbox"][b-x94r8kjxqe] {
        width: 16px;
        height: 16px;
    }

/* ===== Buttons ===== */
.ps-btn[b-x94r8kjxqe] {
    height: 38px;
    padding: 0 14px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(255,255,255,0.05);
    color: rgba(236,242,255,0.92);
    font-weight: 650;
    cursor: pointer;
}

    .ps-btn:hover[b-x94r8kjxqe] {
        background: rgba(255,255,255,0.08);
    }

    .ps-btn:active[b-x94r8kjxqe] {
        transform: translateY(1px);
    }

    .ps-btn:disabled[b-x94r8kjxqe] {
        opacity: 0.55;
        cursor: not-allowed;
        transform: none;
    }

.ps-btn-primary[b-x94r8kjxqe] {
    background: rgba(90,140,255,0.20);
    border-color: rgba(90,140,255,0.35);
}

    .ps-btn-primary:hover[b-x94r8kjxqe] {
        background: rgba(90,140,255,0.26);
    }

.ps-btn-sm[b-x94r8kjxqe] {
    height: 32px;
    padding: 0 10px;
    border-radius: 10px;
    font-size: 13px;
}

/* ===== Alerts / pills ===== */
.ps-alert[b-x94r8kjxqe] {
    border-radius: 12px;
    padding: 10px 12px;
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(255,255,255,0.04);
    color: rgba(236,242,255,0.92);
    font-size: 13.5px;
}

.ps-alert-warn[b-x94r8kjxqe] {
    border-color: rgba(255, 190, 90, 0.35);
    background: rgba(255, 190, 90, 0.08);
}

.ps-alert-ok[b-x94r8kjxqe] {
    border-color: rgba(34, 197, 94, 0.35);
    background: rgba(34, 197, 94, 0.10);
}

.ps-pill[b-x94r8kjxqe] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 22px;
    padding: 0 9px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(255,255,255,0.05);
    color: rgba(236,242,255,0.80);
    margin-left: 8px;
}

.ps-pill-ok[b-x94r8kjxqe] {
    border-color: rgba(34, 197, 94, 0.35);
    background: rgba(34, 197, 94, 0.10);
}

.ps-pill-warn[b-x94r8kjxqe] {
    border-color: rgba(255, 190, 90, 0.35);
    background: rgba(255, 190, 90, 0.08);
}

/* ===== Lists ===== */
.ps-list[b-x94r8kjxqe] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ps-list-item[b-x94r8kjxqe] {
    width: 100%;
    text-align: left;
    border-radius: 14px;
    padding: 10px 12px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.03);
    cursor: pointer;
    color: rgba(236,242,255,0.92);
}

    .ps-list-item:hover[b-x94r8kjxqe] {
        background: rgba(255,255,255,0.05);
    }

    .ps-list-item.is-selected[b-x94r8kjxqe] {
        border-color: rgba(140,180,255,0.55);
        box-shadow: 0 0 0 3px rgba(140,180,255,0.18);
    }

.ps-list-title[b-x94r8kjxqe] {
    font-weight: 750;
    color: rgba(236,242,255,0.92);
}

.ps-list-sub[b-x94r8kjxqe] {
    margin-top: 4px;
    font-size: 12px;
    color: rgba(236,242,255,0.65);
}

/* ===== Tables ===== */
.ps-table-wrap[b-x94r8kjxqe] {
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 14px;
    overflow: hidden;
    background: rgba(255,255,255,0.02);
}

.ps-table[b-x94r8kjxqe] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13.5px;
}

    .ps-table thead th[b-x94r8kjxqe] {
        text-align: left;
        font-size: 12px;
        color: rgba(236,242,255,0.70);
        font-weight: 800;
        padding: 10px 12px;
        background: rgba(255,255,255,0.04);
        border-bottom: 1px solid rgba(255,255,255,0.08);
    }

    .ps-table tbody td[b-x94r8kjxqe] {
        padding: 10px 12px;
        border-bottom: 1px solid rgba(255,255,255,0.06);
        color: rgba(236,242,255,0.88);
    }

    .ps-table tbody tr:hover[b-x94r8kjxqe] {
        background: rgba(255,255,255,0.03);
    }

    .ps-table tbody tr.is-selected[b-x94r8kjxqe] {
        background: rgba(90,140,255,0.16);
    }

/* ===== Preview ===== */
.ps-invite-preview[b-x94r8kjxqe] {
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 12px;
    padding: 0;
    overflow: hidden;
    background: rgba(255,255,255,0.03);
}

.ps-preview[b-x94r8kjxqe] {
    height: 220px;
    overflow: auto;
    padding: 10px;
    background: #0b1020;
    border-radius: 12px;
}

/* ===== Misc ===== */
.ps-hr[b-x94r8kjxqe] {
    border: 0;
    height: 1px;
    background: rgba(255,255,255,0.10);
    margin: 14px 0;
}

.ps-tokens code[b-x94r8kjxqe] {
    color: rgba(180,210,255,0.92);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}


/* ===== Patch: force preview/editor to truly fill the surface (prevents iframe collapsing) ===== */
.ps-html-surface[b-x94r8kjxqe] {
    position: relative;
}

    .ps-html-surface > .ps-html-preview[b-x94r8kjxqe], .ps-html-surface > .ps-html-editor[b-x94r8kjxqe] {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100% !important;
    }
/* _content/ProofShareUi/Components/Shared/MainLayout.razor.rz.scp.css */
/* ================================
   ProofShare App Shell (authoritative)
   Desktop = sidebar + sticky account bar
   Mobile  = logo-only sticky (in NavMenu), account moves into menu
================================ */

.desktop-only[b-q0f7hpai94] {
    display: flex !important;
}

.mobile-only[b-q0f7hpai94] {
    display: none !important;
}

.ps-shell[b-q0f7hpai94] {
    display: flex;
    min-height: 100vh;
    background: #0a0e18; /* solid so nothing bleeds through */
}

.ps-sidebar[b-q0f7hpai94] {
    width: 320px;
    flex: 0 0 auto;
    /* lighter �surface� so the nav feels like a panel */
    background: linear-gradient(180deg, rgba(18, 28, 44, .98) 0%, rgba(13, 20, 34, .98) 60%, rgba(10, 14, 24, .98) 100%);
    border-right: 1px solid rgba(231,236,255,.10);
    box-shadow: 18px 0 40px rgba(0,0,0,.25);
}

.ps-main[b-q0f7hpai94] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    background: #0a0e18; /* solid surface */
}

/* ================================
   Desktop account bar (sticky)
================================ */

.ps-account-bar[b-q0f7hpai94] {
    position: sticky;
    top: 0;
    z-index: 2000; /* above content, below modal overlays */
    background: rgba(11, 22, 34, 0.98);
    border-bottom: 1px solid rgba(231,236,255,.10);
    box-shadow: 0 12px 28px rgba(0,0,0,.35);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.ps-topbar-left[b-q0f7hpai94] {
    display: flex;
    align-items: center;
    min-width: 0;
}

.ps-topbar-pill[b-q0f7hpai94] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: rgba(231,236,255,.55);
}

.ps-topbar-right[b-q0f7hpai94] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* inner spacing */
.ps-account-bar > div[b-q0f7hpai94] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 22px;
    gap: 16px;
}

/* ================================
   User chip + dropdown (desktop)
================================ */

.ps-userwrap[b-q0f7hpai94] {
    position: relative;
    display: inline-flex;
}

.ps-userchip[b-q0f7hpai94] {
    appearance: none;
    border: 1px solid rgba(231,236,255,.14);
    background: rgba(255,255,255,.06);
    color: rgba(231,236,255,.92);
    border-radius: 999px;
    padding: 8px 10px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 10px 22px rgba(0,0,0,.22);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    -webkit-tap-highlight-color: transparent;
}

    .ps-userchip:hover[b-q0f7hpai94] {
        background: rgba(255,255,255,.10);
        border-color: rgba(231,236,255,.20);
    }

    .ps-userchip.ps-signin[b-q0f7hpai94] {
        padding: 8px 12px;
    }

.ps-signin-icon[b-q0f7hpai94] {
    opacity: .85;
    font-size: 14px;
    line-height: 1;
}

.ps-signin-text[b-q0f7hpai94] {
    font-weight: 900;
    letter-spacing: .2px;
}

.ps-avatar[b-q0f7hpai94] {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    letter-spacing: .2px;
    background: rgba(96,165,250,.20);
    border: 1px solid rgba(96,165,250,.35);
}

.ps-usertext[b-q0f7hpai94] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.15;
}

.ps-username[b-q0f7hpai94] {
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 240px;
}

.ps-useremail[b-q0f7hpai94] {
    font-size: 12px;
    color: rgba(231,236,255,.65);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 240px;
}

.ps-caret[b-q0f7hpai94] {
    opacity: .75;
    font-weight: 900;
    margin-left: 2px;
}

/* Backdrop below menu so menu items click */
.ps-userbackdrop[b-q0f7hpai94] {
    position: fixed;
    inset: 0;
    /* IMPORTANT: this backdrop is rendered outside the header.
       Since the header creates a stacking context (z-index:2000),
       the backdrop must stay BELOW the header or it will intercept
       clicks intended for the dropdown items (even if transparent). */
    z-index: 1990;
    background: transparent;
}

.ps-usermenu[b-q0f7hpai94] {
    position: absolute;
    right: 0;
    top: calc(100% + 10px);
    /* Keep above the header content */
    z-index: 2010;
    min-width: 240px;
    padding: 6px;
    border-radius: 16px;
    border: 1px solid rgba(231,236,255,.14);
    background: linear-gradient(180deg, rgba(18, 28, 44, .96) 0%, rgba(13, 20, 34, .96) 60%, rgba(10, 14, 24, .96) 100%);
    box-shadow: 0 22px 70px rgba(0,0,0,.60);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    transform-origin: top right;
    animation: psFlyIn-b-q0f7hpai94 120ms ease-out;
}

   .ps-usermenu[b-q0f7hpai94]::before {
    background: rgba(18, 28, 44, .96);
    border-left: 1px solid rgba(231,236,255,.14);
    border-top: 1px solid rgba(231,236,255,.14);
}

@keyframes psFlyIn-b-q0f7hpai94 {
    from {
        opacity: 0;
        transform: translateY(-6px) scale(.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.ps-usermenu-item[b-q0f7hpai94] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 12px;
    border-radius: 12px;
    border: 0 !important;
    background: transparent !important;
    color: rgba(231,236,255,.92) !important;
    font-weight: 800;
    letter-spacing: .15px;
    cursor: pointer;
    text-align: left;
}

    .ps-usermenu-item:hover[b-q0f7hpai94] {
        background: rgba(255,255,255,.06) !important;
    }

    .ps-usermenu-item:active[b-q0f7hpai94] {
        background: rgba(255,255,255,.10) !important;
    }

.ps-usermenu-sep[b-q0f7hpai94] {
    height: 1px;
    margin: 6px 6px;
    background: rgba(231,236,255,.10);
}

/* ================================
   Page body (scroll region)
================================ */

.ps-page-body[b-q0f7hpai94] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 40px;
    background: #0a0e18;
}

/* ================================
   Modal layering (always above header/sidebar)
================================ */

[b-q0f7hpai94] .modal-backdrop {
    z-index: 9000 !important;
}

[b-q0f7hpai94] .modal {
    z-index: 9100 !important;
}

[b-q0f7hpai94] .ps-modal-backdrop,
[b-q0f7hpai94] .ps-overlay,
[b-q0f7hpai94] .ps-dialog-backdrop {
    z-index: 9000 !important;
}

[b-q0f7hpai94] .ps-modal,
[b-q0f7hpai94] .ps-dialog,
[b-q0f7hpai94] .ps-overlay-panel {
    z-index: 9100 !important;
}

/* ================================
   Mobile: nav becomes top section; hide desktop account bar
================================ */

@media (max-width: 900px) {
    .ps-shell[b-q0f7hpai94] {
        flex-direction: column;
    }

    .ps-sidebar[b-q0f7hpai94] {
        width: 100%;
    }

    .ps-account-bar[b-q0f7hpai94] {
        display: none !important; /* account moves into the menu on mobile */
    }
}


/* ================================
   Mobile shell: logo + hamburger + right drawer
================================ */

.ps-mobile-shell[b-q0f7hpai94] {
    min-height: 100vh;
    background: #0a0e18;
    display: flex;
    flex-direction: column;
}

.ps-mobile-topbar[b-q0f7hpai94] {
    position: sticky;
    top: 0;
    z-index: 3000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px;
    background: rgba(11, 22, 34, 0.98);
    border-bottom: 1px solid rgba(231,236,255,.10);
    box-shadow: 0 12px 28px rgba(0,0,0,.35);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.ps-mobile-brand[b-q0f7hpai94] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    color: rgba(231,236,255,.92);
    text-decoration: none;
}

.ps-mobile-logo[b-q0f7hpai94] {
    width: 32px;
    height: 32px;
    border-radius: 10px;
    flex: 0 0 auto;
    box-shadow: 0 8px 18px rgba(0,0,0,.25);
}

.ps-mobile-brandtext[b-q0f7hpai94] {
    font-weight: 900;
    letter-spacing: .2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 70vw;
}

.ps-mobile-hamburger[b-q0f7hpai94] {
    appearance: none;
    border: 1px solid rgba(231,236,255,.14);
    background: rgba(255,255,255,.06);
    color: rgba(231,236,255,.92);
    border-radius: 14px;
    width: 44px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 10px 22px rgba(0,0,0,.22);
    -webkit-tap-highlight-color: transparent;
}

    .ps-mobile-hamburger:hover[b-q0f7hpai94] {
        background: rgba(255,255,255,.10);
        border-color: rgba(231,236,255,.20);
    }

.ps-mobile-backdrop[b-q0f7hpai94] {
    position: fixed;
    inset: 0;
    z-index: 3100;
    background: rgba(0,0,0,.45);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

.ps-mobile-drawer[b-q0f7hpai94] {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    width: min(86vw, 360px);
    z-index: 3200;
    background: rgba(10, 14, 24, .96);
    border-left: 1px solid rgba(231,236,255,.14);
    box-shadow: -18px 0 60px rgba(0,0,0,.60);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    transform: translateX(0);
    animation: psDrawerIn-b-q0f7hpai94 140ms ease-out;
    overflow: hidden;
}

.ps-mobile-drawer-inner[b-q0f7hpai94] {
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 14px 12px 18px;
}

@keyframes psDrawerIn-b-q0f7hpai94 {
    from {
        transform: translateX(12px);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Switch shells */
@media (max-width: 900px) {
    .desktop-only[b-q0f7hpai94] {
        display: none !important;
    }

    .mobile-only[b-q0f7hpai94] {
        display: flex !important;
    }
}


/* Force desktop shell when width >= 901px (prevents accidental double-render if other CSS touches these classes) */
@media (min-width: 901px) {
    .desktop-only[b-q0f7hpai94] {
        display: flex !important;
    }

    .mobile-only[b-q0f7hpai94] {
        display: none !important;
    }
}
/* _content/ProofShareUi/Components/Shared/ManagePackageModal.razor.rz.scp.css */
/* CreatePackageModal.razor.css */

/* ===== Fix nested modal stacking (UploadFiles opened from ManagePackageModal) =====
   ManagePackageModal uses .ps-modal-overlay/.ps-modal-panel with extra mp-* classes.
   UploadFiles uses .ps-modal-backdrop/.ps-modal.
   If we don't bump those above the mp overlay, UploadFiles can open *behind* ManagePackageModal.
*/
.ps-modal-overlay.mp-modal-overlay[b-oaoc74zuo2] {
    z-index: 9998 !important;
}

.ps-modal-panel.mp-modal-panel[b-oaoc74zuo2] {
    z-index: 9999 !important;
}

:host[b-oaoc74zuo2]  .ps-modal-backdrop {
    z-index: 10000 !important;
}

:host[b-oaoc74zuo2]  .ps-modal {
    z-index: 10001 !important;
}

/* =============== Overlay / Panel =============== */
.ps-modal-overlay[b-oaoc74zuo2] {
    position: fixed;
    inset: 0;
    z-index: 9998;
    background: rgba(0,0,0,0.72);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.ps-modal-panel[b-oaoc74zuo2] {
    position: relative;
    z-index: 9999 !important;
    width: min(980px, 96vw);
    max-height: calc(100vh - 48px);
    height: calc(100vh - 48px);
    min-height: 520px;
    overflow: hidden; /* keep the panel from growing; inner sections scroll */
    display: flex;
    flex-direction: column;
    background: rgba(10, 14, 22, 0.96);
    color: rgba(236,242,255,0.92);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 16px;
    box-shadow: 0 24px 70px rgba(0,0,0,0.55);
}

.ps-modal-panel-lg[b-oaoc74zuo2] {
    width: min(1100px, 96vw);
}

/* =============== Header / Footer =============== */
.ps-modal-hd[b-oaoc74zuo2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 18px 14px 18px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    background: linear-gradient(to bottom, rgba(255,255,255,0.04), rgba(255,255,255,0.00));
}

.ps-modal-ttl[b-oaoc74zuo2] {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.2px;
    margin: 0;
}

.ps-modal-sub[b-oaoc74zuo2] {
    margin-top: 2px;
    font-size: 12px;
    color: rgba(236,242,255,0.65);
}

.ps-modal-ft[b-oaoc74zuo2] {
    position: sticky;
    bottom: 0;
    padding: 12px 18px;
    border-top: 1px solid rgba(255,255,255,0.08);
    background: rgba(10, 14, 22, 0.92);
    backdrop-filter: blur(8px);
}

/* Close icon button */
.ps-icon-btn[b-oaoc74zuo2] {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(255,255,255,0.04);
    color: rgba(236,242,255,0.9);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .ps-icon-btn:hover[b-oaoc74zuo2] {
        background: rgba(255,255,255,0.08);
    }

    .ps-icon-btn:active[b-oaoc74zuo2] {
        transform: translateY(1px);
    }

/* =============== Body / Cards =============== */
.ps-modal-bd[b-oaoc74zuo2] {
    padding: 16px 18px 18px 18px;
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.ps-card[b-oaoc74zuo2] {
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 14px;
    background: rgba(255,255,255,0.03);
}

.ps-card-hd[b-oaoc74zuo2] {
    padding: 14px 14px 10px 14px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
}

.ps-card-ttl[b-oaoc74zuo2] {
    font-weight: 700;
    font-size: 14px;
}

.ps-card-bd[b-oaoc74zuo2] {
    padding: 14px;
}

/* =============== Layout helpers =============== */
.ps-row[b-oaoc74zuo2] {
    display: flex;
    align-items: center;
}

.ps-row-gap[b-oaoc74zuo2] {
    gap: 10px;
}

.ps-row-wrap[b-oaoc74zuo2] {
    flex-wrap: wrap;
}

.ps-hr[b-oaoc74zuo2] {
    border: none;
    height: 1px;
    background: rgba(255,255,255,0.10);
}

/* Defensive: ensure modal overlays above any stacked/transform containers */
.ps-modal-overlay[b-oaoc74zuo2] {
    position: fixed !important;
    /* Keep this high enough to clear app chrome, but below nested modals. */
    z-index: 9998 !important;
}

.ps-modal-panel[b-oaoc74zuo2] {
    position: relative;
}


/* ===== Manage Package (match UserAdmin modal layout) ===== */
.mp-wrap[b-oaoc74zuo2] {
    width: 100%;
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    /* If the two-column layout is wider than the modal, allow a horizontal scrollbar
       for the whole manage-package content (not the entire modal chrome). */
    overflow-x: auto;
    overflow-y: auto;
}

.mp-muted[b-oaoc74zuo2] {
    color: rgba(231,236,255,.70);
}

.mp-grid[b-oaoc74zuo2] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

/* Top row: Lifecycle + Expiry side-by-side on wide screens */
.mp-topgrid[b-oaoc74zuo2] {
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr;
    min-width: 0;
}

@media (min-width: 980px) {
    .mp-topgrid[b-oaoc74zuo2] {
        grid-template-columns: 1fr 1fr;
        align-items: start;
    }
}



.mp-card[b-oaoc74zuo2] {
    border: 1px solid rgba(231,236,255,.12);
    background: rgba(255,255,255,.04);
    border-radius: 16px;
    padding: 12px;
    min-height: 0;
    display: flex;
    flex-direction: column;
}


.mp-card-members[b-oaoc74zuo2],
.mp-card-invites[b-oaoc74zuo2] {
    /* Keep cards from expanding beyond modal; tables scroll inside */
    min-height: 0;
}
/* Left column cards should be compact and not consume extra vertical space */
.mp-card-lifecycle[b-oaoc74zuo2] {
    flex: 0 0 auto;
}

.mp-card-expiry[b-oaoc74zuo2] {
    flex: 0 0 auto;
}

/* independent vertical scroll regions */
.mp-scroll[b-oaoc74zuo2] {
    overflow: auto;
    min-height: 0;
}

/* scroll areas should consume remaining card height (no vh caps) */
.mp-scroll-members[b-oaoc74zuo2] {
    /* Inner scrollbar for the Members grid/table */
    max-height: clamp(220px, 32vh, 360px);
    overflow: auto;
}

.mp-scroll-invites[b-oaoc74zuo2] {
    /* Inner scrollbar for the Invites grid/table */
    max-height: clamp(220px, 32vh, 360px);
    overflow: auto;
}

.mp-card-title[b-oaoc74zuo2] {
    font-weight: 900;
    margin: 0 0 6px 0;
}

.mp-row[b-oaoc74zuo2] {
    display: grid;
    gap: 12px;
    margin-top: 12px;
}

.mp-kv[b-oaoc74zuo2] {
    display: grid;
    gap: 4px;
}

.mp-k[b-oaoc74zuo2] {
    color: rgba(231,236,255,.72);
    font-weight: 800;
    font-size: .9rem;
}

.mp-v[b-oaoc74zuo2] {
    color: rgba(231,236,255,.92);
    font-weight: 800;
}

.mp-actions[b-oaoc74zuo2] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

/* top bar / add member row */
.mp-top[b-oaoc74zuo2] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.mp-add-grid[b-oaoc74zuo2] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: flex-end;
}

.mp-field[b-oaoc74zuo2] {
    display: grid;
    gap: 6px;
}

    .mp-field label[b-oaoc74zuo2] {
        color: rgba(231,236,255,.72);
        font-weight: 800;
        font-size: .9rem;
    }

.mp-input[b-oaoc74zuo2] {
    padding: 10px 10px;
    border-radius: 12px;
    border: 1px solid rgba(231,236,255,.14);
    background: rgba(0,0,0,.18);
    color: rgba(231,236,255,.92);
    min-width: 240px;
}

/* table */
.mp-tablewrap[b-oaoc74zuo2] {
    overflow: auto;
    min-height: 0;
    border-radius: 14px;
    border: 1px solid rgba(231,236,255,.10);
}

.mp-table[b-oaoc74zuo2] {
    width: 100%;
    border-collapse: collapse;
}

    .mp-table th[b-oaoc74zuo2],
    .mp-table td[b-oaoc74zuo2] {
        padding: 10px;
        border-bottom: 1px solid rgba(231,236,255,.08);
        vertical-align: top;
    }

    .mp-table th[b-oaoc74zuo2] {
        text-align: left;
        color: rgba(231,236,255,.72);
        font-size: .9rem;
        font-weight: 900;
    }

.mp-th-actions[b-oaoc74zuo2] {
    width: 1%;
    white-space: nowrap;
}

.mp-row-actions[b-oaoc74zuo2] {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.mp-mono[b-oaoc74zuo2] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: .95rem;
}

/* status/errors */
.mp-error[b-oaoc74zuo2] {
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid rgba(255,95,109,.35);
    background: rgba(255,95,109,.14);
    margin-bottom: 12px;
}

.mp-status[b-oaoc74zuo2] {
    margin-bottom: 10px;
    color: rgba(108,247,170,.92);
    font-weight: 800;
}


/* status pill (member/invite) */
.mp-status-pill[b-oaoc74zuo2] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid rgba(231,236,255,.14);
    background: rgba(255,255,255,.04);
    font-weight: 900;
    font-size: .82rem;
    white-space: nowrap;
}

    .mp-status-pill.is-active[b-oaoc74zuo2] {
        border-color: rgba(108,247,170,.35);
        background: rgba(108,247,170,.10);
    }

    .mp-status-pill.is-sent[b-oaoc74zuo2] {
        border-color: rgba(120,170,255,.35);
        background: rgba(120,170,255,.10);
    }

    .mp-status-pill.is-used[b-oaoc74zuo2] {
        border-color: rgba(108,247,170,.35);
        background: rgba(108,247,170,.10);
    }

    .mp-status-pill.is-expired[b-oaoc74zuo2] {
        border-color: rgba(255,206,120,.35);
        background: rgba(255,206,120,.10);
    }

    .mp-status-pill.is-revoked[b-oaoc74zuo2] {
        border-color: rgba(255,95,109,.35);
        background: rgba(255,95,109,.12);
    }

/* invite link input tweaks */
.mp-input.mp-input-sm[b-oaoc74zuo2] {
    min-width: 320px;
    max-width: 520px;
    padding: 8px 10px;
    border-radius: 10px;
    font-size: .82rem;
}

.mp-invite-link[b-oaoc74zuo2] {
    display: flex;
    align-items: center;
}

/* invite delivery tracking */
.mp-badge-mini[b-oaoc74zuo2] {
    display: inline-flex;
    align-items: center;
    padding: 3px 8px;
    border-radius: 999px;
    border: 1px solid rgba(231,236,255,.18);
    background: rgba(255,255,255,.03);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .02em;
    white-space: nowrap;
}

    .mp-badge-mini.is-ok[b-oaoc74zuo2] {
        border-color: rgba(108,247,170,.35);
        background: rgba(108,247,170,.10);
    }

    .mp-badge-mini.is-warn[b-oaoc74zuo2] {
        border-color: rgba(255,206,120,.35);
        background: rgba(255,206,120,.10);
    }

    .mp-badge-mini.is-bad[b-oaoc74zuo2] {
        border-color: rgba(255,95,109,.35);
        background: rgba(255,95,109,.12);
    }

    .mp-badge-mini.is-neutral[b-oaoc74zuo2] {
        opacity: .85;
    }

.mp-err-mini[b-oaoc74zuo2] {
    color: rgba(255,206,120,.95);
    font-size: .78rem;
}

.mp-invite-details[b-oaoc74zuo2] {
    position: relative;
    display: inline-block;
    margin-top: 8px;
}

    .mp-invite-details > summary[b-oaoc74zuo2] {
        list-style: none;
    }

        .mp-invite-details > summary[b-oaoc74zuo2]::-webkit-details-marker {
            display: none;
        }

.mp-btn-inline[b-oaoc74zuo2] {
    padding: 8px 10px;
}

.mp-invite-history[b-oaoc74zuo2] {
    position: absolute;
    left: 0;
    top: calc(100% + 8px);
    z-index: 50;
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid rgba(231,236,255,.12);
    background: rgba(6, 10, 18, .96);
    box-shadow: 0 18px 50px rgba(0,0,0,.55);
    width: min(520px, 72vw);
    max-height: 220px;
    overflow: auto;
}

.mp-hist-row[b-oaoc74zuo2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    padding: 6px 0;
    border-top: 1px solid rgba(231,236,255,.08);
}

    .mp-hist-row:first-child[b-oaoc74zuo2] {
        border-top: 0;
        padding-top: 0;
    }

.mp-hist-left[b-oaoc74zuo2] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.mp-hist-err[b-oaoc74zuo2] {
    color: rgba(231,236,255,.72);
    font-size: .78rem;
    max-width: 260px;
}

/* ===== Member-embedded invite details ===== */
.mp-member-invite[b-oaoc74zuo2] {
    display: block;
}

    .mp-member-invite > summary[b-oaoc74zuo2] {
        list-style: none;
    }

        .mp-member-invite > summary[b-oaoc74zuo2]::-webkit-details-marker {
            display: none;
        }

.mp-member-invite-summary[b-oaoc74zuo2] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    cursor: pointer;
    user-select: none;
    padding: 6px 8px;
    border-radius: 12px;
    border: 1px solid rgba(231,236,255,.10);
    background: rgba(255,255,255,.02);
}

.mp-member-invite[open] > summary[b-oaoc74zuo2] {
    border-color: rgba(120,170,255,.25);
    background: rgba(120,170,255,.06);
}

.mp-member-invite-sub[b-oaoc74zuo2] {
    font-size: .78rem;
}

.mp-member-invite-panel[b-oaoc74zuo2] {
    margin-top: 8px;
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid rgba(231,236,255,.12);
    background: rgba(6, 10, 18, .78);
}

.mp-invite-kvgrid[b-oaoc74zuo2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 12px;
}

@media (min-width: 980px) {
    .mp-invite-kvgrid[b-oaoc74zuo2] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.mp-invite-last[b-oaoc74zuo2] {
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px solid rgba(231,236,255,.10);
}

.mp-invite-linkrow[b-oaoc74zuo2] {
    margin-top: 10px;
    display: grid;
    gap: 6px;
}

    .mp-invite-linkrow .mp-k[b-oaoc74zuo2] {
        margin-bottom: 2px;
    }


/* ===== Internal Review accordion (compact header) ===== */
.mp-accordion[b-oaoc74zuo2] {
    border: 0;
}

.mp-accordion-summary[b-oaoc74zuo2] {
    list-style: none;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    cursor: pointer;
    user-select: none;
}

    .mp-accordion-summary[b-oaoc74zuo2]::-webkit-details-marker {
        display: none;
    }

.mp-acc-title[b-oaoc74zuo2] {
    font-weight: 900;
    display: flex;
    align-items: center;
    gap: 10px;
}

.mp-acc-sub[b-oaoc74zuo2] {
    margin-top: 4px;
    font-size: .86rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.mp-acc-note[b-oaoc74zuo2] {
    margin-top: 6px;
    font-size: .82rem;
}

.mp-acc-caret[b-oaoc74zuo2] {
    opacity: .75;
    line-height: 1;
    margin-top: 4px;
    transition: transform 120ms ease;
}

details[open] .mp-acc-caret[b-oaoc74zuo2] {
    transform: rotate(180deg);
}

.mp-accordion-body[b-oaoc74zuo2] {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(231,236,255,.10);
}

/* status pill: internal review in-progress */
.mp-status-pill.is-pending[b-oaoc74zuo2] {
    border-color: rgba(255,206,120,.35);
    background: rgba(255,206,120,.10);
}

/* ===== Members invite drawer (avoid table popover overflow) ===== */
.mp-invite-summary-btn[b-oaoc74zuo2] {
    appearance: none;
    -webkit-appearance: none;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 0;
}

    .mp-invite-summary-btn:focus[b-oaoc74zuo2] {
        outline: none;
    }

    .mp-invite-summary-btn:focus-visible[b-oaoc74zuo2] {
        outline: 2px solid rgba(255,255,255,.25);
        outline-offset: 2px;
        border-radius: 10px;
    }

.mp-invite-drawer[b-oaoc74zuo2] {
    margin-top: 12px;
    padding: 12px;
    border-radius: 14px;
    border: 1px solid rgba(231,236,255,.12);
    background: rgba(6, 10, 18, .78);
    box-shadow: 0 18px 50px rgba(0,0,0,.35);
}

.mp-invite-drawer-hd[b-oaoc74zuo2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.mp-invite-drawer-title[b-oaoc74zuo2] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}


/* ===== Invite details popup overlay (above Manage Package modal) ===== */
.mp-invite-pop-overlay[b-oaoc74zuo2] {
    position: fixed;
    inset: 0;
    z-index: 11000; /* above .ps-modal-overlay (10000) */
    background: rgba(0,0,0,.62);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
}

.mp-invite-pop-panel[b-oaoc74zuo2] {
    width: min(900px, 94vw);
    max-height: min(78vh, 720px);
    overflow: auto;
    border-radius: 16px;
    border: 1px solid rgba(231,236,255,.14);
    background: rgba(6, 10, 18, .96);
    box-shadow: 0 24px 70px rgba(0,0,0,.55);
    padding: 12px;
}


/* ===== UploadFiles modal layering (when opened from ManagePackageModal) ===== */
.ps-modal-overlay.mp-modal-overlay[b-oaoc74zuo2] {
    /* Keep Manage Package below any nested modal it opens (e.g., UploadFiles). */
    z-index: 9998 !important;
}

.ps-modal-panel.mp-modal-panel[b-oaoc74zuo2] {
    z-index: 9999 !important;
}

/* Any OTHER modal rendered outside this component must be above ManagePackage */
:host[b-oaoc74zuo2]  .ps-modal-overlay:not(.mp-modal-overlay) {
    z-index: 10000 !important;
}

:host[b-oaoc74zuo2]  .ps-modal-panel:not(.mp-modal-panel) {
    z-index: 10001 !important;
}

/* UploadFiles uses the older .ps-modal-backdrop / .ps-modal classes (not .ps-modal-overlay/.ps-modal-panel).
   If we don't boost these, UploadFiles can render *behind* ManagePackageModal.
*/
:host[b-oaoc74zuo2]  .ps-modal-backdrop {
    z-index: 10000 !important;
}

:host[b-oaoc74zuo2]  .ps-modal {
    z-index: 10001 !important;
}


.mp-open-badge[b-oaoc74zuo2] {
    margin-left: 8px;
    font-size: 12px;
    opacity: .75;
}
/* ===================== Mobile hardening: ensure modal is visible & tappable ===================== */

/* Prevent iOS/Safari “fixed inside transformed parent” weirdness from pushing the overlay off-screen */
.ps-modal-overlay.mp-modal-overlay[b-oaoc74zuo2],
.ps-modal-panel.mp-modal-panel[b-oaoc74zuo2] {
    transform: none !important;
    filter: none !important;
    will-change: auto !important;
}

.ps-modal-overlay.mp-modal-overlay[b-oaoc74zuo2] {
    position: fixed !important;
    inset: 0 !important;
    z-index: 20000 !important; /* above app chrome */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 16px !important;
    overscroll-behavior: contain;
    /* allow taps to be captured; prevents “tap-through” */
    pointer-events: auto;
}

/* Make the panel viewport-safe on mobile (address bar / dynamic viewport quirks) */
.ps-modal-panel.mp-modal-panel[b-oaoc74zuo2] {
    width: min(1100px, 96vw) !important;
    /* fallback */
    max-height: calc(100vh - 32px) !important;
    height: auto !important;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;
}

/* Prefer dynamic viewport units when supported (iOS 16+ etc.) */
@supports (height: 100dvh) {
    .ps-modal-panel.mp-modal-panel[b-oaoc74zuo2] {
        max-height: calc(100dvh - 32px) !important;
    }
}
/* _content/ProofShareUi/Components/Shared/MyEmailTemplateSettingsModal.razor.rz.scp.css */
.psm-grid[b-ix8n2ycshy] {
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr;
}

@media (min-width: 860px) {
    .psm-grid[b-ix8n2ycshy] {
        grid-template-columns: 1.2fr .8fr;
    }
}

.psm-card[b-ix8n2ycshy] {
    border: 1px solid rgba(231,236,255,.12);
    background: rgba(255,255,255,.04);
    border-radius: 16px;
    padding: 12px;
}

.psm-card-title[b-ix8n2ycshy] {
    font-weight: 900;
    margin-bottom: 6px;
}

.psm-muted[b-ix8n2ycshy] {
    color: rgba(231,236,255,.70);
    font-size: .92rem;
}

.psm-select[b-ix8n2ycshy] {
    width: 100%;
    margin-top: 10px;
    padding: 10px 10px;
    border-radius: 12px;
    border: 1px solid rgba(231,236,255,.14);
    background: rgba(0,0,0,.18);
    color: rgba(231,236,255,.92);
}

.psm-status[b-ix8n2ycshy] {
    margin-top: 10px;
    color: rgba(108,247,170,.92);
    font-weight: 700;
}

.psm-error[b-ix8n2ycshy] {
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid rgba(255,95,109,.35);
    background: rgba(255,95,109,.14);
}

.psm-note[b-ix8n2ycshy] {
    color: rgba(231,236,255,.75);
}

.psm-list[b-ix8n2ycshy] {
    margin: 8px 0 0;
    padding-left: 18px;
    color: rgba(231,236,255,.78);
}
/* _content/ProofShareUi/Components/Shared/MyPackagesPanel.razor.rz.scp.css */
:global(html)[b-amcck61e88] {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

:global(body)[b-amcck61e88] {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

/*
  Desktop full-width breakout
  -------------------------
  The /me page is commonly hosted inside a centered/max-width container.
  This wrapper forces the My Packages panel to expand to the full viewport width
  on desktop, while keeping comfortable side padding.
*/
@media (min-width: 992px) {
    .ps-pkg-fullbleed[b-amcck61e88] {
        width: 100vw;
        max-width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        padding-left: 24px;
        padding-right: 24px;
        box-sizing: border-box;
    }
}

.ps-pkg-toolbar[b-amcck61e88] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 14px;
    flex-wrap: wrap;
}

.ps-pkg-filters[b-amcck61e88] {
    display: flex;
    gap: 12px;
    align-items: flex-end;
    flex-wrap: wrap;
}

.ps-inline[b-amcck61e88] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* Checkbox label reads better inline */
.ps-inline-check[b-amcck61e88] {
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding-bottom: 6px;
}

    .ps-inline-check input[type="checkbox"][b-amcck61e88] {
        margin-right: 6px;
    }

.ps-small[b-amcck61e88] {
    width: 90px;
}

.ps-search[b-amcck61e88] {
    width: 220px;
    min-width: 160px;
}

/* --- Search clear "X" (custom; avoids browser pseudo-element styling quirks) --- */
.ps-search-wrap[b-amcck61e88] {
    position: relative;
    display: block;
}

    .ps-search-wrap .ps-search[b-amcck61e88] {
        padding-right: 38px; /* room for the clear button */
    }

.ps-search-clear[b-amcck61e88] {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.20);
    background: rgba(255,255,255,.88);
    color: rgba(0,0,0,.70);
    font-weight: 900;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    box-shadow: 0 4px 10px rgba(0,0,0,.20);
}

    .ps-search-clear:hover[b-amcck61e88] {
        background: #ffffff;
        color: rgba(0,0,0,.80);
    }

    .ps-search-clear:disabled[b-amcck61e88] {
        display: none;
    }

/* Hide native clear buttons (Edge/Chromium/legacy) so we only show ours */
[b-amcck61e88](.ps-search::-ms-clear),
[b-amcck61e88](.ps-search::-ms-reveal),
[b-amcck61e88](.ps-search::-webkit-search-cancel-button) {
    display: none;
    width: 0;
    height: 0;
}

.ps-pkg-nav[b-amcck61e88] {
    display: flex;
    gap: 10px;
    align-items: flex-end;
    flex-wrap: wrap;
}

.ps-btn-nav[b-amcck61e88] {
    border-radius: 14px;
    font-weight: 800;
    letter-spacing: .2px;
    text-shadow: none;
    padding: 10px 14px;
    min-width: 92px;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.18);
    color: rgba(255,255,255,.92) !important;
    box-shadow: 0 0 0 1px rgba(96,165,250,.10), 0 10px 22px rgba(0,0,0,.28);
    backdrop-filter: blur(10px);
}

    .ps-btn-nav:hover[b-amcck61e88] {
        background: rgba(255,255,255,.14);
        box-shadow: 0 0 0 1px rgba(96,165,250,.22), 0 14px 30px rgba(0,0,0,.30);
    }

    .ps-btn-nav:disabled[b-amcck61e88] {
        opacity: .45;
        cursor: not-allowed;
    }

.ps-actions[b-amcck61e88] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: nowrap; /* keep Open + menu on one line */
    align-items: center;
}

.ps-action-btn[b-amcck61e88] {
    border-radius: 14px;
    font-weight: 800;
    letter-spacing: .2px;
    /* Most of our buttons use a light/glassy background; keep the label dark for contrast. */
    text-shadow: none;
    padding: 8px 12px;
    min-width: 96px;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.18);
    color: rgba(255,255,255,.92) !important;
    box-shadow: 0 0 0 1px rgba(96,165,250,.10), 0 10px 22px rgba(0,0,0,.28);
    backdrop-filter: blur(10px);
    white-space: nowrap;
}

/* Make the ellipsis button compact */
.ps-action-menu-btn[b-amcck61e88] {
    min-width: 34px;
    padding: 0 10px;
}

.ps-action-btn:hover[b-amcck61e88] {
    background: rgba(255,255,255,.14);
    box-shadow: 0 0 0 1px rgba(96,165,250,.22), 0 14px 30px rgba(0,0,0,.30);
}

.ps-action-btn:disabled[b-amcck61e88] {
    opacity: .45;
    cursor: not-allowed;
}

.ps-action-btn:hover[b-amcck61e88] {
    background: rgba(255,255,255,.14);
    box-shadow: 0 0 0 1px rgba(96,165,250,.22), 0 14px 30px rgba(0,0,0,.30);
}

/* Ensure Blazor/Bootstrap global .btn styles don't override our contrast */
:global(.ps-action-btn.btn)[b-amcck61e88],
:global(.ps-btn-nav.btn)[b-amcck61e88] {
    background-image: none;
}

/* Primary quick-action */
.ps-action-primary[b-amcck61e88] {
    outline: none;
    box-shadow: 0 0 0 1px rgba(96,165,250,.40), 0 14px 30px rgba(0,0,0,.30);
}

/* --- Status badge + progress (ported from the old me.html look) --- */
.ps-pkg-meta[b-amcck61e88] {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Column label above the package name */
.ps-col-label[b-amcck61e88] {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .25px;
    text-transform: uppercase;
    color: rgba(255,255,255,.62);
    margin-bottom: 2px;
}

/* Status cell layout (badge + progress) */
.ps-status-cell[b-amcck61e88] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 190px;
}

.ps-pkg-name[b-amcck61e88] {
    font-weight: 800;
}

.ps-token[b-amcck61e88] {
    font-size: 12px;
    margin-top: 6px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.ps-pill[b-amcck61e88] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 999px;
    padding: 4px 10px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.06);
    color: rgba(255,255,255,.92);
}

.ps-pill-sm[b-amcck61e88] {
    font-size: 12px;
    font-weight: 800;
}

.ps-dot[b-amcck61e88] {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: rgba(255,255,255,.55);
}

.ps-pill-ok[b-amcck61e88] {
    border-color: rgba(34,197,94,.35);
    background: rgba(34,197,94,.10);
}

    .ps-pill-ok .ps-dot[b-amcck61e88] {
        background: rgba(34,197,94,.9);
    }

.ps-pill-warn[b-amcck61e88] {
    border-color: rgba(251,191,36,.35);
    background: rgba(251,191,36,.10);
}

    .ps-pill-warn .ps-dot[b-amcck61e88] {
        background: rgba(251,191,36,.95);
    }

.ps-pill-danger[b-amcck61e88] {
    border-color: rgba(239,68,68,.35);
    background: rgba(239,68,68,.10);
}

    .ps-pill-danger .ps-dot[b-amcck61e88] {
        background: rgba(239,68,68,.95);
    }

.ps-progress[b-amcck61e88] {
    margin-top: 8px;
}

/* Keep progress bar + text on one line */
.ps-progress-inline[b-amcck61e88] {
    margin-top: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.ps-progress-bar[b-amcck61e88] {
    width: 120px; /* short enough to keep on one line */
    height: 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.10);
    overflow: hidden;
}

.ps-progress-fill[b-amcck61e88] {
    height: 100%;
    border-radius: 999px;
    background: rgba(96,165,250,.85);
}

.ps-progress-text[b-amcck61e88] {
    font-size: 12px;
    margin-top: 6px;
}

/* When inline, don't add a second-line margin */
.ps-progress-inline .ps-progress-text[b-amcck61e88] {
    margin-top: 0;
    white-space: nowrap;
}

/* Job/Expires columns should not wrap */
.ps-job-col[b-amcck61e88] {
    white-space: nowrap;
}

.ps-exp-col[b-amcck61e88] {
    white-space: nowrap;
    min-width: 140px;
}

/* Keep the page info from wrapping under the buttons too aggressively */
:global(.k.mono)[b-amcck61e88] {
    white-space: nowrap;
}

/* Darker panel background so badges/progress read better */
.ps-pkg-card[b-amcck61e88] {
    background: rgba(3, 8, 18, .55);
    border: 1px solid rgba(255,255,255,.10);
}

.ps-pkg-scroller[b-amcck61e88] {
    background: rgba(0,0,0,.22);
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

:global(.ps-pkg-scroller .table)[b-amcck61e88] {
    background: transparent;
    color: rgba(255,255,255,.92);
}

:global(.ps-pkg-scroller .table thead th)[b-amcck61e88] {
    background: rgba(255,255,255,.04);
    color: rgba(255,255,255,.80);
    border-bottom: 1px solid rgba(255,255,255,.10);
}

:global(.ps-pkg-scroller .table td)[b-amcck61e88] {
    border-bottom: 1px solid rgba(255,255,255,.08);
}

:global(.ps-pkg-scroller .btn.btn-link)[b-amcck61e88] {
    color: rgba(255,255,255,.88);
}


.ps-pkg-card[b-amcck61e88],
.ps-pkg-card *[b-amcck61e88] {
    color: rgba(255,255,255,.90);
}

.ps-pkg-name[b-amcck61e88] {
    color: rgba(255,255,255,.98) !important;
}

/* The table is inside .ps-pkg-scroller and uses Bootstrap table styles.
   Use ::deep to penetrate isolation and override Bootstrap defaults. */
[b-amcck61e88](.ps-pkg-scroller .table) {
    color: rgba(255,255,255,.92) !important;
}

[b-amcck61e88](.ps-pkg-scroller .table td),
[b-amcck61e88](.ps-pkg-scroller .table td *),
[b-amcck61e88](.ps-pkg-scroller .table tbody tr),
[b-amcck61e88](.ps-pkg-scroller .table tbody tr *) {
    color: rgba(255,255,255,.92) !important;
}

/* Headers slightly dimmer but still readable */
[b-amcck61e88](.ps-pkg-scroller .table thead th),
[b-amcck61e88](.ps-pkg-scroller .table thead th *) {
    color: rgba(255,255,255,.78) !important;
}

/* Kill common Bootstrap utility classes that might be forcing dark/muted text */
[b-amcck61e88](.ps-pkg-scroller .text-dark),
[b-amcck61e88](.ps-pkg-scroller .text-body),
[b-amcck61e88](.ps-pkg-scroller .text-muted),
[b-amcck61e88](.ps-pkg-scroller .text-secondary) {
    color: rgba(255,255,255,.88) !important;
}

/* Links/buttons in rows (magic link, token copy, etc.) */
[b-amcck61e88](.ps-pkg-scroller a),
[b-amcck61e88](.ps-pkg-scroller .btn.btn-link) {
    color: rgba(255,255,255,.92) !important;
}

[b-amcck61e88](.ps-pkg-scroller a:hover),
[b-amcck61e88](.ps-pkg-scroller .btn.btn-link:hover) {
    color: #ffffff !important;
    text-decoration: underline;
}


/* --- Desktop grid scroller --- */
.ps-pkg-scroller[b-amcck61e88] {
    max-height: 55vh;
    overflow: auto;
    margin-top: 10px;
    border-radius: 12px;
    -webkit-overflow-scrolling: touch;
}

/* --- Desktop vs Mobile rendering --- */
.ps-desktop-only[b-amcck61e88] {
    display: block;
}

.ps-mobile-only[b-amcck61e88] {
    display: none;
}

@media (max-width: 900px) {
    .ps-desktop-only[b-amcck61e88] {
        display: none;
    }

    .ps-mobile-only[b-amcck61e88] {
        display: block;
    }

    /* Toolbar stacks nicer on phones */
    .ps-pkg-toolbar[b-amcck61e88] {
        flex-direction: column;
        align-items: stretch;
    }

    .ps-pkg-filters[b-amcck61e88] {
        width: 100%;
    }

    .ps-pkg-nav[b-amcck61e88] {
        width: 100%;
        justify-content: flex-start;
    }

    /* Make inputs breathe and fill width where appropriate */
    .ps-search[b-amcck61e88] {
        width: 100%;
        min-width: 0;
    }

    .ps-search-wrap[b-amcck61e88] {
        width: 100%;
    }
}


/* Mobile list scroller: keep the toolbar/header visible and scroll only the listing */
.ps-pkg-mobile-scroller[b-amcck61e88] {
    max-height: calc(100vh - 320px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding-right: 2px;
}

@media (max-width: 900px) {
    .ps-pkg-mobile-scroller[b-amcck61e88] {
        max-height: calc(100vh - 340px);
    }
}

/* --- Mobile card list --- */

/* Ensure the card body itself does not become the scroll container */
.ps-pkg-card .bd[b-amcck61e88] {
    overflow: visible;
}

.ps-pkg-mobile-list[b-amcck61e88] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-top: 10px;
}

.ps-pkg-mobile-card[b-amcck61e88] {
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(0,0,0,.20);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
    padding: 12px;
}

.ps-pkg-mobile-top[b-amcck61e88] {
    display: flex;
    gap: 12px;
    justify-content: space-between;
    align-items: flex-start;
}

.ps-pkg-mobile-title[b-amcck61e88] {
    min-width: 0;
}

.ps-pkg-mobile-sub[b-amcck61e88] {
    margin-top: 6px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ps-pkg-mobile-status[b-amcck61e88] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
}

.ps-pkg-mobile-meta[b-amcck61e88] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(255,255,255,.08);
}

.ps-pkg-mobile-kv[b-amcck61e88] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    font-size: 13px;
}

.ps-pkg-mobile-actions[b-amcck61e88] {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 12px;
}

.ps-pkg-mobile-primary[b-amcck61e88] {
    flex: 1;
    justify-content: center;
    min-width: 0;
}

.ps-pkg-mobile-icon[b-amcck61e88] {
    min-width: 44px;
    padding: 8px 10px;
}
/* --- Mobile filter layout (Search + Filters button) --- */
.ps-pkg-filters-mobile[b-amcck61e88] {
    display: flex;
    gap: 10px;
    align-items: flex-end;
    width: 100%;
}

.ps-inline-mobile-search[b-amcck61e88] {
    flex: 1;
    min-width: 0;
}

.ps-search-mobile[b-amcck61e88] {
    width: 100%;
    min-width: 0;
}

.ps-filter-menu[b-amcck61e88] {
    position: relative;
    display: inline-block;
}

    .ps-filter-menu > summary[b-amcck61e88] {
        list-style: none;
    }

        .ps-filter-menu > summary[b-amcck61e88]::-webkit-details-marker {
            display: none;
        }

.ps-filter-btn[b-amcck61e88] {
    min-width: 92px;
    justify-content: center;
}

.ps-filter-pop[b-amcck61e88] {
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    min-width: 240px;
    padding: 10px;
    border-radius: 14px;
    background: rgba(20, 20, 24, 0.98);
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow: 0 10px 30px rgba(0,0,0,0.35);
    z-index: 80;
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: rgba(255,255,255,.95);
}

/* On tiny screens, let the filter popover use most of the width */
@media (max-width: 420px) {
    .ps-filter-pop[b-amcck61e88] {
        right: auto;
        left: 0;
        width: min(92vw, 360px);
    }
}

.ps-desktop-only[b-amcck61e88] {
    display: block;
}

.ps-mobile-only[b-amcck61e88] {
    display: none;
}

@media (max-width: 900px) {
    .ps-desktop-only[b-amcck61e88] {
        display: none;
    }

    .ps-mobile-only[b-amcck61e88] {
        display: block;
    }
}

@media (min-width: 721px) {
    .ps-desktop-only[b-amcck61e88] {
        display: block !important;
    }

    .ps-mobile-only[b-amcck61e88] {
        display: none !important;
    }
}


/* Optional: If you want single-line package names instead of wrapping,
       uncomment this block:

    ::deep(.ps-pkg-scroller .table td:nth-child(3) .ps-pkg-name) {
        display: block;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    */
}
/* =========================================================
   Desktop table column sizing (NO ::deep needed)
   ========================================================= */
@media (min-width: 900px) {

    /* Force our widths to apply */
    .ps-pkg-table[b-amcck61e88] {
        table-layout: fixed;
        width: 100%;
    }

        /* Columns:
       1 Status, 2 Job, 3 Package, 4 Auth, 5 Expires, 6 Role, 7 Actions */

        .ps-pkg-table th:nth-child(1)[b-amcck61e88],
        .ps-pkg-table td:nth-child(1)[b-amcck61e88] {
            width: 220px;
        }

        .ps-pkg-table th:nth-child(2)[b-amcck61e88],
        .ps-pkg-table td:nth-child(2)[b-amcck61e88] {
            width: 110px;
            white-space: nowrap;
        }

        /* Make Package the winner */
        .ps-pkg-table th:nth-child(3)[b-amcck61e88],
        .ps-pkg-table td:nth-child(3)[b-amcck61e88] {
            width: 44%;
            min-width: 520px;
        }

        .ps-pkg-table th:nth-child(4)[b-amcck61e88],
        .ps-pkg-table td:nth-child(4)[b-amcck61e88] {
            width: 140px;
            white-space: nowrap;
        }

        .ps-pkg-table th:nth-child(5)[b-amcck61e88],
        .ps-pkg-table td:nth-child(5)[b-amcck61e88] {
            width: 180px;
            white-space: nowrap;
        }

        .ps-pkg-table th:nth-child(6)[b-amcck61e88],
        .ps-pkg-table td:nth-child(6)[b-amcck61e88] {
            width: 120px;
            white-space: nowrap;
        }

        .ps-pkg-table th:nth-child(7)[b-amcck61e88],
        .ps-pkg-table td:nth-child(7)[b-amcck61e88] {
            width: 280px;
        }

        /* Prevent ugly breaks in the package name */
        .ps-pkg-table td:nth-child(3) .ps-pkg-name[b-amcck61e88] {
            word-break: normal;
            overflow-wrap: normal;
        }

    /* Optional: keep status from stealing too much space */
    .ps-status-cell[b-amcck61e88] {
        min-width: 160px;
    }
}
/* _content/ProofShareUi/Components/Shared/NavMenu.razor.rz.scp.css */
.ps-topbar[b-z87nykgkc7] {
    position: sticky;
    top: 0;
    z-index: 60;
    background: rgba(10,14,24,.92);
    border-bottom: 1px solid rgba(231,236,255,.10);
    backdrop-filter: blur(12px);
}

.ps-content[b-z87nykgkc7] {
    flex: 1;
    overflow-y: auto;
}

.ps-navbtn[b-z87nykgkc7] {
    border: 1px solid rgba(231,236,255,.14);
    background: rgba(255,255,255,.06);
    border-radius: 12px;
    padding: 8px 10px;
    font-weight: 900;
}

.ps-navbackdrop[b-z87nykgkc7] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.40);
    z-index: 9990;
}

.ps-mobiledrawer[b-z87nykgkc7] {
    position: fixed;
    left: 10px;
    right: 10px;
    top: 10px;
    z-index: 10000;
    border-radius: 18px;
    background: rgba(10,14,24,.96);
    border: 1px solid rgba(231,236,255,.12);
    box-shadow: 0 24px 80px rgba(0,0,0,.60);
}

.ps-desktop-only[b-z87nykgkc7] {
    display: block;
}

.ps-mobile-only[b-z87nykgkc7] {
    display: none;
}

@media (max-width: 900px) {
    .ps-desktop-only[b-z87nykgkc7] {
        display: none !important;
    }

    .ps-mobile-only[b-z87nykgkc7] {
        display: inline-flex !important;
    }
}

.ps-topbar[b-z87nykgkc7] {
    position: sticky;
    top: 0;
    z-index: 60;
    background: rgba(10,14,24,.92);
    border-bottom: 1px solid rgba(231,236,255,.10);
    backdrop-filter: blur(12px);
}

.ps-content[b-z87nykgkc7] {
    flex: 1;
    overflow-y: auto;
}

.ps-navbtn[b-z87nykgkc7] {
    border: 1px solid rgba(231,236,255,.14);
    background: rgba(255,255,255,.06);
    border-radius: 12px;
    padding: 8px 10px;
    font-weight: 900;
}

.ps-navbackdrop[b-z87nykgkc7] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.40);
    z-index: 9990;
}

.ps-mobiledrawer[b-z87nykgkc7] {
    position: fixed;
    left: 10px;
    right: 10px;
    top: 10px;
    z-index: 10000;
    border-radius: 18px;
    background: rgba(10,14,24,.96);
    border: 1px solid rgba(231,236,255,.12);
    box-shadow: 0 24px 80px rgba(0,0,0,.60);
}

.ps-desktop-only[b-z87nykgkc7] {
    display: block;
}

.ps-mobile-only[b-z87nykgkc7] {
    display: none;
}

@media (max-width: 900px) {
    .ps-desktop-only[b-z87nykgkc7] {
        display: none !important;
    }

    .ps-mobile-only[b-z87nykgkc7] {
        display: inline-flex !important;
    }
}

/* =========================
   User chip (top-right)
   ========================= */

.ps-userwrap[b-z87nykgkc7] {
    position: relative;
    display: inline-flex;
}

.ps-userchip[b-z87nykgkc7] {
    appearance: none;
    border: 1px solid rgba(231,236,255,.14);
    background: rgba(255,255,255,.06);
    color: rgba(231,236,255,.92);
    border-radius: 999px;
    padding: 8px 10px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 10px 22px rgba(0,0,0,.22);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

    .ps-userchip:hover[b-z87nykgkc7] {
        background: rgba(255,255,255,.10);
        border-color: rgba(231,236,255,.20);
    }

.ps-avatar[b-z87nykgkc7] {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    letter-spacing: .2px;
    background: rgba(96,165,250,.20);
    border: 1px solid rgba(96,165,250,.35);
}

.ps-usertext[b-z87nykgkc7] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.15;
}

.ps-username[b-z87nykgkc7] {
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px;
}

.ps-useremail[b-z87nykgkc7] {
    font-size: 12px;
    color: rgba(231,236,255,.65);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px;
}

.ps-caret[b-z87nykgkc7] {
    opacity: .75;
    font-weight: 900;
    margin-left: 2px;
}

/* =========================
   Flyout dropdown (elegant)
   ========================= */

.ps-flyout[b-z87nykgkc7] {
    position: absolute;
    right: 0;
    top: calc(100% + 10px);
    z-index: 2000;
    min-width: 240px;
    padding: 6px;
    border-radius: 16px;
    border: 1px solid rgba(231,236,255,.14);
    background: rgba(10, 14, 24, .92);
    box-shadow: 0 22px 70px rgba(0,0,0,.60);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    transform-origin: top right;
    animation: psFlyIn-b-z87nykgkc7 120ms ease-out;
}

    /* Little �notch� pointing at the chip */
    .ps-flyout[b-z87nykgkc7]::before {
        content: "";
        position: absolute;
        right: 18px;
        top: -7px;
        width: 12px;
        height: 12px;
        background: rgba(10, 14, 24, .92);
        border-left: 1px solid rgba(231,236,255,.14);
        border-top: 1px solid rgba(231,236,255,.14);
        transform: rotate(45deg);
    }

@keyframes psFlyIn-b-z87nykgkc7 {
    from {
        opacity: 0;
        transform: translateY(-6px) scale(.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Menu items (fixes the �white rectangles�) */
.ps-usermenu-item[b-z87nykgkc7] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 12px;
    border-radius: 12px;
    border: 0 !important;
    background: transparent !important;
    color: rgba(231,236,255,.92) !important;
    font-weight: 800;
    letter-spacing: .15px;
    cursor: pointer;
    text-align: left;
}

    .ps-usermenu-item:hover[b-z87nykgkc7] {
        background: rgba(255,255,255,.06) !important;
    }

    .ps-usermenu-item:active[b-z87nykgkc7] {
        background: rgba(255,255,255,.10) !important;
    }

.ps-usermenu-sep[b-z87nykgkc7] {
    height: 1px;
    margin: 6px 6px;
    background: rgba(231,236,255,.10);
}

/* Sign out looks intentional */
.ps-usermenu-danger[b-z87nykgkc7] {
    color: rgba(255, 170, 170, .95) !important;
}

    .ps-usermenu-danger:hover[b-z87nykgkc7] {
        background: rgba(239,68,68,.10) !important;
    }

/* Optional: prevent Safari tap highlight ugliness */
.ps-usermenu-item[b-z87nykgkc7], .ps-userchip[b-z87nykgkc7] {
    -webkit-tap-highlight-color: transparent;
}
/* The main column should be a solid surface */
.ps-main[b-z87nykgkc7] {
    background: #0a0e18; /* opaque */
    position: relative;
    z-index: 1;
}

/* The actual scrolling region is also opaque */
.ps-content[b-z87nykgkc7] {
    background: #0a0e18; /* opaque */
    position: relative;
    z-index: 1;
}

/* Keep the top bar above content */
.ps-topbar[b-z87nykgkc7] {
    z-index: 200;
    background: rgba(10, 14, 24, 0.98); /* near-opaque */
    border-bottom: 1px solid rgba(231,236,255,.10);
}
/* =========================================================
   Prevent click-through on sticky top bar (iOS fix)
   ========================================================= */

.ps-topbar[b-z87nykgkc7] {
    position: sticky;
    top: 0;
    z-index: 200; /* ensure it's above content */
    pointer-events: auto;
}

    /* Create an invisible hit-test shield */
    .ps-topbar[b-z87nykgkc7]::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        /* Must NOT be fully transparent or iOS ignores it */
        background: rgba(0,0,0,0.01);
        pointer-events: auto;
    }

    /* Keep real content above the shield */
    .ps-topbar > *[b-z87nykgkc7] {
        position: relative;
        z-index: 1;
    }

.ps-content[b-z87nykgkc7] {
    background: #0a0e18; /* fully opaque */
}

/* =====================================
   Client branding slot (moved from inline <style>)
   ===================================== */
.ps-client-brand[b-z87nykgkc7] {
    margin: 12px 12px 10px;
    padding: 12px 12px;
    min-height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    border: 1px solid rgba(231,236,255,.12);
    background: rgba(11, 22, 34, 0.96);
    box-shadow: 0 10px 20px rgba(0,0,0,.18);
    overflow: hidden;
}

.ps-client-logo[b-z87nykgkc7] {
    max-width: min(100%, 160px);
    max-height: 56px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
    filter: drop-shadow(0 10px 18px rgba(0,0,0,.22));
    user-select: none;
    pointer-events: none;
}

.ps-client-brand-placeholder[b-z87nykgkc7] {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: rgba(169,180,214,.9);
}

.ps-nav-icon-img[b-z87nykgkc7] {
    width: 18px;
    height: 18px;
    display: block;
}

/* =====================================
   Mobile: logo is the ONLY sticky thing
   ===================================== */
@media (max-width: 900px) {
    .ps-client-brand[b-z87nykgkc7] {
        position: sticky;
        top: 0;
        z-index: 2000; /* above nav items + content */
        margin: 10px 10px 8px;
        padding: 10px 10px;
        min-height: 54px;
        border-radius: 14px;
        background: rgba(11, 22, 34, 0.98);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }

    .ps-client-logo[b-z87nykgkc7] {
        max-width: min(100%, 140px);
        max-height: 40px;
    }
}

/* =====================================
   Mobile account row (menu item)
   ===================================== */
.ps-mobile-account-btn[b-z87nykgkc7] {
    width: calc(100% - 24px);
    margin: 10px 12px 0;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 14px;
    border: 1px solid rgba(231,236,255,.14);
    background: rgba(255,255,255,.06);
    color: rgba(231,236,255,.92);
    cursor: pointer;
    box-shadow: 0 10px 22px rgba(0,0,0,.22);
    -webkit-tap-highlight-color: transparent;
}

.ps-mobile-account-avatar[b-z87nykgkc7] {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    background: rgba(96,165,250,.20);
    border: 1px solid rgba(96,165,250,.35);
    flex: 0 0 auto;
}

.ps-mobile-account-text[b-z87nykgkc7] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    line-height: 1.15;
    text-align: left;
}

.ps-mobile-account-name[b-z87nykgkc7] {
    font-weight: 900;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ps-mobile-account-email[b-z87nykgkc7] {
    font-size: 12px;
    color: rgba(231,236,255,.65);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ps-mobile-account-caret[b-z87nykgkc7] {
    opacity: .75;
    font-weight: 900;
    flex: 0 0 auto;
}

.ps-mobile-account-drawer[b-z87nykgkc7] {
    top: 86px; /* below the sticky logo */
}

.ps-mobile-drawer-item[b-z87nykgkc7] {
    width: 100%;
    text-align: left;
    padding: 14px 14px;
    background: transparent;
    border: 0;
    color: rgba(231,236,255,.92);
    font-weight: 800;
}

    .ps-mobile-drawer-item:hover[b-z87nykgkc7] {
        background: rgba(255,255,255,.06);
    }

.ps-mobile-drawer-sep[b-z87nykgkc7] {
    height: 1px;
    background: rgba(231,236,255,.10);
}

.ps-mobile-drawer-danger[b-z87nykgkc7] {
    color: rgba(255, 170, 170, .95);
}


/* Ensure mobile account drawer is always clickable above all app chrome */
.ps-mobiledrawer[b-z87nykgkc7], .ps-mobile-account-drawer[b-z87nykgkc7] {
    pointer-events: auto;
}

.ps-navbackdrop[b-z87nykgkc7] {
    pointer-events: auto;
}

.ps-mobile-drawer-item[b-z87nykgkc7] {
    pointer-events: auto;
}
/* =========================================================
   Desktop side panel: lighter, more �premium� surface
   ========================================================= */

/* Let the layout sidebar define the surface color */
.ps-nav-wrap[b-z87nykgkc7] {
    background: transparent; /* or: background: inherit; */
    border: 0;
    box-shadow: none;
}



/* Give the nav area a bit of breathing room */
.ps-nav[b-z87nykgkc7] {
    padding: 6px 0 14px;
}

.ps-nav-list[b-z87nykgkc7] {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Navigation links: softer cards + clearer hover/active */
.ps-nav-link[b-z87nykgkc7] {
    display: flex;
    align-items: center;
    gap: 10px;

    margin: 6px 10px;
    padding: 10px 12px;

    border-radius: 14px;
    text-decoration: none;

    color: rgba(231,236,255,.88);
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(231,236,255,.08);

    transition: background 120ms ease, border-color 120ms ease, transform 120ms ease;
}

.ps-nav-link:hover[b-z87nykgkc7] {
    background: rgba(255,255,255,.06);
    border-color: rgba(231,236,255,.14);
    transform: translateY(-1px);
}

/* NavLink adds "active" automatically */
.ps-nav-link.active[b-z87nykgkc7] {
    background: rgba(255,255,255,.10);
    border-color: rgba(96,165,250,.28);
    color: rgba(255,255,255,.96);
    box-shadow: 0 10px 24px rgba(0,0,0,.22), inset 0 0 0 1px rgba(96,165,250,.12);
    position: relative;
}

/* subtle left accent for active */
.ps-nav-link.active[b-z87nykgkc7]::before {
    content: "";
    position: absolute;
    left: -1px;
    top: 10px;
    bottom: 10px;
    width: 3px;
    border-radius: 3px;
    background: rgba(96,165,250,.75);
}

/* Slightly lift the client brand tile too (matches new surface) */
.ps-client-brand[b-z87nykgkc7] {
    background: linear-gradient(180deg,
        rgba(26, 40, 62, .96) 0%,
        rgba(18, 28, 44, .96) 100%);
    border-color: rgba(231,236,255,.14);
}
/* _content/ProofShareUi/Components/Shared/PsModal.razor.rz.scp.css */
.psm-backdrop[b-c9zla4fs1z] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.58);
    backdrop-filter: blur(10px) saturate(1.1);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    z-index: 2000;
}

.psm-modal[b-c9zla4fs1z] {
    width: min(100%, 980px);
    background: rgba(16, 24, 40, .92);
    border: 1px solid rgba(231,236,255,.14);
    border-radius: 18px;
    box-shadow: 0 18px 60px rgba(0,0,0,.55);
    overflow: hidden;
}

.psm-hd[b-c9zla4fs1z] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 14px;
    border-bottom: 1px solid rgba(231,236,255,.10);
    background: rgba(255,255,255,.03);
}

.psm-title[b-c9zla4fs1z] {
    font-weight: 900;
    letter-spacing: .2px;
    font-size: 1.0rem;
    color: rgba(231,236,255,.96);
}

.psm-sub[b-c9zla4fs1z] {
    margin-top: 4px;
    font-size: .9rem;
    color: rgba(231,236,255,.70);
}

.psm-bd[b-c9zla4fs1z] {
    padding: 14px;
    max-height: calc(90vh - 130px);
    overflow: auto;
}

.psm-ft[b-c9zla4fs1z] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 12px 14px;
    border-top: 1px solid rgba(231,236,255,.10);
    background: rgba(255,255,255,.02);
}

.psm-x[b-c9zla4fs1z] {
    appearance: none;
    border: 1px solid rgba(231,236,255,.14);
    background: rgba(255,255,255,.08);
    color: rgba(231,236,255,.9);
    border-radius: 12px;
    width: 38px;
    height: 34px;
    cursor: pointer;
}

    .psm-x:hover[b-c9zla4fs1z] {
        background: rgba(255,255,255,.12);
    }
/* _content/ProofShareUi/Components/Shared/RoleManagementModal.razor.rz.scp.css */
.psm-role-grid[b-5bi9s2s38o] {
    display: grid;
    gap: 14px;
    grid-template-columns: 1fr;
}

@media (min-width: 980px) {
    .psm-role-grid[b-5bi9s2s38o] {
        grid-template-columns: 360px 1fr;
    }
}

.psm-role-listbox[b-5bi9s2s38o] {
    margin-top: 10px;
    display: grid;
    gap: 8px;
    max-height: 520px;
    overflow: auto;
    padding-right: 4px;
}

.psm-role-row[b-5bi9s2s38o] {
    text-align: left;
    width: 100%;
    border: 1px solid rgba(231,236,255,.12);
    background: rgba(255,255,255,.03);
    border-radius: 14px;
    padding: 10px 12px;
    cursor: pointer;
    color: rgba(231,236,255,.92);
}

    .psm-role-row:hover[b-5bi9s2s38o] {
        border-color: rgba(231,236,255,.22);
        background: rgba(255,255,255,.05);
    }

    .psm-role-row.is-selected[b-5bi9s2s38o] {
        border-color: rgba(108,247,170,.35);
        box-shadow: 0 0 0 2px rgba(108,247,170,.12) inset;
    }

.psm-role-row-top[b-5bi9s2s38o] {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: space-between;
}

.psm-role-name[b-5bi9s2s38o] {
    font-weight: 900;
}

.psm-badges[b-5bi9s2s38o] {
    display: flex;
    gap: 6px;
    align-items: center;
}

.psm-role-row-sub[b-5bi9s2s38o] {
    margin-top: 4px;
    color: rgba(231,236,255,.70);
    font-size: .9rem;
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.psm-mono[b-5bi9s2s38o] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.psm-dot[b-5bi9s2s38o] {
    opacity: .6;
}

.psm-add-role[b-5bi9s2s38o] {
    margin-top: 10px;
    width: 100%;
}

.psm-cap-grid[b-5bi9s2s38o] {
    margin-top: 10px;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr;
}

@media (min-width: 980px) {
    .psm-cap-grid[b-5bi9s2s38o] {
        grid-template-columns: 1fr 1fr;
    }
}

.psm-cap[b-5bi9s2s38o] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    border: 1px solid rgba(231,236,255,.12);
    background: rgba(0,0,0,.14);
    border-radius: 14px;
    padding: 10px 12px;
    cursor: pointer;
}

    .psm-cap input[b-5bi9s2s38o] {
        margin-top: 4px;
    }

.psm-cap-text[b-5bi9s2s38o] {
    display: grid;
    gap: 2px;
}

.psm-cap-title[b-5bi9s2s38o] {
    font-weight: 900;
    color: rgba(231,236,255,.92);
}

.psm-cap-desc[b-5bi9s2s38o] {
    color: rgba(231,236,255,.72);
    font-size: .92rem;
}

.psm-editor-actions[b-5bi9s2s38o] {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 10px;
    flex-wrap: wrap;
}

.psm-status-inline[b-5bi9s2s38o] {
    color: rgba(108,247,170,.90);
    font-weight: 800;
}

.psm-badge[b-5bi9s2s38o] {
    font-size: .75rem;
    padding: 2px 8px;
    border-radius: 999px;
    border: 1px solid rgba(231,236,255,.18);
    color: rgba(231,236,255,.85);
    background: rgba(255,255,255,.03);
}

.psm-badge-muted[b-5bi9s2s38o] {
    opacity: .75;
}

.psm-badge-warn[b-5bi9s2s38o] {
    border-color: rgba(255, 190, 90, .35);
    background: rgba(255, 190, 90, .10);
}
/* _content/ProofShareUi/Components/Shared/SendInviteEmailModal.Razor.rz.scp.css */
/* SendInviteEmailModal.razor.css */
/* Dark modal styling to match CreatePackageModal.razor.css */

.ps-modal-overlay[b-iwtz7h5ff7] {
    position: fixed;
    inset: 0;
    z-index: 10000;
    background: rgba(0,0,0,0.72);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.ps-modal-panel[b-iwtz7h5ff7] {
    width: min(980px, 96vw);
    max-height: calc(100vh - 48px);
    height: min(92vh, 980px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: rgba(10, 14, 22, 0.96);
    color: rgba(236,242,255,0.92);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 16px;
    box-shadow: 0 24px 70px rgba(0,0,0,0.55);
}

.ps-modal-panel-lg[b-iwtz7h5ff7] {
    width: min(1100px, 96vw);
}

.ps-modal-hd[b-iwtz7h5ff7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 18px 14px 18px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    background: linear-gradient(to bottom, rgba(255,255,255,0.04), rgba(255,255,255,0.00));
}

.ps-modal-ttl[b-iwtz7h5ff7] {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.2px;
    margin: 0;
}

.ps-modal-sub[b-iwtz7h5ff7] {
    margin-top: 2px;
    font-size: 12px;
    color: rgba(236,242,255,0.65);
}

.ps-modal-bd[b-iwtz7h5ff7] {
    padding: 16px 18px;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.ps-modal-ft[b-iwtz7h5ff7] {
    position: sticky;
    bottom: 0;
    padding: 12px 18px;
    border-top: 1px solid rgba(255,255,255,0.08);
    background: rgba(10, 14, 22, 0.92);
    backdrop-filter: blur(8px);
    display: flex;
    gap: 8px;
    align-items: center;
}

/* Close icon button */
.ps-icon-btn[b-iwtz7h5ff7] {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(255,255,255,0.04);
    color: rgba(236,242,255,0.9);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .ps-icon-btn:hover[b-iwtz7h5ff7] {
        background: rgba(255,255,255,0.08);
    }

    .ps-icon-btn:active[b-iwtz7h5ff7] {
        transform: translateY(1px);
    }

/* ===== Send Invite form surface ===== */
.ps-invite-form[b-iwtz7h5ff7] {
    color: rgba(236,242,255,0.92);
}

/* Form layout */
.ps-form[b-iwtz7h5ff7] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%;
    min-height: 0;
}

.ps-label[b-iwtz7h5ff7],
.ps-invite-form label[b-iwtz7h5ff7] {
    font-size: 12px;
    color: rgba(236,242,255,0.80);
    font-weight: 600;
}

.ps-label-tight[b-iwtz7h5ff7] {
    margin: 0;
}

.ps-hint[b-iwtz7h5ff7] {
    margin-top: 6px;
    font-size: 12px;
    color: rgba(236,242,255,0.60);
}

.ps-muted[b-iwtz7h5ff7] {
    color: rgba(236,242,255,0.65);
    font-size: 12px;
}

.ps-label-row[b-iwtz7h5ff7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

/* Rows/cols */
.ps-row[b-iwtz7h5ff7] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.ps-col[b-iwtz7h5ff7] {
    flex: 1;
    min-width: 240px;
}

/* Inputs */
.ps-input[b-iwtz7h5ff7] {
    width: 100%;
    background: rgba(10, 14, 22, 0.92);
    color: rgba(236,242,255,0.92);
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 10px;
    padding: 10px 10px;
    outline: none;
}

    .ps-input:focus[b-iwtz7h5ff7] {
        border-color: rgba(140,180,255,0.55);
        box-shadow: 0 0 0 3px rgba(140,180,255,0.18);
    }

.ps-invite-form [b-iwtz7h5ff7]::placeholder {
    color: rgba(236,242,255,0.45);
}

/* Buttons */
.ps-btn[b-iwtz7h5ff7] {
    background: rgba(255,255,255,0.05);
    color: rgba(236,242,255,0.92);
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 10px;
    padding: 9px 12px;
    cursor: pointer;
}

    .ps-btn:hover[b-iwtz7h5ff7] {
        background: rgba(255,255,255,0.08);
    }

    .ps-btn:active[b-iwtz7h5ff7] {
        transform: translateY(1px);
    }

    .ps-btn[disabled][b-iwtz7h5ff7] {
        opacity: 0.55;
        cursor: not-allowed;
    }

.ps-btn-primary[b-iwtz7h5ff7] {
    background: rgba(90,140,255,0.20);
    border-color: rgba(90,140,255,0.35);
}

    .ps-btn-primary:hover[b-iwtz7h5ff7] {
        background: rgba(90,140,255,0.26);
    }

.ps-btn-sm[b-iwtz7h5ff7] {
    padding: 7px 10px;
    border-radius: 10px;
    font-size: 13px;
}

/* Alerts */
.ps-alert[b-iwtz7h5ff7] {
    border-radius: 12px;
    padding: 10px 12px;
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(255,255,255,0.04);
    margin-bottom: 10px;
}

.ps-alert-warn[b-iwtz7h5ff7] {
    border-color: rgba(255, 190, 90, 0.35);
    background: rgba(255, 190, 90, 0.08);
}

.ps-alert-danger[b-iwtz7h5ff7] {
    border-color: rgba(255, 120, 120, 0.35);
    background: rgba(255, 120, 120, 0.08);
    color: rgba(255, 220, 220, 0.95);
}

/* Preview */
.ps-invite-preview[b-iwtz7h5ff7] {
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 12px;
    padding: 0;
    overflow: hidden;
    background: rgba(255,255,255,0.03);
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.ps-preview[b-iwtz7h5ff7] {
    flex: 1 1 auto;
    min-height: 240px;
    overflow: auto;
    padding: 12px;
    background: #0b1020;
    border-radius: 12px;
}

/* Tokens block */
.ps-tokens code[b-iwtz7h5ff7] {
    color: rgba(180,210,255,0.92);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}


.ps-btn-row[b-iwtz7h5ff7] {
    display: flex;
    gap: 8px;
    align-items: center;
}


/* ===== Expand Preview / Collapse Fields ===== */
.ps-invite-collapsed .ps-invite-fields[b-iwtz7h5ff7] {
    display: none;
}

.ps-invite-collapsed .ps-preview[b-iwtz7h5ff7] {
    min-height: 60vh;
}


.ps-row-expiry[b-iwtz7h5ff7] {
    align-items: flex-end;
}

.ps-expiry-controls[b-iwtz7h5ff7] {
    display: flex;
    gap: 10px;
}

.ps-expiry-value[b-iwtz7h5ff7] {
    max-width: 120px;
}

.ps-expiry-unit[b-iwtz7h5ff7] {
    max-width: 140px;
}
/* _content/ProofShareUi/Components/Shared/TenantSettingsModal.razor.rz.scp.css */
.psm-details[b-wg37iw2p7v] {
    border: 1px solid rgba(231,236,255,.12);
    background: rgba(255,255,255,.03);
    border-radius: 16px;
    padding: 10px 12px;
    margin-bottom: 10px;
}

    .psm-details > summary[b-wg37iw2p7v] {
        cursor: pointer;
        font-weight: 900;
        color: rgba(231,236,255,.92);
        list-style: none;
    }

.psm-row[b-wg37iw2p7v] {
    display: grid;
    gap: 8px;
    margin-top: 10px;
}

    .psm-row label[b-wg37iw2p7v] {
        color: rgba(231,236,255,.72);
        font-weight: 700;
        font-size: .92rem;
    }

.psm-input[b-wg37iw2p7v] {
    width: 100%;
    padding: 10px 10px;
    border-radius: 12px;
    border: 1px solid rgba(231,236,255,.14);
    background: rgba(0,0,0,.18);
    color: rgba(231,236,255,.92);
}

.psm-check[b-wg37iw2p7v] {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 10px;
    color: rgba(231,236,255,.86);
}

.psm-grid2[b-wg37iw2p7v] {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr;
    margin-top: 10px;
}

@media (min-width: 860px) {
    .psm-grid2[b-wg37iw2p7v] {
        grid-template-columns: 1fr 1fr;
    }
}

.psm-status[b-wg37iw2p7v] {
    margin-top: 10px;
    color: rgba(108,247,170,.92);
    font-weight: 800;
}

.psm-error[b-wg37iw2p7v] {
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid rgba(255,95,109,.35);
    background: rgba(255,95,109,.14);
}

.psm-note[b-wg37iw2p7v] {
    color: rgba(231,236,255,.75);
}
/* _content/ProofShareUi/Components/Shared/UploadFiles.razor.rz.scp.css */
.ps-pkg-toolbar[b-yetz5fb58j] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 14px;
    flex-wrap: wrap;
}

.ps-pkg-filters[b-yetz5fb58j] {
    display: flex;
    gap: 12px;
    align-items: flex-end;
    flex-wrap: wrap;
}

.ps-inline[b-yetz5fb58j] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* Checkbox label reads better inline */
.ps-inline-check[b-yetz5fb58j] {
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding-bottom: 6px;
}

    .ps-inline-check input[type="checkbox"][b-yetz5fb58j] {
        margin-right: 6px;
    }

.ps-small[b-yetz5fb58j] {
    width: 90px;
}

.ps-search[b-yetz5fb58j] {
    width: 220px;
    min-width: 160px;
}

.ps-pkg-nav[b-yetz5fb58j] {
    display: flex;
    gap: 10px;
    align-items: flex-end;
    flex-wrap: wrap;
}

.ps-btn-nav[b-yetz5fb58j] {
    border-radius: 14px;
    font-weight: 800;
    letter-spacing: .2px;
    text-shadow: none;
    padding: 10px 14px;
    min-width: 92px;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.18);
    color: rgba(255,255,255,.92) !important;
    box-shadow: 0 0 0 1px rgba(96,165,250,.10), 0 10px 22px rgba(0,0,0,.28);
    backdrop-filter: blur(10px);
}

    .ps-btn-nav:hover[b-yetz5fb58j] {
        background: rgba(255,255,255,.14);
        box-shadow: 0 0 0 1px rgba(96,165,250,.22), 0 14px 30px rgba(0,0,0,.30);
    }

    .ps-btn-nav:disabled[b-yetz5fb58j] {
        opacity: .45;
        cursor: not-allowed;
    }

.ps-actions[b-yetz5fb58j] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.ps-action-btn[b-yetz5fb58j] {
    border-radius: 14px;
    font-weight: 800;
    letter-spacing: .2px;
    /* Most of our buttons use a light/glassy background; keep the label dark for contrast. */
    text-shadow: none;
    padding: 10px 14px;
    min-width: 112px;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.18);
    color: rgba(255,255,255,.92) !important;
    box-shadow: 0 0 0 1px rgba(96,165,250,.10), 0 10px 22px rgba(0,0,0,.28);
    backdrop-filter: blur(10px);
}

    .ps-action-btn:hover[b-yetz5fb58j] {
        background: rgba(255,255,255,.14);
        box-shadow: 0 0 0 1px rgba(96,165,250,.22), 0 14px 30px rgba(0,0,0,.30);
    }

    .ps-action-btn:disabled[b-yetz5fb58j] {
        opacity: .45;
        cursor: not-allowed;
    }

    .ps-action-btn:hover[b-yetz5fb58j] {
        background: rgba(255,255,255,.14);
        box-shadow: 0 0 0 1px rgba(96,165,250,.22), 0 14px 30px rgba(0,0,0,.30);
    }

/* Ensure Blazor/Bootstrap global .btn styles don't override our contrast */
:global(.ps-action-btn.btn)[b-yetz5fb58j],
:global(.ps-btn-nav.btn)[b-yetz5fb58j] {
    background-image: none;
}

/* Primary quick-action */
.ps-action-primary[b-yetz5fb58j] {
    outline: none;
    box-shadow: 0 0 0 1px rgba(96,165,250,.40), 0 14px 30px rgba(0,0,0,.30);
}

/* --- Status badge + progress (ported from the old me.html look) --- */
.ps-pkg-meta[b-yetz5fb58j] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ps-pkg-name[b-yetz5fb58j] {
    font-weight: 800;
}

.ps-token[b-yetz5fb58j] {
    font-size: 12px;
    margin-top: 6px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.ps-pill[b-yetz5fb58j] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 999px;
    padding: 4px 10px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.06);
    color: rgba(255,255,255,.92);
}

.ps-pill-sm[b-yetz5fb58j] {
    font-size: 12px;
    font-weight: 800;
}

.ps-dot[b-yetz5fb58j] {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: rgba(255,255,255,.55);
}

.ps-pill-ok[b-yetz5fb58j] {
    border-color: rgba(34,197,94,.35);
    background: rgba(34,197,94,.10);
}

    .ps-pill-ok .ps-dot[b-yetz5fb58j] {
        background: rgba(34,197,94,.9);
    }

.ps-pill-warn[b-yetz5fb58j] {
    border-color: rgba(251,191,36,.35);
    background: rgba(251,191,36,.10);
}

    .ps-pill-warn .ps-dot[b-yetz5fb58j] {
        background: rgba(251,191,36,.95);
    }

.ps-pill-danger[b-yetz5fb58j] {
    border-color: rgba(239,68,68,.35);
    background: rgba(239,68,68,.10);
}

    .ps-pill-danger .ps-dot[b-yetz5fb58j] {
        background: rgba(239,68,68,.95);
    }

.ps-progress[b-yetz5fb58j] {
    margin-top: 8px;
}

.ps-progress-bar[b-yetz5fb58j] {
    height: 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.10);
    overflow: hidden;
}

.ps-progress-fill[b-yetz5fb58j] {
    height: 100%;
    border-radius: 999px;
    background: rgba(96,165,250,.85);
}

.ps-progress-text[b-yetz5fb58j] {
    font-size: 12px;
    margin-top: 6px;
}

/* Keep the page info from wrapping under the buttons too aggressively */
:global(.k.mono)[b-yetz5fb58j] {
    white-space: nowrap;
}

/* Darker panel background so badges/progress read better */
.ps-pkg-card[b-yetz5fb58j] {
    background: rgba(3, 8, 18, .55);
    border: 1px solid rgba(255,255,255,.10);
}

.ps-pkg-scroller[b-yetz5fb58j] {
    background: rgba(0,0,0,.22);
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

:global(.ps-pkg-scroller .table)[b-yetz5fb58j] {
    background: transparent;
    color: rgba(255,255,255,.92);
}

:global(.ps-pkg-scroller .table thead th)[b-yetz5fb58j] {
    background: rgba(255,255,255,.04);
    color: rgba(255,255,255,.80);
    border-bottom: 1px solid rgba(255,255,255,.10);
}

:global(.ps-pkg-scroller .table td)[b-yetz5fb58j] {
    border-bottom: 1px solid rgba(255,255,255,.08);
}

:global(.ps-pkg-scroller .btn.btn-link)[b-yetz5fb58j] {
    color: rgba(255,255,255,.88);
}

/* -----------------------------
   Overflow (⋯) action menu
   ----------------------------- */

/* The popover container */
.ps-action-menu-pop[b-yetz5fb58j] {
    color: rgba(255,255,255,.95);
}

/* Make menu items readable on the dark glass background */
.ps-action-menu-item[b-yetz5fb58j] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.06);
    color: rgba(255,255,255,.95) !important;
    text-decoration: none;
    text-align: left;
    font-weight: 800;
    letter-spacing: .2px;
}

    .ps-action-menu-item:hover[b-yetz5fb58j],
    .ps-action-menu-item:focus[b-yetz5fb58j] {
        background: rgba(255,255,255,.12);
        border-color: rgba(255,255,255,.16);
        color: #fff !important;
    }

/* Danger action keeps red border but still readable */
.ps-action-menu-danger[b-yetz5fb58j] {
    border-color: rgba(239,68,68,.40) !important;
}

    .ps-action-menu-danger:hover[b-yetz5fb58j],
    .ps-action-menu-danger:focus[b-yetz5fb58j] {
        background: rgba(239,68,68,.14);
        border-color: rgba(239,68,68,.55) !important;
    }

/* ===== Ensure UploadFiles modal stacks above ManagePackageModal =====
   UploadFiles relies on the global modal system for positioning.
   When opened from inside ManagePackageModal, it can end up underneath the
   ManagePackage overlay/panel if its z-index is lower.
   We only bump z-index here (no positioning changes) to preserve the original behavior.
*/
.ps-modal-backdrop[b-yetz5fb58j] {
    z-index: 20000 !important;
}

.ps-modal[b-yetz5fb58j] {
    z-index: 20001 !important;
}
/* _content/ProofShareUi/Components/Shared/UserAdminModal.razor.rz.scp.css */
.ua-top[b-83c6d4aka1] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-bottom: 12px;
}

.ua-input[b-83c6d4aka1] {
    padding: 10px 10px;
    border-radius: 12px;
    border: 1px solid rgba(231,236,255,.14);
    background: rgba(0,0,0,.18);
    color: rgba(231,236,255,.92);
    min-width: 260px;
}

.ua-check[b-83c6d4aka1] {
    display: flex;
    gap: 10px;
    align-items: center;
    color: rgba(231,236,255,.86);
}

.ua-grid[b-83c6d4aka1] {
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr;
}

@media (min-width: 980px) {
    .ua-grid[b-83c6d4aka1] {
        grid-template-columns: 1.25fr .75fr;
    }
}

.ua-card[b-83c6d4aka1] {
    border: 1px solid rgba(231,236,255,.12);
    background: rgba(255,255,255,.04);
    border-radius: 16px;
    padding: 12px;
}

.ua-card-title[b-83c6d4aka1] {
    font-weight: 900;
    margin-bottom: 10px;
}

.ua-tablewrap[b-83c6d4aka1] {
    overflow: auto;
    border-radius: 14px;
    border: 1px solid rgba(231,236,255,.10);
}

.ua-table[b-83c6d4aka1] {
    width: 100%;
    border-collapse: collapse;
}

    .ua-table th[b-83c6d4aka1], .ua-table td[b-83c6d4aka1] {
        padding: 10px;
        border-bottom: 1px solid rgba(231,236,255,.08);
        vertical-align: top;
    }

    .ua-table th[b-83c6d4aka1] {
        text-align: left;
        color: rgba(231,236,255,.72);
        font-size: .9rem;
    }

.ua-pill[b-83c6d4aka1] {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 999px;
    border: 1px solid rgba(80,170,255,.28);
    background: rgba(80,170,255,.10);
    margin-right: 6px;
    margin-bottom: 6px;
    font-size: .85rem;
}

.ua-row[b-83c6d4aka1] {
    display: grid;
    gap: 8px;
    margin-top: 10px;
}

    .ua-row label[b-83c6d4aka1] {
        color: rgba(231,236,255,.72);
        font-weight: 800;
        font-size: .9rem;
    }

.ua-actions[b-83c6d4aka1] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 12px;
}

.ua-muted[b-83c6d4aka1] {
    color: rgba(231,236,255,.70);
}

.ua-status[b-83c6d4aka1] {
    margin-top: 10px;
    color: rgba(108,247,170,.92);
    font-weight: 800;
}

.ua-error[b-83c6d4aka1] {
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid rgba(255,95,109,.35);
    background: rgba(255,95,109,.14);
    margin-bottom: 12px;
}

.ua-pager[b-83c6d4aka1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}