/* next-events.css (r96 phase 2, wave 2, W2-EVENTS): Quality events, the event page, the lot page's card, the clinic desk's questions.
   The workspace's own tokens only. Phone rules sit at the end, scoped to 699px. */
#view .qe-page .card { margin: 0 0 var(--s-4); }
#view .qe-head .v89-head-a { flex-wrap: wrap; gap: var(--s-2); }
#view .qe-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s-2); margin: 0 0 var(--s-4); }
#view .qe-tiles > div { border: 1px solid var(--gray-200); border-radius: 10px; padding: var(--s-2) var(--s-3); background: var(--gray-0, #fff); min-width: 0; }
#view .qe-tiles b { display: block; font-size: 22px; line-height: 1.2; font-weight: var(--w-semibold); color: var(--gray-900); font-variant-numeric: tabular-nums; }
#view .qe-tiles span { display: block; font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-500); }
#view .qe-tiles .qe-t-r b { color: var(--critical-fg); }
#view .qe-tiles .qe-t-a b { color: var(--attention-fg); }
#view .qe-list, #view .qe-plain, #view .qe-reach, #view .qe-clocks, #dialog .qe-plain { list-style: none; margin: 0; padding: 0; }
#view .qe-row + .qe-row { border-top: 1px solid var(--gray-200); }
#view .qe-row a { display: grid; gap: 3px; padding: var(--s-3) 0; color: inherit; text-decoration: none; min-width: 0; }
#view .qe-row a:hover .qe-title { color: var(--accent); }
#view .qe-row-a, #view .qe-clock-a { display: flex; flex-wrap: wrap; gap: var(--s-2); align-items: center; }
#view .qe-ref { font-family: var(--font-mono); font-size: var(--t-small-size); color: var(--gray-700); }
#view .qe-kind, #view .qe-jur, #view .qe-span { font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-500); }
#view .qe-title { font-size: var(--t-body-size); line-height: var(--t-body-lh); font-weight: var(--w-semibold); color: var(--gray-900); overflow-wrap: anywhere; }
#view .qe-meta, #dialog .qe-meta { display: block; font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-500); overflow-wrap: anywhere; }
#view .qe-next { display: block; font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-700); overflow-wrap: anywhere; }
#view .qe-next.qe-n-overdue { color: var(--critical-fg); font-weight: var(--w-medium); }
#view .qe-next.qe-n-due_soon { color: var(--attention-fg); font-weight: var(--w-medium); }
#view .qe-hot { box-shadow: inset 3px 0 0 var(--critical-dot); padding-left: var(--s-2); }
#view .qe-p, #dialog .qe-p { margin: 0 0 var(--s-2); font-size: var(--t-body-size); line-height: var(--t-body-lh); color: var(--gray-700); overflow-wrap: anywhere; }
#view .qe-cite, #dialog .qe-cite, #view .qe-none, #view .qe-foot { margin: var(--s-2) 0 0; font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-500); overflow-wrap: anywhere; }
#view .qe-foot { margin: var(--s-2) 0 var(--s-6); }
#view .qe-a, #dialog .qe-a { display: flex; flex-wrap: wrap; gap: var(--s-2); align-items: center; margin-top: var(--s-2); }
#view .qe-form.qe-inline { display: flex; flex-wrap: wrap; gap: var(--s-3); align-items: flex-end; margin-top: var(--s-3); }
#view .qe-form.qe-inline .fg { min-width: 180px; flex: 1 1 180px; }
#view .qe-form.qe-inline .qe-p { flex: 1 1 100%; margin: 0; }
#view .qe-steps { display: flex; gap: 0; list-style: none; margin: 0 0 var(--s-3); padding: 0; counter-reset: qe; overflow-x: auto; }
#view .qe-steps li { flex: 1 1 0; min-width: 96px; position: relative; padding: var(--s-2) var(--s-2) 0 0; border-top: 3px solid var(--gray-200); font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-500); }
#view .qe-steps li.done { border-top-color: var(--positive-dot); color: var(--gray-700); }
#view .qe-steps li.now { border-top-color: var(--accent); color: var(--gray-900); font-weight: var(--w-semibold); }
#view .qe-steps li.skip span { text-decoration: line-through; }
#view .qe-answering { margin: 0 0 var(--s-3); font-size: var(--t-body-size); line-height: var(--t-body-lh); color: var(--gray-700); }
#view .qe-decided ul li { margin: 0 0 var(--s-2); font-size: var(--t-body-size); line-height: var(--t-body-lh); color: var(--gray-900); overflow-wrap: anywhere; }
#view .qe-by { display: block; font-size: var(--t-small-size); color: var(--gray-500); }
#view .qe-grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: var(--s-4); align-items: start; }
#view .qe-what { margin: 0 0 var(--s-3); font-size: var(--t-body-size); line-height: var(--t-body-lh); color: var(--gray-900); white-space: pre-wrap; overflow-wrap: anywhere; }
#view .qe-kv { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 4px var(--s-3); margin: 0; font-size: var(--t-small-size); line-height: var(--t-small-lh); }
#view .qe-kv dt { color: var(--gray-500); }
#view .qe-kv dd { margin: 0; color: var(--gray-900); overflow-wrap: anywhere; }
#view .qe-clock { display: grid; gap: 3px; padding: var(--s-3) 0; border-top: 1px solid var(--gray-200); min-width: 0; }
#view .qe-clock:first-child { border-top: 0; padding-top: 0; }
#view .qe-clock > b { font-size: var(--t-body-size); line-height: var(--t-body-lh); font-weight: var(--w-semibold); color: var(--gray-900); overflow-wrap: anywhere; }
#view .qe-to, #view .qe-basis, #view .qe-auth, #view .qe-why, #view .qe-met { display: block; font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-500); overflow-wrap: anywhere; }
#view .qe-due { display: block; font-size: var(--t-body-size); line-height: var(--t-body-lh); color: var(--gray-900); font-variant-numeric: tabular-nums; }
#view .qe-c-overdue .qe-due { color: var(--critical-fg); font-weight: var(--w-semibold); }
#view .qe-c-due_soon .qe-due { color: var(--attention-fg); font-weight: var(--w-semibold); }
#view .qe-c-not_applicable > b, #view .qe-c-not_applicable .qe-due { color: var(--gray-500); }
#view .qe-met { color: var(--positive-fg); }
#view .qe-why { color: var(--gray-700); }
#view .qe-h3 { margin: var(--s-3) 0 var(--s-1); font-size: var(--t-small-size); line-height: var(--t-small-lh); font-weight: var(--w-semibold); color: var(--gray-700); }
#view .qe-h3:first-child { margin-top: 0; }
#view .qe-reach li, #view .qe-plain li, #dialog .qe-plain li { padding: var(--s-2) 0; border-top: 1px solid var(--gray-100); font-size: var(--t-body-size); line-height: var(--t-body-lh); color: var(--gray-900); overflow-wrap: anywhere; }
#view .qe-reach li:first-child, #view .qe-plain li:first-child { border-top: 0; padding-top: 0; }
#view .qe-reach b, #view .qe-plain b { font-weight: var(--w-semibold); }
#view .qe-ans { display: block; margin-top: 4px; padding: var(--s-2) var(--s-3); border-left: 3px solid var(--accent); background: var(--gray-50); font-size: var(--t-body-size); line-height: var(--t-body-lh); color: var(--gray-900); }
#view .qe-tl { list-style: none; margin: 0; padding: 0 0 0 var(--s-3); border-left: 2px solid var(--gray-200); }
#view .qe-tl li { position: relative; padding: 0 0 var(--s-3) var(--s-2); font-size: var(--t-body-size); line-height: var(--t-body-lh); color: var(--gray-900); overflow-wrap: anywhere; }
#view .qe-tl li::before { content: ""; position: absolute; left: calc(-1 * var(--s-3) - 6px); top: 6px; width: 8px; height: 8px; border-radius: 50%; background: var(--gray-300); }
#view .qe-tl li > span { display: block; }
#view .qe-passbar { display: flex; flex-wrap: wrap; gap: var(--s-2); align-items: center; justify-content: space-between; margin: 0 0 var(--s-3); padding: var(--s-2) var(--s-3); border: 1px solid var(--gray-200); border-radius: 10px; background: var(--gray-50); font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-700); }
#view .qe-lotcard .card-h, #view .qe-desk .card-h { flex-wrap: wrap; gap: var(--s-2); }
#view .qe-set .qe-p { margin-bottom: var(--s-1); }
#view .qe-desk form { margin-top: var(--s-2); }
#dialog .qe-dlg .form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-3); }
#dialog .qe-dlg .form .fg.full, #dialog .qe-dlg .qe-checks { grid-column: 1 / -1; }
#dialog .qe-dlg textarea { min-height: 84px; width: 100%; }
#dialog .qe-radios { display: grid; gap: var(--s-2); margin: 0 0 var(--s-3); }
#dialog .qe-radios label, #dialog .qe-checks label { display: flex; gap: var(--s-2); align-items: flex-start; font-size: var(--t-body-size); line-height: var(--t-body-lh); color: var(--gray-900); }
#dialog .qe-checks { display: grid; gap: var(--s-1); }
#dialog .qe-draft { width: 100%; font-family: var(--font-mono); font-size: var(--t-small-size); line-height: 1.5; }
#dialog .qe-err, #dialog .qe-warn { margin: 0 0 var(--s-3); }
#dialog .qe-dlg { width: min(640px, 100%); }

@media (max-width: 699px) {
  #view .qe-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #view .qe-grid { grid-template-columns: minmax(0, 1fr); }
  #view .qe-steps li { min-width: 0; padding-right: 4px; font-size: 11px; line-height: 14px; overflow-wrap: anywhere; }
  #view .qe-form.qe-inline .fg { min-width: 0; flex-basis: 100%; }
  #dialog .qe-dlg .form { grid-template-columns: minmax(0, 1fr); }
  #view .qe-kv { grid-template-columns: minmax(0, 1fr); }
  #view .qe-kv dd { margin-bottom: 4px; }
}
#view .qe-lotcard { margin: 0 0 var(--s-4); }