:root { color-scheme: light; --discovery-blue:#2563eb; --discovery-ink:#17253d; } body.discovery-page { margin:0; background:#f5f8fc; color:var(--discovery-ink); font:14px/1.55 Inter,Arial,sans-serif; } .discovery-page * { box-sizing:border-box; } .discovery-page [hidden] { display:none!important; } .discovery-top { background:#fff; border-bottom:1px solid #e1e8f1; } .discovery-top nav { max-width:1180px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 24px; flex-wrap:wrap; } .discovery-top img { width:130px; height:34px; object-fit:contain; } .discovery-top nav>div { display:flex; gap:16px; align-items:center; flex-wrap:wrap; } .discovery-page a { color:#215dcc; text-underline-offset:3px; } .discovery-page a:hover { color:#163e91; } .discovery-page .scv-global-header .scv-global-create { min-width:120px; color:#fff; } .discovery-page .scv-global-header .scv-global-login { min-width:150px; flex-shrink:0; } .discovery-shell { max-width:1180px; margin:0 auto; padding:26px 24px 48px; } .discovery-account-page .discovery-shell { padding-bottom:32px; } body.discovery-account-page .scv-global-footer { margin-top:0; } @media(max-width:600px) { body.discovery-account-page .discovery-shell { padding-bottom:24px; } } .discovery-title { display:flex; align-items:center; gap:16px; justify-content:space-between; flex-wrap:wrap; margin-bottom:18px; } .discovery-title h1 { margin:0; font-size:26px; letter-spacing:-.6px; } .discovery-title p { margin:2px 0 0; color:#526178; } .discovery-nav { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin:0 0 22px; padding:8px; background:white; border:1px solid #e0e7f0; border-radius:14px; } .discovery-nav-tabs { display:flex; align-items:center; flex-wrap:wrap; gap:6px; min-width:0; flex:1 1 auto; } .discovery-nav .discovery-find-athletes { margin-left:auto; flex-shrink:0; min-height:44px; padding:10px 15px; background:#2563eb; border-color:#2563eb; color:#fff; white-space:nowrap; } .discovery-nav .discovery-find-athletes:hover { background:#1d4ed8; border-color:#1d4ed8; color:#fff; } @media(max-width:1100px) { .discovery-nav-tabs { flex-basis:100%; } } @media(max-width:600px) { .discovery-nav-tabs { gap:3px; } .discovery-nav .discovery-find-athletes { margin:8px 3px 3px auto; } } .discovery-nav a { padding:8px 12px; min-height:40px; border-radius:9px; font-weight:600; text-decoration:none; color:#4d5c73; } .discovery-nav a[aria-current=page] { background:#eaf1ff; color:#194fb7; } .discovery-card { background:white; border:1px solid #dde6f1; border-radius:16px; padding:20px; min-width:0; } .discovery-card h2 { font-size:18px; margin:0 0 8px; } .discovery-card h3 { font-size:15px; margin:0 0 6px; } .discovery-card p { margin:6px 0 14px; } .discovery-remove-dialog { width:420px; max-width:calc(100vw - 32px); box-sizing:border-box; padding:24px; border:1px solid #dfd5f7; border-radius:18px; background:#fff; color:#17253d; box-shadow:0 20px 70px #17253d40; } .discovery-remove-dialog::backdrop { background:rgb(23 37 61 / 45%); } .discovery-remove-dialog h2 { margin:0 0 12px; font-size:21px; } .discovery-remove-dialog p { margin:0 0 18px; overflow-wrap:anywhere; } .discovery-remove-dialog .discovery-actions { justify-content:flex-end; gap:10px; } #discoveryRemoveSavedError { color:#b42318; font-size:13px; } #discoveryRemoveSavedError:empty { display:none; } .discovery-page #discoveryConfirmSavedRemoval { background:#b42318; border-color:#b42318; color:#fff; } .discovery-saved-toolbar { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; } .discovery-saved-toolbar h2 { margin:0; } #discoverySaved .discovery-saved-card { background:#fcfaff; border-color:#e3daf5; padding:16px; gap:18px; } .discovery-saved-identity { display:flex; align-items:flex-start; gap:12px; min-width:0; flex:1; } .discovery-saved-photo { display:grid; place-items:center; position:relative; flex:0 0 56px; width:56px; height:56px; border-radius:16px; overflow:hidden; background:#eee7fb; color:#62459a; font-weight:700; } .discovery-saved-photo img { position:absolute; width:100%; height:100%; object-fit:cover; } .discovery-saved-copy { min-width:0; } .discovery-saved-copy h3 { display:flex; align-items:center; gap:8px; font-size:17px; } .discovery-saved-copy h3 span { min-width:0; overflow-wrap:anywhere; } .discovery-saved-copy p { margin:3px 0; } .discovery-saved-sport { display:flex; gap:6px; align-items:center; font-weight:600; color:#526178; } .discovery-saved-location { color:#526178; } .discovery-saved-badges { display:flex; flex-wrap:wrap; gap:6px; margin-top:6px; } .discovery-saved-badges:empty { display:none; } .discovery-saved-badges .parent { background:#f0edff; color:#4936a5; border:1px solid #d5cdff; } .discovery-saved-badges .scouting { background:#edfff4; color:#086d45; border:1px solid #b8eed1; } .discovery-saved-heading-row { display:flex; align-items:center; flex-wrap:wrap; gap:8px 18px; min-width:0; } .discovery-saved-toolbar h2 { display:flex; align-items:center; gap:8px; } .discovery-saved-heading-icon { display:inline-flex; color:#7355a8; } /* Matching decorative section icons; counts remain separate live text. */ #discoveryAccount .discovery-inbox-heading h2 { display:flex; align-items:center; gap:8px; } #discoveryAccount .discovery-section-heading-icon { display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; flex:0 0 20px; } #discoveryAccount .discovery-section-heading-icon svg { display:block; width:20px; height:20px; } #discoveryAccount .discovery-requests-heading-icon { color:#1e56a6; } #discoveryAccount .discovery-messages-heading-icon { color:#146852; } #discoveryAccount .discovery-representative-short { display:none; } .discovery-saved-count { border-radius:999px; padding:2px 8px; font-size:13px; background:#eee7fb; color:#62459a; } .discovery-saved-privacy { position:relative; color:#526178; font-size:12px; } .discovery-saved-privacy summary { cursor:pointer; list-style:none; padding:8px 0; } .discovery-saved-privacy summary::-webkit-details-marker { display:none; } .discovery-saved-privacy summary:focus-visible { outline:3px solid #6494f3; outline-offset:3px; border-radius:4px; } .discovery-saved-privacy p { position:absolute; z-index:5; top:100%; left:0; width:240px; max-width:calc(100vw - 80px); margin:0; padding:12px; background:white; border:1px solid #dfd5f7; border-radius:10px; box-shadow:0 6px 20px #17253d18; } .discovery-saved-toolbar>.discovery-button,#discoverySaved .discovery-actions>.discovery-button { padding:8px 12px; min-height:44px; font-size:13px; } #discoverySaved { margin-top:12px; } #discoverySaved .discovery-actions { align-self:flex-start; flex-wrap:nowrap; gap:8px; } .discovery-page .discovery-saved-remove { background:#f7f3ff; border-color:#d9ccef; color:#7355a8; padding:10px; width:44px; min-height:44px; flex:0 0 44px; } .discovery-saved-remove svg { width:20px; height:20px; fill:#e4d9f8; stroke:currentColor; stroke-width:1.8; } .discovery-saved-sport .discovery-sport-icon { border-radius:50%; } @media(max-width:600px) { .discovery-saved-heading-row { align-items:flex-start; flex-direction:column; gap:0; } .discovery-saved-toolbar { align-items:flex-start; gap:8px; } .discovery-saved-privacy p { position:static; } } @media(max-width:600px) { #discoverySaved .discovery-saved-card { gap:12px; padding:14px; } #discoverySaved .discovery-actions { width:100%; } } .discovery-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:16px; } .discovery-grid .discovery-card { display:flex; flex-direction:column; align-items:start; } .discovery-grid .discovery-card>a { margin-top:auto; } .discovery-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; } .discovery-page button,.discovery-button { display:inline-flex; align-items:center; justify-content:center; border:1px solid #cad6e5; border-radius:10px; padding:10px 15px; min-height:44px; font:600 14px/1.3 Inter,Arial,sans-serif; background:#fff; color:#21456f; text-decoration:none; cursor:pointer; } .discovery-page .primary { background:#2563eb; color:white; border-color:#2563eb; } .discovery-page button:disabled { opacity:.6; cursor:wait; } .discovery-page :is(button,a,input,select,textarea):focus-visible { outline:3px solid #6494f3; outline-offset:3px; } .discovery-notice { border:1px solid #cbdcfa; background:#edf4ff; padding:14px 18px; border-radius:12px; margin:0 0 18px; } .discovery-notice p { margin:0 0 6px; } .discovery-status { margin:8px 0 16px; overflow-wrap:anywhere; } .discovery-status[data-error=true] { color:#a52727; } .discovery-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } .discovery-field { display:flex; flex-direction:column; gap:5px; min-width:0; } .discovery-field.wide { grid-column:1/-1; } .discovery-field label { font-weight:600; } .discovery-field :is(input,textarea,select) { font:inherit; width:100%; min-height:44px; border:1px solid #bccadc; border-radius:9px; padding:10px 12px; background:white; color:#17253d; } .discovery-field textarea { resize:vertical; min-height:90px; } .discovery-form-sections { display:grid; gap:24px; } .discovery-editor-section { border:0; border-top:1px solid #e1e8f1; margin:0; padding:16px 0 0; min-width:0; } .discovery-editor-section legend { padding:0 10px 0 0; color:#21456f; font-weight:700; font-size:16px; } .discovery-editor-section textarea { min-height:68px; } .discovery-chips { display:flex; flex-wrap:wrap; gap:6px; } .discovery-page .discovery-chips button { min-height:36px; padding:6px 10px; border-radius:18px; background:#edf4ff; color:#21456f; font-size:12px; max-width:100%; overflow-wrap:anywhere; text-align:left; } .discovery-choice-custom { display:flex; gap:8px; } .discovery-choice-custom input { min-width:0; } .discovery-page .scv-header-search-submit,.discovery-page .scv-header-search-panel-submit { color:white; background:linear-gradient(135deg,#2563eb,#0ea5e9); border:0; padding:0; border-radius:999px; } .discovery-sport-icon { width:22px; height:22px; object-fit:contain; flex-shrink:0; } .discovery-sport-tag,.discovery-chips button { display:inline-flex; align-items:center; gap:6px; } .discovery-sport-tag { background:#edf5ff; border:1px solid #d6e5f8; border-radius:999px; padding:4px 9px; font-size:12px; } #discoveryIdentitySports { margin:8px 0; } #discoveryIdentityRepresentative { font-size:13px; color:#5c6d82; } .discovery-avatar.organization-logo img { object-fit:contain; background:white; padding:4px; } .discovery-photo-trigger .discovery-avatar { width:100px; height:100px; } .discovery-camera { width:30px; height:30px; font-size:17px; background:#fff; border:2px solid #d4e3fb; } .discovery-page .scv-combobox-button { border-radius:15px; justify-content:space-between; text-align:left; } .discovery-page .scv-combobox-option { justify-content:flex-start; text-align:left; } @media(max-width:600px) { .discovery-photo-trigger .discovery-avatar { width:70px; height:70px; } } .discovery-page .scv-header-search-toggle { text-decoration:none; } @media(min-width:1101px){ .discovery-page .scv-global-nav { grid-template-columns:180px minmax(180px,300px) minmax(0,1fr) 175px; } .discovery-page .scv-global-actions { width:175px; min-width:175px; max-width:175px; } } .discovery-field small,.discovery-muted { color:#5c6d82; } .discovery-contact-privacy { display:block; margin-top:4px; color:#596779; font-size:12px; line-height:1.45; } .discovery-form-actions { margin-top:18px; display:flex; gap:14px; align-items:center; flex-wrap:wrap; } .discovery-save-status { font-size:14px; overflow-wrap:anywhere; } .discovery-save-status:empty { display:none; } .discovery-save-status[data-state="success"] { color:#166534; font-weight:600; } .discovery-save-status[data-state="error"] { color:#b91c1c; } .discovery-identity-card { display:flex; align-items:flex-start; gap:18px; padding:18px; margin-bottom:18px; border:1px solid #d4e2f6; border-radius:18px; background:linear-gradient(115deg,#fff 35%,#edf4ff); box-shadow:0 5px 18px #163e9110; } .discovery-identity-copy { flex:1; min-width:0; overflow-wrap:anywhere; align-self:flex-start; } .discovery-photo-trigger { align-self:flex-start; } .discovery-identity-copy #discoveryIdentityRole { font-size:17px; font-weight:500; color:#40536e; margin:7px 0; } .discovery-identity-copy #discoveryIdentityRepresentative { font-size:16px; color:#40536e; margin:7px 0; } .discovery-sport-picker { border:1px solid #d6e2f0; border-radius:15px; background:white; } .discovery-sport-picker summary { padding:14px; color:#315b9a; font-weight:600; cursor:pointer; } .discovery-sport-panel { padding:12px; border-top:1px solid #e0e8f3; } .discovery-sport-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px 10px; max-height:300px; overflow:auto; margin:10px 0; } .discovery-sport-options .discovery-sport-choice { min-width:0; min-height:44px; margin:0; } .discovery-sport-choice span { min-width:0; overflow-wrap:anywhere; } .discovery-sport-choice:has(input:checked) { background:#eaf3ff; box-shadow:inset 0 0 0 1px #c9ddfa; } .discovery-sport-choice:has(input:disabled):not(:has(input:checked)) { opacity:.55; cursor:not-allowed; } @media(max-width:1100px){.discovery-sport-options { grid-template-columns:repeat(2,minmax(0,1fr)); }} @media(max-width:600px){.discovery-sport-options { grid-template-columns:1fr; }} .discovery-page .discovery-sport-choice { display:flex; align-items:center; gap:10px; padding:10px; margin:3px 0; border-radius:10px; cursor:pointer; font-weight:500; } .discovery-sport-choice:hover { background:#eef5ff; } .discovery-page .discovery-sport-choice input { width:18px; height:18px; min-height:0; padding:0; accent-color:#0ea5e9; flex-shrink:0; } .discovery-role-groups { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; align-items:start; } @media(max-width:900px){.discovery-role-groups { grid-template-columns:1fr; }} .discovery-role-group summary { display:flex; align-items:center; gap:10px; cursor:pointer; min-height:32px; } .discovery-role-group summary:after { content:'▾'; margin-left:8px; color:#2563eb; } .discovery-role-group[open] summary:after { transform:rotate(180deg); } .discovery-role-summary { margin-left:auto; color:#526178; font-size:13px; overflow-wrap:anywhere; } .discovery-role-group[open] summary { margin-bottom:12px; } .discovery-country-flag { width:24px; height:17px; object-fit:contain; vertical-align:middle; margin-right:8px; flex-shrink:0; } [data-scv-for="discovery-country"] .scv-combobox-value { display:flex; align-items:center; } @media(max-width:600px){.discovery-role-group summary { flex-wrap:wrap; }.discovery-role-summary { flex-basis:100%; margin-left:32px; }.discovery-role-group summary:after { position:absolute; right:14px; top:19px; }.discovery-role-group { position:relative; }.discovery-role-group summary strong { padding-right:12px; }} .discovery-role-group { border:1px solid #dce6f3; background:#f8fbff; padding:8px 12px; border-radius:12px; min-width:0; } .discovery-sport-pair { position:relative; max-width:100%; min-width:0; } .discovery-sport-pair[open] { z-index:20; } .discovery-sport-pair summary { min-height:36px; padding:4px 8px; cursor:pointer; list-style:none; } .discovery-sport-pair summary::-webkit-details-marker { display:none; } .discovery-sport-pair summary::after { content:'⌄'; font-size:12px; } .discovery-sport-pair[open] summary::after { content:'⌃'; } .discovery-sport-pair summary:focus-visible { outline:3px solid #6494f3; outline-offset:3px; } .discovery-sport-scope { display:inline-flex; align-items:center; gap:6px; min-height:36px; padding:4px 10px; cursor:pointer; border:1px solid #d6e5f8; border-radius:9px; background:#f8fbff; color:#315b9a; font-size:13px; font-weight:700; list-style:none; } .discovery-sport-scope::-webkit-details-marker { display:none; } .discovery-sport-scope::after { content:'⌄'; font-size:12px; } .discovery-sport-pair[open]>.discovery-sport-scope::after { content:'⌃'; } .discovery-sport-scope:focus-visible { outline:3px solid #6494f3; outline-offset:3px; } .discovery-all-sports { min-height:32px; cursor:default; font-weight:400; } .discovery-all-sports-pair { display:flex; } .discovery-all-sports::after { content:none; } .discovery-scope-pair .discovery-sport-scope { min-height:44px; } .discovery-scope-pair .discovery-sport-detail { position:static; width:auto; margin-top:8px; box-shadow:none; } #discoveryAccount .discovery-icon-sports .discovery-scope-pair .discovery-sport-detail { position:static; width:auto; box-shadow:none; } .discovery-sport-pair .discovery-sport-icon { width:20px; height:20px; } .discovery-sport-pair summary span { overflow-wrap:anywhere; min-width:0; } .discovery-sport-detail { position:absolute; top:calc(100% + 6px); left:0; width:240px; max-width:calc(100vw - 24px); max-height:240px; overflow:auto; padding:12px; border:1px solid #d6e2f0; border-radius:12px; background:#fff; box-shadow:0 8px 24px #17253d24; white-space:normal; overflow-wrap:anywhere; } .discovery-sport-detail strong,.discovery-sport-detail small { display:block; font-size:12px; } .discovery-sport-detail small { color:#526178; margin-top:3px; } .discovery-all-sports-dialog { width:min(440px,calc(100vw - 32px)); border:1px solid #d6e2f0; border-radius:18px; padding:22px; color:#173450; box-shadow:0 24px 60px #17253d38; } .discovery-all-sports-dialog::backdrop { background:#07183380; } .discovery-all-sports-dialog h2 { margin:0 0 8px; font-size:20px; } .discovery-all-sports-dialog p { margin:0; color:#526178; } .discovery-all-sports-dialog .discovery-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:20px; } .discovery-all-sports-dialog button { min-height:44px; padding:9px 14px; border-radius:10px; font-weight:700; } .discovery-dialog-secondary { border:1px solid #cbd9ea; background:#fff; color:#173450; } .discovery-dialog-primary { border:1px solid #1464d2; background:#1464d2; color:#fff; } @media(max-width:480px){.discovery-all-sports-dialog .discovery-actions { display:grid; grid-template-columns:1fr; }.discovery-dialog-primary { order:-1; }} @media(pointer:coarse) { .discovery-sport-pair summary { min-height:44px; } } .discovery-focus { flex:0 1 300px; min-width:0; align-self:flex-start; padding:14px; background:#ffffffb3; border:1px solid #e0e9f6; border-radius:14px; } .discovery-focus h2 { font-size:15px; margin:0 0 10px; } .discovery-focus dl { margin:0; } .discovery-focus dl>div { margin:7px 0; } .discovery-focus dt { font-size:12px; color:#526178; } .discovery-focus dd { margin:0; overflow-wrap:anywhere; font-size:13px; } .discovery-about-preview { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; font-size:13px; margin:10px 0 0; } .discovery-sport-picker:not([open]) { max-width:340px; } @media(max-width:800px){.discovery-focus { flex-basis:100%; }} .discovery-role-group h3 { display:flex; align-items:center; gap:8px; font-size:15px; margin:0 0 10px; } .discovery-role-group .discovery-chips { margin-bottom:10px; } .discovery-sport-picker + .discovery-chips { margin-top:10px; } @media(max-width:600px) { .discovery-role-groups { grid-template-columns:1fr; } .discovery-identity-copy #discoveryIdentityRole,.discovery-identity-copy #discoveryIdentityRepresentative { font-size:16px; } } @media(max-width:600px) { .discovery-page .discovery-identity-copy { flex-basis:calc(100% - 90px); } .discovery-page .discovery-identity-copy h1 { font-size:20px; } } .discovery-identity-copy h1 { margin:0; font-size:23px; line-height:1.25; } .discovery-identity-copy p { margin:4px 0; color:#526178; } .discovery-page .discovery-photo-trigger { position:relative; padding:0; border:0; background:transparent; border-radius:20px; flex-shrink:0; } .discovery-camera { position:absolute; bottom:-4px; right:-4px; display:grid; place-items:center; width:32px; height:32px; background:white; border:2px solid #cbd9ec; border-radius:50%; font-size:17px; } .discovery-photo-status { flex-basis:100%; margin:0; color:#166534; font-size:13px; } .discovery-photo-status:empty { display:none; } .discovery-identity-card { flex-wrap:wrap; } .discovery-page .scv-global-header:has(.discovery-account-menu) .scv-global-login { min-width:140px; } .discovery-page .scv-global-header:has(.discovery-account-menu) .scv-global-create { min-width:110px; } .discovery-account-menu { position:relative; flex:0 0 44px; } .discovery-account-menu summary { display:grid; place-items:center; width:44px; height:44px; cursor:pointer; list-style:none; border-radius:50%; } .discovery-account-menu summary::-webkit-details-marker { display:none; } .discovery-account-menu summary:focus-visible { outline:3px solid #6494f3; outline-offset:3px; } .discovery-account-menu .discovery-avatar { width:38px; height:38px; border-radius:50%; font-size:14px; } .discovery-account-dropdown { position:absolute; right:0; top:52px; width:190px; padding:8px; background:white; border:1px solid #d7e2ef; border-radius:12px; box-shadow:0 10px 30px #07183326; } .discovery-page .discovery-account-dropdown a,.discovery-page .discovery-account-dropdown button { display:flex; width:100%; justify-content:start; padding:11px 12px; min-height:44px; font:600 14px/1.3 Arial,sans-serif; color:#21456f; border:0; border-radius:8px; text-decoration:none; background:white; } .discovery-account-dropdown :is(a,button):hover { background:#edf4ff; } .discovery-mobile-account { border-top:1px solid #d7e2ef; padding-top:8px; margin-top:8px; } .discovery-page .discovery-photo-dialog { width:min(460px,calc(100% - 28px)); max-height:calc(100dvh - 32px); overflow:auto; border:1px solid #d7e2ef; border-radius:18px; padding:22px; color:#17253d; } .discovery-photo-dialog::backdrop { background:#07183380; } .discovery-photo-dialog h2 { margin:0 0 8px; font-size:22px; } .discovery-photo-dialog p { font-size:14px; } .discovery-photo-dialog img { display:block; width:180px; height:180px; object-fit:contain; margin:18px auto; border-radius:14px; background:#f0f5fb; } #discoveryPhotoError { color:#b91c1c; } .discovery-avatar { display:grid; place-items:center; position:relative; width:84px; height:84px; flex-shrink:0; overflow:hidden; border-radius:20px; background:linear-gradient(135deg,#2563eb,#0ea5e9); color:white; font-size:26px; font-weight:700; box-shadow:0 4px 12px #2563eb25; } .discovery-avatar img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; background:white; } .discovery-tool { position:relative; } .discovery-grid .discovery-tool { padding:18px; gap:10px; } .discovery-tool-heading { display:flex; align-items:center; gap:10px; } .discovery-tool-heading h2 { margin:0; font-size:20px; } .discovery-tool-heading .discovery-tool-icon { width:34px; height:34px; flex:0 0 34px; font-size:21px; margin:0; } .discovery-tool p { margin:0 0 2px; } .discovery-grid .discovery-tool>a { min-height:44px; padding:9px 14px; font-size:14px; } @media(max-width:600px) { .discovery-grid .discovery-tool { padding:16px; } } .discovery-tool-icon,.discovery-empty-icon { display:grid; place-items:center; width:40px; height:40px; border-radius:12px; font-size:24px; margin-bottom:10px; background:#eaf1ff; color:#215dcc; } .discovery-grid .saved-tool { background:#f5f1ff; border-color:#dfd5f7; } .saved-tool .discovery-tool-icon { background:#e9defb; color:#6644a0; } .discovery-grid .requests-tool { background:#f0f6ff; border-color:#d3e2fa; } .discovery-grid .messages-tool { background:#edf9f6; border-color:#cce7df; } .messages-tool .discovery-tool-icon { background:#d6eee6; color:#176c58; } .discovery-requests-panel>h2 { margin:0 0 10px; } .discovery-request-filter { width:220px; max-width:100%; margin:0; } .discovery-requests-toolbar { display:flex; justify-content:space-between; align-items:center; gap:12px; } .discovery-request-tabs { display:flex; gap:4px; padding:4px; background:#f2f5fb; border:1px solid #e1e8f3; border-radius:12px; } .discovery-page .discovery-request-tabs button { display:inline-flex; align-items:center; gap:7px; min-height:44px; padding:8px 14px; border:0; border-radius:8px; background:transparent; color:#526178; font-size:14px; } .discovery-page .discovery-request-tabs button[aria-selected="true"] { color:#1654c2; background:#fff; box-shadow:0 1px 4px #19345a14; } .discovery-request-tabs button:focus-visible { outline:2px solid #2864ef; outline-offset:2px; } .discovery-request-count { display:inline-flex; align-items:center; justify-content:center; min-width:21px; height:21px; padding:0 5px; border-radius:20px; background:#e5edff; color:#1654c2; font-size:11px; } .discovery-request-count[hidden] { display:none; } #discoveryRequestsHelp { margin:8px 0 0; font-size:13px; } #discoveryRequests { margin-top:10px; } #discoveryRequests .discovery-request-empty { display:grid; justify-items:center; gap:7px; text-align:center; padding:8px 12px; } #discoveryRequests .discovery-request-empty .discovery-empty-icon { width:32px; height:32px; margin:0; font-size:20px; } #discoveryRequests .discovery-request-empty h3 { margin:0; font-size:16px; } #discoveryRequests .discovery-request-empty p { width:100%; max-width:540px; margin:0; color:#526178; font-size:14px; } #discoveryRequests .discovery-request-empty :is(button,a) { margin-top:3px; } #discoveryRequests article { align-items:flex-start; } #discoveryRequests article>.discovery-actions { flex-wrap:wrap; justify-content:flex-end; flex:0 1 420px; gap:8px; } #discoveryRequests article>.discovery-actions :is(button,a) { min-height:44px; padding:8px 12px; font-size:13px; } #discoveryRequests article>.discovery-actions p { flex-basis:100%; color:#853745; } #discoveryAccount #discoveryRequests .discovery-actions .discovery-report-link { border-color:transparent; background:transparent; font-weight:500; color:#526178; text-decoration:underline; text-underline-offset:3px; } #discoveryAccount #discoveryRequests .discovery-actions .discovery-report-link:hover { color:#215dcc; background:#f5f8fc; } .discovery-sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; } .discovery-request-date { display:inline-block; margin-left:12px; font-size:12px; color:#526178; } .discovery-request-message { margin-top:8px; } .discovery-request-message summary { cursor:pointer; color:#215dcc; font-size:13px; } .discovery-request-message p { margin-top:8px; white-space:pre-wrap; } .discovery-badge[data-status="pending"] { background:#fff3d6; color:#775411; } .discovery-badge[data-status="approved"] { background:#e0f4ec; color:#195f4d; } .discovery-badge[data-status="blocked"],.discovery-badge[data-status="declined"] { background:#fbe9eb; color:#853745; } #discoveryIdentityEdit { align-self:flex-start; } #discoveryIdentitySports { margin-top:12px; } @media(max-width:600px){.discovery-requests-toolbar { align-items:stretch; flex-direction:column; }.discovery-request-tabs { align-self:flex-start; }.discovery-request-filter { width:100%; }.discovery-request-date { display:block; margin:6px 0 0; }#discoveryRequests article>.discovery-actions { flex-basis:auto; justify-content:flex-start; }#discoveryRequests .discovery-request-empty { padding:14px 0; }} .discovery-list>.discovery-button { justify-self:start; } .discovery-list>.discovery-empty-icon { margin-top:12px; margin-bottom:0; } .discovery-profile-head { padding:4px 0 22px; border-bottom:1px solid #e1e8f1; } .discovery-profile-head>div { min-width:0; overflow-wrap:anywhere; } .discovery-profile-details>div { padding:12px 14px; background:#f7f9fd; border-radius:10px; min-width:0; } .discovery-page .scv-global-footer { margin-top:18px; background:#071833; color:#dce8ff; } .discovery-page .scv-footer-shell { max-width:1180px; margin:auto; padding:30px 24px 18px; } .discovery-page .scv-footer-main { display:grid; grid-template-columns:1fr 1fr; gap:48px; } .discovery-page .scv-footer-logo-img { width:140px; height:auto; } .discovery-page .scv-footer-text { max-width:380px; color:#b6c9e7; font-size:13px; } .discovery-page .scv-footer-chips { display:flex; gap:7px; flex-wrap:wrap; } .discovery-page .scv-footer-chip { font-size:11px; padding:3px 8px; border:1px solid #344561; border-radius:12px; } .discovery-page .scv-footer-nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; } .discovery-page .scv-footer-col h3 { font-size:12px; color:#fff; margin:0 0 10px; } .discovery-page .scv-footer-col a { display:block; color:#b6c9e7; font-size:12px; text-decoration:none; margin:5px 0; } .discovery-page .scv-footer-col a:hover { color:white; text-decoration:underline; } .discovery-page .scv-footer-bottom { border-top:1px solid #283b58; margin-top:22px; padding-top:10px; font-size:11px; color:#b6c9e7; } @media(max-width:600px) { .discovery-identity-card { gap:12px; padding:16px; flex-wrap:wrap; } .discovery-avatar { width:60px; height:60px; border-radius:16px; font-size:21px; } .discovery-identity-copy h2 { font-size:20px; } .discovery-identity-copy { flex-basis:calc(100% - 80px); } .discovery-identity-card>.discovery-button { margin-left:72px; } .discovery-page .scv-footer-main { grid-template-columns:1fr; gap:24px; } .discovery-page .scv-footer-shell { padding:26px 16px 16px; } .discovery-page .scv-footer-nav { gap:14px; } } .discovery-photo { width:72px; height:72px; border-radius:14px; object-fit:cover; border:1px solid #d7e2ee; } .discovery-photo-form { margin-bottom:22px; padding-bottom:20px; border-bottom:1px solid #e3eaf3; } .discovery-photo-form input { max-width:100%; } .discovery-list { display:grid; gap:10px; margin-top:16px; } .discovery-list article { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:15px; border:1px solid #e0e7f0; border-radius:12px; min-width:0; } .discovery-list article>div { min-width:0; } .discovery-list h3,.discovery-list p { margin:0 0 4px; overflow-wrap:anywhere; } .discovery-badge { display:inline-block; border-radius:7px; padding:3px 8px; background:#eaf1fc; color:#2f5386; font-size:12px; font-weight:600; } .discovery-profile-head { display:flex; gap:16px; align-items:center; margin-bottom:20px; } .discovery-profile-head h1 { margin:0; font-size:25px; overflow-wrap:anywhere; } .discovery-profile-details { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 24px; } .discovery-profile-details dt { font-size:12px; color:#5c6d82; font-weight:600; } .discovery-profile-details dd { margin:3px 0 0; white-space:pre-wrap; overflow-wrap:anywhere; } .discovery-footer { max-width:1180px; margin:auto; padding:0 24px 28px; color:#5c6d82; font-size:12px; } .discovery-footer a { margin-right:14px; } .discovery-alert-count,.discovery-updated-count { display:inline-flex; align-items:center; justify-content:center; min-width:22px; min-height:22px; padding:2px 7px; border-radius:999px; font:600 12px/1.4 Arial,sans-serif; vertical-align:middle; } .discovery-alert-count { background:#b42318; color:#fff; } .discovery-updated-count { background:#ede5ff; color:#6540a2; } .discovery-tool-heading h2 { display:flex; align-items:center; flex-wrap:wrap; gap:6px; } .discovery-tool-heading .discovery-saved-count { font-size:12px; } .discovery-page .discovery-nav a.has-attention { color:#b42318; } .discovery-page .discovery-nav a.has-attention[aria-current=page] { background:#fff0f0; } .discovery-page .scv-global-actions a.has-attention { background:#fff2f2; color:#b42318; border:1px solid #f0baba; } .discovery-page .requests-tool.has-attention { background:#fff4f3; border-color:#f4ceca; } .requests-tool.has-attention .discovery-tool-icon { color:#b42318; background:#ffe3e0; } .requests-tool.has-attention .discovery-button { color:#b42318; border-color:#e9b6b1; } .discovery-request-count.has-attention { background:#b42318; color:#fff; } .discovery-saved-copy .discovery-update-detail { color:#6540a2; font-size:13px; } .discovery-saved-copy h3 .discovery-updated-count { flex-shrink:0; } .discovery-tool-icon svg { width:21px; height:21px; } .discovery-editor-intro { color:#526178; font-size:13px; } #discoveryProfileForm .discovery-form-sections { gap:14px; } #discoveryProfileForm .discovery-form-grid { gap:12px 16px; } .discovery-editor-disclosure { padding:0; border:1px solid #dce6f3; border-radius:12px; background:#fbfdff; } .discovery-editor-disclosure>summary { position:relative; display:flex; align-items:center; flex-wrap:wrap; gap:6px 12px; padding:14px 36px 14px 14px; min-height:48px; cursor:pointer; font-weight:700; color:#21456f; list-style:none; } .discovery-editor-disclosure>summary::-webkit-details-marker { display:none; } .discovery-editor-disclosure>summary::after { content:'⌄'; position:absolute; right:14px; top:14px; } .discovery-editor-disclosure[open]>summary::after { content:'⌃'; } .discovery-section-meta { font-size:12px; font-weight:400; color:#526178; } .discovery-editor-disclosure>.discovery-form-grid { padding:0 14px 14px; } .discovery-editor-sport-preview { flex-basis:100%; font-weight:400; } .discovery-editor-disclosure[open] .discovery-editor-sport-preview { display:none; } .discovery-editor-sport-preview:empty { padding:0!important; } .discovery-custom-age summary { min-height:44px; display:flex; align-items:center; color:#215dcc; cursor:pointer; font-size:13px; } .discovery-custom-age summary::before { content:'+ '; margin-right:4px; } .discovery-custom-age[open] summary::before { content:'− '; } .discovery-about h3 { font-size:12px; font-weight:400; color:#526178; margin:10px 0 0; } .discovery-about .discovery-about-preview { margin:3px 0 0; } .discovery-about-preview.expanded { display:block; } .discovery-page .discovery-read-more { border:0; background:transparent; color:#215dcc; padding:4px 0; min-height:44px; font-size:12px; } #discoveryProfileForm .discovery-form-actions { position:sticky; bottom:0; z-index:25; background:#fff; border-top:1px solid #dce6f3; padding:12px 0 max(12px,env(safe-area-inset-bottom)); box-shadow:0 -8px 16px #fff; } #discoveryProfileForm .discovery-form-actions>a { display:inline-flex; align-items:center; min-height:44px; } #discoveryProfileForm.discovery-keyboard-open .discovery-form-actions { position:static; } #discoveryProfileForm :is(input,textarea,select,summary) { scroll-margin-top:110px; scroll-margin-bottom:110px; } .discovery-editor-disclosure>summary:focus-visible,.discovery-custom-age summary:focus-visible { outline:3px solid #6494f3; outline-offset:2px; border-radius:10px; } @media(max-width:1100px) { .discovery-focus { flex-basis:100%; } .discovery-focus dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 20px; } } @media(max-width:900px) { #discoveryProfileForm .discovery-form-grid { grid-template-columns:1fr; } } @media(pointer:coarse) { .discovery-page .discovery-chips button,.discovery-role-group summary { min-height:44px; } #discoveryProfileForm :is(input,textarea) { font-size:16px; } } @media(max-width:600px) { .discovery-focus dl { grid-template-columns:1fr; } .discovery-section-meta { flex-basis:calc(100% - 24px); } .discovery-editor-disclosure>summary::after { position:absolute; right:14px; top:14px; } .discovery-editor-disclosure>summary { position:relative; padding-right:30px; } #discoveryProfileForm .discovery-save-status { flex-basis:100%; } } @media(max-width:900px) { .discovery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media(max-width:600px) { .discovery-shell { padding:20px 14px 32px; } .discovery-top nav { padding:12px 14px; gap:10px; } .discovery-top nav>div { gap:10px; font-size:12px; } .discovery-title h1 { font-size:23px; } .discovery-grid,.discovery-form-grid,.discovery-profile-details { grid-template-columns:1fr; } .discovery-card { padding:16px; } .discovery-list article { align-items:start; flex-direction:column; gap:8px; } .discovery-nav { gap:3px; padding:5px; } .discovery-nav a { padding:8px; font-size:12px; } .discovery-photo-form .discovery-actions { align-items:start; } } /* Owner Discovery dashboard refinements. Shared and public profiles retain their existing design; mobile navigation is handled by the companion CSS. */ #discoveryAccount .discovery-dashboard-layout { min-width:0; } #discoveryAccount :is(.discovery-identity-card,.discovery-focus,.discovery-card) { border-color:#d8dfe8; border-radius:12px; background:#fff; } #discoveryAccount .discovery-identity-card { gap:18px; margin:0; box-shadow:0 2px 6px #17253d08; } #discoveryAccount .discovery-focus { padding:18px; align-self:start; } #discoveryAccount .discovery-summary-section { min-width:0; } #discoveryAccount .discovery-summary-section+.discovery-summary-section { margin-top:16px; padding-top:16px; border-top:1px solid #e4e8ee; } #discoveryAccount .discovery-summary-section h2 { margin:0 0 10px; font-size:15px; } #discoveryAccount .discovery-summary-section dl { display:block; margin:0; } #discoveryAccount .discovery-summary-section dl>div { margin:0 0 12px; } #discoveryAccount .discovery-summary-section dl>div:last-child { margin-bottom:0; } #discoveryAccount .discovery-summary-section dt { margin-bottom:3px; color:#596779; } #discoveryAccount .discovery-summary-section dd { line-height:1.55; } #discoveryAccount .discovery-summary-section .discovery-about-preview { margin:0; -webkit-line-clamp:3; } #discoveryAccount .discovery-summary-section .discovery-read-more { min-height:44px; margin-top:2px; } #discoveryAccount .discovery-grid { margin:0; gap:14px; } #discoveryAccount .discovery-grid .discovery-tool { padding:12px 14px; gap:6px; align-items:stretch; } #discoveryAccount .discovery-tool-heading .discovery-tool-icon { width:28px; height:28px; flex:0 0 28px; border-radius:6px; background:transparent; color:#596779; font-size:19px; } #discoveryAccount .discovery-tool-icon svg { width:19px; height:19px; } #discoveryAccount .discovery-tool-heading h2 { min-width:0; font-size:18px; } #discoveryAccount .discovery-grid .discovery-tool>a { padding:7px 12px; min-height:44px; font-size:13px; } #discoveryAccount .discovery-tool-status { display:flex; align-items:center; flex-wrap:wrap; gap:6px 10px; min-width:0; font-size:12px; color:#596779; } #discoveryAccount .discovery-tool-status:empty { display:none; } #discoveryAccount .discovery-saved-total { font-weight:600; } #discoveryAccount .discovery-tool-status .discovery-updated-count { border-radius:6px; background:#f1f4f8; color:#40536e; } #discoveryAccount .discovery-tool p { color:#596779; } #discoveryAccount .discovery-grid .discovery-tool>a { align-self:start; margin-top:auto; } #discoveryAccount :is(.discovery-button,button) { border-radius:8px; } #discoveryAccount .discovery-nav { border-color:#d8dfe8; border-radius:10px; } #discoveryAccount .discovery-nav a { border-radius:7px; } #discoveryAccount .discovery-nav a[aria-current=page] { background:#eef3fc; color:#194fb7; } #discoveryAccount .discovery-sport-tag { border-color:#d8e0e9; border-radius:8px; background:#f8fafc; } #discoveryAccount .discovery-sport-pair .discovery-sport-icon { width:18px; height:18px; } #discoveryAccount .discovery-avatar { border-radius:12px; background:#eaf0f8; color:#21456f; box-shadow:none; } #discoveryAccount .discovery-photo-trigger { border-radius:12px; } #discoveryAccount .discovery-camera svg { width:20px; height:20px; } /* Larger desktop identity image; existing 100px tablet and 56/40px phone sizes remain. */ @media(min-width:1101px) { #discoveryAccount .discovery-photo-trigger .discovery-avatar { width:180px; height:180px; } #discoveryAccount .discovery-camera { width:44px; height:44px; bottom:-6px; right:-6px; } } #discoveryAccount #discoverySaved .discovery-saved-card { background:#fff; border-color:#d8dfe8; } #discoveryAccount .discovery-saved-photo { border-radius:10px; background:#f1f4f8; color:#40536e; } #discoveryAccount .discovery-saved-count { border-radius:6px; background:#f1f4f8; color:#40536e; } #discoveryAccount .discovery-saved-remove { background:#fff; border-color:#d8dfe8; color:#596779; } #discoveryAccount .discovery-saved-remove svg { fill:none; } #discoveryAccount .discovery-chips button { border-radius:8px; background:#f8fafc; } #discoveryAccount :is(.discovery-role-group,.discovery-editor-disclosure) { background:#fff; border-color:#d8dfe8; border-radius:10px; } #discoveryAccount .requests-tool.has-attention { background:#fff; border-color:#e6c5c1; } #discoveryAccount .requests-tool.has-attention .discovery-tool-icon { color:#b42318; background:transparent; } #discoveryAccount .discovery-phone-sharing { display:flex; align-items:flex-start; gap:10px; min-width:0; min-height:44px; padding:8px 0; margin-top:5px; font-weight:500; cursor:pointer; } #discoveryAccount .discovery-phone-sharing input[type=checkbox] { width:18px; height:18px; min-height:0; padding:0; margin:2px 0 0; accent-color:#0ea5e9; flex:0 0 18px; } #discoveryAccount .discovery-phone-sharing span { min-width:0; } @media(min-width:701px) { #discoveryAccount .discovery-dashboard-layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; align-items:start; gap:16px; } #discoveryAccount .discovery-dashboard-main>.discovery-identity-card { display:grid; grid-template-columns:max-content minmax(0,1fr); grid-template-rows:auto; align-self:start; } #discoveryAccount .discovery-identity-card>.discovery-photo-trigger { grid-column:1; grid-row:1; } #discoveryAccount .discovery-identity-copy { grid-column:2; grid-row:1; } #discoveryAccount .discovery-dashboard-layout>.discovery-focus { grid-column:2; width:100%; } #discoveryAccount .discovery-photo-status { grid-column:1/-1; grid-row:3; } #discoveryAccount .discovery-identity-card>.discovery-nav { display:grid; grid-template-columns:minmax(0,1fr) auto; grid-column:1/-1; grid-row:2; align-self:start; min-width:0; margin:0; padding:0; border:0; border-radius:0; background:transparent; gap:12px; } #discoveryAccount .discovery-nav-tabs { flex-basis:auto; } #discoveryAccount .discovery-nav-tabs>a { min-height:44px; padding:8px; display:inline-flex; align-items:center; gap:4px; } #discoveryAccount .discovery-dashboard-main>[data-discovery-panel] { min-width:0; margin-top:16px; } #discoveryAccount .discovery-dashboard-layout:has(>.discovery-focus[hidden]) { grid-template-columns:minmax(0,1fr); } } @media(min-width:701px) and (max-width:1100px) { #discoveryAccount .discovery-dashboard-layout { grid-template-columns:minmax(0,1fr); } #discoveryAccount .discovery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media(min-width:901px) and (max-width:1100px) { #discoveryAccount .discovery-focus { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; } #discoveryAccount .discovery-summary-section+.discovery-summary-section { padding-top:0; padding-left:20px; margin-top:0; border-top:0; border-left:1px solid #e4e8ee; } } @media(min-width:701px) and (max-width:900px) { #discoveryAccount .discovery-nav-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); } #discoveryAccount .discovery-nav-tabs>a { justify-content:center; text-align:center; } } #discoveryAccount .discovery-dashboard-main { min-width:0; } #discoveryAccount .discovery-focus.discovery-summary-sticky { position:sticky; top:var(--discovery-summary-top,100px); } #discoveryAccount .saved-tool { background:#eee6fb; border-color:#c7b2e8; } #discoveryAccount .requests-tool { background:#e4efff; border-color:#aac9f2; } #discoveryAccount .messages-tool { background:#dff2eb; border-color:#9ecfbe; } #discoveryAccount .saved-tool .discovery-tool-icon { color:#66339c; background:#ddc9f4; border-radius:50%; } #discoveryAccount .requests-tool .discovery-tool-icon { color:#1e56a6; background:#c8ddfb; border-radius:50%; } #discoveryAccount .messages-tool .discovery-tool-icon { color:#146852; background:#bde3d6; border-radius:50%; } #discoveryAccount .discovery-tool-status .discovery-updated-count { color:#6540a2; background:#ede5ff; } #discoveryAccount .requests-tool.has-attention { background:#fff4f3; border-color:#e6c5c1; } #discoveryAccount .requests-tool.has-attention .discovery-tool-icon { color:#b42318; background:#ffe3e0; } #discoveryAccount .discovery-icon-sports { gap:8px; } #discoveryAccount .discovery-icon-sports .discovery-sport-tag { width:44px; height:44px; min-height:44px; padding:2px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:transparent; border-color:transparent; } #discoveryAccount .discovery-icon-sports .discovery-sport-tag::after { display:none; } #discoveryAccount .discovery-icon-sports .discovery-sport-icon { width:40px; height:40px; border-radius:50%; } #discoveryAccount .discovery-icon-sports .discovery-sport-name { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; } #discoveryAccount .discovery-icon-sports .discovery-sport-tag:hover,#discoveryAccount .discovery-icon-sports .discovery-sport-pair[open]>.discovery-sport-tag { background:transparent; border-color:transparent; filter:brightness(1.08); } #discoveryAccount .discovery-icon-sports .discovery-sport-tag:focus-visible { outline:3px solid #6494f3; outline-offset:2px; } #discoveryAccount .discovery-icon-sports .discovery-sport-detail { width:max-content; max-width:min(220px,calc(100vw - 28px)); z-index:35; padding:8px 10px; border-radius:8px; background:#fff; color:#173450; box-shadow:0 4px 16px #18345026; pointer-events:auto; } .discovery-about-dialog { width:min(560px,calc(100% - 32px)); max-height:calc(100dvh - 40px); overflow:auto; border:1px solid #d8dfe8; border-radius:12px; padding:24px; color:#173450; } .discovery-about-dialog::backdrop { background:#07183370; } .discovery-about-dialog h2 { margin:0 0 12px; font-size:20px; } .discovery-about-dialog p { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.6; } #discoveryProfileForm { container-type:inline-size; container-name:discovery-editor; } #discoveryProfileForm .discovery-form-sections { gap:10px; padding-bottom:12px; } #discoveryProfileForm :is(.discovery-field,input,textarea,select,summary) { scroll-margin-bottom:var(--discovery-action-clearance,110px); } #discoveryProfileForm .discovery-section-meta:empty { display:none; } #discoveryProfileForm .discovery-sport-scope-choice { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; border:0; padding:0; margin:0; min-width:0; } #discoveryProfileForm .discovery-sport-scope-choice legend { padding:0 0 6px; font-size:13px; font-weight:600; } #discoveryProfileForm .discovery-sport-scope-choice label { display:flex; align-items:center; gap:8px; min-height:44px; padding:8px 10px; margin:0; border:1px solid #d8dfe8; border-radius:8px; cursor:pointer; } #discoveryProfileForm .discovery-sport-scope-choice label:has(:checked) { background:#edf3ff; border-color:#8eb3fb; color:#194fb7; } #discoveryProfileForm .discovery-sport-scope-choice input { width:18px; height:18px; flex:0 0 18px; min-height:0; padding:0; margin:0; accent-color:#0ea5e9; } #discoveryProfileForm .discovery-specific-sports { min-width:0; } #discoveryProfileForm .discovery-specific-sports>.discovery-chips:not(:empty) { padding:0 0 8px; } #discoveryProfileForm .discovery-sport-picker { border-radius:8px; } #discoveryProfileForm .discovery-sport-picker>summary { padding:10px 12px; min-height:44px; } #discoveryProfileForm .discovery-contact-group { grid-column:1/-1; min-width:0; margin:0; padding:0; border:0; display:grid; gap:8px; } #discoveryProfileForm .discovery-contact-group>legend { padding:4px 0 8px; font-size:13px; font-weight:600; color:#526178; } #discoveryProfileForm .discovery-contact-group+.discovery-contact-group { border-top:1px solid #e4e8ee; padding-top:8px; margin-top:4px; } #discoveryProfileForm button[type=submit]:disabled { cursor:default; opacity:.6; } #discoveryProfileForm .discovery-form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 12px; } #discoveryProfileForm .discovery-editor-disclosure>summary { padding:10px 32px 10px 12px; min-height:44px; } #discoveryProfileForm .discovery-editor-disclosure>.discovery-form-grid { padding:0 12px 12px; } #discoveryProfileForm .discovery-field label { margin-bottom:4px; } #discoveryProfileForm .discovery-field :is(input:not([type=checkbox]):not([type=hidden]),select) { min-height:44px; padding:10px 12px; } #discoveryProfileForm textarea { min-height:68px; padding:10px 12px; } #discoveryProfileForm .discovery-field:has(textarea:not([name=about])) { align-self:start; } #discoveryProfileForm textarea:not([name=about]) { flex:none; height:90px; min-height:80px; resize:vertical; overflow-y:auto; } #discoveryProfileForm textarea:is([name=programs],[name=business_address]) { height:80px; } #discoveryProfileForm textarea[name=about] { min-height:88px; line-height:1.5; resize:vertical; } #discoveryProfileForm textarea.discovery-bounded-textarea { box-sizing:border-box; flex:none; height:auto; max-height:320px; overflow-y:auto; line-height:1.5; resize:vertical; } #discoveryProfileForm .discovery-about-counter { display:block; flex:none; text-align:right; color:#596779; font-size:12px; padding:0 2px; line-height:1.3; } #discoveryProfileForm .discovery-about-legacy-hint { color:#596779; font-size:12px; } #discoveryProfileForm .discovery-about-counter[data-over-limit=true] { color:#b42318; } @media(max-width:1100px),(pointer:coarse) { #discoveryProfileForm textarea:is([name]) { resize:none; } #discoveryProfileForm textarea.discovery-bounded-textarea { resize:none; max-height:240px; } } /* Optional detail fields stay compact; content grows independently, not to match its column. */ #discoveryProfileForm .discovery-optional-sections { align-items:start; } #discoveryProfileForm .discovery-optional-sections .discovery-form-grid { align-items:start; } #discoveryProfileForm .discovery-field:has(.discovery-compact-textarea) { align-self:start; gap:4px; } #discoveryProfileForm textarea.discovery-compact-textarea { height:90px; min-height:90px; max-height:200px; resize:vertical; overflow-y:auto; } #discoveryProfileForm textarea.discovery-compact-textarea[name=interests] { height:115px; min-height:115px; } #discoveryProfileForm .discovery-field:has(.discovery-compact-textarea) .discovery-text-counter { margin:0; padding:0 2px; line-height:1.3; } #discoveryProfileForm .discovery-field:has(.discovery-compact-textarea) .discovery-about-legacy-hint { margin:0; line-height:1.4; } /* Approved owner-account polish; public profiles and the shared webview correction are unchanged. */ #discoveryProfileForm textarea.discovery-bounded-textarea[name=about] { height:130px; min-height:130px; max-height:220px; resize:vertical; } #discoveryProfileForm .discovery-field:has(textarea[name=about]) { gap:4px; } #discoveryProfileForm .discovery-field:has(textarea[name=about]) .discovery-text-counter { margin:0; padding:0 2px; } #discoveryProfileForm .discovery-identity-lock { color:#526178; font-size:12px; } #discoveryAccount .discovery-representative-private { display:inline-block; margin:3px 0 0 5px; padding:2px 7px; border:1px solid #d7e0eb; border-radius:20px; font-size:11px; line-height:1.4; color:#526178; background:#f5f7fa; vertical-align:middle; } #discoveryAccount .discovery-grid .discovery-tool { min-height:174px; } #discoveryAccount .discovery-grid .saved-tool { background:#eee7fa; border-color:#ccb4ef; } #discoveryAccount .discovery-grid .requests-tool { background:#e4efff; border-color:#aac9f2; } #discoveryAccount .discovery-grid .messages-tool { background:#dff2eb; border-color:#9ecfbe; } #discoveryAccount .discovery-grid .discovery-tool .discovery-tool-icon { background:#e8effc; color:#245bb5; } #discoveryAccount .discovery-grid .saved-tool .discovery-tool-icon { background:#ddc9f4; color:#693ba0; } #discoveryAccount .discovery-grid .requests-tool .discovery-tool-icon { background:#c8ddfb; color:#1e56a6; } #discoveryAccount .discovery-grid .messages-tool .discovery-tool-icon { background:#bde3d6; color:#146852; } #discoveryAccount .discovery-grid .discovery-tool>a { color:#215dcc; border-color:#c8d7ee; } #discoveryAccount .discovery-tool-heading .discovery-alert-count { display:none; } .discovery-mobile-label { display:none; } @media(min-width:701px) { #discoveryAccount .discovery-photo-trigger .discovery-avatar { width:128px; height:128px; border:1px solid #d7e2ef; box-shadow:none; } } #discoveryAccount .discovery-camera { width:44px; height:44px; border-width:1px; } #discoveryAccount .discovery-photo-trigger .discovery-avatar.organization-logo img { padding:0; } @media(max-width:700px) { #discoveryAccount[data-mobile-panel] .discovery-photo-trigger .discovery-avatar { width:56px; height:56px; box-shadow:none; border:1px solid #d7e2ef; } #discoveryAccount[data-mobile-panel] .discovery-identity-card { gap:8px 12px; } #discoveryAccount[data-mobile-panel] #discoveryIdentitySports { margin:0; } #discoveryAccount[data-mobile-panel] .discovery-mobile-focus { padding-top:0; margin-top:0; } #discoveryAccount .discovery-grid .discovery-tool { min-height:94px; gap:4px 8px; grid-template-rows:40px 16px; } #discoveryAccount .discovery-grid .discovery-tool>a { white-space:nowrap; font-size:12px; width:114px; padding:8px 6px; } #discoveryAccount .discovery-grid .discovery-desktop-label { display:none; } #discoveryAccount .discovery-grid .discovery-mobile-label { display:inline; } #discoveryAccount .discovery-tool-heading h2 { font-size:15px; } #discoveryAccount .discovery-representative-private { margin-left:0; } } .discovery-page .discovery-photo-dialog { position:fixed; box-sizing:border-box; width:min(420px,calc(100% - 24px)); max-height:calc(100dvh - 24px); padding:20px; overscroll-behavior:contain; } .discovery-photo-dialog h2 { padding-right:40px; font-size:21px; } .discovery-photo-dialog #discoveryPhotoHelp { color:#526178; margin:6px 0 14px; font-size:13px; } .discovery-photo-dialog .discovery-photo-close { position:absolute; top:8px; right:8px; width:44px; height:44px; padding:0; border:0; background:transparent; font-size:22px; } .discovery-photo-dialog .discovery-photo-preview-frame { display:grid; place-items:center; width:160px; height:160px; margin:12px auto 8px; overflow:hidden; border:0; border-radius:10px; background:#f6f8fc; } .discovery-photo-dialog #discoveryPhotoPreview { width:100%; height:100%; object-fit:contain; border:0; border-radius:0; margin:0; background:transparent; } #discoveryPhotoPlaceholder { font-size:12px; color:#526178; } .discovery-photo-dialog #discoveryPhotoError { min-height:0; margin:4px 0 10px; color:#40536e; font-size:12px; text-align:center; line-height:1.45; } .discovery-photo-dialog #discoveryPhotoError:empty { display:none; } .discovery-photo-dialog .discovery-photo-picker-actions { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:4px 10px; } .discovery-photo-dialog .discovery-photo-picker-actions button { min-height:44px; font-size:13px; } .discovery-photo-dialog #discoveryRemovePhoto { margin:0; padding:6px 8px; border-color:transparent; background:transparent; font-weight:500; text-decoration:underline; text-underline-offset:3px; } .discovery-photo-dialog #discoveryRemovePhoto:hover { background:#fff3f2; } .discovery-photo-dialog .discovery-photo-footer { justify-content:flex-end; gap:8px; margin-top:10px; padding-top:10px; border-top:1px solid #e0e7f1; } .discovery-photo-dialog button.primary:disabled { opacity:1; color:#596779; background:#e5e7eb; border-color:#d1d5db; } .discovery-photo-dialog .discovery-photo-remove { min-height:44px; margin-top:8px; color:#b42318; border-color:#eccdca; background:#fff; } .discovery-photo-dialog .discovery-photo-remove-confirm { padding:10px 12px; margin-top:8px; border:1px solid #eccdca; border-radius:10px; background:#fff8f7; } .discovery-photo-remove-confirm p { margin:0 0 8px; } /* Removal is one compact confirmation, not a second warning card. */ .discovery-photo-dialog[data-mode=remove] .discovery-photo-remove-confirm { padding:0; margin-top:12px; border:0; border-radius:0; background:transparent; } .discovery-photo-dialog[data-mode=remove] .discovery-photo-remove-confirm p { margin:0; } .discovery-photo-dialog[data-mode=remove] .discovery-photo-remove-confirm .discovery-actions { justify-content:flex-end; gap:8px; margin-top:16px; } .discovery-photo-dialog[data-mode=remove] .discovery-photo-remove-confirm button { min-height:44px; max-width:100%; white-space:normal; } .discovery-photo-dialog #discoveryConfirmRemovePhoto { margin:0; color:#fff; background:#b42318; border-color:#b42318; } .discovery-photo-dialog #discoveryConfirmRemovePhoto:hover:not(:disabled) { background:#991b1b; border-color:#991b1b; } .discovery-photo-dialog #discoveryConfirmRemovePhoto:disabled { opacity:.6; cursor:default; } @media(max-width:700px) { .discovery-photo-dialog[data-mode=remove] .discovery-photo-remove-confirm .discovery-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); } .discovery-photo-dialog[data-mode=remove] .discovery-photo-remove-confirm button { width:100%; min-width:0; padding:8px; } } @media(max-width:700px) { .discovery-page .discovery-photo-dialog { padding:18px; } .discovery-photo-dialog .discovery-photo-preview-frame { width:140px; height:140px; margin:10px auto 6px; } .discovery-photo-dialog .discovery-photo-footer { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); } .discovery-photo-dialog .discovery-photo-footer button { width:100%; min-height:44px; padding:8px; } } #discoveryAccount .discovery-participant { display:flex; align-items:flex-start; gap:10px; margin-bottom:8px; min-width:0; } #discoveryAccount .discovery-participant-copy { min-width:0; flex:1; } #discoveryAccount .discovery-participant-photo { position:relative; display:grid; place-items:center; flex:0 0 48px; width:48px; height:48px; overflow:hidden; background:#eef2f7; border-radius:8px; color:#526178; font-weight:600; } #discoveryAccount .discovery-participant-photo img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; } #discoveryAccount .discovery-participant :is(h3,p) { margin:0 0 4px; overflow-wrap:anywhere; } #discoveryAccount .discovery-participant :is(.discovery-participant-sport,.discovery-participant-country) { display:flex; align-items:center; gap:6px; font-size:13px; } #discoveryAccount .discovery-participant-sport { font-weight:600; color:#435671; } #discoveryAccount .discovery-participant-sport .discovery-sport-icon { width:20px; height:20px; flex:0 0 20px; } #discoveryAccount .discovery-participant-location { color:#596779; font-size:13px; } #discoveryAccount .discovery-participant .discovery-country-flag { width:22px; height:16px; object-fit:contain; } @media(max-width:700px) { #discoveryAccount #discoveryRequests article { flex-direction:column; align-items:stretch; } #discoveryAccount #discoveryRequests article>.discovery-actions { flex-basis:auto; width:100%; justify-content:flex-start; } } #discoveryProfileForm .discovery-account-type-editor { grid-column:1/-1; min-width:0; border:1px solid #d8dfe8; border-radius:8px; background:#f8fafc; } #discoveryProfileForm .discovery-account-type-editor>summary { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:44px; padding:8px 12px; cursor:pointer; list-style:none; font-size:13px; } #discoveryProfileForm .discovery-account-type-editor>summary::-webkit-details-marker { display:none; } #discoveryProfileForm .discovery-account-type-editor>summary:focus-visible { outline:3px solid #6494f3; outline-offset:2px; } #discoveryProfileForm .discovery-type-action { flex-shrink:0; color:#215dcc; font-weight:600; } #discoveryProfileForm .discovery-type-action[data-identity-locked=true] { color:#526178; } #discoveryProfileForm :is(.discovery-identity-policy,.discovery-identity-draft) { grid-column:1/-1; min-width:0; font-size:12px; line-height:1.55; overflow-wrap:anywhere; } #discoveryProfileForm .discovery-identity-policy { color:#526178; padding:2px 0 6px; } #discoveryProfileForm .discovery-identity-policy p { margin:0 0 5px; } #discoveryProfileForm .discovery-identity-policy a { display:inline-flex; align-items:center; min-height:44px; color:#215dcc; } /* Bring Basic information forward without shrinking inputs or hiding policy guidance. */ #discoveryProfileForm [data-editor-section=basic] { padding-top:8px; } #discoveryProfileForm .discovery-form-actions { margin-top:12px; padding:8px 0 max(8px,env(safe-area-inset-bottom)); } @media(min-width:701px) { #discoveryProfileForm .discovery-identity-policy { display:flex; align-items:center; flex-wrap:wrap; gap:0 12px; padding:0; } .discovery-page #discoveryProfileForm .discovery-identity-policy>.discovery-policy-brief { flex:1 1 300px; margin:0; } #discoveryProfileForm .discovery-policy-details>summary { min-height:44px; display:flex; align-items:center; gap:6px; cursor:pointer; } #discoveryProfileForm .discovery-policy-details[open] { flex-basis:100%; } } #discoveryProfileForm .discovery-identity-draft { padding:10px 12px; border:1px solid #e0cb92; border-radius:8px; background:#fffbef; color:#5d491e; } #discoveryProfileForm .discovery-identity-draft p { margin:0 0 8px; } #discoveryProfileForm .discovery-identity-draft button { min-height:44px; max-width:100%; white-space:normal; text-align:left; } #discoveryProfileForm :is(input[readonly],select:disabled) { color:#526178; background:#f6f8fb; border-color:#d8dfe8; cursor:default; opacity:1; } #discoveryProfileForm .discovery-type-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:4px 12px 12px; } #discoveryProfileForm .discovery-location-grid { grid-column:1/-1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 12px; min-width:0; } #discoveryProfileForm .discovery-location-grid>[data-field=professional_role] { grid-column:1/-1; } #discoveryProfileForm .discovery-phone-row { display:flex; flex-wrap:wrap; gap:8px; min-width:0; } #discoveryProfileForm .discovery-phone-row>input { flex:1 1 140px; width:0; min-width:0; } #discoveryProfileForm .discovery-phone-picker { position:relative; flex:1 1 170px; min-width:0; max-width:100%; } #discoveryProfileForm .discovery-phone-country { display:flex; align-items:center; gap:8px; width:100%; min-height:44px; padding:8px 10px; text-align:left; font-size:13px; } #discoveryProfileForm .discovery-phone-country>span:nth-child(2) { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #discoveryProfileForm .discovery-phone-flag { display:inline-flex; align-items:center; justify-content:center; width:24px; flex:0 0 24px; } #discoveryProfileForm .discovery-phone-flag img { width:24px; height:16px; object-fit:cover; } #discoveryProfileForm .discovery-phone-popup { position:absolute; top:calc(100% + 6px); left:0; width:340px; max-width:calc(100vw - 48px); padding:10px; z-index:40; background:#fff; border:1px solid #b9cce6; border-radius:8px; box-shadow:0 4px 16px #18345026; } #discoveryProfileForm .discovery-phone-popup label { display:block; font-size:12px; } #discoveryProfileForm .discovery-phone-popup input { width:100%; margin-bottom:6px; } #discoveryProfileForm .discovery-phone-list { max-height:min(240px,40dvh); overflow:auto; overscroll-behavior:contain; } #discoveryProfileForm .discovery-phone-option { display:flex; align-items:center; gap:8px; width:100%; min-height:44px; padding:8px; border:0; border-radius:4px; text-align:left; font-weight:400; font-size:13px; } #discoveryProfileForm .discovery-phone-option>span:nth-child(2) { flex:1; min-width:0; } #discoveryProfileForm .discovery-phone-option[aria-selected=true],#discoveryProfileForm .discovery-phone-option[data-active=true] { background:#edf3ff; color:#194fb7; } #discoveryProfileForm .discovery-phone-feedback { color:#b42318; font-size:12px; margin:4px 0; } @container discovery-editor (min-width:600px) { #discoveryProfileForm .discovery-location-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } #discoveryProfileForm .discovery-location-grid>[data-field=professional_role] { grid-column:auto; } } @container discovery-editor (max-width:520px) { #discoveryProfileForm .discovery-form-grid,#discoveryProfileForm .discovery-type-grid,#discoveryProfileForm .discovery-location-grid { grid-template-columns:minmax(0,1fr); } } @media(max-width:600px) { /* Single-column fallback also covers older embedded browsers without container queries. */ #discoveryProfileForm .discovery-form-grid,#discoveryProfileForm .discovery-type-grid,#discoveryProfileForm .discovery-location-grid { grid-template-columns:minmax(0,1fr); } } /* Compact additive selections; saved athlete cards and unrelated selectors retain their design. */ .discovery-editor-heading { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 16px; margin-bottom:14px; } .discovery-editor-heading h2 { margin:0; flex-shrink:0; } .discovery-editor-heading .discovery-editor-intro { flex:1 1 300px; margin:0; color:#596779; font-size:12px; line-height:1.5; } #discoveryAccount .discovery-grid .requests-tool.has-attention { background:#e4efff; border-color:#aac9f2; } #discoveryProfileForm .discovery-selection-pills { gap:6px; align-items:center; } .discovery-page #discoveryProfileForm .discovery-selection-pills>button { display:inline-flex; align-items:center; min-height:32px; padding:0; border:0; border-radius:999px; background:transparent; font-size:13px; font-weight:500; line-height:1.3; box-shadow:none; } #discoveryProfileForm .discovery-pill-surface { display:inline-flex; align-items:center; gap:8px; width:max-content; max-width:100%; min-height:32px; padding:5px 10px; border:1px solid #dbe6f6; border-radius:999px; background:#edf4ff; color:#254d82; } #discoveryProfileForm .discovery-pill-label { min-width:0; white-space:nowrap; } #discoveryProfileForm .discovery-pill-label.is-long { white-space:normal; overflow-wrap:anywhere; } #discoveryProfileForm .discovery-pill-remove { display:grid; place-items:center; flex:0 0 16px; font-size:16px; line-height:1; } #discoveryProfileForm .discovery-selection-pills>button:hover .discovery-pill-surface { background:#e0ecff; border-color:#b5ccef; } #discoveryProfileForm .discovery-selection-pills>button:focus-visible { outline:3px solid #6494f3; outline-offset:2px; } #discoveryProfileForm :is([data-field=age_groups],[data-field=interest_types]) .scv-combobox-menu { padding:5px; border-radius:10px; overscroll-behavior:contain; } #discoveryProfileForm :is([data-field=age_groups],[data-field=interest_types]) .scv-combobox-option { min-height:44px; height:auto; margin:0; padding:10px 34px 10px 12px; border:0; border-radius:6px; box-shadow:none; font-size:14px; line-height:1.4; font-weight:500; } #discoveryProfileForm :is([data-field=age_groups],[data-field=interest_types]) .scv-combobox-option[aria-selected=true] { background:#e8f2ff; color:#1d4ed8; } #discoveryProfileForm :is([data-field=age_groups],[data-field=interest_types]) .scv-combobox-option.is-active { outline:2px solid #6494f3; outline-offset:-2px; } @media(pointer:coarse) { .discovery-page #discoveryProfileForm .discovery-selection-pills>button { min-height:44px; } #discoveryProfileForm .discovery-selection-pills { row-gap:0; } } @media(max-width:700px) { .discovery-editor-heading { display:block; } .discovery-editor-heading .discovery-editor-intro { margin-top:5px; } } /* Requests and conversations share the approved saved-card visual language. */ #discoveryAccount #discoveryRequests .discovery-request-card, #discoveryAccount #discoveryMessages .discovery-message-card { padding:16px; gap:16px; border:1px solid #d8dfe8; border-radius:12px; background:#fff; align-items:flex-start; } #discoveryAccount #discoveryRequests .discovery-request-copy { flex:1; min-width:0; } #discoveryAccount :is(.discovery-request-card,.discovery-message-card) .discovery-participant { gap:12px; } #discoveryAccount :is(.discovery-request-card,.discovery-message-card) .discovery-participant-photo { width:56px; height:56px; flex-basis:56px; border-radius:10px; } #discoveryAccount :is(.discovery-request-card,.discovery-message-card) h3 { font-size:17px; line-height:1.35; } #discoveryAccount .discovery-request-copy>:not(.discovery-participant), #discoveryAccount .discovery-message-copy>:not(.discovery-participant) { margin-left:68px; } #discoveryAccount .discovery-request-copy>.discovery-badge { margin:2px 6px 5px 68px; } #discoveryAccount .discovery-request-copy>.discovery-badge+.discovery-badge { margin-left:0; } #discoveryAccount .discovery-request-access { margin:4px 0; font-size:12px; line-height:1.45; color:#61718a; } #discoveryAccount #discoveryRequests .discovery-request-card>.discovery-actions { flex:0 1 auto; max-width:270px; align-items:center; gap:6px; } #discoveryAccount #discoveryRequests .discovery-secondary-action { border-color:transparent; background:transparent; color:#526178; font-weight:500; } #discoveryAccount #discoveryRequests .discovery-actions a[href^="messages.html?"] { order:-1; } #discoveryAccount #discoveryMessages .discovery-message-card.is-unread { background:#fff; border-color:#aac9f2; box-shadow:inset 3px 0 #2563eb; } #discoveryAccount .discovery-message-history-preview { white-space:pre-wrap; } @media(max-width:700px) { #discoveryAccount #discoveryRequests .discovery-request-card, #discoveryAccount #discoveryMessages .discovery-message-card { flex-direction:column; padding:12px; gap:10px; } #discoveryAccount :is(.discovery-request-card,.discovery-message-card) .discovery-participant-photo { width:48px; height:48px; flex-basis:48px; } #discoveryAccount .discovery-request-copy>:not(.discovery-participant),#discoveryAccount .discovery-message-copy>:not(.discovery-participant) { margin-left:60px; } #discoveryAccount .discovery-request-copy>.discovery-badge { margin-left:60px; } #discoveryAccount #discoveryRequests .discovery-request-card>.discovery-actions { max-width:none; width:100%; justify-content:flex-start; } } /* Compact inbox: natural card heights and one responsive control row. */ #discoveryAccount :is(.discovery-requests-panel,.discovery-messages-panel) { padding:18px; } #discoveryAccount .discovery-inbox-header { display:flex; flex-wrap:wrap; align-items:center; gap:8px 18px; margin-bottom:10px; } #discoveryAccount .discovery-inbox-heading { display:flex; align-items:center; gap:4px; } #discoveryAccount .discovery-inbox-heading h2 { margin:0; font-size:20px; } #discoveryAccount .discovery-inbox-header :is(.discovery-requests-toolbar,.discovery-messages-toolbar) { display:flex; flex:1; min-width:340px; gap:8px; flex-direction:row; align-items:center; } #discoveryAccount .discovery-inbox-header .discovery-field { margin:0 0 0 auto; flex:0 1 240px; min-width:160px; } #discoveryAccount .discovery-inbox-header .discovery-request-tabs { padding:2px; gap:2px; flex-shrink:0; } #discoveryAccount .discovery-inbox-header :is(.discovery-request-tabs button,input,.scv-combobox-button) { min-height:40px; height:40px; padding:6px 12px; font-size:14px; } #discoveryAccount .discovery-inbox-help { position:relative; } #discoveryAccount .discovery-inbox-help>summary { display:grid; place-items:center; list-style:none; width:44px; height:44px; color:#596b82; cursor:pointer; } #discoveryAccount .discovery-inbox-help>summary::-webkit-details-marker { display:none; } #discoveryAccount .discovery-inbox-help>p { position:absolute; z-index:5; top:42px; right:0; width:230px; max-width:calc(100vw - 64px); padding:12px; margin:0; border:1px solid #d8dfe8; border-radius:10px; background:white; box-shadow:0 6px 20px #19345a20; font-size:13px; } #discoveryAccount #discoveryRequests,#discoveryAccount #discoveryMessages { margin-top:0; gap:10px; } #discoveryAccount #discoveryRequests .discovery-request-card,#discoveryAccount #discoveryMessages .discovery-message-card { padding:14px 16px; gap:12px; } #discoveryAccount .discovery-request-copy .discovery-request-purpose { display:flex; flex-wrap:wrap; align-items:center; gap:6px 8px; margin-top:4px; margin-bottom:4px; font-size:14px; } #discoveryAccount .discovery-request-purpose .discovery-badge { margin:0; font-size:12px; } #discoveryAccount .discovery-request-copy .discovery-request-meta { display:flex; flex-wrap:wrap; gap:4px 12px; margin-top:4px; margin-bottom:0; font-size:12px; } #discoveryAccount .discovery-request-meta .discovery-request-date { display:inline; margin:0; } #discoveryAccount :is(.discovery-request-message,.discovery-message-details) { margin-top:0; margin-bottom:0; } #discoveryAccount :is(.discovery-request-message,.discovery-message-details)>summary { min-height:32px; padding-top:5px; padding-bottom:5px; font-size:13px; } #discoveryAccount #discoveryRequests .discovery-request-card>.discovery-actions { max-width:230px; justify-content:flex-end; gap:4px; } #discoveryAccount #discoveryRequests .discovery-actions a[href^="messages.html?"] { margin-left:auto; } #discoveryAccount #discoveryRequests .discovery-actions :is(button,a) { font-size:13px; } @media(min-width:701px) { #discoveryAccount #discoveryRequests .discovery-request-card>.discovery-actions { display:grid; grid-template-columns:repeat(2,max-content); align-items:start; justify-content:end; } #discoveryAccount #discoveryRequests .discovery-actions a[href^="messages.html?"] { grid-column:1/-1; justify-self:end; } #discoveryAccount #discoveryRequests .discovery-request-message>summary,#discoveryAccount #discoveryMessages .discovery-message-details>summary { min-height:32px; } } #discoveryAccount #discoveryMessages .discovery-message-meta { margin-top:4px; margin-bottom:0; gap:4px 8px; } #discoveryAccount #discoveryMessages .discovery-message-copy .discovery-message-preview { margin-top:4px; margin-bottom:0; } @media(pointer:coarse) { #discoveryAccount .discovery-inbox-header :is(.discovery-request-tabs button,input,.scv-combobox-button),#discoveryAccount #discoveryRequests .discovery-request-message>summary,#discoveryAccount #discoveryMessages .discovery-message-details>summary { min-height:44px; } } @media(max-width:700px) { #discoveryAccount :is(.discovery-requests-panel,.discovery-messages-panel) { padding:12px; } #discoveryAccount .discovery-inbox-header { display:block; margin-bottom:8px; } #discoveryAccount .discovery-inbox-header :is(.discovery-requests-toolbar,.discovery-messages-toolbar) { min-width:0; display:flex; flex-direction:column; align-items:stretch; gap:8px; } #discoveryAccount .discovery-inbox-header .discovery-field { flex:auto; width:100%; margin:0; } #discoveryAccount .discovery-inbox-header :is(.discovery-request-tabs button,input,.scv-combobox-button) { height:44px; min-height:44px; } #discoveryAccount .discovery-inbox-help>p { right:auto; left:-110px; } #discoveryAccount #discoveryRequests .discovery-request-card,#discoveryAccount #discoveryMessages .discovery-message-card { padding:12px; gap:6px; } #discoveryAccount #discoveryRequests .discovery-request-card>.discovery-actions { max-width:none; justify-content:flex-start; } #discoveryAccount #discoveryRequests .discovery-actions a[href^="messages.html?"] { margin-left:0; } #discoveryAccount :is(.discovery-request-message,.discovery-message-details)>summary { min-height:44px; } } /* Athlete-owner-style action menu, separate from preview and adjustment. */ .discovery-page .discovery-photo-dialog[data-mode=menu] { width:min(300px,calc(100% - 24px)); padding:14px; border-radius:14px; } .discovery-page .discovery-photo-dialog h2 { margin:0; font-size:18px; line-height:28px; } .discovery-photo-dialog .discovery-photo-menu { display:grid; gap:2px; margin-top:10px; border-top:1px solid #e0e7f1; padding-top:6px; } .discovery-photo-dialog .discovery-photo-menu button { display:flex; align-items:center; justify-content:flex-start; gap:12px; width:100%; min-height:44px; text-align:left; padding:8px 10px; border:0; border-radius:7px; background:transparent; color:#264263; font-size:14px; } .discovery-photo-dialog[data-mode=menu]::backdrop { background:#07183320; } .discovery-photo-dialog .discovery-photo-menu button:hover { background:#edf3fd; } .discovery-photo-dialog .discovery-photo-menu button>span:first-child { display:grid; place-items:center; width:20px; font-size:20px; } .discovery-photo-dialog .discovery-photo-menu #discoveryRemovePhoto { margin:0; padding:8px 10px; text-decoration:none; color:#b42318; font-weight:600; } .discovery-photo-dialog .discovery-photo-preview-frame { position:relative; display:block; width:180px; height:180px; margin:12px auto; border-radius:8px; background:#fff; outline:1px solid #e0e7f1; } .discovery-photo-dialog #discoveryPhotoPreview { position:absolute; max-width:none; max-height:none; object-fit:fill; } .discovery-photo-dialog #discoveryPhotoPlaceholder { display:grid; place-items:center; height:100%; font-size:13px; } .discovery-photo-dialog[data-mode=view] .discovery-photo-preview-frame { width:min(300px,100%); height:auto; aspect-ratio:1; } .discovery-photo-dialog .discovery-photo-controls { display:grid; grid-template-columns:1fr 1fr; gap:4px 12px; } .discovery-photo-dialog .discovery-photo-controls label { display:flex; flex-direction:column; gap:2px; min-width:0; font-size:12px; color:#40536e; } .discovery-photo-dialog .discovery-photo-controls :is(input,select) { width:100%; min-height:36px; margin:0; padding:0; } .discovery-photo-dialog .discovery-photo-controls select { padding:6px 8px; border:1px solid #c1d2ec; border-radius:8px; background:#fff; color:#264263; font-size:13px; } .discovery-photo-dialog .discovery-photo-controls button { grid-column:1/-1; justify-self:start; font-size:12px; padding:4px 8px; min-height:40px; } .discovery-photo-dialog #discoveryPhotoError { text-align:left; margin-top:8px; } .discovery-photo-dialog [hidden] { display:none!important; } @media(max-width:700px) { .discovery-page .discovery-photo-dialog { padding:16px; } .discovery-photo-dialog .discovery-photo-preview-frame { width:160px; height:160px; } .discovery-photo-dialog .discovery-photo-controls :is(input,select,button) { min-height:44px; } } /* List preferences and further compaction: natural height, never clip history. */ #discoveryAccount :is(#discoveryRequests,#discoveryMessages) article { padding:12px; gap:12px; } #discoveryAccount :is(#discoveryRequests,#discoveryMessages) .discovery-participant { align-items:flex-start; } #discoveryAccount :is(.discovery-request-card,.discovery-message-card) .discovery-participant-copy { flex:1; min-width:0; } #discoveryAccount .discovery-request-purpose { margin:5px 0 4px; line-height:1.4; } #discoveryAccount .discovery-request-foot { display:flex; flex-wrap:wrap; align-items:baseline; gap:2px 12px; } #discoveryAccount .discovery-request-foot .discovery-request-meta { display:inline-flex; flex-wrap:wrap; gap:4px 10px; margin:0; font-size:12px; } #discoveryAccount .discovery-request-foot .discovery-request-message { margin:0; font-size:13px; } #discoveryAccount .discovery-request-foot .discovery-request-message[open] { flex-basis:100%; } #discoveryAccount .discovery-request-foot summary { min-height:32px; padding:5px 0; } #discoveryAccount #discoveryMessages .discovery-message-copy .discovery-message-meta { margin:5px 0 3px; gap:5px; } #discoveryAccount #discoveryMessages .discovery-message-copy .discovery-message-details { margin:3px 0 0; } #discoveryAccount #discoveryMessages .discovery-message-copy .discovery-message-details summary { min-height:32px; padding:5px 0; } #discoveryAccount :is(#discoveryRequests,#discoveryMessages) article>.discovery-actions[data-inbox-managed] { display:flex; flex-direction:row; align-items:flex-start; flex-wrap:wrap; gap:6px; max-width:240px; } #discoveryAccount :is(#discoveryRequests,#discoveryMessages) article>.discovery-actions[data-inbox-managed]>.primary { min-height:40px; padding:9px 12px; font-size:13px; } #discoveryAccount .discovery-inbox-folder { flex:0 1 158px; min-width:130px; } #discoveryAccount .discovery-inbox-folder select { width:100%; height:40px; min-height:40px; padding:8px; border:1px solid #bfd0e9; border-radius:8px; background:#fff; color:#264263; font:inherit; font-size:13px; } #discoveryAccount .discovery-inbox-header :is(.discovery-requests-toolbar,.discovery-messages-toolbar) { flex-wrap:wrap; min-width:0; } #discoveryAccount .discovery-inbox-header .discovery-field { flex:1 1 160px; min-width:130px; } #discoveryAccount .discovery-inbox-folder-note { margin:0 0 10px; font-size:12px; color:#526178; line-height:1.5; } #discoveryAccount .discovery-inbox-menu { position:relative; flex-shrink:0; } #discoveryAccount .discovery-inbox-menu>summary { display:grid; place-items:center; width:44px; height:44px; min-height:44px; padding:0; border:1px solid #d0dcec; border-radius:8px; background:#fff; cursor:pointer; list-style:none; font-size:24px; line-height:1; color:#264263; } #discoveryAccount .discovery-inbox-menu>summary::-webkit-details-marker { display:none; } #discoveryAccount .discovery-inbox-menu-content { position:absolute; right:0; top:48px; width:230px; max-width:calc(100vw - 48px); z-index:30; display:flex; flex-direction:column; padding:6px; border:1px solid #d0dcec; border-radius:10px; background:#fff; box-shadow:0 8px 28px #19375626; } #discoveryAccount .discovery-inbox-menu:not([open]) .discovery-inbox-menu-content { display:none; } #discoveryAccount .discovery-inbox-menu-content { overflow:auto; overscroll-behavior:contain; } #discoveryAccount .discovery-inbox-menu[data-side=above] .discovery-inbox-menu-content { top:auto; bottom:48px; } #discoveryAccount .discovery-inbox-menu-content :is(a,button) { display:flex; align-items:center; justify-content:flex-start; width:100%; min-height:44px; height:auto; padding:9px 10px; margin:0; border:0; background:transparent; border-radius:6px; box-shadow:none; color:#264263; font-size:13px; line-height:1.4; text-align:left; text-decoration:none; } #discoveryAccount .discovery-inbox-menu-content :is(a,button):hover { background:#edf4ff; } #discoveryAccount .discovery-inbox-menu-content button:disabled { color:#738096; opacity:1; cursor:not-allowed; } #discoveryAccount .discovery-inbox-menu-content p { margin:4px 10px; color:#61718a; font-size:12px; line-height:1.5; } #discoveryAccount .discovery-inbox-menu-content .discovery-inbox-danger,.discovery-inbox-confirm .discovery-inbox-danger { color:#bd251b; } .discovery-inbox-confirm { width:440px; max-width:calc(100vw - 32px); max-height:calc(100dvh - 32px); padding:20px; border:1px solid #d0dcec; border-radius:14px; color:#19314b; overflow:auto; } .discovery-inbox-confirm::backdrop { background:#07183380; } .discovery-inbox-confirm h2 { margin:0 0 10px; font-size:20px; } .discovery-inbox-confirm p { font-size:14px; line-height:1.5; } .discovery-inbox-confirm .discovery-actions { justify-content:flex-end; flex-wrap:wrap; gap:8px; } .discovery-inbox-confirm button { min-height:44px; padding:10px 14px; border:1px solid #c4d2e8; border-radius:8px; background:#fff; color:#264263; font-weight:600; cursor:pointer; } .discovery-inbox-toast { position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:10000; display:flex; align-items:center; gap:8px; width:max-content; max-width:calc(100vw - 32px); padding:10px 12px; border:1px solid #86bda0; border-radius:10px; background:#f0fdf4; color:#166534; box-shadow:0 8px 28px #19375626; font:14px/1.5 Arial,sans-serif; } .discovery-inbox-toast[data-error=true] { color:#96241b; border-color:#e3afa8; background:#fff5f4; } .discovery-inbox-toast button { flex-shrink:0; min-width:44px; min-height:44px; padding:8px; border:0; border-radius:6px; background:transparent; color:inherit; font:inherit; font-weight:600; cursor:pointer; } .discovery-inbox-toast button:hover { background:#00000008; } .discovery-photo-dialog[data-mode=view] .discovery-photo-preview-frame { border:0; outline:0; box-shadow:none; } .discovery-photo-dialog[data-mode=view] .discovery-photo-footer { display:flex; justify-content:flex-end; margin-top:8px; padding-top:8px; } /* Read-only viewing is larger; menu and adjustment dimensions stay unchanged. */ .discovery-page .discovery-photo-dialog[data-mode=view] { width:min(482px,calc(100% - 24px)); } .discovery-photo-dialog[data-mode=view] .discovery-photo-preview-frame { width:min(440px,100%,max(80px,calc(100dvh - 184px))); height:auto; aspect-ratio:1; } /* Override editor paint dimensions only in View, including dynamic viewport changes. */ .discovery-photo-dialog[data-mode=view] #discoveryPhotoPreview { position:static; width:100%!important; height:100%!important; object-fit:contain; } /* Owner identity: named sports and a balanced, fixed-size desktop image. */ #discoveryAccount #discoveryIdentitySports { display:block; width:100%; } #discoveryAccount #discoveryIdentitySports :is(.discovery-sports-preview,.discovery-sports-extra) { display:grid; grid-template-columns:repeat(var(--discovery-sports-columns,3),minmax(0,var(--discovery-sports-cell-width,1fr))); align-items:start; gap:6px; min-width:0; } #discoveryAccount #discoveryIdentitySports .discovery-sports-extra:not([hidden]) { margin-top:6px; } #discoveryAccount #discoveryIdentitySports [hidden] { display:none!important; } #discoveryAccount #discoveryIdentitySports .discovery-sport-pair { width:100%; max-width:100%; min-width:0; } #discoveryAccount #discoveryIdentitySports .discovery-sport-tag { box-sizing:border-box; display:flex; align-items:center; justify-content:flex-start; gap:6px; width:100%; height:34px; min-height:34px; max-width:100%; padding:2px 8px 2px 6px; border:1px solid #d6e5f8; border-radius:9px; background:#f8fbff; color:#315b9a; font-size:14px; line-height:1.35; } #discoveryAccount #discoveryIdentitySports .discovery-sport-icon { width:28px; height:28px; flex:0 0 28px; padding:0; } #discoveryAccount #discoveryIdentitySports .discovery-sport-name { position:static; flex:1; width:auto; height:auto; min-width:0; padding:0; margin:0; overflow:hidden; text-overflow:ellipsis; clip:auto; white-space:nowrap; overflow-wrap:normal; } #discoveryAccount #discoveryIdentitySports .discovery-sport-tag:hover,#discoveryAccount #discoveryIdentitySports .discovery-sport-pair[open]>.discovery-sport-tag { background:#edf4ff; border-color:#a8c5f3; filter:none; } #discoveryAccount #discoveryIdentitySports .discovery-more-sports:not([hidden]) { display:inline-flex!important; align-items:center; justify-content:center; width:auto; height:auto; min-height:34px; padding:2px 8px; border:1px solid #c9d9ef; border-radius:9px; background:#fff; color:#315b9a; font-size:14px; font-weight:600; line-height:1.35; white-space:nowrap; cursor:pointer; } #discoveryAccount #discoveryIdentitySports .discovery-more-sports:hover { background:#edf4ff; } #discoveryAccount #discoveryIdentitySports .discovery-more-sports:focus-visible { outline:3px solid #6494f3; outline-offset:2px; } @media(min-width:701px) { #discoveryAccount .discovery-identity-card { --discovery-identity-size:176px; row-gap:12px; } #discoveryAccount .discovery-photo-trigger .discovery-avatar { width:var(--discovery-identity-size); height:var(--discovery-identity-size); font-size:calc(var(--discovery-identity-size) / 4); } #discoveryAccount .discovery-identity-copy { display:flex; flex-direction:column; align-items:flex-start; min-height:var(--discovery-identity-size); } #discoveryAccount #discoveryIdentitySports { margin:8px 0 0; margin-top:auto; padding-top:0; } } @media(min-width:1101px) { #discoveryAccount .discovery-identity-card { --discovery-identity-size:208px; } } @media(max-width:700px) { #discoveryAccount .discovery-inbox-header :is(.discovery-requests-toolbar,.discovery-messages-toolbar) { display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; } #discoveryAccount .discovery-inbox-header .discovery-request-tabs { flex-basis:auto; } #discoveryAccount .discovery-inbox-folder { margin-left:auto; flex:1 1 130px; max-width:180px; } #discoveryAccount .discovery-inbox-header .discovery-field { flex:1 0 100%; order:1; } #discoveryAccount :is(#discoveryRequests,#discoveryMessages) article>.discovery-actions[data-inbox-managed] { max-width:none; width:100%; justify-content:flex-end; } #discoveryAccount :is(#discoveryRequests,#discoveryMessages) article>.discovery-actions[data-inbox-managed]>.primary { width:auto; flex:1; min-width:0; white-space:normal; text-align:center; justify-content:center; } #discoveryAccount .discovery-request-foot { gap:2px 8px; } #discoveryAccount .discovery-request-foot .discovery-request-message { flex-basis:100%; } #discoveryAccount #discoveryMessages .discovery-message-heading .discovery-message-date { flex-basis:100%; margin:2px 0 0; } } @media(pointer:coarse),(max-width:700px) { #discoveryAccount .discovery-inbox-folder select,#discoveryAccount :is(#discoveryRequests,#discoveryMessages) article>.discovery-actions[data-inbox-managed]>.primary { min-height:44px; } #discoveryAccount .discovery-request-foot summary,#discoveryAccount #discoveryMessages .discovery-message-copy .discovery-message-details summary { min-height:44px; } } /* Owner heading alignment and compact sports faces; touch hit areas are separate. */ #discoveryAccount .discovery-editor-heading { display:flex; flex-wrap:wrap; align-items:center; gap:6px 16px; } #discoveryAccount .discovery-editor-heading .discovery-editor-intro { margin:0; font-size:13px; } #discoveryAccount [data-discovery-panel=settings] { padding-top:20px; } #discoveryAccount [data-discovery-panel=settings]>h2 { margin:0 0 16px; line-height:1.3; } #discoveryAccount #discoverySecurityHeading { margin-top:0; font-size:16px; font-weight:600; line-height:1.4; } #discoveryAccount #discoveryIdentitySports .discovery-all-sports { box-sizing:border-box; width:100%; height:34px; min-height:34px; padding:2px 8px 2px 6px; font-size:14px; font-weight:400; line-height:1.35; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } /* Universal scope is one informational badge, not an equal-width sport cell. */ #discoveryAccount #discoveryIdentitySports .discovery-all-sports-pair { grid-column:1/-1; width:max-content; max-width:100%; } #discoveryAccount #discoveryIdentitySports .discovery-all-sports { width:max-content; max-width:100%; } #discoveryAccount #discoveryIdentitySports .discovery-all-sports .discovery-sport-name { flex:0 0 auto; overflow:visible; text-overflow:clip; } /* Compact sports controls retain the same actual gaps on touch devices. */ @media(max-width:700px),(any-pointer:coarse) { #discoveryAccount #discoveryIdentitySports :is(.discovery-sport-tag,.discovery-more-sports:not([hidden])) { position:relative; isolation:isolate; min-height:34px; padding-top:2px; padding-bottom:2px; background:transparent; border-color:transparent; } #discoveryAccount #discoveryIdentitySports :is(.discovery-sport-tag,.discovery-more-sports)::before { content:''; position:absolute; z-index:-1; inset:-1px; border:1px solid #d6e5f8; border-radius:9px; background:#f8fbff; pointer-events:none; } #discoveryAccount #discoveryIdentitySports .discovery-more-sports::before { border-color:#c9d9ef; background:#fff; } #discoveryAccount #discoveryIdentitySports :is(.discovery-sport-tag,.discovery-more-sports):hover,#discoveryAccount #discoveryIdentitySports .discovery-sport-pair[open]>.discovery-sport-tag { background:transparent; border-color:transparent; } #discoveryAccount #discoveryIdentitySports :is(.discovery-sport-tag:hover,.discovery-more-sports:hover)::before,#discoveryAccount #discoveryIdentitySports .discovery-sport-pair[open]>.discovery-sport-tag::before { background:#edf4ff; border-color:#a8c5f3; } } /* Consistent section headings and compact, accessible list controls. */ #discoveryAccount :is(#discoverySavedHeading,.discovery-inbox-heading h2,.discovery-editor-heading h2,[data-discovery-panel=settings]>h2) { display:flex; align-items:center; gap:8px; font-size:20px; font-weight:600; } #discoveryAccount .discovery-edit-heading-icon { color:#1e56a6; } #discoveryAccount .discovery-settings-heading-icon { color:#526178; } #discoveryAccount .discovery-inbox-menu-content { width:216px; transform:translateX(var(--discovery-popup-shift,0px)); } #discoveryAccount :is(#discoveryRequests,#discoveryMessages) .discovery-inbox-menu .discovery-inbox-menu-content :is(a,button) { gap:8px; font-size:14px; text-decoration:none; } #discoveryAccount .discovery-inbox-menu-content svg { width:16px; height:16px; flex:0 0 16px; } #discoveryAccount .discovery-inbox-safety:empty { display:none; } #discoveryAccount .discovery-inbox-safety:not(:empty)+.discovery-inbox-list-actions { border-top:1px solid #e0e7f0; margin-top:4px; padding-top:4px; } #discoveryAccount .discovery-inbox-folder { position:relative; flex-basis:190px; } #discoveryAccount .discovery-inbox-folder select.discovery-sr-only { min-height:0!important; min-width:0!important; } #discoveryAccount .discovery-folder-trigger { width:100%; min-height:44px; gap:8px; justify-content:flex-start; padding:8px 10px; border:1px solid #bfd0e9; border-radius:8px; background:#fff; font-size:14px; font-weight:400; text-align:left; color:#264263; } #discoveryAccount .discovery-folder-trigger>span { min-width:0; flex:1; } #discoveryAccount .discovery-folder-trigger>svg { flex:none; width:16px; height:16px; } #discoveryAccount .discovery-folder-trigger>svg:last-child { width:12px; height:12px; } #discoveryAccount .discovery-folder-options { position:absolute; z-index:40; right:0; top:calc(100% + 4px); width:max(190px,100%); max-width:calc(100vw - 24px); padding:4px; border:1px solid #d0dcec; border-radius:10px; background:#fff; box-shadow:0 8px 24px #19375626; overflow:auto; overscroll-behavior:contain; transform:translateX(var(--discovery-popup-shift,0px)); } #discoveryAccount .discovery-inbox-folder[data-side=above] .discovery-folder-options { top:auto; bottom:calc(100% + 4px); } #discoveryAccount .discovery-folder-option { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:44px; gap:8px; padding:8px 10px; border:0; border-radius:6px; background:#fff; color:#264263; font-size:14px; font-weight:400; text-align:left; } #discoveryAccount .discovery-folder-option svg { visibility:hidden; flex:none; } #discoveryAccount .discovery-folder-option[aria-selected=true] { color:#1e56a6; background:#eaf1ff; font-weight:600; } #discoveryAccount .discovery-folder-option[aria-selected=true] svg { visibility:visible; } #discoveryAccount .discovery-folder-option:hover { background:#f1f5fb; } #discoveryAccount .discovery-folder-option[aria-selected=true]:hover { background:#eaf1ff; } .discovery-inbox-confirm p { margin:0 0 10px; } .discovery-inbox-confirm .discovery-actions { margin-top:16px; } .discovery-inbox-confirm button { font:600 14px/1.3 Inter,Arial,sans-serif; } .discovery-inbox-confirm .discovery-inbox-danger { color:#fff; background:#b42318; border-color:#b42318; } .discovery-inbox-confirm .discovery-inbox-danger:hover { background:#991b1b; border-color:#991b1b; } @media(max-width:700px) { #discoveryAccount .discovery-inbox-folder { flex-basis:130px; max-width:200px; } .discovery-inbox-confirm { padding:18px; } .discovery-inbox-confirm .discovery-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); } .discovery-inbox-confirm button { width:100%; min-width:0; } } @media(min-width:701px) { #discoveryAccount .discovery-grid .discovery-tool { min-height:150px; padding:12px 14px; gap:4px; } #discoveryAccount .discovery-grid .discovery-tool p { margin:0; font-size:13px; line-height:1.4; } #discoveryAccount .discovery-grid .discovery-tool .discovery-tool-status { padding-bottom:0; line-height:1.4; } #discoveryAccount .discovery-grid .discovery-tool>a { min-height:44px; margin-top:auto; padding:8px 12px; } } /* Keep identity geometry and summary availability consistent across tabs. */ #discoveryAccount #discoveryIdentitySports[hidden],#discoveryAccount #discoveryIdentityRepresentative[hidden],#discoveryAccount #discoveryIdentityLocation[hidden] { display:none!important; } #discoveryAccount .discovery-photo-status:empty { display:none; } /* More completes the photo-bottom row; Show fewer follows all extra rows. */ #discoveryAccount #discoveryIdentitySports .discovery-more-sports:not([hidden]) { box-sizing:border-box; grid-column:auto; justify-self:stretch; width:100%; height:34px; padding-left:4px; padding-right:4px; } #discoveryAccount #discoveryIdentitySports .discovery-sports-extra>.discovery-more-sports:not([hidden]) { grid-column:var(--discovery-fewer-column,1); grid-row:var(--discovery-fewer-row,1); justify-self:end; width:100%; min-width:max-content; } @media(min-width:701px) { #discoveryAccount .discovery-identity-copy { min-height:calc(var(--discovery-identity-size) + var(--discovery-sports-extra-height,0px)); } } /* Inline collection privacy is independent of public-profile visibility. */ #discoveryAccount .discovery-saved-heading-row { flex-direction:row; flex-wrap:nowrap; align-items:center; gap:8px; width:100%; } #discoveryAccount .discovery-saved-heading-row h2 { min-width:0; flex:0 1 auto; line-height:1.3; } #discoveryAccount .discovery-saved-heading-row h2>:is(.discovery-section-heading-icon,.discovery-saved-count) { flex-shrink:0; } #discoveryAccount .discovery-saved-privacy { flex:0 0 auto; font-size:12px; } #discoveryAccount .discovery-saved-privacy>summary { position:relative; display:flex; align-items:center; gap:3px; min-height:26px; padding:0; white-space:nowrap; } #discoveryAccount .discovery-saved-privacy>summary::before { content:''; position:absolute; inset:-9px 0; } #discoveryAccount .discovery-saved-privacy p { position:absolute; left:auto; right:0; top:calc(100% + 9px); } #discoveryAccount .discovery-privacy-short { display:none; } @media(max-width:480px) { #discoveryAccount .discovery-privacy-full { display:none; } #discoveryAccount .discovery-privacy-short { display:inline; } } /* All inbox filter controls are 44px including the segmented outer border. */ #discoveryAccount .discovery-inbox-header .discovery-request-tabs { box-sizing:border-box; height:44px; min-height:44px; padding:0; gap:0; border-radius:8px; overflow:visible; } #discoveryAccount .discovery-inbox-header .discovery-request-tabs button { box-sizing:border-box; height:42px; min-height:42px; padding:6px 12px; font-size:14px; position:relative; } #discoveryAccount .discovery-inbox-header .discovery-request-tabs button::before { content:''; position:absolute; inset:-1px 0; } #discoveryAccount .discovery-inbox-header :is(input,.scv-combobox-button),#discoveryAccount .discovery-folder-trigger { box-sizing:border-box; height:44px; min-height:44px; padding:6px 10px; font-size:14px; border-radius:8px; } #discoveryAccount .discovery-inbox-header .discovery-field { flex:0 1 260px; margin-left:0; max-width:300px; } #discoveryAccount .discovery-inbox-header :is(.discovery-requests-toolbar,.discovery-messages-toolbar) { justify-content:flex-end; gap:8px; } #discoveryAccount .discovery-saved-toolbar { margin:0 0 12px; } #discoveryAccount[data-mobile-panel] :is(.discovery-message-empty,.discovery-request-empty,.discovery-saved-empty) { display:grid; justify-items:start; gap:8px; width:100%; padding:12px 0; border:0; background:transparent; text-align:left; } #discoveryAccount :is(.discovery-message-empty,.discovery-request-empty,.discovery-saved-empty) :is(h3,p) { margin:0; } #discoveryAccount :is(.discovery-message-empty,.discovery-request-empty,.discovery-saved-empty) .discovery-empty-icon { width:32px; height:32px; margin:0; } #discoveryAccount .discovery-empty-icon svg { display:block; width:18px; height:18px; } #discoveryAccount #discoveryMessages .discovery-message-copy .discovery-message-paused { padding:0; border:0; background:transparent; color:#596b82; font-size:12px; font-weight:400; } @media(max-width:700px) { #discoveryAccount[data-mobile-panel] .discovery-dashboard-main>[data-discovery-panel]:not([data-discovery-panel=discover]) { padding:14px 16px 16px; } #discoveryAccount[data-mobile-panel] :is(.discovery-saved-toolbar,.discovery-saved-heading-row,.discovery-inbox-header,.discovery-inbox-heading,.discovery-editor-heading) { margin-top:0; } #discoveryAccount[data-mobile-panel] :is(#discoverySavedHeading,.discovery-inbox-heading h2,.discovery-editor-heading h2,[data-discovery-panel=settings]>h2) { margin-top:0; line-height:1.3; } #discoveryAccount[data-mobile-panel] .discovery-inbox-heading { margin-bottom:12px; } #discoveryAccount[data-mobile-panel] .discovery-inbox-help>summary { position:relative; height:26px; min-height:26px; } #discoveryAccount[data-mobile-panel] .discovery-inbox-help>summary::before { content:''; position:absolute; inset:-9px 0; } #discoveryAccount[data-mobile-panel] .discovery-inbox-header { margin-bottom:12px; } #discoveryAccount[data-mobile-panel] .discovery-editor-heading { gap:12px 16px; margin-bottom:12px; } #discoveryAccount[data-mobile-panel] [data-discovery-panel=settings]>h2 { margin-bottom:12px; } #discoveryAccount .discovery-inbox-header :is(.discovery-requests-toolbar,.discovery-messages-toolbar) { justify-content:flex-start; } #discoveryAccount .discovery-inbox-header .discovery-field { flex:1 0 100%; max-width:none; } } /* Inbox controls follow available card width, not the overall viewport. */ #discoveryAccount :is([data-discovery-panel=requests],[data-discovery-panel=messages]) { container:discovery-inbox / inline-size; } #discoveryAccount .discovery-folder-trigger>span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #discoveryAccount .discovery-inbox-header .discovery-field :is(input,.scv-combobox-button,select:not(.scv-select-enhanced)) { box-sizing:border-box; height:44px; min-height:44px; padding:6px 10px; border-radius:8px; font-size:14px; } @media(min-width:701px) { #discoveryAccount .discovery-inbox-header { display:grid; grid-template-columns:max-content minmax(0,1fr); align-items:start; gap:12px 18px; } #discoveryAccount .discovery-inbox-heading { min-width:0; white-space:nowrap; } #discoveryAccount .discovery-inbox-header :is(.discovery-requests-toolbar,.discovery-messages-toolbar) { display:grid; grid-template-columns:max-content minmax(130px,1fr) 190px; min-width:0; gap:8px; } #discoveryAccount .discovery-inbox-header .discovery-field { min-width:0; width:100%; max-width:none; margin:0; } #discoveryAccount .discovery-inbox-header .discovery-inbox-folder { min-width:0; width:100%; max-width:none; margin:0; } @container discovery-inbox (max-width:700px) { #discoveryAccount .discovery-inbox-header { grid-template-columns:minmax(0,1fr); } } } @media(max-width:700px) { #discoveryAccount .discovery-inbox-header :is(.discovery-requests-toolbar,.discovery-messages-toolbar) { display:grid; grid-template-columns:max-content minmax(0,1fr); align-items:center; gap:8px; } #discoveryAccount .discovery-inbox-header .discovery-request-tabs { grid-column:1; grid-row:1; } #discoveryAccount .discovery-inbox-header .discovery-inbox-folder { grid-column:2; grid-row:1; min-width:0; width:100%; max-width:none; margin:0; } #discoveryAccount .discovery-inbox-header .discovery-field { grid-column:1/-1; grid-row:2; order:initial; min-width:0; width:100%; max-width:none; margin:0; } /* Compact controls: 24px icons + 2px padding + border, with real 6px row gaps. */ #discoveryAccount #discoveryIdentitySports :is(.discovery-sport-tag,.discovery-more-sports:not([hidden])) { height:30px; min-height:30px; padding-top:2px; padding-bottom:2px; } #discoveryAccount #discoveryIdentitySports :is(.discovery-sport-tag,.discovery-more-sports)::before { top:-1px; bottom:-1px; } #discoveryAccount #discoveryIdentitySports .discovery-all-sports { height:30px; min-height:30px; } } /* Saved's original higher title position is the reference, not filter height. */ /* Owner summary: readable values, compact informational tags and optional detail. */ #discoveryAccount #discoveryFocus { color:#334155; line-height:1.6; } #discoveryAccount #discoveryFocus h2 { color:#142b49; } #discoveryAccount #discoveryFocus dt { margin-bottom:5px; color:#64748b; font-size:12px; line-height:1.5; } #discoveryAccount #discoveryFocus dd { color:#334155; line-height:1.6; } #discoveryAccount #discoveryFocus dl>div { margin-bottom:14px; } #discoveryAccount #discoveryFocus dl>div:last-child { margin-bottom:0; } #discoveryAccount #discoveryFocus .discovery-summary-tags { display:flex; flex-wrap:wrap; gap:6px; margin:0; padding:0; list-style:none; } #discoveryAccount #discoveryFocus .discovery-summary-tags li { max-width:100%; padding:3px 7px; border:1px solid #dbe5f0; border-radius:6px; background:#f2f6fc; color:#40536e; font-size:12px; line-height:1.5; overflow-wrap:anywhere; } #discoveryAccount #discoveryFocus .discovery-read-more { color:#245ac0; font-weight:600; text-align:left; } #discoveryAccount #discoveryFocus .discovery-read-more:hover { text-decoration:underline; text-underline-offset:3px; } #discoveryAccount #discoveryFocus .discovery-preferences-preview { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; max-height:4.8em; overflow:hidden; white-space:pre-line; overflow-wrap:anywhere; } #discoveryAccount #discoveryFocus .discovery-preferences-preview.expanded { display:block; -webkit-line-clamp:unset; max-height:none; overflow:visible; } #discoveryAccount #discoveryFocus .discovery-preferences-more { display:block; margin-top:4px; } #discoveryAccount :is(#discoverySavedHeading,.discovery-inbox-heading h2,.discovery-editor-heading h2,[data-discovery-panel=settings]>h2) { line-height:1.3; } @media(min-width:701px) { #discoveryAccount .discovery-dashboard-main>[data-discovery-panel]:not([data-discovery-panel=discover]) { padding-top:20px; } #discoveryAccount .discovery-inbox-heading { align-self:start; } #discoveryAccount .discovery-inbox-help>summary { position:relative; height:26px; min-height:26px; } #discoveryAccount .discovery-inbox-help>summary::before { content:''; position:absolute; inset:-9px 0; } } @media(max-width:700px) { #discoveryAccount #discoverySavedHeading .discovery-section-heading-icon { align-self:flex-start; margin-top:3px; } #discoveryAccount #discoverySavedHeading .discovery-saved-count { align-self:flex-start; margin-top:2px; } #discoveryAccount .discovery-saved-heading-row>.discovery-saved-privacy { align-self:flex-start; } }