/* ═══════════════════════════════════════════════════════════════════════════
   DN POLISH v5 — Premium UI Overlay
   Loaded LAST after dn-theme.css / dn-admin-theme.css so it wins the cascade.
   Targets the front (user) and admin layouts. Focus: user panel + filters +
   typography + page polish. All selectors use !important to defeat legacy CSS.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ═══ 1. TYPOGRAPHY — Inter web font, consistent vertical rhythm ═══ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap');

:root{
  --dn-g:#159001;
  --dn-g-dark:#0e6b01;
  --dn-g-deep:#0a2e06;
  --dn-g-light:#1ecc00;
  --dn-g-50:#ecfaeb;
  --dn-g-100:#d3f3cf;
  --dn-g-200:#a8e6a0;
  --dn-ink:#0f1a0e;
  --dn-ink-2:#475042;
  --dn-ink-3:#7a857a;
  --dn-line:#e1e8df;
  --dn-line-2:#eef2ec;
  --dn-bg:#f4f7f3;
  --dn-bg-2:#fafcf9;
  --dn-card:#ffffff;
  --dn-shadow-sm:0 1px 3px rgba(10,46,6,.05), 0 1px 2px rgba(10,46,6,.04);
  --dn-shadow-md:0 4px 12px rgba(10,46,6,.06), 0 2px 4px rgba(10,46,6,.04);
  --dn-shadow-lg:0 12px 32px rgba(10,46,6,.10), 0 4px 8px rgba(10,46,6,.05);
  --dn-shadow-glow:0 0 0 4px rgba(21,144,1,.10);
  --dn-rad-sm:8px;
  --dn-rad:12px;
  --dn-rad-lg:16px;
  --dn-grad-brand:linear-gradient(135deg,#159001 0%,#1ecc00 100%);
  --dn-grad-brand-soft:linear-gradient(135deg,#ecfaeb 0%,#d3f3cf 100%);
  --dn-grad-deep:linear-gradient(135deg,#0e6b01 0%,#0a2e06 100%);
}

html, body, .wrapper, .page_main, input, textarea, select, button, .form-control{
  font-family:'Inter','Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;
  font-feature-settings:'cv02','cv03','cv04','cv11' !important;
  -webkit-font-smoothing:antialiased !important;
  -moz-osx-font-smoothing:grayscale !important;
}

body{
  background:var(--dn-bg) !important;
  color:var(--dn-ink) !important;
  font-size:14px !important;
  line-height:1.55 !important;
}

h1,h2,h3,h4,h5,h6{
  font-family:'Plus Jakarta Sans','Inter',sans-serif !important;
  letter-spacing:-.015em !important;
  color:var(--dn-ink) !important;
  font-weight:700 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   2. USER PANEL (top-right avatar dropdown) — premium glass pill
   Targets: .header_dropdown, .right_nav, .admin_*, dropdown menu
   ═══════════════════════════════════════════════════════════════════════════ */

.header{
  background:rgba(255,255,255,.85) !important;
  backdrop-filter:saturate(180%) blur(14px) !important;
  -webkit-backdrop-filter:saturate(180%) blur(14px) !important;
  border-bottom:1px solid var(--dn-line) !important;
  box-shadow:var(--dn-shadow-sm) !important;
  padding:12px 0 !important;
  position:sticky !important;
  top:0 !important;
  z-index:100 !important;
}

/* The top-right user pill (TRIGGER) */
.header_dropdown{ position:relative; }
.header_dropdown .dropdown-toggle{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:5px 14px 5px 5px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#ffffff 0%, var(--dn-g-50) 100%) !important;
  border:1.5px solid var(--dn-line) !important;
  color:var(--dn-ink) !important;
  font-weight:600 !important;
  font-size:13.5px !important;
  text-decoration:none !important;
  transition:all .2s cubic-bezier(.4,0,.2,1) !important;
  box-shadow:var(--dn-shadow-sm) !important;
  cursor:pointer !important;
  position:relative !important;
}
.header_dropdown .dropdown-toggle::before{
  content:''; position:absolute; inset:-2px; border-radius:999px;
  background:var(--dn-grad-brand); z-index:-1; opacity:0; transition:opacity .2s;
}
.header_dropdown .dropdown-toggle:hover{
  border-color:var(--dn-g) !important;
  transform:translateY(-1px) !important;
  box-shadow:0 6px 18px rgba(21,144,1,.18), var(--dn-shadow-md) !important;
}
.header_dropdown .dropdown-toggle:hover::before{ opacity:.08; }
.header_dropdown .dropdown-toggle::after{
  border:none !important;
  width:14px; height:14px;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e6b01' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") no-repeat center/contain !important;
  margin-left:4px !important;
  transition:transform .2s !important;
}
.header_dropdown.show .dropdown-toggle::after{ transform:rotate(180deg) !important; }

.header_dropdown .admin_img{
  width:32px !important;
  height:32px !important;
  border-radius:50% !important;
  border:2px solid #ffffff !important;
  box-shadow:0 0 0 2px var(--dn-g), 0 2px 6px rgba(10,46,6,.15) !important;
  object-fit:cover !important;
  flex-shrink:0 !important;
}
.header_dropdown .admin_name{
  font-weight:600 !important;
  color:var(--dn-ink) !important;
  font-size:13.5px !important;
  letter-spacing:-.01em !important;
}
.header_dropdown .admin_label{
  background:var(--dn-grad-brand) !important;
  color:#fff !important;
  padding:3px 9px !important;
  border-radius:999px !important;
  font-size:9.5px !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
  letter-spacing:.7px !important;
  margin-left:4px !important;
  box-shadow:0 1px 3px rgba(21,144,1,.3) !important;
  line-height:1.2 !important;
  display:inline-block !important;
}

/* User dropdown menu (PANEL) */
.header_dropdown .dropdown-menu{
  border:1px solid var(--dn-line) !important;
  border-radius:var(--dn-rad-lg) !important;
  box-shadow:var(--dn-shadow-lg) !important;
  padding:6px !important;
  margin-top:10px !important;
  min-width:280px !important;
  background:#fff !important;
  overflow:hidden !important;
  animation:dnDropIn .18s cubic-bezier(.4,0,.2,1) !important;
}
@keyframes dnDropIn{ from{opacity:0;transform:translateY(-6px) scale(.98);} to{opacity:1;transform:translateY(0) scale(1);} }

/* Profile header card inside the dropdown */
.header_dropdown .dropdown-menu .admin_item{
  background:var(--dn-grad-brand-soft) !important;
  border-radius:var(--dn-rad) !important;
  padding:14px !important;
  margin-bottom:6px !important;
  position:relative !important;
  overflow:hidden !important;
}
.header_dropdown .dropdown-menu .admin_item::before{
  content:''; position:absolute; top:-30px; right:-30px;
  width:90px; height:90px; border-radius:50%;
  background:radial-gradient(circle,rgba(21,144,1,.18) 0%,transparent 70%);
}
.header_dropdown .dropdown-menu .admin_item .dropdown-item{
  display:flex !important; align-items:center !important; gap:12px !important;
  padding:0 !important; background:transparent !important;
  position:relative !important;
}
.header_dropdown .dropdown-menu .admin_item .dropdown-item:hover{ background:transparent !important; }
.header_dropdown .dropdown-menu .p_img{
  width:46px !important; height:46px !important;
  border-radius:50% !important;
  border:3px solid #fff !important;
  box-shadow:0 2px 8px rgba(10,46,6,.18) !important;
  object-fit:cover !important;
  flex-shrink:0 !important;
}
.header_dropdown .dropdown-menu .p_name{
  font-weight:700 !important;
  color:var(--dn-g-deep) !important;
  display:block !important;
  font-size:14.5px !important;
  letter-spacing:-.01em !important;
}
.header_dropdown .dropdown-menu .p_name .admin_label{
  margin-left:6px !important; vertical-align:1px !important;
}
.header_dropdown .dropdown-menu .p_mail{
  font-size:12px !important;
  color:var(--dn-ink-2) !important;
  margin:2px 0 0 !important;
  font-weight:500 !important;
}

/* Menu items */
.header_dropdown .dropdown-menu .item .dropdown-item{
  display:flex !important; align-items:center !important; gap:10px !important;
  padding:9px 12px !important; font-size:13.5px !important;
  color:var(--dn-ink) !important; font-weight:500 !important;
  border-radius:8px !important;
  margin:1px 0 !important;
  transition:all .12s !important;
}
.header_dropdown .dropdown-menu .item .dropdown-item:hover{
  background:var(--dn-g-50) !important;
  color:var(--dn-g-dark) !important;
  transform:translateX(2px) !important;
}
.header_dropdown .dropdown-menu .item .admin_img,
.header_dropdown .dropdown-menu .item img{
  width:16px !important; height:16px !important; opacity:.7 !important;
  filter:hue-rotate(85deg) saturate(1.4) brightness(.85) !important;
}
.header_dropdown .dropdown-menu .item .dropdown-item:hover img{ opacity:1 !important; }
.header_dropdown .dropdown-menu .devider{
  height:1px !important; background:var(--dn-line) !important;
  margin:6px 4px !important;
}
.header_dropdown .dropdown-menu .logout .dropdown-item{
  color:#dc2626 !important; font-weight:600 !important;
}
.header_dropdown .dropdown-menu .logout .dropdown-item:hover{
  background:#fef2f2 !important; color:#b91c1c !important;
}
.header_dropdown .dropdown-menu .logout .dropdown-item img{
  filter:invert(34%) sepia(86%) saturate(2200%) hue-rotate(340deg) brightness(95%) contrast(95%) !important;
  opacity:.85 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   3. FILTERS SIDEBAR — premium card with gradient header, chip pills
   Targets: .stiky_sidebar, .filters_detail, .sidebar-filter-wrapper,
            .input_select_filter, .sidefilter_title, select2 multi-select
   ═══════════════════════════════════════════════════════════════════════════ */

.home_blocks .left .stiky_sidebar,
.stiky_sidebar{
  background:var(--dn-card) !important;
  border:1px solid var(--dn-line) !important;
  border-radius:var(--dn-rad-lg) !important;
  box-shadow:var(--dn-shadow-md) !important;
  padding:0 !important;
  overflow:hidden !important;
  position:sticky !important;
  top:88px !important;
  max-height:calc(100vh - 110px) !important;
  display:flex !important;
  flex-direction:column !important;
}

/* Search box at top of filter sidebar */
.stiky_sidebar .data_serch_filter{
  padding:14px 16px !important;
  border-bottom:1px solid var(--dn-line-2) !important;
  background:var(--dn-bg-2) !important;
  position:relative !important;
  flex-shrink:0 !important;
}
.stiky_sidebar .data_serch_filter::before{
  content:''; position:absolute; left:26px; top:50%; transform:translateY(-50%);
  width:16px; height:16px;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a857a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>") no-repeat center/contain;
  z-index:2; pointer-events:none;
}
.stiky_sidebar .data_serch_filter .input_text,
.stiky_sidebar .data_serch_filter input[type=text]{
  width:100% !important;
  padding:10px 12px 10px 36px !important;
  border:1.5px solid var(--dn-line) !important;
  border-radius:10px !important;
  background:#fff !important;
  font-size:13.5px !important;
  color:var(--dn-ink) !important;
  font-weight:500 !important;
  transition:all .15s !important;
  box-shadow:var(--dn-shadow-sm) !important;
}
.stiky_sidebar .data_serch_filter .input_text:focus,
.stiky_sidebar .data_serch_filter input[type=text]:focus{
  border-color:var(--dn-g) !important;
  outline:none !important;
  box-shadow:var(--dn-shadow-glow), var(--dn-shadow-sm) !important;
}
.stiky_sidebar .data_serch_filter .refresh_search{
  position:absolute !important;
  right:24px !important; top:50% !important; transform:translateY(-50%) !important;
  width:22px !important; height:22px !important;
  background:var(--dn-line) !important;
  border-radius:50% !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  font-size:12px !important; font-weight:700 !important;
  color:var(--dn-ink-2) !important;
  cursor:pointer !important;
  border:none !important;
  transition:all .15s !important;
}
.stiky_sidebar .data_serch_filter .refresh_search:hover{
  background:#dc2626 !important; color:#fff !important;
}

/* Filter title bar */
.filters_detail .sidefilter_title,
.sidefilter_title{
  padding:14px 18px !important;
  background:var(--dn-grad-brand-soft) !important;
  border-bottom:1px solid var(--dn-g-100) !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  flex-shrink:0 !important;
  position:relative !important;
  overflow:hidden !important;
}
.sidefilter_title::before{
  content:''; position:absolute; left:0; top:0; bottom:0; width:4px;
  background:var(--dn-grad-brand);
}
.sidefilter_title h4{
  margin:0 !important;
  font-size:15px !important;
  font-weight:800 !important;
  color:var(--dn-g-deep) !important;
  display:flex !important; align-items:center !important; gap:8px !important;
  letter-spacing:-.01em !important;
}
.sidefilter_title h4::before{
  content:''; display:inline-block; width:18px; height:18px;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e6b01' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><polygon points='22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3'/></svg>") no-repeat center/contain;
}

/* Body area — scrollable filter list */
.filters_detail,
.sidebar-filter-wrapper{
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:14px 14px 80px !important;
  margin:0 !important;
  overflow-y:auto !important;
  flex:1 !important;
  scrollbar-width:thin !important;
  scrollbar-color:var(--dn-g-200) transparent !important;
}
.filters_detail::-webkit-scrollbar,
.sidebar-filter-wrapper::-webkit-scrollbar{ width:6px !important; }
.filters_detail::-webkit-scrollbar-thumb,
.sidebar-filter-wrapper::-webkit-scrollbar-thumb{
  background:var(--dn-g-200) !important; border-radius:3px !important;
}
.filters_detail::-webkit-scrollbar-thumb:hover,
.sidebar-filter-wrapper::-webkit-scrollbar-thumb:hover{ background:var(--dn-g) !important; }

/* Each filter group — mini-card */
.input_select_filter,
.filters_detail .input_select_filter,
.sidebar-filter-wrapper .input_select_filter{
  background:#fff !important;
  border:1px solid var(--dn-line) !important;
  border-radius:10px !important;
  padding:10px 12px !important;
  margin-bottom:8px !important;
  box-shadow:var(--dn-shadow-sm) !important;
  transition:all .15s !important;
  position:relative !important;
}
.input_select_filter:hover{
  border-color:var(--dn-g-100) !important;
  box-shadow:0 2px 8px rgba(21,144,1,.08) !important;
}
.input_select_filter:focus-within{
  border-color:var(--dn-g) !important;
  box-shadow:var(--dn-shadow-glow) !important;
}

/* v32: revert to OLD design — no uppercase label above each filter.
   The placeholder text inside the dropdown ("Title", "Seniority",
   "Location", etc.) is the only label, matching the original layout. */
.input_select_filter label,
.filters_detail label,
.sidebar-filter-wrapper label,
.dn-filter-label{
  display:none !important;
}

/* Select2 multiselect — chip-style brand pills */
.input_select_filter .select2-container,
.filters_detail .select2-container,
.sidebar-filter-wrapper .select2-container{ width:100% !important; }

.input_select_filter .select2-container--default .select2-selection--multiple,
  .filters_detail .select2-container--default .select2-selection--multiple,
  .sidebar-filter-wrapper .select2-container--default .select2-selection--multiple,
  .input_select_filter .select2-container--default .select2-selection--single,
  .filters_detail .select2-container--default .select2-selection--single,
  .sidebar-filter-wrapper .select2-container--default .select2-selection--single{
    background:#ffffff !important;
    border:1px solid #d8e0d4 !important;
    border-radius:8px !important;
    min-height:38px !important;
    padding:4px 32px 4px 10px !important;
    box-shadow:0 1px 2px rgba(15,23,42,.04) !important;
    position:relative !important;
    cursor:pointer !important;
  }

.input_select_filter .select2-search--inline .select2-search__field,
.filters_detail .select2-search--inline .select2-search__field{
  margin:2px 0 !important;
  font-size:13px !important;
  color:var(--dn-ink) !important;
  font-weight:500 !important;
  font-family:inherit !important;
  min-height:24px !important;
}
.input_select_filter .select2-search--inline .select2-search__field::placeholder{
  color:var(--dn-ink-3) !important; font-weight:500 !important;
}

.input_select_filter .select2-selection__choice,
.filters_detail .select2-selection__choice,
.sidebar-filter-wrapper .select2-selection__choice{
  background:var(--dn-grad-brand) !important;
  color:#fff !important;
  border:none !important;
  border-radius:999px !important;
  padding:3px 10px 3px 24px !important;
  font-size:11.5px !important;
  font-weight:600 !important;
  margin:2px 3px 2px 0 !important;
  box-shadow:0 1px 3px rgba(21,144,1,.25) !important;
  position:relative !important;
  line-height:1.4 !important;
}
.input_select_filter .select2-selection__choice__remove,
.filters_detail .select2-selection__choice__remove,
.sidebar-filter-wrapper .select2-selection__choice__remove{
  position:absolute !important;
  left:6px !important; top:50% !important; transform:translateY(-50%) !important;
  color:rgba(255,255,255,.85) !important;
  font-size:14px !important;
  font-weight:700 !important;
  margin:0 !important;
  border:none !important;
  width:14px !important; height:14px !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  border-radius:50% !important;
  transition:all .15s !important;
}
.input_select_filter .select2-selection__choice__remove:hover,
.filters_detail .select2-selection__choice__remove:hover{
  background:rgba(255,255,255,.25) !important;
  color:#fff !important;
}

/* Select2 dropdown panel */
.select2-container--open .select2-dropdown{
  border:1px solid var(--dn-g-100) !important;
  border-radius:var(--dn-rad) !important;
  box-shadow:var(--dn-shadow-lg) !important;
  overflow:hidden !important;
}
.select2-search--dropdown .select2-search__field{
  border:1.5px solid var(--dn-line) !important;
  border-radius:8px !important;
  padding:8px 12px !important;
  font-size:13px !important;
  font-family:inherit !important;
}
.select2-search--dropdown .select2-search__field:focus{
  border-color:var(--dn-g) !important;
  outline:none !important;
  box-shadow:var(--dn-shadow-glow) !important;
}
.select2-results__option{
  padding:8px 14px !important;
  font-size:13.5px !important;
  color:var(--dn-ink) !important;
  font-weight:500 !important;
}
.select2-results__option--highlighted[aria-selected]{
  background:var(--dn-g-50) !important;
  color:var(--dn-g-dark) !important;
}
.select2-results__option[aria-selected=true]{
  background:var(--dn-grad-brand-soft) !important;
  color:var(--dn-g-deep) !important;
  font-weight:700 !important;
}

/* Filter sidebar buttons (Save/Reset/Apply) */
.sidefilter_title .btn_link,
.filters_detail .btn_link{
  font-size:11.5px !important;
  font-weight:700 !important;
  color:var(--dn-g-dark) !important;
  text-decoration:none !important;
  padding:5px 12px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.7) !important;
  border:1px solid var(--dn-g-100) !important;
  cursor:pointer !important;
  transition:all .15s !important;
}
.sidefilter_title .btn_link:hover{
  background:#fff !important;
  border-color:var(--dn-g) !important;
  color:var(--dn-g-deep) !important;
  transform:translateY(-1px);
  box-shadow:0 2px 6px rgba(21,144,1,.15) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   4. PAGE LAYOUT — main content gutters, page heads, cards
   ═══════════════════════════════════════════════════════════════════════════ */

.page_main{ padding:24px 0 !important; min-height:calc(100vh - 80px) !important; }
.container, .container-fluid{ max-width:1440px !important; }

.home_blocks{ display:flex !important; gap:20px !important; align-items:flex-start !important; }
.home_blocks .left{ flex:0 0 280px !important; }
.home_blocks .right{ flex:1 !important; min-width:0 !important; }

.content_heading{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:14px !important;
  padding:20px 24px !important;
  background:#fff !important;
  border:1px solid var(--dn-line) !important;
  border-radius:var(--dn-rad-lg) !important;
  box-shadow:var(--dn-shadow-sm) !important;
  margin-bottom:20px !important;
}
.content_heading h1, .content_heading h2, .content_heading h3, .content_heading h4{
  margin:0 !important;
  font-size:22px !important;
  font-weight:800 !important;
  letter-spacing:-.02em !important;
  background:linear-gradient(135deg,var(--dn-g-deep) 0%,var(--dn-g) 100%) !important;
  -webkit-background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  background-clip:text !important;
}

/* Generic data table card */
.data_table{
  background:#fff !important;
  border:1px solid var(--dn-line) !important;
  border-radius:var(--dn-rad-lg) !important;
  box-shadow:var(--dn-shadow-sm) !important;
  overflow:hidden !important;
  padding:0 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   5. NAV PILLS in header (Search / My Lists / Email Accounts / etc) — punchier
   ═══════════════════════════════════════════════════════════════════════════ */
.dn-nav-pill{
  font-family:'Inter',sans-serif !important;
  font-weight:600 !important;
  font-size:13px !important;
  padding:8px 12px !important;
  border-radius:10px !important;
  transition:all .15s !important;
  color:var(--dn-ink) !important;
}
.dn-nav-pill:hover{
  background:var(--dn-g-50) !important;
  color:var(--dn-g-dark) !important;
  transform:translateY(-1px);
}
.dn-nav-pill.active{
  background:var(--dn-grad-brand) !important;
  color:#fff !important;
  border-color:transparent !important;
  box-shadow:0 2px 8px rgba(21,144,1,.3) !important;
}
.dn-nav-pill.active:hover{ color:#fff !important; transform:translateY(-1px); }

/* ═══════════════════════════════════════════════════════════════════════════
   6. BUTTONS — premium with gradient + lift
   ═══════════════════════════════════════════════════════════════════════════ */
.cstm_btn,
.btn-primary, .btn-success{
  background:var(--dn-grad-brand) !important;
  border:none !important;
  color:#fff !important;
  border-radius:10px !important;
  font-weight:700 !important;
  font-size:13.5px !important;
  padding:9px 18px !important;
  letter-spacing:-.005em !important;
  box-shadow:0 2px 6px rgba(21,144,1,.25) !important;
  transition:all .18s cubic-bezier(.4,0,.2,1) !important;
  cursor:pointer !important;
  font-family:'Inter',sans-serif !important;
}
.cstm_btn:hover,
.btn-primary:hover, .btn-success:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 6px 16px rgba(21,144,1,.35) !important;
  filter:brightness(1.05) !important;
  color:#fff !important;
}
.cstm_btn:active,
.btn-primary:active{ transform:translateY(0) !important; }

.cstm_btn.defualt_light{
  background:#fff !important;
  border:1.5px solid var(--dn-g) !important;
  color:var(--dn-g-dark) !important;
  box-shadow:var(--dn-shadow-sm) !important;
}
.cstm_btn.defualt_light:hover{
  background:var(--dn-g-50) !important;
  color:var(--dn-g-deep) !important;
  border-color:var(--dn-g-dark) !important;
}
.cstm_btn.defualt{
  background:#fff !important; border:1.5px solid var(--dn-line) !important;
  color:var(--dn-ink-2) !important; box-shadow:none !important;
}
.cstm_btn.defualt:hover{
  background:#f4f7f3 !important; border-color:var(--dn-ink-3) !important;
  color:var(--dn-ink) !important; box-shadow:var(--dn-shadow-sm) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   7. TABLES — data rows
   ═══════════════════════════════════════════════════════════════════════════ */
table.table, .dataTable{
  background:transparent !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  width:100% !important;
}
table.table thead th, .dataTable thead th{
  background:var(--dn-bg-2) !important;
  color:var(--dn-ink-2) !important;
  font-size:11.5px !important;
  font-weight:700 !important;
  text-transform:uppercase !important;
  letter-spacing:.6px !important;
  padding:14px 16px !important;
  border:none !important;
  border-bottom:1px solid var(--dn-line) !important;
}
table.table tbody td, .dataTable tbody td{
  padding:14px 16px !important;
  font-size:13.5px !important;
  color:var(--dn-ink) !important;
  border:none !important;
  border-bottom:1px solid var(--dn-line-2) !important;
  vertical-align:middle !important;
}
table.table tbody tr{ transition:background .12s !important; }
table.table tbody tr:hover{ background:var(--dn-g-50) !important; }
table.table tbody tr:last-child td{ border-bottom:none !important; }

/* ═══════════════════════════════════════════════════════════════════════════
   8. FORMS / INPUTS — modal + standard
   ═══════════════════════════════════════════════════════════════════════════ */
.input_text, .input_select, .form-control, input[type=text], input[type=email], input[type=password], input[type=number], input[type=tel], textarea, select{
  border:1.5px solid var(--dn-line) !important;
  border-radius:10px !important;
  padding:10px 14px !important;
  font-size:14px !important;
  background:#fff !important;
  color:var(--dn-ink) !important;
  font-weight:500 !important;
  font-family:'Inter',sans-serif !important;
  transition:all .15s !important;
  min-height:42px !important;
  box-shadow:var(--dn-shadow-sm) !important;
}
.input_text:focus, .form-control:focus, input:focus, textarea:focus, select:focus{
  border-color:var(--dn-g) !important;
  outline:none !important;
  box-shadow:var(--dn-shadow-glow), var(--dn-shadow-sm) !important;
}
.input_label, label{
  font-size:12.5px !important;
  font-weight:700 !important;
  color:var(--dn-ink-2) !important;
  margin-bottom:6px !important;
  letter-spacing:-.005em !important;
}
.input_label i{ color:#dc2626; font-style:normal; }

/* ═══════════════════════════════════════════════════════════════════════════
   9. ADMIN-SIDE specifics — sidebar user_panel (left rail)
   ═══════════════════════════════════════════════════════════════════════════ */
.main-sidebar{
  background:#fff !important;
  border:1px solid var(--dn-line) !important;
  border-radius:var(--dn-rad-lg) !important;
  box-shadow:var(--dn-shadow-md) !important;
  flex:0 0 250px !important;
  padding:0 !important;
  overflow:hidden !important;
  position:sticky !important; top:88px !important;
}

/* Admin LEFT user panel — gradient header card */
.main-sidebar .user_panel{
  background:linear-gradient(135deg,var(--dn-g-deep) 0%,var(--dn-g-dark) 60%,var(--dn-g) 100%) !important;
  padding:24px 18px !important;
  position:relative !important;
  overflow:hidden !important;
  border-bottom:none !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
}
.main-sidebar .user_panel::before{
  content:''; position:absolute; top:-40px; right:-40px;
  width:140px; height:140px; border-radius:50%;
  background:radial-gradient(circle, rgba(30,204,0,.45) 0%, transparent 70%);
}
.main-sidebar .user_panel::after{
  content:''; position:absolute; bottom:-30px; left:-30px;
  width:100px; height:100px; border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.10) 0%, transparent 70%);
}
.main-sidebar .user_panel .user_image{ position:relative; z-index:2; }
.main-sidebar .user_panel .user_image img{
  width:68px !important; height:68px !important;
  border-radius:50% !important;
  border:3px solid rgba(255,255,255,.9) !important;
  box-shadow:0 4px 12px rgba(0,0,0,.25) !important;
  object-fit:cover !important;
}
.main-sidebar .user_panel .user_info{
  text-align:center !important; margin-top:12px !important;
  position:relative; z-index:2;
}
.main-sidebar .user_panel .user_name{
  font-size:15px !important; font-weight:800 !important;
  color:#fff !important; margin:0 !important;
  letter-spacing:-.01em !important;
  text-shadow:0 1px 2px rgba(0,0,0,.2) !important;
}
.main-sidebar .user_panel .user_email{
  font-size:11.5px !important;
  color:rgba(255,255,255,.85) !important;
  font-weight:500 !important;
  display:block; margin-top:2px;
}
.main-sidebar .user_panel .info{
  position:absolute !important; top:14px !important; right:14px !important;
  z-index:3 !important;
}
.main-sidebar .user_panel .info a{
  color:rgba(255,255,255,.85) !important;
  width:32px; height:32px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.15);
  transition:all .15s; backdrop-filter:blur(10px);
}
.main-sidebar .user_panel .info a:hover{
  background:rgba(255,255,255,.3) !important;
  color:#fff !important; transform:rotate(90deg);
}

.main-sidebar .nav_list{ padding:14px 10px !important; }
.main-sidebar .nav_list ul{ list-style:none; padding:0; margin:0; }
.main-sidebar .nav_link{
  display:flex !important; align-items:center !important; gap:12px !important;
  padding:11px 14px !important;
  border-radius:10px !important;
  color:var(--dn-ink) !important;
  font-size:13.5px !important; font-weight:600 !important;
  text-decoration:none !important;
  transition:all .15s cubic-bezier(.4,0,.2,1) !important;
  margin-bottom:2px !important;
  position:relative !important;
}
.main-sidebar .nav_link:hover{
  background:var(--dn-g-50) !important;
  color:var(--dn-g-dark) !important;
  transform:translateX(3px) !important;
}
.main-sidebar .nav_link.active{
  background:var(--dn-grad-brand) !important;
  color:#fff !important;
  font-weight:700 !important;
  box-shadow:0 4px 12px rgba(21,144,1,.3) !important;
}
.main-sidebar .nav_link.active img{
  filter:brightness(0) invert(1) !important; opacity:1 !important;
}
.main-sidebar .nav_link img{
  width:18px !important; height:18px !important;
  opacity:.7 !important;
  filter:hue-rotate(85deg) saturate(1.4) brightness(.85) !important;
  transition:all .15s !important;
}
.main-sidebar .nav_link:hover img{ opacity:1 !important; }

/* ═══════════════════════════════════════════════════════════════════════════
   10. MOBILE
   ═══════════════════════════════════════════════════════════════════════════ */
@media (max-width:1024px){
  .home_blocks{ flex-direction:column !important; }
  .home_blocks .left{ flex:0 0 auto !important; width:100% !important; }
  .stiky_sidebar{ position:relative !important; top:0 !important; max-height:none !important; }
  .main-sidebar{ position:relative !important; top:0 !important; flex:0 0 auto !important; width:100% !important; }
}
@media (max-width:640px){
  .header_dropdown .admin_name{ display:none !important; }
  .header_dropdown .admin_label{ display:none !important; }
  .content_heading{ padding:16px !important; }
  .content_heading h1, .content_heading h2, .content_heading h3, .content_heading h4{ font-size:18px !important; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   DN POLISH v6 — LAYOUT FIX (full width) + FILTER LABEL VISIBILITY
   The user's screenshot shows: enormous side gutters squeezing content into
   ~720px on a 1024px viewport, and filter cards looking empty because the
   dashboard uses Select2 placeholders instead of <label> tags.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── A. Kill the side gutters: make page_main span full width ─── */
/* The legacy layout wraps content in Bootstrap's .container which caps width
   at 960/1140px at common breakpoints. We override INSIDE .page_main to use
   the full viewport (with sensible gutters). */
.page_main > .container,
.page_main > .container-fluid,
.page_main .home_blocks,
main.page_main > .container{
  max-width:none !important;
  width:100% !important;
  padding-left:24px !important;
  padding-right:24px !important;
}

/* The header should keep its container (centered logo+nav) but be a bit wider */
.header > .container{
  max-width:1600px !important;
  width:100% !important;
  padding-left:24px !important;
  padding-right:24px !important;
}

/* The dashboard layout — sidebar tighter, main column eats all remaining width */
.home_blocks{
  max-width:1600px !important;
  margin:0 auto !important;
  display:flex !important;
  gap:18px !important;
  align-items:flex-start !important;
}
.home_blocks .left{
  flex:0 0 260px !important;
  max-width:260px !important;
}
.home_blocks .right,
.home_blocks .center{
  flex:1 1 auto !important;
  min-width:0 !important;
  max-width:none !important;
}

/* Tighten side padding around the filter card */
.stiky_sidebar{ width:100% !important; }

/* ─── B. Make filter dropdowns show their NAME visibly ─── */
/* The dashboard markup is <div class="input_select_filter"><select name="company">...
   so we read the NAME attribute and inject it as a CSS-only label above the field. */
.input_select_filter{
  padding-top:24px !important;     /* leave room for our injected label */
  position:relative !important;
}
.input_select_filter::before{
  position:absolute !important;
  top:8px !important; left:12px !important;
  font-size:10.5px !important;
  font-weight:800 !important;
  color:var(--dn-g-dark) !important;
  text-transform:uppercase !important;
  letter-spacing:.7px !important;
  line-height:1 !important;
  pointer-events:none !important;
}
/* Map each select[name] to a friendly label */
.input_select_filter:has(select[name="title"])::before{ content:"Job Title"; }
.input_select_filter:has(select[name="seniority"])::before{ content:"Seniority"; }
.input_select_filter:has(select[name="department"])::before{ content:"Department"; }
.input_select_filter:has(select[name="country"])::before{ content:"Country"; }
.input_select_filter:has(select[name="industry"])::before{ content:"Industry"; }
.input_select_filter:has(select[name="employees"])::before{ content:"Employees"; }
.input_select_filter:has(select[name="annual_revenue"])::before{ content:"Annual Revenue"; }
.input_select_filter:has(select[name="company"])::before{ content:"Company"; }
.input_select_filter:has(select[name="keywords"])::before{ content:"Keywords"; }
.input_select_filter:has(select[name="city"])::before{ content:"City"; }
.input_select_filter:has(select[name="state"])::before{ content:"State"; }
.input_select_filter:has(select[name="company_city"])::before{ content:"Company City"; }
.input_select_filter:has(select[name="company_state"])::before{ content:"Company State"; }
.input_select_filter:has(select[name="company_country"])::before{ content:"Company Country"; }
.input_select_filter:has(select[name="technology"])::before,
.input_select_filter:has(select[name="technologies"])::before{ content:"Technologies"; }
.input_select_filter:has(select[name="email_verified"])::before{ content:"Email Verified"; }

/* Make the Select2 placeholder more readable inside each filter */
.input_select_filter .select2-selection__placeholder{
  color:var(--dn-ink-3) !important;
  font-size:13px !important;
  font-weight:500 !important;
  font-style:normal !important;
}

/* When the field is closed (collapsed) show a subtle chevron on the right */
.input_select_filter .select2-selection--multiple::after,
.input_select_filter .select2-selection--single::after{
  content:""; position:absolute; right:10px; top:50%; transform:translateY(-50%);
  width:14px; height:14px;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a857a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") no-repeat center/contain;
  pointer-events:none;
}
.input_select_filter .select2-container--open .select2-selection--multiple::after,
.input_select_filter .select2-container--open .select2-selection--single::after{
  transform:translateY(-50%) rotate(180deg);
}
.input_select_filter .select2-selection{ position:relative !important; padding-right:24px !important; }

/* Filters Top tabs (Total / Net New / Saved) — make them more like leads.dn */
.filter_tabs_header{
  background:#fff !important;
  border:1px solid var(--dn-line) !important;
  border-radius:14px 14px 0 0 !important;
  padding:6px !important;
  margin-bottom:0 !important;
  display:flex !important;
  gap:4px !important;
  border-bottom:none !important;
}
.filter_link{
  padding:9px 18px !important;
  border-radius:10px !important;
  font-size:13px !important;
  font-weight:600 !important;
  color:var(--dn-ink-2) !important;
  text-decoration:none !important;
  transition:all .15s !important;
  position:relative !important;
}
.filter_link:hover{
  background:var(--dn-g-50) !important;
  color:var(--dn-g-dark) !important;
}
.filter_link.active{
  background:var(--dn-grad-brand) !important;
  color:#fff !important;
  box-shadow:0 2px 8px rgba(21,144,1,.3) !important;
}
.filter_link.active::after{ display:none !important; }

/* Page-top "Your Credit Balance" / "View Plans" strip — give it pill styling */
.credit_block, .credits_strip,
.page_main > .container > div:first-child:has(.cstm_btn){
  background:#fff !important;
  border:1px solid var(--dn-line) !important;
  border-radius:14px !important;
  padding:14px 20px !important;
  margin-bottom:14px !important;
  box-shadow:var(--dn-shadow-sm) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
}

/* ─── C. Mobile: stack sidebar above main ─── */
@media (max-width:1024px){
  .home_blocks .left{ flex:0 0 auto !important; max-width:none !important; width:100% !important; }
  .stiky_sidebar{ position:relative !important; top:0 !important; max-height:none !important; }
}
@media (max-width:640px){
  .page_main > .container,
  .page_main > .container-fluid{ padding-left:14px !important; padding-right:14px !important; }
  .input_select_filter{ padding-top:22px !important; }
}


/* ═══════════════════════════════════════════════════════════════════════════
   DN POLISH v7 — UNIFIED LOGIN / AUTH PAGES (admin + user identical design)
   ═══════════════════════════════════════════════════════════════════════════ */

.dn-auth-page{
  min-height:calc(100vh - 90px);
  display:flex; align-items:center; justify-content:center;
  padding:48px 16px;
  background:
    radial-gradient(circle at 20% 0%, rgba(30,204,0,.08), transparent 55%),
    radial-gradient(circle at 80% 100%, rgba(21,144,1,.06), transparent 55%),
    #f7faf6;
}

.dn-auth-card{
  width:100%; max-width:460px;
  background:#fff;
  border:1px solid var(--dn-line, #e6ebe5);
  border-radius:20px;
  box-shadow:0 24px 60px -20px rgba(10,46,6,.18), 0 8px 20px -8px rgba(10,46,6,.10);
  overflow:hidden;
}

.dn-auth-header{
  background:linear-gradient(135deg, #159001 0%, #0e6b01 100%);
  color:#fff;
  padding:32px 36px 28px;
  text-align:center;
  position:relative;
}
.dn-auth-header::after{
  content:""; position:absolute; left:0; right:0; bottom:-1px; height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.4), transparent);
}
.dn-auth-logo{ margin-bottom:14px; display:flex; justify-content:center; }
.dn-auth-logo img{ height:54px; width:auto; filter:brightness(0) invert(1); }
.dn-auth-title{
  font-family:'Plus Jakarta Sans','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  font-size:24px; font-weight:700; margin:0 0 6px; color:#fff; letter-spacing:-.3px;
}
.dn-auth-sub{
  font-size:13.5px; color:rgba(255,255,255,.85); margin:0; font-weight:400;
}

.dn-auth-body{ padding:30px 36px 34px; }
.dn-auth-form{ display:flex; flex-direction:column; gap:18px; }

.dn-field{ display:flex; flex-direction:column; gap:6px; }
.dn-label{
  font-size:12px; font-weight:700; text-transform:uppercase;
  letter-spacing:.6px; color:var(--dn-g-dark, #0a2e06); margin:0;
}
.dn-input{
  width:100%; height:46px; padding:0 14px;
  background:#f7faf6;
  border:1.5px solid #d8e0d6;
  border-radius:10px;
  font-size:14.5px; font-weight:500; color:#1a2918;
  font-family:inherit;
  transition:all .15s ease;
  outline:none;
}
.dn-input::placeholder{ color:#9aa898; font-weight:400; }
.dn-input:hover{ border-color:#159001; }
.dn-input:focus{
  border-color:#159001; background:#fff;
  box-shadow:0 0 0 3px rgba(30,204,0,.15);
}
.dn-input.is-invalid{
  border-color:#dc3545; background:#fff5f5;
}
.dn-error{
  display:block; font-size:12.5px; color:#dc3545; font-weight:500; margin-top:2px;
}

.dn-row-between{
  display:flex; align-items:center; justify-content:space-between;
  flex-wrap:wrap; gap:10px; margin:-2px 0 4px;
}
.dn-check{
  display:inline-flex; align-items:center; gap:8px;
  font-size:13px; font-weight:500; color:#3a4a37; cursor:pointer; margin:0;
}
.dn-check input[type="checkbox"]{
  width:16px; height:16px; accent-color:#159001; cursor:pointer; margin:0;
}
.dn-link{
  font-size:13px; font-weight:600; color:#159001;
  text-decoration:none; transition:color .15s;
}
.dn-link:hover{ color:#0e6b01; text-decoration:underline; }

.dn-auth-btn{
  width:100%; height:48px;
  background:linear-gradient(135deg, #159001 0%, #0e6b01 100%);
  color:#fff; border:none; border-radius:10px;
  font-size:15px; font-weight:700; letter-spacing:.2px;
  cursor:pointer;
  box-shadow:0 4px 14px rgba(21,144,1,.30);
  transition:all .18s ease;
  margin-top:6px;
}
.dn-auth-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(21,144,1,.40);
  background:linear-gradient(135deg, #1ecc00 0%, #159001 100%);
}
.dn-auth-btn:active{ transform:translateY(0); }

.dn-or{
  display:flex; align-items:center; gap:14px;
  font-size:11.5px; font-weight:600; color:#9aa898;
  text-transform:uppercase; letter-spacing:1px;
  margin:8px 0 2px;
}
.dn-or::before, .dn-or::after{
  content:""; flex:1 1 auto; height:1px; background:#e6ebe5;
}

.dn-social-btn{
  display:flex; align-items:center; justify-content:center; gap:10px;
  width:100%; height:46px;
  background:#fff;
  border:1.5px solid #d8e0d6;
  border-radius:10px;
  font-size:14px; font-weight:600; color:#1a2918;
  text-decoration:none;
  transition:all .15s;
}
.dn-social-btn:hover{
  background:#f7faf6; border-color:#159001; color:#0e6b01;
  text-decoration:none;
}

.dn-create-acc{
  text-align:center; font-size:13.5px; color:#3a4a37;
  margin:14px 0 0;
}
.dn-create-acc a{
  color:#159001; font-weight:700; text-decoration:none;
  margin-left:4px;
}
.dn-create-acc a:hover{ color:#0e6b01; text-decoration:underline; }

/* Success/error banner above the card */
.dn-auth-page .success_msg{
  position:absolute; top:80px; left:50%; transform:translateX(-50%);
  background:#fff; padding:12px 24px; border-radius:8px;
  box-shadow:0 4px 12px rgba(0,0,0,.08);
  z-index:10;
}

/* Responsive */
@media (max-width:520px){
  .dn-auth-page{ padding:24px 12px; }
  .dn-auth-header{ padding:26px 22px 22px; }
  .dn-auth-body{ padding:24px 22px 26px; }
  .dn-auth-title{ font-size:21px; }
  .dn-auth-logo img{ height:46px; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   DN POLISH v8 — LEFT SIDEBAR + LEADS.DN-STYLE LAYOUT (user panel)
   Replaces the old top horizontal nav with a fixed left vertical sidebar.
   ═══════════════════════════════════════════════════════════════════════════ */

:root{
  --dn-sb-w: 240px;
  --dn-brand: #159001;
  --dn-brand-2: #0e6b01;
  --dn-brand-3: #0a2e06;
  --dn-brand-light: #1ecc00;
  --dn-line: #e6ebe5;
  --dn-bg: #f5f8f4;
  --dn-ink: #1a2918;
  --dn-ink-2: #3a4a37;
  --dn-ink-3: #7a857a;
}

/* When the sidebar is active, hide the legacy top nav for client users */
body.dn-has-sidebar .header,
body.dn-has-sidebar nav.header{ display:none !important; }

/* Push everything right of the sidebar */
body.dn-has-sidebar .wrapper.dn-app-wrapper,
body.dn-has-sidebar .dn-app-wrapper,
body.dn-has-sidebar > .wrapper{
  margin-left: var(--dn-sb-w) !important;
  min-height: 100vh;
  background: var(--dn-bg);
}

body.dn-has-sidebar .page_main{
  padding: 22px 26px !important;
  max-width: none !important;
}

/* ═══ SIDEBAR ═══ */
.dn-app-sidebar{
  position: fixed;
  top: 0; left: 0; bottom: 0;
  width: var(--dn-sb-w);
  background: #fff;
  border-right: 1px solid var(--dn-line);
  display: flex; flex-direction: column;
  z-index: 1000;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  overflow-y: auto;
  overflow-x: hidden;
}
.dn-app-sidebar::-webkit-scrollbar{ width:4px; }
.dn-app-sidebar::-webkit-scrollbar-thumb{ background: rgba(21,144,1,.2); border-radius:2px; }

.dn-sb-brand{
  display: flex; align-items: center; gap: 10px;
  padding: 18px 18px 12px;
  text-decoration: none;
  border-bottom: 1px solid var(--dn-line);
}
.dn-sb-brand:hover{ text-decoration: none; }
.dn-sb-brand img{ height: 38px; width: auto; flex-shrink:0; }
.dn-sb-brand-text{ display: flex; flex-direction: column; line-height: 1.1; min-width:0; }
.dn-sb-brand-name{
  font-family:'Plus Jakarta Sans','Inter',sans-serif;
  font-size: 15px; font-weight: 800; color: var(--dn-brand-3);
  letter-spacing:-.2px;
}
.dn-sb-brand-tag{
  font-size: 10.5px; font-weight: 600; color: var(--dn-brand);
  text-transform: uppercase; letter-spacing: .5px; margin-top:2px;
}

.dn-sb-userlabel{
  font-size: 10.5px; font-weight: 700; color: var(--dn-ink-3);
  text-transform: uppercase; letter-spacing: 1px;
  padding: 14px 20px 8px;
}

.dn-sb-cta{
  display: flex; align-items: center; gap: 10px;
  margin: 0 14px 14px;
  padding: 11px 14px;
  background: linear-gradient(135deg, var(--dn-brand) 0%, var(--dn-brand-2) 100%);
  color: #fff !important;
  border-radius: 10px;
  font-size: 13.5px; font-weight: 700;
  text-decoration: none !important;
  box-shadow: 0 4px 12px rgba(21,144,1,.3);
  transition: all .15s;
  letter-spacing: .2px;
}
.dn-sb-cta:hover{
  background: linear-gradient(135deg, var(--dn-brand-light) 0%, var(--dn-brand) 100%);
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(21,144,1,.4);
  color:#fff !important;
}
.dn-sb-cta svg{ width: 16px; height: 16px; flex-shrink:0; }

.dn-sb-nav{ display: flex; flex-direction: column; padding: 0 10px; gap: 2px; }
.dn-sb-link{
  display: flex; align-items: center; gap: 11px;
  padding: 9px 12px;
  color: var(--dn-ink-2) !important;
  font-size: 13.5px; font-weight: 600;
  text-decoration: none !important;
  border-radius: 8px;
  transition: all .12s;
}
.dn-sb-link:hover{
  background: #eef7ec;
  color: var(--dn-brand-2) !important;
}
.dn-sb-link.is-active{
  background: linear-gradient(90deg, rgba(21,144,1,.10) 0%, rgba(21,144,1,.04) 100%);
  color: var(--dn-brand-2) !important;
  font-weight: 700;
  position: relative;
}
.dn-sb-link.is-active::before{
  content:""; position: absolute; left: -10px; top: 6px; bottom: 6px;
  width: 3px; background: var(--dn-brand); border-radius: 0 3px 3px 0;
}
.dn-sb-link svg{ width: 17px; height: 17px; flex-shrink:0; opacity: .85; }

/* Push credits + account to bottom */
.dn-sb-credits{ margin: auto 14px 10px; }
.dn-sb-credits{
  background: linear-gradient(135deg, #fff7e0 0%, #fde68a 100%);
  border: 1px solid #f5d76e;
  border-radius: 12px;
  padding: 14px 14px 12px;
  text-align: left;
  position: relative;
  overflow: hidden;
}
.dn-sb-credits::before{
  content:""; position: absolute; top:-15px; right:-15px;
  width: 60px; height: 60px; border-radius: 50%;
  background: rgba(245,196,55,.3);
}
.dn-sb-credits-label{
  font-size: 11px; font-weight: 700; color: #6b4f00;
  text-transform: uppercase; letter-spacing: .8px; position:relative;
}
.dn-sb-credits-num{
  font-family:'Plus Jakarta Sans','Inter',sans-serif;
  font-size: 28px; font-weight: 800; color: #5a3f00;
  line-height: 1; margin: 4px 0 10px; position:relative;
}
.dn-sb-credits-btn{
  display: inline-flex; align-items: center; gap: 6px;
  padding: 7px 12px; width: 100%;
  justify-content: center;
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  color: #fff !important;
  border-radius: 8px;
  font-size: 12.5px; font-weight: 700;
  text-decoration: none !important;
  box-shadow: 0 3px 10px rgba(217,119,6,.35);
  position: relative;
  transition: all .15s;
}
.dn-sb-credits-btn:hover{ transform: translateY(-1px); box-shadow: 0 5px 14px rgba(217,119,6,.45); color:#fff !important; }

.dn-sb-account{
  display: flex; align-items: center; gap: 10px;
  padding: 12px 14px;
  margin: 0 10px 10px;
  background: #f5f8f4;
  border: 1px solid var(--dn-line);
  border-radius: 10px;
  text-decoration: none !important;
  transition: all .15s;
}
.dn-sb-account:hover{ background:#eef7ec; border-color: var(--dn-brand); }
.dn-sb-account-avatar{
  width: 32px; height: 32px; border-radius: 50%;
  background: linear-gradient(135deg, var(--dn-brand-light), var(--dn-brand));
  color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-size: 13px; font-weight: 700;
  flex-shrink: 0;
  overflow: hidden;
}
.dn-sb-account-avatar img{ width:100%; height:100%; object-fit:cover; }
.dn-sb-account-text{ display: flex; flex-direction: column; min-width: 0; line-height:1.2; }
.dn-sb-account-label{
  font-size: 10.5px; font-weight: 600; color: var(--dn-ink-3);
  text-transform: uppercase; letter-spacing: .5px;
}
.dn-sb-account-name{
  font-size: 13px; font-weight: 700; color: var(--dn-ink);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* ═══ MAIN CONTENT — DASHBOARD POLISH ═══ */
body.dn-has-sidebar .home,
body.dn-has-sidebar .home > .container{
  width: 100% !important; max-width: none !important; padding: 0 !important;
}
body.dn-has-sidebar .home_blocks{
  display: flex !important; gap: 18px !important;
  align-items: flex-start !important;
  max-width: none !important;
}
body.dn-has-sidebar .home_blocks .left{
  flex: 0 0 250px !important; max-width: 250px !important; width: 250px !important;
}
body.dn-has-sidebar .home_blocks .right{
  flex: 1 1 auto !important; min-width: 0 !important;
}

/* Filter card */
body.dn-has-sidebar .stiky_sidebar{
  background: #fff !important;
  border: 1px solid var(--dn-line) !important;
  border-radius: 14px !important;
  padding: 14px !important;
  box-shadow: 0 2px 8px rgba(10,46,6,.04);
}
body.dn-has-sidebar .data_serch_filter input{
  width: 100%; height: 38px; padding: 0 12px;
  border: 1.5px solid var(--dn-line); border-radius: 8px;
  background: #f7faf6; font-size: 13.5px;
  outline: none; transition: all .15s;
}
body.dn-has-sidebar .data_serch_filter input:focus{
  border-color: var(--dn-brand); background:#fff;
  box-shadow: 0 0 0 3px rgba(30,204,0,.12);
}
body.dn-has-sidebar .sidefilter_title{
  display: flex; align-items: center; justify-content: space-between;
  padding: 6px 0 12px; margin: 8px 0 6px;
  border-bottom: 1px solid var(--dn-line);
}
body.dn-has-sidebar .sidefilter_title h4{
  font-family:'Plus Jakarta Sans','Inter',sans-serif;
  font-size: 14px !important; font-weight: 700 !important;
  color: var(--dn-brand-3) !important; margin: 0 !important;
  text-transform: uppercase; letter-spacing: .5px;
}

/* Filter chip wrappers */
body.dn-has-sidebar .input_select_filter{
  position: relative;
  background: #fff;
  border: 1px solid var(--dn-line);
  border-radius: 8px;
  padding: 22px 8px 6px !important;
  margin-bottom: 8px;
  transition: all .15s;
}
body.dn-has-sidebar .input_select_filter:hover{
  border-color: var(--dn-brand);
  box-shadow: 0 2px 6px rgba(21,144,1,.08);
}
body.dn-has-sidebar .input_select_filter::before{
  position: absolute; top: 6px; left: 10px;
  font-size: 10px; font-weight: 800;
  color: var(--dn-brand-3);
  text-transform: uppercase; letter-spacing: .6px;
  pointer-events: none;
}
body.dn-has-sidebar .input_select_filter:has(select[name="title"])::before{ content:"Job Title"; }
body.dn-has-sidebar .input_select_filter:has(select[name="seniority"])::before{ content:"Seniority"; }
body.dn-has-sidebar .input_select_filter:has(select[name="department"])::before{ content:"Department"; }
body.dn-has-sidebar .input_select_filter:has(select[name="country"])::before{ content:"Country"; }
body.dn-has-sidebar .input_select_filter:has(select[name="industry"])::before{ content:"Industry"; }
body.dn-has-sidebar .input_select_filter:has(select[name="employees"])::before{ content:"Employees"; }
body.dn-has-sidebar .input_select_filter:has(select[name="annual_revenue"])::before{ content:"Annual Revenue"; }
body.dn-has-sidebar .input_select_filter:has(select[name="company"])::before{ content:"Company"; }
body.dn-has-sidebar .input_select_filter:has(select[name="keywords"])::before{ content:"Keywords"; }
body.dn-has-sidebar .input_select_filter:has(select[name="city"])::before{ content:"City"; }
body.dn-has-sidebar .input_select_filter:has(select[name="state"])::before{ content:"State"; }
body.dn-has-sidebar .input_select_filter:has(select[name="company_city"])::before{ content:"Company City"; }
body.dn-has-sidebar .input_select_filter:has(select[name="company_state"])::before{ content:"Company State"; }
body.dn-has-sidebar .input_select_filter:has(select[name="company_country"])::before{ content:"Company Country"; }
body.dn-has-sidebar .input_select_filter:has(select[name="technology"])::before{ content:"Technology"; }
body.dn-has-sidebar .input_select_filter:has(select[name="email_verified"])::before{ content:"Email Verified"; }

/* Select2 inside filter */
body.dn-has-sidebar .input_select_filter .select2-container,
body.dn-has-sidebar .input_select_filter .select2-selection{ width:100% !important; }
body.dn-has-sidebar .input_select_filter .select2-selection{
  border: none !important; background: transparent !important;
  min-height: 26px !important; padding: 0 !important;
}
body.dn-has-sidebar .input_select_filter .select2-selection__rendered{ padding: 0 !important; line-height: 1.2 !important; }
body.dn-has-sidebar .input_select_filter .select2-selection__placeholder{
  color: var(--dn-ink-3) !important; font-size: 13px !important; font-weight: 500 !important;
}
body.dn-has-sidebar .input_select_filter .select2-selection__choice{
  background: linear-gradient(135deg, var(--dn-brand) 0%, var(--dn-brand-2) 100%) !important;
  color: #fff !important; border: none !important;
  border-radius: 6px !important; padding: 2px 8px !important;
  font-size: 11.5px !important; font-weight: 600 !important;
  margin: 2px 3px 2px 0 !important;
}
body.dn-has-sidebar .input_select_filter .select2-selection__choice__remove{
  color: rgba(255,255,255,.85) !important; margin-right: 4px !important;
}

/* Right column: tabs + table */
body.dn-has-sidebar .content_heading{
  background: #fff; border: 1px solid var(--dn-line); border-radius: 14px;
  padding: 14px 18px; margin-bottom: 14px;
  display:flex; align-items:center; justify-content:space-between;
  box-shadow: 0 2px 8px rgba(10,46,6,.04);
}
body.dn-has-sidebar .bal_count{
  margin: 0 !important; font-size: 13.5px; color: var(--dn-ink-2); font-weight: 600;
  display:inline-flex; align-items:center; gap:8px;
}
body.dn-has-sidebar .bal_count .green_label{
  background: linear-gradient(135deg, var(--dn-brand) 0%, var(--dn-brand-2) 100%);
  color:#fff; padding: 4px 10px; border-radius: 6px; font-size:12px; font-weight:700;
}

body.dn-has-sidebar .filter_tabs{
  background: #fff; border: 1px solid var(--dn-line); border-radius: 14px;
  overflow: hidden; box-shadow: 0 2px 8px rgba(10,46,6,.04);
}
body.dn-has-sidebar .filter_tabs_header{
  background: #fff !important;
  padding: 8px 12px !important;
  border-bottom: 1px solid var(--dn-line) !important;
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  flex-wrap: wrap;
}
body.dn-has-sidebar .filter_title_list{
  list-style: none; padding: 0; margin: 0;
  display: flex; gap: 4px;
}
body.dn-has-sidebar .filter_title_list li{ list-style: none; }
body.dn-has-sidebar .filter_link{
  display: inline-block;
  padding: 8px 16px !important;
  border-radius: 8px !important;
  font-size: 13px !important; font-weight: 600 !important;
  color: var(--dn-ink-2) !important;
  text-decoration: none !important;
  transition: all .15s;
}
body.dn-has-sidebar .filter_link:hover{ background: #eef7ec; color: var(--dn-brand-2) !important; }
body.dn-has-sidebar .filter_link.active{
  background: linear-gradient(135deg, var(--dn-brand) 0%, var(--dn-brand-2) 100%) !important;
  color: #fff !important;
  box-shadow: 0 2px 8px rgba(21,144,1,.3);
}

/* Tables */
body.dn-has-sidebar .home_table table{
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: #fff;
}
body.dn-has-sidebar .home_table thead th{
  background: #f7faf6 !important;
  color: var(--dn-ink-3) !important;
  font-size: 11px !important; font-weight: 700 !important;
  text-transform: uppercase; letter-spacing: .6px;
  padding: 12px 14px !important;
  border-bottom: 1px solid var(--dn-line) !important;
  border-top: none !important;
}
body.dn-has-sidebar .home_table tbody td{
  padding: 14px !important;
  font-size: 13.5px !important; color: var(--dn-ink) !important;
  border-bottom: 1px solid #f0f4ef !important;
  vertical-align: middle !important;
}
body.dn-has-sidebar .home_table tbody tr:hover{
  background: #f7faf6 !important;
}

/* ═══ MOBILE ═══ */
.dn-mobile-bar{ display: none; }
.dn-sb-scrim{
  display: none;
  position: fixed; inset: 0; background: rgba(10,46,6,.4);
  z-index: 999;
}
.dn-sb-scrim.is-open{ display:block; }

@media (max-width: 1024px){
  body.dn-has-sidebar .wrapper.dn-app-wrapper,
  body.dn-has-sidebar .dn-app-wrapper{ margin-left: 0 !important; }
  .dn-app-sidebar{
    transform: translateX(-100%);
    transition: transform .25s ease;
  }
  .dn-app-sidebar.is-open{ transform: translateX(0); }
  .dn-mobile-bar{
    display: flex; align-items: center; gap: 12px;
    padding: 10px 14px;
    background: #fff;
    border-bottom: 1px solid var(--dn-line);
    position: sticky; top: 0; z-index: 100;
  }
  .dn-mobile-toggle{
    background: transparent; border: 1px solid var(--dn-line);
    border-radius: 8px; padding: 6px;
    cursor: pointer; color: var(--dn-brand-3);
  }
  .dn-mobile-toggle svg{ width: 22px; height: 22px; display:block; }
  .dn-mobile-brand{
    display: flex; align-items: center; gap: 8px;
    text-decoration: none !important; color: var(--dn-brand-3);
    font-family:'Plus Jakarta Sans','Inter',sans-serif;
    font-weight: 700; font-size: 15px;
  }
  .dn-mobile-brand img{ height: 28px; }
  body.dn-has-sidebar .home_blocks{ flex-direction: column !important; }
  body.dn-has-sidebar .home_blocks .left{ width: 100% !important; max-width: none !important; flex: 0 0 auto !important; }
}
@media (max-width: 640px){
  body.dn-has-sidebar .page_main{ padding: 14px !important; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   DN POLISH v11 — Top utility bar (AI Search Assistant), full menu, table rows
   ═══════════════════════════════════════════════════════════════════════════ */

/* Logout link in sidebar */
.dn-sb-logout{
  display:flex; align-items:center; gap:10px;
  padding:10px 14px; margin:0 14px 16px;
  font-size:13px; font-weight:600; color:#a04040 !important;
  text-decoration:none !important;
  border:1px solid #f3d6d6; border-radius:10px;
  background:#fdf5f5; transition:all .15s;
}
.dn-sb-logout:hover{ background:#fae6e6; border-color:#e89090; color:#7a2020 !important; }
.dn-sb-logout svg{ width:15px; height:15px; }

/* ═══ TOP UTILITY BAR ═══ */
.dn-top-bar{
  display:flex; align-items:center; gap:14px;
  background:#fff; border-bottom:1px solid var(--dn-line);
  padding: 12px 26px;
  position: sticky; top: 0; z-index: 90;
  box-shadow: 0 1px 0 rgba(10,46,6,.04);
}
.dn-top-search{
  flex:1; max-width:560px;
  position:relative;
}
.dn-top-search svg{
  position:absolute; left:14px; top:50%; transform:translateY(-50%);
  width:18px; height:18px; color: var(--dn-ink-3);
}
.dn-top-search input{
  width:100%; height:40px;
  padding: 0 14px 0 42px;
  background: var(--dn-bg);
  border: 1.5px solid var(--dn-line); border-radius: 10px;
  font-size: 13.5px; color: var(--dn-ink);
  outline: none; transition: all .15s;
  font-family:'Inter',sans-serif;
}
.dn-top-search input:focus{
  border-color: var(--dn-brand); background:#fff;
  box-shadow: 0 0 0 4px rgba(30,204,0,.10);
}
.dn-top-actions{ display:flex; align-items:center; gap:10px; margin-left:auto; }

.dn-pill-ai{
  display:inline-flex; align-items:center; gap:8px;
  padding: 9px 16px;
  background: linear-gradient(135deg, #6d28d9 0%, #db2777 100%);
  color:#fff !important;
  border-radius:10px;
  font-size:13px; font-weight:700;
  text-decoration:none !important;
  box-shadow: 0 4px 12px rgba(109,40,217,.32);
  transition: all .15s;
}
.dn-pill-ai svg{ width:16px; height:16px; }
.dn-pill-ai:hover{
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(109,40,217,.42);
  color:#fff !important;
}

.dn-pill-upgrade{
  display:inline-flex; align-items:center; gap:7px;
  padding: 9px 16px;
  background: linear-gradient(135deg, var(--dn-brand) 0%, var(--dn-brand-2) 100%);
  color:#fff !important;
  border-radius:10px;
  font-size:13px; font-weight:700;
  text-decoration:none !important;
  box-shadow: 0 4px 12px rgba(21,144,1,.3);
  transition: all .15s;
}
.dn-pill-upgrade svg{ width:15px; height:15px; }
.dn-pill-upgrade:hover{ transform:translateY(-1px); box-shadow:0 6px 16px rgba(21,144,1,.4); color:#fff !important; }

.dn-mobile-only{ display:none !important; }
@media(max-width:1024px){
  .dn-mobile-only{ display:inline-flex !important; }
  .dn-top-bar{ padding: 10px 14px; }
  .dn-top-search{ max-width:none; }
  .dn-pill-upgrade .label, .dn-pill-ai{ font-size: 12px; padding: 8px 12px; }
}
@media(max-width:640px){
  .dn-top-search input{ font-size: 13px; }
  .dn-top-actions .dn-pill-upgrade span{ display:none; }
}

/* Hide the legacy bal_count duplicate when top bar is showing */
.dn-mobile-toggle{
  background: transparent;
  border: 1px solid var(--dn-line);
  border-radius: 8px; padding: 6px;
  cursor: pointer; color: var(--dn-brand-3);
  flex-shrink: 0;
}
.dn-mobile-toggle svg{ width:22px; height:22px; display:block; }

/* Reduce extra page padding since top bar is now sticky */
body.dn-has-sidebar .page_main{ padding: 18px 26px !important; }

/* ═══ TABLE ROW POLISH (leads.dn-style) ═══ */
body.dn-has-sidebar .home_table{ background:#fff; border:1px solid var(--dn-line); border-radius:0 0 14px 14px; overflow-x:auto; }

/* Avatar circle for first cell (NAME column) — generated from text via CSS */
body.dn-has-sidebar .home_table tbody td:first-child{
  font-weight: 700;
  color: var(--dn-ink);
}

/* Quick-action cell email/phone styling */
body.dn-has-sidebar .home_table .quick_action a,
body.dn-has-sidebar .home_table td a[href^="mailto"],
body.dn-has-sidebar .home_table td a[href^="tel"]{
  display: inline-flex; align-items: center; gap: 6px;
  padding: 5px 10px;
  background: #eef7ec;
  color: var(--dn-brand-2) !important;
  border-radius: 6px;
  font-size: 12.5px; font-weight: 600;
  text-decoration: none !important;
  margin: 2px;
  transition: all .12s;
}
body.dn-has-sidebar .home_table .quick_action a:hover,
body.dn-has-sidebar .home_table td a[href^="mailto"]:hover,
body.dn-has-sidebar .home_table td a[href^="tel"]:hover{
  background: var(--dn-brand);
  color: #fff !important;
}

/* Social icons in rows — uniform circular badges */
body.dn-has-sidebar .home_table img[src*="linkedin"],
body.dn-has-sidebar .home_table img[src*="facebook"],
body.dn-has-sidebar .home_table img[src*="twitter"],
body.dn-has-sidebar .home_table img[src*="link"]{
  width: 22px !important; height: 22px !important;
  padding: 4px;
  background: #eef7ec;
  border-radius: 50%;
  vertical-align: middle;
  margin: 0 2px;
  transition: all .12s;
}
body.dn-has-sidebar .home_table img[src*="linkedin"]:hover,
body.dn-has-sidebar .home_table img[src*="facebook"]:hover,
body.dn-has-sidebar .home_table img[src*="twitter"]:hover,
body.dn-has-sidebar .home_table img[src*="link"]:hover{
  background: var(--dn-brand); transform: scale(1.1);
}

/* "Save to List" / "Export" buttons in header */
body.dn-has-sidebar .actions.export .cstm_btn{
  border-radius: 9px !important;
  font-size: 12.5px !important; font-weight: 700 !important;
  padding: 8px 14px !important;
  border: 1.5px solid var(--dn-line) !important;
}
body.dn-has-sidebar .actions.export .cstm_btn:not(.defualt_light){
  background: linear-gradient(135deg, var(--dn-brand), var(--dn-brand-2)) !important;
  color:#fff !important; border-color: transparent !important;
  box-shadow: 0 3px 10px rgba(21,144,1,.25);
}
body.dn-has-sidebar .actions.export .cstm_btn.defualt_light{
  background:#fff !important; color: var(--dn-brand-2) !important;
}
body.dn-has-sidebar .actions.export .cstm_btn.defualt_light:hover{
  background:#eef7ec !important; border-color: var(--dn-brand) !important;
}

/* Pagination buttons */
body.dn-has-sidebar .pagination a, body.dn-has-sidebar .pagination span{
  border-radius: 8px !important; margin: 0 2px !important;
  border: 1px solid var(--dn-line) !important; color: var(--dn-ink-2) !important;
  font-weight: 600 !important; font-size: 13px !important;
}
body.dn-has-sidebar .pagination .active span,
body.dn-has-sidebar .pagination li.active span{
  background: linear-gradient(135deg, var(--dn-brand), var(--dn-brand-2)) !important;
  color:#fff !important; border-color: transparent !important;
}

/* Reduce credit balance text in content_heading (top bar already shows it conceptually) */
body.dn-has-sidebar .content_heading .actions{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
}

/* Push everything below sticky top bar correctly */
body.dn-has-sidebar .dn-app-wrapper{ display:flex; flex-direction:column; }

/* Hide mobile-bar from earlier version (replaced by top-bar) */
.dn-mobile-bar{ display:none !important; }

/* ═══════════════════════════════════════════════════════════════════════════
   DN POLISH v12 — Compact filter rows + leads.dn contacts table density
   ═══════════════════════════════════════════════════════════════════════════ */

/* ═══ FILTERS — compact row style (override v8 padded chips) ═══ */
body.dn-has-sidebar .home_blocks .left{
  flex: 0 0 230px !important; max-width: 230px !important; width: 230px !important;
}
body.dn-has-sidebar .stiky_sidebar{
  padding: 10px 8px !important;
  border-radius: 12px !important;
  font-family:'Inter',sans-serif;
}
body.dn-has-sidebar .data_serch_filter{ padding: 0 6px 8px; }
body.dn-has-sidebar .data_serch_filter input{
  height: 34px !important; font-size: 13px !important;
  padding: 0 10px !important;
  border-radius: 7px !important;
}

body.dn-has-sidebar .sidefilter_title{
  display: flex; align-items: center;
  padding: 6px 8px 8px !important;
  margin: 0 !important;
  border-bottom: 1px solid var(--dn-line) !important;
}
body.dn-has-sidebar .sidefilter_title h4{
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: var(--dn-brand-2) !important;
  margin: 0 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  display: inline-flex; align-items: center; gap: 6px;
}
body.dn-has-sidebar .sidefilter_title h4::before{
  content: ""; width: 14px; height: 14px;
  background: var(--dn-brand);
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><polygon points='22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3'/></svg>") center/contain no-repeat;
          mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><polygon points='22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3'/></svg>") center/contain no-repeat;
  display:inline-block;
}

/* Override v8: each filter is a tight single row, NOT a padded chip card */
body.dn-has-sidebar .input_select_filter{
  position: relative;
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid #f0f4ef !important;
  border-radius: 0 !important;
  padding: 9px 8px 9px 30px !important;
  margin: 0 !important;
  cursor: pointer;
  transition: background .12s;
  min-height: 38px;
  display: flex; align-items: center;
}
body.dn-has-sidebar .input_select_filter:last-child{ border-bottom: none !important; }
body.dn-has-sidebar .input_select_filter:hover{
  background: #f7faf6 !important;
  box-shadow: none !important;
  border-color: #f0f4ef !important;
}
body.dn-has-sidebar .input_select_filter:hover::before{ color: var(--dn-brand); }

/* Filter label (left side) — replaces the floating ::before from v8 */
body.dn-has-sidebar .input_select_filter::before{
  position: absolute !important;
  top: 50% !important; left: 8px !important;
  transform: translateY(-50%) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--dn-ink-2) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
/* Chevron on right */
body.dn-has-sidebar .input_select_filter::after{
  content: "";
  position: absolute;
  top: 50%; right: 10px;
  width: 12px; height: 12px;
  transform: translateY(-50%);
  background-color: var(--dn-ink-3);
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") center/contain no-repeat;
          mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") center/contain no-repeat;
}

/* When the select has values selected, hide the label text */
body.dn-has-sidebar .input_select_filter .select2-container{
  width: 100% !important;
  margin-left: -22px;
}
body.dn-has-sidebar .input_select_filter .select2-selection{
  background: transparent !important;
  border: none !important;
  min-height: 22px !important; padding: 0 22px 0 22px !important;
  outline: none !important;
}
body.dn-has-sidebar .input_select_filter .select2-selection__rendered{
  padding: 0 !important;
  display: flex !important; align-items: center !important; flex-wrap: wrap !important;
  gap: 3px;
  min-height: 22px;
}
body.dn-has-sidebar .input_select_filter .select2-selection__placeholder{
  display: none !important;
}
body.dn-has-sidebar .input_select_filter .select2-selection__choice{
  background: linear-gradient(135deg, var(--dn-brand) 0%, var(--dn-brand-2) 100%) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 5px !important;
  padding: 1px 7px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  margin: 1px !important;
  line-height: 1.4 !important;
}
body.dn-has-sidebar .input_select_filter .select2-selection__choice__remove{
  color: #fff !important; opacity: .85; margin-right: 3px !important;
}

/* Add "Advanced" badge to keywords filter */
body.dn-has-sidebar .input_select_filter:has(select[name="keywords"]){
  padding-right: 90px !important;
}
body.dn-has-sidebar .input_select_filter:has(select[name="keywords"])::after{
  content: "Advanced";
  width: auto; height: auto;
  background: linear-gradient(135deg, #6d28d9 0%, #db2777 100%);
  color: #fff;
  font-size: 9.5px; font-weight: 700;
  padding: 2px 6px;
  border-radius: 4px;
  text-transform: uppercase; letter-spacing: .4px;
  right: 28px;
  -webkit-mask: none; mask: none;
}
body.dn-has-sidebar .input_select_filter:has(select[name="keywords"]) .select2-container{
  margin-right: 60px;
}

/* ═══ CONTENT HEADING — slimmer "credit balance" row, optional ═══ */
body.dn-has-sidebar .content_heading{
  padding: 10px 16px !important;
  border-radius: 12px !important;
  margin-bottom: 12px !important;
  font-size: 13px !important;
}
body.dn-has-sidebar .bal_count{ font-size: 12.5px !important; }

/* ═══ TABS — leads.dn underline pill style ═══ */
body.dn-has-sidebar .filter_tabs{
  border-radius: 12px !important;
}
body.dn-has-sidebar .filter_tabs_header{
  padding: 4px 12px 0 !important;
  border-bottom: 1px solid var(--dn-line) !important;
  background: #fff !important;
}
body.dn-has-sidebar .filter_title_list{ gap: 0 !important; }
body.dn-has-sidebar .filter_link{
  padding: 11px 16px !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--dn-ink-3) !important;
  font-size: 13px !important; font-weight: 600 !important;
  border-bottom: 2px solid transparent !important;
  margin-bottom: -1px;
}
body.dn-has-sidebar .filter_link:hover{
  background: transparent !important;
  color: var(--dn-brand-2) !important;
}
body.dn-has-sidebar .filter_link.active{
  background: transparent !important;
  color: var(--dn-brand-2) !important;
  border-bottom: 2px solid var(--dn-brand) !important;
  box-shadow: none !important;
  font-weight: 700 !important;
}

/* ═══ TABLE — leads.dn density ═══ */
body.dn-has-sidebar .home_table{
  border: none !important;
  border-radius: 0 0 12px 12px !important;
}
body.dn-has-sidebar .home_table table{
  font-size: 13px !important;
  font-family: 'Inter', sans-serif !important;
}
body.dn-has-sidebar .home_table thead th{
  background: #fff !important;
  color: #6b7670 !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: .8px;
  padding: 10px 14px !important;
  text-transform: uppercase;
  border-bottom: 1px solid var(--dn-line) !important;
}
body.dn-has-sidebar .home_table tbody td{
  padding: 10px 14px !important;
  font-size: 12.8px !important;
  vertical-align: middle !important;
  border-bottom: 1px solid #f4f7f3 !important;
  color: var(--dn-ink) !important;
}
body.dn-has-sidebar .home_table tbody tr{ transition: background .1s; }
body.dn-has-sidebar .home_table tbody tr:hover{ background: #f9fbf8 !important; }

/* Bold name cells */
body.dn-has-sidebar .home_table tbody td:nth-child(2){
  font-weight: 600 !important; color: var(--dn-brand-3) !important;
}
body.dn-has-sidebar .home_table tbody td:nth-child(3){
  color: var(--dn-ink-2) !important; font-size: 12.5px !important;
}

/* Email/phone "access" pills */
body.dn-has-sidebar .home_table .quick_action a,
body.dn-has-sidebar .home_table td a[href^="mailto"],
body.dn-has-sidebar .home_table td a[href^="tel"]{
  padding: 4px 9px !important;
  font-size: 11.5px !important;
  border-radius: 5px !important;
  background: #eef7ec !important;
  color: var(--dn-brand-2) !important;
  border: 1px solid #d6ebd2;
}
body.dn-has-sidebar .home_table .quick_action a:hover,
body.dn-has-sidebar .home_table td a[href^="mailto"]:hover,
body.dn-has-sidebar .home_table td a[href^="tel"]:hover{
  background: var(--dn-brand) !important;
  color: #fff !important;
  border-color: var(--dn-brand) !important;
}

/* Social row icons — smaller, rounded */
body.dn-has-sidebar .home_table img[src*="linkedin"],
body.dn-has-sidebar .home_table img[src*="facebook"],
body.dn-has-sidebar .home_table img[src*="twitter"],
body.dn-has-sidebar .home_table img[src*="link"]:not([src*="linked"]){
  width: 18px !important; height: 18px !important;
  padding: 3px;
  background: #f3f7f2;
  border-radius: 4px;
  margin: 0 1px;
}

/* Checkbox column */
body.dn-has-sidebar .home_table input[type="checkbox"]{
  width: 16px; height: 16px;
  accent-color: var(--dn-brand);
  cursor: pointer;
}

/* Smaller buttons in export row */
body.dn-has-sidebar .actions.export .cstm_btn{
  padding: 7px 12px !important;
  font-size: 12px !important;
}

/* Reduce filter modal/popup font (select2 dropdown) */
.select2-container--default .select2-results__option{
  font-size: 12.5px !important; padding: 7px 12px !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
  font-size: 12.5px !important; padding: 6px 10px !important;
}

/* "View Plans" button compact */
body.dn-has-sidebar .content_heading .cstm_btn{
  padding: 6px 12px !important; font-size: 12px !important; border-radius: 7px !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   DN POLISH v13 — Top bar Web Guide pill + force pagination + split-screen login
   ═══════════════════════════════════════════════════════════════════════════ */

.dn-pill-light{
  display:inline-flex; align-items:center; gap:7px;
  padding: 9px 14px;
  background: #fff;
  color: var(--dn-brand-2) !important;
  border: 1.5px solid var(--dn-line);
  border-radius: 10px;
  font-size: 13px; font-weight: 700;
  text-decoration: none !important;
  transition: all .15s;
}
.dn-pill-light svg{ width:15px; height:15px; }
.dn-pill-light:hover{
  background:#eef7ec; border-color: var(--dn-brand);
  color: var(--dn-brand-2) !important; transform: translateY(-1px);
}
@media(max-width:640px){
  .dn-pill-light span,.dn-pill-light{ font-size:12px; padding:7px 10px; }
}

/* Force the dataTables pagination to remain visible (was hidden when records<pageLength) */
body.dn-has-sidebar .dataTables_paginate{ display:flex !important; padding: 12px 16px; gap: 4px; align-items:center; justify-content:flex-end; }
body.dn-has-sidebar .dataTables_paginate .pagination{ margin: 0; }
body.dn-has-sidebar .dataTables_length{ padding: 12px 16px; font-size: 12.5px; color: var(--dn-ink-2); }
body.dn-has-sidebar .dataTables_length select{
  height: 30px; border:1px solid var(--dn-line); border-radius:6px;
  font-size: 12.5px; padding: 0 6px; background:#fff;
}
body.dn-has-sidebar .dataTables_info{ padding: 12px 16px; font-size: 12.5px; color: var(--dn-ink-3); }

/* ═══ SPLIT-SCREEN LOGIN ═══ */
.dn-auth-split{
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 100vh;
  background: #fff;
  font-family: 'Inter','Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
}
.dn-auth-brand{
  position: relative;
  background: radial-gradient(circle at 0% 0%, #1ecc00 0%, #159001 35%, #0e6b01 70%, #0a2e06 100%);
  color: #fff;
  padding: 44px 56px;
  display: flex; flex-direction: column;
  overflow: hidden;
}
.dn-auth-brand::before{
  content:""; position: absolute; inset: 0;
  background:
    radial-gradient(circle at 80% 10%, rgba(255,255,255,.08) 0%, transparent 35%),
    radial-gradient(circle at 20% 90%, rgba(255,255,255,.06) 0%, transparent 40%);
  pointer-events: none;
}
.dn-auth-brand::after{
  content:""; position: absolute;
  inset: -100px -150px -150px auto;
  width: 500px;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size: 32px 32px;
  transform: rotate(8deg);
  pointer-events: none;
}
.dn-auth-brand-logo{
  display: flex; align-items: center; gap: 12px;
  text-decoration: none !important; color: #fff !important;
  position: relative; z-index: 2;
}
.dn-auth-brand-logo img{
  height: 44px; width: auto;
  filter: brightness(0) invert(1);
}
.dn-auth-brand-name{
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size: 18px; font-weight: 800; letter-spacing: -.2px;
}
.dn-auth-brand-tag{
  font-size: 11px; font-weight: 600;
  text-transform: uppercase; letter-spacing: 1px;
  opacity: .7; margin-top: 2px;
}
.dn-auth-brand-body{
  margin: auto 0; position: relative; z-index: 2; max-width: 480px;
}
.dn-auth-brand-heading{
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size: 38px; font-weight: 800; letter-spacing: -.8px;
  line-height: 1.15; color: #fff; margin: 0 0 18px;
}
.dn-auth-brand-lede{
  font-size: 16px; line-height: 1.55; color: rgba(255,255,255,.86);
  margin: 0 0 32px; max-width: 440px;
}
.dn-auth-feature-list{
  list-style: none; padding: 0; margin: 0;
  display: flex; flex-direction: column; gap: 18px;
}
.dn-auth-feature-list li{
  display: flex; align-items: flex-start; gap: 14px;
  font-size: 14px; color: rgba(255,255,255,.92); line-height: 1.5;
}
.dn-auth-feature-list b{
  color: #fff; font-size: 14.5px; font-weight: 700;
}
.dn-auth-feature-list small{
  color: rgba(255,255,255,.7); font-size: 12.5px;
  display: block; margin-top: 2px;
}
.dn-auth-feat-dot{
  flex-shrink: 0; width: 22px; height: 22px;
  border-radius: 50%;
  background: rgba(255,255,255,.18);
  border: 1.5px solid rgba(255,255,255,.4);
  display: flex; align-items: center; justify-content: center;
  margin-top: 1px;
  position: relative;
}
.dn-auth-feat-dot::after{
  content:""; width: 8px; height: 8px;
  border-radius: 50%; background: #fff;
}
.dn-auth-brand-foot{
  position: relative; z-index: 2;
  font-size: 12px; color: rgba(255,255,255,.55);
  margin-top: 28px; letter-spacing: .2px;
}

/* RIGHT pane */
.dn-auth-pane{
  display: flex; align-items: center; justify-content: center;
  padding: 44px 32px;
  background: #fbfdfa;
}
.dn-auth-pane-inner{
  width: 100%; max-width: 420px;
}
.dn-auth-pane-mini-brand{
  display: none;
  align-items: center; gap: 10px;
  margin-bottom: 26px;
}
.dn-auth-pane-mini-brand img{ height: 32px; }
.dn-auth-pane-mini-brand span{
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size: 16px; font-weight: 800; color: var(--dn-brand-3,#0a2e06);
}
.dn-auth-h1{
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size: 28px; font-weight: 800;
  color: #0a2e06; letter-spacing: -.4px;
  margin: 0 0 8px;
}
.dn-auth-sub2{
  font-size: 14.5px; color: #5e6b5d;
  margin: 0 0 28px;
}
.dn-auth-form2{ display: flex; flex-direction: column; gap: 16px; }
.dn-fld{ display: flex; flex-direction: column; }
.dn-fld-lbl{
  font-size: 12.5px; font-weight: 700;
  color: #2e3b2c;
  margin-bottom: 6px;
  letter-spacing: .1px;
}
.dn-fld-wrap{
  position: relative;
  display: flex; align-items: center;
  background: #fff;
  border: 1.5px solid #e1e7df;
  border-radius: 11px;
  transition: all .15s;
}
.dn-fld-wrap:focus-within{
  border-color: #159001;
  box-shadow: 0 0 0 4px rgba(30,204,0,.10);
}
.dn-fld-wrap > svg{
  width: 18px; height: 18px;
  margin: 0 10px 0 14px;
  color: #859184;
  flex-shrink: 0;
}
.dn-fld-wrap input{
  flex: 1; min-width: 0;
  height: 46px;
  border: none; outline: none; background: transparent;
  font-size: 14.5px; color: #1a2918;
  padding: 0 8px 0 0;
  font-family: inherit;
}
.dn-fld-wrap input::placeholder{ color: #a5b0a3; }
.dn-fld-eye{
  background: transparent; border: none; cursor: pointer;
  padding: 0 14px; height: 100%; color: #859184;
  display: flex; align-items: center;
}
.dn-fld-eye:hover{ color: var(--dn-brand,#159001); }
.dn-fld-eye.on{ color: var(--dn-brand,#159001); }
.dn-fld-err{
  font-size: 12.5px; color: #c8232c;
  margin-top: 6px; padding-left: 4px;
}
.dn-auth-row{
  display: flex; justify-content: space-between; align-items: center;
  margin: 4px 0 4px;
}
.dn-cb{
  display: flex; align-items: center; gap: 8px;
  font-size: 13px; color: #3a4a37; cursor: pointer;
  margin: 0;
}
.dn-cb input{ width: 16px; height: 16px; accent-color: #159001; }
.dn-link2{
  font-size: 13px; font-weight: 600;
  color: #159001 !important; text-decoration: none !important;
}
.dn-link2:hover{ color: #0e6b01 !important; text-decoration: underline !important; }

.dn-auth-cta{
  display: flex; align-items: center; justify-content: center;
  gap: 8px;
  width: 100%; height: 50px;
  border: none; cursor: pointer;
  background: linear-gradient(135deg, #1ecc00 0%, #159001 50%, #0e6b01 100%);
  color: #fff !important;
  border-radius: 11px;
  font-size: 15px; font-weight: 700;
  letter-spacing: .2px;
  box-shadow: 0 8px 24px rgba(21,144,1,.32);
  transition: all .18s;
  font-family: inherit;
  margin-top: 4px;
}
.dn-auth-cta:hover{
  transform: translateY(-1px);
  box-shadow: 0 12px 28px rgba(21,144,1,.42);
}
.dn-auth-cta svg{ width: 16px; height: 16px; }

.dn-auth-divider{
  position: relative;
  text-align: center;
  margin: 18px 0 8px;
}
.dn-auth-divider::before{
  content:""; position: absolute;
  top: 50%; left: 0; right: 0;
  height: 1px; background: #e1e7df;
}
.dn-auth-divider span{
  position: relative;
  background: #fbfdfa;
  padding: 0 14px;
  font-size: 11.5px; font-weight: 600;
  color: #859184;
  text-transform: uppercase; letter-spacing: 1px;
}
.dn-auth-social{
  display: flex; align-items: center; justify-content: center;
  gap: 10px;
  height: 46px;
  background: #fff;
  border: 1.5px solid #e1e7df;
  border-radius: 11px;
  font-size: 14px; font-weight: 600;
  color: #2e3b2c !important;
  text-decoration: none !important;
  transition: all .15s;
}
.dn-auth-social:hover{
  border-color: #0a66c2; color: #0a66c2 !important;
  background: #f5f9ff;
}

.dn-auth-switch{
  text-align: center;
  font-size: 13.5px;
  color: #5e6b5d;
  margin: 16px 0 0;
}
.dn-auth-switch a{
  font-weight: 700; color: #159001 !important;
  text-decoration: none !important;
}
.dn-auth-switch a:hover{ color: #0e6b01 !important; text-decoration: underline !important; }

.dn-auth-fineprint{
  text-align: center;
  font-size: 12px; color: #859184;
  margin: 22px 0 0; line-height: 1.5;
}
.dn-auth-fineprint a{ color: #159001 !important; }

/* Mobile */
@media (max-width: 960px){
  .dn-auth-split{ grid-template-columns: 1fr; }
  .dn-auth-brand{ display: none; }
  .dn-auth-pane{ padding: 28px 22px; min-height: 100vh; }
  .dn-auth-pane-mini-brand{ display: flex; justify-content: center; }
  .dn-auth-pane-inner{ max-width: 460px; margin: 0 auto; }
  .dn-auth-h1{ text-align: center; font-size: 26px; }
  .dn-auth-sub2{ text-align: center; }
}

/* Hide the OLD .dn-auth-page wrapper (from previous version) just in case it's still around */
.dn-auth-split + .dn-auth-page{ display: none !important; }

/* ═══════════════════════════════════════════════════════════════════════════
   DN POLISH v14 — Single-page (no scroll) shell + Apollo-style filters/contacts
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── No-scroll login (fits 100vh exactly) ─── */
html, body { height: 100%; }
.dn-auth-split{
  height: 100vh; min-height: 100vh; max-height: 100vh;
  overflow: hidden;
}
.dn-auth-brand{ overflow: hidden; padding: 36px 44px; }
.dn-auth-brand-heading{ font-size: 32px; margin-bottom: 14px; }
.dn-auth-brand-lede{ font-size: 14.5px; margin-bottom: 22px; line-height: 1.5; }
.dn-auth-feature-list{ gap: 14px; }
.dn-auth-feature-list li{ font-size: 13.5px; }
.dn-auth-feature-list b{ font-size: 14px; }
.dn-auth-feature-list small{ font-size: 12px; }
.dn-auth-pane{ padding: 28px 32px; overflow-y: auto; }
.dn-auth-pane-inner{ max-width: 400px; }
.dn-auth-h1{ font-size: 26px; margin-bottom: 6px; }
.dn-auth-sub2{ font-size: 14px; margin-bottom: 22px; }
.dn-auth-form2{ gap: 14px; }
.dn-fld-wrap input{ height: 44px; font-size: 14px; }
.dn-auth-cta{ height: 48px; font-size: 14.5px; }
.dn-auth-divider{ margin: 14px 0 6px; }
.dn-auth-social{ height: 44px; font-size: 13.5px; }
.dn-auth-switch{ margin-top: 12px; font-size: 13px; }
.dn-auth-fineprint{ margin-top: 14px; font-size: 11.5px; }

/* ─── Single-page app shell: fixed sidebar + top-bar, scroll only inside main ─── */
body.dn-has-sidebar{ height: 100vh; overflow: hidden; }
body.dn-has-sidebar .dn-app-wrapper{
  height: 100vh; display: flex; flex-direction: column; overflow: hidden;
}
body.dn-has-sidebar .dn-top-bar{ flex-shrink: 0; }
body.dn-has-sidebar .page_main{
  flex: 1 1 auto; min-height: 0; overflow-y: auto; overflow-x: hidden;
  scrollbar-gutter: stable;
}
body.dn-has-sidebar .page_main::-webkit-scrollbar{ width: 8px; height: 8px; }
body.dn-has-sidebar .page_main::-webkit-scrollbar-thumb{ background: #cbd6c9; border-radius: 4px; }
body.dn-has-sidebar .page_main::-webkit-scrollbar-thumb:hover{ background: #9bb097; }
body.dn-has-sidebar .page_main::-webkit-scrollbar-track{ background: transparent; }

/* Make the dashboard inner shell fill (no double-scroll) */
body.dn-has-sidebar .dashboard_main,
body.dn-has-sidebar .leads_dashboard,
body.dn-has-sidebar .leads_dashbord{
  min-height: auto !important;
}

/* ─── APOLLO-STYLE FILTER COLUMN — refined typography + spacing ─── */
:root{
  --apo-fs-row: 12.5px;
  --apo-fs-h:   11px;
  --apo-text:   #1f2937;
  --apo-muted:  #6b7280;
  --apo-line:   #e8eced;
  --apo-bg-hover:#f5f9f3;
}

body.dn-has-sidebar .filter_sidebar,
body.dn-has-sidebar #filter_sidebar_form{
  font-family: 'Inter','SF Pro Display',-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',sans-serif !important;
  font-size: var(--apo-fs-row);
  color: var(--apo-text);
  background: #ffffff !important;
  border-right: 1px solid var(--apo-line) !important;
}

/* "Filters" header */
body.dn-has-sidebar .filter_sidebar .filter_main_title,
body.dn-has-sidebar .filter_sidebar > h2,
body.dn-has-sidebar .filter_sidebar > .filter_title{
  font-size: 15px !important; font-weight: 700 !important;
  color: #0a2e06 !important;
  letter-spacing: -.1px;
  padding: 14px 16px 10px !important;
  border-bottom: 1px solid var(--apo-line) !important;
  margin: 0 !important;
}

/* Each filter row */
body.dn-has-sidebar .filter_sidebar .filter_box,
body.dn-has-sidebar .filter_sidebar .filter_item{
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  border-bottom: 1px solid var(--apo-line) !important;
  border-radius: 0 !important;
  margin: 0 !important;
}
body.dn-has-sidebar .filter_sidebar .filter_box .filter_title,
body.dn-has-sidebar .filter_sidebar .filter_item > label{
  display: flex !important; align-items: center; gap: 8px;
  height: 38px;
  padding: 0 12px 0 14px !important;
  font-size: var(--apo-fs-row) !important;
  font-weight: 600 !important;
  color: var(--apo-text) !important;
  cursor: pointer;
  letter-spacing: 0;
  text-transform: none !important;
  position: relative;
}
body.dn-has-sidebar .filter_sidebar .filter_box .filter_title::after{
  content: ""; margin-left: auto;
  width: 8px; height: 8px;
  border-right: 1.6px solid #94a3b8;
  border-bottom: 1.6px solid #94a3b8;
  transform: rotate(-45deg);
  transition: transform .15s;
}
body.dn-has-sidebar .filter_sidebar .filter_box.active .filter_title::after,
body.dn-has-sidebar .filter_sidebar .filter_box.open .filter_title::after{
  transform: rotate(45deg);
}
body.dn-has-sidebar .filter_sidebar .filter_box:hover{ background: var(--apo-bg-hover); }

/* Selected pills inside collapsed row */
body.dn-has-sidebar .filter_sidebar .select2-selection__choice{
  font-size: 11px !important; line-height: 18px !important;
  padding: 1px 6px !important;
  background: #e9f5e6 !important; color: #0e6b01 !important;
  border: 1px solid #bbe1b3 !important; border-radius: 4px !important;
  margin: 2px 4px 2px 0 !important;
}

/* Search-within-filter inputs */
body.dn-has-sidebar .filter_sidebar input[type=search],
body.dn-has-sidebar .filter_sidebar input[type=text]{
  font-size: 12.5px !important; height: 32px !important;
  border: 1px solid #e1e7df !important; border-radius: 6px !important;
  padding: 0 10px !important; background: #fcfdfb !important;
}

/* Advanced badge next to keywords */
body.dn-has-sidebar .filter_sidebar .filter_box[data-name="keywords"] .filter_title::before,
body.dn-has-sidebar .filter_sidebar .filter_item.keywords > label::before{
  content: "Advanced";
  background: linear-gradient(135deg,#a855f7,#ec4899);
  color: #fff; font-size: 9.5px; font-weight: 700;
  padding: 2px 6px; border-radius: 9px;
  margin-left: auto; margin-right: 4px;
  letter-spacing: .3px;
}

/* ─── CONTACT TABLE — Apollo / leads.dn density & typography ─── */
body.dn-has-sidebar .table-responsive,
body.dn-has-sidebar .dataTables_wrapper{
  font-family: 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}

/* Tabs row above table */
body.dn-has-sidebar .nav-tabs,
body.dn-has-sidebar .leads_tabs,
body.dn-has-sidebar .lead_tabs{
  border-bottom: 1px solid var(--apo-line) !important;
  padding: 0 18px !important;
  background: #fff !important;
  display: flex; gap: 8px;
}
body.dn-has-sidebar .nav-tabs .nav-link,
body.dn-has-sidebar .leads_tabs a,
body.dn-has-sidebar .lead_tabs a{
  padding: 12px 14px 11px !important;
  font-size: 13px !important; font-weight: 600 !important;
  color: var(--apo-muted) !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  position: relative;
  text-decoration: none !important;
}
body.dn-has-sidebar .nav-tabs .nav-link.active,
body.dn-has-sidebar .leads_tabs a.active,
body.dn-has-sidebar .lead_tabs a.active{
  color: var(--dn-brand,#159001) !important;
  background: transparent !important;
}
body.dn-has-sidebar .nav-tabs .nav-link.active::after,
body.dn-has-sidebar .leads_tabs a.active::after,
body.dn-has-sidebar .lead_tabs a.active::after{
  content: ""; position: absolute;
  left: 8px; right: 8px; bottom: -1px; height: 2.5px;
  background: var(--dn-brand,#159001);
  border-radius: 2px 2px 0 0;
}

/* Table header */
body.dn-has-sidebar #data_datatable thead th,
body.dn-has-sidebar table.dataTable thead th{
  font-size: 10.5px !important; font-weight: 700 !important;
  text-transform: uppercase !important; letter-spacing: .6px !important;
  color: #6b7280 !important;
  background: #fafbfa !important;
  border-bottom: 1px solid var(--apo-line) !important;
  border-top: none !important;
  padding: 11px 12px !important;
  white-space: nowrap;
}

/* Table body */
body.dn-has-sidebar #data_datatable tbody td,
body.dn-has-sidebar table.dataTable tbody td{
  font-size: 12.8px !important;
  color: var(--apo-text) !important;
  padding: 10px 12px !important;
  border-bottom: 1px solid #f0f3f0 !important;
  vertical-align: middle !important;
  line-height: 1.45;
}
body.dn-has-sidebar #data_datatable tbody tr:hover td,
body.dn-has-sidebar table.dataTable tbody tr:hover td{
  background: #f7faf6 !important;
}

/* Name (col 2) bold dark green; Title (col 3) muted */
body.dn-has-sidebar #data_datatable tbody td:nth-child(2),
body.dn-has-sidebar table.dataTable tbody td:nth-child(2){
  font-weight: 700 !important; color: #0a2e06 !important;
}
body.dn-has-sidebar #data_datatable tbody td:nth-child(3),
body.dn-has-sidebar table.dataTable tbody td:nth-child(3){
  color: #5e6b5d !important; font-size: 12.5px !important;
}

/* Email/phone quick-action links → small bordered green pills */
body.dn-has-sidebar #data_datatable tbody td a.email_link,
body.dn-has-sidebar #data_datatable tbody td a.phone_link,
body.dn-has-sidebar #data_datatable tbody td .access_email,
body.dn-has-sidebar #data_datatable tbody td .access_phone{
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 11.5px !important; font-weight: 600;
  color: var(--dn-brand,#159001) !important;
  background: #fff !important;
  border: 1px solid #bbe1b3 !important;
  border-radius: 14px !important;
  padding: 4px 10px !important;
  text-decoration: none !important;
  transition: all .12s;
}
body.dn-has-sidebar #data_datatable tbody td a.email_link:hover,
body.dn-has-sidebar #data_datatable tbody td a.phone_link:hover,
body.dn-has-sidebar #data_datatable tbody td .access_email:hover,
body.dn-has-sidebar #data_datatable tbody td .access_phone:hover{
  background: var(--dn-brand,#159001) !important; color: #fff !important;
  border-color: var(--dn-brand,#159001) !important;
}

/* Social icons */
body.dn-has-sidebar #data_datatable tbody td .social_icon,
body.dn-has-sidebar #data_datatable tbody td a[href*="linkedin"] img,
body.dn-has-sidebar #data_datatable tbody td a[href*="facebook"] img,
body.dn-has-sidebar #data_datatable tbody td a[href*="twitter"] img{
  width: 18px !important; height: 18px !important;
  background: #f1f5f0; border-radius: 5px; padding: 2px;
  margin-right: 3px;
}

/* Checkboxes */
body.dn-has-sidebar #data_datatable input[type=checkbox]{
  accent-color: var(--dn-brand,#159001);
  width: 14px; height: 14px;
}

/* Action buttons (View Plans / Save / Export) above table */
body.dn-has-sidebar .leads_actions .cstm_btn,
body.dn-has-sidebar .lead_actions .cstm_btn,
body.dn-has-sidebar .table_actions .cstm_btn{
  font-size: 12px !important; padding: 7px 12px !important;
  height: auto !important; border-radius: 6px !important;
}

/* Filter sidebar width */
body.dn-has-sidebar .filter_sidebar{ width: 230px !important; min-width: 230px !important; }

/* Mobile */
@media (max-width: 960px){
  body.dn-has-sidebar{ overflow: auto; }
  body.dn-has-sidebar .page_main{ overflow: visible; }
  .dn-auth-split{ height: auto; min-height: 100vh; max-height: none; overflow: auto; }
  .dn-auth-pane{ overflow: visible; min-height: 100vh; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   DN POLISH v15 — Advanced Apollo-style filter column + contact rows
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── FILTER COLUMN: kill the awkward green-bordered "Filters" header box ─── */
body.dn-has-sidebar .filter_sidebar > .filter_main_title,
body.dn-has-sidebar .filter_sidebar > h2.filter_title,
body.dn-has-sidebar .filter_sidebar > .filter_title:first-of-type,
body.dn-has-sidebar .filter_sidebar > .filter_head,
body.dn-has-sidebar .filter_sidebar > .filter_header{
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid #e8eced !important;
  border-radius: 0 !important;
  padding: 12px 16px !important;
  margin: 0 !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #0a2e06 !important;
  display: flex; align-items: center; gap: 6px;
}
body.dn-has-sidebar .filter_sidebar > .filter_main_title::before{
  content: ""; width: 14px; height: 14px;
  background: 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.4' stroke-linecap='round' stroke-linejoin='round'><polygon points='22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3'/></svg>") no-repeat center/contain;
}

/* Search-within-filters input: tighter */
body.dn-has-sidebar .filter_sidebar .filter_search,
body.dn-has-sidebar .filter_sidebar input[type="search"]{
  margin: 8px 12px !important; width: calc(100% - 24px) !important;
  height: 32px !important; font-size: 12.5px !important;
  border-radius: 7px !important; border: 1px solid #e1e7df !important;
  background: #fafbfa !important;
}

/* Make Advanced badge fit (was being clipped to "ADVAN") */
body.dn-has-sidebar .filter_sidebar [class*="advanced"],
body.dn-has-sidebar .filter_sidebar .advance,
body.dn-has-sidebar .filter_sidebar .advanced_pill,
body.dn-has-sidebar .filter_sidebar .filter_box[data-name="keywords"] .filter_title::before,
body.dn-has-sidebar .filter_sidebar .filter_item.keywords > label::before{
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  flex-shrink: 0 !important;
  font-size: 9px !important; padding: 2px 6px !important;
  letter-spacing: .4px !important;
  text-transform: uppercase !important;
}

/* Filter row chevron alignment + row consistency */
body.dn-has-sidebar .filter_sidebar .filter_box,
body.dn-has-sidebar .filter_sidebar .filter_item{
  display: block !important;
}
body.dn-has-sidebar .filter_sidebar .filter_box .filter_title,
body.dn-has-sidebar .filter_sidebar .filter_item > label{
  display: flex !important; align-items: center;
  height: 40px !important;
  padding: 0 14px !important;
  font-size: 12.8px !important; font-weight: 600 !important;
  color: #2e3b2c !important;
  cursor: pointer; user-select: none;
  text-transform: none !important;
}

/* ─── CONTACTS TABLE: tight Apollo-style rows with avatar accent ─── */

/* Wrapper card */
body.dn-has-sidebar .leads_dashbord .table-responsive,
body.dn-has-sidebar .dataTables_wrapper{
  background: #fff !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Tabs row + Export button alignment */
body.dn-has-sidebar .leads_tabs,
body.dn-has-sidebar .lead_tabs,
body.dn-has-sidebar .nav-tabs{
  display: flex !important;
  align-items: stretch !important;
  border-bottom: 1px solid #e8eced !important;
  padding: 0 16px !important;
  background: #fff !important;
  gap: 4px;
  min-height: 44px;
}
body.dn-has-sidebar .leads_tabs .export_btn,
body.dn-has-sidebar .lead_tabs .export_btn,
body.dn-has-sidebar .leads_tabs button[id*="export"],
body.dn-has-sidebar .leads_tabs a[id*="export"]{
  margin-left: auto !important;
  align-self: center !important;
}

/* Table — outer */
body.dn-has-sidebar #data_datatable,
body.dn-has-sidebar table.dataTable{
  border-collapse: separate !important;
  border-spacing: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

/* Header row */
body.dn-has-sidebar #data_datatable thead th,
body.dn-has-sidebar table.dataTable thead th{
  font-size: 10.5px !important; font-weight: 700 !important;
  text-transform: uppercase !important; letter-spacing: .7px !important;
  color: #6b7280 !important;
  background: #fafbfa !important;
  border-bottom: 1px solid #e8eced !important;
  border-top: none !important;
  padding: 10px 14px !important;
}

/* Body rows: tighter, single divider */
body.dn-has-sidebar #data_datatable tbody td,
body.dn-has-sidebar table.dataTable tbody td{
  font-size: 12.7px !important;
  color: #1f2937 !important;
  padding: 10px 14px !important;
  border: none !important;
  border-bottom: 1px solid #f0f3f0 !important;
  vertical-align: middle !important;
  line-height: 1.45;
  background: #fff !important;
}
body.dn-has-sidebar #data_datatable tbody tr:hover td,
body.dn-has-sidebar table.dataTable tbody tr:hover td{
  background: #f7faf6 !important;
}

/* NAME column (col 2): bold dark green + small avatar dot accent */
body.dn-has-sidebar #data_datatable tbody td:nth-child(2){
  font-weight: 700 !important; color: #0a2e06 !important;
  white-space: nowrap;
  position: relative;
}
body.dn-has-sidebar #data_datatable tbody td:nth-child(2)::before{
  content: ""; display: inline-block;
  width: 28px; height: 28px;
  border-radius: 50%;
  background: linear-gradient(135deg, #1ecc00 0%, #159001 50%, #0e6b01 100%);
  margin-right: 10px; vertical-align: middle;
  box-shadow: 0 2px 6px rgba(21,144,1,.18);
  border: 2px solid #fff; outline: 1px solid #d6e8d2;
}

/* TITLE column (col 3): muted */
body.dn-has-sidebar #data_datatable tbody td:nth-child(3){
  color: #5e6b5d !important; font-size: 12.4px !important;
  max-width: 240px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* COMPANY column (col 4): keep text + chain icon clean */
body.dn-has-sidebar #data_datatable tbody td:nth-child(4){
  color: #2e3b2c !important;
  font-weight: 600 !important;
  white-space: nowrap;
}
body.dn-has-sidebar #data_datatable tbody td:nth-child(4) a{
  color: #2e3b2c !important; text-decoration: none !important;
}
body.dn-has-sidebar #data_datatable tbody td:nth-child(4) a:hover{ color: #159001 !important; }

/* In-line "in" LinkedIn badge after name → small circular blue badge */
body.dn-has-sidebar #data_datatable tbody td a[href*="linkedin"]{
  display: inline-flex !important;
  align-items: center; justify-content: center;
  width: 18px !important; height: 18px !important;
  background: #eaf3ff !important;
  border: 1px solid #cfe1f5 !important;
  border-radius: 4px !important;
  font-size: 9.5px !important; font-weight: 800 !important;
  color: #0a66c2 !important;
  text-decoration: none !important;
  vertical-align: middle;
  margin-left: 4px;
  padding: 0 !important;
  line-height: 1;
}
body.dn-has-sidebar #data_datatable tbody td a[href*="linkedin"]:hover{
  background: #0a66c2 !important; color: #fff !important; border-color: #0a66c2 !important;
}
body.dn-has-sidebar #data_datatable tbody td a[href*="linkedin"] img{
  width: 12px !important; height: 12px !important;
  background: transparent !important;
  border-radius: 0 !important; padding: 0 !important;
}

/* Facebook + Twitter inline badges */
body.dn-has-sidebar #data_datatable tbody td a[href*="facebook"],
body.dn-has-sidebar #data_datatable tbody td a[href*="twitter"]{
  display: inline-flex !important;
  align-items: center; justify-content: center;
  width: 22px !important; height: 22px !important;
  background: #f1f5f0 !important;
  border-radius: 5px !important;
  margin-right: 4px;
  vertical-align: middle;
}
body.dn-has-sidebar #data_datatable tbody td a[href*="facebook"]:hover{ background: #1877f2 !important; }
body.dn-has-sidebar #data_datatable tbody td a[href*="twitter"]:hover{ background: #1da1f2 !important; }
body.dn-has-sidebar #data_datatable tbody td a[href*="facebook"] img,
body.dn-has-sidebar #data_datatable tbody td a[href*="twitter"] img{
  width: 12px !important; height: 12px !important;
  background: transparent !important;
  border-radius: 0 !important; padding: 0 !important;
  margin: 0 !important;
}
body.dn-has-sidebar #data_datatable tbody td a[href*="facebook"]:hover img,
body.dn-has-sidebar #data_datatable tbody td a[href*="twitter"]:hover img{ filter: brightness(0) invert(1); }

/* Chain/link icon (the small ↗ arrow) - smaller, muted */
body.dn-has-sidebar #data_datatable tbody td img[src*="link"],
body.dn-has-sidebar #data_datatable tbody td .link_icon{
  width: 12px !important; height: 12px !important;
  opacity: .55;
  vertical-align: middle;
  margin-left: 2px;
}

/* QUICK ACTION column (last col before action) - email pill */
body.dn-has-sidebar #data_datatable tbody td:nth-last-child(2){
  font-size: 12.2px !important;
  color: #2e3b2c !important;
  max-width: 240px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
body.dn-has-sidebar #data_datatable tbody td:nth-last-child(2) a{
  color: #159001 !important; text-decoration: none !important; font-weight: 600;
}
body.dn-has-sidebar #data_datatable tbody td:nth-last-child(2) a:hover{ text-decoration: underline !important; }

/* Checkbox col tighter */
body.dn-has-sidebar #data_datatable tbody td:first-child,
body.dn-has-sidebar #data_datatable thead th:first-child{
  width: 38px !important; padding: 10px 8px 10px 14px !important;
}

/* "Your Credit Balance" pill — tighter */
body.dn-has-sidebar .credit_balance,
body.dn-has-sidebar .your_credit_balance{
  font-size: 12.5px !important;
  display: inline-flex; align-items: center; gap: 8px;
}
body.dn-has-sidebar .credit_balance .credit_pill{
  background: linear-gradient(135deg,#1ecc00,#159001);
  color: #fff !important;
  font-weight: 700; font-size: 11.5px;
  padding: 3px 10px; border-radius: 12px;
}

/* Pagination row at bottom of table — visible + clean */
body.dn-has-sidebar .dataTables_paginate{
  display: flex !important;
  align-items: center; justify-content: flex-end;
  gap: 4px;
  padding: 14px 18px !important;
  background: #fff;
  border-top: 1px solid #e8eced;
}
body.dn-has-sidebar .dataTables_paginate .paginate_button{
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 28px; height: 28px;
  margin: 0 1px !important;
  font-size: 12px !important;
  color: #5e6b5d !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 6px !important;
  padding: 0 8px !important;
}
body.dn-has-sidebar .dataTables_paginate .paginate_button:hover{
  background: #eef7ec !important;
  color: #0e6b01 !important;
  border-color: #d6e8d2 !important;
}
body.dn-has-sidebar .dataTables_paginate .paginate_button.current,
body.dn-has-sidebar .dataTables_paginate .paginate_button.current:hover{
  background: #159001 !important;
  color: #fff !important;
  border-color: #159001 !important;
  font-weight: 700;
}
body.dn-has-sidebar .dataTables_paginate .paginate_button.disabled{
  color: #c5cdc3 !important; cursor: not-allowed;
}
body.dn-has-sidebar .dataTables_info{
  font-size: 12.2px !important; color: #6b7280 !important;
  padding: 14px 18px !important; float: left !important;
}

/* Hide unwanted/junk page-bottom Activate-Windows-style overlap on chat widget */
body.dn-has-sidebar #zsiq_float{ z-index: 9 !important; }

/* v16 — no-op marker (cache-bust)*/

/* ═══════════════════════════════════════════════════════════════════════════
   DN POLISH v17 — REAL element selectors + logo loader
   (v15/v16 missed because table IDs are total_data_datatable etc., not data_datatable)
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─────────── FILTER COLUMN ─────────── */

/* Kill the green-bordered "Filters" h4 box, replace with flat section header */
body.dn-has-sidebar .sidefilter_title{
  background: #fff !important;
  border: none !important;
  border-bottom: 1px solid #e8eced !important;
  border-radius: 0 !important;
  padding: 12px 16px !important;
  margin: 0 0 4px !important;
  display: flex !important; align-items: center !important; gap: 8px;
  height: 44px;
}
body.dn-has-sidebar .sidefilter_title h4{
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #0a2e06 !important;
  text-transform: uppercase !important;
  letter-spacing: .6px;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  display: flex; align-items: center; gap: 7px;
}
body.dn-has-sidebar .sidefilter_title h4::before{
  content:""; width: 14px; height: 14px; flex-shrink: 0;
  background: 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.4' stroke-linecap='round' stroke-linejoin='round'><polygon points='22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3'/></svg>") no-repeat center/contain;
}

/* Filter rows — Apollo style */
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter{
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid #f0f3f0 !important;
  background: #fff !important;
  position: relative;
}
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:hover{
  background: #fafbfa !important;
}

/* Hide native select2 borders inside filter row */
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter .select2-container,
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter .select2-container--default{
  width: 100% !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter .select2-selection,
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter .select2-selection--multiple{
  border: none !important;
  background: transparent !important;
  min-height: 42px !important;
  padding: 0 36px 0 16px !important;
  display: flex !important; align-items: center;
  cursor: pointer;
}
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter .select2-selection__rendered{
  font-size: 12.8px !important;
  font-weight: 600 !important;
  color: #2e3b2c !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px;
  flex-wrap: wrap;
}
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter .select2-selection__placeholder,
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter .select2-selection__rendered > li.select2-search{
  color: #2e3b2c !important;
  font-weight: 600 !important;
}

/* Chevron on the right */
/* Hide select2 default arrow */
/* Multi-select chips inside filter row */
body.dn-has-sidebar .sidebar-filter-wrapper .select2-selection__choice{
  background: #eaf3e7 !important;
  border: 1px solid #cfe6c8 !important;
  border-radius: 4px !important;
  font-size: 11px !important;
  color: #0a2e06 !important;
  padding: 1px 6px !important;
  margin: 2px 2px 2px 0 !important;
  font-weight: 600;
}
body.dn-has-sidebar .sidebar-filter-wrapper .select2-selection__choice__remove{
  color: #159001 !important;
  margin-right: 4px !important;
  font-weight: 700;
}

/* Inline "Search" input above the filters */
body.dn-has-sidebar #filter_choice + *,
body.dn-has-sidebar .filter_search_input,
body.dn-has-sidebar .filter_main_box input[type="search"]{
  height: 32px !important; border-radius: 7px !important;
  border: 1px solid #e1e7df !important; background: #fafbfa !important;
  font-size: 12.5px !important; padding: 0 12px !important;
  margin: 8px 12px !important; width: calc(100% - 24px) !important;
}

/* ─────────── DASHBOARD TABLES (3 ids) ─────────── */

body.dn-has-sidebar #total_data_datatable,
body.dn-has-sidebar #new_data_datatable,
body.dn-has-sidebar #save_data_datatable,
body.dn-has-sidebar table.dataTable{
  border-collapse: separate !important; border-spacing: 0 !important;
  margin: 0 !important; width: 100% !important;
  background: #fff !important;
}

/* Header */
body.dn-has-sidebar #total_data_datatable thead th,
body.dn-has-sidebar #new_data_datatable thead th,
body.dn-has-sidebar #save_data_datatable thead th{
  font-size: 10.5px !important; font-weight: 700 !important;
  text-transform: uppercase !important; letter-spacing: .7px !important;
  color: #6b7280 !important;
  background: #fafbfa !important;
  border-bottom: 1px solid #e8eced !important;
  border-top: none !important;
  padding: 11px 14px !important;
  text-align: left !important;
}

/* Body cells */
body.dn-has-sidebar #total_data_datatable tbody td,
body.dn-has-sidebar #new_data_datatable tbody td,
body.dn-has-sidebar #save_data_datatable tbody td{
  font-size: 12.6px !important;
  color: #1f2937 !important;
  padding: 11px 14px !important;
  border: none !important;
  border-bottom: 1px solid #f0f3f0 !important;
  vertical-align: middle !important;
  line-height: 1.45;
  background: #fff !important;
}
body.dn-has-sidebar #total_data_datatable tbody tr:hover td,
body.dn-has-sidebar #new_data_datatable tbody tr:hover td,
body.dn-has-sidebar #save_data_datatable tbody tr:hover td{
  background: #f7faf6 !important;
}

/* Checkbox col tighter */
body.dn-has-sidebar #total_data_datatable tbody td:nth-child(1),
body.dn-has-sidebar #new_data_datatable tbody td:nth-child(1),
body.dn-has-sidebar #save_data_datatable tbody td:nth-child(1){
  width: 38px !important; padding: 11px 6px 11px 14px !important;
}

/* NAME col (col 2) — bold dark + GREEN AVATAR CIRCLE */
body.dn-has-sidebar #total_data_datatable tbody td:nth-child(2),
body.dn-has-sidebar #new_data_datatable tbody td:nth-child(2),
body.dn-has-sidebar #save_data_datatable tbody td:nth-child(2){
  font-weight: 700 !important; color: #0a2e06 !important;
  white-space: nowrap !important;
  display: table-cell !important;
}
body.dn-has-sidebar #total_data_datatable tbody td:nth-child(2)::before,
body.dn-has-sidebar #new_data_datatable tbody td:nth-child(2)::before,
body.dn-has-sidebar #save_data_datatable tbody td:nth-child(2)::before{
  content:""; display: inline-block;
  width: 30px; height: 30px;
  border-radius: 50%;
  background: linear-gradient(135deg, #1ecc00 0%, #159001 50%, #0e6b01 100%);
  margin-right: 10px; vertical-align: middle;
  box-shadow: 0 2px 6px rgba(21,144,1,.18);
  border: 2px solid #fff; outline: 1px solid #d6e8d2;
  position: relative; top: -1px;
}

/* TITLE col (col 3) */
body.dn-has-sidebar #total_data_datatable tbody td:nth-child(3),
body.dn-has-sidebar #new_data_datatable tbody td:nth-child(3),
body.dn-has-sidebar #save_data_datatable tbody td:nth-child(3){
  color: #5e6b5d !important; font-weight: 500 !important;
  max-width: 260px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* COMPANY col (col 4) */
body.dn-has-sidebar #total_data_datatable tbody td:nth-child(4),
body.dn-has-sidebar #new_data_datatable tbody td:nth-child(4),
body.dn-has-sidebar #save_data_datatable tbody td:nth-child(4){
  color: #2e3b2c !important; font-weight: 600 !important;
  max-width: 320px;
}

/* QUICK ACTION col (col 5) — email pill */
body.dn-has-sidebar #total_data_datatable tbody td:nth-child(5),
body.dn-has-sidebar #new_data_datatable tbody td:nth-child(5),
body.dn-has-sidebar #save_data_datatable tbody td:nth-child(5){
  font-size: 12.4px !important;
  color: #2e3b2c !important;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  max-width: 240px;
}
body.dn-has-sidebar #total_data_datatable tbody td:nth-child(5) a,
body.dn-has-sidebar #new_data_datatable tbody td:nth-child(5) a,
body.dn-has-sidebar #save_data_datatable tbody td:nth-child(5) a{
  color: #159001 !important; text-decoration: none !important; font-weight: 600 !important;
}
body.dn-has-sidebar #total_data_datatable tbody td:nth-child(5) a:hover{ text-decoration: underline !important; }

/* LINKEDIN "in" badge — small blue (was huge green circle) */
body.dn-has-sidebar #total_data_datatable a[href*="linkedin"],
body.dn-has-sidebar #new_data_datatable a[href*="linkedin"],
body.dn-has-sidebar #save_data_datatable a[href*="linkedin"],
body.dn-has-sidebar #total_data_datatable a[href*="linked.in"],
body.dn-has-sidebar #new_data_datatable a[href*="linked.in"],
body.dn-has-sidebar #save_data_datatable a[href*="linked.in"]{
  display: inline-flex !important;
  align-items: center !important; justify-content: center !important;
  width: 20px !important; height: 20px !important;
  background: #eaf3ff !important;
  border: 1px solid #cfe1f5 !important;
  border-radius: 4px !important;
  font-size: 10px !important; font-weight: 800 !important;
  color: #0a66c2 !important;
  text-decoration: none !important;
  vertical-align: middle !important;
  margin-left: 6px !important;
  padding: 0 !important; line-height: 1 !important;
}
body.dn-has-sidebar [id$="_data_datatable"] a[href*="linkedin"]:hover{
  background: #0a66c2 !important; color: #fff !important; border-color: #0a66c2 !important;
}
body.dn-has-sidebar [id$="_data_datatable"] a[href*="linkedin"] img{
  width: 12px !important; height: 12px !important;
  background: transparent !important; border-radius: 0 !important; padding: 0 !important;
}

/* Facebook + Twitter inline icons in COMPANY col */
body.dn-has-sidebar [id$="_data_datatable"] a[href*="facebook"],
body.dn-has-sidebar [id$="_data_datatable"] a[href*="twitter"],
body.dn-has-sidebar [id$="_data_datatable"] a[href*="x.com"]{
  display: inline-flex !important;
  align-items: center !important; justify-content: center !important;
  width: 22px !important; height: 22px !important;
  background: #f1f5f0 !important;
  border-radius: 5px !important;
  margin: 0 3px 0 0 !important;
  vertical-align: middle !important;
  padding: 0 !important;
  border: 1px solid #e3ebe0 !important;
  text-decoration: none !important;
}
body.dn-has-sidebar [id$="_data_datatable"] a[href*="facebook"]:hover{ background: #1877f2 !important; border-color: #1877f2 !important; }
body.dn-has-sidebar [id$="_data_datatable"] a[href*="twitter"]:hover,
body.dn-has-sidebar [id$="_data_datatable"] a[href*="x.com"]:hover{ background: #1da1f2 !important; border-color: #1da1f2 !important; }
body.dn-has-sidebar [id$="_data_datatable"] a[href*="facebook"] img,
body.dn-has-sidebar [id$="_data_datatable"] a[href*="twitter"] img,
body.dn-has-sidebar [id$="_data_datatable"] a[href*="x.com"] img{
  width: 12px !important; height: 12px !important;
  background: transparent !important; border-radius: 0 !important; padding: 0 !important; margin: 0 !important;
}
body.dn-has-sidebar [id$="_data_datatable"] a[href*="facebook"]:hover img,
body.dn-has-sidebar [id$="_data_datatable"] a[href*="twitter"]:hover img,
body.dn-has-sidebar [id$="_data_datatable"] a[href*="x.com"]:hover img{ filter: brightness(0) invert(1); }

/* External chain icon (↗) shrink + mute */
body.dn-has-sidebar [id$="_data_datatable"] tbody td img[src*="link"],
body.dn-has-sidebar [id$="_data_datatable"] tbody td img[src*="chain"],
body.dn-has-sidebar [id$="_data_datatable"] tbody td .external_link{
  width: 12px !important; height: 12px !important;
  opacity: .55 !important; vertical-align: middle !important;
  margin: 0 4px !important;
}

/* Pagination */
body.dn-has-sidebar .dataTables_wrapper .dataTables_paginate{
  display: flex !important; align-items: center; justify-content: flex-end;
  gap: 4px; padding: 14px 18px !important;
  background: #fff; border-top: 1px solid #e8eced;
}
body.dn-has-sidebar .dataTables_paginate .paginate_button{
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 28px; height: 28px;
  margin: 0 1px !important;
  font-size: 12px !important;
  color: #5e6b5d !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 6px !important;
  padding: 0 8px !important;
}
body.dn-has-sidebar .dataTables_paginate .paginate_button:hover{
  background: #eef7ec !important; color: #0e6b01 !important; border-color: #d6e8d2 !important;
}
body.dn-has-sidebar .dataTables_paginate .paginate_button.current,
body.dn-has-sidebar .dataTables_paginate .paginate_button.current:hover{
  background: #159001 !important; color: #fff !important; border-color: #159001 !important; font-weight: 700;
}
body.dn-has-sidebar .dataTables_paginate .paginate_button.disabled{
  color: #c5cdc3 !important; cursor: not-allowed;
}
body.dn-has-sidebar .dataTables_info{
  font-size: 12.2px !important; color: #6b7280 !important;
  padding: 14px 18px !important;
}

/* "Total/Net New/Saved" tabs row */
body.dn-has-sidebar .nav-tabs,
body.dn-has-sidebar ul.nav.nav-tabs{
  display: flex !important; align-items: stretch !important;
  border-bottom: 1px solid #e8eced !important;
  padding: 0 16px !important; background: #fff !important;
  min-height: 44px; gap: 4px;
  margin: 0 !important;
}
body.dn-has-sidebar .nav-tabs .nav-link,
body.dn-has-sidebar .nav-tabs .nav-item a{
  border: none !important; background: transparent !important;
  font-size: 13px !important; font-weight: 600 !important;
  color: #5e6b5d !important;
  padding: 0 16px !important; margin: 0 !important;
  display: inline-flex !important; align-items: center !important;
  border-bottom: 2px solid transparent !important;
}
body.dn-has-sidebar .nav-tabs .nav-link.active,
body.dn-has-sidebar .nav-tabs .nav-item a.active{
  color: #159001 !important;
  border-bottom-color: #159001 !important;
  background: transparent !important;
  font-weight: 700 !important;
}

/* Floating "View Plans" green pill in top right — fix odd positioning */
body.dn-has-sidebar .view_plans_btn,
body.dn-has-sidebar a.view_plans,
body.dn-has-sidebar #view_plans_btn,
body.dn-has-sidebar a[href*="upgrade_plan"]:not(.dn-top-pill){
  position: relative !important; top: 0 !important;
  background: linear-gradient(180deg,#1ecc00,#159001) !important;
  color: #fff !important;
  font-size: 12.5px !important; font-weight: 600 !important;
  padding: 7px 14px !important; border-radius: 6px !important;
  border: none !important; text-decoration: none !important;
  display: inline-flex !important; align-items: center; gap: 6px;
}

/* The mysterious half-circle behind View Plans (likely an avatar img with no src) — hide */
body.dn-has-sidebar .credit_balance + img:not([src]),
body.dn-has-sidebar .your_credit_balance + img:not([src]),
body.dn-has-sidebar img[src=""]{ display: none !important; }

/* ─────────── BRAND-LOGO LOADER (full-screen) ─────────── */
#dn-loader{
  position: fixed; inset: 0; z-index: 99999;
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(4px) saturate(1.05);
  -webkit-backdrop-filter: blur(4px) saturate(1.05);
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  opacity: 0; pointer-events: none;
  transition: opacity .25s ease;
}
#dn-loader.dn-loader-show{ opacity: 1; pointer-events: auto; }
#dn-loader .dn-loader-stage{
  position: relative; width: 120px; height: 120px;
  display: flex; align-items: center; justify-content: center;
}
#dn-loader .dn-loader-ring{
  position: absolute; inset: 0;
  border-radius: 50%;
  border: 3px solid #eaf3e7;
  border-top-color: #159001;
  border-right-color: #1ecc00;
  animation: dn-spin 1.05s cubic-bezier(.55,.15,.45,.85) infinite;
}
#dn-loader .dn-loader-ring.dn-ring-2{
  inset: 12px;
  border: 2px solid transparent;
  border-bottom-color: #0e6b01;
  border-left-color: #1ecc00;
  animation: dn-spin-rev 1.4s linear infinite;
  opacity: .6;
}
#dn-loader .dn-loader-logo{
  width: 56px; height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg,#1ecc00 0%,#159001 50%,#0e6b01 100%);
  color: #fff;
  font: 800 22px/1 'Inter', system-ui, sans-serif;
  letter-spacing: 1px;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 8px 22px rgba(21,144,1,.32), inset 0 -6px 12px rgba(0,0,0,.12);
  animation: dn-pulse 1.6s ease-in-out infinite;
}
#dn-loader .dn-loader-text{
  margin-top: 22px;
  font: 600 12.5px/1 'Inter',system-ui,sans-serif;
  color: #5e6b5d;
  letter-spacing: .6px;
  text-transform: uppercase;
  display: flex; align-items: center; gap: 4px;
}
#dn-loader .dn-loader-dot{
  width: 4px; height: 4px; border-radius: 50%;
  background: #159001;
  animation: dn-dot 1.4s ease-in-out infinite;
}
#dn-loader .dn-loader-dot:nth-child(2){ animation-delay: .15s; }
#dn-loader .dn-loader-dot:nth-child(3){ animation-delay: .3s; }
@keyframes dn-spin{ to { transform: rotate(360deg); } }
@keyframes dn-spin-rev{ to { transform: rotate(-360deg); } }
@keyframes dn-pulse{
  0%,100% { transform: scale(1); }
  50% { transform: scale(1.07); }
}
@keyframes dn-dot{
  0%,80%,100% { opacity: .25; transform: translateY(0); }
  40% { opacity: 1; transform: translateY(-3px); }
}

/* ═══════════════════════════════════════════════════════════════════════════
   DN POLISH v18 — Reference-matched design tokens (Apollo + DN brand)
   Tokens lifted from data-navigator-fixed/dist (Tailwind-emerald palette,
   rounded-md/lg/xl, shadow-sm/md, subtle borders)
   ═══════════════════════════════════════════════════════════════════════════ */

:root{
  --dn-green-50:  #f0faf0;
  --dn-green-100: #dcfce7;
  --dn-green-200: #c2f0c8;
  --dn-green-300: #86e895;
  --dn-green-400: #4ade80;
  --dn-green-500: #22c55e;
  --dn-green-600: #159001;   /* PRIMARY */
  --dn-green-700: #0e6b01;
  --dn-green-800: #0d542b;
  --dn-green-900: #0a2e06;
  --dn-emerald:   #10b981;
  --dn-fg:        #0f172a;
  --dn-muted:     #64748b;
  --dn-border:    #e9ebef;
  --dn-bg:        #f8f9fa;
  --dn-card:      #ffffff;
  --dn-radius-sm: 4px;
  --dn-radius-md: 6px;
  --dn-radius-lg: 8px;
  --dn-radius-xl: 12px;
  --dn-shadow-sm: 0 1px 2px 0 rgba(15,23,42,.05);
  --dn-shadow-md: 0 4px 8px -2px rgba(15,23,42,.06), 0 2px 4px -2px rgba(15,23,42,.04);
}

/* ─────────── PAGE BACKGROUND ─────────── */
body.dn-has-sidebar .page_main,
body.dn-has-sidebar .main_content,
body.dn-has-sidebar .container_dashboard{
  background: var(--dn-bg) !important;
}

/* ─────────── FILTER COLUMN — refined ─────────── */
body.dn-has-sidebar .sidebar-filter-wrapper{
  background: #fff !important;
  border-right: 1px solid var(--dn-border);
}
body.dn-has-sidebar .sidefilter_title{
  background: #fff !important;
  border: none !important;
  border-bottom: 1px solid var(--dn-border) !important;
  padding: 14px 16px !important;
  margin: 0 !important;
  display: flex !important; align-items: center !important; gap: 8px;
  height: auto !important; min-height: 48px;
}
body.dn-has-sidebar .sidefilter_title h4{
  font-size: 13px !important; font-weight: 700 !important;
  color: var(--dn-green-900) !important;
  text-transform: uppercase !important; letter-spacing: .5px;
  margin: 0 !important; padding: 0 !important;
  display: inline-flex; align-items: center; gap: 7px;
}
body.dn-has-sidebar .sidefilter_title h4::before{
  content:""; width: 14px; height: 14px;
  background: 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.4' stroke-linecap='round' stroke-linejoin='round'><polygon points='22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3'/></svg>") no-repeat center/contain;
}

body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter{
  margin: 0 !important; padding: 0 !important;
  border-bottom: 1px solid #f1f3f1 !important;
  background: #fff !important; position: relative;
}
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:hover{
  background: var(--dn-green-50) !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .select2-container,
body.dn-has-sidebar .sidebar-filter-wrapper .select2-container--default{ width: 100% !important; }
body.dn-has-sidebar .sidebar-filter-wrapper .select2-selection,
body.dn-has-sidebar .sidebar-filter-wrapper .select2-selection--multiple{
  border: none !important; background: transparent !important;
  min-height: 44px !important;
  padding: 6px 36px 6px 16px !important;
  display: flex !important; align-items: center;
  cursor: pointer;
}
body.dn-has-sidebar .sidebar-filter-wrapper .select2-selection__rendered{
  font-size: 13px !important; font-weight: 600 !important;
  color: var(--dn-green-900) !important;
  padding: 0 !important; line-height: 1.4 !important;
  display: flex !important; align-items: center !important;
  gap: 4px; flex-wrap: wrap; width: 100%;
}
body.dn-has-sidebar .sidebar-filter-wrapper .select2-selection__placeholder,
body.dn-has-sidebar .sidebar-filter-wrapper li.select2-search--inline,
body.dn-has-sidebar .sidebar-filter-wrapper li.select2-search--inline .select2-search__field{
  color: var(--dn-green-900) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  margin: 0 !important; padding: 0 !important;
  border: none !important; background: transparent !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .select2-selection__choice{
  background: var(--dn-green-100) !important;
  border: 1px solid var(--dn-green-200) !important;
  border-radius: var(--dn-radius-md) !important;
  font-size: 11px !important;
  color: var(--dn-green-900) !important;
  padding: 2px 7px !important;
  margin: 2px 3px 2px 0 !important;
  font-weight: 600;
}
body.dn-has-sidebar .sidebar-filter-wrapper .select2-selection__choice__remove{
  color: var(--dn-green-700) !important;
  margin-right: 4px !important;
  font-weight: 700;
}

/* ─────────── DASHBOARD CARD CONTAINER ─────────── */
body.dn-has-sidebar .leads_dashbord,
body.dn-has-sidebar .table-responsive,
body.dn-has-sidebar .dataTables_wrapper{
  background: var(--dn-card) !important;
  border-radius: var(--dn-radius-xl) !important;
  box-shadow: var(--dn-shadow-sm) !important;
  border: 1px solid var(--dn-border);
  overflow: hidden;
}

/* ─────────── TABS ROW ─────────── */
body.dn-has-sidebar .nav-tabs,
body.dn-has-sidebar ul.nav.nav-tabs{
  display: flex !important; align-items: stretch !important;
  border-bottom: 1px solid var(--dn-border) !important;
  padding: 0 18px !important; background: #fff !important;
  min-height: 48px; gap: 6px; margin: 0 !important;
}
body.dn-has-sidebar .nav-tabs .nav-link,
body.dn-has-sidebar .nav-tabs .nav-item a,
body.dn-has-sidebar .nav-tabs li a{
  border: none !important; background: transparent !important;
  font-size: 13.5px !important; font-weight: 600 !important;
  color: var(--dn-muted) !important;
  padding: 0 14px !important; margin: 0 !important;
  display: inline-flex !important; align-items: center !important;
  border-bottom: 2px solid transparent !important;
  position: relative;
}
body.dn-has-sidebar .nav-tabs .nav-link.active,
body.dn-has-sidebar .nav-tabs .nav-item a.active,
body.dn-has-sidebar .nav-tabs li.active a{
  color: var(--dn-green-600) !important;
  border-bottom: 2px solid var(--dn-green-600) !important;
  background: transparent !important;
  font-weight: 700 !important;
}

/* ─────────── DATATABLES ─────────── */
body.dn-has-sidebar #total_data_datatable,
body.dn-has-sidebar #new_data_datatable,
body.dn-has-sidebar #save_data_datatable{
  border-collapse: separate !important; border-spacing: 0 !important;
  margin: 0 !important; width: 100% !important;
  background: #fff !important;
}

/* TH */
body.dn-has-sidebar #total_data_datatable thead th,
body.dn-has-sidebar #new_data_datatable thead th,
body.dn-has-sidebar #save_data_datatable thead th{
  font-size: 11px !important; font-weight: 700 !important;
  text-transform: uppercase !important; letter-spacing: .8px !important;
  color: var(--dn-muted) !important;
  background: var(--dn-bg) !important;
  border: none !important;
  border-bottom: 1px solid var(--dn-border) !important;
  padding: 12px 16px !important;
  text-align: left !important;
}

/* TD */
body.dn-has-sidebar #total_data_datatable tbody td,
body.dn-has-sidebar #new_data_datatable tbody td,
body.dn-has-sidebar #save_data_datatable tbody td{
  font-size: 13px !important;
  color: var(--dn-fg) !important;
  padding: 14px 16px !important;
  border: none !important;
  border-bottom: 1px solid #f1f3f1 !important;
  vertical-align: middle !important;
  line-height: 1.45;
  background: #fff !important;
}
body.dn-has-sidebar #total_data_datatable tbody tr:hover td,
body.dn-has-sidebar #new_data_datatable tbody tr:hover td,
body.dn-has-sidebar #save_data_datatable tbody tr:hover td{
  background: #fafdfa !important;
}

/* Checkbox col */
body.dn-has-sidebar #total_data_datatable tbody td:nth-child(1),
body.dn-has-sidebar #new_data_datatable tbody td:nth-child(1),
body.dn-has-sidebar #save_data_datatable tbody td:nth-child(1){
  width: 40px !important; padding: 14px 6px 14px 18px !important;
}

/* NAME col + AVATAR */
body.dn-has-sidebar #total_data_datatable tbody td:nth-child(2),
body.dn-has-sidebar #new_data_datatable tbody td:nth-child(2),
body.dn-has-sidebar #save_data_datatable tbody td:nth-child(2){
  font-weight: 700 !important; color: var(--dn-green-900) !important;
  white-space: nowrap !important; font-size: 13.5px !important;
}
body.dn-has-sidebar #total_data_datatable tbody td:nth-child(2)::before,
body.dn-has-sidebar #new_data_datatable tbody td:nth-child(2)::before,
body.dn-has-sidebar #save_data_datatable tbody td:nth-child(2)::before{
  content:""; display: inline-block;
  width: 32px; height: 32px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.4), transparent 60%),
    linear-gradient(135deg, var(--dn-green-400) 0%, var(--dn-green-600) 50%, var(--dn-green-800) 100%);
  margin-right: 12px; vertical-align: middle;
  box-shadow: 0 2px 8px rgba(21,144,1,.25);
  border: 2px solid #fff;
  outline: 1px solid var(--dn-green-100);
  position: relative; top: -1px;
}

/* TITLE col */
body.dn-has-sidebar #total_data_datatable tbody td:nth-child(3),
body.dn-has-sidebar #new_data_datatable tbody td:nth-child(3),
body.dn-has-sidebar #save_data_datatable tbody td:nth-child(3){
  color: var(--dn-muted) !important; font-weight: 500 !important;
  font-size: 12.8px !important;
  max-width: 280px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* COMPANY col */
body.dn-has-sidebar #total_data_datatable tbody td:nth-child(4),
body.dn-has-sidebar #new_data_datatable tbody td:nth-child(4),
body.dn-has-sidebar #save_data_datatable tbody td:nth-child(4){
  color: var(--dn-fg) !important; font-weight: 600 !important; font-size: 13px !important;
  max-width: 320px;
}

/* QUICK ACTION col (email) */
body.dn-has-sidebar #total_data_datatable tbody td:nth-child(5),
body.dn-has-sidebar #new_data_datatable tbody td:nth-child(5),
body.dn-has-sidebar #save_data_datatable tbody td:nth-child(5){
  font-size: 12.6px !important;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  max-width: 240px;
}
body.dn-has-sidebar #total_data_datatable tbody td:nth-child(5) a,
body.dn-has-sidebar #new_data_datatable tbody td:nth-child(5) a,
body.dn-has-sidebar #save_data_datatable tbody td:nth-child(5) a{
  color: var(--dn-green-600) !important; font-weight: 600 !important;
  text-decoration: none !important;
  display: inline-flex; align-items: center; gap: 6px;
}
body.dn-has-sidebar #total_data_datatable tbody td:nth-child(5) a:hover{ text-decoration: underline !important; }
body.dn-has-sidebar #total_data_datatable tbody td:nth-child(5) a::before{
  content:""; width: 13px; height: 13px;
  background: 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.2' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='4' width='20' height='16' rx='2'/><path d='m22 7-10 5L2 7'/></svg>") no-repeat center/contain;
}

/* LinkedIn 'in' inline */
body.dn-has-sidebar [id$="_data_datatable"] a[href*="linkedin"]{
  display: inline-flex !important;
  align-items: center !important; justify-content: center !important;
  width: 22px !important; height: 22px !important;
  background: #eaf3ff !important;
  border: 1px solid #cfe1f5 !important;
  border-radius: var(--dn-radius-md) !important;
  font-size: 10px !important; font-weight: 800 !important;
  color: #0a66c2 !important; text-decoration: none !important;
  vertical-align: middle !important;
  margin-left: 6px !important;
  padding: 0 !important; line-height: 1 !important;
}
body.dn-has-sidebar [id$="_data_datatable"] a[href*="linkedin"]:hover{
  background: #0a66c2 !important; color: #fff !important; border-color: #0a66c2 !important;
}
body.dn-has-sidebar [id$="_data_datatable"] a[href*="linkedin"] img{
  width: 12px !important; height: 12px !important; background: transparent !important; border-radius: 0 !important;
}
body.dn-has-sidebar [id$="_data_datatable"] a[href*="linkedin"]:hover img{ filter: brightness(0) invert(1); }

/* Facebook + Twitter */
body.dn-has-sidebar [id$="_data_datatable"] a[href*="facebook"],
body.dn-has-sidebar [id$="_data_datatable"] a[href*="twitter"],
body.dn-has-sidebar [id$="_data_datatable"] a[href*="x.com"]{
  display: inline-flex !important;
  align-items: center !important; justify-content: center !important;
  width: 22px !important; height: 22px !important;
  background: #f1f5f0 !important;
  border-radius: var(--dn-radius-md) !important;
  margin: 0 4px 0 0 !important;
  vertical-align: middle !important;
  border: 1px solid #e3ebe0 !important;
  text-decoration: none !important;
  padding: 0 !important;
}
body.dn-has-sidebar [id$="_data_datatable"] a[href*="facebook"]:hover{ background:#1877f2 !important; border-color:#1877f2 !important; }
body.dn-has-sidebar [id$="_data_datatable"] a[href*="twitter"]:hover,
body.dn-has-sidebar [id$="_data_datatable"] a[href*="x.com"]:hover{ background:#1da1f2 !important; border-color:#1da1f2 !important; }
body.dn-has-sidebar [id$="_data_datatable"] a[href*="facebook"] img,
body.dn-has-sidebar [id$="_data_datatable"] a[href*="twitter"] img,
body.dn-has-sidebar [id$="_data_datatable"] a[href*="x.com"] img{
  width: 12px !important; height: 12px !important; background: transparent !important; border-radius: 0 !important; margin: 0 !important;
}
body.dn-has-sidebar [id$="_data_datatable"] a[href*="facebook"]:hover img,
body.dn-has-sidebar [id$="_data_datatable"] a[href*="twitter"]:hover img,
body.dn-has-sidebar [id$="_data_datatable"] a[href*="x.com"]:hover img{ filter: brightness(0) invert(1); }

/* Chain icon */
body.dn-has-sidebar [id$="_data_datatable"] tbody td img[src*="link"]:not([src*="linkedin"]),
body.dn-has-sidebar [id$="_data_datatable"] tbody td img[src*="chain"]{
  width: 12px !important; height: 12px !important;
  opacity: .55 !important; vertical-align: middle !important;
  margin: 0 4px !important; padding: 0 !important; background: transparent !important;
}

/* Pagination — modern */
body.dn-has-sidebar .dataTables_wrapper .dataTables_paginate{
  display: flex !important; align-items: center; justify-content: flex-end;
  gap: 4px; padding: 16px 20px !important;
  background: #fff; border-top: 1px solid var(--dn-border);
}
body.dn-has-sidebar .dataTables_paginate .paginate_button{
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 32px; height: 32px;
  margin: 0 2px !important;
  font-size: 12.5px !important; font-weight: 600 !important;
  color: var(--dn-muted) !important;
  background: #fff !important;
  border: 1px solid var(--dn-border) !important;
  border-radius: var(--dn-radius-md) !important;
  padding: 0 10px !important;
  transition: all .15s ease;
}
body.dn-has-sidebar .dataTables_paginate .paginate_button:hover{
  background: var(--dn-green-50) !important;
  color: var(--dn-green-700) !important;
  border-color: var(--dn-green-200) !important;
}
body.dn-has-sidebar .dataTables_paginate .paginate_button.current,
body.dn-has-sidebar .dataTables_paginate .paginate_button.current:hover{
  background: var(--dn-green-600) !important;
  color: #fff !important;
  border-color: var(--dn-green-600) !important;
  box-shadow: 0 2px 6px rgba(21,144,1,.25);
}
body.dn-has-sidebar .dataTables_paginate .paginate_button.disabled{
  color: #cbced4 !important; cursor: not-allowed; background: #f8f9fa !important;
}
body.dn-has-sidebar .dataTables_info{
  font-size: 12.5px !important; color: var(--dn-muted) !important;
  padding: 16px 20px !important;
}

/* Top row: Your Credit Balance + Export + View Plans */
body.dn-has-sidebar .credit_balance,
body.dn-has-sidebar .your_credit_balance{
  font-size: 13px !important;
  display: inline-flex !important; align-items: center !important; gap: 8px;
  color: var(--dn-muted) !important;
}
body.dn-has-sidebar .credit_balance strong,
body.dn-has-sidebar .credit_balance .credit_pill,
body.dn-has-sidebar .your_credit_balance strong,
body.dn-has-sidebar .your_credit_balance .credit_pill{
  background: linear-gradient(135deg, var(--dn-green-500), var(--dn-green-700)) !important;
  color: #fff !important;
  font-weight: 700 !important; font-size: 12px !important;
  padding: 3px 10px !important;
  border-radius: 999px !important;
  box-shadow: var(--dn-shadow-sm);
}

body.dn-has-sidebar .view_plans_btn,
body.dn-has-sidebar a.view_plans,
body.dn-has-sidebar #view_plans_btn,
body.dn-has-sidebar a[href*="upgrade_plan"]:not(.dn-top-pill){
  position: relative !important; top: 0 !important;
  background: linear-gradient(135deg, var(--dn-green-500), var(--dn-green-700)) !important;
  color: #fff !important;
  font-size: 12.5px !important; font-weight: 600 !important;
  padding: 8px 16px !important;
  border-radius: var(--dn-radius-md) !important;
  border: none !important; text-decoration: none !important;
  display: inline-flex !important; align-items: center; gap: 6px;
  box-shadow: var(--dn-shadow-md) !important;
}

body.dn-has-sidebar img[src=""],
body.dn-has-sidebar img:not([src]){ display: none !important; }

/* Loader logo image sizing */
#dn-loader .dn-loader-logo-img{
  width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
  font: 800 20px/1 'Inter',system-ui,sans-serif;
  letter-spacing: 1px; color: #fff;
}
#dn-loader .dn-loader-logo-img img{ width: 70%; height: auto; filter: brightness(0) invert(1); }

/* ═══════════════════════════════════════════════════════════════════════════
   DN POLISH v19 — Targeted fixes per user screenshots
   1. Hide duplicate Credit Balance/View Plans header row (the empty white bar)
   2. Fix ACCESS EMAIL button — visible white text on green
   3. AI Search Assistant — refined logo-style purple gradient pill
   4. Filter sidebar — perfect UI (search, hover, sectioning, compact spacing)
   5. Login page — cleanup
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── 1. KILL the duplicate Credit Balance / View Plans white row ─── */
body.dn-has-sidebar .right .card_block > .content_heading > .actions:first-child{
  display: none !important;
}
body.dn-has-sidebar .right .card_block > .content_heading:empty,
body.dn-has-sidebar .right .card_block > .content_heading:has(> .actions:only-child){
  display: none !important;
  padding: 0 !important; margin: 0 !important; height: 0 !important;
}
/* And kill the bal_count + cstm_btn View Plans pair if it stands alone */
body.dn-has-sidebar p.bal_count{ display: none !important; }
body.dn-has-sidebar a.cstm_btn[href*="upgrade_plan"]:not(.export_data_btn):not(.dn-pill-upgrade){
  /* hide the duplicate "View Plans" — we already have Upgrade in top bar */
  display: none !important;
}

/* ─── 2. ACCESS EMAIL BUTTON — visible text + proper layout ─── */
body.dn-has-sidebar a.access_email,
body.dn-has-sidebar .access_email.cstm_btn,
body.dn-has-sidebar a.cstm_btn.defualt_light.access_email,
body.dn-has-sidebar [id$="_data_datatable"] a.access_email,
body.dn-has-sidebar [id$="_data_datatable"] .cstm_btn.access_email{
  display: inline-flex !important;
  align-items: center !important; justify-content: center !important;
  gap: 6px !important;
  background: linear-gradient(135deg, #159001 0%, #0e6b01 100%) !important;
  color: #ffffff !important;
  font-size: 12px !important; font-weight: 700 !important;
  padding: 7px 14px !important;
  border-radius: 6px !important;
  border: 1px solid #0e6b01 !important;
  box-shadow: 0 1px 3px rgba(15,23,42,.12), inset 0 1px 0 rgba(255,255,255,.18) !important;
  text-decoration: none !important;
  letter-spacing: .2px !important;
  white-space: nowrap !important;
  text-transform: none !important;
  min-width: 120px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease !important;
  outline: none !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.15) !important;
}
body.dn-has-sidebar a.access_email:hover,
body.dn-has-sidebar .access_email.cstm_btn:hover{
  background: linear-gradient(135deg, #1ab800 0%, #159001 100%) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 3px 10px rgba(21,144,1,.35), inset 0 1px 0 rgba(255,255,255,.22) !important;
}
body.dn-has-sidebar a.access_email img,
body.dn-has-sidebar .access_email.cstm_btn img{
  width: 13px !important; height: 13px !important;
  filter: brightness(0) invert(1) !important;
  margin: 0 !important; padding: 0 !important;
  background: transparent !important; border-radius: 0 !important;
  vertical-align: middle !important;
}
/* SHOWN access_email after click reveals the email text — make it readable */
body.dn-has-sidebar td .email_value,
body.dn-has-sidebar td span.access_email_text,
body.dn-has-sidebar td .email_show{
  color: #0a2e06 !important; font-weight: 600 !important;
  font-size: 12.6px !important;
}

/* Quick Action column itself */
body.dn-has-sidebar #total_data_datatable tbody td:nth-child(5),
body.dn-has-sidebar #new_data_datatable tbody td:nth-child(5),
body.dn-has-sidebar #save_data_datatable tbody td:nth-child(5){
  text-align: left !important; padding: 12px 16px !important;
}

/* ─── 3. AI SEARCH ASSISTANT — refined logo-style purple gradient ─── */
body.dn-has-sidebar a.dn-pill-ai{
  display: inline-flex !important; align-items: center !important;
  gap: 8px !important;
  background: linear-gradient(135deg, #8b5cf6 0%, #6d28d9 50%, #5b21b6 100%) !important;
  color: #ffffff !important;
  font-size: 13px !important; font-weight: 700 !important;
  padding: 9px 16px 9px 12px !important;
  border-radius: 999px !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(109,40,217,.32), inset 0 1px 0 rgba(255,255,255,.22) !important;
  text-decoration: none !important;
  letter-spacing: .15px !important;
  position: relative !important;
  overflow: hidden !important;
  transition: all .2s ease !important;
}
body.dn-has-sidebar a.dn-pill-ai::before{
  content: "" !important;
  width: 26px !important; height: 26px !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 35% 30%, #fef3c7, #fbbf24 55%, transparent 75%),
    linear-gradient(135deg, rgba(255,255,255,.20), rgba(255,255,255,.05)) !important;
  flex: 0 0 auto !important;
  display: inline-block !important;
  box-shadow: 0 0 12px rgba(251,191,36,.55), inset 0 1px 0 rgba(255,255,255,.4) !important;
  position: relative !important;
}
body.dn-has-sidebar a.dn-pill-ai svg{
  position: absolute !important;
  left: 16px !important; top: 50% !important;
  transform: translateY(-50%) !important;
  width: 14px !important; height: 14px !important;
  color: #fff !important; z-index: 2 !important;
  filter: drop-shadow(0 1px 1px rgba(0,0,0,.3)) !important;
}
body.dn-has-sidebar a.dn-pill-ai:hover{
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 22px rgba(109,40,217,.44), inset 0 1px 0 rgba(255,255,255,.25) !important;
  color: #fff !important;
}

/* ─── 4. FILTER SIDEBAR — perfect UI design pass ─── */
/* Sidebar root frame */
body.dn-has-sidebar .sidebar-filter-wrapper{
  background: #ffffff !important;
  border: 1px solid #e9ebef !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 1px 2px rgba(15,23,42,.04) !important;
  margin: 12px 8px 12px 12px !important;
}

/* FILTERS title — full-width emerald accent bar */
body.dn-has-sidebar .sidefilter_title{
  background: linear-gradient(180deg, #f0faf0 0%, #ffffff 100%) !important;
  border-bottom: 1px solid #e9ebef !important;
  padding: 14px 16px !important;
  display: flex !important; align-items: center !important;
  justify-content: space-between !important;
  position: relative !important;
}
body.dn-has-sidebar .sidefilter_title::before{
  content: "" !important;
  position: absolute !important;
  left: 0 !important; top: 0 !important; bottom: 0 !important;
  width: 4px !important;
  background: linear-gradient(180deg, #159001 0%, #0e6b01 100%) !important;
}
body.dn-has-sidebar .sidefilter_title h4{
  font-size: 12.5px !important; font-weight: 800 !important;
  color: #0a2e06 !important;
  text-transform: uppercase !important; letter-spacing: 1.2px !important;
  margin: 0 !important; padding: 0 !important;
}

/* Filter rows container — search box at top */
body.dn-has-sidebar .sidebar-filter-wrapper #filter_sidebar_form{
  padding: 6px 0 !important;
}

/* Each filter row */
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter{
  margin: 0 !important; padding: 0 !important;
  border: none !important;
  background: transparent !important;
  position: relative !important;
  border-bottom: 1px solid #f4f6f4 !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:last-child{ border-bottom: none !important; }
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:hover{
  background: #f8fdf8 !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter::before{
  content: "" !important;
  position: absolute !important;
  left: 0 !important; top: 0 !important; bottom: 0 !important;
  width: 0 !important; background: #159001 !important;
  transition: width .15s ease !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:hover::before{ width: 3px !important; }
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter.is-active{
  background: #f0faf0 !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter.is-active::before{ width: 3px !important; }

/* Per-filter Select2 wrapper */
body.dn-has-sidebar .sidebar-filter-wrapper .select2-selection,
body.dn-has-sidebar .sidebar-filter-wrapper .select2-selection--multiple{
  min-height: 42px !important;
  padding: 6px 32px 6px 16px !important;
  border: none !important; background: transparent !important;
  display: flex !important; align-items: center !important;
  cursor: pointer !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .select2-selection__rendered{
  padding: 0 !important;
  font-size: 13px !important; font-weight: 600 !important;
  color: #0a2e06 !important;
  display: flex !important; align-items: center !important;
  flex-wrap: wrap !important; gap: 4px !important;
  width: 100% !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .select2-selection__placeholder,
body.dn-has-sidebar .sidebar-filter-wrapper .select2-search--inline,
body.dn-has-sidebar .sidebar-filter-wrapper .select2-search--inline .select2-search__field{
  color: #0a2e06 !important;
  font-size: 13px !important; font-weight: 600 !important;
  border: none !important; background: transparent !important;
  margin: 0 !important; padding: 0 !important;
  min-width: 1px !important;
}
/* Filter chips — emerald pills with green close X */
body.dn-has-sidebar .sidebar-filter-wrapper .select2-selection__choice{
  background: #dcfce7 !important;
  border: 1px solid #86e895 !important;
  color: #0d542b !important;
  border-radius: 6px !important;
  font-size: 11px !important; font-weight: 700 !important;
  padding: 2px 8px !important;
  margin: 1px 3px 1px 0 !important;
  display: inline-flex !important; align-items: center !important; gap: 4px !important;
  line-height: 1.3 !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .select2-selection__choice__remove{
  color: #0d542b !important; font-weight: 800 !important;
  font-size: 13px !important;
  margin-right: 2px !important;
  background: transparent !important; border: none !important;
}

/* Advanced badge in Keywords filter */
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter .badge,
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter .adv_badge{
  background: linear-gradient(135deg, #8b5cf6, #6d28d9) !important;
  color: #fff !important; font-size: 9px !important; font-weight: 800 !important;
  padding: 2px 6px !important; border-radius: 999px !important;
  letter-spacing: .8px !important; text-transform: uppercase !important;
  position: absolute !important; right: 32px !important; top: 50% !important;
  transform: translateY(-50%) !important;
  box-shadow: 0 1px 3px rgba(109,40,217,.4) !important;
}

/* ─── 5. LOGIN PAGE LOGO — point to the real DN brand SVG ─── */
.dn-auth-brand-logo img,
.dn-auth-pane-mini-brand img{
  max-width: 200px !important; height: auto !important;
}

/* ─── 6. Hide the OLD dn-splash if any leftover renders ─── */
#dn-splash{ display: none !important; }

/* ═══════════════════════════════════════════════════════════════════════════
   DN POLISH v20
   1. KILL legacy <nav class="header"> on auth/login pages
   2. Login brand logo: don't apply white-invert filter (was making logo a white block)
   3. Filter dropdown options — show CHECKBOXES (Select2 results)
   4. AI Search Assistant — bigger, bolder logo-style pill with star burst
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── 1. Hide legacy app shell on auth pages (body has .dn-auth-split somewhere) ─── */
body:has(.dn-auth-split) #app > nav.header,
body:has(.dn-auth-split) #app > .header,
body:has(.dn-auth-split) > nav.header{
  display: none !important;
}
/* Also hide for any session messages stacked on auth page */
body:has(.dn-auth-split) #app > .success_msg{
  position: fixed; top: 16px; right: 16px;
  z-index: 9999; max-width: 360px;
  border-radius: 10px; padding: 12px 16px;
  background: #fff; box-shadow: 0 8px 24px rgba(0,0,0,.18);
  border: 1px solid #e9ebef;
}
/* Auth pages use full viewport */
body:has(.dn-auth-split) #app{ min-height: 100vh; display: block; }
body:has(.dn-auth-split) #app > .page_main,
body:has(.dn-auth-split) main.page_main:has(.dn-auth-split){
  margin: 0 !important; padding: 0 !important; min-height: 100vh;
}

/* ─── 2. Login BRAND PANEL logo — DO NOT invert raster SVGs ─── */
.dn-auth-brand-logo{
  background: rgba(255,255,255,.10) !important;
  padding: 12px 16px !important;
  border-radius: 14px !important;
  backdrop-filter: blur(6px) !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  display: inline-flex !important; align-items: center !important;
  gap: 12px !important;
  width: auto !important; max-width: fit-content !important;
}
.dn-auth-brand-logo img{
  height: 40px !important; width: auto !important;
  filter: none !important;            /* CRITICAL: don't invert raster patterns */
  background: transparent !important;
}
.dn-auth-pane-mini-brand img{
  height: 32px !important; width: auto !important;
  filter: none !important;
}

/* ─── 3. Filter dropdown — CHECKBOX before each option ─── */
.select2-container--default .select2-results__option,
body .select2-results__option{
  display: flex !important; align-items: center !important;
  gap: 10px !important;
  padding: 8px 14px !important;
  font-size: 13px !important; font-weight: 500 !important;
  color: #0f172a !important; line-height: 1.4 !important;
  background: #fff !important;
  border-bottom: 1px solid #f4f6f4 !important;
  cursor: pointer !important;
  position: relative !important;
}
.select2-container--default .select2-results__option::before,
body .select2-results__option::before{
  content: "" !important;
  flex: 0 0 16px !important;
  width: 16px !important; height: 16px !important;
  border: 2px solid #cbced4 !important;
  border-radius: 4px !important;
  background: #fff !important;
  display: inline-block !important;
  transition: all .15s ease !important;
  position: relative !important;
}
.select2-container--default .select2-results__option--highlighted,
.select2-container--default .select2-results__option--highlighted[aria-selected],
body .select2-results__option--highlighted{
  background: #f8fdf8 !important;
  color: #0a2e06 !important;
}
.select2-container--default .select2-results__option--highlighted::before,
body .select2-results__option--highlighted::before{
  border-color: #159001 !important;
}
.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option--selected,
body .select2-results__option[aria-selected=true]{
  background: #f0faf0 !important;
  color: #0a2e06 !important;
  font-weight: 700 !important;
}
.select2-container--default .select2-results__option[aria-selected=true]::before,
.select2-container--default .select2-results__option--selected::before,
body .select2-results__option[aria-selected=true]::before{
  background: #159001 !important;
  border-color: #159001 !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='%23ffffff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 11px 11px !important;
}

/* Dropdown container */
.select2-container--default .select2-dropdown,
body .select2-dropdown{
  border: 1px solid #e9ebef !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 40px rgba(15,23,42,.14), 0 4px 12px rgba(15,23,42,.06) !important;
  overflow: hidden !important;
  margin-top: 4px !important;
  background: #fff !important;
}
.select2-container--default .select2-dropdown .select2-search--dropdown,
body .select2-search--dropdown{
  padding: 10px 12px !important; background: #fff !important;
  border-bottom: 1px solid #e9ebef !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field,
body .select2-search--dropdown .select2-search__field{
  border: 1px solid #e9ebef !important;
  border-radius: 8px !important;
  padding: 8px 12px 8px 34px !important;
  font-size: 13px !important;
  background: #f8f9fa url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23717182' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><path d='M21 21l-4.3-4.3'/></svg>") no-repeat 10px center !important;
  background-size: 14px !important;
  outline: none !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus,
body .select2-search--dropdown .select2-search__field:focus{
  border-color: #159001 !important;
  box-shadow: 0 0 0 3px rgba(21,144,1,.12) !important;
}

/* No results */
.select2-results__option.select2-results__message,
body .select2-results__option.select2-results__message{
  color: #717182 !important; font-style: italic !important;
}
.select2-results__option.select2-results__message::before,
body .select2-results__option.select2-results__message::before{
  display: none !important;
}

/* ─── 4. AI SEARCH ASSISTANT — supersized logo-style pill ─── */
body.dn-has-sidebar a.dn-pill-ai{
  background: linear-gradient(135deg, #c026d3 0%, #8b5cf6 35%, #6d28d9 65%, #4c1d95 100%) !important;
  padding: 10px 18px 10px 14px !important;
  border-radius: 999px !important;
  font-size: 13.5px !important; font-weight: 800 !important;
  letter-spacing: .25px !important;
  box-shadow:
    0 6px 18px rgba(124,58,237,.45),
    0 2px 6px rgba(192,38,211,.30),
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -1px 0 rgba(0,0,0,.10) !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.20) !important;
  position: relative !important;
  overflow: visible !important;
}
body.dn-has-sidebar a.dn-pill-ai::before{
  content: "" !important;
  width: 28px !important; height: 28px !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 32% 28%, #fff8c5 0%, #fde68a 30%, #f59e0b 65%, #d97706 100%) !important;
  flex: 0 0 auto !important;
  display: inline-block !important;
  box-shadow:
    0 0 14px rgba(251,191,36,.75),
    0 0 4px rgba(251,191,36,.95),
    inset 0 1px 1px rgba(255,255,255,.55) !important;
  position: relative !important;
}
body.dn-has-sidebar a.dn-pill-ai::after{
  content: "" !important;
  position: absolute !important;
  left: 14px !important; top: 50% !important;
  transform: translateY(-50%) !important;
  width: 28px !important; height: 28px !important;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M12 2l1.8 5.4L19 9l-5.2 1.6L12 16l-1.8-5.4L5 9l5.2-1.6z'/><circle cx='19' cy='5' r='1'/><circle cx='5' cy='19' r='1'/></svg>") no-repeat center / 18px 18px !important;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,.4)) !important;
  pointer-events: none !important;
  z-index: 2 !important;
}
body.dn-has-sidebar a.dn-pill-ai > svg{
  display: none !important;          /* hide original inline svg, replaced by ::after */
}
body.dn-has-sidebar a.dn-pill-ai:hover{
  transform: translateY(-2px) !important;
  box-shadow:
    0 10px 28px rgba(124,58,237,.55),
    0 4px 10px rgba(192,38,211,.40),
    inset 0 1px 0 rgba(255,255,255,.30) !important;
  background: linear-gradient(135deg, #d946ef 0%, #a78bfa 35%, #7c3aed 65%, #5b21b6 100%) !important;
}

/* ─── 5. Make sidebar filter rows have clearer click target affordance ─── */
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter{ cursor: pointer; }

/* ═══════════════════════════════════════════════════════════════════════════
   DN POLISH v21
   1. ALL auth pages — DN-branded header (logo + name) replaces legacy nav
   2. Register / Forgot Password / Reset Password cards — DN green branding
   3. AI Search Assistant in LOGIN brand panel — green styling (it's already on green BG)
   4. Filters — advanced UI: category color coding, count badges, clear-all
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── 1. UNIFIED AUTH HEADER (for non-login auth pages) ─────────────────── */
/* The layout's <nav class="header"> now uses dn-logo.svg (white vector).
   Restyle it as a green DN brand bar. */
body:not(:has(.dn-auth-split)) #app > nav.header,
body:not(:has(.dn-auth-split)) > nav.header{
  background: linear-gradient(135deg, #159001 0%, #0e6b01 60%, #0a2e06 100%) !important;
  padding: 14px 0 !important;
  box-shadow: 0 2px 14px rgba(10,46,6,.20) !important;
  border-bottom: 0 !important;
  margin-bottom: 32px !important;
}
body:not(:has(.dn-auth-split)) #app > nav.header .container,
body:not(:has(.dn-auth-split)) > nav.header .container{
  display: flex !important; align-items: center !important; gap: 12px !important;
}
body:not(:has(.dn-auth-split)) #app > nav.header .logo,
body:not(:has(.dn-auth-split)) > nav.header .logo{ margin: 0 !important; }
body:not(:has(.dn-auth-split)) #app > nav.header .navbar_brand,
body:not(:has(.dn-auth-split)) > nav.header .navbar_brand{
  display: inline-flex !important; align-items: center !important; gap: 12px !important;
  text-decoration: none !important; color: #fff !important;
}
body:not(:has(.dn-auth-split)) #app > nav.header .navbar_brand img,
body:not(:has(.dn-auth-split)) > nav.header .navbar_brand img{
  width: 38px !important; height: 38px !important;
  filter: none !important;
}
body:not(:has(.dn-auth-split)) #app > nav.header .navbar_brand::after,
body:not(:has(.dn-auth-split)) > nav.header .navbar_brand::after{
  content: "Data Navigator" !important;
  font-family: 'Plus Jakarta Sans','Inter',sans-serif !important;
  font-size: 19px !important; font-weight: 800 !important;
  color: #fff !important; letter-spacing: -.3px !important;
}

/* ─── 2. AUTH FORM CARDS — DN green branding (Register / Forgot / Reset) ─ */
body:not(:has(.dn-auth-split)) .login_card,
body:not(:has(.dn-auth-split)) .forgat_password_block,
body:not(:has(.dn-auth-split)) .register .card_block.right{
  background: #fff !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 40px rgba(10,46,6,.10), 0 2px 8px rgba(15,23,42,.04) !important;
  border: 1px solid #e9ebef !important;
  padding: 32px 32px 28px !important;
  max-width: 520px !important; margin: 0 auto !important;
  position: relative !important;
}
/* Branded card top accent + DN logo above title */
body:not(:has(.dn-auth-split)) .login_card::before,
body:not(:has(.dn-auth-split)) .forgat_password_block::before,
body:not(:has(.dn-auth-split)) .register .card_block.right::before{
  content: "" !important;
  position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important;
  height: 4px !important;
  background: linear-gradient(90deg, #1ecc00 0%, #159001 50%, #0e6b01 100%) !important;
  border-radius: 16px 16px 0 0 !important;
}
body:not(:has(.dn-auth-split)) .login_card_header,
body:not(:has(.dn-auth-split)) .register .card_block.right .sec_title{
  text-align: center !important;
}
body:not(:has(.dn-auth-split)) .login_card_title,
body:not(:has(.dn-auth-split)) .register .card_block.right .sec_title{
  font-family: 'Plus Jakarta Sans','Inter',sans-serif !important;
  font-size: 24px !important; font-weight: 800 !important;
  color: #0a2e06 !important; letter-spacing: -.4px !important;
  margin: 8px 0 6px !important;
}
body:not(:has(.dn-auth-split)) .login_text,
body:not(:has(.dn-auth-split)) .register .card_block.right .sec_desc{
  color: #717182 !important; font-size: 13.5px !important; text-align: center !important;
  margin-bottom: 20px !important;
}
/* Input styling */
body:not(:has(.dn-auth-split)) .login_card .input_text,
body:not(:has(.dn-auth-split)) .forgat_password_block .input_text,
body:not(:has(.dn-auth-split)) .register .card_block.right .input_text{
  border: 1px solid #d8dadf !important;
  border-radius: 10px !important;
  padding: 11px 14px !important;
  font-size: 14px !important;
  background: #fafbfc !important;
  width: 100% !important;
  transition: all .15s ease !important;
}
body:not(:has(.dn-auth-split)) .login_card .input_text:focus,
body:not(:has(.dn-auth-split)) .forgat_password_block .input_text:focus,
body:not(:has(.dn-auth-split)) .register .card_block.right .input_text:focus{
  border-color: #159001 !important; background: #fff !important;
  box-shadow: 0 0 0 3px rgba(21,144,1,.12) !important;
  outline: none !important;
}
body:not(:has(.dn-auth-split)) .login_card .input_label,
body:not(:has(.dn-auth-split)) .forgat_password_block .input_label,
body:not(:has(.dn-auth-split)) .register .card_block.right .input_label{
  font-size: 13px !important; font-weight: 600 !important;
  color: #0f172a !important; margin-bottom: 6px !important; display: block !important;
}
/* Submit buttons */
body:not(:has(.dn-auth-split)) .login_card .cstm_btn,
body:not(:has(.dn-auth-split)) .forgat_password_block .cstm_btn,
body:not(:has(.dn-auth-split)) .register .card_block.right .cstm_btn,
body:not(:has(.dn-auth-split)) .login_card button[type="submit"],
body:not(:has(.dn-auth-split)) .forgat_password_block button[type="submit"],
body:not(:has(.dn-auth-split)) .register .card_block.right button[type="submit"]{
  background: linear-gradient(135deg, #1ecc00 0%, #159001 50%, #0e6b01 100%) !important;
  color: #fff !important; border: 0 !important;
  padding: 12px 22px !important; font-size: 14px !important; font-weight: 700 !important;
  border-radius: 10px !important; width: 100% !important;
  box-shadow: 0 6px 16px rgba(21,144,1,.30), inset 0 1px 0 rgba(255,255,255,.18) !important;
  cursor: pointer !important; transition: all .15s ease !important;
}
body:not(:has(.dn-auth-split)) .login_card .cstm_btn:hover,
body:not(:has(.dn-auth-split)) .forgat_password_block .cstm_btn:hover,
body:not(:has(.dn-auth-split)) .register .card_block.right .cstm_btn:hover{
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 22px rgba(21,144,1,.40), inset 0 1px 0 rgba(255,255,255,.22) !important;
}
/* "Already have an Account?" link */
body:not(:has(.dn-auth-split)) .have_account{
  display: block !important; text-align: center !important; margin-top: 16px !important;
  font-size: 13px !important; color: #717182 !important;
}
body:not(:has(.dn-auth-split)) .have_account .green_label{
  color: #159001 !important; font-weight: 700 !important; text-decoration: none !important;
}
/* Register split layout — green left card */
body:not(:has(.dn-auth-split)) .register .card_block.left{
  background: linear-gradient(135deg, #0a2e06 0%, #0e6b01 60%, #159001 100%) !important;
  color: #fff !important;
  border-radius: 16px !important; padding: 32px !important;
  position: relative !important; overflow: hidden !important;
}
body:not(:has(.dn-auth-split)) .register .card_block.left::before{
  content: "" !important; position: absolute !important;
  inset: -50px -80px -80px auto !important; width: 320px !important;
  background: radial-gradient(circle, rgba(30,204,0,.30) 0%, transparent 70%) !important;
  filter: blur(40px) !important; pointer-events: none !important;
}
body:not(:has(.dn-auth-split)) .register .card_block.left .reg_desc,
body:not(:has(.dn-auth-split)) .register .card_block.left .reg_title,
body:not(:has(.dn-auth-split)) .register .card_block.left .list_title,
body:not(:has(.dn-auth-split)) .register .card_block.left .item{
  color: #fff !important; position: relative !important; z-index: 2 !important;
}
body:not(:has(.dn-auth-split)) .register .card_block.left .reg_title{
  font-family: 'Plus Jakarta Sans',sans-serif !important;
  font-size: 28px !important; font-weight: 800 !important; letter-spacing: -.5px !important;
}
body:not(:has(.dn-auth-split)) .register .card_block.left .green_label{
  color: #6ee45e !important; font-weight: 800 !important;
}
body:not(:has(.dn-auth-split)) .register .card_block.left .verified_list ul{ list-style: none; padding: 0; }
body:not(:has(.dn-auth-split)) .register .card_block.left .verified_list .item{
  padding: 8px 0 8px 28px !important; position: relative !important;
  font-size: 14px !important; color: rgba(255,255,255,.92) !important;
}
body:not(:has(.dn-auth-split)) .register .card_block.left .verified_list .item::before{
  content: "" !important; position: absolute !important; left: 0 !important; top: 50% !important;
  width: 18px !important; height: 18px !important;
  transform: translateY(-50%) !important;
  background: rgba(110,228,94,.18) !important; border-radius: 50% !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='%236ee45e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") !important;
  background-repeat: no-repeat !important; background-position: center !important; background-size: 11px 11px !important;
}

/* ─── 3. LOGIN BRAND PANEL — AI Search Assistant in GREEN ───────────────── */
.dn-auth-feat-list{ list-style: none !important; padding: 0 !important; margin: 0 !important; }
.dn-auth-feat{
  position: relative !important;
  padding: 12px 0 12px 38px !important;
  border-top: 1px solid rgba(255,255,255,.10) !important;
  color: rgba(255,255,255,.94) !important;
  font-weight: 600 !important; font-size: 14.5px !important;
  letter-spacing: -.1px !important;
}
.dn-auth-feat:first-child{ border-top: 0 !important; }
.dn-auth-feat .dn-auth-feat-desc,
.dn-auth-feat span:not(.dn-auth-feat-title){
  display: block !important;
  font-weight: 400 !important; font-size: 12.5px !important;
  color: rgba(255,255,255,.72) !important;
  margin-top: 2px !important;
}
.dn-auth-feat::before{
  content: "" !important;
  position: absolute !important; left: 0 !important; top: 14px !important;
  width: 24px !important; height: 24px !important; border-radius: 50% !important;
  background:
    radial-gradient(circle at 32% 28%, #6ee45e 0%, #1ecc00 50%, #159001 100%) !important;
  box-shadow:
    0 0 14px rgba(110,228,94,.55),
    0 0 4px rgba(30,204,0,.85),
    inset 0 1px 1px rgba(255,255,255,.45) !important;
}
/* AI Search Assistant — give it a special glowing star icon */
.dn-auth-feat:nth-child(1)::after,
.dn-auth-feat[data-feat="ai"]::after{
  content: "" !important;
  position: absolute !important; left: 0 !important; top: 14px !important;
  width: 24px !important; height: 24px !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='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3l1.6 4.5L18 9l-4.4 1.5L12 15l-1.6-4.5L6 9l4.4-1.5z'/></svg>") !important;
  background-repeat: no-repeat !important; background-position: center !important; background-size: 14px 14px !important;
  filter: drop-shadow(0 1px 1px rgba(0,0,0,.3)) !important;
  pointer-events: none !important;
}
/* Bolder title for the AI item to highlight as star feature */
.dn-auth-feat:nth-child(1){
  background: linear-gradient(90deg, rgba(110,228,94,.10) 0%, transparent 100%) !important;
  border-radius: 10px !important;
  padding-left: 38px !important; padding-right: 14px !important;
  border-top: 0 !important;
  margin-bottom: 4px !important;
}

/* ─── 4. FILTERS — ADVANCED UI ──────────────────────────────────────────── */
/* Category color-coding via select[name=...] using :has() */
body.dn-has-sidebar .sidebar-filter-wrapper{
  padding: 0 !important; background: transparent !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper > form{
  background: #fff !important;
  border-radius: 14px !important;
  border: 1px solid #e9ebef !important;
  box-shadow: 0 4px 16px rgba(15,23,42,.05) !important;
  overflow: hidden !important;
  margin: 12px !important;
}

/* Filter title bar — with active count badge + Clear All button */
body.dn-has-sidebar .sidebar-filter-wrapper .sidefilter_title{
  background: linear-gradient(180deg, #f8fdf8 0%, #fff 100%) !important;
  padding: 16px 18px !important;
  border-bottom: 1px solid #e9ebef !important;
  border-left: 4px solid #159001 !important;
  display: flex !important; align-items: center !important; justify-content: space-between !important;
  gap: 12px !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .sidefilter_title h4{
  font-family:'Plus Jakarta Sans','Inter',sans-serif !important;
  font-size: 13px !important; font-weight: 800 !important;
  text-transform: uppercase !important; letter-spacing: 1.2px !important;
  color: #0a2e06 !important; margin: 0 !important; flex: 1 !important;
  display: flex !important; align-items: center !important; gap: 8px !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .sidefilter_title h4::before{
  content: "" !important;
  width: 18px !important; height: 18px !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.2' stroke-linecap='round' stroke-linejoin='round'><polygon points='22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3'/></svg>") !important;
  background-repeat: no-repeat !important; background-position: center !important;
  display: inline-block !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .sidefilter_title .actions{
  display: flex !important; gap: 8px !important; align-items: center !important;
}
/* Reset All button (existing) — restyle */
body.dn-has-sidebar .sidebar-filter-wrapper .sidefilter_title .actions a,
body.dn-has-sidebar .sidebar-filter-wrapper .sidefilter_title .actions button{
  background: #fff !important;
  color: #717182 !important;
  border: 1px solid #e9ebef !important;
  padding: 5px 10px !important; font-size: 11.5px !important; font-weight: 700 !important;
  border-radius: 6px !important; text-transform: uppercase !important; letter-spacing: .5px !important;
  text-decoration: none !important; cursor: pointer !important;
  display: inline-flex !important; align-items: center !important; gap: 4px !important;
  transition: all .15s ease !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .sidefilter_title .actions a:hover,
body.dn-has-sidebar .sidebar-filter-wrapper .sidefilter_title .actions button:hover{
  background: #fef2f2 !important; color: #dc2626 !important; border-color: #fecaca !important;
}

/* CATEGORY SECTION HEADERS injected via :has() and pseudo elements ─────── */
/* People filters: Title, Seniority, Department */
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(select[name="title"])::before{
  content: "👤 PEOPLE" !important;
  display: block !important;
  font-size: 10.5px !important; font-weight: 800 !important;
  color: #1e40af !important;
  text-transform: uppercase !important; letter-spacing: 1.4px !important;
  padding: 14px 18px 6px !important;
  background: #f8fafc !important;
  border-bottom: 1px solid #e9ebef !important;
  margin: 0 -18px 8px !important;
}
/* Location filters: country (Location), city, state, company_city */
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(select[name="country"])::before{
  content: "📍 LOCATION" !important;
  display: block !important;
  font-size: 10.5px !important; font-weight: 800 !important;
  color: #c2410c !important;
  text-transform: uppercase !important; letter-spacing: 1.4px !important;
  padding: 14px 18px 6px !important;
  background: #fff7ed !important;
  border-bottom: 1px solid #fed7aa !important;
  margin: 8px -18px 8px !important;
}
/* Company filters: industry */
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(select[name="industry"])::before{
  content: "🏢 COMPANY" !important;
  display: block !important;
  font-size: 10.5px !important; font-weight: 800 !important;
  color: #0a2e06 !important;
  text-transform: uppercase !important; letter-spacing: 1.4px !important;
  padding: 14px 18px 6px !important;
  background: #f0faf0 !important;
  border-bottom: 1px solid #bbf7d0 !important;
  margin: 8px -18px 8px !important;
}

/* Filter row body */
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter{
  padding: 10px 18px !important;
  border-bottom: 1px solid #f4f6f4 !important;
  position: relative !important;
  transition: background .15s ease !important;
  background: #fff !important;
  display: block !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:hover{
  background: #fafdfa !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:last-child{ border-bottom: 0 !important; }

/* Color-coded left accent bar for each row */
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(select[name="title"]),
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(select[name="seniority"]),
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(select[name="department"]){
  border-left: 3px solid #3b82f6 !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(select[name="country"]),
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(select[name="city"]),
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(select[name="state"]),
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(select[name="company_city"]){
  border-left: 3px solid #f97316 !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(select[name="industry"]),
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(select[name="employees"]),
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(select[name="annual_revenue"]),
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(select[name="company"]),
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(select[name="keywords"]){
  border-left: 3px solid #159001 !important;
}

/* Select2 visible field — make it look like a real input with icon */
body.dn-has-sidebar .sidebar-filter-wrapper .select2-container,
body.dn-has-sidebar .sidebar-filter-wrapper .select2-container--default{
  width: 100% !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .select2-selection,
body.dn-has-sidebar .sidebar-filter-wrapper .select2-selection--multiple{
  border: 1px solid #e9ebef !important;
  background: #fff !important;
  border-radius: 8px !important;
  min-height: 38px !important;
  padding: 4px 30px 4px 32px !important;
  font-size: 13px !important;
  position: relative !important;
  transition: all .15s ease !important;
  cursor: pointer !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .select2-selection:hover{
  border-color: #cbced4 !important; background: #fafbfc !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .select2-container--open .select2-selection{
  border-color: #159001 !important;
  box-shadow: 0 0 0 3px rgba(21,144,1,.10) !important;
}
/* Search-icon prefix */
/* Position: row has padding 10/18, select inside has 4/30/32 padding */
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter{ padding-bottom: 12px !important; }
/* Chevron right side */
body.dn-has-sidebar .sidebar-filter-wrapper .select2-selection__arrow{
  position: absolute !important; right: 8px !important; top: 50% !important;
  transform: translateY(-50%) !important; height: 22px !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .select2-selection__arrow b{
  border: 0 !important; margin: 0 !important;
  width: 16px !important; height: 16px !important; display: inline-block !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.4' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") !important;
  background-repeat: no-repeat !important; background-position: center !important;
  background-size: 14px 14px !important;
  position: static !important; left: auto !important; top: auto !important;
}

/* Selected-value chips */
body.dn-has-sidebar .sidebar-filter-wrapper .select2-selection__choice{
  background: #f0faf0 !important;
  border: 1px solid #bbf7d0 !important;
  color: #0a2e06 !important;
  padding: 2px 8px !important; margin: 2px 4px 2px 0 !important;
  border-radius: 5px !important;
  font-size: 11.5px !important; font-weight: 700 !important;
  display: inline-flex !important; align-items: center !important; gap: 4px !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .select2-selection__choice__remove{
  color: #159001 !important; font-weight: 800 !important;
  margin-right: 0 !important; margin-left: 4px !important;
  border: 0 !important; background: transparent !important;
  cursor: pointer !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .select2-selection__choice__remove:hover{
  color: #dc2626 !important;
}
/* Placeholder on field when empty — friendly text */
body.dn-has-sidebar .sidebar-filter-wrapper .select2-selection__placeholder{
  color: #717182 !important; font-size: 13px !important; font-weight: 500 !important;
  padding-left: 0 !important;
}
/* "Add filter…" hint after each placeholder */
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:not(:has(.select2-selection__choice)) .select2-selection::after{
  content: " ＋" !important;
  color: #cbced4 !important;
  font-size: 13px !important; font-weight: 700 !important;
  margin-left: 6px !important;
}

/* Mini label above each field */
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(select[name="title"])  .select2-selection::before{ content:"Title"; }
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(select[name="seniority"]) .select2-selection::before{ content:"Seniority"; }
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(select[name="department"]) .select2-selection::before{ content:"Department"; }
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(select[name="country"]) .select2-selection::before{ content:"Location"; }
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(select[name="city"]) .select2-selection::before{ content:"City"; }
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(select[name="state"]) .select2-selection::before{ content:"State"; }
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(select[name="company_city"]) .select2-selection::before{ content:"Company City"; }
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(select[name="industry"]) .select2-selection::before{ content:"Industry"; }
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(select[name="employees"]) .select2-selection::before{ content:"Employees"; }
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(select[name="annual_revenue"]) .select2-selection::before{ content:"Annual Revenue"; }
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(select[name="company"]) .select2-selection::before{ content:"Company"; }
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(select[name="keywords"]) .select2-selection::before{ content:"Keywords"; }

body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter .select2-selection::before{
  display: block !important;
  font-size: 10.5px !important; font-weight: 800 !important;
  color: #717182 !important;
  text-transform: uppercase !important; letter-spacing: .8px !important;
  padding: 0 0 4px !important;
  position: absolute !important;
  top: -18px !important; left: 0 !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter{ padding-top: 28px !important; }
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter .select2-selection{
  position: relative !important; overflow: visible !important;
}

/* Footer — Apply button */
body.dn-has-sidebar .sidebar-filter-wrapper #filter_sidebar_btn,
body.dn-has-sidebar .sidebar-filter-wrapper button[type="submit"]:not(.select2-selection__choice__remove){
  background: linear-gradient(135deg, #1ecc00 0%, #159001 50%, #0e6b01 100%) !important;
  color: #fff !important; border: 0 !important;
  padding: 11px 18px !important; font-size: 13px !important; font-weight: 700 !important;
  border-radius: 9px !important; width: calc(100% - 24px) !important;
  margin: 12px !important;
  box-shadow: 0 4px 12px rgba(21,144,1,.28), inset 0 1px 0 rgba(255,255,255,.18) !important;
  cursor: pointer !important; text-transform: uppercase !important; letter-spacing: .6px !important;
}

  /* ═══ v21.1 — fix selectors for ACTUAL login feature list markup ═══
     Real HTML is:
       <ul class="dn-auth-feature-list">
         <li><span class="dn-auth-feat-dot"></span>
             <div><b>AI Search Assistant</b><br><small>...</small></div></li>
     ═════════════════════════════════════════════════════════════════ */
  .dn-auth-feature-list{
    list-style: none !important; padding: 0 !important; margin: 24px 0 0 !important;
  }
  .dn-auth-feature-list li{
    display: flex !important; align-items: flex-start !important; gap: 12px !important;
    padding: 12px 14px !important;
    border-top: 1px solid rgba(255,255,255,.10) !important;
    color: rgba(255,255,255,.94) !important;
    font-size: 14px !important;
    border-radius: 8px !important;
    position: relative !important;
  }
  .dn-auth-feature-list li:first-child{
    border-top: 0 !important;
    background: linear-gradient(90deg, rgba(110,228,94,.16) 0%, rgba(110,228,94,.04) 60%, transparent 100%) !important;
    border: 1px solid rgba(110,228,94,.28) !important;
    box-shadow: 0 0 24px rgba(110,228,94,.10), inset 0 1px 0 rgba(255,255,255,.06) !important;
    padding: 14px !important;
  }
  .dn-auth-feature-list li b{
    font-family: 'Plus Jakarta Sans','Inter',sans-serif !important;
    font-weight: 700 !important; font-size: 14.5px !important;
    color: #fff !important; letter-spacing: -.1px !important;
  }
  .dn-auth-feature-list li:first-child b{
    background: linear-gradient(90deg, #ffffff 0%, #6ee45e 100%) !important;
    -webkit-background-clip: text !important; background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 800 !important;
  }
  .dn-auth-feature-list li small{
    font-size: 12.5px !important; color: rgba(255,255,255,.72) !important;
    font-weight: 400 !important;
  }

  /* The dot — green glowing for all, with star icon overlay on AI item */
  .dn-auth-feature-list .dn-auth-feat-dot{
    flex: 0 0 24px !important;
    width: 24px !important; height: 24px !important;
    border-radius: 50% !important;
    display: inline-block !important;
    background:
      radial-gradient(circle at 32% 28%, #6ee45e 0%, #1ecc00 50%, #159001 100%) !important;
    box-shadow:
      0 0 14px rgba(110,228,94,.55),
      0 0 4px rgba(30,204,0,.85),
      inset 0 1px 1px rgba(255,255,255,.45) !important;
    margin-top: 2px !important;
    position: relative !important;
  }
  /* Sparkle on AI Search Assistant (first li) */
  .dn-auth-feature-list li:first-child .dn-auth-feat-dot::after{
    content: "" !important;
    position: absolute !important; inset: 0 !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='%23ffffff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3l1.6 4.5L18 9l-4.4 1.5L12 15l-1.6-4.5L6 9l4.4-1.5z'/></svg>") !important;
    background-repeat: no-repeat !important; background-position: center !important;
    background-size: 14px 14px !important;
    filter: drop-shadow(0 1px 1px rgba(0,0,0,.30)) !important;
  }
  /* Make the dot inside non-AI items show a checkmark */
  .dn-auth-feature-list li:not(:first-child) .dn-auth-feat-dot{
    background:
      radial-gradient(circle at 32% 28%, #6ee45e 0%, #1ecc00 50%, #159001 100%) !important;
  }
  .dn-auth-feature-list li:not(:first-child) .dn-auth-feat-dot::after{
    content: "" !important;
    position: absolute !important; inset: 0 !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='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") !important;
    background-repeat: no-repeat !important; background-position: center !important;
    background-size: 12px 12px !important;
  }

/* ═══════════════════════════════════════════════════════════════════════════
   DN POLISH v24 — KILL OVERLAPS · GREEN AI BUTTON · CLEAN FILTERS · FIX TABLE
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── 1. AVATAR CIRCLE in name column — REMOVE (was creating big green dots) ── */
body.dn-has-sidebar #data_datatable tbody td:nth-child(2)::before,
body.dn-has-sidebar table.dataTable tbody td:nth-child(2)::before,
body.dn-has-sidebar .home_table tbody td:nth-child(2)::before{
  content: none !important;
  display: none !important;
}
body.dn-has-sidebar #data_datatable tbody td:nth-child(2),
body.dn-has-sidebar table.dataTable tbody td:nth-child(2),
body.dn-has-sidebar .home_table tbody td:nth-child(2){
  white-space: nowrap !important;
  padding-left: 14px !important;
}

/* ─── 2. AI SEARCH ASSISTANT — GREEN BUTTON (replace purple) ─── */
body.dn-has-sidebar a.dn-pill-ai,
.dn-pill-ai{
  background: linear-gradient(135deg, #1ecc00 0%, #159001 50%, #0e6b01 100%) !important;
  color: #ffffff !important;
  padding: 10px 20px 10px 14px !important;
  border-radius: 999px !important;
  font-size: 13.5px !important; font-weight: 800 !important;
  letter-spacing: .25px !important;
  display: inline-flex !important; align-items: center !important;
  gap: 10px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow:
    0 6px 18px rgba(21,144,1,.40),
    0 2px 6px rgba(14,107,1,.28),
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -1px 0 rgba(0,0,0,.10) !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.18) !important;
  text-decoration: none !important;
  position: relative !important;
  overflow: visible !important;
  transition: all .15s ease !important;
}
/* Star/sparkle disc on the left — bright white-cream highlight on green */
body.dn-has-sidebar a.dn-pill-ai::before,
.dn-pill-ai::before{
  content: "" !important;
  width: 26px !important; height: 26px !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 32% 28%, #ffffff 0%, #d9fdd3 25%, #6ee45e 70%, #1ecc00 100%) !important;
  flex: 0 0 auto !important;
  display: inline-block !important;
  box-shadow:
    0 0 12px rgba(110,228,94,.85),
    0 0 4px rgba(255,255,255,.65),
    inset 0 1px 1px rgba(255,255,255,.55) !important;
}
body.dn-has-sidebar a.dn-pill-ai::after,
.dn-pill-ai::after{
  content: "" !important;
  position: absolute !important;
  left: 14px !important; top: 50% !important;
  transform: translateY(-50%) !important;
  width: 26px !important; height: 26px !important;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a2e06' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M12 2l1.8 5.4L19 9l-5.2 1.6L12 16l-1.8-5.4L5 9l5.2-1.6z'/></svg>") no-repeat center / 16px 16px !important;
  pointer-events: none !important;
  z-index: 2 !important;
}
body.dn-has-sidebar a.dn-pill-ai > svg,
.dn-pill-ai > svg{ display: none !important; }
body.dn-has-sidebar a.dn-pill-ai:hover,
.dn-pill-ai:hover{
  transform: translateY(-2px) !important;
  background: linear-gradient(135deg, #2fdc11 0%, #1ecc00 50%, #159001 100%) !important;
  box-shadow:
    0 10px 24px rgba(21,144,1,.50),
    0 4px 10px rgba(14,107,1,.36),
    inset 0 1px 0 rgba(255,255,255,.32) !important;
}

/* ─── 3. FILTERS — KILL all overlapping pseudo-elements from v21 ─── */
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter::before,
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter::after,
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter .select2-selection::before,
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter .select2-selection::after,
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter .select2-selection--multiple::before,
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter .select2-selection--multiple::after{
  content: none !important;
  display: none !important;
}

/* Reset all v21 borders/padding overlap */
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter{
  padding: 12px 14px !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #f0f3f0 !important;
  border-left: 3px solid transparent !important;
  background: #fff !important;
  position: relative !important;
  display: block !important;
  transition: all .15s ease !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:hover{
  background: #fafdfa !important;
  border-left-color: #159001 !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(.select2-selection__choice){
  border-left-color: #159001 !important;
  background: #f8fdf8 !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:last-child{
  border-bottom: 0 !important;
}

/* SIMPLE field label ABOVE the select (real DOM-friendly via ::first-letter trick won't work,
   so we rely on Select2's built-in placeholder which already shows the field name) */
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter .select2-selection,
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter .select2-selection--multiple{
  border: 1px solid #e1e5e1 !important;
  background: #fff !important;
  border-radius: 8px !important;
  min-height: 38px !important;
  padding: 4px 32px 4px 12px !important;
  font-size: 13px !important;
  cursor: pointer !important;
  position: relative !important;
  box-shadow: none !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter .select2-selection:hover{
  border-color: #c4cdc3 !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter .select2-container--open .select2-selection{
  border-color: #159001 !important;
  box-shadow: 0 0 0 3px rgba(21,144,1,.10) !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter .select2-selection__placeholder{
  color: #6b7280 !important; font-size: 13px !important; font-weight: 500 !important;
  line-height: 28px !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter .select2-selection__rendered{
  padding: 0 !important; line-height: 28px !important;
}

/* Filters title bar — clean */
body.dn-has-sidebar .sidebar-filter-wrapper{
  padding: 0 !important; margin: 0 !important; background: transparent !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper > form{
  background: #fff !important;
  border-radius: 12px !important;
  border: 1px solid #e9ebef !important;
  box-shadow: 0 2px 12px rgba(15,23,42,.04) !important;
  overflow: hidden !important;
  margin: 12px !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .sidefilter_title{
  background: #f8fdf8 !important;
  padding: 14px 16px !important;
  border-bottom: 1px solid #e9ebef !important;
  border-left: 4px solid #159001 !important;
  display: flex !important; align-items: center !important; justify-content: space-between !important;
  gap: 12px !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .sidefilter_title h4{
  font-size: 13px !important; font-weight: 800 !important;
  text-transform: uppercase !important; letter-spacing: 1.2px !important;
  color: #0a2e06 !important; margin: 0 !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .sidefilter_title h4::before{
  content: "" !important;
  width: 16px !important; height: 16px !important;
  margin-right: 8px !important;
  display: inline-block !important; vertical-align: -2px !important;
  background: 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.2' stroke-linecap='round' stroke-linejoin='round'><polygon points='22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3'/></svg>") no-repeat center / 16px 16px !important;
}

/* Selected chips */
body.dn-has-sidebar .sidebar-filter-wrapper .select2-selection__choice{
  background: #f0faf0 !important;
  border: 1px solid #bbf7d0 !important;
  color: #0a2e06 !important;
  padding: 1px 8px !important; margin: 1px 4px 1px 0 !important;
  border-radius: 5px !important;
  font-size: 11.5px !important; font-weight: 700 !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .select2-selection__choice__remove{
  color: #159001 !important; font-weight: 800 !important;
  border: 0 !important; background: transparent !important;
  margin-left: 4px !important; margin-right: 0 !important;
}

/* Chevron */
body.dn-has-sidebar .sidebar-filter-wrapper .select2-selection__arrow{
  position: absolute !important; right: 8px !important; top: 50% !important;
  transform: translateY(-50%) !important; height: 22px !important; width: 22px !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .select2-selection__arrow b{
  border: 0 !important; margin: 0 !important;
  width: 16px !important; height: 16px !important; display: inline-block !important;
  background: 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.4' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") no-repeat center / 14px 14px !important;
  position: static !important; left: auto !important; top: auto !important;
}

/* ─── 4. ACCESS EMAIL button — guarantee text visible ─── */
body.dn-has-sidebar #data_datatable tbody td .access_email,
body.dn-has-sidebar table.dataTable tbody td .access_email,
body.dn-has-sidebar td a.access_email,
body.dn-has-sidebar a.access_email{
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  gap: 6px !important;
  background: linear-gradient(135deg, #1ecc00 0%, #159001 50%, #0e6b01 100%) !important;
  color: #ffffff !important;
  font-size: 11.5px !important; font-weight: 700 !important;
  padding: 6px 12px !important;
  border-radius: 6px !important;
  border: 0 !important;
  text-decoration: none !important;
  min-width: 110px !important;
  box-shadow: 0 2px 6px rgba(21,144,1,.28), inset 0 1px 0 rgba(255,255,255,.22) !important;
  letter-spacing: .2px !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.15) !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}
body.dn-has-sidebar a.access_email *{ color: #ffffff !important; }
body.dn-has-sidebar a.access_email img{
  filter: brightness(0) invert(1) !important;
  width: 12px !important; height: 12px !important;
}
body.dn-has-sidebar a.access_email:hover{
  transform: translateY(-1px) !important;
  background: linear-gradient(135deg, #2fdc11 0%, #1ecc00 50%, #159001 100%) !important;
  box-shadow: 0 4px 12px rgba(21,144,1,.42) !important;
  color: #fff !important;
}

/* ─── 5. TABLE — ensure tight clean rows, no oversized gaps ─── */
body.dn-has-sidebar #data_datatable tbody td,
body.dn-has-sidebar table.dataTable tbody td{
  padding: 12px 14px !important;
  font-size: 13px !important;
  vertical-align: middle !important;
  border-bottom: 1px solid #f0f3f0 !important;
}
body.dn-has-sidebar #data_datatable thead th,
body.dn-has-sidebar table.dataTable thead th{
  background: #f9fbf9 !important;
  color: #6b7280 !important;
  font-size: 11px !important; font-weight: 800 !important;
  text-transform: uppercase !important; letter-spacing: .9px !important;
  padding: 12px 14px !important;
  border-bottom: 1px solid #e9ebef !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   DN POLISH v25 — FILTER LABELS RESTORED · BUTTON TRUNCATION FIX · TIGHTER UI
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── 1. FILTER ROWS — labels INSIDE each row, no overlap ever ─── */
/* Wipe v21/v24 conflicting pseudo-elements first */
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter::before,
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter::after,
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter .select2-selection::before,
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter .select2-selection::after{
  content: none !important;
}

/* Each filter row: room at top for the label */
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter{
  position: relative !important;
  display: block !important;
  padding: 28px 14px 12px 16px !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #f0f3f0 !important;
  background: #fff !important;
  min-height: auto !important;
  height: auto !important;
  overflow: visible !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:hover{
  background: #fafdfa !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:last-child{
  border-bottom: 0 !important;
}

/* Field-name LABEL (positioned at top-left INSIDE the row, never overlaps siblings) */
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter::before{
  content: "Filter" !important;
  display: block !important;
  position: absolute !important;
  top: 8px !important; left: 16px !important;
  font-size: 10.5px !important; font-weight: 800 !important;
  color: #6b7280 !important;
  text-transform: uppercase !important; letter-spacing: 1px !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: transparent !important;
  padding: 0 !important; margin: 0 !important;
  line-height: 1 !important;
  border: 0 !important;
}
/* Per-field label text */
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(select[name="title"])::before        { content: "Title" !important; }
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(select[name="seniority"])::before    { content: "Seniority" !important; }
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(select[name="department"])::before   { content: "Department" !important; }
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(select[name="country"])::before      { content: "Location" !important; }
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(select[name="industry"])::before     { content: "Industry" !important; }
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(select[name="employees"])::before    { content: "Company Size" !important; }
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(select[name="annual_revenue"])::before{ content: "Annual Revenue" !important; }
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(select[name="company"])::before      { content: "Company" !important; }
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(select[name="keywords"])::before     { content: "Keywords" !important; }
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(select[name="city"])::before         { content: "City" !important; }
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(select[name="state"])::before        { content: "State / Region" !important; }
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(select[name="company_city"])::before { content: "HQ City" !important; }

/* Active row (has selected chips) — green tint and accent on left */
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(.select2-selection__choice){
  background: #f6fcf6 !important;
  box-shadow: inset 3px 0 0 0 #159001 !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter:has(.select2-selection__choice)::before{
  color: #0a2e06 !important;
}

/* Select2 control inside row */
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter .select2,
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter .select2-container{
  width: 100% !important;
  min-width: 0 !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter .select2-selection,
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter .select2-selection--multiple{
  border: 1px solid #e1e5e1 !important;
  background: #fff !important;
  border-radius: 8px !important;
  min-height: 38px !important;
  padding: 4px 32px 4px 10px !important;
  font-size: 13px !important;
  cursor: text !important;
  position: relative !important;
  box-shadow: none !important;
  outline: 0 !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter .select2-selection:hover{
  border-color: #c4cdc3 !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter .select2-container--open .select2-selection{
  border-color: #159001 !important;
  box-shadow: 0 0 0 3px rgba(21,144,1,.10) !important;
}

/* Search field placeholder inside the select */
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter .select2-search--inline,
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter .select2-search__field{
  margin: 2px 0 !important;
  width: auto !important;
  min-width: 90px !important;
  font-size: 13px !important;
  color: #2e3b2c !important;
  font-weight: 500 !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter .select2-search__field::placeholder{
  color: #9aa39a !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

/* Selected chips — green pills */
body.dn-has-sidebar .sidebar-filter-wrapper .select2-selection__choice{
  background: linear-gradient(135deg, #ecfdec 0%, #d6f5d4 100%) !important;
  border: 1px solid #86d27e !important;
  color: #0a2e06 !important;
  padding: 2px 8px 2px 22px !important;
  margin: 2px 4px 2px 0 !important;
  border-radius: 5px !important;
  font-size: 11.5px !important; font-weight: 700 !important;
  position: relative !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .select2-selection__choice__remove{
  color: #fff !important;
  background: #159001 !important;
  width: 16px !important; height: 16px !important;
  border-radius: 50% !important;
  position: absolute !important; left: 3px !important; top: 50% !important;
  transform: translateY(-50%) !important;
  border: 0 !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  font-size: 13px !important; line-height: 1 !important;
  font-weight: 800 !important;
  margin: 0 !important;
}

/* Chevron */
body.dn-has-sidebar .sidebar-filter-wrapper .select2-selection__arrow{
  position: absolute !important; right: 8px !important; top: 50% !important;
  transform: translateY(-50%) !important; height: 22px !important; width: 22px !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .select2-selection__arrow b{
  border: 0 !important; margin: 0 !important;
  width: 16px !important; height: 16px !important; display: inline-block !important;
  background: 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.4' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") no-repeat center / 14px 14px !important;
  position: static !important; left: auto !important; top: auto !important;
}

/* Filters wrapper card */
body.dn-has-sidebar .sidebar-filter-wrapper{
  padding: 0 !important; margin: 0 !important; background: transparent !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper > form{
  background: #fff !important;
  border-radius: 12px !important;
  border: 1px solid #e9ebef !important;
  box-shadow: 0 2px 12px rgba(15,23,42,.04) !important;
  overflow: hidden !important;
  margin: 12px !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .sidefilter_title{
  background: linear-gradient(180deg, #f8fdf8 0%, #f0faf0 100%) !important;
  padding: 14px 16px !important;
  border-bottom: 1px solid #d6e8d2 !important;
  border-left: 4px solid #159001 !important;
  display: flex !important; align-items: center !important; justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .sidefilter_title h4{
  font-size: 13px !important; font-weight: 800 !important;
  text-transform: uppercase !important; letter-spacing: 1.4px !important;
  color: #0a2e06 !important; margin: 0 !important;
  display: inline-flex !important; align-items: center !important; gap: 8px !important;
}
body.dn-has-sidebar .sidebar-filter-wrapper .sidefilter_title h4::before{
  content: "" !important;
  width: 16px !important; height: 16px !important;
  display: inline-block !important;
  background: 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.4' stroke-linecap='round' stroke-linejoin='round'><polygon points='22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3'/></svg>") no-repeat center / 16px 16px !important;
  flex: 0 0 auto !important;
}

/* ─── 2. EXPORT BUTTON — fix "EX" truncation ─── */
body.dn-has-sidebar .actions.export{
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 120px !important;
  margin-left: 12px !important;
}
body.dn-has-sidebar .actions.export #export_data,
body.dn-has-sidebar .actions.export .export_data_btn,
body.dn-has-sidebar #export_data,
body.dn-has-sidebar .export_data_btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: #fff !important;
  color: #0a2e06 !important;
  border: 1.5px solid #d6e8d2 !important;
  padding: 8px 16px !important;
  border-radius: 8px !important;
  font-size: 13px !important; font-weight: 700 !important;
  text-transform: capitalize !important;
  white-space: nowrap !important;
  min-width: 110px !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  cursor: pointer !important;
  text-decoration: none !important;
  letter-spacing: .2px !important;
  box-shadow: 0 1px 2px rgba(15,23,42,.04) !important;
}
body.dn-has-sidebar #export_data img,
body.dn-has-sidebar .export_data_btn img{
  width: 14px !important; height: 14px !important;
  filter: invert(28%) sepia(96%) saturate(1300%) hue-rotate(86deg) brightness(.7) !important;
  margin: 0 !important;
}
body.dn-has-sidebar #export_data:hover,
body.dn-has-sidebar .export_data_btn:hover{
  background: #f8fdf8 !important;
  border-color: #159001 !important;
  color: #0e6b01 !important;
}
body.dn-has-sidebar #export_data::first-letter,
body.dn-has-sidebar .export_data_btn::first-letter{ text-transform: uppercase !important; }

/* ─── 3. ACCESS EMAIL — full text always visible ─── */
body.dn-has-sidebar a.access_email,
body.dn-has-sidebar #data_datatable td a.access_email,
body.dn-has-sidebar table.dataTable td a.access_email{
  display: inline-flex !important;
  align-items: center !important; justify-content: center !important;
  gap: 6px !important;
  background: linear-gradient(135deg, #1ecc00 0%, #159001 50%, #0e6b01 100%) !important;
  color: #ffffff !important;
  font-size: 11.5px !important; font-weight: 800 !important;
  padding: 7px 14px !important;
  border-radius: 6px !important;
  border: 0 !important;
  text-decoration: none !important;
  min-width: 130px !important;
  width: auto !important;
  max-width: none !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  height: auto !important;
  letter-spacing: .25px !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.18) !important;
  box-shadow:
    0 2px 6px rgba(21,144,1,.32),
    inset 0 1px 0 rgba(255,255,255,.25),
    inset 0 -1px 0 rgba(0,0,0,.10) !important;
  cursor: pointer !important;
  text-transform: uppercase !important;
}
body.dn-has-sidebar a.access_email,
body.dn-has-sidebar a.access_email *{
  color: #ffffff !important;
}
body.dn-has-sidebar a.access_email img{
  width: 12px !important; height: 12px !important;
  filter: brightness(0) invert(1) !important;
  flex: 0 0 auto !important;
}
body.dn-has-sidebar a.access_email:hover{
  transform: translateY(-1px) !important;
  background: linear-gradient(135deg, #2fdc11 0%, #1ecc00 50%, #159001 100%) !important;
  box-shadow: 0 4px 12px rgba(21,144,1,.45) !important;
}

/* QUICK ACTION column — give it enough width */
body.dn-has-sidebar #data_datatable th:last-child,
body.dn-has-sidebar #data_datatable td:last-child,
body.dn-has-sidebar table.dataTable th:last-child,
body.dn-has-sidebar table.dataTable td:last-child{
  min-width: 160px !important;
  white-space: nowrap !important;
  text-align: center !important;
}

/* ─── 4. KILL the leftover small "Search" placeholder card above filters ─── */
/* (it was the auto-generated empty "Search" container in the sidebar header) */
body.dn-has-sidebar .stiky_sidebar > .input_box.data_serch_filter{
  display: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════

/* ── v26+v27 Apollo grouping blocks removed per user request: revert filters to first design ── */

     DN POLISH v28 — HARD FORCE Select2 visibility (final safety net)
     ═══════════════════════════════════════════════════════════════════════════ */
  html body.dn-has-sidebar #filter_sidebar_form .input_select_filter .select2,
  html body.dn-has-sidebar #filter_sidebar_form .input_select_filter .select2-container,
  html body.dn-has-sidebar #filter_sidebar_form .input_select_filter .select2-container--default,
  html body.dn-has-sidebar #filter_sidebar_form .input_select_filter .select2-selection,
  html body.dn-has-sidebar #filter_sidebar_form .input_select_filter .select2-selection--multiple,
  html body.dn-has-sidebar #filter_sidebar_form .input_select_filter .select2-selection--single,
  html body.dn-has-sidebar #filter_sidebar_form .input_select_filter .select2-selection__rendered,
  html body.dn-has-sidebar #filter_sidebar_form .input_select_filter .select2-search,
  html body.dn-has-sidebar #filter_sidebar_form .input_select_filter .select2-search--inline,
  html body.dn-has-sidebar #filter_sidebar_form .input_select_filter .select2-search__field,
  html body.dn-has-sidebar #filter_sidebar_form .input_select_filter .select2-selection__arrow{
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
  html body.dn-has-sidebar #filter_sidebar_form .input_select_filter .select2,
  html body.dn-has-sidebar #filter_sidebar_form .input_select_filter .select2-container,
  html body.dn-has-sidebar #filter_sidebar_form .input_select_filter .select2-selection,
  html body.dn-has-sidebar #filter_sidebar_form .input_select_filter .select2-selection__rendered{
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  html body.dn-has-sidebar #filter_sidebar_form .input_select_filter .select2-selection,
  html body.dn-has-sidebar #filter_sidebar_form .input_select_filter .select2-selection--multiple{
    min-height: 42px !important;
    height: auto !important;
    background: #fff !important;
    border: 1px solid #dde2dd !important;
    border-radius: 9px !important;
    padding: 5px 36px 5px 12px !important;
    position: relative !important;
  }
  html body.dn-has-sidebar #filter_sidebar_form .input_select_filter .select2-search--inline,
  html body.dn-has-sidebar #filter_sidebar_form .input_select_filter .select2-search__field{
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: transparent !important;
    border: 0 !important; outline: 0 !important;
    margin: 2px 0 !important; padding: 4px 0 !important;
    min-width: 80px !important; width: auto !important;
    font-size: 13px !important; color: #0a2e06 !important;
    font-weight: 500 !important;
    height: auto !important; line-height: 22px !important;
    box-shadow: none !important;
  }
  html body.dn-has-sidebar #filter_sidebar_form .input_select_filter .select2-search__field::placeholder{
    color: #9aa39a !important; font-size: 12.5px !important; font-weight: 500 !important;
    opacity: 1 !important;
  }
  html body.dn-has-sidebar #filter_sidebar_form .input_select_filter .select2-selection__arrow{
    display: inline-block !important; visibility: visible !important; opacity: 1 !important;
    position: absolute !important; right: 10px !important; top: 50% !important;
    transform: translateY(-50%) !important;
    width: 22px !important; height: 22px !important;
  }
  /* Kill ::after chevrons that older versions added on .input_select_filter */
  html body.dn-has-sidebar #filter_sidebar_form .input_select_filter::after,
  html body.dn-has-sidebar .sidebar-filter-wrapper .input_select_filter::after{
    content: none !important; display: none !important;
  }


  /* ═══════════════════════════════════════════════════════════════════════════
     DN POLISH v30 — ADVANCED LOGO LOADER (premium fintech-grade splash)
     ═══════════════════════════════════════════════════════════════════════════ */

  #dn-loader{
    position: fixed; inset: 0; z-index: 999999;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 0;
    background: transparent;
    opacity: 1; pointer-events: auto;
    transition: opacity .55s ease, visibility .55s ease;
    overflow: hidden;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", system-ui, sans-serif;
  }
  body:not(.dn-loader-active) #dn-loader{ opacity: 0; pointer-events: none; visibility: hidden; }

  /* Ambient background — radial green wash + subtle noise */
  #dn-loader .dn-loader-bg{
    position: absolute; inset: 0; z-index: 0;
    background:
      radial-gradient(ellipse at 30% 20%, rgba(30,204,0,.08) 0%, transparent 55%),
      radial-gradient(ellipse at 70% 80%, rgba(14,107,1,.10) 0%, transparent 55%),
      radial-gradient(ellipse at 50% 50%, #fcfffb 0%, #f4faf2 60%, #ecf5e9 100%);
  }

  /* Floating particles drifting upward */
  #dn-loader .dn-loader-particles{
    position: absolute; inset: 0; z-index: 1; overflow: hidden; pointer-events: none;
  }
  #dn-loader .dn-loader-particles span{
    position: absolute; bottom: -20px;
    width: 6px; height: 6px; border-radius: 50%;
    background: radial-gradient(circle at 30% 30%, #4ddb33, #159001 70%);
    opacity: 0; filter: blur(.4px);
    animation: dnParticleRise 8s linear infinite;
  }
  #dn-loader .dn-loader-particles span:nth-child(1){ left: 8%;  width: 5px; height: 5px; animation-delay: 0s;   animation-duration: 9s; }
  #dn-loader .dn-loader-particles span:nth-child(2){ left: 18%; width: 8px; height: 8px; animation-delay: 1.2s; animation-duration: 7s; }
  #dn-loader .dn-loader-particles span:nth-child(3){ left: 28%; width: 4px; height: 4px; animation-delay: 2.5s; animation-duration: 10s;}
  #dn-loader .dn-loader-particles span:nth-child(4){ left: 38%; width: 6px; height: 6px; animation-delay: 0.8s; animation-duration: 8s; }
  #dn-loader .dn-loader-particles span:nth-child(5){ left: 48%; width: 7px; height: 7px; animation-delay: 3.2s; animation-duration: 9s; }
  #dn-loader .dn-loader-particles span:nth-child(6){ left: 58%; width: 5px; height: 5px; animation-delay: 1.8s; animation-duration: 11s;}
  #dn-loader .dn-loader-particles span:nth-child(7){ left: 68%; width: 9px; height: 9px; animation-delay: 4s;   animation-duration: 7.5s;}
  #dn-loader .dn-loader-particles span:nth-child(8){ left: 78%; width: 4px; height: 4px; animation-delay: 2s;   animation-duration: 10s;}
  #dn-loader .dn-loader-particles span:nth-child(9){ left: 88%; width: 6px; height: 6px; animation-delay: 0.4s; animation-duration: 8.5s;}
  #dn-loader .dn-loader-particles span:nth-child(10){ left: 14%; width: 3px; height: 3px; animation-delay: 5s;  animation-duration: 12s;}
  #dn-loader .dn-loader-particles span:nth-child(11){ left: 64%; width: 4px; height: 4px; animation-delay: 6s;  animation-duration: 9s; }
  #dn-loader .dn-loader-particles span:nth-child(12){ left: 84%; width: 5px; height: 5px; animation-delay: 3.5s;animation-duration: 10.5s;}

  @keyframes dnParticleRise{
    0%   { transform: translateY(0) translateX(0) scale(.6); opacity: 0; }
    10%  { opacity: .55; }
    50%  { transform: translateY(-50vh) translateX(20px) scale(1); opacity: .7; }
    90%  { opacity: .35; }
    100% { transform: translateY(-105vh) translateX(-15px) scale(.4); opacity: 0; }
  }

  /* Logo stage — concentric arcs + center logo */
  #dn-loader .dn-loader-stage{
    position: relative; z-index: 5;
    width: 200px; height: 200px;
    display: flex; align-items: center; justify-content: center;
  }

  /* Pulse halos behind logo */
  #dn-loader .dn-loader-pulse{
    position: absolute; inset: 0;
    margin: auto;
    width: 110px; height: 110px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(30,204,0,.35) 0%, rgba(30,204,0,0) 70%);
    animation: dnPulse 2.4s ease-out infinite;
    z-index: 1; pointer-events: none;
  }
  #dn-loader .dn-loader-pulse.dn-pulse-2{ animation-delay: 1.2s; }
  @keyframes dnPulse{
    0%   { transform: scale(.7); opacity: .9; }
    80%  { transform: scale(1.6); opacity: 0; }
    100% { transform: scale(1.6); opacity: 0; }
  }

  /* Orbit arcs */
  #dn-loader .dn-loader-orbit{
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    z-index: 2;
  }
  #dn-loader .dn-loader-orbit svg{ width: 100%; height: 100%; display: block; }
  #dn-loader .dn-orbit-1 svg{ animation: dnOrbitRot 2.5s linear infinite; transform-origin: center; }
  #dn-loader .dn-orbit-2 svg{ animation: dnOrbitRot 7s linear infinite reverse; transform-origin: center; }
  #dn-loader .dn-orbit-3 svg{ animation: dnOrbitRot 4s linear infinite; transform-origin: center; }
  @keyframes dnOrbitRot{ to { transform: rotate(360deg); } }

  /* Center logo badge */
  #dn-loader .dn-loader-logo{
    position: relative; z-index: 4;
    width: 96px; height: 96px;
    border-radius: 50%;
    background: linear-gradient(140deg, #ffffff 0%, #f4faf2 100%);
    box-shadow:
      0 12px 32px rgba(21,144,1,.22),
      0 4px 10px rgba(15,23,42,.08),
      inset 0 0 0 1px rgba(21,144,1,.10),
      inset 0 -10px 18px rgba(21,144,1,.06);
    display: flex; align-items: center; justify-content: center;
    overflow: hidden;
    animation: dnLogoBreathe 3s ease-in-out infinite;
  }
  #dn-loader .dn-loader-logo img{
    width: 64%; height: 64%; object-fit: contain;
    filter: none;
    animation: dnLogoTilt 6s ease-in-out infinite;
  }
  @keyframes dnLogoBreathe{
    0%, 100% { transform: scale(1);    box-shadow: 0 12px 32px rgba(21,144,1,.22), 0 4px 10px rgba(15,23,42,.08), inset 0 0 0 1px rgba(21,144,1,.10), inset 0 -10px 18px rgba(21,144,1,.06); }
    50%      { transform: scale(1.06); box-shadow: 0 18px 44px rgba(21,144,1,.32), 0 6px 14px rgba(15,23,42,.10), inset 0 0 0 1px rgba(21,144,1,.18), inset 0 -10px 22px rgba(21,144,1,.10); }
  }
  @keyframes dnLogoTilt{
    0%, 100% { transform: rotate(-2deg); }
    50%      { transform: rotate(2deg); }
  }

  /* Brand wordmark below logo */
  #dn-loader .dn-loader-brand{
    position: relative; z-index: 5;
    margin-top: 32px;
    text-align: center;
  }
  #dn-loader .dn-loader-brand-name{
    font-size: 22px; font-weight: 800;
    color: #0a2e06;
    letter-spacing: 6px;
    background: linear-gradient(90deg, #0a2e06 0%, #159001 50%, #0a2e06 100%);
    background-size: 200% 100%;
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: dnBrandShine 2.4s linear infinite;
  }
  @keyframes dnBrandShine{
    0%   { background-position: -100% 0; }
    100% { background-position: 200% 0; }
  }
  #dn-loader .dn-loader-brand-tag{
    margin-top: 6px;
    font-size: 11px; font-weight: 600;
    color: #6b7280;
    letter-spacing: 3.5px;
    text-transform: uppercase;
  }

  /* Shimmer progress bar */
  #dn-loader .dn-loader-progress{
    position: relative; z-index: 5;
    margin-top: 28px;
    width: 240px; height: 4px;
    background: rgba(21,144,1,.12);
    border-radius: 4px;
    overflow: hidden;
  }
  #dn-loader .dn-loader-progress-bar{
    position: relative;
    width: 35%; height: 100%;
    background: linear-gradient(90deg, #159001 0%, #1ecc00 50%, #159001 100%);
    border-radius: 4px;
    animation: dnProgressSlide 1.6s cubic-bezier(.6,.05,.4,.95) infinite;
    box-shadow: 0 0 12px rgba(30,204,0,.45);
    overflow: hidden;
  }
  #dn-loader .dn-loader-shimmer{
    position: absolute; inset: 0;
    background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.55) 50%, transparent 100%);
    animation: dnShimmer 1.2s linear infinite;
  }
  @keyframes dnProgressSlide{
    0%   { transform: translateX(-150%); }
    100% { transform: translateX(385%); }
  }
  @keyframes dnShimmer{
    0%   { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
  }

  /* Loading… text + dots */
  #dn-loader .dn-loader-text{
    position: relative; z-index: 5;
    margin-top: 14px;
    display: inline-flex; align-items: center; gap: 4px;
    color: #6b7280;
    font-size: 12px; font-weight: 600;
    letter-spacing: 1.2px;
    text-transform: uppercase;
  }
  #dn-loader .dn-loader-text > span:first-child{ color: #159001; }
  #dn-loader .dn-loader-dot{
    width: 5px; height: 5px; border-radius: 50%;
    background: #159001;
    animation: dnDotBlink 1.2s ease-in-out infinite;
  }
  #dn-loader .dn-loader-dot:nth-child(2){ animation-delay: 0s; }
  #dn-loader .dn-loader-dot:nth-child(3){ animation-delay: .2s; }
  #dn-loader .dn-loader-dot:nth-child(4){ animation-delay: .4s; }
  @keyframes dnDotBlink{
    0%, 100% { opacity: .25; transform: translateY(0); }
    50%      { opacity: 1;   transform: translateY(-3px); }
  }

  /* Show/hide logic — body class controls visibility */
  body.dn-loader-active{ overflow: hidden; }
  #dn-loader.dn-loader-show{ opacity: 1 !important; pointer-events: auto !important; visibility: visible !important; }

  /* Reduced motion respect */
  @media (prefers-reduced-motion: reduce){
    #dn-loader .dn-loader-orbit svg,
    #dn-loader .dn-loader-logo,
    #dn-loader .dn-loader-logo img,
    #dn-loader .dn-loader-pulse,
    #dn-loader .dn-loader-progress-bar,
    #dn-loader .dn-loader-shimmer,
    #dn-loader .dn-loader-brand-name,
    #dn-loader .dn-loader-particles span{
      animation: none !important;
    }
  }

  /* Mobile sizing */
  @media (max-width: 640px){
    #dn-loader .dn-loader-stage{ width: 160px; height: 160px; }
    #dn-loader .dn-loader-logo{ width: 80px; height: 80px; }
    #dn-loader .dn-loader-brand-name{ font-size: 18px; letter-spacing: 4px; }
    #dn-loader .dn-loader-brand-tag{ font-size: 10px; letter-spacing: 2.5px; }
    #dn-loader .dn-loader-progress{ width: 200px; }
  }

  /* ═══════════════════════════════════════════════════════════════════════════
     DN POLISH v31 — Sidebar filter visibility hard-fix
     Ensures every filter dropdown is clearly visible (white box, border, chevron)
     regardless of legacy custom.css rules. Beats border:0 !important + transparent.
     ═══════════════════════════════════════════════════════════════════════════ */

  .sidebar-filter-wrapper{
    padding:14px 12px 18px !important;
  }
  .sidebar-filter-wrapper .sidefilter_title h4{
    font-size:14px !important; font-weight:800 !important;
    color:#0a2e06 !important; letter-spacing:.5px !important;
    text-transform:uppercase !important;
    padding:0 4px 10px !important; margin:0 0 12px !important;
    border-bottom:1px solid #d8e0d4 !important;
  }

  /* Each filter row — clean spacing, white card */
  .sidebar-filter-wrapper .input_select_filter,
  .stiky_sidebar .input_select_filter,
  .filters_detail .input_select_filter{
    background:transparent !important;
    border:0 !important;
    border-bottom:0 !important;
    margin:0 0 10px 0 !important;
    padding:0 !important;
    position:relative !important;
  }

  /* Hide native select but keep accessible */
  .sidebar-filter-wrapper .input_select_filter > select,
  .stiky_sidebar .input_select_filter > select,
  .filters_detail .input_select_filter > select{
    display:none !important;
  }

  /* The Select2 widget — full width container */
  .sidebar-filter-wrapper .select2,
  .sidebar-filter-wrapper .select2-container,
  .stiky_sidebar .select2,
  .stiky_sidebar .select2-container,
  .filters_detail .select2,
  .filters_detail .select2-container{
    width:100% !important; padding-right:0 !important; display:block !important;
  }

  /* The visible "selection" pill — white box with border. !important everywhere to beat custom.css */
  .sidebar-filter-wrapper .select2 .select2-selection,
  .sidebar-filter-wrapper .select2-container--default .select2-selection,
  .sidebar-filter-wrapper .select2-container--default .select2-selection--multiple,
  .sidebar-filter-wrapper .select2-container--default .select2-selection--single,
  .stiky_sidebar .select2 .select2-selection,
  .stiky_sidebar .select2-container--default .select2-selection--multiple,
  .stiky_sidebar .select2-container--default .select2-selection--single,
  .filters_detail .select2 .select2-selection,
  .filters_detail .select2-container--default .select2-selection--multiple,
  .filters_detail .select2-container--default .select2-selection--single{
    background:#ffffff !important;
    border:1px solid #d8e0d4 !important;
    border-radius:8px !important;
    min-height:40px !important;
    padding:4px 32px 4px 10px !important;
    box-shadow:0 1px 2px rgba(15,23,42,.04) !important;
    cursor:pointer !important;
    transition:border-color .15s ease, box-shadow .15s ease, background .15s ease !important;
    display:flex !important; align-items:center !important; flex-wrap:wrap !important;
  }

  /* Hover + focus + open states */
  .sidebar-filter-wrapper .select2-container--default .select2-selection:hover,
  .stiky_sidebar .select2-container--default .select2-selection:hover,
  .filters_detail .select2-container--default .select2-selection:hover{
    border-color:#1ecc00 !important;
    background:#fbfff9 !important;
  }
  .sidebar-filter-wrapper .select2-container--open .select2-selection,
  .stiky_sidebar .select2-container--open .select2-selection,
  .filters_detail .select2-container--open .select2-selection{
    border-color:#159001 !important;
    background:#ffffff !important;
    box-shadow:0 0 0 3px rgba(30,204,0,.15) !important;
  }

  /* The internal search input area (Select2's auto-search wrapper) */
  .sidebar-filter-wrapper .select2 .select2-selection .select2-search,
  .sidebar-filter-wrapper .select2-selection .select2-search--inline,
  .stiky_sidebar .select2 .select2-selection .select2-search,
  .filters_detail .select2 .select2-selection .select2-search{
    width:100% !important; position:relative !important;
    padding:0 !important; margin:0 !important;
    background:transparent !important; border:0 !important;
    cursor:text !important; min-height:30px !important;
    display:flex !important; align-items:center !important;
  }
  .sidebar-filter-wrapper .select2 .select2-selection .select2-search:after,
  .stiky_sidebar .select2 .select2-selection .select2-search:after,
  .filters_detail .select2 .select2-selection .select2-search:after{
    content:none !important;
    background-image:none !important;
  }
  /* Custom chevron arrow on the WRAPPER — always visible, points down */
  .sidebar-filter-wrapper .select2-container .select2-selection::after,
  .stiky_sidebar .select2-container .select2-selection::after,
  .filters_detail .select2-container .select2-selection::after{
    content:'' !important;
    position:absolute !important;
    right:12px !important; top:50% !important;
    width:8px !important; height:8px !important;
    border-right:2px solid #159001 !important;
    border-bottom:2px solid #159001 !important;
    transform:translateY(-65%) rotate(45deg) !important;
    pointer-events:none !important;
    transition:transform .2s ease !important;
  }
  .sidebar-filter-wrapper .select2-container--open .select2-selection::after,
  .stiky_sidebar .select2-container--open .select2-selection::after,
  .filters_detail .select2-container--open .select2-selection::after{
    transform:translateY(-30%) rotate(-135deg) !important;
  }

  /* Search input inside */
  .sidebar-filter-wrapper .select2-search--inline .select2-search__field,
  .sidebar-filter-wrapper .select2 .select2-selection .select2-search input,
  .stiky_sidebar .select2-search--inline .select2-search__field,
  .stiky_sidebar .select2 .select2-selection .select2-search input,
  .filters_detail .select2-search--inline .select2-search__field,
  .filters_detail .select2 .select2-selection .select2-search input{
    width:100% !important; min-width:60px !important;
    margin:0 !important; padding:4px 0 !important;
    font-size:13px !important; font-weight:500 !important;
    font-family:inherit !important;
    color:#0a2e06 !important;
    background:transparent !important; border:0 !important; outline:0 !important;
    cursor:text !important; min-height:28px !important;
    box-shadow:none !important;
  }
  .sidebar-filter-wrapper .select2-search--inline .select2-search__field::placeholder,
  .stiky_sidebar .select2-search--inline .select2-search__field::placeholder,
  .filters_detail .select2-search--inline .select2-search__field::placeholder{
    color:#94a39a !important; font-weight:500 !important; opacity:1 !important;
  }

  /* Selected pills inside the box — green brand chips */
  .sidebar-filter-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice,
  .stiky_sidebar .select2-container--default .select2-selection--multiple .select2-selection__choice,
  .filters_detail .select2-container--default .select2-selection--multiple .select2-selection__choice{
    background:linear-gradient(135deg,#159001 0%,#1ecc00 100%) !important;
    color:#fff !important;
    border:0 !important;
    border-radius:999px !important;
    padding:3px 10px 3px 24px !important;
    font-size:11.5px !important; font-weight:600 !important;
    margin:2px 4px 2px 0 !important;
    box-shadow:0 1px 3px rgba(21,144,1,.25) !important;
    position:relative !important; line-height:1.4 !important;
  }
  .sidebar-filter-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
  .stiky_sidebar .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
  .filters_detail .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    position:absolute !important;
    left:6px !important; top:50% !important; transform:translateY(-50%) !important;
    width:14px !important; height:14px !important;
    background:transparent !important;
    color:rgba(255,255,255,.9) !important;
    font-size:14px !important; font-weight:700 !important;
    margin:0 !important; padding:0 !important;
    display:flex !important; align-items:center !important; justify-content:center !important;
    border-radius:50% !important;
  }
  .sidebar-filter-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice__remove::after,
  .stiky_sidebar .select2-container--default .select2-selection--multiple .select2-selection__choice__remove::after,
  .filters_detail .select2-container--default .select2-selection--multiple .select2-selection__choice__remove::after{
    content:none !important;
    background-image:none !important;
  }
  .sidebar-filter-wrapper .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{
    background:rgba(255,255,255,.25) !important; color:#fff !important;
  }

  /* Make sure the rendered list doesn't collapse to 0 height */
  .sidebar-filter-wrapper .select2-container--default .select2-selection--multiple .select2-selection__rendered,
  .stiky_sidebar .select2-container--default .select2-selection--multiple .select2-selection__rendered{
    display:flex !important; flex-wrap:wrap !important;
    padding:0 !important; margin:0 !important; min-height:28px !important;
    width:100% !important; align-items:center !important;
  }

  /* Auto-injected label above each filter (filled by dn-enhance.js) */
  .dn-filter-label{
    display:block !important;
    font-size:10.5px !important;
    font-weight:700 !important;
    color:#6b7280 !important;
    text-transform:uppercase !important;
    letter-spacing:.7px !important;
    margin:0 0 4px 2px !important;
    user-select:none !important;
  }
  


  /* ═══════════════════════════════════════════════════════════════════════
     v43 — Avatar + person-name row alignment for the leads table.
     Targets the .person_name cell rendered by dn-enhance.js decorateAvatars().
     ═══════════════════════════════════════════════════════════════════════ */
  .person_name{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    flex-wrap:wrap !important;
    line-height:1.35 !important;
    min-height:36px !important;
  }
  .person_name .dn-avatar{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:32px !important;
    height:32px !important;
    border-radius:50% !important;
    font-size:11px !important;
    font-weight:700 !important;
    letter-spacing:.4px !important;
    flex-shrink:0 !important;
    border:1px solid rgba(0,0,0,.04) !important;
    text-transform:uppercase !important;
    font-family:'Inter','Helvetica Neue',Arial,sans-serif !important;
    user-select:none !important;
    box-shadow:0 1px 1px rgba(15,23,42,.04) !important;
  }
  .person_name a,
  .person_name span{
    vertical-align:middle !important;
  }
  /* The little linkedin/facebook/twitter inline icons next to the name */
  .person_name .social-icon,
  .person_name [class*="linkedin"],
  .person_name [class*="facebook"],
  .person_name [class*="twitter"]{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:18px !important;
    height:18px !important;
    border-radius:4px !important;
    font-size:10px !important;
    margin:0 2px !important;
    flex-shrink:0 !important;
  }

  /* Tighten the leads table cell padding so columns align nicely */
  table.dataTable tbody td{
    vertical-align:middle !important;
    padding-top:10px !important;
    padding-bottom:10px !important;
  }
  table.dataTable tbody tr td:first-child{
    padding-left:14px !important;
  }
  table.dataTable thead th{
    font-size:10.5px !important;
    letter-spacing:.6px !important;
    text-transform:uppercase !important;
    color:#6b7363 !important;
    font-weight:700 !important;
    padding:12px 8px !important;
    border-bottom:1px solid #eceee8 !important;
  }

  /* Quick Action column — keep "Go Lead" buttons consistent width */
  table.dataTable tbody td .cstm_btn,
  table.dataTable tbody td button.cstm_btn{
    min-width:110px !important;
    height:32px !important;
    padding:0 12px !important;
    font-size:12px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    border-radius:6px !important;
    white-space:nowrap !important;
  }
  

  /* ═══════════════════════════════════════════════════════════════════════
     v44 — AI Search Assistant (Apollo.io-style 3-column layout)
     ═══════════════════════════════════════════════════════════════════════ */
  :root{
    --ai-green:        #159001;
    --ai-green-dark:   #0e6b01;
    --ai-green-light:  #e9f6e6;
    --ai-green-soft:   #f5fbf3;
    --ai-ink:          #0a2e06;
    --ai-ink-2:        #2a3a27;
    --ai-ink-3:        #5b6857;
    --ai-ink-4:        #8a9489;
    --ai-border:       #ebeee8;
    --ai-border-2:     #d6dccf;
    --ai-bg:           #ffffff;
    --ai-bg-tint:      #f7faf6;
    --ai-shadow-sm:    0 1px 2px rgba(15,23,42,.04);
    --ai-shadow-md:    0 4px 14px rgba(15,42,8,.08);
    --ai-radius:       10px;
  }

  .dn-ai-page{
    background:var(--ai-bg-tint);
    min-height:calc(100vh - 80px);
    padding:18px 22px 32px;
    font-family:'Inter','Helvetica Neue',Arial,sans-serif;
  }

  /* Topbar */
  .dn-ai-topbar{
    display:flex; align-items:center; justify-content:space-between;
    padding:14px 18px; margin-bottom:18px;
    background:var(--ai-bg); border:1px solid var(--ai-border);
    border-radius:var(--ai-radius); box-shadow:var(--ai-shadow-sm);
  }
  .dn-ai-topbar-left{ display:flex; align-items:center; gap:14px; }
  .dn-ai-logo-mark{
    display:inline-flex; align-items:center; justify-content:center;
    width:40px; height:40px; border-radius:10px;
    background:linear-gradient(135deg, var(--ai-green) 0%, var(--ai-green-dark) 100%);
    color:#fff; box-shadow:0 4px 10px rgba(21,144,1,.25);
  }
  .dn-ai-topbar-title{ font-size:16px; font-weight:700; color:var(--ai-ink); line-height:1.2; }
  .dn-ai-topbar-sub{ font-size:12.5px; color:var(--ai-ink-3); margin-top:2px; }
  .dn-ai-topbar-right{ display:flex; align-items:center; gap:10px; }
  .dn-ai-badge-beta{
    font-size:9px; font-weight:800; letter-spacing:.6px;
    background:var(--ai-green-light); color:var(--ai-green-dark);
    padding:3px 7px; border-radius:4px; border:1px solid #cfe6c4;
  }
  .dn-ai-clear-thread{
    display:inline-flex; align-items:center; gap:6px;
    background:#fff; border:1px solid var(--ai-border);
    border-radius:6px; padding:6px 10px; font-size:12px; font-weight:600;
    color:var(--ai-ink-2); cursor:pointer; transition:all .15s;
  }
  .dn-ai-clear-thread:hover{ border-color:var(--ai-border-2); background:var(--ai-bg-tint); color:var(--ai-ink); }

  /* Grid */
  .dn-ai-grid{
    display:grid;
    grid-template-columns:280px 1fr 300px;
    gap:18px;
    align-items:start;
  }
  @media(max-width:1180px){ .dn-ai-grid{ grid-template-columns:1fr; } }

  /* Rail (left) */
  .dn-ai-rail{
    background:var(--ai-bg); border:1px solid var(--ai-border);
    border-radius:var(--ai-radius); box-shadow:var(--ai-shadow-sm);
    padding:14px; position:sticky; top:18px;
  }
  .dn-ai-rail-section + .dn-ai-rail-section{ margin-top:18px; padding-top:16px; border-top:1px dashed var(--ai-border); }
  .dn-ai-rail-h{
    font-size:10.5px; letter-spacing:.7px; text-transform:uppercase;
    color:var(--ai-ink-3); font-weight:700; margin:2px 0 10px 2px;
  }
  .dn-ai-prompt{
    display:flex; flex-direction:column; gap:3px; align-items:flex-start;
    width:100%; text-align:left;
    background:var(--ai-bg-tint); border:1px solid var(--ai-border);
    border-radius:8px; padding:9px 11px; margin-bottom:7px;
    cursor:pointer; transition:all .14s;
    font-family:inherit;
  }
  .dn-ai-prompt:hover{
    border-color:var(--ai-green); background:var(--ai-green-soft);
    transform:translateY(-1px); box-shadow:var(--ai-shadow-sm);
  }
  .dn-ai-prompt-cat{
    font-size:9.5px; letter-spacing:.4px; text-transform:uppercase;
    font-weight:700; color:var(--ai-green-dark);
  }
  .dn-ai-prompt-text{ font-size:12.5px; color:var(--ai-ink-2); font-weight:500; line-height:1.35; }
  .dn-ai-tips-list{ list-style:none; padding:0; margin:0; }
  .dn-ai-tips-list li{
    display:flex; align-items:flex-start; gap:8px;
    font-size:12px; color:var(--ai-ink-3); padding:5px 0;
  }
  .dn-ai-tip-dot{
    flex-shrink:0; width:5px; height:5px; border-radius:50%;
    background:var(--ai-green); margin-top:6px;
  }

  /* Thread (center) */
  .dn-ai-thread-wrap{
    display:flex; flex-direction:column;
    background:var(--ai-bg); border:1px solid var(--ai-border);
    border-radius:var(--ai-radius); box-shadow:var(--ai-shadow-sm);
    height:calc(100vh - 165px); min-height:560px;
    overflow:hidden;
  }
  .dn-ai-thread{
    flex:1; overflow-y:auto; padding:22px 24px 16px;
    display:flex; flex-direction:column; gap:18px;
  }
  .dn-ai-msg{ display:flex; gap:10px; max-width:88%; animation:dnAiFade .25s ease; }
  @keyframes dnAiFade{ from{opacity:0; transform:translateY(6px);} to{opacity:1; transform:translateY(0);} }
  .dn-ai-msg-user{ align-self:flex-end; flex-direction:row-reverse; }
  .dn-ai-avatar{
    flex-shrink:0; width:32px; height:32px; border-radius:50%;
    display:inline-flex; align-items:center; justify-content:center;
    font-weight:700; font-size:12px;
  }
  .dn-ai-avatar-bot{
    background:linear-gradient(135deg, var(--ai-green) 0%, var(--ai-green-dark) 100%);
    color:#fff; box-shadow:0 2px 6px rgba(21,144,1,.25);
  }
  .dn-ai-avatar-user{ background:#1f2a1d; color:#fff; }
  .dn-ai-avatar-err{ background:#fee2e2; color:#b91c1c; }
  .dn-ai-bubble{
    background:var(--ai-bg-tint); border:1px solid var(--ai-border);
    border-radius:12px; padding:12px 14px; font-size:13.5px;
    color:var(--ai-ink); line-height:1.5; max-width:100%;
  }
  .dn-ai-msg-user .dn-ai-bubble{
    background:var(--ai-green); color:#fff; border-color:var(--ai-green-dark);
  }
  .dn-ai-msg-user .dn-ai-bubble-head{ color:rgba(255,255,255,.85); }
  .dn-ai-msg-user .dn-ai-bubble-time{ color:rgba(255,255,255,.65); }
  .dn-ai-bubble-head{
    font-size:10.5px; letter-spacing:.5px; text-transform:uppercase;
    color:var(--ai-ink-3); font-weight:700; margin-bottom:6px;
    display:flex; align-items:center; gap:8px;
  }
  .dn-ai-bubble-time{ font-size:10px; font-weight:500; color:var(--ai-ink-4); text-transform:none; letter-spacing:0; }
  .dn-ai-bubble-text p{ margin:0 0 8px; }
  .dn-ai-bubble-text p:last-child{ margin-bottom:0; }
  .dn-ai-bubble-text em{ background:#fff; padding:1px 5px; border-radius:4px; font-style:normal; color:var(--ai-green-dark); border:1px solid var(--ai-border); }

  /* Result block inside bot bubble */
  .dn-ai-result-head{
    display:flex; align-items:center; gap:10px;
    padding-bottom:10px; margin-bottom:10px;
    border-bottom:1px solid var(--ai-border);
  }
  .dn-ai-count{ font-size:13px; color:var(--ai-ink-2); }
  .dn-ai-count b{ color:var(--ai-green-dark); font-size:16px; }
  .dn-ai-explain{ font-size:11.5px; color:var(--ai-ink-3); margin-left:auto; font-style:italic; }
  .dn-ai-tags{ display:flex; flex-wrap:wrap; gap:5px; margin-bottom:12px; }
  .dn-ai-tag{
    display:inline-flex; align-items:center; gap:5px;
    background:#fff; border:1px solid var(--ai-border-2);
    padding:3px 8px; border-radius:11px;
    font-size:11.5px; color:var(--ai-ink);
  }
  .dn-ai-tag b{
    font-size:9.5px; letter-spacing:.4px; text-transform:uppercase;
    color:var(--ai-green-dark); font-weight:700;
  }
  .dn-ai-muted{ font-size:11.5px; color:var(--ai-ink-4); font-style:italic; }
  .dn-ai-table-wrap{
    overflow-x:auto; background:#fff; border:1px solid var(--ai-border);
    border-radius:8px; margin-bottom:12px;
  }
  .dn-ai-table{ width:100%; border-collapse:collapse; font-size:12px; }
  .dn-ai-table th{
    background:var(--ai-bg-tint); padding:8px 10px; text-align:left;
    font-size:10px; letter-spacing:.5px; text-transform:uppercase;
    color:var(--ai-ink-3); font-weight:700; border-bottom:1px solid var(--ai-border);
  }
  .dn-ai-table td{
    padding:8px 10px; border-bottom:1px solid var(--ai-border);
    color:var(--ai-ink-2); white-space:nowrap; overflow:hidden;
    text-overflow:ellipsis; max-width:160px;
  }
  .dn-ai-table tr:last-child td{ border-bottom:none; }
  .dn-ai-empty{
    display:flex; flex-direction:column; align-items:center; gap:8px;
    padding:24px; color:var(--ai-ink-4); font-size:12.5px; text-align:center;
  }
  .dn-ai-error{
    background:#fef2f2; border:1px solid #fecaca; color:#991b1b;
    padding:10px 12px; border-radius:8px; font-size:12.5px;
  }
  .dn-ai-actions{ display:flex; gap:8px; flex-wrap:wrap; }
  .dn-ai-action-btn{
    display:inline-flex; align-items:center; gap:6px;
    padding:7px 14px; border-radius:6px; font-size:12.5px; font-weight:600;
    text-decoration:none; cursor:pointer; transition:all .15s;
    border:1px solid transparent; font-family:inherit;
  }
  .dn-ai-action-primary{ background:var(--ai-green); color:#fff; border-color:var(--ai-green-dark); }
  .dn-ai-action-primary:hover{ background:var(--ai-green-dark); transform:translateY(-1px); box-shadow:0 4px 10px rgba(21,144,1,.25); color:#fff; }
  .dn-ai-action-ghost{ background:#fff; color:var(--ai-ink-2); border-color:var(--ai-border-2); }
  .dn-ai-action-ghost:hover{ background:var(--ai-bg-tint); color:var(--ai-ink); }

  /* Typing indicator */
  .dn-ai-typing{ display:inline-flex; gap:4px; padding:4px 0; }
  .dn-ai-typing span{
    width:7px; height:7px; border-radius:50%; background:var(--ai-green);
    animation:dnAiBounce 1.4s infinite ease-in-out both;
  }
  .dn-ai-typing span:nth-child(1){ animation-delay:-.32s; }
  .dn-ai-typing span:nth-child(2){ animation-delay:-.16s; }
  @keyframes dnAiBounce{ 0%,80%,100%{transform:scale(.7); opacity:.5;} 40%{transform:scale(1); opacity:1;} }

  /* Composer */
  .dn-ai-composer{
    border-top:1px solid var(--ai-border);
    padding:14px 18px 16px; background:#fff;
  }
  .dn-ai-composer-shell{
    display:flex; align-items:center; gap:8px;
    background:#fff; border:1.5px solid var(--ai-border-2);
    border-radius:24px; padding:6px 6px 6px 14px;
    transition:all .15s;
  }
  .dn-ai-composer-shell:focus-within{
    border-color:var(--ai-green);
    box-shadow:0 0 0 3px rgba(21,144,1,.10);
  }
  .dn-ai-composer-icon{ color:var(--ai-green-dark); display:inline-flex; }
  .dn-ai-input{
    flex:1; border:none; outline:none; background:transparent;
    padding:8px 4px; font-size:14px; color:var(--ai-ink);
    font-family:inherit;
  }
  .dn-ai-input::placeholder{ color:var(--ai-ink-4); }
  .dn-ai-send{
    display:inline-flex; align-items:center; justify-content:center;
    width:36px; height:36px; border-radius:50%;
    background:linear-gradient(135deg, var(--ai-green) 0%, var(--ai-green-dark) 100%);
    color:#fff; border:none; cursor:pointer; flex-shrink:0;
    box-shadow:0 2px 6px rgba(21,144,1,.30); transition:all .15s;
  }
  .dn-ai-send:hover{ transform:scale(1.06); box-shadow:0 4px 10px rgba(21,144,1,.40); }
  .dn-ai-send:active{ transform:scale(.96); }
  .dn-ai-hint{
    font-size:11px; color:var(--ai-ink-4); margin-top:8px;
    text-align:center;
  }
  .dn-ai-hint kbd{
    background:var(--ai-bg-tint); border:1px solid var(--ai-border);
    border-radius:3px; padding:1px 5px; font-size:10px;
    font-family:'SF Mono',Menlo,monospace; color:var(--ai-ink-2);
  }

  /* Context (right) */
  .dn-ai-context{
    background:var(--ai-bg); border:1px solid var(--ai-border);
    border-radius:var(--ai-radius); box-shadow:var(--ai-shadow-sm);
    padding:14px; position:sticky; top:18px;
  }
  .dn-ai-context-head{
    display:flex; align-items:center; justify-content:space-between;
    margin-bottom:12px;
  }
  .dn-ai-context-title{ font-size:13px; font-weight:700; color:var(--ai-ink); }
  .dn-ai-context-pill{
    background:var(--ai-green-light); color:var(--ai-green-dark);
    font-size:11px; font-weight:700; padding:2px 8px; border-radius:10px;
    border:1px solid #cfe6c4;
  }
  .dn-ai-context-empty{
    text-align:center; padding:28px 8px; color:var(--ai-ink-3);
  }
  .dn-ai-context-empty svg{ color:var(--ai-ink-4); margin-bottom:8px; }
  .dn-ai-context-empty-title{ font-size:13px; font-weight:700; color:var(--ai-ink-2); margin-bottom:4px; }
  .dn-ai-context-empty-sub{ font-size:11.5px; line-height:1.45; }
  .dn-ai-context-list{ display:flex; flex-direction:column; gap:10px; }
  .dn-ai-ctx-row{
    background:var(--ai-bg-tint); border:1px solid var(--ai-border);
    border-radius:7px; padding:8px 10px;
  }
  .dn-ai-ctx-key{
    font-size:9.5px; letter-spacing:.5px; text-transform:uppercase;
    color:var(--ai-ink-3); font-weight:700; margin-bottom:5px;
  }
  .dn-ai-ctx-vals{ display:flex; flex-wrap:wrap; gap:4px; }
  .dn-ai-ctx-val{
    display:inline-block; background:#fff; border:1px solid var(--ai-border-2);
    border-radius:11px; padding:2px 7px; font-size:11px; color:var(--ai-ink-2);
  }
  .dn-ai-context-apply{
    display:flex; align-items:center; justify-content:center; gap:6px;
    margin-top:14px; padding:9px 12px;
    background:var(--ai-green); color:#fff; text-decoration:none;
    border-radius:6px; font-size:12.5px; font-weight:600;
    transition:all .15s;
  }
  .dn-ai-context-apply:hover{
    background:var(--ai-green-dark); transform:translateY(-1px);
    box-shadow:0 4px 10px rgba(21,144,1,.25); color:#fff; text-decoration:none;
  }

  /* ═══════════════════════════════════════════════════════════════════════
     v44 — Search Leads dashboard top action bar (Apollo-style polish)
     ═══════════════════════════════════════════════════════════════════════ */
  .home_blocks .right .card_block{
    background:var(--ai-bg) !important;
    border:1px solid var(--ai-border) !important;
    border-radius:var(--ai-radius) !important;
    box-shadow:var(--ai-shadow-sm) !important;
    overflow:hidden !important;
  }
  .home_blocks .right .card_block .content_heading{
    display:flex !important; align-items:center !important;
    justify-content:space-between !important;
    padding:14px 18px !important;
    background:linear-gradient(180deg,#fff 0%, var(--ai-bg-tint) 100%) !important;
    border-bottom:1px solid var(--ai-border) !important;
    margin:0 !important;
  }
  .home_blocks .right .content_heading .actions{
    display:flex !important; align-items:center !important; gap:14px !important;
    margin-left:auto !important;
  }
  .home_blocks .right .bal_count{
    display:inline-flex !important; align-items:center !important; gap:6px !important;
    background:var(--ai-green-light) !important;
    border:1px solid #cfe6c4 !important;
    border-radius:18px !important;
    padding:5px 12px !important;
    font-size:12px !important; color:var(--ai-ink-2) !important;
    font-weight:600 !important; margin:0 !important;
  }
  .home_blocks .right .bal_count .green_label{
    color:var(--ai-green-dark) !important; font-weight:700 !important;
    font-size:12.5px !important; background:transparent !important;
    padding:0 !important; margin:0 !important;
  }
  .home_blocks .right .bal_count::before{
    content:""; display:inline-block; width:14px; height:14px;
    background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e6b01' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><path d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'/><line x1='12' y1='17' x2='12.01' y2='17'/></svg>") center/contain no-repeat;
  }
  .home_blocks .right .content_heading .cstm_btn{
    height:32px !important; padding:0 14px !important;
    font-size:12.5px !important; font-weight:600 !important;
    border-radius:6px !important; line-height:30px !important;
    display:inline-flex !important; align-items:center !important; gap:6px !important;
    white-space:nowrap !important;
  }

  /* Filter tabs strip */
  .home_blocks .right .filter_tabs{
    margin:0 !important; padding:0 !important;
    background:#fff !important; border:none !important;
  }
  .home_blocks .right .filter_tabs_header{
    display:flex !important; align-items:center !important;
    padding:0 18px !important;
    border-bottom:1px solid var(--ai-border) !important;
    gap:24px !important;
    flex-wrap:wrap !important;
    background:#fff !important;
  }
  .home_blocks .right .filter_title_list{
    display:flex !important; gap:0 !important; margin:0 !important;
    padding:0 !important; list-style:none !important;
  }
  .home_blocks .right .filter_title_list li{ list-style:none !important; }
  .home_blocks .right .filter_title_list .filter_link{
    position:relative !important;
    display:inline-block !important;
    padding:14px 18px !important;
    font-size:13px !important; font-weight:600 !important;
    color:var(--ai-ink-3) !important; text-decoration:none !important;
    border-bottom:2.5px solid transparent !important;
    margin-bottom:-1px !important;
    transition:all .15s !important;
    background:transparent !important; border-radius:0 !important;
  }
  .home_blocks .right .filter_title_list .filter_link:hover{
    color:var(--ai-green-dark) !important; background:transparent !important;
  }
  .home_blocks .right .filter_title_list .filter_link.active{
    color:var(--ai-green-dark) !important;
    border-bottom-color:var(--ai-green) !important;
    background:transparent !important;
  }
  .home_blocks .right .filter_title_list .filter_link.active::after{
    display:none !important;
  }
  .home_blocks .right .filter_tabs_header .actions.export{
    margin-left:auto !important;
    display:flex !important; align-items:center !important; gap:8px !important;
    padding:8px 0 !important;
  }
  .home_blocks .right .filter_tabs_header .actions.export .cstm_btn{
    height:32px !important; padding:0 14px !important;
    font-size:12.5px !important; font-weight:600 !important;
    border-radius:6px !important;
    display:inline-flex !important; align-items:center !important; gap:6px !important;
  }
  

  /* ═══════════════════════════════════════════════════════════════════════
     v45 — Advanced UI polish: row interactions, bulk bar, density,
           verified badges, sticky header shadow, refined quick action.
     ═══════════════════════════════════════════════════════════════════════ */

  /* ── 1. Refined table row hover (subtle lift + tint) ─────────────────── */
  .home_blocks .right .data_table table#total_data_datatable tbody tr,
  .home_blocks .right .data_table table tbody tr{
    transition:background .12s ease, box-shadow .12s ease, transform .12s ease !important;
    position:relative !important;
  }
  .home_blocks .right .data_table table tbody tr:hover{
    background:#f5fbf3 !important;
    box-shadow:inset 3px 0 0 var(--ai-green) !important;
  }
  .home_blocks .right .data_table table tbody tr.selected,
  .home_blocks .right .data_table table tbody tr.dn-row-checked{
    background:linear-gradient(90deg, rgba(21,144,1,.08) 0%, rgba(21,144,1,.02) 100%) !important;
    box-shadow:inset 3px 0 0 var(--ai-green) !important;
  }

  /* ── 2. Sticky header w/ shadow on scroll ────────────────────────────── */
  .home_blocks .right .data_table .dataTables_scrollHead,
  .home_blocks .right .data_table table thead{
    position:sticky !important; top:0 !important; z-index:5 !important;
    background:#fff !important;
  }
  .home_blocks .right .data_table table thead th{
    background:#fafbf8 !important;
    font-size:10.5px !important; letter-spacing:.6px !important;
    text-transform:uppercase !important;
    color:var(--ai-ink-3) !important; font-weight:700 !important;
    padding:11px 12px !important;
    border-bottom:1px solid var(--ai-border) !important;
    position:relative !important;
  }
  body.dn-table-scrolled .home_blocks .right .data_table table thead{
    box-shadow:0 4px 8px -4px rgba(15,23,42,.10) !important;
  }

  /* Sortable hint */
  .home_blocks .right .data_table table thead th:hover{
    background:#f0f5ec !important; color:var(--ai-green-dark) !important; cursor:default !important;
  }

  /* ── 3. Tighten Quick Action column + button ─────────────────────────── */
  .home_blocks .right .data_table table th:last-child,
  .home_blocks .right .data_table table td:last-child{
    width:140px !important; max-width:140px !important; text-align:center !important;
  }
  .home_blocks .right .data_table table tbody td .cstm_btn{
    display:inline-flex !important; align-items:center !important; justify-content:center !important;
    gap:5px !important;
    height:30px !important; min-width:108px !important; max-width:120px !important;
    padding:0 12px !important; border-radius:6px !important;
    font-size:11.5px !important; font-weight:600 !important; line-height:1 !important;
    letter-spacing:.2px !important;
    background:linear-gradient(180deg, var(--ai-green) 0%, var(--ai-green-dark) 100%) !important;
    color:#fff !important; border:none !important;
    box-shadow:0 1px 3px rgba(21,144,1,.25) !important;
    transition:all .15s !important;
    white-space:nowrap !important;
  }
  .home_blocks .right .data_table table tbody td .cstm_btn:hover{
    transform:translateY(-1px) !important;
    box-shadow:0 3px 10px rgba(21,144,1,.35) !important;
  }
  .home_blocks .right .data_table table tbody td .cstm_btn:active{
    transform:translateY(0) !important;
  }

  /* ── 4. Refined cell typography ──────────────────────────────────────── */
  .home_blocks .right .data_table table tbody td{
    padding:11px 12px !important; vertical-align:middle !important;
    font-size:13px !important; color:var(--ai-ink-2) !important;
    border-bottom:1px solid #f3f5ef !important;
  }
  .home_blocks .right .data_table table tbody tr:last-child td{ border-bottom:none !important; }

  /* Title cell — primary text */
  .home_blocks .right .data_table table tbody td.title_col,
  .home_blocks .right .data_table table tbody td:nth-child(3){
    color:var(--ai-ink) !important; font-weight:500 !important;
  }

  /* Company cell — link styling */
  .home_blocks .right .data_table table tbody td a[href*="company"],
  .home_blocks .right .data_table table tbody td .company_link{
    color:var(--ai-ink) !important; font-weight:600 !important; text-decoration:none !important;
  }
  .home_blocks .right .data_table table tbody td a[href*="company"]:hover,
  .home_blocks .right .data_table table tbody td .company_link:hover{
    color:var(--ai-green-dark) !important; text-decoration:underline !important;
  }

  /* ── 5. Refined social icon buttons ──────────────────────────────────── */
  .person_name a,
  .person_name [class*="fa-linkedin"],
  .person_name [class*="fa-facebook"],
  .person_name [class*="fa-twitter"]{
    display:inline-flex !important; align-items:center !important; justify-content:center !important;
    width:22px !important; height:22px !important; border-radius:50% !important;
    background:#fff !important; border:1px solid var(--ai-border) !important;
    color:var(--ai-ink-3) !important; font-size:11px !important;
    text-decoration:none !important; transition:all .15s !important;
    margin-right:3px !important;
  }
  .person_name a:hover{
    background:var(--ai-green-light) !important; color:var(--ai-green-dark) !important;
    border-color:var(--ai-green) !important; transform:translateY(-1px) !important;
  }

  /* ── 6. Verified email green dot ─────────────────────────────────────── */
  .dn-verified-dot{
    display:inline-flex; align-items:center; justify-content:center;
    width:14px; height:14px; border-radius:50%;
    background:var(--ai-green); color:#fff;
    font-size:9px; font-weight:900;
    margin-left:5px; vertical-align:middle;
    box-shadow:0 0 0 2px #e9f6e6;
  }

  /* ── 7. Refined tab count pills ──────────────────────────────────────── */
  .filter_link .dn-tab-count{
    display:inline-block; margin-left:5px;
    background:#f3f5ef; color:var(--ai-ink-3);
    font-size:10.5px; font-weight:700;
    padding:1px 7px; border-radius:9px;
    vertical-align:middle; line-height:1.4;
    transition:all .15s;
  }
  .filter_link.active .dn-tab-count,
  .filter_link:hover .dn-tab-count{
    background:var(--ai-green-light); color:var(--ai-green-dark);
  }

  /* ── 8. Bulk action floating bar ─────────────────────────────────────── */
  .dn-bulkbar{
    position:fixed; left:50%; bottom:24px;
    transform:translateX(-50%) translateY(120%);
    display:flex; align-items:center; gap:10px;
    background:var(--ai-ink); color:#fff;
    padding:10px 12px 10px 18px; border-radius:12px;
    box-shadow:0 16px 40px rgba(10,46,6,.30), 0 4px 12px rgba(10,46,6,.20);
    z-index:1100; opacity:0; pointer-events:none;
    transition:transform .22s cubic-bezier(.25,1.4,.5,1), opacity .22s;
    font-family:'Inter',sans-serif;
  }
  .dn-bulkbar.dn-show{
    transform:translateX(-50%) translateY(0);
    opacity:1; pointer-events:auto;
  }
  .dn-bulkbar-count{
    display:inline-flex; align-items:center; gap:6px;
    font-size:13px; font-weight:600;
  }
  .dn-bulkbar-count b{
    background:var(--ai-green); padding:3px 8px; border-radius:11px;
    font-size:11.5px; min-width:24px; text-align:center;
  }
  .dn-bulkbar-divider{
    width:1px; height:22px; background:rgba(255,255,255,.18); margin:0 4px;
  }
  .dn-bulkbar-action{
    display:inline-flex; align-items:center; gap:5px;
    background:transparent; border:none; color:#fff;
    padding:6px 11px; font-size:12.5px; font-weight:600;
    border-radius:7px; cursor:pointer; transition:all .14s;
    font-family:inherit;
  }
  .dn-bulkbar-action:hover{ background:rgba(255,255,255,.10); }
  .dn-bulkbar-action.dn-bulkbar-primary{ background:var(--ai-green); }
  .dn-bulkbar-action.dn-bulkbar-primary:hover{ background:var(--ai-green-dark); }
  .dn-bulkbar-close{
    display:inline-flex; align-items:center; justify-content:center;
    width:26px; height:26px; border-radius:50%;
    background:rgba(255,255,255,.10); border:none; color:#fff;
    cursor:pointer; transition:all .14s; margin-left:4px;
    font-size:14px; line-height:1;
  }
  .dn-bulkbar-close:hover{ background:rgba(255,255,255,.20); }

  /* ── 9. Density toggle (top bar control) ─────────────────────────────── */
  .dn-density-toggle{
    display:inline-flex; align-items:center;
    background:#fff; border:1px solid var(--ai-border-2);
    border-radius:6px; padding:2px; gap:0;
    margin-right:6px;
  }
  .dn-density-toggle button{
    background:transparent; border:none; cursor:pointer;
    width:28px; height:26px; border-radius:4px;
    display:inline-flex; align-items:center; justify-content:center;
    color:var(--ai-ink-3); transition:all .12s;
    padding:0;
  }
  .dn-density-toggle button:hover{ background:var(--ai-bg-tint); color:var(--ai-ink); }
  .dn-density-toggle button.dn-active{
    background:var(--ai-green-light); color:var(--ai-green-dark);
  }
  .dn-density-toggle button svg{ width:14px; height:14px; }

  /* Density modes — applied to body */
  body.dn-density-cozy .home_blocks .right .data_table table tbody td{ padding:14px 12px !important; }
  body.dn-density-cozy .home_blocks .right .data_table table tbody td .cstm_btn{ height:32px !important; }

  body.dn-density-comfortable .home_blocks .right .data_table table tbody td{ padding:11px 12px !important; }

  body.dn-density-compact .home_blocks .right .data_table table tbody td{ padding:6px 12px !important; font-size:12.5px !important; }
  body.dn-density-compact .home_blocks .right .data_table table tbody td .cstm_btn{ height:26px !important; min-width:96px !important; font-size:11px !important; }
  body.dn-density-compact .dn-avatar{ width:26px !important; height:26px !important; font-size:9.5px !important; }
  body.dn-density-compact .person_name a{ width:18px !important; height:18px !important; font-size:9.5px !important; }

  /* ── 10. Skeleton loader (when table is fetching) ───────────────────── */
  @keyframes dnSkeletonShine{
    0%{ background-position:-200% 0; }
    100%{ background-position:200% 0; }
  }
  body.dn-table-loading .home_blocks .right .data_table table tbody td{
    position:relative !important; color:transparent !important;
  }
  body.dn-table-loading .home_blocks .right .data_table table tbody td > *{ visibility:hidden !important; }
  body.dn-table-loading .home_blocks .right .data_table table tbody td::after{
    content:""; position:absolute; left:12px; right:12px; top:50%;
    transform:translateY(-50%); height:14px; border-radius:4px;
    background:linear-gradient(90deg, #f3f5ef 0%, #fafbf8 50%, #f3f5ef 100%);
    background-size:200% 100%;
    animation:dnSkeletonShine 1.4s ease infinite;
  }

  /* ── 11. Tooltip system [data-dn-tip] ───────────────────────────────── */
  [data-dn-tip]{ position:relative; }
  [data-dn-tip]::after{
    content:attr(data-dn-tip); position:absolute;
    bottom:calc(100% + 6px); left:50%; transform:translateX(-50%) translateY(4px);
    background:var(--ai-ink); color:#fff;
    padding:5px 9px; border-radius:5px; font-size:11px;
    font-weight:500; white-space:nowrap; pointer-events:none;
    opacity:0; transition:all .14s; z-index:1000;
  }
  [data-dn-tip]:hover::after{
    opacity:1; transform:translateX(-50%) translateY(0);
  }

  /* ── 12. Refined floating action button (top-right of table) ────────── */
  .dn-table-fab{
    position:absolute; top:14px; right:18px;
    display:inline-flex; align-items:center; gap:6px;
    background:#fff; border:1px solid var(--ai-border-2);
    border-radius:6px; padding:5px 8px;
  }
  
  /* ═══════════════════════════════════════════════════════════════════════
     v46 — COMMAND CENTER LAYER
       (KPI strip · filter chipbar · view-mode segmented · right detail panel)
     Pure overlay above existing dashboard markup. No Blade edits.
     ═══════════════════════════════════════════════════════════════════════ */
  :root{
    --cc-card-bg: #ffffff;
    --cc-card-border: #e7ecdf;
    --cc-card-shadow: 0 1px 2px rgba(10,46,6,.05), 0 1px 3px rgba(10,46,6,.04);
    --cc-ink: #0a2e06;
    --cc-ink-2: #4a5a44;
    --cc-ink-3: #8a9882;
    --cc-tint: #f3f7ef;
    --cc-tint-2: #eaf4e3;
    --cc-green: #159001;
    --cc-green-dark: #0e6b01;
    --cc-green-bright: #1ecc00;
    --cc-forest: #0a2e06;
    --cc-amber: #d97706;
    --cc-amber-bg: #fef3c7;
  }

  /* ── KPI strip ────────────────────────────────────────────────────────── */
  .dn-cc-kpi-strip{
    display:grid; grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px; padding:14px 18px 6px 18px;
    background:transparent;
  }
  @media (max-width:1100px){ .dn-cc-kpi-strip{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
  @media (max-width:640px){  .dn-cc-kpi-strip{ grid-template-columns:1fr; } }

  .dn-cc-kpi-card{
    background:var(--cc-card-bg);
    border:1px solid var(--cc-card-border);
    border-radius:10px;
    padding:14px 16px;
    box-shadow:var(--cc-card-shadow);
    display:flex; flex-direction:column; justify-content:space-between;
    height:96px; min-width:0;
  }
  .dn-cc-kpi-head{
    display:flex; justify-content:space-between; align-items:flex-start;
    margin-bottom:6px;
  }
  .dn-cc-kpi-label{
    font-size:11px; font-weight:600; letter-spacing:.06em;
    text-transform:uppercase; color:var(--cc-ink-3);
  }
  .dn-cc-kpi-delta{
    font-size:11px; font-weight:600;
    padding:2px 7px; border-radius:4px;
    background:var(--cc-tint-2); color:var(--cc-green-dark);
    white-space:nowrap;
  }
  .dn-cc-kpi-delta.dn-cc-flat{ background:#f1f5ed; color:#5b7350; }
  .dn-cc-kpi-foot{
    display:flex; justify-content:space-between; align-items:flex-end; gap:10px;
  }
  .dn-cc-kpi-value{
    font-size:22px; font-weight:700; color:var(--cc-ink);
    letter-spacing:-.01em; line-height:1; min-width:0;
    overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  }
  .dn-cc-kpi-spark{
    width:78px; height:30px; flex-shrink:0; opacity:.85;
  }
  .dn-cc-kpi-spark svg{ width:100%; height:100%; overflow:visible; display:block; }

  /* ── Filter chip bar + segmented view control ─────────────────────────── */
  .dn-cc-controls{
    display:flex; align-items:center; justify-content:space-between;
    gap:14px; padding:8px 18px 12px 18px;
    flex-wrap:wrap;
  }
  .dn-cc-chipbar{
    display:flex; align-items:center; gap:6px;
    flex:1 1 auto; min-width:0; flex-wrap:wrap;
  }
  .dn-cc-add-filter-btn{
    display:inline-flex; align-items:center; gap:5px;
    height:28px; padding:0 10px;
    background:#fff; color:var(--cc-ink-2);
    border:1px dashed #c8d2bd; border-radius:6px;
    font-size:12px; font-weight:500; cursor:pointer;
    transition:all .14s;
  }
  .dn-cc-add-filter-btn:hover{ border-color:var(--cc-green); color:var(--cc-green-dark); }
  .dn-cc-add-filter-btn svg{ width:12px; height:12px; }

  .dn-cc-chip-sep{ width:1px; height:18px; background:#dfe6d4; margin:0 2px; }

  .dn-cc-chip{
    display:inline-flex; align-items:center; gap:4px;
    height:28px; padding:0 10px; border-radius:6px;
    background:#fff; border:1px solid #dfe6d4;
    color:var(--cc-ink-2); font-size:12px; font-weight:500;
    cursor:pointer; transition:all .12s; white-space:nowrap;
  }
  .dn-cc-chip:hover{ background:var(--cc-tint); }
  .dn-cc-chip.dn-cc-active{
    background:rgba(21,144,1,.10);
    color:var(--cc-green-dark);
    border-color:rgba(21,144,1,.25);
  }
  .dn-cc-chip svg{ width:11px; height:11px; opacity:.7; }
  .dn-cc-saveview-btn{
    display:inline-flex; align-items:center; gap:5px;
    height:28px; padding:0 10px; border:none; background:transparent;
    color:var(--cc-green-dark); font-size:12px; font-weight:500; cursor:pointer;
    border-radius:6px; transition:background .12s;
  }
  .dn-cc-saveview-btn:hover{ background:rgba(21,144,1,.08); }
  .dn-cc-saveview-btn svg{ width:12px; height:12px; }

  .dn-cc-segmented{
    display:inline-flex; align-items:center;
    background:#eef2e8; border-radius:7px; padding:2px;
    flex-shrink:0;
  }
  .dn-cc-segmented button{
    display:inline-flex; align-items:center; gap:5px;
    height:26px; padding:0 10px; border-radius:5px;
    background:transparent; border:none; cursor:pointer;
    font-size:12px; font-weight:500; color:var(--cc-ink-3);
    transition:all .14s;
  }
  .dn-cc-segmented button:hover{ color:var(--cc-ink-2); }
  .dn-cc-segmented button.dn-cc-active{
    background:#fff; color:var(--cc-ink);
    box-shadow:0 1px 2px rgba(10,46,6,.10);
  }
  .dn-cc-segmented button svg{ width:13px; height:13px; }

  /* ── Right detail panel ────────────────────────────────────────────────── */
  .dn-cc-detail-panel{
    position:fixed; top:0; right:0; bottom:0; width:360px;
    background:#fff; border-left:1px solid #e3e8da;
    box-shadow:-4px 0 24px rgba(10,46,6,.06);
    transform:translateX(100%); transition:transform .26s cubic-bezier(.32,.72,.32,1);
    z-index:1040; display:flex; flex-direction:column;
    overflow:hidden;
  }
  .dn-cc-detail-panel.dn-cc-open{ transform:translateX(0); }
  body.dn-cc-panel-open{ }
  @media (min-width:1280px){
    body.dn-cc-panel-open{ padding-right:360px; transition:padding-right .26s; }
    body.dn-cc-panel-open #dnBulkBar{ left:calc(50% - 180px); }
  }
  .dn-cc-detail-head{
    flex:none; padding:22px 22px 18px 22px;
    border-bottom:1px solid #eef2e8; position:relative;
  }
  .dn-cc-detail-close{
    position:absolute; top:12px; right:12px;
    width:30px; height:30px; border-radius:6px;
    border:none; background:transparent; color:var(--cc-ink-3);
    cursor:pointer; display:inline-flex; align-items:center; justify-content:center;
    transition:all .14s; font-size:18px; line-height:1;
  }
  .dn-cc-detail-close:hover{ background:var(--cc-tint); color:var(--cc-ink); }

  .dn-cc-detail-id{
    display:flex; flex-direction:column; align-items:center; text-align:center;
  }
  .dn-cc-detail-avatar{
    width:72px; height:72px; border-radius:50%;
    display:inline-flex; align-items:center; justify-content:center;
    font-size:24px; font-weight:700; color:#fff;
    background:var(--cc-green); margin-bottom:14px;
    box-shadow:0 0 0 4px var(--cc-tint);
  }
  .dn-cc-detail-name{
    font-size:18px; font-weight:700; color:var(--cc-ink); letter-spacing:-.01em;
    margin:0;
  }
  .dn-cc-detail-title{
    font-size:13px; color:var(--cc-ink-2); margin-top:4px; font-weight:500;
  }
  .dn-cc-detail-company{
    display:inline-flex; align-items:center; gap:7px;
    margin-top:10px; padding:5px 11px; border-radius:999px;
    background:var(--cc-tint); border:1px solid #e3e8da;
    font-size:12px; font-weight:500; color:var(--cc-ink-2);
  }
  .dn-cc-detail-company-mono{
    width:18px; height:18px; border-radius:4px;
    background:#dde6d2; color:var(--cc-ink-2);
    font-size:9px; font-weight:700;
    display:inline-flex; align-items:center; justify-content:center;
  }

  .dn-cc-detail-actions{
    display:flex; gap:8px; margin-top:18px;
  }
  .dn-cc-detail-actions .dn-cc-btn-primary{
    flex:1; height:34px; border-radius:7px; border:none;
    background:var(--cc-green); color:#fff;
    font-size:13px; font-weight:600; cursor:pointer;
    display:inline-flex; align-items:center; justify-content:center; gap:6px;
    transition:background .14s;
  }
  .dn-cc-detail-actions .dn-cc-btn-primary:hover{ background:var(--cc-green-dark); }
  .dn-cc-detail-actions .dn-cc-btn-secondary{
    flex:1; height:34px; border-radius:7px;
    background:#fff; border:1px solid #d6dec9; color:var(--cc-ink);
    font-size:13px; font-weight:500; cursor:pointer;
    display:inline-flex; align-items:center; justify-content:center; gap:6px;
    transition:all .14s;
  }
  .dn-cc-detail-actions .dn-cc-btn-secondary:hover{ background:var(--cc-tint); border-color:var(--cc-green); }
  .dn-cc-detail-actions .dn-cc-btn-icon{
    width:34px; height:34px; flex:none; border-radius:7px;
    background:#fff; border:1px solid #d6dec9; color:var(--cc-ink-2);
    cursor:pointer; display:inline-flex; align-items:center; justify-content:center;
  }
  .dn-cc-detail-actions svg{ width:14px; height:14px; }

  .dn-cc-detail-body{
    flex:1; overflow-y:auto; padding:20px 22px 28px 22px;
  }
  .dn-cc-detail-body::-webkit-scrollbar{ width:6px; }
  .dn-cc-detail-body::-webkit-scrollbar-thumb{ background:#dfe6d4; border-radius:3px; }

  .dn-cc-section{ margin-bottom:22px; }
  .dn-cc-section + .dn-cc-section{ padding-top:22px; border-top:1px solid #eef2e8; }
  .dn-cc-section-title{
    font-size:11px; font-weight:700; letter-spacing:.06em;
    text-transform:uppercase; color:var(--cc-ink-3);
    margin:0 0 12px 0;
  }
  .dn-cc-info-row{
    display:flex; align-items:flex-start; gap:11px; margin-bottom:12px;
  }
  .dn-cc-info-icon{
    width:32px; height:32px; flex:none; border-radius:6px;
    background:var(--cc-tint); border:1px solid #e3e8da;
    display:inline-flex; align-items:center; justify-content:center;
    color:var(--cc-ink-2);
  }
  .dn-cc-info-icon svg{ width:14px; height:14px; }
  .dn-cc-info-main{ flex:1; min-width:0; }
  .dn-cc-info-text{
    font-size:13px; font-weight:500; color:var(--cc-ink);
    overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  }
  .dn-cc-info-meta{
    font-size:11px; color:var(--cc-ink-3); margin-top:3px;
    display:inline-flex; align-items:center; gap:5px;
  }
  .dn-cc-info-meta-dot{
    width:6px; height:6px; border-radius:50%; background:var(--cc-green-bright);
  }
  .dn-cc-info-meta-dot.dn-cc-amber{ background:#facc15; }
  .dn-cc-reveal-btn{
    flex:none; align-self:center;
    height:26px; padding:0 8px; border-radius:5px; border:1px solid transparent;
    background:transparent; color:var(--cc-green-dark);
    font-size:11px; font-weight:600; cursor:pointer; transition:all .14s;
  }
  .dn-cc-reveal-btn:hover{ background:var(--cc-tint); border-color:#d6dec9; }

  .dn-cc-grid-2{
    display:grid; grid-template-columns:1fr 1fr; gap:14px 12px;
  }
  .dn-cc-grid-cell .dn-cc-cell-label{
    font-size:11px; color:var(--cc-ink-3); margin-bottom:4px;
  }
  .dn-cc-grid-cell .dn-cc-cell-value{
    font-size:13px; font-weight:500; color:var(--cc-ink);
  }

  .dn-cc-tag-list{ display:flex; flex-wrap:wrap; gap:5px; }
  .dn-cc-tag{
    display:inline-flex; align-items:center; height:22px; padding:0 8px;
    border-radius:4px; background:var(--cc-tint); color:var(--cc-ink-2);
    font-size:11px; font-weight:500;
  }

  .dn-cc-timeline{
    position:relative; padding-left:18px;
  }
  .dn-cc-timeline::before{
    content:""; position:absolute; left:9px; top:6px; bottom:6px;
    width:1px; background:#e3e8da;
  }
  .dn-cc-timeline-item{ position:relative; padding-bottom:14px; }
  .dn-cc-timeline-dot{
    position:absolute; left:-18px; top:2px;
    width:18px; height:18px; border-radius:50%;
    background:var(--cc-tint-2); border:2px solid #fff;
    display:inline-flex; align-items:center; justify-content:center;
    color:var(--cc-green-dark);
  }
  .dn-cc-timeline-dot svg{ width:10px; height:10px; }
  .dn-cc-timeline-text{
    font-size:13px; color:var(--cc-ink); line-height:1.4;
    background:var(--cc-tint); border:1px solid #eef2e8;
    border-radius:6px; padding:8px 10px;
  }
  .dn-cc-timeline-meta{
    font-size:10px; color:var(--cc-ink-3); margin-top:4px;
    display:inline-flex; align-items:center; gap:4px;
  }

  /* ── Active row indicator ─────────────────────────────────────────────── */
  .home_blocks .right .data_table table tbody tr.dn-cc-row-active{
    background:#f7faf3 !important;
    box-shadow:inset 3px 0 0 var(--cc-green) !important;
  }

  /* Empty state for KPI when no data */
  .dn-cc-kpi-skeleton{
    background:linear-gradient(90deg,#f3f5ef 0%,#fafbf8 50%,#f3f5ef 100%);
    background-size:200% 100%;
    animation:dnSkeletonShine 1.4s ease infinite;
    height:18px; border-radius:4px; width:60%;
  }

  /* ═══════════════════════════════════════════════════════════════════════
     v47 — CLASSIC SPLIT LAYER
       Pinned left filter rail + top KPI strip + dense table on the right.
       Pure overlay above v46 Command Center; disables v46's slide-in drawer
       and Cards/Map segmented control to keep filter+table both visible.
     ═══════════════════════════════════════════════════════════════════════ */

  /* ── Disable v46 pieces that broke the dual-pane view ──────────────────── */
  .dn-cc-segmented{ display:none !important; }
  .dn-cc-saveview-btn{ display:none !important; }
  #dnCcPanel{ display:none !important; }
  body.dn-cc-panel-open{ padding-right:0 !important; }
  body.dn-cc-panel-open #dnBulkBar{ left:50% !important; transform:translateX(-50%) !important; }

  /* ── Filter rail header (Filters · N Active · Clear all) ───────────────── */
  .dn-classic-filter-header{
    display:flex; align-items:center; justify-content:space-between;
    padding:14px 16px 12px 16px;
    border-bottom:1px solid #e7ecdf;
    background:#fff;
    position:sticky; top:0; z-index:5;
    margin:-12px -12px 12px -12px;
    border-radius:10px 10px 0 0;
  }
  .dn-classic-filter-header .dn-cfh-left{
    display:inline-flex; align-items:center; gap:9px;
    font-size:14px; font-weight:600; color:#0a2e06;
    letter-spacing:-.005em;
  }
  .dn-classic-filter-header .dn-cfh-icon{
    width:16px; height:16px; color:#159001; flex:none;
  }
  .dn-classic-filter-header .dn-cfh-icon svg{ width:100%; height:100%; }
  .dn-classic-filter-header .dn-cfh-count{
    display:inline-flex; align-items:center; height:20px;
    padding:0 8px; border-radius:999px;
    background:rgba(21,144,1,.12); color:#0e6b01;
    font-size:11px; font-weight:600; line-height:1;
    transition:all .14s;
  }
  .dn-classic-filter-header .dn-cfh-count.dn-cfh-zero{
    background:#f1f5ed; color:#7a8a72;
  }
  .dn-classic-filter-header .dn-cfh-clear{
    font-size:12px; font-weight:500; color:#5b7350;
    border:none; background:transparent; cursor:pointer;
    padding:4px 8px; border-radius:5px;
    transition:all .14s;
  }
  .dn-classic-filter-header .dn-cfh-clear:hover{
    color:#159001; background:rgba(21,144,1,.08);
  }
  .dn-classic-filter-header .dn-cfh-clear[disabled]{
    color:#b9c2af; cursor:not-allowed; pointer-events:none;
  }

  /* ── Filter section group headers (PEOPLE / COMPANY / LOCATION / etc) ──── */
  .dn-classic-group-head{
    font-size:10px; font-weight:700; letter-spacing:.10em;
    text-transform:uppercase; color:#8a9882;
    padding:14px 4px 8px 4px;
    border-bottom:1px solid #eef2e8;
    margin:6px 0 8px 0;
    display:flex; align-items:center; gap:8px;
  }
  .dn-classic-group-head .dn-cgh-mark{
    width:3px; height:11px; border-radius:2px; background:#159001;
    flex:none;
  }
  .dn-classic-group-head:first-of-type{ padding-top:4px; }

  /* Tighter, cleaner spacing inside the filter rail */
  .home_blocks .left .filters_detail .input_select_filter{
    margin-bottom:10px;
  }
  .home_blocks .left .filters_detail label{
    font-size:12px !important; font-weight:600 !important;
    color:#0a2e06 !important; letter-spacing:0 !important;
    margin-bottom:5px !important;
  }

  /* ── KPI strip — ClassicSplit refinements (slimmer, no sparkline) ──────── */
  .home_blocks .right .dn-cc-kpi-strip{
    padding:18px 20px 8px 20px !important;
    gap:12px !important;
  }
  .home_blocks .right .dn-cc-kpi-card{
    height:auto !important;
    min-height:78px !important;
    padding:12px 14px !important;
    border-radius:9px !important;
    border-color:#e7ecdf !important;
    box-shadow:0 1px 2px rgba(10,46,6,.04) !important;
    transition:border-color .14s, box-shadow .14s;
  }
  .home_blocks .right .dn-cc-kpi-card:hover{
    border-color:#cfe0c4 !important;
    box-shadow:0 2px 6px rgba(10,46,6,.07) !important;
  }
  .home_blocks .right .dn-cc-kpi-label{
    font-size:10px !important; letter-spacing:.08em !important;
  }
  .home_blocks .right .dn-cc-kpi-value{
    font-size:24px !important; font-weight:700 !important;
    line-height:1 !important; color:#0a2e06 !important;
  }
  .home_blocks .right .dn-cc-kpi-foot{ align-items:baseline !important; }
  .home_blocks .right .dn-cc-kpi-spark{
    display:none !important;
  }
  .home_blocks .right .dn-cc-kpi-delta{
    font-size:10px !important; padding:2px 6px !important;
    background:rgba(21,144,1,.10) !important;
    color:#0e6b01 !important;
  }

  /* ── Chipbar above table — keep, but slim it for ClassicSplit ──────────── */
  .home_blocks .right .dn-cc-controls{
    padding:6px 20px 14px 20px !important;
    border-bottom:1px solid #eef2e8;
    margin-bottom:0;
  }
  .home_blocks .right .dn-cc-chipbar .dn-cc-chip{
    height:26px !important; font-size:11px !important;
    padding:0 9px !important;
  }
  .home_blocks .right .dn-cc-add-filter-btn{
    height:26px !important; font-size:11px !important;
  }

  /* ── Tabs row — green underline like ClassicSplit ──────────────────────── */
  .home_blocks .right .filter_tabs_header{
    background:#fff !important;
    padding:14px 20px 0 20px !important;
    border-bottom:1px solid #eef2e8 !important;
    display:flex !important; align-items:flex-end !important;
    justify-content:space-between !important; gap:16px !important;
    flex-wrap:wrap !important;
  }
  .home_blocks .right .filter_title_list{
    display:flex !important; gap:0 !important; margin:0 !important; padding:0 !important;
    list-style:none !important; flex:1 1 auto;
  }
  .home_blocks .right .filter_title_list li{ list-style:none !important; }
  .home_blocks .right .filter_title_list .filter_link{
    display:inline-flex !important; align-items:center !important; gap:8px !important;
    height:38px !important; padding:0 16px !important;
    background:transparent !important;
    border:none !important; border-radius:0 !important;
    color:#5b7350 !important; font-size:13px !important; font-weight:500 !important;
    position:relative !important;
    transition:color .14s !important;
    text-decoration:none !important;
  }
  .home_blocks .right .filter_title_list .filter_link:hover{
    color:#0e6b01 !important; background:transparent !important;
  }
  .home_blocks .right .filter_title_list .filter_link.active{
    color:#159001 !important; background:transparent !important;
    font-weight:600 !important;
  }
  .home_blocks .right .filter_title_list .filter_link.active::after{
    content:"" !important; display:block !important;
    position:absolute !important; left:12px !important; right:12px !important; bottom:-1px !important;
    height:2.5px !important; background:#159001 !important;
    border-radius:2px 2px 0 0 !important;
  }
  /* Count number after tab label gets a soft pill */
  .home_blocks .right .filter_title_list .filter_link::after{ pointer-events:none; }

  /* Right-side actions in tabs header (export + view plans) tighter */
  .home_blocks .right .actions.export{
    margin:0 0 6px 0 !important;
    flex:0 0 auto;
  }
  .home_blocks .right .actions.export #export_data{
    height:34px !important; padding:0 14px !important;
    border:1px solid #d6dec9 !important; background:#fff !important;
    color:#0a2e06 !important; font-size:13px !important; font-weight:500 !important;
    border-radius:7px !important;
    display:inline-flex !important; align-items:center !important; gap:6px !important;
    transition:all .14s !important;
  }
  .home_blocks .right .actions.export #export_data:hover{
    border-color:#159001 !important; color:#159001 !important;
    background:#f7faf3 !important;
  }
  .home_blocks .right .actions.export #export_data img{
    width:14px !important; height:14px !important;
    filter: invert(28%) sepia(98%) saturate(2173%) hue-rotate(89deg) brightness(91%) contrast(101%);
  }

  /* Credit balance in content_heading kept, but lighter */
  .home_blocks .right .content_heading{
    padding:14px 20px 0 20px !important;
  }
  .home_blocks .right .content_heading .actions{
    display:flex !important; align-items:center !important; gap:12px !important;
    justify-content:flex-end !important;
  }
  .home_blocks .right .content_heading .bal_count{
    font-size:12px !important; color:#5b7350 !important; margin:0 !important;
  }
  .home_blocks .right .content_heading .green_label{
    background:rgba(21,144,1,.10) !important; color:#0e6b01 !important;
    padding:3px 9px !important; border-radius:5px !important;
    font-size:11px !important; font-weight:600 !important; margin-left:6px !important;
  }
  .home_blocks .right .content_heading .cstm_btn{
    height:32px !important; padding:0 12px !important;
    font-size:12px !important; border-radius:6px !important;
  }

  /* ── Filter items / table area ─────────────────────────────────────────── */
  .home_blocks .right .filter_items{
    background:#fff !important;
    border-radius:0 0 10px 10px;
    padding-top:6px;
  }

  /* Active state for current row when clicked (kept from v46, refined) */
  .home_blocks .right tr.dn-cc-row-active{
    background:#f7faf3 !important;
    box-shadow:inset 3px 0 0 #159001 !important;
  }

  /* ── Sidebar wrapper: slightly wider for ClassicSplit (320px vs 280px) ─── */
  @media (min-width:1280px){
    .home_blocks .left{ flex:0 0 312px !important; }
  }

  /* ── Mobile: sidebar stacks above; KPI cards collapse to 2 cols ────────── */
  @media (max-width:900px){
    .home_blocks .right .dn-cc-kpi-strip{ grid-template-columns:repeat(2,1fr) !important; }
    .dn-classic-filter-header{ position:static; }
  }

/* ───────────────────────────────────────────────────────────────────────────
   v49 — Single filter UI: hide the top chip filter bar that dn-enhance.js
   used to inject. The Apollo-style left sidebar is now the ONLY filter UI,
   matching the user's request: "i need filters and contacts new design,
   that apply fully" — no duplicate/competing chip bar at the top.
   ─────────────────────────────────────────────────────────────────────────── */
.dn-cc-controls,
.dn-cc-chipbar,
.dn-cc-add-filter-btn,
.dn-cc-chip,
.dn-cc-saveview-btn,
.dn-cc-chip-sep{
  display:none !important;
}

/* v50 — Hide KPI strip per user request (TOTAL LEADS / NEW THIS WEEK / 
   VERIFIED EMAILS / SAVED LEADS). The Apollo sidebar + results table is
   the entire UI now. */
.dn-cc-kpi-strip,
.dn-cc-kpi-card,
.dn-cc-kpi-head,
.dn-cc-kpi-label,
.dn-cc-kpi-delta,
.dn-cc-kpi-foot,
.dn-cc-kpi-value,
.dn-cc-kpi-spark{
  display:none !important;
}

/* ───────────────────────────────────────────────────────────────────────────
   v55 — Page polish per user feedback (2026-04-27):
   1. Remove the empty "Your Credit Balance / View Plans" strip
      (`.content_heading`) — credits are already shown in the left sidebar,
      so this strip rendered as an empty white box top-right. "marketd remove".
   2. Lock `.filter_tabs_header` to show ONLY the tabs list + Export action,
      hiding any stray empty containers (`#selected_data`, etc.) that were
      appearing as small placeholder dots between the Net New and Saved tabs.
   3. Page fit: give the page a soft mint-tinted base (#f1f5ee) so the white
      filter sidebar and white table card stand out as distinct surfaces;
      tint the filter sidebar a slightly cooler shade so it visually
      separates from the table area, and keep the table card pure white.
   ─────────────────────────────────────────────────────────────────────────── */

/* 1. Hide redundant credit-balance strip on dashboard / list views */
body.dn-has-sidebar .content_heading,
body.dn-has-sidebar .home_blocks .right .content_heading{
  display: none !important;
}

/* 2. Lock filter_tabs_header layout — hide stray placeholder elements */
body.dn-has-sidebar .filter_tabs_header > *:not(.filter_title_list):not(.actions){
  display: none !important;
}
body.dn-has-sidebar .filter_tabs_header #selected_data{
  display: none !important;
}

/* 3a. Page background: soft mint-gray so panels stand out */
body.dn-has-sidebar{
  background: #eef2ec !important;
}
body.dn-has-sidebar .page_main,
body.dn-has-sidebar .home_blocks{
  background: transparent !important;
}

/* 3b. Filter sidebar: cooler off-white tint, distinct from white table card */
body.dn-has-sidebar .stiky_sidebar{
  background: #f6faf3 !important;
  border: 1px solid #d8e4d2 !important;
  box-shadow: 0 2px 10px rgba(10,46,6,.05) !important;
}
body.dn-has-sidebar .sidefilter_title h4{
  color: #0e6b01 !important;
}

/* 3c. Table card stays crisp white, slightly stronger separation */
body.dn-has-sidebar .filter_tabs{
  background: #fff !important;
  border: 1px solid #e3eadf !important;
  box-shadow: 0 2px 10px rgba(10,46,6,.05) !important;
}

/* 3d. Tighten top spacing now that .content_heading is gone */
body.dn-has-sidebar .home_blocks .right > .filter_tabs:first-child,
body.dn-has-sidebar .home_blocks .right > .filter_tabs{
  margin-top: 0 !important;
}
body.dn-has-sidebar .home_blocks{
  padding-top: 14px !important;
}

/* ═══════════════════════════════════════════════════════════════════════
   v58 — Search Leads / List Data page-fit fix.

   User-reported (with annotated screenshot): three large vertical bands
   of wasted whitespace on the dashboard:
     • LEFT  band  — container's left padding pushed sidebar away from nav
     • MIDDLE band — gap + 30px padding-left + 2px border-left on .right
                     created a ~52px channel between sidebar & table
     • RIGHT band  — `body .home > .container { max-width: 1480px }` from
                     dn-theme.css capped the page → on a 1366/1920 screen
                     200–440 px of empty space sat to the right of QUICK
                     ACTION column

   These rules apply ONLY to pages that use the dashboard wrapper
   (`<div class="home">` containing `.home_blocks`) — i.e. Search Leads
   and the List Data view. All other pages keep their existing widths.
   ═══════════════════════════════════════════════════════════════════════ */

/* 1. Let the dashboard container fill the full page width. We deliberately
      override the 1480px cap from dn-theme.css; specificity bumped with
      the body & wrapper prefix so we beat all earlier !important rules. */
body.dn-has-sidebar .wrapper .page_main .home > .container,
body .home > .container{
  max-width: none !important;
  width: 100% !important;
  padding: 0 14px !important;
}

/* 2. Tighten the flex gap between filter sidebar and the data table. */
body .home .home_blocks{
  gap: 12px !important;
}

/* 3. Remove the divider channel between the two columns and let the
      table column flex-grow to absorb all remaining width. */
body .home .home_blocks .right{
  border-left: 0 !important;
  padding-left: 14px !important;
  width: auto !important;     /* let `flex: 1` from dn-polish:531 win */
}

/* 4. Lock the sidebar to a tighter 260px so the table gets a bit more
      room, matching the Apollo.io reference. The Apollo filter labels
      ("Job Title", "Company State", etc.) all fit comfortably at 260px. */
body .home .home_blocks .left,
body .home .home_blocks .card_block.left{
  flex: 0 0 260px !important;
  max-width: 260px !important;
  width: 260px !important;
}

/* 5. Make sure the inner data-table card stretches and DataTables don't
      trigger a horizontal scrollbar on narrow laptop screens. */
body .home .home_blocks .right .card_block,
body .home .home_blocks .right .filter_tabs,
body .home .home_blocks .right .filter_items,
body .home .home_blocks .right table.dataTable{
  width: 100% !important;
  max-width: 100% !important;
}
body .home .home_blocks .right .dataTables_wrapper{
  width: 100% !important;
  overflow-x: auto !important;   /* graceful overflow only when truly needed */
}

/* ═══════════════════════════════════════════════════════════════════════
   v58 — APP-WIDE layout polish (audit pass).

   The earlier v58 block fixed only the dashboard (Search Leads). This
   block addresses the same 1480px container cap on EVERY other content
   page in both the user panel and the admin panel, plus a handful of
   smaller papercuts found during the layout audit.

   Affected user-panel pages:
     My Lists, AI Search, AI Campaigns, Email Accounts, Support Tickets,
     Profile, Credits, Plans, Order/Organize Plan, List Data, Team.
   Affected admin-panel pages:
     Users, Plans, Roles, Clients, Data Import, AI Campaigns, AI Search,
     Email Accounts, Payments, Support Tickets, Webguide.
   ═══════════════════════════════════════════════════════════════════════ */

/* 1. Replace the brittle 1480 px cap with a viewport-aware cap so the
      content scales gracefully on 1366 / 1920 / 2560+ screens without
      leaving a huge empty band on the right. We also leave a 28 px
      gutter on each side so cards never touch the viewport edge. */
body.dn-has-sidebar .wrapper .page_main > .container,
body.dn-has-sidebar .wrapper .page_main .container,
body.hold-transition.sidebar-mini .wrapper .page_main > .container{
  max-width: min(1880px, calc(100vw - 56px)) !important;
  width: 100% !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 2. Pages that intentionally constrain themselves to a narrower
      reading width (e.g. Support Tickets at max-width:1100px inline)
      should keep their inline cap — it sits inside the outer container
      so the inline rule still wins. */

/* 3. Data tables sometimes overflow their parent on laptop-width
      screens. Wrap them with horizontal scroll only when needed and
      keep header/footer pagination visible. */
.dataTables_wrapper{
  width: 100% !important;
}
.dataTables_wrapper > .row > [class^="col"]:has(table.dataTable),
.dataTables_wrapper > .table-responsive,
.dataTables_wrapper{
  overflow-x: auto !important;
}
table.dataTable{
  width: 100% !important;
}
/* Tighter cell padding so wide tables fit in viewport without scrolling. */
table.dataTable td,
table.dataTable th{
  padding: 9px 10px !important;
  vertical-align: middle !important;
}

/* 4. Modals: cap at 95 vw on narrow viewports so they never get clipped
      by the side-nav, and add comfortable inner padding. */
.modal-dialog{
  max-width: min(720px, 95vw) !important;
}
.modal-dialog.modal-lg{
  max-width: min(960px, 95vw) !important;
}
.modal-dialog.modal-xl{
  max-width: min(1200px, 95vw) !important;
}
.modal-content{
  border-radius: 14px !important;
  border: 0 !important;
  box-shadow: 0 24px 60px rgba(10,46,6,.18) !important;
}
.modal-body{ padding: 22px 24px !important; }
.modal-header{ padding: 18px 24px !important; }

/* 5. Card / content_heading: ensure consistent breathing room across
      every content page (they were drifting between 18 and 36 px). */
body .content_heading{
  margin-bottom: 18px !important;
}
body .card_block,
body .card{
  margin-bottom: 16px !important;
}

/* 6. Form pages (Profile, Order Plan, Credits): cap form blocks at a
      readable width so input fields don't stretch to 1800 px. */
body .container > .content_heading + form,
body .container > form,
body .form_block,
body .profile_block,
body .order_block,
body .organize_block{
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

/* 7. Auth pages (login / register / forget-password): center the card
      vertically and never let it stretch past 480 px. */
body.auth-page .auth-wrapper,
body .auth-page,
body .login_section,
body .register_section{
  min-height: calc(100vh - 80px);
  display: flex;
  align-items: center;
  justify-content: center;
}
body .login_block,
body .register_block,
body .forget_block{
  max-width: 480px !important;
  width: 100% !important;
  margin: 0 auto !important;
}

/* 8. Admin sidebar gap fix: the old 30 px content_wrapper margin left
      a visible band on the inside-left of every admin page. */
body.hold-transition .dashboard{
  display: flex !important;
  gap: 18px !important;
}
body.hold-transition .content_wrapper{
  flex: 1 1 auto !important;
  min-width: 0 !important;       /* lets tables actually shrink */
  margin-left: 0 !important;
  padding-left: 0 !important;
}
body.hold-transition .dashboard > aside,
body.hold-transition .dashboard > .sidebar{
  flex: 0 0 240px !important;
}

/* 9. Footer should stick to the bottom of short pages instead of
      floating mid-screen. */
body.dn-has-sidebar,
body.hold-transition.sidebar-mini{
  min-height: 100vh;
}
body.dn-has-sidebar .wrapper,
body.hold-transition.sidebar-mini .wrapper{
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
body.dn-has-sidebar .wrapper > .page_main,
body.hold-transition.sidebar-mini .wrapper > .page_main{
  flex: 1 0 auto;
}
body.dn-has-sidebar .wrapper > footer,
body.hold-transition.sidebar-mini .wrapper > footer{
  flex-shrink: 0;
}

/* 10. Buttons inside .modal-footer wrap on narrow screens — let them. */
.modal-footer{
  flex-wrap: wrap !important;
  gap: 8px !important;
}
.modal-footer > *{
  margin: 0 !important;
}

/* 11. Long select2 dropdowns inside narrow modals would overflow — clip. */
.modal .select2-container,
.modal .select2-selection{
  max-width: 100% !important;
}

/* 12. Mobile (≤ 768 px): collapse paddings so content uses full width. */
@media (max-width: 768px){
  body.dn-has-sidebar .wrapper .page_main > .container,
  body.dn-has-sidebar .wrapper .page_main .container,
  body.hold-transition .wrapper .page_main > .container{
    max-width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  body.hold-transition .dashboard{
    flex-direction: column !important;
  }
  body.hold-transition .dashboard > aside,
  body.hold-transition .dashboard > .sidebar{
    flex: 0 0 auto !important;
    width: 100% !important;
  }
  .modal-dialog{
    margin: 8px !important;
    max-width: calc(100vw - 16px) !important;
  }
}

/* ============================================================
   v58 hotfix #2 — Filters-applied + Net New + Saved tab layout
   ============================================================
   Three reported issues:
   1. When Filters are applied, the "filter chips" row + content
      below it drift out of alignment (chips wrap weirdly,
      content jumps left).
   2. Net New tab content doesn't fill the same horizontal area
      as Total tab.
   3. Saved tab shows extra whitespace above the table when
      few records are selected.
   ============================================================ */

/* (1) Filter chips row — align with table content, no wrap jumps */
body.dn-has-sidebar .filter_chips,
body.dn-has-sidebar .selected_filter_box,
body.dn-has-sidebar #selected_data{
        display: flex !important;
        flex-wrap: wrap;
        gap: 6px;
        align-items: center;
        margin: 6px 0 10px 0 !important;
        padding: 0 !important;
        min-height: 0 !important;
        line-height: 1.2;
}
body.dn-has-sidebar #selected_data:empty{ display: none !important; }
body.dn-has-sidebar .filter_chips .chip,
body.dn-has-sidebar .selected_filter_box .chip,
body.dn-has-sidebar #selected_data span,
body.dn-has-sidebar #selected_data > div{
        display: inline-flex;
        align-items: center;
        gap: 4px;
        padding: 3px 10px;
        border-radius: 999px;
        background: #eef7ec;
        color: var(--dn-brand-2);
        font-size: 12px;
        font-weight: 500;
        border: 1px solid #d6ead2;
        white-space: nowrap;
}

/* (2) Tab panels — every tab uses the SAME container width
       so switching Total → Net New → Saved doesn't shift the
       page horizontally. */
body.dn-has-sidebar .filter_tab_content{
        width: 100%;
        max-width: 100%;
        margin: 0 !important;
        padding: 0 !important;
}
body.dn-has-sidebar .filter_tab_content > .table-responsive,
body.dn-has-sidebar .filter_tab_content .dataTables_wrapper{
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        overflow-x: auto;
}

/* (3) Kill the extra whitespace above tables in Net New / Saved
       tabs that appears when the result set is small. The old
       layout used min-height to "reserve" space; we let it
       shrink to content. */
body.dn-has-sidebar .filter_tab_content table.dataTable,
body.dn-has-sidebar .filter_tab_content #total_data_datatable,
body.dn-has-sidebar .filter_tab_content #new_data_datatable,
body.dn-has-sidebar .filter_tab_content #save_data_datatable{
        margin-top: 0 !important;
        margin-bottom: 0 !important;
}
body.dn-has-sidebar .dataTables_wrapper .dataTables_length,
body.dn-has-sidebar .dataTables_wrapper .dataTables_info,
body.dn-has-sidebar .dataTables_wrapper .dataTables_paginate{
        margin: 8px 0 !important;
        padding: 0 !important;
}

/* Tab-bar alignment — Total / Net New / Saved + Export button
   on the same baseline regardless of how many filters are on. */
body.dn-has-sidebar .filter_title_list{
        display: flex !important;
        align-items: center;
        gap: 4px;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none;
        flex-wrap: wrap;
}
body.dn-has-sidebar .actions.export{
        margin-left: auto !important;
        display: flex;
        align-items: center;
        gap: 8px;
}

/* Selected-records badge next to "Saved 1" — make it a real pill */
body.dn-has-sidebar .filter_link .badge,
body.dn-has-sidebar .filter_link .count,
body.dn-has-sidebar .filter_title_list .filter_link span{
        display: inline-block;
        margin-left: 4px;
        padding: 1px 7px;
        border-radius: 999px;
        background: rgba(21,144,1,0.12);
        color: var(--dn-brand-2);
        font-size: 11px;
        font-weight: 600;
        line-height: 1.4;
}

/* List Data page (per-list view) — same container behaviour */
body.dn-has-sidebar .listdata_wrapper,
body.dn-has-sidebar #list_data_table_wrapper{
        width: 100% !important;
        max-width: 100% !important;
}

/* Admin panel — kill horizontal scroll on long table rows by
   giving them a real scroll container instead of pushing the
   sidebar */
body.hold-transition .content_wrapper .table-responsive,
body.hold-transition .content_wrapper .dataTables_wrapper{
        max-width: 100%;
        overflow-x: auto;
}

/* Modal export — confirm button area never overlaps content */
#export_dataModel .modal-body{ padding-bottom: 16px !important; }
#export_dataModel .actions{
        display: flex;
        gap: 10px;
        justify-content: flex-end;
        padding-top: 12px;
        border-top: 1px solid #eef0ef;
        margin-top: 12px;
}
#export_dataModel #download_link a{ margin-left: 8px; }

/* Saved-tab specific: the per-row select checkbox column was
   too narrow on small screens, causing the "Name" cell to
   wrap awkwardly. Give the checkbox column a fixed width. */
body.dn-has-sidebar #save_data_datatable th:first-child,
body.dn-has-sidebar #save_data_datatable td:first-child,
body.dn-has-sidebar #new_data_datatable th:first-child,
body.dn-has-sidebar #new_data_datatable td:first-child,
body.dn-has-sidebar #total_data_datatable th:first-child,
body.dn-has-sidebar #total_data_datatable td:first-child{
        width: 36px !important;
        min-width: 36px !important;
        text-align: center;
        padding-left: 8px !important;
        padding-right: 0 !important;
}

/* ============================================================
   v58 hotfix #2 (final) — Top header bar fully removed
   Re-align all user-panel pages so content sits flush with the
   sidebar top instead of leaving a tall empty band where the
   removed top bar used to be.
   ============================================================ */

/* (1) Kill any leftover top-bar markup if it ever re-appears */
body.dn-has-sidebar .dn-top-bar,
body.dn-has-sidebar .dn-top-search,
body.dn-has-sidebar .dn-top-actions{
        display: none !important;
}

/* (2) Page main — content starts immediately at top of viewport */
body.dn-has-sidebar .wrapper.dn-app-wrapper{
        padding-top: 0 !important;
        margin-top: 0 !important;
}
body.dn-has-sidebar .page_main{
        padding-top: 18px !important;
        margin-top: 0 !important;
        min-height: 100vh;
}

/* (3) The legacy top header (header.blade.php) still renders for
       a small "Logo + nav-pills + Support + profile" strip. Make
       sure it sits FLUSH at the top, no extra gap, and doesn't
       overlap the sidebar. */
body.dn-has-sidebar header,
body.dn-has-sidebar .header,
body.dn-has-sidebar .top_header,
body.dn-has-sidebar .header_main{
        margin: 0 !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
}

/* (4) Floating mobile menu toggle — only visible on mobile,
       positioned in top-left corner above content. */
.dn-mobile-toggle-floating{
        display: none;
        position: fixed;
        top: 12px;
        left: 12px;
        z-index: 1080;
        width: 40px;
        height: 40px;
        border-radius: 8px;
        border: 1px solid #d6ead2;
        background: #fff;
        color: var(--dn-brand-2);
        box-shadow: 0 2px 8px rgba(0,0,0,0.08);
        align-items: center;
        justify-content: center;
        cursor: pointer;
}
.dn-mobile-toggle-floating svg{ width: 22px; height: 22px; }
@media (max-width: 768px){
        .dn-mobile-toggle-floating{ display: flex !important; }
        body.dn-has-sidebar .page_main{ padding-top: 64px !important; }
}

/* (5) Page-content top alignment — make sure the first child of
       page_main sits cleanly at top, no surprise margins. */
body.dn-has-sidebar .page_main > :first-child{
        margin-top: 0 !important;
}
body.dn-has-sidebar .container,
body.dn-has-sidebar .container-fluid{
        padding-top: 0 !important;
}

/* (6) Filters sidebar + table grid — perfect horizontal alignment.
       The filters panel sits at left, table fills remaining space,
       both share the same top edge. */
body.dn-has-sidebar .home_blocks,
body.dn-has-sidebar .dashboard_main,
body.dn-has-sidebar .filter_block_main{
        display: flex;
        align-items: flex-start;
        gap: 18px;
        margin-top: 0;
}
body.dn-has-sidebar .filter_left_block,
body.dn-has-sidebar .filter_block,
body.dn-has-sidebar .filter_sidebar{
        flex: 0 0 280px;
        max-width: 280px;
        margin-top: 0;
}
body.dn-has-sidebar .filter_right_block,
body.dn-has-sidebar .data_block,
body.dn-has-sidebar .table_block{
        flex: 1 1 auto;
        min-width: 0;
        margin-top: 0;
}

/* (7) Tab row (Total / Net New / Saved + Export) — flush to top
       of the table panel, same baseline */
body.dn-has-sidebar .filter_top_block,
body.dn-has-sidebar .data_top_block{
        margin-top: 0 !important;
        padding-top: 0 !important;
        display: flex;
        align-items: center;
        gap: 8px;
}

/* ============================================================
   v58 hotfix #2 — Hide any Zoho SalesIQ leftovers (defensive).
   The script is removed from the layout, but if the browser
   still has the cached script running, kill its DOM nodes.
   ============================================================ */
#zsiqwidget,
#zsiq_float,
#zsiq_byline,
#zsiq_agtpic,
#zsiq_maincontent,
.zsiq_floatmain,
.zsiq_theme1,
.zsiq_custommain,
.zls-sptwndw,
[id^="zsiq"],
[id^="zls-"],
[class^="zsiq"]{
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        opacity: 0 !important;
        pointer-events: none !important;
}

/* ════════════════════════════════════════════════════════════
   v58 hotfix #2 (FINAL) — Laptop-view alignment lockdown
   ════════════════════════════════════════════════════════════
   The previous v58 polish targeted invented selectors
   (.filter_left_block, .filter_right_block) that don't exist
   in the real markup. The actual structure is:

     .home_blocks
       .card_block.left   (filter sidebar)
       .card_block.right  (table panel)

   This block uses the REAL selectors, ships at the END of the
   file so it wins the cascade, and locks down widths/padding
   per laptop breakpoint so Total / Net New / Saved tabs and
   the Filters panel always align.
   ════════════════════════════════════════════════════════════ */

/* (A) Container — fill available space minus a tiny safety gutter,
       NEVER overflow the wrapper. */
body.dn-has-sidebar .wrapper.dn-app-wrapper > .page_main > .container,
body.dn-has-sidebar .wrapper.dn-app-wrapper > .page_main > .container-fluid,
body.dn-has-sidebar .page_main .container,
body.dn-has-sidebar .page_main .container-fluid{
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        margin: 0 !important;
}

/* (B) Two-column layout: filter sidebar + table panel.
       Filter panel is fluid 220-260px depending on viewport,
       table panel takes the rest. */
body.dn-has-sidebar .home_blocks{
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        gap: 14px !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
}
body.dn-has-sidebar .home_blocks > .card_block.left,
body.dn-has-sidebar .home_blocks .card_block.left{
        flex: 0 0 230px !important;
        width: 230px !important;
        max-width: 230px !important;
        min-width: 230px !important;
        margin: 0 !important;
}
body.dn-has-sidebar .home_blocks > .card_block.right,
body.dn-has-sidebar .home_blocks .card_block.right{
        flex: 1 1 auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        overflow: hidden;     /* contain table overflow inside the panel */
}

/* (C) Right panel inner — tab row + table flush to edges */
body.dn-has-sidebar .card_block.right > *:first-child{
        margin-top: 0 !important;
}
body.dn-has-sidebar .card_block.right .content_heading,
body.dn-has-sidebar .card_block.right .filter_top_block{
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
        margin: 0 0 10px 0 !important;
        padding: 8px 12px !important;
        flex-wrap: nowrap !important;
}

/* (D) Tab row (Total / Net New / Saved) — never wraps, fits cleanly */
body.dn-has-sidebar .filter_title_list{
        display: flex !important;
        align-items: center !important;
        gap: 2px !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        flex-wrap: nowrap !important;
        flex: 0 1 auto !important;
        min-width: 0 !important;
}
body.dn-has-sidebar .filter_title_list .filter_link{
        white-space: nowrap !important;
        font-size: 13px !important;
        padding: 6px 10px !important;
}
body.dn-has-sidebar .actions.export{
        margin-left: auto !important;
        flex: 0 0 auto !important;
        white-space: nowrap !important;
}

/* (E) Tables — strict column widths so they never push out the
       right-panel boundary on laptops. */
body.dn-has-sidebar .card_block.right .table-responsive,
body.dn-has-sidebar .card_block.right .dataTables_wrapper{
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        margin: 0 !important;
}
body.dn-has-sidebar .card_block.right table.dataTable{
        width: 100% !important;
        max-width: 100% !important;
        table-layout: auto !important;
        margin: 0 !important;
}
body.dn-has-sidebar .card_block.right table.dataTable th,
body.dn-has-sidebar .card_block.right table.dataTable td{
        font-size: 13px !important;
        padding: 8px 6px !important;
        line-height: 1.35 !important;
}

/* (F) Per-laptop-size tweaks */
@media (max-width: 1366px){
        body.dn-has-sidebar .home_blocks > .card_block.left,
        body.dn-has-sidebar .home_blocks .card_block.left{
                flex: 0 0 210px !important;
                width: 210px !important;
                max-width: 210px !important;
                min-width: 210px !important;
        }
        body.dn-has-sidebar .filter_title_list .filter_link{
                font-size: 12px !important;
                padding: 5px 8px !important;
        }
}
@media (min-width: 1600px){
        body.dn-has-sidebar .home_blocks > .card_block.left,
        body.dn-has-sidebar .home_blocks .card_block.left{
                flex: 0 0 260px !important;
                width: 260px !important;
                max-width: 260px !important;
                min-width: 260px !important;
        }
}
@media (max-width: 1024px){
        body.dn-has-sidebar .home_blocks{
                flex-wrap: wrap !important;
        }
        body.dn-has-sidebar .home_blocks > .card_block.left,
        body.dn-has-sidebar .home_blocks .card_block.left{
                flex: 1 1 100% !important;
                width: 100% !important;
                max-width: 100% !important;
                min-width: 0 !important;
        }
}

/* (G) Login + register page — laptop view polish.
       The dn-auth-split is a 2-column hero+form layout.
       Lock proportions so it looks balanced on 1366-1920. */
.dn-auth-split{
        min-height: 100vh !important;
        height: auto !important;
        display: grid !important;
        grid-template-columns: minmax(380px, 1fr) minmax(420px, 540px) !important;
        max-width: 100% !important;
        margin: 0 !important;
}
.dn-auth-brand{
        padding: 48px 56px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
}
.dn-auth-pane{
        padding: 48px 56px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 100vh !important;
}
.dn-auth-pane-inner{
        width: 100% !important;
        max-width: 420px !important;
        margin: 0 auto !important;
}
@media (max-width: 1366px){
        .dn-auth-brand{ padding: 36px 40px !important; }
        .dn-auth-pane{ padding: 36px 40px !important; }
        .dn-auth-brand-heading{ font-size: 28px !important; line-height: 1.2 !important; }
}
@media (max-width: 960px){
        .dn-auth-split{
                grid-template-columns: 1fr !important;
        }
        .dn-auth-brand{ display: none !important; }
}

/* ════════════════════════════════════════════════════════════
   v58 hotfix #3 — Empty green pill at top-right + Zoho restore
   ════════════════════════════════════════════════════════════
   Problem identified:
     The <p class="bal_count"> "Your Credit Balance" element was
     hidden by an early rule (line 3793: display:none) but a later
     rule (line 6244) brought it back with green border + light
     green bg, while the inner text was clobbered by yet another
     conflicting rule — leaving an empty green pill at top-right.

     The credit balance is already shown in the sidebar
     ("CREDITS 0 / Buy Credits"), so the top-right duplicate is
     redundant. Permanently hide all instances with maximum
     specificity so no later rule re-enables it.
   ════════════════════════════════════════════════════════════ */

/* (A) Permanently kill the duplicate Credit Balance pill */
body.dn-has-sidebar .home_blocks .right .bal_count,
body.dn-has-sidebar .home_blocks .right p.bal_count,
body.dn-has-sidebar .home_blocks .right .card_block .content_heading > .actions,
body.dn-has-sidebar .home_blocks .right .card_block > .content_heading > .actions:first-child{
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
}

/* (B) Also kill any standalone "View Plans" cstm_btn that pairs with it */
body.dn-has-sidebar .home_blocks .right .content_heading a.cstm_btn[href*="upgrade_plan"],
body.dn-has-sidebar .home_blocks .right .content_heading a.cstm_btn[href*="upgrade"]{
        display: none !important;
}

/* (C) Tighten the now-empty content_heading container so it doesn't
       leave a vertical gap above the tab row */
body.dn-has-sidebar .home_blocks .right .card_block > .content_heading{
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
}

/* (D) Restore Zoho widget visibility — undo the defensive hide
       rules from v58 hotfix #2 now that the embed is back in
       app.blade.php. Keep z-index reasonable so it doesn't
       overlap the sidebar. */
#zsiqwidget,
#zsiq_float,
#zsiq_byline,
#zsiq_agtpic,
#zsiq_maincontent,
.zsiq_floatmain,
.zsiq_theme1,
.zsiq_custommain,
.zsiqclass,
[id^="zsiq"],
[id^="siq"],
[class^="zsiq"]{
        display: revert !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        height: auto !important;
        width: auto !important;
        position: fixed !important;
}
.zsiq_floatmain{ z-index: 9000 !important; }