/* TALENTRIX Luxury Green Theme - RDA LAND visual standard */
:root{
  --tx-green:#0F3D2E;
  --tx-green-dark:#08251C;
  --tx-green-soft:#EAF3EF;
  --tx-gold:#C9A646;
  --tx-gold-soft:#F4E8BE;
  --tx-cream:#F7F3E8;
  --tx-white:#FFFFFF;
  --tx-black:#111111;
  --tx-text:#17352B;
  --tx-muted:#6B7C73;
  --tx-shadow:0 22px 45px rgba(8,37,28,.18);
}
body{
  background:linear-gradient(180deg,var(--tx-green-dark) 0%,#0b2f24 36%,var(--tx-cream) 36%,#ffffff 100%)!important;
  color:var(--tx-text)!important;
}
.app-container{background:transparent!important;box-shadow:none!important;}
.header-menu{position:relative;z-index:5;}
.credit-info{
  background:linear-gradient(135deg,var(--tx-green-dark),var(--tx-green))!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(8,37,28,.30)!important;
  border:1px solid rgba(201,166,70,.28)!important;
}
.credit-info span:first-child{color:var(--tx-gold)!important;}
.btn-activate,.btn-topup,.btn-viral,.secondary-btn,.btn-copy-modal{
  border-color:var(--tx-gold)!important;
  color:var(--tx-green-dark)!important;
  background:#fff!important;
}
.btn-activate:hover,.btn-topup:hover,.btn-viral:hover,.secondary-btn:hover,.btn-copy-modal:hover{
  background:var(--tx-green)!important;
  color:#fff!important;
  border-color:var(--tx-green)!important;
}
.hero-section{
  background:
    radial-gradient(circle at 50% -15%, rgba(201,166,70,.28), transparent 38%),
    linear-gradient(145deg,var(--tx-green-dark),var(--tx-green) 62%,#124A38)!important;
  color:#fff!important;
  border-radius:0 0 44px 44px!important;
  box-shadow:0 22px 42px rgba(8,37,28,.42)!important;
  border-bottom:1px solid rgba(201,166,70,.25)!important;
}
.hero-brand{color:#fff!important;text-shadow:0 3px 16px rgba(0,0,0,.28)!important;}
.hero-brand span,.hero-hook,.res-label,.pf-cycle-label{color:var(--tx-gold)!important;}
.hero-title{color:#F8F4EA!important;}
.hero-subtitle{color:#DDEBE5!important;}
.hero-hook{border-top-color:rgba(201,166,70,.32)!important;}
.form-card,.info-card,.modal-content,.tx-msg-panel{
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(201,166,70,.22)!important;
  box-shadow:var(--tx-shadow)!important;
}
label,.modal-content h3,#topupModal h3,#trialModal h3,.info-header,.viral-share-title,.cycle-table th,.tx-msg-title,.tx-msg-detail-title{
  color:var(--tx-green-dark)!important;
}
.input-field,#modalActivationCode{
  border-color:rgba(15,61,46,.18)!important;
  background:#fff!important;
  color:var(--tx-text)!important;
}
.input-field:focus,#modalActivationCode:focus{
  border-color:var(--tx-gold)!important;
  box-shadow:0 0 0 4px rgba(201,166,70,.16)!important;
}
.date-row select{
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F3D2E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")!important;
}
.gender-btn{
  background:var(--tx-green-soft)!important;
  border-color:rgba(15,61,46,.18)!important;
  color:var(--tx-green-dark)!important;
}
.gender-option input:checked+.gender-btn{
  background:linear-gradient(135deg,var(--tx-green-dark),var(--tx-green))!important;
  color:#fff!important;
  border-color:var(--tx-gold)!important;
  box-shadow:0 8px 18px rgba(8,37,28,.22)!important;
}
.btn-submit,.modal-activate,.btn-print,.btn-viral-mini.btn-download-blue{
  background:linear-gradient(135deg,var(--tx-gold),#E2CB7A)!important;
  color:var(--tx-green-dark)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 18px 34px rgba(201,166,70,.35)!important;
}
.btn-submit:hover:not(:disabled),.modal-activate:hover,.btn-print:hover{
  background:linear-gradient(135deg,#E2CB7A,var(--tx-gold))!important;
  transform:translateY(-3px)!important;
}
.identity-card,.pf-cycle-box{
  background:
    radial-gradient(circle at 50% -18%, rgba(201,166,70,.22), transparent 42%),
    linear-gradient(145deg,var(--tx-green-dark),var(--tx-green))!important;
  border:1px solid rgba(201,166,70,.25)!important;
  box-shadow:var(--tx-shadow)!important;
}
.res-badge,.tx-msg-fab,.tx-msg-open,.tx-msg-card-link,.btn-invite-yellow,.btn-viral-mini.btn-invite-yellow{
  background:linear-gradient(135deg,var(--tx-gold),#E2CB7A)!important;
  color:var(--tx-green-dark)!important;
}
.info-card{border-left:6px solid var(--tx-gold)!important;}
.progress-fill{background:linear-gradient(90deg,var(--tx-green),var(--tx-gold))!important;}
.progress-bg,.modal-device-row,#topupModal .modal-device-row,#trialModal .modal-device-row{background:var(--tx-green-soft)!important;border-color:rgba(15,61,46,.12)!important;}
.spinner{border-color:#E7EFEA!important;border-top-color:var(--tx-gold)!important;}
#resetBtn{
  background:var(--tx-green-soft)!important;
  color:var(--tx-green-dark)!important;
  border:1px solid rgba(15,61,46,.16)!important;
}
#resetBtn:hover{background:var(--tx-green)!important;color:#fff!important;}
.footer-note,.modal-content .modal-desc,#topupModal .modal-desc,#trialModal .modal-desc,.viral-share-desc,.tx-msg-preview,.tx-msg-detail-text{color:var(--tx-muted)!important;}
.tx-msg-header{background:linear-gradient(135deg,var(--tx-green-dark),var(--tx-green))!important;border-bottom:1px solid rgba(201,166,70,.25)!important;}
.tx-msg-list-view,.tx-msg-detail-view{background:var(--tx-cream)!important;}
.tx-msg-item{border-color:rgba(201,166,70,.18)!important;box-shadow:0 8px 20px rgba(8,37,28,.08)!important;}
.tx-msg-item.unread{border-color:var(--tx-gold)!important;box-shadow:0 10px 22px rgba(201,166,70,.18)!important;}
#downloadSummaryBtn{background:var(--tx-green)!important;color:#fff!important;}
#shareSummaryBtn,.btn-share-green{background:#1FAF68!important;color:#fff!important;}
.current-year-row{background-color:#fbf5dc!important;border-color:var(--tx-gold)!important;}
.cycle-tag{background:var(--tx-green)!important;color:#fff!important;}
.trial-cta button{background:var(--tx-green)!important;color:#fff!important;}
@media print{
  body{background:#fff!important;}
}


/* === TALENTRIX UI POLISH CONTRAST PATCH === */
:root{
  --tx-green:#0F4A39;
  --tx-green-dark:#08281F;
  --tx-green-deep:#061F18;
  --tx-green-soft:#EDF5F1;
  --tx-gold:#D4B24C;
  --tx-gold-soft:#F3E0A0;
  --tx-gold-deep:#B58A1C;
  --tx-cream:#F8F5EC;
  --tx-white:#FFFFFF;
  --tx-text:#17352B;
  --tx-text-soft:#476157;
  --tx-muted:#667B73;
  --tx-border:#D7E2DC;
  --tx-shadow:0 18px 36px rgba(8,40,31,.12);
  --tx-shadow-strong:0 18px 40px rgba(8,40,31,.18);
}

body{
  background:linear-gradient(180deg,var(--tx-green-deep) 0%, #0A3429 34%, var(--tx-cream) 34%, #FEFEFD 100%) !important;
  color:var(--tx-text) !important;
}

.hero-section{
  background:
    radial-gradient(circle at 50% -12%, rgba(212,178,76,.24), transparent 36%),
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.06), transparent 34%),
    linear-gradient(145deg,var(--tx-green-deep),var(--tx-green) 58%, #12503D) !important;
  box-shadow:0 22px 48px rgba(8,40,31,.42) !important;
}
.hero-title{color:#FAF6EB !important;font-weight:700 !important;}
.hero-subtitle{color:#E6F0EB !important;font-weight:600 !important;letter-spacing:.55px !important;}
.hero-hook{color:var(--tx-gold-soft) !important;}
.hero-brand{letter-spacing:-.6px !important;}
.hero-brand span{color:var(--tx-gold-soft) !important;}

.header-menu{gap:10px !important;}
.credit-info{min-height:46px !important;font-size:14px !important;}
.btn-activate,.btn-topup,.btn-viral,.secondary-btn,.btn-copy-modal{
  min-height:46px !important;
  box-shadow:0 10px 24px rgba(8,40,31,.10) !important;
}

.form-card,.modal-content,.tx-msg-panel,
.info-card,.pf-cycle-box{
  box-shadow:var(--tx-shadow) !important;
}
.form-card{
  border-radius:36px !important;
}

label,.modal-content h3,#topupModal h3,#trialModal h3,
.info-header,.viral-share-title,.cycle-table th,
.tx-msg-title,.tx-msg-detail-title,
.score-label,.highlight-label,
.deep-matrix-desc strong,.info-text strong,
.viral-share-title,.pf-cycle-title,.res-title,
.section-title{
  color:var(--tx-green-dark) !important;
}

.input-field,#modalActivationCode{
  border:1.5px solid var(--tx-border) !important;
  background:#FFFFFF !important;
  color:var(--tx-text) !important;
  box-shadow:0 3px 10px rgba(0,0,0,.02) !important;
}
.input-field::placeholder,
#modalActivationCode::placeholder,
input::placeholder,
textarea::placeholder{
  color:#7B8794 !important;
  opacity:1 !important;
}
.input-field:focus,#modalActivationCode:focus{
  border-color:var(--tx-gold) !important;
  box-shadow:0 0 0 4px rgba(212,178,76,.14) !important;
}

.gender-btn{
  background:var(--tx-green-soft) !important;
  border:1.5px solid #C5D6CE !important;
  color:#15362B !important;
  font-weight:800 !important;
}
.gender-option input:checked + .gender-btn{
  background:linear-gradient(135deg,var(--tx-green-dark),var(--tx-green)) !important;
  color:#FFFFFF !important;
  border-color:var(--tx-gold) !important;
}

.btn-submit,.modal-activate,.btn-print,.btn-viral-mini.btn-download-blue{
  background:linear-gradient(135deg,var(--tx-gold),#E7CB73) !important;
  color:#133328 !important;
  border:1px solid rgba(255,255,255,.24) !important;
  box-shadow:0 14px 28px rgba(212,178,76,.30) !important;
}
.btn-submit{font-weight:800 !important;letter-spacing:.6px !important;}
#shareSummaryBtn,.btn-share-green{
  background:#1FAF68 !important;
  color:#FFFFFF !important;
  border-color:#1FAF68 !important;
}
.btn-invite-yellow,.btn-viral-mini.btn-invite-yellow,.res-badge,.tx-msg-fab,.tx-msg-open,.tx-msg-card-link{
  background:linear-gradient(135deg,var(--tx-gold), #E8CF82) !important;
  color:#15362B !important;
}

.identity-card,.pf-cycle-box{
  background:
    radial-gradient(circle at 50% -15%, rgba(212,178,76,.22), transparent 38%),
    linear-gradient(145deg,var(--tx-green-deep),var(--tx-green) 60%, #13503F) !important;
  box-shadow:var(--tx-shadow-strong) !important;
}
.res-title{color:#FAF6EB !important;}
.res-fullname{
  background:rgba(255,255,255,.14) !important;
  color:#FFFFFF !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07) !important;
}
.res-badge{
  box-shadow:0 10px 22px rgba(212,178,76,.22) !important;
}
.res-contact,.res-dob{
  background:rgba(255,255,255,.12) !important;
  color:#F8FBFA !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06) !important;
}

.info-card{
  background:#FFFFFF !important;
  border:1px solid #E6ECE8 !important;
  border-left:8px solid var(--tx-gold) !important;
  border-radius:30px !important;
  box-shadow:0 12px 30px rgba(8,40,31,.07) !important;
}
.info-header{
  color:#12372C !important;
  border-bottom:1.5px solid #EDF2EE !important;
  margin-bottom:16px !important;
  font-size:19px !important;
  letter-spacing:.3px !important;
}
.deep-matrix-desc,.info-text,
.info-text p,.info-text li,.info-text div,
.tx-msg-preview,.tx-msg-detail-text,
.footer-note,.viral-share-desc,
.score-label,.highlight-label,
.current-year-row,
.cycle-table td{
  color:#40574F !important;
}
.info-text{font-size:15.5px !important;line-height:1.8 !important;}
.info-text strong,.info-text b,
.score-label span,
.score-label,
.viral-share-title{
  color:#15362B !important;
}
.highlight-label{
  color:#6A7C74 !important;
  font-weight:800 !important;
}

.progress-bg{
  background:#E6EEEA !important;
  height:12px !important;
}
.progress-fill,.progress-bar{
  background:linear-gradient(90deg,#153E31, #225745 72%, var(--tx-gold)) !important;
  box-shadow:0 4px 10px rgba(21,62,49,.18) !important;
}

#strategicIndex .score-label,
#roleMatrix .score-label,
#roleMatrix .matrix-box,
#roleMatrix .matrix-label,
#roleMatrix .matrix-value,
#riskSummary li,
#resSummary,
#strategicIndex,
#roleMatrix,
#riskSummary,
#teamDynamics,
#developmentMap,
#hiringRec{
  color:#40574F !important;
}

/* Better contrast for generated role matrix */
#roleMatrix > div[style],
#roleMatrix .role-box,
#roleMatrix .matrix-box{
  background:#FBFCFB !important;
  border:1.5px solid #E0E9E4 !important;
  border-radius:22px !important;
  box-shadow:0 6px 14px rgba(8,40,31,.04) !important;
}
#roleMatrix [style*="color:#7b8da3"],
#roleMatrix [style*="color: #7b8da3"]{
  color:#7B8A85 !important;
}
#roleMatrix [style*="font-size:26px"],
#roleMatrix [style*="font-size: 26px"]{
  color:#17352B !important;
}

/* Radar heading and chart section on dark background */
#radarSection{
  background:transparent !important;
}
#radarSection .info-header,
#radarSection .info-header[style]{
  color:var(--tx-gold-soft) !important;
  text-shadow:0 1px 2px rgba(0,0,0,.28) !important;
  border:none !important;
  justify-content:center !important;
}
#radarCardWrap,
#radarCardWrap[style]{
  background:#FFFFFF !important;
  border:1px solid rgba(212,178,76,.18) !important;
  box-shadow:0 16px 30px rgba(0,0,0,.18) !important;
}

.viral-summary-actions button,
#downloadSummaryBtn,
#shareSummaryBtn{
  min-height:50px !important;
  border-radius:16px !important;
  font-weight:800 !important;
  box-shadow:0 10px 24px rgba(8,40,31,.12) !important;
}
.viral-share-title{
  color:var(--tx-gold-soft) !important;
  text-shadow:0 1px 2px rgba(0,0,0,.28) !important;
}
.viral-share-desc{
  color:#D7E5DE !important;
}

.footer-note{
  color:#D1DDD7 !important;
  text-align:center !important;
}
.footer-note div:last-child{
  color:#F0DE9B !important;
}

/* Trial cards */
.trial-limit{color:#425A51 !important;}
.trial-cta{color:#566D65 !important;}
.trial-cta button{
  background:var(--tx-green) !important;
  color:#FFFFFF !important;
  border:none !important;
  box-shadow:0 8px 18px rgba(15,74,57,.18) !important;
}

/* Message center polish */
.tx-msg-list-view,.tx-msg-detail-view{background:#F8F5EC !important;}
.tx-msg-item{background:#FFFFFF !important;}
.tx-msg-title,.tx-msg-detail-title{color:#15362B !important;}
.tx-msg-date,.tx-msg-preview,.tx-msg-detail-text{color:#52665E !important;}

/* Small screen refinement */
@media (max-width: 480px){
  .info-card{padding:22px 18px !important;border-radius:28px !important;}
  .info-header{font-size:18px !important;}
  .res-title{font-size:38px !important;}
  .res-fullname{font-size:18px !important;}
  .viral-share-title{font-size:24px !important;}
}


/* === TALENTRIX DATE SELECT ARROW FIX === */
/* Memperbaiki ikon panah dropdown tanggal yang terlalu besar/menimpa teks di beberapa browser Android */
.date-row select,
.date-row select.input-field,
select#dSel,
select#mSel,
select#ySel{
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  appearance:none !important;
  background-color:#FFFFFF !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2314362B' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 14px center !important;
  background-size:15px 15px !important;
  padding:14px 38px 14px 14px !important;
  text-align:center !important;
  text-align-last:center !important;
  color:#17352B !important;
  font-weight:700 !important;
  line-height:1.2 !important;
}

.date-row select::-ms-expand{
  display:none !important;
}

.date-row select option{
  color:#17352B !important;
  background:#FFFFFF !important;
  text-align:left !important;
}

@media (max-width:390px){
  .date-row{gap:8px !important;}
  .date-row select,
  .date-row select.input-field,
  select#dSel,
  select#mSel,
  select#ySel{
    background-position:right 10px center !important;
    background-size:13px 13px !important;
    padding:13px 30px 13px 10px !important;
    font-size:14px !important;
  }
}


/* === TALENTRIX FRONT TRIAL + MANUAL ACTIVATION IN TOPUP === */
.btn-trial-front{
  background:linear-gradient(135deg,#D4B24C,#E8CF82) !important;
  color:#08281F !important;
  border-color:#D4B24C !important;
  font-weight:900 !important;
  box-shadow:0 10px 24px rgba(212,178,76,.26) !important;
}
.btn-trial-front:hover{
  background:linear-gradient(135deg,#E8CF82,#D4B24C) !important;
  color:#08281F !important;
}

.tx-auto-trial-content{
  text-align:left !important;
}
.tx-auto-trial-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  margin-bottom:8px;
}
.tx-auto-trial-head h3{
  margin:0 !important;
  font-size:30px !important;
  line-height:1.15 !important;
  color:#08281F !important;
}
.tx-auto-trial-close{
  width:40px;
  height:40px;
  border:none;
  border-radius:50%;
  background:#F1F5F3;
  color:#667B73;
  font-size:30px;
  line-height:1;
  cursor:pointer;
}
.tx-auto-trial-desc{
  color:#52665E !important;
  line-height:1.55 !important;
  margin-bottom:18px !important;
}
.tx-auto-trial-content label{
  display:block;
  margin:14px 0 7px;
  color:#08281F !important;
  font-size:12.5px;
  letter-spacing:.5px;
  font-weight:900;
  text-transform:uppercase;
}
.tx-auto-trial-device{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  background:#EDF5F1;
  border:1px solid #CFE0D8;
  border-radius:22px;
  padding:10px 12px;
  color:#17352B;
  font-weight:800;
  margin-bottom:16px;
}
.tx-auto-trial-device span{
  font-family:monospace;
  background:#fff;
  border-radius:16px;
  padding:8px 10px;
  flex:1;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.tx-auto-trial-device button{
  border:1px solid #D4B24C;
  background:#fff;
  color:#08281F;
  border-radius:18px;
  padding:8px 12px;
  font-weight:900;
  cursor:pointer;
}
.tx-auto-trial-submit{
  margin-top:6px !important;
}
.tx-auto-trial-note{
  margin-top:14px;
  background:#F8F5EC;
  border:1px solid #E8DEBF;
  border-radius:18px;
  padding:12px 14px;
  color:#52665E;
  font-size:13px;
  line-height:1.55;
  text-align:left;
}

.tx-manual-activation-box{
  margin:18px 0 8px;
  padding:16px 14px;
  border-radius:22px;
  background:#F8F5EC;
  border:1px solid #E7D9A5;
  text-align:center;
}
.tx-manual-divider{
  height:1px;
  background:linear-gradient(90deg,transparent,#D4B24C,transparent);
  margin:0 0 14px;
}
.tx-manual-title{
  color:#08281F;
  font-weight:900;
  font-size:15px;
  margin-bottom:5px;
}
.tx-manual-desc{
  color:#52665E;
  font-size:12.5px;
  line-height:1.5;
  margin-bottom:12px;
}
#txManualActivationFromTopup{
  width:100%;
  border:1.5px solid #D4B24C;
  background:#FFFFFF;
  color:#08281F;
  border-radius:22px;
  padding:12px 14px;
  font-weight:900;
  font-size:13px;
  cursor:pointer;
}
#txManualActivationFromTopup:hover{
  background:#08281F;
  color:#FFFFFF;
}
.tx-manual-activation-mode #modalOverlay .secondary-buttons{
  display:none !important;
}
.tx-manual-activation-mode #modalOverlay .modal-desc::after{
  content:"\\A Masukkan kode yang Anda terima dari admin.";
  white-space:pre-line;
  display:block;
  margin-top:8px;
  color:#52665E;
}