/* Row tooltip — paired with public/js/partial/support/row-tooltip.js.
   Any element carrying data-row-detail="..." gets an instant hover tooltip;
   the .row-detail class adds the help cursor + subtle hover background on
   table rows. Stand-alone, no Bootstrap dependency. */

.row-tooltip {
    position: fixed;
    z-index: 9999;
    background: #2a2f36;
    color: #f5f7fa;
    padding: 8px 10px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 1.45;
    max-width: 480px;
    white-space: pre-wrap;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .18);
    pointer-events: none;
}

.row-detail { cursor: help; }
.row-detail:hover td { background: #f7faff; }