.media-capture-grid,
#pane-photos > .card > .block > .photo-controls,
.media-legacy-intro { display: none; }

.media-intro { margin: 5px 0 10px; color: #cbd5e1; }
.media-season { margin-bottom: 12px; }
.media-season .season-pill { width: 100%; text-align: left; }

.media-progress {
  margin: 12px 0 16px;
  padding: 12px 2px 14px;
  border-bottom: 1px solid rgba(148, 163, 184, .18);
}

.media-progress__heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  color: #94a3b8;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.media-progress__heading strong { color: #e2e8f0; font-size: .78rem; letter-spacing: .03em; }

.media-progress__dots {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(24px, 1fr));
  gap: 8px;
  margin-top: 12px;
}

.media-progress__dot {
  display: grid;
  aspect-ratio: 1;
  max-width: 28px;
  place-items: center;
  border: 1px solid rgba(148, 163, 184, .4);
  border-radius: 999px;
  background: rgba(15, 23, 42, .72);
}

.media-progress__dot.is-complete {
  border-color: #22c55e;
  background: #16a34a;
  box-shadow: 0 0 0 3px rgba(34, 197, 94, .12);
}

.media-progress__dot .material-symbols-rounded { color: #f0fdf4; font-size: 15px; font-weight: 800; }

.media-core-list { display: grid; gap: 8px; }

.media-core-row {
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 14px;
  background: rgba(15, 23, 42, .5);
}

.media-core-row.is-complete { border-color: rgba(34, 197, 94, .28); }

.media-core-row:hover {
  border-color: rgba(56, 189, 248, .82);
  box-shadow: 0 0 0 1px rgba(56, 189, 248, .18), 0 0 18px rgba(14, 165, 233, .16);
}

.media-core-row.is-complete:hover {
  border-color: rgba(74, 222, 128, .88);
  box-shadow: 0 0 0 1px rgba(74, 222, 128, .2), 0 0 18px rgba(34, 197, 94, .16);
}

.media-core-row__header { display: flex; align-items: stretch; min-height: 52px; }

.media-core-row__toggle {
  display: grid;
  flex: 1;
  grid-template-columns: 26px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 8px 4px 8px 12px;
  border: 0;
  background: transparent;
  color: #e2e8f0;
  font: inherit;
  text-align: left;
}

.media-core-row__toggle:hover,
.media-core-row__toggle:active,
.media-core-row__camera:hover,
.media-core-row__camera:active {
  transform: none !important;
}

.media-core-row__status { color: #64748b; font-size: 21px; }
.media-core-row.is-complete .media-core-row__status { color: #22c55e; }
.media-core-row__label { min-width: 0; font-size: .93rem; font-weight: 750; }
.media-core-row__count { min-width: 20px; color: #cbd5e1; font-size: .85rem; font-weight: 800; text-align: center; }

.media-core-row__camera {
  display: grid;
  width: 52px;
  margin: 5px 6px 5px 5px;
  place-items: center;
  border: 1px solid rgba(56, 189, 248, .5);
  border-radius: 12px;
  background: rgba(14, 116, 144, .24);
  color: #7dd3fc;
}

.media-core-row__camera:active,
.media-core-row__add:active { transform: scale(.94); }
.media-core-row__camera .material-symbols-rounded { font-size: 22px; }

.media-core-row__details {
  padding: 10px 12px 12px;
  border-top: 1px solid rgba(148, 163, 184, .16);
  background: rgba(2, 6, 23, .25);
}

.media-core-row__empty { margin: 0; color: #94a3b8; font-size: .82rem; }
.media-core-row__thumbs { display: flex; flex-wrap: wrap; gap: 8px; }

.media-thumb {
  position: relative;
  width: 68px;
  height: 68px;
  overflow: hidden;
  border-radius: 11px;
  background: #020617;
}

.media-thumb img { width: 100%; height: 100%; object-fit: cover; }

.media-thumb__remove {
  position: absolute;
  top: 3px;
  right: 3px;
  display: flex;
  width: 23px;
  height: 23px;
  min-width: 23px;
  min-height: 23px;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 !important;
  border: 0;
  border-radius: 50%;
  background: rgba(69, 10, 10, .9);
  color: #fff;
  font: inherit;
  line-height: 1;
}

.media-thumb__remove .material-symbols-rounded {
  display: block;
  font-size: 16px;
  line-height: 1;
}

.media-core-row__add {
  display: grid;
  width: 68px;
  height: 68px;
  place-items: center;
  border: 1px dashed rgba(56, 189, 248, .58);
  border-radius: 11px;
  background: rgba(14, 116, 144, .14);
  color: #7dd3fc;
}

.media-core-row__remove-section {
  margin-top: 12px;
  padding: 7px 0;
  border: 0;
  background: transparent;
  color: #fca5a5;
  font: inherit;
  font-size: .78rem;
  font-weight: 750;
}

.media-add-evidence {
  display: flex;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 4px;
  border: 1px dashed rgba(125, 211, 252, .55);
  border-radius: 14px;
  background: rgba(14, 116, 144, .1);
  color: #bae6fd;
  font: inherit;
  font-size: .9rem;
  font-weight: 800;
}

/* Primary media actions share the selected Field Tools blue-slate treatment. */
.media-core-row__camera,
.media-core-row__add,
.media-add-evidence,
#fieldObservationRecord {
  background: #29466f;
  color: #f8fbff;
  border-color: #4f8fe9;
  box-shadow: none;
}

.media-add-evidence {
  border-style: solid;
  font-family: inherit;
  font-weight: 600;
}

.evidence-type-modal { max-width: 480px; width: min(94vw, 480px); }
.evidence-type-modal .modal-body { margin: 0 0 14px; color: #94a3b8; }
.evidence-type-options { display: grid; gap: 2px; }

.evidence-type-option {
  display: flex;
  min-height: 35px;
  align-items: center;
  gap: 11px;
  padding: 5px 12px;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 11px;
  background: rgba(15, 23, 42, .56);
  color: #e2e8f0;
  font-size: .88rem;
  font-weight: 700;
}

.evidence-type-option:has(input:checked) {
  border-color: rgba(56, 189, 248, .72);
  background: rgba(14, 116, 144, .25);
  color: #e0f2fe;
}

.evidence-type-option input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  opacity: 0;
}

.evidence-type-check {
  display: grid;
  width: 21px;
  height: 21px;
  flex: 0 0 21px;
  place-items: center;
  border: 1.5px solid rgba(148, 163, 184, .6);
  border-radius: 999px;
  background: rgba(2, 6, 23, .5);
}

.evidence-type-option:has(input:checked) .evidence-type-check {
  border-color: #22c55e;
  background: #16a34a;
  box-shadow: 0 0 0 3px rgba(34, 197, 94, .12);
}

.evidence-type-option:has(input:checked) .evidence-type-check::after {
  content: 'check';
  color: #f0fdf4;
  font-family: 'Material Symbols Rounded';
  font-size: 15px;
  font-weight: 800;
}

.evidence-type-options button {
  min-height: 45px;
  padding: 9px 12px;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 11px;
  background: rgba(15, 23, 42, .56);
  color: #e2e8f0;
  font: inherit;
  font-size: .88rem;
  font-weight: 700;
  text-align: left;
}

.evidence-type-options button[aria-pressed="true"] {
  border-color: rgba(56, 189, 248, .72);
  background: rgba(14, 116, 144, .25);
  color: #e0f2fe;
}

#addEvidenceOtherField { margin-top: 12px; }
#addEvidenceOtherInput { width: 100%; }

.field-observation,
.results-observations {
  margin-top: 18px;
  padding: 16px;
  border: 1px solid rgba(56, 189, 248, .2);
  border-radius: 18px;
  background: #111a2d;
}

.age-assessment { margin-top: 10px; }

.age-assessment__flag {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 42px;
  padding: 9px 12px;
  border: 1px solid rgba(148, 163, 184, .26);
  border-radius: 12px;
  background: rgba(15, 23, 42, .48);
  color: #cbd5e1;
  font-size: .84rem;
  font-weight: 700;
  text-align: left;
}

.age-assessment__flag .material-symbols-rounded { color: #fbbf24; }
.age-assessment__flag[aria-pressed="true"] {
  border-color: rgba(251, 191, 36, .62);
  background: rgba(120, 83, 14, .18);
  color: #fef3c7;
}

.age-assessment__fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.age-assessment__fields > div { min-width: 0; }
.age-assessment__fields label { display: block; margin-bottom: 5px; font-size: .76rem; }
.age-assessment__fields input { width: 100%; }
.age-assessment__reference {
  grid-column: 1 / -1;
  margin: 0;
  color: #94a3b8;
  font-size: .73rem;
  line-height: 1.35;
}
.age-assessment__fields[hidden] { display: none; }

.results-record-header {
  padding: 16px 18px;
}

.results-record-header__topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.results-record-header__eyebrow,
.results-record-header__notes-label {
  color: #7dd3fc;
  font-size: .69rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.results-record-header__name {
  margin: 7px 0 0;
  color: #f8fafc;
  font-size: clamp(1.45rem, 5vw, 1.9rem);
  line-height: 1.08;
  letter-spacing: -.025em;
}

.results-record-header__species {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 5px 9px;
  margin-top: 8px;
  color: #cbd5e1;
  font-size: .94rem;
}

.results-record-header__species em { color: #94a3b8; font-size: .84rem; }

.results-record-header__date {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: 8px;
  color: #aab9ca;
  font-size: .78rem;
  font-weight: 650;
}

.results-record-header__date .material-symbols-rounded { color: #7dd3fc; font-size: 16px; }

.results-condition {
  max-width: 52%;
  overflow: hidden;
  padding: 5px 8px;
  border: 1px solid var(--results-condition-color, rgba(148, 163, 184, .45));
  border-radius: 999px;
  color: var(--results-condition-color, #cbd5e1);
  font-size: .69rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.results-age-flag {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 15px;
  padding: 9px 10px;
  border: 1px solid rgba(251, 191, 36, .36);
  border-radius: 10px;
  background: rgba(120, 83, 14, .15);
  color: #fef3c7;
  font-size: .82rem;
}

.results-age-flag[hidden] { display: none; }
.results-age-flag .material-symbols-rounded { color: #fbbf24; font-size: 19px; }
.results-age-flag strong, .results-age-flag small { display: block; }
.results-age-flag small { margin-top: 2px; color: #fde68a; font-size: .76rem; }

.results-record-header__notes {
  margin-top: 17px;
  padding: 12px 13px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 11px;
  background: rgba(2, 6, 23, .26);
}

.results-record-header__notes p {
  margin: 6px 0 0;
  color: #dbeafe;
  font-size: .9rem;
  line-height: 1.5;
  white-space: pre-wrap;
}

.results-measurements-block { padding-top: 17px !important; }

.results-measurements { display: grid; gap: 14px; }
.results-measurements > p { display: none; }

.results-measurements__summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.results-measurement-metric {
  min-width: 0;
  padding: 11px 10px 10px;
  border: 1px solid rgba(125, 211, 252, .16);
  border-radius: 10px;
  background: rgba(15, 23, 42, .62);
}

.results-measurement-metric span,
.results-measurement-fact > span {
  display: block;
  color: #94a3b8;
  font-size: .67rem;
  font-weight: 750;
  letter-spacing: .045em;
  line-height: 1.2;
  text-transform: uppercase;
}

.results-measurement-metric strong {
  display: block;
  overflow: hidden;
  margin-top: 5px;
  color: #f1f5f9;
  font-size: .98rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.results-measurement-metric small,
.results-measurement-fact small { display: block; margin-top: 2px; color: #94a3b8; font-size: .73rem; }
.results-measurement-metric em { display: block; margin-top: 3px; color: #7dd3fc; font-size: .72rem; font-style: normal; }

.results-measurements__details { display: grid; gap: 8px; }

.results-measurement-detail {
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 11px;
  background: rgba(2, 6, 23, .22);
}

.results-measurement-detail summary {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) 20px;
  align-items: center;
  gap: 9px;
  min-height: 58px;
  padding: 9px 11px;
  color: #e2e8f0;
  cursor: pointer;
  list-style: none;
}

.results-measurement-detail summary::-webkit-details-marker { display: none; }
.results-measurement-detail summary > .material-symbols-rounded { color: #67e8f9; font-size: 20px; }
.results-measurement-detail summary strong, .results-measurement-detail summary small { display: block; }
.results-measurement-detail summary strong { font-size: .88rem; }
.results-measurement-detail summary small { margin-top: 2px; color: #94a3b8; font-size: .73rem; }
.results-measurement-detail__chevron { color: #94a3b8; transition: transform .16s ease; }
.results-measurement-detail[open] { border-color: rgba(56, 189, 248, .4); }
.results-measurement-detail[open] .results-measurement-detail__chevron { transform: rotate(180deg); }

.results-measurement-detail__body {
  display: grid;
  gap: 9px;
  padding: 1px 11px 12px;
  border-top: 1px solid rgba(148, 163, 184, .15);
}

.results-measurement-fact {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 2px 12px;
  padding: 8px 0;
  border-bottom: 1px solid rgba(148, 163, 184, .1);
}

.results-measurement-fact > span { grid-row: 1 / span 2; }
.results-measurement-fact strong { color: #e2e8f0; font-size: .85rem; text-align: right; }
.results-measurement-fact small { grid-column: 2; text-align: right; }
.results-measurement-fact em { grid-column: 2; color: #7dd3fc; font-size: .75rem; font-style: normal; text-align: right; }

.results-measurement-formula {
  padding: 10px;
  border-radius: 8px;
  background: rgba(14, 116, 144, .12);
}

.results-measurement-formula code { display: block; color: #a5f3fc; font: 700 .8rem/1.3 ui-monospace, monospace; }
.results-measurement-formula span { display: block; margin-top: 4px; color: #a8bacf; font-size: .73rem; line-height: 1.38; }
.results-measurement-empty { margin: 0; padding: 10px 0 2px; color: #94a3b8; font-size: .82rem; line-height: 1.45; }

.results-trunk-list { overflow: hidden; border: 1px solid rgba(148, 163, 184, .16); border-radius: 9px; }
.results-trunk-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 10px;
  padding: 8px 9px;
  border-bottom: 1px solid rgba(148, 163, 184, .12);
  color: #cbd5e1;
  font-size: .78rem;
}
.results-trunk-row:last-child { border-bottom: 0; }
.results-trunk-row strong, .results-trunk-row b { color: #e2e8f0; font-size: .78rem; font-weight: 700; text-align: right; }
.results-trunk-row b { grid-column: 2; color: #a5f3fc; }
.results-trunk-row small { color: #94a3b8; font-weight: 500; }
.results-trunk-row em { color: #fbbf24; font-size: .67rem; font-style: normal; font-weight: 800; text-transform: uppercase; }

/* Expanded measurement cards are intentionally quieter than their closed
   headers: values stay centered with their labels and calculations read as
   short grouped steps rather than a left/right data table. */
.results-measurement-detail[open] { border-color: rgba(148, 163, 184, .18); }

.results-measurement-detail__body {
  gap: 10px;
  padding: 0 11px 12px;
  border-top: 0;
}

.results-measurement-fact {
  display: flex;
  min-height: 74px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 11px;
  border: 0;
  border-radius: 9px;
  background: rgba(15, 23, 42, .62);
  text-align: center;
}

.results-measurement-fact > span {
  color: #aab9ca;
  font-size: .73rem;
  letter-spacing: .03em;
}

.results-measurement-fact strong {
  color: #f1f5f9;
  font-size: 1rem;
  line-height: 1.1;
  text-align: center;
}

.results-measurement-fact small,
.results-measurement-fact em {
  margin: 0;
  color: #94a3b8;
  font-size: .76rem;
  text-align: center;
}

.results-measurement-fact em { color: #cbd5e1; }

.results-measurement-formula {
  padding: 11px 12px;
  border: 1px solid rgba(148, 163, 184, .12);
  border-radius: 9px;
  background: rgba(30, 41, 59, .56);
  text-align: center;
}

.results-measurement-formula code { color: #e2e8f0; font-size: .78rem; }
.results-measurement-formula span { color: #aab9ca; }

.results-trunk-list {
  display: grid;
  gap: 7px;
  overflow: visible;
  border: 0;
  border-radius: 0;
}

.results-trunk-row {
  display: block;
  padding: 11px;
  border: 1px solid rgba(148, 163, 184, .13);
  border-radius: 9px;
  background: rgba(15, 23, 42, .48);
  text-align: center;
}

.results-trunk-row__title {
  color: #e2e8f0;
  font-size: .88rem;
  font-weight: 800;
}

.results-trunk-row__title em { margin-left: 4px; }

.results-trunk-row__measurements {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin-top: 9px;
}

.results-trunk-row__measurements > div {
  padding: 8px 5px;
  border-radius: 7px;
  background: rgba(2, 6, 23, .28);
}

.results-trunk-row__measurements span,
.results-trunk-row__measurements strong,
.results-trunk-row__measurements small { display: block; }
.results-trunk-row__measurements span { color: #aab9ca; font-size: .66rem; font-weight: 750; letter-spacing: .035em; text-transform: uppercase; }
.results-trunk-row__measurements strong { margin-top: 4px; color: #f1f5f9; font-size: .87rem; text-align: center; }
.results-trunk-row__measurements small { margin-top: 2px; color: #94a3b8; font-size: .72rem; text-align: center; }

.results-terrain-block { padding-top: 0 !important; }
.results-terrain-detail__body { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.results-terrain-fact {
  min-width: 0;
  min-height: 70px;
  padding: 10px;
  border: 1px solid rgba(148, 163, 184, .11);
  border-radius: 9px;
  background: rgba(15, 23, 42, .56);
  text-align: center;
}

.results-terrain-fact.is-wide { grid-column: 1 / -1; }
.results-terrain-fact span { display: block; color: #aab9ca; font-size: .68rem; font-weight: 750; letter-spacing: .035em; text-transform: uppercase; }
.results-terrain-fact strong { display: block; margin-top: 5px; color: #e2e8f0; font-size: .82rem; line-height: 1.35; overflow-wrap: anywhere; }

.results-location-block { padding-top: 17px !important; }

.results-dropdown-info-block { padding-top: 0 !important; }
.results-dropdown-info__list { display: grid; gap: 8px; margin-top: 10px; }

.results-save-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  width: 100%;
}

.results-save-actions > button {
  display: flex;
  width: 100%;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-radius: 11px;
  font-size: .9rem;
  font-weight: 800;
}

.results-save-actions > .results-save-local {
  border: 3px solid #115e59;
  background: #0f766e;
  color: #ecfeff;
}

.results-save-actions > .results-save-local:hover:not(:disabled) {
  border-color: #0f766e;
  background: #0d9488;
}

.results-save-actions > .results-save-local:active:not(:disabled) {
  border-color: #042f2e;
  background: #115e59;
}

.results-share-copy {
  overflow: hidden;
  margin-top: 12px;
  border: 1px solid rgba(148, 163, 184, .15);
  border-radius: 10px;
  background: rgba(15, 23, 42, .32);
}

.results-share-copy summary {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 8px;
  min-height: 50px;
  padding: 8px 11px;
  cursor: pointer;
  list-style: none;
}

.results-share-copy summary::-webkit-details-marker { display: none; }
.results-share-copy summary > .material-symbols-rounded { color: #94a3b8; font-size: 18px; }
.results-share-copy summary strong,
.results-share-copy summary small { display: block; }
.results-share-copy summary strong { color: #dbeafe; font-size: .83rem; }
.results-share-copy summary small { margin-top: 2px; color: #94a3b8; font-size: .72rem; }
.results-share-copy__chevron { transition: transform .16s ease; }
.results-share-copy[open] .results-share-copy__chevron { transform: rotate(180deg); }

.results-share-copy__body {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 0 10px 10px;
}

.results-share-copy__action,
#emailBtn.results-share-copy__action {
  display: flex;
  width: 100%;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 9px;
  background: rgba(15, 23, 42, .5);
  color: #cbd5e1;
  font: 750 .82rem/1 inherit;
  box-sizing: border-box;
  appearance: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  transition: border-color .15s ease, background .15s ease, color .15s ease;
}

.results-share-copy__action:hover:not(:disabled):not([aria-disabled="true"]),
#emailBtn.results-share-copy__action:hover:not([aria-disabled="true"]) {
  border-color: rgba(125, 211, 252, .45);
  background: rgba(15, 23, 42, .5);
  color: #e0f2fe;
  transform: none;
}

.results-share-copy__action:active:not(:disabled):not([aria-disabled="true"]),
#emailBtn.results-share-copy__action:active:not([aria-disabled="true"]) {
  background: rgba(15, 23, 42, .5);
  color: #e0f2fe;
  transform: none;
}

.results-share-copy__action:disabled,
#emailBtn.results-share-copy__action[aria-disabled="true"] {
  opacity: .5;
  cursor: default;
  pointer-events: none;
}

.results-media-evidence-block { padding-top: 0 !important; }

.results-media-evidence__photos,
.results-media-evidence__section,
.results-media-evidence__recordings {
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, .12);
  border-radius: 9px;
  background: rgba(15, 23, 42, .5);
}

.results-media-evidence h4 {
  margin: 0;
  color: #e2e8f0;
  font-size: .84rem;
  font-weight: 800;
}

.results-media-evidence__progress {
  margin: 7px 0 0;
  color: #cbd5e1;
  font-size: .8rem;
  font-weight: 700;
}

.results-media-evidence__dots {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 10px;
}

.results-media-evidence__dots .media-progress__dot { width: 22px; min-width: 22px; }
.results-media-evidence__dots .media-progress__dot .material-symbols-rounded { font-size: 13px; }

.results-media-evidence__missing {
  margin: 10px 0 0;
  color: #94a3b8;
  font-size: .78rem;
  line-height: 1.4;
}

.results-media-evidence__section h4 { margin-bottom: 9px; }
.results-media-evidence__thumbs { gap: 8px; }

.results-media-evidence__open {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: transparent;
}

.results-media-evidence__open img { display: block; width: 100%; height: 100%; object-fit: cover; }

.results-media-evidence__open:focus-visible {
  outline: 2px solid #67e8f9;
  outline-offset: -2px;
}

.results-media-evidence__recordings h4 { margin-bottom: 1px; }
.results-media-evidence__audio-subtitle { margin: 5px 0 0; color: #94a3b8; font-size: .77rem; line-height: 1.35; }
.results-media-evidence__recordings .field-observation__list { margin-top: 7px; }
.results-media-evidence__recordings .field-observation__list > .tiny { margin: 3px 0 0; }

.results-position {
  padding: 15px 14px;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 11px;
  background: rgba(2, 6, 23, .2);
}

.results-position__header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-bottom: 10px;
}

.results-position__maps {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px 7px;
  border: 1px solid rgba(125, 211, 252, .3);
  border-radius: 7px;
  color: #a5f3fc;
  font-size: .7rem;
  font-weight: 750;
  text-decoration: none;
}

.results-position__maps .material-symbols-rounded { font-size: 15px; }
.results-position__rows { margin: 0; }

.results-position__rows > div {
  display: grid;
  grid-template-columns: minmax(88px, .78fr) minmax(0, 1.22fr);
  gap: 12px;
  padding: 8px 0;
  border-top: 1px solid rgba(148, 163, 184, .1);
}

.results-position__rows dt { color: #94a3b8; font-size: .78rem; }
.results-position__rows dd { margin: 0; color: #e2e8f0; font-size: .82rem; font-weight: 700; text-align: right; overflow-wrap: anywhere; }

/* Results uses the same blue-slate family as the selected Field Tools tab. */
.results-record-header__eyebrow,
.results-record-header__notes-label,
.results-record-header__date .material-symbols-rounded,
.results-measurement-metric em,
.results-measurement-fact em,
.results-measurement-detail summary > .material-symbols-rounded {
  color: #4f8fe9;
}

.results-measurement-metric {
  border-color: rgba(79, 143, 233, .34);
}

.results-measurement-detail[open] {
  border-color: #4f8fe9;
}

.results-measurement-formula {
  border: 1px solid #4f8fe9;
  background: #29466f;
}

.results-measurement-formula code,
.results-trunk-row b {
  color: #f8fbff;
}

.results-share-copy summary strong {
  color: #e2e8f0;
}

.results-share-copy__action:hover:not(:disabled):not([aria-disabled="true"]),
#emailBtn.results-share-copy__action:hover:not([aria-disabled="true"]),
.results-share-copy__action:active:not(:disabled):not([aria-disabled="true"]),
#emailBtn.results-share-copy__action:active:not([aria-disabled="true"]) {
  border-color: #4f8fe9;
  background: #29466f;
  color: #f8fbff;
}

.results-position__maps {
  border-color: #4f8fe9;
  background: #29466f;
  color: #f8fbff;
}

@media (max-width: 390px) {
  .results-terrain-detail__body { grid-template-columns: 1fr; }
  .results-terrain-fact.is-wide { grid-column: auto; }
}

@media (min-width: 520px) {
  .results-measurements__summary { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

.field-observation h3 { margin: 0; font-size: 1rem; }
.field-observation__prompt { margin: 6px 0 0; color: #cbd5e1; font-size: .87rem; }
.field-observation__hint { margin: 8px 0 0; color: #94a3b8; font-size: .75rem; font-style: italic; }

.field-observation__live { margin-top: 12px; }
.field-observation__live-row { display: flex; align-items: center; justify-content: space-between; }
.field-observation__state { color: #cbd5e1; font-size: .88rem; font-weight: 750; }
.field-observation__state.is-recording::before { content: '●'; margin-right: 7px; color: #ef4444; font-size: .8em; }
.field-observation__timer { color: #e2e8f0; font: 700 1rem/1 ui-monospace, monospace; letter-spacing: .04em; }

.field-observation__waveform {
  display: block;
  width: 100%;
  height: 34px;
  margin-top: 8px;
  border-radius: 6px;
  background: transparent;
}

.field-observation__waveform[hidden] { display: none !important; }

.field-observation__controls {
  display: flex;
  width: 100%;
  gap: 10px;
  margin-top: 13px;
}

.field-observation__controls [hidden] { display: none !important; }

.field-observation__controls #fieldObservationRecord {
  width: 100%;
  min-height: 54px;
  padding: 13px 20px;
  border: 1px solid #4f8fe9;
  border-radius: 13px;
  background: #29466f;
  box-shadow: none;
  color: #f8fbff;
  font-size: 1rem;
  font-family: inherit;
  font-weight: 600;
}

.field-observation__controls #fieldObservationPause,
.field-observation__controls #fieldObservationStop {
  flex: 1 1 0;
  min-height: 50px;
  padding: 11px 14px;
  border-radius: 12px;
  font-size: .94rem;
  font-weight: 800;
}

.field-observation__controls #fieldObservationPause {
  border-color: rgba(125, 211, 252, .48);
  background: rgba(14, 116, 144, .2);
  color: #dff7ff;
}

.field-observation__controls #fieldObservationStop {
  border-color: rgba(125, 211, 252, .48);
  background: rgba(14, 116, 144, .2);
  color: #dff7ff;
}
.field-observation__list { display: grid; gap: 8px; margin-top: 14px; }
.field-observation__list[hidden] { display: none !important; }

.observation-playback {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 28px;
  align-items: start;
  gap: 8px;
  padding: 10px 0;
  border-top: 1px solid rgba(148, 163, 184, .18);
}

.observation-playback__play,
.observation-playback__more {
  display: flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(14, 116, 144, .2);
  color: #67e8f9;
}

.observation-playback__play .material-symbols-rounded,
.observation-playback__more .material-symbols-rounded { display: block; line-height: 1; }

.observation-playback__more {
  background: rgba(127, 29, 29, .18);
  color: #f87171;
}
.observation-playback__content { min-width: 0; }
.observation-playback__titleline { display: flex; justify-content: space-between; gap: 8px; color: #e2e8f0; font-size: .84rem; }
.observation-playback__duration { color: #cbd5e1; font: 700 .76rem/1 ui-monospace, monospace; white-space: nowrap; }
.observation-playback__details { display: block; margin-top: 3px; color: #94a3b8; font-size: .71rem; }
.observation-playback__progress { width: 100%; height: 12px; margin: 5px 0 0; accent-color: #22d3ee; transition: none; }

.field-observation-delete-modal {
  width: min(92vw, 390px);
  max-width: 390px;
  padding: 20px;
}

.field-observation-delete-modal .modal-title {
  margin: 0 0 7px;
  font-size: 1.05rem;
  line-height: 1.2;
}

.field-observation-delete-modal .modal-body {
  margin: 0;
  color: #cbd5e1;
  font-size: .9rem;
  line-height: 1.45;
}

.field-observation-delete-modal .modal-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 20px;
}

.field-observation-delete-modal .modal-actions button {
  display: flex;
  width: 100%;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  border-radius: 10px;
  font: 700 .88rem/1 inherit;
  white-space: nowrap;
}

.field-observation-delete-modal .modal-actions button:hover:not([disabled]),
.field-observation-delete-modal .modal-actions button:active:not([disabled]) {
  transform: none;
}

.field-observation-delete-modal .btn-ghost {
  padding: 0 10px;
}

.field-observation-delete-confirm {
  border: 1px solid rgba(248, 113, 113, .65);
  border-radius: 10px;
  background: #991b1b;
  color: #fff;
  font: inherit;
  font-weight: 800;
}

.field-save-local-confirm {
  width: min(92vw, 390px);
  max-width: 390px;
  padding: 20px;
}

.field-save-local-confirm .modal-title {
  margin: 0 0 7px;
  font-size: 1.05rem;
  line-height: 1.2;
}

.field-save-local-confirm .modal-body {
  margin: 0;
  color: #cbd5e1;
  font-size: .9rem;
  line-height: 1.45;
}

.field-save-local-confirm .modal-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 20px;
}

.field-save-local-confirm .modal-actions button {
  display: flex;
  width: 100%;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  border-radius: 10px;
  font: 700 .88rem/1 inherit;
  white-space: nowrap;
}

.field-save-local-confirm .modal-actions button:hover:not([disabled]),
.field-save-local-confirm .modal-actions button:active:not([disabled]) { transform: none; }

.field-save-local-confirm__submit {
  border: 1px solid #115e59;
  background: #0f766e;
  color: #ecfeff;
}

.field-save-local-confirm__submit:hover:not([disabled]) { background: #0d9488; }
.dictation-button {
  display: inline-flex !important;
  min-height: 38px;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  margin-top: 8px;
  padding: 4px 11px 4px 5px !important;
  border: 1px solid #31506f;
  border-radius: 10px;
  background: #142136;
  color: #dbeafe;
  font-size: .78rem !important;
  font-weight: 760;
  letter-spacing: .01em;
  line-height: 1;
  box-shadow: none;
}

.dictation-button:hover:not([disabled]),
.dictation-button:active:not([disabled]) {
  transform: none;
  background: #182941;
  border-color: #4d7ca8;
}

.dictation-button__icon {
  display: inline-grid;
  width: 27px;
  height: 27px;
  place-items: center;
  border-radius: 7px;
  background: #0e7490;
  color: #ecfeff;
  font-size: 17px;
  font-variation-settings: 'FILL' 1, 'wght' 650, 'GRAD' 0, 'opsz' 20;
}

.dictation-button__label { display: inline-flex; align-items: baseline; gap: 5px; }
.dictation-button__label small { color: #94a3b8; font: 650 .69rem/1 inherit; }

.dictation-button.is-listening {
  border-color: #91374b;
  background: #251923;
  color: #ffe4e6;
}

.dictation-button.is-listening .dictation-button__icon { background: #b42342; }
.dictation-button.is-listening .dictation-button__label small { color: #fda4af; }
.dictation-button.is-listening:hover:not([disabled]) { background: #30202a; border-color: #be455e; }

.dictation-button:focus-visible {
  outline: 2px solid #67e8f9;
  outline-offset: 2px;
}

@media (min-width: 700px) {
  .media-capture-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
.height-method-tabs { display: grid; grid-template-columns: 1fr 1fr; width: 100%; border: 1px solid var(--border); border-radius: 12px; overflow: hidden; margin-bottom: 18px; }
.height-method-tabs button { border: 0; border-radius: 0; min-height: 48px; background: var(--panel-2, #1e293b); color: inherit; box-shadow: none; font-family: 'Inter', system-ui, -apple-system, sans-serif; font-size: 1rem; font-weight: 600; }
.height-method-tabs button[aria-selected="true"] { background: #29466f; color: #f8fbff; box-shadow: inset 0 0 0 1px #4f8fe9; }
.height-method-tabs button:focus-visible { outline: 3px solid #609fff; outline-offset: -3px; }
.height-method-tabs button:hover { transform: none; }
#pane-height [hidden] { display: none !important; }
.percent-readout-row { display: flex; gap: 10px; align-items: stretch; }
.percent-readout-row .clino-readout { flex: 1; min-width: 0; }
.percent-capture-actions { display: grid; gap: 8px; flex: 0 0 100px; }
.percent-capture-actions button { white-space: normal; padding: 10px; }
.percent-capture-actions button:disabled { opacity: .45; }
.diameter-input { margin: 10px 0; }

#clino-card .clino-wrap { height: 180px; padding: 0; border: 0; }
#clino-card .clino-lock {
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  aspect-ratio: auto;
  flex: 0 0 auto;
  padding: 16px;
  border: 1px solid #4f8fe9;
  border-radius: 12px;
  background: #29466f;
  color: #f8fbff;
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  font-size: 1.15rem;
  font-weight: 600;
  line-height: 1.3;
  box-shadow: none;
}
#clino-card .clino-lock:hover { background: #325581; transform: none; }
#clino-card .clino-lock.active { background: #1d3a61; border-color: #93c5fd; }
#clino-card .clino-lock:focus-visible { outline: 3px solid #93c5fd; outline-offset: -4px; }
#clino-card .clino-lock:active { transform: none; }
.percent-capture-actions button { font-family: 'Inter', system-ui, -apple-system, sans-serif; font-weight: 600; }

#clino-card .clino-controls button { font-family: 'Inter', system-ui, -apple-system, sans-serif; font-weight: 600; }

/* Decorative gauge survives Start / Lock / Unlock label changes. */
#clino-card .clino-lock {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), inset 0 -3px 0 rgba(9, 26, 49, .2);
  transition: background-color .16s ease, border-color .16s ease;
}
#clino-card .clino-lock::before {
  content: "";
  display: block;
  width: 56px;
  height: 56px;
  border: 1px solid rgba(191, 219, 254, .32);
  border-radius: 14px;
  background-color: rgba(15, 35, 62, .28);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23dbeafe' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 24a13 13 0 1 1 22 0M7 23h18M16 5v3M6.5 10l2 2M25.5 10l-2 2M3 18h3M26 18h3M16 20l6-8'/%3E%3Ccircle cx='16' cy='20' r='2' fill='%23dbeafe' stroke='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 36px 36px;
}
#clino-card .clino-lock:hover { border-color: #93c5fd; }
#clino-card .clino-lock.active::before { background-color: rgba(147, 197, 253, .12); border-color: #93c5fd; }
@media (prefers-reduced-motion: reduce) {
  #clino-card .clino-lock { transition: none; }
}

#percent-capture-actions button[aria-pressed="true"] {
  background: #29466f;
  border-color: #93c5fd;
  color: #f8fbff;
  box-shadow: inset 0 0 0 1px #93c5fd;
}