/* 60-orders — order status / confirmation page */
.order-view { max-width: 720px; margin: 20px auto 0; }
.order-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; border-bottom: 2px solid var(--ink); padding-bottom: 14px; margin-bottom: 22px; flex-wrap: wrap; }
.order-head .onum { font-family: var(--mono); font-size: 0.76rem; color: var(--muted); letter-spacing: 0.08em; }
.order-head h1 { font-size: 1.7rem; font-weight: 800; }

.badge { font-family: var(--mono); font-size: 0.72rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; padding: 5px 11px; border-radius: 2px; border: 1.5px solid var(--line); color: var(--muted); }
.badge.pending { border-color: var(--warn); color: var(--warn); }
.badge.paid, .badge.fulfilled { border-color: var(--ok); color: var(--ok); }
.badge.shipped { border-color: var(--ink); color: var(--ink); background: var(--ink); color: var(--paper); }
.badge.expired, .badge.refunded { border-color: var(--muted); color: var(--muted); }

.order-banner { border: 1px dashed var(--line); border-left: 3px solid var(--ok); background: var(--band); border-radius: 3px; padding: 14px 16px; margin-bottom: 22px; }
.order-banner.pending { border-left-color: var(--warn); }
.order-banner h3 { font-family: var(--disp); font-size: 1.05rem; margin-bottom: 4px; }
.order-banner p { color: var(--muted); font-size: 0.92rem; margin: 0; }

.order-block { margin-bottom: 22px; }
.order-block .code { display: block; margin-bottom: 10px; }
.order-block .li { grid-template-columns: 54px 1fr auto; }
.order-block .li-thumb { width: 54px; height: 44px; }

.kv { display: grid; grid-template-columns: auto 1fr; gap: 6px 18px; font-size: 0.92rem; }
.kv dt { font-family: var(--mono); font-size: 0.72rem; letter-spacing: 0.05em; color: var(--muted); text-transform: uppercase; }
.kv dd { margin: 0; }

.track { font-family: var(--mono); font-size: 0.86rem; }
.track a { font-weight: 600; }

.order-lookup { max-width: 460px; margin: 40px auto; text-align: center; }
.order-lookup .field { text-align: left; }