/* Design handoff only. Load AFTER current app.css; Engineering owns integration. */
:root{--ink:#192e36;--muted:#536b68;--paper:#f3f5f2;--panel:#fff;--line:#d3ddd5;--accent:#204f43;--amber:#8b5b00;--green:#28694c;--red:#a32d39}
body{background:var(--paper);color:var(--ink);grid-template-columns:216px minmax(0,1fr);font-size:14px}
body>aside{background:#143337;color:#f6faf4;border:0;padding:26px 18px}
.brand .mark{background:#d2f178;color:#143337}.brand small{color:#c6d8cf}
body>aside nav button{color:#d6e2dc;min-height:46px;border-radius:8px}
body>aside nav button.active{background:#d2f178;color:#143337}
.engine{color:#d6e2dc}.engine small{color:#c6d8cf}
main{padding:26px 30px}main>header{margin-bottom:22px}h1{font-size:30px;letter-spacing:-.025em}h2{font-size:20px}.eyebrow{color:#536b68}
button,input,select,textarea{font:inherit;min-height:44px;border-radius:7px;background:#fff;color:var(--ink);border:1px solid #aebfb5}button{cursor:pointer}input,select,textarea{max-width:100%;min-width:0}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #9b6a00;outline-offset:3px}
button.primary,a.primary{background:#204f43;color:white;border-color:#204f43}.panel,.slate-card,.lineup-card,.metrics article{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:none}
.context-bar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;background:#e7eee5;border:1px solid #c8d5c9;padding:15px 18px;border-radius:10px;margin-bottom:22px}.context-bar strong{font-size:15px}.context-bar small{display:block;margin-top:5px;color:#405d55}.context-bar button{margin-left:auto}
.pool-status{background:#fff3d8;color:#654800;border:1px solid #dbc996;border-left:4px solid #986800;border-radius:9px}.pool-status small{color:#654800}.pool-health,.pill,.tag{background:#e7eee5;color:#2b5044}.pool-health.warn,.pill.warn{background:#fff0ca;color:#714800}.pill.bad{background:#fbe8e9;color:#8d2631}
.pool-details,.table-wrap{background:#fff;border:1px solid var(--line);border-radius:10px}summary{min-height:44px;padding:12px;cursor:pointer}.toolbar{gap:12px}.search{background:#fff}.search input{width:100%}.metrics article strong{color:#193d34}.metrics article span{color:#536b68}
.table-wrap{overflow:auto}#playerRows td{color:#19332e;border-bottom-color:var(--line);padding:12px 10px}table th{color:#536b68;background:#edf2eb;white-space:nowrap}.player-name strong,.player-name small{color:inherit}#playerRows .actions{white-space:nowrap}.actions button{font-size:11px;padding:7px;min-height:36px}.actions button.on{background:#204f43;color:#fff}.exp-input{width:68px}.profile-trigger{border:0;text-align:left;text-decoration:underline;background:transparent;font-weight:700;padding:0;min-height:32px}.freshness-inline{color:#52665d;font-size:12px;line-height:1.6;margin:10px 0}
.group-rule,.summary dl div,.roster div{border-color:var(--line)}.group-rule{grid-template-columns:minmax(0,1fr) 105px 105px}.preset-row button.active{background:#e4edda;color:#244a3b;border-color:#537449}.dvp-legend{color:#4e655c}.detail-note{color:#536b68}.auth-gate{background:#edf2eb}.auth-card{background:#fff;border:1px solid var(--line);color:var(--ink)}.auth-card .brand small{color:#536b68}
.preview-note{background:#fff0cf;border-left:4px solid #956600;padding:12px;margin-bottom:22px;line-height:1.5}.product-nav{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid #45615b;margin-bottom:18px;flex-wrap:wrap}.product-nav span{color:#d2f178;font-weight:700}.product-nav button{min-height:32px;font-size:12px;background:transparent;color:#c6d8cf;border-color:#658177}.preview-status{padding:12px;background:#e7eee5;border-radius:8px}
#playerProfile{margin:0 0 0 auto;height:100dvh;max-height:100dvh;width:min(510px,100%);max-width:100%;padding:26px;border:0;border-left:1px solid var(--line);background:white;color:var(--ink)}#playerProfile::backdrop{background:#152f3899}#playerProfile dt{color:#536b68;margin-top:18px}#playerProfile dd{margin:5px 0;font-weight:600}#profileClose{float:right}
@media(max-width:1000px){main{padding:24px 18px}.build-grid{grid-template-columns:1fr}.group-rule{grid-template-columns:1fr 105px 105px}}
@media(max-width:850px){body{grid-template-columns:1fr}body>aside{padding:15px 16px;position:static}.brand{margin-bottom:12px}body>aside nav{display:flex;overflow:auto;gap:6px}body>aside nav button{flex:0 0 auto;padding:10px}.engine{display:none}.product-nav{margin:0 0 10px;padding:5px 0 12px}main>header{align-items:flex-start;gap:14px;flex-wrap:wrap}.account{flex-wrap:wrap}.context-bar{gap:10px}.context-bar button{margin-left:0}.toolbar,.pool-filter{flex-wrap:wrap}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.group-rule{grid-template-columns:1fr 1fr}.group-rule>div{grid-column:1/-1}.save-row{flex-wrap:wrap}.lineup-grid,.slate-grid{grid-template-columns:minmax(0,1fr)}}
/* Compact phone table: all omitted desktop columns remain in the profile drawer. */
@media(max-width:600px){#players table{width:100%;min-width:0}#players th,#playerRows td{display:none}#players th.col-player,#players th.col-salary,#players th.col-projection,#players th.col-controls,#playerRows td.col-player,#playerRows td.col-salary,#playerRows td.col-projection,#playerRows td.col-controls{display:table-cell;white-space:normal;padding:10px 6px;font-size:12px}#playerRows .actions{white-space:normal}#playerRows .actions button{display:block;width:100%;margin:4px 0;min-height:44px}.mobile-status{display:block;font-size:11px;line-height:1.5;margin-top:5px}.metrics{gap:8px}.pool-status{flex-wrap:wrap}.form-grid{grid-template-columns:1fr 1fr}.current{display:none}}
@media(min-width:601px){.mobile-status{display:none}}
:root{color-scheme:light;--blue:#204f43;--cyan:#2c6051}
.account>button,.search,.save-row input,.save-row button,.summary select,.form-grid input,.form-grid select,.group-rule input{background:#fff;color:var(--ink)}
body>aside nav{margin-top:20px}.auth-card h1,.auth-card label{color:var(--ink)}
/* Integrated hybrid: keep the working workflow and make detail progressive. */
:root{color-scheme:light;--blue:#204f43;--cyan:#28694c;--amber:#8b5b00;--red:#a32d39}
body{background:#f3f5f2;font-family:ui-sans-serif,system-ui,sans-serif;line-height:1.5}body>aside{height:100dvh}body>aside nav{margin-top:38px}.engine{border-color:#4c6868}.engine button{color:#ecf5eb;border-color:#718a7e;background:transparent}.engine i{box-shadow:none;background:#d2f178}.brand strong{font-size:21px}.brand .mark{transform:none;border-radius:10px}body>aside .brand{padding-bottom:18px;border-bottom:1px solid #4c6868}
main>header{padding:0 0 20px;gap:16px}.eyebrow{font-size:11px;letter-spacing:.12em}h1{font-size:32px}.intro{gap:16px}.intro p{max-width:700px}.current{max-width:260px}.current strong{overflow-wrap:anywhere}.account>button{background:#fff}.accountAccess,.access-note{color:#536b68;font-size:13px;margin:-8px 0 22px}.context-bar{margin-bottom:18px}.context-bar .eyebrow{margin-bottom:4px}.context-bar button{flex-shrink:0}
.skip-link{position:absolute;left:10px;top:-100px;z-index:30;background:white;padding:12px;color:#204f43}.skip-link:focus{top:10px}
button,a,input,select,textarea{font:inherit}button{transition:background .15s}a{color:#204f43}button:disabled{opacity:.55}input[type=checkbox]{min-height:20px;width:20px;accent-color:#204f43}.primary{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:46px}.primary:hover{background:#173e34;color:#fff}.primary.disabled{color:#536b68;background:#e4e9e3;opacity:1}.text-button{color:#204f43;text-decoration:underline}.compact{font-size:13px}.pool-filter select,.toolbar select,.form-grid input,.form-grid select,.save-row input,#savedStrategies,.group-rule input,dialog input,dialog select,.auth-card input,.panel>label input,.panel>label select,textarea{background:white;border-color:#aebfb5;color:#192e36}.preset-row button,.save-row button,.actions button,.user-row button,.pool-status button:not(.text-button),.pool-details button{background:#fff;color:#204f43;border-color:#aebfb5}.pool-status .text-button{color:#204f43}.pool-health.bad{background:#fbe8e9;color:#8d2631}.pool-status>div>span,.pool-status small{color:#536b68}.pool-status{background:white;color:#192e36}.pool-details[open]{background:#fff;color:#192e36}.diagnostic-grid li{border-color:var(--line)}.pool-error{color:#a32d39}#preparationAlert{color:#714800;background:#fff0ca}
.slate-card .tag{background:#e7eee5;color:#204f43;font-size:11px}.slate-card h3{margin-top:24px;font-size:21px}.slate-card footer{font-size:12px}.slate-card p{line-height:1.7}.empty{color:#536b68;background:#fff;border-color:#bacbbd;padding:35px 20px}.metrics strong{font-variant-numeric:tabular-nums}.metrics span{letter-spacing:.08em;font-size:10px}.table-wrap{border-color:var(--line)}th,td{border-color:var(--line)}tr:hover{background:#f1f5ef}.dvp{background:#e7eee5;color:#3a554b}.dvp.good{background:#e1f0dc;color:#285a32}.dvp.bad{background:#fbe8e9;color:#8d2631}.pill{font-size:10px}.dvp-legend{flex-wrap:wrap}.dvp-legend small{margin-left:0}tr.excluded{opacity:.65}.exp-input{min-height:38px}.actions button{min-height:38px}.actions button.lock.on,.actions button.group.on{background:#204f43;color:white;border-color:#204f43}.actions button.exclude.on{background:#fbe8e9;color:#8d2631;border-color:#aa5360}.profile-trigger{color:#204f43;font-size:13px}.profile-trigger:hover{color:#102f25}.player-name{min-width:150px}.player-name small{font-size:11px}.table-wrap:focus-visible{outline:3px solid #9b6a00}.profile-trigger:focus-visible{outline-offset:2px}
.pool-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px;align-items:start}.pool-main{min-width:0}.pool-guide{height:auto;position:sticky;top:20px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:12px;display:block;color:#192e36}.pool-guide dl{margin:20px 0}.pool-guide dt{font-size:12px;color:#536b68}.pool-guide dd{margin:4px 0 16px;font-weight:650}.pool-guide p{font-size:13px}.pool-guide summary{font-size:13px}.pool-guide .wide{font-size:13px}.pool-guide details{border-top:1px solid var(--line)}
.form-grid label,dialog label{font-size:13px}.summary dt{font-size:13px}.summary dd{margin-left:15px;overflow-wrap:anywhere;text-align:right}.group-rule small{font-size:12px}.group-rule label{font-size:12px}.message{font-size:13px}.message.error{color:#a32d39}.job-progress{background:#e7eee5}.job-progress i{background:#d2e4ca}.job-progress span{color:#204f43}.exposure-strip span{background:#fff;border-color:var(--line);font-size:12px}.roster b{color:#204f43}.roster div{font-size:12px}.lineup-card footer{font-size:11px;flex-wrap:wrap;gap:8px}.lineup-card .score small{font-size:12px}.auth-gate{background:radial-gradient(ellipse at top,#dfe9dc,#f3f5f2);overflow:auto}.auth-card{box-shadow:0 15px 50px #14333712;padding:30px}.auth-card .brand strong{font-size:23px}.auth-card label{font-size:13px}.auth-card .brand{margin-bottom:24px}.auth-card #inviteHint,.legal-links{font-size:12px}.auth-card h1{font-size:30px}.auth-card .primary{width:100%}.terms-check{flex-wrap:wrap}.invite-result code{background:#e7eee5}.user-row{gap:12px;flex-wrap:wrap}.user-row small{overflow-wrap:anywhere}dialog{background:#fff;color:#192e36;border:1px solid var(--line)}dialog p{color:#536b68}dialog .close{min-width:44px;min-height:44px}.drop{min-height:120px}.drop input:focus-visible{opacity:1;position:static}.drop:focus-within{outline:3px solid #9b6a00}.notice-page main{background:white}.notice-page p{color:#536b68}
#playerProfile{margin:0 0 0 auto;position:fixed;inset:0 0 0 auto;overflow:auto;padding:28px;box-shadow:-12px 0 40px #14333720}#profileClose{float:right;margin-bottom:18px}#playerProfile .eyebrow{clear:both;padding-top:10px}#playerProfile h2{font-size:28px}#profileSubtitle{color:#536b68}#playerProfile h3{font-size:16px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.profile-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px 0}.profile-metrics small,.profile-metrics strong{display:block}.profile-metrics small{font-size:12px;color:#536b68}.profile-metrics strong{font-size:22px}.profile-facts{margin:0}.profile-facts div{margin:12px 0}.profile-facts dt{font-size:12px;margin:0!important}.profile-facts dd{font-size:14px;overflow-wrap:anywhere}.profile-controls{display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.profile-controls label{width:100%;font-size:13px}.profile-controls input{margin-top:8px;padding:9px;width:120px;display:block}#profileLock[aria-pressed=true],#profileGroup[aria-pressed=true]{background:#204f43;color:#fff}#profileExclude[aria-pressed=true]{background:#fbe8e9;color:#8d2631}
@media(min-width:601px) and (max-width:1250px){.pool-layout{grid-template-columns:1fr}.pool-guide{position:static}.pool-guide dl{display:flex;gap:20px;align-items:baseline;flex-wrap:wrap}.pool-guide .wide{width:auto}.pool-guide details{margin-top:18px}}
@media(max-width:850px){body>aside{height:auto;display:block;padding:14px 16px}.brand{margin:0!important}body>aside .brand{border:0;padding:0}body>aside nav{margin:14px 0 0;width:100%}body>aside nav button span{display:inline;margin-left:6px}body>aside nav button{font-size:12px;min-height:44px}.context-bar strong{font-size:14px}.context-bar small{font-size:12px}.context-bar{padding:14px}.intro{align-items:flex-start}.intro h2{font-size:22px}main>header{margin-bottom:18px}h1{font-size:28px}.account{margin-left:auto}.account>button{min-height:44px}.toolbar{align-items:center}.toolbar .search{flex:1 1 200px}.group-rule{grid-template-columns:1fr 1fr}.group-rule>div{grid-column:1/-1}.summary{position:static}.slate-card h3{font-size:22px}.slate-card footer{gap:8px}.auth-gate .brand{display:flex}.engine{display:none}}
@media(max-width:600px){main{padding:22px 14px}.context-bar{align-items:flex-start}.context-bar button{font-size:12px;min-height:36px}.pool-layout{grid-template-columns:1fr}.pool-guide{position:static}.table-wrap{width:100%;overflow:auto}.player-name{min-width:105px;max-width:150px}.profile-trigger{font-size:12px;line-height:1.3;min-height:44px}.actions button{font-size:10px}#players td.col-controls{min-width:68px}.pool-filter{gap:8px}.pool-filter select{max-width:100%;flex:1}.pool-filter #visibleCount{width:100%;text-align:right}.metrics span{font-size:9px}#players .metrics article{padding:12px}.dvp-legend{display:none}.pool-status{padding:14px}.pool-status button.text-button{margin-left:0}.pool-status>div{display:flex;flex-wrap:wrap;gap:5px 10px}.pool-status>div strong{font-size:17px}.pool-details summary{padding:12px}.form-grid{grid-template-columns:1fr}.build-grid{gap:16px}.panel{padding:20px}.preset-row{flex-wrap:wrap}.intro{flex-wrap:wrap}.profile-metrics{gap:8px}.profile-metrics strong{font-size:20px}#playerProfile{padding:22px}.account{margin-left:0}.account .current{display:none}.access-note{font-size:12px}}

.slate-card:focus-visible{outline:3px solid #9b6a00;outline-offset:3px}#workspace:focus{outline:none}
/* The hidden attribute owns auth, invitation and role visibility. */
[hidden]{display:none!important}
@media(max-width:850px){body{grid-template-columns:minmax(0,1fr)}body>aside,body>main{min-width:0;max-width:100%}body>aside nav{min-width:0;max-width:100%}}
