:root {
    --vsl-purple: #4a174b;
    --vsl-purple-2: #6b2b70;
    --vsl-yellow: #f59e0b;
    --vsl-ink: #0f172a;
    --vsl-muted: #64748b;
    --vsl-line: #e2e8f0;
    --vsl-soft: #f8fafc;
    --vsl-green: #10b981;
    --vsl-red: #ef4444;
    --vsl-white: #ffffff;
    --vsl-radius: 14px;
    --vsl-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 4px 14px rgba(0, 0, 0, 0.025);
    --vsl-shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.06), 0 2px 8px rgba(0, 0, 0, 0.04);
    --vsl-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.vsl-ai-subnav, .vsl-ai-subnav *, main.vsl-ai-shell, main.vsl-ai-shell * {
    box-sizing: border-box;
}
.vsl-ai-body {
    margin: 0;
    background: #fff;
    color: var(--vsl-ink);
    font-family: var(--vsl-font);
    -webkit-font-smoothing: antialiased;
    line-height: 1.5;
}
.vsl-ai-header {
    position: sticky;
    top: 0;
    z-index: 20;
    background: rgba(255, 255, 255, .96);
    border-bottom: 1px solid var(--vsl-line);
    backdrop-filter: blur(12px);
}
.vsl-ai-header-inner {
    max-width: 1160px;
    margin: auto;
    min-height: 68px;
    padding: 0 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}
.vsl-ai-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--vsl-purple);
    font-weight: 800;
}
.vsl-ai-brand-mark {
    width: 34px;
    height: 34px;
    border-radius: 11px;
    background: var(--vsl-purple);
    color: #fff;
    display: grid;
    place-items: center;
    font-weight: 900;
}
.vsl-ai-nav {
    display: flex;
    align-items: center;
    gap: 4px;
    overflow: auto;
}
.vsl-ai-nav a {
    white-space: nowrap;
    text-decoration: none;
    color: var(--vsl-muted);
    padding: 9px 11px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
}
.vsl-ai-nav a:hover, .vsl-ai-nav a.is-active {
    color: var(--vsl-purple);
    background: var(--vsl-soft);
}
.vsl-ai-shell {
    width: min(1160px, calc(100% - 32px));
    margin: 36px auto 72px;
}
.vsl-ai-narrow {
    width: min(760px, calc(100% - 24px));
    margin-top: 54px;
}
.vsl-ai-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
    gap: 28px;
    align-items: center;
    padding: 38px;
    border: 1px solid var(--vsl-line);
    border-radius: var(--vsl-radius);
    background: #fff;
    box-shadow: var(--vsl-shadow);
}
.vsl-ai-hero h1, .vsl-ai-card h1 {
    font-size: clamp(28px, 4.5vw, 48px);
    line-height: 1.1;
    letter-spacing: -.03em;
    margin: 8px 0 16px;
    color: #0f172a;
}
.vsl-ai-hero p {
    font-size: 16px;
    color: var(--vsl-muted);
    max-width: 720px;
    line-height: 1.6;
}
.vsl-ai-eyebrow {
    font-size: 11.5px;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: 800;
    color: var(--vsl-purple);
}
.vsl-ai-card {
    border: 1px solid var(--vsl-line);
    border-radius: var(--vsl-radius);
    background: #fff;
    padding: 24px;
    box-shadow: var(--vsl-shadow);
}
.vsl-ai-card h1 {
    font-size: 30px;
}
.vsl-ai-card h2 {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 12px;
    color: #0f172a;
}
.vsl-ai-card h3 {
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 8px;
    color: #1e293b;
}
.vsl-ai-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 20px;
}
.vsl-ai-grid.two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.vsl-ai-stack {
    display: grid;
    gap: 16px;
}
.vsl-ai-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.vsl-ai-row.start {
    align-items: flex-start;
}
.vsl-ai-button {
    appearance: none;
    border: 1px solid var(--vsl-purple);
    border-radius: 10px;
    background: var(--vsl-purple);
    color: #fff;
    font: inherit;
    font-weight: 650;
    padding: 10px 18px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(74, 23, 75, .2);
    transition: all .15s ease;
}
.vsl-ai-button:hover {
    background: var(--vsl-purple-2);
    border-color: var(--vsl-purple-2);
    color: #fff;
    text-decoration: none;
    box-shadow: 0 3px 8px rgba(74, 23, 75, .28);
}
.vsl-ai-button.secondary {
    background: #f1f5f9;
    color: #334155;
    border: 1px solid #cbd5e1;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .03);
}
.vsl-ai-button.secondary:hover {
    background: #e2e8f0;
    color: #0f172a;
    border-color: #94a3b8;
}
.vsl-ai-button.danger {
    background: #fef2f2;
    color: #dc2626;
    border: 1px solid #fecaca;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .03);
}
.vsl-ai-button.danger:hover {
    background: #fee2e2;
    border-color: #fca5a5;
    color: #b91c1c;
}
.vsl-ai-button.small {
    padding: 7px 12px;
    font-size: 13px;
    border-radius: 8px;
}
.vsl-ai-button[disabled] {
    opacity: .48;
    cursor: not-allowed;
}
.vsl-ai-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}
.vsl-ai-code {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border: 1px solid var(--vsl-line);
    background: #f8fafc;
    border-radius: 12px;
    padding: 10px 14px;
    overflow: auto;
}
.vsl-ai-code code {
    white-space: nowrap;
    color: var(--vsl-purple);
    font-weight: 700;
}
.vsl-ai-copy {
    border: 1px solid var(--vsl-line);
    background: #fff;
    border-radius: 8px;
    padding: 6px 12px;
    cursor: pointer;
    font-weight: 650;
    color: var(--vsl-purple);
    transition: all .15s ease;
}
.vsl-ai-copy:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
}
.vsl-ai-muted {
    color: var(--vsl-muted);
}
.vsl-ai-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}
.vsl-ai-pill {
    border-radius: 999px;
    padding: 4px 10px;
    background: #f1f5f9;
    border: 1px solid var(--vsl-line);
    font-size: 11.5px;
    font-weight: 650;
    color: #334155;
}
.vsl-ai-status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-weight: 650;
    font-size: 13px;
    color: #64748b;
}
.vsl-status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #94a3b8;
    display: inline-block;
    flex: 0 0 8px;
    transition: all .2s ease;
}
.vsl-ai-status:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #94a3b8;
    flex: 0 0 8px;
    display: inline-block;
    transition: all .2s ease;
}
.vsl-ai-status:has(.vsl-status-dot):before {
    display: none;
}
.vsl-ai-status.active,
.vsl-ai-status.is-on {
    color: #065f46;
}
.vsl-ai-status.active:before,
.vsl-ai-status.is-on:before,
.vsl-ai-status.active .vsl-status-dot,
.vsl-ai-status.is-on .vsl-status-dot {
    background: var(--vsl-green);
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.22), 0 0 8px rgba(16, 185, 129, 0.45);
}
.vsl-ai-status.is-warn {
    color: #92400e;
}
.vsl-ai-status.is-warn:before,
.vsl-ai-status.is-warn .vsl-status-dot {
    background: var(--vsl-yellow);
    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.22);
}
.vsl-ai-status.is-error {
    color: #991b1b;
}
.vsl-ai-status.is-error:before,
.vsl-ai-status.is-error .vsl-status-dot {
    background: var(--vsl-red);
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.22);
}
.vsl-ai-scope {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--vsl-line);
    border-radius: 12px;
    background: #fff;
}
.vsl-ai-scope input {
    width: 18px;
    height: 18px;
    accent-color: var(--vsl-purple);
    margin-top: 3px;
}
.vsl-ai-scope strong {
    display: block;
    margin-bottom: 3px;
    color: #0f172a;
}
.vsl-ai-scope p {
    margin: 0;
    color: var(--vsl-muted);
    font-size: 14px;
}
.vsl-ai-field {
    display: grid;
    gap: 7px;
}
.vsl-ai-field label {
    font-weight: 700;
    font-size: 13.5px;
    color: #1e293b;
}
.vsl-ai-field input, .vsl-ai-field select, .vsl-ai-field textarea {
    width: 100%;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    padding: 10px 12px;
    background: #fff;
    color: var(--vsl-ink);
    font: inherit;
    box-sizing: border-box;
    transition: all .15s ease;
}
.vsl-ai-field input:focus, .vsl-ai-field select:focus, .vsl-ai-field textarea:focus {
    border-color: var(--vsl-purple);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(74, 23, 75, .1);
}
.vsl-ai-field textarea {
    min-height: 120px;
    resize: vertical;
}
.vsl-ai-notice {
    border-left: 4px solid var(--vsl-yellow);
    background: #fffbeb;
    padding: 13px 15px;
    border-radius: 10px;
    color: #92400e;
    font-size: 13.5px;
}
.vsl-ai-notice.error {
    border-color: var(--vsl-red);
    background: #fef2f2;
    color: #991b1b;
}
.vsl-ai-preview {
    white-space: pre-wrap;
    border: 1px solid var(--vsl-line);
    background: var(--vsl-soft);
    padding: 16px;
    border-radius: 12px;
}
.vsl-ai-table-wrap {
    overflow-x: auto;
    border: 1px solid var(--vsl-line);
    border-radius: var(--vsl-radius);
    background: #fff;
    box-shadow: var(--vsl-shadow);
}
.vsl-ai-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 680px;
}
.vsl-ai-table th, .vsl-ai-table td {
    text-align: left;
    padding: 13px 16px;
    border-bottom: 1px solid var(--vsl-line);
    vertical-align: top;
}
.vsl-ai-table th {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 700;
    color: var(--vsl-muted);
    background: #f8fafc;
}
.vsl-ai-table tr:hover td {
    background: #fafbfc;
}
.vsl-ai-table tr:last-child td {
    border-bottom: 0;
}
.vsl-ai-td-date {
    white-space: nowrap;
}
.vsl-ai-cell-time {
    font-size: 13px;
    color: #64748b;
}
.vsl-ai-cell-main {
    font-size: 13.5px;
    color: #0f172a;
}
.vsl-ai-cell-sub {
    font-size: 12px;
    margin-top: 2px;
}
.vsl-ai-list {
    padding-left: 20px;
}
.vsl-ai-list li {
    margin: 7px 0;
}
.vsl-ai-empty {
    text-align: center;
    padding: 42px 20px;
    border: 1px dashed #cbd5e1;
    border-radius: var(--vsl-radius);
    color: var(--vsl-muted);
    background: #f8fafc;
}
.vsl-ai-empty-calm {
    padding: 38px 24px;
    display: grid;
    place-items: center;
    gap: 8px;
    max-width: 600px;
    margin: 12px auto;
    text-align: center;
}
.vsl-ai-empty-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #f1f5f9;
    color: var(--vsl-purple);
    display: grid;
    place-items: center;
    font-size: 24px;
    margin-bottom: 4px;
}
.vsl-ai-empty-calm h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #0f172a;
}
.vsl-ai-empty-calm p {
    margin: 0;
    font-size: 14px;
    line-height: 1.55;
    color: #64748b;
    max-width: 480px;
}
.vsl-ai-footer {
    max-width: 1160px;
    margin: 0 auto 30px;
    padding: 22px 18px;
    border-top: 1px solid var(--vsl-line);
    display: flex;
    justify-content: space-between;
    gap: 20px;
    color: var(--vsl-muted);
    font-size: 13px;
}
.vsl-ai-provider-mark {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: var(--vsl-purple);
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 22px;
    font-weight: 900;
}
.vsl-ai-divider {
    height: 1px;
    background: var(--vsl-line);
    margin: 20px 0;
}
.vsl-ai-kpi {
    font-size: 30px;
    font-weight: 900;
    color: var(--vsl-purple);
}
.compact-grid {
    margin-top: 0;
}
.vsl-ai-check-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}
.vsl-ai-check {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 13px;
    border: 1px solid var(--vsl-line);
    border-radius: 12px;
    background: #fff;
    font-weight: 700;
}
.vsl-ai-check input {
    width: 18px;
    height: 18px;
    margin: 2px 0 0;
    accent-color: var(--vsl-purple);
    flex: 0 0 auto;
}
.vsl-ai-check span {
    display: grid;
    gap: 3px;
}
.vsl-ai-check small {
    color: var(--vsl-muted);
    font-weight: 500;
    line-height: 1.45;
}
.vsl-ai-check.prominent {
    border-color: #cbd5e1;
    background: var(--vsl-soft);
    padding: 16px;
}
.vsl-ai-feature-link {
    text-decoration: none;
    color: inherit;
    display: block;
    transition: transform .15s ease, border-color .15s ease;
}
.vsl-ai-feature-link:hover {
    transform: translateY(-2px);
    border-color: #cbd5e1;
}
.vsl-ai-feature-link p {
    margin-bottom: 12px;
}
.vsl-ai-link-label {
    color: var(--vsl-purple);
    font-weight: 700;
    font-size: 13.5px;
}
.settings-links {
    align-items: stretch;
}
.settings-links .vsl-ai-card {
    box-shadow: var(--vsl-shadow);
}
.vsl-ai-field label .vsl-ai-muted {
    font-weight: 500;
}
.vsl-ai-field small {
    color: var(--vsl-muted);
}
@media(max-width:820px) {
    .vsl-ai-check-grid {
        grid-template-columns: 1fr;
    }
    .vsl-ai-header-inner {
        align-items: flex-start;
        flex-direction: column;
        padding-top: 12px;
        padding-bottom: 10px;
        gap: 8px;
    }
    .vsl-ai-nav {
        width: 100%;
    }
    .vsl-ai-hero {
        grid-template-columns: 1fr;
        padding: 24px;
        border-radius: 14px;
    }
    .vsl-ai-grid, .vsl-ai-grid.two {
        grid-template-columns: 1fr;
    }
    .vsl-ai-shell {
        width: calc(100% - 18px);
        margin-top: 18px;
    }
    .vsl-ai-card {
        padding: 16px;
        border-radius: 14px;
    }
    .vsl-ai-footer {
        flex-direction: column;
        padding-left: 10px;
        padding-right: 8px;
    }
    .vsl-ai-row.mobile-stack {
        align-items: stretch;
        flex-direction: column;
    }
    .vsl-ai-actions .vsl-ai-button,
    .vsl-ai-button {
        min-height: 44px;
        padding: 0 16px;
    }
    .vsl-ai-field input,
    .vsl-ai-field select,
    .vsl-ai-field textarea {
        min-height: 44px;
        font-size: 16px;
    }
    .vsl-ai-hero h1, .vsl-ai-card h1 {
        font-size: 26px;
    }
}

/* --------------------------------------------------------------------------
 * Agentic commerce dashboard
 * Presentation-only redesign for the seller-facing /agentic page.
 * ----------------------------------------------------------------------- */
.vsl-agentic-main{display:grid;gap:20px;color:var(--vsl-ink)}
.vsl-agentic-heading{display:grid;gap:7px;margin:0;padding:0}
.vsl-agentic-heading h1{margin:0;font-size:32px;line-height:1.08;letter-spacing:-.025em;color:#19141a}
.vsl-agentic-heading p{margin:0;max-width:760px;color:var(--vsl-muted);font-size:15px;line-height:1.6}
.vsl-agentic-notice{margin:0}
.vsl-agentic-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.vsl-agentic-kpi-card{min-width:0;display:flex;align-items:flex-start;gap:14px;padding:18px;border:1px solid var(--vsl-line);border-radius:16px;background:#fff;box-shadow:0 6px 22px rgba(74,23,75,.035)}
.vsl-agentic-kpi-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:12px;background:#f5ecf8;color:#742f85;font-size:20px}
.vsl-agentic-kpi-copy{min-width:0;display:grid;gap:4px}
.vsl-agentic-kpi-label{font-size:13px;font-weight:800;line-height:1.3;color:#2b222c}
.vsl-agentic-kpi-copy strong{font-size:30px;line-height:1;color:#1f1720;letter-spacing:-.03em}
.vsl-agentic-kpi-copy small{color:var(--vsl-muted);font-size:12px}
.vsl-agentic-panel{border:1px solid var(--vsl-line);border-radius:18px;background:#fff;box-shadow:0 6px 24px rgba(74,23,75,.035);overflow:hidden}
.vsl-agentic-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 22px 0}
.vsl-agentic-panel-head h2,.vsl-agentic-empty-copy h2{margin:0;color:#211921;font-size:18px;line-height:1.25}
.vsl-agentic-panel-head p{margin:5px 0 0;color:var(--vsl-muted);font-size:13px}
.vsl-agentic-range{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:8px 10px;border:1px solid var(--vsl-line);border-radius:10px;background:#fff;color:#4e404f;font-size:12px;font-weight:700}
.vsl-agentic-discovery-grid{display:grid;grid-template-columns:minmax(220px,.82fr) minmax(0,1.58fr);gap:28px;align-items:center;padding:18px 22px 22px}
.vsl-agentic-discovery-copy{min-width:0}
.vsl-agentic-discovery-copy ul{margin:0;padding-left:19px;color:#342c35;font-size:14px;line-height:1.55}
.vsl-agentic-discovery-copy p{margin:20px 0 0;color:var(--vsl-muted);font-size:13px;line-height:1.55}
.vsl-agentic-chart{min-width:0;height:210px;padding:4px 0 0}
.vsl-agentic-chart svg{display:block;width:100%;height:100%;overflow:visible}
.vsl-agentic-chart-grid{stroke:#e9e3ea;stroke-width:1;stroke-dasharray:4 5;vector-effect:non-scaling-stroke}
.vsl-agentic-chart-line{fill:none;stroke:#6f2d7d;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.vsl-agentic-chart-area{fill:rgba(111,45,125,.055)}
.vsl-agentic-chart-dot{fill:#6f2d7d;vector-effect:non-scaling-stroke}
.vsl-agentic-chart-xlabel,.vsl-agentic-chart-ylabel{fill:#756c77;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:11px}
.vsl-agentic-empty-inline{display:flex;align-items:center;gap:14px;padding:22px}
.vsl-agentic-empty-inline strong{display:block;margin-bottom:3px}
.vsl-agentic-empty-inline p{margin:0;color:var(--vsl-muted);font-size:13px;line-height:1.55}
.vsl-agentic-empty-inline p.vsl-agentic-empty-note{margin-top:8px;padding:10px 12px;border-radius:10px;background:#fff8ea;color:#7a5b12;font-size:12.5px}
.vsl-agentic-empty-inline p.vsl-agentic-empty-note strong{display:inline;margin:0;color:inherit}
.vsl-agentic-count-note{display:flex;align-items:center;gap:8px;margin:10px 0 0;padding:9px 14px;border-radius:10px;background:#f8f5fb;border:1px solid #ece1f0;color:#5b4a63;font-size:12.5px;line-height:1.45}
.vsl-agentic-count-note i{color:var(--vsl-purple);font-size:14px;flex:0 0 auto}
.vsl-agentic-count-note a{color:var(--vsl-purple);font-weight:650;text-decoration:none;white-space:nowrap}
.vsl-agentic-count-note a:hover{text-decoration:underline}
.vsl-agentic-empty-request{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:24px;align-items:center;padding:24px 28px}
.vsl-agentic-empty-art{width:96px;height:96px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,#f7effa,#efe2f5);color:#87509d;font-size:38px}
.vsl-agentic-empty-copy{min-width:0}
.vsl-agentic-empty-copy p{margin:8px 0 4px;color:#4e454f;font-size:14px}
.vsl-agentic-empty-copy small{display:block;max-width:540px;color:var(--vsl-muted);font-size:12.5px;line-height:1.55}
.vsl-agentic-primary-btn,.vsl-agentic-outline-btn,.vsl-agentic-danger-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:9px 14px;border-radius:10px;font:inherit;font-size:13px;font-weight:800;text-decoration:none;cursor:pointer;white-space:nowrap}
.vsl-agentic-primary-btn{border:1px solid var(--vsl-purple);background:var(--vsl-purple);color:#fff}
.vsl-agentic-primary-btn:hover{background:var(--vsl-purple-2)}
.vsl-agentic-outline-btn{border:1px solid #9b64a4;background:#fff;color:var(--vsl-purple)}
.vsl-agentic-outline-btn:hover{background:#faf6fb}
.vsl-agentic-danger-btn{border:1px solid #e2bcbc;background:#fff7f7;color:#9b2d2d}
.vsl-agentic-inbox-head{padding-bottom:12px;border-bottom:1px solid #f1ecf1}
.vsl-agentic-request-list{display:grid;gap:12px;padding:14px}
.vsl-agentic-request-card{padding:18px;border:1px solid #ece5ed;border-radius:14px;background:#fff}
.vsl-agentic-request-top{display:flex;justify-content:space-between;gap:18px}
.vsl-agentic-state{font-size:15px;font-weight:850;color:#211921}
.vsl-agentic-request-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.vsl-agentic-request-meta span{padding:6px 9px;border-radius:9px;background:#f8f5f8;color:#5f5661;font-size:12px}
.vsl-agentic-request-meta strong{color:#322832}
.vsl-agentic-counter-summary{display:flex;align-items:flex-start;gap:9px;margin-top:14px;padding:10px 12px;border-radius:10px;background:#faf6fb;color:#5e4d61;font-size:12.5px;line-height:1.5}
.vsl-agentic-counter-summary i{color:#7a3d85;margin-top:2px}
.vsl-agentic-decision-bar{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;margin-top:16px}
.vsl-agentic-decision-bar>form{margin:0}
.vsl-agentic-action-panel{position:relative;border:1px solid #dfd5e0;border-radius:10px;background:#fff}
.vsl-agentic-action-panel>summary{list-style:none;cursor:pointer;padding:9px 12px;color:#4a3b4b;font-size:13px;font-weight:750}
.vsl-agentic-action-panel>summary::-webkit-details-marker{display:none}
.vsl-agentic-action-panel[open]{flex:1 1 100%;margin-top:4px}
.vsl-agentic-action-panel.is-danger>summary{color:#8e3131}
.vsl-agentic-action-form{display:grid;gap:10px;padding:12px;border-top:1px solid #eee8ef;background:#fcfafc;border-radius:0 0 10px 10px}
.vsl-agentic-action-form label{display:grid;gap:5px;color:#4b404c;font-size:12px;font-weight:750}
.vsl-agentic-action-form input,.vsl-agentic-action-form textarea{width:100%;border:1px solid #d9d0da;border-radius:9px;background:#fff;padding:9px 10px;color:var(--vsl-ink);font:inherit;font-size:13px;box-sizing:border-box}
.vsl-agentic-action-form textarea{resize:vertical;min-height:72px}
.vsl-agentic-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.vsl-agentic-safety-note{display:flex;align-items:flex-start;gap:8px;margin:12px 0 0;color:var(--vsl-muted);font-size:12px;line-height:1.5}
.vsl-agentic-safety-note i{color:#5d7f69;margin-top:2px}
.vsl-agentic-payment-action{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding:14px;border-radius:12px;background:#f8f5f8}
.vsl-agentic-payment-action strong{display:block;margin-bottom:3px}
.vsl-agentic-payment-action p{margin:0;color:var(--vsl-muted);font-size:12.5px;line-height:1.5}
.vsl-agentic-lifecycle{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:14px 18px;background:#faf7fb;border-bottom:1px solid #efe8f0}
.vsl-agentic-lifecycle-step{display:flex;flex-direction:column;gap:3px;min-width:0}
.vsl-agentic-lifecycle-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;color:#5c1f5d}
.vsl-agentic-lifecycle-badge .vsl-agentic-num{width:18px;height:18px;border-radius:50%;background:#e9d9ec;color:#4a174b;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:900}
.vsl-agentic-lifecycle-step strong{font-size:12.5px;color:#261c28;line-height:1.25}
.vsl-agentic-lifecycle-step small{font-size:11px;color:#7a6e7c;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vsl-agentic-test-card{margin:14px 18px 18px;border:1px solid #e5dee6;border-radius:12px;background:#fff;overflow:hidden}
.vsl-agentic-test-summary{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#fdfbfe;cursor:pointer;font-size:13px;font-weight:700;color:#4a174b;list-style:none}
.vsl-agentic-test-summary::-webkit-details-marker{display:none}
.vsl-agentic-test-body{padding:14px;border-top:1px solid #efe8f0;background:#faf8fa;display:grid;gap:10px}
.vsl-agentic-trust-note{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid #eadff0;border-radius:14px;background:linear-gradient(90deg,#f9f5fb,#fbf9fc);color:#554858;font-size:12.5px}
.vsl-agentic-trust-note>i{color:#6c2f79;font-size:20px;margin-top:1px}
.vsl-agentic-trust-note div{display:grid;gap:2px}
.vsl-agentic-trust-note strong{font-size:13px;color:#4b3c4f}
.vsl-agentic-trust-note span{color:var(--vsl-muted)}

@media(max-width:760px){
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-main{gap:14px}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-heading{gap:6px;padding-top:2px}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-heading h1{font-size:28px}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-heading p{font-size:14px;line-height:1.55}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-kpi-card{display:grid;gap:9px;padding:12px 10px;border-radius:14px}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-kpi-icon{width:36px;height:36px;flex-basis:36px;border-radius:11px;font-size:18px}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-kpi-label{font-size:11.5px;line-height:1.25}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-kpi-copy strong{font-size:27px}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-kpi-copy small{font-size:10.5px;line-height:1.25}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-panel{border-radius:16px}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-panel-head{padding:15px 14px 0;gap:10px}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-panel-head h2,.vsl-agentic-empty-copy h2{font-size:17px}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-range{padding:7px 8px;font-size:11px}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-discovery-grid{grid-template-columns:1fr;gap:8px;padding:14px}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-discovery-copy ul{font-size:13px;line-height:1.5}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-discovery-copy p{margin-top:14px;font-size:12px}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-chart{height:195px;margin-top:2px}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-chart-xlabel,.vsl-agentic-chart-ylabel{font-size:10px}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-empty-inline{padding:16px 14px}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-empty-request{grid-template-columns:64px minmax(0,1fr);gap:14px;padding:16px 14px}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-empty-art{width:64px;height:64px;border-radius:14px;font-size:29px}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-empty-copy p{font-size:13px}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-empty-copy small{font-size:11.5px}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-empty-request>.vsl-agentic-outline-btn{grid-column:1/-1;width:100%}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-request-list{padding:10px;gap:10px}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-request-card{padding:14px 12px}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-decision-bar{display:grid;grid-template-columns:1fr 1fr;gap:8px}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-decision-bar>form,.vsl-agentic-decision-bar>form .vsl-agentic-primary-btn,.vsl-agentic-action-panel{width:100%}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-action-panel[open]{grid-column:1/-1}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-payment-action{align-items:stretch;flex-direction:column}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-payment-action form,.vsl-agentic-payment-action .vsl-agentic-primary-btn{width:100%}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-lifecycle{grid-template-columns:1fr;gap:10px;padding:12px 14px}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-lifecycle-step{flex-direction:row;align-items:center;gap:8px}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-lifecycle-step small{display:none}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-test-card{margin:10px 14px 14px}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-trust-note{padding:13px 12px;border-radius:13px}
}

@media(max-width:420px){
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-kpis{gap:6px}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-kpi-card{padding:10px 8px}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-kpi-label{font-size:10.5px}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-kpi-copy strong{font-size:25px}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-range{font-size:10.5px}
html:not(.vsl-reference-desktop-active):not(.vsl-standard-desktop-boot) body .vsl-agentic-form-grid{grid-template-columns:1fr}
}

/* --------------------------------------------------------------------------
 * Connections — Connected AI platforms
 * A clean management workspace: white canvas, deliberate section spacing,
 * compact controls, and readable connected-platform cards.
 * ----------------------------------------------------------------------- */
.page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell{
    color:var(--vsl-ink);
    background:#fff;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell > .vsl-ai-row.mobile-stack{
    align-items:flex-end;
    gap:28px;
    margin:0;
    padding:0 0 2px;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell > .vsl-ai-row.mobile-stack > div:first-child{
    min-width:0;
    flex:1 1 auto;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell > .vsl-ai-row.mobile-stack .vsl-ai-eyebrow{
    display:block;
    margin:0 0 7px;
    color:#642668;
    font-size:10.5px;
    font-weight:900;
    letter-spacing:.15em;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell > .vsl-ai-row.mobile-stack h1{
    margin:0;
    color:#1d171e;
    font-size:31px;
    line-height:1.08;
    letter-spacing:-.025em;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell > .vsl-ai-row.mobile-stack p{
    max-width:720px;
    margin:9px 0 0;
    color:var(--vsl-muted);
    font-size:14px;
    line-height:1.55;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell > .vsl-ai-row.mobile-stack > .vsl-ai-button{
    flex:0 0 auto;
    min-height:40px;
    padding:9px 16px;
    border-radius:10px;
    box-shadow:none;
}

/* MCP endpoint: one quiet, horizontal utility surface. */
.page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell > .vsl-ai-row.mobile-stack + .vsl-ai-card{
    padding:18px 20px;
    border:1px solid #e7e0e8;
    border-radius:15px;
    background:#fff;
    box-shadow:none;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell > .vsl-ai-row.mobile-stack + .vsl-ai-card h2{
    margin:0 0 12px;
    color:#251d26;
    font-size:17px;
    line-height:1.3;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell .vsl-ai-code{
    min-height:50px;
    padding:8px 9px 8px 13px;
    border:1px solid #e9e2ea;
    border-radius:11px;
    background:#fff;
    box-shadow:inset 0 0 0 1px rgba(74,23,75,.01);
}
.page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell .vsl-ai-code code{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    color:#522155;
    font-size:12.5px;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell .vsl-ai-copy{
    flex:0 0 auto;
    min-height:32px;
    padding:6px 10px;
    border:1px solid #e7e0e8;
    border-radius:8px;
    background:#fff;
    box-shadow:none;
}

/* The three account-control links read as one compact control row. */
.page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell > .settings-links{
    margin:0;
    gap:14px;
    align-items:stretch;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell > .settings-links .vsl-ai-card{
    min-height:164px;
    display:flex;
    flex-direction:column;
    padding:18px 18px 16px;
    border:1px solid #e7e0e8;
    border-top:3px solid #d8c7da;
    border-radius:14px;
    background:#fff;
    box-shadow:none;
    transition:border-color .16s ease,transform .16s ease;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell > .settings-links .vsl-ai-card:hover{
    transform:translateY(-1px);
    border-color:#cfbdd1;
    border-top-color:#7b3b80;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell > .settings-links .vsl-ai-card .vsl-ai-eyebrow{
    margin:0 0 5px;
    color:#6b2b70;
    font-size:9.5px;
    letter-spacing:.14em;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell > .settings-links .vsl-ai-card h2,
.page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell > .settings-links .vsl-ai-card h3{
    margin:0 0 7px;
    color:#271e28;
    font-size:17px;
    line-height:1.22;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell > .settings-links .vsl-ai-card p{
    margin:0 0 14px;
    color:var(--vsl-muted);
    font-size:13px;
    line-height:1.48;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell > .settings-links .vsl-ai-link-label{
    margin-top:auto;
    padding-top:10px;
    border-top:1px solid #f0ebf1;
    color:#58225b;
    font-size:12.5px;
}

/* Connected platforms: each provider is a single structured white surface. */
.page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell > .vsl-ai-stack{
    display:grid;
    gap:18px;
    margin:0;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell > .vsl-ai-stack > .vsl-ai-card{
    padding:20px;
    border:1px solid #e5dee6;
    border-radius:16px;
    background:#fff;
    box-shadow:none;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell > .vsl-ai-stack > .vsl-ai-card > .vsl-ai-row:first-child{
    align-items:center;
    min-height:54px;
    padding:0 0 15px;
    border-bottom:1px solid #eee8ef;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell .vsl-ai-provider-mark{
    width:46px;
    height:46px;
    border-radius:13px;
    box-shadow:none;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell .vsl-ai-status{
    font-size:12px;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell > .vsl-ai-stack > .vsl-ai-card .vsl-ai-grid:not(.settings-links){
    gap:0;
    margin-top:16px;
    overflow:hidden;
    border:1px solid #eee8ef;
    border-radius:11px;
    background:#fff;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell > .vsl-ai-stack > .vsl-ai-card .vsl-ai-grid:not(.settings-links) > *{
    min-width:0;
    padding:12px 14px;
    border-right:1px solid #eee8ef;
    background:#fff;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell > .vsl-ai-stack > .vsl-ai-card .vsl-ai-grid:not(.settings-links) > *:last-child{
    border-right:0;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell .vsl-ai-kpi{
    color:#4a174b;
    font-size:27px;
    line-height:1.05;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell .vsl-ai-meta{
    gap:6px;
    margin-top:8px;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell .vsl-ai-pill{
    padding:5px 8px;
    border:1px solid #e9e2ea;
    background:#faf8fa;
    color:#542357;
    font-size:10.8px;
    font-weight:750;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell > .vsl-ai-stack > .vsl-ai-card .vsl-ai-actions{
    gap:8px;
    margin-top:17px;
    padding-top:14px;
    border-top:1px solid #f0ebf1;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell > .vsl-ai-stack > .vsl-ai-card .vsl-ai-button.small{
    min-height:34px;
    padding:7px 11px;
}

/* --------------------------------------------------------------------------
 * Setup guide / platform setup
 * The page remains text-first, but each platform becomes a clear numbered
 * setup surface rather than a vertical pile of generic cards.
 * ----------------------------------------------------------------------- */
.page-wrapper.vsl-ai-page.vsl-ai-page-docs > main.vsl-ai-shell{
    counter-reset:vsl-platform-card;
    color:var(--vsl-ink);
    background:#fff;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-docs > main.vsl-ai-shell > .vsl-ai-eyebrow{
    display:block;
    margin:0 0 7px;
    color:#642668;
    font-size:10.5px;
    font-weight:900;
    letter-spacing:.15em;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-docs > main.vsl-ai-shell > h1{
    margin:0;
    color:#1d171e;
    font-size:31px;
    line-height:1.08;
    letter-spacing:-.025em;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-docs > main.vsl-ai-shell > h1 + p{
    max-width:780px;
    margin:9px 0 0;
    color:var(--vsl-muted);
    font-size:14px;
    line-height:1.55;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-docs > main.vsl-ai-shell > .vsl-ai-code{
    min-height:54px;
    margin-top:18px;
    padding:8px 9px 8px 13px;
    border:1px solid #e6dfe7;
    border-radius:12px;
    background:#fff;
    box-shadow:none;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-docs > main.vsl-ai-shell > .vsl-ai-code code{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    color:#522155;
    font-size:12.5px;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-docs > main.vsl-ai-shell > .vsl-ai-code + p{
    margin:10px 0 0;
    padding:0 1px;
    color:var(--vsl-muted);
    font-size:13px;
    line-height:1.5;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-docs > main.vsl-ai-shell > .vsl-ai-card{
    counter-increment:vsl-platform-card;
    position:relative;
    margin:0;
    padding:20px 22px 20px 70px;
    border:1px solid #e5dee6;
    border-radius:16px;
    background:#fff;
    box-shadow:none;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-docs > main.vsl-ai-shell > .vsl-ai-card::before{
    content:counter(vsl-platform-card, decimal-leading-zero);
    position:absolute;
    top:19px;
    left:20px;
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border:1px solid #d9c9db;
    border-radius:10px;
    color:#632769;
    background:#fff;
    font-size:11px;
    font-weight:900;
    letter-spacing:.04em;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-docs > main.vsl-ai-shell > .vsl-ai-card h2,
.page-wrapper.vsl-ai-page.vsl-ai-page-docs > main.vsl-ai-shell > .vsl-ai-card h3{
    margin:0 0 10px;
    color:#231b24;
    font-size:18px;
    line-height:1.25;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-docs > main.vsl-ai-shell > .vsl-ai-card p{
    color:#5f5661;
    font-size:13px;
    line-height:1.55;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-docs > main.vsl-ai-shell > .vsl-ai-card ol,
.page-wrapper.vsl-ai-page.vsl-ai-page-docs > main.vsl-ai-shell > .vsl-ai-card ul{
    margin:0;
    padding-left:20px;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-docs > main.vsl-ai-shell > .vsl-ai-card li{
    margin:8px 0;
    padding-left:2px;
    color:#372d38;
    font-size:13px;
    line-height:1.5;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-docs > main.vsl-ai-shell > .vsl-ai-card > :last-child{
    margin-bottom:0;
}

/* Activity: give the heading, explanation and audit table room to breathe. */
.page-wrapper.vsl-ai-page.vsl-ai-page-activity > main.vsl-ai-shell > .vsl-ai-eyebrow{
    margin-bottom:7px;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-activity > main.vsl-ai-shell > h1{
    margin-top:0;
    margin-bottom:0;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-activity > main.vsl-ai-shell > h1 + p{
    margin:10px 0 0;
}
.page-wrapper.vsl-ai-page.vsl-ai-page-activity > main.vsl-ai-shell > .vsl-ai-table-wrap{
    margin-top:18px;
}

@media(max-width:820px){
    .page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell > .vsl-ai-row.mobile-stack{
        align-items:stretch;
        flex-direction:column;
        gap:13px;
    }
    .page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell > .vsl-ai-row.mobile-stack h1,
    .page-wrapper.vsl-ai-page.vsl-ai-page-docs > main.vsl-ai-shell > h1{
        font-size:27px;
    }
    .page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell > .vsl-ai-row.mobile-stack p,
    .page-wrapper.vsl-ai-page.vsl-ai-page-docs > main.vsl-ai-shell > h1 + p{
        margin-top:7px;
        font-size:13.5px;
    }
    .page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell > .vsl-ai-row.mobile-stack > .vsl-ai-button{
        width:100%;
    }
    .page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell > .vsl-ai-row.mobile-stack + .vsl-ai-card{
        padding:15px 14px;
        border-radius:13px;
    }
    .page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell > .settings-links{
        grid-template-columns:1fr;
        gap:11px;
    }
    .page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell > .settings-links .vsl-ai-card{
        min-height:0;
        padding:15px 14px 13px;
        border-radius:13px;
    }
    .page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell > .vsl-ai-stack{
        gap:13px;
    }
    .page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell > .vsl-ai-stack > .vsl-ai-card{
        padding:15px 14px;
        border-radius:14px;
    }
    .page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell > .vsl-ai-stack > .vsl-ai-card > .vsl-ai-row:first-child{
        align-items:flex-start;
        padding-bottom:13px;
    }
    .page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell > .vsl-ai-stack > .vsl-ai-card .vsl-ai-grid:not(.settings-links){
        grid-template-columns:1fr;
        margin-top:14px;
    }
    .page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell > .vsl-ai-stack > .vsl-ai-card .vsl-ai-grid:not(.settings-links) > *{
        border-right:0;
        border-bottom:1px solid #eee8ef;
    }
    .page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell > .vsl-ai-stack > .vsl-ai-card .vsl-ai-grid:not(.settings-links) > *:last-child{
        border-bottom:0;
    }
    .page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell .vsl-ai-code,
    .page-wrapper.vsl-ai-page.vsl-ai-page-docs > main.vsl-ai-shell > .vsl-ai-code{
        align-items:stretch;
        flex-direction:column;
    }
    .page-wrapper.vsl-ai-page.vsl-ai-page-settings > main.vsl-ai-shell .vsl-ai-copy,
    .page-wrapper.vsl-ai-page.vsl-ai-page-docs > main.vsl-ai-shell .vsl-ai-copy{
        align-self:flex-end;
    }
    .page-wrapper.vsl-ai-page.vsl-ai-page-docs > main.vsl-ai-shell > .vsl-ai-card{
        padding:16px 14px 15px;
        border-radius:14px;
    }
    .page-wrapper.vsl-ai-page.vsl-ai-page-docs > main.vsl-ai-shell > .vsl-ai-card::before{
        top:14px;
        right:14px;
        left:auto;
        width:31px;
        height:31px;
        border-radius:9px;
    }
    .page-wrapper.vsl-ai-page.vsl-ai-page-docs > main.vsl-ai-shell > .vsl-ai-card h2,
    .page-wrapper.vsl-ai-page.vsl-ai-page-docs > main.vsl-ai-shell > .vsl-ai-card h3{
        padding-right:44px;
        font-size:17px;
    }
}


/* ---------------------------------------------------------------------
 * Approve VSL action (confirmations/action.php) — profile + graph redesign.
 * Scoped entirely to .vsl-ai-confirm-* classes so nothing else on the page
 * (or any other AI Connect page) is affected.
 * ------------------------------------------------------------------- */
.vsl-ai-confirm-top-notice {
    margin-bottom: 16px;
}

.vsl-ai-confirm-profile {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 22px 24px;
    margin-bottom: 14px;
    background: linear-gradient(135deg, #ffffff 0%, #faf7fb 60%, #f4edf6 100%);
    border: 1px solid var(--vsl-line);
    border-radius: var(--vsl-radius);
    box-shadow: var(--vsl-shadow-lg);
    overflow: hidden;
}

.vsl-ai-confirm-profile-glow {
    position: absolute;
    top: -60px;
    right: -60px;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(74, 23, 75, 0.16), rgba(74, 23, 75, 0) 70%);
    pointer-events: none;
}

.vsl-ai-confirm-avatar {
    position: relative;
    flex: 0 0 auto;
    width: 84px;
    height: 84px;
    border-radius: 50%;
    overflow: hidden;
    background: linear-gradient(135deg, var(--vsl-purple), var(--vsl-purple-2));
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 16px rgba(74, 23, 75, 0.3);
    border: 3px solid #fff;
    outline: 1px solid var(--vsl-line);
}

.vsl-ai-confirm-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.vsl-ai-confirm-avatar-fallback {
    color: #fff;
    font-weight: 700;
    font-size: 26px;
    letter-spacing: 0.02em;
}

.vsl-ai-confirm-profile-meta {
    min-width: 0;
    flex: 1 1 auto;
    position: relative;
    z-index: 1;
}

.vsl-ai-confirm-profile-name-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 10px;
}

.vsl-ai-confirm-profile-name-row h2 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: var(--vsl-ink);
    overflow-wrap: anywhere;
}

.vsl-ai-confirm-badge {
    font-size: 11.5px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

.vsl-ai-confirm-badge.is-merchant {
    background: rgba(16, 185, 129, 0.12);
    color: #047857;
    border-color: rgba(16, 185, 129, 0.25);
}

.vsl-ai-confirm-profile-facts {
    margin-top: 8px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 14px;
}

.vsl-ai-confirm-fact {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    color: var(--vsl-muted);
}

.vsl-ai-confirm-fact i {
    font-size: 13px;
}

.vsl-ai-confirm-fact-link {
    color: var(--vsl-purple);
    text-decoration: none;
    font-weight: 600;
}

.vsl-ai-confirm-fact-link:hover {
    text-decoration: underline;
}

/* Confidence donut — pure CSS conic-gradient ring, no chart library needed */
.vsl-ai-confirm-donut-wrap {
    flex: 0 0 auto;
    position: relative;
    z-index: 1;
}

.vsl-ai-confirm-donut {
    --vsl-donut-deg: 0deg;
    width: 84px;
    height: 84px;
    border-radius: 50%;
    background: conic-gradient(var(--vsl-red) 0deg var(--vsl-donut-deg), #eef0f4 var(--vsl-donut-deg) 360deg);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--vsl-shadow);
}

.vsl-ai-confirm-donut.is-mid {
    background: conic-gradient(var(--vsl-yellow) 0deg var(--vsl-donut-deg), #eef0f4 var(--vsl-donut-deg) 360deg);
}

.vsl-ai-confirm-donut.is-high {
    background: conic-gradient(var(--vsl-green) 0deg var(--vsl-donut-deg), #eef0f4 var(--vsl-donut-deg) 360deg);
}

.vsl-ai-confirm-donut-hole {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 0 0 1px var(--vsl-line);
}

.vsl-ai-confirm-donut-hole strong {
    font-size: 15px;
    font-weight: 700;
    color: var(--vsl-ink);
    line-height: 1.1;
}

.vsl-ai-confirm-donut-hole span {
    font-size: 9.5px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--vsl-muted);
}

.vsl-ai-confirm-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.vsl-ai-confirm-stat {
    position: relative;
    background: #fff;
    border: 1px solid var(--vsl-line);
    border-radius: var(--vsl-radius);
    box-shadow: var(--vsl-shadow);
    padding: 14px 16px;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.vsl-ai-confirm-stat:hover {
    box-shadow: var(--vsl-shadow-lg);
    transform: translateY(-1px);
}

.vsl-ai-confirm-stat-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}

.vsl-ai-confirm-stat-head span {
    font-size: 12.5px;
    color: var(--vsl-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.vsl-ai-confirm-stat-head strong {
    font-size: 18px;
    color: var(--vsl-ink);
    font-weight: 700;
}

.vsl-ai-confirm-stat-caption {
    display: block;
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.4;
}

.vsl-ai-confirm-signal-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.vsl-ai-confirm-signal {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12.5px;
    color: var(--vsl-muted);
    padding: 3px 0;
}

.vsl-ai-confirm-signal.is-on {
    color: var(--vsl-ink);
    font-weight: 600;
}

.vsl-ai-confirm-signal-icon {
    display: inline-flex;
    font-size: 14px;
    color: #cbd5e1;
}

.vsl-ai-confirm-signal.is-on .vsl-ai-confirm-signal-icon {
    color: var(--vsl-green);
}

.vsl-ai-confirm-bars {
    display: flex;
    align-items: flex-end;
    gap: 4px;
    height: 22px;
}

.vsl-ai-confirm-bar {
    flex: 1 1 0;
    height: 8px;
    border-radius: 3px;
    background: #eef0f4;
    align-self: flex-end;
}

.vsl-ai-confirm-bar.is-active {
    background: var(--vsl-purple);
    height: 100%;
}

.vsl-ai-confirm-channel-icon {
    font-size: 20px;
    color: var(--vsl-purple);
    margin: 2px 0;
}

.vsl-ai-confirm-card {
    margin-top: 0;
}

.vsl-ai-confirm-actions {
    flex-wrap: wrap;
}

@media (max-width: 640px) {
    .vsl-ai-confirm-profile {
        padding: 16px 16px;
        gap: 14px;
        flex-wrap: wrap;
    }

    .vsl-ai-confirm-avatar {
        width: 60px;
        height: 60px;
    }

    .vsl-ai-confirm-donut-wrap {
        order: 3;
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 4px;
    }

    .vsl-ai-confirm-profile-name-row h2 {
        font-size: 17px;
    }

    .vsl-ai-confirm-stats {
        grid-template-columns: 1fr;
    }

    .vsl-ai-confirm-actions {
        flex-direction: column;
    }

    .vsl-ai-confirm-actions .vsl-ai-button {
        width: 100%;
        min-height: 44px;
    }
}

/* =====================================================================
   VSL AI Commerce redesign layer
   ---------------------------------------------------------------------
   Final visual layer for every AI Connect page under <main>. This block is
   intentionally appended last so older uploaded rules cannot flatten the UI.
   It does not style the outer VSL topbar, left navigation, or right rail.
   ===================================================================== */
main.vsl-ai-shell {
    --vsl-glass: rgba(255, 255, 255, .82);
    --vsl-deep-shadow: 0 22px 70px rgba(15, 23, 42, .10), 0 3px 12px rgba(15, 23, 42, .06);
    --vsl-purple-glow: rgba(74, 23, 75, .18);
    isolation: isolate;
    position: relative;
    padding: 22px;
    border: 1px solid rgba(226, 232, 240, .95);
    border-radius: 24px;
    background:
        radial-gradient(circle at 12% 0%, rgba(245, 158, 11, .14), transparent 28%),
        radial-gradient(circle at 82% 6%, rgba(74, 23, 75, .16), transparent 32%),
        linear-gradient(180deg, #ffffff 0%, #fbf8fc 44%, #f8fafc 100%);
    box-shadow: var(--vsl-deep-shadow);
}

main.vsl-ai-shell::before {
    content: "";
    position: absolute;
    inset: 10px;
    z-index: -1;
    border-radius: 20px;
    background:
        linear-gradient(90deg, rgba(255,255,255,.6) 1px, transparent 1px),
        linear-gradient(180deg, rgba(255,255,255,.55) 1px, transparent 1px);
    background-size: 34px 34px;
    mask-image: linear-gradient(180deg, rgba(0,0,0,.7), transparent 78%);
    pointer-events: none;
}

.vsl-ai-shell > section:first-child:not(.vsl-ai-card),
.vsl-ai-shell > article:first-child:not(.vsl-ai-card),
.vsl-agentic-heading {
    position: relative;
    padding: 28px 30px;
    overflow: hidden;
    border: 1px solid rgba(226, 232, 240, .95);
    border-radius: 22px;
    background:
        radial-gradient(circle at 100% 0%, rgba(74, 23, 75, .22), transparent 34%),
        linear-gradient(135deg, rgba(255,255,255,.96), rgba(251,245,252,.94));
    box-shadow: 0 16px 46px rgba(74, 23, 75, .10), 0 1px 2px rgba(15, 23, 42, .04);
}

.vsl-ai-shell > section:first-child:not(.vsl-ai-card)::after,
.vsl-agentic-heading::after {
    content: "";
    position: absolute;
    width: 190px;
    height: 190px;
    right: -70px;
    top: -76px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(245,158,11,.30), rgba(74,23,75,.12) 44%, transparent 72%);
    pointer-events: none;
}

.vsl-ai-shell > section:first-child h1,
.vsl-agentic-heading h1 {
    margin: 7px 0 10px;
    color: #0b1020;
    font-size: clamp(30px, 4vw, 54px);
    letter-spacing: -.045em;
}

.vsl-ai-card,
.vsl-ai-table-wrap,
.vsl-agentic-panel,
.vsl-agentic-kpi-card {
    border: 1px solid rgba(226, 232, 240, .95) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.92) !important;
    box-shadow: 0 14px 42px rgba(15, 23, 42, .075), 0 1px 2px rgba(15, 23, 42, .04) !important;
}

.vsl-ai-card:hover,
.vsl-ai-feature-link:hover,
.vsl-agentic-kpi-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 24px 64px rgba(15, 23, 42, .12), 0 2px 6px rgba(15, 23, 42, .05) !important;
}

.vsl-ai-card,
.vsl-ai-feature-link,
.vsl-agentic-kpi-card {
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.vsl-ai-feature-link,
.vsl-ai-connect-option {
    position: relative;
    overflow: hidden;
}

.vsl-ai-feature-link::before,
.vsl-ai-connect-option::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 4px;
    background: linear-gradient(90deg, var(--vsl-purple), var(--vsl-yellow));
}

.vsl-ai-button {
    min-height: 44px;
    border-radius: 999px !important;
    background: linear-gradient(135deg, var(--vsl-purple), #6b1d72) !important;
    box-shadow: 0 12px 24px rgba(74, 23, 75, .22) !important;
}

.vsl-ai-button.secondary {
    background: #fff !important;
    color: var(--vsl-purple) !important;
    border-color: #eadff0 !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .06) !important;
}

.vsl-ai-button.secondary i {
    color: var(--vsl-yellow) !important;
}

.vsl-ai-button.danger {
    background: linear-gradient(135deg, #b91c1c, #7f1d1d) !important;
    border-color: #7f1d1d !important;
    color: #fff !important;
    box-shadow: 0 12px 24px rgba(127, 29, 29, .24) !important;
}

.vsl-ai-button.danger,
.vsl-ai-button.danger i,
.vsl-ai-button.danger:hover {
    color: #fff !important;
}

.vsl-ai-button.danger:hover {
    background: linear-gradient(135deg, #991b1b, #7f1d1d) !important;
    border-color: #991b1b !important;
}

.vsl-ai-code {
    border-radius: 16px !important;
    border-color: #e8ddea !important;
    background: linear-gradient(180deg, #fff, #faf7fb) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 10px 30px rgba(15, 23, 42, .05);
}

.vsl-ai-docs-nav {
    position: sticky;
    top: 88px;
    z-index: 3;
}

.vsl-ai-docs-nav .vsl-ai-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 0;
    list-style: none;
}

.vsl-ai-docs-nav .vsl-ai-list a {
    display: flex;
    min-height: 44px;
    align-items: center;
    padding: 10px 12px;
    border: 1px solid #eadff0;
    border-radius: 14px;
    background: #fff;
    color: #311334;
    font-weight: 700;
    text-decoration: none;
}

.vsl-ai-docs-nav .vsl-ai-list a:hover {
    background: #fbf7fc;
    border-color: #d8c3dc;
}

.vsl-ai-table {
    border-collapse: separate !important;
    border-spacing: 0 8px !important;
}

.vsl-ai-table th {
    color: #64748b;
    font-size: 12px;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.vsl-ai-table td {
    background: #fff;
    border-top: 1px solid #edf2f7;
    border-bottom: 1px solid #edf2f7;
}

.vsl-ai-table td:first-child {
    border-left: 1px solid #edf2f7;
    border-radius: 14px 0 0 14px;
}

.vsl-ai-table td:last-child {
    border-right: 1px solid #edf2f7;
    border-radius: 0 14px 14px 0;
}

/* Confirmation page: make the profile/graphs impossible to miss, including old act_ links. */
main.vsl-ai-confirm-page {
    max-width: 1040px;
}

.vsl-ai-confirm-profile {
    padding: 28px !important;
    min-height: 148px;
    border-radius: 26px !important;
    background:
        radial-gradient(circle at 78% -20%, rgba(245, 158, 11, .32), transparent 34%),
        radial-gradient(circle at 12% 108%, rgba(74, 23, 75, .20), transparent 36%),
        linear-gradient(135deg, #fff 0%, #fbf7fc 58%, #f2e7f4 100%) !important;
    box-shadow: 0 24px 70px rgba(74, 23, 75, .16), 0 2px 6px rgba(15, 23, 42, .05) !important;
}

.vsl-ai-confirm-avatar {
    width: 98px !important;
    height: 98px !important;
    box-shadow: 0 18px 38px rgba(74, 23, 75, .28), 0 0 0 7px rgba(255,255,255,.85) !important;
}

.vsl-ai-confirm-profile-name-row h2 {
    font-size: clamp(22px, 3vw, 34px) !important;
}

.vsl-ai-confirm-donut {
    width: 108px !important;
    height: 108px !important;
}

.vsl-ai-confirm-donut-hole {
    width: 78px !important;
    height: 78px !important;
}

.vsl-ai-confirm-donut-hole strong {
    font-size: 20px !important;
}

.vsl-ai-confirm-stats {
    grid-template-columns: 1.45fr .8fr .8fr !important;
}

.vsl-ai-confirm-stat {
    min-height: 128px;
    border-radius: 22px !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(74, 23, 75, .08), transparent 42%),
        #fff !important;
}

.vsl-ai-confirm-stat-signals {
    background:
        linear-gradient(180deg, rgba(255,255,255,.96), rgba(250,247,251,.96)),
        radial-gradient(circle at 100% 0%, rgba(16,185,129,.16), transparent 40%) !important;
}

.vsl-ai-confirm-signal-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px !important;
}

.vsl-ai-confirm-signal {
    padding: 9px 10px !important;
    border: 1px solid #edf2f7;
    border-radius: 12px;
    background: #fff;
}

.vsl-ai-confirm-signal.is-on {
    border-color: #b7f1da;
    background: #f0fdf7;
}

.vsl-ai-confirm-channel-icon {
    display: grid;
    width: 54px;
    height: 54px;
    place-items: center;
    border-radius: 18px;
    background: #f8edf9;
    font-size: 24px !important;
}

@media (max-width: 900px) {
    main.vsl-ai-shell {
        width: min(100% - 20px, 100%);
        margin-top: 18px;
        padding: 14px;
        border-radius: 20px;
        overflow-x: hidden;
    }

    .vsl-ai-docs-nav .vsl-ai-list,
    .vsl-ai-confirm-stats,
    .vsl-ai-confirm-signal-list {
        grid-template-columns: 1fr !important;
    }

    .vsl-ai-confirm-profile {
        align-items: flex-start;
        min-height: 0;
        padding: 18px !important;
    }

    .vsl-ai-confirm-avatar {
        width: 72px !important;
        height: 72px !important;
    }

    .vsl-ai-confirm-donut-wrap {
        width: auto;
        margin-left: auto;
    }

    .vsl-ai-confirm-donut {
        width: 82px !important;
        height: 82px !important;
    }

    .vsl-ai-confirm-donut-hole {
        width: 60px !important;
        height: 60px !important;
    }
}

@media (max-width: 560px) {
    main.vsl-ai-shell {
        width: 100%;
        margin: 8px 0 48px;
        border-left: 0;
        border-right: 0;
        border-radius: 0;
    }

    .vsl-ai-shell > section:first-child:not(.vsl-ai-card),
    .vsl-agentic-heading,
    .vsl-ai-card,
    .vsl-ai-table-wrap,
    .vsl-agentic-panel,
    .vsl-agentic-kpi-card {
        border-radius: 18px !important;
    }

    .vsl-ai-confirm-profile {
        display: grid !important;
        grid-template-columns: 72px 1fr;
    }

    .vsl-ai-confirm-donut-wrap {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }
}