/* Multi-site frame controls */
.site-card{background:#101b14;border:1px solid #3f5144;border-radius:5px;padding:10px 11px;font-size:11px;line-height:1.55}
.site-card .site-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}
.site-card strong{color:#edf4e8}
.site-card .site-state{font-size:9px;letter-spacing:.8px;text-transform:uppercase;color:var(--lime);white-space:nowrap}
.site-card.pending{border-color:#73523a;background:#1e1914}
.site-card.pending .site-state{color:#ffb36e}
.site-card .site-meta{color:var(--muted)}
.site-card .site-note{margin-top:6px;color:#c6d0c6}
.stats .frame-badge{display:inline-block;margin-top:4px;padding:3px 6px;border:1px solid #526658;border-radius:999px;font-size:9px;letter-spacing:.45px;color:#cad9c9}
.stats .frame-badge.pending{border-color:#795039;color:#ffb36e}
.site-hud{position:absolute;top:13px;right:13px;z-index:5;display:flex;align-items:center;gap:10px;min-width:235px;padding:8px 10px;border:1px solid #8da27f88;border-radius:6px;background:#111714d9;box-shadow:0 5px 20px #0005;pointer-events:none}
.north-indicator{width:32px;height:37px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--lime);font-size:10px;line-height:1}
.north-arrow{font-size:25px;line-height:20px}
.north-indicator.pending{color:#ffb36e}
.site-hud-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.site-hud-copy strong{font-size:11px;color:#f2f7ed;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-hud-copy span{font-size:9px;color:#c0cec0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-hud-copy span:last-child{color:#9fb3a1}
@media(max-width:650px){.site-hud{top:8px;right:8px;min-width:0;max-width:calc(100% - 16px);padding:6px 8px}.site-hud-copy strong{max-width:180px}}