.nps-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-bottom:16px}.nps-toolbar label{display:grid;gap:5px;min-width:145px}.nps-toolbar input,.nps-toolbar select{min-height:42px;padding:8px;border:1px solid #ccd7e2;border-radius:8px}.nps-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:16px 0}.nps-metrics .card{padding:16px}.nps-metrics span{display:block;color:#64748b;font-size:12px;text-transform:uppercase;font-weight:800}.nps-metrics strong{display:block;font-size:30px;color:#071b52;margin-top:6px}.nps-pending{width:100%;padding:14px;border:1px solid #ef9a46;border-radius:10px;background:#fff5e8;color:#9a3f00;font-weight:900;cursor:pointer}.nps-distribution{height:190px;display:grid;grid-template-columns:repeat(11,1fr);gap:8px;align-items:end}.nps-distribution>div{height:100%;display:grid;grid-template-rows:auto 1fr auto;text-align:center;gap:5px}.nps-distribution span{display:flex;align-items:end;background:#eef3f7;border-radius:6px;overflow:hidden}.nps-distribution i{display:block;width:100%;background:#087fc5}.nps-row{display:grid;grid-template-columns:72px 1fr auto;gap:14px;padding:16px 0;border-bottom:1px solid #dce4ea}.nps-score{display:grid;place-items:center;align-content:center;min-height:65px;border-radius:12px;background:#eaf7ef;color:#126338;font-size:26px;font-weight:900}.nps-row.neutral .nps-score{background:#fff6d9;color:#8a5b00}.nps-row.detractor .nps-score{background:#ffebeb;color:#a51e1e}.nps-score small{font-size:11px}.nps-row p{margin:6px 0}.nps-actions{display:flex;flex-direction:column;gap:8px}.nps-follow-state{padding:9px;border-left:4px solid #e8791a;background:#fff8ed}.nps-followup{min-width:min(620px,calc(100vw - 42px))}.nps-followup label{display:grid;gap:6px;margin:12px 0}.nps-followup textarea{min-height:130px}.nps-followup .field-actions{display:flex;justify-content:flex-end;gap:8px}@media(max-width:850px){.nps-metrics{grid-template-columns:repeat(2,1fr)}.nps-row{grid-template-columns:60px 1fr}.nps-actions{grid-column:1/-1;flex-direction:row}.nps-actions button{flex:1}}@media(max-width:520px){.nps-toolbar>*{width:100%}.nps-metrics{grid-template-columns:1fr 1fr}.nps-distribution{gap:3px}.nps-distribution b,.nps-distribution strong{font-size:11px}.nps-row{grid-template-columns:1fr}.nps-score{width:72px}.nps-actions{flex-direction:column}}
