/* Compact scouting table with the editorial title. */
#window[data-window="watchlist"]{width:760px;max-width:calc(100vw - 32px);max-height:calc(100svh - 40px);padding:0;background:#050505;color:#edede8;border:1px solid #2a2a28;border-radius:18px;box-shadow:0 24px 80px #0008;overflow:auto;scrollbar-width:thin;scrollbar-color:#383834 #050505;font-family:Inter,Arial,sans-serif}
#window[data-window="watchlist"]::backdrop{background:#000a;backdrop-filter:blur(8px)}
#window[data-window="watchlist"] .window-heading{padding:28px 30px 24px;min-height:0;border:0;background:none;gap:16px}
#window[data-window="watchlist"] .window-heading::after,#window[data-window="watchlist"] .window-heading .wordmark{display:none}
#window[data-window="watchlist"] .window-heading #window-title{margin:0;color:#f2f2ec;font:italic 800 43px/.95 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:0}
#window[data-window="watchlist"] .window-heading .icon-button{width:34px;height:34px;min-width:34px;padding:7px;color:#a7a79f;border:0;border-radius:50%;background:transparent;box-shadow:none}
#window[data-window="watchlist"] .window-heading .icon-button:hover{background:#ffffff0b;color:white}
#window[data-window="watchlist"] .window-body{padding:0}
#window[data-window="watchlist"] :is(button,a,input):focus-visible{outline:2px solid #c8cdc0;outline-offset:3px}
.wl-shell{padding:0 30px 0}.wl-shell *{box-sizing:border-box}
.wl-shell svg{display:block;width:17px;height:17px;flex:none}
.wl-toolbar{display:flex;gap:10px;align-items:center}
.wl-search{height:38px;display:flex;align-items:center;gap:9px;flex:1;min-width:0;padding:0 12px;border:1px solid #252525;border-radius:8px;background:#101010;color:#808079}
.wl-search input{width:100%;min-width:0;border:0;background:none;color:#edede8;font:400 12px/1.3 Inter,Arial,sans-serif;outline:none}
.wl-search input::placeholder{color:#787871}
.wl-add{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 11px;border:1px solid #2d2d28;border-radius:8px;background:#111110;color:#deded7;font:500 11px/1.3 Inter,Arial,sans-serif;cursor:pointer;white-space:nowrap}
.wl-add:hover{background:#20201c;color:#fff}.wl-add:disabled{opacity:.55;cursor:wait}.wl-add svg{width:15px;height:15px}
.wl-count{display:flex;align-items:center;gap:5px;padding:0 0 0 5px;flex:none;color:#82827a;font-size:11px}.wl-count strong{font:500 12px/1 Inter,Arial,sans-serif;color:#b9b9b1}
.wl-filters{display:flex;gap:5px;margin:17px 0 21px}
.wl-filters button{min-height:32px;padding:7px 13px;border:0;border-radius:20px;background:none;color:#8a8a82;font:500 11px/1 Inter,Arial,sans-serif;cursor:pointer}
.wl-filters button[aria-pressed=true]{background:#242420;color:#eeeeea}
.wl-column-head,.wl-player-row{display:grid;grid-template-columns:minmax(0,1fr) 75px 115px 28px;gap:20px;align-items:center}
.wl-column-head{padding:0 0 10px;border-bottom:1px solid #292925;font:500 9px/1.4 Inter,Arial,sans-serif;color:#808079;text-transform:uppercase;letter-spacing:.08em}
.wl-column-head>span:not(:first-child){text-align:right}
.wl-items{display:flex;flex-direction:column;margin:0;gap:0}
.wl-player-row{min-width:0;min-height:72px;border:0;border-bottom:1px solid #20201e;border-radius:0;background:none;padding:0;overflow:hidden}
.wl-player-row:hover{background:#ffffff03}.wl-player-row[hidden],.wl-no-results[hidden]{display:none!important}
.wl-player{display:flex;align-items:center;gap:12px;min-width:0;min-height:72px;padding:8px 0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}
.wl-player:focus-visible{outline-offset:-3px!important}.wl-player.is-archived{cursor:default}
.wl-portrait{width:42px;height:52px;flex:none;display:grid;place-items:center;overflow:hidden;background:none;border:0;border-radius:0}
.wl-portrait img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}.wl-initials{font:600 22px/1 Inter,Arial,sans-serif;color:#767670}
.wl-identity{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.wl-identity>strong{font:550 14px/1.2 Inter,Arial,sans-serif;letter-spacing:-.2px;color:#e9e9e2;overflow-wrap:anywhere}
.wl-clubline{display:flex;align-items:center;gap:6px;font:400 10px/1.2 Inter,Arial,sans-serif;color:#898980}
.wl-clubline .club{position:static;display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:0;height:14px;padding:0;border:0;background:none;border-radius:0;flex:none}
.wl-clubline .crest,.wl-clubline .crest img{width:14px;height:14px;object-fit:contain}.wl-clubline>.club:not(.crest){display:none}
.wl-position{padding:0;border:0;background:none;color:#777770;font-size:9px}.wl-position::before{content:'·';margin-right:6px;color:#5b5b54}
.wl-snapshot{font:400 9px/1.4 Inter,Arial,sans-serif;color:#777770}.wl-open-arrow{display:none}
.wl-stat{display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:0;font-variant-numeric:tabular-nums}.wl-stat strong{font:550 15px/1.1 Inter,Arial,sans-serif;letter-spacing:-.3px;color:#e7e7e0;white-space:nowrap}
.wl-stat strong>span{font-size:9px;font-weight:400;letter-spacing:0;color:#818179}.wl-stat>small{font:400 9px/1.3 Inter,Arial,sans-serif;color:#777770}
.wl-stat .wl-change[data-trend=up]{color:#77b598}.wl-stat .wl-change[data-trend=down]{color:#d6888f}.wl-stat .wl-change[data-trend=flat]{color:#818179}.wl-mobile-label{display:none}
.wl-row-source{display:flex;align-items:center;justify-content:flex-end;gap:3px}.wl-kb{display:grid;place-items:center;color:#777a6e;cursor:help}.wl-kb svg{width:15px;height:15px}.wl-row-source:has(.wl-remove) .wl-kb{display:none}
.wl-remove{display:grid;place-items:center;flex:none;width:28px;height:32px;padding:6px;border:0;border-radius:6px;background:none;color:#777770;cursor:pointer}.wl-remove svg{width:14px;height:14px}.wl-remove:hover{color:#eee;background:#ffffff0b}
.wl-connection{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0;padding:17px 0;color:#83837b;font:400 10px/1.5 Inter,Arial,sans-serif;border:0;background:none;border-radius:0}.wl-connection>span{min-width:0;overflow-wrap:anywhere}.wl-connection a{color:#b4b4aa;text-decoration:none}.wl-connection .wl-add{border:0;background:none;padding:5px 0;min-height:30px;color:#b4b4aa;flex:none}
.wl-empty,.wl-awaiting{padding:40px 0;text-align:center;color:#888880;background:none;border:0}.wl-empty h4{font:500 15px/1.4 Inter,Arial,sans-serif;color:#b8b8b0;margin:0 0 16px}.wl-empty .wl-add{margin:auto}
.wl-no-results{padding:30px 0;text-align:center;color:#888880;font-size:12px}
.wl-error,.wl-session-note{font:400 11px/1.5 Inter,Arial,sans-serif;color:#d5b986;margin:12px 0}
@media(max-width:580px){
 #window[data-window="watchlist"]{max-width:calc(100vw - 20px);max-height:calc(100svh - 24px);border-radius:14px}
 #window[data-window="watchlist"] .window-heading{padding:24px 18px 20px}
 #window[data-window="watchlist"] .window-heading #window-title{font-size:36px}
 .wl-shell{padding-inline:18px}.wl-toolbar{gap:7px}.wl-toolbar>.wl-add{width:38px;padding:8px}.wl-toolbar>.wl-add span,.wl-count>span{display:none}
 .wl-column-head,.wl-player-row{grid-template-columns:minmax(0,1fr) 38px 70px 44px;gap:9px}
 .wl-player{gap:8px;min-height:68px}.wl-portrait{width:32px;height:43px}.wl-identity>strong{font-size:12px}.wl-stat strong{font-size:13px}.wl-stat strong>span{font-size:8px}.wl-clubline{gap:4px;font-size:9px}.wl-column-head{font-size:8px}.wl-connection{gap:10px;font-size:9px}.wl-filters button{padding-inline:12px}
}
/* The window body already insets the content; aligned with the title (left) and the close button (right). */
@media(min-width:681px){#window[data-window="watchlist"] .wl-shell{padding-inline:0}}
/* Remove instead of the bookmark: a quiet × that appears with the row on hover or focus; on touch it is always visible.
   Hovering the × itself turns it red. */
#window[data-window="watchlist"] .wl-remove{opacity:0;width:32px;height:32px;border-radius:50%;color:#9a9a94;transition:opacity .15s,background .15s,color .15s}
#window[data-window="watchlist"] .wl-remove span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#window[data-window="watchlist"] .wl-player-row:is(:hover,:focus-within) .wl-remove{opacity:1}
#window[data-window="watchlist"] .wl-remove:hover,#window[data-window="watchlist"] .wl-remove:focus-visible{background:#ff4d5e1f;color:#ff6b78}
@media(hover:none){#window[data-window="watchlist"] .wl-remove{opacity:.75}}
#window[data-window="watchlist"] .wl-owner{display:block;margin-top:2px;font:500 11.5px/1.2 var(--font-ui,Inter,sans-serif);color:#8a8a84}