/* _content/DevFlowMessaging.Web/Components/Accounts/AccountBilling.razor.rz.scp.css */
.billing-panel[b-be64bybhxb],
.billing-panel__detail-column[b-be64bybhxb] {
    display: grid;
    min-width: 0;
    gap: 1.15rem;
}

.billing-panel__loading[b-be64bybhxb] {
    min-height: 28rem;
    display: grid;
    place-items: center;
}

.billing-panel__header[b-be64bybhxb] {
    align-items: flex-end;
}

.billing-panel__header[b-be64bybhxb]  .df-page-header__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.billing-panel__header[b-be64bybhxb]  .df-page-header__actions {
    flex-wrap: wrap;
}

.billing-panel__statement-builder[b-be64bybhxb] {
    border-color: rgba(var(--df-primary-rgb), 0.22);
    background: linear-gradient(135deg, rgba(var(--df-primary-rgb), 0.035), #ffffff 58%);
}

.billing-panel__statement-form[b-be64bybhxb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    align-items: start;
    gap: 0.85rem;
}

.billing-panel__date-field[b-be64bybhxb] {
    min-width: 0;
}

.billing-panel__statement-form[b-be64bybhxb]  .df-button {
    min-height: 40px;
}

.billing-panel__statement-preview[b-be64bybhxb] {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid #dbe4ef;
    border-radius: 14px;
    background: #ffffff;
}

.billing-panel__statement-preview-head[b-be64bybhxb],
.billing-panel__service-heading[b-be64bybhxb],
.billing-panel__history-heading[b-be64bybhxb] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.billing-panel__statement-preview-title[b-be64bybhxb],
.billing-panel__empty-title[b-be64bybhxb],
.billing-panel__service-name[b-be64bybhxb] {
    color: #0f172a;
    font-weight: 700;
}

.billing-panel__statement-summary-grid[b-be64bybhxb] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 0.9rem;
}

.billing-panel__statement-summary-item[b-be64bybhxb] {
    display: grid;
    gap: 0.25rem;
    padding: 0.8rem 0.85rem;
    border-radius: 12px;
    background: #f8fafc;
}

.billing-panel__statement-summary-item span[b-be64bybhxb],
.billing-panel__statement-summary-item small[b-be64bybhxb] {
    color: #64748b;
}

.billing-panel__statement-summary-item strong[b-be64bybhxb] {
    color: #0f172a;
    font-size: 1rem;
}

.billing-panel__stats[b-be64bybhxb] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
}

.billing-panel__stats[b-be64bybhxb]  .df-status-card {
    padding: 1.05rem;
    gap: 0.8rem;
}

.billing-panel__workspace[b-be64bybhxb] {
    display: grid;
    grid-template-columns: minmax(17rem, 0.72fr) minmax(0, 1.8fr);
    align-items: start;
    gap: 1.15rem;
    min-width: 0;
}

.billing-panel__activity-column[b-be64bybhxb] {
    min-width: 0;
    position: sticky;
    top: 1rem;
}

.billing-panel__activity-card[b-be64bybhxb] {
    min-height: 30rem;
}

.billing-panel__activity-card[b-be64bybhxb]  .df-card__body {
    margin-top: 0.55rem;
}

.billing-panel__timeline[b-be64bybhxb] {
    width: 100%;
}

.billing-panel__timeline[b-be64bybhxb]  .mud-timeline-item-content {
    min-width: 0;
    padding: 0.8rem 0 0.95rem 0.7rem;
}

.billing-panel__timeline[b-be64bybhxb]  .mud-timeline-item-divider {
    min-width: 2rem;
}

.billing-panel__timeline[b-be64bybhxb]  .mud-timeline-item-dot {
    border: 3px solid #ffffff;
    box-shadow: 0 0 0 1px #dbe4ef;
}

.billing-panel__timeline[b-be64bybhxb]  .mud-timeline-item-connector {
    background: #dbe4ef;
}

.billing-panel__activity-item[b-be64bybhxb],
.billing-panel__activity-copy[b-be64bybhxb],
.billing-panel__history-copy[b-be64bybhxb],
.billing-panel__service-copy[b-be64bybhxb] {
    min-width: 0;
}

.billing-panel__activity-item[b-be64bybhxb] {
    display: grid;
    gap: 0.32rem;
    padding-bottom: 0.15rem;
}

.billing-panel__activity-title[b-be64bybhxb] {
    color: #0f172a;
    font-weight: 700;
    line-height: 1.35;
}

.billing-panel__activity-description[b-be64bybhxb] {
    display: block;
    margin-top: 0.16rem;
    color: #64748b;
    line-height: 1.45;
}

.billing-panel__activity-date[b-be64bybhxb] {
    color: #94a3b8;
    font-weight: 600;
}

.billing-panel__table-card[b-be64bybhxb],
.billing-panel__services-card[b-be64bybhxb],
.billing-panel__history-card[b-be64bybhxb] {
    min-width: 0;
}

.billing-panel__table-card[b-be64bybhxb]  .df-card__body {
    margin: 0.7rem -1.45rem -1.4rem;
}

.billing-panel__table-scroll[b-be64bybhxb] {
    width: 100%;
    overflow-x: auto;
}

.billing-panel__table[b-be64bybhxb] {
    width: 100%;
    border-collapse: collapse;
    color: #334155;
    font-size: 0.84rem;
}

.billing-panel__table th[b-be64bybhxb] {
    padding: 0.72rem 0.85rem;
    border-top: 1px solid #e8eef6;
    border-bottom: 1px solid #e8eef6;
    background: #f8fafc;
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.055em;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}

.billing-panel__table td[b-be64bybhxb] {
    padding: 0.85rem;
    border-bottom: 1px solid #eef2f7;
    vertical-align: middle;
}

.billing-panel__table tbody tr:last-child td[b-be64bybhxb] {
    border-bottom: 0;
}

.billing-panel__table tbody tr:hover[b-be64bybhxb] {
    background: rgba(var(--df-primary-rgb), 0.025);
}

.billing-panel__table .is-numeric[b-be64bybhxb] {
    text-align: right;
}

.billing-panel__primary-cell[b-be64bybhxb],
.billing-panel__secondary-cell[b-be64bybhxb] {
    display: block;
}

.billing-panel__primary-cell[b-be64bybhxb],
.billing-panel__amount[b-be64bybhxb] {
    color: #0f172a;
    font-weight: 700;
}

.billing-panel__secondary-cell[b-be64bybhxb] {
    max-width: 18rem;
    margin-top: 0.18rem;
    overflow: hidden;
    color: #64748b;
    font-size: 0.75rem;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.billing-panel__document-cell[b-be64bybhxb] {
    width: 3.4rem;
    text-align: right;
}

.billing-panel__document-link[b-be64bybhxb] {
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dbe4ef;
    border-radius: 10px;
    background: #ffffff;
    color: var(--df-primary);
    transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

.billing-panel__document-link:hover[b-be64bybhxb] {
    border-color: rgba(var(--df-primary-rgb), 0.28);
    background: var(--df-primary-soft);
    transform: translateY(-1px);
}

.billing-panel__document-link[b-be64bybhxb]  .mud-icon-root {
    font-size: 1rem;
}

.billing-panel__document-placeholder[b-be64bybhxb] {
    color: #cbd5e1;
}

.billing-panel__services-grid[b-be64bybhxb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
}

.billing-panel__service[b-be64bybhxb] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 0.8rem;
    padding: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #ffffff;
}

.billing-panel__service-group[b-be64bybhxb] {
    display: block;
    margin-top: 0.16rem;
    color: #94a3b8;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.billing-panel__service-description[b-be64bybhxb] {
    margin-top: 0.65rem;
    color: #64748b;
    line-height: 1.5;
}

.billing-panel__service-price[b-be64bybhxb] {
    display: flex;
    align-items: baseline;
    gap: 0.35rem;
    margin-top: 0.75rem;
    padding-top: 0.7rem;
    border-top: 1px solid #eef2f7;
}

.billing-panel__service-price strong[b-be64bybhxb] {
    color: #0f172a;
}

.billing-panel__service-price span[b-be64bybhxb] {
    color: #94a3b8;
    font-size: 0.75rem;
}

.billing-panel__history-grid[b-be64bybhxb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 1.15rem;
}

.billing-panel__history-list[b-be64bybhxb] {
    display: grid;
}

.billing-panel__history-row[b-be64bybhxb] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    padding: 0.8rem 0;
    border-bottom: 1px solid #eef2f7;
}

.billing-panel__history-row:first-child[b-be64bybhxb] {
    padding-top: 0;
}

.billing-panel__history-row:last-child[b-be64bybhxb] {
    padding-bottom: 0;
    border-bottom: 0;
}

.billing-panel__muted[b-be64bybhxb] {
    color: #64748b;
}

.billing-panel__empty[b-be64bybhxb] {
    min-height: 7.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    padding: 1.25rem;
    color: #64748b;
    text-align: left;
}

.billing-panel__empty--compact[b-be64bybhxb] {
    min-height: 5rem;
    justify-content: flex-start;
    padding: 0.5rem 0;
}

@media (max-width: 1199.98px) {
    .billing-panel__stats[b-be64bybhxb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .billing-panel__workspace[b-be64bybhxb] {
        grid-template-columns: minmax(15rem, 0.62fr) minmax(0, 1.38fr);
    }

    .billing-panel__services-grid[b-be64bybhxb],
    .billing-panel__history-grid[b-be64bybhxb] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 899.98px) {
    .billing-panel__workspace[b-be64bybhxb] {
        grid-template-columns: 1fr;
    }

    .billing-panel__activity-column[b-be64bybhxb] {
        position: static;
    }

    .billing-panel__activity-card[b-be64bybhxb] {
        min-height: 0;
    }
}

@media (max-width: 767.98px) {
    .billing-panel__header[b-be64bybhxb]  .df-page-header__actions,
    .billing-panel__header[b-be64bybhxb]  .df-button {
        width: 100%;
    }

    .billing-panel__statement-form[b-be64bybhxb],
    .billing-panel__statement-summary-grid[b-be64bybhxb],
    .billing-panel__stats[b-be64bybhxb],
    .billing-panel__services-grid[b-be64bybhxb] {
        grid-template-columns: 1fr;
    }

    .billing-panel__statement-form[b-be64bybhxb]  .df-button {
        width: 100%;
    }

    .billing-panel__table-card[b-be64bybhxb]  .df-card__body {
        margin: 0.7rem -1.45rem -1.4rem;
    }
}

@media (max-width: 599.98px) {
    .billing-panel__history-heading[b-be64bybhxb],
    .billing-panel__service-heading[b-be64bybhxb] {
        align-items: flex-start;
        flex-direction: column;
    }

    .billing-panel__table thead[b-be64bybhxb] {
        display: none;
    }

    .billing-panel__table[b-be64bybhxb],
    .billing-panel__table tbody[b-be64bybhxb],
    .billing-panel__table tr[b-be64bybhxb],
    .billing-panel__table td[b-be64bybhxb] {
        display: block;
        width: 100%;
    }

    .billing-panel__table tr[b-be64bybhxb] {
        padding: 0.85rem 1rem;
        border-bottom: 1px solid #e8eef6;
    }

    .billing-panel__table td[b-be64bybhxb] {
        display: grid;
        grid-template-columns: 6rem minmax(0, 1fr);
        gap: 0.65rem;
        padding: 0.35rem 0;
        border: 0;
        text-align: left !important;
    }

    .billing-panel__table td[b-be64bybhxb]::before {
        content: attr(data-label);
        color: #94a3b8;
        font-size: 0.7rem;
        font-weight: 700;
        letter-spacing: 0.05em;
        text-transform: uppercase;
    }

    .billing-panel__table .billing-panel__document-cell[b-be64bybhxb] {
        display: flex;
        justify-content: flex-end;
        padding-top: 0.55rem;
    }

    .billing-panel__table .billing-panel__document-cell[b-be64bybhxb]::before {
        display: none;
    }

    .billing-panel__secondary-cell[b-be64bybhxb] {
        white-space: normal;
    }
}
/* _content/DevFlowMessaging.Web/Components/Accounts/AccountBranding.razor.rz.scp.css */
.account-branding__loading[b-p7zpjwvmi3] {
    min-height: 16rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    color: #64748b;
}

.account-branding__card[b-p7zpjwvmi3] {
    max-width: 68rem;
}

.account-branding__grid[b-p7zpjwvmi3] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(18rem, 0.8fr);
    gap: 2rem;
}

.account-branding__form[b-p7zpjwvmi3] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.account-branding__color-field > label[b-p7zpjwvmi3],
.account-branding__upload > span[b-p7zpjwvmi3] {
    display: block;
    margin-bottom: 0.45rem;
    color: #334155;
    font-size: 0.84rem;
    font-weight: 650;
}

.account-branding__color-field > div[b-p7zpjwvmi3] {
    display: grid;
    grid-template-columns: 3.25rem minmax(0, 1fr);
    gap: 0.7rem;
    align-items: start;
}

.account-branding__color-field input[type="color"][b-p7zpjwvmi3] {
    width: 3.25rem;
    height: 2.5rem;
    padding: 0.15rem;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
}

.account-branding__upload-button[b-p7zpjwvmi3] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    width: fit-content;
    padding: 0.55rem 0.8rem;
    border: 1px solid #cbd5e1;
    border-radius: 9px;
    color: #334155;
    font-size: 0.86rem;
    font-weight: 650;
    cursor: pointer;
}

.account-branding__upload-button[b-p7zpjwvmi3]  input {
    display: none;
}

.account-branding__upload small[b-p7zpjwvmi3] {
    display: block;
    margin-top: 0.45rem;
    color: #64748b;
}

.account-branding__preview[b-p7zpjwvmi3] {
    padding: 1.25rem;
    border-radius: 16px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

.account-branding__preview > span[b-p7zpjwvmi3] {
    display: block;
    margin-bottom: 1rem;
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.account-branding__preview-card[b-p7zpjwvmi3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem 1.4rem;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
    text-align: center;
}

.account-branding__preview-card img[b-p7zpjwvmi3],
.account-branding__initial[b-p7zpjwvmi3] {
    width: 4.5rem;
    height: 4.5rem;
    object-fit: contain;
    border-radius: 14px;
    margin-bottom: 1rem;
}

.account-branding__initial[b-p7zpjwvmi3] {
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--consent-primary) 12%, white);
    color: var(--consent-primary);
    font-size: 1.65rem;
    font-weight: 800;
}

.account-branding__preview-card strong[b-p7zpjwvmi3] {
    color: #0f172a;
    font-size: 1.1rem;
}

.account-branding__preview-card p[b-p7zpjwvmi3] {
    margin: 0.55rem 0 1.2rem;
    color: #64748b;
    font-size: 0.88rem;
    line-height: 1.5;
}

.account-branding__preview-button[b-p7zpjwvmi3] {
    width: 100%;
    padding: 0.65rem 1rem;
    border-radius: 9px;
    background: var(--consent-primary);
    color: #fff;
    font-weight: 700;
}

.account-branding__actions[b-p7zpjwvmi3] {
    display: flex;
    justify-content: flex-end;
    margin-top: 1.5rem;
    padding-top: 1.15rem;
    border-top: 1px solid #e8eef6;
}

@media (max-width: 820px) {
    .account-branding__grid[b-p7zpjwvmi3] {
        grid-template-columns: 1fr;
    }
}
/* _content/DevFlowMessaging.Web/Components/Accounts/AccountDevelopers.razor.rz.scp.css */
.account-developers[b-9u988lb79b] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.account-developers__loading[b-9u988lb79b] {
    min-height: 18rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.75rem;
    color: #64748b;
    font-size: 0.82rem;
}

.account-developers__token-card[b-9u988lb79b],
.account-developers__senders-card[b-9u988lb79b],
.account-developers__webhooks-card[b-9u988lb79b] {
    min-width: 0;
}

.account-developers__lifecycle-alert[b-9u988lb79b] {
    margin-top: 0.8rem;
}

.account-developers__secret-row[b-9u988lb79b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.8rem 0.9rem;
    border: 1px solid #dce6f2;
    border-radius: 0.82rem;
    background: #f8fafc;
}

.account-developers__secret-row code[b-9u988lb79b] {
    min-width: 0;
    overflow: hidden;
    color: #1e293b;
    font-size: 0.8rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-developers__secret-actions[b-9u988lb79b],
.account-developers__card-actions[b-9u988lb79b] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.55rem;
    flex-wrap: wrap;
}

.account-developers__token-meta[b-9u988lb79b] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.7rem;
    margin-top: 0.8rem;
}

.account-developers__token-meta > div[b-9u988lb79b] {
    display: grid;
    gap: 0.14rem;
    padding: 0.72rem 0.8rem;
    border-radius: 0.72rem;
    background: #f8fafc;
}

.account-developers__token-meta span[b-9u988lb79b],
.account-developers__webhook-meta[b-9u988lb79b] {
    color: #94a3b8;
    font-size: 0.7rem;
    font-weight: 560;
}

.account-developers__token-meta strong[b-9u988lb79b] {
    color: #334155;
    font-size: 0.8rem;
    font-weight: 680;
}

.account-developers__card-actions[b-9u988lb79b] {
    margin-top: 1rem;
    padding-top: 0.9rem;
    border-top: 1px solid #e8eef6;
}

.account-developers__webhook-list[b-9u988lb79b] {
    display: grid;
    gap: 0.8rem;
    margin-top: 0.8rem;
}

.account-developers__sender-list[b-9u988lb79b] {
    display: grid;
    gap: 0.75rem;
}

.account-developers__sender-row[b-9u988lb79b] {
    display: grid;
    grid-template-columns: minmax(12rem, 0.72fr) minmax(18rem, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: 0.9rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.85rem;
    background: #ffffff;
}

.account-developers__sender-identity[b-9u988lb79b] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.account-developers__sender-identity > div:last-child[b-9u988lb79b] {
    min-width: 0;
    display: grid;
    gap: 0.16rem;
}

.account-developers__sender-identity strong[b-9u988lb79b] {
    overflow: hidden;
    color: #1e293b;
    font-size: 0.83rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-developers__sender-identity span[b-9u988lb79b],
.account-developers__sender-id > span[b-9u988lb79b],
.account-developers__sender-meta > span[b-9u988lb79b] {
    color: #8b9ab0;
    font-size: 0.68rem;
    font-weight: 560;
}

.account-developers__sender-id[b-9u988lb79b] {
    min-width: 0;
    display: grid;
    gap: 0.28rem;
}

.account-developers__sender-id > div[b-9u988lb79b] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.account-developers__sender-id code[b-9u988lb79b] {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
    padding: 0.58rem 0.7rem;
    border: 1px solid #dce6f2;
    border-radius: 0.7rem;
    color: #334155;
    background: #f8fafc;
    font-size: 0.75rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-developers__sender-meta[b-9u988lb79b] {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 0.35rem;
}

.account-developers__webhook-row[b-9u988lb79b] {
    display: grid;
    gap: 0.75rem;
    padding: 0.9rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.85rem;
    background: #ffffff;
}

.account-developers__webhook-heading[b-9u988lb79b] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.account-developers__webhook-heading > div[b-9u988lb79b] {
    min-width: 0;
    display: grid;
    gap: 0.12rem;
}

.account-developers__webhook-heading strong[b-9u988lb79b] {
    color: #1e293b;
    font-size: 0.86rem;
    font-weight: 700;
}

.account-developers__webhook-heading span[b-9u988lb79b] {
    color: #7b8ba3;
    font-size: 0.73rem;
    line-height: 1.4;
}

.account-developers__webhook-controls[b-9u988lb79b] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(15rem, 0.42fr);
    align-items: center;
    gap: 0.9rem;
}

.account-developers__webhook-meta[b-9u988lb79b] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.account-developers__webhook-meta .is-error[b-9u988lb79b] {
    color: #dc2626;
}

.account-developers__webhook-meta .is-pending[b-9u988lb79b] {
    color: #b45309;
}

@media (max-width: 820px) {
    .account-developers__secret-row[b-9u988lb79b] {
        align-items: stretch;
        flex-direction: column;
    }

    .account-developers__secret-actions[b-9u988lb79b] {
        justify-content: flex-start;
    }

    .account-developers__token-meta[b-9u988lb79b],
    .account-developers__webhook-controls[b-9u988lb79b],
    .account-developers__sender-row[b-9u988lb79b] {
        grid-template-columns: 1fr;
    }

    .account-developers__sender-meta[b-9u988lb79b] {
        align-items: flex-start;
    }
}
/* _content/DevFlowMessaging.Web/Components/Accounts/AccountMarketingConsent.razor.rz.scp.css */
.account-consent-settings__loading[b-gx2xgojz8k] {
    min-height: 16rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    color: #64748b;
}

.account-consent-settings__stack[b-gx2xgojz8k] {
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
    max-width: 68rem;
}

.account-consent-settings__links[b-gx2xgojz8k] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin: 1.15rem 0;
}

.account-consent-settings__links > div[b-gx2xgojz8k] {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 0.35rem;
}

.account-consent-settings__links[b-gx2xgojz8k]  .mud-input-control {
    min-width: 0;
    flex: 1 1 auto;
}

.account-consent-settings__switches[b-gx2xgojz8k] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.account-consent-settings__examples[b-gx2xgojz8k] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    margin-top: 0.85rem;
}

.account-consent-settings__examples code[b-gx2xgojz8k] {
    padding: 0.7rem 0.8rem;
    border-radius: 8px;
    background: #f1f5f9;
    color: #334155;
    font-size: 0.78rem;
    overflow-wrap: anywhere;
}

.account-consent-settings__welcome-grid[b-gx2xgojz8k] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin: 1.1rem 0;
}

.account-consent-settings__actions[b-gx2xgojz8k] {
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 767.98px) {
    .account-consent-settings__links[b-gx2xgojz8k],
    .account-consent-settings__switches[b-gx2xgojz8k],
    .account-consent-settings__welcome-grid[b-gx2xgojz8k] {
        grid-template-columns: 1fr;
    }

    .account-consent-settings__actions[b-gx2xgojz8k]  .df-button {
        width: 100%;
    }
}
/* _content/DevFlowMessaging.Web/Components/Accounts/AccountUsers.razor.rz.scp.css */
.account-users[b-77mnf1evws] {
    display: grid;
    gap: 1.1rem;
    min-width: 0;
}

.account-users__header[b-77mnf1evws] {
    align-items: flex-end;
}

.account-users__header[b-77mnf1evws]  .df-page-header__meta {
    display: flex;
    margin-top: 0.7rem;
}

.account-users__access-note[b-77mnf1evws] {
    max-width: 68rem;
}

.account-users__grid-surface[b-77mnf1evws] {
    width: 100%;
    min-width: 0;
    padding: 0;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
    overflow: hidden;
}

.account-users__grid[b-77mnf1evws] {
    min-width: 0;
}

.account-users__grid[b-77mnf1evws]  .mud-table-container {
    border-radius: 18px;
    overflow: auto;
}

.account-users__grid[b-77mnf1evws]  .mud-table-head {
    background: #f8fafc;
}

.account-users__grid[b-77mnf1evws]  .mud-table-head .mud-table-cell {
    padding-top: 0.85rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid #e8eef6;
    color: #8ea2be;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
}

.account-users__grid[b-77mnf1evws]  .mud-table-body .mud-table-row {
    transition: background-color 0.16s ease;
}

.account-users__grid[b-77mnf1evws]  .mud-table-body .mud-table-row:hover {
    background: rgba(var(--df-primary-rgb), 0.03);
}

.account-users__grid[b-77mnf1evws]  .mud-table-cell {
    padding-top: 0.95rem;
    padding-bottom: 0.95rem;
    border-bottom: 1px solid #e8eef6;
    vertical-align: middle;
}

.account-users__grid[b-77mnf1evws]  .mud-table-body .mud-table-row:last-child .mud-table-cell {
    border-bottom: 0;
}

.account-users__grid[b-77mnf1evws]  .mud-table-pagination {
    border-top: 1px solid #e8eef6;
}

.account-users__user-cell[b-77mnf1evws] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 15rem;
}

.account-users__avatar[b-77mnf1evws] {
    flex: 0 0 auto;
}

.account-users__identity[b-77mnf1evws],
.account-users__role[b-77mnf1evws],
.account-users__activity[b-77mnf1evws] {
    min-width: 0;
}

.account-users__name-line[b-77mnf1evws] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.account-users__name[b-77mnf1evws] {
    margin: 0;
    overflow: hidden;
    color: #0f172a;
    font-weight: 600;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-users__you[b-77mnf1evws] {
    padding: 0.16rem 0.38rem;
    border-radius: 999px;
    background: var(--df-primary-soft);
    color: var(--df-primary);
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.account-users__email[b-77mnf1evws],
.account-users__muted[b-77mnf1evws] {
    margin: 0.18rem 0 0;
    overflow: hidden;
    color: #64748b;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-users__activity[b-77mnf1evws] {
    display: grid;
    gap: 0.15rem;
    min-width: 8.5rem;
}

.account-users__activity-value[b-77mnf1evws] {
    overflow: hidden;
    color: #334155;
    font-size: 0.82rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-users__activity-detail[b-77mnf1evws] {
    color: #94a3b8;
    font-size: 0.75rem;
    white-space: nowrap;
}

.account-users__status-cell[b-77mnf1evws] {
    display: flex;
    justify-content: flex-end;
}

.account-users__grid[b-77mnf1evws]  .account-users__status-header {
    text-align: right;
}

.account-users__empty[b-77mnf1evws] {
    display: grid;
    gap: 0.25rem;
    padding: 1rem 0.2rem 0.35rem;
}

.account-users__empty-title[b-77mnf1evws] {
    color: #0f172a;
    font-weight: 700;
}

@media (max-width: 767.98px) {
    .account-users__header[b-77mnf1evws]  .df-page-header__actions,
    .account-users__header[b-77mnf1evws]  .df-button {
        width: 100%;
    }
}
/* _content/DevFlowMessaging.Web/Components/Accounts/AddAccountUserDialog.razor.rz.scp.css */
.account-user-dialog__intro[b-igl9e7kb4x] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-bottom: 1.2rem;
}

.account-user-dialog__title[b-igl9e7kb4x] {
    color: #0f172a;
    font-weight: 700;
}

.account-user-dialog__subtitle[b-igl9e7kb4x],
.account-user-dialog__account-copy[b-igl9e7kb4x],
.account-user-dialog__password-note[b-igl9e7kb4x] {
    margin-top: 0.25rem;
    color: #64748b;
    line-height: 1.5;
}

.account-user-dialog__alert[b-igl9e7kb4x] {
    margin-bottom: 1rem;
}

.account-user-dialog__form[b-igl9e7kb4x] {
    display: grid;
    gap: 0.95rem;
    min-width: min(31rem, 72vw);
}

.account-user-dialog__account-found[b-igl9e7kb4x] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.8rem;
    padding: 0.95rem;
    border: 1px solid rgba(16, 185, 129, 0.2);
    border-radius: 14px;
    background: rgba(16, 185, 129, 0.055);
}

.account-user-dialog__account-name[b-igl9e7kb4x] {
    color: #0f172a;
    font-weight: 700;
}

.account-user-dialog__new-alert[b-igl9e7kb4x] {
    margin: 0;
}

.account-user-dialog__password-grid[b-igl9e7kb4x] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
}

.account-user-dialog[b-igl9e7kb4x]  .mud-dialog-actions {
    gap: 0.55rem;
    padding: 0.8rem 1.5rem 1.35rem;
}

@media (max-width: 599.98px) {
    .account-user-dialog__form[b-igl9e7kb4x] {
        min-width: 0;
    }

    .account-user-dialog__password-grid[b-igl9e7kb4x] {
        grid-template-columns: 1fr;
    }

    .account-user-dialog__account-found[b-igl9e7kb4x] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .account-user-dialog__account-found[b-igl9e7kb4x]  .df-badge {
        grid-column: 1 / -1;
        width: fit-content;
    }

    .account-user-dialog[b-igl9e7kb4x]  .mud-dialog-actions {
        flex-direction: column-reverse;
    }

    .account-user-dialog[b-igl9e7kb4x]  .mud-dialog-actions .df-button {
        width: 100%;
    }
}
/* _content/DevFlowMessaging.Web/Components/Accounts/AuthFormShell.razor.rz.scp.css */
.auth-form-shell[b-liqabcfd4m] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem clamp(1.5rem, 4vw, 4rem);
}

.auth-form-shell__card[b-liqabcfd4m] {
    width: min(30rem, 100%);
    padding: 2rem;
    border-radius: 24px;
    border: 1px solid #dbe4ef;
    background: #ffffff;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
}

.auth-form-shell__heading[b-liqabcfd4m] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.auth-form-shell__kicker[b-liqabcfd4m] {
    align-self: flex-start;
}

.auth-form-shell__title[b-liqabcfd4m] {
    color: #0f172a;
    line-height: 1.15;
}

.auth-form-shell__subtitle[b-liqabcfd4m] {
    color: #64748b;
    line-height: 1.55;
}

.auth-form-shell__info[b-liqabcfd4m] {
    padding: 0.95rem 1rem;
    border-radius: 16px;
    border: 1px solid rgba(var(--df-primary-rgb), 0.18);
    background: rgba(var(--df-primary-rgb), 0.06);
    color: #334155;
}

.auth-form-shell__actions[b-liqabcfd4m] {
    display: grid;
    gap: 0.75rem;
}

.auth-form-shell__footer[b-liqabcfd4m] {
    display: flex;
    justify-content: center;
    color: #64748b;
    text-align: center;
}

.auth-form-shell__footer :deep a[b-liqabcfd4m] {
    color: var(--df-primary);
    font-weight: 600;
    text-decoration: none;
}

@media (max-width: 767.98px) {
    .auth-form-shell[b-liqabcfd4m] {
        padding: 1rem;
    }

    .auth-form-shell__card[b-liqabcfd4m] {
        padding: 1.5rem;
        border-radius: 20px;
    }
}
/* _content/DevFlowMessaging.Web/Components/Accounts/TenantWebhookLogDrawer.razor.rz.scp.css */
.tenant-webhook-log-drawer__shell[b-0f0qqezb3q] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.tenant-webhook-log-drawer__header[b-0f0qqezb3q] {
    padding: 0 0 1rem;
    border-bottom: 1px solid #e2e8f0;
    background: #ffffff;
}

.tenant-webhook-log-drawer__content[b-0f0qqezb3q] {
    flex: 1 1 auto;
    min-height: 0;
    padding-top: 1rem;
    overflow: auto;
    overscroll-behavior: contain;
}

.tenant-webhook-log-drawer__loading[b-0f0qqezb3q] {
    min-height: 16rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.75rem;
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 600;
}

.tenant-webhook-log-drawer__tabs[b-0f0qqezb3q] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.tenant-webhook-log-drawer__tabs[b-0f0qqezb3q]  .df-tabs__bar {
    width: 100%;
}

.tenant-webhook-log-drawer__panel[b-0f0qqezb3q] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.tenant-webhook-log-drawer__summary-grid[b-0f0qqezb3q] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem 1.25rem;
}

.tenant-webhook-log-drawer__field[b-0f0qqezb3q] {
    min-width: 0;
    display: grid;
    gap: 0.3rem;
}

.tenant-webhook-log-drawer__field--wide[b-0f0qqezb3q] {
    grid-column: 1 / -1;
}

.tenant-webhook-log-drawer__retry[b-0f0qqezb3q] {
    padding: 0.75rem 0.85rem;
    border: 1px solid rgba(217, 119, 6, 0.18);
    border-radius: 0.75rem;
    background: rgba(245, 158, 11, 0.07);
}

.tenant-webhook-log-drawer__label[b-0f0qqezb3q] {
    color: #8ea2be;
    font-size: 0.68rem;
    font-weight: 720;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.tenant-webhook-log-drawer__value[b-0f0qqezb3q] {
    color: #0f172a;
    font-size: 0.84rem;
    font-weight: 650;
}

.tenant-webhook-log-drawer__value--wrap[b-0f0qqezb3q] {
    overflow-wrap: anywhere;
}

.tenant-webhook-log-drawer__field code[b-0f0qqezb3q] {
    padding: 0.6rem 0.7rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.65rem;
    background: #f8fafc;
    color: #475569;
    font-size: 0.75rem;
    overflow-wrap: anywhere;
}

.tenant-webhook-log-drawer__response-head[b-0f0qqezb3q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.8rem;
    color: #64748b;
    font-size: 0.74rem;
    font-weight: 600;
}

.tenant-webhook-log-drawer__message[b-0f0qqezb3q] {
    padding: 0.75rem 0.85rem;
    border-radius: 0.7rem;
    font-size: 0.78rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.tenant-webhook-log-drawer__message--error[b-0f0qqezb3q] {
    border: 1px solid rgba(220, 38, 38, 0.14);
    background: rgba(254, 226, 226, 0.55);
    color: #b91c1c;
}

.tenant-webhook-log-drawer__code-block[b-0f0qqezb3q],
.tenant-webhook-log-drawer__payload[b-0f0qqezb3q] {
    max-width: 100%;
    margin: 0.75rem 0 0;
    padding: 0.9rem 1rem;
    border: 1px solid #dbe5f0;
    border-radius: 0.75rem;
    background: #0f172a;
    color: #dbeafe;
    font: 0.76rem/1.55 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    overflow: auto;
}

.tenant-webhook-log-drawer__payload[b-0f0qqezb3q] {
    max-height: 34rem;
    margin-top: 0;
}

.tenant-webhook-log-drawer__attempt-list[b-0f0qqezb3q] {
    display: grid;
    gap: 0.8rem;
}

.tenant-webhook-log-drawer__attempt[b-0f0qqezb3q] {
    padding: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.85rem;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.035);
}

.tenant-webhook-log-drawer__attempt-head[b-0f0qqezb3q] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.tenant-webhook-log-drawer__attempt-head > div[b-0f0qqezb3q] {
    display: grid;
    gap: 0.15rem;
}

.tenant-webhook-log-drawer__attempt-head strong[b-0f0qqezb3q] {
    color: #0f172a;
    font-size: 0.84rem;
}

.tenant-webhook-log-drawer__attempt-head span[b-0f0qqezb3q],
.tenant-webhook-log-drawer__attempt-meta[b-0f0qqezb3q],
.tenant-webhook-log-drawer__empty-copy[b-0f0qqezb3q] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 580;
}

.tenant-webhook-log-drawer__attempt-meta[b-0f0qqezb3q] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 0.8rem;
    margin-top: 0.65rem;
}

@media (max-width: 639.98px) {
    .tenant-webhook-log-drawer__summary-grid[b-0f0qqezb3q] {
        grid-template-columns: 1fr;
    }

    .tenant-webhook-log-drawer__field--wide[b-0f0qqezb3q] {
        grid-column: auto;
    }
}
/* _content/DevFlowMessaging.Web/Components/Accounts/TenantWebhookLogs.razor.rz.scp.css */
.tenant-webhook-logs[b-t7c2ramcra] {
    min-height: 100vh;
    background: var(--df-page-background);
}

.tenant-webhook-logs__content[b-t7c2ramcra] {
    padding: 1.4rem 1.7rem 2.25rem;
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.tenant-webhook-logs__loading[b-t7c2ramcra] {
    min-height: 20rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.75rem;
    color: #64748b;
    font-size: 0.84rem;
    font-weight: 600;
}

.tenant-webhook-logs__summary-grid[b-t7c2ramcra] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.8rem;
}

.tenant-webhook-logs__history-card[b-t7c2ramcra] {
    min-width: 0;
}

.tenant-webhook-logs__filters[b-t7c2ramcra] {
    display: grid;
    grid-template-columns: minmax(18rem, 1.6fr) repeat(3, minmax(10rem, 0.62fr));
    gap: 0.75rem;
    align-items: center;
}

.tenant-webhook-logs__filters[b-t7c2ramcra]  .mud-input-outlined-border {
    border-color: #dbe5f0;
    border-radius: 0.75rem;
}

.tenant-webhook-logs__grid-surface[b-t7c2ramcra] {
    min-width: 0;
    border: 1px solid #e2e8f0;
    border-radius: 0.9rem;
    background: #ffffff;
    overflow: hidden;
}

.tenant-webhook-logs__grid[b-t7c2ramcra] {
    min-width: 0;
}

.tenant-webhook-logs__grid[b-t7c2ramcra]  .mud-table-container {
    border-radius: 0.9rem 0.9rem 0 0;
    overflow: auto;
}

.tenant-webhook-logs__grid[b-t7c2ramcra]  .mud-table-head {
    background: #f8fafc;
}

.tenant-webhook-logs__grid[b-t7c2ramcra]  .mud-table-head .mud-table-cell {
    padding-top: 0.72rem;
    padding-bottom: 0.72rem;
    border-bottom: 1px solid #e8eef6;
    color: #8ea2be;
    font-size: 0.75rem;
    font-weight: 720;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.tenant-webhook-logs__grid[b-t7c2ramcra]  .mud-table-body .mud-table-row {
    cursor: pointer;
    transition: background-color 0.16s ease;
}

.tenant-webhook-logs__grid[b-t7c2ramcra]  .mud-table-body .mud-table-row:hover {
    background: rgba(var(--df-primary-rgb), 0.035);
}

.tenant-webhook-logs__grid[b-t7c2ramcra]  .mud-table-cell {
    padding-top: 0.78rem;
    padding-bottom: 0.78rem;
    border-bottom: 1px solid #e8eef6;
    vertical-align: middle;
}

.tenant-webhook-logs__grid[b-t7c2ramcra]  .mud-table-pagination {
    border-top: 1px solid #e8eef6;
}

.tenant-webhook-logs__date-cell[b-t7c2ramcra],
.tenant-webhook-logs__endpoint-cell[b-t7c2ramcra],
.tenant-webhook-logs__attempt-cell[b-t7c2ramcra],
.tenant-webhook-logs__response-cell[b-t7c2ramcra] {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.tenant-webhook-logs__date-cell[b-t7c2ramcra] {
    min-width: 9.5rem;
}

.tenant-webhook-logs__date-cell strong[b-t7c2ramcra],
.tenant-webhook-logs__endpoint-cell strong[b-t7c2ramcra],
.tenant-webhook-logs__attempt-cell strong[b-t7c2ramcra],
.tenant-webhook-logs__response-cell strong[b-t7c2ramcra] {
    color: #1e293b;
    font-size: 0.82rem;
    font-weight: 670;
}

.tenant-webhook-logs__date-cell span[b-t7c2ramcra],
.tenant-webhook-logs__endpoint-cell span[b-t7c2ramcra],
.tenant-webhook-logs__attempt-cell span[b-t7c2ramcra],
.tenant-webhook-logs__response-cell span[b-t7c2ramcra],
.tenant-webhook-logs__event-cell span[b-t7c2ramcra] {
    color: #94a3b8;
    font-size: 0.69rem;
    font-weight: 580;
}

.tenant-webhook-logs__event-cell[b-t7c2ramcra] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 11rem;
}

.tenant-webhook-logs__event-cell > div:last-child[b-t7c2ramcra] {
    min-width: 0;
    display: grid;
    gap: 0.12rem;
}

.tenant-webhook-logs__event-cell strong[b-t7c2ramcra] {
    color: #1e293b;
    font-size: 0.82rem;
    font-weight: 670;
}

.tenant-webhook-logs__event-icon[b-t7c2ramcra] {
    width: 2rem;
    height: 2rem;
    flex: 0 0 2rem;
    display: grid;
    place-items: center;
    border-radius: 0.62rem;
    color: var(--df-primary);
    background: rgba(var(--df-primary-rgb), 0.09);
}

.tenant-webhook-logs__event-icon[b-t7c2ramcra]  .mud-icon-root {
    font-size: 1.05rem;
}

.tenant-webhook-logs__endpoint-cell[b-t7c2ramcra] {
    max-width: 18rem;
    min-width: 11rem;
}

.tenant-webhook-logs__endpoint-cell strong[b-t7c2ramcra],
.tenant-webhook-logs__endpoint-cell span[b-t7c2ramcra],
.tenant-webhook-logs__response-cell span[b-t7c2ramcra] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tenant-webhook-logs__attempt-cell[b-t7c2ramcra] {
    min-width: 8rem;
}

.tenant-webhook-logs__response-cell[b-t7c2ramcra] {
    max-width: 17rem;
    min-width: 9rem;
}

.tenant-webhook-logs__response-cell strong.is-success[b-t7c2ramcra] {
    color: #059669;
}

.tenant-webhook-logs__response-cell strong.is-error[b-t7c2ramcra] {
    color: #dc2626;
}

.tenant-webhook-logs__status-cell[b-t7c2ramcra] {
    display: flex;
    justify-content: flex-end;
    min-width: 7rem;
}

.tenant-webhook-logs__empty[b-t7c2ramcra] {
    min-height: 14rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.35rem;
    color: #64748b;
    text-align: center;
}

.tenant-webhook-logs__empty-icon[b-t7c2ramcra] {
    width: 3rem;
    height: 3rem;
    margin-bottom: 0.25rem;
    display: grid;
    place-items: center;
    border-radius: 0.9rem;
    color: var(--df-primary);
    background: rgba(var(--df-primary-rgb), 0.08);
}

.tenant-webhook-logs__empty strong[b-t7c2ramcra] {
    color: #1e293b;
}

.tenant-webhook-logs__empty span[b-t7c2ramcra] {
    font-size: 0.8rem;
}

@media (max-width: 1399.98px) {
    .tenant-webhook-logs__summary-grid[b-t7c2ramcra] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tenant-webhook-logs__filters[b-t7c2ramcra] {
        grid-template-columns: minmax(16rem, 1.3fr) repeat(3, minmax(9rem, 0.7fr));
    }
}

@media (max-width: 1099.98px) {
    .tenant-webhook-logs__content[b-t7c2ramcra] {
        padding: 1.2rem 1.1rem 1.8rem;
    }

    .tenant-webhook-logs__filters[b-t7c2ramcra] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tenant-webhook-logs__search[b-t7c2ramcra] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767.98px) {
    .tenant-webhook-logs__content[b-t7c2ramcra] {
        padding: 1rem 0.9rem 1.35rem;
    }

    .tenant-webhook-logs__summary-grid[b-t7c2ramcra],
    .tenant-webhook-logs__filters[b-t7c2ramcra] {
        grid-template-columns: 1fr;
    }

    .tenant-webhook-logs__search[b-t7c2ramcra] {
        grid-column: auto;
    }

    .tenant-webhook-logs__grid[b-t7c2ramcra] {
        min-width: 62rem;
    }
}
/* _content/DevFlowMessaging.Web/Components/AI/AI.razor.rz.scp.css */
.ai-page[b-fudlfwsitq] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: var(--df-page-background);
}

.ai-page__content[b-fudlfwsitq] {
    padding: 1.35rem 1.7rem 2.2rem;
    display: grid;
    gap: 1rem;
    flex: 1 1 auto;
    min-height: 0;
}

.ai-page__summary-grid[b-fudlfwsitq] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.ai-page__grid-section[b-fudlfwsitq] {
    display: grid;
    gap: 0.85rem;
    min-width: 0;
}

.ai-page__grid-header[b-fudlfwsitq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-width: 0;
}

.ai-page__grid-heading[b-fudlfwsitq] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
}

.ai-page__grid-copy[b-fudlfwsitq] {
    min-width: 0;
    display: grid;
    gap: 0.12rem;
}

.ai-page__grid-title[b-fudlfwsitq] {
    margin: 0;
    color: #0f172a;
    font-weight: 700;
}

.ai-page__grid-subtitle[b-fudlfwsitq] {
    margin: 0;
    color: #64748b;
}

.ai-page__grid-surface[b-fudlfwsitq] {
    min-width: 0;
    padding: 0;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
    overflow: hidden;
}

.ai-page__agent-cell[b-fudlfwsitq] {
    display: flex;
    align-items: flex-start;
    gap: 0.8rem;
    min-width: 0;
}

.ai-page__agent-avatar[b-fudlfwsitq] {
    flex: 0 0 auto;
}

.ai-page__agent-copy[b-fudlfwsitq] {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
}

.ai-page__agent-name-row[b-fudlfwsitq] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    flex-wrap: wrap;
}

.ai-page__agent-name[b-fudlfwsitq] {
    margin: 0;
    color: #0f172a;
    font-weight: 700;
}

.ai-page__agent-description[b-fudlfwsitq] {
    color: #64748b;
    max-width: 56ch;
}

.ai-page__agent-scope[b-fudlfwsitq] {
    color: #64748b;
}

.ai-page__muted[b-fudlfwsitq] {
    color: #8ea2be;
}

.ai-page__empty-copy[b-fudlfwsitq] {
    color: #64748b;
}

.ai-page__grid[b-fudlfwsitq]  .mud-table-container {
    border-radius: 18px;
    overflow: hidden;
}

.ai-page__grid[b-fudlfwsitq]  .mud-table-head {
    background: #f8fafc;
}

.ai-page__grid[b-fudlfwsitq]  .mud-table-head .mud-table-cell {
    padding-top: 0.85rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid #e8eef6;
    color: #8ea2be;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ai-page__grid[b-fudlfwsitq]  .mud-table-body .mud-table-row {
    cursor: pointer;
    transition: background-color 0.16s ease;
}

.ai-page__grid[b-fudlfwsitq]  .mud-table-body .mud-table-row:hover {
    background: rgba(var(--df-primary-rgb), 0.03);
}

.ai-page__grid[b-fudlfwsitq]  .mud-table-cell {
    padding-top: 0.95rem;
    padding-bottom: 0.95rem;
    border-bottom: 1px solid #e8eef6;
    vertical-align: middle;
}

.ai-page__grid[b-fudlfwsitq]  .mud-table-body .mud-table-row:last-child .mud-table-cell {
    border-bottom: 0;
}

.ai-page__grid[b-fudlfwsitq]  .mud-table-pagination {
    border-top: 1px solid #e8eef6;
}

@media (max-width: 1199.98px) {
    .ai-page__content[b-fudlfwsitq] {
        padding: 1.2rem 1.1rem 1.8rem;
    }

    .ai-page__summary-grid[b-fudlfwsitq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .ai-page__content[b-fudlfwsitq] {
        padding: 1rem 0.9rem 1.35rem;
    }

    .ai-page__summary-grid[b-fudlfwsitq] {
        grid-template-columns: 1fr;
    }

    .ai-page__grid-header[b-fudlfwsitq] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* _content/DevFlowMessaging.Web/Components/AI/AiKnowledgeManager.razor.rz.scp.css */
.ai-knowledge-manager[b-uycu9hp962] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.ai-knowledge-manager__status-row[b-uycu9hp962] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.ai-knowledge-manager__grid[b-uycu9hp962] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    min-width: 0;
}

.ai-knowledge-manager__card[b-uycu9hp962],
.ai-knowledge-manager__switch[b-uycu9hp962],
.ai-knowledge-manager__table-section[b-uycu9hp962] {
    min-width: 0;
}

.ai-knowledge-manager__muted-copy[b-uycu9hp962],
.ai-knowledge-manager__empty-copy[b-uycu9hp962] {
    color: #64748b;
}

.ai-knowledge-manager__switch[b-uycu9hp962] {
    max-width: 100%;
}

.ai-knowledge-manager__table-section[b-uycu9hp962] {
    display: grid;
    gap: 0.85rem;
}

.ai-knowledge-manager__table-header[b-uycu9hp962] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-width: 0;
}

.ai-knowledge-manager__table-heading[b-uycu9hp962] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
}

.ai-knowledge-manager__table-copy[b-uycu9hp962] {
    min-width: 0;
    display: grid;
    gap: 0.12rem;
}

.ai-knowledge-manager__table-title[b-uycu9hp962] {
    margin: 0;
    color: #0f172a;
    font-weight: 700;
}

.ai-knowledge-manager__table-subtitle[b-uycu9hp962] {
    margin: 0;
    color: #64748b;
}

.ai-knowledge-manager__table-surface[b-uycu9hp962] {
    min-width: 0;
    padding: 0;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
    overflow: hidden;
}

.ai-knowledge-manager__table[b-uycu9hp962] {
    min-width: 0;
}

.ai-knowledge-manager__table[b-uycu9hp962]  .mud-table-container {
    border-radius: 18px;
    overflow: hidden;
}

.ai-knowledge-manager__table[b-uycu9hp962]  .mud-table-head {
    background: #f8fafc;
}

.ai-knowledge-manager__table[b-uycu9hp962]  .mud-table-head .mud-table-cell {
    padding-top: 0.85rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid #e8eef6;
    color: #8ea2be;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ai-knowledge-manager__table[b-uycu9hp962]  .mud-table-body .mud-table-row {
    transition: background-color 0.16s ease;
}

.ai-knowledge-manager__table[b-uycu9hp962]  .mud-table-body .mud-table-row:hover {
    background: rgba(var(--df-primary-rgb), 0.03);
}

.ai-knowledge-manager__table[b-uycu9hp962]  .mud-table-cell {
    padding-top: 0.95rem;
    padding-bottom: 0.95rem;
    border-bottom: 1px solid #e8eef6;
    vertical-align: middle;
}

.ai-knowledge-manager__table[b-uycu9hp962]  .mud-table-body .mud-table-row:last-child .mud-table-cell {
    border-bottom: 0;
}

.ai-knowledge-manager__table[b-uycu9hp962]  .mud-table-pagination {
    border-top: 1px solid #e8eef6;
}

@media (max-width: 1199.98px) {
    .ai-knowledge-manager__grid[b-uycu9hp962] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .ai-knowledge-manager__grid[b-uycu9hp962] {
        grid-template-columns: 1fr;
    }

    .ai-knowledge-manager__table-header[b-uycu9hp962] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* _content/DevFlowMessaging.Web/Components/AI/CreateAIAgent.razor.rz.scp.css */
.ai-create-page[b-55rgbpw3jk] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: var(--df-page-background);
}

.ai-create-page__content[b-55rgbpw3jk] {
    padding: 1.35rem 1.7rem 2rem;
    display: grid;
    gap: 1rem;
    flex: 1 1 auto;
    min-height: 0;
}

.ai-create-page__status-row[b-55rgbpw3jk] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.ai-create-page__stepper[b-55rgbpw3jk] {
    gap: 1rem;
}

.ai-create-page__stepper-panels[b-55rgbpw3jk] {
    min-width: 0;
}

.ai-create-page__step-panel[b-55rgbpw3jk] {
    width: 100%;
    display: grid;
}

.ai-create-page__card[b-55rgbpw3jk] {
    min-width: 0;
}

.ai-create-page__form-grid[b-55rgbpw3jk] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

.ai-create-page__form-grid--two[b-55rgbpw3jk] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ai-create-page__toggle-row[b-55rgbpw3jk] {
    display: grid;
    gap: 0.9rem;
    margin-top: 0.85rem;
}

.ai-create-page__footer-alert[b-55rgbpw3jk] {
    max-width: 42rem;
}

@media (max-width: 1199.98px) {
    .ai-create-page__content[b-55rgbpw3jk] {
        padding: 1.2rem 1.1rem 1.8rem;
    }
}

@media (max-width: 767.98px) {
    .ai-create-page__content[b-55rgbpw3jk] {
        padding: 1rem 0.9rem 1.35rem;
    }

    .ai-create-page__form-grid--two[b-55rgbpw3jk] {
        grid-template-columns: 1fr;
    }
}
/* _content/DevFlowMessaging.Web/Components/AI/EditAI.razor.rz.scp.css */
.ai-editor-page[b-7b86q7le8b] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: var(--df-page-background);
}

.ai-editor-page__content[b-7b86q7le8b] {
    padding: 1.35rem 1.7rem 2rem;
    display: grid;
    gap: 1rem;
    flex: 1 1 auto;
    min-height: 0;
}

.ai-editor-page__loading-card[b-7b86q7le8b] {
    border-radius: 18px;
}

.ai-editor-page__summary-grid[b-7b86q7le8b] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.ai-editor-page__tabs[b-7b86q7le8b] {
    margin-top: 0.05rem;
    min-width: 0;
}

.ai-editor-page__tabs[b-7b86q7le8b]  .df-tabs__bar {
    width: 100%;
}

.ai-editor-page__tab-panel[b-7b86q7le8b] {
    min-width: 0;
}

.ai-editor-page__overview-grid[b-7b86q7le8b] {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(18rem, 0.9fr);
    gap: 1rem;
    align-items: start;
}

.ai-editor-page__card[b-7b86q7le8b],
.ai-editor-page__table-card[b-7b86q7le8b] {
    min-width: 0;
}

.ai-editor-page__section[b-7b86q7le8b] {
    display: grid;
    gap: 0.85rem;
    min-width: 0;
}

.ai-editor-page__section-header[b-7b86q7le8b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-width: 0;
}

.ai-editor-page__section-heading[b-7b86q7le8b] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
}

.ai-editor-page__section-copy[b-7b86q7le8b] {
    min-width: 0;
    display: grid;
    gap: 0.12rem;
}

.ai-editor-page__section-title[b-7b86q7le8b] {
    margin: 0;
    color: #0f172a;
    font-weight: 700;
}

.ai-editor-page__section-subtitle[b-7b86q7le8b] {
    margin: 0;
    color: #64748b;
}

.ai-editor-page__surface[b-7b86q7le8b] {
    min-width: 0;
    padding: 0;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
    overflow: hidden;
}

.ai-editor-page__card-actions[b-7b86q7le8b] {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
}

.ai-editor-page__form-grid[b-7b86q7le8b] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

.ai-editor-page__form-grid--two[b-7b86q7le8b] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ai-editor-page__toggle-row[b-7b86q7le8b] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 0.85rem;
}

.ai-editor-page__snapshot-grid[b-7b86q7le8b],
.ai-editor-page__version-summary[b-7b86q7le8b] {
    display: grid;
    gap: 0.9rem;
}

.ai-editor-page__snapshot-row[b-7b86q7le8b],
.ai-editor-page__version-summary-row[b-7b86q7le8b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 0.72rem 0.82rem;
    border: 1px solid #e8eef6;
    border-radius: 14px;
    background: #ffffff;
}

.ai-editor-page__label[b-7b86q7le8b] {
    color: #8ea2be;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ai-editor-page__value[b-7b86q7le8b] {
    margin: 0;
    color: #0f172a;
    font-weight: 600;
}

.ai-editor-page__muted[b-7b86q7le8b] {
    color: #64748b;
}

.ai-editor-page__empty-copy[b-7b86q7le8b] {
    color: #64748b;
}

.ai-editor-page__external-link[b-7b86q7le8b] {
    color: var(--df-primary);
    font-weight: 600;
    text-decoration: none;
    word-break: break-word;
}

.ai-editor-page__external-link:hover[b-7b86q7le8b] {
    text-decoration: underline;
}

.ai-editor-page__footer-alert[b-7b86q7le8b] {
    max-width: 42rem;
}

.ai-editor-page__table[b-7b86q7le8b]  .mud-table-container {
    border-radius: 18px;
    overflow: hidden;
}

.ai-editor-page__table[b-7b86q7le8b]  .mud-table-head {
    background: #f8fafc;
}

.ai-editor-page__table[b-7b86q7le8b]  .mud-table-head .mud-table-cell {
    padding-top: 0.85rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid #e8eef6;
    color: #8ea2be;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ai-editor-page__table[b-7b86q7le8b]  .mud-table-body .mud-table-row {
    cursor: default;
    transition: background-color 0.16s ease;
}

.ai-editor-page__table[b-7b86q7le8b]  .mud-table-body .mud-table-row:hover {
    background: rgba(var(--df-primary-rgb), 0.03);
}

.ai-editor-page__table[b-7b86q7le8b]  .mud-table-cell {
    padding-top: 0.95rem;
    padding-bottom: 0.95rem;
    border-bottom: 1px solid #e8eef6;
    vertical-align: middle;
}

.ai-editor-page__table[b-7b86q7le8b]  .mud-table-body .mud-table-row:last-child .mud-table-cell {
    border-bottom: 0;
}

.ai-editor-page__table[b-7b86q7le8b]  .mud-table-pagination {
    border-top: 1px solid #e8eef6;
}

@media (max-width: 1199.98px) {
    .ai-editor-page__content[b-7b86q7le8b] {
        padding: 1.2rem 1.1rem 1.8rem;
    }

    .ai-editor-page__summary-grid[b-7b86q7le8b],
    .ai-editor-page__overview-grid[b-7b86q7le8b] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .ai-editor-page__content[b-7b86q7le8b] {
        padding: 1rem 0.9rem 1.35rem;
    }

    .ai-editor-page__summary-grid[b-7b86q7le8b],
    .ai-editor-page__overview-grid[b-7b86q7le8b],
    .ai-editor-page__form-grid--two[b-7b86q7le8b] {
        grid-template-columns: 1fr;
    }

    .ai-editor-page__snapshot-row[b-7b86q7le8b],
    .ai-editor-page__version-summary-row[b-7b86q7le8b] {
        align-items: flex-start;
        flex-direction: column;
    }

    .ai-editor-page__section-header[b-7b86q7le8b] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* _content/DevFlowMessaging.Web/Components/Audiences/AddContactDialog.razor.rz.scp.css */
.contact-editor__form[b-8hb16fice8] {
    display: grid;
    gap: 1.25rem;
}

.contact-editor__section[b-8hb16fice8] {
    display: grid;
    gap: 1rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #e8eef6;
}

.contact-editor__section + .contact-editor__section[b-8hb16fice8] {
    margin-top: 1.5rem;
}

.contact-editor__section:last-child[b-8hb16fice8] {
    padding-bottom: 0;
    border-bottom: 0;
}

.contact-editor__section-heading[b-8hb16fice8] {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    color: var(--df-primary);
}

.contact-editor__section-heading > div[b-8hb16fice8] {
    min-width: 0;
}

.contact-editor__section-heading[b-8hb16fice8]  .mud-icon-root {
    flex: 0 0 auto;
    margin-top: 0.05rem;
    font-size: 1.2rem;
}

.contact-editor__section-title[b-8hb16fice8] {
    margin: 0;
    color: #0f172a;
    font-weight: 700;
}

.contact-editor__section-copy[b-8hb16fice8],
.contact-editor__empty-copy[b-8hb16fice8] {
    margin-top: 0.2rem;
    color: #718198;
}

.contact-editor__grid[b-8hb16fice8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
    align-items: start;
}

.contact-editor__span-2[b-8hb16fice8] {
    min-width: 0;
    grid-column: 1 / -1;
}

.contact-editor__section--segments[b-8hb16fice8] {
    gap: 0.8rem;
}

@media (max-width: 639.98px) {
    .contact-editor__grid[b-8hb16fice8] {
        grid-template-columns: 1fr;
    }

    .contact-editor__span-2[b-8hb16fice8] {
        grid-column: auto;
    }
}
/* _content/DevFlowMessaging.Web/Components/Audiences/AddSegmentDialog.razor.rz.scp.css */
.segment-editor-dialog[b-oj2k7fgep4] {
    max-width: min(760px, 96vw);
}

.segment-editor-dialog__header[b-oj2k7fgep4] {
    display: flex;
    align-items: center;
    gap: 0.72rem;
}

.segment-editor-dialog__header-icon[b-oj2k7fgep4] {
    width: 2.45rem;
    height: 2.45rem;
    flex: 0 0 2.45rem;
    display: grid;
    place-items: center;
    border: 1px solid rgba(37, 99, 235, 0.14);
    border-radius: 0.8rem;
    color: #2563eb;
    background: rgba(37, 99, 235, 0.08);
}

.segment-editor-dialog__header-icon[b-oj2k7fgep4]  .mud-icon-root {
    font-size: 1.15rem;
}

.segment-editor-dialog__header > div:last-child[b-oj2k7fgep4] {
    min-width: 0;
    display: grid;
    gap: 0.08rem;
}

.segment-editor-dialog__header strong[b-oj2k7fgep4] {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 740;
}

.segment-editor-dialog__header span[b-oj2k7fgep4] {
    color: #7b8ba3;
    font-size: 0.72rem;
}

.segment-editor-dialog__content[b-oj2k7fgep4],
.segment-editor-dialog__form[b-oj2k7fgep4] {
    display: grid;
    gap: 0.72rem;
}

.segment-editor-dialog__form[b-oj2k7fgep4] {
    padding: 0.9rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.9rem;
    background: #ffffff;
}

.segment-editor-dialog__loading[b-oj2k7fgep4] {
    min-height: 18rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.7rem;
    color: #64748b;
    font-size: 0.78rem;
}

.segment-editor-dialog__type-note[b-oj2k7fgep4] {
    margin: 0;
    border-radius: 0.75rem;
    font-size: 0.73rem;
}

.segment-editor-dialog__rules-panel[b-oj2k7fgep4] {
    padding: 0.78rem;
    border-color: #e2e8f0;
    border-radius: 0.82rem;
    background: #f8fafc;
}

.segment-editor-dialog__rules-heading > div:first-child[b-oj2k7fgep4] {
    min-width: 0;
    display: grid;
    gap: 0.05rem;
}

.segment-editor-dialog__rules-heading[b-oj2k7fgep4]  .mud-typography-subtitle2 {
    color: #26364d;
    font-size: 0.8rem;
}

.segment-editor-dialog__rules-heading[b-oj2k7fgep4]  .mud-typography-caption {
    color: #7b8ba3;
    font-size: 0.68rem;
}

.segment-editor-dialog__rule-card[b-oj2k7fgep4] {
    padding: 0.62rem;
    border-color: #dfe8f2;
    border-radius: 0.75rem;
    background: #ffffff;
}

.segment-editor-dialog__rules-empty[b-oj2k7fgep4] {
    min-height: 7rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.22rem;
    border: 1px dashed #d5e0ec;
    border-radius: 0.72rem;
    color: #94a3b8;
    background: #ffffff;
    text-align: center;
}

.segment-editor-dialog__rules-empty[b-oj2k7fgep4]  .mud-icon-root {
    margin-bottom: 0.1rem;
    color: #2563eb;
}

.segment-editor-dialog__rules-empty strong[b-oj2k7fgep4] {
    color: #334155;
    font-size: 0.76rem;
}

.segment-editor-dialog__rules-empty span[b-oj2k7fgep4] {
    font-size: 0.67rem;
}

.segment-editor-dialog__switch-row[b-oj2k7fgep4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    padding-top: 0.68rem;
    border-top: 1px solid #e8eef5;
}

.segment-editor-dialog__switch-row > div[b-oj2k7fgep4] {
    min-width: 0;
    display: grid;
    gap: 0.08rem;
}

.segment-editor-dialog__switch-row strong[b-oj2k7fgep4] {
    color: #26364d;
    font-size: 0.78rem;
    font-weight: 680;
}

.segment-editor-dialog__switch-row span[b-oj2k7fgep4] {
    color: #7b8ba3;
    font-size: 0.68rem;
}

@media (max-width: 680px) {
    .segment-editor-dialog__rules-heading[b-oj2k7fgep4] {
        align-items: flex-start !important;
        flex-direction: column;
    }
}
/* _content/DevFlowMessaging.Web/Components/Audiences/AudienceContacts.razor.rz.scp.css */
.contacts-page[b-jmc645xulk] {
    min-height: 100vh;
    background: var(--df-page-background);
}

.contacts-page__content[b-jmc645xulk] {
    padding: 1.35rem 1.7rem 2.2rem;
    display: grid;
    gap: 1rem;
}

.contacts-page__summary-grid[b-jmc645xulk] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.contacts-page__filters-card[b-jmc645xulk] {
    min-width: 0;
}

.contacts-page__filters-grid[b-jmc645xulk] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.9rem 1rem;
}

.contacts-page__grid[b-jmc645xulk] {
    min-width: 0;
}

.contacts-page__grid-surface[b-jmc645xulk] {
    min-width: 0;
    padding: 0;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
    overflow: hidden;
}

.contacts-page__contact-cell[b-jmc645xulk] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
}

.contacts-page__avatar[b-jmc645xulk] {
    flex: 0 0 auto;
}

.contacts-page__contact-copy[b-jmc645xulk] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.contacts-page__contact-name[b-jmc645xulk] {
    display: block;
    overflow: hidden;
    color: #0f172a;
    font-size: 0.84rem;
    font-weight: 680;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.contacts-page__contact-meta[b-jmc645xulk] {
    display: block;
    color: #94a3b8;
    font-size: 0.71rem;
    font-weight: 560;
    line-height: 1.35;
}

.contacts-page__empty-state[b-jmc645xulk] {
    padding: 1rem 0.2rem 0.35rem;
    display: grid;
    gap: 0.25rem;
}

.contacts-page__empty-copy[b-jmc645xulk] {
    color: #64748b;
}

.contacts-page__grid[b-jmc645xulk]  .mud-table-container {
    border-radius: 18px;
    overflow: hidden;
}

.contacts-page__grid[b-jmc645xulk]  .mud-table-head {
    background: #f8fafc;
}

.contacts-page__grid[b-jmc645xulk]  .mud-table-head .mud-table-cell {
    padding-top: 0.85rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid #e8eef6;
    color: #8ea2be;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.contacts-page__grid[b-jmc645xulk]  .mud-table-body .mud-table-row {
    cursor: pointer;
    transition: background-color 0.16s ease;
}

.contacts-page__grid[b-jmc645xulk]  .mud-table-body .mud-table-row:hover {
    background: rgba(var(--df-primary-rgb), 0.03);
}

.contacts-page__grid[b-jmc645xulk]  .mud-table-cell {
    padding-top: 0.95rem;
    padding-bottom: 0.95rem;
    border-bottom: 1px solid #e8eef6;
    vertical-align: middle;
}

.contacts-page__grid[b-jmc645xulk]  .mud-table-body .mud-table-row:last-child .mud-table-cell {
    border-bottom: 0;
}

.contacts-page__grid[b-jmc645xulk]  .mud-table-pagination {
    border-top: 1px solid #e8eef6;
}

@media (max-width: 1199.98px) {
    .contacts-page__content[b-jmc645xulk] {
        padding: 1.2rem 1.1rem 1.8rem;
    }

    .contacts-page__summary-grid[b-jmc645xulk],
    .contacts-page__filters-grid[b-jmc645xulk] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .contacts-page__content[b-jmc645xulk] {
        padding: 1rem 0.9rem 1.35rem;
    }

    .contacts-page__summary-grid[b-jmc645xulk],
    .contacts-page__filters-grid[b-jmc645xulk] {
        grid-template-columns: 1fr;
    }
}
/* _content/DevFlowMessaging.Web/Components/Audiences/ContactView.razor.rz.scp.css */
.contact-view[b-jftq48sx1u] {
    min-height: 100vh;
    background: var(--df-page-background);
}

.contact-view__content[b-jftq48sx1u] {
    padding: 1.35rem 1.7rem 2.2rem;
    display: grid;
    gap: 1rem;
}

.contact-view__back-row[b-jftq48sx1u] {
    display: flex;
    align-items: center;
}

.contact-view__hero[b-jftq48sx1u] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.15rem;
    padding: 0.45rem 0 1rem;
    border-bottom: 1px solid #e8eef6;
}

.contact-view__avatar[b-jftq48sx1u] {
    flex: 0 0 auto;
}

.contact-view__hero-copy[b-jftq48sx1u] {
    min-width: 0;
    flex: 1 1 auto;
    display: grid;
    gap: 0.65rem;
}

.contact-view__title[b-jftq48sx1u] {
    margin: 0;
    color: #0f172a;
    font-weight: 700;
}

.contact-view__subtitle[b-jftq48sx1u] {
    color: #64748b;
    max-width: 72ch;
}

.contact-view__badges[b-jftq48sx1u] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
}

.contact-view__hero-actions[b-jftq48sx1u] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    flex-wrap: wrap;
    flex: 0 0 auto;
}

.contact-view__summary-grid[b-jftq48sx1u] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.contact-view__tabs[b-jftq48sx1u] {
    margin-top: 0.1rem;
}

.contact-view__tabs[b-jftq48sx1u]  .df-tabs__bar {
    width: 100%;
}

.contact-view__tab-panel[b-jftq48sx1u] {
    min-width: 0;
}

.contact-view__overview-grid[b-jftq48sx1u] {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(18rem, 0.95fr);
    gap: 1rem;
    align-items: start;
}

.contact-view__info-card[b-jftq48sx1u],
.contact-view__side-card[b-jftq48sx1u],
.contact-view__list-card[b-jftq48sx1u] {
    min-width: 0;
}

.contact-view__detail-stack[b-jftq48sx1u] {
    display: grid;
    gap: 1.35rem;
}

.contact-view__detail-group[b-jftq48sx1u] {
    display: grid;
    gap: 0.85rem;
}

.contact-view__detail-group + .contact-view__detail-group[b-jftq48sx1u] {
    padding-top: 1.25rem;
    border-top: 1px solid #e8eef6;
}

.contact-view__group-title[b-jftq48sx1u] {
    color: #50627a;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.contact-view__channel-grid[b-jftq48sx1u],
.contact-view__field-grid[b-jftq48sx1u] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem 1.25rem;
}

.contact-view__channel-card[b-jftq48sx1u] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
    padding: 0.85rem 0.95rem;
    border: 1px solid #dfe8f4;
    border-radius: 0.8rem;
    background: linear-gradient(135deg, #f8fbff 0%, #ffffff 100%);
}

.contact-view__channel-icon[b-jftq48sx1u] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0.7rem;
    background: #eaf2ff;
    color: var(--df-primary);
}

.contact-view__channel-content[b-jftq48sx1u] {
    display: grid;
    min-width: 0;
}

.contact-view__field[b-jftq48sx1u] {
    min-width: 0;
}

.contact-view__field--wide[b-jftq48sx1u] {
    grid-column: 1 / -1;
}

.contact-view__field-label[b-jftq48sx1u] {
    display: block;
    margin-bottom: 0.22rem;
    color: #718198;
    font-size: 0.76rem;
    font-weight: 600;
    line-height: 1.25;
}

.contact-view__field-value[b-jftq48sx1u],
.contact-view__field-link[b-jftq48sx1u] {
    display: block;
    min-width: 0;
    color: #0f172a;
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.contact-view__field-link[b-jftq48sx1u] {
    text-decoration: none;
}

.contact-view__field-link:hover[b-jftq48sx1u],
.contact-view__field-link:focus-visible[b-jftq48sx1u] {
    color: var(--df-primary);
    text-decoration: underline;
}

.contact-view__side-stack[b-jftq48sx1u] {
    display: grid;
    gap: 1rem;
}

.contact-view__consent-list[b-jftq48sx1u] {
    display: grid;
    gap: 0.95rem;
}

.contact-view__consent-row[b-jftq48sx1u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    min-width: 0;
}

.contact-view__consent-label[b-jftq48sx1u] {
    margin: 0;
    color: #8ea2be;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.contact-view__card-link[b-jftq48sx1u] {
    color: var(--df-primary);
    font-weight: 600;
    text-decoration: none;
}

.contact-view__card-link:hover[b-jftq48sx1u] {
    text-decoration: underline;
}

.contact-view__pill-list[b-jftq48sx1u] {
    display: grid;
    gap: 0.7rem;
}

.contact-view__pill-row[b-jftq48sx1u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.68rem 0.8rem;
    border: 1px solid #e8eef6;
    border-radius: 14px;
    background: #ffffff;
}

.contact-view__source-list[b-jftq48sx1u] {
    display: grid;
    gap: 0.8rem;
}

.contact-view__source-row[b-jftq48sx1u] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.75rem 0.8rem;
    border: 1px solid #e8eef6;
    border-radius: 14px;
    background: #ffffff;
}

.contact-view__source-copy[b-jftq48sx1u] {
    min-width: 0;
    display: grid;
    gap: 0.45rem;
}

.contact-view__source-meta[b-jftq48sx1u] {
    margin: 0;
    color: #64748b;
    font-weight: 600;
    word-break: break-word;
}

.contact-view__source-sync[b-jftq48sx1u] {
    color: #8ea2be;
    text-align: right;
    white-space: nowrap;
    flex: 0 0 auto;
}

.contact-view__timeline[b-jftq48sx1u],
.contact-view__record-list[b-jftq48sx1u] {
    display: grid;
}

.contact-view__timeline-row[b-jftq48sx1u] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: 1rem 0;
}

.contact-view__record-row[b-jftq48sx1u] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: 1rem 0;
}

.contact-view__timeline-copy[b-jftq48sx1u],
.contact-view__record-main[b-jftq48sx1u] {
    min-width: 0;
    display: grid;
    gap: 0.25rem;
}

.contact-view__record-meta[b-jftq48sx1u] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.contact-view__badge-row[b-jftq48sx1u] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.contact-view__record-title[b-jftq48sx1u] {
    margin: 0;
    color: #0f172a;
    font-weight: 600;
}

.contact-view__record-subtitle[b-jftq48sx1u] {
    margin: 0;
    color: #64748b;
}

.contact-view__record-time[b-jftq48sx1u] {
    color: #8ea2be;
    white-space: nowrap;
    text-align: right;
}

.contact-view__record-amount[b-jftq48sx1u] {
    color: #0f172a;
    font-weight: 700;
    white-space: nowrap;
}

.contact-view__row-divider[b-jftq48sx1u] {
    margin: 0;
}

.contact-view__empty-copy[b-jftq48sx1u] {
    color: #64748b;
}

@media (max-width: 1199.98px) {
    .contact-view__content[b-jftq48sx1u] {
        padding: 1.2rem 1.1rem 1.8rem;
    }

    .contact-view__summary-grid[b-jftq48sx1u],
    .contact-view__overview-grid[b-jftq48sx1u] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .contact-view__content[b-jftq48sx1u] {
        padding: 1rem 0.9rem 1.35rem;
    }

    .contact-view__hero[b-jftq48sx1u] {
        flex-direction: column;
    }

    .contact-view__hero-actions[b-jftq48sx1u] {
        width: 100%;
        justify-content: flex-start;
    }

    .contact-view__summary-grid[b-jftq48sx1u],
    .contact-view__channel-grid[b-jftq48sx1u],
    .contact-view__field-grid[b-jftq48sx1u] {
        grid-template-columns: 1fr;
    }

    .contact-view__consent-row[b-jftq48sx1u] {
        align-items: flex-start;
        flex-direction: column;
    }

    .contact-view__timeline-row[b-jftq48sx1u],
    .contact-view__record-row[b-jftq48sx1u],
    .contact-view__source-row[b-jftq48sx1u] {
        grid-template-columns: 1fr;
    }

    .contact-view__record-meta[b-jftq48sx1u],
    .contact-view__record-time[b-jftq48sx1u],
    .contact-view__source-sync[b-jftq48sx1u] {
        text-align: left;
        justify-content: flex-start;
    }
}
/* _content/DevFlowMessaging.Web/Components/Audiences/ManageSegmentContactsDialog.razor.rz.scp.css */
.segment-contacts-dialog[b-cb8e6es9sh] {
    max-width: min(1100px, 97vw);
}

.segment-contacts-dialog__header[b-cb8e6es9sh] {
    display: flex;
    align-items: center;
    gap: 0.72rem;
}

.segment-contacts-dialog__header-icon[b-cb8e6es9sh] {
    width: 2.45rem;
    height: 2.45rem;
    flex: 0 0 2.45rem;
    display: grid;
    place-items: center;
    border: 1px solid rgba(37, 99, 235, 0.14);
    border-radius: 0.8rem;
    color: #2563eb;
    background: rgba(37, 99, 235, 0.08);
}

.segment-contacts-dialog__header-icon[b-cb8e6es9sh]  .mud-icon-root {
    font-size: 1.15rem;
}

.segment-contacts-dialog__header > div:last-child[b-cb8e6es9sh] {
    min-width: 0;
    display: grid;
    gap: 0.08rem;
}

.segment-contacts-dialog__header strong[b-cb8e6es9sh] {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 740;
}

.segment-contacts-dialog__header span[b-cb8e6es9sh] {
    color: #7b8ba3;
    font-size: 0.72rem;
}

.segment-contacts-dialog__content[b-cb8e6es9sh] {
    display: grid;
    gap: 0.75rem;
}

.segment-contacts-dialog__loading[b-cb8e6es9sh] {
    min-height: 22rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.7rem;
    color: #64748b;
    font-size: 0.78rem;
}

.segment-contacts-dialog__filter-card[b-cb8e6es9sh] {
    display: grid;
    gap: 0.6rem;
    padding: 0.72rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.82rem;
    background: #ffffff;
}

.segment-contacts-dialog__filters[b-cb8e6es9sh] {
    display: grid;
    grid-template-columns: minmax(14rem, 1.6fr) minmax(10rem, 0.8fr) auto;
    align-items: center;
    gap: 0.6rem;
}

.segment-contacts-dialog__selected-switch[b-cb8e6es9sh] {
    height: 2.5rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0 0.3rem 0 0.65rem;
    border: 1px solid #dbe5f0;
    border-radius: 0.72rem;
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 620;
    white-space: nowrap;
}

.segment-contacts-dialog__filter-meta[b-cb8e6es9sh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding-top: 0.55rem;
    border-top: 1px solid #e8eef5;
}

.segment-contacts-dialog__filter-meta > div[b-cb8e6es9sh],
.segment-contacts-dialog__bulk-actions[b-cb8e6es9sh] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.segment-contacts-dialog__grid-surface[b-cb8e6es9sh] {
    min-width: 0;
    border: 1px solid #e2e8f0;
    border-radius: 0.85rem;
    background: #ffffff;
    overflow: hidden;
}

.segment-contacts-dialog__grid[b-cb8e6es9sh]  .mud-table-container {
    max-height: 52vh;
    border-radius: 0.85rem 0.85rem 0 0;
}

.segment-contacts-dialog__grid[b-cb8e6es9sh]  .mud-table-head {
    background: #f8fafc;
}

.segment-contacts-dialog__grid[b-cb8e6es9sh]  .mud-table-head .mud-table-cell {
    padding-top: 0.68rem;
    padding-bottom: 0.68rem;
    border-bottom: 1px solid #e8eef6;
    color: #8ea2be;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.segment-contacts-dialog__grid[b-cb8e6es9sh]  .mud-table-cell {
    padding-top: 0.64rem;
    padding-bottom: 0.64rem;
    border-bottom: 1px solid #e8eef6;
    vertical-align: middle;
}

.segment-contacts-dialog__grid[b-cb8e6es9sh]  .mud-table-pagination {
    border-top: 1px solid #e8eef6;
}

.segment-contacts-dialog__contact-cell[b-cb8e6es9sh] {
    min-width: 12rem;
    display: flex;
    align-items: center;
    gap: 0.62rem;
}

.segment-contacts-dialog__avatar[b-cb8e6es9sh] {
    width: 2rem;
    height: 2rem;
    flex: 0 0 2rem;
    display: grid;
    place-items: center;
    border-radius: 0.65rem;
    color: #2563eb;
    background: rgba(37, 99, 235, 0.08);
    font-size: 0.68rem;
    font-weight: 720;
}

.segment-contacts-dialog__contact-cell > div:last-child[b-cb8e6es9sh] {
    min-width: 0;
    display: grid;
    gap: 0.08rem;
}

.segment-contacts-dialog__contact-cell strong[b-cb8e6es9sh] {
    overflow: hidden;
    color: #26364d;
    font-size: 0.79rem;
    font-weight: 670;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.segment-contacts-dialog__contact-cell span[b-cb8e6es9sh],
.segment-contacts-dialog__tags > span:not(.segment-contacts-dialog__tag)[b-cb8e6es9sh] {
    color: #94a3b8;
    font-size: 0.68rem;
}

.segment-contacts-dialog__tags[b-cb8e6es9sh] {
    min-width: 8rem;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    flex-wrap: wrap;
}

.segment-contacts-dialog__tag[b-cb8e6es9sh] {
    padding: 0.16rem 0.38rem;
    border: 1px solid #dce6f1;
    border-radius: 999px;
    color: #52647c;
    background: #f8fafc;
    font-size: 0.62rem;
    font-weight: 620;
}

.segment-contacts-dialog__empty[b-cb8e6es9sh] {
    min-height: 12rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.3rem;
    color: #94a3b8;
    text-align: center;
}

.segment-contacts-dialog__empty[b-cb8e6es9sh]  .mud-icon-root {
    color: #2563eb;
}

.segment-contacts-dialog__empty strong[b-cb8e6es9sh] {
    color: #334155;
    font-size: 0.8rem;
}

.segment-contacts-dialog__empty span[b-cb8e6es9sh] {
    font-size: 0.68rem;
}

@media (max-width: 800px) {
    .segment-contacts-dialog__filters[b-cb8e6es9sh] {
        grid-template-columns: 1fr;
    }

    .segment-contacts-dialog__filter-meta[b-cb8e6es9sh] {
        align-items: flex-start;
        flex-direction: column;
    }

    .segment-contacts-dialog__grid-surface[b-cb8e6es9sh] {
        overflow-x: auto;
    }

    .segment-contacts-dialog__grid[b-cb8e6es9sh] {
        min-width: 52rem;
    }
}
/* _content/DevFlowMessaging.Web/Components/Audiences/MarketingConsentFields.razor.rz.scp.css */
.marketing-consent-fields[b-3bjpxoyzbo] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.8rem;
}

@media (max-width: 767.98px) {
    .marketing-consent-fields[b-3bjpxoyzbo] {
        grid-template-columns: 1fr;
    }
}
/* _content/DevFlowMessaging.Web/Components/Audiences/Segments.razor.rz.scp.css */
.segments-page[b-zpbfmi4w1j] {
    min-height: 100vh;
    background: var(--df-page-background);
}

.segments-page__content[b-zpbfmi4w1j] {
    display: grid;
    gap: 0.9rem;
    padding: 1.4rem 1.7rem 2.25rem;
}

.segments-page__loading[b-zpbfmi4w1j] {
    min-height: 18rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.75rem;
    color: #64748b;
    font-size: 0.82rem;
}

.segments-page__grid-surface[b-zpbfmi4w1j] {
    min-width: 0;
    border: 1px solid #e2e8f0;
    border-radius: 0.95rem;
    background: #ffffff;
    overflow: hidden;
}

.segments-page__grid[b-zpbfmi4w1j] {
    min-width: 0;
}

.segments-page__grid[b-zpbfmi4w1j]  .mud-table-container {
    border-radius: 0.95rem 0.95rem 0 0;
    overflow: hidden;
}

.segments-page__grid[b-zpbfmi4w1j]  .mud-table-head {
    background: #f8fafc;
}

.segments-page__grid[b-zpbfmi4w1j]  .mud-table-head .mud-table-cell {
    padding-top: 0.72rem;
    padding-bottom: 0.72rem;
    border-bottom: 1px solid #e8eef6;
    color: #8ea2be;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.segments-page__grid[b-zpbfmi4w1j]  .mud-table-body .mud-table-row {
    transition: background-color 0.16s ease;
}

.segments-page__grid[b-zpbfmi4w1j]  .mud-table-body .mud-table-row:hover {
    background: rgba(var(--df-primary-rgb), 0.035);
}

.segments-page__grid[b-zpbfmi4w1j]  .mud-table-cell {
    padding-top: 0.78rem;
    padding-bottom: 0.78rem;
    border-bottom: 1px solid #e8eef6;
    vertical-align: middle;
}

.segments-page__grid[b-zpbfmi4w1j]  .mud-table-body .mud-table-row:last-child .mud-table-cell {
    border-bottom: 0;
}

.segments-page__grid[b-zpbfmi4w1j]  .mud-table-pagination {
    border-top: 1px solid #e8eef6;
}

.segments-page__name-cell[b-zpbfmi4w1j] {
    min-width: 15rem;
    display: flex;
    align-items: center;
    gap: 0.72rem;
}

.segments-page__segment-icon[b-zpbfmi4w1j] {
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 2.35rem;
    display: grid;
    place-items: center;
    border: 1px solid #dce6f2;
    border-radius: 0.78rem;
}

.segments-page__segment-icon[b-zpbfmi4w1j]  .mud-icon-root {
    font-size: 1.1rem;
}

.segments-page__segment-icon--static[b-zpbfmi4w1j] {
    color: #64748b;
    background: #f3f6fa;
}

.segments-page__segment-icon--dynamic[b-zpbfmi4w1j] {
    color: #2563eb;
    background: rgba(37, 99, 235, 0.08);
    border-color: rgba(37, 99, 235, 0.14);
}

.segments-page__name-cell > div:last-child[b-zpbfmi4w1j],
.segments-page__date-cell[b-zpbfmi4w1j] {
    min-width: 0;
    display: grid;
    gap: 0.12rem;
}

.segments-page__name-cell strong[b-zpbfmi4w1j],
.segments-page__date-cell strong[b-zpbfmi4w1j] {
    overflow: hidden;
    color: #1e293b;
    font-size: 0.84rem;
    font-weight: 680;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.segments-page__name-cell span[b-zpbfmi4w1j],
.segments-page__date-cell span[b-zpbfmi4w1j] {
    color: #94a3b8;
    font-size: 0.71rem;
    font-weight: 560;
}

.segments-page__contact-count[b-zpbfmi4w1j] {
    display: flex;
    align-items: center;
    gap: 0.42rem;
    color: #64748b;
}

.segments-page__contact-count[b-zpbfmi4w1j]  .mud-icon-root {
    font-size: 1rem;
}

.segments-page__contact-count strong[b-zpbfmi4w1j] {
    color: #334155;
    font-size: 0.82rem;
    font-weight: 700;
}

.segments-page__date-cell[b-zpbfmi4w1j] {
    min-width: 9rem;
}

.segments-page__actions-cell[b-zpbfmi4w1j] {
    display: flex;
    justify-content: flex-end;
}

[b-zpbfmi4w1j] .segments-page__delete-action {
    color: #dc2626;
}

.segments-page__empty[b-zpbfmi4w1j] {
    min-height: 16rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.45rem;
    padding: 2rem;
    color: #64748b;
    text-align: center;
}

.segments-page__empty-icon[b-zpbfmi4w1j] {
    width: 2.8rem;
    height: 2.8rem;
    display: grid;
    place-items: center;
    margin-bottom: 0.15rem;
    border-radius: 0.85rem;
    color: #2563eb;
    background: rgba(37, 99, 235, 0.08);
}

.segments-page__empty strong[b-zpbfmi4w1j] {
    color: #1e293b;
    font-size: 0.95rem;
}

.segments-page__empty > span[b-zpbfmi4w1j] {
    max-width: 30rem;
    font-size: 0.8rem;
}

@media (max-width: 1199.98px) {
    .segments-page__content[b-zpbfmi4w1j] {
        padding: 1.2rem 1.1rem 1.8rem;
    }

    .segments-page__grid-surface[b-zpbfmi4w1j] {
        overflow-x: auto;
    }

    .segments-page__grid[b-zpbfmi4w1j] {
        min-width: 58rem;
    }
}

@media (max-width: 767.98px) {
    .segments-page__content[b-zpbfmi4w1j] {
        padding: 1rem 0.9rem 1.35rem;
    }
}
/* _content/DevFlowMessaging.Web/Components/Bobgo/BobgoNotifications.razor.rz.scp.css */
.bobgo-notifications[b-qco1to9yni] {
}

.bobgo-notifications__list[b-qco1to9yni] {
    margin-top: 0.5rem;
}

.bobgo-notifications__row[b-qco1to9yni] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.2rem;
    padding: 1.1rem 0;
}

.bobgo-notifications__row + .bobgo-notifications__row[b-qco1to9yni] {
    border-top: 1px solid #e2e8f0;
}

.bobgo-notifications__lead[b-qco1to9yni] {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 0;
    flex: 1 1 auto;
}

.bobgo-notifications__copy[b-qco1to9yni] {
    min-width: 0;
}

.bobgo-notifications__title[b-qco1to9yni] {
    margin: 0;
    color: #0f172a;
    font-weight: 700;
}

.bobgo-notifications__description[b-qco1to9yni] {
    margin-top: 0.3rem;
    color: #64748b;
    line-height: 1.45;
}

.bobgo-notifications__action[b-qco1to9yni] {
    flex: 0 0 auto;
    min-width: 8.2rem;
}

@media (max-width: 767.98px) {
    .bobgo-notifications[b-qco1to9yni] {
        padding: 1.1rem 1rem 0.75rem;
    }

    .bobgo-notifications__row[b-qco1to9yni] {
        flex-direction: column;
        align-items: stretch;
    }

    .bobgo-notifications__action[b-qco1to9yni] {
        width: 100%;
        min-width: 0;
    }
}
/* _content/DevFlowMessaging.Web/Components/Chatbots/ChatbotCreate.razor.rz.scp.css */
.chatbot-builder-page[b-dg8l6r2r0l] {
    min-height: 100vh;
    padding-bottom: 5.5rem;
    background: var(--df-page-background);
}

.chatbot-builder-page__workspace[b-dg8l6r2r0l] {
    min-width: 0;
    padding: 1.25rem 1.7rem 2rem;
    display: grid;
    align-content: start;
    gap: 1rem;
}

[b-dg8l6r2r0l] .chatbot-builder-page__hero-card {
    height: auto;
    overflow: hidden;
}

[b-dg8l6r2r0l] .chatbot-builder-page__hero-card .df-card__body {
    margin-top: 0;
}

.chatbot-builder-page__hero[b-dg8l6r2r0l] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) minmax(230px, 310px);
    align-items: center;
    gap: 1rem;
}

.chatbot-builder-page__hero-icon[b-dg8l6r2r0l],
.chatbot-builder-page__section-icon[b-dg8l6r2r0l],
.chatbot-builder-page__empty-trigger-icon[b-dg8l6r2r0l] {
    display: grid;
    place-items: center;
    color: var(--df-primary);
    background: rgba(var(--df-primary-rgb), 0.1);
}

.chatbot-builder-page__hero-icon[b-dg8l6r2r0l] {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 1rem;
}

.chatbot-builder-page__hero-copy[b-dg8l6r2r0l] {
    min-width: 0;
}

.chatbot-builder-page__hero-title[b-dg8l6r2r0l] {
    overflow: hidden;
    color: #0f172a;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chatbot-builder-page__subtitle[b-dg8l6r2r0l],
.chatbot-builder-page__field-help[b-dg8l6r2r0l] {
    color: #64748b;
}

.chatbot-builder-page__hero-badges[b-dg8l6r2r0l] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.65rem;
}

.chatbot-builder-page__readiness[b-dg8l6r2r0l] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.35rem 0.75rem;
    color: #64748b;
    font-size: 0.8rem;
}

.chatbot-builder-page__readiness strong[b-dg8l6r2r0l] {
    color: #0f172a;
}

.chatbot-builder-page__readiness[b-dg8l6r2r0l]  .mud-progress-linear,
.chatbot-builder-page__readiness small[b-dg8l6r2r0l] {
    grid-column: 1 / -1;
}

.chatbot-builder-page__stepper[b-dg8l6r2r0l] {
    min-width: 0;
}

.chatbot-builder-page__panels[b-dg8l6r2r0l] {
    padding-top: 0.3rem;
    overflow: visible;
}

.chatbot-builder-page__step-shell[b-dg8l6r2r0l] {
    width: 100%;
    max-width: 1480px;
    margin-inline: auto;
    display: grid;
    gap: 1rem;
}

.chatbot-builder-page__step-shell--narrow[b-dg8l6r2r0l],
.chatbot-builder-page__step-shell--review[b-dg8l6r2r0l] {
    max-width: 1160px;
}

.chatbot-builder-page__section-heading[b-dg8l6r2r0l] {
    display: flex;
    align-items: flex-start;
    gap: 0.8rem;
    padding: 0.2rem 0.1rem;
}

.chatbot-builder-page__section-icon[b-dg8l6r2r0l] {
    width: 2.7rem;
    height: 2.7rem;
    flex: 0 0 2.7rem;
    border-radius: 0.85rem;
}

.chatbot-builder-page__trigger-layout[b-dg8l6r2r0l],
.chatbot-builder-page__review-layout[b-dg8l6r2r0l] {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(280px, 0.85fr);
    gap: 1rem;
    align-items: start;
}

[b-dg8l6r2r0l] .chatbot-builder-page__trigger-card,
.chatbot-builder-page__trigger-aside[b-dg8l6r2r0l],
.chatbot-builder-page__review-layout > *[b-dg8l6r2r0l] {
    min-width: 0;
}

.chatbot-builder-page__trigger-aside[b-dg8l6r2r0l] {
    display: grid;
    gap: 1rem;
}

.chatbot-builder-page__keyword-entry[b-dg8l6r2r0l] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 0.7rem;
}

.chatbot-builder-page__field-help[b-dg8l6r2r0l] {
    display: block;
    margin-top: 0.45rem;
    line-height: 1.45;
}

.chatbot-builder-page__empty-triggers[b-dg8l6r2r0l] {
    min-height: 8.5rem;
    margin-top: 1rem;
    padding: 1.25rem;
    border: 1px dashed #cad6e4;
    border-radius: 0.9rem;
    background: #fbfcfe;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    color: #64748b;
}

.chatbot-builder-page__empty-trigger-icon[b-dg8l6r2r0l] {
    width: 2.55rem;
    height: 2.55rem;
    flex: 0 0 2.55rem;
    border-radius: 0.8rem;
}

.chatbot-builder-page__empty-triggers > span:last-child[b-dg8l6r2r0l] {
    display: grid;
    gap: 0.18rem;
}

.chatbot-builder-page__empty-triggers strong[b-dg8l6r2r0l] {
    color: #334155;
    font-size: 0.86rem;
}

.chatbot-builder-page__empty-triggers small[b-dg8l6r2r0l] {
    font-size: 0.75rem;
}

.chatbot-builder-page__trigger-list[b-dg8l6r2r0l] {
    display: grid;
    gap: 0.55rem;
    margin-top: 1rem;
}

.chatbot-builder-page__trigger-row[b-dg8l6r2r0l] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    padding: 0.72rem 0.8rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.8rem;
    background: #fff;
}

.chatbot-builder-page__trigger-index[b-dg8l6r2r0l] {
    width: 1.8rem;
    height: 1.8rem;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: var(--df-primary);
    background: rgba(var(--df-primary-rgb), 0.1);
    font-size: 0.72rem;
    font-weight: 750;
}

.chatbot-builder-page__trigger-copy[b-dg8l6r2r0l] {
    min-width: 0;
    display: grid;
    gap: 0.12rem;
}

.chatbot-builder-page__trigger-copy strong[b-dg8l6r2r0l] {
    overflow: hidden;
    color: #1e293b;
    font-size: 0.85rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chatbot-builder-page__trigger-copy small[b-dg8l6r2r0l] {
    color: #8090a5;
    font-size: 0.7rem;
}

.chatbot-builder-page__remove-trigger[b-dg8l6r2r0l] {
    width: 2rem;
    height: 2rem;
    display: grid;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 0.65rem;
    background: transparent;
    color: #94a3b8;
    cursor: pointer;
}

.chatbot-builder-page__remove-trigger:hover:not(:disabled)[b-dg8l6r2r0l] {
    color: #dc2626;
    background: #fef2f2;
}

.chatbot-builder-page__remove-trigger[b-dg8l6r2r0l]  .mud-icon-root {
    font-size: 1.05rem;
}

.chatbot-builder-page__match-options[b-dg8l6r2r0l] {
    display: grid;
    gap: 0.55rem;
}

.chatbot-builder-page__match-option[b-dg8l6r2r0l] {
    width: 100%;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.65rem;
    padding: 0.72rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.8rem;
    background: #fff;
    color: #64748b;
    cursor: pointer;
    text-align: left;
    transition: border-color 0.16s ease, background-color 0.16s ease, color 0.16s ease;
}

.chatbot-builder-page__match-option:hover:not(:disabled)[b-dg8l6r2r0l] {
    border-color: rgba(var(--df-primary-rgb), 0.28);
    background: #f8fbff;
}

.chatbot-builder-page__match-option.is-selected[b-dg8l6r2r0l] {
    border-color: rgba(var(--df-primary-rgb), 0.42);
    color: var(--df-primary);
    background: rgba(var(--df-primary-rgb), 0.055);
}

.chatbot-builder-page__match-marker[b-dg8l6r2r0l] {
    width: 2rem;
    height: 2rem;
    display: grid;
    place-items: center;
    border-radius: 0.65rem;
    background: #f1f5f9;
}

.chatbot-builder-page__match-option.is-selected .chatbot-builder-page__match-marker[b-dg8l6r2r0l] {
    background: rgba(var(--df-primary-rgb), 0.12);
}

.chatbot-builder-page__match-marker[b-dg8l6r2r0l]  .mud-icon-root {
    font-size: 1.1rem;
}

.chatbot-builder-page__match-option > span:last-child[b-dg8l6r2r0l] {
    min-width: 0;
    display: grid;
    gap: 0.12rem;
}

.chatbot-builder-page__match-option strong[b-dg8l6r2r0l] {
    color: #334155;
    font-size: 0.8rem;
}

.chatbot-builder-page__match-option.is-selected strong[b-dg8l6r2r0l] {
    color: var(--df-primary);
}

.chatbot-builder-page__match-option small[b-dg8l6r2r0l] {
    color: #8190a5;
    font-size: 0.68rem;
}

.chatbot-builder-page__review-list[b-dg8l6r2r0l] {
    display: grid;
}

.chatbot-builder-page__review-list > div[b-dg8l6r2r0l] {
    display: grid;
    grid-template-columns: minmax(8rem, 0.7fr) minmax(0, 1.3fr);
    gap: 1rem;
    padding: 0.78rem 0;
    border-bottom: 1px solid #edf1f5;
}

.chatbot-builder-page__review-list > div:last-child[b-dg8l6r2r0l] {
    border-bottom: 0;
}

.chatbot-builder-page__review-list span[b-dg8l6r2r0l] {
    color: #7b8ba1;
    font-size: 0.74rem;
    font-weight: 650;
}

.chatbot-builder-page__review-list strong[b-dg8l6r2r0l] {
    overflow-wrap: anywhere;
    color: #1e293b;
    font-size: 0.82rem;
}

.chatbot-builder-page__publish-choice[b-dg8l6r2r0l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 0;
}

.chatbot-builder-page__publish-choice > div[b-dg8l6r2r0l],
.chatbot-builder-page__publish-status > span[b-dg8l6r2r0l] {
    display: grid;
    gap: 0.18rem;
}

.chatbot-builder-page__publish-choice strong[b-dg8l6r2r0l],
.chatbot-builder-page__publish-status strong[b-dg8l6r2r0l] {
    color: #1e293b;
    font-size: 0.84rem;
}

.chatbot-builder-page__publish-choice small[b-dg8l6r2r0l],
.chatbot-builder-page__publish-status small[b-dg8l6r2r0l] {
    color: #73839a;
    font-size: 0.72rem;
    line-height: 1.45;
}

.chatbot-builder-page__publish-status[b-dg8l6r2r0l] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    margin-top: 0.75rem;
    padding: 0.82rem;
    border: 1px solid #dce9e4;
    border-radius: 0.8rem;
    color: #0b8f68;
    background: #f5fbf8;
}

@media (max-width: 959.98px) {
    .chatbot-builder-page__hero[b-dg8l6r2r0l],
    .chatbot-builder-page__trigger-layout[b-dg8l6r2r0l],
    .chatbot-builder-page__review-layout[b-dg8l6r2r0l] {
        grid-template-columns: 1fr;
    }

    .chatbot-builder-page__readiness[b-dg8l6r2r0l] {
        max-width: 32rem;
    }
}

@media (max-width: 599.98px) {
    .chatbot-builder-page__workspace[b-dg8l6r2r0l] {
        padding-right: 0.85rem;
        padding-left: 0.85rem;
    }

    .chatbot-builder-page__hero[b-dg8l6r2r0l] {
        align-items: start;
    }

    .chatbot-builder-page__keyword-entry[b-dg8l6r2r0l],
    .chatbot-builder-page__review-list > div[b-dg8l6r2r0l] {
        grid-template-columns: 1fr;
    }

    .chatbot-builder-page__keyword-entry[b-dg8l6r2r0l]  .df-button {
        width: 100%;
    }
}
/* _content/DevFlowMessaging.Web/Components/Chatbots/CreateChatbotDialog.razor.rz.scp.css */
.chatbot-setup-dialog__header[b-g7m7243wc1] {
    margin-bottom: 1rem;
}

.chatbot-setup-dialog__subtitle[b-g7m7243wc1],
.chatbot-setup-dialog__hint[b-g7m7243wc1] {
    color: #64748b;
}

.chatbot-setup-dialog__note[b-g7m7243wc1] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    padding: 0.85rem 1rem;
    margin-bottom: 1.15rem;
    border: 1px solid rgba(var(--df-primary-rgb), 0.16);
    border-radius: 0.85rem;
    color: #334155;
    background: rgba(var(--df-primary-rgb), 0.045);
    font-size: 0.83rem;
}

.chatbot-setup-dialog__form[b-g7m7243wc1] {
    display: grid;
    gap: 1.1rem;
}

.chatbot-setup-dialog__field[b-g7m7243wc1] {
    display: grid;
    gap: 0.35rem;
}

.chatbot-setup-dialog__label[b-g7m7243wc1] {
    color: #1e293b;
    font-weight: 700;
}

.chatbot-setup-dialog__routing-options[b-g7m7243wc1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.chatbot-setup-dialog__routing-option[b-g7m7243wc1] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.65rem;
    padding: 0.78rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.85rem;
    background: #fff;
    color: #64748b;
    cursor: pointer;
    text-align: left;
}

.chatbot-setup-dialog__routing-option:hover[b-g7m7243wc1] {
    border-color: rgba(var(--df-primary-rgb), 0.28);
    background: #f8fbff;
}

.chatbot-setup-dialog__routing-option.is-selected[b-g7m7243wc1] {
    border-color: rgba(var(--df-primary-rgb), 0.42);
    background: rgba(var(--df-primary-rgb), 0.055);
}

.chatbot-setup-dialog__routing-icon[b-g7m7243wc1] {
    width: 2.25rem;
    height: 2.25rem;
    display: grid;
    place-items: center;
    border-radius: 0.7rem;
    color: #64748b;
    background: #f1f5f9;
}

.chatbot-setup-dialog__routing-option.is-selected .chatbot-setup-dialog__routing-icon[b-g7m7243wc1] {
    color: var(--df-primary);
    background: rgba(var(--df-primary-rgb), 0.12);
}

.chatbot-setup-dialog__routing-option > span:last-child[b-g7m7243wc1],
.chatbot-setup-dialog__enable-row > span[b-g7m7243wc1] {
    display: grid;
    gap: 0.15rem;
}

.chatbot-setup-dialog__routing-option strong[b-g7m7243wc1],
.chatbot-setup-dialog__enable-row strong[b-g7m7243wc1] {
    color: #334155;
    font-size: 0.8rem;
}

.chatbot-setup-dialog__routing-option.is-selected strong[b-g7m7243wc1] {
    color: var(--df-primary);
}

.chatbot-setup-dialog__routing-option small[b-g7m7243wc1],
.chatbot-setup-dialog__enable-row small[b-g7m7243wc1] {
    color: #7c8ba0;
    font-size: 0.69rem;
    line-height: 1.4;
}

.chatbot-setup-dialog__enable-row[b-g7m7243wc1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.82rem 0.9rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.85rem;
    background: #fbfcfe;
}

.chatbot-setup-dialog[b-g7m7243wc1]  .mud-input-outlined-border {
    border-color: #dbe5f0;
    border-radius: 12px;
}

@media (max-width: 600px) {
    .chatbot-setup-dialog__routing-options[b-g7m7243wc1] {
        grid-template-columns: 1fr;
    }
}
/* _content/DevFlowMessaging.Web/Components/DesignSystem/DFAlert.razor.rz.scp.css */
.df-alert[b-tb6kcdw0jq] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.95rem 1rem;
    border-radius: 16px;
    border: 1px solid var(--df-alert-border);
    background: var(--df-alert-bg);
    color: var(--df-alert-fg);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}

.df-alert__icon[b-tb6kcdw0jq] {
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: var(--df-alert-icon-bg);
    color: var(--df-alert-fg);
}

.df-alert__icon-glyph[b-tb6kcdw0jq] {
    font-size: 1rem;
}

.df-alert__copy[b-tb6kcdw0jq] {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.df-alert__title[b-tb6kcdw0jq] {
    margin: 0;
    font-weight: 700;
    color: inherit;
}

.df-alert__text[b-tb6kcdw0jq] {
    margin-top: 0.15rem;
    color: inherit;
    opacity: 0.9;
    line-height: 1.45;
}

.df-alert__content[b-tb6kcdw0jq] {
    margin-top: 0.45rem;
}

.df-alert--dense[b-tb6kcdw0jq] {
    padding: 0.72rem 0.9rem;
    border-radius: 14px;
    gap: 0.75rem;
}

.df-alert--dense .df-alert__icon[b-tb6kcdw0jq] {
    width: 1.8rem;
    height: 1.8rem;
}

.df-alert.df-tone--neutral[b-tb6kcdw0jq] {
    --df-alert-bg: #ffffff;
    --df-alert-border: #dbe4ef;
    --df-alert-fg: #334155;
    --df-alert-icon-bg: #f8fafc;
}

.df-alert.df-tone--primary[b-tb6kcdw0jq] {
    --df-alert-bg: var(--df-primary-soft);
    --df-alert-border: rgba(var(--df-primary-rgb), 0.16);
    --df-alert-fg: var(--df-primary);
    --df-alert-icon-bg: rgba(var(--df-primary-rgb), 0.07);
}

.df-alert.df-tone--success[b-tb6kcdw0jq] {
    --df-alert-bg: rgba(16, 185, 129, 0.12);
    --df-alert-border: rgba(16, 185, 129, 0.18);
    --df-alert-fg: #0f8f69;
    --df-alert-icon-bg: rgba(16, 185, 129, 0.08);
}

.df-alert.df-tone--warning[b-tb6kcdw0jq] {
    --df-alert-bg: rgba(245, 158, 11, 0.12);
    --df-alert-border: rgba(245, 158, 11, 0.2);
    --df-alert-fg: #a16207;
    --df-alert-icon-bg: rgba(245, 158, 11, 0.08);
}

.df-alert.df-tone--danger[b-tb6kcdw0jq] {
    --df-alert-bg: rgba(244, 63, 94, 0.12);
    --df-alert-border: rgba(244, 63, 94, 0.16);
    --df-alert-fg: #e11d48;
    --df-alert-icon-bg: rgba(244, 63, 94, 0.08);
}

.df-alert.df-tone--info[b-tb6kcdw0jq] {
    --df-alert-bg: rgba(59, 130, 246, 0.12);
    --df-alert-border: rgba(59, 130, 246, 0.16);
    --df-alert-fg: #2563eb;
    --df-alert-icon-bg: rgba(59, 130, 246, 0.08);
}
/* _content/DevFlowMessaging.Web/Components/DesignSystem/DFBadge.razor.rz.scp.css */
.df-badge[b-uypk4tpbeg] {
    display: inline-flex;
    align-items: center;
    gap: 0.34rem;
    padding: 0.38rem 0.68rem;
    border-radius: 999px;
    font-weight: 600;
    line-height: 1.05;
    border: 1px solid var(--df-badge-border);
    background: var(--df-badge-bg);
    color: var(--df-badge-fg);
    white-space: nowrap;
}

.df-badge__icon[b-uypk4tpbeg] {
    font-size: 0.9rem;
    color: inherit;
}

.df-badge__text[b-uypk4tpbeg] {
    color: inherit;
}

.df-badge.df-size--sm[b-uypk4tpbeg] {
    padding: 0.26rem 0.54rem;
    font-size: 0.71rem;
}

.df-badge.df-size--md[b-uypk4tpbeg] {
    padding: 0.38rem 0.68rem;
    font-size: 0.8rem;
}

.df-badge.df-size--lg[b-uypk4tpbeg] {
    padding: 0.5rem 0.82rem;
    font-size: 0.88rem;
}

.df-badge.df-size--sm .df-badge__icon[b-uypk4tpbeg] {
    font-size: 0.8rem;
}

.df-badge.df-size--md .df-badge__icon[b-uypk4tpbeg] {
    font-size: 0.9rem;
}

.df-badge.df-size--lg .df-badge__icon[b-uypk4tpbeg] {
    font-size: 0.98rem;
}

.df-badge.df-tone--neutral[b-uypk4tpbeg] {
    --df-badge-bg: #ffffff;
    --df-badge-border: #dbe4ef;
    --df-badge-fg: #334155;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}

.df-badge.df-tone--primary[b-uypk4tpbeg] {
    --df-badge-bg: var(--df-primary-soft);
    --df-badge-border: rgba(var(--df-primary-rgb), 0.16);
    --df-badge-fg: var(--df-primary);
}

.df-badge.df-tone--success[b-uypk4tpbeg] {
    --df-badge-bg: rgba(16, 185, 129, 0.14);
    --df-badge-border: rgba(16, 185, 129, 0.18);
    --df-badge-fg: #0f8f69;
}

.df-badge.df-tone--warning[b-uypk4tpbeg] {
    --df-badge-bg: rgba(245, 158, 11, 0.14);
    --df-badge-border: rgba(245, 158, 11, 0.2);
    --df-badge-fg: #a16207;
}

.df-badge.df-tone--danger[b-uypk4tpbeg] {
    --df-badge-bg: rgba(244, 63, 94, 0.12);
    --df-badge-border: rgba(244, 63, 94, 0.16);
    --df-badge-fg: #e11d48;
}

.df-badge.df-tone--info[b-uypk4tpbeg] {
    --df-badge-bg: rgba(59, 130, 246, 0.12);
    --df-badge-border: rgba(59, 130, 246, 0.16);
    --df-badge-fg: #2563eb;
}
/* _content/DevFlowMessaging.Web/Components/DesignSystem/DFButton.razor.rz.scp.css */
.df-button[b-4l41cbbsqf] {
    --df-button-filled-bg: var(--df-primary);
    --df-button-filled-border: var(--df-primary);
    --df-button-filled-fg: #ffffff;
    --df-button-filled-hover-bg: #173f98;
    --df-button-filled-hover-border: #173f98;
    --df-button-filled-hover-fg: #ffffff;
    --df-button-outlined-bg: #ffffff;
    --df-button-outlined-border: #dbe4ef;
    --df-button-outlined-fg: var(--df-primary);
    --df-button-outlined-hover-bg: #f8fafc;
    --df-button-outlined-hover-border: #cbd5e1;
    --df-button-outlined-hover-fg: #0f172a;
    --df-button-text-bg: transparent;
    --df-button-text-border: transparent;
    --df-button-text-fg: var(--df-primary);
    --df-button-text-hover-bg: #f8fafc;
    --df-button-text-hover-border: transparent;
    --df-button-text-hover-fg: #0f172a;
    appearance: none;
    border: 1px solid transparent;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    min-height: 2.95rem;
    padding: 0.7rem 1rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
    color: #334155;
    font: inherit;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
    white-space: nowrap;
}

.df-button:hover:not(:disabled):not(.is-disabled)[b-4l41cbbsqf] {
    transform: none;
}

.df-button:focus-visible[b-4l41cbbsqf] {
    outline: 2px solid rgba(var(--df-primary-rgb), 0.32);
    outline-offset: 2px;
}

.df-button:disabled[b-4l41cbbsqf],
.df-button.is-disabled[b-4l41cbbsqf] {
    cursor: not-allowed;
    opacity: 0.55;
    box-shadow: none;
    transform: none;
    pointer-events: none;
}

.df-button--full-width[b-4l41cbbsqf] {
    width: 100%;
}

.df-button--size-sm[b-4l41cbbsqf] {
    min-height: 2.45rem;
    padding: 0.55rem 0.9rem;
    border-radius: 12px;
    font-size: 0.92rem;
}

.df-button--size-md[b-4l41cbbsqf] {
    font-size: 0.95rem;
}

.df-button--size-lg[b-4l41cbbsqf] {
    min-height: 3.3rem;
    padding: 0.85rem 1.2rem;
    border-radius: 16px;
    font-size: 1rem;
}

.df-button--filled[b-4l41cbbsqf] {
    background: var(--df-button-filled-bg);
    border-color: var(--df-button-filled-border);
    color: var(--df-button-filled-fg);
}

.df-button--filled:hover:not(:disabled):not(.is-disabled)[b-4l41cbbsqf] {
    background: var(--df-button-filled-hover-bg);
    border-color: var(--df-button-filled-hover-border);
    color: var(--df-button-filled-hover-fg);
    box-shadow: none;
}

.df-button--outlined[b-4l41cbbsqf] {
    background: var(--df-button-outlined-bg);
    border-color: var(--df-button-outlined-border);
    color: var(--df-button-outlined-fg);
}

.df-button--outlined:hover:not(:disabled):not(.is-disabled)[b-4l41cbbsqf] {
    background: var(--df-button-outlined-hover-bg);
    border-color: var(--df-button-outlined-hover-border);
    color: var(--df-button-outlined-hover-fg);
    box-shadow: none;
}

.df-button--text[b-4l41cbbsqf] {
    background: var(--df-button-text-bg);
    border-color: var(--df-button-text-border);
    color: var(--df-button-text-fg);
    box-shadow: none;
}

.df-button--text:hover:not(:disabled):not(.is-disabled)[b-4l41cbbsqf] {
    background: var(--df-button-text-hover-bg);
    border-color: var(--df-button-text-hover-border);
    color: var(--df-button-text-hover-fg);
    box-shadow: none;
}

.df-button--color-primary[b-4l41cbbsqf] {
    --df-button-filled-bg: linear-gradient(135deg, var(--df-secondary) 0%, var(--df-primary) 100%);
    --df-button-filled-border: var(--df-primary);
    --df-button-filled-fg: #ffffff;
    --df-button-filled-hover-bg: linear-gradient(135deg, #4ab0d1 0%, #173f98 100%);
    --df-button-filled-hover-border: #173f98;
    --df-button-filled-hover-fg: #ffffff;
    --df-button-outlined-fg: var(--df-primary);
    --df-button-outlined-border: rgba(var(--df-primary-rgb), 0.22);
    --df-button-outlined-hover-bg: rgba(var(--df-primary-rgb), 0.08);
    --df-button-outlined-hover-border: rgba(var(--df-primary-rgb), 0.28);
    --df-button-outlined-hover-fg: #173f98;
    --df-button-text-fg: var(--df-primary);
    --df-button-text-hover-bg: rgba(var(--df-primary-rgb), 0.08);
    --df-button-text-hover-fg: #173f98;
}

.df-button--color-secondary[b-4l41cbbsqf] {
    --df-button-filled-bg: #64748b;
    --df-button-filled-border: #64748b;
    --df-button-filled-fg: #ffffff;
    --df-button-filled-hover-bg: #475569;
    --df-button-filled-hover-border: #475569;
    --df-button-filled-hover-fg: #ffffff;
    --df-button-outlined-fg: #475569;
    --df-button-outlined-border: rgba(100, 116, 139, 0.24);
    --df-button-outlined-hover-bg: rgba(100, 116, 139, 0.08);
    --df-button-outlined-hover-border: rgba(100, 116, 139, 0.3);
    --df-button-outlined-hover-fg: #334155;
    --df-button-text-fg: #475569;
    --df-button-text-hover-bg: rgba(100, 116, 139, 0.08);
    --df-button-text-hover-fg: #334155;
}

.df-button--color-success[b-4l41cbbsqf] {
    --df-button-filled-bg: #10b981;
    --df-button-filled-border: #10b981;
    --df-button-filled-fg: #ffffff;
    --df-button-filled-hover-bg: #0f9f6e;
    --df-button-filled-hover-border: #0f9f6e;
    --df-button-filled-hover-fg: #ffffff;
    --df-button-outlined-fg: #0f8f69;
    --df-button-outlined-border: rgba(16, 185, 129, 0.22);
    --df-button-outlined-hover-bg: rgba(16, 185, 129, 0.08);
    --df-button-outlined-hover-border: rgba(16, 185, 129, 0.3);
    --df-button-outlined-hover-fg: #0d7c5d;
    --df-button-text-fg: #0f8f69;
    --df-button-text-hover-bg: rgba(16, 185, 129, 0.08);
    --df-button-text-hover-fg: #0d7c5d;
}

.df-button--color-info[b-4l41cbbsqf] {
    --df-button-filled-bg: #3b82f6;
    --df-button-filled-border: #3b82f6;
    --df-button-filled-fg: #ffffff;
    --df-button-filled-hover-bg: #2563eb;
    --df-button-filled-hover-border: #2563eb;
    --df-button-filled-hover-fg: #ffffff;
    --df-button-outlined-fg: #2563eb;
    --df-button-outlined-border: rgba(59, 130, 246, 0.24);
    --df-button-outlined-hover-bg: rgba(59, 130, 246, 0.08);
    --df-button-outlined-hover-border: rgba(59, 130, 246, 0.3);
    --df-button-outlined-hover-fg: #1d4ed8;
    --df-button-text-fg: #2563eb;
    --df-button-text-hover-bg: rgba(59, 130, 246, 0.08);
    --df-button-text-hover-fg: #1d4ed8;
}

.df-button--color-warning[b-4l41cbbsqf] {
    --df-button-filled-bg: #f59e0b;
    --df-button-filled-border: #f59e0b;
    --df-button-filled-fg: #ffffff;
    --df-button-filled-hover-bg: #d97706;
    --df-button-filled-hover-border: #d97706;
    --df-button-filled-hover-fg: #ffffff;
    --df-button-outlined-fg: #b7791f;
    --df-button-outlined-border: rgba(245, 158, 11, 0.24);
    --df-button-outlined-hover-bg: rgba(245, 158, 11, 0.1);
    --df-button-outlined-hover-border: rgba(245, 158, 11, 0.3);
    --df-button-outlined-hover-fg: #a16207;
    --df-button-text-fg: #b7791f;
    --df-button-text-hover-bg: rgba(245, 158, 11, 0.1);
    --df-button-text-hover-fg: #a16207;
}

.df-button--color-error[b-4l41cbbsqf] {
    --df-button-filled-bg: #ef4444;
    --df-button-filled-border: #ef4444;
    --df-button-filled-fg: #ffffff;
    --df-button-filled-hover-bg: #dc2626;
    --df-button-filled-hover-border: #dc2626;
    --df-button-filled-hover-fg: #ffffff;
    --df-button-outlined-fg: #dc2626;
    --df-button-outlined-border: rgba(244, 63, 94, 0.24);
    --df-button-outlined-hover-bg: rgba(244, 63, 94, 0.08);
    --df-button-outlined-hover-border: rgba(244, 63, 94, 0.32);
    --df-button-outlined-hover-fg: #be123c;
    --df-button-text-fg: #dc2626;
    --df-button-text-hover-bg: rgba(244, 63, 94, 0.08);
    --df-button-text-hover-fg: #be123c;
}

.df-button--color-default[b-4l41cbbsqf] {
    --df-button-filled-bg: #334155;
    --df-button-filled-border: #334155;
    --df-button-filled-fg: #ffffff;
    --df-button-filled-hover-bg: #1e293b;
    --df-button-filled-hover-border: #1e293b;
    --df-button-filled-hover-fg: #ffffff;
    --df-button-outlined-fg: #334155;
    --df-button-outlined-border: #dbe4ef;
    --df-button-outlined-hover-bg: #f8fafc;
    --df-button-outlined-hover-border: #cbd5e1;
    --df-button-outlined-hover-fg: #0f172a;
    --df-button-text-fg: #334155;
    --df-button-text-hover-bg: #f8fafc;
    --df-button-text-hover-fg: #0f172a;
}

.df-button--color-inherit[b-4l41cbbsqf] {
    color: inherit;
}

.df-button__content[b-4l41cbbsqf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    min-width: 0;
}

.df-button__label[b-4l41cbbsqf] {
    min-width: 0;
}

.df-button__icon[b-4l41cbbsqf] {
    font-size: 1rem;
    color: inherit;
}

.df-button__spinner[b-4l41cbbsqf] {
    color: inherit;
}

.df-button.is-loading[b-4l41cbbsqf] {
    pointer-events: none;
}

.df-button--outlined .df-button__spinner[b-4l41cbbsqf],
.df-button--text .df-button__spinner[b-4l41cbbsqf] {
    color: inherit;
}
/* _content/DevFlowMessaging.Web/Components/DesignSystem/DFCard.razor.rz.scp.css */
.df-card[b-639btoz3kn] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: 100%;
    padding: 1.4rem 1.45rem;
    border-radius: 18px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
    overflow: hidden;
}

.df-card__header[b-639btoz3kn] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.df-card__header-copy[b-639btoz3kn] {
    min-width: 0;
    flex: 1 1 auto;
}

.df-card__title[b-639btoz3kn] {
    margin: 0;
    color: #0f172a;
    font-weight: 700;
}

.df-card__subtitle[b-639btoz3kn] {
    margin-top: 0.35rem;
    color: #64748b;
}

.df-card__header-content[b-639btoz3kn],
.df-card__actions[b-639btoz3kn] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.df-card__body[b-639btoz3kn] {
    margin-top: 1rem;
    min-width: 0;
}

.df-card--soft[b-639btoz3kn] {
    background: linear-gradient(180deg, rgba(var(--df-primary-rgb), 0.04) 0%, rgba(var(--df-secondary-rgb), 0.03) 100%);
}

.df-card--transparent[b-639btoz3kn] {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}
/* _content/DevFlowMessaging.Web/Components/DesignSystem/DFDrawer.razor.rz.scp.css */
.df-drawer[b-4q0dila5xd] {
    position: fixed;
    inset: 0;
    z-index: calc(var(--mud-zindex-drawer, 1100) + 10);
    pointer-events: none;
    overflow: hidden;
}

.df-drawer--open[b-4q0dila5xd] {
    pointer-events: auto;
}

.df-drawer__overlay[b-4q0dila5xd] {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    pointer-events: auto;
    z-index: 0;
    opacity: 0;
    transition: opacity 220ms ease;
    background:
        linear-gradient(135deg, rgba(var(--df-secondary-rgb), 0.18) 0%, rgba(var(--df-primary-rgb), 0.1) 100%);
    backdrop-filter: blur(14px) saturate(120%);
    -webkit-backdrop-filter: blur(14px) saturate(120%);
}

.df-drawer--open .df-drawer__overlay[b-4q0dila5xd] {
    opacity: 1;
}

.df-drawer--closed .df-drawer__overlay[b-4q0dila5xd] {
    pointer-events: none;
}

.df-drawer__panel[b-4q0dila5xd] {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    pointer-events: auto;
    z-index: 1;
    min-width: 0;
    will-change: transform;
    transition: transform 280ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.df-drawer--start .df-drawer__panel[b-4q0dila5xd] {
    left: 0;
    transform: translateX(-100%);
}

.df-drawer--end .df-drawer__panel[b-4q0dila5xd] {
    right: 0;
    transform: translateX(100%);
}

.df-drawer--open.df-drawer--start .df-drawer__panel[b-4q0dila5xd],
.df-drawer--open.df-drawer--end .df-drawer__panel[b-4q0dila5xd] {
    transform: translateX(0);
}

.df-drawer__surface[b-4q0dila5xd] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 1.5rem;
    background: #f8fafc;
    overflow: hidden;
    overscroll-behavior: contain;
}

.df-drawer--start .df-drawer__surface[b-4q0dila5xd] {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.df-drawer--end .df-drawer__surface[b-4q0dila5xd] {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}
/* _content/DevFlowMessaging.Web/Components/DesignSystem/DFFooter.razor.rz.scp.css */
.df-footer[b-kqa1zj9a70] {
    min-width: 0;
    width: 100%;
    margin-top: auto;
}

.df-footer--sticky[b-kqa1zj9a70] {
    position: sticky;
    bottom: 0;
    z-index: 18;
    padding-top: 0.75rem;
}

.df-footer--static[b-kqa1zj9a70] {
    padding-top: 0.75rem;
}

.df-footer__surface[b-kqa1zj9a70] {
    display: flex;
    align-items: center;
    gap: 1.15rem;
    min-width: 0;
    width: 100%;
    padding: 1rem 1.25rem;
    border-top: 1px solid #e2e8f0;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: none;
    backdrop-filter: blur(12px);
}

.df-footer__slot[b-kqa1zj9a70] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.df-footer__slot--start[b-kqa1zj9a70] {
    flex: 0 0 auto;
}

.df-footer__slot--center[b-kqa1zj9a70] {
    flex: 1 1 auto;
    justify-content: center;
}

.df-footer__slot--end[b-kqa1zj9a70] {
    flex: 0 0 auto;
    margin-left: auto;
}

@media (max-width: 767.98px) {
    .df-footer__surface[b-kqa1zj9a70] {
        flex-wrap: wrap;
        align-items: stretch;
    }

    .df-footer__slot--center[b-kqa1zj9a70] {
        order: 3;
        flex: 1 0 100%;
        justify-content: flex-start;
    }

    .df-footer__slot--end[b-kqa1zj9a70] {
        margin-left: 0;
    }
}
/* _content/DevFlowMessaging.Web/Components/DesignSystem/DFIconContainer.razor.rz.scp.css */
.df-icon-container[b-40odfa5k8c] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 14px;
    color: inherit;
    background: var(--df-icon-bg);
    border: 1px solid var(--df-icon-border);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
    overflow: hidden;
}

.df-icon-container__icon[b-40odfa5k8c] {
    font-size: 1rem;
    color: inherit;
}

.df-icon-container__text[b-40odfa5k8c] {
    font-weight: 700;
    letter-spacing: 0.04em;
}

.df-icon-container.df-size--sm[b-40odfa5k8c] {
    width: 34px;
    height: 34px;
    border-radius: 12px;
}

.df-icon-container.df-size--md[b-40odfa5k8c] {
    width: 40px;
    height: 40px;
}

.df-icon-container.df-size--lg[b-40odfa5k8c] {
    width: 48px;
    height: 48px;
    border-radius: 16px;
}

.df-icon-container.df-size--sm .df-icon-container__icon[b-40odfa5k8c] {
    font-size: 0.95rem;
}

.df-icon-container.df-size--md .df-icon-container__icon[b-40odfa5k8c] {
    font-size: 1.05rem;
}

.df-icon-container.df-size--lg .df-icon-container__icon[b-40odfa5k8c] {
    font-size: 1.15rem;
}

.df-icon-container.df-tone--neutral[b-40odfa5k8c] {
    --df-icon-bg: #eef2f7;
    --df-icon-border: #e2e8f0;
    color: #64748b;
}

.df-icon-container.df-tone--primary[b-40odfa5k8c] {
    --df-icon-bg: var(--df-primary-soft);
    --df-icon-border: rgba(var(--df-primary-rgb), 0.18);
    color: var(--df-primary);
}

.df-icon-container.df-tone--success[b-40odfa5k8c] {
    --df-icon-bg: rgba(16, 185, 129, 0.12);
    --df-icon-border: rgba(16, 185, 129, 0.18);
    color: #0f8f69;
}

.df-icon-container.df-tone--warning[b-40odfa5k8c] {
    --df-icon-bg: rgba(245, 158, 11, 0.15);
    --df-icon-border: rgba(245, 158, 11, 0.22);
    color: #b7791f;
}

.df-icon-container.df-tone--danger[b-40odfa5k8c] {
    --df-icon-bg: rgba(244, 63, 94, 0.12);
    --df-icon-border: rgba(244, 63, 94, 0.18);
    color: #e11d48;
}

.df-icon-container.df-tone--info[b-40odfa5k8c] {
    --df-icon-bg: rgba(59, 130, 246, 0.12);
    --df-icon-border: rgba(59, 130, 246, 0.18);
    color: #2563eb;
}
/* _content/DevFlowMessaging.Web/Components/DesignSystem/DFInitialsAvatar.razor.rz.scp.css */
.df-initials-avatar[b-cd2t4hps7c] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    overflow: hidden;
    border: 1px solid transparent;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.18);
    background: linear-gradient(135deg, var(--df-avatar-start), var(--df-avatar-end));
    color: #ffffff;
    font-weight: 800;
    letter-spacing: 0.04em;
    line-height: 1;
}

.df-initials-avatar--has-image[b-cd2t4hps7c] {
    background: #f8fafc;
}

.df-initials-avatar__image[b-cd2t4hps7c] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: fill;
    display: block;
    z-index: 1;
}

.df-initials-avatar__text[b-cd2t4hps7c] {
    position: relative;
    z-index: 0;
}

.df-initials-avatar.df-size--sm[b-cd2t4hps7c] {
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 12px;
    font-size: 0.78rem;
}

.df-initials-avatar.df-size--md[b-cd2t4hps7c] {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 16px;
    font-size: 0.92rem;
}

.df-initials-avatar.df-size--lg[b-cd2t4hps7c] {
    width: 4.6rem;
    height: 4.6rem;
    border-radius: 20px;
    font-size: 1.12rem;
}

.df-initials-avatar.df-tone--neutral[b-cd2t4hps7c] {
    --df-avatar-start: #eef2f7;
    --df-avatar-end: #dbe4ef;
    border-color: #dbe4ef;
    color: #475569;
}

.df-initials-avatar.df-tone--primary[b-cd2t4hps7c] {
    --df-avatar-start: var(--df-secondary);
    --df-avatar-end: var(--df-primary);
}

.df-initials-avatar.df-tone--success[b-cd2t4hps7c] {
    --df-avatar-start: #31c48d;
    --df-avatar-end: #10b981;
}

.df-initials-avatar.df-tone--warning[b-cd2t4hps7c] {
    --df-avatar-start: #fbbf24;
    --df-avatar-end: #f59e0b;
}

.df-initials-avatar.df-tone--danger[b-cd2t4hps7c] {
    --df-avatar-start: #fb7185;
    --df-avatar-end: #ef4444;
}

.df-initials-avatar.df-tone--info[b-cd2t4hps7c] {
    --df-avatar-start: #60a5fa;
    --df-avatar-end: #3b82f6;
}
/* _content/DevFlowMessaging.Web/Components/DesignSystem/DFPageHeader.razor.rz.scp.css */
.df-page-header[b-2tme0l5tq2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.df-page-header__copy[b-2tme0l5tq2] {
    min-width: 0;
}

.df-page-header__title[b-2tme0l5tq2] {
    margin: 0;
    line-height: 1.08;
    font-weight: 700;
    color: #0f172a;
    font-size: 1.85rem;
}

.df-page-header__subtitle[b-2tme0l5tq2] {
    margin-top: 0.45rem;
    color: #64748b;
    max-width: 70ch;
    font-size: 1.03rem;
}

.df-page-header__meta[b-2tme0l5tq2] {
    margin-top: 0.9rem;
}

.df-page-header__actions[b-2tme0l5tq2] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

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

    .df-page-header__actions[b-2tme0l5tq2] {
        margin-left: 0;
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}
/* _content/DevFlowMessaging.Web/Components/DesignSystem/DFPhoneNumberField.razor.rz.scp.css */
.df-phone-field[b-teh2oqmeh6] {
    display: grid;
    grid-template-columns: minmax(12rem, 0.9fr) minmax(0, 1.6fr);
    gap: 0.8rem;
    align-items: start;
}

.df-phone-field__country[b-teh2oqmeh6],
.df-phone-field__number[b-teh2oqmeh6] {
    min-width: 0;
}

@media (max-width: 639.98px) {
    .df-phone-field[b-teh2oqmeh6] {
        grid-template-columns: 1fr;
    }
}
/* _content/DevFlowMessaging.Web/Components/DesignSystem/DFSideNavigation.razor.rz.scp.css */
.df-side-nav[b-3v0qrb4x2w] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 100vh;
    background: #ffffff;
    border-right: 1px solid #e2e8f0;
}

.df-side-nav__brand[b-3v0qrb4x2w] {
    padding: 1.25rem 1rem 0.9rem;
}

.df-side-nav__scroll[b-3v0qrb4x2w] {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 0 0.6rem 0.9rem;
}

.df-side-nav__footer[b-3v0qrb4x2w] {
    margin-top: auto;
    padding: 0.45rem 0.6rem 1rem;
}
/* _content/DevFlowMessaging.Web/Components/DesignSystem/DFSideNavigationItem.razor.rz.scp.css */
.df-side-nav-item[b-99aoy3x28q] {
    box-sizing: border-box;
    position: relative;
    display: grid;
    grid-template-columns: 0.22rem 1.35rem minmax(0, 1fr);
    align-items: center;
    column-gap: 0.68rem;
    width: 100%;
    min-height: 3rem;
    padding: 0.64rem 0.9rem 0.64rem 0.38rem;
    border: 1px solid transparent;
    border-radius: 16px;
    background: transparent;
    color: #5f6f86;
    text-decoration: none;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.16s ease, color 0.16s ease, border-color 0.16s ease;
}

.df-side-nav-item:hover[b-99aoy3x28q] {
    background: rgba(var(--df-primary-rgb), 0.06);
    color: #234fb6;
}

.df-side-nav-item:focus-visible[b-99aoy3x28q] {
    outline: 2px solid rgba(var(--df-primary-rgb), 0.28);
    outline-offset: 2px;
}

.df-side-nav-item.is-active[b-99aoy3x28q] {
    background: rgba(var(--df-primary-rgb), 0.09);
    color: var(--df-primary);
    border-color: rgba(var(--df-primary-rgb), 0.12);
}

.df-side-nav-item.is-disabled[b-99aoy3x28q],
.df-side-nav-item:disabled[b-99aoy3x28q] {
    cursor: not-allowed;
    opacity: 0.45;
}

.df-side-nav-item.is-disabled[b-99aoy3x28q] {
    pointer-events: none;
}

.df-side-nav-item__indicator[b-99aoy3x28q] {
    width: 0.22rem;
    height: 1.55rem;
    border-radius: 999px;
    background: transparent;
}

.df-side-nav-item.is-active .df-side-nav-item__indicator[b-99aoy3x28q] {
    background: var(--df-primary);
}

.df-side-nav-item__icon[b-99aoy3x28q] {
    width: 1.35rem;
    height: 1.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: inherit;
    flex: 0 0 auto;
}

.df-side-nav-item__glyph[b-99aoy3x28q] {
    font-size: 1.1rem;
    line-height: 1;
}

.df-side-nav-item__label[b-99aoy3x28q] {
    min-width: 0;
    font-size: 0.96rem;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.01em;
}
/* _content/DevFlowMessaging.Web/Components/DesignSystem/DFSideNavigationSection.razor.rz.scp.css */
.df-side-nav-section[b-i7m1j7t7l8] {
    margin-top: 1.05rem;
}

.df-side-nav-section__title[b-i7m1j7t7l8] {
    padding: 0 0.95rem;
    margin-bottom: 0.5rem;
    font-size: 0.72rem;
    letter-spacing: 0.19em;
    text-transform: uppercase;
    color: #8ea2be;
    font-weight: 700;
}

.df-side-nav-section__content[b-i7m1j7t7l8] {
    display: grid;
    gap: 0.2rem;
}
/* _content/DevFlowMessaging.Web/Components/DesignSystem/DFStatusCard.razor.rz.scp.css */
.df-status-card[b-c8020zu1g9] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 1rem;
    min-width: 0;
    height: 100%;
    padding: 1.2rem 1.25rem;
    border-radius: 18px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}

.df-status-card__icon[b-c8020zu1g9] {
    display: grid;
    align-items: center;
    justify-content: center;
}

.df-status-card__copy[b-c8020zu1g9] {
    min-width: 0;
}

.df-status-card__title[b-c8020zu1g9] {
    margin: 0;
    color: #64748b;
    font-weight: 600;
}

.df-status-card__value[b-c8020zu1g9] {
    margin-top: 0.35rem;
    color: #0f172a;
    font-weight: 700;
    line-height: 1.15;
}

.df-status-card__description[b-c8020zu1g9] {
    margin-top: 0.35rem;
    color: #475569;
}

.df-status-card__action[b-c8020zu1g9] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.df-status-card__action-button[b-c8020zu1g9] {
    appearance: none;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 12px;
    border: 1px solid #dbe4ef;
    background: #ffffff;
    color: #64748b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font: inherit;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
    transition: background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.df-status-card__action-button:hover:not(:disabled)[b-c8020zu1g9] {
    background: #f8fafc;
    color: #334155;
}

.df-status-card__action-button:focus-visible[b-c8020zu1g9] {
    outline: 2px solid rgba(var(--df-primary-rgb), 0.32);
    outline-offset: 2px;
}

.df-status-card__action-button:disabled[b-c8020zu1g9] {
    cursor: not-allowed;
    opacity: 0.45;
    box-shadow: none;
}

@media (max-width: 599.98px) {
    .df-status-card[b-c8020zu1g9] {
        grid-template-columns: auto 1fr;
    }

    .df-status-card__action[b-c8020zu1g9] {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }
}
/* _content/DevFlowMessaging.Web/Components/DesignSystem/DFStepper.razor.rz.scp.css */
.df-stepper[b-11l2544ck0] {
    display: flex;
    flex-direction: column;
    gap: 0.95rem;
    min-width: 0;
    min-height: 0;
    flex: 1 1 auto;
}

.df-stepper__bar[b-11l2544ck0] {
    display: flex;
    align-items: stretch;
    gap: 0.45rem;
    padding: 0.75rem 1rem;
    border-radius: 18px;
    border: 1px solid #dbe4ef;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.df-stepper__step-shell[b-11l2544ck0] {
    display: flex;
    align-items: center;
    min-width: 0;
    flex: 1 1 0;
}

.df-stepper__step[b-11l2544ck0] {
    appearance: none;
    border: 0;
    background: transparent;
    color: #64748b;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    min-width: 0;
    flex: 1 1 auto;
    padding: 0.82rem 0.95rem;
    border-radius: 14px;
    text-align: left;
    transition: background-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease, border-color 0.16s ease;
}

.df-stepper__step:hover:not(:disabled):not(.is-disabled)[b-11l2544ck0] {
    color: #334155;
    background: #f8fafc;
}

.df-stepper__step.is-active[b-11l2544ck0] {
    background: #f8fbff;
    color: #0f172a;
    box-shadow: none;
    border: 1px solid rgba(var(--df-primary-rgb), 0.12);
}

.df-stepper__step.is-complete[b-11l2544ck0] {
    color: #475569;
}

.df-stepper__step.is-disabled[b-11l2544ck0],
.df-stepper__step:disabled[b-11l2544ck0] {
    opacity: 0.55;
    cursor: not-allowed;
}

.df-stepper__marker[b-11l2544ck0] {
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #64748b;
    font-weight: 700;
    font-size: 0.95rem;
    box-shadow: none;
}

.df-stepper__marker.is-active[b-11l2544ck0] {
    background: linear-gradient(135deg, var(--df-secondary) 0%, var(--df-primary) 100%);
    border-color: transparent;
    color: #ffffff;
    box-shadow: none;
}

.df-stepper__marker.is-complete[b-11l2544ck0] {
    background: var(--df-primary-soft);
    border-color: rgba(var(--df-primary-rgb), 0.16);
    color: var(--df-primary);
}

.df-stepper__marker.is-disabled[b-11l2544ck0] {
    background: #ffffff;
}

.df-stepper__marker-icon[b-11l2544ck0] {
    font-size: 1rem;
}

.df-stepper__copy[b-11l2544ck0] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.df-stepper__title[b-11l2544ck0] {
    font-size: 0.96rem;
    font-weight: 700;
    line-height: 1.15;
    color: inherit;
}

.df-stepper__subtitle[b-11l2544ck0] {
    font-size: 0.8rem;
    line-height: 1.15;
    color: #94a3b8;
}

.df-stepper__connector[b-11l2544ck0] {
    flex: 0 0 3rem;
    height: 2px;
    margin-inline: 0.25rem 0.05rem;
    border-radius: 999px;
    background: #dbe4ef;
    align-self: center;
}

.df-stepper__connector.is-complete[b-11l2544ck0] {
    background: linear-gradient(90deg, rgba(var(--df-primary-rgb), 0.38) 0%, rgba(var(--df-primary-rgb), 0.8) 100%);
}

.df-stepper__panels[b-11l2544ck0] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

.df-stepper__panel[b-11l2544ck0] {
    min-width: 0;
    min-height: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

.df-stepper__center-stage[b-11l2544ck0] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 0 0.5rem;
    box-sizing: border-box;
}

@media (max-width: 767.98px) {
    .df-stepper__step-shell[b-11l2544ck0] {
        flex: 0 0 18.5rem;
    }

    .df-stepper__connector[b-11l2544ck0] {
        flex-basis: 1.8rem;
    }
}
/* _content/DevFlowMessaging.Web/Components/DesignSystem/DFSwitch.razor.rz.scp.css */
.df-switch[b-8qcwvagkcm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    min-width: 0;
    padding: 1rem 1.1rem;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}

.df-switch__copy[b-8qcwvagkcm] {
    min-width: 0;
    display: grid;
    gap: 0.25rem;
}

.df-switch__title[b-8qcwvagkcm] {
    margin: 0;
    color: #0f172a;
    font-weight: 700;
}

.df-switch__description[b-8qcwvagkcm] {
    margin: 0;
    color: #64748b;
}

.df-switch__control[b-8qcwvagkcm] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.df-switch.is-disabled[b-8qcwvagkcm] {
    opacity: 0.84;
}

@media (max-width: 767.98px) {
    .df-switch[b-8qcwvagkcm] {
        align-items: flex-start;
    }

    .df-switch__control[b-8qcwvagkcm] {
        padding-top: 0.1rem;
    }
}
/* _content/DevFlowMessaging.Web/Components/DesignSystem/DFTabs.razor.rz.scp.css */
.df-tabs[b-enc3x4fpi6] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.df-tabs__bar[b-enc3x4fpi6] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.3rem;
    border-radius: 16px;
    background: #f1f5f9;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
    width: fit-content;
    max-width: 100%;
    overflow: auto;
}

.df-tabs__tab[b-enc3x4fpi6] {
    appearance: none;
    border: 0;
    background: transparent;
    color: #64748b;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.72rem 0.95rem;
    font-weight: 600;
    line-height: 1;
    transition: background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
    white-space: nowrap;
}

.df-tabs__tab:hover[b-enc3x4fpi6] {
    color: #334155;
}

.df-tabs__tab.is-active[b-enc3x4fpi6] {
    background: #ffffff;
    color: #0f172a;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.14);
}

.df-tabs__tab.is-disabled[b-enc3x4fpi6] {
    opacity: 0.45;
    cursor: not-allowed;
}

.df-tabs__tab-icon[b-enc3x4fpi6] {
    font-size: 1rem;
}

.df-tabs__tab-text[b-enc3x4fpi6] {
    font-size: 0.95rem;
}

.df-tabs__tab-badge[b-enc3x4fpi6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.4rem;
    height: 1.4rem;
    padding: 0 0.4rem;
    border-radius: 999px;
    background: #e2e8f0;
    color: #475569;
    font-size: 0.78rem;
}

.df-tabs__panel[b-enc3x4fpi6] {
    min-width: 0;
}

@media (max-width: 767.98px) {
    .df-tabs__bar[b-enc3x4fpi6] {
        width: 100%;
    }
}
/* _content/DevFlowMessaging.Web/Components/DesignSystem/DFTopBar.razor.rz.scp.css */
.df-topbar[b-zsae3begx6] {
    position: sticky;
    top: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    padding: 1.15rem 1.4rem 1rem;
    background: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    box-shadow: 0 1px 0 rgba(15, 23, 42, 0.02);
}

.df-topbar__lead[b-zsae3begx6] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    min-width: 0;
}

.df-topbar__page-header[b-zsae3begx6] {
    min-width: 0;
    flex: 1 1 auto;
}

.df-topbar__back-button[b-zsae3begx6] {
    flex: 0 0 auto;
    width: 3.1rem;
    height: 3.1rem;
    border-radius: 14px;
    border: 1px solid #dbe4ef;
    background: #ffffff;
    color: #64748b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
    transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}

.df-topbar__back-button:hover[b-zsae3begx6] {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #334155;
}

.df-topbar__back-button:focus-visible[b-zsae3begx6] {
    outline: 2px solid rgba(var(--df-primary-rgb), 0.3);
    outline-offset: 2px;
}

.df-topbar__actions[b-zsae3begx6] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-left: auto;
}

.df-topbar__action-slot[b-zsae3begx6] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.df-topbar__search[b-zsae3begx6] {
    width: 18.5rem;
    min-width: 14.5rem;
}

.df-topbar__search[b-zsae3begx6]  .mud-input-root {
    border-radius: 14px;
    background: #ffffff;
}

.df-topbar__notification[b-zsae3begx6] {
    position: relative;
    width: 3.1rem;
    height: 3.1rem;
    border-radius: 14px;
    border: 1px solid #dbe4ef;
    background: #ffffff;
    color: #64748b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}

.df-topbar__notification-dot[b-zsae3begx6] {
    position: absolute;
    top: 0.6rem;
    right: 0.65rem;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 999px;
    background: #ef4444;
    box-shadow: 0 0 0 2px #ffffff;
}

.df-topbar__switcher[b-zsae3begx6] {
    flex: 0 0 auto;
}

.df-topbar__switcher-popover[b-zsae3begx6] {
    min-width: 19rem;
    padding: 0.85rem;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.14);
}

.df-topbar__switcher-panel[b-zsae3begx6] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.df-topbar__switcher-header[b-zsae3begx6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.1rem 0.15rem 0.4rem;
}

.df-topbar__switcher-heading[b-zsae3begx6] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.df-topbar__switcher-subtitle[b-zsae3begx6] {
    color: #94a3b8;
    line-height: 1.35;
}

.df-topbar__switcher-chip[b-zsae3begx6] {
    flex: 0 0 auto;
    align-self: center;
}

.df-topbar__account-button[b-zsae3begx6] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    height: 3.2rem;
    padding: 0.45rem 0.9rem 0.45rem 0.5rem;
    border-radius: 16px;
    border: 1px solid #dbe4ef;
    background: #ffffff;
    color: #334155;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}

.df-topbar__account-avatar[b-zsae3begx6] {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--df-secondary) 0%, var(--df-primary) 100%);
    color: #ffffff;
    font-size: 0.86rem;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.df-topbar__account-copy[b-zsae3begx6] {
    display: flex;
    align-items: center;
    min-width: 0;
}

.df-topbar__account-name[b-zsae3begx6] {
    font-size: 0.94rem;
    font-weight: 600;
    color: #334155;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 10rem;
}

.df-topbar__account-chevron[b-zsae3begx6] {
    color: #94a3b8;
}

.df-topbar__menu-title[b-zsae3begx6] {
    display: block;
    padding: 0;
    color: #334155;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.df-topbar__tenant-menu-item[b-zsae3begx6] {
    border-radius: 16px;
    padding: 0;
    margin: 0;
}

.df-topbar__tenant-item[b-zsae3begx6] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    padding: 0.85rem 0.9rem;
    border-radius: 16px;
    color: #334155;
    border: 1px solid #e6edf6;
    background: #ffffff;
    transition: background-color 0.16s ease, border-color 0.16s ease, transform 0.16s ease;
}

.df-topbar__tenant-item:hover[b-zsae3begx6] {
    background: #f8fbff;
    border-color: rgba(var(--df-primary-rgb), 0.18);
    transform: translateY(-1px);
}

.df-topbar__tenant-item.is-current[b-zsae3begx6] {
    background: rgba(var(--df-primary-rgb), 0.08);
    border-color: rgba(var(--df-primary-rgb), 0.18);
    color: var(--df-primary);
}

.df-topbar__tenant-avatar[b-zsae3begx6] {
    width: 2rem;
    height: 2rem;
    border-radius: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--df-secondary) 0%, var(--df-primary) 100%);
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    flex: 0 0 auto;
}

.df-topbar__tenant-copy[b-zsae3begx6] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
    flex: 1 1 auto;
}

.df-topbar__tenant-name[b-zsae3begx6] {
    font-weight: 600;
    line-height: 1.2;
}

.df-topbar__tenant-meta[b-zsae3begx6] {
    margin-top: 0.14rem;
    font-size: 0.78rem;
    color: #94a3b8;
}

.df-topbar__tenant-check[b-zsae3begx6] {
    margin-left: auto;
    flex: 0 0 auto;
}

.df-topbar__tenant-item.is-current .df-topbar__tenant-name[b-zsae3begx6] {
    font-weight: 700;
}

.df-topbar__tenant-item.is-current .df-topbar__tenant-meta[b-zsae3begx6] {
    color: var(--df-primary);
}

@media (max-width: 1199.98px) {
    .df-topbar[b-zsae3begx6] {
        padding: 1rem 1rem 0.9rem;
        flex-direction: column;
        align-items: stretch;
    }

    .df-topbar__lead[b-zsae3begx6] {
        width: 100%;
    }

    .df-topbar__actions[b-zsae3begx6] {
        width: 100%;
        justify-content: flex-start;
    }

    .df-topbar__search[b-zsae3begx6] {
        width: 100%;
        min-width: 0;
        flex: 1 1 100%;
    }
}

@media (max-width: 767.98px) {
    .df-topbar__lead[b-zsae3begx6] {
        gap: 0.7rem;
    }

    .df-topbar__back-button[b-zsae3begx6] {
        width: 2.85rem;
        height: 2.85rem;
    }

    .df-topbar__action-slot[b-zsae3begx6],
    .df-topbar__actions[b-zsae3begx6] {
        width: 100%;
    }

    .df-topbar__account-name[b-zsae3begx6] {
        max-width: 7.5rem;
    }
}
/* _content/DevFlowMessaging.Web/Components/Generic/AppBar.razor.rz.scp.css */
.df-appbar__inner[b-hrt7uz57u1] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    width: 100%;
    min-height: 4rem;
    padding: 0.85rem 1.25rem;
    box-sizing: border-box;
}
/* _content/DevFlowMessaging.Web/Components/Generic/ChatbotFlowBuilder.razor.rz.scp.css */
.chatbot-flow-builder[b-pxiqpxjr85] {
    min-width: 0;
}

.chatbot-flow-builder__workspace[b-pxiqpxjr85] {
    display: grid;
    grid-template-columns: minmax(230px, 270px) minmax(430px, 1fr) minmax(270px, 330px);
    align-items: start;
    gap: 1rem;
    min-width: 0;
}

.chatbot-flow-builder__rail[b-pxiqpxjr85],
.chatbot-flow-builder__editor[b-pxiqpxjr85],
.chatbot-flow-builder__preview-column[b-pxiqpxjr85] {
    min-width: 0;
}

.chatbot-flow-builder__rail[b-pxiqpxjr85],
.chatbot-flow-builder__preview-column[b-pxiqpxjr85] {
    position: sticky;
    top: 1rem;
}

[b-pxiqpxjr85] .chatbot-flow-builder__steps-card,
[b-pxiqpxjr85] .chatbot-flow-builder__editor-card,
[b-pxiqpxjr85] .chatbot-flow-builder__preview-card {
    height: auto;
}

.chatbot-flow-builder__step-list[b-pxiqpxjr85] {
    display: grid;
    gap: 0.45rem;
    margin: 0.8rem 0;
}

.chatbot-flow-builder__step[b-pxiqpxjr85] {
    width: 100%;
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.55rem;
    padding: 0.62rem;
    border: 1px solid transparent;
    border-radius: 0.78rem;
    background: transparent;
    color: #64748b;
    cursor: pointer;
    text-align: left;
    transition: border-color 0.16s ease, background-color 0.16s ease;
}

.chatbot-flow-builder__step:hover:not(:disabled)[b-pxiqpxjr85] {
    background: #f8fafc;
}

.chatbot-flow-builder__step.is-selected[b-pxiqpxjr85] {
    border-color: rgba(var(--df-primary-rgb), 0.3);
    background: rgba(var(--df-primary-rgb), 0.055);
}

.chatbot-flow-builder__step-index[b-pxiqpxjr85] {
    width: 1.45rem;
    height: 1.45rem;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #edf2f7;
    color: #73839a;
    font-size: 0.64rem;
    font-weight: 750;
}

.chatbot-flow-builder__step.is-selected .chatbot-flow-builder__step-index[b-pxiqpxjr85] {
    background: var(--df-primary);
    color: #fff;
}

.chatbot-flow-builder__step-icon[b-pxiqpxjr85] {
    width: 2rem;
    height: 2rem;
    display: grid;
    place-items: center;
    border-radius: 0.65rem;
    color: #64748b;
    background: #f1f5f9;
}

.chatbot-flow-builder__step.is-selected .chatbot-flow-builder__step-icon[b-pxiqpxjr85] {
    color: var(--df-primary);
    background: rgba(var(--df-primary-rgb), 0.12);
}

.chatbot-flow-builder__step-icon[b-pxiqpxjr85]  .mud-icon-root {
    font-size: 1.08rem;
}

.chatbot-flow-builder__step-copy[b-pxiqpxjr85] {
    min-width: 0;
    display: grid;
    gap: 0.1rem;
}

.chatbot-flow-builder__step-copy strong[b-pxiqpxjr85],
.chatbot-flow-builder__step-copy small[b-pxiqpxjr85] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chatbot-flow-builder__step-copy strong[b-pxiqpxjr85] {
    color: #334155;
    font-size: 0.78rem;
}

.chatbot-flow-builder__step-copy small[b-pxiqpxjr85] {
    color: #8492a6;
    font-size: 0.65rem;
}

.chatbot-flow-builder__start-badge[b-pxiqpxjr85] {
    padding: 0.18rem 0.38rem;
    border-radius: 999px;
    color: #087f5b;
    background: #e9f8f2;
    font-size: 0.58rem;
    font-weight: 750;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.chatbot-flow-builder__rail-note[b-pxiqpxjr85],
.chatbot-flow-builder__preview-note[b-pxiqpxjr85] {
    display: flex;
    align-items: flex-start;
    gap: 0.48rem;
    margin-top: 0.8rem;
    padding: 0.68rem 0.72rem;
    border-radius: 0.72rem;
    color: #73839a;
    background: #f8fafc;
    font-size: 0.7rem;
    line-height: 1.4;
}

.chatbot-flow-builder__rail-note[b-pxiqpxjr85]  .mud-icon-root,
.chatbot-flow-builder__preview-note[b-pxiqpxjr85]  .mud-icon-root {
    flex: 0 0 auto;
    margin-top: 0.05rem;
    font-size: 0.95rem;
}

.chatbot-flow-builder__editor-form[b-pxiqpxjr85] {
    display: grid;
    gap: 1rem;
}

.chatbot-flow-builder__step-settings[b-pxiqpxjr85] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 0.7rem;
}

.chatbot-flow-builder__field-heading[b-pxiqpxjr85] {
    display: grid;
    gap: 0.15rem;
}

.chatbot-flow-builder__field-heading strong[b-pxiqpxjr85] {
    color: #334155;
    font-size: 0.8rem;
}

.chatbot-flow-builder__field-heading small[b-pxiqpxjr85] {
    color: #8190a5;
    font-size: 0.7rem;
}

.chatbot-flow-builder__type-grid[b-pxiqpxjr85] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));
    gap: 0.55rem;
}

.chatbot-flow-builder__type-option[b-pxiqpxjr85] {
    min-width: 0;
    min-height: 7.1rem;
    display: grid;
    align-content: start;
    justify-items: start;
    gap: 0.3rem;
    padding: 0.72rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.82rem;
    background: #fff;
    color: #718198;
    cursor: pointer;
    text-align: left;
    transition: border-color 0.16s ease, background-color 0.16s ease, transform 0.16s ease;
}

.chatbot-flow-builder__type-option:hover:not(:disabled)[b-pxiqpxjr85] {
    border-color: rgba(var(--df-primary-rgb), 0.26);
    background: #f8fbff;
    transform: translateY(-1px);
}

.chatbot-flow-builder__type-option.is-selected[b-pxiqpxjr85] {
    border-color: rgba(var(--df-primary-rgb), 0.42);
    background: rgba(var(--df-primary-rgb), 0.055);
}

.chatbot-flow-builder__type-option > span[b-pxiqpxjr85] {
    width: 2rem;
    height: 2rem;
    display: grid;
    place-items: center;
    border-radius: 0.65rem;
    color: #64748b;
    background: #f1f5f9;
}

.chatbot-flow-builder__type-option.is-selected > span[b-pxiqpxjr85] {
    color: var(--df-primary);
    background: rgba(var(--df-primary-rgb), 0.12);
}

.chatbot-flow-builder__type-option > span[b-pxiqpxjr85]  .mud-icon-root {
    font-size: 1.1rem;
}

.chatbot-flow-builder__type-option strong[b-pxiqpxjr85] {
    color: #334155;
    font-size: 0.75rem;
}

.chatbot-flow-builder__type-option.is-selected strong[b-pxiqpxjr85] {
    color: var(--df-primary);
}

.chatbot-flow-builder__type-option small[b-pxiqpxjr85] {
    color: #8492a6;
    font-size: 0.63rem;
    line-height: 1.35;
}

.chatbot-flow-builder__form-section[b-pxiqpxjr85] {
    display: grid;
    gap: 0.9rem;
    padding: 1rem;
    border: 1px solid #e3eaf2;
    border-radius: 0.9rem;
    background: #fbfcfe;
}

.chatbot-flow-builder__section-heading[b-pxiqpxjr85] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.7rem;
}

.chatbot-flow-builder__section-heading > span:first-child[b-pxiqpxjr85],
.chatbot-flow-builder__wait-setting-icon[b-pxiqpxjr85] {
    width: 2.35rem;
    height: 2.35rem;
    display: grid;
    place-items: center;
    border-radius: 0.7rem;
    color: var(--df-primary);
    background: rgba(var(--df-primary-rgb), 0.1);
}

.chatbot-flow-builder__section-heading > span:first-child[b-pxiqpxjr85]  .mud-icon-root,
.chatbot-flow-builder__wait-setting-icon[b-pxiqpxjr85]  .mud-icon-root {
    font-size: 1.15rem;
}

.chatbot-flow-builder__section-heading > div[b-pxiqpxjr85],
.chatbot-flow-builder__wait-setting > span:nth-child(2)[b-pxiqpxjr85] {
    min-width: 0;
    display: grid;
    gap: 0.12rem;
}

.chatbot-flow-builder__section-heading strong[b-pxiqpxjr85],
.chatbot-flow-builder__wait-setting strong[b-pxiqpxjr85] {
    color: #1e293b;
    font-size: 0.8rem;
}

.chatbot-flow-builder__section-heading small[b-pxiqpxjr85],
.chatbot-flow-builder__wait-setting small[b-pxiqpxjr85] {
    color: #7b8ba1;
    font-size: 0.69rem;
    line-height: 1.4;
}

.chatbot-flow-builder__two-column-fields[b-pxiqpxjr85] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.chatbot-flow-builder__route-card[b-pxiqpxjr85] {
    display: grid;
    gap: 0.65rem;
    padding: 0.8rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.8rem;
    background: #fff;
}

.chatbot-flow-builder__route-heading[b-pxiqpxjr85] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.55rem;
}

.chatbot-flow-builder__route-fields[b-pxiqpxjr85] {
    display: grid;
    grid-template-columns: minmax(8rem, 0.8fr) minmax(8rem, 1fr) minmax(10rem, 1.2fr);
    gap: 0.6rem;
}

.chatbot-flow-builder__wait-setting[b-pxiqpxjr85] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    padding: 0.85rem;
    border: 1px solid rgba(var(--df-primary-rgb), 0.18);
    border-radius: 0.85rem;
    background: rgba(var(--df-primary-rgb), 0.045);
}

.chatbot-flow-builder__variable-field[b-pxiqpxjr85] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 0.55rem;
}

.chatbot-flow-builder__variable-field > :last-child[b-pxiqpxjr85] {
    margin-top: 0.3rem;
}

.chatbot-flow-builder__flow-fields[b-pxiqpxjr85] {
    display: grid;
    gap: 0.65rem;
    padding: 0.82rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.82rem;
    background: #fff;
}

.chatbot-flow-builder__flow-fields-heading[b-pxiqpxjr85] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.chatbot-flow-builder__flow-fields-heading > span:first-child[b-pxiqpxjr85] {
    min-width: 0;
    display: grid;
    gap: 0.1rem;
}

.chatbot-flow-builder__flow-fields-heading strong[b-pxiqpxjr85] {
    color: #334155;
    font-size: 0.76rem;
}

.chatbot-flow-builder__flow-fields-heading small[b-pxiqpxjr85],
.chatbot-flow-builder__flow-fields-empty[b-pxiqpxjr85] {
    color: #8492a6;
    font-size: 0.66rem;
    line-height: 1.45;
}

.chatbot-flow-builder__flow-fields-empty[b-pxiqpxjr85] {
    padding: 0.7rem;
    border-radius: 0.65rem;
    background: #f8fafc;
}

.chatbot-flow-builder__flow-fields-empty code[b-pxiqpxjr85] {
    color: var(--df-primary);
    font-weight: 700;
}

.chatbot-flow-builder__flow-field-list[b-pxiqpxjr85] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.45rem;
}

.chatbot-flow-builder__flow-field[b-pxiqpxjr85] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.5rem;
    padding: 0.52rem;
    border: 1px solid #edf1f5;
    border-radius: 0.65rem;
    background: #fbfcfe;
}

.chatbot-flow-builder__flow-field-icon[b-pxiqpxjr85] {
    width: 1.7rem;
    height: 1.7rem;
    display: grid;
    place-items: center;
    border-radius: 0.5rem;
    color: var(--df-primary);
    background: rgba(var(--df-primary-rgb), 0.09);
}

.chatbot-flow-builder__flow-field-icon[b-pxiqpxjr85]  .mud-icon-root {
    font-size: 0.9rem;
}

.chatbot-flow-builder__flow-field > span:nth-child(2)[b-pxiqpxjr85] {
    min-width: 0;
    display: grid;
    gap: 0.08rem;
}

.chatbot-flow-builder__flow-field strong[b-pxiqpxjr85],
.chatbot-flow-builder__flow-field code[b-pxiqpxjr85] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chatbot-flow-builder__flow-field strong[b-pxiqpxjr85] {
    color: #334155;
    font-size: 0.68rem;
}

.chatbot-flow-builder__flow-field code[b-pxiqpxjr85] {
    color: #66758b;
    font-size: 0.58rem;
}

.chatbot-flow-builder__flow-field > small[b-pxiqpxjr85] {
    padding: 0.15rem 0.32rem;
    border-radius: 999px;
    color: #74839a;
    background: #eef2f6;
    font-size: 0.55rem;
    font-weight: 700;
}

.chatbot-flow-builder__phone[b-pxiqpxjr85] {
    overflow: hidden;
    border: 6px solid #172033;
    border-radius: 1.5rem;
    background: #e9e5dc;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
}

.chatbot-flow-builder__phone-header[b-pxiqpxjr85] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.72rem;
    color: #fff;
    background: #0f766e;
}

.chatbot-flow-builder__phone-avatar[b-pxiqpxjr85] {
    width: 2rem;
    height: 2rem;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #0f766e;
    background: #fff;
}

.chatbot-flow-builder__phone-avatar[b-pxiqpxjr85]  .mud-icon-root {
    font-size: 1.05rem;
}

.chatbot-flow-builder__phone-header > span:last-child[b-pxiqpxjr85] {
    min-width: 0;
    display: grid;
    gap: 0.05rem;
}

.chatbot-flow-builder__phone-header strong[b-pxiqpxjr85] {
    font-size: 0.72rem;
}

.chatbot-flow-builder__phone-header small[b-pxiqpxjr85] {
    opacity: 0.78;
    font-size: 0.58rem;
}

.chatbot-flow-builder__phone-body[b-pxiqpxjr85] {
    min-height: 20rem;
    padding: 1rem 0.7rem;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    align-items: flex-start;
    background-color: #e7e2d8;
    background-image: radial-gradient(rgba(100, 116, 139, 0.09) 1px, transparent 1px);
    background-size: 14px 14px;
}

.chatbot-flow-builder__preview-wait[b-pxiqpxjr85] {
    align-self: center;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.38rem 0.6rem;
    border-radius: 999px;
    color: #52657c;
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
    font-size: 0.61rem;
    font-weight: 700;
}

.chatbot-flow-builder__preview-wait[b-pxiqpxjr85]  .mud-icon-root {
    font-size: 0.85rem;
}

.chatbot-flow-builder__message-bubble[b-pxiqpxjr85] {
    width: 100%;
    display: grid;
    gap: 0.65rem;
    padding: 0.75rem;
    border-radius: 0.2rem 0.8rem 0.8rem 0.8rem;
    color: #27364a;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.1);
    font-size: 0.72rem;
    line-height: 1.5;
    white-space: pre-wrap;
}

.chatbot-flow-builder__preview-kicker[b-pxiqpxjr85] {
    color: #7b8ba1;
    font-size: 0.56rem;
    font-weight: 750;
    letter-spacing: 0.05em;
}

.chatbot-flow-builder__preview-action[b-pxiqpxjr85],
.chatbot-flow-builder__preview-options span[b-pxiqpxjr85] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    padding-top: 0.55rem;
    border-top: 1px solid #e8edf2;
    color: #1474c4;
    font-size: 0.68rem;
    font-weight: 700;
    text-align: center;
}

.chatbot-flow-builder__preview-action[b-pxiqpxjr85]  .mud-icon-root {
    font-size: 0.9rem;
}

.chatbot-flow-builder__preview-options[b-pxiqpxjr85] {
    display: grid;
}

.chatbot-flow-builder__preview-empty[b-pxiqpxjr85] {
    width: 100%;
    padding: 1rem;
    border-radius: 0.8rem;
    color: #64748b;
    background: rgba(255, 255, 255, 0.78);
    font-size: 0.72rem;
    line-height: 1.5;
    text-align: center;
}

[b-pxiqpxjr85] .chatbot-flow-builder__editor-card .mud-input-outlined-border,
[b-pxiqpxjr85] .chatbot-flow-builder__steps-card .mud-input-outlined-border {
    border-color: #dbe5f0;
    border-radius: 12px;
}

[b-pxiqpxjr85] .chatbot-flow-builder__editor-card .mud-paper {
    border-color: #e2e8f0 !important;
    border-radius: 13px !important;
    background: #fbfcfe;
}

@media (max-width: 1399.98px) {
    .chatbot-flow-builder__workspace[b-pxiqpxjr85] {
        grid-template-columns: minmax(220px, 260px) minmax(420px, 1fr);
    }

    .chatbot-flow-builder__preview-column[b-pxiqpxjr85] {
        position: static;
        grid-column: 1 / -1;
    }

    .chatbot-flow-builder__preview-column[b-pxiqpxjr85]  .df-card__body {
        display: grid;
        grid-template-columns: minmax(260px, 330px) minmax(0, 1fr);
        align-items: start;
        gap: 1rem;
    }
}

@media (max-width: 899.98px) {
    .chatbot-flow-builder__workspace[b-pxiqpxjr85] {
        grid-template-columns: 1fr;
    }

    .chatbot-flow-builder__rail[b-pxiqpxjr85],
    .chatbot-flow-builder__preview-column[b-pxiqpxjr85] {
        position: static;
    }

    .chatbot-flow-builder__preview-column[b-pxiqpxjr85] {
        grid-column: auto;
    }
}

@media (max-width: 599.98px) {
    .chatbot-flow-builder__type-grid[b-pxiqpxjr85] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .chatbot-flow-builder__step-settings[b-pxiqpxjr85],
    .chatbot-flow-builder__two-column-fields[b-pxiqpxjr85],
    .chatbot-flow-builder__route-fields[b-pxiqpxjr85],
    .chatbot-flow-builder__variable-field[b-pxiqpxjr85],
    .chatbot-flow-builder__flow-field-list[b-pxiqpxjr85],
    .chatbot-flow-builder__preview-column[b-pxiqpxjr85]  .df-card__body {
        grid-template-columns: 1fr;
    }

    .chatbot-flow-builder__section-heading[b-pxiqpxjr85] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .chatbot-flow-builder__section-heading > :last-child[b-pxiqpxjr85] {
        grid-column: 1 / -1;
        justify-self: start;
    }
}
/* _content/DevFlowMessaging.Web/Components/Generic/ChatbotVariablePicker.razor.rz.scp.css */
.chatbot-variable-picker__trigger[b-riajrwgoj3] {
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
    min-height: 2rem;
    padding: 0.34rem 0.58rem;
    border: 1px solid rgba(var(--df-primary-rgb), 0.3);
    border-radius: 0.58rem;
    background: rgba(var(--df-primary-rgb), 0.045);
    color: var(--df-primary);
    font: inherit;
    font-size: 0.7rem;
    font-weight: 700;
    cursor: pointer;
}

.chatbot-variable-picker__trigger:hover:not(:disabled)[b-riajrwgoj3] {
    border-color: rgba(var(--df-primary-rgb), 0.5);
    background: rgba(var(--df-primary-rgb), 0.09);
}

.chatbot-variable-picker__trigger:disabled[b-riajrwgoj3] {
    border-color: #e2e8f0;
    background: #f8fafc;
    color: #a4afbd;
    cursor: not-allowed;
}

.chatbot-variable-picker__trigger[b-riajrwgoj3]  .mud-icon-root {
    font-size: 1rem;
}

.chatbot-variable-picker__count[b-riajrwgoj3] {
    min-width: 1.18rem;
    height: 1.18rem;
    display: grid;
    place-items: center;
    padding: 0 0.25rem;
    border-radius: 999px;
    background: rgba(var(--df-primary-rgb), 0.12);
    font-size: 0.6rem;
}

[b-riajrwgoj3] .chatbot-variable-picker__popover {
    width: min(25rem, calc(100vw - 2rem));
    max-width: min(25rem, calc(100vw - 2rem));
    border: 1px solid #e2e8f0;
    border-radius: 0.9rem;
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.16);
    overflow: hidden;
}

.chatbot-variable-picker__panel[b-riajrwgoj3] {
    width: 100%;
    padding: 0.8rem;
    background: #fff;
}

.chatbot-variable-picker__header[b-riajrwgoj3] {
    display: flex;
    align-items: center;
    gap: 0.62rem;
    margin-bottom: 0.65rem;
}

.chatbot-variable-picker__header-icon[b-riajrwgoj3] {
    width: 2rem;
    height: 2rem;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 0.62rem;
    color: var(--df-primary);
    background: rgba(var(--df-primary-rgb), 0.1);
}

.chatbot-variable-picker__header-icon[b-riajrwgoj3]  .mud-icon-root {
    font-size: 1.05rem;
}

.chatbot-variable-picker__header > span:last-child[b-riajrwgoj3] {
    display: grid;
    gap: 0.05rem;
}

.chatbot-variable-picker__header strong[b-riajrwgoj3] {
    color: #334155;
    font-size: 0.78rem;
}

.chatbot-variable-picker__header small[b-riajrwgoj3] {
    color: #8492a6;
    font-size: 0.66rem;
}

.chatbot-variable-picker__search[b-riajrwgoj3] {
    margin-bottom: 0.55rem;
}

.chatbot-variable-picker__list[b-riajrwgoj3] {
    display: grid;
    gap: 0.6rem;
    max-height: 22rem;
    overflow-y: auto;
}

.chatbot-variable-picker__group[b-riajrwgoj3] {
    display: grid;
    gap: 0.28rem;
}

.chatbot-variable-picker__group-heading[b-riajrwgoj3] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.18rem 0.22rem;
    color: #64748b;
    font-size: 0.64rem;
    font-weight: 750;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}

.chatbot-variable-picker__group-heading small[b-riajrwgoj3] {
    color: #9aa7b8;
    font-size: 0.58rem;
    font-weight: 650;
    letter-spacing: normal;
    text-transform: none;
}

.chatbot-variable-picker__option[b-riajrwgoj3] {
    width: 100%;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.55rem;
    padding: 0.55rem;
    border: 1px solid #edf1f5;
    border-radius: 0.68rem;
    background: #fff;
    color: #64748b;
    text-align: left;
    cursor: pointer;
}

.chatbot-variable-picker__option:hover[b-riajrwgoj3] {
    border-color: rgba(var(--df-primary-rgb), 0.3);
    background: rgba(var(--df-primary-rgb), 0.035);
}

.chatbot-variable-picker__option-icon[b-riajrwgoj3] {
    width: 1.75rem;
    height: 1.75rem;
    display: grid;
    place-items: center;
    border-radius: 0.52rem;
    color: var(--df-primary);
    background: rgba(var(--df-primary-rgb), 0.08);
}

.chatbot-variable-picker__option-icon[b-riajrwgoj3]  .mud-icon-root {
    font-size: 0.92rem;
}

.chatbot-variable-picker__option-copy[b-riajrwgoj3] {
    min-width: 0;
    display: grid;
    gap: 0.12rem;
}

.chatbot-variable-picker__option-copy strong[b-riajrwgoj3],
.chatbot-variable-picker__option-copy code[b-riajrwgoj3] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chatbot-variable-picker__option-copy strong[b-riajrwgoj3] {
    color: #334155;
    font-size: 0.72rem;
}

.chatbot-variable-picker__option-copy code[b-riajrwgoj3] {
    color: #66758b;
    font-size: 0.63rem;
}

.chatbot-variable-picker__type[b-riajrwgoj3] {
    padding: 0.16rem 0.34rem;
    border-radius: 999px;
    background: #f1f5f9;
    color: #74839a;
    font-size: 0.58rem;
    font-weight: 700;
}

.chatbot-variable-picker__empty[b-riajrwgoj3] {
    padding: 1rem 0.6rem;
    color: #8492a6;
    font-size: 0.7rem;
    text-align: center;
}
/* _content/DevFlowMessaging.Web/Components/Generic/PageBanner.razor.rz.scp.css */
.page-banner[b-mrzbz83obp] {
    padding: 1.35rem 1.45rem;
    margin-bottom: 1rem;
    border-radius: 18px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}

.page-banner__layout[b-mrzbz83obp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.page-banner__content[b-mrzbz83obp] {
    min-width: 0;
}

.page-banner__title[b-mrzbz83obp] {
    line-height: 1.1;
}

.page-banner__subtitle[b-mrzbz83obp] {
    max-width: 72ch;
    color: #64748b;
}

.page-banner__meta[b-mrzbz83obp] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 2px;
    flex-wrap: wrap;
}

.page-banner__aside[b-mrzbz83obp] {
    margin-left: auto;
}

@media (max-width: 599.98px) {
    .page-banner[b-mrzbz83obp] {
        padding: 12px 14px;
    }

    .page-banner__layout[b-mrzbz83obp] {
        flex-direction: column;
    }

    .page-banner__aside[b-mrzbz83obp] {
        margin-left: 0;
        width: 100%;
    }
}
/* _content/DevFlowMessaging.Web/Components/Generic/StatCard.razor.rz.scp.css */
.stat-card[b-groczppy0p] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 1.35rem 1.45rem;
    border-radius: 18px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
    height: 100%;
}

.stat-card__header[b-groczppy0p] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
}

.stat-card__title[b-groczppy0p] {
    margin: 0;
    color: #64748b;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.76rem;
}

.stat-card__secondary[b-groczppy0p] {
    margin: 0;
    color: #94a3b8;
}

.stat-card__value[b-groczppy0p] {
    margin-top: 0.7rem;
    color: #0f172a;
    font-weight: 800;
    line-height: 1.1;
}
/* _content/DevFlowMessaging.Web/Components/Layout/AuthLayout.razor.rz.scp.css */
.auth-layout #blazor-error-ui[b-7qcax6ju1z] {
    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;
}

.auth-layout #blazor-error-ui .dismiss[b-7qcax6ju1z] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

.auth-layout[b-7qcax6ju1z] {
    position: relative;
    min-height: 100vh;
    overflow-x: hidden;
    background:
        radial-gradient(circle at top left, rgba(14, 165, 233, 0.16), transparent 34%),
        radial-gradient(circle at bottom right, rgba(15, 118, 110, 0.14), transparent 30%),
        linear-gradient(180deg, #f8fbff 0%, #eef5fb 42%, #f7fafc 100%);
    color: #0f172a;
}

.auth-layout__orb[b-7qcax6ju1z] {
    position: absolute;
    border-radius: 999px;
    filter: blur(24px);
    pointer-events: none;
    opacity: 0.8;
}

.auth-layout__orb--left[b-7qcax6ju1z] {
    width: 22rem;
    height: 22rem;
    top: -8rem;
    left: -6rem;
    background: rgba(56, 189, 248, 0.18);
}

.auth-layout__orb--right[b-7qcax6ju1z] {
    width: 26rem;
    height: 26rem;
    right: -10rem;
    bottom: -12rem;
    background: rgba(20, 184, 166, 0.14);
}

.auth-layout__shell[b-7qcax6ju1z] {
    position: relative;
    z-index: 1;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    padding: 0;
}

.auth-layout__body[b-7qcax6ju1z] {
    flex: 1;
    min-width: 0;
}

@media (max-width: 640px) {
    .auth-layout__shell[b-7qcax6ju1z] {
        padding: 0;
    }
}
/* _content/DevFlowMessaging.Web/Components/Layout/DeveloperLayout.razor.rz.scp.css */
.developer-layout[b-9nv4750bsm] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--df-page-background);
    color: var(--df-text);
}

.developer-layout__header[b-9nv4750bsm] {
    position: sticky;
    top: 0;
    z-index: 50;
    border-bottom: 1px solid rgba(226, 232, 240, 0.92);
    background: rgba(255, 255, 255, 0.94);
    backdrop-filter: blur(16px);
}

.developer-layout__header-inner[b-9nv4750bsm],
.developer-layout__footer-inner[b-9nv4750bsm] {
    width: min(100% - 2.5rem, 82rem);
    margin: 0 auto;
}

.developer-layout__header-inner[b-9nv4750bsm] {
    min-height: 4.85rem;
    display: flex;
    align-items: center;
    gap: 2rem;
}

.developer-layout__brand[b-9nv4750bsm] {
    display: inline-flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
    color: #0f172a;
    text-decoration: none;
}

[b-9nv4750bsm] .developer-layout__logo {
    width: 11.5rem;
    max-height: 2.75rem;
    object-fit: contain;
}

.developer-layout__brand-divider[b-9nv4750bsm] {
    width: 1px;
    height: 1.75rem;
    background: #dbe4ef;
}

.developer-layout__brand-label[b-9nv4750bsm] {
    font-size: 0.84rem;
    font-weight: 720;
    letter-spacing: 0.04em;
}

.developer-layout__nav[b-9nv4750bsm] {
    display: flex;
    align-items: center;
    gap: 1.35rem;
    margin-left: auto;
}

.developer-layout__nav a[b-9nv4750bsm],
.developer-layout__footer a[b-9nv4750bsm] {
    color: #52637a;
    font-size: 0.78rem;
    font-weight: 620;
    text-decoration: none;
    transition: color 0.16s ease;
}

.developer-layout__nav a:hover[b-9nv4750bsm],
.developer-layout__footer a:hover[b-9nv4750bsm] {
    color: var(--df-primary);
}

.developer-layout__actions[b-9nv4750bsm] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.developer-layout__main[b-9nv4750bsm] {
    flex: 1 1 auto;
    min-width: 0;
}

.developer-layout__footer[b-9nv4750bsm] {
    margin-top: auto;
    border-top: 1px solid #e2e8f0;
    background: #ffffff;
}

.developer-layout__footer-inner[b-9nv4750bsm] {
    min-height: 7.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: 1.5rem 0;
}

.developer-layout__footer-inner > div:first-child[b-9nv4750bsm] {
    display: grid;
    gap: 0.3rem;
}

.developer-layout__footer strong[b-9nv4750bsm] {
    color: #0f172a;
    font-size: 0.88rem;
}

.developer-layout__footer span[b-9nv4750bsm] {
    color: #7b8ba1;
    font-size: 0.75rem;
}

.developer-layout__footer-links[b-9nv4750bsm] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

@media (max-width: 1020px) {
    .developer-layout__nav[b-9nv4750bsm] {
        display: none;
    }

    .developer-layout__actions[b-9nv4750bsm] {
        margin-left: auto;
    }
}

@media (max-width: 640px) {
    .developer-layout__header-inner[b-9nv4750bsm],
    .developer-layout__footer-inner[b-9nv4750bsm] {
        width: min(100% - 1.5rem, 82rem);
    }

    .developer-layout__header-inner[b-9nv4750bsm] {
        min-height: 4.25rem;
        gap: 0.75rem;
    }

    [b-9nv4750bsm] .developer-layout__logo {
        width: 8.8rem;
    }

    .developer-layout__brand-divider[b-9nv4750bsm],
    .developer-layout__brand-label[b-9nv4750bsm],
    .developer-layout__actions[b-9nv4750bsm]  .df-button--text {
        display: none;
    }

    .developer-layout__footer-inner[b-9nv4750bsm] {
        align-items: flex-start;
        flex-direction: column;
        gap: 1rem;
    }

    .developer-layout__footer-links[b-9nv4750bsm] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.65rem;
    }
}
/* _content/DevFlowMessaging.Web/Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-k01salfscm] {
    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-k01salfscm] {
        cursor: pointer;
        position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

.df-shell[b-k01salfscm] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    align-items: stretch;
    background: #f8fafc;
}

.df-shell__sidebar[b-k01salfscm] {
    position: sticky;
    top: 0;
    align-self: start;
    height: 100vh;
    overflow: hidden;
    background: #ffffff;
    border-right: 1px solid #e2e8f0;
}

.df-shell__main[b-k01salfscm] {
    min-height: 100vh;
    min-width: 0;
    padding: 0;
    background: #f8fafc;
    color: #0f172a;
    display: flex;
    flex-direction: column;
}
/* _content/DevFlowMessaging.Web/Components/Layout/PublicConsentLayout.razor.rz.scp.css */
.public-consent-layout[b-zcsfl6vt0e] {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 2rem 1rem;
    overflow: hidden;
    background: #2563eb;
}

@media (max-width: 639.98px) {
    .public-consent-layout[b-zcsfl6vt0e] {
        align-items: start;
        padding: 1rem 0.7rem;
    }
}
/* _content/DevFlowMessaging.Web/Components/Pages/Account.razor.rz.scp.css */
.account-page[b-18zh9hrnck] {
    min-height: 100vh;
    background: var(--df-page-background);
}

.account-page__content[b-18zh9hrnck] {
    padding: 1.35rem 1.7rem 2.2rem;
}

.account-page__tabs[b-18zh9hrnck] {
    min-width: 0;
}

.account-page__tab-panel[b-18zh9hrnck] {
    min-width: 0;
}

.account-page__settings-card[b-18zh9hrnck] {
    min-height: 18rem;
    max-width: 58rem;
}

.account-page__settings-grid[b-18zh9hrnck] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    padding-top: 0.35rem;
}

.account-page__settings-grid[b-18zh9hrnck]  .mud-input-control {
    min-width: 0;
}

.account-page__actions[b-18zh9hrnck] {
    display: flex;
    justify-content: flex-end;
    margin-top: 1.5rem;
    padding-top: 1.15rem;
    border-top: 1px solid #e8eef6;
}

@media (max-width: 767.98px) {
    .account-page__content[b-18zh9hrnck] {
        padding: 1rem 0.9rem 1.35rem;
    }

    .account-page__settings-grid[b-18zh9hrnck] {
        grid-template-columns: 1fr;
    }

    .account-page__actions[b-18zh9hrnck]  .df-button {
        width: 100%;
    }
}
/* _content/DevFlowMessaging.Web/Components/Pages/Bobgo.razor.rz.scp.css */
.bobgo-page[b-p2qm07hx20] {
    min-height: 100vh;
    background: #f8fafc;
}

.bobgo-page__content[b-p2qm07hx20] {
    padding: 1.35rem 1.7rem 2.2rem;
    display: grid;
    gap: 1.6rem;
}

.bobgo-page__status-row[b-p2qm07hx20] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    flex-wrap: wrap;
}

.bobgo-page__summary-grid[b-p2qm07hx20] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.bobgo-page__tabs[b-p2qm07hx20] {
    margin-top: 0.25rem;
}

.bobgo-page__tab-panel[b-p2qm07hx20] {
    min-width: 0;
}

@media (max-width: 1199.98px) {
    .bobgo-page__content[b-p2qm07hx20] {
        padding: 1.2rem 1.1rem 1.8rem;
    }

    .bobgo-page__summary-grid[b-p2qm07hx20] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .bobgo-page__content[b-p2qm07hx20] {
        padding: 1rem 0.9rem 1.35rem;
    }
}
/* _content/DevFlowMessaging.Web/Components/Pages/Chatbots.razor.rz.scp.css */
.chatbots-page[b-i413yiyric] {
    min-height: 100vh;
    background: var(--df-page-background);
}

.chatbots-page__content[b-i413yiyric] {
    display: grid;
    gap: 1rem;
    padding: 1.35rem 1.7rem 2.2rem;
}

.chatbots-page__summary-grid[b-i413yiyric] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.chatbots-page__grid-surface[b-i413yiyric] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}

.chatbots-page__name-cell[b-i413yiyric] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-width: 0;
}

.chatbots-page__name-cell > div:last-child[b-i413yiyric] {
    display: grid;
    min-width: 0;
}

.chatbots-page__name-cell strong[b-i413yiyric],
.chatbots-page__name-cell span[b-i413yiyric] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chatbots-page__name-cell strong[b-i413yiyric],
.chatbots-page__primary-text[b-i413yiyric] {
    color: #0f172a;
    font-weight: 680;
}

.chatbots-page__name-cell span[b-i413yiyric],
.chatbots-page__muted[b-i413yiyric] {
    color: #8493a8;
    font-size: 0.72rem;
}

.chatbots-page__bot-icon[b-i413yiyric] {
    width: 2.25rem;
    height: 2.25rem;
    display: grid;
    flex: 0 0 2.25rem;
    place-items: center;
    border-radius: 0.72rem;
    color: var(--df-primary);
    background: rgba(var(--df-primary-rgb), 0.09);
}

.chatbots-page__empty[b-i413yiyric] {
    display: grid;
    justify-items: center;
    gap: 0.65rem;
    padding: 3.5rem 1rem;
    text-align: center;
}

.chatbots-page__empty > .mud-icon-root[b-i413yiyric] {
    font-size: 2.5rem;
}

.chatbots-page__grid[b-i413yiyric]  .mud-table-head {
    background: #f8fafc;
}

.chatbots-page__grid[b-i413yiyric]  .mud-table-head .mud-table-cell {
    padding-top: 0.85rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid #e8eef6;
    color: #8ea2be;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.chatbots-page__grid[b-i413yiyric]  .mud-table-cell {
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
    border-bottom: 1px solid #e8eef6;
    vertical-align: middle;
}

@media (max-width: 1199.98px) {
    .chatbots-page__content[b-i413yiyric] {
        padding: 1.2rem 1.1rem 1.8rem;
    }

    .chatbots-page__summary-grid[b-i413yiyric] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .chatbots-page__content[b-i413yiyric] {
        padding: 1rem 0.9rem 1.35rem;
    }

    .chatbots-page__summary-grid[b-i413yiyric] {
        grid-template-columns: 1fr;
    }
}
/* _content/DevFlowMessaging.Web/Components/Pages/Developers.razor.rz.scp.css */
.developers-page[b-sevek4cbtw] {
    min-height: 100%;
    background: var(--df-page-background);
}

.developers-container[b-sevek4cbtw] {
    width: min(100% - 2.5rem, 82rem);
    margin-inline: auto;
}

.developers-hero[b-sevek4cbtw] {
    position: relative;
    overflow: hidden;
    padding: 5rem 0 0;
    background:
        radial-gradient(circle at 88% 10%, rgba(var(--df-secondary-rgb), 0.18), transparent 26rem),
        linear-gradient(180deg, #ffffff 0%, #f8fbff 70%, var(--df-page-background) 100%);
}

.developers-hero__glow[b-sevek4cbtw] {
    position: absolute;
    inset: auto auto -16rem -12rem;
    width: 32rem;
    height: 32rem;
    border-radius: 50%;
    background: rgba(var(--df-primary-rgb), 0.055);
    filter: blur(1px);
    pointer-events: none;
}

.developers-hero__content[b-sevek4cbtw] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(30rem, 0.98fr);
    align-items: center;
    gap: 5rem;
}

.developers-hero__copy[b-sevek4cbtw] {
    padding-bottom: 4rem;
}

.developers-hero__badges[b-sevek4cbtw] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-bottom: 1.5rem;
}

.developers-hero h1[b-sevek4cbtw] {
    max-width: 44rem;
    margin: 0;
    color: #0f172a;
    font-size: clamp(2.65rem, 5.2vw, 4.5rem);
    font-weight: 760;
    line-height: 1.02;
    letter-spacing: -0.045em;
}

.developers-hero__copy > p[b-sevek4cbtw] {
    max-width: 42rem;
    margin: 1.45rem 0 0;
    color: #52637a;
    font-size: 1.08rem;
    line-height: 1.75;
}

.developers-hero__actions[b-sevek4cbtw] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 2rem;
}

.developers-hero__terminal[b-sevek4cbtw] {
    position: relative;
    min-width: 0;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 22px;
    background: #0d1526;
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.2);
    overflow: hidden;
    transform: translateY(0.5rem);
}

.developers-terminal__bar[b-sevek4cbtw] {
    min-height: 3.2rem;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 1rem;
    padding: 0 1rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.14);
    color: #b7c5da;
    background: #111d31;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.71rem;
}

.developers-terminal__dots[b-sevek4cbtw] {
    display: flex;
    gap: 0.38rem;
}

.developers-terminal__dots span[b-sevek4cbtw] {
    width: 0.58rem;
    height: 0.58rem;
    border-radius: 50%;
    background: #fb7185;
}

.developers-terminal__dots span:nth-child(2)[b-sevek4cbtw] { background: #fbbf24; }
.developers-terminal__dots span:nth-child(3)[b-sevek4cbtw] { background: #34d399; }

.developers-terminal__status[b-sevek4cbtw] {
    justify-self: end;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: #86efac;
}

.developers-terminal__status i[b-sevek4cbtw] {
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.12);
}

.developers-hero__terminal pre[b-sevek4cbtw] {
    min-height: 22rem;
    margin: 0;
    padding: 2rem 2.1rem;
    overflow: auto;
    color: #d6e2f2;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.84rem;
    line-height: 1.8;
}

.code-keyword[b-sevek4cbtw] { color: #7dd3fc; }
.code-type[b-sevek4cbtw] { color: #c4b5fd; }
.code-string[b-sevek4cbtw] { color: #86efac; }
.code-method[b-sevek4cbtw] { color: #f9a8d4; }

.developers-facts[b-sevek4cbtw] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border: 1px solid #e2e8f0;
    border-bottom: 0;
    border-radius: 20px 20px 0 0;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
    overflow: hidden;
}

.developers-facts article[b-sevek4cbtw] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    min-width: 0;
    padding: 1.35rem 1.5rem;
}

.developers-facts article + article[b-sevek4cbtw] { border-left: 1px solid #e7edf4; }

.developers-facts article > div:last-child[b-sevek4cbtw] {
    min-width: 0;
    display: grid;
    gap: 0.18rem;
}

.developers-facts span[b-sevek4cbtw] {
    color: #7b8ba1;
    font-size: 0.7rem;
    font-weight: 680;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}

.developers-facts strong[b-sevek4cbtw] {
    overflow: hidden;
    color: #1e293b;
    font-size: 0.8rem;
    font-weight: 680;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.developers-documentation[b-sevek4cbtw] {
    display: grid;
    grid-template-columns: 13rem minmax(0, 1fr);
    gap: 4rem;
    padding-top: 4.25rem;
    padding-bottom: 6rem;
}

.developers-toc[b-sevek4cbtw] {
    position: sticky;
    top: 6.25rem;
    align-self: start;
    display: grid;
    gap: 1rem;
}

.developers-toc > span[b-sevek4cbtw] {
    color: #94a3b8;
    font-size: 0.66rem;
    font-weight: 760;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.developers-toc nav[b-sevek4cbtw] {
    display: grid;
    gap: 0.18rem;
    padding-left: 0.75rem;
    border-left: 1px solid #dbe4ef;
}

.developers-toc nav a[b-sevek4cbtw] {
    margin-left: -0.78rem;
    padding: 0.48rem 0 0.48rem 0.78rem;
    border-left: 2px solid transparent;
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 600;
    text-decoration: none;
}

.developers-toc nav a:hover[b-sevek4cbtw] {
    border-left-color: var(--df-secondary);
    color: var(--df-primary);
}

.developers-toc nav a.is-active[b-sevek4cbtw] {
    border-left-color: var(--df-primary);
    color: var(--df-primary);
    font-weight: 720;
}

.developers-toc nav a.is-group-active:not(.is-active)[b-sevek4cbtw] {
    color: #334155;
    font-weight: 700;
}

.developers-toc nav a.is-subitem[b-sevek4cbtw] {
    padding-top: 0.34rem;
    padding-bottom: 0.34rem;
    padding-left: 1.6rem;
    color: #8290a4;
    font-size: 0.72rem;
}

.developers-toc nav a.is-subitem.is-active[b-sevek4cbtw] {
    color: var(--df-primary);
}

.developers-toc__help[b-sevek4cbtw] {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    margin-top: 0.5rem;
    padding: 0.9rem;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #ffffff;
}

.developers-toc__help[b-sevek4cbtw]  .mud-icon-root {
    margin-top: 0.08rem;
    color: var(--df-primary);
    font-size: 1.1rem;
}

.developers-toc__help div[b-sevek4cbtw] {
    min-width: 0;
    display: grid;
    gap: 0.25rem;
}

.developers-toc__help strong[b-sevek4cbtw] { color: #1e293b; font-size: 0.73rem; }
.developers-toc__help a[b-sevek4cbtw] { color: var(--df-primary); font-size: 0.68rem; font-weight: 600; text-decoration: none; }

.developers-content[b-sevek4cbtw] {
    min-width: 0;
    max-width: 61rem;
}

.developers-section[b-sevek4cbtw] {
    scroll-margin-top: 6rem;
    padding: 4.3rem 0;
    border-bottom: 1px solid #e2e8f0;
}

.developers-section:first-child[b-sevek4cbtw] { padding-top: 0; }
.developers-section:last-child[b-sevek4cbtw] { border-bottom: 0; }

.developers-eyebrow[b-sevek4cbtw] {
    display: block;
    margin-bottom: 0.7rem;
    color: var(--df-primary);
    font-size: 0.7rem;
    font-weight: 760;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.developers-section h2[b-sevek4cbtw] {
    margin: 0;
    color: #0f172a;
    font-size: clamp(1.65rem, 3vw, 2.25rem);
    font-weight: 730;
    line-height: 1.18;
    letter-spacing: -0.025em;
}

.developers-section h3[b-sevek4cbtw] {
    margin: 2rem 0 0.45rem;
    color: #1e293b;
    font-size: 1rem;
    font-weight: 700;
}

.developers-section > p[b-sevek4cbtw],
.developers-response-note[b-sevek4cbtw] {
    max-width: 51rem;
    margin: 1rem 0 0;
    color: #64748b;
    font-size: 0.91rem;
    line-height: 1.75;
}

.developers-section p code[b-sevek4cbtw],
.developers-callout code[b-sevek4cbtw],
.developers-header-list code[b-sevek4cbtw],
.developers-table code[b-sevek4cbtw],
.developers-response-note code[b-sevek4cbtw] {
    padding: 0.12rem 0.34rem;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    color: #334155;
    background: #f8fafc;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.82em;
}

.developers-section a[b-sevek4cbtw] {
    color: var(--df-primary);
    font-weight: 620;
    text-decoration: none;
}

.developers-section a:hover[b-sevek4cbtw] { text-decoration: underline; }

.developers-lead[b-sevek4cbtw] { font-size: 1rem !important; }

.developers-overview-grid[b-sevek4cbtw] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 2rem;
}

.developers-overview-grid[b-sevek4cbtw]  .df-card { min-height: 12.5rem; }

.developers-card-label[b-sevek4cbtw] {
    display: inline-flex;
    padding: 0.34rem 0.55rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    color: #52637a;
    background: #f8fafc;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.66rem;
    font-weight: 650;
}

.developers-step[b-sevek4cbtw] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    margin-top: 2.1rem;
}

.developers-step__number[b-sevek4cbtw] {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid rgba(var(--df-primary-rgb), 0.18);
    border-radius: 10px;
    color: var(--df-primary);
    background: var(--df-primary-soft);
    font-size: 0.75rem;
    font-weight: 760;
}

.developers-step h3[b-sevek4cbtw] { margin: 0.1rem 0 0.22rem; }
.developers-step p[b-sevek4cbtw] { margin: 0; color: #7b8ba1; font-size: 0.78rem; line-height: 1.55; }

.developers-code-block[b-sevek4cbtw] {
    margin-top: 1.1rem;
    border: 1px solid #24334b;
    border-radius: 17px;
    background: #0d1526;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);
    overflow: hidden;
}

.developers-code-block__header[b-sevek4cbtw] {
    min-height: 3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0 0.6rem 0 1rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.13);
    color: #94a3b8;
    background: #111d31;
    font-size: 0.68rem;
    font-weight: 680;
    letter-spacing: 0.025em;
}

.developers-code-block__header[b-sevek4cbtw]  .developers-code-block__copy {
    --df-button-text-fg: #b9c8db;
    --df-button-text-hover-bg: rgba(255, 255, 255, 0.07);
    --df-button-text-hover-fg: #ffffff;
    min-height: 2rem;
    padding: 0.35rem 0.6rem;
    font-size: 0.7rem;
}

.developers-code-block pre[b-sevek4cbtw] {
    max-height: 38rem;
    margin: 0;
    padding: 1.35rem 1.45rem;
    overflow: auto;
    color: #d6e2f2;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.76rem;
    line-height: 1.72;
    tab-size: 4;
}

.developers-code-block pre.is-compact[b-sevek4cbtw] { max-height: 31rem; }

.developers-callout[b-sevek4cbtw] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-top: 1.4rem;
    padding: 1rem 1.1rem;
    border: 1px solid rgba(var(--df-primary-rgb), 0.16);
    border-radius: 15px;
    color: var(--df-primary);
    background: rgba(var(--df-primary-rgb), 0.055);
}

.developers-callout--warning[b-sevek4cbtw] {
    border-color: rgba(245, 158, 11, 0.2);
    color: #a16207;
    background: rgba(245, 158, 11, 0.07);
}

.developers-callout--neutral[b-sevek4cbtw] {
    border-color: #dbe4ef;
    color: #475569;
    background: #ffffff;
}

.developers-callout[b-sevek4cbtw]  .mud-icon-root { flex: 0 0 auto; margin-top: 0.05rem; font-size: 1.2rem; }
.developers-callout > div[b-sevek4cbtw] { display: grid; gap: 0.28rem; }
.developers-callout strong[b-sevek4cbtw] { font-size: 0.78rem; }
.developers-callout span[b-sevek4cbtw] { color: #64748b; font-size: 0.76rem; line-height: 1.6; }

.developers-detail-grid[b-sevek4cbtw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.developers-detail-grid article[b-sevek4cbtw] {
    display: grid;
    gap: 0.35rem;
    padding: 1rem 1.05rem;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #ffffff;
}

.developers-detail-grid strong[b-sevek4cbtw] { color: #1e293b; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.76rem; }
.developers-detail-grid span[b-sevek4cbtw] { color: #7b8ba1; font-size: 0.73rem; line-height: 1.55; }

.developers-message-example[b-sevek4cbtw] {
    scroll-margin-top: 6rem;
    margin-top: 2.5rem;
    padding-top: 2.35rem;
    border-top: 1px solid #e2e8f0;
}

.developers-message-example__heading[b-sevek4cbtw] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
}

.developers-message-example__heading > div:last-child[b-sevek4cbtw] {
    min-width: 0;
}

.developers-message-example__heading span[b-sevek4cbtw] {
    display: block;
    margin-bottom: 0.2rem;
    color: var(--df-primary);
    font-size: 0.66rem;
    font-weight: 760;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.developers-message-example__heading h3[b-sevek4cbtw] {
    margin: 0;
    font-size: 1.08rem;
}

.developers-message-example__heading p[b-sevek4cbtw] {
    margin: 0.42rem 0 0;
    color: #64748b;
    font-size: 0.78rem;
    line-height: 1.6;
}

.developers-message-example__heading code[b-sevek4cbtw] {
    padding: 0.1rem 0.28rem;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    background: #f8fafc;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.88em;
}

.developers-code-pair[b-sevek4cbtw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 1rem;
    margin-top: 1rem;
}

.developers-code-pair > *[b-sevek4cbtw] {
    min-width: 0;
    margin-top: 0;
}

.developers-template-model[b-sevek4cbtw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 0.65rem;
    margin-top: 1.5rem;
    padding: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
}

.developers-template-model > div[b-sevek4cbtw] {
    min-width: 0;
    display: grid;
    gap: 0.28rem;
}

.developers-template-model strong[b-sevek4cbtw] {
    color: #1e293b;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.72rem;
}

.developers-template-model span[b-sevek4cbtw] {
    color: #7b8ba1;
    font-size: 0.68rem;
    line-height: 1.45;
}

.developers-template-model[b-sevek4cbtw]  .mud-icon-root {
    color: #94a3b8;
    font-size: 1rem;
}

.developers-header-list[b-sevek4cbtw] {
    display: grid;
    gap: 0;
    margin-top: 1.5rem;
    border: 1px solid #e2e8f0;
    border-radius: 15px;
    background: #ffffff;
    overflow: hidden;
}

.developers-header-list > div[b-sevek4cbtw] {
    display: grid;
    grid-template-columns: 14rem minmax(0, 1fr);
    align-items: center;
    gap: 1rem;
    padding: 0.95rem 1rem;
}

.developers-header-list > div + div[b-sevek4cbtw] { border-top: 1px solid #edf1f6; }
.developers-header-list span[b-sevek4cbtw] { color: #64748b; font-size: 0.75rem; }

.developers-webhook-grid[b-sevek4cbtw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1.5rem;
}

.developers-webhook-grid h3[b-sevek4cbtw] { margin-top: 0; }
.developers-webhook-grid .developers-code-block[b-sevek4cbtw] { margin-top: 0.8rem; }

.developers-table-wrap[b-sevek4cbtw] {
    margin-top: 1.5rem;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    overflow-x: auto;
}

.developers-table[b-sevek4cbtw] {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}

.developers-table th[b-sevek4cbtw] {
    padding: 0.85rem 1rem;
    border-bottom: 1px solid #e2e8f0;
    color: #7b8ba1;
    background: #f8fafc;
    font-size: 0.66rem;
    font-weight: 760;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.developers-table td[b-sevek4cbtw] {
    padding: 1rem;
    border-bottom: 1px solid #edf1f6;
    color: #64748b;
    font-size: 0.74rem;
    line-height: 1.5;
    vertical-align: top;
}

.developers-table tbody tr:last-child td[b-sevek4cbtw] { border-bottom: 0; }

.developers-method[b-sevek4cbtw] {
    color: #0f8f69;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.67rem;
    font-weight: 760;
}

.developers-next-step[b-sevek4cbtw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    margin-top: 2rem;
    padding: 1.6rem;
    border: 1px solid rgba(var(--df-primary-rgb), 0.16);
    border-radius: 19px;
    background: linear-gradient(135deg, rgba(var(--df-secondary-rgb), 0.09), rgba(var(--df-primary-rgb), 0.07));
}

.developers-next-step span[b-sevek4cbtw] { color: var(--df-primary); font-size: 0.7rem; font-weight: 760; letter-spacing: 0.06em; text-transform: uppercase; }
.developers-next-step h3[b-sevek4cbtw] { max-width: 34rem; margin: 0.32rem 0 0; font-size: 1rem; line-height: 1.45; }

@media (max-width: 1100px) {
    .developers-hero__content[b-sevek4cbtw] { grid-template-columns: 1fr; gap: 1.5rem; }
    .developers-hero__copy[b-sevek4cbtw] { max-width: 49rem; padding-bottom: 1rem; }
    .developers-hero__terminal[b-sevek4cbtw] { width: min(100%, 48rem); transform: none; }
    .developers-documentation[b-sevek4cbtw] { grid-template-columns: 1fr; gap: 0; }
    .developers-toc[b-sevek4cbtw] { display: none; }
    .developers-content[b-sevek4cbtw] { max-width: none; }
}

@media (max-width: 760px) {
    .developers-container[b-sevek4cbtw] { width: min(100% - 1.5rem, 82rem); }
    .developers-hero[b-sevek4cbtw] { padding-top: 3.25rem; }
    .developers-hero h1[b-sevek4cbtw] { font-size: clamp(2.3rem, 12vw, 3.35rem); }
    .developers-hero__copy > p[b-sevek4cbtw] { font-size: 0.96rem; }
    .developers-hero__terminal pre[b-sevek4cbtw] { min-height: 0; padding: 1.3rem; font-size: 0.7rem; }
    .developers-terminal__status[b-sevek4cbtw] { display: none; }
    .developers-terminal__bar[b-sevek4cbtw] { grid-template-columns: 1fr auto 1fr; }
    .developers-facts[b-sevek4cbtw] { grid-template-columns: 1fr; border-bottom: 1px solid #e2e8f0; border-radius: 18px; }
    .developers-facts article + article[b-sevek4cbtw] { border-top: 1px solid #e7edf4; border-left: 0; }
    .developers-documentation[b-sevek4cbtw] { padding-top: 3rem; padding-bottom: 4rem; }
    .developers-section[b-sevek4cbtw] { padding: 3.3rem 0; }
    .developers-overview-grid[b-sevek4cbtw],
    .developers-detail-grid[b-sevek4cbtw],
    .developers-webhook-grid[b-sevek4cbtw],
    .developers-code-pair[b-sevek4cbtw] { grid-template-columns: 1fr; }
    .developers-overview-grid[b-sevek4cbtw]  .df-card { min-height: 0; }
    .developers-header-list > div[b-sevek4cbtw] { grid-template-columns: 1fr; gap: 0.55rem; }
    .developers-code-block pre[b-sevek4cbtw] { font-size: 0.68rem; padding: 1.15rem; }
    .developers-next-step[b-sevek4cbtw] { align-items: flex-start; flex-direction: column; }
    .developers-template-model[b-sevek4cbtw] { grid-template-columns: 1fr; }
    .developers-template-model[b-sevek4cbtw]  .mud-icon-root { transform: rotate(90deg); }
}

@media (max-width: 480px) {
    .developers-hero__actions[b-sevek4cbtw] { align-items: stretch; flex-direction: column; }
    .developers-hero__actions[b-sevek4cbtw]  .df-button { width: 100%; }
    .developers-terminal__bar[b-sevek4cbtw] { grid-template-columns: 1fr auto 1fr; }
    .developers-hero__terminal[b-sevek4cbtw] { border-radius: 17px; }
}
/* _content/DevFlowMessaging.Web/Components/Pages/FlowCampaigns.razor.rz.scp.css */
.flow-campaigns-page[b-zmil0dkis7] {
    min-height: 100vh;
    background: var(--df-page-background);
}

.flow-campaigns-page__content[b-zmil0dkis7] {
    display: grid;
    gap: 1rem;
    padding: 1.35rem 1.7rem 2.2rem;
}

.flow-campaigns-page__summary-grid[b-zmil0dkis7] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.flow-campaigns-page__grid-surface[b-zmil0dkis7] {
    overflow: hidden;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}

.flow-campaigns-page__flow-cell[b-zmil0dkis7] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.flow-campaigns-page__flow-cell > div:last-child[b-zmil0dkis7] {
    display: grid;
}

.flow-campaigns-page__flow-cell strong[b-zmil0dkis7] {
    color: #0f172a;
}

.flow-campaigns-page__flow-cell span[b-zmil0dkis7],
.flow-campaigns-page__muted[b-zmil0dkis7] {
    color: #8493a8;
    font-size: 0.72rem;
}

.flow-campaigns-page__flow-icon[b-zmil0dkis7] {
    width: 2.3rem;
    height: 2.3rem;
    display: grid;
    place-items: center;
    border-radius: 0.75rem;
    color: var(--df-primary);
    background: rgba(var(--df-primary-rgb), 0.09);
}

.flow-campaigns-page__empty[b-zmil0dkis7] {
    display: grid;
    justify-items: center;
    gap: 0.6rem;
    padding: 3.5rem 1rem;
    text-align: center;
}

.flow-campaigns-page__grid[b-zmil0dkis7]  .mud-table-head {
    background: #f8fafc;
}

.flow-campaigns-page__grid[b-zmil0dkis7]  .mud-table-head .mud-table-cell {
    border-bottom: 1px solid #e8eef6;
    color: #8ea2be;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.flow-campaigns-page__grid[b-zmil0dkis7]  .mud-table-body .mud-table-row {
    cursor: pointer;
}

.flow-campaigns-page__grid[b-zmil0dkis7]  .mud-table-cell {
    padding-top: 0.95rem;
    padding-bottom: 0.95rem;
    border-bottom: 1px solid #e8eef6;
}

@media (max-width: 1199.98px) {
    .flow-campaigns-page__summary-grid[b-zmil0dkis7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .flow-campaigns-page__content[b-zmil0dkis7] {
        padding: 1rem 0.9rem 1.35rem;
    }

    .flow-campaigns-page__summary-grid[b-zmil0dkis7] {
        grid-template-columns: 1fr;
    }
}
/* _content/DevFlowMessaging.Web/Components/Pages/FlowCampaignView.razor.rz.scp.css */
.flow-campaign-view[b-gntzu1i06v] {
    min-height: 100vh;
    background: var(--df-page-background);
}

.flow-campaign-view__topbar[b-gntzu1i06v],
.flow-campaign-view__heading[b-gntzu1i06v],
.flow-campaign-view__export-card[b-gntzu1i06v],
.flow-campaign-view__export-copy[b-gntzu1i06v],
.flow-campaign-view__export-controls[b-gntzu1i06v],
.flow-campaign-view__list-heading[b-gntzu1i06v],
.flow-campaign-view__respondent[b-gntzu1i06v] {
    display: flex;
    align-items: center;
}

.flow-campaign-view__topbar[b-gntzu1i06v] {
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.7rem;
    border-bottom: 1px solid #e7edf5;
    background: #fff;
}

.flow-campaign-view__heading[b-gntzu1i06v] {
    gap: 0.65rem;
}

.flow-campaign-view__content[b-gntzu1i06v] {
    display: grid;
    gap: 1rem;
    padding: 1.35rem 1.7rem 2.2rem;
}

.flow-campaign-view__muted[b-gntzu1i06v] {
    color: #76869b;
}

.flow-campaign-view__summary-grid[b-gntzu1i06v] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.flow-campaign-view__export-card[b-gntzu1i06v] {
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    background: #fff;
}

.flow-campaign-view__export-copy[b-gntzu1i06v],
.flow-campaign-view__export-controls[b-gntzu1i06v] {
    gap: 0.75rem;
}

.flow-campaign-view__export-icon[b-gntzu1i06v] {
    width: 2.5rem;
    height: 2.5rem;
    display: grid;
    place-items: center;
    border-radius: 0.8rem;
    color: #15803d;
    background: #dcfce7;
}

.flow-campaign-view__export-controls[b-gntzu1i06v]  .mud-input-control {
    width: 155px;
}

.flow-campaign-view__list-heading[b-gntzu1i06v] {
    justify-content: space-between;
    gap: 1rem;
    margin-top: 0.35rem;
}

.flow-campaign-view__list-heading[b-gntzu1i06v]  .mud-input-control {
    width: min(300px, 100%);
}

.flow-campaign-view__submissions[b-gntzu1i06v] {
    display: grid;
    gap: 0.65rem;
}

.flow-campaign-view__submission[b-gntzu1i06v] {
    overflow: hidden;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    background: #fff;
}

.flow-campaign-view__submission summary[b-gntzu1i06v] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 1rem;
    padding: 0.95rem 1.05rem;
    cursor: pointer;
    list-style: none;
}

.flow-campaign-view__submission summary[b-gntzu1i06v]::-webkit-details-marker {
    display: none;
}

.flow-campaign-view__respondent[b-gntzu1i06v] {
    gap: 0.7rem;
    min-width: 0;
}

.flow-campaign-view__respondent > div:last-child[b-gntzu1i06v],
.flow-campaign-view__submission-time[b-gntzu1i06v] {
    display: grid;
}

.flow-campaign-view__respondent span[b-gntzu1i06v],
.flow-campaign-view__submission-time span[b-gntzu1i06v] {
    color: #8a99ad;
    font-size: 0.72rem;
}

.flow-campaign-view__submission-time[b-gntzu1i06v] {
    text-align: right;
}

.flow-campaign-view__avatar[b-gntzu1i06v] {
    width: 2.35rem;
    height: 2.35rem;
    display: grid;
    flex: 0 0 2.35rem;
    place-items: center;
    border-radius: 999px;
    color: var(--df-primary);
    background: rgba(var(--df-primary-rgb), 0.1);
    font-weight: 750;
}

.flow-campaign-view__submission[open] .flow-campaign-view__chevron[b-gntzu1i06v] {
    transform: rotate(180deg);
}

.flow-campaign-view__result-grid[b-gntzu1i06v] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
    padding: 0.95rem 1.05rem 1.1rem;
    border-top: 1px solid #edf1f6;
    background: #fbfcfe;
}

.flow-campaign-view__result[b-gntzu1i06v] {
    display: grid;
    gap: 0.25rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid #e5eaf1;
    border-radius: 0.75rem;
    background: #fff;
}

.flow-campaign-view__result span[b-gntzu1i06v] {
    color: #8090a5;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.flow-campaign-view__result strong[b-gntzu1i06v] {
    overflow-wrap: anywhere;
    color: #1e293b;
    font-weight: 600;
}

.flow-campaign-view__empty[b-gntzu1i06v] {
    display: grid;
    justify-items: center;
    gap: 0.6rem;
    padding: 3rem 1rem;
    border: 1px dashed #cbd5e1;
    border-radius: 1rem;
    text-align: center;
}

@media (max-width: 1000px) {
    .flow-campaign-view__export-card[b-gntzu1i06v],
    .flow-campaign-view__export-controls[b-gntzu1i06v] {
        align-items: stretch;
        flex-direction: column;
    }

    .flow-campaign-view__export-controls[b-gntzu1i06v]  .mud-input-control {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .flow-campaign-view__content[b-gntzu1i06v],
    .flow-campaign-view__topbar[b-gntzu1i06v] {
        padding-right: 0.9rem;
        padding-left: 0.9rem;
    }

    .flow-campaign-view__summary-grid[b-gntzu1i06v],
    .flow-campaign-view__result-grid[b-gntzu1i06v] {
        grid-template-columns: 1fr;
    }

    .flow-campaign-view__list-heading[b-gntzu1i06v] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* _content/DevFlowMessaging.Web/Components/Pages/Integrations.razor.rz.scp.css */
.integrations-page[b-ujvsix3qdg] {
    min-height: 100vh;
    background: var(--df-page-background);
    font-family: "Montserrat", "Segoe UI", "Roboto", sans-serif;
}

.integrations-page__content[b-ujvsix3qdg] {
    padding: 1.5rem 1.7rem 2.4rem;
    display: grid;
    gap: 1.4rem;
}

.integrations-page[b-ujvsix3qdg]  .integrations-page__alert {
    margin: 1rem 1.7rem;
}

/* Component roots rendered by DFCard/MudBlazor need ::deep to receive page styles. */
.integrations-page[b-ujvsix3qdg]  .integrations-page__hero-card {
    padding: 1.5rem 1.6rem;
}

.integrations-page[b-ujvsix3qdg]  .integrations-page__hero-card .df-card__body {
    display: block;
    margin-top: 0;
}

.integrations-page__hero[b-ujvsix3qdg] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.integrations-page__hero-copy[b-ujvsix3qdg] {
    min-width: 0;
    flex: 1 1 42rem;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.integrations-page__hero-copy-inner[b-ujvsix3qdg] {
    min-width: 0;
    display: grid;
    gap: 0.85rem;
}

.integrations-page__hero-title-row[b-ujvsix3qdg] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 0.65rem;
    row-gap: 0.5rem;
}

.integrations-page[b-ujvsix3qdg]  .integrations-page__hero-title {
    margin: 0;
    color: var(--df-text);
    font-family: "Montserrat", "Segoe UI", "Roboto", sans-serif;
    font-size: 1.45rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.02em;
}

.integrations-page[b-ujvsix3qdg]  .integrations-page__hero-description {
    margin: 0;
    color: #475569;
    font-size: 0.96rem;
    line-height: 1.6;
    max-width: 64rem;
}

.integrations-page__hero-meta[b-ujvsix3qdg] {
    display: grid;
    gap: 0.35rem;
}

.integrations-page[b-ujvsix3qdg]  .integrations-page__hero-meta-line {
    margin: 0;
    color: #475569;
    font-size: 0.86rem;
    line-height: 1.5;
    word-break: break-word;
}

.integrations-page__hero-meta-label[b-ujvsix3qdg] {
    color: #334155;
    font-weight: 600;
}

.integrations-page__hero-meta-separator[b-ujvsix3qdg] {
    margin: 0 0.4rem;
    color: #94a3b8;
}

.integrations-page[b-ujvsix3qdg]  .integrations-page__hero-meta-link {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--df-primary);
    font-size: 0.86rem;
    font-weight: 600;
    text-decoration: none;
    width: fit-content;
    line-height: 1.25;
    margin-top: 0.15rem;
}

.integrations-page[b-ujvsix3qdg]  .integrations-page__hero-meta-link:hover {
    text-decoration: underline;
}

.integrations-page[b-ujvsix3qdg]  .integrations-page__hero-meta-link-icon {
    font-size: 0.95rem;
}

.integrations-page__hero-actions[b-ujvsix3qdg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    align-self: center;
}

.integrations-page[b-ujvsix3qdg]  .integrations-page__hero-button {
    min-width: 10.5rem;
    justify-content: center;
}

.integrations-page__section-header[b-ujvsix3qdg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0 0.1rem;
}

.integrations-page[b-ujvsix3qdg]  .integrations-page__section-title {
    margin: 0;
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.integrations-page[b-ujvsix3qdg]  .integrations-page__section-count {
    margin: 0;
    color: #64748b;
    font-size: 0.82rem;
    line-height: 1.4;
    white-space: nowrap;
}

.integrations-page__grid[b-ujvsix3qdg] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.15rem;
}

.integrations-page[b-ujvsix3qdg]  .integrations-page__integration-card {
    min-height: 18.5rem;
    padding: 1.4rem 1.45rem 1.3rem;
}

.integrations-page[b-ujvsix3qdg]  .integrations-page__integration-card .df-card__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 0;
    margin-top: 0;
}

.integrations-page__integration-head[b-ujvsix3qdg] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.85rem;
    align-items: start;
    margin-bottom: 0.85rem;
}

.integrations-page[b-ujvsix3qdg]  .integrations-page__integration-icon {
    flex-shrink: 0;
}

.integrations-page__integration-copy[b-ujvsix3qdg] {
    min-width: 0;
    padding-top: 0.05rem;
}

.integrations-page[b-ujvsix3qdg]  .integrations-page__integration-title {
    margin: 0;
    color: var(--df-text);
    font-family: "Montserrat", "Segoe UI", "Roboto", sans-serif;
    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.015em;
}

.integrations-page[b-ujvsix3qdg]  .integrations-page__integration-category {
    display: block;
    margin-top: 0.22rem;
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: 0.075em;
}

.integrations-page[b-ujvsix3qdg]  .integrations-page__integration-badge {
    align-self: start;
    margin-top: 0.05rem;
}

.integrations-page[b-ujvsix3qdg]  .integrations-page__integration-description {
    margin: 0 0 0.85rem;
    color: #475569;
    font-size: 0.9rem;
    line-height: 1.55;
}

.integrations-page__benefits[b-ujvsix3qdg] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.6rem;
}

.integrations-page__benefit[b-ujvsix3qdg] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    color: #64748b;
    font-size: 0.88rem;
    line-height: 1.45;
}

.integrations-page[b-ujvsix3qdg]  .integrations-page__benefit-icon {
    margin-top: 0.1rem;
    color: var(--df-primary);
    font-size: 1rem;
    flex: 0 0 auto;
}

.integrations-page__integration-footer[b-ujvsix3qdg] {
    margin-top: auto;
    padding-top: 1rem;
    border-top: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.integrations-page__integration-connection[b-ujvsix3qdg] {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: #64748b;
}

.integrations-page__integration-dot[b-ujvsix3qdg] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 999px;
    background: #10b981;
    flex: 0 0 auto;
}

.integrations-page[b-ujvsix3qdg]  .integrations-page__integration-connection-text,
.integrations-page[b-ujvsix3qdg]  .integrations-page__integration-empty {
    margin: 0;
    color: #64748b;
    font-size: 0.84rem;
    font-weight: 500;
    line-height: 1.4;
}

.integrations-page[b-ujvsix3qdg]  .integrations-page__integration-connection-text {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.integrations-page__integration-footer[b-ujvsix3qdg]  .df-button {
    min-height: 2.65rem;
    padding: 0.62rem 1rem;
    border-radius: 12px;
    font-size: 0.9rem;
}

.integrations-page[b-ujvsix3qdg]  .integrations-page__request-card {
    padding: 1.25rem 1.45rem;
}

.integrations-page[b-ujvsix3qdg]  .integrations-page__request-card .df-card__body {
    display: block;
    margin-top: 0;
}

.integrations-page__request[b-ujvsix3qdg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.integrations-page__request-copy[b-ujvsix3qdg] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.integrations-page[b-ujvsix3qdg]  .integrations-page__request-icon {
    flex-shrink: 0;
}

.integrations-page__request-text[b-ujvsix3qdg] {
    min-width: 0;
    display: grid;
    gap: 0.3rem;
}

.integrations-page[b-ujvsix3qdg]  .integrations-page__request-title {
    margin: 0;
    font-family: "Montserrat", "Segoe UI", "Roboto", sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
}

.integrations-page[b-ujvsix3qdg]  .integrations-page__request-copy-text {
    margin: 0;
    color: #64748b;
    font-size: 0.88rem;
    line-height: 1.45;
}

@media (max-width: 1199.98px) {
    .integrations-page__content[b-ujvsix3qdg] {
        padding: 1.2rem 1.1rem 1.8rem;
    }

    .integrations-page__grid[b-ujvsix3qdg] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .integrations-page__content[b-ujvsix3qdg] {
        padding: 1rem 0.9rem 1.35rem;
        gap: 1.1rem;
    }

    .integrations-page[b-ujvsix3qdg]  .integrations-page__hero-card,
    .integrations-page[b-ujvsix3qdg]  .integrations-page__integration-card,
    .integrations-page[b-ujvsix3qdg]  .integrations-page__request-card {
        padding: 1.15rem;
    }

    .integrations-page__hero[b-ujvsix3qdg] {
        flex-direction: column;
        gap: 1.15rem;
    }

    .integrations-page__hero-copy[b-ujvsix3qdg] {
        gap: 0.8rem;
    }

    .integrations-page__hero-actions[b-ujvsix3qdg] {
        width: 100%;
        justify-content: flex-start;
    }

    .integrations-page[b-ujvsix3qdg]  .integrations-page__hero-button {
        width: 100%;
    }

    .integrations-page[b-ujvsix3qdg]  .integrations-page__hero-title {
        font-size: 1.25rem;
    }

    .integrations-page__integration-head[b-ujvsix3qdg] {
        grid-template-columns: auto minmax(0, 1fr);
        gap: 0.75rem;
    }

    .integrations-page[b-ujvsix3qdg]  .integrations-page__integration-badge {
        grid-column: 1 / -1;
        justify-self: start;
        margin-top: 0.1rem;
    }

    .integrations-page__integration-footer[b-ujvsix3qdg] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.85rem;
    }

    .integrations-page__integration-footer[b-ujvsix3qdg]  .df-button {
        width: 100%;
    }
}
/* _content/DevFlowMessaging.Web/Components/Pages/Pricing.razor.rz.scp.css */
.developers-page[b-x8p29sqq3n] {
    min-height: 100%;
    background: var(--df-page-background);
}

.developers-container[b-x8p29sqq3n] {
    width: min(100% - 2.5rem, 82rem);
    margin-inline: auto;
}

.developers-hero[b-x8p29sqq3n] {
    position: relative;
    overflow: hidden;
    padding: 5rem 0 0;
    background:
        radial-gradient(circle at 88% 10%, rgba(var(--df-secondary-rgb), 0.18), transparent 26rem),
        linear-gradient(180deg, #ffffff 0%, #f8fbff 70%, var(--df-page-background) 100%);
}

.developers-hero__glow[b-x8p29sqq3n] {
    position: absolute;
    inset: auto auto -16rem -12rem;
    width: 32rem;
    height: 32rem;
    border-radius: 50%;
    background: rgba(var(--df-primary-rgb), 0.055);
    pointer-events: none;
}

.developers-hero__content[b-x8p29sqq3n] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(30rem, 0.98fr);
    align-items: center;
    gap: 5rem;
}

.developers-hero__copy[b-x8p29sqq3n] {
    padding-bottom: 4rem;
}

.developers-hero__badges[b-x8p29sqq3n] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-bottom: 1.5rem;
}

.developers-hero h1[b-x8p29sqq3n] {
    max-width: 44rem;
    margin: 0;
    color: #0f172a;
    font-size: clamp(2.65rem, 5.2vw, 4.5rem);
    font-weight: 760;
    line-height: 1.02;
    letter-spacing: -0.045em;
}

.developers-hero__copy > p[b-x8p29sqq3n] {
    max-width: 42rem;
    margin: 1.45rem 0 0;
    color: #52637a;
    font-size: 1.08rem;
    line-height: 1.75;
}

.developers-hero__actions[b-x8p29sqq3n] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 2rem;
}

.developers-hero__terminal[b-x8p29sqq3n] {
    position: relative;
    min-width: 0;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 22px;
    background: #0d1526;
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.2);
    overflow: hidden;
    transform: translateY(0.5rem);
}

.developers-terminal__bar[b-x8p29sqq3n] {
    min-height: 3.2rem;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 1rem;
    padding: 0 1rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.14);
    color: #b7c5da;
    background: #111d31;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.71rem;
}

.developers-terminal__dots[b-x8p29sqq3n] {
    display: flex;
    gap: 0.38rem;
}

.developers-terminal__dots span[b-x8p29sqq3n] {
    width: 0.58rem;
    height: 0.58rem;
    border-radius: 50%;
    background: #fb7185;
}

.developers-terminal__dots span:nth-child(2)[b-x8p29sqq3n] { background: #fbbf24; }
.developers-terminal__dots span:nth-child(3)[b-x8p29sqq3n] { background: #34d399; }

.developers-terminal__status[b-x8p29sqq3n] {
    justify-self: end;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: #86efac;
}

.developers-terminal__status i[b-x8p29sqq3n] {
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.12);
}

.pricing-summary[b-x8p29sqq3n] {
    min-height: 22rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2.35rem 2.5rem;
    color: #d6e2f2;
}

.pricing-summary__eyebrow[b-x8p29sqq3n] {
    color: #7dd3fc;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.pricing-summary__price[b-x8p29sqq3n] {
    margin-top: 0.55rem;
    color: #ffffff;
    font-size: clamp(3.3rem, 6vw, 4.8rem);
    font-weight: 760;
    line-height: 1;
    letter-spacing: -0.055em;
}

.pricing-summary__price span[b-x8p29sqq3n] {
    color: #94a3b8;
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0;
}

.pricing-summary__name[b-x8p29sqq3n] {
    margin-top: 0.55rem;
    color: #b7c5da;
    font-size: 0.9rem;
}

.pricing-summary__included[b-x8p29sqq3n] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin-top: 1.5rem;
    color: #86efac;
    font-size: 0.82rem;
    font-weight: 650;
}

.pricing-summary__included[b-x8p29sqq3n]  .mud-icon-root { font-size: 1.05rem; }

.pricing-summary__setup[b-x8p29sqq3n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    margin-top: 1.6rem;
    padding-top: 1.25rem;
    border-top: 1px solid rgba(148, 163, 184, 0.16);
}

.pricing-summary__setup > span[b-x8p29sqq3n] {
    color: #94a3b8;
    font-size: 0.78rem;
}

.pricing-summary__setup strong[b-x8p29sqq3n] {
    color: #ffffff;
    font-size: 1rem;
}

.pricing-summary__setup small[b-x8p29sqq3n] {
    color: #94a3b8;
    font-size: 0.68rem;
    font-weight: 600;
}

.developers-facts[b-x8p29sqq3n] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border: 1px solid #e2e8f0;
    border-bottom: 0;
    border-radius: 20px 20px 0 0;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
    overflow: hidden;
}

.developers-facts article[b-x8p29sqq3n] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    min-width: 0;
    padding: 1.35rem 1.5rem;
}

.developers-facts article + article[b-x8p29sqq3n] { border-left: 1px solid #e7edf4; }

.developers-facts article > div:last-child[b-x8p29sqq3n] {
    min-width: 0;
    display: grid;
    gap: 0.18rem;
}

.developers-facts span[b-x8p29sqq3n] {
    color: #7b8ba1;
    font-size: 0.7rem;
    font-weight: 680;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}

.developers-facts strong[b-x8p29sqq3n] {
    overflow: hidden;
    color: #1e293b;
    font-size: 0.8rem;
    font-weight: 680;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.developers-documentation[b-x8p29sqq3n] {
    display: grid;
    grid-template-columns: 13rem minmax(0, 1fr);
    gap: 4rem;
    padding-top: 4.25rem;
    padding-bottom: 6rem;
}

.developers-toc[b-x8p29sqq3n] {
    position: sticky;
    top: 6.25rem;
    align-self: start;
    display: grid;
    gap: 1rem;
}

.developers-toc > span[b-x8p29sqq3n] {
    color: #94a3b8;
    font-size: 0.66rem;
    font-weight: 760;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.developers-toc nav[b-x8p29sqq3n] {
    display: grid;
    gap: 0.18rem;
    padding-left: 0.75rem;
    border-left: 1px solid #dbe4ef;
}

.developers-toc nav a[b-x8p29sqq3n] {
    margin-left: -0.78rem;
    padding: 0.48rem 0 0.48rem 0.78rem;
    border-left: 2px solid transparent;
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 600;
    text-decoration: none;
}

.developers-toc nav a:hover[b-x8p29sqq3n] {
    border-left-color: var(--df-secondary);
    color: var(--df-primary);
}

.developers-toc nav a.is-active[b-x8p29sqq3n] {
    border-left-color: var(--df-primary);
    color: var(--df-primary);
    font-weight: 720;
}

.developers-toc__help[b-x8p29sqq3n] {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    margin-top: 0.5rem;
    padding: 0.9rem;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #ffffff;
}

.developers-toc__help[b-x8p29sqq3n]  .mud-icon-root {
    margin-top: 0.08rem;
    color: var(--df-primary);
    font-size: 1.1rem;
}

.developers-toc__help div[b-x8p29sqq3n] {
    min-width: 0;
    display: grid;
    gap: 0.25rem;
}

.developers-toc__help strong[b-x8p29sqq3n] { color: #1e293b; font-size: 0.73rem; }
.developers-toc__help a[b-x8p29sqq3n] { color: var(--df-primary); font-size: 0.68rem; font-weight: 600; text-decoration: none; }

.developers-content[b-x8p29sqq3n] {
    min-width: 0;
    max-width: 61rem;
}

.developers-section[b-x8p29sqq3n] {
    scroll-margin-top: 6rem;
    padding: 4.3rem 0;
    border-bottom: 1px solid #e2e8f0;
}

.developers-section:first-child[b-x8p29sqq3n] { padding-top: 0; }
.developers-section:last-child[b-x8p29sqq3n] { border-bottom: 0; }

.developers-eyebrow[b-x8p29sqq3n] {
    display: block;
    margin-bottom: 0.7rem;
    color: var(--df-primary);
    font-size: 0.7rem;
    font-weight: 760;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.developers-section h2[b-x8p29sqq3n] {
    margin: 0;
    color: #0f172a;
    font-size: clamp(1.65rem, 3vw, 2.25rem);
    font-weight: 730;
    line-height: 1.18;
    letter-spacing: -0.025em;
}

.developers-section h3[b-x8p29sqq3n] {
    margin: 0;
    color: #1e293b;
    font-size: 1rem;
    font-weight: 700;
}

.developers-section > p[b-x8p29sqq3n] {
    max-width: 51rem;
    margin: 1rem 0 0;
    color: #64748b;
    font-size: 0.91rem;
    line-height: 1.75;
}

.developers-lead[b-x8p29sqq3n] { font-size: 1rem !important; }

.developers-overview-grid[b-x8p29sqq3n] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 2rem;
}

.developers-overview-grid[b-x8p29sqq3n]  .df-card { min-height: 12.5rem; }

.pricing-card-price[b-x8p29sqq3n],
.pricing-card-label[b-x8p29sqq3n] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.3rem;
    padding: 0.34rem 0.55rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    color: #334155;
    background: #f8fafc;
    font-size: 0.78rem;
    font-weight: 740;
}

.pricing-card-price small[b-x8p29sqq3n],
.pricing-card-label[b-x8p29sqq3n] {
    color: #64748b;
    font-size: 0.66rem;
    font-weight: 650;
}

.pricing-feature[b-x8p29sqq3n] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    margin-top: 1.5rem;
    padding: 1.5rem;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05);
}

.pricing-feature--primary[b-x8p29sqq3n] {
    border-color: rgba(var(--df-primary-rgb), 0.2);
    background: linear-gradient(135deg, #ffffff, rgba(var(--df-primary-rgb), 0.055));
}

.pricing-feature--setup[b-x8p29sqq3n] {
    border-color: rgba(245, 158, 11, 0.2);
    background: linear-gradient(135deg, #ffffff, rgba(245, 158, 11, 0.055));
}

.pricing-feature__icon[b-x8p29sqq3n] {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    border-radius: 14px;
    color: var(--df-primary);
    background: var(--df-primary-soft);
}

.pricing-feature--setup .pricing-feature__icon[b-x8p29sqq3n] {
    color: #a16207;
    background: rgba(245, 158, 11, 0.1);
}

.pricing-feature__copy[b-x8p29sqq3n] { min-width: 0; }

.pricing-feature__copy > span[b-x8p29sqq3n],
.pricing-item__heading > span[b-x8p29sqq3n] {
    display: block;
    margin-bottom: 0.25rem;
    color: #7b8ba1;
    font-size: 0.65rem;
    font-weight: 720;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.pricing-feature__copy p[b-x8p29sqq3n] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin: 0.35rem 0 0;
    color: #64748b;
    font-size: 0.75rem;
}

.pricing-feature__copy p[b-x8p29sqq3n]  .mud-icon-root {
    color: #16a34a;
    font-size: 0.95rem;
}

.pricing-feature__price[b-x8p29sqq3n],
.pricing-item__price[b-x8p29sqq3n] {
    display: grid;
    justify-items: end;
    gap: 0.15rem;
}

.pricing-feature__price strong[b-x8p29sqq3n] {
    color: #0f172a;
    font-size: 1.55rem;
    line-height: 1;
    letter-spacing: -0.03em;
}

.pricing-feature__price span[b-x8p29sqq3n],
.pricing-item__price span[b-x8p29sqq3n] {
    color: #7b8ba1;
    font-size: 0.68rem;
}

.pricing-grid[b-x8p29sqq3n] {
    display: grid;
    gap: 1rem;
    margin-top: 1.5rem;
}

.pricing-grid--three[b-x8p29sqq3n] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pricing-grid--two[b-x8p29sqq3n] { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.pricing-item[b-x8p29sqq3n] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
    padding: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 15px;
    background: #ffffff;
}

.pricing-item--included[b-x8p29sqq3n] {
    border-color: rgba(34, 197, 94, 0.2);
    background: rgba(34, 197, 94, 0.035);
}

.pricing-item__heading[b-x8p29sqq3n] { min-width: 0; }
.pricing-item__heading h3[b-x8p29sqq3n] { font-size: 0.9rem; }

.pricing-item__heading > .pricing-status[b-x8p29sqq3n] {
    color: #a16207;
}

.pricing-item__heading > .pricing-status--launching[b-x8p29sqq3n] {
    color: var(--df-primary);
}

.pricing-item__price strong[b-x8p29sqq3n] {
    color: #1e293b;
    font-size: 0.9rem;
    white-space: nowrap;
}

.developers-callout[b-x8p29sqq3n] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
    margin-top: 1.4rem;
    padding: 1rem 1.1rem;
    border: 1px solid rgba(245, 158, 11, 0.2);
    border-radius: 15px;
    color: #a16207;
    background: rgba(245, 158, 11, 0.07);
}

.developers-callout[b-x8p29sqq3n]  .mud-icon-root { flex: 0 0 auto; margin-top: 0.05rem; font-size: 1.2rem; }
.developers-callout > div[b-x8p29sqq3n] { display: grid; gap: 0.28rem; }
.developers-callout strong[b-x8p29sqq3n] { font-size: 0.78rem; }
.developers-callout span[b-x8p29sqq3n] { color: #64748b; font-size: 0.76rem; line-height: 1.6; }

.developers-next-step[b-x8p29sqq3n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    margin-top: 2rem;
    padding: 1.6rem;
    border: 1px solid rgba(var(--df-primary-rgb), 0.16);
    border-radius: 19px;
    background: linear-gradient(135deg, rgba(var(--df-secondary-rgb), 0.09), rgba(var(--df-primary-rgb), 0.07));
}

.developers-next-step span[b-x8p29sqq3n] {
    color: var(--df-primary);
    font-size: 0.7rem;
    font-weight: 760;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.developers-next-step h3[b-x8p29sqq3n] {
    max-width: 34rem;
    margin: 0.32rem 0 0;
    font-size: 1rem;
    line-height: 1.45;
}

@media (max-width: 1100px) {
    .developers-hero__content[b-x8p29sqq3n] { grid-template-columns: 1fr; gap: 1.5rem; }
    .developers-hero__copy[b-x8p29sqq3n] { max-width: 49rem; padding-bottom: 1rem; }
    .developers-hero__terminal[b-x8p29sqq3n] { width: min(100%, 48rem); transform: none; }
    .developers-documentation[b-x8p29sqq3n] { grid-template-columns: 1fr; gap: 0; }
    .developers-toc[b-x8p29sqq3n] { display: none; }
    .developers-content[b-x8p29sqq3n] { max-width: none; }
}

@media (max-width: 820px) {
    .pricing-grid--three[b-x8p29sqq3n],
    .pricing-grid--two[b-x8p29sqq3n] { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
    .developers-container[b-x8p29sqq3n] { width: min(100% - 1.5rem, 82rem); }
    .developers-hero[b-x8p29sqq3n] { padding-top: 3.25rem; }
    .developers-hero h1[b-x8p29sqq3n] { font-size: clamp(2.3rem, 12vw, 3.35rem); }
    .developers-hero__copy > p[b-x8p29sqq3n] { font-size: 0.96rem; }
    .pricing-summary[b-x8p29sqq3n] { min-height: 0; padding: 2rem 1.5rem; }
    .developers-terminal__status[b-x8p29sqq3n] { display: none; }
    .developers-facts[b-x8p29sqq3n] { grid-template-columns: 1fr; border-bottom: 1px solid #e2e8f0; border-radius: 18px; }
    .developers-facts article + article[b-x8p29sqq3n] { border-top: 1px solid #e7edf4; border-left: 0; }
    .developers-documentation[b-x8p29sqq3n] { padding-top: 3rem; padding-bottom: 4rem; }
    .developers-section[b-x8p29sqq3n] { padding: 3.3rem 0; }
    .developers-overview-grid[b-x8p29sqq3n] { grid-template-columns: 1fr; }
    .developers-overview-grid[b-x8p29sqq3n]  .df-card { min-height: 0; }
    .developers-next-step[b-x8p29sqq3n] { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 560px) {
    .pricing-feature[b-x8p29sqq3n],
    .pricing-item[b-x8p29sqq3n] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .pricing-feature__price[b-x8p29sqq3n],
    .pricing-item__price[b-x8p29sqq3n] {
        grid-column: 2;
        justify-items: start;
        margin-top: 0.35rem;
    }
}

@media (max-width: 480px) {
    .developers-hero__actions[b-x8p29sqq3n] { align-items: stretch; flex-direction: column; }
    .developers-hero__actions[b-x8p29sqq3n]  .df-button { width: 100%; }
    .developers-hero__terminal[b-x8p29sqq3n] { border-radius: 17px; }
    .pricing-summary__setup[b-x8p29sqq3n] { align-items: flex-start; flex-direction: column; gap: 0.5rem; }
}
/* _content/DevFlowMessaging.Web/Components/Pages/Shopify.razor.rz.scp.css */
.shopify-page[b-azv4jkwa52] {
    min-height: 100vh;
    background: #f8fafc;
}

.shopify-page__content[b-azv4jkwa52] {
    padding: 1.35rem 1.7rem 2.2rem;
    display: grid;
    gap: 1.6rem;
}

.shopify-page__status-row[b-azv4jkwa52] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    flex-wrap: wrap;
}

.shopify-page__manage-link[b-azv4jkwa52] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--df-primary);
    font-weight: 600;
    text-decoration: none;
}

.shopify-page__manage-link:hover[b-azv4jkwa52] {
    text-decoration: underline;
}

.shopify-page__manage-link-icon[b-azv4jkwa52] {
    font-size: 1rem;
}

.shopify-page__sync-notice-shell[b-azv4jkwa52] {
    position: relative;
    padding-right: 2.85rem;
}

.shopify-page__sync-notice[b-azv4jkwa52] {
    margin-top: 0.05rem;
}

.shopify-page__sync-notice--active .df-alert__icon-glyph[b-azv4jkwa52] {
    animation: shopify-sync-spin-b-azv4jkwa52 1s linear infinite;
    transform-origin: center;
}

.shopify-page__sync-notice-shell .shopify-page__sync-notice-dismiss[b-azv4jkwa52] {
    position: absolute;
    top: 0.6rem;
    right: 0.65rem;
    z-index: 1;
}

.shopify-page__sync-notice-shell .shopify-page__sync-notice-dismiss:hover[b-azv4jkwa52] {
    background: rgba(15, 23, 42, 0.04);
}

.shopify-page__section-label[b-azv4jkwa52] {
    margin-top: 0.15rem;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #0f172a;
}

.shopify-page__sync-grid[b-azv4jkwa52] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.shopify-page__tabs[b-azv4jkwa52] {
    margin-top: 0.25rem;
}

.shopify-page__tab-panel[b-azv4jkwa52] {
    min-width: 0;
}

@media (max-width: 1199.98px) {
    .shopify-page__content[b-azv4jkwa52] {
        padding: 1.2rem 1.1rem 1.8rem;
    }

    .shopify-page__sync-grid[b-azv4jkwa52] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .shopify-page__content[b-azv4jkwa52] {
        padding: 1rem 0.9rem 1.35rem;
    }
}

@keyframes shopify-sync-spin-b-azv4jkwa52 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
/* _content/DevFlowMessaging.Web/Components/Pages/ShortLinks.razor.rz.scp.css */
.short-links-page[b-5onavco9bb] { min-height: 100vh; background: var(--df-page-background); }
.short-links-page__content[b-5onavco9bb] { display: grid; gap: 1rem; padding: 1.35rem 1.7rem 2.2rem; }
.short-links-page__summary-grid[b-5onavco9bb] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.short-links-page__grid-surface[b-5onavco9bb] { overflow: hidden; border: 1px solid #e2e8f0; border-radius: 18px; background: #fff; box-shadow: 0 1px 2px rgba(15,23,42,.05); }
.short-links-page__link-cell[b-5onavco9bb] { display: flex; align-items: center; gap: .7rem; }
.short-links-page__link-cell > div:last-child[b-5onavco9bb],
.short-links-page__grid td > span[b-5onavco9bb] { display: grid; }
.short-links-page__icon[b-5onavco9bb] { width: 2.3rem; height: 2.3rem; display: grid; place-items: center; flex: 0 0 auto; border-radius: .75rem; color: var(--df-primary); background: rgba(var(--df-primary-rgb),.09); }
.short-links-page__copy[b-5onavco9bb] { display: inline-flex; align-items: center; gap: .3rem; padding: 0; border: 0; color: var(--df-primary); background: transparent; font: inherit; font-size: .75rem; cursor: pointer; }
.short-links-page__destination[b-5onavco9bb] { max-width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.short-links-page__muted[b-5onavco9bb] { color: #8493a8; font-size: .72rem; }
.short-links-page__empty[b-5onavco9bb] { display: grid; justify-items: center; gap: .65rem; padding: 3.5rem 1rem; text-align: center; }
.short-links-page__grid[b-5onavco9bb]  .mud-table-head { background: #f8fafc; }
.short-links-page__grid[b-5onavco9bb]  .mud-table-head .mud-table-cell { color: #8ea2be; font-size: .75rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.short-links-page__grid[b-5onavco9bb]  .mud-table-body .mud-table-row { cursor: pointer; }
.short-links-page__grid[b-5onavco9bb]  .mud-table-cell { padding-top: .95rem; padding-bottom: .95rem; border-bottom: 1px solid #e8eef6; }
@media (max-width: 1200px) { .short-links-page__summary-grid[b-5onavco9bb] { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 768px) { .short-links-page__content[b-5onavco9bb] { padding: 1rem .9rem 1.35rem; } .short-links-page__summary-grid[b-5onavco9bb] { grid-template-columns: 1fr; } }
/* _content/DevFlowMessaging.Web/Components/Pages/ShortLinkView.razor.rz.scp.css */
.short-link-view[b-wc9kbgfx3z] { min-height: 100vh; background: var(--df-page-background); }
.short-link-view__content[b-wc9kbgfx3z] { display: grid; gap: 1rem; padding: 1.35rem 1.7rem 2.2rem; }
.short-link-view__identity[b-wc9kbgfx3z],
.short-link-view__identity > div[b-wc9kbgfx3z],
.short-link-view__filters[b-wc9kbgfx3z],
.short-link-view__filter-controls[b-wc9kbgfx3z],
.short-link-view__list-heading[b-wc9kbgfx3z] { display: flex; align-items: center; }
.short-link-view__identity[b-wc9kbgfx3z],
.short-link-view__filters[b-wc9kbgfx3z] { justify-content: space-between; gap: 1rem; padding: 1rem 1.15rem; border: 1px solid #e2e8f0; border-radius: 1rem; background: #fff; }
.short-link-view__identity > div[b-wc9kbgfx3z] { gap: .75rem; min-width: 0; }
.short-link-view__identity > div > div[b-wc9kbgfx3z] { display: grid; min-width: 0; }
.short-link-view__identity .short-link-view__identity-status[b-wc9kbgfx3z] { display: flex; align-items: center; gap: .5rem; flex: 0 0 auto; }
.short-link-view__identity strong[b-wc9kbgfx3z] { color: var(--df-primary); font-size: 1.05rem; }
.short-link-view__identity a[b-wc9kbgfx3z] { display: inline-flex; align-items: center; gap: .25rem; overflow: hidden; color: #73839a; text-overflow: ellipsis; white-space: nowrap; }
.short-link-view__icon[b-wc9kbgfx3z] { width: 2.6rem; height: 2.6rem; display: grid; place-items: center; flex: 0 0 auto; border-radius: .85rem; color: var(--df-primary); background: rgba(var(--df-primary-rgb),.09); }
.short-link-view__filter-controls[b-wc9kbgfx3z] { gap: .65rem; }
.short-link-view__filter-controls[b-wc9kbgfx3z]  .mud-input-control { width: 155px; }
.short-link-view__summary-grid[b-wc9kbgfx3z] { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; }
.short-link-view__insights[b-wc9kbgfx3z] { display: grid; grid-template-columns: minmax(0,2fr) minmax(260px,1fr); gap: 1rem; }
.short-link-view__ranking[b-wc9kbgfx3z] { display: grid; gap: .55rem; }
.short-link-view__ranking div[b-wc9kbgfx3z] { display: flex; justify-content: space-between; padding: .65rem .75rem; border-radius: .7rem; background: #f8fafc; }
.short-link-view__clicks[b-wc9kbgfx3z] { overflow: hidden; border: 1px solid #e2e8f0; border-radius: 1rem; background: #fff; }
.short-link-view__list-heading[b-wc9kbgfx3z] { justify-content: space-between; gap: 1rem; padding: 1rem; }
.short-link-view__list-heading[b-wc9kbgfx3z]  .mud-input-control { width: min(300px,100%); }
.short-link-view__table[b-wc9kbgfx3z]  .mud-table-head { background: #f8fafc; }
.short-link-view__table[b-wc9kbgfx3z]  .mud-table-cell { border-bottom: 1px solid #e8eef6; }
.short-link-view__table td > span[b-wc9kbgfx3z],
.short-link-view__table td > small[b-wc9kbgfx3z] { display: block; }
.short-link-view__table small[b-wc9kbgfx3z],
.short-link-view__muted[b-wc9kbgfx3z] { color: #8493a8; }
.short-link-view__referrer[b-wc9kbgfx3z] { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.short-link-view__empty-chart[b-wc9kbgfx3z] { display: grid; min-height: 180px; place-items: center; color: #8493a8; }
@media (max-width: 1100px) { .short-link-view__summary-grid[b-wc9kbgfx3z] { grid-template-columns: repeat(2,minmax(0,1fr)); } .short-link-view__insights[b-wc9kbgfx3z] { grid-template-columns: 1fr; } }
@media (max-width: 768px) { .short-link-view__content[b-wc9kbgfx3z] { padding: 1rem .9rem 1.35rem; } .short-link-view__summary-grid[b-wc9kbgfx3z] { grid-template-columns: 1fr; } .short-link-view__identity[b-wc9kbgfx3z],.short-link-view__filters[b-wc9kbgfx3z],.short-link-view__filter-controls[b-wc9kbgfx3z],.short-link-view__list-heading[b-wc9kbgfx3z] { align-items: stretch; flex-direction: column; } .short-link-view__filter-controls[b-wc9kbgfx3z]  .mud-input-control { width: 100%; } }
/* _content/DevFlowMessaging.Web/Components/Pages/TwilioNumberOnboarding.razor.rz.scp.css */
.twilio-onboarding[b-1p6fy1ea1l] {
    padding-bottom: 3rem;
}

.twilio-onboarding__steps[b-1p6fy1ea1l] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .75rem;
    margin: 1.5rem 0;
}

.twilio-onboarding__step[b-1p6fy1ea1l] {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: var(--mud-palette-text-secondary);
    border-bottom: 3px solid var(--mud-palette-lines-default);
    padding: .65rem .25rem;
}

.twilio-onboarding__step span[b-1p6fy1ea1l] {
    display: grid;
    place-items: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 999px;
    background: var(--mud-palette-background-grey);
    font-weight: 700;
}

.twilio-onboarding__step.is-current[b-1p6fy1ea1l],
.twilio-onboarding__step.is-complete[b-1p6fy1ea1l] {
    border-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary);
}

.twilio-onboarding__panel[b-1p6fy1ea1l] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 16px;
    padding: clamp(1.25rem, 3vw, 2.5rem);
}

.twilio-onboarding__actions[b-1p6fy1ea1l] {
    display: flex;
    justify-content: flex-end;
    gap: .75rem;
    margin-top: 2rem;
}

.twilio-onboarding__actions--top[b-1p6fy1ea1l] {
    margin: 0 0 1rem;
}

.twilio-onboarding__document[b-1p6fy1ea1l],
.twilio-onboarding__number[b-1p6fy1ea1l] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    padding: 1.25rem;
    margin-top: 1rem;
}

.twilio-onboarding__file[b-1p6fy1ea1l] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: 1rem;
    border: 1px dashed var(--mud-palette-primary);
    border-radius: 10px;
    cursor: pointer;
}

.twilio-onboarding__numbers[b-1p6fy1ea1l] {
    display: grid;
    gap: .75rem;
}

.twilio-onboarding__number[b-1p6fy1ea1l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
}

@media (max-width: 700px) {
    .twilio-onboarding__steps[b-1p6fy1ea1l] {
        grid-template-columns: 1fr;
        gap: .25rem;
    }

    .twilio-onboarding__step[b-1p6fy1ea1l] {
        display: none;
    }

    .twilio-onboarding__step.is-current[b-1p6fy1ea1l] {
        display: flex;
    }
}
/* _content/DevFlowMessaging.Web/Components/Pages/WhatsApp.razor.rz.scp.css */
.whatsapp-page[b-3g3g33mo37] {
    min-height: 100vh;
    background: var(--df-page-background);
}

.whatsapp-page__content[b-3g3g33mo37] {
    padding: 1.35rem 1.7rem 2.2rem;
    display: grid;
    gap: 1.6rem;
}

.whatsapp-page__status-row[b-3g3g33mo37] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    flex-wrap: wrap;
}

.whatsapp-page__manage-link[b-3g3g33mo37] {
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
    color: var(--df-primary);
    font-weight: 600;
    text-decoration: none;
}

.whatsapp-page__manage-link:hover[b-3g3g33mo37] {
    text-decoration: underline;
}

.whatsapp-page__manage-link-icon[b-3g3g33mo37] {
    font-size: 1rem;
}

.whatsapp-page__summary-grid[b-3g3g33mo37] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.whatsapp-page__tabs[b-3g3g33mo37] {
    margin-top: 0.1rem;
}

.whatsapp-page__tab-panel[b-3g3g33mo37] {
    min-width: 0;
}

.whatsapp-page__disabled-panel[b-3g3g33mo37] {
    padding: 0.25rem 0.1rem 0.1rem;
}

@media (max-width: 1199.98px) {
    .whatsapp-page__content[b-3g3g33mo37] {
        padding: 1.2rem 1.1rem 1.8rem;
    }

    .whatsapp-page__summary-grid[b-3g3g33mo37] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .whatsapp-page__content[b-3g3g33mo37] {
        padding: 1rem 0.9rem 1.35rem;
    }
}
/* _content/DevFlowMessaging.Web/Components/Pages/WhatsAppSubscribe.razor.rz.scp.css */
.public-consent[b-jykcwopwov] {
    width: min(100%, 34rem);
    padding: clamp(1.4rem, 4vw, 2.4rem);
    border: 1px solid #e2e8f0;
    border-radius: 22px;
    background: #fff;
    box-shadow: none;
    outline: 100vmax solid var(--consent-primary);
}

.public-consent__loading[b-jykcwopwov] {
    min-height: 20rem;
    display: grid;
    place-items: center;
}

.public-consent__header[b-jykcwopwov],
.public-consent__state[b-jykcwopwov] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.public-consent__header img[b-jykcwopwov],
.public-consent__initial[b-jykcwopwov] {
    width: 5rem;
    height: 5rem;
    margin-bottom: 1.25rem;
    border-radius: 16px;
    object-fit: contain;
}

.public-consent__initial[b-jykcwopwov] {
    display: grid;
    place-items: center;
    color: var(--consent-primary);
    background: color-mix(in srgb, var(--consent-primary) 11%, white);
    font-size: 1.8rem;
    font-weight: 800;
}

.public-consent h1[b-jykcwopwov] {
    margin: 0;
    color: #0f172a;
    font-size: clamp(1.3rem, 3vw, 1.6rem);
    line-height: 1.25;
    letter-spacing: -0.025em;
}

.public-consent__header p[b-jykcwopwov],
.public-consent__state p[b-jykcwopwov] {
    margin: 0.9rem 0 0;
    color: #64748b;
    line-height: 1.55;
}

.public-consent__form[b-jykcwopwov] {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    margin-top: 1.85rem;
}

.public-consent__fields[b-jykcwopwov] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.public-consent__agreement[b-jykcwopwov] {
    padding: 0.65rem 0.15rem 0.75rem;
    line-height: 1.5;
}

.public-consent__form[b-jykcwopwov]  .mud-primary-text,
.public-consent__form[b-jykcwopwov]  .mud-input-control-input-container:focus-within label,
.public-consent__form[b-jykcwopwov]  .mud-checkbox-input:checked + .mud-icon-root {
    color: var(--consent-primary) !important;
}

.public-consent__honeypot[b-jykcwopwov] {
    position: fixed;
    left: -10000px;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.public-consent__submit[b-jykcwopwov] {
    min-height: 2.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    border: 0;
    border-radius: 10px;
    background: var(--consent-primary);
    color: #fff;
    font: inherit;
    font-weight: 750;
    cursor: pointer;
    margin-top: 0.1rem;
    transition: filter 150ms ease, transform 150ms ease;
}

.public-consent__submit:hover:not(:disabled)[b-jykcwopwov] {
    filter: brightness(0.93);
    transform: translateY(-1px);
}

.public-consent__submit:disabled[b-jykcwopwov] {
    cursor: not-allowed;
    opacity: 0.55;
}

.public-consent__footer[b-jykcwopwov] {
    display: flex;
    justify-content: center;
    gap: 0.65rem;
    flex-wrap: wrap;
    margin-top: 1.6rem;
    color: #94a3b8;
    font-size: 0.78rem;
}

.public-consent__footer a[b-jykcwopwov] {
    color: var(--consent-primary);
    font-weight: 650;
    text-decoration: none;
}

.public-consent__state[b-jykcwopwov] {
    min-height: 18rem;
    justify-content: center;
    color: #64748b;
}

.public-consent__success-icon[b-jykcwopwov] {
    width: 4.5rem;
    height: 4.5rem;
    display: grid;
    place-items: center;
    margin-bottom: 1.15rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--consent-primary) 12%, white);
    color: var(--consent-primary);
}

@media (max-width: 639.98px) {
    .public-consent[b-jykcwopwov] {
        border-radius: 18px;
    }
}
/* _content/DevFlowMessaging.Web/Components/Pages/WhatsAppUnsubscribe.razor.rz.scp.css */
.public-consent[b-lmuqm4m2d4] {
    width: min(100%, 34rem);
    padding: clamp(1.4rem, 4vw, 2.4rem);
    border: 1px solid #e2e8f0;
    border-radius: 22px;
    background: #fff;
    box-shadow: none;
    outline: 100vmax solid var(--consent-primary);
}

.public-consent__loading[b-lmuqm4m2d4] {
    min-height: 20rem;
    display: grid;
    place-items: center;
}

.public-consent__header[b-lmuqm4m2d4],
.public-consent__state[b-lmuqm4m2d4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.public-consent__header img[b-lmuqm4m2d4],
.public-consent__initial[b-lmuqm4m2d4] {
    width: 5rem;
    height: 5rem;
    margin-bottom: 1.25rem;
    border-radius: 16px;
    object-fit: contain;
}

.public-consent__initial[b-lmuqm4m2d4] {
    display: grid;
    place-items: center;
    color: var(--consent-primary);
    background: color-mix(in srgb, var(--consent-primary) 11%, white);
    font-size: 1.8rem;
    font-weight: 800;
}

.public-consent h1[b-lmuqm4m2d4] {
    margin: 0;
    color: #0f172a;
    font-size: clamp(1.3rem, 3vw, 1.6rem);
    line-height: 1.25;
    letter-spacing: -0.025em;
}

.public-consent__header p[b-lmuqm4m2d4],
.public-consent__state p[b-lmuqm4m2d4] {
    margin: 0.9rem 0 0;
    color: #64748b;
    line-height: 1.55;
}

.public-consent__form[b-lmuqm4m2d4] {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    margin-top: 1.85rem;
}

.public-consent__fields[b-lmuqm4m2d4] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.public-consent__honeypot[b-lmuqm4m2d4] {
    position: fixed;
    left: -10000px;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.public-consent__submit[b-lmuqm4m2d4] {
    min-height: 2.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    border: 0;
    border-radius: 10px;
    background: var(--consent-primary);
    color: #fff;
    font: inherit;
    font-weight: 750;
    cursor: pointer;
    margin-top: 0.1rem;
    transition: filter 150ms ease, transform 150ms ease;
}

.public-consent__submit:hover:not(:disabled)[b-lmuqm4m2d4] {
    filter: brightness(0.93);
    transform: translateY(-1px);
}

.public-consent__submit:disabled[b-lmuqm4m2d4] {
    cursor: wait;
    opacity: 0.72;
}

.public-consent__footer[b-lmuqm4m2d4] {
    display: flex;
    justify-content: center;
    margin-top: 1.6rem;
    font-size: 0.78rem;
}

.public-consent__footer a[b-lmuqm4m2d4] {
    color: var(--consent-primary);
    font-weight: 650;
    text-decoration: none;
}

.public-consent__state[b-lmuqm4m2d4] {
    min-height: 18rem;
    justify-content: center;
    color: #64748b;
}

.public-consent__success-icon[b-lmuqm4m2d4] {
    width: 4.5rem;
    height: 4.5rem;
    display: grid;
    place-items: center;
    margin-bottom: 1.15rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--consent-primary) 12%, white);
    color: var(--consent-primary);
}

@media (max-width: 639.98px) {
    .public-consent[b-lmuqm4m2d4] {
        border-radius: 18px;
    }
}
/* _content/DevFlowMessaging.Web/Components/Shopify/ShopifyNotifications.razor.rz.scp.css */
.shopify-notifications[b-r8lzlat52b] {
}

.shopify-notifications__list[b-r8lzlat52b] {
    margin-top: 0.5rem;
}

.shopify-notifications__row[b-r8lzlat52b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.2rem;
    padding: 1.1rem 0;
}

.shopify-notifications__row + .shopify-notifications__row[b-r8lzlat52b] {
    border-top: 1px solid #e2e8f0;
}

.shopify-notifications__lead[b-r8lzlat52b] {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 0;
    flex: 1 1 auto;
}

.shopify-notifications__copy[b-r8lzlat52b] {
    min-width: 0;
}

.shopify-notifications__title-row[b-r8lzlat52b] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
}

.shopify-notifications__title[b-r8lzlat52b] {
    margin: 0;
    color: #0f172a;
    font-weight: 700;
}

.shopify-notifications__description[b-r8lzlat52b] {
    margin-top: 0.3rem;
    color: #64748b;
    line-height: 1.45;
}

.shopify-notifications__action[b-r8lzlat52b] {
    flex: 0 0 auto;
    min-width: 8.2rem;
}

@media (max-width: 767.98px) {
    .shopify-notifications[b-r8lzlat52b] {
        padding: 1.1rem 1rem 0.75rem;
    }

    .shopify-notifications__row[b-r8lzlat52b] {
        flex-direction: column;
        align-items: stretch;
    }

    .shopify-notifications__action[b-r8lzlat52b] {
        width: 100%;
        min-width: 0;
    }
}
/* _content/DevFlowMessaging.Web/Components/Shopify/ShopifyOverview.razor.rz.scp.css */
.shopify-overview[b-35ypu9a7ee] {
    display: grid;
    gap: 1.25rem;
    min-width: 0;
}

.shopify-overview.is-loading[b-35ypu9a7ee] {
    pointer-events: none;
    opacity: 0.72;
}

.shopify-overview__toolbar[b-35ypu9a7ee] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 1.35rem 1.45rem;
    border: 1px solid #dce9e3;
    border-radius: 18px;
    background:
        radial-gradient(circle at 0% 0%, rgba(22, 168, 117, 0.11), transparent 34%),
        linear-gradient(135deg, #ffffff 0%, #f7fcfa 100%);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.shopify-overview__intro[b-35ypu9a7ee] {
    min-width: 0;
    max-width: 43rem;
}

.shopify-overview__eyebrow[b-35ypu9a7ee] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.45rem;
    color: #50627a;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.shopify-overview__live-dot[b-35ypu9a7ee] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 999px;
    background: #16a875;
    box-shadow: 0 0 0 4px rgba(22, 168, 117, 0.12);
}

.shopify-overview__title[b-35ypu9a7ee] {
    margin: 0;
    color: #0f172a;
    font-size: clamp(1.25rem, 2vw, 1.65rem);
    font-weight: 800;
    line-height: 1.2;
}

.shopify-overview__subtitle[b-35ypu9a7ee] {
    max-width: 41rem;
    margin: 0.45rem 0 0;
    color: #64748b;
    font-size: 0.92rem;
    line-height: 1.55;
}

.shopify-overview__meta[b-35ypu9a7ee],
.shopify-overview__order-summary-badges[b-35ypu9a7ee] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.shopify-overview__meta[b-35ypu9a7ee] {
    margin-top: 0.85rem;
}

.shopify-overview__filters[b-35ypu9a7ee] {
    display: grid;
    grid-template-columns: minmax(14rem, 16rem) auto;
    align-items: end;
    gap: 0.75rem;
}

.shopify-overview__stats[b-35ypu9a7ee] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.shopify-overview__primary-grid[b-35ypu9a7ee],
.shopify-overview__details-grid[b-35ypu9a7ee] {
    display: grid;
    gap: 1rem;
    align-items: stretch;
}

.shopify-overview__primary-grid[b-35ypu9a7ee] {
    grid-template-columns: minmax(0, 1.65fr) minmax(20rem, 0.95fr);
}

.shopify-overview__details-grid[b-35ypu9a7ee] {
    grid-template-columns: minmax(0, 1.45fr) minmax(20rem, 0.85fr);
}

.shopify-overview__panel[b-35ypu9a7ee],
.shopify-overview__empty-shell[b-35ypu9a7ee] {
    min-width: 0;
}

.shopify-overview__chart[b-35ypu9a7ee] {
    min-width: 0;
    min-height: 290px;
}

.shopify-overview__empty-state[b-35ypu9a7ee] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    min-height: 7.5rem;
    padding: 1rem;
    border: 1px dashed #d9e3ef;
    border-radius: 0.85rem;
    background: #f8fafc;
}

.shopify-overview__empty-state--chart[b-35ypu9a7ee] {
    min-height: 290px;
    justify-content: center;
}

[b-35ypu9a7ee] .shopify-overview__empty-title {
    margin: 0;
    color: #0f172a;
    font-weight: 700;
}

[b-35ypu9a7ee] .shopify-overview__muted {
    margin-top: 0.2rem;
    color: #64748b;
}

.shopify-overview__catalog-summary[b-35ypu9a7ee] {
    padding: 1rem;
    border: 1px solid #dfeae5;
    border-radius: 0.85rem;
    background: linear-gradient(135deg, #f6fcf9 0%, #ffffff 100%);
}

.shopify-overview__catalog-value[b-35ypu9a7ee] {
    display: flex;
    align-items: baseline;
    gap: 0.45rem;
}

.shopify-overview__catalog-value strong[b-35ypu9a7ee] {
    color: #0f172a;
    font-size: 1.45rem;
    line-height: 1;
}

.shopify-overview__catalog-value span[b-35ypu9a7ee] {
    color: #64748b;
    font-size: 0.8rem;
    font-weight: 600;
}

.shopify-overview__availability-track[b-35ypu9a7ee],
.shopify-overview__metric-track[b-35ypu9a7ee] {
    height: 0.42rem;
    overflow: hidden;
    border-radius: 999px;
    background: #e7edf5;
}

.shopify-overview__availability-track[b-35ypu9a7ee] {
    margin-top: 0.85rem;
}

.shopify-overview__availability-track > span[b-35ypu9a7ee],
.shopify-overview__metric-track > span[b-35ypu9a7ee] {
    display: block;
    height: 100%;
    border-radius: inherit;
    transition: width 220ms ease;
}

.shopify-overview__availability-track > span[b-35ypu9a7ee] {
    background: linear-gradient(90deg, #16a875 0%, #0f9f73 100%);
}

.shopify-overview__catalog-summary > small[b-35ypu9a7ee] {
    display: block;
    margin-top: 0.45rem;
    color: #718198;
    font-size: 0.74rem;
}

.shopify-overview__catalog-grid[b-35ypu9a7ee] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem 1rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e8eef6;
}

.shopify-overview__catalog-grid > div[b-35ypu9a7ee] {
    display: grid;
    min-width: 0;
}

.shopify-overview__catalog-grid span[b-35ypu9a7ee] {
    color: #718198;
    font-size: 0.73rem;
    font-weight: 600;
}

.shopify-overview__catalog-grid strong[b-35ypu9a7ee] {
    margin-top: 0.18rem;
    color: #0f172a;
    font-size: 1rem;
}

.shopify-overview__catalog-grid strong.is-warning[b-35ypu9a7ee] {
    color: #b96a06;
}

.shopify-overview__order-list[b-35ypu9a7ee] {
    display: grid;
}

.shopify-overview__order-row[b-35ypu9a7ee] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0.9rem;
    padding: 0.9rem 0;
    border-bottom: 1px solid #e8eef6;
}

.shopify-overview__order-row:first-child[b-35ypu9a7ee] {
    padding-top: 0;
}

.shopify-overview__order-row:last-child[b-35ypu9a7ee] {
    padding-bottom: 0;
    border-bottom: 0;
}

.shopify-overview__order-icon[b-35ypu9a7ee] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.45rem;
    height: 2.45rem;
    border-radius: 0.75rem;
    background: #eaf2ff;
    color: var(--df-primary);
}

.shopify-overview__order-copy[b-35ypu9a7ee] {
    display: grid;
    min-width: 0;
}

.shopify-overview__order-copy strong[b-35ypu9a7ee] {
    color: #0f172a;
    font-size: 0.9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.shopify-overview__order-copy span[b-35ypu9a7ee],
.shopify-overview__order-amount span[b-35ypu9a7ee] {
    margin-top: 0.18rem;
    color: #718198;
    font-size: 0.74rem;
}

.shopify-overview__order-statuses[b-35ypu9a7ee] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.shopify-overview__order-amount[b-35ypu9a7ee] {
    display: grid;
    min-width: 8.5rem;
    text-align: right;
}

.shopify-overview__order-amount strong[b-35ypu9a7ee] {
    color: #0f172a;
    font-size: 0.9rem;
}

.shopify-overview__notification-stats[b-35ypu9a7ee] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.shopify-overview__notification-stats > div[b-35ypu9a7ee] {
    display: grid;
    padding: 0.8rem 0.85rem;
    border: 1px solid #e5ebf3;
    border-radius: 0.78rem;
    background: #fbfcfe;
}

.shopify-overview__notification-stats span[b-35ypu9a7ee] {
    color: #718198;
    font-size: 0.72rem;
    font-weight: 600;
}

.shopify-overview__notification-stats strong[b-35ypu9a7ee] {
    margin-top: 0.2rem;
    color: #0f172a;
    font-size: 1rem;
}

.shopify-overview__notification-stats strong.is-danger[b-35ypu9a7ee] {
    color: #dc2626;
}

.shopify-overview__notification-empty[b-35ypu9a7ee] {
    margin-top: 1rem;
    padding: 0.9rem 1rem;
    border-radius: 0.78rem;
    background: #f8fafc;
    color: #64748b;
    font-size: 0.8rem;
    line-height: 1.45;
}

.shopify-overview__notification-types[b-35ypu9a7ee] {
    display: grid;
    gap: 0.95rem;
    margin-top: 1.1rem;
    padding-top: 1rem;
    border-top: 1px solid #e8eef6;
}

.shopify-overview__group-title[b-35ypu9a7ee] {
    color: #50627a;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.shopify-overview__notification-heading[b-35ypu9a7ee] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.shopify-overview__notification-heading span[b-35ypu9a7ee] {
    color: #334155;
    font-size: 0.8rem;
    font-weight: 700;
}

.shopify-overview__notification-heading strong[b-35ypu9a7ee] {
    color: #0f172a;
    font-size: 0.86rem;
}

.shopify-overview__metric-track[b-35ypu9a7ee] {
    margin-top: 0.48rem;
}

.shopify-overview__metric-track > span[b-35ypu9a7ee] {
    background: linear-gradient(90deg, var(--df-primary) 0%, var(--df-secondary) 100%);
}

.shopify-overview__notification-type > small[b-35ypu9a7ee] {
    display: block;
    margin-top: 0.32rem;
    color: #718198;
    font-size: 0.7rem;
}

@media (max-width: 1399.98px) {
    .shopify-overview__toolbar[b-35ypu9a7ee] {
        align-items: stretch;
        flex-direction: column;
    }

    .shopify-overview__filters[b-35ypu9a7ee] {
        grid-template-columns: minmax(14rem, 1fr) auto;
    }
}

@media (max-width: 1199.98px) {
    .shopify-overview__primary-grid[b-35ypu9a7ee],
    .shopify-overview__details-grid[b-35ypu9a7ee] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991.98px) {
    .shopify-overview__stats[b-35ypu9a7ee] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .shopify-overview[b-35ypu9a7ee] {
        gap: 1rem;
    }

    .shopify-overview__toolbar[b-35ypu9a7ee] {
        padding: 1.1rem;
    }

    .shopify-overview__filters[b-35ypu9a7ee],
    .shopify-overview__stats[b-35ypu9a7ee],
    .shopify-overview__catalog-grid[b-35ypu9a7ee],
    .shopify-overview__notification-stats[b-35ypu9a7ee] {
        grid-template-columns: 1fr;
    }

    .shopify-overview__order-row[b-35ypu9a7ee] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .shopify-overview__order-statuses[b-35ypu9a7ee],
    .shopify-overview__order-amount[b-35ypu9a7ee] {
        grid-column: 2;
        justify-content: flex-start;
        text-align: left;
    }

    .shopify-overview__order-amount[b-35ypu9a7ee] {
        min-width: 0;
    }

    .shopify-overview__empty-state--chart[b-35ypu9a7ee] {
        min-height: 13rem;
    }
}
/* _content/DevFlowMessaging.Web/Components/Shopify/ShopifyProducts.razor.rz.scp.css */
.shopify-products-page[b-xl89jy3c5o] {
    padding-top: 0.25rem;
    display: grid;
    gap: 0.85rem;
}

.shopify-products-page__surface[b-xl89jy3c5o] {
    min-width: 0;
    padding: 0;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
    overflow: hidden;
}

.shopify-products-page__grid[b-xl89jy3c5o] {
    min-width: 0;
}

.shopify-products-page__product-cell[b-xl89jy3c5o] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    min-width: 0;
}

.shopify-products-page__product-avatar[b-xl89jy3c5o] {
    align-self: flex-start;
}

.shopify-products-page__product-copy[b-xl89jy3c5o] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    padding-top: 0.05rem;
}

.shopify-products-page__product-name[b-xl89jy3c5o] {
    margin: 0;
    color: #0f172a;
    font-weight: 700;
    line-height: 1.2;
}

.shopify-products-page__product-meta[b-xl89jy3c5o] {
    margin: 0;
    color: #64748b;
    line-height: 1.35;
    word-break: break-word;
}

.shopify-products-page__meta-separator[b-xl89jy3c5o] {
    padding: 0 0.35rem;
    color: #cbd5e1;
}

.shopify-products-page__price-text[b-xl89jy3c5o] {
    margin: 0;
    color: #0f172a;
    font-weight: 600;
}

.shopify-products-page__price-muted[b-xl89jy3c5o] {
    color: #64748b;
}

.shopify-products-page__status-cell[b-xl89jy3c5o] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.shopify-products-page__view-link[b-xl89jy3c5o] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    color: var(--df-primary);
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.shopify-products-page__view-link:hover[b-xl89jy3c5o] {
    text-decoration: underline;
}

.shopify-products-page__view-link-icon[b-xl89jy3c5o] {
    font-size: 1rem;
}

.shopify-products-page__empty-state[b-xl89jy3c5o] {
    padding: 1rem 0.2rem 0.35rem;
    display: grid;
    gap: 0.25rem;
}

.shopify-products-page__empty-copy[b-xl89jy3c5o] {
    color: #64748b;
}

.shopify-products-page__grid[b-xl89jy3c5o]  .mud-table-container {
    border-radius: 18px;
    overflow: hidden;
}

.shopify-products-page__grid[b-xl89jy3c5o]  .mud-table-head {
    background: #f8fafc;
}

.shopify-products-page__grid[b-xl89jy3c5o]  .mud-table-head .mud-table-cell {
    padding-top: 0.85rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid #e8eef6;
    color: #8ea2be;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.shopify-products-page__grid[b-xl89jy3c5o]  .mud-table-body .mud-table-row {
    transition: background-color 0.16s ease;
}

.shopify-products-page__grid[b-xl89jy3c5o]  .mud-table-body .mud-table-row:hover {
    background: rgba(var(--df-primary-rgb), 0.03);
}

.shopify-products-page__grid[b-xl89jy3c5o]  .mud-table-cell {
    padding-top: 0.95rem;
    padding-bottom: 0.95rem;
    border-bottom: 1px solid #e8eef6;
    vertical-align: middle;
}

.shopify-products-page__grid[b-xl89jy3c5o]  .mud-table-body .mud-table-row:last-child .mud-table-cell {
    border-bottom: 0;
}

.shopify-products-page__grid[b-xl89jy3c5o]  .mud-table-pagination {
    border-top: 1px solid #e8eef6;
}

@media (max-width: 767.98px) {
    .shopify-products-page__grid[b-xl89jy3c5o]  .mud-table-head .mud-table-cell,
    .shopify-products-page__grid[b-xl89jy3c5o]  .mud-table-cell {
        padding-left: 0.8rem;
        padding-right: 0.8rem;
    }
}
/* _content/DevFlowMessaging.Web/Components/ShortLinks/CreateShortLinkDialog.razor.rz.scp.css */
.short-link-dialog__header[b-0vp2qyaevp],
.short-link-dialog__form[b-0vp2qyaevp] { display: grid; gap: .85rem; }
.short-link-dialog__header[b-0vp2qyaevp] { margin-bottom: 1rem; }
.short-link-dialog__subtitle[b-0vp2qyaevp],
.short-link-dialog__hint[b-0vp2qyaevp] { color: #718096; }
.short-link-dialog__label[b-0vp2qyaevp] { margin-bottom: .35rem; font-weight: 700; }
.short-link-dialog__preview[b-0vp2qyaevp] { display: flex; align-items: center; gap: .65rem; margin-bottom: 1rem; padding: .8rem 1rem; border-radius: .9rem; color: var(--df-primary); background: rgba(var(--df-primary-rgb), .08); }
.short-link-dialog__slug-choice[b-0vp2qyaevp] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
.short-link-dialog__choice[b-0vp2qyaevp] { display: flex; align-items: center; gap: .65rem; padding: .8rem; border: 1px solid #dce4ee; border-radius: .85rem; background: #fff; text-align: left; cursor: pointer; }
.short-link-dialog__choice span[b-0vp2qyaevp] { display: grid; }
.short-link-dialog__choice small[b-0vp2qyaevp],
.short-link-dialog__enable-row small[b-0vp2qyaevp] { color: #7b8ba0; }
.short-link-dialog__choice.is-selected[b-0vp2qyaevp] { border-color: var(--df-primary); background: rgba(var(--df-primary-rgb), .055); color: var(--df-primary); }
.short-link-dialog__enable-row[b-0vp2qyaevp] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .8rem .9rem; border: 1px solid #e2e8f0; border-radius: .85rem; }
.short-link-dialog__enable-row span[b-0vp2qyaevp] { display: grid; }
@media (max-width: 620px) { .short-link-dialog__slug-choice[b-0vp2qyaevp] { grid-template-columns: 1fr; } }
/* _content/DevFlowMessaging.Web/Components/Whatsapp/AddButtonDialog.razor.rz.scp.css */
.template-buttons-dialog__header[b-qbrf85son1] {
    display: flex;
    align-items: flex-start;
    gap: 0.8rem;
    min-width: 0;
}

.template-buttons-dialog__header-icon[b-qbrf85son1],
.template-buttons-dialog__button-icon[b-qbrf85son1] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
}

.template-buttons-dialog__header-icon[b-qbrf85son1] {
    width: 2.65rem;
    height: 2.65rem;
    border-radius: 0.85rem;
    background: #eaf2ff;
    color: var(--df-primary);
}

.template-buttons-dialog__header-copy[b-qbrf85son1] {
    display: grid;
    flex: 1 1 auto;
    min-width: 0;
}

.template-buttons-dialog__title[b-qbrf85son1] {
    margin: 0;
    color: #0f172a;
    font-weight: 750;
}

.template-buttons-dialog__subtitle[b-qbrf85son1] {
    max-width: 36rem;
    margin-top: 0.25rem;
    color: #64748b;
}

.template-buttons-dialog__limits[b-qbrf85son1] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 1rem 0;
    flex-wrap: wrap;
}

.template-buttons-dialog__limits span[b-qbrf85son1] {
    padding: 0.35rem 0.58rem;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    background: #f8fafc;
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 600;
}

.template-buttons-dialog__limits strong[b-qbrf85son1] {
    color: #1e293b;
}

.template-buttons-dialog__grid[b-qbrf85son1] {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(16rem, 0.95fr);
    gap: 1rem;
    align-items: start;
}

.template-buttons-dialog__form-panel[b-qbrf85son1],
.template-buttons-dialog__list-panel[b-qbrf85son1] {
    min-width: 0;
    padding: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.9rem;
    background: #ffffff;
}

.template-buttons-dialog__list-panel[b-qbrf85son1] {
    background: #f8fafc;
}

.template-buttons-dialog__section-heading[b-qbrf85son1] {
    display: grid;
    gap: 0.16rem;
    margin-bottom: 0.9rem;
}

.template-buttons-dialog__section-heading strong[b-qbrf85son1] {
    color: #0f172a;
    font-size: 0.88rem;
}

.template-buttons-dialog__section-heading small[b-qbrf85son1] {
    color: #718198;
    font-size: 0.74rem;
}

.template-buttons-dialog__fields[b-qbrf85son1] {
    display: grid;
    gap: 0.75rem;
}

.template-buttons-dialog__form-panel[b-qbrf85son1]  .mud-input-control {
    margin-top: 0;
}

.template-buttons-dialog__form-panel[b-qbrf85son1]  .mud-input-outlined-border {
    border-color: #dbe5f0;
    border-radius: 0.72rem;
}

.template-buttons-dialog__mode[b-qbrf85son1] {
    padding: 0.7rem 0.8rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.72rem;
    background: #f8fafc;
}

.template-buttons-dialog__mode > span[b-qbrf85son1] {
    display: block;
    margin-bottom: 0.25rem;
    color: #718198;
    font-size: 0.72rem;
    font-weight: 650;
}

.template-buttons-dialog__radio-group[b-qbrf85son1]  .mud-radio-group {
    display: flex;
    gap: 0.85rem;
}

.template-buttons-dialog__url-preview[b-qbrf85son1] {
    display: grid;
    gap: 0.25rem;
    padding: 0.65rem 0.75rem;
    border-radius: 0.7rem;
    background: #f1f5f9;
}

.template-buttons-dialog__url-preview span[b-qbrf85son1] {
    color: #718198;
    font-size: 0.68rem;
    font-weight: 650;
}

.template-buttons-dialog__url-preview code[b-qbrf85son1] {
    color: #334155;
    font-size: 0.72rem;
    overflow-wrap: anywhere;
}

.template-buttons-dialog__form-actions[b-qbrf85son1] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 0.9rem;
}

.template-buttons-dialog__empty[b-qbrf85son1] {
    display: grid;
    justify-items: center;
    gap: 0.4rem;
    min-height: 10rem;
    align-content: center;
    padding: 1rem;
    color: #94a3b8;
    text-align: center;
}

.template-buttons-dialog__empty strong[b-qbrf85son1] {
    color: #475569;
    font-size: 0.82rem;
}

.template-buttons-dialog__empty span[b-qbrf85son1] {
    max-width: 14rem;
    font-size: 0.72rem;
    line-height: 1.4;
}

.template-buttons-dialog__list[b-qbrf85son1] {
    display: grid;
    gap: 0.5rem;
}

.template-buttons-dialog__button[b-qbrf85son1] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
    padding: 0.62rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.72rem;
    background: #ffffff;
}

.template-buttons-dialog__button.is-editing[b-qbrf85son1] {
    border-color: rgba(var(--df-primary-rgb), 0.28);
    box-shadow: 0 0 0 2px rgba(var(--df-primary-rgb), 0.07);
}

.template-buttons-dialog__button-icon[b-qbrf85son1] {
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 0.6rem;
    background: #e7f6f1;
    color: #0b9d70;
}

.template-buttons-dialog__button-icon[b-qbrf85son1]  .mud-icon-root {
    width: 0.95rem;
    height: 0.95rem;
    font-size: 0.95rem;
}

.template-buttons-dialog__button-copy[b-qbrf85son1] {
    display: grid;
    flex: 1 1 auto;
    min-width: 0;
}

.template-buttons-dialog__button-copy strong[b-qbrf85son1],
.template-buttons-dialog__button-copy small[b-qbrf85son1] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.template-buttons-dialog__button-copy strong[b-qbrf85son1] {
    color: #1e293b;
    font-size: 0.78rem;
}

.template-buttons-dialog__button-copy small[b-qbrf85son1] {
    margin-top: 0.08rem;
    color: #7b8ba1;
    font-size: 0.66rem;
}

.template-buttons-dialog__footer[b-qbrf85son1] {
    margin-top: 1rem;
}

@media (max-width: 767.98px) {
    .template-buttons-dialog__grid[b-qbrf85son1] {
        grid-template-columns: 1fr;
    }
}
/* _content/DevFlowMessaging.Web/Components/Whatsapp/AddVariableDialog.razor.rz.scp.css */
.variable-dialog__header[b-mj36wxfbs3] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.variable-dialog__header-icon[b-mj36wxfbs3] {
    display: inline-flex;
    flex: 0 0 42px;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 13px;
    background: #eaf2ff;
    color: var(--df-primary);
}

.variable-dialog__header-copy[b-mj36wxfbs3] {
    flex: 1 1 auto;
    min-width: 0;
}

.variable-dialog__title[b-mj36wxfbs3] {
    margin: 0;
    color: #0f172a;
    font-weight: 750;
}

.variable-dialog__subtitle[b-mj36wxfbs3] {
    max-width: 32rem;
    margin-top: 4px;
    color: #64748b;
}

.variable-dialog__cursor-note[b-mj36wxfbs3] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
    padding: 10px 12px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #f8fafc;
    color: #64748b;
    font-size: .78rem;
}

.variable-dialog__cursor-note[b-mj36wxfbs3]  .mud-icon-root {
    width: 1rem;
    height: 1rem;
    font-size: 1rem;
}

.variable-token-preview[b-mj36wxfbs3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 14px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #f8fafc;
}

.variable-token-preview__label[b-mj36wxfbs3] {
    color: #718198;
    font-size: .8rem;
    font-weight: 600;
}

.variable-token-preview code[b-mj36wxfbs3] {
    padding: 5px 9px;
    border-radius: 7px;
    color: var(--df-primary);
    background: #eaf2ff;
    font-weight: 700;
}

.variable-dialog__actions[b-mj36wxfbs3] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 24px;
}

.wa-var-dialog[b-mj36wxfbs3]  .mud-input-outlined-border {
    border-color: #dbe5f0;
    border-radius: 12px;
}
/* _content/DevFlowMessaging.Web/Components/Whatsapp/CampaignView.razor.rz.scp.css */
.whatsapp-campaign-page[b-24z3mv9swb] {
    min-height: 100vh;
    background: var(--df-page-background);
}

.whatsapp-campaign-page__content[b-24z3mv9swb] {
    padding: 1.4rem 1.7rem 2.25rem;
    display: grid;
    gap: 1.1rem;
}

.whatsapp-campaign-page__meta[b-24z3mv9swb] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
    min-width: 0;
}

.whatsapp-campaign-page__meta-text[b-24z3mv9swb] {
    color: #64748b;
}

.whatsapp-campaign-page__workspace[b-24z3mv9swb] {
    display: grid;
    gap: 1.1rem;
    min-width: 0;
}

.whatsapp-campaign-page__stage-grid[b-24z3mv9swb] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.7rem;
    margin-top: 0.1rem;
}

.whatsapp-campaign-page__stage[b-24z3mv9swb] {
    --stage-color: #64748b;
    --stage-rgb: 100, 116, 139;
    min-width: 0;
    padding: 0.75rem 0.85rem;
    border: 1px solid rgba(var(--stage-rgb), 0.14);
    border-radius: 0.8rem;
    background: linear-gradient(135deg, rgba(var(--stage-rgb), 0.06), rgba(var(--stage-rgb), 0.018));
}

.whatsapp-campaign-page__stage--pending[b-24z3mv9swb] {
    --stage-color: #d97706;
    --stage-rgb: 217, 119, 6;
}

.whatsapp-campaign-page__stage--accepted[b-24z3mv9swb] {
    --stage-color: #64748b;
    --stage-rgb: 100, 116, 139;
}

.whatsapp-campaign-page__stage--sent[b-24z3mv9swb] {
    --stage-color: #2563eb;
    --stage-rgb: 37, 99, 235;
}

.whatsapp-campaign-page__stage--delivered[b-24z3mv9swb] {
    --stage-color: #059669;
    --stage-rgb: 5, 150, 105;
}

.whatsapp-campaign-page__stage--read[b-24z3mv9swb] {
    --stage-color: #0891b2;
    --stage-rgb: 8, 145, 178;
}

.whatsapp-campaign-page__stage--failed[b-24z3mv9swb] {
    --stage-color: #dc2626;
    --stage-rgb: 220, 38, 38;
}

.whatsapp-campaign-page__stage-heading[b-24z3mv9swb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
}

.whatsapp-campaign-page__stage-label[b-24z3mv9swb] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    color: #334155;
    font-size: 0.8rem;
    font-weight: 650;
}

.whatsapp-campaign-page__stage-dot[b-24z3mv9swb] {
    width: 0.45rem;
    height: 0.45rem;
    flex: 0 0 0.45rem;
    border-radius: 999px;
    background: var(--stage-color);
    box-shadow: 0 0 0 3px rgba(var(--stage-rgb), 0.11);
}

.whatsapp-campaign-page__stage-heading strong[b-24z3mv9swb] {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 750;
}

.whatsapp-campaign-page__stage-meta[b-24z3mv9swb] {
    margin-top: 0.25rem;
    padding-left: 0.9rem;
    color: #94a3b8;
    font-size: 0.7rem;
    font-weight: 600;
}

.whatsapp-campaign-page__message-tools[b-24z3mv9swb] {
    width: 100%;
    margin-top: 0.15rem;
}

.whatsapp-campaign-page__message-tools[b-24z3mv9swb]  .mud-input-control {
    width: 100%;
}

.whatsapp-campaign-page__message-tools[b-24z3mv9swb]  .mud-input-outlined-border {
    border-color: #dbe5f0;
    border-radius: 0.75rem;
}

.whatsapp-campaign-page__message-section[b-24z3mv9swb] {
    display: grid;
    gap: 0.75rem;
    min-width: 0;
}

.whatsapp-campaign-page__grid-surface[b-24z3mv9swb] {
    min-width: 0;
    border: 1px solid #e2e8f0;
    border-radius: 0.9rem;
    background: #ffffff;
    overflow: hidden;
}

.whatsapp-campaign-page__grid[b-24z3mv9swb] {
    min-width: 0;
}

.whatsapp-campaign-page__grid[b-24z3mv9swb]  .mud-table-container {
    border-radius: 0.9rem 0.9rem 0 0;
    overflow: hidden;
}

.whatsapp-campaign-page__grid[b-24z3mv9swb]  .mud-table-head {
    background: #f8fafc;
}

.whatsapp-campaign-page__grid[b-24z3mv9swb]  .mud-table-head .mud-table-cell {
    padding-top: 0.72rem;
    padding-bottom: 0.72rem;
    border-bottom: 1px solid #e8eef6;
    color: #8ea2be;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.whatsapp-campaign-page__grid[b-24z3mv9swb]  .mud-table-body .mud-table-row {
    cursor: pointer;
    transition: background-color 0.16s ease;
}

.whatsapp-campaign-page__grid[b-24z3mv9swb]  .mud-table-body .mud-table-row:hover {
    background: rgba(var(--df-primary-rgb), 0.03);
}

.whatsapp-campaign-page__grid[b-24z3mv9swb]  .mud-table-cell {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    border-bottom: 1px solid #e8eef6;
    vertical-align: middle;
}

.whatsapp-campaign-page__grid[b-24z3mv9swb]  .mud-table-body .mud-table-row:last-child .mud-table-cell {
    border-bottom: 0;
}

.whatsapp-campaign-page__grid[b-24z3mv9swb]  .mud-table-pagination {
    border-top: 1px solid #e8eef6;
}

.whatsapp-campaign-page__status-cell[b-24z3mv9swb] {
    display: flex;
    justify-content: flex-end;
}

.whatsapp-campaign-page__recipient-cell[b-24z3mv9swb] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    color: #1e293b;
    font-size: 0.84rem;
    font-weight: 650;
    white-space: nowrap;
}

.whatsapp-campaign-page__recipient-avatar[b-24z3mv9swb] {
    width: 2rem;
    height: 2rem;
    flex: 0 0 2rem;
    display: grid;
    place-items: center;
    border-radius: 0.65rem;
    color: #64748b;
    background: #eef3f9;
}

.whatsapp-campaign-page__recipient-avatar[b-24z3mv9swb]  .mud-icon-root {
    font-size: 1.1rem;
}

.whatsapp-campaign-page__message-cell[b-24z3mv9swb] {
    display: grid;
    gap: 0.1rem;
    min-width: 11rem;
}

.whatsapp-campaign-page__cost-cell[b-24z3mv9swb] {
    display: grid;
    gap: 0.1rem;
    min-width: 6.5rem;
}

.whatsapp-campaign-page__cost-cell strong[b-24z3mv9swb] {
    color: #0f172a;
    font-size: 0.84rem;
    font-weight: 680;
}

.whatsapp-campaign-page__cost-cell span[b-24z3mv9swb] {
    color: #94a3b8;
    font-size: 0.7rem;
    font-weight: 600;
}

.whatsapp-campaign-page__message-cell strong[b-24z3mv9swb] {
    max-width: 22rem;
    overflow: hidden;
    color: #1e293b;
    font-size: 0.84rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.whatsapp-campaign-page__message-cell span[b-24z3mv9swb] {
    color: #94a3b8;
    font-size: 0.72rem;
    font-weight: 600;
}

.whatsapp-campaign-page__grid-value[b-24z3mv9swb] {
    margin: 0;
    color: #0f172a;
    font-weight: 600;
    line-height: 1.2;
}

.whatsapp-campaign-page__grid-meta[b-24z3mv9swb] {
    margin: 0;
    color: #64748b;
}

.whatsapp-campaign-page__empty[b-24z3mv9swb] {
    padding: 1rem 0.2rem 0.35rem;
    display: grid;
    gap: 0.25rem;
}

.whatsapp-campaign-page__empty-copy[b-24z3mv9swb] {
    color: #64748b;
}

@media (max-width: 1199.98px) {
    .whatsapp-campaign-page__content[b-24z3mv9swb] {
        padding: 1.2rem 1.1rem 1.8rem;
    }
}

@media (max-width: 899.98px) {
    .whatsapp-campaign-page__stage-grid[b-24z3mv9swb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .whatsapp-campaign-page__content[b-24z3mv9swb] {
        padding: 1rem 0.9rem 1.35rem;
    }

    .whatsapp-campaign-page__stage-grid[b-24z3mv9swb] {
        grid-template-columns: 1fr;
    }

    .whatsapp-campaign-page__message-tools[b-24z3mv9swb]  .mud-input-control {
        width: 100%;
    }

    .whatsapp-campaign-page__grid-surface[b-24z3mv9swb] {
        overflow-x: auto;
    }

    .whatsapp-campaign-page__grid[b-24z3mv9swb] {
        min-width: 44rem;
    }
}
/* _content/DevFlowMessaging.Web/Components/Whatsapp/CreateWhatsAppFlowDialog.razor.rz.scp.css */
.wa-flow-dialog__header[b-b8ax4gkqwb] {
    margin-bottom: 1rem;
}

.wa-flow-dialog__subtitle[b-b8ax4gkqwb],
.wa-flow-dialog__field-note[b-b8ax4gkqwb] {
    color: #64748b;
}

.wa-flow-dialog__note[b-b8ax4gkqwb] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 18px;
    padding: 11px 13px;
    border: 1px solid #e2e8f0;
    border-radius: 11px;
    background: #f8fafc;
    color: #64748b;
    font-size: .8rem;
}

.wa-flow-dialog__note[b-b8ax4gkqwb]  .mud-icon-root {
    color: #0b9d70;
    font-size: 1.05rem;
}

.wa-flow-dialog__form[b-b8ax4gkqwb] {
    display: grid;
    gap: 1.15rem;
}

.wa-flow-dialog__field[b-b8ax4gkqwb] {
    display: grid;
    gap: .45rem;
}

.wa-flow-dialog__label[b-b8ax4gkqwb] {
    color: #0f172a;
    font-weight: 700;
}

.wa-flow-dialog[b-b8ax4gkqwb]  .mud-input-outlined-border {
    border-color: #dbe5f0;
    border-radius: 12px;
}

.wa-flow-dialog__category-help[b-b8ax4gkqwb] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 10px;
    color: #64748b;
    background: #f8fafc;
    font-size: .8rem;
    line-height: 1.4;
}
/* _content/DevFlowMessaging.Web/Components/Whatsapp/CreateWhatsAppTemplateDialog.razor.rz.scp.css */
.wa-subtitle[b-dqzib18z6o],
.wa-field-note[b-dqzib18z6o] {
    color: #64748b;
}

.wa-approval-note[b-dqzib18z6o] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 18px;
    padding: 11px 13px;
    border: 1px solid #e2e8f0;
    border-radius: 11px;
    background: #f8fafc;
    color: #64748b;
    font-size: .8rem;
}

.wa-approval-note[b-dqzib18z6o]  .mud-icon-root {
    color: #0b9d70;
    font-size: 1.05rem;
}

.wa-template-dialog[b-dqzib18z6o]  .mud-input-outlined-border {
    border-color: #dbe5f0;
    border-radius: 12px;
}

.template-name-preview[b-dqzib18z6o] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 7px;
    color: #718198;
    font-size: .76rem;
}

.template-name-preview code[b-dqzib18z6o] {
    padding: 3px 7px;
    border-radius: 6px;
    color: var(--df-primary);
    background: #eaf2ff;
    font-weight: 700;
}

.template-category-help[b-dqzib18z6o] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 10px;
    color: #64748b;
    background: #f8fafc;
    font-size: .8rem;
    line-height: 1.4;
}
/* _content/DevFlowMessaging.Web/Components/Whatsapp/ImportWhatsAppFlowJsonDialog.razor.rz.scp.css */
.wa-flow-import-dialog__header[b-ivfubsj6fw] {
    display: flex;
    align-items: flex-start;
    gap: .8rem;
    margin-bottom: 1rem;
}

.wa-flow-import-dialog__icon[b-ivfubsj6fw] {
    width: 2.5rem;
    height: 2.5rem;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
    color: var(--mud-palette-primary);
}

.wa-flow-import-dialog__title[b-ivfubsj6fw] {
    color: var(--mud-palette-text-primary);
    font-weight: 800;
}

.wa-flow-import-dialog__subtitle[b-ivfubsj6fw],
.wa-flow-import-dialog__help[b-ivfubsj6fw] {
    color: var(--mud-palette-text-secondary);
}

.wa-flow-import-dialog__note[b-ivfubsj6fw] {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    margin-bottom: 1rem;
    padding: .75rem .85rem;
    border: 1px solid color-mix(in srgb, var(--mud-palette-info) 22%, transparent);
    border-radius: 10px;
    background: color-mix(in srgb, var(--mud-palette-info) 7%, transparent);
    color: var(--mud-palette-text-secondary);
    font-size: .8rem;
    line-height: 1.45;
}

.wa-flow-import-dialog__note[b-ivfubsj6fw]  .mud-icon-root {
    flex: 0 0 auto;
    margin-top: .05rem;
    color: var(--mud-palette-info);
    font-size: 1rem;
}

.wa-flow-import-dialog__editor[b-ivfubsj6fw] {
    margin-top: 1rem;
}

.wa-flow-import-dialog__editor[b-ivfubsj6fw]  textarea {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: .76rem;
    line-height: 1.45;
}

.wa-flow-import-dialog__help[b-ivfubsj6fw] {
    display: block;
    margin-top: .45rem;
}
/* _content/DevFlowMessaging.Web/Components/Whatsapp/MessageTemplates.razor.rz.scp.css */
.message-templates[b-bd7kaof9ia] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.message-templates__loading[b-bd7kaof9ia] {
    min-height: 16rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.7rem;
    color: #64748b;
    font-size: 0.82rem;
}

.message-templates__grid-surface[b-bd7kaof9ia] {
    min-width: 0;
    border: 1px solid #e2e8f0;
    border-radius: 0.95rem;
    background: #ffffff;
    overflow: hidden;
}

.message-templates__grid[b-bd7kaof9ia] {
    min-width: 0;
}

.message-templates__grid[b-bd7kaof9ia]  .mud-table-container {
    border-radius: 0.95rem 0.95rem 0 0;
    overflow: hidden;
}

.message-templates__grid[b-bd7kaof9ia]  .mud-table-head {
    background: #f8fafc;
}

.message-templates__grid[b-bd7kaof9ia]  .mud-table-head .mud-table-cell {
    padding-top: 0.72rem;
    padding-bottom: 0.72rem;
    border-bottom: 1px solid #e8eef6;
    color: #8ea2be;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.message-templates__grid[b-bd7kaof9ia]  .mud-table-body .mud-table-row {
    cursor: pointer;
    background: #ffffff;
    transition: background-color 0.16s ease;
}

.message-templates__grid[b-bd7kaof9ia]  .mud-table-body .mud-table-row:hover {
    background: rgba(var(--df-primary-rgb), 0.035);
}

.message-templates__grid[b-bd7kaof9ia]  .mud-table-cell {
    padding-top: 0.78rem;
    padding-bottom: 0.78rem;
    border-bottom: 1px solid #e8eef6;
    vertical-align: middle;
}

.message-templates__grid[b-bd7kaof9ia]  .mud-table-body .mud-table-row:last-child .mud-table-cell {
    border-bottom: 0;
}

.message-templates__grid[b-bd7kaof9ia]  .mud-table-pagination {
    border-top: 1px solid #e8eef6;
}

.message-templates__primary-cell[b-bd7kaof9ia],
.message-templates__secondary-cell[b-bd7kaof9ia] {
    min-width: 0;
    display: grid;
    gap: 0.12rem;
}

.message-templates__primary-cell[b-bd7kaof9ia] {
    min-width: 15rem;
}

.message-templates__primary-cell strong[b-bd7kaof9ia],
.message-templates__secondary-cell strong[b-bd7kaof9ia] {
    overflow: hidden;
    color: #1e293b;
    font-size: 0.84rem;
    font-weight: 680;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.message-templates__primary-cell span[b-bd7kaof9ia],
.message-templates__secondary-cell span[b-bd7kaof9ia] {
    color: #94a3b8;
    font-size: 0.71rem;
    font-weight: 560;
    line-height: 1.35;
}

.message-templates__value[b-bd7kaof9ia] {
    color: #475569;
    font-size: 0.8rem;
    font-weight: 600;
}

.message-templates__status-cell[b-bd7kaof9ia] {
    display: flex;
    justify-content: flex-end;
}

.message-templates__grid[b-bd7kaof9ia]  th:last-child {
    text-align: right;
}

.message-templates__empty[b-bd7kaof9ia] {
    min-height: 15rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.45rem;
    padding: 2rem;
    color: #64748b;
    text-align: center;
}

.message-templates__empty-icon[b-bd7kaof9ia] {
    width: 2.8rem;
    height: 2.8rem;
    display: grid;
    place-items: center;
    margin-bottom: 0.15rem;
    border-radius: 0.85rem;
    color: #2563eb;
    background: rgba(var(--df-primary-rgb), 0.08);
}

.message-templates__empty strong[b-bd7kaof9ia] {
    color: #1e293b;
    font-size: 0.95rem;
}

.message-templates__empty > span:last-child[b-bd7kaof9ia] {
    max-width: 30rem;
    font-size: 0.8rem;
}

@media (max-width: 1199.98px) {
    .message-templates__grid-surface[b-bd7kaof9ia] {
        overflow-x: auto;
    }

    .message-templates__grid[b-bd7kaof9ia] {
        min-width: 58rem;
    }
}

@media (max-width: 767.98px) {
    .message-templates[b-bd7kaof9ia] {
        gap: 0.85rem;
    }
}
/* _content/DevFlowMessaging.Web/Components/Whatsapp/PhoneNumbers.razor.rz.scp.css */
.whatsapp-phone-numbers[b-kvo72limpm] {
    display: grid;
    gap: 1.15rem;
}

.whatsapp-phone-numbers__header[b-kvo72limpm] {
    gap: 1rem;
}

.whatsapp-phone-numbers__subtitle[b-kvo72limpm] {
    color: #64748b;
}

.whatsapp-phone-numbers__groups[b-kvo72limpm] {
    display: grid;
    gap: 1.25rem;
}

.whatsapp-phone-numbers__group-header[b-kvo72limpm] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
}

.whatsapp-phone-numbers__group-copy[b-kvo72limpm] {
    display: grid;
    gap: 0.15rem;
}

.whatsapp-phone-numbers__group-meta[b-kvo72limpm] {
    color: #94a3b8;
}

.whatsapp-phone-numbers__grid[b-kvo72limpm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1rem;
}

.whatsapp-phone-numbers__empty[b-kvo72limpm] {
    padding: 1.4rem 1.45rem;
    border-radius: 18px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
}

.whatsapp-phone-numbers__empty-copy[b-kvo72limpm] {
    margin-top: 0.35rem;
    color: #64748b;
}

@media (max-width: 767.98px) {
    .whatsapp-phone-numbers__header[b-kvo72limpm],
    .whatsapp-phone-numbers__group-header[b-kvo72limpm] {
        align-items: flex-start;
        flex-direction: column;
    }

    .whatsapp-phone-numbers__grid[b-kvo72limpm] {
        grid-template-columns: 1fr;
    }
}
/* _content/DevFlowMessaging.Web/Components/Whatsapp/SendWhatsAppFlowTestDialog.razor.rz.scp.css */
.wa-flow-test-dialog__header[b-t4d3pb6mnt] {
    display: flex;
    align-items: center;
    gap: .8rem;
    margin-bottom: 1rem;
}

.wa-flow-test-dialog__icon[b-t4d3pb6mnt] {
    width: 2.65rem;
    height: 2.65rem;
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 12px;
    background: color-mix(in srgb, var(--mud-palette-primary) 12%, transparent);
    color: var(--mud-palette-primary);
}

.wa-flow-test-dialog__subtitle[b-t4d3pb6mnt] {
    color: var(--mud-palette-text-secondary);
}

.wa-flow-test-dialog__form[b-t4d3pb6mnt] {
    display: grid;
    gap: .85rem;
    margin-top: 1rem;
}

.wa-flow-test-dialog__row[b-t4d3pb6mnt] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: .85rem;
}

.wa-flow-test-dialog[b-t4d3pb6mnt]  .mud-input-outlined-border {
    border-radius: 12px;
}

@media (max-width: 640px) {
    .wa-flow-test-dialog__row[b-t4d3pb6mnt] {
        grid-template-columns: 1fr;
    }
}
/* _content/DevFlowMessaging.Web/Components/Whatsapp/TemplateCreate.razor.rz.scp.css */
.template-create-page[b-d20as7of07] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--df-page-background);
}

.template-create-page__content[b-d20as7of07] {
    flex: 1 1 auto;
    min-width: 0;
    padding: 1.35rem 1.7rem 2rem;
    display: grid;
    align-content: start;
    gap: 1rem;
}

.template-create-page__tabs[b-d20as7of07] {
    min-width: 0;
}

.template-create-page__tabs[b-d20as7of07]  .df-tabs__bar {
    width: 100%;
}

.template-create-page__tab-panel[b-d20as7of07] {
    min-width: 0;
}

.template-empty[b-d20as7of07] {
    width: min(100%, 38rem);
    margin: 4rem auto;
}

.template-empty__content[b-d20as7of07] {
    display: grid;
    justify-items: center;
    gap: 0.7rem;
    padding: 1.6rem 1rem;
    text-align: center;
}

.template-empty__icon[b-d20as7of07],
.template-hero__icon[b-d20as7of07] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--df-primary);
    background: #eaf2ff;
}

.template-empty__icon[b-d20as7of07] {
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 1rem;
}

.template-empty__title[b-d20as7of07] {
    margin: 0;
    color: #0f172a;
    font-weight: 700;
}

.template-muted[b-d20as7of07] {
    color: #64748b;
}

[b-d20as7of07] .template-hero-card {
    height: auto;
    padding: 1.3rem 1.4rem;
}

[b-d20as7of07] .template-hero-card .df-card__body {
    margin-top: 0;
}

.template-hero[b-d20as7of07] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    min-width: 0;
    padding: 0;
}

.template-hero__icon[b-d20as7of07] {
    flex: 0 0 3.2rem;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 0.95rem;
}

.template-hero__copy[b-d20as7of07] {
    min-width: 0;
    flex: 1 1 auto;
}

.template-hero__title[b-d20as7of07] {
    margin: 0;
    color: #0f172a;
    font-weight: 750;
    overflow-wrap: anywhere;
}

.template-hero__subtitle[b-d20as7of07] {
    max-width: 52rem;
    margin-top: 0.3rem;
    color: #64748b;
}

.template-hero__badges[b-d20as7of07] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.7rem;
    flex-wrap: wrap;
}

.template-hero__readiness[b-d20as7of07] {
    flex: 0 0 min(23rem, 30%);
    min-width: 15rem;
    padding-top: 0.25rem;
}

.template-hero__readiness-heading[b-d20as7of07] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.45rem;
    color: #475569;
    font-size: 0.78rem;
    font-weight: 650;
}

.template-hero__readiness-heading strong[b-d20as7of07] {
    color: #0f172a;
    font-size: 0.84rem;
}

.template-hero__readiness small[b-d20as7of07] {
    display: block;
    margin-top: 0.45rem;
    color: #7b8ba1;
    font-size: 0.72rem;
    line-height: 1.35;
}

.template-readonly-notice[b-d20as7of07] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    border: 1px solid #dbe3ee;
    border-radius: 0.85rem;
    background: #f8fafc;
    color: #334155;
}

.template-readonly-notice__icon[b-d20as7of07] {
    display: inline-flex;
    flex: 0 0 2.35rem;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 0.7rem;
    background: #e9eef5;
    color: #475569;
}

.template-readonly-notice > span:last-child[b-d20as7of07] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.template-readonly-notice strong[b-d20as7of07] {
    color: #0f172a;
    font-size: 0.84rem;
}

.template-readonly-notice small[b-d20as7of07] {
    color: #64748b;
    font-size: 0.76rem;
    line-height: 1.4;
}

.template-workspace[b-d20as7of07] {
    display: grid;
    grid-template-columns: minmax(12.5rem, 0.72fr) minmax(31rem, 2.6fr) minmax(19rem, 1fr);
    gap: 1rem;
    min-width: 0;
    align-items: start;
}

.template-rail[b-d20as7of07],
.template-preview-column[b-d20as7of07] {
    position: sticky;
    top: 7.25rem;
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.template-editor-column[b-d20as7of07] {
    min-width: 0;
}

[b-d20as7of07] .template-rail__card,
[b-d20as7of07] .template-editor-card,
[b-d20as7of07] .template-preview-card {
    min-width: 0;
}

[b-d20as7of07] .template-rail__card {
    padding: 1.1rem;
}

[b-d20as7of07] .template-rail__card .df-card__header {
    gap: 0.75rem;
}

[b-d20as7of07] .template-rail__card .df-icon-container {
    flex-basis: 2.35rem;
    width: 2.35rem;
    height: 2.35rem;
}

[b-d20as7of07] .template-editor-card .df-card__body {
    margin-top: 0.35rem;
}

[b-d20as7of07] .template-preview-card {
    padding: 1.15rem;
}

.template-language-list[b-d20as7of07] {
    display: grid;
    gap: 0.4rem;
}

.template-language[b-d20as7of07] {
    appearance: none;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    padding: 0.68rem 0.72rem;
    border: 1px solid transparent;
    border-radius: 0.72rem;
    background: transparent;
    color: #334155;
    text-align: left;
    transition: background-color 0.16s ease, border-color 0.16s ease;
}

.template-language:hover:not(:disabled)[b-d20as7of07] {
    border-color: #dbe5f0;
    background: #f8fafc;
}

.template-language.is-selected[b-d20as7of07] {
    border-color: rgba(var(--df-primary-rgb), 0.18);
    background: rgba(var(--df-primary-rgb), 0.07);
}

.template-language:disabled[b-d20as7of07] {
    cursor: default;
}

.template-language__copy[b-d20as7of07] {
    display: grid;
    min-width: 0;
}

.template-language__copy strong[b-d20as7of07] {
    overflow: hidden;
    color: #1e293b;
    font-size: 0.82rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.template-language__copy small[b-d20as7of07] {
    margin-top: 0.12rem;
    color: #7b8ba1;
    font-size: 0.69rem;
}

.template-language__status[b-d20as7of07] {
    display: inline-flex;
    flex: 0 0 1.45rem;
    align-items: center;
    justify-content: center;
    width: 1.45rem;
    height: 1.45rem;
    border-radius: 999px;
    background: #eef2f7;
    color: #94a3b8;
}

.template-language__status.is-complete[b-d20as7of07] {
    background: #e5f7ef;
    color: #0b9d70;
}

.template-language__status[b-d20as7of07]  .mud-icon-root {
    width: 0.9rem;
    height: 0.9rem;
    font-size: 0.9rem;
}

.template-check-list[b-d20as7of07] {
    display: grid;
    gap: 0.7rem;
}

.template-check[b-d20as7of07] {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    color: #a16207;
    font-size: 0.75rem;
    line-height: 1.4;
}

.template-check--success[b-d20as7of07] {
    color: #087a58;
}

.template-check[b-d20as7of07]  .mud-icon-root {
    flex: 0 0 auto;
    width: 1rem;
    height: 1rem;
    margin-top: 0.05rem;
    font-size: 1rem;
}

.template-form-section[b-d20as7of07] {
    display: grid;
    gap: 1rem;
    padding: 1.3rem 0;
}

.template-form-section + .template-form-section[b-d20as7of07] {
    border-top: 1px solid #e8eef6;
}

.template-form-section:last-child[b-d20as7of07] {
    padding-bottom: 0.2rem;
}

.template-form-section__heading[b-d20as7of07] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    min-width: 0;
}

.template-form-section__heading--action[b-d20as7of07] {
    align-items: center;
}

.template-form-section__icon[b-d20as7of07],
.template-action__icon[b-d20as7of07],
.template-upload__icon[b-d20as7of07] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 0.7rem;
}

.template-form-section__icon[b-d20as7of07] {
    width: 2.25rem;
    height: 2.25rem;
    background: #eef3f9;
    color: #50627a;
}

.template-form-section__icon[b-d20as7of07]  .mud-icon-root {
    width: 1.15rem;
    height: 1.15rem;
    font-size: 1.15rem;
}

.template-form-section__copy[b-d20as7of07] {
    display: grid;
    flex: 1 1 auto;
    min-width: 0;
}

.template-form-section__copy strong[b-d20as7of07] {
    color: #0f172a;
    font-size: 0.9rem;
    font-weight: 720;
}

.template-form-section__copy small[b-d20as7of07] {
    margin-top: 0.15rem;
    color: #718198;
    font-size: 0.76rem;
    line-height: 1.35;
}

.template-fields[b-d20as7of07] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.85rem;
}

.template-editor-card[b-d20as7of07]  .mud-input-control {
    margin-top: 0;
}

.template-editor-card[b-d20as7of07]  .mud-input-outlined-border {
    border-color: #dbe5f0;
    border-radius: 0.72rem;
}

.template-editor-card[b-d20as7of07]  .mud-input-control-input-container > div.mud-input.mud-input-outlined {
    background: #ffffff;
}

.template-editor-card[b-d20as7of07]  .mud-input-helper-text,
.template-editor-card[b-d20as7of07]  .mud-input-counter {
    color: #7b8ba1;
}

.template-upload[b-d20as7of07] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
    padding: 0.85rem 0.9rem;
    border: 1px dashed #cfdae7;
    border-radius: 0.8rem;
    background: #f8fafc;
}

.template-upload__icon[b-d20as7of07] {
    width: 2.35rem;
    height: 2.35rem;
    background: #eaf2ff;
    color: var(--df-primary);
}

.template-upload__copy[b-d20as7of07] {
    display: grid;
    flex: 1 1 auto;
    min-width: 0;
}

.template-upload__copy strong[b-d20as7of07] {
    color: #334155;
    font-size: 0.82rem;
}

.template-upload__copy small[b-d20as7of07] {
    margin-top: 0.12rem;
    color: #7b8ba1;
    font-size: 0.72rem;
}

.template-variable-list[b-d20as7of07],
.template-action-list[b-d20as7of07] {
    display: grid;
    gap: 0.55rem;
}

.template-variable[b-d20as7of07],
.template-action[b-d20as7of07] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
    padding: 0.68rem 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    background: #f8fafc;
}

.template-variable code[b-d20as7of07] {
    flex: 0 0 auto;
    padding: 0.32rem 0.48rem;
    border-radius: 0.45rem;
    background: #eaf2ff;
    color: var(--df-primary);
    font-size: 0.76rem;
    font-weight: 750;
}

.template-variable__copy[b-d20as7of07],
.template-action__copy[b-d20as7of07] {
    display: grid;
    flex: 1 1 auto;
    min-width: 0;
}

.template-variable__copy strong[b-d20as7of07],
.template-action__copy strong[b-d20as7of07] {
    overflow: hidden;
    color: #1e293b;
    font-size: 0.8rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.template-variable__copy small[b-d20as7of07],
.template-action__copy small[b-d20as7of07] {
    overflow: hidden;
    margin-top: 0.1rem;
    color: #7b8ba1;
    font-size: 0.7rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.template-action__icon[b-d20as7of07] {
    width: 2rem;
    height: 2rem;
    background: #e7f6f1;
    color: #0b9d70;
}

.template-action__icon[b-d20as7of07]  .mud-icon-root {
    width: 1rem;
    height: 1rem;
    font-size: 1rem;
}

.template-inline-empty[b-d20as7of07] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-height: 3.5rem;
    padding: 0.8rem 0.9rem;
    border: 1px dashed #d6e0eb;
    border-radius: 0.8rem;
    background: #f8fafc;
    color: #718198;
    font-size: 0.78rem;
}

.template-inline-empty[b-d20as7of07]  .mud-icon-root {
    width: 1.1rem;
    height: 1.1rem;
    font-size: 1.1rem;
}

.template-developer-grid[b-d20as7of07] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    align-items: start;
}

.template-detail-list[b-d20as7of07] {
    display: grid;
    gap: 0;
    margin: 0;
}

.template-detail[b-d20as7of07] {
    display: grid;
    grid-template-columns: minmax(10rem, 0.7fr) minmax(0, 1.3fr);
    gap: 1rem;
    padding: 0.82rem 0;
    border-top: 1px solid #e8eef6;
}

.template-detail:first-child[b-d20as7of07] {
    padding-top: 0;
    border-top: 0;
}

.template-detail:last-child[b-d20as7of07] {
    padding-bottom: 0;
}

.template-detail dt[b-d20as7of07] {
    color: #718198;
    font-size: 0.76rem;
    font-weight: 650;
}

.template-detail dd[b-d20as7of07] {
    min-width: 0;
    margin: 0;
    color: #0f172a;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.78rem;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.template-footer-note[b-d20as7of07] {
    color: #718198;
    font-size: 0.78rem;
    font-weight: 600;
}

@media (max-width: 1439.98px) {
    .template-workspace[b-d20as7of07] {
        grid-template-columns: minmax(11.5rem, 0.65fr) minmax(27rem, 2.2fr) minmax(17.5rem, 0.95fr);
    }

    [b-d20as7of07] .template-preview-card {
        padding-inline: 0.9rem;
    }
}

@media (max-width: 1199.98px) {
    .template-create-page__content[b-d20as7of07] {
        padding: 1.2rem 1.1rem 1.8rem;
    }

    .template-workspace[b-d20as7of07] {
        grid-template-columns: minmax(11rem, 0.65fr) minmax(0, 2fr);
    }

    .template-preview-column[b-d20as7of07] {
        position: static;
        grid-column: 1 / -1;
    }

    [b-d20as7of07] .template-preview-card .df-card__body {
        display: flex;
        justify-content: center;
    }
}

@media (max-width: 959.98px) {
    .template-hero[b-d20as7of07] {
        flex-wrap: wrap;
    }

    .template-hero__readiness[b-d20as7of07] {
        flex: 1 0 100%;
        min-width: 0;
        padding-left: 4.2rem;
    }

    .template-workspace[b-d20as7of07],
    .template-developer-grid[b-d20as7of07] {
        grid-template-columns: 1fr;
    }

    .template-rail[b-d20as7of07],
    .template-preview-column[b-d20as7of07] {
        position: static;
    }

    .template-rail[b-d20as7of07] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .template-create-page__content[b-d20as7of07] {
        padding: 1rem 0.9rem 1.35rem;
    }

    .template-hero__readiness[b-d20as7of07] {
        padding-left: 0;
    }

    .template-rail[b-d20as7of07] {
        grid-template-columns: 1fr;
    }

    .template-form-section__heading--action[b-d20as7of07] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .template-form-section__heading--action[b-d20as7of07]  .df-button {
        margin-left: 3rem;
    }

    .template-upload[b-d20as7of07] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .template-detail[b-d20as7of07] {
        grid-template-columns: 1fr;
        gap: 0.3rem;
    }
}

@media (max-width: 479.98px) {
    .template-hero__icon[b-d20as7of07] {
        flex-basis: 2.7rem;
        width: 2.7rem;
        height: 2.7rem;
    }

    .template-form-section__heading--action[b-d20as7of07]  .df-button {
        width: 100%;
        margin-left: 0;
    }

    .template-variable[b-d20as7of07] {
        align-items: flex-start;
        flex-wrap: wrap;
    }
}
/* _content/DevFlowMessaging.Web/Components/Whatsapp/WhatsAppBusinessPill.razor.rz.scp.css */
.whatsapp-business-pill[b-ujj0cy1jm8] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 2.9rem;
    padding: 0.58rem 1rem;
    border-radius: 999px;
    border: 1px solid #dbe4ef;
    background: #ffffff;
    color: #334155;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
    white-space: nowrap;
}

.whatsapp-business-pill__icon[b-ujj0cy1jm8] {
    font-size: 1.1rem;
    color: var(--df-primary);
}

.whatsapp-business-pill__label[b-ujj0cy1jm8] {
    color: #475569;
    font-weight: 500;
}

.whatsapp-business-pill__dot[b-ujj0cy1jm8] {
    color: #94a3b8;
}

.whatsapp-business-pill__value[b-ujj0cy1jm8] {
    font-weight: 700;
    color: #1e293b;
}

.whatsapp-business-pill.df-tone--primary .whatsapp-business-pill__icon[b-ujj0cy1jm8] {
    color: var(--df-primary);
}

.whatsapp-business-pill.df-tone--success .whatsapp-business-pill__icon[b-ujj0cy1jm8] {
    color: #10b981;
}

.whatsapp-business-pill.df-tone--warning .whatsapp-business-pill__icon[b-ujj0cy1jm8] {
    color: #f59e0b;
}

.whatsapp-business-pill.df-tone--danger .whatsapp-business-pill__icon[b-ujj0cy1jm8] {
    color: #ef4444;
}

.whatsapp-business-pill.df-tone--info .whatsapp-business-pill__icon[b-ujj0cy1jm8] {
    color: #2563eb;
}

@media (max-width: 767.98px) {
    .whatsapp-business-pill[b-ujj0cy1jm8] {
        width: 100%;
        justify-content: flex-start;
    }
}
/* _content/DevFlowMessaging.Web/Components/Whatsapp/WhatsappCampaign.razor.rz.scp.css */
.whatsapp-campaigns-page[b-jvgi7b0kw6] {
    min-height: 100vh;
    background: var(--df-page-background);
}

.whatsapp-campaigns-page__content[b-jvgi7b0kw6] {
    padding: 1.35rem 1.7rem 2.2rem;
    display: grid;
    gap: 1rem;
}

.whatsapp-campaigns-page__summary-grid[b-jvgi7b0kw6] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1rem;
}

.whatsapp-campaigns-page__grid-surface[b-jvgi7b0kw6] {
    min-width: 0;
    padding: 0;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
    overflow: hidden;
}

.whatsapp-campaigns-page__grid[b-jvgi7b0kw6] {
    min-width: 0;
}

.whatsapp-campaigns-page__name-cell[b-jvgi7b0kw6] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.whatsapp-campaigns-page__name[b-jvgi7b0kw6] {
    display: block;
    overflow: hidden;
    color: #0f172a;
    font-size: 0.84rem;
    font-weight: 680;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.whatsapp-campaigns-page__name-meta[b-jvgi7b0kw6] {
    display: flex;
    align-items: center;
    gap: 0.38rem;
    min-width: 0;
    color: #94a3b8;
    font-size: 0.7rem;
    font-weight: 560;
    line-height: 1.35;
    white-space: nowrap;
}

.whatsapp-campaigns-page__name-separator[b-jvgi7b0kw6] {
    width: 0.22rem;
    height: 0.22rem;
    flex: 0 0 0.22rem;
    border-radius: 999px;
    background: #c3cfdd;
}

.whatsapp-campaigns-page__status-cell[b-jvgi7b0kw6] {
    display: flex;
    justify-content: flex-end;
}

.whatsapp-campaigns-page__grid[b-jvgi7b0kw6]  .mud-table-container {
    border-radius: 18px;
    overflow: hidden;
}

.whatsapp-campaigns-page__grid[b-jvgi7b0kw6]  .mud-table-head {
    background: #f8fafc;
}

.whatsapp-campaigns-page__grid[b-jvgi7b0kw6]  .mud-table-head .mud-table-cell {
    padding-top: 0.85rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid #e8eef6;
    color: #8ea2be;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.whatsapp-campaigns-page__grid[b-jvgi7b0kw6]  .mud-table-body .mud-table-row {
    cursor: pointer;
    transition: background-color 0.16s ease;
}

.whatsapp-campaigns-page__grid[b-jvgi7b0kw6]  .mud-table-body .mud-table-row:hover {
    background: rgba(var(--df-primary-rgb), 0.03);
}

.whatsapp-campaigns-page__grid[b-jvgi7b0kw6]  .mud-table-cell {
    padding-top: 0.95rem;
    padding-bottom: 0.95rem;
    border-bottom: 1px solid #e8eef6;
    vertical-align: middle;
}

.whatsapp-campaigns-page__grid[b-jvgi7b0kw6]  .mud-table-body .mud-table-row:last-child .mud-table-cell {
    border-bottom: 0;
}

.whatsapp-campaigns-page__grid[b-jvgi7b0kw6]  .mud-table-pagination {
    border-top: 1px solid #e8eef6;
}

@media (max-width: 1199.98px) {
    .whatsapp-campaigns-page__content[b-jvgi7b0kw6] {
        padding: 1.2rem 1.1rem 1.8rem;
    }

    .whatsapp-campaigns-page__summary-grid[b-jvgi7b0kw6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .whatsapp-campaigns-page__content[b-jvgi7b0kw6] {
        padding: 1rem 0.9rem 1.35rem;
    }

    .whatsapp-campaigns-page__summary-grid[b-jvgi7b0kw6] {
        grid-template-columns: 1fr;
    }
}
/* _content/DevFlowMessaging.Web/Components/Whatsapp/WhatsAppConversationDialog.razor.rz.scp.css */
.conversation-dialog-shell[b-bh9x41omgp] {
    max-width: min(960px, 96vw);
}

.conversation-dialog-header[b-bh9x41omgp] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-right: 0.35rem;
}

.conversation-dialog-identity[b-bh9x41omgp] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.78rem;
}

.conversation-dialog-avatar[b-bh9x41omgp] {
    width: 2.75rem;
    height: 2.75rem;
    flex: 0 0 2.75rem;
    display: grid;
    place-items: center;
    border: 1px solid rgba(var(--df-primary-rgb), 0.16);
    border-radius: 0.9rem;
    color: #2563eb;
    background: linear-gradient(145deg, rgba(var(--df-primary-rgb), 0.11), rgba(14, 165, 233, 0.07));
    font-size: 0.82rem;
    font-weight: 760;
}

.conversation-dialog-heading[b-bh9x41omgp] {
    min-width: 0;
    display: grid;
    gap: 0.05rem;
}

.conversation-dialog-eyebrow[b-bh9x41omgp] {
    color: #2563eb;
    font-size: 0.65rem;
    font-weight: 750;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.conversation-dialog-heading strong[b-bh9x41omgp] {
    overflow: hidden;
    color: #0f172a;
    font-size: 1.05rem;
    font-weight: 740;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.conversation-dialog-heading > span:last-child[b-bh9x41omgp] {
    color: #7b8ba3;
    font-size: 0.73rem;
}

.conversation-dialog-header-meta[b-bh9x41omgp] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.conversation-dialog-content[b-bh9x41omgp] {
    display: grid;
    gap: 0.85rem;
    padding-top: 0.1rem;
}

.conversation-dialog-loading[b-bh9x41omgp],
.conversation-dialog-empty[b-bh9x41omgp] {
    min-height: 24rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.65rem;
    color: #64748b;
}

.conversation-dialog-summary[b-bh9x41omgp] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
}

.conversation-dialog-summary-item[b-bh9x41omgp] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.62rem;
    padding: 0.66rem 0.72rem;
    border: 1px solid #e5edf6;
    border-radius: 0.78rem;
    background: #f8fafc;
}

.conversation-dialog-summary-icon[b-bh9x41omgp] {
    width: 2rem;
    height: 2rem;
    flex: 0 0 2rem;
    display: grid;
    place-items: center;
    border-radius: 0.62rem;
}

.conversation-dialog-summary-icon[b-bh9x41omgp]  .mud-icon-root {
    font-size: 1.05rem;
}

.conversation-dialog-summary-icon--window[b-bh9x41omgp] {
    color: #059669;
    background: rgba(5, 150, 105, 0.09);
}

.conversation-dialog-summary-icon--activity[b-bh9x41omgp] {
    color: #d97706;
    background: rgba(217, 119, 6, 0.09);
}

.conversation-dialog-summary-icon--messages[b-bh9x41omgp] {
    color: #2563eb;
    background: rgba(37, 99, 235, 0.09);
}

.conversation-dialog-summary-item > div:last-child[b-bh9x41omgp] {
    min-width: 0;
    display: grid;
    gap: 0.08rem;
}

.conversation-dialog-summary-item span[b-bh9x41omgp] {
    color: #8a9ab2;
    font-size: 0.67rem;
    font-weight: 600;
}

.conversation-dialog-summary-item strong[b-bh9x41omgp] {
    overflow: hidden;
    color: #26364d;
    font-size: 0.78rem;
    font-weight: 680;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.conversation-transcript[b-bh9x41omgp] {
    min-height: 24rem;
    max-height: 62vh;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    padding: 1rem 1.1rem 1.25rem;
    border: 1px solid #e1eaf4;
    border-radius: 0.95rem;
    background-color: #f4f7fb;
    background-image:
        radial-gradient(circle at 16% 18%, rgba(37, 99, 235, 0.035) 0 1px, transparent 1.5px),
        radial-gradient(circle at 82% 72%, rgba(14, 165, 233, 0.03) 0 1px, transparent 1.5px);
    background-size: 22px 22px, 28px 28px;
    overflow-y: auto;
    scrollbar-gutter: stable;
}

.message-date-separator[b-bh9x41omgp] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin: 0.35rem 0 0.1rem;
}

.message-date-separator[b-bh9x41omgp]::before,
.message-date-separator[b-bh9x41omgp]::after {
    content: "";
    height: 1px;
    flex: 1;
    background: #dde6f0;
}

.message-date-separator span[b-bh9x41omgp] {
    flex: 0 0 auto;
    padding: 0.2rem 0.52rem;
    border: 1px solid #dce6f1;
    border-radius: 999px;
    color: #8090a8;
    background: rgba(255, 255, 255, 0.9);
    font-size: 0.65rem;
    font-weight: 650;
}

.message-row[b-bh9x41omgp] {
    display: flex;
}

.message-row.incoming[b-bh9x41omgp] {
    justify-content: flex-start;
}

.message-row.outgoing[b-bh9x41omgp] {
    justify-content: flex-end;
}

.message-cluster[b-bh9x41omgp] {
    width: fit-content;
    max-width: min(72%, 38rem);
    display: grid;
    gap: 0.2rem;
}

.message-row.outgoing .message-cluster[b-bh9x41omgp] {
    justify-items: end;
}

.message-media[b-bh9x41omgp] {
    display: grid;
    gap: 0.4rem;
    margin: 0.15rem 0 0.4rem;
}

.message-media img[b-bh9x41omgp],
.message-media video[b-bh9x41omgp] {
    display: block;
    width: min(100%, 30rem);
    max-height: 24rem;
    border-radius: 0.68rem;
    object-fit: contain;
    background: rgba(15, 23, 42, 0.06);
}

.message-media audio[b-bh9x41omgp] {
    width: min(100%, 24rem);
}

.message-media-document[b-bh9x41omgp],
.message-media-unavailable[b-bh9x41omgp] {
    display: inline-flex;
    align-items: center;
    gap: 0.48rem;
    padding: 0.58rem 0.68rem;
    border: 1px solid rgba(100, 116, 139, 0.2);
    border-radius: 0.65rem;
    color: inherit;
    background: rgba(255, 255, 255, 0.55);
    font-size: 0.76rem;
    text-decoration: none;
}

.message-media-document:hover[b-bh9x41omgp] {
    background: rgba(255, 255, 255, 0.82);
}

.message-media-unavailable[b-bh9x41omgp] {
    color: #64748b;
}

.message-sender[b-bh9x41omgp] {
    padding: 0 0.28rem;
    color: #91a0b5;
    font-size: 0.64rem;
    font-weight: 650;
}

.message-bubble[b-bh9x41omgp] {
    min-width: 10rem;
    padding: 0.68rem 0.78rem 0.55rem;
    border: 1px solid #dce6f1;
    border-radius: 0.9rem 0.9rem 0.9rem 0.28rem;
    color: #26364d;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.035);
    overflow-wrap: anywhere;
}

.message-row.outgoing .message-bubble[b-bh9x41omgp] {
    border-color: rgba(37, 99, 235, 0.16);
    border-radius: 0.9rem 0.9rem 0.28rem 0.9rem;
    background: linear-gradient(145deg, #eff6ff, #edf9fc);
}

.message-kind[b-bh9x41omgp] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    margin-bottom: 0.38rem;
    color: #71829a;
    font-size: 0.64rem;
    font-weight: 680;
    text-transform: uppercase;
    letter-spacing: 0.045em;
}

.message-kind[b-bh9x41omgp]  .mud-icon-root {
    font-size: 0.9rem;
}

.message-template-label[b-bh9x41omgp] {
    margin-left: auto;
    padding: 0.12rem 0.36rem;
    border-radius: 999px;
    color: #2563eb;
    background: rgba(37, 99, 235, 0.08);
    font-size: 0.58rem;
    letter-spacing: 0.03em;
}

.message-title[b-bh9x41omgp] {
    display: block;
    margin-bottom: 0.25rem;
    color: #172033;
    font-size: 0.8rem;
    font-weight: 710;
}

.message-body[b-bh9x41omgp] {
    color: #334155;
    font-size: 0.79rem;
    line-height: 1.5;
    white-space: pre-wrap;
}

.message-flow-sent[b-bh9x41omgp],
.message-flow-response[b-bh9x41omgp] {
    display: grid;
    gap: 0.58rem;
}

.message-flow-cta[b-bh9x41omgp] {
    min-height: 2.15rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.42rem;
    padding: 0.48rem 0.68rem;
    border-top: 1px solid rgba(37, 99, 235, 0.14);
    color: #2563eb;
    font-size: 0.75rem;
    font-weight: 700;
}

.message-flow-cta[b-bh9x41omgp]  .mud-icon-root {
    font-size: 1rem;
}

.message-flow-response[b-bh9x41omgp] {
    padding: 0.58rem;
    border: 1px solid rgba(5, 150, 105, 0.16);
    border-radius: 0.7rem;
    background: rgba(236, 253, 245, 0.66);
}

.message-flow-response-heading[b-bh9x41omgp] {
    display: flex;
    align-items: center;
    gap: 0.38rem;
    color: #047857;
    font-size: 0.69rem;
    font-weight: 720;
}

.message-flow-response-heading[b-bh9x41omgp]  .mud-icon-root {
    font-size: 1rem;
}

.message-flow-fields[b-bh9x41omgp] {
    display: grid;
    gap: 0;
    margin: 0;
}

.message-flow-field[b-bh9x41omgp] {
    display: grid;
    grid-template-columns: minmax(7.5rem, 0.42fr) minmax(0, 1fr);
    gap: 0.7rem;
    padding: 0.48rem 0;
    border-top: 1px solid rgba(5, 150, 105, 0.11);
}

.message-flow-field dt[b-bh9x41omgp],
.message-flow-field dd[b-bh9x41omgp] {
    min-width: 0;
    margin: 0;
    font-size: 0.73rem;
    line-height: 1.4;
}

.message-flow-field dt[b-bh9x41omgp] {
    color: #64748b;
    font-weight: 650;
}

.message-flow-field dd[b-bh9x41omgp] {
    color: #1e293b;
    font-weight: 570;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.message-footer[b-bh9x41omgp] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.32rem;
    margin-top: 0.48rem;
    color: #8796aa;
    font-size: 0.61rem;
    font-weight: 580;
}

.message-status-dot[b-bh9x41omgp] {
    width: 0.38rem;
    height: 0.38rem;
    flex: 0 0 0.38rem;
    border-radius: 999px;
}

.conversation-dialog-empty-icon[b-bh9x41omgp] {
    width: 2.8rem;
    height: 2.8rem;
    display: grid;
    place-items: center;
    border-radius: 0.85rem;
    color: #2563eb;
    background: rgba(37, 99, 235, 0.08);
}

.conversation-dialog-empty strong[b-bh9x41omgp] {
    color: #1e293b;
    font-size: 0.95rem;
}

.conversation-dialog-empty span[b-bh9x41omgp] {
    color: #7b8ba3;
    font-size: 0.78rem;
    text-align: center;
}

.conversation-dialog-actions[b-bh9x41omgp] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.conversation-dialog-actions > span[b-bh9x41omgp] {
    color: #94a3b8;
    font-size: 0.7rem;
}

.conversation-dialog-actions > div[b-bh9x41omgp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

@media (max-width: 720px) {
    .conversation-dialog-shell[b-bh9x41omgp] {
        max-width: 100vw;
    }

    .conversation-dialog-header[b-bh9x41omgp] {
        align-items: flex-start;
        flex-direction: column;
    }

    .conversation-dialog-summary[b-bh9x41omgp] {
        grid-template-columns: 1fr;
    }

    .conversation-transcript[b-bh9x41omgp] {
        max-height: 64vh;
        padding: 0.8rem;
    }

    .message-cluster[b-bh9x41omgp] {
        max-width: 88%;
    }

    .message-flow-field[b-bh9x41omgp] {
        grid-template-columns: 1fr;
        gap: 0.18rem;
    }

    .conversation-dialog-actions > span[b-bh9x41omgp] {
        display: none;
    }

    .conversation-dialog-actions[b-bh9x41omgp] {
        justify-content: flex-end;
    }
}
/* _content/DevFlowMessaging.Web/Components/Whatsapp/WhatsAppConversations.razor.rz.scp.css */
.whatsapp-conversations-page[b-o7lpjg6531] {
    min-height: 100vh;
    background: var(--df-page-background);
}

.whatsapp-conversations-page__content[b-o7lpjg6531] {
    padding: 1.4rem 1.7rem 2.25rem;
}

.whatsapp-conversations-page__surface[b-o7lpjg6531] {
    min-width: 0;
    border: 1px solid #e2e8f0;
    border-radius: 0.95rem;
    background: #ffffff;
    overflow: hidden;
}

.whatsapp-conversations-page__grid[b-o7lpjg6531] {
    min-width: 0;
}

.whatsapp-conversations-page__grid[b-o7lpjg6531]  .mud-table-container {
    border-radius: 0.95rem 0.95rem 0 0;
    overflow: hidden;
}

.whatsapp-conversations-page__grid[b-o7lpjg6531]  .mud-table-head {
    background: #f8fafc;
}

.whatsapp-conversations-page__grid[b-o7lpjg6531]  .mud-table-head .mud-table-cell {
    padding-top: 0.72rem;
    padding-bottom: 0.72rem;
    border-bottom: 1px solid #e8eef6;
    color: #8ea2be;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.whatsapp-conversations-page__grid[b-o7lpjg6531]  .mud-table-body .mud-table-row {
    cursor: pointer;
    transition: background-color 0.16s ease;
}

.whatsapp-conversations-page__grid[b-o7lpjg6531]  .mud-table-body .mud-table-row:hover {
    background: rgba(var(--df-primary-rgb), 0.035);
}

.whatsapp-conversations-page__grid[b-o7lpjg6531]  .mud-table-cell {
    padding-top: 0.78rem;
    padding-bottom: 0.78rem;
    border-bottom: 1px solid #e8eef6;
    vertical-align: middle;
}

.whatsapp-conversations-page__grid[b-o7lpjg6531]  .mud-table-body .mud-table-row:last-child .mud-table-cell {
    border-bottom: 0;
}

.whatsapp-conversations-page__grid[b-o7lpjg6531]  .mud-table-pagination {
    border-top: 1px solid #e8eef6;
}

.whatsapp-conversations-page__contact-cell[b-o7lpjg6531] {
    min-width: 12rem;
    display: flex;
    align-items: center;
    gap: 0.72rem;
}

.whatsapp-conversations-page__avatar[b-o7lpjg6531] {
    position: relative;
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 2.35rem;
    display: grid;
    place-items: center;
    border: 1px solid rgba(var(--df-primary-rgb), 0.16);
    border-radius: 0.78rem;
    color: #2563eb;
    background: linear-gradient(145deg, rgba(var(--df-primary-rgb), 0.1), rgba(14, 165, 233, 0.07));
    font-size: 0.78rem;
    font-weight: 750;
}

.whatsapp-conversations-page__presence[b-o7lpjg6531] {
    position: absolute;
    right: -0.1rem;
    bottom: -0.1rem;
    width: 0.58rem;
    height: 0.58rem;
    border: 2px solid #ffffff;
    border-radius: 999px;
    background: #10b981;
}

.whatsapp-conversations-page__contact-copy[b-o7lpjg6531],
.whatsapp-conversations-page__activity-cell[b-o7lpjg6531],
.whatsapp-conversations-page__state-cell[b-o7lpjg6531] {
    display: grid;
    gap: 0.14rem;
    min-width: 0;
}

.whatsapp-conversations-page__contact-copy strong[b-o7lpjg6531],
.whatsapp-conversations-page__activity-cell strong[b-o7lpjg6531] {
    color: #1e293b;
    font-size: 0.84rem;
    font-weight: 680;
    line-height: 1.2;
}

.whatsapp-conversations-page__contact-copy span[b-o7lpjg6531],
.whatsapp-conversations-page__activity-cell span[b-o7lpjg6531],
.whatsapp-conversations-page__state-cell > span[b-o7lpjg6531] {
    color: #94a3b8;
    font-size: 0.71rem;
    font-weight: 560;
    line-height: 1.35;
}

.whatsapp-conversations-page__preview-cell[b-o7lpjg6531] {
    min-width: 15rem;
    max-width: 32rem;
    display: grid;
    gap: 0.22rem;
}

.whatsapp-conversations-page__preview-heading[b-o7lpjg6531] {
    display: flex;
    align-items: center;
    gap: 0.38rem;
    min-width: 0;
}

.whatsapp-conversations-page__preview-heading > span[b-o7lpjg6531] {
    flex: 0 0 auto;
    color: #2563eb;
    font-size: 0.7rem;
    font-weight: 720;
}

.whatsapp-conversations-page__preview-heading > span[b-o7lpjg6531]::after {
    content: ":";
}

.whatsapp-conversations-page__preview-heading strong[b-o7lpjg6531] {
    min-width: 0;
    overflow: hidden;
    color: #334155;
    font-size: 0.82rem;
    font-weight: 660;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.whatsapp-conversations-page__preview-body[b-o7lpjg6531] {
    overflow: hidden;
    color: #7b8ba3;
    font-size: 0.75rem;
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.whatsapp-conversations-page__activity-cell[b-o7lpjg6531] {
    min-width: 8.5rem;
}

.whatsapp-conversations-page__state-cell[b-o7lpjg6531] {
    min-width: 10rem;
    justify-items: start;
    gap: 0.3rem;
}

.whatsapp-conversations-page__message-count[b-o7lpjg6531] {
    min-width: 4rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.45rem;
    color: #64748b;
}

.whatsapp-conversations-page__message-count span[b-o7lpjg6531] {
    min-width: 1.75rem;
    padding: 0.18rem 0.45rem;
    border: 1px solid #dbe5f0;
    border-radius: 999px;
    color: #334155;
    background: #f8fafc;
    font-size: 0.72rem;
    font-weight: 700;
    text-align: center;
}

.whatsapp-conversations-page__message-count[b-o7lpjg6531]  .mud-icon-root {
    font-size: 1.1rem;
}

.whatsapp-conversations-page__empty[b-o7lpjg6531] {
    min-height: 15rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.45rem;
    padding: 2rem;
    color: #64748b;
    text-align: center;
}

.whatsapp-conversations-page__empty-icon[b-o7lpjg6531] {
    width: 2.8rem;
    height: 2.8rem;
    display: grid;
    place-items: center;
    margin-bottom: 0.15rem;
    border-radius: 0.85rem;
    color: #2563eb;
    background: rgba(var(--df-primary-rgb), 0.08);
}

.whatsapp-conversations-page__empty strong[b-o7lpjg6531] {
    color: #1e293b;
    font-size: 0.95rem;
}

.whatsapp-conversations-page__empty > span[b-o7lpjg6531] {
    max-width: 30rem;
    font-size: 0.8rem;
}

@media (max-width: 1199.98px) {
    .whatsapp-conversations-page__content[b-o7lpjg6531] {
        padding: 1.2rem 1.1rem 1.8rem;
    }

    .whatsapp-conversations-page__surface[b-o7lpjg6531] {
        overflow-x: auto;
    }

    .whatsapp-conversations-page__grid[b-o7lpjg6531] {
        min-width: 62rem;
    }
}

@media (max-width: 767.98px) {
    .whatsapp-conversations-page__content[b-o7lpjg6531] {
        padding: 1rem 0.9rem 1.35rem;
    }
}
/* _content/DevFlowMessaging.Web/Components/Whatsapp/WhatsAppCostAnalysis.razor.rz.scp.css */
.whatsapp-cost-analysis[b-lfks2lc5j6] {
    display: grid;
    gap: 1.1rem;
    min-width: 0;
}

.whatsapp-cost-analysis__toolbar[b-lfks2lc5j6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.25rem;
}

.whatsapp-cost-analysis__eyebrow[b-lfks2lc5j6] {
    display: block;
    margin-bottom: 0.3rem;
    color: #2563eb;
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.whatsapp-cost-analysis__toolbar h2[b-lfks2lc5j6] {
    margin: 0;
    color: #0f172a;
    font-size: 1.55rem;
    font-weight: 760;
}

.whatsapp-cost-analysis__toolbar p[b-lfks2lc5j6] {
    margin: 0.35rem 0 0;
    color: #64748b;
    font-size: 0.86rem;
}

.whatsapp-cost-analysis__filters[b-lfks2lc5j6] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.whatsapp-cost-analysis__month-select[b-lfks2lc5j6] {
    width: 13rem;
}

.whatsapp-cost-analysis__stats[b-lfks2lc5j6] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.whatsapp-cost-analysis__grid[b-lfks2lc5j6] {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(20rem, 0.8fr);
    gap: 1rem;
    min-width: 0;
}

.whatsapp-cost-analysis__chart[b-lfks2lc5j6] {
    min-height: 18rem;
}

.whatsapp-cost-analysis__table[b-lfks2lc5j6]  .mud-table-head {
    background: #f8fafc;
}

.whatsapp-cost-analysis__table[b-lfks2lc5j6]  .mud-table-cell {
    border-color: #e8eef6;
}

.whatsapp-cost-analysis__table strong[b-lfks2lc5j6],
.whatsapp-cost-analysis__table small[b-lfks2lc5j6] {
    display: block;
}

.whatsapp-cost-analysis__table strong[b-lfks2lc5j6] {
    color: #0f172a;
    font-size: 0.84rem;
}

.whatsapp-cost-analysis__table small[b-lfks2lc5j6] {
    margin-top: 0.12rem;
    color: #94a3b8;
    font-size: 0.68rem;
}

.whatsapp-cost-analysis__empty[b-lfks2lc5j6] {
    min-height: 18rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.45rem;
    color: #64748b;
    text-align: center;
}

.whatsapp-cost-analysis__empty[b-lfks2lc5j6]  .mud-icon-root {
    color: #2563eb;
    font-size: 2rem;
}

.whatsapp-cost-analysis__empty strong[b-lfks2lc5j6] {
    color: #1e293b;
}

.whatsapp-cost-analysis__empty span[b-lfks2lc5j6] {
    font-size: 0.8rem;
}

@media (max-width: 1199.98px) {
    .whatsapp-cost-analysis__stats[b-lfks2lc5j6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .whatsapp-cost-analysis__grid[b-lfks2lc5j6] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .whatsapp-cost-analysis__toolbar[b-lfks2lc5j6],
    .whatsapp-cost-analysis__filters[b-lfks2lc5j6] {
        width: 100%;
        flex-direction: column;
    }

    .whatsapp-cost-analysis__month-select[b-lfks2lc5j6],
    .whatsapp-cost-analysis__stats[b-lfks2lc5j6] {
        width: 100%;
    }

    .whatsapp-cost-analysis__stats[b-lfks2lc5j6] {
        grid-template-columns: 1fr;
    }
}
/* _content/DevFlowMessaging.Web/Components/Whatsapp/WhatsAppCreateCampaignNew.razor.rz.scp.css */
.whatsapp-create-campaign-page__panels[b-sd4hmulpzi] {
    padding-inline: clamp(1.25rem, 3vw, 3.75rem);
}

.whatsapp-create-campaign-page__message-stage[b-sd4hmulpzi] {
    width: 100%;
    max-width: 1480px;
    margin-inline: auto;
    padding: 0.5rem clamp(0.5rem, 1.2vw, 1.5rem) 0;
}

.whatsapp-create-campaign-page__message-grid[b-sd4hmulpzi] {
    width: 100%;
    margin-inline: auto;
}

.whatsapp-create-campaign-page__message-column[b-sd4hmulpzi],
.whatsapp-create-campaign-page__preview-column[b-sd4hmulpzi] {
    min-width: 0;
}

.whatsapp-create-campaign-page__preview-shell[b-sd4hmulpzi] {
    width: 100%;
}

.whatsapp-create-campaign-page__audience-stage[b-sd4hmulpzi] {
    width: 100%;
    max-width: 1380px;
    margin-inline: auto;
    padding: 1rem clamp(0.5rem, 2vw, 2rem) 0.5rem;
    box-sizing: border-box;
}

.whatsapp-create-campaign-page__audience-grid[b-sd4hmulpzi] {
    width: 100%;
    margin-inline: auto;
}

[b-sd4hmulpzi] .whatsapp-create-campaign-page__audience-card,
[b-sd4hmulpzi] .whatsapp-create-campaign-page__cost-card {
    height: 100%;
}

.whatsapp-create-campaign-page__recipient-summary[b-sd4hmulpzi] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    padding: 0.9rem 1rem;
    border: 1px solid #dce9e4;
    border-radius: 14px;
    background: #f5fbf8;
}

.whatsapp-create-campaign-page__recipient-summary > div:last-child[b-sd4hmulpzi] {
    display: grid;
    min-width: 0;
    gap: 0.1rem;
}

.whatsapp-create-campaign-page__recipient-summary span[b-sd4hmulpzi],
.whatsapp-create-campaign-page__cost-total > span[b-sd4hmulpzi],
.whatsapp-create-campaign-page__cost-metrics span[b-sd4hmulpzi] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 650;
}

.whatsapp-create-campaign-page__recipient-summary strong[b-sd4hmulpzi] {
    color: #0f172a;
    font-size: 1.35rem;
    line-height: 1.1;
}

.whatsapp-create-campaign-page__recipient-summary small[b-sd4hmulpzi],
.whatsapp-create-campaign-page__cost-total small[b-sd4hmulpzi],
.whatsapp-create-campaign-page__cost-metrics small[b-sd4hmulpzi] {
    color: #8290a3;
    font-size: 0.68rem;
    line-height: 1.45;
}

.whatsapp-create-campaign-page__cost-loading[b-sd4hmulpzi],
.whatsapp-create-campaign-page__cost-empty[b-sd4hmulpzi] {
    display: flex;
    min-height: 12rem;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0.65rem;
    color: #64748b;
    text-align: center;
}

.whatsapp-create-campaign-page__cost-loading[b-sd4hmulpzi] {
    min-height: 7rem;
    flex-direction: row;
    font-size: 0.78rem;
}

.whatsapp-create-campaign-page__cost-empty[b-sd4hmulpzi]  .mud-icon-root {
    color: #94a3b8;
    font-size: 2rem;
}

.whatsapp-create-campaign-page__cost-empty strong[b-sd4hmulpzi] {
    color: #334155;
    font-size: 0.85rem;
}

.whatsapp-create-campaign-page__cost-empty span[b-sd4hmulpzi] {
    max-width: 22rem;
    font-size: 0.74rem;
    line-height: 1.55;
}

.whatsapp-create-campaign-page__cost-total[b-sd4hmulpzi] {
    display: grid;
    gap: 0.18rem;
    padding: 1.05rem 1.15rem;
    border: 1px solid rgba(var(--df-primary-rgb), 0.15);
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(var(--df-primary-rgb), 0.08), rgba(var(--df-secondary-rgb), 0.07));
}

.whatsapp-create-campaign-page__cost-total > strong[b-sd4hmulpzi] {
    color: #0f172a;
    font-size: clamp(1.65rem, 3vw, 2.15rem);
    line-height: 1.15;
    letter-spacing: -0.035em;
}

.whatsapp-create-campaign-page__cost-badges[b-sd4hmulpzi] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.8rem;
}

.whatsapp-create-campaign-page__cost-metrics[b-sd4hmulpzi] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem;
    margin-top: 0.85rem;
}

.whatsapp-create-campaign-page__cost-metrics > div[b-sd4hmulpzi] {
    display: grid;
    min-width: 0;
    gap: 0.18rem;
    padding: 0.8rem;
    border: 1px solid #e5eaf1;
    border-radius: 13px;
    background: #fbfcfe;
}

.whatsapp-create-campaign-page__cost-metrics strong[b-sd4hmulpzi] {
    overflow: hidden;
    color: #1e293b;
    font-size: 0.86rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.whatsapp-create-campaign-page__rate-table-wrap[b-sd4hmulpzi] {
    margin-top: 0.9rem;
    overflow: hidden;
    border: 1px solid #e5eaf1;
    border-radius: 14px;
}

.whatsapp-create-campaign-page__rate-table-title[b-sd4hmulpzi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.7rem 0.8rem;
    border-bottom: 1px solid #e9edf3;
    background: #f8fafc;
}

.whatsapp-create-campaign-page__rate-table-title strong[b-sd4hmulpzi] {
    color: #334155;
    font-size: 0.76rem;
}

.whatsapp-create-campaign-page__rate-table-title span[b-sd4hmulpzi] {
    color: #8491a3;
    font-size: 0.65rem;
}

.whatsapp-create-campaign-page__rate-table[b-sd4hmulpzi] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.whatsapp-create-campaign-page__rate-table th[b-sd4hmulpzi],
.whatsapp-create-campaign-page__rate-table td[b-sd4hmulpzi] {
    padding: 0.58rem 0.75rem;
    border-bottom: 1px solid #edf1f5;
    color: #536174;
    font-size: 0.7rem;
    text-align: right;
}

.whatsapp-create-campaign-page__rate-table th[b-sd4hmulpzi] {
    color: #7b8798;
    background: #ffffff;
    font-size: 0.62rem;
    font-weight: 720;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.whatsapp-create-campaign-page__rate-table th:first-child[b-sd4hmulpzi],
.whatsapp-create-campaign-page__rate-table td:first-child[b-sd4hmulpzi] {
    width: 42%;
    text-align: left;
}

.whatsapp-create-campaign-page__rate-table tbody tr:last-child td[b-sd4hmulpzi] {
    border-bottom: 0;
}

.whatsapp-create-campaign-page__rate-table tr.is-selected td[b-sd4hmulpzi] {
    color: var(--df-primary);
    background: rgba(var(--df-primary-rgb), 0.055);
    font-weight: 720;
}

.whatsapp-create-campaign-page__estimate-note[b-sd4hmulpzi] {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    margin-top: 0.85rem;
    color: #748196;
    font-size: 0.67rem;
    line-height: 1.55;
}

.whatsapp-create-campaign-page__estimate-note[b-sd4hmulpzi]  .mud-icon-root {
    flex: 0 0 auto;
    margin-top: 0.08rem;
    color: #64748b;
    font-size: 1rem;
}

@media (max-width: 959.98px) {
    .whatsapp-create-campaign-page__panels[b-sd4hmulpzi] {
        padding-inline: 0.875rem;
    }

    .whatsapp-create-campaign-page__message-stage[b-sd4hmulpzi] {
        max-width: 100%;
        padding: 0.5rem 0 0;
    }

    .whatsapp-create-campaign-page__audience-stage[b-sd4hmulpzi] {
        max-width: 100%;
        padding: 0.5rem 0 0;
    }
}

@media (max-width: 599.98px) {
    .whatsapp-create-campaign-page__cost-metrics[b-sd4hmulpzi] {
        grid-template-columns: 1fr;
    }
}
/* _content/DevFlowMessaging.Web/Components/Whatsapp/WhatsAppFlowComponentFields.razor.rz.scp.css */
.flow-component-fields[b-st4jkltzg5] {
    min-width: 0;
    display: grid;
    gap: .8rem;
}

.flow-component-fields__grid[b-st4jkltzg5],
.flow-component-fields__row[b-st4jkltzg5] {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.flow-component-fields__row--checks[b-st4jkltzg5] {
    grid-template-columns: repeat(3, minmax(0, auto));
    align-items: center;
    justify-content: start;
}

.flow-component-fields__subsection[b-st4jkltzg5],
.flow-component-fields__prefill[b-st4jkltzg5],
.flow-component-fields__branch[b-st4jkltzg5] {
    min-width: 0;
    display: grid;
    gap: .7rem;
    padding: .75rem;
    border-radius: 10px;
    background: var(--mud-palette-background-gray);
}

.flow-component-fields__prefill[b-st4jkltzg5] {
    background: color-mix(in srgb, var(--mud-palette-info) 7%, transparent);
}

.flow-component-fields__prefill > span[b-st4jkltzg5],
.flow-component-fields__branch-heading > span[b-st4jkltzg5] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: .15rem .45rem;
}

.flow-component-fields__prefill strong[b-st4jkltzg5],
.flow-component-fields__branch-heading strong[b-st4jkltzg5],
.flow-component-fields__collection-heading strong[b-st4jkltzg5] {
    color: var(--mud-palette-text-primary);
    font-size: .8rem;
}

.flow-component-fields__prefill small[b-st4jkltzg5],
.flow-component-fields__branch-heading small[b-st4jkltzg5],
.flow-component-fields__hint[b-st4jkltzg5] {
    grid-column: 2;
    color: var(--mud-palette-text-secondary);
    font-size: .7rem;
}

.flow-component-fields__collection[b-st4jkltzg5],
.flow-component-fields__nested-list[b-st4jkltzg5] {
    min-width: 0;
    display: grid;
    gap: .6rem;
}

.flow-component-fields__collection-heading[b-st4jkltzg5],
.flow-component-fields__branch-heading[b-st4jkltzg5] {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.flow-component-fields__collection-item[b-st4jkltzg5] {
    position: relative;
    min-width: 0;
    padding: .75rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
}

.flow-component-fields__collection-item > .mud-icon-button[b-st4jkltzg5] {
    position: absolute;
    top: .2rem;
    right: .2rem;
}

.flow-component-fields__navigation-item[b-st4jkltzg5] {
    padding-top: 2.25rem;
}

.flow-component-fields__nested[b-st4jkltzg5] {
    min-width: 0;
    display: grid;
    gap: .65rem;
    padding: .7rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 9px;
    background: var(--mud-palette-surface);
}

.flow-component-fields__nested > header[b-st4jkltzg5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.flow-component-fields__nested > header strong[b-st4jkltzg5] {
    font-size: .76rem;
}

@media (max-width: 760px) {
    .flow-component-fields__grid[b-st4jkltzg5],
    .flow-component-fields__row[b-st4jkltzg5] {
        grid-template-columns: 1fr;
    }
}
/* _content/DevFlowMessaging.Web/Components/Whatsapp/WhatsAppFlowComponentPreview.razor.rz.scp.css */
.flow-preview-component__heading[b-rmunlhfahx] {
    font-size: 1rem;
    font-weight: 750;
    line-height: 1.25;
}

.flow-preview-component__subheading[b-rmunlhfahx] {
    font-size: .86rem;
    font-weight: 650;
}

.flow-preview-component__body[b-rmunlhfahx],
.flow-preview-component__rich-text[b-rmunlhfahx] {
    color: #4b5563;
    font-size: .75rem;
    line-height: 1.45;
}

.flow-preview-component__rich-text[b-rmunlhfahx] {
    display: grid;
    gap: .2rem;
}

.flow-preview-component__table[b-rmunlhfahx] {
    display: grid;
    overflow: hidden;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
}

.flow-preview-component__table > span[b-rmunlhfahx] {
    display: grid;
}

.flow-preview-component__table i[b-rmunlhfahx] {
    min-width: 0;
    padding: .32rem;
    border-right: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
    font-size: .58rem;
    font-style: normal;
    overflow-wrap: anywhere;
}

.flow-preview-component__table > span:first-child i[b-rmunlhfahx] {
    background: #f8fafc;
    color: #374151;
    font-weight: 700;
}

.flow-preview-component__caption[b-rmunlhfahx] {
    color: #6b7280;
    font-size: .65rem;
}

.flow-preview-component__field[b-rmunlhfahx] {
    min-width: 0;
    display: grid;
    gap: .35rem;
}

.flow-preview-component__field label[b-rmunlhfahx] {
    font-size: .68rem;
    font-weight: 650;
}

.flow-preview-component__field label em[b-rmunlhfahx] {
    color: #dc2626;
    font-style: normal;
}

.flow-preview-component__input[b-rmunlhfahx],
.flow-preview-component__select[b-rmunlhfahx] {
    display: block;
    min-height: 2.15rem;
    padding: .58rem .62rem;
    border: 1px solid #d1d5db;
    border-radius: 7px;
    color: #9ca3af;
    font-size: .68rem;
}

.flow-preview-component__input--textarea[b-rmunlhfahx] {
    min-height: 4.25rem;
}

.flow-preview-component__input--icon[b-rmunlhfahx],
.flow-preview-component__select[b-rmunlhfahx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.flow-preview-component__helper[b-rmunlhfahx] {
    color: #9ca3af;
    font-size: .6rem;
}

.flow-preview-component__option[b-rmunlhfahx] {
    display: flex;
    align-items: center;
    gap: .45rem;
    color: #4b5563;
    font-size: .7rem;
}

.flow-preview-component__option i[b-rmunlhfahx],
.flow-preview-component__opt-in i[b-rmunlhfahx] {
    width: .85rem;
    height: .85rem;
    flex: 0 0 auto;
    border: 1px solid #9ca3af;
    border-radius: 50%;
}

.flow-preview-component__option--checkbox i[b-rmunlhfahx],
.flow-preview-component__opt-in i[b-rmunlhfahx] {
    border-radius: 3px;
}

.flow-preview-component__option--radio.is-selected i[b-rmunlhfahx] {
    border-color: #008069;
    background: #008069;
    box-shadow: inset 0 0 0 3px #ffffff;
}

.flow-preview-component__option--checkbox.is-selected i[b-rmunlhfahx],
.flow-preview-component__opt-in i.is-selected[b-rmunlhfahx] {
    border-color: #008069;
    background: #008069;
}

.flow-preview-component__chips[b-rmunlhfahx],
.flow-preview-component__carousel[b-rmunlhfahx] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.flow-preview-component__chips span[b-rmunlhfahx] {
    padding: .35rem .55rem;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    color: #4b5563;
    font-size: .65rem;
}

.flow-preview-component__chips span.is-selected[b-rmunlhfahx] {
    border-color: #008069;
    background: #e8f5f1;
    color: #006b58;
}

.flow-preview-component__link[b-rmunlhfahx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    color: #007c69;
    font-size: .7rem;
    font-weight: 650;
}

.flow-preview-component__image[b-rmunlhfahx],
.flow-preview-component__carousel > span[b-rmunlhfahx] {
    display: grid;
    place-items: center;
    gap: .25rem;
    min-height: 5rem;
    border-radius: 8px;
    background: #e7eceb;
    color: #64748b;
    font-size: .65rem;
    text-align: center;
}

.flow-preview-component__carousel[b-rmunlhfahx] {
    overflow: hidden;
    flex-wrap: nowrap;
}

.flow-preview-component__carousel > span[b-rmunlhfahx] {
    min-width: 72%;
}

.flow-preview-component__conditional[b-rmunlhfahx] {
    display: grid;
    gap: .55rem;
    padding: .55rem;
    border: 1px dashed #d1d5db;
    border-radius: 8px;
}

.flow-preview-component__conditional > small[b-rmunlhfahx] {
    color: #9ca3af;
    font-size: .58rem;
}

.flow-preview-component__opt-in[b-rmunlhfahx] {
    display: flex;
    align-items: flex-start;
    gap: .45rem;
    color: #4b5563;
    font-size: .68rem;
}

.flow-preview-component__opt-in span[b-rmunlhfahx] {
    display: grid;
}

.flow-preview-component__opt-in small[b-rmunlhfahx] {
    color: #007c69;
}

.flow-preview-component__upload[b-rmunlhfahx] {
    display: grid;
    place-items: center;
    gap: .2rem;
    min-height: 4.6rem;
    padding: .6rem;
    border: 1px dashed #94a3b8;
    border-radius: 8px;
    color: #64748b;
    font-size: .68rem;
    text-align: center;
}

.flow-preview-component__upload small[b-rmunlhfahx] {
    color: #9ca3af;
    font-size: .58rem;
}

.flow-preview-component__nav-item[b-rmunlhfahx] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: .45rem;
    padding: .55rem 0;
    border-bottom: 1px solid #eef2f7;
}

.flow-preview-component__nav-item > span:not(.flow-preview-component__nav-image)[b-rmunlhfahx] {
    display: grid;
}

.flow-preview-component__nav-item strong[b-rmunlhfahx] {
    font-size: .7rem;
}

.flow-preview-component__nav-item small[b-rmunlhfahx] {
    color: #6b7280;
    font-size: .58rem;
}

.flow-preview-component__nav-item em[b-rmunlhfahx] {
    padding: .12rem .28rem;
    border-radius: 999px;
    background: #e8f5f1;
    color: #006b58;
    font-size: .52rem;
    font-style: normal;
}

.flow-preview-component__nav-image[b-rmunlhfahx] {
    width: 1.65rem;
    height: 1.65rem;
    display: grid;
    place-items: center;
    border-radius: 6px;
    background: #e7eceb;
    color: #64748b;
}
/* _content/DevFlowMessaging.Web/Components/Whatsapp/WhatsAppFlowCreate.razor.rz.scp.css */
.flow-create[b-9t4b6s1cow] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--mud-palette-background);
}

.flow-create__content[b-9t4b6s1cow] {
    width: 100%;
    min-width: 0;
    flex: 1 1 auto;
    padding: 1.25rem 1.7rem 2rem;
    display: grid;
    align-content: start;
    gap: 1rem;
}

.flow-create__loading[b-9t4b6s1cow],
.flow-create__empty[b-9t4b6s1cow] {
    min-height: 22rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
}

.flow-create__empty[b-9t4b6s1cow] {
    flex-direction: column;
    text-align: center;
}

[b-9t4b6s1cow] .flow-create__hero-card {
    height: auto;
    overflow: hidden;
}

[b-9t4b6s1cow] .flow-create__hero-card .df-card__body {
    margin-top: 0;
}

.flow-create__hero[b-9t4b6s1cow] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) minmax(220px, 300px);
    align-items: center;
    gap: 1rem;
}

.flow-create__hero-icon[b-9t4b6s1cow] {
    width: 3.5rem;
    height: 3.5rem;
    display: grid;
    place-items: center;
    border-radius: 16px;
    background: color-mix(in srgb, var(--mud-palette-primary) 13%, transparent);
    color: var(--mud-palette-primary);
}

.flow-create__hero-copy[b-9t4b6s1cow] {
    min-width: 0;
}

.flow-create__hero-title[b-9t4b6s1cow] {
    overflow: hidden;
    color: var(--mud-palette-text-primary);
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.flow-create__muted[b-9t4b6s1cow],
.flow-create__saved[b-9t4b6s1cow] {
    color: var(--mud-palette-text-secondary);
}

.flow-create__badges[b-9t4b6s1cow] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-top: .65rem;
}

.flow-create__readiness[b-9t4b6s1cow] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .35rem .75rem;
    color: var(--mud-palette-text-secondary);
    font-size: .8rem;
}

.flow-create__readiness strong[b-9t4b6s1cow] {
    color: var(--mud-palette-text-primary);
}

.flow-create__readiness .mud-progress-linear[b-9t4b6s1cow],
.flow-create__readiness small[b-9t4b6s1cow] {
    grid-column: 1 / -1;
}

.flow-create__locked[b-9t4b6s1cow] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .9rem 1rem;
    border: 1px solid color-mix(in srgb, var(--mud-palette-warning) 30%, transparent);
    border-radius: 12px;
    background: color-mix(in srgb, var(--mud-palette-warning) 8%, transparent);
    color: var(--mud-palette-warning-darken);
}

.flow-create__locked span[b-9t4b6s1cow] {
    display: grid;
    gap: .1rem;
}

.flow-create__locked small[b-9t4b6s1cow] {
    color: var(--mud-palette-text-secondary);
}

.flow-create__validation-list[b-9t4b6s1cow] {
    display: grid;
    gap: .4rem;
}

.flow-create__validation-list span[b-9t4b6s1cow] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.flow-create__validation-list small[b-9t4b6s1cow] {
    white-space: nowrap;
    opacity: .8;
}

.flow-create__screen-settings[b-9t4b6s1cow],
.flow-create__component-grid[b-9t4b6s1cow] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .8rem;
}

.flow-create__workspace[b-9t4b6s1cow] {
    display: grid;
    grid-template-columns: minmax(220px, 260px) minmax(460px, 1fr) minmax(290px, 340px);
    align-items: start;
    gap: 1rem;
}

.flow-create__rail[b-9t4b6s1cow],
.flow-create__editor[b-9t4b6s1cow],
.flow-create__preview-column[b-9t4b6s1cow] {
    min-width: 0;
    display: grid;
    align-content: start;
    gap: 1rem;
}

.flow-create__workspace[b-9t4b6s1cow]  .df-card,
.flow-create__json-layout[b-9t4b6s1cow]  .df-card,
.flow-create__mapping[b-9t4b6s1cow]  .df-card,
.flow-create__developer[b-9t4b6s1cow]  .df-card {
    height: auto;
}

.flow-create__mapping[b-9t4b6s1cow] {
    max-width: 980px;
}

.flow-create__mapping-list[b-9t4b6s1cow] {
    display: grid;
    gap: .7rem;
}

.flow-create__mapping-row[b-9t4b6s1cow] {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) auto minmax(240px, 1fr);
    align-items: center;
    gap: 1rem;
    padding: .8rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 10px;
}

.flow-create__mapping-source[b-9t4b6s1cow] {
    min-width: 0;
    display: grid;
    gap: .12rem;
}

.flow-create__mapping-source strong[b-9t4b6s1cow] {
    color: var(--mud-palette-text-primary);
    font-size: .84rem;
}

.flow-create__mapping-source code[b-9t4b6s1cow] {
    color: var(--mud-palette-primary);
    font-size: .75rem;
    overflow-wrap: anywhere;
}

.flow-create__mapping-source small[b-9t4b6s1cow],
.flow-create__mapping-actions > span[b-9t4b6s1cow] {
    color: var(--mud-palette-text-secondary);
    font-size: .72rem;
}

.flow-create__mapping-arrow[b-9t4b6s1cow] {
    color: var(--mud-palette-text-secondary);
}

.flow-create__mapping-warning[b-9t4b6s1cow] {
    margin-top: .9rem;
}

.flow-create__mapping-note[b-9t4b6s1cow],
.flow-create__mapping-empty[b-9t4b6s1cow] {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    margin-top: .9rem;
    padding: .75rem;
    border-radius: 9px;
    background: color-mix(in srgb, var(--mud-palette-info) 8%, transparent);
    color: var(--mud-palette-text-secondary);
    font-size: .78rem;
}

.flow-create__mapping-actions[b-9t4b6s1cow] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
}

.flow-create__rail[b-9t4b6s1cow],
.flow-create__preview-column[b-9t4b6s1cow] {
    position: sticky;
    top: 1rem;
}

.flow-create__screen-list[b-9t4b6s1cow] {
    display: grid;
    gap: .45rem;
    margin-bottom: .75rem;
}

.flow-create__screen-add-actions[b-9t4b6s1cow] {
    display: grid;
    gap: .35rem;
}

.flow-create__screen[b-9t4b6s1cow] {
    width: 100%;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .65rem;
    padding: .68rem;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    color: var(--mud-palette-text-primary);
    cursor: pointer;
    text-align: left;
}

.flow-create__screen:hover[b-9t4b6s1cow] {
    background: var(--mud-palette-action-default-hover);
}

.flow-create__screen.is-selected[b-9t4b6s1cow] {
    border-color: color-mix(in srgb, var(--mud-palette-primary) 35%, transparent);
    background: color-mix(in srgb, var(--mud-palette-primary) 9%, transparent);
}

.flow-create__screen-index[b-9t4b6s1cow] {
    width: 1.65rem;
    height: 1.65rem;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--mud-palette-action-default);
    color: var(--mud-palette-text-secondary);
    font-size: .75rem;
    font-weight: 700;
}

.flow-create__screen.is-selected .flow-create__screen-index[b-9t4b6s1cow] {
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
}

.flow-create__screen-copy[b-9t4b6s1cow] {
    min-width: 0;
    display: grid;
    gap: .12rem;
}

.flow-create__screen-copy strong[b-9t4b6s1cow],
.flow-create__screen-copy small[b-9t4b6s1cow] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.flow-create__screen-copy strong[b-9t4b6s1cow] {
    font-size: .82rem;
}

.flow-create__screen-copy small[b-9t4b6s1cow] {
    color: var(--mud-palette-text-secondary);
    font-size: .69rem;
}

.flow-create__check[b-9t4b6s1cow] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    color: var(--mud-palette-text-secondary);
    font-size: .8rem;
}

.flow-create__check--success[b-9t4b6s1cow] {
    color: var(--mud-palette-success);
}

.flow-create__issue-list[b-9t4b6s1cow] {
    display: grid;
    gap: .4rem;
}

.flow-create__issue-list button[b-9t4b6s1cow] {
    display: flex;
    align-items: flex-start;
    gap: .45rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--mud-palette-warning-darken);
    cursor: pointer;
    font: inherit;
    font-size: .76rem;
    text-align: left;
}

.flow-create__issue-list .mud-icon-root[b-9t4b6s1cow] {
    flex: 0 0 auto;
    margin-top: .05rem;
    font-size: 1rem;
}

.flow-create__issue-list small[b-9t4b6s1cow] {
    color: var(--mud-palette-text-secondary);
    font-size: .72rem;
}

.flow-create__screen-actions[b-9t4b6s1cow] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: .75rem;
    padding: .65rem .75rem;
    border-radius: 10px;
    background: var(--mud-palette-background-gray);
}

.flow-create__screen-actions > span[b-9t4b6s1cow] {
    display: flex;
    align-items: center;
    gap: .45rem;
    color: var(--mud-palette-text-secondary);
    font-size: .78rem;
}

.flow-create__components[b-9t4b6s1cow] {
    display: grid;
    gap: .8rem;
}

.flow-create__components-empty[b-9t4b6s1cow] {
    min-height: 7rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    border: 1px dashed var(--mud-palette-lines-default);
    border-radius: 12px;
    color: var(--mud-palette-text-secondary);
    font-size: .82rem;
}

.flow-create__component[b-9t4b6s1cow] {
    min-width: 0;
    display: grid;
    gap: .8rem;
    padding: .9rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    background: var(--mud-palette-surface);
}

.flow-create__component > header[b-9t4b6s1cow] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .65rem;
}

.flow-create__component > header > span:nth-child(2)[b-9t4b6s1cow] {
    display: grid;
    gap: .08rem;
}

.flow-create__component > header strong[b-9t4b6s1cow] {
    color: var(--mud-palette-text-primary);
    font-size: .85rem;
}

.flow-create__component > header small[b-9t4b6s1cow] {
    color: var(--mud-palette-text-secondary);
    font-size: .72rem;
}

.flow-create__component-icon[b-9t4b6s1cow] {
    width: 2rem;
    height: 2rem;
    display: grid;
    place-items: center;
    border-radius: 9px;
    background: color-mix(in srgb, var(--mud-palette-primary) 10%, transparent);
    color: var(--mud-palette-primary);
}

.flow-create__required[b-9t4b6s1cow] {
    margin-top: -.45rem;
}

.flow-create__prefill[b-9t4b6s1cow] {
    display: grid;
    gap: .65rem;
    padding: .75rem;
    border-radius: 10px;
    background: color-mix(in srgb, var(--mud-palette-info) 7%, transparent);
}

.flow-create__prefill-heading[b-9t4b6s1cow] {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: var(--mud-palette-info);
}

.flow-create__prefill-heading span[b-9t4b6s1cow] {
    display: grid;
}

.flow-create__prefill-heading strong[b-9t4b6s1cow] {
    color: var(--mud-palette-text-primary);
    font-size: .8rem;
}

.flow-create__prefill-heading small[b-9t4b6s1cow] {
    color: var(--mud-palette-text-secondary);
    font-size: .7rem;
}

.flow-create__options[b-9t4b6s1cow] {
    display: grid;
    gap: .55rem;
}

.flow-create__options-heading[b-9t4b6s1cow] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flow-create__option[b-9t4b6s1cow] {
    display: grid;
    grid-template-columns: minmax(120px, .75fr) minmax(160px, 1fr) auto;
    align-items: center;
    gap: .55rem;
}

.flow-create__preview-card[b-9t4b6s1cow] {
    overflow: hidden;
}

.flow-create__phone[b-9t4b6s1cow] {
    overflow: hidden;
    border: 7px solid #16212a;
    border-radius: 25px;
    background: #efeae2;
    box-shadow: 0 12px 35px rgba(15, 23, 42, .16);
}

.flow-create__phone-bar[b-9t4b6s1cow] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .55rem;
    padding: .7rem;
    background: #075e54;
    color: white;
}

.flow-create__phone-bar span[b-9t4b6s1cow] {
    display: grid;
}

.flow-create__phone-bar strong[b-9t4b6s1cow] {
    font-size: .75rem;
}

.flow-create__phone-bar small[b-9t4b6s1cow] {
    opacity: .78;
    font-size: .62rem;
}

.flow-create__phone-body[b-9t4b6s1cow] {
    min-height: 510px;
    padding: .7rem;
}

.flow-create__preview-screen[b-9t4b6s1cow] {
    display: grid;
    gap: .72rem;
    padding: .85rem;
    border-radius: 12px;
    background: white;
    color: #1f2937;
    box-shadow: 0 2px 10px rgba(15, 23, 42, .08);
}

.flow-create__preview-title[b-9t4b6s1cow] {
    display: grid;
    gap: .2rem;
    padding-bottom: .55rem;
    border-bottom: 1px solid #e5e7eb;
}

.flow-create__preview-title span[b-9t4b6s1cow] {
    color: #6b7280;
    font-size: .62rem;
}

.flow-create__preview-title strong[b-9t4b6s1cow] {
    font-size: .88rem;
}

.flow-create__preview-heading[b-9t4b6s1cow] {
    font-size: 1rem;
    font-weight: 750;
    line-height: 1.25;
}

.flow-create__preview-subheading[b-9t4b6s1cow] {
    font-size: .86rem;
    font-weight: 650;
}

.flow-create__preview-body-text[b-9t4b6s1cow] {
    color: #4b5563;
    font-size: .75rem;
    line-height: 1.45;
}

.flow-create__preview-caption[b-9t4b6s1cow] {
    color: #6b7280;
    font-size: .65rem;
}

.flow-create__preview-field[b-9t4b6s1cow] {
    display: grid;
    gap: .35rem;
}

.flow-create__preview-field label[b-9t4b6s1cow] {
    font-size: .68rem;
    font-weight: 650;
}

.flow-create__preview-field em[b-9t4b6s1cow] {
    color: #dc2626;
    font-style: normal;
}

.flow-create__preview-input[b-9t4b6s1cow] {
    display: block;
    min-height: 2.15rem;
    padding: .58rem .62rem;
    border: 1px solid #d1d5db;
    border-radius: 7px;
    color: #9ca3af;
    font-size: .68rem;
}

.flow-create__preview-input--textarea[b-9t4b6s1cow] {
    min-height: 4.25rem;
}

.flow-create__preview-input--with-icon[b-9t4b6s1cow],
.flow-create__preview-select[b-9t4b6s1cow] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.flow-create__preview-select[b-9t4b6s1cow] {
    min-height: 2.15rem;
    padding: .48rem .55rem .48rem .62rem;
    border: 1px solid #d1d5db;
    border-radius: 7px;
    color: #9ca3af;
    font-size: .68rem;
}

.flow-create__preview-select[b-9t4b6s1cow]  .mud-icon-root,
.flow-create__preview-input--with-icon[b-9t4b6s1cow]  .mud-icon-root {
    flex: 0 0 auto;
    font-size: 1rem;
}

.flow-create__preview-option[b-9t4b6s1cow] {
    display: flex;
    align-items: center;
    gap: .45rem;
    color: #4b5563;
    font-size: .7rem;
}

.flow-create__preview-option i[b-9t4b6s1cow] {
    width: .85rem;
    height: .85rem;
    border: 1px solid #9ca3af;
    border-radius: 50%;
}

.flow-create__preview-option--checkbox i[b-9t4b6s1cow] {
    border-radius: 3px;
}

.flow-create__preview-option--radio.is-selected i[b-9t4b6s1cow] {
    border-color: #008069;
    background: #008069;
    box-shadow: inset 0 0 0 3px #ffffff;
}

.flow-create__preview-option--checkbox.is-selected i[b-9t4b6s1cow] {
    position: relative;
    border-color: #008069;
    background: #008069;
}

.flow-create__preview-option--checkbox.is-selected i[b-9t4b6s1cow]::after {
    position: absolute;
    width: .42rem;
    height: .22rem;
    left: .17rem;
    top: .19rem;
    border-bottom: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    content: "";
    transform: rotate(-45deg);
}

.flow-create__preview-screen > button[b-9t4b6s1cow] {
    min-height: 2.35rem;
    margin-top: .3rem;
    border: 0;
    border-radius: 7px;
    background: #008069;
    color: white;
    font-size: .74rem;
    font-weight: 700;
    opacity: 1;
}

.flow-create__preview-footer-caption[b-9t4b6s1cow] {
    color: #6b7280;
    font-size: .6rem;
    text-align: center;
}

.flow-create__preview-footer-captions[b-9t4b6s1cow] {
    display: flex;
    justify-content: space-between;
    gap: .5rem;
    color: #6b7280;
    font-size: .6rem;
}

.flow-create__component[b-9t4b6s1cow]  .mud-input-control,
.flow-create__component[b-9t4b6s1cow]  .mud-input,
.flow-create__component[b-9t4b6s1cow]  .mud-input-slot {
    min-width: 0;
    max-width: 100%;
}

.flow-create__component[b-9t4b6s1cow]  textarea,
.flow-create__component[b-9t4b6s1cow]  input {
    min-width: 0;
    overflow-wrap: anywhere;
}

.flow-create__json-layout[b-9t4b6s1cow] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
    align-items: start;
    gap: 1rem;
}

.flow-create__json[b-9t4b6s1cow] {
    max-height: 68vh;
    overflow: auto;
    margin: 0;
    padding: 1rem;
    border-radius: 10px;
    background: #101827;
    color: #dbeafe;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: .75rem;
    line-height: 1.55;
    white-space: pre;
}

.flow-create__payload-list[b-9t4b6s1cow] {
    display: grid;
    gap: .45rem;
}

.flow-create__payload-list > div[b-9t4b6s1cow] {
    display: grid;
    gap: .1rem;
    padding: .58rem .65rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 9px;
}

.flow-create__payload-list code[b-9t4b6s1cow] {
    color: var(--mud-palette-primary);
    font-size: .76rem;
}

.flow-create__payload-list span[b-9t4b6s1cow] {
    color: var(--mud-palette-text-secondary);
    font-size: .7rem;
}

.flow-create__developer[b-9t4b6s1cow] {
    min-width: 0;
    display: grid;
    gap: 1rem;
}

.flow-create__developer-grid[b-9t4b6s1cow] {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 1rem;
}

.flow-create__developer-grid--response[b-9t4b6s1cow] {
    grid-template-columns: minmax(280px, .7fr) minmax(0, 1.3fr);
}

.flow-create__developer-details[b-9t4b6s1cow] {
    display: grid;
    margin: 0;
}

.flow-create__developer-details > div[b-9t4b6s1cow] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(130px, .65fr) minmax(0, 1fr);
    gap: .75rem;
    padding: .7rem 0;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.flow-create__developer-details > div:first-child[b-9t4b6s1cow] {
    padding-top: 0;
}

.flow-create__developer-details > div:last-child[b-9t4b6s1cow] {
    padding-bottom: 0;
    border-bottom: 0;
}

.flow-create__developer-details dt[b-9t4b6s1cow] {
    color: var(--mud-palette-text-secondary);
    font-size: .78rem;
}

.flow-create__developer-details dd[b-9t4b6s1cow] {
    min-width: 0;
    margin: 0;
    color: var(--mud-palette-text-primary);
    font-size: .8rem;
    overflow-wrap: anywhere;
}

.flow-create__developer-details code[b-9t4b6s1cow],
.flow-create__developer-properties code[b-9t4b6s1cow] {
    color: var(--mud-palette-primary);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: .76rem;
    overflow-wrap: anywhere;
}

.flow-create__developer-properties[b-9t4b6s1cow] {
    display: grid;
    gap: .45rem;
}

.flow-create__developer-properties > div[b-9t4b6s1cow] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(120px, .65fr) minmax(0, 1fr);
    gap: .75rem;
    padding: .62rem .7rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 9px;
}

.flow-create__developer-properties span[b-9t4b6s1cow] {
    min-width: 0;
    display: grid;
    align-content: start;
    gap: .12rem;
}

.flow-create__developer-properties strong[b-9t4b6s1cow] {
    color: var(--mud-palette-text-primary);
    font-size: .78rem;
    font-weight: 650;
}

.flow-create__developer-properties small[b-9t4b6s1cow] {
    color: var(--mud-palette-text-secondary);
    font-size: .7rem;
    overflow-wrap: anywhere;
}

.flow-create__developer-empty[b-9t4b6s1cow] {
    display: flex;
    align-items: center;
    gap: .55rem;
    padding: .75rem;
    border-radius: 9px;
    background: color-mix(in srgb, var(--mud-palette-info) 8%, transparent);
    color: var(--mud-palette-text-secondary);
    font-size: .78rem;
}

.flow-create__developer-code-header[b-9t4b6s1cow] {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .65rem;
    color: var(--mud-palette-text-secondary);
    font-size: .75rem;
}

.flow-create__developer-code-header a[b-9t4b6s1cow] {
    color: var(--mud-palette-primary);
    font-weight: 600;
    text-decoration: none;
}

.flow-create__developer-code[b-9t4b6s1cow] {
    width: 100%;
    max-height: 34rem;
    overflow: auto;
    margin: 0;
    padding: 1rem;
    border-radius: 10px;
    background: #101827;
    color: #dbeafe;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: .75rem;
    line-height: 1.55;
    white-space: pre;
}

.flow-create__developer-code.is-compact[b-9t4b6s1cow] {
    max-height: 27rem;
}

@media (max-width: 1260px) {
    .flow-create__workspace[b-9t4b6s1cow] {
        grid-template-columns: 230px minmax(0, 1fr);
    }

    .flow-create__preview-column[b-9t4b6s1cow] {
        position: static;
        grid-column: 1 / -1;
    }

    .flow-create__preview-card[b-9t4b6s1cow] {
        max-width: 360px;
        margin: 0 auto;
    }
}

@media (max-width: 860px) {
    .flow-create__content[b-9t4b6s1cow] {
        padding: .75rem .5rem 1.25rem;
    }

    .flow-create__hero[b-9t4b6s1cow] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .flow-create__readiness[b-9t4b6s1cow] {
        grid-column: 1 / -1;
    }

    .flow-create__screen-settings[b-9t4b6s1cow],
    .flow-create__component-grid[b-9t4b6s1cow],
    .flow-create__json-layout[b-9t4b6s1cow],
    .flow-create__developer-grid[b-9t4b6s1cow],
    .flow-create__developer-grid--response[b-9t4b6s1cow] {
        grid-template-columns: 1fr;
    }

    .flow-create__workspace[b-9t4b6s1cow] {
        grid-template-columns: 1fr;
    }

    .flow-create__rail[b-9t4b6s1cow],
    .flow-create__preview-column[b-9t4b6s1cow] {
        position: static;
    }

    .flow-create__developer-details > div[b-9t4b6s1cow],
    .flow-create__developer-properties > div[b-9t4b6s1cow] {
        grid-template-columns: 1fr;
        gap: .2rem;
    }

    .flow-create__developer-code-header[b-9t4b6s1cow] {
        align-items: flex-start;
    }

    .flow-create__mapping-row[b-9t4b6s1cow] {
        grid-template-columns: 1fr;
        gap: .55rem;
    }

    .flow-create__mapping-arrow[b-9t4b6s1cow] {
        display: none;
    }

    .flow-create__mapping-actions[b-9t4b6s1cow] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* _content/DevFlowMessaging.Web/Components/Whatsapp/WhatsAppFlows.razor.rz.scp.css */
.whatsapp-flows[b-qnwggddyeb] {
    display: grid;
    gap: 1.25rem;
}

.whatsapp-flows__loading[b-qnwggddyeb] {
    min-height: 13rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    color: var(--mud-palette-text-secondary);
}

.whatsapp-flows__notice[b-qnwggddyeb] {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .85rem 1rem;
    border: 1px solid color-mix(in srgb, var(--mud-palette-info) 28%, transparent);
    border-radius: 12px;
    background: color-mix(in srgb, var(--mud-palette-info) 8%, transparent);
    color: var(--mud-palette-text-primary);
    font-size: .875rem;
}

.whatsapp-flows__grid-surface[b-qnwggddyeb] {
    overflow: hidden;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 14px;
    background: var(--mud-palette-surface);
}

.whatsapp-flows__primary-cell[b-qnwggddyeb],
.whatsapp-flows__secondary-cell[b-qnwggddyeb] {
    display: grid;
    gap: .18rem;
}

.whatsapp-flows__primary-cell strong[b-qnwggddyeb],
.whatsapp-flows__secondary-cell strong[b-qnwggddyeb] {
    color: var(--mud-palette-text-primary);
    font-size: .875rem;
}

.whatsapp-flows__primary-cell span[b-qnwggddyeb],
.whatsapp-flows__secondary-cell span[b-qnwggddyeb] {
    color: var(--mud-palette-text-secondary);
    font-size: .75rem;
}

.whatsapp-flows__value[b-qnwggddyeb] {
    color: var(--mud-palette-text-primary);
    font-size: .875rem;
}

.whatsapp-flows__actions[b-qnwggddyeb] {
    display: flex;
    justify-content: flex-end;
}

.whatsapp-flows__empty[b-qnwggddyeb] {
    min-height: 15rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    color: var(--mud-palette-text-secondary);
    text-align: center;
}

.whatsapp-flows__empty strong[b-qnwggddyeb] {
    color: var(--mud-palette-text-primary);
}

.whatsapp-flows__empty-icon[b-qnwggddyeb] {
    width: 3rem;
    height: 3rem;
    display: grid;
    place-items: center;
    margin-bottom: .35rem;
    border-radius: 14px;
    background: color-mix(in srgb, var(--mud-palette-primary) 11%, transparent);
    color: var(--mud-palette-primary);
}
/* _content/DevFlowMessaging.Web/Components/Whatsapp/WhatsAppLogsGrid.razor.rz.scp.css */
.whatsapp-logs-grid[b-hgycgt7b5f] {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.whatsapp-logs-grid__toolbar[b-hgycgt7b5f] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-left: auto;
}

.whatsapp-logs-grid__search[b-hgycgt7b5f] {
    width: 18.5rem;
    min-width: 14.5rem;
}

.whatsapp-logs-grid__search[b-hgycgt7b5f]  .mud-input-root {
    border-radius: 14px;
    background: #ffffff;
}

.whatsapp-logs-grid__surface[b-hgycgt7b5f] {
    min-width: 0;
    padding: 0;
    border: 1px solid #e2e8f0;
    border-radius: 0.95rem;
    background: #ffffff;
    overflow: hidden;
}

.whatsapp-logs-grid__grid[b-hgycgt7b5f] {
    min-width: 0;
}

.whatsapp-logs-grid__grid[b-hgycgt7b5f]  .mud-table-container {
    border-radius: 0.95rem 0.95rem 0 0;
    overflow: hidden;
}

.whatsapp-logs-grid__grid[b-hgycgt7b5f]  .mud-table-head {
    background: #f8fafc;
}

.whatsapp-logs-grid__grid[b-hgycgt7b5f]  .mud-table-head .mud-table-cell {
    padding-top: 0.72rem;
    padding-bottom: 0.72rem;
    border-bottom: 1px solid #e8eef6;
    color: #8ea2be;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.whatsapp-logs-grid__grid[b-hgycgt7b5f]  .mud-table-body .mud-table-row {
    cursor: pointer;
    background: #ffffff;
    transition: background-color 0.16s ease;
}

.whatsapp-logs-grid__grid[b-hgycgt7b5f]  .mud-table-body .mud-table-row:hover {
    background: rgba(var(--df-primary-rgb), 0.035);
}

.whatsapp-logs-grid__grid[b-hgycgt7b5f]  .mud-table-cell {
    padding-top: 0.78rem;
    padding-bottom: 0.78rem;
    border-bottom: 1px solid #e8eef6;
    vertical-align: middle;
}

.whatsapp-logs-grid__grid[b-hgycgt7b5f]  .mud-table-body .mud-table-row:last-child .mud-table-cell {
    border-bottom: 0;
}

.whatsapp-logs-grid__grid[b-hgycgt7b5f]  .mud-table-pagination {
    border-top: 1px solid #e8eef6;
}

.whatsapp-logs-grid__contact-cell[b-hgycgt7b5f] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
}

.whatsapp-logs-grid__avatar[b-hgycgt7b5f] {
    flex: 0 0 auto;
}

.whatsapp-logs-grid__contact-copy[b-hgycgt7b5f] {
    min-width: 0;
    display: grid;
    gap: 0.12rem;
}

.whatsapp-logs-grid__contact-copy strong[b-hgycgt7b5f],
.whatsapp-logs-grid__date-cell strong[b-hgycgt7b5f],
.whatsapp-logs-grid__notification-cell strong[b-hgycgt7b5f],
.whatsapp-logs-grid__cost-cell strong[b-hgycgt7b5f] {
    overflow: hidden;
    color: #1e293b;
    font-size: 0.84rem;
    font-weight: 680;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.whatsapp-logs-grid__contact-copy span[b-hgycgt7b5f],
.whatsapp-logs-grid__date-cell span[b-hgycgt7b5f],
.whatsapp-logs-grid__notification-cell > span[b-hgycgt7b5f],
.whatsapp-logs-grid__cost-cell span[b-hgycgt7b5f] {
    color: #94a3b8;
    font-size: 0.71rem;
    font-weight: 560;
    line-height: 1.35;
}

.whatsapp-logs-grid__date-cell[b-hgycgt7b5f],
.whatsapp-logs-grid__notification-cell[b-hgycgt7b5f],
.whatsapp-logs-grid__cost-cell[b-hgycgt7b5f] {
    min-width: 0;
    display: grid;
    gap: 0.12rem;
}

.whatsapp-logs-grid__date-cell[b-hgycgt7b5f] {
    min-width: 9rem;
}

.whatsapp-logs-grid__notification-cell[b-hgycgt7b5f] {
    min-width: 12rem;
    max-width: 30rem;
}

.whatsapp-logs-grid__cost-cell[b-hgycgt7b5f] {
    min-width: 6.5rem;
}

.whatsapp-logs-grid__direction[b-hgycgt7b5f] {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
}

.whatsapp-logs-grid__direction-icon[b-hgycgt7b5f] {
    font-size: 0.9rem;
}

.whatsapp-logs-grid__status-cell[b-hgycgt7b5f] {
    display: flex;
    justify-content: flex-end;
}

.whatsapp-logs-grid__grid[b-hgycgt7b5f]  th:last-child {
    text-align: right;
}

.whatsapp-logs-grid__empty[b-hgycgt7b5f] {
    min-height: 15rem;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.45rem;
    padding: 2rem;
    color: #64748b;
    text-align: center;
}

.whatsapp-logs-grid__empty-icon[b-hgycgt7b5f] {
    width: 2.8rem;
    height: 2.8rem;
    display: grid;
    place-items: center;
    margin-bottom: 0.15rem;
    border-radius: 0.85rem;
    color: #2563eb;
    background: rgba(var(--df-primary-rgb), 0.08);
}

.whatsapp-logs-grid__empty strong[b-hgycgt7b5f] {
    color: #1e293b;
    font-size: 0.95rem;
}

.whatsapp-logs-grid__empty > span:last-child[b-hgycgt7b5f] {
    max-width: 30rem;
    font-size: 0.8rem;
}

@media (max-width: 1199.98px) {
    .whatsapp-logs-grid__search[b-hgycgt7b5f] {
        width: 100%;
        min-width: 0;
        flex: 1 1 100%;
    }

    .whatsapp-logs-grid__surface[b-hgycgt7b5f] {
        overflow-x: auto;
    }

    .whatsapp-logs-grid__grid[b-hgycgt7b5f] {
        min-width: 58rem;
    }
}

@media (max-width: 767.98px) {
    .whatsapp-logs-grid__toolbar[b-hgycgt7b5f] {
        width: 100%;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
}
/* _content/DevFlowMessaging.Web/Components/Whatsapp/WhatsAppMessageLogDrawer.razor.rz.scp.css */
.whatsapp-log-drawer__shell[b-geber2noh3] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
    overflow: hidden;
    background: transparent;
}

.whatsapp-log-drawer__header[b-geber2noh3] {
    padding: 0 0 1rem 0;
    border-bottom: 1px solid #e2e8f0;
    background: #ffffff;
}

.whatsapp-log-drawer__content[b-geber2noh3] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: auto;
    padding-top: 1rem;
    padding-bottom: 0.5rem;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

.whatsapp-log-drawer__tabs[b-geber2noh3] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0;
}

.whatsapp-log-drawer__tabs[b-geber2noh3]  .df-tabs__bar {
    width: 100%;
}

.whatsapp-log-drawer__tabs[b-geber2noh3]  .df-tabs__panel {
    flex: 0 0 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: visible;
}

.whatsapp-log-drawer__tab-panel[b-geber2noh3] {
    flex: 0 0 auto;
    min-height: 0;
}

.whatsapp-log-drawer__panel[b-geber2noh3] {
    display: grid;
    gap: 1.15rem;
    min-width: 0;
}

.whatsapp-log-drawer__summary-card[b-geber2noh3],
.whatsapp-log-drawer__payload-card[b-geber2noh3] {
    min-width: 0;
}

.whatsapp-log-drawer__summary-grid[b-geber2noh3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.1rem 1.3rem;
}

.whatsapp-log-drawer__badges[b-geber2noh3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    align-items: center;
}

.whatsapp-log-drawer__field[b-geber2noh3] {
    min-width: 0;
}

.whatsapp-log-drawer__field--wide[b-geber2noh3] {
    grid-column: 1 / -1;
}

.whatsapp-log-drawer__label[b-geber2noh3] {
    margin-bottom: 0.34rem;
    color: #8ea2be;
    font-weight: 700;
    font-size: 0.72rem;
    line-height: 1.15;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.whatsapp-log-drawer__value[b-geber2noh3] {
    margin: 0;
    color: #0f172a;
    font-weight: 600;
    line-height: 1.4;
    word-break: break-word;
}

.whatsapp-log-drawer__meta[b-geber2noh3] {
    margin: 0;
    color: #64748b;
    line-height: 1.38;
    word-break: break-word;
}

.whatsapp-log-drawer__meta--wrap[b-geber2noh3] {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.whatsapp-log-drawer__contact[b-geber2noh3] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    min-width: 0;
}

.whatsapp-log-drawer__avatar[b-geber2noh3] {
    flex: 0 0 auto;
}

.whatsapp-log-drawer__contact-copy[b-geber2noh3] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.whatsapp-log-drawer__direction-badge[b-geber2noh3] {
    display: inline-flex;
    align-items: center;
}

.whatsapp-log-drawer__summary-card[b-geber2noh3]  .df-card__body,
.whatsapp-log-drawer__payload-card[b-geber2noh3]  .df-card__body {
    margin-top: 1.15rem;
}

.whatsapp-log-drawer__code[b-geber2noh3]  .mud-input-slot {
    font-size: 0.82rem;
}

.whatsapp-log-drawer__section-title[b-geber2noh3] {
    margin-top: 0.5rem;
}

.whatsapp-log-drawer__event-list[b-geber2noh3] {
    display: grid;
    gap: 0.9rem;
}

.whatsapp-log-drawer__event-row[b-geber2noh3] {
    padding: 1rem 1.05rem;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.whatsapp-log-drawer__event-head[b-geber2noh3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.whatsapp-log-drawer__event-time[b-geber2noh3] {
    color: #64748b;
    white-space: nowrap;
}

.whatsapp-log-drawer__event-error[b-geber2noh3] {
    margin-top: 0.55rem;
    color: #dc2626;
}

.whatsapp-log-drawer__empty[b-geber2noh3] {
    flex: 1 1 auto;
    min-height: 0;
    padding: 1.15rem 0.2rem 0.2rem;
    display: grid;
    gap: 0.25rem;
}

.whatsapp-log-drawer__empty--soft[b-geber2noh3] {
    padding-top: 0;
}

.whatsapp-log-drawer__empty-copy[b-geber2noh3] {
    color: #64748b;
}

.whatsapp-log-drawer__loading[b-geber2noh3] {
    flex: 1 1 auto;
    display: grid;
    place-items: center;
    min-height: 0;
}

@media (max-width: 639.98px) {
    .whatsapp-log-drawer__summary-grid[b-geber2noh3] {
        grid-template-columns: 1fr;
    }
}
/* _content/DevFlowMessaging.Web/Components/Whatsapp/WhatsAppOverview.razor.rz.scp.css */
.whatsapp-overview[b-5z9qew9hvt] {
    display: grid;
    gap: 1.25rem;
    min-width: 0;
}

.whatsapp-overview.is-loading[b-5z9qew9hvt] {
    pointer-events: none;
    opacity: 0.72;
}

.whatsapp-overview__toolbar[b-5z9qew9hvt] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 1.35rem 1.45rem;
    border: 1px solid #dfe8f4;
    border-radius: 18px;
    background:
        radial-gradient(circle at 0% 0%, rgba(var(--df-primary-rgb), 0.08), transparent 34%),
        linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.whatsapp-overview__intro[b-5z9qew9hvt] {
    min-width: 0;
    max-width: 42rem;
}

.whatsapp-overview__eyebrow[b-5z9qew9hvt] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.45rem;
    color: #50627a;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.whatsapp-overview__live-dot[b-5z9qew9hvt] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 999px;
    background: #16a875;
    box-shadow: 0 0 0 4px rgba(22, 168, 117, 0.12);
}

.whatsapp-overview__title[b-5z9qew9hvt] {
    margin: 0;
    color: #0f172a;
    font-size: clamp(1.25rem, 2vw, 1.65rem);
    font-weight: 800;
    line-height: 1.2;
}

.whatsapp-overview__subtitle[b-5z9qew9hvt] {
    max-width: 40rem;
    margin: 0.45rem 0 0;
    color: #64748b;
    font-size: 0.92rem;
    line-height: 1.55;
}

.whatsapp-overview__meta[b-5z9qew9hvt],
.whatsapp-overview__badge-row[b-5z9qew9hvt] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.whatsapp-overview__meta[b-5z9qew9hvt] {
    margin-top: 0.85rem;
}

.whatsapp-overview__filters[b-5z9qew9hvt] {
    display: grid;
    grid-template-columns: minmax(15rem, 18rem) minmax(14rem, 16rem) auto;
    align-items: end;
    gap: 0.75rem;
    flex: 0 1 auto;
}

.whatsapp-overview__phone-filter[b-5z9qew9hvt] {
    min-width: 0;
}

.whatsapp-overview__stats[b-5z9qew9hvt] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.whatsapp-overview__primary-grid[b-5z9qew9hvt],
.whatsapp-overview__details-grid[b-5z9qew9hvt] {
    display: grid;
    gap: 1rem;
    align-items: stretch;
}

.whatsapp-overview__primary-grid[b-5z9qew9hvt] {
    grid-template-columns: minmax(0, 1.65fr) minmax(20rem, 0.95fr);
}

.whatsapp-overview__details-grid[b-5z9qew9hvt] {
    grid-template-columns: minmax(0, 1.4fr) minmax(19rem, 0.8fr);
}

.whatsapp-overview__panel[b-5z9qew9hvt],
.whatsapp-overview__empty-shell[b-5z9qew9hvt] {
    min-width: 0;
}

.whatsapp-overview__chart[b-5z9qew9hvt] {
    min-width: 0;
    min-height: 290px;
}

.whatsapp-overview__empty-state[b-5z9qew9hvt] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    min-height: 8rem;
    padding: 1rem;
    border: 1px dashed #d9e3ef;
    border-radius: 0.85rem;
    background: #f8fafc;
}

.whatsapp-overview__empty-state--chart[b-5z9qew9hvt] {
    min-height: 290px;
    justify-content: center;
}

[b-5z9qew9hvt] .whatsapp-overview__empty-title {
    margin: 0;
    color: #0f172a;
    font-weight: 700;
}

[b-5z9qew9hvt] .whatsapp-overview__muted {
    margin-top: 0.2rem;
    color: #64748b;
}

.whatsapp-overview__phone-summary[b-5z9qew9hvt] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    min-width: 0;
}

.whatsapp-overview__phone-avatar[b-5z9qew9hvt] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 0.85rem;
    background: linear-gradient(135deg, #e6f7f1 0%, #d8f2ea 100%);
    color: #0f9f73;
}

.whatsapp-overview__phone-copy[b-5z9qew9hvt] {
    display: grid;
    min-width: 0;
}

.whatsapp-overview__phone-copy strong[b-5z9qew9hvt] {
    color: #0f172a;
    font-size: 0.98rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.whatsapp-overview__phone-copy span[b-5z9qew9hvt] {
    margin-top: 0.18rem;
    color: #64748b;
    font-size: 0.84rem;
}

.whatsapp-overview__badge-row[b-5z9qew9hvt] {
    margin-top: 0.9rem;
}

.whatsapp-overview__quota[b-5z9qew9hvt] {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid #e2eaf4;
    border-radius: 0.85rem;
    background: #f8fbff;
}

.whatsapp-overview__quota-heading[b-5z9qew9hvt] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.whatsapp-overview__quota-heading > div[b-5z9qew9hvt] {
    display: grid;
}

.whatsapp-overview__quota-heading span[b-5z9qew9hvt] {
    color: #334155;
    font-size: 0.84rem;
    font-weight: 700;
}

.whatsapp-overview__quota-heading small[b-5z9qew9hvt],
.whatsapp-overview__quota-foot[b-5z9qew9hvt],
.whatsapp-overview__quota-note[b-5z9qew9hvt] {
    color: #718198;
    font-size: 0.75rem;
}

.whatsapp-overview__quota-heading strong[b-5z9qew9hvt] {
    color: #0f172a;
    font-size: 0.95rem;
    white-space: nowrap;
}

.whatsapp-overview__quota-track[b-5z9qew9hvt],
.whatsapp-overview__metric-track[b-5z9qew9hvt] {
    height: 0.42rem;
    overflow: hidden;
    border-radius: 999px;
    background: #e7edf5;
}

.whatsapp-overview__quota-track[b-5z9qew9hvt] {
    margin-top: 0.85rem;
}

.whatsapp-overview__quota-track > span[b-5z9qew9hvt],
.whatsapp-overview__metric-track > span[b-5z9qew9hvt] {
    display: block;
    height: 100%;
    border-radius: inherit;
    transition: width 220ms ease;
}

.whatsapp-overview__quota-track > span[b-5z9qew9hvt] {
    background: linear-gradient(90deg, var(--df-primary) 0%, var(--df-secondary) 100%);
}

.whatsapp-overview__quota-track > span.is-at-limit[b-5z9qew9hvt] {
    background: #ef4444;
}

.whatsapp-overview__quota-foot[b-5z9qew9hvt] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 0.5rem;
}

.whatsapp-overview__quota-note[b-5z9qew9hvt] {
    margin-top: 0.8rem;
    padding-top: 0.75rem;
    border-top: 1px solid #e2eaf4;
    line-height: 1.45;
}

.whatsapp-overview__phone-facts[b-5z9qew9hvt] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem 1rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e8eef6;
}

.whatsapp-overview__phone-facts > div[b-5z9qew9hvt] {
    display: grid;
    min-width: 0;
}

.whatsapp-overview__phone-facts span[b-5z9qew9hvt] {
    color: #718198;
    font-size: 0.72rem;
    font-weight: 600;
}

.whatsapp-overview__phone-facts strong[b-5z9qew9hvt] {
    margin-top: 0.18rem;
    color: #0f172a;
    font-size: 0.84rem;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.whatsapp-overview__status-list[b-5z9qew9hvt] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.whatsapp-overview__status-row[b-5z9qew9hvt],
.whatsapp-overview__template-row[b-5z9qew9hvt] {
    --metric-color: #64748b;
}

.whatsapp-overview__status-row[b-5z9qew9hvt] {
    padding: 0.85rem 0.9rem;
    border: 1px solid #e5ebf3;
    border-radius: 0.8rem;
    background: #fbfcfe;
}

.whatsapp-overview__status-row--pending[b-5z9qew9hvt] {
    --metric-color: #f59e0b;
}

.whatsapp-overview__status-row--accepted[b-5z9qew9hvt] {
    --metric-color: #64748b;
}

.whatsapp-overview__status-row--sent[b-5z9qew9hvt] {
    --metric-color: #2563eb;
}

.whatsapp-overview__status-row--delivered[b-5z9qew9hvt] {
    --metric-color: #10b981;
}

.whatsapp-overview__status-row--read[b-5z9qew9hvt] {
    --metric-color: #0ea5e9;
}

.whatsapp-overview__status-row--failed[b-5z9qew9hvt] {
    --metric-color: #ef4444;
}

.whatsapp-overview__status-heading[b-5z9qew9hvt],
.whatsapp-overview__template-heading[b-5z9qew9hvt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
}

.whatsapp-overview__status-name[b-5z9qew9hvt] {
    display: inline-flex;
    align-items: center;
    gap: 0.48rem;
    color: #334155;
    font-size: 0.82rem;
    font-weight: 700;
}

.whatsapp-overview__status-dot[b-5z9qew9hvt] {
    width: 0.52rem;
    height: 0.52rem;
    border-radius: 999px;
    background: var(--metric-color);
}

.whatsapp-overview__status-value[b-5z9qew9hvt] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.4rem;
}

.whatsapp-overview__status-value strong[b-5z9qew9hvt] {
    color: #0f172a;
    font-size: 0.9rem;
}

.whatsapp-overview__status-value small[b-5z9qew9hvt],
.whatsapp-overview__template-row small[b-5z9qew9hvt] {
    color: #718198;
    font-size: 0.72rem;
}

.whatsapp-overview__metric-track[b-5z9qew9hvt] {
    margin-top: 0.6rem;
}

.whatsapp-overview__metric-track > span[b-5z9qew9hvt] {
    background: var(--metric-color);
}

.whatsapp-overview__template-total[b-5z9qew9hvt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border-radius: 0.8rem;
    background: #f8fafc;
}

.whatsapp-overview__template-total span[b-5z9qew9hvt] {
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 600;
}

.whatsapp-overview__template-total strong[b-5z9qew9hvt] {
    color: #0f172a;
    font-size: 1.15rem;
}

.whatsapp-overview__template-list[b-5z9qew9hvt] {
    display: grid;
    gap: 1rem;
    margin-top: 1.1rem;
}

.whatsapp-overview__template-row--marketing[b-5z9qew9hvt] {
    --metric-color: #f59e0b;
}

.whatsapp-overview__template-row--utility[b-5z9qew9hvt] {
    --metric-color: #2563eb;
}

.whatsapp-overview__template-row--authentication[b-5z9qew9hvt] {
    --metric-color: #10b981;
}

.whatsapp-overview__template-heading span[b-5z9qew9hvt] {
    color: #334155;
    font-size: 0.83rem;
    font-weight: 700;
}

.whatsapp-overview__template-heading strong[b-5z9qew9hvt] {
    color: #0f172a;
    font-size: 0.9rem;
}

.whatsapp-overview__template-row small[b-5z9qew9hvt] {
    display: block;
    margin-top: 0.35rem;
}

@media (max-width: 1399.98px) {
    .whatsapp-overview__toolbar[b-5z9qew9hvt] {
        align-items: stretch;
        flex-direction: column;
    }

    .whatsapp-overview__filters[b-5z9qew9hvt] {
        grid-template-columns: minmax(15rem, 1fr) minmax(14rem, 1fr) auto;
    }
}

@media (max-width: 1199.98px) {
    .whatsapp-overview__primary-grid[b-5z9qew9hvt],
    .whatsapp-overview__details-grid[b-5z9qew9hvt] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991.98px) {
    .whatsapp-overview__stats[b-5z9qew9hvt] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .whatsapp-overview[b-5z9qew9hvt] {
        gap: 1rem;
    }

    .whatsapp-overview__toolbar[b-5z9qew9hvt] {
        padding: 1.1rem;
    }

    .whatsapp-overview__filters[b-5z9qew9hvt],
    .whatsapp-overview__stats[b-5z9qew9hvt],
    .whatsapp-overview__status-list[b-5z9qew9hvt],
    .whatsapp-overview__phone-facts[b-5z9qew9hvt] {
        grid-template-columns: 1fr;
    }

    .whatsapp-overview__quota-heading[b-5z9qew9hvt],
    .whatsapp-overview__quota-foot[b-5z9qew9hvt] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.35rem;
    }

    .whatsapp-overview__empty-state--chart[b-5z9qew9hvt] {
        min-height: 13rem;
    }
}
/* _content/DevFlowMessaging.Web/Components/Whatsapp/WhatsAppPhoneNumberCard.razor.rz.scp.css */
.whatsapp-phone-card__wrap[b-v8gsqir51h] {
    height: 100%;
    cursor: pointer;
}

.whatsapp-phone-card[b-v8gsqir51h] {
    height: 100%;
    padding: 0 !important;
    border-radius: 18px;
    overflow: hidden;
}

.whatsapp-phone-card[b-v8gsqir51h]  .df-card__body {
    margin-top: 0;
    padding: 0;
}

.whatsapp-phone-card__surface[b-v8gsqir51h] {
    height: 100%;
    padding: 1rem 1.05rem 0.95rem;
}

.whatsapp-phone-card__wrap:hover .whatsapp-phone-card[b-v8gsqir51h] {
    border-color: rgba(var(--df-primary-rgb), 0.18);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
}

.whatsapp-phone-card__header[b-v8gsqir51h] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.whatsapp-phone-card__identity[b-v8gsqir51h] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
}

.whatsapp-phone-card__icon[b-v8gsqir51h] {
    width: 3rem;
    height: 3rem;
    border-radius: 14px;
    flex: 0 0 auto;
}

.whatsapp-phone-card__copy[b-v8gsqir51h] {
    min-width: 0;
}

.whatsapp-phone-card__name[b-v8gsqir51h] {
    margin: 0;
    color: #0f172a;
    font-weight: 700;
    line-height: 1.2;
}

.whatsapp-phone-card__phone[b-v8gsqir51h] {
    margin-top: 0.18rem;
    color: #64748b;
}

.whatsapp-phone-card__divider[b-v8gsqir51h] {
    margin: 1rem 0 0.95rem;
}

.whatsapp-phone-card__metrics[b-v8gsqir51h] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.whatsapp-phone-card__metric[b-v8gsqir51h] {
    min-width: 0;
}

.whatsapp-phone-card__metric-label[b-v8gsqir51h] {
    margin-bottom: 0.34rem;
    color: #94a3b8;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.whatsapp-phone-card__metric-value-row[b-v8gsqir51h] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
}

.whatsapp-phone-card__metric-icon[b-v8gsqir51h] {
    font-size: 0.95rem;
    color: #10b981;
}

.whatsapp-phone-card__metric-value[b-v8gsqir51h] {
    color: #334155;
    font-weight: 700;
}

@media (max-width: 767.98px) {
    .whatsapp-phone-card__metrics[b-v8gsqir51h] {
        grid-template-columns: 1fr;
    }
}
/* _content/DevFlowMessaging.Web/Components/Whatsapp/WhatsAppTemplatePhonePreview.razor.rz.scp.css */
.wa-phone[b-gkwgr7s4wy] {
    position: relative;
    width: min(100%, 18.25rem);
    aspect-ratio: 292 / 586;
    margin: 0 auto;
    padding: 0.55rem;
    border: 2px solid #1e293b;
    border-radius: 2.35rem;
    background: #111827;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.2), 0 3px 10px rgba(15, 23, 42, 0.12);
}

.wa-phone__side-button[b-gkwgr7s4wy] {
    position: absolute;
    width: 0.18rem;
    border-radius: 999px;
    background: #334155;
}

.wa-phone__side-button--volume-up[b-gkwgr7s4wy],
.wa-phone__side-button--volume-down[b-gkwgr7s4wy] {
    left: -0.25rem;
    height: 2.5rem;
}

.wa-phone__side-button--volume-up[b-gkwgr7s4wy] {
    top: 7.2rem;
}

.wa-phone__side-button--volume-down[b-gkwgr7s4wy] {
    top: 10.25rem;
}

.wa-phone__side-button--power[b-gkwgr7s4wy] {
    right: -0.25rem;
    top: 8.5rem;
    height: 3.4rem;
}

.wa-phone__screen[b-gkwgr7s4wy] {
    position: relative;
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 1.85rem;
    background: #efeae2;
}

.wa-phone__status-bar[b-gkwgr7s4wy] {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 1.8rem;
    padding: 0.25rem 0.85rem 0.15rem;
    background: #075e54;
    color: #ffffff;
    font-size: 0.58rem;
    font-weight: 700;
}

.wa-phone__sensor[b-gkwgr7s4wy] {
    position: absolute;
    top: 0.32rem;
    left: 50%;
    width: 4.2rem;
    height: 1.05rem;
    border-radius: 999px;
    background: #111827;
    transform: translateX(-50%);
}

.wa-phone__status-icons[b-gkwgr7s4wy] {
    letter-spacing: 0.08rem;
}

.wa-phone__chat-header[b-gkwgr7s4wy] {
    display: flex;
    align-items: center;
    gap: 0.38rem;
    min-height: 3.25rem;
    padding: 0.45rem 0.55rem;
    background: #075e54;
    color: #ffffff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.18);
}

.wa-phone__avatar[b-gkwgr7s4wy] {
    display: inline-flex;
    flex: 0 0 1.85rem;
    align-items: center;
    justify-content: center;
    width: 1.85rem;
    height: 1.85rem;
    overflow: hidden;
    border-radius: 999px;
    background: linear-gradient(135deg, #2dd4bf 0%, #0ea5e9 100%);
    color: #ffffff;
    font-size: 0.55rem;
    font-weight: 800;
    letter-spacing: 0.02em;
}

.wa-phone__avatar img[b-gkwgr7s4wy] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wa-phone__avatar > span[b-gkwgr7s4wy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.wa-phone__contact[b-gkwgr7s4wy] {
    display: grid;
    flex: 1 1 auto;
    min-width: 0;
    line-height: 1.15;
}

.wa-phone__contact strong[b-gkwgr7s4wy] {
    overflow: hidden;
    font-size: 0.67rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wa-phone__contact small[b-gkwgr7s4wy] {
    margin-top: 0.12rem;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.5rem;
}

.wa-phone__header-icon[b-gkwgr7s4wy] {
    flex: 0 0 auto;
}

.wa-phone__chat-header[b-gkwgr7s4wy]  .mud-icon-root {
    width: 1rem;
    height: 1rem;
    font-size: 1rem;
}

.wa-phone__chat[b-gkwgr7s4wy] {
    position: relative;
    min-height: 0;
    padding: 0.8rem 0.65rem;
    overflow: hidden auto;
    background-color: #efeae2;
    background-image:
        radial-gradient(circle at 15% 20%, rgba(120, 113, 108, 0.08) 0 1px, transparent 1.4px),
        radial-gradient(circle at 80% 65%, rgba(120, 113, 108, 0.07) 0 1px, transparent 1.4px);
    background-size: 18px 18px, 22px 22px;
}

.wa-phone__encryption[b-gkwgr7s4wy],
.wa-phone__day[b-gkwgr7s4wy] {
    display: table;
    margin: 0 auto 0.45rem;
    padding: 0.24rem 0.48rem;
    border-radius: 0.35rem;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
    color: #667781;
    font-size: 0.46rem;
    line-height: 1.2;
}

.wa-phone__encryption[b-gkwgr7s4wy] {
    background: #fff4c6;
    color: #7a6b32;
}

.wa-phone__message-stack[b-gkwgr7s4wy] {
    width: 89%;
    margin-left: auto;
}

.wa-phone__bubble[b-gkwgr7s4wy] {
    position: relative;
    padding: 0.62rem 0.65rem 0.45rem;
    border-radius: 0.52rem 0 0.52rem 0.52rem;
    background: #d9fdd3;
    color: #111b21;
    box-shadow: 0 1px 1px rgba(11, 20, 26, 0.13);
    font-size: 0.66rem;
    line-height: 1.42;
}

.wa-phone__bubble[b-gkwgr7s4wy]::after {
    position: absolute;
    top: 0;
    right: -0.42rem;
    width: 0;
    height: 0;
    border-top: 0.52rem solid #d9fdd3;
    border-right: 0.42rem solid transparent;
    content: "";
}

.wa-phone__header-text[b-gkwgr7s4wy] {
    display: block;
    margin-bottom: 0.32rem;
    font-weight: 750;
}

.wa-phone__media[b-gkwgr7s4wy] {
    display: grid;
    place-items: center;
    min-height: 7.2rem;
    margin: -0.35rem -0.38rem 0.5rem;
    border-radius: 0.4rem;
    background: linear-gradient(145deg, #dce5e7 0%, #cbd7da 100%);
    color: #667781;
}

.wa-phone__media span[b-gkwgr7s4wy] {
    margin-top: -1.4rem;
    font-size: 0.52rem;
    font-weight: 650;
}

.wa-phone__media[b-gkwgr7s4wy]  .mud-icon-root {
    width: 2rem;
    height: 2rem;
    font-size: 2rem;
}

.wa-phone__body[b-gkwgr7s4wy] {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.wa-phone__body.is-empty[b-gkwgr7s4wy] {
    color: #667781;
    font-style: italic;
}

.wa-phone__variable[b-gkwgr7s4wy] {
    border-radius: 0.2rem;
    background: rgba(0, 168, 132, 0.12);
    color: #005c4b;
    font-weight: 650;
}

.wa-phone__footer[b-gkwgr7s4wy] {
    margin-top: 0.42rem;
    padding-top: 0.35rem;
    border-top: 1px solid rgba(17, 27, 33, 0.08);
    color: #667781;
    font-size: 0.54rem;
}

.wa-phone__time[b-gkwgr7s4wy] {
    margin-top: 0.22rem;
    color: #667781;
    font-size: 0.47rem;
    text-align: right;
}

.wa-phone__time span[b-gkwgr7s4wy] {
    color: #53bdeb;
    letter-spacing: -0.14rem;
}

.wa-phone__actions[b-gkwgr7s4wy] {
    margin-top: 0.18rem;
    overflow: hidden;
    border-radius: 0.48rem;
    background: #ffffff;
    box-shadow: 0 1px 1px rgba(11, 20, 26, 0.13);
}

.wa-phone__action[b-gkwgr7s4wy] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    min-height: 2rem;
    padding: 0.35rem 0.5rem;
    border-top: 1px solid #e9edef;
    color: #027eb5;
    font-size: 0.62rem;
    font-weight: 650;
    text-align: center;
}

.wa-phone__action:first-child[b-gkwgr7s4wy] {
    border-top: 0;
}

.wa-phone__action[b-gkwgr7s4wy]  .mud-icon-root {
    width: 0.82rem;
    height: 0.82rem;
    font-size: 0.82rem;
}

.wa-phone__composer[b-gkwgr7s4wy] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.42rem 0.45rem 0.5rem;
    background: #f0f2f5;
}

.wa-phone__composer-field[b-gkwgr7s4wy] {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    gap: 0.38rem;
    min-width: 0;
    min-height: 2rem;
    padding: 0.35rem 0.55rem;
    border-radius: 999px;
    background: #ffffff;
    color: #8696a0;
}

.wa-phone__composer-field span[b-gkwgr7s4wy] {
    flex: 1 1 auto;
    font-size: 0.58rem;
}

.wa-phone__composer[b-gkwgr7s4wy]  .mud-icon-root {
    width: 0.9rem;
    height: 0.9rem;
    font-size: 0.9rem;
}

.wa-phone__mic[b-gkwgr7s4wy] {
    display: inline-flex;
    flex: 0 0 2rem;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background: #00a884;
    color: #ffffff;
}

@media (max-width: 479.98px) {
    .wa-phone[b-gkwgr7s4wy] {
        width: min(100%, 17rem);
    }
}
/* _content/DevFlowMessaging.Web/Navigation/Navigation.razor.rz.scp.css */
.df-brand-link[b-fvi0wc8dhi] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    padding: 0.45rem 0.65rem;
    border-radius: 16px;
    background: #0f172a;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
    text-decoration: none;
}

.df-brand-link__image[b-fvi0wc8dhi] {
    max-width: 160px;
    width: 100%;
    margin: auto;
    height: auto;
    display: block;
}

.df-navigation-account[b-fvi0wc8dhi] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 2.5rem;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.35rem;
    padding: 0.55rem;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(var(--df-primary-rgb), 0.045), rgba(var(--df-secondary-rgb), 0.055));
}

.df-navigation-account__identity[b-fvi0wc8dhi] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    color: inherit;
    text-decoration: none;
}

.df-navigation-account__identity:focus-visible[b-fvi0wc8dhi],
.df-navigation-account__settings:focus-visible[b-fvi0wc8dhi] {
    outline: 2px solid rgba(var(--df-primary-rgb), 0.3);
    outline-offset: 2px;
}

.df-navigation-account__avatar[b-fvi0wc8dhi] {
    flex: 0 0 auto;
}

.df-navigation-account__copy[b-fvi0wc8dhi] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.df-navigation-account__name[b-fvi0wc8dhi],
.df-navigation-account__label[b-fvi0wc8dhi] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.df-navigation-account__name[b-fvi0wc8dhi] {
    color: #1e293b;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.15;
}

.df-navigation-account__label[b-fvi0wc8dhi] {
    color: #7a8ca5;
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.15;
}

.df-navigation-account__settings[b-fvi0wc8dhi] {
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid transparent;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #64748b;
    text-decoration: none;
    transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}

.df-navigation-account__settings:hover[b-fvi0wc8dhi] {
    border-color: rgba(var(--df-primary-rgb), 0.12);
    background: #ffffff;
    color: var(--df-primary);
}

.df-navigation-account__settings[b-fvi0wc8dhi]  .mud-icon-root {
    font-size: 1.15rem;
}