/* offline-pip.css — tier 3 components.
 * Owns: topbar offline / pending-sync chip. */

/* Carried from the old offline-pip.css header: topbar chip for offline state + pending sync queue.
 * See js/ui/offline-pip.js. Tokens only, no fixed colours, so every theme
 * (including any future one) is covered by construction. */

.topbar-offline-pip[hidden] {
  /* The [hidden] boolean attribute only hides an element via a UA-stylesheet
   * `display:none` — equal-specificity author rules like the one below
   * override it, so this has to be spelled out explicitly or the chip
   * renders as an empty bordered box even while "hidden". */
  display: none;
}
.topbar-offline-pip {
  display: inline-flex;
  align-items: center;
  height: 36px;
  padding: 0 var(--sp-5);
  background: var(--panel-bg);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  color: var(--text-muted);
  font-size: var(--fs-sm);
  font-weight: 500;
  letter-spacing: var(--tr-tight);
  line-height: 1;
  white-space: nowrap;
}
.topbar-offline-pip .topbar-offline-n { color: var(--accent); font-weight: 700; margin: 0 var(--sp-1); }