/* v6 Phase 6 — local research record / comparison ledger */
.record-drawer-backdrop{position:fixed;inset:0;background:rgba(3,8,13,.52);opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:79}
.record-drawer-backdrop.open{opacity:1;pointer-events:auto}
.record-drawer{position:fixed;top:0;right:0;width:min(520px,96vw);height:100dvh;background:#0d151e;border-left:1px solid #2b3948;z-index:80;transform:translateX(102%);transition:transform .22s ease;display:flex;flex-direction:column;box-shadow:-18px 0 44px rgba(0,0,0,.3)}
.record-drawer.open{transform:translateX(0)}
.record-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 22px 16px;border-bottom:1px solid #22303d}
.record-drawer-head h2{font-size:20px;margin:0 0 4px}.record-drawer-head p{margin:0;color:#91a1b2;font-size:13px;line-height:1.5}
.record-drawer-body{overflow:auto;padding:18px 22px 28px;display:grid;gap:20px}
.record-section{display:grid;gap:10px}.record-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.record-section-title h3{margin:0;font-size:15px}.record-section-title small{color:#91a1b2}
.record-toolbar{display:flex;gap:8px;flex-wrap:wrap}.record-toolbar .btn{font-size:12px;padding:8px 10px}
.record-list{display:grid;gap:9px}.record-empty{padding:16px;border:1px dashed #344656;border-radius:10px;color:#91a1b2;font-size:13px}
.record-item{border:1px solid #273746;border-radius:10px;background:#101923;padding:12px;display:grid;gap:8px;transition:border-color .16s ease,transform .16s ease}
.record-item:hover{border-color:#58748d}.record-item.selected-a{border-color:#a9c7e6}.record-item.selected-b{box-shadow:inset 3px 0 #dfb978}.record-item-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.record-item-id{font:600 12px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;color:#b7c8d8}.record-item time{font-size:11px;color:#71869a}.record-item-meta{display:flex;gap:6px;flex-wrap:wrap;font-size:11px;color:#91a1b2}.record-pill{border:1px solid #334555;border-radius:99px;padding:3px 7px}.record-item-actions{display:flex;gap:6px;flex-wrap:wrap}.record-item-actions button{font-size:11px;padding:6px 8px;border:1px solid #314252;border-radius:7px;background:transparent;color:#c8d4df;cursor:pointer}.record-item-actions button:hover{border-color:#7592ab}.record-item-actions .pick-a.active{background:#1b2b39;color:#ddebfa}.record-item-actions .pick-b.active{background:#302819;color:#f2d69d}
.compare-deck{border:1px solid #2b3c4c;border-radius:12px;background:#0b1219;overflow:hidden}.compare-head{display:grid;grid-template-columns:1fr 1fr}.compare-slot{padding:12px 14px;border-bottom:1px solid #23313e;min-width:0}.compare-slot+ .compare-slot{border-left:1px solid #23313e}.compare-slot small{display:block;color:#7890a5;margin-bottom:4px}.compare-slot b{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-body{padding:12px 14px;display:grid;gap:6px}.compare-row{display:grid;grid-template-columns:minmax(120px,1fr) repeat(3,minmax(72px,.65fr));gap:8px;align-items:center;font-size:12px;padding:7px 0;border-bottom:1px solid #1d2934}.compare-row:last-child{border-bottom:0}.compare-row code{font-size:11px;color:#a9bed0}.compare-delta.pos{color:#9dc4af}.compare-delta.neg{color:#ea9a9a}.compare-note{color:#91a1b2;font-size:12px;line-height:1.5}
.event-log{display:grid;gap:6px}.event-item{display:grid;grid-template-columns:72px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid #1f2c37;font-size:12px}.event-time{color:#708498;font-variant-numeric:tabular-nums}.event-text{color:#b8c6d2}.event-text strong{color:#e8edf2}
.capture-record-btn{white-space:nowrap}.record-local-note{font-size:11px;color:#7890a5;line-height:1.45}
@media(max-width:640px){.record-drawer{width:100vw}.record-drawer-head,.record-drawer-body{padding-left:16px;padding-right:16px}.compare-row{grid-template-columns:1fr 1fr}.compare-row .compare-a,.compare-row .compare-b{grid-column:auto}.compare-row .compare-delta{grid-column:2}.record-item-head{display:grid}}
@media(prefers-reduced-motion:reduce){.record-drawer,.record-drawer-backdrop,.record-item{transition:none!important}}