.formation360-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.formation360-metric{padding:16px;border:1px solid #dce4ef;border-radius:15px;background:#fff}.formation360-metric small{display:block;color:#64748b}.formation360-metric strong{display:block;margin-top:5px;font-size:1.55rem;color:#173b7a}.formation360-progress{height:8px;margin-top:10px;border-radius:99px;background:#e7ebf1;overflow:hidden}.formation360-progress i{display:block;height:100%;background:#173b7a}.formation360-history{display:grid;gap:0}.formation360-history article{display:grid;grid-template-columns:16px 1fr;gap:12px;position:relative;padding:13px 0}.formation360-history article:not(:last-child):after{content:"";position:absolute;left:6px;top:28px;bottom:-5px;width:2px;background:#dce4ef}.formation360-history i{z-index:1;width:14px;height:14px;margin-top:3px;border-radius:50%;background:#173b7a;border:3px solid #dbe7fa}.formation360-history p{margin:2px 0}.formation360-history small{color:#64748b}.formation360-alert{border-left:4px solid #ffc900;background:#fffdf2}.formation360-people{display:grid;gap:10px}.formation360-person{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:13px 15px;border:1px solid #dce4ef;border-radius:13px;background:#fff}.formation360-person h3,.formation360-person p{margin:0}.formation360-person p{color:#64748b;font-size:.85rem;margin-top:3px}.formation360-person .metrics{margin:0;display:flex;gap:8px;flex-wrap:wrap}.formation360-person .metrics span{padding:5px 8px;border-radius:99px;background:#f1f5f9;font-size:.76rem;font-weight:750}.formation360-person .metrics .attention{background:#fff4cc}.formation360-person .metrics .critical{background:#fee2e2}@media(max-width:900px){.formation360-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.formation360-person{grid-template-columns:1fr}}@media(max-width:560px){.formation360-grid{grid-template-columns:1fr}.formation360-metric strong{font-size:1.35rem}}
.formation360-person{text-align:left;width:100%;cursor:pointer}.formation360-person:hover{border-color:#b8c7db;box-shadow:0 5px 18px #173b7a12}