/* home: styles of this screen only, classes start with .home- */
.home-head:empty, .home-banner:empty, .home-zones:empty, .home-trades:empty { display: none; }
.home-top { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.home-no { font-family: var(--font-num); font-size: 44px; font-weight: 600; line-height: 1; letter-spacing: -.02em; }
.home-who { min-width: 0; }
.home-who .page-sub { margin: 2px 0 0; font-size: 13px; }
.home-running { margin-left: auto; padding: 9px 14px; }

.home-offline { display: flex; align-items: center; gap: 14px; padding: 12px 14px; border: 1px solid var(--bad); background: var(--bad-soft); }
.home-offline > .ic-wrap { color: var(--bad); }
.home-offline-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.home-offline-text span { color: var(--ink-2); font-size: 12.5px; }
.home-offline .btn { flex: none; }

.home-agent .feed-row { align-items: center; }
.home-agent .feed-text { flex: 1; }
.home-mid { flex: none; }
.home-mid:hover { color: var(--ink); }
.home-stopped .panel-head .ic-wrap { color: var(--ink-3); }

.home-zone-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.home-zone-grid .panel { min-width: 0; }
.home-none { margin: 0; color: var(--ink-3); font-size: 12.5px; padding: 18px 0; }

.home-trade-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1px; background: var(--line); }
.home-trade { background: var(--s1); padding: 18px 16px 14px; display: flex; flex-direction: column; align-items: center; gap: 10px; min-width: 0; }
.home-trade.is-done .swap { opacity: .75; }
.home-trade-who { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; justify-content: center; }
.home-trade-team { font-size: 15px; font-weight: 600; }
.home-trade-team:hover { text-decoration: underline; }
.home-trade-doing { align-self: stretch; display: flex; align-items: center; gap: 10px; padding: 7px 10px; border: 1px solid var(--line-2); background: var(--s2); font-size: 12.5px; min-width: 0; }
.home-trade-doing span:last-child { min-width: 0; overflow-wrap: anywhere; }
.home-trade-doing.is-held .ic-wrap { color: var(--bad); }
.home-trade-price, .home-trade-ids { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 4px 12px; font-family: var(--font-num); font-size: 10.5px; color: var(--ink-3); }
.home-trade-price b { color: var(--ink); font-weight: 600; }
.home-copy { all: unset; cursor: pointer; color: var(--ink-3); display: inline-flex; padding: 2px; }
.home-copy:hover, .home-copy:focus-visible { color: var(--ink); outline: 1px solid var(--line-2); }
.home-held .panel-note { color: var(--bad); }

@media (max-width: 900px) { .home-zone-grid { grid-template-columns: 1fr; } }
@media (max-width: 760px) {
  .home-no { font-size: 34px; }
  .home-running { margin-left: 0; width: 100%; }
  .home-offline { flex-wrap: wrap; }
  .home-trade-grid { grid-template-columns: 1fr; }
}