/* TLJ の ID の バッジ（tlj-account.js が アプリの ページの 左下に 出す）。メニューの ID の ところは home.css */
.tlj-badge {
  position: fixed; left: 10px; bottom: 10px; z-index: 50;
  font: 700 13px "M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", "Meiryo", sans-serif;
  color: #1D2846; background: rgba(255, 255, 255, .92); text-decoration: none;
  border: 2px solid #D5DFEC; border-radius: 999px; padding: 3px 12px;
  box-shadow: 0 2px 0 #D5DFEC; max-width: calc(100vw - 20px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.tlj-badge:hover { border-color: #1D2846; }
.tlj-badge[data-state="saved"] { border-color: #A9DCC6; }
.tlj-badge[data-state="error"], .tlj-badge[data-state="offline"] { border-color: #EC5B45; color: #B23A26; }
.tlj-badge[data-state="guest"] { color: #56627F; }
@media print { .tlj-badge { display: none; } }