/* Desktop activity shares the visual language of the original Cliente app. */
.sl-desktop-activity-tabs{display:none}
@media(min-width:960px){
body:has(#page-bookings.active),body:has(#page-bookings.active) .main{background:#080808;color:#fff;min-height:100vh}
body:has(#page-bookings.active) .uber-header{background:#080808;box-shadow:0 1px 0 #292929}
body:has(#page-bookings.active) .uber-top{max-width:1280px;padding:0 32px;margin:auto;height:86px;gap:32px}
body:has(#page-bookings.active) .uber-brand,body:has(#page-bookings.active) .uber-primary button,body:has(#page-bookings.active) .uber-primary a,body:has(#page-bookings.active) .uber-user>button{color:#fff}
body:has(#page-bookings.active) .uber-primary{gap:20px}
body:has(#page-bookings.active) .uber-primary button,body:has(#page-bookings.active) .uber-primary a{font-size:12px}
body:has(#page-bookings.active) .uber-user{gap:12px}
body:has(#page-bookings.active) .uber-user .sl-activity.active{background:#fff;color:#080808}
body:has(#page-bookings.active) .uber-blackbar,body:has(#page-bookings.active) .sl-header-location{display:none}
#page-bookings.inner{background:#080808;color:#fff;min-height:calc(100vh - 86px)}
.activity-layout{display:block;max-width:1168px;padding:42px 32px 80px;min-height:0}
.activity-aside,.activity-heading small,.activity-count{display:none}
.activity-content{max-width:none}
.activity-heading{padding-bottom:25px}
.activity-heading h1{color:#fff;font-size:36px;letter-spacing:-1.1px;margin:0 0 8px}
.activity-heading p{color:#aaa;font-size:14px}
.sl-desktop-activity-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}
.sl-desktop-activity-tabs button{border:0;background:#222;color:#fff;padding:12px 16px;border-radius:24px;font-size:13px;font-weight:700;min-height:42px}
.sl-desktop-activity-tabs button[aria-pressed=true]{background:#fff;color:#080808}
.activity-notice{background:#181818;color:#aaa;border:1px solid #333;margin:0 0 28px}
.activity-notice>span{color:#fff}
.activity-section{margin-top:28px}.activity-section-title h2{font-size:23px;color:#fff}
.activity-count-pill{background:#292929;color:#fff}
.activity-upcoming-list,.activity-history-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.activity-upcoming-card,.activity-history-card{display:block;background:#1c1c1c;border:1px solid #333;border-radius:18px;padding:24px}
.activity-upcoming-image,.activity-history-map{display:none}
.activity-upcoming-copy,.activity-history-info{padding:0}
.activity-upcoming-copy h3,.activity-history-info h3,.activity-booked-where,.activity-history-address{color:#fff}
.activity-subline,.activity-history-date,.activity-history-provider,.activity-ref{color:#aaa}
.activity-progress span{background:#343434}.activity-progress span.done{background:#fff}
.activity-btn{background:#292929;color:#fff;border-color:#444}
.activity-btn:hover{background:#3a3a3a}
.activity-btn.primary{background:#fff;color:#080808;border-color:#fff}
.activity-btn.subtle{color:#bbb}
.activity-status{background:#303030;color:#fff}
.activity-empty-card,.activity-history-empty{background:#1c1c1c;border-color:#333;border-radius:18px}
.activity-empty-card{max-width:530px}.activity-empty-copy{padding:24px}
.activity-scene{display:none}.activity-empty-copy h3,.activity-history-empty h3,.activity-history-empty>span{color:#fff}
.activity-empty-copy p,.activity-history-empty p{color:#aaa}
.activity-filter-row select{background:#222;color:#fff;border-color:#444;color-scheme:dark}
.activity-history-section{margin-top:38px}
.activity-dashboard[data-desktop-filter=active] #activity-history{display:none}
.activity-dashboard[data-desktop-filter=past] #activity-upcoming{display:none}
.activity-dashboard[data-desktop-filter=past] #activity-history{margin-top:0}
button:focus-visible,a:focus-visible{outline:2px solid #888;outline-offset:4px}
}
@media(min-width:960px) and (max-width:1150px){body:has(#page-bookings.active) .uber-top{gap:20px;padding-inline:24px}body:has(#page-bookings.active) .uber-primary{gap:14px}body:has(#page-bookings.active) .uber-primary .provider-open,body:has(#page-bookings.active) .sl-header-language{display:none}}