.bt-icon{display:inline-flex;align-items:center;justify-content:center;gap:2px;min-width:44px;min-height:44px;padding:6px;background:white;border:1px solid currentColor;border-radius:10px}.bt-icon svg{width:24px;height:24px}.bt-red{color:#b3261e}.bt-orange{color:#a65a00}.bt-green{color:#18703d}.bt-warning{color:#a65a00}.bt-device{border:1px solid #cbd8df;border-radius:12px;padding:12px;margin:12px 0}.bt-buttons{display:flex;flex-wrap:wrap;gap:8px}.bt-note{font-size:.9em;color:#405765}#bt-devices button:disabled{opacity:.55}
.bt-picture-button{position:relative;display:block;width:clamp(124px,27vw,202px);padding:0;border:0;background:transparent;line-height:0}
.bt-picture-button>img{display:block;width:100%;height:auto}
.bt-picture-button .bt-live-symbol{position:absolute;left:61%;top:14%;width:28%;height:26%;display:flex;align-items:center;justify-content:center;line-height:1}
.bt-picture-button .bt-live-symbol svg{width:65%;height:65%;filter:drop-shadow(0 0 2px #fff)}
.bt-picture-button.bt-red{color:#ff5b61}.bt-picture-button.bt-orange{color:#ffb347}.bt-picture-button.bt-green{color:#4bff8c}.bt-picture-button.bt-warning{color:#ffb347}
.bt-picture-button .bt-live-warning{position:absolute;right:0;bottom:0;font-size:clamp(16px,4vw,25px)}
.bt-icon .bt-live-symbol{display:inline-flex;align-items:center;gap:2px}

/* User-approved additions, calibrated to the original 1254-square artwork. */
.bt-picture-button .bt-device-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.bt-device-overlay .bt-check{fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px currentColor)}
.bt-device-overlay .bt-check-red{color:#ff5b61}.bt-device-overlay .bt-check-orange{color:#ffb347}.bt-device-overlay .bt-check-green{color:#4bff8c}
.bt-bridge-badge>circle:first-child{fill:#05234d;stroke:#36ddff;stroke-width:9}
.bt-bridge-rim{fill:none;stroke:currentColor;stroke-width:5}
.bt-bridge-badge text{fill:white;font:bold 34px Arial,sans-serif}
.bt-body-scale>rect:first-child{fill:#222c39;stroke:#d8e0e5;stroke-width:9}
.bt-body-scale>rect:nth-child(2){fill:#929e9b;stroke:#e8ecec;stroke-width:4}
.bt-body-scale>path{fill:none;stroke:#657582;stroke-width:4}
.bt-body-scale text{fill:white;font:bold 27px Arial,sans-serif}

.bt-meter-field{gap:6px;justify-content:flex-start;border-radius:10px;background:#061b34;color:inherit}
.bt-meter-field.bt-red{border-color:#ff6068}.bt-meter-field.bt-orange{border-color:#ffc15e}.bt-meter-field.bt-green{border-color:#4bff8c}

/* Match the dashboard status colours without changing the dashboard artwork. */
.bt-meter-field .bt-live-symbol{flex:none}
.bt-meter-field.bt-red .bt-live-symbol{color:#ff5b61}
.bt-meter-field.bt-orange .bt-live-symbol{color:#ffb347}
.bt-meter-field.bt-green .bt-live-symbol{color:#4bff8c}

/* Reading-popup indicator is informational and sits left of its title. */
.dialog-head h2:has(.bt-meter-field){display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.dialog-head .bt-meter-field{cursor:default;min-width:0;min-height:32px;max-width:170px;padding:5px 7px;font-size:.72rem;line-height:1.2}
.dialog-head .bt-meter-field svg{width:18px;height:18px}

/* Title stays centered; status and close occupy independent equal side columns. */
.dialog-head:has(.bt-meter-field){display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px}
.dialog-head h2:has(.bt-meter-field){display:contents}
.dialog-head h2>.bt-meter-field{grid-column:1;grid-row:1;justify-self:start;max-width:100%}
.dialog-head h2:has(.bt-meter-field)>span:last-child{grid-column:2;grid-row:1;text-align:center}
.dialog-head:has(.bt-meter-field)>button{grid-column:3;grid-row:1;justify-self:end}

/* Separate local bridge reachability from the glucose meter connection. */
.bt-state-red{color:#ff5b61}.bt-state-orange{color:#ffb347}.bt-state-green{color:#4bff8c}.bt-state-neutral{color:#a1bdcb}
.bt-dual-home .bt-split-symbol{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;width:100%;height:100%}
.bt-connection-half{display:flex;min-width:0;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:3px}
.bt-connection-half+.bt-connection-half{border-left:1px solid #a1bdcb88}
.bt-connection-half small{font-size:clamp(7px,.65vw,10px);line-height:1.2;font-weight:700;white-space:nowrap}
.sg-rowan-theme .tracker-header .bt-dual-home .bt-split-symbol{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0}
.sg-rowan-theme .tracker-header .bt-dual-home .bt-connection-half svg{width:75%;height:50%;max-height:40px}
.bt-dual-reading{display:flex;flex-direction:column;align-items:stretch;gap:5px}
.bt-reading-line{display:flex;align-items:center;gap:5px;min-width:0;text-align:left}
.bt-reading-line>svg{flex:none}
.bt-reading-line>span{overflow-wrap:anywhere}
.dialog-head .bt-dual-reading{max-width:200px}