/* TRDecoder PRO V16 - readable soft-light login, dashboard and DTC visual layer */
:root{
  --trd16-navy:#061426;
  --trd16-navy2:#0b2038;
  --trd16-blue:#1677e8;
  --trd16-cyan:#19b9e6;
  --trd16-green:#18a95e;
  --trd16-text:#10233b;
  --trd16-muted:#536a82;
  --trd16-bg:#eef4f8;
  --trd16-card:#ffffff;
  --trd16-line:#cbd8e5;
}
html{scroll-behavior:auto!important}
body{font-family:Inter,"Segoe UI",Arial,sans-serif!important;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}

/* ================= PRE-LOGIN / LANDING ================= */
body:not(.trd-dashboard-active){background:linear-gradient(180deg,#f8fbfe 0%,#eaf2f8 100%)!important;color:var(--trd16-text)!important;overflow-x:hidden}
#landing.landingRoot{
  width:100%!important;max-width:none!important;min-height:100vh!important;margin:0!important;padding:0 0 30px!important;
  display:block!important;background:linear-gradient(180deg,#f9fcff 0%,#eef5fa 100%)!important;color:var(--trd16-text)!important
}
#landing .landingTop{
  width:100%!important;min-height:78px!important;padding:0 32px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
  background:linear-gradient(90deg,#051326,#071b31)!important;border:0!important;border-bottom:1px solid #16314d!important;box-shadow:0 6px 22px rgba(4,21,38,.12)!important
}
#landing .landingBrand{width:min(1530px,100%)!important;margin:0 auto!important;display:flex!important;align-items:center!important;gap:28px!important}
#landing .landingLogo{font-size:25px!important;font-weight:950!important;color:#fff!important;letter-spacing:-.025em!important;white-space:nowrap!important}
#landing .landingLogo:before{content:"TR";display:inline-grid;place-items:center;width:45px;height:45px;margin-right:12px;border-radius:13px;background:linear-gradient(135deg,#1775ee,#22b8ec);font-size:16px;font-weight:1000;color:#fff;vertical-align:middle;box-shadow:0 8px 22px rgba(20,119,232,.24)}
#landing .landingLogo{font-size:0!important}
#landing .landingLogo:after{content:"TRDecoder PRO";font-size:25px;color:#fff}
#landing .landingSub{font-size:15px!important;line-height:1.45!important;color:#d2e2f1!important;font-weight:600!important;letter-spacing:0!important}
#landing .landingSub:before{content:"⚡";margin-right:8px;color:#34b9ff;font-size:18px}
#landing .landingGrid{
  width:min(1530px,calc(100% - 48px))!important;margin:38px auto 24px!important;display:grid!important;
  grid-template-columns:minmax(0,1.55fr) minmax(390px,.78fr)!important;gap:28px!important;align-items:stretch!important
}
#landing .promo{
  position:relative!important;min-height:590px!important;padding:55px 48px 38px!important;border:1px solid #cee0f0!important;border-radius:28px!important;
  background:linear-gradient(135deg,#fff 0%,#f3f9ff 100%)!important;box-shadow:0 16px 45px rgba(27,61,91,.09)!important;overflow:hidden!important;color:var(--trd16-text)!important
}
#landing .promo:after{content:"";position:absolute;inset:0 0 0 40%;background:url('/assets/trd-ecu-illustration-v16.svg') center/cover no-repeat;opacity:.82;pointer-events:none}
#landing .promoHero,#landing .promoFooter{position:relative!important;z-index:2!important}
#landing .statsStrip{display:none!important}
#landing .promoTitle{max-width:690px!important;margin:0!important;font-size:clamp(48px,5.5vw,82px)!important;line-height:.96!important;letter-spacing:-.06em!important;color:#0b203c!important;font-weight:1000!important}
#landing .promoTitle span,#landing .promoTitle strong{display:block!important}
#landing .promoTitle span{color:#0b203c!important}
#landing .promoTitle strong{color:#1677e8!important;font-weight:1000!important}
#landing .promoText{max-width:740px!important;margin-top:24px!important;font-size:18px!important;line-height:1.58!important;color:#475f78!important;font-weight:600!important}
#landing .promoBadges{margin-top:28px!important;display:flex!important;gap:12px!important;flex-wrap:wrap!important}
#landing .badge{min-height:42px!important;padding:0 20px!important;display:inline-flex!important;align-items:center!important;border-radius:11px!important;border:1px solid #c8daf0!important;background:#edf6ff!important;color:#1269c5!important;font-size:14px!important;font-weight:900!important;text-transform:none!important}
#landing .badge.pro{background:#e3f7eb!important;color:#0b7c42!important;border-color:#b7e6ca!important}
#landing .solGrid{display:none!important}
#landing .promoFooter{position:absolute!important;left:48px!important;right:48px!important;bottom:38px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin:0!important}
#landing .promoFootItem{min-height:78px!important;padding:16px 18px!important;border:1px solid #d0deeb!important;border-radius:14px!important;background:rgba(255,255,255,.90)!important;color:#14304d!important;font-size:14px!important;font-weight:900!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:3px!important;box-shadow:0 7px 20px rgba(27,61,91,.06)!important}
#landing .promoFootItem:nth-child(1)::after{content:"Dakikalar içinde sonuç";display:block;margin-left:0;color:#6b7f94;font-size:11px;font-weight:650}
#landing .promoFootItem:nth-child(2)::after{content:"Anlık bakiye ve limit takibi";display:block;margin-left:0;color:#6b7f94;font-size:11px;font-weight:650}
#landing .promoFootItem:nth-child(3)::after{content:"7/24 teknik destek";display:block;margin-left:0;color:#6b7f94;font-size:11px;font-weight:650}
#landing .loginSide{
  position:relative!important;top:auto!important;min-height:590px!important;padding:0!important;border:1px solid #d3deea!important;border-radius:28px!important;
  background:#fff!important;color:var(--trd16-text)!important;box-shadow:0 18px 48px rgba(27,61,91,.12)!important;overflow:hidden!important
}
#landing .loginHead{padding:34px 34px 10px!important}
#landing .loginTitle{font-size:34px!important;line-height:1.08!important;font-weight:1000!important;letter-spacing:-.035em!important;color:#0c2039!important}
#landing .loginTitle:after{content:" Yap"}
#landing .loginHint{margin-top:9px!important;font-size:15px!important;line-height:1.5!important;color:#5b6f84!important;font-weight:600!important}
#landing .loginBody{padding:15px 34px 32px!important}
#landing .loginBody>label{margin:17px 0 8px!important;font-size:14px!important;color:#17283d!important;font-weight:900!important;letter-spacing:0!important;text-transform:none!important}
#landing .trdLoginField{position:relative!important;display:flex!important;align-items:center!important}
#landing .trdLoginFieldIcon{position:absolute!important;left:16px!important;z-index:2!important;color:#6c83a0!important;font-size:18px!important;pointer-events:none!important}
#landing input#loginUser,#landing input#loginPass{
  width:100%!important;height:54px!important;padding:0 16px 0 48px!important;border:1.5px solid #c9d6e3!important;border-radius:10px!important;
  background:#fff!important;color:#13263e!important;font-size:15px!important;font-weight:700!important;box-shadow:inset 0 1px 2px rgba(20,42,67,.03)!important
}
#landing input#loginUser::placeholder,#landing input#loginPass::placeholder{color:#8a9bb0!important;font-weight:600!important}
#landing input#loginUser:focus,#landing input#loginPass:focus{outline:none!important;border-color:#2488ed!important;box-shadow:0 0 0 4px rgba(36,136,237,.12)!important}
#landing .trdForgotRow{display:flex!important;justify-content:flex-end!important;margin-top:10px!important}
#landing .trdForgotRow a{color:#1677e8!important;font-size:13px!important;font-weight:750!important;text-decoration:none!important}
#landing #loginErr{font-size:13px!important;color:#bc2828!important;font-weight:750!important}
#landing #loginBtn{width:100%!important;height:56px!important;margin-top:22px!important;border:0!important;border-radius:11px!important;background:linear-gradient(135deg,#136de1,#2199ef)!important;color:#fff!important;font-size:15px!important;font-weight:1000!important;box-shadow:0 10px 25px rgba(26,126,230,.22)!important}
#landing #loginBtn:hover{filter:brightness(1.04)!important;transform:translateY(-1px)!important}
#landing .googleLoginWrap{margin-top:16px!important}
#landing .googleProBtn{width:100%!important;min-height:54px!important;border-radius:11px!important;border:1px solid #c9d6e3!important;background:#fff!important;color:#14263e!important;font-size:14px!important;font-weight:900!important;box-shadow:none!important}
#landing .googleSep,#landing .loginDivider{background:#dfe7ef!important;margin:20px 0!important}
#landing .loginBody>.hint:last-child{margin-top:0!important;padding:14px 15px!important;border:1px solid #d8e6f3!important;border-radius:12px!important;background:#f4f9fe!important;color:#425d77!important;font-size:13px!important;line-height:1.45!important}
#landing .trdLoginSecurity{margin-top:16px!important;padding:14px 15px!important;display:flex!important;align-items:center!important;gap:11px!important;border:1px solid #d7e8f6!important;border-radius:12px!important;background:#f2f8fe!important;color:#17314e!important}
#landing .trdLoginSecurity i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#e0efff;color:#1372d2;font-style:normal;font-size:17px}
#landing .trdLoginSecurity b{display:block;font-size:13px}.trdLoginSecurity small{display:block;margin-top:3px;font-size:11px;color:#657b91}
#landing .trdSecurityStrip{width:min(1530px,calc(100% - 48px));margin:0 auto;padding:20px 28px;border:1px solid #bee3cf;border-radius:20px;background:#f4fff8;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;color:#173a29;box-shadow:0 10px 30px rgba(21,89,52,.05)}
#landing .trdSecurityIcon{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:#dcf7e7;color:#138149;font-size:25px}
#landing .trdSecurityCopy b{display:block;font-size:16px;color:#0a763d}.trdSecurityCopy span{display:block;margin-top:4px;font-size:13px;line-height:1.45;color:#4b6657;font-weight:600}
#landing .trdSecuritySupport{padding-left:24px;border-left:1px solid #cce6d7;min-width:230px}.trdSecuritySupport b{display:block;font-size:13px;color:#1c3148}.trdSecuritySupport strong{display:block;margin-top:4px;font-size:16px;color:#10243b}.trdSecuritySupport small{display:block;margin-top:3px;color:#60778e;font-size:11px}
#landing .trdLandingFooter{width:min(1530px,calc(100% - 48px));margin:24px auto 0;text-align:center;color:#6f8295;font-size:12px;font-weight:600}.trdLandingFooter a{color:#1677e8;text-decoration:none;margin:0 8px}
body:not(.trd-dashboard-active) .waFloat{right:24px!important;bottom:24px!important;background:#16a365!important;color:#fff!important;border:0!important;box-shadow:0 10px 30px rgba(22,163,101,.22)!important}

/* ================= MAIN DASHBOARD CLARITY ================= */
html[data-trd-theme="soft-light"] body.trd-dashboard-active .trdDashMain{background:linear-gradient(180deg,#f4f8fb,#edf3f7)!important}
html[data-trd-theme="soft-light"] body.trd-dashboard-active .trdBrandLogo img{opacity:1!important;filter:none!important;image-rendering:auto!important}
html[data-trd-theme="soft-light"] body.trd-dashboard-active .trdBrandName{font-size:12px!important;line-height:1.25!important;color:#10243b!important}
html[data-trd-theme="soft-light"] body.trd-dashboard-active .solutionCard.trdMainLocked.trdRecoverySelected input.solChk:checked + .solCheckVisual{
  background:#e5ebf1!important;border-color:#9eafc0!important;box-shadow:none!important
}
html[data-trd-theme="soft-light"] body.trd-dashboard-active .solutionCard.trdMainLocked.trdRecoverySelected input.solChk:checked + .solCheckVisual:before{left:3px!important;background:#fff!important}
html[data-trd-theme="soft-light"] body.trd-dashboard-active .solutionCard.trdMainLocked.trdRecoverySelected .solSub{color:#a35b00!important}
html[data-trd-theme="soft-light"] body.trd-dashboard-active .trdRecoveryBtn{font-size:10px!important;padding:7px 10px!important}

/* ================= DTC PAGE V16 ================= */
body.trdDtcV16{background:linear-gradient(180deg,#f8fbfe,#edf3f8)!important;color:var(--trd16-text)!important}
body.trdDtcV16 .topbar{min-height:72px!important;padding:10px 22px!important;background:#061426!important;border-color:#16314d!important;box-shadow:0 5px 18px rgba(5,21,38,.12)!important}
body.trdDtcV16 .brand strong{font-size:20px!important}.trdDtcV16 .topnav a{font-size:13px!important;min-height:44px!important}.trdDtcV16 .userCopy b{font-size:13px!important}.trdDtcV16 .userCopy small{font-size:10px!important}
body.trdDtcV16 main{width:min(1580px,calc(100% - 38px))!important;padding:28px 0 60px!important}
body.trdDtcV16 .hero,body.trdDtcV16 .selectorCard,body.trdDtcV16 .resultsCard{background:#fff!important;color:#10233b!important;border:1px solid #ccd9e5!important;box-shadow:0 10px 28px rgba(27,61,91,.07)!important}
body.trdDtcV16 .hero{padding:27px 30px!important}.trdDtcV16 .hero h1{font-size:clamp(30px,3vw,44px)!important;color:#10233b!important}.trdDtcV16 .hero p{font-size:15px!important;color:#526b83!important;line-height:1.6!important}.trdDtcV16 .eyebrow{font-size:11px!important;color:#1687d8!important}.trdDtcV16 .v10Proof{font-size:10px!important;background:#e8f6ff!important;color:#1472b9!important;border-color:#b9ddf3!important}
body.trdDtcV16 .engineState{background:#effbf4!important;border-color:#b7e6c9!important;color:#174b31!important}.trdDtcV16 .engineState small{font-size:10px!important;color:#4d8064!important}
body.trdDtcV16 .selectorGrid{grid-template-columns:1.35fr 1fr .85fr!important;gap:16px!important}.trdDtcV16 .selectorCard{min-height:500px!important;padding:18px!important}.trdDtcV16 .cardTitle b{font-size:15px!important;color:#14263d!important}.trdDtcV16 .cardTitle small{font-size:10px!important;color:#697f95!important}.trdDtcV16 .cardTitle>span{background:#e8f4ff!important;color:#1676cc!important;border-color:#bbd8ee!important}
body.trdDtcV16 .searchBox{height:47px!important;background:#f7f9fc!important;border-color:#c9d6e3!important}.trdDtcV16 .searchBox input{font-size:13px!important;color:#17304b!important}.trdDtcV16 .searchBox input::placeholder{color:#8193a8!important}
body.trdDtcV16 #brandList.selectList{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;padding:10px!important;align-content:start!important;background:#f7f9fc!important;border-color:#d1dce7!important;overflow:auto!important}
body.trdDtcV16 #brandList .listItem{min-height:104px!important;padding:10px 6px!important;border:1px solid #ccd9e5!important;border-radius:13px!important;background:#fff!important;color:#142a42!important;display:flex!important;flex-direction:column!important;justify-content:center!important;text-align:center!important;gap:8px!important;box-shadow:0 3px 10px rgba(27,61,91,.04)!important}
body.trdDtcV16 #brandList .listItem:hover{border-color:#55a2df!important;transform:translateY(-1px)!important}.trdDtcV16 #brandList .listItem.active{background:#e8f4ff!important;border-color:#1681da!important;color:#0d4f8d!important;box-shadow:0 0 0 2px rgba(22,129,218,.10)!important}
body.trdDtcV16 #brandList .listMark{width:52px!important;height:52px!important;padding:3px!important;border-radius:13px!important;background:#f1f7fc!important;border-color:#c7d8e7!important;overflow:hidden!important}.trdDtcV16 #brandList .listMark img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important}.trdDtcV16 #brandList .listText b{font-size:11px!important;line-height:1.2!important;color:#14263e!important}.trdDtcV16 #brandList .listText small{font-size:9px!important;color:#657c92!important}
body.trdDtcV16 #ecuList.selectList{background:#f7f9fc!important;border-color:#d1dce7!important}.trdDtcV16 #ecuList .listItem{min-height:58px!important;padding:10px 12px!important;background:#fff!important;color:#17304b!important;border-bottom-color:#dbe4ed!important}.trdDtcV16 #ecuList .listItem.active{background:#e4f2ff!important;color:#0f5e9f!important}.trdDtcV16 #ecuList .listText b{font-size:12px!important}.trdDtcV16 #ecuList .listText small{font-size:10px!important;color:#6b8095!important}
body.trdDtcV16 .dropZone{min-height:185px!important;background:#f8fbfe!important;border-color:#9fc8e8!important;color:#17304b!important}.trdDtcV16 .dropZone b{font-size:14px!important}.trdDtcV16 .dropZone small{font-size:11px!important;color:#6a8198!important}.trdDtcV16 .selectionSummary>div{background:#eef2f6!important;border-color:#d3dde7!important}.trdDtcV16 .selectionSummary span{font-size:10px!important;color:#647b92!important}.trdDtcV16 .selectionSummary b{font-size:10px!important;color:#18304a!important}
body.trdDtcV16 .primaryBtn{font-size:14px!important}.trdDtcV16 .resultsHead h2{font-size:24px!important;color:#10233b!important}.trdDtcV16 .resultsHead p{font-size:12px!important;color:#62798f!important}.trdDtcV16 .toolBtn{font-size:10px!important;background:#fff!important;color:#17304b!important;border-color:#c9d6e3!important}.trdDtcV16 .statusBox{font-size:12px!important}.trdDtcV16 .selectionStats span{font-size:10px!important}.trdDtcV16 .selectionStats b{font-size:15px!important;color:#10233b!important}.trdDtcV16 .selectionStats>div{background:#f7f9fc!important;border-color:#d2dce7!important}
body.trdDtcV16 .tableWrap{border-color:#cedae6!important;background:#fff!important}.trdDtcV16 table{font-size:13px!important;color:#17304b!important}.trdDtcV16 thead{background:#eaf0f6!important}.trdDtcV16 th{font-size:10px!important;color:#526b83!important}.trdDtcV16 th,.trdDtcV16 td{padding:13px 12px!important;border-bottom-color:#e1e8ef!important}.trdDtcV16 .dtcCode{font-size:14px!important;color:#10233b!important}.trdDtcV16 tbody tr:hover{background:#f1f7fd!important}.trdDtcV16 tbody tr.selected{background:#e4f3ff!important}.trdDtcV16 .actionBar{background:#f7f9fc!important;border-color:#d0dbe6!important}.trdDtcV16 .chosen span,.trdDtcV16 .chosen small{font-size:10px!important;color:#657b91!important}.trdDtcV16 .chosen b{color:#10233b!important}

@media(max-width:1100px){
  #landing .landingGrid{grid-template-columns:1fr!important}.landingSide{}
  #landing .promo{min-height:540px!important}.trdSecurityStrip{}
  body.trdDtcV16 #brandList.selectList{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.trdDtcV16 .selectorGrid{grid-template-columns:1fr 1fr!important}.trdDtcV16 .fileCard{grid-column:1/-1!important;min-height:auto!important}
}
@media(max-width:760px){
  #landing .landingTop{min-height:66px!important;padding:0 14px!important}.landingBrand{gap:12px!important}.landingSub{display:none!important}
  #landing .landingGrid{width:calc(100% - 20px)!important;margin:16px auto!important;gap:14px!important}
  #landing .promo{min-height:470px!important;padding:30px 22px 24px!important;border-radius:20px!important}.promo:after{inset:15% -20% 0 35%!important;opacity:.45!important}
  #landing .promoTitle{font-size:43px!important}.promoText{font-size:15px!important;max-width:100%!important}.promoFooter{position:absolute!important;left:22px!important;right:22px!important;bottom:22px!important;grid-template-columns:1fr!important;gap:7px!important}.promoFootItem{min-height:52px!important;padding:10px 12px!important}
  #landing .loginSide{min-height:auto!important;border-radius:20px!important}.loginHead{padding:27px 22px 8px!important}.loginBody{padding:12px 22px 24px!important}.loginTitle{font-size:29px!important}
  #landing .trdSecurityStrip{width:calc(100% - 20px)!important;grid-template-columns:auto 1fr!important;padding:17px!important}.trdSecuritySupport{grid-column:1/-1!important;border-left:0!important;border-top:1px solid #cce6d7!important;padding:13px 0 0!important}
  #landing .trdLandingFooter{width:calc(100% - 20px)!important;line-height:1.8!important}
  body.trdDtcV16 main{width:calc(100% - 14px)!important;padding-top:12px!important}.trdDtcV16 .hero{padding:20px!important}.trdDtcV16 .hero h1{font-size:29px!important}.trdDtcV16 .hero p{font-size:13px!important}.trdDtcV16 .selectorGrid{grid-template-columns:1fr!important}.trdDtcV16 .fileCard{grid-column:auto!important}.trdDtcV16 #brandList.selectList{grid-template-columns:repeat(2,minmax(0,1fr))!important}.trdDtcV16 #brandList .listItem{min-height:92px!important}.trdDtcV16 .resultsCard{padding:13px!important}.trdDtcV16 table{font-size:12px!important}.trdDtcV16 th,.trdDtcV16 td{padding:10px 8px!important}
}