/**
 * player-tools-common.css — rules Next Player Up and Model vs. Market share.
 *
 * Loaded by both pages (and their /my-dash/ widgets) before the page's own
 * stylesheet. Injury badges, IN/OUT chips, the legend and the excluded-row
 * styling are in player-injury-common.css, which more pages use.
 *
 * Only rules that do not depend on where they sit in the cascade belong here.
 * The loading shimmer stays in each page's stylesheet: it has to follow that
 * page's skeleton rules to override them.
 */

/* ---- Drill-down menu (each page sets where the menu anchors) ---- */
.drill-dropdown { position: relative; display: inline-block; }
.drill-menu {
    display: none;
    position: absolute;
    top: 100%;
    background: #fff;
    border: 1px solid var(--tmb-gray-300);
    border-radius: 6px;
    box-shadow: 0 4px 12px var(--tmb-black-15);
    z-index: 1000;
    min-width: 90px;
    margin-top: 4px;
}
.drill-menu a {
    display: block;
    padding: 6px 14px;
    font-size: 0.75rem;
    color: var(--tmb-gray-900);
    text-decoration: none;
    white-space: nowrap;
}
.drill-menu a:hover {
    background: var(--tmb-gray-100);
    color: var(--tmb-blue);
}
.drill-menu a:first-child { border-radius: 6px 6px 0 0; }
.drill-menu a:last-child { border-radius: 0 0 6px 6px; }
.drill-dropdown.open .drill-menu { display: block; }

/* ---- Prop line tooltip ---- */
.prop-tooltip {
    position: absolute;
    z-index: 9999;
    background: var(--tmb-navy-900);
    color: var(--tmb-gray-100);
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 0.72rem;
    box-shadow: 0 4px 16px var(--tmb-black-30);
    white-space: nowrap;
    pointer-events: none;
}
.prop-tooltip-header {
    font-weight: 700;
    color: var(--tmb-blue-300);
    margin-bottom: 4px;
    font-size: 0.7rem;
    letter-spacing: 0.5px;
}
.prop-tooltip-row {
    display: flex;
    gap: 12px;
    padding: 2px 0;
    align-items: center;
}
.prop-tooltip-row + .prop-tooltip-row {
    border-top: 1px solid var(--tmb-white-10);
}
.prop-book {
    min-width: 80px;
    color: var(--tmb-gray-400);
}
.prop-line {
    font-weight: 700;
    color: #fff;
    min-width: 35px;
    text-align: right;
}
.prop-odds {
    color: var(--tmb-gray-600);
    font-size: 0.65rem;
}