/* ========================================
   HBL Shared Card Styling
   Used across shared app sections for standard
   token-based top border cards
   ======================================== */

.card.hbl-bordered-card,
.card.wide-border-top {
    overflow: hidden;
    border: 1px solid rgba(18, 45, 80, 0.12) !important;
    border-top: 4px solid var(--card-top-border) !important;
    border-radius: 0.5rem !important;
    background: #ffffff !important;
    box-shadow: 0 1px 4px rgba(18, 45, 80, 0.08);
}

body.mod-skin-dark:not(.mod-skin-light) .card.hbl-bordered-card,
body.mod-skin-dark:not(.mod-skin-light) .card.wide-border-top {
    border-color: rgba(255, 255, 255, 0.08) !important;
    border-top-color: var(--card-top-border) !important;
    background: #1f2129 !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35) !important;
}