:root{
  --bg:#edf1f3;--paper:#ffffff;--paper2:#f6f8f9;--paper3:#eef3f5;--ink:#17212b;--muted:#64727f;--line:#d7dfe4;--line2:#b9c6ce;
  --blue:#173f5f;--blue2:#275d7c;--teal:#2a7f74;--green:#2e7d4f;--amber:#a96800;--red:#a73b3b;--purple:#6f5aa7;--cyan:#237c98;
  --good-bg:#eaf7ef;--warn-bg:#fff4dc;--bad-bg:#fdeaea;--info-bg:#e9f3fb;--purple-bg:#f0ecfb;
  --shadow:0 12px 30px rgba(24,42,55,.08);--radius:16px;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
}
html[data-theme="dark"]{
  --bg:#0e151b;--paper:#151f27;--paper2:#1b2832;--paper3:#22323e;--ink:#ecf2f5;--muted:#9dafbb;--line:#2d3e49;--line2:#49606d;
  --blue:#8bc3e7;--blue2:#6aabd3;--teal:#6ed2bf;--green:#7bd39a;--amber:#f2bb5a;--red:#ff8d8d;--purple:#bca9ef;--cyan:#70c4dd;
  --good-bg:#173729;--warn-bg:#3d3018;--bad-bg:#3d2022;--info-bg:#173143;--purple-bg:#2c2542;
  --shadow:0 16px 34px rgba(0,0,0,.24)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}.paper-grid{position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,black,transparent 80%)}button,input,select{font:inherit}button{cursor:pointer}input,select{color:var(--ink);background:var(--paper2);border:1px solid var(--line);border-radius:10px;padding:10px 11px;outline:none}input:focus,select:focus{border-color:var(--blue2);box-shadow:0 0 0 3px rgba(39,93,124,.12)}code,kbd{font-family:var(--mono)}
.topbar{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:10px 22px;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;white-space:nowrap}.brand svg{width:38px;height:38px}.brand svg rect{fill:var(--blue)}.brand svg circle{fill:var(--paper);stroke:var(--blue);stroke-width:1.4}.brand svg path{fill:none;stroke:var(--amber);stroke-width:2.5;stroke-linecap:round}.brand span{display:grid}.brand b{font-size:14px}.brand small{font-size:8px;color:var(--muted);letter-spacing:.05em}.nav{display:flex;justify-content:center;gap:4px;flex-wrap:wrap}.nav-btn{border:0;background:transparent;color:var(--muted);padding:8px 10px;border-radius:9px;font-size:10px;font-weight:700}.nav-btn:hover,.nav-btn.active{background:var(--paper3);color:var(--ink)}.top-actions{display:flex;align-items:center;gap:7px}.icon-btn{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:var(--paper2);color:var(--ink)}.icon-btn svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.8}.btn{border:1px solid var(--blue);background:var(--blue);color:var(--paper);padding:9px 12px;border-radius:10px;font-weight:800;font-size:10px}.btn:hover{filter:brightness(1.04)}.btn.ghost{background:var(--paper2);border-color:var(--line);color:var(--ink)}.btn.small{padding:7px 9px}.btn.wide{width:100%}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:4px 8px;border-radius:999px;background:var(--paper3);border:1px solid var(--line);font:700 9px var(--mono);color:var(--muted)}
main{max-width:1640px;margin:0 auto;padding:18px 22px 36px}.paper{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.command{position:sticky;top:61px;z-index:20;padding:10px 12px;margin-bottom:14px;display:grid;grid-template-columns:minmax(360px,1fr) auto;gap:8px 12px;align-items:center}.global-search{display:flex;align-items:center;gap:8px;padding:0 10px;background:var(--paper2);border:1px solid var(--line);border-radius:12px}.global-search svg{width:18px;fill:none;stroke:var(--muted);stroke-width:1.8}.global-search input{flex:1;border:0;background:transparent;padding:11px 2px;box-shadow:none}.global-search kbd{font-size:9px;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:2px 5px}.command-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.chip-btn{border:1px solid var(--line);background:var(--paper2);color:var(--ink);padding:6px 8px;border-radius:999px;font-size:9px}.chip-btn:hover{border-color:var(--blue2)}.query-help{grid-column:1/-1;font-size:8px;color:var(--muted)}.query-help code{background:var(--paper3);border-radius:5px;padding:2px 4px;margin-right:4px}.view{display:none}.view.active{display:block}.kicker,.eyebrow{font:800 9px var(--mono);letter-spacing:.12em;color:var(--blue2);text-transform:uppercase}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.section-head h2{font-size:17px;margin:3px 0 0}.note{font-size:10px;color:var(--muted);line-height:1.55}
.hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(420px,.8fr);gap:24px;align-items:center;padding:26px 6px 18px}.hero h1{font-size:48px;line-height:1.02;letter-spacing:-.04em;margin:8px 0 12px}.hero h1 em{font-style:normal;color:var(--blue2)}.hero-copy{font-size:12px;line-height:1.65;color:var(--muted);max-width:780px}.hero-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.kpi{padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--paper)}.kpi b{display:block;font-size:24px;letter-spacing:-.03em}.kpi span{display:block;margin-top:4px;font-size:9px;color:var(--muted)}.kpi.good{border-top:3px solid var(--green)}.kpi.warn{border-top:3px solid var(--amber)}.kpi.bad{border-top:3px solid var(--red)}.kpi.info{border-top:3px solid var(--blue2)}.dash-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.panel{padding:16px;min-height:250px}.span2{grid-column:span 2}.funnel{display:grid;gap:8px}.funnel-row{display:grid;grid-template-columns:150px 1fr 60px;gap:10px;align-items:center}.funnel-row label{font-size:10px}.funnel-track{height:12px;background:var(--paper3);border-radius:999px;overflow:hidden;border:1px solid var(--line)}.funnel-fill{height:100%;border-radius:999px;background:var(--blue2)}.funnel-fill.good{background:var(--green)}.funnel-fill.warn{background:var(--amber)}.funnel-fill.bad{background:var(--red)}.funnel-row b{text-align:right;font:700 9px var(--mono)}.bar-list{display:grid;gap:8px}.bar-item{display:grid;grid-template-columns:minmax(90px,1fr) 1.4fr 42px;align-items:center;gap:8px}.bar-label{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{height:8px;background:var(--paper3);border:1px solid var(--line);border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:var(--cyan);border-radius:999px}.bar-item b{font:700 8px var(--mono);text-align:right}.priority-list{display:grid;gap:7px}.priority-item{width:100%;text-align:left;border:1px solid var(--line);background:var(--paper2);border-radius:11px;padding:10px;color:var(--ink);display:grid;grid-template-columns:1fr auto;gap:5px}.priority-item strong{font-size:10px}.priority-item span{font-size:8px;color:var(--muted)}.priority-item b{font:700 14px var(--mono)}.flow-overview{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:center;margin:28px 0 14px}.flow-box{padding:15px 10px;border-radius:14px;border:1px solid var(--line);text-align:center;background:var(--paper2)}.flow-box b{display:block;font-size:23px}.flow-box span{font-size:8px;color:var(--muted)}.flow-box.legacy{border-top:3px solid var(--purple)}.flow-box.bridge{border-top:3px solid var(--amber)}.flow-box.current{border-top:3px solid var(--blue2)}.flow-box.physical{border-top:3px solid var(--teal)}.flow-arrow{font-size:22px;color:var(--line2)}
.workspace{display:grid;grid-template-columns:250px minmax(420px,1fr) minmax(360px,.9fr);gap:12px}.side-panel,.result-panel,.detail-panel{padding:14px;min-height:720px}.detail-panel{position:sticky;top:145px;max-height:calc(100vh - 160px);overflow:auto}.field{display:grid;gap:5px;margin-bottom:9px}.field span{font-size:8px;color:var(--muted);font-weight:800}.check{display:flex;align-items:center;gap:7px;padding:8px 0;font-size:9px}.mini-help{margin-top:16px;border-top:1px solid var(--line);padding-top:10px;display:grid;gap:5px}.mini-help b{font-size:9px}.mini-help button{text-align:left;border:0;background:transparent;color:var(--blue2);font-size:9px;padding:2px 0}.result-list{display:grid;gap:7px}.result-card{width:100%;text-align:left;color:var(--ink);background:var(--paper2);border:1px solid var(--line);border-radius:12px;padding:10px;display:grid;grid-template-columns:1fr auto;gap:7px}.result-card:hover,.result-card.active{border-color:var(--blue2);background:var(--paper3)}.result-card h3{font-size:10px;margin:5px 0 4px}.result-card p{font-size:8px;color:var(--muted);margin:0;line-height:1.4}.result-meta{display:flex;gap:5px;flex-wrap:wrap}.tag{display:inline-flex;align-items:center;padding:3px 6px;border-radius:999px;background:var(--paper3);border:1px solid var(--line);font-size:7px;font-weight:800}.tag.physical{color:var(--teal)}.tag.current{color:var(--blue2)}.tag.legacy{color:var(--purple)}.tag.mapping{color:var(--amber)}.status-pill{align-self:start;padding:4px 7px;border-radius:999px;font-size:7px;font-weight:800;border:1px solid var(--line)}.status-pill.exact{background:var(--good-bg);color:var(--green)}.status-pill.strong,.status-pill.candidate{background:var(--info-bg);color:var(--blue2)}.status-pill.review,.status-pill.code_only{background:var(--warn-bg);color:var(--amber)}.status-pill.weak{background:var(--warn-bg);color:var(--amber)}.status-pill.unmatched{background:var(--bad-bg);color:var(--red)}.empty{min-height:220px;display:grid;place-content:center;text-align:center;gap:5px;color:var(--muted)}.empty b{color:var(--ink)}.fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.fact{padding:9px;border:1px solid var(--line);background:var(--paper2);border-radius:10px;min-width:0}.fact span{display:block;font-size:7px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.fact b,.fact code{display:block;font-size:9px;margin-top:4px;word-break:break-word}.detail-title{margin-bottom:12px}.detail-title h2{font-size:18px;margin:5px 0}.detail-title p{margin:0;color:var(--muted);font-size:9px;line-height:1.5}.divider{height:1px;background:var(--line);margin:13px 0}.subhead{font-size:10px;margin:0 0 8px}.mapping-link{padding:9px;border-radius:10px;background:var(--warn-bg);border:1px solid color-mix(in srgb,var(--amber) 35%,var(--line));font-size:9px;line-height:1.5}.candidate-mini{display:grid;gap:5px}.candidate-mini button{border:1px solid var(--line);background:var(--paper2);color:var(--ink);border-radius:9px;padding:8px;text-align:left;font-size:8px}.candidate-mini b{display:block;font-size:9px;margin-bottom:3px}
.match-toolbar{padding:14px;margin-bottom:12px}.match-toolbar-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.match-toolbar-top h2{margin:3px 0;font-size:18px}.match-toolbar-actions{display:flex;gap:6px}.match-filters{display:grid;grid-template-columns:1.4fr repeat(3,minmax(140px,.7fr)) auto;gap:7px;margin-top:11px}.match-layout{display:grid;grid-template-columns:280px minmax(380px,.9fr) minmax(440px,1.15fr);gap:12px}.match-queue,.physical-card,.candidate-panel{padding:12px;min-height:730px}.match-queue{max-height:calc(100vh - 185px);overflow:auto;position:sticky;top:150px}.queue-list{display:grid;gap:5px}.queue-item{width:100%;text-align:left;border:1px solid var(--line);background:var(--paper2);color:var(--ink);border-radius:10px;padding:8px;display:grid;grid-template-columns:1fr auto;gap:5px}.queue-item.active{border-color:var(--teal);box-shadow:inset 3px 0 0 var(--teal)}.queue-item b{font-size:9px}.queue-item p{font-size:8px;color:var(--muted);margin:3px 0 0}.queue-score{font:700 9px var(--mono);color:var(--muted)}.photo-box{position:relative;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper3);min-height:250px;display:grid;place-items:center;margin-bottom:12px}.photo-box img{width:100%;max-height:380px;object-fit:contain;display:block}.photo-empty{padding:30px;text-align:center;color:var(--muted);font-size:9px}.photo-empty b{display:block;color:var(--ink);font-size:12px;margin-bottom:5px}.physical-title{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.physical-title h2{font-size:20px;margin:4px 0}.physical-title p{font-size:10px;color:var(--muted);margin:0;line-height:1.5}.label-card{margin-top:10px;padding:10px;background:var(--paper2);border:1px solid var(--line);border-radius:11px}.label-card code{font-size:10px}.bridge-line{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin:9px 0}.bridge-node{padding:9px;border-radius:10px;border:1px solid var(--line);background:var(--paper2);text-align:center}.bridge-node b{display:block;font-size:10px}.bridge-node span{font-size:7px;color:var(--muted)}.candidate-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.candidate-head h2{font-size:18px;margin:3px 0}.candidate-list{display:grid;gap:9px}.candidate-card{border:1px solid var(--line);border-radius:13px;padding:11px;background:var(--paper2)}.candidate-card.top{border-color:var(--blue2)}.candidate-card.accepted{border-color:var(--green);box-shadow:inset 3px 0 0 var(--green)}.candidate-card h3{font-size:11px;margin:5px 0}.candidate-card p{font-size:8px;color:var(--muted);line-height:1.45;margin:0}.candidate-code{display:flex;gap:6px;flex-wrap:wrap}.score-row{display:grid;grid-template-columns:62px 1fr 36px;gap:7px;align-items:center;margin-top:6px}.score-row span{font-size:7px;color:var(--muted)}.scorebar{height:7px;background:var(--paper3);border:1px solid var(--line);border-radius:999px;overflow:hidden}.scorebar i{display:block;height:100%;background:var(--blue2)}.score-row b{font:700 7px var(--mono);text-align:right}.why-list{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.why{font-size:7px;border-radius:999px;padding:3px 6px;background:var(--info-bg);color:var(--blue2);border:1px solid var(--line)}.candidate-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.decision-bar{position:sticky;bottom:0;margin-top:14px;padding:10px;border:1px solid var(--line);background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(10px);border-radius:13px;display:flex;gap:6px;flex-wrap:wrap}.decision-bar button{flex:1;min-width:100px}.decision-bar .accept{background:var(--green);border-color:var(--green)}.decision-bar .photo{background:var(--amber);border-color:var(--amber)}.decision-bar .reject{background:var(--red);border-color:var(--red)}.decision-summary{margin-top:10px;padding:9px;background:var(--paper3);border-radius:10px;font-size:8px}.decision-summary b{font-size:9px}.conflict{background:var(--bad-bg);color:var(--red);border:1px solid color-mix(in srgb,var(--red) 40%,var(--line));border-radius:10px;padding:8px;font-size:8px;margin-top:7px}
.history-picker{padding:14px;margin-bottom:12px}.history-picker input{width:100%}.history-suggestions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.history-suggestions button{border:1px solid var(--line);background:var(--paper2);color:var(--ink);padding:6px 8px;border-radius:9px;font-size:8px}.history-card{padding:16px;min-height:560px}.journey{position:relative;display:grid;gap:0;margin-top:14px}.journey:before{content:"";position:absolute;left:29px;top:24px;bottom:24px;width:2px;background:var(--line)}.journey-row{display:grid;grid-template-columns:58px 1fr;gap:12px;position:relative;padding:8px 0}.journey-dot{width:16px;height:16px;border-radius:50%;margin:12px auto 0;background:var(--blue2);border:4px solid var(--paper);box-shadow:0 0 0 2px var(--line);z-index:1}.journey-dot.legacy{background:var(--purple)}.journey-dot.bridge{background:var(--amber)}.journey-dot.current{background:var(--blue2)}.journey-dot.physical{background:var(--teal)}.journey-event{border:1px solid var(--line);background:var(--paper2);border-radius:12px;padding:10px}.journey-event h3{font-size:10px;margin:2px 0 5px}.journey-event p{font-size:8px;color:var(--muted);line-height:1.45;margin:0}.journey-year{font:700 8px var(--mono);color:var(--muted)}
.issues-head{padding:16px;margin-bottom:12px}.issues-head h2{font-size:20px;margin:4px 0}.issues-head p{font-size:10px;color:var(--muted);max-width:850px}.issue-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:12px}.issue-card{border:1px solid var(--line);background:var(--paper);border-radius:13px;padding:11px;text-align:left;color:var(--ink)}.issue-card:hover,.issue-card.active{border-color:var(--amber)}.issue-card b{display:block;font-size:21px}.issue-card h3{font-size:9px;margin:5px 0 3px}.issue-card span{font-size:8px;color:var(--muted)}.issue-list-card{padding:14px;min-height:400px}.issue-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.issue-item{border:1px solid var(--line);background:var(--paper2);border-radius:10px;padding:9px;text-align:left;color:var(--ink)}.issue-item b{font-size:9px}.issue-item p{font-size:8px;color:var(--muted);line-height:1.4;margin:4px 0}.issue-item code{font-size:7px}
dialog{border:0;background:transparent;padding:0;width:min(960px,94vw);color:var(--ink)}dialog::backdrop{background:rgba(4,9,12,.65);backdrop-filter:blur(4px)}.dialog{padding:14px;max-height:86vh;overflow:auto}.dialog-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.dialog-head h2{font-size:17px;margin:3px 0}.dialog-search{width:100%;margin:10px 0}.dialog-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.dialog-item{border:1px solid var(--line);background:var(--paper2);color:var(--ink);border-radius:10px;padding:9px;text-align:left}.dialog-item h3{font-size:9px;margin:4px 0}.dialog-item p{font-size:8px;color:var(--muted);margin:0}footer{max-width:1640px;margin:0 auto;padding:0 22px 28px;display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:8px}
@media(max-width:1280px){.topbar{grid-template-columns:auto auto}.nav{grid-row:2;grid-column:1/-1;justify-content:flex-start}.command{top:101px}.hero{grid-template-columns:1fr}.dash-grid{grid-template-columns:repeat(2,1fr)}.workspace{grid-template-columns:230px 1fr}.detail-panel{grid-column:1/-1;position:static;max-height:none;min-height:300px}.match-layout{grid-template-columns:250px 1fr}.candidate-panel{grid-column:1/-1}.match-queue{top:188px}.issue-cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){main{padding:12px}.topbar{padding:9px 12px}.command{position:relative;top:auto;grid-template-columns:1fr}.command-actions{justify-content:flex-start}.hero h1{font-size:38px}.hero-kpis{grid-template-columns:1fr 1fr}.dash-grid,.workspace,.match-layout{grid-template-columns:1fr}.span2{grid-column:auto}.flow-overview{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg);text-align:center}.side-panel,.result-panel,.detail-panel,.match-queue,.physical-card,.candidate-panel{min-height:0}.match-queue{position:static;max-height:330px}.match-filters{grid-template-columns:1fr 1fr}.issue-cards,.issue-list{grid-template-columns:1fr 1fr}.dialog-results{grid-template-columns:1fr}.fact-grid{grid-template-columns:1fr}.top-actions .ghost{display:none}}
@media(max-width:540px){.brand small{display:none}.nav-btn{padding:7px 8px}.hero h1{font-size:32px}.hero-kpis,.issue-cards,.issue-list{grid-template-columns:1fr}.match-filters{grid-template-columns:1fr}.match-toolbar-top{display:grid}.command-actions{display:none}.query-help{display:none}.funnel-row{grid-template-columns:110px 1fr 42px}.dialog{padding:10px}}

/* v4 photo evidence */
.photo-box{display:block;min-height:0;padding:8px}.photo-gallery{display:grid;grid-template-columns:1fr;gap:8px}.photo-frame{margin:0;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:var(--paper2)}.photo-frame img{width:100%;max-height:360px;object-fit:contain;background:var(--paper3)}.photo-frame figcaption{display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:7px 8px;font-size:7px;color:var(--muted)}.photo-frame figcaption b{color:var(--ink);font-size:8px}.photo-frame figcaption a{margin-left:auto;color:var(--blue2);font-weight:700;text-decoration:none}.photo-frame figcaption em{font-style:normal;border:1px solid var(--line);background:var(--warn-bg);color:var(--amber);border-radius:999px;padding:2px 5px}.photo-frame figcaption em.ok{background:var(--good-bg);color:var(--green)}.photo-empty{display:grid;gap:8px;place-items:center;min-height:210px}.photo-analysis-note{display:grid;grid-template-columns:auto 1fr;gap:5px 10px;padding:9px 10px;margin:-4px 0 12px;border:1px dashed var(--line);border-radius:10px;background:var(--paper2);font-size:8px}.photo-analysis-note b{color:var(--ink)}.photo-analysis-note span{color:var(--muted);line-height:1.45}.photo-analysis-note code{grid-column:2;font-size:7px}.photo-empty .btn{margin-top:4px}
@media(min-width:1450px){.photo-gallery:has(.photo-frame:nth-child(2)){grid-template-columns:1fr 1fr}.photo-gallery:has(.photo-frame:nth-child(2)) .photo-frame img{height:260px}}

.visual-evidence{margin-top:8px;padding:9px;border:1px solid var(--line);border-radius:10px;background:var(--info-bg)}.visual-evidence>b{display:block;margin:4px 0;font-size:10px}.visual-evidence p{margin:3px 0;color:var(--muted);font-size:8px;line-height:1.45}


/* v5 AI-assisted reconciliation */
.result-side{display:grid;gap:5px;justify-items:end}.ai-badge{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;border:1px solid var(--line);font:800 7px var(--mono);white-space:nowrap}.ai-badge.sangat_kuat,.ai-badge.kuat{background:var(--good-bg);color:var(--green)}.ai-badge.sedang{background:var(--info-bg);color:var(--blue2)}.ai-badge.lemah,.ai-badge.sangat_lemah{background:var(--warn-bg);color:var(--amber)}
.ai-panel{margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,var(--paper2),var(--paper));box-shadow:inset 3px 0 0 var(--amber)}.ai-panel.kuat,.ai-panel.sangat_kuat{box-shadow:inset 3px 0 0 var(--green)}.ai-panel.sedang{box-shadow:inset 3px 0 0 var(--blue2)}.ai-head{display:grid;grid-template-columns:68px 1fr;gap:11px;align-items:center}.ai-head h3{font-size:13px;margin:4px 0}.ai-head p{font-size:8px;color:var(--muted);line-height:1.45;margin:0}.ai-score{width:64px;height:64px;border-radius:50%;display:grid;place-content:center;text-align:center;border:5px solid var(--line);background:var(--paper)}.ai-panel.kuat .ai-score,.ai-panel.sangat_kuat .ai-score{border-color:var(--green)}.ai-panel.sedang .ai-score{border-color:var(--blue2)}.ai-panel.lemah .ai-score,.ai-panel.sangat_lemah .ai-score{border-color:var(--amber)}.ai-score b{font-size:20px;line-height:1}.ai-score span{font:700 7px var(--mono);color:var(--muted)}.ai-candidate{display:grid;grid-template-columns:auto auto 1fr;gap:8px;align-items:center;margin-top:10px;padding:8px;border-radius:10px;background:var(--paper3);font-size:8px}.ai-candidate code{font-size:8px;color:var(--blue2)}.ai-candidate span{color:var(--muted)}.ai-breakdown{display:grid;gap:5px;margin-top:10px}.ai-breakdown>div{display:grid;grid-template-columns:68px 1fr 26px;gap:7px;align-items:center}.ai-breakdown span,.ai-breakdown em{font-size:7px;color:var(--muted);font-style:normal}.ai-breakdown i{height:6px;border-radius:999px;background:var(--paper3);border:1px solid var(--line);overflow:hidden}.ai-breakdown i b{display:block;height:100%;background:var(--blue2)}.ai-columns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.ai-columns>div{padding:8px;border-radius:10px;background:var(--good-bg);font-size:8px}.ai-columns .ai-risks{background:var(--warn-bg)}.ai-columns b{font-size:8px}.ai-columns ul{margin:5px 0 0;padding-left:16px;color:var(--muted);line-height:1.45}.ai-columns p{margin:5px 0 0;color:var(--muted)}.ai-action{margin-top:9px;padding:8px;border-radius:10px;background:var(--info-bg);font-size:8px;line-height:1.45}.ai-disclaimer{margin:7px 0 0;color:var(--muted);font-size:7px;line-height:1.4}.photo-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.photo-frame figcaption .photo-actions{margin-left:auto}.photo-frame img.from-local{outline:2px solid color-mix(in srgb,var(--green) 45%,transparent);outline-offset:-2px}.match-filters{grid-template-columns:2fr repeat(4,minmax(130px,1fr))}
@media(max-width:850px){.ai-columns{grid-template-columns:1fr}.ai-candidate{grid-template-columns:1fr}.ai-head{grid-template-columns:58px 1fr}.ai-score{width:54px;height:54px}.match-filters{grid-template-columns:1fr 1fr}}
.candidate-card.ai-rec{box-shadow:inset 3px 0 0 var(--purple)}.candidate-card.ai-rec .why:first-child{background:var(--purple-bg);color:var(--purple)}
.ai-photo-mode{margin-top:6px;font-size:7px;color:var(--muted)}