/* Home Bot Status · compact resource gauges
 * Layout-only refinement. Preserve the shared Midnight Glass card, rim,
 * wallpaper light tracking, breathing status dot and existing power buttons.
 * Real CPU, RAM, and disk values are populated by the existing live integration.
 */

#screen .home-status.sb-status-gauges .sb-status-inline {
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  column-gap:9px;
  row-gap:0;
  margin-top:18px;
  margin-bottom:0;
}
#screen .home-status.sb-status-gauges .sb-status-inline > .sb-metric {
  min-width:0;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}
#screen .home-status.sb-status-gauges .sb-status-inline > .sb-usage-row {
  grid-column:1/-1;
  width:100%;
  min-width:0;
  margin-top:15px;
}
#screen .home-status.sb-status-gauges .sb-status-inline > .sb-usage-ram {
  margin-top:12px;
}
#screen .home-status.sb-status-gauges .sb-status-inline .sb-usage-head {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  min-width:0;
  gap:8px;
  margin:0 0 7px;
  color:#b6a5c8;
  font-weight:700;
  font-size:10px;
  letter-spacing:1.1px;
  line-height:1.3;
}
#screen .home-status.sb-status-gauges .sb-status-inline .sb-usage-head > span:last-child {
  font-size:10px;
  letter-spacing:0;
  font-weight:650;
  color:#cbb9dd;
  text-align:right;
}
#screen .home-status.sb-status-gauges .sb-usage-row :is(.sb-usage-track,.sb-memory-track) {
  box-sizing:border-box;
  width:100%;
  height:5px;
  padding:0;
  margin:0;
  position:relative;
  display:block;
  overflow:visible;
  border:0;
  border-radius:999px;
  background:rgba(179,136,235,.15);
}
#screen .home-status.sb-status-gauges .sb-usage-row :is(.sb-usage-track,.sb-memory-track)[hidden] {
  display:none!important;
}
#screen .home-status.sb-status-gauges .sb-usage-row :is(.sb-usage-track,.sb-memory-track) > span {
  display:block;
  position:relative;
  width:0;
  max-width:100%;
  height:100%;
  border-radius:999px;
  background:var(--sb-gauge-fill,linear-gradient(90deg,#9272c6,#cda5f4));
  box-shadow:var(--sb-gauge-glow,0 0 8px rgba(179,136,235,.45),0 0 16px rgba(179,136,235,.19));
  transition:width .55s cubic-bezier(.22,.68,.18,1),box-shadow .32s ease;
}
#screen .home-status.sb-status-gauges .sb-usage-row :is(.sb-usage-track,.sb-memory-track) > span[data-active="true"] {
  min-width:2px;
}
#screen .home-status.sb-status-gauges .sb-usage-row :is(.sb-usage-track,.sb-memory-track) > span[data-active="false"] {
  min-width:0;
}
#screen .home-status.sb-status-gauges .sb-usage-row :is(.sb-usage-track,.sb-memory-track) > span::after {
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:clamp(1px,7%,6px);
  height:100%;
  border-radius:999px;
  background:rgba(253,236,255,.54);
  box-shadow:0 0 5px var(--sb-gauge-tip,rgba(200,154,255,.70));
  pointer-events:none;
}
#screen .home-status.sb-status-gauges .sb-usage-row [data-level="normal"] {
  --sb-gauge-fill:linear-gradient(90deg,#9471ca,#cda5f4);
  --sb-gauge-glow:0 0 8px rgba(179,136,235,.48),0 0 17px rgba(179,136,235,.20);
  --sb-gauge-tip:rgba(200,154,255,.70);
}
#screen .home-status.sb-status-gauges .sb-usage-row [data-level="mid"] {
  --sb-gauge-fill:linear-gradient(90deg,#af8a4b,#f5cf78);
  --sb-gauge-glow:0 0 8px rgba(239,197,101,.48),0 0 17px rgba(239,197,101,.17);
  --sb-gauge-tip:rgba(255,226,152,.76);
}
#screen .home-status.sb-status-gauges .sb-usage-row :is([data-level="high"],[data-level="critical"]) {
  --sb-gauge-fill:linear-gradient(90deg,#af576e,#ee91ae);
  --sb-gauge-glow:0 0 9px rgba(240,125,157,.58),0 0 19px rgba(240,125,157,.20);
  --sb-gauge-tip:rgba(255,187,209,.84);
}
/* Keep the original three inline metrics. Storage takes RAM's former slot. */
#screen .home-status.sb-status-gauges .sb-status-inline > .sb-status-disk[hidden] {
  display:none!important;
}
#screen .home-status.sb-status-gauges .sb-status-inline .sb-status-disk small {
  font-size:10px;
  white-space:nowrap;
}
#screen .home-status.sb-status-gauges .sb-status-inline .sb-status-disk strong {
  font-size:clamp(13px,4vw,19px);
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
#screen .home-status.sb-status-gauges .sb-status-inline .sb-status-disk small:empty {
  display:none!important;
}
#screen .home-status.sb-status-gauges .sb-ram-amount {
  display:inline-flex;
  align-items:baseline;
  justify-content:flex-end;
  gap:4px;
  white-space:nowrap;
  min-width:0;
  font-variant-numeric:tabular-nums;
  letter-spacing:0;
}
#screen .home-status.sb-status-gauges .sb-usage-head .sb-cpu-amount {
  color:#ecdef9!important;
  font-size:11px!important;
  font-weight:720!important;
  line-height:1.3;
  letter-spacing:0!important;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
#screen .home-status.sb-status-gauges .sb-usage-head .sb-ram-amount strong {
  font-size:11px!important;
  color:#f0e4fa;
  font-weight:730;
  letter-spacing:0;
  line-height:1.3;
}
#screen .home-status.sb-status-gauges .sb-usage-head .sb-ram-amount small {
  font-size:10px!important;
  font-weight:500;
  color:#a99db7;
  line-height:1.3;
}

/* Compact top-right stack: state, verified IP, transfer totals, freshness. */
#screen .home-status.sb-status-gauges .status-head {
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
#screen .home-status.sb-status-gauges .sb-status-meta-column {
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:flex-start;
  gap:4px;
  min-width:0;
  max-width:68%;
  flex:0 1 auto;
}
#screen .home-status.sb-status-gauges .sb-status-meta-column .status-meta {
  display:inline-flex;
  justify-content:flex-end;
  white-space:nowrap;
  min-width:0;
  line-height:1.25;
}
#screen .home-status.sb-status-gauges .status-meta .offline-indicator {
  display:none!important;
}
#screen .home-status.sb-status-gauges .sb-server-address {
  color:#ac9cbe;
  font-size:10px;
  font-weight:550;
  font-variant-numeric:tabular-nums;
  letter-spacing:0;
  line-height:1.3;
  text-align:right;
  overflow-wrap:anywhere;
}
#screen .home-status.sb-status-gauges .sb-server-address[hidden] {
  display:none!important;
}
/* PebbleHost inbound/outbound TOTAL BYTES, never rates or throughput. */
#screen .home-status.sb-status-gauges .sb-status-meta-column .sb-status-network {
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  justify-content:flex-end;
  gap:2px 10px;
  min-width:0;
  width:auto;
  max-width:100%;
  margin:0;
  color:#b4a6c3;
  line-height:1.35;
  text-align:right;
}
#screen .home-status.sb-status-gauges .sb-status-network[hidden] {
  display:none!important;
}
#screen .home-status.sb-status-gauges .sb-status-network > span {
  display:inline-flex;
  align-items:baseline;
  gap:3px;
  min-width:0;
  white-space:nowrap;
}
#screen .home-status.sb-status-gauges .sb-status-network > span > span {
  color:#cba7ee;
  font-size:12px;
  font-weight:600;
  line-height:1;
}
#screen .home-status.sb-status-gauges .sb-status-network strong {
  color:#dacee5;
  font-size:10px;
  font-weight:650;
  font-variant-numeric:tabular-nums;
  letter-spacing:0;
}
#screen .home-status.sb-status-gauges .sb-status-updated {
  display:block;
  color:#9487a6;
  font-size:9px;
  line-height:1.35;
  letter-spacing:0;
  text-align:right;
  font-variant-numeric:tabular-nums;
  white-space:normal;
}
#screen .home-status.sb-status-gauges .sb-status-updated[hidden] {
  display:none!important;
}
#screen .home-status.sb-status-gauges .sb-status-updated[data-freshness="delayed"] {
  color:#e4c184;
}
/* Power buttons remain the final visual element, with comfortable padding. */
#screen .home-status.sb-status-gauges > .rule {
  margin-top:20px!important;
  margin-bottom:15px!important;
}
#screen .home-status.sb-status-gauges > .controls {
  margin:0!important;
  padding:0!important;
}
#screen .home-status.sb-status-gauges > [data-live="signin"][hidden] {
  display:none!important;
}
@media(max-width:370px) {
  #screen .home-status.sb-status-gauges .sb-status-meta-column {
    max-width:72%;
  }
  #screen .home-status.sb-status-gauges .sb-status-network {
    gap:2px 7px;
  }
}
#screen .home-status.sb-status-gauges [data-live="status-detail"]:empty {
  display:none!important;
}
@media(max-width:365px){
  #screen .home-status.sb-status-gauges .sb-status-inline .sb-usage-head {
    font-size:9px;
  }
}
@media(prefers-reduced-motion:reduce){
  #screen .home-status.sb-status-gauges .sb-usage-row :is(.sb-usage-track,.sb-memory-track) > span{
    transition:none!important;
  }
}


/* Bot Status v5 · three stats on the same column rhythm as power controls.
   Keep the approved Midnight Glass material, light tracking and dot physics. */
#screen .home-status.sb-status-gauges .status-head {
  align-items:flex-start;
  gap:9px;
}
#screen .home-status.sb-status-gauges .sb-status-primary {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  flex:1 1 auto;
  min-width:0;
  max-width:52%;
}
#screen .home-status.sb-status-gauges .status-head .statusline {
  display:flex;
  align-items:center;
  gap:9px;
  margin:10px 0 0;
  font-size:clamp(18px,5.2vw,21px);
  line-height:1.2;
  min-width:0;
}
#screen .home-status.sb-status-gauges .status-head .statusline .dot {
  flex:0 0 8px;
}
#screen .home-status.sb-status-gauges .status-head .sb-status-updated {
  margin-top:7px;
  color:#a99ab9;
  font-size:9px;
  line-height:1.4;
  text-align:left;
  letter-spacing:0;
  font-variant-numeric:tabular-nums;
  overflow-wrap:normal;
  white-space:normal;
}
#screen .home-status.sb-status-gauges .sb-status-meta-column {
  max-width:48%;
  flex:0 1 48%;
  gap:5px;
  padding-top:1px;
}
#screen .home-status.sb-status-gauges .sb-status-meta-column .status-meta {
  display:inline-flex!important;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  min-height:13px;
  white-space:nowrap;
}
#screen .home-status.sb-status-gauges .sb-status-meta-column .status-meta .offline-indicator {
  display:inline-block!important;
  flex:none;
  width:7px;
  height:7px;
  border-radius:50%;
}
#screen .home-status.sb-status-gauges .sb-status-inline {
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  column-gap:9px;
  margin-top:19px;
}
#screen .home-status.sb-status-gauges .sb-status-inline > .sb-metric {
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:center;
  min-width:0;
  text-align:center;
  gap:4px;
}
#screen .home-status.sb-status-gauges .sb-status-inline > .sb-metric .sb-metric-label {
  font-size:9px;
  line-height:1.2;
  letter-spacing:.95px;
  white-space:nowrap;
}
#screen .home-status.sb-status-gauges .sb-status-inline > .sb-metric strong {
  color:#efe3fb;
  font-size:clamp(11px,3.4vw,16px)!important;
  font-weight:730;
  line-height:1.25;
  letter-spacing:-.3px;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
  max-width:100%;
}
#screen .home-status.sb-status-gauges .sb-status-inline > .sb-metric small {
  color:#a99db7;
  font-size:9px;
  font-weight:550;
  line-height:1.25;
  white-space:nowrap;
  min-height:11px;
}
#screen .home-status.sb-status-gauges .sb-status-inline > .sb-metric small:empty {
  visibility:hidden;
}
#screen .home-status.sb-status-gauges .sb-status-inline > .sb-usage-row {
  margin-top:17px;
}
#screen .home-status.sb-status-gauges .sb-status-inline > .sb-usage-ram {
  margin-top:12px;
}
#screen .home-status.sb-status-gauges .sb-usage-head .sb-ram-percent {
  color:#ecdef9;
  font-size:11px!important;
  font-weight:720;
  line-height:1.3;
  font-variant-numeric:tabular-nums;
  letter-spacing:0;
  white-space:nowrap;
}
#screen .home-status.sb-status-gauges > .rule {
  margin-top:19px!important;
  margin-bottom:15px!important;
}
@media(max-width:365px) {
  #screen .home-status.sb-status-gauges .sb-status-inline > .sb-metric strong {
    font-size:11px!important;
    letter-spacing:-.35px;
  }
  #screen .home-status.sb-status-gauges .sb-status-inline > .sb-metric .sb-metric-label {
    font-size:8px;
    letter-spacing:.65px;
  }
  #screen .home-status.sb-status-gauges .sb-status-meta-column {
    max-width:46%;
    flex-basis:46%;
  }
}

/* Timestamp sits directly above the primary heartbeat when data is available. */
#screen .home-status.sb-status-gauges .sb-status-primary > .sb-status-updated:not([hidden]) + .statusline {
  margin-top:8px;
}


/* Bot Status live polish: more prominent three-column readout, never oversized
   enough to break the shared button alignment on narrower iPhone screens. */
#screen .home-status.sb-status-gauges .sb-status-inline > .sb-metric strong {
  font-size:clamp(15px,4.35vw,19px)!important;
  letter-spacing:-.5px;
  line-height:1.18;
}
#screen .home-status.sb-status-gauges .sb-status-inline > .sb-metric small {
  font-size:10px;
  min-height:12px;
}
#screen .home-status.sb-status-gauges .sb-status-inline > .sb-metric .sb-metric-label {
  font-size:9.5px;
}
#screen .home-status.sb-status-gauges .status-head .sb-status-updated {
  font-size:10px;
  font-weight:620;
  color:#bdacd0;
  letter-spacing:.12px;
}
#screen .home-status.sb-status-gauges .status-head .sb-status-updated[data-freshness="delayed"] {
  color:#e4c184;
}

/* Maintain a visible, fully honest CPU track at zero/near-zero load.
   A small pulsing tick is a visual idle/low-load indicator, NOT a minimum
   fill percentage. The actual bar width still tracks cpu.percent/cpu.limitPercent. */
#screen .home-status.sb-status-gauges .sb-usage-cpu .sb-usage-track:not([hidden]) {
  display:block!important;
  background:rgba(179,136,235,.20);
}
#screen .home-status.sb-status-gauges .sb-usage-cpu .sb-usage-track[data-idle="true"]::before {
  content:"";
  position:absolute;
  z-index:2;
  left:0;
  top:0;
  width:8px;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#9877cf,#dfbaff);
  box-shadow:0 0 9px 2px rgba(179,136,235,.38),0 0 16px 3px rgba(179,136,235,.14);
  pointer-events:none;
}
#screen .home-status.sb-status-gauges .sb-usage-cpu .sb-usage-track > span[data-active="true"] {
  min-width:6px;
}
@media(max-width:365px) {
  #screen .home-status.sb-status-gauges .sb-status-inline > .sb-metric strong {
    font-size:clamp(13px,4vw,15px)!important;
  }
  #screen .home-status.sb-status-gauges .sb-status-inline > .sb-metric small {
    font-size:9px;
  }
}


/* Bot Status v8: freshness capsule + shared card spacing.
 * The top-left badge borrows the same quiet, oval glass language as
 * the existing LIVE indicator in the app header. Neither is an extra
 * bot status dot; the two approved green online lights remain untouched.
 * The timestamp is always the actual authenticated fetchedAt value.
 */
#screen .home-status.sb-status-gauges {
  padding:var(--sb-card-pad)!important;
}
#screen .home-status.sb-status-gauges .status-head .sb-status-updated {
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:6px;
  font-size:10px;
  font-weight:620;
  letter-spacing:0;
  line-height:1.25;
  color:#bfb1cf;
  white-space:nowrap;
  max-width:100%;
}
#screen .home-status.sb-status-gauges .status-head .sb-status-updated[data-freshness="delayed"] {
  color:#dfbf83;
}
/* Dense but balanced Home composition; no global card/gauge redesign. */
#screen .home-status.sb-status-gauges .sb-status-primary > .sb-status-updated:not([hidden]) + .statusline {
  margin-top:7px;
}
#screen .home-status.sb-status-gauges .sb-status-inline {
  margin-top:14px;
}
#screen .home-status.sb-status-gauges .sb-status-inline > .sb-usage-row {
  margin-top:14px;
}
#screen .home-status.sb-status-gauges .sb-status-inline > .sb-usage-ram {
  margin-top:10px;
}
#screen .home-status.sb-status-gauges > .rule {
  margin-top:16px!important;
  margin-bottom:14px!important;
}


/* Bot Status v9: quiet symmetry on the approved Midnight Glass card.
   LIVE/DELAYED capsule shares the top-right row with the verified bot state;
   the real refreshed-at clock stays below BOT STATUS on the left. */
#screen .home-status.sb-status-gauges .sb-status-flags {
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  max-width:100%;
  white-space:nowrap;
}
#screen .home-status.sb-status-gauges .sb-status-flags .sb-freshness-chip {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  flex:none;
  padding:3px 6px 3px 7px;
  border:1px solid rgba(248,236,255,.18);
  border-radius:999px;
  background:rgba(193,154,239,.075);
  color:#d9bdf3;
  font-size:8px;
  line-height:1.1;
  letter-spacing:.95px;
  font-weight:800;
}
#screen .home-status.sb-status-gauges .sb-status-flags .sb-freshness-chip[hidden] {
  display:none!important;
}
#screen .home-status.sb-status-gauges .sb-status-flags .sb-freshness-chip[data-freshness="delayed"] {
  color:#e4c184;
  background:rgba(226,185,111,.075);
  border-color:rgba(226,185,111,.32);
}
#screen .home-status.sb-status-gauges .status-head .sb-status-updated {
  display:block;
  margin-top:8px;
  font-size:12px;
  font-weight:650;
  line-height:1.25;
  letter-spacing:.12px;
  color:#d1c0e0;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
#screen .home-status.sb-status-gauges .sb-status-primary > .sb-status-updated:not([hidden]) + .statusline {
  margin-top:8px;
}
/* The wallpaper's highlight comes from top-right. Give the three
   measurements subtle directional WHITE glints (never lavender halos).
   Keep them static; the card's approved glass/rim is untouched. */
#screen .home-status.sb-status-gauges .sb-status-inline > .sb-metric:nth-child(1) strong {
  text-shadow:1px -2px 7px rgba(255,255,255,.15),2px -3px 16px rgba(255,255,255,.035);
}
#screen .home-status.sb-status-gauges .sb-status-inline > .sb-metric:nth-child(2) strong {
  text-shadow:1px -2px 8px rgba(255,255,255,.23),3px -4px 18px rgba(255,255,255,.07);
}
#screen .home-status.sb-status-gauges .sb-status-inline > .sb-metric:nth-child(3) strong {
  text-shadow:1px -2px 9px rgba(255,255,255,.29),3px -4px 21px rgba(255,255,255,.10);
}
/* Single continuous CPU tip. Remove the inner white highlight sliver,
   leave an unanimated lavender tick at zero, and keep nonzero width real. */
#screen .home-status.sb-status-gauges .sb-usage-cpu .sb-usage-track > span::after {
  content:none!important;
  display:none!important;
}
#screen .home-status.sb-status-gauges .sb-usage-cpu .sb-usage-track[data-idle="true"] > span {
  min-width:0!important;
  width:0!important;
  box-shadow:none!important;
}
#screen .home-status.sb-status-gauges .sb-usage-cpu .sb-usage-track[data-idle="true"]::before {
  animation:none!important;
  filter:none!important;
  opacity:1;
}


/* Resource gauges: brighter, soft lavender illumination belongs on the
   BAR FILLS only, not on the three white-lit stat values. Override the
   shared legacy RAM glow while preserving warning state colors. */
#screen .home-status.sb-status-gauges .sb-usage-row [data-level="normal"] > span {
  box-shadow:
    0 0 8px 2px rgba(193,150,255,.69),
    0 0 19px 5px rgba(179,136,235,.34),
    0 0 32px 8px rgba(179,136,235,.12)!important;
}
#screen .home-status.sb-status-gauges .sb-usage-row [data-level="mid"] > span {
  box-shadow:
    0 0 8px 2px rgba(239,197,101,.63),
    0 0 20px 5px rgba(239,197,101,.29),
    0 0 32px 8px rgba(239,197,101,.09)!important;
}
#screen .home-status.sb-status-gauges .sb-usage-row [data-level="critical"] > span {
  box-shadow:
    0 0 8px 2px rgba(240,125,157,.67),
    0 0 21px 5px rgba(240,125,157,.3),
    0 0 33px 8px rgba(240,125,157,.12)!important;
}
/* A single fixed CPU-idle tick, softly lit. No motion, no second white
   highlight; no change to PebbleHost's actual reported data width. */
#screen .home-status.sb-status-gauges .sb-usage-cpu .sb-usage-track[data-idle="true"]::before {
  width:7px;
  background:linear-gradient(90deg,#a782d9,#dcb7fa);
  box-shadow:
    0 0 8px 2px rgba(193,150,255,.64),
    0 0 18px 4px rgba(179,136,235,.25)!important;
}


/* Hero card v10 · a restrained finishing pass on our approved Midnight Glass.
   Only content lighting/spacing; no extra rim, card material, or scroll handler. */

/* Center the real clock underneath BOT STATUS, not across the entire card. */
#screen .home-status.sb-status-gauges .sb-status-primary .sb-status-caption {
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  align-self:flex-start;
  width:max-content;
  max-width:100%;
}
#screen .home-status.sb-status-gauges .sb-status-caption .sb-status-updated {
  width:100%;
  text-align:center;
  margin-top:8px;
}
#screen .home-status.sb-status-gauges .sb-status-caption + .statusline {
  margin-top:9px;
}
/* Match the small ONLINE badge: less padding, slightly less letter spacing. */
#screen .home-status.sb-status-gauges .sb-status-flags {
  gap:7px;
}
#screen .home-status.sb-status-gauges .sb-status-flags .sb-freshness-chip {
  padding:2px 5px 2px 6px;
  font-size:7.5px;
  letter-spacing:.75px;
  line-height:1.1;
}

/* White stat reflections are fed directly by the existing wallpaper-aware
   glass controller. As the card scrolls under the fixed light, the strength
   and slight directional offset change together. Never lavender on text. */
#screen .home-status.sb-status-gauges .sb-status-inline > .sb-metric:nth-child(1) strong {
  text-shadow:
    var(--sb-stat-light-x,1px) var(--sb-stat-light-y,-2px) 8px rgba(255,255,255,var(--sb-stat-light-1,.16)),
    2px -3px 17px rgba(255,255,255,var(--sb-stat-light-halo,.06));
}
#screen .home-status.sb-status-gauges .sb-status-inline > .sb-metric:nth-child(2) strong {
  text-shadow:
    var(--sb-stat-light-x,1px) var(--sb-stat-light-y,-2px) 9px rgba(255,255,255,var(--sb-stat-light-2,.23)),
    2px -3px 19px rgba(255,255,255,var(--sb-stat-light-halo,.06));
}
#screen .home-status.sb-status-gauges .sb-status-inline > .sb-metric:nth-child(3) strong {
  text-shadow:
    var(--sb-stat-light-x,1px) var(--sb-stat-light-y,-2px) 10px rgba(255,255,255,var(--sb-stat-light-3,.29)),
    2px -3px 21px rgba(255,255,255,var(--sb-stat-light-halo,.06));
}

/* Slightly brighter bars, preserving their warning colors and real fill width. */
#screen .home-status.sb-status-gauges .sb-usage-row [data-level="normal"] > span {
  box-shadow:
    0 0 9px 2px rgba(200,159,255,.77),
    0 0 20px 5px rgba(179,136,235,.39),
    0 0 34px 8px rgba(179,136,235,.14)!important;
}
/* The rounded specular bead lives inside the filled RAM end, not as a
   rectangular white marker sticking out past the end of its pill. */
#screen .home-status.sb-status-gauges .sb-usage-ram .sb-memory-track > span::after {
  content:"";
  display:block;
  top:10%;
  right:0;
  width:clamp(5px,12%,9px);
  height:80%;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(252,240,255,.25),rgba(255,246,255,.67));
  box-shadow:0 0 5px 1px var(--sb-gauge-tip,rgba(200,154,255,.6));
}
/* At idle show one steady, rounded, softly-lit CPU bead. At nonzero use
   the one continuous rounded fill, never two overlapping highlights. */
#screen .home-status.sb-status-gauges .sb-usage-cpu .sb-usage-track[data-idle="true"]::before {
  width:8px;
  border-radius:999px;
  background:linear-gradient(90deg,#ae87df,#e3c1ff);
  box-shadow:
    0 0 9px 2px rgba(200,159,255,.72),
    0 0 20px 4px rgba(179,136,235,.30)!important;
}
#screen .home-status.sb-status-gauges .sb-usage-cpu .sb-usage-track > span[data-active="true"] {
  border-radius:999px;
  min-width:6px;
}


/* Hero polish v11: align the entire left Online + heartbeat pair with the
   first Uptime / Start column, preserving the original dot-to-word spacing.
   Only a small shift is needed; the caption and right metadata stay put. */
#screen .home-status.sb-status-gauges .sb-status-primary > .statusline {
  margin-left:clamp(6px,2.3vw,10px)!important;
}

/* Correct the old near-invisible stat shadow. Position each bright white
   reflection behind its actual number glyphs. The existing glass frame
   drives --sb-stat-* on scroll using the SAME fixed wallpaper light source.
   No lavender on the figures, no extra rim or animation timer. */
#screen .home-status.sb-status-gauges .sb-status-inline > .sb-metric:nth-child(1) strong,
#screen .home-status.sb-status-gauges .sb-status-inline > .sb-metric:nth-child(2) strong,
#screen .home-status.sb-status-gauges .sb-status-inline > .sb-metric:nth-child(3) strong {
  position:relative;
  z-index:0;
  isolation:isolate;
  /* Keep number edges crisp. The larger WHITE halo is a separate layer,
     while its dark cast shadow moves away from the wallpaper light. */
  text-shadow:
    0 -1px 2px rgba(255,255,255,var(--sb-stat-shine,.24)),
    var(--sb-stat-shadow-x,-1px) var(--sb-stat-shadow-y,2px) 3px rgba(4,2,10,.60);
}
#screen .home-status.sb-status-gauges .sb-status-inline > .sb-metric strong::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:-20px -30px;
  border-radius:999px;
  background:radial-gradient(ellipse 76% 70% at 64% 34%,
    rgba(255,255,255,var(--sb-stat-backlight,.20)) 0%,
    rgba(255,255,255,var(--sb-stat-halo,.18)) 27%,
    rgba(255,255,255,0) 82%);
  transform:translate(var(--sb-stat-shift-x,2px),var(--sb-stat-shift-y,-3px));
  filter:blur(11px);
  pointer-events:none;
}
/* Exactly one small, circular ZERO-CPU leader. Never a minimum filled bar.
   Keep the actual PebbleHost percentage-based fill untouched and retain
   the existing colored warning tracks above 100% usage. */
#screen .home-status.sb-status-gauges .sb-usage-cpu .sb-usage-track[data-idle="true"]::before {
  width:5px;
  height:5px;
  top:0;
  left:0;
  border-radius:50%;
  background:radial-gradient(circle at 38% 31%,#f0d9ff 0%,#c39bf0 47%,#aa7ad8 100%);
  box-shadow:
    0 0 5px 1px rgba(203,161,255,.74),
    0 0 12px 3px rgba(179,136,235,.31)!important;
  animation:none!important;
}
#screen .home-status.sb-status-gauges .sb-usage-cpu .sb-usage-track > span[data-active="true"] {
  min-width:5px;
  border-radius:999px;
}


/* Bot Status v12: equal-size light beads for CPU and RAM.
   A 6px perfect circle is only 1px taller than the shared 5px rail.
   RAM uses the real fill endpoint; idle CPU uses the exact same light at 0.
   Neither bead is offset above/below its rail. */
#screen .home-status.sb-status-gauges .sb-usage-cpu .sb-usage-track > span[data-active="true"]::after,
#screen .home-status.sb-status-gauges .sb-usage-ram .sb-memory-track > span[data-active="true"]::after,
#screen .home-status.sb-status-gauges .sb-usage-cpu .sb-usage-track[data-idle="true"]::before {
  content:""!important;
  display:block!important;
  position:absolute!important;
  width:6px!important;
  height:6px!important;
  top:50%!important;
  border-radius:50%!important;
  transform:translateY(-50%)!important;
  background:radial-gradient(circle at 36% 28%,rgba(255,255,255,.87) 0%,var(--sb-gauge-tip,rgba(200,154,255,.75)) 78%)!important;
  box-shadow:
    0 0 6px 1px var(--sb-gauge-tip,rgba(200,154,255,.70)),
    0 0 15px 3px rgba(179,136,235,.25)!important;
  opacity:1!important;
  animation:none!important;
  pointer-events:none;
  z-index:3;
}
#screen .home-status.sb-status-gauges .sb-usage-cpu .sb-usage-track > span[data-active="true"]::after,
#screen .home-status.sb-status-gauges .sb-usage-ram .sb-memory-track > span[data-active="true"]::after {
  right:-.5px!important;
  left:auto!important;
}
#screen .home-status.sb-status-gauges .sb-usage-cpu .sb-usage-track[data-idle="true"]::before {
  left:-.5px!important;
  right:auto!important;
}
/* A zero-width CPU fill must never create a second tip. */
#screen .home-status.sb-status-gauges .sb-usage-cpu .sb-usage-track[data-idle="true"] > span::after,
#screen .home-status.sb-status-gauges .sb-usage-row :is(.sb-usage-track,.sb-memory-track) > span[data-active="false"]::after {
  content:none!important;
  display:none!important;
}
/* Keep the word anchored for all bot states. Slide only the primary dot
   toward the glass so it sits between the card edge and state title.
   Use margins, not transform, to preserve the green breathing animation. */
#screen .home-status.sb-status-gauges .status-head .statusline .dot {
  margin-left:-5px;
  margin-right:5px;
}


/* Bot Status v13 · final alignment and controlled physical lighting.
   This never modifies the approved Midnight Glass border or reflection. */

/* Keep the word aligned with the UPTIME/Start column. The dot sits between
   the glass inset and the word; same geometry for online/offline/starting. */
#screen .home-status.sb-status-gauges .status-head .sb-status-primary > .statusline .dot {
  margin-left:6px;
  margin-right:-2px;
  flex:0 0 8px;
}
/* Tight, position-following white illumination instead of the previous
   three overlapping, card-wide blurry halos. Glyphs remain crisp. */
#screen .home-status.sb-status-gauges .sb-status-inline > .sb-metric:nth-child(1) strong,
#screen .home-status.sb-status-gauges .sb-status-inline > .sb-metric:nth-child(2) strong,
#screen .home-status.sb-status-gauges .sb-status-inline > .sb-metric:nth-child(3) strong {
  text-shadow:
    0 0 3px rgba(255,255,255,var(--sb-stat-shine,.15)),
    var(--sb-stat-shadow-x,-1px) var(--sb-stat-shadow-y,1px) 2px rgba(3,2,9,.52);
}
#screen .home-status.sb-status-gauges .sb-status-inline > .sb-metric strong::before {
  inset:-7px -8px;
  border-radius:999px;
  background:radial-gradient(ellipse 72% 77% at 50% 50%,
    rgba(255,255,255,var(--sb-stat-backlight,.13)) 0%,
    rgba(255,255,255,var(--sb-stat-halo,.08)) 24%,
    rgba(255,255,255,0) 78%);
  transform:translate(var(--sb-stat-shift-x,2px),var(--sb-stat-shift-y,-2px));
  filter:blur(4px);
  pointer-events:none;
}

/* Startup light: short warm double pulse, distinct from the slow green
   ONLINE heartbeat. Never move the dot's alignment during the pulse. */
@keyframes sb-status-startup-pulse {
  0%,100% { transform:scale(1); opacity:.88; box-shadow:0 0 8px 2px rgba(255,204,111,.58),0 0 18px 7px rgba(255,195,78,.20); }
  27% { transform:scale(1.12); opacity:1; box-shadow:0 0 13px 4px rgba(255,215,132,.82),0 0 26px 10px rgba(255,195,78,.29); }
  44% { transform:scale(1); opacity:.90; box-shadow:0 0 8px 2px rgba(255,204,111,.58),0 0 18px 7px rgba(255,195,78,.20); }
  63% { transform:scale(1.07); opacity:1; box-shadow:0 0 11px 3px rgba(255,215,132,.72),0 0 23px 8px rgba(255,195,78,.25); }
}
#screen .home-status.sb-status-gauges[data-state="starting"] .status-head .statusline .dot {
  background:#ffd475!important;
  transform-origin:center;
  animation:sb-status-startup-pulse 1.55s ease-in-out infinite!important;
}
@media(prefers-reduced-motion:reduce) {
  #screen .home-status.sb-status-gauges[data-state="starting"] .status-head .statusline .dot {
    animation:none!important;
    transform:none!important;
  }
}