/* Telas integradas usam os componentes do original 01-principal.css. */
.my-reservation-layout{display:grid;gap:12px;min-width:0}
.my-reservation-layout>.card{margin:0;min-width:0}
.my-reservation-actions{display:grid;gap:10px}
.my-reservation .notice{margin:0;overflow-wrap:anywhere}
#myReservationError:not([hidden]){margin-bottom:12px}
body[data-papel="app"] #cancelDialog{z-index:120}
@media(min-width:769px){
 .my-reservation-layout{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
 .my-reservation-map{grid-column:1/3;grid-row:1/4}
 #myReservationInfo,#myReservationHint,.my-reservation-actions{grid-column:3}
 .my-reservation-layout.confirming #myReservationInfo{grid-column:1}
 .my-reservation-layout.confirming #myReservationHint{grid-column:2}
 .my-reservation-layout.confirming .my-reservation-actions{grid-column:3}
}
#scr-history .history-row{align-items:center}
#scr-history .history-details{min-width:0;flex:1;overflow-wrap:anywhere}
#scr-history .history-details b{font-size:12px}
#scr-history .history-details span{font-size:11px;color:var(--muted)}
#scr-history .history-status{flex:0 0 100px;max-width:34%;text-align:right;white-space:normal;overflow-wrap:anywhere;font-size:11px}
#scr-history .history-blue{color:var(--blue)}
#scr-history .history-warn{color:var(--warn)}
#scr-history .history-ok{color:var(--ok)}
#scr-history .history-muted{color:var(--muted)}
#scr-history .history-danger{color:var(--danger)}
body[data-papel="app"]:has(#scr-history.active) #operational>header,body[data-papel="app"]:has(#scr-history.active) #operational>nav{display:none}
body[data-papel="app"]:has(#scr-history.active) #operational>main{padding:0}
@media(min-width:769px){
 body[data-papel="app"] #operational:has(#scr-history.active){max-width:none;width:100%}
 #scr-history .sheet-head{padding:14px 24px}
 #scr-history .sheet-body{padding:4px 24px 40px}
 #scr-history .history-status{flex-basis:180px}
}
.parq-sheet{z-index:350;padding-bottom:0}
.parq-sheet .sheet-body{padding-bottom:40px}
.parq-sheet .q-card{min-width:0;overflow-wrap:anywhere}
.parq-sheet .q-card .bike-document{font-size:12px;line-height:1.5;margin-bottom:10px}
.parq-sheet .q-option.answer-sent-2409{border-color:rgba(54,211,126,.72)!important;background:rgba(54,211,126,.14)!important;color:#eafff3!important;box-shadow:0 0 0 1px rgba(54,211,126,.18) inset}
.parq-sheet .q-option.answer-sent-2409::after{content:"Resposta enviada";margin-left:auto;font-size:9px;font-weight:900;color:#72e9a8;text-transform:uppercase;letter-spacing:.05em}
.parq-sheet .q-check.answer-sent-2409{border:1px solid rgba(54,211,126,.55);background:rgba(54,211,126,.10);border-radius:10px;padding:9px}
body.parq-onboarding #operational>header,body.parq-onboarding #operational>main,body.parq-onboarding #operational>nav{visibility:hidden;pointer-events:none}
body:has(.parq-sheet:not([hidden])) #message{z-index:400}
@media(min-width:769px){
 .parq-sheet{max-width:none;width:100%}
 .parq-sheet .sheet-head{padding:14px 24px}
 .parq-sheet .sheet-body{padding:4px 24px 40px}
 #parqForm,#parqSummary.show,.parq-saved-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
 #parqForm[hidden]{display:none}
 #questions,#standardAccepts{display:contents}
 .parq-sheet .q-card{margin:0}
 #parqIntroduction{max-width:none}
 #parqError{grid-column:1/-1}
 #parqSummary>div:last-child{grid-column:span 2}
 #parqSummary .questionnaire-history-title{margin-top:0}
 #parqPending .onboarding-inner{max-width:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;gap:12px;padding:24px}
 #parqPending .onboarding-kicker,#parqPending h1,#parqPending p{grid-column:1/-1}
}
#scr-shop .shop-head>div:first-child,#scr-shop .row>div,#scr-shop .list-item>div{min-width:0;overflow-wrap:anywhere}
#scr-shop .purchase-choice{text-decoration:none;color:inherit}
#scr-shop #orders .notice{margin:10px 0}
body[data-papel="app"]:has(#scr-shop.active) #message{position:static}
@media(min-width:769px){
 body[data-papel="app"] #operational:has(#scr-shop.active){max-width:none;width:100%}
 #operational:has(#scr-shop.active)>header{padding:15px 24px 13px}
 body[data-papel="app"] #operational:has(#scr-shop.active) .header-row{grid-template-columns:62px 140px minmax(0,1fr)!important}
 #operational:has(#scr-shop.active)>main{padding:24px 24px 106px}
 #scr-shop .shop-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
 #scr-shop #plans{display:contents}
 #scr-shop .shop-history{grid-column:1/-1}
 #scr-shop #orders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 #scr-shop .section-title{margin-top:0}
 body[data-papel="app"] #operational:has(#scr-shop.active)>nav{max-width:none;grid-template-columns:repeat(2,160px);justify-content:center}
 body[data-papel="app"] #operational:has(#scr-shop.active)>nav:has(#teacherMode:not([hidden])){grid-template-columns:repeat(3,160px)}
}
#scr-reserve #classes{margin:0;display:block}
#scr-reserve .class-meta{min-width:0;overflow-wrap:anywhere}
#scr-reserve .class-card{grid-template-columns:60px minmax(0,1fr) auto}
#scr-reserve .class-card .actions{flex-direction:column;align-items:stretch}
#scr-reserve .class-card .btn{white-space:normal}
#scr-reserve .days{max-width:100%;scrollbar-width:thin}
#scr-reserve .day{flex-shrink:0}
#reserveRoomTitle{overflow-wrap:anywhere}
@media(max-width:360px){#scr-reserve .class-card{grid-template-columns:52px minmax(0,1fr)}#scr-reserve .class-card>.btn,#scr-reserve .class-card>.actions{grid-column:1/-1}}
@media(min-width:769px){
 body[data-papel="app"] #operational:has(#scr-reserve.active){max-width:none;width:100%}
 #operational:has(#scr-reserve.active)>header{padding:15px 24px 13px}
 body[data-papel="app"] #operational:has(#scr-reserve.active) .header-row{grid-template-columns:62px 140px minmax(0,1fr)!important}
 #operational:has(#scr-reserve.active)>main{padding:24px 24px 106px}
 #scr-reserve #classes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
 #scr-reserve .class-card{margin:0;min-width:0}
 body[data-papel="app"] #operational:has(#scr-reserve.active)>nav{max-width:none;grid-template-columns:repeat(2,160px);justify-content:center}
 body[data-papel="app"] #operational:has(#scr-reserve.active)>nav:has(#teacherMode:not([hidden])){grid-template-columns:repeat(3,160px)}
}
@media(min-width:769px) and (max-width:1150px){#scr-reserve .class-card{grid-template-columns:52px minmax(0,1fr)}#scr-reserve .class-card>.btn,#scr-reserve .class-card>.actions{grid-column:1/-1}#scr-reserve .class-card>.actions{flex-direction:row;flex-wrap:wrap}}

/* Fila: componentes originais; sem tabela de participantes. */
.fila-sheet{z-index:320;padding-bottom:0}
.arena-bike-sheet.fila-bike-context{z-index:340}
.fila-sheet .sheet-body{padding-bottom:40px}
.fila-sheet .card,.fila-sheet .waitlist-highlight,.fila-sheet .waitlist-countdown{min-width:0;overflow-wrap:anywhere}
.fila-sheet .brand-card .row>div:first-child{min-width:0}
.fila-decision{z-index:380}
.fila-decision>.waitlist-leave-confirm{width:min(100%,440px);background:var(--surface);margin:auto}
.fila-class-actions,.fila-closed{max-width:135px}
#scr-reserve [data-fila-join]{max-width:135px}
.fila-notification{margin:0 0 12px;overflow-wrap:anywhere}
.fila-notification p{margin:6px 0;font-size:12px;line-height:1.5}
.fila-notification .btn{margin-top:8px}
.fila-bike-deadline{margin:0 0 12px}
#bikeFilaExpired{display:block;color:var(--danger);margin-top:6px}
#bikeFilaExpired[hidden]{display:none}
body:has(.fila-sheet:not([hidden])) #message{z-index:390}
@media(min-width:769px){
 .fila-sheet{max-width:none;width:100%}
 .fila-sheet .sheet-head{padding:14px 24px}
 .fila-sheet .sheet-body{padding:4px 24px 40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-content:start;align-items:start}
 .fila-sheet .card,.fila-sheet .waitlist-highlight,.fila-sheet .waitlist-countdown{margin:0}
 .fila-sheet .sheet-body:has(#waitlistOpportunity:not([hidden])){grid-template-areas:"class offer countdown" "position offer countdown"}
 .fila-sheet .sheet-body:has(#waitlistOpportunity:not([hidden])) #waitlistClassInfo{grid-area:class}
 .fila-sheet .sheet-body:has(#waitlistOpportunity:not([hidden])) #waitlistOpportunity{grid-area:offer}
 .fila-sheet .sheet-body:has(#waitlistOpportunity:not([hidden])) #waitlistHighlight{grid-area:position}
 .fila-sheet .sheet-body:has(#waitlistOpportunity:not([hidden])) #waitlistCountdown{grid-area:countdown}
 #waitlistOpportunityHomePrompt{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
 #scr-home.active:has(#waitlistOpportunityHomePrompt:not([hidden])){grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"hello hello hello" "intro intro intro" "fila fila fila" "next stats actions" "review achievements actions"}
 #scr-home>#waitlistOpportunityHomePrompt{grid-area:fila;margin-bottom:12px}
 #waitlistOpportunityHomePrompt>.waitlist-opportunity-card,#waitlistOpportunityHomePrompt>.fila-notification{margin:0}
 #waitlistOpportunityHomePrompt[hidden]{display:none}
}