/* Inspections module: performing an inspection on a phone (one item at a time or a section),
   review and submit, signatures. Answer buttons are at least 56 px tall for gloved hands. */
.inspections-run-head {
  background: white;
  border: 1px solid #DED9CF;
  border-radius: 9px;
  padding: 16px 18px;
  margin-bottom: 16px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
}
.inspections-run-title h2 {
  margin: 0;
  font-size: 19px;
}
.inspections-run-title .eyebrow {
  margin-bottom: 4px;
}
.inspections-run-stats {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.inspections-score {
  font-size: 24px;
  font-weight: 700;
  color: #181818;
}
.inspections-sync {
  font-size: 12px;
  color: #625D55;
}
.inspections-progress .bar {
  margin: 0 0 4px;
}
.inspections-progress small {
  font-size: 11px;
  color: #625D55;
}
.inspections-run-more summary {
  cursor: pointer;
  min-height: 40px;
  padding: 8px 0;
  font-weight: 650;
  font-size: 13px;
  color: #294c91;
}
.inspections-run-more[open] summary {
  margin-bottom: 8px;
}
.inspections-run-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.inspections-run-tools select {
  flex: 1 1 200px;
  width: auto;
  min-width: 0;
  max-width: 100%;
}
.inspections-section-title {
  font-size: 16px;
}
.inspections-section-title small {
  font-weight: 400;
  color: #666157;
  font-size: 12px;
}
.inspections-item {
  background: white;
  border: 1px solid #DED9CF;
  border-left: 4px solid #D8D1C4;
  border-radius: 9px;
  padding: 16px 18px;
  margin-bottom: 14px;
}
.inspections-item.inspections-done {
  border-left-color: #2f8a5f;
}
.inspections-item.inspections-failed {
  border-left-color: #DBB363;
  background: #fffafa;
}
.inspections-item-big {
  padding: 20px;
}
.inspections-item-meta {
  font-size: 11px;
  color: #666157;
  margin-bottom: 6px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}
.inspections-item-label {
  font-size: 17px;
  line-height: 1.4;
  margin-bottom: 6px;
}
.inspections-item-big .inspections-item-label {
  font-size: 19px;
}
.inspections-item-label:focus {
  outline: none;
}
.inspections-cite {
  font-size: 11px;
  color: #666157;
  margin-bottom: 8px;
}
.inspections-guide {
  margin: 8px 0 12px;
  font-size: 13px;
}
.inspections-guide summary {
  cursor: pointer;
  font-weight: 650;
  color: #294c91;
  min-height: 32px;
  padding: 4px 0;
}
.inspections-answers {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 12px 0 6px;
}
.inspections-answer {
  flex: 1 1 90px;
  min-height: 56px;
  border: 2px solid #CEC5B6;
  border-radius: 8px;
  background: white;
  font-size: 16px;
  font-weight: 700;
  color: #292929;
  padding: 8px 12px;
}
.inspections-rating .inspections-answer {
  flex: 1 1 48px;
}
.inspections-answer[aria-pressed="true"].inspections-pass {
  background: #246547;
  border-color: #246547;
  color: white;
}
.inspections-answer[aria-pressed="true"].inspections-fail {
  background: #DBB363;
  border-color: #DBB363;
  color:#181818;
}
.inspections-answer[aria-pressed="true"].inspections-na {
  background: #625D55;
  border-color: #625D55;
  color: white;
}
.inspections-number {
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 12px 0 6px;
}
.inspections-number input {
  flex: 1 1 120px;
  font-size: 20px;
  min-height: 56px;
}
.inspections-number .inspections-answer {
  flex: 0 0 auto;
}
.inspections-unit {
  font-weight: 700;
  color: #3D3D3D;
}
.inspections-range {
  font-size: 12px;
  color: #625D55;
}
.inspections-item textarea {
  min-height: 70px;
}
.inspections-item input[type="date"],
.inspections-item select {
  min-height: 52px;
  font-size: 16px;
}
.inspections-finding {
  margin: 10px 0 0;
  padding: 10px 12px;
  border-radius: 6px;
  background: #fce8ea;
  color: #a41924;
  font-size: 13px;
  font-weight: 600;
}
.inspections-item-extra {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
.inspections-note {
  margin: 12px 0 0;
}
.inspections-signature {
  display: block;
  max-width: 280px;
  width: 100%;
  height: auto;
  border: 1px solid #D8D1C4;
  border-radius: 6px;
  background: white;
  margin: 8px 0;
}
.inspections-run-nav {
  position: sticky;
  bottom: 0;
  z-index: 5;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 12px 0;
  background: #F6F4EF;
  border-top: 1px solid #DED9CF;
  font-size: 12px;
  color: #625D55;
}
.inspections-run-nav .btn {
  min-height: 52px;
  min-width: 110px;
}
.inspections-scorecard {
  background: white;
  border: 1px solid #DED9CF;
  border-radius: 9px;
  padding: 18px;
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.inspections-scorecard small {
  flex-basis: 100%;
  color: #625D55;
}
.inspections-scorecard .inspections-finding {
  flex-basis: 100%;
}
.inspections-finding-card {
  border: 1px solid #f0d3d6;
  border-radius: 8px;
  padding: 14px;
  margin-bottom: 12px;
  background: #fffafa;
}
.inspections-finding-card strong {
  display: inline;
}
.inspections-location {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-bottom: 16px;
}
.inspections-sig-block {
  border-top: 1px solid #F0EDE6;
  padding-top: 12px;
  margin-top: 12px;
}
.inspections-sig-block small {
  display: block;
}
.inspections-dialog form {
  margin: 0;
}
.inspections-sig {
  display: block;
  width: 100%;
  height: 220px;
  border: 2px dashed #C0B6A4;
  border-radius: 8px;
  background: white;
  touch-action: none;
}
.inspections-done h2:focus,
.inspections-review h2:focus {
  outline: none;
}
.inspections-launch h3 {
  margin: 18px 0 10px;
}
.inspections-tiles {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}
.inspections-tile {
  text-align: left;
  min-height: 76px;
  padding: 14px 16px;
  border: 1px solid #D8D1C4;
  border-radius: 9px;
  background: white;
  color: #242424;
}
.inspections-tile small {
  display: block;
  color: #625D55;
  font-size: 11px;
}
.inspections-tile.inspections-suggested {
  border: 2px solid #181818;
}
@media (max-width: 700px) {
  .inspections-run-head {
    padding: 12px 14px;
    gap: 6px;
  }
  .inspections-run-title h2 {
    font-size: 17px;
  }
  .inspections-run-nav {
    padding: 10px 0 calc(10px + env(safe-area-inset-bottom));
  }
  .inspections-run-nav > span {
    display: none;
  }
  .inspections-run-nav .btn {
    flex: 1;
    min-width: 0;
  }
  .inspections-item,
  .inspections-item-big {
    padding: 16px 14px;
  }
}
/* Focus mode while performing: the page heading and place filter make way for the checklist. */
.inspections-focus .page-head,
.inspections-focus .scope-bar {
  display: none;
}