/* ═══════════════════════════════════════════════════════════════════════════
   DATA NAVIGATOR — UI Theme Overlay
   Re-skins the existing AdminLTE-based admin & front panels to match
   leads.datanavigator.io's brand identity (green #159001 + #1ecc00).
   This file is layered on top of custom.css — no markup changes required.
   ═══════════════════════════════════════════════════════════════════════════ */

:root{
  --dn-green:#159001;
  --dn-green-bright:#1ecc00;
  --dn-green-dark:#0e6b01;
  --dn-green-darker:#0a2e06;
  --dn-green-50:#e8f7e2;
  --dn-green-100:#c9ecbb;
  --dn-ink:#0f172a;
  --dn-text:#1f2937;
  --dn-muted:#64748b;
  --dn-border:#e5e7eb;
  --dn-bg:#f6f8f7;
  --dn-card:#ffffff;
  --dn-shadow:0 1px 2px rgba(15,23,42,.06),0 4px 14px rgba(15,23,42,.04);
  --dn-shadow-lg:0 10px 30px rgba(10,46,6,.12);
  --dn-radius:12px;
  --dn-radius-sm:8px;
  --dn-font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
}

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

html,body{font-family:var(--dn-font)!important;background:var(--dn-bg)!important;color:var(--dn-text)!important;-webkit-font-smoothing:antialiased;}

/* ─── Header ───────────────────────────────────────────────────────────── */
.page_header,header.page_header,.main-header{
  background:#fff!important;
  border-bottom:1px solid var(--dn-border)!important;
  box-shadow:var(--dn-shadow)!important;
  height:64px;
}
.page_header .navbar-nav .nav-link,.page_header a{color:var(--dn-text)!important;}
.page_header .brand,.page_header .logo,.page_header .navbar-brand{
  font-weight:800;color:var(--dn-green-darker)!important;letter-spacing:-.02em;
}

/* ─── Sidebar ──────────────────────────────────────────────────────────── */
.main-sidebar,aside.main-sidebar{
  background:linear-gradient(180deg,#0a2e06 0%,#071f04 100%)!important;
  border-right:1px solid #0a2e06!important;
  width:260px;
  box-shadow:4px 0 24px rgba(0,0,0,.08);
}
.main-sidebar .sidebar{padding:18px 12px;}

/* User panel at top */
.main-sidebar .user_panel{
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:var(--dn-radius)!important;
  padding:14px!important;
  margin-bottom:18px!important;
  display:flex;align-items:center;gap:12px;
}
.main-sidebar .user_panel .user_image img{
  border-radius:50%!important;
  border:2px solid var(--dn-green-bright)!important;
  width:44px!important;height:44px!important;object-fit:cover;
}
.main-sidebar .user_panel .user_info{flex:1;min-width:0;}
.main-sidebar .user_panel .user_name{
  color:#fff!important;font-size:13px!important;font-weight:600!important;
  margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.main-sidebar .user_panel .user_email{
  color:rgba(255,255,255,.55)!important;font-size:11px!important;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;
}
.main-sidebar .user_panel .info a{
  color:rgba(255,255,255,.7)!important;font-size:14px!important;
  background:rgba(255,255,255,.08);border-radius:8px;padding:8px;display:inline-block;
  transition:all .15s ease;
}
.main-sidebar .user_panel .info a:hover{background:var(--dn-green);color:#fff!important;}

/* Nav list */
.main-sidebar .nav_list ul{list-style:none;padding:0;margin:0;}
.main-sidebar .nav_item{margin-bottom:2px;}
.main-sidebar .nav_link{
  display:flex!important;align-items:center;gap:12px;
  padding:11px 14px!important;border-radius:10px!important;
  color:rgba(255,255,255,.72)!important;
  font-size:14px;font-weight:500;text-decoration:none!important;
  transition:all .15s ease;
}
.main-sidebar .nav_link img{
  width:18px;height:18px;
  filter:brightness(0) invert(1) opacity(.7);
  transition:filter .15s ease;
}
.main-sidebar .nav_link:hover{
  background:rgba(255,255,255,.06)!important;color:#fff!important;
}
.main-sidebar .nav_link:hover img{filter:brightness(0) invert(1) opacity(1);}
.main-sidebar .nav_link.active{
  background:linear-gradient(135deg,var(--dn-green) 0%,var(--dn-green-dark) 100%)!important;
  color:#fff!important;
  box-shadow:0 4px 14px rgba(21,144,1,.35);
}
.main-sidebar .nav_link.active img{filter:brightness(0) invert(1);}

/* ─── Page main / content wrapper ──────────────────────────────────────── */
.page_main,main.page_main{background:transparent!important;padding-top:24px;}
.content-wrapper,.content_wrapper{background:transparent!important;padding:0!important;}
.dashboard{display:flex;gap:24px;align-items:flex-start;}
.content_wrapper{flex:1;min-width:0;}

/* ─── Cards ────────────────────────────────────────────────────────────── */
.card,.box{
  background:var(--dn-card)!important;
  border:1px solid var(--dn-border)!important;
  border-radius:var(--dn-radius)!important;
  box-shadow:var(--dn-shadow)!important;
  margin-bottom:20px;
}
.card-header,.box-header{
  background:transparent!important;
  border-bottom:1px solid var(--dn-border)!important;
  padding:18px 22px!important;
  border-top-left-radius:var(--dn-radius)!important;
  border-top-right-radius:var(--dn-radius)!important;
}
.card-header h3,.card-header .card-title,.box-header h3,.box-header .box-title{
  font-size:16px!important;font-weight:700!important;
  color:var(--dn-ink)!important;letter-spacing:-.01em;margin:0;
}
.card-body,.box-body{padding:22px!important;}
.card-footer,.box-footer{
  background:#fafbfa!important;border-top:1px solid var(--dn-border)!important;
  padding:14px 22px!important;
  border-bottom-left-radius:var(--dn-radius)!important;
  border-bottom-right-radius:var(--dn-radius)!important;
}

/* ─── Buttons ──────────────────────────────────────────────────────────── */
.btn{
  border-radius:10px!important;font-weight:600!important;
  padding:9px 18px!important;font-size:14px!important;
  transition:all .15s ease!important;border:none!important;
  letter-spacing:.01em;
}
.btn-primary,.btn-success{
  background:linear-gradient(135deg,var(--dn-green) 0%,var(--dn-green-dark) 100%)!important;
  color:#fff!important;box-shadow:0 4px 14px rgba(21,144,1,.3)!important;
}
.btn-primary:hover,.btn-success:hover{
  transform:translateY(-1px);box-shadow:0 6px 20px rgba(21,144,1,.45)!important;filter:brightness(1.05);
}
.btn-secondary,.btn-default{
  background:#f1f5f9!important;color:var(--dn-text)!important;
  border:1px solid var(--dn-border)!important;
}
.btn-danger{background:linear-gradient(135deg,#ef4444,#b91c1c)!important;color:#fff!important;}
.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important;}
.btn-info{background:linear-gradient(135deg,#0ea5e9,#0369a1)!important;color:#fff!important;}
.btn-sm{padding:6px 12px!important;font-size:12px!important;border-radius:8px!important;}
.btn-outline-primary,.btn-outline-success{
  background:#fff!important;color:var(--dn-green)!important;
  border:1.5px solid var(--dn-green)!important;
}
.btn-outline-primary:hover,.btn-outline-success:hover{background:var(--dn-green)!important;color:#fff!important;}

/* ─── Forms ────────────────────────────────────────────────────────────── */
.form-control,.form-select,select.form-control,textarea.form-control{
  border:1px solid var(--dn-border)!important;
  border-radius:10px!important;
  padding:10px 14px!important;
  font-size:14px!important;
  background:#fff!important;
  color:var(--dn-text)!important;
  transition:all .15s ease!important;
  box-shadow:none!important;
}
.form-control:focus,.form-select:focus{
  border-color:var(--dn-green)!important;
  box-shadow:0 0 0 4px rgba(21,144,1,.12)!important;
  outline:none!important;
}
label,.form-label{font-weight:600!important;color:var(--dn-ink)!important;font-size:13px;margin-bottom:6px;}

/* Select2 to match */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple{
  border:1px solid var(--dn-border)!important;border-radius:10px!important;
  min-height:40px!important;padding:4px 10px!important;
}
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--single{
  border-color:var(--dn-green)!important;box-shadow:0 0 0 4px rgba(21,144,1,.12)!important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
  background:var(--dn-green)!important;
}

/* ─── Tables ───────────────────────────────────────────────────────────── */
table.dataTable,table.table{
  background:#fff!important;border-radius:var(--dn-radius)!important;
  overflow:hidden;border-collapse:separate!important;border-spacing:0!important;
}
table.dataTable thead th,table.table thead th{
  background:#fafbfa!important;color:var(--dn-muted)!important;
  font-weight:600!important;font-size:11px!important;
  text-transform:uppercase;letter-spacing:.06em;
  border-bottom:1px solid var(--dn-border)!important;
  border-top:none!important;padding:14px 16px!important;
}
table.dataTable tbody td,table.table tbody td{
  padding:14px 16px!important;border-top:1px solid #f1f5f4!important;
  font-size:14px;vertical-align:middle;color:var(--dn-text);
}
table.dataTable tbody tr:hover{background:#f8faf8!important;}

/* ─── DataTables wrapper ──────────────────────────────────────────────── */
.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input{
  border:1px solid var(--dn-border)!important;border-radius:8px!important;
  padding:6px 10px!important;font-size:13px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
  border-radius:8px!important;border:1px solid transparent!important;
  padding:6px 12px!important;margin:0 2px!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{
  background:var(--dn-green)!important;color:#fff!important;border-color:var(--dn-green)!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
  background:var(--dn-green-50)!important;color:var(--dn-green-dark)!important;border-color:transparent!important;
}

/* ─── Badges / pills ───────────────────────────────────────────────────── */
.badge{
  font-weight:600!important;padding:5px 10px!important;border-radius:999px!important;
  font-size:11px!important;letter-spacing:.02em;
}
.badge-success,.bg-success{background:var(--dn-green-50)!important;color:var(--dn-green-dark)!important;}
.badge-danger,.bg-danger{background:#fee2e2!important;color:#b91c1c!important;}
.badge-warning,.bg-warning{background:#fef3c7!important;color:#92400e!important;}
.badge-info,.bg-info{background:#dbeafe!important;color:#1d4ed8!important;}
.badge-primary,.bg-primary{background:var(--dn-green-50)!important;color:var(--dn-green-dark)!important;}

/* ─── Page title / breadcrumb / KPI ────────────────────────────────────── */
.content-header h1,.page-title,h1.page-heading{
  font-size:22px!important;font-weight:700!important;color:var(--dn-ink)!important;letter-spacing:-.02em;
}
.dn-page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:16px;flex-wrap:wrap;}
.dn-page-head .dn-title{font-size:24px;font-weight:800;color:var(--dn-ink);letter-spacing:-.02em;margin:0;}
.dn-page-head .dn-sub{color:var(--dn-muted);font-size:14px;margin:4px 0 0;}

.dn-stat{
  background:#fff;border:1px solid var(--dn-border);border-radius:var(--dn-radius);
  padding:18px 20px;box-shadow:var(--dn-shadow);
  display:flex;align-items:center;gap:14px;
}
.dn-stat .dn-stat-icon{
  width:44px;height:44px;border-radius:12px;
  background:linear-gradient(135deg,var(--dn-green-50),#fff);
  color:var(--dn-green-dark);display:flex;align-items:center;justify-content:center;
  font-size:20px;
}
.dn-stat .dn-stat-label{font-size:12px;color:var(--dn-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600;}
.dn-stat .dn-stat-value{font-size:22px;font-weight:800;color:var(--dn-ink);letter-spacing:-.02em;line-height:1.1;}

/* ─── Alerts / toasts ──────────────────────────────────────────────────── */
.alert{border-radius:var(--dn-radius)!important;border:none!important;padding:14px 18px!important;font-size:14px;}
.alert-success{background:var(--dn-green-50)!important;color:var(--dn-green-dark)!important;}
.alert-danger{background:#fef2f2!important;color:#991b1b!important;}
.alert-warning{background:#fffbeb!important;color:#92400e!important;}
.alert-info{background:#eff6ff!important;color:#1e40af!important;}

/* ─── Modal polish ─────────────────────────────────────────────────────── */
.modal-content{border:none!important;border-radius:16px!important;box-shadow:var(--dn-shadow-lg)!important;}
.modal-header{border-bottom:1px solid var(--dn-border)!important;padding:18px 22px!important;}
.modal-header .modal-title{font-weight:700;color:var(--dn-ink);}
.modal-body{padding:22px!important;}
.modal-footer{border-top:1px solid var(--dn-border)!important;padding:14px 22px!important;}

/* ─── Front panel adjustments ──────────────────────────────────────────── */
.front-wrapper,.dashboard-wrapper{background:var(--dn-bg);}

/* ─── DN-specific module headers ───────────────────────────────────────── */
.dn-feature-header{
  background:linear-gradient(135deg,var(--dn-green-darker) 0%,var(--dn-green) 100%);
  color:#fff;border-radius:var(--dn-radius);padding:24px 28px;margin-bottom:22px;
  position:relative;overflow:hidden;
}
.dn-feature-header::after{
  content:'';position:absolute;right:-40px;top:-40px;width:200px;height:200px;
  background:radial-gradient(circle,rgba(30,204,0,.25),transparent 70%);
}
.dn-feature-header h2{font-size:24px;font-weight:800;margin:0 0 6px;letter-spacing:-.02em;}
.dn-feature-header p{margin:0;color:rgba(255,255,255,.85);font-size:14px;}
.dn-feature-header .dn-ai-pill{
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(255,255,255,.15);padding:5px 12px;border-radius:999px;
  font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  border:1px solid rgba(255,255,255,.25);margin-bottom:10px;
}

/* ─── Empty state ──────────────────────────────────────────────────────── */
.dn-empty{text-align:center;padding:60px 24px;color:var(--dn-muted);}
.dn-empty .dn-empty-icon{
  width:80px;height:80px;border-radius:50%;background:var(--dn-green-50);
  color:var(--dn-green-dark);display:inline-flex;align-items:center;justify-content:center;
  font-size:36px;margin-bottom:16px;
}
.dn-empty h3{color:var(--dn-ink);font-weight:700;font-size:18px;margin:0 0 6px;}

/* ─── Login / register pages ───────────────────────────────────────────── */
.login-page,.register-page{
  background:linear-gradient(135deg,#0a2e06 0%,#159001 100%)!important;
  min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;
}
.login-box,.register-box{
  width:100%;max-width:420px;background:#fff;border-radius:20px;
  padding:36px;box-shadow:0 24px 60px rgba(0,0,0,.4);
}
.login-box-msg,.register-box-msg{
  font-size:22px!important;font-weight:800!important;color:var(--dn-ink)!important;
  margin-bottom:24px!important;text-align:center;letter-spacing:-.02em;
}

/* ─── Misc cleanup ─────────────────────────────────────────────────────── */
.text-primary{color:var(--dn-green)!important;}
.text-success{color:var(--dn-green-dark)!important;}
a{color:var(--dn-green-dark);}
a:hover{color:var(--dn-green);}
hr{border-color:var(--dn-border)!important;}

/* Responsive tightening */
@media (max-width:991px){
  .main-sidebar{width:240px;}
  .dashboard{flex-direction:column;}
  .main-sidebar{width:100%;}
}

/* ═══════════════════════════════════════════════════════════════════════════
   FRONT (USER) PANEL — full restyle to match leads.datanavigator.io
   Targets the actual class names used in front/* views.
   ═══════════════════════════════════════════════════════════════════════════ */

body { background:#f4f7f5 !important; font-family:'Inter','Helvetica Neue',Arial,sans-serif !important; color:#0f172a !important; }
.wrapper, #app { background:transparent !important; }
.page_main { background:transparent !important; padding:24px 0 60px !important; min-height:calc(100vh - 72px); }
.page_main > .container { max-width:1480px !important; padding:0 28px !important; }

/* ── Top header / nav bar ─────────────────────────────────────────────── */
nav.header, .header {
  background:#ffffff !important;
  border-bottom:1px solid #e6ebe7 !important;
  box-shadow:0 1px 3px rgba(15,23,42,.04) !important;
  padding:0 !important;
  position:sticky; top:0; z-index:1020;
}
.header > .container { max-width:1480px !important; padding:0 28px !important; }
.main_header {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  height:64px !important;
  gap:32px;
}
.logo { display:flex; align-items:center; flex-shrink:0; }
.navbar_brand img { height:34px !important; width:auto !important; }

.main_nav {
  display:flex !important;
  align-items:center !important;
  flex:1 1 auto !important;
  justify-content:space-between !important;
  gap:20px;
}
.left_nav {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  flex:1 1 auto !important;
  gap:24px;
}
.left_block {
  display:flex !important;
  align-items:center !important;
  gap:4px !important;
  flex-wrap:wrap;
}
.right_block {
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-shrink:0;
}

/* ── Nav links (search, my lists, email accounts, ai campaigns, ai search) ── */
.left_block .nav_link {
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:9px 14px !important;
  font-size:14px !important;
  font-weight:500 !important;
  color:#475569 !important;
  text-transform:none !important;
  border-radius:8px !important;
  transition:all .18s ease !important;
  text-decoration:none !important;
  line-height:1 !important;
  height:38px;
  border:1px solid transparent;
}
.left_block .nav_link img {
  width:16px !important; height:16px !important; opacity:.7;
  filter:grayscale(.4);
}
.left_block .nav_link:hover {
  background:#ecfdf5 !important;
  color:#159001 !important;
  border-color:#d1fae5 !important;
}
.left_block .nav_link:hover img { opacity:1; filter:none; }
.left_block .nav_link.active,
.left_block .nav_link:focus {
  background:linear-gradient(135deg,#159001 0%,#1ecc00 100%) !important;
  color:#fff !important;
  border-color:transparent !important;
  box-shadow:0 4px 10px -2px rgba(21,144,1,.35) !important;
}
.left_block .nav_link.active img,
.left_block .nav_link:focus img { filter:brightness(0) invert(1); opacity:1; }

/* ── Header CTA buttons (Web Guide / Upgrade) ────────────────────────── */
.cstm_btn, .right_block .cstm_btn {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding:9px 18px !important;
  height:38px !important;
  font-size:14px !important;
  font-weight:600 !important;
  border-radius:8px !important;
  border:none !important;
  cursor:pointer;
  text-decoration:none !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  line-height:1 !important;
  transition:all .18s ease !important;
}
.right_block .cstm_btn {
  background:linear-gradient(135deg,#159001 0%,#1ecc00 100%) !important;
  color:#fff !important;
  box-shadow:0 4px 12px -3px rgba(21,144,1,.4);
}
.right_block .cstm_btn:hover {
  transform:translateY(-1px);
  box-shadow:0 6px 16px -3px rgba(21,144,1,.5) !important;
}
.right_block .cstm_btn.defualt_light,
.cstm_btn.defualt_light {
  background:#fff !important;
  color:#159001 !important;
  border:1.5px solid #d1fae5 !important;
  box-shadow:none !important;
}
.right_block .cstm_btn.defualt_light:hover {
  background:#ecfdf5 !important;
  border-color:#159001 !important;
}
.cstm_btn.defualt {
  background:#f1f5f4 !important;
  color:#475569 !important;
  border:1px solid #e2e8e5 !important;
  box-shadow:none !important;
}
.cstm_btn.defualt:hover { background:#e6ebe7 !important; color:#0f172a !important; }

/* ── User dropdown (avatar, name) ────────────────────────────────────── */
.right_nav { display:flex; align-items:center; flex-shrink:0; }
.header_dropdown .dropdown-toggle {
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:6px 14px 6px 6px !important;
  background:#f8faf9 !important;
  border:1px solid #e6ebe7 !important;
  border-radius:30px !important;
  color:#0f172a !important;
  text-decoration:none !important;
  height:42px;
  font-size:14px !important;
  font-weight:500;
  transition:all .15s ease;
}
.header_dropdown .dropdown-toggle:hover { background:#ecfdf5; border-color:#d1fae5; }
.header_dropdown .dropdown-toggle::after { border-top-color:#94a3a3 !important; margin-left:4px; }
.header_dropdown .admin_img {
  width:30px !important; height:30px !important;
  border-radius:50% !important; object-fit:cover;
  border:2px solid #fff; box-shadow:0 0 0 1px #d1fae5;
}
.header_dropdown .admin_name { font-weight:600; color:#0f172a; }
.header_dropdown .admin_label {
  background:linear-gradient(135deg,#159001,#1ecc00); color:#fff;
  font-size:9px; padding:3px 7px; border-radius:10px; margin-left:6px;
  text-transform:uppercase; letter-spacing:.05em; font-weight:700;
}
.header_dropdown .dropdown-menu {
  border:none !important;
  border-radius:14px !important;
  box-shadow:0 10px 40px -10px rgba(15,23,42,.18) !important;
  padding:8px !important;
  min-width:280px !important;
  margin-top:8px !important;
}
.header_dropdown .dropdown-menu .admin_item {
  background:#f8faf9; border-radius:10px; padding:12px; margin-bottom:6px;
}
.header_dropdown .dropdown-menu .admin_item .dropdown-item { display:flex; align-items:center; gap:12px; padding:0 !important; background:transparent !important; }
.header_dropdown .dropdown-menu .p_img { width:42px !important; height:42px !important; border-radius:50%; }
.header_dropdown .dropdown-menu .p_name { font-weight:600; color:#0f172a; display:block; font-size:14px; }
.header_dropdown .dropdown-menu .p_mail { font-size:12px; color:#64748b; margin:2px 0 0; }
.header_dropdown .dropdown-menu .item .dropdown-item {
  display:flex; align-items:center; gap:10px;
  padding:9px 12px !important; border-radius:8px !important;
  font-size:13.5px !important; color:#334155 !important;
}
.header_dropdown .dropdown-menu .item .dropdown-item:hover {
  background:#ecfdf5 !important; color:#159001 !important;
}
.header_dropdown .dropdown-menu .devider { height:1px; background:#eef2f0; margin:6px 0; }
.header_dropdown .dropdown-menu .logout .dropdown-item { color:#dc2626 !important; }
.header_dropdown .dropdown-menu .logout .dropdown-item:hover { background:#fee2e2 !important; color:#b91c1c !important; }

/* ── Mobile toggle ───────────────────────────────────────────────────── */
.mobile_toggle { display:none !important; }
@media (max-width: 992px) {
  .left_block { display:none !important; }
  .right_block .cstm_btn { padding:8px 12px !important; font-size:13px !important; }
  .mobile_toggle { display:flex !important; align-items:center; }
}

/* ── Page-level cards ─────────────────────────────────────────────────── */
.card_block {
  background:#fff !important;
  border:1px solid #e6ebe7 !important;
  border-radius:14px !important;
  box-shadow:0 1px 3px rgba(15,23,42,.03) !important;
  padding:0 !important;
  margin-bottom:24px;
  overflow:hidden;
}
.card_block.left { padding:0 !important; }
.content_heading {
  display:flex; align-items:center; justify-content:space-between;
  padding:18px 22px; border-bottom:1px solid #eef2f0;
  flex-wrap:wrap; gap:12px;
}
.content_heading h2, .content_heading h3, .content_heading .title {
  font-size:18px !important; font-weight:700 !important; color:#0f172a !important; margin:0 !important;
}
.content_heading .actions { display:flex; gap:8px; }

/* ── FILTER SIDEBAR (left search filters on dashboard) ───────────────── */
.filters_detail, .sidebar-filter-wrapper {
  background:#fff !important;
  border-radius:14px !important;
  border:1px solid #e6ebe7 !important;
  padding:18px !important;
}
.sidebar-filter-wrapper {
  max-height:calc(100vh - 120px);
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:#cbd5cc transparent;
}
.sidebar-filter-wrapper::-webkit-scrollbar { width:6px; }
.sidebar-filter-wrapper::-webkit-scrollbar-thumb { background:#cbd5cc; border-radius:3px; }
.filters_detail label, .sidebar-filter-wrapper label {
  font-size:12px !important; font-weight:600 !important;
  text-transform:uppercase; letter-spacing:.04em;
  color:#64748b !important; margin-bottom:6px !important;
}
.filters_detail .form-group, .sidebar-filter-wrapper .form-group {
  margin-bottom:14px !important;
  padding-bottom:14px;
  border-bottom:1px dashed #eef2f0;
}
.filters_detail .form-group:last-child, .sidebar-filter-wrapper .form-group:last-child {
  border-bottom:none; padding-bottom:0;
}
.filters_detail .select2-container--default .select2-selection--single,
.filters_detail .select2-container--default .select2-selection--multiple,
.sidebar-filter-wrapper .select2-container--default .select2-selection--single,
.sidebar-filter-wrapper .select2-container--default .select2-selection--multiple {
  background:#f8faf9 !important;
  border:1.5px solid #e2e8e5 !important;
  border-radius:8px !important;
  min-height:40px !important;
  padding:4px 6px !important;
  transition:border-color .15s;
}
.filters_detail .select2-container--default.select2-container--focus .select2-selection--multiple,
.sidebar-filter-wrapper .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color:#159001 !important;
  box-shadow:0 0 0 3px rgba(21,144,1,.08) !important;
}
.filters_detail .select2-selection__choice,
.sidebar-filter-wrapper .select2-selection__choice {
  background:linear-gradient(135deg,#159001,#1ecc00) !important;
  color:#fff !important;
  border:none !important;
  border-radius:6px !important;
  padding:3px 10px !important;
  font-size:12.5px !important;
  font-weight:500;
  margin-top:5px !important;
}
.filters_detail .select2-selection__choice__remove,
.sidebar-filter-wrapper .select2-selection__choice__remove {
  color:#fff !important; opacity:.85; margin-right:6px !important;
}

/* Filter section titles inside the sidebar */
.sidebar-filter-wrapper h4, .sidebar-filter-wrapper h5,
.filters_detail h4, .filters_detail h5 {
  font-size:13px !important; font-weight:700 !important;
  text-transform:uppercase; letter-spacing:.05em;
  color:#0f172a !important;
  display:flex; align-items:center; gap:8px;
  margin:18px 0 10px !important;
  padding-bottom:8px; border-bottom:2px solid #ecfdf5;
}
.sidebar-filter-wrapper h4::before, .filters_detail h4::before {
  content:''; width:3px; height:14px; background:linear-gradient(180deg,#159001,#1ecc00);
  border-radius:2px;
}
.btn_link {
  color:#159001 !important; font-weight:600 !important;
  font-size:13px !important; text-decoration:none !important;
  padding:6px 12px; border-radius:6px; background:#ecfdf5;
  display:inline-flex; align-items:center; gap:6px;
  transition:all .15s;
}
.btn_link:hover { background:#159001 !important; color:#fff !important; }

/* ── FILTER TABS (Total / Net New / Saved switch above results) ──────── */
.filter_tabs { background:transparent !important; }
.filter_tabs_header {
  background:#fff;
  border-bottom:1px solid #eef2f0;
  padding:0 22px;
}
.filter_title_list {
  display:flex !important;
  list-style:none !important;
  margin:0 !important; padding:0 !important;
  gap:4px;
}
.filter_title_list li { margin:0 !important; }
.filter_link {
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:14px 18px !important;
  color:#64748b !important;
  font-weight:600 !important;
  font-size:14px !important;
  text-decoration:none !important;
  border-bottom:3px solid transparent !important;
  margin-bottom:-1px !important;
  transition:all .15s ease !important;
  text-transform:none !important;
  position:relative;
}
.filter_link:hover {
  color:#159001 !important;
  background:linear-gradient(180deg,rgba(236,253,245,0),rgba(236,253,245,.6)) !important;
}
.filter_link.active {
  color:#159001 !important;
  border-bottom-color:#159001 !important;
  background:linear-gradient(180deg,rgba(236,253,245,0),rgba(236,253,245,1)) !important;
}
.filter_link.active::after {
  content:''; position:absolute; left:18px; right:18px; bottom:-3px; height:3px;
  background:linear-gradient(90deg,#159001,#1ecc00); border-radius:3px 3px 0 0;
}

.filter_items { padding:0 !important; }
.filter_tab_content { padding:0 !important; display:none; }
.filter_tab_content.active { display:block; }
.filter_recode {
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 14px; background:#ecfdf5; border-radius:20px;
  font-size:13px; font-weight:600; color:#475569;
  margin:14px 22px;
}
.green_label {
  color:#159001 !important; font-weight:700 !important;
  background:transparent !important;
}

/* ── DataTables (front panel results) ─────────────────────────────────── */
.filter_tab_content table.table {
  margin:0 !important;
  font-size:13.5px !important;
}
.filter_tab_content table.table thead th {
  background:#f8faf9 !important;
  color:#475569 !important;
  font-size:11.5px !important;
  font-weight:700 !important;
  text-transform:uppercase !important;
  letter-spacing:.05em !important;
  padding:12px 14px !important;
  border-bottom:1px solid #eef2f0 !important;
  border-top:none !important;
}
.filter_tab_content table.table tbody tr { transition:background .12s; }
.filter_tab_content table.table tbody tr:hover { background:#f8faf9 !important; }
.filter_tab_content table.table tbody td {
  padding:12px 14px !important;
  border-top:1px solid #f1f5f4 !important;
  vertical-align:middle !important;
  color:#0f172a;
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter { padding:14px 22px !important; }
.dataTables_wrapper .dataTables_paginate { padding:14px 22px !important; }
.dataTables_wrapper .dataTables_info { padding:0 22px 14px !important; color:#64748b; font-size:13px; }
.dataTables_wrapper .dt-buttons { padding:14px 22px 0 !important; }
.dataTables_wrapper .dt-buttons .btn {
  background:#fff !important;
  border:1px solid #e2e8e5 !important;
  color:#475569 !important;
  border-radius:7px !important;
  font-size:13px !important; font-weight:600 !important;
  padding:7px 14px !important;
  transition:all .15s;
}
.dataTables_wrapper .dt-buttons .btn:hover {
  background:#159001 !important; color:#fff !important; border-color:#159001 !important;
}

/* ── Modals (Create List, Delete confirm, etc.) ──────────────────────── */
.modal-content {
  border:none !important;
  border-radius:16px !important;
  box-shadow:0 25px 80px -15px rgba(15,23,42,.25) !important;
  overflow:hidden;
}
.modal_header {
  display:flex; align-items:center; justify-content:space-between;
  padding:18px 24px;
  background:linear-gradient(135deg,#159001 0%,#1ecc00 100%);
  color:#fff;
}
.modal_header .modal_title { color:#fff !important; font-size:17px !important; font-weight:700 !important; margin:0 !important; }
.modal_header .close {
  background:rgba(255,255,255,.2) !important;
  color:#fff !important; opacity:1 !important;
  border-radius:8px; width:30px; height:30px;
  display:flex; align-items:center; justify-content:center;
  font-size:18px; border:none; text-shadow:none;
  transition:background .15s;
}
.modal_header .close:hover { background:rgba(255,255,255,.35) !important; }
.modal_body { padding:24px !important; }
.modal_body.grid_1 { display:grid; gap:16px; }
.modal_body .input_box label { font-weight:600; font-size:13px; color:#0f172a; margin-bottom:6px; display:block; }
.modal_body .input_text {
  width:100%; padding:11px 14px;
  border:1.5px solid #e2e8e5; border-radius:9px;
  font-size:14px; background:#f8faf9;
  transition:all .15s;
}
.modal_body .input_text:focus {
  outline:none; border-color:#159001; background:#fff;
  box-shadow:0 0 0 3px rgba(21,144,1,.1);
}
.modal_body .modal_text {
  font-size:13px; color:#64748b;
  background:#f8faf9; border-left:3px solid #159001;
  padding:10px 14px; border-radius:6px; margin:6px 0 0;
}
.modal_body .actions {
  display:flex; gap:10px; justify-content:flex-end;
  margin-top:20px; padding-top:18px; border-top:1px solid #eef2f0;
}
.modal_body .actions .cstm_btn { padding:10px 22px !important; }
.delete_modal .modal_body { text-align:center; padding:32px 24px !important; }
.delete_modal .modal_body p { font-size:15px; color:#475569; }

/* ── Misc small bits used in front views ──────────────────────────────── */
.success_msg {
  position:fixed; top:80px; right:24px; z-index:9999;
  padding:14px 22px; border-radius:12px;
  background:#fff; border-left:4px solid #159001;
  box-shadow:0 10px 40px -10px rgba(15,23,42,.2);
  font-weight:500;
  animation:dnSlideInRight .3s ease;
}
@keyframes dnSlideInRight { from { transform:translateX(40px); opacity:0; } to { transform:translateX(0); opacity:1; } }
.success_msg .text-success { color:#159001 !important; }
.success_msg .text-danger { color:#dc2626 !important; }

.data_table { background:transparent; padding:0; }
.data_table .card_block { margin-bottom:0; }
.member_content { padding:0 !important; }
.member_content table.table { margin:0; }
.col_th { background:#f8faf9; font-weight:700; font-size:12px; color:#475569; text-transform:uppercase; letter-spacing:.05em; }

/* Front auth pages (login/register etc) reuse leads brand */
body.front-auth, .auth-bg { background:linear-gradient(135deg,#159001 0%,#1ecc00 100%) !important; }

/* ── Page head used in OUR new front pages (email accounts, ai campaigns) ── */
.dn-page-head {
  display:flex; align-items:center; justify-content:space-between;
  flex-wrap:wrap; gap:14px;
  margin:0 0 22px;
}
.dn-page-head .dn-title { font-size:24px !important; font-weight:700 !important; color:#0f172a !important; margin:0 !important; }
.dn-page-head .dn-sub { font-size:14px; color:#64748b; margin:4px 0 0; }
.dn-feature-header {
  background:linear-gradient(135deg,#159001 0%,#1ecc00 100%);
  color:#fff; padding:28px 32px; border-radius:16px;
  margin-bottom:22px; position:relative; overflow:hidden;
}
.dn-feature-header::before {
  content:''; position:absolute; top:-40px; right:-40px; width:200px; height:200px;
  background:radial-gradient(circle, rgba(255,255,255,.15) 0%, transparent 70%);
  border-radius:50%;
}
.dn-feature-header h2 { color:#fff !important; font-size:26px !important; font-weight:700 !important; margin:8px 0 6px !important; }
.dn-feature-header p { color:rgba(255,255,255,.92); font-size:14.5px; margin:0; max-width:680px; }
.dn-ai-pill {
  display:inline-flex; align-items:center; gap:6px;
  background:rgba(255,255,255,.22); color:#fff;
  padding:5px 12px; border-radius:20px;
  font-size:11px; font-weight:700; letter-spacing:.08em;
}
.dn-stat {
  background:#fff; border:1px solid #e6ebe7; border-radius:14px;
  padding:18px 20px; display:flex; align-items:center; gap:14px;
  box-shadow:0 1px 3px rgba(15,23,42,.03);
}
.dn-stat-icon {
  width:46px; height:46px; border-radius:12px;
  background:linear-gradient(135deg,#ecfdf5,#d1fae5);
  display:flex; align-items:center; justify-content:center; font-size:22px;
}
.dn-stat-label { font-size:11px; text-transform:uppercase; letter-spacing:.06em; color:#64748b; font-weight:600; }
.dn-stat-value { font-size:22px; font-weight:700; color:#0f172a; line-height:1.1; }
.dn-empty { text-align:center; padding:60px 20px; }
.dn-empty-icon { font-size:54px; margin-bottom:12px; opacity:.7; }
.dn-empty h3 { font-size:18px; color:#0f172a; margin-bottom:6px; }
.dn-empty p { color:#64748b; font-size:14px; }
.dn-btn-spin {
  display:inline-block; border-radius:50%;
  border:3px solid rgba(21,144,1,.2); border-top-color:#159001;
  animation:dnSpin .8s linear infinite;
}
@keyframes dnSpin { to { transform:rotate(360deg); } }

/* ============================================================================
   DN OVERLAY v2 — high-specificity overrides for front (user) panel
   Appended last so it wins the cascade against custom.css / responsive.css.
   Targets the new `dn-*` classes added in front/includes/header.blade.php
   while staying backwards-compatible with original class names.
   ============================================================================ */

:root{
  --dn-green:#159001;
  --dn-green-dark:#0e6b01;
  --dn-green-deep:#0a2e06;
  --dn-green-soft:#15900114;
  --dn-green-line:#15900133;
  --dn-ink:#0f172a;
  --dn-ink-2:#475569;
  --dn-ink-3:#94a3b8;
  --dn-bg:#f8f9fa;
  --dn-card:#ffffff;
  --dn-line:#e5e7eb;
  --dn-radius:14px;
  --dn-radius-sm:10px;
  --dn-shadow-sm:0 1px 2px rgba(15,23,42,.04), 0 1px 3px rgba(15,23,42,.06);
  --dn-shadow-md:0 4px 12px rgba(15,23,42,.06), 0 2px 6px rgba(15,23,42,.04);
  --dn-shadow-lg:0 18px 50px -12px rgba(15,23,42,.18);
}

/* ---------- Page background ---------- */
body{ background:var(--dn-bg) !important; color:var(--dn-ink) !important;
  font-family:-apple-system, BlinkMacSystemFont,"Segoe UI",Roboto,"Inter",Arial,sans-serif !important; }

/* ---------- Header (sticky white bar) ---------- */
.dn-header.header{
  background:#fff !important;
  border-bottom:1px solid var(--dn-line) !important;
  box-shadow:0 1px 0 rgba(15,23,42,.02) !important;
  position:sticky !important; top:0 !important; z-index:1030 !important;
  padding:0 !important;
}
.dn-header .dn-header-inner{ max-width:1480px !important; margin:0 auto !important;
  padding:0 28px !important; width:100% !important; }
.dn-header .main_header{
  display:flex !important; align-items:center !important;
  justify-content:space-between !important; gap:24px !important;
  min-height:64px !important;
}

/* Brand */
.dn-header .dn-brand{ flex:0 0 auto !important; display:flex !important; align-items:center !important; }
.dn-header .dn-brand .navbar_brand{ display:inline-flex !important; align-items:center !important; padding:0 !important; }
.dn-header .dn-brand .dn-logo-img{ height:38px !important; width:auto !important; max-width:180px !important; }

/* Nav stretches between brand and actions */
.dn-header .dn-nav{ flex:1 1 auto !important; display:flex !important;
  align-items:center !important; justify-content:space-between !important;
  gap:18px !important; padding:0 !important; }
.dn-header .left_nav{ flex:1 1 auto !important; }
.dn-header .right_nav{ flex:0 0 auto !important; display:flex !important;
  align-items:center !important; gap:12px !important; }

/* Nav links — pill style */
.dn-header .dn-links{ display:flex !important; align-items:center !important;
  gap:4px !important; flex-wrap:nowrap !important; }
.dn-header .dn-links .nav_link{
  display:inline-flex !important; align-items:center !important; gap:8px !important;
  height:38px !important; padding:0 14px !important;
  font-size:14px !important; font-weight:500 !important;
  color:var(--dn-ink-2) !important; text-transform:none !important;
  background:transparent !important; border:0 !important; border-radius:10px !important;
  text-decoration:none !important; transition:all .18s ease !important; line-height:1 !important;
}
.dn-header .dn-links .nav_link svg{ flex-shrink:0 !important; opacity:.85 !important; }
.dn-header .dn-links .nav_link:hover{
  color:var(--dn-green-dark) !important;
  background:var(--dn-green-soft) !important;
}
.dn-header .dn-links .nav_link.active{
  color:#fff !important;
  background:linear-gradient(135deg,var(--dn-green) 0%,var(--dn-green-dark) 100%) !important;
  box-shadow:0 2px 6px rgba(21,144,1,.28) !important;
}
.dn-header .dn-links .nav_link.active svg{ opacity:1 !important; }

/* Right action buttons */
.dn-header .dn-actions{ display:flex !important; align-items:center !important; gap:10px !important; }
.dn-header .dn-actions .cstm_btn{
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  height:38px !important; padding:0 16px !important;
  font-size:13.5px !important; font-weight:600 !important;
  border-radius:10px !important; text-decoration:none !important;
  transition:all .18s ease !important; line-height:1 !important; white-space:nowrap !important;
}
.dn-header .dn-actions .dn-btn-ghost{
  color:var(--dn-green-dark) !important;
  background:#fff !important;
  border:1.5px solid var(--dn-green) !important;
}
.dn-header .dn-actions .dn-btn-ghost:hover{
  background:var(--dn-green-soft) !important;
}
.dn-header .dn-actions .dn-btn-primary{
  color:#fff !important; border:1.5px solid transparent !important;
  background:linear-gradient(135deg,var(--dn-green) 0%,var(--dn-green-dark) 100%) !important;
  box-shadow:0 4px 10px rgba(21,144,1,.28) !important;
}
.dn-header .dn-actions .dn-btn-primary:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 6px 14px rgba(21,144,1,.36) !important;
}

/* User dropdown */
.dn-header .dn-user{ position:relative !important; }
.dn-header .dn-user-btn{
  display:inline-flex !important; align-items:center !important; gap:8px !important;
  height:38px !important; padding:4px 10px 4px 4px !important;
  border-radius:999px !important; background:#fff !important;
  border:1px solid var(--dn-line) !important; color:var(--dn-ink) !important;
  text-decoration:none !important; font-size:13.5px !important; font-weight:500 !important;
  transition:all .18s ease !important;
}
.dn-header .dn-user-btn::after{ display:none !important; }
.dn-header .dn-user-btn:hover{ border-color:var(--dn-green) !important;
  box-shadow:0 0 0 3px var(--dn-green-soft) !important; }
.dn-header .dn-user-btn .dn-avatar{
  width:30px !important; height:30px !important; border-radius:999px !important;
  object-fit:cover !important; border:2px solid #fff !important;
  box-shadow:0 0 0 1.5px var(--dn-green) !important;
}
.dn-header .dn-user-btn .admin_name{ font-weight:600 !important; color:var(--dn-ink) !important; }
.dn-header .dn-user-btn .admin_label{
  display:inline-block !important; padding:2px 8px !important;
  font-size:10.5px !important; font-weight:700 !important; text-transform:uppercase !important;
  letter-spacing:.04em !important; color:var(--dn-green-dark) !important;
  background:var(--dn-green-soft) !important; border-radius:999px !important;
  margin-left:2px !important;
}
.dn-header .dn-user-btn .dn-caret{ color:var(--dn-ink-3) !important; margin-left:2px !important; }

/* Dropdown menu */
.dn-header .dn-user-menu{
  min-width:280px !important; padding:8px !important; margin-top:8px !important;
  border:1px solid var(--dn-line) !important; border-radius:14px !important;
  box-shadow:var(--dn-shadow-lg) !important; background:#fff !important;
}
.dn-header .dn-user-menu .admin_item .dropdown-item{
  display:flex !important; align-items:center !important; gap:12px !important;
  padding:12px !important; border-radius:10px !important;
  background:linear-gradient(135deg,var(--dn-green-soft) 0%,#fff 100%) !important;
  margin-bottom:6px !important;
}
.dn-header .dn-user-menu .admin_item .p_img{
  width:42px !important; height:42px !important; border-radius:999px !important;
  object-fit:cover !important; border:2px solid #fff !important;
  box-shadow:0 0 0 2px var(--dn-green) !important;
}
.dn-header .dn-user-menu .admin_item .p_name{
  display:flex !important; align-items:center !important; gap:8px !important;
  font-weight:600 !important; color:var(--dn-ink) !important; font-size:14px !important;
}
.dn-header .dn-user-menu .admin_item .p_mail{
  margin:2px 0 0 !important; font-size:12px !important; color:var(--dn-ink-3) !important;
}
.dn-header .dn-user-menu .item .dropdown-item{
  display:flex !important; align-items:center !important; gap:10px !important;
  padding:9px 12px !important; border-radius:8px !important;
  font-size:13.5px !important; color:var(--dn-ink-2) !important;
  background:transparent !important;
}
.dn-header .dn-user-menu .item .dropdown-item:hover{
  background:var(--dn-green-soft) !important; color:var(--dn-green-dark) !important;
}
.dn-header .dn-user-menu .devider{
  height:1px !important; background:var(--dn-line) !important;
  margin:6px 4px !important; padding:0 !important;
}
.dn-header .dn-user-menu .logout .dropdown-item{
  display:flex !important; align-items:center !important; gap:10px !important;
  padding:9px 12px !important; border-radius:8px !important;
  font-size:13.5px !important; color:#dc2626 !important; font-weight:500 !important;
}
.dn-header .dn-user-menu .logout .dropdown-item:hover{
  background:#fee2e2 !important; color:#b91c1c !important;
}

/* Mobile toggle */
.dn-header .dn-mobile-toggle{ display:none !important; }
@media (max-width:991px){
  .dn-header .dn-links{ display:none !important; }
  .dn-header .dn-actions .cstm_btn{ padding:0 12px !important; }
  .dn-header .dn-mobile-toggle{ display:inline-flex !important; }
}

/* ---------- Toast (success/error banners) ---------- */
body .dn-toast{
  position:fixed !important; top:80px !important; right:24px !important;
  z-index:1080 !important; min-width:280px !important; max-width:420px !important;
  padding:14px 18px !important; border-radius:12px !important;
  background:#fff !important; box-shadow:var(--dn-shadow-lg) !important;
  border-left:4px solid var(--dn-green) !important;
  animation:dnSlideIn .25s ease !important;
}
body .dn-toast.dn-toast-error{ border-left-color:#dc2626 !important; }
@keyframes dnSlideIn{ from{transform:translateX(20px);opacity:0;} to{transform:none;opacity:1;} }

/* ---------- Page main wrapper ---------- */
body .wrapper .page_main{ background:var(--dn-bg) !important;
  min-height:calc(100vh - 64px) !important; padding:24px 28px !important; }
body .wrapper .page_main > .container,
body .wrapper .page_main > .container-fluid{ max-width:1480px !important;
  padding:0 !important; margin:0 auto !important; }

/* ---------- Filter sidebar (left card on dashboard) ---------- */
body .filters_detail,
body .sidebar-filter-wrapper{
  background:#fff !important; border:1px solid var(--dn-line) !important;
  border-radius:var(--dn-radius) !important; padding:18px !important;
  box-shadow:var(--dn-shadow-sm) !important;
}
body .filters_detail h2,
body .filters_detail h3,
body .filters_detail h4,
body .sidebar-filter-wrapper h2,
body .sidebar-filter-wrapper h3,
body .sidebar-filter-wrapper h4{
  position:relative !important; padding-left:12px !important;
  font-size:11.5px !important; font-weight:700 !important;
  text-transform:uppercase !important; letter-spacing:.06em !important;
  color:var(--dn-ink-2) !important; margin:14px 0 10px !important;
}
body .filters_detail h2::before,
body .filters_detail h3::before,
body .filters_detail h4::before,
body .sidebar-filter-wrapper h2::before,
body .sidebar-filter-wrapper h3::before,
body .sidebar-filter-wrapper h4::before{
  content:"" !important; position:absolute !important; left:0 !important; top:1px !important;
  width:3px !important; height:14px !important; border-radius:2px !important;
  background:linear-gradient(180deg,var(--dn-green),var(--dn-green-dark)) !important;
}
body .filters_detail .form-group,
body .sidebar-filter-wrapper .form-group{
  border-bottom:1px dashed var(--dn-line) !important;
  padding-bottom:14px !important; margin-bottom:14px !important;
}
body .filters_detail .form-group:last-child,
body .sidebar-filter-wrapper .form-group:last-child{ border:0 !important; }
body .filters_detail label,
body .sidebar-filter-wrapper label{
  font-size:12.5px !important; font-weight:600 !important;
  color:var(--dn-ink) !important; margin-bottom:6px !important;
}
body .filters_detail .form-control,
body .sidebar-filter-wrapper .form-control{
  background:var(--dn-bg) !important; border:1px solid var(--dn-line) !important;
  border-radius:8px !important; height:38px !important; font-size:13.5px !important;
  color:var(--dn-ink) !important; padding:0 12px !important;
}
body .filters_detail .form-control:focus,
body .sidebar-filter-wrapper .form-control:focus{
  background:#fff !important; border-color:var(--dn-green) !important;
  box-shadow:0 0 0 3px var(--dn-green-soft) !important; outline:0 !important;
}

/* Select2 inside filters */
body .select2-container--default .select2-selection--multiple,
body .select2-container--default .select2-selection--single{
  background:var(--dn-bg) !important; border:1px solid var(--dn-line) !important;
  border-radius:8px !important; min-height:38px !important; padding:3px 6px !important;
}
body .select2-container--default.select2-container--focus .select2-selection--multiple,
body .select2-container--default.select2-container--focus .select2-selection--single,
body .select2-container--default.select2-container--open .select2-selection--multiple{
  border-color:var(--dn-green) !important; box-shadow:0 0 0 3px var(--dn-green-soft) !important;
}
body .select2-container--default .select2-selection--multiple .select2-selection__choice{
  background:linear-gradient(135deg,var(--dn-green),var(--dn-green-dark)) !important;
  color:#fff !important; border:0 !important; border-radius:999px !important;
  padding:3px 10px 3px 24px !important; margin:3px 4px 3px 0 !important;
  font-size:12px !important; font-weight:500 !important; position:relative !important;
}
body .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
  color:#fff !important; opacity:.85 !important; margin-right:6px !important;
  position:absolute !important; left:8px !important; top:50% !important;
  transform:translateY(-50%) !important; border:0 !important; background:transparent !important;
}
body .select2-dropdown{
  border:1px solid var(--dn-line) !important; border-radius:10px !important;
  box-shadow:var(--dn-shadow-md) !important; overflow:hidden !important;
}
body .select2-results__option--highlighted[aria-selected]{
  background:var(--dn-green) !important; color:#fff !important;
}

/* ---------- Filter tabs (Total / Net New / Saved) ---------- */
body .filter_tabs{
  display:flex !important; align-items:center !important; gap:4px !important;
  border-bottom:1px solid var(--dn-line) !important;
  padding:0 4px !important; margin-bottom:18px !important; background:transparent !important;
}
body .filter_tabs .filter_link{
  position:relative !important; display:inline-flex !important; align-items:center !important; gap:6px !important;
  height:42px !important; padding:0 16px !important;
  font-size:13.5px !important; font-weight:600 !important; color:var(--dn-ink-2) !important;
  text-transform:none !important; background:transparent !important; border:0 !important;
  border-radius:0 !important; text-decoration:none !important;
  transition:color .15s ease !important;
}
body .filter_tabs .filter_link:hover{ color:var(--dn-green-dark) !important;
  background:var(--dn-green-soft) !important; border-radius:8px 8px 0 0 !important; }
body .filter_tabs .filter_link.active{ color:var(--dn-green) !important; background:transparent !important; }
body .filter_tabs .filter_link.active::after{
  content:"" !important; position:absolute !important; left:8px !important; right:8px !important;
  bottom:-1px !important; height:3px !important; border-radius:3px 3px 0 0 !important;
  background:linear-gradient(90deg,var(--dn-green),var(--dn-green-dark)) !important;
}
body .filter_tabs .filter_link .badge,
body .filter_tabs .filter_link .count_pill{
  margin-left:4px !important; padding:2px 8px !important;
  background:var(--dn-green-soft) !important; color:var(--dn-green-dark) !important;
  border-radius:999px !important; font-size:11.5px !important; font-weight:700 !important;
}

/* "X Records Found" pill */
body .records_found,
body .total_records{
  display:inline-flex !important; align-items:center !important; gap:6px !important;
  padding:5px 12px !important; border-radius:999px !important;
  background:var(--dn-green-soft) !important; color:var(--dn-green-dark) !important;
  font-size:12.5px !important; font-weight:700 !important;
}

/* ---------- Tables / DataTables ---------- */
body table.dataTable,
body .table{
  background:#fff !important; border-collapse:separate !important;
  border-spacing:0 !important; border:1px solid var(--dn-line) !important;
  border-radius:var(--dn-radius) !important; overflow:hidden !important;
  box-shadow:var(--dn-shadow-sm) !important;
}
body table.dataTable thead th,
body .table thead th{
  background:var(--dn-bg) !important; color:var(--dn-ink-2) !important;
  font-size:11.5px !important; font-weight:700 !important;
  text-transform:uppercase !important; letter-spacing:.05em !important;
  padding:12px 14px !important; border:0 !important;
  border-bottom:1px solid var(--dn-line) !important;
}
body table.dataTable tbody td,
body .table tbody td{
  padding:14px !important; border:0 !important;
  border-bottom:1px solid #f1f5f9 !important;
  color:var(--dn-ink) !important; font-size:13.5px !important;
  vertical-align:middle !important;
}
body table.dataTable tbody tr:hover td,
body .table tbody tr:hover td{ background:var(--dn-green-soft) !important; }

/* DataTables pagination */
body .dataTables_wrapper .dataTables_paginate .paginate_button{
  border-radius:8px !important; border:1px solid var(--dn-line) !important;
  background:#fff !important; color:var(--dn-ink-2) !important;
  padding:5px 12px !important; margin:0 2px !important;
}
body .dataTables_wrapper .dataTables_paginate .paginate_button:hover{
  background:var(--dn-green-soft) !important; color:var(--dn-green-dark) !important;
  border-color:var(--dn-green) !important;
}
body .dataTables_wrapper .dataTables_paginate .paginate_button.current,
body .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
  background:linear-gradient(135deg,var(--dn-green),var(--dn-green-dark)) !important;
  color:#fff !important; border-color:transparent !important;
}

/* ---------- Modals ---------- */
body .modal-content{
  border:0 !important; border-radius:16px !important;
  box-shadow:var(--dn-shadow-lg) !important; overflow:hidden !important;
}
body .modal-header,
body .modal_header{
  background:linear-gradient(135deg,var(--dn-green),var(--dn-green-dark)) !important;
  color:#fff !important; padding:16px 20px !important; border:0 !important;
}
body .modal-header .modal-title,
body .modal_header h5,
body .modal_header h4{
  color:#fff !important; font-size:16px !important; font-weight:600 !important; margin:0 !important;
}
body .modal-header .close,
body .modal_header .close{
  color:#fff !important; opacity:.9 !important; text-shadow:none !important;
  font-size:24px !important; padding:4px 8px !important; margin:-4px !important;
}
body .modal-body{ padding:20px !important; }
body .modal-footer{ padding:14px 20px !important; border-top:1px solid var(--dn-line) !important; }

/* ---------- Generic buttons across the app ---------- */
body .cstm_btn:not(.dn-btn-ghost):not(.dn-btn-primary){
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  height:38px !important; padding:0 16px !important;
  font-size:13.5px !important; font-weight:600 !important;
  border-radius:10px !important; text-decoration:none !important;
  background:linear-gradient(135deg,var(--dn-green),var(--dn-green-dark)) !important;
  color:#fff !important; border:0 !important; transition:all .18s ease !important;
}
body .cstm_btn:not(.dn-btn-ghost):not(.dn-btn-primary):hover{
  transform:translateY(-1px) !important;
  box-shadow:0 6px 14px rgba(21,144,1,.32) !important;
}

/* Bootstrap btn-primary alignment */
body .btn-primary{
  background:linear-gradient(135deg,var(--dn-green),var(--dn-green-dark)) !important;
  border-color:transparent !important;
}
body .btn-primary:hover,body .btn-primary:focus{
  background:linear-gradient(135deg,var(--dn-green-dark),var(--dn-green-deep)) !important;
  box-shadow:0 0 0 3px var(--dn-green-soft) !important;
}
body .btn-outline-primary{
  color:var(--dn-green-dark) !important; border-color:var(--dn-green) !important;
  background:#fff !important;
}
body .btn-outline-primary:hover{
  background:var(--dn-green) !important; color:#fff !important;
}

/* ---------- Form controls everywhere ---------- */
body .form-control:focus{
  border-color:var(--dn-green) !important;
  box-shadow:0 0 0 3px var(--dn-green-soft) !important;
}

/* Cards (generic) */
body .card{
  border:1px solid var(--dn-line) !important;
  border-radius:var(--dn-radius) !important;
  box-shadow:var(--dn-shadow-sm) !important;
}
body .card-header{
  background:#fff !important; border-bottom:1px solid var(--dn-line) !important;
  font-weight:600 !important; color:var(--dn-ink) !important;
  padding:14px 18px !important;
}

/* END DN OVERLAY v2 */

/* ============================================================================
   DN OVERLAY v3 — DASHBOARD / SEARCH page (advanced match for leads.datanavigator.io)
   Targets .home > .home_blocks two-column layout, sticky filter sidebar,
   results card with credit bar, tabs, data tables, multicheck dropdowns,
   bulk-action bar, export modal, filter modal grid.
   ============================================================================ */

/* ---------- Page container ---------- */
body .home{ background:transparent !important; padding:0 !important; }
body .home > .container{ max-width:1480px !important; padding:0 28px !important;
  margin:0 auto !important; }
body .home .data_table{ background:transparent !important; padding:24px 0 !important; }

/* ---------- Two-column flex layout ---------- */
body .home_blocks{
  display:flex !important; align-items:flex-start !important;
  gap:24px !important; width:100% !important;
}
body .home_blocks .left,
body .home_blocks .card_block.left{
  flex:0 0 320px !important; max-width:320px !important; width:320px !important;
  background:transparent !important; padding:0 !important; border:0 !important;
}
body .home_blocks .right{
  flex:1 1 auto !important; min-width:0 !important;
}
@media (max-width:1199px){
  body .home_blocks .left,body .home_blocks .card_block.left{
    flex-basis:280px !important; max-width:280px !important; width:280px !important; }
}
@media (max-width:991px){
  body .home_blocks{ flex-direction:column !important; }
  body .home_blocks .left,body .home_blocks .card_block.left{
    flex:0 0 auto !important; max-width:100% !important; width:100% !important; }
}

/* ---------- Sticky sidebar wrapper ---------- */
body .home_blocks .stiky_sidebar{
  position:sticky !important; top:84px !important;
  background:transparent !important; padding:0 !important;
  max-height:calc(100vh - 100px) !important; overflow-y:auto !important;
  scrollbar-width:thin !important; scrollbar-color:var(--dn-line) transparent !important;
}
body .home_blocks .stiky_sidebar::-webkit-scrollbar{ width:6px !important; }
body .home_blocks .stiky_sidebar::-webkit-scrollbar-thumb{
  background:var(--dn-line) !important; border-radius:3px !important; }
body .home_blocks .stiky_sidebar::-webkit-scrollbar-thumb:hover{
  background:var(--dn-ink-3) !important; }

/* ---------- Top search input (above filters) ---------- */
body .input_box.data_serch_filter{
  position:relative !important; margin-bottom:14px !important;
  background:#fff !important; border:1px solid var(--dn-line) !important;
  border-radius:12px !important; padding:0 !important;
  box-shadow:var(--dn-shadow-sm) !important; overflow:hidden !important;
}
body .input_box.data_serch_filter::before{
  content:"" !important; position:absolute !important; left:14px !important;
  top:50% !important; transform:translateY(-50%) !important;
  width:18px !important; height:18px !important; pointer-events:none !important; z-index:2 !important;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23159001' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><path d='m21 21-4.3-4.3'/></svg>") !important;
  background-repeat:no-repeat !important; background-size:contain !important;
}
body .input_box.data_serch_filter .input_text{
  width:100% !important; height:44px !important;
  padding:0 38px 0 42px !important;
  border:0 !important; background:transparent !important;
  font-size:14px !important; color:var(--dn-ink) !important; outline:0 !important;
}
body .input_box.data_serch_filter .input_text::placeholder{
  color:var(--dn-ink-3) !important; font-weight:400 !important; }
body .input_box.data_serch_filter .refresh_search{
  position:absolute !important; right:12px !important; top:50% !important;
  transform:translateY(-50%) !important; cursor:pointer !important;
  width:22px !important; height:22px !important; border-radius:999px !important;
  background:var(--dn-bg) !important; color:var(--dn-ink-2) !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  font-size:12px !important; font-weight:600 !important; line-height:1 !important;
  transition:all .15s ease !important;
}
body .input_box.data_serch_filter .refresh_search:hover{
  background:#fee2e2 !important; color:#dc2626 !important; }

body .input_box.data_serch_filter #filter_choice{
  display:flex !important; flex-wrap:wrap !important; gap:6px !important;
  padding:8px 10px !important; border-top:1px solid var(--dn-line) !important;
}
body .input_box.data_serch_filter #filter_choice:empty{ display:none !important; }
body .input_box.data_serch_filter #filter_choice > *{
  display:inline-flex !important; align-items:center !important; gap:6px !important;
  padding:4px 10px !important; border-radius:999px !important;
  background:var(--dn-green-soft) !important; color:var(--dn-green-dark) !important;
  font-size:12px !important; font-weight:600 !important;
}

/* ---------- Sidebar filter title ---------- */
body .sidefilter_title{
  display:flex !important; align-items:center !important; justify-content:space-between !important;
  padding-bottom:12px !important; margin-bottom:14px !important;
  border-bottom:1px solid var(--dn-line) !important;
}
body .sidefilter_title h4{
  font-size:14px !important; font-weight:700 !important;
  color:var(--dn-ink) !important; margin:0 !important; padding:0 !important;
  text-transform:none !important; letter-spacing:0 !important;
}
body .sidefilter_title h4::before{ display:none !important; }
body .sidefilter_title .actions .btn_link{
  font-size:12.5px !important; font-weight:600 !important;
  color:var(--dn-green-dark) !important; text-decoration:none !important;
  padding:4px 10px !important; border-radius:6px !important;
  background:var(--dn-green-soft) !important;
}

/* ---------- Each filter row (.input_select_filter) ---------- */
body .input_select_filter{
  margin-bottom:10px !important; padding:0 !important; border:0 !important;
  background:transparent !important;
}
body .input_select_filter .select2-container{ width:100% !important; }
body .input_select_filter .select2-container--default .select2-selection--multiple,
body .input_select_filter .select2-container--default .select2-selection--single{
  background:#fff !important; border:1px solid var(--dn-line) !important;
  border-radius:10px !important; min-height:42px !important;
  padding:6px 10px !important; transition:all .15s ease !important;
}
body .input_select_filter .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height:28px !important; color:var(--dn-ink) !important; padding:0 !important;
  font-size:13.5px !important;
}
body .input_select_filter .select2-container--default .select2-selection--single .select2-selection__placeholder{
  color:var(--dn-ink-3) !important; font-weight:500 !important;
}
body .input_select_filter .select2-container--default.select2-container--focus .select2-selection,
body .input_select_filter .select2-container--default.select2-container--open .select2-selection{
  border-color:var(--dn-green) !important;
  box-shadow:0 0 0 3px var(--dn-green-soft) !important;
}
body .input_select_filter .select2-search--inline .select2-search__field{
  margin-top:4px !important; font-size:13.5px !important;
  color:var(--dn-ink) !important;
}

/* ---------- Right results card ---------- */
body .home_blocks .right .card_block{
  background:#fff !important; border:1px solid var(--dn-line) !important;
  border-radius:14px !important; padding:0 !important;
  box-shadow:var(--dn-shadow-sm) !important; overflow:hidden !important;
}

/* ---------- Top heading row inside results card ---------- */
body .home_blocks .right .content_heading{
  display:flex !important; align-items:center !important;
  justify-content:space-between !important; gap:16px !important;
  padding:16px 20px !important; border-bottom:1px solid var(--dn-line) !important;
  background:linear-gradient(180deg,#fff,var(--dn-bg)) !important;
}
body .home_blocks .right .content_heading .actions{
  display:flex !important; align-items:center !important; gap:14px !important;
  flex:1 1 auto !important; justify-content:space-between !important;
}
body .bal_count{
  display:inline-flex !important; align-items:center !important; gap:8px !important;
  font-size:13.5px !important; font-weight:500 !important;
  color:var(--dn-ink-2) !important; margin:0 !important;
}
body .bal_count .green_label,
body .green_label{
  display:inline-flex !important; align-items:center !important;
  padding:4px 12px !important; border-radius:999px !important;
  background:linear-gradient(135deg,var(--dn-green),var(--dn-green-dark)) !important;
  color:#fff !important; font-size:12.5px !important; font-weight:700 !important;
  letter-spacing:.02em !important;
  box-shadow:0 2px 6px rgba(21,144,1,.25) !important;
}
body .content_heading .cstm_btn{
  height:34px !important; padding:0 14px !important;
  font-size:13px !important; font-weight:600 !important;
  background:#fff !important; color:var(--dn-green-dark) !important;
  border:1.5px solid var(--dn-green) !important;
  border-radius:8px !important; line-height:1 !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  text-decoration:none !important; transition:all .15s ease !important;
}
body .content_heading .cstm_btn:hover{
  background:var(--dn-green-soft) !important;
}

/* ---------- Filter tabs row (header of tabs) ---------- */
body .home_blocks .right .filter_tabs{
  border-bottom:0 !important; padding:0 !important; margin:0 !important;
  background:#fff !important;
}
body .filter_tabs .filter_tabs_header{
  display:flex !important; align-items:center !important;
  justify-content:space-between !important; gap:16px !important;
  padding:0 20px !important; border-bottom:1px solid var(--dn-line) !important;
  background:#fff !important; flex-wrap:wrap !important;
}
body .filter_title_list{
  display:flex !important; align-items:center !important; gap:2px !important;
  list-style:none !important; padding:0 !important; margin:0 !important;
  flex:1 1 auto !important;
}
body .filter_title_list li{ list-style:none !important; padding:0 !important; margin:0 !important; }
body .filter_title_list .filter_link{
  position:relative !important; display:inline-flex !important; align-items:center !important;
  height:48px !important; padding:0 16px !important;
  font-size:13.5px !important; font-weight:600 !important;
  color:var(--dn-ink-2) !important; text-decoration:none !important;
  background:transparent !important; border:0 !important; border-radius:0 !important;
  text-transform:capitalize !important; transition:color .15s ease !important;
}
body .filter_title_list .filter_link:hover{
  color:var(--dn-green-dark) !important; background:var(--dn-green-soft) !important;
  border-radius:8px 8px 0 0 !important;
}
body .filter_title_list .filter_link.active{
  color:var(--dn-green) !important; background:transparent !important;
}
body .filter_title_list .filter_link.active::after{
  content:"" !important; position:absolute !important;
  left:8px !important; right:8px !important; bottom:-1px !important;
  height:3px !important; border-radius:3px 3px 0 0 !important;
  background:linear-gradient(90deg,var(--dn-green),var(--dn-green-dark)) !important;
}

/* Export actions on the right of tab strip */
body .filter_tabs_header .actions.export{
  display:flex !important; align-items:center !important; gap:8px !important;
  padding:8px 0 !important;
}
body .filter_tabs_header .actions.export .cstm_btn{
  height:36px !important; padding:0 14px !important;
  font-size:13px !important; font-weight:600 !important;
  border-radius:8px !important; gap:6px !important;
  display:inline-flex !important; align-items:center !important;
  background:linear-gradient(135deg,var(--dn-green),var(--dn-green-dark)) !important;
  color:#fff !important; border:0 !important; line-height:1 !important;
  text-transform:uppercase !important; letter-spacing:.02em !important;
}
body .filter_tabs_header .actions.export .cstm_btn img{
  width:14px !important; height:14px !important; filter:brightness(0) invert(1) !important;
}
body .filter_tabs_header .actions.export .cstm_btn.defualt_light{
  background:#fff !important; color:var(--dn-green-dark) !important;
  border:1.5px solid var(--dn-green) !important;
}
body .filter_tabs_header .actions.export .cstm_btn.defualt_light img{
  filter:none !important; opacity:.85 !important;
}
body .filter_tabs_header .actions.export .cstm_btn:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 4px 10px rgba(21,144,1,.25) !important;
}

/* "X Records Found" inline */
body #selected_data{ font-size:12.5px !important; color:var(--dn-ink-2) !important; }
body .filter_recode{
  display:inline-flex !important; align-items:center !important; gap:6px !important;
  font-size:13px !important; color:var(--dn-ink-2) !important; font-weight:500 !important;
}

/* ---------- Tab content / data tables ---------- */
body .filter_items{ background:#fff !important; padding:0 !important; }
body .filter_tab_content{ display:none !important; padding:0 !important; }
body .filter_tab_content.active{ display:block !important; }

body .filter_tab_content table.table{
  width:100% !important; margin:0 !important; border:0 !important; border-radius:0 !important;
  box-shadow:none !important; background:#fff !important;
}
body .filter_tab_content table.table thead th,
body .filter_tab_content .col_th{
  background:var(--dn-bg) !important; color:var(--dn-ink-2) !important;
  font-size:11.5px !important; font-weight:700 !important;
  text-transform:uppercase !important; letter-spacing:.06em !important;
  padding:12px 16px !important; border:0 !important;
  border-bottom:1px solid var(--dn-line) !important;
  white-space:nowrap !important;
}
body .filter_tab_content table.table tbody td{
  padding:14px 16px !important; border:0 !important;
  border-bottom:1px solid #f1f5f9 !important;
  color:var(--dn-ink) !important; font-size:13.5px !important;
  vertical-align:middle !important; background:#fff !important;
}
body .filter_tab_content table.table tbody tr{
  transition:background .12s ease !important;
}
body .filter_tab_content table.table tbody tr:hover td{
  background:var(--dn-green-soft) !important;
}

/* Header checkbox + dropdown trigger */
body .multicheck-box-wrapper{
  position:relative !important; display:inline-flex !important; align-items:center !important;
  gap:6px !important; padding:4px 8px !important; border-radius:8px !important;
  background:#fff !important; border:1px solid var(--dn-line) !important;
  cursor:pointer !important; transition:all .15s ease !important;
}
body .multicheck-box-wrapper:hover{
  border-color:var(--dn-green) !important; background:var(--dn-green-soft) !important;
}
body .multicheck-box-wrapper input[type="checkbox"]{
  margin:0 !important; accent-color:var(--dn-green) !important;
  width:14px !important; height:14px !important;
}
body .multicheck-box-wrapper .multi_select,
body .multicheck-box-wrapper .multi_newselect,
body .multicheck-box-wrapper .multi_savedselect{
  display:inline-flex !important; align-items:center !important;
}
body .multicheck-box-wrapper img{
  width:10px !important; height:10px !important; opacity:.6 !important;
}

/* The little dropdown that appears */
body .select_dropdown,
body .select_newdropdown,
body .select_saveddropdown{
  position:absolute !important; top:calc(100% + 4px) !important; left:0 !important;
  z-index:50 !important; min-width:170px !important;
  background:#fff !important; border:1px solid var(--dn-line) !important;
  border-radius:10px !important; box-shadow:var(--dn-shadow-md) !important;
  padding:4px !important; display:none;
}
body .select_dropdown[style*="block"],
body .select_newdropdown[style*="block"],
body .select_saveddropdown[style*="block"]{ display:block !important; }
body .select_dropdown button,
body .select_newdropdown button,
body .select_saveddropdown button{
  display:block !important; width:100% !important; text-align:left !important;
  padding:8px 12px !important; font-size:13px !important; font-weight:500 !important;
  color:var(--dn-ink-2) !important; background:transparent !important;
  border:0 !important; border-radius:6px !important; cursor:pointer !important;
  transition:all .12s ease !important;
}
body .select_dropdown button:hover,
body .select_newdropdown button:hover,
body .select_saveddropdown button:hover{
  background:var(--dn-green-soft) !important; color:var(--dn-green-dark) !important;
}

/* Quick-action cell (Reveal/Save buttons) */
body .filter_tab_content table.table tbody td .cstm_btn,
body .filter_tab_content table.table tbody td button{
  height:30px !important; padding:0 12px !important;
  font-size:12px !important; font-weight:600 !important;
  border-radius:6px !important; line-height:1 !important;
  display:inline-flex !important; align-items:center !important; gap:5px !important;
  background:linear-gradient(135deg,var(--dn-green),var(--dn-green-dark)) !important;
  color:#fff !important; border:0 !important; cursor:pointer !important;
  transition:all .15s ease !important;
}
body .filter_tab_content table.table tbody td .cstm_btn:hover,
body .filter_tab_content table.table tbody td button:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 4px 10px rgba(21,144,1,.25) !important;
}

/* No data empty state */
body .no_data_img{
  display:block !important; max-width:240px !important; height:auto !important;
  margin:60px auto !important; opacity:.7 !important;
}
body .filter_tab_content:empty::after,
body .filter_tab_content tbody#tbody:empty + tfoot::before{
  content:"" !important;
}

/* Load-more bar */
body .load_more{
  padding:14px 16px !important; text-align:center !important;
  border-top:1px solid var(--dn-line) !important;
}
body .load_more .cstm_btn{
  height:38px !important; padding:0 24px !important;
  background:#fff !important; color:var(--dn-green-dark) !important;
  border:1.5px solid var(--dn-green) !important;
}
body .load_more .cstm_btn:hover{ background:var(--dn-green-soft) !important; }

/* ---------- Filter modal (.modal_body.grid_3) ---------- */
body .modal-dialog.w_930{ max-width:930px !important; }
body .modal_header{
  background:linear-gradient(135deg,var(--dn-green),var(--dn-green-dark)) !important;
  color:#fff !important; padding:16px 20px !important; border:0 !important;
  display:flex !important; align-items:center !important; justify-content:space-between !important;
}
body .modal_header .modal_title,
body .modal_header h5{ color:#fff !important; font-size:16px !important; font-weight:600 !important; margin:0 !important; }
body .modal_header .actions{
  display:flex !important; align-items:center !important; gap:12px !important;
}
body .modal_header .filter_recode{ color:#fff !important; }
body .modal_header .filter_recode .green_label{
  background:rgba(255,255,255,.18) !important;
  color:#fff !important; box-shadow:none !important;
}
body .modal_header .close{
  width:30px !important; height:30px !important; padding:0 !important; margin:0 !important;
  border-radius:999px !important; background:rgba(255,255,255,.15) !important;
  color:#fff !important; opacity:1 !important; text-shadow:none !important;
  font-size:20px !important; line-height:1 !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  border:0 !important; cursor:pointer !important;
}
body .modal_header .close:hover{ background:rgba(255,255,255,.28) !important; }
body .modal_header .close::before{ content:"×" !important; }

body .modal_body{
  padding:20px !important; background:#fff !important;
  display:grid !important; grid-template-columns:1fr 1fr 1fr !important; gap:14px !important;
}
body .modal_body.grid_3{ grid-template-columns:1fr 1fr 1fr !important; }
@media (max-width:767px){ body .modal_body{ grid-template-columns:1fr !important; } }

body .modal_body .input_select{ margin:0 !important; }
body .modal_body .input_select .select2-container{ width:100% !important; }
body .modal_body .input_select .select2-container--default .select2-selection{
  background:var(--dn-bg) !important; border:1px solid var(--dn-line) !important;
  border-radius:10px !important; min-height:42px !important; padding:6px 10px !important;
}
body .modal_body .input_select .select2-container--default.select2-container--focus .select2-selection,
body .modal_body .input_select .select2-container--default.select2-container--open .select2-selection{
  border-color:var(--dn-green) !important;
  box-shadow:0 0 0 3px var(--dn-green-soft) !important;
}

/* Export modal */
body .export_data_modal .modal-content{
  border:0 !important; border-radius:16px !important;
  box-shadow:var(--dn-shadow-lg) !important; overflow:hidden !important;
}
body .export_data_modal .modal_header{ padding:18px 22px !important; }
body .export_data_modal .modal_body{
  display:block !important; padding:24px !important; background:#fff !important;
}
body .export_data_modal .modal_body p{
  font-size:14px !important; color:var(--dn-ink-2) !important;
  line-height:1.6 !important; margin:0 0 14px !important;
}
body .export_data_modal .modal_body p .total_no_data{
  display:inline-block !important; padding:2px 10px !important;
  background:var(--dn-green-soft) !important; color:var(--dn-green-dark) !important;
  border-radius:999px !important; font-weight:700 !important; font-size:13px !important;
}
body .export_data_modal #export_data_btn{
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  height:42px !important; padding:0 24px !important; min-width:160px !important;
  font-size:14px !important; font-weight:600 !important; border-radius:10px !important;
  background:linear-gradient(135deg,var(--dn-green),var(--dn-green-dark)) !important;
  color:#fff !important; border:0 !important; cursor:pointer !important;
  text-transform:uppercase !important; letter-spacing:.03em !important;
  box-shadow:0 4px 10px rgba(21,144,1,.28) !important;
}
body .export_data_modal #export_data_btn:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 6px 14px rgba(21,144,1,.36) !important;
}

/* ---------- Success / error inline messages ---------- */
body .success_msg{
  position:fixed !important; top:84px !important; right:24px !important;
  z-index:1080 !important; min-width:280px !important; max-width:420px !important;
  padding:14px 18px !important; border-radius:12px !important;
  background:#fff !important; box-shadow:var(--dn-shadow-lg) !important;
  border-left:4px solid var(--dn-green) !important;
}
body .success_msg:empty{ display:none !important; }
body .success_msg .text-danger,
body .success_msg .text-danger ~ *{ color:#dc2626 !important; }
body .success_msg:has(.text-danger){ border-left-color:#dc2626 !important; }

/* END DN OVERLAY v3 */

/* ============================================================================
   DN OVERLAY v4 — POLISH PASS (matches leads.datanavigator.io advanced UI)
   - Animated splash, top progress bar, skeleton shimmer
   - Branded spinner override
   - Tighter header alignment, refined filter sidebar with labels
   ============================================================================ */

/* ---------- Top AJAX progress bar (auto-shown by dn-enhance.js) ---------- */
#dn-filter-bar{
  position:fixed !important; top:0 !important; left:0 !important; right:0 !important;
  height:2px !important; z-index:99998 !important; pointer-events:none !important;
  opacity:0 !important; transition:opacity .2s !important; background:transparent !important;
}
#dn-filter-bar.active{ opacity:1 !important; }
#dn-filter-bar-fill{
  height:100% !important; width:0% !important;
  background:linear-gradient(90deg,#159001,#1ecc00,#80ffaa) !important;
  box-shadow:0 0 8px rgba(21,200,1,.8) !important;
  transition:width .3s ease !important;
}

/* ---------- Splash (replaces the basic one with leads-style) ---------- */
#dn-splash{
  position:fixed !important; inset:0 !important; z-index:99999 !important;
  background:#070c07 !important;
  display:flex !important; flex-direction:column !important;
  align-items:center !important; justify-content:center !important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Inter",sans-serif !important;
  overflow:hidden !important;
  transition:opacity .6s ease, visibility .6s ease !important;
}
#dn-splash.fade-out{ opacity:0 !important; visibility:hidden !important; pointer-events:none !important; }
#dn-splash::before{
  content:"" !important; position:absolute !important; top:50% !important; left:50% !important;
  transform:translate(-50%,-50%) !important;
  width:600px !important; height:600px !important; border-radius:50% !important;
  background:radial-gradient(circle,rgba(21,144,1,.07) 0%,transparent 65%) !important;
  pointer-events:none !important;
}
#dn-splash::after{
  content:"" !important; position:absolute !important; top:0 !important; left:0 !important;
  right:0 !important; height:2px !important;
  background:linear-gradient(90deg,transparent,#159001,#1ecc00,#159001,transparent) !important;
  animation:dn-shimmer-bar 2s ease-in-out infinite !important;
}
@keyframes dn-shimmer-bar{ 0%,100%{opacity:.4;} 50%{opacity:1;} }

#dn-splash .dn-logo-stage{
  position:relative !important; width:160px !important; height:160px !important;
  margin-bottom:28px !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
}
#dn-splash .dn-arc{
  position:absolute !important; inset:0 !important;
  width:100% !important; height:100% !important;
}
#dn-splash .dn-logo-disc{
  position:relative !important; z-index:2 !important;
  width:104px !important; height:104px !important; border-radius:50% !important;
  background:linear-gradient(145deg,#0c200c,#020602) !important;
  border:1px solid rgba(21,200,1,.28) !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  box-shadow:0 0 60px rgba(21,144,1,.35), inset 0 0 30px rgba(21,144,1,.1) !important;
  color:#1ecc00 !important;
}
#dn-splash .dn-logo-disc svg{ width:54px !important; height:54px !important; }
#dn-splash .dn-orbit{
  position:absolute !important; inset:0 !important; border-radius:50% !important;
  animation:dn-orbit-spin 4s linear infinite !important;
  width:148px !important; height:148px !important;
  margin:auto !important; top:0; bottom:0; left:0; right:0;
}
#dn-splash .dn-orbit-2{ width:128px !important; height:128px !important;
  animation-duration:2.8s !important; animation-direction:reverse !important; }
#dn-splash .dn-orbit-dot{
  position:absolute !important; border-radius:50% !important; top:0 !important; left:50% !important;
  margin-left:-3px !important; margin-top:-3px !important;
  width:6px !important; height:6px !important;
  background:#1ecc00 !important; box-shadow:0 0 8px #1ecc00 !important;
}
@keyframes dn-orbit-spin{ to{transform:rotate(360deg);} }

#dn-splash .dn-brand-name{
  font-size:24px !important; font-weight:900 !important; letter-spacing:-.02em !important;
  color:#f5f5f7 !important; line-height:1 !important; text-align:center !important;
  margin-bottom:6px !important;
}
#dn-splash .dn-brand-name span{ color:#1ecc00 !important; }
#dn-splash .dn-brand-sub{
  font-size:9px !important; letter-spacing:.38em !important; text-transform:uppercase !important;
  color:rgba(21,200,1,.45) !important; text-align:center !important; margin-bottom:28px !important;
}
#dn-splash .dn-progress-wrap{ width:240px !important; }
#dn-splash .dn-progress-row{
  display:flex !important; justify-content:space-between !important; margin-bottom:7px !important;
}
#dn-splash .dn-progress-label{
  font-size:9px !important; letter-spacing:.2em !important; text-transform:uppercase !important;
  color:rgba(21,200,1,.4) !important;
}
#dn-splash .dn-progress-pct{
  font-size:10px !important; font-weight:700 !important; color:#1ecc00 !important;
  font-variant-numeric:tabular-nums !important;
}
#dn-splash .dn-bar-track{
  height:3px !important; background:rgba(21,144,1,.12) !important;
  border-radius:2px !important; overflow:hidden !important; margin-bottom:12px !important;
}
#dn-splash .dn-bar-fill{
  height:100% !important; border-radius:2px !important; width:0% !important;
  background:linear-gradient(90deg,#159001,#1ecc00,#80ffaa) !important;
  box-shadow:0 0 10px rgba(21,200,1,.7) !important;
  animation:dn-splash-bar 3s cubic-bezier(.4,0,.2,1) forwards !important;
}
@keyframes dn-splash-bar{
  0%{width:0%;} 30%{width:44%;} 65%{width:70%;} 88%{width:87%;} 100%{width:100%;}
}
#dn-splash .dn-status{
  font-size:11px !important; color:rgba(21,200,1,.5) !important;
  text-align:center !important; letter-spacing:.06em !important;
  min-height:16px !important; margin-top:4px !important;
}

/* ---------- Skeleton shimmer ---------- */
@keyframes dn-shimmer-move{
  0%   { background-position:-400px 0; }
  100% { background-position:400px 0; }
}
.dn-skeleton{
  background:linear-gradient(90deg,rgba(21,144,1,.06) 25%,rgba(21,144,1,.14) 50%,rgba(21,144,1,.06) 75%) !important;
  background-size:400px 100% !important;
  animation:dn-shimmer-move 1.4s ease-in-out infinite !important;
  border-radius:6px !important; color:transparent !important;
}
tr.dn-loading-row td{
  background:linear-gradient(90deg,rgba(21,144,1,.03) 25%,rgba(21,144,1,.07) 50%,rgba(21,144,1,.03) 75%) !important;
  background-size:400px 100% !important;
  animation:dn-shimmer-move 1.4s ease-in-out infinite !important;
}

/* ---------- Spinner brand override (Bootstrap, generic .spinner-*, .loader) ---------- */
@keyframes dn-brand-spin{ to{transform:rotate(360deg);} }
body .spinner-border{
  width:1.5rem !important; height:1.5rem !important;
  border:.2em solid rgba(21,144,1,.18) !important;
  border-top-color:var(--dn-green) !important;
  animation:dn-brand-spin .65s linear infinite !important;
}
body .loader{
  border-color:rgba(21,144,1,.18) !important;
  border-top-color:var(--dn-green) !important;
  animation:dn-brand-spin .65s linear infinite !important;
}

/* Disabled-button mini spinner */
body button:disabled.cstm_btn::after{
  content:"" !important; display:inline-block !important;
  width:12px !important; height:12px !important; margin-left:8px !important;
  border:1.5px solid rgba(255,255,255,.3) !important; border-top-color:#fff !important;
  border-radius:50% !important; vertical-align:middle !important;
  animation:dn-brand-spin .65s linear infinite !important;
}

/* ---------- Header alignment refinement ---------- */
body .dn-header.header{ height:auto !important; }
body .dn-header .main_header{ min-height:60px !important; }
body .dn-header .dn-links{ gap:2px !important; }
body .dn-header .dn-links .nav_link{
  height:36px !important; padding:0 12px !important; font-size:13.5px !important;
}
body .dn-header .dn-actions .cstm_btn{
  height:36px !important; padding:0 14px !important; font-size:13px !important;
}
body .dn-header .dn-user-btn{ height:36px !important; }
body .dn-header .dn-user-btn .dn-avatar{ width:28px !important; height:28px !important; }
body .dn-header .dn-brand .dn-logo-img{ height:34px !important; }

/* On mid-size screens, give the nav more breathing room */
@media (min-width:992px) and (max-width:1199px){
  body .dn-header .dn-links .nav_link{ padding:0 10px !important; font-size:13px !important; }
  body .dn-header .dn-links .nav_link svg{ display:none !important; }
}

/* ---------- Filter sidebar — leads-style with labels above selects ---------- */
body .input_select_filter{
  position:relative !important; margin-bottom:14px !important; padding-top:0 !important;
}
/* The select2 placeholder text becomes the visible label-like state */
body .input_select_filter .select2-container--default .select2-selection--multiple .select2-selection__rendered::before,
body .input_select_filter .select2-container--default .select2-selection--single .select2-selection__placeholder{
  color:var(--dn-ink-3) !important; font-weight:500 !important; font-size:13px !important;
}
/* Tighter rows */
body .input_select_filter .select2-container--default .select2-selection--multiple,
body .input_select_filter .select2-container--default .select2-selection--single{
  min-height:40px !important; padding:5px 10px !important;
}
/* When chips are present, push them to wrap nicely */
body .input_select_filter .select2-container--default .select2-selection--multiple .select2-selection__rendered{
  display:flex !important; flex-wrap:wrap !important; gap:4px !important;
  padding:0 !important; margin:0 !important; line-height:1 !important;
}
body .input_select_filter .select2-container--default .select2-selection--multiple .select2-selection__choice{
  margin:2px !important; padding:3px 10px 3px 22px !important; font-size:11.5px !important;
}

/* Sidebar wrapper compact spacing */
body .filters_detail,
body .sidebar-filter-wrapper{ padding:14px !important; }
body .filters_detail .form-group,
body .sidebar-filter-wrapper .form-group{
  border-bottom:0 !important; padding-bottom:0 !important; margin-bottom:10px !important;
}

/* ---------- Page main wrapper — tighter top padding ---------- */
body .wrapper .page_main{ padding:18px 24px !important; }
body .home > .container{ padding:0 !important; }
body .home .data_table{ padding:0 !important; }

/* END DN OVERLAY v4 */

/* ───────────────────────────────────────────────────────────────────────────
   DN OVERLAY v5 — bug fixes + module styles + AI chat + laptop polish
   Loaded LAST so it wins the cascade.
   ─────────────────────────────────────────────────────────────────────────── */

/* ── FIX 1: dashboard duplicate export — respect inline display:none ── */
body .filter_tabs_header .actions.export .cstm_btn[style*="display: none"],
body .filter_tabs_header .actions.export .cstm_btn[style*="display:none"]{
  display:none !important;
}
body .actions.export .cstm_btn[style*="display: none"],
body .actions.export .cstm_btn[style*="display:none"]{
  display:none !important;
}

/* ── FIX 2: module page chrome (dn-page-head, dn-feature-header, dn-stat...) ── */
.dn-page-head{
  display:flex !important; align-items:center !important; justify-content:space-between !important;
  margin:0 0 22px !important; padding:0 0 16px !important;
  border-bottom:1px solid #e5e7eb !important; gap:16px !important; flex-wrap:wrap !important;
}
.dn-page-head .dn-title{
  font-size:24px !important; font-weight:800 !important; color:#0a2e06 !important;
  letter-spacing:-.01em !important; margin:0 0 4px !important;
}
.dn-page-head .dn-sub{
  font-size:13.5px !important; color:#64748b !important; margin:0 !important;
}

.dn-feature-header{
  background:linear-gradient(135deg,#0a2e06 0%,#159001 100%) !important;
  color:#fff !important; padding:28px 32px !important; border-radius:14px !important;
  margin:0 0 26px !important; position:relative !important; overflow:hidden !important;
  box-shadow:0 6px 24px rgba(21,144,1,.18) !important;
}
.dn-feature-header::after{
  content:'' !important; position:absolute !important; right:-40px !important; top:-40px !important;
  width:200px !important; height:200px !important; border-radius:50% !important;
  background:radial-gradient(circle,rgba(30,204,0,.25),transparent 70%) !important; pointer-events:none !important;
}
.dn-feature-header h2{
  font-size:26px !important; font-weight:800 !important; color:#fff !important;
  margin:8px 0 6px !important; letter-spacing:-.01em !important;
}
.dn-feature-header p{
  font-size:14px !important; color:rgba(255,255,255,.85) !important; margin:0 !important; max-width:680px !important;
}
.dn-ai-pill{
  display:inline-flex !important; align-items:center !important;
  background:rgba(255,255,255,.18) !important; color:#fff !important;
  padding:5px 12px !important; border-radius:999px !important;
  font-size:11px !important; font-weight:700 !important; letter-spacing:.06em !important;
  border:1px solid rgba(255,255,255,.25) !important; backdrop-filter:blur(10px) !important;
}

/* Stat cards */
.dn-stat{
  display:flex !important; align-items:center !important; gap:14px !important;
  background:#fff !important; padding:18px 20px !important; border-radius:12px !important;
  border:1px solid #e5e7eb !important; box-shadow:0 1px 3px rgba(10,46,6,.04) !important;
  transition:all .2s !important; height:100% !important;
}
.dn-stat:hover{ transform:translateY(-2px) !important; box-shadow:0 8px 20px rgba(10,46,6,.08) !important; border-color:#159001 !important; }
.dn-stat-icon{
  width:42px !important; height:42px !important; flex-shrink:0 !important;
  background:linear-gradient(135deg,#159001,#1ecc00) !important; color:#fff !important;
  border-radius:10px !important; display:flex !important; align-items:center !important; justify-content:center !important;
  font-size:18px !important;
}
.dn-stat-label{ font-size:11.5px !important; font-weight:700 !important; color:#64748b !important; text-transform:uppercase !important; letter-spacing:.05em !important; }
.dn-stat-value{ font-size:22px !important; font-weight:800 !important; color:#0a2e06 !important; line-height:1.1 !important; margin-top:2px !important; }

/* Module empty/list cards */
.dn-page-head + .card,
.dn-feature-header + .dn-page-head + .card,
.dn-feature-header ~ .card{
  border:1px solid #e5e7eb !important; border-radius:12px !important;
  box-shadow:0 1px 3px rgba(10,46,6,.04) !important; background:#fff !important;
}
.card-header{
  background:#f9fafb !important; border-bottom:1px solid #e5e7eb !important;
  padding:14px 20px !important; border-radius:12px 12px 0 0 !important;
}
.card-header .card-title{ font-size:14px !important; font-weight:700 !important; color:#0a2e06 !important; margin:0 !important; }

.dn-empty{ text-align:center !important; padding:60px 20px !important; color:#64748b !important; }
.dn-empty-icon{ font-size:48px !important; margin-bottom:14px !important; opacity:.55 !important; }
.dn-empty h3{ font-size:18px !important; font-weight:700 !important; color:#0a2e06 !important; margin:0 0 6px !important; }
.dn-empty p{ font-size:13.5px !important; margin:0 !important; }

/* ── FIX 3: AI Search leads-style chat UI ── */
.dn-ai-shell{
  max-width:840px !important; margin:0 auto !important; padding:30px 20px 140px !important;
  display:flex !important; flex-direction:column !important; min-height:calc(100vh - 80px) !important;
}
.dn-ai-hero{ text-align:center !important; padding:18px 10px 26px !important; }
.dn-ai-hero-icon{
  width:64px !important; height:64px !important; margin:0 auto 14px !important;
  background:linear-gradient(135deg,#159001,#1ecc00) !important; color:#fff !important;
  border-radius:18px !important; display:flex !important; align-items:center !important; justify-content:center !important;
  box-shadow:0 8px 24px rgba(21,144,1,.28) !important;
  animation:dn-ai-float 3.5s ease-in-out infinite !important;
}
.dn-ai-hero-icon svg{ width:30px !important; height:30px !important; }
@keyframes dn-ai-float{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }
.dn-ai-hero-title{ font-size:28px !important; font-weight:800 !important; color:#0a2e06 !important; margin:0 0 8px !important; letter-spacing:-.02em !important; }
.dn-ai-hero-sub{ font-size:14px !important; color:#64748b !important; margin:0 auto !important; max-width:520px !important; line-height:1.55 !important; }

.dn-ai-chat{ flex:1 !important; display:flex !important; flex-direction:column !important; gap:18px !important; padding:14px 0 !important; }
.dn-ai-msg{ display:flex !important; gap:10px !important; align-items:flex-start !important; animation:dn-ai-pop .25s ease !important; }
@keyframes dn-ai-pop{ from{opacity:0; transform:translateY(6px)} to{opacity:1; transform:none} }
.dn-ai-msg-user{ flex-direction:row-reverse !important; }
.dn-ai-avatar{
  width:32px !important; height:32px !important; flex-shrink:0 !important;
  border-radius:50% !important; display:flex !important; align-items:center !important; justify-content:center !important;
  font-size:11px !important; font-weight:700 !important;
}
.dn-ai-avatar-bot{ background:linear-gradient(135deg,#159001,#1ecc00) !important; color:#fff !important; box-shadow:0 2px 8px rgba(21,144,1,.25) !important; }
.dn-ai-avatar-user{ background:#0a2e06 !important; color:#fff !important; }
.dn-ai-bubble{
  background:#fff !important; border:1px solid #e5e7eb !important; padding:14px 16px !important;
  border-radius:14px !important; max-width:78% !important; box-shadow:0 1px 3px rgba(10,46,6,.04) !important;
  font-size:14px !important; line-height:1.55 !important; color:#1f2937 !important;
}
.dn-ai-msg-user .dn-ai-bubble{
  background:linear-gradient(135deg,#159001,#0e6b01) !important; color:#fff !important; border-color:transparent !important;
  border-radius:14px 14px 2px 14px !important;
}
.dn-ai-msg-bot  .dn-ai-bubble{ border-radius:14px 14px 14px 2px !important; }
.dn-ai-bubble-text{ margin-bottom:10px !important; }
.dn-ai-suggestions{ display:flex !important; flex-wrap:wrap !important; gap:8px !important; margin-top:6px !important; }
.dn-ai-chip{
  background:#f9fafb !important; border:1px solid #e5e7eb !important; color:#159001 !important;
  padding:7px 13px !important; border-radius:999px !important;
  font-size:12.5px !important; font-weight:600 !important; cursor:pointer !important;
  transition:all .15s !important; line-height:1.2 !important;
}
.dn-ai-chip:hover{ background:#159001 !important; color:#fff !important; border-color:#159001 !important; transform:translateY(-1px) !important; }

/* Bot result bubble */
.dn-ai-result-head{ display:flex !important; align-items:center !important; gap:10px !important; flex-wrap:wrap !important; margin-bottom:10px !important; }
.dn-ai-count{ font-size:15px !important; font-weight:700 !important; color:#0a2e06 !important; }
.dn-ai-explain{ font-size:12px !important; color:#64748b !important; }
.dn-ai-tags{ display:flex !important; flex-wrap:wrap !important; gap:6px !important; margin-bottom:12px !important; }
.dn-ai-tag{
  background:rgba(21,144,1,.1) !important; color:#0a2e06 !important;
  padding:4px 10px !important; border-radius:6px !important;
  font-size:11.5px !important; font-weight:500 !important;
}
.dn-ai-tag b{ font-weight:700 !important; color:#159001 !important; }
.dn-ai-muted{ font-size:12px !important; color:#94a3b8 !important; font-style:italic !important; }
.dn-ai-table-wrap{ overflow-x:auto !important; margin:0 -16px -14px !important; border-top:1px solid #f1f5f9 !important; }
.dn-ai-table{ width:100% !important; border-collapse:collapse !important; font-size:12.5px !important; }
.dn-ai-table th{
  background:#f9fafb !important; color:#64748b !important;
  font-weight:700 !important; text-transform:uppercase !important; font-size:10.5px !important;
  letter-spacing:.04em !important; padding:9px 12px !important; text-align:left !important;
  border-bottom:1px solid #e5e7eb !important;
}
.dn-ai-table td{ padding:9px 12px !important; border-bottom:1px solid #f1f5f9 !important; color:#1f2937 !important; }
.dn-ai-table tr:last-child td{ border-bottom:0 !important; }
.dn-ai-actions{ margin-top:12px !important; padding-top:12px !important; border-top:1px solid #f1f5f9 !important; }
.dn-ai-action-btn{ color:#159001 !important; font-size:13px !important; font-weight:600 !important; text-decoration:none !important; }
.dn-ai-action-btn:hover{ color:#0e6b01 !important; text-decoration:underline !important; }
.dn-ai-empty{ text-align:center !important; padding:18px !important; color:#64748b !important; font-size:13px !important; }
.dn-ai-error{ color:#b91c1c !important; font-size:13px !important; }

/* Typing indicator */
.dn-ai-typing{ display:inline-flex !important; align-items:center !important; gap:4px !important; padding:4px 0 !important; }
.dn-ai-typing span{
  width:7px !important; height:7px !important; background:#159001 !important; border-radius:50% !important;
  animation:dn-ai-bounce 1.2s infinite ease-in-out !important;
}
.dn-ai-typing span:nth-child(2){ animation-delay:.15s !important; }
.dn-ai-typing span:nth-child(3){ animation-delay:.3s !important; }
@keyframes dn-ai-bounce{ 0%,80%,100%{transform:scale(.6); opacity:.4} 40%{transform:scale(1); opacity:1} }

/* Composer (sticky bottom input) */
.dn-ai-composer{
  position:fixed !important; left:50% !important; bottom:24px !important; transform:translateX(-50%) !important;
  width:calc(100% - 40px) !important; max-width:780px !important; z-index:50 !important;
}
.dn-ai-composer-inner{
  display:flex !important; align-items:center !important; gap:8px !important;
  background:#fff !important; border:1.5px solid #e5e7eb !important; border-radius:999px !important;
  padding:6px 6px 6px 22px !important;
  box-shadow:0 10px 30px rgba(10,46,6,.12), 0 2px 6px rgba(10,46,6,.06) !important;
  transition:border-color .18s, box-shadow .18s !important;
}
.dn-ai-composer-inner:focus-within{
  border-color:#159001 !important;
  box-shadow:0 10px 30px rgba(10,46,6,.14), 0 0 0 4px rgba(21,144,1,.1) !important;
}
.dn-ai-input{
  flex:1 !important; border:0 !important; outline:0 !important; background:transparent !important;
  font-size:14.5px !important; color:#0a2e06 !important; padding:10px 0 !important; line-height:1.4 !important;
}
.dn-ai-input::placeholder{ color:#94a3b8 !important; }
.dn-ai-send{
  width:42px !important; height:42px !important; border-radius:50% !important; border:0 !important;
  background:linear-gradient(135deg,#159001,#0e6b01) !important; color:#fff !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  cursor:pointer !important; transition:transform .15s, box-shadow .15s !important; flex-shrink:0 !important;
}
.dn-ai-send:hover{ transform:scale(1.06) !important; box-shadow:0 4px 12px rgba(21,144,1,.35) !important; }
.dn-ai-send:active{ transform:scale(.96) !important; }
.dn-ai-hint{
  text-align:center !important; font-size:11.5px !important; color:#94a3b8 !important;
  margin-top:8px !important;
}
.dn-ai-hint kbd{
  background:#f3f4f6 !important; border:1px solid #e5e7eb !important; border-radius:4px !important;
  padding:1px 6px !important; font-family:inherit !important; font-size:10.5px !important; color:#64748b !important;
}

/* ── FIX 4: laptop / desktop refinement (>= 1280px) ── */
@media (min-width:1280px) and (max-width:1599px){
  body .dashboard_wrap{ max-width:1240px !important; padding:0 18px !important; }
  body .stiky_sidebar{ width:280px !important; flex:0 0 280px !important; }
  body .home_blocks{ font-size:12.5px !important; }
  body .input_select_filter,
  body .input_select_filter input,
  body .filter_search input{ font-size:12.5px !important; height:36px !important; }
  body .filter_tab_content table th,
  body .filter_tab_content table td{ font-size:12.5px !important; padding:9px 10px !important; }
  body .header.dn-header .nav_link{ padding:0 11px !important; font-size:13px !important; }
  body .home_blocks .card_block .label,
  body .home_blocks .card_block .value{ font-size:12px !important; }
}
@media (min-width:1600px){
  body .dashboard_wrap{ max-width:1480px !important; padding:0 24px !important; }
  body .stiky_sidebar{ width:320px !important; flex:0 0 320px !important; }
}

/* ── FIX 5: tighter font/filter sizes baseline (matches leads) ── */
body .filter_tab_content table th{ font-size:11.5px !important; font-weight:700 !important; letter-spacing:.04em !important; padding:11px 12px !important; }
body .filter_tab_content table td{ font-size:13px !important; padding:11px 12px !important; color:#1f2937 !important; }
body .filter_tab_content .col_th_inner,
body .filter_tab_content .table tbody td a{ font-size:13px !important; }
body .home_blocks .label{ font-size:11px !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:.05em !important; color:#64748b !important; }
body .home_blocks .value{ font-size:13.5px !important; font-weight:600 !important; color:#0a2e06 !important; }
body .stiky_sidebar h2,
body .stiky_sidebar h3{ font-size:14px !important; font-weight:700 !important; color:#0a2e06 !important; }
body .input_select_filter .select2-selection__rendered{ font-size:12.5px !important; }
body .filter_link{ font-size:13px !important; padding:8px 14px !important; }

/* ── Module sub-page polish ── */
.dn-feature-header + .dn-page-head{ margin-top:0 !important; }
.btn-primary{
  background:linear-gradient(135deg,#159001,#0e6b01) !important; border:0 !important;
  font-weight:600 !important; font-size:13px !important; padding:9px 18px !important;
  border-radius:8px !important; letter-spacing:.01em !important;
}
.btn-primary:hover{ box-shadow:0 4px 12px rgba(21,144,1,.3) !important; transform:translateY(-1px) !important; }
.btn-secondary{
  background:#fff !important; color:#0a2e06 !important; border:1px solid #e5e7eb !important;
  font-weight:600 !important; font-size:13px !important; padding:9px 18px !important; border-radius:8px !important;
}
.btn-secondary:hover{ background:#f9fafb !important; border-color:#159001 !important; color:#159001 !important; }
.badge-success{ background:#159001 !important; color:#fff !important; font-size:10.5px !important; padding:4px 8px !important; border-radius:4px !important; font-weight:600 !important; }
.badge-info{    background:#0a2e06 !important; color:#fff !important; font-size:10.5px !important; padding:4px 8px !important; border-radius:4px !important; font-weight:600 !important; }
.badge-danger{  background:#dc2626 !important; color:#fff !important; font-size:10.5px !important; padding:4px 8px !important; border-radius:4px !important; font-weight:600 !important; }
.badge-secondary{ background:#e5e7eb !important; color:#64748b !important; font-size:10.5px !important; padding:4px 8px !important; border-radius:4px !important; font-weight:600 !important; }



  /* ╔══════════════════════════════════════════════════════════════════╗
     ║  DN OVERLAY v7 — leads.datanavigator.io exact dashboard mirror   ║
     ║  Loaded LAST so wins over everything else.                        ║
     ╚══════════════════════════════════════════════════════════════════╝ */

  :root{
    --dn-brand:        #159001;
    --dn-brand-2:      #0e6b01;
    --dn-brand-deep:   #0a2e06;
    --dn-brand-glow:   #1ecc00;
    --dn-bg:           #f8fafc;
    --dn-surface:      #ffffff;
    --dn-border:       #e2e8f0;
    --dn-border-2:     #cbd5e1;
    --dn-ink:          #0f172a;
    --dn-ink-2:        #475569;
    --dn-muted:        #94a3b8;
    --dn-radius:       10px;
    --dn-radius-lg:    14px;
    --dn-shadow-sm:    0 1px 2px rgba(15,23,42,.05);
    --dn-shadow:       0 2px 6px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.04);
    --dn-shadow-lg:    0 10px 28px rgba(15,23,42,.10), 0 4px 8px rgba(15,23,42,.06);

    /* leads font scale (Tailwind v4 defaults that leads uses) */
    --dn-text-xs:   12px;   --dn-lh-xs:   16px;
    --dn-text-sm:   14px;   --dn-lh-sm:   20px;
    --dn-text-base: 16px;   --dn-lh-base: 24px;
    --dn-text-lg:   18px;   --dn-lh-lg:   28px;
    --dn-text-xl:   20px;   --dn-lh-xl:   28px;
    --dn-text-2xl:  24px;   --dn-lh-2xl:  32px;
    --dn-text-3xl:  30px;   --dn-lh-3xl:  36px;
    --dn-text-4xl:  36px;   --dn-lh-4xl:  40px;
  }

  /* ── 1. Global font baseline (leads tightens everything) ──────────── */
  body, .page_main, .home_blocks, .dn-shell, .form-control, .btn, table, .modal-body{
    font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    letter-spacing: -0.005em !important;
    color: var(--dn-ink) !important;
  }
  body, .page_main{ font-size: var(--dn-text-sm) !important; line-height: var(--dn-lh-sm) !important; }

  /* Headings cascade (matches leads' compact h1..h4) */
  h1, .h1{ font-size: var(--dn-text-3xl) !important; line-height: var(--dn-lh-3xl) !important; font-weight: 800 !important; letter-spacing: -0.02em !important; color: var(--dn-brand-deep) !important; }
  h2, .h2{ font-size: var(--dn-text-2xl) !important; line-height: var(--dn-lh-2xl) !important; font-weight: 700 !important; letter-spacing: -0.018em !important; color: var(--dn-brand-deep) !important; }
  h3, .h3{ font-size: var(--dn-text-xl)  !important; line-height: var(--dn-lh-xl)  !important; font-weight: 700 !important; letter-spacing: -0.014em !important; color: var(--dn-brand-deep) !important; }
  h4, .h4{ font-size: var(--dn-text-lg)  !important; line-height: var(--dn-lh-lg)  !important; font-weight: 600 !important; color: var(--dn-brand-deep) !important; }
  h5, .h5{ font-size: var(--dn-text-base)!important; line-height: var(--dn-lh-base)!important; font-weight: 600 !important; }
  h6, .h6{ font-size: var(--dn-text-sm)  !important; line-height: var(--dn-lh-sm)  !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: .04em !important; color: var(--dn-ink-2) !important; }

  label, .form-label{ font-size: var(--dn-text-sm) !important; line-height: var(--dn-lh-sm) !important; font-weight: 600 !important; color: var(--dn-ink) !important; margin-bottom: 6px !important; }
  small, .small, .text-xs{ font-size: var(--dn-text-xs) !important; line-height: var(--dn-lh-xs) !important; }

  /* ── 2. Filter SIDEBAR (.home_blocks .left .stiky_sidebar) ──────────
        leads renders filters as a clean white card with rounded chips.
     ─────────────────────────────────────────────────────────────────── */
  .home_blocks{ background: var(--dn-bg) !important; }
  .home_blocks .left{
    background: transparent !important;
    padding: 0 !important;
  }
  .home_blocks .left .stiky_sidebar,
  .home_blocks .filter_section,
  .home_blocks .filter_box,
  .filter_tab_content{
    background: var(--dn-surface) !important;
    border: 1px solid var(--dn-border) !important;
    border-radius: var(--dn-radius-lg) !important;
    padding: 16px !important;
    box-shadow: var(--dn-shadow) !important;
  }

  /* Filter section title */
  .filter_box .filter_title,
  .filter_section .filter_title,
  .input_select_filter::before{
    font-size: var(--dn-text-xs) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
    color: var(--dn-ink-2) !important;
  }

  /* ── 3. Filter input wrapper (every multi-select sits in this) ────── */
  .input_select_filter{
    background: #f1f5f9 !important;
    border: 1px solid var(--dn-border) !important;
    border-radius: var(--dn-radius) !important;
    padding: 4px 8px !important;
    margin-bottom: 10px !important;
    min-height: 40px !important;
    display: flex !important;
    align-items: center !important;
    transition: all .15s ease !important;
  }
  .input_select_filter:hover{
    border-color: var(--dn-border-2) !important;
    background: #ffffff !important;
  }
  .input_select_filter:focus-within{
    border-color: var(--dn-brand) !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(21,144,1,.12) !important;
    outline: none !important;
  }
  .input_select_filter input,
  .input_select_filter input::placeholder{
    font-size: var(--dn-text-sm) !important;
    font-weight: 500 !important;
    color: var(--dn-ink) !important;
    line-height: 1.4 !important;
  }
  .input_select_filter input::placeholder{ color: var(--dn-muted) !important; font-weight: 500 !important; }

  /* ── 4. select2 multi-select tokens — leads "filter chip" style ──── */
  .select2-container--default .select2-selection--multiple,
  .select2-container .select2-selection--multiple{
    background: transparent !important;
    border: none !important;
    min-height: 32px !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered{
    padding: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    align-items: center !important;
  }
  .select2-container--default .select2-selection--multiple .select2-selection__choice{
    background: linear-gradient(135deg, var(--dn-brand) 0%, var(--dn-brand-2) 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 999px !important;
    font-size: var(--dn-text-xs) !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    padding: 5px 10px 5px 12px !important;
    margin: 2px 4px 2px 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    box-shadow: 0 1px 3px rgba(21,144,1,.25) !important;
    transition: all .12s ease !important;
  }
  .select2-container--default .select2-selection--multiple .select2-selection__choice:hover{
    filter: brightness(1.05) !important;
    transform: translateY(-1px) !important;
  }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    color: #ffffff !important;
    opacity: .8 !important;
    margin: 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
  }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{ opacity: 1 !important; color: #fff !important; }

  /* select2 dropdown */
  .select2-dropdown{
    border: 1px solid var(--dn-border) !important;
    border-radius: var(--dn-radius) !important;
    box-shadow: var(--dn-shadow-lg) !important;
    overflow: hidden !important;
  }
  .select2-search--dropdown .select2-search__field{
    border: 1px solid var(--dn-border) !important;
    border-radius: 8px !important;
    padding: 8px 10px !important;
    font-size: var(--dn-text-sm) !important;
  }
  .select2-search--dropdown .select2-search__field:focus{
    border-color: var(--dn-brand) !important;
    box-shadow: 0 0 0 3px rgba(21,144,1,.12) !important;
    outline: none !important;
  }
  .select2-results__option{
    font-size: var(--dn-text-sm) !important;
    padding: 8px 12px !important;
    color: var(--dn-ink) !important;
  }
  .select2-container--default .select2-results__option--highlighted[aria-selected],
  .select2-container--default .select2-results__option--highlighted{
    background: var(--dn-brand) !important;
    color: #ffffff !important;
  }
  .select2-container--default .select2-results__option[aria-selected=true]{
    background: rgba(21,144,1,.08) !important;
    color: var(--dn-brand-deep) !important;
    font-weight: 600 !important;
  }

  /* ── 5. Filter tabs (.filter_link) — leads pill tabs ─────────────── */
  .filter_link, .filter_tabs a{
    font-size: var(--dn-text-sm) !important;
    font-weight: 600 !important;
    color: var(--dn-ink-2) !important;
    padding: 8px 14px !important;
    border-radius: 999px !important;
    background: #f1f5f9 !important;
    border: 1px solid transparent !important;
    margin: 0 6px 8px 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    text-decoration: none !important;
    transition: all .15s ease !important;
  }
  .filter_link:hover, .filter_tabs a:hover{
    background: rgba(21,144,1,.08) !important;
    color: var(--dn-brand-2) !important;
    border-color: rgba(21,144,1,.2) !important;
  }
  .filter_link.active, .filter_tabs a.active{
    background: linear-gradient(135deg, var(--dn-brand), var(--dn-brand-2)) !important;
    color: #ffffff !important;
    border-color: transparent !important;
    box-shadow: 0 4px 14px rgba(21,144,1,.35) !important;
  }

  /* ── 6. Search input (top of dashboard) ──────────────────────────── */
  .input_text, #searchinput, .home_blocks input[type="text"]:not(.select2-search__field){
    background: #ffffff !important;
    border: 1px solid var(--dn-border) !important;
    border-radius: var(--dn-radius) !important;
    padding: 10px 14px !important;
    font-size: var(--dn-text-sm) !important;
    font-weight: 500 !important;
    color: var(--dn-ink) !important;
    box-shadow: var(--dn-shadow-sm) !important;
    transition: all .15s ease !important;
    width: 100% !important;
    height: auto !important;
    min-height: 40px !important;
  }
  .input_text:focus, #searchinput:focus{
    border-color: var(--dn-brand) !important;
    box-shadow: 0 0 0 3px rgba(21,144,1,.12) !important;
    outline: none !important;
  }
  .input_text::placeholder, #searchinput::placeholder{ color: var(--dn-muted) !important; }

  /* ── 7. Apply / Reset / Action buttons ───────────────────────────── */
  .btn, .button, .submit_btn, button[type="submit"]{
    font-size: var(--dn-text-sm) !important;
    font-weight: 600 !important;
    padding: 9px 18px !important;
    border-radius: var(--dn-radius) !important;
    border: 1px solid transparent !important;
    letter-spacing: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    cursor: pointer !important;
    transition: all .15s ease !important;
    line-height: 1.2 !important;
    min-height: 38px !important;
  }
  .btn-primary, .btn.btn-primary, .submit_btn, .button.primary{
    background: linear-gradient(135deg, var(--dn-brand), var(--dn-brand-2)) !important;
    color: #ffffff !important;
    border-color: transparent !important;
    box-shadow: 0 4px 14px rgba(21,144,1,.30) !important;
  }
  .btn-primary:hover, .submit_btn:hover{
    filter: brightness(1.06) !important;
    box-shadow: 0 6px 20px rgba(21,144,1,.40) !important;
    transform: translateY(-1px) !important;
  }
  .btn-secondary, .btn.btn-secondary, .button.secondary, .reset_btn{
    background: #f1f5f9 !important;
    color: var(--dn-ink) !important;
    border-color: var(--dn-border) !important;
  }
  .btn-secondary:hover, .reset_btn:hover{ background: #e2e8f0 !important; }

  /* ── 8. Dashboard stat cards (top KPI tiles) ─────────────────────── */
  .dn-stat, .stat_card, .home_blocks .stat,
  .dashboard_stat, .stats_box{
    background: var(--dn-surface) !important;
    border: 1px solid var(--dn-border) !important;
    border-radius: var(--dn-radius-lg) !important;
    padding: 18px 20px !important;
    box-shadow: var(--dn-shadow-sm) !important;
  }
  .dn-stat .label, .stat_card .label{
    font-size: var(--dn-text-xs) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
    color: var(--dn-ink-2) !important;
    margin: 0 0 8px !important;
  }
  .dn-stat .value, .stat_card .value{
    font-size: var(--dn-text-3xl) !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    color: var(--dn-brand-deep) !important;
    letter-spacing: -0.02em !important;
  }

  /* ── 9. Lead/result table (.tbl_list) ────────────────────────────── */
  .tbl_list, .home_blocks .right table, .table.dataTable{
    background: var(--dn-surface) !important;
    border-radius: var(--dn-radius-lg) !important;
    overflow: hidden !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    font-size: var(--dn-text-sm) !important;
    width: 100% !important;
  }
  .tbl_list thead th, .table.dataTable thead th{
    background: #f8fafc !important;
    font-size: var(--dn-text-xs) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
    color: var(--dn-ink-2) !important;
    padding: 12px 14px !important;
    border: none !important;
    border-bottom: 1px solid var(--dn-border) !important;
    white-space: nowrap !important;
  }
  .tbl_list tbody td, .table.dataTable tbody td{
    font-size: var(--dn-text-sm) !important;
    padding: 12px 14px !important;
    border: none !important;
    border-bottom: 1px solid #f1f5f9 !important;
    color: var(--dn-ink) !important;
    vertical-align: middle !important;
  }
  .tbl_list tbody tr:hover, .table.dataTable tbody tr:hover{
    background: rgba(21,144,1,.025) !important;
  }

  /* ── 10. Page heads, breadcrumbs ─────────────────────────────────── */
  .dn-page-head, .page_title, .breadcrumb_box{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-bottom: 16px !important;
  }
  .page_title h1, .page_title h2, .breadcrumb_box h1, .breadcrumb_box h2{
    margin: 0 !important;
    font-size: var(--dn-text-2xl) !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    color: var(--dn-brand-deep) !important;
  }

  /* ── 11. Pagination ──────────────────────────────────────────────── */
  .pagination .page-item .page-link, .dataTables_paginate .paginate_button{
    font-size: var(--dn-text-sm) !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    margin: 0 2px !important;
    border: 1px solid var(--dn-border) !important;
    color: var(--dn-ink-2) !important;
    padding: 6px 12px !important;
    min-width: 34px !important;
    text-align: center !important;
  }
  .pagination .page-item.active .page-link,
  .dataTables_paginate .paginate_button.current{
    background: var(--dn-brand) !important;
    color: #ffffff !important;
    border-color: var(--dn-brand) !important;
  }

  /* ── 12. Apply Filters big button (sticky bottom of sidebar) ─────── */
  .apply_filter_btn, #apply_filter, .filter_apply_btn,
  .home_blocks .left .submit_btn{
    width: 100% !important;
    padding: 12px 18px !important;
    font-size: var(--dn-text-sm) !important;
    font-weight: 700 !important;
    margin-top: 8px !important;
    background: linear-gradient(135deg, var(--dn-brand), var(--dn-brand-2)) !important;
    color: #fff !important;
    border-radius: var(--dn-radius) !important;
    box-shadow: 0 4px 14px rgba(21,144,1,.35) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
  }
  .apply_filter_btn:hover, #apply_filter:hover{
    filter: brightness(1.06) !important;
    box-shadow: 0 6px 20px rgba(21,144,1,.45) !important;
    transform: translateY(-1px) !important;
  }

  /* ── 13. Sidebar nav (left rail) ─────────────────────────────────── */
  .sidebar_nav a, .left_menu li a{
    font-size: var(--dn-text-sm) !important;
    font-weight: 500 !important;
    padding: 10px 14px !important;
    border-radius: 8px !important;
    color: var(--dn-ink-2) !important;
  }
  .sidebar_nav a.active, .left_menu li.active a, .left_menu li a.active{
    background: rgba(21,144,1,.08) !important;
    color: var(--dn-brand-2) !important;
    font-weight: 700 !important;
  }

  /* ── 14. Modal sizing ───────────────────────────────────────────── */
  .modal-content{
    border-radius: var(--dn-radius-lg) !important;
    border: none !important;
    box-shadow: var(--dn-shadow-lg) !important;
  }
  .modal-header, .modal-footer{ border: none !important; padding: 18px 22px !important; }
  .modal-body{ padding: 18px 22px !important; font-size: var(--dn-text-sm) !important; }
  .modal-title{ font-size: var(--dn-text-lg) !important; font-weight: 700 !important; color: var(--dn-brand-deep) !important; }

  /* ── 15. Responsive: leads narrows the sidebar at mid widths ────── */
  @media (min-width: 1024px) and (max-width: 1399px){
    body, .page_main{ font-size: 13.5px !important; }
    .home_blocks .left .stiky_sidebar{ padding: 14px !important; }
    .input_select_filter{ min-height: 38px !important; padding: 3px 6px !important; margin-bottom: 8px !important; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice{ font-size: 11.5px !important; padding: 4px 9px 4px 11px !important; }
  }
  @media (max-width: 1023px){
    h1, .h1{ font-size: var(--dn-text-2xl) !important; }
    h2, .h2{ font-size: var(--dn-text-xl)  !important; }
    .input_select_filter{ margin-bottom: 8px !important; }
  }

  /* ── 16. Scrollable filter sidebar (leads sticky behavior) ──────── */
  .home_blocks .left .stiky_sidebar{
    position: sticky !important;
    top: 80px !important;
    max-height: calc(100vh - 100px) !important;
    overflow-y: auto !important;
    scrollbar-width: thin !important;
    scrollbar-color: var(--dn-border-2) transparent !important;
  }
  .home_blocks .left .stiky_sidebar::-webkit-scrollbar{ width: 6px !important; }
  .home_blocks .left .stiky_sidebar::-webkit-scrollbar-thumb{ background: var(--dn-border-2) !important; border-radius: 3px !important; }
  .home_blocks .left .stiky_sidebar::-webkit-scrollbar-track{ background: transparent !important; }

  /* ── 17. Ensure dn-theme.css overrides any select2 inline width ── */
  .input_select_filter .select2-container,
  .input_select_filter .select2{ width: 100% !important; min-width: 0 !important; }

  /* end DN OVERLAY v7 */
  

  /* === DN POLISH v2 — filter sidebar + data table === */
  .stiky_sidebar, .sidebar-filter-wrapper {
    background: #fff !important;
    border: 1px solid #e8efe5 !important;
    border-radius: 14px !important;
    box-shadow: 0 1px 3px rgba(10,46,6,.04), 0 6px 24px -10px rgba(10,46,6,.06) !important;
    padding: 18px 16px !important;
  }
  .title_sidebar_filter, .sidefilter_title, .title_filter {
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    color: #0a2e06 !important;
    border-bottom: 1px solid #e8efe5 !important;
    padding-bottom: 10px !important;
    margin-bottom: 14px !important;
  }
  .filter_tabs, .filter_items, .filter_link, .input_select_filter {
    border-radius: 10px !important;
    transition: all .15s !important;
  }
  .filter_link {
    display: flex !important;
    align-items: center !important;
    padding: 8px 12px !important;
    color: #2d3a2c !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    border: 1px solid transparent !important;
    margin-bottom: 4px !important;
  }
  .filter_link:hover, .filter_link.active {
    background: #ecf6e9 !important;
    color: #0e6b01 !important;
    border-color: #c6e4be !important;
    text-decoration: none !important;
  }
  .input_select_filter, .stiky_sidebar select, .stiky_sidebar input[type="text"] {
    border: 1px solid #d8e2d3 !important;
    background: #fbfdf9 !important;
    font-size: 13px !important;
    padding: 9px 12px !important;
  }
  .input_select_filter:focus, .stiky_sidebar select:focus, .stiky_sidebar input:focus {
    border-color: #159001 !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(21,144,1,.12) !important;
    outline: none !important;
  }
  .data_table, .data_serch_filter, .filters_detail {
    background: #fff !important;
    border: 1px solid #e8efe5 !important;
    border-radius: 14px !important;
    box-shadow: 0 1px 3px rgba(10,46,6,.04), 0 6px 24px -10px rgba(10,46,6,.06) !important;
    overflow: hidden !important;
  }
  .data_table table, .data_serch_filter table, table.table {
    margin: 0 !important;
  }
  .data_table thead th, .data_serch_filter thead th, table.table thead th {
    background: #f6faf3 !important;
    color: #0a2e06 !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    padding: 14px 16px !important;
    border-bottom: 2px solid #e8efe5 !important;
    border-top: 0 !important;
  }
  .data_table tbody td, .data_serch_filter tbody td, table.table tbody td {
    padding: 14px 16px !important;
    border-top: 1px solid #f1f5ee !important;
    font-size: 13px !important;
    vertical-align: middle !important;
  }
  .data_table tbody tr, table.table tbody tr { transition: background .12s !important; }
  .data_table tbody tr:hover, table.table tbody tr:hover { background: #fafdf8 !important; }
  .actions a, .actions button {
    border-radius: 8px !important;
    padding: 6px 10px !important;
    font-size: 12px !important;
    transition: all .12s !important;
  }
  .cstm_btn, .btn-primary {
    background: linear-gradient(180deg,#1ecc00 0%,#159001 100%) !important;
    border: 1px solid #0e6b01 !important;
    color: #fff !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    padding: 9px 18px !important;
    box-shadow: 0 1px 0 rgba(255,255,255,.2) inset, 0 2px 6px rgba(21,144,1,.18) !important;
    transition: all .15s !important;
  }
  .cstm_btn:hover, .btn-primary:hover {
    filter: brightness(1.05);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(21,144,1,.28) !important;
  }
  .defualt_light, .btn-secondary {
    background: #fff !important;
    border: 1px solid #d8e2d3 !important;
    color: #2d3a2c !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    padding: 9px 18px !important;
  }
  .defualt_light:hover, .btn-secondary:hover {
    background: #f1f7ee !important;
    border-color: #159001 !important;
    color: #0e6b01 !important;
  }
  .badge { padding: 5px 10px !important; border-radius: 999px !important; font-weight: 600 !important; font-size: 11px !important; }
  .badge-success { background: #dff5d8 !important; color: #0e6b01 !important; }
  .badge-danger  { background: #fde4e4 !important; color: #b00020 !important; }
  .badge-warning { background: #fff3d6 !important; color: #8a5a00 !important; }
  .badge-info    { background: #dcecf8 !important; color: #0a4a78 !important; }
  .badge-secondary { background: #ecefe9 !important; color: #4a554a !important; }
  .dn-page-head { display:flex; justify-content:space-between; align-items:flex-end; gap:16px; margin-bottom:22px; flex-wrap:wrap; }
  .dn-title { font-size: 24px !important; font-weight: 700 !important; color: #0a2e06 !important; margin: 0 0 4px !important; letter-spacing: -.01em; }
  .dn-sub { color: #6b766a; font-size: 13.5px; margin: 0; }
  .card { border: 1px solid #e8efe5 !important; border-radius: 14px !important; box-shadow: 0 1px 3px rgba(10,46,6,.04), 0 6px 24px -10px rgba(10,46,6,.06) !important; }
  .card-header { background: #f6faf3 !important; border-bottom: 1px solid #e8efe5 !important; padding: 14px 18px !important; }
  .card-header .card-title { font-size: 14px !important; font-weight: 700 !important; color: #0a2e06 !important; margin: 0 !important; }
  .dn-empty { text-align:center; padding:60px 20px; color:#6b766a; }
  .dn-empty-icon { font-size: 56px; margin-bottom:14px; opacity:.7; }
  .dn-empty h3 { color:#0a2e06; font-size:18px; font-weight:700; margin-bottom:6px; }
  .alert { border-radius: 10px !important; border: 1px solid !important; padding: 12px 16px !important; }
  .alert-success { background: #ecf6e9 !important; border-color: #c6e4be !important; color: #0e6b01 !important; }
  .alert-danger  { background: #fde9e9 !important; border-color: #f5c2c2 !important; color: #b00020 !important; }
  input.form-control, select.form-control, textarea.form-control {
    border: 1px solid #d8e2d3 !important;
    border-radius: 10px !important;
    padding: 10px 14px !important;
    font-size: 13.5px !important;
    background: #fbfdf9 !important;
    transition: all .12s !important;
  }
  input.form-control:focus, select.form-control:focus, textarea.form-control:focus {
    border-color: #159001 !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(21,144,1,.12) !important;
  }
  label { font-size: 12.5px !important; font-weight: 600 !important; color: #2d3a2c !important; margin-bottom: 6px !important; }
  

  /* === DN POLISH v3 — global page treatment === */
  body { background: #f4f7f1 !important; color: #0a2e06; }
  .main_layout, .container, main { background: transparent; }
  .dn-page-head .dn-title { background: linear-gradient(90deg,#0a2e06 0%,#159001 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
  .dn-page-head .btn { white-space: nowrap; }

  /* Cards: lift + soft border */
  .card { transition: box-shadow .18s, transform .18s; }
  .card:hover { box-shadow: 0 2px 4px rgba(10,46,6,.05), 0 14px 36px -10px rgba(10,46,6,.12) !important; }

  /* Modern primary CTA gradient like the React reference */
  .btn-primary, .cstm_btn {
    background-image: linear-gradient(135deg,#159001 0%,#0e6b01 100%) !important;
    border: 0 !important;
    letter-spacing: .01em;
  }
  .btn-primary:focus, .cstm_btn:focus { box-shadow: 0 0 0 4px rgba(21,144,1,.18) !important; }

  /* Outline buttons */
  .btn-outline-success { border:1px solid #159001 !important; color:#0e6b01 !important; background:#fff !important; border-radius:8px !important; }
  .btn-outline-success:hover { background:#ecf6e9 !important; }
  .btn-outline-warning { border:1px solid #d4901a !important; color:#8a5a00 !important; background:#fff !important; border-radius:8px !important; }
  .btn-danger { background:#dc3545 !important; border:0 !important; border-radius:8px !important; }

  /* Tables: striped feel without stripes */
  table.table tbody tr:nth-child(even) td { background: #fafdf8; }
  table.table tbody tr:hover td { background: #f1f8ee !important; }

  /* Pagination */
  .pagination .page-link { border:1px solid #e8efe5 !important; color:#0e6b01 !important; border-radius:8px !important; margin:0 2px !important; }
  .pagination .page-item.active .page-link { background: linear-gradient(135deg,#159001,#0e6b01) !important; border-color:#0e6b01 !important; color:#fff !important; }

  /* Inputs/selects on dashboards */
  .form-control:focus { border-color:#159001 !important; box-shadow: 0 0 0 3px rgba(21,144,1,.12) !important; }

  /* AI Search filter tags — clickable styling */
  .dn-ai-tag { display:inline-flex; align-items:center; gap:6px; padding:5px 11px; margin:3px; background:#ecf6e9; color:#0e6b01; border:1px solid #c6e4be; border-radius:999px; font-size:12px; font-weight:600; }
  .dn-ai-tag b { color:#0a2e06; text-transform:uppercase; font-size:10.5px; letter-spacing:.04em; }
  .dn-ai-actions { margin-top:14px; display:flex; gap:8px; flex-wrap:wrap; }
  .dn-ai-action-btn { display:inline-flex; align-items:center; padding:8px 14px; background: linear-gradient(135deg,#159001,#0e6b01); color:#fff !important; border-radius:8px; text-decoration:none !important; font-weight:600; font-size:13px; transition:all .15s; }
  .dn-ai-action-btn:hover { transform:translateY(-1px); box-shadow: 0 4px 12px rgba(21,144,1,.28); }

  /* Header: tighter alignment */
  .header { background:#fff; border-bottom:1px solid #e8efe5; box-shadow: 0 1px 0 rgba(10,46,6,.02); }
  
  /* === DN POLISH v4 — alignment, menus, filters, page consistency === */

  /* ── Wrapper & main page rhythm ─────────────────────────────── */
  .wrapper { min-height: 100vh; display: flex; flex-direction: column; background: #f4f7f1; }
  .page_main { flex: 1; padding: 0; }
  .page_main > .container,
  .page_main > .container-fluid { padding-top: 24px !important; padding-bottom: 40px !important; }
  @media (min-width: 1280px) { .page_main > .container { max-width: 1240px; } }

  /* ── Header: lock to one row, consistent spacing ────────────── */
  .header { position: sticky; top: 0; z-index: 50; background: #fff !important; border-bottom: 1px solid #e3ebde; box-shadow: 0 1px 3px rgba(10,46,6,.04); padding: 8px 0; }
  .header .main_header { display: flex; align-items: center; gap: 18px; flex-wrap: nowrap; min-height: 56px; }
  .header .logo { flex: 0 0 auto; }
  .header .logo img { height: 40px !important; width: auto !important; }
  .header .main_nav { flex: 1; display: flex; align-items: center; justify-content: space-between; gap: 16px; min-width: 0; }
  .header .right_nav { flex: 0 0 auto; }

  /* Header navigation pills (inside header.blade.php) */
  .left_nav { gap: 14px !important; }
  .left_block { gap: 4px !important; }
  .right_block { gap: 6px !important; }

  /* Web Guide / Upgrade buttons in header */
  .header .cstm_btn { padding: 7px 14px !important; font-size: 12.5px !important; border-radius: 8px !important; line-height: 1 !important; height: auto !important; }
  .header .cstm_btn.defualt_light { background: #fff !important; color: #0e6b01 !important; border: 1px solid #159001 !important; }
  .header .cstm_btn:not(.defualt_light) { background: linear-gradient(135deg,#159001,#0e6b01) !important; color:#fff !important; border:0 !important; }

  /* User dropdown */
  .header_dropdown .dropdown-toggle { display:inline-flex !important; align-items:center; gap:8px; padding: 6px 10px !important; border-radius: 999px !important; background: #f4f7f1 !important; border: 1px solid #e3ebde !important; }
  .header_dropdown .admin_img { border-radius: 50%; }
  .header_dropdown .admin_label { background: linear-gradient(135deg,#159001,#0e6b01); color:#fff; border-radius:6px; padding:2px 7px; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; margin-left:4px; }
  .dropdown-menu { border-radius: 12px !important; border: 1px solid #e3ebde !important; box-shadow: 0 12px 30px rgba(10,46,6,.12) !important; padding: 8px !important; min-width: 240px !important; }
  .dropdown-item { border-radius: 8px !important; padding: 9px 12px !important; font-size: 13px !important; }
  .dropdown-item:hover { background:#ecf6e9 !important; color:#0e6b01 !important; }

  /* ── Left filter sidebar alignment ──────────────────────────── */
  .filter_main, .filter_sidebar, aside.filter, .left_filter, .filter_block { background: #fff; border: 1px solid #e3ebde; border-radius: 14px; padding: 14px 12px; box-shadow: 0 1px 2px rgba(10,46,6,.03); }
  .filter_main h3, .filter_sidebar h3, .filter_main .filter_title, .filter_sidebar .filter_title { font-size: 13px !important; font-weight: 800 !important; text-transform: uppercase; letter-spacing: .06em; color: #5a6c54; margin: 6px 4px 12px !important; }
  .filter_field, .filter_item, .accordion-item, .filter_main .form-group { background:#f8faf6 !important; border:1px solid #e3ebde !important; border-radius:10px !important; padding: 10px 12px !important; margin-bottom: 8px !important; transition: all .15s; }
  .filter_field:hover, .filter_item:hover, .filter_main .form-group:hover { border-color:#a9d39d !important; background:#fff !important; }
  .filter_main label, .filter_sidebar label { font-weight: 600 !important; font-size: 12.5px !important; color: #0a2e06 !important; margin: 0 !important; cursor: pointer; }
  .filter_main .form-control, .filter_sidebar .form-control { border:0 !important; background:transparent !important; padding: 4px 0 0 !important; height: auto !important; box-shadow: none !important; font-size: 13px !important; }
  .filter_main .select2-container, .filter_sidebar .select2-container { width: 100% !important; }
  .filter_main .select2-selection, .filter_sidebar .select2-selection { border:0 !important; background:transparent !important; height: 28px !important; }

  /* Filter search box at top */
  .filter_search, .filter_main input[type=search] { background:#fff !important; border:1px solid #d6e1d2 !important; border-radius:10px !important; padding: 9px 12px 9px 34px !important; font-size: 13px !important; }
  .filter_search:focus { border-color: #159001 !important; box-shadow: 0 0 0 3px rgba(21,144,1,.12) !important; }

  /* ── Main content card next to filter sidebar ──────────────── */
  .main_content_card, .right_dashboard, .dashboard_main, .main_panel { background: #fff; border:1px solid #e3ebde; border-radius: 14px; padding: 16px 18px; box-shadow: 0 1px 2px rgba(10,46,6,.03); }

  /* ── Tabs row (Total / Net New / Saved) ────────────────────── */
  .dashboard_tabs, .filter_link_wrap, .nav-tabs { display:flex; gap:6px; border-bottom: 1px solid #e3ebde !important; padding: 0 4px; }
  .filter_link, .nav-tabs .nav-link { background: transparent !important; border: 0 !important; border-bottom: 3px solid transparent !important; border-radius: 0 !important; padding: 10px 16px !important; font-weight: 600 !important; color: #6b7a64 !important; }
  .filter_link.active, .nav-tabs .nav-link.active { color: #0e6b01 !important; border-bottom-color: #159001 !important; background:transparent !important; }
  .filter_link:hover { color:#0e6b01 !important; }

  /* ── Page head consistency on every page ───────────────────── */
  .dn-page-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom: 20px; padding-bottom: 14px; border-bottom: 1px solid #e3ebde; flex-wrap: wrap; }
  .dn-page-head .dn-title { margin:0 0 4px !important; font-size: 22px !important; font-weight: 800 !important; line-height: 1.2; }
  .dn-page-head .dn-sub { margin:0 !important; color:#5a6c54 !important; font-size: 13.5px; }

  /* ── Tables (DataTables + plain) ───────────────────────────── */
  .table { margin-bottom: 0; }
  .table thead th { background:#f4f7f1 !important; color:#0a2e06 !important; font-weight:700 !important; text-transform:uppercase; font-size: 11.5px; letter-spacing:.05em; border-bottom: 1px solid #e3ebde !important; padding: 12px 14px !important; }
  .table tbody td { padding: 12px 14px !important; border-top: 1px solid #f0f4ed !important; vertical-align: middle; font-size: 13.5px; }
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter,
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate { padding: 10px 14px !important; }
  .dataTables_filter input { border:1px solid #d6e1d2 !important; border-radius:8px !important; padding: 6px 10px !important; margin-left: 8px; }

  /* ── Quick Action column icons (LinkedIn/Facebook/Twitter/site) */
  .company_img img, td a.company_img img { width:18px !important; height:18px !important; opacity:.85; transition: transform .15s, opacity .15s; }
  .company_img:hover img { opacity:1; transform: translateY(-1px); }

  /* ── Empty state ────────────────────────────────────────────── */
  .dn-empty { text-align:center; padding: 56px 20px; color:#5a6c54; }
  .dn-empty-icon { font-size: 44px; margin-bottom: 12px; opacity:.85; }
  .dn-empty h3 { margin: 0 0 6px; font-size: 18px; color:#0a2e06; }
  .dn-empty p { margin: 0 0 12px; font-size: 13.5px; }

  /* ── Forms throughout app ───────────────────────────────────── */
  .form-group { margin-bottom: 14px; }
  .form-group label { font-weight: 600 !important; color: #0a2e06 !important; font-size: 13px; margin-bottom: 5px !important; }
  .form-control, select.form-control, textarea.form-control { border: 1px solid #d6e1d2 !important; border-radius: 9px !important; padding: 9px 12px !important; font-size: 13.5px !important; box-shadow:none !important; transition: all .15s; }
  .form-control:focus { border-color: #159001 !important; box-shadow: 0 0 0 3px rgba(21,144,1,.12) !important; }

  /* ── Cards ──────────────────────────────────────────────────── */
  .card { border: 1px solid #e3ebde !important; border-radius: 14px !important; box-shadow: 0 1px 2px rgba(10,46,6,.03) !important; margin-bottom: 18px; }
  .card-header { background: #f8faf6 !important; border-bottom: 1px solid #e3ebde !important; border-radius: 14px 14px 0 0 !important; padding: 14px 18px !important; }
  .card-header .card-title { margin:0; font-size: 15px; font-weight: 700; color:#0a2e06; }
  .card-body { padding: 18px !important; }

  /* ── Alerts ─────────────────────────────────────────────────── */
  .alert { border:0 !important; border-radius:10px !important; padding: 12px 14px !important; }
  .alert-success { background:#e8f5e6 !important; color:#0a4d02 !important; }
  .alert-danger { background:#fde8e8 !important; color:#7a1212 !important; }

  /* ── Mobile alignment ───────────────────────────────────────── */
  @media (max-width: 992px) {
    .header .main_header { flex-wrap: wrap; }
    .left_nav { gap: 6px !important; flex-wrap: wrap !important; }
  }
  @media (max-width: 768px) {
    .dn-page-head { flex-direction: column; }
  }