/* MY DUBAI — unavailable tickets + "notify me when it's back" (content/nb-assets/notify-back.js). */
.nb-badge { display: inline-block; padding: 2px 10px; border-radius: var(--radius-pill, 99px); background: rgba(29, 26, 22, .07); color: rgba(29, 26, 22, .72); font-size: .78rem; font-weight: 700; white-space: nowrap; }
.is-na > :not(.nb-cell) { color: rgba(29, 26, 22, .5); }
.nb { margin-block-start: 6px; }
.nb__go { padding: 0; border: 0; background: none; color: var(--c-gold-text, #8a6a2a); font: inherit; font-size: .82rem; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.nb__go[aria-busy="true"] { opacity: .6; cursor: progress; }
.nb__form { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; max-width: 420px; margin-block-start: 4px; }
.nb__l { font-size: .8rem; font-weight: 700; }
.nb__row { display: flex; flex-wrap: wrap; gap: 6px; }
.nb__row input { flex: 1 1 160px; width: 100%; min-width: 0; min-height: 44px; padding: 0 12px; border: 1px solid var(--c-line-strong, #bbb); border-radius: var(--radius-field, 10px); font: inherit; background: #fff; }
.nb__row input[aria-invalid="true"] { border-color: var(--c-error); }
.nb__send, .nb__acct { min-height: 44px; white-space: nowrap; }
.nb__note, .nb__news { margin: 0; font-size: .76rem; color: rgba(29, 26, 22, .66); }
.nb__news { display: flex; gap: 6px; align-items: flex-start; }
.nb__hp { position: absolute; inset-inline-start: -9999px; width: 1px; height: 1px; opacity: 0; }
.nb__err { margin: 0; font-size: .8rem; color: var(--c-error); }
.nb__ok { margin: 4px 0 0; font-size: .85rem; color: var(--c-ok); font-weight: 700; }
.nb__ok:focus { outline: none; }
.nb__demo { padding: 1px 6px; border-radius: 6px; background: #fff4d6; color: #7a5300; font-size: .7rem; }
/* mobile ticket cards (components.css: td = grid 9em 1fr) — the form gets the full row, not the label column */
.nb-cell .nb { grid-column: 1 / -1; min-width: 0; }
.nb-cell .nb-badge { justify-self: start; }