.circular-dashboard{display:grid;gap:18px}.passport-hero{background:linear-gradient(145deg,var(--green-950),var(--green-700));color:#fff;border-radius:28px;padding:28px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.passport-hero h1{margin:4px 0 8px;font-size:clamp(36px,5vw,58px)}.passport-hero p{color:#dceee3;max-width:720px}.score-orb{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#9fe0b6 var(--score,0%),rgba(255,255,255,.14) 0);position:relative}.score-orb:before{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--green-950)}.score-orb>div{position:relative;text-align:center}.score-orb strong{display:block;font-size:34px}.score-orb small{color:#cfe5d7}.impact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.impact-grid>div,.product-passport-card,.proof-card,.route-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.impact-grid small,.impact-grid strong{display:block}.impact-grid small{color:var(--muted)}.impact-grid strong{font-size:24px;margin-top:6px}.passport-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.product-passport-card{display:flex;justify-content:space-between;gap:16px;text-decoration:none;color:inherit}.product-passport-card:hover{border-color:#91c9a5}.product-passport-card h3{margin:4px 0}.passport-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:850;color:var(--green-700)}.stage-badge,.verify-badge{display:inline-block;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:850;background:var(--green-100);color:var(--green-900)}.verify-badge.pending{background:#fff3d9;color:#7a5b00}.verify-badge.rejected{background:#fff0ee;color:#8b2f25}.passport-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.qr-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;text-align:center;height:max-content}.qr-box{min-height:220px;display:grid;place-items:center;margin:14px auto}.qr-box img,.qr-box canvas{max-width:220px!important;height:auto!important}.timeline{display:grid;gap:0}.timeline-event{display:grid;grid-template-columns:22px 1fr;gap:12px;padding-bottom:18px}.timeline-event:last-child{padding-bottom:0}.timeline-dot{width:12px;height:12px;border-radius:50%;background:var(--green-500);margin:6px auto 0;position:relative}.timeline-event:not(:last-child) .timeline-dot:after{content:"";position:absolute;width:2px;height:calc(100% + 28px);left:5px;top:12px;background:#d7e6dc}.timeline-event h4{margin:0 0 4px;text-transform:capitalize}.timeline-event p{margin:0;color:var(--muted);font-size:13px}.route-flow{display:grid;grid-template-columns:repeat(7,minmax(90px,1fr));gap:8px;overflow:auto;padding-bottom:6px}.route-step{background:#eef6f1;border:1px solid #d3e6d9;border-radius:14px;padding:12px;text-align:center;font-weight:850;font-size:12px;min-width:100px}.route-step.selected{background:var(--green-900);color:#fff}.route-result{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;margin-top:16px}.route-result h2{font-size:34px;margin:6px 0}.route-actions{display:flex;gap:10px;flex-wrap:wrap}.policy-note{background:#f5f8f6;border:1px solid #dce7df;border-radius:16px;padding:14px;color:var(--muted);font-size:13px}.next-life-nudge{max-width:1180px;margin:18px auto 0;background:#f1f8f3;border:1px solid #d1e5d7;border-radius:16px;padding:12px 16px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.next-life-nudge span{color:var(--muted);flex:1;min-width:240px}.next-life-nudge a{font-weight:850;color:var(--green-900);text-decoration:none}.circular-form{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px}.circular-form .form-grid{margin-top:10px}.empty-passport{background:#fff;border:1px dashed #bed2c4;border-radius:20px;padding:28px;text-align:center}.proof-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.proof-summary>div{background:#f6f9f7;border-radius:14px;padding:12px}.proof-summary small,.proof-summary strong{display:block}.proof-summary small{color:var(--muted)}
@media(max-width:900px){.passport-hero{grid-template-columns:1fr}.score-orb{width:130px;height:130px}.impact-grid{grid-template-columns:repeat(2,1fr)}.passport-list,.passport-detail-grid{grid-template-columns:1fr}.qr-panel{order:-1}.proof-summary{grid-template-columns:1fr}}
@media(max-width:560px){.impact-grid{grid-template-columns:1fr}.passport-hero{padding:20px}.route-actions{flex-direction:column}.route-actions .btn{width:100%;text-align:center}}