/* SMART-PROCURE SDGs — Phase 21 */
.p21-notice{display:flex;gap:10px;align-items:flex-start;margin:14px 0;padding:14px 16px;border:1px solid var(--line);border-inline-start:4px solid var(--red);background:var(--blue-50);border-radius:14px;line-height:1.75;font-size:13px}.p21-notice b{font-size:20px}
.p21-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:14px 0 20px}.p21-kpis article{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;gap:10px;align-items:center;box-shadow:0 8px 22px rgba(5,58,106,.06)}.p21-kpis article>span{font-size:23px}.p21-kpis strong{display:block;color:var(--blue-900);font-size:22px}.p21-kpis small{color:var(--muted);font-size:11px}
.p21-grid{grid-template-columns:minmax(0,1.4fr) minmax(270px,.6fr)}.p21-actions{display:flex;gap:8px;flex-wrap:wrap}.p21-status{display:inline-flex;padding:5px 8px;border-radius:999px;background:var(--blue-100);color:var(--blue-900);font-size:11px;font-weight:700}.p21-rec{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase}.p21-go{background:#e6f8ef;color:#126b45}.p21-conditional_go{background:#fff3d9;color:#8a5700}.p21-no_go{background:#ffe8eb;color:#a8202d}
.p21-rule{padding:22px;text-align:center}.p21-rule strong{display:block;color:var(--blue-900);margin-top:14px}.p21-rule p{color:var(--muted);font-size:12px}.p21-light{width:74px;margin:auto;background:#152635;border-radius:22px;padding:10px;display:grid;gap:7px}.p21-light i{width:34px;height:34px;border-radius:50%;margin:auto;background:#394b58}.p21-light i:nth-child(1){background:#d92d3a;box-shadow:0 0 14px rgba(217,45,58,.55)}.p21-light i:nth-child(2){background:#e89b19}.p21-light i:nth-child(3){background:#15965d}
[data-theme="dark"] .p21-notice{background:rgba(255,255,255,.045)}
@media(max-width:1200px){.p21-kpis{grid-template-columns:repeat(3,1fr)}.p21-grid{grid-template-columns:1fr}}@media(max-width:680px){.p21-kpis{grid-template-columns:1fr 1fr}.p21-actions{width:100%}.p21-actions .btn{flex:1}}@media(max-width:430px){.p21-kpis{grid-template-columns:1fr}}