.order-status-main{--cream-50:#FCF9F1;--cream-100:#FAF6EC;--cream-200:#F1E9D4;--ink-900:#1C1410;--ink-700:#3A2F26;--taupe-500:#6B6354;--taupe-300:#A89E89;--crimson-600:#B8272C;--crimson-700:#8F1D21;--gold-500:#C9A227;--gold-700:#9C7C18;--line:#DDD0AE;color:var(--ink-900);gap:24px}.order-status-main .page-title{gap:12px;margin-bottom:2px}.order-status-main .page-title h1,.order-status-main .card-header h2,.order-status-main .empty-title,.order-status-main .room-booking-section h3,.order-status-main .latest-transaction-user strong,.order-status-main .latest-transaction-order strong{color:var(--ink-900)}.order-status-main .page-title h1{letter-spacing:-.045em;line-height:1.08}.order-status-main .page-kicker,.order-status-main .page-kicker .material-symbols-rounded{color:var(--gold-700)}.order-status-main .page-kicker{font-size:.75rem;letter-spacing:.14em}.order-status-main .page-copy{color:var(--taupe-500);font-weight:600;line-height:1.65}.order-status-main .card-container{backdrop-filter:none;background:var(--cream-50);border:1px solid var(--line);border-radius:24px;box-shadow:0 16px 40px rgba(28,20,16,.06)}.order-status-main .card-header{padding:20px 24px;border-bottom-color:var(--line)}.order-status-main .search-card{border-radius:24px;box-shadow:0 12px 30px rgba(28,20,16,.055)}.order-status-main .search-card .card-header{padding:22px 24px 8px}.order-status-main .search-card .card-header h2{font-size:1.25rem}.order-status-main .search-card .card-body{padding:18px 24px 24px}.order-status-main .form-field label,.order-status-main .detail-label{color:var(--taupe-500);opacity:1;font-weight:700}.order-status-main .form-field input{background:var(--cream-50);border-color:var(--line);color:var(--ink-900);border-radius:14px;font-weight:650}.order-status-main .form-field input::placeholder{color:var(--taupe-300)}.order-status-main .form-field input:focus{border-color:var(--crimson-600);background:var(--cream-50);box-shadow:0 0 0 4px rgba(184,39,44,.1)}.order-status-main .order-status-btn{min-height:52px;border-color:var(--line);border-radius:999px;background:var(--cream-50);color:var(--ink-900);box-shadow:none}.order-status-main .order-status-btn:hover{background:var(--cream-200);border-color:var(--line);box-shadow:0 10px 22px rgba(28,20,16,.08)}.order-status-main .order-status-btn-primary,.order-status-main .order-status-btn-primary:hover{background:linear-gradient(135deg,var(--crimson-600),var(--crimson-700));border-color:var(--crimson-700);color:var(--cream-50);box-shadow:0 12px 26px rgba(184,39,44,.2)}.order-status-main .order-status-btn-primary:hover{box-shadow:0 16px 34px rgba(184,39,44,.26)}.order-status-main .copy-order-btn{border-color:var(--line);background:var(--cream-100);color:var(--ink-700)}.order-status-main .copy-order-btn:hover{background:var(--cream-200);border-color:var(--gold-500)}.order-status-main .copy-order-btn.copied{background:rgba(47,125,79,.1);border-color:rgba(47,125,79,.38);color:#215C38}.order-status-main .status-badge{backdrop-filter:none;border-color:var(--line)}.order-status-main .badge-paid{background:rgba(47,125,79,.1);border-color:rgba(47,125,79,.34);color:#215C38}.order-status-main .badge-pending{background:rgba(201,162,39,.14);border-color:rgba(201,162,39,.38);color:var(--gold-700)}.order-status-main .badge-failed,.order-status-main .badge-voided{background:rgba(184,39,44,.1);border-color:rgba(184,39,44,.34);color:var(--crimson-700)}.order-status-main .badge-notfound{background:var(--cream-200);border-color:var(--line);color:var(--taupe-500)}.order-status-main .empty-state{padding:48px 24px}.order-status-main .empty-icon{color:var(--gold-700);opacity:.86}.order-status-main .empty-text,.order-status-main .latest-transactions-empty p,.order-status-main .latest-transaction-user span,.order-status-main .latest-transaction-order span,.order-status-main .room-booking-subtitle{color:var(--taupe-500);opacity:1}.order-status-main .detail-value{color:var(--ink-900)}.order-status-main .detail-value.accent,.order-status-main .item-qty{color:var(--crimson-600)}.order-status-main .detail-value--discount{color:#215C38}.order-status-main .order-detail-divider{margin:8px 0;border-bottom:1px solid var(--line)}.order-status-main .item-chip,.order-status-main .room-booking-hero,.order-status-main .room-booking-panel,.order-status-main .room-booking-field,.order-status-main .latest-transaction-item,.order-status-main .latest-transactions-empty{background:var(--cream-100);border-color:var(--line);box-shadow:none}.order-status-main .room-booking-icon{background:linear-gradient(135deg,var(--crimson-600),var(--crimson-700));box-shadow:0 12px 24px rgba(184,39,44,.18)}.order-status-main .room-booking-feature,.order-status-main .game-summary-region{border-color:var(--line);background:var(--cream-200);color:var(--ink-700)}.order-status-main .game-summary-card{background:var(--ink-700);border-color:var(--line);box-shadow:0 10px 24px rgba(28,20,16,.1)}.order-status-main .game-summary-content{color:var(--cream-50)}.order-status-main .game-summary-content .detail-label,.order-status-main .game-summary-developer{color:rgba(252,249,241,.76)}.order-status-main .game-summary-region{background:rgba(252,249,241,.12);border-color:rgba(252,249,241,.28);color:var(--cream-50)}.order-status-main .info-box{background:rgba(201,162,39,.11);border-color:rgba(201,162,39,.34);color:var(--ink-700)}.order-status-main .latest-transaction-status{border-color:var(--line);background:var(--cream-200)}.order-status-main .latest-transaction-status.is-paid{color:#215C38;background:rgba(47,125,79,.1);border-color:rgba(47,125,79,.32)}.order-status-main .latest-transaction-status.is-pending{color:var(--gold-700);background:rgba(201,162,39,.14);border-color:rgba(201,162,39,.36)}.order-status-main .latest-transaction-status.is-voided,.order-status-main .latest-transaction-status.is-failed{color:var(--crimson-700);background:rgba(184,39,44,.1);border-color:rgba(184,39,44,.32)}.status-dialog{background:rgba(28,20,16,.44)}.status-dialog__panel{border-color:#DDD0AE;background:#FCF9F1;box-shadow:0 24px 70px rgba(28,20,16,.22);color:#1C1410}.status-dialog__icon{color:#9C7C18;background:rgba(201,162,39,.14);border-color:rgba(201,162,39,.35)}.status-dialog__message{color:#6B6354}.status-dialog__button--secondary{background:#FAF6EC;border-color:#DDD0AE;color:#1C1410}.status-dialog__button--secondary:hover,.status-dialog__button--secondary:focus-visible{border-color:#C9A227;box-shadow:0 10px 24px rgba(28,20,16,.12)}.order-status-main .info-box b,.order-status-main .info-box .material-symbols-rounded{color:var(--gold-700)}

/* Keep the first order-status screen focused on the search form, then compact it when a result is shown. */
.order-status-main {
  min-height: calc(100svh - 80px);
  box-sizing: border-box;
  margin: 0 auto;
  padding: clamp(42px, 7vh, 72px) 0 clamp(104px, 14vh, 156px);
  align-content: start;
}
.order-status-main.has-search-result {
  padding-top: clamp(28px, 4.5vh, 48px);
  padding-bottom: clamp(88px, 12vh, 128px);
  gap: 18px;
}
.order-status-main.has-search-result .page-title,
.order-status-main.has-search-result .search-card {
  animation: order-status-shift-up 460ms cubic-bezier(.22, 1, .36, 1) both;
}
.order-status-main.has-search-result .search-card {
  animation-delay: 45ms;
}
.order-status-main.has-search-result .order-status-result {
  animation: order-status-result-in 520ms cubic-bezier(.22, 1, .36, 1) 110ms both;
}
@keyframes order-status-shift-up {
  from { opacity: 0; transform: translateY(32px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes order-status-result-in {
  from { opacity: 0; transform: translateY(22px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 640px) {
  .order-status-main {
    min-height: calc(100svh - 72px);
    padding-top: 34px;
    padding-bottom: 88px;
  }
  .order-status-main.has-search-result {
    padding-top: 22px;
    padding-bottom: 76px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .order-status-main.has-search-result .page-title,
  .order-status-main.has-search-result .search-card,
  .order-status-main.has-search-result .order-status-result {
    animation: none;
  }
}