/* MitaBase Pro — a product of ETMITA · https://etmita.com
   Copyright © ETMITA. All rights reserved. */
/*
 * public/equipment.css — the equipment glyphs (2026-09-07). The
 * operator's own pack: one PNG per kind in two inks, dark for the light
 * theme and white for the dark theme (`body.dark`), from
 * /Assets/equipment/{black,white}/. One class per slug of art-parse.js;
 * a company's own device (x_…) gets the neutral case glyph drawn inline
 * by the page. Used by the Art buttons of Neuer Auftrag, the dispatch
 * chips, the Fuhrpark chips and the Dispo-Assistent.
 */

.mt-eq {
  display: inline-block; width: 1.15em; height: 1.15em; flex: none;
  vertical-align: -0.2em;
  background-position: center; background-repeat: no-repeat; background-size: contain;
}
.mt-eq-ts { background-image: url("/Assets/equipment/black/tragestuhl.png"); }
.mt-eq-elektro_ts { background-image: url("/Assets/equipment/black/elektro-tragestuhl.png"); }
.mt-eq-liege { background-image: url("/Assets/equipment/black/liege.png"); }
.mt-eq-rollstuhl { background-image: url("/Assets/equipment/black/rollstuhl.png"); }
.mt-eq-taxi { background-image: url("/Assets/equipment/black/taxi.png"); }
body.dark .mt-eq-ts { background-image: url("/Assets/equipment/white/tragestuhl.png"); }
body.dark .mt-eq-elektro_ts { background-image: url("/Assets/equipment/white/elektro-tragestuhl.png"); }
body.dark .mt-eq-liege { background-image: url("/Assets/equipment/white/liege.png"); }
body.dark .mt-eq-rollstuhl { background-image: url("/Assets/equipment/white/rollstuhl.png"); }
body.dark .mt-eq-taxi { background-image: url("/Assets/equipment/white/taxi.png"); }

/* the Art buttons of Neuer Auftrag — the glyph is the button's face */
.tm-chip .mt-eq { width: 22px; height: 22px; vertical-align: middle; }
/* a chip's glyph sits on the text line */
.dsp3-chipx .mt-eq, .fp3-equip .mt-eq { width: 15px; height: 15px; margin-inline-end: 4px; }

/* a company's own device: the neutral case glyph, tinted by the text
   colour through a mask — one drawing for both themes */
.mt-eq-custom, .tm-eq-custom {
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='7' width='18' height='13' rx='2'/><path d='M8 7V5a4 4 0 0 1 8 0v2'/><path d='M3 12h18'/></svg>") center / contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='7' width='18' height='13' rx='2'/><path d='M8 7V5a4 4 0 0 1 8 0v2'/><path d='M3 12h18'/></svg>") center / contain no-repeat;
}
.tm-chip .tm-eq-custom { display: inline-block; width: 18px; height: 18px; vertical-align: middle; margin-inline-end: 4px; }
.tm-chip.is-custom { font-size: .72rem; }

/* the Fuhrpark modal: a custom entry can be removed, a new one typed */
.dsp3-opt.is-custom { position: relative; padding-inline-end: 26px; }
.fp3-eq-del {
  position: absolute; inset-inline-end: 4px; top: 50%; transform: translateY(-50%);
  width: 22px; height: 22px; border: 0; border-radius: 999px; background: none;
  color: var(--text-muted); cursor: pointer; display: inline-flex; align-items: center; justify-content: center;
}
.fp3-eq-del:hover, .fp3-eq-del:focus-visible { background: var(--surface-inset); color: var(--status-expired); outline: none; }
.fp3-eq-add { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
.fp3-eq-add-lbl { font-size: .74rem; font-weight: 600; color: var(--text-secondary); }
.fp3-eq-add input { flex: 1; min-width: 160px; min-height: 36px; padding: 6px 10px; border: 1px solid var(--border-subtle); border-radius: 9px; background: var(--surface-inset); color: var(--text-primary); font: inherit; font-size: .8rem; }