/* Hashlabs shared table styles — included on pages with .m-table */

/* ── Clickable model cell ─────────────────────────────────────────────────── */
.m-model-link{display:inline-flex;align-items:center;gap:0.5rem;color:inherit;text-decoration:none}
.m-model{white-space:normal;max-width:140px}
.m-thumb{width:38px;height:38px;object-fit:contain;flex-shrink:0}
.m-go{color:var(--text-dim);font-size:0.95rem;transition:color 0.2s,transform 0.2s}
tr.m-row:hover .m-go{color:var(--purple-light);transform:translateX(2px)}
tr.m-row:hover .m-model{color:var(--purple-light)}

/* ── Header info tooltip ──────────────────────────────────────────────────── */
.m-info{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;border:1px solid var(--text-dim);color:var(--text-dim);border-radius:50%;font-size:0.58rem;font-weight:700;font-style:italic;margin-left:0.4rem;cursor:help;position:relative;vertical-align:middle;text-transform:none;letter-spacing:0}
.m-info:hover,.m-info:focus{border-color:var(--purple-light);color:var(--purple-light);outline:none}
.m-info::after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);right:-6px;left:auto;width:240px;box-sizing:border-box;white-space:normal;word-break:normal;overflow-wrap:break-word;text-align:left;background:#1a1a1a;border:1px solid var(--border);border-radius:6px;padding:0.7rem 0.85rem;font-size:0.72rem;font-weight:400;font-style:normal;line-height:1.6;color:var(--text-muted);text-transform:none;letter-spacing:0;opacity:0;visibility:hidden;transition:opacity 0.15s;z-index:50;box-shadow:0 8px 24px rgba(0,0,0,0.6);pointer-events:none}
.m-info:hover::after,.m-info:focus::after{opacity:1;visibility:visible}

/* ── Table ────────────────────────────────────────────────────────────────── */
.m-table-wrap{overflow-x:auto;width:100%;margin-bottom:0.75rem;scroll-snap-type:x mandatory}
table.m-table{width:100%;border-collapse:collapse;font-size:0.82rem;min-width:900px;border:1px solid var(--border-subtle);border-radius:8px}
.m-table thead tr:first-child th:first-child{border-radius:8px 0 0 0}
.m-table thead tr:first-child th:last-child{border-radius:0 8px 0 0}
.m-table tbody tr:last-child td:first-child{border-radius:0 0 0 8px}
.m-table tbody tr:last-child td:last-child{border-radius:0 0 8px 0}
.m-table th{font-size:0.62rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:var(--text-dim);text-align:center;padding:0.6rem 0.5rem;border-bottom:1px solid var(--border-subtle);position:relative;overflow:visible;background:var(--dark-card);vertical-align:middle;scroll-snap-align:start}
.m-table th.sortable{cursor:pointer;user-select:none}
.m-table th.sortable:hover{color:var(--text-muted)}
.m-table th .arrow{color:var(--purple-light);font-size:0.6rem;margin-left:0.25rem}
.m-table td{padding:0.55rem 0.5rem;border-bottom:1px solid var(--border-subtle);color:var(--text);font-weight:300;white-space:nowrap;text-align:center;vertical-align:middle}
.m-table th:first-child,.m-table td:first-child{text-align:left;position:sticky;left:0;z-index:1}
.m-table th:first-child{background:var(--dark-card)}
.m-table td:first-child{background:var(--dark);white-space:normal;vertical-align:middle}
.m-table tbody tr.m-row:hover td:first-child{background:var(--dark-lift)}
.m-table tbody tr:last-child td{border-bottom:none}
.m-table tbody tr.m-row{cursor:pointer}
.m-table tbody tr.m-row:hover{background:var(--dark-lift)}
.m-table tbody tr:hover{background:var(--dark-lift)}

/* ── Cell value styles ────────────────────────────────────────────────────── */
.m-model{color:var(--text);font-weight:600}
.m-eff{color:var(--text);font-weight:500}
.m-rev{color:var(--text);font-weight:500}
.m-net{color:var(--text);font-weight:500}
.m-net.neg{color:var(--text)}
.m-table .m-margin{font-weight:600}

/* ── Cooling badges ───────────────────────────────────────────────────────── */
.m-cool{font-size:0.6rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:0.18rem 0.55rem;border-radius:3px}
.m-cool-air{background:rgba(255,255,255,0.06);color:var(--text-muted)}
.m-cool-hydro{background:rgba(7,190,184,0.12);color:var(--teal)}
.m-cool-imm{background:rgba(237,125,58,0.12);color:var(--orange)}

/* ── Mobile ───────────────────────────────────────────────────────────────── */
@media(max-width:767px){
  .m-thumb{display:none}
}