#rsp-assessment-app, .rsp-wrap {font-family: Arial, Helvetica, sans-serif; color:#1d2939;}
.rsp-wrap {max-width: 1200px; margin: 24px auto;}
.rsp-header {background:#1f4e78; color:#fff; padding:24px; border-radius:14px; margin-bottom:20px; display:flex; gap:16px; justify-content:space-between; align-items:flex-start;}
.rsp-header h2 {margin:0 0 8px; color:#fff;}
.rsp-actions {display:flex; gap:10px; flex-wrap:wrap;}
.rsp-btn {background:#12b76a; color:#fff; border:none; border-radius:10px; padding:10px 16px; cursor:pointer; font-weight:700;}
.rsp-btn:hover {opacity:.92;}
.rsp-btn-secondary {background:#fff; color:#1f4e78;}
.rsp-grid {display:grid; gap:16px;}
.rsp-kpis {grid-template-columns: repeat(4, minmax(0,1fr)); margin-bottom:18px;}
.rsp-main-grid {grid-template-columns: 1fr 1fr; margin-bottom:18px;}
.rsp-card, .rsp-panel, .rsp-mini-card, .rsp-metric {background:#fff; border:1px solid #d0d5dd; border-radius:14px; box-shadow:0 2px 8px rgba(16,24,40,.06);}
.rsp-card {padding:18px;}
.rsp-card-title {display:block; font-size:13px; color:#667085; margin-bottom:6px;}
.rsp-card strong {font-size:22px; line-height:1.2;}
.rsp-panel {padding:18px;}
.rsp-panel h3 {margin-top:0; color:#1f4e78;}
.rsp-panel h4 {margin-bottom:10px;}
.rsp-note {color:#667085; font-size:13px;}
.rsp-table-wrap {overflow:auto;}
.rsp-table {width:100%; border-collapse:collapse; font-size:14px;}
.rsp-table th, .rsp-table td {border:1px solid #e4e7ec; padding:10px; vertical-align:top;}
.rsp-table th {background:#1f4e78; color:#fff; position:sticky; top:0;}
.rsp-table input, .rsp-table select, .rsp-form-grid input {width:100%; box-sizing:border-box; padding:8px 10px; border:1px solid #d0d5dd; border-radius:8px;}
.rsp-two-col {display:grid; grid-template-columns:1fr 1fr; gap:16px;}
.rsp-form-grid {display:grid; grid-template-columns:1fr; gap:10px;}
.rsp-form-grid label {font-size:13px; color:#344054;}
.rsp-results-grid, .rsp-cba-summary, .rsp-subcards {display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:16px;}
.rsp-metric, .rsp-mini-card {padding:14px;}
.rsp-metric span, .rsp-mini-card span {display:block; font-size:12px; color:#667085; margin-bottom:6px;}
.rsp-metric strong, .rsp-mini-card strong {font-size:18px;}
.rsp-dashboard-box {display:grid; grid-template-columns:110px 1fr; gap:16px; align-items:center; background:#f8fafc; border:1px solid #e4e7ec; border-radius:12px; padding:16px; margin-bottom:16px;}
.rsp-traffic-light {width:90px; height:90px; border-radius:50%; border:4px solid #10182822; background:#f04438;}
.rsp-traffic-light.green {background:#12b76a;}
.rsp-traffic-light.yellow {background:#f79009;}
.rsp-traffic-light.red {background:#f04438;}
@media (max-width: 980px){
  .rsp-header, .rsp-kpis, .rsp-main-grid, .rsp-two-col, .rsp-results-grid, .rsp-cba-summary, .rsp-subcards {grid-template-columns:1fr 1fr;}
}
@media (max-width: 640px){
  .rsp-header, .rsp-kpis, .rsp-main-grid, .rsp-two-col, .rsp-results-grid, .rsp-cba-summary, .rsp-subcards {grid-template-columns:1fr;}
  .rsp-header {display:block;}
}