/* ===================== trade.php ("trp-" prefix) =====================
   Moved out of trade.php's inline <style> block 2026-08-11 (continuing the page-by-page cleanup,
   see css/dyne.css's own header for the project). trade.php + its 4 require()'d includes
   (inc_trade_overview.php/inc_trade_search.php/inc_trade_tradeblock.php/inc_trade_detail.php)
   share this one file the same way they used to share trade.php's single inline <style> block —
   none of them have their own <head>, they're all require()'d into the same page load.

   .gmform-login-box (+ its "table" sub-rule) was ALSO duplicated verbatim inline in 16 other
   pages (admin_*, dyneplus.php, schedule.php, freeagents.php, etc.) — moved to css/dyne.css
   instead of here, since it's genuinely shared, not trade.php-specific. trade.php's own
   .gmform-msg-error/.gmform-msg-success stayed here rather than merging into dyne.css: those two
   have QUIETLY DIVERGED into two different variants across the 17 pages that define them (a
   plain "color+font-size" version on older un-redesigned pages vs. this page's "#content-scoped,
   !important, white bg + padding + border-radius" version) — verified by direct comparison before
   deciding NOT to touch this, flagging it as a separate future finding rather than guessing which
   variant should win sitewide.

   .rh-pill (+ all color variants) also removed from inc_trade_tradeblock.php's own former inline
   block — it was an exact duplicate of what the earlier roster.php pass (2026-08-11) already
   moved into css/dyne.css, so inc_trade_tradeblock.php now just relies on that instead of its own
   copy. The other rh-* rules inc_trade_tradeblock.php used (.rh-table/.rh-name-link/.rh-playerpic/
   .rh-player-cell/.rh-muted) are kept below with THIS page's own static colors — roster.php's
   versions of some of these now use CSS custom properties for per-team colors (see css/roster.css),
   which doesn't apply here (trade.php's tradeblock view isn't scoped to one team's colors). */

#content .gmform-msg-error { color: #b00000 !important; text-shadow: none !important; font-size: 13px; background-color: #ffffff; padding: 6px 10px; border-radius: 4px; margin: 0 0 10px; width: fit-content; }
#content .gmform-msg-success { color: #1a7a1a !important; text-shadow: none !important; font-size: 13px; background-color: #ffffff; padding: 6px 10px; border-radius: 4px; margin: 0 0 10px; width: fit-content; }

.trp-page { max-width: 1360px; margin: 0 auto; background: #ffffff; }
.trp-content { padding: 16px 20px 26px; box-sizing: border-box; }

/* Mode-Tabs (Uebersicht/Trade einreichen/Tradeblock/Suche) + Saison-Picker sitzen als
   seiteneigene Controls in der Hauptnav-Leiste (docs/CLAUDE.md "Page-local nav controls"),
   identisches Prinzip wie .fap-navtabs (freeagents.php) / .txp-navlocal (transactions.php). */
.trp-navtabs { display: flex; align-items: center; flex: 1 1 auto; flex-wrap: wrap; box-sizing: border-box; }
.trp-navtab.active { background-color: #1a2733; font-weight: 700; }
/* Angeglichen an den site-weiten Saison-Dropdown-Stil von draftpicks.php/halloffame.php
   (.dpp-select/.hof-select, User-Wunsch 2026-08-15 "gleicher Stil wie der Rest"). */
.trp-season-select { font-family: inherit; font-size: 12px; font-weight: 600; padding: 6px 10px; border-radius: 14px; border: 1px solid rgba(255,255,255,.35); background: rgba(255,255,255,.08); color: #fff; }
.trp-season-select:hover { border-color: rgba(255,255,255,.6); }
.trp-season-select option { color: #1b2733; background: #fff; }

/* !important + text-shadow:none noetig, da das extern gehostete Stylesheet (siehe
   docs/CLAUDE.md "Weisse Schrift auf weissem Hintergrund") h2/h3/h4 global weiss mit
   Schatten einfaerbt (fuer Header vor dunklem Hero-Bild) - ohne Override waeren diese
   Ueberschriften auf den weissen trp-panel-Flaechen unsichtbar. */
.trp-h2 { font-size: 20px; font-weight: 800; color: #2c3e50 !important; text-shadow: none !important; margin: 4px 0 14px; }

.trp-panel { background: #fff; border: 1px solid #dde1e6; border-radius: 6px; padding: 16px 18px; margin-bottom: 18px; }
.trp-panel h3 { margin: 0 0 10px; font-size: 15px; font-weight: 800; color: #2c3e50 !important; text-shadow: none !important; }
.trp-panel h4 { margin: 16px 0 6px; font-size: 11px; text-transform: uppercase; letter-spacing: .04em; font-weight: 700; color: #66707c !important; text-shadow: none !important; }
.trp-empty-note { font-size: 12.5px; color: #8b95a1; }

.trp-btn { font-family: inherit; font-size: 12px; font-weight: 600; padding: 7px 14px; border-radius: 5px; cursor: pointer; border: 1px solid #2c3e50; background: transparent; color: #2c3e50; text-decoration: none; display: inline-block; }
.trp-btn:hover { background: #eef1f4; }
.trp-btn.primary { background: #2c3e50; color: #fff; }
.trp-btn.primary:hover { background: #1a2733; }
.trp-btn:disabled { opacity: .4; cursor: not-allowed; }
.trp-btn.primary:disabled:hover { background: #2c3e50; }
.trp-btn.danger { border-color: #b00000; color: #b00000; }
.trp-btn.danger:hover { background: #fdeceb; }
.trp-btn.small { padding: 4px 10px; font-size: 11px; }

.trp-actionbar { position: sticky; bottom: 0; background: #fff; border-top: 2px solid #2c3e50; padding: 10px 16px; margin-top: 14px; box-shadow: 0 -2px 6px rgba(0,0,0,.15); display: flex; gap: 10px; flex-wrap: wrap; align-items: center; z-index: 100; }

.trp-table-scroll { overflow-x: auto; margin-bottom: 10px; }
table.trp-table { width: 100%; border-collapse: collapse; font-size: 12px; background: #fff; }
.trp-table thead th { background: #2c3e50; color: #fff; font-weight: 700; text-align: center; padding: 7px 6px; white-space: nowrap; }
.trp-table thead th.left { text-align: left; padding-left: 10px; }
.trp-table tbody td { padding: 6px; text-align: center; border-bottom: 1px solid #e2e4e7; vertical-align: middle; }
.trp-table tbody td.left { text-align: left; padding-left: 10px; }
.trp-table tbody tr:nth-child(odd) { background: #fff; }
.trp-table tbody tr:nth-child(even) { background: #f5f6f8; }
.trp-table tbody tr:hover { background: #eaf1f8; }
.trp-table tr.trp-sum td { font-weight: 700; background: #f3f3f3; }
.trp-asset-dest-select { font-family: inherit; font-size: 12px; padding: 3px 4px; border-radius: 4px; border: 1px solid #ccd3da; }

.trp-pill { display: inline-block; font-size: 10px; font-weight: 600; padding: 2px 8px; border-radius: 9px; white-space: nowrap; border: 1px solid #c8ccd1; background: #f1eee8; color: #5f5e5a; }
.trp-pill.gold { background: #8a6d00; color: #fff; border-color: #8a6d00; }
.trp-pill.amber { background: #a15c00; color: #fff; border-color: #a15c00; }
.trp-pill.red { background: #b00000; color: #fff; border-color: #b00000; }
.trp-pill.green { background: #1a7a1a; color: #fff; border-color: #1a7a1a; }
.trp-pill.gray { background: #666666; color: #fff; border-color: #666666; }
.trp-pill.sperre { background: #fbe0df; color: #a41f19; border-color: #e79a95; }

/* .trp-teampill moved to css/dyne.css (2026-08-11) - transactions.php reuses the exact same
   class via trp_team_pill() (inc_trade_functions.php), confirmed byte-identical duplicate. */

.trp-team-select { display: flex; flex-wrap: wrap; gap: 8px 12px; }
.trp-team-chip { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; padding: 6px 10px; border: 1px solid #ccd3da; border-radius: 6px; cursor: pointer; }
.trp-team-chip:has(input:checked) { border-color: #2c3e50; background: #eef1f4; font-weight: 600; }
.trp-tag-you { font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; color: #0c447c; background: #e7f2ff; border: 1px solid #85b7eb; border-radius: 8px; padding: 1px 5px; }

.trp-summary { margin: 10px 0; padding: 8px 12px; background: #f4f6f8; border: 1px solid #dde1e6; border-radius: 6px; font-size: 12.5px; }

.trp-teambox-header { display: flex; align-items: center; gap: 10px; }
.trp-teambox-header img { height: 44px; }

/* Trade-Suche (inc_trade_search.php) - identisches Muster wie .txp-filters/.txp-msdropdown
   in transactions.php (User-Wunsch: "aehnlich wie bei transactions.php"). */
.trp-filters { background: #f4f6f8; border: 1px solid #dde1e6; border-radius: 6px; padding: 14px 16px; margin-bottom: 14px; }
.trp-filter-row { display: flex; align-items: flex-end; gap: 12px; flex-wrap: wrap; }
.trp-field { display: flex; flex-direction: column; gap: 4px; flex: 0 1 auto; }
.trp-field.trp-field-grow { flex: 1 1 220px; }
.trp-field label { font-size: 10px; text-transform: uppercase; letter-spacing: .04em; color: #66707c; font-weight: 700; }
.trp-field-hint { text-transform: none; font-weight: 400; color: #a9b0b8; letter-spacing: normal; }
.trp-search { width: 100%; padding: 7px 10px; border-radius: 5px; border: 1px solid #ccd3da; font-size: 12.5px; color: #1b2733; font-family: inherit; box-sizing: border-box; }
.trp-filter-actions { display: flex; gap: 8px; }

.trp-msdropdown { position: relative; min-width: 170px; }
.trp-ms-toggle { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 8px; font-family: inherit; font-size: 12px; padding: 7px 10px; border-radius: 5px; border: 1px solid #ccd3da; background: #fff; color: #1b2733; cursor: pointer; box-sizing: border-box; }
.trp-ms-toggle:hover { border-color: #a9b0b8; }
.trp-ms-chevron { flex-shrink: 0; transition: transform .15s ease; color: #66707c; }
.trp-msdropdown.open .trp-ms-chevron { transform: rotate(180deg); }
.trp-ms-panel { position: absolute; top: calc(100% + 4px); left: 0; z-index: 20; min-width: 100%; max-height: 260px; overflow-y: auto; background: #fff; border: 1px solid #ccd3da; border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,.12); padding: 6px; }
.trp-ms-option { display: flex; align-items: center; gap: 7px; padding: 5px 6px; border-radius: 4px; font-size: 12.5px; color: #1b2733; cursor: pointer; white-space: nowrap; }
.trp-ms-option:hover { background: #eef1f4; }
.trp-ms-option input { margin: 0; flex-shrink: 0; }

.trp-results { transition: opacity .15s ease; }
.trp-empty { text-align: center; padding: 30px; color: #66707c; font-size: 14px; }

/* ----- inc_trade_tradeblock.php's rh-* rules (this page's own static colors, not team-colored
   like roster.php's version - see file header above) ----- */
.rh-table { width: 100%; border-collapse: collapse; background: #fff; font-size: 11.5px; margin-bottom: 20px; }
.rh-table thead th { background: #2c3e50; color: #ffffff; font-weight: 700; padding: 6px 4px; text-align: center; white-space: nowrap; }
.rh-table thead th.left { text-align: left; padding-left: 8px; }
.rh-table tbody td { padding: 5px 4px; text-align: center; border-bottom: 1px solid #e2e4e7; vertical-align: middle; }
.rh-table tbody td.left { text-align: left; padding-left: 8px; }
.rh-table tbody tr:nth-child(odd) { background: #fff; }
.rh-table tbody tr:nth-child(even) { background: #f3f3f3; }
.rh-table tbody tr:hover { background: #eef3fa; }
.rh-name-link { color: #2c3e50; text-decoration: underline; font-weight: 500; }
.rh-playerpic { width: 32px; height: 32px; object-fit: cover; border-radius: 3px; display: block; margin: 0 auto; }
.rh-player-cell { display: flex; align-items: center; gap: 6px; }
.rh-player-cell .rh-playerpic { margin: 0; }
.rh-muted { color: #a9b0b8; }
