:root{--orange:#ef6b2e;--orange2:#f47d43;--dark:#2f3742;--dark2:#232b34;--ink:#26313d;--muted:#778290;--line:#dfe4e8;--bg:#eef1f4;--green:#2eb875;--red:#d95763;--blue:#4c88d8}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Arial,"Segoe UI","Noto Sans",sans-serif;color:var(--ink);background:var(--bg);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:auto}button,input,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}
.brand{display:flex;align-items:center;gap:8px}.logoBox{width:38px;height:38px;border-radius:5px;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900}.logoBox.mini{width:32px;height:32px}.logoBox.light{background:#fff;color:var(--dark)}
.eyebrow{font-size:9px;letter-spacing:.13em;font-weight:700;color:var(--orange)}.eyebrow.light{color:#ffae87}

/* App */
.appBody{overflow:hidden;background:var(--bg)}.app{height:100vh}.topbar{height:52px;background:#fff;border-bottom:1px solid #cfd5da;display:flex;align-items:center;justify-content:space-between;padding:0 10px;box-shadow:0 1px 2px rgba(0,0,0,.03);position:relative;z-index:1000}
.topLeft,.topRight{display:flex;align-items:center}.topLeft{gap:22px}.topMenu{display:flex;height:52px}.topItem{border:0;background:transparent;padding:0 14px;font-size:12px;color:#56616e}.topItem.active{color:var(--orange);border-bottom:2px solid var(--orange)}.topRight{gap:14px;font-size:10px;color:#66717d}.connected i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:5px}.userBtn{border:0;background:#f4f6f8;padding:7px 9px;border-radius:4px;font-size:10px}
.workspace{height:calc(100vh - 52px);display:grid;grid-template-columns:330px 1fr}.navPanel{background:#fff;border-right:1px solid #cfd5da;display:flex;flex-direction:column;min-width:0}.panelTabs{height:42px;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.tabBtn{border:0;background:#f7f8f9;color:#65707d;font-size:10px;font-weight:700;border-right:1px solid var(--line)}.tabBtn.active{background:#fff;color:var(--orange);border-top:2px solid var(--orange)}.tabPane{display:none;flex:1;min-height:0}.tabPane.activePane{display:flex;flex-direction:column}.searchRow{display:grid;grid-template-columns:1fr 32px;gap:6px;padding:8px;border-bottom:1px solid #edf0f2}.searchBox{height:32px;border:1px solid #ccd3d9;display:flex;align-items:center;padding:0 7px;border-radius:3px}.searchBox span{color:#9ba4ad}.searchBox input{border:0;outline:0;width:100%;font-size:10px;margin-left:5px}.squareBtn{border:1px solid #ccd3d9;background:#fff;border-radius:3px;font-size:17px;color:var(--orange)}
.listHead{height:31px;padding:0 9px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#778290;background:#f8f9fa;border-bottom:1px solid var(--line)}.listHead label{display:flex;align-items:center;gap:4px}
.groupList{flex:1;overflow:auto}.groupHeader{height:33px;display:grid;grid-template-columns:22px 1fr auto;align-items:center;padding:0 8px;background:#f2f4f5;border-bottom:1px solid #e4e8eb;font-size:10px;font-weight:700;cursor:pointer}.groupHeader span:last-child{font-size:9px;color:#87919d}.groupBody.collapsed{display:none}
.objectRow{height:50px;display:grid;grid-template-columns:22px 10px 1fr 48px 25px;align-items:center;padding:0 6px;border-bottom:1px solid #eef0f2;cursor:pointer}.objectRow:hover,.objectRow.active{background:#f6f8f9}.objectRow input{margin:0}.statusBall{width:7px;height:7px;border-radius:50%;background:#aab2bb}.statusBall.online{background:var(--green)}.statusBall.moving{background:var(--orange)}.objectInfo b,.objectInfo small{display:block}.objectInfo b{font-size:10px;font-weight:700}.objectInfo small{font-size:8px;color:#87919c;margin-top:2px}.objectSpeed{font-size:9px;color:#5f6976;text-align:right}.editObj{border:0;background:transparent;color:#8b949f;font-size:12px}
.bottomMiniBar{height:42px;border-top:1px solid var(--line);display:flex;gap:5px;padding:6px}.bottomMiniBar button,.bottomMiniBar a{flex:1;border:1px solid #ccd3d9;background:#fff;border-radius:3px;font-size:9px;display:grid;place-items:center;color:#4c5662}
.sectionTitle{padding:12px 10px 8px;font-size:9px;font-weight:700;color:#687481;letter-spacing:.08em}.tabPane>label{font-size:9px;color:#778290;margin:8px 10px 4px}.tabPane>select,.dateRow input{border:1px solid #ccd3d9;border-radius:3px;padding:8px;font-size:10px;background:#fff}.tabPane>select{margin:0 10px}.dateRow{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 10px}.primaryPanelBtn{margin:0 10px;border:0;background:var(--orange);color:#fff;border-radius:3px;padding:9px;font-size:10px;font-weight:700}.infoBox{margin:10px;background:#f7f9fa;border:1px solid #e4e8eb;border-radius:3px;padding:10px;font-size:9px;line-height:1.6;color:#6f7a86}.eventsList{overflow:auto;padding:0 8px}.eventRow{padding:9px 5px;border-bottom:1px solid #edf0f2}.eventRow b,.eventRow span{display:block}.eventRow b{font-size:10px}.eventRow span{font-size:8px;color:#7a8591;margin-top:3px}
.mapArea{position:relative;min-width:0}.mapArea #map{height:100%;width:100%}.mapControlBar{position:absolute;z-index:600;right:10px;top:10px;display:flex;flex-direction:column;gap:4px}.mapControlBar>button,.mapDropdownWrap>button{width:32px;height:32px;border:1px solid #c7ced5;background:#fff;border-radius:3px;box-shadow:0 1px 4px rgba(0,0,0,.08);font-size:11px;color:#46515e}.mapControlBar button.activeCtrl{background:#fff1ea;color:var(--orange);border-color:#f1b698}.mapDropdownWrap{position:relative}.miniMenu{display:none;position:absolute;right:38px;top:0;width:145px;background:#fff;border:1px solid #cfd5da;border-radius:3px;box-shadow:0 4px 14px rgba(0,0,0,.12);padding:4px}.miniMenu.show{display:block}.miniMenu button{width:100%;border:0;background:#fff;text-align:left;padding:8px;font-size:9px}.miniMenu button:hover{background:#f3f5f7}
.detailsPanel{position:absolute;z-index:700;right:52px;top:10px;width:350px;background:#fff;border:1px solid #cfd5da;border-radius:3px;box-shadow:0 6px 24px rgba(0,0,0,.18);padding:12px}.detailsPanel.hidden{display:none}.detailsTop{display:flex;justify-content:space-between}.detailsTop>button{border:0;background:#eef1f3;width:26px;height:26px;border-radius:3px}.typeLabel{font-size:8px;color:var(--orange);font-weight:900}.detailsTop h3{font-size:18px;margin:3px 0 5px}.detailsStatus{display:flex;align-items:center;gap:5px;font-size:9px;color:#6f7a86}.detailsStatus i{width:7px;height:7px;border-radius:50%;background:#aaa}.detailsStatus i.online{background:var(--green)}.detailsStatus i.moving{background:var(--orange)}
.addressBlock{border-top:1px solid var(--line);padding:10px 0}.addressBlock span,.addressBlock b,.addressBlock small{display:block}.addressBlock span{font-size:8px;color:#7b8692}.addressBlock b{font-size:10px;margin-top:4px}.addressBlock small{font-size:8px;color:#7b8692;margin-top:3px}.basicMetrics{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.basicMetrics div{background:#f5f7f8;padding:8px;border-radius:3px}.basicMetrics span,.basicMetrics b,.basicMetrics small{display:block}.basicMetrics span,.basicMetrics small{font-size:8px;color:#7c8793}.basicMetrics b{font-size:16px;margin:3px 0}
.sensorList{margin-top:8px;border:1px solid var(--line)}.sensorList div{display:flex;justify-content:space-between;padding:7px 8px;border-bottom:1px solid var(--line);font-size:9px}.sensorList div:last-child{border-bottom:0}.sensorList span{color:#707b87}
.moreDetails{display:none;margin-top:8px;border:1px solid var(--line)}.moreDetails.show{display:block}.moreDetails div{display:flex;justify-content:space-between;padding:7px 8px;border-bottom:1px solid var(--line);font-size:9px}.moreDetails span{color:#707b87}.showMoreBtn{width:100%;margin-top:7px;border:0;background:#f1f3f5;padding:7px;font-size:9px;color:#58636f}.detailButtons{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px}.detailButtons button{border:1px solid #cdd3d9;background:#fff;border-radius:3px;padding:7px;font-size:9px}
.dropdownMenu{display:none;position:fixed;z-index:2500;top:45px;background:#fff;border:1px solid #cfd5da;box-shadow:0 6px 18px rgba(0,0,0,.15);padding:4px;border-radius:3px}.dropdownMenu.show{display:grid}.toolsDropdown{left:190px;width:180px;grid-template-columns:1fr 1fr}.setupDropdown{left:270px;width:150px}.dropdownMenu button{border:0;background:#fff;text-align:left;padding:8px;font-size:9px}.dropdownMenu button:hover{background:#f3f5f7}
.toolDrawer{position:fixed;z-index:2400;top:52px;right:-380px;width:360px;height:calc(100vh - 52px);background:#fff;border-left:1px solid #cfd5da;box-shadow:-5px 0 20px rgba(0,0,0,.1);transition:right .2s;padding:12px}.toolDrawer.show{right:0}.drawerHeader{display:flex;justify-content:space-between}.drawerHeader span{font-size:8px;color:var(--orange);font-weight:900}.drawerHeader h3{margin:3px 0}.drawerHeader button{border:0;background:#eef1f3;width:28px;height:28px;border-radius:3px}
.toolBlock{border:1px solid var(--line);border-radius:3px;padding:10px;margin-top:10px}.toolBlock h4{font-size:11px;margin:0 0 7px}.toolBlock p{font-size:9px;color:#74808c;line-height:1.5}.toolBlock button{border:0;background:var(--orange);color:#fff;border-radius:3px;padding:8px 10px;font-size:9px}
.modal{display:none;position:fixed;inset:0;z-index:3000;background:rgba(20,27,34,.45);align-items:center;justify-content:center}.modal.show{display:flex}.modalCard{width:430px;background:#fff;border-radius:4px;padding:16px}.modalHead{display:flex;justify-content:space-between}.modalHead span{font-size:8px;color:var(--orange);font-weight:900}.modalHead h3{margin:3px 0}.modalHead button{border:0;background:#eef1f3;width:28px;height:28px}.modalCard label{display:block;font-size:9px;color:#74808c;margin:10px 0 3px}.modalCard input,.modalCard select{width:100%;border:1px solid #ccd3d9;border-radius:3px;padding:8px;font-size:10px}.modalPrimary{width:100%;margin-top:12px;border:0;background:var(--orange);color:#fff;padding:9px;border-radius:3px;font-size:10px;font-weight:700}.shareResult{margin-top:10px;font-size:9px;line-height:1.6}.toast{display:none;position:absolute;z-index:900;bottom:18px;left:50%;transform:translateX(-50%);background:#2d3640;color:#fff;padding:8px 12px;border-radius:3px;font-size:9px}.toast.show{display:block}

/* Landing */
.landingBody{background:#fff}.landingNav{height:70px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.landingNav nav{display:flex;gap:22px;align-items:center;font-size:12px}.navCta{background:var(--orange);color:#fff;padding:9px 13px;border-radius:4px;font-weight:700}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding:60px 6vw;background:linear-gradient(180deg,#fff,#f4f6f8)}.heroCopy h1{font-size:58px;line-height:1.02;letter-spacing:-.04em;margin:12px 0 20px}.heroCopy h1 span{color:var(--orange)}.heroCopy p{font-size:17px;line-height:1.6;color:var(--muted)}.heroBtns{display:flex;gap:9px;margin-top:24px}.heroBtns a{padding:11px 15px;border-radius:4px;font-weight:700;font-size:12px}.heroBtns .primary{background:var(--orange);color:#fff}.heroBtns .secondary{border:1px solid var(--line)}.heroMock{background:#333b46;border-radius:8px;padding:12px;box-shadow:0 25px 55px rgba(0,0,0,.2)}.mockTop{height:32px;color:white;font-size:11px;display:flex;justify-content:space-between}.mockTop span{color:#8ee1b2}.mockBody{height:410px;background:#fff;display:grid;grid-template-columns:180px 1fr}.mockLeft{padding:12px;border-right:1px solid var(--line);font-size:9px}.mockSearch{background:#f2f4f5;padding:8px;margin:10px 0;color:#9aa3ad}.mockRow{padding:9px;border-bottom:1px solid #edf0f2}.mockRow.on{color:var(--green)}.mockRow small{float:right;color:#7b8590}.mockMap{background:#e6ecef;position:relative;overflow:hidden}.road{position:absolute;background:#fff;border:1px solid #d7dde1}.road.a{height:24px;width:130%;left:-15%;top:36%;transform:rotate(-14deg)}.road.b{height:25px;width:130%;left:-15%;top:65%;transform:rotate(18deg)}.mockPin{position:absolute;color:var(--orange);font-size:28px}.p1{left:35%;top:32%}.p2{left:66%;top:60%}.landingSection{padding:80px 6vw}.landingSection h2{font-size:42px;max-width:800px}.featureGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:32px}.featureGrid article{border:1px solid var(--line);padding:20px}.featureGrid p{color:#75808c;line-height:1.5;font-size:12px}footer{padding:24px 6vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#78838e;font-size:10px}

/* share/sender */
.shareBody{overflow:hidden}.shareTop{height:52px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 10px;font-size:10px;color:#76818d}#shareMap{height:calc(100vh - 52px)}.shareCard{position:fixed;z-index:700;left:14px;bottom:14px;width:280px;background:#fff;border:1px solid #cfd5da;padding:12px;box-shadow:0 7px 22px rgba(0,0,0,.16)}.shareCard>span{font-size:8px;color:var(--orange);font-weight:900}.shareCard h2{font-size:17px;margin:4px 0}.shareCard p,.shareCard div{font-size:9px;color:#73808c}
.senderBody{min-height:100vh;background:#303844;display:grid;place-items:center}.senderWrap{width:520px}.senderBrand{color:#fff;margin-bottom:10px}.senderCard{background:#222a34;color:#fff;padding:20px}.senderCard>span{font-size:8px;color:#ffac85;font-weight:900}.senderCard h1{font-size:26px}.senderCard p{font-size:11px;color:#adb7c2}.senderCard label{display:block;font-size:9px;color:#9faab6;margin:10px 0 3px}.senderCard input{width:100%;border:1px solid #46515e;background:#18202a;color:#fff;padding:9px}.senderCard button{width:100%;border:0;background:#fff;padding:9px;margin-top:9px}.senderCard .danger{background:#7d2f35;color:#fff}.senderCard #status{margin-top:10px;background:#18202a;padding:9px;font-size:10px;line-height:1.6}
.assetLabel{background:#fff;border:1px solid #cfd5da;color:#34404c;box-shadow:none;font-size:9px;padding:3px 5px}
@media(max-width:900px){.workspace{grid-template-columns:270px 1fr}.topMenu{display:none}.hero{grid-template-columns:1fr}.heroMock{display:none}}


/* V3.2 - Device status panel */
.statusLegend{display:flex;gap:10px;flex-wrap:wrap;padding:0 10px 9px;border-bottom:1px solid #edf0f2;font-size:8px;color:#778290}
.statusLegend span{display:flex;align-items:center;gap:4px}
.legendDot{width:7px;height:7px;border-radius:50%;display:inline-block}
.legendDot.moving{background:var(--orange)}
.legendDot.stopped{background:var(--green)}
.legendDot.offline{background:#aeb6bf}
.deviceStatusList{padding:0;overflow:auto}
.deviceStatusRow{padding:12px 10px;border-bottom:1px solid #e8ecef;cursor:pointer;background:#fff}
.deviceStatusRow:hover{background:#f8fafb}
.statusDevice{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.deviceIcon{width:28px;height:28px;background:#f1f3f5;border:1px solid #e2e6e9;border-radius:5px;display:grid;place-items:center;font-size:14px}
.statusDevice b,.statusDevice small{display:block}
.statusDevice b{font-size:11px;color:#26313d}
.statusDevice small{font-size:8px;color:#8a949e;margin-top:2px}
.movementState{display:flex;align-items:flex-start;gap:7px;min-width:0;padding-right:84px;position:relative}
.movementState>i{width:8px;height:8px;border-radius:50%;margin-top:2px;flex:0 0 auto;background:#aeb6bf}
.movementState.moving>i{background:var(--orange)}
.movementState.stopped>i{background:var(--green)}
.movementState.offline>i{background:#aeb6bf}
.movementState b,.movementState small{display:block}
.movementState b{font-size:10px;color:#3a4652;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.movementState small{font-size:8px;color:#9099a3;margin-top:3px}
.batteryState{position:absolute;right:10px;margin-top:-36px;display:flex;align-items:center;gap:6px}
.batteryState b{font-size:10px;color:#3c4854}
.batteryVisual{width:33px;height:13px;border:1px solid #9ea8b2;border-radius:2px;padding:2px;position:relative;background:#fff}
.batteryVisual:after{content:"";position:absolute;right:-4px;top:3px;width:3px;height:5px;border-radius:0 1px 1px 0;background:#9ea8b2}
.batteryVisual span{display:block;height:100%;background:var(--green);min-width:0}
.batteryState.mid .batteryVisual span{background:#d99a2b}
.batteryState.low .batteryVisual span{background:var(--red)}
.batteryState.unknown .batteryVisual span{background:#c3cad1}


/* V3.3 - simpler tools menu */
.simpleToolsMenu{
  left:190px;
  width:340px;
  grid-template-columns:1fr !important;
  padding:8px;
}
.simpleToolsMenu button{
  display:flex;
  align-items:flex-start;
  gap:12px;
  border:1px solid #e4e8ec;
  border-radius:8px;
  background:#fff;
  padding:12px;
  margin-bottom:6px;
  font-size:13px;
}
.simpleToolsMenu button:hover{
  background:#fff7f3;
  border-color:#f1bfaa;
}
.menuIcon{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  font-size:18px;
  flex:0 0 auto;
}
.menuText{display:block;text-align:left}
.menuText b{
  display:block;
  font-size:15px;
  color:#26313d;
  line-height:1.2;
}
.menuText small{
  display:block;
  margin-top:4px;
  color:#7a8590;
  font-size:11px;
  line-height:1.35;
}
.toolHint{
  margin-top:10px;
  padding:10px;
  background:#f7f9fb;
  border:1px solid #e4e8ec;
  border-radius:6px;
  color:#5f6b77;
  font-size:12px;
  line-height:1.45;
}
.toolBlock button{
  margin-top:10px;
  font-size:12px;
  padding:9px 12px;
  border-radius:6px;
}


/* V3.4 - status-first layout */
.statusSectionHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 10px 8px;
}
.statusSectionHead span{
  font-size:10px;
  font-weight:700;
  color:#687481;
  letter-spacing:.08em;
}
.statusAddBtn{
  border:0;
  background:var(--orange);
  color:#fff;
  border-radius:6px;
  padding:8px 12px;
  font-size:12px;
  font-weight:700;
}
.statusHeadBar{
  font-size:11px;
  padding:8px 10px;
}
.statusHeadBar small{
  color:#88929d;
  font-size:10px;
}
.statusBigList{
  padding:8px;
  background:#f7f9fb;
}
.deviceStatusRow.cardLike{
  background:#fff;
  border:1px solid #e2e7eb;
  border-radius:12px;
  padding:12px;
  margin-bottom:10px;
  box-shadow:0 2px 6px rgba(0,0,0,.03);
}
.deviceStatusRow.cardLike.active{
  border-color:#f0b59c;
  box-shadow:0 4px 12px rgba(239,107,46,.10);
}
.statusTopLine{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.statusDevice{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:0;
}
.deviceIcon.big{
  width:42px;
  height:42px;
  border-radius:12px;
  font-size:22px;
  border:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.45);
}
.deviceIcon.big.vehicle{background:linear-gradient(180deg,#ffe8dd,#ffd2bf)}
.deviceIcon.big.machine{background:linear-gradient(180deg,#e6eef8,#d9e8ff)}
.deviceIcon.big.pet{background:linear-gradient(180deg,#efe7ff,#e2d4ff)}
.deviceIcon.big.cargo{background:linear-gradient(180deg,#fff1d9,#ffe3ad)}
.deviceIcon.big.asset{background:linear-gradient(180deg,#e8f7ef,#ccefdc)}
.statusTitleWrap b{
  font-size:14px;
  color:#24303b;
}
.statusTitleWrap small{
  font-size:10px;
  color:#85909c;
  margin-top:4px;
}
.rowActions{
  display:flex;
  align-items:center;
  gap:8px;
}
.mapToggle{
  display:flex;
  align-items:center;
  gap:5px;
  font-size:11px;
  color:#6e7985;
  background:#f6f8fa;
  border:1px solid #e1e6ea;
  padding:6px 8px;
  border-radius:999px;
}
.miniEditBtn{
  border:1px solid #e1e6ea;
  background:#fff;
  width:34px;
  height:34px;
  border-radius:10px;
  font-size:14px;
}
.statusMid{
  margin-top:12px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.statusMid .movementState{
  padding-right:0;
  position:static;
  margin:0;
  flex:1 1 auto;
}
.statusMid .movementState>i{
  width:10px;
  height:10px;
  margin-top:4px;
}
.statusMid .movementState b{
  font-size:13px;
}
.statusMid .movementState small{
  font-size:10px;
  margin-top:4px;
}
.speedPill{
  flex:0 0 auto;
  background:#f5f7fa;
  border:1px solid #e2e7eb;
  color:#495561;
  border-radius:999px;
  padding:7px 10px;
  font-size:11px;
  font-weight:700;
}
.statusBottom{
  margin-top:12px;
  display:flex;
  justify-content:flex-end;
}
.batteryWrap{
  display:flex;
  align-items:center;
  gap:8px;
  background:#f9fbfc;
  border:1px solid #e2e7eb;
  padding:8px 10px;
  border-radius:999px;
}
.batteryLabel{
  font-size:11px;
  color:#73808b;
}
.batteryWrap b{
  font-size:12px;
  color:#34404c;
}
.batteryWrap .batteryVisual{
  width:38px;
  height:14px;
}
.alertsPanelList{
  padding:10px;
}
.alertCard2{
  display:flex;
  gap:10px;
  align-items:flex-start;
  background:#fff;
  border:1px solid #e2e7eb;
  border-radius:10px;
  padding:12px;
  margin-bottom:8px;
}
.alertIcon2{
  width:34px;
  height:34px;
  border-radius:10px;
  display:grid;
  place-items:center;
  font-size:18px;
  background:#f5f7fa;
}
.alertCard2.offline .alertIcon2{background:#eef2f5}
.alertCard2.low .alertIcon2{background:#fff5df}
.alertCard2.speed .alertIcon2{background:#fff0eb}
.alertCard2 b{
  display:block;
  font-size:13px;
  color:#24303b;
}
.alertCard2 small{
  display:block;
  margin-top:4px;
  color:#7d8792;
  font-size:11px;
  line-height:1.4;
}


/* V3.4.1 - fix scrolling in left status panel */
.workspace{
  min-height:0;
}
.navPanel{
  min-height:0;
  overflow:hidden;
}
.tabPane{
  min-height:0;
  overflow:hidden;
}
.tabPane.activePane{
  min-height:0;
}
.statusBigList{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
.alertsPanelList{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
}
.bottomMiniBar{
  flex:0 0 42px;
}
.panelTabs,
.statusSectionHead,
.searchRow,
.statusLegend,
.statusHeadBar{
  flex:0 0 auto;
}


/* V3.5 - address in status and map detail */
.statusAddressLine{
  display:flex;
  align-items:flex-start;
  gap:7px;
  margin-top:11px;
  padding:9px 10px;
  background:#f8fafb;
  border:1px solid #e6eaee;
  border-radius:8px;
  font-size:11px;
  line-height:1.4;
  color:#56616d;
}
.addressPin{
  flex:0 0 auto;
  font-size:13px;
}
.addressBlock #detailsAddress{
  font-size:12px;
  line-height:1.45;
  color:#2f3b46;
  margin-top:5px;
}
.addressBlock #detailsCoords{
  font-size:9px;
  color:#85909b;
  margin-top:4px;
}


/* V3.6 - clearer offline / last known location */
.lastLocationText{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}
.lastLocationText small{
  font-size:8px;
  font-weight:700;
  letter-spacing:.06em;
  color:#8a949f;
}
.lastLocationText span{
  font-size:11px;
  line-height:1.4;
  color:#4f5b67;
}
.lastLocationText em{
  font-size:9px;
  color:#9099a3;
  font-style:normal;
}


/* V4 - auth / multi-tenant UI */
.authBody{min-height:100vh;background:linear-gradient(180deg,#f7f9fb,#eef2f5);display:grid;place-items:center;padding:24px}
.authWrap{width:min(470px,100%)}
.authBrand{margin-bottom:14px}
.authCard{background:#fff;border:1px solid #dfe4e8;border-radius:14px;padding:24px;box-shadow:0 18px 50px rgba(35,44,56,.10)}
.authCard h1{font-size:28px;letter-spacing:-.02em;margin:8px 0}
.authCard>p{font-size:12px;line-height:1.6;color:#778290;margin-bottom:18px}
.authCard label{display:block;font-size:11px;font-weight:700;color:#66717e;margin:12px 0 5px}
.authCard input{width:100%;border:1px solid #ccd3d9;border-radius:7px;padding:11px 12px;outline:none}
.authCard input:focus{border-color:#ef6b2e;box-shadow:0 0 0 3px rgba(239,107,46,.10)}
.authPrimary{width:100%;margin-top:16px;border:0;background:#ef6b2e;color:#fff;border-radius:8px;padding:12px;font-weight:800}
.authMsg{min-height:18px;margin-top:8px;color:#c53b46;font-size:11px}
.authFoot{margin-top:16px;padding-top:14px;border-top:1px solid #edf0f2;text-align:center;font-size:11px;color:#778290}
.authFoot a{color:#ef6b2e;font-weight:700}
.demoBox{margin-top:14px;background:#f7f9fb;border:1px solid #e4e8ec;border-radius:8px;padding:11px;font-size:10px;color:#5e6975}
.demoBox b,.demoBox span{display:block}.demoBox span{margin-top:4px}
.workspaceBadge{background:#fff2eb;border:1px solid #f1c5b0;color:#b94b18;padding:6px 9px;border-radius:999px;font-weight:700}
.accountMenu{display:none;position:fixed;z-index:2600;right:10px;top:48px;width:220px;background:#fff;border:1px solid #cfd5da;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.14);padding:10px}
.accountMenu.show{display:block}
.accountMenu div{padding:6px 4px 10px}.accountMenu b,.accountMenu small{display:block}.accountMenu b{font-size:12px}.accountMenu small{font-size:9px;color:#7c8792;margin-top:3px}
.accountMenu button{width:100%;border:0;background:#f3f5f7;border-radius:6px;padding:8px;font-size:10px;font-weight:700}
.senderCard select{width:100%;background:#18202a;border:1px solid #46515e;color:#fff;padding:9px}


/* V4.2 - professional typography system */
:root{
  --text-strong:#1f2937;
  --text:#374151;
  --text-muted:#7b8794;
  --text-soft:#98a2ad;
}

body{
  font-weight:400;
  letter-spacing:0;
}

/* Top navigation */
.topbar .brand b{
  font-size:16px;
  font-weight:700;
  letter-spacing:-0.01em;
}
.topItem{
  font-size:13px;
  font-weight:500;
}
.workspaceBadge,
.userBtn,
.connected,
.language{
  font-size:12px;
}

/* Main tabs */
.panelTabs{
  height:48px;
}
.tabBtn{
  font-size:14px;
  font-weight:600;
  letter-spacing:-0.01em;
  color:#6b7280;
}
.tabBtn.active{
  color:var(--orange);
  font-weight:700;
}

/* Section heading */
.statusSectionHead{
  padding:16px 14px 10px;
}
.statusSectionHead span,
.sectionTitle{
  font-size:12px;
  font-weight:700;
  letter-spacing:.04em;
  color:#64748b;
}
.statusAddBtn{
  font-size:13px;
  font-weight:700;
  padding:8px 13px;
}

/* Search */
.searchRow{
  padding:10px 12px;
}
.searchBox{
  height:40px;
  border-radius:8px;
  padding:0 11px;
  background:#fff;
}
.searchBox input{
  font-size:13px;
  color:#374151;
}
.searchBox input::placeholder{
  color:#9aa4af;
}

/* Legend / meta */
.statusLegend{
  font-size:10px;
  gap:12px;
  padding:0 12px 10px;
}
.statusHeadBar{
  font-size:12px;
  color:#667085;
  padding:9px 12px;
}
.statusHeadBar small{
  font-size:11px;
  color:#98a2ad;
}

/* Device cards */
.deviceStatusRow.cardLike{
  border-radius:14px;
  padding:14px;
  margin-bottom:10px;
}
.deviceIcon.big{
  width:44px;
  height:44px;
  border-radius:12px;
  font-size:22px;
}
.statusTitleWrap b{
  font-size:16px;
  font-weight:700;
  line-height:1.25;
  letter-spacing:-0.015em;
  color:var(--text-strong);
}
.statusTitleWrap small{
  font-size:11px;
  font-weight:400;
  color:var(--text-muted);
  margin-top:4px;
}
.statusMid{
  margin-top:14px;
}
.statusMid .movementState b{
  font-size:14px;
  font-weight:600;
  line-height:1.3;
  color:#344054;
}
.statusMid .movementState small{
  font-size:11px;
  color:#98a2ad;
  margin-top:4px;
}
.speedPill{
  font-size:12px;
  font-weight:700;
  padding:7px 11px;
}
.mapToggle{
  font-size:11px;
  font-weight:500;
}
.miniEditBtn{
  font-size:13px;
}

/* Address */
.statusAddressLine{
  margin-top:12px;
  padding:10px 11px;
  border-radius:9px;
}
.lastLocationText small{
  font-size:9px;
  font-weight:700;
  letter-spacing:.04em;
  color:#98a2ad;
}
.lastLocationText span{
  font-size:12px;
  font-weight:500;
  line-height:1.45;
  color:#475467;
}
.lastLocationText em{
  font-size:10px;
  color:#98a2ad;
}

/* Battery */
.batteryWrap{
  padding:7px 10px;
}
.batteryLabel{
  font-size:11px;
}
.batteryWrap b{
  font-size:12px;
  font-weight:700;
}

/* Right details panel */
.detailsPanel{
  width:360px;
  border-radius:10px;
  padding:16px;
}
.detailsTop h3{
  font-size:18px;
  font-weight:700;
  letter-spacing:-0.015em;
}
.typeLabel{
  font-size:9px;
  font-weight:700;
  letter-spacing:.06em;
}
.detailsStatus{
  font-size:11px;
}
.addressBlock span{
  font-size:9px;
  font-weight:700;
  letter-spacing:.04em;
}
.addressBlock #detailsAddress{
  font-size:13px;
  font-weight:600;
  line-height:1.45;
}
.addressBlock #detailsCoords,
.addressBlock #detailsUpdated{
  font-size:10px;
}
.basicMetrics span,
.basicMetrics small{
  font-size:9px;
}
.basicMetrics b{
  font-size:17px;
  font-weight:700;
}
.sensorList div,
.moreDetails div{
  font-size:10px;
}
.detailButtons button{
  font-size:11px;
  font-weight:600;
  padding:8px;
}

/* Alerts */
.alertCard2 b{
  font-size:13px;
  font-weight:700;
}
.alertCard2 small{
  font-size:11px;
  line-height:1.45;
}

/* Menus */
.simpleToolsMenu button{
  font-size:13px;
}
.menuText b{
  font-size:14px;
  font-weight:700;
}
.menuText small{
  font-size:11px;
}
.toolBlock h4{
  font-size:14px;
  font-weight:700;
}
.toolBlock p,
.toolHint{
  font-size:11px;
}

/* Auth */
.authCard h1{
  font-size:28px;
  font-weight:700;
  letter-spacing:-0.025em;
}
.authCard>p{
  font-size:13px;
}
.authCard label{
  font-size:11px;
  font-weight:600;
}
.authCard input{
  font-size:13px;
}
.authPrimary{
  font-size:13px;
  font-weight:700;
}

/* Sender */
.senderCard h1{
  font-size:26px;
  font-weight:700;
  letter-spacing:-0.02em;
}
.senderCard p{
  font-size:12px;
}
.senderCard label{
  font-size:10px;
}
.senderCard input,
.senderCard select{
  font-size:12px;
}

/* Reduce shouty uppercase feel */
.eyebrow,
.sectionTitle,
.statusSectionHead span,
.typeLabel,
.lastLocationText small,
.addressBlock span{
  text-transform:none;
}


/* =========================================================
   V4.4 TYPOGRAPHY RESET
   Product UI scale inspired by modern SaaS / Primer-like hierarchy
   ========================================================= */

:root{
  --font-ui:Arial,"Segoe UI","Noto Sans",sans-serif;
  --ink-950:#18212f;
  --ink-900:#202b3a;
  --ink-800:#344054;
  --ink-700:#475467;
  --ink-600:#667085;
  --ink-500:#7f8a99;
  --ink-400:#98a2b3;
}

/* One font system everywhere */
html,
body,
button,
input,
select,
textarea{
  font-family:var(--font-ui) !important;
}

body{
  font-size:14px !important;
  line-height:1.45 !important;
  font-weight:400 !important;
  color:var(--ink-900) !important;
  letter-spacing:-0.005em !important;
  -webkit-font-smoothing:antialiased;
  text-rendering:auto;
}

button,
input,
select{
  letter-spacing:0 !important;
}

/* Brand + top navigation */
.topbar .brand b{
  font-size:15px !important;
  line-height:20px !important;
  font-weight:650 !important;
  letter-spacing:-0.02em !important;
}
.topItem{
  font-size:13px !important;
  line-height:18px !important;
  font-weight:500 !important;
}
.workspaceBadge,
.userBtn,
.connected,
.language{
  font-size:12px !important;
  line-height:16px !important;
  font-weight:500 !important;
}

/* Tabs: clear but not oversized */
.panelTabs{
  height:46px !important;
}
.tabBtn{
  font-size:13px !important;
  line-height:18px !important;
  font-weight:550 !important;
  letter-spacing:-0.01em !important;
  color:var(--ink-600) !important;
}
.tabBtn.active{
  font-weight:650 !important;
  color:var(--orange) !important;
}

/* Section titles */
.statusSectionHead{
  padding:14px 12px 9px !important;
}
.statusSectionHead span,
.sectionTitle{
  font-size:11px !important;
  line-height:16px !important;
  font-weight:650 !important;
  letter-spacing:.035em !important;
  color:var(--ink-600) !important;
  text-transform:none !important;
}
.statusAddBtn{
  font-size:12px !important;
  line-height:16px !important;
  font-weight:650 !important;
  padding:8px 12px !important;
}

/* Search */
.searchRow{
  padding:8px 10px 10px !important;
}
.searchBox{
  height:38px !important;
  padding:0 10px !important;
  border-radius:8px !important;
}
.searchBox input{
  font-size:13px !important;
  line-height:18px !important;
  font-weight:400 !important;
  color:var(--ink-800) !important;
}
.searchBox input::placeholder{
  color:var(--ink-400) !important;
}

/* Supporting UI */
.statusLegend{
  font-size:10px !important;
  line-height:14px !important;
  font-weight:450 !important;
  color:var(--ink-600) !important;
}
.statusHeadBar{
  font-size:11px !important;
  line-height:16px !important;
  font-weight:500 !important;
  color:var(--ink-600) !important;
}
.statusHeadBar small{
  font-size:10px !important;
  line-height:14px !important;
  font-weight:400 !important;
  color:var(--ink-400) !important;
}

/* Device cards */
.statusBigList{
  padding:8px !important;
}
.deviceStatusRow.cardLike{
  padding:13px !important;
  border-radius:12px !important;
  margin-bottom:8px !important;
}
.deviceIcon.big{
  width:40px !important;
  height:40px !important;
  border-radius:10px !important;
  font-size:20px !important;
}
.statusDevice{
  gap:10px !important;
}
.statusTitleWrap{
  min-width:0;
}
.statusTitleWrap b{
  display:block;
  font-size:15px !important;
  line-height:20px !important;
  font-weight:650 !important;
  letter-spacing:-0.018em !important;
  color:var(--ink-950) !important;
}
.statusTitleWrap small{
  display:block;
  margin-top:2px !important;
  font-size:11px !important;
  line-height:15px !important;
  font-weight:400 !important;
  color:var(--ink-500) !important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:190px;
}

/* Avoid over-large state text */
.statusMid{
  margin-top:12px !important;
  align-items:center !important;
}
.statusMid .movementState{
  align-items:flex-start !important;
  gap:7px !important;
}
.statusMid .movementState>i{
  width:8px !important;
  height:8px !important;
  margin-top:5px !important;
}
.statusMid .movementState b{
  font-size:13px !important;
  line-height:18px !important;
  font-weight:600 !important;
  letter-spacing:-0.008em !important;
  color:var(--ink-800) !important;
}
.statusMid .movementState small{
  margin-top:2px !important;
  font-size:10px !important;
  line-height:14px !important;
  font-weight:400 !important;
  color:var(--ink-400) !important;
}
.speedPill{
  padding:6px 9px !important;
  font-size:11px !important;
  line-height:16px !important;
  font-weight:650 !important;
  color:var(--ink-800) !important;
}

/* Controls */
.mapToggle{
  padding:5px 8px !important;
  font-size:11px !important;
  line-height:15px !important;
  font-weight:500 !important;
}
.miniEditBtn{
  width:32px !important;
  height:32px !important;
  font-size:12px !important;
}

/* Address area: no shouty uppercase */
.statusAddressLine{
  margin-top:10px !important;
  padding:9px 10px !important;
  border-radius:8px !important;
}
.addressPin{
  font-size:12px !important;
}
.lastLocationText{
  gap:2px !important;
}
.lastLocationText small{
  font-size:9px !important;
  line-height:13px !important;
  font-weight:600 !important;
  letter-spacing:.025em !important;
  color:var(--ink-400) !important;
  text-transform:none !important;
}
.lastLocationText span{
  font-size:12px !important;
  line-height:17px !important;
  font-weight:450 !important;
  letter-spacing:-0.004em !important;
  color:var(--ink-700) !important;
}
.lastLocationText em{
  font-size:10px !important;
  line-height:14px !important;
  font-weight:400 !important;
  color:var(--ink-400) !important;
}

/* Battery */
.statusBottom{
  margin-top:10px !important;
}
.batteryWrap{
  padding:6px 9px !important;
  gap:7px !important;
}
.batteryLabel{
  font-size:11px !important;
  font-weight:450 !important;
  color:var(--ink-600) !important;
}
.batteryWrap b{
  font-size:11px !important;
  line-height:15px !important;
  font-weight:650 !important;
  color:var(--ink-800) !important;
}

/* Map detail card */
.detailsPanel{
  width:350px !important;
  padding:14px !important;
  border-radius:10px !important;
}
.typeLabel{
  font-size:9px !important;
  line-height:13px !important;
  font-weight:600 !important;
  letter-spacing:.04em !important;
  text-transform:none !important;
}
.detailsTop h3{
  margin:4px 0 !important;
  font-size:17px !important;
  line-height:22px !important;
  font-weight:650 !important;
  letter-spacing:-0.018em !important;
}
.detailsStatus{
  font-size:10px !important;
  line-height:14px !important;
}
.addressBlock span{
  font-size:9px !important;
  line-height:13px !important;
  font-weight:600 !important;
  letter-spacing:.025em !important;
  text-transform:none !important;
}
.addressBlock #detailsAddress{
  margin-top:4px !important;
  font-size:12px !important;
  line-height:17px !important;
  font-weight:500 !important;
}
.addressBlock #detailsCoords,
.addressBlock #detailsUpdated{
  font-size:10px !important;
  line-height:14px !important;
  font-weight:400 !important;
}
.basicMetrics span,
.basicMetrics small{
  font-size:9px !important;
  line-height:13px !important;
}
.basicMetrics b{
  font-size:16px !important;
  line-height:20px !important;
  font-weight:650 !important;
}
.sensorList div,
.moreDetails div{
  font-size:10px !important;
  line-height:14px !important;
}
.detailButtons button{
  font-size:11px !important;
  line-height:15px !important;
  font-weight:600 !important;
}

/* Alerts */
.alertCard2 b{
  font-size:13px !important;
  line-height:18px !important;
  font-weight:600 !important;
}
.alertCard2 small{
  font-size:11px !important;
  line-height:16px !important;
}

/* Tools dropdown */
.menuText b{
  font-size:13px !important;
  line-height:18px !important;
  font-weight:600 !important;
}
.menuText small{
  font-size:10px !important;
  line-height:14px !important;
  font-weight:400 !important;
}
.toolBlock h4{
  font-size:13px !important;
  line-height:18px !important;
  font-weight:650 !important;
}
.toolBlock p,
.toolHint{
  font-size:11px !important;
  line-height:16px !important;
}

/* Auth */
.authCard h1{
  font-size:24px !important;
  line-height:30px !important;
  font-weight:650 !important;
  letter-spacing:-0.025em !important;
}
.authCard>p{
  font-size:13px !important;
  line-height:19px !important;
}
.authCard label{
  font-size:11px !important;
  line-height:15px !important;
  font-weight:550 !important;
}
.authCard input{
  font-size:13px !important;
}
.authPrimary{
  font-size:13px !important;
  line-height:18px !important;
  font-weight:650 !important;
}

/* Sender */
.senderCard h1{
  font-size:23px !important;
  line-height:29px !important;
  font-weight:650 !important;
}
.senderCard p{
  font-size:12px !important;
  line-height:18px !important;
}
.senderCard label{
  font-size:10px !important;
}
.senderCard input,
.senderCard select{
  font-size:12px !important;
}

/* Remove artificial editorial serif / uppercase effects everywhere */
.eyebrow,
.sectionTitle,
.statusSectionHead span,
.typeLabel,
.lastLocationText small,
.addressBlock span{
  font-family:var(--font-ui) !important;
  text-transform:none !important;
}

/* Responsive text preservation */
@media(max-width:1100px){
  .statusTitleWrap small{max-width:145px}
  .statusTitleWrap b{font-size:14px !important}
  .statusMid .movementState b{font-size:12px !important}
}


/* V4.5 - resilient basemap */
#map{
  background:#e9edf1 !important;
}
.mapLoadStatus{
  display:none;
  position:absolute;
  z-index:850;
  left:50%;
  top:18px;
  transform:translateX(-50%);
  padding:8px 12px;
  border-radius:8px;
  font-family:var(--font-ui);
  font-size:11px;
  font-weight:550;
  line-height:16px;
  box-shadow:0 5px 18px rgba(0,0,0,.12);
  pointer-events:none;
}
.mapLoadStatus.show{display:block}
.mapLoadStatus.loading{
  background:rgba(255,255,255,.96);
  color:#475467;
  border:1px solid #d9e0e6;
}
.mapLoadStatus.error{
  background:#fff4f1;
  color:#b54708;
  border:1px solid #f5c2a9;
}


/* V4.6 - my location + distance */
.locationConsent{
  display:none;
  position:absolute;
  z-index:880;
  left:18px;
  bottom:18px;
  width:360px;
  background:rgba(255,255,255,.98);
  border:1px solid #dbe2e8;
  border-radius:14px;
  box-shadow:0 16px 40px rgba(24,33,47,.16);
  padding:14px;
  font-family:var(--font-ui);
}
.locationConsent.show{display:block}
.locationConsentIcon{
  width:36px;height:36px;border-radius:10px;
  display:grid;place-items:center;
  background:#eaf2ff;color:#2563eb;
  font-size:18px;font-weight:700;
  float:left;margin-right:10px;
}
.locationConsentText b{
  display:block;font-size:13px;line-height:18px;font-weight:650;color:#202b3a;
}
.locationConsentText span{
  display:block;margin-top:3px;font-size:11px;line-height:16px;color:#667085;
}
.locationConsentActions{
  display:flex;gap:8px;margin-top:12px;clear:both;
}
.locationConsentActions button{
  border-radius:8px;padding:8px 10px;font-size:11px;font-weight:600;
}
.allowLocationBtn{border:0;background:#2563eb;color:#fff}
.skipLocationBtn{border:1px solid #dbe2e8;background:#fff;color:#667085}

.distanceToMe{
  margin:8px 0 10px;
  padding:9px 10px;
  border:1px solid #dbe6f6;
  background:#f6f9ff;
  border-radius:8px;
  display:flex;
  align-items:center;
  gap:9px;
}
.distanceToMe.hidden{display:none}
.distanceToMe>span{
  width:28px;height:28px;border-radius:8px;background:#e5efff;color:#2563eb;
  display:grid;place-items:center;font-weight:700;
}
.distanceToMe small,.distanceToMe b,.distanceToMe em{display:block}
.distanceToMe small{font-size:9px;line-height:13px;color:#7b8794}
.distanceToMe b{font-size:13px;line-height:17px;font-weight:650;color:#344054;margin-top:1px}
.distanceToMe em{font-size:9px;line-height:13px;color:#98a2b3;font-style:normal}
#myLocationBtn.activeCtrl{
  background:#eaf2ff!important;color:#2563eb!important;border-color:#9ec5ff!important;
}
@media(max-width:760px){
  .locationConsent{left:10px;right:10px;bottom:10px;width:auto}
}


/* V5.2 — MapLibre + OpenFreeMap */
#map,
#shareMap{
  background:#e9edf1;
}
.a360DeviceMarker{
  position:absolute;
  transform:translate(-50%,-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
  cursor:pointer;
  user-select:none;
  z-index:1;
}
.a360DeviceMarker.selected{
  z-index:10;
}
.a360DeviceDot{
  width:22px;
  height:22px;
  border-radius:50%;
  border:4px solid #fff;
  box-shadow:0 3px 10px rgba(20,31,45,.28);
}
.a360DeviceMarker.selected .a360DeviceDot{
  width:26px;
  height:26px;
  box-shadow:0 0 0 4px rgba(243,106,47,.18),0 4px 12px rgba(20,31,45,.30);
}
.a360DeviceLabel{
  white-space:nowrap;
  background:rgba(255,255,255,.96);
  border:1px solid #d8dee5;
  border-radius:7px;
  padding:5px 8px;
  font-family:var(--font-ui);
  font-size:11px;
  line-height:14px;
  font-weight:600;
  color:#344054;
  box-shadow:0 3px 10px rgba(20,31,45,.12);
}

.googleMapSetup b{
  font-size:14px;
  line-height:19px;
  font-weight:650;
  color:#202b3a;
}
.googleMapSetup span{
  margin-top:4px;
  font-size:11px;
  line-height:16px;
  color:#667085;
}
.googleMapSetup code{
  margin-top:10px;
  padding:8px 9px;
  border-radius:7px;
  background:#f4f6f8;
  color:#475467;
  font-size:10px;
  overflow:auto;
}

/* V5 - usable MVP */
.fleetSummary{
  position:absolute;top:14px;left:14px;z-index:420;
  display:grid;grid-template-columns:repeat(4,minmax(76px,1fr));gap:1px;
  background:#dfe4e8;border:1px solid #d6dde3;border-radius:12px;overflow:hidden;
  box-shadow:0 8px 24px rgba(28,39,49,.12)
}
.fleetSummary>div{background:rgba(255,255,255,.95);padding:9px 12px;min-width:82px}
.fleetSummary span{display:block;font-size:9px;color:#7f8993;margin-bottom:2px}
.fleetSummary b{font-size:17px;color:#26313d;line-height:1}
#sumMoving{color:#ef6b32}#sumStopped{color:#2eb875}#sumOffline{color:#8a949e}
.alertCard2.geo .alertIcon2{background:#eaf2ff}
.geofenceTool label{display:block;font-size:10px;color:#6d7884;margin:10px 0 4px;font-weight:650}
.geofenceTool input,.geofenceTool select{width:100%;box-sizing:border-box;border:1px solid #d8dfe5;border-radius:8px;padding:9px 10px;background:#fff;font:inherit;font-size:12px;color:#2f3a45}
.geoGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.secondaryToolBtn{background:#f4f6f8!important;color:#34404c!important;border:1px solid #dfe4e8!important}
.toolMsg{font-size:11px;color:#b42318;margin-top:6px}
.geoList{margin-top:16px;border-top:1px solid #e7ebef;padding-top:12px}.geoList h5{font-size:10px;color:#74808b;margin:0 0 8px;text-transform:uppercase;letter-spacing:.06em}
.geoItem{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid #edf0f3}.geoItem b,.geoItem small{display:block}.geoItem b{font-size:12px;color:#2f3a45}.geoItem small{font-size:10px;color:#87919b;margin-top:3px}.geoItem button{margin:0!important;background:#fff!important;color:#b42318!important;border:1px solid #f1cccc!important;padding:6px 8px!important}
.shareExpires{display:block;margin-top:6px;color:#89939d;font-size:9px}
@media(max-width:900px){.fleetSummary{grid-template-columns:repeat(2,minmax(82px,1fr));top:10px;left:10px}.fleetSummary>div{padding:7px 9px}}

.myLocationDot{width:18px;height:18px;border-radius:50%;background:#2563eb;border:4px solid #fff;box-shadow:0 0 0 3px rgba(37,99,235,.18),0 3px 10px rgba(20,31,45,.25)}
.shareDeviceDot{width:22px;height:22px;border-radius:50%;background:#f36a2f;border:4px solid #fff;box-shadow:0 3px 12px rgba(20,31,45,.3)}
.maplibregl-ctrl-bottom-left,.maplibregl-ctrl-bottom-right{font-family:var(--font-ui)}


/* V5.3 — Professional compact device list + map hover + clustering */
.workspace{grid-template-columns:390px 1fr!important}
.statusSectionHead{padding:18px 16px 12px!important}
.statusSectionHead span{font-size:16px!important;line-height:22px!important;font-weight:650!important;letter-spacing:-.01em!important}
.statusAddBtn{font-size:14px!important;line-height:20px!important;padding:10px 14px!important;border-radius:10px!important}
.searchRow{padding:10px 14px!important;grid-template-columns:1fr!important}
.searchBox{height:44px!important;border-radius:10px!important;padding:0 12px!important}
.searchBox input{font-size:14px!important;line-height:20px!important;margin-left:8px!important}
.searchBox span{font-size:18px!important}
.statusLegend{padding:9px 14px!important;font-size:12px!important;gap:14px!important}
.statusHeadBar{height:42px!important;padding:0 14px!important;font-size:13px!important}
.statusHeadBar small{font-size:11px!important}
.statusBigList{padding:10px 12px 84px!important;background:#f7f9fb!important}

.deviceStatusRow.compactDeviceRow{
  display:grid;
  grid-template-columns:48px 1fr;
  gap:12px;
  align-items:start;
  min-height:116px;
  padding:14px!important;
  margin:0 0 9px!important;
  background:#fff;
  border:1px solid #e1e7ec;
  border-radius:14px;
  box-shadow:0 2px 7px rgba(31,41,55,.035);
  cursor:pointer;
  transition:border-color .15s,box-shadow .15s,transform .15s,background .15s;
}
.deviceStatusRow.compactDeviceRow:hover{
  border-color:#efb59b;
  box-shadow:0 6px 18px rgba(38,49,61,.08);
  transform:translateY(-1px);
}
.deviceStatusRow.compactDeviceRow.active{
  border-color:#ef8b5e;
  background:#fffaf7;
  box-shadow:0 0 0 2px rgba(239,107,46,.08),0 7px 20px rgba(38,49,61,.08);
}
.compactDeviceIcon.deviceIcon.big{width:48px!important;height:48px!important;border-radius:13px!important;font-size:23px!important}
.compactDeviceMain{min-width:0}
.compactTitleLine{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.compactIdentity{min-width:0}
.compactIdentity b{display:block;font-size:17px;line-height:22px;font-weight:700;letter-spacing:-.018em;color:#172230;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.compactIdentity small{display:block;margin-top:2px;font-size:12px;line-height:17px;font-weight:450;color:#8290a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.compactChevron{font-size:27px;line-height:24px;color:#a1abb6;font-weight:350;flex:0 0 auto;margin-top:0}
.compactAddress{display:flex;align-items:flex-start;gap:8px;margin-top:10px;min-width:0}
.compactAddress>span{font-size:15px;line-height:20px;flex:0 0 auto;margin-top:1px}
.compactAddressCopy{min-width:0;flex:1}
.compactAddressMeta{display:flex;align-items:center;gap:7px;min-width:0;margin-bottom:2px;font-size:11px;line-height:15px;font-weight:600;color:#9aa5b1}
.compactAddressMeta span{white-space:nowrap}
.compactAddressMeta time{white-space:nowrap;color:#7f8b98;font-style:normal}
.compactAddressMeta time:before{content:'·';margin-right:7px;color:#c0c7ce}
.compactAddressCopy>b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:15px;line-height:20px;font-weight:620;color:#33404c;min-width:0}
.compactFooter{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}
.compactStatus{display:inline-flex;align-items:center;gap:6px;min-width:0;font-size:12px;line-height:17px;font-weight:600;color:#5f6c79}
.compactStatus i{width:8px;height:8px;border-radius:50%;background:#aeb6bf;flex:0 0 auto}
.compactStatus.moving i{background:var(--orange)}
.compactStatus.stopped i{background:var(--green)}
.compactStatus.offline i{background:#aeb6bf}
.compactBattery{font-size:12px;line-height:17px;color:#7a8794;white-space:nowrap}
.compactBattery b{font-size:13px;color:#34404c;font-weight:700}
.compactBattery.low b{color:#c2413c}
.technicalCoords{display:none!important}

/* Map marker hover summary */
.a360DeviceMarker.clusterHidden{display:none!important}
.a360HoverCard{
  display:none;
  position:absolute;
  left:50%;bottom:34px;
  transform:translateX(-50%);
  width:244px;
  padding:12px 13px;
  border:1px solid #dce3e9;
  border-radius:12px;
  background:rgba(255,255,255,.98);
  box-shadow:0 12px 32px rgba(25,35,48,.18);
  font-family:var(--font-ui);
  color:#24303b;
  pointer-events:none;
  z-index:30;
}
.a360DeviceMarker.hoverOpen .a360HoverCard{display:block}
.hoverTitle{font-size:15px;line-height:20px;font-weight:700;letter-spacing:-.012em;color:#172230}
.hoverStatus{display:flex;align-items:center;gap:6px;margin-top:5px;font-size:12px;line-height:17px;font-weight:600;color:#55616d}
.hoverStatus i{width:8px;height:8px;border-radius:50%;background:#aeb6bf}
.hoverStatus.moving i{background:var(--orange)}
.hoverStatus.online i{background:var(--green)}
.hoverAddress{margin-top:7px;font-size:12px;line-height:17px;color:#52606d;white-space:normal}
.hoverMeta{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px;padding-top:8px;border-top:1px solid #edf1f4;font-size:11px;line-height:15px;color:#7c8895}

/* Native lightweight clustering */
.a360ClusterMarker{
  min-width:42px;height:42px;padding:0 8px;border:3px solid #fff;border-radius:999px;
  background:#ef6b2e;color:#fff;box-shadow:0 5px 16px rgba(38,49,61,.26);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  font-family:var(--font-ui);cursor:pointer;
}
.a360ClusterMarker b{font-size:14px;line-height:15px;font-weight:750}
.a360ClusterMarker span{font-size:8px;line-height:10px;font-weight:600;opacity:.92}
.clusterPopup{font-family:var(--font-ui);min-width:250px;padding:2px}
.clusterPopup>strong{display:block;font-size:14px;line-height:19px;color:#172230}
.clusterPopup>small{display:block;margin:2px 0 8px;font-size:10px;color:#8a95a1}
.clusterDeviceRow{width:100%;display:flex;justify-content:space-between;gap:10px;border:0;border-top:1px solid #edf1f4;background:#fff;padding:8px 2px;text-align:left}
.clusterDeviceRow:hover{background:#fff8f4}
.clusterDeviceRow b{font-size:12px;color:#34404c}
.clusterDeviceRow span{font-size:10px;color:#7c8792}
.clusterPopup>em{display:block;margin-top:6px;font-size:10px;color:#8a95a1;font-style:normal}

/* Details remain the deep-view layer */
.detailsPanel{width:380px!important;border-radius:14px!important;padding:16px!important}
.detailsTop h3{font-size:20px!important;line-height:26px!important}
.addressBlock #detailsAddress{font-size:14px!important;line-height:20px!important;font-weight:600!important;color:#26313d!important}
.addressBlock #detailsUpdated{font-size:11px!important;line-height:16px!important;color:#8a95a1!important}
.basicMetrics b{font-size:19px!important}
.detailButtons button,.showMoreBtn{font-size:12px!important}

@media(max-width:1050px){.workspace{grid-template-columns:350px 1fr!important}.compactIdentity b{font-size:16px}.compactAddressCopy>b{font-size:14px}}

/* V5.3.1 — Large, easy-entry device activation form */
#deviceModal{padding:20px;overflow:auto}
#deviceModal .modalCard{
  width:min(760px,calc(100vw - 40px))!important;
  max-height:calc(100vh - 40px);
  overflow:auto;
  padding:28px 32px 30px!important;
  border-radius:18px!important;
  box-shadow:0 24px 70px rgba(20,31,45,.24);
}
#deviceModal .modalHead{align-items:flex-start;gap:24px;margin-bottom:22px}
#deviceModal .modalHead span{
  display:block;
  font-size:13px!important;
  line-height:18px!important;
  font-weight:700!important;
  letter-spacing:.01em;
  color:var(--orange)!important;
}
#deviceModal .modalHead h3{
  margin:6px 0 0!important;
  font-size:30px!important;
  line-height:36px!important;
  font-weight:700!important;
  letter-spacing:-.025em;
  color:#172230;
}
#deviceModal .modalHead button{
  flex:0 0 auto;
  width:48px!important;
  height:48px!important;
  border-radius:12px!important;
  font-size:28px!important;
  line-height:48px!important;
  color:#26313d;
  cursor:pointer;
}
#deviceModal .modalHead button:hover{background:#e7ecef!important}
#deviceModal label{
  margin:18px 0 7px!important;
  font-size:15px!important;
  line-height:21px!important;
  font-weight:600!important;
  color:#5f6d7a!important;
}
#deviceModal input,
#deviceModal select{
  width:100%;
  min-height:58px;
  padding:14px 16px!important;
  border:1.5px solid #cbd4dc!important;
  border-radius:11px!important;
  background:#fff;
  font-size:17px!important;
  line-height:24px!important;
  color:#172230;
  outline:none;
  transition:border-color .15s,box-shadow .15s,background .15s;
}
#deviceModal input::placeholder{color:#9aa6b3;opacity:1}
#deviceModal input:focus,
#deviceModal select:focus{
  border-color:#ef6b2e!important;
  box-shadow:0 0 0 4px rgba(239,107,46,.12);
}
#deviceModal select{cursor:pointer}
#deviceModal .modalPrimary{
  min-height:58px;
  margin-top:26px!important;
  padding:14px 18px!important;
  border-radius:11px!important;
  font-size:17px!important;
  line-height:24px!important;
  font-weight:700!important;
  cursor:pointer;
  box-shadow:0 7px 18px rgba(239,107,46,.18);
}
#deviceModal .modalPrimary:hover{filter:brightness(.98)}
#deviceModal #formMsg{margin-top:10px;font-size:14px;line-height:20px}

@media(max-width:700px){
  #deviceModal{padding:10px;align-items:flex-start}
  #deviceModal .modalCard{width:100%!important;max-height:calc(100vh - 20px);padding:22px 18px 24px!important;border-radius:14px!important}
  #deviceModal .modalHead h3{font-size:25px!important;line-height:31px!important}
  #deviceModal input,#deviceModal select{min-height:54px;font-size:16px!important}
  #deviceModal label{font-size:14px!important}
  #deviceModal .modalPrimary{min-height:54px;font-size:16px!important}
}


/* V5.3.2 — Smooth live-follow tracking */
.a360DeviceDot{position:relative}
.a360DeviceMarker.selected.isMoving .a360DeviceDot::after{
  content:"";
  position:absolute;
  inset:-9px;
  border-radius:50%;
  border:2px solid rgba(243,106,47,.50);
  animation:a360LivePulse 1.45s ease-out infinite;
  pointer-events:none;
}
@keyframes a360LivePulse{
  0%{transform:scale(.72);opacity:.95}
  72%,100%{transform:scale(1.65);opacity:0}
}
.detailsActions{display:flex;align-items:center;gap:8px}
.followSelectedBtn{
  height:32px!important;
  width:auto!important;
  padding:0 11px!important;
  border:1px solid #d8e0e7!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#66727e!important;
  font-family:var(--font-ui)!important;
  font-size:11px!important;
  line-height:30px!important;
  font-weight:650!important;
  white-space:nowrap;
  cursor:pointer;
}
.followSelectedBtn:hover{background:#f7f9fb!important;color:#34404c!important}
.followSelectedBtn.active{
  background:#fff4ee!important;
  border-color:#f7b08c!important;
  color:#d95e26!important;
}
.detailsCloseBtn{
  width:32px!important;height:32px!important;border:0!important;border-radius:7px!important;
  background:#eef1f3!important;color:#26313d!important;font-size:18px!important;cursor:pointer;
}

/* V5.3.5 - Pro history: larger controls + move/stop timeline */
.historyPane{overflow:hidden}
.historyPaneHead{padding:18px 16px 4px}
.historyPaneHead .sectionTitle{padding:0;font-size:16px;letter-spacing:.03em;color:#5d6a79}
.historyPaneHead p{margin:7px 0 2px;font-size:13px;line-height:1.45;color:#8a95a3}
.historyPane>label{font-size:14px;font-weight:650;color:#65717f;margin:14px 16px 6px}
.historyPane>select{height:52px;margin:0 16px;border-radius:9px;padding:0 14px;font-size:16px;border:1px solid #cbd4dc;background:#fff;color:#1f2937}
.historyDateRow{grid-template-columns:1fr 1fr;gap:10px;margin:14px 16px 12px}
.historyDateRow label{display:block;margin:0}
.historyDateRow label span{display:block;font-size:12px;font-weight:650;color:#7a8694;margin:0 0 5px 2px}
.historyDateRow input{width:100%;height:52px;border-radius:9px;padding:0 12px;font-size:15px;border:1px solid #cbd4dc;background:#fff;color:#26313d}
.historyPrimaryBtn{height:52px;margin:0 16px;border-radius:9px;font-size:16px;font-weight:700;box-shadow:0 5px 14px rgba(239,107,46,.16)}
.historyPrimaryBtn:disabled{opacity:.7;cursor:wait}
.historySummaryBox{margin:14px 16px 8px;background:#fff;border:1px solid #dce3e8;border-radius:12px;padding:14px;box-shadow:0 3px 10px rgba(20,32,46,.04)}
.historySummaryTitle{font-size:18px;font-weight:700;color:#22303f;margin-bottom:12px}
.historyStats{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.historyStats div{background:#f6f8fa;border:1px solid #edf0f3;border-radius:9px;padding:10px 11px;min-width:0}
.historyStats span,.historyStats b{display:block}
.historyStats span{font-size:11px;color:#8290a0;margin-bottom:3px}
.historyStats b{font-size:16px;color:#273442;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.historyEmptyState{font-size:14px;line-height:1.5;color:#7b8794;padding:4px 2px}
.historyEmptyState b,.historyEmptyState span{display:block}
.historyEmptyState b{font-size:17px;color:#293746;margin-bottom:4px}
.historyTimeline{flex:1;overflow:auto;padding:4px 16px 18px}
.historyEvent{width:100%;display:grid;grid-template-columns:14px 1fr 18px;gap:10px;align-items:start;text-align:left;border:1px solid #dfe5ea;background:#fff;border-radius:12px;padding:13px 12px;margin-top:9px;box-shadow:0 2px 8px rgba(20,32,46,.035);color:#273442}
.historyEvent:hover{border-color:#f4ae8c;background:#fffaf7}
.historyEventDot{width:10px;height:10px;border-radius:50%;margin-top:6px;background:#aeb7c0;box-shadow:0 0 0 4px #f0f3f5}
.historyEvent.moving .historyEventDot{background:var(--orange);box-shadow:0 0 0 4px #fff0e9}
.historyEvent.stopped .historyEventDot{background:var(--green);box-shadow:0 0 0 4px #eaf8f1}
.historyEventBody{min-width:0}
.historyEventTime{display:block;font-size:12px;font-weight:650;color:#8a95a1;margin-bottom:3px}
.historyEventBody b{display:block;font-size:16px;line-height:1.3;color:#26313d;margin-bottom:3px}
.historyEventAddress{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.42;color:#4f5d6c;margin-bottom:5px}
.historyEventBody small{display:block;font-size:12px;color:#8a95a1}
.historyEventArrow{font-size:24px;color:#a1aab4;line-height:1;margin-top:12px}
.historyStopMarker{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff;border:3px solid var(--green);color:#1f7d55;font-size:12px;font-weight:700;box-shadow:0 3px 10px rgba(20,32,46,.18);cursor:pointer}

@media(max-width:900px){
  .historyPaneHead{padding-left:12px;padding-right:12px}
  .historyPane>label,.historyPane>select,.historyDateRow,.historyPrimaryBtn,.historySummaryBox{margin-left:12px;margin-right:12px}
  .historyTimeline{padding-left:12px;padding-right:12px}
}


/* =========================================================
   V5.3.6 PHONE TRACKER
   ========================================================= */
.deviceIcon.phone,.compactDeviceIcon.phone{background:#eef4ff !important;color:#2563eb !important}
.phoneTrackerBody{background:linear-gradient(145deg,#202936,#303b49) !important;min-height:100vh;padding:28px 18px;display:block !important}
.phoneTrackerWrap{width:min(760px,100%) !important;margin:0 auto}
.phoneTrackerTop{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.phoneBackLink{color:#d9e2ec;text-decoration:none;font-size:14px;font-weight:650}
.phoneTrackerCard{border-radius:22px !important;padding:30px !important;box-shadow:0 22px 70px rgba(10,18,28,.28);background:#fff !important;color:#1f2937 !important}
.phoneTrackerEyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;color:#f97316;margin-bottom:8px}
.phoneTrackerCard h1{font-size:32px !important;line-height:1.16 !important;margin:0 0 10px !important;color:#162033 !important}
.phoneTrackerIntro{font-size:16px !important;line-height:1.55 !important;color:#64748b !important;margin:0 0 20px !important}
.phonePrivacyNote,.phoneBackgroundWarn{display:flex;gap:10px;align-items:flex-start;border-radius:14px;padding:14px 16px;margin:14px 0;font-size:13px;line-height:1.5}
.phonePrivacyNote{background:#f1f5f9;color:#475569}.phoneBackgroundWarn{background:#fff7ed;color:#9a3412}
.phonePrivacyNote b,.phoneBackgroundWarn b{min-width:105px;color:inherit}.phonePrivacyNote span,.phoneBackgroundWarn span{flex:1}
.phoneSection{border-top:1px solid #e5e7eb;padding-top:20px;margin-top:20px}
.phoneSectionHead{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.phoneSectionHead b{font-size:18px}.phoneSectionHead span{font-size:12px;color:#64748b;text-align:right}
.phoneTrackerCard label{font-size:13px !important;font-weight:650 !important;color:#475569 !important;margin:11px 0 7px !important}
.phoneTrackerCard select,.phoneTrackerCard input{font-size:16px !important;min-height:52px;border-radius:12px !important;border:1px solid #cbd5e1 !important;background:#fff !important;color:#0f172a !important;padding:0 14px !important}
.phoneCreateRow{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:12px}.phoneCreateRow button{width:auto !important;margin:0 !important;white-space:nowrap}
.phoneTrackerCard button{border-radius:12px !important;min-height:52px;font-size:15px !important;font-weight:750 !important;cursor:pointer}.phoneTrackerCard button:disabled{opacity:.5;cursor:not-allowed}
.secondaryPhoneBtn{background:#eef2f7 !important;color:#1e293b !important;padding:0 18px !important}
.phoneStartBtn{background:#f36f3d !important;color:#fff !important}.phoneStopBtn{background:#7f1d1d !important;color:#fff !important}
.phoneCheckRow{display:flex !important;align-items:center;gap:9px}.phoneCheckRow input{width:18px !important;min-height:auto !important;height:18px}.phoneCheckRow span{font-size:13px;color:#475569}
.phoneStatusCard{display:flex !important;gap:12px;align-items:flex-start;background:#f8fafc !important;border:1px solid #e2e8f0;border-radius:14px;padding:14px 15px !important;font-size:13px !important;color:#334155 !important}.phoneStatusCard b{display:block;font-size:15px;margin-bottom:3px}.phoneStatusCard small{display:block;font-size:12px;color:#64748b;line-height:1.45}
.phoneStatusDot{width:11px;height:11px;border-radius:50%;background:#94a3b8;margin-top:5px;flex:0 0 auto}.phoneStatusDot.active{background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.12)}.phoneStatusDot.ready{background:#3b82f6}.phoneStatusDot.warning{background:#f59e0b}.phoneStatusDot.error{background:#ef4444}
.emptyPhoneState{padding:10px 12px;border-radius:10px;background:#fff7ed;color:#9a3412;font-size:13px;margin-top:8px}.hidden{display:none !important}
@media(max-width:640px){.phoneTrackerBody{padding:14px 10px}.phoneTrackerCard{padding:20px !important;border-radius:16px !important}.phoneTrackerCard h1{font-size:26px !important}.phoneCreateRow{grid-template-columns:1fr}.phoneCreateRow button{width:100% !important}.phoneSectionHead{align-items:flex-start;flex-direction:column}.phoneSectionHead span{text-align:left}.phonePrivacyNote,.phoneBackgroundWarn{flex-direction:column;gap:4px}}

/* =========================================================
   V5.3.7 — Add-device choice + quick Phone Tracker
   ========================================================= */
.addMethodModal{padding:20px}
.addMethodCard{width:min(760px,calc(100vw - 40px))!important;padding:30px 32px 32px!important;border-radius:20px!important}
.addMethodCard .modalHead{margin-bottom:8px}
.addMethodCard .modalHead span{font-size:13px!important;font-weight:700!important;letter-spacing:.08em;color:var(--orange)!important}
.addMethodCard .modalHead h3{font-size:30px!important;line-height:1.2!important;margin:5px 0 0!important;color:#172230}
.addMethodIntro{margin:8px 0 22px;font-size:15px;line-height:1.55;color:#667482}
.addMethodGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.addMethodChoice{display:grid;grid-template-columns:52px 1fr 18px;gap:14px;align-items:center;min-height:128px;padding:20px;border:1.5px solid #dbe2e8;border-radius:16px;background:#fff;text-align:left;cursor:pointer;transition:.15s ease;font-family:var(--font-ui)}
.addMethodChoice:hover{border-color:#f2a27c;box-shadow:0 10px 28px rgba(25,39,55,.08);transform:translateY(-1px)}
.addMethodChoice.phoneChoice{background:#fffaf7;border-color:#f4c1a7}
.addMethodIcon{width:52px;height:52px;border-radius:14px;background:#f2f5f7;display:grid;place-items:center;font-size:27px;color:#2f3b47}
.phoneChoice .addMethodIcon{background:#fff0e8}
.addMethodChoice b{display:block;font-size:18px;line-height:1.25;color:#1e2936;margin-bottom:6px}
.addMethodChoice small{display:block;font-size:13px;line-height:1.45;color:#6f7c89}
.addMethodChoice em{font-style:normal;font-size:30px;line-height:1;color:#a0a9b3}

.quickPhoneWrap{width:min(700px,100%)!important}
.quickPhoneCard{padding:32px!important}
.quickPhoneSteps{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:20px 0 8px;padding:12px 14px;border-radius:12px;background:#f7f9fb;color:#7a8795;font-size:12px;font-weight:700}
.quickPhoneSteps span{display:flex;align-items:center;gap:6px}.quickPhoneSteps span.active{color:#d85e27}.quickPhoneSteps i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#e7ecf1;font-style:normal;font-size:11px}.quickPhoneSteps .active i{background:#ffede4;color:#d85e27}.quickPhoneSteps>b{color:#b6bec7;font-size:16px}
.quickPhoneSection{margin-top:16px!important;padding-top:16px!important}
.quickFieldHint{display:block;margin:7px 2px 0;color:#83909e;font-size:12px;line-height:1.4}
.quickActivateBtn,.quickStopBtn{width:100%!important;min-height:60px!important;margin-top:20px!important;font-size:17px!important;border:0!important}
.quickActivateBtn{box-shadow:0 9px 22px rgba(243,111,61,.22)}
.quickStopBtn{margin-top:10px!important}
.quickPhoneStatus{margin-top:14px}
.quickPhoneMeta{display:flex;justify-content:space-between;gap:12px;margin-top:10px;font-size:11px;color:#8793a0}
.linkedPhoneCard{display:flex;gap:14px;align-items:center;margin:18px 0 4px;padding:16px;border:1px solid #dbe5ee;border-radius:14px;background:#f8fbff}
.linkedPhoneIcon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#e8f1ff;font-size:24px}
.linkedPhoneCard small,.linkedPhoneCard b,.linkedPhoneCard span{display:block}.linkedPhoneCard small{font-size:11px;color:#7d8a97;margin-bottom:2px}.linkedPhoneCard b{font-size:17px;color:#243241}.linkedPhoneCard span{font-size:11px;color:#8a96a2;margin-top:3px}
.phoneAdvancedToggle{width:100%!important;min-height:40px!important;margin:12px 0 0!important;border:0!important;background:transparent!important;color:#657382!important;font-size:12px!important;font-weight:650!important}
.phoneAdvancedPanel{margin-top:8px;padding:14px;border:1px dashed #d5dde5;border-radius:12px;background:#fafbfc}.phoneAdvancedPanel p{font-size:12px;line-height:1.45;color:#73808d;margin:0 0 10px}.phoneAdvancedPanel select{width:100%;margin-bottom:9px}.phoneAdvancedPanel .secondaryPhoneBtn{width:100%!important}.phoneTextBtn{width:100%!important;min-height:40px!important;margin-top:6px!important;border:0!important;background:transparent!important;color:#d85e27!important;font-size:12px!important}
.quickPrivacyNote{margin-top:18px!important}

@media(max-width:700px){
  .addMethodModal{padding:10px;align-items:flex-start}
  .addMethodCard{width:100%!important;padding:22px 18px 24px!important;border-radius:16px!important}
  .addMethodCard .modalHead h3{font-size:25px!important}
  .addMethodGrid{grid-template-columns:1fr}
  .addMethodChoice{min-height:112px;padding:16px;grid-template-columns:46px 1fr 16px}
  .addMethodIcon{width:46px;height:46px;font-size:23px}
  .quickPhoneCard{padding:21px!important}
  .quickPhoneSteps{gap:6px}.quickPhoneSteps>b{display:none}
  .quickPhoneMeta{flex-direction:column;gap:3px}
}

/* =========================================================
   AssetLive360 V5.3.9 — Premium dark landing page
   Scoped to .landingV539 so dashboard styles stay untouched.
   ========================================================= */
.landingV539{margin:0;background:#06101b;color:#f6f8fb;min-height:100vh;overflow-x:hidden}
.landingV539 .landingShell{min-height:100vh;background:radial-gradient(circle at 76% 34%,rgba(38,86,130,.18),transparent 28%),linear-gradient(180deg,#06101a 0%,#06111d 62%,#08131f 100%)}
.landingV539 .landingNavDark{height:82px;padding:0 clamp(24px,5.6vw,92px);background:rgba(4,12,21,.78);border-bottom:1px solid rgba(255,255,255,.08);position:relative;z-index:20;backdrop-filter:blur(14px)}
.landingV539 .landingBrand{gap:14px;color:#fff;font-size:19px;letter-spacing:-.02em}
.landingV539 .landingBrand .logoBox{width:53px;height:53px;border-radius:10px;background:linear-gradient(145deg,#ff7b32,#f35118);box-shadow:0 10px 28px rgba(244,91,27,.24);font-size:14px}
.landingV539 .landingNavDark nav{gap:34px;font-size:15px}
.landingV539 .landingNavDark nav a{color:#eef3f8;font-weight:650;opacity:.94;transition:.2s ease}
.landingV539 .landingNavDark nav a:hover{color:#ff7a32}

.landingV539 .heroDark{position:relative;isolation:isolate;min-height:calc(100vh - 82px);padding:70px clamp(24px,5.6vw,92px) 34px;display:grid;grid-template-columns:minmax(430px,.88fr) minmax(620px,1.34fr);grid-template-rows:1fr auto;gap:36px 46px;align-items:center;overflow:hidden;background:radial-gradient(circle at 66% 34%,rgba(18,55,85,.36),transparent 34%),linear-gradient(115deg,#07111d 0%,#08121e 45%,#08131f 100%)}
.landingV539 .heroDark:before{content:"";position:absolute;z-index:-4;width:980px;height:980px;border-radius:50%;right:-170px;top:-210px;background:radial-gradient(circle at 38% 58%,rgba(21,82,127,.5) 0 12%,rgba(7,29,49,.92) 43%,#050d16 70%);box-shadow:inset 85px 0 140px rgba(0,0,0,.72),0 0 130px rgba(34,99,146,.14);opacity:.93}
.landingV539 .heroDark:after{content:"";position:absolute;z-index:-3;right:-90px;top:145px;width:1050px;height:480px;border-radius:50%;border-top:1px solid rgba(255,104,40,.38);transform:rotate(-8deg);box-shadow:0 -1px 26px rgba(255,96,32,.08)}
.landingV539 .heroNetwork{position:absolute;z-index:-2;inset:0;pointer-events:none;opacity:.92}
.landingV539 .networkArc{position:absolute;border:1px solid rgba(255,108,46,.27);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-13deg)}
.landingV539 .arc1{width:760px;height:330px;right:5%;top:57px}.landingV539 .arc2{width:530px;height:250px;right:17%;top:85px;transform:rotate(8deg)}.landingV539 .arc3{width:840px;height:390px;right:-11%;top:258px;transform:rotate(18deg)}
.landingV539 .networkDot{position:absolute;width:8px;height:8px;border-radius:50%;background:#ff6b28;box-shadow:0 0 0 4px rgba(255,107,40,.12),0 0 24px #ff6b28}
.landingV539 .dot1{right:31%;top:105px}.landingV539 .dot2{right:17%;top:163px}.landingV539 .dot3{right:42%;top:226px}.landingV539 .dot4{right:9%;top:375px}

.landingV539 .heroCopyDark{position:relative;z-index:5;max-width:650px;padding-top:6px}
.landingV539 .heroEyebrow{display:flex;align-items:center;gap:13px;color:#ff6b2b;font-size:13px;line-height:1.4;font-weight:700;letter-spacing:.18em;margin-bottom:25px}
.landingV539 .heroEyebrow span{width:12px;height:12px;border-radius:50%;border:2px solid #ff6b2b;box-shadow:0 0 17px rgba(255,107,43,.7)}
.landingV539 .heroCopyDark h1{margin:0;font-size:clamp(52px,4.8vw,77px);line-height:.99;letter-spacing:-.052em;font-weight:700;color:#f8fafc;text-wrap:balance;text-shadow:0 8px 36px rgba(0,0,0,.22)}
.landingV539 .heroCopyDark h1 strong{font-weight:700;color:#ff6324}
.landingV539 .heroCopyDark p{max-width:650px;margin:28px 0 0;color:#c3ccd7;font-size:17px;line-height:1.72;font-weight:440}
.landingV539 .heroBtnsDark{margin-top:31px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.landingV539 .heroBtnsDark a{min-height:66px;padding:0 27px;border-radius:12px;display:inline-flex;align-items:center;gap:12px;font-size:17px;font-weight:700;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.landingV539 .heroBtnsDark a:hover{transform:translateY(-2px)}
.landingV539 .heroPrimary{background:linear-gradient(135deg,#ff772d,#f65318);color:#fff;border:1px solid rgba(255,171,117,.65);box-shadow:0 14px 36px rgba(245,80,19,.28),inset 0 1px rgba(255,255,255,.22)}
.landingV539 .heroSecondary{background:rgba(9,18,30,.72);color:#fff;border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px rgba(255,255,255,.05)}
.landingV539 .heroSecondary:hover{border-color:rgba(255,111,48,.75)}
.landingV539 .btnIcon{font-size:24px;line-height:1;font-weight:500}.landingV539 .arrow{font-size:25px;margin-left:2px;opacity:.9}

.landingV539 .heroVisual{position:relative;z-index:3;min-height:610px;display:flex;align-items:center;justify-content:center;perspective:1400px}
.landingV539 .earthGlow{position:absolute;width:780px;height:500px;border-radius:50%;right:-60px;bottom:25px;background:radial-gradient(ellipse at 50% 38%,rgba(33,119,177,.17),rgba(6,22,37,.64) 45%,rgba(4,12,20,.9) 70%);border-top:1px solid rgba(72,151,201,.26);box-shadow:0 -22px 75px rgba(52,126,176,.12),inset 0 30px 80px rgba(10,56,91,.16)}
.landingV539 .earthGlow:before{content:"";position:absolute;inset:0;border-radius:inherit;background-image:linear-gradient(rgba(46,108,150,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(46,108,150,.09) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse,#000 25%,transparent 72%);transform:rotate(-10deg)}
.landingV539 .orbit{position:absolute;border:1px solid rgba(255,101,34,.25);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;filter:drop-shadow(0 0 12px rgba(255,100,35,.1))}
.landingV539 .orbitA{width:740px;height:255px;right:-32px;top:98px;transform:rotate(-7deg)}
.landingV539 .orbitB{width:650px;height:330px;right:8px;top:162px;transform:rotate(19deg)}
.landingV539 .orbitC{width:550px;height:215px;right:70px;bottom:38px;transform:rotate(-19deg)}

.landingV539 .heroDashboard{position:relative;width:min(820px,100%);height:515px;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:linear-gradient(155deg,rgba(18,32,47,.98),rgba(6,16,27,.98));box-shadow:0 40px 90px rgba(0,0,0,.54),0 0 0 1px rgba(255,123,52,.07),0 0 70px rgba(255,100,35,.08);overflow:hidden;transform:rotateY(-5deg) rotateX(1deg);transform-origin:center;backdrop-filter:blur(14px)}
.landingV539 .heroDashboard:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,rgba(255,255,255,.045),transparent 21%,transparent 74%,rgba(255,111,43,.03))}
.landingV539 .dashTop{height:62px;display:grid;grid-template-columns:170px 1fr 195px;align-items:center;gap:18px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(12,25,38,.88)}
.landingV539 .dashBrand{display:flex;align-items:center;gap:9px;font-size:12px;color:#fff}.landingV539 .dashBrand span{width:34px;height:34px;border-radius:7px;background:#ff6423;display:grid;place-items:center;font-size:10px;font-weight:800}.landingV539 .dashBrand b{font-size:12px}
.landingV539 .dashSearch{height:36px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#14263a;color:#8190a1;display:flex;align-items:center;padding:0 13px;font-size:11px}
.landingV539 .dashUser{display:flex;align-items:center;justify-content:flex-end;gap:9px;color:#cdd6df;font-size:10px;position:relative}.landingV539 .dashUser i{width:31px;height:31px;border-radius:50%;background:#50677e;display:grid;place-items:center;font-style:normal;color:#fff}.landingV539 .dashUser .notif{color:#ff6324;font-size:11px}
.landingV539 .dashGrid{height:calc(100% - 62px);display:grid;grid-template-columns:125px 1fr 235px}
.landingV539 .dashSidebar{padding:14px 10px;background:#0a1724;border-right:1px solid rgba(255,255,255,.06)}
.landingV539 .dashSideItem{height:44px;padding:0 12px;border-radius:8px;display:flex;align-items:center;gap:10px;color:#9aa9b7;font-size:10px;font-weight:650;margin-bottom:4px}.landingV539 .dashSideItem span{width:17px;text-align:center}.landingV539 .dashSideItem.active{background:linear-gradient(90deg,rgba(255,100,36,.18),rgba(255,100,36,.04));color:#ff792f;border-left:2px solid #ff6423}
.landingV539 .dashMap{position:relative;overflow:hidden;background:radial-gradient(circle at 58% 52%,#153149 0,#0e2334 46%,#0a1927 100%)}
.landingV539 .mapMesh{position:absolute;inset:0;opacity:.4;background-image:linear-gradient(rgba(65,128,163,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(65,128,163,.13) 1px,transparent 1px),radial-gradient(circle at 30% 20%,rgba(255,99,36,.24),transparent 1.6%),radial-gradient(circle at 70% 62%,rgba(255,99,36,.22),transparent 1.8%);background-size:26px 26px,26px 26px,100% 100%,100% 100%;transform:rotate(-8deg) scale(1.15)}
.landingV539 .routeSvg{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 5px rgba(255,105,42,.35))}
.landingV539 .city{position:absolute;color:#e7eef5;font-size:11px;font-weight:700;text-shadow:0 2px 7px rgba(0,0,0,.8)}.landingV539 .cityHN{left:25%;top:24%}.landingV539 .cityDN{left:45%;top:51%}.landingV539 .cityHCM{left:62%;bottom:10%}
.landingV539 .mapAsset{position:absolute;min-width:136px;padding:8px 10px 8px 42px;border-radius:8px;background:rgba(248,250,252,.94);box-shadow:0 9px 22px rgba(0,0,0,.28);color:#172431;font-size:9px}.landingV539 .mapAsset>span{position:absolute;left:9px;top:9px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#1d9e67;color:#fff;font-size:13px}.landingV539 .mapAsset b{display:block;font-size:10px;margin-bottom:3px}.landingV539 .mapAsset small{font-size:8px;color:#4a6476}.landingV539 .assetCar{left:37%;top:13%}.landingV539 .assetMachine{left:47%;top:51%}.landingV539 .assetMachine>span{background:#ff6a25}.landingV539 .assetPhone{right:7%;bottom:10%}.landingV539 .assetPhone>span{background:#347fe5}
.landingV539 .mapPing{position:absolute;width:20px;height:20px;border:2px solid #ff6b28;border-radius:50%;box-shadow:0 0 0 10px rgba(255,107,40,.08),0 0 30px rgba(255,107,40,.3)}.landingV539 .ping1{left:28%;top:23%}.landingV539 .ping2{left:44%;top:50%}.landingV539 .ping3{right:18%;bottom:21%;border-color:#3b8cff;box-shadow:0 0 0 10px rgba(59,140,255,.08),0 0 30px rgba(59,140,255,.3)}
.landingV539 .dashDevices{padding:14px;background:#0d1c2c;border-left:1px solid rgba(255,255,255,.06)}
.landingV539 .devicesHead{display:flex;align-items:center;justify-content:space-between;color:#f0f4f7;font-size:10px;margin-bottom:12px}.landingV539 .devicesHead span{font-size:8px;color:#8393a4}
.landingV539 .deviceMini{min-height:54px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.05);color:#d8e0e8;font-size:9px}.landingV539 .deviceMini>div{display:flex;flex-direction:column;gap:3px}.landingV539 .deviceMini b{font-size:9px}.landingV539 .deviceMini span{font-size:8px;color:#8292a1}.landingV539 .deviceMini .ok{color:#34c98a}.landingV539 .deviceMini .warn{color:#ff7a32}.landingV539 .deviceMini strong{font-size:8px;color:#9fb0c0;font-weight:650}.landingV539 .miniIcon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-style:normal;background:#16314a}.landingV539 .miniIcon.orange{background:#3a251c}.landingV539 .miniIcon.grey{background:#1b2734}.landingV539 .miniIcon.blue{background:#173052}
.landingV539 .summaryMini{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.landingV539 .summaryMini div{height:58px;border:1px solid rgba(255,255,255,.05);border-radius:8px;background:#132437;padding:9px;display:flex;flex-direction:column;justify-content:center}.landingV539 .summaryMini b{font-size:17px}.landingV539 .summaryMini span{font-size:8px;color:#8da0b1}.landingV539 .summaryMini .sumGreen{background:#102d29}.landingV539 .summaryMini .sumGreen b,.landingV539 .summaryMini .sumGreen span{color:#3dca92}.landingV539 .summaryMini .sumOrange{background:#352519}.landingV539 .summaryMini .sumOrange b,.landingV539 .summaryMini .sumOrange span{color:#ff7730}

.landingV539 .heroFeatureStrip{grid-column:1/-1;position:relative;z-index:6;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.12);border-radius:20px;background:linear-gradient(180deg,rgba(17,30,44,.9),rgba(7,18,30,.9));box-shadow:0 20px 45px rgba(0,0,0,.25);overflow:hidden;backdrop-filter:blur(12px)}
.landingV539 .heroFeatureStrip article{min-height:116px;padding:22px 24px;display:grid;grid-template-columns:52px 1fr;gap:15px;align-items:center;border-right:1px solid rgba(255,255,255,.08)}.landingV539 .heroFeatureStrip article:last-child{border-right:0}.landingV539 .featureIcon{width:48px;height:48px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center;color:#ff7730;font-size:22px;background:rgba(255,255,255,.025);box-shadow:inset 0 0 18px rgba(255,105,42,.05)}
.landingV539 .heroFeatureStrip b{display:block;font-size:14px;margin-bottom:8px;color:#f4f7fa}.landingV539 .heroFeatureStrip p{margin:0;color:#a6b2bf;font-size:11px;line-height:1.55}

.landingV539 .landingSectionDark{padding:90px clamp(24px,6vw,100px) 95px;background:linear-gradient(180deg,#07121e,#091827);border-top:1px solid rgba(255,255,255,.05)}
.landingV539 .sectionEyebrow{color:#ff6a28;font-size:12px;letter-spacing:.18em}.landingV539 .landingSectionDark h2{color:#f7f9fb;font-size:clamp(38px,4vw,58px);line-height:1.05;letter-spacing:-.04em;margin:14px 0 14px;max-width:850px}.landingV539 .sectionLead{max-width:820px;color:#aebbc7;font-size:16px;line-height:1.7;margin:0}
.landingV539 .featureGridDark{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}.landingV539 .featureGridDark article{border:1px solid rgba(255,255,255,.1);border-radius:16px;background:linear-gradient(160deg,rgba(18,35,51,.95),rgba(8,20,33,.96));padding:25px;color:#fff;min-height:160px}.landingV539 .featureGridDark article>span{font-size:26px;display:block;margin-bottom:16px}.landingV539 .featureGridDark b{font-size:16px}.landingV539 .featureGridDark p{color:#99a9b8;font-size:13px;line-height:1.65;margin-top:10px}
.landingV539 .landingFooterDark{padding:26px clamp(24px,6vw,100px);background:#050d16;border-top:1px solid rgba(255,255,255,.07);color:#81909e;font-size:11px}.landingV539 .landingFooterDark b{color:#e8eef4}

@media(max-width:1220px){
  .landingV539 .heroDark{grid-template-columns:minmax(380px,.9fr) minmax(520px,1.15fr);padding-left:40px;padding-right:40px;gap:28px}
  .landingV539 .heroCopyDark h1{font-size:56px}
  .landingV539 .heroDashboard{height:455px}
  .landingV539 .dashGrid{grid-template-columns:105px 1fr 205px}
  .landingV539 .dashTop{grid-template-columns:145px 1fr 155px}
  .landingV539 .heroFeatureStrip article{padding:18px;grid-template-columns:44px 1fr}.landingV539 .featureIcon{width:40px;height:40px}
}
@media(max-width:980px){
  .landingV539 .landingNavDark{height:72px;padding:0 24px}.landingV539 .landingBrand .logoBox{width:46px;height:46px}.landingV539 .landingNavDark nav{display:flex}
  .landingV539 .heroDark{min-height:auto;grid-template-columns:1fr;grid-template-rows:auto auto auto;padding:58px 24px 28px;gap:38px}.landingV539 .heroCopyDark{max-width:760px}.landingV539 .heroCopyDark h1{font-size:clamp(48px,9vw,68px)}.landingV539 .heroCopyDark p{font-size:16px}
  .landingV539 .heroVisual{min-height:520px}.landingV539 .heroDashboard{width:min(820px,96%);height:490px;transform:none}.landingV539 .heroFeatureStrip{grid-template-columns:1fr 1fr}.landingV539 .heroFeatureStrip article:nth-child(2){border-right:0}.landingV539 .heroFeatureStrip article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08)}
}
@media(max-width:650px){
  .landingV539 .landingNavDark{padding:0 16px}.landingV539 .landingBrand{font-size:16px}.landingV539 .landingBrand .logoBox{width:42px;height:42px;font-size:11px}.landingV539 .landingNavDark nav a{font-size:13px}
  .landingV539 .heroDark{padding:42px 16px 20px}.landingV539 .heroEyebrow{font-size:10px;letter-spacing:.13em;align-items:flex-start}.landingV539 .heroCopyDark h1{font-size:43px;line-height:1.02}.landingV539 .heroCopyDark p{font-size:15px;line-height:1.65;margin-top:22px}.landingV539 .heroBtnsDark{gap:10px}.landingV539 .heroBtnsDark a{width:100%;justify-content:center;min-height:58px;font-size:16px}
  .landingV539 .heroVisual{min-height:390px;margin:0 -34px;overflow:hidden}.landingV539 .heroDashboard{width:700px;height:410px;transform:scale(.7);transform-origin:center}.landingV539 .heroFeatureStrip{grid-template-columns:1fr}.landingV539 .heroFeatureStrip article{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;min-height:100px}.landingV539 .heroFeatureStrip article:last-child{border-bottom:0!important}
  .landingV539 .landingSectionDark{padding:65px 20px}.landingV539 .featureGridDark{grid-template-columns:1fr}.landingV539 .landingFooterDark{padding:24px 20px}
}

/* V5.3.10 — Premium login */
.premiumLoginBody{
  min-height:100vh;
  display:block;
  position:relative;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 18% 28%,rgba(218,231,245,.64),transparent 31%),
    linear-gradient(135deg,#fbfcfe 0%,#f3f6fa 48%,#edf2f7 100%);
  color:#0f2038;
  padding:0;
}
.premiumLoginBody:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:linear-gradient(116deg,transparent 0 58%,rgba(255,255,255,.78) 58.2% 63%,transparent 63.2%);
  opacity:.8;
}
.premiumLoginScene{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.premiumOrb{position:absolute;border-radius:50%;filter:blur(1px)}
.premiumOrbOne{width:560px;height:560px;left:-260px;top:20%;background:radial-gradient(circle,rgba(201,218,237,.36),rgba(228,237,247,.12) 58%,transparent 70%)}
.premiumOrbTwo{width:420px;height:420px;right:22%;bottom:-260px;background:radial-gradient(circle,rgba(255,126,58,.08),transparent 70%)}
.premiumGlobe{
  position:absolute;right:-230px;top:50%;width:850px;height:850px;transform:translateY(-50%);
  border-radius:50%;overflow:hidden;
  background:
    radial-gradient(circle at 32% 28%,rgba(42,72,105,.9),transparent 42%),
    radial-gradient(circle at 68% 64%,rgba(8,23,41,.98),#071728 70%);
  box-shadow:-32px 0 90px rgba(17,42,68,.14),inset 0 0 0 1px rgba(255,255,255,.08);
}
.premiumGlobe:before{
  content:"";position:absolute;inset:7%;border-radius:50%;opacity:.74;
  background-image:radial-gradient(circle,rgba(235,242,250,.72) 1.4px,transparent 1.8px);
  background-size:11px 11px;
  -webkit-mask-image:radial-gradient(ellipse at 44% 45%,#000 0 26%,transparent 62%);
  mask-image:radial-gradient(ellipse at 44% 45%,#000 0 26%,transparent 62%);
}
.globeGrid{position:absolute;inset:0;border-radius:50%;opacity:.22;background:repeating-radial-gradient(ellipse at 50% 50%,transparent 0 70px,rgba(255,255,255,.36) 72px 73px,transparent 75px 112px)}
.globeArc{position:absolute;border:1px solid rgba(255,130,67,.44);border-radius:50%;transform:rotate(-18deg)}
.arcOne{width:650px;height:260px;left:40px;top:270px}.arcTwo{width:620px;height:380px;left:80px;top:210px;transform:rotate(28deg)}.arcThree{width:520px;height:180px;left:120px;top:420px;transform:rotate(8deg)}
.globeNode{position:absolute;width:23px;height:23px;border-radius:50%;border:1px solid rgba(255,132,68,.8);box-shadow:0 0 0 7px rgba(255,107,46,.08),0 0 28px rgba(255,107,46,.55)}
.globeNode i{position:absolute;inset:6px;border-radius:50%;background:#ff6b2e;box-shadow:0 0 18px #ff7c42}
.nodeOne{left:175px;top:270px}.nodeTwo{left:360px;top:420px}.nodeThree{left:240px;top:570px}.nodeFour{left:535px;top:220px}
.premiumAuthPage{position:relative;z-index:2;min-height:100vh;max-width:1420px;margin:0 auto;padding:52px 72px 34px;display:flex;flex-direction:column}
.premiumAuthHeader{display:flex;align-items:center;justify-content:space-between;gap:24px}
.premiumAuthBrand{gap:16px;color:#0e213a}
.premiumLogo{width:64px;height:64px;border-radius:12px;background:linear-gradient(145deg,#ff7b38,#ef5a20);box-shadow:0 9px 24px rgba(239,96,39,.22);font-size:17px!important}
.premiumAuthBrand b{font-size:28px;line-height:1;font-weight:700;letter-spacing:-.035em}
.premiumAuthTag{font-size:12px;line-height:18px;font-weight:720;letter-spacing:.28em;color:#65758a;display:flex;align-items:center;gap:18px;white-space:nowrap}
.premiumAuthTag span{width:54px;height:2px;background:linear-gradient(90deg,#ff6b2e,#ffad80)}
.premiumAuthMain{flex:1;display:flex;align-items:center;padding:48px 0 32px 64px}
.premiumAuthCard{
  width:min(760px,calc(100vw - 120px));
  background:rgba(255,255,255,.94);border:1px solid rgba(192,205,219,.78);border-radius:26px;
  padding:54px 64px 42px;box-shadow:0 30px 90px rgba(43,62,84,.15),0 3px 12px rgba(43,62,84,.05);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
.premiumEyebrow{color:#f1642d;font-size:15px;line-height:20px;font-weight:700;letter-spacing:.23em;margin-bottom:20px}
.premiumAuthCard h1{margin:0!important;color:#0d2039;font-size:48px!important;line-height:1.06!important;font-weight:700!important;letter-spacing:-.045em!important}
.premiumAuthLead{margin:22px 0 34px!important;color:#718096!important;font-size:20px!important;line-height:30px!important;font-weight:450!important}
.premiumAuthCard form>label{display:block;margin:20px 0 9px!important;color:#465a72!important;font-size:16px!important;line-height:22px!important;font-weight:680!important}
.premiumInputWrap{height:64px;position:relative;display:flex;align-items:center;border:1.5px solid #c9d3df;background:#fbfcfe;border-radius:14px;transition:border-color .16s,box-shadow .16s,background .16s}
.premiumInputWrap:focus-within{background:#fff;border-color:#f36b31;box-shadow:0 0 0 4px rgba(243,107,49,.10)}
.premiumInputWrap .inputIcon{width:58px;display:grid;place-items:center;flex:0 0 auto;color:#708199}
.premiumInputWrap .inputIcon svg,.passwordToggle svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.premiumInputWrap input{height:100%;min-width:0;flex:1;border:0!important;background:transparent!important;outline:none!important;box-shadow:none!important;padding:0 14px 0 0!important;color:#172b45!important;font-size:17px!important;line-height:24px!important;font-weight:520!important}
.premiumInputWrap input::placeholder{color:#a0adbb;opacity:1}
.passwordToggle{width:58px;height:100%;display:grid;place-items:center;border:0;background:transparent;color:#7c8b9e;flex:0 0 auto;border-radius:0 14px 14px 0}
.passwordToggle:hover{color:#f1642d;background:#fff7f2}.passwordToggle.showing{color:#f1642d}
.premiumLoginButton{width:100%;height:64px;margin-top:30px;border:0;border-radius:14px;background:linear-gradient(100deg,#ff7a35,#f45d25);color:#fff;display:flex;align-items:center;justify-content:center;position:relative;font-size:19px;line-height:26px;font-weight:700;box-shadow:0 15px 30px rgba(242,99,41,.21);transition:transform .16s,box-shadow .16s,filter .16s}
.premiumLoginButton:hover{transform:translateY(-1px);box-shadow:0 18px 34px rgba(242,99,41,.26);filter:saturate(1.05)}
.premiumLoginButton:active{transform:translateY(0)}.premiumLoginButton:disabled{cursor:wait;opacity:.72}.premiumLoginButton.loading .loginArrow{animation:loginArrowPulse .7s ease-in-out infinite alternate}
.loginArrow{position:absolute;right:28px;font-size:30px;font-weight:350;top:50%;transform:translateY(-53%)}
@keyframes loginArrowPulse{to{transform:translate(5px,-53%)}}
.premiumAuthMsg{margin-top:10px!important;min-height:22px!important;font-size:14px!important;line-height:20px!important;text-align:center;color:#c8444e!important}
.premiumAuthFoot{margin-top:25px;padding-top:25px;border-top:1px solid #e5eaf0;text-align:center;color:#728197;font-size:16px;line-height:24px}
.premiumAuthFoot a{color:#f05f29;font-weight:700;margin-left:4px}.premiumAuthFoot a span{display:inline-block;margin-left:7px;font-size:21px;vertical-align:-1px;transition:transform .16s}.premiumAuthFoot a:hover span{transform:translateX(4px)}
.premiumAuthFooter{display:flex;align-items:center;gap:16px;color:#8794a5;font-size:10px;font-weight:700;letter-spacing:.22em;white-space:nowrap}
.premiumAuthFooter>span{width:40px;height:2px;background:#f16a31}.premiumAuthFooter i{width:1px;height:12px;background:#bdc7d2}
@media(max-width:1100px){
  .premiumGlobe{right:-470px;opacity:.7}.premiumAuthPage{padding:38px 42px 28px}.premiumAuthMain{padding-left:0}.premiumAuthCard{width:min(700px,calc(100vw - 84px))}.premiumAuthTag{display:none}
}
@media(max-width:720px){
  .premiumLoginBody{background:linear-gradient(180deg,#f8fafc,#eef3f7)}.premiumGlobe{display:none}.premiumLoginBody:before{display:none}
  .premiumAuthPage{padding:24px 16px;min-height:100svh}.premiumAuthHeader{padding:0 4px}.premiumLogo{width:50px;height:50px;border-radius:10px;font-size:14px!important}.premiumAuthBrand{gap:11px}.premiumAuthBrand b{font-size:22px}
  .premiumAuthMain{padding:28px 0 22px;align-items:flex-start}.premiumAuthCard{width:100%;padding:34px 22px 28px;border-radius:20px}
  .premiumEyebrow{font-size:12px;margin-bottom:15px}.premiumAuthCard h1{font-size:36px!important;line-height:1.08!important}.premiumAuthLead{font-size:17px!important;line-height:25px!important;margin:17px 0 28px!important}
  .premiumAuthCard form>label{font-size:15px!important}.premiumInputWrap{height:58px}.premiumInputWrap input{font-size:16px!important}.premiumLoginButton{height:58px;font-size:17px}.premiumAuthFoot{font-size:14px}
  .premiumAuthFooter{justify-content:center;overflow:hidden;font-size:8px;gap:10px;letter-spacing:.13em}.premiumAuthFooter>span{display:none}
}
.premiumRegisterCard{width:min(800px,calc(100vw - 120px));padding-top:48px;padding-bottom:36px}
.registerGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.registerGrid label{display:block;margin:20px 0 9px;color:#465a72;font-size:16px;line-height:22px;font-weight:680}
.premiumRegisterCard .premiumInputWrap:not(:has(.inputIcon)) input{padding-left:18px!important}
@media(max-width:720px){.premiumRegisterCard{width:100%}.registerGrid{grid-template-columns:1fr;gap:0}}

/* V5.3.11 registration reliability */
.premiumLoginButton:disabled{opacity:.72;cursor:wait;filter:saturate(.8)}
.premiumLoginButton.isLoading span:first-child::after{content:"…";display:inline-block;margin-left:3px}

/* V5.3.13 — Monitoring UI polish inspired by professional live-tracking consoles */
.appBody{
  --monitor-navy:#132238;
  --monitor-ink:#17263a;
  --monitor-muted:#708096;
  --monitor-border:#dfe6ed;
  --monitor-panel:#ffffff;
  font-family:Arial,"Segoe UI","Noto Sans",sans-serif!important;
  background:#edf2f6!important;
}
.appBody .topbar{
  height:72px!important;
  padding:0 22px!important;
  border-bottom:1px solid #dde4eb!important;
  box-shadow:0 3px 16px rgba(18,34,56,.055)!important;
  background:rgba(255,255,255,.98)!important;
}
.appBody .topLeft{gap:34px!important}
.appBody .topbar .brand{gap:14px!important}
.appBody .topbar .logoBox{
  width:50px!important;height:50px!important;border-radius:12px!important;
  font-size:13px!important;letter-spacing:.01em!important;
  box-shadow:0 6px 16px rgba(239,107,46,.18)!important;
}
.appBody .topbar .brand b{
  font-size:22px!important;line-height:28px!important;font-weight:700!important;
  letter-spacing:-.035em!important;color:var(--monitor-navy)!important;
}
.appBody .topMenu{height:72px!important;align-items:stretch!important;gap:6px!important}
.appBody .topItem{
  position:relative!important;padding:0 20px!important;border:0!important;
  font-size:16px!important;line-height:72px!important;font-weight:620!important;
  letter-spacing:-.012em!important;color:#526074!important;border-radius:0!important;
}
.appBody .topItem:hover{color:var(--monitor-navy)!important;background:#fbfcfd!important}
.appBody .topItem.active{color:#ef6429!important;background:#fff!important}
.appBody .topItem.active:after{
  content:"";position:absolute;left:18px;right:18px;bottom:0;height:3px;
  background:#ef6429;border-radius:3px 3px 0 0;
}
.appBody .topRight{gap:18px!important;font-size:14px!important;color:#5e6c7d!important}
.appBody .connected{font-size:14px!important;font-weight:600!important;white-space:nowrap}
.appBody .connected i{width:9px!important;height:9px!important;margin-right:8px!important;box-shadow:0 0 0 4px rgba(46,184,117,.08)}
.appBody .workspaceBadge{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:42px!important;padding:0 16px!important;border:1px solid #ffd0bc!important;
  border-radius:999px!important;background:#fff7f2!important;color:#bd5428!important;
  font-size:14px!important;font-weight:650!important;
}
.appBody .userBtn{
  min-height:44px!important;padding:0 17px!important;border:1px solid #e3e8ee!important;
  border-radius:11px!important;background:#f7f9fb!important;color:#1d2c40!important;
  font-size:14px!important;font-weight:680!important;box-shadow:0 1px 2px rgba(18,34,56,.02)!important;
}
.appBody .userBtn:hover{background:#fff!important;border-color:#ccd6df!important}
.appBody .workspace{height:calc(100vh - 72px)!important;grid-template-columns:470px 1fr!important;transition:grid-template-columns .22s ease!important}
.appBody .workspace.sidebarCollapsed{grid-template-columns:0 1fr!important}
.appBody .navPanel{
  border-right:1px solid #dde5ec!important;background:#f8fafc!important;
  box-shadow:8px 0 24px rgba(18,34,56,.025)!important;overflow:hidden!important;
}
.appBody .workspace.sidebarCollapsed .navPanel{border-right:0!important}
.appBody .panelTabs{
  height:60px!important;background:#fff!important;border-bottom:1px solid #e3e9ef!important;
}
.appBody .tabBtn{
  background:#fff!important;border-right:1px solid #edf0f3!important;border-top:0!important;
  font-size:15px!important;line-height:60px!important;font-weight:650!important;color:#647286!important;
  position:relative!important;
}
.appBody .tabBtn.active{color:#ef6429!important;background:#fff!important}
.appBody .tabBtn.active:after{
  content:"";position:absolute;left:30%;right:30%;bottom:0;height:3px;border-radius:3px 3px 0 0;background:#ef6429;
}
.appBody .statusSectionHead{padding:24px 20px 18px!important;background:#fff!important}
.appBody .statusSectionHead span{
  font-size:21px!important;line-height:28px!important;font-weight:740!important;letter-spacing:-.028em!important;color:#34445a!important;
}
.appBody .statusAddBtn{
  min-width:104px!important;height:48px!important;padding:0 18px!important;border:0!important;
  border-radius:13px!important;background:linear-gradient(135deg,#f8793e,#ed6026)!important;
  color:#fff!important;font-size:16px!important;font-weight:730!important;
  box-shadow:0 8px 18px rgba(239,100,42,.18)!important;
}
.appBody .statusAddBtn:hover{transform:translateY(-1px);box-shadow:0 11px 23px rgba(239,100,42,.22)!important}
.appBody .searchRow{padding:0 20px 18px!important;background:#fff!important;border-bottom:0!important}
.appBody .searchBox{
  height:56px!important;padding:0 17px!important;border:1.5px solid #d8e0e8!important;
  border-radius:14px!important;background:#fff!important;box-shadow:0 1px 2px rgba(18,34,56,.02)!important;
}
.appBody .searchBox:focus-within{border-color:#f08a5f!important;box-shadow:0 0 0 4px rgba(239,107,46,.085)!important}
.appBody .searchBox span{font-size:21px!important;color:#93a1b1!important}
.appBody .searchBox input{font-size:16px!important;line-height:22px!important;font-weight:450!important;color:#24354a!important;margin-left:10px!important}
.appBody .searchBox input::placeholder{color:#99a6b5!important}
.appBody .statusLegend{
  min-height:46px!important;padding:12px 20px!important;gap:20px!important;background:#fff!important;
  border-top:1px solid #f0f3f6!important;border-bottom:1px solid #e9edf1!important;
  font-size:13px!important;line-height:20px!important;color:#617084!important;
}
.appBody .legendDot{width:9px!important;height:9px!important}
.appBody .statusHeadBar{
  height:50px!important;padding:0 20px!important;background:#f8fafc!important;border-bottom:1px solid #e7ecf1!important;
  font-size:14px!important;font-weight:650!important;color:#43536a!important;
}
.appBody .statusHeadBar small{font-size:12px!important;font-weight:450!important;color:#94a0af!important}
.appBody .statusBigList{padding:14px 16px 100px!important;background:#f5f8fb!important}
.appBody .deviceStatusRow.compactDeviceRow{
  grid-template-columns:62px 1fr!important;gap:15px!important;min-height:152px!important;
  padding:18px!important;margin:0 0 13px!important;border:1px solid #dfe6ed!important;
  border-radius:18px!important;box-shadow:0 4px 14px rgba(18,34,56,.045)!important;
}
.appBody .deviceStatusRow.compactDeviceRow:hover{
  border-color:#f0ad90!important;box-shadow:0 10px 28px rgba(18,34,56,.09)!important;transform:translateY(-2px)!important;
}
.appBody .deviceStatusRow.compactDeviceRow.active{
  border-color:#f17d4b!important;background:#fffaf7!important;
  box-shadow:0 0 0 2px rgba(239,107,46,.065),0 10px 28px rgba(18,34,56,.08)!important;
}
.appBody .compactDeviceIcon.deviceIcon.big{
  width:62px!important;height:62px!important;border-radius:17px!important;font-size:28px!important;
  border:1px solid rgba(218,226,234,.8)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)!important;
}
.appBody .compactIdentity b{
  font-size:20px!important;line-height:26px!important;font-weight:700!important;letter-spacing:-.028em!important;color:#14243a!important;
}
.appBody .compactIdentity small{font-size:14px!important;line-height:20px!important;margin-top:3px!important;color:#8190a1!important}
.appBody .compactChevron{font-size:31px!important;line-height:26px!important;color:#a7b2bd!important;margin-top:2px!important}
.appBody .compactAddress{gap:10px!important;margin-top:13px!important}
.appBody .compactAddress>span{font-size:18px!important;line-height:22px!important}
.appBody .compactAddressMeta{font-size:13px!important;line-height:18px!important;margin-bottom:3px!important;color:#96a2af!important}
.appBody .compactAddressCopy>b{
  font-size:16px!important;line-height:22px!important;font-weight:620!important;color:#354458!important;
}
.appBody .compactFooter{margin-top:13px!important}
.appBody .compactStatus{font-size:14px!important;line-height:20px!important;font-weight:620!important;color:#667487!important}
.appBody .compactStatus i{width:9px!important;height:9px!important}
.appBody .compactBattery{font-size:13px!important;line-height:20px!important;color:#7c8999!important}
.appBody .compactBattery b{font-size:15px!important;color:#354458!important}
.appBody .bottomMiniBar{
  height:58px!important;padding:8px 12px!important;gap:8px!important;background:#fff!important;border-top:1px solid #dfe6ed!important;
}
.appBody .bottomMiniBar button,.appBody .bottomMiniBar a{
  border-radius:10px!important;border:1px solid #d8e0e8!important;background:#fff!important;
  font-size:12px!important;font-weight:580!important;color:#536176!important;
}
.appBody .bottomMiniBar button:hover,.appBody .bottomMiniBar a:hover{border-color:#efb79e!important;background:#fff9f6!important;color:#b94e22!important}
.appBody .fleetSummary{
  top:18px!important;left:18px!important;border-radius:15px!important;border:1px solid rgba(218,226,234,.9)!important;
  background:#dfe5eb!important;box-shadow:0 10px 28px rgba(18,34,56,.12)!important;
  backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;
}
.appBody .fleetSummary>div{min-width:102px!important;padding:12px 15px!important;background:rgba(255,255,255,.96)!important}
.appBody .fleetSummary span{font-size:11px!important;line-height:16px!important;margin-bottom:4px!important}
.appBody .fleetSummary b{font-size:21px!important;line-height:24px!important;font-weight:730!important}
.appBody .detailsPanel{
  width:455px!important;right:64px!important;top:18px!important;padding:21px!important;border-radius:18px!important;
  border:1px solid #dce4eb!important;box-shadow:0 18px 50px rgba(18,34,56,.18)!important;
}
.appBody .detailsTop h3{font-size:25px!important;line-height:31px!important;font-weight:700!important;letter-spacing:-.03em!important}
.appBody .typeLabel{font-size:10px!important;letter-spacing:.08em!important}
.appBody .detailsStatus{font-size:12px!important}
.appBody .addressBlock #detailsAddress{font-size:16px!important;line-height:23px!important}
.appBody .addressBlock #detailsUpdated{font-size:12px!important;line-height:18px!important}
.appBody .basicMetrics div{padding:12px!important;border-radius:10px!important}
.appBody .basicMetrics span,.appBody .basicMetrics small{font-size:10px!important}
.appBody .basicMetrics b{font-size:23px!important;line-height:28px!important}
.appBody .sensorList div{padding:10px 12px!important;font-size:12px!important}
.appBody .detailButtons{gap:8px!important;margin-top:11px!important}
.appBody .detailButtons button,.appBody .showMoreBtn{min-height:42px!important;border-radius:9px!important;font-size:13px!important}
.appBody .mapControlBar{right:14px!important;top:18px!important;gap:6px!important}
.appBody .mapControlBar>button,.appBody .mapDropdownWrap>button{
  width:40px!important;height:40px!important;border-radius:9px!important;border-color:#d7dfe6!important;
  box-shadow:0 3px 12px rgba(18,34,56,.09)!important;font-size:13px!important;
}
.appBody .sidebarToggleBtn{
  position:absolute;z-index:750;left:-1px;top:50%;transform:translateY(-50%);
  width:30px;height:78px;border:1px solid #d7e0e8;border-left:0;border-radius:0 12px 12px 0;
  background:rgba(255,255,255,.96);color:#66768b;font-size:25px;font-weight:350;
  box-shadow:5px 5px 18px rgba(18,34,56,.09);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  transition:background .15s,color .15s,width .15s;
}
.appBody .sidebarToggleBtn:hover{background:#fff8f4;color:#e9652d;width:34px}
.appBody .workspace.sidebarCollapsed .sidebarToggleBtn{font-size:0}
.appBody .workspace.sidebarCollapsed .sidebarToggleBtn:after{content:"›";font-size:25px}
.appBody .accountMenu{top:65px!important;border-radius:12px!important;box-shadow:0 14px 34px rgba(18,34,56,.16)!important}

@media(max-width:1280px){
  .appBody .workspace{grid-template-columns:420px 1fr!important}
  .appBody .workspace.sidebarCollapsed{grid-template-columns:0 1fr!important}
  .appBody .topItem{padding:0 14px!important;font-size:15px!important}
  .appBody .detailsPanel{width:410px!important}
}
@media(max-width:1050px){
  .appBody .workspace{grid-template-columns:380px 1fr!important}
  .appBody .workspace.sidebarCollapsed{grid-template-columns:0 1fr!important}
  .appBody .topbar{padding:0 14px!important}.appBody .topLeft{gap:18px!important}
  .appBody .topRight{gap:10px!important}.appBody .workspaceBadge{display:none!important}
  .appBody .compactIdentity b{font-size:18px!important}.appBody .compactAddressCopy>b{font-size:15px!important}
}
@media(max-width:900px){
  .appBody .topbar{height:64px!important}.appBody .workspace{height:calc(100vh - 64px)!important;grid-template-columns:min(86vw,390px) 1fr!important}
  .appBody .workspace.sidebarCollapsed{grid-template-columns:0 1fr!important}
  .appBody .topMenu{display:none!important}.appBody .topbar .logoBox{width:44px!important;height:44px!important}.appBody .topbar .brand b{font-size:20px!important}
  .appBody .connected{display:none!important}.appBody .userBtn{min-height:40px!important;font-size:13px!important}
  .appBody .detailsPanel{width:calc(100% - 28px)!important;right:14px!important;top:14px!important;max-height:calc(100% - 28px)!important;overflow:auto!important}
}


/* =========================================================
   AssetLive360 V5.3.14 — unified monitoring typography
   One consistent type scale across navigation, sidebar,
   cards, details, history, alerts and bottom actions.
   ========================================================= */
.appBody{
  --fs-xs:12px;--fs-sm:13px;--fs-md:15px;--fs-lg:17px;--fs-xl:20px;--fs-2xl:24px;
  font-size:15px!important;line-height:1.5!important;
  font-feature-settings:"kern" 1,"tnum" 1;
}
.appBody button,.appBody input,.appBody select{font-family:inherit!important}
.appBody .topbar{height:76px!important;padding:0 26px!important}
.appBody .workspace{height:calc(100vh - 76px)!important}
.appBody .topbar .logoBox{width:52px!important;height:52px!important;font-size:14px!important}
.appBody .topbar .brand b{font-size:23px!important;line-height:30px!important;font-weight:700!important}
.appBody .topMenu{height:76px!important}.appBody .topItem{font-size:16px!important;line-height:76px!important;font-weight:650!important}
.appBody .topRight,.appBody .connected{font-size:14px!important}.appBody .workspaceBadge,.appBody .userBtn{font-size:14px!important}

.appBody .panelTabs{height:64px!important}.appBody .tabBtn{font-size:16px!important;line-height:64px!important;font-weight:680!important}
.appBody .statusSectionHead{padding:26px 22px 20px!important}.appBody .statusSectionHead span{font-size:22px!important;line-height:30px!important}
.appBody .statusAddBtn{height:50px!important;min-width:112px!important;font-size:16px!important}
.appBody .searchRow{padding:0 22px 20px!important}.appBody .searchBox{height:58px!important}.appBody .searchBox input{font-size:16px!important}
.appBody .statusLegend{min-height:50px!important;padding:13px 22px!important;font-size:14px!important}
.appBody .statusHeadBar{height:52px!important;padding:0 22px!important;font-size:14px!important}.appBody .statusHeadBar small{font-size:13px!important}

.appBody .deviceStatusRow.compactDeviceRow{grid-template-columns:64px 1fr!important;gap:16px!important;min-height:160px!important;padding:20px!important}
.appBody .compactDeviceIcon.deviceIcon.big{width:64px!important;height:64px!important;font-size:29px!important}
.appBody .compactIdentity b{font-size:20px!important;line-height:27px!important}.appBody .compactIdentity small{font-size:14px!important;line-height:20px!important}
.appBody .compactAddressMeta{font-size:13px!important;line-height:18px!important}.appBody .compactAddressCopy>b{font-size:16px!important;line-height:22px!important}
.appBody .compactStatus{font-size:14px!important}.appBody .compactBattery{font-size:14px!important}.appBody .compactBattery b{font-size:15px!important}

.appBody .bottomMiniBar{height:66px!important;padding:9px 14px!important;gap:10px!important}
.appBody .bottomMiniBar button,.appBody .bottomMiniBar a{font-size:14px!important;font-weight:650!important;border-radius:11px!important;letter-spacing:-.005em!important}

.appBody .fleetSummary>div{min-width:108px!important;padding:13px 16px!important}.appBody .fleetSummary span{font-size:12px!important}.appBody .fleetSummary b{font-size:22px!important}
.appBody .detailsPanel{width:470px!important;padding:22px!important}.appBody .typeLabel{font-size:11px!important}.appBody .detailsTop h3{font-size:25px!important}.appBody .detailsStatus{font-size:13px!important}
.appBody .addressBlock span{font-size:12px!important}.appBody .addressBlock #detailsAddress{font-size:16px!important;line-height:23px!important}.appBody .addressBlock #detailsUpdated{font-size:13px!important}
.appBody .basicMetrics span,.appBody .basicMetrics small{font-size:11px!important}.appBody .basicMetrics b{font-size:23px!important}.appBody .sensorList div,.appBody .moreDetails div{font-size:13px!important}
.appBody .detailButtons button,.appBody .showMoreBtn{font-size:14px!important;font-weight:620!important}

.appBody .historyPaneHead .sectionTitle,.appBody #alertsTab>.sectionTitle{font-size:18px!important;line-height:24px!important;letter-spacing:0!important;font-weight:730!important;color:#3f5066!important}
.appBody .historyPaneHead p{font-size:14px!important;line-height:21px!important}.appBody .historyPane>label{font-size:14px!important}.appBody .historyPane>select{font-size:15px!important}
.appBody .historyDateRow label span{font-size:13px!important}.appBody .historyDateRow input{font-size:15px!important;min-height:50px!important}
.appBody .historyPrimaryBtn{font-size:15px!important;min-height:50px!important}.appBody .historySummaryBox,.appBody .historyTimeline{font-size:14px!important}
.appBody .eventRow b{font-size:14px!important}.appBody .eventRow span{font-size:13px!important;line-height:19px!important}

.appBody .mapControlBar>button,.appBody .mapDropdownWrap>button{width:42px!important;height:42px!important;font-size:14px!important}
.appBody .miniMenu{width:170px!important}.appBody .miniMenu button{font-size:13px!important;padding:10px!important}
.appBody .dropdownMenu button{font-size:13px!important;padding:10px!important}.appBody .toolsDropdown{width:220px!important}.appBody .setupDropdown{width:180px!important}

@media(max-width:1280px){
  .appBody .topbar{padding:0 18px!important}.appBody .topLeft{gap:22px!important}.appBody .topItem{font-size:15px!important;padding:0 13px!important}
  .appBody .workspace{grid-template-columns:420px 1fr!important}.appBody .detailsPanel{width:420px!important}
}
@media(max-width:900px){
  .appBody .topbar{height:66px!important}.appBody .workspace{height:calc(100vh - 66px)!important}.appBody .topbar .brand b{font-size:20px!important}
  .appBody .panelTabs{height:58px!important}.appBody .tabBtn{font-size:15px!important;line-height:58px!important}
  .appBody .statusSectionHead span{font-size:20px!important}.appBody .bottomMiniBar button,.appBody .bottomMiniBar a{font-size:13px!important}
}


/* =========================================================
   AssetLive360 V5.3.18 — Arial landing typography refresh
   - Landing page uses Arial.
   - Hero title uses a deliberate two-line composition.
   - Feature copy is larger for better readability.
   ========================================================= */
.landingV539,
.landingV539 button,
.landingV539 input,
.landingV539 select,
.landingV539 textarea{
  font-family:Arial,"Segoe UI","Noto Sans",sans-serif!important;
}
.landingV539 .heroCopyDark{max-width:720px}
.landingV539 .heroCopyDark h1{
  font-size:clamp(50px,3.7vw,60px);
  line-height:1.04;
  letter-spacing:-.04em;
  font-weight:700;
}
.landingV539 .heroCopyDark h1 .heroTitleLine{display:block}
.landingV539 .heroCopyDark h1 strong.heroTitleLine{margin-top:8px;font-weight:700;color:#ff6324}

.landingV539 .heroFeatureStrip article{min-height:128px;padding:24px 26px;grid-template-columns:54px 1fr;gap:17px}
.landingV539 .featureIcon{width:50px;height:50px;font-size:23px}
.landingV539 .heroFeatureStrip b{font-size:17px;line-height:1.28;margin-bottom:9px;font-weight:700}
.landingV539 .heroFeatureStrip p{font-size:13.5px;line-height:1.58;font-weight:400}

.landingV539 .featureGridDark article{min-height:180px;padding:30px}
.landingV539 .featureGridDark article>span{font-size:29px;margin-bottom:18px}
.landingV539 .featureGridDark b{font-size:21px;line-height:1.25;font-weight:700}
.landingV539 .featureGridDark p{font-size:15px;line-height:1.62;margin-top:12px;font-weight:400}

@media(max-width:1220px){
  .landingV539 .heroCopyDark h1{font-size:50px}
  .landingV539 .heroFeatureStrip article{padding:20px;grid-template-columns:46px 1fr;gap:13px}
  .landingV539 .heroFeatureStrip b{font-size:16px}
  .landingV539 .heroFeatureStrip p{font-size:12.5px}
}
@media(max-width:980px){
  .landingV539 .heroCopyDark h1{font-size:clamp(46px,8vw,58px)}
  .landingV539 .heroFeatureStrip b{font-size:17px}
  .landingV539 .heroFeatureStrip p{font-size:13.5px}
  .landingV539 .featureGridDark b{font-size:20px}
  .landingV539 .featureGridDark p{font-size:15px}
}
@media(max-width:650px){
  .landingV539 .heroCopyDark h1{font-size:40px;line-height:1.06}
  .landingV539 .heroCopyDark h1 .heroTitleLine{display:block}
  .landingV539 .heroCopyDark h1 strong.heroTitleLine{margin-top:6px}
  .landingV539 .heroFeatureStrip article{min-height:112px;padding:20px}
  .landingV539 .featureGridDark article{min-height:auto;padding:24px}
  .landingV539 .featureGridDark b{font-size:19px}
  .landingV539 .featureGridDark p{font-size:14px}
}


/* =========================================================
   AssetLive360 V5.3.19 — readable tracking + share UI
   ========================================================= */
.senderBody,
.senderBody button,
.senderBody input,
.senderBody select,
.appBody .detailsPanel,
.appBody #shareModal{
  font-family:Arial,"Segoe UI","Noto Sans",sans-serif!important;
}

/* Dùng thiết bị này để định vị: tăng toàn bộ typography */
.phoneTrackerWrap{width:min(900px,calc(100% - 36px))!important}
.phoneTrackerTop .brand b{font-size:22px!important}
.phoneBackLink{font-size:17px!important;font-weight:700!important}
.phoneTrackerCard{padding:38px 42px!important}
.phoneTrackerEyebrow{font-size:15px!important;line-height:20px!important}
.phoneTrackerCard h1{font-size:40px!important;line-height:1.14!important;margin-bottom:14px!important}
.phoneTrackerIntro{font-size:19px!important;line-height:1.55!important;margin-bottom:24px!important}
.quickPhoneSteps{font-size:16px!important;line-height:22px!important;padding:16px 18px!important;gap:10px!important}
.quickPhoneSteps i{width:28px!important;height:28px!important;font-size:14px!important}
.quickPhoneSteps>b{font-size:22px!important}
.linkedPhoneCard{padding:20px!important;gap:18px!important}
.linkedPhoneIcon{width:58px!important;height:58px!important;font-size:28px!important}
.linkedPhoneCard small{font-size:14px!important;line-height:20px!important}
.linkedPhoneCard b{font-size:22px!important;line-height:28px!important}
.linkedPhoneCard span{font-size:14px!important;line-height:20px!important}
.phoneTrackerCard label{font-size:16px!important;line-height:22px!important}
.phoneTrackerCard input,.phoneTrackerCard select{font-size:18px!important;min-height:58px!important}
.quickFieldHint,.phoneAdvancedPanel p{font-size:14px!important;line-height:21px!important}
.phoneTrackerCard button{font-size:18px!important;min-height:58px!important}
.phoneStatusCard{padding:18px!important;font-size:16px!important}
.phoneStatusCard b{font-size:18px!important;line-height:24px!important}
.phoneStatusCard small{font-size:15px!important;line-height:22px!important}
.quickPhoneMeta{font-size:14px!important;line-height:20px!important}
.phoneAdvancedToggle{font-size:17px!important}
.phonePrivacyNote{font-size:15px!important;line-height:1.55!important;padding:17px 19px!important}
.phonePrivacyNote b{min-width:130px!important;font-size:16px!important}

/* Card danh sách: địa chỉ là nội dung chính, tăng thêm 1 nấc */
.appBody .compactAddressMeta{font-size:14px!important;line-height:20px!important}
.appBody .compactAddressCopy>b{font-size:18px!important;line-height:25px!important;font-weight:650!important}
.appBody .compactStatus,.appBody .compactBattery{font-size:15px!important}

/* Panel chi tiết thiết bị */
.appBody .detailsPanel{width:520px!important;padding:28px!important}
.appBody .typeLabel{font-size:13px!important;line-height:18px!important}
.appBody .detailsTop h3{font-size:31px!important;line-height:38px!important}
.appBody .detailsStatus{font-size:16px!important;line-height:22px!important}
.appBody .followSelectedBtn{font-size:14px!important;min-height:44px!important}
.appBody .detailsCloseBtn{width:44px!important;height:44px!important;font-size:24px!important}
.appBody .addressBlock span{font-size:15px!important;line-height:21px!important}
.appBody .addressBlock #detailsAddress{font-size:20px!important;line-height:29px!important;font-weight:700!important}
.appBody .addressBlock #detailsUpdated{font-size:15px!important;line-height:22px!important}
.appBody .distanceToMe small,.appBody .distanceToMe em{font-size:13px!important;line-height:18px!important}
.appBody .distanceToMe b{font-size:18px!important;line-height:24px!important}
.appBody .basicMetrics span,.appBody .basicMetrics small{font-size:14px!important}
.appBody .basicMetrics b{font-size:30px!important;line-height:36px!important}
.appBody .sensorList div,.appBody .moreDetails div{font-size:16px!important;line-height:23px!important}
.appBody .showMoreBtn,.appBody .detailButtons button{font-size:18px!important;min-height:58px!important}

/* Chia sẻ vị trí: modal lớn, dễ đọc */
.appBody #shareModal .modalCard{width:min(720px,calc(100vw - 40px))!important;border-radius:14px!important;padding:30px 34px!important}
.appBody #shareModal .modalHead span{font-size:15px!important;line-height:20px!important}
.appBody #shareModal .modalHead h3{font-size:34px!important;line-height:42px!important;margin:6px 0 12px!important}
.appBody #shareModal .modalHead button{width:48px!important;height:48px!important;font-size:27px!important;border-radius:8px!important}
.appBody #shareModal label{font-size:18px!important;line-height:24px!important;margin:18px 0 8px!important}
.appBody #shareModal select{font-size:20px!important;min-height:62px!important;padding:0 16px!important;border-radius:8px!important}
.appBody #shareModal .modalPrimary{font-size:20px!important;min-height:64px!important;margin-top:20px!important;border-radius:8px!important}
.shareAccessNote{font-size:15px!important;line-height:22px!important;color:#667085;margin:14px 0 0}
.appBody #shareModal .shareResult{font-size:16px!important;line-height:24px!important;margin-top:18px!important}
.shareLinkInput{width:100%;box-sizing:border-box;margin-top:9px;padding:13px 14px;border:1px solid #ccd3d9;border-radius:8px;font-size:16px}
.shareExpiryText{display:block;margin-top:9px;font-size:14px;line-height:20px;color:#667085}
.copyShareBtn{margin-top:10px;border:0;background:#2f3742;color:#fff;padding:12px 16px;border-radius:8px;font-size:16px;font-weight:700}

@media(max-width:760px){
  .phoneTrackerWrap{width:100%!important}.phoneTrackerCard{padding:24px!important}.phoneTrackerCard h1{font-size:32px!important}.phoneTrackerIntro{font-size:17px!important}
  .quickPhoneSteps{font-size:14px!important}.phonePrivacyNote{flex-direction:column!important}.phonePrivacyNote b{min-width:0!important}
  .appBody .detailsPanel{width:calc(100% - 24px)!important;padding:20px!important}
  .appBody #shareModal .modalCard{padding:22px!important}.appBody #shareModal .modalHead h3{font-size:28px!important}.appBody #shareModal select{font-size:18px!important}
}


/* =========================================================
   AssetLive360 V5.3.20 — Arial + larger type + fleet filters
   ========================================================= */
html,body,button,input,select,textarea,
.maplibregl-map,.maplibregl-popup,.maplibregl-ctrl,
.landingV539,.authBody,.senderBody,.shareBody,.appBody{
  font-family:Arial,"Segoe UI","Noto Sans",sans-serif!important;
}
body{font-size:15.5px!important}

/* Fleet filter + independent scroll keep long device lists manageable. */
.deviceFilterBar{
  display:flex;gap:8px;padding:0 22px 14px;background:#fff;border-bottom:1px solid #eef2f5;
  overflow-x:auto;scrollbar-width:thin;
}
.deviceFilterBtn{
  flex:0 0 auto;min-height:40px;padding:0 14px;border:1px solid #d9e1e8;border-radius:999px;
  background:#fff;color:#617084;font-size:14px;font-weight:650;line-height:38px;white-space:nowrap;
}
.deviceFilterBtn:hover{border-color:#efb79e;background:#fff9f6;color:#b94e22}
.deviceFilterBtn.active{border-color:#f08b60;background:#fff2eb;color:#c95424;box-shadow:0 0 0 3px rgba(239,107,46,.07)}
.appBody .statusBigList{flex:1!important;min-height:0!important;overflow:auto!important}

/* One more readable step across the monitoring UI. */
.appBody .topbar .brand b{font-size:25px!important}
.appBody .topItem{font-size:17px!important}
.appBody .topRight,.appBody .connected,.appBody .workspaceBadge,.appBody .userBtn{font-size:15px!important}
.appBody .tabBtn{font-size:17px!important}
.appBody .statusSectionHead span{font-size:24px!important;line-height:32px!important}
.appBody .statusAddBtn{font-size:17px!important}
.appBody .searchBox input{font-size:17px!important}
.appBody .statusLegend{font-size:15px!important}
.appBody .statusHeadBar{font-size:15px!important}.appBody .statusHeadBar small{font-size:14px!important}
.appBody .compactIdentity b{font-size:22px!important;line-height:29px!important}
.appBody .compactIdentity small{font-size:15px!important;line-height:21px!important}
.appBody .compactAddressMeta{font-size:15px!important;line-height:21px!important}
.appBody .compactAddressCopy>b{font-size:20px!important;line-height:28px!important}
.appBody .compactStatus,.appBody .compactBattery{font-size:16px!important}.appBody .compactBattery b{font-size:17px!important}
.appBody .bottomMiniBar button,.appBody .bottomMiniBar a{font-size:15.5px!important}
.appBody .fleetSummary span{font-size:13px!important}.appBody .fleetSummary b{font-size:24px!important}
.appBody .detailsTop h3{font-size:34px!important;line-height:41px!important}
.appBody .typeLabel{font-size:14px!important}.appBody .detailsStatus{font-size:17px!important}
.appBody .addressBlock span{font-size:16px!important}.appBody .addressBlock #detailsAddress{font-size:22px!important;line-height:31px!important}
.appBody .addressBlock #detailsUpdated{font-size:16px!important}.appBody .followSelectedBtn{font-size:15px!important}
.appBody .basicMetrics span,.appBody .basicMetrics small{font-size:15px!important}.appBody .basicMetrics b{font-size:32px!important}
.appBody .sensorList div,.appBody .moreDetails div{font-size:17px!important}.appBody .showMoreBtn,.appBody .detailButtons button{font-size:19px!important}
.appBody .historyPaneHead .sectionTitle,.appBody #alertsTab>.sectionTitle{font-size:20px!important}
.appBody .historyPaneHead p,.appBody .historyPane>label{font-size:15px!important}.appBody .historyPane>select,.appBody .historyDateRow input,.appBody .historyPrimaryBtn{font-size:16.5px!important}
.appBody .historyDateRow label span{font-size:14px!important}.appBody .historyEventTime{font-size:13px!important}.appBody .historyEventBody b{font-size:17px!important}.appBody .historyEventAddress{font-size:15px!important}.appBody .historyEventBody small{font-size:13px!important}
.appBody .mapControlBar>button,.appBody .mapDropdownWrap>button{font-size:15px!important}.appBody .miniMenu button,.appBody .dropdownMenu button{font-size:14px!important}

/* Current-device page. */
.phoneTrackerTop .brand b{font-size:24px!important}.phoneBackLink{font-size:18px!important}
.phoneTrackerEyebrow{font-size:16px!important}.phoneTrackerCard h1{font-size:43px!important}
.phoneTrackerIntro{font-size:21px!important}.quickPhoneSteps{font-size:17px!important}
.phoneTrackerCard label{font-size:17px!important}.phoneTrackerCard input,.phoneTrackerCard select{font-size:19px!important}
.quickFieldHint,.phoneAdvancedPanel p{font-size:15px!important}.phoneTrackerCard button{font-size:19px!important}
.phoneStatusCard b{font-size:20px!important}.phoneStatusCard small{font-size:16px!important}.quickPhoneMeta{font-size:15px!important}
.phoneAdvancedToggle{font-size:18px!important}.phonePrivacyNote{font-size:16px!important}.phonePrivacyNote b{font-size:17px!important}

/* Share view and share dialog. */
.appBody #shareModal .modalHead span{font-size:16px!important}.appBody #shareModal .modalHead h3{font-size:37px!important}
.appBody #shareModal label{font-size:19px!important}.appBody #shareModal select{font-size:21px!important}.appBody #shareModal .modalPrimary{font-size:21px!important}
.shareAccessNote{font-size:16px!important}.appBody #shareModal .shareResult{font-size:17px!important}.shareLinkInput{font-size:17px!important}.shareExpiryText{font-size:15px!important}.copyShareBtn{font-size:17px!important}
.shareTop{font-size:13px!important;height:58px!important}.shareCard{width:330px!important;padding:16px!important}.shareCard>span{font-size:11px!important}.shareCard h2{font-size:21px!important}.shareCard p,.shareCard div{font-size:13px!important}.shareExpires{font-size:12px!important}#shareMap{height:calc(100vh - 58px)!important}

/* Auth screens. */
.premiumAuthBrand{font-size:21px!important}.premiumAuthTag{font-size:14px!important}.premiumEyebrow{font-size:14px!important}
.premiumAuthCard h1{font-size:38px!important}.premiumAuthLead{font-size:17px!important}.premiumAuthCard label,.registerGrid label{font-size:17px!important}
.premiumAuthCard input{font-size:18px!important}.premiumLoginButton{font-size:18px!important}.premiumAuthMsg{font-size:14px!important}.premiumAuthFoot{font-size:14px!important}

/* Landing keeps the approved headline layout; supporting copy grows slightly. */
.landingV539 .landingNavDark nav{font-size:16px!important}.landingV539 .landingBrand{font-size:21px!important}
.landingV539 .heroCopyDark p{font-size:18px!important}.landingV539 .heroBtnsDark a{font-size:17px!important}
.landingV539 .heroFeatureStrip b{font-size:18px!important}.landingV539 .heroFeatureStrip p{font-size:15px!important}
.landingV539 .featureGridDark b{font-size:22px!important}.landingV539 .featureGridDark p{font-size:16px!important}
.landingV539 .sectionLead{font-size:18px!important}.landingV539 .landingFooterDark{font-size:13px!important}

@media(max-width:900px){
  .deviceFilterBar{padding-left:16px;padding-right:16px}.deviceFilterBtn{font-size:13px;min-height:38px;line-height:36px}
  .appBody .compactIdentity b{font-size:20px!important}.appBody .compactAddressCopy>b{font-size:18px!important}
  .phoneTrackerCard h1{font-size:35px!important}.phoneTrackerIntro{font-size:18px!important}
}

/* =========================================================
   AssetLive360 V5.3.21 — Global Arial audit + unified type
   ========================================================= */
:root{--font-ui:Arial,"Segoe UI","Noto Sans",sans-serif!important}
html,body,body *,button,input,select,textarea,option,
.maplibregl-map,.maplibregl-map *,.maplibregl-popup,.maplibregl-popup *,
.maplibregl-ctrl,.maplibregl-ctrl *{
  font-family:Arial,"Segoe UI","Noto Sans",sans-serif!important;
}
body{font-size:16.5px!important;line-height:1.5!important}
button,input,select,textarea{font-size:1em}

/* Dashboard typography — one consistent scale */
.appBody .topbar .brand b{font-size:26px!important;line-height:1.2!important}
.appBody .topItem,.appBody .tabBtn{font-size:18px!important}
.appBody .topRight,.appBody .connected,.appBody .workspaceBadge,.appBody .userBtn{font-size:16px!important}
.appBody .statusSectionHead span{font-size:25px!important;line-height:33px!important}
.appBody .statusAddBtn,.appBody .searchBox input{font-size:18px!important}
.appBody .statusLegend,.appBody .statusHeadBar{font-size:16px!important}.appBody .statusHeadBar small{font-size:15px!important}
.appBody .compactIdentity b{font-size:23px!important;line-height:30px!important}
.appBody .compactIdentity small,.appBody .compactAddressMeta{font-size:16px!important;line-height:22px!important}
.appBody .compactAddressCopy>b{font-size:21px!important;line-height:29px!important}
.appBody .compactStatus,.appBody .compactBattery{font-size:17px!important}.appBody .compactBattery b{font-size:18px!important}
.appBody .bottomMiniBar button,.appBody .bottomMiniBar a{font-size:17px!important;font-weight:700!important}
.appBody .deviceFilterBtn{font-size:15px!important}
.appBody .fleetSummary span{font-size:14px!important}.appBody .fleetSummary b{font-size:25px!important}
.appBody .detailsTop h3{font-size:35px!important;line-height:42px!important}
.appBody .typeLabel{font-size:15px!important}.appBody .detailsStatus{font-size:18px!important}
.appBody .addressBlock span{font-size:17px!important}.appBody .addressBlock #detailsAddress{font-size:23px!important;line-height:32px!important}
.appBody .addressBlock #detailsUpdated{font-size:17px!important}.appBody .followSelectedBtn{font-size:16px!important}
.appBody .distanceToMe small,.appBody .distanceToMe em{font-size:15px!important}.appBody .distanceToMe b{font-size:20px!important}
.appBody .basicMetrics span,.appBody .basicMetrics small{font-size:16px!important}.appBody .basicMetrics b{font-size:33px!important}
.appBody .sensorList div,.appBody .moreDetails div{font-size:18px!important}.appBody .showMoreBtn,.appBody .detailButtons button{font-size:20px!important}
.appBody .mapControlBar>button,.appBody .mapDropdownWrap>button{font-size:16px!important}.appBody .miniMenu button,.appBody .dropdownMenu button{font-size:15px!important}

/* Current-device / sender page */
.phoneTrackerTop .brand b{font-size:25px!important}.phoneBackLink{font-size:19px!important}
.phoneTrackerEyebrow{font-size:17px!important}.phoneTrackerCard h1{font-size:46px!important;line-height:1.08!important}
.phoneTrackerIntro{font-size:22px!important;line-height:1.55!important}.quickPhoneSteps{font-size:18px!important}
.phoneTrackerCard label{font-size:18px!important}.phoneTrackerCard input,.phoneTrackerCard select{font-size:20px!important}
.quickFieldHint,.phoneAdvancedPanel p{font-size:16px!important}.phoneTrackerCard button{font-size:20px!important}
.phoneStatusCard b{font-size:21px!important}.phoneStatusCard small{font-size:17px!important}.quickPhoneMeta{font-size:16px!important}
.phoneAdvancedToggle{font-size:19px!important}.phonePrivacyNote{font-size:17px!important}.phonePrivacyNote b{font-size:18px!important}

/* Share dialog */
.appBody #shareModal .modalHead span{font-size:17px!important}.appBody #shareModal .modalHead h3{font-size:39px!important}
.appBody #shareModal label{font-size:20px!important}.appBody #shareModal select{font-size:22px!important}.appBody #shareModal .modalPrimary{font-size:22px!important}
.shareAccessNote{font-size:17px!important}.appBody #shareModal .shareResult{font-size:18px!important}.shareLinkInput{font-size:18px!important}.shareExpiryText{font-size:16px!important}.copyShareBtn{font-size:18px!important}

/* Auth */
.premiumAuthBrand{font-size:22px!important}.premiumAuthTag{font-size:15px!important}.premiumEyebrow{font-size:15px!important}
.premiumAuthCard h1{font-size:40px!important}.premiumAuthLead{font-size:18px!important}.premiumAuthCard label,.registerGrid label{font-size:18px!important}
.premiumAuthCard input{font-size:19px!important}.premiumLoginButton{font-size:19px!important}.premiumAuthMsg,.premiumAuthFoot{font-size:15px!important}

/* Landing navigation and feature drill-down */
.landingV539 .landingNavDark nav{font-size:17px!important}.landingV539 .landingBrand{font-size:22px!important}
.landingV539 .heroCopyDark p{font-size:19px!important}.landingV539 .heroBtnsDark a{font-size:18px!important}
.landingV539 .heroFeatureStrip b{font-size:19px!important}.landingV539 .heroFeatureStrip p{font-size:16px!important}
.landingV539 .sectionLead{font-size:19px!important}.landingV539 .landingFooterDark{font-size:14px!important}
.featureNavGrid{scroll-margin-top:90px}
.featureNavCard{display:block;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:linear-gradient(160deg,rgba(18,35,51,.95),rgba(8,20,33,.96));padding:30px;color:#fff;min-height:190px;transition:.18s ease}
.featureNavCard:hover{transform:translateY(-3px);border-color:rgba(255,106,40,.62);box-shadow:0 16px 36px rgba(0,0,0,.2)}
.featureNavCard>span{font-size:30px;display:block;margin-bottom:18px}.featureNavCard b{display:block;font-size:23px;line-height:1.25}.featureNavCard p{color:#aab8c6;font-size:17px;line-height:1.62;margin:12px 0 16px}.featureNavCard em{font-style:normal;color:#ff7a3e;font-size:16px;font-weight:700}
.featureDetailStack{display:grid;gap:16px;margin-top:44px}.featureDetailCard{scroll-margin-top:90px;display:grid;grid-template-columns:70px 1fr;gap:22px;align-items:start;padding:28px 30px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(11,28,44,.72);color:#f7f9fb}.featureDetailIcon{width:64px;height:64px;display:grid;place-items:center;border-radius:16px;background:rgba(255,255,255,.06);font-size:30px}.featureDetailEyebrow{font-size:13px;letter-spacing:.15em;color:#ff6a28;font-weight:700}.featureDetailCard h3{font-size:27px;line-height:1.2;margin:7px 0 9px}.featureDetailCard p{font-size:17px;line-height:1.65;color:#aebbc7;margin:0;max-width:900px}.featureDetailCard a{display:inline-block;margin-top:14px;color:#ff7a3e;font-weight:700;font-size:16px}

/* History — SpotLive-like compact route/timeline/replay experience */
.appBody .historyPane{background:#f7f9fb!important;overflow:hidden!important}
.appBody .historyPaneHead{padding:22px 20px 6px!important}
.appBody .historyPaneHead .sectionTitle{font-size:24px!important;line-height:31px!important;font-weight:700!important;color:#34455b!important}
.appBody .historyPaneHead p{font-size:17px!important;line-height:25px!important;color:#7c8998!important;margin-top:7px!important}
.appBody .historyPane>label{font-size:17px!important;font-weight:700!important;margin:16px 20px 7px!important;color:#617084!important}
.appBody .historyPane>select{font-size:19px!important;height:62px!important;margin:0 20px!important;padding:0 16px!important;border-radius:13px!important}
.appBody .historyDateRow{gap:12px!important;margin:16px 20px!important}.appBody .historyDateRow label span{font-size:16px!important;font-weight:700!important}.appBody .historyDateRow input{font-size:18px!important;height:58px!important;border-radius:13px!important}
.appBody .historyPrimaryBtn{font-size:19px!important;min-height:60px!important;margin:0 20px 16px!important;border-radius:13px!important;font-weight:700!important}
.appBody .historySummaryBox{margin:0 20px 14px!important;border-radius:16px!important;padding:18px!important;box-shadow:0 5px 18px rgba(29,46,66,.05)!important}
.appBody .historySummaryTitle{font-size:22px!important;line-height:29px!important;font-weight:700!important;margin-bottom:15px!important}
.appBody .historyStats{gap:10px!important}.appBody .historyStats>div{border-radius:12px!important;padding:15px!important;background:#f3f6f8!important}.appBody .historyStats span{font-size:15px!important}.appBody .historyStats b{font-size:21px!important;line-height:28px!important}
.historyReplay{margin:0 20px 14px;padding:15px 16px;border:1px solid #dce3e8;border-radius:16px;background:#fff;box-shadow:0 4px 14px rgba(29,46,66,.04)}
.historyReplay.hidden{display:none!important}.historyReplayTop{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.historyReplayTop button{border:0;border-radius:11px;background:#26384f;color:#fff;min-height:44px;padding:0 15px;font-size:16px;font-weight:800}.historyReplayTop span{font-size:15px;font-weight:700;color:#66758a}.historyReplay input[type=range]{width:100%;accent-color:#f36a2f}.historyReplayMarker{width:26px;height:26px;border:4px solid #fff;border-radius:50%;display:grid;place-items:center;background:#f36a2f;color:#fff;box-shadow:0 3px 14px rgba(243,106,47,.45);font-size:0}.historyReplayMarker:after{content:"";width:8px;height:8px;border-radius:50%;background:#fff}
.historyTimelineHead{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:2px 20px 10px}.historyTimelineHead b{font-size:18px;color:#33465c}.historyTimelineHead span{font-size:14px;color:#8a96a4}
.appBody .historyTimeline{padding:0 20px 24px!important;position:relative}.appBody .historyTimeline:before{content:"";position:absolute;left:34px;top:0;bottom:28px;width:2px;background:#e4e9ed}
.appBody .historyEvent{position:relative;display:grid!important;grid-template-columns:28px 1fr 18px!important;gap:12px!important;width:100%;text-align:left;background:#fff!important;border:1px solid #dce3e8!important;border-radius:15px!important;padding:16px 15px!important;margin:0 0 11px!important;box-shadow:0 3px 12px rgba(29,46,66,.035)!important}
.appBody .historyEvent:hover{border-color:#f0b79f!important;background:#fffaf7!important}.appBody .historyEventDot{z-index:1;width:14px!important;height:14px!important;margin-top:6px!important;border:4px solid #edf8f3!important;background:#2abd7f!important;box-sizing:content-box!important}.appBody .historyEvent.moving .historyEventDot{background:#3b82f6!important;border-color:#eaf2ff!important}
.appBody .historyEventTime{font-size:15px!important;line-height:21px!important;font-weight:700!important;color:#8895a5!important}.appBody .historyEventBody b{font-size:20px!important;line-height:27px!important;color:#1f2d3d!important}.appBody .historyEventAddress{font-size:17px!important;line-height:24px!important;color:#4d5d70!important}.appBody .historyEventBody small{font-size:15px!important;line-height:21px!important;color:#8b97a5!important}.appBody .historyEventArrow{font-size:28px!important;color:#9aa8b7!important;align-self:center}
.historyStopMarker{font-family:Arial,"Segoe UI","Noto Sans",sans-serif!important}

@media(max-width:900px){
  body{font-size:16px!important}.featureDetailCard{grid-template-columns:52px 1fr;padding:22px}.featureDetailIcon{width:48px;height:48px;font-size:24px}.featureDetailCard h3{font-size:23px}.featureDetailCard p{font-size:16px}
  .appBody .historyPaneHead{padding-left:14px!important;padding-right:14px!important}.appBody .historyPane>label,.appBody .historyPane>select,.appBody .historyDateRow,.appBody .historyPrimaryBtn,.appBody .historySummaryBox,.historyReplay{margin-left:14px!important;margin-right:14px!important}.historyTimelineHead{padding-left:14px;padding-right:14px}.appBody .historyTimeline{padding-left:14px!important;padding-right:14px!important}
}


/* =========================================================
   AssetLive360 V5.3.22 — hard typography + interaction fix
   Fixes cached/mixed font appearance, history scrolling,
   tiny timeline copy, and landing feature drill-down clicks.
   ========================================================= */
html,body,body *,button,input,select,textarea,option{
  font-family:Arial,"Segoe UI","Noto Sans",sans-serif!important;
}
body{font-size:17px!important;line-height:1.5!important}

/* Dashboard / app: one readable type system. */
.appBody{font-size:17px!important}
.appBody .topbar .brand b{font-size:26px!important}
.appBody .topItem{font-size:18px!important}
.appBody .topRight,.appBody .workspaceBadge,.appBody .userBtn{font-size:16px!important}
.appBody .tabBtn{font-size:18px!important;font-weight:700!important}
.appBody .statusSectionHead span{font-size:25px!important}
.appBody .statusAddBtn{font-size:18px!important}
.appBody .searchBox input{font-size:18px!important}
.appBody .deviceFilterBtn{font-size:16px!important}
.appBody .statusLegend,.appBody .statusHeadBar{font-size:16px!important}
.appBody .statusHeadBar small{font-size:15px!important}
.appBody .compactIdentity b{font-size:23px!important;line-height:30px!important}
.appBody .compactIdentity small{font-size:16px!important;line-height:22px!important}
.appBody .compactAddressMeta{font-size:16px!important}
.appBody .compactAddressCopy>b{font-size:21px!important;line-height:29px!important}
.appBody .compactStatus,.appBody .compactBattery{font-size:17px!important}
.appBody .bottomMiniBar button,.appBody .bottomMiniBar a{font-size:17px!important}

/* Alerts: readable and actually fills/scrolls its tab. */
.appBody #alertsTab{min-height:0!important;overflow:hidden!important}
.appBody #alertsTab>.sectionTitle{font-size:25px!important;line-height:32px!important;padding:22px 20px 12px!important}
.appBody .alertsPanelList{flex:1!important;min-height:0!important;overflow-y:auto!important;padding:0 18px 22px!important;-webkit-overflow-scrolling:touch}
.appBody .alertCard2{padding:17px!important;gap:14px!important;border-radius:14px!important}
.appBody .alertCard2 b{font-size:20px!important;line-height:27px!important}
.appBody .alertCard2 small{font-size:17px!important;line-height:24px!important}
.appBody .alertIcon2{width:46px!important;height:46px!important;font-size:22px!important}

/* History: scroll the whole pane instead of clipping the lower timeline. */
.appBody .historyPane{
  background:#f7f9fb!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  min-height:0!important;
  display:none;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  padding-bottom:28px!important;
}
.appBody .historyPane.activePane{display:block!important}
.appBody .historyPaneHead{padding:24px 20px 8px!important}
.appBody .historyPaneHead .sectionTitle{
  font-family:Arial,"Segoe UI","Noto Sans",sans-serif!important;
  font-size:28px!important;line-height:35px!important;font-weight:700!important;
  letter-spacing:0!important;color:#33465c!important;text-transform:none!important;
}
.appBody .historyPaneHead p{font-size:19px!important;line-height:28px!important;color:#738296!important}
.appBody .historyPane>label{font-size:19px!important;line-height:26px!important;font-weight:700!important}
.appBody .historyPane>select{font-size:20px!important;height:64px!important}
.appBody .historyDateRow label span{font-size:18px!important;line-height:24px!important}
.appBody .historyDateRow input{font-size:20px!important;height:62px!important}
.appBody .historyPrimaryBtn{font-size:21px!important;min-height:64px!important}
.appBody .historySummaryTitle{font-size:25px!important;line-height:32px!important}
.appBody .historyStats span{font-size:17px!important;line-height:23px!important}
.appBody .historyStats b{font-size:23px!important;line-height:30px!important}
.appBody .historyReplay{margin-bottom:18px!important;padding:18px!important}
.appBody .historyReplayTop button{font-size:20px!important;min-height:52px!important;padding:0 20px!important}
.appBody .historyReplayTop span{font-size:18px!important}
.appBody .historyReplay input[type=range]{height:30px!important;cursor:pointer}
.appBody .historyTimelineHead{padding:8px 20px 12px!important;align-items:flex-start!important}
.appBody .historyTimelineHead b{font-size:23px!important;line-height:30px!important}
.appBody .historyTimelineHead span{font-size:17px!important;line-height:24px!important;text-align:right!important}
.appBody .historyTimeline{padding:0 20px 30px!important;overflow:visible!important;flex:none!important;min-height:auto!important}
.appBody .historyTimeline:before{left:36px!important}
.appBody .historyEvent{grid-template-columns:30px 1fr 20px!important;gap:13px!important;padding:18px 16px!important;margin-bottom:13px!important}
.appBody .historyEventTime{font-size:18px!important;line-height:25px!important}
.appBody .historyEventBody b{font-size:23px!important;line-height:30px!important}
.appBody .historyEventAddress{font-size:19px!important;line-height:27px!important;margin-top:3px!important}
.appBody .historyEventBody small{font-size:17px!important;line-height:24px!important}
.appBody .historyEventArrow{font-size:32px!important}

/* Details / drawers / dialogs: remove remaining tiny legacy text. */
.appBody .detailsPanel{font-size:17px!important}
.appBody .typeLabel{font-size:16px!important}
.appBody .detailsStatus{font-size:18px!important}
.appBody .addressBlock span{font-size:17px!important}
.appBody .addressBlock #detailsAddress{font-size:23px!important;line-height:32px!important}
.appBody .addressBlock #detailsUpdated{font-size:17px!important}
.appBody .basicMetrics span,.appBody .basicMetrics small{font-size:16px!important}
.appBody .sensorList div,.appBody .moreDetails div{font-size:18px!important}
.appBody .showMoreBtn,.appBody .detailButtons button{font-size:19px!important}
.appBody .drawerHeader span{font-size:16px!important}.appBody .drawerHeader h3{font-size:26px!important}
.appBody .toolBlock h4{font-size:20px!important}.appBody .toolBlock p{font-size:17px!important;line-height:25px!important}.appBody .toolBlock button{font-size:17px!important}
.appBody .dropdownMenu button,.appBody .miniMenu button{font-size:16px!important}
.appBody .modalCard label{font-size:18px!important}.appBody .modalCard input,.appBody .modalCard select{font-size:19px!important}.appBody .modalPrimary{font-size:19px!important}

/* Auth / sender / public share pages: same readable Arial scale. */
.premiumAuthCard h1{font-family:Arial,"Segoe UI","Noto Sans",sans-serif!important}
.premiumAuthLead{font-size:19px!important}.premiumAuthCard label,.registerGrid label{font-size:19px!important}
.premiumAuthCard input{font-size:20px!important}.premiumLoginButton{font-size:20px!important}.premiumAuthFoot{font-size:16px!important}
.phoneTrackerIntro{font-size:22px!important}.quickPhoneSteps{font-size:18px!important}.phoneTrackerCard label{font-size:19px!important}
.phoneTrackerCard input,.phoneTrackerCard select,.phoneTrackerCard button{font-size:20px!important}.phoneStatusCard b{font-size:22px!important}.phoneStatusCard small{font-size:18px!important}
.shareTop{font-size:15px!important}.shareCard{width:360px!important}.shareCard>span{font-size:13px!important}.shareCard h2{font-size:24px!important}.shareCard p,.shareCard div{font-size:15px!important;line-height:22px!important}

/* Landing feature drill-down: large copy + explicit clickable states. */
.landingV539 .landingNavDark nav a{font-size:18px!important;cursor:pointer!important;pointer-events:auto!important}
.landingV539 .featureNavCard{position:relative;z-index:2;cursor:pointer!important;pointer-events:auto!important;min-height:205px!important}
.landingV539 .featureNavCard b{font-size:25px!important;line-height:1.25!important}
.landingV539 .featureNavCard p{font-size:18px!important;line-height:1.6!important}
.landingV539 .featureNavCard em{font-size:18px!important}
.landingV539 .featureDetailStack{margin-top:28px!important}
.landingV539 .featureDetailCard{display:none!important;scroll-margin-top:100px}
.landingV539 .featureDetailCard.is-open{display:grid!important;animation:a360FeatureIn .18s ease-out}
.landingV539 .featureDetailEyebrow{font-size:15px!important}.landingV539 .featureDetailCard h3{font-size:30px!important}.landingV539 .featureDetailCard p{font-size:19px!important}.landingV539 .featureDetailCard a{font-size:18px!important}
@keyframes a360FeatureIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

@media(max-width:900px){
  .appBody .historyPaneHead .sectionTitle{font-size:25px!important}.appBody .historyPaneHead p{font-size:17px!important}
  .appBody .historyTimelineHead{display:block!important}.appBody .historyTimelineHead span{display:block;text-align:left!important;margin-top:4px}
  .appBody .historyEventTime{font-size:17px!important}.appBody .historyEventBody b{font-size:21px!important}.appBody .historyEventAddress{font-size:18px!important}
}


/* V5.3.22b — eliminate remaining legacy micro-copy in interactive surfaces. */
html{scroll-behavior:smooth}
.appBody .listHead,.appBody .sectionTitle,.appBody .infoBox,.appBody .eventRow b,.appBody .eventRow span,
.appBody .accountMenu,.appBody .accountMenu button,.appBody .mapLoadStatus,
.appBody .locationConsentText b,.appBody .locationConsentText span,.appBody .locationConsentActions button,
.appBody .fleetSummary span,.appBody .miniMenu button,.appBody .dropdownMenu button,
.appBody .toolMsg,.appBody .geoList h5,.appBody .geoItem b,.appBody .geoItem small,
.appBody .shareExpires,.appBody .toast{
  font-family:Arial,"Segoe UI","Noto Sans",sans-serif!important;
}
.appBody .infoBox{font-size:17px!important;line-height:25px!important}
.appBody .accountMenu{font-size:16px!important}.appBody .accountMenu b{font-size:18px!important}.appBody .accountMenu small{font-size:15px!important}.appBody .accountMenu button{font-size:16px!important}
.appBody .mapLoadStatus{font-size:15px!important}.appBody .locationConsentText b{font-size:18px!important}.appBody .locationConsentText span{font-size:16px!important;line-height:23px!important}.appBody .locationConsentActions button{font-size:16px!important}
.appBody .fleetSummary span{font-size:14px!important}.appBody .fleetSummary b{font-size:25px!important}
.appBody .geoList h5{font-size:15px!important}.appBody .geoItem b{font-size:17px!important}.appBody .geoItem small,.appBody .toolMsg{font-size:15px!important}.appBody .shareExpires{font-size:14px!important}.appBody .toast{font-size:15px!important}
.appBody .historyEvent{cursor:pointer!important}
.landingV539 .featureNavCard.active{border-color:#ff6a28!important;box-shadow:0 0 0 2px rgba(255,106,40,.16),0 16px 36px rgba(0,0,0,.24)!important}

/* =========================================================
   AssetLive360 V5.3.23 — stable Arial + Tracker/Car/Geofence
   Final override: avoid mixed/synthetic typography and style
   the new activation, warehouse, car-pairing and geofence UI.
   ========================================================= */
:root{--font-ui:Arial,"Segoe UI","Noto Sans",sans-serif!important}
html,body,body *,button,input,select,textarea,option,
.maplibregl-map,.maplibregl-map *,.maplibregl-popup,.maplibregl-popup *,
.maplibregl-ctrl,.maplibregl-ctrl *{
  font-family:Arial,"Segoe UI","Noto Sans",sans-serif!important;
  letter-spacing:0!important;
  font-kerning:auto!important;
  text-rendering:auto!important;
}
/* Arial has regular/bold faces; use those consistently instead of odd faux weights. */
b,strong,h1,h2,h3,h4,h5,h6,
.appBody .topbar .brand b,.appBody .topItem.active,.appBody .tabBtn.active,
.appBody .statusSectionHead span,.appBody .compactIdentity b,
.appBody .compactAddressCopy>b,.appBody .historySummaryTitle,
.appBody .historyEventBody b,.appBody .drawerHeader h3,
.appBody .toolBlock h4,.modalHead h3,.modalPrimary,
.phoneTrackerCard h1,.phoneStatusCard b,.premiumAuthCard h1,
.landingV539 h1,.landingV539 h2,.landingV539 h3,.landingV539 b{
  font-weight:700!important;
}
body{font-size:17px!important;line-height:1.5!important}

/* Tools menu: readable at the larger global type scale. */
.appBody .toolsDropdown.simpleToolsMenu{width:390px!important;grid-template-columns:1fr!important;padding:10px!important}
.appBody .simpleToolsMenu button{min-height:78px!important;padding:14px!important;gap:14px!important;border-radius:12px!important}
.appBody .menuIcon{width:38px!important;height:38px!important;font-size:23px!important}
.appBody .menuText b{font-size:19px!important;line-height:25px!important;font-weight:700!important}
.appBody .menuText small{font-size:16px!important;line-height:23px!important;margin-top:4px!important}

/* Drawer: enough room for geofence/admin workflows and larger copy. */
.appBody .toolDrawer{width:min(520px,46vw)!important;right:min(-540px,-48vw)!important;padding:20px!important;overflow-y:auto!important;overflow-x:hidden!important}
.appBody .toolDrawer.show{right:0!important}
.appBody .drawerHeader{align-items:flex-start!important;gap:14px!important;position:sticky;top:-20px;background:#fff;z-index:3;padding:4px 0 14px;border-bottom:1px solid #edf1f4}
.appBody .drawerHeader span{font-size:16px!important;line-height:22px!important;font-weight:700!important}
.appBody .drawerHeader h3{font-size:30px!important;line-height:37px!important;margin:5px 0 0!important}
.appBody .drawerHeader button{width:46px!important;height:46px!important;border-radius:11px!important;font-size:26px!important;flex:0 0 auto}
.appBody .toolBlock{padding:18px!important;margin-top:16px!important;border-radius:14px!important}
.appBody .toolBlock h4{font-size:24px!important;line-height:31px!important;margin:0 0 9px!important}
.appBody .toolBlock p{font-size:18px!important;line-height:27px!important;margin:0 0 16px!important;color:#697789!important}
.appBody .toolBlock label{display:block;font-size:17px!important;line-height:24px!important;font-weight:700!important;color:#627083!important;margin:16px 0 7px!important}
.appBody .toolBlock input,.appBody .toolBlock select,.appBody .toolBlock textarea{
  width:100%;min-height:56px;box-sizing:border-box;border:1.5px solid #cbd5df;border-radius:12px;background:#fff;
  padding:13px 15px;font-size:18px!important;line-height:25px;color:#1d2939;outline:none;
}
.appBody .toolBlock textarea{min-height:150px;resize:vertical}
.appBody .toolBlock input:focus,.appBody .toolBlock select:focus,.appBody .toolBlock textarea:focus{border-color:#ef6b2e;box-shadow:0 0 0 4px rgba(239,107,46,.10)}
.appBody .toolBlock>button,.appBody .toolBlock .secondaryToolBtn,.appBody .toolBlock a.carOpenLink{
  min-height:52px!important;border-radius:11px!important;padding:12px 16px!important;font-size:18px!important;line-height:26px!important;font-weight:700!important;
}
.appBody .toolMsg{font-size:16px!important;line-height:23px!important;margin-top:9px!important}

/* Geofence V2: choose center visually; coordinates stay internal. */
.geofenceToolV2 .geoCenterChoices{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.geofenceToolV2 .geoCenterChoices button,.geofenceToolV2 .geoRadiusPresets button{
  border:1.5px solid #d6dee6!important;background:#fff!important;color:#405066!important;box-shadow:none!important;
}
.geofenceToolV2 .geoCenterChoices button.active,.geofenceToolV2 .geoRadiusPresets button.active{
  border-color:#f08a60!important;background:#fff2eb!important;color:#c85222!important;
}
.geoCenterSummary{margin-top:10px;padding:12px 14px;border-radius:11px;background:#f5f7fa;color:#68778a;font-size:16px;line-height:23px}
.geoRadiusPresets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.geoRadiusPresets button{min-height:46px!important;padding:8px!important;font-size:16px!important}
.geoRadiusInput{display:grid;grid-template-columns:1fr 64px;align-items:center;gap:8px;margin-top:10px}
.geoRadiusInput span{display:grid;place-items:center;min-height:56px;border-radius:12px;background:#f2f5f8;color:#556477;font-size:18px;font-weight:700}
.geoCreateBtn{width:100%;margin-top:18px!important}
.geofenceDraftPin{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff;border:4px solid #f36a2f;color:#f36a2f;box-shadow:0 4px 14px rgba(28,40,55,.22);font-size:15px}
.appBody .geoList{margin-top:22px!important;padding-top:16px!important}.appBody .geoList h5{font-size:18px!important;line-height:25px!important}
.appBody .geoItem{padding:13px 0!important}.appBody .geoItem b{font-size:19px!important;line-height:26px!important}.appBody .geoItem small{font-size:16px!important;line-height:23px!important}

/* Tracker activation: customer sees only name + QR/manual credentials. */
.trackerActivationIntro{font-size:18px;line-height:27px;color:#66758a;margin:0 0 16px}
.qrScanBtn{width:100%;min-height:58px;border:1.5px solid #ef6b2e!important;border-radius:12px!important;background:#fff7f2!important;color:#c85323!important;font-size:19px!important;font-weight:700!important}
.activationDivider{display:flex;align-items:center;gap:12px;margin:18px 0 0;color:#8a96a5;font-size:15px}
.activationDivider:before,.activationDivider:after{content:"";height:1px;background:#e6ebef;flex:1}
.trackerEditOnlyFields.hidden,.trackerActivationIntro.hidden,.qrScanBtn.hidden{display:none!important}
.qrScannerCard{width:min(660px,calc(100vw - 30px))!important}
.qrScannerCard>p{font-size:18px;line-height:27px;color:#66758a}
.qrVideoWrap{position:relative;overflow:hidden;border-radius:16px;background:#17202b;aspect-ratio:4/3;margin-top:14px}
.qrVideoWrap video{width:100%;height:100%;object-fit:cover;display:block}
.qrFrame{position:absolute;left:50%;top:50%;width:55%;aspect-ratio:1;transform:translate(-50%,-50%);border:4px solid rgba(255,255,255,.92);border-radius:18px;box-shadow:0 0 0 999px rgba(0,0,0,.24)}

/* Tracker warehouse/admin. */
.trackerStockTool input[type=file]{padding:10px!important;background:#f8fafc!important}
.stockListHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:24px;padding-top:16px;border-top:1px solid #e7ecf0}
.stockListHead>b{font-size:20px;line-height:27px}.stockListHead .secondaryToolBtn{width:auto!important;min-height:44px!important;background:#f3f6f8!important;color:#425166!important}
.stockList{margin-top:8px}.stockRow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 2px;border-bottom:1px solid #edf1f4}.stockRow b,.stockRow small{display:block}.stockRow b{font-size:18px;line-height:25px}.stockRow small{font-size:15px;line-height:22px;color:#7b8796;margin-top:3px}.stockRow button{min-height:40px!important;background:#fff!important;color:#b42318!important;border:1px solid #efc4c4!important;padding:7px 10px!important;font-size:15px!important}

/* Car pairing drawer. */
.carOpenLink{display:flex;align-items:center;justify-content:center;text-decoration:none;background:#eef3f7;color:#33465b;margin:4px 0 12px}
.carPairInfo{margin:14px 0 0!important}

/* Stand-alone Android car screen. */
.carBody{margin:0;background:linear-gradient(145deg,#101923,#1d2b39)!important;color:#fff!important;min-height:100vh;font-family:Arial,"Segoe UI","Noto Sans",sans-serif!important}
.carScreen{width:min(1100px,calc(100% - 48px));margin:0 auto;padding:30px 0 46px}
.carHeader{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:28px}.carHeader .brand{color:#fff}.carHeader .brand b{font-size:24px}.carConn{font-size:17px;color:#b9c5d2}.carConn.ok{color:#58d59b}
.carPairCard,.carPairedCard{background:#fff;color:#1b2737;border-radius:24px;padding:36px;box-shadow:0 26px 70px rgba(0,0,0,.25)}
.carEyebrow{display:block;color:#ef6b2e;font-size:15px;font-weight:700;margin-bottom:8px}.carPairCard h1,.carPairedCard h1{font-size:42px;line-height:1.15;margin:0 0 10px}.carPairCard>p,.carPairedCard>p{font-size:20px;line-height:1.55;color:#66758a;max-width:850px}
.carPairGrid{display:grid;grid-template-columns:280px 1fr;gap:34px;align-items:center;margin-top:26px}.carQr{width:280px;height:280px;display:grid;place-items:center;background:#fff;border:1px solid #dce3e8;border-radius:18px;padding:20px;box-sizing:border-box}.carQr img,.carQr canvas{max-width:100%!important;max-height:100%!important}.carCodeBlock small,.carCodeBlock b,.carCodeBlock span{display:block}.carCodeBlock small{font-size:16px;color:#7a8796}.carCodeBlock b{font-size:64px;line-height:1.05;letter-spacing:.12em!important;margin:10px 0 12px;color:#172230}.carCodeBlock span{font-size:17px;line-height:1.5;color:#7b8795}.carStatusGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.carStatusGrid>div{background:#f4f7f9;border-radius:16px;padding:18px}.carStatusGrid span,.carStatusGrid b{display:block}.carStatusGrid span{font-size:15px;color:#7b8795}.carStatusGrid b{font-size:22px;margin-top:5px}.carPairedCard button{width:100%;min-height:62px;border:0;border-radius:14px;background:#ef6b2e;color:#fff;font-size:20px;font-weight:700}.carNote{display:block;margin-top:14px;font-size:16px;line-height:1.5;color:#788696}
.addressFallback{color:#66758a!important;font-weight:400!important}

@media(max-width:900px){
  .appBody .toolDrawer{width:100%!important;right:-105%!important;top:66px!important;height:calc(100vh - 66px)!important;padding:16px!important}
  .appBody .toolsDropdown.simpleToolsMenu{left:12px!important;right:12px!important;width:auto!important;max-width:calc(100vw - 24px)!important}
  .geofenceToolV2 .geoCenterChoices{grid-template-columns:1fr}.geoRadiusPresets{grid-template-columns:1fr 1fr}
  .carScreen{width:min(100% - 24px,900px);padding-top:16px}.carHeader{align-items:flex-start}.carHeader .brand b{font-size:20px}.carConn{font-size:14px}
  .carPairCard,.carPairedCard{padding:24px;border-radius:18px}.carPairCard h1,.carPairedCard h1{font-size:32px}.carPairCard>p,.carPairedCard>p{font-size:18px}.carPairGrid{grid-template-columns:1fr}.carQr{width:min(280px,100%);height:auto;aspect-ratio:1}.carCodeBlock b{font-size:44px}
}


/* V5.3.24 — Device catalog on landing page */
.landingV539 .deviceCatalogCard{grid-template-columns:70px minmax(0,1fr)!important}
.landingV539 .deviceCatalogContent{min-width:0}
.landingV539 .deviceCatalogLead{max-width:980px!important}
.deviceProductGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px}
.deviceProductCard{overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(155deg,rgba(18,35,51,.98),rgba(8,19,31,.98));box-shadow:0 18px 50px rgba(0,0,0,.16)}
.deviceVisual{height:220px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,rgba(52,135,190,.18),rgba(6,18,30,.08) 45%,rgba(4,14,24,.76));border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden}
.deviceVisual:after{content:"";position:absolute;width:220px;height:48px;border-radius:50%;background:rgba(0,0,0,.28);filter:blur(9px);bottom:20px}
.deviceScaleHint{position:absolute;left:16px;top:15px;padding:7px 10px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(5,15,25,.62);color:#b9c7d4;font-size:12px;font-weight:700;z-index:5}
.hardwireBody,.magnetBody,.obdBody,.petBody{position:relative;z-index:3;background:linear-gradient(145deg,#2d3742,#0f151c 64%,#080c11);border:1px solid #46515c;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 28px rgba(0,0,0,.34);color:#9aa6b1}
.hardwireBody{width:116px;height:72px;border-radius:13px;transform:perspective(500px) rotateX(8deg) rotateY(-10deg)}
.hardwireBody span,.magnetBody span,.obdBody span,.petBody span{position:absolute;left:14px;top:14px;font:700 12px Arial;color:#83909c;letter-spacing:.08em}
.hardwireBody i{position:absolute;right:12px;top:14px;width:8px;height:8px;border-radius:50%;background:#41d19b;box-shadow:0 0 10px rgba(65,209,155,.5)}
.hardwireBody b{position:absolute;right:-10px;bottom:14px;width:12px;height:19px;border-radius:3px;background:#151b22;border:1px solid #3b4650}
.wire{position:absolute;z-index:2;width:88px;height:4px;border-radius:4px;left:calc(50% + 45px);top:125px;transform-origin:left center}.wire:after{content:"";position:absolute;right:-9px;top:-2px;width:12px;height:8px;border-radius:2px;background:#c3c8cc}.wireRed{background:#d85852;transform:rotate(18deg)}.wireBlack{background:#222a31;transform:rotate(-11deg);top:138px}
.magnetBody{width:142px;height:88px;border-radius:18px;transform:perspective(550px) rotateX(13deg) rotateY(-9deg)}
.magnetBody i,.magnetBody b,.magnetBody em{position:absolute;bottom:13px;width:23px;height:23px;border-radius:50%;background:#0b1015;border:1px solid #394550;box-shadow:inset 0 0 0 4px #202a33}.magnetBody i{left:18px}.magnetBody b{left:59px}.magnetBody em{left:100px}
.obdBody{width:100px;height:104px;border-radius:13px 13px 21px 21px;transform:perspective(500px) rotateX(4deg) rotateY(11deg)}
.obdBody i{position:absolute;right:13px;top:15px;width:8px;height:8px;border-radius:50%;background:#41d19b}.obdPins{position:absolute;left:17px;right:17px;bottom:-22px;height:30px;border-radius:4px 4px 9px 9px;background:repeating-linear-gradient(90deg,#b7bcc0 0 5px,#20282f 5px 10px);border:5px solid #181f26}
.petLoop{position:absolute;z-index:2;width:57px;height:57px;border:9px solid #27323c;border-radius:50%;top:46px;left:calc(50% - 29px)}
.petBody{width:78px;height:86px;border-radius:25px;transform:translateY(20px);background:linear-gradient(145deg,#f5f7f8,#c9d0d6 68%,#aeb7bf);border-color:#e9eef1;color:#596570}
.petBody span{color:#66727c;left:15px;top:25px}.petBody i{position:absolute;right:14px;bottom:15px;width:9px;height:9px;border-radius:50%;background:#35b983}
.deviceProductBody{padding:21px 22px 23px}.deviceTypeBadge{display:inline-flex;padding:6px 9px;border-radius:999px;background:rgba(255,106,40,.11);border:1px solid rgba(255,106,40,.24);color:#ff8a4f;font-size:11px;letter-spacing:.08em;font-weight:800}.deviceProductBody h4{font-size:25px;line-height:1.2;margin:11px 0 8px;color:#fff}.devicePrice{display:flex;align-items:flex-end;gap:10px;margin:3px 0 14px}.devicePrice strong{font-size:29px;line-height:1;color:#fff}.devicePrice small{font-size:12px;color:#91a0ae;padding-bottom:3px}
.deviceMeta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}.deviceMeta span{padding:7px 9px;border-radius:9px;background:rgba(255,255,255,.055);color:#b8c4cf;font-size:12px;font-weight:700}
.deviceProsCons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.deviceProsCons>div,.deviceMount{border:1px solid rgba(255,255,255,.075);border-radius:13px;background:rgba(255,255,255,.035);padding:13px}.deviceProsCons b,.deviceMount b{display:block;color:#f2f6f9;font-size:14px;margin-bottom:5px}.deviceProsCons p,.deviceMount p{font-size:13px!important;line-height:1.55!important;color:#9dadbb!important;margin:0!important;max-width:none!important}.deviceMount{margin-top:10px;border-color:rgba(69,171,235,.13);background:rgba(41,121,171,.055)}
.deviceCatalogNote{margin-top:18px;padding:14px 16px;border-radius:13px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:#9eacb9;font-size:13px;line-height:1.65}.deviceCatalogNote b{color:#e8eef3}
@media(max-width:1100px){.deviceProductGrid{grid-template-columns:1fr}.deviceProductCard{display:grid;grid-template-columns:260px 1fr}.deviceVisual{height:auto;min-height:310px;border-bottom:0;border-right:1px solid rgba(255,255,255,.08)}}
@media(max-width:760px){.landingV539 .deviceCatalogCard{grid-template-columns:1fr!important}.landingV539 .deviceCatalogCard>.featureDetailIcon{display:none}.deviceProductCard{display:block}.deviceVisual{height:210px;min-height:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.deviceProductBody{padding:18px}.deviceProsCons{grid-template-columns:1fr}.deviceProductBody h4{font-size:22px}.devicePrice strong{font-size:27px}}


/* V5.3.25 — cleaner customer-facing device catalog */
.deviceProductGridV2{gap:16px!important}
.deviceProductCardV2{display:grid;grid-template-columns:178px minmax(0,1fr);min-height:220px;border-radius:18px;background:#f8fafc!important;border:1px solid rgba(150,166,181,.25)!important;box-shadow:0 14px 35px rgba(0,0,0,.13)!important;overflow:hidden}
.deviceProductCardV2 .deviceVisualCompact{height:auto!important;min-height:220px;border:0!important;border-right:1px solid #e6ebef!important;background:radial-gradient(circle at 50% 44%,#ffffff 0,#edf4f8 58%,#e4ebf0 100%)!important}
.deviceProductCardV2 .deviceVisualCompact:after{width:130px;height:28px;bottom:38px;background:rgba(25,43,58,.14);filter:blur(8px)}
.deviceUsePill{position:absolute;left:13px;top:13px;z-index:6;padding:6px 9px;border-radius:999px;background:#fff;border:1px solid #dbe4ea;color:#586878;font:700 11px/1 Arial,"Segoe UI","Noto Sans",sans-serif;box-shadow:0 4px 14px rgba(36,56,75,.08)}
.deviceProductCardV2 .hardwireBody{width:92px;height:58px}.deviceProductCardV2 .magnetBody{width:112px;height:70px}.deviceProductCardV2 .obdBody{width:78px;height:82px}.deviceProductCardV2 .petBody{width:64px;height:70px;border-radius:20px}.deviceProductCardV2 .petLoop{width:47px;height:47px;border-width:7px;top:61px;left:calc(50% - 24px)}
.deviceProductCardV2 .wire{width:52px;left:calc(50% + 34px);top:112px}.deviceProductCardV2 .wireBlack{top:124px}
.deviceProductBodyV2{padding:20px 21px!important;color:#263444}
.deviceTitleRow{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.deviceTitleRow>div:first-child{min-width:0}.deviceProductBodyV2 h4{margin:0 0 5px!important;color:#1f2c3a!important;font-size:21px!important}.deviceTitleRow p{margin:0!important;color:#7b8997!important;font-size:13px!important;line-height:1.45!important}
.devicePriceV2{display:flex!important;flex-direction:column;align-items:flex-end!important;gap:2px!important;margin:0!important;white-space:nowrap}.devicePriceV2 strong{color:#eb6b2d!important;font-size:23px!important}.devicePriceV2 small{padding:0!important;color:#9aa5af!important;font-size:10px!important}
.deviceKeyPoints{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0 13px}.deviceKeyPoints span{padding:7px 9px;border-radius:9px;background:#eef3f6;color:#566777;font:700 11px/1.2 Arial,"Segoe UI","Noto Sans",sans-serif}
.deviceDetails{border-top:1px solid #e7ecef;padding-top:11px}.deviceDetails summary{cursor:pointer;list-style:none;color:#2877a6;font-size:12px;font-weight:800}.deviceDetails summary::-webkit-details-marker{display:none}.deviceDetails summary:after{content:' +';font-size:15px}.deviceDetails[open] summary:after{content:' −'}
.deviceDetailsGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.deviceDetailsGrid>div{padding:10px 11px;border-radius:10px;background:#f0f4f7}.deviceDetailsGrid .wide{grid-column:1/-1}.deviceDetailsGrid b{display:block;color:#344353;font-size:12px;margin-bottom:3px}.deviceDetailsGrid p{margin:0!important;color:#738190!important;font-size:11px!important;line-height:1.45!important;max-width:none!important}
.deviceCatalogNoteV2{background:rgba(255,255,255,.055)!important}
@media(max-width:1100px){.deviceProductCardV2{grid-template-columns:160px minmax(0,1fr)!important}.deviceProductCardV2 .deviceVisualCompact{min-height:210px!important}}
@media(max-width:760px){.deviceProductGridV2{gap:12px!important}.deviceProductCardV2{grid-template-columns:128px minmax(0,1fr)!important;min-height:190px}.deviceProductCardV2 .deviceVisualCompact{min-height:190px!important;border-right:1px solid #e6ebef!important;border-bottom:0!important}.deviceProductCardV2 .hardwireBody{width:74px;height:48px}.deviceProductCardV2 .magnetBody{width:90px;height:58px}.deviceProductCardV2 .obdBody{width:64px;height:68px}.deviceProductCardV2 .petBody{width:54px;height:60px}.deviceProductCardV2 .petLoop{width:39px;height:39px;top:58px;left:calc(50% - 20px)}.deviceProductCardV2 .wire{display:none}.deviceUsePill{font-size:9px;padding:5px 7px;left:8px;top:9px}.deviceProductBodyV2{padding:14px 13px!important}.deviceTitleRow{display:block}.deviceProductBodyV2 h4{font-size:17px!important}.deviceTitleRow p{font-size:11px!important}.devicePriceV2{align-items:flex-start!important;margin-top:8px!important}.devicePriceV2 strong{font-size:20px!important}.deviceKeyPoints{margin:11px 0 9px;gap:5px}.deviceKeyPoints span{font-size:9px;padding:6px}.deviceDetailsGrid{grid-template-columns:1fr}.deviceDetailsGrid .wide{grid-column:auto}}
@media(max-width:420px){.deviceProductCardV2{grid-template-columns:110px minmax(0,1fr)!important}.deviceProductCardV2 .deviceVisualCompact{min-height:182px!important}.deviceProductBodyV2 h4{font-size:16px!important}.devicePriceV2 strong{font-size:19px!important}.deviceKeyPoints span:nth-child(3){display:none}}


/* =========================================================
   AssetLive360 V5.3.26 — compact typography + Vietnamese font stability
   Slightly smaller UI scale across the whole product, with a single
   system font stack and only standard font weights to avoid faux-font
   rendering / Vietnamese accent glitches on Windows and Android.
   ========================================================= */
:root{
  --font-ui:Arial,"Segoe UI","Noto Sans",sans-serif!important;
}
html,body,body *,button,input,select,textarea,option,
.maplibregl-map,.maplibregl-map *,.maplibregl-popup,.maplibregl-popup *,
.maplibregl-ctrl,.maplibregl-ctrl *{
  font-family:var(--font-ui)!important;
  font-synthesis:auto;
  letter-spacing:0!important;
}
body{font-size:15px!important;line-height:1.46!important}

/* Use real, commonly available weights only. */
b,strong,h1,h2,h3,h4,h5,h6,
.appBody .topbar .brand b,.appBody .topItem.active,.appBody .tabBtn.active,
.appBody .statusSectionHead span,.appBody .compactIdentity b,
.appBody .compactAddressCopy>b,.appBody .historySummaryTitle,
.appBody .historyEventBody b,.appBody .drawerHeader h3,
.appBody .toolBlock h4,.modalHead h3,.modalPrimary,
.phoneTrackerCard h1,.phoneStatusCard b,.premiumAuthCard h1,
.landingV539 h1,.landingV539 h2,.landingV539 h3,.landingV539 b{font-weight:700!important}

/* Main app shell / navigation */
.appBody .topbar .brand b{font-size:14px!important;line-height:19px!important}
.appBody .topItem{font-size:12px!important;line-height:17px!important}
.appBody .workspaceBadge,.appBody .userBtn,.appBody .connected,.appBody .language{font-size:11px!important;line-height:15px!important}
.appBody .tabBtn{font-size:12px!important;line-height:17px!important}
.appBody .sectionTitle,.appBody .statusSectionHead span{font-size:10px!important;line-height:15px!important}
.appBody .statusAddBtn{font-size:11px!important;line-height:15px!important}
.appBody .searchBox input{font-size:12px!important;line-height:17px!important}
.appBody .statusHeadBar{font-size:10px!important;line-height:15px!important}
.appBody .statusLegend{font-size:9px!important;line-height:13px!important}

/* Device list cards */
.appBody .statusTitleWrap b{font-size:14px!important;line-height:19px!important}
.appBody .statusTitleWrap small{font-size:10px!important;line-height:14px!important}
.appBody .statusMid .movementState b{font-size:12px!important;line-height:17px!important}
.appBody .statusMid .movementState small{font-size:9px!important;line-height:13px!important}
.appBody .speedPill{font-size:10px!important;line-height:15px!important}
.appBody .lastLocationText span{font-size:11px!important;line-height:16px!important}
.appBody .lastLocationText small{font-size:9px!important;line-height:13px!important}
.appBody .lastLocationText em{font-size:9px!important;line-height:13px!important}
.appBody .batteryLabel,.appBody .batteryWrap b{font-size:10px!important;line-height:14px!important}

/* Feature / tools popup — this is the area that looked oversized. */
.appBody .toolsDropdown.simpleToolsMenu{width:360px!important;padding:8px!important}
.appBody .simpleToolsMenu button{min-height:68px!important;padding:11px 12px!important;gap:12px!important;border-radius:11px!important}
.appBody .menuIcon{width:34px!important;height:34px!important;font-size:20px!important}
.appBody .menuText b{font-size:17px!important;line-height:22px!important}
.appBody .menuText small{font-size:14px!important;line-height:20px!important;margin-top:2px!important}
.appBody .dropdownMenu button,.appBody .miniMenu button{font-size:14px!important}

/* Drawers / settings */
.appBody .toolDrawer{width:min(500px,45vw)!important;padding:18px!important}
.appBody .drawerHeader span{font-size:14px!important;line-height:20px!important}
.appBody .drawerHeader h3{font-size:26px!important;line-height:32px!important}
.appBody .drawerHeader button{width:40px!important;height:40px!important;font-size:22px!important}
.appBody .toolBlock{padding:16px!important;margin-top:14px!important}
.appBody .toolBlock h4{font-size:21px!important;line-height:27px!important}
.appBody .toolBlock p{font-size:16px!important;line-height:24px!important}
.appBody .toolBlock label{font-size:15px!important;line-height:22px!important}
.appBody .toolBlock input,.appBody .toolBlock select,.appBody .toolBlock textarea{font-size:16px!important;line-height:23px!important;min-height:50px!important;padding:11px 13px!important}
.appBody .toolBlock>button,.appBody .toolBlock .secondaryToolBtn,.appBody .toolBlock a.carOpenLink{font-size:16px!important;line-height:23px!important;min-height:48px!important}
.appBody .toolMsg,.trackerActivationIntro{font-size:14px!important;line-height:21px!important}
.geoCenterSummary{font-size:14px!important;line-height:21px!important}.geoRadiusPresets button{font-size:14px!important}.geoRadiusInput span{font-size:16px!important}
.appBody .geoList h5{font-size:16px!important;line-height:22px!important}.appBody .geoItem b{font-size:17px!important;line-height:23px!important}.appBody .geoItem small{font-size:14px!important;line-height:20px!important}
.qrScanBtn{font-size:17px!important}.activationDivider{font-size:13px!important}.qrScannerCard>p{font-size:16px!important;line-height:24px!important}

/* History */
.appBody .historyPaneHead .sectionTitle{font-size:24px!important;line-height:30px!important}
.appBody .historyPaneHead p{font-size:16px!important;line-height:24px!important}
.appBody .historyPane>label{font-size:16px!important;line-height:23px!important}
.appBody .historyPane>select,.appBody .historyDateRow input{font-size:17px!important;height:56px!important}
.appBody .historyDateRow label span{font-size:15px!important;line-height:22px!important}
.appBody .historyPrimaryBtn{font-size:18px!important;min-height:56px!important}
.appBody .historySummaryTitle{font-size:22px!important;line-height:28px!important}
.appBody .historyStats span{font-size:15px!important;line-height:21px!important}.appBody .historyStats b{font-size:20px!important;line-height:26px!important}
.appBody .historyReplayTop button{font-size:17px!important}.appBody .historyReplayTop span{font-size:15px!important}
.appBody .historyTimelineHead b{font-size:20px!important;line-height:26px!important}.appBody .historyTimelineHead span{font-size:15px!important;line-height:21px!important}
.appBody .historyEventTime{font-size:15px!important;line-height:22px!important}.appBody .historyEventBody b{font-size:20px!important;line-height:26px!important}.appBody .historyEventAddress{font-size:16px!important;line-height:23px!important}.appBody .historyEventBody small{font-size:14px!important;line-height:20px!important}

/* Map detail cards and dialogs */
.appBody .detailsPanel{font-size:15px!important}
.appBody .typeLabel{font-size:13px!important}.appBody .detailsTop h3{font-size:20px!important;line-height:26px!important}.appBody .detailsStatus{font-size:15px!important}
.appBody .addressBlock span{font-size:14px!important}.appBody .addressBlock #detailsAddress{font-size:19px!important;line-height:27px!important}.appBody .addressBlock #detailsUpdated{font-size:14px!important}
.appBody .basicMetrics span,.appBody .basicMetrics small{font-size:13px!important}.appBody .basicMetrics b{font-size:18px!important}
.appBody .sensorList div,.appBody .moreDetails div{font-size:15px!important}.appBody .showMoreBtn,.appBody .detailButtons button{font-size:16px!important}
.appBody .modalCard label{font-size:16px!important}.appBody .modalCard input,.appBody .modalCard select{font-size:16px!important}.appBody .modalPrimary{font-size:16px!important}
.appBody .infoBox{font-size:15px!important;line-height:22px!important}
.appBody .accountMenu{font-size:14px!important}.appBody .accountMenu b{font-size:16px!important}.appBody .accountMenu small{font-size:13px!important}.appBody .accountMenu button{font-size:14px!important}
.appBody .mapLoadStatus{font-size:13px!important}.appBody .locationConsentText b{font-size:16px!important}.appBody .locationConsentText span{font-size:14px!important;line-height:21px!important}.appBody .locationConsentActions button{font-size:14px!important}
.appBody .fleetSummary span{font-size:12px!important}.appBody .fleetSummary b{font-size:22px!important}.appBody .toast{font-size:13px!important}

/* Tracker warehouse remains admin-only, but typography is normalized. */
.stockListHead>b{font-size:18px!important;line-height:24px!important}.stockRow b{font-size:16px!important;line-height:22px!important}.stockRow small{font-size:13px!important;line-height:19px!important}.stockRow button{font-size:13px!important}

/* Landing page */
.landingV539 .landingNavDark nav a{font-size:16px!important}
.landingV539 .featureGridDark b{font-size:19px!important;line-height:1.25!important}.landingV539 .featureGridDark p{font-size:14px!important;line-height:1.58!important}
.landingV539 .featureNavCard{min-height:188px!important;padding:26px!important}.landingV539 .featureNavCard>span{font-size:27px!important}.landingV539 .featureNavCard b{font-size:22px!important;line-height:1.25!important}.landingV539 .featureNavCard p{font-size:16px!important;line-height:1.55!important}.landingV539 .featureNavCard em{font-size:15px!important}
.landingV539 .featureDetailEyebrow{font-size:13px!important}.landingV539 .featureDetailCard h3{font-size:26px!important}.landingV539 .featureDetailCard p{font-size:16px!important;line-height:1.6!important}.landingV539 .featureDetailCard a{font-size:15px!important}

/* Product catalog */
.deviceUsePill{font-size:10px!important}.deviceProductBodyV2 h4{font-size:19px!important}.deviceTitleRow p{font-size:12px!important}.devicePriceV2 strong{font-size:21px!important}.devicePriceV2 small{font-size:9px!important}
.deviceKeyPoints span{font-size:10px!important}.deviceDetails summary{font-size:11px!important}.deviceDetailsGrid b{font-size:11px!important}.deviceDetailsGrid p{font-size:10px!important;line-height:1.45!important}.deviceCatalogNote{font-size:12px!important}

/* Login / registration / phone tracker / share */
.premiumAuthLead{font-size:16px!important}.premiumAuthCard label,.registerGrid label{font-size:16px!important}.premiumAuthCard input{font-size:17px!important}.premiumLoginButton{font-size:17px!important}.premiumAuthFoot{font-size:14px!important}
.phoneTrackerIntro{font-size:19px!important}.quickPhoneSteps{font-size:16px!important}.phoneTrackerCard label{font-size:16px!important}.phoneTrackerCard input,.phoneTrackerCard select,.phoneTrackerCard button{font-size:17px!important}.phoneStatusCard b{font-size:19px!important}.phoneStatusCard small{font-size:16px!important}
.shareTop{font-size:13px!important}.shareCard>span{font-size:12px!important}.shareCard h2{font-size:21px!important}.shareCard p,.shareCard div{font-size:13px!important;line-height:20px!important}

/* Android car screen */
.carBody{font-family:var(--font-ui)!important}.carHeader .brand b{font-size:21px!important}.carConn{font-size:15px!important}.carEyebrow{font-size:13px!important}.carPairCard h1,.carPairedCard h1{font-size:36px!important}.carPairCard>p,.carPairedCard>p{font-size:17px!important}.carCodeBlock small{font-size:14px!important}.carCodeBlock b{font-size:54px!important}.carCodeBlock span{font-size:15px!important}.carStatusGrid span{font-size:13px!important}.carStatusGrid b{font-size:19px!important}.carPairedCard button{font-size:17px!important}.carNote{font-size:14px!important}

@media(max-width:900px){
  body{font-size:14px!important}
  .appBody .menuText b{font-size:16px!important;line-height:21px!important}
  .appBody .menuText small{font-size:13px!important;line-height:19px!important}
  .appBody .historyPaneHead .sectionTitle{font-size:22px!important}
  .landingV539 .featureNavCard b{font-size:20px!important}.landingV539 .featureNavCard p{font-size:15px!important}
}
@media(max-width:760px){
  .deviceProductBodyV2 h4{font-size:16px!important}.deviceTitleRow p{font-size:10px!important}.devicePriceV2 strong{font-size:18px!important}.deviceKeyPoints span{font-size:9px!important}
}

/* ==========================================================
   V5.3.27 — Spot-style landing refinement
   Spacious animated hero + compact structured lower sections.
   ========================================================== */
.landingV5327{
  --a360-accent:#31d6c6;
  --a360-accent-soft:rgba(49,214,198,.16);
  --a360-bg:#04111a;
  --a360-panel:#091925;
  --a360-line:rgba(255,255,255,.09);
  --a360-muted:#94a7b7;
}
.landingV5327 .landingShell{background:#04111a!important}
.landingV5327 .landingNavDark{
  height:72px!important;
  padding:0 clamp(22px,5.2vw,84px)!important;
  background:rgba(3,12,19,.72)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  position:absolute!important;left:0;right:0;top:0;
}
.landingV5327 .landingBrand{font-size:17px!important;gap:11px!important}
.landingV5327 .landingBrand .logoBox{width:42px!important;height:42px!important;border-radius:50%!important;background:linear-gradient(145deg,#2bd8c7,#159d98)!important;box-shadow:0 0 28px rgba(49,214,198,.23)!important;font-size:11px!important}
.landingV5327 .landingNavDark nav a{font-size:13px!important;letter-spacing:.08em;text-transform:uppercase;color:#e7eef4!important}
.landingV5327 .landingNavDark nav a:hover{color:var(--a360-accent)!important}

/* Hero: full-screen, visually alive without heavy UI noise */
.landingV5327 .heroDark{
  min-height:100vh!important;
  padding:118px clamp(22px,5.2vw,84px) 28px!important;
  grid-template-columns:minmax(390px,.88fr) minmax(540px,1.18fr)!important;
  gap:24px 46px!important;
  background:
    radial-gradient(circle at 78% 44%,rgba(38,119,137,.24),transparent 24%),
    radial-gradient(circle at 71% 63%,rgba(8,51,67,.7),transparent 35%),
    linear-gradient(115deg,#031019 0%,#06141e 48%,#031019 100%)!important;
}
.landingV5327 .heroDark:before{
  width:1020px!important;height:1020px!important;right:-230px!important;top:-210px!important;
  background:radial-gradient(circle at 36% 58%,rgba(42,145,155,.30) 0 9%,rgba(7,34,46,.92) 43%,#020b11 72%)!important;
  box-shadow:inset 110px 0 180px rgba(0,0,0,.82),0 0 160px rgba(49,214,198,.10)!important;
  animation:a360EarthDrift 11s ease-in-out infinite alternate;
}
.landingV5327 .heroDark:after{border-top-color:rgba(49,214,198,.28)!important;box-shadow:0 -1px 24px rgba(49,214,198,.08)!important}
.landingV5327 .heroNetwork{opacity:.98!important}
.landingV5327 .networkArc{border-color:rgba(49,214,198,.18)!important;border-left-color:transparent!important;border-bottom-color:transparent!important;animation:a360ArcGlow 6s ease-in-out infinite alternate}
.landingV5327 .arc2{animation-delay:-2s}.landingV5327 .arc3{animation-delay:-4s}
.landingV5327 .networkDot{background:var(--a360-accent)!important;box-shadow:0 0 0 4px rgba(49,214,198,.10),0 0 24px rgba(49,214,198,.7)!important;animation:a360DotPulse 2.8s ease-in-out infinite}
.landingV5327 .dot2{animation-delay:-.8s}.landingV5327 .dot3{animation-delay:-1.5s}.landingV5327 .dot4{animation-delay:-2.1s}
.landingV5327 .heroNetwork:before{
  content:"";position:absolute;right:19%;top:13%;width:72px;height:28px;border-radius:8px;
  background:linear-gradient(135deg,#c8f8f3 0 18%,#62d8ce 19% 39%,#142b36 40% 64%,#3ec9c0 65% 100%);
  box-shadow:0 0 25px rgba(49,214,198,.26);transform:rotate(-16deg);animation:a360Satellite 9s ease-in-out infinite alternate;
}
.landingV5327 .heroNetwork:after{
  content:"";position:absolute;right:24%;top:18%;width:360px;height:1px;transform:rotate(28deg);transform-origin:right center;
  background:linear-gradient(90deg,transparent,rgba(49,214,198,.08),rgba(49,214,198,.72));
  box-shadow:0 0 16px rgba(49,214,198,.28);animation:a360Beam 3.6s ease-in-out infinite;
}
.landingV5327 .heroCopyDark{max-width:590px!important}
.landingV5327 .heroEyebrow{color:var(--a360-accent)!important;font-size:10px!important;letter-spacing:.21em!important;margin-bottom:22px!important}
.landingV5327 .heroEyebrow span{width:9px!important;height:9px!important;border-color:var(--a360-accent)!important;box-shadow:0 0 15px rgba(49,214,198,.7)!important}
.landingV5327 .heroCopyDark h1{font-size:clamp(44px,4.5vw,70px)!important;line-height:1.01!important;letter-spacing:-.045em!important;max-width:760px}
.landingV5327 .heroCopyDark h1 strong{color:var(--a360-accent)!important}
.landingV5327 .heroCopyDark p{font-size:14px!important;line-height:1.75!important;color:#afbdc9!important;max-width:565px!important;margin-top:22px!important}
.landingV5327 .heroBtnsDark{margin-top:26px!important;gap:11px!important}
.landingV5327 .heroBtnsDark a{min-height:48px!important;padding:0 18px!important;border-radius:8px!important;font-size:13px!important;gap:9px!important}
.landingV5327 .heroPrimary{background:linear-gradient(135deg,#28c9bd,#168f8e)!important;border-color:rgba(111,245,232,.52)!important;box-shadow:0 10px 28px rgba(25,176,166,.18)!important}
.landingV5327 .heroSecondary{background:rgba(6,19,28,.62)!important;border-color:rgba(255,255,255,.16)!important}
.landingV5327 .btnIcon{font-size:18px!important}.landingV5327 .arrow{font-size:18px!important}
.landingV5327 .heroVisual{min-height:540px!important}
.landingV5327 .earthGlow{opacity:.76;animation:a360Glow 7s ease-in-out infinite alternate}
.landingV5327 .orbit{border-color:rgba(49,214,198,.17)!important;filter:drop-shadow(0 0 12px rgba(49,214,198,.08))!important}
.landingV5327 .orbitA{animation:a360OrbitA 14s ease-in-out infinite alternate}.landingV5327 .orbitB{animation:a360OrbitB 17s ease-in-out infinite alternate}.landingV5327 .orbitC{animation:a360OrbitC 12s ease-in-out infinite alternate}
.landingV5327 .heroDashboard{width:min(760px,100%)!important;height:480px!important;transform:rotateY(-5deg) rotateX(1deg)!important;animation:a360DashboardFloat 7s ease-in-out infinite!important;border-color:rgba(108,231,220,.13)!important;box-shadow:0 42px 100px rgba(0,0,0,.56),0 0 60px rgba(49,214,198,.05)!important}
.landingV5327 .dashSideItem.active{color:var(--a360-accent)!important;border-left-color:var(--a360-accent)!important;background:linear-gradient(90deg,rgba(49,214,198,.13),rgba(49,214,198,.03))!important}
.landingV5327 .routeSvg path:last-child{stroke:var(--a360-accent)!important}
.landingV5327 .heroFeatureStrip{grid-column:1/-1!important;margin-top:8px!important;border:1px solid rgba(255,255,255,.07)!important;background:rgba(5,18,27,.76)!important;backdrop-filter:blur(12px);border-radius:12px!important;overflow:hidden}
.landingV5327 .heroFeatureStrip article{min-height:96px!important;padding:17px 20px!important;grid-template-columns:38px 1fr!important;gap:12px!important}
.landingV5327 .featureIcon{width:34px!important;height:34px!important;font-size:16px!important;color:var(--a360-accent)!important;border-color:rgba(49,214,198,.18)!important;background:rgba(49,214,198,.06)!important}
.landingV5327 .heroFeatureStrip b{font-size:13px!important;margin-bottom:5px!important}
.landingV5327 .heroFeatureStrip p{font-size:10.5px!important;line-height:1.52!important;color:#8798a6!important}

/* Lower area: smaller type, stronger section rhythm */
.landingV5327 .landingSectionDark{padding:78px clamp(22px,5.2vw,84px) 92px!important;background:linear-gradient(180deg,#07151f,#081722 62%,#06131c)!important;border-top:1px solid rgba(255,255,255,.055)!important}
.landingV5327 .sectionEyebrow{font-size:9px!important;letter-spacing:.22em!important;color:var(--a360-accent)!important;margin-bottom:13px!important}
.landingV5327 .landingSectionDark>h2{font-size:clamp(30px,3vw,43px)!important;line-height:1.12!important;letter-spacing:-.035em!important;max-width:740px!important;margin:0!important}
.landingV5327 .sectionLead{font-size:13.5px!important;line-height:1.72!important;color:#8fa1b0!important;max-width:760px!important;margin-top:14px!important}
.landingV5327 .featureNavGrid{margin-top:34px!important;gap:0!important;border-top:1px solid var(--a360-line);border-bottom:1px solid var(--a360-line)}
.landingV5327 .featureNavCard{min-height:150px!important;padding:24px 28px!important;border:0!important;border-right:1px solid var(--a360-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.landingV5327 .featureNavCard:last-child{border-right:0!important}
.landingV5327 .featureNavCard:hover,.landingV5327 .featureNavCard.active{transform:none!important;background:rgba(49,214,198,.045)!important;box-shadow:inset 0 -2px var(--a360-accent)!important}
.landingV5327 .featureNavCard>span{font-size:20px!important;margin-bottom:12px!important}
.landingV5327 .featureNavCard b{font-size:15px!important;line-height:1.3!important}
.landingV5327 .featureNavCard p{font-size:11.5px!important;line-height:1.58!important;margin:7px 0 10px!important;color:#8193a2!important}
.landingV5327 .featureNavCard em{font-size:10.5px!important;color:var(--a360-accent)!important;letter-spacing:.02em}
.landingV5327 .featureDetailStack{margin-top:34px!important}
.landingV5327 .featureDetailCard{grid-template-columns:44px minmax(0,1fr)!important;padding:32px!important;border-radius:14px!important;background:rgba(7,22,32,.78)!important;border:1px solid rgba(255,255,255,.075)!important;box-shadow:none!important}
.landingV5327 .featureDetailIcon{width:38px!important;height:38px!important;font-size:16px!important;border-radius:10px!important;background:rgba(49,214,198,.07)!important;border:1px solid rgba(49,214,198,.15)!important}
.landingV5327 .featureDetailEyebrow{font-size:9px!important;letter-spacing:.18em!important;color:var(--a360-accent)!important}
.landingV5327 .featureDetailCard h3{font-size:22px!important;line-height:1.25!important;margin:8px 0 8px!important}
.landingV5327 .featureDetailCard p{font-size:12.5px!important;line-height:1.66!important;color:#8fa0ad!important}
.landingV5327 .featureDetailCard a{font-size:11px!important;color:var(--a360-accent)!important}
.landingV5327 .deviceCatalogLead{font-size:12.5px!important;max-width:760px!important}
.landingV5327 .deviceProductGridV2{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin-top:22px!important}
.landingV5327 .deviceProductCardV2{grid-template-columns:132px minmax(0,1fr)!important;min-height:174px!important;border-radius:13px!important;background:#0b1a26!important;border:1px solid rgba(255,255,255,.075)!important;box-shadow:none!important}
.landingV5327 .deviceProductCardV2 .deviceVisualCompact{min-height:174px!important;background:radial-gradient(circle at 50% 44%,#f9fcfd 0,#e8f1f4 58%,#dfe9ed 100%)!important;border-right:1px solid rgba(255,255,255,.06)!important}
.landingV5327 .deviceProductCardV2 .hardwireBody{width:70px!important;height:44px!important}.landingV5327 .deviceProductCardV2 .magnetBody{width:86px!important;height:55px!important}.landingV5327 .deviceProductCardV2 .obdBody{width:60px!important;height:65px!important}.landingV5327 .deviceProductCardV2 .petBody{width:49px!important;height:55px!important}.landingV5327 .deviceProductCardV2 .petLoop{width:36px!important;height:36px!important;top:49px!important;left:calc(50% - 18px)!important}
.landingV5327 .deviceProductCardV2 .wire{display:none!important}
.landingV5327 .deviceUsePill{font-size:8px!important;padding:4px 7px!important;left:8px!important;top:8px!important}
.landingV5327 .deviceProductBodyV2{padding:15px 15px 13px!important}
.landingV5327 .deviceTitleRow{gap:8px!important}
.landingV5327 .deviceProductBodyV2 h4{font-size:14px!important;line-height:1.28!important;color:#edf4f8!important}
.landingV5327 .deviceTitleRow p{font-size:9.5px!important;color:#738899!important;margin-top:4px!important}
.landingV5327 .devicePriceV2 strong{font-size:17px!important;color:var(--a360-accent)!important;white-space:nowrap}
.landingV5327 .devicePriceV2 small{font-size:8px!important;color:#6f8393!important}
.landingV5327 .deviceKeyPoints{gap:5px!important;margin:11px 0 9px!important}
.landingV5327 .deviceKeyPoints span{font-size:8.5px!important;padding:5px 7px!important;background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.065)!important;color:#a6b6c2!important}
.landingV5327 .deviceDetails summary{font-size:9.5px!important;color:#c6d3dc!important}
.landingV5327 .deviceDetailsGrid{gap:8px!important}.landingV5327 .deviceDetailsGrid b{font-size:9.5px!important;color:#dfe8ed!important}.landingV5327 .deviceDetailsGrid p{font-size:9.5px!important;line-height:1.5!important;color:#8194a3!important}
.landingV5327 .deviceCatalogNoteV2{font-size:9.5px!important;line-height:1.55!important;margin-top:14px!important;color:#708594!important;background:rgba(255,255,255,.025)!important;border-color:rgba(255,255,255,.06)!important}

/* Footer: small, structured, clean */
.landingV5327 .landingFooterPro{display:block!important;padding:48px clamp(22px,5.2vw,84px) 20px!important;background:#020b11!important;border-top:1px solid rgba(255,255,255,.07)!important;color:#8da0ae!important;font-size:10px!important}
.landingV5327 .footerGridPro{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:44px;padding-bottom:34px}
.landingV5327 .footerBrandRow{display:flex;align-items:center;gap:10px;color:#edf5f8}.landingV5327 .footerBrandRow .logoBox{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#2bd8c7,#159d98);font-size:8px;font-weight:700;color:#fff}.landingV5327 .footerBrandRow b{font-size:14px!important}.landingV5327 .footerBrandPro p{max-width:310px;font-size:10.5px!important;line-height:1.65!important;color:#708493!important;margin-top:12px}
.landingV5327 .footerColPro{display:flex;flex-direction:column;gap:9px}.landingV5327 .footerColPro>b{font-size:8.5px!important;letter-spacing:.16em!important;color:#d9e6eb!important;margin-bottom:3px}.landingV5327 .footerColPro a{font-size:10px;color:#738795;text-decoration:none}.landingV5327 .footerColPro a:hover{color:var(--a360-accent)}
.landingV5327 .footerBottomPro{border-top:1px solid rgba(255,255,255,.065);padding-top:16px;display:flex;justify-content:space-between;gap:20px;color:#536976;font-size:9px;letter-spacing:.01em}

@keyframes a360EarthDrift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-18px,10px,0) scale(1.02)}}
@keyframes a360ArcGlow{from{opacity:.35}to{opacity:.9}}
@keyframes a360DotPulse{0%,100%{transform:scale(.78);opacity:.55}50%{transform:scale(1.18);opacity:1}}
@keyframes a360Satellite{0%{transform:translate3d(0,0,0) rotate(-16deg)}100%{transform:translate3d(-28px,18px,0) rotate(-11deg)}}
@keyframes a360Beam{0%,100%{opacity:.16;filter:blur(.2px)}50%{opacity:.76;filter:blur(0)}}
@keyframes a360Glow{from{transform:scale(.98);opacity:.62}to{transform:scale(1.025);opacity:.9}}
@keyframes a360OrbitA{from{transform:rotate(-7deg) translateX(0)}to{transform:rotate(-4deg) translateX(-15px)}}
@keyframes a360OrbitB{from{transform:rotate(19deg) translateY(0)}to{transform:rotate(22deg) translateY(9px)}}
@keyframes a360OrbitC{from{transform:rotate(-19deg) translateX(0)}to{transform:rotate(-16deg) translateX(12px)}}
@keyframes a360DashboardFloat{0%,100%{transform:rotateY(-5deg) rotateX(1deg) translateY(0)}50%{transform:rotateY(-4deg) rotateX(.6deg) translateY(-8px)}}

@media(max-width:1100px){
  .landingV5327 .heroDark{grid-template-columns:1fr!important;padding-top:105px!important}.landingV5327 .heroCopyDark{max-width:760px!important}.landingV5327 .heroVisual{min-height:500px!important}.landingV5327 .heroDashboard{width:min(760px,96%)!important}
  .landingV5327 .deviceProductGridV2{grid-template-columns:1fr!important}.landingV5327 .footerGridPro{grid-template-columns:1.4fr 1fr 1fr;gap:30px}.landingV5327 .footerColPro:last-child{display:none}
}
@media(max-width:760px){
  .landingV5327 .landingNavDark{height:62px!important;padding:0 18px!important}.landingV5327 .landingNavDark nav{display:block!important}.landingV5327 .landingNavDark nav a{font-size:10px!important}.landingV5327 .landingBrand{font-size:14px!important}.landingV5327 .landingBrand .logoBox{width:34px!important;height:34px!important;font-size:9px!important}
  .landingV5327 .heroDark{padding:96px 18px 20px!important;display:block!important;min-height:auto!important}.landingV5327 .heroCopyDark h1{font-size:39px!important}.landingV5327 .heroCopyDark p{font-size:12.5px!important}.landingV5327 .heroVisual{min-height:340px!important;margin-top:34px}.landingV5327 .heroDashboard{height:330px!important;transform:none!important;animation:a360MobileFloat 7s ease-in-out infinite!important}.landingV5327 .dashTop{height:48px!important;grid-template-columns:100px 1fr!important}.landingV5327 .dashUser{display:none!important}.landingV5327 .dashGrid{height:calc(100% - 48px)!important;grid-template-columns:78px 1fr!important}.landingV5327 .dashDevices{display:none!important}.landingV5327 .dashSideItem{height:34px!important;font-size:8px!important;padding:0 7px!important}.landingV5327 .dashSearch{font-size:8px!important;height:30px!important}.landingV5327 .heroFeatureStrip{margin-top:24px!important;grid-template-columns:1fr 1fr!important}.landingV5327 .heroFeatureStrip article{min-height:88px!important;padding:14px!important}.landingV5327 .heroFeatureStrip p{font-size:9.5px!important}
  .landingV5327 .landingSectionDark{padding:58px 18px 64px!important}.landingV5327 .featureNavGrid{grid-template-columns:1fr!important}.landingV5327 .featureNavCard{border-right:0!important;border-bottom:1px solid var(--a360-line)!important;min-height:auto!important;padding:20px 4px!important}.landingV5327 .featureNavCard:last-child{border-bottom:0!important}.landingV5327 .featureDetailCard{grid-template-columns:1fr!important;padding:22px 16px!important}.landingV5327 .featureDetailIcon{display:none!important}
  .landingV5327 .deviceProductCardV2{grid-template-columns:108px minmax(0,1fr)!important;min-height:158px!important}.landingV5327 .deviceProductCardV2 .deviceVisualCompact{min-height:158px!important}.landingV5327 .deviceProductBodyV2 h4{font-size:13px!important}.landingV5327 .devicePriceV2 strong{font-size:15px!important}.landingV5327 .deviceKeyPoints span{font-size:8px!important}
  .landingV5327 .footerGridPro{grid-template-columns:1fr 1fr!important;gap:28px 18px}.landingV5327 .footerBrandPro{grid-column:1/-1}.landingV5327 .footerColPro:last-child{display:flex}.landingV5327 .footerBottomPro{display:block}.landingV5327 .footerBottomPro span{display:block;margin-top:5px}
}
@keyframes a360MobileFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(prefers-reduced-motion:reduce){.landingV5327 *, .landingV5327 *:before, .landingV5327 *:after{animation:none!important;scroll-behavior:auto!important}}

/* V5.3.28 — font normalization across all screens */
html,body,button,input,select,textarea{font-family:Arial,"Segoe UI","Noto Sans",sans-serif!important;font-synthesis:auto;text-rendering:auto;-webkit-font-smoothing:antialiased}
button,input,select,textarea{letter-spacing:normal}
/* AssetLive360 V5.3.28 - clean commercial landing + shop UI */
:root{--a-bg:#07131d;--a-bg2:#0a1823;--a-panel:#0c1d29;--a-panel2:#102432;--a-line:rgba(255,255,255,.09);--a-text:#eef5f7;--a-muted:#93a5b0;--a-muted2:#718791;--a-accent:#31d6c6;--a-accent2:#1ba99f;--a-orange:#ff7a3d;--a-white:#fff;--a-shadow:0 26px 70px rgba(0,0,0,.32)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--a-bg)}
body.landingV5328{margin:0;background:var(--a-bg);color:var(--a-text);font-family:Arial,"Segoe UI","Noto Sans",sans-serif!important;font-size:14px;line-height:1.5;text-rendering:auto;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.landingV5328 button,.landingV5328 input,.landingV5328 select,.landingV5328 textarea{font-family:inherit!important}
.landingV5328 a{color:inherit}.landingV5328 button{cursor:pointer}.landingV5328 svg{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.noScroll{overflow:hidden!important}
.siteShell{min-height:100vh;background:linear-gradient(180deg,#06121c 0,#081722 45%,#07131d 100%)}
.siteNav{height:68px;position:sticky;top:0;z-index:70;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);background:rgba(5,17,26,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}
.siteBrand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:16px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}.brandMark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#35e4d4,#198f8b);box-shadow:0 8px 22px rgba(49,214,198,.16);font-size:9px;font-weight:700;color:#fff;letter-spacing:.04em}
.siteNavLinks{display:flex;align-items:center;gap:24px}.siteNavLinks>a{text-decoration:none;font-size:12px;font-weight:650;color:#aebdc5;white-space:nowrap}.siteNavLinks>a:hover{color:#fff}.cartNavBtn{height:38px;display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);color:#edf5f7;border-radius:10px;padding:0 11px;font-size:12px;font-weight:700}.cartNavBtn svg{width:16px;height:16px}.cartNavBtn b,.sectionCartBtn b{min-width:19px;height:19px;border-radius:999px;display:grid;place-items:center;background:var(--a-accent);color:#06201e;font-size:10px}
.heroShop{max-width:1280px;margin:0 auto;min-height:610px;padding:72px clamp(24px,5vw,64px) 62px;display:grid;grid-template-columns:minmax(430px,.95fr) minmax(430px,1.05fr);align-items:center;gap:52px;position:relative}.heroShop:before{content:"";position:absolute;width:620px;height:620px;right:-120px;top:-50px;background:radial-gradient(circle,rgba(34,178,170,.13),transparent 67%);pointer-events:none}.heroCopyShop{max-width:600px;position:relative;z-index:2}.heroKicker{font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--a-accent);display:flex;align-items:center;gap:8px;margin-bottom:18px}.heroKicker span{width:7px;height:7px;border-radius:50%;background:var(--a-accent);box-shadow:0 0 18px rgba(49,214,198,.7)}.heroCopyShop h1{margin:0;font-size:clamp(42px,4.2vw,62px);line-height:1.04;letter-spacing:-.04em;font-weight:700;max-width:600px}.heroCopyShop h1 em{display:block;font-style:normal;color:var(--a-accent);font-weight:760}.heroCopyShop>p{margin:21px 0 0;max-width:570px;font-size:14px;line-height:1.72;color:#9dafb9}.heroActions{display:flex;gap:10px;margin-top:26px}.heroActions a{height:44px;padding:0 18px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:12px;font-weight:750}.btnPrimary{background:linear-gradient(135deg,var(--a-accent),var(--a-accent2));color:#06201e!important;box-shadow:0 10px 28px rgba(49,214,198,.16)}.btnGhost{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.035);color:#e5eef1!important}.heroTrust{display:flex;flex-wrap:wrap;gap:14px 22px;margin-top:24px;color:#778d98;font-size:10.5px}.heroTrust span{display:flex;align-items:center;gap:6px}.heroTrust i{width:5px;height:5px;border-radius:50%;background:var(--a-accent)}
.heroProductVisual{height:500px;position:relative;display:grid;place-items:center}.signalOrb{position:absolute;border:1px solid rgba(49,214,198,.17);border-radius:50%;animation:orbPulse 6s ease-in-out infinite}.orbOne{width:430px;height:430px}.orbTwo{width:330px;height:330px;animation-delay:-2s}.phoneFrame{width:248px;height:486px;border-radius:38px;padding:10px;background:linear-gradient(145deg,#213844,#071018);box-shadow:0 42px 80px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.09);position:relative;z-index:2;animation:phoneFloat 7s ease-in-out infinite}.phoneFrame:after{content:"";position:absolute;inset:4px;border-radius:34px;border:1px solid rgba(255,255,255,.08);pointer-events:none}.phoneSpeaker{position:absolute;z-index:4;top:17px;left:50%;transform:translateX(-50%);width:72px;height:19px;border-radius:0 0 14px 14px;background:#071018}.phoneScreen{height:100%;border-radius:30px;overflow:hidden;background:#0b1b27}.phoneTop{height:58px;padding:20px 12px 9px;display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:7px;border-bottom:1px solid rgba(255,255,255,.07);font-size:9px}.phoneTop b{font-size:10px}.miniLogo{width:28px;height:22px;border-radius:7px;display:grid;place-items:center;background:var(--a-accent);color:#08231f;font-size:7px;font-weight:900}.liveDot{color:var(--a-accent);font-size:7px;letter-spacing:.08em}.phoneMap{height:calc(100% - 58px);position:relative;background:linear-gradient(145deg,#102b38,#0a1b27 65%);overflow:hidden}.phoneMap:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:29px 29px}.phoneMap svg{position:absolute;inset:24px 9px auto;width:210px;height:300px}.mapRoad{position:absolute;height:9px;background:rgba(255,255,255,.07);border-radius:999px}.roadOne{width:180px;left:-18px;top:110px;transform:rotate(-17deg)}.roadTwo{width:205px;right:-40px;top:210px;transform:rotate(21deg)}.roadThree{width:160px;left:36px;top:285px;transform:rotate(-9deg)}.mapPin{position:absolute;width:15px;height:15px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--a-accent);box-shadow:0 0 0 5px rgba(49,214,198,.08),0 0 20px rgba(49,214,198,.35)}.mapPin:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#06221f;left:5px;top:5px}.pinA{left:43px;top:251px}.pinB{left:110px;top:155px;background:#ff9869}.pinC{right:28px;top:65px}.phoneStatusCard{position:absolute;left:12px;right:12px;bottom:13px;min-height:54px;border:1px solid rgba(255,255,255,.08);background:rgba(5,17,25,.87);backdrop-filter:blur(8px);border-radius:13px;padding:9px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px}.statusIcon{width:28px;height:28px;border-radius:9px;background:rgba(49,214,198,.12);border:1px solid rgba(49,214,198,.18);position:relative}.statusIcon:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--a-accent);left:9px;top:9px}.phoneStatusCard b,.phoneStatusCard small{display:block}.phoneStatusCard b{font-size:9px}.phoneStatusCard small{font-size:7px;color:#79909b;margin-top:2px}.phoneStatusCard strong{font-size:9px;color:var(--a-accent)}.trackerFloat{position:absolute;z-index:3;width:108px;height:68px;border-radius:18px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(145deg,#142b39,#091720);box-shadow:0 20px 40px rgba(0,0,0,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;animation:trackerDrift 6s ease-in-out infinite}.trackerFloat span{font-size:13px;font-weight:700;letter-spacing:.03em}.trackerFloat small{font-size:7px;color:#78909b;letter-spacing:.12em;margin-top:4px}.trackerMini{left:5%;top:105px;transform:rotate(-8deg)}.trackerPet{right:2%;bottom:96px;width:74px;height:74px;border-radius:50%;animation-delay:-3s}
.quickBenefits{max-width:1180px;margin:0 auto;padding:0 clamp(24px,4vw,44px) 68px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.06)}.quickBenefits article{display:grid;grid-template-columns:35px 1fr;gap:11px;padding:24px 18px;border-right:1px solid rgba(255,255,255,.06)}.quickBenefits article:last-child{border-right:0}.benefitIcon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;border:1px solid rgba(49,214,198,.14);background:rgba(49,214,198,.055);color:var(--a-accent)}.benefitIcon svg{width:16px;height:16px}.quickBenefits b{font-size:11.5px}.quickBenefits p{margin:4px 0 0;font-size:9.5px;line-height:1.45;color:#728792}
.productSection{padding:76px clamp(24px,5vw,72px) 84px;background:#091923;border-top:1px solid rgba(255,255,255,.06)}.sectionHead{max-width:1180px;margin:0 auto 30px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.sectionKicker{display:block;font-size:9px;font-weight:700;letter-spacing:.18em;color:var(--a-accent);margin-bottom:10px}.sectionHead h2,.solutionIntro h2{font-size:clamp(28px,3vw,38px);line-height:1.14;letter-spacing:-.03em;margin:0}.sectionHead p,.solutionIntro>p{margin:9px 0 0;color:#8397a2;font-size:12px;line-height:1.6}.sectionCartBtn{height:40px;display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.04);color:#dce7eb;border-radius:10px;padding:0 12px;font-size:11px;font-weight:700;white-space:nowrap}.sectionCartBtn svg{width:15px;height:15px}.shopGrid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.shopCard{background:linear-gradient(180deg,#0d202c,#0b1b26);border:1px solid rgba(255,255,255,.085);border-radius:15px;overflow:hidden;min-width:0;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.shopCard:hover{transform:translateY(-3px);border-color:rgba(49,214,198,.2);box-shadow:0 20px 45px rgba(0,0,0,.18)}.shopVisual{height:180px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,#eef5f5 0,#d9e6e7 60%,#cbdadc 100%);overflow:hidden}.shopVisual:after{content:"";position:absolute;width:130px;height:22px;border-radius:50%;bottom:29px;background:rgba(24,55,62,.14);filter:blur(8px)}.productBadge{position:absolute;left:10px;top:10px;z-index:4;border-radius:999px;background:#06352f;color:#5cf0dc;padding:5px 8px;font-size:8px;font-weight:700;letter-spacing:.04em}.productBadge.subtle{background:rgba(6,30,36,.86);color:#c9e7e5}.scaleHint{position:absolute;bottom:9px;left:0;right:0;text-align:center;font-size:8px;color:#60747a;z-index:4}.miniDevice,.magnetDevice,.obdDevice,.petDevice{position:relative;z-index:2;display:grid;place-items:center;background:linear-gradient(145deg,#172b36,#071119);border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 28px rgba(31,56,61,.3)}.miniDevice{width:82px;height:50px;border-radius:10px;transform:rotate(-5deg)}.magnetDevice{width:100px;height:65px;border-radius:14px}.obdDevice{width:67px;height:79px;border-radius:14px 14px 9px 9px}.petDevice{width:56px;height:64px;border-radius:17px}.miniDevice b,.magnetDevice b,.obdDevice b,.petDevice b{font-size:10px;color:#e9f2f3;letter-spacing:.05em}.miniDevice i,.magnetDevice i,.obdDevice i,.petDevice i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--a-accent);right:9px;top:9px;box-shadow:0 0 10px rgba(49,214,198,.75)}.magnetDevice em{position:absolute;left:15px;right:15px;bottom:-5px;height:8px;border-radius:0 0 8px 8px;background:#334b54}.obdDevice:after{content:"";position:absolute;width:44px;height:14px;bottom:-12px;border-radius:3px;background:repeating-linear-gradient(90deg,#b8c6ca 0 3px,#43525a 3px 6px)}.petDevice:before{content:"";position:absolute;width:30px;height:30px;border:5px solid #243d47;border-bottom-color:transparent;border-radius:50%;top:-25px;left:8px}.shopBody{padding:15px 15px 14px}.shopUse{font-size:8px;font-weight:700;letter-spacing:.14em;color:var(--a-accent);height:14px}.shopBody h3{font-size:15px;line-height:1.28;margin:5px 0 5px;letter-spacing:-.015em;min-height:39px;display:flex;align-items:flex-start}.shopDesc{font-size:10px!important;line-height:1.5!important;color:#8195a0!important;margin:0!important;min-height:45px}.shopBody ul{list-style:none;padding:0;margin:12px 0 13px;display:grid;gap:6px}.shopBody li{font-size:9.5px;color:#a3b2ba;position:relative;padding-left:13px}.shopBody li:before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--a-accent);left:0;top:5px}.shopPrice{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid rgba(255,255,255,.07)}.shopPrice strong{font-size:19px;line-height:1;color:#fff;letter-spacing:-.025em;white-space:nowrap}.shopPrice small{font-size:8px;color:#6f858f}.shopActions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.shopActions button{height:36px;border-radius:8px;font-size:9.5px;font-weight:780}.addCartBtn{border:0;background:linear-gradient(135deg,var(--a-accent),var(--a-accent2));color:#05201d}.detailBtn{border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.035);color:#c9d8de}.priceNote{max-width:1180px;margin:15px auto 0;color:#647984;font-size:9px}.solutionSection{padding:78px clamp(24px,5vw,72px) 84px;background:#06131c;border-top:1px solid rgba(255,255,255,.055)}.solutionIntro{max-width:1180px;margin:0 auto 28px}.solutionIntro>p{max-width:650px}.solutionGrid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.solutionCard{padding:26px 24px;text-decoration:none;display:grid;grid-template-columns:32px 1fr;gap:14px;border-right:1px solid rgba(255,255,255,.08);transition:background .2s}.solutionCard:last-child{border-right:0}.solutionCard:hover{background:rgba(255,255,255,.025)}.solutionNo{font-size:9px;color:var(--a-accent);font-weight:850}.solutionCard b{font-size:13px}.solutionCard p{font-size:10px;color:#778c97;line-height:1.5;margin:6px 0 10px}.solutionCard em{font-style:normal;font-size:9.5px;color:#b8c7ce}.siteFooter{padding:44px clamp(24px,5vw,72px) 18px;background:#020b11;border-top:1px solid rgba(255,255,255,.065)}.footerMain{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.35fr 2fr;gap:60px;padding-bottom:31px}.footerBrand .siteBrand{font-size:14px}.footerBrand .brandMark{width:34px;height:34px;font-size:8px}.footerBrand p{max-width:310px;font-size:10px;color:#71848e;line-height:1.6;margin:12px 0 0}.footerLinks{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.footerLinks>div{display:flex;flex-direction:column;gap:8px}.footerLinks b{font-size:8px;letter-spacing:.15em;color:#b9c8ce}.footerLinks a,.footerSupportBtn{font-size:9.5px;color:#718690;text-decoration:none;background:none;border:0;padding:0;text-align:left}.footerLinks a:hover,.footerSupportBtn:hover{color:var(--a-accent)}.footerBottom{max-width:1180px;margin:0 auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;gap:20px;font-size:8.5px;color:#526974}
.modalBackdrop{position:fixed;inset:0;z-index:200;background:rgba(0,7,11,.76);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:.2s}.modalBackdrop.open{opacity:1;visibility:visible}.detailModal{width:min(780px,100%);max-height:min(720px,90vh);overflow:auto;border-radius:18px;border:1px solid rgba(255,255,255,.11);background:#091923;box-shadow:0 36px 100px rgba(0,0,0,.58);display:grid;grid-template-columns:280px 1fr;position:relative;transform:translateY(10px) scale(.985);transition:.2s}.modalBackdrop.open .detailModal{transform:none}.modalClose{position:absolute;right:13px;top:13px;width:32px;height:32px;border-radius:9px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.25);color:#dce8ec;font-size:20px;z-index:3}.modalProductVisual{min-height:430px;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#f0f6f6 0,#dbe8e9 58%,#cadadd 100%);position:relative}.modalProductVisual:after{content:"";position:absolute;width:150px;height:24px;border-radius:50%;background:rgba(31,58,65,.18);bottom:90px;filter:blur(10px)}.modalDevice{position:relative;z-index:2;display:grid;place-items:center;background:linear-gradient(145deg,#172d38,#061019);border:1px solid rgba(255,255,255,.14);box-shadow:0 28px 42px rgba(28,53,59,.34);color:#eef5f6}.modalDevice b{font-size:13px}.modalDevice i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--a-accent);right:13px;top:13px;box-shadow:0 0 14px rgba(49,214,198,.75)}.modal-mini{width:128px;height:78px;border-radius:14px}.modal-magnet{width:150px;height:96px;border-radius:18px}.modal-obd{width:92px;height:112px;border-radius:18px 18px 10px 10px}.modal-pet{width:78px;height:90px;border-radius:24px}.modal-pet:before{content:"";position:absolute;width:42px;height:42px;border:7px solid #294651;border-bottom-color:transparent;border-radius:50%;top:-37px}.modalContent{padding:38px 32px 30px}.modalEyebrow{font-size:8px;letter-spacing:.16em;font-weight:700;color:var(--a-accent)}.modalContent h2{font-size:27px;line-height:1.14;letter-spacing:-.03em;margin:8px 0 10px}.modalContent>p{font-size:11px;line-height:1.65;color:#8498a3;margin:0}.detailInfoGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}.detailInfoGrid>div{padding:12px;border-radius:11px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}.detailInfoGrid .full{grid-column:1/-1}.detailInfoGrid b{display:block;font-size:9px;color:#c8d6dc;margin-bottom:5px}.detailInfoGrid p{font-size:9.5px!important;line-height:1.55!important;color:#7e929d!important;margin:0!important}.modalBuyRow{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}.modalBuyRow small{display:block;font-size:8px;color:#708691;margin-bottom:4px}.modalBuyRow strong{font-size:23px}.modalAddBtn{height:42px;border:0;border-radius:9px;padding:0 16px;background:linear-gradient(135deg,var(--a-accent),var(--a-accent2));color:#06201e;font-size:10px;font-weight:800}
.drawerBackdrop{position:fixed;inset:0;z-index:210;background:rgba(0,7,11,.58);opacity:0;visibility:hidden;transition:.2s}.drawerBackdrop.open{opacity:1;visibility:visible}.cartDrawer{position:fixed;z-index:220;right:0;top:0;width:min(390px,94vw);height:100vh;background:#071721;border-left:1px solid rgba(255,255,255,.1);box-shadow:-35px 0 80px rgba(0,0,0,.4);transform:translateX(102%);transition:.24s ease;display:flex;flex-direction:column}.cartDrawer.open{transform:none}.drawerHead{padding:22px 19px 17px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;align-items:flex-start}.drawerHead span{font-size:8px;letter-spacing:.16em;color:var(--a-accent);font-weight:850}.drawerHead h2{font-size:20px;margin:5px 0 0}.drawerClose{width:32px;height:32px;border-radius:9px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);color:#d7e3e7;font-size:20px}.cartItems{padding:10px 12px;overflow:auto;flex:1}.cartRow{display:grid;grid-template-columns:58px 1fr 26px;gap:10px;padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.07)}.cartThumb{width:58px;height:58px;border-radius:11px;background:#e0ebec;color:#112832;display:grid;place-items:center;font-size:9px}.cartRowMain>b{display:block;font-size:10.5px;line-height:1.3;padding-right:5px}.cartRowMain>span{display:block;margin-top:4px;color:var(--a-accent);font-size:10px;font-weight:750}.qtyControl{display:flex;align-items:center;gap:7px;margin-top:8px}.qtyControl button{width:23px;height:23px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);color:#d8e5e9}.qtyControl em{font-style:normal;font-size:9px;min-width:12px;text-align:center}.cartRemove{width:24px;height:24px;border:0;background:none;color:#647984;font-size:18px}.cartEmpty{margin:auto;place-items:center;text-align:center;color:#748994}.cartEmpty span{font-size:12px;font-weight:700;color:#a6b5bc}.cartEmpty p{font-size:9px;margin:5px 0}.cartFooter{padding:16px 18px 20px;border-top:1px solid rgba(255,255,255,.08);background:#06131c}.cartTotal{display:flex;justify-content:space-between;align-items:center}.cartTotal span{font-size:10px;color:#7f939d}.cartTotal strong{font-size:20px}.checkoutSupportBtn{width:100%;height:42px;margin-top:13px;border:0;border-radius:9px;background:linear-gradient(135deg,var(--a-accent),var(--a-accent2));color:#05201e;font-size:10px;font-weight:820}.cartFooter small{display:block;text-align:center;margin-top:9px;font-size:8px;line-height:1.45;color:#59707a}
.supportFab{position:fixed;right:20px;bottom:20px;z-index:240;height:44px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--a-accent),var(--a-accent2));color:#05201d;box-shadow:0 16px 34px rgba(0,0,0,.35),0 0 0 5px rgba(49,214,198,.06);display:flex;align-items:center;gap:7px;padding:0 15px 0 12px;font-size:10px;font-weight:820}.supportFab svg{width:17px;height:17px;stroke-width:2}.supportPanel{position:fixed;right:20px;bottom:74px;z-index:241;width:min(330px,calc(100vw - 32px));border-radius:16px;border:1px solid rgba(255,255,255,.11);background:#091a25;box-shadow:0 30px 80px rgba(0,0,0,.48);padding:17px;opacity:0;visibility:hidden;transform:translateY(10px) scale(.98);transform-origin:bottom right;transition:.2s}.supportPanel.open{opacity:1;visibility:visible;transform:none}.supportHead{display:flex;justify-content:space-between;gap:12px}.supportHead>div>span{font-size:7.5px;letter-spacing:.16em;color:var(--a-accent);font-weight:850}.supportHead h3{font-size:18px;margin:5px 0 5px}.supportHead p{font-size:9.5px;line-height:1.5;color:#7e939d;margin:0}.supportHead button{width:29px;height:29px;border-radius:8px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);color:#d9e4e8;font-size:18px}.supportChannels{display:grid;gap:7px;margin-top:15px}.supportChannel{height:52px;border-radius:11px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.028);color:#e5eef1;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:0 10px;text-align:left}.supportChannel>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:11px;font-weight:700;background:rgba(49,214,198,.1);color:var(--a-accent)}.supportChannel.messenger>span{background:rgba(77,142,255,.1);color:#7ab1ff}.supportChannel.phone>span{background:rgba(255,158,84,.1);color:#ffad78}.supportChannel b,.supportChannel small{display:block}.supportChannel b{font-size:10px}.supportChannel small{font-size:8px;color:#6f858f;margin-top:2px}.supportChannel em{font-size:18px;font-style:normal;color:#5f7580}.supportNote{margin:10px 1px 0;font-size:7.8px;line-height:1.45;color:#536a75}.toast{position:fixed;z-index:300;left:50%;bottom:24px;transform:translate(-50%,12px);padding:10px 13px;border-radius:9px;background:#eaf8f6;color:#0e3732;box-shadow:0 15px 45px rgba(0,0,0,.25);font-size:9.5px;font-weight:700;opacity:0;visibility:hidden;transition:.2s}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
@keyframes phoneFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes trackerDrift{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-7px) rotate(-5deg)}}@keyframes orbPulse{0%,100%{transform:scale(.98);opacity:.5}50%{transform:scale(1.02);opacity:.9}}
@media(max-width:1050px){.heroShop{grid-template-columns:1fr 430px;gap:25px}.shopGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.quickBenefits{grid-template-columns:1fr 1fr}.quickBenefits article:nth-child(2){border-right:0}.quickBenefits article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.06)}}
@media(max-width:780px){.siteNav{height:62px;padding:0 16px}.siteBrand{font-size:14px}.brandMark{width:34px;height:34px}.siteNavLinks>a{display:none}.cartNavBtn span{display:none}.heroShop{display:block;min-height:auto;padding:58px 18px 42px}.heroCopyShop h1{font-size:39px;max-width:520px}.heroCopyShop>p{font-size:12.5px}.heroActions a{height:42px;font-size:11px}.heroTrust{font-size:9.5px}.heroProductVisual{height:420px;margin-top:32px}.phoneFrame{width:210px;height:410px}.trackerMini{left:3%;top:90px}.trackerPet{right:2%;bottom:70px}.quickBenefits{padding:0 18px 46px}.productSection,.solutionSection{padding:58px 18px 64px}.sectionHead{display:block}.sectionCartBtn{margin-top:18px}.shopGrid{grid-template-columns:1fr 1fr;gap:10px}.shopVisual{height:155px}.shopBody{padding:13px}.shopBody h3{font-size:13px;min-height:34px}.shopDesc{font-size:9px!important;min-height:42px}.shopPrice strong{font-size:16px}.shopActions{grid-template-columns:1fr}.shopActions button{height:34px;font-size:9px}.solutionGrid{grid-template-columns:1fr}.solutionCard{border-right:0;border-bottom:1px solid rgba(255,255,255,.08);padding:20px 4px}.solutionCard:last-child{border-bottom:0}.footerMain{grid-template-columns:1fr;gap:30px}.footerLinks{gap:15px}.detailModal{grid-template-columns:1fr;width:min(520px,100%)}.modalProductVisual{min-height:200px}.modalContent{padding:25px 20px}.detailInfoGrid{grid-template-columns:1fr}.detailInfoGrid .full{grid-column:auto}.modalBuyRow{align-items:center}.supportFab span{display:none}.supportFab{width:44px;padding:0;justify-content:center}.supportPanel{right:16px;bottom:70px}.footerBottom{display:block}.footerBottom span{display:block;margin-top:5px}}
@media(max-width:520px){.heroCopyShop h1{font-size:34px}.heroActions{display:grid;grid-template-columns:1fr 1fr}.heroProductVisual{height:370px}.phoneFrame{width:188px;height:366px;border-radius:32px}.phoneScreen{border-radius:25px}.trackerMini{width:88px;height:58px;left:0}.trackerPet{width:62px;height:62px}.quickBenefits{grid-template-columns:1fr}.quickBenefits article{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.06)!important;padding-left:4px}.quickBenefits article:last-child{border-bottom:0!important}.shopGrid{grid-template-columns:1fr}.shopVisual{height:180px}.shopBody h3{font-size:15px;min-height:0}.shopDesc{font-size:10px!important;min-height:0}.shopActions{grid-template-columns:1fr 1fr}.footerLinks{grid-template-columns:1fr 1fr}.footerLinks>div:last-child{grid-column:1/-1}.modalContent h2{font-size:22px}.modalBuyRow strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){.landingV5328 *,.landingV5328 *:before,.landingV5328 *:after{animation:none!important;scroll-behavior:auto!important}}

/* =========================================================
   AssetLive360 V5.3.29 — compact professional app UI reset
   Purpose: fix oversized typography, pill controls and drawers.
   Scope: monitoring app only. Landing/shop styles are untouched.
   ========================================================= */
.appBody{
  --ui-font:Arial,"Segoe UI","Noto Sans",sans-serif;
  --ui-ink:#1f2f43;
  --ui-text:#3f5064;
  --ui-muted:#7d8b9b;
  --ui-line:#dfe5eb;
  --ui-soft:#f6f8fa;
  --ui-orange:#f36b32;
  --ui-orange-soft:#fff5f0;
  --ui-green:#25b779;
  font-family:var(--ui-font)!important;
  font-size:13px!important;
  line-height:1.45!important;
  background:#eef2f5!important;
  color:var(--ui-ink)!important;
}
.appBody *, .appBody button,.appBody input,.appBody select,.appBody textarea{
  font-family:var(--ui-font)!important;
  font-synthesis:auto!important;
  letter-spacing:0!important;
}

/* Header: compact and calm */
.appBody .topbar{height:62px!important;padding:0 18px!important;background:#fff!important;border-bottom:1px solid var(--ui-line)!important;box-shadow:0 2px 10px rgba(26,44,65,.035)!important}
.appBody .topLeft{gap:24px!important}.appBody .topRight{gap:12px!important}
.appBody .topbar .brand{gap:10px!important}.appBody .topbar .logoBox{width:40px!important;height:40px!important;border-radius:10px!important;font-size:11px!important;box-shadow:none!important}
.appBody .topbar .brand b{font-size:15px!important;line-height:20px!important;font-weight:700!important;color:#17283d!important}
.appBody .topMenu{height:62px!important;gap:2px!important}.appBody .topItem{height:62px!important;line-height:62px!important;padding:0 13px!important;font-size:12px!important;font-weight:650!important;color:#566579!important}
.appBody .topItem.active:after{left:12px!important;right:12px!important;height:2px!important}
.appBody .connected,.appBody .workspaceBadge,.appBody .userBtn,.appBody .topRight{font-size:11px!important;line-height:15px!important}
.appBody .workspaceBadge{min-height:34px!important;padding:0 12px!important;border-radius:999px!important}
.appBody .userBtn{min-height:36px!important;padding:0 13px!important;border-radius:9px!important}

/* Main proportions */
.appBody .workspace{height:calc(100vh - 62px)!important;grid-template-columns:390px minmax(0,1fr)!important}
.appBody .workspace.sidebarCollapsed{grid-template-columns:0 minmax(0,1fr)!important}
.appBody .navPanel{background:#f8fafb!important;border-right:1px solid var(--ui-line)!important;box-shadow:6px 0 18px rgba(31,47,67,.025)!important}
.appBody .panelTabs{height:48px!important;background:#fff!important}
.appBody .tabBtn{height:48px!important;line-height:48px!important;font-size:12px!important;font-weight:650!important;color:#68778a!important}
.appBody .tabBtn.active:after{height:2px!important;left:34%!important;right:34%!important}

/* Status controls */
.appBody .statusSectionHead{padding:15px 16px 12px!important;background:#fff!important}
.appBody .statusSectionHead span{font-size:13px!important;line-height:18px!important;font-weight:700!important;color:#2d3d51!important}
.appBody .statusAddBtn{min-width:84px!important;height:36px!important;padding:0 13px!important;border-radius:9px!important;font-size:12px!important;line-height:16px!important;font-weight:700!important;box-shadow:0 5px 12px rgba(243,107,50,.13)!important}
.appBody .searchRow{padding:0 16px 12px!important;background:#fff!important}
.appBody .searchBox{height:42px!important;padding:0 12px!important;border:1px solid #d9e1e8!important;border-radius:10px!important;box-shadow:none!important}
.appBody .searchBox span{font-size:17px!important}.appBody .searchBox input{font-size:12px!important;line-height:17px!important;margin-left:7px!important;font-weight:400!important}
.appBody .searchBox:focus-within{border-color:#eaa17f!important;box-shadow:0 0 0 3px rgba(243,107,50,.07)!important}
.appBody .deviceFilterBar{display:flex!important;gap:7px!important;padding:0 16px 12px!important;background:#fff!important;border-bottom:1px solid #edf1f4!important;overflow-x:auto!important;scrollbar-width:none!important}
.appBody .deviceFilterBar::-webkit-scrollbar{display:none!important}
.appBody .deviceFilterBtn{min-height:34px!important;height:34px!important;line-height:32px!important;padding:0 11px!important;border:1px solid #dce3e9!important;border-radius:9px!important;background:#fff!important;color:#59697d!important;font-size:11px!important;font-weight:650!important;box-shadow:none!important}
.appBody .deviceFilterBtn.active{background:var(--ui-orange-soft)!important;border-color:#f1a17d!important;color:#c95325!important;box-shadow:none!important}
.appBody .statusLegend{min-height:38px!important;padding:9px 16px!important;gap:15px!important;font-size:10px!important;line-height:14px!important;background:#fff!important}
.appBody .legendDot{width:7px!important;height:7px!important}
.appBody .statusHeadBar{height:40px!important;padding:0 16px!important;font-size:11px!important;line-height:15px!important;background:#f8fafb!important}
.appBody .statusHeadBar small{font-size:10px!important;line-height:14px!important}
.appBody .statusBigList{padding:10px 12px 72px!important;background:#f6f8fa!important}

/* Device row: compact, readable, no giant card */
.appBody .deviceStatusRow.compactDeviceRow{grid-template-columns:48px 1fr!important;gap:11px!important;min-height:118px!important;padding:13px!important;margin:0 0 9px!important;border-radius:12px!important;border:1px solid #e0e6ec!important;box-shadow:0 2px 8px rgba(25,43,64,.035)!important;transform:none!important}
.appBody .deviceStatusRow.compactDeviceRow:hover{transform:none!important;border-color:#e9b39a!important;box-shadow:0 5px 14px rgba(25,43,64,.06)!important}
.appBody .compactDeviceIcon.deviceIcon.big{width:48px!important;height:48px!important;border-radius:12px!important;font-size:21px!important}
.appBody .statusTitleWrap b,.appBody .compactIdentity b{font-size:14px!important;line-height:19px!important;font-weight:700!important;letter-spacing:-.01em!important;color:#1e2e42!important}
.appBody .statusTitleWrap small,.appBody .compactIdentity small{font-size:10px!important;line-height:14px!important;color:#8190a0!important}
.appBody .compactChevron{font-size:23px!important}.appBody .compactAddress{gap:7px!important;margin-top:8px!important}
.appBody .compactAddress>span{font-size:14px!important}.appBody .compactAddressMeta{font-size:10px!important;line-height:14px!important;margin-bottom:1px!important}.appBody .compactAddressCopy>b{font-size:12px!important;line-height:17px!important;font-weight:600!important}
.appBody .compactFooter{margin-top:8px!important}.appBody .compactStatus,.appBody .compactBattery{font-size:10.5px!important;line-height:15px!important}.appBody .compactBattery b{font-size:11px!important}
.appBody .bottomMiniBar{height:50px!important;padding:7px 10px!important;gap:7px!important}.appBody .bottomMiniBar button,.appBody .bottomMiniBar a{font-size:11px!important;line-height:15px!important;border-radius:8px!important;font-weight:600!important}

/* Map overlays */
.appBody .fleetSummary{top:12px!important;left:12px!important;border-radius:12px!important;background:#dfe5ea!important;box-shadow:0 7px 20px rgba(26,44,65,.1)!important}
.appBody .fleetSummary>div{min-width:84px!important;padding:9px 12px!important}.appBody .fleetSummary span{font-size:9.5px!important;line-height:13px!important;margin-bottom:2px!important}.appBody .fleetSummary b{font-size:17px!important;line-height:20px!important}
.appBody .mapControlBar{right:10px!important;top:12px!important;gap:5px!important}.appBody .mapControlBar>button,.appBody .mapDropdownWrap>button{width:36px!important;height:36px!important;border-radius:8px!important;font-size:12px!important;box-shadow:0 2px 8px rgba(26,44,65,.08)!important}
.appBody .sidebarToggleBtn{width:27px!important;height:64px!important;font-size:21px!important;border-radius:0 10px 10px 0!important}

/* Selected device detail: narrower, calmer */
.appBody .detailsPanel{width:360px!important;right:54px!important;top:12px!important;max-height:calc(100vh - 88px)!important;overflow:auto!important;padding:16px!important;border-radius:14px!important;box-shadow:0 14px 36px rgba(26,44,65,.15)!important}
.appBody .detailsTop h3{font-size:18px!important;line-height:23px!important}.appBody .typeLabel{font-size:9px!important}.appBody .detailsStatus{font-size:11px!important}.appBody .followSelectedBtn{font-size:10px!important;min-height:32px!important}.appBody .detailsCloseBtn{width:32px!important;height:32px!important}
.appBody .addressBlock span{font-size:10px!important}.appBody .addressBlock #detailsAddress{font-size:13px!important;line-height:18px!important}.appBody .addressBlock #detailsUpdated{font-size:10px!important}.appBody .basicMetrics div{padding:9px!important}.appBody .basicMetrics span,.appBody .basicMetrics small{font-size:9px!important}.appBody .basicMetrics b{font-size:17px!important;line-height:21px!important}.appBody .sensorList div,.appBody .moreDetails div{font-size:11px!important;padding:8px 9px!important}.appBody .showMoreBtn,.appBody .detailButtons button{font-size:11px!important;min-height:36px!important;border-radius:8px!important}

/* Tools menu: simple popover, not kiosk-sized */
.appBody .toolsDropdown.simpleToolsMenu{width:320px!important;left:178px!important;top:54px!important;padding:7px!important;border-radius:12px!important;box-shadow:0 16px 38px rgba(27,42,61,.16)!important}
.appBody .simpleToolsMenu button{min-height:54px!important;padding:9px 10px!important;gap:10px!important;border-radius:9px!important}
.appBody .menuIcon{width:30px!important;height:30px!important;font-size:17px!important;border-radius:8px!important}
.appBody .menuText b{font-size:13px!important;line-height:18px!important;font-weight:700!important;color:#26364a!important}.appBody .menuText small{font-size:10px!important;line-height:14px!important;margin-top:1px!important;color:#7e8c9c!important}

/* Tool drawer: floating side sheet, never half/full desktop screen */
.appBody .toolDrawer{top:74px!important;bottom:12px!important;right:-430px!important;width:390px!important;height:auto!important;max-height:calc(100vh - 86px)!important;padding:15px!important;border:1px solid #dfe5eb!important;border-radius:15px!important;box-shadow:0 18px 52px rgba(25,43,64,.19)!important;overflow-y:auto!important;overflow-x:hidden!important;background:#fff!important;transition:right .2s ease!important}
.appBody .toolDrawer.show{right:12px!important}
.appBody .drawerHeader{position:sticky!important;top:-15px!important;z-index:5!important;margin:-1px -1px 0!important;padding:7px 2px 12px!important;background:rgba(255,255,255,.98)!important;border-bottom:1px solid #edf1f4!important;align-items:flex-start!important;backdrop-filter:blur(8px)!important}
.appBody .drawerHeader span{font-size:9px!important;line-height:13px!important;color:#de622d!important;text-transform:uppercase!important}.appBody .drawerHeader h3{font-size:20px!important;line-height:25px!important;margin:3px 0 0!important;color:#1e2e42!important}.appBody .drawerHeader button{width:34px!important;height:34px!important;font-size:19px!important;border-radius:9px!important;background:#f3f6f8!important;color:#536174!important}
.appBody .toolBlock{padding:13px!important;margin-top:11px!important;border-radius:11px!important;border:1px solid #e2e7ec!important;box-shadow:none!important}
.appBody .toolBlock h4{font-size:15px!important;line-height:20px!important;margin:0 0 6px!important;color:#25364a!important}.appBody .toolBlock p{font-size:11px!important;line-height:17px!important;margin:0 0 10px!important;color:#748295!important}.appBody .toolBlock label{font-size:11px!important;line-height:15px!important;margin:11px 0 5px!important;color:#536277!important;font-weight:650!important}
.appBody .toolBlock input,.appBody .toolBlock select,.appBody .toolBlock textarea{min-height:42px!important;padding:9px 11px!important;border:1px solid #d9e1e8!important;border-radius:9px!important;font-size:12px!important;line-height:17px!important;color:#27374b!important}.appBody .toolBlock textarea{min-height:100px!important}
.appBody .toolBlock>button,.appBody .toolBlock .secondaryToolBtn,.appBody .toolBlock a.carOpenLink{min-height:40px!important;padding:9px 12px!important;border-radius:9px!important;font-size:12px!important;line-height:16px!important;font-weight:700!important}
.appBody .toolMsg,.appBody .geoItem small,.appBody .shareExpires{font-size:10px!important;line-height:15px!important}.appBody .geoList h5{font-size:12px!important}.appBody .geoItem{padding:9px 0!important}.appBody .geoItem b{font-size:12px!important;line-height:17px!important}
.geofenceToolV2 .geoCenterChoices{gap:7px!important}.geoCenterSummary{padding:9px 10px!important;border-radius:9px!important;font-size:10.5px!important;line-height:15px!important}.geoRadiusPresets{gap:6px!important}.geoRadiusPresets button{min-height:36px!important;padding:6px!important;font-size:11px!important}.geoRadiusInput{grid-template-columns:1fr 52px!important;gap:6px!important}.geoRadiusInput span{min-height:42px!important;border-radius:9px!important;font-size:12px!important}.geoCreateBtn{margin-top:12px!important}

/* All app modals: centered, bounded, internally scrollable */
.appBody .modal{padding:18px!important;overflow:auto!important;align-items:center!important}.appBody .modalCard{width:min(470px,calc(100vw - 36px))!important;max-height:min(720px,calc(100vh - 36px))!important;overflow-y:auto!important;padding:18px!important;border-radius:14px!important;box-shadow:0 24px 70px rgba(25,43,64,.24)!important}
.appBody .modalHead h3{font-size:20px!important;line-height:25px!important;margin:3px 0!important}.appBody .modalHead span{font-size:9px!important;line-height:13px!important}.appBody .modalHead button{width:34px!important;height:34px!important;border-radius:9px!important;font-size:19px!important}.appBody .modalCard label{font-size:11px!important;line-height:15px!important;margin:11px 0 5px!important}.appBody .modalCard input,.appBody .modalCard select{min-height:42px!important;padding:9px 11px!important;font-size:12px!important;border-radius:9px!important}.appBody .modalPrimary{min-height:42px!important;font-size:12px!important;border-radius:9px!important;margin-top:13px!important}.trackerActivationIntro,.appBody .addMethodIntro{font-size:11px!important;line-height:17px!important}.qrScanBtn{min-height:44px!important;font-size:12px!important;border-radius:9px!important}.activationDivider{font-size:10px!important;margin:13px 0 0!important}.appBody .addMethodGrid{gap:9px!important}.appBody .addMethodChoice{padding:12px!important;border-radius:11px!important;min-height:82px!important}.appBody .addMethodChoice b{font-size:13px!important}.appBody .addMethodChoice small{font-size:10px!important;line-height:15px!important}

/* History/alerts: prevent the old giant type scale from leaking back */
.appBody #alertsTab>.sectionTitle,.appBody .historyPaneHead .sectionTitle{font-size:16px!important;line-height:21px!important;padding:16px 16px 7px!important}.appBody .historyPaneHead p{font-size:11px!important;line-height:17px!important;margin:4px 16px 0!important}.appBody .historyPane>label{font-size:11px!important;margin:12px 16px 5px!important}.appBody .historyPane>select,.appBody .historyDateRow input{height:42px!important;font-size:12px!important;border-radius:9px!important}.appBody .historyDateRow{gap:7px!important;margin:11px 16px!important}.appBody .historyDateRow label span{font-size:10px!important}.appBody .historyPrimaryBtn{min-height:42px!important;margin:0 16px 11px!important;border-radius:9px!important;font-size:12px!important}.appBody .historySummaryBox,.historyReplay{margin-left:16px!important;margin-right:16px!important;border-radius:11px!important;padding:12px!important}.appBody .historySummaryTitle{font-size:14px!important;line-height:19px!important}.appBody .historyStats span{font-size:9px!important}.appBody .historyStats b{font-size:14px!important}.historyTimelineHead{padding:2px 16px 8px!important}.historyTimelineHead b{font-size:12px!important}.historyTimelineHead span{font-size:9.5px!important}.appBody .historyTimeline{padding:0 16px 18px!important}.appBody .historyEvent{padding:11px!important;border-radius:10px!important;gap:8px!important}.appBody .historyEventTime{font-size:9px!important;line-height:13px!important}.appBody .historyEventBody b{font-size:12px!important;line-height:17px!important}.appBody .historyEventAddress{font-size:10.5px!important;line-height:15px!important}.appBody .historyEventBody small{font-size:9px!important}

@media(max-width:1150px){.appBody .workspace{grid-template-columns:350px minmax(0,1fr)!important}.appBody .fleetSummary>div{min-width:72px!important;padding:8px 10px!important}.appBody .toolDrawer{width:360px!important;right:-400px!important}.appBody .toolDrawer.show{right:10px!important}}
@media(max-width:760px){
  .appBody .topbar{height:56px!important;padding:0 10px!important}.appBody .workspace{height:calc(100vh - 56px)!important;grid-template-columns:min(84vw,340px) minmax(0,1fr)!important}.appBody .topbar .logoBox{width:36px!important;height:36px!important}.appBody .topbar .brand b{font-size:13px!important}.appBody .topRight{gap:6px!important}.appBody .workspaceBadge{display:none!important}.appBody .connected{font-size:10px!important}.appBody .userBtn{min-height:32px!important;font-size:10px!important;padding:0 9px!important}
  .appBody .toolDrawer{top:auto!important;bottom:10px!important;right:-100vw!important;width:calc(100vw - 20px)!important;max-width:none!important;height:auto!important;max-height:72vh!important;border-radius:16px!important;padding:14px!important}.appBody .toolDrawer.show{right:10px!important}.appBody .drawerHeader{top:-14px!important}
  .appBody .toolsDropdown.simpleToolsMenu{left:10px!important;right:10px!important;top:60px!important;width:auto!important;max-height:70vh!important;overflow:auto!important}
  .appBody .fleetSummary{display:none!important}.appBody .detailsPanel{left:10px!important;right:10px!important;top:10px!important;width:auto!important;max-height:62vh!important}
}

/* =========================================================
   AssetLive360 V5.3.30 — Orange Classic UI
   Return to the original light/orange visual language while
   keeping the newer features, compact drawers, cart and support.
   ========================================================= */
:root{
  --classic-orange:#ff6a2b;
  --classic-orange-2:#f4511e;
  --classic-orange-soft:#fff3ed;
  --classic-navy:#1f2f43;
  --classic-text:#34465a;
  --classic-muted:#7d8b9b;
  --classic-line:#e1e7ed;
  --classic-bg:#f6f8fa;
  --classic-card:#ffffff;
}
html,body,body *,button,input,select,textarea,option{
  font-family:Arial,"Segoe UI","Noto Sans",sans-serif!important;
  letter-spacing:0!important;
}

/* ---------- Public / shop pages: white + orange, not dark teal ---------- */
body.landingV5328{background:var(--classic-bg)!important;color:var(--classic-navy)!important}
.landingV5328 .siteShell{background:var(--classic-bg)!important;color:var(--classic-navy)!important}
.landingV5328 .siteNav{
  height:64px!important;background:rgba(255,255,255,.97)!important;border-bottom:1px solid var(--classic-line)!important;
  box-shadow:0 2px 12px rgba(31,47,67,.05)!important;backdrop-filter:blur(12px)!important;
}
.landingV5328 .siteBrand{color:var(--classic-navy)!important;font-size:15px!important;font-weight:700!important}
.landingV5328 .brandMark{background:linear-gradient(145deg,#ff7b37,var(--classic-orange-2))!important;color:#fff!important;border-radius:11px!important;box-shadow:0 7px 18px rgba(244,81,30,.18)!important}
.landingV5328 .siteNavLinks{gap:24px!important}.landingV5328 .siteNavLinks>a{color:#536174!important;font-size:12px!important;font-weight:650!important}.landingV5328 .siteNavLinks>a:hover{color:var(--classic-orange)!important}
.landingV5328 .cartNavBtn{height:38px!important;border:1px solid #dce3e9!important;background:#fff!important;color:#3b4b60!important;border-radius:9px!important;box-shadow:0 2px 8px rgba(31,47,67,.04)!important}.landingV5328 .cartNavBtn b{background:var(--classic-orange)!important;color:#fff!important}

.landingV5328 .heroShop{
  min-height:620px!important;padding:70px clamp(24px,5vw,72px) 58px!important;
  background:linear-gradient(180deg,#fff 0%,#fbfcfd 75%,#f6f8fa 100%)!important;border-bottom:1px solid var(--classic-line)!important;
}
.landingV5328 .heroKicker{color:var(--classic-orange)!important;font-size:10px!important;letter-spacing:.12em!important}.landingV5328 .heroKicker span{background:var(--classic-orange)!important;box-shadow:0 0 0 4px rgba(255,106,43,.08)!important}
.landingV5328 .heroCopyShop h1{color:var(--classic-navy)!important;font-size:clamp(42px,4.8vw,68px)!important;line-height:1.04!important;max-width:690px!important}.landingV5328 .heroCopyShop h1 em{color:var(--classic-orange)!important;font-style:normal!important}
.landingV5328 .heroCopyShop>p{color:#667589!important;font-size:14px!important;line-height:1.72!important;max-width:600px!important}
.landingV5328 .btnPrimary{background:linear-gradient(135deg,#ff7435,var(--classic-orange-2))!important;color:#fff!important;border:1px solid transparent!important;box-shadow:0 8px 18px rgba(244,81,30,.18)!important}.landingV5328 .btnGhost{background:#fff!important;color:#425268!important;border:1px solid #d8e0e7!important}.landingV5328 .btnGhost:hover{border-color:#f3a17d!important;background:#fff9f6!important;color:#c85325!important}
.landingV5328 .heroTrust{color:#738195!important}.landingV5328 .heroTrust i{background:var(--classic-orange)!important}
.landingV5328 .heroProductVisual{filter:none!important}
.landingV5328 .signalOrb{border-color:rgba(255,106,43,.18)!important}.landingV5328 .trackerFloat{background:#fff!important;color:#33465a!important;border:1px solid #dce4ea!important;box-shadow:0 18px 36px rgba(31,47,67,.12)!important}.landingV5328 .trackerFloat small{color:#8a97a5!important}
.landingV5328 .phoneFrame{border-color:#dbe3e9!important;background:#172334!important;box-shadow:0 30px 70px rgba(31,47,67,.18)!important}.landingV5328 .phoneScreen{background:#f9fbfc!important}.landingV5328 .phoneTop{background:#fff!important;border-bottom:1px solid #e8edf1!important;color:#5d6b7d!important}.landingV5328 .miniLogo{background:var(--classic-orange)!important;color:#fff!important}.landingV5328 .liveDot{color:var(--classic-orange)!important}.landingV5328 .phoneMap{background:linear-gradient(180deg,#eef3f6,#e5ecef)!important}.landingV5328 .phoneMap svg path:last-child{stroke:var(--classic-orange)!important}.landingV5328 .mapPin{background:var(--classic-orange)!important;box-shadow:0 0 0 5px rgba(255,106,43,.10)!important}.landingV5328 .phoneStatusCard{background:#fff!important;color:#2f4055!important;border:1px solid #e1e7ec!important;box-shadow:0 10px 26px rgba(31,47,67,.10)!important}.landingV5328 .phoneStatusCard small{color:#7c8999!important}.landingV5328 .phoneStatusCard strong{color:var(--classic-orange)!important}

.landingV5328 .quickBenefits{background:#fff!important;border-bottom:1px solid var(--classic-line)!important}.landingV5328 .quickBenefits article{border-color:var(--classic-line)!important}.landingV5328 .benefitIcon{background:var(--classic-orange-soft)!important;color:var(--classic-orange)!important;border:1px solid #ffd7c4!important}.landingV5328 .quickBenefits b{color:#2d3d51!important}.landingV5328 .quickBenefits p{color:#7d8b9b!important}
.landingV5328 .productSection{background:var(--classic-bg)!important;border-top:0!important}.landingV5328 .sectionKicker{color:var(--classic-orange)!important}.landingV5328 .sectionHead h2,.landingV5328 .solutionIntro h2{color:var(--classic-navy)!important}.landingV5328 .sectionHead p,.landingV5328 .solutionIntro>p{color:#748397!important}
.landingV5328 .sectionCartBtn{background:#fff!important;border:1px solid #dce3e9!important;color:#3d4e63!important;box-shadow:0 3px 10px rgba(31,47,67,.05)!important}.landingV5328 .sectionCartBtn b{background:var(--classic-orange)!important;color:#fff!important}
.landingV5328 .shopCard{background:#fff!important;border:1px solid #e0e6eb!important;border-radius:14px!important;box-shadow:0 8px 26px rgba(31,47,67,.06)!important;overflow:hidden!important}.landingV5328 .shopCard:hover{transform:translateY(-2px)!important;border-color:#f2b89d!important;box-shadow:0 12px 28px rgba(31,47,67,.09)!important}
.landingV5328 .shopVisual{background:linear-gradient(180deg,#fafbfc,#eef2f5)!important;border-bottom:1px solid #e6ebef!important}.landingV5328 .productBadge{background:#fff!important;color:#c95324!important;border:1px solid #f0c2ac!important;box-shadow:0 2px 8px rgba(31,47,67,.05)!important}.landingV5328 .scaleHint{color:#8895a4!important}.landingV5328 .miniDevice,.landingV5328 .magnetDevice,.landingV5328 .obdDevice,.landingV5328 .petDevice{background:linear-gradient(145deg,#263544,#111b26)!important;border-color:#3a4856!important}.landingV5328 .miniDevice i,.landingV5328 .magnetDevice i,.landingV5328 .obdDevice i,.landingV5328 .petDevice i{background:var(--classic-orange)!important;box-shadow:0 0 9px rgba(255,106,43,.55)!important}
.landingV5328 .shopUse{color:var(--classic-orange)!important}.landingV5328 .shopBody h3{color:#25364b!important}.landingV5328 .shopDesc{color:#77869a!important}.landingV5328 .shopBody li{color:#5e6e81!important}.landingV5328 .shopBody li:before{background:var(--classic-orange)!important}.landingV5328 .shopPrice{border-top-color:#e8edf1!important}.landingV5328 .shopPrice strong{color:#1f2f43!important}.landingV5328 .shopPrice small{color:#8c98a6!important}
.landingV5328 .addCartBtn{background:linear-gradient(135deg,#ff7435,var(--classic-orange-2))!important;color:#fff!important}.landingV5328 .detailBtn{background:#fff!important;color:#4b5c70!important;border:1px solid #dbe2e8!important}.landingV5328 .detailBtn:hover{background:#fff8f4!important;border-color:#f2b69b!important;color:#bd4b1e!important}.landingV5328 .priceNote{color:#8491a0!important}
.landingV5328 .solutionSection{background:#fff!important;border-top:1px solid var(--classic-line)!important}.landingV5328 .solutionGrid{border-color:var(--classic-line)!important}.landingV5328 .solutionCard{border-color:var(--classic-line)!important}.landingV5328 .solutionCard:hover{background:#fff8f4!important}.landingV5328 .solutionNo{color:var(--classic-orange)!important}.landingV5328 .solutionCard b{color:#2e3e52!important}.landingV5328 .solutionCard p{color:#788697!important}.landingV5328 .solutionCard em{color:#c95727!important}
.landingV5328 .siteFooter{background:#172334!important;border-top:0!important}.landingV5328 .footerBrand p,.landingV5328 .footerLinks a,.landingV5328 .footerSupportBtn{color:#a8b4c0!important}.landingV5328 .footerLinks b{color:#fff!important}.landingV5328 .footerBottom{color:#8897a6!important;border-top-color:rgba(255,255,255,.1)!important}.landingV5328 .siteFooter .siteBrand{color:#fff!important}.landingV5328 .footerLinks a:hover,.landingV5328 .footerSupportBtn:hover{color:#ff9d70!important}

/* Product detail: small white dialog; never pushes page */
.landingV5328 .modalBackdrop{background:rgba(31,47,67,.36)!important;backdrop-filter:blur(5px)!important;padding:18px!important}.landingV5328 .detailModal{width:min(680px,calc(100vw - 36px))!important;max-height:min(620px,82vh)!important;background:#fff!important;border:1px solid #dde4ea!important;border-radius:16px!important;box-shadow:0 24px 70px rgba(31,47,67,.22)!important;grid-template-columns:230px 1fr!important}.landingV5328 .modalClose{background:#f4f6f8!important;border:1px solid #dfe5ea!important;color:#526176!important}.landingV5328 .modalProductVisual{min-height:360px!important;background:linear-gradient(180deg,#f7f9fa,#e9eef2)!important}.landingV5328 .modalContent{padding:30px 28px!important;color:#2e3e52!important}.landingV5328 .modalEyebrow{color:var(--classic-orange)!important}.landingV5328 .modalContent h2{font-size:22px!important;color:#213247!important}.landingV5328 .modalContent>p{font-size:11.5px!important;color:#748397!important}.landingV5328 .detailInfoGrid>div{background:#f8fafb!important;border:1px solid #e4e9ee!important}.landingV5328 .detailInfoGrid b{color:#34465a!important}.landingV5328 .detailInfoGrid p{color:#718094!important}.landingV5328 .modalBuyRow{border-top-color:#e5eaee!important}.landingV5328 .modalBuyRow small{color:#8a97a5!important}.landingV5328 .modalBuyRow strong{color:#203146!important}.landingV5328 .modalAddBtn{background:linear-gradient(135deg,#ff7435,var(--classic-orange-2))!important;color:#fff!important}

/* Cart: floating white drawer, not a full-height dark wall */
.landingV5328 .drawerBackdrop{background:rgba(31,47,67,.28)!important;backdrop-filter:blur(3px)!important}.landingV5328 .cartDrawer{top:12px!important;right:12px!important;bottom:12px!important;height:auto!important;width:min(365px,calc(100vw - 24px))!important;background:#fff!important;border:1px solid #dfe5ea!important;border-radius:16px!important;box-shadow:-8px 14px 44px rgba(31,47,67,.20)!important;color:#2d3e52!important;transform:translateX(calc(100% + 30px))!important;overflow:hidden!important}.landingV5328 .cartDrawer.open{transform:none!important}.landingV5328 .drawerHead{padding:18px!important;border-bottom:1px solid #e8edf1!important}.landingV5328 .drawerHead span{color:var(--classic-orange)!important}.landingV5328 .drawerHead h2{font-size:18px!important;color:#213247!important}.landingV5328 .drawerClose{background:#f4f6f8!important;border:1px solid #dde4ea!important;color:#546276!important}.landingV5328 .cartItems{padding:8px 14px!important}.landingV5328 .cartRow{grid-template-columns:54px 1fr 24px!important;border-bottom:1px solid #edf1f4!important;padding:12px 0!important}.landingV5328 .cartThumb{background:#f1f4f6!important;color:#34465a!important}.landingV5328 .cartRowMain>b{color:#2f4055!important;font-size:11px!important}.landingV5328 .cartRowMain>span{color:var(--classic-orange)!important}.landingV5328 .qtyControl button{border:1px solid #dbe2e8!important;background:#fff!important;color:#44556a!important}.landingV5328 .qtyControl em{color:#536176!important}.landingV5328 .cartRemove{color:#96a1ad!important}.landingV5328 .cartEmpty{color:#8894a2!important}.landingV5328 .cartEmpty span{color:#506075!important}.landingV5328 .cartFooter{padding:14px 16px 16px!important;background:#fbfcfd!important;border-top:1px solid #e8edf1!important}.landingV5328 .cartTotal span{color:#718094!important}.landingV5328 .cartTotal strong{font-size:18px!important;color:#213247!important}.landingV5328 .checkoutSupportBtn{background:linear-gradient(135deg,#ff7435,var(--classic-orange-2))!important;color:#fff!important}.landingV5328 .cartFooter small{color:#8a97a5!important}

/* Support: white card + orange FAB */
.landingV5328 .supportFab{background:linear-gradient(135deg,#ff7435,var(--classic-orange-2))!important;color:#fff!important;box-shadow:0 12px 28px rgba(244,81,30,.22)!important}.landingV5328 .supportPanel{background:#fff!important;border:1px solid #dfe5ea!important;color:#2e3f53!important;box-shadow:0 22px 58px rgba(31,47,67,.20)!important}.landingV5328 .supportHead>div>span{color:var(--classic-orange)!important}.landingV5328 .supportHead h3{color:#203146!important}.landingV5328 .supportHead p{color:#7a8898!important}.landingV5328 .supportHead button{background:#f4f6f8!important;border:1px solid #dfe5ea!important;color:#566579!important}.landingV5328 .supportChannel{background:#fff!important;border:1px solid #e2e7ec!important;color:#304156!important}.landingV5328 .supportChannel:hover{background:#fff8f4!important;border-color:#f2b79d!important}.landingV5328 .supportChannel>span{background:#fff1ea!important;color:var(--classic-orange)!important}.landingV5328 .supportChannel small{color:#8793a1!important}.landingV5328 .supportChannel em{color:#9aa4af!important}.landingV5328 .supportNote{color:#909ba8!important}

/* ---------- Main app: restore compact orange/white system ---------- */
.appBody{background:#f4f7f9!important;color:#2f4055!important;font-size:13px!important;line-height:1.45!important}
.appBody .topbar{height:60px!important;padding:0 16px!important;background:#fff!important;border-bottom:1px solid #dfe5ea!important;box-shadow:0 1px 5px rgba(31,47,67,.05)!important}
.appBody .topLeft{gap:22px!important}.appBody .topbar .brand{gap:9px!important}.appBody .topbar .logoBox{width:40px!important;height:40px!important;border-radius:10px!important;background:linear-gradient(145deg,#ff7b37,var(--classic-orange-2))!important;color:#fff!important;font-size:11px!important;box-shadow:0 5px 14px rgba(244,81,30,.16)!important}.appBody .topbar .brand b{font-size:15px!important;line-height:20px!important;color:#203146!important;font-weight:700!important}
.appBody .topMenu{height:60px!important;gap:4px!important}.appBody .topItem{height:60px!important;line-height:60px!important;padding:0 13px!important;font-size:12px!important;font-weight:650!important;color:#556478!important;background:transparent!important}.appBody .topItem.active{color:var(--classic-orange)!important}.appBody .topItem.active:after{background:var(--classic-orange)!important;height:3px!important}.appBody .topItem:hover{color:#c95324!important;background:#fff9f6!important}
.appBody .topRight{gap:10px!important;color:#657386!important;font-size:11px!important}.appBody .connected{font-size:11px!important}.appBody .workspaceBadge{min-height:32px!important;padding:0 11px!important;background:#fff3ed!important;border:1px solid #f4c0a6!important;color:#b94b1f!important;font-size:11px!important}.appBody .userBtn{min-height:34px!important;padding:0 12px!important;background:#f6f8fa!important;border:1px solid #e0e6eb!important;color:#35465a!important;border-radius:8px!important;font-size:11px!important}
.appBody .workspace{height:calc(100vh - 60px)!important;grid-template-columns:360px minmax(0,1fr)!important}.appBody .navPanel{background:#fff!important;border-right:1px solid #dfe5ea!important}.appBody .panelTabs{height:48px!important;background:#fff!important;border-bottom:1px solid #e7ecf0!important}.appBody .tabBtn{height:48px!important;line-height:48px!important;background:#fff!important;color:#667487!important;font-size:11px!important;border-right:1px solid #edf1f4!important}.appBody .tabBtn.active{color:var(--classic-orange)!important;background:#fff!important}.appBody .tabBtn.active:after{background:var(--classic-orange)!important;height:3px!important}
.appBody .statusSectionHead{padding:14px 16px 12px!important;background:#fff!important}.appBody .statusSectionHead span{font-size:13px!important;line-height:18px!important;color:#33455a!important;font-weight:700!important}.appBody .statusAddBtn{min-width:78px!important;height:34px!important;padding:0 12px!important;border-radius:8px!important;background:linear-gradient(135deg,#ff7435,var(--classic-orange-2))!important;color:#fff!important;font-size:11px!important;box-shadow:0 5px 12px rgba(244,81,30,.13)!important}
.appBody .searchRow{padding:0 16px 12px!important;background:#fff!important}.appBody .searchBox{height:40px!important;border:1px solid #d6dee5!important;border-radius:9px!important;background:#fff!important;padding:0 11px!important}.appBody .searchBox:focus-within{border-color:#f0a17d!important;box-shadow:0 0 0 3px rgba(255,106,43,.08)!important}.appBody .searchBox span{font-size:16px!important;color:#98a4b2!important}.appBody .searchBox input{font-size:11.5px!important;line-height:16px!important;color:#314257!important;margin-left:8px!important}.appBody .searchBox input::placeholder{color:#9ba7b5!important}
.appBody .deviceFilterBar{display:flex!important;gap:7px!important;padding:0 16px 11px!important;background:#fff!important;border-bottom:1px solid #edf1f4!important;overflow-x:auto!important}.appBody .deviceFilterBtn{height:34px!important;min-height:34px!important;line-height:32px!important;padding:0 11px!important;border:1px solid #dce3e9!important;border-radius:999px!important;background:#fff!important;color:#5d6c7f!important;font-size:10.5px!important;font-weight:650!important;white-space:nowrap!important}.appBody .deviceFilterBtn.active{background:#fff3ed!important;border-color:#f0a07b!important;color:#c95324!important;box-shadow:0 0 0 2px rgba(255,106,43,.05)!important}
.appBody .statusLegend{min-height:36px!important;padding:8px 16px!important;gap:14px!important;background:#fff!important;border-bottom:1px solid #edf1f4!important;font-size:9.5px!important;color:#768496!important}.appBody .statusHeadBar{height:38px!important;padding:0 16px!important;background:#f8fafb!important;color:#5f6f83!important;font-size:10.5px!important}.appBody .statusHeadBar small{font-size:9.5px!important;color:#95a0ad!important}
.appBody .statusBigList{padding:12px 12px 76px!important;background:#f5f7f9!important}.appBody .deviceStatusRow.compactDeviceRow{grid-template-columns:50px 1fr!important;gap:12px!important;min-height:118px!important;padding:13px!important;margin-bottom:9px!important;background:#fff!important;border:1px solid #e1e7ec!important;border-radius:12px!important;box-shadow:0 3px 10px rgba(31,47,67,.04)!important}.appBody .deviceStatusRow.compactDeviceRow:hover{border-color:#f1b597!important;box-shadow:0 6px 14px rgba(31,47,67,.07)!important}.appBody .deviceStatusRow.compactDeviceRow.active{border-color:#f08b60!important;box-shadow:0 0 0 2px rgba(255,106,43,.08)!important;background:#fffaf7!important}.appBody .compactDeviceIcon.deviceIcon.big{width:50px!important;height:50px!important;border-radius:12px!important;font-size:21px!important}.appBody .compactIdentity b{font-size:14px!important;line-height:19px!important;color:#223348!important}.appBody .compactIdentity small{font-size:10px!important;line-height:14px!important;color:#8290a0!important}.appBody .compactChevron{font-size:21px!important;color:#a0abb7!important}.appBody .compactAddress{margin-top:8px!important;gap:7px!important}.appBody .compactAddressMeta{font-size:9px!important;line-height:13px!important}.appBody .compactAddressCopy>b{font-size:11px!important;line-height:16px!important;color:#4b5b6e!important}.appBody .compactFooter{margin-top:8px!important}.appBody .compactStatus,.appBody .compactBattery{font-size:10px!important;line-height:14px!important}.appBody .compactBattery b{font-size:11px!important}
.appBody .bottomMiniBar{height:48px!important;padding:7px 10px!important;gap:7px!important;background:#fff!important;border-top:1px solid #e1e7ec!important}.appBody .bottomMiniBar button,.appBody .bottomMiniBar a{font-size:10.5px!important;line-height:14px!important;border-radius:8px!important;border:1px solid #dce3e9!important;background:#fff!important;color:#4a5b70!important;font-weight:650!important}.appBody .bottomMiniBar button:hover,.appBody .bottomMiniBar a:hover{border-color:#f0a17d!important;background:#fff8f4!important;color:#bd4c20!important}
.appBody .fleetSummary{top:12px!important;left:12px!important;background:#fff!important;border:1px solid #dfe5ea!important;border-radius:10px!important;box-shadow:0 7px 20px rgba(31,47,67,.10)!important;overflow:hidden!important}.appBody .fleetSummary>div{min-width:82px!important;padding:8px 11px!important;background:#fff!important;border-right:1px solid #e9edf1!important}.appBody .fleetSummary span{font-size:9px!important;color:#7e8b9a!important}.appBody .fleetSummary b{font-size:16px!important;color:#26384d!important}.appBody #sumMoving{color:var(--classic-orange)!important}.appBody #sumStopped{color:#22a96a!important}.appBody #sumOffline{color:#8793a0!important}
.appBody .mapControlBar{right:10px!important;top:10px!important;gap:5px!important}.appBody .mapControlBar>button,.appBody .mapDropdownWrap>button{width:34px!important;height:34px!important;border-radius:8px!important;border:1px solid #d6dee5!important;background:#fff!important;color:#526176!important;box-shadow:0 2px 8px rgba(31,47,67,.07)!important;font-size:11px!important}.appBody .mapControlBar button.activeCtrl{background:#fff2eb!important;color:var(--classic-orange)!important;border-color:#f0b79a!important}.appBody .sidebarToggleBtn{width:28px!important;height:58px!important;border-radius:0 10px 10px 0!important;background:#fff!important;color:#6d7b8d!important;border:1px solid #dce3e9!important;border-left:0!important}
.appBody .detailsPanel{width:345px!important;right:52px!important;top:10px!important;max-height:calc(100vh - 82px)!important;overflow:auto!important;padding:15px!important;background:#fff!important;border:1px solid #dfe5ea!important;border-radius:12px!important;box-shadow:0 12px 34px rgba(31,47,67,.15)!important;color:#304156!important}.appBody .detailsTop h3{font-size:17px!important;line-height:22px!important;color:#223348!important}.appBody .typeLabel{font-size:8.5px!important;color:var(--classic-orange)!important}.appBody .detailsStatus{font-size:10.5px!important;color:#708094!important}.appBody .addressBlock span{font-size:9px!important;color:#8996a5!important}.appBody .addressBlock #detailsAddress{font-size:12.5px!important;line-height:18px!important;color:#33465a!important}.appBody .addressBlock #detailsUpdated{font-size:9.5px!important;color:#8794a3!important}.appBody .basicMetrics div{padding:9px!important;border-radius:9px!important;background:#f8fafb!important;border:1px solid #e7ecf0!important}.appBody .basicMetrics span,.appBody .basicMetrics small{font-size:8.5px!important;color:#8b97a4!important}.appBody .basicMetrics b{font-size:16px!important;color:#26374c!important}.appBody .sensorList div,.appBody .moreDetails div{font-size:10.5px!important;padding:8px 9px!important}.appBody .showMoreBtn,.appBody .detailButtons button{font-size:10.5px!important;min-height:34px!important;border-radius:8px!important}.appBody .detailButtons button:hover,.appBody .showMoreBtn:hover{border-color:#f0a17d!important;color:#bd4b1e!important;background:#fff8f4!important}

/* Compact tools / geofence: white floating sheet with orange accent */
.appBody .toolsDropdown.simpleToolsMenu{width:330px!important;left:150px!important;top:56px!important;padding:7px!important;background:#fff!important;border:1px solid #dfe5ea!important;border-radius:12px!important;box-shadow:0 16px 38px rgba(31,47,67,.16)!important}.appBody .simpleToolsMenu button{min-height:52px!important;padding:8px 10px!important;gap:10px!important;border-radius:9px!important;background:#fff!important}.appBody .simpleToolsMenu button:hover{background:#fff8f4!important}.appBody .menuIcon{width:29px!important;height:29px!important;font-size:16px!important;border-radius:8px!important;background:#fff3ed!important;color:var(--classic-orange)!important}.appBody .menuText b{font-size:12px!important;line-height:17px!important;color:#2f4055!important}.appBody .menuText small{font-size:9.5px!important;line-height:13px!important;color:#8390a0!important}
.appBody .toolDrawer{top:72px!important;bottom:12px!important;right:-410px!important;width:370px!important;height:auto!important;max-height:calc(100vh - 84px)!important;padding:15px!important;background:#fff!important;border:1px solid #dfe5ea!important;border-radius:14px!important;box-shadow:0 18px 52px rgba(31,47,67,.18)!important;overflow:auto!important}.appBody .toolDrawer.show{right:12px!important}.appBody .drawerHeader{top:-15px!important;background:#fff!important;border-bottom:1px solid #edf1f4!important;padding:7px 2px 11px!important}.appBody .drawerHeader span{font-size:8.5px!important;color:var(--classic-orange)!important}.appBody .drawerHeader h3{font-size:18px!important;line-height:23px!important;color:#223348!important}.appBody .drawerHeader button{width:32px!important;height:32px!important;background:#f4f6f8!important;color:#556478!important;border-radius:8px!important}.appBody .toolBlock{padding:12px!important;margin-top:10px!important;border:1px solid #e1e7ec!important;border-radius:10px!important;background:#fff!important}.appBody .toolBlock h4{font-size:13px!important;line-height:18px!important;color:#2f4055!important}.appBody .toolBlock p{font-size:10px!important;line-height:15px!important;color:#78879a!important}.appBody .toolBlock label{font-size:10px!important;color:#556579!important}.appBody .toolBlock input,.appBody .toolBlock select,.appBody .toolBlock textarea{min-height:40px!important;padding:8px 10px!important;border:1px solid #d7dfe6!important;border-radius:8px!important;font-size:11px!important;color:#314257!important;background:#fff!important}.appBody .toolBlock>button,.appBody .toolBlock .secondaryToolBtn,.appBody .toolBlock a.carOpenLink{min-height:38px!important;padding:8px 11px!important;border-radius:8px!important;font-size:10.5px!important}.appBody .geoRadiusPresets button{background:#fff!important;border-color:#dce3e9!important;color:#4e5e72!important}.appBody .geoRadiusPresets button.active,.appBody .geoRadiusPresets button:hover{background:#fff3ed!important;border-color:#f0a17d!important;color:#bf4c1f!important}

/* Dialogs throughout app */
.appBody .modal{background:rgba(31,47,67,.30)!important;backdrop-filter:blur(4px)!important}.appBody .modalCard{width:min(450px,calc(100vw - 36px))!important;max-height:min(680px,calc(100vh - 36px))!important;padding:17px!important;background:#fff!important;border:1px solid #dfe5ea!important;border-radius:13px!important;box-shadow:0 24px 70px rgba(31,47,67,.22)!important;color:#2f4055!important}.appBody .modalHead h3{font-size:18px!important;line-height:23px!important;color:#223348!important}.appBody .modalHead span{font-size:8.5px!important;color:var(--classic-orange)!important}.appBody .modalHead button{width:32px!important;height:32px!important;background:#f4f6f8!important;color:#566579!important;border-radius:8px!important}.appBody .modalCard label{font-size:10px!important;color:#57677b!important}.appBody .modalCard input,.appBody .modalCard select{min-height:40px!important;padding:8px 10px!important;font-size:11px!important;border-radius:8px!important;border:1px solid #d8e0e7!important}.appBody .modalPrimary{min-height:40px!important;font-size:11px!important;border-radius:8px!important;background:linear-gradient(135deg,#ff7435,var(--classic-orange-2))!important;color:#fff!important;border:0!important}

/* History / alerts: modest type scale */
.appBody #alertsTab>.sectionTitle,.appBody .historyPaneHead .sectionTitle{font-size:14px!important;line-height:19px!important;padding:14px 16px 6px!important;color:#34465a!important}.appBody .historyPaneHead p{font-size:10px!important;line-height:15px!important;margin:3px 16px 0!important;color:#7d8b9b!important}.appBody .historyPane>label{font-size:10px!important;margin:10px 16px 4px!important}.appBody .historyPane>select,.appBody .historyDateRow input{height:40px!important;font-size:11px!important;border-radius:8px!important}.appBody .historyDateRow{gap:7px!important;margin:10px 16px!important}.appBody .historyDateRow label span{font-size:9px!important}.appBody .historyPrimaryBtn{min-height:40px!important;margin:0 16px 10px!important;border-radius:8px!important;font-size:11px!important;background:linear-gradient(135deg,#ff7435,var(--classic-orange-2))!important;color:#fff!important}.appBody .historySummaryBox,.appBody .historyReplay{margin-left:16px!important;margin-right:16px!important;border-radius:10px!important;padding:11px!important}.appBody .historySummaryTitle{font-size:12px!important}.appBody .historyStats span{font-size:8.5px!important}.appBody .historyStats b{font-size:12px!important}.appBody .historyTimelineHead{padding:2px 16px 7px!important}.appBody .historyTimelineHead b{font-size:10.5px!important}.appBody .historyTimelineHead span{font-size:8.5px!important}.appBody .historyTimeline{padding:0 16px 16px!important}.appBody .historyEvent{padding:9px!important;border-radius:9px!important}.appBody .historyEventTime{font-size:8.5px!important}.appBody .historyEventBody b{font-size:10.5px!important}.appBody .historyEventAddress{font-size:9.5px!important;line-height:14px!important}.appBody .historyEventBody small{font-size:8.5px!important}

@media(max-width:1100px){
  .appBody .workspace{grid-template-columns:330px minmax(0,1fr)!important}
  .appBody .toolDrawer{width:350px!important;right:-390px!important}
  .appBody .toolDrawer.show{right:10px!important}
}
@media(max-width:780px){
  .landingV5328 .heroShop{padding:48px 18px 36px!important}.landingV5328 .heroCopyShop h1{font-size:36px!important}.landingV5328 .shopGrid{grid-template-columns:1fr!important}.landingV5328 .detailModal{grid-template-columns:1fr!important;max-height:78vh!important}.landingV5328 .modalProductVisual{min-height:170px!important}.landingV5328 .cartDrawer{top:auto!important;left:10px!important;right:10px!important;bottom:10px!important;width:auto!important;height:auto!important;max-height:72vh!important;border-radius:16px!important;transform:translateY(calc(100% + 24px))!important}.landingV5328 .cartDrawer.open{transform:none!important}.landingV5328 .supportPanel{right:12px!important;bottom:68px!important}
  .appBody .topbar{height:56px!important;padding:0 10px!important}.appBody .workspace{height:calc(100vh - 56px)!important;grid-template-columns:min(84vw,330px) minmax(0,1fr)!important}.appBody .topbar .logoBox{width:36px!important;height:36px!important}.appBody .topbar .brand b{font-size:13px!important}.appBody .topMenu{display:none!important}.appBody .topRight{gap:6px!important}.appBody .workspaceBadge{display:none!important}.appBody .connected{font-size:9.5px!important}.appBody .userBtn{min-height:32px!important;font-size:9.5px!important;padding:0 9px!important}.appBody .fleetSummary{display:none!important}.appBody .detailsPanel{left:10px!important;right:10px!important;top:10px!important;width:auto!important;max-height:60vh!important}.appBody .toolsDropdown.simpleToolsMenu{left:10px!important;right:10px!important;top:60px!important;width:auto!important;max-height:68vh!important}.appBody .toolDrawer{top:auto!important;bottom:10px!important;right:-100vw!important;width:calc(100vw - 20px)!important;height:auto!important;max-height:70vh!important;border-radius:15px!important;padding:13px!important}.appBody .toolDrawer.show{right:10px!important}
}

/* =========================================================
   V5.3.31 — Refined orange landing / typography reset
   ========================================================= */
body.landingV5331{font-family:Arial,"Segoe UI","Noto Sans",sans-serif!important;background:#fff;color:#1d2c41;-webkit-font-smoothing:antialiased;text-rendering:auto}
.landingV5331 *{font-family:inherit}
.landingV5331 .siteShell{background:#fff}
.refinedNav{background:rgba(255,255,255,.96)!important;border-bottom:1px solid #edf1f5!important;backdrop-filter:blur(16px);position:sticky;top:0;z-index:80}
.refinedNav .siteNavLinks a{font-size:15px;font-weight:650;color:#4b5b6e}
.refinedNav .siteNavLinks a:hover{color:#ff6427}
.refinedNav .navMapBtn{padding:10px 16px;border-radius:12px;background:#ff6427;color:#fff!important}

.heroRefined{max-width:1500px;margin:0 auto;padding:72px 54px 74px;display:grid;grid-template-columns:minmax(420px,.88fr) minmax(600px,1.12fr);align-items:center;gap:48px;min-height:700px;overflow:hidden}
.heroRefinedCopy{max-width:650px}
.heroRefinedKicker{font-size:14px;font-weight:700;letter-spacing:.12em;color:#ff6427;display:flex;align-items:center;gap:9px;margin-bottom:22px}
.heroRefinedKicker span{width:9px;height:9px;border-radius:50%;background:#ff6427;box-shadow:0 0 0 6px #fff1ea}
.heroRefined h1{font-size:clamp(54px,5vw,86px);line-height:.99;letter-spacing:-.045em;margin:0;color:#1b2b40;font-weight:700;max-width:720px}
.heroRefined h1 em{font-style:normal;color:#ff6427}
.heroRefinedCopy>p{font-size:21px;line-height:1.62;color:#66778c;margin:28px 0 28px;max-width:650px}
.heroRefinedActions{display:flex;gap:12px;align-items:center;margin:0 0 24px}
.heroRefinedActions a{min-width:170px;text-align:center;padding:14px 22px;border-radius:14px;font-size:16px;font-weight:700;text-decoration:none;transition:.18s ease}
.heroActionPrimary{background:#ff6427;color:#fff;box-shadow:0 10px 24px rgba(255,100,39,.18)}
.heroActionPrimary:hover{transform:translateY(-1px);background:#f4561c}
.heroActionSecondary{border:1px solid #d7dfe7;color:#26374d;background:#fff}
.heroActionSecondary:hover{border-color:#ff9c72;color:#e65018;background:#fff8f4}
.heroRefinedTrust{display:flex;flex-wrap:wrap;gap:12px 24px;color:#75869a;font-size:14px}
.heroRefinedTrust span{display:flex;align-items:center;gap:8px}.heroRefinedTrust i{width:7px;height:7px;border-radius:50%;background:#ff6427}

.desktopVisual{position:relative;height:590px;isolation:isolate}
.deskGlow{position:absolute;inset:65px 35px 30px 80px;background:radial-gradient(circle at 55% 42%,rgba(255,113,52,.15),rgba(255,255,255,0) 63%);filter:blur(6px)}
.deskWindow{position:absolute;background:#fff;border:1px solid #e2e9ef;border-radius:18px;box-shadow:0 22px 70px rgba(39,58,77,.14);overflow:hidden}
.deskMain{width:76%;height:420px;right:0;top:82px;animation:deskFloat 7s ease-in-out infinite}
.deskBar{height:58px;border-bottom:1px solid #eef2f5;display:flex;align-items:center;padding:0 18px;gap:13px;color:#526479;font-size:14px}
.deskLogo{width:38px;height:38px;border-radius:10px;background:#ff6427;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800}.deskBar b{font-size:15px;color:#26384e}.deskLive{margin-left:auto;color:#ff6427;font-size:11px;font-weight:700;letter-spacing:.08em}
.deskMap{position:relative;height:calc(100% - 58px);background:linear-gradient(135deg,#f7fafc 0%,#eef4f6 100%);overflow:hidden}
.deskMap:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#dde6ec 1px,transparent 1px),linear-gradient(90deg,#dde6ec 1px,transparent 1px);background-size:46px 46px;opacity:.55}
.deskRoad{position:absolute;height:16px;background:#dbe4e9;border-radius:30px;opacity:.9;transform-origin:left center}.roadA{width:85%;left:5%;top:68%;transform:rotate(-12deg)}.roadB{width:72%;left:18%;top:35%;transform:rotate(21deg)}.roadC{width:58%;left:44%;top:77%;transform:rotate(-36deg)}
.routeSvg{position:absolute;inset:6% 5% 4%;width:90%;height:90%}.deskPin{position:absolute;width:19px;height:19px;border-radius:50% 50% 50% 0;background:#ff6427;transform:rotate(-45deg);box-shadow:0 0 0 7px rgba(255,100,39,.13)}.deskPin:after{content:"";position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;left:6px;top:6px}.pin1{left:16%;bottom:14%}.pin2{left:55%;top:46%}.pin3{right:10%;top:15%}
.mapInfoCard{position:absolute;right:22px;bottom:20px;background:#fff;border-radius:15px;padding:15px 16px;display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;box-shadow:0 10px 30px rgba(31,48,65,.14);min-width:270px}.mapInfoCard .carDot{width:34px;height:34px;border-radius:10px;background:#fff1ea;color:#ff6427;display:grid;place-items:center}.mapInfoCard b{display:block;font-size:15px;color:#23364c}.mapInfoCard small{display:block;margin-top:3px;color:#8090a3;font-size:12px}.mapInfoCard strong{color:#ff6427;font-size:13px}
.deskLeft{width:35%;left:0;top:148px;padding:18px;animation:deskFloatAlt 8s ease-in-out infinite}.miniPanelHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.miniPanelHead span{font-size:12px;font-weight:700;color:#ff6427}.miniPanelHead b{font-size:11px;color:#8796a8}.miniDeviceRow{display:flex;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #eef2f4}.miniDeviceRow:first-of-type{border-top:0}.miniDeviceRow .dot{width:9px;height:9px;border-radius:50%}.dot.green{background:#25bd85}.dot.orange{background:#ff6427}.miniDeviceRow b{display:block;font-size:13px;color:#26384e}.miniDeviceRow small{font-size:11px;color:#8a98a8}
.deskAlert{left:16%;bottom:35px;padding:15px 18px;display:flex;gap:12px;align-items:center;animation:deskFloat 6s ease-in-out infinite reverse}.alertIcon{width:36px;height:36px;border-radius:50%;background:#e8f8f1;color:#1caa75;display:grid;place-items:center;font-weight:900}.deskAlert b{display:block;font-size:13px;color:#26384e}.deskAlert small{font-size:11px;color:#8696a7}
.deskHistory{right:5%;top:24px;padding:15px 18px;animation:deskFloatAlt 7.5s ease-in-out infinite}.deskHistory span{display:block;color:#ff6427;font-size:10px;font-weight:700;letter-spacing:.12em}.deskHistory b{display:block;font-size:20px;color:#21344a;margin:4px 0}.deskHistory small{font-size:11px;color:#8997a8}
@keyframes deskFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-8px,0)}}@keyframes deskFloatAlt{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(5px,6px,0)}}
@media (prefers-reduced-motion:reduce){.deskMain,.deskLeft,.deskAlert,.deskHistory{animation:none!important}}

.refinedBenefits{max-width:1390px;margin:0 auto 56px;padding:0 28px;grid-template-columns:repeat(4,1fr);gap:12px}.refinedBenefits article{border:1px solid #e6ebef;background:#fff;border-radius:16px;padding:18px 19px;box-shadow:0 8px 26px rgba(34,55,75,.04)}.refinedBenefits .benefitIcon{font-size:19px;color:#ff6427;background:#fff1eb}.refinedBenefits b{font-size:16px}.refinedBenefits p{font-size:14px;line-height:1.5;margin-top:4px}
.refinedProducts{max-width:1500px;margin:0 auto;padding:72px 32px 92px}.refinedSectionHead{align-items:end}.refinedSectionHead h2{font-size:40px;letter-spacing:-.025em}.refinedSectionHead p{font-size:17px;line-height:1.6;max-width:850px}.refinedSectionHead .sectionCartBtn{font-size:14px;padding:11px 15px}
.refinedShopGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:stretch}.refinedCard{display:flex;flex-direction:column;background:#fff;border:1px solid #e0e6ec;border-radius:19px;overflow:hidden;box-shadow:0 10px 34px rgba(29,48,68,.06);min-width:0}.refinedCard:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(29,48,68,.1);border-color:#f5b394}
.contextVisual{height:230px;position:relative;background:linear-gradient(180deg,#f8fafb,#eef3f6);display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid #e4e9ee}.contextVisual .productBadge{position:absolute;left:16px;top:14px;z-index:5}.contextCaption{position:absolute;left:12px;right:12px;bottom:12px;text-align:center;font-size:13px;color:#77889c;font-weight:600}.sceneIcon{width:78%;height:62%;fill:none;stroke:#7e8e9e;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;opacity:.75}.tinyTracker{position:absolute;background:#1c2b39;color:#fff;font-size:9px;font-weight:700;display:grid;place-items:center;box-shadow:0 8px 18px rgba(23,41,58,.25);border-radius:6px;border:1px solid #34495d}.trackerOnScooter{width:30px;height:18px;left:45%;top:51%}.trackerUnderCar{width:38px;height:20px;left:49%;top:62%}.sceneObd{display:block}.dashLine{position:absolute;left:12%;right:12%;top:36%;height:62px;border-radius:18px 18px 8px 8px;border:5px solid #82909e;border-bottom-width:12px}.dashLine span{position:absolute;width:24px;height:10px;background:#a9b4be;border-radius:9px;top:14px}.dashLine span:nth-child(1){left:14%}.dashLine span:nth-child(2){left:42%}.dashLine span:nth-child(3){right:14%}.obdPort{position:absolute;left:50%;top:56%;transform:translateX(-50%);width:52px;height:24px;border-radius:6px;background:#6f7f8e;box-shadow:inset 0 0 0 5px #c7d0d7}.obdPlug{width:38px;height:30px;left:50%;top:64%;transform:translateX(-50%);border-radius:7px}.sceneTag{display:block}.bagShape{position:absolute;width:94px;height:104px;left:27%;top:31%;border:7px solid #83919e;border-radius:24px 24px 17px 17px}.bagShape:before{content:"";position:absolute;width:47px;height:26px;border:7px solid #83919e;border-bottom:0;border-radius:25px 25px 0 0;left:16px;top:-29px}.bagShape span{position:absolute;width:42px;height:5px;background:#b6c1ca;left:20px;top:38px;border-radius:5px}.collarShape{position:absolute;width:76px;height:76px;border:8px solid #ffb089;border-radius:50%;right:22%;top:37%}.tagOnBag{width:27px;height:34px;left:42%;top:47%;border-radius:9px}.sceneAndroid{display:block;background:linear-gradient(160deg,#f7fafb,#fff4ee)}.androidBadge{color:#fff!important;background:#ff6427!important;border-color:#ff6427!important}.carScreen{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:76%;height:47%;border:10px solid #1e2d3c;border-radius:20px;background:#fff;box-shadow:0 16px 34px rgba(29,48,68,.18)}.screenMap{position:absolute;inset:8px;background:linear-gradient(135deg,#edf4f6,#f7f9fb);overflow:hidden}.screenMap:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#dce5ea 1px,transparent 1px),linear-gradient(90deg,#dce5ea 1px,transparent 1px);background-size:24px 24px}.screenRoute{position:absolute;width:68%;height:6px;background:#ff6427;border-radius:8px;left:13%;top:55%;transform:rotate(-12deg);box-shadow:48px -18px 0 -1px rgba(255,100,39,.3)}.screenPin{position:absolute;width:18px;height:18px;border-radius:50%;background:#ff6427;right:18%;top:24%;box-shadow:0 0 0 7px rgba(255,100,39,.15)}
.refinedCard .shopBody{padding:22px 20px 20px;display:flex;flex-direction:column;flex:1}.refinedCard .shopUse{font-size:13px;line-height:1.35}.refinedCard h3{font-size:23px;line-height:1.22;letter-spacing:-.018em;margin-top:12px}.refinedCard .shopDesc{font-size:16px;line-height:1.55;min-height:74px;margin:15px 0 13px}.refinedCard ul{font-size:15px;line-height:1.6;margin:0 0 18px}.refinedCard li{margin:5px 0}.refinedCard li:before{background:#ff6427}.refinedCard .singleAction{margin-top:auto;display:block}.refinedCard .singleAction .detailBtn{width:100%;min-height:48px;background:#ff6427;color:#fff;border-color:#ff6427;font-size:15px;font-weight:750}.refinedCard .singleAction .detailBtn:hover{background:#f2541c}.androidCard{border-color:#ffbea0}.androidCard .shopBody{background:#fffaf7}.discreetNote{font-size:13px;color:#8a98a7;text-align:center;margin-top:22px}

.refinedModal{width:min(900px,calc(100vw - 36px));max-height:min(760px,calc(100vh - 44px));grid-template-columns:300px 1fr;background:#fff;border-radius:22px}.refinedModal .modalProductVisual{background:#f5f8fa}.refinedModal .modalContent{padding:34px 34px 30px}.refinedModal h2{font-size:30px}.refinedModal .modalContent>p{font-size:16px;line-height:1.6}.refinedModal .detailInfoGrid p{font-size:14px;line-height:1.55}.modalAndroidScreen{width:210px;height:128px;border:10px solid #1f2e3d;border-radius:20px;background:linear-gradient(135deg,#edf4f5,#fff);position:relative;box-shadow:0 20px 35px rgba(30,48,66,.16)}.modalAndroidScreen:before{content:"";position:absolute;inset:8px;background-image:linear-gradient(#dae4e9 1px,transparent 1px),linear-gradient(90deg,#dae4e9 1px,transparent 1px);background-size:25px 25px}.modalAndroidScreen b{position:absolute;left:15px;top:12px;color:#23374a;font-size:14px}.modalAndroidScreen small{position:absolute;left:15px;bottom:12px;color:#738497}.modalScreenPin{position:absolute;width:18px;height:18px;border-radius:50%;background:#ff6427;right:35px;top:42px;z-index:3;box-shadow:0 0 0 8px rgba(255,100,39,.13)}
.refinedFooter{margin-top:0}

@media (max-width:1400px){.heroRefined{grid-template-columns:1fr 1fr;padding-left:36px;padding-right:36px}.refinedShopGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1000px){.heroRefined{grid-template-columns:1fr;padding:54px 24px 44px;min-height:auto}.heroRefinedCopy{max-width:780px}.desktopVisual{height:520px;max-width:800px;width:100%;margin:0 auto}.refinedBenefits{grid-template-columns:repeat(2,1fr)}.refinedShopGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.refinedSectionHead{align-items:start}.refinedNav .siteNavLinks>a:not(.navMapBtn){display:none}}
@media (max-width:680px){.heroRefined{padding:42px 18px 32px;gap:28px}.heroRefined h1{font-size:48px}.heroRefinedCopy>p{font-size:18px}.heroRefinedActions{display:grid;grid-template-columns:1fr 1fr}.heroRefinedActions a{min-width:0;padding:13px 10px}.heroRefinedTrust{font-size:12px;gap:10px 14px}.desktopVisual{height:390px}.deskMain{width:92%;height:300px;top:55px}.deskBar{height:46px;padding:0 12px}.deskMap{height:calc(100% - 46px)}.deskLeft{width:43%;left:0;top:105px;padding:11px}.miniDeviceRow:nth-of-type(3){display:none}.deskAlert{left:6%;bottom:6px;padding:10px 12px}.deskHistory{right:0;top:2px;padding:10px 12px}.mapInfoCard{right:10px;bottom:10px;min-width:205px;padding:10px}.mapInfoCard strong{display:none}.refinedBenefits{grid-template-columns:1fr;padding:0 18px;margin-bottom:20px}.refinedProducts{padding:48px 16px 68px}.refinedSectionHead h2{font-size:32px}.refinedSectionHead p{font-size:16px}.sectionCartBtn{display:none!important}.refinedShopGrid{grid-template-columns:1fr}.contextVisual{height:220px}.refinedCard h3{font-size:25px}.refinedCard .shopDesc{min-height:0}.refinedModal{display:block;overflow:auto}.refinedModal .modalProductVisual{height:210px}.refinedModal .modalContent{padding:26px 20px}.refinedNav .cartNavBtn span{display:none}}

/* =========================================================
   V5.3.32 — Orange consumer landing: compact product rail,
   connected-world hero and warm footer
   ========================================================= */
body.landingV5331{background:#fff;color:#1d2c41}
.landingV5331 .refinedNav{background:rgba(255,255,255,.97)!important;border-bottom:1px solid #f0e7e1!important;box-shadow:0 5px 24px rgba(53,65,78,.04)}
.landingV5331 .refinedNav .brandMark{background:#ff6427!important}
.landingV5331 .refinedNav .navMapBtn{background:#ff6427!important;box-shadow:0 8px 20px rgba(255,100,39,.14)}
.landingV5331 .cartNavBtn b{background:#ff6427!important;color:#fff!important}

.heroRefined{max-width:1540px;padding:62px 54px 66px;grid-template-columns:minmax(420px,.78fr) minmax(650px,1.22fr);gap:48px;min-height:650px}
.heroRefinedCopy{max-width:630px}
.heroRefinedKicker{font-size:13px;margin-bottom:18px}
.heroRefined h1{font-size:clamp(56px,4.7vw,78px);line-height:1.02;letter-spacing:-.042em;max-width:660px}
.heroRefinedCopy>p{font-size:20px;line-height:1.58;margin:24px 0 25px;color:#65758a}
.heroRefinedActions a{font-size:16px;min-width:165px;border-radius:13px;padding:13px 20px}
.heroRefinedTrust{font-size:13px;gap:10px 20px}

.heroConnectedVisual{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;isolation:isolate}
.heroConnectedVisual img{position:relative;z-index:2;width:100%;max-width:880px;height:auto;display:block;border-radius:30px;box-shadow:0 30px 80px rgba(42,57,72,.12);animation:heroConnectedFloat 7s ease-in-out infinite;transform-origin:center center}
.heroVisualHalo{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none;z-index:1}.haloOne{width:430px;height:430px;right:7%;top:7%;background:radial-gradient(circle,rgba(255,100,39,.12),rgba(255,100,39,0) 67%)}.haloTwo{width:360px;height:360px;left:8%;bottom:3%;background:radial-gradient(circle,rgba(255,173,119,.11),rgba(255,173,119,0) 66%)}
.heroPulse{position:absolute;z-index:3;width:10px;height:10px;border-radius:50%;background:#ff6427;box-shadow:0 0 0 0 rgba(255,100,39,.25);animation:heroPulse 2.9s ease-out infinite;pointer-events:none}.pulseA{right:19%;top:24%}.pulseB{left:26%;top:47%;animation-delay:.8s}.pulseC{right:30%;bottom:23%;animation-delay:1.5s}
@keyframes heroConnectedFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,-7px,0) scale(1.004)}}
@keyframes heroPulse{0%{box-shadow:0 0 0 0 rgba(255,100,39,.25);opacity:1}70%{box-shadow:0 0 0 18px rgba(255,100,39,0);opacity:.95}100%{box-shadow:0 0 0 0 rgba(255,100,39,0);opacity:1}}
@media(prefers-reduced-motion:reduce){.heroConnectedVisual img,.heroPulse{animation:none!important}}

.refinedBenefits{margin-bottom:30px}.refinedBenefits article{border-color:#f0e7e1;box-shadow:0 10px 28px rgba(48,64,80,.04)}.refinedBenefits .benefitIcon{color:#ff6427;background:#fff1e9}

.refinedProducts.compactProducts{max-width:1600px;padding:52px 32px 72px;background:linear-gradient(180deg,#fff 0%,#fffaf6 100%);border-radius:32px}
.compactSectionHead{align-items:flex-start;margin-bottom:24px}.compactSectionHead>div{max-width:920px}.compactSectionHead h2{font-size:38px;color:#1e2f45;margin-top:8px}.compactSectionHead p{font-size:16px;line-height:1.55;color:#718096;margin-top:10px}.compactSectionHead .sectionKicker{color:#ff6427}
.compactProductGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.compactProductCard{min-width:0;min-height:182px;background:#fff;border:1px solid #eee4dd;border-radius:18px;overflow:hidden;display:grid;grid-template-columns:42% 58%;position:relative;box-shadow:0 10px 28px rgba(38,53,68,.055);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.compactProductCard:hover{transform:translateY(-3px);border-color:#ffc3a6;box-shadow:0 16px 38px rgba(38,53,68,.085)}
.compactProductImage{position:relative;background:linear-gradient(180deg,#f9fafb,#f1f4f6);min-height:182px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.compactProductImage img{width:72%;height:72%;object-fit:contain;display:block;filter:drop-shadow(0 13px 16px rgba(30,45,59,.14));transition:transform .25s ease}.compactProductCard:hover .compactProductImage img{transform:scale(1.035)}
.compactBadge{position:absolute;left:10px;top:10px;background:#fff;border:1px solid #ffb58f;color:#e9551e;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:700;z-index:3;white-space:nowrap}
.compactProductInfo{padding:18px 18px 16px;position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0}.compactUse{font-size:10px;font-weight:700;color:#ff6427;letter-spacing:.035em;line-height:1.25;margin-bottom:8px}.compactProductInfo h3{margin:0;color:#1e3047;font-size:17px;line-height:1.25;letter-spacing:-.015em}.compactProductInfo p{font-size:12.5px;line-height:1.5;color:#74859a;margin:8px 42px 0 0}.compactArrow{position:absolute;right:14px;bottom:14px;width:38px;height:38px;border-radius:50%;border:0;background:#ff6427;color:#fff;font-size:21px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 18px rgba(255,100,39,.18);transition:transform .18s ease,background .18s ease}.compactArrow:hover{transform:translateX(2px);background:#ef551e}
.androidCompactCard{border-color:#ffc1a1}.androidProductImage{background:linear-gradient(155deg,#fff8f3,#fff)}.androidDash{width:77%;height:54%;background:#222d38;border-radius:12px;padding:8px;box-shadow:0 12px 26px rgba(30,44,58,.2);transform:perspective(400px) rotateY(-6deg)}.androidDashMap{height:100%;border-radius:7px;background:linear-gradient(135deg,#f2f5f6,#e8eff2);position:relative;overflow:hidden}.androidDashMap:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(164,179,190,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(164,179,190,.25) 1px,transparent 1px);background-size:16px 16px}.androidDashMap i{position:absolute;width:11px;height:11px;border-radius:50%;background:#ff6427;right:23%;top:29%;box-shadow:0 0 0 5px rgba(255,100,39,.14)}.androidDashMap b{position:absolute;left:10px;top:9px;font-size:10px;color:#25394e}.androidDashMap small{position:absolute;right:8px;top:9px;font-size:8px;font-weight:700;color:#ff6427}

.refinedModal{width:min(780px,calc(100vw - 34px));max-height:min(690px,calc(100vh - 40px));border:1px solid #eee4dd;box-shadow:0 26px 80px rgba(37,52,67,.22)}.refinedModal .modalProductVisual{background:#fff8f3}.refinedModal .modalContent{padding:30px 30px 26px}.refinedModal h2{font-size:27px}.refinedModal .modalContent>p{font-size:15px}.refinedModal .detailInfoGrid{gap:10px}.refinedModal .detailInfoGrid>div{background:#fffaf7;border-color:#f1e5dd}.refinedModal .modalBuyRow{border-top-color:#f0e5de}.refinedModal .modalAddBtn{background:#ff6427;border-color:#ff6427;color:#fff}

.orangeFooter{margin-top:0!important;background:linear-gradient(180deg,#fff7f1 0%,#fff2e8 100%)!important;border-top:1px solid #ffd8c3!important;color:#26394f!important;padding:0!important}
.orangeFooterInner{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr .8fr 1fr;gap:58px;padding:52px 54px 38px}.orangeFooterBrand .siteBrand{display:inline-flex;align-items:center;gap:12px;color:#1e3047;text-decoration:none;font-size:22px;font-weight:800}.orangeFooterBrand .brandMark{background:#ff6427!important;color:#fff!important}.orangeFooterBrand p{font-size:17px;font-weight:700;color:#1f3147;margin:18px 0 6px}.orangeFooterBrand small{font-size:13px;color:#74849a}.orangeFooterCol{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.orangeFooterCol>b{font-size:12px;color:#ff6427;letter-spacing:.08em;margin-bottom:5px}.orangeFooterCol a,.orangeFooterCol button,.orangeFooterCol span{font-size:14px;color:#52657b;text-decoration:none;background:none;border:0;padding:0;cursor:pointer;text-align:left}.orangeFooterCol a:hover,.orangeFooterCol button:hover{color:#e6531d}.orangeFooterBottom{border-top:1px solid #ffd8c3;max-width:1500px;margin:0 auto;padding:18px 54px 22px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#7d8998}
.supportFab{background:#ff6427!important;color:#fff!important;box-shadow:0 12px 28px rgba(255,100,39,.24)!important}.supportPanel{border-color:#f0ded4!important;box-shadow:0 18px 56px rgba(43,57,70,.16)!important}.supportHead>div>span{color:#ff6427!important}.supportChannel:hover{border-color:#ffb690!important;background:#fff8f4!important}.checkoutSupportBtn{background:#ff6427!important;color:#fff!important}.cartDrawer .drawerHead span{color:#ff6427!important}.cartDrawer .cartTotal strong{color:#1e3047!important}

@media(max-width:1400px){.heroRefined{grid-template-columns:1fr 1fr;padding-left:36px;padding-right:36px}.compactProductGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.compactProductCard{min-height:174px}.orangeFooterInner{padding-left:36px;padding-right:36px}}
@media(max-width:1000px){.heroRefined{grid-template-columns:1fr;padding:48px 24px 42px;min-height:auto}.heroConnectedVisual{min-height:auto;max-width:900px;width:100%;margin:0 auto}.heroConnectedVisual img{border-radius:24px}.compactProductGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.orangeFooterInner{grid-template-columns:1.3fr 1fr 1fr;gap:34px;padding:42px 28px 30px}.orangeFooterBrand{grid-column:1/-1}.orangeFooterBottom{padding:16px 28px 20px}}
@media(max-width:680px){.heroRefined{padding:36px 18px 30px;gap:26px}.heroRefined h1{font-size:46px}.heroRefinedCopy>p{font-size:17px}.heroConnectedVisual img{border-radius:18px}.heroPulse{display:none}.refinedProducts.compactProducts{padding:42px 14px 54px;border-radius:20px}.compactSectionHead h2{font-size:30px}.compactSectionHead p{font-size:15px}.compactProductGrid{grid-template-columns:1fr}.compactProductCard{grid-template-columns:40% 60%;min-height:160px}.compactProductImage{min-height:160px}.compactProductImage img{width:68%;height:68%}.compactProductInfo{padding:15px 14px}.compactProductInfo h3{font-size:16px}.compactProductInfo p{font-size:12px}.compactArrow{width:34px;height:34px;right:12px;bottom:12px}.orangeFooterInner{grid-template-columns:1fr 1fr;gap:26px 24px;padding:36px 20px 26px}.orangeFooterBrand{grid-column:1/-1}.orangeFooterBottom{padding:16px 20px 20px;display:block}.orangeFooterBottom span{display:block;margin-top:5px}.supportFab{right:14px!important;bottom:14px!important}}

/* =========================================================
   V5.3.33 — User-directed refinement pass
   ========================================================= */
.landingV5333{--v5333-orange:#ff6427;--v5333-orange-dark:#e94f17;--v5333-ink:#1e3047;--v5333-brown:#4e433d;--v5333-muted:#756b66;--v5333-line:#efd9cd;--v5333-cream:#fff7f1}

/* Header cart: orange icon + text + white count */
.landingV5333 .cartNavBtn{color:var(--v5333-orange)!important;border-color:#ffd1ba!important;background:#fff!important}
.landingV5333 .cartNavBtn svg{stroke:var(--v5333-orange)!important;fill:none!important}
.landingV5333 .cartNavBtn b{background:var(--v5333-orange)!important;color:#fff!important}
.landingV5333 .cartNavBtn:hover{background:#fff7f2!important;border-color:#ffb48f!important;color:var(--v5333-orange-dark)!important}

/* Hero kicker: larger and more visible */
.landingV5333 .heroRefinedKicker{font-size:17px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:.075em!important;color:var(--v5333-orange)!important;gap:12px!important;margin-bottom:20px!important}
.landingV5333 .heroRefinedKicker span{width:12px!important;height:12px!important;box-shadow:0 0 0 7px #fff0e8!important}

/* Product section hierarchy */
.landingV5333 .compactSectionHead{width:100%!important;max-width:none!important}
.landingV5333 .compactSectionHead>div{width:100%!important;max-width:none!important}
.landingV5333 .compactSectionHead .sectionKicker{display:block;font-size:17px!important;line-height:1.25!important;font-weight:700!important;letter-spacing:.055em!important;margin-bottom:12px!important;color:var(--v5333-orange)!important}
.landingV5333 .compactSectionHead h2{font-size:42px!important;line-height:1.12!important;letter-spacing:-.025em!important;color:var(--v5333-ink)!important;margin:0 0 12px!important}
.landingV5333 .compactSectionHead p{width:100%!important;max-width:none!important;font-size:18px!important;line-height:1.55!important;color:#695f5a!important;margin:0 0 26px!important;white-space:normal!important}

/* Product cards: compact horizontal, warm white, smaller visual footprint */
.landingV5333 .refinedProducts.compactProducts{max-width:1760px!important;padding:48px 28px 60px!important;background:linear-gradient(180deg,#fff 0%,#fffaf6 100%)!important}
.landingV5333 .compactProductGrid{gap:12px!important}
.landingV5333 .compactProductCard{min-height:158px!important;border-radius:16px!important;grid-template-columns:39% 61%!important;border-color:#efe1d8!important;box-shadow:0 8px 22px rgba(42,52,65,.045)!important}
.landingV5333 .compactProductImage{min-height:158px!important;background:radial-gradient(circle at 52% 48%,#fff 0 34%,#f7f3f0 68%,#f1f4f5 100%)!important}
.landingV5333 .compactProductImage:after{content:"";position:absolute;width:80px;height:80px;border:1px solid rgba(255,100,39,.14);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.landingV5333 .compactProductImage img{width:62%!important;height:62%!important;z-index:1;filter:drop-shadow(0 10px 13px rgba(31,44,56,.17))!important}
.landingV5333 .compactBadge{z-index:2}
.landingV5333 .compactProductInfo{padding:15px 14px 14px!important}
.landingV5333 .compactUse{font-size:10.5px!important;margin-bottom:6px!important;color:var(--v5333-orange)!important}
.landingV5333 .compactProductInfo h3{font-size:17px!important;line-height:1.22!important}
.landingV5333 .compactProductInfo p{font-size:12.5px!important;line-height:1.42!important;color:#756c67!important;margin-top:7px!important}
.landingV5333 .compactArrow{width:34px!important;height:34px!important;right:12px!important;bottom:12px!important;background:var(--v5333-orange)!important}
.landingV5333 .androidProductImage{background:linear-gradient(145deg,#fff7f0,#f4f7f8)!important}

/* Modal: dark readable copy, richer illustration area, step-by-step guide */
.landingV5333 .refinedModal{width:min(920px,calc(100vw - 44px))!important;max-height:min(760px,calc(100vh - 46px))!important;grid-template-columns:330px 1fr!important;border-radius:22px!important;overflow:hidden!important;background:#fff!important}
.landingV5333 .refinedModal .modalProductVisual{background:linear-gradient(180deg,#fff9f5,#fff3eb)!important;padding:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.landingV5333 .refinedModal .modalContent{padding:30px 30px 26px!important;overflow-y:auto!important;min-width:0!important}
.landingV5333 .refinedModal .modalEyebrow{font-size:13px!important;font-weight:700!important;color:var(--v5333-orange)!important;letter-spacing:.045em!important}
.landingV5333 .refinedModal h2{font-size:30px!important;line-height:1.15!important;color:#1d2d42!important;margin:10px 0 12px!important}
.landingV5333 .refinedModal .modalContent>p{font-size:16px!important;line-height:1.55!important;color:var(--v5333-brown)!important;margin:0 0 18px!important}
.landingV5333 .refinedModal .detailInfoGrid{grid-template-columns:1fr 1fr!important;gap:10px!important}
.landingV5333 .refinedModal .detailInfoGrid>div{background:#fffaf6!important;border:1px solid #efd8cb!important;border-radius:14px!important;padding:14px 15px!important}
.landingV5333 .refinedModal .detailInfoGrid b{font-size:12px!important;color:#8a4b2f!important}
.landingV5333 .refinedModal .detailInfoGrid p{font-size:13.5px!important;line-height:1.55!important;color:var(--v5333-brown)!important;margin-top:7px!important}
.landingV5333 .modalBuyRow small{color:#73675f!important;font-size:12px!important}
.landingV5333 .modalBuyRow strong{color:#1d2d42!important}

.modalContextStage{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}
.modalContextProduct{width:88%;max-height:235px;object-fit:contain;border-radius:18px;box-shadow:0 18px 35px rgba(39,49,60,.12);background:#fff}
.modalContextGrid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:9px}
.modalContextTile{min-height:82px;border:1px solid #f0d8ca;background:rgba(255,255,255,.82);border-radius:14px;padding:12px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;box-shadow:0 6px 16px rgba(64,52,43,.035)}
.modalContextTile span{font-size:24px;line-height:1}.modalContextTile b{font-size:11.5px;line-height:1.3;color:#554941}
.landingV5333 .modalAndroidScreen{width:250px!important;height:155px!important;border-color:#223343!important;background:linear-gradient(135deg,#f0f5f6,#fff)!important;box-shadow:0 18px 34px rgba(37,49,61,.14)!important}

.installGuide{margin-top:12px;border:1px solid #efd8cb;background:#fffaf7;border-radius:15px;padding:14px}
.installGuideHead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:11px}.installGuideHead b{font-size:13px;color:#8a4b2f}.installGuideHead span{font-size:11px;color:#8a7a70}
.installSteps{display:grid;grid-template-columns:1fr 1fr;gap:8px}.installStep{display:flex;gap:10px;align-items:flex-start;border:1px solid #f0e1d8;background:#fff;border-radius:12px;padding:10px}.installStep>span{flex:0 0 30px;width:30px;height:30px;border-radius:9px;background:#fff0e8;color:var(--v5333-orange);display:grid;place-items:center;font-size:10px;font-weight:900}.installStep b{font-size:12px;color:#332c28;display:block}.installStep p{font-size:11.5px!important;line-height:1.45!important;color:#675b54!important;margin:4px 0 0!important}

/* Android and all modal copy: no pale gray text */
.landingV5333 .refinedModal *{text-rendering:auto}
.landingV5333 .refinedModal .modalClose{background:#f1edea!important;color:#665a53!important}

/* Footer: balanced columns; copyright/slogan centered below */
.landingV5333 .orangeFooterInner{max-width:1540px!important;grid-template-columns:1.35fr repeat(3,1fr)!important;gap:clamp(42px,5vw,92px)!important;padding:54px 54px 38px!important;align-items:start!important}
.landingV5333 .orangeFooterBrand{min-width:0}
.landingV5333 .orangeFooterCol{min-width:0!important;width:100%!important}
.landingV5333 .orangeFooterCol>b{font-size:14px!important;font-weight:700!important;color:var(--v5333-orange)!important;margin-bottom:8px!important}
.landingV5333 .orangeFooterCol a,.landingV5333 .orangeFooterCol button,.landingV5333 .orangeFooterCol span{font-size:15px!important;line-height:1.45!important;color:#5a514c!important}
.landingV5333 .orangeFooterBottom{max-width:1540px!important;padding:19px 54px 24px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;text-align:center!important;font-size:13px!important;color:#6f645e!important}

/* Orange support throughout */
.landingV5333 .supportFab{background:var(--v5333-orange)!important;color:#fff!important}.landingV5333 .supportFab:hover{background:var(--v5333-orange-dark)!important}

@media(max-width:1400px){
  .landingV5333 .compactProductGrid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  .landingV5333 .compactProductCard{grid-template-columns:38% 62%!important}
  .landingV5333 .orangeFooterInner{gap:42px!important;padding-left:34px!important;padding-right:34px!important}
}
@media(max-width:1180px){
  .landingV5333 .compactProductGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .landingV5333 .refinedModal{grid-template-columns:1fr!important;width:min(620px,calc(100vw - 28px))!important;overflow:auto!important}
  .landingV5333 .refinedModal .modalProductVisual{min-height:260px!important}
  .landingV5333 .modalContextProduct{width:72%;max-height:190px}
  .landingV5333 .orangeFooterInner{grid-template-columns:1fr 1fr 1fr!important;gap:30px!important;padding:42px 28px 28px!important}
  .landingV5333 .orangeFooterBrand{grid-column:1/-1!important}
}
@media(max-width:680px){
  .landingV5333 .heroRefinedKicker{font-size:14px!important}
  .landingV5333 .compactSectionHead .sectionKicker{font-size:14px!important}
  .landingV5333 .compactSectionHead h2{font-size:31px!important}
  .landingV5333 .compactSectionHead p{font-size:15px!important}
  .landingV5333 .compactProductGrid{grid-template-columns:1fr!important}
  .landingV5333 .compactProductCard{min-height:154px!important}
  .landingV5333 .installSteps{grid-template-columns:1fr!important}
  .landingV5333 .refinedModal .detailInfoGrid{grid-template-columns:1fr!important}
  .landingV5333 .orangeFooterInner{grid-template-columns:1fr!important;gap:24px!important;padding:34px 20px 24px!important}
  .landingV5333 .orangeFooterBrand{grid-column:auto!important}
  .landingV5333 .orangeFooterBottom{padding:16px 20px 20px!important}
}

/* =========================================================
   AssetLive360 V5.3.34 — Compact secondary screens
   Scope: registration, current-device location sharing,
   history replay control. Functional behavior unchanged.
   ========================================================= */

/* Registration — fit comfortably in a desktop viewport */
@media (min-width:721px){
  body.authBody.premiumLoginBody .premiumAuthPage{
    max-width:1320px!important;
    padding:26px 48px 18px!important;
  }
  body.authBody.premiumLoginBody .premiumAuthHeader{gap:18px!important}
  body.authBody.premiumLoginBody .premiumLogo{width:50px!important;height:50px!important;border-radius:11px!important;font-size:13px!important}
  body.authBody.premiumLoginBody .premiumAuthBrand{gap:12px!important}
  body.authBody.premiumLoginBody .premiumAuthBrand b{font-size:22px!important}
  body.authBody.premiumLoginBody .premiumAuthTag{font-size:11px!important;letter-spacing:.18em!important;gap:12px!important}
  body.authBody.premiumLoginBody .premiumAuthTag span{width:36px!important}
  body.authBody.premiumLoginBody .premiumAuthMain{
    padding:18px 0 14px 34px!important;
    align-items:center!important;
  }
  body.authBody.premiumLoginBody .premiumRegisterCard{
    width:min(720px,calc(100vw - 96px))!important;
    padding:28px 36px 24px!important;
    border-radius:20px!important;
  }
  body.authBody.premiumLoginBody .premiumEyebrow{
    font-size:12px!important;line-height:16px!important;
    letter-spacing:.17em!important;margin-bottom:12px!important;
  }
  body.authBody.premiumLoginBody .premiumAuthCard h1{
    font-size:34px!important;line-height:1.05!important;
    letter-spacing:-.035em!important;
  }
  body.authBody.premiumLoginBody .premiumAuthLead{
    font-size:15px!important;line-height:22px!important;
    margin:12px 0 18px!important;
  }
  body.authBody.premiumLoginBody .registerGrid{gap:14px!important}
  body.authBody.premiumLoginBody .premiumAuthCard form>label,
  body.authBody.premiumLoginBody .registerGrid label{
    font-size:14px!important;line-height:19px!important;
    margin:11px 0 6px!important;
  }
  body.authBody.premiumLoginBody .premiumInputWrap{
    height:50px!important;border-radius:11px!important;
  }
  body.authBody.premiumLoginBody .premiumInputWrap input{
    font-size:15px!important;line-height:21px!important;
  }
  body.authBody.premiumLoginBody .passwordToggle{width:50px!important}
  body.authBody.premiumLoginBody .passwordToggle svg{width:20px!important;height:20px!important}
  body.authBody.premiumLoginBody .premiumLoginButton{
    height:50px!important;margin-top:18px!important;border-radius:11px!important;
    font-size:16px!important;line-height:22px!important;
  }
  body.authBody.premiumLoginBody .loginArrow{right:22px!important;font-size:24px!important}
  body.authBody.premiumLoginBody .premiumAuthMsg{font-size:12px!important;line-height:17px!important;min-height:17px!important;margin-top:7px!important}
  body.authBody.premiumLoginBody .premiumAuthFoot{
    margin-top:15px!important;padding-top:15px!important;font-size:13px!important;line-height:19px!important;
  }
  body.authBody.premiumLoginBody .premiumAuthFooter{font-size:8.5px!important;gap:11px!important;letter-spacing:.14em!important}
}

/* Current-device tracking — compact, keeps the full workflow visible */
@media (min-width:721px){
  body.senderBody.quickPhoneBody{
    padding:14px 16px!important;
  }
  body.senderBody.quickPhoneBody .phoneTrackerWrap{
    width:min(760px,calc(100% - 28px))!important;
  }
  body.senderBody.quickPhoneBody .phoneTrackerTop{
    margin-bottom:9px!important;
  }
  body.senderBody.quickPhoneBody .phoneTrackerTop .brand b{font-size:19px!important}
  body.senderBody.quickPhoneBody .phoneTrackerTop .logoBox{width:40px!important;height:40px!important;font-size:11px!important}
  body.senderBody.quickPhoneBody .phoneBackLink{font-size:13px!important}
  body.senderBody.quickPhoneBody .quickPhoneCard{
    padding:22px 26px!important;border-radius:18px!important;
  }
  body.senderBody.quickPhoneBody .phoneTrackerEyebrow{
    font-size:12px!important;line-height:16px!important;margin-bottom:6px!important;
  }
  body.senderBody.quickPhoneBody .phoneTrackerCard h1{
    font-size:30px!important;line-height:1.08!important;margin:0 0 7px!important;
  }
  body.senderBody.quickPhoneBody .phoneTrackerIntro{
    font-size:14px!important;line-height:1.45!important;margin:0 0 13px!important;
  }
  body.senderBody.quickPhoneBody .quickPhoneSteps{
    font-size:12px!important;line-height:17px!important;
    padding:9px 11px!important;gap:7px!important;margin:11px 0 6px!important;border-radius:10px!important;
  }
  body.senderBody.quickPhoneBody .quickPhoneSteps i{
    width:23px!important;height:23px!important;font-size:11px!important;
  }
  body.senderBody.quickPhoneBody .quickPhoneSteps>b{font-size:16px!important}
  body.senderBody.quickPhoneBody .linkedPhoneCard{
    margin:11px 0 3px!important;padding:12px 14px!important;gap:12px!important;border-radius:11px!important;
  }
  body.senderBody.quickPhoneBody .linkedPhoneIcon{
    width:44px!important;height:44px!important;font-size:21px!important;border-radius:11px!important;
  }
  body.senderBody.quickPhoneBody .linkedPhoneCard small{font-size:11px!important;line-height:15px!important}
  body.senderBody.quickPhoneBody .linkedPhoneCard b{font-size:17px!important;line-height:22px!important}
  body.senderBody.quickPhoneBody .linkedPhoneCard span{font-size:11px!important;line-height:15px!important}
  body.senderBody.quickPhoneBody .quickPhoneSection{margin-top:11px!important;padding-top:11px!important}
  body.senderBody.quickPhoneBody .phoneTrackerCard label{
    font-size:13px!important;line-height:18px!important;margin:8px 0 5px!important;
  }
  body.senderBody.quickPhoneBody .phoneTrackerCard input,
  body.senderBody.quickPhoneBody .phoneTrackerCard select{
    min-height:48px!important;height:48px!important;font-size:14px!important;border-radius:10px!important;padding:0 12px!important;
  }
  body.senderBody.quickPhoneBody .quickFieldHint,
  body.senderBody.quickPhoneBody .phoneAdvancedPanel p{
    font-size:11.5px!important;line-height:17px!important;margin-top:5px!important;
  }
  body.senderBody.quickPhoneBody .phoneTrackerCard button{
    min-height:48px!important;font-size:14px!important;border-radius:10px!important;
  }
  body.senderBody.quickPhoneBody .quickActivateBtn{
    min-height:50px!important;margin-top:13px!important;font-size:15px!important;
  }
  body.senderBody.quickPhoneBody .quickStopBtn{
    min-height:46px!important;margin-top:7px!important;font-size:14px!important;
  }
  body.senderBody.quickPhoneBody .quickPhoneStatus{
    margin-top:9px!important;padding:11px 12px!important;border-radius:11px!important;gap:9px!important;
  }
  body.senderBody.quickPhoneBody .phoneStatusCard b{font-size:14px!important;line-height:19px!important}
  body.senderBody.quickPhoneBody .phoneStatusCard small{font-size:11.5px!important;line-height:17px!important}
  body.senderBody.quickPhoneBody .quickPhoneMeta{
    margin-top:7px!important;font-size:11px!important;line-height:15px!important;
  }
  body.senderBody.quickPhoneBody .phoneAdvancedToggle{
    min-height:34px!important;margin-top:7px!important;font-size:12px!important;
  }
  body.senderBody.quickPhoneBody .quickPrivacyNote{
    margin-top:10px!important;padding:11px 13px!important;border-radius:11px!important;
    font-size:12px!important;line-height:1.45!important;gap:8px!important;
  }
  body.senderBody.quickPhoneBody .quickPrivacyNote b{
    min-width:100px!important;font-size:12.5px!important;
  }
}

/* History replay — compact controller */
.appBody .historyReplay{
  padding:9px 10px!important;
  margin-bottom:10px!important;
  border-radius:9px!important;
}
.appBody .historyReplayTop{
  gap:8px!important;
  margin-bottom:7px!important;
}
.appBody .historyReplayTop button{
  min-height:34px!important;
  height:34px!important;
  padding:0 11px!important;
  border-radius:8px!important;
  font-size:12px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.appBody .historyReplayTop span{
  font-size:11px!important;
  line-height:15px!important;
  white-space:nowrap!important;
}
.appBody .historyReplay input[type=range]{
  height:18px!important;
  margin:0!important;
}

@media(max-width:720px){
  body.authBody.premiumLoginBody .premiumAuthCard h1{font-size:30px!important}
  body.authBody.premiumLoginBody .premiumAuthLead{font-size:15px!important;margin-bottom:20px!important}
  body.authBody.premiumLoginBody .premiumInputWrap{height:52px!important}
  body.authBody.premiumLoginBody .premiumLoginButton{height:52px!important}
  body.senderBody.quickPhoneBody .quickPhoneCard{padding:18px!important}
  body.senderBody.quickPhoneBody .phoneTrackerCard h1{font-size:28px!important}
  body.senderBody.quickPhoneBody .phoneTrackerIntro{font-size:14px!important}
  body.senderBody.quickPhoneBody .quickPhoneSteps{font-size:11.5px!important}
  .appBody .historyReplayTop button{font-size:11px!important;min-height:32px!important;height:32px!important;padding:0 9px!important}
  .appBody .historyReplayTop span{font-size:10.5px!important}
}


/* V5.3.35 — street-name display */
.appBody .compactAddressCopy>b.addressFallback{color:#8a96a3!important;font-weight:550!important;font-style:italic!important}
.appBody .compactAddressCopy>b:not(.addressFallback){color:#33465a!important;font-weight:650!important}
\n\n/* =========================================================\n   AssetLive360 V5.3.36 — Product polish + simplified footer\n   ========================================================= */\n/* Cart CTA: center label precisely */\n.landingV5336 .modalAddBtn{\n  display:inline-flex!important;align-items:center!important;justify-content:center!important;\n  text-align:center!important;line-height:1!important;padding:0 20px!important;\n}\n\n/* Android product illustration: smaller, cleaner, badge fully readable */\n.landingV5336 .androidProductImage{overflow:visible!important;padding-top:12px!important}\n.landingV5336 .androidProductImage:after{display:none!important}\n.landingV5336 .androidProductImage .compactBadge{\n  left:50%!important;top:9px!important;transform:translateX(-50%)!important;\n  font-size:8.5px!important;padding:4px 7px!important;max-width:calc(100% - 12px)!important;\n}\n.landingV5336 .androidDash{\n  width:64%!important;height:46%!important;transform:none!important;border-radius:10px!important;\n  padding:6px!important;box-shadow:0 9px 20px rgba(30,44,58,.16)!important;\n}\n.landingV5336 .androidDashMap b{left:8px!important;top:7px!important;font-size:8px!important}\n.landingV5336 .androidDashMap small{right:7px!important;top:7px!important;font-size:6.5px!important}\n.landingV5336 .androidDashMap i{width:9px!important;height:9px!important;right:24%!important;top:34%!important;box-shadow:0 0 0 4px rgba(255,100,39,.12)!important}\n\n/* Modal visual refinements */\n.landingV5336 .modalContextStage{gap:14px!important}\n.landingV5336 .modalContextProduct{width:78%!important;max-height:205px!important}\n.landingV5336 .modalAccessory3m{\n  width:100%;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #efd8cb;\n  border-radius:13px;padding:10px 11px;box-shadow:0 6px 14px rgba(70,52,41,.045);\n}\n.landingV5336 .modalAccessory3m>span{\n  flex:0 0 42px;width:42px;height:34px;border-radius:8px;background:#f7f7f5;color:#d84c37;\n  border:1px solid #dedbd6;display:grid;place-items:center;font-size:14px;font-weight:700;letter-spacing:.02em;\n}\n.landingV5336 .modalAccessory3m b{display:block;color:#4f433c;font-size:11.5px;line-height:1.2}\n.landingV5336 .modalAccessory3m small{display:block;color:#81736b;font-size:9.5px;line-height:1.35;margin-top:3px}\n\n/* Android modal: compact screen, no overlap, clear brand bar */\n.landingV5336 .refinedAndroidScreen{\n  width:210px!important;height:128px!important;border:8px solid #243544!important;border-radius:17px!important;\n  background:linear-gradient(135deg,#eef3f5,#fff)!important;box-shadow:0 16px 30px rgba(34,48,62,.13)!important;\n  position:relative!important;overflow:hidden!important;\n}\n.landingV5336 .refinedAndroidScreen:before{\n  content:"";position:absolute;inset:0;background-image:\n  linear-gradient(28deg,transparent 45%,rgba(155,172,184,.32) 46%,rgba(155,172,184,.32) 49%,transparent 50%),\n  linear-gradient(112deg,transparent 45%,rgba(155,172,184,.25) 46%,rgba(155,172,184,.25) 49%,transparent 50%);\n  background-size:70px 58px;opacity:.75;\n}\n.landingV5336 .androidAppBar{position:absolute;left:0;right:0;top:0;height:28px;background:rgba(255,255,255,.94);border-bottom:1px solid #dfe6ea;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:0 10px}\n.landingV5336 .androidAppBar b{position:static!important;color:#263b50!important;font-size:10px!important}\n.landingV5336 .androidAppBar small{position:static!important;color:#ff6427!important;font-size:7px!important;font-weight:700!important}\n.landingV5336 .refinedAndroidScreen .modalScreenPin{right:42%!important;top:55%!important;width:14px!important;height:14px!important;box-shadow:0 0 0 6px rgba(255,100,39,.12)!important}\n.landingV5336 .androidMapRoad{position:absolute;height:2px;background:#d3dde2;transform-origin:left center;z-index:1}.landingV5336 .roadA{width:140px;left:16px;top:74px;transform:rotate(-12deg)}.landingV5336 .roadB{width:115px;left:48px;top:94px;transform:rotate(16deg)}\n.landingV5336 .androidVisualCaption{font-size:11px;line-height:1.35;color:#695d56;text-align:center;font-weight:700;margin-top:-2px}\n\n/* Simplified footer: brand-first, centered, no sitemap columns */\n.landingV5336 .footerV5336{\n  background:linear-gradient(180deg,#fffaf6 0%,#fff1e6 100%)!important;\n  border-top:1px solid #ffd6bf!important;padding:42px 24px 0!important;\n}\n.landingV5336 .footerV5336Brand{\n  max-width:760px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;\n}\n.landingV5336 .footerV5336Brand .siteBrand{\n  display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:#1f3147;font-size:24px;font-weight:700;\n}\n.landingV5336 .footerV5336Brand .brandMark{background:#ff6427!important;color:#fff!important}\n.landingV5336 .footerV5336Brand p{font-size:20px;line-height:1.35;font-weight:700;color:#2c3f55;margin:18px 0 6px}\n.landingV5336 .footerV5336Brand small{font-size:14px;line-height:1.55;color:#766b65}\n.landingV5336 .footerV5336Bottom{\n  max-width:980px!important;margin:30px auto 0!important;padding:18px 18px 24px!important;\n  border-top:1px solid #ffd5be!important;display:flex!important;flex-direction:column!important;\n  align-items:center!important;justify-content:center!important;gap:5px!important;text-align:center!important;\n  font-size:13px!important;color:#746861!important;\n}\n\n@media(max-width:680px){\n  .landingV5336 .androidProductImage{overflow:hidden!important}\n  .landingV5336 .androidDash{width:58%!important;height:42%!important}\n  .landingV5336 .footerV5336{padding:34px 18px 0!important}\n  .landingV5336 .footerV5336Brand .siteBrand{font-size:21px!important}\n  .landingV5336 .footerV5336Brand p{font-size:18px!important}\n  .landingV5336 .footerV5336Brand small{font-size:13px!important}\n}\n

/* =========================================================
   AssetLive360 V5.3.37 — UI fixes requested after V5.3.36
   ========================================================= */
/* All add-to-cart buttons: perfectly centered label */
.landingV5337 .modalBuyRow{
  align-items:center!important;
}
.landingV5337 .modalAddBtn{
  height:46px!important;
  min-height:46px!important;
  min-width:138px!important;
  padding:0 18px!important;
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
  line-height:1.2!important;
  font-size:13px!important;
  font-weight:700!important;
  vertical-align:middle!important;
}

/* Android badge: never crop; centered with balanced padding */
.landingV5337 .androidProductImage{
  overflow:hidden!important;
  padding-top:14px!important;
}
.landingV5337 .androidProductImage .compactBadge{
  left:50%!important;
  right:auto!important;
  top:10px!important;
  transform:translateX(-50%)!important;
  width:max-content!important;
  max-width:calc(100% - 20px)!important;
  padding:5px 10px!important;
  font-size:9.5px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  box-sizing:border-box!important;
}

/* Real illustration card for the double-sided adhesive */
.landingV5337 .modalAccessory3m{
  width:100%!important;
  display:grid!important;
  grid-template-columns:88px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  padding:10px!important;
  background:#fff!important;
  border:1px solid #efd8cb!important;
  border-radius:14px!important;
}
.landingV5337 .modalAccessory3m>img{
  width:88px!important;
  height:64px!important;
  object-fit:cover!important;
  border-radius:10px!important;
  display:block!important;
  border:1px solid #eee4dc!important;
}
.landingV5337 .modalAccessory3m b{
  display:block!important;
  color:#3f3834!important;
  font-size:13px!important;
  line-height:1.25!important;
  margin:0 0 4px!important;
}
.landingV5337 .modalAccessory3m small{
  display:block!important;
  color:#746861!important;
  font-size:11px!important;
  line-height:1.45!important;
  margin:0!important;
}

/* Android product illustration: balanced dashboard and brand bar */
.landingV5337 .androidDash{
  width:58%!important;
  height:44%!important;
  margin-top:14px!important;
}
.landingV5337 .androidDashMap b{
  left:8px!important;top:7px!important;font-size:8px!important;line-height:1!important;
}
.landingV5337 .androidDashMap small{
  right:8px!important;top:7px!important;font-size:6.5px!important;line-height:1!important;
}

/* Footer: bigger brand treatment and orange-led typography */
.landingV5337 .footerV5336{
  padding-top:48px!important;
}
.landingV5337 .footerV5336Brand{
  max-width:900px!important;
}
.landingV5337 .footerV5336Brand .siteBrand{
  gap:15px!important;
  font-size:32px!important;
  line-height:1!important;
  color:#ff6427!important;
  font-weight:700!important;
}
.landingV5337 .footerV5336Brand .siteBrand>span:last-child{
  color:#ff6427!important;
}
.landingV5337 .footerV5336Brand .brandMark{
  width:58px!important;height:58px!important;border-radius:16px!important;
  background:linear-gradient(145deg,#ff7a35,#ff5622)!important;
  color:#fff!important;font-size:15px!important;
}
.landingV5337 .footerV5336Brand p{
  font-size:23px!important;
  color:#4b4039!important;
  margin-top:20px!important;
}
.landingV5337 .footerV5336Brand small{
  font-size:16px!important;
  color:#746861!important;
}
.landingV5337 .footerV5336Bottom{
  font-size:13.5px!important;
}

/* Six-step Android guide stays readable */
.landingV5337 .installSteps{
  align-items:stretch!important;
}
.landingV5337 .installStep{
  min-height:92px!important;
}

@media(max-width:680px){
  .landingV5337 .modalAddBtn{width:100%!important;min-width:0!important}
  .landingV5337 .androidProductImage .compactBadge{font-size:9px!important;padding:5px 8px!important}
  .landingV5337 .modalAccessory3m{grid-template-columns:72px minmax(0,1fr)!important;gap:9px!important}
  .landingV5337 .modalAccessory3m>img{width:72px!important;height:54px!important}
  .landingV5337 .footerV5336Brand .siteBrand{font-size:26px!important}
  .landingV5337 .footerV5336Brand .brandMark{width:50px!important;height:50px!important}
  .landingV5337 .footerV5336Brand p{font-size:20px!important}
  .landingV5337 .footerV5336Brand small{font-size:14px!important}
}


/* V5.3.39 — Three clear connection choices and tighter footer hierarchy */
.landingV5339 .compactSectionHead .sectionKicker{font-size:clamp(18px,1.65vw,27px)!important;letter-spacing:.035em!important;line-height:1.2!important;display:inline-block!important;margin-bottom:12px!important;font-weight:700!important}
.landingV5339 .compactSectionHead p{max-width:850px!important}
.landingV5339 .compactProductGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;align-items:stretch!important}
.landingV5339 .compactProductCard{display:flex!important;flex-direction:column!important;min-width:0!important;min-height:440px!important;border-radius:24px!important;overflow:hidden!important;background:#fff!important;border:1px solid #f0dbcf!important;box-shadow:0 16px 36px rgba(68,38,20,.055)!important;transition:transform .24s ease,box-shadow .24s ease!important}
.landingV5339 .compactProductCard:hover{transform:translateY(-6px)!important;box-shadow:0 24px 45px rgba(68,38,20,.13)!important}
.landingV5339 .compactProductImage{width:100%!important;min-height:190px!important;height:190px!important;flex:none!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(125deg,#fff7f1,#f6f7f8)!important;position:relative!important;overflow:hidden!important;padding:20px!important}
.landingV5339 .compactProductImage img{display:block!important;width:68%!important;max-width:250px!important;height:150px!important;object-fit:contain!important;position:static!important;transform:none!important;filter:drop-shadow(0 12px 14px rgba(31,42,59,.11))!important}
.landingV5339 .compactProductImage .compactBadge{position:absolute!important;left:17px!important;right:auto!important;top:15px!important;transform:none!important;width:auto!important;max-width:calc(100% - 34px)!important;padding:8px 12px!important;font-size:12px!important;white-space:normal!important;z-index:2!important}
.landingV5339 .compactProductInfo{padding:25px 26px 24px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;flex:1!important;width:100%!important;min-width:0!important}
.landingV5339 .compactProductInfo h3{font-size:clamp(23px,2vw,31px)!important;line-height:1.18!important;margin:9px 0 12px!important}
.landingV5339 .compactProductInfo .compactUse{font-size:12px!important;line-height:1.4!important;letter-spacing:.035em!important}
.landingV5339 .productSubtitle{display:block;color:#ff6228;font-size:15px;line-height:1.45;margin-bottom:10px;font-weight:800}
.landingV5339 .compactProductInfo p{font-size:15px!important;line-height:1.65!important;margin:0 0 22px!important;color:#6f6c69!important}
.landingV5339 .compactProductInfo .compactArrow{position:static!important;transform:none!important;margin-top:auto!important;width:auto!important;height:44px!important;border-radius:30px!important;padding:0 18px!important;display:inline-flex!important;align-items:center!important;gap:15px!important;color:white!important;background:#ff6428!important;font-size:14px!important;font-weight:700!important;white-space:nowrap!important}
.landingV5339 .compactArrow span{font-size:21px;line-height:1}
.landingV5339 .androidProductImage{padding-top:22px!important}
.landingV5339 .androidProductImage .androidDash{width:150px!important;height:112px!important;margin:25px auto 0!important;flex:none!important}
.landingV5339 .footerV5336{padding-top:28px!important}
.landingV5339 .footerV5336Brand .siteBrand{margin-bottom:0!important}
.landingV5339 .footerV5336Brand p{margin:9px 0 3px!important;line-height:1.25!important}
.landingV5339 .footerV5336Brand small{display:block!important;line-height:1.4!important;margin:0!important}
@media(max-width:940px){.landingV5339 .compactProductGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.landingV5339 .compactProductGrid{grid-template-columns:1fr!important;gap:16px!important}.landingV5339 .compactProductCard{min-height:0!important}.landingV5339 .compactProductImage{height:165px!important;min-height:165px!important}.landingV5339 .compactProductInfo{padding:22px!important}.landingV5339 .compactSectionHead .sectionKicker{font-size:20px!important}.landingV5339 .footerV5336Brand p{margin-top:8px!important}}

/* V5.3.40 — four categories */
.landingV5339 .compactProductGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.landingV5339 .compactProductInfo{padding:22px 19px!important}
.landingV5339 .compactProductInfo h3{font-size:clamp(21px,1.65vw,28px)!important}
.landingV5339 .compactProductInfo .compactUse{font-size:11px!important}
.landingV5339 .compactProductInfo p{font-size:14px!important}
.landingV5339 .compactProductCard{min-height:465px!important}
.landingV5339 .solarProductImage img{width:81%!important;height:155px!important;max-width:290px!important}
@media(max-width:1150px){.landingV5339 .compactProductGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.landingV5339 .compactProductGrid{grid-template-columns:1fr!important}.landingV5339 .compactProductCard{min-height:0!important}}


/* V5.3.69 — Final Arial enforcement to avoid font mismatch */
:root{--font-ui:Arial,"Segoe UI","Noto Sans",sans-serif!important;--ui-font:Arial,"Segoe UI","Noto Sans",sans-serif!important}
html,body,button,input,select,textarea,a,.appBody,.carBody,.landingV5328,.landingV5331,.maplibregl-popup,.maplibregl-ctrl-bottom-left,.maplibregl-ctrl-bottom-right{font-family:Arial,"Segoe UI","Noto Sans",sans-serif!important}


/* =========================================================
   AssetLive360 V5.3.72 — global Arial font hotfix
   Purpose: eliminate Vietnamese accent/font glitches and enforce
   a stable Arial-only typographic system across the whole web/app UI.
   ========================================================= */
:root{--font-ui:Arial,"Segoe UI","Noto Sans",sans-serif!important;--ui-font:Arial,"Segoe UI","Noto Sans",sans-serif!important}
html,body,body *,button,input,select,textarea,option,a,
.appBody,.appBody *,.carBody,.carBody *,
.landingV5328,.landingV5328 *,.landingV5331,.landingV5331 *,.landingV5333,.landingV5333 *,
.maplibregl-map,.maplibregl-map *,.maplibregl-popup,.maplibregl-popup *,.maplibregl-ctrl,.maplibregl-ctrl *{
  font-family:Arial,"Segoe UI","Noto Sans",sans-serif!important;
  font-style:normal!important;
  font-synthesis:auto!important;
  font-feature-settings:normal!important;
  font-variation-settings:normal!important;
  text-rendering:auto!important;
  -webkit-font-smoothing:antialiased;
}
strong,b,h1,h2,h3,h4,h5,h6,
.siteNavLinks>a,.cartNavBtn,.heroCopyShop h1,.sectionHead h2,.sectionLabel,
.heroRefined h1,.refinedSectionHead h2,.compactSectionHead h2,.compactSectionHead span,
.heroCopyDark h1,.premiumAuthCard h1,.premiumAuthLead,.loginMain button,.loginPrimary,
.appBody .topbar .brand b,.appBody .topItem,.appBody .tabBtn,.appBody .statusTitleWrap b,
.appBody .compactIdentity b,.appBody .sectionTitle,.appBody .historySummaryTitle,.appBody .historyEventBody b{
  font-family:Arial,"Segoe UI","Noto Sans",sans-serif!important;
}
.siteNavLinks>a,.cartNavBtn,.sectionLabel,.compactSectionHead span,.landingV5333 .compactSectionHead span,.drawerHead span,.supportHead>div>span{
  font-weight:700!important;
  letter-spacing:.02em!important;
  line-height:1.25!important;
}
.heroCopyShop h1,.heroCopyDark h1,.heroRefined h1,.sectionHead h2,.refinedSectionHead h2,.compactSectionHead h2,.landingV5333 .compactSectionHead h2,
.premiumAuthCard h1,.premiumAuthLead,.modalContent h2,.drawerHead h2,.supportHead h3{
  font-weight:700!important;
  letter-spacing:0!important;
  line-height:1.12!important;
}
.siteNavLinks>a,.appBody .topItem,.appBody .tabBtn,.appBody .deviceFilterBtn{font-weight:700!important}


/* V5.3.73 – audited Vietnamese typography; Arial first, Vietnamese-safe fallback */
:root{--font-ui:Arial,"Segoe UI","Noto Sans",sans-serif!important;--ui-font:Arial,"Segoe UI","Noto Sans",sans-serif!important}
html,body,button,input,select,textarea{font-family:Arial,"Segoe UI","Noto Sans",sans-serif!important}

/* Consistent accent spacing for app/auth headings */
.premiumAuthCard h1,.heroCopyShop h1,.heroCopyDark h1,.heroRefined h1,.compactSectionHead h2,.refinedSectionHead h2{letter-spacing:0!important;line-height:1.16!important;font-weight:700!important}