/* Quiet shared usability details, with the existing site palettes. */
.search-field.has-search-clear input{padding-right:40px!important}
.search-clear-control{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:32px;height:32px;padding:7px;border:0;border-radius:8px;color:var(--mute);background:transparent}
.search-clear-control svg{width:17px;height:17px}
.search-clear-control:hover{color:var(--txt);background:var(--site-hover)}
.search-clear-control[hidden]{display:none!important}
.search-tools-wrap{width:100%}
.search-tools-wrap input{box-sizing:border-box;width:100%;min-width:0}
.search-empty-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:100%;min-height:190px;padding:28px 20px;border:1px dashed var(--line);border-radius:16px;background:var(--site-hover);text-align:center;color:var(--mute)}
.search-empty-state p{margin:0;max-width:380px;font-size:15px;line-height:1.6}
.empty-search-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--panel2);color:var(--mute)}
.empty-search-icon svg{width:22px;height:22px}
.search-empty-state button{font-size:14px;min-height:40px}
#pageTeams .roster-list>.search-empty-state{min-height:160px;padding:20px 12px}
.trend-character-grid>.search-empty-state{min-height:200px}
.trend-order-controls button{min-width:30px}
.trend-order-select{min-width:95px}
.trend-counts input:focus-visible+span,.trend-theme-choice input:focus-visible+span{outline:2px solid var(--site-focus);outline-offset:4px}
textarea:focus-visible{outline:2px solid var(--site-focus);outline-offset:3px}
@media(max-width:760px){.search-clear-control{width:36px;height:36px;right:2px}.search-empty-state{padding:24px 14px}.trend-order-controls button{min-width:34px;min-height:36px}.trend-dialog-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.search-shortcut-hint{position:absolute;right:12px;padding:1px 6px;border:1px solid var(--line);border-radius:5px;color:var(--mute);font:13px/1.4 system-ui;pointer-events:none}.search-shortcut-hint[hidden]{display:none}@media(max-width:760px){.search-shortcut-hint{display:none}}
@media(max-width:760px){#teamImageButton::after{left:auto;right:0;transform:none;max-width:220px;white-space:normal;text-align:center}#undoTeam::after{left:0;right:auto;transform:none;max-width:220px;white-space:normal}}
.has-search-clear input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}