/* Instalaciones: superficies de lectura independientes de las escenas y de
   la transparencia del diálogo. Sólo presentación; no altera validaciones. */
#maintenanceDialog {
  --panel-ink: #f4f7fc;
  --panel-muted-ink: #cbd5e4;
  --installation-border: #69778d;
  --installation-surface: #202631;
  --installation-control: #292f3b;
  color: var(--panel-ink);
}
#maintenanceDialog :is(.installation-workspace, .installation-location-editor, .installation-grid-guide, .maintenance-form-context, .maintenance-ot-section, .maintenance-ot-card) {
  border-color: var(--installation-border);
  background: var(--installation-surface);
  color: var(--panel-ink);
  box-shadow: none;
}
#maintenanceDialog :is(.dialog-heading, .dialog-actions) { background: #1b2029; border-color: var(--installation-border); }
#maintenanceDialog :is(label > span, strong, .installation-location-heading strong) { color: #f0f4fb; }
#maintenanceDialog :is(p, small, .installation-grid-guide div > span, .installation-grid-keyboard-hint) { color: #cbd5e4; }
#maintenanceDialog :is(label > span, .installation-section-title strong, .installation-location-heading strong, .maintenance-ot-toggle strong) { font-size: 12px; }
#maintenanceDialog :is(small, .installation-workspace-heading p, .installation-bulk-heading p, .maintenance-ot-rule, .maintenance-history-note, .installation-grid-guide div > span, .installation-grid-keyboard-hint) { font-size: 11.5px; line-height: 1.5; }
#maintenanceDialog :is(.installation-section-title, .installation-bulk-heading) { border-color: var(--installation-border); }
#maintenanceDialog :is(.installation-section-title > span, .maintenance-form-context > span, .installation-executor-badge) { border-color: #8293ad; background: #364256; color: #edf4ff; }
#maintenanceDialog .installation-section-title svg { stroke: currentColor; }
#maintenanceDialog .installation-common-grid label:has(:required) > span:first-child::after,
#maintenanceDialog .installation-field-grid label:has(:required) > span:first-child::after { color: #ffb39f; }
#maintenanceDialog :is(input:not([type="checkbox"]), select, textarea) {
  background: var(--installation-control);
  color: #f4f7fc;
  border-color: #8291a8;
  color-scheme: dark;
  font-size: 13px;
  opacity: 1;
  -webkit-text-fill-color: currentColor;
}
#maintenanceDialog :is(input, textarea)::placeholder { color: #bac7db; opacity: 1; }
#maintenanceDialog :is(select option, select optgroup) { background: #292f3b; color: #f4f7fc; }
#maintenanceDialog :is(input:not([type="checkbox"]), select, textarea):focus {
  background: #354156;
  color: #fff;
  border-color: #cadcff;
  outline-color: #cadcff;
  box-shadow: 0 0 0 3px rgba(176, 199, 235, .2);
}
#maintenanceDialog :is(input[readonly], input:disabled, select:disabled, textarea:disabled) {
  background: #343b48;
  color: #d5deed;
  border-color: #8291a8;
  border-style: dashed;
  opacity: 1;
}
#maintenanceDialog input[type="checkbox"] { accent-color: #afc5e8; opacity: 1; }
#maintenanceDialog .button:disabled { background: #303744; color: #cbd5e4; border-color: #8291a8; border-style: dashed; opacity: 1; cursor: not-allowed; box-shadow: none; }
#maintenanceDialog .button:focus-visible { outline: 2px solid #cadcff; outline-offset: 3px; }
#maintenanceDialog .button-secondary:hover:not(:disabled),
#maintenanceDialog .button-secondary:focus-visible { background:#415069; color:#fff; border-color:#b6cae9; }
#maintenanceDialog .button-primary { background:#415c83; color:#fff; border-color:#b6cae9; }
#maintenanceDialog .button-primary:hover:not(:disabled) { background:#526c93; color:#fff; }
#maintenanceDialog :is(.maintenance-ot-separation, .maintenance-ot-condition, .installation-grid-summary) { background: #39485f; color: #f1f6ff; border-color: #8ea2c1; font-size: 10.5px; }
#maintenanceDialog .maintenance-ot-condition.optional { background: #3a3e49; color: #e4e9f2; }
#maintenanceDialog .installation-empty-note { background: #433724; color: #ffe3aa; }
#maintenanceDialog .form-error { background: #4a2835; color: #ffd0da; border-color: #d793a5; opacity: 1; }
#maintenanceDialog .installation-grid-shell { background: #202631; border-color: var(--installation-border); box-shadow: none; }
#maintenanceDialog .installation-grid { color: #f4f7fc; font-size: 12px; }
#maintenanceDialog .installation-grid :is(th, td) { background: #252c38; border-color: #65738a; color: #f4f7fc; }
#maintenanceDialog .installation-grid thead th { background: #39465c; color: #f4f7fc; font-size: 11px; box-shadow: 0 1px 0 #8293ad; }
#maintenanceDialog .installation-grid thead th > span:not(.visually-hidden) { color: #ffb39f; }
#maintenanceDialog .installation-grid :is(.installation-grid-select, .installation-grid-number) { background: #30394a !important; color: #eef4ff; box-shadow: 1px 0 0 #8293ad; }
#maintenanceDialog .installation-grid thead :is(.installation-grid-select, .installation-grid-number) { background: #39465c !important; }
#maintenanceDialog .installation-grid tbody tr:hover :is(th, td) { background: #364256; color: #fff; }
#maintenanceDialog .installation-grid tbody tr.is-complete th.installation-grid-number { color: #bde9ce; }
#maintenanceDialog .installation-grid tbody tr.has-errors th.installation-grid-number { color: #ffc1cd; }
#maintenanceDialog .installation-grid .installation-grid-control { background: transparent; color: #f4f7fc; font-size: 12px; }
#maintenanceDialog .installation-grid .installation-grid-control:focus { background: #354156; outline: 2px solid #cadcff; outline-offset: -2px; box-shadow: none; }
#maintenanceDialog .installation-grid .installation-grid-control:disabled { background: repeating-linear-gradient(-45deg, #343b48, #343b48 5px, #3b4453 5px, #3b4453 10px); color: #d5deed; }
#maintenanceDialog .installation-grid td.is-invalid { background: #4a2835; box-shadow: inset 0 0 0 1px #e7a1b3; }
#maintenanceDialog .installation-grid td.is-invalid .installation-grid-control { color: #ffd0da; }
#maintenanceDialog .installation-grid td.is-unavailable { background: #343b48; }
#maintenanceDialog .installation-grid td.is-active-cell,
#maintenanceDialog .installation-grid td.is-fill-source { background: #394c68; box-shadow: inset 0 0 0 2px #cadcff; }
#maintenanceDialog .installation-grid td.is-fill-preview { background: #394c68; box-shadow: inset 0 0 0 1px #a8c4ef; }
#maintenanceDialog .installation-grid td.is-fill-skipped { background: repeating-linear-gradient(-45deg, #343b48, #343b48 5px, #3b4453 5px, #3b4453 10px); box-shadow: inset 0 0 0 1px #9caec8; }
#maintenanceDialog .installation-fill-handle::after { border-color: #fff; background: #a8c4ef; box-shadow: 0 0 0 1px #a8c4ef; }
#maintenanceDialog .installation-fill-handle:hover::after { background: #cadcff; }
#maintenanceDialog .installation-grid-remove { color: #ffd0da; }
#maintenanceDialog .installation-grid-remove:hover:not(:disabled),
#maintenanceDialog .installation-grid-remove:focus-visible { background: #573441; color: #fff; outline: 2px solid #e7a1b3; outline-offset: -2px; }
#maintenanceDialog .installation-grid-remove:disabled { color: #cbd5e4; opacity: 1; cursor: not-allowed; }