/* .card-outline-info .card-header {
    background-color: #1A4E75 !important;
    color: #fff !important;
    font-weight: 600;
    letter-spacing: 0.5px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    box-shadow: 0 2px 8px 0 rgba(26,78,117,0.10);
    border-bottom: 1px solid #e3eaf3;
} */
.dashboard-card-link {
    text-decoration: none;
    color: inherit;
    transition: box-shadow 0.2s, transform 0.2s;
}
.dashboard-card-link:hover, .dashboard-card-link:focus {
    box-shadow: 0 4px 16px 0 rgba(44,62,80,0.13);
    transform: translateY(-2px) scale(1.03);
    text-decoration: none;
    color: inherit;
}
/* Dashboard Grid & Card Styles */
.dashboard-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 32px;
}
.dashboard-card {
    flex: 1 1 220px;
    min-width: 220px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 2px 8px 0 rgba(44,62,80,0.06);
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.dashboard-card-icon {
    font-size: 32px;
}
.dashboard-card-icon-blue {
    color: #6a82fb;
}
.dashboard-card-icon-pink {
    color: #764ba2;
}
.dashboard-card-value {
    font-size: 28px;
    font-weight: 700;
    margin: 8px 0;
    color: #232e3c;
}
.dashboard-card-label {
    color: #7b8190;
    font-size: 15px;
}
/* Custom Admin Panel Theme - DashboardKit Inspired */

.left-sidebar, .sidebar-nav {
    background: linear-gradient(180deg, #202942 0%, #25335a 100%) !important;
    border-right: 1px solid #232e3c !important;
    box-shadow: 2px 0 12px 0 rgba(32,41,66,0.08);
}
#sidebarnav > li > a, .sidebar-nav ul li a, .sidebar-nav ul li ul li a {
    color: #bfc9da !important;
    font-weight: 500;
    border-radius: 8px;
    margin-bottom: 4px;
    padding: 10px 18px 10px 18px;
    transition: background 0.2s, color 0.2s;
}
#sidebarnav > li.active > a, .sidebar-nav ul li.active > a, .sidebar-nav ul li a:hover, .sidebar-nav ul li ul li a:hover {
    background: linear-gradient(90deg, #6a82fb 0%, #764ba2 100%) !important;
    color: #fff !important;
    box-shadow: 0 2px 8px 0 rgba(106,130,251,0.10);
}

.nav-devider {
    border-bottom: 1px solid #2e3a4d !important;
    margin: 10px 0;
}

/* Header with attractive gradient */
.topbar, .navbar.top-navbar {
    background: linear-gradient(90deg, #6a82fb 0%, #764ba2 100%) !important;
    border-bottom: none !important;
    box-shadow: 0 4px 16px 0 rgba(44,62,80,0.10);
}
.navbar-header {
    background: linear-gradient(90deg, #4e54c8 0%, #8f94fb 100%) !important;
}
.navbar .navbar-brand, .navbar .navbar-brand b, .navbar .navbar-brand img {
    background: transparent !important;
}

/* Header text and icons */
.topbar .navbar-nav > li > a, .topbar .navbar-nav > li > a .profile-pic {
    color: #fff !important;
    font-weight: 500;
    text-shadow: 0 1px 2px rgba(44,62,80,0.10);
}

/* Dashboard Cards */
.card, .card-header, .card-body {
    border-radius: 12px !important;
    box-shadow: 0 2px 8px 0 rgba(44,62,80,0.04);
    border: none !important;
}
.card-outline-info .card-header {
    background: linear-gradient(90deg, #1a347c 0%, #6a82fb 100%) !important;
    color: #fff !important;
    font-weight: 700;
    font-size: 1.1rem;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 8px 0 rgba(26,78,117,0.10);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.card-body {
    background: #fff !important;
}

/* Dashboard Stats */
.stats-box, .dashboard-widget, .widget, .advance-card {
    background: #fff !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px 0 rgba(44,62,80,0.04);
    color: #1c232f !important;
}

/* Misc */
body, .page-wrapper, .container-fluid {
    background: #f4f6fb !important;
}

/* Button (Buy Now, etc.) */
.btn-primary, .gt-theme-btn, .buy-btn {
    background: #f25767 !important;
    border: none !important;
    color: #fff !important;
    border-radius: 6px !important;
    font-weight: 600;
    box-shadow: 0 2px 8px 0 rgba(242,87,103,0.08);
    transition: background 0.2s;
}
.btn-primary:hover, .gt-theme-btn:hover, .buy-btn:hover {
    background: #d13b50 !important;
    color: #fff !important;
}

/* Widget Titles */
.card-title, .dashboard-widget .title, .advance-card .title {
    color: #1c232f !important;
    font-weight: 600;
}

/* Remove old box shadows and borders */
.card, .card-header, .card-body, .left-sidebar, .topbar {
    box-shadow: none !important;
    border: none !important;
}

/* Responsive tweaks */
@media (max-width: 991px) {
    .left-sidebar {
        background: #1c232f !important;
    }
}

/* Sidebar Icons */
#sidebarnav > li > a i, .sidebar-nav ul li a i, .sidebar-nav ul li ul li a i {
    color: #6a82fb !important;
    font-size: 20px;
    margin-right: 8px;
    transition: color 0.2s;
}
#sidebarnav > li.active > a i, .sidebar-nav ul li.active > a i, .sidebar-nav ul li a:hover i, .sidebar-nav ul li ul li a:hover i {
    color: #764ba2 !important;
}
.sidebar-nav ul li a:hover #sidebarnav > li.active > a i {
    color: #764ba2 !important;
}

/* Modern Admin Table Styles */
.table, .table-bordered, .table-striped, .table-hover, .table-advanced, .tablesorter, .display {
    background: #fff !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px 0 rgba(44,62,80,0.06);
    border: none !important;
    overflow: hidden;
}
.table thead th, .table-bordered thead th, .table-advanced thead th, .tablesorter thead th {
    background: #f7f8fa !important;
    color: #1c232f !important;
    font-weight: 600;
    border-bottom: 2px solid #e6e9f4 !important;
    padding: 14px 12px;
}
.table tbody td, .table-bordered tbody td, .table-advanced tbody td, .tablesorter tbody td {
    color: #232e3c !important;
    font-size: 13px;
    padding: 5px;
    border-top: 1px solid #f0f1f7 !important;
}
.table-striped tbody tr:nth-of-type(odd) {
    background: #f4f6fb !important;
}
.table-hover tbody tr:hover {
    background: #eaf0fb !important;
    transition: background 0.2s;
}
.table thead th:first-child, .table tbody td:first-child {
    border-top-left-radius: 12px;
}
.table thead th:last-child, .table tbody td:last-child {
    border-top-right-radius: 12px;
}
.table-bordered {
    border: 1px solid #e6e9f4 !important;
}
.table-responsive {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px 0 rgba(44,62,80,0.04);
}
.company-name-header {
    
    background-color: rgb(0 0 0 / 0%)!important;
    
}

/* ===== Dashboard visual improvements (non-functional) ===== */
/* Improve the existing .card-design blocks used on the dashboard */
.card-design {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 22px 18px;
    transition: transform 180ms ease, box-shadow 180ms ease;
    border-radius: 12px;
    min-height: 120px;
background: linear-gradient(
75deg, #0a1262, #ffffff);
    color: #fff;
}

/* Make all key text inside gradient cards readable */
.card-design h2, .card-design h3, .card-design h4, .card-design h5,
.card-design .dashboard-card-value, .card-design .dashboard-value,
.card-design .dashboard-card-link h6 {
    color: #ffffff !important;
}
.card-design p, .card-design small, .card-design .text-muted {
    color: rgba(255,255,255,0.9) !important;
}
.card-design a, .card-design a * {
    color: inherit !important;
}
.card-design img, .card-design svg {
    width: 48px;
    height: 48px;
    object-fit: contain;
    border-radius: 50%;
    padding: 6px;
    background: rgba(255,255,255,0.12);
    box-shadow: 0 6px 20px rgba(33,47,77,0.12);
}
.card-design h6 {
    margin: 0;
    font-size: 14px;
    color: rgba(255,255,255,0.95);
    font-weight: 600;
}
.card-design h2, .card-design .dashboard-value, .card-design .dashboard-card-value {
    margin: 0;
    font-weight: 700;
}
.card-design:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(44,62,80,0.12);
}

/* Grid that keeps cards tidy and responsive */
.dashboard-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    align-items: stretch;
}

/* make existing column containers flow nicely with the grid */
.dashboard-grid > [class*="col-"] {
    display: flex;
}
.dashboard-grid > [class*="col-"] .card-design {
    width: 100%;
}

/* Accent background for the dashboard area — subtle and purely visual */
.mall-card-design {
    position: relative;
    padding: 18px 12px 28px 12px;
    background-image: radial-gradient(circle at 10% 10%, rgba(106,130,251,0.06), transparent 12%),
                      radial-gradient(circle at 90% 80%, rgba(252,92,125,0.04), transparent 12%);
}

/* Small responsive tweaks */
@media (max-width: 768px) {
    .card-design img, .card-design svg { width: 40px; height: 40px; padding: 6px; }
    .card-design { min-height: 100px; padding: 16px; }
}

/* Ensure text contrasts for colored stat cards */
.card-design.bg-primary h2, .card-design.bg-info h2, .card-design.bg-success h2, .card-design.bg-warning h2, .card-design.bg-danger h2 {
    color: #fff !important;
}

/* Make prints and icons look crisp */
.card-design img[src$=".gif"], .card-design img[src$=".png"], .card-design img[src$=".jpg"], .card-design img[src$=".jpeg"] {
    filter: contrast(1.05) saturate(1.03);
}

/* small helper class for numeric value inside card */
.dashboard-card-value { font-size: 22px; font-weight: 800; }

/* Sales report card polish to match example */
.sales-report-card {
    background: #fff;
    border-radius: 14px;
}
.sales-report-card h3, .sales-report-card h4 {
    color: #1c232f;
}
.sales-report-card .mb-0 {
    font-size: 24px;
    font-weight: 800;
}
.sales-report-card .text-muted { color: #7b8190; }
.sales-report-card .btn-primary { background: linear-gradient(90deg,#6a82fb,#764ba2); border:none; }
.sales-report-card canvas { width:100% !important; height:260px !important; }

/* Theme variables */
:root {
    --primary-purple: #6a82fb;
    --accent-pink: #764ba2;
    --dashboard-bg: #f4f6fb;
    --muted: #7b8190;
}

/* Gradient extras */
:root {
    --grad-start: #6a82fb;
    --grad-end: #764ba2;
    --card-grad-start: #6e7bff;
    --card-grad-end: #ff78a6;
}

/* stronger purple accent */
.topbar, .navbar.top-navbar { background: linear-gradient(90deg,var(--primary-purple),var(--accent-pink)) !important; }

.sales-report-card {
    box-shadow: 0 12px 40px rgba(33,47,77,0.12) !important;
    padding: 18px;
    background: linear-gradient(180deg,#ffffff,#fbfcff) !important;
    border-left: 6px solid rgba(106,130,251,0.9) !important;
}
.sales-report-card .total-value {
    font-size: 34px !important;
    font-weight: 900 !important;
    color: #111827 !important;
}
.sales-report-card .avg-value {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #2b2b2b !important;
}
.sales-report-card .small-label { color: var(--muted); display:block; }

/* cards: subtle purple top-left icon accent */
.card-design img, .card-design svg { background: linear-gradient(180deg, rgba(106,130,251,0.12), rgba(252,92,125,0.06)); }

/* stat cards typography */
.card-design p, .card-design small, .card-design .text-muted { color: var(--muted); }

@media (min-width: 992px) {
    .sales-report-card .total-value { font-size: 40px !important; }
}