.assessment-page { gap:22px !important; }
.assessment-heading { display:flex; justify-content:space-between; align-items:center; width:100%; flex-shrink:0; }
.assessment-heading h1 { font-size:28px; line-height:1.55; margin:5px 0; }
.assessment-eyebrow { color:#225eec; font:600 10px Inter,sans-serif; letter-spacing:.3px; }
.assessment-muted { color:#738197; font-size:12px; line-height:1.7; }
.assessment-body { width:100%; flex-shrink:0; }
.assessment-tabs { display:flex; gap:28px; width:100%; flex-shrink:0; border-bottom:1px solid #e3eaf2; }
.assessment-tabs button { padding:0 0 12px; color:#738197; background:none; font-size:13px; border-bottom:2px solid transparent; }
.assessment-tabs button.is-selected { color:#225eec; font-weight:600; border-color:#225eec; }
.assessment-button { min-height:36px; padding:8px 15px; border:1px solid #e3eaf2; border-radius:6px; background:white; color:#18263d; font-size:12px; line-height:1.5; white-space:nowrap; }
.assessment-button.primary { border-color:#225eec; background:#225eec; color:white; }
.assessment-button:hover { border-color:#225eec; }
.assessment-button:focus-visible,.assessment-tabs button:focus-visible { outline:2px solid #225eec; outline-offset:3px; }
.assessment-setup { display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:24px; align-items:start; }
.assessment-card { width:100%; padding:24px; background:white; border:1px solid #e3eaf2; border-radius:10px; }
.assessment-card h2 { font-size:17px; line-height:1.6; }
.assessment-card h3 { font-size:14px; line-height:1.6; }
.assessment-card-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px; }
.assessment-card-heading p { margin-top:4px; }
.assessment-pill { display:inline-flex; flex-shrink:0; padding:4px 9px; border-radius:5px; color:#225eec; background:#edf3ff; font-size:11px; line-height:1.6; }
.assessment-pill.pending { color:#a96b16; background:#fff7e8; }
.assessment-pill.unavailable { color:#8a5960; background:#fff0f1; }
.assessment-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 24px; }
.assessment-field { display:flex; flex-direction:column; gap:8px; font-size:12px; color:#18263d; }
.assessment-field > span { font-weight:500; }
.assessment-field.full { grid-column:1/-1; }
.assessment-field input,.assessment-field textarea { width:100%; min-width:0; padding:11px 13px; background:#fff; border:1px solid #dce4ef; border-radius:6px; color:#18263d; font-size:13px; line-height:1.6; }
.assessment-field textarea { resize:vertical; min-height:104px; }
.assessment-field input::placeholder,.assessment-field textarea::placeholder { color:#99a4b4; }
.assessment-field input:focus,.assessment-field textarea:focus { outline:2px solid #225eec22; border-color:#225eec; }
.assessment-platforms { display:flex; flex-wrap:wrap; gap:20px; margin:22px 0; padding:0; }
.assessment-platforms legend { margin-bottom:12px; font-size:12px; font-weight:500; }
.assessment-platforms label { display:flex; align-items:center; gap:7px; font-size:12px; cursor:pointer; }
.assessment-platforms label.is-disabled { color:#8b97a8; cursor:not-allowed; }
.assessment-platforms input { accent-color:#225eec; width:14px; height:14px; margin:0; }
.assessment-platforms input:disabled { cursor:not-allowed; }
.assessment-service-note,.assessment-plan-preview { margin:10px 0 0; padding:11px 14px; border-radius:6px; background:#f2f6ff; color:#47628f; font-size:11px; line-height:1.7; }
.assessment-service-note.is-warning { background:#fff7e8; color:#8a631c; }
.assessment-service-note.is-error { background:#fff0f1; color:#a53b48; }
.assessment-plan-preview { background:#f8fafd; color:#53647d; }
.assessment-plan-preview.is-error { background:#fff0f1; color:#a53b48; }
.assessment-inline-note { padding:12px 14px; color:#738197; background:#f8fafd; font-size:11px; line-height:1.8; border-radius:6px; }
.assessment-form-footer { display:flex; justify-content:space-between; align-items:center; gap:16px; padding-top:20px; margin-top:20px; border-top:1px solid #e3eaf2; }
.assessment-error:empty { display:none; }.assessment-error { color:#c44747; margin-top:12px; font-size:12px; }
.assessment-aside { display:flex; flex-direction:column; gap:20px; }
.assessment-scope { background:#101b30; border-color:#101b30; color:white; }
.assessment-scope .assessment-eyebrow { color:#16b6cc; }
.assessment-scope h2 { margin:15px 0 10px; font-size:21px; line-height:1.6; }
.assessment-scope > p:not(.assessment-eyebrow) { color:#a6b5cd; font-size:12px; line-height:1.8; margin-bottom:24px; }
.assessment-scope-item { display:flex; gap:12px; padding:15px 0; border-top:1px solid #29415e; font-size:12px; line-height:1.7; }
.assessment-scope-item > span { color:#16b6cc; font:500 12px Inter,sans-serif; padding-top:3px; }
.assessment-aside .assessment-card > .assessment-muted { margin:10px 0 18px; }
.assessment-aside-note { padding:0 4px; }
.assessment-history-row { display:flex; align-items:center; gap:24px; justify-content:space-between; padding:20px 0; border-bottom:1px solid #e3eaf2; }
.assessment-empty-report,.assessment-loading,.assessment-api-error { display:flex; align-items:flex-start; flex-direction:column; gap:14px; min-height:190px; justify-content:center; }
.assessment-poll-error { display:flex; align-items:center; gap:14px; margin-bottom:14px; padding:12px 14px; border:1px solid #f2cbd0; border-radius:8px; background:#fff4f5; color:#9d3341; font-size:12px; }
.assessment-poll-error span { flex:1; }
.assessment-empty { display:flex; align-items:center; flex-direction:column; gap:14px; padding:64px 24px; color:#738197; font-size:13px; }
.assessment-quick-entry { display:flex; align-items:center; gap:18px; width:100%; padding:12px 16px; border:1px solid #dce6fc; border-radius:6px; background:#f2f6ff; color:#738197; text-align:left; font-size:11px; }
.assessment-entry-title { color:#18263d; font-size:13px; font-weight:600; }
.assessment-entry-link { color:#225eec; margin-left:auto; }
@media(min-width:2200px) { .assessment-setup { grid-template-columns:minmax(0,1fr) 400px; } }
@media(max-width:1450px) { .assessment-setup { grid-template-columns:minmax(0,1fr) 290px; gap:20px; }.assessment-card{padding:20px}.assessment-scope h2{font-size:18px}.assessment-form-grid{gap:18px} }
@media(max-width:900px) { .assessment-heading{align-items:flex-start;gap:14px}.assessment-setup{grid-template-columns:1fr}.assessment-form-grid{grid-template-columns:1fr}.assessment-field.full{grid-column:auto}.assessment-history-row{align-items:flex-start;flex-wrap:wrap}.assessment-poll-error{align-items:flex-start;flex-direction:column} }