/* JMR Live Helper - rotating prices */
.live-helper-section{position:relative;z-index:6;margin-top:-42px;padding-top:0;padding-bottom:26px}
.live-helper-inner{max-width:1320px}
.live-helper-panel{background:#fff;border:1px solid rgba(31,41,55,.10);border-radius:14px;box-shadow:0 8px 24px rgba(17,24,39,.12);overflow:hidden;display:grid;grid-template-columns:1.05fr 1.65fr 1.45fr 1.45fr 1.55fr}
.live-helper-panel,.live-helper-panel *{box-sizing:border-box}
.live-helper-panel p{margin:0}
.live-helper-panel strong{color:#1f2933}
.live-label{color:#2f3740;font-size:12px;line-height:1;font-weight:800;letter-spacing:.075em;text-transform:uppercase;margin-bottom:13px}
.live-label span{color:#4b5563;font-weight:700}
.live-tile{min-height:116px;padding:20px 22px;background:#fff;border-right:1px solid rgba(31,41,55,.13);display:flex;flex-direction:column;justify-content:center;min-width:0}
.live-tile:last-child{border-right:0}
.live-status-line{display:flex;align-items:center;gap:9px;color:#1e8f36;font-size:22px;line-height:1.1;font-weight:900;text-transform:uppercase}
.live-status-line strong{color:#1e8f36}
.live-status-dot{width:13px;height:13px;border-radius:50%;background:#24B040;box-shadow:0 0 0 4px rgba(36,176,64,.12);flex:0 0 auto}
.live-status-tile p,.live-price-tile p,.live-busy-tile p,.live-drive-tile p{color:#334155;font-size:14px;line-height:1.35;margin-top:10px}
.live-price-content{display:block}
.live-price-content strong{display:block;font-size:16px;line-height:1.1;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-price-row{display:flex;align-items:baseline;gap:2px;color:#1e8f36;line-height:1}
.live-price-main{font-size:30px;font-weight:900;letter-spacing:-.045em;color:#1e8f36}
.live-price-unit{font-size:20px;font-weight:900;color:#1e8f36;text-transform:uppercase}
.live-price-tile p{color:#6b7280;font-size:12px;margin-top:8px;min-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}



to{width:100%}}

.live-gauge-row{display:grid;grid-template-columns:82px 1fr;gap:16px;align-items:center}
.live-circle-gauge{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle closest-side,#fff 66%,transparent 68%),conic-gradient(#1e8f36 0 78deg,#a8d5ae 78deg 268deg,#e7eaee 268deg 360deg)}
.live-circle-gauge:after{content:"";position:absolute;inset:10px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px rgba(31,41,55,.05)}
.live-circle-gauge span{position:relative;z-index:2;display:flex;width:40px;height:40px;border-radius:50%;align-items:center;justify-content:center;font-size:25px;color:#1e8f36;line-height:1}
.live-circle-gauge-car span{font-size:24px;filter:grayscale(1)}
.live-busy-tile strong,.live-drive-tile strong{display:block;color:#1e8f36;font-size:18px;line-height:1.15;margin-bottom:7px}
.live-busy-tile p,.live-drive-tile p{margin-top:0;color:#334155;font-size:13px}
.live-traffic-row{display:grid;grid-template-columns:.84fr 1.16fr;align-items:end;gap:13px}
.live-traffic-score{display:flex;align-items:baseline;gap:5px}
.live-traffic-score strong{color:#1e8f36;font-size:42px;line-height:.9;letter-spacing:-.06em}
.live-traffic-score span{color:#6b7280;font-size:19px;font-weight:700}
.live-traffic-good{color:#1e8f36;font-size:16px;font-weight:800;margin-top:9px!important}
.live-sparkline{min-width:0}.live-sparkline svg{width:100%;height:52px;display:block}
.spark-area{fill:rgba(36,176,64,.16)}.spark-line{fill:none;stroke:#1e8f36;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.live-spark-updated{color:#6b7280;font-size:12px;text-align:right;margin-top:3px}
.live-review-strip{display:grid;grid-template-columns:46px auto 1fr auto;gap:14px;align-items:center;padding:15px 22px;background:#fff;border-top:1px solid rgba(31,41,55,.10)}
.live-google-mark{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:900;color:#4285f4;font-family:Arial,sans-serif}
.live-review-stars{color:#f5a623;letter-spacing:.05em;font-size:18px;white-space:nowrap}
.live-review-copy{min-width:0}.live-review-copy strong{display:block;font-size:15px;line-height:1.25;color:#1f2933}.live-review-copy span{display:block;color:#334155;font-size:14px;line-height:1.35;margin-top:4px}
.live-review-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.live-review-actions .btn{min-height:36px;padding:0 13px;border-radius:10px;font-size:13px;font-weight:800}
.live-secondary-btn{background:#eef3f0;color:#16782d}
@media(max-width:1180px){.live-helper-panel{grid-template-columns:1fr 1fr}.live-tile{border-right:1px solid rgba(31,41,55,.10);border-bottom:1px solid rgba(31,41,55,.10)}.live-traffic-tile{grid-column:1/-1}}
@media(max-width:860px){.live-helper-section{margin-top:-24px}.live-helper-panel{grid-template-columns:1fr}.live-tile{min-height:auto;border-right:0}.live-review-strip{grid-template-columns:36px 1fr;align-items:flex-start}.live-review-stars,.live-review-copy{grid-column:2}.live-review-actions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:560px){.live-tile{padding:17px 16px}.live-price-content,.live-gauge-row,.live-traffic-row{grid-template-columns:1fr}.live-review-strip{padding:14px 16px}}


/* Price tile simplified: material name + price only */
.live-price-tile .live-price-content{
  display:block;
}

.live-price-content strong{
  font-size:18px;
  margin-bottom:7px;
}

.live-price-row{
  margin-top:4px;
}

.live-price-main{
  font-size:34px;
}

.live-price-unit{
  font-size:20px;
}


/* Automatic open/closed status pulse */
.live-status-line{transition:color .25s ease}
.live-status-line.is-open,.live-status-line.is-open strong{color:#1e8f36}
.live-status-line.is-closed,.live-status-line.is-closed strong{color:#c43b3b}
.live-status-line.is-open .live-status-dot{
  background:#24B040;
  box-shadow:0 0 0 0 rgba(36,176,64,.35);
  animation:jmrStatusPulseOpen 2.8s ease-in-out infinite;
}
.live-status-line.is-closed .live-status-dot{
  background:#c43b3b;
  box-shadow:0 0 0 0 rgba(196,59,59,.35);
  animation:jmrStatusPulseClosed 2.8s ease-in-out infinite;
}
@keyframes jmrStatusPulseOpen{
  0%{box-shadow:0 0 0 0 rgba(36,176,64,.38);transform:scale(.96)}
  50%{box-shadow:0 0 0 8px rgba(36,176,64,.08);transform:scale(1.08)}
  100%{box-shadow:0 0 0 0 rgba(36,176,64,0);transform:scale(.96)}
}
@keyframes jmrStatusPulseClosed{
  0%{box-shadow:0 0 0 0 rgba(196,59,59,.38);transform:scale(.96)}
  50%{box-shadow:0 0 0 8px rgba(196,59,59,.08);transform:scale(1.08)}
  100%{box-shadow:0 0 0 0 rgba(196,59,59,0);transform:scale(.96)}
}
@media (prefers-reduced-motion: reduce){
  .live-status-line .live-status-dot{animation:none!important}
}


/* FINAL GREETER LAYOUT: Yard Status → Prices → How Busy We Are → Drive to JMR */
.live-traffic-tile{
  display:none !important;
}

.live-helper-panel{
  grid-template-columns:1.05fr 1.65fr 1.45fr 1.45fr !important;
}

.live-drive-tile{
  border-right:0 !important;
}

.live-busy-tile.is-flow-closed strong,
.live-drive-tile.is-drive-closed strong{
  color:#4b5563 !important;
}

.live-busy-tile.is-flow-closed p,
.live-drive-tile.is-drive-closed p{
  color:#667085 !important;
}

.live-busy-tile.is-flow-closed .live-circle-gauge,
.live-drive-tile.is-drive-closed .live-circle-gauge{
  opacity:.88;
}

.live-busy-tile strong,
.live-drive-tile strong{
  letter-spacing:-.01em;
}

@media (max-width:1180px){
  .live-helper-panel{
    grid-template-columns:1fr 1fr !important;
  }
}

@media (max-width:860px){
  .live-helper-panel{
    grid-template-columns:1fr !important;
  }
}


/* CACHE-BUSTED SMALL PROGRESS ARC GAUGE
   Replaces full dashboard circle with a subtle partial arc.
*/
.live-circle-gauge{
  width:64px !important;
  height:64px !important;
  border-radius:50% !important;
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#fff !important;
  box-shadow:none !important;
  overflow:visible !important;
  animation:jmrArcFloat 5.5s ease-in-out infinite !important;
}

.live-circle-gauge::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:50% !important;
  background:
    conic-gradient(
      from 210deg,
      var(--arc-color,#1e8f36) 0deg var(--arc-size,120deg),
      #e8edf1 var(--arc-size,120deg) 300deg,
      transparent 300deg 360deg
    ) !important;
  -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 6px), #000 calc(100% - 5px)) !important;
  mask:radial-gradient(farthest-side, transparent calc(100% - 6px), #000 calc(100% - 5px)) !important;
  opacity:.95 !important;
}

.live-circle-gauge::after{
  content:"" !important;
  position:absolute !important;
  inset:8px !important;
  background:#fff !important;
  border-radius:50% !important;
  box-shadow:none !important;
}

.live-circle-gauge span{
  position:relative !important;
  z-index:2 !important;
  width:auto !important;
  height:auto !important;
  border-radius:0 !important;
  font-size:24px !important;
  line-height:1 !important;
  color:#1e8f36 !important;
  background:transparent !important;
}

.live-busy-tile.is-flow-light .live-circle-gauge,
.live-drive-tile.is-drive-easy .live-circle-gauge{
  --arc-color:#24B040;
  --arc-size:88deg;
}

.live-busy-tile.is-flow-smooth .live-circle-gauge,
.live-drive-tile.is-drive-smooth .live-circle-gauge{
  --arc-color:#1e8f36;
  --arc-size:126deg;
}

.live-busy-tile.is-flow-steady .live-circle-gauge,
.live-drive-tile.is-drive-steady .live-circle-gauge{
  --arc-color:#1e8f36;
  --arc-size:164deg;
}

.live-busy-tile.is-flow-final .live-circle-gauge{
  --arc-color:#d79b22;
  --arc-size:118deg;
}

.live-busy-tile.is-flow-closed .live-circle-gauge,
.live-drive-tile.is-drive-closed .live-circle-gauge{
  --arc-color:#9ca3af;
  --arc-size:78deg;
}

.live-busy-tile.is-flow-closed .live-circle-gauge span,
.live-drive-tile.is-drive-closed .live-circle-gauge span{
  color:#6b7280 !important;
}

@keyframes jmrArcFloat{
  0%{transform:translateY(0)}
  50%{transform:translateY(-1px)}
  100%{transform:translateY(0)}
}

@media (prefers-reduced-motion: reduce){
  .live-circle-gauge{
    animation:none !important;
  }
}


/* SUBTLE + NARROW GREETER REFINEMENT */
.live-helper-section{
  margin-top:-28px !important;
  padding-bottom:18px !important;
}

.live-helper-inner{
  max-width:1080px !important;
}

.live-helper-panel{
  border-radius:13px !important;
  border:1px solid rgba(31,41,55,.075) !important;
  box-shadow:0 8px 22px rgba(17,24,39,.08) !important;
  grid-template-columns:.95fr 1.35fr 1.2fr 1.2fr !important;
}

.live-tile{
  min-height:92px !important;
  padding:15px 17px !important;
  border-right:1px solid rgba(31,41,55,.08) !important;
}

.live-helper-panel .live-label,
.live-label{
  font-size:10px !important;
  letter-spacing:.07em !important;
  margin-bottom:9px !important;
  color:#667085 !important;
}

.live-status-line{
  font-size:18px !important;
  gap:8px !important;
}

.live-status-dot{
  width:10px !important;
  height:10px !important;
}

.live-status-tile p,
.live-price-tile p,
.live-busy-tile p,
.live-drive-tile p{
  font-size:12px !important;
  line-height:1.3 !important;
  margin-top:6px !important;
}

.live-price-content strong{
  font-size:15px !important;
  margin-bottom:4px !important;
}

.live-price-main{
  font-size:25px !important;
}

.live-price-unit{
  font-size:15px !important;
}

.live-gauge-row{
  grid-template-columns:54px 1fr !important;
  gap:11px !important;
}

.live-circle-gauge{
  width:48px !important;
  height:48px !important;
  animation:none !important;
}

.live-circle-gauge::before{
  -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 5px), #000 calc(100% - 4px)) !important;
  mask:radial-gradient(farthest-side, transparent calc(100% - 5px), #000 calc(100% - 4px)) !important;
  opacity:.86 !important;
}

.live-circle-gauge::after{
  inset:7px !important;
}

.live-circle-gauge span{
  font-size:19px !important;
}

.live-busy-tile strong,
.live-drive-tile strong{
  font-size:15px !important;
  margin-bottom:4px !important;
}

.live-review-strip{
  padding:11px 17px !important;
  gap:10px !important;
  grid-template-columns:32px auto 1fr auto !important;
  border-top:1px solid rgba(31,41,55,.075) !important;
}

.live-google-mark{
  width:28px !important;
  height:28px !important;
  font-size:22px !important;
}

.live-review-stars{
  font-size:13px !important;
}

.live-review-copy strong{
  font-size:13px !important;
}

.live-review-copy span{
  font-size:12px !important;
  margin-top:2px !important;
}

.live-review-actions .btn{
  min-height:31px !important;
  padding:0 10px !important;
  border-radius:9px !important;
  font-size:12px !important;
}

@media (max-width:1180px){
  .live-helper-inner{
    max-width:980px !important;
  }
  .live-helper-panel{
    grid-template-columns:1fr 1fr !important;
  }
}

@media (max-width:860px){
  .live-helper-section{
    margin-top:-18px !important;
  }
  .live-helper-panel{
    grid-template-columns:1fr !important;
  }
  .live-tile{
    min-height:auto !important;
    padding:14px 16px !important;
  }
  .live-review-strip{
    grid-template-columns:30px 1fr !important;
  }
}


/* Review strip removed from live helper */
.live-review-strip{
  display:none !important;
}

.live-helper-panel{
  overflow:hidden !important;
}
