/* Horoscope Energy Widget 2.0 */
.he-w{--bg:#fff;--bg2:#f7f4ee;--bd:#e5e2db;--tx:#1a1a1a;--tx2:#555;--tx3:#aaa;--ac:#BA7517;font-family:inherit;max-width:100%;margin:0 0 16px}
.he-w *{box-sizing:border-box}
.he-w.he-dark{--bg:#111113;--bg2:#1e1c1a;--bd:#2e2c2a;--tx:#ede8e2;--tx2:#a09890;--tx3:#5a5450;--ac:#d4912a}

.he-title{font-size:15px!important;font-weight:600!important;color:var(--tx)!important;margin:0 0 10px!important;padding:0!important;line-height:1.3!important}

/* tabs */
.he-tabs{display:flex!important;gap:5px!important;margin-bottom:12px!important;overflow-x:auto!important;scrollbar-width:none!important}
.he-tabs::-webkit-scrollbar{display:none}
.he-tab{flex-shrink:0!important;font-size:12px!important;padding:5px 14px!important;border-radius:20px!important;border:1.5px solid var(--bd)!important;background:var(--bg)!important;color:var(--tx3)!important;cursor:pointer!important;white-space:nowrap!important;line-height:1.4!important;transition:all .15s}
.he-tab.he-on{border-color:var(--ac)!important;color:var(--ac)!important;font-weight:600!important}
.he-panel{display:none!important}
.he-panel.he-on{display:block!important}

/* ── Number row ── compact ── */
.he-numrow{
  display:flex!important;
  align-items:center!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
  padding:8px 12px!important;
  border-radius:10px!important;
  background:var(--he-bg2,var(--bg2))!important;
  border:1px solid var(--bd)!important;
  margin-bottom:10px!important;
  line-height:1!important;
}
.he-badge{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  border-radius:8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-shrink:0!important;
  background:var(--he-badge,var(--ac))!important;
}
.he-digit{
  font-size:var(--he-fs-digit,24px)!important;
  font-weight:700!important;
  color:#fff!important;
  line-height:1!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
}
.he-numinfo,.he-numinfo *{margin:0!important;padding:0!important}
.he-numinfo{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:2px!important;
  flex:1!important;
  min-width:0!important;
  overflow:hidden!important;
}
.he-numlabel{
  display:block!important;
  min-height:1em!important;
  font-size:var(--he-fs-label,10px)!important;
  font-weight:600!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
  color:var(--tx3)!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  white-space:nowrap!important;
  display:block!important;
}
.he-numdesc{
  display:block!important;
  min-height:1em!important;
  font-size:var(--he-fs-desc,14px)!important;
  font-weight:500!important;
  color:var(--tx)!important;
  margin:0!important;
  padding:0!important;
  line-height:1.2!important;
  display:block!important;
}

/* strip */
.he-strip{display:flex!important;border-radius:10px!important;overflow:hidden!important;border:1px solid var(--bd)!important}
.he-cell{flex:1!important;min-width:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;padding:10px 4px 8px!important;gap:3px!important;background:var(--he-cell,var(--bg2))!important;border-right:1px solid var(--bd)!important}
.he-cell:last-child{border-right:none!important}
.he-icon{width:15px!important;height:15px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}
.he-icon svg{width:15px!important;height:15px!important;display:block!important}
.he-name{font-size:var(--he-fs-cell-name,8px)!important;color:var(--tx3)!important;text-transform:uppercase!important;letter-spacing:.04em!important;text-align:center!important;margin:0!important;padding:0!important;line-height:1.2!important}
.he-val{font-size:var(--he-fs-cell-val,16px)!important;font-weight:700!important;line-height:1!important;margin:0!important;padding:0!important}
.he-up{font-size:10px!important;color:#1D9E75!important;margin:0!important;line-height:1!important}
.he-dn{font-size:10px!important;color:#E24B4A!important;margin:0!important;line-height:1!important}
.he-eq{font-size:10px!important;color:var(--tx3)!important;margin:0!important;line-height:1!important}

@media(max-width:360px){
  .he-val{font-size:13px!important}
  .he-name{font-size:7px!important}
  .he-icon,.he-icon svg{width:12px!important;height:12px!important}
  .he-cell{padding:7px 2px!important}
  .he-digit{font-size:22px!important}
  .he-badge{width:38px!important;height:38px!important}
}

/* ── Grid 3x2 layout — separate cards ─────────── */
.he-strip.he-strip-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr 1fr!important;
  gap:8px!important;
  border:none!important;
  background:transparent!important;
  border-radius:0!important;
  overflow:visible!important;
}
.he-cell-grid{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:16px 8px!important;
  gap:6px!important;
  background:var(--he-cell,var(--bg2))!important;
  border:1px solid var(--bd)!important;
  border-radius:10px!important;
  min-width:0!important;
  margin:0!important;
}
.he-cell-grid .he-icon{width:22px!important;height:22px!important;margin:0!important}
.he-cell-grid .he-icon svg{width:22px!important;height:22px!important;display:block!important}
.he-cell-grid .he-name{font-size:var(--he-fs-cell-name,9px)!important;color:var(--tx3)!important;text-transform:uppercase!important;letter-spacing:.05em!important;margin:0!important;padding:0!important;text-align:center!important}
.he-cell-grid .he-val{font-size:var(--he-fs-cell-val,22px)!important;font-weight:700!important;margin:0!important;padding:0!important;line-height:1!important}
.he-cell-grid .he-up,.he-cell-grid .he-dn,.he-cell-grid .he-eq{margin:0!important;font-size:11px!important}

/* ── Bars layout ──────────────────────────────── */
.he-strip.he-strip-bars{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  background:var(--he-cell,var(--bg2))!important;
  border:1px solid var(--bd)!important;
  border-radius:10px!important;
  padding:14px 16px!important;
}
.he-bar-row{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
}
/* Left: icon + name */
.he-bar-left{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  width:96px!important;
  flex-shrink:0!important;
}
.he-bar-name{
  font-size:var(--he-fs-cell-name,11px)!important;
  font-weight:500!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
/* Track + animated fill */
.he-bar-track{
  flex:1!important;
  height:6px!important;
  border-radius:4px!important;
  background:var(--bd)!important;
  overflow:hidden!important;
}
.he-bar-fill{
  height:100%!important;
  border-radius:4px!important;
  width:0!important;
}
.he-bar-val{
  font-size:var(--he-fs-cell-val,14px)!important;
  font-weight:700!important;
  min-width:26px!important;
  text-align:right!important;
  margin:0!important;
  padding:0!important;
}
.he-strip-bars .he-icon{width:14px!important;height:14px!important;flex-shrink:0!important}
.he-strip-bars .he-icon svg{width:14px!important;height:14px!important;display:block!important}
.he-strip-bars .he-up,.he-strip-bars .he-dn,.he-strip-bars .he-eq{font-size:11px!important;min-width:14px!important;text-align:center!important;margin:0!important}