:root{
 --tda-navy:#082f5c;--tda-deep:#061c37;--tda-orange:#ff6a00;--tda-bg:#f4f7fb;--tda-card:#fff;--tda-ink:#12253c;--tda-muted:#68788c;--tda-line:#e3eaf2;
 --tda-green:#16a765;--tda-blue:#1677ff;--tda-yellow:#e9a600;--tda-red:#dd3344;
}
*{box-sizing:border-box}
body.tda-app-page{margin:0;background:var(--tda-bg);color:var(--tda-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.tda-page-shell{min-height:100vh;padding-bottom:112px}
.tda-page-head{height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 max(20px,calc((100vw - 1040px)/2));background:#fff;border-bottom:1px solid var(--tda-line);position:sticky;top:0;z-index:120;padding-right:max(116px,calc((100vw - 1040px)/2))}
.tda-page-head img{width:176px;max-height:52px;object-fit:contain;display:block}
.tda-head-link{font-size:13px;font-weight:900;color:var(--tda-navy);text-decoration:none}
.tda-main{width:min(860px,calc(100% - 28px));margin:26px auto}
.tda-hero-mini{padding:28px;border-radius:28px;background:radial-gradient(circle at 92% 0,rgba(255,106,0,.28),transparent 35%),linear-gradient(145deg,var(--tda-navy),var(--tda-deep));color:#fff;margin-bottom:16px;box-shadow:0 24px 70px rgba(5,30,60,.15)}
.tda-hero-mini h1{font-size:clamp(34px,7vw,52px);line-height:1;margin:14px 0}.tda-hero-mini p{color:#cfdded;line-height:1.65}
.tda-card{background:#fff;border:1px solid var(--tda-line);border-radius:26px;padding:24px;margin:14px 0;box-shadow:0 12px 38px rgba(8,47,92,.055)}
.tda-card h1,.tda-card h2{color:var(--tda-navy);letter-spacing:-.025em}.tda-card h1{font-size:32px;margin:12px 0}.tda-card h2{font-size:23px;margin:6px 0 10px}
.tda-muted{color:var(--tda-muted);line-height:1.6}.tda-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--tda-orange);font-weight:950}
.tda-badge{display:inline-flex;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:950}.tda-green{background:#e9f8f1;color:#0a7a49}.tda-blue{background:#eaf3ff;color:#0d61c7}.tda-yellow{background:#fff6da;color:#966b00}.tda-red{background:#ffebee;color:#b71c2b}
.tda-primary,.tda-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 17px;border-radius:999px;font:900 14px/1 inherit;cursor:pointer;border:0;text-decoration:none}
.tda-primary{background:var(--tda-orange);color:white!important;box-shadow:0 10px 24px rgba(255,106,0,.22)}.tda-secondary{background:white;color:var(--tda-navy)!important;border:1px solid var(--tda-line)}
.tda-link{color:var(--tda-blue);font-weight:850;text-decoration:none}
.tda-form fieldset{display:none;border:0;margin:0;padding:0}.tda-form fieldset.is-active{display:block}.tda-form legend{font-size:25px;font-weight:950;color:var(--tda-navy);margin-bottom:20px}.tda-form legend small{display:block;font-size:11px;color:var(--tda-orange);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}
.tda-form label{display:block;font-weight:850;font-size:13px;color:var(--tda-ink);margin:14px 0}.tda-form label small,.tda-help{font-weight:700;color:var(--tda-muted)}
.tda-form input,.tda-form select,.tda-login-card input{width:100%;margin-top:7px;padding:14px 14px;border:1px solid #d9e2ec;border-radius:14px;background:#fff;color:var(--tda-ink);font:600 15px/1.2 inherit;outline:none;transition:border-color .16s ease,box-shadow .16s ease}
.tda-form input:focus,.tda-form select:focus,.tda-login-card input:focus{border-color:#68a7ff;box-shadow:0 0 0 4px rgba(22,119,255,.10)}
.tda-phone-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.tda-phone-row .tda-check{display:flex;align-items:center;gap:7px;margin:0 0 14px;padding:12px;border-radius:14px;background:#f3f7fb}.tda-check input{width:auto;margin:0}
.tda-form-progress{display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:24px}.tda-form-progress span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eaf0f6;color:#77869a;font-weight:950}.tda-form-progress span.is-on{background:var(--tda-blue);color:#fff}.tda-form-progress i{width:46px;height:3px;border-radius:9px;background:#e5ebf2}
.tda-step-actions{display:flex;gap:10px;justify-content:space-between;margin-top:20px}.tda-step-actions .tda-primary,.tda-step-actions .tda-secondary{min-width:135px}.tda-next{margin-top:18px}
.tda-consent{display:flex!important;gap:10px;align-items:flex-start;padding:16px;border-radius:16px;background:#f4f7fb}.tda-consent input{width:auto!important;margin:2px 0 0!important}
.tda-info-box{padding:18px;border-radius:18px;background:#eef6ff;border:1px solid #d8eaff}.tda-info-box p{color:var(--tda-muted);line-height:1.55;margin-bottom:0}
.tda-city-results{position:absolute;z-index:40;left:0;right:0;top:100%;margin-top:4px;background:#fff;border:1px solid var(--tda-line);border-radius:16px;box-shadow:0 18px 44px rgba(5,30,60,.16);max-height:260px;overflow:auto;padding:6px}.tda-city-label{position:relative}.tda-city-results button{width:100%;border:0;background:#fff;text-align:left;padding:12px;border-radius:11px;font-weight:800;color:var(--tda-ink);cursor:pointer}.tda-city-results button:hover{background:#f2f6fb}.tda-city-state{font-size:12px;color:var(--tda-muted);min-height:17px;margin-top:5px}
.tda-success{border-left:4px solid var(--tda-green)}.tda-warning{border-left:4px solid var(--tda-yellow)}.tda-error{border-left:4px solid var(--tda-red)}
.tda-status-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.tda-substatus{padding:14px 18px;border-radius:18px;font-weight:950;min-width:150px;text-align:center}.tda-substatus.tda-blue{background:linear-gradient(135deg,#e6f2ff,#f5faff)}.tda-substatus.tda-yellow{background:linear-gradient(135deg,#fff2c9,#fff8e5)}.tda-mutedbox{background:#f0f3f6;color:#748397}
.tda-card-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.tda-empty{padding:19px;border-radius:18px;background:#f5f8fb;color:var(--tda-muted);display:grid;gap:5px;margin-top:14px}.tda-empty b{color:var(--tda-ink)}
.tda-goads{background:linear-gradient(135deg,#fff8f1,#fff);border-color:#ffd9ba}.tda-ad-label{font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:950;color:var(--tda-orange)}
.tda-feedback,.tda-form-feedback{margin-top:12px;font-size:13px;font-weight:800;color:var(--tda-muted)}
.tda-login-card form p{margin:14px 0}.tda-login-card .login-submit input{width:auto;background:var(--tda-orange);color:white;border:0;border-radius:999px;padding:12px 19px;font-weight:900;cursor:pointer}

/* Preloader */
.tda-preloader{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#123f72,#061c37 66%);transition:opacity .28s ease,visibility .28s ease}
.tda-preloader.is-done{opacity:0;visibility:hidden;pointer-events:none}
.tda-preloader-core{display:grid;place-items:center;gap:12px;color:white;font-weight:900;font-size:13px}.tda-preloader-core img{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 10px 25px rgba(255,106,0,.25));animation:tdaPulse 1s ease-in-out infinite alternate}
@keyframes tdaPulse{from{transform:scale(.96);opacity:.86}to{transform:scale(1.04);opacity:1}}

/* Clicky+ */
.tda-clicky-btn{position:fixed;right:14px;top:calc(14px + env(safe-area-inset-top));z-index:520;border:1px solid #dce5ef;background:#fff;color:var(--tda-navy);border-radius:999px;padding:10px 15px;font:900 13px/1 inherit;box-shadow:0 12px 34px rgba(6,29,57,.16);cursor:pointer}
.admin-bar .tda-clicky-btn{top:calc(46px + env(safe-area-inset-top))}
.tda-clicky-overlay,.tda-overlay{position:fixed;inset:0;background:rgba(3,17,32,.38);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:.22s;z-index:500}.tda-clicky-overlay.is-on,.tda-overlay.is-on{opacity:1;visibility:visible}
.tda-clicky{position:fixed;right:12px;top:12px;bottom:12px;width:min(390px,calc(100% - 24px));z-index:530;background:#fff;border-radius:26px;padding:14px;box-shadow:0 28px 90px rgba(4,20,38,.25);transform:translateX(calc(100% + 30px));transition:transform .28s ease;overflow:auto}.tda-clicky.is-on{transform:none}.admin-bar .tda-clicky{top:44px}
.tda-clicky-head{display:flex;align-items:center;justify-content:space-between;padding:7px 5px 13px}.tda-clicky-head strong{font-size:22px;color:var(--tda-navy)}.tda-clicky-head button{width:38px;height:38px;border:0;border-radius:50%;background:#eef3f8;font-size:24px;cursor:pointer}
.tda-clicky-item{display:grid;gap:3px;padding:14px;border-radius:17px;text-decoration:none;color:var(--tda-ink);border:1px solid transparent}.tda-clicky-item:hover{background:#f6f9fc;border-color:#e7edf4}.tda-clicky-item b{color:var(--tda-navy)}.tda-clicky-item span{font-size:12px;color:var(--tda-muted)}.tda-clicky-item.tda-install b,.tda-clicky-item.tda-refresh b{color:var(--tda-orange)}.tda-version{font-size:11px;color:#8996a7;padding:15px 14px 4px}

/* DockMobile: collapsed lower-left; open bottom sheet */
.tda-dock-toggle{position:fixed;left:14px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:520;width:58px;height:58px;border-radius:20px;border:1px solid rgba(255,255,255,.72);background:#fff;padding:7px;box-shadow:0 16px 40px rgba(5,30,60,.21);cursor:pointer}.tda-dock-toggle img{width:100%;height:100%;object-fit:contain}
.tda-dock{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:510;background:rgba(255,255,255,.98);border:1px solid #e0e8f1;border-radius:25px;padding:11px;box-shadow:0 24px 70px rgba(5,30,60,.23);transform:translateY(calc(100% + 40px));transition:transform .27s cubic-bezier(.2,.8,.2,1)}.tda-dock.is-on{transform:none}.tda-dock-grid{height:68px;display:grid;grid-template-columns:1fr 1fr 88px 1fr 1fr;align-items:center;gap:4px}.tda-dock-grid>a{display:grid;place-items:center;gap:3px;font-size:10px;font-weight:850;color:#536579;text-decoration:none}.tda-dock-grid>a b{font-size:19px;color:var(--tda-navy)}.tda-dock-center{align-self:end;width:78px;height:78px;margin:auto auto 10px;border-radius:25px;background:#fff;border:1px solid #e0e8f1;display:grid;place-items:center;box-shadow:0 16px 34px rgba(5,30,60,.16)}.tda-dock-center img{width:62px;height:62px;object-fit:contain}

/* AJAX cards */
.tda-offer,.tda-job{padding:16px;border:1px solid var(--tda-line);border-radius:18px;margin:10px 0;background:#fff}.tda-offer h3,.tda-job h3{margin:0 0 7px;color:var(--tda-navy)}.tda-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}

@media(max-width:650px){
 .tda-page-head{height:66px;padding-left:12px;padding-right:88px}.tda-page-head img{width:148px}.tda-main{width:min(100% - 18px,860px);margin-top:12px}.tda-card{border-radius:22px;padding:19px}.tda-hero-mini{border-radius:23px;padding:22px 18px}.tda-hero-mini h1{font-size:36px}.tda-phone-row{grid-template-columns:1fr}.tda-phone-row .tda-check{margin:0}.tda-step-actions{display:grid;grid-template-columns:1fr 1fr}.tda-step-actions .tda-primary,.tda-step-actions .tda-secondary{min-width:0}.tda-status-top{display:grid}.tda-substatus{min-width:0}.tda-card-head{align-items:flex-start}.tda-clicky-btn{right:10px;top:calc(10px + env(safe-area-inset-top));padding:9px 12px}.admin-bar .tda-clicky-btn{top:calc(42px + env(safe-area-inset-top))}.tda-dock-toggle{left:10px}.tda-clicky{right:8px;top:8px;bottom:8px;width:calc(100% - 16px)}.admin-bar .tda-clicky{top:40px}
}
@media(prefers-reduced-motion:reduce){
 .tda-preloader-core img{animation:none}.tda-preloader,.tda-clicky,.tda-dock,.tda-clicky-overlay,.tda-overlay{transition:none!important}
}


/* =========================================================
   ET8.1 — APP DRIVER COCKPIT LIVE
   ========================================================= */

.tda-cockpit-connectivity{
  width:min(100% - 18px,860px);
  margin:12px auto 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:11px 14px;
  border:1px solid var(--tda-line);
  border-radius:18px;
  background:rgba(255,255,255,.92);
  box-shadow:0 8px 24px rgba(3,29,62,.05);
}

.tda-cockpit-net{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

.tda-cockpit-net i{
  width:11px;
  height:11px;
  border-radius:50%;
  flex:0 0 auto;
  background:#d9a52d;
  box-shadow:0 0 0 5px rgba(217,165,45,.12);
}

.tda-cockpit-connectivity[data-state="online"] .tda-cockpit-net i{
  background:#1daa73;
  box-shadow:0 0 0 5px rgba(29,170,115,.12);
}

.tda-cockpit-connectivity[data-state="offline"] .tda-cockpit-net i{
  background:#d94b55;
  box-shadow:0 0 0 5px rgba(217,75,85,.12);
}

.tda-cockpit-net b,
.tda-cockpit-net span{
  display:block;
}

.tda-cockpit-net b{
  font-size:12px;
  color:var(--tda-navy);
}

.tda-cockpit-net span{
  margin-top:2px;
  font-size:10px;
  color:var(--tda-muted);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.tda-cockpit-last{
  text-align:right;
  white-space:nowrap;
}

.tda-cockpit-last small,
.tda-cockpit-last b{
  display:block;
}

.tda-cockpit-last small{
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.07em;
  color:var(--tda-muted);
  font-weight:900;
}

.tda-cockpit-last b{
  margin-top:2px;
  font-size:11px;
  color:var(--tda-navy);
}

.tda-cockpit-status{
  overflow:hidden;
  position:relative;
}

.tda-cockpit-status:before{
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  right:-90px;
  top:-100px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(27,111,206,.12),transparent 68%);
  pointer-events:none;
}

.tda-cockpit-control{
  margin-top:18px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding:15px;
  border-radius:18px;
  background:linear-gradient(135deg,#f7faff,#fff);
  border:1px solid #e5edf6;
}

.tda-cockpit-control b,
.tda-cockpit-control span{
  display:block;
}

.tda-cockpit-control b{
  color:var(--tda-navy);
  font-size:13px;
}

.tda-cockpit-control span{
  margin-top:4px;
  font-size:11px;
  color:var(--tda-muted);
  max-width:520px;
}

.tda-offer,
.tda-mission{
  position:relative;
  overflow:hidden;
}

.tda-offer:before,
.tda-mission:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:#3884d6;
}

.tda-offer{
  border-color:#dce8f5;
  box-shadow:0 12px 28px rgba(20,64,113,.06);
}

.tda-offer.is-expiring:before{
  background:#d8a127;
}

.tda-offer.is-expired{
  opacity:.62;
}

.tda-offer-head,
.tda-mission-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
}

.tda-offer-head h3,
.tda-mission-head h3{
  margin:3px 0 0;
}

.tda-offer-countdown{
  min-width:84px;
  text-align:center;
  padding:7px 9px;
  border-radius:999px;
  background:#fff6d9;
  color:#7f5c10;
  font-size:10px;
  font-weight:900;
}

.tda-route-line{
  display:grid;
  grid-template-columns:22px 1fr;
  gap:9px;
  margin-top:13px;
}

.tda-route-line i{
  width:13px;
  height:13px;
  margin-top:3px;
  border-radius:50%;
  background:#3689dd;
  box-shadow:0 0 0 5px rgba(54,137,221,.09);
}

.tda-route-line.is-drop i{
  background:#f07d31;
  box-shadow:0 0 0 5px rgba(240,125,49,.09);
}

.tda-route-line small,
.tda-route-line b,
.tda-route-line span{
  display:block;
}

.tda-route-line small{
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--tda-muted);
}

.tda-route-line b{
  margin-top:2px;
  font-size:12px;
  color:var(--tda-navy);
}

.tda-route-line span{
  margin-top:2px;
  font-size:10px;
  color:var(--tda-muted);
}

.tda-mission{
  padding:18px;
  border-radius:20px;
  border:1px solid #dce5ef;
  background:
    radial-gradient(circle at 90% 10%,rgba(42,125,221,.08),transparent 30%),
    #fff;
  box-shadow:0 12px 30px rgba(15,45,78,.055);
  margin-top:12px;
}

.tda-mission-state{
  display:inline-flex;
  align-items:center;
  padding:6px 9px;
  border-radius:999px;
  background:#fff5d7;
  color:#7b5a15;
  font-size:10px;
  font-weight:900;
}

.tda-mission-next{
  margin:15px 0 0;
  padding:13px 14px;
  border-radius:15px;
  background:#f6f9fc;
  border:1px solid #e7edf3;
}

.tda-mission-next small{
  display:block;
  font-size:9px;
  color:var(--tda-muted);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.07em;
}

.tda-mission-next b{
  display:block;
  margin-top:4px;
  font-size:14px;
  color:var(--tda-navy);
}

.tda-mission-actions{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;
  margin-top:13px;
}

.tda-mission-actions .tda-primary{
  min-height:48px;
}

.tda-mission-actions .tda-secondary{
  min-height:48px;
}

.tda-mission-meta{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  margin-top:12px;
}

.tda-mission-meta span{
  padding:6px 8px;
  border-radius:999px;
  background:#f3f6f9;
  color:#607181;
  font-size:9px;
  font-weight:800;
}

.tda-cockpit-next{
  opacity:.88;
}

.tda-occurrence-modal[hidden]{
  display:none!important;
}

.tda-occurrence-modal{
  position:fixed;
  inset:0;
  z-index:99995;
  display:grid;
  place-items:center;
  padding:18px;
}

.tda-occurrence-backdrop{
  position:absolute;
  inset:0;
  background:rgba(3,16,34,.72);
  backdrop-filter:blur(6px);
}

.tda-occurrence-dialog{
  position:relative;
  z-index:1;
  width:min(100%,520px);
  padding:24px;
  border-radius:24px;
  background:#fff;
  box-shadow:0 28px 80px rgba(0,0,0,.28);
}

.tda-occurrence-dialog h2{
  margin:12px 0 6px;
  color:var(--tda-navy);
}

.tda-occurrence-dialog p{
  margin:0 0 12px;
  color:var(--tda-muted);
}

.tda-occurrence-dialog textarea{
  width:100%;
  resize:vertical;
  min-height:118px;
  border:1px solid #ced8e2;
  border-radius:14px;
  padding:12px 13px;
  font:inherit;
}

.tda-occurrence-x{
  position:absolute;
  right:13px;
  top:11px;
  width:36px;
  height:36px;
  border:0;
  border-radius:50%;
  background:#f0f3f6;
  cursor:pointer;
  font-size:23px;
  color:#526272;
}

body.tda-delivery-active .tda-cockpit-offers{
  display:none;
}

body.tda-delivery-active .tda-goads{
  display:none!important;
}

body.tda-delivery-active .tda-cockpit-mission{
  border-color:#d8e4f1;
}

@media(max-width:760px){
  .tda-cockpit-connectivity{
    width:calc(100% - 18px);
    padding:10px 11px;
    border-radius:15px;
  }

  .tda-cockpit-last small{
    display:none;
  }

  .tda-cockpit-net span{
    max-width:210px;
  }

  .tda-cockpit-control{
    display:grid;
  }

  .tda-cockpit-control .tda-primary{
    width:100%;
  }

  .tda-mission-actions{
    grid-template-columns:1fr;
  }

  .tda-mission-actions .tda-primary,
  .tda-mission-actions .tda-secondary{
    width:100%;
  }

  .tda-offer-head,
  .tda-mission-head{
    align-items:flex-start;
  }
}

@media(prefers-reduced-motion:reduce){
  .tda-cockpit-connectivity *,
  .tda-offer *,
  .tda-mission *,
  .tda-occurrence-modal *{
    animation:none!important;
    transition:none!important;
  }
}



/* ET8.1.6 — DOCKMOBILE HARD RESTORE */
.tda-dock-toggle{
  display:grid!important;
  place-items:center!important;
  visibility:visible!important;
  opacity:1!important;
  position:fixed!important;
  left:12px!important;
  right:auto!important;
  bottom:calc(14px + env(safe-area-inset-bottom))!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  padding:7px!important;
  margin:0!important;
  border-radius:20px!important;
  transform:none!important;
  z-index:99980!important;
  background:#fff!important;
  border:1px solid rgba(255,255,255,.86)!important;
  box-shadow:0 16px 42px rgba(5,30,60,.25)!important;
}

.tda-dock-toggle img{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  object-fit:contain!important;
}

.tda-dock{
  z-index:99978!important;
}

.tda-overlay{
  z-index:99976!important;
}

.tda-clicky-btn{
  z-index:99982!important;
}

.tda-clicky,
.tda-clicky-overlay{
  z-index:99984!important;
}

@media(max-width:760px){
  .tda-dock-toggle{
    left:10px!important;
    bottom:calc(12px + env(safe-area-inset-bottom))!important;
  }
}



/* ET8.1.7 — APP SHELL STABLE: PRELOADER + DOCKMOBILE */

.tda-preloader{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  display:grid!important;
  place-items:center!important;
  visibility:visible;
  opacity:1;
  background:
    radial-gradient(circle at 50% 42%,rgba(20,73,126,.98),#061c37 64%,#041426 100%)!important;
  transition:
    opacity .26s ease .38s,
    visibility 0s linear .66s!important;
}

.tda-preloader.is-done{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

.tda-preloader-core{
  display:grid!important;
  place-items:center!important;
  gap:12px!important;
  color:#fff!important;
  text-align:center!important;
}

.tda-preloader-core img{
  display:block!important;
  width:88px!important;
  height:88px!important;
  object-fit:contain!important;
  filter:
    drop-shadow(0 12px 28px rgba(0,0,0,.18))
    drop-shadow(0 0 18px rgba(255,106,0,.18))!important;
  animation:tdaStablePulse 1s ease-in-out infinite alternate!important;
}

.tda-preloader-core span{
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
}

@keyframes tdaStablePulse{
  from{transform:scale(.96);opacity:.84}
  to{transform:scale(1.045);opacity:1}
}

.tda-dock-toggle{
  display:grid!important;
  place-items:center!important;
  position:fixed!important;
  left:12px!important;
  right:auto!important;
  bottom:calc(14px + env(safe-area-inset-bottom))!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  margin:0!important;
  padding:7px!important;
  border:1px solid rgba(216,226,237,.96)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 16px 42px rgba(5,30,60,.24)!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  transform:none!important;
  z-index:2147482000!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
}

.tda-dock-toggle img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  pointer-events:none!important;
}

.tda-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:2147481900!important;
  background:rgba(3,17,32,.44)!important;
  backdrop-filter:blur(5px)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .2s ease,visibility .2s ease!important;
}

.tda-overlay.is-on{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

.tda-dock{
  display:block!important;
  position:fixed!important;
  left:12px!important;
  right:12px!important;
  bottom:calc(12px + env(safe-area-inset-bottom))!important;
  z-index:2147481950!important;
  max-width:none!important;
  margin:0!important;
  background:rgba(255,255,255,.985)!important;
  border:1px solid #dfe7ef!important;
  border-radius:25px!important;
  padding:11px!important;
  box-shadow:0 24px 70px rgba(5,30,60,.25)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translate3d(0,calc(100% + 54px),0)!important;
  transition:
    transform .27s cubic-bezier(.2,.8,.2,1),
    opacity .2s ease,
    visibility .2s ease!important;
}

.tda-dock.is-on{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translate3d(0,0,0)!important;
}

body.tda-dock-open{
  overflow:hidden!important;
}

.tda-clicky-btn{
  z-index:2147482100!important;
}

.tda-clicky,
.tda-clicky-overlay{
  z-index:2147482200!important;
}

@media(max-width:760px){
  .tda-dock-toggle{
    left:10px!important;
    bottom:calc(12px + env(safe-area-inset-bottom))!important;
  }

  .tda-dock{
    left:8px!important;
    right:8px!important;
    bottom:calc(8px + env(safe-area-inset-bottom))!important;
    border-radius:23px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .tda-preloader,
  .tda-preloader *,
  .tda-dock,
  .tda-overlay{
    animation:none!important;
    transition:none!important;
  }
}




/* ET8.1.10 — PWA readiness is only shown after beforeinstallprompt exists */
#tdaInstallApp.is-ready b{color:#ff6a00}
#tdaInstallApp.is-ready span{color:#375f86;font-weight:800}
@media(display-mode:standalone){#tdaInstallApp{display:none!important}}



/* =========================================================
   ET8.1.11 — DOCKMOBILE DISCREET / DYNAMIC / NO DIM
   ========================================================= */

/* Dock overlay must NEVER darken or blur the APP. */
#tdaDockOverlay,
.tda-overlay{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Opening DockMobile must not freeze or alter the page. */
body.tda-dock-open{
  overflow:auto!important;
  overflow-x:hidden!important;
}

/* Closed state: small, calm, lower-left. */
#tdaDockToggle.tda-dock-toggle{
  display:grid!important;
  place-items:center!important;
  position:fixed!important;
  left:12px!important;
  right:auto!important;
  bottom:calc(16px + env(safe-area-inset-bottom))!important;

  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  padding:6px!important;
  margin:0!important;

  border:1px solid rgba(212,224,236,.92)!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.93)!important;
  box-shadow:0 10px 27px rgba(6,35,65,.14)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;

  opacity:.86!important;
  visibility:visible!important;
  pointer-events:auto!important;
  z-index:2147482020!important;

  transform:translate3d(0,0,0)!important;
  transition:
    width .22s ease,
    height .22s ease,
    bottom .24s cubic-bezier(.2,.8,.2,1),
    opacity .18s ease,
    transform .24s cubic-bezier(.2,.8,.2,1),
    box-shadow .18s ease!important;

  cursor:pointer!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
}

#tdaDockToggle.tda-dock-toggle:hover,
#tdaDockToggle.tda-dock-toggle:focus-visible{
  opacity:1!important;
  transform:translate3d(0,-2px,0)!important;
  box-shadow:0 14px 32px rgba(6,35,65,.19)!important;
}

#tdaDockToggle.tda-dock-toggle img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  pointer-events:none!important;
}

/* While open, the trigger lifts above the dock and becomes calmer. */
#tdaDockToggle.tda-dock-toggle[aria-expanded="true"]{
  bottom:calc(92px + env(safe-area-inset-bottom))!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  padding:6px!important;
  opacity:.72!important;
  border-radius:15px!important;
  box-shadow:0 8px 22px rgba(6,35,65,.12)!important;
}

/* Dock: compact floating navigation, not a blocking bottom sheet. */
#tdaDock.tda-dock{
  display:block!important;
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:calc(12px + env(safe-area-inset-bottom))!important;

  width:min(calc(100% - 20px),520px)!important;
  max-width:520px!important;
  min-width:0!important;
  margin:0!important;
  padding:8px 9px!important;

  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(214,225,236,.96)!important;
  border-radius:23px!important;
  box-shadow:
    0 18px 48px rgba(5,30,60,.16),
    inset 0 1px 0 rgba(255,255,255,.88)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;

  z-index:2147482000!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;

  transform:translate3d(-50%,calc(100% + 34px),0) scale(.985)!important;
  transform-origin:50% 100%!important;

  transition:
    transform .28s cubic-bezier(.2,.8,.2,1),
    opacity .18s ease,
    visibility .18s ease!important;
}

#tdaDock.tda-dock.is-on{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translate3d(-50%,0,0) scale(1)!important;
}

#tdaDock .tda-dock-grid{
  height:62px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr 68px 1fr 1fr!important;
  align-items:center!important;
  gap:2px!important;
}

#tdaDock .tda-dock-grid>a{
  min-width:0!important;
  min-height:50px!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  gap:2px!important;
  padding:4px 3px!important;

  border-radius:15px!important;
  color:#536579!important;
  text-decoration:none!important;
  font-size:9px!important;
  line-height:1.05!important;
  font-weight:850!important;

  transition:background .16s ease,transform .16s ease,color .16s ease!important;
}

#tdaDock .tda-dock-grid>a:hover,
#tdaDock .tda-dock-grid>a:focus-visible{
  background:#f3f7fb!important;
  color:#082f5c!important;
  transform:translateY(-1px)!important;
}

#tdaDock .tda-dock-grid>a b{
  color:var(--tda-navy)!important;
  font-size:18px!important;
  line-height:1!important;
}

#tdaDock .tda-dock-center{
  align-self:center!important;
  width:58px!important;
  height:58px!important;
  margin:auto!important;
  border-radius:19px!important;
  background:linear-gradient(145deg,#fff,#f4f8fc)!important;
  border:1px solid #dfe8f1!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:0 9px 22px rgba(5,30,60,.11)!important;
}

#tdaDock .tda-dock-center img{
  width:46px!important;
  height:46px!important;
  object-fit:contain!important;
}

/* Page remains fully visible and interactive around the floating dock. */
html,
body{
  overscroll-behavior-y:auto;
}

@media(max-width:560px){
  #tdaDock.tda-dock{
    width:calc(100% - 14px)!important;
    bottom:calc(8px + env(safe-area-inset-bottom))!important;
    padding:7px!important;
    border-radius:21px!important;
  }

  #tdaDock .tda-dock-grid{
    height:58px!important;
    grid-template-columns:1fr 1fr 62px 1fr 1fr!important;
  }

  #tdaDock .tda-dock-center{
    width:54px!important;
    height:54px!important;
    border-radius:18px!important;
  }

  #tdaDock .tda-dock-center img{
    width:43px!important;
    height:43px!important;
  }

  #tdaDockToggle.tda-dock-toggle{
    left:10px!important;
    bottom:calc(13px + env(safe-area-inset-bottom))!important;
  }

  #tdaDockToggle.tda-dock-toggle[aria-expanded="true"]{
    bottom:calc(82px + env(safe-area-inset-bottom))!important;
  }
}

@media(prefers-reduced-motion:reduce){
  #tdaDock,
  #tdaDockToggle{
    transition:none!important;
  }
}



/* =========================================================
   ET8.2 — DRIVER LIFECYCLE + STRUCTURED OCCURRENCES
   ========================================================= */
.tda-lifecycle{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:14px 0;padding:10px;border:1px solid #e0e8f0;border-radius:18px;background:#f8fbfd}
.tda-life-step{position:relative;min-width:0;display:grid;justify-items:center;gap:4px;color:#93a3b2;text-align:center}
.tda-life-step:not(:last-child):after{content:"";position:absolute;top:15px;left:64%;width:72%;height:2px;border-radius:9px;background:#dce5ed}
.tda-life-step i{position:relative;z-index:1;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;border:1px solid #d8e2eb;background:#fff;font-style:normal;font-size:12px;font-weight:900}
.tda-life-step span{font-size:9px;line-height:1.05;font-weight:850}
.tda-life-step.is-done,.tda-life-step.is-current{color:#0b315a}
.tda-life-step.is-done i{border-color:#b9e0c8;background:#eaf8ef;color:#16844b}
.tda-life-step.is-done:not(:last-child):after{background:#83d5aa}
.tda-life-step.is-current i{border-color:#ffd0b2;background:#fff1e7;color:#f26a16;box-shadow:0 0 0 4px rgba(255,106,0,.07)}
.tda-occurrence-alert{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin:12px 0;padding:12px 13px;border:1px solid #f1c8c8;border-radius:16px;background:#fff8f8}
.tda-occurrence-alert small,.tda-occurrence-alert b,.tda-occurrence-alert span{display:block}
.tda-occurrence-alert small{color:#a33d3d;font-size:9px;font-weight:900;letter-spacing:.035em;text-transform:uppercase}
.tda-occurrence-alert b{margin-top:3px;color:#7b2525;font-size:13px}
.tda-occurrence-alert span{margin-top:4px;color:#7e5d5d;font-size:11px;line-height:1.4}
.tda-occurrence-alert em{flex:0 0 auto;padding:5px 8px;border-radius:999px;background:#ffe8e8;color:#a22c2c;font-size:9px;font-weight:900;font-style:normal}
.tda-occurrence-field{display:grid;gap:6px;margin-top:12px}
.tda-occurrence-field>span{color:#173c61;font-size:11px;font-weight:900}
.tda-occurrence-field select,.tda-occurrence-field textarea{width:100%;border:1px solid #d9e3ec;border-radius:14px;background:#fff;color:#173c61;font:inherit}
.tda-occurrence-field select{min-height:48px;padding:0 12px}
@media(max-width:430px){.tda-lifecycle{gap:2px;padding:9px 5px}.tda-life-step i{width:28px;height:28px}.tda-life-step span{font-size:8px}.tda-life-step:not(:last-child):after{top:14px}.tda-occurrence-alert{display:grid}}



/* =========================================================
   ET8.3 — PERFORMANCE + HISTORY REAL
   ========================================================= */
.tda-period-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  justify-content:flex-end;
}

.tda-period-tabs button{
  min-height:36px;
  padding:0 11px;
  border:1px solid #dce5ed;
  border-radius:999px;
  background:#fff;
  color:#5f7184;
  font-size:10px;
  font-weight:900;
  cursor:pointer;
  transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease;
}

.tda-period-tabs button:hover,
.tda-period-tabs button:focus-visible{
  transform:translateY(-1px);
  border-color:#b7c8d8;
}

.tda-period-tabs button.is-active{
  background:#0b315a;
  border-color:#0b315a;
  color:#fff;
}

.tda-insight-loading{
  display:grid;
  gap:5px;
  padding:22px;
  border:1px dashed #ccd9e5;
  border-radius:18px;
  background:#f8fbfd;
  color:#697b8d;
}

.tda-insight-loading b{color:#173c61}

.tda-performance-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:4px;
}

.tda-performance-grid article{
  min-width:0;
  padding:16px;
  border:1px solid #e0e8ef;
  border-radius:19px;
  background:linear-gradient(180deg,#fff,#f8fbfd);
}

.tda-performance-grid small,
.tda-performance-grid b,
.tda-performance-grid span{
  display:block;
}

.tda-performance-grid small{
  color:#718396;
  font-size:9px;
  font-weight:900;
  letter-spacing:.045em;
  text-transform:uppercase;
}

.tda-performance-grid b{
  margin-top:7px;
  color:#0b315a;
  font-size:26px;
  line-height:1;
  letter-spacing:-.035em;
}

.tda-performance-grid span{
  margin-top:6px;
  color:#8291a0;
  font-size:10px;
}

.tda-performance-detail{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
  padding:12px;
  border-radius:17px;
  background:#f3f7fa;
}

.tda-performance-detail div{min-width:0}
.tda-performance-detail small,
.tda-performance-detail b{display:block}
.tda-performance-detail small{color:#8392a1;font-size:9px;font-weight:800}
.tda-performance-detail b{margin-top:4px;color:#173c61;font-size:12px}

.tda-performance-source{
  display:flex;
  justify-content:space-between;
  gap:15px;
  margin-top:10px;
  padding:11px 13px;
  border:1px solid #e3eaf0;
  border-radius:15px;
  background:#fff;
}

.tda-performance-source small{
  color:#7d8d9d;
  font-size:9px;
  font-weight:850;
}

.tda-performance-source span{
  color:#173c61;
  font-size:10px;
  font-weight:850;
  text-align:right;
}

.tda-financial-note{
  margin:12px 0 0;
  padding:10px 12px;
  border-radius:14px;
  background:#fff8e7;
  color:#80651f;
  font-size:10px;
  line-height:1.45;
}

.tda-history-list{
  display:grid;
  gap:9px;
}

.tda-history-item{
  padding:14px 15px;
  border:1px solid #e0e8ef;
  border-radius:18px;
  background:#fff;
}

.tda-history-main{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
}

.tda-history-main small,
.tda-history-main b,
.tda-history-main span{display:block}

.tda-history-main small{
  color:#8795a4;
  font-size:9px;
  font-weight:800;
}

.tda-history-main b{
  margin-top:3px;
  color:#173c61;
  font-size:14px;
}

.tda-history-main span{
  margin-top:3px;
  color:#8291a0;
  font-size:9px;
}

.tda-history-main em{
  flex:0 0 auto;
  padding:5px 8px;
  border-radius:999px;
  font-size:9px;
  font-weight:900;
  font-style:normal;
}

.tda-history-main em.is-ok{
  background:#eaf8ef;
  color:#167b49;
}

.tda-history-main em.is-cancel{
  background:#fff0f0;
  color:#a13d3d;
}

.tda-history-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:10px;
}

.tda-history-meta span{
  padding:6px 8px;
  border-radius:10px;
  background:#f5f8fa;
  color:#718294;
  font-size:9px;
}

.tda-history-meta b{color:#173c61}

.tda-history-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:12px;
}

.tda-history-footer>span{
  color:#7f8f9e;
  font-size:10px;
  font-weight:800;
}

@media(max-width:760px){
  .tda-performance-card .tda-card-head,
  .tda-history-card .tda-card-head{
    display:grid;
    gap:12px;
  }

  .tda-period-tabs{justify-content:flex-start}

  .tda-performance-grid{
    grid-template-columns:1fr 1fr;
  }

  .tda-performance-detail{
    grid-template-columns:1fr 1fr;
  }

  .tda-performance-source{
    display:grid;
    gap:5px;
  }

  .tda-performance-source span{text-align:left}
}

@media(max-width:430px){
  .tda-performance-grid article{padding:13px}
  .tda-performance-grid b{font-size:23px}
  .tda-history-main{display:grid}
  .tda-history-main em{justify-self:start}
}



/* =========================================================
   ET8.4 — PWA / OFFLINE / CACHE HARDENING
   ========================================================= */
.tda-global-connectivity[hidden]{display:none!important}

.tda-global-connectivity{
  position:fixed;
  left:50%;
  bottom:calc(86px + env(safe-area-inset-bottom));
  z-index:2147481800;
  width:min(calc(100% - 24px),440px);
  transform:translateX(-50%);
  display:grid;
  grid-template-columns:12px 1fr auto;
  align-items:center;
  gap:10px;
  padding:11px 12px;
  border:1px solid #dfe7ef;
  border-radius:17px;
  background:rgba(255,255,255,.97);
  box-shadow:0 16px 44px rgba(4,28,58,.16);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

.tda-global-connectivity__dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#94a5b5;
  box-shadow:0 0 0 4px rgba(148,165,181,.12);
}

.tda-global-connectivity b,
.tda-global-connectivity small{display:block}

.tda-global-connectivity b{
  color:#173c61;
  font-size:11px;
}

.tda-global-connectivity small{
  margin-top:2px;
  color:#718395;
  font-size:9px;
  line-height:1.3;
}

.tda-global-connectivity button{
  min-height:34px;
  padding:0 10px;
  border:1px solid #d9e4ed;
  border-radius:11px;
  background:#f7fafc;
  color:#173c61;
  font-size:9px;
  font-weight:900;
  cursor:pointer;
}

.tda-global-connectivity[data-state="offline"]{
  border-color:#f0caca;
  background:rgba(255,250,250,.98);
}

.tda-global-connectivity[data-state="offline"] .tda-global-connectivity__dot{
  background:#df4f4f;
  box-shadow:0 0 0 4px rgba(223,79,79,.11);
}

.tda-global-connectivity[data-state="online"]{
  border-color:#cfe7d8;
  background:rgba(250,255,252,.98);
}

.tda-global-connectivity[data-state="online"] .tda-global-connectivity__dot{
  background:#27a663;
  box-shadow:0 0 0 4px rgba(39,166,99,.11);
}

@media(max-width:560px){
  .tda-global-connectivity{
    bottom:calc(76px + env(safe-area-inset-bottom));
    width:calc(100% - 16px);
  }
}

@media(prefers-reduced-motion:reduce){
  .tda-global-connectivity{transition:none!important}
}