/* Start:/local/components/toolsdrawing/openmodelica/templates/.default/style.css?17847552124680*/
.openmodelica {
  --om-bg: #f4f6f8;

  --om-border: #d8dee6;

  --om-muted: #5f6b7a;

  --om-ok: #1a7f4b;

  --om-bad: #8a2f14;

  --om-blue: #0b4d8c;

  --om-blue-dark: #083a6b;

  --om-blue-light: #e8f2fb;

  --om-accent: #0f766e;
}

.openmodelica__field {
  margin-bottom: 1rem;
}

.openmodelica__field label {
  display: block;

  margin-bottom: 0.3rem;

  font-weight: 600;
}

.openmodelica__field input[type="file"] {
  width: 100%;

  max-width: 420px;
}

.openmodelica__hint {
  color: var(--om-muted);

  font-size: 0.92rem;

  margin-top: 0.35rem;
}

.openmodelica__options {
  margin: 1rem 0;

  padding: 0.85rem 1rem;

  background: #fff;

  border: 1px solid var(--om-border);

  border-radius: 8px;
}

.openmodelica__options-title {
  margin: 0 0 0.65rem;

  font-weight: 600;
}

.openmodelica__checks {
  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));

  gap: 0.45rem 1rem;
}

.openmodelica__option-row {
  display: flex;

  align-items: flex-start;

  gap: 0.5rem;

  margin: 0.25rem 0;
}

.openmodelica__option-row input[type="checkbox"] {
  margin-top: 0.2rem;

  flex-shrink: 0;
}

.openmodelica__option-row label {
  margin: 0;

  font-size: 0.95rem;

  line-height: 1.35;

  cursor: pointer;

  font-weight: 400;
}

.openmodelica__actions-row {
  display: flex;

  flex-wrap: wrap;

  gap: 0.5rem;

  margin: 0.85rem 0 0;
}

.openmodelica__btn-secondary {
  background: #fff;

  border: 1px solid var(--om-border);

  color: var(--om-blue-dark);
}

.openmodelica__submit {
  margin-top: 0.5rem;
}

.openmodelica__result {
  margin-top: 1.5rem;
}

.openmodelica__error {
  padding: 0.75rem 1rem;

  border: 1px solid #e6b8a8;

  background: #fdf2ee;

  color: var(--om-bad);

  border-radius: 6px;
}

.openmodelica__badge {
  display: inline-block;

  padding: 0.35rem 0.7rem;

  border-radius: 999px;

  font-size: 0.88rem;

  font-weight: 600;

  margin-bottom: 0.75rem;
}

.openmodelica__badge--ok {
  background: #e7f6ee;

  color: var(--om-ok);
}

.openmodelica__badge--warn {
  background: #fff4e5;

  color: #9a5b00;
}

.openmodelica__summary {
  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));

  gap: 0.65rem;

  margin: 0.75rem 0 1.25rem;
}

.openmodelica__stat {
  background: var(--om-blue-light);

  border: 1px solid var(--om-border);

  border-radius: 8px;

  padding: 0.7rem 0.85rem;
}

.openmodelica__stat strong {
  display: block;

  font-size: 1.15rem;

  color: var(--om-blue-dark);
}

.openmodelica__stat span {
  display: block;

  font-size: 0.82rem;

  color: var(--om-muted);

  margin-top: 0.15rem;
}

.openmodelica__section {
  margin: 1.1rem 0;

  padding: 0.85rem 1rem;

  background: #fff;

  border: 1px solid var(--om-border);

  border-radius: 8px;
}

.openmodelica__section h4 {
  margin: 0 0 0.55rem;

  color: var(--om-blue-dark);
}

.openmodelica__meta {
  color: var(--om-muted);

  font-size: 0.92rem;

  margin: 0.35rem 0;
}

.openmodelica__table-wrap {
  overflow-x: auto;

  margin-top: 0.5rem;
}

.openmodelica__table-wrap table {
  width: 100%;

  border-collapse: collapse;

  font-size: 0.9rem;
}

.openmodelica__table-wrap th,
.openmodelica__table-wrap td {
  border: 1px solid var(--om-border);

  padding: 0.4rem 0.55rem;

  text-align: left;

  vertical-align: top;
}

.openmodelica__table-wrap th {
  background: var(--om-bg);

  font-weight: 600;
}

.openmodelica__notes {
  margin: 0.75rem 0 0;

  padding-left: 1.1rem;

  color: var(--om-muted);
}

.openmodelica__downloads {
  margin-top: 1rem;
}

.openmodelica__schematic-wrap {
  margin: 1.5rem 0 0.5rem;

  padding: 1rem;

  background: #fff;

  border: 1px solid var(--om-border);

  border-radius: 8px;
}

.openmodelica__schematic-wrap[hidden] {
  display: none !important;
}

.openmodelica__schematic-title {
  margin: 0 0 0.25rem;

  color: var(--om-blue-dark);
}

.openmodelica__schematic-hint {
  margin: 0 0 0.75rem;
}

.openmodelica__schematic {
  overflow-x: auto;

  background: #fff;

  border-radius: 4px;
}

.openmodelica__svg {
  display: block;

  max-width: 100%;

  height: auto;

  min-height: 160px;
}

.openmodelica__svg .om-node__label {
  fill: #374151;

  font-size: 12px;

  font-weight: 600;

  font-family: system-ui, sans-serif;
}

.openmodelica__svg .om-edge {
  stroke: var(--om-accent);

  stroke-width: 2.5;

  fill: none;
}

/* End */
/* /local/components/toolsdrawing/openmodelica/templates/.default/style.css?17847552124680 */