/* Explore models only: a phone is for comparing lines, not reading every registry field.
   Desktop keeps the complete ledger. The full row remains a link to model details. */
@media (max-width: 640px) {
  #linesBox .tbl-wrap { overflow: hidden !important; }
  #linesBox #linesTbl.lines-model-description {
    display: table !important;
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
  }
  #linesBox #linesTbl.lines-model-description thead { display: table-header-group !important; }
  #linesBox #linesTbl.lines-model-description tbody { display: table-row-group !important; }
  #linesBox #linesTbl.lines-model-description thead tr,
  #linesBox #linesTbl.lines-model-description tbody tr,
  #linesBox #linesTbl.lines-model-description tbody tr.mobile-line-ready {
    display: table-row !important;
    height: 48px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }
  #linesBox #linesTbl.lines-model-description th,
  #linesBox #linesTbl.lines-model-description td,
  #linesBox #linesTbl.lines-model-description tbody tr.mobile-line-ready td {
    display: none !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    white-space: normal !important;
  }
  #linesBox #linesTbl.lines-model-description:has(thead th:nth-child(13)):not(:has(thead th:nth-child(14))) th:nth-child(1),
  #linesBox #linesTbl.lines-model-description:has(thead th:nth-child(13)):not(:has(thead th:nth-child(14))) th:nth-child(6),
  #linesBox #linesTbl.lines-model-description:has(thead th:nth-child(13)):not(:has(thead th:nth-child(14))) th:nth-child(7),
  #linesBox #linesTbl.lines-model-description:has(thead th:nth-child(13)):not(:has(thead th:nth-child(14))) td:nth-child(1),
  #linesBox #linesTbl.lines-model-description:has(thead th:nth-child(13)):not(:has(thead th:nth-child(14))) td:nth-child(6),
  #linesBox #linesTbl.lines-model-description:has(thead th:nth-child(13)):not(:has(thead th:nth-child(14))) td:nth-child(7),
  #linesBox #linesTbl.lines-model-description tbody tr.mobile-line-ready td[data-mobile-label="Model"],
  #linesBox #linesTbl.lines-model-description tbody tr.mobile-line-ready td[data-mobile-label="Membership (MSK)"],
  #linesBox #linesTbl.lines-model-description tbody tr.mobile-line-ready td[data-mobile-label="Holders +24 h"] {
    display: table-cell !important;
    vertical-align: middle !important;
    border-bottom: 1px solid var(--border) !important;
    padding: 9px 5px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    text-align: right !important;
    overflow: hidden !important;
  }
  #linesBox #linesTbl.lines-model-description th:nth-child(1),
  #linesBox #linesTbl.lines-model-description td:nth-child(1),
  #linesBox #linesTbl.lines-model-description tbody tr.mobile-line-ready td[data-mobile-label="Model"] {
    width: 51% !important;
    text-align: left !important;
    padding-left: 7px !important;
    padding-right: 5px !important;
  }
  #linesBox #linesTbl.lines-model-description th:nth-child(6),
  #linesBox #linesTbl.lines-model-description td:nth-child(6) { width: 25% !important; }
  #linesBox #linesTbl.lines-model-description th:nth-child(7),
  #linesBox #linesTbl.lines-model-description td:nth-child(7) { width: 24% !important; }
  #linesBox #linesTbl.lines-model-description thead th {
    color: #b7c4d6 !important;
    font: 600 10px/1.15 system-ui, sans-serif !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }
  #linesBox #linesTbl.lines-model-description thead th:nth-child(6) { font-size: 0 !important; }
  #linesBox #linesTbl.lines-model-description thead th:nth-child(6)::after {
    content: 'Price (MSK)'; font-size: 10px;
  }
  #linesBox #linesTbl.lines-model-description tbody tr td::before,
  #linesBox #linesTbl.lines-model-description tbody tr.mobile-line-ready td::before { display: none !important; }
  #linesBox #linesTbl.lines-model-description tbody td:nth-child(1) > div {
    display: block !important; overflow: hidden !important;
  }
  #linesBox #linesTbl.lines-model-description tbody td:nth-child(1) b {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    overflow-wrap: anywhere;
    color: var(--text);
    font-size: 12px;
    line-height: 1.25;
  }
  #linesBox #linesTbl.lines-model-description tbody td:nth-child(1) > div > span,
  #linesBox #linesTbl.lines-model-description tbody td:nth-child(1) > div > br,
  #linesBox #linesTbl.lines-model-description tbody td:nth-child(1) > span,
  #linesBox #linesTbl.lines-model-description .mobile-line-toggle { display: none !important; }
  #linesBox #linesTbl.lines-model-description tbody td:nth-child(6) .tag {
    padding: 2px 4px; font-size: 10px; line-height: 1.1; white-space: nowrap;
  }
  #linesBox #linesTbl.lines-model-description tbody td:nth-child(7) { font-variant-numeric: tabular-nums; }
  #linesBox #linesTbl.lines-model-description tbody td.empty {
    display: table-cell !important; padding: 12px !important; text-align: left !important;
  }
  /* The older phone-card rules have high specificity; win only for this list. */
  #main #linesBox #linesTbl.lines-model-description thead th.sortable:nth-child(6) {
    font-size: 0 !important;
  }
  #main #linesBox #linesTbl.lines-model-description thead th.sortable:nth-child(6)::after {
    content: 'Price (MSK)' !important;
    font-size: 10px !important;
  }
  #main #linesBox #linesTbl.lines-model-description thead th:nth-child(7) {
    white-space: nowrap !important;
    font-size: 9px !important;
    letter-spacing: -.2px !important;
  }
  #main #linesBox #linesTbl.lines-model-description tbody tr.mobile-line-ready td:first-child,
  #main #linesBox #linesTbl.lines-model-description thead th:first-child {
    text-align: left !important;
  }
}
