.card {
    height: 100%;
}

.no-role-banner {
    border-left: 4px solid #bc4e2c;
    background-color: #fff;
}

.no-role-banner-icon {
    font-size: 2rem;
    color: #bc4e2c;
}

.kpi-card-landnode { border-left: 4px solid var(--primary-color); }
.kpi-card-people   { border-left: 4px solid #2E7D32; }
.kpi-card-orgs     { border-left: 4px solid #bc4e2c; }
.kpi-card-courses  { border-left: 4px solid #558B2F; }

.kpi-icon {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.kpi-icon-landnode { background-color: var(--primary-color); }
.kpi-icon-people   { background-color: #2E7D32; }
.kpi-icon-orgs     { background-color: #bc4e2c; }
.kpi-icon-courses  { background-color: #558B2F; }

.kpi-icon i {
    color: #ffffff;
    font-size: 1.25rem;
}

.quick-link {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    border-radius: 4px;
    color: var(--text-color);
    text-decoration: none;
}
.quick-link:hover {
    background-color: var(--surface-hover);
}
.quick-link i.text-xl {
    font-size: 1.25rem;
}
.quick-link-landnode  i { color: var(--primary-color); }
.quick-link-people    i { color: #2E7D32; }
.quick-link-orgs      i { color: #bc4e2c; }
.quick-link-funders   i { color: #795548; }