.primary-panel {
    border: 1px solid var(--nedspice-background-grey);
    border-radius: var(--border-radious);
    padding: 0.6rem;
    margin-bottom: 1rem;
}

.primary-panel-title-container {
    color: var(--nedspice-text-grey);
}

.primary-panel-title {
    font-size: 0.8rem;
    text-transform: uppercase;
}
#primary-panel-header .d-flex.align-items-center i {
    margin-right: 0.5rem;
}

.primary-panel-body {
    padding: 0.6rem;
    margin-bottom: 0.4rem;
    font-size: 0.9rem;
}

.primary-panel-button {
    margin-bottom: 0.4rem;
}

/* On the frontend, the page background matches the card header colour.
   A visible border separates the header from the white card body. */
.body-wrapper .admin-form-wrapper .card .card-header {
    border: 1px solid #dadada91;
}