/* RotoBaller — NFL Most Added / Dropped: addon on top of rankings-mobile-cards.css (the look) and
 * nfl-player-stats.css (full-width net, title, logos, search pill). Only add/drop specifics live here.
 */

/* ── page frame ──
 * The stats tool's CSS (nfl-player-stats.css) is loaded for its unscoped #rb-mc rules (title, logos, search,
 * card tiles), but its body.rb-nps-on width net also widens the theme's header bars, so this page doesn't
 * use that class. The full-width NEW template already centers a ~1308px column; only the content
 * wrappers inside it are reset, never the header's .grid_960 containers. */
body.rb-nad-on #searchform,
body.rb-nad-on .div_player_search { display: none !important; }

/* #main-container is itself a .grid_960, fixed at 1308px by the template between 601px and 1307px wide,
 * which overflowed tablets and small laptops. Widen it (and #content) by id; the header bars' .grid_960
 * containers (#nav1, #header, #nav2) stay untouched. */
body.rb-nad-on #main-container,
body.rb-nad-on #content,
body.rb-nad-on .entry-content,
body.rb-nad-on .entry,
body.rb-nad-on .post,
body.rb-nad-on article {
	width: 100% !important; max-width: 100% !important;
	margin: 0 !important; padding: 0 !important; float: none !important;
}
body.rb-nad-on #rb-mc {
	max-width: 1320px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 16px !important;
	padding-right: 16px !important;
	box-sizing: border-box !important;
}
@media (max-width: 600px) {
	body.rb-nad-on #rb-mc { padding-left: 6px !important; padding-right: 6px !important; }
}

/* Section dividers: only ours (the reused rankings CSS draws lines on its own shared keys) */
body.rb-nad-on #rb-mc .rb-mc-h-c,
body.rb-nad-on #rb-mc .rb-mc-c { box-shadow: none; }
body.rb-nad-on #rb-mc .rb-mc-h-c.rb-mc-sep,
body.rb-nad-on #rb-mc .rb-mc-c.rb-mc-sep { box-shadow: inset -1px 0 0 0 #e6e9ed; }

@media (min-width: 601px) {
	/* Narrower frozen name column than the rankings tool's 280px; sticky POS/TEAM offsets follow it */
	body.rb-nad-on #rb-mc .rb-mc-list,
	body.rb-nad-on #rb-mc .rb-mc-head { --rb-nameW: 212px; }

	/* Selects size to their labels ("Any % Rostered" truncated at the rankings tool's fixed 138px) */
	body.rb-nad-on #rb-mc .rb-mc-sel { width: auto !important; min-width: 0 !important; padding-right: 30px; }
}

/* "PLAYER" header label left-aligned like the names below it */
body.rb-nad-on #rb-mc .rb-mc-head .rb-mc-name {
	align-items: flex-start !important;
	justify-content: center !important;
}

/* Two-line column headers ("Y!\nROST", "ESPN\n+/-") */
body.rb-nad-on #rb-mc .rb-mc-h-c { white-space: pre-line !important; line-height: 1.04; }

/* Most Added / Most Dropped toggle — the headline control, a touch heavier than the others */
#rb-mc .rb-nad-move .rb-mc-tg { font-weight: 700; }
#rb-mc .rb-nad-move .rb-mc-tg[data-m="add"].on { background: #16a34a; border-color: #16a34a; color: #fff; }
#rb-mc .rb-nad-move .rb-mc-tg[data-m="drop"].on { background: #dc2626; border-color: #dc2626; color: #fff; }

/* Primary metric chip (adds / drops / ESPN change), LineupExperts-style */
#rb-mc .rb-nad-chip {
	display: inline-block; min-width: 46px; padding: 3px 7px; border-radius: 6px;
	font-weight: 700; font-size: 13px; line-height: 1.2; text-align: center; font-variant-numeric: tabular-nums;
}
#rb-mc .rb-nad-chip.up { background: #e8f6ee; color: #12813c; }
#rb-mc .rb-nad-chip.down { background: #fdecec; color: #c42020; }
#rb-mc .rb-nad-chip.flat { background: #f1f3f5; color: #6b7280; }

#rb-mc .rb-nad-net { font-weight: 600; font-variant-numeric: tabular-nums; }
#rb-mc .rb-nad-net.up { color: #12813c; }
#rb-mc .rb-nad-net.down { color: #c42020; }
#rb-mc .rb-nad-na { color: #c3c8ce; }

/* Injury tag next to the name (SDIO status) */
#rb-mc .rb-nad-inj {
	display: inline-block; margin-left: 5px; padding: 1px 4px; border-radius: 4px;
	background: #fdecec; color: #c42020; font-size: 10px; font-weight: 800; line-height: 1.3; vertical-align: middle;
}

/* The page H1 sits inside the tool's top bar */
body.rb-nad-on #rb-mc h1.rb-nps-top-h { padding: 0; border: 0; }

@media (max-width: 600px) {
	#rb-mc .rb-nad-chip { min-width: 0; padding: 2px 5px; font-size: 12px; }
}

/* Shown when a source's latest fetch failed and the board falls back to its last good numbers */
#rb-mc .rb-nad-stale {
	margin: 8px 0; padding: 8px 12px; border-radius: 8px;
	background: #fff8e1; color: #7a5a00; font-size: 13px; line-height: 1.35;
}