/* ローカル回線：ヘッダーの 📶 と、ローカル回線パネル */
.net-chip {
  border: 1px solid var(--border); background: var(--surface); color: var(--text);
  border-radius: 999px; padding: 4px 10px; cursor: pointer; font-size: .85rem; margin-left: auto;
}
.net-chip + .kisekae-btn { margin-left: 0; }
.net-chip.offline { background: #fff1d6; border-color: #e6b800; color: #6b4e00; }
.net-chip:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

.net-panel { width: min(520px, calc(100vw - 32px)); max-height: calc(100vh - 32px); padding: 20px; color: var(--text); }
.net-panel::backdrop { background: rgb(0 0 0 / 40%); }
.net-head { display: flex; justify-content: space-between; align-items: center; }
.net-head h2 { margin: 0; font-size: 1.2rem; }
.net-panel h3 { font-size: .95rem; margin: 18px 0 6px; }
.net-panel .small { font-size: .85rem; margin: 4px 0; }
.net-status { font-weight: 700; margin: 8px 0 4px; }
.net-status.on { color: #2f9e5b; }
.net-status.off { color: #c2410c; }
.net-outbox, .net-lan { list-style: none; margin: 0 0 8px; padding: 0; display: grid; gap: 6px; }
.net-outbox li {
  display: flex; justify-content: space-between; gap: 8px; align-items: start;
  background: var(--surface-2); border-radius: 10px; padding: 8px 10px; font-size: .9rem;
}
.net-outbox li span { white-space: pre-wrap; overflow-wrap: anywhere; }
.net-lan code { background: var(--surface-2); padding: 2px 8px; border-radius: 6px; font-size: .95rem; }
.net-panel .link-btn { background: none; border: none; color: var(--accent-ink, var(--accent)); cursor: pointer; padding: 0; font: inherit; font-size: .85rem; white-space: nowrap; }
.net-future { margin-top: 18px !important; }

/* タイムラインの「送信待ち」の投稿 */
.post.pending { border-style: dashed; opacity: .85; }
.pending-badge { font-size: .75rem; color: #6b4e00; background: #fff1d6; border-radius: 999px; padding: 1px 8px; }

@media (prefers-color-scheme: dark) {
  .net-chip.offline, .pending-badge { background: #4a3a10; border-color: #8a6d12; color: #ffe9a8; }
}