/* Mobile-first implementation inspired by the supplied Nuraniah CSS collection. */
@media(max-width:991.98px){
    /* Consistent page headings */
    .dashboard-header,.event-detail-header,.staff-header,.event-staff-header,.logs-header,.form-header,.scanner-header{align-items:flex-start!important;flex-direction:column!important;gap:12px!important;margin-bottom:14px!important}
    .dashboard-header h1,.event-detail-header h1,.staff-header h1,.event-staff-header h1,.logs-header h1,.form-header h1{margin-top:4px!important;font-size:clamp(1.45rem,7vw,1.85rem)!important;line-height:1.08!important;letter-spacing:-.035em!important}
    .dashboard-header p,.event-detail-header p,.staff-header p,.event-staff-header p,.logs-header p,.form-header p{font-size:.80rem!important;line-height:1.5!important}
    .dashboard-label,.event-detail-label,.staff-header>div>span,.event-staff-header>div>span,.logs-header>div>span,.form-label-top{font-size:.66rem!important;letter-spacing:.09em!important}

    /* Mobile action toolbars */
    .header-actions,.event-actions,.logs-actions{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
    .header-actions .btn,.event-actions .btn,.logs-actions .btn{width:100%!important;min-height:44px!important;padding:.55rem .7rem!important;border-radius:14px!important;font-size:.76rem!important;white-space:normal!important;text-align:center!important}
    .staff-header>.btn,.event-staff-header>.btn,.scanner-header>.btn{width:100%!important;min-height:44px!important;border-radius:14px!important}

    /* Dashboard cards */
    .dashboard-page,.event-detail-page,.event-form-page,.scanner-page,.staff-page,.event-staff-page,.logs-page{width:100%!important;max-width:none!important;margin:0!important}
    .admin-event-grid{grid-template-columns:1fr!important;gap:10px!important}
    .admin-event-card{border-radius:18px!important;box-shadow:0 12px 28px rgba(31,76,143,.07)!important}
    .admin-event-card-inner{padding:14px!important}
    .admin-event-banner img{aspect-ratio:16/9!important}
    .admin-event-card h2{margin:12px 0!important;font-size:1.08rem!important}
    .admin-event-info{gap:6px!important;margin-bottom:12px!important}
    .admin-event-info div{min-width:0;padding:9px 7px!important;border:1px solid rgba(31,76,143,.08);border-radius:13px!important;background:#f8fbff!important;text-align:center}
    .admin-event-info span{font-size:.60rem!important;text-transform:uppercase;font-weight:850}.admin-event-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem!important}

    /* Event detail data-centric layout */
    .admin-detail-banner{margin-bottom:12px!important;border-radius:16px!important}
    .public-link-box{align-items:stretch!important;flex-direction:column!important;gap:10px!important;padding:13px!important;border-radius:16px!important}
    .public-link-box>div{min-width:0}.public-link-box strong{display:block;overflow-wrap:anywhere;font-size:.76rem!important}.public-link-box .btn{width:100%!important}
    .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
    .stat-card{min-width:0;padding:11px 7px!important;border-radius:15px!important;text-align:center}.stat-card span{font-size:.60rem!important}.stat-card strong{font-size:1.20rem!important}
    .schedule-grid{grid-template-columns:1fr!important;gap:8px!important}.schedule-card{padding:13px!important;border-radius:16px!important}.schedule-card small{overflow-wrap:anywhere}
    .registrations-card{overflow:visible!important;border-radius:18px!important}
    .table-toolbar{position:sticky;top:calc(var(--mobile-topbar-height) + 6px);z-index:35;align-items:stretch!important;flex-direction:column!important;gap:10px!important;padding:12px!important;border-bottom:1px solid rgba(31,76,143,.08);border-radius:18px 18px 0 0;background:rgba(255,255,255,.96);backdrop-filter:blur(16px)}
    .table-toolbar h2{font-size:1rem!important}.table-toolbar p{font-size:.72rem!important}
    .search-form{width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:6px!important}.search-form .form-control{min-width:0!important}.search-form .btn{padding:.55rem .72rem!important}

    /* Mobile card tables */
    .table-responsive.mobile-card-responsive{overflow:visible!important}
    .mobile-card-table{min-width:0!important;width:100%!important;margin:0!important;border-collapse:separate!important;border-spacing:0 9px!important}
    .mobile-card-table thead{display:none!important}
    .mobile-card-table tbody{display:grid!important;gap:9px!important;padding:9px!important}
    .mobile-card-table tbody tr{display:block!important;padding:5px 11px!important;border:1px solid rgba(31,76,143,.11)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 10px 24px rgba(31,76,143,.055)!important}
    .mobile-card-table tbody td{min-height:38px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:8px 0!important;border:0!important;border-bottom:1px dashed #e7eef7!important;text-align:right!important;font-size:.79rem!important}
    .mobile-card-table tbody td:last-child{border-bottom:0!important}
    .mobile-card-table tbody td::before{content:attr(data-label);flex:0 0 38%;color:var(--muted);font-size:.62rem;font-weight:900;letter-spacing:.02em;text-align:left;text-transform:uppercase}
    .mobile-card-table tbody td>strong,.mobile-card-table tbody td>div{min-width:0}.mobile-card-table tbody td strong{overflow-wrap:anywhere}
    .mobile-card-table tbody td small{display:block!important;margin-top:2px!important;color:var(--muted)!important;font-size:.69rem!important}
    .mobile-card-table tbody td[data-label="Aksi"]{justify-content:flex-end!important;gap:7px!important}.mobile-card-table tbody td[data-label="Aksi"]::before{margin-right:auto}.mobile-card-table .small-action,.mobile-card-table .remove-btn{min-height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:6px 10px!important;border-radius:11px!important}
    .mobile-card-table .empty-table,.mobile-card-table .empty-assigned,.mobile-card-table .empty-log{display:block!important;padding:28px 10px!important;text-align:center!important}.mobile-card-table .empty-table::before,.mobile-card-table .empty-assigned::before,.mobile-card-table .empty-log::before{display:none!important}

    /* Forms */
    .event-form-card{gap:10px!important}.form-section{padding:15px!important;border-radius:17px!important;box-shadow:0 10px 26px rgba(31,76,143,.055)!important}.form-section-head{align-items:flex-start!important;gap:10px!important;margin-bottom:14px!important}.form-section-head>span{width:36px!important;height:36px!important;border-radius:12px!important}.form-section-head h2{font-size:.98rem!important}.form-section-head p{font-size:.72rem!important;line-height:1.4!important}.banner-upload{min-height:120px!important;padding:17px 12px!important;border-radius:16px!important}.current-banner,.banner-preview{border-radius:15px!important}.save-event{position:sticky!important;bottom:calc(var(--mobile-nav-height) + 20px + env(safe-area-inset-bottom))!important;z-index:42!important;width:100%!important;min-height:50px!important;border-radius:16px!important;box-shadow:0 16px 36px rgba(31,76,143,.26)!important}

    /* Staff / assignment */
    .staff-card,.assigned-card,.logs-card{overflow:visible!important;border-radius:18px!important}.assign-card{padding:14px!important;border-radius:17px!important}.assign-form{grid-template-columns:1fr!important;gap:8px!important}.assign-form .btn{width:100%!important}

    /* Logs: compact mobile filter */
    .log-filter,.global-filter{position:sticky;top:calc(var(--mobile-topbar-height) + 6px);z-index:32;display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin:0 0 10px!important;padding:10px!important;border:1px solid rgba(31,76,143,.10);border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 10px 24px rgba(31,76,143,.07);backdrop-filter:blur(14px)}
    .log-filter input,.log-filter select,.global-filter input,.global-filter select{grid-column:1/-1}.log-filter .btn,.global-filter .btn{width:100%!important}

    /* Scanner mobile operational mode */
    .scanner-card{padding:10px!important;border-radius:18px!important;box-shadow:none!important}.scanner-header{padding:4px 3px 0!important}.scanner-header h1{font-size:1.35rem!important}.scanner-operator{font-size:.70rem!important}.scanner-schedule{font-size:.69rem!important;line-height:1.4!important}.scanner-window-warning{padding:11px!important;border-radius:13px!important;font-size:.76rem!important}.scanner-result{position:sticky!important;top:calc(var(--mobile-topbar-height) + 6px)!important;z-index:30!important;margin-bottom:9px!important;padding:11px!important;border-radius:15px!important;box-shadow:0 12px 28px rgba(31,76,143,.10)!important}.scanner-result-icon{width:40px!important;height:40px!important;flex-basis:40px!important;border-radius:12px!important}.scanner-result-content>strong{font-size:.86rem!important}.scanner-name{font-size:.98rem!important}.scanner-number,.scanner-meta{font-size:.72rem!important}.scanner-detail-grid{grid-template-columns:1fr!important;gap:5px!important}.scanner-detail-grid div{padding:7px 9px!important}.scanner-tools{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin-bottom:8px!important}.scanner-tool-btn,.scanner-cooldown-state{width:100%!important;min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:13px!important;font-size:.70rem!important;text-align:center!important}#reader{min-height:0!important;padding:5px!important;border-radius:16px!important;background:#07111f!important}#reader video{width:100%!important;max-height:62vh!important;border-radius:12px!important;object-fit:cover!important}#reader__dashboard{background:#fff!important;border-radius:0 0 12px 12px!important}#reader__dashboard_section_csr button,#reader__dashboard_section_csr select{min-height:42px!important;font-size:14px!important}

    /* Public pages */
    .hero{padding:18px 4px 10px!important}.hero h1{font-size:1.72rem!important}.hero p{font-size:.80rem!important;line-height:1.5!important}.event-grid{grid-template-columns:1fr!important;gap:10px!important}.event-card{border-radius:18px!important;box-shadow:0 12px 28px rgba(31,76,143,.065)!important}.event-card-body{padding:14px!important}.event-card h2{font-size:1.08rem!important;margin:10px 0!important}.event-meta{gap:6px!important}.event-meta div{padding:9px 7px!important;text-align:center}.event-meta span{font-size:.59rem!important}.event-meta strong{font-size:.75rem!important}.event-button{min-height:46px!important}
    .event-register-page{width:100%!important;max-width:none!important}.event-promo-banner{margin:0 0 10px!important;border-radius:16px!important}.event-hero{margin-bottom:10px!important;padding:17px 14px!important;border-radius:17px!important}.event-hero h1{font-size:1.68rem!important}.event-hero>p{font-size:.78rem!important;line-height:1.5!important}.event-info-grid,.registration-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin-top:13px!important}.event-info-grid div,.registration-summary div{min-width:0;padding:9px!important;border-radius:12px!important}.event-info-grid span,.registration-summary span{font-size:.58rem!important}.event-info-grid strong,.registration-summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem!important}.registration-countdown{align-items:flex-start!important;flex-direction:column!important;margin-top:10px!important;padding:10px!important;border-radius:12px!important}.register-card{padding:15px!important;border-radius:17px!important;box-shadow:0 10px 28px rgba(31,76,143,.055)!important}.section-heading{align-items:flex-start!important;margin-bottom:13px!important}.section-heading>span{width:34px!important;height:34px!important;border-radius:11px!important}.section-heading h2{font-size:.96rem!important}.section-heading p{font-size:.72rem!important}.section-gap{margin-top:23px!important}.participant-policy{min-height:0!important;padding:10px!important}.submit-registration{position:sticky!important;bottom:calc(var(--mobile-nav-height) + 20px + env(safe-area-inset-bottom))!important;z-index:42!important;min-height:50px!important;border-radius:16px!important;box-shadow:0 16px 36px rgba(31,76,143,.26)!important}.registration-closed{padding:24px 15px!important;border-radius:17px!important}
    .lookup-page{width:100%!important;max-width:none!important}.lookup-card{padding:19px 14px!important;border-radius:18px!important}.lookup-card h1{font-size:1.55rem!important}.lookup-form{max-width:none!important;flex-direction:column!important;gap:7px!important}.lookup-form .btn{width:100%!important}.lookup-results{gap:8px!important}.lookup-result-card{align-items:stretch!important;flex-direction:column!important;gap:12px!important;padding:14px!important;border-radius:16px!important}.result-actions{display:grid!important;grid-template-columns:1fr 1fr!important;justify-content:stretch!important}.result-actions .btn,.result-actions .status{width:100%!important;min-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
    .ticket-page{width:100%!important;max-width:none!important}.ticket-card{padding:18px 13px!important;border-radius:20px!important}.ticket-card h1{font-size:1.35rem!important}.qr-box{max-width:min(78vw,300px)!important;margin:16px auto!important;padding:10px!important;border-radius:16px!important}.participant-name{font-size:1.18rem!important}.ticket-meta{grid-template-columns:1fr!important;gap:6px!important;margin-top:13px!important}.ticket-meta div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px!important}.ticket-meta span,.ticket-meta strong{margin:0!important;font-size:.74rem!important}.download-actions{grid-template-columns:1fr!important;gap:7px!important;margin-top:14px!important}.download-actions .btn{min-height:48px!important}.ticket-note{font-size:.76rem!important}
    .verify-page{width:100%!important;max-width:none!important;margin:14px auto 0!important}.verify-card{padding:24px 14px!important;border-radius:19px!important}.verify-icon{width:64px!important;height:64px!important;margin-bottom:13px!important}

    /* Login */
    .login-page{min-height:calc(100vh - var(--mobile-topbar-height) - var(--mobile-nav-height) - 40px)!important;padding:6px 0!important}.login-card{max-width:none!important;padding:22px 16px!important;border-radius:20px!important;box-shadow:0 18px 42px rgba(31,76,143,.10)!important}.login-mark{width:52px!important;height:52px!important;border-radius:16px!important;background:linear-gradient(135deg,var(--primary-soft),var(--accent-soft))!important;color:var(--primary)!important}.login-card h1{font-size:1.5rem!important}.login-button{min-height:50px!important;border-radius:15px!important}
}
@media(max-width:575.98px){
    .header-actions,.event-actions,.logs-actions{grid-template-columns:1fr!important}
    .search-form{grid-template-columns:minmax(0,1fr) auto!important}.search-form .reset{grid-column:1/-1!important}
    .stats-grid{gap:5px!important}.stat-card{padding:9px 5px!important}.stat-card span{font-size:.55rem!important}.stat-card strong{font-size:1.05rem!important}
    .scanner-tools{grid-template-columns:1fr!important}
    .result-actions{grid-template-columns:1fr!important}
}
@media(max-width:390px){
    .admin-main{width:min(calc(100% - 14px),1320px)!important}.public-main{padding-left:8px!important;padding-right:8px!important}
    .mobile-bottom-nav{left:7px!important;right:7px!important;bottom:calc(6px + env(safe-area-inset-bottom))!important;border-radius:20px!important}
    .mobile-bottom-nav small{font-size:.57rem!important}
    .admin-event-info{grid-template-columns:repeat(3,minmax(0,1fr))!important}
    .log-filter,.global-filter{grid-template-columns:1fr!important}.log-filter input,.log-filter select,.global-filter input,.global-filter select{grid-column:auto!important}
}