/* /Components/Alerts/AlertNotificationSettings.razor.rz.scp.css */
.alert-prefs-grid[b-wjwnm2iuto] {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  align-items: start;
  gap: 1rem;
}

.prefs-intro[b-wjwnm2iuto] {
  font-size: var(--text-base);
  line-height: 1.5;
  color: var(--color-fg-2);
}

.prefs-table-wrap[b-wjwnm2iuto] {
  overflow-x: auto;
  margin: 0 -0.25rem;
}

.prefs-table[b-wjwnm2iuto] {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--text-base);
}

.prefs-table th[b-wjwnm2iuto],
.prefs-table td[b-wjwnm2iuto] {
  padding: 0.5rem 0.25rem;
  border-bottom: 1px solid var(--color-line);
  text-align: left;
  vertical-align: middle;
}

.prefs-table thead th[b-wjwnm2iuto] {
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg-3);
  white-space: nowrap;
}

.prefs-table tbody tr:last-child th[b-wjwnm2iuto],
.prefs-table tbody tr:last-child td[b-wjwnm2iuto] {
  border-bottom: 0;
}

.prefs-table tbody th[b-wjwnm2iuto] {
  font-weight: 400;
}

.prefs-table .col-channel[b-wjwnm2iuto] {
  width: 4.25rem;
  text-align: center;
}

.prefs-table thead .col-channel[b-wjwnm2iuto] {
  text-align: center;
}

.prefs-table thead .col-channel[b-wjwnm2iuto]  svg {
  vertical-align: -2px;
}

.pref-rule[b-wjwnm2iuto] {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
}

.pref-name[b-wjwnm2iuto] {
  font-weight: 500;
  color: var(--color-fg);
}

.prefs-table tr.is-muted .pref-name[b-wjwnm2iuto] {
  color: var(--color-fg-3);
}

.pref-check[b-wjwnm2iuto] {
  width: 1rem;
  height: 1rem;
  margin: 0;
  accent-color: var(--color-brand);
  cursor: pointer;
}

.pref-check:disabled[b-wjwnm2iuto] {
  cursor: not-allowed;
  opacity: 0.4;
}

.prefs-table[b-wjwnm2iuto]  .pref-always {
  color: var(--color-ok);
}

.pref-none[b-wjwnm2iuto] {
  color: var(--color-fg-3);
}

.pref-strong[b-wjwnm2iuto] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-weight: 500;
  color: var(--color-fg);
}

.quiet-block[b-wjwnm2iuto] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface-2);
}

.quiet-fields[b-wjwnm2iuto] {
  display: grid;
  grid-template-columns: minmax(0, 7rem) minmax(0, 7rem) minmax(0, 1fr);
  gap: 0.75rem;
}

.quiet-fields .field[b-wjwnm2iuto] {
  min-width: 0;
}

.quiet-override[b-wjwnm2iuto] {
  align-self: flex-start;
  background: var(--color-surface);
}

.prefs-actions[b-wjwnm2iuto],
.push-actions[b-wjwnm2iuto] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5rem;
}

.push-actions[b-wjwnm2iuto] {
  justify-content: flex-start;
}

.push-status[b-wjwnm2iuto] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: var(--text-base);
  line-height: 1.45;
  color: var(--color-fg-2);
}

.push-status[b-wjwnm2iuto]  svg {
  flex-shrink: 0;
  margin-top: 0.125rem;
  color: var(--color-fg-3);
}

.push-status[data-state="on"][b-wjwnm2iuto]  svg {
  color: var(--color-brand);
}

.push-status[data-state="blocked"][b-wjwnm2iuto]  svg,
.push-status[data-state="failed"][b-wjwnm2iuto]  svg {
  color: var(--color-bad);
}

.push-received[b-wjwnm2iuto] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

.devices[b-wjwnm2iuto] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.device-list[b-wjwnm2iuto] {
  margin: 0;
  padding: 0;
  list-style: none;
  border-radius: var(--radius-lg);
  box-shadow: 0 0 0 1px var(--color-line);
}

.device-row[b-wjwnm2iuto] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.5rem 0.5rem 0.5rem 0.75rem;
  border-bottom: 1px solid var(--color-line);
}

.device-row:last-child[b-wjwnm2iuto] {
  border-bottom: 0;
}

.device-row[b-wjwnm2iuto] >  svg {
  flex-shrink: 0;
  color: var(--color-fg-3);
}

.device-main[b-wjwnm2iuto] {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
}

.device-name[b-wjwnm2iuto] {
  font-weight: 500;
  color: var(--color-fg);
}

@media (max-width: 900px) {
  .alert-prefs-grid[b-wjwnm2iuto] {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 640px) {
  .quiet-fields[b-wjwnm2iuto] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .quiet-zone[b-wjwnm2iuto] {
    grid-column: 1 / -1;
  }

  .prefs-actions[b-wjwnm2iuto] {
    justify-content: stretch;
  }

  .prefs-actions[b-wjwnm2iuto]  .btn,
  .push-actions[b-wjwnm2iuto]  .btn {
    flex: 1;
    justify-content: center;
  }
}

/* ALR-024: the user's emails and pushes that failed lately. */
.problems[b-wjwnm2iuto] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  padding: 0.625rem 0.75rem;
  border-radius: var(--radius-lg);
  background: var(--color-bad-bg);
}

.problems-title[b-wjwnm2iuto] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  color: var(--color-bad-fg);
}

.problem-list[b-wjwnm2iuto] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--text-base);
}

.problem-list a[b-wjwnm2iuto] {
  font-weight: 500;
  color: var(--color-fg);
}
/* /Components/Alerts/OpenAlertsBanner.razor.rz.scp.css */
.alerts-banner[b-mazpe89z28] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.625rem 0.875rem;
  border-radius: var(--radius-lg);
  background: var(--color-bad-bg);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-bad) 22%, transparent);
  color: var(--color-bad-fg);
}

.alerts-banner[b-mazpe89z28]  svg {
  flex-shrink: 0;
}

.alerts-banner-text[b-mazpe89z28] {
  flex: 1 1 auto;
  min-width: 0;
  font-size: var(--text-base);
  line-height: 1.4;
}

.alerts-banner-link[b-mazpe89z28] {
  flex-shrink: 0;
  font-size: var(--text-base);
  font-weight: 600;
  color: var(--color-bad-fg);
  text-decoration: underline;
  text-underline-offset: 2px;
}

@media (max-width: 520px) {
  .alerts-banner[b-mazpe89z28] {
    flex-wrap: wrap;
  }

  .alerts-banner-link[b-mazpe89z28] {
    margin-left: 1.625rem;
  }
}
/* /Components/Attribution/AttributionMoves.razor.rz.scp.css */
.attr-moves[b-ydfsog1q0z] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.attr-moves-summary[b-ydfsog1q0z] {
  font-size: var(--text-md);
  color: var(--color-fg);
}

.attr-moves-summary strong[b-ydfsog1q0z] {
  font-weight: 600;
}

.attr-notes[b-ydfsog1q0z] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.attr-notes li[b-ydfsog1q0z] {
  display: flex;
  align-items: flex-start;
  gap: 0.375rem;
  line-height: 1.45;
}

.attr-notes li[b-ydfsog1q0z]  svg {
  flex-shrink: 0;
  margin-top: 0.125rem;
  color: var(--color-fg-3);
}

.attr-move-list[b-ydfsog1q0z] {
  display: flex;
  flex-direction: column;
  max-height: 14rem;
  margin: 0;
  padding: 0.25rem 0.75rem;
  overflow-y: auto;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
  list-style: none;
  font-size: var(--text-base);
}

.attr-move-list li[b-ydfsog1q0z] {
  display: grid;
  grid-template-columns: 6.5rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4375rem 0;
  border-bottom: 1px solid var(--color-line);
}

.attr-move-list li:last-child[b-ydfsog1q0z] {
  border-bottom: 0;
}

.attr-move-time[b-ydfsog1q0z] {
  color: var(--color-fg);
  font-weight: 500;
}

.attr-move-area[b-ydfsog1q0z] {
  overflow: hidden;
  color: var(--color-fg-3);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.attr-move-who[b-ydfsog1q0z] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  color: var(--color-fg-2);
  white-space: nowrap;
}

.attr-move-who strong[b-ydfsog1q0z] {
  color: var(--color-fg);
  font-weight: 600;
}

.attr-move-from[b-ydfsog1q0z] {
  text-decoration: line-through;
  text-decoration-color: var(--color-line-2);
}

.attr-moves-hint[b-ydfsog1q0z] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

@media (max-width: 480px) {
  .attr-move-list li[b-ydfsog1q0z] {
    grid-template-columns: 1fr auto;
  }

  .attr-move-area[b-ydfsog1q0z] {
    display: none;
  }
}
/* /Components/Attribution/ChairPanel.razor.rz.scp.css */
.cp[b-qbrbibxrla] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.cp-facts[b-qbrbibxrla] {
  display: flex;
  flex-direction: column;
  margin: 0;
  border-radius: var(--radius-md);
  box-shadow: 0 0 0 1px var(--color-line);
}

.cp-facts > div[b-qbrbibxrla] {
  display: grid;
  grid-template-columns: 7rem minmax(0, 1fr);
  gap: 0.75rem;
  padding: 0.625rem 0.75rem;
  border-bottom: 1px solid var(--color-line);
}

.cp-facts > div:last-child[b-qbrbibxrla] {
  border-bottom: 0;
}

.cp-facts dt[b-qbrbibxrla] {
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg-3);
}

.cp-facts dd[b-qbrbibxrla] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin: 0;
  font-size: var(--text-base);
  color: var(--color-fg);
}

.cp-credit[b-qbrbibxrla] {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
}

.cp-name[b-qbrbibxrla] {
  font-weight: 600;
  color: var(--color-fg);
}

.cp-why[b-qbrbibxrla],
.cp-muted[b-qbrbibxrla] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.cp-reassign[b-qbrbibxrla] {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  padding: 0.875rem;
  border-radius: var(--radius-md);
  background: var(--color-brand-50);
}

.cp-reassign .input[b-qbrbibxrla] {
  background: var(--color-surface);
}

.cp-reassign[b-qbrbibxrla]  .cp-from-toggle {
  align-self: flex-start;
}

.cp-from[b-qbrbibxrla] {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  padding-top: 0.625rem;
  border-top: 1px solid var(--color-brand-100);
}

.cp-actions[b-qbrbibxrla] {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}

.cp-heading[b-qbrbibxrla] {
  margin-bottom: 0.375rem;
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--color-fg-2);
}

.cp-assignments[b-qbrbibxrla] {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}

.cp-assignments li[b-qbrbibxrla] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0;
  border-bottom: 1px solid var(--color-line);
  font-size: var(--text-base);
}

.cp-assignments li:last-child[b-qbrbibxrla] {
  border-bottom: 0;
}

.cp-when[b-qbrbibxrla] {
  color: var(--color-fg-2);
}

.cp-assignments li[b-qbrbibxrla]  .btn {
  margin-left: auto;
}

.cp-confirm[b-qbrbibxrla] {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}

.cp-confirm-title[b-qbrbibxrla] {
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--color-fg);
}

.cp-notice[b-qbrbibxrla] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.cp-note[b-qbrbibxrla] {
  font-size: var(--text-sm);
  color: var(--color-fg-2);
}

@media (max-width: 480px) {
  .cp-facts > div[b-qbrbibxrla] {
    grid-template-columns: 1fr;
    gap: 0.25rem;
  }
}
/* /Components/Attribution/WorkAreaStaffingEditor.razor.rz.scp.css */
.wse[b-a1cl8707we] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.75rem 1.25rem;
}

.wse-field[b-a1cl8707we] {
  flex: 1 1 12rem;
  max-width: 18rem;
}

.wse-shared[b-a1cl8707we] {
  min-height: 2rem;
}

.wse-muted[b-a1cl8707we] {
  font-size: var(--text-base);
  color: var(--color-fg-3);
}

.wse .field-error[b-a1cl8707we] {
  flex-basis: 100%;
}

.wse-compact[b-a1cl8707we] {
  gap: 0.5rem;
}

.wse-compact .wse-field[b-a1cl8707we] {
  max-width: none;
}
/* /Components/Calendar/CalendarExceptionsEditor.razor.rz.scp.css */
.exceptions[b-x17wjjolzh] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.exceptions-toolbar[b-x17wjjolzh] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.5rem;
}

.field-inline[b-x17wjjolzh] {
  min-width: 0;
}

.field-inline .input[b-x17wjjolzh] {
  width: 6.5rem;
}

.exceptions-buttons[b-x17wjjolzh] {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}

.exceptions-empty[b-x17wjjolzh] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 1rem;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
  font-size: var(--text-base);
  color: var(--color-fg-3);
}

.exceptions[b-x17wjjolzh]  .exceptions-table {
  margin: 0 -1rem -1rem;
  border-top: 1px solid var(--color-line);
}

.cell-actions[b-x17wjjolzh] {
  text-align: right !important;
}

.row-actions[b-x17wjjolzh] {
  display: inline-flex;
  gap: 0.125rem;
}

.notice[b-x17wjjolzh] {
  margin: 0;
}
/* /Components/Calendar/CalendarPreview.razor.rz.scp.css */
.calendar-preview[b-gdavyyrma5] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.5rem 0.75rem;
}

.preview-label[b-gdavyyrma5] {
  font-size: var(--text-base);
  font-weight: 500;
  color: var(--color-fg-2);
}

.preview-days[b-gdavyyrma5] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.preview-day[b-gdavyyrma5] {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  padding: 0.3125rem 0.625rem;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
  box-shadow: 0 0 0 1px var(--color-line);
  font-size: var(--text-base);
  font-variant-numeric: tabular-nums;
  color: var(--color-fg);
  white-space: nowrap;
}

.preview-day.is-closed[b-gdavyyrma5] {
  background: transparent;
  color: var(--color-fg-3);
}

.preview-day.is-exception[b-gdavyyrma5] {
  background: var(--color-brand-50);
  box-shadow: 0 0 0 1px var(--color-brand-100);
  color: var(--color-brand-600);
}

.preview-day.is-today[b-gdavyyrma5] {
  box-shadow: 0 0 0 1.5px var(--color-fg);
}

.preview-note[b-gdavyyrma5] {
  font-size: var(--text-xs);
  color: var(--color-fg-3);
}

.is-exception .preview-note[b-gdavyyrma5] {
  color: var(--color-brand-600);
}
/* /Components/Calendar/IntervalList.razor.rz.scp.css */
.interval-list[b-batms3fjx2] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem 0.5rem;
}

.interval[b-batms3fjx2] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.input-time[b-batms3fjx2] {
  width: 6.25rem;
  font-variant-numeric: tabular-nums;
}

.interval-sep[b-batms3fjx2] {
  color: var(--color-fg-3);
}

.icon-button[b-batms3fjx2] {
  display: grid;
  place-items: center;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
  border: 0;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--color-fg-3);
  cursor: pointer;
}

.icon-button:hover[b-batms3fjx2] {
  background: var(--color-surface-2);
  color: var(--color-fg);
}

.add-interval[b-batms3fjx2] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  height: 1.75rem;
  padding: 0 0.5rem;
  border: 0;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--color-brand-600);
  font-size: var(--text-sm);
  font-weight: 500;
  cursor: pointer;
}

.add-interval:hover[b-batms3fjx2] {
  background: var(--color-brand-50);
}
/* /Components/Calendar/OpeningHoursEditor.razor.rz.scp.css */
.hours-rows[b-fldab2jxeb] {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}

.hours-row[b-fldab2jxeb] {
  display: grid;
  grid-template-columns: 6.5rem 6.5rem minmax(0, 1fr);
  align-items: center;
  gap: 0.375rem 0.75rem;
  min-height: 3rem;
  padding: 0.5rem 0;
  border-bottom: 1px solid var(--color-line);
}

.hours-row:last-child[b-fldab2jxeb] {
  border-bottom: 0;
}

.hours-day[b-fldab2jxeb] {
  font-size: var(--text-base);
  font-weight: 500;
  color: var(--color-fg);
}

.is-closed .hours-day[b-fldab2jxeb] {
  color: var(--color-fg-3);
}

.hours-state[b-fldab2jxeb] {
  min-width: 3rem;
  font-size: var(--text-sm);
}

.hours-error[b-fldab2jxeb] {
  grid-column: 3 / -1;
}

.hours-actions[b-fldab2jxeb] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--color-line);
}

.hours-buttons[b-fldab2jxeb] {
  display: inline-flex;
  gap: 0.375rem;
  margin-left: auto;
}

@media (max-width: 559.98px) {
  .hours-row[b-fldab2jxeb] {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .hours-intervals[b-fldab2jxeb],
  .hours-error[b-fldab2jxeb] {
    grid-column: 1 / -1;
  }

  .hours-intervals:empty[b-fldab2jxeb] {
    display: none;
  }
}
/* /Components/Cameras/AddCameraWizard.razor.rz.scp.css */
.wizard-host[b-y7nwx7d66m]  .dialog-center.camera-wizard {
  width: min(44rem, calc(100vw - 2rem));
}

.wizard-host[b-y7nwx7d66m]  .camera-wizard .dialog-body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.steps[b-y7nwx7d66m] {
  display: flex;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: none;
}

.step[b-y7nwx7d66m] {
  display: inline-flex;
  flex: 1;
  align-items: center;
  gap: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid var(--color-line);
  font-size: var(--text-base);
  color: var(--color-fg-3);
}

.step.is-current[b-y7nwx7d66m] {
  border-color: var(--color-brand);
  color: var(--color-fg);
  font-weight: 500;
}

.step.is-done[b-y7nwx7d66m] {
  border-color: var(--color-ok);
  color: var(--color-fg-2);
}

.step-index[b-y7nwx7d66m] {
  display: grid;
  place-items: center;
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  border-radius: 50%;
  background: var(--color-surface-2);
  box-shadow: inset 0 0 0 1px var(--color-line-2);
  font-size: var(--text-xs);
  font-variant-numeric: tabular-nums;
}

.step.is-current .step-index[b-y7nwx7d66m] {
  background: var(--color-brand);
  color: #fff;
  box-shadow: none;
}

.step.is-done .step-index[b-y7nwx7d66m] {
  background: var(--color-ok);
  color: #fff;
  box-shadow: none;
}

.gateway-field[b-y7nwx7d66m] {
  max-width: 20rem;
}

.tabs[b-y7nwx7d66m] {
  display: inline-flex;
  align-self: flex-start;
  gap: 0.125rem;
  padding: 0.1875rem;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
  box-shadow: inset 0 0 0 1px var(--color-line);
}

.tab[b-y7nwx7d66m] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  height: 1.875rem;
  padding: 0 0.75rem;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--color-fg-2);
  font: inherit;
  font-size: var(--text-base);
  font-weight: 500;
  cursor: pointer;
}

.tab:hover[b-y7nwx7d66m] {
  color: var(--color-fg);
}

.tab.is-active[b-y7nwx7d66m] {
  background: var(--color-surface);
  color: var(--color-fg);
  box-shadow: var(--shadow-card);
}

.tab:focus-visible[b-y7nwx7d66m] {
  outline: 2px solid var(--color-brand);
  outline-offset: 1px;
}

.tab-panel[b-y7nwx7d66m] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-height: 12rem;
}

.talking[b-y7nwx7d66m] {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  padding: 1rem 0;
  font-size: var(--text-md);
  color: var(--color-fg-2);
}

.spinner[b-y7nwx7d66m] {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  border: 2px solid var(--color-brand-100);
  border-top-color: var(--color-brand);
  border-radius: 50%;
  animation: spin-b-y7nwx7d66m 0.8s linear infinite;
}

@keyframes spin-b-y7nwx7d66m {
  to {
    transform: rotate(360deg);
  }
}

.empty-hint[b-y7nwx7d66m] {
  font-size: var(--text-base);
  color: var(--color-fg-3);
}

.choice-list[b-y7nwx7d66m] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.choice[b-y7nwx7d66m] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 0.75rem;
  border-radius: var(--radius-md);
  box-shadow: 0 0 0 1px var(--color-line-2);
  cursor: pointer;
}

.choice:hover[b-y7nwx7d66m] {
  background: var(--color-surface-2);
}

.choice.is-selected[b-y7nwx7d66m] {
  background: var(--color-brand-50);
  box-shadow: 0 0 0 1.5px var(--color-brand);
}

.choice.is-disabled[b-y7nwx7d66m] {
  cursor: not-allowed;
  opacity: 0.7;
}

.choice.is-disabled:hover[b-y7nwx7d66m] {
  background: transparent;
}

.choice input[b-y7nwx7d66m] {
  width: 1rem;
  height: 1rem;
  margin: 0;
  flex-shrink: 0;
  accent-color: var(--color-brand);
}

.choice-icon[b-y7nwx7d66m] {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  border-radius: var(--radius-md);
  background: var(--color-night);
  color: rgb(255 255 255 / 0.8);
}

.choice-text[b-y7nwx7d66m] {
  display: flex;
  flex: 1;
  min-width: 0;
  flex-direction: column;
}

.choice-title[b-y7nwx7d66m] {
  font-size: var(--text-md);
  font-weight: 500;
  color: var(--color-fg);
}

.choice-sub[b-y7nwx7d66m] {
  overflow: hidden;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.choice-badges[b-y7nwx7d66m] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.25rem;
}

.compact .choice[b-y7nwx7d66m] {
  padding: 0.5rem 0.75rem;
}

.check[b-y7nwx7d66m] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-height: 12rem;
}

.check-url[b-y7nwx7d66m] {
  overflow: hidden;
  padding: 0.375rem 0.625rem;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
  font-size: var(--text-sm);
  color: var(--color-fg-2);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.checks[b-y7nwx7d66m] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--text-md);
}

.checks li[b-y7nwx7d66m] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}

.checks .ok[b-y7nwx7d66m] {
  color: var(--color-ok-fg);
}

.checks .bad[b-y7nwx7d66m] {
  color: var(--color-bad-fg);
}

.checks .muted[b-y7nwx7d66m] {
  color: var(--color-fg-3);
}

.probe-error[b-y7nwx7d66m] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: 0;
}

.check-grid[b-y7nwx7d66m] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  gap: 0.875rem;
}

.probe-preview[b-y7nwx7d66m] {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  background: var(--color-night);
  box-shadow: 0 0 0 1px rgb(0 0 0 / 0.4);
}

.profiles[b-y7nwx7d66m] {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--text-base);
}

.profiles th[b-y7nwx7d66m],
.profiles td[b-y7nwx7d66m] {
  padding: 0.375rem 0.5rem 0.375rem 0;
  border-bottom: 1px solid var(--color-line);
  text-align: left;
  white-space: nowrap;
}

.profiles thead th[b-y7nwx7d66m] {
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg-3);
}

.profiles tbody th[b-y7nwx7d66m] {
  font-weight: 500;
}

.profiles .num[b-y7nwx7d66m] {
  text-align: right;
}

@media (max-width: 640px) {
  .check-grid[b-y7nwx7d66m] {
    grid-template-columns: minmax(0, 1fr);
  }

  .steps[b-y7nwx7d66m] {
    gap: 0.25rem;
  }
}

/* Shop (processing) gateways, T56. */
.step-intro[b-y7nwx7d66m] {
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.form-stack[b-y7nwx7d66m] {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}

.monitoring-note[b-y7nwx7d66m] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.625rem 0.75rem;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
  font-size: var(--text-sm);
  color: var(--color-fg-2);
}

.monitoring-note :first-child[b-y7nwx7d66m] {
  flex-shrink: 0;
  margin-top: 0.125rem;
}

/* T28 (BIL-004): the plan limit's upgrade prompt. */
.limit-upgrade[b-y7nwx7d66m] {
  margin-left: 0.375rem;
  font-weight: 600;
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.limit-upgrade:focus-visible[b-y7nwx7d66m] {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
  border-radius: 4px;
}
/* /Components/Cameras/CameraLiveTab.razor.rz.scp.css */
.live-tab[b-6sub4a87bx] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* Why there is no live video (ADR-014 G8): a calm, full-width explanation above the frame. */
.live-unavailable[b-6sub4a87bx] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.875rem 1rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.live-unavailable-icon[b-6sub4a87bx] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  border-radius: var(--radius-md);
  background: var(--color-brand-50);
  color: var(--color-brand);
}

.live-unavailable-title[b-6sub4a87bx] {
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--color-fg);
}

.live-unavailable-text[b-6sub4a87bx] {
  margin-top: 0.125rem;
  font-size: var(--text-base);
  color: var(--color-fg-2);
  text-wrap: pretty;
}

.live-layout[b-6sub4a87bx] {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(18rem, 1fr);
  align-items: start;
  gap: 0.75rem;
}

.live-toggle[b-6sub4a87bx] {
  margin-right: 0.25rem;
  color: var(--color-fg);
}

/* The frame: a 16:9 night box with the canvas (mapping-view.js) and, while loading or failing, a message above it. */
.live-frame[b-6sub4a87bx] {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: var(--radius-xl);
  background: var(--color-night);
  box-shadow: 0 0 0 1px rgb(0 0 0 / 0.4);
}

.live-stage[b-6sub4a87bx] {
  position: absolute;
  inset: 0;
}

.live-frame-message[b-6sub4a87bx] {
  position: absolute;
  inset: 0;
}

.live-chip[b-6sub4a87bx] {
  position: absolute;
  top: 0.625rem;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.1875rem 0.5rem;
  border-radius: var(--radius-sm);
  background: rgb(0 0 0 / 0.55);
  color: rgb(255 255 255 / 0.92);
  font-size: var(--text-xs);
  font-weight: 500;
  white-space: nowrap;
  pointer-events: none;
  backdrop-filter: blur(4px);
}

.live-chip-setup[b-6sub4a87bx] {
  left: 0.625rem;
  background: rgb(245 158 11 / 0.9);
  color: #1f1300;
}

.live-chip-time[b-6sub4a87bx] {
  top: auto;
  right: 0.625rem;
  bottom: 0.625rem;
  font-family: var(--font-mono);
}

.live-meta[b-6sub4a87bx] {
  margin-top: 0.5rem;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.live-facts[b-6sub4a87bx] {
  display: grid;
  grid-template-columns: 7.25rem minmax(0, 1fr);
  gap: 0.5rem 1rem;
  margin: 0;
  font-size: var(--text-base);
}

.live-facts dt[b-6sub4a87bx] {
  color: var(--color-fg-3);
}

.live-facts dd[b-6sub4a87bx] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem 0.5rem;
  margin: 0;
  color: var(--color-fg);
}

.live-link[b-6sub4a87bx] {
  font-size: var(--text-sm);
  font-weight: 500;
}

.live-subhead[b-6sub4a87bx] {
  margin: 1rem 0 0.5rem;
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg-3);
}

/* The legend uses the mapping editor's colours (T09) and counts the published regions per type. */
.live-legend[b-6sub4a87bx] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--text-base);
  color: var(--color-fg);
}

.live-legend li[b-6sub4a87bx] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.live-legend li.is-empty[b-6sub4a87bx] {
  color: var(--color-fg-3);
}

.live-legend-label[b-6sub4a87bx] {
  flex: 1;
}

.live-legend-count[b-6sub4a87bx] {
  color: var(--color-fg-2);
}

.live-legend li.is-empty .live-legend-count[b-6sub4a87bx] {
  color: var(--color-fg-3);
}

.live-swatch[b-6sub4a87bx] {
  display: inline-block;
  flex-shrink: 0;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 3px;
}

.live-swatch-occupancy[b-6sub4a87bx] {
  background: color-mix(in srgb, var(--color-brand) 30%, transparent);
  box-shadow: inset 0 0 0 1.5px var(--color-brand);
}

.live-swatch-staff[b-6sub4a87bx] {
  background: color-mix(in srgb, var(--color-cyan) 10%, transparent);
  box-shadow: inset 0 0 0 1.5px var(--color-cyan);
}

.live-swatch-zone[b-6sub4a87bx] {
  background: color-mix(in srgb, var(--color-ok) 22%, transparent);
  box-shadow: inset 0 0 0 1.5px var(--color-ok);
}

.live-swatch-mask[b-6sub4a87bx] {
  background: repeating-linear-gradient(45deg, var(--color-fg-3) 0 1.5px, transparent 1.5px 4px);
  box-shadow: inset 0 0 0 1.5px var(--color-fg-3);
}

.live-swatch-line[b-6sub4a87bx] {
  height: 3px;
  border-radius: 2px;
  background: var(--color-warn);
}

@media (max-width: 960px) {
  .live-layout[b-6sub4a87bx] {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 480px) {
  .live-layout[b-6sub4a87bx]  .card-header {
    flex-wrap: wrap;
  }

  .live-facts[b-6sub4a87bx] {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.125rem;
  }

  .live-facts dd + dt[b-6sub4a87bx] {
    margin-top: 0.5rem;
  }

  .live-chip-prefix[b-6sub4a87bx] {
    display: none;
  }
}
/* /Components/Cameras/CameraThumbnail.razor.rz.scp.css */
.thumb[b-9v5vhevwue] {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: var(--radius-lg);
  background: var(--color-night);
  box-shadow: 0 0 0 1px rgb(0 0 0 / 0.4);
}

.thumb img[b-9v5vhevwue] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.thumb-empty[b-9v5vhevwue] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  height: 100%;
  color: rgb(255 255 255 / 0.55);
  font-size: var(--text-sm);
  background-image:
    linear-gradient(rgb(255 255 255 / 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgb(255 255 255 / 0.045) 1px, transparent 1px);
  background-size: 24px 24px;
}

.thumb-chip[b-9v5vhevwue] {
  position: absolute;
  top: 0.5rem;
  max-width: calc(100% - 5.5rem);
  overflow: hidden;
  padding: 0.125rem 0.5rem;
  border-radius: var(--radius-sm);
  background: rgb(0 0 0 / 0.5);
  color: rgb(255 255 255 / 0.9);
  font-size: var(--text-xs);
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
  backdrop-filter: blur(4px);
}

.thumb-name[b-9v5vhevwue] {
  left: 0.5rem;
}

.thumb-time[b-9v5vhevwue] {
  right: 0.5rem;
  font-family: var(--font-mono);
}

.thumb-overlay[b-9v5vhevwue] {
  position: absolute;
  inset: auto 0.5rem 0.5rem;
  display: flex;
  justify-content: flex-start;
}

.thumb-large[b-9v5vhevwue] {
  border-radius: var(--radius-xl);
}

.thumb-large .thumb-chip[b-9v5vhevwue] {
  top: 0.75rem;
  padding: 0.25rem 0.625rem;
  font-size: var(--text-sm);
}

.thumb-large .thumb-name[b-9v5vhevwue] {
  left: 0.75rem;
}

.thumb-large .thumb-time[b-9v5vhevwue] {
  right: 0.75rem;
}

/* Processing cameras outside setup views (CAM-040, T56): nothing of the picture, only why. */
.thumb-private[b-9v5vhevwue] {
  padding: 0 1rem;
  text-align: center;
  color: rgb(255 255 255 / 0.7);
}

.thumb-private span[b-9v5vhevwue] {
  max-width: 16rem;
  text-wrap: balance;
}
/* /Components/Cameras/CameraTimeline.razor.rz.scp.css */
.timeline[b-pn1ntfqwd4] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.timeline-bar[b-pn1ntfqwd4] {
  position: relative;
  height: 1.75rem;
  overflow: hidden;
  border-radius: var(--radius-md);
  background-color: var(--color-surface-2);
  background-image: repeating-linear-gradient(135deg, transparent 0 6px, rgb(11 12 16 / 0.035) 6px 12px);
  box-shadow: inset 0 0 0 1px var(--color-line);
}

.timeline-seg[b-pn1ntfqwd4] {
  position: absolute;
  top: 0;
  bottom: 0;
  min-width: 2px;
}

.timeline-now[b-pn1ntfqwd4] {
  position: absolute;
  top: -2px;
  right: 0;
  bottom: -2px;
  width: 2px;
  background: var(--color-fg);
}

.timeline-axis[b-pn1ntfqwd4] {
  position: relative;
  height: 1rem;
  font-size: var(--text-xs);
  color: var(--color-fg-3);
}

.timeline-tick[b-pn1ntfqwd4] {
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  white-space: nowrap;
}

.timeline-legend[b-pn1ntfqwd4] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.875rem;
  margin: 0.25rem 0 0;
  padding: 0;
  list-style: none;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.timeline-legend li[b-pn1ntfqwd4] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}

.legend-swatch[b-pn1ntfqwd4] {
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 3px;
}

.cseg-online[b-pn1ntfqwd4] {
  background: var(--color-ok);
}

.cseg-degraded[b-pn1ntfqwd4],
.cseg-view_changed[b-pn1ntfqwd4] {
  background: var(--color-warn);
}

.cseg-offline[b-pn1ntfqwd4],
.cseg-unauthorized[b-pn1ntfqwd4] {
  background: var(--color-bad);
}

.cseg-unknown[b-pn1ntfqwd4] {
  background: #b9bcc6;
}

.cseg-pending[b-pn1ntfqwd4] {
  background: var(--color-brand-100);
}

.cseg-disabled[b-pn1ntfqwd4] {
  background: var(--color-line-2);
}

.cseg-empty[b-pn1ntfqwd4] {
  background-color: var(--color-surface-2);
  background-image: repeating-linear-gradient(135deg, transparent 0 3px, rgb(11 12 16 / 0.08) 3px 5px);
  box-shadow: inset 0 0 0 1px var(--color-line);
}
/* /Components/Cameras/CameraWallTile.razor.rz.scp.css */
/* A camera wall tile (T35): the dark schematic, a chip for what needs attention, the name and status below. */

.wall-tile[b-g80ctonw9e] {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.wall-tile-view_changed[b-g80ctonw9e],
.wall-tile-offline[b-g80ctonw9e],
.wall-tile-unauthorized[b-g80ctonw9e] {
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-warn) 55%, transparent), 0 1px 2px rgb(11 12 16 / 0.04);
}

.wall-tile-offline[b-g80ctonw9e],
.wall-tile-unauthorized[b-g80ctonw9e] {
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-bad) 45%, transparent), 0 1px 2px rgb(11 12 16 / 0.04);
}

.wall-tile-link[b-g80ctonw9e] {
  display: block;
  color: inherit;
  text-decoration: none;
}

.wall-tile-link:focus-visible[b-g80ctonw9e] {
  outline: 2px solid var(--color-brand);
  outline-offset: -2px;
}

.wall-tile-media[b-g80ctonw9e] {
  position: relative;
  aspect-ratio: 16 / 9;
  background: var(--color-night);
}

.wall-tile-media[b-g80ctonw9e]  .camera-tile {
  height: 100%;
  border-radius: 0;
  box-shadow: none;
}

.wall-tile-empty[b-g80ctonw9e] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  height: 100%;
  padding: 1rem;
  color: rgb(255 255 255 / 0.55);
  text-align: center;
}

.wall-tile-empty p[b-g80ctonw9e] {
  max-width: 18rem;
  margin: 0;
  font-size: var(--text-base);
}

.wall-tile-alert[b-g80ctonw9e] {
  position: absolute;
  bottom: 0.625rem;
  left: 0.625rem;
  display: inline-flex;
  align-items: center;
  gap: 0.3125rem;
  max-width: calc(100% - 1.25rem);
  padding: 0.25rem 0.5rem;
  border-radius: var(--radius-sm);
  background: rgb(245 158 11 / 0.94);
  color: #1f1300;
  font-size: var(--text-sm);
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wall-tile-footer[b-g80ctonw9e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.625rem 0.75rem;
}

.wall-tile-name[b-g80ctonw9e] {
  min-width: 0;
  overflow: hidden;
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--color-fg);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.wall.is-fullscreen .wall-tile[b-g80ctonw9e] {
  background: var(--color-night-2);
  box-shadow: 0 0 0 1px var(--color-night-3);
}

.wall.is-fullscreen .wall-tile-name[b-g80ctonw9e] {
  color: #fff;
}
/* /Components/Cameras/FrameMessage.razor.rz.scp.css */
.thumb[b-6pup31r6kz] {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: var(--radius-lg);
  background: var(--color-night);
  box-shadow: 0 0 0 1px rgb(0 0 0 / 0.4);
}

.thumb-large[b-6pup31r6kz] {
  border-radius: var(--radius-xl);
}

.frame-message[b-6pup31r6kz] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  height: 100%;
  padding: 0 1.5rem;
  text-align: center;
  color: rgb(255 255 255 / 0.6);
  font-size: var(--text-sm);
  background-image:
    linear-gradient(rgb(255 255 255 / 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgb(255 255 255 / 0.045) 1px, transparent 1px);
  background-size: 24px 24px;
}

.frame-message strong[b-6pup31r6kz] {
  font-size: var(--text-md);
  font-weight: 600;
  color: rgb(255 255 255 / 0.9);
}

.frame-message span[b-6pup31r6kz] {
  max-width: 22rem;
  text-wrap: balance;
}
/* /Components/Cameras/SetupFrame.razor.rz.scp.css */
.thumb[b-d5idrtopze] {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: var(--radius-lg);
  background: var(--color-night);
  box-shadow: 0 0 0 1px rgb(0 0 0 / 0.4);
}

.thumb-large[b-d5idrtopze] {
  border-radius: var(--radius-xl);
}

.thumb img[b-d5idrtopze] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.thumb-chip[b-d5idrtopze] {
  position: absolute;
  top: 0.625rem;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.1875rem 0.5rem;
  border-radius: var(--radius-sm);
  background: rgb(0 0 0 / 0.55);
  color: rgb(255 255 255 / 0.92);
  font-size: var(--text-xs);
  font-weight: 500;
  white-space: nowrap;
  backdrop-filter: blur(4px);
}

.thumb-setup[b-d5idrtopze] {
  left: 0.625rem;
  background: rgb(245 158 11 / 0.9);
  color: #1f1300;
}

.thumb-time[b-d5idrtopze] {
  top: auto;
  right: 0.625rem;
  bottom: 0.625rem;
  font-family: var(--font-mono);
}
/* /Components/Cameras/UptimeBars.razor.rz.scp.css */
.uptime[b-eu77k961ga] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.uptime-bars[b-eu77k961ga] {
  display: grid;
  grid-template-columns: repeat(30, minmax(0, 1fr));
  gap: 3px;
  height: 2rem;
}

.uptime-bar[b-eu77k961ga] {
  border-radius: 3px;
}

.uptime-ok[b-eu77k961ga] {
  background: var(--color-ok);
}

.uptime-warn[b-eu77k961ga] {
  background: var(--color-warn);
}

.uptime-bad[b-eu77k961ga] {
  background: var(--color-bad);
}

.uptime-none[b-eu77k961ga] {
  background: var(--color-surface-2);
  box-shadow: inset 0 0 0 1px var(--color-line);
}

.uptime-closed[b-eu77k961ga] {
  background-color: var(--color-surface-2);
  background-image: repeating-linear-gradient(135deg, transparent 0 3px, rgb(11 12 16 / 0.08) 3px 5px);
  box-shadow: inset 0 0 0 1px var(--color-line);
}

.uptime-axis[b-eu77k961ga] {
  display: flex;
  justify-content: space-between;
  font-size: var(--text-xs);
  color: var(--color-fg-3);
}

.uptime-table[b-eu77k961ga] {
  width: 100%;
  margin-top: 0.5rem;
  border-collapse: collapse;
  font-size: var(--text-base);
}

.uptime-table th[b-eu77k961ga],
.uptime-table td[b-eu77k961ga] {
  padding: 0.375rem 0;
  border-top: 1px solid var(--color-line);
  text-align: left;
}

.uptime-table thead th[b-eu77k961ga] {
  border-top: 0;
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg-3);
}

.uptime-table tbody th[b-eu77k961ga] {
  font-weight: 400;
  color: var(--color-fg);
}

.uptime-table td[b-eu77k961ga] {
  color: var(--color-fg-2);
}

.uptime-table .num[b-eu77k961ga] {
  text-align: right;
}
/* /Components/Dashboard/AnimatedFigure.razor.rz.scp.css */
.figure[b-g7cxga9f4e] {
  display: inline-block;
  animation: figure-in-b-g7cxga9f4e 420ms var(--ease-out-expo);
}

@keyframes figure-in-b-g7cxga9f4e {
  from {
    opacity: 0.35;
    transform: translateY(3px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .figure[b-g7cxga9f4e] {
    animation: none;
  }
}
/* /Components/Dashboard/CameraTile.razor.rz.scp.css */
.camera-tile[b-z8lljsioum] {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border-radius: var(--radius-lg);
  background: var(--color-night);
  box-shadow: 0 0 0 1px var(--color-night-3);
  color: #fff;
}

.scene-wrap[b-z8lljsioum] {
  position: relative;
  width: 100%;
}

.scene[b-z8lljsioum] {
  display: block;
  width: 100%;
  height: 100%;
}

.scene-bg[b-z8lljsioum] {
  fill: var(--color-night);
}

.grid-line[b-z8lljsioum] {
  fill: none;
  stroke: rgb(255 255 255 / 0.035);
  stroke-width: 1;
}

.hatch-line[b-z8lljsioum] {
  stroke: rgb(255 255 255 / 0.12);
  stroke-width: 2;
}

.glow-core[b-z8lljsioum] {
  stop-color: #fff;
  stop-opacity: 0.35;
}

.glow-edge[b-z8lljsioum] {
  stop-color: #fff;
  stop-opacity: 0;
}

/* Mirrors and screens the mapping masks out: the room's walls, for orientation (nothing is detected there). */
.mask[b-z8lljsioum] {
  fill: rgb(255 255 255 / 0.035);
  stroke: rgb(255 255 255 / 0.1);
  stroke-width: 1.5;
}

.zone[b-z8lljsioum] {
  fill: color-mix(in srgb, var(--color-cyan) 6%, transparent);
  stroke: color-mix(in srgb, var(--color-cyan) 70%, transparent);
  stroke-width: 2;
  stroke-dasharray: 8 6;
}

.staff-spot[b-z8lljsioum] {
  fill: none;
  stroke: rgb(255 255 255 / 0.12);
  stroke-width: 1.5;
  stroke-dasharray: 4 5;
}

.seat[b-z8lljsioum] {
  fill: rgb(255 255 255 / 0.03);
  stroke: rgb(255 255 255 / 0.22);
  stroke-width: 2;
  stroke-linejoin: round;
}

.seat-occupied[b-z8lljsioum] {
  fill: color-mix(in srgb, var(--color-brand) 22%, transparent);
  stroke: var(--color-brand);
  stroke-width: 3;
}

.seat-not-covered[b-z8lljsioum] {
  stroke: rgb(255 255 255 / 0.18);
  stroke-dasharray: 6 5;
}

.seat-waiting[b-z8lljsioum] {
  stroke-dasharray: 2 5;
}

.seat-highlight[b-z8lljsioum] {
  stroke: #fff;
  stroke-width: 4;
  filter: drop-shadow(0 0 10px color-mix(in srgb, var(--color-brand) 80%, transparent));
}

.person-box[b-z8lljsioum] {
  fill: none;
  stroke: color-mix(in srgb, var(--color-brand) 70%, #fff);
  stroke-width: 1.5;
  stroke-opacity: 0.55;
}

.person-dot[b-z8lljsioum] {
  fill: #f4f4ff;
  stroke: var(--color-brand);
  stroke-width: 3;
}

.labels[b-z8lljsioum] {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.region-label[b-z8lljsioum] {
  position: absolute;
  padding: 0.0625rem 0.375rem;
  border-radius: 3px;
  background: rgb(255 255 255 / 0.1);
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 1.5;
  color: rgb(255 255 255 / 0.8);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  transform: translate(-50%, calc(-100% - 4px));
}

.region-label-occupied[b-z8lljsioum] {
  background: var(--color-brand);
  color: #fff;
}

.region-label-zone[b-z8lljsioum] {
  background: color-mix(in srgb, var(--color-cyan) 70%, var(--color-night));
  color: #fff;
}

.region-label-highlight[b-z8lljsioum] {
  box-shadow: 0 0 0 2px #fff;
}

.scene-empty[b-z8lljsioum] {
  display: flex;
  aspect-ratio: 16 / 9;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 2rem 1.5rem;
  color: rgb(255 255 255 / 0.65);
  font-size: var(--text-base);
  text-align: center;
}

.scene-empty p[b-z8lljsioum] {
  max-width: 26rem;
}

.chips[b-z8lljsioum] {
  position: absolute;
  left: 0.75rem;
  right: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  pointer-events: none;
}

.chips-top[b-z8lljsioum] {
  top: 0.75rem;
}

.chips-bottom[b-z8lljsioum] {
  bottom: 0.75rem;
}

.chip-group[b-z8lljsioum],
.switcher[b-z8lljsioum] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}

.chip[b-z8lljsioum] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.5rem;
  border-radius: var(--radius-sm);
  background: rgb(0 0 0 / 0.6);
  box-shadow: 0 0 0 1px rgb(255 255 255 / 0.1);
  font-size: var(--text-sm);
  font-weight: 500;
  color: #fff;
  white-space: nowrap;
  pointer-events: auto;
}

.chips-bottom .chip[b-z8lljsioum] {
  color: rgb(255 255 255 / 0.9);
}

.chips-bottom .chip[b-z8lljsioum]  .icon {
  color: var(--color-ok);
}

.chip-button[b-z8lljsioum] {
  border: 0;
  font: inherit;
  font-size: var(--text-sm);
  cursor: pointer;
}

.chip-button:not(.chip-on)[b-z8lljsioum] {
  color: rgb(255 255 255 / 0.65);
}

.chip-on[b-z8lljsioum] {
  background: rgb(255 255 255 / 0.16);
}

.chip-button:focus-visible[b-z8lljsioum] {
  outline: 2px solid var(--color-brand-100);
  outline-offset: 2px;
}

.chip-time[b-z8lljsioum] {
  font-family: var(--font-mono);
}

.rec-dot[b-z8lljsioum] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--color-bad);
}

@media (max-width: 640px) {
  .region-label[b-z8lljsioum] {
    font-size: 0.5625rem;
  }

  .chip[b-z8lljsioum] {
    font-size: var(--text-xs);
  }
}
/* /Components/Dashboard/CoverageWarning.razor.rz.scp.css */
.coverage-warning[b-0d0g7uh4le] {
  position: relative;
  display: inline-flex;
}

.coverage-warning > summary[b-0d0g7uh4le] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.375rem;
  height: 1.375rem;
  border-radius: var(--radius-full);
  color: var(--color-warn-fg);
  background: var(--color-warn-bg);
  cursor: pointer;
  list-style: none;
}

.coverage-warning > summary[b-0d0g7uh4le]::-webkit-details-marker {
  display: none;
}

.coverage-warning > summary:focus-visible[b-0d0g7uh4le] {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}

.coverage-panel[b-0d0g7uh4le] {
  position: absolute;
  top: calc(100% + 0.375rem);
  right: 0;
  z-index: 20;
  width: min(18rem, calc(100vw - 2.5rem));
  padding: 0.625rem 0.75rem;
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: var(--shadow-pop);
  font-size: var(--text-sm);
  font-weight: 400;
  color: var(--color-fg-2);
  text-align: left;
  white-space: normal;
}

.coverage-title[b-0d0g7uh4le] {
  font-weight: 600;
  color: var(--color-warn-fg);
}

.coverage-list[b-0d0g7uh4le] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: 0.375rem;
  padding: 0;
  list-style: none;
}

.coverage-note[b-0d0g7uh4le] {
  margin-top: 0.375rem;
  color: var(--color-fg-3);
}
/* /Components/Dashboard/DayCoverage.razor.rz.scp.css */
.coverage-card[b-hkxu2zgs5v] {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.coverage-card-title[b-hkxu2zgs5v] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--color-fg);
}

.hour-chart[b-hkxu2zgs5v] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0;
}

.hour-chart-bars[b-hkxu2zgs5v] {
  position: relative; /* T37: the model update markers */
  display: flex;
  height: 8rem;
  align-items: stretch;
  gap: 0.375rem;
}

.hour-chart-column[b-hkxu2zgs5v] {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  gap: 0.25rem;
}

.hour-chart-value[b-hkxu2zgs5v],
.hour-chart-label[b-hkxu2zgs5v] {
  font-size: var(--text-xs);
  color: var(--color-fg-3);
  text-align: center;
}

.hour-chart-bar[b-hkxu2zgs5v] {
  border-radius: 3px 3px 1px 1px;
  background: color-mix(in srgb, var(--color-brand) 80%, transparent);
}

.hour-chart-peak[b-hkxu2zgs5v] {
  background: var(--color-brand);
}

.hour-chart-empty[b-hkxu2zgs5v] {
  opacity: 0.18;
}

.coverage-section[b-hkxu2zgs5v] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-top: 0.75rem;
  border-top: 1px solid color-mix(in srgb, var(--color-line) 80%, transparent);
}

.coverage-figure[b-hkxu2zgs5v] {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}

.coverage-value[b-hkxu2zgs5v] {
  font-size: 1.375rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--color-fg);
}

.coverage-caption[b-hkxu2zgs5v],
.coverage-note[b-hkxu2zgs5v] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.coverage-ok[b-hkxu2zgs5v],
.coverage-after[b-hkxu2zgs5v] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--text-base);
}

.coverage-ok[b-hkxu2zgs5v] {
  color: var(--color-ok-fg);
}

.coverage-after[b-hkxu2zgs5v] {
  color: var(--color-bad-fg);
}

.coverage-gaps[b-hkxu2zgs5v] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: var(--text-base);
  color: var(--color-fg-2);
}
/* /Components/Dashboard/DayTimeline.razor.rz.scp.css */
.day-timeline[b-65537k4kw9] {
  position: relative;
  min-width: 0;
}

.track[b-65537k4kw9] {
  position: relative;
  height: 1.5rem;
  border-radius: var(--radius-sm);
  background: var(--color-surface-2);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-line) 70%, transparent);
}

.closed[b-65537k4kw9] {
  position: absolute;
  top: 0;
  bottom: 0;
  background: repeating-linear-gradient(135deg, transparent 0 4px, rgb(11 12 16 / 0.05) 4px 5px);
}

.closed:first-child[b-65537k4kw9] {
  border-radius: var(--radius-sm) 0 0 var(--radius-sm);
}

.closed:last-of-type[b-65537k4kw9] {
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}

/* T30: time off shift (lighter, vertical hairlines) and breaks (amber stripes), under the sessions. */
.off-shift[b-65537k4kw9] {
  position: absolute;
  top: 0;
  bottom: 0;
  background: repeating-linear-gradient(90deg, rgb(11 12 16 / 0.08) 0 1px, transparent 1px 4px);
}

.break[b-65537k4kw9] {
  position: absolute;
  top: 2px;
  bottom: 2px;
  border-radius: 2px;
  background: repeating-linear-gradient(135deg, rgb(245 158 11 / 0.6) 0 3px, rgb(245 158 11 / 0.2) 3px 6px);
}

.bar[b-65537k4kw9] {
  position: absolute;
  top: 4px;
  bottom: 4px;
  border-radius: 3px;
  background: color-mix(in srgb, var(--color-brand) 75%, transparent);
}

.bar-fastest[b-65537k4kw9] {
  background: var(--color-ok);
}

.bar-slowest[b-65537k4kw9] {
  background: var(--color-warn);
}

.bar-live[b-65537k4kw9] {
  background-image: var(--gradient-ai);
}

.bar-after-hours[b-65537k4kw9] {
  background: var(--color-bad);
}

/* T15: a session added by hand (striped, "M") and a corrected one (a corner mark). */
.bar-manual[b-65537k4kw9] {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-image: repeating-linear-gradient(135deg, rgb(255 255 255 / 0.28) 0 3px, transparent 3px 6px);
  box-shadow: inset 0 0 0 1px rgb(11 12 16 / 0.18);
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
}

.bar-corrected[b-65537k4kw9]::after {
  content: "";
  position: absolute;
  top: -3px;
  right: -3px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--color-warn);
  box-shadow: 0 0 0 1.5px var(--color-surface);
}

.now[b-65537k4kw9] {
  position: absolute;
  top: -4px;
  bottom: -4px;
  width: 1px;
  background: var(--color-fg);
}
/* /Components/Dashboard/FiguresStatus.razor.rz.scp.css */
.fs-calibrating[b-shpye6ric4] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.375rem 0.75rem;
  padding: 0.75rem 0.875rem;
  border-radius: var(--radius-md);
  background: var(--color-brand-50);
  box-shadow: inset 0 0 0 1px var(--color-brand-100);
}

.fs-badge[b-shpye6ric4] {
  display: inline-flex;
  align-items: center;
  gap: 0.3125rem;
  padding: 0.125rem 0.5rem;
  border-radius: var(--radius-full);
  background: var(--gradient-ai);
  color: #fff;
  font-size: var(--text-sm);
  font-weight: 500;
  white-space: nowrap;
}

.fs-text[b-shpye6ric4],
.fs-prompt[b-shpye6ric4] {
  flex: 1 1 24rem;
  margin: 0;
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.fs-prompt[b-shpye6ric4] {
  flex-basis: 100%;
  font-weight: 500;
  color: var(--color-fg);
}

.fs-prompt a[b-shpye6ric4] {
  color: var(--color-brand);
}

.fs-locked[b-shpye6ric4] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: var(--color-surface-2);
  color: var(--color-fg-2);
  box-shadow: inset 0 0 0 1px var(--color-line);
}
/* /Components/Dashboard/InsightContent.razor.rz.scp.css */
.insight-tone[b-0oubnabqbn] {
  display: flex;
  width: 1.75rem;
  height: 1.75rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  margin-top: 0.125rem;
  border-radius: var(--radius-md);
}

/* The approved design's tones (Panels.tsx): brand, ok, warn, bad. */
.insight-tone-brand[b-0oubnabqbn] {
  background: var(--color-brand-50);
  color: var(--color-brand);
}

.insight-tone-ok[b-0oubnabqbn] {
  background: var(--color-ok-bg);
  color: var(--color-ok-fg);
}

.insight-tone-warn[b-0oubnabqbn] {
  background: var(--color-warn-bg);
  color: var(--color-warn-fg);
}

.insight-tone-bad[b-0oubnabqbn] {
  background: var(--color-bad-bg);
  color: var(--color-bad-fg);
}

.insight-text[b-0oubnabqbn] {
  display: block;
  min-width: 0;
  flex: 1;
}

.insight-title[b-0oubnabqbn] {
  display: block;
  font-size: var(--text-base);
  font-weight: 500;
  line-height: 1.35;
  color: var(--color-fg);
}

.insight-detail[b-0oubnabqbn] {
  display: block;
  margin-top: 0.125rem;
  font-size: var(--text-sm);
  line-height: 1.35;
  color: var(--color-fg-3);
  font-variant-numeric: tabular-nums;
}
/* /Components/Dashboard/InsightsPanel.razor.rz.scp.css */
.insights-card[b-usophmg6t5] {
  display: flex;
  height: 100%;
  min-width: 0;
  flex-direction: column;
  padding: 1rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.insights-header[b-usophmg6t5] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.insights-title[b-usophmg6t5] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--color-fg);
}

.insights-title[b-usophmg6t5]  .insights-icon {
  color: var(--color-violet);
}

.insights-meta[b-usophmg6t5] {
  font-size: var(--text-xs);
  color: var(--color-fg-3);
}

.insights-empty[b-usophmg6t5] {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.75rem;
}

.ghosts[b-usophmg6t5] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0;
  margin: 0;
  list-style: none;
}

.ghosts li[b-usophmg6t5] {
  display: flex;
  gap: 0.75rem;
  padding: 0.625rem;
  border-radius: var(--radius-md);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-line) 80%, transparent);
}

.ghost-icon[b-usophmg6t5] {
  width: 1.75rem;
  height: 1.75rem;
  flex-shrink: 0;
  border-radius: var(--radius-md);
  background: var(--color-brand-50);
}

.ghost-lines[b-usophmg6t5] {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  gap: 0.375rem;
}

.ghost-lines span[b-usophmg6t5] {
  height: 0.5rem;
  border-radius: var(--radius-full);
  background: var(--color-surface-2);
}

.ghost-lines span:first-child[b-usophmg6t5] {
  width: 70%;
  background: var(--color-surface-3);
}

.ghost-lines span:last-child[b-usophmg6t5] {
  width: 45%;
}

.insights-text[b-usophmg6t5] {
  margin-top: 0.25rem;
  font-size: var(--text-base);
  font-weight: 500;
  color: var(--color-fg-2);
}

.insights-sub[b-usophmg6t5] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

/* T14: the insight cards (Panels.tsx): a hairline ring, the tone icon, title and detail; the whole card opens the evidence. */
.insights-list[b-usophmg6t5] {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0;
  margin: 0.75rem 0 0;
  list-style: none;
}

.insight[b-usophmg6t5] {
  border-radius: var(--radius-md);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-line) 80%, transparent);
  animation: insight-in-b-usophmg6t5 350ms var(--ease-out-expo) both;
}

.insight.is-initial[b-usophmg6t5] {
  animation: none;
}

.insight.is-leaving[b-usophmg6t5] {
  pointer-events: none;
  animation: insight-out-b-usophmg6t5 320ms ease-out both;
}

.insight-body[b-usophmg6t5] {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
  padding: 0.625rem;
  border-radius: inherit;
  color: inherit;
  text-decoration: none;
  transition: background-color 150ms ease-out;
}

a.insight-body:hover[b-usophmg6t5] {
  background: var(--color-surface-2);
}

a.insight-body:focus-visible[b-usophmg6t5] {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}

.insight-body[b-usophmg6t5]  .insight-go {
  flex-shrink: 0;
  align-self: center;
  color: var(--color-fg-3);
  opacity: 0;
  transition: opacity 150ms ease-out, transform 150ms ease-out;
}

a.insight-body:hover[b-usophmg6t5]  .insight-go,
a.insight-body:focus-visible[b-usophmg6t5]  .insight-go {
  opacity: 1;
  transform: translateX(2px);
}

.insights-error[b-usophmg6t5] {
  margin-top: 0.75rem;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

@keyframes insight-in-b-usophmg6t5 {
  from {
    opacity: 0;
    transform: translateY(6px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes insight-out-b-usophmg6t5 {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .insight[b-usophmg6t5],
  .insight.is-leaving[b-usophmg6t5] {
    animation: none;
  }

  .insight-body[b-usophmg6t5],
  .insight-body[b-usophmg6t5]  .insight-go {
    transition: none;
  }
}

@media (hover: none) {
  .insight-body[b-usophmg6t5]  .insight-go {
    opacity: 1;
  }
}
/* /Components/Dashboard/KpiCards.razor.rz.scp.css */
.kpi-row[b-je2wixsb6o] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
}

.kpi-card[b-je2wixsb6o] {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: 1rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.kpi-label[b-je2wixsb6o] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  min-height: 1.375rem;
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg-3);
}

.kpi-label[b-je2wixsb6o]  .kpi-warning {
  margin-left: auto;
}

.kpi-value[b-je2wixsb6o] {
  margin-top: 0.25rem;
  font-size: var(--text-2xl);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--color-fg);
  font-variant-numeric: tabular-nums;
}

.kpi-foot[b-je2wixsb6o] {
  margin-top: 0.375rem;
  overflow: hidden;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.kpi-extra[b-je2wixsb6o] {
  margin-top: 0.625rem;
}

.hour-bars[b-je2wixsb6o] {
  position: relative; /* T37: the model update markers */
  display: flex;
  height: 1.75rem;
  align-items: flex-end;
  gap: 3px;
}

.hour-bar[b-je2wixsb6o] {
  width: 100%;
  border-radius: 2px;
  background: color-mix(in srgb, var(--color-brand) 80%, transparent);
  transition: height 500ms var(--ease-out-expo);
}

.hour-bar-empty[b-je2wixsb6o] {
  opacity: 0.18;
}

.utilization-track[b-je2wixsb6o] {
  height: 6px;
  overflow: hidden;
  border-radius: var(--radius-full);
  background: var(--color-surface-3);
}

.utilization-fill[b-je2wixsb6o] {
  height: 100%;
  border-radius: var(--radius-full);
  transition: width 500ms var(--ease-out-expo);
}

@media (max-width: 1024px) {
  .kpi-row[b-je2wixsb6o] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .kpi-card[b-je2wixsb6o] {
    padding: 0.875rem;
  }

  .kpi-value[b-je2wixsb6o] {
    font-size: 1.5rem;
  }

  .kpi-foot[b-je2wixsb6o] {
    white-space: normal;
  }

  .kpi-extra[b-je2wixsb6o] {
    display: none;
  }
}
/* /Components/Dashboard/ModelUpdateMarkers.razor.rz.scp.css */
.model-marker[b-2pcdpu0j0j] {
  position: absolute;
  top: -0.375rem;
  bottom: -0.125rem;
  width: 0;
  border-left: 1.5px dashed var(--color-fg-2);
  transform: translateX(-0.75px);
}

.model-marker[b-2pcdpu0j0j]::before {
  content: "";
  position: absolute;
  top: -3px;
  left: -4.25px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--color-violet);
  box-shadow: 0 0 0 2px var(--color-surface);
}
/* /Components/Dashboard/ModelUpdateNote.razor.rz.scp.css */
.model-note[b-ey1oj8kzab] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem 0.625rem;
  margin: 0;
  padding: 0.5rem 0.75rem;
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: inset 0 0 0 1px var(--color-line);
  font-size: var(--text-sm);
}

.model-note-mark[b-ey1oj8kzab] {
  position: relative;
  flex: 0 0 auto;
  width: 0;
  height: 0.875rem;
  margin: 0 0.25rem;
  border-left: 1.5px dashed var(--color-fg-2);
}

.model-note-mark[b-ey1oj8kzab]::before {
  content: "";
  position: absolute;
  top: -3px;
  left: -4.25px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--color-violet);
  box-shadow: 0 0 0 2px var(--color-surface);
}

.model-note-text[b-ey1oj8kzab] {
  font-weight: 500;
  color: var(--color-fg);
}

.model-note-detail[b-ey1oj8kzab] {
  min-width: 0;
  color: var(--color-fg-3);
}
/* /Components/Dashboard/SessionLink.razor.rz.scp.css */
.session-link[b-ooc6tixiem] {
  color: inherit;
  text-decoration: none;
  border-radius: 2px;
}

.session-link:hover[b-ooc6tixiem] {
  color: var(--color-brand-600);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.session-link:focus-visible[b-ooc6tixiem] {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}
/* /Components/Dashboard/SetupGuidance.razor.rz.scp.css */
.guidance[b-z457nxnw0f] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.guidance-cards[b-z457nxnw0f] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}

.guidance-card[b-z457nxnw0f] {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  padding: 0.875rem 1rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
  color: var(--color-brand-600);
  text-decoration: none;
}

.guidance-card:hover[b-z457nxnw0f] {
  box-shadow: var(--shadow-pop);
}

.guidance-card:focus-visible[b-z457nxnw0f] {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}

.guidance-done[b-z457nxnw0f] {
  color: var(--color-ok-fg);
}

.guidance-card-title[b-z457nxnw0f] {
  display: block;
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--color-fg);
}

.guidance-card-text[b-z457nxnw0f] {
  display: block;
  margin-top: 0.125rem;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.guidance-tile[b-z457nxnw0f] {
  display: flex;
  min-width: 0;
  min-height: 16rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 2rem 1.5rem;
  border-radius: var(--radius-lg);
  background: var(--color-night);
  color: rgb(255 255 255 / 0.7);
  text-align: center;
}

.guidance-icon[b-z457nxnw0f] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--radius-md);
  background: rgb(255 255 255 / 0.08);
  color: #fff;
}

.guidance-title[b-z457nxnw0f] {
  font-size: var(--text-md);
  font-weight: 600;
  color: #fff;
}

.guidance-text[b-z457nxnw0f] {
  max-width: 24rem;
  font-size: var(--text-base);
}

.guidance-actions[b-z457nxnw0f] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

@media (max-width: 767px) {
  .guidance-cards[b-z457nxnw0f] {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* /Components/Dashboard/StaffPerformance.razor.rz.scp.css */
.staff-card[b-9tl13ud9fo] {
  min-width: 0;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.staff-header[b-9tl13ud9fo] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--color-line);
}

.staff-title[b-9tl13ud9fo] {
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--color-fg);
}

.legend[b-9tl13ud9fo] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  font-size: var(--text-xs);
  color: var(--color-fg-3);
}

.legend > span[b-9tl13ud9fo] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.swatch[b-9tl13ud9fo] {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 2px;
}

.swatch-fastest[b-9tl13ud9fo] {
  background: var(--color-ok);
}

.swatch-slowest[b-9tl13ud9fo] {
  background: var(--color-warn);
}

.swatch-live[b-9tl13ud9fo] {
  background-image: var(--gradient-ai);
}

.swatch-after[b-9tl13ud9fo] {
  background: var(--color-bad);
}

/* T30: a break on the rota and time off shift (the timeline's shading). */
.swatch-break[b-9tl13ud9fo] {
  background: repeating-linear-gradient(135deg, rgb(245 158 11 / 0.7) 0 2px, rgb(245 158 11 / 0.25) 2px 4px);
}

.swatch-off[b-9tl13ud9fo] {
  background: repeating-linear-gradient(90deg, rgb(11 12 16 / 0.18) 0 1px, transparent 1px 3px), var(--color-surface-2);
  box-shadow: inset 0 0 0 1px var(--color-line);
}

.estimate[b-9tl13ud9fo] {
  margin-left: 0.25rem;
  font-size: var(--text-xs);
  font-weight: 500;
  color: var(--color-fg-3);
  text-decoration: none;
  cursor: help;
}

.staff-empty[b-9tl13ud9fo],
.staff-note[b-9tl13ud9fo] {
  padding: 0.75rem 1rem;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.staff-note[b-9tl13ud9fo] {
  border-top: 1px solid color-mix(in srgb, var(--color-line) 80%, transparent);
}

.staff-table-wrap[b-9tl13ud9fo] {
  position: relative;
}

.staff-table[b-9tl13ud9fo] {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}

.staff-table thead th[b-9tl13ud9fo] {
  padding: 0.5rem 1rem;
  font-size: var(--text-xs);
  font-weight: 500;
  color: var(--color-fg-3);
  white-space: nowrap;
}

.staff-table th.num[b-9tl13ud9fo],
.staff-table td.num[b-9tl13ud9fo] {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.staff-table .timeline-head[b-9tl13ud9fo] {
  width: 34%;
}

.staff-table tbody tr[b-9tl13ud9fo] {
  border-top: 1px solid color-mix(in srgb, var(--color-line) 80%, transparent);
  transition: background-color 150ms ease;
}

.staff-table tbody tr:hover[b-9tl13ud9fo] {
  background: color-mix(in srgb, var(--color-surface-2) 60%, transparent);
}

.staff-table tbody tr.selected[b-9tl13ud9fo] {
  background: color-mix(in srgb, var(--color-brand-50) 60%, transparent);
}

.staff-table tbody th[b-9tl13ud9fo] {
  padding: 0.625rem 1rem;
  font-weight: 400;
}

.staff-table td[b-9tl13ud9fo] {
  padding: 0 1rem;
  font-size: var(--text-md);
  color: var(--color-fg-2);
}

.staff-table td.strong[b-9tl13ud9fo] {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--color-fg);
}

.utilization-cell[b-9tl13ud9fo] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}

.staff-select[b-9tl13ud9fo] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.staff-select:focus-visible[b-9tl13ud9fo] {
  outline: 2px solid var(--color-brand);
  outline-offset: 3px;
  border-radius: var(--radius-sm);
}

.avatar[b-9tl13ud9fo] {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  font-size: var(--text-sm);
  font-weight: 600;
}

.avatar-0[b-9tl13ud9fo] {
  background: var(--color-brand-100);
  color: var(--color-brand-600);
}

.avatar-1[b-9tl13ud9fo] {
  background: color-mix(in srgb, var(--color-cyan) 16%, var(--color-surface));
  color: color-mix(in srgb, var(--color-cyan) 55%, var(--color-fg));
}

.avatar-2[b-9tl13ud9fo] {
  background: color-mix(in srgb, var(--color-violet) 16%, var(--color-surface));
  color: color-mix(in srgb, var(--color-violet) 70%, var(--color-fg));
}

.avatar-3[b-9tl13ud9fo] {
  background: var(--color-ok-bg);
  color: var(--color-ok-fg);
}

.staff-name-block[b-9tl13ud9fo] {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.125rem;
}

.staff-name[b-9tl13ud9fo] {
  font-size: var(--text-md);
  font-weight: 500;
  color: var(--color-fg);
}

.staff-list[b-9tl13ud9fo] {
  display: none;
  padding: 0;
  margin: 0;
  list-style: none;
}

.staff-list > li[b-9tl13ud9fo] {
  padding: 0.75rem 1rem;
  border-top: 1px solid color-mix(in srgb, var(--color-line) 80%, transparent);
}

.staff-list > li:first-child[b-9tl13ud9fo] {
  border-top: 0;
}

.staff-list > li.selected[b-9tl13ud9fo] {
  background: color-mix(in srgb, var(--color-brand-50) 60%, transparent);
}

.staff-select-wide[b-9tl13ud9fo] {
  width: 100%;
}

.staff-select-wide .staff-name-block[b-9tl13ud9fo] {
  flex: 1;
}

.staff-count[b-9tl13ud9fo] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.staff-count-value[b-9tl13ud9fo] {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1;
  color: var(--color-fg);
}

.staff-count-label[b-9tl13ud9fo] {
  font-size: var(--text-xs);
  color: var(--color-fg-3);
}

.staff-figures[b-9tl13ud9fo] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
  margin: 0.625rem 0 0;
  font-size: var(--text-sm);
}

.staff-figures > div[b-9tl13ud9fo] {
  padding: 0.375rem 0.5rem;
  border-radius: var(--radius-sm);
  background: var(--color-surface-2);
}

.staff-figures dt[b-9tl13ud9fo] {
  color: var(--color-fg-3);
}

.staff-figures dd[b-9tl13ud9fo] {
  margin: 0;
  font-weight: 500;
  color: var(--color-fg);
}

.staff-timeline[b-9tl13ud9fo] {
  margin-top: 0.625rem;
}

@media (max-width: 767px) {
  .staff-table-wrap[b-9tl13ud9fo] {
    display: none;
  }

  .staff-list[b-9tl13ud9fo] {
    display: block;
  }
}

/* T14: the selected person's link to their staff page. */
.staff-detail-link[b-9tl13ud9fo] {
  display: inline-flex;
  align-items: center;
  gap: 0.125rem;
  margin: 0.25rem 0 0 2.625rem;
  font-size: var(--text-xs);
  font-weight: 500;
  color: var(--color-brand);
  text-decoration: none;
}

.staff-list .staff-detail-link[b-9tl13ud9fo] {
  margin: 0.5rem 0 0;
}

.staff-detail-link:hover[b-9tl13ud9fo] {
  text-decoration: underline;
}

/* T32 (DSH-033): sorting ranks people, so the headers only sort while staff comparisons are on. */
.staff-sort[b-9tl13ud9fo] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  cursor: pointer;
}

.staff-sort:hover[b-9tl13ud9fo],
.staff-sort.is-active[b-9tl13ud9fo] {
  color: var(--color-fg);
}

.staff-sort:focus-visible[b-9tl13ud9fo] {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}

/* T32 (STF-005): a chair renter's figures, kept for the Owner. */
.staff-private[b-9tl13ud9fo] {
  margin: 0;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}
/* /Components/Dashboard/TodayAtAGlance.razor.rz.scp.css */
.overview-header[b-k0kxomr26z] {
  margin-bottom: 0.25rem;
}

.overview-controls[b-k0kxomr26z] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.date-field[b-k0kxomr26z] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
  color: var(--color-fg-3);
}

.date-field:focus-within[b-k0kxomr26z] {
  outline: 2px solid var(--color-brand);
  outline-offset: 1px;
}

.date-input[b-k0kxomr26z] {
  border: 0;
  background: transparent;
  font: inherit;
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.date-input:focus[b-k0kxomr26z] {
  outline: none;
}

.today-link[b-k0kxomr26z] {
  height: 2rem;
}

.dashboard[b-k0kxomr26z] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.dashboard-middle[b-k0kxomr26z] {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
  align-items: stretch;
  gap: 0.75rem;
}

.overview-setup[b-k0kxomr26z] {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(18rem, 1fr);
  align-items: start;
  gap: 0.75rem;
}

@media (max-width: 1024px) {
  .dashboard-middle[b-k0kxomr26z],
  .overview-setup[b-k0kxomr26z] {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* T40 (PRV-033): the staff card when the location's privacy level hides figures per staff member. */
.staff-privacy[b-k0kxomr26z] {
  min-width: 0;
  padding: 1rem 1.25rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.staff-privacy .staff-title[b-k0kxomr26z] {
  margin: 0 0 0.5rem;
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--color-fg);
}

.staff-privacy .staff-empty[b-k0kxomr26z] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  font-size: var(--text-base);
  color: var(--color-fg-2);
}
/* /Components/Dashboard/WaitsCard.razor.rz.scp.css */
.waits-card[b-h0sfrx8v9k] {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.waits-head[b-h0sfrx8v9k] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.25rem 0.75rem;
}

.waits-title[b-h0sfrx8v9k] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--color-fg);
}

.waits-title[b-h0sfrx8v9k]  svg {
  color: var(--color-brand);
}

.waits-meta[b-h0sfrx8v9k] {
  font-size: var(--text-xs);
  color: var(--color-fg-3);
}

.waits-figures[b-h0sfrx8v9k] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}

.waits-figure[b-h0sfrx8v9k] {
  min-width: 0;
  padding-left: 0.75rem;
  border-left: 1px solid var(--color-line);
}

.waits-figure:first-child[b-h0sfrx8v9k] {
  padding-left: 0;
  border-left: 0;
}

.waits-label[b-h0sfrx8v9k] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg-3);
}

.waits-value[b-h0sfrx8v9k] {
  margin-top: 0.25rem;
  font-size: var(--text-2xl);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--color-fg);
  font-variant-numeric: tabular-nums;
}

.waits-value.is-bad[b-h0sfrx8v9k] {
  color: var(--color-bad-fg);
}

.waits-foot[b-h0sfrx8v9k] {
  margin-top: 0.375rem;
  overflow: hidden;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.waits-link[b-h0sfrx8v9k] {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 0.125rem;
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-brand);
  text-decoration: none;
}

.waits-link:hover[b-h0sfrx8v9k] {
  text-decoration: underline;
}

.waits-link:focus-visible[b-h0sfrx8v9k] {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}

/* Not measured: a quiet, single-line card with the reason and where to fix it. */
.waits-card.is-muted[b-h0sfrx8v9k] {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  background: var(--color-surface-2);
  box-shadow: 0 0 0 1px var(--color-line);
}

.waits-icon[b-h0sfrx8v9k] {
  display: inline-grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  flex: none;
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: 0 0 0 1px var(--color-line);
  color: var(--color-fg-3);
}

.waits-body[b-h0sfrx8v9k] {
  min-width: 12rem;
  flex: 1;
}

.is-muted .waits-title[b-h0sfrx8v9k] {
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.waits-reason[b-h0sfrx8v9k] {
  margin-top: 0.125rem;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.waits-why[b-h0sfrx8v9k] {
  display: block;
  margin-top: 0.125rem;
  color: var(--color-fg-2);
}

.waits-queue[b-h0sfrx8v9k] {
  padding: 0.25rem 0.625rem;
  border-radius: var(--radius-full);
  background: var(--color-surface);
  box-shadow: 0 0 0 1px var(--color-line);
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg-2);
  white-space: nowrap;
}

.is-muted .waits-link[b-h0sfrx8v9k] {
  align-self: center;
}

@media (max-width: 640px) {
  .waits-figures[b-h0sfrx8v9k] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .waits-figure:nth-child(3)[b-h0sfrx8v9k] {
    padding-left: 0;
    border-left: 0;
  }

  .waits-value[b-h0sfrx8v9k] {
    font-size: var(--text-xl);
  }
}
/* /Components/Dashboard/WeeklyDigestCard.razor.rz.scp.css */
.digest-card[b-5xec2lm0b9] {
  margin-top: 1rem;
  border-radius: var(--radius-xl);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.digest-summary[b-5xec2lm0b9] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-height: 3.25rem;
  padding: 0.75rem 1rem;
  border-radius: var(--radius-xl);
  cursor: pointer;
  list-style: none;
}

.digest-summary[b-5xec2lm0b9]::-webkit-details-marker {
  display: none;
}

.digest-summary:focus-visible[b-5xec2lm0b9] {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}

.digest-summary-icon[b-5xec2lm0b9] {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: var(--radius-md);
  background: var(--color-brand-50);
  color: var(--color-brand-600);
}

.digest-summary-text[b-5xec2lm0b9] {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.25rem 0.75rem;
  min-width: 0;
}

.digest-title[b-5xec2lm0b9] {
  font-weight: 600;
}

.digest-period[b-5xec2lm0b9] {
  color: var(--color-fg-3);
  font-size: var(--text-sm);
}

.digest-card[b-5xec2lm0b9]  .digest-chevron {
  color: var(--color-fg-3);
}

@media (prefers-reduced-motion: no-preference) {
  .digest-card[b-5xec2lm0b9]  .digest-chevron {
    transition: transform 0.15s ease;
  }
}

.digest-card[open][b-5xec2lm0b9]  .digest-chevron {
  transform: rotate(180deg);
}

.digest-body[b-5xec2lm0b9] {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  padding: 0 1rem 1rem;
}

.digest-trends[b-5xec2lm0b9] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
  gap: 0.625rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.digest-trend[b-5xec2lm0b9] {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  padding: 0.75rem 0.875rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface-2);
}

.digest-trend-label[b-5xec2lm0b9] {
  color: var(--color-fg-3);
  font-size: var(--text-sm);
}

.digest-trend-value[b-5xec2lm0b9] {
  font-size: var(--text-xl);
  font-weight: 600;
  letter-spacing: -0.02em;
}

.digest-trend-change[b-5xec2lm0b9] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--text-sm);
}

.digest-tone-good[b-5xec2lm0b9] {
  color: var(--color-ok-fg);
}

.digest-tone-bad[b-5xec2lm0b9] {
  color: var(--color-bad-fg);
}

.digest-tone-neutral[b-5xec2lm0b9] {
  color: var(--color-fg-2);
}

.digest-note[b-5xec2lm0b9] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  color: var(--color-fg-2);
}

.digest-heading[b-5xec2lm0b9] {
  margin: 0.25rem 0 0;
  font-size: var(--text-base);
  font-weight: 600;
}

.digest-insights[b-5xec2lm0b9] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.digest-insight[b-5xec2lm0b9] {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  line-height: 1.45;
}

.digest-dot[b-5xec2lm0b9] {
  flex-shrink: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 999px;
  background: currentColor;
}

.digest-detail[b-5xec2lm0b9] {
  color: var(--color-fg-2);
}

.digest-foot[b-5xec2lm0b9] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem 1rem;
  margin: 0;
  font-size: var(--text-sm);
}

.digest-link[b-5xec2lm0b9] {
  font-weight: 500;
}
/* /Components/FloorPlans/FloorHeatmap.razor.rz.scp.css */
.heatmap[b-8nrtk2hpds] {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.heatmap-controls[b-8nrtk2hpds] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 0.75rem;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--color-line);
}

.heatmap-stage[b-8nrtk2hpds] {
  height: min(64vh, 38rem);
  min-height: 20rem;
}

.heatmap-legend[b-8nrtk2hpds] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 1.25rem;
  padding: 0.75rem 1rem;
  border-top: 1px solid var(--color-line);
}

.heatmap-ramp[b-8nrtk2hpds] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  width: 10rem;
  flex-shrink: 0;
}

.heatmap-ramp-bar[b-8nrtk2hpds] {
  display: block;
  height: 0.5rem;
  border-radius: var(--radius-full);
  box-shadow: inset 0 0 0 1px rgb(11 12 16 / 0.08);
}

.heatmap-ramp-labels[b-8nrtk2hpds] {
  display: flex;
  justify-content: space-between;
  font-size: var(--text-xs);
  color: var(--color-fg-3);
}

.heatmap-note[b-8nrtk2hpds] {
  flex: 1;
  min-width: 12rem;
  margin: 0;
  font-size: var(--text-sm);
  color: var(--color-fg-2);
}

.heatmap-busiest[b-8nrtk2hpds] {
  color: var(--color-fg);
  font-weight: 600;
}

@media (max-width: 640px) {
  .heatmap-stage[b-8nrtk2hpds] {
    height: 24rem;
    min-height: 0;
  }
}
/* /Components/FloorPlans/FloorPlanCanvas.razor.rz.scp.css */
/* Floor plan viewer. Everything inside the SVG is in metres; strokes that should stay hairline use
   vector-effect: non-scaling-stroke. Colours come from the design tokens. */

.fp-canvas[b-5xz8ikx8yh] {
  --fp-floor: var(--color-surface);
  --fp-grid: rgb(11 12 16 / 0.05);
  --fp-wall: color-mix(in srgb, var(--color-fg) 86%, var(--color-surface));
  --fp-furniture: var(--color-surface-3);
  --fp-furniture-line: var(--color-line-2);
  --fp-mirror: color-mix(in srgb, var(--color-cyan) 22%, var(--color-surface));
  --fp-mirror-line: color-mix(in srgb, var(--color-cyan) 55%, var(--color-line-2));
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0;
  background:
    radial-gradient(circle at 1px 1px, rgb(11 12 16 / 0.06) 1px, transparent 0) 0 0 / 16px 16px,
    var(--color-surface-2);
  user-select: none;
}

.fp-svg[b-5xz8ikx8yh] {
  display: block;
  width: 100%;
  height: 100%;
  font-family: var(--font-sans);
  font-variant-numeric: tabular-nums;
  touch-action: none;
}

.fp-canvas-interactive .fp-svg[b-5xz8ikx8yh] {
  cursor: grab;
}

.fp-canvas-interactive .fp-svg.is-panning[b-5xz8ikx8yh] {
  cursor: grabbing;
}

.fp-canvas-empty[b-5xz8ikx8yh] {
  display: grid;
  place-items: center;
  height: 100%;
  min-height: 12rem;
  font-size: var(--text-base);
  color: var(--color-fg-3);
}

/* Floor and grid */
.fp-floor[b-5xz8ikx8yh] {
  fill: var(--fp-floor);
  filter: drop-shadow(0 0.04px 0.08px rgb(11 12 16 / 0.2));
}

.fp-grid-line[b-5xz8ikx8yh] {
  fill: none;
  stroke: var(--fp-grid);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

.fp-hatch-line[b-5xz8ikx8yh] {
  stroke: rgb(11 12 16 / 0.18);
  stroke-width: 0.03;
}

/* Zones: tinted fills with a hairline edge */
.fp-zone[b-5xz8ikx8yh] {
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

.fp-zone-service-area[b-5xz8ikx8yh] {
  fill: color-mix(in srgb, var(--color-brand) 4%, transparent);
  stroke: color-mix(in srgb, var(--color-brand) 22%, transparent);
  stroke-dasharray: 4 4;
}

.fp-zone-waiting-area[b-5xz8ikx8yh] {
  fill: color-mix(in srgb, var(--color-cyan) 13%, transparent);
  stroke: color-mix(in srgb, var(--color-cyan) 55%, transparent);
}

.fp-zone-reception[b-5xz8ikx8yh] {
  fill: color-mix(in srgb, var(--color-violet) 12%, transparent);
  stroke: color-mix(in srgb, var(--color-violet) 50%, transparent);
}

.fp-zone-entrance[b-5xz8ikx8yh] {
  fill: color-mix(in srgb, var(--color-ok) 12%, transparent);
  stroke: color-mix(in srgb, var(--color-ok) 50%, transparent);
}

.fp-zone-staff-only[b-5xz8ikx8yh] {
  fill: color-mix(in srgb, var(--color-warn) 10%, transparent);
  stroke: color-mix(in srgb, var(--color-warn) 45%, transparent);
}

.fp-zone-retail[b-5xz8ikx8yh] {
  fill: rgb(11 12 16 / 0.04);
  stroke: var(--color-line-2);
}

.fp-zone-excluded[b-5xz8ikx8yh] {
  fill: rgb(11 12 16 / 0.05);
  stroke: var(--color-fg-3);
  stroke-dasharray: 2 3;
}

.fp-zone-hatch[b-5xz8ikx8yh] {
  stroke: none;
}

.fp-zone-label[b-5xz8ikx8yh] {
  font-family: var(--font-mono);
  font-weight: 500;
  letter-spacing: 0.06em;
  fill: var(--color-fg-3);
}

.fp-zone-waiting-area-label[b-5xz8ikx8yh] {
  fill: #0e7490;
}

.fp-zone-reception-label[b-5xz8ikx8yh] {
  fill: #6d3fd1;
}

.fp-zone-entrance-label[b-5xz8ikx8yh] {
  fill: var(--color-ok-fg);
}

.fp-zone-service-area-label[b-5xz8ikx8yh] {
  fill: color-mix(in srgb, var(--color-brand) 70%, var(--color-fg-3));
}

/* Furniture: light grey, visual only */
.fp-furniture[b-5xz8ikx8yh] {
  fill: var(--fp-furniture);
  stroke: var(--fp-furniture-line);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

.fp-furniture-mirror[b-5xz8ikx8yh] {
  fill: var(--fp-mirror);
  stroke: var(--fp-mirror-line);
}

.fp-furniture-shelf[b-5xz8ikx8yh] {
  fill: var(--color-surface-2);
}

/* Walls: dark strokes; door gaps are painted in the floor colour */
.fp-wall[b-5xz8ikx8yh] {
  fill: none;
  stroke: var(--fp-wall);
  stroke-linecap: square;
  stroke-linejoin: miter;
}

.fp-door-swing[b-5xz8ikx8yh] {
  fill: none;
  stroke: var(--color-fg-3);
  stroke-width: 1;
  stroke-dasharray: 3 3;
  vector-effect: non-scaling-stroke;
}

.fp-window[b-5xz8ikx8yh] {
  stroke: var(--fp-mirror-line);
}

.fp-entrance-line[b-5xz8ikx8yh] {
  stroke: var(--color-ok);
  stroke-width: 1.5;
  stroke-dasharray: 5 4;
  vector-effect: non-scaling-stroke;
}

.fp-entrance-arrow[b-5xz8ikx8yh] {
  fill: var(--color-ok);
}

/* Work areas: rounded rectangles with an icon, the code inside and the name behind */
.fp-wa[b-5xz8ikx8yh] {
  cursor: pointer;
  outline: none;
}

.fp-wa-halo[b-5xz8ikx8yh] {
  fill: transparent;
  stroke: none;
  transition: fill 0.15s ease;
}

.fp-wa-body[b-5xz8ikx8yh] {
  fill: var(--color-surface);
  stroke: var(--color-brand);
  stroke-width: 1.5;
  vector-effect: non-scaling-stroke;
  filter: drop-shadow(0 0.02px 0.04px rgb(35 28 110 / 0.25));
  transition: fill 0.15s ease, stroke-width 0.15s ease;
}

.fp-wa-support .fp-wa-body[b-5xz8ikx8yh] {
  stroke: #0ea5c6;
}

.fp-wa-back[b-5xz8ikx8yh] {
  fill: color-mix(in srgb, var(--color-brand) 30%, var(--color-surface));
}

.fp-wa-support .fp-wa-back[b-5xz8ikx8yh] {
  fill: color-mix(in srgb, var(--color-cyan) 40%, var(--color-surface));
}

.fp-wa-icon[b-5xz8ikx8yh] {
  fill: none;
  stroke: var(--color-brand-600);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  color: var(--color-brand-600);
  pointer-events: none;
}

.fp-wa-support .fp-wa-icon[b-5xz8ikx8yh] {
  stroke: #0e7490;
  color: #0e7490;
}

.fp-wa-code[b-5xz8ikx8yh] {
  font-weight: 650;
  fill: var(--color-fg);
  pointer-events: none;
}

.fp-wa-name[b-5xz8ikx8yh] {
  font-weight: 500;
  fill: var(--color-fg-2);
  pointer-events: none;
  paint-order: stroke;
  stroke: var(--fp-floor);
  stroke-width: 3;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

.fp-wa-new .fp-wa-body[b-5xz8ikx8yh] {
  stroke-dasharray: 4 3;
}

.fp-wa-archived .fp-wa-body[b-5xz8ikx8yh] {
  stroke: var(--color-warn);
  stroke-dasharray: 4 3;
}

.fp-wa:hover .fp-wa-halo[b-5xz8ikx8yh] {
  fill: color-mix(in srgb, var(--color-brand) 8%, transparent);
}

.fp-wa.is-selected .fp-wa-halo[b-5xz8ikx8yh] {
  fill: color-mix(in srgb, var(--color-brand) 16%, transparent);
}

.fp-wa.is-selected .fp-wa-body[b-5xz8ikx8yh] {
  fill: var(--color-brand-50);
  stroke-width: 2.5;
}

.fp-wa.is-selected .fp-wa-name[b-5xz8ikx8yh] {
  fill: var(--color-brand-600);
  font-weight: 650;
}

.fp-wa:focus-visible .fp-wa-halo[b-5xz8ikx8yh] {
  stroke: var(--color-brand);
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
}

/* Scale bar and north arrow */
.fp-scale-dark[b-5xz8ikx8yh] {
  fill: var(--color-fg);
}

.fp-scale-light[b-5xz8ikx8yh] {
  fill: var(--color-surface);
  stroke: var(--color-fg);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

.fp-scale-label[b-5xz8ikx8yh],
.fp-north-label[b-5xz8ikx8yh] {
  font-family: var(--font-mono);
  fill: var(--color-fg-2);
}

.fp-north-ring[b-5xz8ikx8yh] {
  fill: var(--color-surface);
  stroke: var(--color-line-2);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

.fp-north-arrow[b-5xz8ikx8yh] {
  fill: var(--color-fg);
}

/* Cameras and free-text labels drawn in the editor (T07) */
.fp-camera-body[b-5xz8ikx8yh] {
  fill: var(--color-fg);
  stroke: var(--fp-floor);
  stroke-width: 1.5;
  vector-effect: non-scaling-stroke;
}

.fp-camera-dir[b-5xz8ikx8yh] {
  stroke: var(--color-brand);
  stroke-width: 2;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
}

.fp-note-text[b-5xz8ikx8yh] {
  font-weight: 500;
  fill: var(--color-fg-2);
  paint-order: stroke;
  stroke: var(--fp-floor);
  stroke-width: 3;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

/* The live floor (T10): Vacant white, Occupied iris, Not covered grey hatched, Waiting for data grey dotted */
.fp-live .fp-wa-body[b-5xz8ikx8yh] {
  fill: var(--color-surface);
}

.fp-live-occupied .fp-wa-body[b-5xz8ikx8yh] {
  fill: color-mix(in srgb, var(--color-brand) 16%, var(--color-surface));
  stroke: var(--color-brand);
  stroke-width: 2.5;
}

.fp-live-occupied .fp-wa-back[b-5xz8ikx8yh] {
  fill: var(--color-brand);
}

.fp-live-not-covered .fp-wa-body[b-5xz8ikx8yh],
.fp-live-waiting .fp-wa-body[b-5xz8ikx8yh] {
  fill: var(--color-surface-3);
  stroke: var(--color-fg-3);
  filter: none;
}

.fp-live-waiting .fp-wa-body[b-5xz8ikx8yh] {
  stroke-dasharray: 1.5 3;
  stroke-linecap: round;
}

.fp-live-not-covered .fp-wa-icon[b-5xz8ikx8yh],
.fp-live-waiting .fp-wa-icon[b-5xz8ikx8yh] {
  stroke: var(--color-fg-3);
  color: var(--color-fg-3);
}

.fp-live-not-covered .fp-wa-back[b-5xz8ikx8yh],
.fp-live-waiting .fp-wa-back[b-5xz8ikx8yh] {
  fill: var(--color-line-2);
}

.fp-live-hatch[b-5xz8ikx8yh] {
  stroke: none;
  pointer-events: none;
}

.fp-live-badge rect[b-5xz8ikx8yh] {
  fill: var(--color-brand);
  filter: drop-shadow(0 0.02px 0.05px rgb(35 28 110 / 0.35));
}

.fp-live-badge text[b-5xz8ikx8yh] {
  font-family: var(--font-mono);
  font-weight: 600;
  fill: #fff;
  pointer-events: none;
}

.fp-zone-badge[b-5xz8ikx8yh] {
  font-weight: 700;
}

/* ---------- Coverage layer (T64, FLP-052) ---------- */

.fp-cov[b-5xz8ikx8yh] {
  opacity: 0.3;
  pointer-events: none;
}

.fp-cov-area[b-5xz8ikx8yh] {
  fill: currentColor;
  stroke: currentColor;
  stroke-width: 0.26; /* metres: the half outside a work area's footprint shows as a ring around it */
  stroke-linejoin: round;
}

.fp-cov-line[b-5xz8ikx8yh] {
  stroke: currentColor;
  stroke-width: 0.3;
  stroke-linecap: round;
}

.fp-cov-0[b-5xz8ikx8yh] { color: var(--color-brand); }
.fp-cov-1[b-5xz8ikx8yh] { color: var(--color-cyan); }
.fp-cov-2[b-5xz8ikx8yh] { color: var(--color-violet); }
.fp-cov-3[b-5xz8ikx8yh] { color: var(--color-ok); }
.fp-cov-4[b-5xz8ikx8yh] { color: var(--color-warn); }
.fp-cov-5[b-5xz8ikx8yh] { color: var(--color-fg-2); }

.fp-gap-hatch-line[b-5xz8ikx8yh] {
  stroke: color-mix(in srgb, var(--color-bad) 55%, transparent);
  stroke-width: 0.035;
}

.fp-cov-gap[b-5xz8ikx8yh] {
  stroke: var(--color-bad);
  stroke-width: 1.5;
  stroke-dasharray: 5 4;
  vector-effect: non-scaling-stroke;
  pointer-events: none;
}

.fp-cov-gap-line[b-5xz8ikx8yh] {
  stroke: var(--color-bad);
  stroke-width: 2;
  stroke-dasharray: 5 4;
  vector-effect: non-scaling-stroke;
}

.fp-wa.fp-cov-uncovered .fp-wa-body[b-5xz8ikx8yh] {
  fill: var(--color-bad-bg);
  stroke: var(--color-bad);
  stroke-dasharray: 5 3;
}

.fp-wa.fp-cov-uncovered .fp-wa-icon[b-5xz8ikx8yh] {
  stroke: var(--color-bad-fg);
  color: var(--color-bad-fg);
}

.fp-wa.fp-cov-uncovered .fp-wa-code[b-5xz8ikx8yh] {
  fill: var(--color-bad-fg);
}

.fp-wa.fp-cov-not-monitored .fp-wa-body[b-5xz8ikx8yh] {
  fill: var(--color-surface-3);
  stroke: var(--color-fg-3);
  stroke-dasharray: 1.5 3;
}

.fp-cov-hatch[b-5xz8ikx8yh] {
  stroke: none;
  pointer-events: none;
}

/* ---------- T33: people on the plan, camera coverage, heatmaps ---------- */

.fp-camera-area[b-5xz8ikx8yh] {
  fill: currentColor;
  fill-opacity: 0.07;
  stroke: currentColor;
  stroke-opacity: 0.45;
  stroke-width: 1.25;
  stroke-dasharray: 4 3;
  vector-effect: non-scaling-stroke;
  pointer-events: none;
}

.fp-cov-view[b-5xz8ikx8yh] {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-dasharray: 6 4;
  vector-effect: non-scaling-stroke;
  pointer-events: none;
}

.fp-dot[b-5xz8ikx8yh] {
  stroke: var(--color-surface);
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
  filter: drop-shadow(0 0.01px 0.04px rgb(11 12 16 / 0.35));
}

.fp-dot-client[b-5xz8ikx8yh] { fill: var(--color-brand); }
.fp-dot-staff[b-5xz8ikx8yh] { fill: var(--color-violet); }
.fp-dot-unknown[b-5xz8ikx8yh] { fill: var(--color-fg-3); }

.fp-density[b-5xz8ikx8yh] {
  mix-blend-mode: multiply;
  pointer-events: none;
}

.fp-live-heat .fp-wa-body[b-5xz8ikx8yh] {
  stroke: color-mix(in srgb, var(--color-fg) 35%, transparent);
  stroke-width: 1.5;
}

.fp-live-heat .fp-live-badge rect[b-5xz8ikx8yh] {
  fill: var(--color-fg);
}

/* Replay (DSH-021): occupied without a service session */
.fp-live-seated .fp-wa-body[b-5xz8ikx8yh] {
  fill: color-mix(in srgb, var(--color-violet) 14%, var(--color-surface));
  stroke: var(--color-violet);
  stroke-width: 2.5;
}

.fp-live-seated .fp-live-badge rect[b-5xz8ikx8yh] {
  fill: var(--color-violet);
}

@media (prefers-reduced-motion: no-preference) {
  .fp-dot[b-5xz8ikx8yh] {
    transition: cx 0.6s ease, cy 0.6s ease;
  }
}
/* /Components/FloorPlans/FloorPlanEditor.razor.rz.scp.css */
/* Floor plan editor (T07): palette on the left, canvas in the middle, properties and objects on the right. */

.fe[b-nztxrx82ie] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.fe-shell[b-nztxrx82ie] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.fe-notice[b-nztxrx82ie] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.fe-notice-close[b-nztxrx82ie] {
  display: grid;
  place-items: center;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: inherit;
  cursor: pointer;
}

.fe-notice-close:hover[b-nztxrx82ie] {
  background: rgb(11 12 16 / 0.06);
}

/* ---------- Toolbar ---------- */

.fe-toolbar[b-nztxrx82ie] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.75rem;
  min-height: 3rem;
  padding: 0.5rem 0.625rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.fe-group[b-nztxrx82ie] {
  display: inline-flex;
  gap: 0.125rem;
  padding: 0.125rem;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
  box-shadow: 0 0 0 1px var(--color-line);
}

.fe-icon-button[b-nztxrx82ie],
[b-nztxrx82ie] .fe-icon-button {
  display: inline-grid;
  grid-auto-flow: column;
  place-items: center;
  gap: 0.375rem;
  min-width: 1.875rem;
  height: 1.75rem;
  padding: 0 0.375rem;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  font-size: var(--text-base);
  font-weight: 500;
  color: var(--color-fg-2);
  cursor: pointer;
}

.fe-icon-button:hover:not(:disabled)[b-nztxrx82ie],
[b-nztxrx82ie] .fe-icon-button:hover:not(:disabled) {
  background: var(--color-surface);
  color: var(--color-fg);
}

.fe-icon-button:disabled[b-nztxrx82ie] {
  opacity: 0.4;
  cursor: default;
}

.fe-icon-button[aria-pressed="false"][b-nztxrx82ie] {
  color: var(--color-fg-3);
}

/* FLP-010 (T64): the grid units, metres or feet. */
.fe-unit[b-nztxrx82ie] {
  min-width: 2rem;
  height: 1.75rem;
  padding: 0 0.5rem;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--color-fg-3);
  cursor: pointer;
}

.fe-unit[aria-pressed="true"][b-nztxrx82ie] {
  background: var(--color-surface);
  color: var(--color-fg);
  box-shadow: var(--shadow-card);
}

.fe-unit:focus-visible[b-nztxrx82ie] {
  outline: 2px solid var(--color-brand);
  outline-offset: 1px;
}

.fe-status[b-nztxrx82ie] {
  min-width: 9.5rem;
  font-size: var(--text-sm);
  font-variant-numeric: tabular-nums;
  color: var(--color-fg-3);
}

.fe-status[b-nztxrx82ie]::before {
  content: "";
  display: inline-block;
  width: 0.4375rem;
  height: 0.4375rem;
  margin-right: 0.4375rem;
  border-radius: 50%;
  background: var(--color-ok);
  vertical-align: 0.0625rem;
}

.fe-status[data-state="saving"][b-nztxrx82ie]::before,
.fe-status[data-state="dirty"][b-nztxrx82ie]::before {
  background: var(--color-warn);
}

.fe-status[data-state="offline"][b-nztxrx82ie],
.fe-status[data-state="error"][b-nztxrx82ie] {
  color: var(--color-warn-fg);
  font-weight: 500;
}

.fe-status[data-state="offline"][b-nztxrx82ie]::before,
.fe-status[data-state="error"][b-nztxrx82ie]::before {
  background: var(--color-bad);
}

.fe-options[b-nztxrx82ie] {
  display: flex;
  flex: 1 1 18rem;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}

.fe-toolbar-end[b-nztxrx82ie] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

.fe-trigger-text[b-nztxrx82ie] {
  font-size: var(--text-base);
}

.fe-chips[b-nztxrx82ie] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}

.fe-chip[b-nztxrx82ie] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  height: 1.75rem;
  padding: 0 0.625rem;
  border: 0;
  border-radius: var(--radius-full);
  background: var(--color-surface-2);
  box-shadow: inset 0 0 0 1px var(--color-line);
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg-2);
  white-space: nowrap;
  cursor: pointer;
}

.fe-chip:hover[b-nztxrx82ie] {
  color: var(--color-fg);
  box-shadow: inset 0 0 0 1px var(--color-line-2);
}

.fe-chip[aria-checked="true"][b-nztxrx82ie] {
  background: var(--color-brand-50);
  box-shadow: inset 0 0 0 1.5px var(--color-brand);
  color: var(--color-brand-600);
}

/* T43: the tenant's own types sit on white; the rest of the catalog follows "More types", quieter. */
.fe-chip-own[b-nztxrx82ie] {
  background: var(--color-surface);
  box-shadow: inset 0 0 0 1px var(--color-brand-200, var(--color-line-2));
}

.fe-chip-more[b-nztxrx82ie] {
  background: transparent;
}

.fe-chips-divider[b-nztxrx82ie] {
  display: inline-flex;
  align-items: center;
  height: 1.75rem;
  padding: 0 0.25rem 0 0.5rem;
  margin-left: 0.25rem;
  border-left: 1px solid var(--color-line);
  font-size: var(--text-xs);
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--color-fg-3);
}

.fe-swatch[b-nztxrx82ie] {
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 3px;
  background: color-mix(in srgb, var(--color-brand) 12%, var(--color-surface));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-brand) 45%, transparent);
}

.fe-zone-waiting-area .fe-swatch[b-nztxrx82ie] {
  background: color-mix(in srgb, var(--color-cyan) 25%, var(--color-surface));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-cyan) 60%, transparent);
}

.fe-zone-reception .fe-swatch[b-nztxrx82ie] {
  background: color-mix(in srgb, var(--color-violet) 22%, var(--color-surface));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-violet) 55%, transparent);
}

.fe-zone-entrance .fe-swatch[b-nztxrx82ie] {
  background: color-mix(in srgb, var(--color-ok) 22%, var(--color-surface));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-ok) 55%, transparent);
}

.fe-zone-staff-only .fe-swatch[b-nztxrx82ie] {
  background: color-mix(in srgb, var(--color-warn) 20%, var(--color-surface));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-warn) 50%, transparent);
}

.fe-zone-retail .fe-swatch[b-nztxrx82ie],
.fe-zone-excluded .fe-swatch[b-nztxrx82ie] {
  background: var(--color-surface-3);
  box-shadow: inset 0 0 0 1px var(--color-line-2);
}

/* ---------- Layout ---------- */

.fe-body[b-nztxrx82ie] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) 20rem;
  gap: 0.75rem;
  align-items: start;
}

.fe-tools[b-nztxrx82ie] {
  position: sticky;
  top: calc(var(--topbar-height) + 1rem);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.375rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.fe-tool[b-nztxrx82ie] {
  position: relative;
  display: grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  border: 0;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--color-fg-2);
  cursor: pointer;
}

.fe-tool:hover[b-nztxrx82ie] {
  background: var(--color-surface-2);
  color: var(--color-fg);
}

.fe-tool.is-active[b-nztxrx82ie] {
  background: var(--color-brand-50);
  color: var(--color-brand-600);
  box-shadow: inset 0 0 0 1.5px var(--color-brand);
}

.fe-kbd[b-nztxrx82ie] {
  position: absolute;
  right: 0.1875rem;
  bottom: 0.125rem;
  font-family: var(--font-mono);
  font-size: 0.5625rem;
  line-height: 1;
  color: var(--color-fg-3);
}

.fe-tool[b-nztxrx82ie]::after {
  content: attr(data-tip);
  position: absolute;
  left: calc(100% + 0.5rem);
  top: 50%;
  z-index: 20;
  padding: 0.3125rem 0.5rem;
  border-radius: var(--radius-sm);
  background: var(--color-fg);
  font-size: var(--text-sm);
  font-weight: 500;
  color: #ffffff;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transform: translate(-0.25rem, -50%);
  transition: opacity 0.12s ease, transform 0.12s ease;
}

.fe-tool:hover[b-nztxrx82ie]::after,
.fe-tool:focus-visible[b-nztxrx82ie]::after {
  opacity: 1;
  transform: translate(0, -50%);
}

.fe-canvas[b-nztxrx82ie] {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.fe-stage[b-nztxrx82ie] {
  position: relative;
  height: clamp(26rem, calc(100vh - 20rem), 52rem);
  background:
    radial-gradient(circle at 1px 1px, rgb(11 12 16 / 0.06) 1px, transparent 0) 0 0 / 16px 16px,
    var(--color-surface-2);
  outline: none;
  touch-action: none;
  user-select: none;
}

.fe-stage:focus-visible[b-nztxrx82ie] {
  box-shadow: inset 0 0 0 2px var(--color-brand);
}

.fe-stage.fe-flash[b-nztxrx82ie] {
  animation: fe-flash-b-nztxrx82ie 0.4s ease;
}

@keyframes fe-flash-b-nztxrx82ie {
  30% {
    box-shadow: inset 0 0 0 2px var(--color-warn);
  }
}

.fe-hint[b-nztxrx82ie] {
  margin: 0;
  padding: 0.5rem 0.875rem;
  border-top: 1px solid var(--color-line);
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

/* ---------- Side panel ---------- */

.fe-side[b-nztxrx82ie] {
  position: sticky;
  top: calc(var(--topbar-height) + 1rem);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  max-height: calc(100vh - var(--topbar-height) - 2rem);
  overflow-y: auto;
  padding: 0.25rem;
  margin: -0.25rem;
}

.fe-panel[b-nztxrx82ie] {
  padding: 0.875rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.fe-panel-title[b-nztxrx82ie] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin: 0 0 0.75rem;
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--color-fg);
}

.fe-panel-note[b-nztxrx82ie] {
  margin: 0;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.fe-count[b-nztxrx82ie] {
  padding: 0.0625rem 0.4375rem;
  border-radius: var(--radius-full);
  background: var(--color-surface-2);
  font-size: var(--text-xs);
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  color: var(--color-fg-3);
}

.fe-count.is-ok[b-nztxrx82ie] {
  background: var(--color-ok-bg);
  color: var(--color-ok-fg);
}

.fe-count.is-warn[b-nztxrx82ie] {
  background: var(--color-warn-bg);
  color: var(--color-warn-fg);
}

.fe-count.is-bad[b-nztxrx82ie] {
  background: var(--color-bad-bg);
  color: var(--color-bad-fg);
}

.fe-row[b-nztxrx82ie] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.625rem;
}

.fe-row[b-nztxrx82ie]  .field,
.fe-props[b-nztxrx82ie]  .field {
  min-width: 0;
}

.fe-facts[b-nztxrx82ie] {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.25rem 0.75rem;
  margin: 0;
  font-size: var(--text-sm);
}

.fe-facts dt[b-nztxrx82ie] {
  color: var(--color-fg-3);
}

.fe-facts dd[b-nztxrx82ie] {
  margin: 0;
  color: var(--color-fg);
}

.fe-actions[b-nztxrx82ie] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.75rem;
}

.fe-arrange[b-nztxrx82ie] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.625rem;
}

.fe-openings[b-nztxrx82ie] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.fe-openings > .field-label[b-nztxrx82ie] {
  margin: 0;
}

.fe-opening[b-nztxrx82ie] {
  display: grid;
  grid-template-columns: 1.1fr 1fr 1fr auto;
  align-items: end;
  gap: 0.375rem;
}

.fe-opening-remove[b-nztxrx82ie] {
  margin-bottom: 0.125rem;
}

.fe-background[b-nztxrx82ie] {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--color-line);
}

.fe-background > .field-label[b-nztxrx82ie] {
  margin: 0;
}

.fe-upload[b-nztxrx82ie] {
  position: relative;
  align-self: flex-start;
  cursor: pointer;
}

.fe-upload:focus-within[b-nztxrx82ie] {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}

.fe-range[b-nztxrx82ie] {
  width: 100%;
  accent-color: var(--color-brand);
}

.fe-issues[b-nztxrx82ie] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin: 0 0 0.5rem;
  padding: 0;
  list-style: none;
}

.fe-issue[b-nztxrx82ie] {
  display: flex;
  align-items: flex-start;
  gap: 0.375rem;
  width: 100%;
  padding: 0.3125rem 0.375rem;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  font-size: var(--text-sm);
  text-align: left;
  color: var(--color-fg-2);
  cursor: pointer;
}

.fe-issue:hover[b-nztxrx82ie] {
  background: var(--color-surface-2);
}

.fe-issue[b-nztxrx82ie]  .icon {
  flex: none;
  margin-top: 0.125rem;
}

.fe-issue-error[b-nztxrx82ie]  .icon {
  color: var(--color-bad);
}

.fe-issue-warning[b-nztxrx82ie]  .icon {
  color: var(--color-warn);
}

.fe-obj-group + .fe-obj-group[b-nztxrx82ie] {
  margin-top: 0.625rem;
}

.fe-obj-title[b-nztxrx82ie] {
  margin: 0 0 0.25rem;
  font-size: var(--text-xs);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--color-fg-3);
}

.fe-obj-list[b-nztxrx82ie] {
  margin: 0;
  padding: 0;
  list-style: none;
}

.fe-obj[b-nztxrx82ie] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  min-height: 2rem;
  padding: 0.25rem 0.5rem;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  font-size: var(--text-base);
  text-align: left;
  color: var(--color-fg-2);
  cursor: pointer;
}

.fe-obj:hover[b-nztxrx82ie] {
  background: var(--color-surface-2);
  color: var(--color-fg);
}

.fe-obj.is-selected[b-nztxrx82ie] {
  background: var(--color-brand-50);
  color: var(--color-brand-600);
}

.fe-obj-name[b-nztxrx82ie] {
  overflow: hidden;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fe-obj-meta[b-nztxrx82ie] {
  font-size: var(--text-xs);
  font-variant-numeric: tabular-nums;
  color: var(--color-fg-3);
  white-space: nowrap;
}

.fe-layers[b-nztxrx82ie] {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 14rem;
  margin: 0;
  padding: 0.25rem;
  list-style: none;
}

.fe-layer[b-nztxrx82ie] {
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 0.125rem;
  padding: 0.125rem 0.25rem 0.125rem 0.5rem;
  border-radius: var(--radius-sm);
  font-size: var(--text-base);
  color: var(--color-fg);
}

.fe-layer.is-hidden .fe-layer-name[b-nztxrx82ie] {
  color: var(--color-fg-3);
}

.fe-layers-note[b-nztxrx82ie] {
  max-width: 15rem;
  margin: 0.25rem 0.5rem 0.5rem;
  font-size: var(--text-xs);
  color: var(--color-fg-3);
}

.fe-scale-measured[b-nztxrx82ie] {
  margin: 0;
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

/* ---------- Small screens: the editor needs room (conventions §10) ---------- */

.fe-small[b-nztxrx82ie] {
  display: none;
}

@media (max-width: 1199.98px) {
  .fe-body[b-nztxrx82ie] {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .fe-side[b-nztxrx82ie] {
    position: static;
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
    align-items: start;
    max-height: none;
    overflow: visible;
  }
}

@media (max-width: 767.98px) {
  .fe-shell[b-nztxrx82ie] {
    display: none;
  }

  .fe-small[b-nztxrx82ie] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.625rem;
  }

  .fe-small p[b-nztxrx82ie] {
    flex: 1 1 12rem;
    margin: 0;
  }
}

/* T39 (FLP-016): the object's actions after a long press on a touch screen (or a right click). */
.fe-canvas[b-nztxrx82ie] {
  position: relative;
}

.fe-context-backdrop[b-nztxrx82ie] {
  position: absolute;
  inset: 0;
  z-index: 19;
}

.fe-context[b-nztxrx82ie] {
  position: absolute;
  z-index: 20;
  display: flex;
  flex-direction: column;
  min-width: 11rem;
  padding: 0.25rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: 0 0 0 1px var(--color-line), 0 12px 32px rgba(11, 12, 16, 0.14);
  transform: translate(0.5rem, 0.5rem);
}

.fe-context-item[b-nztxrx82ie] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  min-height: 2.75rem;
  padding: 0 0.75rem;
  border: 0;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--color-fg);
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.fe-context-item:hover[b-nztxrx82ie],
.fe-context-item:focus-visible[b-nztxrx82ie] {
  background: var(--color-surface-2);
}

.fe-context-danger[b-nztxrx82ie] {
  color: var(--color-bad);
}

/* Touch screens: every control of the editor is at least 44 px (WCAG 2.5.5 on the installer's tablet). */
@media (pointer: coarse) {
  .fe-tool[b-nztxrx82ie],
  .fe-icon-button[b-nztxrx82ie] {
    min-width: 2.75rem;
    min-height: 2.75rem;
  }
}
/* /Components/FloorPlans/PublishDialog.razor.rz.scp.css */
.publish-body[b-dx1rg9p6yi] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.issue-group[b-dx1rg9p6yi] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.issue-title[b-dx1rg9p6yi] {
  font-size: var(--text-sm);
  font-weight: 600;
  letter-spacing: 0;
  color: var(--color-fg-2);
}

.issue-title-bad[b-dx1rg9p6yi] {
  color: var(--color-bad-fg);
}

.issue-title-warn[b-dx1rg9p6yi] {
  color: var(--color-warn-fg);
}

.issue-help[b-dx1rg9p6yi] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.issue-list[b-dx1rg9p6yi] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.issue[b-dx1rg9p6yi] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.5rem 0.625rem;
  border-radius: var(--radius-md);
  font-size: var(--text-base);
}

.issue[b-dx1rg9p6yi]  .icon {
  flex-shrink: 0;
  margin-top: 0.1875rem;
}

.issue-bad[b-dx1rg9p6yi] {
  background: var(--color-bad-bg);
  color: var(--color-bad-fg);
}

.issue-warn[b-dx1rg9p6yi] {
  background: var(--color-warn-bg);
  color: var(--color-warn-fg);
}

.wa-chips[b-dx1rg9p6yi] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.wa-chip[b-dx1rg9p6yi] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.5rem;
  border-radius: var(--radius-full);
  background: var(--color-surface-2);
  box-shadow: 0 0 0 1px var(--color-line);
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg);
}

.wa-chip-code[b-dx1rg9p6yi] {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  color: var(--color-fg-3);
}

.confirm-field[b-dx1rg9p6yi] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.25rem;
  padding: 0.5rem 0.625rem;
  border-radius: var(--radius-md);
  box-shadow: 0 0 0 1px var(--color-line-2);
  font-size: var(--text-base);
  font-weight: 500;
  cursor: pointer;
}

.confirm-field input[b-dx1rg9p6yi] {
  width: 1rem;
  height: 1rem;
  margin: 0;
  accent-color: var(--color-brand);
}

.textarea[b-dx1rg9p6yi] {
  height: auto;
  min-height: 3.5rem;
  padding: 0.5rem 0.625rem;
  resize: vertical;
  line-height: 1.45;
}
/* /Components/FloorPlans/TemplateDialog.razor.rz.scp.css */
.fp-template[b-ym807cwa7e]  .dialog-wide {
  width: min(60rem, calc(100vw - 2rem));
  max-height: calc(100vh - 2rem);
}

.template-layout[b-ym807cwa7e] {
  display: grid;
  grid-template-columns: minmax(0, 20rem) minmax(0, 1fr);
  gap: 1.25rem;
  align-items: start;
}

.template-form[b-ym807cwa7e] {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}

.template-layouts[b-ym807cwa7e] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.template-layouts .segmented[b-ym807cwa7e] {
  display: inline-flex;
  align-self: flex-start;
  flex-wrap: wrap;
  gap: 0.125rem;
  max-width: 100%;
  padding: 0.125rem;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
  box-shadow: 0 0 0 1px var(--color-line);
}

.template-layouts .segment[b-ym807cwa7e] {
  display: inline-flex;
  align-items: center;
  height: 1.875rem;
  padding: 0 0.75rem;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  font-size: var(--text-base);
  font-weight: 500;
  color: var(--color-fg-3);
  cursor: pointer;
}

.template-layouts .segment[aria-pressed="true"][b-ym807cwa7e] {
  background: var(--color-surface);
  color: var(--color-fg);
  box-shadow: var(--shadow-card);
}

.template-layouts .segment:focus-visible[b-ym807cwa7e] {
  outline: 2px solid var(--color-brand);
  outline-offset: 1px;
}

.template-layout-hint[b-ym807cwa7e] {
  margin: 0;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.template-group[b-ym807cwa7e] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem 0.625rem;
  margin: 0;
  padding: 0;
  border: 0;
}

.template-group legend[b-ym807cwa7e] {
  grid-column: 1 / -1;
  margin-bottom: 0.375rem;
  padding: 0;
  font-size: var(--text-xs);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--color-fg-3);
}

.template-group .field[b-ym807cwa7e] {
  min-width: 0;
}

.template-group .input[b-ym807cwa7e] {
  width: 100%;
}

.check-field[b-ym807cwa7e] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  align-self: end;
  height: 2rem;
  font-size: var(--text-base);
  font-weight: 500;
  color: var(--color-fg-2);
  cursor: pointer;
}

.check-field input[b-ym807cwa7e] {
  width: 1rem;
  height: 1rem;
  margin: 0;
  accent-color: var(--color-brand);
}

.template-preview[b-ym807cwa7e] {
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 0;
}

.template-preview-frame[b-ym807cwa7e] {
  height: min(30rem, 58vh);
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
}

.template-preview-empty[b-ym807cwa7e] {
  display: grid;
  place-items: center;
  height: 100%;
  padding: 1rem;
  background: var(--color-surface-2);
  font-size: var(--text-base);
  text-align: center;
  color: var(--color-fg-3);
}

.template-summary[b-ym807cwa7e] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.template-preview .notice[b-ym807cwa7e] {
  margin-top: 0;
}

@media (max-width: 767.98px) {
  .template-layout[b-ym807cwa7e] {
    grid-template-columns: minmax(0, 1fr);
  }

  .template-preview[b-ym807cwa7e] {
    position: static;
    order: -1;
  }

  .template-preview-frame[b-ym807cwa7e] {
    height: 16rem;
  }
}
/* /Components/FloorPlans/VersionsPanel.razor.rz.scp.css */
.version-list[b-tqej2ym4s7] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.version[b-tqej2ym4s7] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.75rem 0.875rem;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
  background: var(--color-surface);
}

.version.is-viewing[b-tqej2ym4s7] {
  box-shadow: 0 0 0 1.5px var(--color-brand), var(--shadow-soft);
}

.version-head[b-tqej2ym4s7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.version-no[b-tqej2ym4s7] {
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--color-fg);
}

.version-meta[b-tqej2ym4s7] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.version-note[b-tqej2ym4s7] {
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.version-actions[b-tqej2ym4s7] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
  margin-top: 0.375rem;
}

.version-confirm[b-tqej2ym4s7] {
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-warn-fg);
}
/* /Components/FloorPlans/WorkAreaList.razor.rz.scp.css */
.wa-list[b-3zwfpq6kim] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.wa-items[b-3zwfpq6kim] {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.wa-heading[b-3zwfpq6kim] {
  margin-top: 0.5rem;
  font-size: var(--text-xs);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--color-fg-3);
}

.wa-empty[b-3zwfpq6kim] {
  font-size: var(--text-base);
  color: var(--color-fg-3);
}

.wa-item[b-3zwfpq6kim] {
  border-radius: var(--radius-md);
  transition: background-color 0.15s ease;
}

.wa-item:hover[b-3zwfpq6kim] {
  background: var(--color-surface-2);
}

.wa-item.is-selected[b-3zwfpq6kim] {
  background: var(--color-brand-50);
  box-shadow: 0 0 0 1px var(--color-brand-100);
}

.wa-row[b-3zwfpq6kim] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0.5rem 0.25rem 0.25rem;
}

.wa-select[b-3zwfpq6kim] {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 0.625rem;
  min-width: 0;
  padding: 0.25rem;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.wa-icon[b-3zwfpq6kim] {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: var(--radius-md);
  background: var(--color-brand-50);
  color: var(--color-brand-600);
  box-shadow: 0 0 0 1px var(--color-brand-100);
}

.wa-icon-support[b-3zwfpq6kim] {
  background: color-mix(in srgb, var(--color-cyan) 12%, var(--color-surface));
  color: #0e7490;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-cyan) 30%, var(--color-surface));
}

.is-selected .wa-icon[b-3zwfpq6kim] {
  background: var(--color-surface);
}

.wa-text[b-3zwfpq6kim] {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.wa-name[b-3zwfpq6kim] {
  overflow: hidden;
  font-size: var(--text-base);
  font-weight: 550;
  color: var(--color-fg);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wa-meta[b-3zwfpq6kim] {
  overflow: hidden;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wa-row[b-3zwfpq6kim]  .wa-status {
  flex-shrink: 0;
}

/* Switch (counts towards clients served) */
.switch[b-3zwfpq6kim] {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  cursor: pointer;
}

.switch input[b-3zwfpq6kim] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: inherit;
}

.switch-track[b-3zwfpq6kim] {
  position: relative;
  width: 1.75rem;
  height: 1rem;
  border-radius: var(--radius-full);
  background: var(--color-line-2);
  transition: background-color 0.15s ease;
}

.switch-track[b-3zwfpq6kim]::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 2px rgb(11 12 16 / 0.25);
  transition: transform 0.15s var(--ease-out-expo);
}

.switch input:checked + .switch-track[b-3zwfpq6kim] {
  background: var(--color-brand);
}

.switch input:checked + .switch-track[b-3zwfpq6kim]::after {
  transform: translateX(12px);
}

.switch input:focus-visible + .switch-track[b-3zwfpq6kim] {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}

.switch input:disabled + .switch-track[b-3zwfpq6kim] {
  opacity: 0.55;
}

.switch:has(input:disabled)[b-3zwfpq6kim] {
  cursor: default;
}

/* Details and inline editing */
.wa-details[b-3zwfpq6kim],
.wa-edit[b-3zwfpq6kim] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.25rem 0.75rem 0.75rem 3rem;
}

.wa-details dl[b-3zwfpq6kim] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.25rem 0.75rem;
  margin: 0;
  font-size: var(--text-sm);
}

.wa-details dt[b-3zwfpq6kim] {
  color: var(--color-fg-3);
}

.wa-details dd[b-3zwfpq6kim] {
  margin: 0;
  color: var(--color-fg-2);
}

.wa-details[b-3zwfpq6kim]  .btn {
  align-self: flex-start;
}

.wa-edit .field[b-3zwfpq6kim] {
  min-width: 0;
}

.wa-edit .input[b-3zwfpq6kim] {
  width: 100%;
}

.wa-edit-actions[b-3zwfpq6kim] {
  display: flex;
  gap: 0.375rem;
}

.wa-error[b-3zwfpq6kim] {
  font-size: var(--text-sm);
  color: var(--color-bad-fg);
}

.wa-toggle[b-3zwfpq6kim] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  align-self: flex-start;
  margin-top: 0.25rem;
  padding: 0.25rem 0.375rem;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg-3);
  cursor: pointer;
}

.wa-toggle:hover[b-3zwfpq6kim] {
  color: var(--color-fg);
}

.wa-hint[b-3zwfpq6kim] {
  margin-top: 0.25rem;
  padding: 0 0.25rem;
  font-size: var(--text-sm);
  line-height: 1.45;
  color: var(--color-fg-3);
}

/* T12: the default staff member of the selected work area. */
.wa-staffing[b-3zwfpq6kim] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  padding-top: 0.5rem;
  border-top: 1px solid var(--color-line);
}
/* /Components/Gateways/CopyValue.razor.rz.scp.css */
.copy-value[b-s1y2tt08p8] {
  display: grid;
  gap: 0.25rem;
  min-width: 0;
}

.copy-label[b-s1y2tt08p8] {
  font-size: var(--text-xs);
  font-weight: 500;
  color: var(--color-fg-3);
}

.copy-row[b-s1y2tt08p8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
  padding: 0.375rem 0.375rem 0.375rem 0.625rem;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
  box-shadow: inset 0 0 0 1px var(--color-line);
}

.copy-text[b-s1y2tt08p8] {
  flex: 1;
  min-width: 0;
  overflow-wrap: anywhere;
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  color: var(--color-fg);
  user-select: all;
}

.copy-button[b-s1y2tt08p8] {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  border: 0;
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  box-shadow: 0 0 0 1px var(--color-line);
  color: var(--color-fg-2);
  font: inherit;
  font-size: var(--text-xs);
  font-weight: 500;
  cursor: pointer;
}

.copy-button:hover[b-s1y2tt08p8] {
  color: var(--color-fg);
}

.copy-button:focus-visible[b-s1y2tt08p8] {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}
/* /Components/Gateways/GatewayVersionsCard.razor.rz.scp.css */
.versions-layout[b-5zedqabx35] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
  gap: 1rem 2.5rem;
  align-items: start;
}

.versions-current[b-5zedqabx35] {
  display: flex;
  flex-direction: column;
  margin: 0;
}

.versions-fact[b-5zedqabx35] {
  display: grid;
  grid-template-columns: 8.5rem minmax(0, 1fr);
  gap: 1rem;
  padding: 0.625rem 0;
  border-top: 1px solid var(--color-line);
  font-size: var(--text-base);
}

.versions-fact:first-child[b-5zedqabx35] {
  padding-top: 0;
  border-top: 0;
}

.versions-fact dt[b-5zedqabx35] {
  color: var(--color-fg-3);
}

.versions-fact dd[b-5zedqabx35] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.125rem 0.5rem;
  margin: 0;
  min-width: 0;
  color: var(--color-fg);
}

.versions-value[b-5zedqabx35] {
  overflow-wrap: anywhere;
}

.versions-since[b-5zedqabx35] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.versions-models[b-5zedqabx35] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.versions-models li[b-5zedqabx35] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.125rem 0.5rem;
}

.versions-camera[b-5zedqabx35] {
  flex-basis: 100%;
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg-2);
}

.versions-subhead[b-5zedqabx35] {
  margin: 0 0 0.5rem;
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg-3);
}

.versions-empty[b-5zedqabx35] {
  margin: 0;
  font-size: var(--text-base);
  color: var(--color-fg-3);
}

.versions-changes[b-5zedqabx35] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--text-base);
}

.versions-changes li[b-5zedqabx35] {
  display: grid;
  grid-template-columns: 9.5rem 0.5rem minmax(0, 1fr);
  align-items: start;
  gap: 0.25rem 0.625rem;
}

.versions-time[b-5zedqabx35] {
  color: var(--color-fg-3);
}

.versions-dot[b-5zedqabx35] {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--color-brand);
  align-self: start;
  margin-top: 0.4rem; /* on the first line of a wrapped change */
}

.versions-dot.is-first[b-5zedqabx35] {
  background: transparent;
  box-shadow: inset 0 0 0 1.5px var(--color-fg-3);
}

.versions-what[b-5zedqabx35] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.125rem 0.5rem;
  min-width: 0;
}

.versions-subject[b-5zedqabx35] {
  font-weight: 500;
  color: var(--color-fg);
}

.versions-change[b-5zedqabx35] {
  overflow-wrap: anywhere;
  color: var(--color-fg-2);
}

.versions-note[b-5zedqabx35] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin: 1rem 0 0;
  padding-top: 0.75rem;
  border-top: 1px solid var(--color-line);
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.versions-note[b-5zedqabx35]  svg {
  flex-shrink: 0;
  margin-top: 0.125rem;
}

@media (max-width: 900px) {
  .versions-layout[b-5zedqabx35] {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 560px) {
  .versions-fact[b-5zedqabx35] {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.25rem;
  }

  .versions-changes li[b-5zedqabx35] {
    grid-template-columns: 0.5rem minmax(0, 1fr);
  }

  .versions-time[b-5zedqabx35] {
    grid-column: 1 / -1;
  }
}
/* /Components/Gateways/LocationHealthCard.razor.rz.scp.css */
.card-link[b-0clbvupxik] {
  display: inline-flex;
  align-items: center;
  gap: 0.125rem;
  font-size: var(--text-base);
  font-weight: 500;
}

.health-list[b-0clbvupxik] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.health-list li[b-0clbvupxik] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 0.75rem;
  border-radius: var(--radius-md);
  box-shadow: 0 0 0 1px var(--color-line);
}

.health-icon[b-0clbvupxik] {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
  color: var(--color-fg-2);
  box-shadow: inset 0 0 0 1px var(--color-line);
}

.health-text[b-0clbvupxik] {
  display: flex;
  flex: 1;
  min-width: 0;
  flex-direction: column;
}

.health-name[b-0clbvupxik] {
  overflow: hidden;
  font-size: var(--text-md);
  font-weight: 500;
  color: var(--color-fg);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.health-sub[b-0clbvupxik] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.health-empty[b-0clbvupxik] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  font-size: var(--text-base);
  color: var(--color-fg-3);
}

.health-cameras[b-0clbvupxik] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.875rem;
  padding-top: 0.875rem;
  border-top: 1px solid var(--color-line);
}

.health-summary[b-0clbvupxik] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--text-base);
  font-weight: 500;
  color: var(--color-fg-2);
}

.health-summary[b-0clbvupxik]  .health-flag {
  color: var(--color-warn);
}

.health-summary[b-0clbvupxik]  .health-ok {
  color: var(--color-ok);
}

.health-list li.needs-attention[b-0clbvupxik] {
  box-shadow: 0 0 0 1px var(--color-warn-bg), inset 3px 0 0 var(--color-warn);
}

a.health-name:hover[b-0clbvupxik] {
  color: var(--color-brand);
}

/* Agent gateways are a development tool (T55). */
.dev-badge[b-0clbvupxik] {
  display: block;
  width: fit-content;
  margin: 0.125rem 0;
  padding: 0 0.375rem;
  border-radius: var(--radius-full);
  background: var(--color-brand-50);
  color: var(--color-brand-600);
  font-size: var(--text-xs);
  font-weight: 500;
  white-space: nowrap;
  vertical-align: 0.0625rem;
}
/* /Components/Gateways/Sparkline.razor.rz.scp.css */
.sparkline[b-3sredt623i] {
  display: block;
  width: 100%;
  height: 3rem;
  overflow: visible;
  color: var(--color-brand);
}

.sparkline-base[b-3sredt623i] {
  stroke: var(--color-line);
  stroke-width: 1;
}
/* /Components/Gateways/StatusTimeline.razor.rz.scp.css */
.timeline[b-gyobq9uu3w] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.timeline-bar[b-gyobq9uu3w] {
  position: relative;
  height: 1.75rem;
  overflow: hidden;
  border-radius: var(--radius-md);
  background-color: var(--color-surface-2);
  background-image: repeating-linear-gradient(135deg, transparent 0 6px, rgb(11 12 16 / 0.035) 6px 12px);
  box-shadow: inset 0 0 0 1px var(--color-line);
}

.timeline-seg[b-gyobq9uu3w] {
  position: absolute;
  top: 0;
  bottom: 0;
  min-width: 2px;
}

.timeline-now[b-gyobq9uu3w] {
  position: absolute;
  top: -2px;
  right: 0;
  bottom: -2px;
  width: 2px;
  background: var(--color-fg);
}

.seg-online[b-gyobq9uu3w] {
  background: var(--color-ok);
}

.seg-degraded[b-gyobq9uu3w] {
  background: var(--color-warn);
}

.seg-offline[b-gyobq9uu3w] {
  background: #b9bcc6;
}

.seg-updating[b-gyobq9uu3w] {
  background: var(--color-brand);
}

/* Unknown (T55): no news from processing, so neither Online nor Offline. */
.seg-unknown[b-gyobq9uu3w] {
  background-color: #d5d7de;
  background-image: repeating-linear-gradient(90deg, transparent 0 4px, rgb(11 12 16 / 0.12) 4px 6px);
}

.seg-released[b-gyobq9uu3w],
.seg-revoked[b-gyobq9uu3w] {
  background: var(--color-line-2);
}

.seg-empty[b-gyobq9uu3w] {
  background-color: var(--color-surface-2);
  background-image: repeating-linear-gradient(135deg, transparent 0 3px, rgb(11 12 16 / 0.08) 3px 5px);
  box-shadow: inset 0 0 0 1px var(--color-line);
}

.timeline-axis[b-gyobq9uu3w] {
  position: relative;
  height: 1rem;
  font-size: var(--text-xs);
  color: var(--color-fg-3);
}

.timeline-tick[b-gyobq9uu3w] {
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  white-space: nowrap;
}

.timeline-legend[b-gyobq9uu3w] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.875rem;
  margin: 0.25rem 0 0;
  padding: 0;
  list-style: none;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.timeline-legend li[b-gyobq9uu3w] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}

.legend-swatch[b-gyobq9uu3w] {
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 3px;
}
/* /Components/Help/ContactSupportForm.razor.rz.scp.css */
.support-message[b-wr31osvebl] {
  height: auto;
  min-height: 8rem;
  padding: 0.5rem 0.625rem;
  resize: vertical;
  line-height: 1.45;
}

.support-context[b-wr31osvebl] {
  align-items: flex-start;
  box-shadow: none;
  padding: 0;
}

.support-context input[b-wr31osvebl] {
  margin-top: 0.1875rem;
}

.support-actions[b-wr31osvebl] {
  display: flex;
  justify-content: flex-end;
}

.field-error:empty[b-wr31osvebl] {
  display: none;
}

.support-sent[b-wr31osvebl] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.375rem;
  padding: 1rem;
  border-radius: var(--radius-lg);
  background: var(--color-ok-bg);
  color: var(--color-fg);
}

.support-sent-title[b-wr31osvebl] {
  margin: 0;
  font-weight: 600;
}

.support-sent-text[b-wr31osvebl] {
  margin: 0;
  color: var(--color-fg-2);
}
/* /Components/Help/HelpLink.razor.rz.scp.css */
.help-link[b-4rzr2z93kr] {
  display: inline-flex;
  align-items: center;
  gap: 0.3125rem;
  color: var(--color-brand-600);
  font-size: var(--text-sm);
  font-weight: 500;
  text-decoration: none;
}

.help-link:hover[b-4rzr2z93kr] {
  text-decoration: underline;
}

.help-link:focus-visible[b-4rzr2z93kr] {
  border-radius: var(--radius-sm);
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}

.help-link-icon[b-4rzr2z93kr] {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: var(--radius-md);
  color: var(--color-fg-2);
}

.help-link-icon:hover[b-4rzr2z93kr] {
  background: var(--color-surface-2);
  color: var(--color-fg);
  text-decoration: none;
}
/* /Components/Help/HelpMenu.razor.rz.scp.css */
.help[b-y54fh8jm8f]  .help-trigger {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border-radius: var(--radius-md);
  color: var(--color-fg-2);
}

.help[b-y54fh8jm8f]  .help-trigger:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: 1px;
}

.menu-item[b-y54fh8jm8f] {
  text-decoration: none;
}

.menu-item[b-y54fh8jm8f]  svg {
  flex-shrink: 0;
  color: var(--color-fg-3);
}

.help-shortcut[b-y54fh8jm8f] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  margin: 0;
  padding: 0.25rem 0.5rem 0.375rem;
  color: var(--color-fg-3);
  font-size: var(--text-sm);
}
/* /Components/Help/HelpPanel.razor.rz.scp.css */
.help-list[b-nyv1ux5e1g] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.help-entry[b-nyv1ux5e1g] {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  padding: 0.625rem 0.75rem;
  border-radius: var(--radius-md);
  color: var(--color-fg);
  text-decoration: none;
}

.help-entry:hover[b-nyv1ux5e1g],
.help-entry:focus-visible[b-nyv1ux5e1g] {
  background: var(--color-surface-2);
  color: var(--color-fg);
}

.help-entry:focus-visible[b-nyv1ux5e1g] {
  outline: 2px solid var(--color-brand);
  outline-offset: -2px;
}

.help-entry-title[b-nyv1ux5e1g] {
  font-weight: 600;
}

.help-entry-summary[b-nyv1ux5e1g] {
  color: var(--color-fg-2);
  font-size: var(--text-sm);
  line-height: 1.45;
}

.help-back[b-nyv1ux5e1g] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}

.help-footer[b-nyv1ux5e1g] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
  margin: 1.25rem 0 0;
  padding-top: 0.875rem;
  border-top: 1px solid var(--color-line);
  color: var(--color-fg-2);
  font-size: var(--text-sm);
}
/* /Components/Layout/AuthLayout.razor.rz.scp.css */
.auth-shell[b-nv0fkgg2h5] {
  position: relative;
  display: grid;
  min-height: 100vh;
  place-items: start center;
  padding: 10vh 1rem 3rem;
  overflow: hidden;
}

.auth-backdrop[b-nv0fkgg2h5] {
  position: absolute;
  inset: 0 0 auto;
  height: 60vh;
  pointer-events: none;
}

.auth-main[b-nv0fkgg2h5] {
  position: relative;
  width: min(28rem, 100%);
}

.auth-brand[b-nv0fkgg2h5] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  margin-bottom: 1.5rem;
  font-size: var(--text-lg);
  font-weight: 600;
  letter-spacing: -0.01em;
}
/* /Components/Layout/CommandPalette.razor.rz.scp.css */
.palette-trigger[b-boffhkm6mi] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  height: 2rem;
  padding: 0 0.5rem 0 0.625rem;
  border: 0;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
  box-shadow: inset 0 0 0 1px var(--color-line);
  color: var(--color-fg-3);
  font: inherit;
  font-size: var(--text-sm);
  cursor: pointer;
}

.palette-trigger:hover[b-boffhkm6mi] {
  color: var(--color-fg-2);
  box-shadow: inset 0 0 0 1px var(--color-line-2);
}

.palette-trigger-text[b-boffhkm6mi] {
  min-width: 6rem;
  text-align: left;
}

.palette-kbd[b-boffhkm6mi],
.palette-footer kbd[b-boffhkm6mi] {
  display: inline-grid;
  place-items: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.3rem;
  border-radius: 5px;
  background: var(--color-surface);
  box-shadow: inset 0 0 0 1px var(--color-line-2);
  color: var(--color-fg-3);
  font-family: var(--font-mono);
  font-size: 0.6875rem;
  line-height: 1;
}

@media (max-width: 720px) {
  .palette-trigger[b-boffhkm6mi] {
    width: 2rem;
    padding: 0;
    justify-content: center;
  }

  .palette-trigger-text[b-boffhkm6mi],
  .palette-trigger .palette-kbd[b-boffhkm6mi] {
    display: none;
  }
}

.palette-backdrop[b-boffhkm6mi] {
  position: fixed;
  inset: 0;
  z-index: 90;
  background: rgba(11, 12, 16, 0.32);
}

.palette[b-boffhkm6mi] {
  position: fixed;
  z-index: 91;
  top: 12vh;
  left: 50%;
  display: flex;
  flex-direction: column;
  width: min(40rem, calc(100vw - 2rem));
  max-height: min(34rem, 76vh);
  transform: translateX(-50%);
  border-radius: var(--radius-xl, 16px);
  background: var(--color-surface);
  box-shadow: 0 0 0 1px var(--color-line), 0 24px 64px rgba(11, 12, 16, 0.24);
  overflow: hidden;
}

@media (max-width: 480px) {
  .palette[b-boffhkm6mi] {
    top: 0.75rem;
    max-height: calc(100dvh - 1.5rem);
  }
}

.palette-search[b-boffhkm6mi] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0 0.875rem;
  border-bottom: 1px solid var(--color-line);
  color: var(--color-fg-3);
}

.palette-input[b-boffhkm6mi] {
  flex: 1;
  min-width: 0;
  height: 3.25rem;
  border: 0;
  background: transparent;
  color: var(--color-fg);
  font: inherit;
  font-size: var(--text-md);
}

.palette-input:focus[b-boffhkm6mi] {
  outline: none;
}

.palette-search:focus-within[b-boffhkm6mi] {
  box-shadow: inset 0 -2px 0 var(--color-brand);
}

.palette-list[b-boffhkm6mi] {
  flex: 1;
  overflow-y: auto;
  padding: 0.375rem;
}

.palette-heading[b-boffhkm6mi] {
  padding: 0.375rem 0.625rem 0.25rem;
  color: var(--color-fg-3);
  font-size: var(--text-xs, 0.75rem);
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.palette-option[b-boffhkm6mi] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-height: 2.75rem;
  padding: 0.375rem 0.625rem;
  border-radius: var(--radius-md);
  cursor: pointer;
}

.palette-option.is-active[b-boffhkm6mi] {
  background: var(--color-brand-50);
  box-shadow: inset 2px 0 0 var(--color-brand);
}

.palette-icon[b-boffhkm6mi] {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: var(--radius-sm);
  background: var(--color-surface-2);
  color: var(--color-fg-2);
}

.palette-text[b-boffhkm6mi] {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
}

.palette-title[b-boffhkm6mi] {
  overflow: hidden;
  color: var(--color-fg);
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.palette-subtitle[b-boffhkm6mi] {
  overflow: hidden;
  color: var(--color-fg-3);
  font-size: var(--text-sm);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.palette-kind[b-boffhkm6mi] {
  flex-shrink: 0;
  color: var(--color-fg-3);
  font-size: var(--text-xs, 0.75rem);
}

.palette-empty[b-boffhkm6mi] {
  margin: 0;
  padding: 1.25rem 1rem;
  color: var(--color-fg-3);
  text-align: center;
}

.palette-footer[b-boffhkm6mi] {
  display: flex;
  gap: 1rem;
  padding: 0.5rem 0.875rem;
  border-top: 1px solid var(--color-line);
  color: var(--color-fg-3);
  font-size: var(--text-xs, 0.75rem);
}

.palette-footer span[b-boffhkm6mi] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

@media (max-width: 480px) {
  .palette-footer[b-boffhkm6mi] {
    display: none;
  }
}
/* /Components/Layout/DataDelayedIndicator.razor.rz.scp.css */
.freshness[b-7dv3eu6to3] {
  display: flex;
  align-items: center;
}

/* The same subtle amber as the other "Data delayed" pills (T20), as a button that explains itself. */
.freshness[b-7dv3eu6to3]  .freshness-trigger {
  display: inline-flex;
  align-items: center;
  gap: 0.3125rem;
  height: 1.625rem;
  padding: 0 0.625rem;
  border-radius: var(--radius-full);
  background: var(--color-warn-bg);
  color: var(--color-warn-fg);
  font-size: var(--text-sm);
  font-weight: 500;
  white-space: nowrap;
}

.freshness[b-7dv3eu6to3]  .freshness-trigger:hover {
  box-shadow: 0 0 0 1px var(--color-warn);
}

.freshness[b-7dv3eu6to3]  .freshness-trigger:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: 1px;
}

.freshness[b-7dv3eu6to3]  .dropdown-panel {
  width: 20rem;
  max-width: calc(100vw - 1.5rem);
}

.freshness-panel[b-7dv3eu6to3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.25rem;
}

.freshness-title[b-7dv3eu6to3] {
  margin: 0;
  font-size: var(--text-base);
  font-weight: 600;
  color: var(--color-fg);
}

.freshness-text[b-7dv3eu6to3] {
  margin: 0;
  font-size: var(--text-sm);
  line-height: 1.5;
  color: var(--color-fg-2);
}

.freshness-list[b-7dv3eu6to3] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin: 0;
  padding: 0.5rem 0.625rem;
  list-style: none;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
  font-size: var(--text-sm);
  color: var(--color-fg-2);
}

.freshness-list li[b-7dv3eu6to3] {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

/* Phones: the pill keeps its clock and the minutes only (the words stay for screen readers, and in its label). */
@media (max-width: 480px) {
  .freshness[b-7dv3eu6to3]  .freshness-trigger {
    padding: 0 0.5rem;
  }

  .freshness-label[b-7dv3eu6to3] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
  }
}
/* /Components/Layout/LocationSwitcher.razor.rz.scp.css */
.location-placeholder[b-xxyqobx5qy] {
  display: block;
  overflow: hidden;
  padding: 0.25rem 0.375rem;
  font-size: var(--text-base);
  font-weight: 500;
  color: var(--color-fg-3);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.switcher-text[b-xxyqobx5qy] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-8f0yqy8h4g] {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.app-body[b-8f0yqy8h4g] {
  display: flex;
  flex: 1;
  min-height: 0;
}

.app-main[b-8f0yqy8h4g] {
  flex: 1;
  min-width: 0;
  padding: 1.5rem 1.75rem 2.5rem;
}

.nav-backdrop[b-8f0yqy8h4g] {
  display: none;
}

@media (max-width: 1023.98px) {
  .app-main[b-8f0yqy8h4g] {
    padding: 1rem 1rem 2rem;
  }

  /* Starts below the top bar so the menu/close button stays clickable. */
  .nav-backdrop[b-8f0yqy8h4g] {
    position: fixed;
    inset: var(--topbar-height) 0 0 0;
    z-index: 40;
    display: block;
    background: rgb(11 12 16 / 0.32);
    animation: backdrop-in-b-8f0yqy8h4g 0.2s ease-out;
  }
}

@keyframes backdrop-in-b-8f0yqy8h4g {
  from {
    opacity: 0;
  }
}
/* /Components/Layout/NotificationBell.razor.rz.scp.css */
.bell[b-pk2q8gdah6] {
  display: flex;
  align-items: center;
}

.bell[b-pk2q8gdah6]  .bell-trigger {
  position: relative;
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border-radius: var(--radius-md);
  color: var(--color-fg-2);
}

.bell[b-pk2q8gdah6]  .bell-trigger:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: 1px;
}

.bell-badge[b-pk2q8gdah6] {
  position: absolute;
  top: 0.0625rem;
  right: 0;
  display: grid;
  place-items: center;
  min-width: 1rem;
  height: 1rem;
  padding: 0 0.25rem;
  border-radius: var(--radius-full);
  background: var(--color-bad);
  box-shadow: 0 0 0 2px var(--color-surface);
  color: #fff;
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 1;
}

.bell[b-pk2q8gdah6]  .dropdown-panel {
  width: 22rem;
  max-width: calc(100vw - 1.5rem);
  padding: 0;
}

.bell-panel[b-pk2q8gdah6] {
  display: flex;
  flex-direction: column;
}

.bell-header[b-pk2q8gdah6] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.75rem 0.875rem 0.5rem;
}

.bell-title[b-pk2q8gdah6] {
  font-size: var(--text-base);
  font-weight: 600;
  color: var(--color-fg);
}

.bell-mark-all[b-pk2q8gdah6] {
  padding: 0.125rem 0.25rem;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--color-brand-600);
  font: inherit;
  font-size: var(--text-sm);
  font-weight: 500;
  cursor: pointer;
}

.bell-mark-all:hover[b-pk2q8gdah6] {
  background: var(--color-brand-50);
}

.bell-mark-all:focus-visible[b-pk2q8gdah6] {
  outline: 2px solid var(--color-brand);
  outline-offset: 1px;
}

.bell-list[b-pk2q8gdah6] {
  display: flex;
  flex-direction: column;
  max-height: min(24rem, 60vh);
  margin: 0;
  padding: 0 0.375rem;
  overflow-y: auto;
  list-style: none;
}

.bell-item[b-pk2q8gdah6] {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  width: 100%;
  padding: 0.5625rem 0.5rem;
  border: 0;
  border-radius: var(--radius-md);
  background: transparent;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.bell-item:hover[b-pk2q8gdah6] {
  background: var(--color-surface-2);
}

.bell-item:focus-visible[b-pk2q8gdah6] {
  outline: 2px solid var(--color-brand);
  outline-offset: -2px;
}

.bell-dot[b-pk2q8gdah6] {
  flex-shrink: 0;
  width: 0.5rem;
  height: 0.5rem;
  margin-top: 0.375rem;
  border-radius: 50%;
  background: var(--color-line-2);
}

.bell-item.is-unread .bell-dot.severity-high[b-pk2q8gdah6] {
  background: var(--color-bad);
}

.bell-item.is-unread .bell-dot.severity-medium[b-pk2q8gdah6] {
  background: var(--color-warn);
}

.bell-item.is-unread .bell-dot.severity-low[b-pk2q8gdah6] {
  background: var(--color-brand);
}

.bell-text[b-pk2q8gdah6] {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
}

.bell-item-title[b-pk2q8gdah6] {
  font-size: var(--text-base);
  font-weight: 400;
  line-height: 1.35;
  color: var(--color-fg-2);
  overflow-wrap: anywhere;
}

.bell-item.is-unread .bell-item-title[b-pk2q8gdah6] {
  font-weight: 600;
  color: var(--color-fg);
}

.bell-item-meta[b-pk2q8gdah6] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.bell-empty[b-pk2q8gdah6] {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  padding: 0.5rem 0.875rem 0.875rem;
  font-size: var(--text-sm);
  line-height: 1.45;
  color: var(--color-fg-3);
}

.bell-empty[b-pk2q8gdah6]  svg {
  flex-shrink: 0;
  margin-top: 0.125rem;
}

.bell-footer[b-pk2q8gdah6] {
  margin-top: 0.375rem;
  padding: 0.625rem 0.875rem;
  border-top: 1px solid var(--color-line);
}

.bell-all[b-pk2q8gdah6] {
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-brand-600);
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-cafhkp8577],
.components-reconnect-repeated-attempt-visible[b-cafhkp8577],
.components-reconnect-failed-visible[b-cafhkp8577],
.components-pause-visible[b-cafhkp8577],
.components-resume-failed-visible[b-cafhkp8577],
.components-rejoining-animation[b-cafhkp8577] {
  display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-cafhkp8577],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-cafhkp8577],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-cafhkp8577],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-cafhkp8577],
#components-reconnect-modal.components-reconnect-retrying[b-cafhkp8577],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-cafhkp8577],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-cafhkp8577],
#components-reconnect-modal.components-reconnect-failed[b-cafhkp8577],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-cafhkp8577] {
  display: block;
}

#components-reconnect-modal[b-cafhkp8577] {
  width: min(20rem, calc(100vw - 2rem));
  margin: 20vh auto;
  padding: 1.5rem;
  border: 0;
  border-radius: var(--radius-xl);
  background: var(--color-surface);
  color: var(--color-fg);
  box-shadow: var(--shadow-pop);
  opacity: 0;
  transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
  animation: reconnect-fade-out-b-cafhkp8577 0.5s both;
}

#components-reconnect-modal[open][b-cafhkp8577] {
  animation: reconnect-slide-up-b-cafhkp8577 0.5s cubic-bezier(0.05, 0.89, 0.25, 1.02) 0.3s, reconnect-fade-in-b-cafhkp8577 0.5s ease-in-out 0.3s;
  animation-fill-mode: both;
}

#components-reconnect-modal[b-cafhkp8577]::backdrop {
  background-color: rgb(11 12 16 / 0.4);
  animation: reconnect-fade-in-b-cafhkp8577 0.5s ease-in-out;
  opacity: 1;
}

@keyframes reconnect-slide-up-b-cafhkp8577 {
  0% {
    transform: translateY(30px) scale(0.95);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes reconnect-fade-in-b-cafhkp8577 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes reconnect-fade-out-b-cafhkp8577 {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.components-reconnect-container[b-cafhkp8577] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  font-size: var(--text-base);
  text-align: center;
}

#components-reconnect-modal p[b-cafhkp8577] {
  margin: 0;
}

#components-reconnect-modal button[b-cafhkp8577] {
  height: 2.25rem;
  padding: 0 1rem;
  border: 0;
  border-radius: var(--radius-md);
  background: var(--color-fg);
  color: #fff;
  font-weight: 500;
  cursor: pointer;
}

.components-rejoining-animation[b-cafhkp8577] {
  position: relative;
  width: 64px;
  height: 64px;
}

.components-rejoining-animation div[b-cafhkp8577] {
  position: absolute;
  border: 3px solid var(--color-brand);
  border-radius: 50%;
  opacity: 1;
  animation: components-rejoining-animation-b-cafhkp8577 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.components-rejoining-animation div:nth-child(2)[b-cafhkp8577] {
  animation-delay: -0.5s;
}

@keyframes components-rejoining-animation-b-cafhkp8577 {
  0% {
    top: 32px;
    left: 32px;
    width: 0;
    height: 0;
    opacity: 0;
  }

  5% {
    top: 32px;
    left: 32px;
    width: 0;
    height: 0;
    opacity: 1;
  }

  100% {
    top: 0;
    left: 0;
    width: 64px;
    height: 64px;
    opacity: 0;
  }
}
/* /Components/Layout/Sidebar.razor.rz.scp.css */
.sidebar[b-kf9no36sdt] {
  position: sticky;
  top: var(--topbar-height);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: var(--sidebar-width);
  height: calc(100vh - var(--topbar-height));
  flex-shrink: 0;
  padding: 0.75rem;
  border-right: 1px solid var(--color-line);
  background: var(--color-surface);
  overflow-y: auto;
}

.nav-list[b-kf9no36sdt] {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sidebar[b-kf9no36sdt]  .nav-item {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.5rem 0.625rem;
  border-radius: var(--radius-md);
  font-size: var(--text-base);
  font-weight: 500;
  color: var(--color-fg-3);
  transition: background-color 0.15s ease, color 0.15s ease;
}

.sidebar[b-kf9no36sdt]  .nav-item:hover {
  background: var(--color-surface-2);
  color: var(--color-fg-2);
}

.sidebar[b-kf9no36sdt]  .nav-item.active {
  background: var(--color-surface-2);
  color: var(--color-fg);
}

.sidebar-footer[b-kf9no36sdt] {
  margin-top: auto;
}

@media (max-width: 1023.98px) {
  .sidebar[b-kf9no36sdt] {
    position: fixed;
    top: var(--topbar-height);
    bottom: 0;
    left: 0;
    z-index: 50;
    width: min(264px, 82vw);
    height: auto;
    box-shadow: 0 24px 48px -12px rgb(11 12 16 / 0.25);
    transform: translateX(-105%);
    visibility: hidden;
    transition: transform 0.25s var(--ease-out-expo), visibility 0s linear 0.25s;
  }

  .sidebar.is-open[b-kf9no36sdt] {
    transform: translateX(0);
    visibility: visible;
    transition: transform 0.25s var(--ease-out-expo), visibility 0s;
  }
}
/* /Components/Layout/SystemBadge.razor.rz.scp.css */
.system-badge[b-7it7lfioyp] {
  padding: 0.625rem;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.badge-line[b-7it7lfioyp] {
  display: flex;
  align-items: flex-start;
  gap: 0.375rem;
  font-weight: 500;
  line-height: 1.4;
  color: var(--color-fg-2);
}

.dot[b-7it7lfioyp] {
  width: 6px;
  height: 6px;
  flex-shrink: 0;
  margin-top: 0.3rem;
  border-radius: 50%;
}

.dot-ok[b-7it7lfioyp] {
  background: var(--color-ok);
}

.dot-bad[b-7it7lfioyp] {
  background: var(--color-bad);
}

.dot-muted[b-7it7lfioyp] {
  background: var(--color-line-2);
}
/* /Components/Layout/TenantStatusBanner.razor.rz.scp.css */
.tenant-banner[b-32btgzb5fn] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0 0 1.25rem;
  padding: 0.75rem 0.875rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.tone-info[b-32btgzb5fn] {
  background: linear-gradient(95deg, var(--color-brand-50), var(--color-surface) 70%);
  box-shadow: 0 0 0 1px var(--color-brand-100), var(--shadow-soft);
}

.tone-warn[b-32btgzb5fn] {
  background: var(--color-warn-bg);
  box-shadow: 0 0 0 1px rgb(245 158 11 / 0.35);
}

.tone-bad[b-32btgzb5fn] {
  background: var(--color-bad-bg);
  box-shadow: 0 0 0 1px rgb(240 68 56 / 0.3);
}

.banner-icon[b-32btgzb5fn] {
  display: grid;
  flex: none;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: 0 0 0 1px var(--color-line);
}

.tone-info .banner-icon[b-32btgzb5fn] {
  color: var(--color-brand);
}

.tone-warn .banner-icon[b-32btgzb5fn] {
  color: var(--color-warn-fg);
}

.tone-bad .banner-icon[b-32btgzb5fn] {
  color: var(--color-bad-fg);
}

.banner-text[b-32btgzb5fn] {
  flex: 1;
  min-width: 0;
}

.banner-title[b-32btgzb5fn] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--color-fg);
}

.banner-message[b-32btgzb5fn] {
  margin: 0.125rem 0 0;
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.tone-bad .banner-message[b-32btgzb5fn] {
  color: var(--color-bad-fg);
}

.tone-warn .banner-message[b-32btgzb5fn] {
  color: var(--color-warn-fg);
}

.banner-actions[b-32btgzb5fn] {
  display: flex;
  flex: none;
  align-items: center;
  gap: 0.375rem;
}

.banner-action[b-32btgzb5fn] {
  display: inline-flex;
  align-items: center;
  height: 1.875rem;
  padding: 0 0.75rem;
  border-radius: var(--radius-md);
  background: var(--color-fg);
  color: #fff;
  font-size: var(--text-sm);
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
}

.banner-action:hover[b-32btgzb5fn] {
  background: #23252d;
}

.banner-action:focus-visible[b-32btgzb5fn],
.banner-dismiss:focus-visible[b-32btgzb5fn] {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}

.banner-dismiss[b-32btgzb5fn] {
  display: grid;
  place-items: center;
  width: 1.875rem;
  height: 1.875rem;
  border: 0;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--color-fg-3);
  cursor: pointer;
}

.banner-dismiss:hover[b-32btgzb5fn] {
  background: var(--color-surface-2);
  color: var(--color-fg);
}

@media (max-width: 640px) {
  .tenant-banner[b-32btgzb5fn] {
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .banner-text[b-32btgzb5fn] {
    flex-basis: calc(100% - 2.75rem);
  }

  .banner-actions[b-32btgzb5fn] {
    width: 100%;
    justify-content: flex-end;
  }
}
/* /Components/Layout/TenantSwitcher.razor.rz.scp.css */
.tenant-name[b-pojn6tfyft] {
  display: block;
  overflow: hidden;
  padding: 0.25rem 0.375rem;
  font-size: var(--text-base);
  font-weight: 500;
  color: var(--color-fg-2);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.switcher-text[b-pojn6tfyft] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* /Components/Layout/TopBar.razor.rz.scp.css */
.topbar[b-d7qgv3svpp] {
  position: sticky;
  top: 0;
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  height: var(--topbar-height);
  padding: 0 1rem;
  border-bottom: 1px solid var(--color-line);
  background: var(--color-surface);
}

.topbar-left[b-d7qgv3svpp],
.topbar-right[b-d7qgv3svpp] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  min-width: 0;
}

/* The indicators, bell and avatar never shrink (they would stick out of a phone's screen): the shop and location names,
   which truncate, give way instead. */
.topbar-right[b-d7qgv3svpp] {
  flex-shrink: 0;
}

.brand[b-d7qgv3svpp] {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 0.625rem;
  border-radius: var(--radius-sm);
  color: var(--color-fg);
}

.brand:hover[b-d7qgv3svpp] {
  color: var(--color-fg);
}

.brand-name[b-d7qgv3svpp] {
  font-size: var(--text-md);
  font-weight: 600;
  letter-spacing: -0.01em;
}

.topbar-divider[b-d7qgv3svpp] {
  width: 1px;
  height: 1rem;
  background: var(--color-line-2);
}

.context-switchers[b-d7qgv3svpp] {
  display: flex;
  align-items: center;
  gap: 0.125rem;
  min-width: 0;
}

.context-separator[b-d7qgv3svpp] {
  color: var(--color-line-2);
  font-size: var(--text-md);
}

.topbar[b-d7qgv3svpp]  .avatar-trigger {
  padding: 0;
  border-radius: 50%;
}

.topbar[b-d7qgv3svpp]  .avatar-trigger:hover {
  background: transparent;
}

.menu-button[b-d7qgv3svpp] {
  display: none;
  place-items: center;
  width: 2rem;
  height: 2rem;
  margin-left: -0.375rem;
  padding: 0;
  border: 0;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--color-fg-2);
  cursor: pointer;
}

.menu-button:hover[b-d7qgv3svpp] {
  background: var(--color-surface-2);
  color: var(--color-fg);
}

@media (max-width: 1023.98px) {
  .topbar[b-d7qgv3svpp] {
    padding: 0 0.75rem;
  }

  .menu-button[b-d7qgv3svpp] {
    display: grid;
  }
}

@media (max-width: 639.98px) {
  .brand-name[b-d7qgv3svpp],
  .topbar-divider[b-d7qgv3svpp] {
    display: none;
  }

  .topbar[b-d7qgv3svpp]  .tenant-switcher,
  .topbar[b-d7qgv3svpp]  .tenant-name {
    max-width: 30vw;
  }

  .topbar[b-d7qgv3svpp]  .location-switcher {
    max-width: 36vw;
  }
}
/* /Components/Layout/UserMenu.razor.rz.scp.css */
.avatar[b-0q2k2tk5u2] {
  display: grid;
  place-items: center;
  width: 1.75rem;
  height: 1.75rem;
  flex-shrink: 0;
  border-radius: 50%;
  background: var(--color-fg);
  color: #fff;
  font-size: var(--text-xs);
  font-weight: 600;
  letter-spacing: 0.02em;
}

.avatar-empty[b-0q2k2tk5u2] {
  background: var(--color-surface-2);
  color: var(--color-fg-3);
  box-shadow: 0 0 0 1px var(--color-line);
}

.account-summary[b-0q2k2tk5u2] {
  padding: 0.375rem 0.5rem;
}

.account-name[b-0q2k2tk5u2] {
  font-size: var(--text-base);
  font-weight: 600;
  color: var(--color-fg);
}

.account-email[b-0q2k2tk5u2] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.menu-item[b-0q2k2tk5u2] {
  text-decoration: none;
}

.menu-item[b-0q2k2tk5u2]  svg {
  flex-shrink: 0;
  color: var(--color-fg-3);
}

.menu-item[b-0q2k2tk5u2]  .menu-external {
  margin-left: auto;
}
/* /Components/Layout/WallLayout.razor.rz.scp.css */
.wall-shell[b-q60c5pa4te] {
  min-height: 100vh;
  min-height: 100dvh;
  background: var(--color-night);
  color: #f4f5f8;
  color-scheme: dark;
}

.wall-main[b-q60c5pa4te] {
  min-height: 100vh;
  min-height: 100dvh;
}

.wall-main:focus[b-q60c5pa4te] {
  outline: none;
}
/* /Components/Mapping/MappingCalibration.razor.rz.scp.css */
.cal[b-evw9dv7w7k] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-width: 0;
}

.cal-toolbar[b-evw9dv7w7k] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.75rem;
  padding: 0.625rem 0.75rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.cal-summary[b-evw9dv7w7k] {
  font-size: var(--text-sm);
  color: var(--color-fg-2);
}

.cal-actions[b-evw9dv7w7k] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

.cal-toggle[b-evw9dv7w7k] {
  box-shadow: inset 0 0 0 1px var(--color-line);
}

.cal-toggle:disabled[b-evw9dv7w7k] {
  opacity: 0.5;
  cursor: default;
}

.cal-notice[b-evw9dv7w7k] {
  margin: 0;
}

.cal-split[b-evw9dv7w7k] {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  gap: 0.75rem;
}

.cal-view[b-evw9dv7w7k] {
  display: flex;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.cal-caption[b-evw9dv7w7k] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid var(--color-line);
  font-size: var(--text-sm);
  font-weight: 550;
}

.cal-stage[b-evw9dv7w7k] {
  height: min(52vh, 30rem);
  min-height: 18rem;
  background: var(--color-night, #0b0e17);
  touch-action: none;
  cursor: crosshair;
}

.cal-stage-plan[b-evw9dv7w7k] {
  background: var(--color-surface-2);
}

.cal-stage:focus-visible[b-evw9dv7w7k] {
  outline: 2px solid var(--color-brand);
  outline-offset: -2px;
}

.cal-points[b-evw9dv7w7k] {
  padding: 0.25rem 0.75rem 0.75rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.cal-table[b-evw9dv7w7k] {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--text-sm);
}

.cal-table th[b-evw9dv7w7k] {
  padding: 0.5rem 0.5rem 0.375rem;
  border-bottom: 1px solid var(--color-line);
  color: var(--color-fg-3);
  font-weight: 500;
  text-align: left;
}

.cal-table td[b-evw9dv7w7k] {
  padding: 0.3rem 0.5rem;
  border-bottom: 1px solid var(--color-line);
}

.cal-table tr.is-selected td[b-evw9dv7w7k] {
  background: var(--color-brand-50);
}

.cal-number[b-evw9dv7w7k] {
  display: inline-grid;
  place-items: center;
  width: 1.375rem;
  height: 1.375rem;
  border-radius: var(--radius-full);
  background: var(--color-brand);
  color: #fff;
  font-size: var(--text-xs);
  font-weight: 700;
}

.cal-error-ok[b-evw9dv7w7k] { color: var(--color-ok-fg, #067647); }
.cal-error-warn[b-evw9dv7w7k] { color: var(--color-warn-fg, #b54708); }
.cal-error-bad[b-evw9dv7w7k] { color: var(--color-bad-fg, #b42318); font-weight: 600; }

.cal-muted[b-evw9dv7w7k] {
  color: var(--color-fg-3);
  font-weight: 400;
}

.cal-icon-button[b-evw9dv7w7k] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--color-fg-2);
  cursor: pointer;
}

.cal-icon-button:hover[b-evw9dv7w7k] {
  background: var(--color-surface-2);
  color: var(--color-fg);
}

.cal-icon-button:focus-visible[b-evw9dv7w7k] {
  outline: 2px solid var(--color-brand);
  outline-offset: 1px;
}

.cal-hint[b-evw9dv7w7k] {
  margin: 0.625rem 0 0;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

@media (max-width: 1100px) {
  .cal-split[b-evw9dv7w7k] {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* /Components/Mapping/MappingEditor.razor.rz.scp.css */
/* Camera mapping editor (T09): toolbar, the frame with the regions, and the panel on the right. */

.me[b-kk3d08naoz] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.me-header[b-kk3d08naoz] {
  align-items: flex-end;
}

.me-title-row[b-kk3d08naoz] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.625rem;
}

.me-header-actions[b-kk3d08naoz] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

.me-muted[b-kk3d08naoz] {
  color: var(--color-fg-3);
  font-size: var(--text-sm);
}

.page-subtitle .me-muted[b-kk3d08naoz] {
  font-size: inherit;
}

/* ---------- ROI state ---------- */

.me-roi[b-kk3d08naoz] {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
  max-width: 34rem;
  font-size: var(--text-base);
  font-variant-numeric: tabular-nums;
  color: var(--color-fg-2);
}

.me-roi:empty[b-kk3d08naoz] {
  display: none;
}

.me-roi-sep[b-kk3d08naoz] {
  color: var(--color-fg-3);
}

.me-roi-in-use[b-kk3d08naoz] {
  white-space: nowrap;
}

/* On a phone the two states wrap onto their own lines, where a leading separator reads as a stray dot. */
@media (max-width: 767.98px) {
  .me-roi-sep[b-kk3d08naoz] {
    display: none;
  }
}

.me-roi[b-kk3d08naoz]  .me-ok {
  color: var(--color-ok);
}

.me-roi[b-kk3d08naoz]  .me-bad {
  color: var(--color-bad);
}

.spinner[b-kk3d08naoz] {
  width: 0.75rem;
  height: 0.75rem;
  flex-shrink: 0;
  border: 1.5px solid var(--color-brand-100);
  border-top-color: var(--color-brand);
  border-radius: 50%;
  animation: me-spin-b-kk3d08naoz 0.8s linear infinite;
}

@keyframes me-spin-b-kk3d08naoz {
  to {
    transform: rotate(360deg);
  }
}

/* ---------- Notices ---------- */

.me-shell[b-kk3d08naoz] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.me-notice[b-kk3d08naoz] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.me-notice-close[b-kk3d08naoz] {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: inherit;
  cursor: pointer;
}

.me-notice-close:hover[b-kk3d08naoz] {
  background: rgb(11 12 16 / 0.06);
}

/* ---------- Toolbar ---------- */

.me-toolbar[b-kk3d08naoz] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.75rem;
  min-height: 3rem;
  padding: 0.5rem 0.625rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.me-group[b-kk3d08naoz] {
  display: inline-flex;
  gap: 0.125rem;
  padding: 0.125rem;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
  box-shadow: 0 0 0 1px var(--color-line);
}

.me-tool[b-kk3d08naoz],
.me-icon-button[b-kk3d08naoz] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  min-width: 1.875rem;
  height: 1.75rem;
  padding: 0 0.5rem;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  font-size: var(--text-base);
  font-weight: 500;
  color: var(--color-fg-2);
  white-space: nowrap;
  cursor: pointer;
}

.me-icon-button[b-kk3d08naoz] {
  padding: 0 0.375rem;
}

.me-tool:hover:not(:disabled)[b-kk3d08naoz],
.me-icon-button:hover:not(:disabled)[b-kk3d08naoz] {
  background: var(--color-surface);
  color: var(--color-fg);
}

.me-tool:disabled[b-kk3d08naoz],
.me-icon-button:disabled[b-kk3d08naoz] {
  opacity: 0.4;
  cursor: default;
}

.me-tool.is-active[b-kk3d08naoz] {
  background: var(--color-surface);
  box-shadow: 0 0 0 1px var(--color-line-2), var(--shadow-soft);
  color: var(--color-fg);
}

.me-tool-occupancy.is-active[b-kk3d08naoz] {
  color: var(--color-brand-600);
}

.me-status[b-kk3d08naoz] {
  font-size: var(--text-sm);
  font-variant-numeric: tabular-nums;
  color: var(--color-fg-3);
  white-space: nowrap;
}

.me-status[b-kk3d08naoz]::before {
  content: "";
  display: inline-block;
  width: 0.4375rem;
  height: 0.4375rem;
  margin-right: 0.4375rem;
  border-radius: 50%;
  background: var(--color-ok);
  vertical-align: 0.0625rem;
}

.me-status[data-state="saving"][b-kk3d08naoz]::before,
.me-status[data-state="dirty"][b-kk3d08naoz]::before {
  background: var(--color-warn);
}

.me-status[data-state="error"][b-kk3d08naoz] {
  color: var(--color-warn-fg);
  font-weight: 500;
}

.me-status[data-state="error"][b-kk3d08naoz]::before {
  background: var(--color-bad);
}

.me-toolbar-end[b-kk3d08naoz] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

/* ---------- Body: frame and panel ---------- */

.me-body[b-kk3d08naoz] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 21.5rem;
  gap: 1rem;
  align-items: start;
}

.me-stage-wrap[b-kk3d08naoz] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 0;
}

.me-stage[b-kk3d08naoz] {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  min-height: 20rem;
  overflow: hidden;
  border-radius: var(--radius-lg);
  background: var(--color-night);
  box-shadow: 0 0 0 1px rgb(11 12 16 / 0.12), var(--shadow-soft);
  touch-action: none;
  outline: none;
}

.me-stage:focus-visible[b-kk3d08naoz] {
  box-shadow: 0 0 0 2px var(--color-brand);
}

.me-stage[data-tool="polygon"][b-kk3d08naoz],
.me-stage[data-tool="line"][b-kk3d08naoz] {
  cursor: crosshair;
}

.me-frame-message[b-kk3d08naoz] {
  position: absolute;
  inset: 0 0 auto;
  display: grid;
  place-items: center;
  aspect-ratio: 16 / 9;
  min-height: 20rem;
  padding: 1rem;
  pointer-events: none;
}

.me-frame-message[b-kk3d08naoz]  > * {
  max-width: 22rem;
  pointer-events: auto;
}

/* With regions drawn, the message sits along the bottom of the frame instead of covering them. */
.me-frame-message.is-strip[b-kk3d08naoz] {
  place-items: end center;
  padding: 0.75rem;
}

.me-frame-message.is-strip > .me-frame-note[b-kk3d08naoz] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  max-width: 100%;
  padding: 0.5rem 0.75rem;
  border-radius: var(--radius-md);
  background: rgb(0 0 0 / 0.6);
  font-size: var(--text-sm);
  color: rgb(255 255 255 / 0.85);
  pointer-events: none;
}

.me-frame-note strong[b-kk3d08naoz] {
  flex: none;
  font-weight: 600;
  color: #fff;
}

.me-frame-meta[b-kk3d08naoz] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--text-sm);
  color: var(--color-fg-2);
}

.me-legend[b-kk3d08naoz] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.875rem;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--text-sm);
  color: var(--color-fg-2);
}

.me-legend li[b-kk3d08naoz] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}

.me-swatch[b-kk3d08naoz] {
  display: inline-block;
  flex-shrink: 0;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 3px;
}

.me-swatch-occupancy[b-kk3d08naoz] {
  background: color-mix(in srgb, var(--color-brand) 30%, transparent);
  box-shadow: inset 0 0 0 1.5px var(--color-brand);
}

.me-swatch-staff[b-kk3d08naoz] {
  background: color-mix(in srgb, var(--color-cyan) 10%, transparent);
  box-shadow: inset 0 0 0 1.5px var(--color-cyan);
}

.me-swatch-zone[b-kk3d08naoz] {
  background: color-mix(in srgb, var(--color-ok) 22%, transparent);
  box-shadow: inset 0 0 0 1.5px var(--color-ok);
}

.me-swatch-mask[b-kk3d08naoz] {
  background: repeating-linear-gradient(45deg, var(--color-fg-3) 0 1.5px, transparent 1.5px 4px);
  box-shadow: inset 0 0 0 1.5px var(--color-fg-3);
}

.me-swatch-line[b-kk3d08naoz] {
  height: 3px;
  border-radius: 2px;
  background: var(--color-warn);
}

.me-swatch-suggestion[b-kk3d08naoz] {
  box-shadow: inset 0 0 0 1.5px var(--color-brand);
  background: repeating-linear-gradient(90deg, transparent 0 3px, var(--color-brand-100) 3px 5px);
}

/* ---------- Panel ---------- */

/* The panel scrolls on its own next to the frame, as the floor plan editor's (T07). */
.me-side[b-kk3d08naoz] {
  position: sticky;
  top: calc(var(--topbar-height) + 1rem);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-width: 0;
  max-height: calc(100vh - var(--topbar-height) - 2rem);
  overflow-y: auto;
  padding: 0.25rem;
  margin: -0.25rem;
}

.me-card[b-kk3d08naoz] {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  padding: 0.875rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.me-card-head[b-kk3d08naoz] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.25rem 0.75rem;
}

.me-card-title[b-kk3d08naoz] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--text-md);
  font-weight: 600;
  letter-spacing: -0.01em;
}

.me-fields[b-kk3d08naoz] {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.me-card-actions[b-kk3d08naoz] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.me-line-side[b-kk3d08naoz] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.me-empty[b-kk3d08naoz] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.me-list[b-kk3d08naoz] {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.me-row[b-kk3d08naoz] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  min-height: 2.125rem;
  padding: 0.125rem 0.25rem 0.125rem 0.125rem;
  border-radius: var(--radius-md);
}

.me-row:hover[b-kk3d08naoz] {
  background: var(--color-surface-2);
}

.me-row[draggable="true"][b-kk3d08naoz] {
  cursor: grab;
}

.me-row[b-kk3d08naoz]  .me-grip {
  flex-shrink: 0;
  color: var(--color-line-2);
}

.me-row:hover[b-kk3d08naoz]  .me-grip {
  color: var(--color-fg-3);
}

.me-row-main[b-kk3d08naoz] {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}

.me-row-button[b-kk3d08naoz] {
  padding: 0.25rem 0.125rem;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  font-size: var(--text-base);
  text-align: left;
  color: var(--color-fg);
  cursor: pointer;
}

.me-row-name[b-kk3d08naoz] {
  overflow: hidden;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.me-code[b-kk3d08naoz] {
  font-size: var(--text-xs);
  color: var(--color-fg-3);
}

.me-badge[b-kk3d08naoz] {
  flex-shrink: 0;
  max-width: 9.5rem;
  overflow: hidden;
  padding: 0.0625rem 0.5rem;
  border-radius: var(--radius-full);
  font-size: var(--text-xs);
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.me-badge-here[b-kk3d08naoz] {
  background: var(--color-brand-50);
  color: var(--color-brand-600);
}

.me-badge-elsewhere[b-kk3d08naoz] {
  background: color-mix(in srgb, var(--color-cyan) 14%, var(--color-surface));
  color: #0e7490;
}

.me-badge-none[b-kk3d08naoz] {
  background: var(--color-warn-bg);
  color: var(--color-warn-fg);
}

.me-badge-muted[b-kk3d08naoz] {
  background: var(--color-surface-3);
  color: var(--color-fg-3);
}

.me-workarea.is-open[b-kk3d08naoz] {
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
}

.me-row-details[b-kk3d08naoz] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.25rem 0.5rem 0.625rem 1.5rem;
}

.me-primary[b-kk3d08naoz] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.me-primary[b-kk3d08naoz]  .me-star {
  color: var(--color-warn);
}

.me-suggestion[b-kk3d08naoz] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.25rem;
  border-radius: var(--radius-md);
}

.me-suggestion .me-row-main[b-kk3d08naoz] {
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}

.me-checks[b-kk3d08naoz] {
  gap: 0.25rem;
}

.me-check[b-kk3d08naoz] {
  display: flex;
  align-items: flex-start;
  gap: 0.4375rem;
  width: 100%;
  padding: 0.375rem 0.5rem;
  border: 0;
  border-radius: var(--radius-md);
  background: transparent;
  font-size: var(--text-base);
  line-height: 1.4;
  text-align: left;
  color: var(--color-fg);
}

button.me-check:not(:disabled)[b-kk3d08naoz] {
  cursor: pointer;
}

button.me-check:hover:not(:disabled)[b-kk3d08naoz] {
  background: var(--color-surface-2);
}

.me-check[b-kk3d08naoz]  svg {
  flex-shrink: 0;
  margin-top: 0.1875rem;
}

.me-issue[b-kk3d08naoz] {
  display: flex;
  align-items: flex-start;
  gap: 0.375rem;
  font-size: var(--text-sm);
  line-height: 1.4;
}

.me-issue-error[b-kk3d08naoz]  svg,
.me-issue.me-issue-error[b-kk3d08naoz] {
  color: var(--color-bad-fg);
}

.me-issue-warning[b-kk3d08naoz]  svg,
.me-issue.me-issue-warning[b-kk3d08naoz] {
  color: var(--color-warn-fg);
}

.me-region[b-kk3d08naoz] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  min-height: 2rem;
  padding: 0.25rem 0.5rem;
  border: 0;
  border-radius: var(--radius-md);
  background: transparent;
  font-size: var(--text-base);
  text-align: left;
  color: var(--color-fg);
  cursor: pointer;
}

.me-region:hover[b-kk3d08naoz] {
  background: var(--color-surface-2);
}

.me-region.is-selected[b-kk3d08naoz] {
  background: var(--color-brand-50);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-brand) 35%, transparent);
}

.me-region-error[b-kk3d08naoz] {
  margin-left: auto;
  color: var(--color-bad);
}

.me-minimap[b-kk3d08naoz] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: 0.25rem;
}

.me-minimap[b-kk3d08naoz]  .fp-canvas {
  height: 11rem;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
}

/* ---------- Dialogs ---------- */

.me-dialog-lead[b-kk3d08naoz] {
  margin: 0.25rem 0 0.375rem;
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.me-versions[b-kk3d08naoz] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.me-version[b-kk3d08naoz] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  padding: 0.75rem;
  border-radius: var(--radius-md);
  box-shadow: 0 0 0 1px var(--color-line);
}

.me-version-head[b-kk3d08naoz] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.me-version-note[b-kk3d08naoz] {
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

/* ---------- Small screens (conventions §10: editors need 768 px) ---------- */

.me-small[b-kk3d08naoz] {
  display: none;
}

@media (max-width: 1099.98px) {
  .me-body[b-kk3d08naoz] {
    grid-template-columns: minmax(0, 1fr);
  }

  .me-side[b-kk3d08naoz] {
    position: static;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
    align-items: start;
    max-height: none;
    overflow: visible;
  }
}

@media (max-width: 767.98px) {
  .me-shell[b-kk3d08naoz],
  .me-header-actions[b-kk3d08naoz]  .btn {
    display: none;
  }

  .me-small[b-kk3d08naoz] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.625rem;
  }

  .me-small p[b-kk3d08naoz] {
    flex: 1 1 12rem;
    margin: 0;
  }
}

/* Test mode (T10): the test view replaces the canvas; the canvas keeps its size (Konva) but is hidden. */
.me-stage-wrap.is-testing > .me-stage[b-kk3d08naoz] {
  position: absolute;
  inset: 0 0 auto;
  visibility: hidden;
  pointer-events: none;
}

.me-stage-wrap.is-testing > .me-frame-message[b-kk3d08naoz],
.me-stage-wrap.is-testing > .me-frame-meta[b-kk3d08naoz],
.me-stage-wrap.is-testing > .me-legend[b-kk3d08naoz] {
  display: none;
}

/* T33: the Regions and Calibrate tabs. The hidden tab keeps its canvas (display: none beats the grid and flex above). */
.me-tabs[b-kk3d08naoz] {
  align-self: flex-start;
}

.me-toolbar[hidden][b-kk3d08naoz],
.me-body[hidden][b-kk3d08naoz],
.me-calibration[hidden][b-kk3d08naoz] {
  display: none;
}

.me-calibration[b-kk3d08naoz] {
  min-width: 0;
}

/* T39 (FLP-016): the region's actions after a long press on a touch screen (or a right click). */
.me-context-backdrop[b-kk3d08naoz] {
  position: absolute;
  inset: 0;
  z-index: 19;
}

.me-context[b-kk3d08naoz] {
  position: absolute;
  z-index: 20;
  display: flex;
  flex-direction: column;
  min-width: 11rem;
  padding: 0.25rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: 0 0 0 1px var(--color-line), 0 12px 32px rgba(11, 12, 16, 0.14);
  transform: translate(0.5rem, 0.5rem);
}

.me-context-item[b-kk3d08naoz] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  min-height: 2.75rem;
  padding: 0 0.75rem;
  border: 0;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--color-fg);
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.me-context-item:hover[b-kk3d08naoz],
.me-context-item:focus-visible[b-kk3d08naoz] {
  background: var(--color-surface-2);
}

.me-context-danger[b-kk3d08naoz] {
  color: var(--color-bad);
}

/* Touch screens: the editor's buttons are at least 44 px (WCAG 2.5.5 on the installer's tablet). */
@media (pointer: coarse) {
  .me-tool[b-kk3d08naoz],
  .me-icon-button[b-kk3d08naoz] {
    min-width: 2.75rem;
    min-height: 2.75rem;
  }
}
/* /Components/Mapping/MappingQualityCard.razor.rz.scp.css */
.mq[b-njgm2zbte4] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem 0.875rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.mq-head[b-njgm2zbte4] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
}

.mq-title[b-njgm2zbte4] {
  margin: 0;
  font-size: var(--text-base);
  font-weight: 600;
}

.mq-muted[b-njgm2zbte4] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.mq-empty[b-njgm2zbte4] {
  margin: 0;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.mq-list[b-njgm2zbte4] {
  display: grid;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mq-row + .mq-row[b-njgm2zbte4] {
  padding-top: 0.5rem;
  border-top: 1px solid var(--color-line);
}

.mq-row-head[b-njgm2zbte4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

.mq-name[b-njgm2zbte4] {
  font-weight: 550;
}

.mq-score[b-njgm2zbte4] {
  min-width: 2.25rem;
  padding: 0.0625rem 0.5rem;
  border-radius: var(--radius-full);
  font-size: var(--text-sm);
  font-weight: 650;
  text-align: center;
}

.mq-score-good[b-njgm2zbte4] {
  background: var(--color-ok-bg, #ecfdf3);
  color: var(--color-ok-fg, #067647);
}

.mq-score-fair[b-njgm2zbte4] {
  background: var(--color-warn-bg, #fffaeb);
  color: var(--color-warn-fg, #b54708);
}

.mq-score-low[b-njgm2zbte4] {
  background: var(--color-bad-bg, #fef3f2);
  color: var(--color-bad-fg, #b42318);
}

.mq-issues[b-njgm2zbte4] {
  margin: 0.25rem 0 0;
  padding-left: 1.1rem;
  font-size: var(--text-sm);
  color: var(--color-fg-2);
}

.mq-issues li + li[b-njgm2zbte4] {
  margin-top: 0.125rem;
}
/* /Components/Mapping/MappingTestMode.razor.rz.scp.css */
.mt[b-pbrw5cubn7] {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  min-width: 0;
}

.mt-head[b-pbrw5cubn7] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem 1rem;
  padding: 0.625rem 0.75rem;
  border-radius: var(--radius-lg);
  background: var(--color-brand-50);
  box-shadow: inset 0 0 0 1px var(--color-brand-100);
}

.mt-heading[b-pbrw5cubn7] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.25rem 0.75rem;
  min-width: 0;
}

.mt-title[b-pbrw5cubn7] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  margin: 0;
  font-size: var(--text-md);
  font-weight: 650;
  color: var(--color-brand-600);
}

.mt-actions[b-pbrw5cubn7] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.mt-muted[b-pbrw5cubn7] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.mt-empty[b-pbrw5cubn7] {
  display: grid;
  place-items: center;
  aspect-ratio: 16 / 9;
  min-height: 20rem;
  padding: 1rem;
  border-radius: var(--radius-lg);
  background: var(--color-night);
}

.mt-empty[b-pbrw5cubn7]  > * {
  max-width: 24rem;
}

.mt-empty .loading-text[b-pbrw5cubn7] {
  color: rgb(255 255 255 / 0.7);
}

.mt-figure[b-pbrw5cubn7] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0;
}

.mt-frame[b-pbrw5cubn7] {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: var(--radius-lg);
  background: var(--color-night);
  box-shadow: 0 0 0 1px rgb(11 12 16 / 0.12), var(--shadow-soft);
}

.mt-image[b-pbrw5cubn7],
.mt-overlay[b-pbrw5cubn7] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.mt-image[b-pbrw5cubn7] {
  display: block;
  object-fit: fill;
}

.mt-noimage[b-pbrw5cubn7] {
  position: absolute;
  inset: auto 0.75rem 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  border-radius: var(--radius-md);
  background: rgb(0 0 0 / 0.55);
  font-size: var(--text-sm);
  color: rgb(255 255 255 / 0.85);
}

.mt-noimage strong[b-pbrw5cubn7] {
  flex: none;
  font-weight: 600;
  color: #fff;
}

/* Regions: the mapping the pipeline applied to this frame */
.mt-region[b-pbrw5cubn7] {
  fill: none;
  stroke-width: 1.5;
  vector-effect: non-scaling-stroke;
}

.mt-region-occupancy[b-pbrw5cubn7] {
  fill: color-mix(in srgb, var(--color-brand) 14%, transparent);
  stroke: color-mix(in srgb, var(--color-brand) 80%, #fff);
}

.mt-region-occupancy.is-occupied[b-pbrw5cubn7] {
  fill: color-mix(in srgb, var(--color-brand) 38%, transparent);
  stroke: #fff;
  stroke-width: 2;
}

.mt-region-staff[b-pbrw5cubn7] {
  stroke: var(--color-cyan);
  stroke-dasharray: 5 3;
}

.mt-region-staff.has-people[b-pbrw5cubn7] {
  fill: color-mix(in srgb, var(--color-cyan) 18%, transparent);
}

.mt-region-zone[b-pbrw5cubn7] {
  fill: color-mix(in srgb, var(--color-ok) 12%, transparent);
  stroke: var(--color-ok);
}

.mt-region-mask[b-pbrw5cubn7] {
  fill: rgb(125 130 144 / 0.35);
  stroke: rgb(255 255 255 / 0.55);
  stroke-dasharray: 3 3;
}

.mt-region-line[b-pbrw5cubn7] {
  stroke: var(--color-warn);
  stroke-width: 2;
}

.mt-region.is-not-covered[b-pbrw5cubn7],
.mt-region.is-waiting[b-pbrw5cubn7] {
  stroke: rgb(255 255 255 / 0.4);
}

/* Boxes: processing's detections */
.mt-box rect[b-pbrw5cubn7] {
  fill: none;
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
}

.mt-box text[b-pbrw5cubn7] {
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: 600;
  paint-order: stroke;
  stroke: rgb(11 14 23 / 0.85);
  stroke-width: 3px;
  stroke-linejoin: round;
}

.mt-box-person rect[b-pbrw5cubn7] {
  stroke: #fff;
}

.mt-box-person text[b-pbrw5cubn7] {
  fill: #fff;
}

.mt-box-masked rect[b-pbrw5cubn7] {
  stroke: #f59e0b;
  stroke-dasharray: 4 3;
}

.mt-box-masked text[b-pbrw5cubn7] {
  fill: #fbbf24;
}

.mt-box-chair rect[b-pbrw5cubn7] {
  stroke: color-mix(in srgb, var(--color-cyan) 70%, transparent);
  stroke-width: 1;
}

.mt-box-other rect[b-pbrw5cubn7] {
  stroke: var(--color-fg-3);
}

.mt-point[b-pbrw5cubn7] {
  fill: var(--color-brand);
  stroke: #fff;
  stroke-width: 1.5;
  vector-effect: non-scaling-stroke;
}

.mt-meta[b-pbrw5cubn7] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--text-sm);
  color: var(--color-fg-2);
}

.mt-legend[b-pbrw5cubn7] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem 1.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--text-sm);
  color: var(--color-fg-2);
}

.mt-legend li[b-pbrw5cubn7] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}

.mt-legend strong[b-pbrw5cubn7] {
  color: var(--color-fg);
}

.mt-key[b-pbrw5cubn7] {
  display: inline-block;
  width: 0.875rem;
  height: 0.625rem;
  border-radius: 2px;
}

.mt-key-person[b-pbrw5cubn7] {
  box-shadow: inset 0 0 0 2px var(--color-fg);
}

.mt-key-masked[b-pbrw5cubn7] {
  box-shadow: inset 0 0 0 2px var(--color-warn);
}

.mt-key-chair[b-pbrw5cubn7] {
  box-shadow: inset 0 0 0 1px var(--color-cyan);
}

.mt-key-point[b-pbrw5cubn7] {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: var(--radius-full);
  background: var(--color-brand);
}

.mt-regions[b-pbrw5cubn7] {
  overflow-x: auto;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.mt-table[b-pbrw5cubn7] {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--text-base);
}

.mt-table th[b-pbrw5cubn7],
.mt-table td[b-pbrw5cubn7] {
  padding: 0.4rem 0.75rem;
  text-align: left;
  white-space: nowrap;
}

.mt-table thead th[b-pbrw5cubn7] {
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg-3);
  border-bottom: 1px solid var(--color-line);
}

.mt-table tbody tr + tr th[b-pbrw5cubn7],
.mt-table tbody tr + tr td[b-pbrw5cubn7] {
  border-top: 1px solid var(--color-line);
}

.mt-table tbody th[b-pbrw5cubn7] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 550;
}

.mt-table .num[b-pbrw5cubn7] {
  text-align: right;
}

.mt-swatch[b-pbrw5cubn7] {
  display: inline-block;
  flex-shrink: 0;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 3px;
}

.mt-swatch-occupancy[b-pbrw5cubn7] {
  background: color-mix(in srgb, var(--color-brand) 30%, transparent);
  box-shadow: inset 0 0 0 1.5px var(--color-brand);
}

.mt-swatch-staff[b-pbrw5cubn7] {
  box-shadow: inset 0 0 0 1.5px var(--color-cyan);
}

.mt-swatch-zone[b-pbrw5cubn7] {
  background: color-mix(in srgb, var(--color-ok) 22%, transparent);
  box-shadow: inset 0 0 0 1.5px var(--color-ok);
}

.mt-swatch-mask[b-pbrw5cubn7] {
  background: repeating-linear-gradient(45deg, var(--color-fg-3) 0 1.5px, transparent 1.5px 4px);
  box-shadow: inset 0 0 0 1.5px var(--color-fg-3);
}
/* /Components/Mapping/RealignWizard.razor.rz.scp.css */
/* The re-alignment wizard (T35): steps, the finding, the two frames side by side (or overlaid), then replay and publish. */

.rw[b-2ujx8u249t] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.rw-header[b-2ujx8u249t] {
  align-items: flex-end;
}

.rw-title-row[b-2ujx8u249t] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.625rem;
}

.rw-muted[b-2ujx8u249t] {
  margin: 0;
  color: var(--color-fg-3);
  font-size: var(--text-sm);
}

.rw-hint[b-2ujx8u249t] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  margin: 0;
  color: var(--color-fg-3);
  font-size: var(--text-sm);
}

/* ---------- steps ---------- */

.rw-steps[b-2ujx8u249t] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.rw-step-button[b-2ujx8u249t] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.75rem 0.375rem 0.375rem;
  border: 0;
  border-radius: var(--radius-full);
  background: var(--color-surface);
  box-shadow: var(--ring-hairline);
  color: var(--color-fg-3);
  font: inherit;
  font-size: var(--text-base);
  cursor: pointer;
}

.rw-step-button:disabled[b-2ujx8u249t] {
  cursor: default;
}

.rw-step-index[b-2ujx8u249t] {
  display: grid;
  place-items: center;
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 50%;
  background: var(--color-surface-3);
  color: var(--color-fg-2);
  font-size: var(--text-sm);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.rw-step.is-current .rw-step-button[b-2ujx8u249t] {
  box-shadow: 0 0 0 1px var(--color-brand);
  color: var(--color-fg);
  font-weight: 600;
}

.rw-step.is-current .rw-step-index[b-2ujx8u249t] {
  background: var(--color-brand);
  color: #fff;
}

.rw-step.is-done .rw-step-button[b-2ujx8u249t] {
  color: var(--color-fg-2);
}

.rw-step.is-done .rw-step-index[b-2ujx8u249t] {
  background: var(--color-ok-bg);
  color: var(--color-ok-fg);
}

/* ---------- finding ---------- */

.rw-finding[b-2ujx8u249t] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.875rem 1rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.rw-finding.is-changed[b-2ujx8u249t] {
  background: var(--color-warn-bg);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-warn) 35%, transparent);
}

.rw-finding-icon[b-2ujx8u249t] {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
  color: var(--color-fg-2);
}

.rw-finding.is-changed .rw-finding-icon[b-2ujx8u249t] {
  background: color-mix(in srgb, var(--color-warn) 18%, #fff);
  color: var(--color-warn-fg);
}

.rw-finding-text[b-2ujx8u249t] {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}

.rw-finding-title[b-2ujx8u249t] {
  margin: 0;
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--color-fg);
}

.rw-finding-detail[b-2ujx8u249t] {
  margin: 0;
  font-size: var(--text-base);
  color: var(--color-fg-2);
  font-variant-numeric: tabular-nums;
}

/* ---------- frames ---------- */

.rw-frames[b-2ujx8u249t] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.rw-toolbar[b-2ujx8u249t] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem 1rem;
  min-height: 2.25rem;
}

.rw-methods[b-2ujx8u249t] {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  padding: 0.1875rem;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
  box-shadow: var(--ring-hairline);
}

.rw-method[b-2ujx8u249t] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.3125rem 0.625rem;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--color-fg-2);
  font: inherit;
  font-size: var(--text-base);
  cursor: pointer;
}

.rw-method.is-active[b-2ujx8u249t] {
  background: var(--color-surface);
  box-shadow: var(--shadow-soft), 0 0 0 1px var(--color-line);
  color: var(--color-fg);
  font-weight: 600;
}

.rw-method:disabled[b-2ujx8u249t] {
  opacity: 0.45;
  cursor: not-allowed;
}

.rw-nudges[b-2ujx8u249t] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.rw-nudges .rw-hint[b-2ujx8u249t] {
  min-width: 7.5rem;
  margin-right: 0.25rem;
}

.rw-icon-button[b-2ujx8u249t] {
  display: grid;
  place-items: center;
  width: 1.875rem;
  height: 1.875rem;
  padding: 0;
  border: 0;
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  box-shadow: var(--ring-hairline);
  color: var(--color-fg-2);
  cursor: pointer;
}

.rw-icon-button:hover:not(:disabled)[b-2ujx8u249t] {
  color: var(--color-fg);
  background: var(--color-surface-2);
}

.rw-icon-button:disabled[b-2ujx8u249t] {
  opacity: 0.45;
  cursor: not-allowed;
}

.rw-manual[b-2ujx8u249t] {
  margin-left: auto;
}

.rw-compare[b-2ujx8u249t] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

.rw-pane[b-2ujx8u249t] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  min-width: 0;
  margin: 0;
}

.rw-caption[b-2ujx8u249t] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
  font-size: var(--text-base);
}

.rw-caption-title[b-2ujx8u249t] {
  font-weight: 600;
  color: var(--color-fg);
}

.rw-frame[b-2ujx8u249t] {
  position: relative;
}

.rw-stage[b-2ujx8u249t] {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: var(--radius-lg);
  background: var(--color-night);
  box-shadow: 0 0 0 1px rgb(11 12 16 / 0.12), var(--shadow-soft);
  outline: none;
}

.rw-stage[hidden][b-2ujx8u249t] {
  display: none;
}

.rw-stage:focus-visible[b-2ujx8u249t] {
  box-shadow: 0 0 0 2px var(--color-brand);
}

.rw-stage[data-picking="true"][b-2ujx8u249t] {
  box-shadow: 0 0 0 2px var(--color-warn);
}

.rw-frame-message[b-2ujx8u249t] {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 1rem;
  pointer-events: none;
}

/* The difference overlay: the reference drawn over the current frame, composited by the browser (display only). The
   reference pane itself blends (as a grid item with a z-index it is a stacking context, so a blend inside it would only
   see its own figure); the compare grid isolates the blend from the page. */
.rw-compare.is-overlaid[b-2ujx8u249t] {
  grid-template-columns: minmax(0, 1fr);
  isolation: isolate;
}

.rw-compare.is-overlaid .rw-pane-current[b-2ujx8u249t] {
  grid-row: 1;
  grid-column: 1;
}

.rw-compare.is-overlaid .rw-pane-reference[b-2ujx8u249t] {
  grid-row: 1;
  grid-column: 1;
  z-index: 1;
  pointer-events: none;
  mix-blend-mode: difference;
}

.rw-compare.is-overlaid .rw-pane-reference .rw-caption[b-2ujx8u249t] {
  visibility: hidden;
}

.rw-compare.is-overlaid .rw-pane-reference .rw-stage[b-2ujx8u249t] {
  box-shadow: none;
}

.rw-compare.is-overlaid .rw-pane-reference .rw-frame-message[b-2ujx8u249t] {
  display: none;
}

/* ---------- points ---------- */

.rw-points[b-2ujx8u249t] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.rw-pair-list[b-2ujx8u249t] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.rw-pair-list li[b-2ujx8u249t] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}

.rw-pair-number[b-2ujx8u249t] {
  display: grid;
  place-items: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background: var(--color-warn);
  color: var(--color-fg);
  font-size: var(--text-xs);
  font-weight: 700;
}

/* ---------- replay and publish ---------- */

.rw-verdict[b-2ujx8u249t] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0.5rem 0;
  font-size: var(--text-md);
  font-weight: 600;
}

.rw-verdict.is-ok[b-2ujx8u249t] {
  color: var(--color-ok-fg);
}

.rw-verdict.is-warn[b-2ujx8u249t] {
  color: var(--color-warn-fg);
}

.rw-table-wrap[b-2ujx8u249t] {
  overflow-x: auto;
}

.rw-table[b-2ujx8u249t] {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--text-base);
}

.rw-table th[b-2ujx8u249t],
.rw-table td[b-2ujx8u249t] {
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid var(--color-line);
  text-align: left;
  white-space: nowrap;
}

.rw-table thead th[b-2ujx8u249t] {
  color: var(--color-fg-3);
  font-size: var(--text-sm);
  font-weight: 500;
}

.rw-table tbody th[b-2ujx8u249t] {
  font-weight: 500;
  color: var(--color-fg);
}

.rw-table .num[b-2ujx8u249t] {
  text-align: right;
}

.rw-area th[b-2ujx8u249t] {
  padding-left: 1.5rem;
  font-weight: 400;
  color: var(--color-fg-2);
}

.rw-lead[b-2ujx8u249t] {
  margin: 0 0 0.75rem;
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.rw-issues[b-2ujx8u249t] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  margin: 0 0 0.75rem;
  padding: 0;
  list-style: none;
}

.rw-issue[b-2ujx8u249t] {
  display: flex;
  align-items: flex-start;
  gap: 0.375rem;
  font-size: var(--text-base);
}

.rw-issue.is-error[b-2ujx8u249t] {
  color: var(--color-bad-fg);
}

.rw-issue.is-warning[b-2ujx8u249t] {
  color: var(--color-warn-fg);
}

.rw-nav[b-2ujx8u249t] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-top: 0.25rem;
}

.rw-nav-spacer[b-2ujx8u249t] {
  flex: 1 1 auto;
}

/* ---------- done ---------- */

.rw-done-body[b-2ujx8u249t] {
  display: flex;
  align-items: flex-start;
  gap: 0.875rem;
}

.rw-done-icon[b-2ujx8u249t] {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: var(--color-ok-bg);
  color: var(--color-ok-fg);
}

.rw-done-title[b-2ujx8u249t] {
  margin: 0 0 0.25rem;
  font-size: var(--text-lg);
  font-weight: 600;
}

.rw-done-body p[b-2ujx8u249t] {
  margin: 0 0 0.75rem;
  color: var(--color-fg-2);
  font-size: var(--text-base);
}

.rw-done-actions[b-2ujx8u249t] {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

/* ---------- small screens ---------- */

.rw-small[b-2ujx8u249t] {
  display: none;
}

@media (max-width: 1099.98px) {
  .rw-manual[b-2ujx8u249t] {
    margin-left: 0;
  }
}

/* The frames and their tools need room: below 768 px the page says so and keeps the finding and the way back. */
@media (max-width: 767.98px) {
  .rw-frames[b-2ujx8u249t],
  .rw-steps[b-2ujx8u249t],
  .rw-nav[b-2ujx8u249t],
  .rw[b-2ujx8u249t]  .rw-card {
    display: none;
  }

  .rw-small[b-2ujx8u249t] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.625rem;
  }

  .rw-small p[b-2ujx8u249t] {
    flex: 1 1 12rem;
    margin: 0;
  }

  .rw-header[b-2ujx8u249t] {
    align-items: flex-start;
  }

  .rw-finding[b-2ujx8u249t] {
    flex-wrap: wrap;
  }
}
/* /Components/Onboarding/BusinessProfileStep.razor.rz.scp.css */
.vc[b-o0decuals4] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0.75rem 0 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

.vc-choice[b-o0decuals4] {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  padding: 0.625rem 0.75rem;
  border-radius: var(--radius-md);
  box-shadow: inset 0 0 0 1px var(--color-line);
  cursor: pointer;
}

.vc-choice:hover[b-o0decuals4] {
  background: var(--color-surface-2);
}

.vc-choice.is-checked[b-o0decuals4] {
  background: var(--color-brand-50);
  box-shadow: inset 0 0 0 1px var(--color-brand);
}

.vc-choice input[b-o0decuals4] {
  margin-top: 0.1875rem;
  accent-color: var(--color-brand);
}

.vc-label[b-o0decuals4] {
  display: block;
  font-weight: 600;
  color: var(--color-fg);
}

.vc-text[b-o0decuals4] {
  display: block;
  margin-top: 0.125rem;
  font-size: 0.8125rem;
  color: var(--color-fg-2);
}
/* /Components/Org/TrendSparkline.razor.rz.scp.css */
.trend[b-szb5oflmoi] {
  display: block;
  width: 6rem;
  height: 1.75rem;
  overflow: visible;
  color: var(--color-brand);
}

.trend-base[b-szb5oflmoi] {
  stroke: var(--color-line);
  stroke-width: 1;
}

.trend-line[b-szb5oflmoi] {
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linejoin: round;
  stroke-linecap: round;
}

.trend-dot[b-szb5oflmoi] {
  fill: currentColor;
}
/* /Components/Pages/Account/ActiveSessions.razor.rz.scp.css */
.session[b-phj7by2mv2] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.session-icon[b-phj7by2mv2] {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
  color: var(--color-fg-2);
  box-shadow: 0 0 0 1px var(--color-line);
}

.session-text[b-phj7by2mv2] {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.session-name[b-phj7by2mv2] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
  font-weight: 500;
  color: var(--color-fg);
}

.cell-actions[b-phj7by2mv2] {
  text-align: right !important;
}

.tabular[b-phj7by2mv2] {
  font-variant-numeric: tabular-nums;
}

.sessions-note[b-phj7by2mv2] {
  margin-top: 0.75rem;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}
/* /Components/Pages/Account/ProfilePage.razor.rz.scp.css */
.profile-facts[b-x476uxwpwk] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  gap: 0.75rem 1.5rem;
  margin: 0;
}

.profile-facts dt[b-x476uxwpwk] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.profile-facts dd[b-x476uxwpwk] {
  margin: 0.125rem 0 0;
  font-weight: 500;
  overflow-wrap: anywhere;
}

.profile-language fieldset[b-x476uxwpwk] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  border: 0;
  max-width: 32rem;
}

.profile-language legend[b-x476uxwpwk] {
  margin-bottom: 0.5rem;
}

.choice[b-x476uxwpwk] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem 0.625rem;
  padding: 0.75rem 0.875rem;
  border-radius: var(--radius-lg);
  box-shadow: 0 0 0 1px var(--color-line-2);
  cursor: pointer;
  min-height: 2.75rem;
}

.choice:hover[b-x476uxwpwk] {
  background: var(--color-surface-2);
}

.choice:has(input:checked)[b-x476uxwpwk] {
  background: var(--color-brand-50);
  box-shadow: 0 0 0 1.5px var(--color-brand);
}

.choice input[b-x476uxwpwk] {
  width: 1rem;
  height: 1rem;
  margin: 0;
  accent-color: var(--color-brand);
}

.choice-hint[b-x476uxwpwk] {
  flex-basis: 100%;
  padding-left: 1.625rem;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.profile-actions[b-x476uxwpwk] {
  margin-top: 1rem;
}
/* /Components/Pages/Alerts/AlertsPage.razor.rz.scp.css */
/* The header's right side: the time zone badge (DSH-006) and the settings link, wrapping on narrow screens. */
.alerts-header-side[b-y54rrdxmo6] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.alerts-settings-link[b-y54rrdxmo6] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  flex-shrink: 0;
  padding: 0.4375rem 0.75rem;
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: var(--ring-hairline);
  font-size: var(--text-base);
  font-weight: 500;
  color: var(--color-fg-2);
}

.alerts-settings-link:hover[b-y54rrdxmo6] {
  color: var(--color-fg);
}

/* ---------- Tabs and filters ---------- */

.alerts-toolbar[b-y54rrdxmo6] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.75rem 1rem;
}

.tabs[b-y54rrdxmo6] {
  display: inline-flex;
  gap: 0.125rem;
  padding: 0.1875rem;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
  box-shadow: inset 0 0 0 1px var(--color-line);
}

.tab[b-y54rrdxmo6] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  height: 2rem;
  padding: 0 0.75rem;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--color-fg-2);
  font: inherit;
  font-size: var(--text-base);
  font-weight: 500;
  cursor: pointer;
}

.tab:hover[b-y54rrdxmo6] {
  color: var(--color-fg);
}

.tab.is-active[b-y54rrdxmo6] {
  background: var(--color-surface);
  color: var(--color-fg);
  box-shadow: var(--shadow-card);
}

.tab:focus-visible[b-y54rrdxmo6] {
  outline: 2px solid var(--color-brand);
  outline-offset: 1px;
}

.tab-count[b-y54rrdxmo6] {
  min-width: 1.25rem;
  padding: 0 0.3125rem;
  border-radius: var(--radius-full);
  background: var(--color-surface-3);
  font-size: var(--text-xs);
  font-weight: 600;
  line-height: 1.25rem;
  text-align: center;
  color: var(--color-fg-2);
}

.tab-count.is-hot[b-y54rrdxmo6] {
  background: var(--color-bad-bg);
  color: var(--color-bad-fg);
}

.alerts-filters[b-y54rrdxmo6] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem 0.75rem;
}

.alerts-filters .field[b-y54rrdxmo6] {
  min-width: 11rem;
}

/* ---------- The table ---------- */

.alerts-page[b-y54rrdxmo6]  .alerts-table tbody tr.is-selected {
  background: var(--color-brand-50);
}

.alert-cell[b-y54rrdxmo6] {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
}

.severity-dot[b-y54rrdxmo6] {
  flex-shrink: 0;
  width: 0.5rem;
  height: 0.5rem;
  margin-top: 0.4375rem;
  border-radius: 50%;
  background: var(--color-fg-3);
}

.severity-dot.severity-high[b-y54rrdxmo6] {
  background: var(--color-bad);
  box-shadow: 0 0 0 3px var(--color-bad-bg);
}

.severity-dot.severity-medium[b-y54rrdxmo6] {
  background: var(--color-warn);
  box-shadow: 0 0 0 3px var(--color-warn-bg);
}

.severity-dot.severity-low[b-y54rrdxmo6] {
  background: var(--color-brand);
  box-shadow: 0 0 0 3px var(--color-brand-50);
}

.row-link[b-y54rrdxmo6] {
  color: inherit;
  text-decoration: none;
}

.row-link:hover[b-y54rrdxmo6] {
  color: var(--color-brand-600);
}

.row-link:focus-visible[b-y54rrdxmo6] {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
  border-radius: 3px;
}

.row-actions[b-y54rrdxmo6] {
  display: inline-flex;
  justify-content: flex-end;
  gap: 0.375rem;
}

.alerts-footnote[b-y54rrdxmo6] {
  display: flex;
  align-items: flex-start;
  gap: 0.375rem;
  margin-top: 0.75rem;
  font-size: var(--text-sm);
  line-height: 1.45;
  color: var(--color-fg-3);
}

.alerts-footnote[b-y54rrdxmo6]  svg {
  flex-shrink: 0;
  margin-top: 0.125rem;
}

.alerts-page th.alert-th[b-y54rrdxmo6] {
  white-space: normal;
  min-width: 15rem;
}

.row-meta[b-y54rrdxmo6] {
  display: none !important;
}

/* ---------- The drawer ---------- */

.alert-detail[b-y54rrdxmo6] {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.alert-description[b-y54rrdxmo6] {
  font-size: var(--text-md);
  line-height: 1.5;
  color: var(--color-fg);
}

.alert-facts[b-y54rrdxmo6] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem 1rem;
  margin: 0;
  padding: 0.875rem 1rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface-2);
}

.alert-facts dt[b-y54rrdxmo6] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.alert-facts dd[b-y54rrdxmo6] {
  margin: 0.125rem 0 0;
  font-size: var(--text-base);
  font-weight: 500;
  color: var(--color-fg);
}

.alert-section[b-y54rrdxmo6] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.alert-section-title[b-y54rrdxmo6] {
  font-size: var(--text-sm);
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--color-fg-3);
}

.alert-links[b-y54rrdxmo6] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.alert-links a[b-y54rrdxmo6] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.625rem;
  border-radius: var(--radius-md);
  box-shadow: var(--ring-hairline);
  font-size: var(--text-base);
  font-weight: 500;
  color: var(--color-fg-2);
}

.alert-links a:hover[b-y54rrdxmo6] {
  color: var(--color-brand-600);
}

.alert-history[b-y54rrdxmo6] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.alert-history li[b-y54rrdxmo6] {
  display: flex;
  align-items: baseline;
  gap: 0.625rem;
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.history-dot[b-y54rrdxmo6] {
  flex-shrink: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  transform: translateY(-1px);
}

.history-dot.is-open[b-y54rrdxmo6] {
  background: var(--color-bad);
}

.history-dot.is-acknowledged[b-y54rrdxmo6] {
  background: var(--color-warn);
}

.history-dot.is-resolved[b-y54rrdxmo6] {
  background: var(--color-ok);
}

.history-dot.is-escalated[b-y54rrdxmo6] {
  background: var(--color-brand);
}

/* T31: flapping and escalation on the list and in the drawer. */
.row-badges[b-y54rrdxmo6] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
}

.alert-badge[b-y54rrdxmo6] {
  display: inline-flex;
  align-items: center;
  gap: 0.1875rem;
  padding: 0 0.375rem;
  border-radius: var(--radius-full);
  font-size: var(--text-xs);
  font-weight: 500;
  line-height: 1.125rem;
}

.badge-flapping[b-y54rrdxmo6] {
  background: var(--color-warn-bg);
  color: var(--color-warn-fg);
}

.badge-escalated[b-y54rrdxmo6] {
  background: var(--color-brand-50);
  color: var(--color-brand-600);
}

.alert-callout[b-y54rrdxmo6] {
  display: flex;
  align-items: flex-start;
  gap: 0.375rem;
  padding: 0.625rem 0.75rem;
  border-radius: var(--radius-md);
  background: var(--color-warn-bg);
  font-size: var(--text-base);
  line-height: 1.45;
  color: var(--color-warn-fg);
}

.alert-callout[b-y54rrdxmo6]  svg {
  flex-shrink: 0;
  margin-top: 0.1875rem;
}

.history-time[b-y54rrdxmo6] {
  margin-left: 0.25rem;
  color: var(--color-fg-3);
}

.alert-note[b-y54rrdxmo6] {
  display: flex;
  align-items: flex-start;
  gap: 0.375rem;
  padding: 0.625rem 0.75rem;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.alert-note[b-y54rrdxmo6]  svg {
  flex-shrink: 0;
  margin-top: 0.1875rem;
  color: var(--color-fg-3);
}

.alert-muted[b-y54rrdxmo6] {
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.alert-emails[b-y54rrdxmo6] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.alert-emails li[b-y54rrdxmo6] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}

.alert-emails li[b-y54rrdxmo6]  svg {
  flex-shrink: 0;
  margin-top: 0.25rem;
  color: var(--color-fg-3);
}

.alert-emails .is-failed[b-y54rrdxmo6] {
  color: var(--color-bad-fg);
}

.drawer-actions[b-y54rrdxmo6] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5rem;
  width: 100%;
}

.alert-note-input[b-y54rrdxmo6] {
  min-height: 4.5rem;
  resize: vertical;
}

@media (max-width: 640px) {
  .alerts-toolbar[b-y54rrdxmo6] {
    align-items: stretch;
  }

  .tabs[b-y54rrdxmo6] {
    width: 100%;
  }

  .tab[b-y54rrdxmo6] {
    flex: 1 1 0;
    justify-content: center;
    padding: 0 0.5rem;
  }

  .alerts-filters[b-y54rrdxmo6],
  .alerts-filters .field[b-y54rrdxmo6] {
    flex: 1 1 100%;
    min-width: 0;
  }

  .alert-facts[b-y54rrdxmo6] {
    grid-template-columns: minmax(0, 1fr);
  }

  /* Phones: one column per alert; the details and the actions are in the alert's panel. */
  .col-wide[b-y54rrdxmo6] {
    display: none;
  }

  .row-meta[b-y54rrdxmo6] {
    display: block !important;
  }

  .alerts-page th.alert-th[b-y54rrdxmo6] {
    min-width: 0;
  }
}
/* /Components/Pages/Auth/DevLogin.razor.rz.scp.css */
.user-list[b-a0twjhhmjo] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 1.25rem 0 0;
  padding: 0;
  list-style: none;
}

.user-option[b-a0twjhhmjo] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  padding: 0.75rem;
  border: 0;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: 0 0 0 1px var(--color-line);
  text-align: left;
  cursor: pointer;
  transition: box-shadow 0.15s ease, background-color 0.15s ease;
}

.user-option:hover[b-a0twjhhmjo] {
  background: var(--color-surface-2);
  box-shadow: 0 0 0 1px var(--color-line-2);
}

.user-avatar[b-a0twjhhmjo] {
  display: grid;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  flex-shrink: 0;
  border-radius: 50%;
  background: var(--color-brand-50);
  color: var(--color-brand-600);
  font-size: var(--text-sm);
  font-weight: 600;
}

.user-text[b-a0twjhhmjo] {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.user-name[b-a0twjhhmjo] {
  font-size: var(--text-md);
  font-weight: 500;
  color: var(--color-fg);
}

.user-meta[b-a0twjhhmjo] {
  overflow: hidden;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* /Components/Pages/Auth/InvitePage.razor.rz.scp.css */
.invite-eyebrow[b-zwuolghh4j] {
  font-size: var(--text-sm);
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--color-brand-600);
}

.invite-title[b-zwuolghh4j] {
  margin-top: 0.25rem;
  font-size: var(--text-xl);
  letter-spacing: -0.01em;
}

.invite-lead[b-zwuolghh4j] {
  margin-top: 0.5rem;
  font-size: var(--text-md);
  color: var(--color-fg-2);
}

.invite-facts[b-zwuolghh4j] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  gap: 0.5rem;
  margin: 1rem 0 0;
  padding: 0.75rem;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
}

.invite-facts dt[b-zwuolghh4j] {
  font-size: var(--text-xs);
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--color-fg-3);
}

.invite-facts dd[b-zwuolghh4j] {
  margin: 0.125rem 0 0;
  overflow-wrap: anywhere;
  font-size: var(--text-base);
  color: var(--color-fg);
}

.invite-form[b-zwuolghh4j] {
  margin-top: 1rem;
}

.invite-names[b-zwuolghh4j] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
}

.invite-input[b-zwuolghh4j] {
  height: 2.25rem;
}

@media (max-width: 420px) {
  .invite-names[b-zwuolghh4j] {
    grid-template-columns: 1fr;
  }
}
/* /Components/Pages/Cameras/CameraDetailPage.razor.rz.scp.css */
.title-row[b-m63lmwlolo] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.625rem;
}

.header-actions[b-m63lmwlolo] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.camera-layout[b-m63lmwlolo] {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(18rem, 1fr);
  align-items: start;
  gap: 0.75rem;
}

.camera-layout[b-m63lmwlolo]  .span-all {
  grid-column: 1 / -1;
}

.snapshot-meta[b-m63lmwlolo] {
  margin-top: 0.5rem;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.talking[b-m63lmwlolo] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.spinner[b-m63lmwlolo] {
  width: 0.875rem;
  height: 0.875rem;
  flex-shrink: 0;
  border: 2px solid var(--color-brand-100);
  border-top-color: var(--color-brand);
  border-radius: 50%;
  animation: spin-b-m63lmwlolo 0.8s linear infinite;
}

@keyframes spin-b-m63lmwlolo {
  to {
    transform: rotate(360deg);
  }
}

.facts[b-m63lmwlolo] {
  display: grid;
  grid-template-columns: 7.25rem minmax(0, 1fr);
  gap: 0.5rem 1rem;
  margin: 0;
  font-size: var(--text-base);
}

.facts dt[b-m63lmwlolo] {
  color: var(--color-fg-3);
}

.facts dd[b-m63lmwlolo] {
  margin: 0;
  color: var(--color-fg);
}

.break[b-m63lmwlolo] {
  overflow-wrap: anywhere;
}

.subhead[b-m63lmwlolo] {
  margin: 1rem 0 0.5rem;
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg-3);
}

.changes[b-m63lmwlolo] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--text-base);
}

.changes li[b-m63lmwlolo] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem 0.5rem;
}

.change-time[b-m63lmwlolo] {
  min-width: 10.5rem;
  color: var(--color-fg-3);
}

.change-dot[b-m63lmwlolo] {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
}

.change-status[b-m63lmwlolo] {
  font-weight: 500;
  color: var(--color-fg);
}

.change-reason[b-m63lmwlolo] {
  color: var(--color-fg-3);
}

.cseg-online[b-m63lmwlolo] {
  background: var(--color-ok);
}

.cseg-degraded[b-m63lmwlolo],
.cseg-view_changed[b-m63lmwlolo] {
  background: var(--color-warn);
}

.cseg-offline[b-m63lmwlolo],
.cseg-unauthorized[b-m63lmwlolo] {
  background: var(--color-bad);
}

.cseg-unknown[b-m63lmwlolo] {
  background: #b9bcc6;
}

.cseg-pending[b-m63lmwlolo] {
  background: var(--color-brand-100);
}

.cseg-disabled[b-m63lmwlolo] {
  background: var(--color-line-2);
}

.uptime-total[b-m63lmwlolo] {
  font-size: var(--text-base);
  font-weight: 500;
  color: var(--color-fg-2);
}

@media (max-width: 960px) {
  .camera-layout[b-m63lmwlolo] {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Processing cameras (T56): the monitoring switch and hints under it. */
.monitoring-fact[b-m63lmwlolo] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
}

.monitoring-fact .toggle[b-m63lmwlolo] {
  color: var(--color-fg);
}

.fact-hint[b-m63lmwlolo] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--text-sm);
  color: var(--color-brand);
}

.fact-hint .spinner[b-m63lmwlolo] {
  width: 0.75rem;
  height: 0.75rem;
  border-width: 1.5px;
}

.muted[b-m63lmwlolo],
.fact-hint.muted[b-m63lmwlolo] {
  color: var(--color-fg-3);
}

/* Chair mapping (T09): version, review flag, the ROI's way to processing, and the link to the editor. */
.mapping-fact[b-m63lmwlolo] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem 0.5rem;
}

.mapping-fact .fact-hint[b-m63lmwlolo] {
  flex-basis: 100%;
  color: var(--color-fg-2);
}

.mapping-fact .fact-hint[data-stage="failed"][b-m63lmwlolo] {
  color: var(--color-bad-fg);
}

.fact-link[b-m63lmwlolo] {
  font-size: var(--text-sm);
  font-weight: 500;
}

/* Overview and Live (T22): a segmented control, like the Add camera wizard's tabs. */
.camera-tabs[b-m63lmwlolo] {
  display: inline-flex;
  align-self: flex-start;
  gap: 0.125rem;
  padding: 0.1875rem;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
  box-shadow: inset 0 0 0 1px var(--color-line);
}

.camera-tab[b-m63lmwlolo] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  height: 1.875rem;
  padding: 0 0.875rem;
  border-radius: var(--radius-sm);
  color: var(--color-fg-2);
  font-size: var(--text-base);
  font-weight: 500;
}

.camera-tab:hover[b-m63lmwlolo] {
  color: var(--color-fg);
}

.camera-tab.is-active[b-m63lmwlolo] {
  background: var(--color-surface);
  color: var(--color-fg);
  box-shadow: var(--shadow-card);
}

.camera-tab:focus-visible[b-m63lmwlolo] {
  outline: 2px solid var(--color-brand);
  outline-offset: 1px;
}

/* T20: "Data delayed · 7 min" after the last detections of a camera whose minutes are late. */
.last-detections-delay[b-m63lmwlolo] {
  display: inline-block;
  margin-left: 0.5rem;
  vertical-align: middle;
}

/* ---------- T35: view change, picture problems and the development panel ---------- */

.view-change[b-m63lmwlolo] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.875rem 1rem;
  border-radius: var(--radius-lg);
  background: var(--color-warn-bg);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-warn) 35%, transparent);
}

.view-change-icon[b-m63lmwlolo] {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--color-warn) 18%, #fff);
  color: var(--color-warn-fg);
}

.view-change-text[b-m63lmwlolo] {
  flex: 1 1 18rem;
  min-width: 0;
}

.view-change-text p[b-m63lmwlolo] {
  margin: 0;
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.view-change-text .view-change-title[b-m63lmwlolo] {
  margin-bottom: 0.25rem;
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--color-fg);
}

.view-change-actions[b-m63lmwlolo] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 1rem;
}

.view-change-actions .link-button[b-m63lmwlolo] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}

.status-advice[b-m63lmwlolo] {
  display: block;
  margin-top: 0.25rem;
  font-weight: 400;
}

.simulate-text[b-m63lmwlolo] {
  margin: 0 0 0.75rem;
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.simulate-actions[b-m63lmwlolo] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

/* T40 (PRV-033): why the location's privacy level hides the Live tab. */
.camera-privacy-note[b-m63lmwlolo] {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 0.375rem;
  margin: 0;
  padding: 0.375rem 0.625rem;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
  font-size: var(--text-sm);
  color: var(--color-fg-2);
}
/* /Components/Pages/Cameras/Cameras.razor.rz.scp.css */
.filters[b-hzgfnj8tu1] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}

.filter[b-hzgfnj8tu1] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  height: 1.875rem;
  padding: 0 0.75rem;
  border: 0;
  border-radius: var(--radius-full);
  background: var(--color-surface);
  color: var(--color-fg-2);
  box-shadow: 0 0 0 1px var(--color-line-2);
  font: inherit;
  font-size: var(--text-base);
  font-weight: 500;
  cursor: pointer;
}

.filter:hover[b-hzgfnj8tu1] {
  color: var(--color-fg);
}

.filter.is-active[b-hzgfnj8tu1] {
  background: var(--color-fg);
  color: #fff;
  box-shadow: none;
}

.filter:focus-visible[b-hzgfnj8tu1] {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}

.filter-count[b-hzgfnj8tu1] {
  color: var(--color-fg-3);
  font-weight: 400;
}

.filter.is-active .filter-count[b-hzgfnj8tu1] {
  color: rgb(255 255 255 / 0.7);
}

.filter-dot[b-hzgfnj8tu1] {
  width: 0.4375rem;
  height: 0.4375rem;
  border-radius: 50%;
}

.cdot-online[b-hzgfnj8tu1] {
  background: var(--color-ok);
}

.cdot-degraded[b-hzgfnj8tu1],
.cdot-view_changed[b-hzgfnj8tu1] {
  background: var(--color-warn);
}

.cdot-offline[b-hzgfnj8tu1],
.cdot-unauthorized[b-hzgfnj8tu1] {
  background: var(--color-bad);
}

.cdot-pending[b-hzgfnj8tu1] {
  background: var(--color-brand);
}

.cdot-unknown[b-hzgfnj8tu1],
.cdot-disabled[b-hzgfnj8tu1] {
  background: #b9bcc6;
}

.camera-grid[b-hzgfnj8tu1] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(17.5rem, 1fr));
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.camera-card[b-hzgfnj8tu1] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0.5rem;
  border-radius: var(--radius-xl);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.camera-card-media[b-hzgfnj8tu1] {
  display: block;
  border-radius: var(--radius-lg);
}

.camera-card-body[b-hzgfnj8tu1] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0 0.375rem 0.375rem;
}

.camera-card-head[b-hzgfnj8tu1] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.375rem 0.5rem;
}

.camera-card-title[b-hzgfnj8tu1] {
  min-width: 0;
  font-size: var(--text-md);
  font-weight: 600;
  letter-spacing: -0.01em;
}

.camera-card-title a[b-hzgfnj8tu1] {
  color: var(--color-fg);
}

.camera-card-title a:hover[b-hzgfnj8tu1] {
  color: var(--color-brand);
}

.camera-card-note[b-hzgfnj8tu1] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

/* Monitoring is on, but processing waits for the camera's chair mapping (T58). */
.camera-card-flag[b-hzgfnj8tu1] {
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  gap: 0.375rem;
  margin: 0;
  padding: 0.25rem 0.5rem;
  border-radius: var(--radius-sm);
  background: var(--color-warn-bg);
  color: var(--color-warn-fg);
  font-size: var(--text-sm);
  font-weight: 500;
}

.camera-facts[b-hzgfnj8tu1] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
  margin: 0;
}

.camera-facts div[b-hzgfnj8tu1] {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.camera-facts dt[b-hzgfnj8tu1] {
  font-size: var(--text-xs);
  color: var(--color-fg-3);
}

.camera-facts dd[b-hzgfnj8tu1] {
  overflow: hidden;
  margin: 0;
  font-size: var(--text-base);
  color: var(--color-fg);
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Processing cameras (T56): the monitoring switch and its state. */
.monitoring-cell .toggle[b-hzgfnj8tu1] {
  font-size: var(--text-base);
  color: var(--color-fg);
}

.camera-card-hint[b-hzgfnj8tu1] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--text-sm);
  color: var(--color-brand);
}

.camera-card-hint .spinner[b-hzgfnj8tu1] {
  width: 0.75rem;
  height: 0.75rem;
  flex-shrink: 0;
  border: 1.5px solid var(--color-brand-100);
  border-top-color: var(--color-brand);
  border-radius: 50%;
  animation: spin-b-hzgfnj8tu1 0.8s linear infinite;
}

@keyframes spin-b-hzgfnj8tu1 {
  to {
    transform: rotate(360deg);
  }
}

/* A published mapping flagged by a floor plan change (T09, MAP-041). */
.camera-card-review a[b-hzgfnj8tu1] {
  margin-left: 0.25rem;
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* T35: the camera wall next to Add camera. */
.wall-link[b-hzgfnj8tu1] {
  gap: 0.375rem;
}

.header-actions[b-hzgfnj8tu1] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
/* /Components/Pages/Cameras/CameraWall.razor.rz.scp.css */
/* The camera wall (T35): a toolbar and a grid of tiles; full screen turns it into a dark monitor wall. */

.wall[b-6xvnot0izs] {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}

.wall-toolbar[b-6xvnot0izs] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.625rem 1rem;
}

.wall-layouts[b-6xvnot0izs] {
  display: inline-flex;
  gap: 0.25rem;
  padding: 0.1875rem;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
  box-shadow: var(--ring-hairline);
}

.wall-layout[b-6xvnot0izs] {
  padding: 0.3125rem 0.75rem;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--color-fg-2);
  font: inherit;
  font-size: var(--text-base);
  font-variant-numeric: tabular-nums;
  cursor: pointer;
}

.wall-layout.is-active[b-6xvnot0izs] {
  background: var(--color-surface);
  box-shadow: var(--shadow-soft), 0 0 0 1px var(--color-line);
  color: var(--color-fg);
  font-weight: 600;
}

.wall-pager[b-6xvnot0izs] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.wall-icon[b-6xvnot0izs] {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: 0;
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  box-shadow: var(--ring-hairline);
  color: var(--color-fg-2);
  cursor: pointer;
}

.wall-icon:disabled[b-6xvnot0izs] {
  opacity: 0.45;
  cursor: not-allowed;
}

.wall-updated[b-6xvnot0izs] {
  margin-left: auto;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.wall-grid[b-6xvnot0izs] {
  display: grid;
  gap: 0.875rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.wall-grid-auto[b-6xvnot0izs] {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 22rem), 1fr));
}

.wall-grid-2x2[b-6xvnot0izs] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wall-grid-3x3[b-6xvnot0izs] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.wall-cell[b-6xvnot0izs] {
  min-width: 0;
}

.wall-note[b-6xvnot0izs] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  margin: 0;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

/* Full screen: a dark wall that fills the monitor; tiles size to fit the rows of their layout. */
.wall.is-fullscreen[b-6xvnot0izs] {
  overflow: auto;
  padding: 1rem;
  background: var(--color-night);
  color: #fff;
}

.wall.is-fullscreen .wall-updated[b-6xvnot0izs],
.wall.is-fullscreen .wall-note[b-6xvnot0izs],
.wall.is-fullscreen .wall-pager[b-6xvnot0izs] {
  color: rgb(255 255 255 / 0.65);
}

.wall.is-fullscreen .wall-layouts[b-6xvnot0izs] {
  background: var(--color-night-2);
  box-shadow: 0 0 0 1px var(--color-night-3);
}

.wall.is-fullscreen .wall-layout[b-6xvnot0izs] {
  color: rgb(255 255 255 / 0.7);
}

.wall.is-fullscreen .wall-layout.is-active[b-6xvnot0izs] {
  background: var(--color-night-3);
  box-shadow: none;
  color: #fff;
}

.wall.is-fullscreen .wall-icon[b-6xvnot0izs] {
  background: var(--color-night-2);
  box-shadow: 0 0 0 1px var(--color-night-3);
  color: #fff;
}

@media (max-width: 767.98px) {
  .wall-grid-2x2[b-6xvnot0izs],
  .wall-grid-3x3[b-6xvnot0izs] {
    grid-template-columns: minmax(0, 1fr);
  }

  /* The time goes below; full screen stays beside the layouts. */
  .wall-updated[b-6xvnot0izs] {
    order: 1;
    width: 100%;
    margin-left: 0;
  }

  .wall-fullscreen[b-6xvnot0izs] {
    margin-left: auto;
  }
}

@media (min-width: 768px) and (max-width: 1099.98px) {
  .wall-grid-3x3[b-6xvnot0izs] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* /Components/Pages/FieldTasks/FieldTaskPage.razor.rz.scp.css */
.fvd-page[b-kbn1aiyysa] {
  max-width: 44rem;
}

.fvd-header[b-kbn1aiyysa] {
  align-items: flex-start;
}

.fvd-when[b-kbn1aiyysa] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.375rem;
}

.fvd-setup[b-kbn1aiyysa] {
  display: flex;
  gap: 0.625rem;
  align-items: flex-start;
  padding: 0.75rem 0.875rem;
  border-radius: var(--radius-md);
  font-size: var(--text-base);
}

.fvd-setup.is-green[b-kbn1aiyysa] {
  background: var(--color-ok-bg);
  color: var(--color-ok-fg);
}

.fvd-setup.is-open[b-kbn1aiyysa] {
  background: var(--color-warn-bg);
  color: var(--color-warn-fg);
}

.fvd-setup-list[b-kbn1aiyysa] {
  margin: 0.375rem 0 0.375rem 1.1rem;
  padding: 0;
  font-size: var(--text-sm);
}

.fvd-setup-link[b-kbn1aiyysa] {
  font-size: var(--text-sm);
  font-weight: 500;
  color: inherit;
  text-decoration: underline;
}

.fvd-progress[b-kbn1aiyysa] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.fvd-checklist[b-kbn1aiyysa] {
  display: flex;
  flex-direction: column;
  margin: 0 -1rem -1rem;
  padding: 0;
  list-style: none;
}

.fvd-item[b-kbn1aiyysa] {
  border-top: 1px solid var(--color-line);
}

.fvd-check[b-kbn1aiyysa] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  min-height: 3rem;
  padding: 0.75rem 1rem;
  cursor: pointer;
  font-size: var(--text-base);
}

.fvd-check input[b-kbn1aiyysa] {
  flex: none;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0.05rem 0 0;
  accent-color: var(--color-brand);
}

.fvd-check-text[b-kbn1aiyysa] {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.fvd-item.is-done .fvd-check-text > span:first-child[b-kbn1aiyysa] {
  color: var(--color-fg-2);
}

.fvd-empty[b-kbn1aiyysa] {
  margin: 0;
  color: var(--color-fg-3);
  font-size: var(--text-base);
}

.fvd-photos[b-kbn1aiyysa] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(8.5rem, 1fr));
  gap: 0.625rem;
  margin: 0 0 0.875rem;
  padding: 0;
  list-style: none;
}

.fvd-photo[b-kbn1aiyysa] {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
  box-shadow: 0 0 0 1px var(--color-line);
}

.fvd-photo img[b-kbn1aiyysa] {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  background: var(--color-surface-3);
}

.fvd-photo-caption[b-kbn1aiyysa] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.25rem;
  padding: 0.375rem 0.5rem;
  font-size: var(--text-sm);
  color: var(--color-fg-2);
}

.fvd-photo-caption > span[b-kbn1aiyysa] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fvd-photo-remove[b-kbn1aiyysa] {
  display: inline-flex;
  flex: none;
  padding: 0.25rem;
  border: 0;
  border-radius: var(--radius-sm);
  background: none;
  color: var(--color-fg-3);
  cursor: pointer;
}

.fvd-photo-remove:hover[b-kbn1aiyysa] {
  background: var(--color-bad-bg);
  color: var(--color-bad-fg);
}

.fvd-add-photo[b-kbn1aiyysa] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.75rem;
}

.fvd-add-fields[b-kbn1aiyysa] {
  display: grid;
  flex: 1 1 18rem;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 0.75rem;
}

.fvd-photo-button[b-kbn1aiyysa] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  height: 2.75rem;
  padding: 0 1rem;
  border-radius: var(--radius-md);
  background: var(--color-brand);
  color: #fff;
  font-weight: 500;
  cursor: pointer;
}

.fvd-photo-button:hover[b-kbn1aiyysa] {
  background: var(--color-brand-600);
}

.fvd-photo-button:focus-within[b-kbn1aiyysa] {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}

.fvd-photo-button.is-busy[b-kbn1aiyysa] {
  opacity: 0.6;
  cursor: progress;
}

.fvd-notes[b-kbn1aiyysa] {
  width: 100%;
  min-height: 5rem;
  resize: vertical;
}

.fvd-row-end[b-kbn1aiyysa] {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.5rem;
}

.fvd-issues[b-kbn1aiyysa] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  margin: 0 0 0.875rem;
  padding: 0;
  list-style: none;
  font-size: var(--text-base);
  color: var(--color-warn-fg);
}

.fvd-issues li[b-kbn1aiyysa],
.fvd-ready[b-kbn1aiyysa],
.fvd-done[b-kbn1aiyysa] {
  display: flex;
  align-items: flex-start;
  gap: 0.375rem;
}

.fvd-ready[b-kbn1aiyysa] {
  margin: 0 0 0.875rem;
  color: var(--color-ok-fg);
  font-size: var(--text-base);
}

.fvd-done[b-kbn1aiyysa] {
  margin: 0;
  color: var(--color-fg-2);
  font-size: var(--text-base);
}

.fvd-complete-actions[b-kbn1aiyysa] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.5rem;
  margin-top: 0.875rem;
}

@media (max-width: 640px) {
  .fvd-add-fields[b-kbn1aiyysa] {
    grid-template-columns: minmax(0, 1fr);
  }

  .fvd-photo-button[b-kbn1aiyysa] {
    width: 100%;
  }
}
/* /Components/Pages/FieldTasks/FieldTasksPage.razor.rz.scp.css */
.fv-page[b-72ty1miwpz] {
  max-width: 60rem;
}

.fv-list[b-72ty1miwpz] {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}

.fv-row + .fv-row[b-72ty1miwpz] {
  border-top: 1px solid var(--color-line);
}

.fv-link[b-72ty1miwpz] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.75rem;
  padding: 0.875rem 1rem;
  color: inherit;
  text-decoration: none;
}

.fv-link:hover[b-72ty1miwpz] {
  background: var(--color-surface-2);
}

.fv-link:focus-visible[b-72ty1miwpz] {
  outline: 2px solid var(--color-brand);
  outline-offset: -2px;
}

.fv-row:first-child .fv-link[b-72ty1miwpz] {
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

.fv-row:last-child .fv-link[b-72ty1miwpz] {
  border-radius: 0 0 var(--radius-lg) var(--radius-lg);
}

.fv-icon[b-72ty1miwpz] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: var(--radius-md);
  background: var(--color-brand-50);
  color: var(--color-brand);
}

.fv-main[b-72ty1miwpz] {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.fv-title[b-72ty1miwpz] {
  font-weight: 500;
  color: var(--color-fg);
  overflow-wrap: anywhere;
}

.fv-sub[b-72ty1miwpz] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.fv-side[b-72ty1miwpz] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  color: var(--color-fg-3);
}

.fv-progress[b-72ty1miwpz],
.fv-photos[b-72ty1miwpz] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--text-sm);
}

.fv-form[b-72ty1miwpz] {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}

.fv-form-row[b-72ty1miwpz] {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 0.75rem;
}

@media (max-width: 640px) {
  .fv-link[b-72ty1miwpz] {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .fv-side[b-72ty1miwpz] {
    grid-column: 2;
  }

  .fv-form-row[b-72ty1miwpz] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
/* /Components/Pages/FloorPlans/FloorPlans.razor.rz.scp.css */
.fp-header[b-1ozpqrp9q5] {
  align-items: flex-end;
}

.fp-actions[b-1ozpqrp9q5] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

.fp-floor-select .input[b-1ozpqrp9q5] {
  height: 2.25rem;
}

.fp-layout[b-1ozpqrp9q5] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 21rem;
  gap: 1rem;
  align-items: start;
}

.fp-layout[b-1ozpqrp9q5]  .fp-viewer {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.fp-layout[b-1ozpqrp9q5]  .fp-side {
  position: sticky;
  top: calc(var(--topbar-height) + 1rem);
  max-height: calc(100vh - var(--topbar-height) - 2rem);
  overflow-y: auto;
}

.fp-toolbar[b-1ozpqrp9q5] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  min-height: 3rem;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid var(--color-line);
}

.fp-toolbar-title[b-1ozpqrp9q5] {
  font-size: var(--text-base);
  font-weight: 600;
  color: var(--color-fg);
}

.fp-toolbar-end[b-1ozpqrp9q5] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-left: auto;
}

.fp-dims[b-1ozpqrp9q5] {
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.fp-zoom[b-1ozpqrp9q5] {
  display: flex;
  gap: 0.125rem;
  padding: 0.125rem;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
  box-shadow: 0 0 0 1px var(--color-line);
}

.icon-button[b-1ozpqrp9q5] {
  display: grid;
  place-items: center;
  width: 1.875rem;
  height: 1.75rem;
  padding: 0;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--color-fg-2);
  cursor: pointer;
}

.icon-button:hover[b-1ozpqrp9q5] {
  background: var(--color-surface);
  color: var(--color-fg);
}

.segmented[b-1ozpqrp9q5] {
  display: inline-flex;
  gap: 0.125rem;
  padding: 0.125rem;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
  box-shadow: 0 0 0 1px var(--color-line);
}

.segment[b-1ozpqrp9q5] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  height: 1.875rem;
  padding: 0 0.75rem;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  font-size: var(--text-base);
  font-weight: 500;
  color: var(--color-fg-3);
  cursor: pointer;
}

.segment[aria-pressed="true"][b-1ozpqrp9q5] {
  background: var(--color-surface);
  color: var(--color-fg);
  box-shadow: var(--shadow-card);
}

.segment-sub[b-1ozpqrp9q5] {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  color: var(--color-fg-3);
}

.fp-history[b-1ozpqrp9q5] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0.25rem 0.25rem 0.625rem;
  border-radius: var(--radius-md);
  background: var(--color-warn-bg);
  font-size: var(--text-base);
  color: var(--color-warn-fg);
}

.fp-stage[b-1ozpqrp9q5] {
  height: clamp(26rem, calc(100vh - 17rem), 48rem);
}

.fp-legend[b-1ozpqrp9q5] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem 1rem;
  margin: 0;
  padding: 0.625rem 0.875rem;
  border-top: 1px solid var(--color-line);
  list-style: none;
  font-size: var(--text-sm);
  color: var(--color-fg-2);
}

.fp-legend li[b-1ozpqrp9q5] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}

.fp-legend-hint[b-1ozpqrp9q5] {
  margin-left: auto;
  color: var(--color-fg-3);
}

.swatch[b-1ozpqrp9q5] {
  width: 0.875rem;
  height: 0.625rem;
  border-radius: 3px;
}

.swatch-hosting[b-1ozpqrp9q5] {
  background: var(--color-surface);
  box-shadow: inset 0 0 0 1.5px var(--color-brand);
}

.swatch-support[b-1ozpqrp9q5] {
  background: var(--color-surface);
  box-shadow: inset 0 0 0 1.5px #0ea5c6;
}

.swatch-waiting[b-1ozpqrp9q5] {
  background: color-mix(in srgb, var(--color-cyan) 25%, var(--color-surface));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-cyan) 60%, transparent);
}

.swatch-reception[b-1ozpqrp9q5] {
  background: color-mix(in srgb, var(--color-violet) 22%, var(--color-surface));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-violet) 55%, transparent);
}

.swatch-entrance[b-1ozpqrp9q5] {
  background: color-mix(in srgb, var(--color-ok) 22%, var(--color-surface));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-ok) 55%, transparent);
}

.swatch-furniture[b-1ozpqrp9q5] {
  background: var(--color-surface-3);
  box-shadow: inset 0 0 0 1px var(--color-line-2);
}

/* ---------- Coverage layer (T64, FLP-052) ---------- */

.fp-layer-toggle[b-1ozpqrp9q5] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  height: 1.875rem;
  padding: 0 0.625rem;
  border: 0;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
  box-shadow: 0 0 0 1px var(--color-line);
  font-size: var(--text-base);
  font-weight: 500;
  color: var(--color-fg-2);
  cursor: pointer;
}

.fp-layer-toggle:hover[b-1ozpqrp9q5] {
  color: var(--color-fg);
}

.fp-layer-toggle[aria-pressed="true"][b-1ozpqrp9q5] {
  background: var(--color-brand-50);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-brand) 45%, transparent);
  color: var(--color-brand-600);
}

.fp-layer-toggle:focus-visible[b-1ozpqrp9q5] {
  outline: 2px solid var(--color-brand);
  outline-offset: 1px;
}

.fp-legend-count[b-1ozpqrp9q5] {
  color: var(--color-fg-3);
}

.fp-cov-swatch[b-1ozpqrp9q5] {
  opacity: 0.55;
}

.fp-cov-swatch-0[b-1ozpqrp9q5] { background: var(--color-brand); }
.fp-cov-swatch-1[b-1ozpqrp9q5] { background: var(--color-cyan); }
.fp-cov-swatch-2[b-1ozpqrp9q5] { background: var(--color-violet); }
.fp-cov-swatch-3[b-1ozpqrp9q5] { background: var(--color-ok); }
.fp-cov-swatch-4[b-1ozpqrp9q5] { background: var(--color-warn); }
.fp-cov-swatch-5[b-1ozpqrp9q5] { background: var(--color-fg-2); }

.fp-cov-swatch-gap[b-1ozpqrp9q5] {
  background: repeating-linear-gradient(45deg, color-mix(in srgb, var(--color-bad) 55%, transparent) 0 1.5px, var(--color-bad-bg) 1.5px 4px);
  box-shadow: inset 0 0 0 1px var(--color-bad);
}

.fp-coverage-summary[b-1ozpqrp9q5] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem 0.5rem;
  margin: 0;
  padding: 0 0.875rem 0.75rem;
  font-size: var(--text-base);
  color: var(--color-ok-fg);
}

.fp-coverage-summary.has-gaps[b-1ozpqrp9q5] {
  color: var(--color-bad-fg);
}

.fp-coverage-link[b-1ozpqrp9q5] {
  color: var(--color-brand-600);
  font-weight: 500;
}

.fp-side-count[b-1ozpqrp9q5] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

@media (max-width: 1099.98px) {
  .fp-layout[b-1ozpqrp9q5] {
    grid-template-columns: minmax(0, 1fr);
  }

  .fp-layout[b-1ozpqrp9q5]  .fp-side {
    position: static;
    max-height: none;
  }
}

@media (max-width: 767.98px) {
  .fp-actions[b-1ozpqrp9q5] {
    justify-content: flex-start;
  }

  .fp-stage[b-1ozpqrp9q5] {
    height: 26rem;
  }

  .fp-legend .fp-legend-hint[b-1ozpqrp9q5] {
    display: none;
  }
}

/* ---------- Editor mode (T07) ---------- */

.fp-page-editing[b-1ozpqrp9q5] {
  max-width: none;
}

.fp-empty-actions[b-1ozpqrp9q5] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}

.fp-edit-hint[b-1ozpqrp9q5],
.fp-sub-view[b-1ozpqrp9q5] {
  display: none;
}

@media (max-width: 767.98px) {
  .fp-actions[b-1ozpqrp9q5]  .fp-edit-button,
  .fp-edit-actions[b-1ozpqrp9q5],
  .fp-sub-edit[b-1ozpqrp9q5] {
    display: none;
  }

  .fp-edit-hint[b-1ozpqrp9q5] {
    display: flex;
  }

  .fp-sub-view[b-1ozpqrp9q5] {
    display: inline;
  }
}

/* T29 (FLP-018): Export PNG and PDF next to the coverage toggle. */
.fp-export[b-1ozpqrp9q5] {
  display: inline-flex;
  gap: 0.375rem;
}

a.fp-layer-toggle[b-1ozpqrp9q5] {
  text-decoration: none;
}

@media (max-width: 640px) {
  .fp-toolbar-end[b-1ozpqrp9q5] {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
}
/* /Components/Pages/Live/DayReplayView.razor.rz.scp.css */
.replay[b-ismf9dkxjy] {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

/* The player: as the approved design's bottom bar (play, speeds, scrubber, time). */
.replay-bar[b-ismf9dkxjy] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.625rem 0.875rem;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--color-line);
}

.replay-day .input[b-ismf9dkxjy] {
  height: 2.25rem;
  min-width: 11rem;
}

.replay-play[b-ismf9dkxjy] {
  display: inline-grid;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  flex-shrink: 0;
  border: 0;
  border-radius: var(--radius-full);
  background: var(--color-fg);
  color: #fff;
  cursor: pointer;
}

.replay-play:disabled[b-ismf9dkxjy] {
  opacity: 0.4;
  cursor: default;
}

.replay-play:focus-visible[b-ismf9dkxjy] {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}

.replay-scrubber[b-ismf9dkxjy] {
  flex: 1;
  min-width: 10rem;
  accent-color: var(--color-brand);
}

.replay-scrubber:focus-visible[b-ismf9dkxjy] {
  outline: 2px solid var(--color-brand);
  outline-offset: 3px;
}

.replay-time[b-ismf9dkxjy] {
  min-width: 3rem;
  font-size: var(--text-md);
  font-weight: 600;
}

.replay-progress[b-ismf9dkxjy] {
  margin: 0;
  padding: 0.625rem 1rem 0;
  font-size: var(--text-sm);
  color: var(--color-fg-2);
}

.replay-stage[b-ismf9dkxjy] {
  height: min(56vh, 34rem);
  min-height: 20rem;
}

.replay-legend[b-ismf9dkxjy] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1.25rem;
  margin: 0;
  padding: 0.75rem 1rem;
  list-style: none;
  border-top: 1px solid var(--color-line);
  font-size: var(--text-sm);
  color: var(--color-fg-2);
}

.replay-legend li[b-ismf9dkxjy] {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

.replay-swatch[b-ismf9dkxjy] {
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 3px;
  border: 1.5px solid var(--color-fg-3);
  background: var(--color-surface);
}

.replay-swatch-service[b-ismf9dkxjy] {
  border: 2px solid var(--color-brand);
  background: color-mix(in srgb, var(--color-brand) 16%, var(--color-surface));
}

.replay-swatch-seated[b-ismf9dkxjy] {
  border: 2px solid var(--color-violet);
  background: color-mix(in srgb, var(--color-violet) 14%, var(--color-surface));
}

.replay-swatch-gap[b-ismf9dkxjy] {
  background:
    repeating-linear-gradient(45deg, rgb(11 12 16 / 0.22) 0 1px, transparent 1px 4px),
    var(--color-surface-3);
}

.replay-staff[b-ismf9dkxjy] {
  display: grid;
  gap: 0.5rem;
  padding: 0.75rem 1rem 1rem;
  border-top: 1px solid var(--color-line);
}

.replay-staff-row[b-ismf9dkxjy] {
  display: grid;
  grid-template-columns: 7rem minmax(0, 1fr);
  align-items: center;
  gap: 0.75rem;
}

.replay-staff-name[b-ismf9dkxjy] {
  overflow: hidden;
  font-weight: 550;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 640px) {
  .replay-stage[b-ismf9dkxjy] {
    height: 24rem;
    min-height: 0;
  }

  .replay-staff-row[b-ismf9dkxjy] {
    grid-template-columns: 4.5rem minmax(0, 1fr);
  }

  .replay-day .input[b-ismf9dkxjy] {
    min-width: 0;
    width: 100%;
  }

  .replay-day[b-ismf9dkxjy] {
    flex: 1 1 100%;
  }
}
/* /Components/Pages/Live/LiveFloorPage.razor.rz.scp.css */
.live-header-status[b-9x0w553sqf] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  max-width: 26rem;
  text-align: right;
}

.live-muted[b-9x0w553sqf] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.live-layout[b-9x0w553sqf] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 20rem;
  gap: 1rem;
  align-items: start;
}

.live-layout[b-9x0w553sqf]  .live-floor {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
}

.live-floor-head[b-9x0w553sqf] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.875rem 1rem;
  border-bottom: 1px solid var(--color-line);
}

.live-floor-title[b-9x0w553sqf] {
  margin: 0;
  font-size: var(--text-md);
  font-weight: 600;
}

.live-floor-summary[b-9x0w553sqf] {
  margin: 0;
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.live-stage[b-9x0w553sqf] {
  height: min(68vh, 40rem);
  min-height: 22rem;
}

.live-legend[b-9x0w553sqf] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1.25rem;
  margin: 0;
  padding: 0.75rem 1rem;
  list-style: none;
  border-top: 1px solid var(--color-line);
  font-size: var(--text-sm);
  color: var(--color-fg-2);
}

.live-legend li[b-9x0w553sqf] {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

.live-swatch[b-9x0w553sqf] {
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 3px;
  border: 1.5px solid var(--color-brand);
  background: var(--color-surface);
}

.live-swatch-occupied[b-9x0w553sqf] {
  background: color-mix(in srgb, var(--color-brand) 16%, var(--color-surface));
  border-width: 2px;
}

.live-swatch-not-covered[b-9x0w553sqf] {
  border-color: var(--color-fg-3);
  background:
    repeating-linear-gradient(45deg, rgb(11 12 16 / 0.22) 0 1px, transparent 1px 4px),
    var(--color-surface-3);
}

.live-swatch-waiting[b-9x0w553sqf] {
  border: 1.5px dotted var(--color-fg-3);
  background: var(--color-surface-3);
}

.live-side[b-9x0w553sqf] {
  display: grid;
  gap: 1rem;
  min-width: 0;
}

.live-list[b-9x0w553sqf] {
  margin: 0;
  padding: 0.25rem 0;
  list-style: none;
}

.live-row[b-9x0w553sqf] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.5rem 1rem;
  min-width: 0;
}

.live-row + .live-row[b-9x0w553sqf] {
  border-top: 1px solid var(--color-line);
}

.live-row-main[b-9x0w553sqf] {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
}

.live-row-name[b-9x0w553sqf] {
  font-weight: 550;
  font-size: var(--text-base);
}

.live-row-sub[b-9x0w553sqf] {
  overflow: hidden;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.live-row-state[b-9x0w553sqf] {
  flex-shrink: 0;
  font-size: var(--text-base);
  font-weight: 550;
  color: var(--color-fg-2);
}

.live-row[data-state="occupied"] .live-row-state[b-9x0w553sqf] {
  color: var(--color-brand-600);
}

.live-dot[b-9x0w553sqf] {
  flex-shrink: 0;
  width: 0.625rem;
  height: 0.625rem;
  border-radius: var(--radius-full);
  border: 1.5px solid var(--color-brand);
  background: var(--color-surface);
}

.live-dot-occupied[b-9x0w553sqf] {
  background: var(--color-brand);
}

.live-dot-not-covered[b-9x0w553sqf],
.live-dot-waiting[b-9x0w553sqf] {
  border-color: var(--color-fg-3);
  background: var(--color-surface-3);
}

.live-dot-waiting[b-9x0w553sqf] {
  border-style: dotted;
}

.live-dot-zone[b-9x0w553sqf] {
  border-color: #0e7490;
  background: color-mix(in srgb, var(--color-cyan) 30%, var(--color-surface));
}

.live-camera[b-9x0w553sqf]  .pill {
  flex-shrink: 0;
}

.live-empty[b-9x0w553sqf] {
  margin: 0;
  padding: 0.875rem 1rem;
  font-size: var(--text-base);
  color: var(--color-fg-3);
}

@media (max-width: 1100px) {
  .live-layout[b-9x0w553sqf] {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 640px) {
  .live-header-status[b-9x0w553sqf] {
    justify-content: flex-start;
    text-align: left;
  }

  .live-stage[b-9x0w553sqf] {
    height: 26rem;
    min-height: 0;
  }
}

.live-camera .live-row-sub[b-9x0w553sqf] {
  white-space: normal;
}

/* T20: a camera whose detections are late shows "Delayed · 7 min" under its last minute. */
.live-row-delay[b-9x0w553sqf] {
  margin-top: 0.25rem;
}

/* T12: a chair's row opens its popover (who is credited, reassign). */
.live-row.is-selected[b-9x0w553sqf] {
  background: var(--color-brand-50);
}

.live-row-open[b-9x0w553sqf] {
  align-self: flex-start;
  max-width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-fg);
  text-align: left;
  cursor: pointer;
}

.live-row-open:hover .live-row-name[b-9x0w553sqf] {
  color: var(--color-brand-600);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.live-row-open:focus-visible[b-9x0w553sqf] {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}

.live-row-staff[b-9x0w553sqf] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  margin: 0.125rem 0;
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg-2);
}

/* T33: the floor's views (live, heatmap, replay), the dots' line and the calibration chips. */
.live-views[b-9x0w553sqf] {
  align-self: flex-start;
  margin-bottom: 1rem;
}

.live-page[b-9x0w553sqf]  .live-view-card {
  min-width: 0;
  overflow: hidden;
}

.live-dots-bar[b-9x0w553sqf] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.75rem;
  padding: 0.625rem 1rem;
  border-top: 1px solid var(--color-line);
  font-size: var(--text-sm);
  color: var(--color-fg-2);
}

.live-chip[b-9x0w553sqf] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  border-radius: var(--radius-full);
  background: var(--color-brand-50);
  color: var(--color-brand-600);
  font-weight: 500;
  text-decoration: none;
}

a.live-chip:hover[b-9x0w553sqf] {
  text-decoration: underline;
  text-underline-offset: 2px;
}

a.live-chip:focus-visible[b-9x0w553sqf] {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}

.live-person[b-9x0w553sqf] {
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: var(--radius-full);
  border: 2px solid var(--color-surface);
  box-shadow: 0 0 0 1px var(--color-line);
}

.live-person-client[b-9x0w553sqf] { background: var(--color-brand); }
.live-person-staff[b-9x0w553sqf] { background: var(--color-violet); }
.live-person-unknown[b-9x0w553sqf] { background: var(--color-fg-3); }
/* /Components/Pages/Org/OrgOverviewPage.razor.rz.scp.css */
.org-page[b-dtnrzezzkc] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.org-header[b-dtnrzezzkc] {
  align-items: flex-start;
}

.org-controls[b-dtnrzezzkc] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* Group chips (DSH-061). */
.group-chips[b-dtnrzezzkc] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.chip[b-dtnrzezzkc] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  min-height: 2rem;
  padding: 0.25rem 0.75rem;
  border: 1px solid var(--color-line);
  border-radius: var(--radius-full);
  background: var(--color-surface);
  font: inherit;
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg-2);
  cursor: pointer;
  transition: background 150ms ease, border-color 150ms ease, color 150ms ease;
}

.chip:hover[b-dtnrzezzkc] {
  border-color: color-mix(in srgb, var(--color-brand) 35%, var(--color-line));
  color: var(--color-fg);
}

.chip:focus-visible[b-dtnrzezzkc] {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}

.chip-on[b-dtnrzezzkc] {
  border-color: var(--color-brand);
  background: color-mix(in srgb, var(--color-brand) 8%, var(--color-surface));
  color: var(--color-brand);
}

.chip-count[b-dtnrzezzkc] {
  min-width: 1.25rem;
  padding: 0 0.375rem;
  border-radius: var(--radius-full);
  background: var(--color-surface-3);
  font-size: var(--text-xs);
  text-align: center;
  color: var(--color-fg-3);
}

.chip-on .chip-count[b-dtnrzezzkc] {
  background: color-mix(in srgb, var(--color-brand) 15%, var(--color-surface));
  color: var(--color-brand);
}

/* KPIs across the locations. */
.org-kpis[b-dtnrzezzkc] {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.75rem;
}

.org-kpi[b-dtnrzezzkc] {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: 1rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.org-kpi-label[b-dtnrzezzkc] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg-3);
}

.org-kpi-value[b-dtnrzezzkc] {
  margin-top: 0.25rem;
  font-size: var(--text-2xl);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--color-fg);
}

.org-kpi-bad[b-dtnrzezzkc] {
  color: var(--color-bad);
}

.org-kpi-foot[b-dtnrzezzkc] {
  margin-top: 0.375rem;
  overflow: hidden;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.org-track[b-dtnrzezzkc] {
  height: 6px;
  margin-top: 0.75rem;
  overflow: hidden;
  border-radius: var(--radius-full);
  background: var(--color-surface-3);
}

.org-fill[b-dtnrzezzkc] {
  height: 100%;
  border-radius: inherit;
}

/* The leaderboard. */
.org-board-note[b-dtnrzezzkc] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.sort-button[b-dtnrzezzkc] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  color: inherit;
  cursor: pointer;
}

.sort-button:hover[b-dtnrzezzkc] {
  color: var(--color-fg);
}

.sort-button:focus-visible[b-dtnrzezzkc] {
  border-radius: 4px;
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}

th[aria-sort] .sort-button[b-dtnrzezzkc] {
  color: var(--color-fg);
}

[b-dtnrzezzkc] .sort-icon {
  opacity: 0.6;
}

th.num .sort-button[b-dtnrzezzkc] {
  flex-direction: row-reverse;
}

.org-trend-col[b-dtnrzezzkc] {
  width: 7rem;
}

.org-warn[b-dtnrzezzkc] {
  color: var(--color-warn-fg);
  font-weight: 500;
}

.org-alerts-link[b-dtnrzezzkc] {
  font-weight: 600;
  color: var(--color-bad);
}

[b-dtnrzezzkc] tfoot th,
[b-dtnrzezzkc] tfoot td {
  padding: 0.75rem 1rem;
  border-top: 1px solid var(--color-line);
  font-weight: 600;
  color: var(--color-fg);
  text-align: left;
  white-space: nowrap;
  background: var(--color-surface-2);
}

[b-dtnrzezzkc] tfoot td.num {
  text-align: right;
}

@media (max-width: 1100px) {
  .org-kpis[b-dtnrzezzkc] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .org-kpis[b-dtnrzezzkc] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .org-board-note[b-dtnrzezzkc] {
    display: none;
  }
}

/* Numeric columns: header and figures right-aligned (the sort icon sits before the label). */
.org-page[b-dtnrzezzkc]  thead th.num,
.org-page[b-dtnrzezzkc]  tfoot td.num {
  text-align: right;
}

/* Phones: cards instead of the wide leaderboard. */
.org-cards[b-dtnrzezzkc] {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
}

.org-card + .org-card[b-dtnrzezzkc] {
  border-top: 1px solid var(--color-line);
}

.org-card-link[b-dtnrzezzkc] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  padding: 0.875rem 1rem;
  color: inherit;
  text-decoration: none;
}

.org-card-link:focus-visible[b-dtnrzezzkc] {
  outline: 2px solid var(--color-brand);
  outline-offset: -2px;
}

.org-card-head[b-dtnrzezzkc] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

.org-card-name[b-dtnrzezzkc] {
  font-weight: 600;
  color: var(--color-brand);
}

.org-card-figures[b-dtnrzezzkc] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 1rem;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.org-card-value[b-dtnrzezzkc] {
  font-weight: 600;
  color: var(--color-fg);
}

@media (max-width: 640px) {
  .org-page[b-dtnrzezzkc]  .org-board .table-wrap {
    display: none;
  }

  .org-cards[b-dtnrzezzkc] {
    display: block;
  }
}
/* /Components/Pages/Overview.razor.rz.scp.css */
.overview-page[b-mtv7ilrzh6] {
  gap: 0.75rem;
}
/* /Components/Pages/Partners/NewCustomerPage.razor.rz.scp.css */
.nc-page[b-4yi9hgndhm] {
  max-width: 52rem;
}

.nc-form[b-4yi9hgndhm] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.nc-grid[b-4yi9hgndhm] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
  gap: 0.875rem 1rem;
}

.nc-grid .field[b-4yi9hgndhm] {
  min-width: 0;
}

.nc-short[b-4yi9hgndhm] {
  max-width: 6rem;
}

.nc-actions[b-4yi9hgndhm] {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}

.nc-done-body[b-4yi9hgndhm] {
  display: flex;
  gap: 0.875rem;
  align-items: flex-start;
}

.nc-done-icon[b-4yi9hgndhm] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: var(--radius-full);
  background: var(--color-ok-bg);
  color: var(--color-ok-fg);
}

.nc-done-title[b-4yi9hgndhm] {
  margin: 0 0 0.25rem;
  font-size: var(--text-md);
  font-weight: 600;
}

.nc-done-text[b-4yi9hgndhm] {
  margin: 0 0 0.875rem;
  color: var(--color-fg-2);
  font-size: var(--text-base);
  max-width: 40rem;
}

.nc-done-actions[b-4yi9hgndhm] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
/* /Components/Pages/Partners/PartnerPortalPage.razor.rz.scp.css */
.pp-page[b-cx9skek7v2] {
  gap: 1.25rem;
}

.pp-header[b-cx9skek7v2] {
  align-items: flex-end;
}

.pp-section[b-cx9skek7v2] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.pp-section-title[b-cx9skek7v2] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--text-md);
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--color-fg);
}

.pp-count[b-cx9skek7v2] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5rem;
  height: 1.375rem;
  padding: 0 0.375rem;
  border-radius: var(--radius-full);
  background: var(--color-surface-3);
  color: var(--color-fg-2);
  font-size: var(--text-xs);
  font-weight: 600;
}

.pp-customers[b-cx9skek7v2] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 26rem), 1fr));
  gap: 0.875rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pp-customer[b-cx9skek7v2] {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  min-width: 0;
  padding: 1rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.cell-strong[b-cx9skek7v2] {
  font-weight: 500;
  color: var(--color-fg);
}

.pp-customer-head[b-cx9skek7v2] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

.pp-customer-name[b-cx9skek7v2] {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  min-width: 0;
}

.pp-customer-name h3[b-cx9skek7v2] {
  margin: 0;
  font-size: var(--text-md);
  font-weight: 600;
  letter-spacing: -0.01em;
  overflow-wrap: anywhere;
}

.pp-current[b-cx9skek7v2] {
  font-size: var(--text-xs);
  font-weight: 500;
  color: var(--color-brand);
}

.pp-locations[b-cx9skek7v2] {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--color-line);
}

.pp-location[b-cx9skek7v2] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.375rem 0.75rem;
  padding: 0.625rem 0;
  border-bottom: 1px solid var(--color-line);
  font-size: var(--text-base);
}

.pp-location-name[b-cx9skek7v2] {
  font-weight: 500;
  min-width: 0;
  overflow-wrap: anywhere;
}

.pp-location-facts[b-cx9skek7v2] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.75rem;
}

.pp-gateways[b-cx9skek7v2] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--text-sm);
  color: var(--color-fg-2);
}

.pp-gateways.is-bad[b-cx9skek7v2] {
  color: var(--color-bad-fg);
}

.pp-customer-foot[b-cx9skek7v2] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-top: auto;
}

.pp-visits[b-cx9skek7v2] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.pp-actions[b-cx9skek7v2] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.pp-visit-list[b-cx9skek7v2] {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pp-visit[b-cx9skek7v2] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border-top: 1px solid var(--color-line);
}

.pp-visit:first-child[b-cx9skek7v2] {
  border-top: 0;
}

.pp-visit.is-others .pp-visit-icon[b-cx9skek7v2] {
  background: var(--color-surface-3);
  color: var(--color-fg-3);
}

.pp-visit-icon[b-cx9skek7v2] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: var(--radius-md);
  background: var(--color-brand-50);
  color: var(--color-brand);
}

.pp-visit-main[b-cx9skek7v2] {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.pp-visit-main .cell-strong[b-cx9skek7v2] {
  font-weight: 500;
  overflow-wrap: anywhere;
}

.pp-visit-side[b-cx9skek7v2] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

@media (max-width: 640px) {
  .pp-visit[b-cx9skek7v2] {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .pp-visit-side[b-cx9skek7v2] {
    grid-column: 2;
    flex-wrap: wrap;
  }
}
/* /Components/Pages/Reports/ReportPage.razor.rz.scp.css */
.report-page[b-9voxl2kg76] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.back-link[b-9voxl2kg76] {
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg-3);
  text-decoration: none;
}

.back-link:hover[b-9voxl2kg76] {
  color: var(--color-fg);
}

.report-header[b-9voxl2kg76] {
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 1rem;
  margin-bottom: 0;
}

.report-heading[b-9voxl2kg76] {
  min-width: 0;
}

.report-heading .page-eyebrow[b-9voxl2kg76] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}

.report-compared[b-9voxl2kg76] {
  color: var(--color-fg-3);
}

.report-actions[b-9voxl2kg76] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

.report-notes[b-9voxl2kg76] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.625rem 0.875rem;
  border-radius: var(--radius-lg);
  background: var(--color-brand-50);
  font-size: var(--text-sm);
  color: var(--color-fg-2);
}

.report-notes p[b-9voxl2kg76] {
  display: flex;
  align-items: flex-start;
  gap: 0.375rem;
}

.report-charts[b-9voxl2kg76] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

.report-charts[b-9voxl2kg76]  .is-wide {
  grid-column: 1 / -1;
}

.report-card-sub[b-9voxl2kg76] {
  margin: -0.25rem 0 0.5rem;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.report-table-head[b-9voxl2kg76] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.875rem 1rem 0.5rem;
}

.report-table-title[b-9voxl2kg76] {
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--color-fg);
}

.report-table-head[b-9voxl2kg76]  .columns-trigger {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  height: 1.875rem;
  padding: 0 0.625rem;
  border: 0;
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: var(--ring-hairline);
  font: inherit;
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg-2);
  cursor: pointer;
}

.columns-panel[b-9voxl2kg76] {
  display: flex;
  max-height: 20rem;
  flex-direction: column;
  gap: 0.25rem;
  overflow-y: auto;
  padding: 0.25rem;
}

.columns-actions[b-9voxl2kg76] {
  display: flex;
  justify-content: flex-end;
  padding-top: 0.375rem;
  border-top: 1px solid var(--color-line);
}

@media (max-width: 900px) {
  .report-charts[b-9voxl2kg76] {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 640px) {
  .report-actions[b-9voxl2kg76] {
    margin-left: 0;
  }
}
/* /Components/Pages/Reports/ReportsPage.razor.rz.scp.css */
.reports-page[b-8enhelfmzx] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.report-grid[b-8enhelfmzx] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.report-tile[b-8enhelfmzx] {
  display: flex;
  height: 100%;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
  color: inherit;
  text-decoration: none;
  transition: box-shadow 150ms ease-out, transform 150ms ease-out;
}

.report-tile:hover[b-8enhelfmzx] {
  box-shadow: var(--shadow-pop);
}

.report-tile:focus-visible[b-8enhelfmzx] {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}

.report-tile-icon[b-8enhelfmzx] {
  display: grid;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  flex-shrink: 0;
  border-radius: var(--radius-md);
  background: var(--color-brand-50);
  color: var(--color-brand-600);
}

.report-tile-text[b-8enhelfmzx] {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  gap: 0.25rem;
}

.report-tile-title[b-8enhelfmzx] {
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--color-fg);
}

.report-tile-desc[b-8enhelfmzx] {
  font-size: var(--text-sm);
  line-height: 1.45;
  color: var(--color-fg-3);
}

.report-tile[b-8enhelfmzx]  .report-tile-go {
  flex-shrink: 0;
  margin-top: 0.5rem;
  color: var(--color-fg-3);
}

.reports-lower[b-8enhelfmzx] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

.reports-empty[b-8enhelfmzx] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.reports-list[b-8enhelfmzx] {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}

.reports-row[b-8enhelfmzx] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.5rem 0;
  border-bottom: 1px solid var(--color-line);
}

.reports-row:last-child[b-8enhelfmzx] {
  border-bottom: 0;
}

.reports-row[b-8enhelfmzx]  .reports-row-icon {
  flex-shrink: 0;
  color: var(--color-brand);
}

.reports-row-main[b-8enhelfmzx] {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  color: inherit;
  text-decoration: none;
}

.reports-row-main:hover .reports-row-title[b-8enhelfmzx] {
  color: var(--color-brand-600);
}

.reports-row-title[b-8enhelfmzx] {
  font-size: var(--text-base);
  font-weight: 500;
  color: var(--color-fg);
}

.reports-row-meta[b-8enhelfmzx] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.schedules-head[b-8enhelfmzx] {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1rem 0.75rem;
}

.schedules-title[b-8enhelfmzx] {
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--color-fg);
}

.schedules-pad[b-8enhelfmzx] {
  padding: 0 1rem 1rem;
}

.row-actions[b-8enhelfmzx] {
  display: inline-flex;
  gap: 0.25rem;
}

@media (max-width: 900px) {
  .reports-lower[b-8enhelfmzx] {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* /Components/Pages/Review/GroundTruthPage.razor.rz.scp.css */
.gt-page[b-gk30lpa0a5] {
  gap: 1rem;
}

[b-gk30lpa0a5] .gt-toolbar {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.gt-toolbar-row[b-gk30lpa0a5] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.75rem 1.25rem;
}

.gt-day[b-gk30lpa0a5] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.gt-day .input[b-gk30lpa0a5] {
  width: 10.5rem;
}

.gt-progress[b-gk30lpa0a5] {
  margin: 0 0 0.375rem;
  color: var(--color-fg-2);
  font-size: var(--text-base);
}

.gt-empty[b-gk30lpa0a5] {
  padding: 1rem 1.25rem;
  color: var(--color-fg-3);
  font-size: var(--text-base);
}

.table-scroll[b-gk30lpa0a5] {
  /* Positioned, so the table's screen-reader-only heading scrolls with it and never widens the page. */
  position: relative;
  overflow-x: auto;
}

.gt-table[b-gk30lpa0a5] {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--text-base);
}

.gt-table th[b-gk30lpa0a5],
.gt-table td[b-gk30lpa0a5] {
  padding: 0.625rem 1rem;
  border-top: 1px solid var(--color-line);
  text-align: left;
  white-space: nowrap;
}

.gt-table thead th[b-gk30lpa0a5] {
  border-top: 0;
  background: var(--color-surface-2);
  color: var(--color-fg-3);
  font-size: var(--text-xs);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.gt-table tbody th[b-gk30lpa0a5] {
  font-weight: 500;
}

.gt-table .num[b-gk30lpa0a5] {
  text-align: right;
}

/* One line per session (the table scrolls inside its card on a phone). */
.gt-actions[b-gk30lpa0a5] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

.gt-edit[b-gk30lpa0a5] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}

.gt-link[b-gk30lpa0a5] {
  font-size: var(--text-sm);
}

.gt-grid[b-gk30lpa0a5] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  align-items: start;
}

.gt-list[b-gk30lpa0a5] {
  display: grid;
  gap: 0.25rem;
  margin: 0 0 0.75rem;
  padding: 0;
  list-style: none;
  font-size: var(--text-base);
}

.gt-list li[b-gk30lpa0a5] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

.gt-add[b-gk30lpa0a5] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.gt-add select[b-gk30lpa0a5] {
  width: auto;
  min-width: 8rem;
}

.gt-count[b-gk30lpa0a5] {
  width: 6rem;
}

.gt-complete[b-gk30lpa0a5] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.375rem;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--color-line);
}

@media (max-width: 900px) {
  .gt-grid[b-gk30lpa0a5] {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* /Components/Pages/Review/MyDayPage.razor.rz.scp.css */
.me-day-controls[b-fxv43wm0fu] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
}

.me-kpis[b-fxv43wm0fu] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 1.4fr);
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.me-kpis li[b-fxv43wm0fu] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.875rem 1rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.me-kpis .me-kpi-week[b-fxv43wm0fu] {
  background: var(--color-brand-50);
  box-shadow: inset 0 0 0 1px var(--color-brand-100);
}

.me-kpi-label[b-fxv43wm0fu] {
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg-3);
}

.me-kpi-value[b-fxv43wm0fu] {
  font-size: var(--text-2xl);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: var(--color-fg);
}

.me-kpi-foot[b-fxv43wm0fu] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.me-timeline[b-fxv43wm0fu] {
  padding: 1rem 1.25rem 0.5rem;
}

.me-sessions[b-fxv43wm0fu],
.me-disputes[b-fxv43wm0fu],
.me-views[b-fxv43wm0fu] {
  margin: 0;
  padding: 0;
  list-style: none;
}

.me-session[b-fxv43wm0fu] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem 1rem;
  padding: 0.75rem 1.25rem;
  border-top: 1px solid var(--color-line);
}

.me-session-main[b-fxv43wm0fu] {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

.me-session-time[b-fxv43wm0fu] {
  font-size: var(--text-md);
  font-weight: 500;
  color: var(--color-fg);
}

.me-session-sub[b-fxv43wm0fu] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.me-session-side[b-fxv43wm0fu] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
}

.me-dispute[b-fxv43wm0fu] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.75rem 0;
}

.me-dispute + .me-dispute[b-fxv43wm0fu] {
  border-top: 1px solid var(--color-line);
}

.me-dispute-head[b-fxv43wm0fu] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.375rem 0.75rem;
}

.me-dispute-title[b-fxv43wm0fu] {
  font-size: var(--text-md);
  font-weight: 500;
  color: var(--color-fg);
}

.me-dispute-status[b-fxv43wm0fu] {
  display: flex;
  gap: 0.25rem;
}

.me-dispute-text[b-fxv43wm0fu],
.me-dispute-outcome[b-fxv43wm0fu] {
  margin: 0;
  font-size: var(--text-sm);
  color: var(--color-fg-2);
}

.me-dispute[b-fxv43wm0fu]  .btn {
  align-self: flex-start;
}

.me-views li[b-fxv43wm0fu] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.75rem;
  padding: 0.5rem 0;
  font-size: var(--text-sm);
  color: var(--color-fg-2);
}

.me-views li + li[b-fxv43wm0fu] {
  border-top: 1px solid var(--color-line);
}

.me-empty[b-fxv43wm0fu] {
  margin: 0;
  padding: 1.25rem;
  font-size: var(--text-md);
  color: var(--color-fg-3);
}

.me-muted[b-fxv43wm0fu],
.me-footnote[b-fxv43wm0fu] {
  margin: 0;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.me-footnote a[b-fxv43wm0fu] {
  color: var(--color-brand-600);
  font-weight: 500;
}

@media (max-width: 1023.98px) {
  .me-kpis[b-fxv43wm0fu] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 639.98px) {
  .me-kpis[b-fxv43wm0fu] {
    grid-template-columns: minmax(0, 1fr);
  }

  .me-session[b-fxv43wm0fu] {
    padding: 0.75rem 1rem;
  }
}
/* /Components/Pages/Review/ReviewPage.razor.rz.scp.css */
.review-page[b-hrfpynoh9k] {
  outline: none;
}

.review-header-actions[b-hrfpynoh9k] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

/* ---------- Progress ---------- */

.review-progress[b-hrfpynoh9k] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.review-progress-bar[b-hrfpynoh9k] {
  flex: 1;
  max-width: 20rem;
  height: 0.375rem;
  border-radius: var(--radius-full);
  background: var(--color-surface-3);
  overflow: hidden;
}

.review-progress-bar span[b-hrfpynoh9k] {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--gradient-ai);
  transition: width 0.3s var(--ease-out-expo);
}

.review-progress-text[b-hrfpynoh9k] {
  margin: 0;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

/* ---------- The list, by business day ---------- */

.review-day[b-hrfpynoh9k] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.review-day-title[b-hrfpynoh9k] {
  margin: 0;
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--color-fg);
}

.review-list[b-hrfpynoh9k] {
  margin: 0;
  padding: 0;
  list-style: none;
}

.review-list li + li[b-hrfpynoh9k] {
  border-top: 1px solid var(--color-line);
}

.review-row[b-hrfpynoh9k] {
  display: grid;
  grid-template-columns: 4rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.875rem;
  width: 100%;
  padding: 0.625rem 1rem;
  border: 0;
  background: transparent;
  font: inherit;
  text-align: left;
  color: inherit;
  cursor: pointer;
}

.review-row:hover[b-hrfpynoh9k] {
  background: var(--color-surface-2);
}

.review-row.is-selected[b-hrfpynoh9k] {
  background: var(--color-brand-50);
}

.review-row:focus-visible[b-hrfpynoh9k] {
  outline: 2px solid var(--color-brand);
  outline-offset: -2px;
}

.review-thumb[b-hrfpynoh9k] {
  width: 4rem;
  height: 2.5rem;
  border-radius: var(--radius-sm);
  object-fit: cover;
  background: var(--color-surface-3);
}

.review-thumb-empty[b-hrfpynoh9k] {
  display: grid;
  place-items: center;
  color: var(--color-fg-3);
}

.review-row-main[b-hrfpynoh9k] {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
}

.review-row-title[b-hrfpynoh9k] {
  font-size: var(--text-md);
  font-weight: 500;
  color: var(--color-fg);
}

.review-row-sub[b-hrfpynoh9k] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

/* ---------- Review mode ---------- */

.review-mode[b-hrfpynoh9k] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.review-mode-bar[b-hrfpynoh9k] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.review-position[b-hrfpynoh9k] {
  margin: 0;
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg-2);
}

.review-nav[b-hrfpynoh9k] {
  display: flex;
  gap: 0.25rem;
}

.review-mode-body[b-hrfpynoh9k] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 18rem;
  gap: 1rem;
  align-items: start;
}

.review-main[b-hrfpynoh9k],
.review-side[b-hrfpynoh9k] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.125rem 1.25rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.review-session-head[b-hrfpynoh9k] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem 1rem;
}

.review-session-title[b-hrfpynoh9k] {
  margin: 0;
  font-size: var(--text-lg);
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--color-fg);
}

.review-session-sub[b-hrfpynoh9k] {
  margin: 0.25rem 0 0;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.review-section-title[b-hrfpynoh9k] {
  margin: 0;
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--color-fg-2);
}

.review-evidence[b-hrfpynoh9k]  .ev-frames {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.review-timeline[b-hrfpynoh9k] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.review-dispute[b-hrfpynoh9k] {
  display: flex;
  gap: 0.625rem;
  padding: 0.75rem 0.875rem;
  border-radius: var(--radius-md);
  background: var(--color-bad-bg);
  color: var(--color-bad-fg);
}

.review-dispute p[b-hrfpynoh9k] {
  margin: 0;
}

.review-dispute-title[b-hrfpynoh9k] {
  font-size: var(--text-md);
  color: var(--color-fg);
}

.review-dispute-text[b-hrfpynoh9k] {
  font-size: var(--text-sm);
  color: var(--color-fg-2);
}

.review-dispute-note[b-hrfpynoh9k] {
  margin-top: 0.375rem !important;
  font-size: var(--text-md);
  color: var(--color-fg);
}

.review-reasons[b-hrfpynoh9k] {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.review-reasons li[b-hrfpynoh9k] {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

.review-reason-label[b-hrfpynoh9k] {
  font-size: var(--text-md);
  font-weight: 500;
  color: var(--color-fg);
}

.review-reason-text[b-hrfpynoh9k] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.review-actions[b-hrfpynoh9k] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.review-actions[b-hrfpynoh9k]  .btn {
  justify-content: flex-start;
}

.review-actions[b-hrfpynoh9k]  kbd,
.review-help-table kbd[b-hrfpynoh9k] {
  margin-left: auto;
  padding: 0.0625rem 0.3125rem;
  border-radius: var(--radius-sm);
  background: rgb(255 255 255 / 0.16);
  box-shadow: inset 0 0 0 1px rgb(11 12 16 / 0.12);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  line-height: 1.4;
}

.review-help-table[b-hrfpynoh9k] {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--text-md);
}

.review-help-table th[b-hrfpynoh9k] {
  width: 4rem;
  padding: 0.375rem 0;
  text-align: left;
  font-weight: 400;
}

.review-help-table td[b-hrfpynoh9k] {
  padding: 0.375rem 0;
  color: var(--color-fg-2);
}

.review-hint[b-hrfpynoh9k],
.review-muted[b-hrfpynoh9k] {
  margin: 0;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.review-error[b-hrfpynoh9k] {
  margin: 0;
  font-size: var(--text-sm);
  color: var(--color-bad-fg);
}

@media (max-width: 1023.98px) {
  .review-mode-body[b-hrfpynoh9k] {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 639.98px) {
  .review-row[b-hrfpynoh9k] {
    grid-template-columns: 3rem minmax(0, 1fr);
  }

  .review-row[b-hrfpynoh9k]  .reason-pills {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }

  .review-thumb[b-hrfpynoh9k] {
    width: 3rem;
    height: 2rem;
  }

  .review-evidence[b-hrfpynoh9k]  .ev-frames {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* /Components/Pages/Review/TransparencyPage.razor.rz.scp.css */
.tp-doc[b-0emmh00t0s] {
  max-width: 44rem;
}

.tp-editor[b-0emmh00t0s] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
}

.tp-textarea[b-0emmh00t0s] {
  width: 100%;
  min-height: 28rem;
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  line-height: 1.55;
  resize: vertical;
}

.tp-editor-actions[b-0emmh00t0s] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-top: 0.75rem;
}

.tp-editor[b-0emmh00t0s]  .field {
  margin-top: 0.75rem;
}

.tp-error[b-0emmh00t0s] {
  margin: 0.5rem 0 0;
  font-size: var(--text-sm);
  color: var(--color-bad-fg);
}

.tp-history[b-0emmh00t0s] {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tp-history li[b-0emmh00t0s] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.75rem;
  padding: 0.5rem 0;
  font-size: var(--text-sm);
  color: var(--color-fg-2);
}

.tp-history li + li[b-0emmh00t0s] {
  border-top: 1px solid var(--color-line);
}

.tp-history-note[b-0emmh00t0s] {
  color: var(--color-fg-3);
}

@media (max-width: 1023.98px) {
  .tp-editor[b-0emmh00t0s] {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* /Components/Pages/Sessions/SessionsPage.razor.rz.scp.css */
.sessions-live[b-0crytx4lec] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.sessions-muted[b-0crytx4lec] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

/* ---------- The day's figures ---------- */

.sessions-stats[b-0crytx4lec] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sessions-stats li[b-0crytx4lec] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.875rem 1rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.stat-value[b-0crytx4lec] {
  font-size: var(--text-2xl);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--color-fg);
}

.stat-label[b-0crytx4lec] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.stat-dot[b-0crytx4lec] {
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background: var(--color-brand);
}

/* ---------- Filters ---------- */

.sessions-filters[b-0crytx4lec] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.625rem 0.75rem;
  padding: 0.875rem 1rem;
  border-bottom: 1px solid var(--color-line);
}

.sessions-filters .field[b-0crytx4lec] {
  min-width: 8rem;
}

.sessions-filters .field-day[b-0crytx4lec] {
  min-width: 9.5rem;
}

.field-range[b-0crytx4lec] {
  margin: 0;
  padding: 0;
  border: 0;
}

.field-range legend[b-0crytx4lec] {
  margin-bottom: 0.25rem;
  padding: 0;
}

.range[b-0crytx4lec] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  color: var(--color-fg-3);
}

.range .input[b-0crytx4lec] {
  width: 4.25rem;
}

.table-empty[b-0crytx4lec] {
  padding: 1rem;
}

.table-empty[b-0crytx4lec]  .empty-state {
  box-shadow: none;
}

/* ---------- The table ---------- */

.sessions-page[b-0crytx4lec]  .sessions-table tbody tr.is-selected {
  background: var(--color-brand-50);
}

.sessions-page[b-0crytx4lec]  .sessions-table tbody tr.is-muted td,
.sessions-page[b-0crytx4lec]  .sessions-table tbody tr.is-muted th {
  color: var(--color-fg-3);
}

.row-link[b-0crytx4lec] {
  color: inherit;
  text-decoration: none;
}

.row-link:hover[b-0crytx4lec] {
  color: var(--color-brand-600);
}

.row-link:focus-visible[b-0crytx4lec] {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
  border-radius: 3px;
}

.sessions-page[b-0crytx4lec]  .row-status {
  margin-left: 0.375rem;
}

.cell-muted[b-0crytx4lec] {
  color: var(--color-fg-3) !important;
}

.sessions-footnote[b-0crytx4lec] {
  display: flex;
  align-items: flex-start;
  gap: 0.375rem;
  font-size: var(--text-sm);
  line-height: 1.45;
  color: var(--color-fg-3);
}

.sessions-footnote[b-0crytx4lec]  svg {
  flex-shrink: 0;
  margin-top: 0.125rem;
}

.sessions-footnote a[b-0crytx4lec] {
  color: var(--color-brand-600);
  font-weight: 500;
}

@media (max-width: 900px) {
  .sessions-stats[b-0crytx4lec] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .sessions-filters .field[b-0crytx4lec] {
    flex: 1 1 calc(50% - 0.375rem);
    min-width: 0;
  }

  .sessions-filters .field-range[b-0crytx4lec] {
    flex: 1 1 100%;
  }

  .stat-value[b-0crytx4lec] {
    font-size: var(--text-xl);
  }
}

/* T12: the staff member a session is credited to, with the attribution's source. */
.staff-cell[b-0crytx4lec] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  white-space: nowrap;
}

.staff-name[b-0crytx4lec] {
  font-weight: 500;
  color: var(--color-fg);
}

/* T15: the header's actions, the corrected-sessions note, and the badge next to the flags. */
.sessions-header-side[b-0crytx4lec] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}

.sessions-corrected[b-0crytx4lec] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--text-sm);
  color: var(--color-fg-2);
}

.sessions-corrected[b-0crytx4lec]  svg {
  color: var(--color-warn-fg);
}

.link-inline[b-0crytx4lec] {
  padding: 0;
  border: 0;
  background: none;
  color: var(--color-brand-600);
  font: inherit;
  font-weight: 500;
  cursor: pointer;
}

.link-inline:hover[b-0crytx4lec] {
  text-decoration: underline;
}

.link-inline:focus-visible[b-0crytx4lec] {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
  border-radius: 3px;
}

.flags-cell[b-0crytx4lec] {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
}
/* /Components/Pages/Settings/AccountPage.razor.rz.scp.css */
.account-grid[b-m3ycg3489r] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 1rem;
}

.account-grid[b-m3ycg3489r]  .account-wide {
  grid-column: 1 / -1;
}

.account-headline[b-m3ycg3489r] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0 0 0.75rem;
}

.account-facts[b-m3ycg3489r] {
  display: grid;
  gap: 0.5rem;
  margin: 0 0 0.75rem;
  padding: 0.75rem;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
}

.account-facts div[b-m3ycg3489r] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0.25rem 1rem;
}

.account-facts dt[b-m3ycg3489r] {
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.account-facts dd[b-m3ycg3489r] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  font-size: var(--text-base);
  font-weight: 500;
  color: var(--color-fg);
}

.account-text[b-m3ycg3489r] {
  margin: 0;
  font-size: var(--text-base);
  line-height: 1.5;
  color: var(--color-fg-2);
}

.explainer[b-m3ycg3489r] {
  display: grid;
  gap: 0.875rem;
  margin: 0;
}

.explainer dt[b-m3ycg3489r] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--text-base);
  font-weight: 600;
  color: var(--color-fg);
}

.explainer dt[b-m3ycg3489r]  svg {
  color: var(--color-brand);
}

.explainer dd[b-m3ycg3489r] {
  margin: 0.125rem 0 0 1.25rem;
  font-size: var(--text-base);
  line-height: 1.5;
  color: var(--color-fg-2);
}

.account-reason[b-m3ycg3489r] {
  color: var(--color-fg-2);
}

@media (max-width: 860px) {
  .account-grid[b-m3ycg3489r] {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 640px) {
  .col-by[b-m3ycg3489r] {
    display: none;
  }
}
/* /Components/Pages/Settings/AlertSettingsPage.razor.rz.scp.css */
.alerts-section[b-7qpr0ljcgz] {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}

.alerts-section + .alerts-section[b-7qpr0ljcgz] {
  margin-top: 0.75rem;
}

.section-head[b-7qpr0ljcgz] {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

.section-title[b-7qpr0ljcgz] {
  font-size: var(--text-lg);
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--color-fg);
}

.section-sub[b-7qpr0ljcgz] {
  font-size: var(--text-base);
  color: var(--color-fg-3);
}

.alert-rules[b-7qpr0ljcgz],
.policy-form[b-7qpr0ljcgz] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* ---------- Rule cards ---------- */

.rule-grid[b-7qpr0ljcgz] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(22rem, 1fr));
  gap: 0.875rem;
}

.rule-card[b-7qpr0ljcgz] {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  min-width: 0;
  padding: 1rem 1.125rem 0;
  border-radius: var(--radius-xl);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
  transition: box-shadow 0.15s ease;
}

.rule-card.is-on[b-7qpr0ljcgz] {
  box-shadow: 0 0 0 1px var(--color-brand-100), 0 1px 2px rgb(11 12 16 / 0.04);
}

.rule-card-head[b-7qpr0ljcgz] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

.rule-name[b-7qpr0ljcgz] {
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--color-fg);
}

.rule-tags[b-7qpr0ljcgz] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.rule-audience[b-7qpr0ljcgz] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.rule-description[b-7qpr0ljcgz] {
  font-size: var(--text-base);
  line-height: 1.45;
  color: var(--color-fg-2);
}

.rule-params[b-7qpr0ljcgz] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.25rem;
}

.rule-param[b-7qpr0ljcgz] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}

.param-input[b-7qpr0ljcgz] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.param-input .input[b-7qpr0ljcgz] {
  width: 4.75rem;
  flex-shrink: 0;
}

.param-hint[b-7qpr0ljcgz] {
  font-size: var(--text-sm);
  line-height: 1.35;
  color: var(--color-fg-3);
}

.rule-card.is-off .rule-description[b-7qpr0ljcgz],
.rule-card.is-off .rule-params[b-7qpr0ljcgz] {
  opacity: 0.6;
}

.rule-preview[b-7qpr0ljcgz] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  margin: auto -1.125rem 0;
  padding: 0.625rem 1.125rem;
  border-top: 1px solid var(--color-line);
  border-radius: 0 0 var(--radius-xl) var(--radius-xl);
  background: var(--color-surface-2);
  font-size: var(--text-sm);
  color: var(--color-fg-2);
}

.rule-preview strong[b-7qpr0ljcgz] {
  font-weight: 600;
  color: var(--color-fg);
}

.rule-preview[b-7qpr0ljcgz]  svg {
  flex-shrink: 0;
  color: var(--color-fg-3);
}

.preview-muted[b-7qpr0ljcgz] {
  color: var(--color-fg-3);
}

.rule-footer[b-7qpr0ljcgz] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

/* The save button sits on the right, also when nothing is beside it (the team form without an error). */
.rule-footer[b-7qpr0ljcgz]  .btn {
  margin-left: auto;
}

.rule-footnote[b-7qpr0ljcgz] {
  display: flex;
  align-items: flex-start;
  gap: 0.375rem;
  max-width: 44rem;
  font-size: var(--text-sm);
  line-height: 1.45;
  color: var(--color-fg-3);
}

.rule-footnote[b-7qpr0ljcgz]  svg {
  flex-shrink: 0;
  margin-top: 0.125rem;
}

/* ---------- Who gets alerts ---------- */

.policy-grid[b-7qpr0ljcgz] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.875rem;
  align-items: start;
}

.policy-grid[b-7qpr0ljcgz]  .policy-card {
  height: 100%;
}

.policy-grid[b-7qpr0ljcgz]  .fieldset > legend {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.policy-strong[b-7qpr0ljcgz] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-weight: 500;
  color: var(--color-fg);
}

.policy-minutes[b-7qpr0ljcgz] {
  width: 4.5rem;
}

.quiet-row[b-7qpr0ljcgz] {
  display: flex;
  gap: 0.75rem;
}

.quiet-row .field[b-7qpr0ljcgz] {
  min-width: 0;
  flex: 1;
}

@media (max-width: 1100px) {
  .policy-grid[b-7qpr0ljcgz] {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 720px) {
  .rule-grid[b-7qpr0ljcgz] {
    grid-template-columns: minmax(0, 1fr);
  }

  .rule-card[b-7qpr0ljcgz] {
    padding: 0.875rem 1rem 0;
  }

  .rule-preview[b-7qpr0ljcgz] {
    margin: auto -1rem 0;
    padding: 0.625rem 1rem;
  }

  .rule-footer[b-7qpr0ljcgz] {
    flex-direction: column;
    align-items: stretch;
  }

  .rule-footer[b-7qpr0ljcgz]  .btn {
    margin-left: 0;
  }
}
/* /Components/Pages/Settings/AuditLog.razor.rz.scp.css */
.audit-filters[b-tlm9cvcdi1] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.filter-actions[b-tlm9cvcdi1] {
  display: flex;
  gap: 0.375rem;
}

.pager[b-tlm9cvcdi1] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
}

.pager-label[b-tlm9cvcdi1] {
  font-size: var(--text-base);
  color: var(--color-fg-3);
}

.entry-fields[b-tlm9cvcdi1] {
  display: grid;
  grid-template-columns: 8rem minmax(0, 1fr);
  gap: 0.5rem 1rem;
  margin: 0;
  font-size: var(--text-base);
}

.entry-fields dt[b-tlm9cvcdi1] {
  color: var(--color-fg-3);
}

.entry-fields dd[b-tlm9cvcdi1] {
  margin: 0;
  color: var(--color-fg);
}

.wrap[b-tlm9cvcdi1] {
  overflow-wrap: anywhere;
}

.diff-title[b-tlm9cvcdi1] {
  margin: 1.25rem 0 0.5rem;
  font-size: var(--text-md);
}

.diff-table[b-tlm9cvcdi1] {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--text-base);
}

.diff-table th[b-tlm9cvcdi1],
.diff-table td[b-tlm9cvcdi1] {
  padding: 0.5rem;
  border-bottom: 1px solid var(--color-line);
  text-align: left;
  vertical-align: top;
}

.diff-table thead th[b-tlm9cvcdi1] {
  font-size: var(--text-sm);
  font-weight: 400;
  color: var(--color-fg-3);
}

.diff-before[b-tlm9cvcdi1] {
  color: var(--color-bad-fg);
  text-decoration: line-through;
  text-decoration-color: color-mix(in srgb, var(--color-bad) 45%, transparent);
}

.diff-after[b-tlm9cvcdi1] {
  color: var(--color-ok-fg);
  font-weight: 500;
}

.diff-raw[b-tlm9cvcdi1] {
  overflow-x: auto;
  padding: 0.75rem;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
  font-family: var(--font-mono);
  font-size: var(--text-sm);
}

/* ---------- T32 (AUD-004): search, export and retention ---------- */

.audit-search[b-tlm9cvcdi1] {
  flex: 1 1 16rem;
}

.audit-export[b-tlm9cvcdi1] {
  display: flex;
  gap: 0.375rem;
  margin-left: auto;
}

.audit-export .link-button[b-tlm9cvcdi1] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}

.audit-export-note[b-tlm9cvcdi1],
.audit-retention[b-tlm9cvcdi1] {
  margin: 0;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.audit-retention[b-tlm9cvcdi1] {
  margin-top: 0.25rem;
}
/* /Components/Pages/Settings/BillingPage.razor.rz.scp.css */
.billing-grid[b-icx0vbm3vb] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 1rem;
}

.billing-grid[b-icx0vbm3vb]  .billing-wide {
  grid-column: 1 / -1;
}

.billing-notice[b-icx0vbm3vb],
.billing-placeholder[b-icx0vbm3vb] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin: 0 0 1rem;
  padding: 0.625rem 0.75rem;
  border-radius: var(--radius-lg);
  font-size: var(--text-base);
  line-height: 1.45;
}

.billing-notice[b-icx0vbm3vb]  svg,
.billing-placeholder[b-icx0vbm3vb]  svg {
  flex: none;
  margin-top: 0.0625rem;
}

.billing-notice.is-ok[b-icx0vbm3vb] {
  background: var(--color-ok-bg);
  color: var(--color-ok-fg);
  box-shadow: 0 0 0 1px rgb(18 183 106 / 0.25);
}

.billing-notice.is-bad[b-icx0vbm3vb] {
  background: var(--color-bad-bg);
  color: var(--color-bad-fg);
  box-shadow: 0 0 0 1px rgb(240 68 56 / 0.25);
}

.billing-placeholder[b-icx0vbm3vb] {
  background: linear-gradient(95deg, var(--color-brand-50), var(--color-surface) 75%);
  color: var(--color-fg-2);
  box-shadow: 0 0 0 1px var(--color-brand-100);
}

.billing-placeholder[b-icx0vbm3vb]  svg {
  color: var(--color-brand);
}

.billing-placeholder a[b-icx0vbm3vb] {
  color: var(--color-brand);
  font-weight: 500;
}

.card-empty[b-icx0vbm3vb],
.card-empty-inline[b-icx0vbm3vb] {
  margin: 0;
  font-size: var(--text-base);
  line-height: 1.5;
  color: var(--color-fg-2);
}

.card-empty[b-icx0vbm3vb] {
  padding: 1rem;
}

.card-empty-inline[b-icx0vbm3vb] {
  margin-bottom: 0.75rem;
}

.plan-headline[b-icx0vbm3vb] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

.plan-name[b-icx0vbm3vb] {
  margin: 0;
  font-size: var(--text-xl);
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--color-fg);
}

.plan-price[b-icx0vbm3vb] {
  margin: 0.125rem 0 0;
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.plan-facts[b-icx0vbm3vb] {
  display: grid;
  gap: 0.5rem;
  margin: 0 0 0.75rem;
  padding: 0.75rem;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
}

.plan-facts div[b-icx0vbm3vb] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.25rem 1rem;
}

.plan-facts dt[b-icx0vbm3vb] {
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.plan-facts dd[b-icx0vbm3vb] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  font-size: var(--text-base);
  font-weight: 500;
  color: var(--color-fg);
}

.plan-text[b-icx0vbm3vb] {
  margin: 0 0 0.75rem;
  font-size: var(--text-base);
  line-height: 1.5;
  color: var(--color-fg-2);
}

.plan-actions[b-icx0vbm3vb] {
  display: flex;
  justify-content: flex-end;
}

.meters[b-icx0vbm3vb] {
  display: grid;
  gap: 0.875rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.meter-head[b-icx0vbm3vb] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.375rem;
  font-size: var(--text-base);
}

.meter-label[b-icx0vbm3vb] {
  color: var(--color-fg-2);
}

.meter-value[b-icx0vbm3vb] {
  font-weight: 600;
  color: var(--color-fg);
}

.meter-track[b-icx0vbm3vb] {
  height: 0.5rem;
  overflow: hidden;
  border-radius: var(--radius-full);
  background: var(--color-surface-2);
  box-shadow: inset 0 0 0 1px var(--color-line);
}

.meter-fill[b-icx0vbm3vb] {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--color-brand);
}

.state-near .meter-fill[b-icx0vbm3vb] {
  background: var(--color-warn);
}

.state-atlimit .meter-fill[b-icx0vbm3vb],
.state-over .meter-fill[b-icx0vbm3vb] {
  background: var(--color-bad);
}

.state-atlimit .meter-value[b-icx0vbm3vb],
.state-over .meter-value[b-icx0vbm3vb] {
  color: var(--color-bad-fg);
}

.meters-note[b-icx0vbm3vb] {
  margin: 0.875rem 0 0;
  font-size: var(--text-sm);
  line-height: 1.5;
  color: var(--color-fg-3);
}

.interval-toggle[b-icx0vbm3vb] {
  display: inline-flex;
  padding: 0.1875rem;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
  box-shadow: inset 0 0 0 1px var(--color-line);
}

.interval-toggle button[b-icx0vbm3vb] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  height: 1.75rem;
  padding: 0 0.75rem;
  border: 0;
  border-radius: calc(var(--radius-md) - 2px);
  background: transparent;
  font: inherit;
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg-2);
  cursor: pointer;
}

.interval-toggle button.is-on[b-icx0vbm3vb] {
  background: var(--color-surface);
  color: var(--color-fg);
  box-shadow: var(--shadow-card);
}

.interval-toggle button:focus-visible[b-icx0vbm3vb] {
  outline: 2px solid var(--color-brand);
  outline-offset: 1px;
}

.interval-toggle .save[b-icx0vbm3vb] {
  padding: 0.0625rem 0.375rem;
  border-radius: var(--radius-full);
  background: var(--color-ok-bg);
  font-size: var(--text-xs);
  color: var(--color-ok-fg);
}

.plan-options[b-icx0vbm3vb] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.plan-option[b-icx0vbm3vb] {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.plan-option.is-recommended[b-icx0vbm3vb] {
  box-shadow: 0 0 0 1.5px var(--color-brand), 0 8px 24px -16px rgb(91 77 255 / 0.45);
}

.plan-option.is-current[b-icx0vbm3vb] {
  background: linear-gradient(180deg, var(--color-ok-bg), var(--color-surface) 45%);
}

.option-head[b-icx0vbm3vb] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

.option-name[b-icx0vbm3vb] {
  margin: 0;
  font-size: var(--text-lg);
  font-weight: 600;
  color: var(--color-fg);
}

.option-target[b-icx0vbm3vb] {
  margin: 0.125rem 0 0.75rem;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.option-price[b-icx0vbm3vb] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.375rem;
  margin: 0 0 0.5rem;
}

.option-amount[b-icx0vbm3vb] {
  font-size: var(--text-2xl);
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--color-fg);
}

.option-unit[b-icx0vbm3vb] {
  font-size: var(--text-sm);
  color: var(--color-fg-2);
}

.option-description[b-icx0vbm3vb] {
  margin: 0 0 0.75rem;
  font-size: var(--text-base);
  line-height: 1.5;
  color: var(--color-fg-2);
}

.option-limits[b-icx0vbm3vb] {
  display: grid;
  gap: 0.375rem;
  margin: 0 0 1rem;
  padding: 0;
  list-style: none;
  font-size: var(--text-base);
  color: var(--color-fg);
}

.option-limits li[b-icx0vbm3vb] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

.option-limits[b-icx0vbm3vb]  svg {
  flex: none;
  color: var(--color-ok);
}

.option-action[b-icx0vbm3vb] {
  margin-top: auto;
}

.option-action[b-icx0vbm3vb]  .btn {
  width: 100%;
}

.option-current[b-icx0vbm3vb] {
  display: block;
  padding: 0.4375rem 0;
  font-size: var(--text-sm);
  font-weight: 500;
  text-align: center;
  color: var(--color-ok-fg);
}

.contact-sales[b-icx0vbm3vb],
.option-action a[b-icx0vbm3vb] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.875rem;
  border-radius: var(--radius-md);
  background: var(--color-surface);
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg);
  text-decoration: none;
  box-shadow: 0 0 0 1px var(--color-line-2), var(--shadow-soft);
}

.option-action a:hover[b-icx0vbm3vb] {
  background: var(--color-surface-2);
}

.option-action a:focus-visible[b-icx0vbm3vb],
.invoice-link:focus-visible[b-icx0vbm3vb] {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}

.method[b-icx0vbm3vb] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0 0 0.875rem;
}

.method-icon[b-icx0vbm3vb] {
  display: grid;
  place-items: center;
  width: 2.5rem;
  height: 1.75rem;
  border-radius: var(--radius-sm);
  background: linear-gradient(135deg, #1d2436, #0b0e17);
  color: #fff;
}

.method-text[b-icx0vbm3vb] {
  display: grid;
}

.method-name[b-icx0vbm3vb] {
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--color-fg);
}

.method-meta[b-icx0vbm3vb] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.invoice-link[b-icx0vbm3vb] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-brand);
  text-decoration: none;
}

.invoice-link:hover[b-icx0vbm3vb] {
  text-decoration: underline;
}

@media (max-width: 1100px) {
  .plan-options[b-icx0vbm3vb] {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 860px) {
  .billing-grid[b-icx0vbm3vb] {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* /Components/Pages/Settings/BillingReturnPage.razor.rz.scp.css */
.confirm-card[b-532mx387n8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 32rem;
  margin: 3rem auto;
  padding: 2rem 1.5rem;
  border-radius: var(--radius-xl);
  background: var(--color-surface);
  text-align: center;
  box-shadow: var(--shadow-card), 0 24px 48px -28px rgb(35 28 110 / 0.2);
}

.confirm-icon[b-532mx387n8] {
  display: grid;
  place-items: center;
  width: 3.5rem;
  height: 3.5rem;
  margin-bottom: 1rem;
  border-radius: var(--radius-full);
  background: var(--color-surface-2);
  color: var(--color-fg-2);
}

.confirm-icon.is-ok[b-532mx387n8] {
  background: var(--color-ok-bg);
  color: var(--color-ok-fg);
}

.confirm-icon.is-bad[b-532mx387n8] {
  background: var(--color-bad-bg);
  color: var(--color-bad-fg);
}

.confirm-spinner[b-532mx387n8] {
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: 1rem;
  border: 3px solid var(--color-brand-100);
  border-top-color: var(--color-brand);
  border-radius: var(--radius-full);
  animation: confirm-spin-b-532mx387n8 0.9s linear infinite;
}

@keyframes confirm-spin-b-532mx387n8 {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .confirm-spinner[b-532mx387n8] {
    animation-duration: 3s;
  }
}

.confirm-title[b-532mx387n8] {
  margin: 0 0 0.5rem;
  font-size: var(--text-xl);
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--color-fg);
}

.confirm-text[b-532mx387n8] {
  margin: 0 0 1.25rem;
  font-size: var(--text-md);
  line-height: 1.5;
  color: var(--color-fg-2);
}

.confirm-actions[b-532mx387n8] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}

.confirm-primary[b-532mx387n8],
.confirm-secondary[b-532mx387n8] {
  display: inline-flex;
  align-items: center;
  height: 2.25rem;
  padding: 0 0.875rem;
  border-radius: var(--radius-md);
  font-size: var(--text-base);
  font-weight: 500;
  text-decoration: none;
}

.confirm-primary[b-532mx387n8] {
  background: var(--color-fg);
  color: #fff;
}

.confirm-secondary[b-532mx387n8] {
  background: var(--color-surface);
  color: var(--color-fg);
  box-shadow: 0 0 0 1px var(--color-line-2);
}

.confirm-primary:focus-visible[b-532mx387n8],
.confirm-secondary:focus-visible[b-532mx387n8] {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}
/* /Components/Pages/Settings/BusinessProfilePage.razor.rz.scp.css */
.business-page[b-99p9w0rvoz] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.logo-row[b-99p9w0rvoz] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.25rem;
}

.logo-preview[b-99p9w0rvoz] {
  display: grid;
  place-items: center;
  width: 12rem;
  height: 5rem;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: var(--radius-lg);
  background: var(--color-surface-2);
  box-shadow: var(--ring-hairline);
}

.logo-preview img[b-99p9w0rvoz] {
  max-width: 90%;
  max-height: 80%;
  object-fit: contain;
}

.logo-empty[b-99p9w0rvoz] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.logo-actions[b-99p9w0rvoz] {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  gap: 0.625rem;
}

.logo-buttons[b-99p9w0rvoz] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.file-button[b-99p9w0rvoz] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  height: 1.875rem;
  padding: 0 0.625rem;
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: 0 0 0 1px var(--color-line-2), var(--shadow-soft);
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg);
  cursor: pointer;
}

.file-button:hover[b-99p9w0rvoz] {
  background: var(--color-surface-2);
}

.file-button:focus-within[b-99p9w0rvoz] {
  outline: 2px solid var(--color-brand);
  outline-offset: 1px;
}
/* /Components/Pages/Settings/DataRequestsPage.razor.rz.scp.css */
.dsr-grid[b-tcr3w6lglt] {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  align-items: start;
  gap: 1rem;
}

.dsr-grid[b-tcr3w6lglt]  .dsr-clients {
  grid-column: 1 / -1;
}

.dsr-items[b-tcr3w6lglt] {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}

.dsr-item[b-tcr3w6lglt] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  padding: 0.875rem 0;
  border-bottom: 1px solid var(--color-line);
}

.dsr-item:first-child[b-tcr3w6lglt] {
  padding-top: 0.25rem;
}

.dsr-item:last-child[b-tcr3w6lglt] {
  border-bottom: 0;
  padding-bottom: 0.25rem;
}

.dsr-head[b-tcr3w6lglt] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.dsr-name[b-tcr3w6lglt] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  margin-right: auto;
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--color-fg);
}

.dsr-meta[b-tcr3w6lglt],
.dsr-guidance[b-tcr3w6lglt],
.dsr-muted[b-tcr3w6lglt] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.dsr-overdue[b-tcr3w6lglt] {
  font-weight: 600;
  color: var(--color-bad-fg);
}

.dsr-note[b-tcr3w6lglt] {
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.dsr-outcome[b-tcr3w6lglt] {
  display: flex;
  align-items: flex-start;
  gap: 0.375rem;
  font-size: var(--text-sm);
  color: var(--color-ok-fg);
}

.dsr-outcome[b-tcr3w6lglt]  svg {
  flex-shrink: 0;
  margin-top: 0.125rem;
}

.dsr-actions[b-tcr3w6lglt] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.25rem;
}

.dsr-check[b-tcr3w6lglt] {
  font-size: var(--text-sm);
}

.dsr-working[b-tcr3w6lglt] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--text-sm);
  color: var(--color-fg-2);
}

.dsr-download[b-tcr3w6lglt] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  height: 1.875rem;
  padding: 0 0.625rem;
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: 0 0 0 1px var(--color-line-2), var(--shadow-soft);
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg);
  white-space: nowrap;
}

.dsr-download:hover[b-tcr3w6lglt] {
  background: var(--color-surface-2);
}

.dsr-note-input[b-tcr3w6lglt] {
  min-height: 3.5rem;
  padding-top: 0.375rem;
  resize: vertical;
}

.dsr-date[b-tcr3w6lglt] {
  max-width: 12rem;
}

.dsr-form-actions[b-tcr3w6lglt] {
  display: flex;
  justify-content: flex-end;
}

.dsr-procedure[b-tcr3w6lglt] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  max-width: 52rem;
  margin-bottom: 1rem;
  font-size: var(--text-base);
  line-height: 1.5;
  color: var(--color-fg-2);
}

.dsr-window[b-tcr3w6lglt] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.75rem;
}

.dsr-window-note[b-tcr3w6lglt] {
  flex: 1;
  min-width: 12rem;
}

.dsr-window-actions[b-tcr3w6lglt] {
  display: flex;
}

.dsr-windows[b-tcr3w6lglt] {
  display: flex;
  flex-direction: column;
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
}

.dsr-windows li[b-tcr3w6lglt] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.75rem;
  padding: 0.5rem 0;
  border-top: 1px solid var(--color-line);
  font-size: var(--text-base);
}

.erase-notice[b-tcr3w6lglt] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.625rem 0.875rem;
  border-radius: var(--radius-md);
  background: var(--color-bad-bg);
  font-size: var(--text-base);
  line-height: 1.5;
  color: var(--color-bad-fg);
}

.erase-notice[b-tcr3w6lglt]  svg {
  flex-shrink: 0;
  margin-top: 0.1875rem;
}

@media (max-width: 900px) {
  .dsr-grid[b-tcr3w6lglt] {
    grid-template-columns: minmax(0, 1fr);
  }

  .dsr-window .field[b-tcr3w6lglt] {
    flex: 1 1 8rem;
  }
}
/* /Components/Pages/Settings/GatewayDetail.razor.rz.scp.css */
.title-row[b-pc2nzltd4e] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.625rem;
}

.gateway-grid[b-pc2nzltd4e] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}

.gateway-grid[b-pc2nzltd4e]  .span-all {
  grid-column: 1 / -1;
}

.gateway-grid[b-pc2nzltd4e]  .versions-card {
  grid-column: 1 / -1;
}

.gateway-grid[b-pc2nzltd4e]  .span-2 {
  grid-column: span 2;
}

/* ---------- Processing gateways (T55) ---------- */

.dev-note[b-pc2nzltd4e] {
  color: var(--color-brand-600);
}

.notice-info[b-pc2nzltd4e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  background: var(--color-surface-2);
  color: var(--color-fg-2);
  box-shadow: inset 0 0 0 1px var(--color-line);
}

.notice-info[b-pc2nzltd4e]  svg,
.notice-ok[b-pc2nzltd4e]  svg {
  flex-shrink: 0;
  margin-top: 0.1875rem;
}

.notice-ok[b-pc2nzltd4e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}

.gateway-grid[b-pc2nzltd4e]  .enrolment-card {
  background-image: linear-gradient(180deg, var(--color-brand-50), transparent 7rem);
  box-shadow: var(--shadow-card), inset 0 0 0 1px var(--color-brand-100);
}

.enrolment-text[b-pc2nzltd4e] {
  max-width: 44rem;
  font-size: var(--text-md);
  color: var(--color-fg-2);
}

.enrolment-ids[b-pc2nzltd4e] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
  gap: 0.75rem;
  margin-top: 1rem;
}

.enrolment-sync[b-pc2nzltd4e] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem 0.625rem;
  margin-top: 1rem;
  font-size: var(--text-base);
}

.sync-label[b-pc2nzltd4e] {
  font-weight: 500;
  color: var(--color-fg-3);
}

.enrolment-sync .card-link[b-pc2nzltd4e] {
  display: inline-flex;
  align-items: center;
  gap: 0.125rem;
  margin-left: auto;
  font-weight: 500;
}

.gateway-grid[b-pc2nzltd4e]  .spark-spool {
  color: var(--color-cyan);
}

.metric-note[b-pc2nzltd4e] {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--color-line);
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.id-value[b-pc2nzltd4e] {
  overflow-wrap: anywhere;
}

.managed-note[b-pc2nzltd4e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--color-line);
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.managed-note[b-pc2nzltd4e]  svg {
  flex-shrink: 0;
  margin-top: 0.125rem;
}

/* ---------- Security (T23): the gateway's SPIFFE ID and its state in processing ---------- */

.security-layout[b-pc2nzltd4e] {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: 1rem 2.5rem;
  align-items: start;
}

.security-identity[b-pc2nzltd4e] {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}

.security-note[b-pc2nzltd4e] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin: 0;
  max-width: 36rem;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.security-note[b-pc2nzltd4e]  svg {
  flex-shrink: 0;
  margin-top: 0.125rem;
  color: var(--color-ok);
}

.security-facts[b-pc2nzltd4e] {
  margin: 0;
}

.security-fact[b-pc2nzltd4e] {
  display: grid;
  grid-template-columns: 7.5rem minmax(0, 1fr);
  gap: 1rem;
  padding: 0.625rem 0;
  border-top: 1px solid var(--color-line);
  font-size: var(--text-base);
}

.security-fact:first-child[b-pc2nzltd4e] {
  padding-top: 0;
  border-top: 0;
}

.security-fact dt[b-pc2nzltd4e] {
  color: var(--color-fg-3);
}

.security-fact dd[b-pc2nzltd4e] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem 0.5rem;
  margin: 0;
  color: var(--color-fg);
}

.security-detail[b-pc2nzltd4e] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.subhead[b-pc2nzltd4e] {
  margin: 1rem 0 0.5rem;
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg-3);
}

.changes[b-pc2nzltd4e] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--text-base);
}

.changes li[b-pc2nzltd4e] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem 0.5rem;
}

.change-time[b-pc2nzltd4e] {
  min-width: 10.5rem;
  color: var(--color-fg-3);
}

.change-dot[b-pc2nzltd4e] {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
}

.change-dot.seg-online[b-pc2nzltd4e] {
  background: var(--color-ok);
}

.change-dot.seg-degraded[b-pc2nzltd4e] {
  background: var(--color-warn);
}

.change-dot.seg-offline[b-pc2nzltd4e] {
  background: #b9bcc6;
}

.change-dot.seg-released[b-pc2nzltd4e],
.change-dot.seg-revoked[b-pc2nzltd4e],
.change-dot.seg-updating[b-pc2nzltd4e] {
  background: var(--color-line-2);
}

.change-dot.seg-unknown[b-pc2nzltd4e] {
  background: transparent;
  box-shadow: inset 0 0 0 1.5px #9a9eab;
}

.change-status[b-pc2nzltd4e] {
  font-weight: 500;
  color: var(--color-fg);
}

.change-reason[b-pc2nzltd4e] {
  color: var(--color-fg-3);
}

.metric-head[b-pc2nzltd4e] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

.metric-label[b-pc2nzltd4e] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.metric-value[b-pc2nzltd4e] {
  font-size: var(--text-2xl);
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--color-fg);
}

.metric-collecting[b-pc2nzltd4e] {
  display: flex;
  align-items: center;
  min-height: 3rem;
  margin-top: 0 !important;
  padding: 0 0.75rem;
  border-radius: var(--radius-md);
  background-color: var(--color-surface-2);
  background-image: repeating-linear-gradient(135deg, transparent 0 6px, rgb(11 12 16 / 0.035) 6px 12px);
}

.metric-foot[b-pc2nzltd4e],
.metric-empty[b-pc2nzltd4e] {
  margin-top: 0.5rem;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.gateway-grid[b-pc2nzltd4e]  .spark-cpu {
  color: var(--color-brand);
}

.gateway-grid[b-pc2nzltd4e]  .spark-memory {
  color: var(--color-violet);
}

.gateway-grid[b-pc2nzltd4e]  .spark-disk {
  color: var(--color-cyan);
}

.facts[b-pc2nzltd4e] {
  display: grid;
  grid-template-columns: 9rem minmax(0, 1fr);
  gap: 0.5rem 1rem;
  margin: 0;
  font-size: var(--text-base);
}

.facts dt[b-pc2nzltd4e] {
  color: var(--color-fg-3);
}

.facts dd[b-pc2nzltd4e] {
  margin: 0;
  color: var(--color-fg);
}

.facts .cell-sub[b-pc2nzltd4e] {
  display: inline;
  margin-left: 0.375rem;
}

.dialog-text[b-pc2nzltd4e] {
  font-size: var(--text-md);
  color: var(--color-fg-2);
}

@media (max-width: 900px) {
  .gateway-grid[b-pc2nzltd4e] {
    grid-template-columns: minmax(0, 1fr);
  }

  .gateway-grid[b-pc2nzltd4e]  .span-2 {
    grid-column: 1 / -1;
  }

  .enrolment-ids[b-pc2nzltd4e] {
    grid-template-columns: minmax(0, 1fr);
  }

  .security-layout[b-pc2nzltd4e] {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 480px) {
  .facts[b-pc2nzltd4e] {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.125rem;
  }

  .facts dd[b-pc2nzltd4e] {
    margin-bottom: 0.5rem;
  }

  .enrolment-sync .card-link[b-pc2nzltd4e] {
    margin-left: 0;
  }

  .security-fact[b-pc2nzltd4e] {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.125rem;
  }
}
/* /Components/Pages/Settings/Gateways.razor.rz.scp.css */
.gateway-link[b-dagscbhzjq] {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  color: inherit;
  border-radius: var(--radius-sm);
}

.gateway-link:hover .cell-strong[b-dagscbhzjq] {
  color: var(--color-brand-600);
}

.gateway-icon[b-dagscbhzjq] {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
  color: var(--color-fg-2);
  box-shadow: inset 0 0 0 1px var(--color-line);
}

.gateway-text[b-dagscbhzjq] {
  display: flex;
  flex-direction: column;
}

.status-reason[b-dagscbhzjq] {
  margin-top: 0.25rem;
  color: var(--color-warn-fg);
  white-space: normal;
  max-width: 18rem;
}

/* Unknown (T55): no news from processing; not a shop problem, so not in the warning colour. */
.status-reason.is-unknown[b-dagscbhzjq] {
  color: var(--color-fg-3);
}

.header-actions[b-dagscbhzjq] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* Agent gateways are a development tool (T55). */
.dev-badge[b-dagscbhzjq] {
  display: inline-block;
  margin-left: 0.25rem;
  padding: 0 0.375rem;
  border-radius: var(--radius-full);
  background: var(--color-brand-50);
  color: var(--color-brand-600);
  font-family: var(--font-sans);
  font-size: var(--text-xs);
  font-weight: 500;
  white-space: nowrap;
}

tr.is-released[b-dagscbhzjq] {
  opacity: 0.7;
}

.claim-form[b-dagscbhzjq] {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}

.claim-input[b-dagscbhzjq] {
  height: 2.75rem;
  font-size: var(--text-lg);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.field-hint[b-dagscbhzjq] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

/* Phones: one compact block per gateway (name and serial on the left, status and last seen on the right). */
@media (max-width: 640px) {
  .gateway-list[b-dagscbhzjq]  table.data-table,
  tbody[b-dagscbhzjq] {
    display: block;
  }

  thead[b-dagscbhzjq] {
    display: none;
  }

  tbody tr[b-dagscbhzjq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.25rem 0.75rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--color-line);
  }

  tbody tr:last-child[b-dagscbhzjq] {
    border-bottom: 0;
  }

  tbody th[b-dagscbhzjq],
  tbody td[b-dagscbhzjq] {
    padding: 0 !important;
    border: 0 !important;
  }

  .col-location[b-dagscbhzjq],
  .col-software[b-dagscbhzjq],
  .col-config[b-dagscbhzjq] {
    display: none;
  }

  tbody th[scope="row"][b-dagscbhzjq] {
    grid-row: 1 / span 2;
    min-width: 0;
    white-space: normal !important;
  }

  /* Long sub lines (serial and badge, "Managed by processing · label") wrap instead of running under the status. */
  .gateway-link[b-dagscbhzjq] {
    display: flex;
    min-width: 0;
  }

  .gateway-text[b-dagscbhzjq] {
    min-width: 0;
  }

  .dev-badge[b-dagscbhzjq] {
    margin-left: 0;
  }

  .col-status[b-dagscbhzjq] {
    grid-column: 2;
    justify-self: end;
    text-align: right !important;
  }

  .col-seen[b-dagscbhzjq] {
    grid-column: 2;
    justify-self: end;
    font-size: var(--text-sm);
    color: var(--color-fg-3) !important;
  }

  .col-seen[b-dagscbhzjq]::before {
    content: "Last seen ";
  }

  .status-reason[b-dagscbhzjq] {
    max-width: 12rem;
    margin-left: auto;
  }
}
/* /Components/Pages/Settings/Locations.razor.rz.scp.css */
.locations-page[b-s6as7dizck] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.row-actions[b-s6as7dizck] {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.375rem;
}

.input-compact[b-s6as7dizck] {
  min-width: 9rem;
  padding-block: 0.25rem;
  font-size: var(--text-sm);
}

.card-intro[b-s6as7dizck] {
  margin-bottom: 0.75rem;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.group-list[b-s6as7dizck] {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}

.group-item[b-s6as7dizck] {
  display: grid;
  grid-template-columns: auto minmax(0, max-content) minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.625rem;
  padding: 0.5rem 0;
  border-top: 1px solid var(--color-line);
  color: var(--color-fg-3);
}

.group-item:first-child[b-s6as7dizck] {
  border-top: 0;
}

.group-name[b-s6as7dizck] {
  font-weight: 500;
  color: var(--color-fg);
}

.group-item .cell-sub[b-s6as7dizck] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 640px) {
  .group-item[b-s6as7dizck] {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .group-item .cell-sub[b-s6as7dizck],
  .group-item .row-actions[b-s6as7dizck] {
    grid-column: 2;
  }

  .group-item .row-actions[b-s6as7dizck] {
    justify-content: flex-start;
  }
}
/* /Components/Pages/Settings/LocationSettingsPage.razor.rz.scp.css */
.header-meta[b-nd0xo4igay] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
}

.location-grid[b-nd0xo4igay] {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  align-items: start;
  gap: 1rem;
}

.card-intro[b-nd0xo4igay] {
  margin: -0.25rem 0 0.5rem;
  font-size: var(--text-base);
  color: var(--color-fg-3);
}

.form-row-address[b-nd0xo4igay] {
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) 4.5rem;
}

.form-row-address .field[b-nd0xo4igay] {
  min-width: 0;
}

.input-country[b-nd0xo4igay] {
  text-transform: uppercase;
}

.input-cutoff[b-nd0xo4igay] {
  width: 7rem;
}

.form-actions[b-nd0xo4igay] {
  display: flex;
  justify-content: flex-end;
  padding-top: 0.25rem;
}

.conflict[b-nd0xo4igay] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-top: 0;
}

@media (max-width: 1099.98px) {
  .location-grid[b-nd0xo4igay] {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 479.98px) {
  .form-row-address[b-nd0xo4igay] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
/* /Components/Pages/Settings/LockedPeriodsPage.razor.rz.scp.css */
.lp-page[b-650yr73x9h] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.lp-page[b-650yr73x9h]  .lp-card .card-intro {
  margin: 0 0 1rem;
  max-width: 48rem;
  color: var(--color-fg-2);
  font-size: var(--text-base);
}

.lp-form[b-650yr73x9h] {
  display: grid;
  grid-template-columns: minmax(10rem, 1.2fr) minmax(9rem, 1fr) minmax(9rem, 1fr) minmax(12rem, 2fr) auto;
  align-items: start;
  gap: 0.75rem;
  margin-bottom: 1rem;
  padding: 0.875rem;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
}

.lp-form-inline[b-650yr73x9h] {
  grid-template-columns: minmax(0, 32rem) auto;
  background: none;
  padding: 0;
}

.lp-form .field[b-650yr73x9h] {
  min-width: 0;
}

.lp-toggle[b-650yr73x9h] {
  grid-column: 1 / -2;
  align-self: center;
}

.lp-form-actions[b-650yr73x9h] {
  display: flex;
  align-items: flex-end;
  height: 100%;
  padding-top: 1.375rem;
}

.lp-empty[b-650yr73x9h] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  margin: 0;
  color: var(--color-fg-3);
  font-size: var(--text-base);
}

.lp-scroll[b-650yr73x9h] {
  /* Positioned, so the table's screen-reader-only text scrolls with it and never widens the page. */
  position: relative;
  overflow-x: auto;
  margin: 0 -1rem -1rem;
}

.lp-table[b-650yr73x9h] {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--text-base);
}

.lp-table th[b-650yr73x9h],
.lp-table td[b-650yr73x9h] {
  padding: 0.625rem 1rem;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid var(--color-line);
}

.lp-table thead th[b-650yr73x9h] {
  border-top: 0;
  font-size: var(--text-xs);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--color-fg-3);
}

.lp-table tbody th[b-650yr73x9h] {
  font-weight: 500;
  white-space: nowrap;
}

.lp-table .num[b-650yr73x9h] {
  text-align: right;
  white-space: nowrap;
}

.lp-table .cell-sub[b-650yr73x9h] {
  display: block;
}

.lp-table tr.is-unlocked[b-650yr73x9h] {
  color: var(--color-fg-3);
}

.lp-period[b-650yr73x9h] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}

.lp-jobs[b-650yr73x9h] {
  display: flex;
  flex-direction: column;
  margin: 0 -1rem -1rem;
  padding: 0;
  list-style: none;
}

.lp-job[b-650yr73x9h] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border-top: 1px solid var(--color-line);
}

.lp-job-main[b-650yr73x9h] {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
  color: inherit;
  text-decoration: none;
}

.lp-job-main:hover .lp-job-title[b-650yr73x9h] {
  color: var(--color-brand);
}

.lp-job-title[b-650yr73x9h] {
  font-weight: 500;
}

.lp-job-status[b-650yr73x9h] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}

.lp-job-progress[b-650yr73x9h] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

@media (max-width: 960px) {
  .lp-form[b-650yr73x9h] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lp-reason[b-650yr73x9h],
  .lp-toggle[b-650yr73x9h] {
    grid-column: 1 / -1;
  }

  .lp-form-actions[b-650yr73x9h] {
    padding-top: 0;
    height: auto;
  }
}

@media (max-width: 560px) {
  .lp-form[b-650yr73x9h],
  .lp-form-inline[b-650yr73x9h] {
    grid-template-columns: minmax(0, 1fr);
  }

  .lp-job[b-650yr73x9h] {
    flex-direction: column;
    align-items: flex-start;
  }

  /* On a phone each lock is a block (period, location, reason, who, then Unlock), so nothing hides off-screen. */
  .lp-table thead[b-650yr73x9h] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
  }

  .lp-table[b-650yr73x9h],
  .lp-table tbody[b-650yr73x9h],
  .lp-table tr[b-650yr73x9h],
  .lp-table th[b-650yr73x9h],
  .lp-table td[b-650yr73x9h] {
    display: block;
  }

  .lp-table tbody tr[b-650yr73x9h] {
    padding: 0.75rem 1rem;
    border-top: 1px solid var(--color-line);
  }

  .lp-table tbody th[b-650yr73x9h],
  .lp-table tbody td[b-650yr73x9h] {
    padding: 0.125rem 0;
    border-top: 0;
  }

  .lp-table .num[b-650yr73x9h] {
    padding-top: 0.5rem;
    text-align: left;
  }
}
/* /Components/Pages/Settings/NotificationSettingsPage.razor.rz.scp.css */
.notifications-grid[b-egywtg4qdl] {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  align-items: start;
  gap: 1rem;
}

.summary-switch[b-egywtg4qdl] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.summary-name[b-egywtg4qdl] {
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--color-fg);
}

.summary-description[b-egywtg4qdl] {
  font-size: var(--text-base);
  line-height: 1.5;
  color: var(--color-fg-2);
}

.location-choices[b-egywtg4qdl] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.fieldset:disabled .location-choices[b-egywtg4qdl] {
  opacity: 0.55;
}

.fieldset:disabled .checkbox[b-egywtg4qdl] {
  cursor: not-allowed;
}

.notifications-actions[b-egywtg4qdl] {
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 900px) {
  .notifications-grid[b-egywtg4qdl] {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 640px) {
  .notifications-actions[b-egywtg4qdl] {
    justify-content: stretch;
  }

  .notifications-actions[b-egywtg4qdl]  .btn {
    width: 100%;
    justify-content: center;
  }
}

.notifications-section[b-egywtg4qdl] {
  margin-top: 0.25rem;
}
/* /Components/Pages/Settings/PartnersSettingsPage.razor.rz.scp.css */
.ps-page[b-707z1fc394] {
  max-width: 60rem;
}

.ps-handover[b-707z1fc394] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.875rem 1rem;
  padding: 1rem;
  border-radius: var(--radius-lg);
  background: var(--color-brand-50);
  box-shadow: 0 0 0 1px var(--color-brand-100);
}

.ps-handover-icon[b-707z1fc394] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--radius-full);
  background: var(--color-surface);
  color: var(--color-brand);
}

.ps-handover-text[b-707z1fc394] {
  flex: 1 1 20rem;
  min-width: 0;
}

.ps-handover-text h2[b-707z1fc394] {
  margin: 0 0 0.25rem;
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--color-fg);
}

.ps-handover-text p[b-707z1fc394] {
  margin: 0;
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.ps-empty[b-707z1fc394] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  margin: 0;
  color: var(--color-fg-3);
  font-size: var(--text-base);
}

.ps-intro[b-707z1fc394] {
  margin: 0 0 1rem;
  max-width: 44rem;
  color: var(--color-fg-2);
  font-size: var(--text-base);
}

.ps-list[b-707z1fc394] {
  display: flex;
  flex-direction: column;
  margin: 0 -1rem -1rem;
  padding: 0;
  list-style: none;
}

.ps-row[b-707z1fc394] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.625rem 1rem;
  padding: 0.875rem 1rem;
  border-top: 1px solid var(--color-line);
}

.ps-who[b-707z1fc394] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  min-width: 0;
}

.ps-name[b-707z1fc394] {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.5rem;
  font-weight: 600;
  color: var(--color-fg);
}

.ps-type[b-707z1fc394] {
  font-size: var(--text-xs);
  font-weight: 500;
  color: var(--color-fg-3);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.ps-meta[b-707z1fc394] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem 0.625rem;
}

.ps-meta .cell-sub[b-707z1fc394] {
  display: inline;
}

.ps-controls[b-707z1fc394] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.ps-select[b-707z1fc394] {
  width: auto;
  height: 1.875rem;
  padding-top: 0;
  padding-bottom: 0;
  font-size: var(--text-sm);
}

.ps-past .ps-name[b-707z1fc394] {
  font-weight: 500;
  color: var(--color-fg-2);
}

.ps-grant[b-707z1fc394] {
  display: grid;
  grid-template-columns: minmax(12rem, 1fr) minmax(16rem, 2fr);
  gap: 1rem 1.25rem;
  align-items: start;
}

.ps-grant .field[b-707z1fc394] {
  min-width: 0;
}

.ps-scopes[b-707z1fc394] {
  grid-row: span 2;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  border: 0;
}

.ps-radio[b-707z1fc394] {
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
  padding: 0.5rem 0.625rem;
  border-radius: var(--radius-md);
  box-shadow: 0 0 0 1px var(--color-line);
  font-size: var(--text-base);
  cursor: pointer;
}

.ps-radio:has(input:checked)[b-707z1fc394] {
  box-shadow: 0 0 0 1.5px var(--color-brand);
  background: var(--color-brand-50);
}

.ps-radio input[b-707z1fc394] {
  margin-top: 0.2rem;
}

.ps-radio .cell-sub[b-707z1fc394] {
  display: block;
}

.ps-grant-actions[b-707z1fc394] {
  grid-column: 1 / -1;
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 640px) {
  .ps-grant[b-707z1fc394] {
    grid-template-columns: minmax(0, 1fr);
  }

  .ps-scopes[b-707z1fc394] {
    grid-row: auto;
  }
}
/* /Components/Pages/Settings/PrivacySettingsPage.razor.rz.scp.css */
.privacy-grid[b-k9h4pvjd58] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 1rem;
}

/* T24: cards that span both columns (the retention history, loading and error states). */
.privacy-grid[b-k9h4pvjd58]  .privacy-wide,
.privacy-wide[b-k9h4pvjd58] {
  grid-column: 1 / -1;
}

.privacy-intro[b-k9h4pvjd58] {
  margin-bottom: 1rem;
  font-size: var(--text-base);
  line-height: 1.5;
  color: var(--color-fg-2);
}

.choices[b-k9h4pvjd58] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.choice[b-k9h4pvjd58] {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  padding: 0.75rem 0.875rem;
  border-radius: var(--radius-lg);
  box-shadow: 0 0 0 1px var(--color-line-2);
  cursor: pointer;
  transition: box-shadow 0.15s ease, background-color 0.15s ease;
}

.choice:hover[b-k9h4pvjd58] {
  background: var(--color-surface-2);
}

.choice.is-selected[b-k9h4pvjd58] {
  background: var(--color-brand-50);
  box-shadow: 0 0 0 1.5px var(--color-brand);
}

.choice.is-disabled[b-k9h4pvjd58] {
  cursor: not-allowed;
  background: var(--color-surface-2);
}

.choice.is-disabled .choice-title[b-k9h4pvjd58],
.choice.is-disabled .field-hint[b-k9h4pvjd58] {
  color: var(--color-fg-3);
}

.choice input[b-k9h4pvjd58] {
  width: 1rem;
  height: 1rem;
  margin: 0.125rem 0 0;
  flex-shrink: 0;
  accent-color: var(--color-brand);
}

.choice input:focus-visible[b-k9h4pvjd58] {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}

.choice-body[b-k9h4pvjd58] {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
}

.choice-title[b-k9h4pvjd58] {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--color-fg);
}

.choice-default[b-k9h4pvjd58] {
  font-size: var(--text-sm);
  font-weight: 400;
  color: var(--color-fg-3);
}

.choice-note[b-k9h4pvjd58] {
  margin-top: 0.25rem;
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-warn-fg);
}

.privacy-actions[b-k9h4pvjd58] {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
}

.privacy-days[b-k9h4pvjd58] {
  max-width: 8rem;
}

.privacy-facts[b-k9h4pvjd58] {
  display: grid;
  gap: 0.5rem;
  margin: 0;
  padding: 0.75rem;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
}

.privacy-facts div[b-k9h4pvjd58] {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.privacy-facts dt[b-k9h4pvjd58] {
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.privacy-facts dd[b-k9h4pvjd58] {
  margin: 0;
  font-size: var(--text-base);
  font-weight: 600;
  color: var(--color-fg);
}

.clear-notice[b-k9h4pvjd58] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  border-radius: var(--radius-md);
  background: var(--color-bad-bg);
  font-size: var(--text-base);
  line-height: 1.5;
  color: var(--color-bad-fg);
}

.clear-notice[b-k9h4pvjd58]  svg {
  flex-shrink: 0;
  margin-top: 0.125rem;
}

/* T40: the link to the data requests page. */
.privacy-link[b-k9h4pvjd58] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  height: 1.875rem;
  padding: 0 0.625rem;
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: 0 0 0 1px var(--color-line-2), var(--shadow-soft);
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg);
}

.privacy-link:hover[b-k9h4pvjd58] {
  background: var(--color-surface-2);
}

@media (max-width: 900px) {
  .privacy-grid[b-k9h4pvjd58] {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* /Components/Pages/Settings/ProcessingSettings.razor.rz.scp.css */
.processing-grid[b-bl8wxlrjqz] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

.processing-grid[b-bl8wxlrjqz]  .span-all {
  grid-column: 1 / -1;
}

.connection[b-bl8wxlrjqz] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.875rem;
}

.connection-icon[b-bl8wxlrjqz],
.resource-icon[b-bl8wxlrjqz] {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
  color: var(--color-fg-2);
  box-shadow: inset 0 0 0 1px var(--color-line);
}

.connection-icon[b-bl8wxlrjqz] {
  width: 2.5rem;
  height: 2.5rem;
  background: var(--color-brand-50);
  color: var(--color-brand);
  box-shadow: inset 0 0 0 1px var(--color-brand-100);
}

.connection-text[b-bl8wxlrjqz] {
  flex: 1;
  min-width: 0;
}

.connection-name[b-bl8wxlrjqz] {
  margin: 0;
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--color-fg);
}

.connection-text .cell-sub[b-bl8wxlrjqz] {
  margin: 0.125rem 0 0;
}

.facts[b-bl8wxlrjqz] {
  display: grid;
  grid-template-columns: 7.5rem minmax(0, 1fr);
  gap: 0.5rem 1rem;
  margin: 0;
  font-size: var(--text-base);
}

.facts dt[b-bl8wxlrjqz] {
  color: var(--color-fg-3);
}

.facts dd[b-bl8wxlrjqz] {
  margin: 0;
  color: var(--color-fg);
}

.facts .cell-sub[b-bl8wxlrjqz] {
  display: inline;
  margin-left: 0.375rem;
}

.stats[b-bl8wxlrjqz] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.stat[b-bl8wxlrjqz] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  padding: 0.75rem;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
  box-shadow: inset 0 0 0 1px var(--color-line);
}

.stat-label[b-bl8wxlrjqz] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.stat-value[b-bl8wxlrjqz] {
  font-size: var(--text-2xl);
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.1;
  color: var(--color-fg);
}

.stat-value.is-warn[b-bl8wxlrjqz] {
  color: var(--color-warn-fg);
}

.stat-of[b-bl8wxlrjqz] {
  margin-left: 0.25rem;
  font-size: var(--text-md);
  font-weight: 500;
  letter-spacing: 0;
  color: var(--color-fg-3);
}

.card-note[b-bl8wxlrjqz],
.card-empty[b-bl8wxlrjqz] {
  margin: 0.75rem 0 0;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.card-empty[b-bl8wxlrjqz] {
  margin: 0;
  padding: 1rem;
}

.resource[b-bl8wxlrjqz] {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
}

.resource-icon[b-bl8wxlrjqz] {
  width: 1.75rem;
  height: 1.75rem;
}

.resource-text[b-bl8wxlrjqz] {
  display: flex;
  flex-direction: column;
}

/* The tree: location under the business, gateway under the location, cameras under the gateway. */
.depth-1[b-bl8wxlrjqz] {
  padding-left: 1rem;
}

.depth-2[b-bl8wxlrjqz] {
  padding-left: 2rem;
}

.depth-3[b-bl8wxlrjqz] {
  padding-left: 3rem;
}

.col-status[b-bl8wxlrjqz] {
  white-space: nowrap;
}

.status-reason[b-bl8wxlrjqz] {
  display: inline;
  margin-left: 0.5rem;
  white-space: normal;
}

tr[data-status="failed"] .status-reason[b-bl8wxlrjqz] {
  color: var(--color-bad-fg);
}

tr[data-status="pending"] .status-reason[b-bl8wxlrjqz] {
  color: var(--color-warn-fg);
}

.col-action[b-bl8wxlrjqz] {
  width: 1%;
  text-align: right !important;
}

.col-minute .cell-sub[b-bl8wxlrjqz] {
  display: inline;
}

/* The age follows the minute; a message without a minute lines up with the column. */
.col-minute .cell-strong + .cell-sub[b-bl8wxlrjqz] {
  margin-left: 0.5rem;
}

/* The dashboard's service identity (a SPIFFE URI) on its own line under the sign-in method. */
.facts .identity[b-bl8wxlrjqz] {
  display: block;
  margin: 0.125rem 0 0;
  overflow-wrap: anywhere;
}

/* The service certificate's validity (T23) under the identity: a pill, then the date. */
.identity-validity[b-bl8wxlrjqz] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem 0.5rem;
  margin-top: 0.375rem;
}

.validity-detail[b-bl8wxlrjqz] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.col-monitoring[b-bl8wxlrjqz] {
  white-space: nowrap;
}

/* T20: how far behind a camera's newest minute is, its notification lag and what was filled from the timeline. */
.col-lag .lag-detail[b-bl8wxlrjqz] {
  display: block;
  margin-top: 0.125rem;
}

.col-monitoring .cell-sub[b-bl8wxlrjqz] {
  display: block;
  margin-top: 0.125rem;
}

@media (max-width: 900px) {
  .processing-grid[b-bl8wxlrjqz] {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Phones: stats stack, tables become compact rows. */
@media (max-width: 640px) {
  .stats[b-bl8wxlrjqz] {
    grid-template-columns: minmax(0, 1fr);
  }

  .stat[b-bl8wxlrjqz] {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .stat-value[b-bl8wxlrjqz] {
    font-size: var(--text-xl);
  }

  .sync-list[b-bl8wxlrjqz]  table.data-table,
  .feed-list[b-bl8wxlrjqz]  table.data-table,
  tbody[b-bl8wxlrjqz] {
    display: block;
  }

  thead[b-bl8wxlrjqz] {
    display: none;
  }

  tbody tr[b-bl8wxlrjqz] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.25rem 0.75rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--color-line);
  }

  tbody tr:last-child[b-bl8wxlrjqz] {
    border-bottom: 0;
  }

  tbody th[b-bl8wxlrjqz],
  tbody td[b-bl8wxlrjqz] {
    padding: 0 !important;
    border: 0 !important;
  }

  .col-generation[b-bl8wxlrjqz],
  .col-attempt[b-bl8wxlrjqz],
  .col-gateway[b-bl8wxlrjqz],
  .col-monitoring[b-bl8wxlrjqz] {
    display: none;
  }

  .depth-1[b-bl8wxlrjqz],
  .depth-2[b-bl8wxlrjqz],
  .depth-3[b-bl8wxlrjqz] {
    padding-left: 0;
  }

  .col-status[b-bl8wxlrjqz] {
    grid-column: 1;
    white-space: normal;
  }

  .col-action[b-bl8wxlrjqz] {
    grid-column: 2;
    grid-row: 1 / span 2;
  }

  .status-reason[b-bl8wxlrjqz] {
    display: block;
    margin: 0.25rem 0 0;
  }

  /* The lag stays visible on phones, under the camera. */
  .col-lag[b-bl8wxlrjqz] {
    grid-column: 1 / -1;
  }

  /* A camera waiting for its chair mapping keeps its state visible on phones. */
  tr[data-monitoring="waiting-for-mapping"] .col-monitoring[b-bl8wxlrjqz] {
    display: block;
    grid-column: 2;
    grid-row: 1;
  }
}
/* /Components/Pages/Settings/ReprocessJobPage.razor.rz.scp.css */
.rj-page[b-0j1ppdydfb] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.rj-progress[b-0j1ppdydfb] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.rj-progress-label[b-0j1ppdydfb] {
  font-weight: 500;
}

.rj-bar[b-0j1ppdydfb] {
  display: block;
  height: 8px;
  border-radius: var(--radius-full);
  background: var(--color-surface-3);
  overflow: hidden;
}

.rj-bar-fill[b-0j1ppdydfb] {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--gradient-ai);
  transition: width 240ms ease;
}

@media (prefers-reduced-motion: reduce) {
  .rj-bar-fill[b-0j1ppdydfb] {
    transition: none;
  }
}

.rj-tiles[b-0j1ppdydfb] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.rj-tile[b-0j1ppdydfb] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.875rem 1rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.rj-tile.is-warn[b-0j1ppdydfb] {
  box-shadow: inset 0 0 0 1px var(--color-warn), var(--shadow-card);
}

.rj-tile-value[b-0j1ppdydfb] {
  font-size: var(--text-xl);
  font-weight: 600;
}

.rj-tile-label[b-0j1ppdydfb] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.rj-none[b-0j1ppdydfb] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  margin: 0;
  padding: 1rem;
  color: var(--color-fg-2);
}

.rj-scroll[b-0j1ppdydfb] {
  /* Positioned, so the table's screen-reader-only text scrolls with it and never widens the page. */
  position: relative;
  overflow-x: auto;
}

.rj-table[b-0j1ppdydfb] {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--text-base);
}

.rj-table th[b-0j1ppdydfb],
.rj-table td[b-0j1ppdydfb] {
  padding: 0.625rem 1rem;
  text-align: left;
  white-space: nowrap;
  border-top: 1px solid var(--color-line);
}

.rj-table thead th[b-0j1ppdydfb] {
  border-top: 0;
  font-size: var(--text-xs);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--color-fg-3);
}

.rj-table tbody th[b-0j1ppdydfb] {
  font-weight: 500;
}

.rj-table .num[b-0j1ppdydfb] {
  text-align: right;
}

.rj-delta[b-0j1ppdydfb] {
  margin-left: 0.375rem;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.rj-table[b-0j1ppdydfb]  .rj-pill {
  margin-left: 0.375rem;
}

.rj-skipped[b-0j1ppdydfb] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.rj-skipped li[b-0j1ppdydfb] {
  display: flex;
  align-items: flex-start;
  gap: 0.375rem;
  color: var(--color-fg-2);
}

.rj-skipped[b-0j1ppdydfb]  svg {
  flex-shrink: 0;
  margin-top: 0.1875rem;
}

.rj-foot[b-0j1ppdydfb] {
  margin: 0;
}

@media (max-width: 720px) {
  .rj-tiles[b-0j1ppdydfb] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* /Components/Pages/Settings/RoleOptions.razor.rz.scp.css */
.role-options[b-z9ikw0xy5k] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  margin: 0;
  padding: 0;
  border: 0;
}

.role-option[b-z9ikw0xy5k] {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  padding: 0.625rem 0.75rem;
  border-radius: var(--radius-md);
  box-shadow: 0 0 0 1px var(--color-line);
  cursor: pointer;
}

.role-option:hover[b-z9ikw0xy5k] {
  background: var(--color-surface-2);
}

.role-option.is-locked[b-z9ikw0xy5k] {
  cursor: not-allowed;
  background: var(--color-surface-2);
}

.role-option input[b-z9ikw0xy5k] {
  width: 1rem;
  height: 1rem;
  margin: 0.125rem 0 0;
  accent-color: var(--color-brand);
}

.role-option-text[b-z9ikw0xy5k] {
  display: flex;
  flex-direction: column;
}

.role-option-name[b-z9ikw0xy5k] {
  font-size: var(--text-md);
  font-weight: 500;
}

.role-option-description[b-z9ikw0xy5k] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.is-locked .role-option-description[b-z9ikw0xy5k] {
  color: var(--color-warn-fg);
}

.role-options-legend[b-z9ikw0xy5k] {
  margin-bottom: 0.25rem;
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg-2);
}
/* /Components/Pages/Settings/ScopePicker.razor.rz.scp.css */
.scope-picker[b-ui4vuc18zp] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  margin: 1rem 0 0;
  padding: 0;
  border: 0;
}

.role-options-legend[b-ui4vuc18zp] {
  margin-bottom: 0.25rem;
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg-2);
}

.scope-choice[b-ui4vuc18zp] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--text-base);
  color: var(--color-fg);
  cursor: pointer;
}

.scope-choice input[b-ui4vuc18zp] {
  width: 1rem;
  height: 1rem;
  accent-color: var(--color-brand);
}

.scope-options[b-ui4vuc18zp] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin: 0.25rem 0 0 1.5rem;
  padding: 0.625rem 0.75rem;
  border-radius: var(--radius-md);
  box-shadow: 0 0 0 1px var(--color-line);
}

.scope-heading[b-ui4vuc18zp] {
  margin-top: 0.25rem;
  font-size: var(--text-xs);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--color-fg-3);
}
/* /Components/Pages/Settings/SecurityPage.razor.rz.scp.css */
.security-grid[b-fftojargfa] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 1rem;
}

.security-grid[b-fftojargfa]  .security-wide {
  grid-column: 1 / -1;
}

.security-headline[b-fftojargfa] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0 0 0.5rem;
  font-size: var(--text-lg);
  font-weight: 600;
  color: var(--color-fg);
}

.security-headline[b-fftojargfa]  svg {
  flex-shrink: 0;
  color: var(--color-brand);
}

.security-text[b-fftojargfa] {
  margin: 0 0 1rem;
  font-size: var(--text-base);
  line-height: 1.5;
  color: var(--color-fg-2);
}

.security-facts[b-fftojargfa] {
  display: grid;
  gap: 0.5rem;
  margin: 0;
  padding: 0.75rem;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
}

.security-facts div[b-fftojargfa] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0.25rem 1rem;
}

.security-facts dt[b-fftojargfa] {
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.security-facts dd[b-fftojargfa] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  font-size: var(--text-base);
  font-weight: 600;
  color: var(--color-fg);
  text-align: right;
}

.security-when[b-fftojargfa] {
  font-weight: 500;
  color: var(--color-fg-2);
}

.security-detail[b-fftojargfa] {
  margin: 0.75rem 0 0;
}

.security-actions[b-fftojargfa] {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
}

.member-list[b-fftojargfa] {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  border-radius: var(--radius-md);
  box-shadow: var(--ring-hairline);
}

.member-row[b-fftojargfa] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem 1rem;
  padding: 0.625rem 0.75rem;
}

.member-row + .member-row[b-fftojargfa] {
  border-top: 1px solid var(--color-line);
}

.member-who[b-fftojargfa] {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.member-state[b-fftojargfa] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.security-link[b-fftojargfa] {
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-brand);
  text-decoration: none;
}

.security-link:hover[b-fftojargfa] {
  text-decoration: underline;
}

.security-link:focus-visible[b-fftojargfa],
.security-link-button:focus-visible[b-fftojargfa] {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}

.security-link-button[b-fftojargfa] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  height: 2.25rem;
  padding: 0 0.875rem;
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: 0 0 0 1px var(--color-line-2), var(--shadow-soft);
  font-size: var(--text-base);
  font-weight: 500;
  color: var(--color-fg);
  text-decoration: none;
}

.security-link-button:hover[b-fftojargfa] {
  background: var(--color-surface-2);
}

.security-manage[b-fftojargfa] {
  margin: 0.75rem 0 0;
}

.security-empty[b-fftojargfa] {
  margin: 0;
  padding: 1rem;
  font-size: var(--text-base);
  color: var(--color-fg-3);
}

@media (max-width: 900px) {
  .security-grid[b-fftojargfa] {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Phones: each fact's value under its label, both left-aligned. */
@media (max-width: 600px) {
  .security-facts div[b-fftojargfa] {
    flex-direction: column;
    align-items: flex-start;
  }

  .security-facts dd[b-fftojargfa] {
    justify-content: flex-start;
    text-align: left;
  }
}
/* /Components/Pages/Settings/SessionRulesPage.razor.rz.scp.css */
.rules-type[b-2qhltbgeo0] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.rules-icon[b-2qhltbgeo0] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.875rem;
  height: 1.875rem;
  flex-shrink: 0;
  border-radius: var(--radius-md);
  background: var(--color-brand-50);
  color: var(--color-brand-600);
}

.page[b-2qhltbgeo0]  .rules-custom {
  margin-left: 0.375rem;
}

.rules-notes[b-2qhltbgeo0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  max-width: 52rem;
  font-size: var(--text-base);
  line-height: 1.5;
  color: var(--color-fg-2);
}

.rules-notes strong[b-2qhltbgeo0] {
  font-weight: 500;
  color: var(--color-fg);
}

.rules-confirm[b-2qhltbgeo0] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.rules-changes[b-2qhltbgeo0] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  margin: 0;
  padding: 0.75rem;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
  list-style: none;
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.rules-changes li[b-2qhltbgeo0] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

.rules-change-label[b-2qhltbgeo0] {
  min-width: 7.5rem;
  color: var(--color-fg-3);
}

.rules-changes strong[b-2qhltbgeo0] {
  color: var(--color-fg);
  font-weight: 600;
}
/* /Components/Pages/Settings/SettingsCard.razor.rz.scp.css */
.settings-card[b-5r6inzawgg] {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  height: 100%;
  padding: 1rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
  color: var(--color-fg);
  transition: box-shadow 0.15s ease, transform 0.15s ease;
}

.settings-card:hover[b-5r6inzawgg] {
  color: var(--color-fg);
  box-shadow: 0 0 0 1px var(--color-line-2), 0 8px 20px -12px rgb(11 12 16 / 0.25);
}

.settings-card-icon[b-5r6inzawgg] {
  display: grid;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  flex-shrink: 0;
  border-radius: var(--radius-md);
  background: var(--color-brand-50);
  color: var(--color-brand-600);
}

.settings-card-text[b-5r6inzawgg] {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
}

.settings-card-title[b-5r6inzawgg] {
  font-size: var(--text-md);
  font-weight: 600;
}

.settings-card-description[b-5r6inzawgg] {
  font-size: var(--text-base);
  color: var(--color-fg-3);
}

.settings-card[b-5r6inzawgg]  .settings-card-chevron {
  color: var(--color-fg-3);
}
/* /Components/Pages/Settings/SettingsHome.razor.rz.scp.css */
.settings-grid[b-uf425ico4d] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
/* /Components/Pages/Settings/Users.razor.rz.scp.css */
.member[b-cqmvb22sbc] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.member-avatar[b-cqmvb22sbc] {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  border-radius: 50%;
  background: var(--color-brand-50);
  color: var(--color-brand-600);
  font-size: var(--text-xs);
  font-weight: 600;
}

.member-text[b-cqmvb22sbc] {
  display: flex;
  flex-direction: column;
}

.member-name[b-cqmvb22sbc] {
  font-weight: 500;
  color: var(--color-fg);
}

.member-email[b-cqmvb22sbc] {
  font-size: var(--text-sm);
  font-weight: 400;
  color: var(--color-fg-3);
}

.role-pills[b-cqmvb22sbc] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}

.cell-actions[b-cqmvb22sbc] {
  text-align: right !important;
}

.row-actions[b-cqmvb22sbc] {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.375rem;
}

.member-avatar-pending[b-cqmvb22sbc] {
  background: var(--color-surface-2);
  color: var(--color-fg-3);
  box-shadow: 0 0 0 1px var(--color-line);
}

.invitations[b-cqmvb22sbc] {
  margin-top: 1.5rem;
}

.section-title[b-cqmvb22sbc] {
  margin-bottom: 0.625rem;
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--color-fg);
}

.cell-strong[b-cqmvb22sbc] {
  display: block;
  font-weight: 500;
  color: var(--color-fg);
}

.tabular[b-cqmvb22sbc] {
  font-variant-numeric: tabular-nums;
}

/* T26 (IAM-011): the location scope next to the roles. */
.scope-note[b-cqmvb22sbc] {
  display: block;
  margin-top: 0.25rem;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
  white-space: normal;
}
/* /Components/Pages/Settings/WorkAreasSettingsPage.razor.rz.scp.css */
.wa-settings[b-wkmuanzufu] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 18rem;
  align-items: start;
  gap: 1rem;
}

.wa-settings-list[b-wkmuanzufu] {
  margin: 0;
  padding: 0;
  list-style: none;
}

.wa-settings-row[b-wkmuanzufu] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem 1.5rem;
  padding: 0.875rem 1rem;
}

.wa-settings-row + .wa-settings-row[b-wkmuanzufu] {
  border-top: 1px solid var(--color-line);
}

/* The default barber and the shared switch side by side, aligned across rows. */
.wa-settings-row[b-wkmuanzufu]  .wse {
  flex: 0 0 auto;
  flex-wrap: nowrap;
  align-items: flex-end;
}

.wa-settings-row[b-wkmuanzufu]  .wse-field {
  flex: 0 0 15rem;
  width: 15rem;
}

.wa-settings-row[b-wkmuanzufu]  .wse-shared {
  min-width: 9rem;
}

.wa-settings-row.is-support[b-wkmuanzufu] {
  align-items: center;
  background: var(--color-surface-2);
}

.wa-settings-info[b-wkmuanzufu] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  min-width: 11rem;
  align-self: center;
}

.wa-settings-icon[b-wkmuanzufu] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.875rem;
  height: 1.875rem;
  flex-shrink: 0;
  border-radius: var(--radius-md);
  background: var(--color-brand-50);
  color: var(--color-brand-600);
}

.is-support .wa-settings-icon[b-wkmuanzufu] {
  background: var(--color-surface-3);
  color: var(--color-fg-3);
}

.wa-settings-name[b-wkmuanzufu] {
  display: block;
  font-size: var(--text-base);
  font-weight: 600;
  color: var(--color-fg);
}

.wa-settings-notes[b-wkmuanzufu] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface-2);
  font-size: var(--text-base);
  line-height: 1.5;
  color: var(--color-fg-2);
}

.wa-settings-notes strong[b-wkmuanzufu] {
  font-weight: 600;
  color: var(--color-fg);
}

@media (max-width: 960px) {
  .wa-settings[b-wkmuanzufu] {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .wa-settings-row[b-wkmuanzufu]  .wse {
    flex: 1 1 100%;
    flex-wrap: wrap;
  }

  .wa-settings-row[b-wkmuanzufu]  .wse-field {
    flex: 1 1 100%;
    width: auto;
    max-width: none;
  }
}
/* /Components/Pages/Settings/WorkAreaTypesPage.razor.rz.scp.css */
.wat-intro[b-ic1bfp71cq],
.wat-notes[b-ic1bfp71cq] {
  margin: 0;
  max-width: 52rem;
  font-size: var(--text-base);
  line-height: 1.5;
  color: var(--color-fg-2);
}

.wat-intro[b-ic1bfp71cq] {
  margin-bottom: 0.75rem;
}

.wat-intro strong[b-ic1bfp71cq],
.wat-notes strong[b-ic1bfp71cq] {
  font-weight: 500;
  color: var(--color-fg);
}

.wat-list[b-ic1bfp71cq] {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}

.wat-row[b-ic1bfp71cq] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 0;
  border-top: 1px solid var(--color-line);
}

.wat-row:first-child[b-ic1bfp71cq] {
  border-top: 0;
}

.wat-row.is-archived[b-ic1bfp71cq] {
  opacity: 0.7;
}

.wat-icon-badge[b-ic1bfp71cq] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  border-radius: var(--radius-md);
  background: var(--color-brand-50);
  color: var(--color-brand-600);
}

.wat-main[b-ic1bfp71cq] {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
  flex: 1;
}

.wat-name[b-ic1bfp71cq] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
}

.wat-actions[b-ic1bfp71cq] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.375rem;
}

.wat-prefix[b-ic1bfp71cq] {
  max-width: 10rem;
}

.wat-icons[b-ic1bfp71cq] {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

.wat-icon-grid[b-ic1bfp71cq] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(2.5rem, 1fr));
  gap: 0.375rem;
}

.wat-icon[b-ic1bfp71cq] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.5rem;
  border-radius: var(--radius-md);
  box-shadow: inset 0 0 0 1px var(--color-line);
  color: var(--color-fg-2);
  cursor: pointer;
}

.wat-icon:hover[b-ic1bfp71cq] {
  background: var(--color-surface-2);
}

.wat-icon.is-checked[b-ic1bfp71cq] {
  background: var(--color-brand-50);
  box-shadow: inset 0 0 0 1.5px var(--color-brand);
  color: var(--color-brand-600);
}

.wat-icon:focus-within[b-ic1bfp71cq] {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}

.wat-switches[b-ic1bfp71cq] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

@media (max-width: 640px) {
  .wat-row[b-ic1bfp71cq] {
    flex-wrap: wrap;
  }

  .wat-actions[b-ic1bfp71cq] {
    width: 100%;
    justify-content: flex-start;
    padding-left: 2.75rem;
  }
}
/* /Components/Pages/Setup/SetupWizard.razor.rz.scp.css */
.setup-hero[b-rrxn1chnli] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
}

.setup-hero-text[b-rrxn1chnli] {
  max-width: 44rem;
}

.setup-progress[b-rrxn1chnli] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.375rem;
  min-width: 14rem;
}

.setup-progress-count[b-rrxn1chnli] {
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.setup-progress-count strong[b-rrxn1chnli] {
  color: var(--color-fg);
  font-weight: 600;
}

.setup-progress-bar[b-rrxn1chnli] {
  width: 100%;
  height: 6px;
  border-radius: var(--radius-full);
  background: var(--color-surface-3);
  overflow: hidden;
}

.setup-progress-fill[b-rrxn1chnli] {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--gradient-ai);
  transition: width 400ms var(--ease-out-expo);
}

.setup-layout[b-rrxn1chnli] {
  display: grid;
  grid-template-columns: 15rem minmax(0, 1fr);
  align-items: start;
  gap: 1rem;
}

/* ---------- Stepper ---------- */

.setup-steps[b-rrxn1chnli] {
  position: sticky;
  top: calc(var(--topbar-height) + 1rem);
  padding: 0.5rem;
  border-radius: var(--radius-xl);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.setup-steps ol[b-rrxn1chnli] {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.setup-step[b-rrxn1chnli] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  width: 100%;
  padding: 0.5rem;
  border: 0;
  border-radius: var(--radius-md);
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.setup-step:hover[b-rrxn1chnli] {
  background: var(--color-surface-2);
}

.setup-step.is-current[b-rrxn1chnli] {
  background: var(--color-brand-50);
}

.setup-step-marker[b-rrxn1chnli] {
  display: inline-grid;
  flex: none;
  place-items: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--color-fg-3);
  box-shadow: inset 0 0 0 1.5px var(--color-line-2);
}

.setup-step-done .setup-step-marker[b-rrxn1chnli] {
  background: var(--color-ok);
  color: #fff;
  box-shadow: none;
}

.setup-step-attention .setup-step-marker[b-rrxn1chnli] {
  background: var(--color-warn-bg);
  color: var(--color-warn-fg);
  box-shadow: inset 0 0 0 1.5px var(--color-warn);
}

.setup-step.is-current .setup-step-marker[b-rrxn1chnli] {
  color: var(--color-brand-600);
  box-shadow: inset 0 0 0 1.5px var(--color-brand);
}

.setup-step-done.is-current .setup-step-marker[b-rrxn1chnli] {
  color: #fff;
  box-shadow: 0 0 0 2px var(--color-brand-100);
}

.setup-step-text[b-rrxn1chnli] {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.setup-step-title[b-rrxn1chnli] {
  font-size: var(--text-base);
  font-weight: 500;
  color: var(--color-fg);
}

.setup-step-state[b-rrxn1chnli] {
  font-size: var(--text-xs);
  color: var(--color-fg-3);
}

.setup-step-attention .setup-step-state[b-rrxn1chnli] {
  color: var(--color-warn-fg);
}

/* ---------- Panel ---------- */

.setup-panel[b-rrxn1chnli] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: 0;
  padding: 1.25rem;
  border-radius: var(--radius-xl);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.setup-panel-head[b-rrxn1chnli] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.setup-panel-icon[b-rrxn1chnli] {
  display: inline-grid;
  flex: none;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: var(--radius-lg);
  background: var(--color-brand-50);
  color: var(--color-brand-600);
}

.setup-panel-titles[b-rrxn1chnli] {
  flex: 1;
  min-width: 0;
}

.setup-panel-number[b-rrxn1chnli] {
  font-size: var(--text-xs);
  font-weight: 500;
  color: var(--color-fg-3);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.setup-panel-title[b-rrxn1chnli] {
  font-size: var(--text-lg);
}

.setup-complete-when[b-rrxn1chnli] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.setup-checks[b-rrxn1chnli] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin: 0;
  padding: 0.75rem 0.875rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface-2);
  list-style: none;
}

.setup-check[b-rrxn1chnli] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.setup-check[b-rrxn1chnli]  svg {
  flex: none;
  margin-top: 0.1875rem;
}

.setup-check.is-ok[b-rrxn1chnli]  svg {
  color: var(--color-ok);
}

.setup-check.is-missing[b-rrxn1chnli]  svg {
  color: var(--color-fg-3);
}

.setup-panel-body[b-rrxn1chnli] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: 0;
}

.setup-panel-foot[b-rrxn1chnli] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-top: 1rem;
  border-top: 1px solid var(--color-line);
}

.setup-foot-spacer[b-rrxn1chnli] {
  flex: 1;
}

@media (max-width: 900px) {
  .setup-layout[b-rrxn1chnli] {
    grid-template-columns: minmax(0, 1fr);
  }

  .setup-steps[b-rrxn1chnli] {
    position: static;
    overflow-x: auto;
  }

  .setup-steps ol[b-rrxn1chnli] {
    flex-direction: row;
  }

  .setup-step[b-rrxn1chnli] {
    width: auto;
    white-space: nowrap;
  }

  .setup-step-state[b-rrxn1chnli] {
    display: none;
  }

  .setup-progress[b-rrxn1chnli] {
    align-items: stretch;
    width: 100%;
  }
}
/* /Components/Pages/Staff/RotaPage.razor.rz.scp.css */
.back-link[b-msj9xgcln0] {
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg-3);
  text-decoration: none;
}

.back-link:hover[b-msj9xgcln0] {
  color: var(--color-fg);
}

.rota-actions[b-msj9xgcln0] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.rota-toolbar[b-msj9xgcln0] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem 1rem;
}

.week-nav[b-msj9xgcln0] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.week-label[b-msj9xgcln0] {
  min-width: 11rem;
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--color-fg);
  text-align: center;
}

.icon-link[b-msj9xgcln0] {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
  color: var(--color-fg-2);
}

.icon-link:hover[b-msj9xgcln0] {
  color: var(--color-fg);
}

.icon-link:focus-visible[b-msj9xgcln0] {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}

.week-today[b-msj9xgcln0] {
  margin-left: 0.5rem;
}

.week-status[b-msj9xgcln0] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.75rem;
}

.week-summary[b-msj9xgcln0] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.rota-mobile[b-msj9xgcln0] {
  display: none;
}

.rota-legend[b-msj9xgcln0] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.rota-legend li[b-msj9xgcln0] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}

.legend-hint[b-msj9xgcln0] {
  margin-left: auto;
}

.swatch[b-msj9xgcln0] {
  display: inline-block;
  width: 0.875rem;
  height: 0.625rem;
  border-radius: 3px;
}

.swatch-shift[b-msj9xgcln0] {
  background: color-mix(in srgb, var(--color-brand) 14%, var(--color-surface));
  box-shadow: inset 2px 0 0 var(--color-brand), inset 0 0 0 1px color-mix(in srgb, var(--color-brand) 30%, transparent);
}

.swatch-break[b-msj9xgcln0] {
  background: repeating-linear-gradient(135deg, rgb(245 158 11 / 0.6) 0 2px, rgb(245 158 11 / 0.2) 2px 4px);
}

.swatch-draft[b-msj9xgcln0] {
  background: repeating-linear-gradient(135deg, transparent 0 3px, rgb(91 77 255 / 0.12) 3px 4px);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-brand) 55%, transparent);
}

.swatch-cancelled[b-msj9xgcln0] {
  background: var(--color-surface-3);
  box-shadow: inset 2px 0 0 var(--color-line-2);
}

.swatch-closed[b-msj9xgcln0] {
  background: repeating-linear-gradient(135deg, var(--color-surface-2) 0 2px, rgb(11 12 16 / 0.12) 2px 3px);
}

.dialog-notice[b-msj9xgcln0] {
  margin-top: 0.75rem;
}

.footer-start[b-msj9xgcln0] {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-right: auto;
}

.bulk-preview[b-msj9xgcln0] {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.bulk-preview strong[b-msj9xgcln0] {
  color: var(--color-fg);
}

.bulk-skipped-title[b-msj9xgcln0] {
  font-weight: 600;
  color: var(--color-fg);
}

.bulk-skipped[b-msj9xgcln0] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  max-height: 10rem;
  margin: 0;
  padding-left: 1.125rem;
  overflow-y: auto;
}

@media (max-width: 899px) {
  .rota-desktop[b-msj9xgcln0],
  .rota-legend .legend-hint[b-msj9xgcln0] {
    display: none;
  }

  .rota-mobile[b-msj9xgcln0] {
    display: block;
  }

  .rota-actions[b-msj9xgcln0] {
    width: 100%;
  }

  .week-label[b-msj9xgcln0] {
    min-width: 0;
  }
}
/* /Components/Pages/Staff/StaffDetailPage.razor.rz.scp.css */
.staff-detail[b-c1n375po4c] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.back-link[b-c1n375po4c] {
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg-3);
  text-decoration: none;
}

.back-link:hover[b-c1n375po4c] {
  color: var(--color-fg);
}

.detail-header[b-c1n375po4c] {
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 0;
}

.detail-person[b-c1n375po4c] {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 0.75rem;
}

.detail-avatar[b-c1n375po4c] {
  display: grid;
  place-items: center;
  width: 2.75rem;
  height: 2.75rem;
  flex-shrink: 0;
  border-radius: 50%;
  background: var(--color-brand-50);
  color: var(--color-brand-600);
  font-size: var(--text-md);
  font-weight: 600;
}

.detail-person[b-c1n375po4c]  .detail-pill {
  margin-left: 0.25rem;
}

.detail-kpis[b-c1n375po4c] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
}

.detail-kpi[b-c1n375po4c] {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: 1rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.detail-kpi-label[b-c1n375po4c] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  min-height: 1.375rem;
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg-3);
}

.detail-kpi-label[b-c1n375po4c]  .detail-warning {
  margin-left: auto;
}

.detail-kpi-value[b-c1n375po4c] {
  display: flex;
  align-items: baseline;
  gap: 0.25rem;
  margin-top: 0.25rem;
  font-size: var(--text-2xl);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--color-fg);
}

.detail-kpi-foot[b-c1n375po4c] {
  margin-top: 0.375rem;
  overflow: hidden;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.detail-track[b-c1n375po4c] {
  height: 6px;
  margin-top: 0.625rem;
  overflow: hidden;
  border-radius: var(--radius-full);
  background: var(--color-surface-3);
}

.detail-fill[b-c1n375po4c] {
  height: 100%;
  border-radius: var(--radius-full);
}

.detail-charts[b-c1n375po4c] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

.detail-chart-sub[b-c1n375po4c] {
  margin: -0.25rem 0 0.75rem;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.detail-lower[b-c1n375po4c] {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  align-items: start;
  gap: 0.75rem;
}

.detail-card-head[b-c1n375po4c] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.875rem 1rem;
  border-bottom: 1px solid var(--color-line);
}

.detail-card-title[b-c1n375po4c] {
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--color-fg);
}

.detail-card-meta[b-c1n375po4c] {
  display: flex;
  gap: 0.75rem;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.detail-card-meta a[b-c1n375po4c] {
  color: var(--color-brand);
  font-weight: 500;
  text-decoration: none;
}

.detail-empty[b-c1n375po4c] {
  padding: 1.5rem 1rem;
}

.detail-side[b-c1n375po4c] {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 0.75rem;
}

.detail-side-empty[b-c1n375po4c] {
  padding: 0.875rem 1rem;
  font-size: var(--text-base);
  color: var(--color-fg-3);
}

.detail-list[b-c1n375po4c] {
  padding: 0;
  margin: 0;
  list-style: none;
}

.detail-list > li[b-c1n375po4c] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.625rem 1rem;
  border-top: 1px solid var(--color-line);
}

.detail-list > li:first-child[b-c1n375po4c] {
  border-top: 0;
}

.detail-list-main[b-c1n375po4c] {
  font-size: var(--text-base);
  font-weight: 500;
  color: var(--color-fg);
}

.detail-list-count[b-c1n375po4c],
.detail-list-sub[b-c1n375po4c],
.detail-list-more[b-c1n375po4c] {
  font-size: var(--text-sm);
  font-weight: 400;
  color: var(--color-fg-3);
}

.detail-sources[b-c1n375po4c] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.detail-source[b-c1n375po4c] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.row-link[b-c1n375po4c] {
  color: inherit;
  text-decoration: none;
}

.row-link:hover[b-c1n375po4c] {
  color: var(--color-brand);
}

@media (max-width: 1024px) {
  .detail-kpis[b-c1n375po4c] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .detail-charts[b-c1n375po4c],
  .detail-lower[b-c1n375po4c] {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 640px) {
  .detail-kpi[b-c1n375po4c] {
    padding: 0.875rem;
  }

  .detail-kpi-value[b-c1n375po4c] {
    flex-wrap: wrap;
    font-size: 1.5rem;
  }

  .detail-kpi-foot[b-c1n375po4c] {
    white-space: normal;
  }

  /* Phones: the chairs are listed below the sessions, so the table keeps start, duration and credit. */
  .col-chair[b-c1n375po4c] {
    display: none;
  }
}

/* T26 (DOM-009): per location and combined. */
.detail-total-row th[b-c1n375po4c],
.detail-total-row td[b-c1n375po4c] {
  font-weight: 600;
  color: var(--color-fg);
  background: var(--color-surface-2);
}
/* /Components/Pages/Staff/StaffPage.razor.rz.scp.css */
.privacy-note[b-jfwcqf8vno] {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  padding: 0.75rem 0.875rem;
  border-radius: var(--radius-lg);
  background: var(--color-brand-50);
  color: var(--color-fg-2);
  font-size: var(--text-base);
}

.privacy-note[b-jfwcqf8vno]  .privacy-icon {
  flex-shrink: 0;
  margin-top: 0.125rem;
  color: var(--color-brand-600);
}

.privacy-note p[b-jfwcqf8vno] {
  color: var(--color-fg);
}

.privacy-details summary[b-jfwcqf8vno] {
  width: fit-content;
  margin-top: 0.125rem;
  color: var(--color-brand-600);
  font-weight: 500;
  cursor: pointer;
}

.privacy-details summary:hover[b-jfwcqf8vno] {
  color: var(--color-brand);
}

.privacy-details p[b-jfwcqf8vno] {
  max-width: 44rem;
  margin-top: 0.375rem;
  color: var(--color-fg-2);
}

.table-toolbar[b-jfwcqf8vno] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem 1rem;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--color-line);
}

.table-count[b-jfwcqf8vno] {
  font-size: var(--text-base);
  font-weight: 500;
  color: var(--color-fg-2);
}

.table-empty[b-jfwcqf8vno] {
  padding: 1rem;
}

.table-empty[b-jfwcqf8vno]  .empty-state {
  box-shadow: none;
}

.person[b-jfwcqf8vno] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.person-avatar[b-jfwcqf8vno] {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  border-radius: 50%;
  background: var(--color-brand-50);
  color: var(--color-brand-600);
  font-size: var(--text-xs);
  font-weight: 600;
}

.person-name[b-jfwcqf8vno] {
  font-weight: 500;
  color: var(--color-fg);
}

.is-archived .person-avatar[b-jfwcqf8vno] {
  background: var(--color-surface-2);
  color: var(--color-fg-3);
}

.is-archived .person-name[b-jfwcqf8vno] {
  color: var(--color-fg-3);
}

.location-pills[b-jfwcqf8vno] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}

.cell-actions[b-jfwcqf8vno] {
  text-align: right !important;
}

.row-actions[b-jfwcqf8vno] {
  display: inline-flex;
  gap: 0.25rem;
}

/* T12: where a person is today; a reassignment stands out. */
.staff-today.is-reassigned[b-jfwcqf8vno] {
  font-weight: 500;
  color: var(--color-brand-600);
}

.cell-muted[b-jfwcqf8vno] {
  color: var(--color-fg-3);
}

.header-actions[b-jfwcqf8vno] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.header-actions .link-button[b-jfwcqf8vno] {
  gap: 0.375rem;
}
/* /Components/Pages/Wall/WallPage.razor.rz.scp.css */
/* T39 (IAM-007): the wall display: large type on the night colours, readable from across the shop. */
.wall[b-mpyd6g7ndm] {
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: clamp(1rem, 2.5vh, 2rem);
  min-height: 100vh;
  min-height: 100dvh;
  padding: clamp(1rem, 3vw, 2.5rem);
  background: var(--color-night);
  color: #f4f5f8;
}

.wall-head[b-mpyd6g7ndm] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.wall-brand[b-mpyd6g7ndm] {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  min-width: 0;
}

.wall-title[b-mpyd6g7ndm] {
  margin: 0;
  overflow: hidden;
  font-size: clamp(1.5rem, 3.2vw, 2.75rem);
  font-weight: 600;
  letter-spacing: -0.02em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wall-clock[b-mpyd6g7ndm] {
  margin: 0;
  font-size: clamp(1.5rem, 3.2vw, 2.75rem);
  font-weight: 500;
  color: #c9ccd6;
}

.wall-controls[b-mpyd6g7ndm] {
  display: flex;
  gap: 0.5rem;
}

.wall-button[b-mpyd6g7ndm] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 2.75rem;
  padding: 0 1rem;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  color: #f4f5f8;
  font: inherit;
  cursor: pointer;
}

.wall-button:hover[b-mpyd6g7ndm] {
  background: rgba(255, 255, 255, 0.18);
}

.wall-button:focus-visible[b-mpyd6g7ndm],
.wall-dot:focus-visible[b-mpyd6g7ndm] {
  outline: 2px solid #a79dff;
  outline-offset: 2px;
}

.wall-body[b-mpyd6g7ndm] {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.wall-view[b-mpyd6g7ndm] {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 1.25rem;
  min-height: 0;
}

@media (prefers-reduced-motion: no-preference) {
  .wall-view[b-mpyd6g7ndm] {
    animation: wall-in-b-mpyd6g7ndm 0.4s ease-out;
  }
}

@keyframes wall-in-b-mpyd6g7ndm {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.wall-view-title[b-mpyd6g7ndm] {
  margin: 0;
  color: #a9adba;
  font-size: clamp(1.125rem, 2vw, 1.75rem);
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.wall-kpis[b-mpyd6g7ndm] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
  gap: clamp(1rem, 2vw, 1.5rem);
}

.wall-kpi[b-mpyd6g7ndm] {
  padding: clamp(1.25rem, 3vh, 2.25rem);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.06);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.wall-kpi-label[b-mpyd6g7ndm] {
  margin: 0 0 0.5rem;
  color: #c9ccd6;
  font-size: clamp(1rem, 1.8vw, 1.5rem);
}

.wall-kpi-value[b-mpyd6g7ndm] {
  margin: 0;
  font-size: clamp(3rem, 8vw, 7rem);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.03em;
}

.wall-note[b-mpyd6g7ndm],
.wall-empty[b-mpyd6g7ndm] {
  margin: 0;
  color: #c9ccd6;
  font-size: clamp(1rem, 1.8vw, 1.5rem);
}

.wall-view-floor[b-mpyd6g7ndm] {
  min-height: 0;
}

.wall-floor[b-mpyd6g7ndm] {
  flex: 1;
  min-height: 18rem;
  overflow: hidden;
  border-radius: 20px;
  background: #ffffff;
  color: var(--color-fg);
}

.wall-legend[b-mpyd6g7ndm] {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: clamp(1rem, 1.6vw, 1.375rem);
}

.wall-legend li[b-mpyd6g7ndm] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.wall-swatch[b-mpyd6g7ndm] {
  width: 1rem;
  height: 1rem;
  border-radius: 4px;
}

.wall-swatch-vacant[b-mpyd6g7ndm] {
  background: var(--color-ok);
}

.wall-swatch-occupied[b-mpyd6g7ndm] {
  background: var(--color-brand);
}

.wall-swatch-waiting[b-mpyd6g7ndm] {
  background: repeating-linear-gradient(45deg, #9aa0ad 0 4px, #6b7180 4px 8px);
}

.wall-table[b-mpyd6g7ndm] {
  width: 100%;
  border-collapse: collapse;
  font-size: clamp(1.25rem, 2.6vw, 2.25rem);
}

.wall-table th[b-mpyd6g7ndm],
.wall-table td[b-mpyd6g7ndm] {
  padding: 0.75rem 0.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  text-align: left;
}

.wall-table thead th[b-mpyd6g7ndm] {
  color: #a9adba;
  font-size: 0.6em;
  font-weight: 500;
  text-transform: uppercase;
}

.wall-table tbody th[b-mpyd6g7ndm] {
  font-weight: 500;
}

.wall-num[b-mpyd6g7ndm] {
  text-align: right !important;
}

.wall-dots[b-mpyd6g7ndm] {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
}

/* A 44 × 24 px target (WCAG 2.5.8) around a thin pill. */
.wall-dot[b-mpyd6g7ndm] {
  position: relative;
  width: 2.75rem;
  height: 1.5rem;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  cursor: pointer;
}

.wall-dot[b-mpyd6g7ndm]::before {
  position: absolute;
  inset: 0.375rem 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.28);
  content: "";
}

.wall-dot.is-active[b-mpyd6g7ndm]::before {
  background: #a79dff;
}

@media (max-width: 640px) {
  .wall-controls .wall-button span[b-mpyd6g7ndm] {
    display: none;
  }
}
/* /Components/Pages/Wall/WallPairPage.razor.rz.scp.css */
.wall-pair-form[b-vu646a2b6n] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

.wall-pair-code[b-vu646a2b6n] {
  font-family: var(--font-mono);
  font-size: var(--text-lg);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.wall-pair-form .login-button[b-vu646a2b6n] {
  margin-top: 0.75rem;
}
/* /Components/Privacy/DataRetentionCard.razor.rz.scp.css */
.rc-intro[b-u13yrteqlg] {
  margin-bottom: 1rem;
  font-size: var(--text-base);
  line-height: 1.5;
  color: var(--color-fg-2);
}

.rc-row[b-u13yrteqlg] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.rc-label[b-u13yrteqlg] {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
}

.rc-label .field-label[b-u13yrteqlg] {
  font-size: var(--text-base);
  color: var(--color-fg);
}

.rc-select[b-u13yrteqlg] {
  flex-shrink: 0;
  width: 8.5rem;
}

.rc-actions[b-u13yrteqlg] {
  display: flex;
  justify-content: flex-end;
}

.rc-subtitle[b-u13yrteqlg] {
  margin: 1.25rem 0 0.5rem;
  padding-top: 1rem;
  border-top: 1px solid var(--color-line);
  font-size: var(--text-sm);
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--color-fg-3);
}

.rc-fixed[b-u13yrteqlg] {
  display: grid;
  margin: 0;
}

.rc-fixed-row[b-u13yrteqlg] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.5rem 0;
}

.rc-fixed-row + .rc-fixed-row[b-u13yrteqlg] {
  border-top: 1px dashed var(--color-line);
}

.rc-fixed dt[b-u13yrteqlg] {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
}

.rc-fixed-label[b-u13yrteqlg] {
  font-size: var(--text-base);
  font-weight: 500;
  color: var(--color-fg);
}

.rc-fixed dd[b-u13yrteqlg] {
  margin: 0;
  flex-shrink: 0;
  font-size: var(--text-base);
  font-weight: 600;
  color: var(--color-fg);
}

@media (max-width: 480px) {
  .rc-row[b-u13yrteqlg] {
    flex-direction: column;
    align-items: stretch;
  }

  .rc-select[b-u13yrteqlg] {
    width: 100%;
  }
}
/* /Components/Privacy/DpaCard.razor.rz.scp.css */
.dpa-status[b-ggx8x2vtbw] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

.dpa-icon[b-ggx8x2vtbw] {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: var(--radius-lg);
}

.dpa-icon.is-pending[b-ggx8x2vtbw] {
  background: var(--color-warn-bg);
  color: var(--color-warn-fg);
}

.dpa-icon.is-done[b-ggx8x2vtbw] {
  background: var(--color-ok-bg);
  color: var(--color-ok-fg);
}

.dpa-text[b-ggx8x2vtbw] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}

.dpa-headline[b-ggx8x2vtbw] {
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--color-fg);
}

.dpa-meta[b-ggx8x2vtbw] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.25rem;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.dpa-done[b-ggx8x2vtbw] {
  margin-top: 0.875rem;
}

.dpa-actions[b-ggx8x2vtbw] {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
}

.dpa-dialog-host[b-ggx8x2vtbw]  .dialog-center.dpa-dialog {
  width: min(46rem, calc(100vw - 2rem));
  max-height: calc(100vh - 3rem);
}

.dpa-dialog-host[b-ggx8x2vtbw]  .dpa-dialog .dialog-footer {
  align-items: center;
}

.dpa-confirm-row[b-ggx8x2vtbw] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  flex: 1 1 100%;
}

.dpa-confirm[b-ggx8x2vtbw] {
  align-self: flex-start;
  box-shadow: none;
  padding: 0.25rem 0;
  line-height: 1.4;
}
/* /Components/Privacy/ExportAllDataCard.razor.rz.scp.css */
.de-closing[b-mxag3uhvdz] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

.de-closing[b-mxag3uhvdz]  svg {
  flex-shrink: 0;
  margin-top: 0.1875rem;
}

.de-intro[b-mxag3uhvdz] {
  max-width: 44rem;
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.de-items[b-mxag3uhvdz] {
  display: flex;
  flex-direction: column;
  margin: 0.75rem 0 0;
  padding: 0;
  list-style: none;
}

.de-item[b-mxag3uhvdz] {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 0;
  border-top: 1px solid var(--color-line);
}

.de-item[b-mxag3uhvdz]  .de-icon {
  flex-shrink: 0;
  color: var(--color-fg-3);
}

.de-main[b-mxag3uhvdz] {
  min-width: 0;
  flex: 1;
}

.de-name[b-mxag3uhvdz] {
  overflow: hidden;
  font-size: var(--text-base);
  font-weight: 500;
  color: var(--color-fg);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.de-meta[b-mxag3uhvdz],
.de-error[b-mxag3uhvdz] {
  margin-top: 0.125rem;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.de-error[b-mxag3uhvdz] {
  color: var(--color-bad-fg);
}

.de-download[b-mxag3uhvdz] {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  border-radius: var(--radius-md);
  color: var(--color-fg-2);
  box-shadow: var(--ring-hairline);
}

.de-download:hover[b-mxag3uhvdz] {
  background: var(--color-surface-2);
  color: var(--color-fg);
}
/* /Components/Privacy/GroundTruthCard.razor.rz.scp.css */
.gt-intro[b-zokquc8w8g] {
  margin-bottom: 0.875rem;
  font-size: var(--text-base);
  line-height: 1.5;
  color: var(--color-fg-2);
}

.gt-intro strong[b-zokquc8w8g] {
  font-weight: 600;
  color: var(--color-fg);
}

.gt-form[b-zokquc8w8g] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  align-items: start;
}

.gt-form .field[b-zokquc8w8g] {
  min-width: 0;
}

.gt-wide[b-zokquc8w8g] {
  grid-column: 1 / -1;
}

.gt-actions[b-zokquc8w8g] {
  display: flex;
  justify-content: flex-end;
}

.gt-facts[b-zokquc8w8g] {
  display: grid;
  gap: 0.375rem;
  margin: 0 0 0.875rem;
  font-size: var(--text-base);
}

.gt-facts div[b-zokquc8w8g] {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.375rem 0;
  border-top: 1px solid var(--color-line);
}

.gt-facts div:first-child[b-zokquc8w8g] {
  border-top: 0;
}

.gt-facts dt[b-zokquc8w8g] {
  color: var(--color-fg-3);
}

.gt-facts dd[b-zokquc8w8g] {
  margin: 0;
  text-align: right;
}

.gt-done[b-zokquc8w8g] {
  margin-top: 0.75rem;
}

@media (max-width: 640px) {
  .gt-form[b-zokquc8w8g] {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* /Components/Privacy/LegalDocumentBody.razor.rz.scp.css */
.legal-doc[b-jomahxcg2o] {
  font-size: var(--text-md);
  line-height: 1.6;
  color: var(--color-fg-2);
}

.legal-doc[b-jomahxcg2o]  h2,
.legal-doc[b-jomahxcg2o]  h3,
.legal-doc[b-jomahxcg2o]  h4 {
  margin: 1.25rem 0 0.5rem;
  color: var(--color-fg);
  letter-spacing: -0.01em;
}

.legal-doc[b-jomahxcg2o]  h2 {
  font-size: var(--text-lg);
}

.legal-doc[b-jomahxcg2o]  h3 {
  font-size: var(--text-md);
}

.legal-doc[b-jomahxcg2o]  h4 {
  font-size: var(--text-base);
}

.legal-doc[b-jomahxcg2o]  blockquote + h2 {
  margin-top: 0;
}

.legal-doc[b-jomahxcg2o]  p {
  margin: 0 0 0.75rem;
}

.legal-doc[b-jomahxcg2o]  ul,
.legal-doc[b-jomahxcg2o]  ol {
  margin: 0 0 0.75rem;
  padding-left: 1.25rem;
}

.legal-doc[b-jomahxcg2o]  li + li {
  margin-top: 0.25rem;
}

.legal-doc[b-jomahxcg2o]  strong {
  font-weight: 600;
  color: var(--color-fg);
}

.legal-doc[b-jomahxcg2o]  blockquote {
  margin: 0 0 1rem;
  padding: 0.625rem 0.875rem;
  border-radius: var(--radius-md);
  background: var(--color-warn-bg);
  color: var(--color-warn-fg);
  font-size: var(--text-base);
}

.legal-doc[b-jomahxcg2o]  blockquote p:last-child {
  margin-bottom: 0;
}

.legal-doc[b-jomahxcg2o]  blockquote strong {
  color: inherit;
}

.legal-doc[b-jomahxcg2o]  .md-table {
  margin: 0 0 0.75rem;
  overflow-x: auto;
  border-radius: var(--radius-md);
  box-shadow: 0 0 0 1px var(--color-line);
}

.legal-doc[b-jomahxcg2o]  table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--text-base);
}

.legal-doc[b-jomahxcg2o]  th,
.legal-doc[b-jomahxcg2o]  td {
  padding: 0.5rem 0.625rem;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--color-line);
}

.legal-doc[b-jomahxcg2o]  th {
  background: var(--color-surface-2);
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--color-fg-2);
}

.legal-doc[b-jomahxcg2o]  tbody tr:last-child td {
  border-bottom: 0;
}

.legal-doc[b-jomahxcg2o]  hr {
  margin: 1rem 0;
  border: 0;
  border-top: 1px solid var(--color-line);
}

.legal-doc[b-jomahxcg2o]  code {
  font-family: var(--font-mono);
  font-size: 0.9em;
}

/* Narrow screens: tables keep their columns and scroll inside their frame instead of squeezing to a word per line. */
@media (max-width: 640px) {
  .legal-doc[b-jomahxcg2o]  table {
    min-width: 34rem;
  }
}
/* /Components/Privacy/LegalProfileCard.razor.rz.scp.css */
.legal-draft[b-a25n0skdts] {
  align-items: flex-start;
  margin-bottom: 0.875rem;
}

.legal-draft[b-a25n0skdts]  svg {
  flex-shrink: 0;
  margin-top: 0.1875rem;
}

.legal-facts[b-a25n0skdts] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  gap: 0.75rem 1.5rem;
  margin: 0;
}

.legal-facts dt[b-a25n0skdts] {
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg-3);
}

.legal-facts dd[b-a25n0skdts] {
  margin: 0.125rem 0 0;
  font-size: var(--text-base);
  line-height: 1.5;
  color: var(--color-fg-2);
}

.legal-subtitle[b-a25n0skdts] {
  margin: 1.25rem 0 0.25rem;
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--color-fg);
}

.legal-items[b-a25n0skdts] {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}

.legal-item[b-a25n0skdts] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--color-line);
}

.legal-item:last-child[b-a25n0skdts] {
  border-bottom: 0;
}

.legal-state[b-a25n0skdts] {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: var(--radius-full);
  background: var(--color-surface-2);
  color: var(--color-fg-3);
}

.legal-state.is-met[b-a25n0skdts] {
  background: var(--color-ok-bg);
  color: var(--color-ok-fg);
}

.legal-state.is-blocking[b-a25n0skdts] {
  background: var(--color-bad-bg);
  color: var(--color-bad-fg);
}

.legal-state.is-open[b-a25n0skdts] {
  background: var(--color-warn-bg);
  color: var(--color-warn-fg);
}

.legal-main[b-a25n0skdts] {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  gap: 0.25rem;
}

.legal-label[b-a25n0skdts] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--text-base);
  font-weight: 600;
  color: var(--color-fg);
}

.legal-description[b-a25n0skdts],
.legal-record[b-a25n0skdts] {
  font-size: var(--text-sm);
  line-height: 1.5;
  color: var(--color-fg-3);
}

.legal-record a[b-a25n0skdts] {
  color: var(--color-brand);
  font-weight: 500;
  overflow-wrap: anywhere;
}

.legal-actions[b-a25n0skdts] {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.375rem;
}

.legal-file[b-a25n0skdts] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  height: 1.875rem;
  padding: 0 0.625rem;
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: 0 0 0 1px var(--color-line-2), var(--shadow-soft);
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg);
  cursor: pointer;
  white-space: nowrap;
}

.legal-file:hover[b-a25n0skdts] {
  background: var(--color-surface-2);
}

.legal-file:focus-within[b-a25n0skdts] {
  outline: 2px solid var(--color-brand);
  outline-offset: 1px;
}

.legal-dpia[b-a25n0skdts] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem 0.5rem;
  margin-top: 1rem;
  padding-top: 0.875rem;
  border-top: 1px solid var(--color-line);
  font-size: var(--text-sm);
  color: var(--color-fg-2);
}

@media (max-width: 640px) {
  .legal-item[b-a25n0skdts] {
    flex-wrap: wrap;
  }

  .legal-actions[b-a25n0skdts] {
    width: 100%;
    justify-content: flex-start;
    padding-left: 2.5rem;
  }
}
/* /Components/Privacy/PrivacyLevelCard.razor.rz.scp.css */
.pl-intro[b-m2qr2z01s3] {
  margin-bottom: 1rem;
  font-size: var(--text-base);
  line-height: 1.5;
  color: var(--color-fg-2);
}

.pl-choices[b-m2qr2z01s3] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
}

.pl-choice[b-m2qr2z01s3] {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  padding: 0.75rem 0.875rem;
  border-radius: var(--radius-lg);
  box-shadow: 0 0 0 1px var(--color-line-2);
  cursor: pointer;
  transition: box-shadow 0.15s ease, background-color 0.15s ease;
}

.pl-choice:hover[b-m2qr2z01s3] {
  background: var(--color-surface-2);
}

.pl-choice.is-selected[b-m2qr2z01s3] {
  background: var(--color-brand-50);
  box-shadow: 0 0 0 1.5px var(--color-brand);
}

.pl-choice input[b-m2qr2z01s3] {
  width: 1rem;
  height: 1rem;
  margin: 0.125rem 0 0;
  flex-shrink: 0;
  accent-color: var(--color-brand);
}

.pl-choice input:focus-visible[b-m2qr2z01s3] {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}

.pl-choice-body[b-m2qr2z01s3] {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
}

.pl-choice-title[b-m2qr2z01s3] {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--color-fg);
}

.pl-default[b-m2qr2z01s3] {
  font-size: var(--text-sm);
  font-weight: 400;
  color: var(--color-fg-3);
}

.pl-custom[b-m2qr2z01s3],
.pl-presence[b-m2qr2z01s3] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--color-line);
}

.pl-live[b-m2qr2z01s3] {
  max-width: 16rem;
}

.pl-notice[b-m2qr2z01s3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.75rem;
  border-radius: var(--radius-md);
  background: var(--color-warn-bg);
  font-size: var(--text-base);
  line-height: 1.5;
  color: var(--color-warn-fg);
}

.pl-notice[b-m2qr2z01s3]  svg {
  flex-shrink: 0;
  margin-top: 0.125rem;
}

.pl-notice p[b-m2qr2z01s3] {
  margin: 0 0 0.5rem;
}

.pl-confirm[b-m2qr2z01s3] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  font-weight: 500;
  color: var(--color-fg);
}

.pl-confirm input[b-m2qr2z01s3] {
  margin-top: 0.2rem;
  accent-color: var(--color-brand);
}

.pl-off[b-m2qr2z01s3] {
  margin-top: 1rem;
  padding: 0.75rem;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
}

.pl-off ul[b-m2qr2z01s3] {
  margin: 0.25rem 0 0;
  padding-left: 1.125rem;
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.pl-off li + li[b-m2qr2z01s3] {
  margin-top: 0.125rem;
}

.pl-actions[b-m2qr2z01s3] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  margin-top: 1rem;
}

.pl-saved[b-m2qr2z01s3] {
  margin: 0;
  margin-right: auto;
}

@media (max-width: 600px) {
  .pl-choices[b-m2qr2z01s3] {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* /Components/Privacy/ProcessingRetentionCard.razor.rz.scp.css */
.pr-intro[b-jxlthmzqco] {
  margin-bottom: 1rem;
  font-size: var(--text-base);
  line-height: 1.5;
  color: var(--color-fg-2);
}

.pr-row[b-jxlthmzqco] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.pr-label[b-jxlthmzqco] {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
}

.pr-label .field-label[b-jxlthmzqco] {
  font-size: var(--text-base);
  color: var(--color-fg);
}

.pr-input[b-jxlthmzqco] {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 0.375rem;
}

.pr-input .input[b-jxlthmzqco] {
  width: 5.5rem;
}

.pr-unit[b-jxlthmzqco] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.pr-actions[b-jxlthmzqco] {
  display: flex;
  justify-content: flex-end;
}

.notice-warn span[b-jxlthmzqco] {
  line-height: 1.45;
}

@media (max-width: 480px) {
  .pr-row[b-jxlthmzqco] {
    flex-direction: column;
    align-items: stretch;
  }
}
/* /Components/Privacy/RetentionHistoryCard.razor.rz.scp.css */
.rh-meta[b-apl2lxxfk0] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.rh-pad[b-apl2lxxfk0] {
  margin: 0 1rem 1rem;
}

.rh-when[b-apl2lxxfk0] {
  font-weight: 500;
  color: var(--color-fg);
}

.rh-toggle-cell[b-apl2lxxfk0] {
  width: 1%;
  white-space: nowrap;
  text-align: right;
}

.rh-toggle[b-apl2lxxfk0] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  border: 0;
  border-radius: var(--radius-md);
  background: transparent;
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg-2);
  cursor: pointer;
}

.rh-toggle:hover[b-apl2lxxfk0] {
  background: var(--color-surface-2);
  color: var(--color-fg);
}

.rh-toggle:focus-visible[b-apl2lxxfk0] {
  outline: 2px solid var(--color-brand);
  outline-offset: 1px;
}

.rh-toggle[b-apl2lxxfk0]  .rh-chevron {
  transition: transform 0.15s ease;
}

.rh-toggle[b-apl2lxxfk0]  .rh-chevron.is-open {
  transform: rotate(180deg);
}

.rh-detail-row > td[b-apl2lxxfk0] {
  padding: 0 0.75rem 0.75rem !important;
  background: var(--color-surface-2);
}

.rh-classes[b-apl2lxxfk0] {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--text-sm);
}

.rh-classes th[b-apl2lxxfk0],
.rh-classes td[b-apl2lxxfk0] {
  padding: 0.375rem 0.5rem;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--color-line);
}

.rh-classes th[b-apl2lxxfk0] {
  font-weight: 600;
  color: var(--color-fg-3);
}

.rh-classes tbody tr:last-child td[b-apl2lxxfk0] {
  border-bottom: 0;
}

.rh-classes .num[b-apl2lxxfk0] {
  text-align: right;
}

.rh-result[b-apl2lxxfk0] {
  font-weight: 500;
  color: var(--color-ok-fg);
}

.rh-result.is-bad[b-apl2lxxfk0] {
  color: var(--color-bad-fg);
}
/* /Components/Privacy/SignageCard.razor.rz.scp.css */
.sg-intro[b-q42gmwp451] {
  margin-bottom: 0.875rem;
  font-size: var(--text-base);
  line-height: 1.5;
  color: var(--color-fg-2);
}

.sg-intro strong[b-q42gmwp451] {
  font-weight: 600;
  color: var(--color-fg);
}

.sg-list[b-q42gmwp451] {
  display: grid;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sg-item[b-q42gmwp451] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 0.75rem;
  border-radius: var(--radius-lg);
  box-shadow: 0 0 0 1px var(--color-line-2);
  color: inherit;
  text-decoration: none;
  transition: box-shadow 0.15s ease, background-color 0.15s ease;
}

.sg-item:hover[b-q42gmwp451] {
  background: var(--color-surface-2);
  box-shadow: 0 0 0 1px var(--color-brand-100), 0 0 0 1px var(--color-line-2);
}

.sg-item:focus-visible[b-q42gmwp451] {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}

.sg-icon[b-q42gmwp451] {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: var(--radius-md);
  background: var(--color-brand-50);
  color: var(--color-brand);
}

.sg-text[b-q42gmwp451] {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
}

.sg-title[b-q42gmwp451] {
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--color-fg);
}

.sg-item[b-q42gmwp451]  .sg-go {
  flex-shrink: 0;
  color: var(--color-fg-3);
}

.sg-contact[b-q42gmwp451] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--color-line);
}

.sg-contact-field[b-q42gmwp451] {
  flex: 1;
  min-width: 0;
}

.sg-contact[b-q42gmwp451]  .btn {
  margin-top: 1.25rem;
}

.sg-notice[b-q42gmwp451] {
  margin-top: 0.75rem;
}

@media (max-width: 480px) {
  .sg-contact[b-q42gmwp451] {
    flex-direction: column;
    align-items: stretch;
  }

  .sg-contact[b-q42gmwp451]  .btn {
    margin-top: 0;
  }
}
/* /Components/Privacy/StaffFairnessCard.razor.rz.scp.css */
.sf-group[b-zukaeeaf0o] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.75rem;
}

.sf-toggle[b-zukaeeaf0o] {
  color: var(--color-fg);
}

.sf-review[b-zukaeeaf0o] {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--color-line);
}
/* /Components/Privacy/StaffNoticeCard.razor.rz.scp.css */
.sn-intro[b-lgyp6lwlvp] {
  margin-bottom: 0.875rem;
  font-size: var(--text-base);
  line-height: 1.5;
  color: var(--color-fg-2);
}

.sn-intro strong[b-lgyp6lwlvp] {
  font-weight: 600;
  color: var(--color-fg);
}

.sn-form[b-lgyp6lwlvp] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  align-items: start;
}

.sn-form .field[b-lgyp6lwlvp] {
  min-width: 0;
}

.sn-note[b-lgyp6lwlvp] {
  grid-column: 1 / -1;
}

.sn-actions[b-lgyp6lwlvp] {
  grid-column: 1 / -1;
  display: flex;
  justify-content: flex-end;
}

.sn-done[b-lgyp6lwlvp] {
  margin-top: 0.75rem;
}

.sn-subtitle[b-lgyp6lwlvp] {
  margin: 1.25rem 0 0.5rem;
  padding-top: 1rem;
  border-top: 1px solid var(--color-line);
  font-size: var(--text-sm);
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--color-fg-3);
}

.sn-history[b-lgyp6lwlvp] {
  display: grid;
  gap: 0.125rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sn-entry[b-lgyp6lwlvp] {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  padding: 0.5rem 0;
}

.sn-entry + .sn-entry[b-lgyp6lwlvp] {
  border-top: 1px dashed var(--color-line);
}

.sn-entry-main[b-lgyp6lwlvp] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.sn-entry-date[b-lgyp6lwlvp] {
  font-weight: 600;
  color: var(--color-fg);
}

@media (max-width: 560px) {
  .sn-form[b-lgyp6lwlvp] {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* /Components/Privacy/SubprocessorsCard.razor.rz.scp.css */
.sp-meta[b-3vsxvin7aj] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.sp-body[b-3vsxvin7aj]  .legal-doc {
  font-size: var(--text-base);
}
/* /Components/Reports/ExportMenu.razor.rz.scp.css */
/* Scoped styles reach the dropdown (a child component) through the wrapper. */
.export-wrap[b-n850so6ji5] {
  display: inline-flex;
}

.export-wrap[b-n850so6ji5]  .export-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  height: 2.25rem;
  padding: 0 0.875rem;
  border: 0;
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: 0 0 0 1px var(--color-line-2), var(--shadow-soft);
  font: inherit;
  font-size: var(--text-base);
  font-weight: 500;
  line-height: 1;
  color: var(--color-fg);
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.15s ease;
}

.export-wrap[b-n850so6ji5]  .export-trigger:hover {
  background: var(--color-surface-2);
}

.export-wrap[b-n850so6ji5]  .dropdown-panel {
  min-width: 16rem;
}

.export-wrap[b-n850so6ji5]  .spin {
  animation: export-spin-b-n850so6ji5 0.9s linear infinite;
}

@keyframes export-spin-b-n850so6ji5 {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .export-wrap[b-n850so6ji5]  .spin {
    animation: none;
  }
}
/* /Components/Reports/ExportsList.razor.rz.scp.css */
.exports-empty[b-ju33i15mdc] {
  padding: 0.25rem 0;
  font-size: var(--text-base);
  color: var(--color-fg-3);
}

.exports-items[b-ju33i15mdc] {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}

.exports-item[b-ju33i15mdc] {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 0;
  border-bottom: 1px solid var(--color-line);
}

.exports-item:last-child[b-ju33i15mdc] {
  border-bottom: 0;
}

.exports-item[b-ju33i15mdc]  .exports-icon {
  flex-shrink: 0;
  color: var(--color-fg-3);
}

.exports-main[b-ju33i15mdc] {
  min-width: 0;
  flex: 1;
}

.exports-name[b-ju33i15mdc] {
  overflow: hidden;
  font-size: var(--text-base);
  font-weight: 500;
  color: var(--color-fg);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.exports-meta[b-ju33i15mdc],
.exports-error[b-ju33i15mdc] {
  margin-top: 0.125rem;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.exports-error[b-ju33i15mdc] {
  color: var(--color-bad-fg);
}

.exports-download[b-ju33i15mdc] {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  border-radius: var(--radius-md);
  color: var(--color-fg-2);
  box-shadow: var(--ring-hairline);
}

.exports-download:hover[b-ju33i15mdc] {
  background: var(--color-surface-2);
  color: var(--color-fg);
}
/* /Components/Reports/ReportChartView.razor.rz.scp.css */
.rchart[b-bl1o0msot8] {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0;
}

/* Series colours: iris, violet, cyan, green, amber, red, slate, pink (the PDF's palette). */
.series-0[b-bl1o0msot8] { --series: var(--color-brand); }
.series-1[b-bl1o0msot8] { --series: var(--color-violet); }
.series-2[b-bl1o0msot8] { --series: var(--color-cyan); }
.series-3[b-bl1o0msot8] { --series: var(--color-ok); }
.series-4[b-bl1o0msot8] { --series: var(--color-warn); }
.series-5[b-bl1o0msot8] { --series: var(--color-bad); }
.series-6[b-bl1o0msot8] { --series: var(--color-fg-2); }
.series-7[b-bl1o0msot8] { --series: #e6499b; }

.line-series[b-bl1o0msot8]  .chart-line {
  stroke: var(--series);
}

.line-series[b-bl1o0msot8]  .chart-dot {
  fill: var(--series);
}

.chart-legend[b-bl1o0msot8] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.875rem;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--text-sm);
  color: var(--color-fg-2);
}

.chart-legend li[b-bl1o0msot8] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}

.legend-swatch[b-bl1o0msot8] {
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 3px;
  background: var(--series);
}

/* Wide enough for an hour label per cell on phones, capped on desktops so figures stay at text size. */
.heat-svg[b-bl1o0msot8] {
  max-width: 820px;
}

.heat-on[b-bl1o0msot8] {
  fill: color-mix(in srgb, var(--color-brand) var(--heat), var(--color-brand-50));
}

.heat-empty[b-bl1o0msot8] {
  fill: var(--color-surface-2);
}

.heat-cell:hover rect[b-bl1o0msot8] {
  stroke: var(--color-fg);
  stroke-width: 1;
}

.heat-value[b-bl1o0msot8] {
  fill: var(--color-fg-2);
  font-size: 10px;
  font-variant-numeric: tabular-nums;
  pointer-events: none;
}

.heat-value.is-dark[b-bl1o0msot8] {
  fill: #fff;
}

.heat-legend[b-bl1o0msot8] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
  margin: 0;
  font-size: var(--text-xs);
  color: var(--color-fg-3);
}

.heat-scale[b-bl1o0msot8] {
  width: 4.5rem;
  height: 0.5rem;
  border-radius: var(--radius-full);
  background: linear-gradient(90deg, var(--color-brand-50), var(--color-brand));
}

.heat-closed[b-bl1o0msot8] {
  width: 0.75rem;
  height: 0.5rem;
  margin-left: 0.5rem;
  border-radius: 2px;
  background: var(--color-surface-2);
  box-shadow: inset 0 0 0 1px var(--color-line);
}

.show-data[b-bl1o0msot8] {
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  gap: 0.3125rem;
  padding: 0.25rem 0.5rem;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  font: inherit;
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg-3);
  cursor: pointer;
}

.show-data:hover[b-bl1o0msot8] {
  background: var(--color-surface-2);
  color: var(--color-fg);
}

.chart-data[b-bl1o0msot8] {
  max-height: 16rem;
  overflow: auto;
  border-radius: var(--radius-md);
  box-shadow: inset 0 0 0 1px var(--color-line);
}

.data-mini[b-bl1o0msot8] {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--text-sm);
}

.data-mini th[b-bl1o0msot8],
.data-mini td[b-bl1o0msot8] {
  padding: 0.375rem 0.625rem;
  border-bottom: 1px solid var(--color-line);
  color: var(--color-fg-2);
  text-align: left;
  white-space: nowrap;
}

.data-mini thead th[b-bl1o0msot8] {
  position: sticky;
  top: 0;
  background: var(--color-surface);
  font-weight: 500;
  color: var(--color-fg-3);
}

.data-mini .num[b-bl1o0msot8] {
  text-align: right;
}

/* Phones: the heatmap keeps a readable size and scrolls sideways inside its card (the page itself never does). */
.heat-scroll[b-bl1o0msot8] {
  overflow-x: auto;
}

@media (max-width: 640px) {
  .heat-svg[b-bl1o0msot8] {
    min-width: 600px;
  }

  .heat-svg .chart-tick[b-bl1o0msot8],
  .heat-value[b-bl1o0msot8] {
    font-size: 12px;
  }
}

/* T37: a detection model update on the day axis (dashed, with its text below the chart). */
.annotation-line[b-bl1o0msot8] {
  stroke: var(--color-fg-2);
  stroke-width: 1.25;
  stroke-dasharray: 4 3;
}

.annotation-dot[b-bl1o0msot8] {
  fill: var(--color-violet);
}

.chart-annotations[b-bl1o0msot8] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.875rem;
  margin: 0.5rem 0 0;
  padding: 0;
  list-style: none;
  font-size: var(--text-sm);
  color: var(--color-fg-2);
}

.chart-annotations li[b-bl1o0msot8] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}

.annotation-key[b-bl1o0msot8] {
  width: 0;
  height: 0.75rem;
  border-left: 1.5px dashed var(--color-fg-2);
}
/* /Components/Reports/ReportFilterBar.razor.rz.scp.css */
.rfilters[b-iawsc4edp0] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.75rem;
}

.period-options[b-iawsc4edp0] {
  display: flex;
  max-width: 100%;
  flex-wrap: wrap;
  gap: 2px;
  padding: 2px;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
  box-shadow: var(--ring-hairline);
}

.period-option[b-iawsc4edp0] {
  padding: 0.3125rem 0.625rem;
  border: 0;
  border-radius: calc(var(--radius-md) - 2px);
  background: transparent;
  font: inherit;
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg-2);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 150ms ease-out, color 150ms ease-out;
}

.period-option:hover[b-iawsc4edp0] {
  color: var(--color-fg);
}

.period-option.is-current[b-iawsc4edp0] {
  background: var(--color-surface);
  color: var(--color-fg);
  box-shadow: var(--shadow-soft);
}

.period-option:focus-visible[b-iawsc4edp0] {
  outline: 2px solid var(--color-brand);
  outline-offset: 1px;
}

.period-custom[b-iawsc4edp0] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.5rem;
}

.period-field[b-iawsc4edp0] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: var(--text-xs);
  color: var(--color-fg-3);
}

.period-field .input[b-iawsc4edp0] {
  width: 9.5rem;
}

.rfilters-more[b-iawsc4edp0] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.rfilter-select .input[b-iawsc4edp0] {
  height: 2rem;
  padding-top: 0;
  padding-bottom: 0;
  font-size: var(--text-sm);
}

.rfilters-more[b-iawsc4edp0]  .rfilter-trigger {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  height: 2rem;
  padding: 0 0.625rem;
  border: 0;
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: var(--ring-hairline);
  font: inherit;
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg-2);
  cursor: pointer;
}

.rfilters-more[b-iawsc4edp0]  .rfilter-trigger:hover {
  color: var(--color-fg);
}

.pick-panel[b-iawsc4edp0] {
  display: flex;
  max-height: 20rem;
  flex-direction: column;
  gap: 0.25rem;
  overflow-y: auto;
  padding: 0.25rem;
}

.pick-actions[b-iawsc4edp0] {
  display: flex;
  justify-content: flex-end;
  gap: 0.375rem;
  padding-top: 0.375rem;
  border-top: 1px solid var(--color-line);
}

@media (max-width: 640px) {
  .period-options[b-iawsc4edp0] {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
  }
}
/* /Components/Reports/ReportKpiTiles.razor.rz.scp.css */
.rkpis[b-taa4emyx67] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
}

.rkpi[b-taa4emyx67] {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: 1rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.rkpi-label[b-taa4emyx67] {
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg-3);
}

.rkpi-value[b-taa4emyx67] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.375rem;
  margin-top: 0.375rem;
  font-size: var(--text-2xl);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.03em;
  color: var(--color-fg);
}

.rkpi-compare[b-taa4emyx67],
.rkpi-note[b-taa4emyx67] {
  margin-top: 0.375rem;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.rkpi-note[b-taa4emyx67] {
  margin-top: 0.125rem;
}

.delta[b-taa4emyx67] {
  display: inline-block;
  padding: 0 0.375rem;
  border-radius: var(--radius-sm);
  font-size: var(--text-sm);
  font-weight: 600;
  line-height: 1.375rem;
  letter-spacing: 0;
  vertical-align: 2px;
}

.delta-neutral[b-taa4emyx67] {
  background: var(--color-surface-2);
  color: var(--color-fg-2);
}

.delta-good[b-taa4emyx67] {
  background: var(--color-ok-bg);
  color: var(--color-ok-fg);
}

.delta-bad[b-taa4emyx67] {
  background: var(--color-bad-bg);
  color: var(--color-bad-fg);
}

@media (max-width: 1100px) {
  .rkpis[b-taa4emyx67] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 420px) {
  .rkpi-value[b-taa4emyx67] {
    font-size: var(--text-xl);
  }
}
/* /Components/Reports/ReportTableView.razor.rz.scp.css */
.rtable[b-2thfg44afj] {
  min-width: 0;
}

.rtable[b-2thfg44afj]  .num {
  text-align: right;
}

.rtable[b-2thfg44afj]  tbody td,
.rtable[b-2thfg44afj]  tbody th {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.rtable[b-2thfg44afj]  .rtable-total th,
.rtable[b-2thfg44afj]  .rtable-total td {
  border-top: 1px solid var(--color-line-2);
  font-weight: 600;
  color: var(--color-fg);
}

.rtable-empty[b-2thfg44afj] {
  padding: 1.5rem 1rem;
  font-size: var(--text-base);
  color: var(--color-fg-3);
  text-align: center;
}

.rtable-more[b-2thfg44afj] {
  padding: 0.625rem 1rem;
  border-top: 1px solid var(--color-line);
}
/* /Components/Reports/ScheduleDialog.razor.rz.scp.css */
.schedule-members[b-1mvp997939] {
  max-height: 12rem;
  overflow-y: auto;
  padding-right: 0.25rem;
}

.schedule-members .cell-sub[b-1mvp997939] {
  display: inline;
  margin-left: 0.25rem;
}
/* /Components/Reprocessing/ApplyFromPanel.razor.rz.scp.css */
.afp[b-hnurt4perh] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

.afp-choices[b-hnurt4perh] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
  gap: 0.5rem;
}

.afp-choice[b-hnurt4perh] {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  padding: 0.625rem 0.75rem;
  border-radius: var(--radius-md);
  box-shadow: inset 0 0 0 1px var(--color-line);
  cursor: pointer;
}

.afp-choice:hover[b-hnurt4perh] {
  background: var(--color-surface-2);
}

.afp-choice.is-checked[b-hnurt4perh] {
  background: var(--color-brand-50);
  box-shadow: inset 0 0 0 1px var(--color-brand);
}

.afp-choice input[b-hnurt4perh] {
  margin-top: 0.1875rem;
  accent-color: var(--color-brand);
}

.afp-choice > span[b-hnurt4perh] {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

.afp-choice-label[b-hnurt4perh] {
  font-weight: 500;
  color: var(--color-fg);
}

.afp-choice-text[b-hnurt4perh] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.afp-date[b-hnurt4perh] {
  max-width: 16rem;
}

.afp-reprocess[b-hnurt4perh] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
}

.afp-preview[b-hnurt4perh] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.75rem;
}

.afp-progress[b-hnurt4perh] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  width: 100%;
}

.afp-progress-label[b-hnurt4perh] {
  font-size: var(--text-sm);
  color: var(--color-fg-2);
}

.afp-bar[b-hnurt4perh] {
  display: block;
  height: 6px;
  border-radius: var(--radius-full);
  background: var(--color-surface-3);
  overflow: hidden;
}

.afp-bar-fill[b-hnurt4perh] {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--gradient-ai);
  transition: width 240ms ease;
}

@media (prefers-reduced-motion: reduce) {
  .afp-bar-fill[b-hnurt4perh] {
    transition: none;
  }
}
/* /Components/Reprocessing/ImpactTable.razor.rz.scp.css */
.impact[b-39hlatdlqj] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}

.impact-intro[b-39hlatdlqj],
.impact-none[b-39hlatdlqj] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  margin: 0;
  font-size: var(--text-sm);
  color: var(--color-fg-2);
}

.impact-scroll[b-39hlatdlqj] {
  /* Positioned, so the table's screen-reader-only caption scrolls with it and never widens the page. */
  position: relative;
  overflow-x: auto;
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: inset 0 0 0 1px var(--color-line);
}

.impact-table[b-39hlatdlqj] {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--text-sm);
}

.impact-table th[b-39hlatdlqj],
.impact-table td[b-39hlatdlqj] {
  padding: 0.5rem 0.75rem;
  text-align: left;
  white-space: nowrap;
  border-bottom: 1px solid var(--color-line);
}

.impact-table tbody tr:last-child th[b-39hlatdlqj],
.impact-table tbody tr:last-child td[b-39hlatdlqj] {
  border-bottom: 0;
}

.impact-table thead th[b-39hlatdlqj] {
  font-weight: 500;
  color: var(--color-fg-3);
  font-size: var(--text-xs);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.impact-table tbody th[b-39hlatdlqj] {
  font-weight: 500;
  color: var(--color-fg);
}

.impact-table .num[b-39hlatdlqj] {
  text-align: right;
}

.impact-arrow[b-39hlatdlqj] {
  color: var(--color-fg-3);
  margin: 0 0.125rem;
}

.impact-table[b-39hlatdlqj]  .impact-delta {
  margin-left: 0.375rem;
}
/* /Components/Review/DisputeDialog.razor.rz.scp.css */
.dd-reasons[b-dswaps8m3e] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  margin: 0;
  padding: 0;
  border: 0;
}

.dd-reason[b-dswaps8m3e] {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  padding: 0.625rem 0.75rem;
  border-radius: var(--radius-md);
  box-shadow: inset 0 0 0 1px var(--color-line);
  cursor: pointer;
}

.dd-reason:hover[b-dswaps8m3e] {
  background: var(--color-surface-2);
}

.dd-reason.is-checked[b-dswaps8m3e] {
  background: var(--color-brand-50);
  box-shadow: inset 0 0 0 1px var(--color-brand);
}

.dd-reason input[b-dswaps8m3e] {
  margin-top: 0.1875rem;
  accent-color: var(--color-brand);
}

.dd-reason > span[b-dswaps8m3e] {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

.dd-reason-label[b-dswaps8m3e] {
  font-size: var(--text-md);
  font-weight: 500;
  color: var(--color-fg);
}

.dd-reason-text[b-dswaps8m3e] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.dd-error[b-dswaps8m3e] {
  margin: 0;
  font-size: var(--text-sm);
  color: var(--color-bad-fg);
}
/* /Components/Review/ReasonPills.razor.rz.scp.css */
.reason-pills[b-cqhtfeyxaq] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.25rem;
}
/* /Components/Review/ReviewBadge.razor.rz.scp.css */
.nav-badge[b-9lo3mrb8bj] {
  display: inline-grid;
  place-items: center;
  min-width: 1.25rem;
  height: 1.125rem;
  margin-left: auto;
  padding: 0 0.3125rem;
  border-radius: var(--radius-full);
  background: var(--color-brand-50);
  color: var(--color-brand-600);
  font-size: var(--text-xs);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

.nav-badge-disputed[b-9lo3mrb8bj] {
  background: var(--color-warn-bg);
  color: var(--color-warn-fg);
}
/* /Components/Rota/PatternEditor.razor.rz.scp.css */
.pattern-list ul[b-cz4kdty0tq] {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pattern-row[b-cz4kdty0tq] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.25rem 0.75rem;
  padding: 0.625rem 0;
  border-bottom: 1px solid var(--color-line);
}

.pattern-row:last-child[b-cz4kdty0tq] {
  border-bottom: 0;
}

.pattern-text[b-cz4kdty0tq] {
  display: flex;
  flex-direction: column;
  gap: 0.0625rem;
  min-width: 0;
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.pattern-text strong[b-cz4kdty0tq] {
  color: var(--color-fg);
}

.pattern-area[b-cz4kdty0tq] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.pattern-actions[b-cz4kdty0tq] {
  display: flex;
  gap: 0.25rem;
}

.weekday-toggles[b-cz4kdty0tq] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}

.weekday-toggle[b-cz4kdty0tq] {
  position: relative;
  display: inline-flex;
}

.weekday-toggle input[b-cz4kdty0tq] {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.weekday-toggle span[b-cz4kdty0tq] {
  display: grid;
  place-items: center;
  min-width: 2.75rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: var(--radius-md);
  box-shadow: var(--ring-hairline);
  background: var(--color-surface);
  color: var(--color-fg-2);
  font-size: var(--text-sm);
  font-weight: 500;
}

.weekday-toggle input:checked + span[b-cz4kdty0tq] {
  background: var(--color-brand-50);
  box-shadow: inset 0 0 0 1.5px var(--color-brand);
  color: var(--color-brand-600);
}

.weekday-toggle input:focus-visible + span[b-cz4kdty0tq] {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}

.input-time[b-cz4kdty0tq] {
  width: 7rem;
  font-variant-numeric: tabular-nums;
}
/* /Components/Rota/RotaDayList.razor.rz.scp.css */
.rota-day-list[b-oa12hsoibc] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.day-tabs[b-oa12hsoibc] {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.25rem;
}

.day-tab[b-oa12hsoibc] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.0625rem;
  min-width: 0;
  padding: 0.375rem 0;
  border: 0;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--color-fg-2);
  font: inherit;
  cursor: pointer;
}

.day-tab:focus-visible[b-oa12hsoibc] {
  outline: 2px solid var(--color-brand);
  outline-offset: 1px;
}

.day-tab-name[b-oa12hsoibc] {
  font-size: var(--text-xs);
  color: var(--color-fg-3);
}

.day-tab-date[b-oa12hsoibc] {
  font-size: var(--text-md);
  font-weight: 600;
}

.day-tab.is-today .day-tab-date[b-oa12hsoibc] {
  color: var(--color-brand-600);
}

.day-tab.is-selected[b-oa12hsoibc] {
  background: var(--color-fg);
  color: #fff;
}

.day-tab.is-selected .day-tab-name[b-oa12hsoibc],
.day-tab.is-selected .day-tab-date[b-oa12hsoibc] {
  color: #fff;
}

.day-hours[b-oa12hsoibc] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.day-people[b-oa12hsoibc] {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}

.day-person[b-oa12hsoibc] {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  padding: 0.625rem 0;
  border-top: 1px solid var(--color-line);
}

.day-avatar[b-oa12hsoibc] {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  border-radius: 50%;
  background: var(--color-brand-50);
  color: var(--color-brand-600);
  font-size: var(--text-xs);
  font-weight: 600;
}

.day-person-main[b-oa12hsoibc] {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}

.day-person-name[b-oa12hsoibc] {
  font-size: var(--text-base);
  font-weight: 600;
  color: var(--color-fg);
}

.day-off[b-oa12hsoibc] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.day-shift[b-oa12hsoibc] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.0625rem;
  padding: 0.375rem 0.5rem;
  border: 0;
  border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--color-brand) 10%, var(--color-surface));
  box-shadow: inset 3px 0 0 var(--color-brand);
  color: var(--color-fg);
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.day-shift:focus-visible[b-oa12hsoibc] {
  outline: 2px solid var(--color-brand);
  outline-offset: 1px;
}

.day-shift.is-cancelled[b-oa12hsoibc] {
  background: var(--color-surface-3);
  box-shadow: inset 3px 0 0 var(--color-line-2);
  color: var(--color-fg-3);
}

.day-shift-time[b-oa12hsoibc] {
  font-size: var(--text-base);
  font-weight: 600;
}

.day-shift.is-cancelled .day-shift-time[b-oa12hsoibc] {
  text-decoration: line-through;
}

.day-shift-meta[b-oa12hsoibc] {
  font-size: var(--text-sm);
  color: var(--color-fg-2);
}

.day-break[b-oa12hsoibc] {
  color: var(--color-warn-fg);
}

.day-draft[b-oa12hsoibc] {
  font-size: var(--text-xs);
  font-weight: 500;
  color: var(--color-brand-600);
}
/* /Components/Rota/RotaGrid.razor.rz.scp.css */
.rota-grid[b-sev5b63of6] {
  overflow-x: auto;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.rota-table[b-sev5b63of6] {
  width: 100%;
  min-width: 60rem;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}

.rota-col-staff[b-sev5b63of6] {
  width: 10.5rem;
}

th[b-sev5b63of6],
td[b-sev5b63of6] {
  border-bottom: 1px solid var(--color-line);
  vertical-align: middle;
}

tbody tr:last-child th[b-sev5b63of6],
tbody tr:last-child td[b-sev5b63of6] {
  border-bottom: 0;
}

.rota-corner[b-sev5b63of6] {
  padding: 0.625rem 0.875rem;
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg-3);
  text-align: left;
  vertical-align: bottom;
}

.rota-day-head[b-sev5b63of6] {
  padding: 0.5rem 0.5rem 0.25rem;
  border-left: 1px solid var(--color-line);
  text-align: left;
  font-weight: 400;
}

.rota-day-head.is-today[b-sev5b63of6] {
  background: color-mix(in srgb, var(--color-brand-50) 70%, transparent);
}

.rota-day-name[b-sev5b63of6] {
  display: block;
  font-size: var(--text-base);
  font-weight: 600;
  color: var(--color-fg);
}

.rota-day-date[b-sev5b63of6] {
  color: var(--color-fg-3);
  font-weight: 500;
}

.is-today .rota-day-date[b-sev5b63of6] {
  color: var(--color-brand-600);
}

.rota-day-hours[b-sev5b63of6] {
  display: block;
  overflow: hidden;
  font-size: var(--text-xs);
  color: var(--color-fg-3);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.is-closed .rota-day-hours[b-sev5b63of6] {
  color: var(--color-warn-fg);
}

.rota-ruler[b-sev5b63of6] {
  position: relative;
  display: block;
  height: 0.875rem;
  margin: 0.25rem 0.25rem 0;
}

.rota-mark[b-sev5b63of6] {
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  font-size: 0.625rem;
  color: var(--color-fg-3);
}

.rota-staff[b-sev5b63of6] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
  height: 3.75rem;
  padding: 0 0.75rem 0 0.875rem;
  text-align: left;
  font-weight: 400;
}

.rota-avatar[b-sev5b63of6] {
  display: grid;
  place-items: center;
  width: 1.875rem;
  height: 1.875rem;
  flex-shrink: 0;
  border-radius: 50%;
  background: var(--color-brand-50);
  color: var(--color-brand-600);
  font-size: var(--text-xs);
  font-weight: 600;
}

.rota-staff-text[b-sev5b63of6] {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.rota-staff-name[b-sev5b63of6] {
  overflow: hidden;
  font-size: var(--text-base);
  font-weight: 600;
  color: var(--color-fg);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.rota-staff-sub[b-sev5b63of6] {
  overflow: hidden;
  font-size: var(--text-xs);
  color: var(--color-fg-3);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.rota-cell[b-sev5b63of6] {
  position: relative;
  padding: 0.5rem 0.25rem;
  border-left: 1px solid var(--color-line);
}

.rota-cell.is-today[b-sev5b63of6] {
  background: color-mix(in srgb, var(--color-brand-50) 45%, transparent);
}

.rota-track[b-sev5b63of6] {
  position: relative;
  height: 2.625rem;
  border-radius: var(--radius-sm);
  background: var(--color-surface-2);
  cursor: crosshair;
  touch-action: none;
  user-select: none;
}

.rota-closed[b-sev5b63of6] {
  position: absolute;
  top: 0;
  bottom: 0;
  background: repeating-linear-gradient(135deg, transparent 0 4px, rgb(11 12 16 / 0.06) 4px 5px);
  pointer-events: none;
}

.rota-closed:first-child[b-sev5b63of6] {
  border-radius: var(--radius-sm) 0 0 var(--radius-sm);
}

.rota-shift[b-sev5b63of6] {
  position: absolute;
  top: 3px;
  bottom: 3px;
  display: flex;
  align-items: center;
  min-width: 0.75rem;
  padding: 0 0.3125rem;
  overflow: hidden;
  border: 0;
  border-radius: 5px;
  background: color-mix(in srgb, var(--color-brand) 14%, var(--color-surface));
  box-shadow: inset 3px 0 0 var(--color-brand), inset 0 0 0 1px color-mix(in srgb, var(--color-brand) 30%, transparent);
  color: var(--color-fg);
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.rota-shift:hover[b-sev5b63of6] {
  background: color-mix(in srgb, var(--color-brand) 20%, var(--color-surface));
}

.rota-shift:focus-visible[b-sev5b63of6] {
  z-index: 2;
  outline: 2px solid var(--color-brand);
  outline-offset: 1px;
}

.rota-shift.is-draft[b-sev5b63of6] {
  box-shadow: inset 3px 0 0 var(--color-brand), inset 0 0 0 1px color-mix(in srgb, var(--color-brand) 55%, transparent);
  background-image: repeating-linear-gradient(135deg, transparent 0 6px, rgb(91 77 255 / 0.06) 6px 7px);
}

.rota-shift.is-cancelled[b-sev5b63of6] {
  background: var(--color-surface-3);
  box-shadow: inset 3px 0 0 var(--color-line-2);
  color: var(--color-fg-3);
}

.rota-shift.is-cancelled .rota-shift-time[b-sev5b63of6] {
  text-decoration: line-through;
}

.rota-shift.is-resizing[b-sev5b63of6] {
  z-index: 3;
  box-shadow: inset 3px 0 0 var(--color-brand), 0 0 0 2px var(--color-brand);
}

.rota-break[b-sev5b63of6] {
  position: absolute;
  top: 0;
  bottom: 0;
  background: repeating-linear-gradient(135deg, rgb(245 158 11 / 0.55) 0 3px, rgb(245 158 11 / 0.2) 3px 6px);
  pointer-events: none;
}

.rota-break.is-recorded[b-sev5b63of6] {
  background: rgb(245 158 11 / 0.45);
}

.rota-shift-text[b-sev5b63of6] {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  line-height: 1.2;
}

.rota-shift-time[b-sev5b63of6] {
  overflow: hidden;
  font-size: var(--text-xs);
  font-weight: 600;
  white-space: nowrap;
  text-overflow: clip;
}

.rota-shift.is-compact .rota-shift-time[b-sev5b63of6] {
  font-size: 0.625rem;
  line-height: 1.15;
}

.rota-shift-area[b-sev5b63of6] {
  overflow: hidden;
  font-size: 0.625rem;
  color: var(--color-fg-2);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.rota-handle[b-sev5b63of6] {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 6px;
  cursor: ew-resize;
}

.rota-handle-start[b-sev5b63of6] {
  left: 0;
}

.rota-handle-end[b-sev5b63of6] {
  right: 0;
}

.rota-shift:hover .rota-handle-end[b-sev5b63of6],
.rota-shift:focus-visible .rota-handle-end[b-sev5b63of6] {
  background: linear-gradient(90deg, transparent 2px, color-mix(in srgb, var(--color-brand) 60%, transparent) 2px 4px, transparent 4px);
}

.rota-grid[b-sev5b63of6]  .rota-ghost {
  position: absolute;
  top: 3px;
  bottom: 3px;
  z-index: 2;
  display: flex;
  align-items: center;
  padding: 0 0.3125rem;
  overflow: hidden;
  border-radius: 5px;
  background: color-mix(in srgb, var(--color-brand) 22%, transparent);
  box-shadow: inset 0 0 0 1.5px var(--color-brand);
  color: var(--color-brand-600);
  font-size: var(--text-xs);
  font-weight: 600;
  white-space: nowrap;
  pointer-events: none;
}

.rota-add[b-sev5b63of6] {
  position: absolute;
  top: 0.125rem;
  right: 0.125rem;
  display: grid;
  place-items: center;
  width: 1.125rem;
  height: 1.125rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--color-surface);
  box-shadow: var(--ring-hairline);
  color: var(--color-fg-2);
  cursor: pointer;
  opacity: 0;
  transition: opacity 120ms ease;
}

.rota-cell:hover .rota-add[b-sev5b63of6],
.rota-add:focus-visible[b-sev5b63of6] {
  opacity: 1;
}

.rota-add:focus-visible[b-sev5b63of6] {
  outline: 2px solid var(--color-brand);
  outline-offset: 1px;
}

@media (hover: none) {
  .rota-add[b-sev5b63of6] {
    opacity: 1;
  }
}
/* /Components/Rota/ShiftEditor.razor.rz.scp.css */
.input-time[b-5ybu64m3oy] {
  width: 7rem;
  font-variant-numeric: tabular-nums;
}

.break-list[b-5ybu64m3oy] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.break-row[b-5ybu64m3oy] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
  color: var(--color-fg-3);
}

.icon-button[b-5ybu64m3oy] {
  display: grid;
  place-items: center;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
  border: 0;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--color-fg-3);
  cursor: pointer;
}

.icon-button:hover[b-5ybu64m3oy] {
  background: var(--color-surface-2);
  color: var(--color-fg);
}

.add-break[b-5ybu64m3oy] {
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  gap: 0.25rem;
  height: 1.75rem;
  margin-top: 0.25rem;
  padding: 0 0.5rem;
  border: 0;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--color-brand-600);
  font-size: var(--text-sm);
  font-weight: 500;
  cursor: pointer;
}

.add-break:hover[b-5ybu64m3oy] {
  background: var(--color-brand-50);
}
/* /Components/Rota/StaffDayShiftsCard.razor.rz.scp.css */
.shifts-empty[b-s7wsj1c5u0] {
  padding: 0.875rem 1rem;
  font-size: var(--text-base);
  color: var(--color-fg-3);
}

.shifts-empty a[b-s7wsj1c5u0] {
  color: var(--color-brand-600);
  font-weight: 500;
}

.shift-list[b-s7wsj1c5u0] {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}

.shift-item[b-s7wsj1c5u0] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.625rem 1rem;
  border-bottom: 1px solid var(--color-line);
}

.shift-main[b-s7wsj1c5u0] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
}

.shift-time[b-s7wsj1c5u0] {
  font-size: var(--text-base);
  font-weight: 600;
  color: var(--color-fg);
}

.shift-time.is-cancelled[b-s7wsj1c5u0] {
  color: var(--color-fg-3);
  text-decoration: line-through;
}

.shift-area[b-s7wsj1c5u0] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.break-items[b-s7wsj1c5u0] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--text-sm);
  color: var(--color-fg-2);
}

.break-items li[b-s7wsj1c5u0] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

.remove-break[b-s7wsj1c5u0] {
  display: grid;
  place-items: center;
  width: 1.375rem;
  height: 1.375rem;
  padding: 0;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--color-fg-3);
  cursor: pointer;
}

.remove-break:hover[b-s7wsj1c5u0] {
  background: var(--color-surface-2);
  color: var(--color-fg);
}

.record-break[b-s7wsj1c5u0] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem 1rem 0.875rem;
}

.record-title[b-s7wsj1c5u0] {
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--color-fg-2);
}

.record-fields[b-s7wsj1c5u0] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
  color: var(--color-fg-3);
}

.input-time[b-s7wsj1c5u0] {
  width: 6.5rem;
  font-variant-numeric: tabular-nums;
}
/* /Components/Sessions/ConfidenceBar.razor.rz.scp.css */
.confidence[b-2ay22fy0un] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.confidence-track[b-2ay22fy0un] {
  position: relative;
  display: inline-block;
  width: 3.5rem;
  height: 0.375rem;
  overflow: hidden;
  border-radius: var(--radius-full);
  background: var(--color-surface-3);
}

.confidence-fill[b-2ay22fy0un] {
  position: absolute;
  inset: 0 auto 0 0;
  border-radius: inherit;
  background: var(--color-brand);
}

.confidence.is-low .confidence-fill[b-2ay22fy0un] {
  background: var(--color-warn);
}

.confidence-value[b-2ay22fy0un] {
  min-width: 2.25rem;
  font-size: var(--text-sm);
  color: var(--color-fg-2);
}
/* /Components/Sessions/CorrectionDialog.razor.rz.scp.css */
.cd[b-1hgsn2bbsc] {
  gap: 0.75rem;
}

.cd-consequence[b-1hgsn2bbsc] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 0.625rem;
  border-radius: var(--radius-md);
  background: var(--color-brand-50);
  font-size: var(--text-base);
  font-weight: 500;
  color: var(--color-brand-600);
  font-variant-numeric: tabular-nums;
}

.cd-merge[b-1hgsn2bbsc] {
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.cd-merge strong[b-1hgsn2bbsc] {
  color: var(--color-fg);
}

.cd-split[b-1hgsn2bbsc] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.cd-range[b-1hgsn2bbsc] {
  flex: 1;
  min-width: 0;
  accent-color: var(--color-brand);
}

.cd-at[b-1hgsn2bbsc] {
  width: 6.5rem;
  flex-shrink: 0;
}

.cd-note[b-1hgsn2bbsc] {
  min-height: 3.5rem;
  padding-top: 0.375rem;
  resize: vertical;
}

.cd-host[b-1hgsn2bbsc]  .cd-footer-hint {
  margin-right: auto;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

@media (max-width: 520px) {
  .cd-host[b-1hgsn2bbsc]  .cd-footer-hint {
    flex-basis: 100%;
  }
}

.cd-host[b-1hgsn2bbsc]  .correction-dialog {
  width: min(34rem, calc(100vw - 2rem));
}

.cd-host[b-1hgsn2bbsc]  .correction-dialog .dialog-body {
  overflow-y: auto;
}
/* /Components/Sessions/CorrectionHistoryPanel.razor.rz.scp.css */
.sd-section[b-7a7ni9prjp] {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.sd-heading[b-7a7ni9prjp] {
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--color-fg);
}

.ch-list[b-7a7ni9prjp] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ch-item[b-7a7ni9prjp] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: start;
  gap: 0.625rem;
  padding: 0.625rem 0.75rem;
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: inset 0 0 0 1px var(--color-line);
}

.ch-icon[b-7a7ni9prjp] {
  display: grid;
  place-items: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: var(--radius-sm);
  background: var(--color-warn-bg);
  color: var(--color-warn-fg);
}

.ch-reverted .ch-icon[b-7a7ni9prjp],
.ch-no-longer-applies .ch-icon[b-7a7ni9prjp] {
  background: var(--color-surface-2);
  color: var(--color-fg-3);
}

.ch-body[b-7a7ni9prjp] {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
}

.ch-what[b-7a7ni9prjp] {
  font-size: var(--text-base);
  font-weight: 600;
  color: var(--color-fg);
  overflow-wrap: anywhere;
}

.ch-reverted .ch-what[b-7a7ni9prjp],
.ch-no-longer-applies .ch-what[b-7a7ni9prjp] {
  color: var(--color-fg-3);
  text-decoration: line-through;
  text-decoration-color: var(--color-line-2);
}

.ch-why[b-7a7ni9prjp] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.5rem;
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.ch-reason[b-7a7ni9prjp] {
  font-weight: 500;
}

.ch-note[b-7a7ni9prjp] {
  color: var(--color-fg-2);
  overflow-wrap: anywhere;
}

.ch-meta[b-7a7ni9prjp] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.ch-stale[b-7a7ni9prjp] {
  color: var(--color-warn-fg);
}

.ch-also[b-7a7ni9prjp] {
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.ch-also ul[b-7a7ni9prjp] {
  margin: 0.25rem 0 0;
  padding-left: 1.125rem;
}

.ch-consequence[b-7a7ni9prjp] {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 0.625rem;
  border-radius: var(--radius-md);
  background: var(--color-brand-50);
  font-size: var(--text-base);
  font-weight: 500;
  color: var(--color-brand-600);
  font-variant-numeric: tabular-nums;
}

.ch-note-input[b-7a7ni9prjp] {
  min-height: 3.5rem;
  padding-top: 0.375rem;
  resize: vertical;
}

.ch-host[b-7a7ni9prjp]  .revert-dialog {
  width: min(30rem, calc(100vw - 2rem));
}
/* /Components/Sessions/CorrectionPreview.razor.rz.scp.css */
.cpv[b-slhfr1d0hj] {
  padding: 0.625rem 0.75rem 0.25rem;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
  box-shadow: inset 0 0 0 1px var(--color-line);
}

.cpv-grid[b-slhfr1d0hj] {
  display: grid;
  grid-template-columns: 2.75rem minmax(0, 1fr);
  align-items: center;
  gap: 0.375rem 0.5rem;
}

.cpv-label[b-slhfr1d0hj] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.cpv-track[b-slhfr1d0hj] {
  position: relative;
  height: 1.125rem;
  border-radius: 4px;
  background: var(--color-surface);
  box-shadow: inset 0 0 0 1px var(--color-line);
}

.cpv-bar[b-slhfr1d0hj] {
  position: absolute;
  top: 3px;
  bottom: 3px;
  border-radius: 3px;
}

.cpv-before[b-slhfr1d0hj] {
  background: var(--color-fg-3);
}

.cpv-after[b-slhfr1d0hj] {
  background: var(--color-brand);
}

/* A session added by hand: dashed, as on the timelines. */
.cpv-manual[b-slhfr1d0hj] {
  background: repeating-linear-gradient(135deg, var(--color-brand) 0 4px, var(--color-brand-100) 4px 7px);
  box-shadow: inset 0 0 0 1px var(--color-brand);
}

.cpv-other[b-slhfr1d0hj] {
  background: repeating-linear-gradient(135deg, var(--color-line-2) 0 3px, transparent 3px 6px);
  box-shadow: inset 0 0 0 1px var(--color-line-2);
}

.cpv-marker[b-slhfr1d0hj] {
  position: absolute;
  top: -3px;
  bottom: -3px;
  width: 2px;
  margin-left: -1px;
  background: var(--color-fg);
}

.cpv-empty[b-slhfr1d0hj] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--text-xs);
  color: var(--color-fg-3);
}

.cpv-axis[b-slhfr1d0hj] {
  position: relative;
  height: 1.25rem;
}

.cpv-tick[b-slhfr1d0hj] {
  position: absolute;
  top: 0.125rem;
  transform: translateX(-50%);
  font-size: var(--text-xs);
  color: var(--color-fg-3);
  white-space: nowrap;
}
/* /Components/Sessions/SessionCorrectionActions.razor.rz.scp.css */
/* One flex item in the drawer's status row: the menu (and its dialog, fixed on screen when open). */
.sca-root[b-gww25ztnbz] {
  flex-shrink: 0;
}

.sca[b-gww25ztnbz]  .sca-trigger {
  gap: 0.375rem;
  height: 1.875rem;
  padding: 0 0.625rem;
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: 0 0 0 1px var(--color-line-2), var(--shadow-soft);
  color: var(--color-fg);
}

.sca[b-gww25ztnbz]  .sca-trigger:hover {
  background: var(--color-surface-2);
}

.sca[b-gww25ztnbz]  .sca-trigger:focus-visible {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}

/* T38 (MET-033): a locked day's session: the trigger's look, disabled (the reason is its tooltip). */
.sca .sca-locked[b-gww25ztnbz] {
  display: inline-flex;
  align-items: center;
  border: 0;
  font-size: var(--text-base);
  font-weight: 500;
  color: var(--color-fg-3);
  cursor: not-allowed;
}

.sca .sca-locked:hover[b-gww25ztnbz] {
  background: var(--color-surface);
}

.sca[b-gww25ztnbz]  .menu-item:disabled {
  color: var(--color-fg-3);
  cursor: not-allowed;
}

.sca[b-gww25ztnbz]  .menu-item:disabled:hover {
  background: transparent;
}

.sca[b-gww25ztnbz]  .menu-item > span {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
/* /Components/Sessions/SessionDetailView.razor.rz.scp.css */
.sd[b-da1c81xx7z] {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.sd-summary[b-da1c81xx7z] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
}

/* T15: the status with the corrected badge on the left, the Actions menu on the right. */
.sd-status-row[b-da1c81xx7z] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
}

.sd-status[b-da1c81xx7z] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
}

.sd-figures[b-da1c81xx7z] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, auto));
  gap: 0.5rem 1.25rem;
  margin: 0;
}

.sd-figures dt[b-da1c81xx7z],
.sd-factors dt[b-da1c81xx7z],
.sd-tech-list dt[b-da1c81xx7z] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.sd-figures dd[b-da1c81xx7z] {
  margin: 0.125rem 0 0;
  font-size: var(--text-lg);
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--color-fg);
}

.sd-section[b-da1c81xx7z] {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.sd-heading[b-da1c81xx7z] {
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--color-fg);
}

.sd-segments[b-da1c81xx7z],
.sd-list[b-da1c81xx7z],
.sd-flags[b-da1c81xx7z] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.sd-segments li[b-da1c81xx7z] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 0.5rem;
}

.sd-segment-name[b-da1c81xx7z] {
  font-weight: 500;
  color: var(--color-fg);
}

.sd-segment-length[b-da1c81xx7z] {
  min-width: 3rem;
  text-align: right;
  color: var(--color-fg-3);
}

.sd-dot[b-da1c81xx7z] {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 2px;
}

.sd-dot-primary[b-da1c81xx7z] {
  background: var(--color-brand);
}

.sd-dot-secondary[b-da1c81xx7z] {
  background: var(--color-cyan);
}

.sd-list li[b-da1c81xx7z] {
  position: relative;
  padding-left: 1rem;
}

.sd-list li[b-da1c81xx7z]::before {
  content: "";
  position: absolute;
  top: 0.5em;
  left: 0.125rem;
  width: 0.3125rem;
  height: 0.3125rem;
  border-radius: 50%;
  background: var(--color-fg-3);
}

.sd-discarded[b-da1c81xx7z] {
  color: var(--color-fg);
}

.sd-flags li[b-da1c81xx7z] {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}

.sd-flags li[b-da1c81xx7z]  .pill {
  flex-shrink: 0;
}

.sd-note[b-da1c81xx7z],
.sd-muted[b-da1c81xx7z] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.sd-factors[b-da1c81xx7z] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.5rem;
  margin: 0;
}

.sd-factors > div[b-da1c81xx7z] {
  padding: 0.5rem 0.625rem;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
}

.sd-factors dd[b-da1c81xx7z] {
  margin: 0.125rem 0 0;
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--color-fg);
}

.sd-placeholder[b-da1c81xx7z] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
  box-shadow: inset 0 0 0 1px var(--color-line);
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.sd-tech[b-da1c81xx7z] {
  border-top: 1px solid var(--color-line);
  padding-top: 0.75rem;
}

.sd-tech summary[b-da1c81xx7z] {
  cursor: pointer;
  font-size: var(--text-base);
  font-weight: 500;
  color: var(--color-fg-2);
}

.sd-tech summary:focus-visible[b-da1c81xx7z] {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
  border-radius: 4px;
}

.sd-tech-list[b-da1c81xx7z] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0.75rem 0 0;
}

.sd-tech-list dd[b-da1c81xx7z] {
  margin: 0.125rem 0 0;
  font-size: var(--text-base);
  color: var(--color-fg);
  overflow-wrap: anywhere;
}

.sd-id[b-da1c81xx7z] {
  font-size: var(--text-sm);
}

/* T12: whom the session is credited to, and how that changed (CV-031). */
.sd-credit[b-da1c81xx7z] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--text-md);
  color: var(--color-fg);
}

.sd-credit strong[b-da1c81xx7z] {
  font-weight: 600;
}

.sd-history[b-da1c81xx7z] {
  display: flex;
  flex-direction: column;
  margin: 0.25rem 0 0;
  padding: 0 0 0 0.875rem;
  border-left: 2px solid var(--color-line);
  list-style: none;
}

.sd-history li[b-da1c81xx7z] {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem 0.625rem;
  padding: 0.375rem 0;
  font-size: var(--text-base);
  color: var(--color-fg-3);
}

.sd-history li[b-da1c81xx7z]::before {
  content: "";
  position: absolute;
  top: 0.75rem;
  left: calc(-0.875rem - 5px);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--color-line-2);
}

.sd-history li.is-current[b-da1c81xx7z] {
  color: var(--color-fg);
}

.sd-history li.is-current[b-da1c81xx7z]::before {
  background: var(--color-brand);
}

.sd-history-time[b-da1c81xx7z] {
  min-width: 8.5rem;
  font-size: var(--text-sm);
}

.sd-history-who[b-da1c81xx7z] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-weight: 500;
}

.sd-history li:not(.is-current) .sd-history-who > span:first-child[b-da1c81xx7z] {
  text-decoration: line-through;
  text-decoration-color: var(--color-line-2);
}

.sd-history-reason[b-da1c81xx7z] {
  flex-basis: 100%;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

@media (max-width: 520px) {
  .sd-figures[b-da1c81xx7z],
  .sd-factors[b-da1c81xx7z] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* /Components/Sessions/SessionEvidencePanel.razor.rz.scp.css */
/* The section repeats the detail's section styles (SessionDetailView's are scoped to it). */
.ev[b-1vb97wt4nm] {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.ev-heading[b-1vb97wt4nm] {
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--color-fg);
}

.ev-placeholder[b-1vb97wt4nm] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
  box-shadow: inset 0 0 0 1px var(--color-line);
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.ev-placeholder a[b-1vb97wt4nm] {
  font-weight: 500;
  color: var(--color-brand);
}

.ev-note[b-1vb97wt4nm] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.ev-head[b-1vb97wt4nm] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

[b-1vb97wt4nm] .ev-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.ev-frames[b-1vb97wt4nm] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ev-frame[b-1vb97wt4nm] {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
  min-width: 0;
}

.ev-tile[b-1vb97wt4nm] {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  padding: 0;
  border: 0;
  border-radius: var(--radius-md);
  background: var(--color-night);
  box-shadow: 0 0 0 1px var(--color-line);
  cursor: zoom-in;
  transition: box-shadow 0.15s ease, transform 0.15s var(--ease-out-expo);
}

.ev-tile:hover[b-1vb97wt4nm] {
  box-shadow: 0 0 0 1px var(--color-line-2), 0 6px 16px -8px rgb(11 12 16 / 0.35);
}

.ev-tile:active[b-1vb97wt4nm] {
  transform: scale(0.985);
}

.ev-tile:focus-visible[b-1vb97wt4nm] {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}

.ev-tile img[b-1vb97wt4nm],
.ev-lightbox-frame img[b-1vb97wt4nm] {
  position: absolute;
  display: block;
  max-width: none;
  user-select: none;
}

.ev-message[b-1vb97wt4nm] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  min-height: 4.5rem;
  padding: 0.5rem;
  background: var(--color-surface-2);
  font-size: var(--text-sm);
  line-height: 1.3;
  text-align: center;
  color: var(--color-fg-3);
  cursor: default;
}

.ev-retry[b-1vb97wt4nm] {
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  font-weight: 500;
  color: var(--color-brand);
  cursor: pointer;
}

.ev-retry:focus-visible[b-1vb97wt4nm] {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
}

.ev-caption[b-1vb97wt4nm] {
  display: flex;
  justify-content: space-between;
  gap: 0.25rem;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.ev-kind[b-1vb97wt4nm] {
  font-weight: 500;
  color: var(--color-fg-2);
}

/* Only there to keep the lightbox's keys from closing the drawer: no box of its own (no extra gap in the detail). */
.ev-lightbox-host[b-1vb97wt4nm] {
  display: contents;
}

.ev-lightbox-host[b-1vb97wt4nm]  .ev-lightbox {
  width: min(56rem, calc(100vw - 2rem));
}

.ev-lightbox-frame[b-1vb97wt4nm] {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
  border-radius: var(--radius-md);
  background: var(--color-night);
}

.ev-area[b-1vb97wt4nm] {
  position: absolute;
  border: 2px dashed rgb(255 255 255 / 0.9);
  border-radius: 4px;
  box-shadow: 0 0 0 100vmax rgb(11 12 16 / 0.35);
  pointer-events: none;
}

.ev-spacer[b-1vb97wt4nm] {
  flex: 1;
}

.ev-lightbox-host[b-1vb97wt4nm]  .dialog-footer {
  align-items: center;
}

@media (max-width: 480px) {
  .ev-frames[b-1vb97wt4nm] {
    gap: 0.375rem;
  }
}
/* /Components/Sessions/SessionFlagPills.razor.rz.scp.css */
.flags[b-8agn5onzws] {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}

.flags-none[b-8agn5onzws] {
  color: var(--color-fg-3);
}
/* /Components/Sessions/SessionTimeline.razor.rz.scp.css */
.timeline[b-ws9wqf6iz3] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.tl-grid[b-ws9wqf6iz3] {
  display: grid;
  grid-template-columns: 4.5rem minmax(0, 1fr);
  align-items: center;
  gap: 0.5rem 0.625rem;
}

.tl-label[b-ws9wqf6iz3] {
  overflow: hidden;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tl-track[b-ws9wqf6iz3] {
  position: relative;
  height: 1.75rem;
  border-radius: var(--radius-sm);
  background: var(--color-surface-2);
  box-shadow: inset 0 0 0 1px var(--color-line);
}

.tl-track-staff[b-ws9wqf6iz3] {
  height: 0.875rem;
}

.tl-seg[b-ws9wqf6iz3],
.tl-gap[b-ws9wqf6iz3],
.tl-staff[b-ws9wqf6iz3] {
  position: absolute;
  top: 3px;
  bottom: 3px;
  border-radius: 4px;
}

.tl-seg-primary[b-ws9wqf6iz3] {
  background: var(--color-brand);
}

.tl-seg-secondary[b-ws9wqf6iz3] {
  background: var(--color-cyan);
}

.tl-gap[b-ws9wqf6iz3] {
  top: 6px;
  bottom: 6px;
  background: repeating-linear-gradient(135deg, transparent 0 4px, rgb(11 12 16 / 0.14) 4px 5px);
  box-shadow: inset 0 0 0 1px var(--color-line-2);
}

.tl-staff[b-ws9wqf6iz3] {
  top: 2px;
  bottom: 2px;
  border-radius: 3px;
  background: var(--color-ok);
}

.tl-now[b-ws9wqf6iz3] {
  position: absolute;
  top: -3px;
  bottom: -3px;
  width: 2px;
  margin-left: -1px;
  border-radius: 1px;
  background: var(--color-fg);
}

.tl-empty[b-ws9wqf6iz3] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  padding-left: 0.5rem;
  font-size: var(--text-xs);
  color: var(--color-fg-3);
}

.tl-axis[b-ws9wqf6iz3] {
  position: relative;
  height: 1rem;
  font-size: var(--text-xs);
  color: var(--color-fg-3);
}

.tl-tick[b-ws9wqf6iz3] {
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  white-space: nowrap;
}

.tl-tick:first-child[b-ws9wqf6iz3] {
  transform: none;
}

.tl-legend[b-ws9wqf6iz3] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--text-sm);
  color: var(--color-fg-2);
}

.tl-legend li[b-ws9wqf6iz3] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}

.tl-swatch[b-ws9wqf6iz3] {
  display: inline-block;
  width: 0.75rem;
  height: 0.5rem;
  border-radius: 2px;
}

.tl-swatch-primary[b-ws9wqf6iz3] {
  background: var(--color-brand);
}

.tl-swatch-secondary[b-ws9wqf6iz3] {
  background: var(--color-cyan);
}

.tl-swatch-gap[b-ws9wqf6iz3] {
  background: repeating-linear-gradient(135deg, transparent 0 2px, rgb(11 12 16 / 0.25) 2px 3px);
  box-shadow: inset 0 0 0 1px var(--color-line-2);
}

.tl-swatch-staff[b-ws9wqf6iz3] {
  background: var(--color-ok);
}
/* /Components/Staff/Delta.razor.rz.scp.css */
.delta[b-292wnlmp96] {
  display: inline-block;
  margin-left: 0.375rem;
  padding: 0 0.3125rem;
  border-radius: var(--radius-sm);
  font-size: var(--text-xs);
  font-weight: 500;
  line-height: 1.25rem;
  font-variant-numeric: tabular-nums;
  vertical-align: 1px;
}

.delta-neutral[b-292wnlmp96] {
  background: var(--color-surface-2);
  color: var(--color-fg-3);
}

.delta-ok[b-292wnlmp96] {
  background: var(--color-ok-bg);
  color: var(--color-ok-fg);
}

.delta-warn[b-292wnlmp96] {
  background: var(--color-warn-bg);
  color: var(--color-warn-fg);
}
/* /Components/Staff/PeriodPicker.razor.rz.scp.css */
.period-picker[b-5egq0vhfj8] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.5rem;
  min-width: 0;
}

.period-options[b-5egq0vhfj8] {
  display: flex;
  max-width: 100%;
  flex-wrap: wrap;
  gap: 2px;
  padding: 2px;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
  box-shadow: var(--ring-hairline);
}

.period-option[b-5egq0vhfj8] {
  padding: 0.3125rem 0.625rem;
  border: 0;
  border-radius: calc(var(--radius-md) - 2px);
  background: transparent;
  font: inherit;
  font-size: var(--text-sm);
  font-weight: 500;
  color: var(--color-fg-2);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 150ms ease-out, color 150ms ease-out;
}

.period-option:hover[b-5egq0vhfj8] {
  color: var(--color-fg);
}

.period-option.is-current[b-5egq0vhfj8] {
  background: var(--color-surface);
  color: var(--color-fg);
  box-shadow: var(--shadow-soft);
}

.period-option:focus-visible[b-5egq0vhfj8] {
  outline: 2px solid var(--color-brand);
  outline-offset: 1px;
}

.period-custom[b-5egq0vhfj8] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.5rem;
}

.period-field[b-5egq0vhfj8] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: var(--text-xs);
  color: var(--color-fg-3);
}

.period-field .input[b-5egq0vhfj8] {
  width: 9.5rem;
}

@media (max-width: 640px) {
  .period-picker[b-5egq0vhfj8] {
    align-items: stretch;
  }

  .period-options[b-5egq0vhfj8] {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
  }
}
/* /Components/Staff/StaffPerformanceList.razor.rz.scp.css */
.perf-card[b-9adb5frk5t] {
  min-width: 0;
  margin-bottom: 1rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.perf-header[b-9adb5frk5t] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.875rem 1rem;
  border-bottom: 1px solid var(--color-line);
}

.perf-title[b-9adb5frk5t] {
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--color-fg);
}

.perf-sub[b-9adb5frk5t] {
  margin-top: 0.125rem;
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.perf-empty[b-9adb5frk5t] {
  padding: 1rem;
  font-size: var(--text-base);
  color: var(--color-fg-3);
}

.perf-empty-state[b-9adb5frk5t] {
  padding: 1.5rem 1rem;
}

.perf-table[b-9adb5frk5t]  .num {
  text-align: right;
}

.perf-table[b-9adb5frk5t]  th.num .sort-button {
  margin-left: auto;
}

.sort-button[b-9adb5frk5t] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.125rem 0.25rem;
  margin: -0.125rem -0.25rem;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  font: inherit;
  color: inherit;
  cursor: pointer;
}

.sort-button:hover[b-9adb5frk5t] {
  color: var(--color-fg);
}

.sort-button:focus-visible[b-9adb5frk5t] {
  outline: 2px solid var(--color-brand);
  outline-offset: 1px;
}

.sort-button[b-9adb5frk5t]  .sort-icon {
  opacity: 0.25;
  transition: transform 150ms ease-out;
}

.sort-button[b-9adb5frk5t]  .sort-icon.is-active {
  opacity: 1;
}

.sort-button[b-9adb5frk5t]  .sort-icon.is-up {
  transform: rotate(180deg);
}

.perf-person[b-9adb5frk5t] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  color: inherit;
  text-decoration: none;
}

.perf-person:hover .perf-name[b-9adb5frk5t] {
  color: var(--color-brand);
}

.perf-person:focus-visible[b-9adb5frk5t] {
  outline: 2px solid var(--color-brand);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}

.perf-avatar[b-9adb5frk5t] {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  border-radius: 50%;
  background: var(--color-brand-50);
  color: var(--color-brand-600);
  font-size: var(--text-xs);
  font-weight: 600;
}

.perf-name[b-9adb5frk5t] {
  display: block;
  font-size: var(--text-md);
  font-weight: 500;
  color: var(--color-fg);
}

.perf-role[b-9adb5frk5t] {
  display: block;
  font-size: var(--text-sm);
  font-weight: 400;
  color: var(--color-fg-3);
}

.perf-location .perf-name[b-9adb5frk5t],
.perf-location .perf-role[b-9adb5frk5t] {
  display: inline;
}

.perf-table[b-9adb5frk5t]  .perf-location th,
.perf-table[b-9adb5frk5t]  .perf-location td {
  background: var(--color-surface-2);
}

.perf-strong[b-9adb5frk5t] {
  font-weight: 600;
  color: var(--color-fg) !important;
}

.perf-table[b-9adb5frk5t]  .perf-warning {
  display: inline-block;
  margin-left: 0.25rem;
  vertical-align: middle;
}

.perf-cards[b-9adb5frk5t] {
  display: none;
  padding: 0;
  margin: 0;
  list-style: none;
}

.perf-cards > li[b-9adb5frk5t] {
  padding: 0.75rem 1rem;
  border-top: 1px solid var(--color-line);
}

.perf-cards > li:first-child[b-9adb5frk5t] {
  border-top: 0;
}

.perf-card-name[b-9adb5frk5t] {
  min-width: 0;
  flex: 1;
}

.perf-card-clients[b-9adb5frk5t] {
  font-size: var(--text-sm);
  color: var(--color-fg-3);
  text-align: right;
}

.perf-card-clients > span[b-9adb5frk5t] {
  display: block;
  font-size: var(--text-lg);
  font-weight: 600;
  line-height: 1;
  color: var(--color-fg);
}

.perf-card-figures[b-9adb5frk5t] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
  margin: 0.625rem 0 0;
  font-size: var(--text-sm);
}

.perf-card-figures > div[b-9adb5frk5t] {
  padding: 0.375rem 0.5rem;
  border-radius: var(--radius-sm);
  background: var(--color-surface-2);
}

.perf-card-figures dt[b-9adb5frk5t] {
  color: var(--color-fg-3);
}

.perf-card-figures dd[b-9adb5frk5t] {
  margin: 0;
  font-weight: 500;
  color: var(--color-fg);
}

.perf-foot[b-9adb5frk5t] {
  display: flex;
  gap: 0.375rem;
  padding: 0.75rem 1rem;
  border-top: 1px solid var(--color-line);
  font-size: var(--text-sm);
  color: var(--color-fg-3);
}

.perf-foot[b-9adb5frk5t]  svg {
  flex-shrink: 0;
  margin-top: 0.125rem;
}

@media (max-width: 767px) {
  .perf-table[b-9adb5frk5t] {
    display: none;
  }

  .perf-cards[b-9adb5frk5t] {
    display: block;
  }
}
/* /Components/Staff/StaffSelfViewCard.razor.rz.scp.css */
.sv-text[b-wy5jp4hw3k] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin: 0;
  font-size: var(--text-md);
  color: var(--color-fg-2);
}

.sv-text strong[b-wy5jp4hw3k] {
  color: var(--color-fg);
}

.sv-actions[b-wy5jp4hw3k] {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.75rem;
}

.sv-form[b-wy5jp4hw3k] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.75rem;
}

.sv-form .input[b-wy5jp4hw3k] {
  flex: 1 1 14rem;
  min-width: 0;
}
/* /Components/Summaries/WeeklyDigestSettingsCard.razor.rz.scp.css */
.form-stack[b-7o353vkwgj] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.summary-switch[b-7o353vkwgj] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.summary-name[b-7o353vkwgj] {
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--color-fg);
}

.summary-description[b-7o353vkwgj] {
  margin: 0;
  font-size: var(--text-base);
  line-height: 1.5;
  color: var(--color-fg-2);
}

.notifications-actions[b-7o353vkwgj] {
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 640px) {
  .notifications-actions[b-7o353vkwgj] {
    justify-content: stretch;
  }

  .notifications-actions[b-7o353vkwgj]  .btn {
    width: 100%;
    justify-content: center;
  }
}
/* /Components/Support/SupportAccessCard.razor.rz.scp.css */
.support-intro[b-rb2isdq8o5] {
  margin: 0 0 1rem;
  font-size: var(--text-base);
  line-height: 1.5;
  color: var(--color-fg-2);
}

.support-section + .support-section[b-rb2isdq8o5] {
  margin-top: 1.25rem;
  padding-top: 1rem;
  border-top: 1px solid var(--color-line);
}

.support-heading[b-rb2isdq8o5] {
  margin: 0 0 0.5rem;
  font-size: var(--text-md);
  font-weight: 600;
  color: var(--color-fg);
}

.support-list[b-rb2isdq8o5] {
  display: grid;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.support-row[b-rb2isdq8o5] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: var(--radius-md);
  background: var(--color-surface-2);
}

.support-request[b-rb2isdq8o5] {
  background: var(--color-brand-50);
  box-shadow: inset 0 0 0 1px var(--color-brand-100);
}

.support-highlight[b-rb2isdq8o5] {
  box-shadow: inset 0 0 0 2px var(--color-brand);
}

.support-who[b-rb2isdq8o5] {
  display: grid;
  gap: 0.25rem;
  min-width: 0;
}

.support-who .cell-strong[b-rb2isdq8o5] {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.support-actions[b-rb2isdq8o5] {
  display: flex;
  gap: 0.5rem;
}

.support-empty[b-rb2isdq8o5] {
  margin: 0;
  font-size: var(--text-base);
  color: var(--color-fg-3);
}

.support-form[b-rb2isdq8o5] {
  display: grid;
  grid-template-columns: minmax(0, 12rem) minmax(0, 1fr);
  gap: 0.75rem 1rem;
  align-items: start;
}

.support-scope[b-rb2isdq8o5] {
  display: grid;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  border: 0;
}

.support-radio[b-rb2isdq8o5] {
  display: flex;
  gap: 0.5rem;
  align-items: flex-start;
  font-size: var(--text-base);
  color: var(--color-fg);
  cursor: pointer;
}

.support-radio input[b-rb2isdq8o5] {
  margin-top: 0.2rem;
  accent-color: var(--color-brand);
}

.support-reason[b-rb2isdq8o5] {
  grid-column: 1 / -1;
}

.support-submit[b-rb2isdq8o5] {
  grid-column: 1 / -1;
  display: flex;
  justify-content: flex-end;
}

.support-activity[b-rb2isdq8o5] {
  display: grid;
  gap: 0.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--text-base);
  color: var(--color-fg-2);
}

.support-activity li[b-rb2isdq8o5] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.75rem;
}

.support-when[b-rb2isdq8o5] {
  color: var(--color-fg-3);
}

.support-what[b-rb2isdq8o5] {
  color: var(--color-fg);
  overflow-wrap: anywhere;
}

@media (max-width: 640px) {
  .support-form[b-rb2isdq8o5] {
    grid-template-columns: minmax(0, 1fr);
  }

  .support-actions[b-rb2isdq8o5] {
    width: 100%;
    justify-content: flex-end;
  }
}
/* /Components/Support/SupportErrorBoundary.razor.rz.scp.css */
.support-blocked[b-vo2g75mt57] {
  max-width: 36rem;
  margin: 2rem auto;
  padding: 1.5rem;
  border-radius: var(--radius-xl);
  background: var(--color-surface);
  box-shadow: var(--shadow-card), inset 4px 0 0 var(--color-bad);
  font-size: var(--text-md);
  line-height: 1.5;
  color: var(--color-fg-2);
}

.support-blocked-title[b-vo2g75mt57] {
  margin: 0 0 0.5rem;
  font-size: var(--text-xl);
  font-weight: 600;
  color: var(--color-fg);
}

.support-blocked p[b-vo2g75mt57] {
  margin: 0 0 1rem;
}
/* /Components/Support/SupportSessionBanner.razor.rz.scp.css */
.support-banner[b-3vlks6ngt8] {
  position: sticky;
  top: 0;
  z-index: 60;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.75rem;
  padding: 0.5rem 1rem;
  background: var(--color-bad);
  color: #ffffff;
  font-size: var(--text-base);
  font-weight: 600;
  box-shadow: 0 1px 0 rgb(11 12 16 / 0.12);
}

.support-banner-icon[b-3vlks6ngt8] {
  display: inline-flex;
}

.support-banner-text[b-3vlks6ngt8] {
  font-variant-numeric: tabular-nums;
}

.support-banner-note[b-3vlks6ngt8] {
  font-weight: 500;
  opacity: 0.9;
}

.support-banner-form[b-3vlks6ngt8] {
  margin: 0 0 0 auto;
}

.support-banner-end[b-3vlks6ngt8] {
  padding: 0.25rem 0.75rem;
  border: 1px solid rgb(255 255 255 / 0.7);
  border-radius: var(--radius-sm);
  background: transparent;
  color: #ffffff;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}

.support-banner-end:hover[b-3vlks6ngt8] {
  background: rgb(255 255 255 / 0.12);
}

.support-banner-end:focus-visible[b-3vlks6ngt8] {
  outline: 2px solid #ffffff;
  outline-offset: 2px;
}

@media (max-width: 640px) {
  .support-banner-form[b-3vlks6ngt8] {
    margin-left: 0;
  }
}
/* /Components/UI/Button.razor.rz.scp.css */
.btn[b-bpixkvncjc] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  border: 0;
  border-radius: var(--radius-md);
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
}

.btn-md[b-bpixkvncjc] {
  height: 2.25rem;
  padding: 0 0.875rem;
  font-size: var(--text-base);
}

.btn-sm[b-bpixkvncjc] {
  height: 1.875rem;
  padding: 0 0.625rem;
  font-size: var(--text-sm);
}

.btn-primary[b-bpixkvncjc] {
  background: var(--color-fg);
  color: #fff;
}

.btn-primary:hover:not(:disabled)[b-bpixkvncjc] {
  background: #23252d;
}

.btn-brand[b-bpixkvncjc] {
  background: var(--color-brand);
  color: #fff;
}

.btn-brand:hover:not(:disabled)[b-bpixkvncjc] {
  background: var(--color-brand-600);
}

.btn-secondary[b-bpixkvncjc] {
  background: var(--color-surface);
  color: var(--color-fg);
  box-shadow: 0 0 0 1px var(--color-line-2), var(--shadow-soft);
}

.btn-secondary:hover:not(:disabled)[b-bpixkvncjc] {
  background: var(--color-surface-2);
}

.btn-ghost[b-bpixkvncjc] {
  background: transparent;
  color: var(--color-fg-2);
}

.btn-ghost:hover:not(:disabled)[b-bpixkvncjc] {
  background: var(--color-surface-2);
  color: var(--color-fg);
}

.btn-danger[b-bpixkvncjc] {
  background: var(--color-bad);
  color: #fff;
}

.btn-danger:hover:not(:disabled)[b-bpixkvncjc] {
  background: var(--color-bad-fg);
}

.btn:disabled[b-bpixkvncjc] {
  cursor: not-allowed;
  opacity: 0.45;
}
/* /Components/UI/Card.razor.rz.scp.css */
.card[b-7xb1ur8qcp] {
  min-width: 0;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.card-padded[b-7xb1ur8qcp] {
  padding: 1rem;
}

.card-header[b-7xb1ur8qcp] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

/* Edge-to-edge cards (tables) keep their title aligned with the table's cell padding. */
.card:not(.card-padded) > .card-header[b-7xb1ur8qcp] {
  margin-bottom: 0.25rem;
  padding: 1rem 1rem 0;
}

.card-title[b-7xb1ur8qcp] {
  font-size: var(--text-md);
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--color-fg);
}

.card-actions[b-7xb1ur8qcp] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
/* /Components/UI/DataTable.razor.rz.scp.css */
.table-wrap[b-k0rlblc9lp] {
  /* Positioned so visually hidden cells (.sr-only is absolute) are clipped by the scroll area, not the page. */
  position: relative;
  overflow-x: auto;
  border-radius: inherit;
}

.table-wrap:focus-visible[b-k0rlblc9lp] {
  outline-offset: -2px;
}

.data-table[b-k0rlblc9lp] {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--text-base);
}

.table-wrap[b-k0rlblc9lp]  thead th {
  padding: 0.625rem 1rem;
  border-bottom: 1px solid var(--color-line);
  font-size: var(--text-sm);
  font-weight: 400;
  color: var(--color-fg-3);
  text-align: left;
  white-space: nowrap;
}

.table-wrap[b-k0rlblc9lp]  tbody th,
.table-wrap[b-k0rlblc9lp]  tbody td {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--color-line);
  color: var(--color-fg-2);
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}

.table-wrap[b-k0rlblc9lp]  tbody tr:last-child th,
.table-wrap[b-k0rlblc9lp]  tbody tr:last-child td {
  border-bottom: 0;
}

.table-wrap[b-k0rlblc9lp]  tbody tr:hover {
  background: color-mix(in srgb, var(--color-surface-2) 60%, transparent);
}

.table-wrap[b-k0rlblc9lp]  .cell-strong {
  font-weight: 500;
  color: var(--color-fg);
}
/* /Components/UI/Dialog.razor.rz.scp.css */
.dialog-backdrop[b-rgbihvm4xq] {
  position: fixed;
  inset: 0;
  z-index: 80;
  background: rgb(11 12 16 / 0.32);
  animation: dialog-fade-b-rgbihvm4xq 0.18s ease-out;
}

.dialog[b-rgbihvm4xq] {
  position: fixed;
  z-index: 81;
  display: flex;
  flex-direction: column;
  background: var(--color-surface);
  box-shadow: var(--shadow-pop), 0 32px 64px -24px rgb(11 12 16 / 0.35);
}

.dialog:focus[b-rgbihvm4xq] {
  outline: none;
}

.dialog-center[b-rgbihvm4xq] {
  top: 50%;
  left: 50%;
  width: min(32rem, calc(100vw - 2rem));
  max-height: calc(100vh - 2rem);
  border-radius: var(--radius-xl);
  transform: translate(-50%, -50%);
  animation: dialog-pop-b-rgbihvm4xq 0.2s var(--ease-out-expo);
}

.dialog-right[b-rgbihvm4xq] {
  top: 0;
  right: 0;
  bottom: 0;
  width: min(30rem, 100vw);
  border-left: 1px solid var(--color-line);
  animation: dialog-slide-b-rgbihvm4xq 0.24s var(--ease-out-expo);
}

.dialog-header[b-rgbihvm4xq] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.25rem 0.75rem;
  border-bottom: 1px solid var(--color-line);
}

.dialog-title[b-rgbihvm4xq] {
  font-size: var(--text-lg);
}

.dialog-subtitle[b-rgbihvm4xq] {
  margin-top: 0.125rem;
  font-size: var(--text-base);
  color: var(--color-fg-3);
}

.dialog-close[b-rgbihvm4xq] {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  margin: -0.25rem -0.5rem 0 0;
  padding: 0;
  border: 0;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--color-fg-3);
  cursor: pointer;
}

.dialog-close:hover[b-rgbihvm4xq] {
  background: var(--color-surface-2);
  color: var(--color-fg);
}

.dialog-body[b-rgbihvm4xq] {
  flex: 1;
  overflow-y: auto;
  padding: 1rem 1.25rem;
}

.dialog-footer[b-rgbihvm4xq] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem 1rem;
  border-top: 1px solid var(--color-line);
}

@keyframes dialog-fade-b-rgbihvm4xq {
  from {
    opacity: 0;
  }
}

@keyframes dialog-pop-b-rgbihvm4xq {
  from {
    opacity: 0;
    transform: translate(-50%, calc(-50% + 8px)) scale(0.98);
  }
}

@keyframes dialog-slide-b-rgbihvm4xq {
  from {
    transform: translateX(24px);
    opacity: 0;
  }
}
/* /Components/UI/Dropdown.razor.rz.scp.css */
.dropdown[b-qofuw7a8ik] {
  position: relative;
  min-width: 0;
}

.dropdown-trigger[b-qofuw7a8ik] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  min-width: 0;
  max-width: 100%;
  padding: 0.25rem 0.375rem;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--color-fg-2);
  font-size: var(--text-base);
  font-weight: 500;
  cursor: pointer;
}

.dropdown-trigger:hover[b-qofuw7a8ik],
.dropdown[data-open="true"] .dropdown-trigger[b-qofuw7a8ik] {
  background: var(--color-surface-2);
  color: var(--color-fg);
}

.dropdown[b-qofuw7a8ik]  .dropdown-chevron {
  flex-shrink: 0;
  transition: transform 0.15s ease;
}

.dropdown[data-open="true"][b-qofuw7a8ik]  .dropdown-chevron {
  transform: rotate(180deg);
}

.dropdown-overlay[b-qofuw7a8ik] {
  position: fixed;
  inset: 0;
  z-index: 60;
}

.dropdown-panel[b-qofuw7a8ik] {
  position: absolute;
  top: calc(100% + 0.375rem);
  z-index: 61;
  min-width: 14rem;
  max-width: min(20rem, calc(100vw - 1.5rem));
  padding: 0.375rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-pop), 0 16px 32px -16px rgb(11 12 16 / 0.18);
  animation: dropdown-in-b-qofuw7a8ik 0.14s var(--ease-out-expo);
}

.dropdown-start[b-qofuw7a8ik] {
  left: 0;
}

.dropdown-end[b-qofuw7a8ik] {
  right: 0;
}

@keyframes dropdown-in-b-qofuw7a8ik {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
}
/* /Components/UI/EmptyState.razor.rz.scp.css */
.empty-state[b-3r75oizluf] {
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-xl);
  background: var(--color-surface);
  box-shadow: var(--shadow-card);
}

.empty-backdrop[b-3r75oizluf] {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.empty-body[b-3r75oizluf] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 26rem;
  margin: 0 auto;
  padding: 3.5rem 1.5rem 3rem;
  text-align: center;
}

.empty-icon[b-3r75oizluf] {
  position: relative;
  display: grid;
  place-items: center;
  width: 3rem;
  height: 3rem;
  margin-bottom: 1rem;
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  color: var(--color-brand);
  box-shadow: 0 0 0 1px var(--color-line), 0 6px 16px -8px rgb(91 77 255 / 0.45);
}

.empty-icon[b-3r75oizluf]::after {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1px;
  background: var(--gradient-ai);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
  opacity: 0.55;
}

.empty-title[b-3r75oizluf] {
  font-size: var(--text-lg);
  font-weight: 600;
  color: var(--color-fg);
}

.empty-description[b-3r75oizluf] {
  margin-top: 0.375rem;
  font-size: var(--text-base);
  line-height: 1.55;
  color: var(--color-fg-3);
}

.empty-actions[b-3r75oizluf] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1.25rem;
}
/* /Components/UI/Pill.razor.rz.scp.css */
.pill[b-osst14h0t5] {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.125rem 0.5rem;
  border-radius: var(--radius-full);
  font-size: var(--text-xs);
  font-weight: 500;
  line-height: 1.45;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.pill-neutral[b-osst14h0t5] {
  background: var(--color-surface-2);
  color: var(--color-fg-2);
  box-shadow: 0 0 0 1px var(--color-line);
}

.pill-ok[b-osst14h0t5] {
  background: var(--color-ok-bg);
  color: var(--color-ok-fg);
}

.pill-warn[b-osst14h0t5] {
  background: var(--color-warn-bg);
  color: var(--color-warn-fg);
}

.pill-bad[b-osst14h0t5] {
  background: var(--color-bad-bg);
  color: var(--color-bad-fg);
}

.pill-brand[b-osst14h0t5] {
  background: var(--color-brand-50);
  color: var(--color-brand-600);
}

.pill-dot[b-osst14h0t5] {
  width: 6px;
  height: 6px;
  flex-shrink: 0;
  border-radius: 50%;
  background: currentColor;
}

.pill-ok .pill-dot[b-osst14h0t5] {
  background: var(--color-ok);
  color: var(--color-ok);
}

.pill-dot-pulse[b-osst14h0t5] {
  animation: pill-pulse-b-osst14h0t5 1.8s ease-out infinite;
}

@keyframes pill-pulse-b-osst14h0t5 {
  0% {
    box-shadow: 0 0 0 0 color-mix(in srgb, currentColor 55%, transparent);
  }

  70%,
  100% {
    box-shadow: 0 0 0 6px transparent;
  }
}

/* A status nobody can vouch for (T55: no news from processing): a hollow dot. */
.pill-unknown .pill-dot[b-osst14h0t5] {
  background: transparent;
  box-shadow: inset 0 0 0 1.5px currentColor;
}
/* /Components/UI/TimeZoneBadge.razor.rz.scp.css */
.tz-slot[b-zgq96aquju] {
  display: contents;
}

/* A long zone name wraps inside the pill rather than overflowing a narrow (360 px) page header. */
.tz-slot[b-zgq96aquju]  .pill {
  max-width: 100%;
  white-space: normal;
}
/* /Components/UI/Toast.razor.rz.scp.css */
.toast-region[b-o49hzdeici] {
  position: fixed;
  right: 1.25rem;
  bottom: 1.25rem;
  z-index: 90;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.5rem;
  pointer-events: none;
}

.toast[b-o49hzdeici] {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  max-width: min(26rem, calc(100vw - 2rem));
  padding: 0.5rem 0.5rem 0.5rem 0.875rem;
  border-radius: var(--radius-lg);
  background: var(--color-night);
  color: #fff;
  font-size: var(--text-md);
  box-shadow: 0 12px 32px -12px rgb(11 12 16 / 0.45);
  pointer-events: auto;
  animation: toast-in-b-o49hzdeici 0.24s var(--ease-out-expo);
}

.toast-icon[b-o49hzdeici] {
  display: inline-flex;
  flex-shrink: 0;
}

.toast-ok .toast-icon[b-o49hzdeici] {
  color: #4ade80;
}

.toast-error .toast-icon[b-o49hzdeici] {
  color: #fb7185;
}

.toast-text[b-o49hzdeici] {
  min-width: 0;
  overflow-wrap: anywhere;
}

.toast-close[b-o49hzdeici] {
  display: inline-grid;
  place-items: center;
  width: 1.75rem;
  height: 1.75rem;
  flex-shrink: 0;
  border: 0;
  border-radius: var(--radius-md);
  background: transparent;
  color: rgb(255 255 255 / 0.7);
  cursor: pointer;
}

.toast-close:hover[b-o49hzdeici] {
  background: rgb(255 255 255 / 0.1);
  color: #fff;
}

.toast-close:focus-visible[b-o49hzdeici] {
  outline: 2px solid var(--color-brand);
  outline-offset: 1px;
}

@keyframes toast-in-b-o49hzdeici {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
}

@media (max-width: 640px) {
  .toast-region[b-o49hzdeici] {
    right: 1rem;
    left: 1rem;
    align-items: stretch;
  }

  .toast[b-o49hzdeici] {
    max-width: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .toast[b-o49hzdeici] {
    animation: none;
  }
}
/* /Components/Wall/WallDisplaysCard.razor.rz.scp.css */
.wall-displays[b-72a0td9a7a] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 2rem;
}

.section-head[b-72a0td9a7a] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.75rem 1rem;
}

.section-title[b-72a0td9a7a] {
  margin: 0;
  font-size: var(--text-lg);
  font-weight: 600;
  letter-spacing: -0.01em;
}

.section-note[b-72a0td9a7a] {
  max-width: 44rem;
  margin: 0.25rem 0 0;
  color: var(--color-fg-2);
  font-size: var(--text-sm);
}

.empty-note[b-72a0td9a7a] {
  margin: 0;
  color: var(--color-fg-2);
}

.cell-strong[b-72a0td9a7a] {
  display: block;
  font-weight: 500;
}

.cell-sub[b-72a0td9a7a] {
  display: block;
  color: var(--color-fg-3);
  font-size: var(--text-sm);
}

.cell-actions[b-72a0td9a7a] {
  text-align: right;
}

.field[b-72a0td9a7a] {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  margin-bottom: 1rem;
}

.wall-created p[b-72a0td9a7a] {
  margin: 0 0 1rem;
}

.wall-code-block[b-72a0td9a7a] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.25rem;
}

.wall-qr[b-72a0td9a7a] {
  flex-shrink: 0;
  padding: 0.5rem;
  border-radius: var(--radius-md);
  background: #ffffff;
  box-shadow: 0 0 0 1px var(--color-line);
}

.wall-code-text[b-72a0td9a7a] {
  min-width: 0;
}

.wall-code-text .field-label[b-72a0td9a7a] {
  margin: 0 0 0.125rem;
}

.wall-code[b-72a0td9a7a] {
  margin: 0 0 0.75rem !important;
  font-family: var(--font-mono);
  font-size: var(--text-xl);
  font-weight: 600;
  letter-spacing: 0.08em;
}

.wall-link[b-72a0td9a7a] {
  overflow-wrap: anywhere;
  font-size: var(--text-sm);
}