.order-query-page { min-height: 70vh; padding-bottom: 80px; background: #f7f8fb; }
.order-query-hero { padding: 138px 0 28px; background: radial-gradient(circle at 82% 20%, rgba(255, 214, 204, .7), transparent 28%), linear-gradient(180deg, #fff8f6, #f7f8fb 78%); }
.order-query-layout { display: grid; grid-template-columns: 1fr 440px; gap: 48px; align-items: end; }
.order-query-copy h1 { margin: 18px 0 16px; color: #243044; font-size: clamp(40px, 5vw, 62px); font-weight: 800; letter-spacing: -.06em; line-height: 1.12; }
.order-query-copy h1 em { color: #fd5b4a; font-style: normal; }
.order-query-copy p { max-width: 460px; margin: 0; color: #667085; font-size: 16px; line-height: 1.8; }
.order-query-card { display: grid; gap: 14px; padding: 26px; border: 1px solid #efe7e4; border-radius: 18px; background: #fff; box-shadow: 0 18px 40px rgba(90, 48, 36, .08); }
.order-query-card h2 { margin: 0; color: #243044; font-size: 20px; }
.order-query-card label { display: grid; gap: 7px; }
.order-query-card span { color: #7b8798; font-size: 13px; }
.order-query-card input { height: 46px; padding: 0 13px; border: 1px solid #e6ebf2; border-radius: 10px; color: #243044; font-size: 14px; }
.order-query-card input:focus { border-color: #fdc3ba; outline: 0; box-shadow: 0 0 0 3px rgba(253, 91, 74, .08); }
.order-query-card small, .order-query-help, .order-query-pending { color: #98a2b3; font-size: 12px; line-height: 1.7; }
.order-query-card .button { width: 100%; }
.order-query-alert { margin-top: 18px; padding: 14px 16px; border: 1px solid #ffd7d3; border-radius: 12px; color: #b42318; background: #fff5f4; }
.order-query-result { display: grid; gap: 14px; margin-top: 22px; }
.order-query-summary { display: grid; grid-template-columns: 1.4fr 1fr .9fr .7fr; gap: 12px; }
.order-query-summary > div, .order-query-item { padding: 18px; border: 1px solid #eceff4; border-radius: 14px; background: #fff; }
.order-query-summary span, .order-query-item small, .order-query-times { color: #98a2b3; font-size: 12px; }
.order-query-summary strong, .order-query-item strong { display: block; margin-top: 6px; color: #243044; font-size: 16px; }
.order-query-summary small { display: block; margin-top: 4px; color: #667085; }
.order-query-times { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.order-query-item header { display: flex; justify-content: space-between; gap: 16px; }
.order-query-item b { color: #243044; }
.order-query-item pre { margin: 14px 0 0; padding: 12px; overflow: auto; border-radius: 10px; color: #314056; background: #f7f8fb; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 13px; line-height: 1.7; white-space: pre-wrap; }
.order-query-pending { margin: 14px 0 0; }
.order-query-help a { color: #fd5b4a; }
.order-query-hints { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 28px; }
.order-query-hints article { padding: 20px; border-radius: 14px; background: #fff; }
.order-query-hints strong { color: #fd5b4a; font-size: 13px; }
.order-query-hints span { display: block; margin-top: 8px; color: #243044; font-weight: 700; }
.order-query-hints small { display: block; margin-top: 6px; color: #98a2b3; line-height: 1.6; }
@media (max-width: 900px) {
    .order-query-hero { padding-top: 118px; }
    .order-query-layout, .order-query-summary, .order-query-hints { grid-template-columns: 1fr; }
}