/* V13.4: existing layout and club accents, with an accessible Clean appearance. */
.lineup-table td.row-actions{display:table-cell!important;position:static!important;vertical-align:middle;text-align:center;white-space:normal;border-bottom:1px solid var(--line);}
.lineup-table td.row-actions::before,.lineup-table td.row-actions::after{display:none!important}
.lineup-table .row-actions button{position:static;display:inline-flex;align-items:center;justify-content:center;max-width:100%;margin:2px 0;}
.lineup-table:not(.roster-table) th:last-child{width:100px;text-align:center}
.lineup-table:not(.roster-table) td:last-child{padding:4px 7px}
.lineup-table .group-row td{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
table .club-link,table .club-link:hover:not(:disabled){background:transparent!important;border:0!important;box-shadow:none!important;color:inherit!important;}
table .crest{background:transparent!important;box-shadow:none!important;border:0!important}
tbody tr.human{outline:1px solid color-mix(in srgb,var(--green) 60%,transparent);outline-offset:-1px;font-weight:700}
.menubar .menu[open]>summary{background:#34424e;color:#fff;box-shadow:0 0 0 2px #8ca0ad55}
.speeds{display:flex;gap:6px;align-items:center}
.speeds button{min-width:43px;min-height:35px}
.speeds button.active{background:#e9f0f3!important;color:#17252e!important;border:2px solid #8299a6!important;font-weight:850;box-shadow:0 0 0 2px #a1bac03b}
.post-match-nav{position:sticky;top:0;z-index:25;display:flex;justify-content:flex-end;gap:8px;padding:10px;background:var(--panel,#19232d);border-bottom:1px solid var(--line);margin-bottom:10px;}
.post-match-nav button{min-height:40px;white-space:normal}
.finance-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.finance-cards b{display:block;font-size:20px;font-weight:800}
.finance-label{white-space:normal;overflow-wrap:anywhere}
.current-sponsor{padding:18px;gap:24px;border:1px solid var(--line);border-radius:16px;background:#13212b;}
.current-sponsor>.sponsor-mark{min-width:0;flex:1;flex-direction:column;align-items:flex-start}
.sponsor-mark img{width:100%;max-width:430px;min-width:0;height:auto;max-height:128px;object-fit:contain}
.sponsor-mark strong{font-size:21px;line-height:1.25;letter-spacing:.01em}
.sponsor-mark small{display:block;color:var(--muted);line-height:1.6}
.sponsor-proposal{min-width:0;border:1px solid var(--line);border-top:4px solid var(--sponsor-color,#708b7c);border-radius:16px;padding:18px;background:#15222b;}
.sponsor-proposal>img{width:100%;height:110px;object-fit:contain;border-radius:12px;background:#17252e;margin-bottom:8px}
.sponsor-proposal h3{font-size:21px;line-height:1.3}
.sponsor-proposal .sponsor-value{font-size:21px;font-weight:800}
.match-commercial{min-height:100px;padding:14px 18px;gap:20px;align-items:center}
.match-commercial .sponsor-mark{flex:1;min-width:0;max-width:460px}
.match-commercial .sponsor-mark img{max-height:100px;max-width:360px}
.summary-sponsor .sponsor-mark{padding:16px;border-radius:14px;border:1px solid var(--line)}
#tutorial-guide{position:fixed!important;z-index:20000;box-sizing:border-box;display:flex;flex-direction:column;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:hidden;padding:14px;background:#1b2a35;color:#f2f6f8;border:1px solid #718894;border-radius:16px;box-shadow:0 14px 55px #0007;}
#tutorial-guide .tutorial-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-shrink:0}
#tutorial-guide .tutorial-top button{min-width:32px;min-height:32px;font-size:21px;line-height:1}
#tutorial-guide .tutorial-copy{min-height:0;overflow:auto;max-height:calc(100dvh - 180px);overscroll-behavior:contain}
#tutorial-guide h3{font-size:17px;line-height:1.35;margin:8px 0}
#tutorial-guide p{font-size:13px;line-height:1.55;margin:8px 0 12px}
#tutorial-guide .tutorial-controls{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;padding-top:10px;border-top:1px solid #647681;flex-shrink:0;background:inherit}
#tutorial-guide .tutorial-controls button{min-height:36px;font-size:12px;padding:6px 10px}
#tutorial-guide .tutorial-arrow{display:none}
body[data-appearance=light]{--text:#24313a;--muted:#52616b;--line:#c7d0d6;--panel:#fff;--bg:#f2f4f6;background:#f2f4f6;color:#24313a;}
body[data-appearance=light] .panel{box-shadow:0 3px 13px #24313a0a;border-color:#ccd4da}
body[data-appearance=light] .panel-head,body[data-appearance=light] th{background:#edf0f2;color:#26343d;border-color:#c8d1d7}
body[data-appearance=light] .topbar,body[data-appearance=light] .menubar{background:#fff;border:1px solid #d0d7dd;box-shadow:0 2px 10px #24313a08;}
body[data-appearance=light] .menubar .menu>summary{background:#f5f6f7;color:#27353f;border-color:#b8c3cb;font-weight:700}
body[data-appearance=light] .menubar .menu[open]>summary{background:#27353f;color:#fff;border-color:#27353f}
body[data-appearance=light] .number,body[data-appearance=light] .quote-price,body[data-appearance=light] .sponsor-value,body[data-appearance=light] .header-values b{color:#25343f;font-weight:750}
body[data-appearance=light] .positive,body[data-appearance=light] .strength,body[data-appearance=light].club-theme .positive,body[data-appearance=light].club-theme .strength{color:#16573c!important;font-weight:800}
body[data-appearance=light] .negative{color:#a12737!important;font-weight:750}
body[data-appearance=light] .muted,body[data-appearance=light] .meta-line,body[data-appearance=light] .section-note{color:#52616b}
body[data-appearance=light] button:not(.primary),body[data-appearance=light] select,body[data-appearance=light] input{background:#f8fafb;color:#24313a;border-color:#aebcc6}
body[data-appearance=light] button.active,body[data-appearance=light] .speeds button.active{background:#27353f!important;color:#fff!important;border-color:#27353f!important;box-shadow:0 0 0 2px #6c808f44;font-weight:800}
body[data-appearance=light] tbody tr.human{background:#e5eee9!important;color:#20362a;outline-color:#688a76}
body[data-appearance=light] .current-sponsor,body[data-appearance=light] .sponsor-proposal{background:#fff;border-color:#c7d0d6;box-shadow:0 3px 14px #24313a08}
body[data-appearance=light] .sponsor-mark strong{color:#26343d}
body[data-appearance=light] .match-commercial,body[data-appearance=light] .summary-sponsor .sponsor-mark{background:#f2f5f6;border-color:#c7d0d6}
body[data-appearance=light] #tutorial-guide{background:#fff;color:#24313a;border-color:#8d9fae}
body[data-appearance=light] #tutorial-guide .tutorial-controls{border-color:#b5c2cb}
body[data-appearance=light] .post-match-nav{background:#fff}
@media(max-width:700px){.finance-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-cards b{font-size:17px}.sponsor-proposal{display:flex;flex-direction:column;gap:5px}.sponsor-proposal>img{height:100px}.current-sponsor{padding:12px}.current-sponsor .sponsor-mark img{max-width:100%;max-height:120px}.match-commercial{padding:10px;gap:10px;flex-wrap:wrap}.match-commercial .sponsor-mark{width:100%}.match-commercial .sponsor-mark img{max-height:84px}.post-match-nav{padding:8px}.post-match-nav button{width:100%}.lineup-table:not(.roster-table) th:last-child{width:76px}.lineup-table:not(.roster-table) td:last-child{padding:4px}.speeds{gap:4px}.speeds button{min-width:40px}.menubar .menu>summary{padding:9px 10px}}
@media(max-width:420px){#tutorial-guide .tutorial-copy{max-height:calc(100dvh - 190px)}.finance-cards{gap:7px}.finance-cards b{font-size:15px}.lineup-table:not(.roster-table) th:last-child{width:68px}.lineup-table .row-actions button{font-size:11px;padding:4px 6px}.sponsor-mark strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.sponsor-mark,.sponsor-proposal,#tutorial-guide{animation:none!important;transition:none!important}}

body[data-appearance=light] .effective-strength{background:#e8eef1;color:#24313a;border-color:#afbdc7}
body[data-appearance=light] .effective-strength b{color:#16573c;font-weight:850}
