.inspection-page {
  --inspection-line: color-mix(in srgb, var(--color-border) 82%, transparent);
}

.inspection-document-actions,
.inspection-form-actions,
.inspection-external-actions,
.inspection-signature-dialog__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
}

.inspection-document-actions {
  justify-content: flex-end;
  margin-bottom: var(--space-4);
}

.inspection-lifecycle {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-3);
  margin: var(--space-4) 0 var(--space-5);
}

.inspection-lifecycle__item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.2rem var(--space-3);
  min-width: 0;
  padding: var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  color: var(--color-text);
  text-decoration: none;
  transition: border-color 120ms ease, background 120ms ease, box-shadow 120ms ease;
}

.inspection-lifecycle__item:hover {
  border-color: color-mix(in srgb, var(--color-brand-primary) 40%, var(--color-border));
}

.inspection-lifecycle__item.is-active {
  border-color: color-mix(in srgb, var(--color-brand-primary) 55%, var(--color-border));
  background: color-mix(in srgb, var(--color-brand-primary) 5%, var(--color-surface));
  box-shadow: inset 3px 0 0 var(--color-brand-primary);
}

.inspection-lifecycle__item.is-disabled {
  opacity: 0.72;
}

.inspection-lifecycle__item > span {
  color: var(--color-text-muted);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.inspection-lifecycle__item > strong {
  justify-self: end;
  font-size: 0.85rem;
}

.inspection-lifecycle__item > small {
  grid-column: 1 / -1;
  color: var(--color-text-muted);
}

.inspection-form {
  display: grid;
  gap: var(--space-6);
}

.inspection-form > .detail-section {
  margin-top: 0;
}

.inspection-sealed-note,
.inspection-request-state {
  margin: 0 0 var(--space-4);
  padding: var(--space-4);
  border: 1px solid color-mix(in srgb, var(--color-brand-primary) 28%, var(--color-border));
  border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--color-brand-primary) 6%, var(--color-surface));
  color: var(--color-text-muted);
}

.inspection-gate {
  display: grid;
  justify-items: start;
  gap: var(--space-3);
}

.inspection-gate p {
  max-width: 56rem;
  margin: 0;
  color: var(--color-text-muted);
}

.inspection-identity-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  margin: var(--space-4) 0;
  border: 1px solid var(--inspection-line);
  border-radius: var(--radius-md);
  background: var(--inspection-line);
}

.inspection-identity-grid > div {
  min-width: 0;
  padding: var(--space-3) var(--space-4);
  background: var(--color-surface);
}

.inspection-identity-grid span,
.inspection-static-field span {
  display: block;
  margin-bottom: 0.2rem;
  color: var(--color-text-muted);
  font-size: 0.75rem;
}

.inspection-identity-grid strong {
  display: block;
  overflow-wrap: anywhere;
}

.inspection-input-row {
  display: grid;
  grid-template-columns: minmax(12rem, 1fr) minmax(9rem, 0.65fr) minmax(12rem, 1fr);
  gap: var(--space-4);
  align-items: end;
}

.inspection-input-row > .form-field {
  width: 100%;
  max-width: none;
}

.inspection-static-field {
  min-height: 3.8rem;
  padding: 0.65rem 0.8rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface-muted);
}

.inspection-static-field strong {
  display: block;
  padding-top: 0.12rem;
}

.inspection-mark-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: 0 0 var(--space-4);
  padding: 0;
  border: 0;
}

.inspection-mark-toolbar legend {
  width: 100%;
  margin-bottom: var(--space-1);
  color: var(--color-text-muted);
  font-size: 0.8rem;
  font-weight: 600;
}

.inspection-mark-toolbar label,
.inspection-choice-group label {
  position: relative;
  cursor: pointer;
}

.inspection-mark-toolbar input,
.inspection-choice-group input {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  opacity: 0;
}

.inspection-mark-toolbar span,
.inspection-choice-group span {
  display: inline-flex;
  min-height: 2.5rem;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0.85rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  color: var(--color-text-muted);
  font-size: 0.86rem;
  font-weight: 600;
  transition: border-color 120ms ease, background 120ms ease, color 120ms ease;
}

.inspection-mark-toolbar input:checked + span,
.inspection-choice-group input:checked + span {
  border-color: var(--color-brand-primary);
  background: color-mix(in srgb, var(--color-brand-primary) 9%, var(--color-surface));
  color: var(--color-text);
}

.inspection-mark-toolbar input:focus-visible + span,
.inspection-choice-group input:focus-visible + span {
  outline: 2px solid var(--color-brand-primary);
  outline-offset: 2px;
}

.inspection-car-board {
  position: relative;
  width: 100%;
  max-width: 68rem;
  margin-inline: auto;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background:
    radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--color-brand-primary) 3%, transparent), transparent 58%),
    var(--color-surface-muted);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-surface) 65%, transparent);
  touch-action: manipulation;
}

.inspection-car-board:focus-visible {
  outline: 2px solid var(--color-brand-primary);
  outline-offset: 3px;
}

.inspection-car-board svg {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 760 / 360;
}

.inspection-car-drawing,
[data-inspection-mark-layer] {
  pointer-events: none;
}

.inspection-car-shadow {
  fill: color-mix(in srgb, var(--color-text) 7%, transparent);
  stroke: none;
}

.inspection-car-body {
  fill: #f8fafc;
  stroke: #4d5968;
  stroke-width: 2.4;
  vector-effect: non-scaling-stroke;
}

.inspection-car-panel {
  fill: #eef2f6;
  stroke: #7d8795;
  stroke-width: 1.5;
  vector-effect: non-scaling-stroke;
}

.inspection-car-glass {
  fill: #dbe7f2;
  stroke: #637383;
  stroke-width: 1.6;
  vector-effect: non-scaling-stroke;
}

.inspection-car-detail {
  fill: none;
  stroke: #87919e;
  stroke-width: 1.35;
  vector-effect: non-scaling-stroke;
}

.inspection-car-wheel,
.inspection-car-tire {
  fill: #343a43;
  stroke: #20242a;
  stroke-width: 1.4;
  vector-effect: non-scaling-stroke;
}

.inspection-car-rim {
  fill: #d7dce3;
  stroke: #747e8b;
  stroke-width: 1.3;
  vector-effect: non-scaling-stroke;
}

.inspection-car-hub {
  fill: #838d99;
}

.inspection-car-mirror {
  fill: #eef2f6;
  stroke: #637080;
  stroke-width: 1.4;
  vector-effect: non-scaling-stroke;
}

.inspection-car-light {
  stroke-width: 1.1;
  vector-effect: non-scaling-stroke;
}

.inspection-car-light--front {
  fill: #ffe6a4;
  stroke: #c49b39;
}

.inspection-car-light--rear {
  fill: #f4aaa4;
  stroke: #a94740;
}

.inspection-car-handle {
  fill: #7c8794;
}

.inspection-car-label,
.inspection-car-direction {
  fill: var(--color-text-subtle);
  font-family: var(--font-interface);
  font-weight: 700;
}

.inspection-car-label {
  font-size: 10px;
  letter-spacing: 1.1px;
}

.inspection-car-direction {
  fill: #9a701c;
  font-size: 9px;
  letter-spacing: 0.8px;
}

.inspection-car-hit-area {
  fill: transparent;
  cursor: crosshair;
}

.inspection-diagram-mark circle {
  fill: var(--color-brand-accent);
  stroke: color-mix(in srgb, var(--color-brand-primary) 80%, #111827);
  stroke-width: 2;
}

.inspection-diagram-mark text {
  fill: #fff;
  font-family: var(--font-interface);
  font-size: 14px;
  font-weight: 700;
  pointer-events: none;
}

.inspection-mark-list {
  display: grid;
  gap: var(--space-2);
  margin-top: var(--space-4);
}

.inspection-mark-entry {
  display: grid;
  grid-template-columns: 2.25rem minmax(0, 1fr) auto;
  gap: var(--space-3);
  align-items: center;
  padding: var(--space-3);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.inspection-mark-entry__number {
  display: grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  border-radius: 999px;
  background: var(--color-brand-accent);
  color: #fff;
  font-size: 0.85rem;
  font-weight: 700;
}

.inspection-mark-entry > div:nth-child(2) {
  min-width: 0;
}

.inspection-mark-entry strong {
  display: block;
  margin-bottom: 0.35rem;
}

.inspection-mark-entry p {
  margin: 0;
  color: var(--color-text-muted);
}

.inspection-mark-entry input {
  width: 100%;
}

.inspection-check-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-3);
}

.inspection-check-card {
  min-width: 0;
  margin: 0;
  padding: var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.inspection-check-card legend {
  max-width: 100%;
  padding: 0 0.35rem;
  color: var(--color-text);
  font-size: 0.9rem;
  font-weight: 650;
}

.inspection-choice-group {
  display: flex;
  gap: var(--space-2);
  margin: var(--space-1) 0 var(--space-3);
}

.inspection-choice-group label {
  flex: 0 0 auto;
}

.inspection-choice-group span {
  min-height: 2.35rem;
  padding: 0.42rem 0.75rem;
}

.inspection-check-card > input[type="text"] {
  width: 100%;
}

.inspection-readonly-answer {
  display: flex;
  align-items: baseline;
  gap: var(--space-3);
  min-height: 2.5rem;
  color: var(--color-text-muted);
}

.inspection-readonly-answer strong {
  flex: 0 0 auto;
  color: var(--color-text);
}

.inspection-preserved-text {
  min-height: 2rem;
  margin: 0;
  white-space: pre-wrap;
}

.inspection-form-actions {
  justify-content: flex-end;
  padding-top: var(--space-2);
}

.inspection-form-error {
  margin: calc(var(--space-3) * -1) 0 0;
}

.inspection-signature-choice-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
}

.inspection-signature-choice {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-5);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.inspection-signature-choice > div:first-child {
  flex: 1;
}

.inspection-signature-choice h3 {
  margin: 0.2rem 0 var(--space-2);
  font-size: 1rem;
}

.inspection-signature-choice p {
  margin: 0;
  color: var(--color-text-muted);
}

.inspection-signature-choice__eyebrow {
  color: var(--color-brand-primary);
  font-size: 0.75rem;
  font-weight: 750;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.inspection-external-link {
  display: grid;
  width: 100%;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--space-2);
  align-items: end;
  margin-top: var(--space-2);
  padding: var(--space-3);
  border: 1px solid color-mix(in srgb, var(--color-brand-primary) 30%, var(--color-border));
  border-radius: var(--radius-sm);
  background: color-mix(in srgb, var(--color-brand-primary) 4%, var(--color-surface));
}

.inspection-external-link label {
  display: grid;
  min-width: 0;
  gap: var(--space-1);
}

.inspection-external-link label > span {
  color: var(--color-text-muted);
  font-size: 0.75rem;
  font-weight: 600;
}

.inspection-external-link input {
  width: 100%;
  min-width: 0;
}

.inspection-copy-status {
  grid-column: 1 / -1;
  min-height: 1em;
  color: var(--color-text-muted);
  font-size: 0.75rem;
}

.inspection-request-state {
  width: 100%;
  margin: var(--space-2) 0 0;
}

.inspection-external-actions {
  margin-top: auto;
}

.inspection-reopen-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
  margin-top: var(--space-4);
  padding-top: var(--space-4);
  border-top: 1px solid var(--color-border);
}

.inspection-reopen-row small {
  color: var(--color-text-muted);
}

.inspection-signature-dialog {
  width: min(62rem, calc(100vw - 2rem));
  max-width: none;
  max-height: calc(100dvh - 2rem);
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  color: var(--color-text);
  box-shadow: 0 1.25rem 4rem rgb(15 23 42 / 22%);
}

.inspection-signature-dialog::backdrop {
  background: rgb(15 23 42 / 52%);
  backdrop-filter: blur(2px);
}

.inspection-signature-dialog > form {
  display: grid;
  max-height: calc(100dvh - 2rem);
  grid-template-rows: auto auto auto minmax(12rem, 1fr) auto auto;
  gap: var(--space-4);
  padding: var(--space-5);
  overflow: auto;
}

.inspection-signature-dialog__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-4);
  padding-bottom: var(--space-3);
  border-bottom: 1px solid var(--color-border);
}

.inspection-signature-dialog__header span {
  color: var(--color-brand-primary);
  font-size: 0.76rem;
  font-weight: 750;
  letter-spacing: 0.05em;
}

.inspection-signature-dialog__header h2 {
  margin: 0.2rem 0 0;
  font-size: 1.25rem;
}

.inspection-signature-dialog__header p {
  margin: 0.2rem 0 0;
  color: var(--color-text-muted);
}

.inspection-signature-dialog__document {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  color: var(--color-text-muted);
  font-size: 0.82rem;
}

.inspection-signature-name {
  width: 100%;
  max-width: 36rem;
}

.inspection-signature-wrap {
  min-height: 0;
  margin-top: var(--space-3);
}

.inspection-signature-wrap--focus {
  display: grid;
  min-height: 12rem;
  grid-template-rows: minmax(10rem, 1fr) auto;
  gap: var(--space-2);
  margin-top: 0;
}

.inspection-signature-pad {
  display: block;
  width: 100%;
  height: 12rem;
  min-height: 8rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background:
    linear-gradient(to bottom, transparent calc(78% - 1px), color-mix(in srgb, var(--color-border) 80%, transparent) 78%, transparent calc(78% + 1px)),
    #fff;
  touch-action: none;
  cursor: crosshair;
}

.inspection-signature-wrap--focus .inspection-signature-pad {
  height: 100%;
}

.inspection-signature-pad--readonly {
  max-width: 48rem;
  cursor: default;
  touch-action: auto;
}

.inspection-signature-wrap > span {
  display: block;
  color: var(--color-text-muted);
  font-size: 0.78rem;
  text-align: center;
}

.inspection-signature-dialog__actions {
  justify-content: flex-end;
}

.inspection-signed-evidence form {
  margin: var(--space-3) 0;
}

.inspection-signed-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--space-2);
  max-width: 48rem;
  margin-bottom: var(--space-2);
}

.inspection-signed-meta span {
  color: var(--color-text-muted);
}

.external-signature-page {
  min-height: 100dvh;
  margin: 0;
  background: #f4f6f9;
  color: #202630;
  font-family: var(--font-interface);
}

.external-signature-shell {
  width: min(54rem, calc(100% - 2rem));
  margin: 0 auto;
  padding: clamp(1rem, 4vw, 2.5rem) 0;
}

.external-signature-brand {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin-bottom: var(--space-5);
}

.external-signature-brand__mark {
  display: grid;
  width: 3.2rem;
  height: 3.2rem;
  place-items: center;
  border-radius: 0.85rem;
  background: #202630;
  color: #d3a848;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0.06em;
}

.external-signature-brand > div:last-child {
  display: grid;
  gap: 0.1rem;
}

.external-signature-brand strong {
  font-size: 0.92rem;
}

.external-signature-brand span {
  color: #747b86;
  font-size: 0.75rem;
}

.external-signature-card {
  overflow: hidden;
  border: 1px solid #dfe3e9;
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 1rem 3rem rgb(15 23 42 / 7%);
}

.external-signature-heading {
  padding: clamp(1.25rem, 4vw, 2rem);
  border-bottom: 3px solid #d3a848;
}

.external-signature-heading > span {
  color: #9a701c;
  font-size: 0.76rem;
  font-weight: 750;
  letter-spacing: 0.05em;
}

.external-signature-heading h1 {
  margin: 0.25rem 0;
  font-size: clamp(1.45rem, 4vw, 2rem);
}

.external-signature-heading p {
  margin: 0;
  color: #69717d;
}

.external-signature-summary {
  display: grid;
  grid-template-columns: 1.4fr 0.8fr 1fr;
  gap: 1px;
  background: #e5e8ed;
}

.external-signature-summary > div {
  display: grid;
  gap: 0.2rem;
  padding: var(--space-4);
  background: #fafbfc;
}

.external-signature-summary span {
  color: #747b86;
  font-size: 0.72rem;
}

.external-signature-review,
.external-signature-form,
.external-signature-success {
  padding: clamp(1.25rem, 4vw, 2rem);
}

.external-signature-review {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  border-bottom: 1px solid #e5e8ed;
}

.external-signature-review h2,
.external-signature-form h2 {
  margin: 0 0 var(--space-2);
  font-size: 1.05rem;
}

.external-signature-review p,
.external-signature-form > p {
  margin: 0;
  color: #69717d;
}

.external-signature-form {
  display: grid;
  gap: var(--space-4);
}

.external-signature-form .form-field {
  max-width: none;
}

.external-signature-form .inspection-signature-wrap--focus {
  min-height: clamp(12rem, 34vh, 20rem);
}

.external-signature-clear {
  display: flex;
  justify-content: flex-start;
}

.external-signature-accept {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--space-3);
  align-items: start;
  padding: var(--space-4);
  border: 1px solid #dfe3e9;
  border-radius: var(--radius-md);
  background: #fafbfc;
  cursor: pointer;
}

.external-signature-accept input {
  width: 1.15rem;
  height: 1.15rem;
  margin-top: 0.1rem;
}

.external-signature-submit,
.external-signature-pdf {
  justify-self: end;
}

.external-signature-success {
  border-bottom: 1px solid #e5e8ed;
  background: #f2faf6;
}

.external-signature-success strong {
  color: #166a43;
  font-size: 1.05rem;
}

.external-signature-success p {
  margin: 0.4rem 0 0;
  color: #557066;
}

.external-signature-pdf {
  margin: var(--space-5);
}

.external-signature-footer {
  padding: var(--space-5) 0;
  color: #747b86;
  font-size: 0.75rem;
  text-align: center;
}

.external-signature-unavailable {
  padding: clamp(1.5rem, 6vw, 3rem);
}

.external-signature-unavailable h1 {
  margin-top: 0;
}

.external-signature-unavailable p {
  margin-bottom: 0;
  color: #69717d;
}

@media (max-width: 900px) {
  .inspection-identity-grid,
  .inspection-signature-choice-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .inspection-input-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .inspection-input-row > .form-field:last-child {
    grid-column: 1 / -1;
  }

  .inspection-check-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .inspection-document-actions,
  .inspection-form-actions,
  .inspection-signature-dialog__actions {
    align-items: stretch;
    flex-direction: column;
  }

  .inspection-document-actions .button,
  .inspection-form-actions .button,
  .inspection-signature-dialog__actions .button {
    width: 100%;
  }

  .inspection-lifecycle,
  .inspection-signature-choice-grid,
  .inspection-input-row,
  .inspection-identity-grid,
  .external-signature-summary {
    grid-template-columns: 1fr;
  }

  .inspection-input-row > .form-field:last-child {
    grid-column: auto;
  }

  .inspection-car-board {
    margin-inline: calc(var(--space-2) * -1);
    width: calc(100% + var(--space-4));
    overflow-x: auto;
    border-radius: var(--radius-sm);
    overscroll-behavior-inline: contain;
  }

  .inspection-car-board svg {
    min-width: 42rem;
  }

  .inspection-mark-entry {
    grid-template-columns: 2.25rem minmax(0, 1fr);
  }

  .inspection-mark-entry > .button {
    grid-column: 2;
    justify-self: start;
  }

  .inspection-choice-group {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .inspection-choice-group label,
  .inspection-choice-group span {
    width: 100%;
  }

  .inspection-external-link {
    grid-template-columns: 1fr;
  }

  .inspection-copy-status {
    grid-column: auto;
  }

  .inspection-external-actions,
  .inspection-reopen-row {
    align-items: stretch;
    flex-direction: column;
  }

  .inspection-external-actions form,
  .inspection-external-actions .button,
  .inspection-reopen-row form,
  .inspection-reopen-row .button {
    width: 100%;
  }

  .inspection-signature-dialog {
    width: calc(100vw - 1rem);
    max-height: calc(100dvh - 1rem);
  }

  .inspection-signature-dialog > form {
    max-height: calc(100dvh - 1rem);
    padding: var(--space-4);
  }

  .inspection-signature-dialog__header {
    gap: var(--space-2);
  }

  .inspection-signature-dialog__header h2 {
    font-size: 1.05rem;
  }

  .external-signature-shell {
    width: min(100% - 1rem, 54rem);
  }

  .external-signature-review {
    align-items: stretch;
    flex-direction: column;
  }

  .external-signature-review .button,
  .external-signature-submit,
  .external-signature-pdf {
    width: 100%;
    justify-self: stretch;
  }

  .external-signature-pdf {
    width: calc(100% - var(--space-8));
    margin: var(--space-4);
  }
}

@media (orientation: landscape) and (max-height: 620px) and (pointer: coarse) {
  .inspection-signature-dialog {
    width: calc(100vw - 0.75rem);
    height: calc(100dvh - 0.75rem);
    max-height: none;
  }

  .inspection-signature-dialog > form {
    height: 100%;
    max-height: none;
    grid-template-columns: minmax(14rem, 0.7fr) minmax(22rem, 1.8fr);
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    gap: var(--space-3) var(--space-4);
    padding: var(--space-3) var(--space-4);
  }

  .inspection-signature-dialog__header {
    grid-column: 1 / -1;
    padding-bottom: var(--space-2);
  }

  .inspection-signature-dialog__document,
  .inspection-signature-name {
    grid-column: 1;
  }

  .inspection-signature-wrap--focus {
    grid-column: 2;
    grid-row: 2 / 4;
    min-height: 0;
  }

  .inspection-signature-dialog__actions {
    grid-column: 1 / -1;
    flex-direction: row;
    justify-content: flex-end;
  }

  .inspection-signature-dialog__actions .button {
    width: auto;
  }

  .external-signature-form .inspection-signature-wrap--focus {
    min-height: 58dvh;
  }
}