[data-cellid="footer_c1"][data-page=".global_login"][data-cellid="footer_c1"][data-page=".global_login"][data-cellid="footer_c1"][data-page=".global_login"] {
  width: 33.33333333%;
}
[data-cellid="footer_c2"][data-page=".global_login"][data-cellid="footer_c2"][data-page=".global_login"][data-cellid="footer_c2"][data-page=".global_login"] {
  width: 66.66666667%;
}


/* --- Reset & Base Layout Dashboard --- */
.dashboard-container {
    background-color: #f4f6f9;
    padding: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* --- Desain Kustom Kartu Statis (Cards) --- */
.card-row {
    display: flex;
    gap: 15px;
    margin-bottom: 25px;
    flex-wrap: wrap;
}

.stat-card {
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    padding: 15px 20px;
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 200px;
    border-top: 4px solid #3c8dbc; /* Default border atas tipis */
}

/* Variasi Warna Ikon & Border Atas Kartu */
.stat-card:nth-child(1) { border-top-color: #3b71ca; }
.stat-card:nth-child(2) { border-top-color: #54b4d3; }
.stat-card:nth-child(3) { border-top-color: #14a44d; }
.stat-card:nth-child(4) { border-top-color: #dc4c64; }

.card-icon {
    width: 45px;
    height: 45px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-right: 15px;
}

/* Warna background ikon yang soft */
.icon-wni { background-color: #e8f0fe; color: #3b71ca; }
.icon-wna { background-color: #e2f6fa; color: #54b4d3; }
.icon-total { background-color: #e6f4ea; color: #14a44d; }
.icon-narkotika { background-color: #fde8eb; color: #dc4c64; }

.card-info {
    display: flex;
    flex-direction: column;
}

.card-value {
    font-size: 24px;
    font-weight: 700;
    color: #2c3e50;
    line-height: 1.2;
}

.card-label {
    font-size: 11px;
    text-transform: uppercase;
    color: #7f8c8d;
    font-weight: 600;
    margin-top: 2px;
}

/* --- Kustomisasi Sidebar PHPRunner (Ubah ke Dark Mode) --- */
.bs-sidebar {
    background-color: #1a252f !important;
    color: #ecf0f1 !important;
}

.bs-sidebar a {
    color: #bdc3c7 !important;
    border-left: 3px solid transparent;
}

.bs-sidebar .active a, 
.bs-sidebar a:hover {
    background-color: #2c3e50 !important;
    color: #ffffff !important;
    border-left: 3px solid #f39c12 !important; /* Warna orange highlight seperti gambar */
}

/* --- Kustomisasi Header Navigasi Atas --- */
.navbar-default {
    background-color: #0f2c59 !important; /* Biru gelap navigasi utama */
    border: none;
}