.card{
    background: #242424;
    color: #eef0f2;
    border: none;
    outline: none;
}
.overview_cards {
    color: #eef0f2;
}

/* Child cards should have a darker background */
.card .card {
    background: #303030;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

.card .card .card {
    background-color: #404040;
}

.preset-card {
    background: #505050!important;
}

.preset-card .card-header {
    background: #303030!important;
}

/* Links inside cards should use the brand teal */
.card a {
    color: #008BA5; 
}

.card a:hover {
    color: #008BA5;
}

/* Card with gradient border used on login and upload pages */
.gradient-card {
    border: 4px solid;
    border-image: linear-gradient(45deg, #20c997, #0dcaf0) 1;
    border-radius: 6px;
    overflow: hidden;
}

/* Special card variants consolidated from other styles */
.health-card {
    height: 100%;
    min-height: 158px;
}

.health-scroll-container .health-col .card {
    flex: 1 1 auto;
    height: 100%;
}

.health-card .card-body,
.highlight_metric .card-body {
    height: 100%;
}

.highlight_metric {
    background: #112428 !important;
    color: #ffffff;
}

.sensei-insight,
.sensei-insight-card {
    background-color: #212529 !important;
    border: none;
}

.sensei-insight .sensei-insight-icon,
.sensei-insight .sensei-insight-label,
.sensei-insight-badge {
    background: linear-gradient(90deg, #00b8a5, #21826d, #047388, #045a88);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 400;
}

.sensei-gradient-text {
    background: linear-gradient(90deg, #00b8a5, #21826d, #047388, #045a88);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sensei-insight .sensei-insight-label {
    font-size: 0.85rem;
    letter-spacing: 0.01em;
}

.sensei-insight-badge {
    border: 1px solid;
    border-image: linear-gradient(90deg, #00b8a5, #21826d, #047388, #045a88) 1;
    background-color: transparent;
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    border-radius: 4px;
}

.sensei-insight .sensei-insight-chart-card {
    min-height: 200px;
}

.sensei-insight .sensei-insight-chart-card .card-body {
    height: 100%;
}

.placeholder-card .placeholder {
    height: 100%;
    width: 100%;
}

#system-utilities .card,
#system2-utilities .card {
    border: 0 !important;
    border-left: 0 !important;
    height: 100%;
    box-shadow: none;
}

#system-utilities .card-body,
#system2-utilities .card-body {
    border: 0 !important;
}