.offline-chip{display: inline-flex;align-items: center;gap: 6px;height: 34px;padding: 0 10px;border: 1px solid var(--line);border-radius: 999px;background: var(--panel);color: var(--ink);font: inherit;font-size: 13px;font-weight: 650;cursor: pointer;white-space: nowrap}.offline-chip[hidden]{display: none}.offline-chip:hover{border-color: var(--accent)}.offline-chip:focus-visible{outline: 2px solid var(--accent);outline-offset: 2px}.offline-chip.is-off{background: var(--warn-soft);border-color: var(--warn);color: var(--warn-ink)}.offline-chip.has-failed{border-color: var(--danger)}.offline-n{display: inline-grid;place-items: center;min-width: 20px;height: 20px;padding: 0 6px;border-radius: 999px;background: var(--warn);color: #fff;font-size: 11.5px}.offline-n.bad{background: var(--danger)}.offline-bar{display: flex;align-items: center;gap: 10px;padding: 8px 16px;background: var(--warn-soft);color: var(--warn-ink);border-bottom: 1px solid var(--warn);font-size: 13.5px;line-height: 1.45}.offline-bar[hidden]{display: none}.offline-bar .grow{flex: 1 1 0;min-width: 0}.offline-age{flex: 0 0 auto;font-weight: 650;font-variant-numeric: tabular-nums}.outbox{display: grid;gap: 10px}.outbox-empty{display: flex;align-items: center;gap: 8px}.outbox-item{display: grid;gap: 6px;padding: 12px;border: 1px solid var(--line);border-radius: var(--r);background: var(--panel)}.outbox-item.failed{border-color: var(--danger)}.outbox-top{display: flex;align-items: center;gap: 8px}.outbox-sum{font-size: 13.5px;overflow-wrap: anywhere}.outbox-err{display: flex;align-items: flex-start;gap: 6px;padding: 8px 10px;border-radius: var(--r-sm);background: var(--danger-soft);color: var(--danger-ink);font-size: 13px}.outbox-err .ico{margin-top: 2px}.outbox-acts{display: flex;flex-wrap: wrap;gap: 6px}.offline-mark{display: inline-flex;align-items: center;gap: 4px;vertical-align: middle}.offline-mark>.ico{color: var(--warn-ink)}.data-table tr.row-offline>td{background: color-mix(in srgb,var(--warn-soft) 55%,transparent)}.data-table tr.row-offline .offline-mark{margin-inline-start: 6px}.offline-note{display: flex;align-items: center;gap: 8px;padding: 10px 12px;margin-bottom: 12px;border-radius: var(--r);background: var(--warn-soft);color: var(--warn-ink);font-size: 13.5px}.offline-note.failed{background: var(--danger-soft);color: var(--danger-ink)}@media (max-width: 720px){.offline-chip{height: 36px;padding: 0 8px}.offline-chip .offline-chip-l{display: none}.offline-bar{padding: 8px 12px;font-size: 13px;flex-wrap: wrap;align-items: flex-start}.offline-bar>.ico{margin-top: 2px}.offline-age{flex-basis: 100%;padding-inline-start: 26px}}