/* Animation cards (templates/partials/cards/). The markup is the final frame; motion only runs
   under html.ac-on (set by partials/cards/_boot.html) and only animates opacity and transform.
   Each .a element plays --an for --d seconds from --t; the card script starts, pauses and replays. */
.ac { position: relative; container-type: inline-size; min-width: 0; }
.ac-scr { position: relative; display: flex; flex-direction: column; overflow: hidden; aspect-ratio: var(--ar, 1.1); padding: 1.1em 1.2em; border: 1px solid #ffffff1a; border-radius: 18px; font: 400 clamp(11px, 3.1cqi, 13px)/1.4 var(--font-body); text-align: left; box-shadow: 0 24px 60px -40px #000; }
.ac-scr b, .ac-scr strong { font-weight: 600; }
.ac-ui { flex: 1; min-height: 0; display: flex; flex-direction: column; justify-content: space-between; gap: .55em; }
.ac-lt { --fg: #1e293b; --hd: #0f172a; --mu: #566276; --ln: #e5e8ef; --pn: #fff; --g1: #e3f6f0; --g2: #03684f; --w1: #fdf0dc; --w2: #8f4304; --n1: #edf0f5; --n2: #465467; --p1: #efe8ff; --p2: #6424c9; --pb: #7c3aed; --ok: #0e9f85; background: #f7f8fa; color: var(--fg); }
.ac-dk { --fg: #f5f6f8; --hd: #fff; --mu: #a2a8b5; --ln: #ffffff17; --pn: #ffffff09; --g1: #00c9a721; --g2: #7fdcc8; --w1: #f59e0b21; --w2: #f1bf6b; --n1: #ffffff12; --n2: #c3c8d2; --p1: #7c5cff29; --p2: #cdbbff; --pb: #7152f5; --ok: #00c9a7; background: linear-gradient(180deg, #171922, #111319); color: var(--fg); }
.ac-hd { display: flex; align-items: center; justify-content: space-between; gap: .5em; min-height: 26px; padding-right: 80px; }
.ac-t { color: var(--hd); font-size: 1.2em; font-weight: 600; letter-spacing: -.015em; line-height: 1.2; }
.ac-m, .ac-demo { color: var(--mu); font: 500 max(11px, .86em)/1.35 var(--font-mono); letter-spacing: .04em; }
.ac-m { text-transform: uppercase; }
.ac-mu { color: var(--mu); }
.ac-r > :last-child:not(.ac-stk) { display: inline-flex; align-items: center; gap: .4em; }
.ac-r { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .3em .6em; padding: .4em 0; border-top: 1px solid var(--ln); }
.ac-pn { padding: .55em .7em; border: 1px solid var(--ln); border-radius: 10px; background: var(--pn); }
.ac-bd { display: inline-flex; align-items: center; gap: .3em; padding: .16em .55em; border-radius: 99px; background: var(--n1); color: var(--n2); font-weight: 600; line-height: 1.35; white-space: nowrap; }
.ac-bd.g { background: var(--g1); color: var(--g2); }
.ac-bd.w { background: var(--w1); color: var(--w2); }
.ac-bd.p { background: var(--p1); color: var(--p2); }
.ac-c { display: inline-flex; align-items: center; gap: .3em; padding: .18em .5em; border: 1px solid var(--ln); border-radius: 6px; background: var(--pn); white-space: nowrap; }
.ac-k { display: inline-grid; place-items: center; flex: none; width: 1.35em; height: 1.35em; border-radius: 50%; background: var(--ok); color: #fff; vertical-align: -.35em; }
.ac-dk .ac-k { color: #04211c; }
.ac-k svg, .ac-cb svg { width: .8em; height: .8em; fill: none; stroke: currentColor; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.ac-b { position: relative; display: inline-grid; place-items: center; padding: .5em .9em; border-radius: 8px; background: var(--pb); color: #fff; font-weight: 600; white-space: nowrap; }
.ac-b > *, .ac-stk > * { grid-area: 1 / 1; }
.ac-stk { display: inline-grid; justify-items: end; align-items: center; }
.ac-cb { position: relative; display: inline-grid; flex: none; width: 1.2em; height: 1.2em; border: 2px solid #8a93a3; border-radius: 4px; }
.ac-cb i { position: absolute; inset: -2px; display: grid; place-items: center; border-radius: 4px; background: var(--pb); color: #fff; }
.ac-old { position: relative; color: var(--mu); }
.ac-old::after { content: ""; position: absolute; inset: 55% -.1em auto; border-top: 1.5px solid; }
.ac-new { color: var(--g2); font-weight: 600; }
.ac-ell { overflow: hidden; min-width: 0; text-overflow: ellipsis; white-space: nowrap; }
.ac-gone { opacity: 0; }
[data-n] { display: inline-block; font-variant-numeric: tabular-nums; }

@keyframes ac-in { from { opacity: 0; transform: translateY(.45em); } }
@keyframes ac-f { from { opacity: 0; } }
@keyframes ac-pop { from { opacity: 0; transform: scale(.3); } }
@keyframes ac-o { from { opacity: 1; } }
@keyframes ac-x { from { transform: scaleX(0); } }
@keyframes ac-hl { 0%, 100% { opacity: 0; } 20%, 80% { opacity: 1; } }
@keyframes ac-pr { 50% { transform: scale(.93); } }
@keyframes ac-go { 0% { opacity: 0; transform: translateX(-100%); } 20%, 80% { opacity: 1; } 100% { opacity: 0; transform: none; } }
.ac-on .ac .a, .ac-on .ac .ac-ty > span { animation: var(--an, ac-in) var(--d, .35s) cubic-bezier(.2, .7, .2, 1) var(--t, 0s) var(--n, 1) var(--dir, normal) both paused; }
.ac-on .ac .ac-ty > span { --an: ac-f; --d: .05s; --t: calc(var(--t0) + var(--i) * .021s); }
.ac-on .ac .ac-old::after { transform-origin: left; animation: ac-x .3s ease-out var(--t, 0s) both paused; }
@media (prefers-reduced-motion: reduce) { .ac *, .ac *::after { animation: none !important; } }

.ac-rp { position: absolute; top: 8px; right: 8px; z-index: 2; display: inline-flex; align-items: center; gap: 5px; min-height: 28px; padding: 0 11px 0 9px; border: 1px solid #ffffff33; border-radius: 99px; background: #0f1118e6; color: #eceef3; font: 600 12px/1 var(--font-body); cursor: pointer; animation: ac-f .3s both; }
.ac-rp:hover { background: #1d202b; }
.ac-rp:focus-visible { outline: 2px solid #c3afff; outline-offset: 2px; }
.ac-rp svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
.ac-rp.ac-busy { opacity: .6; }

/* Home hero: AI listing draft */
.ac-hero { --ar: 1.1; padding: 1.3em 1.4em 1.2em; font-size: clamp(11px, 2.6cqi, 14px); }
.ac-lav { color: #c9b6ff; }
.ac-tl { display: flex; align-items: center; gap: .45em; color: var(--g2); }
.ac-tl svg { width: 1.15em; height: 1.15em; fill: none; stroke: currentColor; stroke-width: 2; }
.ac-hero-src { display: grid; gap: .15em; padding-bottom: .65em; border-bottom: 1px solid var(--ln); }
.ac-hero-lbl { display: flex; justify-content: space-between; gap: .5em; }
.ac-h2 { margin-top: .3em; color: var(--hd); font-size: 1.5em; font-weight: 600; line-height: 1.28; letter-spacing: -.01em; }
.ac-hero-sh { padding: .4em .9em; border: 1px solid #00c9a738; border-radius: 12px; background: #00c9a70d; }
.ac-hero-sh .ac-r { padding: .2em 0; border: 0; }
.ac-hero-ft { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .5em; }
.ac-pub { background: var(--ok); color: #04211c; }
.ac-pub > * { position: relative; display: inline-flex; align-items: center; gap: .35em; }
.ac-pub > :first-child { color: #fff; }
.ac-pub::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: var(--pb); opacity: 0; }
.ac-on .ac .ac-pub::before { animation: ac-o .25s ease var(--t2) both paused; }
.ac-pub .ac-k { background: #04211c; color: var(--ok); }

/* Container breakpoints for the hero */
@container (max-width: 429px) { .ac-hero { --ar: 1; } }
@container (max-width: 379px) { .ac-hero { --ar: .87; } }
@container (min-width: 560px) { .ac-hero { --ar: 1.3; } }

/* Home #automated feature visuals */
.feature-visual.ac { display: block; min-height: 0; padding: 0; border: 0; background: none; }
.ac-fv { --ar: 1.65; padding: 12px 13px; border-color: #ffffff14; border-radius: 10px; background: #0c1017; box-shadow: none; font-size: clamp(11px, 3.9cqi, 12.5px); }
@container (min-width: 340px) { .ac-fv { --ar: 2.1; } }
@container (min-width: 480px) { .ac-fv { --ar: 2.9; } }
.ac-fv .ac-r { padding: .32em 0; }
.ac-fv-ft { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .35em .6em; }
.ac-fv-row > :last-child { display: inline-flex; gap: .3em; }
.ac-fv-ai { color: var(--hd); font-size: 1.1em; font-weight: 600; line-height: 1.35; }
.ac-fv-src { display: flex; flex-wrap: wrap; gap: .4em; }
.ac-fv-down { position: relative; display: grid; place-items: center; height: 1.8em; color: #80dbc7; font-size: 1.15em; }
.ac-fv-down .ac-trk { position: absolute; top: 50%; left: 50%; width: 2.2em; margin: -4px 0 0 -1.1em; transform: rotate(90deg); }
.ac-fv-down .ac-trk::before { content: none; }
.ac-fv-res { display: flex; align-items: center; gap: .6em; padding: .55em .7em; border: 1px solid #00c9a738; border-radius: 8px; background: #00c9a70d; }
.ac-fv-res span { display: grid; }
.ac-fv-res b { color: var(--g2); font-weight: 600; }
.ac-fv-flag { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .3em .6em; padding: .45em .6em; border: 1px solid #f5a62338; border-radius: 8px; background: #f5a6230b; color: var(--w2); }
.ac-steps { display: flex; align-items: flex-start; color: var(--n2); }
.ac-steps > span { display: grid; justify-items: center; gap: .3em; }
.ac-dot { position: relative; display: grid; place-items: center; width: 2.1em; height: 2.1em; border: 1px solid #a78bfa66; border-radius: 50%; color: #fff; font: 500 1em/1 var(--font-mono); }
.ac-dot i { position: absolute; inset: -1px; border-radius: 50%; background: var(--pb); }
.ac-dot span { position: relative; }
.ac-ln { flex: 1; height: 1px; margin: 1.05em .3em 0; background: #a78bfa80; transform-origin: left; }
.ac-trk { position: relative; display: block; height: 8px; overflow: hidden; }
.ac-trk::before { content: ""; position: absolute; inset: 3.5px 0; background: #ffffff2e; }
.ac-trk i { position: absolute; inset: 0; opacity: 0; background: radial-gradient(circle at calc(100% - 4px) 50%, #7fdcc8 0 3px, #7fdcc800 4.5px); }

/* Home #engines diagram */
.ac-eng .browser-diagram { width: 100%; }
@media (max-width: 900px) { .ac-eng { width: 100%; max-width: 540px; justify-self: center; } }
.ac-eng .browser-chrome { min-height: 44px; padding-right: 88px; font-size: 11px; }
.browser-dots { display: inline-flex; gap: 5px; }
.browser-dots i { width: 7px; height: 7px; border-radius: 50%; background: #5d586c; }
.ac-eng .browser-session, .ac-eng .browser-node small, .ac-eng .browser-tools { font-size: 11px; }
.ac-eng .browser-api-note { font-size: max(11.5px, .73rem); }
.ac-lit { position: relative; width: max-content; margin-inline: auto; padding: .35em .9em; border-radius: 99px; }
.ac-lit::before { content: ""; position: absolute; inset: 0; border: 1px solid #7fdcc866; border-radius: inherit; background: #00c9a70f; box-shadow: 0 0 18px #00c9a72e; }
.ac-on .ac .ac-lit::before { animation: ac-f .5s ease var(--t) both paused; }
.browser-connector { position: relative; }
.browser-connector .ac-trk { position: absolute; inset: 50% -10px auto; margin-top: -4px; }

/* Feature-page cards (.fp-hero-side) */
@keyframes ac-sl { from { transform: translateX(-100%); } }
@keyframes ac-dim { from { opacity: .9; } } /* .9, not .4: the waiting "Send" button keeps AA contrast (white on purple ≥ 4.5:1) */
.ac-ft { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .4em .6em; }
.ac-field { flex: 1; min-width: 0; padding: .45em .7em; border: 1.5px solid var(--pb); border-radius: 8px; background: #fff; box-shadow: 0 0 0 3px #7c3aed1a; color: var(--hd); }
.ac-mono { font-family: var(--font-mono); letter-spacing: .02em; }
.ac-warn { color: var(--w2); }
.ac-hlc { position: relative; }
.ac-hlc::after { content: ""; position: absolute; inset: -2px; border: 2px solid #d97706; border-radius: 8px; background: #f59e0b1f; opacity: 0; }
.ac-on .ac .ac-hlc::after { animation: ac-hl .75s ease var(--t) both paused; }
.ac-seg { position: relative; display: grid; grid-template-columns: 1fr 1fr; padding: 3px; border-radius: 9px; background: var(--n1); color: var(--hd); text-align: center; }
.ac-seg > span { position: relative; padding: .3em .5em; }
.ac-seg > i { position: absolute; top: 3px; bottom: 3px; left: 50%; width: calc(50% - 3px); border-radius: 7px; background: var(--pn); box-shadow: 0 1px 3px #0f172a26; }
.ac-dk .ac-seg > i { background: #ffffff1f; }
/* Card proportions: narrow side column (317–439px) and tablet widths (440px+). */
.ac-ph { --ar: 0.84; } .ac-cl { --ar: 1.06; } .ac-tp { --ar: 1.12; } .ac-sm { --ar: 1.14; } .ac-ss { --ar: 1.42; } .ac-ap { --ar: 1; } .ac-ao { --ar: 1; } .ac-tc { --ar: 1.14; } .ac-am { --ar: 1.2; } .ac-pl { --ar: 0.94; } .ac-mg { --ar: 1.3; }
@container (min-width: 440px) { .ac-fp { font-size: clamp(13px, 2.5cqi, 14.5px); } .ac-ph { --ar: 1.04; } .ac-cl { --ar: 1.28; } .ac-tp { --ar: 1.22; } .ac-sm { --ar: 1.37; } .ac-ss { --ar: 1.72; } .ac-ap { --ar: 1.3; } .ac-ao { --ar: 1.35; } .ac-tc { --ar: 1.38; } .ac-am { --ar: 1.48; } .ac-pl { --ar: 1.1; } .ac-mg { --ar: 1.57; } }
/* Product Hunting */
.ac-ph-in { display: flex; align-items: center; gap: .6em; }
.ac-ph-in .ac-m { flex: none; width: 8.4em; white-space: nowrap; }
.ac-ph-list { display: grid; gap: .35em; }
.ac-ph-row { display: flex; align-items: flex-start; gap: .55em; padding: .45em .6em; border: 1px solid var(--ln); border-radius: 9px; background: #fff; }
.ac-ph-row > div { display: grid; gap: .25em; min-width: 0; }
.ac-ph-n { color: var(--p2); font-weight: 600; }
.ac-ph-chips { display: flex; flex-wrap: wrap; gap: .3em; }
.ac-ph-chips b { color: var(--hd); }
.ac-ph-no { display: grid; place-items: center; flex: none; width: 1.2em; height: 1.2em; color: var(--w2); font-weight: 600; }
/* Create Listings */
.ac-cl-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .4em; }
.ac-cl-list { display: grid; gap: .5em; }
.ac-cl-item { display: grid; gap: .3em; padding: .5em .65em; border: 1px solid var(--ln); border-radius: 9px; background: #fff; }
.ac-cl-n { color: var(--hd); font-weight: 600; }
.ac-cl-bar { display: grid; grid-template-columns: repeat(5, 1fr); gap: 3px; }
.ac-cl-bar i { height: 4px; border-radius: 2px; background: var(--pb); transform-origin: left; }
.ac-cl-bar i:last-child { background: var(--ok); }
.ac-cl-st { justify-items: start; color: var(--mu); }
.ac-cl-count { color: var(--hd); }
/* Templates */
@keyframes ac-tpa { 0%, 28% { opacity: 1; } 40%, 62% { opacity: 0; } 72%, 84% { opacity: 1; } 100% { opacity: 0; } }
.ac-on .ac .ac-tp-a { animation: ac-tpa 2.4s linear both paused; }
.ac-tp-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .4em; }
.ac-tp-bar .ac-seg { min-width: 11em; }
.ac-tp-main { display: grid; grid-template-columns: 1.35fr 1fr; gap: .7em; min-height: 0; }
.ac-tp-view { position: relative; display: grid; min-height: 9em; border: 1px solid var(--ln); border-radius: 9px; background: #eef1f6; overflow: hidden; }
.ac-tp-view > span { grid-area: 1 / 1; display: grid; }
.ac-tp-desk { padding: .5em; }
.ac-tp-a { position: absolute; inset: .5em; display: grid; opacity: 0; }
.ac-tp-phone { justify-self: center; width: 46%; margin: .5em 0; padding: .3em; border: 2px solid #1e293b; border-radius: 10px; background: #1e293b; }
.ac-tp-d { display: grid; gap: .3em; align-content: start; padding: .45em; border-radius: 6px; background: #fff; }
.ac-tp-d i { display: block; height: .45em; border-radius: 3px; background: #d9dee7; }
.ac-tp-d .ac-tp-band { height: 1.1em; background: #0e9f85; }
.ac-tp-d .ac-tp-img { height: 2.6em; background: #e3f6f0; }
.ac-tp-d .s { width: 60%; }
.ac-tp-a .ac-tp-band { background: #7c3aed; }
.ac-tp-a .ac-tp-img { background: #efe8ff; }
.ac-tp-photo { display: grid; gap: .35em; align-content: start; }
.ac-tp-frame { position: relative; display: grid; place-items: center; aspect-ratio: 1; border: 1px solid var(--ln); border-radius: 9px; background: #fff; overflow: hidden; }
.ac-tp-frame svg { position: relative; width: 70%; }
.ac-tp-lay { position: absolute; inset: 0; border: .55em solid #fff; border-radius: 9px; background: linear-gradient(160deg, #eef1f6, #dfe4ee); box-shadow: inset 0 0 0 1px #e5e8ef; }
.ac-tp-pick { display: flex; flex-wrap: wrap; align-items: center; gap: .45em; }
/* Stock Monitoring */
.ac-sm-list { display: grid; gap: .4em; }
.ac-sm-row { display: flex; align-items: flex-start; justify-content: space-between; gap: .5em; padding: .5em .65em; border: 1px solid var(--ln); border-radius: 9px; background: #fff; }
.ac-sm-row > div { display: grid; gap: .15em; min-width: 0; }
.ac-sm-row > div > b { color: var(--hd); }
.ac-sm-tol { display: flex; flex-wrap: wrap; align-items: center; gap: .45em; }
/* Safety Shield */
.ac-ss-lvl { display: grid; grid-template-columns: repeat(3, 1fr); padding: 3px; border-radius: 9px; background: var(--n1); text-align: center; }
.ac-ss-lvl span { padding: .3em; border-radius: 7px; color: var(--mu); }
.ac-ss-lvl .on { background: var(--pb); color: #fff; font-weight: 600; }
.ac-ss-grid { display: grid; grid-template-columns: minmax(0, 1fr) repeat(3, 5.3em); gap: .55em .15em; align-items: center; justify-items: center; }
.ac-ss-grid > b { justify-self: stretch; }
.ac-ss-grid > .ac-lit { padding: .2em .35em; color: var(--n2); text-align: center; }
.ac-ss-res { grid-column: 1 / -1; justify-self: start; }
.ac-ss-x { display: grid; place-items: center; width: 1.35em; height: 1.35em; border-radius: 50%; background: #f59e0b; color: #1c1102; font-weight: 600; }
.ac-ss-flag { justify-self: stretch; padding: .45em .65em; border: 1px solid #f5a62338; border-radius: 8px; background: #f5a6230b; color: var(--w2); }
/* Auto Pruner */
.ac-ap-rule { white-space: normal; }
.ac-ap-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .4em; }
.ac-ap-t { position: relative; isolation: isolate; display: grid; align-content: start; gap: .2em; padding: .5em; border: 1px dashed #c8ceda; border-radius: 9px; background: #eef1f5; }
.ac-ap-t:not(.x) { border-style: solid; border-color: var(--ln); background: #fff; }
.ac-ap-t b { color: var(--hd); }
.ac-ap-t .ac-bd { justify-self: start; white-space: normal; }
.ac-ap-t > .ac-hlc { position: absolute; inset: 0; }
.ac-ap-t > .ac-hlc::after { border-color: #7c3aed99; background: #7c3aed0f; }
.ac-on .ac .ac-ap-t > .ac-hlc::after { animation-duration: .5s; }
.ac-ap-t.x::before { content: ""; position: absolute; inset: -1px; z-index: -1; border: 1px solid var(--ln); border-radius: inherit; background: #fff; opacity: 0; }
.ac-on .ac .ac-ap-t.x::before { animation: ac-o .35s ease var(--t) both paused; }
.ac-ap-ft > span { display: inline-flex; align-items: center; gap: .4em; }
/* Auto Ordering */
.ac-ao-seg { line-height: 1.25; }
.ac-ao-seg > span { display: grid; place-items: center; }
.ac-ao-o { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .2em .6em; padding-bottom: .3em; }
.ac-ao-o b { color: var(--hd); }
.ac-pn .ac-r { padding: .35em 0; }
/* Tracking Conversions */
.ac-tc .ac-pn { display: grid; gap: .1em; }
.ac-tc-no { color: var(--hd); font: 600 1.1em/1.3 var(--font-mono); letter-spacing: .04em; }
.ac-tc-mid { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: .5em; }
.ac-tc-out { grid-template-columns: 1fr auto; align-items: center; border-color: #00c9a738; background: #00c9a70d; }
.ac-tc-out > span { display: grid; }
/* Auto Messages */
.ac-am-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .4em; }
.ac-am-tabs { display: flex; gap: .2em; padding: 3px; border-radius: 9px; background: var(--n1); }
.ac-am-tabs span { padding: .25em .6em; border-radius: 7px; color: var(--n2); }
.ac-am-tabs .on { background: #fff; color: var(--hd); font-weight: 600; box-shadow: 0 1px 3px #0f172a26; }
.ac-am-pause { display: inline-flex; align-items: center; gap: .4em; color: var(--mu); }
.ac-sw { position: relative; width: 2.2em; height: 1.25em; border-radius: 99px; background: #c3c9d4; }
.ac-sw::after { content: ""; position: absolute; top: 2px; left: 2px; width: calc(1.25em - 4px); height: calc(1.25em - 4px); border-radius: 50%; background: #fff; }
.ac-am .ac-r > :first-child { display: grid; gap: .1em; min-width: 0; }
.ac-am-msg { color: var(--hd); }
/* Overview dashboard */
.ac-pl-stats { display: grid; grid-template-columns: 1fr 1fr; gap: .4em; }
.ac-pl-stats .ac-pn { display: grid; gap: .1em; padding: .45em .6em; }
.ac-pl-stats b { color: var(--hd); font: 400 1.3em/1.2 var(--font-display); }
.ac-pl-bd { display: grid; }
.ac-pl-row { position: relative; display: flex; justify-content: space-between; gap: .5em; padding: .3em 0 .45em; border-top: 1px solid var(--ln); }
.ac-pl-row b { color: var(--hd); font-variant-numeric: tabular-nums; }
.ac-pl-row.last { color: var(--p2); font-weight: 600; }
.ac-pl-row.last b { color: var(--p2); }
.ac-pl-row i { position: absolute; left: 0; bottom: 0; height: 3px; border-radius: 2px; transform-origin: left; background: var(--ok); }
.ac-pl-row i.w { background: #f59e0b; }
.ac-pl-row i.p { background: var(--pb); }
/* Migration */
.ac-mg-tabs { display: flex; flex-wrap: wrap; gap: .25em; padding: 3px; border-radius: 9px; background: var(--n1); }
.ac-mg-tabs span { padding: .25em .5em; border-radius: 7px; color: var(--n2); }
.ac-mg-tabs .on { background: #fff; color: var(--hd); font-weight: 600; box-shadow: 0 1px 3px #0f172a26; }
.ac-mg-file { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .6em; }
.ac-mg-file svg { width: 1.3em; fill: none; stroke: var(--p2); stroke-width: 1.5; }
.ac-mg-file b { display: block; color: var(--hd); }
.ac-mg-bar { display: block; height: 4px; margin-top: .3em; border-radius: 2px; background: var(--n1); overflow: hidden; }
.ac-mg-bar i { display: block; height: 100%; background: var(--ok); transform-origin: left; }
.ac-mg-live { display: inline-flex; align-items: center; gap: .45em; color: var(--g2); font-weight: 600; }
/* Accounts & VA */