/* control-recorded.css — стили переиспользуемого workbench mountControl.
   Токены — из tokens.css. Подписи без нормативных диапазонов и тех-id. */
.control-workbench{display:flex;flex-direction:column;gap:16px}
.control-toolbar,.control-plot,.control-catalog{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-4)}
.control-toolbar{display:flex;flex-direction:column;gap:var(--space-3)}
.control-toolbar-top{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-end;justify-content:space-between}
.control-field{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--color-muted);min-width:0}
.control-field span{font-weight:600}
.control-field select,.control-field input,.control-duration input,.control-duration select{min-height:var(--control-h);font:inherit;font-size:16px;padding:0 10px;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink);max-width:100%}
.control-source{display:flex;flex-direction:column;gap:2px;font-size:14px}
.control-source strong{color:var(--color-ink)}
.control-source span{color:var(--color-muted)}
.control-window-navigation{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}
.control-period-label{font-weight:600;color:var(--color-ink)}
.control-window-steps{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.control-period-note{margin:0;font-size:13px;color:var(--color-muted)}
.control-advanced-dates summary,.control-parameters summary,.control-values summary{cursor:pointer;font-weight:600;color:var(--color-primary-ink);min-height:44px;display:flex;align-items:center}
.control-window-form{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:flex-end}
.control-duration{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}
.control-button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-h);padding:0 14px;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink);font:inherit;cursor:pointer;text-decoration:none}
.control-button:hover{border-color:var(--color-primary)}
.control-button:focus-visible{box-shadow:var(--focus)}
.control-button-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}
.control-button[disabled]{opacity:.55;cursor:not-allowed}
.control-request-status{margin:0;font-size:14px;color:var(--color-muted);min-height:1.4em}
.control-content{display:flex;flex-direction:column;gap:var(--space-4)}
.control-content.is-loading{opacity:.6}
.control-empty{margin:0;padding:var(--space-5);text-align:center;color:var(--color-muted);background:var(--color-surface);border:1px dashed var(--color-line);border-radius:var(--radius)}
.control-display-tools{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;align-items:center}
.control-display-tools>div{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}
.control-display-tools small{font-size:12px;color:var(--color-muted)}
.control-chart-options{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}
.control-overlay-toggle{display:inline-flex;gap:6px;align-items:center;min-height:var(--control-h);font-size:14px}
.control-chart-list{display:flex;flex-direction:column;gap:var(--space-4)}
.control-section-heading{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}
.control-section-heading h2,.control-section-heading h3{margin:0;font-size:16px;color:var(--color-ink)}
.control-section-heading p{margin:2px 0 0;font-size:13px;color:var(--color-muted)}
.control-statistics{display:flex;flex-wrap:wrap;gap:var(--space-4);margin:0 0 var(--space-3)}
.control-statistics dt{font-size:12px;color:var(--color-muted)}
.control-statistics dd{margin:0;font-weight:600;color:var(--color-ink)}
.control-limit-note,.control-scale-note{margin:0 0 var(--space-2);font-size:13px;color:var(--color-muted)}
.control-plot-stage{overflow-x:auto;min-width:0}
.control-plot-stage svg{display:block;max-width:100%}
.control-plot-stage svg text{font-family:var(--font-main);font-size:14px;fill:var(--color-ink)}
.control-plot-stage .grid{stroke:#dfe7e2}
.control-chart-grid{stroke:var(--color-line);stroke-width:1}
.control-chart-legend{padding:0;list-style:none}
.control-chart-legend li{display:flex;align-items:center;gap:8px;margin:8px 0}
.control-chart-legend .chart-series-swatch{flex:0 0 32px}
.control-chart-readout{font-size:16px;line-height:1.5;min-height:3em;overflow-wrap:anywhere}
.control-plot-stage .axis{stroke:#9fb2a7}
.control-plot-stage .pt:focus,.control-plot-stage .bar:focus{outline:3px solid var(--color-primary);outline-offset:2px}
.control-pid-table,.control-values-table{width:100%;border-collapse:collapse;font-size:14px}
.control-pid-table th,.control-pid-table td,.control-values-table th,.control-values-table td{text-align:left;padding:10px;border-top:1px solid var(--color-line-soft);vertical-align:top}
.control-pid-table thead th,.control-values-table thead th{border-top:0;color:var(--color-muted);font-weight:600}
.control-pid-table small,.control-values-table small,.control-field-source{display:block;font-size:12px;color:var(--color-muted)}
.control-graph-check{display:inline-flex;gap:6px;align-items:center;white-space:nowrap}
.control-remove{min-width:44px}
.control-table-scroll{overflow-x:auto;min-width:0}
.control-table-pager{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin:var(--space-2) 0;font-size:14px;color:var(--color-muted)}
.control-sr-only{position:absolute;width:1px;height:1px;margin:-1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.control-notices{border:1px solid var(--color-warn-line);background:var(--color-warn-bg);border-radius:var(--radius-sm);padding:var(--space-3)}
.control-notices summary{cursor:pointer;font-weight:600;color:var(--color-warn-ink);min-height:32px;display:flex;align-items:center}
.control-notices p,.control-notices li{font-size:13px;color:var(--color-warn-ink)}
@media (max-width:480px){ /* 390 */
  .control-toolbar,.control-plot,.control-catalog{padding:var(--space-3)}
  .control-toolbar-top{flex-direction:column;align-items:stretch}
  .control-source{text-align:left}
  .control-window-form .control-field{flex:1 1 100%}
  .control-values-table{font-size:13px}
  .control-display-tools{flex-direction:column;align-items:stretch}
}
@media (min-width:1440px){.control-workbench{max-width:var(--app-max)}}

/* Полные названия параметров и доступный выбор на узком экране. */
.control-pid-table{table-layout:fixed}
.control-pid-table select{width:100%;min-width:0;max-width:100%;font:inherit;font-size:16px;min-height:44px;border:1px solid var(--color-line);border-radius:6px;background:white;color:var(--color-ink)}
@media(max-width:600px){
 .control-pid-table,.control-pid-table tbody{display:block;width:100%}
 .control-pid-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .control-pid-table tr{display:grid;grid-template-columns:1fr 52px;border-top:1px solid var(--color-line);padding:12px 0}
 .control-pid-table td{display:block;border:0;padding:5px 0;min-width:0}
 .control-pid-table td:first-child,.control-pid-table td:nth-child(2){grid-column:1/-1}
 .control-pid-table td:nth-child(3){display:flex;align-items:center;gap:8px}
 .control-pid-table td:nth-child(3)::before{content:'На графике'}
}

.distribution{padding:20px;border:1px solid var(--color-line);border-radius:16px;background:var(--color-surface);font-size:16px;margin:16px 0}.distribution summary{font-weight:700;cursor:pointer;min-height:44px}.distribution label{display:grid;gap:8px}.distribution select{font:inherit;padding:12px;max-width:100%}.distribution-bars{padding:0;list-style:none;display:grid;gap:16px}.distribution-bars li{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:14px}.distribution-track{grid-column:1/-1;background:#e4ece7;height:20px;border-radius:4px}.distribution-track span{display:block;height:100%;background:#147844;border-radius:4px}
.distribution,.distribution label{min-width:0}.distribution select{width:100%;min-width:0;box-sizing:border-box}

.control-settings>summary{font-size:16px;font-weight:600;min-height:44px;cursor:pointer;padding:12px 0}.control-settings{min-width:0}.control-settings .control-toolbar{margin-top:12px}

.control-export>summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:16px}.control-export[open]>button{margin:8px 8px 8px 0}