.product-signature {
  color: #667383;
  font-size: 10px;
  letter-spacing: .035em;
  line-height: 1.4;
}
.gate { position: relative; }
.gate-signature {
  bottom: 18px;
  color: #c1cad5;
  left: 24px;
  opacity: .82;
  position: absolute;
}
.app-signature { padding: 18px 28px 26px; text-align: right; }
.dialog-signature { color: #687383; margin-right: auto; white-space: normal; }
.btn { min-height: 40px; }
.nav-item { min-height: 42px; }
.btn:focus-visible,
.nav-item:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible { outline: 3px solid #42c3c1; outline-offset: 2px; }

@media (max-width: 650px) {
  .sidebar nav { scroll-snap-type: x proximity; }
  .nav-item { min-height: 48px; min-width: 86px; scroll-snap-align: start; }
  .toolbar { align-items: stretch; flex-direction: column; }
  .toolbar .actions { display: grid; grid-template-columns: 1fr; }
  .toolbar .btn { min-height: 48px; width: 100%; }
  .gate-card { margin: 18px; padding: 26px; }
  .gate-signature { grid-column: 1; padding: 0 24px 18px; position: static; text-align: center; }
  .app-signature { padding: 18px; text-align: center; }
  .dialog-signature { order: 5; text-align: center; width: 100%; }
  .table-wrap { max-width: calc(100vw - 26px); }
}