﻿
.operations-attention,
.operations-toolbar,
.operations-selection,
.operations-results {
  padding: var(--space-card);
}

.operations-attention {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-4);
  border-left: var(--rail-state) solid var(--ok-strong);
}

.operations-attention[data-state="required"] {
  border-left-color: var(--warn-strong);
}

.operations-attention[data-state="error"] {
  border-left-color: var(--bad-strong);
}

.operations-attention[data-state="loading"] {
  border-left-color: var(--muted);
}

.operations-attention-hint,
.operations-muted {
  margin: 0;
  color: var(--muted);
  font-size: var(--text-ui);
  line-height: var(--leading-body);
}

.operations-status {
  display: inline-flex;
  align-items: center;
  min-height: var(--status-min-height);
  padding: var(--space-1) var(--space-inline-tight);
  border-left: var(--rail-status) solid var(--muted);
  color: var(--muted);
  font-size: var(--text-ui);
  font-weight: 700;
}

.operations-status--ready {
  border-left-color: var(--ok-strong);
  color: var(--ok-strong);
}

.operations-status--attention {
  border-left-color: var(--warn-strong);
  color: var(--warn-strong);
}

.operations-status--error {
  border-left-color: var(--bad-strong);
  color: var(--bad-strong);
}

.operations-status--muted {
  color: var(--muted);
}

.operations-attention-hint {
  max-width: 36ch;
  padding-top: var(--space-attention-hint);
  text-align: right;
}

.operations-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-3);
  align-items: end;
  margin-top: var(--space-3);
}

.operations-toolbar-heading h2,
.operations-selection h2,
.operations-results h2,
.operations-attention h2 {
  font-size: var(--text-section);
}

.operations-search,
.operations-filter-grid {
  min-width: 0;
}

.operations-search {
  display: grid;
  gap: var(--space-2);
}

.operations-search label,
.operations-filter-grid label {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  min-width: 0;
  color: var(--muted);
  font-size: var(--text-label);
  font-weight: 700;
}

.operations-search input,
.operations-filter-grid select {
  width: 100%;
  min-width: 0;
  min-height: var(--touch-target);
  padding: var(--control-padding);
  border: 1px solid var(--line);
  border-radius: var(--radius-inner);
  background: var(--surface-soft);
  color: var(--ink);
  font: inherit;
}

.operations-filter-grid select {
  font-size: var(--text-metadata);
  padding-right: calc(var(--control-padding) + var(--space-2));
}

.operations-search input {
  padding-right: var(--control-padding);
}

.operations-search-controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: var(--space-2);
}

.operations-filter-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  border: 0;
}

.operations-selection {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  margin-top: var(--space-3);
}

.operations-selection-copy,
.operations-selection-controls {
  min-width: 0;
}

.operations-selection-note {
  max-width: 62ch;
  margin: var(--space-1) 0 0;
  color: var(--muted);
  font-size: var(--text-label);
  line-height: var(--leading-tight);
}

.operations-selection-controls,
.operations-actions,
.operations-state-actions,
.operations-pagination {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  flex-wrap: wrap;
}

.operations-pagination-options {
  display: flex;
  align-items: flex-end;
  gap: var(--space-2);
  margin-right: auto;
  flex-wrap: wrap;
}

.operations-pagination-options label {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  color: var(--muted);
  font-size: var(--text-label);
  font-weight: 700;
}

.operations-pagination-options select {
  min-height: var(--touch-target);
  padding: var(--control-padding);
  border: 1px solid var(--line);
  border-radius: var(--radius-inner);
  background: var(--surface-soft);
  color: var(--ink);
  font: inherit;
}

.operations-pagination-options #sortFilter {
  min-width: var(--control-sort-width);
}

.operations-selection-controls {
  justify-content: flex-end;
}

.operations-check-label {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: var(--touch-target);
  max-width: 100%;
  color: var(--ink);
  font-size: var(--text-ui);
  flex-wrap: wrap;
  overflow-wrap: anywhere;
}

.operations-check-label input {
  width: var(--control-check-size);
  height: var(--control-check-size);
  accent-color: var(--accent-strong);
}

.operations-check-label > span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.operations-shell button {
  min-height: var(--touch-target);
  padding: var(--control-padding-compact) var(--control-padding);
  border: 1px solid var(--line);
  border-radius: var(--radius-inner);
  background: var(--surface-soft);
  color: var(--ink);
  font: inherit;
  font-size: var(--text-ui);
  font-weight: 700;
  cursor: pointer;
  transition: background var(--transition-fast) ease, opacity var(--transition-fast) ease, transform var(--transition-fast) ease;
}

.operations-shell button:hover:not(:disabled) {
  border-color: var(--ink);
  background: var(--panel);
}

.operations-shell button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
