/* PPBX-932: the zone chip + its (?) explanation (templates/_org_tz_note.html, static/js/orgclock.js). */
.org-tz { position: relative; display: inline-flex; align-items: center; gap: 6px; vertical-align: middle; }
.org-tz[hidden] { display: none; }
.org-tz__chip { font-size: 12px; font-weight: 600; color: #4338ca; background: #eef2ff; border: 1px solid #c7d2fe;
                border-radius: 999px; padding: 3px 10px; white-space: nowrap; }
.org-tz__panel { position: absolute; top: calc(100% + 6px); left: 0; z-index: 30; width: min(320px, 80vw); padding: 10px 12px;
                 background: #fff; border: 1px solid #e5e7eb; border-radius: 10px; box-shadow: 0 8px 24px rgba(49,46,129,.15);
                 font-size: 13px; line-height: 1.45; color: #374151; white-space: normal; }
.org-tz__panel[hidden] { display: none; }
/* In a page header the badge sits at the right edge: open the explanation leftwards. On a phone it is a fixed sheet inside the
   viewport (a 320px popover anchored mid-toolbar ran 200px past it). */
.pg-head .org-tz__panel, .sv-head .org-tz__panel { left: auto; right: 0; }
@media (max-width: 700px) {
  .org-tz__panel, .pg-head .org-tz__panel, .sv-head .org-tz__panel { position: fixed; left: 16px; right: 16px; width: auto; top: auto; }
}