@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* === LAYOUT === */
body.theme-modern { background: #f8f9fb !important; font-family: 'Inter', -apple-system, sans-serif !important; color: #111827 !important; }
body.theme-modern.leftbar .page-container,
body.theme-modern .leftbar .page-container,
body.theme-modern.leftbar main.container.page-container { padding-left: 40px !important; padding-right: 40px !important; padding-top: 24px !important; margin-top: 0 !important; }

/* === HIDE ACELLE CHROME === */
body.theme-modern .navbar-main,
body.theme-modern.leftbar .navbar-main { display: none !important; }
body.theme-modern .topfix-header,
body.theme-modern.leftbar .topfix-header,
body.theme-modern .leftbar .topfix-header { display: none !important; height: 0 !important; margin: 0 !important; overflow: hidden !important; }
body.theme-modern .headbar { display: none !important; }
body.theme-modern .user-switch-area { display: none !important; }

/* === CARDS === */
body.theme-modern .card { border: 1px solid #e5e7eb !important; border-radius: 8px !important; box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important; }
body.theme-modern .card-header { background: transparent !important; border-bottom: 1px solid #e5e7eb !important; font-weight: 600 !important; }

/* === TABLES === */
body.theme-modern .table thead th { background: #f9fafb !important; color: #6b7280 !important; font-size: 11px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; border-bottom: 1px solid #e5e7eb !important; }
body.theme-modern .table tbody td { border-bottom: 1px solid #f3f4f6 !important; font-size: 13.5px !important; vertical-align: middle !important; }
body.theme-modern .table tbody tr:hover td { background: #fafafa !important; }

/* === BUTTONS === */
body.theme-modern .btn-primary { background: #6366f1 !important; border-color: #6366f1 !important; border-radius: 6px !important; font-weight: 500 !important; }
body.theme-modern .btn-primary:hover { background: #4f46e5 !important; border-color: #4f46e5 !important; }
body.theme-modern .btn-secondary, body.theme-modern .btn-outline-secondary { border-radius: 6px !important; font-weight: 500 !important; }
body.theme-modern .btn-info { background: #0ea5e9 !important; border-color: #0ea5e9 !important; border-radius: 6px !important; }
body.theme-modern .btn-sm { padding: 5px 12px !important; font-size: 12.5px !important; border-radius: 5px !important; }

/* === FORMS === */
body.theme-modern .form-control { border: 1px solid #e5e7eb !important; border-radius: 6px !important; font-size: 13.5px !important; box-shadow: none !important; }
body.theme-modern .form-control:focus { border-color: #6366f1 !important; box-shadow: 0 0 0 3px rgba(99,102,241,0.12) !important; }
body.theme-modern label { font-size: 13px !important; font-weight: 500 !important; color: #374151 !important; }

/* === BADGES === */
body.theme-modern .badge-success { background: #d1fae5 !important; color: #065f46 !important; border-radius: 4px !important; }
body.theme-modern .badge-danger { background: #fee2e2 !important; color: #991b1b !important; border-radius: 4px !important; }
body.theme-modern .badge-warning { background: #fef3c7 !important; color: #92400e !important; border-radius: 4px !important; }
body.theme-modern .badge-secondary { background: #f3f4f6 !important; color: #374151 !important; border-radius: 4px !important; }
body.theme-modern .badge-info { background: #dbeafe !important; color: #1e40af !important; border-radius: 4px !important; }

/* === LINKS === */
body.theme-modern a:not(.btn):not(.dropdown-item):not(.nav-link):not(.navbar-brand):not(.page-link) { color: #6366f1 !important; }

/* === DROPDOWNS === */
body.theme-modern .dropdown-menu { border: 1px solid #e5e7eb !important; border-radius: 8px !important; box-shadow: 0 4px 6px rgba(0,0,0,0.07) !important; }
body.theme-modern .dropdown-item { border-radius: 5px !important; font-size: 13.5px !important; }
body.theme-modern .dropdown-item:hover { background: #eef2ff !important; color: #6366f1 !important; }

/* === PAGINATION === */
body.theme-modern .page-link { border-color: #e5e7eb !important; color: #374151 !important; border-radius: 6px !important; margin: 0 2px !important; }
body.theme-modern .page-item.active .page-link { background: #6366f1 !important; border-color: #6366f1 !important; }

/* === ALERTS === */
body.theme-modern .alert-success { background: #f0fdf4 !important; border-color: #bbf7d0 !important; color: #166534 !important; border-radius: 8px !important; }
body.theme-modern .alert-danger { background: #fef2f2 !important; border-color: #fecaca !important; color: #991b1b !important; border-radius: 8px !important; }
body.theme-modern .alert-warning { background: #fffbeb !important; border-color: #fde68a !important; color: #92400e !important; border-radius: 8px !important; }

/* === PROGRESS === */
body.theme-modern .progress { border-radius: 99px !important; height: 6px !important; background: #e5e7eb !important; }
body.theme-modern .progress-bar { background: #6366f1 !important; }

/* === TYPOGRAPHY === */
body.theme-modern h1, body.theme-modern h2, body.theme-modern h3, body.theme-modern h4 { font-weight: 700 !important; letter-spacing: -0.3px !important; }

/* === FOOTER === */
body.theme-modern .footer { border-top: 1px solid #e5e7eb !important; color: #9ca3af !important; }

/* Fix button text color overrides */
a.md-btn-primary,
a.md-btn-primary:visited,
a.md-btn-primary:hover,
a.md-btn-primary:focus {
    color: #ffffff !important;
    text-decoration: none !important;
}
a.md-btn-secondary,
a.md-btn-secondary:visited,
a.md-btn-secondary:hover {
    text-decoration: none !important;
}

/* Maximum specificity button fix */
body.theme-modern a.md-btn-primary,
body.theme-modern a.md-btn-primary:link,
body.theme-modern a.md-btn-primary:visited,
body.theme-modern a.md-btn-primary:hover,
body.theme-modern a.md-btn-primary:active,
body.theme-modern a.md-btn-primary:focus {
    color: #ffffff !important;
    background-color: #6366f1 !important;
    text-decoration: none !important;
}

/* ============================================
   CAMPAIGNS LIST
   ============================================ */
body.theme-modern .campaigns-index .listing-form,
body.theme-modern #CampaignsIndexContainer {
    background: transparent;
}

/* Campaign rows */
body.theme-modern table.table-box { border: none !important; }
body.theme-modern table.table-box thead th {
    background: #f9fafb !important;
    color: #6b7280 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-bottom: 1px solid #e5e7eb !important;
    padding: 10px 16px !important;
}
body.theme-modern table.table-box tbody tr {
    background: #fff !important;
    border-bottom: 1px solid #f3f4f6 !important;
}
body.theme-modern table.table-box tbody tr:hover {
    background: #fafafa !important;
}
body.theme-modern table.table-box tbody td {
    padding: 12px 16px !important;
    font-size: 13.5px !important;
    vertical-align: middle !important;
    border: none !important;
}

/* Page headers */
body.theme-modern .page-title h1 {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    letter-spacing: -0.3px !important;
}
body.theme-modern .page-title .breadcrumb {
    display: none !important;
}

/* Top controls */
body.theme-modern .top-list-controls {
    background: #fff !important;
    border: 1px solid #e7e9f2 !important;
    border-radius: 10px !important;
    padding: 12px 16px !important;
    margin-bottom: 16px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}

/* Filter box */
body.theme-modern .filter-box .select,
body.theme-modern .filter-box select {
    border: 1px solid #e5e7eb !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    padding: 5px 10px !important;
}

/* Modern search input */
body.theme-modern .search-input,
body.theme-modern input[type="text"].search {
    border: 1px solid #e5e7eb !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    padding: 6px 12px !important;
}

/* Status badges */
body.theme-modern .badge { border-radius: 4px !important; font-size: 11px !important; font-weight: 600 !important; }
body.theme-modern .badge-success, body.theme-modern .label-success { background: #d1fae5 !important; color: #065f46 !important; }
body.theme-modern .badge-danger, body.theme-modern .label-danger { background: #fee2e2 !important; color: #991b1b !important; }
body.theme-modern .badge-warning, body.theme-modern .label-warning { background: #fef3c7 !important; color: #92400e !important; }
body.theme-modern .badge-info, body.theme-modern .label-info { background: #dbeafe !important; color: #1e40af !important; }
body.theme-modern .badge-secondary, body.theme-modern .label-default { background: #f3f4f6 !important; color: #374151 !important; }

/* Listing wrapper card */
body.theme-modern .listing-form {
    background: #fff !important;
    border: 1px solid #e7e9f2 !important;
    border-radius: 10px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
    overflow: hidden !important;
}

/* Buttons in tables */
body.theme-modern .btn-xs, body.theme-modern .btn-sm {
    border-radius: 5px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}
body.theme-modern .btn-primary {
    background: #6366f1 !important;
    border-color: #6366f1 !important;
    border-radius: 7px !important;
}
body.theme-modern .btn-primary:hover { background: #4f46e5 !important; border-color: #4f46e5 !important; }

/* Page header area */
body.theme-modern #page-container { padding-top: 20px !important; }

/* Pagination */
body.theme-modern .pagination .page-link {
    border-color: #e5e7eb !important;
    color: #374151 !important;
    border-radius: 6px !important;
    margin: 0 2px !important;
    font-size: 13px !important;
}
body.theme-modern .pagination .page-item.active .page-link {
    background: #6366f1 !important;
    border-color: #6366f1 !important;
}