/* v16: responsive hierarchy, explicit connection state and accessible actions. */
:root { --v16-accent:#36b5bc; --v16-stroke:rgba(128,174,186,.24); }
.sidebar { border-right:1px solid var(--v16-stroke); }
.side-head { min-height:76px; align-items:center; gap:8px; }
.brand-name { letter-spacing:-.025em; }
.chat-filter-wrap { padding:8px 14px 12px; }
#chat-filter { width:100%; border:1px solid var(--v16-stroke);border-radius:12px;padding:11px 13px;background:var(--input-bg,rgba(125,158,172,.08));color:inherit; }
.chat-section-label { font-size:10px;letter-spacing:.16em;opacity:.72; }
.tg-nav { margin:8px 12px;border-radius:16px;border:1px solid var(--v16-stroke); }
.conv-item { border-radius:13px;margin:3px 9px;transition:background .15s; }
.conv-item.active { box-shadow:inset 3px 0 var(--v16-accent); }
.tg-runtime { border:1px solid var(--v16-stroke);border-radius:12px;padding:12px 14px;margin:12px 0;font-size:13px;line-height:1.55; }
.tg-runtime[data-state=online] { border-color:rgba(44,174,137,.5);background:rgba(44,174,137,.08); }
.tg-runtime[data-state=offline] { border-color:rgba(228,163,66,.6);background:rgba(228,163,66,.09); }
.tg-link-steps { display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px; }
.tg-link-steps span { font-size:12px;border:1px solid var(--v16-stroke);border-radius:999px;padding:7px 10px; }
.tg-mail { border-radius:16px;box-shadow:0 3px 14px rgba(0,0,0,.08); }
.tg-mail-top { flex-wrap:wrap;gap:8px; }
.tg-pending { border-left:3px solid var(--v16-accent);padding:14px;margin-top:14px; }
.pin-short-warning { display:flex;align-items:flex-start;gap:9px;border:1px solid #bd883b;border-radius:10px;padding:12px;margin-top:12px;font-size:13px;line-height:1.5; }
.pin-short-warning input { flex:0 0 auto;margin-top:3px; }
.transfer-target { min-height:55px;gap:12px;border:1px solid var(--v16-stroke);border-radius:12px;margin-bottom:8px; }
.transfer-target.selected { border-color:var(--v16-accent);background:rgba(54,181,188,.1); }
.transfer-target > span:nth-child(2) { flex:1;overflow-wrap:anywhere; }
.transfer-result { font-size:11px;max-width:105px; }
.transfer-targets { max-height:min(44vh,420px);overflow-y:auto;overscroll-behavior:contain; }
.transfer-card { max-height:92dvh;overflow-y:auto; }
#transfer-count { margin:2px 0 12px; }
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible { outline:2px solid var(--v16-accent);outline-offset:3px; }
button[disabled] { cursor:not-allowed; }
[hidden] { display:none!important; }
@media(max-width:600px) {
 .side-head { padding:10px 12px;min-height:68px; }.side-actions { gap:1px;flex-wrap:wrap;justify-content:flex-end; }
 .tg-content { padding:12px; }.tg-mail { max-width:100%; }.tg-mail-top strong { overflow-wrap:anywhere; }
 .tg-compose { padding-bottom:max(12px,env(safe-area-inset-bottom)); }
 .modal-card { max-width:calc(100vw - 24px);padding:18px;max-height:94dvh;overflow-y:auto; }
 .tg-link-steps span { font-size:11px;padding:6px 8px; }.transfer-result { max-width:78px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { transition:none!important;scroll-behavior:auto!important; } }
/* Modal cards are light in the existing theme; do not reuse dark-screen warning text. */
#pinset-modal .warn-box { color:#755216;background:#fff7e8;border-color:#e6c58c;line-height:1.55; }
#pinset-short-warning { display:flex;align-items:flex-start;gap:10px;font-family:var(--font-ui);font-size:13px;line-height:1.5;letter-spacing:0;text-transform:none;color:#374b44; }
#pinset-short-consent { width:18px;height:18px;margin:2px 0 0;flex:0 0 18px;accent-color:#0d8577; }