.reservas-main{max-width:1080px;margin:auto;padding:30px 20px 70px}.reservas-hero{min-height:300px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden}.reservas-hero h1{font-size:clamp(2.4rem,7vw,4.6rem);line-height:.95;margin:12px 0}.reservas-hero h1 strong{color:var(--primary-green)}.reservas-hero p{max-width:570px;color:var(--text-muted);line-height:1.7}.reservas-orb{width:190px;height:190px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,rgba(40,210,113,.18),rgba(40,210,113,0) 68%);border:1px solid rgba(255,255,255,.06);font-size:80px;color:rgba(40,210,113,.7)}/* ==========================================
   CORRECCIÓN BARRA DE HERRAMIENTAS Y BOTÓN REFRESH
   ========================================== */
.reservas-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 20px;
    width: 100%;
}

/* Fuerza al botón actualizar a ser compacto y cuadrado */
#btn-refresh, .icon-btn {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    cursor: pointer;
}

#btn-refresh:hover {
    background: rgba(255, 255, 255, 0.12) !important;
    color: var(--primary-green, #00D968) !important;
}

/* Contenedor de pestañas horizontal */
.reserva-tabs {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    padding-bottom: 4px;
    flex: 1;
    -webkit-overflow-scrolling: touch;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}.auth-card{display:flex;align-items:center;gap:18px;padding:25px;border:1px solid rgba(255,255,255,.08);background:rgba(17,22,20,.82);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.2)}.auth-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:rgba(40,210,113,.1);color:var(--primary-green);font-size:22px}.auth-card h2{font-size:1rem;margin:0 0 5px}.auth-card p{margin:0;color:var(--text-muted);font-size:.73rem;line-height:1.5}.auth-card .btn{margin-left:auto;width:auto;white-space:nowrap}.premium-alert{display:none;align-items:center;gap:12px;margin-top:14px;padding:13px 15px;border:1px solid rgba(220,90,90,.25);background:rgba(100,35,35,.16);border-radius:14px;color:#eee;text-align:left}.premium-alert>i{font-size:22px;color:#ff9b9b}.premium-alert div{display:grid;gap:3px;flex:1}.premium-alert strong{font-size:.72rem}.premium-alert span{font-size:.62rem;color:#bcbcbc;line-height:1.45}.premium-alert button{border:0;background:transparent;color:#999;cursor:pointer;font-size:16px}.reservas-lista{display:grid;gap:11px}.reserva-card{display:grid;grid-template-columns:72px 1fr auto;gap:18px;align-items:center;padding:17px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(120deg,rgba(18,24,21,.94),rgba(11,15,13,.94));border-radius:18px;transition:.2s}.reserva-card:hover{border-color:rgba(40,210,113,.25);transform:translateY(-1px)}.reserva-card.confirmada{border-left:3px solid var(--primary-green)}.reserva-card.pendiente{border-left:3px solid #d7a938}.reserva-card.seña_pagada{border-left:3px solid #4ba3ff}.reserva-card.jugada{border-left:3px solid #a777e8}.reserva-card.cancelada{opacity:.55}.reserva-date{width:62px;text-align:center;padding:9px 4px;border-radius:14px;background:#090d0b;border:1px solid rgba(255,255,255,.06)}.reserva-date small{display:block;font-size:.55rem;color:var(--text-muted);font-weight:800}.reserva-date b{display:block;font-size:1.5rem;line-height:1.2}.reserva-date span{font-size:.58rem;color:var(--text-muted)}.reserva-info h2{font-size:1rem;margin:5px 0 8px}.reserva-info p{display:inline-flex;gap:5px;margin:0 15px 0 0;color:var(--text-muted);font-size:.68rem}.reserva-info p i{color:var(--primary-green)}.reserva-status{display:inline-flex;gap:5px;align-items:center;font-size:.58rem;font-weight:800;text-transform:uppercase}.reserva-status.confirmada{color:var(--primary-green)}.reserva-status.pendiente{color:#d7a938}.reserva-status.seña_pagada{color:#4ba3ff}.reserva-status.jugada{color:#a777e8}.reserva-status.cancelada{color:#999}.reserva-flow{display:flex;align-items:center;gap:5px;margin-top:10px;flex-wrap:wrap}.reserva-flow span{font-size:.52rem;color:#555;border:1px solid rgba(255,255,255,.06);padding:4px 7px;border-radius:99px}.reserva-flow span.done{color:var(--primary-green);border-color:rgba(40,210,113,.22);background:rgba(40,210,113,.06)}.reserva-price{text-align:right}.reserva-price small{display:block;color:var(--text-muted);font-size:.57rem}.reserva-price strong{display:block;font-size:1.05rem;margin:3px 0 8px}.cancelar-reserva{border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--text-muted);padding:6px 9px;border-radius:8px;font-size:.58rem;cursor:pointer}.cancelar-reserva:hover{color:#ff7777;border-color:rgba(255,100,100,.3)}.empty-reservas,.loading-reservas{padding:55px 20px;text-align:center;color:var(--text-muted);border:1px dashed rgba(255,255,255,.1);border-radius:20px}.empty-reservas>i{font-size:35px;color:var(--primary-green)}.empty-reservas h2{font-size:1rem;color:var(--text-main);margin:10px 0 5px}.empty-reservas p{font-size:.72rem;margin:0 0 17px}.empty-reservas .btn{width:auto;margin:auto}.loading-reservas i{margin-right:7px;color:var(--primary-green)}@media(max-width:700px){.reservas-main{padding:15px 13px 50px}.reservas-hero{min-height:250px}.reservas-orb{position:absolute;right:-65px;top:20px;width:190px;height:190px;opacity:.65}.reservas-hero>div:first-child{position:relative;z-index:1}.reservas-toolbar{align-items:stretch}.reserva-tabs{width:100%}.reserva-card{grid-template-columns:58px 1fr;gap:12px}.reserva-date{width:50px}.reserva-price{grid-column:2;text-align:left;display:flex;align-items:center;gap:10px}.reserva-price small{display:none}.reserva-price strong{margin:0}.reserva-info p{display:flex;margin:4px 0}.auth-card{flex-direction:column;text-align:center}.auth-card .btn{margin:0;width:100%}}