/* /Components/Layout/EmailPdfLayout.razor.rz.scp.css */

.page[b-jo7xg682a2] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-jo7xg682a2] {
    flex: 1;
}

@media (max-width: 640.98px) {
   
}

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

/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-4vhlde1mxr] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-4vhlde1mxr] {
    flex: 1;
}

.sidebar[b-4vhlde1mxr] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-4vhlde1mxr] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.top-row[b-4vhlde1mxr]  a, .top-row[b-4vhlde1mxr]  .btn-link {
    white-space: nowrap;
    margin-left: 1.5rem;
    text-decoration: none;
}

.top-row[b-4vhlde1mxr]  a:hover, .top-row[b-4vhlde1mxr]  .btn-link:hover {
    text-decoration: underline;
}

.top-row[b-4vhlde1mxr]  a:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 640.98px) {
    .top-row[b-4vhlde1mxr] {
        justify-content: space-between;
    }

    .top-row[b-4vhlde1mxr]  a, .top-row[b-4vhlde1mxr]  .btn-link {
        margin-left: 0;
    }
}

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

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

    .top-row[b-4vhlde1mxr] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-4vhlde1mxr]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-4vhlde1mxr], article[b-4vhlde1mxr] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-4vhlde1mxr] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-4vhlde1mxr] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Pages/Dashboard/SettingsTabs/EmbedsTab.razor.rz.scp.css */
.emb-tab[b-3pfz1jbqo7] { padding: 16px 4px; }
.emb-header[b-3pfz1jbqo7] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.emb-title[b-3pfz1jbqo7] { margin: 0; font-size: 1rem; font-weight: 600; color: #222; }
.emb-intro[b-3pfz1jbqo7] { margin: 0 0 14px; font-size: 0.85rem; color: #666; }
.emb-empty[b-3pfz1jbqo7] { color: #666; font-size: 0.9rem; margin-top: 8px; }
.emb-row-actions[b-3pfz1jbqo7] { display: flex; gap: 6px; }

/* Embed details modal */
.embed-detail-scroll[b-3pfz1jbqo7] { max-height: 600px; overflow-y: auto; }
.embed-detail-table[b-3pfz1jbqo7] { width: 100%; border-collapse: collapse; font-size: 0.9rem; }
.embed-detail-table tr[b-3pfz1jbqo7] { border-bottom: 1px solid #eee; }
.embed-detail-table td[b-3pfz1jbqo7] { padding: 8px 12px; vertical-align: top; }
.embed-detail-lbl[b-3pfz1jbqo7] { font-weight: 600; color: #555; width: 170px; white-space: nowrap; }
.embed-detail-val[b-3pfz1jbqo7] { word-break: break-all; }
.embed-mono[b-3pfz1jbqo7] { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.85em; }
.embed-snippet[b-3pfz1jbqo7] {
    background: #1e1e1e; color: #d4d4d4; padding: 12px 14px; border-radius: 4px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.8rem; line-height: 1.5; white-space: pre-wrap; word-break: break-all; margin: 0;
}
.embed-snippet-heading[b-3pfz1jbqo7] { margin: 18px 0 8px; }
.embed-snippet-help[b-3pfz1jbqo7] { color: #666; font-size: 0.85rem; margin: 0 0 8px; }
.embed-copy-row[b-3pfz1jbqo7] { display: flex; justify-content: flex-end; margin-top: 8px; }

/* Add Embed modal */
.emb-create-form[b-3pfz1jbqo7] { display: flex; flex-direction: column; gap: 14px; }
.emb-required[b-3pfz1jbqo7] { color: #d32f2f; }
.emb-create-hint[b-3pfz1jbqo7] { font-size: 0.75rem; color: #888; margin-top: 4px; }
.emb-create-error[b-3pfz1jbqo7] {
    color: #b71c1c; font-size: 0.85rem; padding: 8px 12px;
    background: #fff3f3; border-radius: 4px; border-left: 3px solid #d32f2f;
}
.emb-create-footer[b-3pfz1jbqo7] { display: flex; justify-content: flex-end; gap: 8px; padding: 10px; }
/* /Components/Pages/Dashboard/SettingsTabs/FuturePaymentTab.razor.rz.scp.css */
.fp-tab[b-r368ayuxj1] { padding: 16px 4px; max-width: 1120px; }
.fp-heading[b-r368ayuxj1] { margin: 0 0 6px; font-size: 1rem; font-weight: 600; color: #222; }
.fp-subheading[b-r368ayuxj1] { margin: 0 0 18px; font-size: 0.875rem; color: #666; }
.fp-not-enabled[b-r368ayuxj1] { padding: 12px 14px; background: #f5f5f5; border-radius: 6px; color: #555; font-size: 0.9rem; }
.fp-enable-toggle[b-r368ayuxj1] { display: flex; align-items: center; gap: 8px; cursor: pointer; margin-bottom: 16px; }

/* PPD-629 — future payment scheduling config (matches the ticket mockup) */
.fp-config-card[b-r368ayuxj1] {
    background: #fbfbfb;
    border: 1px solid #e3e3e3;
    border-radius: 10px;
    padding: 20px 22px;
    margin: 0 0 18px;
}
.fp-config-title[b-r368ayuxj1] { font-size: 1.05rem; font-weight: 600; color: #222; margin-bottom: 16px; }
.fp-option[b-r368ayuxj1] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 14px 16px;
    margin-bottom: 12px;
    background: #fff;
    cursor: pointer;
}
.fp-option-selected[b-r368ayuxj1] { border-color: #1a73e8; background: #eef4ff; }
.fp-option input[type="radio"][b-r368ayuxj1] { margin-top: 2px; width: 18px; height: 18px; accent-color: #1a73e8; flex-shrink: 0; }
.fp-option-text[b-r368ayuxj1] { display: flex; flex-direction: column; }
.fp-option-label[b-r368ayuxj1] { font-weight: 600; color: #222; font-size: 0.95rem; }
.fp-option-desc[b-r368ayuxj1] { color: #6b7280; font-size: 0.85rem; margin-top: 2px; }
.fp-divider[b-r368ayuxj1] { border: none; border-top: 1px solid #e3e3e3; margin: 18px 0; }
.fp-maxdays-row[b-r368ayuxj1] { display: flex; align-items: center; gap: 16px; margin-bottom: 18px; }
.fp-maxdays-label[b-r368ayuxj1], .fp-maxdays-suffix[b-r368ayuxj1] { color: #444; font-size: 0.95rem; white-space: nowrap; }
.fp-maxdays-input[b-r368ayuxj1] {
    flex: 1;
    min-width: 0;
    background: #2b2b2b;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 14px 18px;
    font-size: 1.25rem;
    text-align: center;
}
.fp-info-box[b-r368ayuxj1] {
    display: flex;
    gap: 10px;
    background: #eef4ff;
    border-radius: 8px;
    padding: 14px 16px;
    color: #1a4fa0;
    font-size: 0.9rem;
    line-height: 1.45;
}
.fp-info-icon[b-r368ayuxj1] { flex-shrink: 0; font-size: 1.05rem; line-height: 1.4; }

.fp-save-row[b-r368ayuxj1] { display: flex; align-items: center; gap: 12px; }
.fp-save-message[b-r368ayuxj1] { font-size: 0.85rem; color: #2e7d32; }
/* /Components/Pages/Dashboard/SettingsTabs/IntegrationsTab.razor.rz.scp.css */
/* Integrations tab — tile grid */
.integration-tile[b-zee0ltt3we] {
    width: 220px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    background: #fff;
    transition: box-shadow 0.15s, border-color 0.15s;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.integration-tile:hover[b-zee0ltt3we] {
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    border-color: #0078d4;
}
.integration-tile .tile-logo-area[b-zee0ltt3we],
.integration-tile .tile-footer[b-zee0ltt3we] { cursor: pointer; }
.tile-actions[b-zee0ltt3we] {
    padding: 8px 14px 12px;
    border-top: 1px solid #f0f0f0;
    background: #fafafa;
}
.tile-action-btn[b-zee0ltt3we] {
    width: 100%;
    padding: 6px 10px;
    font-size: 0.78rem;
    font-weight: 600;
    color: #fff;
    background: #00607A;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.15s;
}
.tile-action-btn:hover[b-zee0ltt3we] {
    background: #004d61;
}
.integration-tile.tile-connected[b-zee0ltt3we] {
    border-color: #2e7d32;
}
.tile-logo-area[b-zee0ltt3we] {
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fafafa;
    border-bottom: 1px solid #f0f0f0;
    padding: 16px;
}
.tile-footer[b-zee0ltt3we] {
    padding: 10px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.tile-name[b-zee0ltt3we] {
    font-size: 0.82rem;
    font-weight: 600;
    color: #333;
}
.tile-badge[b-zee0ltt3we] {
    font-size: 0.7rem;
    font-weight: 600;
    padding: 2px 7px;
    border-radius: 10px;
    white-space: nowrap;
}
.badge-connected[b-zee0ltt3we] { background: #e8f5e9; color: #2e7d32; }
.badge-not-connected[b-zee0ltt3we] { background: #f5f5f5; color: #999; }
/* /Components/Pages/Dashboard/SettingsTabs/PaymentPlanRulesTab.razor.rz.scp.css */
.ppr-tab[b-mm9srhf5kb] { padding: 16px 4px; }
.ppr-header[b-mm9srhf5kb] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.ppr-title[b-mm9srhf5kb] { margin: 0; font-size: 1rem; font-weight: 600; color: #222; }

.ppr-create-card[b-mm9srhf5kb] {
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 20px;
    margin-bottom: 24px;
}
.ppr-create-title[b-mm9srhf5kb] { margin: 0 0 16px; font-size: 0.95rem; font-weight: 600; color: #222; }
.ppr-form-grid[b-mm9srhf5kb] { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 16px; }
.ppr-validation[b-mm9srhf5kb] { color: #d32f2f; font-size: 0.85rem; margin-top: 10px; }
.ppr-form-actions[b-mm9srhf5kb] { display: flex; gap: 8px; margin-top: 16px; }

.ppr-empty[b-mm9srhf5kb] { color: #666; font-size: 0.9rem; margin-top: 8px; }

.ppr-status[b-mm9srhf5kb] { color: #fff; font-weight: 500; font-size: 0.8rem; padding: 2px 8px; border-radius: 4px; }
.ppr-status-active[b-mm9srhf5kb] { background: #388e3c; }
.ppr-status-inactive[b-mm9srhf5kb] { background: #d32f2f; }

.ppr-row-actions[b-mm9srhf5kb] { display: flex; gap: 4px; margin-right: 20px; }
/* /Components/Pages/PolicyLookup.razor.rz.scp.css */
.policy-lookup-page[b-50uxt7o4yy] {
    max-width: 988px;
    margin: 0 auto;
    padding: 24px 16px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.policy-lookup-card[b-50uxt7o4yy] {
    background: #f5f6f8;
    padding: 32px;
    border-radius: 8px;
}

.policy-lookup-title[b-50uxt7o4yy] {
    margin: 0 0 24px;
    font-size: 32px;
    font-weight: 700;
    color: #0b1226;
}

.policy-lookup-label[b-50uxt7o4yy] {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #1f2937;
    margin-bottom: 8px;
}

.policy-lookup-required[b-50uxt7o4yy] {
    color: #d92d20;
    margin-left: 2px;
}

.policy-lookup-row[b-50uxt7o4yy] {
    display: flex;
    gap: 8px;
    align-items: stretch;
}

.policy-lookup-select[b-50uxt7o4yy] {
    flex: 0 0 180px;
}

.policy-lookup-input[b-50uxt7o4yy] {
    flex: 1 1 auto;
}

.policy-lookup-button[b-50uxt7o4yy] {
    display: block;
    width: 100%;
    margin-top: 16px;
    padding: 14px;
    background: #8a93f5;
    color: #1f2937;
    font-weight: 600;
    font-size: 16px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.policy-lookup-button:disabled[b-50uxt7o4yy] {
    background: #c7cbf5;
    cursor: not-allowed;
}

.policy-lookup-error[b-50uxt7o4yy] {
    margin-top: 12px;
    text-align: center;
    color: #d92d20;
    font-weight: 600;
}

.policy-lookup-terms[b-50uxt7o4yy] {
    margin-top: 28px;
    text-align: center;
    color: #1f2937;
    font-size: 14px;
}

.policy-lookup-terms a[b-50uxt7o4yy] {
    color: #2563eb;
    text-decoration: none;
    font-weight: 600;
}

/* ---- PPD-1227 card-based outstanding invoices ---- */
.ppd-invoices[b-50uxt7o4yy] {
    --bg: #F7F6F2;
    --surface: #FFFFFF;
    --surface-2: #F0EEE9;
    --border: rgba(0,0,0,0.09);
    --border-mid: rgba(0,0,0,0.14);
    --text-primary: #1A1917;
    --text-secondary: #6B6860;
    --text-hint: #9E9C97;
    --accent: #3B2FC9;
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    /* Reuse the app's global Inter font (loaded in App.razor); fall back to a
       system monospace stack for code pills since no global mono font exists. */
    --font: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --mono: ui-monospace, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;

    margin-top: 32px;
    font-family: var(--font);
    color: var(--text-primary);
    -webkit-font-smoothing: antialiased;
}

.ppd-invoices .page-head[b-50uxt7o4yy] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 24px;
}

.ppd-invoices .page-head h1[b-50uxt7o4yy] {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -0.02em;
    color: var(--text-primary);
    margin: 0;
}

.ppd-invoices .page-head p[b-50uxt7o4yy] {
    font-size: 13px;
    color: var(--text-secondary);
    margin: 4px 0 0;
}

.ppd-invoices .invoice-count[b-50uxt7o4yy] {
    font-size: 13px;
    color: var(--text-hint);
    padding-bottom: 2px;
    white-space: nowrap;
}

.ppd-invoices .select-all-row[b-50uxt7o4yy] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    font-size: 13px;
    color: var(--text-secondary);
}

.ppd-invoices .select-all-row label[b-50uxt7o4yy] {
    cursor: pointer;
}

.ppd-invoices .inv-card[b-50uxt7o4yy] {
    background: var(--surface);
    border: 1px solid var(--border-mid);
    border-radius: var(--radius-lg);
    margin-bottom: 10px;
    overflow: hidden;
    transition: box-shadow 0.2s;
}

.ppd-invoices .inv-card:hover[b-50uxt7o4yy] {
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}

.ppd-invoices .inv-header[b-50uxt7o4yy] {
    display: grid;
    grid-template-columns: 28px 1fr auto;
    gap: 12px;
    align-items: center;
    padding: 16px 18px;
    cursor: pointer;
    user-select: none;
    transition: background 0.15s;
}

.ppd-invoices .inv-header:hover[b-50uxt7o4yy] {
    background: var(--surface-2);
}

.ppd-invoices .inv-meta[b-50uxt7o4yy] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    min-width: 0;
}

.ppd-invoices .inv-header-right[b-50uxt7o4yy] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.ppd-invoices .inv-outstanding[b-50uxt7o4yy] {
    text-align: right;
    white-space: nowrap;
}

.ppd-invoices .col-label[b-50uxt7o4yy] {
    font-size: 10px;
    font-weight: 500;
    color: var(--text-hint);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin: 0 0 4px;
}

.ppd-invoices .col-val[b-50uxt7o4yy] {
    font-size: 14px;
    color: var(--text-primary);
    margin: 0;
    overflow-wrap: anywhere;
}

.ppd-invoices .col-val.strong[b-50uxt7o4yy] {
    font-weight: 500;
}

.ppd-invoices .expand-btn[b-50uxt7o4yy] {
    width: 30px;
    height: 30px;
    border: 1px solid var(--border-mid);
    border-radius: var(--radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    cursor: pointer;
    color: var(--text-hint);
    transition: background 0.15s, color 0.15s;
    flex-shrink: 0;
    padding: 0;
}

.ppd-invoices .expand-btn:hover[b-50uxt7o4yy] {
    background: var(--surface-2);
    color: var(--text-secondary);
}

.ppd-invoices .expand-btn svg[b-50uxt7o4yy] {
    transition: transform 0.2s;
}

.ppd-invoices .expand-btn.open svg[b-50uxt7o4yy] {
    transform: rotate(180deg);
}

.ppd-invoices .line-items[b-50uxt7o4yy] {
    border-top: 1px solid var(--border);
    animation: ppdSlideDown-b-50uxt7o4yy 0.18s ease;
}

.ppd-invoices .li-scroll[b-50uxt7o4yy] {
    overflow-x: auto;
}

.ppd-invoices .li-thead[b-50uxt7o4yy],
.ppd-invoices .li-row[b-50uxt7o4yy] {
    display: grid;
    grid-template-columns: 28px 70px 70px minmax(140px, 1fr) 80px 110px 110px;
    gap: 12px;
    align-items: center;
    min-width: 620px;
}

.ppd-invoices .li-thead[b-50uxt7o4yy] {
    padding: 10px 18px;
    background: var(--surface-2);
    font-size: 10px;
    font-weight: 500;
    color: var(--text-hint);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.ppd-invoices .li-row[b-50uxt7o4yy] {
    padding: 13px 18px;
    border-top: 1px solid var(--border);
    font-size: 13px;
    transition: background 0.12s;
}

.ppd-invoices .li-row:hover[b-50uxt7o4yy] {
    background: var(--surface-2);
}

.ppd-invoices .li-desc[b-50uxt7o4yy] {
    line-height: 1.45;
}

.ppd-invoices .li-balance[b-50uxt7o4yy] {
    font-weight: 500;
}

.ppd-invoices .ta-right[b-50uxt7o4yy] {
    text-align: right;
}

.ppd-invoices .li-empty[b-50uxt7o4yy] {
    padding: 16px 18px;
    color: var(--text-hint);
    font-style: italic;
    font-size: 13px;
}

.ppd-invoices .code-pill[b-50uxt7o4yy] {
    display: inline-block;
    font-family: var(--mono);
    font-size: 11px;
    background: var(--surface-2);
    border: 1px solid var(--border-mid);
    border-radius: 4px;
    padding: 2px 7px;
    color: var(--text-secondary);
}

.ppd-invoices .summary[b-50uxt7o4yy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    background: var(--surface);
    border: 1px solid var(--border-mid);
    border-radius: var(--radius-lg);
    padding: 18px 22px;
    margin-top: 16px;
}

.ppd-invoices .summary-label[b-50uxt7o4yy] {
    font-size: 12px;
    color: var(--text-hint);
    margin: 0 0 4px;
}

.ppd-invoices .summary-total[b-50uxt7o4yy] {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.02em;
    margin: 0;
}

.ppd-invoices .pay-btn[b-50uxt7o4yy] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--accent);
    color: #fff;
    border: none;
    border-radius: var(--radius-md);
    padding: 11px 26px;
    font-family: var(--font);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s, transform 0.1s;
    letter-spacing: -0.01em;
    white-space: nowrap;
}

.ppd-invoices .pay-btn:hover:not(:disabled)[b-50uxt7o4yy] {
    background: #2E24A8;
}

.ppd-invoices .pay-btn:active:not(:disabled)[b-50uxt7o4yy] {
    transform: scale(0.98);
}

.ppd-invoices .pay-btn:disabled[b-50uxt7o4yy] {
    background: var(--surface-2);
    color: var(--text-hint);
    cursor: not-allowed;
    border: 1px solid var(--border);
}

.ppd-invoices .pay-btn svg[b-50uxt7o4yy] {
    width: 15px;
    height: 15px;
    opacity: 0.85;
}

.ppd-invoices .deposit-panel[b-50uxt7o4yy] {
    background: var(--surface);
    border: 1px solid var(--border-mid);
    border-radius: var(--radius-lg);
    padding: 18px 22px;
    margin-top: 16px;
}

.ppd-invoices .deposit-head h2[b-50uxt7o4yy] {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.02em;
    color: var(--text-primary);
    margin: 0;
}

.ppd-invoices .deposit-head p[b-50uxt7o4yy] {
    font-size: 13px;
    color: var(--text-secondary);
    margin: 4px 0 0;
}

.ppd-invoices .deposit-amount[b-50uxt7o4yy] {
    margin-top: 14px;
    max-width: 260px;
}

.ppd-invoices .deposit-amount label[b-50uxt7o4yy] {
    display: block;
    font-size: 10px;
    font-weight: 500;
    color: var(--text-hint);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 6px;
}

@keyframes ppdSlideDown-b-50uxt7o4yy {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}

@media (max-width: 640px) {
    .ppd-invoices .inv-meta[b-50uxt7o4yy] {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px 12px;
    }

    .ppd-invoices .page-head[b-50uxt7o4yy] {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }

    .ppd-invoices .summary[b-50uxt7o4yy] {
        flex-direction: column;
        align-items: stretch;
    }

    .ppd-invoices .pay-btn[b-50uxt7o4yy] {
        justify-content: center;
    }
}