.reservation-status-card{overflow:hidden;border:1px solid hsl(var(--border));border-radius:22px;background:hsl(var(--card));box-shadow:0 22px 55px rgb(15 23 42 / .09)}
.reservation-status-hero{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:27px 30px;background:linear-gradient(120deg,hsl(var(--primary)),hsl(var(--primary) / .78) 58%,#0d3340);color:#fff}
.reservation-status-kicker{margin:0 0 7px;font-size:11px;font-weight:900;letter-spacing:.16em;opacity:.84;text-transform:uppercase}.reservation-status-title{margin:0;font-size:30px;line-height:1.08;font-weight:950;letter-spacing:-.035em}.reservation-status-code{min-width:205px;border:1px solid rgb(255 255 255 / .25);border-radius:14px;background:rgb(255 255 255 / .12);padding:12px 14px;backdrop-filter:blur(10px)}.reservation-status-code span{display:block;font-size:11px;font-weight:800;opacity:.78}.reservation-status-code strong{display:block;margin-top:4px;font-size:14px;letter-spacing:.04em}
.reservation-status-body{padding:28px}.reservation-status-section-title{margin:0 0 13px;color:hsl(var(--foreground));font-size:15px;font-weight:900}.reservation-status-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.reservation-status-info-item{min-height:78px;border:1px solid hsl(var(--border));border-radius:14px;background:hsl(var(--background));padding:13px 14px}.reservation-status-info-item span{display:block;color:hsl(var(--muted-foreground));font-size:11px;font-weight:850;letter-spacing:.03em}.reservation-status-info-item strong{display:block;margin-top:6px;color:hsl(var(--foreground));font-size:14px;line-height:1.35}.reservation-status-info-item.wide{grid-column:span 2}
.reservation-status-divider{height:1px;margin:26px 0;background:hsl(var(--border))}.reservation-status-tracking{display:grid;gap:10px}.reservation-status-track-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid hsl(var(--border));border-radius:13px;background:hsl(var(--background));padding:14px 15px}.reservation-status-track-name{display:flex;align-items:center;gap:10px;color:hsl(var(--foreground));font-size:14px;font-weight:850}.reservation-status-dot{width:11px;height:11px;flex:none;border-radius:50%;box-shadow:0 0 0 4px rgb(22 163 74 / .13)}.tone-success .reservation-status-dot{background:#22c55e}.tone-pending .reservation-status-dot{background:#eab308;box-shadow:0 0 0 4px rgb(234 179 8 / .14)}.tone-danger .reservation-status-dot{background:#ef4444;box-shadow:0 0 0 4px rgb(239 68 68 / .13)}.reservation-status-track-state{font-size:13px;font-weight:900}.tone-success .reservation-status-track-state{color:#15803d}.tone-pending .reservation-status-track-state{color:#a16207}.tone-danger .reservation-status-track-state{color:#dc2626}
.reservation-status-note{margin-top:16px;border:1px solid hsl(var(--primary) / .20);border-radius:14px;background:hsl(var(--primary) / .06);padding:15px 16px}.reservation-status-note strong{display:block;margin-bottom:6px;font-size:13px;font-weight:900;color:hsl(var(--foreground))}.reservation-status-note p{margin:0;color:hsl(var(--foreground));font-size:14px;line-height:1.6}.reservation-status-empty{padding:17px;border:1px dashed hsl(var(--border));border-radius:13px;color:hsl(var(--muted-foreground));font-size:14px}
@media(max-width:700px){.reservation-status-hero{align-items:flex-start;flex-direction:column;padding:23px 20px;gap:16px}.reservation-status-title{font-size:26px}.reservation-status-code{width:100%;min-width:0}.reservation-status-body{padding:20px}.reservation-status-info{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.reservation-status-info-item{min-height:72px;padding:12px}.reservation-status-info-item.wide{grid-column:span 2}.reservation-status-track-row{align-items:flex-start;flex-direction:column;gap:8px}.reservation-status-track-state{padding-left:21px}.reservation-status-divider{margin:20px 0}}
@media(max-width:390px){.reservation-status-info{grid-template-columns:1fr}.reservation-status-info-item.wide{grid-column:auto}.reservation-status-title{font-size:23px}}
@keyframes reservation-status-green{0%,100%{opacity:1;transform:scale(1);box-shadow:0 0 0 4px rgb(34 197 94 / .13),0 0 7px rgb(34 197 94 / .62)}50%{opacity:.36;transform:scale(.72);box-shadow:0 0 0 9px rgb(34 197 94 / 0),0 0 1px rgb(34 197 94 / .1)}}
@keyframes reservation-status-yellow{0%,100%{opacity:1;transform:scale(1);box-shadow:0 0 0 4px rgb(234 179 8 / .14),0 0 7px rgb(234 179 8 / .62)}50%{opacity:.3;transform:scale(.72);box-shadow:0 0 0 9px rgb(234 179 8 / 0),0 0 1px rgb(234 179 8 / .1)}}
@keyframes reservation-status-red{0%,100%{opacity:1;transform:scale(1);box-shadow:0 0 0 4px rgb(239 68 68 / .13),0 0 7px rgb(239 68 68 / .62)}50%{opacity:.28;transform:scale(.72);box-shadow:0 0 0 9px rgb(239 68 68 / 0),0 0 1px rgb(239 68 68 / .1)}}
.tone-success .reservation-status-dot{animation:reservation-status-green 1.65s ease-in-out infinite}.tone-pending .reservation-status-dot{animation:reservation-status-yellow 1.25s ease-in-out infinite}.tone-danger .reservation-status-dot{animation:reservation-status-red .95s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.tone-success .reservation-status-dot,.tone-pending .reservation-status-dot,.tone-danger .reservation-status-dot{animation:none}}