/* Shared controls do not depend on OS popups or native progress painting. */
.navlog-sheet .unit-choice { display: inline-block; flex: none; white-space: nowrap; }
.navlog-sheet th > .unit-choice { display: block; }
.navlog-sheet .unit-trigger { white-space: nowrap; font-family: inherit; }
.navlog-sheet .flight-overview .field-value > .unit-choice > .unit { margin-left: 0; }
.navlog-sheet .unit-trigger svg {
  display: inline-block; width: 12px; height: 8px; margin-left: 5px;
  vertical-align: middle; fill: none; stroke: currentColor; stroke-width: 2;
}
.navlog-sheet .unit-trigger[aria-expanded="true"] { color: var(--control-green-dark); background: var(--control-green-light); }
.navlog-sheet .unit-menu {
  position: fixed; z-index: 1200; display: block; overflow-y: auto; max-width: 95%;
  padding: 4px; border: 2px solid var(--control-green-border); border-radius: 4px;
  background: #fff; color: var(--control-green-dark); font-family: Arial, sans-serif;
}
.navlog-sheet .unit-option {
  display: block; width: 100%; min-height: 36px; padding: 7px 12px;
  border: 0; border-radius: 2px; background: #fff; color: var(--control-green-dark);
  font: inherit; text-align: left; white-space: nowrap; cursor: pointer;
}
.navlog-sheet .unit-option[aria-selected="true"] { background: var(--control-green); font-weight: 700; }
.navlog-sheet .unit-option:hover, .navlog-sheet .unit-option:focus { background: var(--control-green-hover); }
.navlog-sheet .database-progress {
  display: block; position: relative; width: 100%; height: 12px; overflow: hidden;
  border: 1px solid var(--control-green-border); border-radius: 3px; background: #f3f3f3;
}
.navlog-sheet .database-progress-fill {
  display: block; position: relative; width: 0; height: 100%; background: var(--control-green-dark);
}
.navlog-sheet #network-sync { display: inline-flex; align-items: center; gap: 8px; flex-shrink: 0; }
.navlog-sheet .network-status .network-progress { flex: 0 0 120px; width: 120px; height: 8px; }
.navlog-sheet .database-progress-indeterminate .database-progress-fill {
  animation: database-progress-wait 1.3s linear infinite;
  -webkit-animation: database-progress-wait 1.3s linear infinite;
}
@keyframes database-progress-wait { from { left: -30%; } to { left: 100%; } }
@-webkit-keyframes database-progress-wait { from { left: -30%; } to { left: 100%; } }

@media print {
  .navlog-sheet .unit-trigger { display: inline-block !important; }
  .navlog-sheet .unit-trigger svg, .navlog-sheet .unit-menu,
  .navlog-sheet .database-progress { display: none !important; }
}