:root{--navy:#0b1a30;--deep-navy:#061020;--gold:#bf9000;--soft-gold:#fdf6e2;--background:#f4f7fa;--surface:#fff;--surface-alt:#eef2f7;--text:#0b1a30;--muted:#64748b;--line:#e2e8f0;--green:#10b981;--red:#ef4444;--orange:#f97316;--shadow:0 4px 12px #0b1a300a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--background);color:var(--text);margin:0}button,input,textarea,select{font:inherit}button{background:var(--navy);color:#fff;cursor:pointer;border:0;border-radius:12px;padding:.8rem 1rem;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s}button:hover{transform:translateY(-1px);box-shadow:0 10px 25px #0b1a3026}button.secondary{background:var(--surface-alt);color:var(--navy)}.nav-item{color:#94a3b8;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.7rem 1rem;transition:all .15s;display:flex}.nav-item:hover{color:#fff;background:#ffffff08}.nav-item.active{color:#fff;border:1px solid var(--gold);background:#ffffff0a}.step-number{display:none}.screen-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.screen-grid.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.full-span{grid-column:1/-1}.section-title{background:0 0;padding:.25rem .2rem}.section-title p{color:var(--muted);margin:.25rem 0 0;line-height:1.5}.metric-card,.content-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:1rem;box-shadow:0 8px 24px #0f1f380f}.metric-card{gap:.3rem;display:grid}.metric-card span,.metric-card small,.info-block span,.detail-list dt{color:var(--muted);font-size:.85rem}.metric-card strong{color:var(--navy);font-size:2.4rem}.request-summary{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:1rem;display:grid}.request-summary p,.content-card p,.gap-card small,.guardrail small{color:var(--muted);line-height:1.5}.pill,.priority,.position{border-radius:999px;align-items:center;width:max-content;padding:.3rem .65rem;font-size:.75rem;font-weight:900;display:inline-flex}.pill{background:var(--soft-gold);color:var(--navy)}.mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:1rem;display:grid}.info-block{background:var(--surface-alt);border-radius:14px;gap:.2rem;padding:.75rem;display:grid}.info-block strong{color:var(--navy)}.recommendation-card.compact,.recommendation-card{background:linear-gradient(#fff,#fffaf0);border:1px solid #bf900066;border-radius:20px;flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.recommendation-card h3,.recommendation-card strong{color:var(--navy)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}label{gap:.35rem;display:grid}label span{color:var(--muted);font-size:.85rem;font-weight:800}input,textarea,select{border:1px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:12px;padding:.75rem}textarea{resize:vertical;min-height:92px}.guidance-card{background:#fffaf0;border:1px solid #bf900059;align-self:start}.detail-list{grid-template-columns:220px 1fr;gap:.75rem 1rem;margin:0;display:grid}.detail-list dd{margin:0;font-weight:700}.status-stack{justify-items:start;gap:1rem;display:grid}.progress-ring{background:radial-gradient(circle at center, white 58%, transparent 59%), conic-gradient(var(--gold) 0 53%, var(--surface-alt) 53% 100%);border:1px solid var(--line);border-radius:999px;place-items:center;width:150px;height:150px;display:grid}.progress-ring span{color:var(--navy);font-size:1.8rem;font-weight:900}.gap-card{grid-column:span 2}.priority.high{color:var(--red);background:#fee4e2}.priority.normal,.position.neutral{background:var(--surface-alt);color:var(--navy)}.position.support{color:var(--green);background:#ccfbef}.position.concern{color:var(--orange);background:#ffedd5}.action-row,.table-toolbar{justify-content:flex-end;align-items:center;gap:1rem;display:flex}.table-toolbar{justify-content:space-between;margin-bottom:1rem}.table-toolbar p{margin:.35rem 0 0}.responsive-table{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:820px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.85rem}th{background:var(--deep-navy);color:#fff;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}td{color:var(--muted)}td strong{color:var(--text)}.canvas-card{min-height:160px}.guardrail-list{gap:.75rem;display:grid}.guardrail{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:1fr auto;gap:.75rem;padding:.85rem;display:grid}.guardrail span{text-transform:uppercase;border-radius:999px;align-self:start;padding:.3rem .55rem;font-size:.72rem;font-weight:900}.guardrail.triggered span{color:var(--red);background:#fee4e2}.guardrail.clear span{color:var(--green);background:#dcfce7}.guardrail p{margin:.4rem 0}.next-action{border-top:1px solid #bf90004d;margin-top:1rem;padding-top:1rem}.score-bars{gap:.75rem;display:grid}.score-bar{grid-template-columns:220px 1fr 50px;align-items:center;gap:.75rem;display:grid}.score-bar span{font-weight:800}.bar-track{background:var(--surface-alt);border-radius:999px;height:12px;overflow:hidden}.bar-track div{background:linear-gradient(90deg, var(--gold), var(--navy));height:100%}@media (width<=900px){.screen-grid,.screen-grid.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.request-summary{grid-template-columns:1fr}.detail-list{grid-template-columns:140px 1fr}.score-bar{grid-template-columns:140px 1fr 50px}.metric-card strong{font-size:1.8rem}table{min-width:600px}}@media (width<=600px){.main-content{padding:.75rem}.header-card,.request-summary,.screen-grid,.screen-grid.two-column,.form-grid,.mini-grid{grid-template-columns:1fr}.header-card,.action-row,.table-toolbar{flex-direction:column;align-items:stretch}.gap-card{grid-column:1}.detail-list,.score-bar{grid-template-columns:1fr}.metric-card strong{font-size:1.5rem}.progress-ring{width:110px;height:110px}.progress-ring span{font-size:1.4rem}.content-card,.metric-card{border-radius:14px;padding:.75rem}.recommendation-card.compact,.recommendation-card{border-radius:14px;padding:1rem}.guardrail{grid-template-columns:1fr}}
