/**
 * Gruzovik — small truck glyph for "put into transport registry".
 * Use inside .smalknopka.transport_registry_btn (replaces ＋).
 * Prefer inline SVG in .smalknopka-gruzovik (mask fallback for empty span).
 */

:root {
  --gruzovik-size: 16px;
}

.smalknopka-gruzovik,
.gruzovik,
.transport_registry_btn .smalknopka-glyph.smalknopka-gruzovik {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--gruzovik-size);
  height: var(--gruzovik-size);
  flex-shrink: 0;
  line-height: 0;
  color: inherit;
}

.smalknopka-gruzovik > svg,
.gruzovik > svg {
  display: block;
  width: var(--gruzovik-size);
  height: var(--gruzovik-size);
  fill: currentColor;
}

/* Empty span fallback (CSS mask) if markup has no SVG child */
.smalknopka-gruzovik:empty,
.transport_registry_btn .smalknopka-glyph.smalknopka-gruzovik:empty {
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M1 5.5h7.25c.28 0 .5.22.5.5v4.5H1v-5zm7.75 1.25h2.2c.16 0 .3.08.4.2l1.85 2.5c.08.1.1.23.1.36V10.5h-4.55V6.75z'/%3E%3Ccircle fill='%23000' cx='4' cy='12.2' r='1.55'/%3E%3Ccircle fill='%23000' cx='12' cy='12.2' r='1.55'/%3E%3Cpath fill='%23000' d='M2 4.25h5.5c.2 0 .35.15.35.35v.9H1.65v-.9c0-.2.15-.35.35-.35z'/%3E%3Cpath fill='%23000' d='M9.35 7.35h1.55v1.4H9.35z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M1 5.5h7.25c.28 0 .5.22.5.5v4.5H1v-5zm7.75 1.25h2.2c.16 0 .3.08.4.2l1.85 2.5c.08.1.1.23.1.36V10.5h-4.55V6.75z'/%3E%3Ccircle fill='%23000' cx='4' cy='12.2' r='1.55'/%3E%3Ccircle fill='%23000' cx='12' cy='12.2' r='1.55'/%3E%3Cpath fill='%23000' d='M2 4.25h5.5c.2 0 .35.15.35.35v.9H1.65v-.9c0-.2.15-.35.35-.35z'/%3E%3Cpath fill='%23000' d='M9.35 7.35h1.55v1.4H9.35z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  font-size: 0;
}

/* Legacy: plain ＋ glyph text → truck mask */
.transport_registry_btn .smalknopka-glyph:not(.smalknopka-gruzovik):not(.smalknopka-gruzovik-done) {
  position: relative;
  font-size: 0;
  width: var(--gruzovik-size);
  height: var(--gruzovik-size);
  display: inline-block;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M1 5.5h7.25c.28 0 .5.22.5.5v4.5H1v-5zm7.75 1.25h2.2c.16 0 .3.08.4.2l1.85 2.5c.08.1.1.23.1.36V10.5h-4.55V6.75z'/%3E%3Ccircle fill='%23000' cx='4' cy='12.2' r='1.55'/%3E%3Ccircle fill='%23000' cx='12' cy='12.2' r='1.55'/%3E%3Cpath fill='%23000' d='M2 4.25h5.5c.2 0 .35.15.35.35v.9H1.65v-.9c0-.2.15-.35.35-.35z'/%3E%3Cpath fill='%23000' d='M9.35 7.35h1.55v1.4H9.35z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M1 5.5h7.25c.28 0 .5.22.5.5v4.5H1v-5zm7.75 1.25h2.2c.16 0 .3.08.4.2l1.85 2.5c.08.1.1.23.1.36V10.5h-4.55V6.75z'/%3E%3Ccircle fill='%23000' cx='4' cy='12.2' r='1.55'/%3E%3Ccircle fill='%23000' cx='12' cy='12.2' r='1.55'/%3E%3Cpath fill='%23000' d='M2 4.25h5.5c.2 0 .35.15.35.35v.9H1.65v-.9c0-.2.15-.35.35-.35z'/%3E%3Cpath fill='%23000' d='M9.35 7.35h1.55v1.4H9.35z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.smalknopka-gruzovik-done {
  font-size: var(--smalknopka-glyph-size, 16px);
  font-weight: 700;
  width: auto;
  height: auto;
  background: none;
  -webkit-mask-image: none;
  mask-image: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}