}

/* Sidebar: default hidden, fixed only on desktop */
body.admin-body .admin-side,
body.admin-body aside.admin-side {
    width: 264px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* -- ADMIN SIDEBAR � FIXED position on desktop (=1025px) -- */
@media (min-width: 1025px) {
    body.admin-body {
        display: block !important;
        min-height: 100dvh !important;
        overflow-x: hidden !important;
        padding-left: 0 !important;
    }

    body.admin-body .admin-side,
    body.admin-body aside.admin-side {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
        width: 264px !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        overflow-y: auto !important;
        padding: 18px 12px !important;
        background: linear-gradient(180deg, #111827 0%, #0b1120 100%) !important;
        border-right: 1px solid rgba(250, 204, 21, .16) !important;
        box-shadow: 16px 0 42px rgba(0, 0, 0, .22) !important;
        z-index: 900 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        flex-shrink: 0 !important;
    }

    body.admin-body .admin-side-head {
        position: sticky !important;
        top: 0 !important;
        z-index: 2 !important;
        padding: 0 8px 16px !important;
        margin-bottom: 12px !important;
        background: #111827 !important;
    }

    body.admin-body .admin-main,
    body.admin-body main.admin-main {
        width: auto !important;
        min-height: 100dvh !important;
        padding: 32px clamp(22px, 3vw, 42px) 54px !important;
        margin-left: 264px !important;
        margin-right: 0 !important;
        max-width: none !important;
        min-width: 0 !important;
    }

    body.admin-body .admin-side-nav a:not(.brand) {
        min-height: 42px !important;
        padding: 10px 12px !important;
        border-radius: 12px !important;
        font-size: 13.8px !important;
        color: rgba(241, 245, 249, .86) !important;
    }

    body.admin-body .admin-side-nav a.active,
    body.admin-body .admin-side-nav a:not(.brand):hover {
        color: #111827 !important;
        background: linear-gradient(135deg, #facc15, #fb923c) !important;
    }

    .admin-side {
        width: 264px !important;
    }

    .admin-side-nav {
        overflow: visible !important;
    }
}

/* -- ADMIN MOBILE � sidebar hidden, slides in via hamburger (=1024px) -- */
@media (max-width: 1024px) {
    body.admin-body {
        display: block !important;
        padding-left: 0 !important;
    }

    body.admin-body .admin-main,
    body.admin-body main.admin-main {
        margin-left: 0 !important;
        padding: 16px !important;
        padding-top: 70px !important;
    }

    .admin-topbar {
        display: flex !important;
    }

    body.admin-body .admin-side,
    body.admin-body aside.admin-side {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
        width: min(85vw, 300px) !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        transform: translateX(-100%) !important;
        transition: transform .3s ease !important;
        z-index: 1500 !important;
        background: linear-gradient(180deg, #111827 0%, #0b1120 100%) !important;
        border-right: 1px solid rgba(250, 204, 21, .16) !important;
        box-shadow: none !important;
        overflow-y: auto !important;
        padding: 18px 12px !important;
        display: flex !important;
        flex-direction: column !important;
    }

    body.admin-body .admin-side.open,
    body.admin-body aside.admin-side.open {
        transform: translateX(0) !important;
        box-shadow: 8px 0 40px rgba(0, 0, 0, .5) !important;
    }

    .admin-side-nav {
        padding-bottom: max(28px, env(safe-area-inset-bottom)) !important;
    }

    .admin-drawer-close {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 36px !important;
        height: 36px !important;
        border-radius: 10px !important;
        border: 1px solid rgba(148, 163, 184, .28) !important;
        background: rgba(255, 255, 255, .06) !important;
        color: #facc15 !important;
        font-size: 16px !important;
        cursor: pointer !important;
        flex-shrink: 0 !important;
    }

    .admin-backdrop {
        position: fixed !important;
        inset: 0 !important;
        background: rgba(0, 0, 0, .5) !important;
        z-index: 1400 !important;
    }

    body.admin-drawer-open {
        overflow: hidden !important;
    }
}

.admin-topbar {
    display: none;
}

.admin-side .side-label {
    color: #facc15 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
}

.admin-side-nav a:not(.brand) {
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;
}

.admin-side-nav a:not(.brand) i {
    width: 20px;
    flex: 0 0 20px;
    text-align: center;
}







































































































































/* -- SECTION THEME COLORS -- */
.ticker {
    background: linear-gradient(135deg, #b8860b, #d4a420, #f0c040) !important;
    border-block: none !important;
}

.ticker-track span {
    color: #ffffff !important;
    font-weight: 700 !important;
}

.ticker-track span::before {
    background: #ffffff !important;
}

.countdown-panel {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-radius: 0 !important;
}

#games.section.white {
    background: linear-gradient(180deg, #fffaf0 0%, #ffffff 58%, #f8fafc 100%) !important;
    margin-top: 40px !important;
}

/* Leadership section theme � handled by HIERARCHY STAIRCASE block above */

.memories.section.white {
    background: linear-gradient(180deg, #0c0e13 0%, #141820 100%) !important;
}

.memories.section.white .section-heading h2,
.memories.section.white .section-heading p {
    color: var(--ink, #e8e0d4) !important;
}

.highlights-showcase {
    background: linear-gradient(135deg, #0c0e13 0%, #1a0c10 50%, #0c0e13 100%) !important;
}

.highlights-showcase .section-heading h2,
.highlights-showcase .section-heading p {
    color: #fff !important;
}

.features.highlights-showcase .feature-spec-card {
    background: rgba(255, 255, 255, .04) !important;
    border-color: rgba(255, 255, 255, .10) !important;
}

.features.highlights-showcase .feature-spec-card h3,
.features.highlights-showcase .feature-spec-card p {
    color: #ffffff !important;
}

.phases.section.soft {
    background: linear-gradient(180deg, #10141c 0%, #0c0e13 100%) !important;
}

.phases .phase-item {
    background: rgba(255, 255, 255, .04) !important;
    border: 1px solid rgba(245, 158, 11, .18) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, .25) !important;
}

.phases .phase-item h4 {
    color: var(--ink, #e8e0d4) !important;
}

.phases .phase-item p {
    color: var(--ink-2, #b8ac9e) !important;
}

.phases .phase-num {
    color: var(--brand, #d4a420) !important;
}


/* -- ABOUT US PAGE -- */
.about-hero {
    background:
        linear-gradient(135deg, rgba(17, 24, 39, .96), rgba(69, 10, 10, .9)),
        radial-gradient(circle at 82% 18%, rgba(250, 204, 21, .20), transparent 34%) !important;
}

.about-hero h1,
.about-hero .lead {
    max-width: 820px !important;
}

.about-story-grid,
.about-rules-grid,
.about-contact-grid {
    grid-template-columns: minmax(0, 1fr) minmax(300px, .86fr) !important;
    gap: clamp(18px, 3vw, 34px) !important;
}

.about-copy-panel,
.about-feature-list,
.about-rules .feature-list,
.about-contact .feature-list,
.about-contact .form-panel {
    border-radius: 16px !important;
    border: 1px solid rgba(148, 163, 184, .18) !important;
    box-shadow: 0 20px 46px rgba(15, 23, 42, .08) !important;
}

.about-feature-list,
.about-rules .feature-list,
.about-contact .feature-list {
    display: grid !important;
    gap: 10px !important;
    padding: clamp(16px, 2.5vw, 24px) !important;
    background: #ffffff !important;
}

.about-feature-list p,
.about-rules .feature-list p,
.about-contact .feature-list p {
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 10px 0 !important;
    color: #334155 !important;
    border-bottom: 1px solid rgba(148, 163, 184, .16) !important;
}

.about-feature-list p:last-child,
.about-rules .feature-list p:last-child,
.about-contact .feature-list p:last-child {
    border-bottom: 0 !important;
}

.about-contact .form-panel input,
.about-contact .form-panel textarea {
    font-size: 16px !important;
}

@media (max-width: 860px) {

    .about-story-grid,
    .about-rules-grid,
    .about-contact-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 560px) {

    .about-copy-panel,
    .about-feature-list,
    .about-rules .feature-list,
    .about-contact .feature-list,
    .about-contact .form-panel {
        padding: 14px !important;
        border-radius: 14px !important;
    }

    .about-feature-list p,
    .about-rules .feature-list p,
    .about-contact .feature-list p {
        font-size: 13px !important;
        line-height: 1.45 !important;
    }
}


/* -- PRIZE POOL BANNER -- */
.prize-banner.reward-showcase {
    position: relative !important;
    overflow: hidden !important;
    margin-top: 0 !important;
    padding-block: clamp(28px, 4vw, 52px) !important;
    background: linear-gradient(180deg, #101827 0%, #0a0f1a 100%) !important;
}

.prize-banner.reward-showcase.split-banner {
    min-height: 0 !important;
    padding-block: clamp(32px, 5vw, 56px) !important;
    border-top: none !important;
    background: linear-gradient(180deg, #101827 0%, #0a0f1a 100%) !important;
}

.prize-split-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 300px) !important;
    gap: clamp(24px, 3vw, 44px) !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

.prize-banner.reward-showcase.split-banner .prize-banner-content {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-self: stretch !important;
    padding: clamp(26px, 3.5vw, 40px) clamp(26px, 3.5vw, 40px) clamp(26px, 3.5vw, 40px) clamp(14px, 1.6vw, 22px) !important;
    border-radius: 20px !important;
    background: rgba(15, 23, 42, .72) !important;
    border: 1px solid rgba(250, 204, 21, .18) !important;
    backdrop-filter: blur(8px) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .35) !important;
    text-align: left !important;
    animation: prizeSlideLeft .9s cubic-bezier(.22, 1, .36, 1) both !important;
}

.prize-banner.reward-showcase.split-banner .prize-banner-bg.prize-rotator,
.prize-banner.reward-showcase.split-banner .prize-rotator,
.prize-split-layout .prize-banner-bg.prize-rotator {
    position: relative !important;
    inset: auto !important;
    width: min(100%, 300px) !important;
    justify-self: center !important;
    aspect-ratio: 4 / 5 !important;
    min-height: 0 !important;
    height: auto !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .45) !important;
    border: 1px solid rgba(250, 204, 21, .14) !important;
    background: #070b12 !important;
    z-index: 1 !important;
    animation: prizeFloat 6s ease-in-out infinite !important;
}

.prize-banner.reward-showcase.split-banner .prize-banner-bg.prize-rotator img,
.prize-split-layout .prize-banner-bg.prize-rotator img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
    border-radius: 20px !important;
    animation: prizeImagePop .9s cubic-bezier(.22, 1, .36, 1) both !important;
}

@keyframes prizeSlideLeft {
    from {
        opacity: 0;
        transform: translateX(-40px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes prizeFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

@keyframes prizeImagePop {
    from {
        opacity: 0;
        transform: scale(.9);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.prize-banner.reward-showcase.split-banner .prize-rotator-slide,
.prize-split-layout .prize-rotator-slide {
    position: absolute !important;
    inset: 0 !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.prize-banner.reward-showcase.split-banner .prize-rotator.single-slide .prize-rotator-slide,
.prize-split-layout .prize-rotator.single-slide .prize-rotator-slide {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
}

/* full-bleed variant (no admin banner uploaded) */
.prize-banner:not(.split-banner) .prize-banner-bg.prize-rotator {
    position: absolute !important;
    inset: 0 !important;
    aspect-ratio: auto !important;
    border-radius: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

.prize-banner-content {
    min-width: 0;
}

.prize-banner-content .eyebrow {
    font-size: 13px !important;
    letter-spacing: .16em !important;
    margin-bottom: 12px !important;
}

.prize-banner-content h2 {
    font-size: clamp(28px, 3.8vw, 46px) !important;
    line-height: 1.12 !important;
    margin: 0 0 14px !important;
    overflow-wrap: anywhere;
}

.prize-banner-content .prize-amount {
    display: block !important;
    font-size: clamp(30px, 5vw, 58px) !important;
    line-height: 1.05 !important;
    margin: 0 0 16px !important;
    overflow-wrap: anywhere;
    background: linear-gradient(90deg, #facc15, #fb923c, #facc15) !important;
    background-size: 200% auto !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    animation: prizeGlow 4s linear infinite !important;
}

@keyframes prizeGlow {
    0% {
        background-position: 0% center;
    }

    100% {
        background-position: 200% center;
    }
}

.prize-banner-content .lead {
    font-size: clamp(15px, 1.6vw, 18px) !important;
    line-height: 1.7 !important;
    max-width: 60ch !important;
    margin: 0 !important;
}

.prize-highlights {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
    gap: 14px !important;
    margin-top: 26px !important;
}

.prize-item {
    display: grid !important;
    justify-items: center !important;
    gap: 7px !important;
    width: 100% !important;
    padding: 20px 16px !important;
    text-align: center !important;
    min-width: 0 !important;
}

@media (max-width: 900px) {
    .prize-split-layout {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        padding: 0 10px !important;
    }

    .prize-split-layout .prize-banner-bg.prize-rotator {
        min-height: 0 !important;
        order: -1 !important;
        width: min(100%, 360px) !important;
        justify-self: center !important;
        height: auto !important;
        border-radius: 14px !important;
        overflow: visible !important;
    }

    .prize-split-layout .prize-banner-bg.prize-rotator img {
        object-fit: contain !important;
        width: 100% !important;
        height: auto !important;
        position: relative !important;
        display: block !important;
    }

    .prize-banner.reward-showcase {
        min-height: 0 !important;
        padding-block: 14px !important;
    }

    .prize-banner.reward-showcase.split-banner .prize-banner-content {
        text-align: center !important;
        padding: 14px !important;
    }

    .prize-banner-content h2 {
        font-size: clamp(20px, 5vw, 30px) !important;
    }

    .prize-banner-content .prize-amount {
        font-size: clamp(22px, 6vw, 34px) !important;
    }

    .prize-banner-content .lead {
        font-size: 13px !important;
    }
}

@media (max-width: 620px) {
    .prize-split-layout {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        padding-inline: 4px !important;
    }

    .prize-split-layout .prize-banner-bg.prize-rotator {
        min-height: 0 !important;
        border-radius: 14px !important;
        overflow: visible !important;
    }

    .prize-split-layout .prize-banner-bg.prize-rotator img {
        object-fit: contain !important;
        width: 100% !important;
        height: auto !important;
        position: relative !important;
        display: block !important;
    }

    .prize-banner.reward-showcase {
        padding-block: 16px !important;
    }

    .prize-banner.reward-showcase.split-banner .prize-banner-content {
        padding: 12px !important;
    }

    .prize-banner-content .eyebrow {
        font-size: 9px !important;
        margin-bottom: 6px !important;
    }

    .prize-banner-content h2 {
        font-size: clamp(18px, 6vw, 26px) !important;
        margin-bottom: 6px !important;
    }

    .prize-banner-content .prize-amount {
        font-size: clamp(20px, 7vw, 30px) !important;
        margin-bottom: 8px !important;
        color: #facc15 !important;
    }

    .prize-banner-content .lead {
        font-size: 11.5px !important;
        line-height: 1.5 !important;
    }

    .prize-highlights {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        margin-top: 16px !important;
    }

    .prize-item {
        padding: 14px 12px !important;
        text-align: left !important;
        justify-items: start !important;
    }

    .prize-item strong {
        font-size: 14px !important;
    }

    .prize-item span {
        font-size: 12px !important;
    }
}

@media (max-width: 420px) {
    .prize-split-layout {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        padding-inline: 4px !important;
    }

    .prize-split-layout .prize-banner-bg.prize-rotator {
        aspect-ratio: 16/9 !important;
        max-height: none !important;
        min-height: 0 !important;
        border-radius: 12px !important;
    }

    .prize-split-layout .prize-banner-bg.prize-rotator img {
        object-fit: cover !important;
        position: absolute !important;
        inset: 0 !important;
    }

    .prize-banner.reward-showcase.split-banner .prize-banner-content {
        padding: 10px !important;
        background: transparent !important;
        border: none !important;
    }

    .prize-banner-content h2 {
        font-size: clamp(16px, 5.5vw, 22px) !important;
    }

    .prize-banner-content .prize-amount {
        font-size: clamp(18px, 6.5vw, 26px) !important;
    }
}


/* -- REVIEW / TESTIMONIAL CARDS -- */
.review-grid {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
}

.review-card {
    display: grid !important;
    gap: 14px !important;
    padding: 18px !important;
    min-width: 0 !important;
}

.review-card p {
    margin: 0 !important;
    line-height: 1.6 !important;
    white-space: pre-wrap !important;
    overflow-wrap: anywhere !important;
}

.review-top {
    min-width: 0 !important;
}

.review-top .avatar {
    flex: 0 0 42px !important;
}

@media (max-width: 620px) {

    .review-grid {
        grid-template-columns: 1fr !important;
    }

    .review-card {
        padding: 14px !important;
    }

    .leadership-section .leader-grid,
    .directors-showcase .leader-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .leadership-section .leader-card,
    .directors-showcase .leader-card {
        max-width: none !important;
        min-width: 0 !important;
        margin-left: 0 !important;
    }
}


/* -- QR SCANNER MOBILE -- */
@media (max-width: 520px) {
    .qr-overlay {
        align-items: stretch !important;
        padding: 0 !important;
    }

    .qr-overlay-card {
        width: 100% !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        display: grid !important;
        grid-template-rows: auto minmax(0, 1fr) auto auto !important;
        overflow: hidden !important;
        border-radius: 0 !important;
        border: 0 !important;
    }

    .qr-overlay-close {
        top: max(10px, env(safe-area-inset-top)) !important;
        right: 10px !important;
        width: 42px !important;
        height: 42px !important;
    }

    .qr-overlay-head {
        border-radius: 0 !important;
        padding: max(14px, env(safe-area-inset-top)) 56px 12px 14px !important;
    }

    .qr-overlay-badge {
        padding: 4px 9px !important;
        font-size: 9.5px !important;
    }

    .qr-overlay-head h2 {
        margin-top: 6px !important;
        font-size: clamp(17px, 5vw, 22px) !important;
    }

    .qr-overlay-head p {
        font-size: 12px !important;
        line-height: 1.35 !important;
    }

    .qr-overlay-body {
        min-height: 0 !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 10px 12px 14px !important;
    }

    .qr-person {
        gap: 10px !important;
        padding-bottom: 9px !important;
        margin-bottom: 9px !important;
    }

    .qr-avatar {
        width: 40px !important;
        height: 40px !important;
        border-radius: 11px !important;
        font-size: 17px !important;
    }

    .qr-person strong {
        font-size: 15px !important;
        line-height: 1.2 !important;
    }

    .qr-person small {
        font-size: 11px !important;
        line-height: 1.25 !important;
    }

    .qr-line-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
    }

    .qr-line {
        padding: 6px 7px !important;
        border-radius: 8px !important;
        gap: 0 !important;
    }

    .qr-line span {
        font-size: 8.8px !important;
        letter-spacing: .06em !important;
    }

    .qr-line strong {
        font-size: 11.2px !important;
        line-height: 1.25 !important;
    }

    .qr-proof-link {
        margin-top: 8px !important;
        padding: 7px 10px !important;
        font-size: 11.5px !important;
    }

    .qr-overlay-actions {
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
        padding: 10px 12px 4px !important;
    }

    .qr-btn {
        min-height: 48px !important;
        padding: 10px 8px !important;
        border-radius: 12px !important;
        font-size: 12.5px !important;
    }

    .qr-overlay-note {
        padding: 6px 12px max(10px, env(safe-area-inset-bottom)) !important;
        font-size: 11px !important;
        line-height: 1.35 !important;
    }

    .qr-invalid-box {
        min-height: 100%;
        align-content: center;
        padding: 12px !important;
    }
}


/* -- VIEW ALL / GALLERY CTA MOBILE -- */
@media (max-width: 700px) {
    .heading-row.games-heading-row {
        display: grid !important;
        grid-template-columns: 1fr !important;
        justify-items: start !important;
        text-align: left !important;
        gap: 12px !important;
    }

    .heading-row.games-heading-row .section-heading {
        text-align: left !important;
        width: 100%;
    }

    .heading-row.games-heading-row .section-heading p,
    .heading-row.games-heading-row .eyebrow {
        text-align: left !important;
        margin-inline: 0 !important;
    }

    .view-all-btn {
        justify-self: start !important;
        width: auto !important;
        min-width: 0 !important;
        padding: 10px 18px !important;
        font-size: 13px !important;
        justify-content: center !important;
    }

    .gallery-cta {
        display: flex !important;
        justify-content: flex-start !important;
    }
}

/* -- MOBILE SECTION SPACING -- */
@media (max-width: 620px) {
    .section {
        padding-block: clamp(28px, 6vw, 48px) !important;
    }

    .section.tight {
        padding-block: clamp(20px, 4vw, 36px) !important;
    }

    .section-heading h2 {
        font-size: clamp(22px, 6vw, 30px) !important;
        line-height: 1.15 !important;
    }

    .section-heading p:not(.eyebrow) {
        font-size: 13.5px !important;
        line-height: 1.55 !important;
    }

    .section-heading .eyebrow {
        font-size: 10px !important;
        margin-bottom: 6px !important;
    }

    .sponsors-section .section-heading {
        margin-bottom: 10px !important;
    }

    .leader-card {
        border-radius: 14px !important;
        max-width: none !important;
        margin-left: 0 !important;
    }

    .leader-photo-wrap {
        padding: 16px 16px 10px !important;
    }

    .leader-body {
        padding: 8px 16px 18px !important;
    }

    .leader-quote {
        font-size: 13.5px !important;
        line-height: 1.55 !important;
    }

    .leader-name-plate strong {
        font-size: 17px !important;
    }
}


/* -- MANUAL TICKET NUMBER INPUT -- */
.manual-scan {
    display: grid;
    gap: 10px;
    margin-top: 16px;
    padding: 15px;
    border-radius: 14px;
    border: 1px dashed rgba(148, 163, 184, .34);
    background: rgba(148, 163, 184, .07);
}

.manual-scan-title {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13.5px;
    font-weight: 700;
    color: #facc15;
}

.manual-scan label {
    display: grid;
    gap: 6px;
    font-size: 12.5px;
    font-weight: 600;
}

.manual-scan input {
    width: 100%;
    font-size: 16px;
    letter-spacing: .04em;
    padding: 12px 14px;
}

.manual-scan-hint {
    font-size: 11.5px;
    line-height: 1.5;
    opacity: .7;
}

.manual-scan .btn {
    justify-content: center;