/* HPT table view specific styles */

body { font-size: 0.88rem; }

/* View toggle button */
.btn-cardview { background: white; color: var(--bs-success); border: none; font-weight: 600; font-size: 0.82rem; padding: 0.4rem 1rem; border-radius: 4px; text-decoration: none; white-space: nowrap; }
.btn-cardview:hover { background: var(--hpt-gold-light); color: var(--hpt-gold); }

/* DataTables overrides */
table.dataTable thead th { background: var(--bs-success) !important; color: white !important; font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; white-space: nowrap; padding: 0.5rem 0.65rem; border-bottom: none !important; }
table.dataTable thead th.subh { background: #e8f5e9 !important; color: var(--bs-success) !important; font-size: 0.67rem; padding: 0.28rem 0.65rem; }
table.dataTable tbody td { padding: 0.32rem 0.65rem; font-size: 0.8rem; vertical-align: middle; border-bottom: 1px solid #f0f4f0 !important; }
table.dataTable tbody tr:hover > td { background: #f1f8f1 !important; }
table.dataTable tbody td.mn { font-family: monospace; }
table.dataTable tbody td.nc a { color: var(--bs-success); font-weight: 600; text-decoration: none; text-transform: capitalize; }
table.dataTable tbody td.nc a:hover { text-decoration: underline; }
table.dataTable tbody td.casc { font-family: monospace; font-size: 0.73rem; color: var(--hpt-muted); }

.dt-layout-row { padding: 0.6rem 0.25rem; }
.dt-search input, .dt-length select { border: 1.5px solid var(--hpt-border); border-radius: 5px; font-size: 0.83rem; padding: 0.28rem 0.6rem; }
.dt-search input:focus { border-color: var(--bs-success); outline: none; box-shadow: 0 0 0 3px rgba(25,135,84,0.12); }
.dt-paging .page-link { color: var(--bs-success); }
.dt-paging .page-item.active .page-link { background: var(--bs-success); border-color: var(--bs-success); }

/* Multi-value cells */
.cmulti { border-bottom: 2px dashed var(--hpt-gold); cursor: pointer; display: inline-block; font-family: monospace; }
.nbadge { display: inline-block; margin-left: 3px; background: var(--hpt-gold); color: white; font-size: 0.59rem; font-weight: 700; padding: 0.05rem 0.26rem; border-radius: 2px; vertical-align: middle; }

/* Legend */
.legend-bar { display: flex; gap: 1rem; flex-wrap: wrap; font-size: 0.77rem; color: var(--hpt-muted); align-items: center; }
.legend-dash { width: 22px; border-bottom: 2px dashed var(--hpt-gold); display: inline-block; }

/* Popover - table view uses fixed positioning */
.hpopover { position: fixed; min-width: 220px; max-width: 295px; }
.pop-val { font-family: monospace; font-weight: 600; min-width: 66px; flex-shrink: 0; font-size: 0.79rem; }