/* GENS PHARMA v8.6 - complete order tracking UI */
.order-query-section{padding:78px 0 58px!important}
.order-query-section .container{width:min(1240px,calc(100% - 40px))}
.order-query-card{min-height:310px;padding:48px 54px!important;border:1px solid #dbe8ee;border-radius:28px!important;background:linear-gradient(135deg,#ffffff 0%,#f5fbfd 100%);box-shadow:0 24px 60px rgba(6,39,68,.10);display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(410px,.92fr);gap:34px 56px;align-items:center}
.order-query-copy h2{font-size:38px!important;line-height:1.15;margin:9px 0 16px!important}
.order-query-copy p{font-size:16px!important;line-height:1.75;max-width:650px}
.order-query-form label{display:grid;gap:8px;font-size:14px!important;margin-bottom:10px!important}
.order-query-form input{width:100%;box-sizing:border-box;min-height:56px!important;font-size:16px!important}
.order-query-input-row{display:flex!important;gap:12px!important;align-items:stretch;margin-top:4px}
.order-query-input-row .btn{width:100%;min-height:56px!important;padding:14px 25px!important;font-size:15px!important;white-space:nowrap}
.order-query-form small{display:block;margin-top:9px;font-size:12px;color:#6b7c89}
.order-query-result{grid-column:1/-1}
.order-query-result.is-success{background:linear-gradient(135deg,#f4fcfd,#f7fbff)!important;border:1px solid #cce8ee!important;border-radius:22px!important;padding:26px!important}
.order-query-result-head strong{font-size:28px!important;color:#062c4d!important;font-weight:800!important}
.order-status-badge{font-size:16px!important;padding:10px 16px!important;background:#dcf8f4!important;color:#08756e!important;border-radius:999px!important;font-weight:800!important}
.oq-progress{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:16px!important;margin:20px 0 8px!important}
.oq-step{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:10px!important}
.oq-icon{width:54px!important;height:54px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:27px!important;font-weight:900!important;border:3px solid #d9e6ec!important;background:#f4f8fa!important;color:#9aadb8!important}
.oq-label{font-size:19px!important;line-height:1.25!important;font-weight:800!important;color:#8c9faa!important}
.oq-step.done .oq-icon{background:#12b6b9!important;border-color:#12b6b9!important;color:#fff!important;box-shadow:0 8px 22px rgba(18,182,185,.25)!important}
.oq-step.done .oq-label{color:#0b8587!important}
.oq-step.current .oq-icon{background:#1769aa!important;border-color:#1769aa!important;color:#fff!important;box-shadow:0 8px 22px rgba(23,105,170,.25)!important}
.oq-step.current .oq-label{color:#1769aa!important}
.oq-step.pending .oq-icon{background:#f4f8fa!important;border-color:#d9e6ec!important;color:#a8b8c1!important}
.oq-step.pending .oq-label{color:#95a7b1!important}
.order-query-updated{font-size:14px!important;color:#718897!important;margin-top:18px!important}
@media(max-width:850px){.oq-progress{grid-template-columns:1fr 1fr!important}.oq-label{font-size:17px!important}}
@media(max-width:980px){.order-query-card{grid-template-columns:1fr;padding:30px 24px!important;min-height:0}.order-query-copy h2{font-size:31px!important}.order-query-input-row{flex-direction:column}.order-query-input-row .btn{width:100%}}
@media(max-width:480px){.oq-progress{grid-template-columns:1fr!important}.oq-step{flex-direction:row!important;justify-content:flex-start!important;text-align:left!important}.oq-icon{width:46px!important;height:46px!important;font-size:23px!important}.oq-label{font-size:17px!important}}