/* Canonical shared primitives. Lab copies are generated from this file. */
:is(.ap-lab,.ap-widget,.ap-sport-widget,.ap-padel-rankings,.ap-ranking-directory,.ap-circuit,.ap-widget-workspace,.ap-widget-catalogue,.ap-trends,.ap-biography,.ap-player-directory,.ap-event-widget,.ap-player-agenda,.ap-article-context,.ap-daily-sidebar,.ap-today-matches,.ap-recap,.ap-recap-live,.ap-padel-live-center){
  --ap-ui-navy:#04233a;--ap-ui-yellow:#f4c430;--ap-ui-border:#d0dce5;
  --ap-ui-muted:#526572;--ap-ui-surface:#f5f7fa;--ap-ui-radius:4px;
  --ap-ui-field-height:48px;--ap-ui-field-padding:18px;
}
.ap-widget{--ap-display:var(--ap-body,system-ui,sans-serif)}
:is(.ap-lab,.ap-widget,.ap-sport-widget,.ap-padel-rankings,.ap-ranking-directory,.ap-circuit,.ap-widget-workspace,.ap-widget-catalogue,.ap-trends,.ap-biography,.ap-player-directory,.ap-event-widget,.ap-player-agenda,.ap-article-context,.ap-daily-sidebar,.ap-today-matches,.ap-recap,.ap-recap-live,.ap-padel-live-center) :is(input[type=search],input[type=text],input:not([type]),select:not([multiple]):not([size]),select[size="1"]:not([multiple]),select[size="0"]:not([multiple])){
  box-sizing:border-box;width:100%;height:var(--ap-ui-field-height);min-height:var(--ap-ui-field-height);
  padding:0 var(--ap-ui-field-padding);border:1px solid var(--ap-ui-border);border-radius:var(--ap-ui-radius);
  background:linear-gradient(180deg,#fff,#f9fbfc);color:var(--ap-ui-navy);
  font-family:inherit;font-size:13px;font-weight:500;line-height:1.4;
  transition:border-color .16s,background .16s;
}
:is(.ap-lab,.ap-widget,.ap-sport-widget,.ap-padel-rankings,.ap-ranking-directory,.ap-circuit,.ap-widget-workspace,.ap-widget-catalogue,.ap-trends,.ap-biography,.ap-player-directory,.ap-event-widget,.ap-player-agenda,.ap-article-context,.ap-daily-sidebar,.ap-today-matches,.ap-recap,.ap-recap-live,.ap-padel-live-center) :is(select:not([multiple]):not([size]),select[size="1"]:not([multiple]),select[size="0"]:not([multiple])){
  appearance:none;padding-right:48px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 20 20'%3E%3Cpath d='m5 8 5 5 5-5' fill='none' stroke='%23526572' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(180deg,#fff,#f9fbfc);
  background-repeat:no-repeat;background-position:right 18px center,0 0;background-size:16px,auto;
}
.ap-ui-field::placeholder{color:#526572;opacity:1;font-weight:500}
.ap-lab :is(button,.button,input[type=submit]),:is(.ap-widget-workspace,.ap-widget-catalogue,.ap-sport-widget) :is(button,.button,input[type=submit]){border-radius:var(--ap-ui-radius,4px)}
.ap-ui-field:focus{border-color:#04233a;background-color:white}
.ap-ui-select{display:block;position:relative;min-width:0;width:100%}
.ap-ui-native-select{display:none!important}
.ap-ui-select>.ap-ui-select-trigger{
  box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:20px;
  width:100%;height:48px;min-height:48px;padding:0 18px;border:1px solid #d0dce5;border-radius:var(--ap-ui-radius,4px);
  background:linear-gradient(180deg,#fff,#f9fbfc);color:#04233a;
  font-family:inherit;font-size:13px;font-weight:600;line-height:1.4;text-align:left;cursor:pointer;
}
.ap-ui-select-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ap-ui-select-trigger>svg{flex:none;color:#526572;transition:transform .16s}
.ap-ui-select>.ap-ui-select-trigger[aria-expanded=true]{border-color:#04233a;background:white}
.ap-ui-select-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}
.ap-ui-select>.ap-ui-select-trigger:disabled{opacity:.55;cursor:default}
.ap-ui-select-trigger:focus-visible,.ap-ui-select-menu [role=option]:focus-visible{outline:2px solid #245c82;outline-offset:2px}
.ap-ui-select-menu{
  box-sizing:border-box;position:fixed;z-index:100000;padding:6px;border:1px solid #d7e2eb;border-radius:var(--ap-ui-radius,4px);
  background:white;color:#04233a;box-shadow:0 16px 42px #04233a1c,0 3px 10px #04233a0a;
  overflow:auto;overscroll-behavior:contain;font:13px/1.4 var(--ap-body,system-ui,sans-serif);
}
.ap-ui-select-menu[hidden]{display:none}
.ap-ui-select-menu [role=option]{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:11px 12px;box-sizing:border-box;cursor:pointer;border-radius:var(--ap-ui-radius,4px)}
.ap-ui-select-menu [role=option]>svg{flex:none;visibility:hidden;color:#f4c430}
.ap-ui-select-menu [role=option][aria-selected=true]{background:#04233a;color:white;font-weight:650}
.ap-ui-select-menu [role=option][aria-selected=true]>svg{visibility:visible}
.ap-ui-select-menu [role=option][data-active]:not([aria-selected=true]){background:#edf3f7}
.ap-ui-select-menu [role=option][aria-disabled=true]{opacity:.45;cursor:default}
.ap-search-wrap input.ap-ui-field{padding-left:40px}
@media(hover:hover){
  .ap-ui-field:hover:not(:focus),.ap-ui-select>.ap-ui-select-trigger:hover:not(:disabled){border-color:#8ca2b3}
  .ap-ui-select-menu [role=option]:hover:not([aria-selected=true]):not([aria-disabled=true]){background:#edf3f7}
}
@media(prefers-reduced-motion:reduce){.ap-ui-field,.ap-ui-select-trigger>svg{transition:none}}

/* Surfaces exposed by the native renderers; no clipping of controls or focus. */
:is(.ap-lab,.ap-widget,.ap-sport-widget,.ap-padel-rankings,.ap-ranking-directory,.ap-circuit,.ap-widget-workspace,.ap-widget-catalogue,.ap-trends,.ap-biography,.ap-player-directory,.ap-event-widget,.ap-player-agenda,.ap-article-context,.ap-daily-sidebar,.ap-today-matches,.ap-recap,.ap-recap-live,.ap-padel-live-center) :is(button,.button,input[type=submit],input[type=button],input[type=date],input[type=number],textarea,select[multiple],select[size]){border-radius:var(--ap-ui-radius,4px)}
.ap-sport-widget :is(.ap-sport-widget__message,.ap-sport-widget__table),.ap-widget-catalogue :is(.ap-widget-catalogue__notice,.ap-widget-catalogue__steps li){border-radius:var(--ap-ui-radius,4px)}
:is(.ap-sport-widget__header,.ap-padel-ranking-head,.ap-upcoming__heading){border-radius:var(--ap-ui-radius,4px)}
.ap-sport-widget table>thead>tr:first-child>th:first-child{border-top-left-radius:var(--ap-ui-radius,4px)}
.ap-sport-widget table>thead>tr:first-child>th:last-child{border-top-right-radius:var(--ap-ui-radius,4px)}
.ap-article-context,.ap-retained-scores>div,.ap-retained-rubbers>li,.ap-routes__pair p[data-ap-route-gap],.ap-workspace-preview-stage,.ap-result-calendar__swatch{border-radius:var(--ap-ui-radius,4px)}
