.result-lookup-page { background: #f5faf9; color: var(--home-ink, #103f3a); min-height: 70vh; }
.result-lookup-hero { background: linear-gradient(112deg, rgba(8, 122, 105, .97), rgba(5, 91, 79, .92)), url('/assets/images/home/hero-03.jpg') center / cover; color: #fff; overflow: hidden; padding: 48px 0 54px; position: relative; }
.result-lookup-hero::after { background: rgba(255, 255, 255, .08); content: ""; height: 280px; position: absolute; right: -60px; top: -130px; transform: rotate(25deg); width: 390px; }
.result-lookup-hero .nencer-container { position: relative; z-index: 1; }
.result-lookup-hero nav { align-items: center; display: flex; font-size: 12px; gap: 9px; margin-bottom: 24px; }
.result-lookup-hero nav a,
.result-lookup-hero nav span { color: rgba(255, 255, 255, .8); text-decoration: none; }
.result-lookup-hero nav i { font-size: 7px; opacity: .65; }
.result-lookup-eyebrow { color: #c5fff4; font-size: 11px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.result-lookup-hero h1 { font-size: clamp(34px, 4vw, 50px); font-weight: 850; letter-spacing: -.035em; line-height: 1.1; margin: 8px 0 11px; }
.result-lookup-hero p { color: rgba(255, 255, 255, .84); font-size: 15px; line-height: 1.7; margin: 0; max-width: 700px; }
.result-lookup-content { padding: 0 0 70px; }
.result-lookup-content > .nencer-container { position: relative; }

.result-lookup-form-card { background: #fff; border: 1px solid var(--home-line, #d8e8e5); border-radius: 10px; box-shadow: 0 18px 48px rgba(9, 87, 76, .1); margin: -24px auto 26px; max-width: 1110px; padding: 27px 30px 18px; position: relative; z-index: 2; }
.result-lookup-form-intro { align-items: center; display: flex; gap: 13px; margin-bottom: 20px; }
.result-lookup-form-intro > span { align-items: center; background: var(--home-primary-soft, #e9f6f3); border-radius: 9px; color: var(--home-primary, #087a69); display: flex; flex: 0 0 46px; font-size: 18px; height: 46px; justify-content: center; }
.result-lookup-form-intro h2 { color: var(--home-ink, #103f3a); font-size: 20px; font-weight: 850; margin: 0 0 3px; }
.result-lookup-form-intro p { color: var(--home-muted, #647c77); font-size: 12px; margin: 0; }
.result-lookup-fields { align-items: start; display: grid; gap: 13px; grid-template-columns: minmax(250px, 1fr) minmax(250px, 1fr) auto; }
.result-lookup-fields label { color: var(--home-ink, #103f3a); display: block; font-size: 12px; font-weight: 800; margin-bottom: 7px; }
.result-lookup-fields label span { color: #c73e3e; }
.result-lookup-input { position: relative; }
.result-lookup-input > i { color: var(--home-primary, #087a69); left: 15px; position: absolute; top: 17px; z-index: 1; }
.result-lookup-input .form-control { background: #fbfdfd; border: 1px solid #ccddda; border-radius: 8px; box-shadow: none; font-size: 14px; height: 50px; padding-left: 43px; }
.result-lookup-input .form-control:focus { background: #fff; border-color: var(--home-primary, #087a69); box-shadow: 0 0 0 3px rgba(8, 122, 105, .1); }
.result-lookup-fields .validation-message { color: #b83d3d; font-size: 10px; margin-top: 5px; }
.result-lookup-fields > button { align-items: center; align-self: end; background: var(--home-primary, #087a69); border: 0; border-radius: 999px; box-shadow: 0 9px 20px rgba(8, 122, 105, .2); color: #fff; display: flex; font-size: 13px; font-weight: 800; gap: 8px; height: 50px; justify-content: center; min-width: 176px; padding: 0 23px; }
.result-lookup-fields > button:hover:not(:disabled) { background: var(--home-primary-dark, #056658); }
.result-lookup-fields > button:disabled { cursor: wait; opacity: .72; }
.result-lookup-security { border-top: 1px solid var(--home-line, #d8e8e5); color: var(--home-muted, #647c77); font-size: 10px; margin: 18px 0 0; padding-top: 13px; }
.result-lookup-security i { color: var(--home-primary, #087a69); margin-right: 5px; }

.result-lookup-message { align-items: flex-start; background: #fff; border: 1px solid #dce8e5; border-radius: 10px; display: flex; gap: 14px; margin: 28px auto 0; max-width: 900px; padding: 24px; }
.result-lookup-message > i { font-size: 25px; margin-top: 2px; }
.result-lookup-message strong { color: #234a44; display: block; font-size: 15px; margin-bottom: 4px; }
.result-lookup-message p { color: #6c827d; font-size: 12px; line-height: 1.6; margin: 0; }
.result-lookup-message.is-empty > i { color: #9a7a33; }
.result-lookup-message.is-error { background: #fff8f8; border-color: #ebcaca; }
.result-lookup-message.is-error > i { color: #b34b4b; }

.result-order-card { background: #fff; border: 1px solid var(--home-line, #d8e8e5); border-radius: 10px; box-shadow: 0 16px 46px rgba(9, 87, 76, .08); margin: 28px auto 0; max-width: 1110px; overflow: hidden; }
.result-order-card > header { align-items: center; background: #f8fbfa; border-bottom: 1px solid var(--home-line, #d8e8e5); display: flex; gap: 20px; justify-content: space-between; padding: 24px 27px; }
.result-order-card > header > div { align-items: center; display: flex; gap: 14px; }
.result-order-icon { align-items: center; background: var(--home-primary, #087a69); border-radius: 10px; color: #fff; display: flex; flex: 0 0 50px; font-size: 20px; height: 50px; justify-content: center; }
.result-order-card > header small { color: var(--home-primary, #087a69); font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.result-order-card > header h2 { color: var(--home-ink, #103f3a); font-size: 23px; font-weight: 850; margin: 2px 0; }
.result-order-card > header p { color: var(--home-muted, #647c77); font-size: 12px; margin: 0; }
.result-status { align-items: center; border-radius: 999px; display: inline-flex; font-size: 11px; font-weight: 800; gap: 6px; padding: 8px 12px; white-space: nowrap; }
.result-status.is-new { background: #edf3fb; color: #3b6798; }
.result-status.is-processing { background: #fff2d9; color: #976412; }
.result-status.is-completed { background: #def4eb; color: #12684c; }
.result-status.is-canceled { background: #f8e8e8; color: #9a4a4a; }
.result-status.is-small { font-size: 10px; justify-content: center; min-width: 92px; padding: 6px 9px; }
.result-order-summary { border-bottom: 1px solid var(--home-line, #d8e8e5); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 0 27px; }
.result-order-summary > div { border-right: 1px solid var(--home-line, #d8e8e5); display: grid; gap: 5px; padding: 22px 20px; }
.result-order-summary > div:first-child { padding-left: 0; }
.result-order-summary > div:last-child { border-right: 0; }
.result-order-summary span { color: var(--home-muted, #647c77); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.result-order-summary strong { color: var(--home-ink, #103f3a); font-size: 13px; }
.result-order-note { align-items: flex-start; background: #fffaf0; border-bottom: 1px solid #efe3c8; display: flex; gap: 11px; padding: 15px 27px; }
.result-order-note > i { color: #a87b27; margin-top: 3px; }
.result-order-note strong { color: #6f5525; display: block; font-size: 11px; }
.result-order-note p { color: #806b46; font-size: 11px; line-height: 1.55; margin: 3px 0 0; }
.result-items-heading { align-items: flex-end; display: flex; justify-content: space-between; padding: 24px 27px 15px; }
.result-items-heading span { color: var(--home-primary, #087a69); font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.result-items-heading h3 { color: var(--home-ink, #103f3a); font-size: 18px; font-weight: 850; margin: 4px 0 0; }
.result-items-heading > strong { background: var(--home-primary-soft, #e9f6f3); border-radius: 999px; color: var(--home-primary, #087a69); font-size: 10px; padding: 6px 10px; }
.result-items-table-wrap { overflow-x: auto; padding: 0 27px 28px; }
.result-items-table { border-collapse: collapse; min-width: 760px; width: 100%; }
.result-items-table th { background: #f2f7f6; border-bottom: 1px solid #dce7e4; color: #677e79; font-size: 9px; font-weight: 850; letter-spacing: .06em; padding: 11px 12px; text-align: left; text-transform: uppercase; }
.result-items-table th:first-child { border-radius: 8px 0 0 0; }
.result-items-table th:last-child { border-radius: 0 8px 0 0; }
.result-items-table td { border-bottom: 1px solid #e7efed; color: #476660; font-size: 12px; padding: 14px 12px; }
.result-items-table td > strong { color: #224a43; display: block; font-size: 12px; }
.result-items-table td > small { color: #7a8e8a; display: block; font-size: 10px; margin-top: 4px; max-width: 390px; }
.result-item-code { background: #eff5f4; border-radius: 5px; color: #55716b; font-size: 10px; font-weight: 750; padding: 5px 7px; }
.result-item-total { color: var(--home-primary, #087a69) !important; }
.result-items-empty { align-items: center; color: #78908b; display: flex; flex-direction: column; gap: 7px; min-height: 190px; padding: 20px; text-align: center; }
.result-items-empty i { color: #9fb4af; font-size: 30px; }
.result-items-empty strong { color: #4d6e67; font-size: 13px; }
.result-items-empty span { font-size: 11px; }

@media (max-width: 991.98px) {
    .result-lookup-fields { grid-template-columns: 1fr 1fr; }
    .result-lookup-fields > button { grid-column: 1 / -1; justify-self: end; }
    .result-order-summary { grid-template-columns: 1fr 1fr; }
    .result-order-summary > div:nth-child(2) { border-right: 0; }
    .result-order-summary > div:nth-child(-n+2) { border-bottom: 1px solid var(--home-line, #d8e8e5); }
}

@media (max-width: 767.98px) {
    .result-lookup-hero { padding: 38px 0 48px; }
    .result-lookup-hero h1 { font-size: 34px; }
    .result-lookup-form-card { margin-top: -18px; padding: 22px 18px 16px; }
    .result-lookup-fields { grid-template-columns: 1fr; }
    .result-lookup-fields > button { grid-column: auto; justify-self: stretch; width: 100%; }
    .result-order-card > header { align-items: flex-start; flex-direction: column; padding: 20px; }
    .result-order-summary { grid-template-columns: 1fr; padding: 0 20px; }
    .result-order-summary > div { border-bottom: 1px solid var(--home-line, #d8e8e5); border-right: 0; padding: 16px 0; }
    .result-order-summary > div:last-child { border-bottom: 0; }
    .result-order-note { padding: 14px 20px; }
    .result-items-heading { align-items: flex-start; padding: 20px 20px 13px; }
    .result-items-table-wrap { padding: 0 20px 22px; }
}