.balanceSbbtReference{box-sizing:border-box;display:grid;gap:8px;margin-top:12px;padding:14px;border:1px solid #cbd5e1;border-radius:12px;background:#f8fafc;color:#172554;min-width:0}
.balanceSbbtReference .balanceSbbtTitle{font-size:13px;line-height:1.4;overflow-wrap:anywhere}
.balanceSbbtReference .balanceSbbtPeriod{font-size:12px;color:#475569;text-transform:capitalize}
.balanceSbbtReference .balanceSbbtGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.balanceSbbtReference .balanceSbbtGrid>div{display:grid;gap:4px;min-width:0}
.balanceSbbtReference .balanceSbbtGrid span,.balanceSbbtReference small,.balanceSbbtReference .balanceSbbtStatus{font-size:12px;line-height:1.5;color:#475569}
.balanceSbbtReference .balanceSbbtGrid strong{font-size:18px;line-height:1.3;overflow-wrap:anywhere}
.balanceSbbtReference button{justify-self:start;width:auto;min-height:36px;padding:6px 12px;border:1px solid #94a3b8;border-radius:8px;background:#fff;color:#172554;font:inherit;cursor:pointer}
.balanceSbbtReference button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}

/* ============================================================
   SIGOS_SBBT_R4_COMPACT_LOCAL_V2
   Referencia histórica SBBT · franja operativa compacta
   ============================================================ */

.balanceSbbtReference.balanceSbbtReferenceCompact{
  min-height:0 !important;
  margin:5px 0 7px !important;
  padding:7px 10px !important;
  border-radius:11px !important;
  box-shadow:none !important;
}

.balanceSbbtReferenceCompact .balanceSbbtCompact{
  display:grid;
  grid-template-columns:minmax(70px,1fr) auto auto;
  align-items:center;
  gap:14px;
  width:100%;
  min-height:34px;
}

.balanceSbbtCompactIdentity{
  display:flex;
  align-items:baseline;
  gap:6px;
  min-width:0;
  white-space:nowrap;
}

.balanceSbbtCompactIdentity strong{
  margin:0;
  font-size:12px;
  line-height:1;
  font-weight:900;
}

.balanceSbbtCompactIdentity span{
  font-size:10px;
  line-height:1;
  font-weight:700;
  opacity:.72;
}

.balanceSbbtCompactMetric{
  display:flex;
  align-items:baseline;
  gap:5px;
  white-space:nowrap;
}

.balanceSbbtCompactMetric span{
  font-size:9px;
  line-height:1;
  font-weight:700;
  opacity:.66;
}

.balanceSbbtCompactMetric b{
  font-size:13px;
  line-height:1;
  font-weight:950;
}

.balanceSbbtCompactStatus{
  min-height:30px;
  display:flex;
  align-items:center;
  font-size:10px;
  font-weight:750;
  opacity:.78;
}

@media(max-width:480px){
  .balanceSbbtReference.balanceSbbtReferenceCompact{
    padding:7px 9px !important;
  }

  .balanceSbbtReferenceCompact .balanceSbbtCompact{
    grid-template-columns:minmax(58px,1fr) auto auto;
    gap:8px;
  }

  .balanceSbbtCompactIdentity{
    gap:4px;
  }

  .balanceSbbtCompactIdentity strong{
    font-size:11px;
  }

  .balanceSbbtCompactIdentity span{
    font-size:9px;
  }

  .balanceSbbtCompactMetric{
    gap:3px;
  }

  .balanceSbbtCompactMetric span{
    font-size:8px;
  }

  .balanceSbbtCompactMetric b{
    font-size:11px;
  }
}

@media(max-width:355px){
  .balanceSbbtCompactMetric span{
    display:none;
  }
}