/* V0.24.81: responsive measurement and identity surfaces. */
#settingsModal .performance-lab-v222 .perf-desktop-v226,
#settingsModal .performance-lab-v222 .perf-mobile-v226{min-width:0;color:var(--text,#192538)}
#settingsModal .performance-lab-v222 .performance-hero-v222{
  border:1px solid color-mix(in srgb,var(--accent,#5c78d8) 24%,var(--border,#dfe6ed))!important;
  border-radius:24px!important;padding:clamp(18px,2.5vw,28px)!important;
  background:radial-gradient(circle at 80% 12%,color-mix(in srgb,var(--accent,#6487d8) 16%,transparent),transparent 42%),
             linear-gradient(135deg,var(--surface,#fff),var(--surface-2,#f4f7fb))!important;
  box-shadow:0 16px 40px rgba(15,34,65,.075)!important;
}
#settingsModal .performance-lab-v222 .performance-hero-v222 .perf-hero-actions-v222{display:flex;flex-wrap:wrap;align-items:end;gap:10px;min-width:0}
#settingsModal .performance-lab-v222 .performance-hero-v222 .perf-hero-actions-v222>*{min-width:0}
#settingsModal .performance-lab-v222 .performance-hero-v222 button{min-height:46px;border-radius:13px}
#settingsModal .performance-lab-v222 .perf-section-v222{border-radius:22px!important;padding:clamp(14px,2vw,22px)!important;margin-block:14px!important;min-width:0;overflow:hidden}
#settingsModal .performance-lab-v222 .performance-grid-v222{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;gap:10px!important;min-width:0}
#settingsModal .performance-lab-v222 .performance-grid-v222 article{min-width:0;border-radius:16px!important;overflow-wrap:anywhere}
#settingsModal .performance-lab-v222 .performance-grid-v222 article strong{font-variant-numeric:tabular-nums;line-height:1.12}
#settingsModal .performance-lab-v222 .performance-control-card-v222,
#settingsModal .performance-lab-v222 .performance-advice-v222{border-radius:18px!important;min-width:0}
#settingsModal .performance-lab-v222 .performance-stage-v222{border-radius:19px!important;overflow:hidden}
#settingsModal .performance-lab-v222 .performance-stage-v222 canvas{display:block;width:100%;height:auto}
body.senvo-phone-v226 #settingsModal .perf-mobile-v226{padding-bottom:calc(24px + env(safe-area-inset-bottom))!important}
body.senvo-phone-v226 #settingsModal .perf-mobile-head-v226,
body.senvo-phone-v226 #settingsModal .perf-mobile-hero-v226,
body.senvo-phone-v226 #settingsModal .perf-mobile-section-v226{border-radius:20px!important;box-shadow:0 9px 26px rgba(16,31,52,.045)}
body.senvo-phone-v226 #settingsModal .perf-mobile-score-v226 strong{font-variant-numeric:tabular-nums;line-height:1.04}
body.senvo-phone-v226 #settingsModal .perf-mobile-progress-v226>i{height:7px}
body.senvo-phone-v226 #settingsModal .perf-mobile-metrics-v226 article{min-height:82px}

/* Profile is a compact, scrollable identity editor at either viewport size. */
#profileModal .identity-beacon-v241{scrollbar-gutter:auto!important;max-height:min(820px,calc(100dvh - 28px))!important}
#profileModal .identity-beacon-v241 .nexus-profile-banner-v230{min-height:130px!important;padding:25px 34px!important;
  background:radial-gradient(circle at 87% 12%,rgba(104,221,203,.25),transparent 36%),linear-gradient(120deg,#14253d,#20547a 55%,#4164a1)!important}
#profileModal .identity-beacon-v241 .nexus-profile-banner-copy-v230>strong{font-size:clamp(24px,2.5vw,29px)!important}
#profileModal .identity-beacon-v241 .nexus-profile-identity-v230{padding-top:15px!important;padding-bottom:5px!important}
#profileModal .identity-beacon-v241 .nexus-profile-summary-v230{box-shadow:0 8px 26px rgba(15,45,79,.06)!important}
#profileModal .identity-beacon-v241 .nexus-profile-fields-v230{gap:12px!important;padding-top:10px!important}
#profileModal .identity-beacon-v241 .nexus-profile-field-v230{background:var(--surface-2,#f6f8fb)!important;transition:border-color .18s,box-shadow .18s}
#profileModal .identity-beacon-v241 .nexus-profile-field-v230:focus-within{border-color:color-mix(in srgb,var(--accent,#6283d9) 48%,var(--border,#dfe6ed))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#6283d9) 10%,transparent)}
#profileModal .identity-beacon-v241 .profile-avatar-xl:focus-visible,
#profileModal .identity-beacon-v241 button:focus-visible{outline:3px solid #61ccb8!important;outline-offset:3px}
@media(max-width:760px){
  #profileModal{padding:0!important;align-items:end!important}
  #profileModal .identity-beacon-v241{width:100%!important;max-height:100dvh!important;border-radius:23px 23px 0 0!important;overflow-y:auto!important;overscroll-behavior:contain!important}
  #profileModal .identity-beacon-v241 .nexus-profile-banner-v230{min-height:110px!important;padding:19px 50px 18px 19px!important}
  #profileModal .identity-beacon-v241 .nexus-profile-identity-v230{padding:10px 15px 3px!important}
  #profileModal .identity-beacon-v241 .nexus-profile-hero-v230{margin-top:-38px!important}
  #profileModal .identity-beacon-v241 .profile-avatar-xl{width:88px!important;height:88px!important;min-width:88px!important}
  #profileModal .identity-beacon-v241 .nexus-profile-fields-v230{padding:9px 15px 15px!important}
  #profileModal .identity-beacon-v241 .nexus-profile-actions-v230{padding:11px 15px calc(11px + env(safe-area-inset-bottom))!important}
}
@media(max-height:630px) and (min-width:761px){#profileModal .identity-beacon-v241{max-height:calc(100dvh - 12px)!important}}

/* Football: usable controls and calm, readable in-match settings. */
#footballModalV249 .football-menu{max-height:calc(100dvh - 52px)!important;overflow:auto!important;overscroll-behavior:contain!important;scrollbar-width:thin}
#footballModalV249 .football-settings60{gap:14px!important;margin:16px 0!important}
#footballModalV249 .football-settings60>section{padding:18px!important;border-radius:18px!important;background:linear-gradient(145deg,#142d3b,#122632)!important;border-color:#6cabae42!important}
#footballModalV249 .football-settings60 header h3{margin:5px 0 7px!important;color:#f6fffd}
#footballModalV249 .football-settings60 header p{margin:0 0 14px!important;color:#b5ced3!important;line-height:1.5}
#footballModalV249 .football-settings60 .football-settings label{background:#26425280!important;border:1px solid #789eac45!important;border-radius:13px!important;padding:12px!important;min-width:0}
#footballModalV249 .football-settings60 select{background:#112b39!important;border-color:#718fa25c!important;min-height:44px!important}
#footballModalV249 .football-buttons button{will-change:transform;touch-action:manipulation;transition:transform .13s ease,filter .13s ease,box-shadow .13s ease!important}
#footballModalV249 .football-buttons button:focus-visible,#footballModalV249 .football-menu button:focus-visible{outline:2px solid #7ee2cc!important;outline-offset:3px}
@media(max-width:760px){
 #footballModalV249 .football-menu{max-height:calc(100dvh - 24px)!important;padding-bottom:calc(18px + env(safe-area-inset-bottom))!important}
 #footballModalV249 .football-settings60 .football-settings{grid-template-columns:minmax(0,1fr)!important}
 #footballModalV249 .football-controls{touch-action:none}
}
@media(prefers-reduced-motion:reduce){#footballModalV249 .football-buttons button,#profileModal .nexus-profile-field-v230{transition:none!important}}
