/* One waypoint table at every screen size. Keep this sheet after style.css. */
.training-app .waypoint-ledger{background:var(--panel);color:var(--text)}
.training-app .waypoint-ledger .ledger-scroll,
.training-app .waypoint-table-wrap{display:block;width:100%;max-width:100%;max-height:min(62dvh,46rem);overflow-x:auto;overflow-y:auto;margin-top:12px;border:1px solid var(--line);border-radius:8px;-webkit-overflow-scrolling:touch;touch-action:auto;overscroll-behavior-x:contain}
.training-app .waypoint-mobile-cards,#waypointCards{display:none!important}
.training-app #enteredWaypointList{display:block;min-width:0;max-width:100%;overflow:visible}
.training-app .waypoint-ledger .ledger-scroll table,
.training-app .voyager-waypoint-table{width:100%;min-width:1050px;border-collapse:separate;border-spacing:0;font-size:12px;font-variant-numeric:tabular-nums;background:var(--panel);color:var(--text)}
.training-app .waypoint-ledger .ledger-scroll th,
.training-app .waypoint-ledger .ledger-scroll td,
.training-app .voyager-waypoint-table th,
.training-app .voyager-waypoint-table td{padding:10px 12px;border:0;border-bottom:1px solid var(--line);vertical-align:middle;text-align:left;line-height:1.35;white-space:nowrap}
.training-app .waypoint-ledger .ledger-scroll thead th,
.training-app .voyager-waypoint-table thead th{position:sticky;top:0;z-index:2;background:var(--bg);color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.015em}
.training-app .waypoint-ledger .ledger-scroll thead th small,
.training-app .voyager-waypoint-table thead th small{display:block;margin-top:3px;font-size:10px;font-weight:400;color:var(--muted)}
.training-app .waypoint-ledger .ledger-scroll thead th:first-child,
.training-app .voyager-waypoint-table thead th:first-child{left:0;z-index:4;min-width:150px;width:150px;box-shadow:1px 0 0 var(--line)}
.training-app .waypoint-ledger .ledger-scroll tbody th.wp-identity,
.training-app .voyager-waypoint-table tbody th.wp-identity{position:sticky;top:auto;left:0;z-index:1;min-width:150px;width:150px;background:var(--panel);box-shadow:1px 0 0 var(--line);font-weight:500}
.training-app .waypoint-ledger .ledger-scroll .wp-identity button,
.training-app .voyager-waypoint-table .wp-identity button{display:inline-block;min-width:64px;min-height:32px;margin:0;padding:5px 8px;background:transparent;border:1px solid var(--line);border-radius:5px;color:var(--text);font-size:12px;font-weight:600}
.training-app .waypoint-ledger .ledger-scroll .wp-identity small,
.training-app .voyager-waypoint-table .wp-identity small{display:block;max-width:150px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:var(--muted);font-weight:400}
.training-app .waypoint-ledger .ledger-scroll .wp-number,
.training-app .voyager-waypoint-table .wp-number{text-align:right;min-width:70px}
.training-app .waypoint-ledger .ledger-scroll .wp-coordinate,
.training-app .voyager-waypoint-table .wp-coordinate{min-width:132px;letter-spacing:.01em}
.training-app .waypoint-ledger .ledger-scroll .wp-datetime,
.training-app .voyager-waypoint-table .wp-datetime{min-width:115px}
.training-app .waypoint-ledger .ledger-scroll .wp-time,
.training-app .voyager-waypoint-table .wp-time{display:block;font-size:12px;font-weight:500;color:var(--text)}
.training-app .waypoint-ledger .ledger-scroll .wp-datetime small,
.training-app .voyager-waypoint-table .wp-datetime small{display:block;font-size:10px;margin-top:4px;color:var(--muted)}
.training-app .waypoint-ledger .ledger-scroll tbody tr:last-child>* ,
.training-app .voyager-waypoint-table tbody tr:last-child>*{border-bottom:0}
.training-app .waypoint-ledger .ledger-scroll tbody tr:hover td,
.training-app .voyager-waypoint-table tbody tr:hover td{background:rgba(128,160,180,.06)}
.training-app .editor-waypoint-table{min-width:1280px}
.training-app .voyager-waypoint-table .wp-actions div{display:flex;gap:5px;align-items:center}
.training-app .voyager-waypoint-table .wp-actions button{min-width:34px;min-height:34px;padding:6px 8px;font-size:11px;border-radius:5px}
.training-app .voyager-waypoint-table button:disabled{cursor:default}
.training-app .wp-empty{padding:24px 14px!important;color:var(--muted);white-space:normal!important}
.training-app .waypoint-table-note{font-size:11px;line-height:1.5;color:var(--muted);margin:9px 0 12px}
.training-app .waypoint-more{margin:8px 0 0;min-height:40px}
.training-app .waypoint-table-wrap:focus-visible,
.training-app .ledger-scroll:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
@media(max-width:760px){
 .training-app .waypoint-ledger .ledger-scroll,
 .training-app .waypoint-table-wrap{display:block;max-height:56dvh;border-radius:6px}
 .training-app .waypoint-ledger .ledger-scroll table,
 .training-app .voyager-waypoint-table{min-width:1000px;font-size:12px}
 .training-app .waypoint-ledger .ledger-scroll th,
 .training-app .waypoint-ledger .ledger-scroll td,
 .training-app .voyager-waypoint-table th,
 .training-app .voyager-waypoint-table td{padding:8px 10px}
 .training-app .waypoint-ledger .ledger-scroll thead th:first-child,
 .training-app .waypoint-ledger .ledger-scroll tbody th.wp-identity,
 .training-app .voyager-waypoint-table thead th:first-child,
 .training-app .voyager-waypoint-table tbody th.wp-identity{width:112px;min-width:112px}
 .training-app .waypoint-ledger .ledger-scroll .wp-identity small,
 .training-app .voyager-waypoint-table .wp-identity small{max-width:92px}
 .training-app .waypoint-ledger .ledger-scroll .wp-identity button,
 .training-app .voyager-waypoint-table .wp-identity button{min-height:44px;min-width:68px}
 .training-app .voyager-waypoint-table .wp-actions button{min-height:44px;min-width:44px}
 .training-app .editor-waypoint-table{min-width:1240px}
}
