.reference-shell{--ref-green:#15523e;--ref-ink:#17221e;--ref-muted:#69766f;--ref-line:#d9e1dc;min-height:100vh;color:var(--ref-ink);background:#f3f5f1;padding:28px}.reference-topbar{justify-content:space-between;align-items:flex-start;gap:24px;max-width:1640px;margin:0 auto 20px;display:flex}.reference-topbar h1,.reference-topbar p,.reference-panel-heading h2,.reference-subject-header h2,.reference-section-heading h3,.reference-add-source h3{margin:0}.reference-topbar h1{letter-spacing:-.04em;margin-top:4px;font-size:clamp(28px,4vw,48px)}.reference-topbar>div>p:last-child{max-width:820px;color:var(--ref-muted);margin-top:10px;line-height:1.5}.reference-eyebrow{color:var(--ref-green);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:900}.reference-topbar nav{gap:9px;display:flex}.reference-topbar a,.reference-topbar button,.reference-search-link{border:1px solid var(--ref-line);min-height:42px;color:var(--ref-green);white-space:nowrap;background:#fff;border-radius:9px;justify-content:center;align-items:center;padding:0 14px;font-weight:800;text-decoration:none;display:inline-flex}.reference-topbar button:disabled{opacity:.45}.reference-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:1640px;margin:0 auto 18px;display:grid}.reference-stats article{border:1px solid var(--ref-line);background:#fff;border-radius:13px;padding:16px 18px}.reference-stats span,.reference-stats small,.reference-stats strong{display:block}.reference-stats span,.reference-stats small{color:var(--ref-muted);font-size:11px}.reference-stats strong{color:var(--ref-green);margin:3px 0;font-size:28px}.reference-workspace{grid-template-columns:minmax(310px,390px) minmax(0,1fr);gap:18px;max-width:1640px;height:calc(100dvh - 240px);min-height:620px;margin:auto;display:grid}.reference-backlog,.reference-review{border:1px solid var(--ref-line);background:#fff;border-radius:16px;min-height:0;box-shadow:0 15px 45px #20352b0a}.reference-backlog{flex-direction:column;padding:18px;display:flex;overflow:hidden}.reference-panel-heading,.reference-section-heading,.reference-subject-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.reference-panel-heading{margin-bottom:14px}.reference-panel-heading h2{margin-top:3px}.reference-field>span{color:var(--ref-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:850;display:block}.reference-field input,.reference-field select{border:1px solid var(--ref-line);width:100%;min-height:42px;color:var(--ref-ink);background:#fff;border-radius:8px;padding:8px 10px}.reference-filter-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:9px;display:grid}.reference-subject-list{gap:7px;min-height:0;margin-top:13px;padding-right:4px;display:grid;overflow-y:auto}.reference-subject-list>button{border:1px solid var(--ref-line);width:100%;color:inherit;text-align:left;background:#f8faf8;border-radius:10px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;display:grid}.reference-subject-list>button:hover,.reference-subject-list>button.active{background:#edf6f0;border-color:#7ea792}.reference-subject-list strong,.reference-subject-list small{overflow-wrap:anywhere;display:block}.reference-subject-list small{color:var(--ref-muted);margin-top:3px;font-size:10px}.reference-kind{border-radius:8px;place-items:center;width:30px;height:30px;font-size:10px;font-weight:900;display:grid}.reference-kind.package{color:#7a5211;background:#f8e7be}.reference-kind.item{color:#15523e;background:#dcebe4}.reference-state{white-space:nowrap;border-radius:999px;padding:5px 7px;font-size:9px;font-weight:900}.reference-state.approved{color:#17613f;background:#dcefe4}.reference-state.pending{color:#80550c;background:#fff0cf}.reference-state.evidence{color:#59655f;background:#e9ecea}.reference-state.empty{color:#8a3636;background:#f4dddd}.reference-review{padding:24px;overflow-y:auto}.reference-subject-header{border-bottom:1px solid var(--ref-line);padding-bottom:20px}.reference-subject-header h2{letter-spacing:-.025em;margin-top:5px;font-size:30px}.reference-subject-header>div>p:last-child{color:var(--ref-muted);margin:7px 0 0}.reference-evidence{text-align:right;background:#f1f5f2;border-radius:10px;min-width:120px;padding:12px}.reference-evidence strong,.reference-evidence span,.reference-evidence a{display:block}.reference-evidence strong{color:var(--ref-green);font-size:23px}.reference-evidence span{color:var(--ref-muted);font-size:10px}.reference-evidence a{color:var(--ref-green);margin-top:6px;font-size:10px;font-weight:800}.reference-candidates-section{padding-top:21px}.reference-section-heading h3{font-size:19px}.reference-section-heading p,.reference-add-source>div>p:last-of-type{max-width:720px;color:var(--ref-muted);margin:5px 0 0;font-size:12px;line-height:1.5}.reference-section-heading>span{min-width:32px;height:32px;color:var(--ref-green);background:#e7efe9;border-radius:999px;place-items:center;font-weight:900;display:grid}.reference-candidate-grid{grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:13px;margin-top:14px;display:grid}.reference-candidate{border:1px solid var(--ref-line);background:#fbfcfa;border-radius:13px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.reference-candidate.approved{border-color:#69a080;box-shadow:0 0 0 2px #dcefe4}.reference-candidate.rejected{opacity:.68}.reference-image-frame{background:#edf1ee;place-items:center;height:220px;padding:12px;display:grid}.reference-image-frame img{object-fit:contain;width:100%;height:100%;display:block}.reference-candidate-copy{flex:1;padding:13px}.reference-candidate-title{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.reference-candidate-title strong{overflow-wrap:anywhere}.reference-candidate-title span{white-space:nowrap;border-radius:999px;padding:5px 7px;font-size:9px;font-weight:900}.reference-candidate-title span.pending{color:#80550c;background:#fff0cf}.reference-candidate-title span.approved{color:#17613f;background:#dcefe4}.reference-candidate-title span.rejected{color:#8a3636;background:#f4dddd}.reference-candidate-copy>p{color:var(--ref-muted);margin:7px 0 0;font-size:11px}.reference-candidate-copy .reference-rights{color:#4f6158}.reference-source-links{flex-wrap:wrap;gap:10px;margin-top:9px;display:flex}.reference-source-links a{color:var(--ref-green);font-size:11px;font-weight:800}.reference-candidate-actions{grid-template-columns:1fr 1fr auto;gap:7px;padding:0 13px 13px;display:grid}.reference-candidate-actions button{border:1px solid var(--ref-line);min-height:38px;color:var(--ref-ink);background:#fff;border-radius:8px;padding:0 10px;font-weight:800}.reference-candidate-actions .approve{border-color:var(--ref-green);background:var(--ref-green);color:#fff}.reference-candidate-actions .delete{color:#9a3c3c}.reference-candidate-actions button:disabled{opacity:.4}.reference-candidate-empty{color:var(--ref-muted);text-align:center;border:1px dashed #bfcac3;border-radius:12px;grid-column:1/-1;padding:36px 20px}.reference-candidate-empty strong{color:var(--ref-ink)}.reference-candidate-empty p{max-width:540px;margin:7px auto 0}.reference-add-source{background:#f1f8f3;border:1px solid #c7ddcf;border-radius:13px;grid-template-columns:minmax(220px,.65fr) minmax(380px,1.35fr);gap:24px;margin-top:24px;padding:20px;display:grid}.reference-add-source h3{margin-top:4px}.reference-search-link{min-height:38px;margin-top:13px;font-size:11px}.reference-add-source form{grid-template-columns:1fr 1fr;align-items:end;gap:9px;display:grid}.reference-add-source .wide{grid-column:1/-1}.reference-add-source form>button{background:var(--ref-green);color:#fff;border:0;border-radius:8px;justify-self:end;min-height:42px;padding:0 15px;font-weight:850}.reference-add-source form>button:disabled{opacity:.45}.reference-empty,.reference-review-empty{color:var(--ref-muted);text-align:center}.reference-review-empty{place-content:center;min-height:440px;display:grid}.reference-review-empty h2,.reference-review-empty p{margin:0}.reference-review-empty p{max-width:500px;margin-top:8px}.reference-toast{z-index:20;color:#fff;background:#173f32;border:1px solid #bcd0c3;border-radius:10px;max-width:min(520px,100% - 40px);margin:0;padding:12px 15px;font-size:12px;position:fixed;bottom:24px;right:28px;box-shadow:0 16px 40px #0003}@media (max-width:900px){.reference-shell{padding:16px}.reference-topbar{display:block}.reference-topbar nav{margin-top:14px}.reference-stats{grid-template-columns:1fr 1fr}.reference-workspace{height:auto;display:block}.reference-backlog{max-height:520px}.reference-review{margin-top:14px}.reference-add-source,.reference-add-source form{grid-template-columns:1fr}.reference-add-source .wide{grid-column:auto}}@media (max-width:560px){.reference-stats,.reference-filter-grid{grid-template-columns:1fr}.reference-subject-header{display:block}.reference-evidence{text-align:left;margin-top:13px}.reference-candidate-grid{grid-template-columns:1fr}.reference-add-source{padding:15px}}