/* CIFACI Need ↔ Capability optimization — additive, no backend replacement */
.need-capability-doors{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0 18px}.nc-door{display:flex;flex-direction:column;gap:8px;padding:18px 20px;border:1px solid rgba(255,255,255,.24);border-radius:18px;text-decoration:none!important;color:#fff!important;background:rgba(255,255,255,.075);backdrop-filter:blur(7px);transition:.28s ease}.nc-door:hover{transform:translateY(-6px);background:rgba(255,255,255,.14);border-color:rgba(229,177,55,.75);box-shadow:0 18px 40px rgba(0,0,0,.18)}.nc-door small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#f0c75c;font-weight:800}.nc-door strong{font-size:20px;line-height:1.2}.nc-door span{font-size:13px;line-height:1.5;color:#e1eff0}.nc-door.capability{border-color:rgba(229,177,55,.48)}
.nc-system{display:grid;grid-template-columns:minmax(160px,1fr) 80px minmax(200px,1.1fr) 80px minmax(160px,1fr);align-items:center;gap:10px;margin-top:20px}.nc-pole,.nc-center{border-radius:20px;padding:20px;text-align:center}.nc-pole{background:#fff;color:#11383d;box-shadow:0 14px 35px rgba(0,0,0,.12)}.nc-pole b,.nc-center b{display:block;font-size:22px}.nc-pole small{color:#60777a}.nc-center{background:linear-gradient(145deg,#c7951d,#e9bf52);color:#052f35;box-shadow:0 14px 35px rgba(0,0,0,.18)}.nc-arrow{text-align:center;color:#efc45b;font-size:32px;font-weight:900}.nc-flow{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:5px}.nc-flow span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.17);border-radius:999px;padding:9px 8px;text-align:center;color:#dceff0;font-size:11px;font-weight:700}.ecosystem-loop{display:grid;grid-template-columns:repeat(8,minmax(110px,1fr));gap:8px;align-items:stretch}.ecosystem-loop .loop-node{padding:15px 11px;border:1px solid #d8e3e4;border-radius:16px;background:#fff;color:#173d42;text-align:center;font-weight:750;position:relative;transition:.22s}.ecosystem-loop .loop-node:hover{transform:translateY(-4px);border-color:#c7951d}.ecosystem-loop .loop-node:not(:last-child)::after{content:'→';position:absolute;right:-13px;top:50%;transform:translateY(-50%);color:#c7951d;font-size:18px;z-index:3}.micro-definition{font-size:12px;color:#5e7478;margin-top:6px;line-height:1.45}.capability-bridge{margin-top:18px;padding:18px;border-radius:16px;background:#f5faf9;border:1px solid #d7e7e5}.capability-bridge h3{margin:0 0 6px;color:#064c55}.capability-bridge .btn{margin-top:8px}.case-stage-wrap{margin:14px 0 18px}.case-stage-title{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px;color:#405c60;font-size:12px}.case-stage-bar{height:9px;border-radius:999px;background:#dce8e8;overflow:hidden}.case-stage-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#08707b,#c7951d)}.case-stage-steps{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.case-stage-steps span{font-size:10px;padding:5px 8px;border-radius:999px;background:#edf3f3;color:#688083}.case-stage-steps span.active{background:#075b65;color:#fff}.ecosystem-dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ecosystem-card{display:block;padding:16px;border:1px solid #dbe6e6;border-radius:16px;background:#fff;text-decoration:none!important;color:#173b40!important;transition:.22s}.ecosystem-card:hover{transform:translateY(-4px);border-color:#c7951d;box-shadow:0 15px 30px rgba(4,74,82,.10)}.ecosystem-card small{display:block;color:#73868a}.ecosystem-card strong{display:block;font-size:22px;margin:6px 0;color:#075b65}.role-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.role-pill{display:flex;align-items:center;gap:8px;padding:11px 12px;border:1px solid #d7e3e4;border-radius:13px;background:#fff}.role-pill:has(input:checked){border-color:#c7951d;background:#fffaf0}.opp-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.opp-fact{padding:10px 11px;border-radius:12px;background:#f3f7f7}.opp-fact small{display:block;color:#748689;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.opp-fact b{font-size:13px;color:#173f44}.opportunity-fit{padding:12px 14px;border-radius:13px;background:#eef8f5;border:1px solid #cfe7dd;color:#164c42;margin:12px 0}.assistant-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.conversion-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.conversion-card{padding:16px;border-radius:16px;background:#fff;border:1px solid #dbe5e6}.conversion-card strong{display:block;font-size:28px;color:#075b65}.conversion-card span{color:#60777a}.conversion-note{padding:14px;border-radius:14px;background:#f6f9f9;color:#4f696d}.need-capability-tag{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;background:#edf7f6;color:#075b65;font-size:11px;font-weight:800}.need-capability-tag.gold{background:#fff4d8;color:#74530b}
@media(max-width:980px){.need-capability-doors,.ecosystem-dashboard{grid-template-columns:1fr 1fr}.nc-system{grid-template-columns:1fr}.nc-arrow{transform:rotate(90deg)}.nc-flow{grid-template-columns:repeat(3,1fr)}.ecosystem-loop{grid-template-columns:repeat(2,1fr)}.ecosystem-loop .loop-node::after{display:none}.role-picker{grid-template-columns:1fr 1fr}.opp-facts,.conversion-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.need-capability-doors,.ecosystem-dashboard,.role-picker,.opp-facts,.conversion-grid{grid-template-columns:1fr}.nc-flow{grid-template-columns:1fr 1fr}.nc-pole,.nc-center{padding:16px}.ecosystem-loop{grid-template-columns:1fr}.nc-door strong{font-size:18px}}