.masthead {
  min-height: 300px;
}

.brand-block {
  align-items: flex-start;
}

.brand-mark {
  display: grid;
  width: 158px;
  height: 42px;
  margin: 0 0 16px;
  border-radius: 6px;
  border-color: rgba(119, 231, 255, 0.72);
  background:
    linear-gradient(135deg, rgba(232, 246, 255, 0.96), rgba(119, 231, 255, 0.18)),
    rgba(232, 246, 255, 0.92);
  box-shadow:
    inset 0 0 0 1px rgba(7, 26, 54, 0.12),
    7px 7px 0 rgba(255, 157, 59, 0.16),
    0 14px 34px rgba(2, 15, 36, 0.2);
  transform: skewX(-7deg);
}

.brand-mark img {
  display: block;
  width: 82%;
  max-width: 82%;
  max-height: 58%;
  object-fit: contain;
  object-position: center;
  transform: skewX(7deg);
}

h1 {
  max-width: 780px;
  font-size: clamp(1.65rem, 3.25vw, 3.55rem);
  line-height: 1;
}

.masthead-meta small {
  display: none;
}

.masthead-meta span {
  display: grid;
  align-items: center;
}

.terminal-bar {
  display: none !important;
}

.print-cover {
  display: none;
}

.field select#supplierLogo {
  text-transform: none;
}

@media (max-width: 760px) {
  .brand-mark {
    width: 148px;
    height: 40px;
  }
}

@media print {
  @page {
    margin: 14mm;
  }

  * {
    box-shadow: none !important;
    text-shadow: none !important;
  }

  body {
    background: #ffffff !important;
    color: #111827 !important;
    font-family: Arial, Helvetica, sans-serif !important;
  }

  body::before,
  .theme-decor,
  .blueprint-axis,
  .masthead,
  .tool-panel,
  .visual-strip,
  .form-actions,
  .details-actions,
  .legal-note,
  .status-chip {
    display: none !important;
  }

  .app-shell {
    width: 100% !important;
    padding: 0 !important;
  }

  .workspace {
    display: block !important;
    margin: 0 !important;
  }

  .result-panel,
  .details-panel {
    display: block !important;
    min-height: 0 !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    border: 0 !important;
    background: #ffffff !important;
    color: #111827 !important;
  }

  .details-panel[hidden] {
    display: none !important;
  }

  .print-cover {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
    padding-bottom: 12px;
    border-bottom: 2px solid #111827;
  }

  .print-cover img {
    display: block;
    width: 170px;
    max-height: 46px;
    object-fit: contain;
  }

  .print-cover img[hidden] {
    display: none !important;
  }

  .print-cover div {
    display: grid;
    gap: 4px;
    text-align: right;
  }

  .print-cover span {
    color: #4b5563;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .print-cover strong {
    font-size: 18px;
  }

  .panel-heading,
  .details-header,
  .result-heading {
    display: block !important;
    padding: 0 0 8px !important;
    border-bottom: 1px solid #d1d5db !important;
  }

  .eyebrow {
    color: #4b5563 !important;
    font-size: 10px !important;
  }

  h2,
  h3 {
    color: #111827 !important;
    margin: 0 0 8px !important;
  }

  .headline-result {
    margin: 10px 0 12px !important;
    padding: 10px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #d1d5db !important;
    background: transparent !important;
  }

  .headline-result strong {
    color: #111827 !important;
    font-size: 34px !important;
  }

  .headline-result span,
  .headline-result small {
    color: #4b5563 !important;
  }

  .metric-list,
  .details-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .metric-list div,
  .detail-table dl div {
    min-height: 0 !important;
    padding: 8px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #e5e7eb !important;
    background: transparent !important;
  }

  .detail-table dl div {
    display: grid !important;
    grid-template-columns: 130px minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  .metric-list dt,
  .detail-table dt {
    color: #4b5563 !important;
    font-size: 10px !important;
  }

  .metric-list dd,
  .detail-table dd {
    color: #111827 !important;
    font-size: 12px !important;
  }

  .warning-panel {
    margin-top: 12px !important;
    padding: 8px !important;
    border: 1px solid #d1d5db !important;
    background: #f9fafb !important;
    color: #111827 !important;
  }
}
