:root {
  --paper: #f4f1e8;
  --paper-deep: #eae4d7;
  --ink: #22251f;
  --muted: #696b63;
  --line: #c9c2b2;
  --blue: #315f73;
  --moss: #566d4d;
  --rust: #a34e38;
  --yellow: #b58d36;
  --serif: "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", "Source Han Sans SC", sans-serif;
  --sans: "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", "Source Han Sans SC", "Segoe UI", sans-serif;
  --display: "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", "Source Han Sans SC", sans-serif;
}

* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--sans); }
button, select { font: inherit; }
button { cursor: pointer; }
.inbox-v2 { min-height: 100vh; background-image: linear-gradient(rgba(64, 57, 44, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(64, 57, 44, .035) 1px, transparent 1px); background-size: 24px 24px; }
.inbox-topbar { min-height: 48px; padding: 0 32px; display: flex; align-items: center; gap: 20px; border-bottom: 1px solid var(--line); background: rgba(250,248,241,.88); font-size: 12px; }
.inbox-brand { color: var(--ink); font-weight: 800; letter-spacing: .06em; text-decoration: none; }.inbox-brand span { margin-left: 7px; color: var(--blue); font-weight: 600; }.inbox-topbar p { flex: 1; margin: 0; color: var(--muted); }.inbox-safe { color: var(--rust); font-size: 11px; font-weight: 800; }
.inbox-intro { max-width: 1380px; margin: 0 auto; padding: 42px 34px 24px; display: grid; grid-template-columns: minmax(0,1fr) 320px; gap: 32px; align-items: end; }.inbox-eyebrow { margin: 0; color: var(--blue); font-size: 10px; font-weight: 800; letter-spacing: .12em; }.inbox-intro h1 { margin: 9px 0 0; font: 700 clamp(38px, 4.4vw, 58px)/1.05 var(--display); letter-spacing: -.04em; }.inbox-intro > p { margin: 0 0 5px; color: #50524a; font-size: 13px; line-height: 1.55; }
.inbox-tabs { max-width: 1380px; margin: 0 auto; padding: 0 34px; display: flex; gap: 8px; border-bottom: 1px solid var(--line); }.inbox-tab { padding: 13px 16px 12px; border: 1px solid transparent; border-bottom: 0; background: transparent; color: var(--muted); font-weight: 700; }.inbox-tab span { margin-left: 5px; color: var(--blue); font-size: 11px; }.inbox-tab.is-active { border-color: var(--line); background: var(--paper); color: var(--ink); box-shadow: 0 -3px 0 var(--moss) inset; }.inbox-tab:hover { color: var(--ink); }.inbox-tab:focus-visible, .candidate-row:focus-visible, select:focus-visible, .drawer-close:focus-visible { outline: 3px solid var(--blue); outline-offset: 2px; }
.inbox-layout { max-width: 1380px; min-height: calc(100vh - 230px); margin: 0 auto; padding: 24px 34px 42px; display: grid; grid-template-columns: 205px minmax(430px, 1fr) minmax(320px, .78fr); gap: 22px; }.inbox-filters { padding: 18px; align-self: start; border: 1px solid var(--line); background: rgba(250,248,241,.72); }.inbox-filters label { display: grid; gap: 6px; margin-top: 18px; color: var(--muted); font-size: 11px; font-weight: 700; }.inbox-filters select { width: 100%; padding: 8px; border: 1px solid var(--line); border-radius: 0; background: var(--paper); color: var(--ink); }.inbox-clear { width: 100%; margin-top: 17px; padding: 9px; border: 1px solid var(--ink); background: transparent; color: var(--ink); font-size: 12px; font-weight: 800; }.inbox-clear:disabled { cursor: not-allowed; border-color: var(--line); color: #99988f; }.inbox-filter-note { margin: 16px 0 0; padding-top: 13px; border-top: 1px solid var(--line); color: var(--muted); font-size: 11px; line-height: 1.45; }
.inbox-list-pane { min-width: 0; }.inbox-list-heading { display: flex; justify-content: space-between; gap: 15px; align-items: end; padding: 0 0 13px; border-bottom: 2px solid var(--ink); }.inbox-list-heading h2 { margin: 5px 0 0; font: 700 29px/1.12 var(--display); letter-spacing: -.03em; }.inbox-list-heading > p { max-width: 170px; margin: 0; color: var(--rust); font-size: 10px; line-height: 1.35; text-align: right; }.candidate-list { display: grid; gap: 7px; margin-top: 10px; }.candidate-row { width: 100%; padding: 13px 10px; display: grid; grid-template-columns: 32px 1fr auto; gap: 12px; align-items: center; border: 1px solid var(--line); background: rgba(250,248,241,.55); color: var(--ink); text-align: left; transition: transform .15s ease, box-shadow .15s ease, background .15s ease; }.candidate-row:hover { transform: translateX(3px); background: #fbfaf5; box-shadow: -3px 3px 0 rgba(49,95,115,.18); }.candidate-row.is-selected { border-color: var(--ink); box-shadow: 4px 4px 0 var(--ink); background: #fffdf7; }.candidate-order { color: var(--blue); font: 700 13px var(--display); }.candidate-copy { display: grid; gap: 4px; }.candidate-copy b { font: 700 16px/1.28 var(--display); letter-spacing: -.015em; }.candidate-copy small { color: var(--muted); font-size: 10px; }.candidate-state { padding: 4px 6px; border: 1px solid currentColor; font-size: 9px; font-weight: 800; white-space: nowrap; }.is-reviewable { color: var(--moss); }.is-degraded { color: var(--rust); }.is-paused { color: var(--yellow); }.is-ineligible { color: var(--muted); }
.inbox-empty { margin-top: 12px; padding: 28px; border: 1px dashed var(--line); background: rgba(250,248,241,.55); }.inbox-empty h2 { margin: 0; font: 600 24px var(--serif); }.inbox-empty p { color: var(--muted); font-size: 13px; }
.inbox-detail { min-width: 0; padding: 21px; border: 1px solid var(--ink); background: rgba(250,248,241,.82); box-shadow: 5px 5px 0 rgba(86,109,77,.28); align-self: start; }.drawer-close { display: none; }.detail-kicker, .ledger-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--blue); font-size: 10px; font-weight: 800; letter-spacing: .09em; }.detail-kicker b { letter-spacing: 0; }.inbox-detail h2 { margin: 14px 0 10px; font: 700 clamp(26px, 2.4vw, 34px)/1.12 var(--display); letter-spacing: -.03em; overflow-wrap: anywhere; }.detail-summary { color: #4e5049; font-size: 13px; line-height: 1.5; }.eligibility { margin: 20px 0; padding: 11px; display: grid; gap: 3px; border-left: 3px solid var(--moss); background: rgba(86,109,77,.08); }.eligibility.is-ineligible { border-color: var(--rust); background: rgba(163,78,56,.08); }.eligibility span { color: var(--muted); font-size: 10px; }.eligibility strong { font: 700 17px var(--display); }.eligibility small { color: var(--muted); font-size: 10px; }.detail-ledger { border-top: 1px solid var(--ink); }.ledger-head { padding: 13px 0; border-bottom: 1px solid var(--line); }.ledger-head p { margin: 0; }.ledger-head span { color: var(--rust); letter-spacing: 0; }.detail-ledger dl { margin: 0; }.detail-ledger dl > div { display: grid; grid-template-columns: 128px 1fr; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--line); }.detail-ledger dt { color: var(--blue); font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }.detail-ledger dd { margin: 0; color: #454740; font-size: 11px; line-height: 1.35; }.detail-boundary { margin: 14px 0 0; color: var(--rust); font-size: 11px; line-height: 1.45; }.detail-empty { padding: 15px; color: var(--rust); }
@media (max-width: 900px) { .inbox-layout { grid-template-columns: 180px minmax(0,1fr); }.inbox-detail { position: fixed; z-index: 5; top: 0; right: 0; width: min(92vw, 450px); height: 100dvh; overflow: auto; transform: translateX(105%); transition: transform .2s ease; box-shadow: -6px 0 0 rgba(34,37,31,.22); }.drawer-open .inbox-detail { transform: translateX(0); }.drawer-close { display: inline-block; margin: 0 0 15px; padding: 7px 10px; border: 1px solid var(--ink); background: transparent; }.inbox-detail::before { content: ''; position: fixed; inset: 0; z-index: -1; background: rgba(34,37,31,.2); opacity: 0; pointer-events: none; }.drawer-open .inbox-detail::before { opacity: 1; } }
@media (max-width: 640px) { .inbox-topbar { padding: 12px 16px; align-items: flex-start; flex-wrap: wrap; }.inbox-topbar p { order: 3; flex-basis: 100%; }.inbox-intro { padding: 30px 16px 20px; grid-template-columns: 1fr; gap: 16px; }.inbox-intro h1 { font-size: 42px; }.inbox-tabs { padding: 0 16px; overflow-x: auto; }.inbox-tab { flex: 0 0 auto; }.inbox-layout { padding: 18px 16px 32px; display: block; }.inbox-filters { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 18px; }.inbox-filters > .inbox-eyebrow, .inbox-filter-note, .inbox-clear { grid-column: 1 / -1; }.inbox-filters label { margin-top: 0; }.candidate-row { grid-template-columns: 26px 1fr; }.candidate-state { grid-column: 2; justify-self: start; }.inbox-list-heading { align-items: start; }.inbox-list-heading > p { text-align: left; }.inbox-detail { width: 100%; } }
.qualification-line { color: var(--blue) !important; line-height: 1.35; }
.qualification-ledger { margin: 18px 0; border-top: 2px solid var(--blue); border-bottom: 1px solid var(--line); background: rgba(49,95,115,.045); }
.qualification-ledger .ledger-head { padding: 12px 11px; }
.qualification-ledger dl { margin: 0 11px; }
.qualification-ledger dl > div { display: grid; grid-template-columns: 128px 1fr; gap: 10px; padding: 8px 0; border-top: 1px solid var(--line); }
.qualification-ledger dt { color: var(--blue); font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.qualification-ledger dd { margin: 0; color: #454740; font-size: 11px; line-height: 1.35; }
.qualification-warning { margin: 0 11px 11px; padding: 9px; border-left: 3px solid var(--rust); background: rgba(163,78,56,.08); color: var(--rust); font-size: 11px; line-height: 1.45; }
.qualification-ledger details { margin: 0 11px 12px; color: #454740; font-size: 11px; line-height: 1.45; }
.qualification-ledger summary { cursor: pointer; color: var(--blue); font-weight: 800; }
.qualification-ledger details p { margin: 7px 0 0; }
.observation-line { color: var(--moss) !important; line-height: 1.35; }
.snapshot-line { color: var(--rust) !important; line-height: 1.35; }
.snapshot-ledger { margin: 18px 0; border-top: 2px solid var(--rust); border-bottom: 1px solid var(--line); background: rgba(163,78,56,.045); }
.snapshot-ledger .ledger-head { padding: 12px 11px; }.snapshot-ledger dl { margin: 0 11px; }.snapshot-ledger dl > div { display: grid; grid-template-columns: 128px 1fr; gap: 10px; padding: 8px 0; border-top: 1px solid var(--line); }.snapshot-ledger dt { color: var(--rust); font-size: 9px; font-weight: 800; letter-spacing: .06em; }.snapshot-ledger dd { margin: 0; color: #454740; font-size: 11px; line-height: 1.35; overflow-wrap: anywhere; }.source-reference-link { color: var(--blue); font-weight: 800; text-decoration-thickness: 1px; text-underline-offset: 3px; }.source-reference-link:hover, .source-reference-link:focus-visible { color: var(--rust); }.snapshot-boundary { margin: 0 11px 12px; color: #4e5049; font-size: 11px; line-height: 1.45; }
.observation-ledger { margin: 18px 0; border-top: 2px solid var(--moss); border-bottom: 1px solid var(--line); background: rgba(86,109,77,.055); }
.observation-ledger .ledger-head { padding: 12px 11px; }
.observation-ledger dl { margin: 0 11px; }
.observation-ledger dl > div { display: grid; grid-template-columns: 128px 1fr; gap: 10px; padding: 8px 0; border-top: 1px solid var(--line); }
.observation-ledger dt { color: var(--moss); font-size: 9px; font-weight: 800; letter-spacing: .06em; }
.observation-ledger dd { margin: 0; color: #454740; font-size: 11px; line-height: 1.35; }
.observation-ledger details { margin: 0 11px 12px; color: #454740; font-size: 11px; line-height: 1.45; }
.observation-ledger summary { cursor: pointer; color: var(--moss); font-weight: 800; }
.observation-ledger details p { margin: 7px 0 0; }
@media (max-width: 640px) { .qualification-ledger dl > div, .detail-ledger dl > div { grid-template-columns: 1fr; gap: 4px; } }
@media (max-width: 640px) { .observation-ledger dl > div { grid-template-columns: 1fr; gap: 4px; } .observation-line { max-width: 100%; } }
@media (max-width: 640px) { .snapshot-ledger dl > div { grid-template-columns: 1fr; gap: 4px; } }
.feedback-ledger, .lens-ledger { margin: 18px 0; border-top: 2px solid var(--blue); border-bottom: 1px solid var(--line); background: rgba(49,95,115,.035); }
.l2-ledger { margin: 18px 0; border-top: 2px solid var(--yellow); border-bottom: 1px solid var(--line); background: rgba(181,141,54,.06); }
.l2-ledger .ledger-head { padding: 12px 11px; }.l2-tabs { display:flex; flex-wrap:wrap; gap:6px; margin:0 11px 10px; }.l2-tabs button { padding:6px 8px; border:1px solid var(--line); background:transparent; color:var(--ink); font-size:11px; font-weight:700; }.l2-tabs button:hover, .l2-tabs button.is-active { border-color:var(--yellow); background:rgba(181,141,54,.12); }.l2-ready, .l2-boundary, .l2-warning { margin:0 11px 11px; padding:8px; color:#4e5049; font-size:11px; line-height:1.45; }.l2-ready { border-left:3px solid var(--moss); background:rgba(86,109,77,.08); }.l2-warning { border-left:3px solid var(--rust); background:rgba(163,78,56,.08); color:var(--rust); }.l2-list { display:grid; gap:7px; margin:0 11px 12px; padding-left:21px; color:#454740; font-size:11px; line-height:1.45; }.keyframe-strip { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin:0 11px 12px; }.keyframe-strip span { padding:9px; border:1px solid var(--line); background:rgba(250,248,241,.58); color:#454740; font-size:10px; line-height:1.4; }.l2-manifest, .l2-result { margin:0 11px 12px; }.l2-manifest > div, .l2-result > div { display:grid; grid-template-columns:128px 1fr; gap:10px; padding:8px 0; border-top:1px solid var(--line); }.l2-manifest dt, .l2-result dt { color:var(--blue); font-size:9px; font-weight:800; letter-spacing:.06em; }.l2-manifest dd, .l2-result dd { margin:0; color:#454740; font-size:11px; line-height:1.35; }
.feedback-ledger .ledger-head, .lens-ledger .ledger-head { padding: 12px 11px; }
.feedback-boundary, .lens-note, .feedback-lock { margin: 0 11px 11px; color: #4e5049; font-size: 11px; line-height: 1.45; }
.feedback-boundary { padding: 8px; border-left: 3px solid var(--blue); background: rgba(49,95,115,.08); }
.feedback-actions { margin: 0 11px 10px; padding-top: 10px; border-top: 1px solid var(--line); }.feedback-actions p { margin: 0 0 7px; color: var(--blue); font-size: 10px; font-weight: 800; }.feedback-actions div, .lens-tabs { display:flex; flex-wrap:wrap; gap:6px; }
.feedback-actions button, .lens-tabs button { padding:6px 8px; border:1px solid var(--line); background:transparent; color:var(--ink); font-size:11px; font-weight:700; }.feedback-actions button:hover, .lens-tabs button:hover, .lens-tabs button.is-active { border-color:var(--blue); background:rgba(49,95,115,.08); }.stage-two { border-left:3px solid var(--yellow); padding-left:8px; }.stage-two small { display:block; margin-top:7px; color:var(--muted); font-size:10px; }
.feedback-reason { display:grid; gap:5px; margin:0 11px 11px; color:var(--muted); font-size:10px; font-weight:700; }.feedback-reason input { width:100%; padding:7px; border:1px solid var(--line); background:var(--paper); color:var(--ink); }.feedback-timeline { display:grid; gap:7px; margin:0 11px 12px; padding:0; list-style:none; }.feedback-timeline li { display:grid; gap:3px; padding:8px; border-left:2px solid var(--line); background:rgba(250,248,241,.55); font-size:10px; }.feedback-timeline li span { color:var(--muted); }.feedback-empty { margin:0 11px 12px; color:var(--muted); font-size:11px; }.lens-tabs { margin:0 11px 10px; }.lens-ledger dl { margin:0 11px 12px; }.lens-ledger dl > div { display:grid; grid-template-columns:128px 1fr; gap:10px; padding:8px 0; border-top:1px solid var(--line); }.lens-ledger dt { color:var(--blue); font-size:9px; font-weight:800; }.lens-ledger dd { margin:0; color:#454740; font-size:11px; line-height:1.35; }
@media (max-width:640px) { .lens-ledger dl > div { grid-template-columns:1fr; gap:4px; } }
@media (max-width:640px) { .l2-manifest > div, .l2-result > div { grid-template-columns:1fr; gap:4px; } .keyframe-strip { grid-template-columns:1fr; } }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }