/* 31UP QR Studio 1.7.1 (module G) – time zone pickers, chips and notes. */
.qr31-tzpick { display: grid; gap: 8px; margin: 0 0 12px; min-width: 0; }
.qr31-tzpick input, .qr31-tzpick select {
  width: 100%; max-width: 100%; min-width: 0; box-sizing: border-box; font: inherit; color: var(--qr31-ink, #0b1a3a); background: #fff;
  border: 1px solid #d8d8e0; border-radius: 10px; padding: 10px 12px; min-height: 42px;
}
.qr31-tzpick input { background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235b6178' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") no-repeat 12px center / 16px; padding-left: 36px; }
.qr31-tzpick input:focus, .qr31-tzpick select:focus { outline: none; border-color: var(--qr31-brand, #1673ff); box-shadow: 0 0 0 3px color-mix(in srgb, var(--qr31-brand, #1673ff) 18%, transparent); }
.qr31-tzpick select { text-overflow: ellipsis; }
.qr31-tzpick.is-nohit input { border-color: #e0a100; }
.qr31-tz-now { margin: 0; font-size: 13px; color: var(--qr31-muted, #5b6178); }
.qr31-tz-now b { color: var(--qr31-ink, #0b1a3a); font-variant-numeric: tabular-nums; }
.qr31-tz-now span { display: block; }
.qr31-tz-chip { display: inline-block; margin: 3px 6px 0 0; font-size: 11px; font-weight: 600; padding: 1px 8px; border-radius: 999px; background: #eef4ff; color: #1d4fb8; white-space: nowrap; vertical-align: middle; }
.qr31-tz-win { margin: 4px 0 8px; }
.qr31-tz-win:empty { display: none; }
[data-acct-tz] .qr31-row-inline { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
[data-acct-tz] .qr31-field { margin-bottom: 0; }
/* The From / To / Remove row of a time window wraps on small phones instead of pushing the drawer sideways. */
.qr31-sched-row { flex-wrap: wrap; }
.qr31-sched-row label { min-width: 0; }
.qr31-sched-row input[type="time"] { max-width: 100%; }