/* Dialog presentation for the approved Solar Lab artboards 14a and 7c–7e.
   Keep this after the legacy Lab styles so its scoped rules take precedence. */

body.lab-events .sl-cov-stations { list-style:none; padding:0; margin:12px 0; }
body.lab-events .sl-cov-stations li {display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 0;border:0;}
body.lab-events .rd-cov-selected .sl-cov-stations strong {font:600 12px var(--sl-font-ui);}
body.lab-events .sl-cov-stations small {font:10px var(--sl-font-mono);color:var(--sl-muted);}

body.lab-events .rd-help-dialog,
body.lab-events .ev-cov-modal,
body.lab-events .ev-flare-modal,
body.lab-events .ev-info-modal:has(.ev-welcome) {
  --dm-paper: var(--sl-surface, #fff);
  --dm-soft: var(--sl-surface-soft, #fbfaf5);
  --dm-ink: var(--sl-ink, #1a1a22);
  --dm-secondary: var(--sl-ink-secondary, #3a3f4a);
  --dm-muted: var(--sl-muted, #5a6170);
  --dm-line: var(--sl-border-soft, #e6e4da);
  --dm-strong-line: var(--sl-border, #d8d6c8);
  --dm-accent: var(--sl-accent, #c2481a);
  --dm-dark-button: #1a1a22;
  --dm-dark-button-text: #fff;
  color: var(--dm-ink);
  font-family: var(--sl-font-ui, Inter, system-ui, sans-serif);
}

body.lab-events.theme-dark .rd-help-dialog,
body.lab-events.theme-dark .ev-cov-modal,
body.lab-events.theme-dark .ev-flare-modal,
body.lab-events.theme-dark .ev-info-modal:has(.ev-welcome) {
  --dm-dark-button: #ece8dc;
  --dm-dark-button-text: #1a1a22;
  --dm-soft: #181820;
}

body.lab-events .rd-help-dialog[hidden],
body.lab-events .ev-cov-modal[hidden],
body.lab-events .ev-flare-modal[hidden],
body.lab-events .ev-cov-drawer[hidden] {
  display: none !important;
}

body.lab-events .rd-help-dialog,
body.lab-events .ev-cov-modal,
body.lab-events .ev-flare-modal,
body.lab-events .ev-info-modal:has(.ev-welcome) {
  position: fixed;
  inset: 0;
  z-index: 9000;
  display: grid;
  place-items: center;
  padding: 20px;
}

body.lab-events .rd-help-backdrop,
body.lab-events .ev-cov-backdrop,
body.lab-events .ev-flare-backdrop,
body.lab-events .ev-info-modal:has(.ev-welcome) .ev-info-backdrop {
  position: absolute;
  inset: 0;
  background: rgb(18 18 24 / 58%);
}

body.lab-events .rd-help-card,
body.lab-events .ev-cov-card,
body.lab-events .ev-flare-card,
body.lab-events .ev-info-modal:has(.ev-welcome) .ev-info-card {
  position: relative;
  min-width: 0;
  max-height: calc(100dvh - 40px);
  overflow: hidden;
  border: 1px solid var(--dm-strong-line);
  border-radius: var(--sl-radius-lg, 12px);
  background: var(--dm-paper);
  color: var(--dm-ink);
  box-shadow: var(--sl-shadow-dialog, 0 30px 80px rgb(0 0 0 / 18%));
}

body.lab-events :is(.rd-help-dialog, .ev-cov-modal, .ev-flare-modal, .ev-info-modal:has(.ev-welcome)) :is(button, a, select, input):focus-visible {
  outline: 2px solid var(--dm-accent);
  outline-offset: 2px;
}

/* Help, 14a. */
body.lab-events .rd-help-card {
  display: flex;
  flex-direction: column;
  width: min(1100px, 100%);
  height: min(760px, calc(100dvh - 40px));
}

body.lab-events .rd-help-head {
  display: flex;
  align-items: center;
  gap: 22px;
  flex: none;
  min-height: 64px;
  padding: 12px 26px;
  border-bottom: 1px solid var(--dm-line);
  background: var(--dm-paper);
}

body.lab-events .rd-help-head h2 {
  margin: 0;
  color: var(--dm-ink);
  font: 600 28px/1.1 var(--sl-font-display, Fraunces, Georgia, serif);
}

body.lab-events .rd-help-head nav {
  display: flex;
  align-items: center;
  gap: 3px;
  min-width: 0;
}

body.lab-events .rd-help-head nav button {
  min-height: 40px;
  padding: 8px 13px;
  border: 0;
  border-radius: var(--sl-radius-sm, 6px);
  background: transparent;
  color: var(--dm-muted);
  font: 650 13px/1.2 var(--sl-font-ui, Inter, system-ui, sans-serif);
  white-space: nowrap;
  cursor: pointer;
}

body.lab-events .rd-help-head nav button:hover,
body.lab-events .rd-help-tutorial aside a:hover {
  color: var(--dm-ink);
  background: var(--dm-soft);
}

body.lab-events .rd-help-head nav button[aria-selected='true'] {
  background: var(--dm-dark-button);
  color: var(--dm-dark-button-text);
}

body.lab-events .rd-help-close,
body.lab-events .ev-cov-close,
body.lab-events .ev-flare-close {
  display: grid;
  place-items: center;
  flex: none;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid var(--dm-strong-line);
  border-radius: var(--sl-radius-md, 8px);
  background: var(--dm-paper);
  color: var(--dm-muted);
  font: 24px/1 var(--sl-font-ui, Inter, system-ui, sans-serif);
  cursor: pointer;
}

body.lab-events .rd-help-close:hover,
body.lab-events .ev-cov-close:hover,
body.lab-events .ev-flare-close:hover {
  color: var(--dm-ink);
  border-color: var(--dm-muted);
}

body.lab-events .rd-help-close { margin-left: auto; }
body.lab-events .rd-help-body { flex: 1; min-height: 0; overflow: auto; }
body.lab-events .rd-help-tutorial {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  min-height: 100%;
}

body.lab-events .rd-help-tutorial aside {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 22px 14px;
  border-right: 1px solid var(--dm-line);
  background: var(--dm-soft);
}

body.lab-events .rd-help-tutorial aside :is(strong, a) {
  display: block;
  padding: 9px 12px;
  border-radius: var(--sl-radius-sm, 6px);
  color: var(--dm-muted);
  font: 650 13px/1.4 var(--sl-font-ui, Inter, system-ui, sans-serif);
  text-decoration: none;
}

body.lab-events .rd-help-tutorial aside strong {
  color: var(--dm-ink);
  border: 1px solid var(--dm-line);
  background: var(--dm-paper);
}

body.lab-events .rd-help-tutorial aside small {
  margin-top: auto;
  padding: 0 12px;
  color: var(--dm-muted);
  font: 11px/1.4 var(--sl-font-mono, 'JetBrains Mono', monospace);
}

body.lab-events .rd-help-tutorial-content { min-width: 0; padding: 23px 26px 28px; }
body.lab-events .rd-help-more { display: none; }
body.lab-events .rd-help-group {
  margin: 0 0 12px;
  padding: 0 0 15px;
  border-bottom: 1px solid var(--dm-line);
  scroll-margin-top: 18px;
}
body.lab-events .rd-help-group:last-child { border-bottom: 0; }
body.lab-events .rd-help-group h3,
body.lab-events .rd-help-shortcuts h3 {
  margin: 0 0 13px;
  color: var(--dm-muted);
  font: 600 10px/1.4 var(--sl-font-mono, 'JetBrains Mono', monospace);
  letter-spacing: .13em;
  text-transform: uppercase;
}

body.lab-events .rd-help-group ol {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px 28px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.lab-events .rd-help-group li { display: flex; align-items: flex-start; gap: 10px; min-width: 0; }
body.lab-events .rd-help-number {
  display: grid;
  place-items: center;
  flex: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--sl-surface-muted, #eeece4);
  color: var(--dm-ink);
  font: 700 11px var(--sl-font-mono, 'JetBrains Mono', monospace);
}
body.lab-events .rd-help-group:nth-child(2) .rd-help-number {
  background: var(--dm-dark-button);
  color: var(--dm-dark-button-text);
}
body.lab-events .rd-help-group li strong { display: block; color: var(--dm-ink); font-size: 13px; }
body.lab-events .rd-help-group li p { margin: 3px 0; color: var(--dm-secondary); font-size: 12px; line-height: 1.45; }
body.lab-events .rd-help-group li button,
body.lab-events .rd-help-about button,
body.lab-events .rd-help-quick button {
  border: 0;
  background: transparent;
  color: var(--dm-accent);
  font: 700 12px var(--sl-font-ui, Inter, system-ui, sans-serif);
  text-decoration: underline;
  cursor: pointer;
}

body.lab-events .rd-help-shortcuts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: auto auto;
  grid-auto-flow: column;
  gap: 28px 40px;
  padding: 24px 26px;
}
body.lab-events .rd-help-shortcuts section > div {
  display: grid;
  grid-template-columns: 100px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-height: 34px;
  padding: 6px 0;
  border-bottom: 1px solid var(--dm-line);
  color: var(--dm-secondary);
  font-size: 12px;
}
body.lab-events .rd-help-shortcuts section > div:last-child { border-bottom: 0; }
body.lab-events .rd-help-shortcut-keys { display: flex; flex-wrap: wrap; gap: 4px; }
body.lab-events .rd-help-shortcuts kbd {
  justify-self: start;
  padding: 2px 5px;
  border: 1px solid var(--dm-strong-line);
  border-radius: 3px;
  background: var(--dm-paper);
  color: var(--dm-ink);
  box-shadow: 0 1px 1px #0001;
  font: 600 11px var(--sl-font-mono, 'JetBrains Mono', monospace);
}
body.lab-events .rd-help-shortcuts + footer {
  padding: 12px 26px;
  border-top: 1px solid var(--dm-line);
  background: var(--dm-soft);
  color: var(--dm-muted);
  font-size: 11px;
}
body.lab-events .rd-help-quick,
body.lab-events .rd-help-about { color: var(--dm-secondary); }
body.lab-events .rd-help-quick h3,
body.lab-events .rd-help-about h3 { color: var(--dm-ink); font-family: var(--sl-font-display, Fraunces, Georgia, serif); }

/* The actual first-visit entry point is the five-step Quick start, 6c. */
body.lab-events .ev-info-modal:has(.ev-welcome) .ev-info-card {
  width: min(820px, 100%);
  max-width: 820px;
  max-height: calc(100dvh - 40px);
  padding: 0;
  overflow: auto;
}
body.lab-events .ev-info-modal:has(.ev-welcome) .ev-info-head {
  display: flex;
  align-items: center;
  gap: 12px;
  box-sizing: border-box;
  width: calc(100% - 300px);
  min-height: 66px;
  margin: 0;
  padding: 17px 27px 0;
  border: 0;
  background: var(--dm-paper);
}
body.lab-events .ev-info-modal:has(.ev-welcome) .ev-info-head h2 {
  margin: 0;
  color: var(--dm-ink);
  font: 600 25px/1.2 var(--sl-font-display, Fraunces, Georgia, serif);
}
body.lab-events .ev-info-modal:has(.ev-welcome) .ev-info-close {
  margin-left: auto;
  border: 0;
  background: transparent;
  color: var(--dm-muted);
}
body.lab-events .ev-info-modal:has(.ev-welcome) .ev-info-body {
  max-height: none;
  padding: 0;
  overflow: visible;
  color: var(--dm-secondary);
}
body.lab-events .ev-welcome { display: block; }
body.lab-events .ev-welcome-main {
  box-sizing: border-box;
  width: calc(100% - 300px);
  padding: 0 27px 24px;
}
body.lab-events .ev-welcome-main .ev-qs-lead { margin: 8px 0 17px; color: var(--dm-secondary); font-size: 13px; line-height: 1.45; }
body.lab-events .ev-welcome-main .ev-qs-steps { margin: 0; padding: 0; list-style: none; counter-reset: dm-step; }
body.lab-events .ev-welcome-main .ev-qs-steps li {
  position: relative;
  min-height: 50px;
  padding: 8px 0 8px 38px;
  border-bottom: 1px solid var(--dm-line);
  counter-increment: dm-step;
}
body.lab-events .ev-welcome-main .ev-qs-steps li:last-child { border: 0; }
body.lab-events .ev-welcome-main .ev-qs-steps li::before {
  content: counter(dm-step);
  position: absolute;
  top: 9px;
  left: 0;
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--sl-surface-muted, #eeece4);
  color: var(--dm-ink);
  font: 700 11px var(--sl-font-mono, 'JetBrains Mono', monospace);
}
body.lab-events .ev-welcome-main .ev-qs-steps li:first-child::before { background: var(--dm-dark-button); color: var(--dm-dark-button-text); }
body.lab-events .ev-welcome-main .ev-qs-steps strong { display: block; color: var(--dm-ink); font-size: 13px; }
body.lab-events .ev-welcome-main .ev-qs-steps span { display: block; margin-top: 2px; color: var(--dm-muted); font-size: 12px; line-height: 1.4; }
body.lab-events .ev-welcome-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 17px; }
body.lab-events .ev-welcome-actions button {
  min-height: 32px;
  padding: 6px 11px;
  border: 1px solid var(--dm-strong-line);
  border-radius: 5px;
  background: var(--dm-paper);
  color: var(--dm-ink);
  font: 700 11px var(--sl-font-ui, Inter, system-ui, sans-serif);
  cursor: pointer;
}
body.lab-events .ev-welcome-actions .ev-qs-try { background: var(--dm-dark-button); border-color: var(--dm-dark-button); color: var(--dm-dark-button-text); }
body.lab-events .ev-welcome-actions label { display: flex; align-items: center; gap: 4px; margin-left: auto; color: var(--dm-muted); font-size: 11px; }
body.lab-events .ev-welcome-aside {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  width: 300px;
  margin: 0;
  padding: 26px 22px;
  background: #1a1a22;
  color: #f7f6f1;
}
body.lab-events .ev-welcome-aside h3 { margin: 0 0 13px; color: #ff8a5c; font: 700 10px var(--sl-font-mono, 'JetBrains Mono', monospace); letter-spacing: .12em; text-transform: uppercase; }
body.lab-events .ev-welcome-aside p { margin: 0; padding: 11px 0; border-top: 1px solid #3a3a48; }
body.lab-events .ev-welcome-aside strong { display: block; color: #f7f6f1; font-size: 12px; }
body.lab-events .ev-welcome-aside small { display: block; margin-top: 2px; color: #a9a8b0; font: 10px var(--sl-font-mono, 'JetBrains Mono', monospace); }

/* Coverage calendars and Joint M+ table, 7c–7e and 7d. */
body.lab-events .ev-cov-card { width: min(1280px, 100%); height: min(790px, calc(100dvh - 40px)); }
body.lab-events .ev-cov-drawer:not([data-cov-drawer='events']) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 255px;
  grid-template-rows: auto auto minmax(0, 1fr);
  height: 100%;
  min-height: 0;
  padding: 0;
  background: var(--dm-paper);
  color: var(--dm-ink);
}

body.lab-events .ev-cov-drawer:not([data-cov-drawer='events']) > :is(.ev-cov-header, .ev-cov-tabs) { grid-column: 1 / -1; }
body.lab-events .ev-cov-header {
  position: relative;
  display: grid;
  gap: 5px;
  min-width: 0;
  margin: 0;
  padding: 14px 58px 12px 20px;
  border-bottom: 1px solid var(--dm-line);
  background: var(--dm-paper);
}
body.lab-events .ev-cov-title {
  display: block;
  margin: 0;
  color: var(--dm-ink);
  font: 600 20px/1.2 var(--sl-font-display, Fraunces, Georgia, serif);
  letter-spacing: 0;
}
body.lab-events .sl-cov-archive-summary { display: block; margin-top: 4px; color: var(--dm-muted); font: 10px/1.4 var(--sl-font-mono); }
body.lab-events .sl-cov-instrument-tabs { position: absolute; right: 50px; top: 20px; display: flex; border: 1px solid var(--dm-strong-line); border-radius: 6px; overflow: hidden; }
body.lab-events .sl-cov-instrument-tabs button { padding: 6px 12px; border: 0; border-right: 1px solid var(--dm-strong-line); background: var(--dm-paper); color: var(--dm-ink); font: 600 12px var(--sl-font-ui); cursor: pointer; }
body.lab-events .sl-cov-instrument-tabs button:last-child { border-right: 0; }
body.lab-events .sl-cov-instrument-tabs button[aria-pressed="true"] { background: var(--dm-dark-button); color: var(--dm-dark-button-text); }
@media (max-width: 1000px) { body.lab-events .sl-cov-instrument-tabs { position: static; flex-wrap: wrap; justify-self: start; margin-top: 8px; } }
body.lab-events .ev-cov-hint {
  display: block;
  color: var(--dm-muted);
  font: 10px/1.35 var(--sl-font-mono, 'JetBrains Mono', monospace);
}
body.lab-events .ev-cov-close { position: absolute; top: 12px; right: 12px; }
body.lab-events .ev-cov-legend {
  display: inline-block;
  margin-left: 5px;
  padding: 1px 5px;
  border-radius: 3px;
  font-weight: 700;
}

body.lab-events .ev-cov-tabs {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  gap: 5px;
  max-height: 100px;
  overflow: auto;
  margin: 0;
  padding: 10px 20px;
  border-bottom: 1px solid var(--dm-line);
  background: var(--dm-soft);
}
body.lab-events .ev-cov-tab {
  flex: none;
  min-height: 28px;
  padding: 4px 9px;
  border: 1px solid var(--dm-strong-line);
  border-radius: 5px;
  background: var(--dm-paper);
  color: var(--dm-ink);
  font: 650 11px var(--sl-font-mono, 'JetBrains Mono', monospace);
  cursor: pointer;
}
body.lab-events .ev-cov-tab span { color: var(--dm-muted); font-weight: 400; }
body.lab-events .ev-cov-tab:hover { border-color: var(--dm-accent); color: var(--dm-accent); }
body.lab-events .ev-cov-tab.is-active { background: #7e57c2; color: #fff; border-color: #7e57c2; }
body.lab-events .ev-cov-tab.is-active span { color: rgb(255 255 255 / 82%); }
body.lab-events .ev-cov-tab--empty { opacity: .55; }
body.lab-events .ev-cov-drawer[data-cov-drawer='rhessi'] .ev-cov-tab.is-active { background: #ed3d41; border-color: #ed3d41; }
body.lab-events .ev-cov-drawer[data-cov-drawer='poemas'] .ev-cov-tab.is-active { background: #e34816; border-color: #e34816; }
body.lab-events .ev-cov-drawer[data-cov-drawer='cme'] .ev-cov-tab.is-active { background: #246fc5; border-color: #246fc5; }
body.lab-events .ev-cov-drawer[data-cov-drawer='joint'] .ev-cov-tab.is-active { background: #dba514; border-color: #dba514; color: #2a2107; }
body.lab-events .ev-cov-drawer[data-cov-drawer='joint'] .ev-cov-tab.is-active span { color: #4b3908; }

body.lab-events .ev-cov-grid {
  grid-column: 1;
  min-width: 0;
  min-height: 0;
  overflow: auto;
  padding: 16px 18px 20px 20px;
  background: var(--dm-soft);
}
body.lab-events .ev-cov-year {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px 17px;
}
body.lab-events .ev-cov-month { min-width: 0; }
body.lab-events .sl-cov-more-months { display: none; border: 0; background: transparent; color: var(--dm-muted); font: 12px var(--sl-font-ui); cursor: pointer; }
body.lab-events .sl-cov-day-facts { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 12px 10px; margin: 14px 0 18px; font: 11px var(--sl-font-mono); }
body.lab-events .sl-cov-day-facts dt { color: var(--dm-muted); }
body.lab-events .sl-cov-day-facts dd { margin: 0; text-align: right; overflow-wrap: anywhere; color: var(--dm-ink); }
@media(min-width:768px) {
  body.lab-events .ev-cov-card:has(.sl-cov-excerpt:not([hidden])) { height: min(505px,calc(100dvh - 40px)); }
  body.lab-events .sl-cov-excerpt .ev-cov-month:not(.sl-cov-quarter) { display: none; }
  body.lab-events .sl-cov-excerpt .sl-cov-more-months { display: block; align-self: center; }
}
body.lab-events .ev-cov-mhdr {
  margin-bottom: 7px;
  color: var(--dm-secondary);
  font: 700 11px var(--sl-font-ui, Inter, system-ui, sans-serif);
  text-align: center;
}
body.lab-events .ev-cov-mcount { color: var(--dm-muted); font: 10px var(--sl-font-mono, 'JetBrains Mono', monospace); }
body.lab-events .ev-cov-month-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); grid-auto-rows: 24px; gap: 3px; }
body.lab-events .ev-cov-cell {
  display: grid;
  place-items: center;
  min-width: 0;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: 3px;
  font: 700 10px var(--sl-font-mono, 'JetBrains Mono', monospace);
  line-height: 1;
}
body.lab-events button.ev-cov-cell { cursor: pointer; }
body.lab-events .ev-cov-off { background: var(--sl-surface-muted, #eeece4); color: var(--dm-muted); opacity: .65; }
body.lab-events .ev-cov-empty { visibility: hidden; }
body.lab-events .ev-cov-on { background: #7e57c2; color: #fff; }
body.lab-events .ev-cov-c1 { background: #dddcd7; color: #514e48; }
body.lab-events .ev-cov-c2 { background: #c4ace8; color: #48366c; }
body.lab-events .ev-cov-c3 { background: #7e57c2; color: #fff; }
body.lab-events .ev-cov-c4 { background: #dba514; color: #352906; }
body.lab-events .ev-cov-drawer[data-cov-drawer='rhessi'] .ev-cov-on { background: #ed3d41; color: #fff; }
body.lab-events .ev-cov-drawer[data-cov-drawer='poemas'] .ev-cov-on { background: #e34816; color: #fff; }
body.lab-events .ev-cov-drawer[data-cov-drawer='cme'] .ev-cov-c1 { background: #b9ddf8; color: #17426d; }
body.lab-events .ev-cov-drawer[data-cov-drawer='cme'] .ev-cov-c2 { background: #48a0eb; color: #fff; }
body.lab-events .ev-cov-drawer[data-cov-drawer='cme'] .ev-cov-c3 { background: #1659aa; color: #fff; }
body.lab-events .ev-cov-cell[aria-pressed='true'] { outline: 2px solid var(--dm-accent); outline-offset: 1px; }
body.lab-events button.ev-cov-cell:hover { filter: brightness(.88); }
body.lab-events .rd-cov-month-nav { display: none; }

body.lab-events .rd-cov-selected {
  grid-column: 2;
  grid-row: 3;
  align-self: stretch;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 18px 17px;
  border-left: 1px solid var(--dm-line);
  background: var(--dm-paper);
}
body.lab-events .rd-cov-selected h3 {
  margin: 0 0 10px;
  color: var(--dm-muted);
  font: 700 10px var(--sl-font-mono, 'JetBrains Mono', monospace);
  letter-spacing: .12em;
  text-transform: uppercase;
}
body.lab-events .rd-cov-selected strong { color: var(--dm-ink); font: 650 18px var(--sl-font-ui, Inter, system-ui, sans-serif); }
body.lab-events .rd-cov-selected p { min-height: 36px; margin: 7px 0 13px; color: var(--dm-muted); font: 11px/1.45 var(--sl-font-mono, 'JetBrains Mono', monospace); }
body.lab-events .rd-cov-selected button {
  width: 100%;
  min-height: 34px;
  border: 1px solid var(--dm-dark-button);
  border-radius: 5px;
  background: var(--dm-dark-button);
  color: var(--dm-dark-button-text);
  font: 700 12px var(--sl-font-ui, Inter, system-ui, sans-serif);
  cursor: pointer;
}
body.lab-events .rd-cov-selected button:disabled { opacity: .48; cursor: default; }
body.lab-events .rd-cov-selected small { display: block; margin-top: 12px; color: var(--dm-muted); font-size: 11px; line-height: 1.45; }

body.lab-events .ev-cov-drawer[data-cov-drawer='events'] { height: 100%; overflow: auto; background: var(--dm-paper); color: var(--dm-ink); }
body.lab-events .ev-cov-drawer[data-cov-drawer='events'] .ev-cov-header { padding: 18px 54px 16px 26px; }
body.lab-events .ev-cov-drawer[data-cov-drawer='events'] .ev-cov-title { font: 600 25px/1.2 var(--sl-font-display, Fraunces, Georgia, serif); }
body.lab-events .sl-cov-title-meta {display:block;margin-top:5px;font:10px/1.4 var(--sl-font-mono);color:var(--sl-muted);}
body.lab-events .ev-cov-drawer.sl-cov-events {display:flex;flex-direction:column;overflow:hidden;}
body.lab-events .sl-cov-events :is(.ev-cov-header,.ev-cov-events-toolbar) {flex:none;}
body.lab-events .sl-cov-events .ev-cov-events-body {flex:1;min-height:0;overflow:auto;}
body.lab-events .sl-cov-events-footer {flex:none;padding:10px 20px;border-top:1px solid var(--sl-border);font:10px/1.4 var(--sl-font-ui);color:var(--sl-muted);}
body.lab-events .sl-cov-events .ev-cov-events-toolbar>span {display:none;}
body.lab-events .sl-cov-events .cev-sort[data-sort='date-asc'] {margin-left:auto;}
body.lab-events .sl-cov-events [hidden] {display:none!important;}
body.lab-events .ev-cov-events-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 12px 26px;
  border-bottom: 1px solid var(--dm-line);
  background: var(--dm-paper);
  color: var(--dm-muted);
  font-size: 12px;
}
body.lab-events .ev-cov-events-toolbar button,
body.lab-events .ev-flare-controls button,
body.lab-events .ev-flare-controls select {
  min-height: 32px;
  padding: 5px 10px;
  border: 1px solid var(--dm-strong-line);
  border-radius: 5px;
  background: var(--dm-paper);
  color: var(--dm-ink);
  font: 650 12px var(--sl-font-ui, Inter, system-ui, sans-serif);
  cursor: pointer;
}
body.lab-events .ev-cov-events-toolbar button.is-active,
body.lab-events .ev-flare-controls button.is-active { background: var(--dm-dark-button); border-color: var(--dm-dark-button); color: var(--dm-dark-button-text); }
body.lab-events .ev-cov-event-list-head,
body.lab-events .ev-cov-event-row {
  display: grid;
  grid-template-columns: 17% 11% 11% 15% minmax(0, 1fr) 84px;
  align-items: center;
  gap: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 9px 26px;
  font: 12px var(--sl-font-mono, 'JetBrains Mono', monospace);
}
body.lab-events .ev-cov-event-list-head { border-block: 1px solid var(--dm-line); background: var(--dm-soft); color: var(--dm-muted); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
body.lab-events .ev-cov-event-list { max-height: none; overflow: visible; }
body.lab-events .ev-cov-event-row { min-height: 42px; border: 0; border-bottom: 1px solid var(--dm-line); background: var(--dm-paper); color: var(--dm-ink); text-align: left; cursor: pointer; }
body.lab-events .ev-cov-event-row:nth-child(even) { background: var(--dm-soft); }
body.lab-events .ev-cov-event-row:hover { background: color-mix(in srgb, var(--dm-accent) 8%, var(--dm-paper)); }
body.lab-events .ev-cov-event-row .cev-class { justify-self: start; padding: 3px 6px; border-radius: 4px; background: #e8dcf7; color: #5e3d8a; }
body.lab-events .ev-cov-event-row.ev-cov-class-X .cev-class { background: #ffe5e4; color: #af282c; }
body.lab-events .ev-cov-event-row .cev-insts { display: flex; align-items: center; gap: 3px; }
body.lab-events .ev-cov-event-row .cev-insts b { display: grid; place-items: center; width: 19px; height: 19px; border-radius: 4px; background: #d52d2d; color: #fff; }
body.lab-events .ev-cov-event-row .cev-insts .rd-inst-s { background: #7e57c2; }
body.lab-events .ev-cov-event-row .cev-insts .rd-inst-p { background: #e34816; }
body.lab-events .ev-cov-event-row .cev-insts span { color: #dba514; }
body.lab-events .rd-cov-plot-event { justify-self: end; color: var(--dm-accent); font: 12px var(--sl-font-ui, Inter, system-ui, sans-serif); text-decoration: underline; }

/* Flare and CME tables. Their existing buttons remain the click targets. */
body.lab-events .ev-flare-card { display: flex; flex-direction: column; width: min(1120px, 100%); max-height: calc(100dvh - 40px); }
body.lab-events .ev-flare-head {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: none;
  min-height: 64px;
  padding: 12px 25px;
  border-bottom: 1px solid var(--dm-line);
  background: var(--dm-paper);
}
body.lab-events .ev-flare-card-title { color: var(--dm-ink); font: 600 26px/1.2 var(--sl-font-display, Fraunces, Georgia, serif); }
body.lab-events .ev-flare-close { margin-left: auto; }
body.lab-events .ev-flare-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: none;
  gap: 6px;
  padding: 11px 25px;
  border-bottom: 1px solid var(--dm-line);
  background: var(--dm-paper);
  color: var(--dm-muted);
  font-size: 12px;
}
body.lab-events .ev-flare-sep { margin-inline: 5px; color: var(--dm-strong-line); }
body.lab-events .ev-flare-table { min-height: 0; overflow: auto; background: var(--dm-paper); }
body.lab-events .ev-flare-table-head,
body.lab-events .ev-flare-row {
  display: grid;
  grid-template-columns: 24% 11% 11% 11% 14% minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-width: 660px;
  box-sizing: border-box;
  padding: 10px 25px;
  font: 13px var(--sl-font-mono, 'JetBrains Mono', monospace);
}
body.lab-events .ev-flare-table-head { position: sticky; top: 0; z-index: 1; border-bottom: 1px solid var(--dm-line); background: var(--dm-soft); color: var(--dm-muted); font-size: 10px; letter-spacing: .09em; text-transform: uppercase; }
body.lab-events .ev-flare-table-body { max-height: none; overflow: visible; }
body.lab-events .ev-flare-row { width: 100%; min-height: 45px; border: 0; border-bottom: 1px solid var(--dm-line); background: var(--dm-paper); color: var(--dm-ink); text-align: left; cursor: pointer; }
body.lab-events .ev-flare-row:nth-child(even) { background: var(--dm-soft); }
body.lab-events .ev-flare-row:hover { background: color-mix(in srgb, var(--dm-accent) 8%, var(--dm-paper)); }
body.lab-events .ev-flare-row .cev-class { justify-self: start; padding: 3px 7px; border-radius: 4px; background: #e8dcf7; color: #5e3d8a; font-weight: 700; }
body.lab-events .ev-flare-row--X .cev-class { background: #f7e4b1; color: #6e5100; }
body.lab-events .ev-flare-row--C .cev-class { background: var(--sl-surface-muted, #eeece4); color: var(--dm-secondary); }
body.lab-events .ev-flare-row--X { box-shadow: inset 3px 0 #dba514; }
body.lab-events .ev-flare-empty { color: var(--dm-muted); }

body.lab-events .ev-flare-card--cme .ev-flare-table-head,
body.lab-events .ev-flare-card--cme .ev-flare-row {
  grid-template-columns: 19% 11% 10% 12% 21% 13% minmax(0, 1fr);
  min-width: 840px;
}
body.lab-events .ev-cme-help { margin: 12px 25px 0; border: 1px solid var(--dm-line); border-radius: 8px; background: var(--dm-soft); color: var(--dm-secondary); }
body.lab-events .ev-cme-help > summary { color: var(--dm-ink); cursor: pointer; }
body.lab-events .ev-cme-help-body { color: var(--dm-secondary); }
body.lab-events .ev-flare-controls--picker select { max-width: 110px; }
body.lab-events .ev-cme-th { cursor: pointer; }
body.lab-events .ev-cme-th:hover { color: var(--dm-accent); }

/* The shipped inline theme predates the artboards and has stronger selectors. */
body.lab-events.theme-dark .rd-help-card,
body.lab-events.theme-dark .ev-cov-card,
body.lab-events.theme-dark .ev-flare-card {
  background: var(--dm-paper);
  border-color: var(--dm-strong-line);
  color: var(--dm-ink);
  box-shadow: var(--sl-shadow-dialog, 0 30px 80px rgb(0 0 0 / 35%));
}
body.lab-events.theme-dark .ev-cov-title,
body.lab-events.theme-dark .ev-flare-card-title { color: var(--dm-ink); }
body.lab-events.theme-dark .ev-cov-close,
body.lab-events.theme-dark .ev-flare-close { background: var(--dm-paper); color: var(--dm-muted); border-color: var(--dm-strong-line); }
body.lab-events.theme-dark .ev-cov-close:hover,
body.lab-events.theme-dark .ev-flare-close:hover { background: var(--dm-soft); color: var(--dm-ink); border-color: var(--dm-muted); }
body.lab-events.theme-dark .ev-cov-tab,
body.lab-events.theme-dark .ev-flare-controls button,
body.lab-events.theme-dark .ev-cov-events-toolbar button { background: var(--dm-paper); color: var(--dm-ink); border-color: var(--dm-strong-line); }
body.lab-events.theme-dark .ev-cov-tab.is-active { background: #7e57c2; border-color: #7e57c2; color: #fff; }
body.lab-events.theme-dark .ev-cov-drawer[data-cov-drawer='rhessi'] .ev-cov-tab.is-active { background: #ed3d41; border-color: #ed3d41; }
body.lab-events.theme-dark .ev-cov-drawer[data-cov-drawer='poemas'] .ev-cov-tab.is-active { background: #e34816; border-color: #e34816; }
body.lab-events.theme-dark .ev-cov-drawer[data-cov-drawer='cme'] .ev-cov-tab.is-active { background: #246fc5; border-color: #246fc5; }
body.lab-events.theme-dark .ev-cov-drawer[data-cov-drawer='joint'] .ev-cov-tab.is-active { background: #dba514; border-color: #dba514; color: #2a2107; }
body.lab-events.theme-dark .ev-cov-mhdr { color: var(--dm-ink); }
body.lab-events.theme-dark .ev-cov-mcount { color: var(--dm-muted); }
body.lab-events.theme-dark .ev-cov-off { background: #34333e; color: #aaa6b0; }
body.lab-events.theme-dark .ev-cov-on.ev-cov-c1 { background: #35343e; color: #d3cfd8; }
body.lab-events.theme-dark .ev-cov-on.ev-cov-c2 { background: #4e397c; color: #e1d8f0; }
body.lab-events.theme-dark .ev-cov-on.ev-cov-c3 { background: #8050bf; color: #fff; }
body.lab-events.theme-dark .ev-cov-on.ev-cov-c4 { background: #dba514; color: #1a1a22; }
body.lab-events.theme-dark .ev-cov-drawer[data-cov-drawer='rhessi'] .ev-cov-on { background: #ed3d41; color: #fff; }
body.lab-events.theme-dark .ev-cov-drawer[data-cov-drawer='poemas'] .ev-cov-on { background: #e34816; color: #fff; }
body.lab-events.theme-dark .ev-cov-drawer[data-cov-drawer='cme'] .ev-cov-on.ev-cov-c1 { background: #2b5273; color: #e7f3ff; }
body.lab-events.theme-dark .ev-cov-drawer[data-cov-drawer='cme'] .ev-cov-on.ev-cov-c2 { background: #247fcb; color: #fff; }
body.lab-events.theme-dark .ev-cov-drawer[data-cov-drawer='cme'] .ev-cov-on.ev-cov-c3 { background: #1856a3; color: #fff; }
body.lab-events.theme-dark .ev-cov-event-list-head,
body.lab-events.theme-dark .ev-flare-table-head { background: var(--dm-soft); color: var(--dm-muted); border-color: var(--dm-line); }
body.lab-events.theme-dark .ev-cov-event-row,
body.lab-events.theme-dark .ev-flare-row { background: var(--dm-paper); color: var(--dm-ink); border-color: var(--dm-line); }
body.lab-events.theme-dark .ev-cov-event-row:nth-child(even),
body.lab-events.theme-dark .ev-flare-row:nth-child(even) { background: var(--dm-soft); }
body.lab-events.theme-dark .ev-cov-event-row:hover,
body.lab-events.theme-dark .ev-flare-row:hover { background: #30261f; }
body.lab-events.theme-dark .ev-flare-controls,
body.lab-events.theme-dark .ev-cov-events-toolbar { color: var(--dm-muted); border-color: var(--dm-line); }
body.lab-events.theme-dark .ev-flare-controls button.is-active,
body.lab-events.theme-dark .ev-cov-events-toolbar button.is-active { background: var(--dm-dark-button); color: var(--dm-dark-button-text); border-color: var(--dm-dark-button); }

@media (max-width: 900px) {
  body.lab-events .ev-cov-drawer:not([data-cov-drawer='events']) { grid-template-columns: minmax(0, 1fr) 215px; }
  body.lab-events .ev-cov-year { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
  body.lab-events .rd-help-dialog,
  body.lab-events .ev-cov-modal,
  body.lab-events .ev-flare-modal,
  body.lab-events .ev-info-modal:has(.ev-welcome) { padding: 0; }
  body.lab-events .rd-help-card,
  body.lab-events .ev-cov-card,
  body.lab-events .ev-flare-card { width: 100%; height: 100dvh; max-height: none; border: 0; border-radius: 0; }

  body.lab-events .rd-help-head { display: grid; grid-template-columns: minmax(0, 1fr) 44px; gap: 0; padding: 14px 16px 0; }
  body.lab-events .rd-help-head h2 { font-size: 25px; }
  body.lab-events .rd-help-close { grid-column: 2; grid-row: 1; width: 44px; height: 44px; margin: 0; }
  body.lab-events .rd-help-head nav { grid-column: 1 / -1; grid-row: 2; gap: 3px; overflow-x: auto; margin: 14px -16px 0; padding: 6px 12px 10px; border-top: 1px solid var(--dm-line); }
  body.lab-events .rd-help-head nav button { flex: none; min-height: 36px; padding: 7px 10px; }
  body.lab-events .rd-help-tutorial { display: block; }
  body.lab-events .rd-help-tutorial aside { display: none; }
  body.lab-events .rd-help-tutorial-content { padding: 16px 17px; }
  body.lab-events .rd-help-tutorial[data-mobile-expanded=false] .rd-help-extra { display: none; }
  body.lab-events .rd-help-more { display: block; border: 0; padding: 0; background: transparent; color: var(--dm-muted); font: 12px var(--sl-font-ui); cursor: pointer; }
  body.lab-events .rd-help-group { padding-bottom: 0; border: 0; margin-bottom: 16px; }
  body.lab-events .rd-help-group ol { gap: 12px; }
  body.lab-events .rd-help-group li p { margin: 1px 0; font-size: 12px; line-height: 1.4; }
  body.lab-events .rd-help-group h3 { margin-bottom: 10px; }
  body.lab-events .rd-help-group li [data-show] { display: none; }
  body.lab-events .rd-help-group .rd-help-number,
  body.lab-events .rd-help-group:nth-child(2) .rd-help-number { width: 22px; height: 22px; background: var(--sl-surface-muted); color: var(--dm-ink); }
  body.lab-events .sl-cov-instrument-tabs { flex-wrap: nowrap; overflow-x: auto; border: 0; border-radius: 0; max-width: calc(100vw - 32px); gap: 6px; padding: 4px 0; }
  body.lab-events .sl-cov-instrument-tabs button { flex: none; border: 1px solid var(--dm-strong-line); border-radius: 999px; min-height: 30px; padding: 5px 10px; }
  body.lab-events .rd-help-group ol { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  body.lab-events .rd-help-group li strong { font-size: 13px; }
  body.lab-events .rd-help-group li p { font-size: 12px; }
  body.lab-events .rd-help-shortcuts { display: block; padding: 20px 17px; }
  body.lab-events .rd-help-quick,
  body.lab-events .rd-help-about { padding: 24px 17px; }
  body.lab-events .ev-info-modal:has(.ev-welcome) .ev-info-card { width: 100%; max-width: none; height: 100dvh; max-height: none; border: 0; border-radius: 0; }
  body.lab-events .ev-info-modal:has(.ev-welcome) .ev-info-head { width: 100%; padding: 17px 17px 0; }
  body.lab-events .ev-welcome-main { width: 100%; padding: 0 17px 22px; }
  body.lab-events .ev-welcome-aside { position: static; width: 100%; padding: 20px 17px; }

  /* 7e-M is content-sized: the selected day follows its month, rather than
     being pushed to the viewport bottom by an expanding calendar grid. */
  body.lab-events .ev-cov-card:has(.ev-cov-drawer:not([data-cov-drawer='events']):not([hidden])) { height: auto; max-height: 100dvh; }
  body.lab-events .ev-cov-card { overflow: auto; }
  body.lab-events .ev-cov-drawer:not([data-cov-drawer='events']) { display: flex; flex-direction: column; height: auto; overflow: visible; }
  body.lab-events .ev-cov-header { flex: none; padding: 14px 48px 10px 16px; }
  body.lab-events .ev-cov-title { font-size: 17px; white-space: normal; }
  body.lab-events .ev-cov-hint { display: none; }
  body.lab-events .ev-cov-close { top: 8px; right: 8px; width: 44px; height: 44px; border: 0; }
  body.lab-events .ev-cov-tabs { flex: none; flex-wrap: nowrap; max-height: none; overflow-x: auto; padding: 10px 15px; }
  body.lab-events .ev-cov-tab { min-height: 30px; padding: 5px 8px; }
  body.lab-events .rd-cov-month-nav { display: block; flex: none; width: 100%; box-sizing: border-box; padding: 12px 15px; border-bottom: 1px solid var(--dm-line); background: var(--dm-paper); }
  body.lab-events .rd-cov-month-strip { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 3px; }
  body.lab-events .rd-cov-month-strip button { min-width: 0; min-height: 22px; padding: 0; border: 0; border-radius: 3px; background: var(--sl-surface-muted, #eeece4); color: var(--dm-muted); font: 9px var(--sl-font-mono, 'JetBrains Mono', monospace); }
  body.lab-events .rd-cov-month-strip button[data-level='2'] { background: #c4ace8; color: #48366c; }
  body.lab-events .rd-cov-month-strip button[data-level='3'] { background: #7e57c2; color: #fff; }
  body.lab-events .rd-cov-month-strip button[data-level='4'] { background: #dba514; color: #352906; }
  body.lab-events .rd-cov-month-strip button.is-active { outline: 2px solid var(--dm-accent); outline-offset: 1px; }
  body.lab-events .rd-cov-month-controls { display: flex; align-items: center; justify-content: space-between; margin-top: 13px; }
  body.lab-events .rd-cov-month-controls strong { color: var(--dm-ink); font-size: 14px; }
  body.lab-events .rd-cov-month-controls button { width: 44px; height: 44px; border: 1px solid var(--dm-strong-line); border-radius: 8px; background: var(--dm-paper); color: var(--dm-ink); }
  body.lab-events .ev-cov-grid { flex: none; min-height: 0; width: 100%; box-sizing: border-box; padding: 10px 15px; overflow: visible; }
  body.lab-events .ev-cov-year { display: block; }
  body.lab-events .ev-cov-month:not(.is-rd-month) { display: none; }
  body.lab-events .ev-cov-mhdr { display: none; }
  body.lab-events .ev-cov-month-grid { grid-template-columns: repeat(7, minmax(0, 1fr)); grid-auto-rows: 40px; gap: 5px; }
  /* Native drawers pad a six-column desktop grid; those trailing placeholders
     must not add a sixth row to the seven-column mobile month. */
  body.lab-events .ev-cov-month-grid > .ev-cov-empty { display: none; }
  body.lab-events .ev-cov-cell { height: 40px; font-size: 12px; }
  body.lab-events .rd-cov-selected { flex: none; min-height: 0; margin: 8px 15px 15px; padding: 12px; border: 1px solid var(--dm-line); border-radius: 10px; }
  body.lab-events .rd-cov-selected p { min-height: 0; margin: 5px 0 8px; }
  body.lab-events .rd-cov-selected small { display: none; }
  body.lab-events .rd-cov-selected h3 { display: none; }
  body.lab-events .rd-cov-selected .sl-cov-stations { display: flex; flex-wrap: wrap; gap: 6px 12px; margin: 8px 0; }
  body.lab-events .rd-cov-selected .sl-cov-stations li { padding: 0; }

  body.lab-events .ev-cov-drawer[data-cov-drawer='events'] .ev-cov-header { padding: 14px 48px 10px 16px; }
  body.lab-events .ev-cov-drawer[data-cov-drawer='events'] .ev-cov-title { font-size: 18px; }
  body.lab-events .ev-cov-events-toolbar { padding: 10px 15px; }
  body.lab-events .ev-cov-event-list-head { display: none; }
  body.lab-events .ev-cov-event-row {
    grid-template-columns: 58px minmax(0, 1fr) auto 30px;
    grid-template-rows: 22px 20px;
    gap: 0 6px;
    min-height: 65px;
    padding: 9px 15px;
    font-size: 10px;
  }
  body.lab-events .ev-cov-event-row .cev-class { grid-column: 1; grid-row: 1 / 3; }
  body.lab-events .ev-cov-event-row .cev-date { grid-column: 2; grid-row: 1; }
  body.lab-events .ev-cov-event-row .cev-time { grid-column: 2; grid-row: 1; justify-self:end; }
  body.lab-events .ev-cov-event-row .cev-ar { grid-column: 2; grid-row: 2; justify-self:start; }
  body.lab-events .ev-cov-event-row .cev-insts { grid-column: 3; grid-row: 1 / 3; justify-self: end; }
  body.lab-events .ev-cov-event-row .cev-insts b {width:16px;height:16px;font-size:9px;}
  body.lab-events .ev-cov-event-row .rd-cov-plot-event {grid-column:4;grid-row:1 / 3;justify-self:center;align-self:center;display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--sl-border);border-radius:5px;font-size:0;text-decoration:none;}
  body.lab-events .ev-cov-event-row .rd-cov-plot-event::before {content:'+';font-size:18px;color:var(--sl-ink);}
  body.lab-events .sl-cov-events .cev-sort[data-sort='class-desc'] {display:none;}

  body.lab-events .ev-flare-head { padding: 12px 16px; }
  body.lab-events .ev-flare-card-title { font-size: 22px; }
  body.lab-events .ev-flare-controls { gap: 5px; padding: 10px 15px; }
  body.lab-events .ev-flare-table-head,
  body.lab-events .ev-flare-row { padding: 10px 15px; }
  body.lab-events .ev-cme-help { margin: 10px 15px 0; }
}

@media (prefers-reduced-motion: reduce) {
  body.lab-events .rd-help-dialog *,
  body.lab-events .ev-cov-modal *,
  body.lab-events .ev-flare-modal * { scroll-behavior: auto; }
}
/* 8g-D3: keep the native catalogue and jump action in the source table. */
.rd-help-compact-copy {display:none;}
.sl-hmi-centered-window {display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin-bottom:10px;}
.sl-hmi-centered-window label {display:grid;gap:4px;color:var(--sl-muted);font:10px var(--sl-font-mono);}
.sl-hmi-centered-window input {min-width:0;padding:6px;border:1px solid var(--sl-border);border-radius:5px;background:var(--sl-surface);color:var(--sl-ink);font:11px var(--sl-font-mono);}
.sl-hmi-centered-window button {min-height:32px;padding:6px 9px;border:1px solid var(--sl-border);border-radius:5px;background:var(--sl-surface);color:var(--sl-ink);font:11px var(--sl-font-ui);cursor:pointer;}
.sl-hmi-centered-window button[aria-pressed='true'] {background:var(--sl-active-bg);color:var(--sl-active-ink);}
.sl-hmi-window-presets {display:flex;align-items:center;gap:4px;font:11px var(--sl-font-mono);}
.sl-hmi-window-bounds {font:11px var(--sl-font-ui);color:var(--sl-muted);}
.sl-hmi-window-bounds summary {cursor:pointer;padding:6px 0;}
@media(max-width:767px) {.sl-hmi-centered-window button {min-height:44px;}.sl-hmi-window-presets {flex-basis:100%;}.sl-hmi-window-presets button {flex:1;}}
@media(max-width:767px) {
 .rd-help-group li:has(.rd-help-compact-copy) .rd-help-full-copy {display:none;}
 .rd-help-group .rd-help-compact-copy {display:block;}
 .rd-help-head [data-help-tab='shortcuts']:not([aria-selected='true']) {display:none;}
}
body.lab-events .sl-flare-table .ev-flare-card {width:min(554px,calc(100vw - 32px));}
body.lab-events .sl-flare-table .ev-flare-head {display:flex;align-items:center;gap:12px;padding:15px 18px;}
body.lab-events .sl-flare-table .ev-flare-card-title {flex:none;font-size:24px;}
body.lab-events .sl-flare-table .ev-flare-controls {flex:1;justify-content:space-between;border:0;margin:0;padding:0;background:transparent;}
body.lab-events .sl-flare-table .ev-flare-close {flex:none;margin:0;border:0;background:transparent;}
body.lab-events .sl-flare-scope {display:flex;gap:0;}
body.lab-events .sl-flare-scope button {border-radius:0;}
body.lab-events .sl-flare-scope button:first-child {border-radius:5px 0 0 5px;}
body.lab-events .sl-flare-scope button:last-child {border-radius:0 5px 5px 0;}
body.lab-events .sl-flare-scope button[aria-pressed='true'] {background:var(--sl-active-bg);color:var(--sl-active-ink);}
body.lab-events .sl-flare-table :is(.ev-flare-table-head,.ev-flare-row) {grid-template-columns:54px 54px 54px 54px minmax(0,1fr) 30px;min-width:0;gap:8px;padding:12px 18px;}
body.lab-events .sl-flare-table .ev-flare-row>span:last-child {display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--sl-border);border-radius:5px;}
body.lab-events .sl-flare-table .ev-flare-row .cev-ar {overflow-wrap:anywhere;white-space:normal;color:var(--sl-muted);font-size:10px;}
body.lab-events .sl-flare-footer {display:flex;flex-direction:column;gap:5px;padding:12px 24px;background:var(--sl-surface-soft);border-top:1px solid var(--sl-border);font:10px/1.5 var(--sl-font-ui);color:var(--sl-muted);}
@media(max-width:767px) {
 body.lab-events .sl-flare-table .ev-flare-card {width:100%;}
 body.lab-events .sl-flare-table :is(.ev-flare-table-head,.ev-flare-row) {grid-template-columns:48px 48px 48px 42px minmax(0,1fr) 16px;gap:4px;padding:12px;font-size:10px;}
 body.lab-events .sl-flare-table .ev-flare-head {flex-wrap:wrap;gap:8px;padding:12px;}
 body.lab-events .sl-flare-table .ev-flare-card-title {font-size:20px;}
 body.lab-events .sl-flare-table .ev-flare-controls {font-size:10px;}
 body.lab-events .sl-flare-table .ev-flare-row>span:last-child {width:16px;height:25px;}
 body.lab-events .sl-flare-footer {padding:12px;}
}

/* Preview 15: event catalogues share readable controls and contained rows. */
body.lab-events .ev-flare-modal [hidden] {display:none!important;}
body.lab-events .ev-flare-modal .ev-flare-card {max-height:calc(100dvh - 40px);border-radius:12px;}
body.lab-events .ev-flare-modal .ev-flare-card-title {font-size:24px;}
body.lab-events .ev-flare-modal :is(.ev-flare-head,.ev-flare-controls,.sl-flare-footer) {flex-shrink:0;}
body.lab-events .ev-flare-modal :is(button,select) {font-family:var(--sl-font-ui);}
body.lab-events .ev-flare-modal .ev-flare-close {width:36px;height:36px;border:1px solid var(--dm-line);border-radius:7px;}
body.lab-events .ev-flare-modal .ev-flare-empty {padding:32px 24px;text-align:center;font:14px/1.6 var(--sl-font-ui);color:var(--dm-muted);}
body.lab-events .ev-flare-modal--cme .ev-flare-card {width:min(1160px,calc(100vw - 40px));}
body.lab-events .ev-cme-help {flex:none;margin:0;padding:10px 24px;border:0;border-bottom:1px solid var(--dm-line);background:var(--dm-soft);font:12px/1.6 var(--sl-font-ui);color:var(--dm-secondary);}
body.lab-events .ev-cme-help summary {cursor:pointer;font-weight:600;}
body.lab-events .ev-cme-help-body {display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:8px;}
body.lab-events .ev-cme-help-body p {margin:0;}
body.lab-events .ev-flare-modal--cme .ev-flare-controls {padding:10px 24px;gap:8px;}
body.lab-events .ev-flare-modal--cme .ev-flare-controls--mode {background:var(--dm-paper);}
body.lab-events .ev-flare-modal--cme :is(.ev-flare-table-head,.ev-flare-row) {grid-template-columns:minmax(175px,1.4fr) 92px 76px 82px minmax(200px,1.6fr) 74px 74px;min-width:920px;gap:12px;padding:12px 24px;}
body.lab-events .ev-flare-modal--cme .ev-flare-row {min-height:66px;cursor:default;font-size:12px;}
body.lab-events .ev-cme-th {cursor:pointer;}
body.lab-events .ev-flare-modal--cme .ev-cme-load {border:0;padding:0;background:transparent;color:var(--dm-ink);text-align:left;font:12px/1.5 var(--sl-font-mono);cursor:pointer;}
body.lab-events .ev-cme-load small {display:block;font-size:10px;color:var(--dm-muted);}
body.lab-events .ev-flare-modal--cme .ccme-eta {display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;}
body.lab-events .ev-cme-eta-wrap {display:flex;flex-wrap:wrap;gap:4px 8px;}
body.lab-events .ev-cme-eta-tag {font-size:10px;color:var(--dm-muted);}
body.lab-events .ev-flare-modal--cme :is(.ev-cme-donki-btn,.ev-cme-link) {display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 7px;border:1px solid var(--dm-line);border-radius:5px;background:var(--dm-paper);color:var(--dm-secondary);font:600 11px/1.3 var(--sl-font-ui);text-decoration:none;white-space:normal;}
body.lab-events .ev-cme-donki-line {font-size:11px;line-height:1.4;}
body.lab-events .sl-flare-table .ev-flare-card {width:min(710px,calc(100vw - 32px));}
body.lab-events .sl-flare-table :is(.ev-flare-table-head,.ev-flare-row) {grid-template-columns:64px 64px 64px 60px minmax(0,1fr) 32px;font-size:12px;gap:12px;padding:12px 20px;}
body.lab-events .sl-flare-table .ev-flare-table-head {font-size:10px;}
body.lab-events .sl-flare-table .ev-flare-row .cev-ar {font-size:12px;line-height:1.4;}
body.lab-events .sl-flare-context {padding:9px 20px;border-bottom:1px solid var(--dm-line);color:var(--dm-muted);font:11px/1.4 var(--sl-font-mono);}
body.lab-events .sl-flare-footer {font-size:11px;}
@media(max-width:767px) {
 body.lab-events .ev-flare-modal .ev-flare-card {width:calc(100vw - 16px);max-height:calc(100dvh - 16px);}
 body.lab-events .ev-flare-modal .ev-flare-card-title {font-size:21px;}
 body.lab-events .ev-flare-modal .ev-flare-head {padding:14px;}
 body.lab-events .ev-flare-modal :is(button,select) {min-height:36px;}
 body.lab-events .ev-flare-modal--cme .ev-flare-controls {padding:10px 14px;}
 body.lab-events .ev-flare-modal--cme .ev-flare-controls--mode {display:grid;grid-template-columns:1fr 1fr;}
 body.lab-events .ev-cme-help {padding:10px 14px;}
 body.lab-events .ev-cme-help-body {grid-template-columns:1fr;gap:10px;}
 body.lab-events .ev-flare-modal--cme .ev-flare-table-head {display:none;}
 body.lab-events .ev-flare-modal--cme .ev-flare-row {min-width:0;grid-template-columns:1fr 1fr;gap:10px;padding:14px;}
 body.lab-events .ev-flare-modal--cme .ccme-time {grid-column:1;}
 body.lab-events .ev-flare-modal--cme .ccme-type {grid-column:2;grid-row:1;justify-self:end;}
 body.lab-events .ev-flare-modal--cme :is(.ccme-speed,.ccme-width)::before {content:attr(data-label);display:block;font:10px/1.5 var(--sl-font-ui);color:var(--dm-muted);}
 body.lab-events .ev-flare-modal--cme .ccme-eta {grid-column:1/-1;padding:8px 0;border-top:1px solid var(--dm-line);}
 body.lab-events .ev-flare-modal--cme .ccme-eta:has(.ev-cme-eta-na) {display:none;}
 body.lab-events .ev-flare-modal--cme .ev-flare-hint {display:none;}
 body.lab-events .sl-flare-table .ev-flare-controls {flex-basis:100%;order:3;}
 body.lab-events .sl-flare-table .ev-flare-close {margin-left:auto;}
 body.lab-events .sl-flare-table :is(.ev-flare-table-head,.ev-flare-row) {grid-template-columns:48px 48px 48px 42px minmax(0,1fr) 20px;gap:5px;padding:12px;font-size:11px;}
 body.lab-events .sl-flare-table .ev-flare-table-head {font-size:9px;}
 body.lab-events .sl-flare-table .ev-flare-row .cev-ar {font-size:11px;}
 body.lab-events .sl-flare-table .ev-flare-row>span:last-child {width:20px;height:28px;border:0;}
}

body.lab-events .ev-cme-eta-line {display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;}
@media(max-width:767px) {
 body.lab-events .ev-flare-modal--cme .ev-flare-sep {display:none;}
 body.lab-events .ev-flare-modal--cme .ev-flare-head {min-height:56px;}
}

@media(max-width:767px) {
 body.lab-events .ev-flare-modal .ev-flare-card {height:auto;align-self:center;justify-self:center;}
}
