/* Kickers (Fantasy), in the toolkit's look and to docs/TOOLS-DESIGN-GUIDE.md: tokens only, sharp corners, orange
   and shades of orange only. The control bar is Checking the Boxes' (ctb.css); the board is Matchups' Overview. */

/* The card every tool sits in (stacks-jm-theme.css lists its panels by id; this one isn't there). */
body.stx-look-jm #ows-stacks #stx-panel-kickers{
  margin-top:0;padding:4px 30px 26px;
  border:1px solid var(--line);border-top:0;border-radius:0 0 2px 2px;
  background:var(--jm-card-bg);box-shadow:0 18px 50px -18px rgba(22,19,15,.35)
}
#ows-stacks .stx-kick .stx-note-d{margin:0 0 14px}

/* Search, at the end of the control line */
#ows-stacks .stx-kick-find{margin-left:auto;min-width:220px}
body #ows-stacks .stx-kick .stx-kick-find input{box-sizing:border-box;height:36px;width:100%;margin:0;padding:0 11px;border:1.5px solid var(--ink);border-radius:4px;background:var(--page);font:500 14px/1 var(--sans);color:var(--ink)}
#ows-stacks p.stx-kick-basis{margin:0 0 14px;font:500 13px/1.4 var(--sans);color:var(--muted)}
#ows-stacks p.stx-kick-credit{margin:16px 0 0;font:500 12px/1.4 var(--sans);color:var(--jm-ink-3,var(--muted))}
#ows-stacks .stx-kick-tag{display:inline-block;margin-left:6px;padding:3px 5px;border:1px solid var(--line);border-radius:2px;font:700 10px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);vertical-align:2px;white-space:nowrap}
#ows-stacks .stx-kick-none{padding:10px 6px;color:var(--muted);font:500 13px/1.4 var(--sans);margin:0}

/* ---- Overview: the top-10 board (Matchups' Overview pattern), 3 + 3 ---- */
#ows-stacks .stx-kick-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px}
#ows-stacks .stx-kick-list h4{margin:0;display:grid;grid-template-columns:minmax(0,1fr) 48px 62px;gap:8px;align-items:end;padding:0 6px 6px;border-bottom:1px solid var(--line);font:700 11px/1.25 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--jm-ink-3,var(--muted))}
#ows-stacks .stx-kick-t{display:block;color:var(--ink);font-size:12px}
#ows-stacks .stx-kick-r{display:grid;grid-template-columns:20px minmax(0,1fr) 48px 62px;gap:8px;align-items:center;padding:7px 6px;border-bottom:1px solid var(--line);background:#fffdfb;cursor:pointer}
#ows-stacks .stx-kick-r:nth-child(odd){background:#f8f5f0}
#ows-stacks .stx-kick-r:hover,#ows-stacks .stx-kick-r.is-open{background:var(--hit)}
#ows-stacks .stx-kick-n{color:var(--jm-ink-3,var(--muted));font:700 12px/1 var(--sans)}
#ows-stacks .stx-kick-nm{min-width:0}
#ows-stacks .stx-kick-nm b{display:block;font:700 15px/1.2 var(--sans);color:var(--ink);white-space:nowrap}
#ows-stacks .stx-kick-nm small{display:block;font:500 12px/1.35 var(--sans);color:var(--jm-ink-3,var(--muted))}
#ows-stacks .stx-kick-own{font:600 13px/1.2 var(--sans);color:var(--muted);text-align:center;white-space:nowrap}
#ows-stacks .stx-kick-num{text-align:center;font:700 14px/1 var(--sans);color:var(--ink);padding:7px 4px;border-radius:2px;font-variant-numeric:tabular-nums}
#ows-stacks .stx-kick-why{grid-column:2/-1;display:none;padding:2px 0 4px;font:500 13px/1.45 var(--sans);color:var(--muted)}
#ows-stacks .stx-kick-r.is-open .stx-kick-why{display:block}
body #ows-stacks .stx-kick button.stx-kick-more{all:unset;cursor:pointer;display:block;padding:8px 6px 0;font:700 13px/1.2 var(--sans);color:var(--orange-dark)}
body #ows-stacks .stx-kick button.stx-kick-more:hover{text-decoration:underline;text-decoration-color:var(--orange)}

/* ---- Full list and Defenses: one sortable table each ---- */
#ows-stacks .stx-kick-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
#ows-stacks .stx-kick-scroll{overflow-x:auto}
#ows-stacks table.stx-kick-table{width:100%;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums}
#ows-stacks table.stx-kick-table th{padding:0 6px 6px;border-bottom:1px solid var(--line);text-align:right;vertical-align:bottom;white-space:nowrap;font:700 11px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--jm-ink-3,var(--muted));background:none}
#ows-stacks table.stx-kick-table th small{display:block;font:500 10.5px/1.25 var(--sans);letter-spacing:.02em;text-transform:none;white-space:normal;max-width:118px;margin-left:auto}
/* Long headings take two lines rather than pushing the table past the card (1440: 12 columns in ~1040px) */
#ows-stacks table.stx-kick-table th.stx-sortable{white-space:normal;max-width:118px}
#ows-stacks table.stx-kick-table th.stx-sortable{cursor:pointer}
#ows-stacks table.stx-kick-table th.stx-sortable:hover,#ows-stacks table.stx-kick-table th.is-on{color:var(--ink)}
#ows-stacks table.stx-kick-table th .stx-kick-arrow{color:var(--orange-dark)}

/* ---- a kicker's detail and game log (opens in place; Passing Games' +/- box) ---- */
body #ows-stacks .stx-kick button.stx-kick-exp{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:6px;border:1.5px solid var(--ink);border-radius:4px;font:800 13px/1 var(--sans);color:var(--ink);vertical-align:-3px;cursor:pointer}
body #ows-stacks .stx-kick button.stx-kick-exp[aria-expanded="true"]{background:var(--orange);border-color:var(--orange);color:#fff}
body #ows-stacks .stx-kick button.stx-kick-exp:focus-visible{outline:2px solid var(--orange);outline-offset:1px}
#ows-stacks .stx-kick-r > *{min-width:0}
#ows-stacks tr.stx-kick-exprow{cursor:pointer}
#ows-stacks table.stx-kick-table tr.stx-kick-exprow.is-open > td{background:var(--hit)}
#ows-stacks .stx-kick-why.is-shown{display:block}
#ows-stacks table.stx-kick-table tr.stx-kick-logrow > td{white-space:normal;text-align:left;background:var(--page);padding:6px 10px 14px;cursor:default}
#ows-stacks .stx-kick-r .stx-kick-why{cursor:default;grid-column:1/-1}
#ows-stacks .stx-kick-lg-h{display:block;margin:10px 0 5px;font:700 11px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--jm-ink-3,var(--muted))}
#ows-stacks .stx-kick-logbox{margin:6px 0 4px;max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:2px;background:#fffdfb}
body #ows-stacks .stx-kick table.stx-kick-log{display:table;width:100%;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums}
body #ows-stacks .stx-kick table.stx-kick-log thead{display:table-header-group}
body #ows-stacks .stx-kick table.stx-kick-log tbody{display:table-row-group}
body #ows-stacks .stx-kick table.stx-kick-log tfoot{display:table-footer-group}
body #ows-stacks .stx-kick table.stx-kick-log tr{display:table-row;padding:0;border:0}
body #ows-stacks .stx-kick table.stx-kick-log :is(th,td){display:table-cell;width:auto;padding:5px 6px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;vertical-align:middle;font:400 13px/1.3 var(--sans);color:var(--ink)}
body #ows-stacks .stx-kick table.stx-kick-log th{font:700 10.5px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--jm-ink-3,var(--muted));vertical-align:bottom;background:none}
body #ows-stacks .stx-kick table.stx-kick-log :is(th,td)::before{content:none}
body #ows-stacks .stx-kick table.stx-kick-log :is(th,td):nth-child(-n+2){text-align:left}
body #ows-stacks .stx-kick table.stx-kick-log :is(th,td) small{display:inline;margin:0;font:500 11.5px/1.2 var(--sans);color:var(--jm-ink-3,var(--muted))}
body #ows-stacks .stx-kick table.stx-kick-log th small{display:block;letter-spacing:.02em;text-transform:none}
body #ows-stacks .stx-kick table.stx-kick-log tfoot td{border-top:1.5px solid var(--ink);border-bottom:0;font-weight:700;background:var(--surface)}
body #ows-stacks .stx-kick table.stx-kick-log td b{font:700 13px/1.2 var(--sans)}
body #ows-stacks .stx-kick button.stx-kick-kbtn{all:unset;display:block;cursor:pointer;padding:1px 0;font:500 12px/1.4 var(--sans);color:var(--ink);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}
body #ows-stacks .stx-kick button.stx-kick-kbtn:hover,body #ows-stacks .stx-kick button.stx-kick-kbtn.is-open{color:var(--orange-dark);text-decoration-color:var(--orange)}
body #ows-stacks .stx-kick button.stx-kick-kbtn.is-open{font-weight:700}
#ows-stacks table.stx-kick-table td{padding:8px 6px;border-bottom:1px solid var(--line);background:#fffdfb;text-align:right;vertical-align:middle;white-space:nowrap;font:400 14px/1.3 var(--sans);color:var(--ink)}
#ows-stacks table.stx-kick-table tbody tr:nth-child(even) td{background:#f8f5f0}
#ows-stacks table.stx-kick-table tbody tr:hover td{background:var(--hit)}
#ows-stacks table.stx-kick-table td.stx-kick-sh[style*="background"],#ows-stacks table.stx-kick-table td[style*="background"]{background-clip:padding-box}
#ows-stacks table.stx-kick-table :is(th,td).stx-kick-first{text-align:left}
#ows-stacks table.stx-kick-table td b{font:700 15px/1.2 var(--sans)}
#ows-stacks table.stx-kick-table td small{display:block;font:500 12px/1.3 var(--sans);color:var(--jm-ink-3,var(--muted))}
#ows-stacks .stx-kick-nw{white-space:nowrap}
#ows-stacks .stx-kick-wrap{white-space:normal;max-width:240px;margin-left:auto}


@media (max-width:760px){
  body.stx-look-jm #ows-stacks #stx-panel-kickers{padding:4px 14px 22px}
  #ows-stacks .stx-kick-board{grid-template-columns:1fr}
  #ows-stacks .stx-kick-find{margin-left:0;width:100%;min-width:0;flex:1 1 100%}
  #ows-stacks .stx-kick-r{grid-template-columns:20px minmax(0,1fr) 42px 56px;gap:6px}
  #ows-stacks table.stx-kick-table thead{display:none}
  #ows-stacks table.stx-kick-table,#ows-stacks table.stx-kick-table tbody,#ows-stacks table.stx-kick-table tr,#ows-stacks table.stx-kick-table td{display:block;width:100%;box-sizing:border-box}
  #ows-stacks table.stx-kick-table tr{border-bottom:1px solid var(--line);padding:8px 0}
  #ows-stacks table.stx-kick-table td{border:0;padding:3px 6px;text-align:left;white-space:normal}
  #ows-stacks table.stx-kick-table tbody tr td{background:transparent}
  #ows-stacks table.stx-kick-table td[data-l]::before{content:attr(data-l);display:inline-block;min-width:118px;margin-right:10px;font:700 11px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--jm-ink-3,var(--muted))}
  #ows-stacks table.stx-kick-table td small{display:inline;margin-left:8px}
  #ows-stacks table.stx-kick-table td.stx-kick-first small{display:block;margin-left:0}
  #ows-stacks table.stx-kick-table td b{font-size:14px}
  #ows-stacks table.stx-kick-table td.stx-kick-wide{display:none}
}