/* RI Stations workspace. Scoped to .stations-page so existing production screens keep their layout. */
:root {
  --stations-ink: #182b43;
  --stations-muted: #66758a;
  --stations-border: #d8e1ec;
  --stations-surface: #ffffff;
  --stations-soft: #f4f7fb;
  --stations-blue: #245c9c;
  --stations-blue-dark: #173f73;
  --stations-green: #217a4b;
  --stations-amber: #9a6410;
  --stations-red: #a33d35;
  --stations-shadow: 0 12px 30px rgba(24, 48, 79, .08);
}

.stations-page {
  max-width: 1440px;
  margin: 0 auto;
  color: var(--stations-ink);
}

.stations-page .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.stations-page .workspace-hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  background: linear-gradient(135deg, #f8fbff, #e9f1fb);
  border: 1px solid #d5e1f0;
}

.stations-page .workspace-hero h1,
.stations-page h1,
.stations-page h2,
.stations-page h3,
.stations-page h4 {
  color: var(--stations-ink);
}

.stations-page .workspace-hero h1 {
  margin: 0 0 8px;
  font-size: clamp(26px, 3vw, 38px);
  letter-spacing: -.02em;
}

.stations-page .hero-subtitle {
  max-width: 760px;
  margin: 0;
  color: #4f6179;
  line-height: 1.55;
}

.stations-page .button-row,
.stations-actions,
.stations-form-actions,
.stations-toolbar {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.stations-page .button,
.stations-page button {
  border-radius: 9px;
  font-weight: 700;
  letter-spacing: .01em;
}

.stations-page .button.primary,
.stations-page button.primary {
  background: var(--stations-blue);
}

.stations-page .button.primary:hover,
.stations-page .button.primary:focus-visible,
.stations-page button.primary:hover,
.stations-page button.primary:focus-visible {
  background: var(--stations-blue-dark);
}

.stations-page .button.secondary {
  color: #294867;
  background: #eef3f9;
  border: 1px solid #c9d7e7;
}

.stations-page .button.danger,
.stations-page button.danger {
  color: #fff;
  background: var(--stations-red);
  border-color: var(--stations-red);
}

.stations-page .button.danger:hover,
.stations-page .button.danger:focus-visible,
.stations-page button.danger:hover,
.stations-page button.danger:focus-visible {
  background: #842c27;
  border-color: #842c27;
}

.stations-page .button.tertiary {
  color: var(--stations-blue-dark);
  background: transparent;
  border: 1px solid #bdcde0;
}

.stations-page .button:focus-visible,
.stations-page button:focus-visible,
.stations-page input:focus-visible,
.stations-page select:focus-visible,
.stations-page textarea:focus-visible {
  outline: 3px solid rgba(36, 92, 156, .25);
  outline-offset: 1px;
}

.stations-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 18px 0;
}

.stations-summary-card {
  padding: 16px 18px;
  border: 1px solid var(--stations-border);
  border-radius: 12px;
  background: var(--stations-surface);
  box-shadow: var(--stations-shadow);
}

.stations-summary-card .label {
  display: block;
  color: var(--stations-muted);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.stations-summary-card strong {
  display: block;
  margin-top: 6px;
  font-size: 26px;
  line-height: 1;
}

.stations-toolbar-card {
  padding: 14px 16px;
  border: 1px solid var(--stations-border);
  border-radius: 12px;
  background: #fbfcfe;
}

.stations-toolbar-card form {
  display: flex;
  align-items: end;
  gap: 10px;
  flex-wrap: wrap;
}

.stations-toolbar-card label,
.stations-field label,
.stations-form-field > label {
  display: block;
  margin-bottom: 6px;
  color: #344a64;
  font-size: 13px;
  font-weight: 800;
}

.stations-toolbar-card .field {
  min-width: 190px;
}

.stations-toolbar-card .field-wide {
  min-width: 245px;
}

.station-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 18px;
}

.station-card {
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--stations-border);
  border-radius: 14px;
  background: var(--stations-surface);
  box-shadow: var(--stations-shadow);
}

.station-card-header,
.station-card-header > div,
.station-default-head,
.station-assignment-head,
.station-report-head,
.station-detail-head,
.stations-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.station-card-header {
  padding-bottom: 12px;
  border-bottom: 1px solid #e7edf4;
}

.station-number {
  color: var(--stations-blue);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.station-card h2 {
  margin: 3px 0 0;
  font-size: 22px;
}

.station-status-badges,
.station-meta-list,
.station-context-list,
.station-chip-list {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}

.station-badge,
.station-chip {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 4px 9px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
}

.station-badge {
  color: #445873;
  background: #edf2f7;
}

.station-badge.good {
  color: #17613c;
  background: #e7f5ed;
}

.station-badge.warn {
  color: #81550a;
  background: #fff3d6;
}

.station-badge.alert {
  color: #8e2f2b;
  background: #fde9e8;
}

.station-badge.neutral {
  color: #5b6676;
  background: #eef1f5;
}

.station-default-panel {
  margin-top: 14px;
  padding: 14px;
  border-radius: 11px;
  background: var(--stations-soft);
  border: 1px solid #e0e8f2;
}

.station-default-head h3,
.station-assignment-head h3,
.station-report-head h3 {
  margin: 0;
  font-size: 14px;
}

.station-default-panel p,
.station-analysis-note,
.station-empty,
.stations-help-text {
  color: var(--stations-muted);
  font-size: 12px;
  line-height: 1.45;
}

.station-default-panel p {
  margin: 4px 0 10px;
}

.station-default-form {
  display: flex;
  align-items: end;
  gap: 8px;
  flex-wrap: wrap;
}

.station-default-form select {
  min-width: 220px;
}

.station-analysis-control {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 7px 10px;
  border: 1px solid #d9e3ef;
  border-radius: 9px;
  background: #fff;
}

.station-analysis-control label {
  margin: 0;
  color: #364d67;
  font-size: 12px;
  font-weight: 800;
}

.station-analysis-control input {
  width: 18px;
  height: 18px;
  accent-color: var(--stations-blue);
}

.station-analysis-note {
  margin: 12px 0 0;
}

.station-assignments {
  margin-top: 16px;
}

.station-assignments h3 {
  margin: 0;
  color: #314961;
  font-size: 14px;
}

.station-assignment-list {
  display: grid;
  gap: 9px;
  margin-top: 10px;
}

.station-assignment {
  padding: 12px;
  border: 1px solid #e1e7ef;
  border-radius: 10px;
  background: #fff;
}

.station-assignment-head a,
.station-report-head a {
  color: var(--stations-blue-dark);
  font-weight: 800;
  text-decoration: none;
}

.station-assignment-head a:hover,
.station-assignment-head a:focus-visible,
.station-report-head a:hover,
.station-report-head a:focus-visible {
  text-decoration: underline;
}

.station-assignment-context,
.station-report-context {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px 12px;
  margin: 10px 0 0;
  font-size: 12px;
}

.station-assignment-context dt,
.station-report-context dt {
  color: var(--stations-muted);
  font-weight: 700;
}

.station-assignment-context dd,
.station-report-context dd {
  margin: 0;
  overflow-wrap: anywhere;
}

.station-chip {
  color: #355676;
  background: #edf4fb;
}

.station-chip.component {
  color: #264d77;
  background: #e5effb;
}

.station-chip.employee {
  color: #4f4c72;
  background: #f0edfb;
}

.station-latest-report {
  margin-top: 14px;
  padding-top: 13px;
  border-top: 1px solid #e7edf4;
}

.station-latest-report h4 {
  margin: 0;
  color: #314961;
  font-size: 13px;
}

.station-report-context {
  margin-top: 8px;
}

.station-empty,
.stations-empty {
  margin: 10px 0 0;
  padding: 12px;
  border: 1px dashed #cdd8e5;
  border-radius: 9px;
  background: #fbfcfe;
}

.stations-form-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(300px, .8fr);
  gap: 18px;
  align-items: start;
  margin-top: 18px;
}

.stations-form-card,
.stations-side-card,
.stations-detail-card,
.stations-table-card {
  padding: 18px;
  border: 1px solid var(--stations-border);
  border-radius: 14px;
  background: var(--stations-surface);
  box-shadow: var(--stations-shadow);
}

.stations-section-head {
  margin-bottom: 14px;
}

.stations-section-head h2,
.stations-section-head h3 {
  margin: 0;
}

.stations-section-head p {
  margin: 5px 0 0;
}

.stations-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 16px;
}

.stations-form-field.full {
  grid-column: 1 / -1;
}

.stations-form-field input,
.stations-form-field select,
.stations-form-field textarea,
.stations-toolbar-card input,
.stations-toolbar-card select {
  min-height: 42px;
  font: inherit;
}

.stations-form-field textarea {
  min-height: 105px;
  resize: vertical;
}

.stations-input-note {
  margin: 6px 0 0;
  color: var(--stations-muted);
  font-size: 11px;
  line-height: 1.4;
}

.stations-required {
  color: var(--stations-red);
}

.stations-serial-search {
  position: relative;
}

.stations-search-row {
  display: flex;
  gap: 8px;
}

.stations-search-row input {
  flex: 1 1 auto;
}

.stations-search-status {
  min-height: 18px;
  margin-top: 5px;
  color: var(--stations-muted);
  font-size: 11px;
}

.stations-serial-results {
  display: grid;
  gap: 7px;
  margin-top: 8px;
}

.stations-serial-result {
  display: block;
  width: 100%;
  padding: 10px 12px;
  color: var(--stations-ink);
  text-align: left;
  border: 1px solid #d5e0ec;
  border-radius: 9px;
  background: #fbfcfe;
  cursor: pointer;
}

.stations-serial-result:hover,
.stations-serial-result:focus-visible,
.stations-serial-result.is-selected {
  border-color: #8eb2d8;
  background: #eff6fd;
}

.stations-serial-result strong,
.stations-serial-result span {
  display: block;
}

.stations-serial-result strong {
  color: var(--stations-blue-dark);
}

.stations-serial-result span {
  margin-top: 3px;
  color: #5e6e82;
  font-size: 11px;
  line-height: 1.35;
}

.stations-selected-serial {
  margin-top: 9px;
  padding: 11px 12px;
  border: 1px solid #bad7c6;
  border-radius: 9px;
  background: #f0faf4;
}

.stations-selected-serial strong,
.stations-selected-serial span {
  display: block;
}

.stations-selected-serial strong {
  color: #185c39;
}

.stations-selected-serial span {
  margin-top: 4px;
  color: #406b54;
  font-size: 12px;
}

.stations-employee-picker {
  padding: 10px;
  border: 1px solid #d5deea;
  border-radius: 9px;
  background: #fbfcfe;
}

.stations-employee-picker input[type=search] {
  margin-bottom: 8px;
}

.stations-employee-options {
  display: grid;
  gap: 5px;
  max-height: 220px;
  overflow: auto;
  padding-right: 3px;
}

.stations-employee-option {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 8px;
  border-radius: 7px;
}

.stations-employee-option:hover,
.stations-employee-option:focus-within {
  background: #edf4fb;
}

.stations-employee-option input {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin-top: 1px;
  accent-color: var(--stations-blue);
}

.stations-employee-option strong,
.stations-employee-option span {
  display: block;
}

.stations-employee-option span {
  margin-top: 2px;
  color: var(--stations-muted);
  font-size: 11px;
}

.stations-form-actions {
  margin-top: 18px;
  padding-top: 15px;
  border-top: 1px solid #e5ebf2;
}

.stations-side-card h3,
.stations-side-card h4 {
  margin-top: 0;
}

.stations-side-card h4 {
  margin-bottom: 6px;
}

.stations-side-card p {
  color: var(--stations-muted);
  font-size: 12px;
  line-height: 1.5;
}

.stations-component-list {
  display: grid;
  gap: 6px;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}

.stations-component-list li {
  padding: 8px 10px;
  border: 1px solid #dfe7f0;
  border-radius: 8px;
  color: #385470;
  background: #fafcff;
  font-size: 12px;
  font-weight: 700;
}

.stations-side-note {
  margin-top: 16px;
  padding: 11px 12px;
  border-left: 3px solid #8db1d6;
  background: #f1f6fb;
}

.stations-table-wrap {
  overflow-x: auto;
}

.stations-table {
  min-width: 740px;
}

.stations-table td,
.stations-table th {
  padding: 10px 9px;
  vertical-align: middle;
}

.stations-table th {
  color: #3f566f;
  font-size: 11px;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.stations-table .status-cell {
  white-space: nowrap;
}

.stations-table .actions-cell {
  text-align: right;
  white-space: nowrap;
}

.stations-employee-edit-row td {
  padding-top: 0;
  border-bottom: 1px solid #d6e0eb;
  background: #f8fafd;
}

.stations-inline-form {
  display: flex;
  gap: 7px;
  align-items: end;
  flex-wrap: wrap;
}

.stations-inline-form .field {
  min-width: 150px;
  flex: 1 1 160px;
}

.stations-inline-form label {
  display: block;
  margin-bottom: 4px;
  color: #526780;
  font-size: 11px;
  font-weight: 800;
}

.stations-detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .65fr);
  gap: 18px;
  align-items: start;
  margin-top: 18px;
}

.stations-detail-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 18px;
  margin: 0;
}

.stations-detail-meta div {
  padding-bottom: 9px;
  border-bottom: 1px solid #e6edf4;
}

.stations-detail-meta dt {
  color: var(--stations-muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.stations-detail-meta dd {
  margin: 4px 0 0;
  overflow-wrap: anywhere;
  font-size: 14px;
}

.stations-context-callout {
  margin-top: 15px;
  padding: 12px 14px;
  border: 1px solid #cbdcf0;
  border-radius: 10px;
  background: #f3f8fd;
  color: #38556f;
  font-size: 12px;
  line-height: 1.5;
}

.stations-correction-panel {
  margin-top: 17px;
  padding-top: 13px;
  border-top: 1px solid #e4ebf2;
}

.stations-correction-panel summary {
  color: var(--stations-blue-dark);
  cursor: pointer;
  font-size: 13px;
  font-weight: 800;
}

.stations-correction-panel summary:focus-visible {
  outline: 3px solid rgba(36, 92, 156, .25);
  outline-offset: 3px;
}

.stations-correction-panel[open] summary {
  margin-bottom: 10px;
}

.stations-correction-panel .stations-form-grid {
  margin-top: 12px;
}

.stations-revision-card {
  overflow: hidden;
}

.stations-observation-table {
  min-width: 860px;
}

.stations-observation-table td,
.stations-observation-table th {
  padding: 9px 8px;
  vertical-align: top;
}

.stations-observation-table .uncertain {
  color: #88580b;
}

.stations-observation-table .reviewed {
  color: #17613c;
}

.stations-observation-table .review-control {
  min-width: 170px;
}

.stations-report-card {
  margin-top: 18px;
}

.stations-report-status {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.stations-report-context-list {
  display: grid;
  gap: 7px;
  margin-top: 12px;
}

.stations-report-context-list div {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 7px;
  border-bottom: 1px solid #e7edf3;
  font-size: 12px;
}

.stations-report-context-list strong {
  color: var(--stations-muted);
}

.stations-report-context-list a {
  color: var(--stations-blue-dark);
  text-decoration: none;
}

.stations-report-context-list a:hover,
.stations-report-context-list a:focus-visible {
  text-decoration: underline;
}

.stations-evidence-box {
  margin-top: 12px;
  padding: 11px 12px;
  border: 1px dashed #cbd7e4;
  border-radius: 9px;
  background: #fbfcfe;
  color: #51667d;
  font-size: 12px;
  line-height: 1.5;
}

.stations-evidence-box strong {
  color: #324e6a;
}

@media (max-width: 1080px) {
  .station-grid,
  .stations-form-layout,
  .stations-detail-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .stations-page .workspace-hero,
  .station-card-header,
  .station-default-head,
  .station-assignment-head,
  .station-report-head,
  .stations-section-head {
    flex-direction: column;
  }

  .stations-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .stations-form-grid,
  .station-assignment-context,
  .station-report-context,
  .stations-detail-meta {
    grid-template-columns: 1fr;
  }

  .stations-toolbar-card form,
  .station-default-form,
  .stations-search-row {
    align-items: stretch;
    flex-direction: column;
  }

  .stations-toolbar-card .field,
  .stations-toolbar-card .field-wide,
  .station-default-form select {
    min-width: 0;
    width: 100%;
  }

  .stations-page .button,
  .stations-page button {
    min-height: 42px;
  }
}

@media (max-width: 480px) {
  .stations-summary-grid {
    grid-template-columns: 1fr;
  }

  .station-card,
  .stations-form-card,
  .stations-side-card,
  .stations-detail-card,
  .stations-table-card {
    padding: 14px;
  }
}

@media print {
  .stations-page .workspace-hero .button-row,
  .stations-page .stations-toolbar-card,
  .stations-page .station-default-form,
  .stations-page .station-analysis-control,
  .stations-page .stations-form-actions,
  .stations-page .stations-side-card,
  .stations-page .actions-cell {
    display: none !important;
  }

  .station-grid,
  .stations-detail-grid,
  .stations-form-layout {
    grid-template-columns: 1fr;
  }

  .station-card,
  .stations-form-card,
  .stations-detail-card,
  .stations-table-card {
    box-shadow: none;
  }
}

/* The station board follows one full-width row per station. */
.stations-simple { max-width: 1440px; margin-inline: auto; }
.stations-simple-title, .station-simple-heading { display:flex; align-items:center; gap:24px; flex-wrap:wrap; }
.stations-simple-title { justify-content:space-between; margin-bottom:18px; }
.stations-simple-title h1 { margin:0; }
.stations-simple .station-grid { grid-template-columns:minmax(0,1fr); gap:20px; }
.stations-simple .station-card { box-shadow:none; border-radius:6px; padding:24px; }
.station-simple-heading h2 { margin:0; min-width:150px; }
.station-simple-heading .stations-form-field { min-width:200px; }
.station-simple-fields { display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:24px; margin-top:22px; align-items:start; }
.stations-simple .stations-employee-picker { border:0; background:none; padding:0; }
.stations-simple .stations-employee-options { grid-template-columns:repeat(2,minmax(0,1fr)); max-height:140px; }
.stations-simple .stations-employee-option span { font-size:14px; color:inherit; }
.stations-simple .stations-employee-option input { min-height:18px; }
.stations-simple textarea { min-height:90px; }
.station-simple-save { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-top:12px; }
.station-simple-save summary, .station-simple-settings summary { cursor:pointer; color:#53657a; font-size:13px; }
.station-simple-settings { border-top:1px solid #e7edf4; margin-top:16px; padding-top:12px; }
.station-simple-settings[open] summary { margin-bottom:16px; }
.station-saved-work { margin-top:18px; }
.station-saved-work h3 { font-size:14px; }
.station-saved-row { display:grid; grid-template-columns:110px 150px 1.2fr 1fr 1fr; gap:16px; padding:12px 0; border-top:1px solid #e7edf4; color:inherit; text-decoration:none; font-size:14px; overflow-wrap:anywhere; }
.station-saved-row:hover { background:#f4f7fb; }
@media(max-width:900px) { .station-simple-fields, .station-saved-row { grid-template-columns:1fr; gap:12px; } .station-simple-heading { gap:12px; } .stations-simple .station-card { padding:16px; } }

.stations-page [hidden] { display: none !important; }

/* Compact single-station workspace. All additions stay inside this page. */
main.container:has(.stations-workspace) { width: auto; max-width: 1520px; margin-inline: auto; }
.stations-workspace { --workspace-ink:#203047; --workspace-muted:#627187; --workspace-line:#dfe5ed; --workspace-panel:#fff; --workspace-soft:#eef4fd; color:var(--workspace-ink); }
.stations-workspace h1,.stations-workspace h2,.stations-workspace h3,.stations-workspace p { margin-top:0; }
.workspace-heading,.workspace-heading-actions,.workspace-station-heading,.workspace-history-heading,.workspace-form-footer { display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; }
.workspace-heading { margin:2px 0 20px; }
.workspace-heading h1 { margin:0; font-size:30px; letter-spacing:-.025em; }
.workspace-heading p,.workspace-station-subtitle,.workspace-history-heading p { margin:4px 0 0; color:var(--workspace-muted); }
.stations-eyebrow { margin-bottom:5px; color:var(--workspace-muted); font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.workspace-heading-actions { justify-content:flex-end; }
.workspace-global-search { display:grid; grid-template-columns:minmax(210px,.85fr) minmax(320px,1.15fr); align-items:center; gap:8px 24px; padding:17px 19px; border:1px solid var(--workspace-line); border-radius:12px; background:var(--workspace-panel); }
.workspace-global-copy h2 { margin:0; font-size:18px; }
.workspace-global-copy p { margin:4px 0 0; color:var(--workspace-muted); font-size:12px; }
.workspace-global-form label,.workspace-history-filters label { display:flex; flex-direction:column; gap:6px; color:#344a64; font-size:12px; font-weight:800; }
.workspace-global-input-row { display:flex; align-items:flex-end; gap:9px; }
.workspace-global-input-row input,.workspace-history-filters input { min-width:0; min-height:40px; padding:8px 10px; border:1px solid #cbd5e2; border-radius:7px; color:var(--workspace-ink); background:#fff; font:inherit; }
.workspace-global-query { flex:1 1 auto; min-width:0; }
.workspace-global-input-row label > input { width:100%; flex:none; }
.workspace-global-date { min-width:145px; color:#344a64; font-size:11px !important; }
.workspace-global-date input { width:100%; }
.workspace-global-input-row button { height:40px; min-height:40px; }
.workspace-global-form .stations-search-status { margin:5px 0 0; font-size:12px; }
.workspace-report-results { grid-column:1/-1; border-top:1px solid var(--workspace-line); padding-top:12px; }
.workspace-report-results h3 { margin:0 0 8px; font-size:14px; }
.workspace-report-result { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(120px,.8fr) minmax(130px,.9fr) auto; align-items:center; gap:10px; padding:10px 0; border-top:1px solid #edf0f4; font-size:12px; }
.workspace-report-result:first-of-type { border-top:0; }
.workspace-report-result a { color:#245c9c; font-weight:800; }
.workspace-report-result p { margin:2px 0 0; color:var(--workspace-muted); }
.workspace-report-actions { display:flex; gap:10px; align-items:center; justify-content:flex-end; flex-wrap:wrap; }
.workspace-report-actions a { white-space:nowrap; }
.workspace-report-status { color:#465a72; font-weight:700; }
.workspace-report-status.is-ready { color:#17613c; }
.workspace-report-status.is-review { color:#81550a; }
.workspace-shell { display:grid; grid-template-columns:190px minmax(0,1fr); align-items:start; gap:22px; margin-top:20px; }
.workspace-station-nav { position:sticky; top:12px; min-width:0; width:190px; }
.workspace-station-list { display:grid; gap:6px; min-width:0; }
.workspace-station-choice { display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; min-width:0; min-height:58px; padding:9px 10px; border:1px solid transparent; border-radius:8px; background:transparent; color:inherit; text-align:left; cursor:pointer; }
.workspace-station-choice:hover { background:#eef3f9; }
.workspace-station-choice[aria-pressed="true"] { border-color:var(--workspace-line); background:#fff; box-shadow:inset 3px 0 #2361a4; }
.workspace-station-choice-main { min-width:0; }
.workspace-station-choice-main strong,.workspace-station-component { display:block; }
.workspace-station-choice-main strong { font-size:13px; }
.workspace-station-component { overflow:hidden; margin-top:3px; color:var(--workspace-muted); font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.workspace-station-choice .station-badge { flex:0 0 auto; font-size:12px; }
.workspace-nav-note { margin:10px 4px 0; color:var(--workspace-muted); font-size:12px; line-height:1.45; }
.workspace-main { min-width:0; }
.workspace-station-heading { margin:0 0 12px; }
.workspace-station-heading h2 { margin:0; font-size:22px; }
.workspace-station-badges { display:flex; gap:7px; flex-wrap:wrap; }
.workspace-inactive-notice { display:flex; align-items:center; gap:12px; flex-wrap:wrap; padding:12px 15px; margin:0 0 14px; border:1px solid #d9e4f1; border-radius:9px; background:#eef4fd; font-size:12px; }
.workspace-inactive-notice strong { flex:0 0 auto; }
.workspace-inactive-notice span { flex:1 1 280px; color:#52657b; }
.workspace-settings { margin-bottom:14px; padding:11px 14px; border:1px solid var(--workspace-line); border-radius:9px; background:#fff; }
.workspace-settings summary,.workspace-optional-fields summary { color:#315c8d; font-size:12px; font-weight:800; cursor:pointer; }
.workspace-settings[open] summary { margin-bottom:12px; }
.workspace-settings-content { display:grid; grid-template-columns:minmax(190px,1fr) auto; align-items:center; gap:11px 18px; }
.workspace-settings-content h3 { margin:0; font-size:14px; }
.workspace-settings-content p { margin:4px 0 0; }
.workspace-settings-content .station-default-form,.workspace-settings-content .station-analysis-control { grid-column:1/-1; }
.workspace-settings-content .station-default-form label { font-size:12px; font-weight:700; }
.workspace-assignment-card { padding:17px 18px; margin-bottom:17px; border:1px solid var(--workspace-line); border-radius:10px; background:#fff; }
.workspace-card-heading { display:flex; align-items:flex-start; gap:10px; margin-bottom:15px; }
.workspace-card-heading h3 { margin:0; font-size:16px; }
.workspace-card-heading p,.workspace-paused-card p { margin:3px 0 0; color:var(--workspace-muted); font-size:12px; }
.workspace-step { flex:0 0 auto; padding:4px 8px; border-radius:5px; color:#245c9c; background:#eef4fd; font-size:11px; font-weight:800; }
.workspace-form-fields { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(150px,.8fr) minmax(155px,.85fr); align-items:start; gap:12px; }
.workspace-assignment-card .stations-form-field > label { margin-bottom:6px; }
.workspace-assignment-card .stations-form-field input:not([type=hidden]),.workspace-assignment-card .stations-form-field select,.workspace-assignment-card .stations-form-field textarea,.workspace-employees > input { width:100%; min-width:0; min-height:39px; padding:8px 10px; border:1px solid #cbd5e2; border-radius:6px; background:#fff; color:var(--workspace-ink); font:inherit; }
.workspace-assignment-card .stations-form-field textarea { min-height:70px; resize:vertical; }
.workspace-assignment-card .stations-serial-search { position:relative; }
.workspace-assignment-card .stations-serial-results { position:relative; z-index:2; }
.workspace-employees { margin:14px 0 10px; padding:0; border:0; }
.workspace-employees legend { margin-bottom:7px; font-size:12px; font-weight:800; }
.workspace-employee-search { display:block; margin-bottom:5px; color:var(--workspace-muted); font-size:11px; }
.workspace-employees > input { max-width:340px; }
.workspace-employees .stations-employee-options { display:flex; flex-wrap:wrap; gap:6px; max-height:112px; margin-top:8px; }
.workspace-employees [data-employee-search-status]:empty { display:none; }
.workspace-employees .stations-employee-option { align-items:center; padding:7px 10px; border:1px solid var(--workspace-line); border-radius:6px; background:#fff; font-size:12px; }
.workspace-employees .stations-employee-option:has(input:checked) { border-color:#8eb2d8; background:#eef4fd; }
.workspace-employees .stations-employee-option span,.workspace-employees .stations-employee-option strong { margin:0; color:inherit; font-size:12px; }
.workspace-optional-fields { border-top:1px solid #edf0f4; }
.workspace-optional-fields summary { padding:9px 0; }
.workspace-optional-fields summary span { color:var(--workspace-muted); font-weight:400; }
.workspace-optional-grid { display:grid; grid-template-columns:minmax(0,2fr) minmax(130px,1fr); gap:12px; }
.workspace-form-footer { margin-top:10px; padding-top:11px; border-top:1px solid #edf0f4; }
.workspace-form-footer .stations-search-status { flex:1; margin:0; }
.workspace-paused-card { padding:14px 16px; background:#f8fafc; }
.workspace-history { padding-top:4px; }
.workspace-history-heading { margin-bottom:10px; }
.workspace-history-heading h3 { margin:0; font-size:16px; }
.workspace-history-heading p { font-size:12px; }
.workspace-history-count { color:var(--workspace-muted); font-size:12px; }
.workspace-history-more { display:flex; align-items:center; justify-content:space-between; gap:10px; padding-top:10px; color:var(--workspace-muted); font-size:12px; }
.workspace-history-filters { display:grid; grid-template-columns:minmax(200px,1fr) minmax(160px,220px) auto; align-items:end; gap:9px; margin-bottom:10px; }
.workspace-history-filters label { font-size:12px; }
.workspace-history-table-wrap { overflow-x:auto; border:1px solid var(--workspace-line); border-radius:9px; background:#fff; }
.workspace-history-table { width:100%; min-width:680px; table-layout:fixed; font-size:13px; }
.workspace-history-table th { background:#f3f5f8; }
.workspace-history-table th:nth-child(1) { width:14%; }
.workspace-history-table th:nth-child(2) { width:21%; }
.workspace-history-table th:nth-child(3) { width:20%; }
.workspace-history-table th:nth-child(4) { width:20%; }
.workspace-history-table th:nth-child(5) { width:25%; }
.workspace-history-table td { overflow-wrap:anywhere; vertical-align:top; }
.workspace-history-table td a { color:#245c9c; font-weight:700; }
.workspace-history-table .workspace-muted { display:block; margin-top:3px; color:var(--workspace-muted); font-size:12px; }
.workspace-job-line { display:flex; align-items:baseline; gap:4px 9px; flex-wrap:wrap; min-width:0; }
.workspace-job-line > a:first-child { overflow-wrap:anywhere; }
.workspace-job-report-status,.workspace-job-report-link { font-size:12px; font-weight:700; }
.workspace-job-report-status { color:#465a72; }
.workspace-job-report-status.is-ready { color:#17613c; }
.workspace-job-report-status.is-review { color:#81550a; }
.workspace-job-report-status.is-unmatched { color:var(--workspace-muted); font-weight:500; }
.workspace-job-report-link { color:#245c9c; white-space:nowrap; }
.workspace-archive-report-list { position:relative; color:#245c9c; font-size:12px; font-weight:700; }
.workspace-archive-report-list summary { cursor:pointer; }
.workspace-archive-report-list ul { position:absolute; z-index:4; top:100%; left:0; min-width:260px; max-width:min(440px,80vw); margin:4px 0 0; padding:8px 12px; list-style:none; background:#fff; border:1px solid var(--workspace-line); border-radius:8px; box-shadow:0 8px 20px rgba(24,39,58,.16); }
.workspace-archive-report-list li + li { border-top:1px solid #edf0f4; margin-top:6px; padding-top:6px; }
.workspace-archive-report-list li a { display:block; white-space:normal; line-height:1.4; }
.workspace-report-disclosure summary { color:#245c9c; font-weight:700; cursor:pointer; }
.workspace-report-disclosure summary .workspace-report-status { color:#465a72; }
.workspace-report-disclosure summary .workspace-report-status.is-ready { color:#17613c; }
.workspace-report-disclosure summary .workspace-report-status.is-review { color:#81550a; }
.workspace-report-disclosure { width:100%; min-width:0; }
.workspace-report-disclosure[open] { width:100%; min-width:0; }
.workspace-report-disclosure .stations-detail-card { padding:10px; box-shadow:none; }
.workspace-report-disclosure .workspace-legacy-report-link { margin:0 10px 10px; font-size:12px; }
.workspace-report-disclosure .stations-detail-card h3 { font-size:14px; }
.workspace-report-disclosure .stations-detail-card p { font-size:12px; overflow-wrap:anywhere; }
.workspace-report-disclosure [data-rbi-report-form] { display:grid; gap:7px; }
.workspace-report-disclosure [data-rbi-report-form] label { font-size:12px; }
.workspace-report-disclosure [data-rbi-report-form] input { max-width:100%; min-height:34px; }
.workspace-report-disclosure .button,.workspace-report-disclosure button { min-height:34px; padding:6px 9px; font-size:11px; }
.stations-workspace .station-badge { display:inline-flex; align-items:center; min-height:25px; padding:4px 9px; border-radius:999px; font-size:12px; font-weight:800; white-space:nowrap; }
.stations-workspace .station-badge.good { color:#17613c; background:#e7f5ed; }
.stations-workspace .station-badge.neutral { color:#5b6676; background:#eef1f5; }
.stations-workspace button:focus-visible,.stations-workspace input:focus-visible,.stations-workspace select:focus-visible,.stations-workspace textarea:focus-visible,.stations-workspace a:focus-visible { outline:3px solid rgba(36,92,156,.28); outline-offset:2px; }
@media(max-width:980px) { .workspace-shell { grid-template-columns:1fr; gap:14px; } .workspace-station-nav { position:static; width:auto; } .workspace-station-list { grid-template-columns:repeat(4,minmax(0,1fr)); } .workspace-station-choice { min-height:52px; } }
@media(max-width:700px) { main.container:has(.stations-workspace) { padding:14px 12px; } .workspace-heading { align-items:flex-start; } .workspace-heading h1 { font-size:26px; } .workspace-global-search { grid-template-columns:1fr; padding:14px; } .workspace-global-input-row { flex-wrap:wrap; } .workspace-global-query { flex:1 1 100%; } .workspace-global-date { flex:1 1 145px; } .workspace-global-input-row button { flex:1 1 145px; } .workspace-report-result { grid-template-columns:1fr auto; } .workspace-report-result > :nth-child(2),.workspace-report-result > :nth-child(3) { grid-column:1; } .workspace-report-actions { grid-column:2; grid-row:1/4; align-items:flex-end; flex-direction:column; } .workspace-station-list { grid-template-columns:repeat(2,minmax(0,1fr)); } .workspace-form-fields,.workspace-optional-grid { grid-template-columns:1fr; } .workspace-history-filters { grid-template-columns:1fr 1fr; } .workspace-history-filters label:first-child { grid-column:1/-1; } .workspace-history-filters button { grid-column:1/-1; } .workspace-job-line .workspace-archive-report-list { flex:1 1 100%; min-width:0; } .workspace-archive-report-list[open] ul { position:static; box-sizing:border-box; width:100%; max-width:100%; margin-top:6px; box-shadow:none; } }
@media(max-width:520px) { .workspace-heading-actions { width:100%; justify-content:flex-start; } .workspace-heading-actions .button { flex:1; text-align:center; } .workspace-station-choice { align-items:flex-start; justify-content:flex-start; flex-direction:column; min-height:68px; padding:8px; } .workspace-station-choice .station-badge { max-width:100%; } .workspace-station-badges { width:100%; } .workspace-assignment-card { padding:14px; } .workspace-employees .stations-employee-options { display:grid; grid-template-columns:1fr 1fr; max-height:170px; } .workspace-form-footer { align-items:stretch; } .workspace-form-footer button { width:100%; } .workspace-history-table { min-width:0; } .workspace-history-table thead { display:none; } .workspace-history-table tr[data-workspace-assignment] { display:grid; grid-template-columns:1fr 1fr; gap:9px 12px; padding:11px; border-bottom:1px solid var(--workspace-line); } .workspace-history-table tr[data-workspace-assignment] td { display:block; padding:0; border:0; font-size:13px; } .workspace-history-table tr[data-workspace-assignment] td::before { display:block; margin-bottom:4px; color:var(--workspace-muted); font-size:12px; font-weight:800; text-transform:uppercase; content:attr(data-label); } .workspace-history-table tr[data-workspace-assignment] td:last-child { grid-column:1/-1; } .workspace-settings-content { grid-template-columns:1fr; } .workspace-settings-content > button { justify-self:start; } }