/* Sport selection (athlete sign-up and profile) and sports shown on athlete cards. Aura tokens, 44px touch targets. */
html[data-theme] #app .sp-picker{display:grid;gap:14px;min-width:0;margin:0;padding:0;border:0;}
html[data-theme] #app .sp-legend{padding:0;margin:0 0 2px;font:600 calc(.9375rem * var(--elan-ui-scale,1))/1.4 var(--elan-ui-font,system-ui);color:var(--es-ink);}
html[data-theme] #app .sp-row{display:grid;gap:8px;min-width:0;}
html[data-theme] #app .sp-label{font:500 calc(.875rem * var(--elan-ui-scale,1))/1.4 var(--elan-ui-font,system-ui);color:var(--es-ink);}
html[data-theme] #app .sp-label em{font-style:normal;font-weight:400;color:var(--es-muted);}
html[data-theme] #app .sp-primary{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:48px;padding:0 14px;border:1px solid var(--es-line);border-radius:12px;background:var(--es-panel);color:var(--es-ink);font:500 16px/1.3 var(--elan-ui-font,system-ui);text-align:left;cursor:pointer;}
html[data-theme] #app .sp-primary.is-empty{color:var(--es-muted);}
html[data-theme] #app .sp-primary>span{min-width:0;overflow-wrap:anywhere;}
html[data-theme] #app .sp-primary svg{width:18px;height:18px;flex:none;color:var(--es-muted);transition:transform .15s ease;}
html[data-theme] #app .sp-primary[aria-expanded="true"] svg{transform:rotate(90deg);}
html[data-theme] #app .sp-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;}
html[data-theme] #app .sp-chips li{display:inline-flex;align-items:center;gap:2px;min-height:44px;padding:0 0 0 14px;border:1px solid var(--es-line);border-radius:999px;background:var(--es-soft);color:var(--es-ink);font:500 calc(.875rem * var(--elan-ui-scale,1))/1.3 var(--elan-ui-font,system-ui);max-width:100%;}
html[data-theme] #app .sp-chips li>span{min-width:0;overflow-wrap:anywhere;}
html[data-theme] #app .sp-chips button{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--es-muted);cursor:pointer;}
html[data-theme] #app .sp-chips button svg{width:16px;height:16px;}
html[data-theme] #app .sp-add{display:inline-flex;align-items:center;gap:8px;justify-self:start;min-height:44px;padding:0 16px;border:1px dashed var(--es-line);border-radius:999px;background:transparent;color:var(--es-accent-ink);font:500 calc(.875rem * var(--elan-ui-scale,1))/1.3 var(--elan-ui-font,system-ui);cursor:pointer;}
html[data-theme] #app .sp-add svg{width:16px;height:16px;flex:none;}
html[data-theme] #app .sp-note,html[data-theme] #app .sp-empty{margin:0;font:400 calc(.8125rem * var(--elan-ui-scale,1))/1.5 var(--elan-ui-font,system-ui);color:var(--es-muted);}
html[data-theme] #app .sp-panel{display:grid;gap:10px;padding:12px;border:1px solid var(--es-line);border-radius:14px;background:var(--es-panel);min-width:0;}
html[data-theme] #app .sp-panel[hidden]{display:none;}
html[data-theme] #app .sp-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;}
html[data-theme] #app .sp-panel-head strong{font:600 calc(.9375rem * var(--elan-ui-scale,1))/1.4 var(--elan-ui-font,system-ui);color:var(--es-ink);}
html[data-theme] #app .sp-done{min-height:44px;padding:0 16px;border:0;border-radius:999px;background:var(--es-accent);color:#fff;font:600 calc(.875rem * var(--elan-ui-scale,1))/1 var(--elan-ui-font,system-ui);cursor:pointer;}
html[data-theme] #app .sp-search{position:relative;display:block;margin:0;}
html[data-theme] #app .sp-search input{width:100%;min-height:44px;font-size:16px;padding-left:40px;}
html[data-theme] #app .sp-search>svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--es-muted);pointer-events:none;}
html[data-theme] #app .sp-tabs{display:flex;gap:6px;flex-wrap:wrap;}
html[data-theme] #app .sp-tabs button{min-height:44px;padding:0 14px;border:1px solid var(--es-line);border-radius:999px;background:transparent;color:var(--es-muted);font:500 calc(.875rem * var(--elan-ui-scale,1))/1.3 var(--elan-ui-font,system-ui);cursor:pointer;}
html[data-theme] #app .sp-tabs button[aria-pressed="true"]{background:var(--es-accent-soft);color:var(--es-accent-ink);border-color:var(--es-accent-ink);}
html[data-theme] #app .sp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
html[data-theme] #app .sp-results{max-height:min(46vh,340px);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;margin:0 -4px;padding:0 4px;}
html[data-theme] #app .sp-options{display:grid;gap:4px;margin:0;padding:0;list-style:none;}
html[data-theme] #app .sp-option{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--es-ink);font:400 16px/1.3 var(--elan-ui-font,system-ui);text-align:left;cursor:pointer;}
html[data-theme] #app .sp-option>span{display:grid;min-width:0;overflow-wrap:anywhere;}
html[data-theme] #app .sp-option small{font-size:.75rem;color:var(--es-muted);}
html[data-theme] #app .sp-option[aria-pressed="true"]{background:var(--es-accent-soft);color:var(--es-ink);font-weight:500;}
html[data-theme] #app .sp-option svg{width:18px;height:18px;flex:none;color:var(--es-accent-ink);}
html[data-theme] #app .sp-option:disabled{cursor:default;color:var(--es-muted);}
html[data-theme] #app .sp-option[aria-pressed="true"]:disabled{color:var(--es-ink);}
html[data-theme] #app .sp-error{margin:0;font:500 calc(.8125rem * var(--elan-ui-scale,1))/1.5 var(--elan-ui-font,system-ui);color:var(--es-danger);}
html[data-theme] #app .sp-picker.has-error .sp-primary{border-color:var(--es-danger);}
html[data-theme] #app :is(.sp-primary,.sp-chips button,.sp-add,.sp-done,.sp-option,.sp-tabs button):focus-visible{outline:2px solid var(--es-focus);outline-offset:2px;}
@media(hover:hover){html[data-theme] #app :is(.sp-option:not(:disabled),.sp-chips button,.sp-add):hover{background:var(--es-hover);}}
/* Sports on the public athlete card. */
html[data-theme] #app .abc-sports{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px;padding:0;list-style:none;}
html[data-theme] #app .abc-sports li{padding:3px 10px;border:1px solid var(--es-line);border-radius:999px;font:500 calc(.75rem * var(--elan-ui-scale,1))/1.5 var(--elan-ui-font,system-ui);color:var(--es-muted);}
html[data-theme] #app .abc-sports li.abc-sport-main{border-color:transparent;background:var(--es-accent-soft);color:var(--es-ink);}