/* Benefit Passport v0.2 */
.version-chip{font-size:9px;color:var(--green);border:1px solid rgba(141,247,191,.2);border-radius:999px;padding:4px 6px;margin-left:2px}.saved-status{font-size:10px;color:#6f8c80;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-new span,.tool-button.new-tool span{color:var(--green)}.tool-new code{color:var(--green)}.benefit-cards{grid-template-columns:repeat(2,1fr)}.downstream-card{border-color:rgba(143,216,255,.16);background:linear-gradient(145deg,rgba(80,148,179,.07),rgba(255,255,255,.015))}.signal.conditional_unlock,.signal.check_if_awarded{color:var(--blue);background:rgba(143,216,255,.08)}
.passport{margin:18px 0;padding:28px;position:relative;overflow:hidden}.passport:before{content:"";position:absolute;right:-180px;top:-220px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(141,247,191,.08),transparent 65%);pointer-events:none}.passport-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;position:relative}.passport-header>div:first-child{display:flex;gap:14px;align-items:flex-start}.passport-title{display:flex;gap:12px;align-items:center}.passport-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#96ffc6,#3ecf8e);color:#062015;display:grid;place-items:center;font-size:20px;box-shadow:0 8px 30px rgba(63,213,142,.12)}.eyebrow-small{font-size:9px;letter-spacing:.14em;color:var(--green);margin:0 0 4px;font-weight:800}.passport-title h2{font-size:25px;margin:0;letter-spacing:-.035em}.passport-actions{display:flex;gap:8px}.passport-button,.secondary-button{border:0;border-radius:10px;padding:10px 12px;font:inherit;font-size:11px;font-weight:750;cursor:pointer}.passport-button{background:var(--green);color:#062015}.secondary-button{border:1px solid var(--line);background:rgba(255,255,255,.02);color:#8ba097}.passport-intro{max-width:840px;font-size:12px;line-height:1.65;color:#8ba097;margin:18px 0 20px}.passport-intro strong{color:#c9dbd3}.passport-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 20px}.passport-metrics>div{border:1px solid var(--line);background:rgba(255,255,255,.015);border-radius:12px;padding:12px}.passport-metrics span{display:block;font-size:9px;color:#70857c;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}.passport-metrics strong{font-size:13px}.passport-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:14px}.passport-column,.readiness-block,.rights-graph{border:1px solid var(--line);border-radius:16px;padding:16px;background:rgba(5,12,9,.32)}.subhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.subhead h3{margin:0;font-size:13px}.subhead span{font-size:9px;color:#5e756a}.claim-list{display:grid;gap:7px}.claim-item{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:9px;border-top:1px solid rgba(255,255,255,.05);padding:8px 0}.claim-item:first-child{border-top:0}.claim-dot{width:6px;height:6px;border-radius:50%;background:var(--amber)}.claim-item div{display:grid;gap:2px}.claim-item small{font-size:9px;color:#657d72}.claim-item strong{font-size:11px;font-weight:650}.claim-item em{font-style:normal;font-size:8px;color:var(--amber);border:1px solid rgba(255,201,120,.15);padding:4px 5px;border-radius:999px}.evidence-locker{display:grid;gap:7px}.evidence-item{display:grid;grid-template-columns:auto 24px 1fr auto;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.06);border-radius:11px;padding:10px;background:rgba(255,255,255,.012);cursor:pointer}.evidence-item input{display:none}.evidence-item.ready{border-color:rgba(141,247,191,.13);background:rgba(141,247,191,.025)}.evidence-check{width:20px;height:20px;border-radius:6px;border:1px solid rgba(255,255,255,.11);display:grid;place-items:center;font-size:10px;color:#062015}.evidence-item.ready .evidence-check{background:var(--green);border-color:var(--green)}.evidence-copy{display:grid;gap:2px}.evidence-copy strong{font-size:10px}.evidence-copy small{font-size:9px;line-height:1.35;color:#71877d}.evidence-copy em{font-size:8px;font-style:normal;color:#507264}.evidence-state{font-size:8px;text-transform:uppercase;color:#61766d}.evidence-item.ready .evidence-state{color:var(--green)}.readiness-block,.rights-graph{margin-top:14px}.service-readiness{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.readiness-card{border:1px solid rgba(255,255,255,.055);border-radius:11px;padding:11px;background:rgba(255,255,255,.012)}.readiness-head{display:flex;justify-content:space-between;gap:8px}.readiness-head strong{font-size:10px}.readiness-head span{font-size:8px;color:#71877d}.progress{height:4px;border-radius:999px;background:#09140f;margin:9px 0;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--green2),var(--green));border-radius:inherit}.reuse-chips{display:flex;gap:4px;flex-wrap:wrap}.reuse-chips span{font-size:7px;color:#5b7067;border:1px solid rgba(255,255,255,.055);border-radius:999px;padding:4px 5px}.reuse-chips span.ready{color:var(--green);border-color:rgba(141,247,191,.14);background:rgba(141,247,191,.035)}.graph-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1.35fr;gap:8px;align-items:center}.graph-node{border:1px solid var(--line);border-radius:12px;padding:11px;background:rgba(255,255,255,.015);min-height:82px;display:flex;flex-direction:column;justify-content:center}.graph-node small{font-size:7px;text-transform:uppercase;letter-spacing:.08em;color:#637970}.graph-node strong{font-size:11px;margin:4px 0}.graph-node span{font-size:8px;color:#789087}.graph-node.known{border-color:rgba(141,247,191,.14)}.graph-node.potential{border-color:rgba(255,201,120,.14)}.graph-node.downstream{border-color:rgba(143,216,255,.16)}.graph-arrow{text-align:center;color:#4f6e60}.split-arrow{transform:rotate(20deg)}
@media(max-width:900px){.passport-grid{grid-template-columns:1fr}.service-readiness{grid-template-columns:1fr}.graph-flow{grid-template-columns:1fr}.graph-arrow,.split-arrow{transform:none}.graph-arrow{height:12px}.passport-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.saved-status{display:none}.passport{padding:18px}.passport-header{flex-direction:column}.passport-header>div:first-child{flex-direction:column}.passport-actions{width:100%}.passport-button,.secondary-button{flex:1}.passport-metrics{grid-template-columns:1fr 1fr}.benefit-cards{grid-template-columns:1fr}}
