.logging-table-wrap { overflow-x: auto; }
.logging-table { min-width: 850px; }
.logging-table td { vertical-align: top; }
.logging-table .logging-hole { width: 28%; white-space: normal; }
.logging-table .logging-track { width: 24%; }
.logging-hole-heading { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 6px; }
.logging-hole > small, .logging-track small, .logging-detail small { display: block; line-height: 1.5; color: var(--muted); }
.logging-track-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.logging-track .logging-covered { margin-left: auto; text-align: right; white-space: nowrap; }
.logging-started { font-weight: 400; }
.logging-hole .logging-cache-status, .logging-detail .logging-cache-status { margin-top: 10px; color: #949b97; font-weight: 400; }
.logging-coverage { height: 12px; position: relative; background: var(--line); border-radius: 4px; overflow: hidden; margin: 8px 0; }
.logging-coverage i { position: absolute; height: 100%; background: var(--accent); }
.logging-track details { color: var(--muted); font-size: 12px; margin-top: 6px; }
.logging-track .form-error { color: var(--danger); }
.logging-detail-tracks { display: grid; gap: 18px; margin: 16px 0; }
#hole-logging-content { padding: 12px 16px 16px; }
.logging-detail h3 { font-size: 14px; margin: 0 0 6px; }
.logging-detail small { font-size: 12px; }
.logging-detail .logging-track { font-size: 14px; }