/* White content surfaces on cream page canvas (loaded after page CSS) */

.security-card,
.security-modal-panel,
.billing-modal-panel,
.home-widget,
.home-news-card,
.home-project-row,
.home-recommendation,
.home-tabs,
.dashboard-table-wrap,
.dashboard-panel,
.dashboard-quick-link,
.dashboard-status-banner,
.order-controls-panel,
.billing-period-card,
.servers-featured-card,
.servers-resource-card,
.order-vps-type-card,
.order-vps-hero__card,
.order-vps-about__card,
.managed-database-engine-card,
.managed-database-migration-card,
.managed-database-learn__link,
.support-tickets-list-pane,
.support-tickets-detail-pane,
.support-ticket-new-panel,
.make-payment-panel,
.make-payment-checkout,
.make-payment-method-tile,
.make-payment-invoice-card,
.make-payment-saved-card-option,
.make-payment-card-item,
.transaction-detail-card,
.transaction-detail-sidebar-card,
.team-resource-picker,
.team-transfer-form,
.team-edit-panel,
.order-modal-dialog,
.configure-vps-summary,
.configure-vps-collapsible-card,
.create-access-key-buckets-table,
.object-storage-row,
.payment-history-table-wrap,
.notification,
.legal-document:not(.legal-document--simple) {
    border: 1px solid var(--color-border);
    background-color: #ffffff;
    transition: border-color 0.15s ease;
}

.security-card:hover,
.home-widget:hover,
.home-news-card:hover,
.home-project-row:hover,
.home-recommendation:hover,
.dashboard-quick-link:hover,
.billing-period-card:hover,
.servers-featured-card:hover,
.servers-resource-card:hover,
.order-vps-type-card:hover,
.order-vps-hero__card:hover,
.order-vps-about__card:hover,
.managed-database-engine-card--actionable:hover,
.managed-database-migration-card:hover,
.managed-database-learn__link:hover,
.make-payment-method-tile:hover,
.make-payment-invoice-card:hover,
.make-payment-saved-card-option:hover,
.make-payment-card-item:hover,
.transaction-detail-card:hover,
.transaction-detail-sidebar-card:hover,
.dashboard-panel:hover,
.dashboard-table-wrap:hover,
.team-resource-picker:hover,
.team-edit-panel:hover,
.configure-vps-summary:hover,
.configure-vps-collapsible-card:hover,
.object-storage-row:hover,
.notification:hover {
    border-color: var(--color-primary-hover);
}

.configure-vps-collapsible-card:not(.is-collapsed) {
    border-color: var(--color-border);
    box-shadow: none;
}

.configure-vps-collapsible-card:not(.is-collapsed):hover {
    border-color: var(--color-primary-hover);
}

.team-resource-picker__header,
.billing-modal-header,
.billing-modal-actions,
.transaction-detail-card__actions,
.home-widget__footer {
    border: none;
}