/* AI Support Agent — public changelog (page and shortcode), styled like the widget's Changelog tab */
.aisa-clp { --aisa-deep: color-mix(in srgb, var(--aisa-accent, #2b59ff) 72%, #0e0f1a); --aisa-tint: color-mix(in srgb, var(--aisa-accent, #2b59ff) 9%, #fff); --aisa-ink: #14151a; --aisa-muted: #6f7380; --aisa-line: #e8e9ee; --aisa-surface: #fff; display: flex; flex-direction: column; gap: 16px; margin: 8px 0 24px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: var(--aisa-ink); }
.aisa-clp * { box-sizing: border-box; }
.aisa-clp-title { margin: 0 0 12px; font-size: 28px; font-weight: 800; letter-spacing: -.02em; }
.aisa-clp-entry { padding: 18px 20px 14px; border-radius: 18px; background: var(--aisa-surface); box-shadow: 0 0 0 1px rgba(14, 15, 26, .06), 0 6px 18px rgba(14, 15, 26, .05); }
.aisa-clp-head { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 0 0 12px; }
.aisa-clp-version { display: inline-flex; align-items: center; padding: 4px 12px; border-radius: 999px; background: linear-gradient(135deg, var(--aisa-accent, #2b59ff), var(--aisa-deep)); color: #fff !important; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13.5px; font-weight: 700; letter-spacing: .02em; text-decoration: none !important; }
.aisa-clp-date { display: inline-flex; align-items: center; padding: 4px 10px; border-radius: 999px; background: var(--aisa-tint); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--aisa-accent, #2b59ff) 22%, transparent); color: var(--aisa-accent, #2b59ff); font-size: 12px; font-weight: 650; }
.aisa-clp-latest { display: inline-flex; padding: 3px 9px; border-radius: 999px; background: #dcfce7; color: #15803d; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.aisa-clp-ask { margin-left: auto; padding: 6px 12px; border: 0; border-radius: 10px; background: var(--aisa-tint); color: var(--aisa-accent, #2b59ff); font: inherit; font-size: 12.5px; font-weight: 650; cursor: pointer; }
.aisa-clp-ask:hover { background: var(--aisa-accent, #2b59ff); color: #fff; }
.aisa-clp-items { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px; }
.aisa-clp-items li { margin: 0; padding: 0; font-size: 15px; line-height: 1.55; }
.aisa-clp-type, .aisa-clp-pro { display: inline-block; vertical-align: 1px; margin: 0 8px 0 0; padding: 2px 8px; border-radius: 6px; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; background: #f1f2f6; color: var(--aisa-muted); }
.aisa-clp-type.is-new { background: #dcfce7; color: #15803d; }
.aisa-clp-type.is-fix { background: #fee2e2; color: #b91c1c; }
.aisa-clp-type.is-improvement { background: #dbeafe; color: #1d4ed8; }
.aisa-clp-type.is-security { background: #fef3c7; color: #b45309; }
.aisa-clp-type.is-removed { background: #f3f4f6; color: #4b5563; }
.aisa-clp-type.is-dev { background: #ede9fe; color: #6d28d9; }
.aisa-clp-pro { background: var(--aisa-tint); color: var(--aisa-accent, #2b59ff); }
.aisa-clp-empty { color: var(--aisa-muted); }

/* ================= Full changelog page ================= */
.aisa-clpage .aisa-clpage-hero { padding-bottom: 36px !important; }
.aisa-clpage-kicker { display: inline-block; margin: 6px 0 8px; font-size: 11.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--aisa-accent, #2b59ff); }
.aisa-clpage .aisa-d-hero h1 { margin-bottom: 18px !important; }
.aisa-clpage-meta { display: flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap; }
.aisa-clpage-latest { display: inline-flex; align-items: center; gap: 10px; padding: 8px 14px 8px 10px; border-radius: 999px; background: #fff; box-shadow: 0 0 0 1px rgba(14, 15, 26, .06), 0 10px 30px rgba(14, 15, 26, .08); text-decoration: none !important; color: var(--aisa-ink, #14151a) !important; }
.aisa-clpage-latest span { padding: 3px 8px; border-radius: 999px; background: #dcfce7; color: #15803d; font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.aisa-clpage-latest b { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 15px; }
.aisa-clpage-latest em { font-style: normal; font-size: 13px; color: var(--aisa-muted, #6f7380); }
.aisa-clpage-count { font-size: 13.5px; color: var(--aisa-muted, #6f7380); }
.aisa-clpage-link { font-size: 13.5px; font-weight: 650; color: var(--aisa-accent, #2b59ff); text-decoration: none; }
.aisa-clpage-link:hover { text-decoration: underline; }
.aisa-clpage-grid { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 36px; align-items: start; max-width: 1100px; margin: 0 auto; padding: 0 24px 72px; }
.aisa-clpage-side-inner { position: sticky; top: 24px; display: flex; flex-direction: column; gap: 18px; }
.aisa-clpage-filters { display: flex; flex-wrap: wrap; gap: 6px; }
.aisa-clpage-filters button { padding: 6px 10px; border: 1px solid var(--aisa-line, #e8e9ee); border-radius: 999px; background: #fff; color: var(--aisa-muted, #6f7380); font: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer; }
.aisa-clpage-filters button.is-active { border-color: var(--aisa-accent, #2b59ff); color: var(--aisa-ink, #14151a); box-shadow: 0 0 0 2px color-mix(in srgb, var(--aisa-accent, #2b59ff) 18%, transparent); }
.aisa-clpage-filters button .aisa-clp-type { margin: 0; }
.aisa-clpage-toc { padding: 14px 14px 10px; border-radius: 16px; background: #fff; box-shadow: 0 0 0 1px rgba(14, 15, 26, .06); max-height: calc(100vh - 220px); overflow: auto; }
.aisa-clpage-toc-label { display: block; margin: 0 0 8px 4px; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--aisa-muted, #6f7380); }
.aisa-clpage-toc ul { margin: 0; padding: 0; list-style: none; }
.aisa-clpage-toc li { margin: 0; }
.aisa-clpage-toc a { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding: 7px 8px; border-radius: 9px; text-decoration: none !important; color: var(--aisa-ink, #14151a) !important; }
.aisa-clpage-toc a b { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px; font-weight: 600; }
.aisa-clpage-toc a span { font-size: 11.5px; color: var(--aisa-muted, #6f7380); white-space: nowrap; }
.aisa-clpage-toc a:hover { background: var(--aisa-tint); }
.aisa-clpage-toc a.is-current { background: var(--aisa-tint); box-shadow: inset 3px 0 0 var(--aisa-accent, #2b59ff); }
.aisa-clpage-main { display: flex; flex-direction: column; gap: 18px; }
.aisa-clpage-main .aisa-clp-entry { scroll-margin-top: 24px; padding: 22px 24px 18px; }
.aisa-clpage-main .aisa-clp-entry[hidden], .aisa-clpage-main .aisa-clp-items li[hidden] { display: none; }
@media (max-width: 900px) { .aisa-clpage-grid { grid-template-columns: 1fr; gap: 20px; } .aisa-clpage-side-inner { position: static; } .aisa-clpage-toc { max-height: 240px; } }