/* AgAu.ai RC5 — professional Heat Map table */
.page-heatmap{
  --hm-panel:rgba(8,13,18,.91);
  --hm-panel-2:rgba(12,18,25,.94);
  --hm-line:rgba(255,255,255,.085);
  --hm-text:#f2f4f7;
  --hm-muted:#9ca6b2;
  --hm-green:#48df83;
  --hm-red:#ff6079;
  --hm-amber:#f2bd4f;
  --hm-blue:#75a7d7;
}

.page-heatmap .agau-heatdash{max-width:1440px!important;padding-top:34px!important}
.page-heatmap .agau-heatdash h1{font-size:clamp(2.35rem,4vw,4.2rem)!important;line-height:.98!important}
.page-heatmap .heat-sub{font-size:1.02rem!important;line-height:1.55!important;color:#aeb8c5!important}
.page-heatmap .heat-layout{grid-template-columns:minmax(270px,340px) minmax(0,1fr)!important;gap:22px!important}
.page-heatmap .heat-side{gap:14px!important}
.page-heatmap .heat-panel{padding:18px!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(12,18,24,.94),rgba(7,11,15,.94))!important}
.page-heatmap .heat-panel .kicker{font-size:.69rem!important;letter-spacing:.16em!important;margin-bottom:9px!important}
.page-heatmap .main-driver-line{gap:12px!important;margin:6px 0 12px!important}
.page-heatmap .main-driver-icon{width:42px!important;height:42px!important;font-size:1.25rem!important}
.page-heatmap .main-driver-title{font-size:clamp(1.45rem,2.2vw,2rem)!important;line-height:1.05!important}
.page-heatmap .impact-pill{font-size:.68rem!important;padding:6px 10px!important;margin-right:5px!important}
.page-heatmap .heat-note{font-size:.87rem!important;line-height:1.55!important;color:#aeb8c5!important}
.page-heatmap .driver-change{grid-template-columns:42px 1fr!important;gap:12px!important}
.page-heatmap .driver-change-icon{width:42px!important;height:42px!important;font-size:1.2rem!important}
.page-heatmap .driver-change strong{font-size:1.05rem!important}
.page-heatmap .driver-change span{font-size:.82rem!important}
.page-heatmap .market-bias strong{font-size:1.35rem!important}

.page-heatmap .heat-table{
  border:1px solid var(--hm-line)!important;
  border-radius:20px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,rgba(9,14,20,.98),rgba(6,10,14,.98))!important;
  box-shadow:0 28px 80px rgba(0,0,0,.30)!important;
}
.page-heatmap .heat-table-head,
.page-heatmap .heat-row{
  grid-template-columns:48px minmax(250px,1fr) minmax(185px,.72fr) 132px!important;
}
.page-heatmap .heat-table-head{
  min-height:44px!important;
  background:linear-gradient(90deg,rgba(241,191,80,.075),rgba(255,255,255,.025))!important;
  color:#aeb7c3!important;
  font-size:.65rem!important;
  letter-spacing:.14em!important;
  font-weight:800!important;
}
.page-heatmap .heat-table-head>div{padding:12px 14px!important}
.page-heatmap .heat-table-head>div:first-child{justify-content:center!important;padding-inline:6px!important}
.page-heatmap .heat-head-hint{display:block;margin-left:7px;font-weight:500;text-transform:none;letter-spacing:0;color:#7f8995}

.page-heatmap .heat-row{
  position:relative;
  min-height:86px!important;
  color:var(--hm-text)!important;
  border-top:1px solid var(--hm-line)!important;
  background:rgba(255,255,255,.012)!important;
  box-shadow:inset 3px 0 0 var(--row-tone,rgba(255,255,255,.15));
  transition:background .18s ease,transform .18s ease,box-shadow .18s ease!important;
}
.page-heatmap .heat-row:hover{
  filter:none!important;
  transform:none!important;
  background:rgba(255,255,255,.035)!important;
  box-shadow:inset 4px 0 0 var(--row-tone),0 10px 30px rgba(0,0,0,.16)!important;
}
.page-heatmap .heat-row.red{--row-tone:var(--hm-red)}
.page-heatmap .heat-row.green{--row-tone:var(--hm-green)}
.page-heatmap .heat-row.amber{--row-tone:var(--hm-amber)}
.page-heatmap .heat-row.blue{--row-tone:var(--hm-blue)}

.page-heatmap .heat-row .heat-rank,
.page-heatmap .heat-row .heat-driver-cell,
.page-heatmap .heat-row .heat-impact-cell,
.page-heatmap .heat-row .heat-influence-cell{
  background:transparent!important;
  color:var(--hm-text)!important;
}
.page-heatmap .heat-rank{
  border-right:1px solid var(--hm-line)!important;
  font-size:.85rem!important;
  font-weight:800!important;
  color:#8f99a5!important;
}
.page-heatmap .heat-rank span{
  display:grid;place-items:center;width:25px;height:25px;border-radius:8px;
  background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.075)
}
.page-heatmap .heat-driver-cell{
  grid-template-columns:38px minmax(0,1fr)!important;
  gap:12px!important;
  padding:13px 15px!important;
}
.page-heatmap .heat-driver-icon{
  width:36px!important;height:36px!important;border-radius:11px;
  border:1px solid color-mix(in srgb,var(--row-tone) 35%,transparent);
  background:color-mix(in srgb,var(--row-tone) 10%,transparent);
  font-size:1.1rem!important;color:var(--row-tone)!important;
}
.page-heatmap .heat-driver-copy{min-width:0}
.page-heatmap .heat-driver-cell h3{
  margin:0!important;color:#f4f5f7!important;font-size:1rem!important;line-height:1.18!important;
  letter-spacing:-.018em!important;font-weight:700!important;
}
.page-heatmap .heat-driver-cell small{
  margin-top:5px!important;color:#7f8994!important;font-size:.62rem!important;line-height:1!important;
  letter-spacing:.14em;text-transform:uppercase;font-weight:700;
}
.page-heatmap .heat-impact-cell{
  padding:12px 14px!important;
  border-left:1px solid var(--hm-line)!important;
  justify-content:center!important;
}
.page-heatmap .heat-status-pill{
  align-self:flex-start;display:inline-flex;width:max-content;max-width:100%;
  padding:5px 8px;border-radius:999px;font-size:.63rem!important;line-height:1!important;
  letter-spacing:.08em!important;font-weight:800!important;color:var(--row-tone)!important;
  background:color-mix(in srgb,var(--row-tone) 12%,transparent);
  border:1px solid color-mix(in srgb,var(--row-tone) 28%,transparent);
}
.page-heatmap .heat-impact-cell span{
  margin-top:7px!important;color:#aeb7c2!important;font-size:.73rem!important;line-height:1.38!important;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.page-heatmap .heat-influence-cell{
  padding:12px 13px!important;border-left:1px solid var(--hm-line)!important;
  align-items:flex-start!important;justify-content:center!important;
}
.page-heatmap .heat-influence-cell strong{
  color:#eef1f5!important;font-size:.7rem!important;letter-spacing:.07em!important;font-weight:800!important;
}
.page-heatmap .heat-influence-cell span{
  order:3;margin-top:6px!important;color:#707b87!important;font-size:.61rem!important;line-height:1.2!important;
}
.page-heatmap .heat-dots{gap:5px!important;margin-top:7px!important}
.page-heatmap .heat-dot{width:7px!important;height:7px!important;background:rgba(255,255,255,.16)!important}
.page-heatmap .heat-dot.on{background:var(--row-tone)!important;box-shadow:0 0 9px color-mix(in srgb,var(--row-tone) 45%,transparent)}

.page-heatmap .heat-footer-strip{gap:10px!important;margin-top:14px!important}
.page-heatmap .heat-footer-card{padding:13px 14px!important;border-radius:14px!important;background:rgba(255,255,255,.025)!important}
.page-heatmap .heat-footer-card strong{font-size:.76rem!important}
.page-heatmap .heat-footer-card span{font-size:.7rem!important;line-height:1.35!important}

@media(max-width:1180px){
  .page-heatmap .heat-layout{grid-template-columns:1fr!important}
  .page-heatmap .heat-side{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .page-heatmap .heat-table-head,.page-heatmap .heat-row{grid-template-columns:48px minmax(240px,1fr) minmax(180px,.7fr) 128px!important}
}

@media(max-width:820px){
  .page-heatmap .agau-heatdash{padding:22px 14px 42px!important}
  .page-heatmap .agau-heatdash h1{font-size:clamp(2.1rem,10vw,3.15rem)!important}
  .page-heatmap .heat-side{grid-template-columns:1fr!important}
  .page-heatmap .heat-table{border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
  .page-heatmap .heat-table-head{display:none!important}
  .page-heatmap #agau-heatmap-rows{display:grid;gap:10px}
  .page-heatmap .heat-row{
    min-height:0!important;border:1px solid var(--hm-line)!important;border-radius:16px!important;
    overflow:hidden!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;
    box-shadow:inset 3px 0 0 var(--row-tone),0 14px 34px rgba(0,0,0,.18)!important;
  }
  .page-heatmap .heat-rank{grid-column:1;grid-row:1 / span 3;border-right:1px solid var(--hm-line)!important;align-items:flex-start!important;padding-top:15px}
  .page-heatmap .heat-driver-cell{grid-column:2;grid-row:1;padding:13px 13px 10px!important}
  .page-heatmap .heat-impact-cell{grid-column:2;grid-row:2;padding:0 13px 11px!important;border:0!important}
  .page-heatmap .heat-impact-cell span{-webkit-line-clamp:3}
  .page-heatmap .heat-influence-cell{
    grid-column:2;grid-row:3;display:grid!important;grid-template-columns:auto auto 1fr!important;
    align-items:center!important;gap:9px!important;padding:10px 13px!important;border-left:0!important;border-top:1px solid var(--hm-line)!important;
  }
  .page-heatmap .heat-influence-cell span{order:initial!important;margin:0!important}
  .page-heatmap .heat-dots{margin:0!important}
  .page-heatmap .heat-footer-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:520px){
  .page-heatmap .heat-live-card{padding:13px!important}
  .page-heatmap .heat-tabs{margin-bottom:18px!important}
  .page-heatmap .heat-driver-cell{grid-template-columns:32px minmax(0,1fr)!important;gap:9px!important}
  .page-heatmap .heat-driver-icon{width:31px!important;height:31px!important;border-radius:9px!important;font-size:.95rem!important}
  .page-heatmap .heat-driver-cell h3{font-size:.92rem!important}
  .page-heatmap .heat-impact-cell span{font-size:.7rem!important}
  .page-heatmap .heat-influence-cell span{display:none!important}
  .page-heatmap .heat-footer-strip{grid-template-columns:1fr!important}
}