/* /Components/Communication/ProviderSettingForm.razor.rz.scp.css */
/*.notiq-provider-form {
    width: 100%;
    min-width: 0;
    padding-bottom: 82px;
}

.notiq-provider-form-overview {
    padding: 14px;
    border: 1px solid rgba(99, 91, 255, 0.14);
    border-radius: 13px;
    background: linear-gradient( 135deg, rgba(99, 91, 255, 0.08), rgba(24, 182, 164, 0.04) ), #ffffff;
    box-shadow: none;
}

.notiq-provider-form-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    min-width: 42px;
    height: 42px;
    color: var(--notiq-primary-dark);
    border-radius: 12px;
    background: var(--notiq-primary-soft);
}

    .notiq-provider-form-icon ::deep .rzi {
        font-size: 20px;
    }

.notiq-provider-form-icon-email {
    color: #0369a1;
    background: #eaf7ff;
}

.notiq-provider-form-icon-sms {
    color: #4f46e5;
    background: #eef0ff;
}

.notiq-provider-form-icon-whatsapp {
    color: #087a55;
    background: #e8faf2;
}

.notiq-provider-form-provider-name {
    margin: 0 !important;
    color: var(--notiq-text-primary) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

.notiq-provider-form-provider-description {
    color: var(--notiq-text-secondary) !important;
    font-size: 10px !important;
}

.notiq-provider-form-card {
    padding: 16px;
    border: 1px solid var(--notiq-border);
    border-radius: 13px;
    background: #ffffff;
    box-shadow: none;
}

    .notiq-provider-form-card:hover {
        border-color: var(--notiq-border);
    }

.notiq-provider-form-section-header {
    padding-bottom: 12px;
    border-bottom: 1px solid #eff1f5;
}

    .notiq-provider-form-section-header ::deep h3,
    .notiq-provider-form-section-header ::deep .rz-text-h6 {
        margin: 0 !important;
        color: var(--notiq-text-primary) !important;
        font-size: 14px !important;
        font-weight: 700 !important;
    }

    .notiq-provider-form-section-header ::deep .rz-text-caption {
        display: block;
        margin-top: 4px !important;
        color: var(--notiq-text-secondary) !important;
        font-size: 10px !important;
    }

.notiq-provider-toggle-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 62px;
    padding: 12px;
    border: 1px solid var(--notiq-border);
    border-radius: 11px;
    background: #fafbfc;
}

    .notiq-provider-toggle-row > div {
        display: flex;
        flex-direction: column;
        min-width: 0;
    }

    .notiq-provider-toggle-row strong {
        color: var(--notiq-text-primary);
        font-size: 11px;
    }

    .notiq-provider-toggle-row span {
        margin-top: 3px;
        color: var(--notiq-text-secondary);
        font-size: 9px;
        line-height: 1.45;
    }

.notiq-provider-security-alert {
    border-radius: 12px;
}

    .notiq-provider-security-alert ::deep strong {
        color: #075985;
        font-size: 11px;
    }

    .notiq-provider-security-alert ::deep span {
        color: #075985;
        font-size: 9px;
        line-height: 1.5;
    }

.notiq-provider-form-actions {
    position: sticky;
    bottom: -16px;
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    gap: 9px;
    margin: 0 -16px -16px;
    padding: 14px 16px;
    border-top: 1px solid var(--notiq-border);
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 -8px 24px rgba(16, 24, 40, 0.05);
    backdrop-filter: blur(10px);
    z-index: 5;
}

    .notiq-provider-form-actions ::deep .rz-button {
        width: 100%;
    }

@media (max-width: 479px) {
    .notiq-provider-form {
        padding-bottom: 126px;
    }

    .notiq-provider-form-actions {
        grid-template-columns: 1fr;
    }
}
*/
/* /Components/Communication/ProviderTestForm.razor.rz.scp.css */
/*.notiq-provider-test-form {
    width: 100%;
    min-width: 0;
    padding-bottom: 82px;
}

.notiq-provider-test-overview {
    padding: 14px;
    border: 1px solid rgba(99, 91, 255, 0.14);
    border-radius: 13px;
    background: linear-gradient( 135deg, rgba(99, 91, 255, 0.08), rgba(24, 182, 164, 0.04) ), #ffffff;
    box-shadow: none;
}

.notiq-provider-test-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    min-width: 42px;
    height: 42px;
    color: var(--notiq-primary-dark);
    border-radius: 12px;
    background: var(--notiq-primary-soft);
}

    .notiq-provider-test-icon ::deep .rzi {
        font-size: 20px;
    }

.notiq-provider-test-icon-email {
    color: #0369a1;
    background: #eaf7ff;
}

.notiq-provider-test-icon-sms {
    color: #4f46e5;
    background: #eef0ff;
}

.notiq-provider-test-icon-whatsapp {
    color: #087a55;
    background: #e8faf2;
}

.notiq-provider-test-name {
    margin: 0 !important;
    color: var(--notiq-text-primary) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

.notiq-provider-test-description {
    color: var(--notiq-text-secondary) !important;
    font-size: 10px !important;
}

.notiq-provider-test-card {
    padding: 16px;
    border: 1px solid var(--notiq-border);
    border-radius: 13px;
    background: #ffffff;
    box-shadow: none;
}

.notiq-provider-test-actions {
    position: sticky;
    bottom: -16px;
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    gap: 9px;
    margin: 0 -16px -16px;
    padding: 14px 16px;
    border-top: 1px solid var(--notiq-border);
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 -8px 24px rgba(16, 24, 40, 0.05);
    backdrop-filter: blur(10px);
    z-index: 5;
}

    .notiq-provider-test-actions ::deep .rz-button {
        width: 100%;
    }

@media (max-width: 479px) {
    .notiq-provider-test-form {
        padding-bottom: 126px;
    }

    .notiq-provider-test-actions {
        grid-template-columns: 1fr;
    }
}
*/
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* =========================================================
   NOTIQ — RADZEN START / END APPLICATION LAYOUT
   ---------------------------------------------------------
   Ownership:
   - This file owns MainLayout shell geometry and visuals.
   - notiq-theme.css owns Notiq tokens + global RadzenPanelMenu
     child-DOM integration.
   - notiq-software-theme.css owns Software / Software Dark
     mapping and appearance transitions only.

   Visual target:
   - Start sidebar: dark soft gradient.
   - Body: soft light gradient.
   - End sidebar: clean contextual surface.
   - Sidebar bottom: account / plan profile.
   ========================================================= */

.notiq-layout[b-8tickly4iq] {
    width: 100%;
    min-width: 0;
    min-height: 100dvh;
    color: var(--notiq-text-primary);
    background: var(--notiq-background);
}

/* =========================================================
   HEADER
   ========================================================= */

.notiq-header[b-8tickly4iq],
.notiq-header.rz-header[b-8tickly4iq] {
    height: 64px !important;
    min-height: 64px !important;
    color: var(--notiq-text-primary) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(229, 231, 235, 0.72) !important;
    background: rgba(255, 255, 255, 0.84) !important;
    box-shadow: none !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    z-index: 1100;
}

.notiq-header-inner[b-8tickly4iq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 64px;
    min-width: 0;
    padding: 0 20px;
}

.notiq-header-left[b-8tickly4iq],
.notiq-header-right[b-8tickly4iq] {
    display: flex;
    align-items: center;
    min-width: 0;
}

.notiq-header-left[b-8tickly4iq] {
    flex: 1 1 auto;
    gap: 11px;
}

.notiq-header-right[b-8tickly4iq] {
    flex: 0 0 auto;
    gap: 5px;
    margin-left: 16px;
}

.notiq-header-page-info[b-8tickly4iq] {
    min-width: 0;
}

.notiq-header-title[b-8tickly4iq] {
    overflow: hidden;
    color: var(--notiq-text-primary);
    font-size: 14px;
    font-weight: 650;
    line-height: 1.25;
    letter-spacing: -0.015em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notiq-header-description[b-8tickly4iq] {
    max-width: 600px;
    margin-top: 2px;
    overflow: hidden;
    color: var(--notiq-text-tertiary);
    font-size: 10px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* =========================================================
   HEADER ACTIONS
   ========================================================= */

.notiq-menu-button[b-8tickly4iq],
.notiq-appearance-button[b-8tickly4iq],
.notiq-header-logout-button[b-8tickly4iq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    color: var(--notiq-text-secondary) !important;
    border: 1px solid transparent !important;
    border-radius: var(--notiq-radius-md) !important;
    background: transparent !important;
    box-shadow: none !important;
}

.notiq-menu-button:hover[b-8tickly4iq],
.notiq-appearance-button:hover[b-8tickly4iq] {
    color: var(--notiq-primary) !important;
    background: var(--notiq-primary-soft) !important;
}

.notiq-header-logout-button:hover[b-8tickly4iq] {
    color: var(--notiq-danger) !important;
    background: var(--notiq-danger-soft) !important;
}

.notiq-menu-button[b-8tickly4iq]  .rzi {
    margin: 0 !important;
    font-size: 20px !important;
}

.notiq-appearance-button[b-8tickly4iq]  .rzi,
.notiq-header-logout-button[b-8tickly4iq]  .rzi {
    margin: 0 !important;
    font-size: 17px !important;
}

.notiq-header-provider-button[b-8tickly4iq] {
    min-width: 0 !important;
    height: 36px !important;
    padding: 0 11px !important;
    color: var(--notiq-text-secondary) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    border: 1px solid var(--notiq-border) !important;
    border-radius: var(--notiq-radius-md) !important;
    background: rgba(255, 255, 255, 0.72) !important;
    box-shadow: none !important;
}

.notiq-header-provider-button:hover[b-8tickly4iq] {
    color: var(--notiq-primary) !important;
    border-color: rgba(99, 91, 255, 0.22) !important;
    background: var(--notiq-primary-soft) !important;
}

.notiq-header-provider-button[b-8tickly4iq]  .rzi {
    color: inherit !important;
    font-size: 16px !important;
}

/* =========================================================
   MOBILE BRAND
   ========================================================= */

.notiq-mobile-brand[b-8tickly4iq] {
    display: none;
    align-items: center;
    gap: 7px;
    padding: 0;
    color: var(--notiq-text-primary);
    border: 0;
    background: transparent;
    cursor: pointer;
}

.notiq-mobile-brand-logo[b-8tickly4iq] {
    display: block;
    width: 32px;
    min-width: 32px;
    height: 32px;
    object-fit: contain;
    border-radius: 9px;
}

.notiq-mobile-brand-name[b-8tickly4iq] {
    color: var(--notiq-text-primary);
    font-size: 13px;
    font-weight: 650;
}

/* =========================================================
   START SIDEBAR — DARK SOFT GRADIENT
   ========================================================= */
/* Radzen sidebar itself must not scroll.
   Only .notiq-navigation owns vertical scrolling. */
.notiq-sidebar[b-8tickly4iq],
.notiq-sidebar.rz-sidebar[b-8tickly4iq] {
    overflow: hidden !important;
}

    .notiq-sidebar[b-8tickly4iq]  .rz-sidebar-content {
        height: 100%;
        overflow: hidden !important;
    }
.notiq-sidebar[b-8tickly4iq],
.notiq-sidebar.rz-sidebar[b-8tickly4iq] {
    width: 248px !important;
    color: var(--notiq-text-on-dark) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.055) !important;
    background:
        radial-gradient(
            circle at 8% -2%,
            rgba(99, 91, 255, 0.21),
            transparent 31%
        ),
        radial-gradient(
            circle at 96% 88%,
            rgba(24, 182, 164, 0.055),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #151c31 0%,
            #11182b 48%,
            #0d1424 100%
        ) !important;
    box-shadow: none !important;
    z-index: 1050;
}

.notiq-sidebar-shell[b-8tickly4iq] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    background: transparent;
}

/* =========================================================
   SIDEBAR BRAND
   ========================================================= */

.notiq-sidebar-brand[b-8tickly4iq] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 68px;
    padding: 13px 14px;
    color: #ffffff;
    text-align: left;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.055);
    background: transparent;
    cursor: pointer;
}

.notiq-sidebar-brand:hover[b-8tickly4iq] {
    background: rgba(255, 255, 255, 0.025);
}

.notiq-brand-logo[b-8tickly4iq] {
    display: block;
    width: 36px;
    min-width: 36px;
    height: 36px;
    padding: 2px;
    object-fit: contain;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.07);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.notiq-brand-content[b-8tickly4iq] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.notiq-brand-name[b-8tickly4iq] {
    overflow: hidden;
    color: #ffffff;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notiq-brand-caption[b-8tickly4iq] {
    overflow: hidden;
    margin-top: 2px;
    color: #8490aa;
    font-size: 8px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* =========================================================
   START SIDEBAR NAVIGATION
   RadzenPanelMenu child-DOM styling intentionally remains
   global in notiq-theme.css.
   ========================================================= */

.notiq-navigation[b-8tickly4iq] {
    flex: 1 1 auto;
    min-height: 0;
    padding: 7px 9px 14px;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.14) transparent;
}

.notiq-navigation[b-8tickly4iq]::-webkit-scrollbar {
    width: 4px;
}

.notiq-navigation[b-8tickly4iq]::-webkit-scrollbar-track {
    background: transparent;
}

.notiq-navigation[b-8tickly4iq]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
}

.notiq-nav-group[b-8tickly4iq] {
    margin-bottom: 4px;
}

.notiq-nav-group-dashboard[b-8tickly4iq] {
    margin-bottom: 6px;
}

.notiq-nav-section-title[b-8tickly4iq] {
    margin: 16px 10px 6px;
    color: #66748f;
    font-size: 8px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

/* =========================================================
   SIDEBAR ACCOUNT / PROFILE
   ========================================================= */

.notiq-sidebar-profile[b-8tickly4iq] {
    position: relative;
    flex: 0 0 auto;
    padding: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.055);
    background: rgba(5, 10, 21, 0.08);
}

.notiq-profile-trigger[b-8tickly4iq] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-width: 0;
    min-height: 54px;
    padding: 8px 9px;
    color: #ffffff;
    text-align: left;
    border: 1px solid rgba(255, 255, 255, 0.055);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.035);
    cursor: pointer;
    transition:
        background-color var(--notiq-motion-fast) ease,
        border-color var(--notiq-motion-fast) ease;
}

.notiq-profile-trigger:hover[b-8tickly4iq],
.notiq-profile-trigger--open[b-8tickly4iq] {
    border-color: rgba(129, 120, 255, 0.20);
    background: rgba(255, 255, 255, 0.072);
}

.notiq-profile-avatar[b-8tickly4iq] {
    display: grid;
    width: 34px;
    min-width: 34px;
    height: 34px;
    place-items: center;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    border-radius: 10px;
    background: linear-gradient(135deg, #635bff, #8178ff);
    box-shadow: 0 6px 16px rgba(99, 91, 255, 0.20);
}

.notiq-profile-copy[b-8tickly4iq] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
}

.notiq-profile-name[b-8tickly4iq] {
    overflow: hidden;
    color: #f8fafc;
    font-size: 10px;
    font-weight: 650;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notiq-profile-plan[b-8tickly4iq] {
    overflow: hidden;
    margin-top: 2px;
    color: #8793ab;
    font-size: 8px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notiq-profile-trigger-icon[b-8tickly4iq] {
    flex: 0 0 auto;
    color: #77839b;
    font-size: 18px !important;
}

/* =========================================================
   PROFILE POPOVER
   ========================================================= */

.notiq-profile-menu[b-8tickly4iq] {
    position: absolute;
    right: 10px;
    bottom: calc(100% + 6px);
    left: 10px;
    overflow: hidden;
    padding: 6px;
    color: var(--notiq-text-primary);
    border: 1px solid var(--notiq-border);
    border-radius: 12px;
    background: var(--notiq-surface);
    box-shadow: 0 18px 46px rgba(8, 15, 32, 0.22);
    z-index: 1250;
}

.notiq-profile-menu-item[b-8tickly4iq] {
    display: flex;
    align-items: center;
    gap: 9px;
    width: 100%;
    min-height: 38px;
    padding: 8px 9px;
    color: var(--notiq-text-secondary);
    font-family: inherit;
    font-size: 10px;
    font-weight: 550;
    text-align: left;
    border: 0;
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
}

.notiq-profile-menu-item:hover:not(:disabled)[b-8tickly4iq] {
    color: var(--notiq-text-primary);
    background: var(--notiq-surface-soft);
}

.notiq-profile-menu-item:disabled[b-8tickly4iq] {
    cursor: not-allowed;
    opacity: 0.48;
}

.notiq-profile-menu-item > .rzi[b-8tickly4iq] {
    width: 18px;
    min-width: 18px;
    color: inherit;
    font-size: 16px;
}

.notiq-profile-menu-item--primary[b-8tickly4iq] {
    color: var(--notiq-primary);
}

.notiq-profile-menu-item--primary:hover:not(:disabled)[b-8tickly4iq] {
    color: var(--notiq-primary-dark);
    background: var(--notiq-primary-soft);
}

.notiq-profile-menu-item--danger[b-8tickly4iq] {
    color: var(--notiq-danger);
}

.notiq-profile-menu-item--danger:hover:not(:disabled)[b-8tickly4iq] {
    color: var(--notiq-danger);
    background: var(--notiq-danger-soft);
}

.notiq-profile-menu-chevron[b-8tickly4iq] {
    margin-left: auto;
    font-size: 16px !important;
}

.notiq-profile-menu-divider[b-8tickly4iq] {
    height: 1px;
    margin: 5px 4px;
    background: var(--notiq-border);
}

/* =========================================================
   BODY — SOFT LIGHT GRADIENT
   ========================================================= */

.notiq-body[b-8tickly4iq] {
    position: relative;
    isolation: isolate;
    min-width: 0;
    min-height: calc(100dvh - 64px);
    color: var(--notiq-text-primary);
    background:
        radial-gradient(
            circle at 88% 4%,
            rgba(99, 91, 255, 0.055),
            transparent 30rem
        ),
        radial-gradient(
            circle at 8% 92%,
            rgba(24, 182, 164, 0.028),
            transparent 29rem
        ),
        linear-gradient(
            145deg,
            #fcfdff 0%,
            #f7f8fb 44%,
            #f1f3f8 100%
        ) !important;
}

.notiq-body[b-8tickly4iq]::before {
    position: absolute;
    z-index: 0;
    inset: 0;
    pointer-events: none;
    content: "";
    opacity: 0.13;
    background-image:
        radial-gradient(
            circle,
            rgba(99, 91, 255, 0.18) 0.5px,
            transparent 0.75px
        );
    background-size: 30px 30px;
    mask-image: linear-gradient(
        to bottom,
        #000 0%,
        rgba(0, 0, 0, 0.28) 32%,
        transparent 70%
    );
    -webkit-mask-image: linear-gradient(
        to bottom,
        #000 0%,
        rgba(0, 0, 0, 0.28) 32%,
        transparent 70%
    );
}

.notiq-page-container[b-8tickly4iq] {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    width: 100%;
    max-width: 1540px;
    min-width: 0;
    min-height: calc(100dvh - 64px);
    margin: 0 auto;
    padding: 22px 24px 30px;
}

.notiq-page-container[b-8tickly4iq]  .rz-row,
.notiq-page-container[b-8tickly4iq]  .rz-column,
.notiq-page-container[b-8tickly4iq]  .rz-card {
    min-width: 0;
}

/* =========================================================
   END SIDEBAR — CLEAN CONTEXTUAL SURFACE
   ========================================================= */

.notiq-right-sidebar[b-8tickly4iq],
.notiq-right-sidebar.rz-sidebar[b-8tickly4iq] {
    width: 420px !important;
    max-width: 92vw !important;
    color: var(--notiq-text-primary) !important;
    border-left: 1px solid var(--notiq-border) !important;
    background: var(--notiq-surface) !important;
    box-shadow: var(--notiq-shadow-drawer) !important;
    z-index: 1200;
}

.notiq-right-sidebar-shell[b-8tickly4iq] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: calc(100dvh - 64px);
    overflow: hidden;
    color: var(--notiq-text-primary);
    background: var(--notiq-surface);
}

.notiq-right-sidebar-header[b-8tickly4iq] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 68px;
    padding: 13px 16px;
    border-bottom: 1px solid var(--notiq-border);
}

.notiq-right-sidebar-heading[b-8tickly4iq] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.notiq-right-sidebar-icon[b-8tickly4iq] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    min-width: 36px;
    height: 36px;
    color: var(--notiq-primary);
    border-radius: 9px;
    background: var(--notiq-primary-soft);
}

.notiq-right-sidebar-icon[b-8tickly4iq]  .rzi {
    font-size: 17px;
}

.notiq-right-sidebar-title-group[b-8tickly4iq] {
    min-width: 0;
}

.notiq-right-sidebar-title[b-8tickly4iq] {
    overflow: hidden;
    color: var(--notiq-text-primary);
    font-size: 13px;
    font-weight: 650;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notiq-right-sidebar-description[b-8tickly4iq] {
    overflow: hidden;
    margin-top: 2px;
    color: var(--notiq-text-secondary);
    font-size: 9px;
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notiq-right-sidebar-close[b-8tickly4iq] {
    width: 36px;
    min-width: 36px;
    height: 36px;
    padding: 0 !important;
    color: var(--notiq-text-secondary) !important;
}

.notiq-right-sidebar-close:hover[b-8tickly4iq] {
    color: var(--notiq-danger) !important;
    background: var(--notiq-danger-soft) !important;
}

.notiq-right-sidebar-body[b-8tickly4iq] {
    flex: 1 1 auto;
    min-height: 0;
    padding: 16px;
    overflow-x: hidden;
    overflow-y: auto;
}

.notiq-right-sidebar-footer[b-8tickly4iq] {
    flex: 0 0 auto;
    padding: 14px 16px;
    border-top: 1px solid var(--notiq-border);
}

/* =========================================================
   WORKSPACE PAGES
   ========================================================= */

.notiq-body--workspace[b-8tickly4iq] {
    height: calc(100dvh - 64px);
    min-height: 0 !important;
    overflow: hidden !important;
}

.notiq-body--workspace[b-8tickly4iq]::before {
    display: none;
}

.notiq-page-container--workspace[b-8tickly4iq] {
    box-sizing: border-box;
    width: 100%;
    max-width: none !important;
    height: 100%;
    min-height: 0 !important;
    margin: 0;
    padding: 0 !important;
    overflow: hidden !important;
}

/* =========================================================
   BLAZOR ERROR UI
   ========================================================= */

#blazor-error-ui[b-8tickly4iq] {
    position: fixed;
    right: 16px;
    bottom: 16px;
    left: auto;
    display: none;
    width: min(420px, calc(100vw - 32px));
    padding: 12px 44px 12px 14px;
    color: #991b1b;
    font-size: 12px;
    border: 1px solid #fecaca;
    border-radius: 10px;
    background: #fef2f2;
    box-shadow: 0 16px 36px rgba(16, 24, 40, 0.15);
    z-index: 9999;
}

#blazor-error-ui .reload[b-8tickly4iq] {
    margin-left: 4px;
    color: #b91c1c;
    font-weight: 700;
    text-decoration: underline;
}

#blazor-error-ui .dismiss[b-8tickly4iq] {
    position: absolute;
    top: 50%;
    right: 9px;
    width: 27px;
    height: 27px;
    padding: 0;
    color: #991b1b;
    font-size: 18px;
    border: 0;
    background: transparent;
    cursor: pointer;
    transform: translateY(-50%);
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1100px) {
    .notiq-header-description[b-8tickly4iq] {
        max-width: 380px;
    }

    .notiq-page-container[b-8tickly4iq] {
        padding: 20px;
    }
}

@media (max-width: 991px) {
    .notiq-sidebar[b-8tickly4iq],
    .notiq-sidebar.rz-sidebar[b-8tickly4iq] {
        width: min(260px, 88vw) !important;
        box-shadow: 14px 0 36px rgba(16, 24, 40, 0.22) !important;
    }

    .notiq-header-description[b-8tickly4iq] {
        display: none;
    }

    .notiq-page-container[b-8tickly4iq] {
        padding: 18px;
    }

    .notiq-right-sidebar[b-8tickly4iq],
    .notiq-right-sidebar.rz-sidebar[b-8tickly4iq] {
        width: min(420px, 94vw) !important;
    }
}

@media (max-width: 767px) {
    .notiq-header[b-8tickly4iq],
    .notiq-header.rz-header[b-8tickly4iq] {
        height: 62px !important;
        min-height: 62px !important;
    }

    .notiq-header-inner[b-8tickly4iq] {
        height: 62px;
        padding: 0 9px;
    }

    .notiq-header-page-info[b-8tickly4iq] {
        display: none;
    }

    .notiq-mobile-brand[b-8tickly4iq] {
        display: inline-flex;
    }

    .notiq-header-left[b-8tickly4iq] {
        gap: 6px;
    }

    .notiq-header-right[b-8tickly4iq] {
        gap: 3px;
        margin-left: 8px;
    }

    .notiq-header-provider-button[b-8tickly4iq] {
        width: 36px !important;
        min-width: 36px !important;
        height: 36px !important;
        padding: 0 !important;
    }

    .notiq-header-provider-button[b-8tickly4iq]  .rz-button-text {
        display: none;
    }

    .notiq-header-provider-button[b-8tickly4iq]  .rzi {
        margin: 0 !important;
    }

    .notiq-sidebar-shell[b-8tickly4iq],
    .notiq-body[b-8tickly4iq],
    .notiq-page-container[b-8tickly4iq],
    .notiq-right-sidebar-shell[b-8tickly4iq] {
        min-height: calc(100dvh - 62px);
    }

    .notiq-page-container[b-8tickly4iq] {
        padding: 14px;
    }

    .notiq-body--workspace[b-8tickly4iq] {
        height: calc(100dvh - 62px);
    }

    .notiq-right-sidebar[b-8tickly4iq],
    .notiq-right-sidebar.rz-sidebar[b-8tickly4iq] {
        width: 100vw !important;
        max-width: 100vw !important;
    }
}

@media (max-width: 479px) {
    .notiq-mobile-brand-name[b-8tickly4iq] {
        display: none;
    }

    .notiq-mobile-brand-logo[b-8tickly4iq] {
        width: 30px;
        min-width: 30px;
        height: 30px;
    }

    .notiq-page-container[b-8tickly4iq] {
        padding: 10px;
    }

    .notiq-navigation[b-8tickly4iq] {
        padding-right: 8px;
        padding-left: 8px;
    }
}

/* =========================================================
   ACCESSIBILITY
   ========================================================= */

.notiq-sidebar-brand:focus-visible[b-8tickly4iq],
.notiq-mobile-brand:focus-visible[b-8tickly4iq],
.notiq-menu-button:focus-visible[b-8tickly4iq],
.notiq-appearance-button:focus-visible[b-8tickly4iq],
.notiq-header-provider-button:focus-visible[b-8tickly4iq],
.notiq-header-logout-button:focus-visible[b-8tickly4iq],
.notiq-right-sidebar-close:focus-visible[b-8tickly4iq],
.notiq-profile-trigger:focus-visible[b-8tickly4iq],
.notiq-profile-menu-item:focus-visible[b-8tickly4iq] {
    outline: 2px solid var(--notiq-primary);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    *[b-8tickly4iq] {
        scroll-behavior: auto !important;
    }

    .notiq-profile-trigger[b-8tickly4iq] {
        transition: none !important;
    }
}

/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-t1w1b5gud3],
.components-reconnect-repeated-attempt-visible[b-t1w1b5gud3],
.components-reconnect-failed-visible[b-t1w1b5gud3],
.components-pause-visible[b-t1w1b5gud3],
.components-resume-failed-visible[b-t1w1b5gud3],
.components-rejoining-animation[b-t1w1b5gud3] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-t1w1b5gud3],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-t1w1b5gud3],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-t1w1b5gud3],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-t1w1b5gud3],
#components-reconnect-modal.components-reconnect-retrying[b-t1w1b5gud3],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-t1w1b5gud3],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-t1w1b5gud3],
#components-reconnect-modal.components-reconnect-failed[b-t1w1b5gud3],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-t1w1b5gud3] {
    display: block;
}


#components-reconnect-modal[b-t1w1b5gud3] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-t1w1b5gud3 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-t1w1b5gud3 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-t1w1b5gud3 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-t1w1b5gud3]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-t1w1b5gud3 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-t1w1b5gud3 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-t1w1b5gud3 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-t1w1b5gud3 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-t1w1b5gud3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-t1w1b5gud3] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-t1w1b5gud3] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-t1w1b5gud3] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-t1w1b5gud3] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-t1w1b5gud3] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-t1w1b5gud3] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-t1w1b5gud3 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-t1w1b5gud3] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-t1w1b5gud3 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Ai/KragSettings.razor.rz.scp.css */
.krag-page[b-4fjg8sooq1] {
    max-width: 900px;
}

.krag-page-title[b-4fjg8sooq1] {
    margin: 0;
    font-weight: 650;
    letter-spacing: -0.035em;
}

.krag-section-title[b-4fjg8sooq1],
.krag-setting-title[b-4fjg8sooq1] {
    font-weight: 650;
}

.krag-form-field[b-4fjg8sooq1] {
    width: min(100%, 520px);
}

.krag-actions[b-4fjg8sooq1] {
    width: 100%;
}

.krag-skeleton-card[b-4fjg8sooq1] {
    box-shadow: none;
}

.krag-skeleton-fields[b-4fjg8sooq1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    max-width: 100%;
}

.krag-skeleton-field[b-4fjg8sooq1] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 0;
}

.krag-skeleton-setting[b-4fjg8sooq1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.25rem 0;
}

.krag-skeleton-setting-copy[b-4fjg8sooq1] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 0.45rem;
    min-width: 0;
}

.krag-primary-icon[b-4fjg8sooq1] {
    color: var(--notiq-primary);
}

.krag-success-icon[b-4fjg8sooq1] {
    color: var(--notiq-success);
}

.krag-endpoint-preview[b-4fjg8sooq1] {
    overflow-wrap: anywhere;
}

@media (max-width: 768px) {
    .krag-page[b-4fjg8sooq1] {
        max-width: 100%;
    }

    .krag-form-field[b-4fjg8sooq1] {
        width: 100%;
    }

    .krag-skeleton-fields[b-4fjg8sooq1] {
        grid-template-columns: 1fr;
    }

    .krag-actions[b-4fjg8sooq1] {
        justify-content: stretch !important;
    }

    .krag-actions > *[b-4fjg8sooq1] {
        flex: 1 1 100%;
    }
}
/* /Components/Pages/BulkCampaign/BulkAudiencePanel.razor.rz.scp.css */
.notiq-audience-panel[b-2rejfrd2n1] {
    width: 100%;
}

.notiq-audience-modes[b-2rejfrd2n1] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.notiq-audience-mode[b-2rejfrd2n1] {
    min-height: 104px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 0.75rem;
    padding: 0.9rem;
    color: var(--notiq-text-primary);
    border: 1px solid var(--notiq-border);
    border-radius: var(--notiq-radius-lg);
    background: var(--notiq-surface);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color 120ms ease, background-color 120ms ease;
}

.notiq-audience-mode:hover:not(:disabled)[b-2rejfrd2n1] {
    border-color: var(--rz-base-400);
}

.notiq-audience-mode.is-selected[b-2rejfrd2n1] {
    border-color: var(--notiq-primary);
    background: var(--notiq-primary-soft);
}

.notiq-audience-mode:focus-visible[b-2rejfrd2n1],
.notiq-audience-row:focus-visible[b-2rejfrd2n1] {
    outline: 2px solid var(--notiq-primary);
    outline-offset: 2px;
}

.notiq-audience-mode:disabled[b-2rejfrd2n1],
.notiq-audience-row:disabled[b-2rejfrd2n1] {
    cursor: not-allowed;
}

.notiq-audience-mode-icon[b-2rejfrd2n1] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    color: var(--notiq-primary);
    border-radius: var(--notiq-radius-md);
    background: var(--notiq-primary-soft);
}

.notiq-audience-mode-copy[b-2rejfrd2n1] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.notiq-audience-mode-copy strong[b-2rejfrd2n1] {
    font-size: 0.82rem;
    font-weight: 650;
}

.notiq-audience-mode-copy small[b-2rejfrd2n1] {
    color: var(--notiq-text-secondary);
    font-size: 0.72rem;
    line-height: 1.45;
}

.notiq-audience-radio[b-2rejfrd2n1] {
    width: 17px;
    height: 17px;
    display: grid;
    place-items: center;
    border: 1px solid var(--notiq-border-strong);
    border-radius: 50%;
}

.notiq-audience-mode.is-selected .notiq-audience-radio[b-2rejfrd2n1] {
    border-color: var(--notiq-primary);
}

.notiq-audience-radio > span[b-2rejfrd2n1] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--notiq-primary);
}

.notiq-audience-selector[b-2rejfrd2n1] {
    padding: 0;
    overflow: hidden;
    border-color: var(--notiq-border);
    background: var(--notiq-surface);
    box-shadow: none !important;
}

.notiq-audience-selector-head[b-2rejfrd2n1] {
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid var(--notiq-border);
    background: var(--notiq-surface-soft);
}

.notiq-audience-title[b-2rejfrd2n1] {
    margin: 0;
    font-weight: 650;
}

.notiq-audience-search[b-2rejfrd2n1] {
    width: min(340px, 100%);
    min-height: 38px;
}

.notiq-audience-list[b-2rejfrd2n1] {
    max-height: 390px;
    overflow-y: auto;
}

.notiq-audience-row[b-2rejfrd2n1] {
    width: 100%;
    min-height: 58px;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.65rem 0.9rem;
    color: var(--notiq-text-primary);
    border: 0;
    border-bottom: 1px solid var(--notiq-border);
    background: var(--notiq-surface);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.notiq-audience-row:last-child[b-2rejfrd2n1] {
    border-bottom: 0;
}

.notiq-audience-row:hover:not(:disabled)[b-2rejfrd2n1],
.notiq-audience-row.is-selected[b-2rejfrd2n1] {
    background: var(--notiq-primary-soft);
}

.notiq-audience-row.is-disabled[b-2rejfrd2n1] {
    opacity: 0.52;
}

.notiq-audience-selection[b-2rejfrd2n1] {
    width: 22px;
    min-width: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--notiq-primary);
}

.notiq-audience-row-icon[b-2rejfrd2n1] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    color: var(--notiq-text-secondary);
    border-radius: var(--notiq-radius-md);
    background: var(--notiq-surface-soft);
}

.notiq-audience-row-copy[b-2rejfrd2n1] {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.notiq-audience-row-copy strong[b-2rejfrd2n1] {
    overflow: hidden;
    font-size: 0.8rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notiq-audience-row-copy small[b-2rejfrd2n1] {
    overflow: hidden;
    color: var(--notiq-text-secondary);
    font-size: 0.7rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notiq-audience-row-check[b-2rejfrd2n1] {
    color: var(--notiq-primary);
}

.notiq-audience-state[b-2rejfrd2n1] {
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    padding: 1.5rem;
    text-align: center;
}

.notiq-audience-state-icon[b-2rejfrd2n1] {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    color: var(--notiq-primary);
    border-radius: 50%;
    background: var(--notiq-primary-soft);
}

.notiq-audience-state-icon.is-error[b-2rejfrd2n1] {
    color: var(--notiq-danger);
    background: var(--notiq-danger-soft);
}

.notiq-audience-state-copy[b-2rejfrd2n1] {
    max-width: 430px;
}

.notiq-audience-skeleton[b-2rejfrd2n1] {
    display: flex;
    flex-direction: column;
}

.notiq-audience-skeleton-row[b-2rejfrd2n1] {
    min-height: 58px;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.7rem 0.9rem;
    border-bottom: 1px solid var(--notiq-border);
}

.notiq-audience-skeleton-copy[b-2rejfrd2n1] {
    min-width: 0;
    flex: 1 1 auto;
}

.notiq-audience-pagination[b-2rejfrd2n1] {
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    border-top: 1px solid var(--notiq-border);
    color: var(--notiq-text-secondary);
    font-size: 0.72rem;
}

.notiq-manual-body[b-2rejfrd2n1] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    padding: 1rem;
}

.notiq-audience-note[b-2rejfrd2n1] {
    margin: 0;
}

@media (max-width: 900px) {
    .notiq-audience-modes[b-2rejfrd2n1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 580px) {
    .notiq-audience-modes[b-2rejfrd2n1] {
        grid-template-columns: 1fr;
    }

    .notiq-audience-selector-head[b-2rejfrd2n1] {
        align-items: stretch;
        flex-direction: column;
    }

    .notiq-audience-search[b-2rejfrd2n1] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .notiq-audience-mode[b-2rejfrd2n1] {
        transition: none;
    }
}
/* /Components/Pages/BulkCampaign/BulkCampaignDetailPanel.razor.rz.scp.css */
.notiq-detail-page[b-m6hkhsor7r] {
    width: 100%;
    min-width: 0;
}

.notiq-detail-header[b-m6hkhsor7r] {
    width: 100%;
}

.notiq-detail-header-main[b-m6hkhsor7r] {
    min-width: 0;
    flex: 1 1 460px;
}

.notiq-detail-header-copy[b-m6hkhsor7r] {
    min-width: 0;
}

.notiq-detail-title[b-m6hkhsor7r] {
    margin: 0;
    font-weight: 650;
    letter-spacing: -0.035em;
}

.notiq-section-title[b-m6hkhsor7r] {
    margin: 0;
    font-weight: 650;
}

.notiq-detail-action-menu[b-m6hkhsor7r] {
    flex: 0 0 auto;
}

.notiq-detail-overview-card[b-m6hkhsor7r],
.notiq-detail-performance-card[b-m6hkhsor7r],
.notiq-detail-lifecycle-card[b-m6hkhsor7r],
.notiq-detail-content-card[b-m6hkhsor7r],
.notiq-detail-filter-card[b-m6hkhsor7r],
.notiq-detail-recipient-card[b-m6hkhsor7r],
.notiq-detail-state-card[b-m6hkhsor7r],
.notiq-detail-reschedule[b-m6hkhsor7r],
.notiq-detail-skeleton-card[b-m6hkhsor7r] {
    border-color: var(--notiq-border);
    background: var(--notiq-surface);
    box-shadow: none !important;
}

.notiq-detail-skeleton-tall[b-m6hkhsor7r] {
    min-height: 260px;
}


.notiq-detail-state-card[b-m6hkhsor7r] {
    min-height: 360px;
    overflow: hidden;
}

.notiq-detail-root-state[b-m6hkhsor7r] {
    min-height: 320px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 2rem;
    text-align: center;
}

.notiq-detail-state-icon[b-m6hkhsor7r] {
    width: 52px;
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--notiq-danger);
    background: var(--notiq-danger-soft);
}

.notiq-detail-state-icon[b-m6hkhsor7r]  .rz-icon {
    font-size: 1.5rem;
}

.notiq-detail-state-copy[b-m6hkhsor7r] {
    max-width: 480px;
}

.notiq-detail-overview-main[b-m6hkhsor7r] {
    min-width: 0;
}

.notiq-detail-overview-meta[b-m6hkhsor7r] {
    flex: 0 1 auto;
}

.notiq-detail-channel[b-m6hkhsor7r] {
    width: 44px;
    height: 44px;
    min-width: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--notiq-radius-md);
}

.notiq-channel-whatsapp[b-m6hkhsor7r] {
    color: #22c55e;
    background: #e7f8ed;
}

.notiq-channel-email[b-m6hkhsor7r] {
    color: #7c3aed;
    background: #f2ecff;
}

.notiq-channel-sms[b-m6hkhsor7r] {
    color: #1685d8;
    background: #e8f2ff;
}

.notiq-detail-meta[b-m6hkhsor7r] {
    color: var(--notiq-text-secondary);
    font-size: 0.78rem;
}

.notiq-detail-funnel[b-m6hkhsor7r] {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
    align-items: center;
    gap: 0.75rem;
}

.notiq-detail-funnel-step[b-m6hkhsor7r] {
    min-width: 0;
    padding: 0.85rem 1rem;
    border: 1px solid var(--notiq-border);
    border-radius: var(--notiq-radius-md);
    background: var(--notiq-surface-soft);
}

.notiq-detail-funnel-step span[b-m6hkhsor7r] {
    display: block;
    color: var(--notiq-text-secondary);
    font-size: 0.74rem;
}

.notiq-detail-funnel-step strong[b-m6hkhsor7r] {
    display: block;
    margin-top: 0.15rem;
    font-size: 1.3rem;
    font-weight: 650;
    letter-spacing: -0.025em;
}

.notiq-detail-funnel-arrow[b-m6hkhsor7r] {
    color: var(--notiq-text-tertiary);
}

.notiq-detail-lifecycle-grid[b-m6hkhsor7r] >  [class*="rz-col"] {
    display: flex;
}

.notiq-detail-lifecycle-item[b-m6hkhsor7r] {
    width: 100%;
    min-width: 0;
    padding: 0.7rem 0;
}

.notiq-detail-lifecycle-item strong[b-m6hkhsor7r] {
    font-size: 0.82rem;
    font-weight: 600;
}

.notiq-detail-lifecycle-icon[b-m6hkhsor7r] {
    color: var(--notiq-text-tertiary);
    font-size: 1.2rem;
}

.notiq-detail-lifecycle-icon.is-complete[b-m6hkhsor7r] {
    color: var(--notiq-primary);
}

.notiq-detail-content-grid[b-m6hkhsor7r] >  [class*="rz-col"] {
    display: flex;
}

.notiq-detail-content-card[b-m6hkhsor7r] {
    width: 100%;
    height: 100%;
}

.notiq-message-subject[b-m6hkhsor7r] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding-bottom: 0.9rem;
    border-bottom: 1px solid var(--notiq-border);
}

.notiq-message-subject span[b-m6hkhsor7r],
.notiq-detail-info-list span[b-m6hkhsor7r],
.notiq-detail-summary-grid span[b-m6hkhsor7r] {
    color: var(--notiq-text-secondary);
    font-size: 0.74rem;
}

.notiq-message-subject strong[b-m6hkhsor7r] {
    font-size: 0.9rem;
}

.notiq-message-preview[b-m6hkhsor7r] {
    min-height: 180px;
    padding: 1rem;
    border: 1px solid var(--notiq-border);
    border-radius: var(--notiq-radius-md);
    background: var(--notiq-surface-soft);
    color: var(--notiq-text-primary);
    font-size: 0.88rem;
    line-height: 1.65;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.notiq-detail-attachment[b-m6hkhsor7r] {
    color: var(--notiq-text-secondary);
    font-size: 0.78rem;
}

.notiq-detail-info-list[b-m6hkhsor7r] {
    display: flex;
    flex-direction: column;
}

.notiq-detail-info-list > div[b-m6hkhsor7r] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.72rem 0;
    border-bottom: 1px solid var(--notiq-border);
}

.notiq-detail-info-list > div:last-child[b-m6hkhsor7r] {
    border-bottom: 0;
}

.notiq-detail-info-list strong[b-m6hkhsor7r] {
    max-width: 64%;
    font-size: 0.8rem;
    font-weight: 600;
    text-align: right;
    overflow-wrap: anywhere;
}

.notiq-detail-summary-grid[b-m6hkhsor7r] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
}

.notiq-detail-summary-grid > div[b-m6hkhsor7r] {
    padding: 0.75rem;
    border: 1px solid var(--notiq-border);
    border-radius: var(--notiq-radius-md);
    background: var(--notiq-surface-soft);
}

.notiq-detail-summary-grid strong[b-m6hkhsor7r] {
    display: block;
    margin-top: 0.15rem;
    font-size: 1rem;
    font-weight: 650;
}

.notiq-danger-text[b-m6hkhsor7r] {
    color: var(--notiq-danger);
}

.notiq-detail-reschedule-copy[b-m6hkhsor7r] {
    flex: 1 1 320px;
}

.notiq-detail-recipient-section[b-m6hkhsor7r] {
    width: 100%;
}

.notiq-detail-filter-card[b-m6hkhsor7r] {
    padding: 0.85rem 1rem;
}

.notiq-detail-recipient-filters[b-m6hkhsor7r] {
    display: grid;
    grid-template-columns:
        minmax(260px, 1.6fr)
        minmax(150px, 0.85fr)
        minmax(150px, 0.85fr)
        max-content
        max-content;
    align-items: center;
    gap: 0.5rem;
}

.notiq-detail-recipient-card[b-m6hkhsor7r] {
    overflow: hidden;
}

.notiq-detail-recipient-table-wrap[b-m6hkhsor7r] {
    overflow: auto;
}

.notiq-detail-recipient-grid[b-m6hkhsor7r] {
    min-width: 1090px;
    border: 0 !important;
}

.notiq-detail-recipient-grid[b-m6hkhsor7r]  .rz-datatable-thead > tr > th,
.notiq-detail-recipient-grid[b-m6hkhsor7r]  .rz-grid-table thead th {
    background: var(--notiq-surface-soft);
    border-color: var(--notiq-border);
    color: var(--notiq-text-secondary);
    font-size: 0.72rem;
    font-weight: 650;
}

.notiq-detail-recipient-grid[b-m6hkhsor7r]  .rz-datatable-data td,
.notiq-detail-recipient-grid[b-m6hkhsor7r]  .rz-grid-table tbody td {
    border-color: var(--notiq-border);
    vertical-align: middle;
}

.notiq-recipient-cell[b-m6hkhsor7r] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.notiq-recipient-cell strong[b-m6hkhsor7r] {
    font-size: 0.82rem;
    font-weight: 600;
}

.notiq-recipient-cell span[b-m6hkhsor7r] {
    color: var(--notiq-text-secondary);
    font-size: 0.72rem;
}

.notiq-provider-id[b-m6hkhsor7r] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.72rem;
    overflow-wrap: anywhere;
}

.notiq-error-indicator[b-m6hkhsor7r] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    color: var(--notiq-danger);
    font-size: 0.74rem;
    cursor: help;
}

.notiq-error-indicator[b-m6hkhsor7r]  .rz-icon {
    font-size: 0.95rem;
}

.notiq-detail-recipient-footer[b-m6hkhsor7r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border-top: 1px solid var(--notiq-border);
    color: var(--notiq-text-secondary);
    font-size: 0.76rem;
}

.notiq-detail-page-number[b-m6hkhsor7r] {
    min-width: 44px;
    text-align: center;
}

.notiq-detail-recipient-skeleton[b-m6hkhsor7r] {
    display: flex;
    flex-direction: column;
}

.notiq-detail-recipient-skeleton-row[b-m6hkhsor7r] {
    display: grid;
    grid-template-columns: 1.8fr 0.8fr 0.8fr 1.1fr 0.6fr;
    align-items: center;
    gap: 1rem;
    min-height: 48px;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--notiq-border);
}


.notiq-detail-recipient-error[b-m6hkhsor7r] {
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    padding: 2rem;
    text-align: center;
}

.notiq-detail-recipient-error-icon[b-m6hkhsor7r] {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--notiq-danger);
    background: var(--notiq-danger-soft);
}

.notiq-detail-recipient-error-icon[b-m6hkhsor7r]  .rz-icon {
    font-size: 1.25rem;
}

.notiq-detail-recipient-error-copy[b-m6hkhsor7r] {
    max-width: 460px;
}

.notiq-detail-empty[b-m6hkhsor7r] {
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 2rem;
    text-align: center;
}

.notiq-detail-empty-icon[b-m6hkhsor7r] {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--notiq-radius-md);
    color: var(--notiq-text-tertiary);
    background: var(--notiq-surface-soft);
}

@supports (background: color-mix(in srgb, red 10%, transparent)) {
    .notiq-channel-whatsapp[b-m6hkhsor7r] {
        background: color-mix(in srgb, #22c55e 12%, var(--notiq-surface));
    }

    .notiq-channel-email[b-m6hkhsor7r] {
        background: color-mix(in srgb, #7c3aed 12%, var(--notiq-surface));
    }

    .notiq-channel-sms[b-m6hkhsor7r] {
        background: color-mix(in srgb, #1685d8 12%, var(--notiq-surface));
    }
}

@media (max-width: 1100px) {
    .notiq-detail-funnel[b-m6hkhsor7r] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .notiq-detail-funnel-arrow[b-m6hkhsor7r] {
        display: none;
    }

    .notiq-detail-recipient-filters[b-m6hkhsor7r] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .notiq-detail-recipient-filters[b-m6hkhsor7r] >  .rz-button {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .notiq-detail-header-main[b-m6hkhsor7r],
    .notiq-detail-action-menu[b-m6hkhsor7r] {
        width: 100%;
    }

    .notiq-detail-funnel[b-m6hkhsor7r] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .notiq-detail-reschedule-actions[b-m6hkhsor7r],
    .notiq-detail-reschedule-actions > *[b-m6hkhsor7r] {
        width: 100%;
    }

    .notiq-detail-recipient-filters[b-m6hkhsor7r] {
        grid-template-columns: 1fr;
    }

    .notiq-detail-recipient-footer[b-m6hkhsor7r] {
        align-items: flex-start;
        flex-direction: column;
    }

    .notiq-detail-summary-grid[b-m6hkhsor7r] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .notiq-detail-funnel[b-m6hkhsor7r] {
        grid-template-columns: 1fr;
    }

    .notiq-detail-info-list > div[b-m6hkhsor7r] {
        flex-direction: column;
        gap: 0.25rem;
    }

    .notiq-detail-info-list strong[b-m6hkhsor7r] {
        max-width: 100%;
        text-align: left;
    }
}

@media (prefers-reduced-motion: reduce) {
    .notiq-detail-page *[b-m6hkhsor7r] {
        scroll-behavior: auto !important;
        transition: none !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}
/* /Components/Pages/BulkCampaign/BulkCampaignHistory.razor.rz.scp.css */
/* =========================================================
   NOTIQ CAMPAIGNS — OVERVIEW
   Gold-standard campaign activity screen.
   Radzen-first; scoped styling only.
   ========================================================= */

.notiq-campaign-overview[b-n7j7x98tqz] {
    width: 100%;
    min-width: 0;
}

.notiq-overview-header[b-n7j7x98tqz] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
}

.notiq-overview-heading[b-n7j7x98tqz] {
    min-width: 0;
}

.notiq-overview-title[b-n7j7x98tqz] {
    margin: 0;
    color: var(--notiq-text-primary);
    font-weight: 650;
    letter-spacing: -0.035em;
}

.notiq-overview-subtitle[b-n7j7x98tqz] {
    max-width: 760px;
    margin-top: 0.25rem;
    color: var(--notiq-text-secondary);
}

.notiq-overview-header-actions[b-n7j7x98tqz] {
    flex: 0 0 auto;
}

/* Skeleton ------------------------------------------------- */

.notiq-overview-skeleton[b-n7j7x98tqz] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.notiq-overview-skeleton-card[b-n7j7x98tqz] {
    box-shadow: none !important;
}

.notiq-overview-skeleton-toolbar[b-n7j7x98tqz] {
    display: grid;
    grid-template-columns: minmax(220px, 1.25fr) repeat(3, minmax(150px, 0.8fr));
    gap: 0.75rem;
    padding: 1rem;
    border-bottom: 1px solid var(--notiq-border);
}

.notiq-overview-skeleton-table[b-n7j7x98tqz] {
    display: flex;
    flex-direction: column;
    padding: 0.25rem 1rem 0.75rem;
}

.notiq-overview-skeleton-row[b-n7j7x98tqz] {
    display: grid;
    grid-template-columns: 34px minmax(180px, 1fr) 120px 90px 140px;
    align-items: center;
    gap: 1rem;
    min-height: 58px;
    border-bottom: 1px solid var(--notiq-border);
}

/* List surface --------------------------------------------- */

.notiq-overview-list-card[b-n7j7x98tqz] {
    padding: 0;
    overflow: hidden;
    border-color: var(--notiq-border);
    background: var(--notiq-surface);
    box-shadow: none !important;
}

.notiq-overview-list-card:hover[b-n7j7x98tqz] {
    transform: none !important;
    box-shadow: none !important;
}

.notiq-filter-toolbar[b-n7j7x98tqz] {
    display: grid;
    grid-template-columns:
        minmax(220px, 1.55fr)
        minmax(120px, 0.75fr)
        minmax(145px, 0.9fr)
        minmax(150px, 0.95fr)
        max-content
        max-content
        max-content;
    align-items: center;
    gap: 0.5rem;
    padding: 0.85rem 0;
}

.notiq-filter-toolbar[b-n7j7x98tqz] >  .rz-button {
    white-space: nowrap;
}

.notiq-filter-toolbar-more[b-n7j7x98tqz] {
    grid-template-columns: repeat(4, minmax(150px, 1fr));
    padding-top: 0;
}
.notiq-overview-error[b-n7j7x98tqz] {
    margin: 1rem 1rem 0;
}

/* Table ---------------------------------------------------- */

.notiq-overview-table-wrap[b-n7j7x98tqz] {
    min-width: 0;
    overflow: auto;
}

.notiq-campaign-grid[b-n7j7x98tqz] {
    width: 100%;
    min-width: 1080px;
    border: 0 !important;
}

.notiq-campaign-grid[b-n7j7x98tqz]  .rz-datatable-thead > tr > th,
.notiq-campaign-grid[b-n7j7x98tqz]  .rz-grid-table thead th {
    background: var(--notiq-surface-soft);
    color: var(--notiq-text-secondary);
    font-size: 0.68rem;
    font-weight: 650;
}

.notiq-campaign-grid[b-n7j7x98tqz]  .rz-data-row {
    transition: background-color 140ms ease;
}

.notiq-campaign-grid[b-n7j7x98tqz]  .rz-data-row:hover {
    background: color-mix(in srgb, var(--notiq-primary-soft) 28%, transparent);
}

.notiq-campaign-open[b-n7j7x98tqz] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.notiq-campaign-open:focus-visible[b-n7j7x98tqz] {
    outline: 2px solid var(--notiq-primary);
    outline-offset: 3px;
    border-radius: var(--notiq-radius-sm);
}

.notiq-campaign-channel-icon[b-n7j7x98tqz] {
    display: grid;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    place-items: center;
    border-radius: var(--notiq-radius-md);
}

.notiq-campaign-cell-copy[b-n7j7x98tqz] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.notiq-campaign-cell-copy strong[b-n7j7x98tqz] {
    overflow: hidden;
    color: var(--notiq-text-primary);
    font-size: 0.76rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notiq-campaign-cell-copy small[b-n7j7x98tqz] {
    margin-top: 0.1rem;
    color: var(--notiq-text-tertiary);
    font-size: 0.67rem;
}

.notiq-channel-label[b-n7j7x98tqz] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 650;
}

.notiq-channel-whatsapp[b-n7j7x98tqz] {
    color: #22c55e;
    background: #e7f8ed;
}

.notiq-channel-sms[b-n7j7x98tqz] {
    color: #1685d8;
    background: #e8f2ff;
}

.notiq-channel-email[b-n7j7x98tqz] {
    color: #7c3aed;
    background: #f2ecff;
}

.notiq-number-cell[b-n7j7x98tqz] {
    color: var(--notiq-text-primary);
    font-size: 0.76rem;
    font-weight: 650;
}

.notiq-failed-count[b-n7j7x98tqz] {
    color: var(--notiq-danger);
    font-weight: 700;
}

.notiq-date-cell[b-n7j7x98tqz] {
    color: var(--notiq-text-secondary);
    font-size: 0.7rem;
}

/* Empty state + footer ------------------------------------ */

.notiq-overview-state[b-n7j7x98tqz] {
    display: flex;
    min-height: 330px;
    padding: 2rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    text-align: center;
}

.notiq-overview-empty-icon[b-n7j7x98tqz] {
    display: grid;
    width: 50px;
    height: 50px;
    place-items: center;
    border-radius: 50%;
    color: var(--notiq-primary);
    background: var(--notiq-primary-soft);
}

.notiq-overview-empty-icon > .rz-icon[b-n7j7x98tqz] {
    font-size: 1.45rem;
}

.notiq-overview-state-title[b-n7j7x98tqz] {
    margin: 0.25rem 0 0;
    color: var(--notiq-text-primary);
}

.notiq-overview-state-copy[b-n7j7x98tqz] {
    max-width: 470px;
    color: var(--notiq-text-secondary);
}

.notiq-overview-footer[b-n7j7x98tqz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.65rem 1rem;
    border-top: 1px solid var(--notiq-border);
    color: var(--notiq-text-secondary);
    font-size: 0.7rem;
}

.notiq-overview-pagination[b-n7j7x98tqz] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.notiq-overview-pagination > span[b-n7j7x98tqz] {
    min-width: 56px;
    text-align: center;
    color: var(--notiq-text-primary);
    font-weight: 600;
}

@media (max-width: 1040px) {
    .notiq-filter-toolbar[b-n7j7x98tqz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .notiq-filter-toolbar-more[b-n7j7x98tqz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .notiq-filter-toolbar[b-n7j7x98tqz] >  .rz-button {
        width: 100%;
    }

    .notiq-overview-skeleton-toolbar[b-n7j7x98tqz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .notiq-overview-header[b-n7j7x98tqz] {
        align-items: stretch;
        flex-direction: column;
    }

    .notiq-overview-header-actions[b-n7j7x98tqz] {
        width: 100%;
        justify-content: flex-end;
    }
.notiq-filter-toolbar[b-n7j7x98tqz],
    .notiq-filter-toolbar-more[b-n7j7x98tqz],
    .notiq-overview-skeleton-toolbar[b-n7j7x98tqz] {
        grid-template-columns: 1fr;
    }


    .notiq-overview-skeleton-row[b-n7j7x98tqz] {
        grid-template-columns: 34px minmax(150px, 1fr) 90px;
    }

    .notiq-overview-skeleton-row > :nth-child(4)[b-n7j7x98tqz],
    .notiq-overview-skeleton-row > :nth-child(5)[b-n7j7x98tqz] {
        display: none;
    }

    .notiq-overview-footer[b-n7j7x98tqz] {
        align-items: stretch;
        flex-direction: column;
    }

    .notiq-overview-pagination[b-n7j7x98tqz] {
        align-self: flex-end;
    }
}

@media (max-width: 480px) {
    .notiq-overview-header-actions[b-n7j7x98tqz] {
        align-items: stretch;
        flex-direction: column;
    }

    .notiq-overview-header-actions[b-n7j7x98tqz]  .rz-button {
        width: 100%;
    }

}

@media (prefers-reduced-motion: reduce) {
    .notiq-campaign-grid[b-n7j7x98tqz]  .rz-data-row {
        transition: none;
    }
}

@supports (background: color-mix(in srgb, red 10%, transparent)) {
    .notiq-channel-whatsapp[b-n7j7x98tqz] {
        color: #22c55e;
        background: color-mix(in srgb, #22c55e 12%, var(--notiq-surface));
    }

    .notiq-channel-email[b-n7j7x98tqz] {
        color: #7c3aed;
        background: color-mix(in srgb, #7c3aed 12%, var(--notiq-surface));
    }

    .notiq-channel-sms[b-n7j7x98tqz] {
        color: #1685d8;
        background: color-mix(in srgb, #1685d8 12%, var(--notiq-surface));
    }
}
/* /Components/Pages/BulkCampaign/BulkCampaigns.razor.rz.scp.css */
/* =========================================================
   NOTIQ CAMPAIGN BUILDER
   Gold-standard workflow shell.
   Keeps existing builder behavior/contracts intact.
   ========================================================= */

.notiq-campaign-builder[b-3fecc7h40u] {
    display: flex;
    width: 100%;
    min-width: 0;
    height: 100%;
    min-height: 0;
    padding: 0 0 1.5rem;
    flex-direction: column;
    gap: 1rem;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    color: var(--notiq-text-primary);
}

.notiq-campaign-topbar[b-3fecc7h40u],
.notiq-campaign-heading[b-3fecc7h40u],
.notiq-review-title[b-3fecc7h40u],
.notiq-review-title > div[b-3fecc7h40u] {
    display: flex;
    align-items: center;
}

.notiq-campaign-topbar[b-3fecc7h40u] {
    min-height: 52px;
    justify-content: space-between;
    gap: 1rem;
}

.notiq-campaign-heading[b-3fecc7h40u] {
    min-width: 0;
    gap: 0.75rem;
}

.notiq-campaign-heading-icon[b-3fecc7h40u] {
    display: grid;
    width: 38px;
    height: 38px;
    min-width: 38px;
    place-items: center;
    border-radius: var(--notiq-radius-md);
    color: var(--notiq-primary);
    background: var(--notiq-primary-soft);
}

.notiq-campaign-heading h1[b-3fecc7h40u] {
    margin: 0;
    color: var(--notiq-text-primary);
    font-size: 1.35rem;
    font-weight: 650;
    line-height: 1.2;
    letter-spacing: -0.035em;
}

.notiq-campaign-heading p[b-3fecc7h40u],
.notiq-card-header p[b-3fecc7h40u] {
    margin: 0.2rem 0 0;
    color: var(--notiq-text-secondary);
    font-size: 0.76rem;
    line-height: 1.5;
}

/* Stepper -------------------------------------------------- */

.notiq-campaign-stepper[b-3fecc7h40u] {
    display: flex;
    width: 100%;
    min-width: 0;
    padding: 0.95rem 1.1rem;
    align-items: center;
    border: 1px solid var(--notiq-border);
    border-radius: var(--notiq-radius-lg);
    background: var(--notiq-surface);
    box-shadow: none;
}

.notiq-step[b-3fecc7h40u] {
    display: inline-flex;
    min-width: 132px;
    padding: 0;
    align-items: center;
    gap: 0.65rem;
    border: 0;
    background: transparent;
    color: var(--notiq-text-tertiary);
    font: inherit;
    text-align: left;
}

.notiq-step:not(:disabled)[b-3fecc7h40u] {
    cursor: pointer;
}

.notiq-step:focus-visible[b-3fecc7h40u] {
    outline: 2px solid var(--notiq-primary);
    outline-offset: 5px;
    border-radius: var(--notiq-radius-sm);
}

.notiq-step-number[b-3fecc7h40u] {
    display: grid;
    width: 32px;
    height: 32px;
    min-width: 32px;
    place-items: center;
    border: 1px solid var(--notiq-border-strong);
    border-radius: 50%;
    background: var(--notiq-surface-soft);
    font-size: 0.72rem;
    font-weight: 700;
    transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease;
}

.notiq-step-copy[b-3fecc7h40u] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.notiq-step-copy strong[b-3fecc7h40u] {
    color: inherit;
    font-size: 0.74rem;
    font-weight: 650;
    white-space: nowrap;
}

.notiq-step-copy small[b-3fecc7h40u] {
    margin-top: 0.08rem;
    color: var(--notiq-text-tertiary);
    font-size: 0.64rem;
    white-space: nowrap;
}

.notiq-step.is-current[b-3fecc7h40u] {
    color: var(--notiq-text-primary);
}

.notiq-step.is-current .notiq-step-number[b-3fecc7h40u],
.notiq-step.is-complete .notiq-step-number[b-3fecc7h40u] {
    border-color: var(--notiq-primary);
    color: #fff;
    background: var(--notiq-primary);
}

.notiq-step.is-complete[b-3fecc7h40u] {
    color: var(--notiq-text-secondary);
}

.notiq-step-line[b-3fecc7h40u] {
    flex: 1 1 40px;
    height: 1px;
    min-width: 22px;
    margin: 0 0.85rem;
    background: var(--notiq-border);
}

.notiq-step-line.is-complete[b-3fecc7h40u] {
    background: color-mix(in srgb, var(--notiq-primary) 38%, var(--notiq-border));
}

/* Builder surfaces ---------------------------------------- */

.notiq-campaign-content[b-3fecc7h40u] {
    min-width: 0;
    flex: 1 1 auto;
}

.notiq-builder-card[b-3fecc7h40u] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--notiq-border);
    border-radius: var(--notiq-radius-lg);
    background: var(--notiq-surface);
    box-shadow: none;
}

.notiq-setup-card[b-3fecc7h40u] {
    width: 100%;
    max-width: 1040px;
    margin: 0 auto;
}

.notiq-card-header[b-3fecc7h40u] {
    display: flex;
    min-height: 70px;
    padding: 1rem 1.1rem;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    border-bottom: 1px solid var(--notiq-border);
}

.notiq-card-header h2[b-3fecc7h40u] {
    margin: 0;
    color: var(--notiq-text-primary);
    font-size: 1rem;
    font-weight: 650;
    letter-spacing: -0.015em;
}

.notiq-card-body[b-3fecc7h40u] {
    padding: 1.1rem;
}

.notiq-field + .notiq-field[b-3fecc7h40u] {
    margin-top: 1.4rem;
}

.notiq-field > label[b-3fecc7h40u] {
    display: block;
    margin-bottom: 0.45rem;
    color: var(--notiq-text-primary);
    font-size: 0.76rem;
    font-weight: 650;
}

.notiq-field > label span[b-3fecc7h40u] {
    color: var(--notiq-danger);
}

.notiq-field > small[b-3fecc7h40u] {
    display: block;
    margin-top: 0.4rem;
    color: var(--notiq-text-tertiary);
    font-size: 0.68rem;
}

/* Channel selector ---------------------------------------- */

.notiq-channel-grid[b-3fecc7h40u] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 0.7rem;
}

.notiq-channel-card[b-3fecc7h40u] {
    display: grid;
    min-height: 104px;
    padding: 0.9rem;
    grid-template-columns: 40px minmax(0, 1fr) 22px;
    align-items: center;
    gap: 0.75rem;
    border: 1px solid var(--notiq-border);
    border-radius: var(--notiq-radius-lg);
    background: var(--notiq-surface);
    color: var(--notiq-text-primary);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color 140ms ease, background-color 140ms ease;
}

.notiq-channel-card:hover:not(:disabled)[b-3fecc7h40u] {
    border-color: color-mix(in srgb, var(--notiq-primary) 42%, var(--notiq-border));
    background: color-mix(in srgb, var(--notiq-primary-soft) 24%, var(--notiq-surface));
}

.notiq-channel-card:focus-visible[b-3fecc7h40u] {
    outline: 2px solid var(--notiq-primary);
    outline-offset: 3px;
}

.notiq-channel-card:disabled[b-3fecc7h40u] {
    cursor: not-allowed;
    opacity: 0.6;
}

.notiq-channel-card.is-selected[b-3fecc7h40u] {
    border-color: var(--notiq-primary);
    background: color-mix(in srgb, var(--notiq-primary-soft) 50%, var(--notiq-surface));
}

.notiq-channel-icon[b-3fecc7h40u],
.notiq-review-channel[b-3fecc7h40u] {
    display: grid;
    place-items: center;
    border-radius: var(--notiq-radius-md);
}

.notiq-channel-icon[b-3fecc7h40u] {
    width: 40px;
    height: 40px;
}

.notiq-channel-copy[b-3fecc7h40u] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 0.18rem;
}

.notiq-channel-copy strong[b-3fecc7h40u] {
    font-size: 0.78rem;
    font-weight: 650;
}

.notiq-channel-copy small[b-3fecc7h40u] {
    color: var(--notiq-text-secondary);
    font-size: 0.68rem;
    line-height: 1.45;
}

.notiq-channel-check[b-3fecc7h40u] {
    display: grid;
    width: 22px;
    height: 22px;
    place-items: center;
    border: 1px solid var(--notiq-border-strong);
    border-radius: 50%;
    color: transparent;
    font-size: 0.75rem;
}

.notiq-channel-card.is-selected .notiq-channel-check[b-3fecc7h40u] {
    border-color: var(--notiq-primary);
    color: #fff;
    background: var(--notiq-primary);
}

.notiq-setup-note[b-3fecc7h40u],
.notiq-review-note[b-3fecc7h40u] {
    display: flex;
    margin-top: 1.1rem;
    padding: 0.75rem 0.85rem;
    align-items: flex-start;
    gap: 0.55rem;
    border-radius: var(--notiq-radius-md);
    color: var(--notiq-primary-dark);
    background: var(--notiq-primary-soft);
    font-size: 0.7rem;
    line-height: 1.55;
}

/* Message / review ---------------------------------------- */

.notiq-message-layout[b-3fecc7h40u],
.notiq-review-layout[b-3fecc7h40u] {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(310px, 0.85fr);
    align-items: start;
    gap: 1rem;
}

.notiq-preview-card[b-3fecc7h40u],
.notiq-review-preview[b-3fecc7h40u] {
    min-height: 560px;
}

.notiq-preview-card[b-3fecc7h40u] {
    position: sticky;
    top: 0.75rem;
}

.notiq-channel-pill[b-3fecc7h40u] {
    display: inline-flex;
    padding: 0.32rem 0.55rem;
    align-items: center;
    gap: 0.3rem;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 650;
}

.notiq-editor-host[b-3fecc7h40u],
.notiq-preview-host[b-3fecc7h40u],
.notiq-audience-host[b-3fecc7h40u] {
    padding: 0;
}

.notiq-preview-host[b-3fecc7h40u] {
    min-height: 490px;
}

.notiq-review-title[b-3fecc7h40u] {
    padding-bottom: 1rem;
    justify-content: space-between;
    gap: 0.75rem;
    border-bottom: 1px solid var(--notiq-border);
}

.notiq-review-title > div[b-3fecc7h40u] {
    min-width: 0;
    gap: 0.65rem;
}

.notiq-review-channel[b-3fecc7h40u] {
    width: 40px;
    height: 40px;
}

.notiq-review-title h3[b-3fecc7h40u] {
    margin: 0;
    color: var(--notiq-text-primary);
    font-size: 0.95rem;
    font-weight: 650;
}

.notiq-review-title span[b-3fecc7h40u] {
    color: var(--notiq-text-secondary);
    font-size: 0.68rem;
}

.notiq-review-stats[b-3fecc7h40u] {
    display: grid;
    margin: 1rem 0;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--notiq-border);
    border-radius: var(--notiq-radius-md);
    background: var(--notiq-border);
}

.notiq-review-stats > div[b-3fecc7h40u] {
    padding: 0.9rem;
    background: var(--notiq-surface);
}

.notiq-review-stats span[b-3fecc7h40u] {
    display: block;
    color: var(--notiq-text-tertiary);
    font-size: 0.68rem;
}

.notiq-review-stats strong[b-3fecc7h40u] {
    display: block;
    margin-top: 0.15rem;
    color: var(--notiq-text-primary);
    font-size: 1.25rem;
    font-weight: 550;
}

.notiq-review-stats .is-success strong[b-3fecc7h40u] {
    color: var(--notiq-success);
}

.notiq-review-stats .is-warning strong[b-3fecc7h40u] {
    color: var(--notiq-warning);
}

.notiq-review-details[b-3fecc7h40u] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 1.4rem;
}

.notiq-review-details > div[b-3fecc7h40u] {
    display: flex;
    padding: 0.7rem 0;
    justify-content: space-between;
    gap: 0.75rem;
    border-bottom: 1px solid var(--notiq-border);
}

.notiq-review-details span[b-3fecc7h40u] {
    color: var(--notiq-text-secondary);
    font-size: 0.68rem;
}

.notiq-review-details strong[b-3fecc7h40u] {
    color: var(--notiq-text-primary);
    font-size: 0.7rem;
    font-weight: 600;
    text-align: right;
}

.notiq-review-message[b-3fecc7h40u] {
    margin-top: 1.1rem;
    padding: 0.9rem;
    border: 1px solid var(--notiq-border);
    border-radius: var(--notiq-radius-md);
    background: var(--notiq-surface-soft);
    color: var(--notiq-text-primary);
    font-size: 0.74rem;
    line-height: 1.6;
    white-space: pre-wrap;
}

.notiq-review-subject[b-3fecc7h40u] {
    margin-bottom: 0.6rem;
    padding-bottom: 0.6rem;
    border-bottom: 1px solid var(--notiq-border);
    font-weight: 650;
}

/* Footer --------------------------------------------------- */

.notiq-campaign-footer[b-3fecc7h40u] {
    position: sticky;
    bottom: 0;
    z-index: 30;
    display: flex;
    min-height: 62px;
    margin-top: auto;
    padding: 0.7rem 0;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    border-top: 1px solid var(--notiq-border);
    background: color-mix(in srgb, var(--notiq-surface) 94%, transparent);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.notiq-footer-actions[b-3fecc7h40u] {
    display: flex;
    margin-left: auto;
    align-items: center;
    gap: 0.5rem;
}

@media (max-width: 1050px) {
    .notiq-message-layout[b-3fecc7h40u],
    .notiq-review-layout[b-3fecc7h40u] {
        grid-template-columns: minmax(0, 1fr);
    }

    .notiq-preview-card[b-3fecc7h40u] {
        position: static;
    }

    .notiq-preview-card[b-3fecc7h40u],
    .notiq-review-preview[b-3fecc7h40u] {
        min-height: 500px;
    }
}

@media (max-width: 820px) {
    .notiq-campaign-stepper[b-3fecc7h40u] {
        overflow-x: auto;
    }

    .notiq-step[b-3fecc7h40u] {
        min-width: 118px;
    }

    .notiq-step-line[b-3fecc7h40u] {
        min-width: 18px;
        margin-inline: 0.5rem;
    }

    .notiq-channel-grid[b-3fecc7h40u] {
        grid-template-columns: 1fr;
    }

    .notiq-review-details[b-3fecc7h40u] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .notiq-campaign-builder[b-3fecc7h40u] {
        gap: 0.75rem;
    }

    .notiq-campaign-topbar[b-3fecc7h40u] {
        align-items: flex-start;
        flex-direction: column;
    }

    .notiq-campaign-heading h1[b-3fecc7h40u] {
        font-size: 1.2rem;
    }

    .notiq-campaign-stepper[b-3fecc7h40u] {
        padding: 0.75rem;
    }

    .notiq-step-copy small[b-3fecc7h40u] {
        display: none;
    }

    .notiq-step[b-3fecc7h40u] {
        min-width: 94px;
    }

    .notiq-card-header[b-3fecc7h40u],
    .notiq-card-body[b-3fecc7h40u] {
        padding: 0.9rem;
    }

    .notiq-review-stats[b-3fecc7h40u] {
        grid-template-columns: 1fr;
    }

    .notiq-campaign-footer[b-3fecc7h40u] {
        align-items: stretch;
        flex-direction: column;
    }

    .notiq-footer-actions[b-3fecc7h40u] {
        width: 100%;
        margin-left: 0;
        justify-content: flex-end;
        flex-wrap: wrap;
    }
}

@media (prefers-reduced-motion: reduce) {
    .notiq-step-number[b-3fecc7h40u],
    .notiq-channel-card[b-3fecc7h40u] {
        transition: none;
    }
}


/* Gold-standard Create Campaign polish --------------------- */

.notiq-channel-card:disabled:not(.is-selected)[b-3fecc7h40u] {
    opacity: 0.56;
    cursor: not-allowed;
}

.notiq-channel-card:disabled:not(.is-selected) .notiq-channel-copy small[b-3fecc7h40u] {
    color: var(--notiq-text-tertiary);
}

.notiq-builder-card[b-3fecc7h40u] {
    box-shadow: none !important;
}

.notiq-card-header h2[b-3fecc7h40u] {
    font-size: 0.95rem;
    font-weight: 650;
}

.notiq-card-header p[b-3fecc7h40u] {
    font-size: 0.74rem;
}

.notiq-campaign-footer[b-3fecc7h40u]  .rz-button {
    white-space: nowrap;
}

@media (max-width: 560px) {
    .notiq-campaign-footer[b-3fecc7h40u] {
        padding-bottom: max(0.7rem, env(safe-area-inset-bottom));
    }
}


/* Create Campaign v2 audit fixes -------------------------- */

.notiq-campaign-heading[b-3fecc7h40u] {
    flex: 1 1 420px;
    align-items: flex-start;
    gap: 0.65rem;
}

.notiq-campaign-heading-copy[b-3fecc7h40u] {
    min-width: 0;
}

.notiq-campaign-page-title[b-3fecc7h40u] {
    margin: 0;
    font-weight: 650;
    letter-spacing: -0.035em;
}

.notiq-channel-title-row[b-3fecc7h40u] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.notiq-channel-hold-badge[b-3fecc7h40u] {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 0.15rem 0.42rem;
    color: var(--notiq-text-secondary);
    border: 1px solid var(--notiq-border);
    border-radius: 999px;
    background: var(--notiq-surface-soft);
    font-size: 0.62rem;
    font-weight: 650;
    line-height: 1;
}

.notiq-review-check-state[b-3fecc7h40u] {
    min-height: 210px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    margin: 1rem 0;
    padding: 1.5rem;
    border: 1px dashed var(--notiq-border-strong);
    border-radius: var(--notiq-radius-lg);
    background: var(--notiq-surface-soft);
    text-align: center;
}

.notiq-review-check-icon[b-3fecc7h40u] {
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--notiq-primary);
    border-radius: 50%;
    background: var(--notiq-primary-soft);
}

.notiq-review-check-title[b-3fecc7h40u] {
    margin: 0;
    font-weight: 650;
}

.notiq-review-check-copy[b-3fecc7h40u] {
    max-width: 500px;
}

@media (max-width: 560px) {
    .notiq-campaign-heading[b-3fecc7h40u] {
        width: 100%;
    }
}
/* /Components/Pages/BulkCampaign/BulkChannelBar.razor.rz.scp.css */
.notiq-campaign-header[b-usefjqa47c] {
    flex: 0 0 auto;
    min-height: 82px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 13px 16px;
    border: 1px solid var(--rz-base-300);
    border-radius: 16px;
    background: var(--rz-base-background-color);
    box-shadow: 0 10px 32px rgba(15, 23, 42, 0.05);
}

.notiq-campaign-title[b-usefjqa47c],
.notiq-campaign-header-actions[b-usefjqa47c],
.notiq-channel-switcher[b-usefjqa47c] {
    display: flex;
    align-items: center;
}

.notiq-campaign-title[b-usefjqa47c] {
    min-width: 0;
    gap: 11px;
}

.notiq-campaign-icon[b-usefjqa47c] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: color-mix(in srgb, var(--rz-primary) 13%, transparent);
    color: var(--rz-primary);
    font-size: 1.15rem;
}

.notiq-campaign-title-copy[b-usefjqa47c] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.notiq-campaign-eyebrow[b-usefjqa47c] {
    color: var(--rz-primary);
    font-size: .61rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.notiq-campaign-title-copy strong[b-usefjqa47c] {
    font-size: 1rem;
    font-weight: 780;
}

.notiq-campaign-title-copy small[b-usefjqa47c] {
    max-width: 560px;
    color: var(--rz-text-secondary-color, var(--rz-text-color));
    font-size: .67rem;
    opacity: .76;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notiq-campaign-header-actions[b-usefjqa47c] {
    flex: 0 0 auto;
    gap: 12px;
}

.notiq-channel-switcher[b-usefjqa47c] {
    gap: 8px;
}

.notiq-channel-label[b-usefjqa47c] {
    color: var(--rz-text-secondary-color, var(--rz-text-color));
    font-size: .65rem;
    font-weight: 700;
}

@media (max-width: 860px) {
    .notiq-campaign-header[b-usefjqa47c] {
        align-items: stretch;
        flex-direction: column;
    }

    .notiq-campaign-header-actions[b-usefjqa47c] {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .notiq-campaign-title-copy small[b-usefjqa47c] {
        white-space: normal;
    }
}
/* /Components/Pages/BulkCampaign/BulkChatPreview.razor.rz.scp.css */
.notiq-message-preview[b-4vncadas1x] {
    min-height: 100%;
}

.notiq-preview-surface[b-4vncadas1x] {
    overflow: hidden;
    border: 1px solid var(--notiq-border);
    border-radius: var(--notiq-radius-lg);
    background: var(--notiq-surface);
}

.notiq-preview-header[b-4vncadas1x] {
    min-height: 58px;
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.75rem 0.9rem;
    border-bottom: 1px solid var(--notiq-border);
    background: var(--notiq-surface);
}

.notiq-preview-channel-icon[b-4vncadas1x] {
    width: 34px;
    height: 34px;
    min-width: 34px;
    display: grid;
    place-items: center;
    color: var(--notiq-primary);
    border-radius: var(--notiq-radius-md);
    background: var(--notiq-primary-soft);
}

.notiq-preview-header-copy[b-4vncadas1x] {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

.notiq-preview-header-copy strong[b-4vncadas1x] {
    font-size: 0.8rem;
    font-weight: 650;
}

.notiq-preview-header-copy small[b-4vncadas1x] {
    margin-top: 0.1rem;
    color: var(--notiq-text-secondary);
    font-size: 0.7rem;
}

.notiq-preview-stage[b-4vncadas1x] {
    min-height: 360px;
    display: flex;
    padding: 1rem;
    background: var(--notiq-surface-soft);
}

.notiq-preview-empty[b-4vncadas1x] {
    margin: auto;
    display: flex;
    max-width: 280px;
    flex-direction: column;
    align-items: center;
    gap: 0.45rem;
    color: var(--notiq-text-tertiary);
    text-align: center;
}

.notiq-preview-empty > .rz-icon[b-4vncadas1x] {
    font-size: 1.5rem;
}

.notiq-preview-empty strong[b-4vncadas1x] {
    color: var(--notiq-text-secondary);
    font-size: 0.8rem;
}

.notiq-preview-empty span[b-4vncadas1x] {
    font-size: 0.72rem;
    line-height: 1.5;
}

.notiq-preview-bubble[b-4vncadas1x] {
    max-width: 90%;
    margin-top: auto;
    margin-right: auto;
    padding: 0.85rem;
    color: var(--notiq-text-primary);
    border: 1px solid var(--notiq-border);
    border-radius: 12px 12px 12px 4px;
    background: var(--notiq-surface);
}

.notiq-preview-subject[b-4vncadas1x] {
    margin-bottom: 0.6rem;
    padding-bottom: 0.6rem;
    border-bottom: 1px solid var(--notiq-border);
    font-size: 0.8rem;
    font-weight: 650;
}

.notiq-preview-body[b-4vncadas1x] {
    font-size: 0.78rem;
    line-height: 1.6;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.notiq-preview-attachment[b-4vncadas1x],
.notiq-preview-status[b-4vncadas1x] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.65rem;
    color: var(--notiq-text-secondary);
    font-size: 0.7rem;
}

.notiq-preview-status[b-4vncadas1x] {
    justify-content: flex-end;
    color: var(--notiq-text-tertiary);
}

.notiq-preview-recipient[b-4vncadas1x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.75rem;
    border: 1px solid var(--notiq-border);
    border-radius: var(--notiq-radius-lg);
    background: var(--notiq-surface-soft);
}

.notiq-preview-recipient > div[b-4vncadas1x] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.notiq-preview-recipient-avatar[b-4vncadas1x] {
    width: 34px;
    min-width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    color: var(--notiq-text-primary);
    border-radius: 50%;
    background: var(--notiq-primary-soft);
    font-size: 0.72rem;
    font-weight: 650;
}

.notiq-preview-recipient > div > span:last-child[b-4vncadas1x] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.notiq-preview-recipient strong[b-4vncadas1x] {
    font-size: 0.76rem;
}

.notiq-preview-recipient small[b-4vncadas1x] {
    overflow: hidden;
    color: var(--notiq-text-secondary);
    font-size: 0.68rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 560px) {
    .notiq-preview-recipient[b-4vncadas1x] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/Pages/BulkCampaign/BulkEditor.razor.rz.scp.css */
.notiq-message-editor[b-d9mvl2ri4i] {
    position: relative;
    width: 100%;
}

.notiq-editor-template-row[b-d9mvl2ri4i] {
    display: flex;
    align-items: flex-end;
    gap: 0.65rem;
}

.notiq-editor-field[b-d9mvl2ri4i] {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
}

.notiq-editor-field > label[b-d9mvl2ri4i] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.45rem;
    color: var(--notiq-text-primary);
    font-size: 0.8rem;
    font-weight: 650;
}

.notiq-editor-field > label span[b-d9mvl2ri4i] {
    color: var(--notiq-text-tertiary);
    font-size: 0.7rem;
    font-weight: 500;
}

.notiq-template-trigger[b-d9mvl2ri4i] {
    width: 100%;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0 0.75rem;
    color: var(--notiq-text-primary);
    border: 1px solid var(--notiq-border-strong);
    border-radius: var(--notiq-radius-md);
    background: var(--notiq-surface);
    font: inherit;
    font-size: 0.78rem;
    cursor: pointer;
}

.notiq-template-trigger > span[b-d9mvl2ri4i] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notiq-composer[b-d9mvl2ri4i] {
    border: 1px solid var(--notiq-border-strong);
    border-radius: var(--notiq-radius-lg);
    background: var(--notiq-surface);
    overflow: hidden;
}

.notiq-composer-toolbar[b-d9mvl2ri4i] {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0.45rem 0.6rem;
    border-top: 1px solid var(--notiq-border);
    background: var(--notiq-surface-soft);
}

.notiq-composer-tools[b-d9mvl2ri4i] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.15rem;
}

.notiq-character-count[b-d9mvl2ri4i] {
    flex: 0 0 auto;
    color: var(--notiq-text-tertiary);
    font-size: 0.7rem;
    font-weight: 600;
}

.notiq-editor-popover[b-d9mvl2ri4i] {
    position: absolute;
    z-index: 50;
    left: 0;
    top: calc(100% + 0.4rem);
    width: min(390px, 92vw);
    padding: 0.65rem;
    border-color: var(--notiq-border);
    background: var(--notiq-surface);
    box-shadow: var(--notiq-shadow-md);
}

.notiq-template-popover[b-d9mvl2ri4i] {
    max-height: 340px;
    overflow-y: auto;
}

.notiq-variable-popover[b-d9mvl2ri4i],
.notiq-emoji-popover[b-d9mvl2ri4i],
.notiq-schedule-popover[b-d9mvl2ri4i],
.notiq-save-popover[b-d9mvl2ri4i] {
    top: auto;
    bottom: 54px;
}

.notiq-editor-popover-head[b-d9mvl2ri4i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0 0.1rem 0.55rem;
}

.notiq-editor-popover-head strong[b-d9mvl2ri4i] {
    font-size: 0.8rem;
    font-weight: 650;
}

.notiq-template-list[b-d9mvl2ri4i] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.notiq-template-item[b-d9mvl2ri4i] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.65rem;
    color: var(--notiq-text-primary);
    border: 0;
    border-radius: var(--notiq-radius-md);
    background: transparent;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.notiq-template-item:hover[b-d9mvl2ri4i] {
    background: var(--notiq-primary-soft);
}

.notiq-template-item-icon[b-d9mvl2ri4i] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    color: var(--notiq-primary);
    border-radius: var(--notiq-radius-md);
    background: var(--notiq-primary-soft);
}

.notiq-template-item-copy[b-d9mvl2ri4i] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.notiq-template-item-copy strong[b-d9mvl2ri4i] {
    overflow: hidden;
    font-size: 0.78rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notiq-template-item-copy strong em[b-d9mvl2ri4i] {
    margin-left: 0.35rem;
    color: var(--notiq-success);
    font-size: 0.64rem;
    font-style: normal;
}

.notiq-template-item-copy small[b-d9mvl2ri4i] {
    overflow: hidden;
    color: var(--notiq-text-secondary);
    font-size: 0.7rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notiq-template-skeleton[b-d9mvl2ri4i] {
    display: flex;
    flex-direction: column;
}

.notiq-template-skeleton-row[b-d9mvl2ri4i] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.65rem;
}

.notiq-template-skeleton-copy[b-d9mvl2ri4i] {
    min-width: 0;
    flex: 1 1 auto;
}

.notiq-editor-state[b-d9mvl2ri4i] {
    min-height: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 1.25rem;
    color: var(--notiq-text-secondary);
    text-align: center;
}

.notiq-editor-state > .rz-icon[b-d9mvl2ri4i] {
    color: var(--notiq-text-tertiary);
    font-size: 1.35rem;
}

.notiq-editor-state strong[b-d9mvl2ri4i] {
    color: var(--notiq-text-primary);
    font-size: 0.8rem;
}

.notiq-editor-state span[b-d9mvl2ri4i] {
    max-width: 300px;
    font-size: 0.72rem;
    line-height: 1.45;
}

.notiq-variable-grid[b-d9mvl2ri4i],
.notiq-emoji-grid[b-d9mvl2ri4i] {
    display: grid;
    gap: 0.4rem;
}

.notiq-variable-grid[b-d9mvl2ri4i] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.notiq-emoji-grid[b-d9mvl2ri4i] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.notiq-variable-grid button[b-d9mvl2ri4i],
.notiq-emoji-grid button[b-d9mvl2ri4i] {
    min-height: 34px;
    color: var(--notiq-text-primary);
    border: 1px solid var(--notiq-border);
    border-radius: var(--notiq-radius-md);
    background: var(--notiq-surface-soft);
    font: inherit;
    font-size: 0.75rem;
    cursor: pointer;
}

.notiq-variable-grid button:hover[b-d9mvl2ri4i],
.notiq-emoji-grid button:hover[b-d9mvl2ri4i] {
    color: var(--notiq-primary);
    border-color: var(--notiq-primary);
}

.notiq-popover-actions[b-d9mvl2ri4i] {
    display: flex;
    justify-content: flex-end;
    gap: 0.4rem;
    margin-top: 0.7rem;
}

.notiq-editor-chips[b-d9mvl2ri4i] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.notiq-editor-chip[b-d9mvl2ri4i] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.5rem;
    color: var(--notiq-text-secondary);
    border: 1px solid var(--notiq-border);
    border-radius: 999px;
    background: var(--notiq-surface-soft);
    font-size: 0.7rem;
}

.notiq-editor-chip button[b-d9mvl2ri4i] {
    display: grid;
    place-items: center;
    padding: 0;
    color: inherit;
    border: 0;
    background: transparent;
    cursor: pointer;
}

@media (max-width: 650px) {
    .notiq-editor-template-row[b-d9mvl2ri4i] {
        align-items: stretch;
        flex-direction: column;
    }

    .notiq-composer-toolbar[b-d9mvl2ri4i] {
        align-items: flex-start;
        flex-direction: column;
    }

    .notiq-editor-popover[b-d9mvl2ri4i] {
        width: min(100%, 390px);
    }
}
/* /Components/Pages/BulkCampaign/BulkSummaryBar.razor.rz.scp.css */
.notiq-send-action[b-as11osuuv2] {
    display: inline-flex;
    align-items: center;
}

.notiq-send-action[b-as11osuuv2]  .rz-button {
    min-width: 132px;
}
/* /Components/Pages/BulkCampaign/StatCard.razor.rz.scp.css */
.notiq-stat-card[b-2o23q18vqd]{display:flex;align-items:center;gap:8px;padding:11px;border:1px solid var(--notiq-border);border-radius:var(--notiq-radius-lg);background:var(--notiq-surface);box-shadow:var(--notiq-shadow-sm)}
.notiq-stat-icon[b-2o23q18vqd]{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:var(--notiq-text-secondary);background:var(--notiq-surface-soft)}
.notiq-stat-card>div[b-2o23q18vqd]{display:flex;flex-direction:column}.notiq-stat-card span:not(.notiq-stat-icon)[b-2o23q18vqd]{color:var(--notiq-text-secondary);font-size:8px}.notiq-stat-card strong[b-2o23q18vqd]{font-size:14px}
.notiq-stat-card.is-success .notiq-stat-icon[b-2o23q18vqd]{color:var(--notiq-success);background:var(--notiq-success-soft)}.notiq-stat-card.is-danger .notiq-stat-icon[b-2o23q18vqd]{color:var(--notiq-danger);background:var(--notiq-danger-soft)}.notiq-stat-card.is-primary .notiq-stat-icon[b-2o23q18vqd]{color:var(--notiq-primary);background:var(--notiq-primary-soft)}.notiq-stat-card.is-info .notiq-stat-icon[b-2o23q18vqd]{color:var(--notiq-info);background:var(--notiq-info-soft)}
/* /Components/Pages/Consent/ConsentEditorDialog.razor.rz.scp.css */
.consent-editor-form[b-ix0zy9tt58] {
    width: 100%;
}

.consent-editor-title[b-ix0zy9tt58] {
    margin: 0;
    font-weight: 650;
    letter-spacing: -0.025em;
}

.consent-editor-info-icon[b-ix0zy9tt58] {
    flex: 0 0 auto;
    color: var(--notiq-primary);
}

.consent-editor-field[b-ix0zy9tt58],
.consent-editor-control[b-ix0zy9tt58] {
    width: 100%;
}

.consent-editor-label[b-ix0zy9tt58] {
    font-weight: 650;
}

.consent-editor-hint[b-ix0zy9tt58] {
    padding-inline: 0.1rem;
    line-height: 1.45;
}

.consent-editor-status[b-ix0zy9tt58] {
    width: 100%;
}

.consent-editor-optout-section[b-ix0zy9tt58] {
    padding-top: 0.15rem;
}

.consent-editor-reason[b-ix0zy9tt58] {
    resize: vertical;
}

.consent-editor-counter[b-ix0zy9tt58] {
    align-self: flex-end;
}

.consent-editor-actions[b-ix0zy9tt58] {
    width: 100%;
    padding-top: 1rem;
    border-top: 1px solid var(--notiq-border);
}

@media (max-width: 520px) {
    .consent-editor-actions[b-ix0zy9tt58] {
        justify-content: stretch !important;
    }

        .consent-editor-actions > *[b-ix0zy9tt58] {
            flex: 1 1 100%;
        }
}
/* /Components/Pages/Consent/Consents.razor.rz.scp.css */
.consent-page[b-v4ad8f55mp] {
    width: 100%;
}

.consent-page-title[b-v4ad8f55mp] {
    margin: 0;
    font-weight: 650;
    letter-spacing: -0.035em;
}

.consent-filter-card[b-v4ad8f55mp],
.consent-bulk-card[b-v4ad8f55mp],
.consent-state-card[b-v4ad8f55mp],
.consent-grid-card[b-v4ad8f55mp] {
    border-color: var(--notiq-border);
    background: var(--notiq-surface);
    box-shadow: none;
}

.consent-filter-card[b-v4ad8f55mp] {
    padding: 0.85rem 1rem;
}

.consent-filters[b-v4ad8f55mp] {
    flex: 1 1 760px;
}

.consent-filter-search[b-v4ad8f55mp] {
    width: min(360px, 100%);
    min-height: 38px;
}

.consent-filter-channel[b-v4ad8f55mp] {
    width: 150px;
    min-height: 38px;
}

.consent-filter-status[b-v4ad8f55mp] {
    width: 145px;
    min-height: 38px;
}

.consent-bulk-card[b-v4ad8f55mp] {
    border-color: var(--rz-info-lighter);
    background: var(--rz-info-lightest);
}

.consent-bulk-icon[b-v4ad8f55mp] {
    display: inline-flex;
    width: 36px;
    height: 36px;
    min-width: 36px;
    align-items: center;
    justify-content: center;
    border-radius: var(--notiq-radius-md);
    color: var(--rz-info);
    background: var(--rz-info-lighter);
}

.consent-bulk-title[b-v4ad8f55mp] {
    font-weight: 650;
}

.consent-state-card[b-v4ad8f55mp],
.consent-grid-card[b-v4ad8f55mp] {
    overflow: hidden;
}

.consent-grid-card[b-v4ad8f55mp] {
    padding: 0;
}

.consent-grid-scroll[b-v4ad8f55mp] {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

[b-v4ad8f55mp] .consent-grid {
    min-width: 1080px;
    width: 100%;
    border: 0;
    box-shadow: none;
}

.consent-recipient-row[b-v4ad8f55mp],
.consent-cell-row[b-v4ad8f55mp],
.consent-actions-row[b-v4ad8f55mp] {
    min-height: 58px;
    display: flex;
    align-items: center;
}

.consent-recipient-row[b-v4ad8f55mp] {
    gap: 10px;
}

.consent-actions-row[b-v4ad8f55mp] {
    justify-content: flex-end;
}

.consent-row-opted-out[b-v4ad8f55mp] {
    opacity: 0.58;
}

.consent-recipient-avatar[b-v4ad8f55mp] {
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--rz-base-200);
    font-size: .7rem;
    font-weight: 700;
}

.consent-recipient-copy[b-v4ad8f55mp] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.consent-recipient-name[b-v4ad8f55mp],
.consent-recipient-address[b-v4ad8f55mp],
.consent-reason[b-v4ad8f55mp] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.consent-recipient-name[b-v4ad8f55mp] {
    font-size: .78rem;
    font-weight: 650;
}

.consent-recipient-address[b-v4ad8f55mp] {
    max-width: 215px;
    font-size: .64rem;
    color: var(--notiq-text-tertiary);
}

.consent-channel-icon[b-v4ad8f55mp] {
    width: 30px;
    height: 30px;
    min-width: 30px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.consent-channel-icon-whatsapp[b-v4ad8f55mp] {
    background: #e7f8ed;
    color: #22c55e;
}

.consent-channel-icon-sms[b-v4ad8f55mp] {
    background: #e8f2ff;
    color: #1685d8;
}

.consent-channel-icon-email[b-v4ad8f55mp] {
    background: #f2ecff;
    color: #7c3aed;
}

.consent-channel-icon-default[b-v4ad8f55mp] {
    background: var(--rz-base-200);
    color: var(--rz-text-color);
}

.consent-channel-icon-disabled[b-v4ad8f55mp] {
    background: var(--rz-base-200);
    color: var(--rz-text-disabled-color);
}

.consent-channel-glyph[b-v4ad8f55mp] {
    font-size: 17px;
}

.consent-changed-time[b-v4ad8f55mp] {
    font-size: .68rem;
    color: var(--notiq-text-secondary);
}

.consent-reason[b-v4ad8f55mp] {
    display: block;
    max-width: 210px;
    font-size: .68rem;
    color: var(--notiq-text-secondary);
}

.consent-skeleton[b-v4ad8f55mp] {
    width: 100%;
    overflow: hidden;
}

.consent-skeleton-header[b-v4ad8f55mp],
.consent-skeleton-row[b-v4ad8f55mp] {
    display: grid;
    grid-template-columns: 40px minmax(250px, 2fr) minmax(90px, .8fr) minmax(110px, .9fr) minmax(160px, 1.2fr) minmax(220px, 1.6fr);
    align-items: center;
    gap: 1rem;
    min-width: 1040px;
    padding: 0 1rem;
}

.consent-skeleton-header[b-v4ad8f55mp] {
    min-height: 46px;
    border-bottom: 1px solid var(--notiq-border);
}

.consent-skeleton-row[b-v4ad8f55mp] {
    min-height: 58px;
    border-bottom: 1px solid var(--notiq-border);
}

    .consent-skeleton-row:last-child[b-v4ad8f55mp] {
        border-bottom: 0;
    }

.consent-skeleton-recipient[b-v4ad8f55mp] {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-width: 0;
}

.consent-skeleton-lines[b-v4ad8f55mp] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    width: 100%;
    min-width: 0;
}

@media (max-width: 768px) {
    .consent-filters[b-v4ad8f55mp] {
        flex-basis: 100%;
    }

    .consent-filter-search[b-v4ad8f55mp] {
        width: 100%;
    }

    .consent-state-card[b-v4ad8f55mp] {
        overflow-x: auto;
    }
}
/* /Components/Pages/Contact/AddContactsToGroupDialog.razor.rz.scp.css */
.add-contacts-group-dialog[b-lxi8t5lvlk],
.add-contacts-group-field[b-lxi8t5lvlk],
.add-contacts-group-control[b-lxi8t5lvlk] {
    width: 100%;
}

.add-contacts-group-title[b-lxi8t5lvlk] {
    margin: 0;
    font-weight: 650;
    letter-spacing: -0.025em;
}

.add-contacts-group-actions[b-lxi8t5lvlk] {
    width: 100%;
    padding-top: 1rem;
    border-top: 1px solid var(--notiq-border);
}

@media (max-width: 520px) {
    .add-contacts-group-actions[b-lxi8t5lvlk] {
        justify-content: stretch !important;
    }

    .add-contacts-group-actions > *[b-lxi8t5lvlk] {
        flex: 1 1 100%;
    }
}
/* /Components/Pages/Contact/ContactDetailPanel.razor.rz.scp.css */
.contact-detail-panel[b-ugxavulzn1] {
    width: 100%;
    min-width: 0;
    padding-bottom: 1rem;
}

.contact-detail-avatar[b-ugxavulzn1] {
    width: 52px;
    height: 52px;
    min-width: 52px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--rz-base-200);
    font-size: 1rem;
    font-weight: 700;
}

.contact-detail-heading[b-ugxavulzn1],
.contact-detail-row-copy[b-ugxavulzn1] {
    min-width: 0;
}

.contact-detail-name[b-ugxavulzn1] {
    margin: 0;
    font-weight: 650;
    letter-spacing: -0.025em;
}

.contact-detail-actions[b-ugxavulzn1] {
    width: 100%;
}

.contact-detail-section-title[b-ugxavulzn1],
.contact-detail-permission-title[b-ugxavulzn1] {
    font-weight: 650;
}

.contact-detail-row-card[b-ugxavulzn1],
.contact-detail-permission-card[b-ugxavulzn1] {
    padding: 0.75rem;
    border-color: var(--notiq-border);
    box-shadow: none;
}

.contact-detail-row-icon[b-ugxavulzn1] {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--rz-base-200);
}

.contact-detail-permissions[b-ugxavulzn1] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.55rem;
}

.contact-detail-chip-list[b-ugxavulzn1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.contact-detail-meta-row[b-ugxavulzn1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 34px;
    padding: 0.25rem 0;
    border-bottom: 1px solid var(--notiq-border);
}

.contact-detail-meta-row:last-child[b-ugxavulzn1] {
    border-bottom: 0;
}

.contact-detail-meta-label[b-ugxavulzn1] {
    font-size: 0.75rem;
    color: var(--rz-text-color);
    opacity: 0.58;
}

.contact-detail-meta-value[b-ugxavulzn1] {
    min-width: 0;
    max-width: 65%;
    text-align: right;
    font-size: 0.75rem;
    font-weight: 600;
    overflow-wrap: anywhere;
}

@media (max-width: 560px) {
    .contact-detail-actions > *[b-ugxavulzn1] {
        flex: 1 1 calc(50% - 0.5rem);
    }

    .contact-detail-meta-row[b-ugxavulzn1] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.15rem;
    }

    .contact-detail-meta-value[b-ugxavulzn1] {
        max-width: 100%;
        text-align: left;
    }
}
/* /Components/Pages/Contact/ContactEditorDialog.razor.rz.scp.css */
.contact-editor-dialog[b-o1clqf7lex],
.contact-editor-field[b-o1clqf7lex],
.contact-editor-control[b-o1clqf7lex],
.contact-editor-tabs[b-o1clqf7lex] {
    width: 100%;
}

.contact-editor-title[b-o1clqf7lex] {
    margin: 0;
    font-weight: 650;
    letter-spacing: -0.025em;
}

.contact-editor-form-section[b-o1clqf7lex] {
    padding-top: 0.75rem;
}

.contact-editor-section-title[b-o1clqf7lex],
.contact-editor-setting-title[b-o1clqf7lex] {
    font-weight: 650;
}

.contact-editor-divider[b-o1clqf7lex] {
    width: 100%;
    height: 1px;
    background: var(--notiq-border);
}

.contact-editor-permissions[b-o1clqf7lex] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.contact-editor-permission[b-o1clqf7lex] {
    min-width: 0;
    padding: 0.75rem;
    border: 1px solid var(--notiq-border);
    border-radius: 9px;
    background: var(--notiq-surface);
}

.contact-editor-permission-heading[b-o1clqf7lex] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.contact-editor-permission-copy[b-o1clqf7lex] {
    display: block;
    margin-top: 0.15rem;
    line-height: 1.4;
}

[b-o1clqf7lex] .contact-editor-switch {
    transform: scale(0.76);
    transform-origin: left center;
    margin-right: -0.35rem;
}

.contact-import-textarea[b-o1clqf7lex] {
    resize: vertical;
}

.contact-import-metric[b-o1clqf7lex] {
    padding: 0.8rem;
    border-color: var(--notiq-border);
    box-shadow: none;
}

.contact-import-metric-value[b-o1clqf7lex] {
    margin-top: 0.2rem;
    font-weight: 650;
}

.contact-import-grid-scroll[b-o1clqf7lex] {
    width: 100%;
    overflow-x: auto;
}

[b-o1clqf7lex] .contact-import-grid {
    width: 100%;
    min-width: 700px;
}

.contact-editor-actions[b-o1clqf7lex] {
    width: 100%;
    padding-top: 0.9rem;
    border-top: 1px solid var(--notiq-border);
}

@media (max-width: 640px) {
    .contact-editor-permissions[b-o1clqf7lex] {
        grid-template-columns: 1fr;
    }

    .contact-editor-actions[b-o1clqf7lex] {
        justify-content: stretch !important;
    }

    .contact-editor-actions > *[b-o1clqf7lex] {
        flex: 1 1 100%;
    }
}
/* /Components/Pages/Contact/ContactGroupDialog.razor.rz.scp.css */
.contact-group-form[b-7evlr8nonk],
.contact-group-field[b-7evlr8nonk],
.contact-group-control[b-7evlr8nonk] {
    width: 100%;
}

.contact-group-title[b-7evlr8nonk] {
    margin: 0;
    font-weight: 650;
    letter-spacing: -0.025em;
}

.contact-group-description[b-7evlr8nonk] {
    resize: vertical;
}

.contact-group-actions[b-7evlr8nonk] {
    width: 100%;
    padding-top: 1rem;
    border-top: 1px solid var(--notiq-border);
}

@media (max-width: 520px) {
    .contact-group-actions[b-7evlr8nonk] {
        justify-content: stretch !important;
    }

    .contact-group-actions > *[b-7evlr8nonk] {
        flex: 1 1 100%;
    }
}
/* /Components/Pages/Contact/Contacts.razor.rz.scp.css */
.contacts-page[b-7zyqj023yc] {
    width: 100%;
}

.contacts-header[b-7zyqj023yc] {
    min-width: 0;
}

.contacts-title[b-7zyqj023yc] {
    margin: 0;
    font-weight: 650;
    letter-spacing: -0.035em;
}

.contacts-header-actions[b-7zyqj023yc] {
    flex: 0 0 auto;
}

.contacts-toolbar[b-7zyqj023yc] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.55rem;
    flex-wrap: wrap;
}

.contacts-search[b-7zyqj023yc] {
    flex: 1 1 320px;
    min-width: 220px;
    max-width: 460px;
    min-height: 38px;
}

.contacts-filter[b-7zyqj023yc] {
    width: 170px;
    min-height: 38px;
}

.contacts-status-filter[b-7zyqj023yc] {
    width: 150px;
    min-height: 38px;
}

.contacts-toolbar-spacer[b-7zyqj023yc] {
    flex: 1 1 auto;
}

.contacts-selection-card[b-7zyqj023yc],
.contacts-table-card[b-7zyqj023yc] {
    border-color: var(--notiq-border);
    background: var(--notiq-surface);
    box-shadow: none;
}

.contacts-selection-card[b-7zyqj023yc] {
    padding: 0.7rem 0.85rem;
    border-color: var(--rz-info-lighter);
    background: var(--rz-info-lightest);
}

.contacts-selection-icon[b-7zyqj023yc] {
    color: var(--rz-info);
}

.contacts-selection-title[b-7zyqj023yc] {
    font-weight: 650;
}

.contacts-table-card[b-7zyqj023yc] {
    min-width: 0;
    overflow: hidden;
    padding: 0;
}

.contacts-table-topbar[b-7zyqj023yc] {
    min-height: 48px;
    padding: 0.55rem 0.9rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    border-bottom: 1px solid var(--notiq-border);
}

.contacts-table-context[b-7zyqj023yc] {
    font-weight: 650;
}

.contacts-grid-scroll[b-7zyqj023yc] {
    width: 100%;
    overflow-x: auto;
}

[b-7zyqj023yc] .contacts-grid {
    width: 100%;
    min-width: 1040px;
    border: 0;
    box-shadow: none;
}

[b-7zyqj023yc] .contacts-grid .rz-grid-table {
    border-collapse: separate;
}

[b-7zyqj023yc] .contacts-grid .rz-data-row > td {
    vertical-align: middle;
}

.contact-row-content[b-7zyqj023yc] {
    width: 100%;
    min-width: 0;
}

.contact-row-inactive[b-7zyqj023yc] {
    opacity: 0.56;
    filter: saturate(0.55);
}

.contact-cell[b-7zyqj023yc] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
}

.contact-avatar[b-7zyqj023yc] {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 50%;
    background: var(--rz-base-200);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.72rem;
    font-weight: 700;
}

.contact-copy[b-7zyqj023yc] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.contact-name[b-7zyqj023yc],
.contact-primary[b-7zyqj023yc],
.contact-secondary[b-7zyqj023yc] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.contact-name[b-7zyqj023yc] {
    font-size: 0.8rem;
    font-weight: 650;
}

.contact-name-button[b-7zyqj023yc] {
    max-width: 220px;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
    font: inherit;
    line-height: inherit;
}

.contact-name-button:hover[b-7zyqj023yc] {
    color: var(--rz-primary);
    text-decoration: underline;
}

.contact-name-button:focus-visible[b-7zyqj023yc] {
    outline: 2px solid var(--rz-primary);
    outline-offset: 2px;
    border-radius: 3px;
}

.contact-name-button:disabled[b-7zyqj023yc] {
    cursor: default;
    opacity: 0.7;
    text-decoration: none;
}

.contact-primary[b-7zyqj023yc] {
    font-size: 0.67rem;
    color: var(--rz-text-color);
    opacity: 0.62;
}

.contact-secondary[b-7zyqj023yc] {
    font-size: 0.62rem;
    color: var(--rz-text-color);
    opacity: 0.48;
}

.contact-channels[b-7zyqj023yc] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.contact-channel[b-7zyqj023yc] {
    width: 28px;
    height: 28px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-channel-whatsapp[b-7zyqj023yc] {
    background: #e7f8ed;
    color: #22c55e;
}

.contact-channel-sms[b-7zyqj023yc] {
    background: #e8f2ff;
    color: #1685d8;
}

.contact-channel-email[b-7zyqj023yc] {
    background: #f2ecff;
    color: #7c3aed;
}

.contact-channel-disabled[b-7zyqj023yc] {
    background: var(--rz-base-200);
    color: var(--rz-text-disabled-color);
    opacity: 0.55;
}

.contact-channel-glyph[b-7zyqj023yc] {
    font-size: 16px;
}

.contact-no-channel[b-7zyqj023yc],
.contact-no-label[b-7zyqj023yc] {
    font-size: 0.7rem;
    opacity: 0.48;
}

.contact-labels[b-7zyqj023yc] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.3rem;
    min-width: 0;
}

.contacts-skeleton-table[b-7zyqj023yc] {
    min-height: 360px;
    padding: 0.8rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.contacts-skeleton-row[b-7zyqj023yc] {
    min-height: 54px;
    display: grid;
    grid-template-columns: 36px minmax(160px, 1fr) 140px 100px;
    align-items: center;
    gap: 0.75rem;
    border-bottom: 1px solid var(--notiq-border);
}

.contacts-skeleton-copy[b-7zyqj023yc] {
    min-width: 0;
}

@media (max-width: 900px) {
    .contacts-search[b-7zyqj023yc] {
        flex-basis: 100%;
        max-width: none;
    }

    .contacts-filter[b-7zyqj023yc],
    .contacts-status-filter[b-7zyqj023yc] {
        flex: 1 1 150px;
        width: auto;
    }

    .contacts-toolbar-spacer[b-7zyqj023yc] {
        display: none;
    }
}

@media (max-width: 640px) {
    .contacts-header-actions[b-7zyqj023yc] {
        width: 100%;
    }

    .contacts-header-actions > *[b-7zyqj023yc] {
        flex: 1 1 auto;
    }

    .contacts-filter[b-7zyqj023yc],
    .contacts-status-filter[b-7zyqj023yc] {
        flex: 1 1 100%;
        width: 100%;
    }

    .contacts-skeleton-row[b-7zyqj023yc] {
        grid-template-columns: 36px minmax(140px, 1fr) 90px;
    }

    .contacts-skeleton-row > :nth-child(3)[b-7zyqj023yc] {
        display: none;
    }
}

@media (max-width: 520px) {
    .contacts-table-topbar[b-7zyqj023yc] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
/* =========================================================
   NOTIQ DASHBOARD
   Gold-standard communication SaaS dashboard.
   Radzen-first, scoped styling only.
   ========================================================= */

.notiq-dashboard[b-mzmh66avvk] {
    width: 100%;
}

/* =========================================================
   HEADER
   ========================================================= */

.notiq-dashboard-header[b-mzmh66avvk] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
}

.notiq-dashboard-heading[b-mzmh66avvk] {
    min-width: 0;
}

.notiq-dashboard-title[b-mzmh66avvk] {
    margin: 0;
    color: var(--notiq-text-primary);
    font-weight: 650;
    letter-spacing: -0.035em;
}

.notiq-dashboard-subtitle[b-mzmh66avvk] {
    max-width: 720px;
    margin-top: 0.25rem;
    color: var(--notiq-text-secondary);
}

.notiq-dashboard-actions[b-mzmh66avvk] {
    flex: 0 0 auto;
}


/* =========================================================
   LOADING SKELETON
   ========================================================= */

.notiq-dashboard-skeleton[b-mzmh66avvk] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.notiq-dashboard-skeleton-card[b-mzmh66avvk] {
    box-shadow: none !important;
}

.notiq-dashboard-skeleton-kpi-header[b-mzmh66avvk] {
    display: flex;
    min-height: 36px;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.9rem;
}

.notiq-dashboard-skeleton-copy[b-mzmh66avvk] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 0;
}

.notiq-dashboard-skeleton-panel-header[b-mzmh66avvk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.notiq-dashboard-skeleton-donut[b-mzmh66avvk] {
    display: flex;
    min-height: 300px;
    align-items: center;
    justify-content: center;
}

.notiq-dashboard-skeleton-section-heading[b-mzmh66avvk] {
    padding-top: 0.2rem;
}

/* =========================================================
   ROOT STATE
   ========================================================= */

.notiq-dashboard-state-card[b-mzmh66avvk] {
    min-height: 420px;
    border-color: var(--notiq-border);
    box-shadow: none !important;
}

.notiq-dashboard-root-state[b-mzmh66avvk] {
    display: flex;
    min-height: 380px;
    padding: 2rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    text-align: center;
}

.notiq-dashboard-state-icon[b-mzmh66avvk] {
    display: inline-flex;
    width: 52px;
    height: 52px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

    .notiq-dashboard-state-icon > .rz-icon[b-mzmh66avvk] {
        font-size: 1.6rem;
    }

.notiq-dashboard-state-icon-error[b-mzmh66avvk] {
    color: var(--notiq-danger);
    background: var(--notiq-danger-soft);
}

.notiq-dashboard-state-title[b-mzmh66avvk] {
    margin: 0.25rem 0 0;
    color: var(--notiq-text-primary);
}

.notiq-dashboard-state-description[b-mzmh66avvk] {
    max-width: 480px;
}


/* =========================================================
   SHARED SURFACES
   ========================================================= */

.notiq-dashboard-kpi-card[b-mzmh66avvk],
.notiq-dashboard-panel[b-mzmh66avvk],
.notiq-dashboard-summary-card[b-mzmh66avvk],
.notiq-dashboard-logs-card[b-mzmh66avvk] {
    border-color: var(--notiq-border);
    background: var(--notiq-surface);
    box-shadow: none !important;
}

    .notiq-dashboard-kpi-card:hover[b-mzmh66avvk],
    .notiq-dashboard-panel:hover[b-mzmh66avvk],
    .notiq-dashboard-summary-card:hover[b-mzmh66avvk],
    .notiq-dashboard-logs-card:hover[b-mzmh66avvk] {
        box-shadow: none !important;
        transform: none !important;
    }


/* =========================================================
   KPI CARDS
   ========================================================= */

.notiq-dashboard-kpi-grid[b-mzmh66avvk] {
    align-items: stretch;
}

    .notiq-dashboard-kpi-grid[b-mzmh66avvk] >  .rz-col-12 {
        display: flex;
    }

.notiq-dashboard-kpi-card[b-mzmh66avvk] {
    width: 100%;
    min-height: 170px;
    padding: 1rem 1.05rem;
}

.notiq-dashboard-kpi-header[b-mzmh66avvk] {
    display: flex;
    min-height: 36px;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.9rem;
}

.notiq-dashboard-kpi-icon[b-mzmh66avvk] {
    display: inline-flex;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    align-items: center;
    justify-content: center;
    border-radius: var(--notiq-radius-md);
}

    .notiq-dashboard-kpi-icon > .rz-icon[b-mzmh66avvk] {
        font-size: 1.15rem;
    }

.notiq-dashboard-kpi-icon-primary[b-mzmh66avvk] {
    color: var(--notiq-primary);
    background: var(--notiq-primary-soft);
}

.notiq-dashboard-kpi-icon-success[b-mzmh66avvk] {
    color: var(--notiq-success);
    background: var(--notiq-success-soft);
}

.notiq-dashboard-kpi-icon-info[b-mzmh66avvk] {
    color: var(--notiq-info);
    background: var(--notiq-info-soft);
}

.notiq-dashboard-kpi-icon-danger[b-mzmh66avvk] {
    color: var(--notiq-danger);
    background: var(--notiq-danger-soft);
}

.notiq-dashboard-kpi-eyebrow[b-mzmh66avvk] {
    color: var(--notiq-text-tertiary);
    font-size: 0.68rem;
    font-weight: 650;
    letter-spacing: 0.07em;
    text-align: right;
}

.notiq-dashboard-kpi-value[b-mzmh66avvk] {
    margin: 0;
    color: var(--notiq-text-primary);
    font-weight: 450;
    line-height: 1;
    letter-spacing: -0.05em;
}

.notiq-dashboard-kpi-label[b-mzmh66avvk] {
    display: block;
    margin-top: 0.45rem;
    color: var(--notiq-text-primary);
    font-weight: 600;
}

.notiq-dashboard-kpi-hint[b-mzmh66avvk] {
    display: block;
    margin-top: 0.15rem;
}

.notiq-dashboard-kpi-progress[b-mzmh66avvk] {
    margin-top: 0.75rem;
}

    .notiq-dashboard-kpi-progress[b-mzmh66avvk]  .rz-progressbar {
        height: 0.5rem;
        overflow: hidden;
        border-radius: 999px;
    }

    .notiq-dashboard-kpi-progress[b-mzmh66avvk]  .rz-progressbar-value {
        border-radius: 999px;
    }


/* =========================================================
   PANELS
   ========================================================= */

.notiq-dashboard-analytics-row[b-mzmh66avvk],
.notiq-dashboard-secondary-row[b-mzmh66avvk] {
    align-items: stretch;
}

.notiq-dashboard-panel[b-mzmh66avvk] {
    height: 100%;
    min-height: 390px;
    padding: 1rem;
}

.notiq-dashboard-panel-header[b-mzmh66avvk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.notiq-dashboard-panel-title[b-mzmh66avvk] {
    margin: 0;
    color: var(--notiq-text-primary);
    font-weight: 650;
}

.notiq-dashboard-panel-meta[b-mzmh66avvk] {
    flex: 0 0 auto;
    text-align: right;
}

.notiq-dashboard-meta-label[b-mzmh66avvk] {
    display: block;
    color: var(--notiq-text-tertiary);
    font-size: 0.67rem;
    font-weight: 650;
    letter-spacing: 0.07em;
}

.notiq-dashboard-meta-value[b-mzmh66avvk] {
    margin: 0.15rem 0 0;
    color: var(--notiq-text-primary);
    font-weight: 600;
    letter-spacing: -0.025em;
}


/* =========================================================
   MAIN PERFORMANCE CHART
   ========================================================= */

.notiq-dashboard-performance-card[b-mzmh66avvk] {
    min-height: 410px;
}

.notiq-dashboard-main-chart[b-mzmh66avvk] {
    width: 100%;
    height: 325px;
    margin-top: 0.75rem;
}

    .notiq-dashboard-main-chart[b-mzmh66avvk]  .rz-chart {
        width: 100%;
        height: 325px;
    }

    .notiq-dashboard-main-chart[b-mzmh66avvk]  text,
    .notiq-dashboard-donut[b-mzmh66avvk]  text,
    .notiq-dashboard-cost-chart[b-mzmh66avvk]  text {
        fill: var(--notiq-text-secondary);
    }

    .notiq-dashboard-main-chart[b-mzmh66avvk]  .rz-grid-line {
        stroke: var(--notiq-border);
    }


/* =========================================================
   DELIVERY DONUT
   ========================================================= */

.notiq-dashboard-delivery-card[b-mzmh66avvk] {
    min-height: 410px;
}

.notiq-dashboard-donut[b-mzmh66avvk] {
    width: 100%;
    height: 320px;
    margin-top: 0.45rem;
}

    .notiq-dashboard-donut[b-mzmh66avvk]  .rz-chart {
        width: 100%;
        height: 100%;
    }


/* =========================================================
   SECTION HEADING
   ========================================================= */

.notiq-dashboard-section-heading[b-mzmh66avvk] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    padding-top: 0.2rem;
}

.notiq-dashboard-section-title[b-mzmh66avvk] {
    margin: 0;
    color: var(--notiq-text-primary);
    font-weight: 650;
}


/* =========================================================
   OPERATIONAL SUMMARY
   ========================================================= */

.notiq-dashboard-summary-grid[b-mzmh66avvk] {
    align-items: stretch;
}

    .notiq-dashboard-summary-grid[b-mzmh66avvk] >  .rz-col-12 {
        display: flex;
    }

.notiq-dashboard-summary-card[b-mzmh66avvk] {
    display: flex;
    width: 100%;
    min-height: 112px;
    align-items: center;
    gap: 0.9rem;
    padding: 1rem;
}

.notiq-dashboard-summary-icon[b-mzmh66avvk] {
    display: inline-flex;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    align-items: center;
    justify-content: center;
    border-radius: var(--notiq-radius-md);
}

    .notiq-dashboard-summary-icon > .rz-icon[b-mzmh66avvk] {
        font-size: 1.2rem;
    }

.notiq-dashboard-summary-primary[b-mzmh66avvk] {
    color: var(--notiq-primary);
    background: var(--notiq-primary-soft);
}

.notiq-dashboard-summary-info[b-mzmh66avvk] {
    color: var(--notiq-info);
    background: var(--notiq-info-soft);
}

.notiq-dashboard-summary-warning[b-mzmh66avvk] {
    color: var(--notiq-warning);
    background: var(--notiq-warning-soft);
}

.notiq-dashboard-summary-danger[b-mzmh66avvk] {
    color: var(--notiq-danger);
    background: var(--notiq-danger-soft);
}

.notiq-dashboard-summary-content[b-mzmh66avvk] {
    min-width: 0;
}

.notiq-dashboard-summary-label[b-mzmh66avvk] {
    display: block;
    color: var(--notiq-text-secondary);
    font-weight: 550;
}

.notiq-dashboard-summary-value[b-mzmh66avvk] {
    display: block;
    margin: 0.1rem 0;
    color: var(--notiq-text-primary);
    font-weight: 650;
    letter-spacing: -0.025em;
}


/* =========================================================
   COST & USAGE
   ========================================================= */

.notiq-dashboard-cost-card[b-mzmh66avvk],
.notiq-dashboard-health-card[b-mzmh66avvk] {
    min-height: 390px;
}

.notiq-dashboard-cost-total[b-mzmh66avvk] {
    margin: 0.15rem 0 0;
    color: var(--notiq-primary);
    font-weight: 650;
    letter-spacing: -0.025em;
}

.notiq-dashboard-cost-layout[b-mzmh66avvk] {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(170px, 0.7fr);
    align-items: center;
    gap: 1rem;
    min-height: 300px;
    margin-top: 0.5rem;
}

.notiq-dashboard-cost-chart[b-mzmh66avvk] {
    width: 100%;
    height: 285px;
}

    .notiq-dashboard-cost-chart[b-mzmh66avvk]  .rz-chart {
        width: 100%;
        height: 100%;
    }

.notiq-dashboard-cost-summary[b-mzmh66avvk] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.notiq-dashboard-cost-stat[b-mzmh66avvk] {
    padding-bottom: 0.9rem;
    border-bottom: 1px solid var(--notiq-border);
}

.notiq-dashboard-cost-stat-value[b-mzmh66avvk] {
    margin: 0.25rem 0 0;
    color: var(--notiq-text-primary);
    font-weight: 650;
}

.notiq-dashboard-cost-note[b-mzmh66avvk] {
    line-height: 1.45;
}


/* =========================================================
   COMMUNICATION HEALTH
   ========================================================= */

.notiq-dashboard-health-list[b-mzmh66avvk] {
    display: flex;
    flex-direction: column;
    gap: 1.35rem;
    padding-top: 1.5rem;
}

.notiq-dashboard-health-row[b-mzmh66avvk] {
    display: block;
}

.notiq-dashboard-health-heading[b-mzmh66avvk] {
    margin-bottom: 0.45rem;
}

.notiq-dashboard-health-label[b-mzmh66avvk] {
    font-weight: 550;
}

.notiq-dashboard-health-value[b-mzmh66avvk] {
    color: var(--notiq-text-secondary);
    font-weight: 600;
}

.notiq-dashboard-health-row[b-mzmh66avvk]  .rz-progressbar {
    height: 0.55rem;
    overflow: hidden;
    border-radius: 999px;
}

.notiq-dashboard-health-row[b-mzmh66avvk]  .rz-progressbar-value {
    border-radius: 999px;
}


/* =========================================================
   RECENT COMMUNICATION
   ========================================================= */

.notiq-dashboard-logs-card[b-mzmh66avvk] {
    padding: 0;
    overflow: hidden;
}

.notiq-dashboard-logs-header[b-mzmh66avvk] {
    padding: 1rem 1rem 0.85rem;
}

.notiq-dashboard-grid[b-mzmh66avvk] {
    border-top: 1px solid var(--notiq-border);
}

    .notiq-dashboard-grid[b-mzmh66avvk]  .rz-datatable {
        border: 0;
    }

    .notiq-dashboard-grid[b-mzmh66avvk]  .rz-datatable-header,
    .notiq-dashboard-grid[b-mzmh66avvk]  .rz-datatable-thead > tr > th {
        background: var(--notiq-surface);
    }

.notiq-dashboard-subject[b-mzmh66avvk] {
    display: block;
    max-width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--notiq-text-primary);
}


/* =========================================================
   EMPTY STATE
   ========================================================= */

.notiq-dashboard-empty[b-mzmh66avvk] {
    display: flex;
    min-height: 280px;
    padding: 1.5rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    text-align: center;
}

.notiq-dashboard-empty-icon[b-mzmh66avvk] {
    display: inline-flex;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.15rem;
    border-radius: 50%;
    color: var(--notiq-text-secondary);
    background: var(--notiq-surface-muted);
}

    .notiq-dashboard-empty-icon > .rz-icon[b-mzmh66avvk] {
        font-size: 1.4rem;
    }

.notiq-dashboard-empty-title[b-mzmh66avvk] {
    margin: 0;
    color: var(--notiq-text-primary);
}

.notiq-dashboard-empty-description[b-mzmh66avvk] {
    max-width: 390px;
}


/* =========================================================
   RADZEN CARD SAFETY
   Dashboard cards intentionally remain restrained.
   ========================================================= */

.notiq-dashboard[b-mzmh66avvk]  .rz-card.rz-variant-outlined,
.notiq-dashboard[b-mzmh66avvk]  .rz-card.rz-variant-outlined:hover {
    box-shadow: none !important;
    transform: none !important;
}


/* =========================================================
   LAPTOP / TABLET
   ========================================================= */

@media (max-width: 1199px) {

    .notiq-dashboard-panel[b-mzmh66avvk] {
        min-height: 360px;
    }

    .notiq-dashboard-cost-layout[b-mzmh66avvk] {
        grid-template-columns: minmax(0, 1fr);
    }

    .notiq-dashboard-cost-summary[b-mzmh66avvk] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1rem;
    }

    .notiq-dashboard-cost-note[b-mzmh66avvk] {
        grid-column: 1 / -1;
    }

    .notiq-dashboard-cost-stat[b-mzmh66avvk] {
        padding: 0.85rem;
        border: 1px solid var(--notiq-border);
        border-radius: var(--notiq-radius-md);
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .notiq-dashboard-skeleton-panel-header[b-mzmh66avvk] {
        flex-direction: column;
    }

    .notiq-dashboard-skeleton-donut[b-mzmh66avvk] {
        min-height: 250px;
    }


    .notiq-dashboard-header[b-mzmh66avvk] {
        align-items: stretch;
        flex-direction: column;
    }

    .notiq-dashboard-actions[b-mzmh66avvk] {
        width: 100%;
    }

        .notiq-dashboard-actions[b-mzmh66avvk]  .rz-button {
            flex: 1 1 0;
        }

    .notiq-dashboard-kpi-card[b-mzmh66avvk] {
        min-height: 154px;
    }

    .notiq-dashboard-panel-header[b-mzmh66avvk] {
        flex-direction: column;
    }

    .notiq-dashboard-panel-meta[b-mzmh66avvk] {
        width: 100%;
        text-align: left;
    }

    .notiq-dashboard-performance-card[b-mzmh66avvk],
    .notiq-dashboard-delivery-card[b-mzmh66avvk],
    .notiq-dashboard-cost-card[b-mzmh66avvk],
    .notiq-dashboard-health-card[b-mzmh66avvk] {
        min-height: 340px;
    }

    .notiq-dashboard-main-chart[b-mzmh66avvk] {
        height: 275px;
    }

        .notiq-dashboard-main-chart[b-mzmh66avvk]  .rz-chart {
            height: 275px;
        }

    .notiq-dashboard-donut[b-mzmh66avvk] {
        height: 270px;
    }

    .notiq-dashboard-cost-chart[b-mzmh66avvk] {
        height: 260px;
    }

    .notiq-dashboard-cost-summary[b-mzmh66avvk] {
        grid-template-columns: minmax(0, 1fr);
    }

    .notiq-dashboard-cost-note[b-mzmh66avvk] {
        grid-column: auto;
    }

    .notiq-dashboard-summary-card[b-mzmh66avvk] {
        min-height: 104px;
    }

    .notiq-dashboard-logs-header[b-mzmh66avvk] {
        flex-direction: column;
        align-items: stretch;
    }

        .notiq-dashboard-logs-header[b-mzmh66avvk]  .rz-button {
            align-self: flex-start;
        }

    .notiq-dashboard-subject[b-mzmh66avvk] {
        max-width: 180px;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 479px) {

    .notiq-dashboard-actions[b-mzmh66avvk] {
        flex-direction: column;
        align-items: stretch !important;
    }

        .notiq-dashboard-actions[b-mzmh66avvk]  .rz-button {
            width: 100%;
        }

    .notiq-dashboard-kpi-value[b-mzmh66avvk] {
        font-size: 2rem;
    }

    .notiq-dashboard-main-chart[b-mzmh66avvk] {
        height: 245px;
    }

        .notiq-dashboard-main-chart[b-mzmh66avvk]  .rz-chart {
            height: 245px;
        }

    .notiq-dashboard-donut[b-mzmh66avvk] {
        height: 245px;
    }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .notiq-dashboard *[b-mzmh66avvk],
    .notiq-dashboard *[b-mzmh66avvk]::before,
    .notiq-dashboard *[b-mzmh66avvk]::after {
        scroll-behavior: auto !important;
    }
}
/* /Components/Pages/Log/CommunicationLogExpandedDetail.razor.rz.scp.css */
.communication-log-expanded[b-2qjuegr7ez] {
    container-type: inline-size;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 1rem 1.125rem 1.125rem;
    overflow: hidden;
    box-sizing: border-box;
    border-top: 1px solid var(--rz-base-300);
    background: var(--rz-base-100);
}

    .communication-log-expanded *[b-2qjuegr7ez],
    .communication-log-expanded *[b-2qjuegr7ez]::before,
    .communication-log-expanded *[b-2qjuegr7ez]::after {
        box-sizing: border-box;
    }


/* =========================================================
   MAIN LAYOUT
   ========================================================= */

.log-detail-layout[b-2qjuegr7ez] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.85fr);
    align-items: start;
    gap: 1.25rem;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}


/* =========================================================
   LIFECYCLE
   ========================================================= */

.log-detail-lifecycle[b-2qjuegr7ez] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.log-detail-title[b-2qjuegr7ez] {
    margin: 0;
    font-weight: 650;
}


/* =========================================================
   RADZEN TIMELINE
   ========================================================= */

.log-detail-timeline[b-2qjuegr7ez] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

    .log-detail-timeline[b-2qjuegr7ez]  .rz-timeline-item {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .log-detail-timeline[b-2qjuegr7ez]  .rz-timeline-content {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        padding-inline-start: 0.8rem;
    }

    .log-detail-timeline[b-2qjuegr7ez]  .rz-timeline-point {
        flex: 0 0 auto;
    }

    .log-detail-timeline[b-2qjuegr7ez]  .rz-timeline-line {
        opacity: 1;
    }

    .log-detail-timeline[b-2qjuegr7ez]  * {
        min-width: 0;
    }

/* =========================================================
   TIMELINE
   ========================================================= */

.log-detail-timeline[b-2qjuegr7ez] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

    .log-detail-timeline[b-2qjuegr7ez]  .rz-timeline-item {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .log-detail-timeline[b-2qjuegr7ez]  .rz-timeline-content {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        padding-inline-start: 0.8rem;
    }

    .log-detail-timeline[b-2qjuegr7ez]  .rz-timeline-point {
        flex: 0 0 auto;
        width: 24px;
        min-width: 24px;
        background: transparent;
        border: 0;
        box-shadow: none;
    }

    .log-detail-timeline[b-2qjuegr7ez]  .rz-timeline-line {
        opacity: 1;
        background: var(--notiq-border);
    }

    .log-detail-timeline[b-2qjuegr7ez]  * {
        min-width: 0;
    }


/* =========================================================
   TIMELINE ICONS
   Radzen/Material filled icons — no custom circles.
   ========================================================= */

.log-timeline-icon[b-2qjuegr7ez] {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    background: var(--rz-base-100);
}

.log-timeline-icon-info[b-2qjuegr7ez] {
    color: var(--rz-info);
}

.log-timeline-icon-primary[b-2qjuegr7ez] {
    color: var(--rz-primary);
}

.log-timeline-icon-success[b-2qjuegr7ez] {
    color: var(--rz-success);
}

.log-timeline-icon-warning[b-2qjuegr7ez] {
    color: var(--rz-warning);
}

.log-timeline-icon-danger[b-2qjuegr7ez] {
    color: var(--rz-danger);
}

.log-timeline-icon-neutral[b-2qjuegr7ez] {
    color: var(--rz-text-secondary-color);
}


/* =========================================================
   TIMELINE EVENT
   ========================================================= */

.log-detail-event[b-2qjuegr7ez] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 0 0 1rem;
}

.log-detail-event-header[b-2qjuegr7ez] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.45rem;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.log-detail-event-title[b-2qjuegr7ez] {
    font-weight: 650;
}

.log-detail-event-description[b-2qjuegr7ez] {
    margin-top: 0.2rem;
    line-height: 1.45;
}


/* =========================================================
   METADATA
   ========================================================= */

.log-detail-metadata[b-2qjuegr7ez] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.log-detail-metadata-card[b-2qjuegr7ez] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    box-shadow: none;
}

.log-detail-metadata-header[b-2qjuegr7ez] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}


/* =========================================================
   FIELDS
   ========================================================= */

.log-detail-field[b-2qjuegr7ez] {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.log-detail-field-value[b-2qjuegr7ez] {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    font-weight: 600;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}


/* =========================================================
   TEXT SAFETY
   ========================================================= */

.log-detail-text[b-2qjuegr7ez] {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}


/* =========================================================
   ERROR
   ========================================================= */

.log-detail-error[b-2qjuegr7ez] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
}

    .log-detail-error[b-2qjuegr7ez]  .rz-alert-content {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: break-word;
    }


/* =========================================================
   ACTIONS
   ========================================================= */

.log-detail-actions[b-2qjuegr7ez] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.5rem;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}


/* =========================================================
   RESPONSIVE TO ACTUAL EXPANDED ROW WIDTH
   ========================================================= */

@container (max-width: 1050px) {

    .log-detail-layout[b-2qjuegr7ez] {
        grid-template-columns: minmax(0, 1fr);
    }
}


@container (max-width: 600px) {

    .communication-log-expanded[b-2qjuegr7ez] {
        padding: 0.875rem;
    }

    .log-detail-layout[b-2qjuegr7ez] {
        gap: 1rem;
    }

    .log-detail-actions[b-2qjuegr7ez] {
        align-items: stretch;
        flex-direction: column;
    }

        .log-detail-actions[b-2qjuegr7ez]  .rz-button {
            width: 100%;
        }
}
/* /Components/Pages/Log/CommunicationLogs.razor.rz.scp.css */
.communication-logs-state-card[b-aaxwbgk82y],
.communication-logs-grid-card[b-aaxwbgk82y] {
    border-color: var(--notiq-border);
    background: var(--notiq-surface);
    box-shadow: none;
    overflow: hidden;
}

.communication-logs-grid-card[b-aaxwbgk82y] {
    padding: 0;
}

.communication-logs-view-toggle[b-aaxwbgk82y] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px;
    border: 1px solid var(--rz-base-300);
    border-radius: 10px;
    background: var(--rz-base-100);
}

.communication-logs-filters[b-aaxwbgk82y] {
    flex: 1 1 760px;
}

.communication-logs-filter-search[b-aaxwbgk82y] {
    width: min(330px, 100%);
    min-height: 38px;
}

.communication-logs-filter-channel[b-aaxwbgk82y] {
    width: 135px;
    min-height: 38px;
}

.communication-logs-filter-provider[b-aaxwbgk82y] {
    width: 150px;
    min-height: 38px;
}

.communication-logs-filter-status[b-aaxwbgk82y] {
    width: 140px;
    min-height: 38px;
}

.communication-logs-filter-date[b-aaxwbgk82y] {
    width: 145px;
    min-height: 38px;
}

.communication-logs-grid-scroll[b-aaxwbgk82y] {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

[b-aaxwbgk82y] .communication-logs-grid {
    min-width: 980px;
    width: 100%;
    border: 0;
    box-shadow: none;
}

.communication-logs-recipient-row[b-aaxwbgk82y],
.communication-logs-cell-row[b-aaxwbgk82y],
.communication-logs-actions-row[b-aaxwbgk82y] {
    min-height: 58px;
    display: flex;
    align-items: center;
}

.communication-logs-recipient-row[b-aaxwbgk82y] {
    gap: 10px;
}

.communication-logs-actions-row[b-aaxwbgk82y] {
    justify-content: flex-end;
    gap: 2px;
}

.communication-logs-row-cancelled[b-aaxwbgk82y] {
    opacity: .46;
    filter: saturate(.4);
}

.communication-logs-row-failed[b-aaxwbgk82y] {
    opacity: .94;
}

.communication-logs-recipient-avatar[b-aaxwbgk82y] {
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 9px;
    background: var(--rz-base-200);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .7rem;
    font-weight: 700;
}

.communication-logs-recipient-copy[b-aaxwbgk82y] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.communication-logs-recipient-name[b-aaxwbgk82y],
.communication-logs-recipient-address[b-aaxwbgk82y],
.communication-logs-reference[b-aaxwbgk82y],
.communication-logs-error-text[b-aaxwbgk82y],
.communication-logs-result-text[b-aaxwbgk82y] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.communication-logs-recipient-name[b-aaxwbgk82y] {
    font-size: .77rem;
    font-weight: 650;
}

.communication-logs-recipient-address[b-aaxwbgk82y] {
    font-size: .63rem;
    opacity: .52;
}

.communication-logs-reference[b-aaxwbgk82y] {
    font-size: .58rem;
    opacity: .38;
}

.communication-logs-channel-icon[b-aaxwbgk82y] {
    width: 30px;
    height: 30px;
    min-width: 30px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.communication-logs-channel-icon-whatsapp[b-aaxwbgk82y] {
    background: #e7f8ed;
    color: #22c55e;
}

.communication-logs-channel-icon-sms[b-aaxwbgk82y] {
    background: #e8f2ff;
    color: #1685d8;
}

.communication-logs-channel-icon-email[b-aaxwbgk82y] {
    background: #f2ecff;
    color: #7c3aed;
}

.communication-logs-channel-icon-default[b-aaxwbgk82y] {
    background: var(--rz-base-200);
    color: var(--rz-text-color);
}

.communication-logs-channel-glyph[b-aaxwbgk82y] {
    font-size: 16px;
}

.communication-logs-time-copy[b-aaxwbgk82y] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.communication-logs-primary-time[b-aaxwbgk82y] {
    font-size: .69rem;
    font-weight: 550;
}

.communication-logs-queue-time-hint[b-aaxwbgk82y] {
    font-size: .61rem;
    opacity: .48;
}

.communication-logs-created-time[b-aaxwbgk82y] {
    font-size: .59rem;
    opacity: .38;
}

.communication-logs-error-result[b-aaxwbgk82y] {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 7px;
    color: var(--rz-danger);
}

.communication-logs-error-icon[b-aaxwbgk82y] {
    margin-top: 1px;
    font-size: 16px;
}

.communication-logs-error-text[b-aaxwbgk82y] {
    display: block;
    max-width: 220px;
    font-size: .67rem;
    line-height: 1.35;
}

.communication-logs-result-text[b-aaxwbgk82y] {
    display: block;
    max-width: 225px;
    font-size: .67rem;
    opacity: .56;
}

.communication-logs-skeleton[b-aaxwbgk82y] {
    width: 100%;
    overflow: hidden;
}

.communication-logs-skeleton-header[b-aaxwbgk82y],
.communication-logs-skeleton-row[b-aaxwbgk82y] {
    display: grid;
    grid-template-columns: minmax(230px, 2fr) minmax(90px, 0.75fr) minmax(110px, 0.9fr) minmax(170px, 1.4fr) minmax(230px, 1.9fr);
    align-items: center;
    gap: 1rem;
    min-width: 980px;
    padding: 0 1rem;
}

.communication-logs-skeleton-header[b-aaxwbgk82y] {
    min-height: 46px;
    border-bottom: 1px solid var(--notiq-border);
}

.communication-logs-skeleton-row[b-aaxwbgk82y] {
    min-height: 58px;
    border-bottom: 1px solid var(--notiq-border);
}

    .communication-logs-skeleton-row:last-child[b-aaxwbgk82y] {
        border-bottom: 0;
    }

.communication-logs-skeleton-recipient[b-aaxwbgk82y] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
}

.communication-logs-skeleton-lines[b-aaxwbgk82y] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    width: 100%;
    min-width: 0;
}


/* =========================================================
   DATA GRID WIDTH SAFETY
   Prevent long expanded content from increasing table width.
   ========================================================= */

[b-aaxwbgk82y] .rz-data-grid,
[b-aaxwbgk82y] .rz-datatable {
    width: 100%;
    max-width: 100%;
}

    [b-aaxwbgk82y] .rz-data-grid table,
    [b-aaxwbgk82y] .rz-datatable table,
    [b-aaxwbgk82y] table.rz-grid-table {
        width: 100%;
        table-layout: fixed;
    }

    [b-aaxwbgk82y] .rz-data-grid td,
    [b-aaxwbgk82y] .rz-datatable td {
        min-width: 0;
        max-width: 100%;
    }


/* =========================================================
   EXPANDED ROW
   Radzen grid cells normally prefer single-line content.
   Expanded templates must be allowed to wrap and shrink.
   ========================================================= */

[b-aaxwbgk82y] tr[class*="expanded"] > td,
[b-aaxwbgk82y] td[class*="expanded"],
[b-aaxwbgk82y] .rz-expanded-row-content {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 0;
    overflow: hidden;
    white-space: normal !important;
}

    [b-aaxwbgk82y] tr[class*="expanded"] .rz-cell-data,
    [b-aaxwbgk82y] td[class*="expanded"] .rz-cell-data,
    [b-aaxwbgk82y] .rz-expanded-row-content .rz-cell-data {
        display: block;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow: hidden !important;
        text-overflow: clip !important;
        white-space: normal !important;
    }

    [b-aaxwbgk82y] tr[class*="expanded"] *,
    [b-aaxwbgk82y] td[class*="expanded"] *,
    [b-aaxwbgk82y] .rz-expanded-row-content * {
        min-width: 0;
        max-width: 100%;
    }


/* =========================================================
   NORMAL GRID CELLS
   Keep standard rows compact.
   ========================================================= */

[b-aaxwbgk82y] .rz-data-grid tbody tr:not([class*="expanded"]) td,
[b-aaxwbgk82y] .rz-datatable tbody tr:not([class*="expanded"]) td {
    overflow: hidden;
}

@media (max-width: 768px) {
    .communication-logs-state-card[b-aaxwbgk82y] {
        overflow-x: auto;
    }

    .communication-logs-filters[b-aaxwbgk82y] {
        flex-basis: 100%;
    }

    .communication-logs-filter-search[b-aaxwbgk82y] {
        width: 100%;
    }
}
/* /Components/Pages/Provider/ProviderConfigureDialog.razor.rz.scp.css */
.provider-config-dialog[b-uhznfd2glc] {
    width: 100%;
}

.provider-config-title[b-uhznfd2glc] {
    margin: 0;
    font-weight: 650;
    letter-spacing: -0.025em;
}

.provider-config-info-icon[b-uhznfd2glc] {
    flex: 0 0 auto;
    color: var(--notiq-primary);
}

.provider-config-tabs[b-uhznfd2glc] {
    width: 100%;
}

.provider-config-tab-content[b-uhznfd2glc] {
    padding-top: 1rem;
}

.provider-config-field[b-uhznfd2glc],
.provider-config-control[b-uhznfd2glc] {
    width: 100%;
}

.provider-config-section-title[b-uhznfd2glc],
.provider-config-setting-title[b-uhznfd2glc] {
    font-weight: 650;
}

.provider-config-divider[b-uhznfd2glc] {
    width: 100%;
    height: 1px;
    background: var(--notiq-border);
}

.provider-config-toggle[b-uhznfd2glc] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.18rem;
    min-width: 0;
}

.provider-config-toggle-heading[b-uhznfd2glc] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
}

.provider-config-toggle-description[b-uhznfd2glc] {
    max-width: 620px;
    line-height: 1.4;
}

[b-uhznfd2glc] .provider-config-switch {
    transform: scale(0.78);
    transform-origin: left center;
    margin-right: -0.35rem;
}

.provider-config-actions[b-uhznfd2glc] {
    width: 100%;
    padding-top: 1rem;
    border-top: 1px solid var(--notiq-border);
}

@media (max-width: 640px) {
    .provider-config-toggle-heading[b-uhznfd2glc] {
        gap: 0.45rem;
    }

    [b-uhznfd2glc] .provider-config-switch {
        transform: scale(0.74);
    }

    .provider-config-actions[b-uhznfd2glc] {
        justify-content: stretch !important;
    }

        .provider-config-actions > *[b-uhznfd2glc] {
            flex: 1 1 100%;
        }
}
/* /Components/Pages/Provider/ProviderSettings.razor.rz.scp.css */
.provider-settings-page[b-cef4k84vci] {
    width: 100%;
}

.provider-settings-title[b-cef4k84vci] {
    margin: 0;
    font-weight: 650;
    letter-spacing: -0.035em;
}

.provider-filter-card[b-cef4k84vci],
.provider-state-card[b-cef4k84vci],
.provider-card[b-cef4k84vci],
.provider-skeleton-card[b-cef4k84vci] {
    border-color: var(--notiq-border);
    background: var(--notiq-surface);
    box-shadow: none;
}

.provider-filter-card[b-cef4k84vci] {
    padding: 0.85rem 1rem;
}

.provider-search[b-cef4k84vci] {
    width: min(360px, 100%);
    min-height: 38px;
}

.provider-state-card[b-cef4k84vci] {
    overflow: hidden;
}

.provider-card-grid[b-cef4k84vci] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1rem;
    align-items: stretch;
}

.provider-card[b-cef4k84vci],
.provider-skeleton-card[b-cef4k84vci] {
    min-width: 0;
    min-height: 220px;
}

.provider-card[b-cef4k84vci] {
    transition: border-color 120ms ease, box-shadow 120ms ease, transform 120ms ease;
}

    .provider-card:hover[b-cef4k84vci] {
        border-color: var(--rz-base-400);
        transform: translateY(-1px);
    }

.provider-card-disabled[b-cef4k84vci] {
    opacity: 0.72;
    background: var(--rz-base-100);
}

.provider-card-content[b-cef4k84vci] {
    height: 100%;
}

.provider-card-heading[b-cef4k84vci] {
    min-width: 0;
    flex: 1 1 auto;
}

.provider-card-icon[b-cef4k84vci] {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.provider-card-icon-whatsapp[b-cef4k84vci] {
    background: #e7f8ed;
    color: #22c55e;
}

.provider-card-icon-twilio[b-cef4k84vci] {
    background: #fff0f2;
    color: #e11d48;
}

.provider-card-icon-msg91[b-cef4k84vci] {
    background: #e8f2ff;
    color: #1685d8;
}

.provider-card-icon-smtp[b-cef4k84vci] {
    background: #f2ecff;
    color: #7c3aed;
}

.provider-card-icon-default[b-cef4k84vci] {
    background: var(--rz-base-200);
    color: var(--rz-text-color);
}

.provider-card-icon-glyph[b-cef4k84vci] {
    font-size: 19px;
}

.provider-card-copy[b-cef4k84vci] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.provider-card-name[b-cef4k84vci],
.provider-card-subtitle[b-cef4k84vci],
.provider-info-value[b-cef4k84vci] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.provider-card-name[b-cef4k84vci] {
    font-size: .86rem;
    font-weight: 650;
    line-height: 1.3;
}

.provider-card-subtitle[b-cef4k84vci] {
    font-size: .63rem;
    color: var(--rz-text-color);
    opacity: .55;
}

.provider-card-metrics[b-cef4k84vci] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem 1rem;
    padding: 0.95rem 0;
    border-top: 1px solid var(--notiq-border);
    border-bottom: 1px solid var(--notiq-border);
}

.provider-info[b-cef4k84vci] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.3rem;
}

.provider-info-label[b-cef4k84vci] {
    font-size: .58rem;
    font-weight: 650;
    text-transform: uppercase;
    letter-spacing: .045em;
    color: var(--rz-text-color);
    opacity: .55;
}

.provider-info-value[b-cef4k84vci] {
    max-width: 100%;
    font-size: .7rem;
    font-weight: 500;
    line-height: 1.35;
}

.provider-card-footer[b-cef4k84vci] {
    margin-top: auto;
}

.provider-readonly-note[b-cef4k84vci] {
    max-width: 220px;
    line-height: 1.35;
}

.provider-skeleton-heading[b-cef4k84vci] {
    min-width: 0;
    flex: 1 1 auto;
}

.provider-skeleton-copy[b-cef4k84vci] {
    min-width: 0;
}

.provider-skeleton-metrics[b-cef4k84vci] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem 1rem;
    padding: 0.95rem 0;
    border-top: 1px solid var(--notiq-border);
    border-bottom: 1px solid var(--notiq-border);
}

@media (max-width: 768px) {
    .provider-search[b-cef4k84vci] {
        width: 100%;
    }

    .provider-card-grid[b-cef4k84vci] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .provider-card-metrics[b-cef4k84vci],
    .provider-skeleton-metrics[b-cef4k84vci] {
        grid-template-columns: 1fr;
    }

    .provider-card-footer[b-cef4k84vci] {
        align-items: flex-start !important;
        flex-direction: column;
    }

    .provider-readonly-note[b-cef4k84vci] {
        max-width: 100%;
    }
}
/* /Components/Pages/Provider/ProviderTestDialog.razor.rz.scp.css */
.provider-test-dialog[b-j07prm6myi] {
    width: 100%;
}

.provider-test-title[b-j07prm6myi] {
    margin: 0;
    font-weight: 650;
    letter-spacing: -0.025em;
}

.provider-test-avatar[b-j07prm6myi] {
    width: 48px;
    height: 48px;
    min-width: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.provider-test-avatar-email[b-j07prm6myi] {
    background: var(--rz-primary-lighter);
    color: var(--rz-primary);
}

.provider-test-avatar-sms[b-j07prm6myi] {
    background: var(--rz-info-lighter);
    color: var(--rz-info);
}

.provider-test-avatar-whatsapp[b-j07prm6myi] {
    background: var(--rz-success-lighter);
    color: var(--rz-success);
}

.provider-test-avatar-default[b-j07prm6myi] {
    background: var(--rz-base-200);
    color: var(--rz-text-color);
}

.provider-test-avatar-icon[b-j07prm6myi] {
    font-size: 1.5rem;
}

.provider-test-info-icon[b-j07prm6myi] {
    flex: 0 0 auto;
    color: var(--notiq-primary);
}

.provider-test-field[b-j07prm6myi],
.provider-test-control[b-j07prm6myi] {
    width: 100%;
}

.provider-test-message[b-j07prm6myi] {
    resize: vertical;
}

.provider-test-actions[b-j07prm6myi] {
    width: 100%;
    padding-top: 1rem;
    border-top: 1px solid var(--notiq-border);
}

@media (max-width: 520px) {
    .provider-test-actions[b-j07prm6myi] {
        justify-content: stretch !important;
    }

        .provider-test-actions > *[b-j07prm6myi] {
            flex: 1 1 100%;
        }
}
/* /Components/Pages/QuickSend/QuickSendChannelBar.razor.rz.scp.css */
.notiq-channel-bar[b-9f11vsywjr] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.notiq-channel-option[b-9f11vsywjr] {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0 0.7rem;
    color: var(--notiq-text-secondary);
    border: 1px solid var(--notiq-border);
    border-radius: var(--notiq-radius-md);
    background: var(--notiq-surface);
    font: inherit;
    font-size: 0.74rem;
    font-weight: 600;
    cursor: pointer;
}

.notiq-channel-option.is-selected[b-9f11vsywjr] {
    color: var(--notiq-primary);
    border-color: var(--notiq-primary);
    background: var(--notiq-primary-soft);
}

.notiq-channel-option:disabled[b-9f11vsywjr] {
    cursor: not-allowed;
}

.notiq-channel-option:focus-visible[b-9f11vsywjr] {
    outline: 2px solid var(--notiq-primary);
    outline-offset: 2px;
}

.notiq-channel-hold[b-9f11vsywjr] {
    padding: 0.15rem 0.35rem;
    color: var(--notiq-text-tertiary);
    border: 1px solid var(--notiq-border);
    border-radius: 999px;
    background: var(--notiq-surface-soft);
    font-size: 0.6rem;
    line-height: 1;
}
/* /Components/Pages/QuickSend/QuickSendChat.razor.rz.scp.css */
.notiq-preview-shell[b-i4q6quml9x] {
    min-height: 440px;
    display: flex;
    flex-direction: column;
}

.notiq-preview-empty[b-i4q6quml9x] {
    flex: 1 1 auto;
    min-height: 340px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    padding: 1.5rem;
    text-align: center;
}

.notiq-preview-empty-icon[b-i4q6quml9x] {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    color: var(--notiq-primary);
    border-radius: 50%;
    background: var(--notiq-primary-soft);
}

.notiq-preview-empty-title[b-i4q6quml9x] {
    margin: 0;
    font-weight: 650;
}

.notiq-preview-empty-copy[b-i4q6quml9x] {
    max-width: 360px;
}

.notiq-preview-recipient-head[b-i4q6quml9x] {
    flex: 0 0 auto;
    padding: 0.7rem 0;
    border-bottom: 1px solid var(--notiq-border);
}

.notiq-preview-recipient-copy[b-i4q6quml9x] {
    min-width: 0;
}

.notiq-preview-recipient-name[b-i4q6quml9x] {
    overflow: hidden;
    max-width: 260px;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notiq-preview-content[b-i4q6quml9x] {
    min-width: 0;
    flex: 1 1 auto;
    padding-top: 0.9rem;
    overflow: auto;
}
/* /Components/Pages/QuickSend/QuickSendEditor.razor.rz.scp.css */
.notiq-quick-editor[b-ngd6rkkxfe] {
    position: relative;
    width: 100%;
}

.notiq-editor-row[b-ngd6rkkxfe] {
    display: flex;
    align-items: flex-end;
    gap: 0.65rem;
}

.notiq-editor-template-field[b-ngd6rkkxfe] {
    min-width: 0;
    flex: 1 1 auto;
}

.notiq-editor-utility-actions[b-ngd6rkkxfe] {
    flex: 0 0 auto;
    padding-bottom: 0.15rem;
}

.notiq-template-trigger[b-ngd6rkkxfe] {
    width: 100%;
    min-height: 39px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0 0.7rem;
    color: var(--notiq-text-primary);
    border: 0;
    background: transparent;
    font: inherit;
    font-size: 0.76rem;
    cursor: pointer;
}

.notiq-template-trigger > span[b-ngd6rkkxfe] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notiq-editor-popover[b-ngd6rkkxfe] {
    position: absolute;
    z-index: 60;
    left: 0;
    top: 74px;
    width: min(430px, 100%);
    padding: 0.65rem;
    border-color: var(--notiq-border);
    background: var(--notiq-surface);
    box-shadow: var(--notiq-shadow-md);
}

.notiq-template-popover[b-ngd6rkkxfe] {
    max-height: 340px;
    overflow-y: auto;
}

.notiq-variable-popover[b-ngd6rkkxfe],
.notiq-emoji-popover[b-ngd6rkkxfe],
.notiq-schedule-popover[b-ngd6rkkxfe] {
    left: auto;
    right: 0;
}

.notiq-editor-popover-head[b-ngd6rkkxfe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0 0.1rem 0.55rem;
}

.notiq-editor-popover-head strong[b-ngd6rkkxfe] {
    font-size: 0.78rem;
    font-weight: 650;
}

.notiq-template-list[b-ngd6rkkxfe] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.notiq-template-item[b-ngd6rkkxfe] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.65rem;
    color: var(--notiq-text-primary);
    border: 0;
    border-radius: var(--notiq-radius-md);
    background: transparent;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.notiq-template-item:hover[b-ngd6rkkxfe] {
    background: var(--notiq-primary-soft);
}

.notiq-template-item-icon[b-ngd6rkkxfe] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    color: var(--notiq-primary);
    border-radius: var(--notiq-radius-md);
    background: var(--notiq-primary-soft);
}

.notiq-template-item-copy[b-ngd6rkkxfe] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
}

.notiq-template-item-copy strong[b-ngd6rkkxfe] {
    overflow: hidden;
    font-size: 0.76rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notiq-template-item-copy strong em[b-ngd6rkkxfe] {
    margin-left: 0.35rem;
    color: var(--notiq-success);
    font-size: 0.62rem;
    font-style: normal;
}

.notiq-template-item-copy small[b-ngd6rkkxfe] {
    overflow: hidden;
    color: var(--notiq-text-secondary);
    font-size: 0.68rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notiq-template-skeleton[b-ngd6rkkxfe] {
    display: flex;
    flex-direction: column;
}

.notiq-template-skeleton-row[b-ngd6rkkxfe] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.65rem;
}

.notiq-template-skeleton-copy[b-ngd6rkkxfe] {
    min-width: 0;
    flex: 1 1 auto;
}

.notiq-editor-state[b-ngd6rkkxfe] {
    min-height: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 1.2rem;
    color: var(--notiq-text-secondary);
    text-align: center;
}

.notiq-editor-state > .rz-icon[b-ngd6rkkxfe] {
    font-size: 1.3rem;
}

.notiq-editor-state strong[b-ngd6rkkxfe] {
    color: var(--notiq-text-primary);
    font-size: 0.78rem;
}

.notiq-editor-state span[b-ngd6rkkxfe] {
    max-width: 300px;
    font-size: 0.7rem;
}

.notiq-variable-grid[b-ngd6rkkxfe],
.notiq-emoji-grid[b-ngd6rkkxfe] {
    display: grid;
    gap: 0.4rem;
}

.notiq-variable-grid[b-ngd6rkkxfe] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.notiq-emoji-grid[b-ngd6rkkxfe] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.notiq-variable-grid button[b-ngd6rkkxfe],
.notiq-emoji-grid button[b-ngd6rkkxfe] {
    min-height: 34px;
    color: var(--notiq-text-primary);
    border: 1px solid var(--notiq-border);
    border-radius: var(--notiq-radius-md);
    background: var(--notiq-surface-soft);
    font: inherit;
    font-size: 0.73rem;
    cursor: pointer;
}

.notiq-popover-actions[b-ngd6rkkxfe] {
    display: flex;
    justify-content: flex-end;
    gap: 0.4rem;
    margin-top: 0.7rem;
}

.notiq-composer[b-ngd6rkkxfe] {
    overflow: hidden;
    border: 1px solid var(--notiq-border-strong);
    border-radius: var(--notiq-radius-lg);
    background: var(--notiq-surface);
}

.notiq-composer-input[b-ngd6rkkxfe] {
    width: 100%;
    min-height: 220px;
    resize: vertical;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.notiq-composer-chips[b-ngd6rkkxfe] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    padding: 0.55rem 0.65rem;
    border-top: 1px solid var(--notiq-border);
}

.notiq-editor-chip[b-ngd6rkkxfe] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.32rem 0.48rem;
    color: var(--notiq-text-secondary);
    border: 1px solid var(--notiq-border);
    border-radius: 999px;
    background: var(--notiq-surface-soft);
    font-size: 0.68rem;
}

.notiq-editor-chip button[b-ngd6rkkxfe] {
    display: grid;
    place-items: center;
    padding: 0;
    color: inherit;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.notiq-composer-footer[b-ngd6rkkxfe] {
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.6rem 0.7rem;
    border-top: 1px solid var(--notiq-border);
    background: var(--notiq-surface-soft);
}

.notiq-character-count[b-ngd6rkkxfe] {
    color: var(--notiq-text-tertiary);
    font-size: 0.7rem;
    font-weight: 600;
}

.notiq-send-hint[b-ngd6rkkxfe] {
    max-width: 220px;
    color: var(--notiq-text-tertiary);
    text-align: right;
}

@media (max-width: 650px) {
    .notiq-editor-row[b-ngd6rkkxfe] {
        align-items: stretch;
        flex-direction: column;
    }

    .notiq-editor-utility-actions[b-ngd6rkkxfe] {
        justify-content: flex-start;
    }

    .notiq-editor-popover[b-ngd6rkkxfe] {
        top: 116px;
        right: auto;
        width: 100%;
    }

    .notiq-composer-footer[b-ngd6rkkxfe] {
        align-items: stretch;
        flex-direction: column;
    }

    .notiq-composer-footer > .rz-stack[b-ngd6rkkxfe] {
        width: 100%;
        align-items: stretch !important;
        flex-direction: column !important;
    }

    .notiq-send-hint[b-ngd6rkkxfe] {
        max-width: none;
        text-align: left;
    }
}
/* /Components/Pages/QuickSend/QuickSendRecipientPanel.razor.rz.scp.css */
.notiq-recipient-panel[b-fa1yhoeidq] {
    padding: 0.8rem;
    border-color: var(--notiq-border);
    background: var(--notiq-surface-soft);
    box-shadow: none !important;
}

.notiq-recipient-title[b-fa1yhoeidq] {
    font-weight: 650;
}

.notiq-recipient-tabs[b-fa1yhoeidq] {
    width: 100%;
}

.notiq-recipient-list[b-fa1yhoeidq] {
    max-height: 240px;
    overflow-y: auto;
    border: 1px solid var(--notiq-border);
    border-radius: var(--notiq-radius-md);
    background: var(--notiq-surface);
}

.notiq-recipient-row[b-fa1yhoeidq] {
    width: 100%;
    min-height: 54px;
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.6rem 0.7rem;
    color: var(--notiq-text-primary);
    border: 0;
    border-bottom: 1px solid var(--notiq-border);
    background: transparent;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.notiq-recipient-row:last-child[b-fa1yhoeidq] {
    border-bottom: 0;
}

.notiq-recipient-row:hover:not(:disabled)[b-fa1yhoeidq],
.notiq-recipient-row.is-selected[b-fa1yhoeidq] {
    background: var(--notiq-primary-soft);
}

.notiq-recipient-row.is-disabled[b-fa1yhoeidq] {
    opacity: 0.48;
}

.notiq-recipient-row:focus-visible[b-fa1yhoeidq] {
    outline: 2px solid var(--notiq-primary);
    outline-offset: -2px;
}

.notiq-recipient-row-copy[b-fa1yhoeidq] {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.notiq-recipient-row-copy strong[b-fa1yhoeidq] {
    overflow: hidden;
    font-size: 0.78rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notiq-recipient-row-copy small[b-fa1yhoeidq] {
    overflow: hidden;
    color: var(--notiq-text-secondary);
    font-size: 0.69rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notiq-recipient-selected-icon[b-fa1yhoeidq] {
    color: var(--notiq-success);
}

.notiq-recipient-group-icon[b-fa1yhoeidq] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    color: var(--notiq-primary);
    border-radius: var(--notiq-radius-md);
    background: var(--notiq-primary-soft);
}

.notiq-recipient-chevron[b-fa1yhoeidq] {
    color: var(--notiq-text-tertiary);
}

.notiq-recipient-skeleton[b-fa1yhoeidq] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--notiq-border);
    border-radius: var(--notiq-radius-md);
    overflow: hidden;
}

.notiq-recipient-skeleton-row[b-fa1yhoeidq] {
    min-height: 54px;
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.6rem 0.7rem;
    border-bottom: 1px solid var(--notiq-border);
}

.notiq-recipient-skeleton-row:last-child[b-fa1yhoeidq] {
    border-bottom: 0;
}

.notiq-recipient-skeleton-copy[b-fa1yhoeidq] {
    min-width: 0;
    flex: 1 1 auto;
}

.notiq-recipient-state[b-fa1yhoeidq] {
    min-height: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 1.25rem;
    color: var(--notiq-text-secondary);
    border: 1px solid var(--notiq-border);
    border-radius: var(--notiq-radius-md);
    background: var(--notiq-surface);
    text-align: center;
}

.notiq-recipient-state > .rz-icon[b-fa1yhoeidq] {
    font-size: 1.3rem;
}

.notiq-recipient-state strong[b-fa1yhoeidq] {
    color: var(--notiq-text-primary);
    font-size: 0.78rem;
}

.notiq-recipient-state span[b-fa1yhoeidq] {
    max-width: 320px;
    font-size: 0.7rem;
}

.notiq-recipient-pagination[b-fa1yhoeidq] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    color: var(--notiq-text-secondary);
    font-size: 0.7rem;
}

.notiq-manual-validation[b-fa1yhoeidq] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.7rem;
    font-weight: 600;
}

.notiq-manual-validation.is-valid[b-fa1yhoeidq] {
    color: var(--notiq-success);
}

.notiq-manual-validation.is-invalid[b-fa1yhoeidq] {
    color: var(--notiq-danger);
}
/* /Components/Pages/QuickSend/SendMessage.razor.rz.scp.css */
.notiq-quick-page[b-iab6q0xcat] {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    color: var(--notiq-text-primary);
    background: transparent;
}

.notiq-quick-shell[b-iab6q0xcat] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    padding: 0.8rem 1rem 1.25rem;
}

.notiq-quick-header[b-iab6q0xcat] {
    flex: 0 0 auto;
}

.notiq-quick-title[b-iab6q0xcat] {
    margin: 0;
    font-weight: 650;
    letter-spacing: -0.035em;
}

.notiq-provider-strip[b-iab6q0xcat] {
    flex: 0 0 auto;
    min-height: 54px;
    padding: 0.65rem 0.8rem;
    border: 1px solid var(--notiq-border);
    border-radius: var(--notiq-radius-lg);
    background: var(--notiq-surface);
}

.notiq-provider-skeleton-copy[b-iab6q0xcat] {
    min-width: 0;
    flex: 1 1 auto;
}

.notiq-provider-icon[b-iab6q0xcat] {
    width: 34px;
    height: 34px;
    display: inline-grid;
    place-items: center;
    border-radius: var(--notiq-radius-md);
    color: var(--notiq-text-secondary);
    background: var(--notiq-surface-soft);
}

.notiq-provider-icon.is-ready[b-iab6q0xcat] {
    color: var(--notiq-success);
    background: var(--notiq-success-soft);
}

.notiq-provider-icon.is-warning[b-iab6q0xcat] {
    color: var(--notiq-warning);
    background: var(--notiq-warning-soft);
}

.notiq-provider-icon.is-error[b-iab6q0xcat] {
    color: var(--notiq-danger);
    background: var(--notiq-danger-soft);
}

.notiq-quick-grid[b-iab6q0xcat] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.95fr);
    gap: 0.9rem;
    align-items: start;
}

.notiq-compose-card[b-iab6q0xcat],
.notiq-preview-card[b-iab6q0xcat] {
    min-width: 0;
    border: 1px solid var(--notiq-border);
    border-radius: var(--notiq-radius-xl);
    background: var(--notiq-surface);
    box-shadow: none;
}

.notiq-compose-card[b-iab6q0xcat] {
    padding: 1rem;
}

.notiq-compose-content[b-iab6q0xcat] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.notiq-preview-card[b-iab6q0xcat] {
    position: sticky;
    top: 0;
    overflow: hidden;
    padding: 1rem;
}

.notiq-section-title[b-iab6q0xcat] {
    margin: 0;
    font-weight: 650;
}

.notiq-recipient-selector[b-iab6q0xcat] {
    min-height: 62px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid var(--notiq-border);
    border-radius: var(--notiq-radius-lg);
    background: var(--notiq-surface-soft);
}

.notiq-recipient-selector-copy[b-iab6q0xcat] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.notiq-recipient-selector-copy > span:last-child[b-iab6q0xcat] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.notiq-recipient-selector-copy strong[b-iab6q0xcat] {
    overflow: hidden;
    font-size: 0.8rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notiq-recipient-selector-copy small[b-iab6q0xcat] {
    overflow: hidden;
    color: var(--notiq-text-secondary);
    font-size: 0.7rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notiq-recipient-avatar[b-iab6q0xcat] {
    width: 34px;
    min-width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: var(--notiq-primary);
    background: var(--notiq-primary-soft);
    font-size: 0.7rem;
    font-weight: 650;
}

.notiq-preview-card-head[b-iab6q0xcat] {
    flex: 0 0 auto;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--notiq-border);
}

@media (max-width: 1100px) {
    .notiq-quick-grid[b-iab6q0xcat] {
        grid-template-columns: 1fr;
    }

    .notiq-preview-card[b-iab6q0xcat] {
        position: static;
    }
}

@media (max-width: 700px) {
    .notiq-quick-shell[b-iab6q0xcat] {
        padding: 0.65rem 0.7rem 1rem;
    }

    .notiq-recipient-selector[b-iab6q0xcat] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 520px) {
    .notiq-quick-shell[b-iab6q0xcat] {
        gap: 0.7rem;
    }

    .notiq-compose-card[b-iab6q0xcat],
    .notiq-preview-card[b-iab6q0xcat] {
        padding: 0.8rem;
        border-radius: var(--notiq-radius-lg);
    }
}
/* /Components/Pages/Saas/Billing.razor.rz.scp.css */
.billing-page[b-ku68l6w0c4] {
    width: 100%;
}

.billing-title[b-ku68l6w0c4] {
    margin: 0;
    font-weight: 650;
    letter-spacing: -0.035em;
}

.billing-eyebrow[b-ku68l6w0c4] {
    color: var(--notiq-text-tertiary);
    font-size: 0.68rem;
    font-weight: 650;
    letter-spacing: 0.07em;
}

.billing-current-card[b-ku68l6w0c4],
.billing-action-card[b-ku68l6w0c4] {
    border-color: var(--notiq-border);
    background: var(--notiq-surface);
    box-shadow: none !important;
}

.billing-current-plan[b-ku68l6w0c4],
.billing-section-title[b-ku68l6w0c4] {
    margin: 0;
    font-weight: 650;
}

.billing-meta-icon[b-ku68l6w0c4] {
    color: var(--notiq-text-tertiary);
    font-size: 0.9rem;
}

.billing-loading[b-ku68l6w0c4] {
    min-height: 320px;
    padding: 2rem;
}

.billing-inline-action[b-ku68l6w0c4] {
    margin-top: 0.35rem;
}

.billing-action-grid[b-ku68l6w0c4] >  [class*="rz-col"] {
    display: flex;
}

.billing-action-card[b-ku68l6w0c4] {
    width: 100%;
}

.billing-action-content[b-ku68l6w0c4] {
    height: 100%;
}

.billing-action-icon[b-ku68l6w0c4] {
    display: inline-flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: var(--notiq-radius-md);
    color: var(--notiq-primary);
    background: var(--notiq-primary-soft);
}

    .billing-action-icon[b-ku68l6w0c4] >  .rz-icon {
        font-size: 1.2rem;
    }
/* /Components/Pages/Saas/Plans.razor.rz.scp.css */
body[b-hb0rla6gbt] {
}
/* /Components/Pages/Saas/SubscriptionHistoryDialog.razor.rz.scp.css */
.subscription-history-dialog[b-ha7pfqz1me] {
    width: 100%;
    min-width: 0;
}

.subscription-history-card[b-ha7pfqz1me] {
    padding: 0;
    overflow: hidden;
    border-color: var(--notiq-border);
    background: var(--notiq-surface);
    box-shadow: none !important;
}

.subscription-history-grid-shell[b-ha7pfqz1me] {
    width: 100%;
    overflow-x: auto;
}

.subscription-history-grid[b-ha7pfqz1me] {
    min-width: 740px;
    border: 0;
}

.subscription-history-plan[b-ha7pfqz1me] {
    font-weight: 600;
}

.subscription-history-active[b-ha7pfqz1me] {
    color: var(--notiq-success);
    font-weight: 600;
}

.subscription-history-empty[b-ha7pfqz1me] {
    min-height: 220px;
    padding: 2rem;
    text-align: center;
}

.subscription-history-empty-icon[b-ha7pfqz1me] {
    color: var(--notiq-text-tertiary);
    font-size: 2rem;
}
/* /Components/Pages/TeamUser/TeamUsers.razor.rz.scp.css */
.team-users-title[b-x5w0q1552e] {
    margin: 0;
    font-weight: 650;
    letter-spacing: -0.035em;
}

.team-users-eyebrow[b-x5w0q1552e] {
    font-size: 0.68rem;
    font-weight: 650;
    letter-spacing: 0.07em;
    color: var(--notiq-text-tertiary);
}

.team-users-summary-icon[b-x5w0q1552e] {
    font-size: 1.5rem;
    color: var(--notiq-primary);
}

.team-users-search[b-x5w0q1552e] {
    width: 100%;
}

.team-users-status-filter[b-x5w0q1552e] {
    width: 150px;
}

.team-users-grid-card[b-x5w0q1552e] {
    padding: 0;
    overflow: hidden;
}

.team-users-grid-header[b-x5w0q1552e] {
    min-height: 44px;
    padding: 0.65rem 1rem;
    border-bottom: 1px solid var(--notiq-border);
}

.team-users-grid[b-x5w0q1552e] {
    border: 0;
}

.team-users-loading[b-x5w0q1552e],
.team-users-empty[b-x5w0q1552e] {
    min-height: 340px;
    padding: 2rem;
    text-align: center;
}

.team-users-empty-icon[b-x5w0q1552e] {
    font-size: 2rem;
    color: var(--notiq-text-tertiary);
}

.team-user-identity[b-x5w0q1552e] {
    min-width: 0;
}

    .team-user-identity.is-inactive[b-x5w0q1552e] {
        opacity: 0.58;
    }

.team-user-avatar[b-x5w0q1552e] {
    display: inline-flex;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--notiq-primary-soft);
    color: var(--notiq-primary);
    font-size: 0.72rem;
    font-weight: 700;
}

.team-user-main[b-x5w0q1552e] {
    min-width: 0;
}

.team-user-name[b-x5w0q1552e],
.team-user-email[b-x5w0q1552e] {
    display: block;
    max-width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.team-user-name[b-x5w0q1552e] {
    font-weight: 600;
}

@media (max-width: 767px) {
    .team-users-status-filter[b-x5w0q1552e] {
        width: 100%;
    }

    .team-user-name[b-x5w0q1552e],
    .team-user-email[b-x5w0q1552e] {
        max-width: 190px;
    }
}
/* /Components/Pages/Template/Templates.razor.rz.scp.css */
.templates-page[b-3odleogq58] {
    width: 100%;
}

.templates-title[b-3odleogq58] {
    margin: 0;
    font-weight: 650;
    letter-spacing: -0.035em;
}

.templates-filter-card[b-3odleogq58],
.templates-state-card[b-3odleogq58],
.template-card[b-3odleogq58],
.template-skeleton-card[b-3odleogq58] {
    border-color: var(--notiq-border);
    background: var(--notiq-surface);
    box-shadow: none;
}

.templates-filter-card[b-3odleogq58] {
    padding: 0.85rem 1rem;
}

.templates-search[b-3odleogq58] {
    width: min(360px, 100%);
    min-height: 38px;
}

.templates-status-filter[b-3odleogq58] {
    width: 130px;
    min-height: 38px;
}

.templates-state-card[b-3odleogq58] {
    overflow: hidden;
}

.templates-card-grid[b-3odleogq58] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1rem;
    align-items: stretch;
}

.template-card[b-3odleogq58],
.template-skeleton-card[b-3odleogq58] {
    min-width: 0;
    min-height: 220px;
}

.template-card[b-3odleogq58] {
    transition: border-color 120ms ease, transform 120ms ease;
}

    .template-card:hover[b-3odleogq58] {
        border-color: var(--rz-base-400);
        transform: translateY(-1px);
    }

.template-card-inactive[b-3odleogq58] {
    opacity: 0.72;
    background: var(--rz-base-100);
}

.template-card-content[b-3odleogq58] {
    height: 100%;
}

.template-card-heading[b-3odleogq58] {
    min-width: 0;
    flex: 1 1 auto;
}

.template-channel-icon[b-3odleogq58] {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.template-channel-icon-whatsapp[b-3odleogq58] {
    background: #e7f8ed;
    color: #22c55e;
}

.template-channel-icon-email[b-3odleogq58] {
    background: #f2ecff;
    color: #7c3aed;
}

.template-channel-icon-sms[b-3odleogq58] {
    background: #e8f2ff;
    color: #1685d8;
}

.template-channel-icon-default[b-3odleogq58] {
    background: var(--rz-base-200);
    color: var(--rz-text-color);
}

.template-channel-glyph[b-3odleogq58] {
    font-size: 19px;
}

.template-card-copy[b-3odleogq58] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.template-card-name[b-3odleogq58],
.template-card-subtitle[b-3odleogq58],
.template-info-value[b-3odleogq58] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.template-card-name[b-3odleogq58] {
    font-size: .86rem;
    font-weight: 650;
    line-height: 1.3;
}

.template-card-subtitle[b-3odleogq58] {
    font-size: .63rem;
    color: var(--rz-text-color);
    opacity: .55;
}

.template-card-metrics[b-3odleogq58] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem 1rem;
    padding: 0.95rem 0;
    border-top: 1px solid var(--notiq-border);
    border-bottom: 1px solid var(--notiq-border);
}

.template-info[b-3odleogq58] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.3rem;
}

.template-info-label[b-3odleogq58] {
    font-size: .58rem;
    font-weight: 650;
    text-transform: uppercase;
    letter-spacing: .045em;
    color: var(--rz-text-color);
    opacity: .5;
}

.template-info-value[b-3odleogq58] {
    max-width: 100%;
    font-size: .7rem;
    font-weight: 500;
    line-height: 1.35;
}

.template-card-preview[b-3odleogq58] {
    min-height: 34px;
    font-size: .7rem;
    line-height: 1.5;
    color: var(--rz-text-color);
    opacity: .62;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.template-card-footer[b-3odleogq58] {
    margin-top: auto;
}

.template-readonly-note[b-3odleogq58] {
    max-width: 220px;
    line-height: 1.35;
}

.template-skeleton-copy[b-3odleogq58] {
    min-width: 0;
    flex: 1 1 auto;
}

@media (max-width: 768px) {
    .templates-search[b-3odleogq58] {
        width: 100%;
    }

    .templates-card-grid[b-3odleogq58] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .template-card-metrics[b-3odleogq58] {
        grid-template-columns: 1fr;
    }

    .template-card-footer[b-3odleogq58] {
        align-items: flex-start !important;
        flex-direction: column;
    }

    .template-readonly-note[b-3odleogq58] {
        max-width: 100%;
    }
}
/* /Components/Pages/Webhook/WebhookEvents.razor.rz.scp.css */
delivery-events-state-card[b-bpw7egb1yp],
.delivery-events-grid-card[b-bpw7egb1yp] {
    border-color: var(--notiq-border);
    background: var(--notiq-surface);
    box-shadow: none;
    overflow: hidden;
}

.delivery-events-grid-card[b-bpw7egb1yp] {
    padding: 0;
}

.delivery-events-filters[b-bpw7egb1yp] {
    flex: 1 1 760px;
}

.delivery-events-filter-search[b-bpw7egb1yp] {
    width: min(330px, 100%);
    min-height: 38px;
}

.delivery-events-filter-provider[b-bpw7egb1yp] {
    width: 150px;
    min-height: 38px;
}

.delivery-events-filter-delivery[b-bpw7egb1yp] {
    width: 140px;
    min-height: 38px;
}

.delivery-events-filter-processing[b-bpw7egb1yp] {
    width: 155px;
    min-height: 38px;
}

.delivery-events-grid-scroll[b-bpw7egb1yp] {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

[b-bpw7egb1yp] .delivery-events-grid {
    min-width: 980px;
    width: 100%;
    border: 0;
    box-shadow: none;
}

.delivery-events-provider-row[b-bpw7egb1yp],
.delivery-events-cell-row[b-bpw7egb1yp],
.delivery-events-actions-row[b-bpw7egb1yp] {
    min-height: 58px;
    display: flex;
    align-items: center;
}

.delivery-events-provider-row[b-bpw7egb1yp] {
    gap: 10px;
}

.delivery-events-actions-row[b-bpw7egb1yp] {
    justify-content: flex-end;
}

.delivery-events-row-attention[b-bpw7egb1yp] {
    opacity: 0.86;
}

.delivery-events-provider-icon[b-bpw7egb1yp] {
    width: 28px;
    height: 28px;
    min-width: 28px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.delivery-events-provider-icon-whatsapp[b-bpw7egb1yp] {
    background: #e7f8ed;
    color: #22c55e;
}

.delivery-events-provider-icon-twilio[b-bpw7egb1yp] {
    background: #fff0f2;
    color: #e11d48;
}

.delivery-events-provider-icon-msg91[b-bpw7egb1yp] {
    background: #e8f2ff;
    color: #1685d8;
}

.delivery-events-provider-icon-smtp[b-bpw7egb1yp] {
    background: #f2ecff;
    color: #7c3aed;
}

.delivery-events-provider-icon-default[b-bpw7egb1yp] {
    background: var(--rz-base-200);
    color: var(--rz-text-color);
}

.delivery-events-provider-icon-glyph[b-bpw7egb1yp] {
    font-size: 16px;
}

.delivery-events-provider-copy[b-bpw7egb1yp],
.delivery-events-processing-copy[b-bpw7egb1yp],
.delivery-events-received-copy[b-bpw7egb1yp] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.delivery-events-provider-copy[b-bpw7egb1yp],
.delivery-events-received-copy[b-bpw7egb1yp] {
    gap: 2px;
}

.delivery-events-processing-copy[b-bpw7egb1yp] {
    gap: 4px;
}

.delivery-events-provider-name[b-bpw7egb1yp],
.delivery-events-provider-message-id[b-bpw7egb1yp],
.delivery-events-event-id[b-bpw7egb1yp],
.delivery-events-processing-message[b-bpw7egb1yp] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.delivery-events-provider-name[b-bpw7egb1yp] {
    font-size: .77rem;
    font-weight: 650;
}

.delivery-events-provider-message-id[b-bpw7egb1yp] {
    max-width: 235px;
    font-family: monospace;
    font-size: .61rem;
    opacity: .52;
}

.delivery-events-event-id[b-bpw7egb1yp] {
    max-width: 235px;
    font-size: .58rem;
    opacity: .36;
}

.delivery-events-processing-time[b-bpw7egb1yp] {
    font-size: .58rem;
    opacity: .4;
}

.delivery-events-processing-message[b-bpw7egb1yp] {
    display: block;
    max-width: 255px;
    font-size: .63rem;
    opacity: .56;
}

.delivery-events-link-icon[b-bpw7egb1yp] {
    font-size: 14px;
    color: var(--rz-primary);
}

.delivery-events-linked-id[b-bpw7egb1yp] {
    font-size: .68rem;
    font-weight: 600;
}

.delivery-events-unlinked[b-bpw7egb1yp] {
    font-size: .63rem;
    opacity: .4;
}

.delivery-events-received-time[b-bpw7egb1yp] {
    font-size: .69rem;
    font-weight: 550;
}

.delivery-events-received-label[b-bpw7egb1yp] {
    font-size: .58rem;
    opacity: .38;
}

.delivery-events-skeleton[b-bpw7egb1yp] {
    width: 100%;
    overflow: hidden;
}

.delivery-events-skeleton-header[b-bpw7egb1yp],
.delivery-events-skeleton-row[b-bpw7egb1yp] {
    display: grid;
    grid-template-columns: minmax(240px, 2.1fr) minmax(110px, 0.9fr) minmax(220px, 1.8fr) minmax(120px, 1fr) minmax(150px, 1.2fr);
    align-items: center;
    gap: 1rem;
    min-width: 980px;
    padding: 0 1rem;
}

.delivery-events-skeleton-header[b-bpw7egb1yp] {
    min-height: 46px;
    border-bottom: 1px solid var(--notiq-border);
}

.delivery-events-skeleton-row[b-bpw7egb1yp] {
    min-height: 58px;
    border-bottom: 1px solid var(--notiq-border);
}

    .delivery-events-skeleton-row:last-child[b-bpw7egb1yp] {
        border-bottom: 0;
    }

.delivery-events-skeleton-provider[b-bpw7egb1yp] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
}

.delivery-events-skeleton-lines[b-bpw7egb1yp] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    width: 100%;
    min-width: 0;
}

@media (max-width: 768px) {
    .delivery-events-state-card[b-bpw7egb1yp] {
        overflow-x: auto;
    }

    .delivery-events-filters[b-bpw7egb1yp] {
        flex-basis: 100%;
    }

    .delivery-events-filter-search[b-bpw7egb1yp] {
        width: 100%;
    }
}
/* /Components/Pages/WhatsAppConversations.razor.rz.scp.css */
/* =========================================================
   NOTIQ — WHATSAPP INBOX
   Gold-standard V1.0 read-only conversation workspace.
   ========================================================= */

.notiq-inbox[b-qxf0hczst8] {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    overflow: hidden;
}

.notiq-inbox-page-header[b-qxf0hczst8] {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
}

.notiq-inbox-page-title[b-qxf0hczst8] {
    margin: 0;
    color: var(--notiq-text-primary);
    font-weight: 650;
    letter-spacing: -0.035em;
}

.notiq-inbox-page-subtitle[b-qxf0hczst8] {
    margin-top: 0.2rem;
}

.notiq-inbox-workspace[b-qxf0hczst8] {
    flex: 1 1 auto;
    display: grid;
    grid-template-columns: minmax(285px, 330px) minmax(420px, 1fr) minmax(220px, 265px);
    width: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    border: 1px solid var(--notiq-border);
    border-radius: var(--notiq-radius-lg);
    background: var(--notiq-surface);
}

/* LEFT --------------------------------------------------- */

.notiq-conversation-panel[b-qxf0hczst8] {
    display: flex;
    min-width: 0;
    min-height: 0;
    flex-direction: column;
    border-right: 1px solid var(--notiq-border);
    background: var(--notiq-surface);
}

.notiq-conversation-toolbar[b-qxf0hczst8] {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.5rem;
    padding: 0.75rem;
    border-bottom: 1px solid var(--notiq-border);
}

.notiq-conversation-search[b-qxf0hczst8],
.notiq-conversation-filter[b-qxf0hczst8] {
    width: 100%;
}

.notiq-conversation-search[b-qxf0hczst8]  .rz-textbox {
    width: 100%;
}

.notiq-conversation-toolbar .notiq-conversation-filter[b-qxf0hczst8] {
    min-width: 0;
}

.notiq-conversation-toolbar[b-qxf0hczst8] {
    grid-template-areas:
        "search search"
        "status mode";
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.notiq-conversation-search[b-qxf0hczst8] {
    grid-area: search;
}

.notiq-conversation-toolbar .notiq-conversation-filter:nth-of-type(2)[b-qxf0hczst8] {
    grid-area: status;
}

.notiq-conversation-toolbar .notiq-conversation-filter:nth-of-type(3)[b-qxf0hczst8] {
    grid-area: mode;
}

.notiq-panel-error[b-qxf0hczst8] {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.6rem;
    padding: 0.65rem 0.75rem;
    border-bottom: 1px solid var(--notiq-border);
    background: color-mix(in srgb, var(--notiq-danger) 4%, var(--notiq-surface));
}

.notiq-panel-error-icon[b-qxf0hczst8] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    color: var(--notiq-danger);
    border-radius: var(--notiq-radius-md);
    background: color-mix(in srgb, var(--notiq-danger) 8%, var(--notiq-surface));
}

.notiq-panel-error > div[b-qxf0hczst8] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.notiq-panel-error strong[b-qxf0hczst8] {
    color: var(--notiq-text-primary);
    font-size: 0.76rem;
    font-weight: 650;
}

.notiq-panel-error span[b-qxf0hczst8] {
    color: var(--notiq-text-secondary);
    font-size: 0.68rem;
}

.notiq-conversation-list[b-qxf0hczst8] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.notiq-conversation-item[b-qxf0hczst8] {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 0.65rem;
    width: 100%;
    padding: 0.78rem 0.75rem;
    border: 0;
    border-bottom: 1px solid var(--notiq-border);
    color: inherit;
    background: transparent;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: background-color 150ms ease, box-shadow 150ms ease;
}

.notiq-conversation-item:hover[b-qxf0hczst8] {
    background: color-mix(in srgb, var(--notiq-primary) 3%, var(--notiq-surface));
}

.notiq-conversation-item.is-selected[b-qxf0hczst8] {
    background: var(--notiq-primary-soft);
    box-shadow: inset 3px 0 0 var(--notiq-primary);
}

.notiq-conversation-item:focus-visible[b-qxf0hczst8] {
    outline: 2px solid var(--notiq-primary);
    outline-offset: -2px;
}

.notiq-avatar[b-qxf0hczst8] {
    display: inline-flex;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--notiq-primary);
    background: var(--notiq-primary-soft);
    font-size: 0.72rem;
    font-weight: 650;
}

.notiq-conversation-item-content[b-qxf0hczst8] {
    min-width: 0;
}

.notiq-conversation-item-top[b-qxf0hczst8] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.notiq-conversation-item-top > strong[b-qxf0hczst8] {
    min-width: 0;
    overflow: hidden;
    color: var(--notiq-text-primary);
    font-size: 0.82rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notiq-conversation-item-meta[b-qxf0hczst8] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
    gap: 0.4rem;
    color: var(--notiq-text-tertiary);
    font-size: 0.68rem;
}

.notiq-conversation-preview[b-qxf0hczst8] {
    display: block;
    margin-top: 0.2rem;
    overflow: hidden;
    color: var(--notiq-text-secondary);
    font-size: 0.73rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notiq-conversation-state[b-qxf0hczst8] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    margin-top: 0.42rem;
    color: var(--notiq-text-tertiary);
    font-size: 0.67rem;
}

.notiq-status-dot[b-qxf0hczst8] {
    display: inline-block;
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: var(--notiq-text-tertiary);
}

.notiq-status-dot.is-open[b-qxf0hczst8] {
    background: var(--notiq-success);
}

.notiq-status-dot.is-closed[b-qxf0hczst8] {
    background: var(--notiq-text-tertiary);
}

.is-bot[b-qxf0hczst8] {
    color: var(--notiq-primary);
}

.is-human[b-qxf0hczst8] {
    color: var(--notiq-warning);
}

.notiq-conversation-skeleton[b-qxf0hczst8] {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 0.65rem;
    padding: 0.8rem 0.75rem;
    border-bottom: 1px solid var(--notiq-border);
}

.notiq-conversation-skeleton-lines[b-qxf0hczst8] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    gap: 0.5rem;
}

.notiq-conversation-pagination[b-qxf0hczst8] {
    flex: 0 0 auto;
    display: flex;
    min-height: 44px;
    padding: 0.35rem 0.65rem;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    border-top: 1px solid var(--notiq-border);
    background: var(--notiq-surface);
}

/* THREAD ------------------------------------------------- */

.notiq-thread[b-qxf0hczst8] {
    display: flex;
    min-width: 0;
    min-height: 0;
    flex-direction: column;
    background: var(--notiq-surface);
}

.notiq-thread-header[b-qxf0hczst8] {
    flex: 0 0 auto;
    display: flex;
    min-height: 68px;
    padding: 0.7rem 0.9rem;
    align-items: center;
    gap: 0.7rem;
    border-bottom: 1px solid var(--notiq-border);
    background: var(--notiq-surface);
}

.notiq-thread-back[b-qxf0hczst8] {
    display: none;
}

.notiq-thread-identity[b-qxf0hczst8] {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    align-items: center;
    gap: 0.65rem;
}

.notiq-avatar-thread[b-qxf0hczst8] {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
}

.notiq-thread-identity-text[b-qxf0hczst8] {
    min-width: 0;
}

.notiq-thread-name[b-qxf0hczst8] {
    display: block;
    max-width: 320px;
    margin: 0;
    overflow: hidden;
    color: var(--notiq-text-primary);
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notiq-thread-phone-icon[b-qxf0hczst8] {
    color: var(--notiq-text-tertiary);
    font-size: 0.85rem;
}

.notiq-thread-actions[b-qxf0hczst8] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
    gap: 0.45rem;
}

.notiq-thread-status-pill[b-qxf0hczst8],
.notiq-mode-pill[b-qxf0hczst8] {
    display: inline-flex;
    min-height: 28px;
    padding: 0.25rem 0.55rem;
    align-items: center;
    gap: 0.32rem;
    border: 1px solid var(--notiq-border);
    border-radius: 999px;
    background: var(--notiq-surface);
    color: var(--notiq-text-secondary);
    font-size: 0.69rem;
    font-weight: 600;
}

.notiq-mode-pill.is-bot[b-qxf0hczst8] {
    border-color: color-mix(in srgb, var(--notiq-primary) 22%, var(--notiq-border));
    color: var(--notiq-primary);
    background: color-mix(in srgb, var(--notiq-primary) 6%, var(--notiq-surface));
}

.notiq-mode-pill.is-human[b-qxf0hczst8] {
    border-color: color-mix(in srgb, var(--notiq-warning) 24%, var(--notiq-border));
    color: var(--notiq-warning);
    background: color-mix(in srgb, var(--notiq-warning) 7%, var(--notiq-surface));
}

.notiq-thread-inline-alert[b-qxf0hczst8] {
    flex: 0 0 auto;
    margin: 0.55rem 0.75rem 0;
}

.notiq-thread-body[b-qxf0hczst8] {
    flex: 1 1 auto;
    min-height: 0;
    padding: 1rem clamp(0.85rem, 2.5vw, 1.7rem);
    overflow-y: auto;
    overscroll-behavior: contain;
    background: color-mix(in srgb, var(--notiq-surface) 94%, var(--notiq-primary-soft));
}

.notiq-message[b-qxf0hczst8] {
    display: flex;
    width: 100%;
    margin-bottom: 0.65rem;
}

.notiq-message.is-incoming[b-qxf0hczst8] {
    justify-content: flex-start;
}

.notiq-message.is-outgoing[b-qxf0hczst8] {
    justify-content: flex-end;
}

.notiq-message-bubble[b-qxf0hczst8] {
    width: fit-content;
    max-width: min(74%, 620px);
    padding: 0.62rem 0.72rem 0.48rem;
    border: 1px solid var(--notiq-border);
    border-radius: 0.8rem;
    background: var(--notiq-surface);
}

.notiq-message.is-incoming .notiq-message-bubble[b-qxf0hczst8] {
    border-top-left-radius: 0.25rem;
}

.notiq-message.is-outgoing .notiq-message-bubble[b-qxf0hczst8] {
    border-color: color-mix(in srgb, var(--notiq-primary) 18%, var(--notiq-border));
    border-top-right-radius: 0.25rem;
    background: color-mix(in srgb, var(--notiq-primary) 5%, var(--notiq-surface));
}

.notiq-message-origin[b-qxf0hczst8] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    margin-bottom: 0.3rem;
    color: var(--notiq-text-tertiary);
    font-size: 0.66rem;
    font-weight: 600;
}

.notiq-message-origin[b-qxf0hczst8]  .rz-icon {
    font-size: 0.82rem;
}

.notiq-message-content[b-qxf0hczst8] {
    margin: 0;
    color: var(--notiq-text-primary);
    font-size: 0.82rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.notiq-message-footer[b-qxf0hczst8] {
    display: flex;
    margin-top: 0.38rem;
    align-items: center;
    justify-content: flex-end;
    gap: 0.45rem;
    color: var(--notiq-text-tertiary);
    font-size: 0.63rem;
}

.notiq-message-status-success[b-qxf0hczst8] {
    color: var(--notiq-success);
}

.notiq-message-status-primary[b-qxf0hczst8] {
    color: var(--notiq-primary);
}

.notiq-message-status-danger[b-qxf0hczst8] {
    color: var(--notiq-danger);
}

/* MESSAGE STATES / SKELETON ----------------------------- */

.notiq-message-skeletons[b-qxf0hczst8] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.notiq-message-skeleton[b-qxf0hczst8] {
    display: flex;
    width: 100%;
}

.notiq-message-skeleton.is-incoming[b-qxf0hczst8] {
    justify-content: flex-start;
}

.notiq-message-skeleton.is-outgoing[b-qxf0hczst8] {
    justify-content: flex-end;
}

.notiq-message-skeleton > div[b-qxf0hczst8] {
    width: min(68%, 440px);
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    padding: 0.7rem;
    border: 1px solid var(--notiq-border);
    border-radius: 0.8rem;
    background: var(--notiq-surface);
}

.notiq-message-skeleton.is-outgoing > div[b-qxf0hczst8] {
    width: min(58%, 380px);
    background: color-mix(in srgb, var(--notiq-primary) 4%, var(--notiq-surface));
}

.notiq-thread-state[b-qxf0hczst8],
.notiq-thread-empty[b-qxf0hczst8],
.notiq-inbox-empty[b-qxf0hczst8],
.notiq-context-empty[b-qxf0hczst8] {
    display: flex;
    min-height: 100%;
    padding: 1.5rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    text-align: center;
}

.notiq-thread-state[b-qxf0hczst8] {
    min-height: 320px;
}

.notiq-thread-state-icon[b-qxf0hczst8],
.notiq-inbox-empty-icon[b-qxf0hczst8],
.notiq-thread-empty-icon[b-qxf0hczst8] {
    display: inline-flex;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.1rem;
    border: 1px solid var(--notiq-border);
    border-radius: 50%;
    color: var(--notiq-text-tertiary);
    background: var(--notiq-surface);
}

.notiq-thread-state-icon.is-error[b-qxf0hczst8] {
    color: var(--notiq-danger);
    border-color: color-mix(in srgb, var(--notiq-danger) 25%, var(--notiq-border));
    background: color-mix(in srgb, var(--notiq-danger) 5%, var(--notiq-surface));
}

/* FOOTER ------------------------------------------------- */

.notiq-thread-footer[b-qxf0hczst8] {
    flex: 0 0 auto;
    display: flex;
    min-height: 58px;
    padding: 0.65rem 0.9rem;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    border-top: 1px solid var(--notiq-border);
    background: var(--notiq-surface);
}

.notiq-thread-readonly[b-qxf0hczst8] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.55rem;
    color: var(--notiq-text-secondary);
}

.notiq-thread-readonly > .rz-icon[b-qxf0hczst8] {
    flex: 0 0 auto;
    color: var(--notiq-text-tertiary);
    font-size: 1rem;
}

.notiq-thread-readonly > div[b-qxf0hczst8] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 0.05rem;
}

.notiq-thread-readonly strong[b-qxf0hczst8] {
    color: var(--notiq-text-primary);
    font-size: 0.72rem;
    font-weight: 650;
}

.notiq-thread-readonly span[b-qxf0hczst8] {
    color: var(--notiq-text-tertiary);
    font-size: 0.66rem;
}

/* RIGHT CONTEXT ----------------------------------------- */

.notiq-context-panel[b-qxf0hczst8] {
    display: flex;
    min-width: 0;
    min-height: 0;
    flex-direction: column;
    border-left: 1px solid var(--notiq-border);
    background: var(--notiq-surface);
    overflow-y: auto;
}

.notiq-context-profile[b-qxf0hczst8] {
    display: flex;
    padding: 1.15rem 0.9rem 0.9rem;
    flex-direction: column;
    align-items: center;
    border-bottom: 1px solid var(--notiq-border);
    text-align: center;
}

.notiq-avatar-profile[b-qxf0hczst8] {
    width: 52px;
    height: 52px;
    flex-basis: 52px;
    font-size: 0.82rem;
}

.notiq-context-name[b-qxf0hczst8] {
    max-width: 100%;
    margin: 0.55rem 0 0.12rem;
    overflow: hidden;
    color: var(--notiq-text-primary);
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notiq-channel-chip[b-qxf0hczst8] {
    display: inline-flex;
    margin-top: 0.65rem;
    padding: 0.3rem 0.55rem;
    align-items: center;
    gap: 0.32rem;
    border-radius: 999px;
    color: var(--notiq-success);
    background: var(--notiq-success-soft);
    font-size: 0.69rem;
    font-weight: 600;
}

.notiq-context-section[b-qxf0hczst8] {
    padding: 0.9rem;
    border-bottom: 1px solid var(--notiq-border);
}

.notiq-context-section-title[b-qxf0hczst8] {
    display: block;
    margin-bottom: 0.7rem;
    color: var(--notiq-text-tertiary);
    font-size: 0.64rem;
    font-weight: 650;
    letter-spacing: 0.08em;
}

.notiq-detail-list[b-qxf0hczst8] {
    display: flex;
    flex-direction: column;
    gap: 0.72rem;
}

.notiq-detail-row[b-qxf0hczst8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.7rem;
}

.notiq-detail-row-label[b-qxf0hczst8] {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 0.38rem;
    color: var(--notiq-text-tertiary);
    font-size: 0.69rem;
}

.notiq-detail-row-label[b-qxf0hczst8]  .rz-icon {
    flex: 0 0 auto;
    font-size: 0.88rem;
}

.notiq-detail-row-value[b-qxf0hczst8] {
    max-width: 135px;
    color: var(--notiq-text-secondary);
    font-size: 0.69rem;
    font-weight: 550;
    text-align: right;
    overflow-wrap: anywhere;
}

.notiq-context-reference[b-qxf0hczst8] {
    padding: 0.8rem 0.9rem;
    border-bottom: 1px solid var(--notiq-border);
}

.notiq-context-reference summary[b-qxf0hczst8] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--notiq-text-secondary);
    font-size: 0.7rem;
    font-weight: 600;
    cursor: pointer;
    list-style: none;
}

.notiq-context-reference summary[b-qxf0hczst8]::-webkit-details-marker {
    display: none;
}

.notiq-context-reference[open] summary[b-qxf0hczst8] {
    margin-bottom: 0.75rem;
}

/* RESPONSIVE -------------------------------------------- */

@media (max-width: 1180px) {
    .notiq-inbox-workspace[b-qxf0hczst8] {
        grid-template-columns: minmax(280px, 325px) minmax(0, 1fr);
    }

    .notiq-context-panel[b-qxf0hczst8] {
        display: none;
    }
}

@media (max-width: 820px) {
    .notiq-inbox-page-header[b-qxf0hczst8] {
        align-items: stretch;
        flex-direction: column;
    }

    .notiq-inbox-workspace[b-qxf0hczst8] {
        display: block;
    }

    .notiq-conversation-panel[b-qxf0hczst8],
    .notiq-thread[b-qxf0hczst8] {
        width: 100%;
        height: 100%;
    }

    .notiq-inbox-workspace.has-selection .notiq-conversation-panel[b-qxf0hczst8] {
        display: none;
    }

    .notiq-inbox-workspace:not(.has-selection) .notiq-thread[b-qxf0hczst8] {
        display: none;
    }

    .notiq-thread-back[b-qxf0hczst8] {
        display: inline-flex;
    }

    .notiq-thread-actions .notiq-thread-status-pill[b-qxf0hczst8],
    .notiq-thread-actions .notiq-mode-pill[b-qxf0hczst8] {
        display: none;
    }

    .notiq-message-bubble[b-qxf0hczst8] {
        max-width: 86%;
    }

    .notiq-thread-footer[b-qxf0hczst8] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 520px) {
    .notiq-conversation-toolbar[b-qxf0hczst8] {
        grid-template-areas:
            "search"
            "status"
            "mode";
        grid-template-columns: minmax(0, 1fr);
    }

    .notiq-thread-header[b-qxf0hczst8] {
        padding-inline: 0.6rem;
    }

    .notiq-avatar-thread[b-qxf0hczst8] {
        display: none;
    }

    .notiq-thread-name[b-qxf0hczst8] {
        max-width: 150px;
    }

    .notiq-thread-body[b-qxf0hczst8] {
        padding-inline: 0.65rem;
    }

    .notiq-message-bubble[b-qxf0hczst8] {
        max-width: 92%;
    }

    .notiq-panel-error[b-qxf0hczst8] {
        grid-template-columns: 32px minmax(0, 1fr);
    }

    .notiq-panel-error[b-qxf0hczst8]  .rz-button {
        grid-column: 1 / -1;
        justify-self: start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .notiq-conversation-item[b-qxf0hczst8] {
        transition: none;
    }
}