/* /Components/AccountMenu.razor.rz.scp.css */
.account-menu[b-br47fq41za] {
    position: relative;
}

/* ACCOUNT BUTTON */

.account-button[b-br47fq41za] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 10px;
    border: 1px solid transparent;
    border-radius: 12px;
    background: transparent;
    cursor: pointer;
}

.account-avatar[b-br47fq41za] {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    background: #111827;
    color: #b6ff39;
    font-weight: 800;
}


/* VERY IMPORTANT */
.account-button-info[b-br47fq41za] {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    min-width: 0;
    line-height: 1.2;
}

.account-name[b-br47fq41za] {
    color: #ffffff !important;
    font-size: .78rem;
    font-weight: 700;

    display: block;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
 
}

.account-role[b-br47fq41za] {
    display: block;
    margin-top: 3px;
  
    color: #8b958f;
    font-size: .62rem;
}

.account-chevron[b-br47fq41za] {
    margin-left: 3px;
    color: #7d8781;
}


.account-dropdown[b-br47fq41za] {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    z-index: 2000;
    width: 330px;
    padding: 10px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.15);
}


/* PROFILE HEADER */

.dropdown-profile[b-br47fq41za] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
}

.dropdown-avatar[b-br47fq41za] {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    background: #111827;
    color: #b6ff39;
    font-weight: 800;
}


/* VERY IMPORTANT */
.dropdown-user-info[b-br47fq41za] {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0;
    flex: 1;
}

    .dropdown-user-info strong[b-br47fq41za] {
        display: block;
        color: #111827;
        font-size: 0.9rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dropdown-user-info span[b-br47fq41za] {
        display: block;
        margin-top: 3px;
        color: #8b93a1;
        font-size: 0.75rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }


/* MENU */

.menu-section[b-br47fq41za] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.account-item[b-br47fq41za] {
    width: 100%;
    display: flex !important;
    align-items: center;
    gap: 11px;
    padding: 10px 11px;
    border: none;
    border-radius: 10px;
    background: transparent;
    color: #374151;
    text-decoration: none;
    text-align: left;
    cursor: pointer;
}

    .account-item:hover[b-br47fq41za] {
        background: #f3f4f6;
        color: #111827;
    }

.item-icon[b-br47fq41za] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 9px;
    background: #f3f4f6;
}


/* THIS IS THE MAIN FIX */
.item-content[b-br47fq41za] {
    display: flex !important;
    flex-direction: column !important;
    flex: 1;
    min-width: 0;
}

    .item-content strong[b-br47fq41za] {
        display: block;
        color: inherit;
        font-size: 0.84rem;
        font-weight: 700;
        line-height: 1.25;
    }

    .item-content small[b-br47fq41za] {
        display: block;
        margin-top: 3px;
        color: #9ca3af;
        font-size: 0.7rem;
        line-height: 1.25;
        white-space: normal;
    }


/* DIVIDERS */

.menu-divider[b-br47fq41za] {
    height: 1px;
    margin: 8px 6px;
    background: #e5e7eb;
}

.menu-label[b-br47fq41za] {
    padding: 8px 11px 5px;
    color: #7b8492;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.1em;
}


/* LOGOUT */

.logout[b-br47fq41za] {
    color: #dc2626;
}

    .logout:hover[b-br47fq41za] {
        background: #fef2f2;
        color: #b91c1c;
    }


/* LOGIN BUTTON */

.login-nav-button[b-br47fq41za] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 17px;
    border-radius: 10px;
    background: #111827;
    color: white;
    text-decoration: none;
    font-size: 0.86rem;
    font-weight: 700;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    /* Hide name and role.
       Show only the avatar as the account button. */
    .account-button-info[b-br47fq41za] {
        display: none !important;
    }


    .account-chevron[b-br47fq41za] {
        display: none;
    }


    .account-button[b-br47fq41za] {
        padding: 5px;
        border-radius: 50%;
    }


    /* Full mobile-friendly account panel */
    .account-dropdown[b-br47fq41za] {
        position: fixed;
        top: 62px;
        left: 12px;
        right: 12px;
        width: auto;
        max-width: none;
        max-height: calc(100vh - 80px);
        overflow-y: auto;
        z-index: 3000;
    }
}

/* hidden on desktop */

.mobile-dropdown-header[b-br47fq41za] {
    display: none;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .account-button-info[b-br47fq41za] {
        display: none !important;
    }

    .account-chevron[b-br47fq41za] {
        display: none;
    }

    .account-button[b-br47fq41za] {
        padding: 5px;
    }


    .account-dropdown[b-br47fq41za] {
        position: fixed;
        top: 62px;
        left: 12px;
        right: 12px;
        width: auto;
        max-width: none;
        max-height: calc(100vh - 80px);
        overflow-y: auto;
        z-index: 5000;
    }


    .mobile-dropdown-header[b-br47fq41za] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 5px 6px 10px;
        border-bottom: 1px solid #e5e7eb;
        margin-bottom: 6px;
    }


        .mobile-dropdown-header span[b-br47fq41za] {
            color: #111827;
            font-size: 0.75rem;
            font-weight: 800;
            letter-spacing: 0.05em;
            text-transform: uppercase;
        }


    .account-close-button[b-br47fq41za] {
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        border: none;
        border-radius: 50%;
        background: #f3f4f6;
        color: #6b7280;
        font-size: 0.8rem;
        font-weight: 800;
        cursor: pointer;
    }


        .account-close-button:hover[b-br47fq41za] {
            background: #e5e7eb;
            color: #111827;
        }
}
/* /Components/BookingSummary.razor.rz.scp.css */
/* =========================================================
   BOOKING SUMMARY CARD
   ========================================================= */

.booking-summary-card[b-t6wo60yupa] {
    position: sticky;
    top: 24px;
    width: 100%;
    padding: 25px;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 20px;
    background: linear-gradient( 180deg, rgba(255, 255, 255, .015), transparent 40% ), #0d110e;
    color: #ffffff;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .18);
}


/* =========================================================
   HEADING
   ========================================================= */

.summary-heading[b-t6wo60yupa] {
    margin-bottom: 20px;
}

.summary-eyebrow[b-t6wo60yupa] {
    display: block;
    margin-bottom: 6px;
    color: #e4b83f;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 1.5px;
}

.booking-summary-card h3[b-t6wo60yupa] {
    margin: 0;
    color: #ffffff;
    font-size: 21px;
    font-weight: 850;
    line-height: 1.2;
}

.summary-heading p[b-t6wo60yupa] {
    margin: 6px 0 0;
    color: #778079;
    font-size: 11px;
    line-height: 1.5;
}


/* =========================================================
   COURT BOX
   ========================================================= */

.court-box[b-t6wo60yupa] {
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, .05);
    border-radius: 11px;
    background: #090c0a;
}

    .court-box span[b-t6wo60yupa],
    .summary-label[b-t6wo60yupa] {
        display: block;
        margin-bottom: 4px;
        color: #69736c;
        font-size: 9px;
        font-weight: 850;
        letter-spacing: 1px;
    }

    .court-box strong[b-t6wo60yupa] {
        display: block;
        color: #ffffff;
        font-size: 14px;
        font-weight: 800;
    }


/* =========================================================
   DIVIDER
   ========================================================= */

.divider[b-t6wo60yupa] {
    height: 1px;
    margin: 20px 0;
    background: rgba(255, 255, 255, .06);
}


/* =========================================================
   SUMMARY ROWS
   ========================================================= */

.summary-row[b-t6wo60yupa] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 13px;
    font-size: 12px;
}

    .summary-row > span[b-t6wo60yupa] {
        flex-shrink: 0;
        color: #7d8880;
    }

    .summary-row strong[b-t6wo60yupa] {
        color: #dce2dd;
        font-weight: 700;
        text-align: right;
        line-height: 1.45;
    }

.summary-time[b-t6wo60yupa] {
    max-width: 220px;
    word-break: break-word;
}


/* =========================================================
   TOTAL
   ========================================================= */

.total-row[b-t6wo60yupa] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 15px;
    margin-bottom: 18px;
}

    .total-row span[b-t6wo60yupa] {
        display: block;
        color: #ffffff;
        font-size: 14px;
        font-weight: 800;
    }

    .total-row small[b-t6wo60yupa] {
        display: block;
        margin-top: 4px;
        color: #6f7971;
        font-size: 10px;
        line-height: 1.4;
    }

    .total-row > strong[b-t6wo60yupa] {
        flex-shrink: 0;
        color: #e4b83f;
        font-size: 24px;
        font-weight: 900;
        line-height: 1;
    }


/* =========================================================
   INFORMATION NOTE
   ========================================================= */

.summary-note[b-t6wo60yupa] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin-bottom: 18px;
    padding: 11px 12px;
    border: 1px solid rgba(183, 255, 0, .08);
    border-radius: 10px;
    background: rgba(183, 255, 0, .035);
    color: #879188;
    font-size: 10px;
    line-height: 1.5;
}

.summary-note-icon[b-t6wo60yupa] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin-top: 1px;
    border-radius: 50%;
    background: rgba(183, 255, 0, .12);
    color: #b7ff00;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
}


/* =========================================================
   BOOK COURT BUTTON
   ========================================================= */

.book-button[b-t6wo60yupa] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-height: 48px;
    padding: 11px 16px;
    border: none;
    border-radius: 11px;
    background: #b7ff00;
    color: #081008;
    font-size: 13px;
    font-weight: 850;
    cursor: pointer;
    transition: transform .2s ease, filter .2s ease, opacity .2s ease, box-shadow .2s ease;
}

    .book-button:hover:not(:disabled)[b-t6wo60yupa] {
        transform: translateY(-1px);
        filter: brightness(1.08);
        box-shadow: 0 8px 22px rgba(183, 255, 0, .12);
    }

    .book-button:active:not(:disabled)[b-t6wo60yupa] {
        transform: translateY(0);
    }

    .book-button:disabled[b-t6wo60yupa] {
        opacity: .35;
        cursor: not-allowed;
        box-shadow: none;
    }


/* =========================================================
   CLEAR SELECTION BUTTON
   ========================================================= */

.clear-button[b-t6wo60yupa] {
    width: 100%;
    margin-top: 10px;
    padding: 10px 12px;
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 10px;
    background: transparent;
    color: #7f8981;
    font-size: 11px;
    font-weight: 750;
    cursor: pointer;
    transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease;
}

    .clear-button:hover:not(:disabled)[b-t6wo60yupa] {
        transform: translateY(-1px);
        border-color: rgba(255, 90, 90, .20);
        background: rgba(255, 80, 80, .05);
        color: #ff7777;
    }

    .clear-button:active:not(:disabled)[b-t6wo60yupa] {
        transform: translateY(0);
    }

    .clear-button:disabled[b-t6wo60yupa] {
        opacity: .35;
        cursor: not-allowed;
    }


/* =========================================================
   SPINNER
   ========================================================= */

.book-button .spinner-border[b-t6wo60yupa] {
    width: 15px;
    height: 15px;
    border-width: 2px;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {

    .booking-summary-card[b-t6wo60yupa] {
        position: static;
        top: auto;
    }
}


@media (max-width: 600px) {

    .booking-summary-card[b-t6wo60yupa] {
        padding: 20px;
        border-radius: 16px;
    }

        .booking-summary-card h3[b-t6wo60yupa] {
            font-size: 19px;
        }

    .summary-row[b-t6wo60yupa] {
        gap: 12px;
    }

    .summary-time[b-t6wo60yupa] {
        max-width: 180px;
    }

    .total-row > strong[b-t6wo60yupa] {
        font-size: 22px;
    }
}


@media (max-width: 400px) {

    .booking-summary-card[b-t6wo60yupa] {
        padding: 17px;
    }

    .summary-row[b-t6wo60yupa] {
        font-size: 11px;
    }

    .summary-time[b-t6wo60yupa] {
        max-width: 150px;
    }

    .total-row[b-t6wo60yupa] {
        align-items: flex-start;
        flex-direction: column;
    }

        .total-row > strong[b-t6wo60yupa] {
            font-size: 24px;
        }
}
/* /Components/LocationPicker.razor.rz.scp.css */
.location-picker[b-pq75v7hx83] {
    margin-top: 10px;
}


.location-picker-header[b-pq75v7hx83] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 14px;
}


.location-eyebrow[b-pq75v7hx83] {
    display: block;
    margin-bottom: 3px;
    color: #7aa900;
    font-size: 0.66rem;
    font-weight: 850;
    letter-spacing: 0.11em;
}


.location-picker-header h5[b-pq75v7hx83] {
    margin: 0 0 5px;
    color: #111827;
    font-size: 1rem;
    font-weight: 850;
}


.location-picker-header p[b-pq75v7hx83] {
    margin: 0;
    color: #6b7280;
    font-size: 0.78rem;
    line-height: 1.5;
}


/* MAP */

.location-map[b-pq75v7hx83] {
    width: 100%;
    height: 380px;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    background: #f3f4f6;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(17, 24, 39, 0.06);
}


/* CURRENT LOCATION */

.current-location-button[b-pq75v7hx83] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 40px;
    padding: 9px 14px;
    flex-shrink: 0;
    border: 1px solid #a9e900;
    border-radius: 10px;
    background: rgba(183, 255, 0, 0.10);
    color: #547900;
    font-size: 0.75rem;
    font-weight: 800;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}


    .current-location-button:hover[b-pq75v7hx83] {
        background: #b7ff00;
        color: #111827;
        transform: translateY(-1px);
        box-shadow: 0 6px 18px rgba(183, 255, 0, 0.18);
    }


/* COORDINATES */

.coordinate-display[b-pq75v7hx83] {
    display: flex;
    align-items: center;
    margin-top: 12px;
    padding: 11px 14px;
    border: 1px solid #e5e7eb;
    border-radius: 11px;
    background: #ffffff;
}


.coordinate-item[b-pq75v7hx83] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}


    .coordinate-item span[b-pq75v7hx83] {
        color: #9ca3af;
        font-size: 0.62rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.08em;
    }


    .coordinate-item strong[b-pq75v7hx83] {
        color: #374151;
        font-size: 0.78rem;
        font-weight: 750;
    }


.coordinate-divider[b-pq75v7hx83] {
    width: 1px;
    height: 28px;
    margin: 0 20px;
    background: #e5e7eb;
}


/* NOT SELECTED */

.location-not-selected[b-pq75v7hx83] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 11px;
    color: #6b7280;
    font-size: 0.75rem;
}


/* MOBILE */

@media (max-width: 576px) {

    .location-picker-header[b-pq75v7hx83] {
        flex-direction: column;
    }


    .current-location-button[b-pq75v7hx83] {
        width: 100%;
    }


    .location-map[b-pq75v7hx83] {
        height: 300px;
    }


    .coordinate-display[b-pq75v7hx83] {
        justify-content: space-between;
    }


    .coordinate-divider[b-pq75v7hx83] {
        margin: 0 10px;
    }
}
/* /Components/PaymentProofUpload.razor.rz.scp.css */
.payment-proof-card[b-0597d70p2x] {
    padding: 22px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 17px;
    background: #0d110e;
    color: #fff;
}


/* HEADER */

.proof-header[b-0597d70p2x] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.proof-eyebrow[b-0597d70p2x] {
    display: block;
    margin-bottom: 5px;
    color: #e4b83f;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: 1.4px;
}

.proof-header h4[b-0597d70p2x] {
    margin: 0;
    font-size: 17px;
    font-weight: 850;
}


/* STATUS */

.proof-status[b-0597d70p2x] {
    padding: 6px 9px;
    border-radius: 999px;
    font-size: 8px;
    font-weight: 850;
    letter-spacing: .7px;
    white-space: nowrap;
}

    .proof-status.pending[b-0597d70p2x] {
        background: rgba(228,184,63,.10);
        color: #e4b83f;
    }

    .proof-status.verified[b-0597d70p2x] {
        background: rgba(183,255,0,.10);
        color: #b7ff00;
    }

    .proof-status.rejected[b-0597d70p2x] {
        background: rgba(255,80,80,.10);
        color: #ff7777;
    }


/* EMPTY */

.proof-empty[b-0597d70p2x] {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 14px;
    border-radius: 11px;
    background: #090c0a;
}

.proof-icon[b-0597d70p2x] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(228,184,63,.08);
    color: #e4b83f;
    font-weight: 900;
}

.proof-empty strong[b-0597d70p2x] {
    display: block;
    font-size: 12px;
}

.proof-empty p[b-0597d70p2x] {
    margin: 3px 0 0;
    color: #758078;
    font-size: 10px;
}


/* EXISTING */

.proof-existing[b-0597d70p2x] {
    padding: 14px;
    border-radius: 11px;
    background: #090c0a;
}

.proof-row[b-0597d70p2x] {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 10px;
    font-size: 11px;
}

    .proof-row:last-child[b-0597d70p2x] {
        margin-bottom: 0;
    }

    .proof-row span[b-0597d70p2x] {
        color: #778179;
    }

    .proof-row strong[b-0597d70p2x] {
        color: #dce2dd;
        text-align: right;
    }


/* OWNER REMARKS */

.owner-remarks[b-0597d70p2x] {
    margin-top: 13px;
    padding: 11px;
    border: 1px solid rgba(255,80,80,.10);
    border-radius: 9px;
    background: rgba(255,80,80,.035);
}

    .owner-remarks span[b-0597d70p2x] {
        display: block;
        margin-bottom: 4px;
        color: #ff7777;
        font-size: 8px;
        font-weight: 850;
        letter-spacing: 1px;
    }

    .owner-remarks p[b-0597d70p2x] {
        margin: 0;
        color: #b79595;
        font-size: 10px;
    }


/* DIVIDER */

.proof-divider[b-0597d70p2x] {
    height: 1px;
    margin: 20px 0;
    background: rgba(255,255,255,.06);
}


/* INPUT */

.form-group[b-0597d70p2x] {
    margin-bottom: 15px;
}

    .form-group > label[b-0597d70p2x] {
        display: block;
        margin-bottom: 7px;
        color: #7e8980;
        font-size: 10px;
        font-weight: 750;
    }

.proof-input[b-0597d70p2x] {
    width: 100%;
    min-height: 43px;
    padding: 0 12px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 9px;
    outline: none;
    background: #090c0a;
    color: #fff;
    font-size: 12px;
}

    .proof-input:focus[b-0597d70p2x] {
        border-color: rgba(183,255,0,.30);
    }


/* FILE UPLOAD */

.upload-area[b-0597d70p2x] {
    position: relative;
    display: block;
    width: 100%;
    min-height: 105px;
    margin: 0 !important;
    border: 1px dashed rgba(255,255,255,.12);
    border-radius: 12px;
    background: #090c0a;
    cursor: pointer;
    transition: border-color .2s ease, background .2s ease;
}

    .upload-area:hover[b-0597d70p2x] {
        border-color: rgba(183,255,0,.30);
        background: rgba(183,255,0,.025);
    }

    .upload-area input[type="file"][b-0597d70p2x] {
        position: absolute;
        width: 1px;
        height: 1px;
        opacity: 0;
        pointer-events: none;
    }

.upload-placeholder[b-0597d70p2x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 105px;
    text-align: center;
}

.upload-icon[b-0597d70p2x] {
    margin-bottom: 5px;
    color: #b7ff00;
    font-size: 20px;
}

.upload-placeholder strong[b-0597d70p2x] {
    font-size: 11px;
}

.upload-placeholder small[b-0597d70p2x] {
    margin-top: 3px;
    color: #69736b;
    font-size: 9px;
}


/* SELECTED FILE */

.selected-file[b-0597d70p2x] {
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 105px;
    padding: 15px;
}

    .selected-file > span[b-0597d70p2x] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: rgba(183,255,0,.10);
        color: #b7ff00;
        font-weight: 900;
    }

    .selected-file strong[b-0597d70p2x] {
        display: block;
        color: #fff;
        font-size: 11px;
    }

    .selected-file small[b-0597d70p2x] {
        display: block;
        margin-top: 2px;
        color: #6f7971;
        font-size: 9px;
    }


/* BUTTON */

.upload-button[b-0597d70p2x] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 46px;
    border: none;
    border-radius: 10px;
    background: #b7ff00;
    color: #081008;
    font-size: 11px;
    font-weight: 850;
    cursor: pointer;
    transition: transform .2s ease, filter .2s ease, opacity .2s ease;
}

    .upload-button:hover:not(:disabled)[b-0597d70p2x] {
        transform: translateY(-1px);
        filter: brightness(1.06);
    }

    .upload-button:disabled[b-0597d70p2x] {
        opacity: .35;
        cursor: not-allowed;
    }
/* /Layout/DinkSideBar.razor.rz.scp.css */
/* =========================================================
   DINKBOX SIDEBAR
   ========================================================= */

.dink-sidebar[b-tkyooetw2m] {
    width: 260px;
    height: 100vh;
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 0;
    overflow-y: auto;
    overflow-x: hidden;
    background: radial-gradient( circle at 15% 0%, rgba(183, 255, 0, .07), transparent 29% ), linear-gradient( 180deg, #0b0f0c 0%, #070a08 100% );
    border-right: 1px solid rgba(255, 255, 255, .065);
    color: #ffffff;
}


    /* =========================================================
   GLOBAL SIDEBAR LINKS
   ========================================================= */

    .dink-sidebar a[b-tkyooetw2m],
    .dink-sidebar a:visited[b-tkyooetw2m],
    .dink-sidebar a:hover[b-tkyooetw2m],
    .dink-sidebar a:focus[b-tkyooetw2m],
    .dink-sidebar a:active[b-tkyooetw2m] {
        text-decoration: none;
        outline: none;
    }


/* =========================================================
   BRAND
   ========================================================= */

.sidebar-brand[b-tkyooetw2m] {
    padding: 22px 18px 21px;
    border-bottom: 1px solid rgba(255, 255, 255, .065);
}


.brand-link[b-tkyooetw2m] {
    display: flex;
    align-items: center;
    gap: 11px;
}


.brand-logo[b-tkyooetw2m] {
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
   /* background: linear-gradient( 135deg, #b7ff00, #8ee900 );*/
    color: #070a08;
    font-size: 1rem;
    font-weight: 800;
    box-shadow: 0 7px 22px rgba(183, 255, 0, .14);
}


.brand-copy[b-tkyooetw2m] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}


.brand-name[b-tkyooetw2m] {
    color: #ffffff;
    font-size: .96rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .075em;
}


.brand-tagline[b-tkyooetw2m] {
    margin-top: 5px;
    color: #68736c;
    font-size: .54rem;
    font-weight: 700;
    letter-spacing: .16em;
    white-space: nowrap;
}


/* =========================================================
   NAVIGATION
   ========================================================= */

.sidebar-nav[b-tkyooetw2m] {
    flex: 1;
    padding: 18px 11px 30px;
}


.nav-section[b-tkyooetw2m] {
    margin-bottom: 27px;
}


.nav-section-title[b-tkyooetw2m] {
    margin: 0 10px 9px;
    color: #626c65;
    font-size: .59rem;
    font-weight: 700;
    letter-spacing: .18em;
}


.admin-title[b-tkyooetw2m] {
    color: #e9bd3c;
}


/* =========================================================
   NAV ITEM
   ========================================================= */

.dink-nav-item[b-tkyooetw2m] {
    position: relative;
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 3px;
    padding: 0 12px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    color: #909a94;
    font-size: .80rem;
    font-weight: 600;
    transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}


    .dink-nav-item:hover[b-tkyooetw2m] {
        color: #ffffff;
        background: rgba(255, 255, 255, .045);
        border-color: rgba(255, 255, 255, .035);
        transform: translateX(2px);
    }


    /* =========================================================
   ACTIVE NAV ITEM
   ========================================================= */

    .dink-nav-item.active[b-tkyooetw2m] {
        color: #d6ff72;
        background: linear-gradient( 90deg, rgba(183, 255, 0, .13), rgba(183, 255, 0, .025) );
        border-color: rgba(183, 255, 0, .12);
    }


        .dink-nav-item.active[b-tkyooetw2m]::before {
            content: "";
            position: absolute;
            left: -1px;
            top: 9px;
            bottom: 9px;
            width: 3px;
            border-radius: 0 4px 4px 0;
            background: #b7ff00;
            box-shadow: 0 0 10px rgba(183, 255, 0, .5);
        }


/* =========================================================
   NAV ICON
   ========================================================= */

.dink-nav-icon[b-tkyooetw2m] {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6f7b73;
    font-size: .94rem;
    transition: color .18s ease;
}


.dink-nav-item:hover
.dink-nav-icon[b-tkyooetw2m] {
    color: #c5ccc8;
}


.dink-nav-item.active
.dink-nav-icon[b-tkyooetw2m] {
    color: #b7ff00;
}


.nav-label[b-tkyooetw2m] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* =========================================================
   OWNER INVITATION
   ========================================================= */

.owner-section[b-tkyooetw2m] {
    margin-top: 5px;
}


.owner-cta[b-tkyooetw2m] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin: 0 3px;
    padding: 12px;
    border: 1px solid rgba(242, 193, 65, .20);
    border-radius: 12px;
    background: linear-gradient( 135deg, rgba(242, 193, 65, .075), rgba(242, 193, 65, .018) );
    transition: background .18s ease, border-color .18s ease, transform .18s ease;
}


    .owner-cta:hover[b-tkyooetw2m] {
        border-color: rgba(242, 193, 65, .42);
        background: linear-gradient( 135deg, rgba(242, 193, 65, .12), rgba(242, 193, 65, .03) );
        transform: translateY(-1px);
    }


.owner-cta-icon[b-tkyooetw2m] {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: rgba(242, 193, 65, .11);
    color: #f2c141;
    font-size: 1.15rem;
    font-weight: 500;
}


.owner-cta-copy[b-tkyooetw2m] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}


    .owner-cta-copy strong[b-tkyooetw2m] {
        color: #f2c141;
        font-size: .76rem;
        font-weight: 700;
        line-height: 1.15;
    }


    .owner-cta-copy small[b-tkyooetw2m] {
        margin-top: 4px;
        color: #717b75;
        font-size: .59rem;
        line-height: 1.3;
    }


/* =========================================================
   SCROLLBAR
   ========================================================= */

.dink-sidebar[b-tkyooetw2m]::-webkit-scrollbar {
    width: 5px;
}


.dink-sidebar[b-tkyooetw2m]::-webkit-scrollbar-track {
    background: transparent;
}


.dink-sidebar[b-tkyooetw2m]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .075);
    border-radius: 10px;
}


    .dink-sidebar[b-tkyooetw2m]::-webkit-scrollbar-thumb:hover {
        background: rgba(183, 255, 0, .16);
    }


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

    .dink-sidebar[b-tkyooetw2m] {
        width: 100%;
        height: auto;
        min-height: auto;
        position: relative;
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, .07);
    }


    .sidebar-brand[b-tkyooetw2m] {
        padding: 15px 16px;
    }


    .brand-logo[b-tkyooetw2m] {
        width: 38px;
        height: 38px;
    }


    .sidebar-nav[b-tkyooetw2m] {
        padding: 12px;
    }
}
/* /Layout/MainLayout.razor.rz.scp.css */
/* =========================================================
   MAIN LAYOUT
   ========================================================= */

.page[b-qedj69rpwy] {
    min-height: 100vh;
    display: flex;
    background: #080b09;
    color: #ffffff;
 
    min-height: 100vh;
    width: 100%;
    overflow-x: hidden;
}


/* =========================================================
   SIDEBAR CONTAINER
   ========================================================= */

.sidebar[b-qedj69rpwy] {
    width: 260px;
    flex: 0 0 260px;
    min-height: 100vh;
    background: #080b09;
    border-right: 1px solid rgba(255, 255, 255, .06);
    z-index: 30;
}


/* =========================================================
   MAIN AREA
   ========================================================= */

main[b-qedj69rpwy] {
    min-width: 0;
    flex: 1;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: #080b09;
    overflow-x: hidden;
}


/* =========================================================
   TOP BAR
   ========================================================= */

.top-row[b-qedj69rpwy] {
    height: 54px;
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 28px;
    position: sticky;
    top: 0;
    z-index: 100;
    background: rgba(8, 11, 9, .96);
    border-bottom: 1px solid rgba(255, 255, 255, .07);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}


    /* =========================================================
   TOP ROW LINKS
   ========================================================= */

    .top-row a[b-qedj69rpwy],
    .top-row a:visited[b-qedj69rpwy] {
        color: #a9b0ac;
        text-decoration: none;
    }


        .top-row a:hover[b-qedj69rpwy] {
            color: #ffffff;
        }


/* =========================================================
   MAIN CONTENT
   ========================================================= */

.content[b-qedj69rpwy] {
    flex: 1;
    width: 100%;
    padding: 0;
    background: #080b09;
    min-width: 0;
}


/* =========================================================
   ARTICLE / PAGE BODY
   ========================================================= */

article.content[b-qedj69rpwy] {
    width: 100%;
    min-height: calc(100vh - 54px);
    background: #080b09;
}


/* =========================================================
   OPTIONAL PAGE WRAPPER
   ========================================================= */

.main-content-wrapper[b-qedj69rpwy] {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 18px 28px 40px;
}


/* =========================================================
   ACCOUNT AREA
   ========================================================= */

.account-area[b-qedj69rpwy] {
    display: flex;
    align-items: center;
    gap: 10px;
}


/* =========================================================
   ACCOUNT BUTTON
   ========================================================= */

.account-button[b-qedj69rpwy] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 5px 8px;
    border: none;
    border-radius: 10px;
    background: transparent;
    color: #ffffff;
    cursor: pointer;
    transition: background .18s ease;
}


    .account-button:hover[b-qedj69rpwy] {
        background: rgba(255, 255, 255, .045);
    }


/* =========================================================
   ACCOUNT AVATAR
   ========================================================= */

.account-avatar[b-qedj69rpwy] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    background: rgba(183, 255, 0, .08);
    border: 1px solid rgba(183, 255, 0, .12);
    color: #b7ff00;
    font-size: .85rem;
    font-weight: 800;
}


/* =========================================================
   ACCOUNT TEXT
   ========================================================= */

.account-details[b-qedj69rpwy] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.15;
}


.account-name[b-qedj69rpwy] {
    color: #e8ece9;
    font-size: .76rem;
    font-weight: 700;
}


.account-role[b-qedj69rpwy] {
    margin-top: 3px;
    color: #748078;
    font-size: .59rem;
}


.account-arrow[b-qedj69rpwy] {
    margin-left: 3px;
    color: #68736c;
    font-size: .64rem;
}


/* =========================================================
   ACCOUNT DROPDOWN
   ========================================================= */

.account-dropdown[b-qedj69rpwy] {
    position: absolute;
    top: calc(100% + 8px);
    right: 18px;
    width: 320px;
    padding: 14px;
    background: rgba(17, 20, 18, .98);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 16px;
    box-shadow: 0 20px 55px rgba(0, 0, 0, .38);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}


/* =========================================================
   DROPDOWN SECTION
   ========================================================= */

.account-dropdown-section[b-qedj69rpwy] {
    padding: 8px 6px;
}


.account-dropdown-title[b-qedj69rpwy] {
    margin: 2px 8px 8px;
    color: #77817b;
    font-size: .61rem;
    font-weight: 700;
    letter-spacing: .12em;
}


/* =========================================================
   DROPDOWN ITEM
   ========================================================= */

.account-dropdown-item[b-qedj69rpwy] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px;
    border-radius: 11px;
    color: #c7ceca;
    text-decoration: none;
    transition: background .18s ease, color .18s ease;
}


    .account-dropdown-item:hover[b-qedj69rpwy] {
        background: rgba(255, 255, 255, .045);
        color: #ffffff;
    }


.account-dropdown-icon[b-qedj69rpwy] {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: rgba(255, 255, 255, .04);
    color: #b7ff00;
}


.account-dropdown-copy[b-qedj69rpwy] {
    display: flex;
    flex-direction: column;
}


    .account-dropdown-copy strong[b-qedj69rpwy] {
        color: inherit;
        font-size: .75rem;
    }


    .account-dropdown-copy small[b-qedj69rpwy] {
        margin-top: 3px;
        color: #6f7872;
        font-size: .61rem;
    }


/* =========================================================
   DROPDOWN DIVIDER
   ========================================================= */

.account-dropdown-divider[b-qedj69rpwy] {
    height: 1px;
    margin: 8px 5px;
    background: rgba(255, 255, 255, .07);
}


/* =========================================================
   SIGN OUT
   ========================================================= */

.signout-item[b-qedj69rpwy] {
    color: #ff6868;
}


    .signout-item
    .account-dropdown-icon[b-qedj69rpwy] {
        color: #ff6868;
        background: rgba(255, 80, 80, .07);
    }


    .signout-item:hover[b-qedj69rpwy] {
        color: #ff8585;
        background: rgba(255, 80, 80, .06);
    }


/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width: 769px) {

    .sidebar[b-qedj69rpwy] {
        position: sticky;
        top: 0;
        height: 100vh;
    }
}


/* =========================================================
   TABLET / MOBILE
   ========================================================= */

@media (max-width: 768px) {

    .page[b-qedj69rpwy] {
        flex-direction: column;
    }


    .sidebar[b-qedj69rpwy] {
        width: 100%;
        flex: 0 0 auto;
        min-height: auto;
        position: relative;
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, .07);
    }


    main[b-qedj69rpwy] {
        width: 100%;
    }


    .top-row[b-qedj69rpwy] {
        height: 52px;
        min-height: 52px;
        padding: 0 14px;
    }


    .content[b-qedj69rpwy] {
        width: 100%;
    }


    article.content[b-qedj69rpwy] {
        min-height: calc(100vh - 52px);
    }


    .main-content-wrapper[b-qedj69rpwy] {
        padding: 14px 14px 30px;
    }


    .account-details[b-qedj69rpwy] {
        display: none;
    }


    .account-arrow[b-qedj69rpwy] {
        display: none;
    }


    .account-dropdown[b-qedj69rpwy] {
        position: fixed;
        top: 60px;
        right: 10px;
        left: 10px;
        width: auto;
        max-width: none;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .top-row[b-qedj69rpwy] {
        padding: 0 10px;
    }


    .main-content-wrapper[b-qedj69rpwy] {
        padding: 10px 10px 25px;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
/* =========================================================
   DINKBOX NAVIGATION / SIDEBAR
   ========================================================= */

.dink-sidebar[b-pw5haa4xr3] {
    width: 260px;
    height: 100vh;
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 0;
    overflow-y: auto;
    overflow-x: hidden;
    background: radial-gradient( circle at 20% 0%, rgba(183, 255, 0, .07), transparent 30% ), linear-gradient( 180deg, #0b0f0c 0%, #070a08 100% );
    border-right: 1px solid rgba(255, 255, 255, .07);
    color: #ffffff;
}


    /* =========================================================
   REMOVE DEFAULT LINK STYLING
   ========================================================= */

    .dink-sidebar a[b-pw5haa4xr3],
    .dink-sidebar a:visited[b-pw5haa4xr3],
    .dink-sidebar a:hover[b-pw5haa4xr3],
    .dink-sidebar a:focus[b-pw5haa4xr3],
    .dink-sidebar a:active[b-pw5haa4xr3] {
        text-decoration: none !important;
    }


/* =========================================================
   BRAND
   ========================================================= */

.sidebar-brand[b-pw5haa4xr3] {
    padding: 25px 20px 23px;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
}


.brand-link[b-pw5haa4xr3] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: inherit;
    text-decoration: none;
}


.brand-logo[b-pw5haa4xr3] {
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: linear-gradient( 135deg, #b7ff00, #93e600 );
    color: #090c09;
    font-size: 1.1rem;
    font-weight: 800;
    box-shadow: 0 5px 20px rgba(183, 255, 0, .16);
}


.brand-copy[b-pw5haa4xr3] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}


.brand-name[b-pw5haa4xr3] {
    color: #ffffff;
    font-size: .98rem;
    font-weight: 800;
    letter-spacing: .08em;
    line-height: 1.1;
}


.brand-tagline[b-pw5haa4xr3] {
    margin-top: 4px;
    color: #66716a;
    font-size: .56rem;
    font-weight: 700;
    letter-spacing: .16em;
}


/* =========================================================
   SIDEBAR NAV
   ========================================================= */

.sidebar-nav[b-pw5haa4xr3] {
    flex: 1;
    padding: 19px 12px 30px;
}


.nav-section[b-pw5haa4xr3] {
    margin-bottom: 25px;
}


.nav-section-title[b-pw5haa4xr3] {
    margin: 0 9px 9px;
    color: #666f69;
    font-size: .61rem;
    font-weight: 700;
    letter-spacing: .18em;
}


.admin-title[b-pw5haa4xr3] {
    color: #f2c141;
}


/* =========================================================
   NAV ITEM
   ========================================================= */

.dink-nav-item[b-pw5haa4xr3] {
    position: relative;
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 0 12px;
    margin-bottom: 3px;
    border: 1px solid transparent;
    border-radius: 10px;
    color: #9ca59f !important;
    background: transparent;
    font-size: .82rem;
    font-weight: 600;
    text-decoration: none !important;
    transition: background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}


    .dink-nav-item:hover[b-pw5haa4xr3] {
        color: #ffffff !important;
        background: rgba(255, 255, 255, .045);
        border-color: rgba(255, 255, 255, .04);
        transform: translateX(2px);
    }


    /* =========================================================
   ACTIVE NAV ITEM
   ========================================================= */

    .dink-nav-item.active[b-pw5haa4xr3] {
        color: #d8ff75 !important;
        background: linear-gradient( 90deg, rgba(183, 255, 0, .12), rgba(183, 255, 0, .025) );
        border-color: rgba(183, 255, 0, .13);
    }


        .dink-nav-item.active[b-pw5haa4xr3]::before {
            content: "";
            position: absolute;
            left: -1px;
            top: 9px;
            bottom: 9px;
            width: 3px;
            border-radius: 0 5px 5px 0;
            background: #b7ff00;
            box-shadow: 0 0 10px rgba(183, 255, 0, .48);
        }


/* =========================================================
   NAV ICON
   ========================================================= */

.dink-nav-icon[b-pw5haa4xr3] {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #737e77;
    font-size: .95rem;
}


.dink-nav-item:hover
.dink-nav-icon[b-pw5haa4xr3] {
    color: #c8ceca;
}


.dink-nav-item.active
.dink-nav-icon[b-pw5haa4xr3] {
    color: #b7ff00;
}


/* =========================================================
   OWNER CTA
   ========================================================= */

.owner-section[b-pw5haa4xr3] {
    margin-top: 30px;
}


.owner-cta[b-pw5haa4xr3] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin: 0 3px;
    padding: 13px;
    border: 1px solid rgba(242, 193, 65, .22);
    border-radius: 12px;
    background: linear-gradient( 135deg, rgba(242, 193, 65, .085), rgba(242, 193, 65, .02) );
    text-decoration: none !important;
    transition: border-color .18s ease, background .18s ease, transform .18s ease;
}


    .owner-cta:hover[b-pw5haa4xr3] {
        border-color: rgba(242, 193, 65, .45);
        background: linear-gradient( 135deg, rgba(242, 193, 65, .13), rgba(242, 193, 65, .035) );
        transform: translateY(-1px);
    }


.owner-cta-icon[b-pw5haa4xr3] {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: rgba(242, 193, 65, .12);
    color: #f2c141;
    font-size: 1.15rem;
}


.owner-cta > div[b-pw5haa4xr3] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}


.owner-cta strong[b-pw5haa4xr3] {
    color: #f2c141;
    font-size: .77rem;
    font-weight: 700;
    line-height: 1.2;
}


.owner-cta small[b-pw5haa4xr3] {
    margin-top: 3px;
    color: #737c76;
    font-size: .61rem;
    line-height: 1.3;
}


/* =========================================================
   SCROLLBAR
   ========================================================= */

.dink-sidebar[b-pw5haa4xr3]::-webkit-scrollbar {
    width: 5px;
}


.dink-sidebar[b-pw5haa4xr3]::-webkit-scrollbar-track {
    background: transparent;
}


.dink-sidebar[b-pw5haa4xr3]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .08);
    border-radius: 10px;
}


    .dink-sidebar[b-pw5haa4xr3]::-webkit-scrollbar-thumb:hover {
        background: rgba(183, 255, 0, .18);
    }


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

    .dink-sidebar[b-pw5haa4xr3] {
        width: 100%;
        height: auto;
        min-height: auto;
        position: relative;
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, .07);
    }


    .sidebar-brand[b-pw5haa4xr3] {
        padding: 17px 18px;
    }


    .sidebar-nav[b-pw5haa4xr3] {
        padding: 12px;
    }


    .brand-logo[b-pw5haa4xr3] {
        width: 38px;
        height: 38px;
    }
}
/* /Pages/Admin/AdminDashboard.razor.rz.scp.css */
.admin-dashboard[b-j4padhs73h] {
    min-height: 100vh;
    background: #f6f7f9;
}


/* =========================
   HEADER
   ========================= */

.dashboard-header[b-j4padhs73h] {
    margin-bottom: 30px;
}

.dashboard-eyebrow[b-j4padhs73h],
.section-eyebrow[b-j4padhs73h] {
    display: block;
    margin-bottom: 6px;
    color: #7ba800;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.13em;
}

.dashboard-header h1[b-j4padhs73h] {
    margin: 0;
    color: #111827;
    font-size: 2.5rem;
    font-weight: 800;
    letter-spacing: -0.04em;
}

.dashboard-header p[b-j4padhs73h] {
    max-width: 600px;
    margin-top: 8px;
    margin-bottom: 0;
    color: #6b7280;
}


/* =========================
   STATS
   ========================= */

.dashboard-stats[b-j4padhs73h] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin-bottom: 15px;
}

    .dashboard-stats.secondary[b-j4padhs73h] {
        grid-template-columns: repeat(3, 1fr);
        margin-bottom: 36px;
    }

.stat-card[b-j4padhs73h] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 95px;
    padding: 20px;
    border: 1px solid #e5e7eb;
    border-radius: 15px;
    background: #ffffff;
    text-align: left;
    box-shadow: 0 5px 18px rgba(17, 24, 39, 0.04);
}

button.stat-card[b-j4padhs73h] {
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    button.stat-card:hover[b-j4padhs73h] {
        transform: translateY(-2px);
        box-shadow: 0 9px 25px rgba(17, 24, 39, 0.08);
    }

.stat-icon[b-j4padhs73h] {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 12px;
    background: #f3f4f6;
    font-size: 1.25rem;
}

.stat-card.attention .stat-icon[b-j4padhs73h] {
    background: #fef3c7;
}

.stat-content[b-j4padhs73h] {
    display: flex;
    flex-direction: column;
}

    .stat-content strong[b-j4padhs73h] {
        color: #111827;
        font-size: 1.65rem;
        font-weight: 800;
    }

    .stat-content span[b-j4padhs73h] {
        color: #6b7280;
        font-size: 0.75rem;
    }


/* =========================
   SECTIONS
   ========================= */

.dashboard-section[b-j4padhs73h] {
    margin-top: 38px;
}

.section-title[b-j4padhs73h] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
    margin-bottom: 15px;
}

    .section-title h3[b-j4padhs73h] {
        margin: 0;
        color: #111827;
        font-size: 1.25rem;
        font-weight: 800;
    }

.section-link[b-j4padhs73h] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: none;
    background: transparent;
    color: #638b00;
    font-size: 0.78rem;
    font-weight: 750;
    cursor: pointer;
}


/* =========================
   ATTENTION
   ========================= */

.attention-list[b-j4padhs73h] {
    display: grid;
    gap: 10px;
}

.attention-item[b-j4padhs73h] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 15px 17px;
    text-align: left;
    border: 1px solid #fde68a;
    border-radius: 12px;
    background: #fffbeb;
}

button.attention-item[b-j4padhs73h] {
    cursor: pointer;
}

.attention-item.static[b-j4padhs73h] {
    cursor: default;
}

.attention-icon[b-j4padhs73h] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    background: #fef3c7;
    color: #b45309;
    font-weight: 800;
}

.attention-info[b-j4padhs73h] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

    .attention-info strong[b-j4padhs73h] {
        color: #92400e;
        font-size: 0.84rem;
    }

    .attention-info span[b-j4padhs73h] {
        margin-top: 2px;
        color: #78716c;
        font-size: 0.76rem;
    }

.attention-arrow[b-j4padhs73h] {
    color: #b45309;
}

.all-good-card[b-j4padhs73h] {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 18px;
    border: 1px solid #bbf7d0;
    border-radius: 13px;
    background: #f0fdf4;
}

.all-good-icon[b-j4padhs73h] {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #dcfce7;
    color: #15803d;
    font-weight: 900;
}

.all-good-card strong[b-j4padhs73h] {
    color: #166534;
}

.all-good-card p[b-j4padhs73h] {
    margin: 2px 0 0;
    color: #64748b;
    font-size: 0.78rem;
}


/* =========================
   OWNER LIST
   ========================= */

.owner-list[b-j4padhs73h],
.reservation-list[b-j4padhs73h] {
    overflow: hidden;
    border: 1px solid #e5e7eb;
    border-radius: 15px;
    background: #ffffff;
}

.owner-row[b-j4padhs73h] {
    display: grid;
    grid-template-columns: 1.5fr 0.8fr auto;
    align-items: center;
    gap: 20px;
    padding: 16px 18px;
    border-bottom: 1px solid #eeeeee;
}

    .owner-row:last-child[b-j4padhs73h] {
        border-bottom: none;
    }

.owner-main[b-j4padhs73h] {
    display: flex;
    align-items: center;
    gap: 11px;
}

.owner-avatar[b-j4padhs73h],
.reservation-avatar[b-j4padhs73h] {
    width: 39px;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    background: #111827;
    color: #b7ff00;
    font-size: 0.85rem;
    font-weight: 800;
}

.owner-info[b-j4padhs73h],
.owner-date[b-j4padhs73h] {
    display: flex;
    flex-direction: column;
}

    .owner-info strong[b-j4padhs73h],
    .owner-date strong[b-j4padhs73h] {
        color: #111827;
        font-size: 0.82rem;
    }

    .owner-info span[b-j4padhs73h],
    .owner-date span[b-j4padhs73h] {
        color: #9ca3af;
        font-size: 0.71rem;
    }


/* =========================
   RESERVATIONS
   ========================= */

.reservation-row[b-j4padhs73h] {
    display: grid;
    grid-template-columns: 1.5fr 1fr auto auto;
    align-items: center;
    gap: 18px;
    padding: 16px 18px;
    border-bottom: 1px solid #eeeeee;
}

    .reservation-row:last-child[b-j4padhs73h] {
        border-bottom: none;
    }

.reservation-main[b-j4padhs73h] {
    display: flex;
    align-items: center;
    gap: 11px;
}

.reservation-info[b-j4padhs73h],
.reservation-date[b-j4padhs73h] {
    display: flex;
    flex-direction: column;
}

    .reservation-info strong[b-j4padhs73h],
    .reservation-date strong[b-j4padhs73h] {
        color: #111827;
        font-size: 0.82rem;
    }

    .reservation-info span[b-j4padhs73h],
    .reservation-date span[b-j4padhs73h] {
        color: #9ca3af;
        font-size: 0.71rem;
    }

.reservation-amount[b-j4padhs73h] {
    color: #111827;
    font-size: 0.84rem;
    font-weight: 800;
}


/* =========================
   STATUS
   ========================= */

.owner-status[b-j4padhs73h],
.reservation-status[b-j4padhs73h] {
    padding: 5px 9px;
    border-radius: 999px;
    font-size: 0.66rem;
    font-weight: 750;
    white-space: nowrap;
}

.status-pending[b-j4padhs73h] {
    background: #fef3c7;
    color: #b45309;
}

.status-approved[b-j4padhs73h] {
    background: #dcfce7;
    color: #15803d;
}

.status-rejected[b-j4padhs73h] {
    background: #fee2e2;
    color: #b91c1c;
}

.status-completed[b-j4padhs73h] {
    background: #dbeafe;
    color: #1d4ed8;
}

.status-neutral[b-j4padhs73h] {
    background: #f3f4f6;
    color: #6b7280;
}


/* =========================
   PLATFORM SUMMARY
   ========================= */

.platform-summary[b-j4padhs73h] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    overflow: hidden;
    border: 1px solid #e5e7eb;
    border-radius: 15px;
    background: #ffffff;
}

.summary-item[b-j4padhs73h] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 20px;
    border-right: 1px solid #eeeeee;
}

    .summary-item:last-child[b-j4padhs73h] {
        border-right: none;
    }

    .summary-item span[b-j4padhs73h] {
        color: #9ca3af;
        font-size: 0.7rem;
    }

    .summary-item strong[b-j4padhs73h] {
        color: #111827;
        font-size: 1.35rem;
        font-weight: 800;
    }


/* =========================
   STATES
   ========================= */

.dashboard-state[b-j4padhs73h],
.section-empty[b-j4padhs73h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid #e5e7eb;
    border-radius: 15px;
    background: #ffffff;
}

.dashboard-state[b-j4padhs73h] {
    min-height: 320px;
}

    .dashboard-state h5[b-j4padhs73h] {
        margin-top: 14px;
    }

    .dashboard-state p[b-j4padhs73h],
    .section-empty p[b-j4padhs73h] {
        color: #6b7280;
    }

.section-empty[b-j4padhs73h] {
    min-height: 160px;
    padding: 25px;
}

    .section-empty > span[b-j4padhs73h] {
        font-size: 2rem;
    }

.dashboard-error[b-j4padhs73h] {
    display: flex;
    gap: 12px;
    padding: 17px;
    border: 1px solid #fecaca;
    border-radius: 12px;
    background: #fef2f2;
    color: #991b1b;
}

.error-icon[b-j4padhs73h] {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    background: #fee2e2;
    font-weight: 800;
}


/* =========================
   RESPONSIVE
   ========================= */

@media (max-width: 992px) {

    .dashboard-stats[b-j4padhs73h] {
        grid-template-columns: repeat(2, 1fr);
    }

        .dashboard-stats.secondary[b-j4padhs73h] {
            grid-template-columns: repeat(3, 1fr);
        }

    .platform-summary[b-j4padhs73h] {
        grid-template-columns: repeat(2, 1fr);
    }

    .summary-item[b-j4padhs73h] {
        border-bottom: 1px solid #eeeeee;
    }

    .reservation-row[b-j4padhs73h] {
        grid-template-columns: 1fr auto;
    }

    .reservation-date[b-j4padhs73h],
    .reservation-amount[b-j4padhs73h] {
        display: none;
    }
}


@media (max-width: 768px) {

    .dashboard-header h1[b-j4padhs73h] {
        font-size: 2rem;
    }

    .dashboard-stats[b-j4padhs73h],
    .dashboard-stats.secondary[b-j4padhs73h],
    .platform-summary[b-j4padhs73h] {
        grid-template-columns: 1fr;
    }

    .summary-item[b-j4padhs73h] {
        border-right: none;
    }

    .owner-row[b-j4padhs73h] {
        grid-template-columns: 1fr auto;
    }

    .owner-date[b-j4padhs73h] {
        display: none;
    }

    .attention-item[b-j4padhs73h] {
        align-items: flex-start;
    }
}

.dashboard-header-actions[b-j4padhs73h] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}


.owners-businesses-button[b-j4padhs73h] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 10px 16px;
    border: 1px solid #a9e900;
    border-radius: 10px;
    background: #b7ff00;
    color: #111827;
    font-size: 0.78rem;
    font-weight: 850;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}


    .owners-businesses-button:hover[b-j4padhs73h] {
        background: #caff3d;
        border-color: #b7ff00;
        transform: translateY(-1px);
        box-shadow: 0 8px 22px rgba(183, 255, 0, 0.20);
    }
/* /Pages/Admin/AdminOwnersBusinesses.razor.rz.scp.css */
.admin-owners-page[b-09k54ijiq9] {
    min-height: 100vh;
    background: #f7f8f9;
}


/* =========================================================
   HEADER
   ========================================================= */

.page-header[b-09k54ijiq9] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 32px;
}


.page-eyebrow[b-09k54ijiq9],
.section-eyebrow[b-09k54ijiq9] {
    display: block;
    margin-bottom: 5px;
    color: #78a600;
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.12em;
}


.page-header h1[b-09k54ijiq9] {
    margin: 0 0 7px;
    color: #111827;
    font-size: 2rem;
    font-weight: 900;
}


.page-header p[b-09k54ijiq9] {
    max-width: 600px;
    margin: 0;
    color: #6b7280;
    font-size: 0.88rem;
    line-height: 1.55;
}


/* SUMMARY */

.header-summary[b-09k54ijiq9] {
    display: flex;
    gap: 10px;
}


    .header-summary > div[b-09k54ijiq9] {
        min-width: 100px;
        padding: 12px 16px;
        border: 1px solid #e5e7eb;
        border-radius: 12px;
        background: #ffffff;
        text-align: center;
    }


    .header-summary strong[b-09k54ijiq9] {
        display: block;
        color: #111827;
        font-size: 1.25rem;
        font-weight: 900;
    }


    .header-summary span[b-09k54ijiq9] {
        color: #9ca3af;
        font-size: 0.66rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.06em;
    }


/* =========================================================
   OWNER
   ========================================================= */

.owners-list[b-09k54ijiq9] {
    display: flex;
    flex-direction: column;
    gap: 22px;
}


.owner-card[b-09k54ijiq9] {
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 8px 30px rgba(17, 24, 39, 0.05);
    overflow: hidden;
}


.owner-header[b-09k54ijiq9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 22px 24px;
}


.owner-profile[b-09k54ijiq9] {
    display: flex;
    align-items: center;
    gap: 14px;
}


.owner-avatar[b-09k54ijiq9] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 13px;
    background: #111827;
    color: #b7ff00;
    font-size: 0.9rem;
    font-weight: 900;
}


.owner-name-row[b-09k54ijiq9] {
    display: flex;
    align-items: center;
    gap: 9px;
}


    .owner-name-row h3[b-09k54ijiq9] {
        margin: 0;
        color: #111827;
        font-size: 1rem;
        font-weight: 850;
    }


.owner-contact[b-09k54ijiq9] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 4px;
    color: #6b7280;
    font-size: 0.74rem;
}


.contact-divider[b-09k54ijiq9] {
    color: #d1d5db;
}


/* OWNER STATUS */

.owner-status[b-09k54ijiq9] {
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 0.62rem;
    font-weight: 850;
}


    .owner-status.approved[b-09k54ijiq9] {
        background: #dcfce7;
        color: #15803d;
    }


    .owner-status.pending[b-09k54ijiq9] {
        background: #fef3c7;
        color: #a16207;
    }


    .owner-status.rejected[b-09k54ijiq9] {
        background: #fee2e2;
        color: #b91c1c;
    }


/* OWNER COUNT */

.owner-stats[b-09k54ijiq9] {
    text-align: center;
}


    .owner-stats strong[b-09k54ijiq9] {
        display: block;
        color: #111827;
        font-size: 1.25rem;
        font-weight: 900;
    }


    .owner-stats span[b-09k54ijiq9] {
        color: #9ca3af;
        font-size: 0.64rem;
        font-weight: 800;
        text-transform: uppercase;
    }


/* OWNER INFO */

.owner-info-row[b-09k54ijiq9] {
    display: flex;
    gap: 30px;
    padding: 13px 24px;
    border-top: 1px solid #f1f3f5;
    border-bottom: 1px solid #f1f3f5;
    background: #fafafa;
}


    .owner-info-row > div[b-09k54ijiq9] {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }


.info-label[b-09k54ijiq9] {
    color: #9ca3af;
    font-size: 0.6rem;
    font-weight: 800;
    letter-spacing: 0.08em;
}


.owner-info-row strong[b-09k54ijiq9] {
    color: #4b5563;
    font-size: 0.72rem;
}


/* =========================================================
   BUSINESSES
   ========================================================= */

.business-section[b-09k54ijiq9] {
    padding: 22px 24px 25px;
}


.business-section-header[b-09k54ijiq9] {
    margin-bottom: 15px;
}


    .business-section-header h4[b-09k54ijiq9] {
        margin: 0;
        color: #111827;
        font-size: 0.92rem;
        font-weight: 850;
    }


.business-grid[b-09k54ijiq9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}


.business-card[b-09k54ijiq9] {
    padding: 17px;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    background: #fafafa;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}


    .business-card:hover[b-09k54ijiq9] {
        border-color: #d8e7ae;
        transform: translateY(-2px);
        box-shadow: 0 8px 22px rgba(17, 24, 39, 0.06);
    }


.business-card-top[b-09k54ijiq9] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}


.business-label[b-09k54ijiq9] {
    color: #9ca3af;
    font-size: 0.58rem;
    font-weight: 850;
    letter-spacing: 0.1em;
}


.business-card h5[b-09k54ijiq9] {
    margin: 3px 0 0;
    color: #111827;
    font-size: 0.95rem;
    font-weight: 850;
}


/* BUSINESS STATUS */

.business-status[b-09k54ijiq9] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 0.61rem;
    font-weight: 850;
}


    .business-status.active[b-09k54ijiq9] {
        background: #dcfce7;
        color: #15803d;
    }


    .business-status.inactive[b-09k54ijiq9] {
        background: #f3f4f6;
        color: #6b7280;
    }


.status-dot[b-09k54ijiq9] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}


/* ADDRESS */

.business-address[b-09k54ijiq9] {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    margin: 12px 0 14px;
    color: #6b7280;
    font-size: 0.73rem;
    line-height: 1.45;
}


.address-icon[b-09k54ijiq9] {
    flex-shrink: 0;
}


/* DETAILS */

.business-detail[b-09k54ijiq9] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 7px 0;
    border-top: 1px solid #eceff1;
    font-size: 0.7rem;
}


    .business-detail span[b-09k54ijiq9] {
        color: #9ca3af;
    }


    .business-detail strong[b-09k54ijiq9] {
        color: #4b5563;
        font-weight: 700;
        text-align: right;
    }


/* FOOTER */

.business-footer[b-09k54ijiq9] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 13px;
}


.payment-status[b-09k54ijiq9],
.location-status[b-09k54ijiq9] {
    padding: 5px 8px;
    border-radius: 7px;
    font-size: 0.61rem;
    font-weight: 800;
}


    .payment-status.configured[b-09k54ijiq9] {
        background: #ecfdf3;
        color: #15803d;
    }


    .payment-status.missing[b-09k54ijiq9] {
        background: #fff7ed;
        color: #c2410c;
    }


.location-status[b-09k54ijiq9] {
    background: #eff6ff;
    color: #1d4ed8;
}


/* =========================================================
   EMPTY BUSINESS
   ========================================================= */

.no-business-card[b-09k54ijiq9] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px;
    border: 1px dashed #d1d5db;
    border-radius: 12px;
    background: #fafafa;
}


    .no-business-card > span[b-09k54ijiq9] {
        font-size: 1.2rem;
    }


    .no-business-card strong[b-09k54ijiq9] {
        display: block;
        color: #4b5563;
        font-size: 0.77rem;
    }


    .no-business-card p[b-09k54ijiq9] {
        margin: 2px 0 0;
        color: #9ca3af;
        font-size: 0.7rem;
    }


/* =========================================================
   PAGE STATE / ERROR
   ========================================================= */

.page-state[b-09k54ijiq9] {
    padding: 60px 20px;
    text-align: center;
}


    .page-state h5[b-09k54ijiq9] {
        margin: 14px 0 5px;
        font-weight: 850;
    }


    .page-state p[b-09k54ijiq9] {
        margin: 0;
        color: #9ca3af;
        font-size: 0.8rem;
    }


.empty-icon[b-09k54ijiq9] {
    font-size: 2rem;
}


.error-card[b-09k54ijiq9] {
    display: flex;
    gap: 12px;
    padding: 17px;
    border: 1px solid #fecaca;
    border-radius: 13px;
    background: #fef2f2;
}


.error-icon[b-09k54ijiq9] {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    background: #dc2626;
    color: #ffffff;
    font-weight: 900;
}


.error-card strong[b-09k54ijiq9] {
    color: #991b1b;
}


.error-card p[b-09k54ijiq9] {
    margin: 2px 0 0;
    color: #b91c1c;
    font-size: 0.75rem;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

    .page-header[b-09k54ijiq9] {
        flex-direction: column;
        align-items: stretch;
    }


    .header-summary[b-09k54ijiq9] {
        width: 100%;
    }


        .header-summary > div[b-09k54ijiq9] {
            flex: 1;
        }


    .owner-header[b-09k54ijiq9] {
        align-items: flex-start;
    }


    .business-grid[b-09k54ijiq9] {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 576px) {

    .owner-header[b-09k54ijiq9] {
        flex-direction: column;
    }


    .owner-stats[b-09k54ijiq9] {
        text-align: left;
    }


    .owner-info-row[b-09k54ijiq9] {
        flex-wrap: wrap;
        gap: 15px;
    }


    .business-section[b-09k54ijiq9] {
        padding: 18px;
    }


    .owner-header[b-09k54ijiq9] {
        padding: 18px;
    }
}
/* /Pages/Admin/CreatePromotion.razor.rz.scp.css */
.promotion-form-page[b-inv8zwj5o1] {
    min-height: 100vh;
    padding: 50px 20px 80px;
    background: radial-gradient( circle at top right, rgba(183,255,0,.08), transparent 35%), radial-gradient( circle at bottom left, rgba(228,184,63,.05), transparent 35%), #0b0d0c;
    color: #fff;
}


.promotion-form-container[b-inv8zwj5o1] {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}


/* HEADER */

.page-header[b-inv8zwj5o1] {
    margin-bottom: 30px;
}

.back-button[b-inv8zwj5o1] {
    display: inline-flex;
    margin-bottom: 24px;
    padding: 9px 14px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 10px;
    background: rgba(255,255,255,.03);
    color: #9ca3af;
    cursor: pointer;
}

    .back-button:hover[b-inv8zwj5o1] {
        color: #caff4d;
        border-color: rgba(183,255,0,.3);
    }

.page-eyebrow[b-inv8zwj5o1] {
    display: block;
    margin-bottom: 8px;
    color: #e4b83f;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .16em;
}

.page-header h1[b-inv8zwj5o1] {
    margin-bottom: 10px;
    font-size: clamp(2rem,5vw,3.3rem);
    font-weight: 800;
    letter-spacing: -.04em;
}

    .page-header h1 span[b-inv8zwj5o1] {
        color: #b7ff00;
    }

.page-header p[b-inv8zwj5o1] {
    color: #8e9591;
}


/* CARDS */

.promotion-card[b-inv8zwj5o1] {
    margin-bottom: 20px;
    padding: 28px;
    background: #131614;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 20px;
    box-shadow: 0 20px 45px rgba(0,0,0,.18);
}

.card-heading[b-inv8zwj5o1] {
    margin-bottom: 25px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(255,255,255,.07);
}

.section-label[b-inv8zwj5o1] {
    display: block;
    margin-bottom: 5px;
    color: #e4b83f;
    font-size: .67rem;
    font-weight: 800;
    letter-spacing: .14em;
}

.card-heading h4[b-inv8zwj5o1] {
    margin: 0;
    font-size: 1.2rem;
}


/* FORM */

.form-row[b-inv8zwj5o1] {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 18px;
}

.form-group[b-inv8zwj5o1] {
    margin-bottom: 22px;
}

    .form-group label[b-inv8zwj5o1] {
        display: block;
        margin-bottom: 8px;
        color: #d5d8d6;
        font-size: .82rem;
        font-weight: 700;
    }

.required[b-inv8zwj5o1] {
    color: #b7ff00;
}

.form-control-custom[b-inv8zwj5o1] {
    width: 100%;
    padding: 13px 15px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 12px;
    outline: none;
    background: #0f1210;
    color: #fff;
}

    .form-control-custom:focus[b-inv8zwj5o1] {
        border-color: rgba(183,255,0,.55);
        box-shadow: 0 0 0 3px rgba(183,255,0,.07);
    }

.description-input[b-inv8zwj5o1] {
    min-height: 110px;
    resize: vertical;
}

.highlight-input[b-inv8zwj5o1] {
    color: #b7ff00;
    font-weight: 750;
}

.field-hint[b-inv8zwj5o1] {
    display: block;
    margin-top: 7px;
    color: #737b76;
    font-size: .72rem;
}

.validation-message[b-inv8zwj5o1] {
    margin-top: 6px;
    color: #ff8585;
    font-size: .75rem;
}


/* STATUS */

.status-section[b-inv8zwj5o1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 18px;
    background: #101311;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 14px;
}

.status-info[b-inv8zwj5o1] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

    .status-info span[b-inv8zwj5o1] {
        color: #7d8580;
        font-size: .77rem;
    }


/* SWITCH */

.switch[b-inv8zwj5o1] {
    position: relative;
    width: 52px;
    height: 28px;
    flex-shrink: 0;
}

    .switch input[b-inv8zwj5o1] {
        width: 0;
        height: 0;
        opacity: 0;
    }

.slider[b-inv8zwj5o1] {
    position: absolute;
    inset: 0;
    background: #343a36;
    border-radius: 999px;
    cursor: pointer;
    transition: .25s;
}

    .slider[b-inv8zwj5o1]::before {
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        left: 4px;
        top: 4px;
        background: #fff;
        border-radius: 50%;
        transition: .25s;
    }

.switch input:checked + .slider[b-inv8zwj5o1] {
    background: #b7ff00;
}

    .switch input:checked + .slider[b-inv8zwj5o1]::before {
        transform: translateX(24px);
        background: #111827;
    }


/* IMAGE UPLOAD */

.upload-area[b-inv8zwj5o1] {
    padding: 30px;
    text-align: center;
    background: #0f1210;
    border: 1px dashed rgba(183,255,0,.22);
    border-radius: 15px;
}

.upload-icon[b-inv8zwj5o1] {
    margin-bottom: 8px;
    font-size: 2rem;
}

.upload-area p[b-inv8zwj5o1] {
    margin: 7px 0 18px;
    color: #7d8580;
    font-size: .8rem;
}

.choose-image-button[b-inv8zwj5o1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 16px;
    border: 1px solid rgba(183,255,0,.35);
    border-radius: 10px;
    background: rgba(183,255,0,.06);
    color: #caff4d;
    font-size: .8rem;
    font-weight: 750;
    cursor: pointer;
}

    .choose-image-button:hover[b-inv8zwj5o1] {
        background: rgba(183,255,0,.12);
    }

.selected-image[b-inv8zwj5o1] {
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 400px;
    margin: 16px auto 0;
    padding: 10px 13px;
    text-align: left;
    background: rgba(183,255,0,.06);
    border: 1px solid rgba(183,255,0,.15);
    border-radius: 10px;
    color: #b7ff00;
}

    .selected-image div[b-inv8zwj5o1] {
        display: flex;
        flex-direction: column;
    }

    .selected-image small[b-inv8zwj5o1] {
        color: #7d8580;
    }


/* ACTIONS */

.form-actions[b-inv8zwj5o1] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 28px;
}

.cancel-button[b-inv8zwj5o1],
.save-button[b-inv8zwj5o1] {
    min-height: 44px;
    padding: 11px 20px;
    border-radius: 11px;
    font-size: .85rem;
    font-weight: 750;
    cursor: pointer;
}

.cancel-button[b-inv8zwj5o1] {
    background: transparent;
    border: 1px solid rgba(255,255,255,.12);
    color: #9ca3af;
}

.save-button[b-inv8zwj5o1] {
    display: flex;
    align-items: center;
    gap: 9px;
    background: #b7ff00;
    border: 1px solid #b7ff00;
    color: #0b0d0c;
}

    .save-button:hover:not(:disabled)[b-inv8zwj5o1] {
        background: #caff4d;
    }

    .save-button:disabled[b-inv8zwj5o1],
    .cancel-button:disabled[b-inv8zwj5o1] {
        opacity: .55;
        cursor: not-allowed;
    }

.button-spinner[b-inv8zwj5o1] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(0,0,0,.25);
    border-top-color: #111;
    border-radius: 50%;
    animation: promotionSpin-b-inv8zwj5o1 .7s linear infinite;
}

@keyframes promotionSpin-b-inv8zwj5o1 {

    to {
        transform: rotate(360deg);
    }
}


/* MOBILE */

@media (max-width: 768px) {

    .promotion-form-page[b-inv8zwj5o1] {
        padding: 25px 14px 60px;
    }

    .promotion-card[b-inv8zwj5o1] {
        padding: 20px;
    }

    .form-row[b-inv8zwj5o1] {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .form-actions[b-inv8zwj5o1] {
        flex-direction: column-reverse;
    }

    .cancel-button[b-inv8zwj5o1],
    .save-button[b-inv8zwj5o1] {
        width: 100%;
        justify-content: center;
    }
}
/* /Pages/Admin/EditPromotion.razor.rz.scp.css */

.promotion-form-page[b-6fznaxkloe] {
    min-height: 100vh;
    padding: 50px 20px 80px;
    background: radial-gradient( circle at top right, rgba(183,255,0,.08), transparent 35%), radial-gradient( circle at bottom left, rgba(228,184,63,.05), transparent 35%), #0b0d0c;
    color: #fff;
}


.promotion-form-container[b-6fznaxkloe] {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}


/* HEADER */

.page-header[b-6fznaxkloe] {
    margin-bottom: 30px;
}

.back-button[b-6fznaxkloe] {
    display: inline-flex;
    margin-bottom: 24px;
    padding: 9px 14px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 10px;
    background: rgba(255,255,255,.03);
    color: #9ca3af;
    cursor: pointer;
}

    .back-button:hover[b-6fznaxkloe] {
        color: #caff4d;
        border-color: rgba(183,255,0,.3);
    }

.page-eyebrow[b-6fznaxkloe] {
    display: block;
    margin-bottom: 8px;
    color: #e4b83f;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .16em;
}

.page-header h1[b-6fznaxkloe] {
    margin-bottom: 10px;
    font-size: clamp(2rem,5vw,3.3rem);
    font-weight: 800;
    letter-spacing: -.04em;
}

    .page-header h1 span[b-6fznaxkloe] {
        color: #b7ff00;
    }

.page-header p[b-6fznaxkloe] {
    color: #8e9591;
}


/* CARDS */

.promotion-card[b-6fznaxkloe] {
    margin-bottom: 20px;
    padding: 28px;
    background: #131614;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 20px;
    box-shadow: 0 20px 45px rgba(0,0,0,.18);
}

.card-heading[b-6fznaxkloe] {
    margin-bottom: 25px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(255,255,255,.07);
}

.section-label[b-6fznaxkloe] {
    display: block;
    margin-bottom: 5px;
    color: #e4b83f;
    font-size: .67rem;
    font-weight: 800;
    letter-spacing: .14em;
}

.card-heading h4[b-6fznaxkloe] {
    margin: 0;
    font-size: 1.2rem;
}


/* FORM */

.form-row[b-6fznaxkloe] {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 18px;
}

.form-group[b-6fznaxkloe] {
    margin-bottom: 22px;
}

    .form-group label[b-6fznaxkloe] {
        display: block;
        margin-bottom: 8px;
        color: #d5d8d6;
        font-size: .82rem;
        font-weight: 700;
    }

.required[b-6fznaxkloe] {
    color: #b7ff00;
}

.form-control-custom[b-6fznaxkloe] {
    width: 100%;
    padding: 13px 15px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 12px;
    outline: none;
    background: #0f1210;
    color: #fff;
}

    .form-control-custom:focus[b-6fznaxkloe] {
        border-color: rgba(183,255,0,.55);
        box-shadow: 0 0 0 3px rgba(183,255,0,.07);
    }

.description-input[b-6fznaxkloe] {
    min-height: 110px;
    resize: vertical;
}

.highlight-input[b-6fznaxkloe] {
    color: #b7ff00;
    font-weight: 750;
}

.field-hint[b-6fznaxkloe] {
    display: block;
    margin-top: 7px;
    color: #737b76;
    font-size: .72rem;
}

.validation-message[b-6fznaxkloe] {
    margin-top: 6px;
    color: #ff8585;
    font-size: .75rem;
}


/* STATUS */

.status-section[b-6fznaxkloe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 18px;
    background: #101311;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 14px;
}

.status-info[b-6fznaxkloe] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

    .status-info span[b-6fznaxkloe] {
        color: #7d8580;
        font-size: .77rem;
    }


/* SWITCH */

.switch[b-6fznaxkloe] {
    position: relative;
    width: 52px;
    height: 28px;
    flex-shrink: 0;
}

    .switch input[b-6fznaxkloe] {
        width: 0;
        height: 0;
        opacity: 0;
    }

.slider[b-6fznaxkloe] {
    position: absolute;
    inset: 0;
    background: #343a36;
    border-radius: 999px;
    cursor: pointer;
    transition: .25s;
}

    .slider[b-6fznaxkloe]::before {
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        left: 4px;
        top: 4px;
        background: #fff;
        border-radius: 50%;
        transition: .25s;
    }

.switch input:checked + .slider[b-6fznaxkloe] {
    background: #b7ff00;
}

    .switch input:checked + .slider[b-6fznaxkloe]::before {
        transform: translateX(24px);
        background: #111827;
    }


/* IMAGE UPLOAD */

.upload-area[b-6fznaxkloe] {
    padding: 30px;
    text-align: center;
    background: #0f1210;
    border: 1px dashed rgba(183,255,0,.22);
    border-radius: 15px;
}

.upload-icon[b-6fznaxkloe] {
    margin-bottom: 8px;
    font-size: 2rem;
}

.upload-area p[b-6fznaxkloe] {
    margin: 7px 0 18px;
    color: #7d8580;
    font-size: .8rem;
}

.choose-image-button[b-6fznaxkloe] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 16px;
    border: 1px solid rgba(183,255,0,.35);
    border-radius: 10px;
    background: rgba(183,255,0,.06);
    color: #caff4d;
    font-size: .8rem;
    font-weight: 750;
    cursor: pointer;
}

    .choose-image-button:hover[b-6fznaxkloe] {
        background: rgba(183,255,0,.12);
    }

.selected-image[b-6fznaxkloe] {
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 400px;
    margin: 16px auto 0;
    padding: 10px 13px;
    text-align: left;
    background: rgba(183,255,0,.06);
    border: 1px solid rgba(183,255,0,.15);
    border-radius: 10px;
    color: #b7ff00;
}

    .selected-image div[b-6fznaxkloe] {
        display: flex;
        flex-direction: column;
    }

    .selected-image small[b-6fznaxkloe] {
        color: #7d8580;
    }


/* ACTIONS */

.form-actions[b-6fznaxkloe] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 28px;
}

.cancel-button[b-6fznaxkloe],
.save-button[b-6fznaxkloe] {
    min-height: 44px;
    padding: 11px 20px;
    border-radius: 11px;
    font-size: .85rem;
    font-weight: 750;
    cursor: pointer;
}

.cancel-button[b-6fznaxkloe] {
    background: transparent;
    border: 1px solid rgba(255,255,255,.12);
    color: #9ca3af;
}

.save-button[b-6fznaxkloe] {
    display: flex;
    align-items: center;
    gap: 9px;
    background: #b7ff00;
    border: 1px solid #b7ff00;
    color: #0b0d0c;
}

    .save-button:hover:not(:disabled)[b-6fznaxkloe] {
        background: #caff4d;
    }

    .save-button:disabled[b-6fznaxkloe],
    .cancel-button:disabled[b-6fznaxkloe] {
        opacity: .55;
        cursor: not-allowed;
    }

.button-spinner[b-6fznaxkloe] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(0,0,0,.25);
    border-top-color: #111;
    border-radius: 50%;
    animation: promotionSpin-b-6fznaxkloe .7s linear infinite;
}

@keyframes promotionSpin-b-6fznaxkloe {

    to {
        transform: rotate(360deg);
    }
}


/* MOBILE */

@media (max-width: 768px) {

    .promotion-form-page[b-6fznaxkloe] {
        padding: 25px 14px 60px;
    }

    .promotion-card[b-6fznaxkloe] {
        padding: 20px;
    }

    .form-row[b-6fznaxkloe] {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .form-actions[b-6fznaxkloe] {
        flex-direction: column-reverse;
    }

    .cancel-button[b-6fznaxkloe],
    .save-button[b-6fznaxkloe] {
        width: 100%;
        justify-content: center;
    }
}
/* =========================================================
   CURRENT PROMOTION BANNER
   ========================================================= */

.current-banner[b-6fznaxkloe] {
    position: relative;
    width: 100%;
    height: 220px;
    margin-bottom: 20px;
    overflow: hidden;
    background: #0b0d0c;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
}


    .current-banner img[b-6fznaxkloe] {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
    }


.current-banner-label[b-6fznaxkloe] {
    position: absolute;
    left: 12px;
    bottom: 12px;
    padding: 6px 10px;
    background: rgba(11,13,12,.82);
    border: 1px solid rgba(183,255,0,.25);
    border-radius: 999px;
    color: #b7ff00;
    font-size: .67rem;
    font-weight: 800;
    backdrop-filter: blur(6px);
}


@media (max-width: 768px) {

    .current-banner[b-6fznaxkloe] {
        height: 160px;
    }
}
/* /Pages/Admin/OwnerApplications.razor.rz.scp.css */
/* =========================================================
   OWNER APPLICATIONS PAGE
   ========================================================= */

.owners-page[b-p1aj29nhwi] {
    min-height: 100vh;
    background: #f6f7f9;
    color: #111827;
}


/* =========================================================
   HEADER
   ========================================================= */

.page-header[b-p1aj29nhwi] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 24px;
    margin-bottom: 26px;
}

.page-eyebrow[b-p1aj29nhwi] {
    display: block;
    margin-bottom: 6px;
    color: #78a500;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.14em;
}

.page-header h1[b-p1aj29nhwi] {
    margin: 0;
    color: #111827;
    font-size: 2.35rem;
    font-weight: 850;
    letter-spacing: -0.045em;
}

.page-header p[b-p1aj29nhwi] {
    max-width: 620px;
    margin: 8px 0 0;
    color: #6b7280;
    font-size: 0.9rem;
    line-height: 1.55;
}


/* =========================================================
   BACK TO DASHBOARD
   ========================================================= */

.back-button[b-p1aj29nhwi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 9px 15px;
    border: 1px solid #dedfe3;
    border-radius: 10px;
    background: #ffffff;
    color: #374151;
    font-size: 0.78rem;
    font-weight: 750;
    cursor: pointer;
    transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

    .back-button:hover[b-p1aj29nhwi] {
        border-color: #b7ff00;
        background: #faffeb;
        color: #111827;
        transform: translateY(-1px);
        box-shadow: 0 5px 15px rgba(17, 24, 39, 0.06);
    }


/* =========================================================
   FILTER TABS
   ========================================================= */

.filter-tabs[b-p1aj29nhwi] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
    overflow-x: auto;
    scrollbar-width: none;
}

    .filter-tabs[b-p1aj29nhwi]::-webkit-scrollbar {
        display: none;
    }

.filter-tab[b-p1aj29nhwi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 38px;
    padding: 7px 13px;
    border: 1px solid #e2e4e8;
    border-radius: 999px;
    background: #ffffff;
    color: #6b7280;
    font-size: 0.75rem;
    font-weight: 750;
    white-space: nowrap;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

    .filter-tab:hover[b-p1aj29nhwi] {
        border-color: #cbd0d6;
        color: #111827;
        transform: translateY(-1px);
    }

    .filter-tab > span[b-p1aj29nhwi] {
        min-width: 21px;
        padding: 2px 6px;
        border-radius: 999px;
        background: #f1f3f5;
        color: #6b7280;
        font-size: 0.63rem;
        font-weight: 800;
        text-align: center;
    }

    .filter-tab.active[b-p1aj29nhwi] {
        border-color: #111827;
        background: #111827;
        color: #ffffff;
    }

        .filter-tab.active > span[b-p1aj29nhwi] {
            background: #b7ff00;
            color: #111827;
        }


/* =========================================================
   APPLICATION LIST CONTAINER
   ========================================================= */

.owner-applications[b-p1aj29nhwi] {
    overflow: hidden;
    border: 1px solid #e3e5e8;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 8px 28px rgba(17, 24, 39, 0.045);
}


/* =========================================================
   APPLICATION ROW
   ========================================================= */

.owner-card[b-p1aj29nhwi] {
    display: grid;
    grid-template-columns: minmax(230px, 1.5fr) minmax(130px, 0.75fr) minmax(90px, auto) minmax(210px, auto);
    align-items: center;
    gap: 20px;
    padding: 18px 20px;
    border-bottom: 1px solid #eef0f2;
    transition: background 0.2s ease;
}

    .owner-card:last-child[b-p1aj29nhwi] {
        border-bottom: none;
    }

    .owner-card:hover[b-p1aj29nhwi] {
        background: #fbfcfd;
    }


/* =========================================================
   OWNER INFORMATION
   ========================================================= */

.owner-main[b-p1aj29nhwi] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.owner-avatar[b-p1aj29nhwi] {
    width: 43px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    background: #111827;
    color: #b7ff00;
    font-size: 0.85rem;
    font-weight: 850;
    box-shadow: 0 4px 12px rgba(17, 24, 39, 0.12);
}

.owner-details[b-p1aj29nhwi] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

    .owner-details strong[b-p1aj29nhwi] {
        overflow: hidden;
        color: #111827;
        font-size: 0.87rem;
        font-weight: 800;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .owner-details span[b-p1aj29nhwi] {
        overflow: hidden;
        color: #8b93a1;
        font-size: 0.72rem;
        white-space: nowrap;
        text-overflow: ellipsis;
    }


/* =========================================================
   APPLICATION DATE
   ========================================================= */

.application-date[b-p1aj29nhwi] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

    .application-date > span[b-p1aj29nhwi] {
        color: #9ca3af;
        font-size: 0.64rem;
        font-weight: 650;
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }

    .application-date strong[b-p1aj29nhwi] {
        color: #374151;
        font-size: 0.77rem;
        font-weight: 750;
    }


/* =========================================================
   STATUS BADGES
   ========================================================= */

.status-badge[b-p1aj29nhwi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 76px;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 0.65rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.035em;
    white-space: nowrap;
}

.status-pending[b-p1aj29nhwi] {
    background: #fff4cc;
    color: #a96100;
}

.status-approved[b-p1aj29nhwi] {
    background: #dcfce7;
    color: #14783b;
}

.status-rejected[b-p1aj29nhwi] {
    background: #fee2e2;
    color: #b4232c;
}


/* =========================================================
   ACTION AREA
   ========================================================= */

.owner-actions[b-p1aj29nhwi] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.approve-button[b-p1aj29nhwi],
.reject-button[b-p1aj29nhwi] {
    min-height: 39px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 14px;
    border-radius: 9px;
    font-size: 0.74rem;
    font-weight: 800;
    white-space: nowrap;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}


/* =========================================================
   APPROVE
   ========================================================= */

.approve-button[b-p1aj29nhwi] {
    border: 1px solid #a6e900;
    background: #b7ff00;
    color: #111827;
}

    .approve-button:hover:not(:disabled)[b-p1aj29nhwi] {
        border-color: #b7ff00;
        background: #caff3d;
        transform: translateY(-1px);
        box-shadow: 0 6px 18px rgba(183, 255, 0, 0.20);
    }


/* =========================================================
   REJECT
   ========================================================= */

.reject-button[b-p1aj29nhwi] {
    border: 1px solid #fecaca;
    background: #ffffff;
    color: #b4232c;
}

    .reject-button:hover:not(:disabled)[b-p1aj29nhwi] {
        border-color: #fca5a5;
        background: #fef2f2;
        transform: translateY(-1px);
    }


    /* =========================================================
   DISABLED BUTTONS
   ========================================================= */

    .approve-button:disabled[b-p1aj29nhwi],
    .reject-button:disabled[b-p1aj29nhwi] {
        opacity: 0.55;
        cursor: not-allowed;
        transform: none;
        box-shadow: none;
    }


/* =========================================================
   PROCESSED APPLICATION
   ========================================================= */

.processed-status[b-p1aj29nhwi] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
}

    .processed-status > span[b-p1aj29nhwi] {
        color: #9ca3af;
        font-size: 0.66rem;
    }

.processed-approved[b-p1aj29nhwi] {
    color: #15803d;
    font-size: 0.75rem;
    font-weight: 800;
}

.processed-rejected[b-p1aj29nhwi] {
    color: #b91c1c;
    font-size: 0.75rem;
    font-weight: 800;
}


/* =========================================================
   LOADING / EMPTY STATE
   ========================================================= */

.page-state[b-p1aj29nhwi] {
    min-height: 280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 32px;
    border: 1px solid #e3e5e8;
    border-radius: 16px;
    background: #ffffff;
    text-align: center;
    box-shadow: 0 8px 28px rgba(17, 24, 39, 0.04);
}

    .page-state strong[b-p1aj29nhwi] {
        color: #111827;
        font-size: 0.86rem;
    }

    .page-state h4[b-p1aj29nhwi] {
        margin: 5px 0 0;
        color: #111827;
        font-size: 1rem;
        font-weight: 800;
    }

    .page-state p[b-p1aj29nhwi] {
        max-width: 420px;
        margin: 0;
        color: #6b7280;
        font-size: 0.78rem;
        line-height: 1.5;
    }

.empty-icon[b-p1aj29nhwi] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #edffd0;
    color: #659300;
    font-size: 1.1rem;
    font-weight: 900;
}


/* =========================================================
   ERROR STATE
   ========================================================= */

.error-state[b-p1aj29nhwi] {
    padding: 17px 18px;
    border: 1px solid #fecaca;
    border-radius: 12px;
    background: #fef2f2;
    color: #991b1b;
}

    .error-state strong[b-p1aj29nhwi] {
        display: block;
        margin-bottom: 3px;
        font-size: 0.82rem;
        font-weight: 800;
    }

    .error-state p[b-p1aj29nhwi] {
        margin: 0;
        font-size: 0.75rem;
    }


/* =========================================================
   BOOTSTRAP SPINNER ADJUSTMENT
   ========================================================= */

.approve-button .spinner-border[b-p1aj29nhwi],
.reject-button .spinner-border[b-p1aj29nhwi] {
    width: 0.85rem;
    height: 0.85rem;
    border-width: 0.12em;
}


/* =========================================================
   ACCESSIBILITY / FOCUS
   ========================================================= */

.filter-tab:focus-visible[b-p1aj29nhwi],
.back-button:focus-visible[b-p1aj29nhwi],
.approve-button:focus-visible[b-p1aj29nhwi],
.reject-button:focus-visible[b-p1aj29nhwi] {
    outline: 3px solid rgba(183, 255, 0, 0.35);
    outline-offset: 2px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 992px) {

    .owner-card[b-p1aj29nhwi] {
        grid-template-columns: minmax(210px, 1fr) auto;
    }

    .application-date[b-p1aj29nhwi] {
        display: none;
    }

    .owner-actions[b-p1aj29nhwi] {
        grid-column: 1 / -1;
        justify-content: flex-start;
        padding-left: 55px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

    .page-header[b-p1aj29nhwi] {
        flex-direction: column;
        align-items: stretch;
    }

        .page-header h1[b-p1aj29nhwi] {
            font-size: 2rem;
        }

    .back-button[b-p1aj29nhwi] {
        width: 100%;
    }

    .owner-card[b-p1aj29nhwi] {
        grid-template-columns: 1fr;
        gap: 13px;
        padding: 17px;
    }

    .owner-actions[b-p1aj29nhwi] {
        grid-column: auto;
        width: 100%;
        padding-left: 0;
    }

    .approve-button[b-p1aj29nhwi],
    .reject-button[b-p1aj29nhwi] {
        flex: 1;
    }

    .processed-status[b-p1aj29nhwi] {
        align-items: flex-start;
    }

    .status-badge[b-p1aj29nhwi] {
        min-width: auto;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .owners-page .container[b-p1aj29nhwi] {
        padding-left: 15px;
        padding-right: 15px;
    }

    .page-header h1[b-p1aj29nhwi] {
        font-size: 1.75rem;
    }

    .filter-tabs[b-p1aj29nhwi] {
        margin-left: -2px;
        margin-right: -2px;
    }

    .owner-avatar[b-p1aj29nhwi] {
        width: 40px;
        height: 40px;
    }

    .owner-actions[b-p1aj29nhwi] {
        flex-direction: column;
    }

    .approve-button[b-p1aj29nhwi],
    .reject-button[b-p1aj29nhwi] {
        width: 100%;
    }
}
/* /Pages/Admin/Promotions.razor.rz.scp.css */
/* =========================================================
   ADMIN PROMOTIONS PAGE
   DinkBox - Black + Neon Green + Gold
   ========================================================= */

.promotions-page[b-3hfsydgws6] {
    min-height: 100vh;
    padding: 50px 20px 80px;
    background: radial-gradient( circle at top right, rgba(183, 255, 0, 0.07), transparent 32% ), radial-gradient( circle at bottom left, rgba(228, 184, 63, 0.05), transparent 35% ), #0b0d0c;
    color: #ffffff;
}


.promotions-container[b-3hfsydgws6] {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}


/* =========================================================
   HEADER
   ========================================================= */

.promotions-header[b-3hfsydgws6] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 32px;
}


.page-eyebrow[b-3hfsydgws6] {
    display: block;
    margin-bottom: 8px;
    color: #e4b83f;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.16em;
}


.promotions-header h1[b-3hfsydgws6] {
    margin: 0 0 10px;
    font-size: clamp( 2rem, 5vw, 3.3rem );
    font-weight: 800;
    letter-spacing: -0.04em;
    color: #ffffff;
}


.promotions-header p[b-3hfsydgws6] {
    margin: 0;
    max-width: 600px;
    color: #8e9591;
    font-size: 0.92rem;
    line-height: 1.6;
}


/* =========================================================
   ADD PROMOTION BUTTON
   ========================================================= */

.add-promotion-button[b-3hfsydgws6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 11px 18px;
    border: 1px solid #b7ff00;
    border-radius: 11px;
    background: #b7ff00;
    color: #0b0d0c;
    font-size: 0.83rem;
    font-weight: 800;
    white-space: nowrap;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}


    .add-promotion-button:hover[b-3hfsydgws6] {
        background: #caff4d;
        border-color: #caff4d;
        transform: translateY(-1px);
        box-shadow: 0 10px 28px rgba(183, 255, 0, 0.14);
    }


/* =========================================================
   GRID
   ========================================================= */

.promotion-grid[b-3hfsydgws6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}


/* =========================================================
   PROMOTION CARD
   ========================================================= */

.promotion-card[b-3hfsydgws6] {
    overflow: hidden;
    background: #131614;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 18px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);
    transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}


    .promotion-card:hover[b-3hfsydgws6] {
        transform: translateY(-3px);
        border-color: rgba(183, 255, 0, 0.18);
        box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);
    }


/* =========================================================
   PROMOTION IMAGE
   ========================================================= */

.promotion-image[b-3hfsydgws6] {
    position: relative;
    width: 100%;
    height: 190px;
    overflow: hidden;
    background: #0f1210;
}


    .promotion-image img[b-3hfsydgws6] {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        transition: transform 0.35s ease;
    }


.promotion-card:hover
.promotion-image img[b-3hfsydgws6] {
    transform: scale(1.035);
}


/* =========================================================
   IMAGE PLACEHOLDER
   ========================================================= */

.image-placeholder[b-3hfsydgws6] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient( circle at center, rgba(183, 255, 0, 0.09), transparent 50% ), #101311;
    color: rgba(183, 255, 0, 0.45);
    font-size: 1.5rem;
    font-weight: 900;
    letter-spacing: 0.18em;
}


/* =========================================================
   STATUS BADGE
   ========================================================= */

.status-badge[b-3hfsydgws6] {
    position: absolute;
    top: 14px;
    right: 14px;
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 800;
    backdrop-filter: blur(8px);
}


    .status-badge.active[b-3hfsydgws6] {
        color: #b7ff00;
        background: rgba(11, 13, 12, 0.78);
        border: 1px solid rgba(183, 255, 0, 0.3);
    }


    .status-badge.inactive[b-3hfsydgws6] {
        color: #fbbf24;
        background: rgba(11, 13, 12, 0.78);
        border: 1px solid rgba(251, 191, 36, 0.3);
    }


/* =========================================================
   CARD BODY
   ========================================================= */

.promotion-body[b-3hfsydgws6] {
    padding: 22px;
}


.promo-eyebrow[b-3hfsydgws6] {
    display: block;
    margin-bottom: 7px;
    color: #e4b83f;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.14em;
}


.promotion-body h3[b-3hfsydgws6] {
    margin: 0 0 7px;
    color: #ffffff;
    font-size: 1.25rem;
    font-weight: 780;
    line-height: 1.3;
}


.highlight-text[b-3hfsydgws6] {
    display: inline-block;
    margin-bottom: 12px;
    color: #b7ff00;
    font-size: 1.15rem;
    font-weight: 850;
}


.promotion-body p[b-3hfsydgws6] {
    min-height: 42px;
    margin: 0 0 17px;
    color: #8e9591;
    font-size: 0.82rem;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


/* =========================================================
   PROMOTION META
   ========================================================= */

.promo-meta[b-3hfsydgws6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding-top: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    color: #727a75;
    font-size: 0.72rem;
}


/* =========================================================
   ACTIONS
   ========================================================= */

.promotion-actions[b-3hfsydgws6] {
    display: flex;
    gap: 10px;
    margin-top: 18px;
}


.edit-button[b-3hfsydgws6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 40px;
    padding: 9px 14px;
    border: 1px solid rgba(183, 255, 0, 0.3);
    border-radius: 10px;
    background: rgba(183, 255, 0, 0.05);
    color: #caff4d;
    font-size: 0.78rem;
    font-weight: 750;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}


    .edit-button:hover[b-3hfsydgws6] {
        background: #b7ff00;
        border-color: #b7ff00;
        color: #0b0d0c;
        transform: translateY(-1px);
    }


/* =========================================================
   LOADING / EMPTY STATE
   ========================================================= */

.state-card[b-3hfsydgws6],
.empty-card[b-3hfsydgws6] {
    min-height: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 13px;
    padding: 40px;
    text-align: center;
    background: #131614;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 18px;
    color: #8e9591;
}


    .empty-card h3[b-3hfsydgws6] {
        margin: 0;
        color: #ffffff;
        font-size: 1.2rem;
    }


    .empty-card p[b-3hfsydgws6] {
        margin: 0;
        color: #7d8580;
        font-size: 0.85rem;
    }


/* =========================================================
   LOADER
   ========================================================= */

.loader[b-3hfsydgws6] {
    width: 40px;
    height: 40px;
    border: 3px solid #292d2a;
    border-top-color: #b7ff00;
    border-radius: 50%;
    animation: promoSpin-b-3hfsydgws6 0.7s linear infinite;
}


@keyframes promoSpin-b-3hfsydgws6 {

    to {
        transform: rotate(360deg);
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

    .promotion-grid[b-3hfsydgws6] {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

    .promotions-page[b-3hfsydgws6] {
        padding: 28px 14px 60px;
    }


    .promotions-header[b-3hfsydgws6] {
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
    }


    .add-promotion-button[b-3hfsydgws6] {
        width: 100%;
    }


    .promotion-image[b-3hfsydgws6] {
        height: 170px;
    }


    .promotion-body[b-3hfsydgws6] {
        padding: 18px;
    }


    .promo-meta[b-3hfsydgws6] {
        flex-direction: column;
        align-items: flex-start;
        gap: 7px;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .promotions-header h1[b-3hfsydgws6] {
        font-size: 2rem;
    }


    .promotion-image[b-3hfsydgws6] {
        height: 150px;
    }


    .promotion-card[b-3hfsydgws6] {
        border-radius: 15px;
    }
}
/* /Pages/Auth/Register.razor.rz.scp.css */
.register-page[b-ykt9aij42t] {
    min-height: calc(100vh - 70px);
    background: #f7f8fa;
    padding: 50px 20px;
}

.register-container[b-ykt9aij42t] {
    max-width: 1050px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    background: #ffffff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.08);
}


/* LEFT */

.register-brand[b-ykt9aij42t] {
    background: #111827;
    color: white;
    padding: 55px;
    display: flex;
    align-items: center;
}

.brand-eyebrow[b-ykt9aij42t] {
    display: block;
    margin-bottom: 16px;
    color: #f5c518;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.12em;
}

.register-brand h1[b-ykt9aij42t] {
    font-size: 2.7rem;
    font-weight: 800;
    line-height: 1.05;
    margin-bottom: 20px;
}

    .register-brand h1 span[b-ykt9aij42t] {
        color: #b6ff39;
    }

.register-brand p[b-ykt9aij42t] {
    color: #c7cbd1;
    line-height: 1.7;
}


/* FORM */

.register-card[b-ykt9aij42t] {
    padding: 45px;
}

.register-header[b-ykt9aij42t] {
    margin-bottom: 30px;
}

    .register-header h2[b-ykt9aij42t] {
        font-weight: 800;
        margin-bottom: 6px;
    }

    .register-header p[b-ykt9aij42t] {
        color: #6b7280;
    }

.form-label[b-ykt9aij42t] {
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 7px;
}

.dink-input[b-ykt9aij42t] {
    min-height: 48px;
    border-radius: 10px;
    border: 1px solid #dfe3e8;
    padding: 10px 13px;
}

    .dink-input:focus[b-ykt9aij42t] {
        border-color: #111827;
        box-shadow: 0 0 0 3px rgba(17, 24, 39, 0.08);
    }


/* PASSWORD */

.password-wrapper[b-ykt9aij42t] {
    position: relative;
}

    .password-wrapper .dink-input[b-ykt9aij42t] {
        padding-right: 70px;
    }

.password-toggle[b-ykt9aij42t] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: transparent;
    font-size: 0.8rem;
    font-weight: 600;
    color: #6b7280;
}


/* BUTTON */

.register-button[b-ykt9aij42t] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 24px;
    padding: 13px 20px;
    border: none;
    border-radius: 10px;
    background: #111827;
    color: white;
    font-weight: 700;
}

    .register-button:hover[b-ykt9aij42t] {
        background: #000000;
    }

    .register-button:disabled[b-ykt9aij42t] {
        opacity: 0.65;
    }


/* ERROR */

.register-error[b-ykt9aij42t] {
    padding: 11px 14px;
    border-radius: 9px;
    background: #fef2f2;
    color: #991b1b;
    font-size: 0.9rem;
}


/* LOGIN */

.login-link[b-ykt9aij42t] {
    margin-top: 22px;
    text-align: center;
    color: #6b7280;
    font-size: 0.9rem;
}

    .login-link a[b-ykt9aij42t] {
        color: #111827;
        font-weight: 700;
        text-decoration: none;
    }

        .login-link a:hover[b-ykt9aij42t] {
            text-decoration: underline;
        }


/* VALIDATION */

.validation-message[b-ykt9aij42t] {
    color: #dc3545;
    font-size: 0.8rem;
    margin-top: 4px;
}


@media (max-width: 850px) {

    .register-container[b-ykt9aij42t] {
        grid-template-columns: 1fr;
    }

    .register-brand[b-ykt9aij42t] {
        padding: 35px;
    }

        .register-brand h1[b-ykt9aij42t] {
            font-size: 2rem;
        }

    .register-card[b-ykt9aij42t] {
        padding: 30px 24px;
    }
}
/* /Pages/Courts.razor.rz.scp.css */
/* =====================================================
   DINKBOX COURTS
   Modern Black + Neon Green + Gold Theme
   ===================================================== */

.courts-page[b-ar291x7gl0] {
    min-height: 100vh;
    background: radial-gradient( circle at top right, rgba(183, 255, 0, 0.08), transparent 32% ), radial-gradient( circle at bottom left, rgba(255, 193, 7, 0.05), transparent 30% ), #0b0d0c;
    color: #ffffff;
}


/* =====================================================
   HEADER
   ===================================================== */

.court-header[b-ar291x7gl0] {
    max-width: 780px;
}

.court-eyebrow[b-ar291x7gl0] {
    display: inline-block;
    color: #b7ff00;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    margin-bottom: 12px;
}

.court-heading[b-ar291x7gl0] {
    font-size: clamp(2.4rem, 5vw, 4rem);
    font-weight: 800;
    letter-spacing: -0.04em;
    line-height: 1.05;
    margin-bottom: 18px;
}

    .court-heading span[b-ar291x7gl0] {
        background: linear-gradient( 90deg, #b7ff00, #e6ff72 );
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

.court-subtitle[b-ar291x7gl0] {
    max-width: 620px;
    color: #969c98;
    font-size: 1.05rem;
    line-height: 1.8;
    margin: 0;
}


/* =====================================================
   RESULTS HEADER
   ===================================================== */

.court-results-header[b-ar291x7gl0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 22px;
}

    .court-results-header h5[b-ar291x7gl0] {
        font-weight: 700;
        color: #ffffff;
        margin-bottom: 3px;
    }

    .court-results-header span[b-ar291x7gl0] {
        color: #737a76;
        font-size: 0.9rem;
    }


/* =====================================================
   COURT CARD
   ===================================================== */

.court-card[b-ar291x7gl0] {
    height: 100%;
    overflow: hidden;
    background: #131614;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 20px;
    /*transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;*/
    position: relative;
    cursor: pointer;
    transition: transform .2s ease;

}

    .court-card:hover[b-ar291x7gl0] {
       /* transform: translateY(-7px);*/
        transform: translateY(-2px);
        border-color: rgba(183, 255, 0, 0.35);
        box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45), 0 0 30px rgba(183, 255, 0, 0.04);
    }


/* =====================================================
   IMAGE
   ===================================================== */
.court-image-wrapper[b-ar291x7gl0] {
    position: relative;
    height: 160px;
    overflow: hidden;
    background: #171a18;
}

.court-image[b-ar291x7gl0] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.court-card:hover .court-image[b-ar291x7gl0] {
    transform: scale(1.035);
}


/* subtle black gradient */

.court-image-wrapper[b-ar291x7gl0]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 45%;
    background: linear-gradient( to top, rgba(0, 0, 0, 0.60), transparent );
    pointer-events: none;
}


/* =====================================================
   PLACEHOLDER
   ===================================================== */

.court-placeholder[b-ar291x7gl0] {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #6d746f;
    background: linear-gradient( 135deg, #161a17, #101311 );
}

.placeholder-icon[b-ar291x7gl0] {
    font-size: 2rem;
}


/* =====================================================
   AVAILABLE BADGE
   ===================================================== */

.availability-badge[b-ar291x7gl0] {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 7px 12px;
    border-radius: 100px;
    background: rgba(8, 12, 9, 0.82);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(183, 255, 0, 0.18);
    color: #d9ff77;
    font-size: 0.73rem;
    font-weight: 700;
}

.availability-dot[b-ar291x7gl0] {
    width: 7px;
    height: 7px;
    background: #b7ff00;
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(183, 255, 0, 0.8);
}


/* =====================================================
   BODY
   ===================================================== */

.court-card-body[b-ar291x7gl0] {
    padding: 23px;
}

.court-business[b-ar291x7gl0] {
    color: #e4b83f;
    font-size: 0.74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    margin-bottom: 8px;
}

.court-name[b-ar291x7gl0] {
    color: #ffffff;
    font-size: 1.35rem;
    font-weight: 750;
    margin-bottom: 10px;
}

.court-description[b-ar291x7gl0] {
    color: #8e9591;
    font-size: 0.91rem;
    line-height: 1.65;
    min-height: 48px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


/* =====================================================
   DIVIDER
   ===================================================== */

.court-divider[b-ar291x7gl0] {
    height: 1px;
    background: rgba( 255, 255, 255, 0.07 );
    margin: 20px 0;
}


/* =====================================================
   BUTTON
   ===================================================== */

.court-button[b-ar291x7gl0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 12px 16px;
    border: 1px solid rgba(183, 255, 0, 0.55);
    border-radius: 12px;
    background: rgba(183, 255, 0, 0.08);
    color: #caff4d;
    font-weight: 750;
    font-size: 0.88rem;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

    .court-button:hover[b-ar291x7gl0] {
        color: #0a0d0b;
        background: #b7ff00;
        border-color: #b7ff00;
        transform: translateY(-1px);
        box-shadow: 0 8px 25px rgba(183, 255, 0, 0.16);
    }

.court-button-arrow[b-ar291x7gl0] {
    font-size: 1.15rem;
    transition: transform 0.2s ease;
}

.court-button:hover .court-button-arrow[b-ar291x7gl0] {
    transform: translateX(4px);
}


/* =====================================================
   LOADING / EMPTY STATE
   ===================================================== */

.court-state-container[b-ar291x7gl0] {
    min-height: 350px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 40px;
    background: #121513;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 20px;
}

    .court-state-container h4[b-ar291x7gl0],
    .court-state-container h5[b-ar291x7gl0] {
        color: #ffffff;
        font-weight: 700;
        margin-top: 18px;
    }

    .court-state-container p[b-ar291x7gl0] {
        color: #747b77;
        max-width: 420px;
    }


/* =====================================================
   LOADER
   ===================================================== */

.court-loader[b-ar291x7gl0] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 3px solid #292d2a;
    border-top-color: #b7ff00;
    animation: dinkSpin-b-ar291x7gl0 0.7s linear infinite;
}

@keyframes dinkSpin-b-ar291x7gl0 {

    to {
        transform: rotate(360deg);
    }
}


/* =====================================================
   EMPTY ICON
   ===================================================== */

.empty-icon[b-ar291x7gl0] {
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    background: rgba(183, 255, 0, 0.08);
    border: 1px solid rgba(183, 255, 0, 0.12);
    font-size: 1.8rem;
}


/* =====================================================
   ERROR
   ===================================================== */

.court-alert[b-ar291x7gl0] {
    display: flex;
    gap: 15px;
    align-items: center;
    padding: 20px;
    border-radius: 16px;
}

.court-alert-error[b-ar291x7gl0] {
    background: rgba(255, 80, 80, 0.08);
    border: 1px solid rgba(255, 80, 80, 0.18);
    color: #ffaaaa;
}

.court-alert-icon[b-ar291x7gl0] {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 80, 80, 0.12);
    font-weight: bold;
}


/* =====================================================
   RESPONSIVE
   ===================================================== */

@media (max-width: 768px) {

    .courts-page .container[b-ar291x7gl0] {
        padding-left: 18px;
        padding-right: 18px;

    }

    .court-heading[b-ar291x7gl0] {
        font-size: 2.6rem;
    }

    .court-subtitle[b-ar291x7gl0] {
        font-size: 0.96rem;
    }

   

    .court-image-wrapper[b-ar291x7gl0] {
        height: 150px;
    }
}

.search-toolbar[b-ar291x7gl0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #6b7280;
}

.court-search-schedules[b-ar291x7gl0] {
    margin-top: 16px;
}

.schedule-title[b-ar291x7gl0] {
    display: block;
    margin-bottom: 8px;
    font-size: 0.8rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.schedule-result-row[b-ar291x7gl0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px 0;
    font-size: 0.9rem;
}

.court-search-section[b-ar291x7gl0] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.court-search-box[b-ar291x7gl0] {
    flex: 1;
    display: flex;
    align-items: center;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 4px 14px;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);
}

    .court-search-box:focus-within[b-ar291x7gl0] {
        border-color: #212529;
    }

.court-search-icon[b-ar291x7gl0] {
    margin-right: 8px;
    opacity: 0.55;
}

.court-search-input[b-ar291x7gl0] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    padding: 12px 4px;
    font-size: 0.95rem;
}

.court-search-clear[b-ar291x7gl0] {
    border: none;
    background: transparent;
    color: #6b7280;
    font-size: 1.5rem;
    cursor: pointer;
}

.court-search-button[b-ar291x7gl0] {
    border: none;
    background: #111827;
    color: #ffffff;
    border-radius: 10px;
    padding: 12px 24px;
    font-weight: 600;
    min-width: 110px;
}

    .court-search-button:hover[b-ar291x7gl0] {
        background: #000000;
    }

    .court-search-button:disabled[b-ar291x7gl0] {
        opacity: 0.65;
    }

@media (max-width: 768px) {

    .court-search-section[b-ar291x7gl0] {
        flex-direction: column;
        align-items: stretch;
    }

    .court-search-button[b-ar291x7gl0] {
        width: 100%;
    }
}

.availability-badge[b-ar291x7gl0] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 800;
}


    /* ACTIVE BUSINESS */

    .availability-badge.available[b-ar291x7gl0] {
        background: #ecfdf3;
        color: #15803d;
    }

        .availability-badge.available .availability-dot[b-ar291x7gl0] {
            background: #22c55e;
        }


    /* INACTIVE BUSINESS */

    .availability-badge.unavailable[b-ar291x7gl0] {
        background: #fef3c7;
        color: #a16207;
    }

        .availability-badge.unavailable .availability-dot[b-ar291x7gl0] {
            background: #f59e0b;
        }


.availability-dot[b-ar291x7gl0] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

.court-address[b-ar291x7gl0] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin-top: 5px;
    margin-bottom: 8px;
    color: #8e9591;
    font-size: 0.78rem;
    line-height: 1.4;
}

.court-address-icon[b-ar291x7gl0] {
    flex-shrink: 0;
    font-size: 0.8rem;
}

/*carousel*/
/* =====================================================
   PROMO CAROUSEL
   ===================================================== */

.promo-carousel[b-ar291x7gl0] {
    margin-bottom: 35px;
    border-radius: 22px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.07);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.25);
}


.promo-slide[b-ar291x7gl0] {
    position: relative;
    min-height: 270px;
    display: flex;
    align-items: center;
    padding: 42px 70px;
    overflow: hidden;
}


/* GREEN */

.promo-green[b-ar291x7gl0] {
    background: radial-gradient( circle at 80% 30%, rgba(183, 255, 0, 0.22), transparent 30% ), linear-gradient( 135deg, #101410, #171d15 );
}


/* GOLD */

.promo-gold[b-ar291x7gl0] {
    background: radial-gradient( circle at 80% 30%, rgba(228, 184, 63, 0.20), transparent 30% ), linear-gradient( 135deg, #15130e, #1d1910 );
}


/* DARK */

.promo-dark[b-ar291x7gl0] {
    background: radial-gradient( circle at 80% 30%, rgba(255, 255, 255, 0.06), transparent 30% ), #111412;
}


.promo-content[b-ar291x7gl0] {
    position: relative;
    z-index: 2;
    max-width: 600px;
}


.promo-eyebrow[b-ar291x7gl0] {
    display: block;
    margin-bottom: 10px;
    color: #e4b83f;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.16em;
}


.promo-content h2[b-ar291x7gl0] {
    margin-bottom: 14px;
    color: #ffffff;
    font-size: clamp( 1.8rem, 4vw, 3rem );
    font-weight: 800;
    letter-spacing: -0.04em;
}


    .promo-content h2 span[b-ar291x7gl0] {
        color: #b7ff00;
    }


.promo-content p[b-ar291x7gl0] {
    max-width: 500px;
    margin-bottom: 22px;
    color: #9aa19d;
    font-size: 0.95rem;
    line-height: 1.6;
}


.promo-button[b-ar291x7gl0] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 11px 17px;
    border-radius: 11px;
    background: #b7ff00;
    color: #0b0d0c;
    font-size: 0.82rem;
    font-weight: 800;
    text-decoration: none;
}


    .promo-button:hover[b-ar291x7gl0] {
        background: #caff4d;
        color: #0b0d0c;
    }


.promo-decoration[b-ar291x7gl0] {
    position: absolute;
    right: 80px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(255, 255, 255, 0.06);
    font-size: 7rem;
    font-weight: 900;
    line-height: 1;
}


.promo-carousel
.carousel-control-prev[b-ar291x7gl0],
.promo-carousel
.carousel-control-next[b-ar291x7gl0] {
    width: 55px;
}


/* =====================================================
   MOBILE
   ===================================================== */

@media (max-width: 768px) {

    .promo-slide[b-ar291x7gl0] {
        min-height: 230px;
        padding: 30px 45px 45px;
    }


    .promo-content h2[b-ar291x7gl0] {
        font-size: 1.8rem;
    }


    .promo-content p[b-ar291x7gl0] {
        font-size: 0.85rem;
    }


    .promo-decoration[b-ar291x7gl0] {
        right: 25px;
        font-size: 4rem;
    }
}
/* /Pages/CourtView.razor.rz.scp.css */
/* =========================================================
   PAGE
   ========================================================= */

.court-details-page[b-hre023n9mc] {
    min-height: 100vh;
    background: radial-gradient( circle at 70% 0%, rgba(183, 255, 0, .035), transparent 30% ), #080b09;
    color: #fff;
}

.court-container[b-hre023n9mc] {
    max-width: 1380px;
    padding-top: 42px;
    padding-bottom: 80px;
}


/* =========================================================
   LOADING / ERROR
   ========================================================= */

.court-state[b-hre023n9mc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 90px 20px;
    text-align: center;
}

.dink-loader[b-hre023n9mc] {
    width: 35px;
    height: 35px;
    margin-bottom: 16px;
    border: 3px solid rgba(183,255,0,.15);
    border-top-color: #b7ff00;
    border-radius: 50%;
    animation: dink-spin-b-hre023n9mc .8s linear infinite;
}

@keyframes dink-spin-b-hre023n9mc {
    to {
        transform: rotate(360deg);
    }
}

.court-state h5[b-hre023n9mc] {
    margin: 0 0 6px;
    font-size: 17px;
}

.court-state p[b-hre023n9mc] {
    margin: 0;
    color: #758077;
    font-size: 12px;
}


.court-error[b-hre023n9mc] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 20px;
    border: 1px solid rgba(255,80,80,.15);
    border-radius: 15px;
    background: rgba(255,80,80,.05);
}

.court-error-icon[b-hre023n9mc] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(255,80,80,.12);
    color: #ff7777;
    font-weight: 900;
}

.court-error strong[b-hre023n9mc] {
    color: #ff8a8a;
}

.court-error p[b-hre023n9mc] {
    margin: 4px 0 0;
    color: #967f7f;
    font-size: 12px;
}


/* =========================================================
   HERO
   ========================================================= */

.court-hero[b-hre023n9mc] {
    margin-bottom: 48px;
}

.court-hero-grid[b-hre023n9mc] {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(360px, .85fr);
    gap: 24px;
}


/* =========================================================
   PHOTO
   ========================================================= */

.court-photo-wrapper[b-hre023n9mc] {
    position: relative;
    min-height: 460px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 22px;
    background: #0d110e;
}

.court-image-carousel[b-hre023n9mc],
.carousel-inner[b-hre023n9mc],
.carousel-item[b-hre023n9mc] {
    height: 100%;
}

.court-main-image[b-hre023n9mc] {
    display: block;
    width: 100%;
    height: 460px;
    object-fit: cover;
    cursor: zoom-in;
}

.image-zoom-hint[b-hre023n9mc] {
    position: absolute;
    right: 17px;
    bottom: 17px;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 8px 12px;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 999px;
    background: rgba(8,11,9,.78);
    backdrop-filter: blur(8px);
    color: #fff;
    font-size: 10px;
    font-weight: 750;
    cursor: pointer;
}

.court-photo-count[b-hre023n9mc] {
    position: absolute;
    left: 16px;
    bottom: 16px;
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(8,11,9,.75);
    color: #d9dfda;
    font-size: 10px;
    backdrop-filter: blur(8px);
    z-index: 4;
}


/* =========================================================
   PLACEHOLDER
   ========================================================= */

.court-placeholder[b-hre023n9mc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 460px;
    color: #69736c;
}

.placeholder-icon[b-hre023n9mc] {
    margin-bottom: 10px;
    font-size: 45px;
}


/* =========================================================
   COURT STATUS OVER IMAGE
   ========================================================= */

.court-status-badge[b-hre023n9mc] {
    position: absolute;
    top: 16px;
    left: 16px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 11px;
    border-radius: 999px;
    background: rgba(8,11,9,.78);
    backdrop-filter: blur(8px);
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .7px;
    z-index: 5;
}

.status-dot[b-hre023n9mc] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

.court-status-badge.active[b-hre023n9mc] {
    color: #b7ff00;
}

    .court-status-badge.active .status-dot[b-hre023n9mc] {
        background: #b7ff00;
    }

.court-status-badge.inactive[b-hre023n9mc] {
    color: #ff7777;
}

    .court-status-badge.inactive .status-dot[b-hre023n9mc] {
        background: #ff7777;
    }


/* =========================================================
   INFO PANEL
   ========================================================= */

.court-info-panel[b-hre023n9mc] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 22px;
    background: linear-gradient( 180deg, rgba(255,255,255,.015), transparent ), #0d110e;
}

.court-business-name[b-hre023n9mc] {
    margin-bottom: 7px;
    color: #b7ff00;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.court-address[b-hre023n9mc] {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    margin-bottom: 20px;
    color: #747f76;
    font-size: 11px;
    line-height: 1.5;
}

.court-title-row[b-hre023n9mc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
}

.court-title[b-hre023n9mc] {
    margin: 0;
    color: #fff;
    font-size: clamp(30px, 4vw, 46px);
    font-weight: 900;
    line-height: 1.05;
}

.favorite-button[b-hre023n9mc] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 43px;
    height: 43px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 50%;
    background: #090c0a;
    color: #7f8981;
    font-size: 21px;
    cursor: pointer;
    transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease;
}

    .favorite-button:hover[b-hre023n9mc] {
        transform: translateY(-2px);
        border-color: rgba(255,80,80,.25);
        color: #ff7777;
    }

    .favorite-button.active[b-hre023n9mc] {
        border-color: rgba(255,80,80,.18);
        background: rgba(255,80,80,.07);
        color: #ff6262;
    }

.court-description[b-hre023n9mc] {
    margin: 20px 0;
    color: #a5aea7;
    font-size: 13px;
    line-height: 1.75;
}


/* =========================================================
   AMENITIES
   ========================================================= */

.court-amenities[b-hre023n9mc] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

    .court-amenities span[b-hre023n9mc] {
        padding: 7px 10px;
        border: 1px solid rgba(255,255,255,.06);
        border-radius: 999px;
        background: #090c0a;
        color: #a5aea7;
        font-size: 10px;
    }


/* =========================================================
   META
   ========================================================= */

.court-info-divider[b-hre023n9mc] {
    height: 1px;
    margin: 25px 0;
    background: rgba(255,255,255,.06);
}

.court-meta[b-hre023n9mc] {
    display: grid;
    gap: 16px;
}

.court-meta-item[b-hre023n9mc] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.meta-label[b-hre023n9mc] {
    color: #68736a;
    font-size: 8px;
    font-weight: 850;
    letter-spacing: 1.2px;
}

.court-meta-item strong[b-hre023n9mc] {
    color: #dbe1dc;
    font-size: 12px;
}

.text-neon[b-hre023n9mc] {
    color: #b7ff00 !important;
}

.text-danger[b-hre023n9mc] {
    color: #ff7777 !important;
}

.court-price[b-hre023n9mc] {
    color: #e4b83f !important;
    font-size: 18px !important;
}

    .court-price small[b-hre023n9mc] {
        color: #737d75;
        font-size: 9px;
        font-weight: 600;
    }


/* =========================================================
   BOOKING SECTION
   ========================================================= */

.booking-section[b-hre023n9mc] {
    margin-top: 18px;
}

.booking-heading[b-hre023n9mc] {
    max-width: 700px;
    margin-bottom: 22px;
}

.booking-eyebrow[b-hre023n9mc],
.schedule-eyebrow[b-hre023n9mc] {
    display: block;
    margin-bottom: 6px;
    color: #b7ff00;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: 1.6px;
}

.booking-heading h2[b-hre023n9mc] {
    margin: 0 0 7px;
    font-size: 30px;
    font-weight: 850;
}

.booking-heading p[b-hre023n9mc] {
    margin: 0;
    color: #78827a;
    font-size: 12px;
}


/* =========================================================
   DATE CONTROL
   ========================================================= */

.booking-control-card[b-hre023n9mc] {
    margin-bottom: 26px;
    padding: 18px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 16px;
    background: #0d110e;
}

.booking-control-layout[b-hre023n9mc] {
    display: flex;
    align-items: flex-end;
    gap: 13px;
}

.booking-date-field[b-hre023n9mc] {
    width: min(100%, 340px);
}

.dink-label[b-hre023n9mc] {
    display: block;
    margin-bottom: 7px;
    color: #818b83;
    font-size: 10px;
    font-weight: 800;
}

.dink-input[b-hre023n9mc] {
    width: 100%;
    min-height: 45px;
    padding: 0 13px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 10px;
    outline: none;
    background: #090c0a;
    color: #fff;
    font-size: 12px;
    transition: border-color .2s ease;
}

    .dink-input:focus[b-hre023n9mc] {
        border-color: rgba(183,255,0,.35);
    }

.dink-action-btn[b-hre023n9mc] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 45px;
    padding: 0 17px;
    border: none;
    border-radius: 10px;
    background: #b7ff00;
    color: #081008;
    font-size: 11px;
    font-weight: 850;
    cursor: pointer;
    transition: filter .2s ease, transform .2s ease, opacity .2s ease;
}

    .dink-action-btn:hover:not(:disabled)[b-hre023n9mc] {
        transform: translateY(-1px);
        filter: brightness(1.06);
    }

    .dink-action-btn:disabled[b-hre023n9mc] {
        opacity: .4;
        cursor: not-allowed;
    }


/* =========================================================
   SCHEDULE HEADER
   ========================================================= */

.schedule-header[b-hre023n9mc] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 15px;
}

    .schedule-header h4[b-hre023n9mc] {
        margin: 0 0 4px;
        font-size: 19px;
        font-weight: 820;
    }

    .schedule-header p[b-hre023n9mc] {
        margin: 0;
        color: #737d76;
        font-size: 11px;
    }

.selected-count[b-hre023n9mc] {
    padding: 6px 10px;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 999px;
    background: #0d110e;
    color: #737d76;
    font-size: 9px;
    font-weight: 800;
    transition: border-color .2s ease, color .2s ease, background .2s ease;
}

    .selected-count.has-selection[b-hre023n9mc] {
        border-color: rgba(183,255,0,.15);
        background: rgba(183,255,0,.05);
        color: #b7ff00;
    }


/* =========================================================
   BOOKING GRID
   ========================================================= */

.booking-layout[b-hre023n9mc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 355px;
    gap: 24px;
    align-items: start;
}

.schedule-column[b-hre023n9mc],
.summary-column[b-hre023n9mc] {
    min-width: 0;
}


/* =========================================================
   TIME SLOT GRID
   ========================================================= */

.time-slot-grid[b-hre023n9mc] {
    display: grid;
    grid-template-columns: repeat( auto-fill, minmax(185px, 1fr) );
    gap: 10px;
}

.time-slot[b-hre023n9mc] {
    position: relative;
    min-height: 118px;
    padding: 16px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 14px;
    background: #0d110e;
    color: #fff;
    text-align: left;
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, background .18s ease, opacity .18s ease, box-shadow .18s ease;
}

    .time-slot.available:hover[b-hre023n9mc] {
        transform: translateY(-2px);
        border-color: rgba(183,255,0,.25);
        box-shadow: 0 12px 25px rgba(0,0,0,.18);
    }

    .time-slot.selected[b-hre023n9mc] {
        border-color: rgba(183,255,0,.55);
        background: linear-gradient( 145deg, rgba(183,255,0,.10), rgba(183,255,0,.025) ), #0d110e;
    }

    .time-slot.unavailable[b-hre023n9mc] {
        opacity: .33;
        cursor: not-allowed;
    }


/* =========================================================
   SLOT CONTENT
   ========================================================= */

.slot-top[b-hre023n9mc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}

.slot-time[b-hre023n9mc] {
    color: #f2f4f2;
    font-size: 11px;
    font-weight: 800;
}

.slot-arrow[b-hre023n9mc] {
    color: #59625b;
    font-size: 12px;
}

.slot-rate[b-hre023n9mc] {
    margin-top: 14px;
    color: #e4b83f;
    font-size: 17px;
    font-weight: 900;
}

.slot-status[b-hre023n9mc] {
    margin-top: 7px;
    color: #727d74;
    font-size: 9px;
    font-weight: 700;
}

.time-slot.selected .slot-status[b-hre023n9mc] {
    color: #b7ff00;
}

.time-slot.selected .slot-arrow[b-hre023n9mc] {
    color: #b7ff00;
}


/* =========================================================
   NO SLOT
   ========================================================= */

.no-slots-card[b-hre023n9mc] {
    padding: 50px 20px;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 18px;
    background: #0d110e;
    text-align: center;
}

.no-slots-icon[b-hre023n9mc] {
    margin-bottom: 10px;
    color: #68736a;
    font-size: 30px;
}

.no-slots-card h5[b-hre023n9mc] {
    margin: 0 0 5px;
}

.no-slots-card p[b-hre023n9mc] {
    margin: 0;
    color: #707b72;
    font-size: 11px;
}


/* =========================================================
   UNAVAILABLE
   ========================================================= */

.court-unavailable-card[b-hre023n9mc] {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 25px;
    border: 1px solid rgba(255,184,63,.12);
    border-radius: 18px;
    background: rgba(228,184,63,.035);
}

.court-unavailable-icon[b-hre023n9mc] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: rgba(228,184,63,.09);
    color: #e4b83f;
    font-size: 20px;
}

.unavailable-eyebrow[b-hre023n9mc] {
    color: #e4b83f;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: 1.4px;
}

.court-unavailable-content h3[b-hre023n9mc] {
    margin: 6px 0;
    font-size: 19px;
}

.court-unavailable-content p[b-hre023n9mc] {
    max-width: 660px;
    margin: 0;
    color: #908b78;
    font-size: 12px;
    line-height: 1.7;
}

.unavailable-note[b-hre023n9mc] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 15px;
    color: #777d76;
    font-size: 10px;
}

.unavailable-note-icon[b-hre023n9mc] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: rgba(255,255,255,.05);
    font-size: 9px;
}


/* =========================================================
   LIGHTBOX
   ========================================================= */

.image-lightbox[b-hre023n9mc] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    background: rgba(0,0,0,.92);
    z-index: 99999;
}

.lightbox-content[b-hre023n9mc] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(1200px, 100%);
    height: min(800px, 90vh);
}

    .lightbox-content img[b-hre023n9mc] {
        max-width: 100%;
        max-height: 100%;
        border-radius: 12px;
        object-fit: contain;
    }

.lightbox-close[b-hre023n9mc] {
    position: fixed;
    top: 22px;
    right: 25px;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 50%;
    background: rgba(255,255,255,.06);
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    z-index: 3;
}

.lightbox-nav[b-hre023n9mc] {
    position: absolute;
    top: 50%;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 50%;
    background: rgba(0,0,0,.55);
    color: #fff;
    font-size: 28px;
    transform: translateY(-50%);
    cursor: pointer;
}

.lightbox-prev[b-hre023n9mc] {
    left: 15px;
}

.lightbox-next[b-hre023n9mc] {
    right: 15px;
}

.lightbox-counter[b-hre023n9mc] {
    position: absolute;
    bottom: 15px;
    left: 50%;
    padding: 6px 11px;
    border-radius: 999px;
    background: rgba(0,0,0,.6);
    color: #fff;
    font-size: 10px;
    transform: translateX(-50%);
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1100px) {

    .court-hero-grid[b-hre023n9mc] {
        grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
    }

    .booking-layout[b-hre023n9mc] {
        grid-template-columns: minmax(0, 1fr) 320px;
    }

    .time-slot-grid[b-hre023n9mc] {
        grid-template-columns: repeat( auto-fill, minmax(165px, 1fr) );
    }
}


@media (max-width: 900px) {

    .court-hero-grid[b-hre023n9mc] {
        grid-template-columns: 1fr;
    }

    .court-info-panel[b-hre023n9mc] {
        min-height: auto;
    }

    .booking-layout[b-hre023n9mc] {
        grid-template-columns: 1fr;
    }

    .summary-column[b-hre023n9mc] {
        order: 2;
    }
}


@media (max-width: 700px) {

    .court-container[b-hre023n9mc] {
        padding-top: 22px;
        padding-bottom: 50px;
    }

    .court-photo-wrapper[b-hre023n9mc] {
        min-height: 330px;
        border-radius: 17px;
    }

    .court-main-image[b-hre023n9mc] {
        height: 330px;
    }

    .court-placeholder[b-hre023n9mc] {
        min-height: 330px;
    }

    .court-info-panel[b-hre023n9mc] {
        padding: 22px;
        border-radius: 17px;
    }

    .court-title[b-hre023n9mc] {
        font-size: 30px;
    }

    .booking-heading h2[b-hre023n9mc] {
        font-size: 25px;
    }

    .booking-control-layout[b-hre023n9mc] {
        align-items: stretch;
        flex-direction: column;
    }

    .booking-date-field[b-hre023n9mc] {
        width: 100%;
    }

    .dink-action-btn[b-hre023n9mc] {
        width: 100%;
    }

    .schedule-header[b-hre023n9mc] {
        align-items: flex-start;
    }

    .time-slot-grid[b-hre023n9mc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


@media (max-width: 480px) {

    .court-main-image[b-hre023n9mc],
    .court-placeholder[b-hre023n9mc] {
        height: 275px;
        min-height: 275px;
    }

    .court-info-panel[b-hre023n9mc] {
        padding: 19px;
    }

    .court-title[b-hre023n9mc] {
        font-size: 27px;
    }

    .favorite-button[b-hre023n9mc] {
        width: 39px;
        height: 39px;
    }

    .court-amenities span[b-hre023n9mc] {
        font-size: 9px;
    }

    .booking-control-card[b-hre023n9mc] {
        padding: 14px;
    }

    .schedule-header[b-hre023n9mc] {
        flex-direction: column;
    }

    .time-slot-grid[b-hre023n9mc] {
        grid-template-columns: 1fr;
    }

    .court-unavailable-card[b-hre023n9mc] {
        flex-direction: column;
    }

    .image-lightbox[b-hre023n9mc] {
        padding: 12px;
    }
}
/* /Pages/Customer/Account.razor.rz.scp.css */
.account-page[b-ax44a64r5y] {
    min-height: 100vh;
    padding: 50px 20px 80px;
    background: radial-gradient( circle at top right, rgba(183, 255, 0, 0.08), transparent 35% ), #0b0d0c;
    color: #ffffff;
}

.account-container[b-ax44a64r5y] {
    max-width: 1050px;
    margin: 0 auto;
}

.account-header[b-ax44a64r5y] {
    margin-bottom: 30px;
}

.account-eyebrow[b-ax44a64r5y] {
    color: #e4b83f;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.16em;
}

.account-header h1[b-ax44a64r5y] {
    margin: 8px 0 10px;
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 800;
    letter-spacing: -0.04em;
}

    .account-header h1 span[b-ax44a64r5y] {
        color: #b7ff00;
    }

.account-header p[b-ax44a64r5y] {
    color: #8e9591;
}

.account-grid[b-ax44a64r5y] {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 22px;
}

.profile-card[b-ax44a64r5y],
.account-form-card[b-ax44a64r5y] {
    background: #131614;
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 20px;
    padding: 26px;
}

.profile-card[b-ax44a64r5y] {
    text-align: center;
}

.profile-avatar[b-ax44a64r5y] {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    border-radius: 50%;
    background: #111827;
    color: #b7ff00;
    font-size: 1.4rem;
    font-weight: 800;
}

.profile-card h3[b-ax44a64r5y] {
    margin: 0;
    font-size: 1.2rem;
}

.profile-role[b-ax44a64r5y] {
    display: block;
    margin-top: 5px;
    color: #8e9591;
    font-size: 0.78rem;
}

.profile-divider[b-ax44a64r5y] {
    height: 1px;
    margin: 22px 0;
    background: rgba(255,255,255,0.07);
}

.profile-info[b-ax44a64r5y] {
    text-align: left;
}

    .profile-info div[b-ax44a64r5y] {
        margin-bottom: 16px;
    }

    .profile-info span[b-ax44a64r5y] {
        display: block;
        margin-bottom: 4px;
        color: #717873;
        font-size: 0.7rem;
        text-transform: uppercase;
    }

    .profile-info strong[b-ax44a64r5y] {
        color: #e5e7eb;
        font-size: 0.85rem;
        word-break: break-word;
    }

.status-active[b-ax44a64r5y] {
    color: #b7ff00 !important;
}

.form-heading[b-ax44a64r5y] {
    margin-bottom: 24px;
}

    .form-heading span[b-ax44a64r5y] {
        color: #e4b83f;
        font-size: 0.67rem;
        font-weight: 800;
        letter-spacing: 0.14em;
    }

    .form-heading h4[b-ax44a64r5y] {
        margin-top: 6px;
        color: #ffffff;
        font-weight: 750;
    }

.form-row[b-ax44a64r5y] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.form-group[b-ax44a64r5y] {
    margin-bottom: 20px;
}

    .form-group label[b-ax44a64r5y] {
        display: block;
        margin-bottom: 7px;
        color: #d1d5db;
        font-size: 0.8rem;
        font-weight: 700;
    }

.account-input[b-ax44a64r5y] {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid rgba(255,255,255,0.09);
    border-radius: 11px;
    outline: none;
    background: #0f1210;
    color: #ffffff;
}

    .account-input:focus[b-ax44a64r5y] {
        border-color: rgba(183,255,0,0.55);
        box-shadow: 0 0 0 3px rgba(183,255,0,0.07);
    }

    .account-input.readonly[b-ax44a64r5y] {
        color: #7d8580;
        cursor: not-allowed;
    }

.form-note[b-ax44a64r5y] {
    display: block;
    margin-top: 6px;
    color: #676e69;
    font-size: 0.7rem;
}

.form-actions[b-ax44a64r5y] {
    display: flex;
    justify-content: flex-end;
    margin-top: 28px;
    padding-top: 22px;
    border-top: 1px solid rgba(255,255,255,0.07);
}

.save-profile-button[b-ax44a64r5y] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 155px;
    padding: 12px 18px;
    border: none;
    border-radius: 11px;
    background: #b7ff00;
    color: #0b0d0c;
    font-size: 0.85rem;
    font-weight: 800;
    cursor: pointer;
}

    .save-profile-button:hover:not(:disabled)[b-ax44a64r5y] {
        background: #caff4d;
    }

    .save-profile-button:disabled[b-ax44a64r5y] {
        opacity: 0.6;
    }

.button-spinner[b-ax44a64r5y],
.account-loader[b-ax44a64r5y] {
    border-radius: 50%;
    animation: accountSpin-b-ax44a64r5y 0.7s linear infinite;
}

.button-spinner[b-ax44a64r5y] {
    width: 15px;
    height: 15px;
    border: 2px solid rgba(0,0,0,0.25);
    border-top-color: #111827;
}

.account-loader[b-ax44a64r5y] {
    width: 42px;
    height: 42px;
    border: 3px solid #292d2a;
    border-top-color: #b7ff00;
}

@keyframes accountSpin-b-ax44a64r5y {
    to {
        transform: rotate(360deg);
    }
}

.account-state[b-ax44a64r5y] {
    min-height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.account-error[b-ax44a64r5y] {
    padding: 20px;
    border-radius: 14px;
    background: rgba(255,80,80,0.08);
    border: 1px solid rgba(255,80,80,0.18);
    color: #ffaaaa;
}

@media (max-width: 768px) {

    .account-page[b-ax44a64r5y] {
        padding: 28px 14px 60px;
    }

    .account-grid[b-ax44a64r5y] {
        grid-template-columns: 1fr;
    }

    .profile-card[b-ax44a64r5y] {
        text-align: left;
    }

    .profile-avatar[b-ax44a64r5y] {
        margin-left: 0;
    }

    .form-row[b-ax44a64r5y] {
        grid-template-columns: 1fr;
    }

    .save-profile-button[b-ax44a64r5y] {
        width: 100%;
    }
}
/* /Pages/Customer/Favorites.razor.rz.scp.css */
/* =========================================================
   DINKBOX FAVORITES PAGE
   ========================================================= */

.favorites-page[b-u1n2uq1esl] {
    min-height: 100vh;
    width: 100%;
    background: radial-gradient( circle at top right, rgba(183, 255, 0, 0.06), transparent 30% ), radial-gradient( circle at bottom left, rgba(228, 184, 63, 0.04), transparent 28% ), #0b0d0c;
    color: #ffffff;
}


/* =========================================================
   HEADER
   ========================================================= */

.favorites-header[b-u1n2uq1esl] {
    max-width: 720px;
    margin-bottom: 38px;
}


.favorites-eyebrow[b-u1n2uq1esl] {
    display: block;
    margin-bottom: 8px;
    color: #b7ff00;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .17em;
    text-transform: uppercase;
}


.favorites-header h1[b-u1n2uq1esl] {
    margin: 0;
    font-size: clamp(2rem, 4vw, 3.2rem);
    font-weight: 800;
    letter-spacing: -.04em;
}


.favorites-header p[b-u1n2uq1esl] {
    max-width: 580px;
    margin-top: 12px;
    margin-bottom: 0;
    color: #858c88;
    font-size: .95rem;
    line-height: 1.7;
}


/* =========================================================
   FAVORITES GRID
   ========================================================= */

.favorites-grid[b-u1n2uq1esl] {
    display: grid;
    grid-template-columns: repeat( auto-fill, minmax(290px, 1fr) );
    gap: 22px;
}


/* =========================================================
   FAVORITE CARD
   ========================================================= */

.favorite-card[b-u1n2uq1esl] {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 20px;
    background: linear-gradient( 145deg, #141814, #101310 );
    box-shadow: 0 18px 45px rgba(0, 0, 0, .16);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}


    .favorite-card:hover[b-u1n2uq1esl] {
        transform: translateY(-4px);
        border-color: rgba(183, 255, 0, .18);
        box-shadow: 0 24px 55px rgba(0, 0, 0, .25);
    }


/* =========================================================
   IMAGE
   ========================================================= */

.favorite-image-wrapper[b-u1n2uq1esl] {
    position: relative;
    width: 100%;
    height: 220px;
    overflow: hidden;
    background: #111411;
}


.favorite-image[b-u1n2uq1esl] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .35s ease;
}


.favorite-card:hover
.favorite-image[b-u1n2uq1esl] {
    transform: scale(1.03);
}


/* =========================================================
   PLACEHOLDER
   ========================================================= */

.favorite-placeholder[b-u1n2uq1esl] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient( 145deg, #161a16, #0d100e );
    color: #59605c;
    font-size: 2.6rem;
}


/* =========================================================
   REMOVE FAVORITE HEART
   ========================================================= */

.remove-favorite-button[b-u1n2uq1esl] {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 50%;
    background: rgba(10, 12, 11, .78);
    color: #b7ff00;
    font-size: 1.35rem;
    backdrop-filter: blur(8px);
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}


    .remove-favorite-button:hover[b-u1n2uq1esl] {
        background: rgba(183, 255, 0, .13);
        border-color: rgba(183, 255, 0, .38);
        color: #d5ff67;
        transform: scale(1.06);
    }


/* =========================================================
   CARD BODY
   ========================================================= */

.favorite-content[b-u1n2uq1esl] {
    padding: 22px;
}


.favorite-business[b-u1n2uq1esl] {
    display: block;
    margin-bottom: 6px;
    color: #e4b83f;
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}


.favorite-content h3[b-u1n2uq1esl] {
    margin: 0 0 10px;
    color: #ffffff;
    font-size: 1.2rem;
    font-weight: 800;
    letter-spacing: -.02em;
}


/* =========================================================
   LOCATION
   ========================================================= */

.favorite-location[b-u1n2uq1esl] {
    min-height: 40px;
    margin-bottom: 14px;
    color: #838b86;
    font-size: .78rem;
    line-height: 1.55;
}


/* =========================================================
   AMENITIES
   ========================================================= */

.favorite-amenities[b-u1n2uq1esl] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    min-height: 34px;
    margin-bottom: 20px;
}


    .favorite-amenities span[b-u1n2uq1esl] {
        padding: 6px 9px;
        border: 1px solid rgba(255, 255, 255, .07);
        border-radius: 999px;
        background: rgba(255, 255, 255, .035);
        color: #b8bfbb;
        font-size: .66rem;
        font-weight: 600;
    }


/* =========================================================
   CARD FOOTER
   ========================================================= */

.favorite-footer[b-u1n2uq1esl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding-top: 17px;
    border-top: 1px solid rgba(255, 255, 255, .07);
}


    .favorite-footer > div[b-u1n2uq1esl] {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }


    .favorite-footer small[b-u1n2uq1esl] {
        color: #676f6a;
        font-size: .62rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .08em;
    }


    .favorite-footer strong[b-u1n2uq1esl] {
        color: #b7ff00;
        font-size: 1rem;
        font-weight: 800;
    }


/* =========================================================
   VIEW COURT BUTTON
   ========================================================= */

.view-court-button[b-u1n2uq1esl] {
    min-height: 42px;
    padding: 0 15px;
    border: none;
    border-radius: 10px;
    background: #b7ff00;
    color: #080b08;
    font-size: .72rem;
    font-weight: 800;
    cursor: pointer;
    transition: background .18s ease, transform .18s ease, box-shadow .18s ease;
}


    .view-court-button:hover[b-u1n2uq1esl] {
        background: #ccff42;
        transform: translateY(-1px);
        box-shadow: 0 8px 24px rgba(183, 255, 0, .12);
    }


/* =========================================================
   LOADING / ERROR STATE
   ========================================================= */

.favorites-state[b-u1n2uq1esl] {
    min-height: 320px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 20px;
    background: #121512;
    color: #7e8681;
}


    .favorites-state h4[b-u1n2uq1esl] {
        margin: 0;
        color: #ffffff;
        font-weight: 800;
    }


    .favorites-state p[b-u1n2uq1esl] {
        max-width: 420px;
        margin: 0;
        color: #7e8681;
    }


/* =========================================================
   LOADER
   ========================================================= */

.dink-loader[b-u1n2uq1esl] {
    width: 44px;
    height: 44px;
    border: 3px solid #292d2a;
    border-top-color: #b7ff00;
    border-radius: 50%;
    animation: favorite-spin-b-u1n2uq1esl .75s linear infinite;
}


@keyframes favorite-spin-b-u1n2uq1esl {

    to {
        transform: rotate(360deg);
    }
}


/* =========================================================
   EMPTY STATE
   ========================================================= */

.favorites-empty[b-u1n2uq1esl] {
    min-height: 380px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 22px;
    background: linear-gradient( 145deg, #141714, #101310 );
}


.empty-heart[b-u1n2uq1esl] {
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    border: 1px solid rgba(183, 255, 0, .18);
    border-radius: 50%;
    background: rgba(183, 255, 0, .06);
    color: #b7ff00;
    font-size: 2.2rem;
}


.favorites-empty h3[b-u1n2uq1esl] {
    margin: 0 0 10px;
    color: #ffffff;
    font-size: 1.35rem;
    font-weight: 800;
}


.favorites-empty p[b-u1n2uq1esl] {
    max-width: 420px;
    margin: 0 0 24px;
    color: #7f8782;
    font-size: .9rem;
    line-height: 1.7;
}


/* =========================================================
   EXPLORE BUTTON
   ========================================================= */

.explore-button[b-u1n2uq1esl] {
    min-height: 46px;
    padding: 0 20px;
    border: none;
    border-radius: 11px;
    background: #b7ff00;
    color: #080b08;
    font-size: .78rem;
    font-weight: 800;
    cursor: pointer;
    transition: background .18s ease, transform .18s ease, box-shadow .18s ease;
}


    .explore-button:hover[b-u1n2uq1esl] {
        background: #ccff42;
        transform: translateY(-2px);
        box-shadow: 0 10px 28px rgba(183, 255, 0, .14);
    }


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .favorites-grid[b-u1n2uq1esl] {
        grid-template-columns: repeat( 2, minmax(0, 1fr) );
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

    .favorites-header[b-u1n2uq1esl] {
        margin-bottom: 28px;
    }


    .favorites-grid[b-u1n2uq1esl] {
        grid-template-columns: 1fr;
    }


    .favorite-image-wrapper[b-u1n2uq1esl] {
        height: 210px;
    }


    .favorite-content[b-u1n2uq1esl] {
        padding: 19px;
    }


    .favorite-footer[b-u1n2uq1esl] {
        align-items: flex-end;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

    .favorite-image-wrapper[b-u1n2uq1esl] {
        height: 190px;
    }


    .favorite-footer[b-u1n2uq1esl] {
        flex-direction: column;
        align-items: stretch;
    }


    .view-court-button[b-u1n2uq1esl] {
        width: 100%;
    }


    .favorite-footer > div[b-u1n2uq1esl] {
        margin-bottom: 4px;
    }
}
/* /Pages/Customer/MyReservations.razor.rz.scp.css */
/* =========================================================
   DINKBOX - MY RESERVATIONS
   ========================================================= */

.reservation-filters[b-j6fkztthdd] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 24px;
}


/* =========================================================
   FILTER BUTTONS
   ========================================================= */

.filter-button[b-j6fkztthdd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 38px;
    padding: 7px 14px;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 999px;
    background: rgba(255, 255, 255, .035);
    color: #a2aaa5;
    font-size: .78rem;
    font-weight: 700;
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}


    .filter-button:hover[b-j6fkztthdd] {
        background: rgba(255, 255, 255, .07);
        border-color: rgba(255, 255, 255, .14);
        color: #ffffff;
        transform: translateY(-1px);
    }


    .filter-button.active[b-j6fkztthdd] {
        background: #b7ff00;
        border-color: #b7ff00;
        color: #080b08;
        box-shadow: 0 7px 22px rgba(183, 255, 0, .10);
    }


/* FILTER COUNT */

.filter-count[b-j6fkztthdd] {
    margin-left: 4px;
    min-width: 20px;
    padding: 2px 6px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .07);
    color: #9fa7a2;
    font-size: .68rem;
    font-weight: 700;
    text-align: center;
}


.filter-button.active
.filter-count[b-j6fkztthdd] {
    background: rgba(8, 11, 8, .13);
    color: #080b08;
}


/* =========================================================
   RESERVATION LIST
   ========================================================= */

.reservation-list[b-j6fkztthdd] {
    display: grid;
    gap: 18px;
}


/* =========================================================
   RESERVATION CARD
   ========================================================= */

.reservation-card[b-j6fkztthdd] {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 18px;
    background: linear-gradient( 145deg, #141814, #101310 );
    color: #ffffff;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .18);
    transition: border-color .2s ease, transform .2s ease;
}


    .reservation-card:hover[b-j6fkztthdd] {
        border-color: rgba(183, 255, 0, .12);
    }


/* =========================================================
   CARD HEADER
   ========================================================= */

.reservation-header[b-j6fkztthdd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 22px;
    background: rgba(255, 255, 255, .018);
    border-bottom: 1px solid rgba(255, 255, 255, .07);
    color: #ffffff;
}


    .reservation-header h3[b-j6fkztthdd],
    .reservation-header h4[b-j6fkztthdd],
    .reservation-header h5[b-j6fkztthdd],
    .reservation-header strong[b-j6fkztthdd] {
        color: #ffffff;
    }


/* =========================================================
   RESERVATION BODY
   ========================================================= */

.reservation-body[b-j6fkztthdd] {
    padding: 22px;
}


.reservation-row[b-j6fkztthdd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 8px 0;
}


    .reservation-row > span[b-j6fkztthdd] {
        color: #7f8882;
    }


    .reservation-row > strong[b-j6fkztthdd] {
        color: #ffffff;
        text-align: right;
    }


/* =========================================================
   SECTION LABEL
   ========================================================= */

.section-label[b-j6fkztthdd] {
    display: block;
    color: #818a84;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}


/* =========================================================
   RESERVED SCHEDULE
   ========================================================= */

.schedule-section[b-j6fkztthdd] {
    margin-top: 18px;
    margin-bottom: 18px;
}


.schedule-list[b-j6fkztthdd] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 9px;
}


.schedule-chip[b-j6fkztthdd] {
    min-width: 150px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 10px 13px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 10px;
    background: rgba(255, 255, 255, .035);
    color: #ffffff;
    font-weight: 700;
}


    .schedule-chip strong[b-j6fkztthdd] {
        color: #ffffff;
    }


    .schedule-chip small[b-j6fkztthdd] {
        color: #e4b83f;
        font-size: .73rem;
        font-weight: 600;
    }


/* =========================================================
   TOTAL
   ========================================================= */

.total-row[b-j6fkztthdd] {
    margin-top: 14px;
    padding-top: 17px;
    border-top: 1px solid rgba(255, 255, 255, .07);
    font-size: 1.05rem;
}


    .total-row span[b-j6fkztthdd] {
        color: #8b938e;
    }


    .total-row strong[b-j6fkztthdd] {
        color: #b7ff00;
        font-size: 1.25rem;
        font-weight: 800;
    }


/* =========================================================
   CREATED / REQUESTED DATE
   ========================================================= */

.reservation-created[b-j6fkztthdd] {
    margin-top: 14px;
    color: #68716b;
    font-size: .75rem;
}


/* =========================================================
   STATUS BADGE
   ========================================================= */

.status-badge[b-j6fkztthdd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 12px;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 700;
}


/* PENDING */

.status-pending[b-j6fkztthdd] {
    background: rgba(228, 184, 63, .10);
    border: 1px solid rgba(228, 184, 63, .20);
    color: #e4b83f;
}


/* APPROVED */

.status-approved[b-j6fkztthdd] {
    background: rgba(183, 255, 0, .10);
    border: 1px solid rgba(183, 255, 0, .20);
    color: #b7ff00;
}


/* REJECTED */

.status-rejected[b-j6fkztthdd] {
    background: rgba(255, 90, 90, .10);
    border: 1px solid rgba(255, 90, 90, .20);
    color: #ff8e8e;
}


/* CANCELLED */

.status-cancelled[b-j6fkztthdd] {
    background: rgba(255, 255, 255, .055);
    border: 1px solid rgba(255, 255, 255, .10);
    color: #a5ada8;
}


/* COMPLETED */

.status-completed[b-j6fkztthdd] {
    background: rgba(92, 207, 255, .08);
    border: 1px solid rgba(92, 207, 255, .18);
    color: #72d6ff;
}


/* =========================================================
   CANCEL RESERVATION BUTTON
   ========================================================= */

.cancel-reservation-button[b-j6fkztthdd] {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 8px 14px;
    border: 1px solid rgba(255, 90, 90, .20);
    border-radius: 9px;
    background: rgba(255, 70, 70, .10);
    color: #ff8b8b;
    font-size: .78rem;
    font-weight: 700;
    cursor: pointer;
    transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}


    .cancel-reservation-button:hover:not(:disabled)[b-j6fkztthdd] {
        background: rgba(255, 70, 70, .17);
        border-color: rgba(255, 90, 90, .32);
        color: #ffaaaa;
        transform: translateY(-1px);
    }


    .cancel-reservation-button:disabled[b-j6fkztthdd] {
        opacity: .5;
        cursor: not-allowed;
    }


    .cancel-reservation-button
    .spinner-border[b-j6fkztthdd] {
        width: .85rem;
        height: .85rem;
        border-width: .12em;
    }


/* =========================================================
   EMPTY STATE
   ========================================================= */

.empty-state[b-j6fkztthdd] {
    min-height: 320px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 50px 20px;
    text-align: center;
    border: 1px dashed rgba(255, 255, 255, .11);
    border-radius: 18px;
    background: linear-gradient( 145deg, #141714, #101310 );
    color: #818a84;
}


    .empty-state h3[b-j6fkztthdd],
    .empty-state h4[b-j6fkztthdd] {
        color: #ffffff;
    }


    .empty-state p[b-j6fkztthdd] {
        color: #7f8882;
    }


/* =========================================================
   GENERAL CARD TEXT SAFETY
   Prevent old Bootstrap/light-theme colors from appearing.
   ========================================================= */

.reservation-card h1[b-j6fkztthdd],
.reservation-card h2[b-j6fkztthdd],
.reservation-card h3[b-j6fkztthdd],
.reservation-card h4[b-j6fkztthdd],
.reservation-card h5[b-j6fkztthdd],
.reservation-card h6[b-j6fkztthdd] {
    color: #ffffff;
}


.reservation-card p[b-j6fkztthdd] {
    color: #9ba39e;
}


.reservation-card strong[b-j6fkztthdd] {
    color: #ffffff;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

    .reservation-header[b-j6fkztthdd] {
        padding: 18px;
        gap: 12px;
    }


    .reservation-body[b-j6fkztthdd] {
        padding: 18px;
    }


    .reservation-row[b-j6fkztthdd] {
        flex-direction: column;
        gap: 3px;
    }


        .reservation-row > strong[b-j6fkztthdd] {
            text-align: left;
        }


    .schedule-chip[b-j6fkztthdd] {
        min-width: 0;
        width: 100%;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .reservation-filters[b-j6fkztthdd] {
        gap: 6px;
    }


    .filter-button[b-j6fkztthdd] {
        padding: 7px 11px;
        font-size: .72rem;
    }


    .reservation-header[b-j6fkztthdd] {
        flex-direction: column;
    }


    .status-badge[b-j6fkztthdd] {
        align-self: flex-start;
    }
}

.reservation-payment-section[b-j6fkztthdd] {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, .06);
}
/* /Pages/Login.razor.rz.scp.css */
.login-page[b-w3jrvsnd4e] {
    min-height: 80vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.login-card[b-w3jrvsnd4e] {
    width: 100%;
    max-width: 420px;
    background: white;
    padding: 32px;
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
}

.form-control[b-w3jrvsnd4e] {
    min-height: 46px;
}

.btn[b-w3jrvsnd4e] {
    min-height: 46px;
}

.login-page[b-w3jrvsnd4e] {
    min-height: calc(100vh - 70px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 20px;
    background: radial-gradient( circle at top left, rgba(182, 255, 57, 0.08), transparent 30% ), #f5f6f8;
}


.login-container[b-w3jrvsnd4e] {
    width: 100%;
    max-width: 1050px;
    min-height: 620px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: #ffffff;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 25px 70px rgba(17, 24, 39, 0.12);
}


/* =========================================================
   BRAND SIDE
========================================================= */

.login-brand[b-w3jrvsnd4e] {
    position: relative;
    display: flex;
    align-items: center;
    padding: 65px 55px;
    background: linear-gradient( 145deg, #111827 0%, #0b0f17 100% );
    color: white;
}


    .login-brand[b-w3jrvsnd4e]::before {
        content: "";
        position: absolute;
        width: 260px;
        height: 260px;
        right: -100px;
        top: -100px;
        border-radius: 50%;
        background: rgba(182, 255, 57, 0.08);
    }


    .login-brand[b-w3jrvsnd4e]::after {
        content: "";
        position: absolute;
        width: 220px;
        height: 220px;
        left: -100px;
        bottom: -110px;
        border-radius: 50%;
        background: rgba(245, 197, 24, 0.07);
    }


.brand-content[b-w3jrvsnd4e] {
    position: relative;
    z-index: 1;
}


.brand-eyebrow[b-w3jrvsnd4e] {
    display: inline-block;
    margin-bottom: 18px;
    color: #f5c518;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.15em;
}


.login-brand h1[b-w3jrvsnd4e] {
    max-width: 420px;
    margin-bottom: 22px;
    font-size: clamp(2.3rem, 4vw, 3.4rem);
    font-weight: 800;
    line-height: 1.02;
    letter-spacing: -0.04em;
}


    .login-brand h1 span[b-w3jrvsnd4e] {
        display: block;
        margin-top: 7px;
        color: #b6ff39;
    }


.login-brand p[b-w3jrvsnd4e] {
    max-width: 420px;
    color: #b7bec9;
    line-height: 1.7;
}


.brand-features[b-w3jrvsnd4e] {
    display: grid;
    gap: 12px;
    margin-top: 38px;
}


.brand-feature[b-w3jrvsnd4e] {
    display: flex;
    align-items: center;
    gap: 11px;
    color: #e5e7eb;
    font-size: 0.92rem;
}


.feature-icon[b-w3jrvsnd4e] {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    background: rgba(182, 255, 57, 0.12);
    color: #b6ff39;
    font-size: 0.75rem;
    font-weight: 800;
}


/* =========================================================
   FORM SIDE
========================================================= */

.login-form-side[b-w3jrvsnd4e] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 55px;
}


.login-form-wrapper[b-w3jrvsnd4e] {
    width: 100%;
    max-width: 400px;
}


.login-header[b-w3jrvsnd4e] {
    margin-bottom: 32px;
}


.login-logo[b-w3jrvsnd4e] {
    margin-bottom: 26px;
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    color: #111827;
}


    .login-logo span[b-w3jrvsnd4e] {
        color: #7ba800;
    }


.login-header h2[b-w3jrvsnd4e] {
    margin-bottom: 7px;
    color: #111827;
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: -0.03em;
}


.login-header p[b-w3jrvsnd4e] {
    margin: 0;
    color: #6b7280;
}


/* =========================================================
   INPUT
========================================================= */

.form-group[b-w3jrvsnd4e] {
    margin-bottom: 20px;
}


    .form-group label[b-w3jrvsnd4e] {
        display: block;
        margin-bottom: 7px;
        color: #374151;
        font-size: 0.84rem;
        font-weight: 700;
    }


.input-wrapper[b-w3jrvsnd4e] {
    position: relative;
    display: flex;
    align-items: center;
}


.input-icon[b-w3jrvsnd4e] {
    position: absolute;
    left: 14px;
    z-index: 2;
    color: #9ca3af;
    font-size: 0.9rem;
}


.login-input[b-w3jrvsnd4e] {
    width: 100%;
    height: 50px;
    padding: 0 14px 0 42px;
    border: 1px solid #dfe3e8;
    border-radius: 11px;
    outline: none;
    background: #ffffff;
    color: #111827;
    font-size: 0.94rem;
    transition: 0.2s ease;
}


    .login-input:focus[b-w3jrvsnd4e] {
        border-color: #111827;
        box-shadow: 0 0 0 3px rgba(17, 24, 39, 0.07);
    }


.password-input[b-w3jrvsnd4e] {
    padding-right: 70px;
}


.password-toggle[b-w3jrvsnd4e] {
    position: absolute;
    right: 13px;
    border: none;
    background: transparent;
    color: #6b7280;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
}


    .password-toggle:hover[b-w3jrvsnd4e] {
        color: #111827;
    }


/* =========================================================
   ERROR
========================================================= */

.login-error[b-w3jrvsnd4e] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
    padding: 12px 14px;
    border: 1px solid #fecaca;
    border-radius: 10px;
    background: #fef2f2;
    color: #991b1b;
    font-size: 0.88rem;
}


.login-error-icon[b-w3jrvsnd4e] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    background: #fee2e2;
    font-weight: 800;
}


[b-w3jrvsnd4e] .validation-message {
    margin-top: 5px;
    color: #dc2626;
    font-size: 0.78rem;
}


/* =========================================================
   BUTTON
========================================================= */

.login-button[b-w3jrvsnd4e] {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 8px;
    border: none;
    border-radius: 11px;
    background: #111827;
    color: #ffffff;
    font-size: 0.95rem;
    font-weight: 700;
    cursor: pointer;
    transition: 0.2s ease;
}


    .login-button:hover:not(:disabled)[b-w3jrvsnd4e] {
        background: #000000;
        transform: translateY(-1px);
        box-shadow: 0 7px 18px rgba(0, 0, 0, 0.16);
    }


    .login-button:disabled[b-w3jrvsnd4e] {
        opacity: 0.65;
        cursor: not-allowed;
    }


.button-arrow[b-w3jrvsnd4e] {
    font-size: 1.15rem;
}


/* =========================================================
   LINKS
========================================================= */

.register-link[b-w3jrvsnd4e] {
    margin-top: 26px;
    text-align: center;
    color: #6b7280;
    font-size: 0.89rem;
}


    .register-link a[b-w3jrvsnd4e] {
        margin-left: 4px;
        color: #111827;
        font-weight: 750;
        text-decoration: none;
    }


        .register-link a:hover[b-w3jrvsnd4e] {
            text-decoration: underline;
        }


.back-link[b-w3jrvsnd4e] {
    margin-top: 18px;
    text-align: center;
}


    .back-link a[b-w3jrvsnd4e] {
        color: #9ca3af;
        font-size: 0.82rem;
        text-decoration: none;
    }


        .back-link a:hover[b-w3jrvsnd4e] {
            color: #111827;
        }


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 850px) {

    .login-container[b-w3jrvsnd4e] {
        grid-template-columns: 1fr;
        max-width: 560px;
    }


    .login-brand[b-w3jrvsnd4e] {
        min-height: auto;
        padding: 38px 32px;
    }


        .login-brand h1[b-w3jrvsnd4e] {
            font-size: 2.2rem;
        }


    .brand-features[b-w3jrvsnd4e] {
        display: none;
    }


    .login-form-side[b-w3jrvsnd4e] {
        padding: 40px 30px;
    }
}


@media (max-width: 480px) {

    .login-page[b-w3jrvsnd4e] {
        padding: 20px 12px;
    }


    .login-container[b-w3jrvsnd4e] {
        border-radius: 16px;
    }


    .login-brand[b-w3jrvsnd4e] {
        padding: 30px 24px;
    }


        .login-brand h1[b-w3jrvsnd4e] {
            font-size: 1.9rem;
        }


    .login-form-side[b-w3jrvsnd4e] {
        padding: 34px 22px;
    }


    .login-header h2[b-w3jrvsnd4e] {
        font-size: 1.7rem;
    }
}

/* INPUT WRAPPER */

.input-wrapper[b-w3jrvsnd4e] {
    position: relative;
    width: 100%;
}


/* ICON */

.input-icon[b-w3jrvsnd4e] {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    color: #9ca3af;
    font-size: 0.9rem;
    pointer-events: none;
}


/* IMPORTANT:
   ::deep is needed because InputText is a Blazor component
*/

[b-w3jrvsnd4e] .login-input {
    width: 100%;
    height: 50px;
    padding: 0 45px 0 44px;
    border: 1px solid #dfe3e8;
    border-radius: 11px;
    outline: none;
    background: #ffffff;
    color: #111827;
    font-size: 0.94rem;
    box-sizing: border-box;
    transition: 0.2s ease;
}


    [b-w3jrvsnd4e] .login-input:focus {
        border-color: #111827;
        box-shadow: 0 0 0 3px rgba(17, 24, 39, 0.07);
    }


/* PASSWORD */

[b-w3jrvsnd4e] .password-input {
    padding-right: 75px;
}


.password-toggle[b-w3jrvsnd4e] {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    border: none;
    background: transparent;
    color: #6b7280;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
}


    .password-toggle:hover[b-w3jrvsnd4e] {
        color: #111827;
    }

.login-divider[b-w3jrvsnd4e] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 24px 0;
    color: #9ca3af;
    font-size: 0.72rem;
    font-weight: 700;
}

    .login-divider[b-w3jrvsnd4e]::before,
    .login-divider[b-w3jrvsnd4e]::after {
        content: "";
        flex: 1;
        height: 1px;
        background: #e5e7eb;
    }


.google-login-wrapper[b-w3jrvsnd4e] {
    width: 100%;
    display: flex;
    justify-content: center;
}


#googleSignInButton[b-w3jrvsnd4e] {
    width: 100%;
    max-width: 400px;
}


.google-loading[b-w3jrvsnd4e] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    color: #6b7280;
    font-size: 0.82rem;
}
/* /Pages/OpenPlay.razor.rz.scp.css */
.openplay-page[b-6a10a2uydd] {
    min-height: 100vh;
    background: #080b09;
    color: #fff;
}

.openplay-container[b-6a10a2uydd] {
    max-width: 1450px;
    margin: 0 auto;
    padding: 55px 32px 80px;
}


/* HERO */

.openplay-hero[b-6a10a2uydd] {
    max-width: 760px;
    margin-bottom: 42px;
}

.eyebrow[b-6a10a2uydd] {
    display: block;
    margin-bottom: 10px;
    color: #b7ff00;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: 2.2px;
}

.openplay-hero h1[b-6a10a2uydd] {
    margin: 0;
    font-size: clamp(36px, 5vw, 58px);
    font-weight: 850;
    line-height: 1.05;
}

    .openplay-hero h1 span[b-6a10a2uydd] {
        color: #b7ff00;
    }

.openplay-hero p[b-6a10a2uydd] {
    max-width: 600px;
    margin: 18px 0 0;
    color: #8d9890;
    font-size: 16px;
    line-height: 1.7;
}


/* RESULT */

.result-header[b-6a10a2uydd] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 18px;
    color: #89938c;
}

.result-count[b-6a10a2uydd] {
    color: #fff;
    font-weight: 850;
}


/* GRID */

.openplay-grid[b-6a10a2uydd] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}


/* CARD */

.openplay-card[b-6a10a2uydd] {
    display: flex;
    flex-direction: column;
    padding: 23px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 20px;
    background: #0d110e;
    transition: transform .2s ease, border-color .2s ease;
}

    .openplay-card:hover[b-6a10a2uydd] {
        transform: translateY(-3px);
        border-color: rgba(183,255,0,.22);
    }

.card-top[b-6a10a2uydd] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}


/* BADGES */

.skill-badge[b-6a10a2uydd],
.availability-badge[b-6a10a2uydd] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 6px 10px;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.skill-badge[b-6a10a2uydd] {
    background: rgba(228,184,63,.10);
    color: #e4b83f;
}

.availability-badge[b-6a10a2uydd] {
    background: rgba(183,255,0,.09);
    color: #b7ff00;
}

    .availability-badge.limited[b-6a10a2uydd] {
        background: rgba(228,184,63,.10);
        color: #e4b83f;
    }

    .availability-badge.full[b-6a10a2uydd] {
        background: rgba(255,90,90,.10);
        color: #ff7777;
    }


/* TITLE */

.session-main[b-6a10a2uydd] {
    margin-top: 20px;
}

.business-name[b-6a10a2uydd] {
    display: block;
    margin-bottom: 5px;
    color: #b7ff00;
    font-size: 12px;
    font-weight: 750;
}

.session-main h2[b-6a10a2uydd] {
    margin: 0;
    font-size: 21px;
    font-weight: 800;
}

.session-main p[b-6a10a2uydd] {
    margin: 11px 0 0;
    color: #8b958e;
    font-size: 13px;
    line-height: 1.6;
}


/* DATE */

.session-date-box[b-6a10a2uydd] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 21px;
    padding: 13px;
    border-radius: 13px;
    background: #090c0a;
}

.date-day[b-6a10a2uydd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 52px;
    padding-right: 13px;
    border-right: 1px solid rgba(255,255,255,.08);
}

    .date-day strong[b-6a10a2uydd] {
        font-size: 22px;
        line-height: 1;
    }

    .date-day span[b-6a10a2uydd] {
        margin-top: 4px;
        color: #b7ff00;
        font-size: 10px;
        font-weight: 850;
    }

.date-details[b-6a10a2uydd] {
    display: flex;
    flex-direction: column;
}

    .date-details strong[b-6a10a2uydd] {
        font-size: 13px;
    }

    .date-details span[b-6a10a2uydd] {
        margin-top: 3px;
        color: #8b958e;
        font-size: 12px;
    }


/* INFO */

.info-grid[b-6a10a2uydd] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-top: 14px;
}

.info-item[b-6a10a2uydd] {
    padding: 12px;
    border-radius: 11px;
    background: #090c0a;
}

    .info-item > span[b-6a10a2uydd] {
        display: block;
        margin-bottom: 5px;
        color: #69736c;
        font-size: 9px;
        font-weight: 850;
        letter-spacing: 1px;
    }

    .info-item strong[b-6a10a2uydd] {
        font-size: 13px;
    }

.fee[b-6a10a2uydd] {
    color: #e4b83f;
}


/* COURTS */

.court-section[b-6a10a2uydd] {
    margin-top: 18px;
}

.court-label[b-6a10a2uydd] {
    display: block;
    margin-bottom: 8px;
    color: #69736c;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: 1px;
}

.court-list[b-6a10a2uydd] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.court-chip[b-6a10a2uydd] {
    padding: 6px 10px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 999px;
    background: #090c0a;
    color: #c5cdc7;
    font-size: 11px;
}


/* CAPACITY */

.capacity-section[b-6a10a2uydd] {
    margin-top: 20px;
}

.capacity-header[b-6a10a2uydd] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 7px;
    color: #808a83;
    font-size: 11px;
}

    .capacity-header strong[b-6a10a2uydd] {
        color: #fff;
    }

.capacity-track[b-6a10a2uydd] {
    height: 5px;
    overflow: hidden;
    border-radius: 999px;
    background: #191f1a;
}

.capacity-value[b-6a10a2uydd] {
    height: 100%;
    border-radius: inherit;
    background: #b7ff00;
}


/* ACTIONS */

.card-actions[b-6a10a2uydd] {
    display: grid;
    grid-template-columns: 1fr 1.3fr;
    gap: 9px;
    margin-top: auto;
    padding-top: 22px;
}

    .card-actions button[b-6a10a2uydd] {
        min-height: 43px;
        border-radius: 11px;
        font-weight: 800;
        cursor: pointer;
    }

.details-button[b-6a10a2uydd] {
    border: 1px solid rgba(255,255,255,.10);
    background: transparent;
    color: #fff;
}

.join-button[b-6a10a2uydd] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border: none;
    background: #b7ff00;
    color: #071007;
}

    .join-button:disabled[b-6a10a2uydd] {
        background: #191e1a;
        color: #6e776f;
        cursor: not-allowed;
    }


/* STATES */

.state-panel[b-6a10a2uydd] {
    padding: 65px 30px;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 20px;
    background: #0d110e;
    text-align: center;
}

    .state-panel h3[b-6a10a2uydd] {
        margin: 10px 0 5px;
    }

    .state-panel p[b-6a10a2uydd] {
        color: #858f88;
    }

    .state-panel button[b-6a10a2uydd] {
        margin-top: 12px;
        border: none;
        border-radius: 10px;
        padding: 10px 18px;
        background: #b7ff00;
        color: #071007;
        font-weight: 800;
    }

.empty-icon[b-6a10a2uydd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 16px;
    background: rgba(183,255,0,.08);
    color: #b7ff00;
    font-weight: 900;
}


/* RESPONSIVE */

@media (max-width: 1150px) {

    .openplay-grid[b-6a10a2uydd] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {

    .openplay-container[b-6a10a2uydd] {
        padding: 35px 18px 60px;
    }

    .openplay-grid[b-6a10a2uydd] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/OpenPlayDetails.razor.rz.scp.css */
.openplay-details-page[b-z1ec7l3gh4] {
    min-height: 100vh;
    background: #080b09;
    color: #fff;
}

.details-container[b-z1ec7l3gh4] {
    max-width: 1350px;
    margin: 0 auto;
    padding: 38px 30px 80px;
}


/* HEADER */

.page-header[b-z1ec7l3gh4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-bottom: 25px;
}

.back-button[b-z1ec7l3gh4] {
    border: none;
    background: transparent;
    color: #929c95;
    font-weight: 700;
    cursor: pointer;
}

    .back-button:hover[b-z1ec7l3gh4] {
        color: #b7ff00;
    }

.header-badges[b-z1ec7l3gh4] {
    display: flex;
    gap: 8px;
}

.skill-badge[b-z1ec7l3gh4],
.status-badge[b-z1ec7l3gh4] {
    padding: 6px 11px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .6px;
}

.skill-badge[b-z1ec7l3gh4] {
    background: rgba(228,184,63,.11);
    color: #e4b83f;
}

.status-badge.published[b-z1ec7l3gh4] {
    background: rgba(183,255,0,.10);
    color: #b7ff00;
}

.status-badge.closed[b-z1ec7l3gh4] {
    background: rgba(255,255,255,.08);
    color: #b9c0bb;
}

.status-badge.completed[b-z1ec7l3gh4] {
    background: rgba(80,160,255,.10);
    color: #79b8ff;
}

.status-badge.cancelled[b-z1ec7l3gh4] {
    background: rgba(255,80,80,.10);
    color: #ff7373;
}


/* GRID */

.details-grid[b-z1ec7l3gh4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 370px;
    gap: 25px;
    align-items: start;
}

.details-content[b-z1ec7l3gh4] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}


/* CARDS */

.hero-card[b-z1ec7l3gh4],
.info-card[b-z1ec7l3gh4],
.booking-card[b-z1ec7l3gh4] {
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 20px;
    background: #0d110e;
}

.hero-card[b-z1ec7l3gh4] {
    padding: 35px;
}

.business-name[b-z1ec7l3gh4] {
    display: block;
    margin-bottom: 8px;
    color: #b7ff00;
    font-size: 13px;
    font-weight: 800;
}

.hero-card h1[b-z1ec7l3gh4] {
    margin: 0;
    font-size: clamp(30px, 5vw, 48px);
    line-height: 1.08;
}

.business-address[b-z1ec7l3gh4] {
    display: flex;
    flex-direction: column;
    margin-top: 22px;
}

    .business-address span[b-z1ec7l3gh4] {
        color: #677169;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: 1px;
    }

    .business-address strong[b-z1ec7l3gh4] {
        margin-top: 4px;
        color: #bec6c0;
        font-size: 13px;
    }


/* INFO CARD */

.info-card[b-z1ec7l3gh4] {
    padding: 26px;
}

.section-heading[b-z1ec7l3gh4] {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-bottom: 23px;
}

.section-number[b-z1ec7l3gh4] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 37px;
    height: 37px;
    border-radius: 10px;
    background: rgba(183,255,0,.08);
    color: #b7ff00;
    font-size: 11px;
    font-weight: 900;
}

.section-heading h2[b-z1ec7l3gh4] {
    margin: 0;
    font-size: 18px;
}

.section-heading p[b-z1ec7l3gh4] {
    margin: 4px 0 0;
    color: #7f8982;
    font-size: 12px;
}


/* SCHEDULE */

.schedule-grid[b-z1ec7l3gh4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.schedule-item[b-z1ec7l3gh4] {
    padding: 17px;
    border-radius: 13px;
    background: #090c0a;
}

    .schedule-item span[b-z1ec7l3gh4] {
        display: block;
        margin-bottom: 5px;
        color: #657068;
        font-size: 9px;
        font-weight: 850;
        letter-spacing: 1px;
    }

    .schedule-item strong[b-z1ec7l3gh4] {
        font-size: 14px;
    }


/* DESCRIPTION */

.description[b-z1ec7l3gh4] {
    margin: 0;
    color: #b6beb8;
    line-height: 1.8;
    white-space: pre-line;
}

    .description.muted[b-z1ec7l3gh4] {
        color: #6f7871;
    }


/* COURTS */

.court-grid[b-z1ec7l3gh4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.court-item[b-z1ec7l3gh4] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 14px;
    border-radius: 12px;
    background: #090c0a;
}

.court-icon[b-z1ec7l3gh4] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 9px;
    background: rgba(183,255,0,.08);
    color: #b7ff00;
    font-weight: 900;
}

.court-item span[b-z1ec7l3gh4] {
    display: block;
    color: #606a63;
    font-size: 9px;
    font-weight: 800;
}

.court-item strong[b-z1ec7l3gh4] {
    font-size: 13px;
}


/* DETAIL LIST */

.detail-list[b-z1ec7l3gh4] {
    display: flex;
    flex-direction: column;
}

    .detail-list > div[b-z1ec7l3gh4] {
        display: flex;
        justify-content: space-between;
        gap: 20px;
        padding: 13px 0;
        border-bottom: 1px solid rgba(255,255,255,.05);
    }

        .detail-list > div:last-child[b-z1ec7l3gh4] {
            border-bottom: none;
        }

    .detail-list span[b-z1ec7l3gh4] {
        color: #858f88;
    }

    .detail-list strong[b-z1ec7l3gh4] {
        text-align: right;
    }

.gold[b-z1ec7l3gh4] {
    color: #e4b83f;
}


/* STICKY BOOKING */

.booking-column[b-z1ec7l3gh4] {
    position: relative;
}

.booking-card[b-z1ec7l3gh4] {
    position: sticky;
    top: 25px;
    padding: 25px;
}

.booking-eyebrow[b-z1ec7l3gh4] {
    color: #b7ff00;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.6px;
}

.booking-card h2[b-z1ec7l3gh4] {
    margin: 8px 0 4px;
    font-size: 23px;
}

.booking-subtitle[b-z1ec7l3gh4] {
    margin: 0;
    color: #7f8982;
    font-size: 13px;
    line-height: 1.5;
}

.booking-divider[b-z1ec7l3gh4] {
    height: 1px;
    margin: 20px 0;
    background: rgba(255,255,255,.06);
}

.booking-row[b-z1ec7l3gh4] {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 11px;
    font-size: 12px;
}

    .booking-row span[b-z1ec7l3gh4] {
        color: #78827b;
    }

    .booking-row strong[b-z1ec7l3gh4] {
        text-align: right;
    }


/* PLAYERS */

.player-summary[b-z1ec7l3gh4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

    .player-summary > div[b-z1ec7l3gh4] {
        padding: 13px;
        border-radius: 11px;
        background: #090c0a;
    }

    .player-summary span[b-z1ec7l3gh4] {
        display: block;
        margin-bottom: 4px;
        color: #606a63;
        font-size: 9px;
        font-weight: 800;
    }

    .player-summary strong[b-z1ec7l3gh4] {
        font-size: 16px;
    }

.neon[b-z1ec7l3gh4] {
    color: #b7ff00;
}

.capacity-track[b-z1ec7l3gh4] {
    height: 6px;
    margin-top: 12px;
    overflow: hidden;
    border-radius: 999px;
    background: #191f1a;
}

.capacity-value[b-z1ec7l3gh4] {
    height: 100%;
    border-radius: inherit;
    background: #b7ff00;
}


/* PRICE */

.price-section[b-z1ec7l3gh4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .price-section span[b-z1ec7l3gh4] {
        color: #8c968f;
        font-size: 12px;
    }

    .price-section strong[b-z1ec7l3gh4] {
        color: #e4b83f;
        font-size: 25px;
    }


/* BUTTONS */

.join-button[b-z1ec7l3gh4],
.joined-button[b-z1ec7l3gh4],
.disabled-button[b-z1ec7l3gh4] {
    width: 100%;
    min-height: 49px;
    margin-top: 20px;
    border-radius: 12px;
    font-weight: 850;
}

.join-button[b-z1ec7l3gh4] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: none;
    background: #b7ff00;
    color: #071007;
}

.joined-button[b-z1ec7l3gh4] {
    border: 1px solid rgba(183,255,0,.25);
    background: rgba(183,255,0,.07);
    color: #b7ff00;
}

.disabled-button[b-z1ec7l3gh4] {
    border: 1px solid rgba(255,255,255,.06);
    background: #151916;
    color: #697169;
}

.join-note[b-z1ec7l3gh4] {
    display: block;
    margin-top: 8px;
    color: #586159;
    text-align: center;
    font-size: 10px;
}


/* STATES */

.state-panel[b-z1ec7l3gh4] {
    padding: 65px 30px;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 20px;
    background: #0d110e;
    text-align: center;
}

    .state-panel p[b-z1ec7l3gh4] {
        color: #808a83;
    }

    .state-panel button[b-z1ec7l3gh4] {
        margin-top: 12px;
        border: none;
        border-radius: 10px;
        padding: 10px 17px;
        background: #b7ff00;
        color: #071007;
        font-weight: 800;
    }


/* RESPONSIVE */

@media (max-width: 950px) {

    .details-grid[b-z1ec7l3gh4] {
        grid-template-columns: 1fr;
    }

    .booking-card[b-z1ec7l3gh4] {
        position: static;
    }
}

@media (max-width: 650px) {

    .details-container[b-z1ec7l3gh4] {
        padding: 25px 16px 55px;
    }

    .page-header[b-z1ec7l3gh4] {
        align-items: flex-start;
        flex-direction: column;
    }

    .hero-card[b-z1ec7l3gh4] {
        padding: 25px 20px;
    }

    .schedule-grid[b-z1ec7l3gh4],
    .court-grid[b-z1ec7l3gh4] {
        grid-template-columns: 1fr;
    }
}
.joined-state[b-z1ec7l3gh4] {
    margin-top: 20px;
}

.joined-message[b-z1ec7l3gh4] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 14px;
    border: 1px solid rgba(183, 255, 0, .18);
    border-radius: 12px;
    background: rgba(183, 255, 0, .06);
}

.joined-check[b-z1ec7l3gh4] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    flex-shrink: 0;
    border-radius: 50%;
    background: #b7ff00;
    color: #071007;
    font-weight: 900;
}

.joined-message strong[b-z1ec7l3gh4] {
    display: block;
    color: #b7ff00;
    font-size: 13px;
}

.joined-message div span[b-z1ec7l3gh4] {
    display: block;
    margin-top: 2px;
    color: #829087;
    font-size: 11px;
}

.cancel-participation-button[b-z1ec7l3gh4] {
    width: 100%;
    min-height: 43px;
    margin-top: 10px;
    border: 1px solid rgba(255, 100, 100, .18);
    border-radius: 11px;
    background: rgba(255, 80, 80, .05);
    color: #ff7b7b;
    font-weight: 750;
    cursor: pointer;
}

    .cancel-participation-button:hover:not(:disabled)[b-z1ec7l3gh4] {
        border-color: rgba(255, 100, 100, .35);
        background: rgba(255, 80, 80, .09);
    }

    .cancel-participation-button:disabled[b-z1ec7l3gh4] {
        opacity: .6;
        cursor: not-allowed;
    }

.cancelled-notice[b-z1ec7l3gh4] {
    margin-bottom: 18px;
    padding: 16px 18px;
    border: 1px solid rgba(255, 90, 90, .18);
    border-radius: 13px;
    background: rgba(255, 80, 80, .06);
}

    .cancelled-notice strong[b-z1ec7l3gh4] {
        display: block;
        color: #ff7777;
    }

    .cancelled-notice span[b-z1ec7l3gh4] {
        display: block;
        margin-top: 5px;
        color: #a98f8f;
        font-size: 13px;
    }
/* /Pages/Owner/Apply.razor.rz.scp.css */
/* =========================================================
   PAGE
   ========================================================= */

.owner-apply-page[b-lqk2lsba5t] {
    min-height: 100vh;
    padding: 60px 30px;
    background: radial-gradient( circle at 15% 20%, rgba(183, 255, 0, .06), transparent 28%), radial-gradient( circle at 85% 75%, rgba(228, 184, 63, .04), transparent 28%), #070a08;
    color: #ffffff;
}


.owner-apply-container[b-lqk2lsba5t] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(380px, .85fr);
    gap: 70px;
    align-items: center;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}


/* =========================================================
   LEFT INTRO
   ========================================================= */

.owner-intro[b-lqk2lsba5t] {
    max-width: 690px;
}


.brand-label[b-lqk2lsba5t] {
    display: inline-flex;
    margin-bottom: 18px;
    padding: 7px 11px;
    border: 1px solid rgba(183, 255, 0, .18);
    border-radius: 7px;
    background: rgba(183, 255, 0, .05);
    color: #b7ff00;
    font-size: .65rem;
    font-weight: 850;
    letter-spacing: .14em;
}


.owner-intro h1[b-lqk2lsba5t] {
    max-width: 650px;
    margin: 0;
    color: #ffffff;
    font-size: clamp( 2.7rem, 5vw, 4.8rem);
    font-weight: 900;
    line-height: .98;
    letter-spacing: -.055em;
}


    .owner-intro h1 span[b-lqk2lsba5t] {
        display: block;
        color: #b7ff00;
    }


.intro-text[b-lqk2lsba5t] {
    max-width: 570px;
    margin: 23px 0 35px;
    color: #8c9690;
    font-size: 1rem;
    line-height: 1.7;
}


/* =========================================================
   BENEFITS
   ========================================================= */

.benefit-list[b-lqk2lsba5t] {
    display: grid;
    gap: 21px;
}


.benefit-item[b-lqk2lsba5t] {
    display: flex;
    gap: 15px;
    align-items: flex-start;
}


.benefit-icon[b-lqk2lsba5t] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 9px;
    background: rgba(255,255,255,.025);
    color: #e4b83f;
    font-size: .66rem;
    font-weight: 850;
}


.benefit-item h4[b-lqk2lsba5t] {
    margin: 1px 0 4px;
    color: #f4f7f5;
    font-size: .9rem;
    font-weight: 800;
}


.benefit-item p[b-lqk2lsba5t] {
    margin: 0;
    color: #68736c;
    font-size: .76rem;
    line-height: 1.55;
}


/* =========================================================
   OWNER NOTE
   ========================================================= */

.owner-note[b-lqk2lsba5t] {
    display: flex;
    gap: 12px;
    max-width: 570px;
    margin-top: 36px;
    padding: 14px;
    border: 1px solid rgba(183, 255, 0, .12);
    border-radius: 11px;
    background: rgba(183, 255, 0, .035);
}


.owner-note-icon[b-lqk2lsba5t] {
    color: #b7ff00;
    font-size: .9rem;
    font-weight: 900;
}


.owner-note strong[b-lqk2lsba5t],
.owner-note span[b-lqk2lsba5t] {
    display: block;
}


.owner-note strong[b-lqk2lsba5t] {
    margin-bottom: 3px;
    color: #cfff54;
    font-size: .72rem;
}


.owner-note span[b-lqk2lsba5t] {
    color: #758078;
    font-size: .68rem;
    line-height: 1.45;
}


/* =========================================================
   APPLICATION PANEL
   ========================================================= */

.application-panel[b-lqk2lsba5t] {
    width: 100%;
}


.application-card[b-lqk2lsba5t] {
    position: relative;
    overflow: hidden;
    padding: 34px;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 22px;
    background: linear-gradient( 150deg, #0d120e, #090c0a);
    box-shadow: 0 35px 80px rgba(0,0,0,.35);
}


    .application-card[b-lqk2lsba5t]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background: linear-gradient( 90deg, #b7ff00, #e4b83f);
    }


/* =========================================================
   HEADER
   ========================================================= */

.application-eyebrow[b-lqk2lsba5t] {
    display: block;
    margin-bottom: 7px;
    color: #e4b83f;
    font-size: .62rem;
    font-weight: 850;
    letter-spacing: .13em;
}


.application-header h2[b-lqk2lsba5t] {
    margin: 0;
    color: #ffffff;
    font-size: 1.8rem;
    font-weight: 850;
    letter-spacing: -.025em;
}


.application-header p[b-lqk2lsba5t] {
    margin: 8px 0 27px;
    color: #77827b;
    font-size: .82rem;
    line-height: 1.55;
}


/* =========================================================
   APPLICATION DETAILS
   ========================================================= */

.application-details[b-lqk2lsba5t] {
    display: grid;
    gap: 11px;
    padding: 18px;
    border: 1px solid rgba(255,255,255,.055);
    border-radius: 13px;
    background: rgba(255,255,255,.018);
}


.detail-item[b-lqk2lsba5t] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #c0c7c2;
    font-size: .76rem;
}


.detail-check[b-lqk2lsba5t] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 21px;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background: rgba(183,255,0,.07);
    color: #b7ff00;
    font-size: .62rem;
    font-weight: 900;
}


/* =========================================================
   APPROVAL INFO
   ========================================================= */

.approval-info[b-lqk2lsba5t] {
    display: flex;
    gap: 11px;
    margin: 18px 0;
    padding: 13px;
    border: 1px solid rgba(228,184,63,.13);
    border-radius: 10px;
    background: rgba(228,184,63,.035);
}


.approval-icon[b-lqk2lsba5t] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 25px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: rgba(228,184,63,.09);
    color: #e4b83f;
    font-size: .7rem;
    font-weight: 850;
}


.approval-info strong[b-lqk2lsba5t],
.approval-info span[b-lqk2lsba5t] {
    display: block;
}


.approval-info strong[b-lqk2lsba5t] {
    margin-bottom: 3px;
    color: #e6c96f;
    font-size: .7rem;
}


.approval-info span[b-lqk2lsba5t] {
    color: #787f7a;
    font-size: .65rem;
    line-height: 1.45;
}


/* =========================================================
   APPLY BUTTON
   ========================================================= */

.apply-button[b-lqk2lsba5t] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    width: 100%;
    min-height: 50px;
    padding: 0 18px;
    border: none;
    border-radius: 11px;
    background: #b7ff00;
    color: #10160d;
    font-size: .78rem;
    font-weight: 850;
    cursor: pointer;
    transition: .2s ease;
}


    .apply-button:hover:not(:disabled)[b-lqk2lsba5t] {
        transform: translateY(-1px);
        box-shadow: 0 12px 28px rgba(183,255,0,.14);
    }


    .apply-button:disabled[b-lqk2lsba5t] {
        opacity: .55;
        cursor: not-allowed;
    }


.button-arrow[b-lqk2lsba5t] {
    font-size: 1rem;
}


.application-footer[b-lqk2lsba5t] {
    margin: 13px 0 0;
    color: #525b55;
    font-size: .6rem;
    line-height: 1.5;
    text-align: center;
}


/* =========================================================
   ERROR
   ========================================================= */

.error-message[b-lqk2lsba5t] {
    display: flex;
    gap: 10px;
    margin-bottom: 18px;
    padding: 12px;
    border: 1px solid rgba(255,82,82,.18);
    border-radius: 10px;
    background: rgba(255,82,82,.055);
}


.error-icon[b-lqk2lsba5t] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: rgba(255,82,82,.1);
    color: #ff7474;
    font-weight: 900;
}


.error-message strong[b-lqk2lsba5t],
.error-message span[b-lqk2lsba5t] {
    display: block;
}


.error-message strong[b-lqk2lsba5t] {
    color: #ff9696;
    font-size: .7rem;
}


.error-message span[b-lqk2lsba5t] {
    margin-top: 3px;
    color: #a78080;
    font-size: .65rem;
}


/* =========================================================
   SUCCESS
   ========================================================= */

.application-success[b-lqk2lsba5t] {
    text-align: center;
}


.success-icon[b-lqk2lsba5t] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    margin: 0 auto 18px;
    border: 1px solid rgba(183,255,0,.2);
    border-radius: 50%;
    background: rgba(183,255,0,.065);
    color: #b7ff00;
    font-size: 1.5rem;
    font-weight: 900;
}


.status-label[b-lqk2lsba5t] {
    display: block;
    margin-bottom: 8px;
    color: #b7ff00;
    font-size: .6rem;
    font-weight: 850;
    letter-spacing: .13em;
}


.application-success h2[b-lqk2lsba5t] {
    margin: 0;
    color: #ffffff;
    font-size: 2rem;
    font-weight: 850;
}


.application-success > p[b-lqk2lsba5t] {
    margin: 10px auto 22px;
    max-width: 390px;
    color: #7d8781;
    font-size: .8rem;
    line-height: 1.6;
}


/* =========================================================
   PENDING CARD
   ========================================================= */

.pending-card[b-lqk2lsba5t] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 20px 0;
    padding: 15px;
    border: 1px solid rgba(228,184,63,.15);
    border-radius: 11px;
    background: rgba(228,184,63,.04);
    text-align: left;
}


.pending-indicator[b-lqk2lsba5t] {
    flex: 0 0 9px;
    width: 9px;
    height: 9px;
    margin-top: 5px;
    border-radius: 50%;
    background: #e4b83f;
    box-shadow: 0 0 12px rgba(228,184,63,.35);
}


.pending-card strong[b-lqk2lsba5t],
.pending-card span[b-lqk2lsba5t] {
    display: block;
}


.pending-card strong[b-lqk2lsba5t] {
    color: #e4b83f;
    font-size: .72rem;
}


.pending-card span[b-lqk2lsba5t] {
    margin-top: 4px;
    color: #707a73;
    font-size: .67rem;
    line-height: 1.45;
}


/* =========================================================
   SECONDARY BUTTON
   ========================================================= */

.secondary-button[b-lqk2lsba5t] {
    width: 100%;
    min-height: 46px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 10px;
    background: rgba(255,255,255,.025);
    color: #d9dfdb;
    font-size: .74rem;
    font-weight: 750;
    cursor: pointer;
    transition: .2s ease;
}


    .secondary-button:hover[b-lqk2lsba5t] {
        border-color: rgba(183,255,0,.22);
        color: #b7ff00;
    }


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1000px) {

    .owner-apply-container[b-lqk2lsba5t] {
        grid-template-columns: 1fr;
        gap: 45px;
    }


    .owner-intro[b-lqk2lsba5t] {
        max-width: none;
    }


    .application-panel[b-lqk2lsba5t] {
        max-width: 600px;
    }
}


@media (max-width: 600px) {

    .owner-apply-page[b-lqk2lsba5t] {
        padding: 35px 16px;
    }


    .owner-intro h1[b-lqk2lsba5t] {
        font-size: 2.6rem;
    }


    .application-card[b-lqk2lsba5t] {
        padding: 25px 20px;
    }
}
/* /Pages/Owner/BusinessCourts.razor.rz.scp.css */
.courts-page[b-xtpy57v4yg] {
    min-height: 100vh;
    background: #f6f7f9;
}


/* =========================
   HEADER
   ========================= */

.courts-header[b-xtpy57v4yg] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 24px;
    margin-bottom: 34px;
}

.courts-header-info[b-xtpy57v4yg] {
    max-width: 720px;
}

.back-button[b-xtpy57v4yg] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 16px;
    border: none;
    background: transparent;
    color: #6b7280;
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
}

    .back-button:hover[b-xtpy57v4yg] {
        color: #111827;
    }

.courts-eyebrow[b-xtpy57v4yg] {
    display: block;
    margin-bottom: 8px;
    color: #7ba800;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.13em;
}

.courts-header h1[b-xtpy57v4yg] {
    margin: 0;
    color: #111827;
    font-size: 2.55rem;
    font-weight: 800;
    letter-spacing: -0.04em;
}

.courts-header p[b-xtpy57v4yg] {
    margin-top: 8px;
    margin-bottom: 0;
    color: #6b7280;
    font-size: 0.95rem;
}


/* =========================
   ADD COURT BUTTON
   ========================= */

.add-court-button[b-xtpy57v4yg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 10px 18px;
    border: none;
    border-radius: 10px;
    background: #111827;
    color: #ffffff;
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.2s ease;
}

    .add-court-button:hover[b-xtpy57v4yg] {
        background: #000000;
        transform: translateY(-1px);
    }


/* =========================
   LOADING / ERROR
   ========================= */

.court-loading[b-xtpy57v4yg] {
    min-height: 320px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
}

    .court-loading h5[b-xtpy57v4yg] {
        margin-top: 16px;
        margin-bottom: 4px;
        color: #111827;
        font-weight: 750;
    }

    .court-loading p[b-xtpy57v4yg] {
        margin: 0;
        color: #9ca3af;
    }

.court-error[b-xtpy57v4yg] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 18px;
    border: 1px solid #fecaca;
    border-radius: 12px;
    background: #fef2f2;
    color: #991b1b;
}

.court-error-icon[b-xtpy57v4yg] {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    background: #fee2e2;
    font-weight: 800;
}

.court-error strong[b-xtpy57v4yg] {
    display: block;
    margin-bottom: 3px;
}

.court-error p[b-xtpy57v4yg] {
    margin: 0;
}


/* =========================
   EMPTY STATE
   ========================= */

.courts-empty[b-xtpy57v4yg] {
    min-height: 330px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
}

.empty-icon[b-xtpy57v4yg] {
    width: 68px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    border-radius: 18px;
    background: #f3f4f6;
    font-size: 2rem;
}

.courts-empty h3[b-xtpy57v4yg] {
    margin: 0;
    color: #111827;
    font-size: 1.35rem;
    font-weight: 800;
}

.courts-empty p[b-xtpy57v4yg] {
    max-width: 420px;
    margin-top: 8px;
    margin-bottom: 20px;
    color: #6b7280;
    font-size: 0.9rem;
}


/* =========================
   COURT LIST HEADER
   ========================= */

.court-list-header[b-xtpy57v4yg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}

    .court-list-header h5[b-xtpy57v4yg] {
        margin: 0;
        color: #111827;
        font-weight: 750;
    }

    .court-list-header span[b-xtpy57v4yg] {
        color: #9ca3af;
        font-size: 0.84rem;
    }


/* =========================
   COURT CARD
   ========================= */

.owner-court-card[b-xtpy57v4yg] {
    height: 100%;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    box-shadow: 0 8px 24px rgba(17, 24, 39, 0.06);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .owner-court-card:hover[b-xtpy57v4yg] {
        transform: translateY(-2px);
        box-shadow: 0 12px 30px rgba(17, 24, 39, 0.09);
    }


/* =========================
   COURT IMAGE
   ========================= */

.court-image-container[b-xtpy57v4yg] {
    position: relative;
    width: 100%;
    height: 220px;
    overflow: hidden;
    background: #e5e7eb;
}

.court-image[b-xtpy57v4yg] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.court-image-placeholder[b-xtpy57v4yg] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    background: linear-gradient( 145deg, #f3f4f6, #e5e7eb);
    color: #9ca3af;
}

    .court-image-placeholder span[b-xtpy57v4yg] {
        font-size: 2.2rem;
    }

    .court-image-placeholder small[b-xtpy57v4yg] {
        font-size: 0.75rem;
    }


/* =========================
   STATUS BADGE
   ========================= */

.court-status[b-xtpy57v4yg] {
    position: absolute;
    top: 14px;
    right: 14px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 700;
    backdrop-filter: blur(8px);
}

.status-dot[b-xtpy57v4yg] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

.court-active[b-xtpy57v4yg] {
    background: rgba(236, 253, 243, 0.95);
    color: #15803d;
}

    .court-active .status-dot[b-xtpy57v4yg] {
        background: #22c55e;
    }

.court-inactive[b-xtpy57v4yg] {
    background: rgba(243, 244, 246, 0.95);
    color: #6b7280;
}

    .court-inactive .status-dot[b-xtpy57v4yg] {
        background: #9ca3af;
    }


/* =========================
   CARD CONTENT
   ========================= */

.court-card-content[b-xtpy57v4yg] {
    padding: 22px;
}

.court-label[b-xtpy57v4yg] {
    display: block;
    margin-bottom: 4px;
    color: #9ca3af;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.12em;
}

.court-card-content h3[b-xtpy57v4yg] {
    margin: 0;
    color: #111827;
    font-size: 1.3rem;
    font-weight: 800;
}

.court-description[b-xtpy57v4yg] {
    min-height: 42px;
    margin-top: 10px;
    margin-bottom: 18px;
    color: #6b7280;
    font-size: 0.87rem;
    line-height: 1.55;
}


/* =========================
   SCHEDULE SUMMARY
   ========================= */

.schedule-summary[b-xtpy57v4yg] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-bottom: 20px;
}

.schedule-stat[b-xtpy57v4yg] {
    padding: 13px 10px;
    text-align: center;
    background: #f8fafc;
    border: 1px solid #eef0f2;
    border-radius: 10px;
}

    .schedule-stat strong[b-xtpy57v4yg] {
        display: block;
        color: #111827;
        font-size: 1.15rem;
        font-weight: 800;
    }

    .schedule-stat span[b-xtpy57v4yg] {
        display: block;
        margin-top: 2px;
        color: #9ca3af;
        font-size: 0.68rem;
    }


/* =========================
   ACTION BUTTONS
   ========================= */

.court-actions[b-xtpy57v4yg] {
    display: flex;
    gap: 10px;
    padding-top: 17px;
    border-top: 1px solid #eeeeee;
}

.secondary-button[b-xtpy57v4yg],
.primary-button[b-xtpy57v4yg] {
    flex: 1;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 9px 13px;
    border-radius: 9px;
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.secondary-button[b-xtpy57v4yg] {
    border: 1px solid #d1d5db;
    background: #ffffff;
    color: #374151;
}

    .secondary-button:hover[b-xtpy57v4yg] {
        background: #f3f4f6;
    }

.primary-button[b-xtpy57v4yg] {
    border: none;
    background: #111827;
    color: #ffffff;
}

    .primary-button:hover[b-xtpy57v4yg] {
        background: #000000;
    }


/* =========================
   MOBILE
   ========================= */

@media (max-width: 768px) {

    .courts-header[b-xtpy57v4yg] {
        flex-direction: column;
        align-items: stretch;
    }

        .courts-header h1[b-xtpy57v4yg] {
            font-size: 2rem;
        }

    .add-court-button[b-xtpy57v4yg] {
        width: 100%;
    }

    .court-image-container[b-xtpy57v4yg] {
        height: 190px;
    }

    .schedule-summary[b-xtpy57v4yg] {
        grid-template-columns: 1fr;
    }

    .schedule-stat[b-xtpy57v4yg] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-align: left;
    }

        .schedule-stat strong[b-xtpy57v4yg],
        .schedule-stat span[b-xtpy57v4yg] {
            display: inline;
            margin: 0;
        }

    .court-actions[b-xtpy57v4yg] {
        flex-direction: column;
    }

    .secondary-button[b-xtpy57v4yg],
    .primary-button[b-xtpy57v4yg] {
        width: 100%;
    }
}


.court-status-button[b-xtpy57v4yg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 40px;
    padding: 9px 14px;
    border-radius: 10px;
    font-size: 0.76rem;
    font-weight: 800;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}


    /* DEACTIVATE */

    .court-status-button.deactivate[b-xtpy57v4yg] {
        border: 1px solid #fecaca;
        background: #ffffff;
        color: #b91c1c;
    }

        .court-status-button.deactivate:hover[b-xtpy57v4yg] {
            border-color: #fca5a5;
            background: #fef2f2;
            transform: translateY(-1px);
        }


    /* ACTIVATE */

    .court-status-button.activate[b-xtpy57v4yg] {
        border: 1px solid #a6e900;
        background: rgba(183, 255, 0, 0.10);
        color: #618800;
    }

        .court-status-button.activate:hover[b-xtpy57v4yg] {
            border-color: #b7ff00;
            background: #b7ff00;
            color: #111827;
            transform: translateY(-1px);
        }
/* /Pages/Owner/Businesses.razor.rz.scp.css */
.businesses-page[b-tb7f8nai3x] {
    min-height: 100vh;
    background: #f6f7f9;
}


/* HEADER */

.businesses-header[b-tb7f8nai3x] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
    margin-bottom: 38px;
}

.businesses-eyebrow[b-tb7f8nai3x] {
    display: block;
    margin-bottom: 9px;
    color: #7ba800;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.14em;
}

.businesses-header h1[b-tb7f8nai3x] {
    margin: 0;
    color: #111827;
    font-size: 2.6rem;
    font-weight: 800;
    letter-spacing: -0.04em;
}

.businesses-header p[b-tb7f8nai3x] {
    margin-top: 8px;
    margin-bottom: 0;
    color: #6b7280;
}


/* ADD BUTTON */

.add-business-button[b-tb7f8nai3x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 18px;
    border: none;
    border-radius: 10px;
    background: #111827;
    color: white;
    font-weight: 700;
    cursor: pointer;
}

    .add-business-button:hover[b-tb7f8nai3x] {
        background: #000;
    }

.add-icon[b-tb7f8nai3x] {
    font-size: 1.2rem;
}


/* RESULT HEADER */

.business-results[b-tb7f8nai3x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}

    .business-results h5[b-tb7f8nai3x] {
        margin: 0;
        font-weight: 750;
    }

    .business-results span[b-tb7f8nai3x] {
        color: #9ca3af;
        font-size: 0.85rem;
    }


/* CARD */

.business-card[b-tb7f8nai3x] {
    height: 100%;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 7px 24px rgba(17, 24, 39, 0.06);
}

.business-card-header[b-tb7f8nai3x] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
    padding: 24px;
    border-bottom: 1px solid #f0f1f3;
}

.business-card-label[b-tb7f8nai3x] {
    display: block;
    margin-bottom: 4px;
    color: #9ca3af;
    font-size: 0.67rem;
    font-weight: 800;
    letter-spacing: 0.12em;
}

.business-card-header h2[b-tb7f8nai3x] {
    margin: 0;
    color: #111827;
    font-size: 1.35rem;
    font-weight: 800;
}


/* STATUS */

.business-status[b-tb7f8nai3x] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
}

.status-dot[b-tb7f8nai3x] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

.business-active[b-tb7f8nai3x] {
    background: #ecfdf3;
    color: #15803d;
}

    .business-active .status-dot[b-tb7f8nai3x] {
        background: #22c55e;
    }

.business-inactive[b-tb7f8nai3x] {
    background: #f3f4f6;
    color: #6b7280;
}

    .business-inactive .status-dot[b-tb7f8nai3x] {
        background: #9ca3af;
    }


/* DETAILS */

.business-details[b-tb7f8nai3x] {
    display: grid;
    gap: 14px;
    padding: 22px 24px;
}

.business-detail-row[b-tb7f8nai3x] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.detail-icon[b-tb7f8nai3x] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 9px;
    background: #f3f4f6;
}

.business-detail-row div[b-tb7f8nai3x] {
    display: flex;
    flex-direction: column;
}

.business-detail-row small[b-tb7f8nai3x] {
    color: #9ca3af;
    font-size: 0.68rem;
}

.business-detail-row strong[b-tb7f8nai3x] {
    margin-top: 1px;
    color: #374151;
    font-size: 0.86rem;
    font-weight: 650;
}


/* DIVIDER */

.business-divider[b-tb7f8nai3x] {
    height: 1px;
    margin: 0 24px;
    background: #eeeeee;
}


/* PAYMENT */

.payment-section[b-tb7f8nai3x] {
    padding: 20px 24px;
}

.payment-section-header[b-tb7f8nai3x] {
    margin-bottom: 10px;
    color: #9ca3af;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.1em;
}

.payment-status[b-tb7f8nai3x] {
    display: flex;
    gap: 12px;
    padding: 14px;
    border-radius: 12px;
}

.payment-icon[b-tb7f8nai3x] {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    font-weight: 900;
}

.payment-info[b-tb7f8nai3x] {
    display: flex;
    flex-direction: column;
}

    .payment-info strong[b-tb7f8nai3x] {
        font-size: 0.85rem;
    }

    .payment-info span[b-tb7f8nai3x] {
        margin-top: 3px;
        font-size: 0.8rem;
    }

    .payment-info small[b-tb7f8nai3x] {
        margin-top: 2px;
        font-size: 0.74rem;
    }

.payment-complete[b-tb7f8nai3x] {
    background: #f0fdf4;
}

    .payment-complete .payment-icon[b-tb7f8nai3x] {
        background: #dcfce7;
        color: #15803d;
    }

    .payment-complete strong[b-tb7f8nai3x] {
        color: #15803d;
    }

    .payment-complete span[b-tb7f8nai3x],
    .payment-complete small[b-tb7f8nai3x] {
        color: #64748b;
    }

.payment-required[b-tb7f8nai3x] {
    background: #fffbeb;
}

    .payment-required .payment-icon[b-tb7f8nai3x] {
        background: #fef3c7;
        color: #b45309;
    }

    .payment-required strong[b-tb7f8nai3x] {
        color: #b45309;
    }

    .payment-required span[b-tb7f8nai3x] {
        color: #78716c;
    }


/* ACTIONS */

.business-actions[b-tb7f8nai3x] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 17px 24px;
    background: #fafafa;
    border-top: 1px solid #eeeeee;
}

.business-secondary-button[b-tb7f8nai3x],
.business-primary-button[b-tb7f8nai3x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 42px;
    padding: 9px 15px;
    border-radius: 9px;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
}

.business-secondary-button[b-tb7f8nai3x] {
    border: 1px solid #d1d5db;
    background: #ffffff;
    color: #374151;
}

    .business-secondary-button:hover[b-tb7f8nai3x] {
        background: #f3f4f6;
    }

.business-primary-button[b-tb7f8nai3x] {
    border: none;
    background: #111827;
    color: white;
}

    .business-primary-button:hover[b-tb7f8nai3x] {
        background: #000000;
    }


/* STATES */

.business-state[b-tb7f8nai3x],
.business-empty[b-tb7f8nai3x] {
    min-height: 320px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
}

    .business-state h5[b-tb7f8nai3x],
    .business-empty h3[b-tb7f8nai3x] {
        margin-top: 16px;
        font-weight: 750;
    }

    .business-state p[b-tb7f8nai3x],
    .business-empty p[b-tb7f8nai3x] {
        max-width: 420px;
        color: #6b7280;
    }

.empty-business-icon[b-tb7f8nai3x] {
    font-size: 3rem;
}

.business-error[b-tb7f8nai3x] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    border: 1px solid #fecaca;
    border-radius: 12px;
    background: #fef2f2;
    color: #991b1b;
}

.business-error-icon[b-tb7f8nai3x] {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    background: #fee2e2;
    font-weight: 800;
}

.business-error p[b-tb7f8nai3x] {
    margin: 2px 0 0;
}


/* MOBILE */

@media (max-width: 700px) {

    .businesses-header[b-tb7f8nai3x] {
        flex-direction: column;
        align-items: stretch;
    }

        .businesses-header h1[b-tb7f8nai3x] {
            font-size: 2.1rem;
        }

    .add-business-button[b-tb7f8nai3x] {
        width: 100%;
    }

    .business-card-header[b-tb7f8nai3x] {
        flex-direction: column;
    }

    .business-actions[b-tb7f8nai3x] {
        flex-direction: column;
    }

    .business-secondary-button[b-tb7f8nai3x],
    .business-primary-button[b-tb7f8nai3x] {
        width: 100%;
    }
}


.business-status-row[b-tb7f8nai3x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 15px;
    padding-top: 14px;
    border-top: 1px solid #eeeeee;
}


/* STATUS */

.business-status[b-tb7f8nai3x] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 9px;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 800;
}

    .business-status.active[b-tb7f8nai3x] {
        background: #dcfce7;
        color: #15803d;
    }

    .business-status.inactive[b-tb7f8nai3x] {
        background: #f3f4f6;
        color: #6b7280;
    }


/* BUTTON */

.status-toggle-button[b-tb7f8nai3x] {
    min-height: 37px;
    padding: 7px 12px;
    border-radius: 9px;
    font-size: 0.72rem;
    font-weight: 800;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}


    .status-toggle-button.activate[b-tb7f8nai3x] {
        border: 1px solid #9fdf00;
        background: rgba(183, 255, 0, 0.10);
        color: #608900;
    }

        .status-toggle-button.activate:hover:not(:disabled)[b-tb7f8nai3x] {
            background: #b7ff00;
            color: #111827;
            transform: translateY(-1px);
        }


    .status-toggle-button.deactivate[b-tb7f8nai3x] {
        border: 1px solid #fecaca;
        background: #ffffff;
        color: #b91c1c;
    }

        .status-toggle-button.deactivate:hover:not(:disabled)[b-tb7f8nai3x] {
            background: #fef2f2;
            border-color: #fca5a5;
            transform: translateY(-1px);
        }


    .status-toggle-button:disabled[b-tb7f8nai3x] {
        opacity: 0.55;
        cursor: not-allowed;
        transform: none;
    }
/* /Pages/Owner/CourtSchedule.razor.rz.scp.css */
.schedule-page[b-sxlhq9ic0b] {
    min-height: 100vh;
    background: #f6f7f9;
}


/* =========================
   HEADER
   ========================= */

.schedule-header[b-sxlhq9ic0b] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 24px;
    margin-bottom: 30px;
}

    .schedule-header > div:first-child[b-sxlhq9ic0b] {
        max-width: 720px;
    }

.back-button[b-sxlhq9ic0b] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 16px;
    border: none;
    background: transparent;
    color: #6b7280;
    font-size: 0.84rem;
    font-weight: 700;
    cursor: pointer;
}

    .back-button:hover[b-sxlhq9ic0b] {
        color: #111827;
    }

.schedule-eyebrow[b-sxlhq9ic0b] {
    display: block;
    margin-bottom: 8px;
    color: #7ba800;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.13em;
}

.schedule-header h1[b-sxlhq9ic0b] {
    margin: 0;
    color: #111827;
    font-size: 2.5rem;
    font-weight: 800;
    letter-spacing: -0.04em;
}

.schedule-header p[b-sxlhq9ic0b] {
    margin-top: 8px;
    margin-bottom: 0;
    color: #6b7280;
    font-size: 0.94rem;
}


/* =========================
   SAVE BUTTON
   ========================= */

.save-all-button[b-sxlhq9ic0b],
.save-bottom-button[b-sxlhq9ic0b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 10px 18px;
    border: none;
    border-radius: 10px;
    background: #111827;
    color: #ffffff;
    font-size: 0.84rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.2s ease;
}

    .save-all-button:hover:not(:disabled)[b-sxlhq9ic0b],
    .save-bottom-button:hover:not(:disabled)[b-sxlhq9ic0b] {
        background: #000000;
        transform: translateY(-1px);
    }

    .save-all-button:disabled[b-sxlhq9ic0b],
    .save-bottom-button:disabled[b-sxlhq9ic0b] {
        opacity: 0.65;
        cursor: not-allowed;
    }


/* =========================
   SUMMARY
   ========================= */

.schedule-summary[b-sxlhq9ic0b] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin-bottom: 24px;
}

.summary-card[b-sxlhq9ic0b] {
    padding: 18px 20px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    box-shadow: 0 5px 18px rgba(17, 24, 39, 0.04);
}

    .summary-card span[b-sxlhq9ic0b] {
        display: block;
        margin-bottom: 4px;
        color: #9ca3af;
        font-size: 0.67rem;
        font-weight: 800;
        letter-spacing: 0.1em;
    }

    .summary-card strong[b-sxlhq9ic0b] {
        color: #111827;
        font-size: 1.7rem;
        font-weight: 800;
    }


/* =========================
   SCHEDULE CARD
   ========================= */

.schedule-card[b-sxlhq9ic0b] {
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    box-shadow: 0 8px 26px rgba(17, 24, 39, 0.06);
}

.schedule-card-header[b-sxlhq9ic0b] {
    padding: 22px 24px;
    border-bottom: 1px solid #e5e7eb;
}

    .schedule-card-header h4[b-sxlhq9ic0b] {
        margin: 0;
        color: #111827;
        font-size: 1.08rem;
        font-weight: 800;
    }

    .schedule-card-header p[b-sxlhq9ic0b] {
        margin-top: 4px;
        margin-bottom: 0;
        color: #6b7280;
        font-size: 0.82rem;
    }


/* =========================
   TABLE HEADER
   ========================= */

.schedule-table-header[b-sxlhq9ic0b] {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr;
    align-items: center;
    gap: 20px;
    padding: 11px 24px;
    background: #f8fafc;
    border-bottom: 1px solid #e5e7eb;
}

    .schedule-table-header span[b-sxlhq9ic0b] {
        color: #9ca3af;
        font-size: 0.67rem;
        font-weight: 800;
        letter-spacing: 0.09em;
    }


/* =========================
   SCHEDULE ROW
   ========================= */

.schedule-row[b-sxlhq9ic0b] {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr;
    align-items: center;
    gap: 20px;
    padding: 16px 24px;
    border-bottom: 1px solid #f0f1f3;
    background: #ffffff;
    transition: background 0.2s ease;
}

    .schedule-row:last-of-type[b-sxlhq9ic0b] {
        border-bottom: none;
    }

    .schedule-row:hover[b-sxlhq9ic0b] {
        background: #fafafa;
    }

.schedule-enabled[b-sxlhq9ic0b] {
    background: #fcfff7;
}

    .schedule-enabled:hover[b-sxlhq9ic0b] {
        background: #f8fdef;
    }


/* =========================
   TIME
   ========================= */

.schedule-time[b-sxlhq9ic0b] {
    display: flex;
    flex-direction: column;
}

    .schedule-time strong[b-sxlhq9ic0b] {
        color: #111827;
        font-size: 0.88rem;
        font-weight: 750;
    }

    .schedule-time span[b-sxlhq9ic0b] {
        margin-top: 2px;
        color: #9ca3af;
        font-size: 0.7rem;
    }


/* =========================
   RATE INPUT
   ========================= */

.schedule-rate[b-sxlhq9ic0b] {
    max-width: 170px;
}

.rate-input-wrapper[b-sxlhq9ic0b] {
    display: flex;
    align-items: center;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #d1d5db;
    border-radius: 9px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

    .rate-input-wrapper:focus-within[b-sxlhq9ic0b] {
        border-color: #7ba800;
        box-shadow: 0 0 0 3px rgba(123, 168, 0, 0.1);
    }

.peso-symbol[b-sxlhq9ic0b] {
    padding-left: 11px;
    color: #6b7280;
    font-size: 0.85rem;
    font-weight: 700;
}

.rate-input[b-sxlhq9ic0b] {
    width: 100%;
    padding: 9px 10px 9px 6px;
    border: none;
    outline: none;
    background: transparent;
    color: #111827;
    font-size: 0.87rem;
    font-weight: 700;
}

    .rate-input:disabled[b-sxlhq9ic0b] {
        color: #9ca3af;
        cursor: not-allowed;
    }

.rate-input-wrapper:has(.rate-input:disabled)[b-sxlhq9ic0b] {
    background: #f3f4f6;
}


/* =========================
   TOGGLE
   ========================= */

.schedule-toggle[b-sxlhq9ic0b] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.toggle-switch[b-sxlhq9ic0b] {
    position: relative;
    width: 44px;
    height: 24px;
    display: inline-block;
    flex-shrink: 0;
}

    .toggle-switch input[b-sxlhq9ic0b] {
        width: 0;
        height: 0;
        opacity: 0;
    }

.toggle-slider[b-sxlhq9ic0b] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 999px;
    background: #d1d5db;
    cursor: pointer;
    transition: 0.2s ease;
}

    .toggle-slider[b-sxlhq9ic0b]::before {
        content: "";
        position: absolute;
        width: 18px;
        height: 18px;
        left: 3px;
        top: 3px;
        border-radius: 50%;
        background: #ffffff;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
        transition: 0.2s ease;
    }

.toggle-switch input:checked + .toggle-slider[b-sxlhq9ic0b] {
    background: #7ba800;
}

    .toggle-switch input:checked + .toggle-slider[b-sxlhq9ic0b]::before {
        transform: translateX(20px);
    }

.toggle-label[b-sxlhq9ic0b] {
    font-size: 0.75rem;
    font-weight: 700;
}

    .toggle-label.enabled[b-sxlhq9ic0b] {
        color: #15803d;
    }

    .toggle-label.disabled[b-sxlhq9ic0b] {
        color: #9ca3af;
    }


/* =========================
   FOOTER
   ========================= */

.schedule-footer[b-sxlhq9ic0b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 18px 24px;
    background: #fafafa;
    border-top: 1px solid #e5e7eb;
}

    .schedule-footer > span[b-sxlhq9ic0b] {
        color: #6b7280;
        font-size: 0.8rem;
    }


/* =========================
   LOADING
   ========================= */

.schedule-state[b-sxlhq9ic0b] {
    min-height: 320px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
}

    .schedule-state p[b-sxlhq9ic0b] {
        margin-top: 14px;
        margin-bottom: 0;
        color: #6b7280;
    }


/* =========================
   ERROR
   ========================= */

.schedule-error[b-sxlhq9ic0b] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 18px;
    border: 1px solid #fecaca;
    border-radius: 12px;
    background: #fef2f2;
    color: #991b1b;
}

.schedule-error-icon[b-sxlhq9ic0b] {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    background: #fee2e2;
    font-weight: 800;
}

.schedule-error strong[b-sxlhq9ic0b] {
    display: block;
}

.schedule-error p[b-sxlhq9ic0b] {
    margin: 3px 0 0;
}


/* =========================
   ALERTS
   ========================= */

.alert[b-sxlhq9ic0b] {
    margin-bottom: 20px;
    border-radius: 10px;
    font-size: 0.84rem;
}

.alert-danger[b-sxlhq9ic0b] {
    border: 1px solid #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.alert-success[b-sxlhq9ic0b] {
    border: 1px solid #bbf7d0;
    background: #f0fdf4;
    color: #166534;
}


/* =========================
   MOBILE
   ========================= */

@media (max-width: 768px) {

    .schedule-header[b-sxlhq9ic0b] {
        flex-direction: column;
        align-items: stretch;
    }

        .schedule-header h1[b-sxlhq9ic0b] {
            font-size: 2rem;
        }

    .save-all-button[b-sxlhq9ic0b] {
        width: 100%;
    }

    .schedule-summary[b-sxlhq9ic0b] {
        grid-template-columns: 1fr;
    }

    .summary-card[b-sxlhq9ic0b] {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .summary-card span[b-sxlhq9ic0b] {
            margin: 0;
        }

    .schedule-table-header[b-sxlhq9ic0b] {
        display: none;
    }

    .schedule-row[b-sxlhq9ic0b] {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 18px;
    }

    .schedule-rate[b-sxlhq9ic0b] {
        max-width: 100%;
    }

    .schedule-toggle[b-sxlhq9ic0b] {
        justify-content: space-between;
    }

    .schedule-footer[b-sxlhq9ic0b] {
        flex-direction: column;
        align-items: stretch;
    }

    .save-bottom-button[b-sxlhq9ic0b] {
        width: 100%;
    }
}
/* /Pages/Owner/CreateBusiness.razor.rz.scp.css */
.business-create-page[b-56lqy7c0u6] {
    min-height: 100vh;
    background: #f6f7f9;
}

.business-create-header[b-56lqy7c0u6] {
    max-width: 720px;
    margin-bottom: 35px;
}

.business-eyebrow[b-56lqy7c0u6] {
    display: block;
    margin-bottom: 10px;
    color: #7ba800;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.12em;
}

.business-create-header h1[b-56lqy7c0u6] {
    color: #111827;
    font-size: 2.6rem;
    font-weight: 800;
    letter-spacing: -0.04em;
}

    .business-create-header h1 span[b-56lqy7c0u6] {
        color: #7ba800;
    }

.business-create-header p[b-56lqy7c0u6] {
    color: #6b7280;
}

.business-form-card[b-56lqy7c0u6] {
    max-width: 900px;
    padding: 35px;
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    box-shadow: 0 10px 35px rgba(0,0,0,.06);
}

.section-header[b-56lqy7c0u6] {
    margin-bottom: 20px;
}

    .section-header h4[b-56lqy7c0u6] {
        margin-bottom: 4px;
        font-weight: 750;
    }

    .section-header p[b-56lqy7c0u6] {
        margin: 0;
        color: #6b7280;
        font-size: .9rem;
    }

.form-label[b-56lqy7c0u6] {
    font-size: .84rem;
    font-weight: 650;
}

.dink-input[b-56lqy7c0u6] {
    min-height: 48px;
    border-radius: 10px;
}

.form-divider[b-56lqy7c0u6] {
    height: 1px;
    margin: 32px 0;
    background: #e5e7eb;
}

.gcash-box[b-56lqy7c0u6] {
    padding: 20px;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
}

.form-actions[b-56lqy7c0u6] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 30px;
}

.btn-cancel[b-56lqy7c0u6],
.btn-save[b-56lqy7c0u6] {
    min-width: 130px;
    padding: 11px 18px;
    border-radius: 10px;
    font-weight: 700;
}

.btn-cancel[b-56lqy7c0u6] {
    border: 1px solid #d1d5db;
    background: white;
}

.btn-save[b-56lqy7c0u6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: none;
    background: #111827;
    color: white;
}


/* /Pages/Owner/CreateCourt.razor.rz.scp.css */
.create-court-page[b-ivpzk5ru2e] {
    min-height: 100vh;
    background: #f6f7f9;
}


/* =========================
   PAGE HEADER
   ========================= */

.court-page-header[b-ivpzk5ru2e] {
    max-width: 760px;
    margin-bottom: 30px;
}

.back-button[b-ivpzk5ru2e] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 16px;
    border: none;
    background: transparent;
    color: #6b7280;
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
}

    .back-button:hover[b-ivpzk5ru2e] {
        color: #111827;
    }

.court-eyebrow[b-ivpzk5ru2e] {
    display: block;
    margin-bottom: 8px;
    color: #7ba800;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.13em;
}

.court-page-header h1[b-ivpzk5ru2e] {
    margin: 0;
    color: #111827;
    font-size: 2.5rem;
    font-weight: 800;
    letter-spacing: -0.04em;
}

.court-page-header p[b-ivpzk5ru2e] {
    margin-top: 8px;
    margin-bottom: 0;
    color: #6b7280;
    font-size: 0.95rem;
}

.court-page-header strong[b-ivpzk5ru2e] {
    color: #111827;
}


/* =========================
   FORM CARD
   ========================= */

.court-form-card[b-ivpzk5ru2e] {
    max-width: 900px;
    padding: 32px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    box-shadow: 0 8px 26px rgba(17, 24, 39, 0.06);
}


/* =========================
   FORM SECTION
   ========================= */

.form-section[b-ivpzk5ru2e] {
    width: 100%;
}

.section-heading[b-ivpzk5ru2e] {
    margin-bottom: 20px;
}

    .section-heading h4[b-ivpzk5ru2e] {
        margin: 0;
        color: #111827;
        font-size: 1.15rem;
        font-weight: 800;
    }

    .section-heading p[b-ivpzk5ru2e] {
        margin-top: 4px;
        margin-bottom: 0;
        color: #6b7280;
        font-size: 0.85rem;
    }

.form-divider[b-ivpzk5ru2e] {
    height: 1px;
    margin: 30px 0;
    background: #e5e7eb;
}


/* =========================
   LABELS AND INPUTS
   ========================= */

.form-label[b-ivpzk5ru2e] {
    margin-bottom: 7px;
    color: #374151;
    font-size: 0.82rem;
    font-weight: 700;
}

[b-ivpzk5ru2e] .court-input {
    min-height: 48px;
    padding: 10px 13px;
    border: 1px solid #d1d5db;
    border-radius: 10px;
    background: #ffffff;
    color: #111827;
    font-size: 0.9rem;
    box-shadow: none;
}

    [b-ivpzk5ru2e] .court-input:focus {
        border-color: #7ba800;
        box-shadow: 0 0 0 3px rgba(123, 168, 0, 0.12);
    }

[b-ivpzk5ru2e] .court-textarea {
    min-height: 130px;
    resize: vertical;
    padding: 12px 13px;
    border: 1px solid #d1d5db;
    border-radius: 10px;
    background: #ffffff;
    color: #111827;
    font-size: 0.9rem;
    box-shadow: none;
}

    [b-ivpzk5ru2e] .court-textarea:focus {
        border-color: #7ba800;
        box-shadow: 0 0 0 3px rgba(123, 168, 0, 0.12);
    }


/* =========================
   VALIDATION
   ========================= */

[b-ivpzk5ru2e] .validation-message {
    display: block;
    margin-top: 5px;
    color: #dc2626;
    font-size: 0.76rem;
}

[b-ivpzk5ru2e] .invalid {
    border-color: #dc2626;
}

[b-ivpzk5ru2e] .valid.modified {
    border-color: #22c55e;
}


/* =========================
   UPLOAD AREA
   ========================= */

.upload-box[b-ivpzk5ru2e] {
    min-height: 170px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 25px;
    border: 2px dashed #d1d5db;
    border-radius: 14px;
    background: #fafafa;
    text-align: center;
    cursor: pointer;
    transition: border-color 0.2s ease, background 0.2s ease;
}

    .upload-box:hover[b-ivpzk5ru2e] {
        border-color: #7ba800;
        background: #fbfff2;
    }

    .upload-box input[type="file"][b-ivpzk5ru2e] {
        display: none;
    }

.upload-icon[b-ivpzk5ru2e] {
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    border-radius: 14px;
    background: #f3f4f6;
    font-size: 1.7rem;
}

.upload-box strong[b-ivpzk5ru2e] {
    color: #111827;
    font-size: 0.9rem;
}

.upload-box span[b-ivpzk5ru2e] {
    margin-top: 3px;
    color: #9ca3af;
    font-size: 0.75rem;
}


/* =========================
   SELECTED IMAGES
   ========================= */

.selected-images[b-ivpzk5ru2e] {
    display: grid;
    gap: 10px;
    margin-top: 16px;
}

.selected-image-row[b-ivpzk5ru2e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 12px 14px;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
}

    .selected-image-row > div[b-ivpzk5ru2e] {
        min-width: 0;
        display: flex;
        flex-direction: column;
    }

    .selected-image-row strong[b-ivpzk5ru2e] {
        overflow: hidden;
        color: #374151;
        font-size: 0.82rem;
        font-weight: 700;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .selected-image-row span[b-ivpzk5ru2e] {
        margin-top: 2px;
        color: #9ca3af;
        font-size: 0.72rem;
    }

.remove-image-button[b-ivpzk5ru2e] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: none;
    border-radius: 8px;
    background: #fee2e2;
    color: #b91c1c;
    font-size: 1.2rem;
    font-weight: 700;
    cursor: pointer;
}

    .remove-image-button:hover[b-ivpzk5ru2e] {
        background: #fecaca;
    }


/* =========================
   ACTION BUTTONS
   ========================= */

.form-actions[b-ivpzk5ru2e] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #eeeeee;
}

.cancel-button[b-ivpzk5ru2e],
.save-button[b-ivpzk5ru2e] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 135px;
    padding: 10px 17px;
    border-radius: 10px;
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
}

.cancel-button[b-ivpzk5ru2e] {
    border: 1px solid #d1d5db;
    background: #ffffff;
    color: #374151;
}

    .cancel-button:hover:not(:disabled)[b-ivpzk5ru2e] {
        background: #f3f4f6;
    }

.save-button[b-ivpzk5ru2e] {
    border: none;
    background: #111827;
    color: #ffffff;
}

    .save-button:hover:not(:disabled)[b-ivpzk5ru2e] {
        background: #000000;
    }

    .cancel-button:disabled[b-ivpzk5ru2e],
    .save-button:disabled[b-ivpzk5ru2e] {
        cursor: not-allowed;
        opacity: 0.65;
    }


/* =========================
   LOADING STATE
   ========================= */

.court-state[b-ivpzk5ru2e] {
    min-height: 320px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    text-align: center;
}

    .court-state p[b-ivpzk5ru2e] {
        margin-top: 14px;
        margin-bottom: 0;
        color: #6b7280;
    }


/* =========================
   ALERT
   ========================= */

.alert-danger[b-ivpzk5ru2e] {
    border: 1px solid #fecaca;
    border-radius: 10px;
    background: #fef2f2;
    color: #991b1b;
}


/* =========================
   MOBILE
   ========================= */

@media (max-width: 768px) {

    .court-page-header h1[b-ivpzk5ru2e] {
        font-size: 2rem;
    }

    .court-form-card[b-ivpzk5ru2e] {
        padding: 22px 18px;
        border-radius: 14px;
    }

    .upload-box[b-ivpzk5ru2e] {
        min-height: 150px;
    }

    .form-actions[b-ivpzk5ru2e] {
        flex-direction: column-reverse;
    }

    .cancel-button[b-ivpzk5ru2e],
    .save-button[b-ivpzk5ru2e] {
        width: 100%;
    }
}
/* /Pages/Owner/CreateOpenPlay.razor.rz.scp.css */
/* =========================================================
   PAGE
   ========================================================= */

.openplay-create-page[b-3yrxo325xv] {
    min-height: 100vh;
    padding: 30px 24px 55px;
    background: #070a08;
    color: #ffffff;
}


.openplay-container[b-3yrxo325xv] {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
}


/* =========================================================
   HEADER
   ========================================================= */

.page-header[b-3yrxo325xv] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 28px;
}


.page-eyebrow[b-3yrxo325xv] {
    display: block;
    margin-bottom: 7px;
    color: #b7ff00;
    font-size: .65rem;
    font-weight: 850;
    letter-spacing: .15em;
}


.page-header h1[b-3yrxo325xv] {
    margin: 0;
    color: #ffffff;
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 900;
    letter-spacing: -.04em;
}


.page-header p[b-3yrxo325xv] {
    max-width: 650px;
    margin: 8px 0 0;
    color: #808a84;
    font-size: .85rem;
    line-height: 1.6;
}


.back-button[b-3yrxo325xv] {
    padding: 10px 15px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 10px;
    background: rgba(255,255,255,.025);
    color: #c2cac5;
    font-size: .72rem;
    font-weight: 750;
    cursor: pointer;
    transition: .2s ease;
}


    .back-button:hover[b-3yrxo325xv] {
        border-color: rgba(183,255,0,.24);
        color: #b7ff00;
    }


/* =========================================================
   MAIN GRID
   ========================================================= */

.openplay-grid[b-3yrxo325xv] {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(310px, .8fr);
    gap: 24px;
    align-items: start;
}


.openplay-form[b-3yrxo325xv] {
    display: grid;
    gap: 18px;
}


/* =========================================================
   CARDS
   ========================================================= */

.form-card[b-3yrxo325xv] {
    padding: 22px;
    border: 1px solid rgba(255,255,255,.065);
    border-radius: 18px;
    background: linear-gradient( 145deg, rgba(255,255,255,.032), rgba(255,255,255,.014));
    box-shadow: 0 15px 40px rgba(0,0,0,.14);
}


/* =========================================================
   SECTION HEADER
   ========================================================= */

.section-heading[b-3yrxo325xv] {
    display: flex;
    gap: 14px;
    margin-bottom: 21px;
}


.section-number[b-3yrxo325xv] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(183,255,0,.18);
    border-radius: 10px;
    background: rgba(183,255,0,.055);
    color: #b7ff00;
    font-size: .68rem;
    font-weight: 850;
}


.section-heading h3[b-3yrxo325xv] {
    margin: 0;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 800;
}


.section-heading p[b-3yrxo325xv] {
    margin: 4px 0 0;
    color: #727d76;
    font-size: .75rem;
}


/* =========================================================
   FORM
   ========================================================= */

.form-group[b-3yrxo325xv] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}


.form-row[b-3yrxo325xv] {
    display: grid;
    gap: 14px;
}


    .form-row.three-columns[b-3yrxo325xv] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }


.description-group[b-3yrxo325xv] {
    margin-top: 14px;
}


.form-label[b-3yrxo325xv] {
    color: #adb6b0;
    font-size: .72rem;
    font-weight: 750;
}


.required[b-3yrxo325xv] {
    color: #e4b83f;
}


.form-control[b-3yrxo325xv] {
    width: 100%;
    min-height: 46px;
    padding: 0 13px;
    border: 1px solid rgba(255,255,255,.085);
    border-radius: 10px;
    outline: none;
    background: #0a0e0b;
    color: #ffffff;
    font-size: .82rem;
    transition: .18s ease;
}


    .form-control:focus[b-3yrxo325xv] {
        border-color: rgba(183,255,0,.42);
        box-shadow: 0 0 0 3px rgba(183,255,0,.055);
    }


    .form-control option[b-3yrxo325xv] {
        background: #0b0f0c;
        color: #ffffff;
    }


.description-input[b-3yrxo325xv] {
    min-height: 100px;
    padding-top: 12px;
    resize: vertical;
}


/* =========================================================
   MONEY
   ========================================================= */

.money-input[b-3yrxo325xv] {
    position: relative;
}


    .money-input > span[b-3yrxo325xv] {
        position: absolute;
        top: 50%;
        left: 13px;
        transform: translateY(-50%);
        color: #e4b83f;
        font-size: .82rem;
        font-weight: 800;
    }


    .money-input .form-control[b-3yrxo325xv] {
        padding-left: 30px;
    }


/* =========================================================
   COURT SELECTION
   ========================================================= */

.court-grid[b-3yrxo325xv] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 10px;
}


.court-option[b-3yrxo325xv] {
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 65px;
    padding: 12px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 11px;
    background: #0a0e0b;
    color: #ffffff;
    text-align: left;
    cursor: pointer;
    transition: .18s ease;
}


    .court-option:hover[b-3yrxo325xv] {
        border-color: rgba(183,255,0,.27);
        transform: translateY(-1px);
    }


    .court-option.selected[b-3yrxo325xv] {
        border-color: rgba(183,255,0,.48);
        background: rgba(183,255,0,.065);
    }


.court-check[b-3yrxo325xv] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 25px;
    width: 25px;
    height: 25px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 7px;
    color: #b7ff00;
    font-size: .7rem;
    font-weight: 900;
}


.court-option.selected .court-check[b-3yrxo325xv] {
    border-color: rgba(183,255,0,.4);
    background: rgba(183,255,0,.08);
}


.court-option strong[b-3yrxo325xv],
.court-option span[b-3yrxo325xv] {
    display: block;
}


.court-option strong[b-3yrxo325xv] {
    color: #edf1ee;
    font-size: .77rem;
}


.court-option span[b-3yrxo325xv] {
    margin-top: 2px;
    color: #657069;
    font-size: .65rem;
}


.court-message[b-3yrxo325xv] {
    padding: 18px;
    border: 1px dashed rgba(255,255,255,.08);
    border-radius: 11px;
    color: #68736c;
    font-size: .75rem;
}


/* =========================================================
   SUMMARY
   ========================================================= */

.summary-card[b-3yrxo325xv] {
    position: sticky;
    top: 78px;
    padding: 22px;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 20px;
    background: linear-gradient( 155deg, #0e130f, #090c0a);
    box-shadow: 0 25px 60px rgba(0,0,0,.27);
}


.summary-eyebrow[b-3yrxo325xv] {
    display: block;
    margin-bottom: 5px;
    color: #e4b83f;
    font-size: .6rem;
    font-weight: 850;
    letter-spacing: .14em;
}


.summary-header h3[b-3yrxo325xv] {
    margin: 0 0 20px;
    color: #ffffff;
    font-size: 1.2rem;
    font-weight: 850;
}


.summary-title[b-3yrxo325xv] {
    margin-bottom: 18px;
    padding: 13px;
    border: 1px solid rgba(183,255,0,.1);
    border-radius: 10px;
    background: rgba(183,255,0,.035);
    color: #d8ff73;
    font-size: .83rem;
    font-weight: 800;
}


    .summary-title span[b-3yrxo325xv] {
        color: #5f6963;
        font-weight: 500;
    }


.summary-row[b-3yrxo325xv] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
    padding: 8px 0;
}


    .summary-row > span[b-3yrxo325xv] {
        color: #737d77;
        font-size: .7rem;
    }


    .summary-row > strong[b-3yrxo325xv] {
        max-width: 65%;
        color: #e2e8e4;
        font-size: .73rem;
        font-weight: 750;
        text-align: right;
    }


.empty-value[b-3yrxo325xv] {
    color: #59635d;
    font-weight: 500;
}


.fee-value[b-3yrxo325xv] {
    color: #b7ff00 !important;
}


.summary-divider[b-3yrxo325xv] {
    height: 1px;
    margin: 16px 0;
    background: rgba(255,255,255,.06);
}


/* =========================================================
   SELECTED COURTS SUMMARY
   ========================================================= */

.selected-courts-header[b-3yrxo325xv] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 9px;
    color: #929c96;
    font-size: .7rem;
}


    .selected-courts-header strong[b-3yrxo325xv] {
        color: #b7ff00;
    }


.selected-court-list[b-3yrxo325xv] {
    display: grid;
    gap: 7px;
}


.selected-court[b-3yrxo325xv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 10px;
    border: 1px solid rgba(255,255,255,.055);
    border-radius: 8px;
    background: rgba(255,255,255,.02);
}


    .selected-court span[b-3yrxo325xv] {
        color: #d7ddd9;
        font-size: .68rem;
        font-weight: 700;
    }


    .selected-court button[b-3yrxo325xv] {
        border: none;
        background: transparent;
        color: #727c76;
        font-size: 1rem;
        cursor: pointer;
    }


        .selected-court button:hover[b-3yrxo325xv] {
            color: #e4b83f;
        }


.no-courts[b-3yrxo325xv] {
    padding: 11px;
    border-radius: 8px;
    background: rgba(255,255,255,.02);
    color: #59635d;
    font-size: .68rem;
    text-align: center;
}


/* =========================================================
   DRAFT NOTE
   ========================================================= */

.draft-note[b-3yrxo325xv] {
    display: flex;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(228,184,63,.13);
    border-radius: 10px;
    background: rgba(228,184,63,.04);
}


.draft-icon[b-3yrxo325xv] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    border-radius: 7px;
    background: rgba(228,184,63,.08);
    color: #e4b83f;
    font-size: .65rem;
    font-weight: 900;
}


.draft-note strong[b-3yrxo325xv],
.draft-note span[b-3yrxo325xv] {
    display: block;
}


.draft-note strong[b-3yrxo325xv] {
    color: #e4b83f;
    font-size: .69rem;
}


.draft-note span[b-3yrxo325xv] {
    margin-top: 3px;
    color: #707a74;
    font-size: .62rem;
    line-height: 1.45;
}


/* =========================================================
   ACTIONS
   ========================================================= */

.summary-actions[b-3yrxo325xv] {
    display: grid;
    grid-template-columns: .7fr 1.3fr;
    gap: 8px;
    margin-top: 18px;
}


.clear-button[b-3yrxo325xv],
.create-button[b-3yrxo325xv] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 44px;
    border-radius: 10px;
    font-size: .69rem;
    font-weight: 800;
    cursor: pointer;
    transition: .18s ease;
}


.clear-button[b-3yrxo325xv] {
    border: 1px solid rgba(255,255,255,.08);
    background: transparent;
    color: #99a29c;
}


    .clear-button:hover[b-3yrxo325xv] {
        color: #ffffff;
        background: rgba(255,255,255,.03);
    }


.create-button[b-3yrxo325xv] {
    border: none;
    background: #b7ff00;
    color: #10150d;
}


    .create-button:hover:not(:disabled)[b-3yrxo325xv] {
        transform: translateY(-1px);
        box-shadow: 0 9px 24px rgba(183,255,0,.13);
    }


    .create-button:disabled[b-3yrxo325xv],
    .clear-button:disabled[b-3yrxo325xv] {
        opacity: .4;
        cursor: not-allowed;
    }


/* =========================================================
   LOADING / EMPTY
   ========================================================= */

.loading-panel[b-3yrxo325xv],
.empty-panel[b-3yrxo325xv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 270px;
    padding: 30px;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 18px;
    color: #7d8781;
    text-align: center;
}


.loading-panel[b-3yrxo325xv] {
    gap: 12px;
}


    .loading-panel .spinner-border[b-3yrxo325xv] {
        color: #b7ff00;
    }


.empty-panel h3[b-3yrxo325xv] {
    margin-bottom: 6px;
    color: #ffffff;
}


.empty-panel p[b-3yrxo325xv] {
    color: #747e78;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1000px) {

    .openplay-grid[b-3yrxo325xv] {
        grid-template-columns: 1fr;
    }


    .summary-card[b-3yrxo325xv] {
        position: static;
    }
}


@media (max-width: 720px) {

    .openplay-create-page[b-3yrxo325xv] {
        padding: 22px 14px 40px;
    }


    .page-header[b-3yrxo325xv] {
        flex-direction: column;
    }


    .back-button[b-3yrxo325xv] {
        width: 100%;
    }


    .form-row.three-columns[b-3yrxo325xv] {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 500px) {

    .court-grid[b-3yrxo325xv] {
        grid-template-columns: 1fr;
    }


    .summary-actions[b-3yrxo325xv] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Owner/EditBusiness.razor.rz.scp.css */
.business-edit-page[b-1fhbwup7yj] {
    min-height: 100vh;
    background: #f6f7f9;
}


/* =========================
   HEADER
   ========================= */

.business-edit-header[b-1fhbwup7yj] {
    max-width: 760px;
    margin-bottom: 30px;
}

.back-button[b-1fhbwup7yj] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 16px;
    border: none;
    background: transparent;
    color: #6b7280;
    font-size: 0.84rem;
    font-weight: 700;
    cursor: pointer;
}

    .back-button:hover[b-1fhbwup7yj] {
        color: #111827;
    }

.business-eyebrow[b-1fhbwup7yj] {
    display: block;
    margin-bottom: 8px;
    color: #7ba800;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.13em;
}

.business-edit-header h1[b-1fhbwup7yj] {
    margin: 0;
    color: #111827;
    font-size: 2.5rem;
    font-weight: 800;
    letter-spacing: -0.04em;
}

.business-edit-header p[b-1fhbwup7yj] {
    margin-top: 8px;
    margin-bottom: 0;
    color: #6b7280;
    font-size: 0.94rem;
}


/* =========================
   FORM CARD
   ========================= */

.business-form-card[b-1fhbwup7yj] {
    max-width: 950px;
    padding: 32px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    box-shadow: 0 8px 26px rgba(17, 24, 39, 0.06);
}


/* =========================
   FORM SECTIONS
   ========================= */

.form-section[b-1fhbwup7yj] {
    width: 100%;
}

.section-header[b-1fhbwup7yj] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 20px;
}

    .section-header h4[b-1fhbwup7yj] {
        margin: 0;
        color: #111827;
        font-size: 1.15rem;
        font-weight: 800;
    }

    .section-header p[b-1fhbwup7yj] {
        margin-top: 4px;
        margin-bottom: 0;
        color: #6b7280;
        font-size: 0.84rem;
    }

.section-eyebrow[b-1fhbwup7yj] {
    display: block;
    margin-bottom: 4px;
    color: #9ca3af;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.1em;
}

.form-divider[b-1fhbwup7yj] {
    height: 1px;
    margin: 30px 0;
    background: #e5e7eb;
}


/* =========================
   LABELS
   ========================= */

.form-label[b-1fhbwup7yj] {
    margin-bottom: 7px;
    color: #374151;
    font-size: 0.82rem;
    font-weight: 700;
}


/* =========================
   INPUTS
   ========================= */

[b-1fhbwup7yj] .business-input {
    min-height: 48px;
    padding: 10px 13px;
    border: 1px solid #d1d5db;
    border-radius: 10px;
    background: #ffffff;
    color: #111827;
    font-size: 0.9rem;
    box-shadow: none;
}

    [b-1fhbwup7yj] .business-input:focus {
        border-color: #7ba800;
        box-shadow: 0 0 0 3px rgba(123, 168, 0, 0.12);
    }

    [b-1fhbwup7yj] .business-input::placeholder {
        color: #b0b6bf;
    }


/* =========================
   VALIDATION
   ========================= */

[b-1fhbwup7yj] .validation-message {
    display: block;
    margin-top: 5px;
    color: #dc2626;
    font-size: 0.75rem;
}

[b-1fhbwup7yj] .invalid {
    border-color: #dc2626;
}

[b-1fhbwup7yj] .valid.modified {
    border-color: #22c55e;
}


/* =========================
   GCASH SECTION
   ========================= */

.payment-description[b-1fhbwup7yj] {
    margin-top: -8px;
    margin-bottom: 16px;
    color: #6b7280;
    font-size: 0.84rem;
}

.gcash-box[b-1fhbwup7yj] {
    padding: 20px;
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
}


/* =========================
   PAYMENT BADGE
   ========================= */

.payment-badge[b-1fhbwup7yj] {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    white-space: nowrap;
    font-size: 0.72rem;
    font-weight: 750;
}

    .payment-badge.configured[b-1fhbwup7yj] {
        background: #dcfce7;
        color: #15803d;
    }

    .payment-badge.required[b-1fhbwup7yj] {
        background: #fef3c7;
        color: #b45309;
    }


/* =========================
   FORM ACTIONS
   ========================= */

.form-actions[b-1fhbwup7yj] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #eeeeee;
}

.cancel-button[b-1fhbwup7yj],
.save-button[b-1fhbwup7yj] {
    min-width: 135px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 17px;
    border-radius: 10px;
    font-size: 0.84rem;
    font-weight: 700;
    cursor: pointer;
}

.cancel-button[b-1fhbwup7yj] {
    border: 1px solid #d1d5db;
    background: #ffffff;
    color: #374151;
}

    .cancel-button:hover:not(:disabled)[b-1fhbwup7yj] {
        background: #f3f4f6;
    }

.save-button[b-1fhbwup7yj] {
    border: none;
    background: #111827;
    color: #ffffff;
}

    .save-button:hover:not(:disabled)[b-1fhbwup7yj] {
        background: #000000;
    }

    .cancel-button:disabled[b-1fhbwup7yj],
    .save-button:disabled[b-1fhbwup7yj] {
        opacity: 0.65;
        cursor: not-allowed;
    }


/* =========================
   LOADING
   ========================= */

.business-state[b-1fhbwup7yj] {
    min-height: 320px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
}

    .business-state h5[b-1fhbwup7yj] {
        margin-top: 15px;
        margin-bottom: 3px;
        color: #111827;
        font-weight: 750;
    }

    .business-state p[b-1fhbwup7yj] {
        margin: 0;
        color: #9ca3af;
    }


/* =========================
   ERROR
   ========================= */

.business-error[b-1fhbwup7yj] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 18px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 12px;
    color: #991b1b;
}

.business-error-icon[b-1fhbwup7yj] {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    background: #fee2e2;
    font-weight: 800;
}

.business-error strong[b-1fhbwup7yj] {
    display: block;
    margin-bottom: 3px;
}

.business-error p[b-1fhbwup7yj] {
    margin: 0 0 12px;
}

.back-error-button[b-1fhbwup7yj] {
    padding: 8px 12px;
    border: 1px solid #fecaca;
    border-radius: 8px;
    background: #ffffff;
    color: #991b1b;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
}

    .back-error-button:hover[b-1fhbwup7yj] {
        background: #fff7f7;
    }


/* =========================
   MOBILE
   ========================= */

@media (max-width: 768px) {

    .business-edit-header h1[b-1fhbwup7yj] {
        font-size: 2rem;
    }

    .business-form-card[b-1fhbwup7yj] {
        padding: 22px 18px;
        border-radius: 14px;
    }

    .section-header[b-1fhbwup7yj] {
        flex-direction: column;
    }

    .gcash-box[b-1fhbwup7yj] {
        padding: 16px;
    }

    .form-actions[b-1fhbwup7yj] {
        flex-direction: column-reverse;
    }

    .cancel-button[b-1fhbwup7yj],
    .save-button[b-1fhbwup7yj] {
        width: 100%;
    }
}
/* /Pages/Owner/EditCourt.razor.rz.scp.css */
/* =========================================================
   EDIT COURT PAGE
   DinkBox - Black + Neon Green + Gold
   ========================================================= */

.edit-court-page[b-byv7mgf95i] {
    min-height: 100vh;
    padding: 50px 20px 80px;
    background: radial-gradient( circle at top right, rgba(183, 255, 0, 0.08), transparent 35% ), radial-gradient( circle at bottom left, rgba(228, 184, 63, 0.05), transparent 35% ), #0b0d0c;
    color: #ffffff;
}


.edit-court-container[b-byv7mgf95i] {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}


/* =========================================================
   PAGE HEADER
   ========================================================= */

.page-header[b-byv7mgf95i] {
    margin-bottom: 30px;
}


.back-button[b-byv7mgf95i] {
    display: inline-flex;
    align-items: center;
    margin-bottom: 24px;
    padding: 9px 14px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.03);
    color: #9ca3af;
    font-size: 0.85rem;
    font-weight: 650;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}


    .back-button:hover[b-byv7mgf95i] {
        background: rgba(183, 255, 0, 0.06);
        border-color: rgba(183, 255, 0, 0.3);
        color: #caff4d;
        transform: translateX(-2px);
    }


.page-eyebrow[b-byv7mgf95i] {
    display: inline-block;
    margin-bottom: 10px;
    color: #e4b83f;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.16em;
}


.page-header h1[b-byv7mgf95i] {
    margin: 0 0 12px;
    font-size: clamp(2rem, 5vw, 3.4rem);
    font-weight: 800;
    letter-spacing: -0.04em;
}


    .page-header h1 span[b-byv7mgf95i] {
        background: linear-gradient( 90deg, #b7ff00, #e6ff72 );
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }


.page-header p[b-byv7mgf95i] {
    max-width: 600px;
    margin: 0;
    color: #8e9591;
    font-size: 0.95rem;
    line-height: 1.7;
}


/* =========================================================
   EDIT CARD
   ========================================================= */

.edit-card[b-byv7mgf95i] {
    padding: 30px;
    background: #131614;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 20px;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.28);
}


/* =========================================================
   CARD HEADER
   ========================================================= */

.card-heading[b-byv7mgf95i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 28px;
    padding-bottom: 22px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}


.section-label[b-byv7mgf95i] {
    display: block;
    margin-bottom: 6px;
    color: #e4b83f;
    font-size: 0.67rem;
    font-weight: 800;
    letter-spacing: 0.14em;
}


.card-heading h4[b-byv7mgf95i] {
    margin: 0;
    color: #ffffff;
    font-size: 1.25rem;
    font-weight: 750;
}


/* =========================================================
   STATUS BADGE
   ========================================================= */

.status-badge[b-byv7mgf95i] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 12px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 750;
    white-space: nowrap;
}


    .status-badge.active[b-byv7mgf95i] {
        color: #b7ff00;
        background: rgba(183, 255, 0, 0.08);
        border: 1px solid rgba(183, 255, 0, 0.18);
    }


    .status-badge.inactive[b-byv7mgf95i] {
        color: #fbbf24;
        background: rgba(251, 191, 36, 0.08);
        border: 1px solid rgba(251, 191, 36, 0.18);
    }


.status-dot[b-byv7mgf95i] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
}


.status-badge.active .status-dot[b-byv7mgf95i] {
    background: #b7ff00;
    box-shadow: 0 0 8px rgba(183, 255, 0, 0.7);
}


.status-badge.inactive .status-dot[b-byv7mgf95i] {
    background: #fbbf24;
}


/* =========================================================
   FORM
   ========================================================= */

.form-group[b-byv7mgf95i] {
    margin-bottom: 24px;
}


    .form-group label[b-byv7mgf95i] {
        display: block;
        margin-bottom: 8px;
        color: #d5d8d6;
        font-size: 0.82rem;
        font-weight: 700;
    }


.form-control-custom[b-byv7mgf95i] {
    width: 100%;
    padding: 13px 15px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 12px;
    outline: none;
    background: #0f1210;
    color: #ffffff;
    font-size: 0.92rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}


    .form-control-custom[b-byv7mgf95i]::placeholder {
        color: #5f6762;
    }


    .form-control-custom:focus[b-byv7mgf95i] {
        background: #101411;
        border-color: rgba(183, 255, 0, 0.55);
        box-shadow: 0 0 0 3px rgba(183, 255, 0, 0.07);
    }


.description-input[b-byv7mgf95i] {
    min-height: 130px;
    resize: vertical;
    line-height: 1.6;
}


/* =========================================================
   VALIDATION
   ========================================================= */

.validation-message[b-byv7mgf95i] {
    display: block;
    margin-top: 7px;
    color: #ff8585;
    font-size: 0.75rem;
}


/* =========================================================
   STATUS / ACTIVE TOGGLE SECTION
   ========================================================= */

.status-section[b-byv7mgf95i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 12px;
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 14px;
    background: #101311;
}


.status-info[b-byv7mgf95i] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}


    .status-info strong[b-byv7mgf95i] {
        color: #ffffff;
        font-size: 0.9rem;
    }


    .status-info span[b-byv7mgf95i] {
        max-width: 550px;
        color: #7d8580;
        font-size: 0.77rem;
        line-height: 1.55;
    }


/* =========================================================
   SWITCH
   ========================================================= */

.switch[b-byv7mgf95i] {
    position: relative;
    display: inline-block;
    width: 52px;
    height: 28px;
    flex-shrink: 0;
}


    .switch input[b-byv7mgf95i] {
        width: 0;
        height: 0;
        opacity: 0;
    }


.slider[b-byv7mgf95i] {
    position: absolute;
    inset: 0;
    cursor: pointer;
    background: #343a36;
    border-radius: 999px;
    transition: 0.25s ease;
}


    .slider[b-byv7mgf95i]::before {
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        left: 4px;
        top: 4px;
        border-radius: 50%;
        background: #ffffff;
        transition: 0.25s ease;
    }


.switch input:checked + .slider[b-byv7mgf95i] {
    background: #b7ff00;
    box-shadow: 0 0 14px rgba(183, 255, 0, 0.16);
}


    .switch input:checked + .slider[b-byv7mgf95i]::before {
        transform: translateX(24px);
        background: #111827;
    }


/* =========================================================
   FORM ACTIONS
   ========================================================= */

.form-actions[b-byv7mgf95i] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 30px;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}


.cancel-button[b-byv7mgf95i],
.save-button[b-byv7mgf95i] {
    min-height: 44px;
    padding: 11px 20px;
    border-radius: 11px;
    font-size: 0.86rem;
    font-weight: 750;
    cursor: pointer;
    transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}


.cancel-button[b-byv7mgf95i] {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #a0a7a3;
}


    .cancel-button:hover[b-byv7mgf95i] {
        background: rgba(255, 255, 255, 0.05);
        border-color: rgba(255, 255, 255, 0.2);
        color: #ffffff;
    }


.save-button[b-byv7mgf95i] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 150px;
    border: 1px solid #b7ff00;
    background: #b7ff00;
    color: #0b0d0c;
}


    .save-button:hover:not(:disabled)[b-byv7mgf95i] {
        background: #caff4d;
        border-color: #caff4d;
        transform: translateY(-1px);
        box-shadow: 0 8px 25px rgba(183, 255, 0, 0.15);
    }


    .save-button:disabled[b-byv7mgf95i] {
        opacity: 0.6;
        cursor: not-allowed;
    }


/* =========================================================
   BUTTON SPINNER
   ========================================================= */

.button-spinner[b-byv7mgf95i] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(0, 0, 0, 0.25);
    border-top-color: #111827;
    border-radius: 50%;
    animation: buttonSpin-b-byv7mgf95i 0.7s linear infinite;
}


@keyframes buttonSpin-b-byv7mgf95i {

    to {
        transform: rotate(360deg);
    }
}


/* =========================================================
   LOADING STATE
   ========================================================= */

.state-card[b-byv7mgf95i] {
    min-height: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 40px;
    background: #131614;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 20px;
    color: #8e9591;
}


.loader[b-byv7mgf95i] {
    width: 42px;
    height: 42px;
    border: 3px solid #292d2a;
    border-top-color: #b7ff00;
    border-radius: 50%;
    animation: dinkSpin-b-byv7mgf95i 0.7s linear infinite;
}


@keyframes dinkSpin-b-byv7mgf95i {

    to {
        transform: rotate(360deg);
    }
}


/* =========================================================
   ERROR STATE
   ========================================================= */

.error-card[b-byv7mgf95i] {
    padding: 22px;
    background: rgba(255, 80, 80, 0.07);
    border: 1px solid rgba(255, 80, 80, 0.18);
    border-radius: 16px;
    color: #ffaaaa;
}


    .error-card strong[b-byv7mgf95i] {
        display: block;
        margin-bottom: 7px;
        color: #ffb8b8;
    }


    .error-card p[b-byv7mgf95i] {
        margin: 0;
        color: #e58c8c;
        font-size: 0.88rem;
    }

.court-image-actions[b-byv7mgf95i] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
}


/* CHOOSE IMAGE */

.custom-file-button[b-byv7mgf95i] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 10px 12px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.04);
    color: #d1d5db;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

    .custom-file-button:hover[b-byv7mgf95i] {
        background: rgba(183, 255, 0, 0.08);
        border-color: rgba(183, 255, 0, 0.35);
        color: #caff4d;
        transform: translateY(-1px);
    }

.file-icon[b-byv7mgf95i] {
    font-size: 0.95rem;
}


/* SELECTED FILE */

.selected-file[b-byv7mgf95i] {
    padding: 7px 10px;
    border-radius: 8px;
    background: rgba(183, 255, 0, 0.07);
    color: #b7ff00;
    font-size: 0.7rem;
    font-weight: 650;
    text-align: center;
}


/* REPLACE BUTTON */

.replace-image-button[b-byv7mgf95i] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 10px 12px;
    border: 1px solid rgba(183, 255, 0, 0.55);
    border-radius: 10px;
    background: rgba(183, 255, 0, 0.08);
    color: #caff4d;
    font-size: 0.78rem;
    font-weight: 750;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

    .replace-image-button:hover:not(:disabled)[b-byv7mgf95i] {
        background: #b7ff00;
        color: #0b0d0c;
        transform: translateY(-1px);
    }

    .replace-image-button:disabled[b-byv7mgf95i] {
        opacity: 0.55;
        cursor: not-allowed;
    }

/* SMALLER COURT IMAGE PREVIEW */

.court-image-grid[b-byv7mgf95i] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 170px));
    gap: 14px;
}

.court-image-item[b-byv7mgf95i] {
    width: 100%;
    max-width: 170px;
    overflow: hidden;
    background: #0f1210;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
}

.court-image-preview[b-byv7mgf95i] {
    width: 100%;
    height: 85px;
    overflow: hidden;
    background: #090b0a;
}

    .court-image-preview img[b-byv7mgf95i] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.amenities-section[b-byv7mgf95i] {
    margin-top: 28px;
    padding-top: 25px;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.amenities-heading[b-byv7mgf95i] {
    margin-bottom: 18px;
}

    .amenities-heading h4[b-byv7mgf95i] {
        margin: 3px 0 5px;
        color: #ffffff;
        font-size: 1.05rem;
    }

    .amenities-heading p[b-byv7mgf95i] {
        margin: 0;
        color: #7d8580;
        font-size: 0.78rem;
    }

.amenities-grid[b-byv7mgf95i] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.amenity-option[b-byv7mgf95i] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px;
    background: #101311;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 12px;
    cursor: pointer;
    transition: border-color 0.2s ease, background 0.2s ease;
}

    .amenity-option:hover[b-byv7mgf95i] {
        border-color: rgba(183, 255, 0, 0.3);
        background: rgba(183, 255, 0, 0.03);
    }

    .amenity-option input[b-byv7mgf95i] {
        accent-color: #b7ff00;
        width: 17px;
        height: 17px;
    }

.amenity-icon[b-byv7mgf95i] {
    font-size: 1.2rem;
}

.amenity-option div[b-byv7mgf95i] {
    display: flex;
    flex-direction: column;
}

.amenity-option strong[b-byv7mgf95i] {
    color: #ffffff;
    font-size: 0.82rem;
}

.amenity-option small[b-byv7mgf95i] {
    margin-top: 2px;
    color: #747b77;
    font-size: 0.69rem;
}

@media (max-width: 600px) {

    .amenities-grid[b-byv7mgf95i] {
        grid-template-columns: 1fr;
    }
}

.court-image-toolbar[b-byv7mgf95i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 25px;
    margin-bottom: 18px;
}

    .court-image-toolbar h4[b-byv7mgf95i] {
        margin: 3px 0;
        color: #ffffff;
        font-size: 1.1rem;
    }

    .court-image-toolbar p[b-byv7mgf95i] {
        margin: 0;
        color: #757d78;
        font-size: 0.72rem;
    }


.add-image-button[b-byv7mgf95i] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 15px;
    border: 1px solid rgba(183,255,0,.35);
    border-radius: 10px;
    background: rgba(183,255,0,.06);
    color: #caff4d;
    font-size: .78rem;
    font-weight: 750;
    cursor: pointer;
    transition: background .2s ease, border-color .2s ease, transform .2s ease;
}

    .add-image-button:hover[b-byv7mgf95i] {
        background: rgba(183,255,0,.12);
        border-color: rgba(183,255,0,.6);
        transform: translateY(-1px);
    }


.image-limit-badge[b-byv7mgf95i] {
    padding: 7px 11px;
    border: 1px solid rgba(251,191,36,.2);
    border-radius: 999px;
    background: rgba(251,191,36,.07);
    color: #fbbf24;
    font-size: .7rem;
    font-weight: 750;
}


@media (max-width: 600px) {

    .court-image-toolbar[b-byv7mgf95i] {
        flex-direction: column;
        align-items: stretch;
    }

    .add-image-button[b-byv7mgf95i] {
        width: 100%;
    }
}
/* /Pages/Owner/ManualReservation.razor.rz.scp.css */
/* =========================================================
   PAGE
   ========================================================= */

.manual-reservation-page[b-rc6fu4tnle] {
    min-height: 100vh;
    padding: 30px 24px 50px;
    background: #070a08;
    color: #ffffff;
}


.manual-container[b-rc6fu4tnle] {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
}


/* =========================================================
   HEADER
   ========================================================= */

.page-header[b-rc6fu4tnle] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 28px;
}


.page-eyebrow[b-rc6fu4tnle] {
    display: inline-block;
    margin-bottom: 8px;
    color: #b7ff00;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .14em;
}


.page-header h1[b-rc6fu4tnle] {
    margin: 0;
    color: #ffffff;
    font-size: clamp(2rem, 4vw, 3.2rem);
    font-weight: 850;
    letter-spacing: -.04em;
}


.page-header p[b-rc6fu4tnle] {
    max-width: 670px;
    margin: 9px 0 0;
    color: #87918b;
    line-height: 1.6;
}


.back-button[b-rc6fu4tnle] {
    padding: 11px 16px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 10px;
    background: rgba(255,255,255,.025);
    color: #d0d7d2;
    font-size: .78rem;
    font-weight: 700;
    cursor: pointer;
    transition: .2s ease;
}


    .back-button:hover[b-rc6fu4tnle] {
        border-color: rgba(183,255,0,.25);
        color: #b7ff00;
    }


/* =========================================================
   MAIN GRID
   ========================================================= */

.manual-grid[b-rc6fu4tnle] {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(310px, .8fr);
    gap: 24px;
    align-items: start;
}


/* =========================================================
   LEFT FORM
   ========================================================= */

.manual-form-section[b-rc6fu4tnle] {
    display: grid;
    gap: 18px;
}


.form-card[b-rc6fu4tnle] {
    padding: 22px;
    border: 1px solid rgba(255,255,255,.065);
    border-radius: 18px;
    background: linear-gradient( 145deg, rgba(255,255,255,.032), rgba(255,255,255,.014));
    box-shadow: 0 15px 40px rgba(0,0,0,.15);
}


/* =========================================================
   SECTION HEADING
   ========================================================= */

.section-heading[b-rc6fu4tnle] {
    display: flex;
    gap: 14px;
    margin-bottom: 22px;
}


.section-number[b-rc6fu4tnle] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(183,255,0,.18);
    border-radius: 10px;
    background: rgba(183,255,0,.06);
    color: #b7ff00;
    font-size: .72rem;
    font-weight: 850;
}


.section-heading h3[b-rc6fu4tnle] {
    margin: 0;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 800;
}


.section-heading p[b-rc6fu4tnle] {
    margin: 5px 0 0;
    color: #758078;
    font-size: .78rem;
}


/* =========================================================
   FORM
   ========================================================= */

.form-group[b-rc6fu4tnle] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}


.customer-fields[b-rc6fu4tnle] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}


.form-label[b-rc6fu4tnle] {
    color: #b6beb8;
    font-size: .75rem;
    font-weight: 750;
}


.required[b-rc6fu4tnle] {
    color: #e4b83f;
}


.form-control[b-rc6fu4tnle] {
    width: 100%;
    min-height: 46px;
    padding: 0 13px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 10px;
    outline: none;
    background: #0b0f0c;
    color: #ffffff;
    font-size: .85rem;
    transition: .2s ease;
}


    .form-control:focus[b-rc6fu4tnle] {
        border-color: rgba(183,255,0,.42);
        box-shadow: 0 0 0 3px rgba(183,255,0,.06);
    }


    .form-control option[b-rc6fu4tnle] {
        background: #0b0f0c;
        color: #ffffff;
    }


.field-help[b-rc6fu4tnle] {
    color: #67716b;
    font-size: .68rem;
    line-height: 1.5;
}


/* =========================================================
   CUSTOMER LOOKUP
   ========================================================= */

.customer-lookup[b-rc6fu4tnle] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 5px;
    padding: 11px 12px;
    border-radius: 10px;
    font-size: .76rem;
}


    .customer-lookup strong[b-rc6fu4tnle],
    .customer-lookup span[b-rc6fu4tnle] {
        display: block;
    }


    .customer-lookup strong[b-rc6fu4tnle] {
        margin-bottom: 2px;
        font-size: .76rem;
        font-weight: 800;
    }


    .customer-lookup span[b-rc6fu4tnle] {
        color: #8b958f;
        font-size: .69rem;
    }


    .customer-lookup.found[b-rc6fu4tnle] {
        border: 1px solid rgba(183,255,0,.18);
        background: rgba(183,255,0,.055);
    }


        .customer-lookup.found strong[b-rc6fu4tnle],
        .customer-lookup.found .lookup-icon[b-rc6fu4tnle] {
            color: #b7ff00;
        }


    .customer-lookup.new[b-rc6fu4tnle] {
        border: 1px solid rgba(228,184,63,.19);
        background: rgba(228,184,63,.055);
    }


        .customer-lookup.new strong[b-rc6fu4tnle],
        .customer-lookup.new .lookup-icon[b-rc6fu4tnle] {
            color: #e4b83f;
        }


    .customer-lookup.checking[b-rc6fu4tnle] {
        border: 1px solid rgba(255,255,255,.08);
        background: rgba(255,255,255,.025);
        color: #a1aaa4;
    }


.lookup-icon[b-rc6fu4tnle] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(255,255,255,.04);
    font-weight: 900;
}


/* =========================================================
   SCHEDULE
   ========================================================= */

.schedule-grid[b-rc6fu4tnle] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(165px, 1fr));
    gap: 10px;
}


.schedule-slot[b-rc6fu4tnle] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 87px;
    padding: 13px;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 11px;
    background: #0b0f0c;
    color: #ffffff;
    text-align: left;
    cursor: pointer;
    transition: .18s ease;
}


    .schedule-slot:hover:not(:disabled)[b-rc6fu4tnle] {
        border-color: rgba(183,255,0,.32);
        transform: translateY(-1px);
    }


    .schedule-slot.selected[b-rc6fu4tnle] {
        border-color: rgba(183,255,0,.55);
        background: rgba(183,255,0,.075);
        box-shadow: inset 0 0 0 1px rgba(183,255,0,.05);
    }


    .schedule-slot.unavailable[b-rc6fu4tnle] {
        opacity: .38;
        cursor: not-allowed;
    }


.slot-time[b-rc6fu4tnle] {
    color: #ffffff;
    font-size: .78rem;
    font-weight: 800;
}


.slot-rate[b-rc6fu4tnle] {
    margin-top: 6px;
    color: #e4b83f;
    font-size: .72rem;
    font-weight: 750;
}


.selected-label[b-rc6fu4tnle],
.unavailable-label[b-rc6fu4tnle] {
    margin-top: auto;
    padding-top: 8px;
    font-size: .57rem;
    font-weight: 850;
    letter-spacing: .07em;
}


.selected-label[b-rc6fu4tnle] {
    color: #b7ff00;
}


.unavailable-label[b-rc6fu4tnle] {
    color: #818985;
}


.schedule-message[b-rc6fu4tnle],
.schedule-loading[b-rc6fu4tnle] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 90px;
    padding: 18px;
    border: 1px dashed rgba(255,255,255,.08);
    border-radius: 11px;
    color: #758078;
    font-size: .78rem;
}


/* =========================================================
   SUMMARY
   ========================================================= */

.booking-summary-card[b-rc6fu4tnle] {
    position: sticky;
    top: 78px;
    padding: 22px;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 20px;
    background: linear-gradient( 155deg, #0e130f, #090c0a);
    box-shadow: 0 25px 60px rgba(0,0,0,.28);
}


.summary-eyebrow[b-rc6fu4tnle] {
    display: block;
    margin-bottom: 5px;
    color: #e4b83f;
    font-size: .62rem;
    font-weight: 850;
    letter-spacing: .13em;
}


.summary-header h3[b-rc6fu4tnle] {
    margin: 0 0 22px;
    color: #ffffff;
    font-size: 1.25rem;
    font-weight: 850;
}


.summary-row[b-rc6fu4tnle] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 8px 0;
}


.summary-label[b-rc6fu4tnle] {
    color: #737e77;
    font-size: .73rem;
}


.summary-value[b-rc6fu4tnle] {
    max-width: 65%;
    color: #e8ede9;
    font-size: .75rem;
    font-weight: 750;
    text-align: right;
}


.summary-empty[b-rc6fu4tnle] {
    color: #5d6761;
    font-weight: 500;
}


.summary-divider[b-rc6fu4tnle] {
    height: 1px;
    margin: 16px 0;
    background: rgba(255,255,255,.065);
}


/* =========================================================
   CUSTOMER TYPE
   ========================================================= */

.customer-type-badge[b-rc6fu4tnle] {
    display: inline-flex;
    margin-top: 10px;
    padding: 6px 9px;
    border-radius: 7px;
    font-size: .58rem;
    font-weight: 850;
    letter-spacing: .06em;
}


    .customer-type-badge.existing[b-rc6fu4tnle] {
        border: 1px solid rgba(183,255,0,.15);
        background: rgba(183,255,0,.055);
        color: #b7ff00;
    }


    .customer-type-badge.new[b-rc6fu4tnle] {
        border: 1px solid rgba(228,184,63,.16);
        background: rgba(228,184,63,.055);
        color: #e4b83f;
    }


/* =========================================================
   SELECTED SLOT SUMMARY
   ========================================================= */

.selected-summary-header[b-rc6fu4tnle] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    color: #a9b2ac;
    font-size: .72rem;
}


    .selected-summary-header strong[b-rc6fu4tnle] {
        color: #b7ff00;
    }


.no-slots-selected[b-rc6fu4tnle] {
    padding: 12px;
    border-radius: 9px;
    background: rgba(255,255,255,.025);
    color: #5f6963;
    font-size: .7rem;
    text-align: center;
}


.selected-slot-list[b-rc6fu4tnle] {
    display: grid;
    gap: 7px;
}


.selected-slot-row[b-rc6fu4tnle] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 10px;
    border: 1px solid rgba(255,255,255,.055);
    border-radius: 9px;
    background: rgba(255,255,255,.02);
}


    .selected-slot-row strong[b-rc6fu4tnle] {
        color: #dfe5e1;
        font-size: .69rem;
    }


    .selected-slot-row span[b-rc6fu4tnle] {
        color: #e4b83f;
        font-size: .68rem;
        font-weight: 800;
    }


/* =========================================================
   TOTAL
   ========================================================= */

.summary-total[b-rc6fu4tnle] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


    .summary-total span[b-rc6fu4tnle] {
        color: #a7afa9;
        font-size: .85rem;
        font-weight: 700;
    }


    .summary-total strong[b-rc6fu4tnle] {
        color: #b7ff00;
        font-size: 1.5rem;
        font-weight: 900;
    }


/* =========================================================
   APPROVAL NOTE
   ========================================================= */

.approval-note[b-rc6fu4tnle] {
    display: flex;
    gap: 10px;
    margin-top: 18px;
    padding: 12px;
    border: 1px solid rgba(183,255,0,.12);
    border-radius: 10px;
    background: rgba(183,255,0,.04);
}


.approval-icon[b-rc6fu4tnle] {
    color: #b7ff00;
    font-weight: 900;
}


.approval-note strong[b-rc6fu4tnle],
.approval-note span[b-rc6fu4tnle] {
    display: block;
}


.approval-note strong[b-rc6fu4tnle] {
    color: #cfff54;
    font-size: .68rem;
}


.approval-note span[b-rc6fu4tnle] {
    margin-top: 3px;
    color: #6f7972;
    font-size: .63rem;
    line-height: 1.45;
}


/* =========================================================
   SUMMARY ACTIONS
   ========================================================= */

.summary-actions[b-rc6fu4tnle] {
    display: grid;
    grid-template-columns: .7fr 1.3fr;
    gap: 8px;
    margin-top: 18px;
}


.clear-booking-button[b-rc6fu4tnle],
.create-booking-button[b-rc6fu4tnle] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 44px;
    border-radius: 10px;
    font-size: .7rem;
    font-weight: 800;
    cursor: pointer;
    transition: .2s ease;
}


.clear-booking-button[b-rc6fu4tnle] {
    border: 1px solid rgba(255,255,255,.09);
    background: transparent;
    color: #a3aca6;
}


    .clear-booking-button:hover[b-rc6fu4tnle] {
        background: rgba(255,255,255,.035);
        color: #ffffff;
    }


.create-booking-button[b-rc6fu4tnle] {
    border: none;
    background: #b7ff00;
    color: #11170d;
}


    .create-booking-button:hover:not(:disabled)[b-rc6fu4tnle] {
        transform: translateY(-1px);
        box-shadow: 0 8px 24px rgba(183,255,0,.12);
    }


    .create-booking-button:disabled[b-rc6fu4tnle],
    .clear-booking-button:disabled[b-rc6fu4tnle] {
        opacity: .4;
        cursor: not-allowed;
    }


/* =========================================================
   LOADING / EMPTY
   ========================================================= */

.loading-panel[b-rc6fu4tnle],
.empty-panel[b-rc6fu4tnle] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 260px;
    padding: 30px;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 18px;
    color: #858f88;
    text-align: center;
}


.loading-panel[b-rc6fu4tnle] {
    gap: 12px;
}


    .loading-panel .spinner-border[b-rc6fu4tnle],
    .schedule-loading .spinner-border[b-rc6fu4tnle],
    .customer-lookup .spinner-border[b-rc6fu4tnle] {
        color: #b7ff00;
    }


.empty-panel h3[b-rc6fu4tnle] {
    margin: 0 0 6px;
    color: #ffffff;
}


.empty-panel p[b-rc6fu4tnle] {
    margin: 0;
    color: #717b75;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1000px) {

    .manual-grid[b-rc6fu4tnle] {
        grid-template-columns: 1fr;
    }


    .booking-summary-card[b-rc6fu4tnle] {
        position: static;
    }
}


@media (max-width: 700px) {

    .manual-reservation-page[b-rc6fu4tnle] {
        padding: 22px 14px 40px;
    }


    .page-header[b-rc6fu4tnle] {
        flex-direction: column;
    }


    .customer-fields[b-rc6fu4tnle] {
        grid-template-columns: 1fr;
    }


    .schedule-grid[b-rc6fu4tnle] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }


    .back-button[b-rc6fu4tnle] {
        width: 100%;
    }
}


@media (max-width: 440px) {

    .schedule-grid[b-rc6fu4tnle] {
        grid-template-columns: 1fr;
    }


    .summary-actions[b-rc6fu4tnle] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Owner/OpenPlayParticipants.razor.rz.scp.css */
.participants-page[b-1y2wnc67qh] {
    min-height: 100vh;
    background: #080b09;
    color: #fff;
}

.participants-container[b-1y2wnc67qh] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 40px 30px 75px;
}


/* HEADER */

.page-header[b-1y2wnc67qh] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 28px;
}

.back-button[b-1y2wnc67qh] {
    display: block;
    margin-bottom: 22px;
    border: none;
    background: transparent;
    color: #839087;
    font-weight: 700;
    cursor: pointer;
}

    .back-button:hover[b-1y2wnc67qh] {
        color: #b7ff00;
    }

.eyebrow[b-1y2wnc67qh] {
    display: block;
    margin-bottom: 7px;
    color: #b7ff00;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: 1.8px;
}

.page-header h1[b-1y2wnc67qh] {
    margin: 0;
    font-size: 32px;
}

.page-header p[b-1y2wnc67qh] {
    margin: 7px 0 0;
    color: #859088;
}


/* SESSION STATUS */

.session-status[b-1y2wnc67qh] {
    padding: 7px 12px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 850;
    text-transform: uppercase;
}

    .session-status.published[b-1y2wnc67qh] {
        background: rgba(183,255,0,.10);
        color: #b7ff00;
    }

    .session-status.closed[b-1y2wnc67qh] {
        background: rgba(255,255,255,.08);
        color: #c0c6c2;
    }

    .session-status.completed[b-1y2wnc67qh] {
        background: rgba(90,160,255,.10);
        color: #7bb8ff;
    }

    .session-status.cancelled[b-1y2wnc67qh] {
        background: rgba(255,80,80,.10);
        color: #ff7373;
    }


/* SUMMARY */

.summary-grid[b-1y2wnc67qh] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 13px;
    margin-bottom: 26px;
}

.summary-card[b-1y2wnc67qh] {
    padding: 18px;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 15px;
    background: #0d110e;
}

    .summary-card span[b-1y2wnc67qh] {
        display: block;
        margin-bottom: 5px;
        color: #69736c;
        font-size: 9px;
        font-weight: 850;
        letter-spacing: 1px;
    }

    .summary-card strong[b-1y2wnc67qh] {
        font-size: 25px;
    }

    .summary-card .neon[b-1y2wnc67qh] {
        color: #b7ff00;
    }

.cancelled-count[b-1y2wnc67qh] {
    color: #ff7777;
}


/* FILTERS */

.filter-bar[b-1y2wnc67qh] {
    display: flex;
    gap: 8px;
    margin-bottom: 16px;
}

.filter-button[b-1y2wnc67qh] {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 8px 13px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 999px;
    background: #0d110e;
    color: #8e9991;
    cursor: pointer;
}

    .filter-button span[b-1y2wnc67qh] {
        min-width: 21px;
        padding: 2px 6px;
        border-radius: 999px;
        background: rgba(255,255,255,.06);
        font-size: 10px;
    }

    .filter-button.active[b-1y2wnc67qh] {
        border-color: rgba(183,255,0,.3);
        background: rgba(183,255,0,.07);
        color: #b7ff00;
    }


/* TABLE */

.participants-card[b-1y2wnc67qh] {
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 17px;
    background: #0d110e;
}

.participant-table-header[b-1y2wnc67qh],
.participant-row[b-1y2wnc67qh] {
    display: grid;
    grid-template-columns: 2fr 1.1fr 1.2fr .8fr;
    gap: 15px;
    align-items: center;
}

.participant-table-header[b-1y2wnc67qh] {
    padding: 13px 20px;
    border-bottom: 1px solid rgba(255,255,255,.06);
    color: #626d65;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: 1px;
}

.participant-row[b-1y2wnc67qh] {
    padding: 16px 20px;
    border-bottom: 1px solid rgba(255,255,255,.045);
}

    .participant-row:last-child[b-1y2wnc67qh] {
        border-bottom: none;
    }


/* PLAYER */

.player-cell[b-1y2wnc67qh] {
    display: flex;
    align-items: center;
    gap: 11px;
}

.avatar[b-1y2wnc67qh] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 11px;
    background: rgba(183,255,0,.08);
    color: #b7ff00;
    font-size: 12px;
    font-weight: 900;
}

.player-cell strong[b-1y2wnc67qh] {
    display: block;
    font-size: 13px;
}

.player-cell span[b-1y2wnc67qh] {
    display: block;
    margin-top: 3px;
    color: #748078;
    font-size: 11px;
}


/* DETAILS */

.contact-cell[b-1y2wnc67qh] {
    color: #b2bbb5;
    font-size: 12px;
}

.joined-cell strong[b-1y2wnc67qh] {
    display: block;
    font-size: 12px;
}

.joined-cell span[b-1y2wnc67qh] {
    display: block;
    margin-top: 3px;
    color: #6e7971;
    font-size: 10px;
}

.muted[b-1y2wnc67qh] {
    color: #586159;
}


/* PARTICIPANT STATUS */

.participant-status[b-1y2wnc67qh] {
    display: inline-flex;
    padding: 5px 9px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 850;
    text-transform: uppercase;
}

    .participant-status.joined[b-1y2wnc67qh] {
        background: rgba(183,255,0,.09);
        color: #b7ff00;
    }

    .participant-status.cancelled[b-1y2wnc67qh] {
        background: rgba(255,80,80,.08);
        color: #ff7777;
    }


/* EMPTY */

.empty-panel[b-1y2wnc67qh],
.state-panel[b-1y2wnc67qh] {
    padding: 55px 25px;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 17px;
    background: #0d110e;
    text-align: center;
}

    .empty-panel p[b-1y2wnc67qh],
    .state-panel p[b-1y2wnc67qh] {
        color: #7d8880;
    }


/* RESPONSIVE */

@media (max-width: 900px) {

    .summary-grid[b-1y2wnc67qh] {
        grid-template-columns: repeat(2, 1fr);
    }

    .participant-table-header[b-1y2wnc67qh] {
        display: none;
    }

    .participant-row[b-1y2wnc67qh] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 600px) {

    .participants-container[b-1y2wnc67qh] {
        padding: 28px 16px 55px;
    }

    .page-header[b-1y2wnc67qh] {
        flex-direction: column;
    }

    .summary-grid[b-1y2wnc67qh] {
        grid-template-columns: 1fr 1fr;
    }

    .participant-row[b-1y2wnc67qh] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Owner/OwnerDashboard.razor.rz.scp.css */
.owner-dashboard-page[b-lwge7hdlb9] {
    min-height: 100vh;
    background: #f6f7f9;
}


/* =========================
   HEADER
   ========================= */

.dashboard-header[b-lwge7hdlb9] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 24px;
    margin-bottom: 30px;
}

.dashboard-eyebrow[b-lwge7hdlb9],
.section-eyebrow[b-lwge7hdlb9] {
    display: block;
    margin-bottom: 6px;
    color: #7ba800;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.13em;
}

.dashboard-header h1[b-lwge7hdlb9] {
    margin: 0;
    color: #111827;
    font-size: 2.5rem;
    font-weight: 800;
    letter-spacing: -0.04em;
}

.dashboard-header p[b-lwge7hdlb9] {
    margin-top: 8px;
    margin-bottom: 0;
    color: #6b7280;
}

.manage-business-button[b-lwge7hdlb9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 17px;
    border: none;
    border-radius: 10px;
    background: #111827;
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 700;
}


/* =========================
   STATS
   ========================= */

.dashboard-stats[b-lwge7hdlb9] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin-bottom: 35px;
}

.stat-card[b-lwge7hdlb9] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 20px;
    text-align: left;
    border: 1px solid #e5e7eb;
    border-radius: 15px;
    background: #ffffff;
    cursor: pointer;
    box-shadow: 0 5px 18px rgba(17, 24, 39, 0.04);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .stat-card:hover[b-lwge7hdlb9] {
        transform: translateY(-2px);
        box-shadow: 0 9px 25px rgba(17, 24, 39, 0.08);
    }

.stat-icon[b-lwge7hdlb9] {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 12px;
    background: #f3f4f6;
    font-size: 1.25rem;
}

.stat-content[b-lwge7hdlb9] {
    display: flex;
    flex-direction: column;
}

    .stat-content strong[b-lwge7hdlb9] {
        color: #111827;
        font-size: 1.6rem;
        font-weight: 800;
    }

    .stat-content span[b-lwge7hdlb9] {
        color: #6b7280;
        font-size: 0.76rem;
    }

.stat-card.attention .stat-icon[b-lwge7hdlb9] {
    background: #fef3c7;
}


/* =========================
   SECTIONS
   ========================= */

.dashboard-section[b-lwge7hdlb9] {
    margin-top: 36px;
}

.section-title[b-lwge7hdlb9] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
    margin-bottom: 15px;
}

    .section-title h3[b-lwge7hdlb9] {
        margin: 0;
        color: #111827;
        font-size: 1.25rem;
        font-weight: 800;
    }

.section-link[b-lwge7hdlb9] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: none;
    background: transparent;
    color: #5f8500;
    font-size: 0.78rem;
    font-weight: 750;
}


/* =========================
   ATTENTION
   ========================= */

.attention-list[b-lwge7hdlb9] {
    display: grid;
    gap: 10px;
}

.attention-item[b-lwge7hdlb9] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 15px 17px;
    text-align: left;
    border: 1px solid #fde68a;
    border-radius: 12px;
    background: #fffbeb;
    cursor: pointer;
}

.attention-icon[b-lwge7hdlb9] {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    background: #fef3c7;
    color: #b45309;
    font-weight: 800;
}

.attention-info[b-lwge7hdlb9] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

    .attention-info strong[b-lwge7hdlb9] {
        color: #92400e;
        font-size: 0.84rem;
    }

    .attention-info span[b-lwge7hdlb9] {
        margin-top: 2px;
        color: #78716c;
        font-size: 0.76rem;
    }

.attention-arrow[b-lwge7hdlb9] {
    color: #b45309;
}

.all-good-card[b-lwge7hdlb9] {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 18px;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 13px;
}

.all-good-icon[b-lwge7hdlb9] {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #dcfce7;
    color: #15803d;
    font-weight: 900;
}

.all-good-card strong[b-lwge7hdlb9] {
    color: #166534;
}

.all-good-card p[b-lwge7hdlb9] {
    margin: 2px 0 0;
    color: #64748b;
    font-size: 0.78rem;
}


/* =========================
   RECENT RESERVATIONS
   ========================= */

.recent-reservations[b-lwge7hdlb9] {
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 15px;
}

.recent-reservation-card[b-lwge7hdlb9] {
    display: grid;
    grid-template-columns: 1.5fr 1fr auto auto;
    align-items: center;
    gap: 18px;
    padding: 16px 18px;
    border-bottom: 1px solid #eeeeee;
}

    .recent-reservation-card:last-child[b-lwge7hdlb9] {
        border-bottom: none;
    }

.reservation-main[b-lwge7hdlb9] {
    display: flex;
    align-items: center;
    gap: 11px;
}

.reservation-avatar[b-lwge7hdlb9] {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 50%;
    background: #111827;
    color: #b7ff00;
    font-weight: 800;
}

.reservation-info[b-lwge7hdlb9],
.reservation-date[b-lwge7hdlb9] {
    display: flex;
    flex-direction: column;
}

    .reservation-info strong[b-lwge7hdlb9],
    .reservation-date strong[b-lwge7hdlb9] {
        color: #111827;
        font-size: 0.82rem;
    }

    .reservation-info span[b-lwge7hdlb9],
    .reservation-date span[b-lwge7hdlb9] {
        color: #9ca3af;
        font-size: 0.72rem;
    }

.reservation-amount[b-lwge7hdlb9] {
    color: #111827;
    font-size: 0.84rem;
    font-weight: 800;
}


/* =========================
   STATUS
   ========================= */

.status-badge[b-lwge7hdlb9] {
    padding: 5px 9px;
    border-radius: 999px;
    font-size: 0.67rem;
    font-weight: 750;
}

.status-pending[b-lwge7hdlb9] {
    background: #fef3c7;
    color: #b45309;
}

.status-approved[b-lwge7hdlb9] {
    background: #dcfce7;
    color: #15803d;
}

.status-rejected[b-lwge7hdlb9] {
    background: #fee2e2;
    color: #b91c1c;
}

.status-cancelled[b-lwge7hdlb9] {
    background: #f3f4f6;
    color: #6b7280;
}

.status-completed[b-lwge7hdlb9] {
    background: #dbeafe;
    color: #1d4ed8;
}


/* =========================
   BUSINESSES
   ========================= */

.business-summary-grid[b-lwge7hdlb9] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.business-summary-card[b-lwge7hdlb9] {
    padding: 18px;
    text-align: left;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    background: #ffffff;
    cursor: pointer;
}

.business-summary-header[b-lwge7hdlb9] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

    .business-summary-header > div > span[b-lwge7hdlb9] {
        color: #9ca3af;
        font-size: 0.64rem;
        font-weight: 800;
        letter-spacing: 0.1em;
    }

    .business-summary-header h4[b-lwge7hdlb9] {
        margin: 3px 0 0;
        color: #111827;
        font-size: 1.05rem;
        font-weight: 800;
    }

.payment-ready[b-lwge7hdlb9],
.payment-missing[b-lwge7hdlb9] {
    padding: 5px 8px;
    border-radius: 999px;
    font-size: 0.65rem;
    font-weight: 750;
}

.payment-ready[b-lwge7hdlb9] {
    background: #dcfce7;
    color: #15803d;
}

.payment-missing[b-lwge7hdlb9] {
    background: #fef3c7;
    color: #b45309;
}

.business-court-summary[b-lwge7hdlb9] {
    display: flex;
    gap: 28px;
    margin-top: 20px;
}

    .business-court-summary > div[b-lwge7hdlb9] {
        display: flex;
        flex-direction: column;
    }

    .business-court-summary strong[b-lwge7hdlb9] {
        color: #111827;
        font-size: 1.25rem;
    }

    .business-court-summary span[b-lwge7hdlb9] {
        color: #9ca3af;
        font-size: 0.7rem;
    }

.business-summary-footer[b-lwge7hdlb9] {
    display: flex;
    justify-content: space-between;
    margin-top: 18px;
    padding-top: 13px;
    border-top: 1px solid #eeeeee;
    color: #5f8500;
    font-size: 0.75rem;
    font-weight: 750;
}


/* =========================
   QUICK ACTIONS
   ========================= */

.quick-actions[b-lwge7hdlb9] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 13px;
}

.quick-action[b-lwge7hdlb9] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    text-align: left;
    border: 1px solid #e5e7eb;
    border-radius: 13px;
    background: #ffffff;
    cursor: pointer;
}

.quick-icon[b-lwge7hdlb9] {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #f3f4f6;
}

.quick-action > div[b-lwge7hdlb9] {
    display: flex;
    flex-direction: column;
}

.quick-action strong[b-lwge7hdlb9] {
    color: #111827;
    font-size: 0.8rem;
}

.quick-action div span[b-lwge7hdlb9] {
    color: #9ca3af;
    font-size: 0.7rem;
}


/* =========================
   STATES
   ========================= */

.dashboard-state[b-lwge7hdlb9],
.section-empty[b-lwge7hdlb9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 15px;
}

.dashboard-state[b-lwge7hdlb9] {
    min-height: 320px;
}

    .dashboard-state h5[b-lwge7hdlb9] {
        margin-top: 14px;
    }

    .dashboard-state p[b-lwge7hdlb9],
    .section-empty p[b-lwge7hdlb9] {
        color: #6b7280;
    }

.section-empty[b-lwge7hdlb9] {
    min-height: 160px;
    padding: 25px;
}

    .section-empty > span[b-lwge7hdlb9] {
        font-size: 2rem;
    }

.dashboard-error[b-lwge7hdlb9] {
    display: flex;
    gap: 12px;
    padding: 17px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 12px;
    color: #991b1b;
}

.dashboard-error-icon[b-lwge7hdlb9] {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fee2e2;
    font-weight: 800;
}


/* =========================
   MOBILE
   ========================= */

@media (max-width: 992px) {

    .dashboard-stats[b-lwge7hdlb9] {
        grid-template-columns: repeat(2, 1fr);
    }

    .recent-reservation-card[b-lwge7hdlb9] {
        grid-template-columns: 1fr auto;
    }

    .reservation-date[b-lwge7hdlb9],
    .reservation-amount[b-lwge7hdlb9] {
        display: none;
    }
}


@media (max-width: 768px) {

    .dashboard-header[b-lwge7hdlb9] {
        flex-direction: column;
        align-items: stretch;
    }

        .dashboard-header h1[b-lwge7hdlb9] {
            font-size: 2rem;
        }

    .manage-business-button[b-lwge7hdlb9] {
        width: 100%;
    }

    .dashboard-stats[b-lwge7hdlb9],
    .business-summary-grid[b-lwge7hdlb9],
    .quick-actions[b-lwge7hdlb9] {
        grid-template-columns: 1fr;
    }

    .section-title[b-lwge7hdlb9] {
        align-items: center;
    }

    .attention-item[b-lwge7hdlb9] {
        align-items: flex-start;
    }
}

.add-business-button[b-lwge7hdlb9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 42px;
    padding: 10px 16px;
    border: 1px solid #a9e900;
    border-radius: 10px;
    background: #b7ff00;
    color: #111827;
    font-size: 0.8rem;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 5px 16px rgba(183, 255, 0, 0.15);
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

    .add-business-button:hover[b-lwge7hdlb9] {
        background: #caff3d;
        border-color: #b7ff00;
        transform: translateY(-1px);
        box-shadow: 0 8px 22px rgba(183, 255, 0, 0.22);
    }

    .add-business-button:active[b-lwge7hdlb9] {
        transform: translateY(0);
        box-shadow: 0 3px 10px rgba(183, 255, 0, 0.14);
    }

    .add-business-button:focus-visible[b-lwge7hdlb9] {
        outline: 3px solid rgba(183, 255, 0, 0.35);
        outline-offset: 2px;
    }
/* /Pages/Owner/OwnerOpenPlayDetails.razor.rz.scp.css */
.owner-openplay-details-page[b-zwpusglqq1] {
    min-height: 100vh;
    background: #080b09;
    color: #ffffff;
}

.details-container[b-zwpusglqq1] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 40px 32px 80px;
}


/* =========================================================
   HEADER
   ========================================================= */

.page-header[b-zwpusglqq1] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 28px;
}

.back-button[b-zwpusglqq1] {
    display: block;
    margin-bottom: 20px;
    border: none;
    padding: 0;
    background: transparent;
    color: #89938c;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: color .2s ease;
}

    .back-button:hover[b-zwpusglqq1] {
        color: #b7ff00;
    }

.eyebrow[b-zwpusglqq1] {
    display: block;
    margin-bottom: 8px;
    color: #b7ff00;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: 2px;
}

.page-header h1[b-zwpusglqq1] {
    margin: 0;
    font-size: clamp(30px, 4vw, 42px);
    font-weight: 850;
    line-height: 1.1;
}

.page-header p[b-zwpusglqq1] {
    margin: 8px 0 0;
    color: #8b958e;
    font-size: 14px;
}


/* =========================================================
   STATUS BADGES
   ========================================================= */

.status-badge[b-zwpusglqq1] {
    display: inline-flex;
    align-items: center;
    padding: 7px 12px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .7px;
    text-transform: uppercase;
}

    .status-badge.draft[b-zwpusglqq1] {
        background: rgba(228, 184, 63, .12);
        color: #e4b83f;
    }

    .status-badge.published[b-zwpusglqq1] {
        background: rgba(183, 255, 0, .12);
        color: #b7ff00;
    }

    .status-badge.closed[b-zwpusglqq1] {
        background: rgba(255, 255, 255, .08);
        color: #c5ccc7;
    }

    .status-badge.completed[b-zwpusglqq1] {
        background: rgba(83, 163, 255, .12);
        color: #7bb8ff;
    }

    .status-badge.cancelled[b-zwpusglqq1] {
        background: rgba(255, 80, 80, .10);
        color: #ff7777;
    }


/* =========================================================
   CANCELLED NOTICE
   ========================================================= */

.cancelled-notice[b-zwpusglqq1] {
    margin-bottom: 22px;
    padding: 16px 18px;
    border: 1px solid rgba(255, 90, 90, .18);
    border-radius: 14px;
    background: rgba(255, 80, 80, .06);
}

    .cancelled-notice strong[b-zwpusglqq1] {
        display: block;
        color: #ff7777;
        font-size: 14px;
    }

    .cancelled-notice span[b-zwpusglqq1] {
        display: block;
        margin-top: 6px;
        color: #b29494;
        font-size: 13px;
        line-height: 1.6;
    }


/* =========================================================
   MAIN GRID
   ========================================================= */

.details-grid[b-zwpusglqq1] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 380px;
    gap: 24px;
    align-items: start;
}

.details-content[b-zwpusglqq1] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}


/* =========================================================
   INFO CARDS
   ========================================================= */

.info-card[b-zwpusglqq1],
.management-card[b-zwpusglqq1] {
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 20px;
    background: #0d110e;
}

.info-card[b-zwpusglqq1] {
    padding: 26px;
}

    .info-card h2[b-zwpusglqq1] {
        margin: 0 0 20px;
        font-size: 18px;
        font-weight: 800;
    }

.info-grid[b-zwpusglqq1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

    .info-grid > div[b-zwpusglqq1] {
        padding: 15px;
        border-radius: 12px;
        background: #090c0a;
    }

    .info-grid span[b-zwpusglqq1] {
        display: block;
        margin-bottom: 5px;
        color: #68736b;
        font-size: 9px;
        font-weight: 850;
        letter-spacing: 1px;
    }

    .info-grid strong[b-zwpusglqq1] {
        font-size: 13px;
        line-height: 1.5;
    }

.gold[b-zwpusglqq1] {
    color: #e4b83f;
}

.description[b-zwpusglqq1] {
    margin: 0;
    color: #b6beb8;
    line-height: 1.8;
    white-space: pre-line;
}

.muted[b-zwpusglqq1] {
    margin: 0;
    color: #6f7971;
}


/* =========================================================
   COURTS
   ========================================================= */

.court-list[b-zwpusglqq1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.court-item[b-zwpusglqq1] {
    padding: 15px;
    border: 1px solid rgba(255, 255, 255, .05);
    border-radius: 12px;
    background: #090c0a;
}

    .court-item span[b-zwpusglqq1] {
        display: block;
        margin-bottom: 4px;
        color: #657067;
        font-size: 9px;
        font-weight: 850;
        letter-spacing: 1px;
    }

    .court-item strong[b-zwpusglqq1] {
        color: #ffffff;
        font-size: 13px;
    }


/* =========================================================
   MANAGEMENT COLUMN
   ========================================================= */

.management-column[b-zwpusglqq1] {
    position: relative;
}

.management-card[b-zwpusglqq1] {
    position: sticky;
    top: 25px;
    padding: 25px;
}

.management-eyebrow[b-zwpusglqq1] {
    display: block;
    color: #b7ff00;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 1.6px;
}

.management-card h2[b-zwpusglqq1] {
    margin: 8px 0 18px;
    font-size: 22px;
}


/* =========================================================
   PLAYER SUMMARY
   ========================================================= */

.player-grid[b-zwpusglqq1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

    .player-grid > div[b-zwpusglqq1] {
        padding: 13px;
        border-radius: 11px;
        background: #090c0a;
    }

    .player-grid span[b-zwpusglqq1] {
        display: block;
        margin-bottom: 5px;
        color: #626d65;
        font-size: 9px;
        font-weight: 850;
        letter-spacing: 1px;
    }

    .player-grid strong[b-zwpusglqq1] {
        font-size: 18px;
    }

.neon[b-zwpusglqq1] {
    color: #b7ff00;
}

.red[b-zwpusglqq1] {
    color: #ff7777;
}


/* =========================================================
   CAPACITY BAR
   ========================================================= */

.capacity-track[b-zwpusglqq1] {
    height: 6px;
    margin-top: 14px;
    overflow: hidden;
    border-radius: 999px;
    background: #171d18;
}

.capacity-value[b-zwpusglqq1] {
    height: 100%;
    border-radius: inherit;
    background: #b7ff00;
    transition: width .25s ease;
}


/* =========================================================
   PARTICIPANTS BUTTON
   ========================================================= */

.participants-button[b-zwpusglqq1] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 44px;
    margin-top: 18px;
    border: 1px solid rgba(183, 255, 0, .20);
    border-radius: 11px;
    background: rgba(183, 255, 0, .06);
    color: #b7ff00;
    font-weight: 800;
    cursor: pointer;
    transition: background .2s ease, border-color .2s ease;
}

    .participants-button:hover[b-zwpusglqq1] {
        border-color: rgba(183, 255, 0, .35);
        background: rgba(183, 255, 0, .10);
    }

    .participants-button span[b-zwpusglqq1] {
        padding: 2px 7px;
        border-radius: 999px;
        background: rgba(183, 255, 0, .12);
        font-size: 10px;
    }


/* =========================================================
   DIVIDERS
   ========================================================= */

.divider[b-zwpusglqq1] {
    height: 1px;
    margin: 21px 0;
    background: rgba(255, 255, 255, .06);
}


/* =========================================================
   META
   ========================================================= */

.meta-row[b-zwpusglqq1] {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 11px;
    font-size: 12px;
}

    .meta-row span[b-zwpusglqq1] {
        color: #78827b;
    }

    .meta-row strong[b-zwpusglqq1] {
        color: #d8ddd9;
        text-align: right;
    }


/* =========================================================
   STATUS NOTE
   ========================================================= */

.status-note[b-zwpusglqq1] {
    padding: 13px;
    border-radius: 11px;
    background: #090c0a;
    color: #8c968f;
    font-size: 12px;
    line-height: 1.6;
}


/* =========================================================
   STATES
   ========================================================= */

.state-panel[b-zwpusglqq1] {
    padding: 65px 30px;
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 20px;
    background: #0d110e;
    text-align: center;
}

    .state-panel .spinner-border[b-zwpusglqq1] {
        margin-bottom: 12px;
    }

    .state-panel h3[b-zwpusglqq1] {
        margin: 0 0 8px;
    }

    .state-panel p[b-zwpusglqq1] {
        color: #7e8981;
    }

    .state-panel button[b-zwpusglqq1] {
        margin-top: 12px;
        border: none;
        border-radius: 10px;
        padding: 10px 17px;
        background: #b7ff00;
        color: #071007;
        font-weight: 800;
        cursor: pointer;
    }


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1000px) {

    .details-grid[b-zwpusglqq1] {
        grid-template-columns: 1fr;
    }

    .management-card[b-zwpusglqq1] {
        position: static;
    }
}


@media (max-width: 700px) {

    .details-container[b-zwpusglqq1] {
        padding: 28px 18px 55px;
    }

    .page-header[b-zwpusglqq1] {
        flex-direction: column;
    }

    .info-grid[b-zwpusglqq1],
    .court-list[b-zwpusglqq1] {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 480px) {

    .info-card[b-zwpusglqq1],
    .management-card[b-zwpusglqq1] {
        padding: 20px;
    }

    .player-grid[b-zwpusglqq1] {
        grid-template-columns: 1fr 1fr;
    }

    .page-header h1[b-zwpusglqq1] {
        font-size: 29px;
    }
}
/* /Pages/Owner/OwnerOpenPlays.razor.rz.scp.css */
.owner-openplay-page[b-3zi4lzg7dv] {
    min-height: 100vh;
    background: #080b09;
    color: #ffffff;
}

.openplay-container[b-3zi4lzg7dv] {
    max-width: 1450px;
    margin: 0 auto;
    padding: 42px 32px 70px;
}


/* =========================================================
   HEADER
   ========================================================= */

.page-header[b-3zi4lzg7dv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 32px;
}

.page-eyebrow[b-3zi4lzg7dv] {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    color: #b7ff00;
}

.page-header h1[b-3zi4lzg7dv] {
    margin: 0;
    font-size: 34px;
    font-weight: 800;
}

.page-header p[b-3zi4lzg7dv] {
    margin: 8px 0 0;
    color: #8f9b92;
}

.create-openplay-button[b-3zi4lzg7dv] {
    border: none;
    border-radius: 12px;
    padding: 13px 20px;
    background: #b7ff00;
    color: #071007;
    font-weight: 800;
    cursor: pointer;
    transition: filter .2s ease, transform .2s ease;
}

    .create-openplay-button:hover[b-3zi4lzg7dv] {
        filter: brightness(1.06);
        transform: translateY(-1px);
    }


/* =========================================================
   FILTER BAR
   ========================================================= */

.filter-bar[b-3zi4lzg7dv] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 28px;
}

.filter-button[b-3zi4lzg7dv] {
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 999px;
    padding: 9px 14px;
    background: #0d120f;
    color: #9aa49d;
    cursor: pointer;
    transition: background .2s ease, border-color .2s ease, color .2s ease;
}

    .filter-button span[b-3zi4lzg7dv] {
        min-width: 22px;
        padding: 2px 6px;
        border-radius: 999px;
        background: rgba(255, 255, 255, .06);
        font-size: 11px;
        text-align: center;
    }

    .filter-button:hover[b-3zi4lzg7dv] {
        border-color: rgba(183, 255, 0, .20);
        color: #ffffff;
    }

    .filter-button.active[b-3zi4lzg7dv] {
        border-color: rgba(183, 255, 0, .35);
        background: rgba(183, 255, 0, .08);
        color: #b7ff00;
    }


/* =========================================================
   SESSION GRID
   ========================================================= */

.session-grid[b-3zi4lzg7dv] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.session-card[b-3zi4lzg7dv] {
    display: flex;
    flex-direction: column;
    padding: 22px;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 18px;
    background: #0c100d;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

    .session-card:hover[b-3zi4lzg7dv] {
        transform: translateY(-2px);
        border-color: rgba(183, 255, 0, .16);
        box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
    }

.session-card-top[b-3zi4lzg7dv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.session-date[b-3zi4lzg7dv] {
    color: #89938c;
    font-size: 13px;
}


/* =========================================================
   STATUS BADGES
   ========================================================= */

.status-badge[b-3zi4lzg7dv] {
    display: inline-flex;
    align-items: center;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .5px;
}

    .status-badge.draft[b-3zi4lzg7dv] {
        background: rgba(228, 184, 63, .12);
        color: #e4b83f;
    }

    .status-badge.published[b-3zi4lzg7dv] {
        background: rgba(183, 255, 0, .12);
        color: #b7ff00;
    }

    .status-badge.closed[b-3zi4lzg7dv] {
        background: rgba(255, 255, 255, .08);
        color: #c5ccc7;
    }

    .status-badge.completed[b-3zi4lzg7dv] {
        background: rgba(83, 163, 255, .12);
        color: #7bb8ff;
    }

    .status-badge.cancelled[b-3zi4lzg7dv] {
        background: rgba(255, 80, 80, .10);
        color: #ff7373;
    }


/* =========================================================
   SESSION CONTENT
   ========================================================= */

.session-heading[b-3zi4lzg7dv] {
    margin-top: 20px;
}

    .session-heading h3[b-3zi4lzg7dv] {
        margin: 0;
        font-size: 20px;
        font-weight: 800;
    }

.business-name[b-3zi4lzg7dv] {
    display: block;
    margin-top: 5px;
    color: #b7ff00;
    font-size: 13px;
    font-weight: 700;
}

.session-description[b-3zi4lzg7dv] {
    margin: 15px 0 0;
    color: #8e9891;
    font-size: 14px;
    line-height: 1.6;
}

.session-details[b-3zi4lzg7dv] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-top: 20px;
}

.detail-item[b-3zi4lzg7dv] {
    padding: 12px;
    border-radius: 11px;
    background: #090c0a;
}

.detail-label[b-3zi4lzg7dv] {
    display: block;
    margin-bottom: 5px;
    color: #69736c;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
}

.detail-item strong[b-3zi4lzg7dv] {
    font-size: 13px;
}

.fee-value[b-3zi4lzg7dv] {
    color: #e4b83f;
}


/* =========================================================
   COURTS
   ========================================================= */

.court-section[b-3zi4lzg7dv] {
    margin-top: 19px;
}

.court-section-label[b-3zi4lzg7dv] {
    color: #69736c;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
}

.court-list[b-3zi4lzg7dv] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 8px;
}

.court-chip[b-3zi4lzg7dv] {
    padding: 6px 10px;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 999px;
    background: #090c0a;
    color: #c7cec9;
    font-size: 12px;
}


/* =========================================================
   PLAYER PROGRESS
   ========================================================= */

.player-progress[b-3zi4lzg7dv] {
    margin-top: 20px;
}

.progress-header[b-3zi4lzg7dv] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 7px;
    color: #8e9891;
    font-size: 12px;
}

    .progress-header strong[b-3zi4lzg7dv] {
        color: #ffffff;
    }

.progress-track[b-3zi4lzg7dv] {
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: #161c17;
}

.progress-value[b-3zi4lzg7dv] {
    height: 100%;
    border-radius: inherit;
    background: #b7ff00;
    transition: width .25s ease;
}


/* =========================================================
   SESSION ACTIONS
   ========================================================= */

.session-actions[b-3zi4lzg7dv] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: auto;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, .06);
}

    .session-actions button[b-3zi4lzg7dv] {
        flex: 1 1 130px;
        min-height: 42px;
        border-radius: 10px;
        padding: 10px 12px;
        font-weight: 750;
        cursor: pointer;
        transition: background .2s ease, border-color .2s ease, color .2s ease, filter .2s ease, opacity .2s ease;
    }


/* VIEW DETAILS */

.view-button[b-3zi4lzg7dv] {
    border: 1px solid rgba(255, 255, 255, .10);
    background: transparent;
    color: #ffffff;
}

    .view-button:hover:not(:disabled)[b-3zi4lzg7dv] {
        border-color: rgba(255, 255, 255, .18);
        background: rgba(255, 255, 255, .05);
    }


/* PARTICIPANTS */

.participants-button[b-3zi4lzg7dv] {
    border: 1px solid rgba(255, 255, 255, .10);
    background: transparent;
    color: #ffffff;
}

    .participants-button:hover:not(:disabled)[b-3zi4lzg7dv] {
        border-color: rgba(183, 255, 0, .25);
        background: rgba(183, 255, 0, .05);
    }

    .participants-button span[b-3zi4lzg7dv] {
        margin-left: 6px;
        padding: 2px 7px;
        border-radius: 999px;
        background: rgba(183, 255, 0, .10);
        color: #b7ff00;
        font-size: 10px;
    }


/* PUBLISH */

.publish-button[b-3zi4lzg7dv] {
    border: none;
    background: #b7ff00;
    color: #071007;
}

    .publish-button:hover:not(:disabled)[b-3zi4lzg7dv] {
        filter: brightness(1.06);
    }


/* CLOSE REGISTRATION */

.close-button[b-3zi4lzg7dv] {
    border: 1px solid rgba(228, 184, 63, .25);
    background: rgba(228, 184, 63, .08);
    color: #e4b83f;
}

    .close-button:hover:not(:disabled)[b-3zi4lzg7dv] {
        border-color: rgba(228, 184, 63, .40);
        background: rgba(228, 184, 63, .13);
    }


/* MARK COMPLETED */

.complete-button[b-3zi4lzg7dv] {
    border: none;
    background: #b7ff00;
    color: #071007;
}

    .complete-button:hover:not(:disabled)[b-3zi4lzg7dv] {
        filter: brightness(1.06);
    }


/* DISABLED ACTIONS */

.session-actions button:disabled[b-3zi4lzg7dv] {
    opacity: .55;
    cursor: not-allowed;
}


/* =========================================================
   STATES
   ========================================================= */

.loading-panel[b-3zi4lzg7dv],
.empty-panel[b-3zi4lzg7dv],
.error-panel[b-3zi4lzg7dv] {
    padding: 60px 30px;
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 18px;
    background: #0c100d;
    text-align: center;
}

.loading-panel[b-3zi4lzg7dv] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    color: #99a29c;
}

.empty-panel h3[b-3zi4lzg7dv],
.error-panel strong[b-3zi4lzg7dv] {
    display: block;
    margin: 0 0 8px;
}

.empty-panel p[b-3zi4lzg7dv],
.error-panel span[b-3zi4lzg7dv] {
    display: block;
    margin-bottom: 20px;
    color: #858f88;
}

.empty-icon[b-3zi4lzg7dv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    margin-bottom: 16px;
    border-radius: 14px;
    background: rgba(183, 255, 0, .08);
    color: #b7ff00;
    font-weight: 900;
}

.error-panel button[b-3zi4lzg7dv] {
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 10px;
    padding: 10px 18px;
    background: transparent;
    color: #ffffff;
    cursor: pointer;
}

    .error-panel button:hover[b-3zi4lzg7dv] {
        background: rgba(255, 255, 255, .05);
    }


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1150px) {

    .session-grid[b-3zi4lzg7dv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


@media (max-width: 850px) {

    .openplay-container[b-3zi4lzg7dv] {
        padding-left: 22px;
        padding-right: 22px;
    }

    .session-actions button[b-3zi4lzg7dv] {
        flex-basis: 45%;
    }
}


@media (max-width: 720px) {

    .openplay-container[b-3zi4lzg7dv] {
        padding: 28px 18px 50px;
    }

    .page-header[b-3zi4lzg7dv] {
        flex-direction: column;
    }

        .page-header h1[b-3zi4lzg7dv] {
            font-size: 29px;
        }

    .create-openplay-button[b-3zi4lzg7dv] {
        width: 100%;
    }

    .session-grid[b-3zi4lzg7dv] {
        grid-template-columns: 1fr;
    }

    .session-details[b-3zi4lzg7dv] {
        grid-template-columns: 1fr 1fr;
    }
}


@media (max-width: 480px) {

    .session-card[b-3zi4lzg7dv] {
        padding: 18px;
    }

    .session-card-top[b-3zi4lzg7dv] {
        align-items: flex-start;
        flex-direction: column;
    }

    .session-details[b-3zi4lzg7dv] {
        grid-template-columns: 1fr;
    }

    .session-actions[b-3zi4lzg7dv] {
        flex-direction: column;
    }

        .session-actions button[b-3zi4lzg7dv] {
            flex: 1 1 auto;
            width: 100%;
        }
}

.cancel-session-button[b-3zi4lzg7dv] {
    border: 1px solid rgba(255, 90, 90, .22);
    background: rgba(255, 80, 80, .06);
    color: #ff7777;
}

    .cancel-session-button:hover:not(:disabled)[b-3zi4lzg7dv] {
        border-color: rgba(255, 90, 90, .40);
        background: rgba(255, 80, 80, .11);
    }
/* /Pages/Owner/Reservations.razor.rz.scp.css */
/* =========================================================
   OWNER RESERVATIONS PAGE
   ========================================================= */

.owner-reservations-page[b-clmm74mqww] {
    min-height: 100vh;
    padding-bottom: 60px;
    color: #ffffff;
}


    /* =========================================================
   PAGE HEADING
   ========================================================= */

    .owner-reservations-page h2[b-clmm74mqww] {
        margin: 0;
        color: #ffffff;
        font-size: 2rem;
        font-weight: 850;
    }

    .owner-reservations-page .page-subtitle[b-clmm74mqww] {
        margin-top: 6px;
        color: #7f8983;
        font-size: .95rem;
    }


    /* =========================================================
   SEARCH PANEL
   ========================================================= */

    .owner-reservations-page .reservation-search[b-clmm74mqww] {
        padding: 20px;
        border: 1px solid #e5e7eb;
        border-radius: 18px;
        background: #ffffff;
        box-shadow: 0 12px 30px rgba(0, 0, 0, .08);
    }

    .owner-reservations-page .search-header h5[b-clmm74mqww] {
        margin: 0;
        color: #111827;
        font-size: 1.2rem;
        font-weight: 800;
    }

    .owner-reservations-page .search-header p[b-clmm74mqww] {
        margin: 4px 0 18px;
        color: #6b7280;
        font-size: .88rem;
    }

    .owner-reservations-page .form-label[b-clmm74mqww] {
        color: #111827;
        font-size: .78rem;
        font-weight: 700;
    }

    .owner-reservations-page .form-control[b-clmm74mqww] {
        min-height: 42px;
        border: 1px solid #d1d5db;
        border-radius: 9px;
        background: #ffffff;
        color: #111827;
        font-size: .85rem;
    }

        .owner-reservations-page .form-control:focus[b-clmm74mqww] {
            border-color: #aab2bc;
            box-shadow: 0 0 0 3px rgba(17, 24, 39, .05);
        }


    /* =========================================================
   SEARCH ACTIONS
   ========================================================= */

    .owner-reservations-page .search-actions[b-clmm74mqww] {
        display: flex;
        gap: 8px;
    }

    .owner-reservations-page .search-button[b-clmm74mqww] {
        min-height: 42px;
        padding: 0 18px;
        border: none;
        border-radius: 9px;
        background: #111827;
        color: #ffffff;
        font-size: .78rem;
        font-weight: 700;
        cursor: pointer;
        transition: background .2s ease, transform .2s ease;
    }

        .owner-reservations-page .search-button:hover[b-clmm74mqww] {
            transform: translateY(-1px);
            background: #1f2937;
        }

    .owner-reservations-page .clear-button[b-clmm74mqww] {
        min-height: 42px;
        padding: 0 18px;
        border: 1px solid #d1d5db;
        border-radius: 9px;
        background: #ffffff;
        color: #374151;
        font-size: .78rem;
        font-weight: 700;
        cursor: pointer;
        transition: background .2s ease, border-color .2s ease;
    }

        .owner-reservations-page .clear-button:hover[b-clmm74mqww] {
            border-color: #b9c0c9;
            background: #f8fafc;
        }


    /* =========================================================
   RESERVATION LIST
   ========================================================= */

    .owner-reservations-page .reservation-list[b-clmm74mqww] {
        display: grid;
        gap: 20px;
    }


    /* =========================================================
   RESERVATION CARD
   ========================================================= */

    .owner-reservations-page .reservation-card[b-clmm74mqww] {
        overflow: hidden;
        border: 1px solid #e5e7eb;
        border-radius: 18px;
        background: #ffffff;
        color: #111827;
        box-shadow: 0 12px 32px rgba(0, 0, 0, .08);
    }


    /* =========================================================
   RESERVATION HEADER
   ========================================================= */

    .owner-reservations-page .reservation-header[b-clmm74mqww] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 18px;
        padding: 20px;
        border-bottom: 1px solid #e5e7eb;
        background: linear-gradient( 180deg, #ffffff, #fbfcfd );
    }

        .owner-reservations-page .reservation-header h5[b-clmm74mqww] {
            margin: 0;
            color: #111827;
            font-size: 1.1rem;
            font-weight: 850;
        }

        .owner-reservations-page .reservation-header .text-muted[b-clmm74mqww] {
            display: block;
            margin-top: 4px;
            color: #6b7280 !important;
            font-size: .8rem;
        }


    /* =========================================================
   BADGES
   ========================================================= */

    .owner-reservations-page .reservation-badges[b-clmm74mqww] {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 7px;
    }

    .owner-reservations-page .source-badge[b-clmm74mqww] {
        padding: 7px 11px;
        border-radius: 999px;
        font-size: .65rem;
        font-weight: 800;
        letter-spacing: .06em;
    }

    .owner-reservations-page .source-walkin[b-clmm74mqww] {
        border: 1px solid rgba(228, 184, 63, .25);
        background: rgba(228, 184, 63, .12);
        color: #9a7418;
    }

    .owner-reservations-page .source-online[b-clmm74mqww] {
        border: 1px solid rgba(126, 176, 0, .22);
        background: rgba(183, 255, 0, .08);
        color: #6f9800;
    }


    /* =========================================================
   RESERVATION STATUS
   ========================================================= */

    .owner-reservations-page .status-badge[b-clmm74mqww] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 7px 12px;
        border-radius: 999px;
        font-size: .68rem;
        font-weight: 800;
    }

    .owner-reservations-page .status-pending[b-clmm74mqww] {
        background: #fff3cd;
        color: #856404;
    }

    .owner-reservations-page .status-approved[b-clmm74mqww] {
        background: #d1e7dd;
        color: #0f5132;
    }

    .owner-reservations-page .status-rejected[b-clmm74mqww] {
        background: #f8d7da;
        color: #842029;
    }

    .owner-reservations-page .status-cancelled[b-clmm74mqww] {
        background: #e5e7eb;
        color: #4b5563;
    }

    .owner-reservations-page .status-completed[b-clmm74mqww] {
        background: #cff4fc;
        color: #055160;
    }


    /* =========================================================
   RESERVATION BODY
   ========================================================= */

    .owner-reservations-page .reservation-body[b-clmm74mqww] {
        padding: 20px;
    }

    .owner-reservations-page .reservation-row[b-clmm74mqww] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        padding: 8px 0;
    }

        .owner-reservations-page .reservation-row > span[b-clmm74mqww] {
            color: #6b7280;
            font-size: .88rem;
        }

        .owner-reservations-page .reservation-row > strong[b-clmm74mqww] {
            color: #111827 !important;
            font-size: .9rem;
            font-weight: 700;
            text-align: right;
        }


    /* =========================================================
   SCHEDULE
   ========================================================= */

    .owner-reservations-page .schedule-section[b-clmm74mqww] {
        margin-top: 16px;
        margin-bottom: 16px;
    }

        .owner-reservations-page .schedule-section > .text-muted[b-clmm74mqww],
        .owner-reservations-page .section-label[b-clmm74mqww] {
            display: block;
            margin-bottom: 9px;
            color: #6b7280 !important;
            font-size: .72rem;
            font-weight: 700;
            letter-spacing: .06em;
            text-transform: uppercase;
        }

    .owner-reservations-page .schedule-list[b-clmm74mqww] {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .owner-reservations-page .schedule-chip[b-clmm74mqww] {
        display: flex;
        flex-direction: column;
        gap: 4px;
        min-width: 175px;
        padding: 10px 12px;
        border: 1px solid #dbe1e7;
        border-radius: 10px;
        background: #f8fafc;
        color: #111827 !important;
        font-size: .8rem;
        font-weight: 700;
    }

        .owner-reservations-page .schedule-chip small[b-clmm74mqww] {
            color: #475569 !important;
            font-size: .72rem;
            font-weight: 500;
        }


    /* =========================================================
   TOTAL
   ========================================================= */

    .owner-reservations-page .total-row[b-clmm74mqww] {
        margin-top: 16px;
        padding-top: 16px;
        border-top: 1px solid #e5e7eb;
    }

        .owner-reservations-page .total-row > span[b-clmm74mqww] {
            color: #374151;
            font-weight: 700;
        }

        .owner-reservations-page .total-row > strong[b-clmm74mqww] {
            color: #111827 !important;
            font-size: 1.2rem;
            font-weight: 850;
        }


    /* =========================================================
   PAYMENT SECTION
   ========================================================= */

    .owner-reservations-page .owner-payment-section[b-clmm74mqww] {
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid #e5e7eb;
    }


    /* =========================================================
   PAYMENT HEADER
   ========================================================= */

    .owner-reservations-page .payment-section-header[b-clmm74mqww] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 16px;
        margin-bottom: 16px;
    }

    .owner-reservations-page .payment-eyebrow[b-clmm74mqww] {
        display: block;
        margin-bottom: 4px;
        color: #9a7418;
        font-size: .66rem;
        font-weight: 850;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .owner-reservations-page .payment-section-header h6[b-clmm74mqww] {
        margin: 0;
        color: #111827;
        font-size: 1rem;
        font-weight: 850;
    }


    /* =========================================================
   PAYMENT STATUS
   ========================================================= */

    .owner-reservations-page .payment-status[b-clmm74mqww] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 6px 10px;
        border-radius: 999px;
        font-size: .66rem;
        font-weight: 850;
        white-space: nowrap;
    }

        .owner-reservations-page .payment-status.pending[b-clmm74mqww] {
            border: 1px solid #f1d48a;
            background: #fff8df;
            color: #8a6508;
        }

        .owner-reservations-page .payment-status.verified[b-clmm74mqww] {
            border: 1px solid #a7d7be;
            background: #e8f7ef;
            color: #146c43;
        }

        .owner-reservations-page .payment-status.rejected[b-clmm74mqww] {
            border: 1px solid #efb0b5;
            background: #fdebed;
            color: #a12632;
        }


    /* =========================================================
   NO PAYMENT PROOF
   ========================================================= */

    .owner-reservations-page .no-payment-proof[b-clmm74mqww] {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        padding: 14px;
        border: 1px solid #e5e7eb;
        border-radius: 11px;
        background: #f8fafc;
    }

    .owner-reservations-page .payment-info-icon[b-clmm74mqww] {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        background: #eef2f7;
        color: #475569;
        font-size: .75rem;
        font-weight: 850;
    }

    .owner-reservations-page .no-payment-proof strong[b-clmm74mqww] {
        display: block;
        color: #111827;
        font-size: .82rem;
        font-weight: 700;
    }

    .owner-reservations-page .no-payment-proof p[b-clmm74mqww] {
        margin: 3px 0 0;
        color: #6b7280;
        font-size: .75rem;
        line-height: 1.5;
    }


    /* =========================================================
   PAYMENT PROOF DETAILS
   ========================================================= */

    .owner-reservations-page .payment-proof-details[b-clmm74mqww] {
        padding: 16px;
        border: 1px solid #e5e7eb;
        border-radius: 13px;
        background: #f8fafc;
    }

    .owner-reservations-page .payment-proof-row[b-clmm74mqww] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 20px;
        padding: 6px 0;
    }

        .owner-reservations-page .payment-proof-row > span[b-clmm74mqww] {
            color: #6b7280;
            font-size: .76rem;
        }

        .owner-reservations-page .payment-proof-row > strong[b-clmm74mqww] {
            color: #111827;
            font-size: .8rem;
            font-weight: 700;
            text-align: right;
        }


    /* =========================================================
   PAYMENT SCREENSHOT
   ========================================================= */

    .owner-reservations-page .payment-screenshot[b-clmm74mqww] {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 16px;
        padding: 16px;
        border: 1px solid #e5e7eb;
        border-radius: 12px;
        background: #ffffff;
    }

        .owner-reservations-page .payment-screenshot img[b-clmm74mqww] {
            display: block;
            width: auto;
            max-width: 300px;
            max-height: 400px;
            object-fit: contain;
            border: 1px solid #dbe1e7;
            border-radius: 10px;
            background: #ffffff;
            cursor: pointer;
            box-shadow: 0 8px 20px rgba(0, 0, 0, .08);
            transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
        }

            .owner-reservations-page .payment-screenshot img:hover[b-clmm74mqww] {
                transform: translateY(-2px);
                border-color: #94a3b8;
                box-shadow: 0 12px 26px rgba(0, 0, 0, .12);
            }


    /* =========================================================
   OWNER REMARKS
   ========================================================= */

    .owner-reservations-page .payment-owner-remarks[b-clmm74mqww] {
        margin-top: 14px;
        padding: 12px 14px;
        border: 1px solid #f2c7ca;
        border-radius: 10px;
        background: #fff4f5;
    }

        .owner-reservations-page .payment-owner-remarks span[b-clmm74mqww] {
            display: block;
            margin-bottom: 4px;
            color: #b42330;
            font-size: .64rem;
            font-weight: 850;
            letter-spacing: .07em;
        }

        .owner-reservations-page .payment-owner-remarks p[b-clmm74mqww] {
            margin: 0;
            color: #7f1d2d;
            font-size: .76rem;
            line-height: 1.5;
        }


    /* =========================================================
   PAYMENT PROOF ACTIONS
   Secondary actions — intentionally subtle
   ========================================================= */

    .owner-reservations-page .payment-proof-actions[b-clmm74mqww] {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        margin-top: 16px;
    }


    /* =========================================================
   REJECT / INVALID PAYMENT PROOF
   ========================================================= */

    .owner-reservations-page .reject-proof-button[b-clmm74mqww] {
        min-height: 36px;
        padding: 0 13px;
        border: 1px solid #d1d5db;
        border-radius: 8px;
        background: #ffffff;
        color: #6b7280;
        font-size: .7rem;
        font-weight: 700;
        cursor: pointer;
        transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease;
    }

        .owner-reservations-page
        .reject-proof-button:hover:not(:disabled)[b-clmm74mqww] {
            transform: translateY(-1px);
            border-color: #f0a7ad;
            background: #fff7f7;
            color: #dc3545;
        }


    /* =========================================================
   VERIFY PAYMENT PROOF
   ========================================================= */

    .owner-reservations-page .verify-proof-button[b-clmm74mqww] {
        min-height: 36px;
        padding: 0 13px;
        border: 1px solid #a7d7be;
        border-radius: 8px;
        background: #e8f7ef;
        color: #146c43;
        font-size: .7rem;
        font-weight: 700;
        cursor: pointer;
        transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease;
    }

        .owner-reservations-page
        .verify-proof-button:hover:not(:disabled)[b-clmm74mqww] {
            transform: translateY(-1px);
            border-color: #8ac9a7;
            background: #d8f1e4;
            color: #0f5f39;
        }


        /* =========================================================
   PAYMENT BUTTON DISABLED
   ========================================================= */

        .owner-reservations-page
        .reject-proof-button:disabled[b-clmm74mqww],
        .owner-reservations-page
        .verify-proof-button:disabled[b-clmm74mqww] {
            opacity: .45;
            cursor: not-allowed;
            transform: none;
        }


    /* =========================================================
   RESERVATION DECISION / ACTIONS
   Primary actions
   ========================================================= */

    .owner-reservations-page .reservation-actions[b-clmm74mqww] {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 10px;
        margin: 0 !important;
        padding: 18px 20px 20px;
        border-top: 1px solid #e5e7eb;
        background: #fbfcfd;
    }


        /* =========================================================
   BASE RESERVATION BUTTON
   ========================================================= */

        .owner-reservations-page .reservation-actions .btn[b-clmm74mqww] {
            min-width: 135px;
            min-height: 42px;
            padding: 0 18px;
            border-radius: 9px;
            font-size: .76rem;
            font-weight: 750;
            cursor: pointer;
            transition: transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
        }


        /* =========================================================
   REJECT RESERVATION
   ========================================================= */

        .owner-reservations-page
        .reservation-actions .btn-outline-danger[b-clmm74mqww] {
            border: 1px solid #dc3545;
            background: #ffffff;
            color: #dc3545;
        }

            .owner-reservations-page
            .reservation-actions
            .btn-outline-danger:hover:not(:disabled)[b-clmm74mqww] {
                transform: translateY(-1px);
                background: #dc3545;
                color: #ffffff;
                box-shadow: 0 6px 16px rgba(220, 53, 69, .12);
            }


        /* =========================================================
   APPROVE RESERVATION
   ========================================================= */

        .owner-reservations-page
        .reservation-actions .btn-success[b-clmm74mqww] {
            border: 1px solid #198754;
            background: #198754;
            color: #ffffff;
        }

            .owner-reservations-page
            .reservation-actions
            .btn-success:hover:not(:disabled)[b-clmm74mqww] {
                transform: translateY(-1px);
                border-color: #157347;
                background: #157347;
                box-shadow: 0 6px 16px rgba(25, 135, 84, .15);
            }


        /* =========================================================
   DISABLED RESERVATION ACTION
   ========================================================= */

        .owner-reservations-page
        .reservation-actions .btn:disabled[b-clmm74mqww] {
            opacity: .45;
            cursor: not-allowed;
            transform: none;
            box-shadow: none;
        }


    /* =========================================================
   LOADING
   ========================================================= */

    .owner-reservations-page .spinner-border[b-clmm74mqww] {
        color: #7eb000;
    }


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 768px) {

    .owner-reservations-page .reservation-header[b-clmm74mqww] {
        align-items: flex-start;
    }


    .owner-reservations-page .reservation-badges[b-clmm74mqww] {
        justify-content: flex-end;
    }


    .owner-reservations-page
    .payment-screenshot img[b-clmm74mqww] {
        max-width: 260px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .owner-reservations-page h2[b-clmm74mqww] {
        font-size: 1.6rem;
    }


    /* HEADER */

    .owner-reservations-page .reservation-header[b-clmm74mqww] {
        flex-direction: column;
        gap: 12px;
    }


    .owner-reservations-page .reservation-badges[b-clmm74mqww] {
        justify-content: flex-start;
        width: 100%;
    }


    /* ROWS */

    .owner-reservations-page .reservation-row[b-clmm74mqww] {
        flex-direction: column;
        align-items: flex-start;
        gap: 3px;
    }


        .owner-reservations-page
        .reservation-row > strong[b-clmm74mqww] {
            text-align: left;
        }


    /* SCHEDULE */

    .owner-reservations-page .schedule-chip[b-clmm74mqww] {
        width: 100%;
    }


    /* SEARCH */

    .owner-reservations-page .search-actions[b-clmm74mqww] {
        width: 100%;
    }


    .owner-reservations-page .search-button[b-clmm74mqww],
    .owner-reservations-page .clear-button[b-clmm74mqww] {
        flex: 1;
    }


    /* PAYMENT HEADER */

    .owner-reservations-page
    .payment-section-header[b-clmm74mqww] {
        flex-direction: column;
        align-items: flex-start;
    }


    /* PAYMENT ROW */

    .owner-reservations-page
    .payment-proof-row[b-clmm74mqww] {
        flex-direction: column;
        gap: 3px;
    }


        .owner-reservations-page
        .payment-proof-row > strong[b-clmm74mqww] {
            text-align: left;
        }


    /* SCREENSHOT */

    .owner-reservations-page
    .payment-screenshot[b-clmm74mqww] {
        padding: 12px;
    }


        .owner-reservations-page
        .payment-screenshot img[b-clmm74mqww] {
            width: auto;
            max-width: 100%;
            max-height: 360px;
        }


    /* PAYMENT ACTIONS */

    .owner-reservations-page
    .payment-proof-actions[b-clmm74mqww] {
        flex-direction: column;
        width: 100%;
    }


    .owner-reservations-page
    .reject-proof-button[b-clmm74mqww],
    .owner-reservations-page
    .verify-proof-button[b-clmm74mqww] {
        width: 100%;
    }


    /* RESERVATION ACTIONS */

    .owner-reservations-page
    .reservation-actions[b-clmm74mqww] {
        flex-direction: column;
        width: 100%;
    }


        .owner-reservations-page
        .reservation-actions .btn[b-clmm74mqww] {
            width: 100%;
        }
}
/* =========================================================
   PAYMENT PROOF ACTIONS
   ========================================================= */

.owner-reservations-page .payment-proof-actions[b-clmm74mqww] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
}


/* PAYMENT - INVALID */

.owner-reservations-page .proof-invalid-button[b-clmm74mqww] {
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: #ffffff;
    color: #6b7280;
    font-size: .72rem;
    font-weight: 700;
    cursor: pointer;
    transition: border-color .2s ease, background .2s ease, color .2s ease, transform .2s ease;
}

    .owner-reservations-page
    .proof-invalid-button:hover:not(:disabled)[b-clmm74mqww] {
        transform: translateY(-1px);
        border-color: #f0a7ad;
        background: #fff7f7;
        color: #dc3545;
    }


/* PAYMENT - VERIFY */

.owner-reservations-page .proof-verify-button[b-clmm74mqww] {
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid #a7d7be;
    border-radius: 8px;
    background: #e8f7ef;
    color: #146c43;
    font-size: .72rem;
    font-weight: 750;
    cursor: pointer;
    transition: border-color .2s ease, background .2s ease, color .2s ease, transform .2s ease;
}

    .owner-reservations-page
    .proof-verify-button:hover:not(:disabled)[b-clmm74mqww] {
        transform: translateY(-1px);
        border-color: #8ac9a7;
        background: #d8f1e4;
        color: #0f5f39;
    }


/* =========================================================
   RESERVATION DECISION
   ========================================================= */

.owner-reservations-page .reservation-decision[b-clmm74mqww] {
    margin-top: 20px;
    padding: 18px 20px 20px;
    border-top: 1px solid #e5e7eb;
    background: #fbfcfd;
}


.owner-reservations-page .decision-label[b-clmm74mqww] {
    display: block;
    margin-bottom: 11px;
    color: #6b7280;
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}


.owner-reservations-page .decision-actions[b-clmm74mqww] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}


/* RESERVATION - REJECT */

.owner-reservations-page .reject-reservation-button[b-clmm74mqww] {
    min-width: 145px;
    min-height: 42px;
    padding: 0 18px;
    border: 1px solid #dc3545;
    border-radius: 9px;
    background: #ffffff;
    color: #dc3545;
    font-size: .76rem;
    font-weight: 750;
    cursor: pointer;
    transition: background .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
}

    .owner-reservations-page
    .reject-reservation-button:hover:not(:disabled)[b-clmm74mqww] {
        transform: translateY(-1px);
        background: #dc3545;
        color: #ffffff;
        box-shadow: 0 6px 16px rgba(220, 53, 69, .12);
    }


/* RESERVATION - APPROVE */

.owner-reservations-page .approve-reservation-button[b-clmm74mqww] {
    min-width: 165px;
    min-height: 42px;
    padding: 0 18px;
    border: 1px solid #198754;
    border-radius: 9px;
    background: #198754;
    color: #ffffff;
    font-size: .76rem;
    font-weight: 750;
    cursor: pointer;
    transition: background .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

    .owner-reservations-page
    .approve-reservation-button:hover:not(:disabled)[b-clmm74mqww] {
        transform: translateY(-1px);
        border-color: #157347;
        background: #157347;
        box-shadow: 0 6px 16px rgba(25, 135, 84, .15);
    }


    /* =========================================================
   DISABLED
   ========================================================= */

    .owner-reservations-page
    .proof-invalid-button:disabled[b-clmm74mqww],
    .owner-reservations-page
    .proof-verify-button:disabled[b-clmm74mqww],
    .owner-reservations-page
    .reject-reservation-button:disabled[b-clmm74mqww],
    .owner-reservations-page
    .approve-reservation-button:disabled[b-clmm74mqww] {
        opacity: .45;
        cursor: not-allowed;
        transform: none;
        box-shadow: none;
    }


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .owner-reservations-page
    .payment-proof-actions[b-clmm74mqww],
    .owner-reservations-page
    .decision-actions[b-clmm74mqww] {
        flex-direction: column;
        width: 100%;
    }


    .owner-reservations-page
    .proof-invalid-button[b-clmm74mqww],
    .owner-reservations-page
    .proof-verify-button[b-clmm74mqww],
    .owner-reservations-page
    .reject-reservation-button[b-clmm74mqww],
    .owner-reservations-page
    .approve-reservation-button[b-clmm74mqww] {
        width: 100%;
    }
}
/* /Pages/Search.razor.rz.scp.css */
.search-page[b-86y7b4brdu] {
    min-height: 100vh;
    background: radial-gradient( circle at top right, rgba(183,255,0,.07), transparent 32% ), radial-gradient( circle at bottom left, rgba(228,184,63,.05), transparent 30% ), #0b0d0c;
    color: white;
}


.search-header[b-86y7b4brdu] {
    max-width: 750px;
    margin-bottom: 35px;
}

.search-eyebrow[b-86y7b4brdu] {
    color: #b7ff00;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .18em;
}

.search-header h1[b-86y7b4brdu] {
    font-size: clamp(2.4rem, 5vw, 4rem);
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1.05;
    margin: 10px 0 15px;
}

    .search-header h1 span[b-86y7b4brdu] {
        color: #b7ff00;
    }

.search-header p[b-86y7b4brdu] {
    color: #8d948f;
    font-size: 1rem;
    line-height: 1.7;
}


.search-panel[b-86y7b4brdu] {
    padding: 25px;
    margin-bottom: 50px;
    border-radius: 20px;
    background: #131613;
    border: 1px solid rgba(255,255,255,.07);
}

.search-label[b-86y7b4brdu] {
    display: block;
    color: #d7dbd8;
    margin-bottom: 7px;
    font-size: .78rem;
    font-weight: 600;
}

.search-input[b-86y7b4brdu] {
    width: 100%;
    min-height: 48px;
    padding: 0 14px;
    border-radius: 11px;
    border: 1px solid rgba(255,255,255,.08);
    background: #0c0f0d;
    color: white;
    outline: none;
}

    .search-input:focus[b-86y7b4brdu] {
        border-color: #b7ff00;
        box-shadow: 0 0 0 3px rgba(183,255,0,.07);
    }

.search-button[b-86y7b4brdu] {
    width: 100%;
    min-height: 48px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 18px;
    border: none;
    border-radius: 11px;
    background: #b7ff00;
    color: #090c09;
    font-weight: 800;
    transition: .2s;
}

    .search-button:hover[b-86y7b4brdu] {
        background: #ccff42;
        transform: translateY(-1px);
    }


.search-results-header[b-86y7b4brdu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

    .search-results-header h4[b-86y7b4brdu] {
        margin: 0;
        font-weight: 750;
    }

    .search-results-header span[b-86y7b4brdu] {
        color: #737a76;
        font-size: .85rem;
    }


.search-court-card[b-86y7b4brdu] {
    height: 100%;
    overflow: hidden;
    border-radius: 20px;
    background: #131613;
    border: 1px solid rgba(255,255,255,.07);
    transition: .25s;
}

    .search-court-card:hover[b-86y7b4brdu] {
        transform: translateY(-6px);
        border-color: rgba(183,255,0,.35);
        box-shadow: 0 20px 50px rgba(0,0,0,.35);
    }


.search-court-image-wrapper[b-86y7b4brdu] {
    position: relative;
    height: 230px;
    overflow: hidden;
}

.search-court-image[b-86y7b4brdu] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s ease;
}

.search-court-card:hover .search-court-image[b-86y7b4brdu] {
    transform: scale(1.05);
}

.search-placeholder[b-86y7b4brdu] {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    background: #171a18;
}


.available-badge[b-86y7b4brdu] {
    position: absolute;
    top: 15px;
    left: 15px;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 7px 11px;
    border-radius: 100px;
    background: rgba(8,12,9,.82);
    color: #d9ff77;
    border: 1px solid rgba(183,255,0,.18);
    font-size: .72rem;
    font-weight: 700;
}

    .available-badge span[b-86y7b4brdu] {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #b7ff00;
        box-shadow: 0 0 8px rgba(183,255,0,.8);
    }


.search-court-body[b-86y7b4brdu] {
    padding: 22px;
}

.business-name[b-86y7b4brdu] {
    color: #e4b83f;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: 7px;
}

.search-court-body h3[b-86y7b4brdu] {
    font-size: 1.3rem;
    font-weight: 750;
    margin-bottom: 10px;
}

.search-court-body p[b-86y7b4brdu] {
    color: #8d948f;
    font-size: .9rem;
    line-height: 1.6;
}


.view-court-button[b-86y7b4brdu] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 18px;
    padding: 13px 16px;
    border-radius: 11px;
    background: #b7ff00;
    color: #090c09;
    text-decoration: none;
    font-weight: 750;
}

    .view-court-button:hover[b-86y7b4brdu] {
        background: #ccff42;
        color: #090c09;
    }


.empty-search[b-86y7b4brdu] {
    min-height: 280px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 20px;
    background: #131613;
    border: 1px solid rgba(255,255,255,.07);
}

    .empty-search h4[b-86y7b4brdu] {
        margin-top: 15px;
    }

    .empty-search p[b-86y7b4brdu] {
        color: #777e79;
    }

.empty-icon[b-86y7b4brdu] {
    color: #e4b83f;
    font-size: 2rem;
}