body.orbita-view > main:not(.orbita-page),
body.orbita-view #member-home .mh-main,
body.orbita-view #member-home .mh-right { display: none; }
body.orbita-view > .orbita-page:not([hidden]) { display: block; }
.orbita-page { max-width: 1370px; margin: 0 auto; padding: 20px 26px 44px; color: #244B63; }
.member-layout > .orbita-page { max-width: none; margin: 110px 0 0 var(--mh-side); }
.orbita-return { display: inline-flex; align-items: center; gap: 7px; min-height: 34px; margin-bottom: 12px; color: #244B63; font-size: 12px; }
.orbita-return svg { width: 16px; }
.orbita-hero { display: block; width: 100%; height: clamp(210px, 25vw, 340px); object-fit: cover; object-position: center 19%; border-radius: 14px; }
.orbita-columns { display: grid; grid-template-columns: minmax(0, 1.9fr) minmax(280px, 1fr); gap: 19px; margin-top: 20px; align-items: start; }
.orbita-card, .orbita-event-card { border: 1px solid #244b631b; border-radius: 13px; background: white; box-shadow: 0 2px 9px #244b6309; }
.orbita-intro { display: flex; justify-content: space-between; align-items: start; gap: 16px; padding: 20px; }
.orbita-kicker { color: #49728c; font-size: 11px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.orbita-page h1 { margin: 3px 0 7px; font-size: clamp(28px, 3vw, 40px); letter-spacing: -.04em; line-height: 1.1; }
.orbita-intro p { margin: 9px 0 0; font-size: 14px; line-height: 1.5; }
.orbita-intro .orbita-location { display: flex; align-items: center; gap: 5px; color: #516570; font-size: 12px; }
.orbita-location svg { width: 15px; height: 15px; }
.orbita-membership { display: grid; gap: 7px; min-width: 148px; }
.orbita-primary, .orbita-invite, .orbita-member-mark { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 40px; padding: 7px 10px; border-radius: 8px; font-size: 12px; font-weight: 750; }
.orbita-primary { background: #C7EF45; color: #244B63; }
.orbita-primary:hover { background: #b8df38; }
.orbita-primary:disabled { opacity: .65; }
.orbita-invite { border: 1px solid #244b633b; color: #244B63; background: #fff; }
.orbita-invite:hover { background: #f2f8fb; }
.orbita-invite svg, .orbita-member-mark svg { width: 16px; height: 16px; }
.orbita-member-mark { background: #edf5d9; min-height: 32px; }
.orbita-leave { min-height: 36px; padding: 4px 8px; color: #9c3540; font-size: 12px; font-weight: 650; }
.orbita-leave:hover { text-decoration: underline; }
.orbita-cover-wrap { position: relative; }
.orbita-cover-wrap .orbita-hero { object-position: center 42%; }
.orbita-edit-cover { position: absolute; bottom: 14px; right: 14px; }
.orbita-photo-status { margin: 6px 0; font-size: 13px; }
.orbita-photo-status:empty { display: none; }
.orbita-album, .orbita-guidelines, .orbita-upcoming-section, .orbita-extras.orbita-card { margin-top: 18px; padding: 16px; }
.orbita-album p, .orbita-guidelines p { margin: 8px 0 0; font-size: 14px; }
.orbita-guidelines summary { cursor: pointer; font-weight: 700; }
.orbita-album-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 130px), 1fr)); gap: 10px; margin-top: 12px; }
.orbita-album-grid figure { margin: 0; }
.orbita-album-grid figure > button:first-child { display: block; width: 100%; padding: 0; }
.orbita-album-grid img { display: block; width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: 8px; }
.orbita-expanded-photo { display: block; width: 100%; max-height: 75vh; object-fit: contain; }
.orbita-intro .orbita-feedback, .orbita-chat-feedback { margin: 0; font-size: 12px; }
.orbita-feedback:empty, .orbita-chat-feedback:empty { display: none; }
.orbita-upcoming-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.orbita-upcoming-head .plan-create { margin-left:auto; }
.orbita-upcoming-head .orbita-add-sky { background:#d7edf9; border-color:#a8d3e9; }
.orbita-upcoming-head .orbita-add-sky:hover { background:#c1e3f4; }
.orbita-upcoming-head .plan-create .oi { width: 16px; height: 16px; }
.orbita-upcoming { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 20px; }
.orbita-upcoming .oi { width:20px; height:20px; flex:none; }
.orbita-upcoming-section .orbita-activities { margin-top: 12px; }
.orbita-upcoming-empty { margin: 8px 0 0; font-size: 14px; color: #516570; }
.activity-template-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.activity-template-tools [hidden] { display: none; }
.activity-template-status { width: 100%; margin: 0; font-size: 13px; color: #244b63; }
.activity-template-status:empty { display: none; }
.orbita-activities { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.orbita-event-card { overflow: hidden; }
.orbita-event-cover { position: relative; aspect-ratio: 1.58; background: #EDE3D2; }
.orbita-event-cover img { display: block; width: 100%; height: 100%; object-fit: cover; }
.orbita-event-date { position: absolute; top: 10px; left: 10px; display: grid; gap: 2px; min-width: 43px; padding: 6px 5px; border-radius: 8px; background: #163b54; color: #fff; text-align: center; text-transform: uppercase; font-size: 9px; line-height: 1.1; }
.orbita-event-date b { font-size: 19px; }
.orbita-event-info { padding: 13px; }
.orbita-event-info h3 { margin: 0 0 9px; font-size: 15px; line-height: 1.25; }
.orbita-event-info p { display: flex; align-items: center; gap: 6px; margin: 6px 0; color: #516570; font-size: 12px; }
.orbita-event-info svg { width: 15px; height: 15px; }
.orbita-event-info .orbita-event-spaces { color: #366b4d; }
.orbita-event-info .orbita-primary { width: 100%; margin-top: 12px; }
.orbita-sidebar { display: grid; gap: 16px; }
.orbita-chat { padding: 15px; }
.orbita-chat h2, .orbita-organizer h2 { margin: 0; font-size: 16px; }
.orbita-chat .event-chat-heading p, .orbita-chat-locked, .orbita-chat-empty { margin: 5px 0; color: #516570; font-size: 12px; line-height: 1.45; }
.orbita-chat .event-chat-heading > svg { color: #507b41; }
.orbita-chat .event-chat-messages { min-height: 214px; max-height: 310px; padding: 11px; }
.orbita-chat .event-message p { font-size: 13px; }
.orbita-chat .event-message-avatar { width: 25px; height: 25px; flex-basis: 25px; }
.orbita-chat .event-message { max-width: calc(100% - 38px); }
.orbita-chat textarea { min-width: 0; }
.orbita-chat .btn[type='submit'] { background: #C7EF45; color: #244B63; }
.orbita-chat form > div { margin-bottom: 0; }
.orbita-organizer { display: flex; gap: 12px; align-items: center; padding: 15px; }
.orbita-organizer img, .orbita-organizer-initial { display: grid; place-items: center; width: 53px; height: 53px; border-radius: 50%; background: #EDE3D2; object-fit: cover; }
.orbita-organizer small { font-size: 11px; }
@media(max-width: 920px) { .orbita-columns { grid-template-columns: 1fr; } }
.orbita-extras ul { list-style:none; margin:10px 0 0; padding:0; }
.orbita-extras li { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:8px; padding:10px 0; border-top:1px solid #e1e9ed; overflow-wrap:anywhere; }
.orbita-extras li small { display:block; color:#426071; margin-top:3px; }
.orbita-score { background:#eef6d6; border-radius:8px; padding:5px 8px; max-width:135px; font-size:13px; }
.orbita-extras li.orbita-result-item { display:block; padding:0; }
.orbita-result-row { display:grid; grid-template-columns:minmax(0,1fr) auto 18px; align-items:center; gap:10px; width:100%; padding:10px 6px; text-align:left; border-radius:8px; overflow-wrap:anywhere; }
.orbita-result-row:hover { background:#f2f8fb; }
.orbita-result-row > svg { width:18px; height:18px; }
.orbita-result-summary { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:14px 0; }
.orbita-extra-dialog label { display:grid; gap:4px; margin-top:10px; }
.orbita-extra-dialog fieldset { min-width:0; margin:0; padding:0; border:0; }
.orbita-standings { overflow-x:auto; }
.orbita-standings table { width:100%; min-width:360px; border-collapse:collapse; font-size:13px; }
.orbita-standings th,.orbita-standings td { padding:8px 6px; text-align:center; border-bottom:1px solid #dce8ee; }
.orbita-standings th:first-child { text-align:left; overflow-wrap:anywhere; }
.orbita-standings thead { background:#eaf5fc; }
.orbita-standings-note { font-size:12px; color:#426071; }
.racket-badge { display:flex; align-items:center; gap:6px; margin:4px 0; }
.racket-badge img,.racket-badge i { display:grid; place-items:center; width:25px; height:25px; flex:none; object-fit:cover; border-radius:50%; background:#eaf5fc; font-size:11px; font-style:normal; }
.racket-overview > section { border-top:1px solid #dce8ee; margin-top:16px; padding-top:12px; }
.racket-standings-head { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; margin:14px 0 8px; }
.racket-standings-head h4 { margin:0; }
.racket-standings-head label { display:flex; align-items:center; flex-wrap:wrap; gap:6px; font-size:13px; }
.racket-standings-head select { max-width:100%; }
.racket-dialog-head,.racket-editor-heading { padding:14px 48px 14px 14px; border-radius:12px; background:#244b63; color:white; }
.racket-dialog-head h2,.racket-editor-heading h2 { margin:0; color:inherit; }
.racket-dialog-head p { margin:4px 0 0; color:#d4eafa; }
.racket-dialog-head .btn.outline { color:#244b63; background:#eaf5fc; border-color:#91c9e8; }
.racket-dialog-head .btn.outline:hover { background:#d7edf9; }
.racket-league-hero { overflow:hidden; border-radius:12px; margin-top:9px; }
.racket-cover-frame { position:relative; }
.racket-cover-frame > img,.racket-cover-editor > img { display:block; width:100%; height:clamp(125px,30vw,245px); object-fit:contain; background:#18374b; }
.racket-edit-icon { display:grid; place-items:center; flex:none; width:44px; height:44px; padding:0; border-radius:9px; background:#eaf5fc; color:#244b63; }
.racket-edit-icon:hover { background:#d7edf9; }
.racket-edit-icon .oi { width:20px; height:20px; }
.racket-cover-frame .racket-edit-icon { position:absolute; right:10px; bottom:10px; }
.racket-league-hero .racket-dialog-head { border-radius:0; padding-right:14px; }
.racket-cover-editor > img { border-radius:9px; }
.racket-cover-editor .racket-cover-reset { display:flex; align-items:center; gap:8px; }
.racket-cover-reset input { width:auto; min-height:0; }
.racket-league-list small { margin-top:4px; }
.racket-editor form { padding:0 4px; }
.resource-types { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.resource-types label { min-width:0; }
.resource-editor [hidden] { display:none; }
.resource-storage { padding:10px 12px; border-radius:8px; background:#eaf5fc; font-size:13px; line-height:1.55; }
.resource-player img,.resource-player video { display:block; width:100%; max-height:60vh; object-fit:contain; }
.racket-match-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.racket-match-heading p { margin:4px 0 0; color:#d4eafa; font-size:13px; overflow-wrap:anywhere; }
.racket-match-icon { display:grid; place-items:center; flex:none; width:38px; height:38px; border-radius:9px; background:#d8ef76; color:#244b63; }
.racket-match-icon svg { width:22px; height:22px; }
.racket-match-sides { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:14px; }
.racket-match-side { min-width:0; padding:12px; border:1px solid #dce8ee; border-radius:10px; background:#f5fafd; }
.racket-match-side label:first-child { margin-top:0; }
.racket-match-side select,.racket-match-side input,.racket-match-date input { width:100%; min-width:0; }
.racket-match-side input { font-weight:700; }
.racket-match-preview { min-height:30px; overflow-wrap:anywhere; }
.racket-match-date { max-width:260px; }
@media(max-width:540px){
 .racket-match-sides { grid-template-columns:1fr; }
 .racket-match-preview:empty { min-height:0; }
}
.racket-editor .racket-formats { margin:16px 0; }
.racket-formats legend { font-weight:700; }
.racket-formats label { display:flex; align-items:center; gap:9px; padding:10px; border:1px solid #dce8ee; border-radius:8px; cursor:pointer; }
.racket-formats label:has(input:checked) { background:#f0f7d6; border-color:#a9c830; }
.racket-formats input[type=radio] { width:17px; min-height:0; margin:0; accent-color:#244b63; }
.racket-editor .racket-delete { color:#963833; }
#detail:has(.racket-overview,.racket-editor) > .close { color:#244b63; background:white; border-radius:50%; width:34px; height:34px; padding:0; line-height:1; }
.orbita-extra-actions { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
.orbita-chat-jump { display:none; justify-content:center; }
#orbita-chat-title { scroll-margin-top:130px; }
@media(max-width:920px) { .orbita-chat-jump { display:flex; margin-top:18px; } }
@media(max-width: 640px) { .member-layout > .orbita-page { margin-top: 100px; } .orbita-page { padding: 12px 13px 30px; } .orbita-intro { flex-direction: column; } .orbita-membership { width: 100%; } .orbita-activities { grid-template-columns: 1fr; } }

.orbita-cover-full.orbita-cover-wrap .orbita-hero {
 height:auto;
 max-height:520px;
 object-fit:contain;
 object-position:center;
 background:#eef7fb;
}