.lc-dash { color: var(--color-text-faint); }
.table td:has(> .lc-dash:only-child) { text-align: center; }
.lc-mono { font-family: var(--font-mono); font-size: calc(12.5px * var(--font-scale)); }
.lc-wrap { overflow-wrap: anywhere; white-space: normal; }
.table tbody td.lc-wrap { white-space: normal; min-width: 14em; line-height: 1.6; }
.table tbody td.lc-url { max-width: 320px; overflow: hidden; text-overflow: ellipsis; }
.table tbody td.lc-name { width: 100%; max-width: 0; overflow: hidden; text-overflow: ellipsis; }
.table tbody tr.lc-row-link { cursor: pointer; }
.badge.lc-kind { gap: 4px; }
.badge.lc-kind svg { width: 12px; height: 12px; flex-shrink: 0; }
a.metric.lc-metric-link { color: inherit; text-decoration: none; transition: border-color .15s; }
a.metric.lc-metric-link:hover { border-color: var(--color-primary); }
a.metric.lc-metric-link:focus-visible { outline: 0; box-shadow: var(--shadow-focus); }
.metric-value.lc-is-ok { color: var(--color-ok); }
.metric-value.lc-is-warn { color: var(--color-warn); }
.metric-value.lc-is-danger { color: var(--color-danger); }
.def-list.lc-def { grid-template-columns: 120px minmax(0, 1fr); margin: 0; }
.section-title + :not(.section-desc) { margin-top: 22px; }
.def-list.lc-def dd { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.section-desc:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.diff.lc-diff { max-height: 480px; overflow-y: auto; }
.diff.lc-diff .diff-row { grid-template-columns: 22px minmax(0, 1fr); }
.diff.lc-diff .diff-content { white-space: pre-wrap; word-break: break-all; }
.diff.lc-diff .diff-row.info { background: var(--color-surface-2); color: var(--color-text-muted); }
.lc-pre { margin: 0; padding: 12px 14px; max-height: 480px; overflow: auto; white-space: pre-wrap; word-break: break-all; background: var(--color-surface-2); border: 1px solid var(--color-border); border-radius: var(--radius-md); font-family: var(--font-mono); font-size: calc(12px * var(--font-scale)); line-height: 1.6; color: var(--color-text); }
.lc-result { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--color-border); }
.lc-result .def-list.lc-def { margin-bottom: 14px; }
.lc-time-range { display: flex; align-items: center; gap: 8px; }
.lc-time-range .input { width: 90px; text-align: center; }
.lc-form-error { margin: 16px 0 0; }
.lc-form-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.lc-confirm-text { margin: 0; line-height: 1.7; }
.lc-filter { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.lc-filter .tabs-wrap { flex: 1 1 auto; min-width: 0; margin-bottom: 0; }
.lc-filter .select { width: auto; min-width: 11em; flex-shrink: 0; }
.lc-site-name { display: none; }
.alert.lc-alert-center { align-items: center; }
.alert[hidden], .field-error[hidden], .nc-section[hidden], .field[hidden] { display: none; }
.lc-footer { margin-top: auto; padding: 16px 28px 20px; border-top: 1px solid var(--color-border); color: var(--color-text-muted); font-size: calc(12px * var(--font-scale)); text-align: center; }

.btn.btn-line.btn-line-danger { background: var(--color-surface); border-color: var(--color-danger-line); }
.btn.btn-line.btn-line-danger:hover:not(:disabled), .btn.btn-line.btn-line-danger:active:not(:disabled) { background: var(--color-danger-soft); border-color: var(--color-danger); }

@media (max-width: 767px) {
  .lc-footer { padding: 14px; }
  .topbar > .menu-btn { width: 32px; order: 1; }
  .topbar > .font-size-btn, .topbar > .theme-btn { width: 24px; }
  .sidebar .brand-block { display: none; }
  .topbar { padding: 0 10px 0 14px; background: var(--brand); border-bottom-color: var(--brand); color: #fff; }
  .topbar > .icon-btn { color: #fff; }
  .topbar > .icon-btn:hover, .topbar > .icon-btn:active { background: rgba(255, 255, 255, .14); color: #fff; }
  .lc-site-name { display: inline; }
  .lc-page-name { display: none; }
  .lc-filter { flex-direction: column; align-items: stretch; gap: 8px; }
  .lc-filter .select { width: 100%; }
  .card-grid.card-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .card-grid-4 .metric { padding: 12px 14px; }
  .card-grid-4 .metric-label { font-size: calc(12px * var(--font-scale)); }
  .card-grid-4 .metric-value { margin-top: 6px; font-size: calc(22px * var(--font-scale)); }
  .def-list.lc-def { grid-template-columns: 1fr; gap: 2px 0; }
  .def-list.lc-def dt { margin-top: 8px; }
  .dl-stack .table tbody td.lc-url { max-width: none; overflow: visible; text-overflow: clip; }
  .dl-stack .table tbody td.lc-name { width: auto; max-width: none; overflow: visible; text-overflow: clip; }
  .dl-stack .table tbody td.lc-wrap { min-width: 0; }
  .dl-stack .table td:has(> .lc-dash:only-child) { text-align: left; }
  .lc-time-range { flex-wrap: wrap; }
  .lc-form-actions > .btn { flex: 1 1 auto; }
}
.brand-text .brand-name { font-size: calc(20px * var(--font-scale)); font-weight: 700; letter-spacing: .01em; }
.table td.lc-cell-link a { color: inherit; text-decoration: none; }
.table td.lc-cell-link a:hover { color: var(--color-primary); }
.lc-op-params { display: flex; flex-direction: column; gap: 12px; }
.lc-findings { display: flex; flex-direction: column; gap: 8px; }
.lc-keep { white-space: pre-wrap; }
.lc-detail { color: var(--color-text-sub); }