.capability-card { display: grid; justify-self: start; gap: .7rem; width: min(100%, 32rem); padding: 1rem; border: 1px solid #537362; border-radius: .9rem; background: #1c2c24; } .capability-card > p { margin: 0; color: #bfd1c6; line-height: 1.45; } .capability-risk, .capability-status { color: #aac5b5; } .capability-actions { display: flex; flex-wrap: wrap; gap: .5rem; } .capability-actions button { border: 0; border-radius: .65rem; padding: .8rem 1rem; background: #a9dfc4; color: #102018; font-weight: 750; cursor: pointer; } .capability-actions .secondary-action { background: #395447; color: #e2f1e8; } .capability-card[data-status="completed"] { border-color: #89c7a6; } .capability-card[data-status="rejected"], .capability-card[data-status="expired"], .capability-card[data-status="failed"], .capability-card[data-status="unsupported"] { border-color: #587064; } .capability-card button:disabled { opacity: .5; cursor: not-allowed; }