/* Desktop corrections: keep mobile layout untouched. */
@media (min-width:900px) {
  /* Home */
  html body #app-root #hub-content .home-friends-cover.friends-story-cover .friends-story-shade {
    background:linear-gradient(90deg,rgba(9,20,48,.85) 0%,rgba(12,25,56,.55) 37%,transparent 64%)!important;
  }
  html body #app-root #hub-content .home-friends-cover.friends-story-cover .friends-copy {width:min(42%,440px)!important;padding:28px!important;max-width:none!important}
  html body #app-root #hub-content .home-friends-cover.friends-story-cover .friends-copy h2,
  html body #app-root #hub-content .home-friends-cover.friends-story-cover .friends-copy p {color:#fff!important;text-shadow:0 2px 10px #06152add!important}
  html body #app-root #hub-content .home-friends-cover.friends-story-cover .friends-copy p {font-size:14px!important;line-height:1.4!important;max-width:260px!important}
  html body #app-root #hub-content .home-next>.reg-home-shortcut {width:260px!important;max-width:100%!important;min-height:58px!important;margin:12px 0!important;padding:0!important;border-radius:13px!important}
  html body #app-root #hub-content .home-next>.reg-home-shortcut .reg-pass-button {min-height:58px!important;padding:8px 12px!important}
  html body #app-root #hub-content .home-next-grid .home-next-card {padding:18px!important}
  html body #app-root #hub-content .home-next-grid .home-next-card h2 {font-size:18px!important}

  /* Tasks: higher specificity than the older task styles. */
  html body #app-root #hub-content[data-club-view="tasks"] .tasks-fidelity .tasks-v18-layout {display:grid!important;grid-template-columns:minmax(240px,270px) minmax(0,620px)!important;gap:16px!important;align-items:start!important;margin:16px 0 18px!important}
  html body #app-root #hub-content[data-club-view="tasks"] .tasks-fidelity .tasks-v18-actions {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  html body #app-root #hub-content[data-club-view="tasks"] .tasks-fidelity .tasks-v18-actions>button {width:100%!important;min-width:0!important;height:42px!important;min-height:42px!important;margin:0!important;padding:7px 8px!important;border-radius:12px!important;font:600 12px/1.2 Montserrat,Arial,sans-serif!important;white-space:nowrap!important}
  html body #app-root #hub-content[data-club-view="tasks"] .tasks-fidelity .tasks-v18-layout .task-filter-grid {display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 46px!important;grid-template-rows:40px 40px!important;gap:8px!important;margin:0!important;padding:0!important}
  html body #app-root #hub-content[data-club-view="tasks"] .tasks-fidelity .tasks-v18-layout .task-filter-grid>.task-filter-control {height:40px!important;min-height:40px!important;border-radius:11px!important}
  html body #app-root #hub-content[data-club-view="tasks"] .tasks-fidelity .tasks-v18-layout .task-filter-grid>.task-filter-control:nth-of-type(1) {grid-column:1!important;grid-row:1!important}
  html body #app-root #hub-content[data-club-view="tasks"] .tasks-fidelity .tasks-v18-layout .task-filter-grid>.task-filter-control:nth-of-type(2) {grid-column:2!important;grid-row:1!important}
  html body #app-root #hub-content[data-club-view="tasks"] .tasks-fidelity .tasks-v18-layout .task-filter-grid>.task-filter-control:nth-of-type(3) {grid-column:1!important;grid-row:2!important}
  html body #app-root #hub-content[data-club-view="tasks"] .tasks-fidelity .tasks-v18-layout .task-filter-grid>.task-filter-control:nth-of-type(4) {grid-column:2!important;grid-row:2!important}
  html body #app-root #hub-content[data-club-view="tasks"] .tasks-fidelity .tasks-v18-layout .task-filter-grid>.task-filter-control select {height:40px!important;min-height:40px!important;padding:0 25px 0 34px!important;font:500 12px/1.2 Montserrat,Arial,sans-serif!important}
  html body #app-root #hub-content[data-club-view="tasks"] .tasks-fidelity .tasks-v18-layout .task-filter-grid .task-filter-icon {display:flex!important;position:absolute!important;top:0!important;left:9px!important;width:17px!important;height:40px!important;align-items:center!important;z-index:1!important}
  html body #app-root #hub-content[data-club-view="tasks"] .tasks-fidelity .tasks-v18-layout .task-filter-grid .task-filter-icon svg {width:16px!important;height:16px!important}
  html body #app-root #hub-content[data-club-view="tasks"] .tasks-fidelity .tasks-v18-layout .task-filter-grid>.tasks-comfort-reset {grid-column:3!important;grid-row:1 / span 2!important;width:46px!important;height:88px!important;min-height:88px!important;margin:0!important;padding:0!important;border-radius:11px!important;display:flex!important;align-items:center!important;justify-content:center!important}
  html body #app-root #hub-content[data-club-view="tasks"] .tasks-fidelity .tasks-v12-tabs {display:flex!important;gap:9px!important;margin:0 0 12px!important;padding:0!important;background:transparent!important}
  html body #app-root #hub-content[data-club-view="tasks"] .tasks-fidelity .tasks-v12-tabs button {display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-width:120px!important;height:38px!important;padding:7px 12px!important;border-radius:11px!important;white-space:nowrap!important;font-size:13px!important}
  html body #app-root #hub-content[data-club-view="tasks"] .tasks-fidelity .tasks-v12-tabs button span {margin-left:3px!important}
  html body #app-root #hub-content[data-club-view="tasks"] .tasks-fidelity .task-list {width:min(100%,610px)!important;max-width:calc(100% - 340px)!important;min-width:0!important;gap:8px!important}
  html body #app-root #hub-content[data-club-view="tasks"] .tasks-fidelity .task-card {min-height:0!important;padding:11px 13px!important;border:1px solid #dce4f2!important;border-radius:15px!important;background:#fff!important;box-shadow:0 3px 12px #1c315b0a!important}
  html body #app-root #hub-content[data-club-view="tasks"] .tasks-fidelity .task-card .tasks-fidelity-card-head {margin:0 0 4px!important;align-items:center!important}
  html body #app-root #hub-content[data-club-view="tasks"] .tasks-fidelity .task-card .task-main>strong {font-size:14px!important;line-height:1.28!important}
  html body #app-root #hub-content[data-club-view="tasks"] .tasks-fidelity .task-card .tasks-fidelity-chips {margin:0 0 4px!important;gap:5px!important}
  html body #app-root #hub-content[data-club-view="tasks"] .tasks-fidelity .task-card .task-assignees {margin:2px 0!important;gap:5px!important}
  html body #app-root #hub-content[data-club-view="tasks"] .tasks-fidelity .task-card .task-footer {margin:4px 0 0!important;padding:4px 0 0!important}
  html body #app-root #hub-content[data-club-view="tasks"] .tasks-fidelity .task-card .tasks-fidelity-actions {margin:5px 0 0!important}
  html body #app-root #hub-content[data-club-view="tasks"] .tasks-fidelity .task-card .tasks-fidelity-actions>button {min-height:30px!important;padding:5px 9px!important}
  html body #app-root #hub-content[data-club-view="tasks"] .tasks-fidelity .task-card .mass-task-progress {margin-top:5px!important}
  :root[data-theme="dark"] #hub-content[data-club-view="tasks"] .tasks-fidelity .task-card {background:#1a2533!important;border-color:#304056!important}

  /* Calendar: compact toolbar, one-line tabs and reset. */
  html body #app-root #hub-content[data-ui-system="v1"].calendar-page .calendar-controls .calendar-toolbar {display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;flex-wrap:nowrap!important;padding-bottom:10px!important}
  html body #app-root #hub-content[data-ui-system="v1"].calendar-page .calendar-controls .calendar-toolbar-actions {display:flex!important;align-items:center!important;gap:8px!important;width:auto!important;min-width:0!important;grid-template-columns:none!important;flex:0 0 auto!important}
  html body #app-root #hub-content[data-ui-system="v1"].calendar-page .calendar-controls .calendar-toolbar-actions>button {width:auto!important;min-width:92px!important;height:36px!important;padding:7px 12px!important;white-space:nowrap!important}
  html body #app-root #hub-content[data-ui-system="v1"].calendar-page .calendar-controls .calendar-switch {display:flex!important;width:auto!important;min-width:0!important;grid-template-columns:none!important}
  html body #app-root #hub-content[data-ui-system="v1"].calendar-page .calendar-controls .calendar-switch>button {width:auto!important;min-width:82px!important;height:32px!important;padding:6px 12px!important;white-space:nowrap!important}
  html body #app-root #hub-content[data-ui-system="v1"].calendar-page .calendar-ux-filters {display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;padding:0 0 10px!important;grid-template-columns:none!important}
  html body #app-root #hub-content[data-ui-system="v1"].calendar-page .calendar-ux-filters>.ux-segments {display:inline-flex!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;max-width:100%!important;grid-column:auto!important}
  html body #app-root #hub-content[data-ui-system="v1"].calendar-page .calendar-ux-filters>.calendar-kind-tabs,
  html body #app-root #hub-content[data-ui-system="v1"].calendar-page .calendar-ux-filters>.calendar-kind-tabs:has(>button:nth-of-type(4)) {display:inline-flex!important;flex:0 1 auto!important;grid-template-columns:none!important;width:auto!important;max-width:100%!important;overflow-x:auto!important}
  html body #app-root #hub-content[data-ui-system="v1"].calendar-page .calendar-ux-filters .ux-segments>button,
  html body #app-root #hub-content[data-ui-system="v1"].calendar-page .calendar-ux-filters .calendar-kind-tabs.ui-tabs>button {flex:0 0 auto!important;min-width:56px!important;width:auto!important;height:32px!important;min-height:32px!important;padding:6px 10px!important;white-space:nowrap!important;word-break:normal!important;font:500 12px/1.2 Montserrat,Arial,sans-serif!important}
  html body #app-root #hub-content[data-ui-system="v1"].calendar-page .calendar-ux-filters .calendar-v18-reset {flex:0 0 auto!important;width:auto!important;height:36px!important;min-height:36px!important;margin:0 0 0 auto!important;padding:7px 14px!important;font:500 12px/1.2 Montserrat,Arial,sans-serif!important}
  html body #app-root #hub-content[data-ui-system="v1"].calendar-page .calendar-cell {display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;min-height:88px!important;height:clamp(88px,8vw,120px)!important;padding:7px!important;overflow:hidden!important}
  html body #app-root #hub-content[data-ui-system="v1"].calendar-page .calendar-day-number {align-self:flex-end!important;margin:0 0 6px!important}
  html body #app-root #hub-content[data-ui-system="v1"].calendar-page .calendar-cell-events {display:grid!important;gap:3px!important;min-width:0!important;overflow:hidden!important}
  html body #app-root #hub-content[data-ui-system="v1"].calendar-page .calendar-event {display:flex!important;max-width:100%!important;min-width:0!important;padding:3px 5px!important}
  html body #app-root #hub-content[data-ui-system="v1"].calendar-page .calendar-event>span {display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

  /* Profile QR under the avatar, with metrics beside it. */
  html body #app-root #hub-content.profile-page .profile-next .profile-next-person {position:relative!important}
  html body #app-root #hub-content.profile-page .profile-next .profile-next-person>.reg-profile-shortcut {position:absolute!important;left:0!important;top:calc(100% + 8px)!important;width:104px!important;min-width:104px!important;height:82px!important;min-height:82px!important;margin:0!important;padding:0!important;z-index:4!important;border-radius:13px!important}
  html body #app-root #hub-content.profile-page .profile-next .profile-next-person>.reg-profile-shortcut .reg-pass-button {display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:100%!important;height:82px!important;min-height:82px!important;padding:7px!important;text-align:center!important}
  html body #app-root #hub-content.profile-page .profile-next .profile-next-person>.reg-profile-shortcut .reg-pass-copy strong {font-size:11px!important;white-space:nowrap!important}
  html body #app-root #hub-content.profile-page .profile-next .profile-next-person>.reg-profile-shortcut .reg-pass-chevron {display:none!important}
  html body #app-root #hub-content.profile-page .profile-next .profile-v18-metrics-row {margin-left:130px!important;min-height:88px!important;width:calc(100% - 130px)!important}
}
@media (min-width:900px) and (max-width:1150px) {
  html body #app-root #hub-content[data-club-view="tasks"] .tasks-fidelity .tasks-v18-layout {grid-template-columns:minmax(210px,240px) minmax(0,1fr)!important}
  html body #app-root #hub-content[data-club-view="tasks"] .tasks-fidelity .task-list {max-width:65%!important}
  html body #app-root #hub-content[data-ui-system="v1"].calendar-page .calendar-ux-filters {gap:6px!important}
}