/* Second-carrier reading path and printable working checklist. */
.carrier-evaluation-path {
  scroll-margin-top: calc(var(--portal-nav-height, 80px) + 24px);
}

.carrier-evaluation-path .carrier-path-index {
  display: grid;
  gap: 14px;
  margin: 24px 0;
  padding: 0;
  list-style: none;
}

.carrier-evaluation-path .carrier-path-index > li {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 14px;
  margin: 0;
  padding: 14px;
  border: 1px solid #dfe7f0;
  border-radius: 8px;
  background: #f8fafc;
}

.carrier-path-index__number {
  padding-top: 10px;
  color: #075fd8;
  font-weight: 750;
  font-variant-numeric: tabular-nums;
}

.carrier-evaluation-path .carrier-path-index a,
.carrier-evaluation-path .portal-actions > a:not(.btn-primary):not(.btn-secondary) {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 8px 0;
  overflow-wrap: anywhere;
}

html.page-shipping-guide .portal-main .carrier-evaluation-path .carrier-path-index p {
  margin: 4px 0 0;
  font-size: 16px;
  line-height: 1.6;
}

body.ds .carrier-evaluation-path a:focus-visible,
body.ds .carrier-evaluation-path button:focus-visible,
body.ds .carrier-evaluation-path summary:focus-visible {
  outline: 2px solid #075fd8;
  outline-offset: 3px;
}

.carrier-evaluation-path .portal-actions {
  gap: 12px 24px;
}

.carrier-evaluation-path .carrier-checklist-actions {
  align-items: center;
  gap: 16px;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid #dfe7f0;
}

.carrier-evaluation-path .carrier-checklist-actions .btn-primary,
.carrier-evaluation-path .carrier-checklist-actions .btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 14px 22px;
  font-size: 15px;
  line-height: 1.45;
  text-align: center;
  white-space: normal;
}

.carrier-evaluation-path .carrier-checklist-actions .glyphicon {
  flex: 0 0 auto;
}

@media (max-width: 600px) {
  .carrier-evaluation-path .carrier-checklist-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    gap: 12px;
  }

  .carrier-evaluation-path .carrier-checklist-actions .btn-primary,
  .carrier-evaluation-path .carrier-checklist-actions .btn-secondary {
    width: 100%;
    min-height: 52px;
    padding: 14px 20px;
  }
}

.carrier-evaluation-path [data-print-carrier-checklist][hidden] {
  display: none;
}

.carrier-checklist-fields {
  display: grid;
  gap: 16px;
  margin: 24px 0;
}

.carrier-checklist-line {
  display: block;
  min-height: 32px;
  margin-top: 6px;
  border-bottom: 1px solid #8793a5;
}

.carrier-checklist-table-wrap {
  max-width: 100%;
  margin: 24px 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.carrier-checklist-table {
  width: 100%;
  min-width: 680px;
  table-layout: fixed;
  border-collapse: collapse;
  color: #17213a;
}

.carrier-checklist-table caption {
  padding-bottom: 12px;
  color: #526070;
  text-align: left;
}

.carrier-checklist-col-item { width: 35%; }
.carrier-checklist-col-evidence { width: 23%; }
.carrier-checklist-col-owner { width: 10%; }
.carrier-checklist-col-status { width: 12%; }
.carrier-checklist-col-result { width: 20%; }

.carrier-checklist-table th,
.carrier-checklist-table td {
  padding: 12px 10px;
  border: 1px solid #cfd8e4;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
  vertical-align: top;
  overflow-wrap: anywhere;
}

.carrier-checklist-table tbody th[scope="row"] {
  font-weight: 500;
}

.carrier-checklist-table thead th,
.carrier-checklist-table .carrier-checklist-stage th {
  background: #f1f5fa;
  font-weight: 750;
}

.carrier-checklist-blank { height: 84px; }
.carrier-checklist-conclusion { margin: 24px 0; }
.carrier-checklist-conclusion .carrier-checklist-line { margin-bottom: 16px; }
.carrier-checklist-source { overflow-wrap: anywhere; }

@page carrier-evaluation-sheet {
  size: auto;
  margin: 12mm;
}

@media print {
  html.page-shipping-guide:has(body.carrier-evaluation-entry),
  body.carrier-evaluation-entry {
    overflow: visible !important;
    background: #fff !important;
  }

  body.carrier-evaluation-entry {
    page: carrier-evaluation-sheet;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Keep only the checklist and its ancestors, including the runtime reading layout.
     This also works for the browser print command with JavaScript disabled. */
  body.carrier-evaluation-entry *:not(:has(#carrier-evaluation-checklist)):not(#carrier-evaluation-checklist):not(#carrier-evaluation-checklist *) {
    display: none !important;
  }

  body.carrier-evaluation-entry main,
  body.carrier-evaluation-entry .guide-reading-layout,
  body.carrier-evaluation-entry .guide-article-flow,
  body.carrier-evaluation-entry #carrier-evaluation-checklist,
  body.carrier-evaluation-entry #carrier-evaluation-checklist .container,
  body.carrier-evaluation-entry #carrier-evaluation-checklist article.card {
    display: block !important;
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    opacity: 1 !important;
    transform: none !important;
    contain: none !important;
    break-inside: auto !important;
  }

  body.carrier-evaluation-entry #carrier-evaluation-checklist .carrier-checklist-actions,
  body.carrier-evaluation-entry #carrier-evaluation-checklist .guide-section-number,
  body.carrier-evaluation-entry #carrier-evaluation-checklist noscript {
    display: none !important;
  }

  body.carrier-evaluation-entry #carrier-evaluation-checklist h2 {
    display: block !important;
    margin: 0 0 10px !important;
    font-size: 18pt !important;
    line-height: 1.25 !important;
  }

  body.carrier-evaluation-entry #carrier-evaluation-checklist p,
  body.carrier-evaluation-entry #carrier-evaluation-checklist .carrier-checklist-fields,
  body.carrier-evaluation-entry #carrier-evaluation-checklist .carrier-checklist-conclusion {
    margin: 0 0 10px !important;
    color: #111 !important;
    font-family: sans-serif !important;
    font-size: 9pt !important;
    line-height: 1.4 !important;
  }

  body.carrier-evaluation-entry #carrier-evaluation-checklist .carrier-checklist-fields {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 12px;
  }

  body.carrier-evaluation-entry #carrier-evaluation-checklist .carrier-checklist-line {
    min-height: 7mm;
  }

  body.carrier-evaluation-entry #carrier-evaluation-checklist .carrier-checklist-table-wrap {
    width: 100%;
    margin: 10px 0;
    overflow: visible;
  }

  body.carrier-evaluation-entry #carrier-evaluation-checklist table {
    width: 100%;
    min-width: 0;
    margin: 0;
    table-layout: fixed;
    font-family: sans-serif;
  }

  body.carrier-evaluation-entry #carrier-evaluation-checklist th,
  body.carrier-evaluation-entry #carrier-evaluation-checklist td {
    padding: 2.5mm 2mm;
    border: 1px solid #777;
    color: #111;
    font-size: 9pt;
    line-height: 1.35;
    background: #fff;
  }

  body.carrier-evaluation-entry #carrier-evaluation-checklist tr {
    break-inside: avoid;
    page-break-inside: avoid;
  }

  body.carrier-evaluation-entry #carrier-evaluation-checklist thead {
    display: table-header-group;
  }

  body.carrier-evaluation-entry #carrier-evaluation-checklist .carrier-checklist-stage {
    break-after: avoid;
  }

  body.carrier-evaluation-entry #carrier-evaluation-checklist .carrier-checklist-blank {
    height: 18mm;
  }

  body.carrier-evaluation-entry #carrier-evaluation-checklist .carrier-checklist-source {
    font-size: 8pt !important;
    overflow-wrap: anywhere;
  }
}