/* Operations shares the host's color tokens and contains its own layout. */
.operations-space {
  --operations-accent: var(--accent, #147d75);
  display: grid;
  gap: 1rem;
  min-inline-size: 0;
  max-inline-size: 100%;
}
.operations-space *, .operations-space *::before, .operations-space *::after { box-sizing: border-box; }
.operations-space [hidden] { display: none !important; }
.operations-space :where(h2, h3, h4, p) { margin-block-start: 0; }
.operations-space h2 { font-size: clamp(1.15rem, 3vw, 1.45rem); }
.operations-space h3 { font-size: 1.02rem; }
.operations-space h4 { font-size: .95rem; }
.operations-space :where(p, h2, h3, h4, dt, dd, span, small, label, li, button) { overflow-wrap: anywhere; }
.operations-space .panel { min-inline-size: 0; max-inline-size: 100%; }
.operations-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .8rem; }
.operations-heading > * { min-inline-size: 0; max-inline-size: 100%; }
.operations-heading h2, .operations-heading h3 { margin-block-end: .4rem; }
.operations-header .operations-heading > div { flex: 1 1 22rem; }
.operations-muted { color: var(--muted, #526571); font-size: .85rem; line-height: 1.6; }
.operations-site-label { max-inline-size: 32rem; margin-block-start: .9rem; }
.operations-space label { display: grid; gap: .4rem; min-inline-size: 0; align-content: start; font-size: .88rem; }
.operations-space :where(input, select, textarea) {
  inline-size: 100%;
  min-inline-size: 0;
  max-inline-size: 100%;
  min-block-size: 44px;
  font: inherit;
}
.operations-space :where(button, input, select, textarea) { border-radius: .55rem; }
.operations-space button { min-block-size: 44px; white-space: normal; line-height: 1.4; cursor: pointer; }
.operations-space button:disabled { cursor: wait; opacity: .65; }
.operations-space :where(button, input, select, textarea):focus-visible { outline: 3px solid var(--operations-accent); outline-offset: 3px; }
.operations-space h3[tabindex]:focus { outline: none; }
.operations-tabs {
  display: flex;
  overflow-x: auto;
  gap: .35rem;
  max-inline-size: 100%;
  min-inline-size: 0;
  padding: .35rem .15rem .65rem;
  border-block-end: 1px solid var(--line, #d8e3e3);
  scrollbar-width: thin;
}
.operations-tabs > button {
  flex: 0 0 auto;
  max-inline-size: 14rem;
  padding: .7rem 1rem;
  background: var(--surface, #fff);
  color: var(--text, #173d3a);
  border: 1px solid var(--line, #d8e3e3);
  font-size: .87rem;
}
.operations-tabs > button[aria-selected="true"] { color: var(--operations-accent); border-color: var(--operations-accent); box-shadow: inset 0 -3px var(--operations-accent); font-weight: 700; }
.operations-actions { display: flex; flex-wrap: wrap; gap: .5rem; min-inline-size: 0; }
.operations-actions:empty, .operations-space [data-operations-editor]:empty, .operations-message:empty, .operations-error:empty { display: none; }
.operations-actions > button { flex: 0 1 auto; }
.operations-message { margin: 0; padding: .75rem 1rem; border-inline-start: 3px solid var(--operations-accent); background: var(--surface-raised, #f1f7f7); border-radius: .5rem; }
.operations-message[role="alert"], .operations-error { color: var(--danger, #b02432); }
.operations-space [data-operations-view] { min-inline-size: 0; }
.operations-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr)); gap: .85rem; margin-block-start: 1rem; }
.operations-card { min-inline-size: 0; padding: 1rem; background: var(--surface-raised, #f1f7f7); border: 1px solid var(--line, #d8e3e3); border-radius: .8rem; }
.operations-card .operations-actions { margin-block-start: .85rem; }
.operations-badge { display: inline-block; flex: 0 1 auto; padding: .35rem .55rem; border: 1px solid var(--line, #d8e3e3); border-radius: .45rem; font-size: .78rem; font-weight: 650; line-height: 1.4; }
.operations-description { white-space: pre-wrap; font-size: .9rem; line-height: 1.65; }
.operations-detail { margin-block: .55rem; font-size: .85rem; line-height: 1.6; }
.operations-detail strong { font-weight: 600; }
.operations-detail span { white-space: pre-wrap; }
.operations-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 11rem), 1fr)); gap: .7rem; margin-block: 1rem; }
.operations-metrics > div { min-inline-size: 0; padding: .8rem; border: 1px solid var(--line, #d8e3e3); border-radius: .6rem; background: var(--surface, #fff); }
.operations-metrics dt { color: var(--muted, #526571); font-size: .78rem; line-height: 1.55; }
.operations-metrics dd { margin: .5rem 0 0; font-size: 1.1rem; font-weight: 700; font-variant-numeric: tabular-nums; line-height: 1.4; }
.operations-empty { padding-block: 1rem; margin: 0; color: var(--muted, #526571); line-height: 1.6; }
.operations-form { scroll-margin-block: 1rem; }
.operations-form-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-block: 1rem; }
.operations-field-wide { grid-column: 1 / -1; }
.operations-space textarea { resize: vertical; min-block-size: 6rem; line-height: 1.6; }
.operations-space select[multiple] { min-block-size: 8rem; }
.operations-context { font-weight: 600; }
.operations-space label.operations-checkbox { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; gap: .65rem; min-block-size: 44px; }
.operations-space .operations-checkbox input { inline-size: 1.2rem; min-block-size: 1.2rem; flex: 0 0 auto; }
.operations-resource-fields { margin: 0; padding: .8rem; min-inline-size: 0; border: 1px solid var(--line, #d8e3e3); border-radius: .6rem; }
.operations-resource-fields legend { padding-inline: .4rem; font-size: .9rem; font-weight: 600; }
.operations-resource-line { display: grid; grid-template-columns: minmax(0, 1fr) minmax(4rem, .4fr); gap: .65rem; margin-block: .65rem; }
.operations-resource-line > label:only-child { grid-column: 1 / -1; }
.operations-preview-list { padding-inline-start: 1.35rem; line-height: 1.7; }
.operations-preview-list > li { padding-block: .4rem; }
.operations-warning { border-inline-start: 3px solid #b57a19; padding: .6rem .85rem; background: var(--surface-raised, #f1f7f7); }
.operations-result > button { margin-block-start: 1rem; margin-inline-end: .5rem; }
.operations-source-preview { margin-block: 1rem; padding: .8rem; border: 1px solid var(--line, #d8e3e3); border-radius: .6rem; min-inline-size: 0; }
.operations-source-image { display: block; max-inline-size: 100%; block-size: auto; max-block-size: 36rem; object-fit: contain; margin-block: .8rem; }
.operations-audio-player { display: block; inline-size: 100%; max-inline-size: 100%; min-inline-size: 0; margin-block: .8rem; }
.operations-qr-image { display: block; inline-size: 16rem; max-inline-size: 100%; block-size: auto; margin-block: .8rem; background: white; }
.operations-download { display: inline-flex; align-items: center; min-block-size: 44px; padding: .5rem .8rem; color: var(--operations-accent); }
.operations-space details { min-inline-size: 0; margin-block: .65rem; }
.operations-space summary { cursor: pointer; min-block-size: 44px; padding-block: .65rem; font-weight: 600; overflow-wrap: anywhere; }
.operations-evidence { border-inline-start: 2px solid var(--line, #d8e3e3); padding-inline-start: .7rem; }
.operations-reference-list, .operations-reference-list a { overflow-wrap: anywhere; }
.operations-table-wrap { max-inline-size: 100%; overflow-x: auto; }
.operations-table { inline-size: 100%; border-collapse: collapse; font-size: .9rem; }
.operations-table th, .operations-table td { text-align: start; vertical-align: top; padding: .65rem; border-block-end: 1px solid var(--line, #d8e3e3); overflow-wrap: anywhere; }
.operations-import-errors { color: var(--danger, #a62e32); }
.operations-decision-filters { margin-block: 1rem; }
@media (min-width: 1250px) { .operations-tabs { flex-wrap: wrap; overflow: visible; } }
@media (max-width: 600px) {
  .operations-space { gap: .75rem; }
  .operations-heading { align-items: flex-start; }
  .operations-header .operations-heading > div { flex-basis: 100%; }
  .operations-heading > .operations-actions { inline-size: 100%; }
  .operations-actions > button { flex: 1 1 9rem; }
  .operations-form-fields { grid-template-columns: minmax(0, 1fr); }
  .operations-cards { grid-template-columns: minmax(0, 1fr); }
  .operations-card { padding: .8rem; }
  .operations-metrics dd { font-size: 1rem; }
  .operations-tabs > button { max-inline-size: 11rem; }
  .operations-site-label { max-inline-size: 100%; }
}
@media (max-width: 350px) { .operations-metrics { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: reduce) { .operations-space *, .operations-space *::before, .operations-space *::after { transition: none !important; scroll-behavior: auto !important; } }