.company-operations { margin: 18px 0; color: #17213f; }
.company-operations[hidden], .company-operations [hidden] { display: none !important; }
.company-operations-banner, .company-operations-editor, .company-operations-error {
  border: 1px solid #cddcf7; border-radius: 16px; padding: 18px; background: #fff;
}
.company-operations-banner { display: flex; gap: 18px; align-items: center; justify-content: space-between; background: #f4f8ff; }
.company-operations-banner h3, .company-operations-editor h3 { margin: 0 0 6px; font-size: 19px; }
.company-operations p { margin: 6px 0; line-height: 1.5; }
.company-operations small { display: block; color: #60718e; line-height: 1.45; }
.company-operations button { min-height: 42px; padding: 9px 15px; border: 1px solid #1768e8; border-radius: 10px; background: #1768e8; color: #fff; font-weight: 700; cursor: pointer; }
.company-operations button.secondary { background: #fff; color: #1768e8; }
.company-operations button:disabled { cursor: wait; opacity: .6; }
.company-operations .operations-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.company-operations-editor { margin-top: 12px; }
.company-operations fieldset { min-width: 0; padding: 16px 0; border: 0; border-top: 1px solid #e0e7f2; margin: 18px 0 0; }
.company-operations legend { padding: 0 8px 0 0; font-weight: 800; }
.company-operations label { display: flex; flex-direction: column; gap: 6px; font-size: 14px; color: #344867; }
.company-operations input, .company-operations select { box-sizing: border-box; width: 100%; min-width: 0; min-height: 42px; padding: 9px 10px; border: 1px solid #c4d2e8; border-radius: 8px; background: #fff; color: #17213f; }
.company-operations input[type=checkbox] { width: 18px; min-height: 18px; margin: 0; flex: 0 0 18px; }
.company-operations .operations-check { flex-direction: row; align-items: center; gap: 8px; }
.company-operations .operations-machine { display: grid; grid-template-columns: 1fr 1fr auto; gap: 10px; align-items: end; padding: 12px 0; }
.company-operations .operations-services { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
.company-operations .operations-service { min-width: 0; border: 1px solid #dce5f2; border-radius: 10px; padding: 12px; }
.company-operations .operations-service h4 { margin: 0 0 10px; }
.company-operations .operations-machines-for-service { display: grid; gap: 8px; padding-top: 10px; }
.company-operations .operations-rates { display: grid; gap: 12px; margin-top: 14px; }
.company-operations .operations-rate-tools { display: grid; grid-template-columns: minmax(160px,1fr) minmax(190px,2fr) auto; gap: 12px; align-items: end; margin: 16px 0; }
.company-operations .operations-rate-tools output { color: #60718e; font-size: 14px; padding-bottom: 12px; white-space: nowrap; }
.company-operations .operations-rate-empty { padding: 14px; border: 1px solid #dce5f2; border-radius: 10px; color: #60718e; }
.company-operations .operations-rate-section + .operations-rate-section { margin-top: 24px; padding-top: 20px; border-top: 1px solid #e0e7f2; }
.company-operations .operations-rate { border: 1px solid #dce5f2; border-radius: 12px; padding: 14px; }
.company-operations .operations-rate h4 { font-size: 15px; margin: 0 0 4px; overflow-wrap: anywhere; }
.company-operations .operations-rate-values { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
.company-operations .operations-suggested { color: #1768e8; font-weight: 800; font-variant-numeric: tabular-nums; }
.company-operations .operations-notice { padding: 10px 12px; border-left: 3px solid #1768e8; background: #f4f8ff; border-radius: 4px; font-size: 14px; }
.company-operations .operations-form-status { padding-top: 10px; min-height: 24px; color: #344867; }
.company-operations .operations-form-status[data-state=error] { color: #a92642; }
.company-operations .operations-form-status[data-state=saved] { color: #126e47; }
.company-operations .operations-stale { border-color: #e1bb65; background: #fffaf0; }
@media (max-width: 720px) {
  .company-operations-banner { flex-direction: column; align-items: stretch; }
  .company-operations .operations-machine, .company-operations .operations-services, .company-operations .operations-rate-values, .company-operations .operations-rate-tools { grid-template-columns: minmax(0, 1fr); }
  .company-operations .operations-rate-tools output { padding-bottom: 0; }
  .company-operations .operations-actions button { flex: 1 1 130px; }
}