/* Styles for maintenance_tasks engine pages */

:root {
  --ruby-comment: #6a737d;
  --ruby-const: #e36209;
  --ruby-embexpr: #24292e;
  --ruby-ident: #6f42c1;
  --ruby-number: #005cc5;
  --ruby-keyword: #d73a49;
  --ruby-string: #032f62;
  --required-color: #ff6685;
}

@media (prefers-color-scheme: dark) {
  :root {
    --ruby-comment: #8b949e;
    --ruby-const: #ffa657;
    --ruby-embexpr: #c9d1d9;
    --ruby-ident: #d2a8ff;
    --ruby-number: #79c0ff;
    --ruby-keyword: #ff7b72;
    --ruby-string: #a5d6ff;
    --required-color: #ff6685;
  }
}

.ruby-comment { color: var(--ruby-comment); }
.ruby-const { color: var(--ruby-const); }
.ruby-embexpr-beg, .ruby-embexpr-end, .ruby-period { color: var(--ruby-embexpr); }
.ruby-ident, .ruby-symbeg { color: var(--ruby-ident); }
.ruby-ivar, .ruby-cvar, .ruby-gvar, .ruby-int, .ruby-imaginary, .ruby-float, .ruby-rational { color: var(--ruby-number); }
.ruby-kw { color: var(--ruby-keyword); }
.ruby-label, .ruby-tstring-beg, .ruby-tstring-content, .ruby-tstring-end { color: var(--ruby-string); }

.select, select { width: 100%; }
summary { cursor: pointer; }
input[type="datetime-local"], input[type="date"], input[type="time"] {
  width: fit-content;
}
details > summary {
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}
summary::before {
  content: '► ';
  position: absolute;
  font-size: 16px;
}
details[open] summary:before {
  content: "▼ ";
}

.label.is-required:after {
  content: " (required)";
  color: var(--required-color);
  font-size: 12px;
}