@import '_content/Z.Blazor.Diagrams/Z.Blazor.Diagrams.ezdqu7jd9f.bundle.scp.css';

/* /Components/Layout/NavSection.razor.rz.scp.css */
.nav-section-toggle[b-i7utc4frld] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    border-radius: 0.375rem;
    cursor: pointer;
    list-style: none;
    color: var(--color-ink-500, #64748b);
}

.nav-section-toggle[b-i7utc4frld]::-webkit-details-marker {
    display: none;
}

.nav-section-toggle:hover[b-i7utc4frld] {
    background: var(--color-ink-100, #f1f5f9);
}

.nav-section-toggle:focus-visible[b-i7utc4frld] {
    outline: 2px solid var(--color-coral-500, #f97360);
    outline-offset: 2px;
}

.nav-section-chevron[b-i7utc4frld] {
    flex-shrink: 0;
    transition: transform 150ms ease;
}

.nav-section[open] > .nav-section-toggle .nav-section-chevron[b-i7utc4frld] {
    transform: rotate(90deg);
}

@media (prefers-reduced-motion: reduce) {
    .nav-section-chevron[b-i7utc4frld] {
        transition: none;
    }
}
/* /Components/Shared/IconPicker.razor.rz.scp.css */
.atx-icon-picker[b-ay10goqdjs] {
    position: relative;
    display: inline-block;
}

.atx-icon-trigger[b-ay10goqdjs] {
    width: 52px;
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border: 1px solid var(--color-ink-200, #e5e7eb);
    border-radius: 8px;
    cursor: pointer;
    transition: border-color 100ms ease, background-color 100ms ease;
    color: var(--color-ink-700, #374151);
}

.atx-icon-trigger:hover[b-ay10goqdjs] {
    background: var(--color-ink-50, #f9fafb);
    border-color: var(--color-ink-300, #d1d5db);
}

.atx-icon-trigger:focus-visible[b-ay10goqdjs] {
    outline: 2px solid var(--color-coral-500, #ef6c4a);
    outline-offset: 1px;
}

.atx-icon-backdrop[b-ay10goqdjs] {
    position: fixed;
    inset: 0;
    z-index: 100;
    background: transparent;
}

.atx-icon-popover[b-ay10goqdjs] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 101;
    background: #ffffff;
    border: 1px solid var(--color-ink-200, #e5e7eb);
    border-radius: 10px;
    padding: 12px;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
    outline: none;
}

.atx-icon-grid[b-ay10goqdjs] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    max-width: 280px;
}

.atx-icon-swatch[b-ay10goqdjs] {
    width: 52px;
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border: 1px solid var(--color-ink-200, #e5e7eb);
    border-radius: 8px;
    cursor: pointer;
    transition: border-color 100ms ease, background-color 100ms ease;
    color: var(--color-ink-700, #374151);
}

.atx-icon-swatch:hover[b-ay10goqdjs] {
    background: var(--color-ink-50, #f9fafb);
    border-color: var(--color-ink-300, #d1d5db);
}

.atx-icon-swatch-selected[b-ay10goqdjs] {
    border: 1.5px solid var(--color-coral-500, #ef6c4a);
    background: var(--color-coral-50, #fff4ef);
    color: var(--color-coral-700, #b03e22);
}

.atx-icon-swatch-none[b-ay10goqdjs] {
    color: var(--color-ink-500, #6b7280);
}

.atx-icon-group-label[b-ay10goqdjs] {
    margin: 0 0 6px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--color-ink-500, #6b7280);
}

.atx-icon-grid + .atx-icon-group-label[b-ay10goqdjs] {
    margin-top: 12px;
}

.atx-icon-mascot[b-ay10goqdjs] {
    display: inline-flex;
    width: 40px;
    height: 40px;
}

.atx-icon-mascot[b-ay10goqdjs]  svg {
    width: 100%;
    height: 100%;
}

.atx-icon-agent[b-ay10goqdjs] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}
/* /Components/Shared/Pages/Pricing.razor.rz.scp.css */
/* Ported from atomicx.app css/pages/products.css so /pricing matches the marketing site. */
.ax-pricing[b-j14z5gnva2] { padding: 64px 32px 112px; background: var(--ax-paper); }
.ax-pricing__container[b-j14z5gnva2] { max-width: 1280px; margin: 0 auto; }
.ax-pricing__header[b-j14z5gnva2] { text-align: center; margin-bottom: 56px; }
.ax-pricing__header[b-j14z5gnva2]  .ax-eyebrow { color: var(--ax-coral-500); }
.ax-pricing__title[b-j14z5gnva2] { font-family: var(--ax-font-body); font-weight: 700; font-size: 48px; line-height: 1.05; letter-spacing: var(--ax-tracking-display); color: var(--ax-fg-1); margin: 16px 0 0; }
.ax-pricing__lede[b-j14z5gnva2] { font-size: 17px; color: var(--ax-fg-2); max-width: 580px; margin: 16px auto 0; line-height: 1.55; }
.ax-pricing__grid[b-j14z5gnva2] { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--ax-space-3); }
.ax-pricing__intro[b-j14z5gnva2] { grid-column: 1 / -1; text-align: center; color: var(--ax-fg-2); font-size: 15px; margin: 0 0 var(--ax-space-6); }
.ax-pricing__tabs[b-j14z5gnva2] { display: flex; justify-content: center; gap: var(--ax-space-1); margin: 0 auto var(--ax-space-10); padding: var(--ax-space-1); width: fit-content; border: 1px solid var(--ax-border); border-radius: var(--ax-radius-pill); }
.ax-pricing__tab[b-j14z5gnva2] { font: inherit; font-size: 14px; font-weight: 600; padding: var(--ax-space-2) var(--ax-space-5); border: 0; border-radius: var(--ax-radius-pill); background: none; color: var(--ax-fg-2); cursor: pointer; transition: background-color 220ms var(--ax-ease-out), color 220ms var(--ax-ease-out); }
.ax-pricing__tab[aria-selected="true"][b-j14z5gnva2] { background: var(--ax-ink-900); color: #fff; }
.ax-pricing__tab:focus-visible[b-j14z5gnva2], .ax-tier__cta:focus-visible[b-j14z5gnva2] { outline: 2px solid var(--ax-coral-500); outline-offset: 2px; }
.ax-tier[b-j14z5gnva2] { background: var(--ax-paper); border: 1px solid var(--ax-border); border-radius: 18px; padding: 28px; box-shadow: var(--ax-shadow-sm); position: relative; }
.ax-tier--highlighted[b-j14z5gnva2] { border: 2px solid var(--ax-coral-500); box-shadow: var(--ax-shadow-lg); }
.ax-tier__badge[b-j14z5gnva2] { position: absolute; top: -12px; left: 24px; background: var(--ax-coral-500); color: #fff; font-size: 10px; font-weight: 700; padding: 3px 10px; border-radius: 999px; letter-spacing: 0.1em; font-family: var(--ax-font-mono); }
.ax-tier__name[b-j14z5gnva2] { font-family: var(--ax-font-display); font-size: 13px; letter-spacing: 0.16em; color: var(--ax-fg-2); text-transform: uppercase; margin-bottom: 12px; font-weight: 600; }
.ax-tier__price[b-j14z5gnva2] { display: flex; align-items: baseline; gap: 4px; margin-bottom: 6px; }
.ax-tier__price-num[b-j14z5gnva2] { font-size: 44px; }
.ax-tier__price-mo[b-j14z5gnva2] { color: var(--ax-fg-2); font-size: 13px; }
.ax-tier__yearly[b-j14z5gnva2] { font-size: 12px; color: var(--ax-fg-2); min-height: 18px; margin-bottom: var(--ax-space-2); }
.ax-tier__sub[b-j14z5gnva2] { font-size: 13px; color: var(--ax-fg-2); margin-bottom: 20px; min-height: 36px; white-space: pre-line; }
.ax-tier__cta[b-j14z5gnva2] { width: 100%; justify-content: center; display: inline-flex; padding: 12px 18px; border-radius: var(--ax-radius-pill); font: inherit; font-weight: 600; cursor: pointer; transition: background-color 220ms var(--ax-ease-out); }
.ax-tier__cta--primary[b-j14z5gnva2] { background: var(--ax-coral-500); color: #fff; border: 0; }
.ax-tier__cta--primary:hover[b-j14z5gnva2] { background: var(--ax-coral-400); }
.ax-tier__cta--secondary[b-j14z5gnva2] { background: var(--ax-bg-card); color: var(--ax-fg-1); border: 1px solid var(--ax-border-strong); }
.ax-tier__cta--secondary:hover[b-j14z5gnva2] { background: var(--ax-bg-sunken); }
.ax-tier__divider[b-j14z5gnva2] { height: 1px; background: var(--ax-divider); margin: 20px 0; }
.ax-tier__features[b-j14z5gnva2] { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; }
.ax-tier__feature[b-j14z5gnva2] { display: flex; gap: 8px; align-items: flex-start; font-size: 13px; color: var(--ax-fg-1); }
.ax-tier__feature[b-j14z5gnva2]::before { content: "✓"; color: var(--ax-coral-500); flex: none; font-weight: 700; }
.ax-tier__feature--no[b-j14z5gnva2] { color: var(--ax-fg-3); }
.ax-tier__feature--no[b-j14z5gnva2]::before { content: "✕"; color: var(--ax-fg-3); }
.ax-sr-only[b-j14z5gnva2] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

@media (max-width: 960px) {
    .ax-pricing[b-j14z5gnva2] { padding: 64px 16px; }
    .ax-pricing__title[b-j14z5gnva2] { font-size: 36px; }
    .ax-pricing__grid[b-j14z5gnva2] { grid-template-columns: 1fr; }
}
/* /Components/Shared/WidgetLivePreview.razor.rz.scp.css */
/* Outer wrapper */
.widget-live-preview[b-9b5456f9fl] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-family: var(--ax-font-body, 'Inter', sans-serif);
}

.atx-preview-browser-frame[b-9b5456f9fl] {
    position: relative;
    background: #ffffff;
    border: 1px solid var(--color-ink-200, #e5e7eb);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
}

.atx-preview-browser-chrome[b-9b5456f9fl] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    background: #f3f4f6;
    border-bottom: 1px solid var(--color-ink-200, #e5e7eb);
}

.atx-preview-browser-dot[b-9b5456f9fl] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
.atx-preview-browser-dot-red[b-9b5456f9fl]    { background: #ef4444; }
.atx-preview-browser-dot-amber[b-9b5456f9fl]  { background: #f59e0b; }
.atx-preview-browser-dot-green[b-9b5456f9fl]  { background: #10b981; }

.atx-preview-browser-urlbar[b-9b5456f9fl] {
    margin-left: 12px;
    padding: 3px 12px;
    font-size: 12px;
    color: var(--color-ink-500, #6b7280);
    background: #ffffff;
    border: 1px solid var(--color-ink-200, #e5e7eb);
    border-radius: 999px;
}


.atx-preview-iframe[b-9b5456f9fl] {
    display: block;
    width: 100%;
    /* Match the editor's form column (max-h calc(100vh - 300px)) minus the browser bar and note,
       so the full-height side panel keeps a realistic shape. */
    height: max(560px, calc(100vh - 370px));
    border: 0;
}

.atx-preview-note[b-9b5456f9fl] {
    margin: 0;
    font-size: 12px;
    color: var(--color-ink-500, #6b7280);
}