/**
 * SkyNode — Custom CSS Overrides
 * Powered by SKYRHRG Technologies Systems
 *
 * Custom styles go here. Do NOT modify files inside /dist directly.
 * This file is loaded after Venix's app.min.css.
 */

/* ─── SkyNode Brand Overrides ──────────────────────────────────────────── */

/* Maintenance page background */
body.maintenance-bg {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Page title */
.page-title-box {
    padding: 20px 0;
}

.page-title-box .page-title {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

/* ─── Sidebar Feather/MDI Icon Sizing ─────────────────────────────── */
.nav-icon .nav-icon-feather,
.nav-icon [data-feather] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.nav-icon .mdi {
    font-size: 20px;
    vertical-align: middle;
}

/* ─── Impersonation Banner ────────────────────────────────────────── */
.impersonation-bar {
    background: linear-gradient(90deg, #ffc107 0%, #ffca2c 100%) !important;
    border-color: transparent !important;
    color: #212529 !important;
    font-size: 13px;
    letter-spacing: 0.3px;
}

/* ─── DataTables Select Highlight ─────────────────────────────────── */
table.dataTable tbody tr.selected,
table.dataTable tbody tr.selected > td {
    background-color: rgba(58, 87, 232, 0.08) !important;
}

/* ─── WooCommerce-Style Card Footer Links ─────────────────────────── */
.card-footer a {
    text-decoration: none;
    transition: opacity 0.2s ease;
}
.card-footer a:hover {
    opacity: 0.75;
}

/* ─── Wallet Owner Overview Stat Widgets ──────────────────────────── */
.avatar-sm {
    width: 2.5rem;
    height: 2.5rem;
}

/* ─── DataTables Button Styling ───────────────────────────────────── */
.dt-buttons .btn {
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 4px;
}

/* ─── Feather icon in dropdown items ──────────────────────────────── */
.dropdown-item [data-feather] {
    margin-right: 8px;
}