23 lines
966 B
CSS
23 lines
966 B
CSS
.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; }
|