/* VELTON order journey: neutral editorial surfaces in both themes */
.orders-page{max-width:1120px}.orders-intro{max-width:600px;font-size:16px;line-height:1.8;margin:-16px 0 26px;opacity:.75}.period{color:var(--ink,#111)}.order-card{border:1px solid var(--line,#ccc);background:var(--surface,#f9f8f5);margin-bottom:20px;overflow:hidden;transition:transform .3s ease,border-color .3s ease}.order-card:hover{transform:translateY(-3px);border-color:var(--ink,#222)}.order-head{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:23px;border-bottom:1px solid var(--line,#ddd)}.order-head small,.order-item small{display:block;opacity:.65;letter-spacing:.03em;margin-top:6px}.order-pill{border:1px solid var(--line,#ccc);border-radius:100px;padding:8px 14px;font-size:12px;font-weight:700}.order-body{padding:24px}.order-item{display:flex;align-items:center;gap:15px;padding:8px 0}.order-item img{width:78px;height:80px;object-fit:cover;background:#ddd}.order-item>div{flex:1;min-width:0}.order-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:28px 0 20px;list-style:none;padding:0}.order-timeline li{position:relative;border-top:4px solid var(--line,#bbb);padding-top:12px;font-size:12px;color:var(--ink,#222);opacity:.55}.order-timeline li.done{border-color:var(--ink,#222);opacity:1;font-weight:700}.order-timeline li:before{content:'';position:absolute;width:11px;height:11px;border-radius:50%;top:-8px;left:0;background:var(--line,#bbb);border:2px solid var(--surface,#fff)}.order-timeline li.done:before{background:var(--ink,#222)}.order-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.order-actions .btn{min-height:43px;padding:12px 17px;font-size:11px}.order-footnote{font-size:12px;opacity:.7;line-height:1.6}.empty-orders{text-align:center;padding:75px 18px;border:1px dashed var(--line,#bbb)}.empty-orders h2{font-size:clamp(26px,4vw,42px);margin:10px 0}.lookup-panel{margin-top:32px}.lookup-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.lookup-form label{flex:1;min-width:210px;margin:0}.lookup-form .btn{min-height:49px}.pay-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.pay-choice{cursor:pointer;display:flex;align-items:center;gap:8px;border:1px solid var(--line,#ccc);padding:16px 12px;min-height:60px;font-size:13px;font-weight:700;background:var(--surface,#fff)}.pay-choice:has(input:checked){outline:2px solid var(--ink,#222);outline-offset:-2px}.pay-choice input{width:18px!important;min-height:auto!important;accent-color:var(--ink,#222)}.payment-info{font-size:13px;line-height:1.65;opacity:.78}.payment-status{padding:10px 14px;border-left:3px solid var(--ink,#222);background:var(--soft,#eee);margin:12px 0}.order-success-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}@media(max-width:640px){.pay-methods{grid-template-columns:1fr}.order-timeline li{font-size:10px;overflow-wrap:anywhere}.order-head{padding:17px}.order-body{padding:17px}.order-item img{width:60px;height:64px}}
@media(prefers-reduced-motion:reduce){.order-card{transition:none}.order-card:hover{transform:none}}

/* Accessible order cancellation dialog, designed for both themes */
.cancel-dialog{width:min(94vw,520px);max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:clamp(18px,4vw,30px);border:1px solid var(--line,#aaa);background:var(--surface,#f8f7f4);color:var(--ink,#111);box-shadow:0 26px 80px rgba(0,0,0,.35)}.cancel-dialog::backdrop{background:rgba(0,0,0,.66);backdrop-filter:blur(4px)}.cancel-dialog h2{font-size:clamp(24px,4vw,36px);margin:8px 0 0}.cancel-top{display:flex;justify-content:space-between;align-items:start;gap:16px}.cancel-close{cursor:pointer;font-size:30px;line-height:1;background:transparent;border:1px solid var(--line,#aaa);color:inherit;width:44px;height:44px}.cancel-context{opacity:.75;margin:20px 0}.cancel-dialog .field{display:block;margin:18px 0;font-size:13px}.cancel-dialog select,.cancel-dialog textarea{display:block;width:100%;margin-top:9px;padding:13px 14px;min-height:48px;background:var(--surface,#fff);border:1px solid var(--line,#aaa);color:var(--ink,#111);font:inherit;font-size:16px}.cancel-dialog select option{background:var(--surface,#fff);color:var(--ink,#111)}.cancel-note{font-size:12px;line-height:1.7;opacity:.75}.cancel-error{color:#b63b35;min-height:18px;font-size:13px}.cancel-buttons{display:flex;flex-wrap:wrap;gap:10px}.cancel-buttons button{flex:1;min-width:140px;cursor:pointer}.cancel-request-note{margin-top:14px;padding:12px 15px;border:1px solid var(--line,#aaa);font-size:13px;line-height:1.6}.cancel-request-note strong{display:block;margin-bottom:4px}.cancel-btn{cursor:pointer}.cancel-btn:disabled{cursor:not-allowed;opacity:.45}
