/* KRJ Booking Customer Queue Status Widget CSS */
.ubq-status{max-width:860px!important;margin:24px auto!important;padding:24px!important;border:1px solid #e2e8f0!important;border-radius:20px!important;background:#ffffff!important;color:#0f172a!important;box-shadow:0 6px 20px rgba(0,0,0,.04)!important;box-sizing:border-box!important}
.ubq-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:18px!important;padding-bottom:14px!important;border-bottom:1px solid #f1f5f9!important}
.ubq-header strong{font-size:20px!important;font-weight:900!important;color:#0f172a!important;margin:0!important;line-height:1.2!important}
.ubq-operational{display:inline-block!important;padding:6px 14px!important;border-radius:999px!important;background:#dcfce7!important;color:#166534!important;font-size:13px!important;font-weight:800!important;border:1px solid #bbf7d0!important;white-space:nowrap!important}
.ubq-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:12px!important;margin-bottom:16px!important}
.ubq-grid>div{min-width:0!important;padding:16px 12px!important;border-radius:14px!important;background:#f8fafc!important;border:1px solid #edf2f7!important;text-align:center!important;box-sizing:border-box!important}
.ubq-grid small{display:block!important;color:#64748b!important;font-size:12px!important;font-weight:700!important;margin-bottom:6px!important;line-height:1.3!important}
.ubq-grid b{display:block!important;font-size:28px!important;font-weight:900!important;color:#1261ff!important;line-height:1.1!important;word-break:break-word!important}
.ubq-customer-status{margin:16px 0!important;padding:12px 16px!important;background:#f1f5f9!important;border-radius:12px!important;font-size:14px!important;color:#334155!important}
.ubq-customer-status strong{color:#1261ff!important}
.ubq-booking-link{display:inline-block!important;padding:12px 20px!important;border-radius:12px!important;background:#1261ff!important;color:#ffffff!important;font-weight:800!important;font-size:13px!important;text-decoration:none!important;transition:background .15s ease}
.ubq-booking-link:hover{background:#0b4ed6!important}
.ubq-summary{max-width:100%!important}

@media(max-width:768px){
    .ubq-status{margin:16px 0!important;padding:16px!important;border-radius:16px!important}
    .ubq-header{font-size:17px!important}
    .ubq-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}
    .ubq-grid>div{padding:12px 8px!important}
    .ubq-grid b{font-size:22px!important}
}
@media(max-width:420px){
    .ubq-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}
    .ubq-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}
}