/* Only the multi-character offline status panel. */
.off-statusbar.off-statusbar-multi{background:transparent;border:1px solid #8882;border:1px solid color-mix(in srgb,currentColor 10%,transparent);border-radius:22px;overflow:hidden}
.off-statusbar-multi .off-sb-label{padding:18px 20px 4px;font-size:11px;letter-spacing:.14em;opacity:.55}
.off-statusbar-multi .off-sb-tog{padding:16px 20px;font-size:15px;background:transparent}
.off-statusbar-multi .off-sb-tog i{font-size:12px;opacity:.6}
.off-statusbar-multi [data-osb="heart"]>.off-sb-body{padding:0 20px 8px;background:transparent}
.off-sb-members{display:grid;gap:0;text-align:left;color:var(--ink,#222)}
.off-member{padding:20px 0 24px;min-width:0;border-top:1px solid #8882}
.off-member header{display:flex;align-items:center;gap:10px;margin:0 0 20px}
.off-member-index{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#8881;font-size:11px;font-variant-numeric:tabular-nums;opacity:.7}
.off-member header h4{font-size:17px;font-weight:650;line-height:1.4;margin:0;overflow-wrap:anywhere}
.off-member-caption{margin-left:auto;font-size:10px;letter-spacing:.12em;opacity:.4;white-space:nowrap}
.off-member-field{margin:16px 0}.off-member-field>b{display:block;font-size:11px;font-weight:500;opacity:.5;letter-spacing:.06em}
.off-member-field>p{font-size:14px;line-height:1.85;margin:6px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.off-member-field>.off-sb-trans{font-size:12px;opacity:.55}
.off-member footer{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:20px}
.off-member footer>span{font-size:11px;opacity:.6}.off-member footer strong{font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}.off-member footer small{font-size:10px;font-weight:400;opacity:.4}
.off-member-meter{height:4px;margin-top:10px;border-radius:9px;background:#8882;overflow:hidden}.off-member-meter i{display:block;height:100%;background:currentColor;opacity:.65;border-radius:inherit}
.off-member-note{font-size:11px!important;opacity:.45;line-height:1.6!important;margin:8px 0 0!important}

/* 1.7.86: compact, warm-neutral offline status panels. */
.off-statusbar,
.off-statusbar.off-statusbar-multi{
  --ink:#111114;
  --gray-1:#656467;
  --gray-2:#939296;
  background:#f1f0ee;
  color:var(--ink);
  border:0;
}
.off-statusbar .off-sb-label{color:var(--gray-2);font-size:11px;opacity:1;letter-spacing:.04em}
.off-statusbar .off-sb-tog{color:var(--ink);font-size:13px;font-weight:600;background:transparent}
.off-statusbar .off-sb-tog i{color:var(--gray-2);font-size:11px;font-weight:400;opacity:1}
.off-statusbar .off-sb-row + .off-sb-row{box-shadow:inset 0 1px 0 #e2e0e0}
.off-statusbar .off-sb-body{font-size:12px;line-height:1.7}
.off-statusbar .off-member header h4,
.off-statusbar .off-member footer strong{font-size:15px}
.off-statusbar .off-member-field>p{font-size:12px;line-height:1.75}
.off-statusbar .off-sb-trans{font-size:11px}
html[data-theme="dark"] .off-statusbar{
  --ink:#eeeae7;
  --gray-1:#c1bcba;
  --gray-2:#aaa5a3;
  background:#302e2d;
}
html[data-theme="dark"] .off-statusbar .off-sb-row + .off-sb-row{box-shadow:inset 0 1px 0 #44413f}
/* Tighter status rows, while retaining a comfortable touch target. */
.off-statusbar .off-sb-label{padding:9px 12px 2px}
.off-statusbar .off-sb-tog{padding:9px 12px;min-height:40px;line-height:1.5}
.off-statusbar .off-sb-body,
.off-statusbar-multi [data-osb="heart"]>.off-sb-body{padding:0 12px 10px}
.off-statusbar .off-member{padding:12px 0}
.off-statusbar .off-member header{margin-bottom:10px}
.off-statusbar .off-member-field{margin:9px 0}
.off-statusbar .off-member-field>p{margin-top:4px}
.off-statusbar .off-member footer{margin-top:10px}