*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Arial,sans-serif;background:linear-gradient(180deg,#052e25 0%,#0a5342 58%,#0b5d4b 100%);color:#163126;min-height:100vh}
button,input,select,textarea{font:inherit}
.hidden{display:none!important}
small{display:block}
body.auth-mode .topbar,body.auth-mode .statsbar,body.auth-mode #bottomNav{display:none!important}
body.auth-mode{background:linear-gradient(180deg,#0b2b20,#104130)}
#app{width:100%;max-width:760px;margin:0 auto;padding:14px 16px 112px}
.card{background:#fff;border-radius:30px;padding:24px 20px;box-shadow:0 14px 30px rgba(0,0,0,.12)}
.auth-card{max-width:430px;margin:0 auto}
.auth-header h1{margin:0;text-align:center;font-size:24px;font-weight:900}
.tagline{margin:10px auto 0;font-size:20px;line-height:1.45;text-align:center;font-weight:800;color:#0f2f23;max-width:310px}
.micro{font-size:12px;text-align:center;color:#666;margin-top:4px}
.copy-card{background:#f5f8f6;border-radius:16px;padding:14px;margin:16px 0;text-align:center;font-size:14px;line-height:1.5;color:#173a2c}
.auth-tabs{display:flex;gap:12px;margin:10px 0 12px}
.tab{flex:1;border:none;border-radius:16px;padding:16px 12px;font-weight:800;font-size:18px;background:#edf3ef;color:#173a2c;cursor:pointer}
.tab.active{background:#1b6a4f;color:#fff}
.screen{display:block}
.search-card{margin-top:6px}
.section-kicker{color:#4d6d62;font-weight:800;font-size:13px;letter-spacing:1px;margin-bottom:10px}
.search-card h1{margin:0 0 8px;font-size:34px;line-height:1.08;font-weight:900;color:#173126}
.subtext{margin:0 0 20px;color:#4f675e;font-size:18px;line-height:1.45}
.subtext.small{font-size:16px}
.subtext-compact{margin-bottom:14px}
.input{width:100%;padding:0 20px;min-height:64px;margin-top:12px;border-radius:22px;border:2px solid #d7e1dc;background:#fff;outline:none;font-size:18px;color:#173126}
.input:focus{border-color:#7db59e;box-shadow:0 0 0 4px rgba(28,106,79,.08)}
.input-small{min-height:56px;font-size:16px}
.textarea{padding:16px 18px;min-height:120px}
.small-textarea{min-height:88px}

.search-inline-two{display:grid;grid-template-columns:.9fr 1.1fr;gap:12px;align-items:start;margin-top:12px}
.inline-field{margin-top:0;min-height:56px;padding:0 16px;border-radius:20px;font-size:16px}
.area-target-wrap{position:relative}
.area-suggest{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#fff;border:1px solid #d7e1dc;border-radius:18px;box-shadow:0 16px 34px rgba(0,0,0,.12);padding:8px;z-index:40;max-height:240px;overflow:auto}
.area-suggest button{width:100%;border:none;background:#fff;color:#173126;text-align:left;padding:12px 14px;border-radius:14px;font-size:15px;font-weight:700;cursor:pointer}
.area-suggest button + button{margin-top:4px}
.area-suggest button:hover,.area-suggest button:focus{background:#edf3ef;outline:none}
.area-suggest .area-main{display:block;font-weight:800;color:#173126}
.area-suggest .area-sub{display:block;margin-top:2px;font-size:12px;color:#5c7268;font-weight:600}
.area-helper{margin-top:10px;font-size:12px;color:#6a7f76}

.source-toggle{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.source{min-height:56px;border:none;border-radius:18px;background:#edf3ef;color:#173126;font-size:16px;font-weight:800;cursor:pointer;box-shadow:inset 0 0 0 1px #d9e3de}
.source.active{background:#1b6a4f;color:#fff;box-shadow:none}
.helper-text{margin:12px 0 0;color:#48645a;font-size:14px;line-height:1.45}
.location-hint{margin-top:6px;color:#6a7f76;font-size:12px;line-height:1.35}
.action-row{display:grid;grid-template-columns:1fr 1.8fr;gap:12px;margin-top:14px}
.cta{width:100%;min-height:64px;border:none;border-radius:22px;background:linear-gradient(180deg,#f0d164,#e4bd39);color:#173126;font-size:19px;font-weight:900;cursor:pointer;box-shadow:0 12px 20px rgba(228,189,57,.22)}
.secondary{min-height:50px;border:none;border-radius:18px;background:#eef3ef;color:#173126;font-size:16px;font-weight:800;padding:0 18px;cursor:pointer}
.btn-ghost{min-height:64px}
.result-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:14px 2px 10px;color:#fff}
.result-kicker{font-size:12px;font-weight:800;letter-spacing:1px;color:#bfe7d7;margin-bottom:6px}
#resultMeta{font-size:17px;font-weight:700;line-height:1.3}
#resultList{display:grid;gap:18px}
.result-card{background:#fff;border-radius:28px;padding:22px 20px;box-shadow:0 14px 30px rgba(0,0,0,.1)}
.result-card h3{margin:0 0 12px;font-size:26px;line-height:1.18;font-weight:900;color:#173126;word-break:break-word}
.result-meta{color:#5a7369;font-size:17px;line-height:1.55}
.result-distance{display:block;margin-top:6px;color:#3a6656;font-size:14px;font-weight:700}
.result-phone{margin-top:16px;color:#173126;font-size:25px;font-weight:900;letter-spacing:.2px}
.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.cta-inline{width:100%;min-height:50px;border:2px solid #1c6a4f;border-radius:16px;background:#1c6a4f;color:#fff;font-size:16px;font-weight:800;cursor:pointer}
.secondary-mini{background:#fff;color:#173126;border-color:#d0dad5}
.load-more-btn{width:100%;margin-top:16px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.stat{background:#f4f7f5;border-radius:20px;padding:18px}
.stat span{display:block;color:#5a7369;font-size:16px}
.stat strong{display:block;margin-top:6px;font-size:30px;color:#173126}
.bottom-nav{position:fixed;left:0;right:0;bottom:0;background:linear-gradient(180deg,#0b2b20,#104130);border-radius:22px 22px 0 0;padding:10px 10px calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;box-shadow:0 -8px 24px rgba(0,0,0,.22);z-index:999}
.nav{min-height:62px;border:none;border-radius:16px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.82);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:12px;font-weight:700;cursor:pointer}
.nav.active{background:rgba(255,255,255,.16);color:#fff}
.nav-icon{font-size:20px;line-height:1}
.nav-label{line-height:1}
.toast{position:fixed;left:50%;transform:translateX(-50%) translateY(14px);bottom:92px;background:#173126;color:#fff;padding:16px 20px;border-radius:18px;box-shadow:0 14px 30px rgba(0,0,0,.22);opacity:0;pointer-events:none;transition:.22s ease;font-size:16px;z-index:1100}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.modal{position:fixed;inset:0;background:rgba(8,26,20,.58);display:flex;align-items:center;justify-content:center;padding:16px;z-index:2000}
.modal-card{width:min(760px,100%);background:#fff;border-radius:24px;box-shadow:0 18px 40px rgba(0,0,0,.2)}
.modal-large{max-height:92vh;overflow:auto;padding:18px}
.message-modal-card{
  max-height:min(78vh,720px);
  overflow:hidden;
  padding:0;
}
.message-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  padding:18px 18px 14px;
  margin:0;
  border-bottom:1px solid #edf2ef;
}
.modal-title-wrap{display:flex;flex-direction:column;gap:2px}
.modal-title-wrap h3{margin:0;font-size:22px;color:#173126}
.modal-subtitle{font-size:12px;color:#708078}
.close-btn{border:none;background:#eef3ef;color:#173126;border-radius:12px;width:40px;height:40px;font-size:20px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px}
#messageList{
  display:grid;
  gap:12px;
  max-height:calc(78vh - 78px);
  overflow:auto;
  padding:16px 18px 18px;
}
.message-item{
  background:#f6f8f7;
  border:1px solid #e7ece9;
  border-radius:18px;
  padding:16px;
}
.message-item h4{margin:0 0 8px;font-size:18px;color:#173126;line-height:1.25}
.message-item div{color:#405a51;font-size:15px;line-height:1.6}
.wa-title{font-size:22px;font-weight:900;color:#173126}
.wa-meta{margin-top:6px;color:#597067;font-size:15px;line-height:1.45;margin-bottom:12px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:620px){
  #app{padding:14px 14px 104px}
  .card{padding:22px 18px;border-radius:26px}
  .search-card h1{font-size:28px}
  .subtext{font-size:17px}
  .input{min-height:60px;font-size:17px;padding:0 18px}
  .search-inline-two{grid-template-columns:.88fr 1.12fr;gap:10px}
  .inline-field{min-height:54px;font-size:15px;padding:0 14px;border-radius:18px}
  .input-small{min-height:52px;font-size:15px}
  .result-head{flex-direction:column;align-items:stretch}
  .result-card{padding:20px 18px;border-radius:24px}
  .result-card h3{font-size:23px}
  .result-meta{font-size:16px}
  .result-phone{font-size:22px}
  .row,.result-actions,.grid{grid-template-columns:1fr}
  .modal{align-items:flex-end;padding:10px}
  .message-modal-card{
    width:100%;
    max-height:84vh;
    border-radius:24px 24px 18px 18px;
  }
  #messageList{max-height:calc(84vh - 78px)}
}


/* SUPER FOCUS FIX: popup pesan */
body.modal-open{
  overflow:hidden !important;
  height:100vh !important;
  touch-action:none;
}

#messageModal{
  position:fixed !important;
  inset:0 !important;
  z-index:3000 !important;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px;
  background:rgba(8,26,20,.56) !important;
}

#messageModal.hidden{
  display:none !important;
}

#messageModal .modal-card{
  width:min(760px,100%);
  max-height:calc(100dvh - 24px);
  background:#fff;
  border-radius:24px;
  box-shadow:0 18px 40px rgba(0,0,0,.22);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  padding:0 !important;
}

#messageModal .modal-head{
  position:sticky;
  top:0;
  z-index:2;
  margin:0 !important;
  padding:18px 18px 14px;
  background:#fff;
  border-bottom:1px solid #edf2ef;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
}

#messageModal .modal-head h3{
  margin:0;
  font-size:22px;
  color:#173126;
}

#messageModal .close-btn{
  border:none;
  background:#eef3ef;
  color:#173126;
  border-radius:12px;
  width:40px;
  height:40px;
  font-size:20px;
  font-weight:900;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 40px;
}

#messageList{
  flex:1;
  overflow:auto !important;
  padding:16px 18px 18px !important;
  display:grid;
  gap:12px;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  background:#fff;
}

.message-item{
  background:#f6f8f7;
  border:1px solid #e7ece9;
  border-radius:18px;
  padding:16px;
}

.message-item h4{
  margin:0 0 8px;
  font-size:18px;
  color:#173126;
  line-height:1.25;
}

.message-item div{
  color:#405a51;
  font-size:15px;
  line-height:1.6;
}

@media (max-width:620px){
  #messageModal{
    align-items:flex-end;
    padding:10px;
  }

  #messageModal .modal-card{
    width:100%;
    max-height:calc(100dvh - 12px);
    border-radius:24px 24px 18px 18px;
  }

  #messageModal .modal-head{
    padding:16px 16px 12px;
  }

  #messageList{
    padding:14px 16px 16px !important;
  }
}


/* focused fix: message popup scroll and lock */
body.modal-open{
  overflow:hidden !important;
  height:100dvh !important;
  touch-action:none;
}

#messageModal{
  position:fixed !important;
  inset:0 !important;
  z-index:3000 !important;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px;
  background:rgba(8,26,20,.56) !important;
}

#messageModal.hidden{
  display:none !important;
}

#messageModal .modal-card{
  width:min(760px,100%);
  max-height:calc(100dvh - 24px);
  background:#fff;
  border-radius:24px;
  box-shadow:0 18px 40px rgba(0,0,0,.22);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  padding:0 !important;
}

#messageModal .modal-head{
  position:sticky;
  top:0;
  z-index:2;
  margin:0 !important;
  padding:18px 18px 14px;
  background:#fff;
  border-bottom:1px solid #edf2ef;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
}

#messageModal .modal-head h3{
  margin:0;
  font-size:22px;
  color:#173126;
}

#messageModal .close-btn{
  border:none;
  background:#eef3ef;
  color:#173126;
  border-radius:12px;
  width:40px;
  height:40px;
  font-size:20px;
  font-weight:900;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 40px;
}

#messageList{
  flex:1;
  overflow:auto !important;
  padding:16px 18px 18px !important;
  display:grid;
  gap:12px;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  background:#fff;
}

.message-item{
  background:#f6f8f7;
  border:1px solid #e7ece9;
  border-radius:18px;
  padding:16px;
}

.message-item h4{
  margin:0 0 8px;
  font-size:18px;
  color:#173126;
  line-height:1.25;
}

.message-item div{
  color:#405a51;
  font-size:15px;
  line-height:1.6;
}

@media (max-width:620px){
  #messageModal{
    align-items:flex-end;
    padding:10px;
  }

  #messageModal .modal-card{
    width:100%;
    max-height:calc(100dvh - 12px);
    border-radius:24px 24px 18px 18px;
  }

  #messageModal .modal-head{
    padding:16px 16px 12px;
  }

  #messageList{
    padding:14px 16px 16px !important;
  }
}


/* visible stats pills */
.statsbar{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  gap:8px !important;
  padding:10px 0 16px !important;
  overflow:visible !important;
}
.stat-pill{
  background:rgba(255,255,255,.14) !important;
  color:#ffffff !important;
  padding:8px 12px !important;
  font-size:11px !important;
  white-space:nowrap !important;
  flex:0 0 auto !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 6px 16px rgba(0,0,0,.14);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}
.stat-pill b,
.stat-pill strong,
.stat-pill span{
  color:#ffffff !important;
  opacity:1 !important;
}

/* message popup top anchored */
body.modal-open{
  overflow:hidden !important;
  height:100dvh !important;
  touch-action:none;
}
#messageModal{
  position:fixed !important;
  inset:0 !important;
  z-index:3000 !important;
  display:flex;
  align-items:flex-start !important;
  justify-content:center;
  padding:0 10px 10px !important;
  background:rgba(8,26,20,.56) !important;
}
#messageModal.hidden{display:none !important;}
#messageModal .modal-card{
  width:min(760px,100%);
  max-height:100dvh;
  background:#fff;
  border-radius:0 0 24px 24px;
  box-shadow:0 18px 40px rgba(0,0,0,.22);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  padding:0 !important;
  margin-top:0 !important;
}
#messageModal .modal-head{
  position:sticky;
  top:0;
  z-index:2;
  margin:0 !important;
  padding:18px 18px 14px;
  background:#fff;
  border-bottom:1px solid #edf2ef;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
}
#messageModal .modal-head h3{
  margin:0;
  font-size:22px;
  color:#173126;
}
#messageList{
  flex:1;
  overflow:auto !important;
  padding:16px 18px 18px !important;
  display:grid;
  gap:12px;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  background:#fff;
}
.talentrix-msg-card{
  background:#fff;
  border:2px solid #d4b44a;
  box-shadow:0 8px 18px rgba(0,0,0,.05);
}
.talentrix-msg-grid{
  display:grid;
  grid-template-columns:84px 1fr;
  gap:14px;
  align-items:start;
}
.talentrix-msg-thumb{
  width:84px;
  height:84px;
  border-radius:18px;
  background:radial-gradient(circle at top right,#f0d164,#c78d18 48%,#143557 100%);
  color:#fff;
  font-weight:900;
  font-size:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  letter-spacing:-1px;
}
.talentrix-msg-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.talentrix-msg-date{
  color:#98a0aa;
  font-size:14px;
}
.talentrix-msg-dot{
  width:14px;
  height:14px;
  border-radius:50%;
  background:#e53c3c;
  box-shadow:0 0 0 4px rgba(229,60,60,.14);
  flex:0 0 14px;
}
.talentrix-msg-dot.is-read{
  background:#d9dde2;
  box-shadow:none;
}
.talentrix-msg-title{
  margin-top:6px;
  color:#112b4a;
  font-size:19px;
  line-height:1.2;
  font-weight:900;
}
.talentrix-msg-preview{
  margin-top:8px;
  color:#5a6673;
  font-size:15px;
  line-height:1.55;
}
.talentrix-open-btn{
  margin-top:12px;
  min-height:46px;
  padding:0 16px;
  border:none;
  border-radius:14px;
  background:#d4b236;
  color:#102b4a;
  font-size:15px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(212,178,54,.22);
}
.talentrix-empty{
  background:#fff;
  border-radius:20px;
  padding:22px;
  text-align:center;
  color:#5e6874;
  font-size:16px;
}
.talentrix-reader-overlay{
  position:fixed;
  inset:0;
  background:rgba(5,25,20,.58);
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding:0 10px 10px;
  z-index:3200;
}
.talentrix-reader-card{
  width:min(760px,100%);
  max-height:100dvh;
  background:#fff;
  border-radius:0 0 24px 24px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  box-shadow:0 24px 50px rgba(0,0,0,.32);
}
.talentrix-reader-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:18px 20px;
  background:#0f2f4f;
  color:#fff;
}
.talentrix-reader-title{
  font-size:20px;
  line-height:1.25;
  font-weight:900;
}
.talentrix-reader-close{
  border:none;
  background:transparent;
  color:#fff;
  font-size:22px;
  width:42px;
  height:42px;
  border-radius:12px;
  cursor:pointer;
}
.talentrix-reader-body{
  padding:18px 20px 22px;
  overflow:auto;
  font-size:16px;
  line-height:1.7;
  color:#30414f;
  background:#fff;
}
@media (max-width:620px){
  #messageModal{
    padding:0 8px 8px !important;
  }
  #messageModal .modal-card{
    width:100%;
    max-height:100dvh;
    border-radius:0 0 18px 18px;
  }
  #messageModal .modal-head{
    padding:16px 16px 12px;
  }
  #messageList{
    padding:14px 16px 16px !important;
  }
  .talentrix-msg-grid{
    grid-template-columns:72px 1fr;
    gap:12px;
  }
  .talentrix-msg-thumb{
    width:72px;
    height:72px;
    font-size:24px;
    border-radius:16px;
  }
  .talentrix-msg-title{
    font-size:18px;
  }
  .talentrix-msg-preview{
    font-size:14px;
  }
  .talentrix-reader-overlay{
    padding:0 8px 8px;
  }
  .talentrix-reader-card{
    max-height:100dvh;
    border-radius:0 0 18px 18px;
  }
}

/* final 5-nav */
.bottom-nav{
  grid-template-columns:repeat(5,1fr) !important;
}
.nav{
  min-height:64px;
}
.nav-topup{
  background:rgba(240,209,100,.18) !important;
  color:#fff !important;
}

/* prospek filter */
.prospek-filter-bar{
  display:flex;
  gap:10px;
  overflow:auto;
  padding:6px 0 2px;
  margin:8px 0 14px;
  -webkit-overflow-scrolling:touch;
}
.prospek-filter{
  border:none;
  background:#eef3ef;
  color:#173126;
  min-height:42px;
  padding:0 14px;
  border-radius:999px;
  font-size:14px;
  font-weight:800;
  white-space:nowrap;
  cursor:pointer;
}
.prospek-filter.active{
  background:#1b6a4f;
  color:#fff;
  box-shadow:0 8px 18px rgba(27,106,79,.18);
}

@media (max-width:620px){
  .bottom-nav{
    gap:6px !important;
    padding:8px 8px calc(8px + env(safe-area-inset-bottom)) !important;
  }
  .nav{
    min-height:60px;
    font-size:11px;
  }
  .nav-icon{
    font-size:18px;
  }
}


.cta-gold{
  background:linear-gradient(180deg,#f0d164,#e4bd39)!important;
  color:#173126!important;
  border:none!important;
  box-shadow:0 12px 20px rgba(228,189,57,.22)!important;
  font-weight:900!important;
}

.next-page-btn{
  width:100%!important;
  min-height:88px!important;
  border-radius:22px!important;
  padding:14px 18px!important;
  display:block!important;
  text-align:center!important;
  line-height:1.15!important;
}

.next-page-btn span{
  display:block;
  font-size:22px;
  font-weight:900;
}

.next-page-btn small{
  display:block;
  margin-top:6px;
  font-size:13px;
  font-weight:700;
  opacity:.88;
}


/* ===== CTA POLISH FINAL SAFE ===== */
.cta-gold,
#saveAllBtn{
  background: linear-gradient(135deg,#f5d76e 0%,#e6bf3c 100%) !important;
  color:#173c33 !important;
  border:none !important;
  font-weight:800 !important;
  box-shadow:0 10px 24px rgba(230,191,60,.28) !important;
}
#saveAllBtn{
  width:100% !important;
  display:block !important;
  border-radius:24px !important;
  padding:18px 20px !important;
  font-size:20px !important;
  text-align:center !important;
}
#resultList{
  margin-bottom:14px !important;
}
.next-page-btn,
#loadMoreBtn{
  width:100% !important;
  min-width:100% !important;
  max-width:100% !important;
  display:block !important;
  background: linear-gradient(135deg,#f5d76e 0%,#e6bf3c 100%) !important;
  color:#173c33 !important;
  border:none !important;
  border-radius:24px !important;
  padding:18px 20px !important;
  margin:18px 0 10px 0 !important;
  text-align:center !important;
  line-height:1.15 !important;
  box-shadow:0 10px 24px rgba(230,191,60,.28) !important;
  float:none !important;
}
.next-title{
  display:block !important;
  font-size:20px !important;
  font-weight:800 !important;
}
.next-sub{
  display:block !important;
  margin-top:6px !important;
  font-size:13px !important;
  font-weight:700 !important;
  opacity:.9 !important;
}
.unlock-note{
  margin:12px 0 8px 0;
  color:#6f7f78;
  font-size:13px;
  line-height:1.4;
  font-weight:700;
}
@media (max-width:620px){
  #saveAllBtn{
    border-radius:22px !important;
    padding:17px 18px !important;
    font-size:19px !important;
  }
  .next-page-btn,
  #loadMoreBtn{
    border-radius:22px !important;
    padding:17px 18px !important;
  }
  .next-title{
    font-size:18px !important;
  }
  .next-sub{
    font-size:12px !important;
  }
}


.score-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px 0;flex-wrap:wrap}
.score-chip{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.3px}
.score-chip.hot{background:#dff7e8;color:#0d6b35}
.score-chip.high{background:#e6f1ff;color:#114a9f}
.score-chip.medium{background:#fff3d7;color:#9a6510}
.score-chip.low{background:#f1f3f4;color:#55636f}
.score-points{font-size:12px;font-weight:800;color:#21483d}
.score-reasons{margin:8px 0 10px;color:#5a7369;font-size:13px;line-height:1.45}


/* === NUSA TARGETING BANNER SLIDER FINAL === */
.nt-banner-wrapper{
  margin: 0 0 12px;
}

.nt-banner-slider{
  width: 100%;
  overflow: hidden;
  border-radius: 18px;
  background: rgba(255,255,255,.04);
  box-shadow: 0 12px 26px rgba(0,0,0,.14);
}

.nt-banner-track{
  display: flex;
  width: 100%;
  transition: transform .45s ease;
  will-change: transform;
}

.nt-banner-slide{
  min-width: 100%;
  flex: 0 0 100%;
  display: block;
  text-decoration: none;
}

.nt-banner-slide img{
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 10 / 3;
  object-fit: cover;
  border-radius: 18px;
}

.nt-banner-dots{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
}

.nt-banner-dot{
  width: 7px;
  height: 7px;
  border: 0;
  padding: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.38);
  cursor: pointer;
}

.nt-banner-dot.active{
  background: #fff;
  transform: scale(1.1);
}

@media (max-width:620px){
  .nt-banner-wrapper{margin: 0 0 10px;}
  .nt-banner-slider{border-radius: 16px;}
  .nt-banner-slide img{border-radius: 16px;}
  .nt-banner-dots{margin-top: 6px;}
}


/* === NUSA TARGETING COMPACT BANNER + SEARCH FIX === */
.nt-banner-wrapper{
  margin: 2px 0 8px;
}

.nt-banner-slider{
  border-radius: 14px;
  background: transparent;
  box-shadow: 0 8px 18px rgba(0,0,0,.12);
}

.nt-banner-track{
  display: flex;
  transition: transform .42s ease;
  will-change: transform;
}

.nt-banner-slide{
  min-width: 100%;
  flex: 0 0 100%;
  display: block;
}

.nt-banner-slide img{
  display: block;
  width: 100%;
  height: 76px;
  object-fit: cover;
  aspect-ratio: auto;
  border-radius: 14px;
}

.nt-banner-dots{
  gap: 5px;
  margin-top: 5px;
}

.nt-banner-dot{
  width: 6px;
  height: 6px;
}

.search-card.card{
  padding: 14px 14px 16px;
  border-radius: 24px;
  margin-top: 0;
}

.input,
.source,
.cta,
.secondary,
.btn-ghost,
select.input{
  min-height: 50px;
  height: 50px;
  font-size: 15px;
  border-radius: 18px;
}

.input{
  margin-top: 8px;
  padding: 0 16px;
}

.source-toggle{
  gap: 8px;
  margin-top: 10px;
}

.helper-text{
  margin-top: 10px;
  font-size: 13px;
}

.location-hint{
  margin-top: 4px;
}

.action-row{
  gap: 8px;
  margin-top: 10px;
  grid-template-columns: 1fr 1.45fr;
}

.cta{
  font-size: 16px;
}

.topbar{
  padding: 4px 8px 6px !important;
}

.brand{
  font-size: 32px !important;
}

.brand-sub{
  font-size: 12px !important;
  margin-top: 4px !important;
}

.statsbar{
  padding: 2px 0 10px !important;
  gap: 5px !important;
}

.stat-pill{
  padding: 5px 8px !important;
  font-size: 10px !important;
}

@media (max-width:620px){
  #app{
    padding: 10px 12px 102px;
  }

  .brand{
    font-size: 28px !important;
  }

  .brand-sub{
    font-size: 11px !important;
  }

  .nt-banner-slide img{
    height: 70px;
    border-radius: 12px;
  }

  .search-card.card{
    padding: 12px 12px 14px;
    border-radius: 22px;
  }

  .input,
  .source,
  .cta,
  .secondary,
  .btn-ghost,
  select.input{
    min-height: 46px;
    height: 46px;
    font-size: 14px;
    border-radius: 16px;
  }

  .input{
    padding: 0 14px;
    margin-top: 7px;
  }

  .action-row{
    gap: 7px;
    margin-top: 8px;
  }

  .cta{
    font-size: 15px;
  }
}


/* === FINAL BANNER UI FIX OVERRIDE === */
.nt-banner-wrapper{
  margin: 4px 0 8px !important;
}

.nt-banner-slider{
  width: 100% !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.04) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.14) !important;
}

.nt-banner-track{
  display: flex !important;
  width: 100% !important;
  transition: transform .42s ease !important;
  will-change: transform !important;
}

.nt-banner-slide{
  min-width: 100% !important;
  flex: 0 0 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  overflow: hidden !important;
}

.nt-banner-slide img{
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 1 !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: linear-gradient(180deg,#0c3b30 0%, #082b22 100%) !important;
  border-radius: 16px !important;
}

.nt-banner-dots{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: 6px !important;
}

.nt-banner-dot{
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.35) !important;
  border: 0 !important;
  padding: 0 !important;
}

.nt-banner-dot.active{
  background: #ffffff !important;
  transform: scale(1.08) !important;
}

@media (max-width: 620px){
  .nt-banner-wrapper{
    margin: 2px 0 8px !important;
  }
  .nt-banner-slider,
  .nt-banner-slide img{
    border-radius: 14px !important;
  }
  .nt-banner-dots{
    margin-top: 5px !important;
  }
}


body.nt-protected, body.nt-protected *{-webkit-tap-highlight-color:transparent}
img, .nt-banner-slide, .result-card, .brand, .brand-sub{-webkit-user-select:none;user-select:none}
img{-webkit-user-drag:none;pointer-events:auto}
.result-card, .nt-banner-slide, .card{position:relative;overflow:hidden}
.result-card::after, .nt-banner-slide::after{
  content:'NUSA TARGETING';
  position:absolute;
  right:10px;
  bottom:8px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.8px;
  color:rgba(23,49,38,.18);
  pointer-events:none;
}
.nt-shield-notice{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(4,20,15,.74);backdrop-filter:blur(8px);z-index:6000}
.nt-shield-notice.show{display:flex}
.nt-shield-card{width:min(100%,420px);padding:22px 18px;border-radius:24px;background:linear-gradient(180deg,#103d32,#072920);border:1px solid rgba(255,255,255,.08);box-shadow:0 22px 56px rgba(0,0,0,.3);text-align:center;color:#fff}
.nt-shield-title{font-size:24px;line-height:1.15;font-weight:900}
.nt-shield-text{margin-top:10px;font-size:14px;line-height:1.65;color:#d9ebe5}


/* SAFE PATCH: WhatsApp modal only */
#waModal .modal-card{
  max-width: 760px;
  width: min(760px, 100%);
  padding: 18px;
}

.wa-single-field{
  margin-top: 12px;
}

.wa-preview-head{
  margin-top: 10px;
  margin-bottom: 6px;
  font-size: 13px;
  font-weight: 800;
  color: #48645a;
  letter-spacing: .3px;
}

.wa-preview-box{
  min-height: 220px !important;
  line-height: 1.55;
}

.wa-action-buttons{
  margin-top: 12px;
}

@media (max-width:620px){
  #waModal .modal-card{
    width: 100%;
    padding: 16px;
  }
  .wa-preview-box{
    min-height: 260px !important;
  }
}


/* SMART BROADCAST UNIFIED */
.prospek-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 12px}
.prospek-mode-btn{min-height:56px;border:none;border-radius:18px;background:#edf3ef;color:#173126;font-size:16px;font-weight:900;cursor:pointer;box-shadow:inset 0 0 0 1px #d9e3de}
.prospek-mode-btn.active{background:#1b6a4f;color:#fff;box-shadow:none}
.prospek-broadcast-toolbar{background:#f7faf8;border:1px solid #e3ebe7;border-radius:22px;padding:14px 14px 12px;margin:0 0 12px}
.prospek-broadcast-top{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}
.broadcast-count{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:900;color:#173126}
.broadcast-filter-info{font-size:12px;color:#63786f;line-height:1.35}
.prospek-broadcast-actions{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:10px}
.broadcast-mini-btn{min-height:48px;border-radius:16px;font-size:14px;padding:0 12px}
.broadcast-start-btn{min-height:48px;border-radius:16px;font-size:16px}
.result-card.broadcast-mode{position:relative;padding-top:56px;border:2px solid transparent;transition:.18s ease}
.result-card.broadcast-mode.is-selected{border-color:#1c6a4f;box-shadow:0 18px 34px rgba(28,106,79,.16)}
.result-card.broadcast-mode.is-sent{border-color:#88c9aa;background:#f7fffa}
.result-card.broadcast-mode.is-skipped{border-color:#d7dfda;background:#fafcfb}
.prospek-select-wrap{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:10px}
.prospek-check{width:24px;height:24px;accent-color:#1b6a4f;cursor:pointer}
.prospek-check-label{font-size:13px;font-weight:800;color:#173126}
.prospek-card-status-badge{position:absolute;top:16px;right:16px;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.3px}
.prospek-card-status-badge.sent{background:#dff6e9;color:#11613f}
.prospek-card-status-badge.skipped{background:#eef3ef;color:#64786f}
.prospek-card-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.prospek-card-row .secondary,.prospek-card-row .cta-inline{min-height:50px;border-radius:16px}
.wa-modal-mode-row{display:flex;justify-content:flex-start;margin:4px 0 10px}
.wa-mode-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#edf3ef;color:#173126;font-size:12px;font-weight:900;letter-spacing:.4px;text-transform:uppercase}
.wa-broadcast-panel{background:#f7faf8;border:1px solid #e2ece7;border-radius:18px;padding:12px 14px;margin:0 0 12px}
.wa-broadcast-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.wa-broadcast-progress-text{font-size:15px;font-weight:900;color:#173126}
.wa-broadcast-summary{margin-top:3px;font-size:12px;color:#687c74}
.wa-broadcast-active-badge{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#1b6a4f;color:#fff;font-size:11px;font-weight:900;white-space:nowrap}
.wa-broadcast-progress{height:8px;border-radius:999px;background:#e7efeb;margin-top:12px;overflow:hidden}
.wa-broadcast-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#1b6a4f,#3ea17a);transition:width .18s ease}
.wa-preview-textarea{min-height:180px;line-height:1.6}
.wa-broadcast-actionbar{position:sticky;bottom:0;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);padding-top:12px;margin-top:14px;display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:10px;border-top:1px solid #edf2ef}
.wa-broadcast-actionbar .secondary,.wa-broadcast-actionbar .cta{min-height:54px;border-radius:18px}
@media (max-width:640px){.prospek-broadcast-actions{grid-template-columns:1fr 1fr}.broadcast-start-btn{grid-column:1/-1}.prospek-card-row{grid-template-columns:1fr}.wa-broadcast-top{flex-direction:column}.wa-broadcast-active-badge{align-self:flex-start}.wa-broadcast-actionbar{grid-template-columns:1fr 1fr}#broadcastFinishBtn{grid-column:1/-1}}


/* TAHAP RAPAT + WA SIMPLIFIED */
.search-inline-tight{margin-top:8px !important;gap:10px !important}
.action-row-tight{margin-top:10px !important}
#screenSearch .input{margin-top:10px}
#screenSearch .source-toggle{margin-top:10px}
#screenSearch .subtext{margin:0 0 16px}
.wa-modal-compact{position:relative;padding-top:20px !important}
.wa-floating-close{position:absolute;top:14px;right:14px;z-index:2}
.wa-form-stack{display:grid;gap:10px;margin-top:6px}
.wa-field-compact{margin-top:0 !important;min-height:56px !important}
.wa-main-actions{margin-top:10px}
.wa-advanced-box{margin-top:2px;border:1px solid #e2ebe6;border-radius:18px;background:#f8fbf9;padding:0}
.wa-advanced-box summary{list-style:none;cursor:pointer;padding:16px 18px;font-weight:800;color:#36584c}
.wa-advanced-box summary::-webkit-details-marker{display:none}
.wa-advanced-box[open] summary{border-bottom:1px solid #e2ebe6}
.wa-advanced-grid{display:grid;gap:10px;padding:12px}
.wa-preview-textarea{min-height:190px !important;line-height:1.65 !important}
.wa-modal-compact .modal-head,.wa-modal-compact .wa-modal-mode-row{display:none !important}
@media (max-width:640px){
  .search-inline-tight{margin-top:6px !important;gap:8px !important}
  .action-row-tight{margin-top:8px !important}
  .wa-preview-textarea{min-height:210px !important}
}


/* NT PATCH 3.1.0 */
#app{
  padding:12px 14px 112px;
}

#screenSearch .card{
  padding:18px 16px 18px;
  border-radius:26px;
}

.search-card{
  margin-top:0;
}

.search-card h1{
  margin:0 0 6px;
  font-size:30px;
  line-height:1.04;
}

#screenSearch .subtext,
#screenSearch .subtext-compact{
  margin:0 0 12px;
  font-size:15px;
  line-height:1.35;
}

#screenSearch .input{
  margin-top:8px;
  min-height:56px;
  padding:0 16px;
  font-size:16px;
  border-radius:18px;
}

#screenSearch .inline-field,
#screenSearch .input.input-compact{
  min-height:52px;
  padding:0 14px;
  font-size:15px;
  border-radius:16px;
}

#screenSearch select.input,
#screenSearch select.inline-field{
  padding-right:38px;
}

.search-inline-two{
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:8px;
  align-items:center;
  margin-top:8px;
}

.search-inline-tight{
  margin-top:4px !important;
  gap:8px !important;
}

.area-target-wrap{
  min-width:0;
}

.area-suggest{
  top:calc(100% + 6px);
  border-radius:16px;
  max-height:220px;
}

.area-helper{
  margin-top:8px;
  font-size:12px;
  line-height:1.35;
  color:#648076;
}

.source-toggle{
  gap:8px;
  margin-top:8px;
}

#screenSearch .source-toggle{
  margin-top:8px;
}

.source{
  min-height:50px;
  border-radius:16px;
  font-size:14px;
  padding:0 10px;
}

.action-row{
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:8px;
  margin-top:10px;
}

.action-row-tight{
  margin-top:8px !important;
}

#screenSearch .secondary{
  min-height:50px;
  border-radius:16px;
  font-size:15px;
}

#screenSearch .cta{
  min-height:54px;
  border-radius:18px;
  font-size:16px;
  letter-spacing:.2px;
}

.bottom-nav{
  grid-template-columns:repeat(5,minmax(0,1fr));
  padding:8px 8px calc(8px + env(safe-area-inset-bottom));
}

.nav{
  min-height:58px;
  border-radius:15px;
  font-size:11px;
}

.nav-icon{
  font-size:18px;
}

.prospek-mode-switch{
  gap:8px;
  margin:12px 0 10px;
}

.prospek-mode-btn{
  min-height:52px;
  border-radius:16px;
  font-size:15px;
}

.prospek-broadcast-toolbar{
  border-radius:18px;
  padding:12px 12px 10px;
}

.prospek-broadcast-actions{
  grid-template-columns:1fr 1fr 1.15fr;
  gap:8px;
}

.result-card-manual{
  cursor:pointer;
}

.result-card-manual .result-meta,
.result-card-manual .result-phone,
.result-card-manual h3{
  pointer-events:none;
}

.manual-card-hint{
  margin-top:12px;
  font-size:12px;
  font-weight:800;
  color:#587067;
}

.prospek-card-row.is-manual{
  grid-template-columns:1fr;
}

.wa-modal-compact{
  position:relative;
  padding:16px 14px 14px !important;
}

.wa-modal-mode-row{
  display:flex !important;
  justify-content:flex-start;
  margin:0 0 8px !important;
}

.wa-mode-badge{
  background:#edf6f1;
}

.wa-broadcast-active-badge{
  background:#205f4b;
}

.wa-form-stack{
  gap:8px;
}

.wa-field-compact{
  min-height:52px !important;
}

.wa-preview-textarea{
  min-height:150px !important;
}

@media (max-width:640px){
  #app{
    padding:10px 12px 104px;
  }

  #screenSearch .card{
    padding:16px 14px 16px;
    border-radius:24px;
  }

  .search-card h1{
    font-size:27px;
  }

  #screenSearch .subtext,
  #screenSearch .subtext-compact{
    font-size:14px;
    margin-bottom:10px;
  }

  #screenSearch .input{
    margin-top:7px;
    min-height:54px;
    padding:0 14px;
    font-size:15px;
  }

  #screenSearch .inline-field,
  #screenSearch .input.input-compact{
    min-height:50px;
    padding:0 13px;
    font-size:14px;
    border-radius:15px;
  }

  .search-inline-two{
    grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
    gap:7px;
    margin-top:6px;
  }

  .search-inline-tight{
    margin-top:2px !important;
    gap:7px !important;
  }

  .source-toggle{
    gap:7px;
    margin-top:7px;
  }

  .source{
    min-height:48px;
    font-size:13px;
    padding:0 8px;
  }

  .action-row,
  .action-row-tight{
    gap:7px;
    margin-top:7px !important;
  }

  #screenSearch .secondary{
    min-height:48px;
    font-size:14px;
  }

  #screenSearch .cta{
    min-height:52px;
    font-size:15px;
  }

  .bottom-nav{
    gap:6px;
    padding:7px 7px calc(7px + env(safe-area-inset-bottom));
  }

  .nav{
    min-height:56px;
    font-size:10.5px;
  }

  .nav-icon{
    font-size:17px;
  }

  .prospek-broadcast-actions{
    grid-template-columns:1fr 1fr;
  }

  .broadcast-start-btn{
    grid-column:1/-1;
  }

  .wa-preview-textarea{
    min-height:138px !important;
  }
}


/* Stage 1B tightening patch */
#screenSearch .card{
  padding:16px 16px 16px;
}

.search-card h1{
  margin:0 0 4px;
}

#screenSearch .subtext,
#screenSearch .subtext-compact{
  margin:0 0 8px;
  line-height:1.28;
}

#screenSearch .input{
  margin-top:6px;
  min-height:52px;
  padding:0 15px;
  border-radius:17px;
}

#screenSearch .inline-field,
#screenSearch .input.input-compact{
  min-height:48px;
  padding:0 13px;
  border-radius:15px;
}

.search-inline-two{
  gap:7px;
  margin-top:6px;
}

.search-inline-tight{
  margin-top:2px !important;
  gap:7px !important;
}

.area-helper{
  display:none !important;
}

.source-toggle{
  gap:7px;
  margin-top:7px;
}

#screenSearch .source-toggle{
  margin-top:7px;
}

.source{
  min-height:48px;
  border-radius:15px;
  font-size:14px;
}

.action-row{
  gap:7px;
  margin-top:8px;
}

.action-row-tight{
  margin-top:7px !important;
}

#screenSearch .secondary{
  min-height:48px;
  border-radius:15px;
}

#screenSearch .cta{
  min-height:50px;
  border-radius:16px;
  font-size:15px;
}

@media (max-width:640px){
  #screenSearch .card{
    padding:15px 14px 15px;
  }

  .search-card h1{
    margin:0 0 3px;
    font-size:26px;
  }

  #screenSearch .subtext,
  #screenSearch .subtext-compact{
    margin:0 0 7px;
    font-size:13.5px;
    line-height:1.24;
  }

  #screenSearch .input{
    margin-top:5px;
    min-height:50px;
    padding:0 13px;
    font-size:14px;
  }

  #screenSearch .inline-field,
  #screenSearch .input.input-compact{
    min-height:46px;
    padding:0 12px;
    font-size:13.5px;
    border-radius:14px;
  }

  .search-inline-two{
    gap:6px;
    margin-top:5px;
  }

  .search-inline-tight{
    margin-top:1px !important;
    gap:6px !important;
  }

  .source-toggle{
    gap:6px;
    margin-top:6px;
  }

  .source{
    min-height:46px;
    font-size:13px;
  }

  .action-row,
  .action-row-tight{
    gap:6px;
    margin-top:6px !important;
  }

  #screenSearch .secondary{
    min-height:46px;
    font-size:13.5px;
  }

  #screenSearch .cta{
    min-height:48px;
    font-size:14px;
  }
}


/* Stage 2 prospek + smart send patch */
.prospek-subtext{margin:-2px 0 12px;color:#667a72;font-size:13px;line-height:1.45}
.prospek-toolbar-card{margin-bottom:12px !important;padding:14px 14px 12px;border-radius:22px;background:linear-gradient(180deg,#f9fcfa 0%,#f4f8f5 100%)}
.prospek-toolbar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.prospek-toolbar-title{font-size:14px;font-weight:800;color:#173126;line-height:1.35}
.prospek-filter-reset{min-height:42px;padding:0 14px;border-radius:14px;font-size:13px;white-space:nowrap}
.prospek-toolbar-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.prospek-keyword-input{margin-top:0 !important}
.prospek-filter-bar{margin-bottom:10px}
.prospek-filter{min-height:42px;padding:0 14px;border-radius:14px;font-size:13px}
.prospek-mode-switch{gap:8px;margin:10px 0 10px}
.prospek-mode-btn{min-height:50px;border-radius:16px;font-size:14px}
.prospek-broadcast-toolbar{padding:12px;border-radius:18px;margin:0 0 10px}
.prospek-broadcast-top{gap:3px;margin-bottom:8px}
.broadcast-count{font-size:13px}
.broadcast-filter-info{font-size:11.5px}
.prospek-broadcast-actions{gap:8px}
.broadcast-mini-btn,.broadcast-start-btn{min-height:46px;font-size:14px;border-radius:14px}
.result-empty{padding:18px 16px;text-align:center}
.result-card-manual{border-style:solid}
.manual-card-hint{margin-top:10px;padding:8px 10px;border-radius:12px;background:#f6faf7;color:#35614f;font-size:11.5px;font-weight:800;display:inline-flex;align-items:center;gap:6px}
.manual-card-hint::before{content:"💬"}
.prospek-card-row.is-manual{margin-top:10px}
.wa-modal-compact{padding:16px 14px 14px !important;border-radius:24px}
.wa-title{font-size:21px;line-height:1.2;margin:0 0 4px}
.wa-meta{font-size:12.5px;line-height:1.45;margin-bottom:8px}
.wa-form-stack{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
#waBrand,#waOffer,.wa-advanced-box,.wa-preview-textarea{grid-column:1/-1}
.wa-field-compact{min-height:50px !important;border-radius:14px !important}
.wa-advanced-box{margin-top:0;border:1px solid #e5ece8;border-radius:16px;background:#fbfcfb;padding:2px 12px}
.wa-advanced-box summary{cursor:pointer;font-weight:800;color:#204538;padding:10px 0}
.wa-advanced-grid{display:grid;grid-template-columns:1fr;gap:8px;padding:0 0 12px}
.wa-preview-textarea{min-height:160px !important;line-height:1.58 !important}
.wa-main-actions .secondary,.wa-main-actions .cta{min-height:50px;border-radius:16px}
.wa-broadcast-panel{padding:12px;border-radius:18px;margin:0 0 10px}
.wa-broadcast-actionbar{padding-top:10px;margin-top:12px;gap:8px}
.wa-broadcast-actionbar .secondary,.wa-broadcast-actionbar .cta{min-height:50px;border-radius:16px}
@media (max-width:640px){.prospek-subtext{font-size:12px;margin:-2px 0 10px}.prospek-toolbar-card{padding:12px 12px 10px;border-radius:18px}.prospek-toolbar-head{align-items:flex-start}.prospek-toolbar-title{font-size:13px}.prospek-filter-reset{min-height:40px;padding:0 12px;font-size:12px}.prospek-toolbar-grid{grid-template-columns:1fr;gap:7px}.prospek-filter-bar{gap:7px}.prospek-filter{min-height:40px;padding:0 12px;font-size:12px}.prospek-mode-btn{min-height:48px;font-size:13.5px}.broadcast-mini-btn,.broadcast-start-btn{min-height:44px;font-size:13px}.wa-form-stack{grid-template-columns:1fr}.wa-title{font-size:19px}.wa-preview-textarea{min-height:148px !important}}


.dash-meta{
  margin-top:4px;
  font-size:11px;
  line-height:1.45;
  color:rgba(255,255,255,.72);
}
.prospek-summary{
  display:block;
  margin:0 0 10px;
  padding:10px 12px;
  border-radius:16px;
  background:rgba(10,62,50,.08);
  border:1px solid rgba(10,62,50,.08);
  color:#31564c;
  font-size:12px;
  font-weight:700;
  line-height:1.45;
}
.prospek-summary.hidden{display:none;}

/* Stage 5 flow polish */
.result-card.is-saved{
  border-color:rgba(27,106,79,.22);
  box-shadow:0 12px 28px rgba(27,106,79,.08);
}
.result-card .secondary-mini.is-saved,
#saveAllBtn.is-disabled{
  opacity:.65;
}
.result-card .secondary-mini.is-saved{
  background:#edf6f1;
  color:#2a5f4b;
  border:1px solid rgba(27,106,79,.12);
}
.prospek-last-message{
  margin-top:10px;
  padding:10px 12px;
  border-radius:14px;
  background:#f6faf8;
  border:1px solid #e7efea;
  color:#35594e;
  font-size:12px;
  line-height:1.5;
}
.prospek-last-message span{
  display:block;
  margin-bottom:4px;
  font-size:10.5px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#6a7f77;
}
@media (max-width:640px){
  .prospek-filter-bar{padding-bottom:4px}
  .prospek-last-message{font-size:11.5px;padding:9px 10px}
}


/* Stage 6 messages + banner + theme cleanup */
#messageModal{
  background:rgba(7,29,24,.66) !important;
  backdrop-filter:blur(14px);
}
#messageModal .modal-card{
  background:linear-gradient(180deg,#0f3b30,#0a2f26) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 24px 60px rgba(0,0,0,.32) !important;
}
#messageModal .modal-head{
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}
#messageModal .modal-head h3,
#messageModal .close-btn{color:#fff !important}
.nt-msg-card-app{
  display:grid;
  grid-template-columns:92px 1fr;
  gap:12px;
  padding:12px;
  border-radius:20px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  margin-bottom:12px;
  box-shadow:0 14px 32px rgba(0,0,0,.16);
}
.nt-msg-card-media{display:flex;align-items:stretch}
.nt-msg-card-image{width:92px;height:92px;object-fit:cover;border-radius:16px;display:block;background:#133a30}
.nt-msg-card-body{min-width:0;display:flex;flex-direction:column;gap:7px}
.nt-msg-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.nt-msg-card-date{font-size:11px;font-weight:800;letter-spacing:.03em;color:rgba(255,255,255,.72);text-transform:uppercase}
.nt-msg-card-dot{width:10px;height:10px;border-radius:999px;background:#ffd76e;box-shadow:0 0 0 5px rgba(245,215,110,.14)}
.nt-msg-card-dot.is-read{background:rgba(255,255,255,.24);box-shadow:none}
.nt-msg-card-title{font-size:15px;font-weight:900;line-height:1.3;color:#fff}
.nt-msg-card-preview{font-size:12.5px;line-height:1.55;color:rgba(255,255,255,.84)}
.nt-msg-card-btn{align-self:flex-start;min-height:40px;padding:0 14px;border-radius:14px;border:0;background:linear-gradient(135deg,#f5d76e,#efc93c);color:#173126;font-weight:900;cursor:pointer}
.nt-message-empty{padding:18px 16px;border-radius:18px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.86)}
.nt-reader-theme-card{background:linear-gradient(180deg,#0f3b30,#0a2f26) !important;color:#fff;border:1px solid rgba(255,255,255,.08)}
.nt-reader-theme-cover img{width:100%;aspect-ratio:1.8/1;object-fit:cover;display:block;border-radius:22px 22px 0 0}
.nt-reader-theme-head{padding:14px 16px 0 !important;align-items:flex-start !important}
.nt-reader-theme-kicker{font-size:11px;font-weight:900;letter-spacing:.08em;color:#f3d467;margin-bottom:5px}
.nt-reader-theme-body{padding:14px 16px 18px !important;color:rgba(255,255,255,.92);line-height:1.7}
.nt-banner-dots{display:flex;justify-content:center;gap:8px;margin-top:8px}
.nt-banner-dot{width:8px;height:8px;border:0;border-radius:999px;background:rgba(18,59,48,.24);padding:0}
.nt-banner-dot.active{background:#1b6a4f;box-shadow:0 0 0 5px rgba(27,106,79,.14)}
@media (max-width:640px){
  .nt-msg-card-app{grid-template-columns:82px 1fr;gap:10px;padding:10px;border-radius:18px}
  .nt-msg-card-image{width:82px;height:82px;border-radius:14px}
  .nt-msg-card-title{font-size:14px}
  .nt-msg-card-preview{font-size:12px}
}

/* Stage 6.5 inbox message polish */
#messageList{display:grid;gap:10px}
.nt-msg-card-app{
  width:100%;
  text-align:left;
  appearance:none;
  -webkit-appearance:none;
  cursor:pointer;
  grid-template-columns:84px 1fr;
  gap:12px;
  padding:12px;
}
.nt-msg-card-app.is-read{opacity:.94}
.nt-msg-card-image{width:84px;height:84px;border-radius:14px}
.nt-msg-card-preview{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.nt-msg-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:2px}
.nt-msg-card-open{font-size:11px;font-weight:900;color:#f3d467;letter-spacing:.04em;text-transform:uppercase}
.nt-msg-card-mini-cta{font-size:11px;color:rgba(255,255,255,.7)}
.nt-msg-card-btn-link{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.nt-reader-theme-actions{padding:0 16px 18px;display:flex;justify-content:flex-start}
@media (max-width:640px){
  .nt-msg-card-app{grid-template-columns:74px 1fr;gap:10px;padding:10px}
  .nt-msg-card-image{width:74px;height:74px}
  .nt-msg-card-footer{align-items:flex-start;flex-direction:column;gap:4px}
}


/* ===== Message reader visibility fix v3.6.6 ===== */
.talentrix-reader-card.nt-reader-theme-card{
  background:linear-gradient(180deg,#0f3b30 0%,#0a2f26 100%) !important;
  border:1px solid rgba(255,255,255,.08);
}
.talentrix-reader-card.nt-reader-theme-card .nt-reader-theme-head,
.talentrix-reader-card.nt-reader-theme-card .talentrix-reader-head.nt-reader-theme-head{
  background:transparent !important;
  color:#fff !important;
}
.talentrix-reader-card.nt-reader-theme-card .nt-reader-theme-cover{
  background:transparent;
}
.talentrix-reader-card.nt-reader-theme-card .talentrix-reader-title{
  color:#fff !important;
}
.talentrix-reader-card.nt-reader-theme-card .talentrix-reader-close{
  color:#fff !important;
  background:rgba(255,255,255,.08) !important;
}
.talentrix-reader-card.nt-reader-theme-card .talentrix-reader-close:hover{
  background:rgba(255,255,255,.14) !important;
}
.talentrix-reader-card.nt-reader-theme-card .talentrix-reader-body.nt-reader-theme-body,
.talentrix-reader-card.nt-reader-theme-card .nt-reader-theme-body{
  background:transparent !important;
  color:rgba(255,255,255,.92) !important;
  white-space:normal;
}
.talentrix-reader-card.nt-reader-theme-card .nt-reader-theme-actions{
  background:transparent !important;
}
@media (max-width:620px){
  .talentrix-reader-card.nt-reader-theme-card .talentrix-reader-body.nt-reader-theme-body,
  .talentrix-reader-card.nt-reader-theme-card .nt-reader-theme-body{
    font-size:15px;
    line-height:1.75;
  }
}

/* ===== Reader premium polish v3.6.7 ===== */
.talentrix-reader-card.nt-reader-theme-card{max-height:min(90vh,820px);overflow:hidden;border-radius:28px;box-shadow:0 28px 80px rgba(0,0,0,.42)}
.talentrix-reader-card.nt-reader-theme-card .nt-reader-theme-cover img{aspect-ratio:16/7;object-fit:cover}
.talentrix-reader-card.nt-reader-theme-card .nt-reader-meta{margin-top:8px;font-size:12px;font-weight:800;color:rgba(255,255,255,.72)}
.talentrix-reader-card.nt-reader-theme-card .nt-reader-theme-body{padding-top:10px !important;overflow:auto;max-height:min(42vh,360px)}
.talentrix-reader-card.nt-reader-theme-card .nt-reader-copy{font-size:15px;line-height:1.82;color:rgba(255,255,255,.96)}
.talentrix-reader-card.nt-reader-theme-card .nt-reader-copy p{margin:0 0 14px}
.talentrix-reader-card.nt-reader-theme-card .nt-reader-copy p:last-child{margin-bottom:0}
.talentrix-reader-card.nt-reader-theme-card .nt-reader-theme-actions{padding-top:6px;border-top:1px solid rgba(255,255,255,.08)}
.talentrix-reader-card.nt-reader-theme-card .nt-msg-card-btn{min-height:44px;padding:0 16px;border-radius:14px}
@media (max-width:620px){.talentrix-reader-card.nt-reader-theme-card{border-radius:24px;max-height:min(92vh,820px)}.talentrix-reader-card.nt-reader-theme-card .nt-reader-theme-cover img{aspect-ratio:16/8}.talentrix-reader-card.nt-reader-theme-card .nt-reader-copy{font-size:14px;line-height:1.76}.talentrix-reader-card.nt-reader-theme-card .nt-reader-theme-body{max-height:min(44vh,340px)}}


/* NT-3.6.8 message list rebuild */
#messageList{
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:8px 2px 10px;
}
#messageList .nt-msg-card-app.nt-msg-card-app-v2{
  width:100%;
  display:grid !important;
  grid-template-columns:88px 1fr;
  gap:14px;
  align-items:start;
  padding:14px;
  border-radius:22px;
  background:linear-gradient(180deg,#fff,#f7faf8);
  border:1px solid #edf3ef;
  box-shadow:0 14px 34px rgba(10,31,21,.08);
}
#messageList .nt-msg-card-app.nt-msg-card-app-v2 .nt-msg-card-media{
  width:88px;
  min-width:88px;
}
#messageList .nt-msg-card-app.nt-msg-card-app-v2 .nt-msg-card-image{
  width:88px;
  height:88px;
  border-radius:18px;
  object-fit:cover;
  display:block;
  box-shadow:0 8px 20px rgba(0,0,0,.12);
}
#messageList .nt-msg-card-app.nt-msg-card-app-v2 .nt-msg-card-body{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:10px;
  align-self:center;
}
#messageList .nt-msg-card-app.nt-msg-card-app-v2 .nt-msg-card-row-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
#messageList .nt-msg-card-app.nt-msg-card-app-v2 .nt-msg-card-title{
  margin:0;
  color:#35584d;
  font-size:17px;
  font-weight:900;
  line-height:1.35;
  text-align:left;
}
#messageList .nt-msg-card-app.nt-msg-card-app-v2 .nt-msg-card-preview{
  margin:0;
  color:#5d7067;
  font-size:14px;
  line-height:1.65;
  text-align:left;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
#messageList .nt-msg-card-app.nt-msg-card-app-v2 .nt-msg-card-row-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:2px;
}
#messageList .nt-msg-card-app.nt-msg-card-app-v2 .nt-msg-card-date{
  color:#8ea198;
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
}
#messageList .nt-msg-card-app.nt-msg-card-app-v2 .nt-msg-card-dot{
  width:12px;
  height:12px;
  border-radius:999px;
  background:#efca57;
  box-shadow:0 0 0 5px rgba(239,202,87,.18);
  flex:0 0 auto;
  margin-top:4px;
}
#messageList .nt-msg-card-app.nt-msg-card-app-v2 .nt-msg-card-dot.is-read{
  background:#d9e3de;
  box-shadow:none;
}
#messageList .nt-msg-card-app.nt-msg-card-app-v2 .nt-msg-card-mini-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(243,212,103,.18);
  color:#846300;
  font-size:11px;
  font-weight:900;
  letter-spacing:.03em;
  text-transform:uppercase;
  white-space:nowrap;
}
#messageList .nt-msg-card-app.nt-msg-card-app-v2.is-read{
  opacity:.96;
}
@media (max-width:620px){
  #messageList{
    gap:12px;
    padding:6px 0 8px;
  }
  #messageList .nt-msg-card-app.nt-msg-card-app-v2{
    grid-template-columns:78px 1fr;
    gap:12px;
    padding:12px;
    border-radius:20px;
  }
  #messageList .nt-msg-card-app.nt-msg-card-app-v2 .nt-msg-card-media,
  #messageList .nt-msg-card-app.nt-msg-card-app-v2 .nt-msg-card-image{
    width:78px;
    height:78px;
  }
  #messageList .nt-msg-card-app.nt-msg-card-app-v2 .nt-msg-card-title{
    font-size:15px;
  }
  #messageList .nt-msg-card-app.nt-msg-card-app-v2 .nt-msg-card-preview{
    font-size:13px;
    line-height:1.58;
  }
}


/* NT-3.6.9 pesan header theme */
#messageModal .modal-card{
  overflow:hidden;
  background:linear-gradient(180deg,#f6f8f6,#eef3ef) !important;
}
#messageModal .modal-head.nt-message-head-app{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:18px 18px 16px !important;
  background:linear-gradient(135deg,#003f34 0%,#0b5a4a 62%,#126a58 100%) !important;
  border-bottom:1px solid rgba(255,255,255,.08);
}
#messageModal .nt-message-head-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}
#messageModal .modal-head.nt-message-head-app h3{
  margin:0;
  color:#ffffff !important;
  font-size:24px;
  font-weight:900;
  line-height:1.15;
}
#messageModal .nt-message-head-sub{
  color:rgba(255,255,255,.8);
  font-size:12px;
  line-height:1.45;
  letter-spacing:.01em;
}
#messageModal .modal-head.nt-message-head-app .close-btn{
  flex:0 0 auto;
  width:42px;
  height:42px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.12) !important;
  color:#ffffff !important;
  box-shadow:none;
}
#messageList{
  padding:14px 14px 16px !important;
}
@media (max-width:620px){
  #messageModal .modal-head.nt-message-head-app{
    padding:16px 16px 14px !important;
  }
  #messageModal .modal-head.nt-message-head-app h3{
    font-size:21px;
  }
  #messageModal .nt-message-head-sub{
    font-size:11px;
  }
  #messageList{
    padding:12px 12px 14px !important;
  }
}


/* =========================
   NT FINAL RESPONSIVE HARDENING
   Tempel paling bawah
   ========================= */

:root{
  --nt-shell-max: 760px;
  --nt-page-x: clamp(12px, 3.5vw, 16px);
  --nt-page-bottom: clamp(104px, 13vh, 120px);
  --nt-banner-radius: clamp(16px, 4vw, 22px);
  --nt-banner-height: clamp(78px, 20vw, 116px);
  --nt-card-radius: clamp(24px, 6vw, 32px);
  --nt-card-pad-y: clamp(16px, 4.5vw, 24px);
  --nt-card-pad-x: clamp(14px, 4vw, 20px);
  --nt-input-height: clamp(48px, 12vw, 58px);
  --nt-input-font: clamp(14px, 3.8vw, 17px);
  --nt-btn-height: clamp(48px, 12vw, 56px);
  --nt-nav-height: clamp(56px, 14vw, 64px);
  --nt-nav-font: clamp(10px, 2.8vw, 12px);
}

html, body{
  overflow-x: hidden;
}

body{
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

#app{
  width: 100%;
  max-width: var(--nt-shell-max);
  margin: 0 auto;
  padding: 12px var(--nt-page-x) calc(var(--nt-page-bottom) + env(safe-area-inset-bottom));
}

.topbar{
  display: none !important;
}

.statsbar{
  gap: 6px !important;
  padding: 2px 0 10px !important;
}

.stat-pill{
  padding: 5px 9px !important;
  font-size: clamp(10px, 2.9vw, 12px) !important;
  line-height: 1.05 !important;
}

.nt-banner-wrapper{
  margin: 0 0 8px !important;
}

.nt-banner-slider{
  border-radius: var(--nt-banner-radius) !important;
}

.nt-banner-slide{
  border-radius: var(--nt-banner-radius) !important;
}

.nt-banner-slide img{
  display: block;
  width: 100%;
  height: var(--nt-banner-height) !important;
  object-fit: cover;
  border-radius: var(--nt-banner-radius) !important;
}

.nt-banner-dots{
  margin-top: 6px !important;
  gap: 7px;
}

.nt-banner-dot{
  width: 7px;
  height: 7px;
}

.search-card.card{
  position: relative;
  margin-top: 0 !important;
  padding: var(--nt-card-pad-y) var(--nt-card-pad-x) calc(var(--nt-card-pad-y) + 2px) !important;
  border-radius: var(--nt-card-radius) !important;
}

.search-card-head{
  text-align: center;
  margin: 0 0 12px;
}

.search-card-title{
  margin: 0;
  font-size: clamp(24px, 7vw, 42px) !important;
  line-height: 1.12 !important;
  font-weight: 900;
  color: #173126;
  letter-spacing: -.02em;
}

.search-card-subtitle{
  margin-top: 6px;
  font-size: clamp(12px, 3.4vw, 15px);
  line-height: 1.4;
  color: #6b7280;
}

#screenSearch .input,
#screenSearch select.input,
#screenSearch .inline-field,
#screenSearch .source,
#screenSearch .secondary,
#screenSearch .cta{
  min-height: var(--nt-input-height) !important;
  height: var(--nt-input-height) !important;
  font-size: var(--nt-input-font) !important;
  border-radius: clamp(16px, 4.8vw, 20px) !important;
}

#screenSearch .input,
#screenSearch select.input{
  padding-left: clamp(14px, 4vw, 18px) !important;
  padding-right: clamp(14px, 4vw, 18px) !important;
  margin-top: 8px !important;
}

.search-inline-two{
  display: grid;
  grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr);
  gap: 8px !important;
  margin-top: 8px !important;
  align-items: stretch;
}

.source-toggle{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px !important;
  margin-top: 10px !important;
}

#screenSearch .source{
  min-height: var(--nt-btn-height) !important;
  height: var(--nt-btn-height) !important;
  font-size: clamp(13px, 3.5vw, 15px) !important;
  padding: 0 10px !important;
}

.action-row{
  display: grid;
  grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr);
  gap: 8px !important;
  margin-top: 10px !important;
}

#screenSearch .secondary,
#screenSearch .cta{
  min-height: var(--nt-btn-height) !important;
  height: var(--nt-btn-height) !important;
  font-size: clamp(15px, 4vw, 17px) !important;
}

.nt-bottom-nav.bottom-nav{
  grid-template-columns: repeat(5, minmax(0,1fr)) !important;
  padding: 8px 8px calc(8px + env(safe-area-inset-bottom)) !important;
  border-radius: 20px 20px 0 0 !important;
}

.nt-bottom-nav .nav{
  min-height: var(--nt-nav-height) !important;
  border-radius: 15px !important;
  font-size: var(--nt-nav-font) !important;
  gap: 3px !important;
}

.nt-bottom-nav .nav-icon{
  font-size: clamp(17px, 4.2vw, 20px) !important;
}

.nt-compact-ui{
  --nt-banner-height: clamp(68px, 18vw, 94px);
  --nt-card-pad-y: clamp(14px, 4vw, 18px);
  --nt-input-height: clamp(46px, 11vw, 52px);
  --nt-btn-height: clamp(46px, 11vw, 52px);
  --nt-nav-height: clamp(54px, 13vw, 58px);
}

.nt-very-short .nt-banner-slide img{
  height: 62px !important;
}

.nt-tiny .search-card-title{
  font-size: clamp(22px, 6.4vw, 28px) !important;
}

@media (max-width: 420px){
  #app{
    padding-left: 12px;
    padding-right: 12px;
  }

  .search-card-title{
    font-size: clamp(24px, 7vw, 32px) !important;
  }
}

@media (max-width: 380px){
  .stat-pill{
    font-size: 10px !important;
    padding: 5px 8px !important;
  }

  #screenSearch .source{
    font-size: 12.5px !important;
  }

  #screenSearch .secondary,
  #screenSearch .cta{
    font-size: 14px !important;
  }

  .nt-bottom-nav .nav{
    font-size: 10px !important;
  }
}

@media (max-height: 860px){
  .nt-banner-slide img{
    height: clamp(68px, 16vw, 88px) !important;
  }
}

@media (max-height: 760px){
  .nt-banner-slide img{
    height: 60px !important;
  }

  .search-card.card{
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }

  #screenSearch .input,
  #screenSearch select.input,
  #screenSearch .inline-field,
  #screenSearch .source,
  #screenSearch .secondary,
  #screenSearch .cta{
    min-height: 46px !important;
    height: 46px !important;
  }
}

@media (max-height: 700px){
  .nt-banner-wrapper{
    display: none;
  }

  .search-card-head{
    margin-bottom: 8px;
  }
}



/* =========================
   NT HOTFIX RESTORE HEADER + BANNER
   Tempel paling bawah
   ========================= */
.topbar{
  display:block !important;
  text-align:center !important;
  padding:4px 8px 6px !important;
}

.brand{
  display:block !important;
  width:100% !important;
  margin:0 auto !important;
  color:#fff !important;
  font-weight:900 !important;
  font-size:clamp(34px, 9.2vw, 42px) !important;
  line-height:.98 !important;
  letter-spacing:-0.03em !important;
  text-align:center !important;
  white-space:nowrap !important;
}

.brand-sub{
  display:block !important;
  width:100% !important;
  margin-top:4px !important;
  color:#e4f4ee !important;
  font-size:clamp(14px, 4vw, 18px) !important;
  line-height:1.18 !important;
  text-align:center !important;
  white-space:nowrap !important;
}

.statsbar{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  gap:6px !important;
  padding:4px 0 10px !important;
  overflow:visible !important;
}

.stat-pill{
  white-space:nowrap !important;
  flex:0 0 auto !important;
  border-radius:999px !important;
}

.nt-banner-wrapper,
.nt-home-banner-top{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}

.nt-banner-wrapper{
  margin:0 0 10px !important;
}

@media (max-height: 700px){
  .nt-banner-wrapper{
    display:block !important;
  }

  .nt-banner-slide img{
    height:56px !important;
  }
}

@media (max-width: 420px){
  .brand{
    font-size:clamp(32px, 8.8vw, 38px) !important;
  }

  .brand-sub{
    font-size:clamp(13px, 3.7vw, 16px) !important;
  }
}

@media (max-width: 370px){
  .brand{
    font-size:clamp(28px, 8vw, 34px) !important;
  }

  .brand-sub{
    font-size:13px !important;
  }
}


/* =========================
   NT FINAL SIZE TUNE V2
   Smaller header/tagline/stats/banner for Android display size BESAR
   ========================= */
.topbar{
  padding: 2px 8px 4px !important;
}

.brand{
  font-size: clamp(30px, 8vw, 38px) !important;
  line-height: .95 !important;
  letter-spacing: -0.028em !important;
}

.brand-sub{
  margin-top: 2px !important;
  font-size: clamp(12px, 3.3vw, 15px) !important;
  line-height: 1.14 !important;
}

.statsbar{
  gap: 5px !important;
  padding: 3px 0 8px !important;
}

.stat-pill{
  font-size: clamp(10px, 2.7vw, 11.5px) !important;
  padding: 6px 10px !important;
}

.nt-banner-wrapper{
  margin: 0 0 8px !important;
}

.nt-banner-slide img{
  height: clamp(54px, 15vw, 72px) !important;
}

.nt-banner-dots{
  margin-top: 4px !important;
}

.search-card.card{
  margin-top: 0 !important;
}

.search-card-head{
  margin: 0 0 10px !important;
}

.search-card-title{
  font-size: clamp(22px, 6.2vw, 30px) !important;
  line-height: 1.1 !important;
}

.search-card-subtitle{
  margin-top: 4px !important;
  font-size: clamp(11px, 3.2vw, 14px) !important;
}

@media (max-width: 420px){
  .brand{
    font-size: clamp(28px, 7.4vw, 34px) !important;
  }

  .brand-sub{
    font-size: clamp(11px, 3.1vw, 14px) !important;
  }

  .stat-pill{
    font-size: 10px !important;
    padding: 5px 9px !important;
  }

  .nt-banner-slide img{
    height: 60px !important;
  }
}

@media (max-width: 370px){
  .brand{
    font-size: clamp(26px, 6.9vw, 30px) !important;
  }

  .brand-sub{
    font-size: 11px !important;
  }

  .nt-banner-slide img{
    height: 56px !important;
  }
}

@media (max-height: 760px){
  .brand{
    font-size: clamp(28px, 7vw, 34px) !important;
  }

  .brand-sub{
    font-size: 12px !important;
  }

  .statsbar{
    padding: 2px 0 7px !important;
  }

  .nt-banner-slide img{
    height: 54px !important;
  }
}

@media (max-height: 700px){
  .nt-banner-wrapper{
    display: block !important;
  }

  .nt-banner-slide img{
    height: 52px !important;
  }
}


/* === SMART SEND SEMI AUTO PATCH === */
#waModal .modal-card.is-broadcast-confirm .wa-main-actions,
#waModal .modal-card.is-broadcast-paused .wa-main-actions{
  opacity:.88;
}

.wa-broadcast-confirm{
  margin-top:12px;
  border:1px solid #e3ebe7;
  background:#f7faf8;
  border-radius:18px;
  padding:14px;
}

.wa-broadcast-confirm-title{
  font-size:14px;
  font-weight:900;
  color:#173126;
  margin-bottom:10px;
}

.wa-broadcast-confirm-actions{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:10px;
}

.wa-broadcast-confirm-actions .secondary,
.wa-broadcast-confirm-actions .cta{
  min-height:54px;
  border-radius:18px;
}

.wa-broadcast-actionbar{
  position:sticky;
  bottom:0;
  background:rgba(255,255,255,.97);
  backdrop-filter:blur(8px);
}

.wa-broadcast-countdown{
  min-height:20px;
  font-size:12px;
  line-height:1.4;
  color:#5e7369;
  font-weight:700;
}

.wa-broadcast-control-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.wa-broadcast-control-grid .secondary,
.wa-broadcast-control-grid .cta{
  min-height:48px;
  border-radius:16px;
}

#broadcastFinishBtn{
  grid-column:1 / -1;
}

#waModal .modal-card.is-broadcast-prepare #broadcastFinishBtn{
  min-height:46px;
}

#waModal .modal-card.is-broadcast-confirm .wa-preview-textarea,
#waModal .modal-card.is-broadcast-paused .wa-preview-textarea{
  min-height:120px !important;
}

#waModal .modal-card.is-broadcast-confirm .wa-advanced-box,
#waModal .modal-card.is-broadcast-paused .wa-advanced-box{
  opacity:.96;
}

@media (max-width:640px){
  .wa-broadcast-confirm-actions,
  .wa-broadcast-control-grid{
    grid-template-columns:1fr;
  }

  #broadcastFinishBtn{
    grid-column:auto;
  }
}

.wa-modal-mode-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.wa-compose-mode-actions{display:flex;gap:8px;flex-wrap:wrap}.wa-mini-btn{border:1px solid #d7e0d8;background:#fff;color:#173126;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;cursor:pointer}.wa-mini-btn.active{background:#173126;color:#fff;border-color:#173126}@media (max-width:640px){.wa-compose-mode-actions{width:100%}.wa-mini-btn{flex:1 1 auto;text-align:center;padding:9px 10px}}


.broadcast-compose-box{margin-top:12px;padding-top:12px;border-top:1px solid #e3ebe7}
.broadcast-compose-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.broadcast-compose-title{font-size:14px;font-weight:900;color:#173126}
.broadcast-compose-sub{margin-top:4px;font-size:12px;line-height:1.5;color:#6c8178}
.broadcast-compose-badge{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#edf6f1;color:#1c5f4b;font-size:11px;font-weight:900;white-space:nowrap}
.broadcast-compose-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:10px}
.broadcast-manual-text{margin-top:10px;min-height:120px}
@media (max-width:640px){.broadcast-compose-actions{grid-template-columns:1fr 1fr}.broadcast-compose-actions #broadcastClearManualBtn{grid-column:1/-1}.broadcast-compose-badge{align-self:flex-start}}


/* NUSA TARGETING - source mode label update */
#screenSearch .source{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:3px !important;
  line-height:1.15 !important;
  white-space:normal !important;
  text-align:center !important;
  padding:8px 8px !important;
}
#screenSearch .source .source-title{
  display:block !important;
  font-size:clamp(13px,3.6vw,15px) !important;
  font-weight:900 !important;
  letter-spacing:.2px !important;
}
#screenSearch .source small{
  display:block !important;
  font-size:clamp(10px,2.8vw,12px) !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  color:#5f756d !important;
}
#screenSearch .source.active small{
  color:rgba(255,255,255,.86) !important;
}
@media (max-width:380px){
  #screenSearch .source .source-title{font-size:12px !important;}
  #screenSearch .source small{font-size:10px !important;}
}