/* A focused ledger view: luminous ink, warm orange and readable records. */
body[data-surface=customer] .orders-page{--orders-paper:#fff;--orders-soft:#f7f8fa;--orders-line:#e5e8ed;--orders-text:#202b3d;--orders-muted:#6d7787;--orders-positive:#137957;color:var(--orders-text)}
html[data-theme=dark] body[data-surface=customer] .orders-page{--orders-paper:#1b222d;--orders-soft:#151c27;--orders-line:#303948;--orders-text:#f1f4fa;--orders-muted:#a5afbe;--orders-positive:#85ddb5}
body[data-surface=customer] .orders-page .orders-hero{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:34px 42px;isolation:isolate;min-height:330px;padding:36px 40px 0;margin:0 0 28px;border:1px solid #38445b;background:radial-gradient(ellipse at 100% 0,#a849214d,transparent 52%),radial-gradient(ellipse at 62% 100%,#22467b66,transparent 65%),#101a2b;box-shadow:0 18px 40px #0e192b12,inset 0 1px #ffffff12;border-radius:24px;overflow:hidden;color:#fff}
.orders-page .orders-hero::after{content:"";position:absolute;width:410px;height:410px;right:-95px;top:-125px;border:1px solid #ff986d24;border-radius:50%;box-shadow:0 0 0 45px #ff986d05,0 0 0 90px #ff986d03;pointer-events:none;z-index:-1}
.orders-page .orders-hero>div:first-child{max-width:none}
.orders-page .orders-hero .eyebrow{display:flex;gap:9px;align-items:center;margin:0 0 19px;color:#fbb48d;font-size:10px;font-weight:600;letter-spacing:1.7px}
.orders-page .orders-hero .eyebrow>span{width:6px;height:6px;background:#ff782e;border-radius:50%;box-shadow:0 0 12px #ff843a}
.orders-page .orders-hero h1{font-size:clamp(32px,3.2vw,47px);font-weight:600;line-height:1.08;letter-spacing:-1.7px;margin:0 0 16px;color:#fff}
.orders-page .orders-hero h1>span{color:#ffb284}
.orders-page .orders-hero-copy>p:not(.eyebrow){font-size:13px;line-height:1.7;color:#b9c5d5;margin:0}
.orders-page .orders-explore{display:inline-flex;align-items:center;gap:24px;margin-top:24px;color:#fff;font-size:12px;padding-bottom:8px;border-bottom:1px solid #ff9b6570;text-decoration:none}
.orders-page .orders-explore:hover{color:#ffb284}
.orders-page .orders-hero-summary{align-self:center;display:flex;align-items:flex-start;flex-direction:column;position:relative;padding:26px;border:1px solid #c9d8f326;border-radius:19px;background:linear-gradient(135deg,#ffffff0e,#ffffff03);box-shadow:inset 0 1px #ffffff0e}
.orders-page .orders-record-symbol{position:absolute;right:20px;top:20px;color:#ffb284}
.orders-page .orders-record-symbol svg{width:36px;height:36px}
.orders-page .orders-summary-label{max-width:150px;font-size:9px;line-height:1.8;letter-spacing:1.7px;color:#bec9da}
.orders-page .orders-hero-summary>strong{font-size:70px;line-height:1.1;font-weight:500;letter-spacing:-3px;margin:20px 0 14px;color:#fff;font-variant-numeric:tabular-nums}
.orders-page .orders-summary-note{font-size:11px;color:#aebcd0}
.orders-page .orders-hero-footer{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;border-top:1px solid #ffffff1b;color:#aebcd0;font-size:10px}
.orders-page .orders-hero-footer i{font-style:normal;color:#ffad7b;margin-right:7px}
.orders-page .orders-hero-footer b{margin-left:10px;color:#eef3fa;font-weight:600}
body[data-surface=customer] .orders-page .batch-history{padding:0;background:var(--orders-paper);border:1px solid var(--orders-line);border-radius:21px;box-shadow:0 6px 24px #11213a04;overflow:hidden}
.orders-page .orders-list-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:26px 28px}
.orders-page .orders-kicker{color:var(--orders-muted);font-size:9px;letter-spacing:1.8px;margin:0 0 7px}
.orders-page .orders-list-heading h2{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:600;letter-spacing:-.5px;color:var(--orders-text);margin:0}
.orders-page .orders-list-heading h2>span{padding:3px 7px;border:1px solid var(--orders-line);border-radius:6px;font-size:10px;font-weight:500;letter-spacing:0;background:var(--orders-soft);color:var(--orders-muted)}
.orders-page .orders-list-heading p:last-child{font-size:12px;color:var(--orders-muted);margin:8px 0 0;line-height:1.6}
.orders-page .orders-record-range{white-space:nowrap;font-size:11px;color:var(--orders-muted)}
.orders-page .orders-column-labels,.orders-page .batch-history-record>summary{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(120px,.75fr) 24px;gap:20px;align-items:center}
.orders-page .orders-column-labels{padding:12px 28px;background:var(--orders-soft);border-block:1px solid var(--orders-line);font-size:10px;color:var(--orders-muted)}
.orders-page .orders-column-labels>span:nth-child(3){text-align:right}
body[data-surface=customer] .orders-page .batch-history-record{margin:0 28px;border-color:var(--orders-line)}
.orders-page .batch-history-record:first-of-type{border-top:0}
.orders-page .batch-history-record>summary{padding:22px 0;transition:background .18s;list-style:none}
.orders-page .batch-history-record>summary::-webkit-details-marker{display:none}
.orders-page .batch-history-record>summary:hover .orders-record-identity strong{color:#ef6927}
.orders-page .batch-history-record>summary::after{display:grid;place-items:center;border:1px solid var(--orders-line);border-radius:50%;width:24px;height:24px;color:var(--orders-muted);font-size:17px}
.orders-page .orders-record-identity{display:flex;align-items:center;gap:14px;min-width:0}
.orders-page .orders-record-identity>.currency-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:5px solid var(--orders-soft);border-radius:50%;overflow:hidden}
.orders-page .currency-icon img{width:100%;height:100%;object-fit:cover}
.orders-page .orders-record-identity strong{color:var(--orders-text);font-size:14px;line-height:1.5;font-weight:600}
body[data-surface=customer] .orders-page .batch-history-record summary small{font-size:10px;color:var(--orders-muted);line-height:1.6;margin-top:6px}
.orders-page .orders-record-identity small>span{margin-inline:6px;opacity:.6}
.orders-page .orders-completed{color:var(--orders-positive);font-size:10px;font-weight:500}
.orders-page .orders-completed::before{content:"";display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:currentColor;vertical-align:middle}
.orders-page .orders-record-earning{text-align:right}
.orders-page .orders-record-earning>small{display:none}
.orders-page .batch-history-record summary b{font-size:16px;font-weight:600;color:var(--orders-positive);font-variant-numeric:tabular-nums}
.orders-page .batch-record-body{padding:6px 0 24px}
.orders-page .batch-record-body>p,.orders-page .batch-totals dt{color:var(--orders-muted)}
body[data-surface=customer] .orders-page .batch-component{background:var(--orders-soft);border-color:var(--orders-line);color:var(--orders-text)}
.orders-page .batch-totals>div{border-color:var(--orders-line)}
.orders-page .batch-totals dd,.orders-page .batch-component dd{color:var(--orders-text)}
.orders-page .batch-totals>div:last-child dd{color:var(--orders-positive)}
.orders-page .batch-history-export{display:inline-flex;padding:11px 16px;border:1px solid var(--orders-line);border-radius:10px;color:var(--orders-text);font-size:12px;gap:16px;align-items:center}
.orders-page .batch-history-export:hover{border-color:#ed6c28;background:var(--orders-soft)}
.orders-page .batch-pagination{margin:22px 28px}
.orders-page .orders-earlier{margin:18px 0;text-align:right;font-size:12px;color:var(--orders-muted)}
.orders-page .orders-empty{text-align:center;padding:45px 24px!important}
.orders-page .orders-empty>span{font-size:32px;color:#ff782e}
.orders-page .orders-empty h3{font-size:19px;margin:14px 0}
.orders-page .orders-empty p{max-width:none;color:var(--orders-muted)}
.orders-page .orders-empty a{margin-top:20px}
.orders-page :is(summary,a):focus-visible{outline:2px solid #ff792c;outline-offset:5px}
@media(max-width:1050px){body[data-surface=customer] .orders-page .orders-hero{grid-template-columns:minmax(0,1fr) 210px;padding:28px 28px 0;gap:24px}.orders-page .orders-hero-summary{padding:22px}.orders-page .orders-summary-label{max-width:100px}.orders-page .orders-column-labels,.orders-page .batch-history-record>summary{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 110px 22px;gap:12px}.orders-page .orders-record-identity{gap:9px}.orders-page .orders-record-identity>.currency-icon{flex-basis:32px;width:32px;height:32px;border-width:3px}.orders-page .batch-history-record summary b{font-size:14px}}
@media(max-width:700px){body[data-surface=customer] .orders-page .orders-hero{grid-template-columns:1fr;gap:26px;padding:28px 24px 0;min-height:0;border-radius:20px}.orders-page .orders-hero h1{font-size:39px}.orders-page .orders-hero-summary{padding:18px 20px;display:grid;grid-template-columns:1fr auto;gap:6px 15px}.orders-page .orders-record-symbol{display:none}.orders-page .orders-summary-label{max-width:none;letter-spacing:1px;align-self:end}.orders-page .orders-hero-summary>strong{grid-column:2;grid-row:1/3;font-size:48px;margin:0;letter-spacing:-2px;align-self:center}.orders-page .orders-summary-note{font-size:10px}.orders-page .orders-hero-footer{font-size:9px}.orders-page .orders-list-heading{padding:23px 20px;align-items:flex-start}.orders-page .orders-list-heading h2{font-size:19px}.orders-page .orders-record-range{display:none}.orders-page .orders-column-labels{display:none}body[data-surface=customer] .orders-page .batch-history-record{margin:0 20px;border-top:1px solid var(--orders-line)}.orders-page .batch-history-record>summary{grid-template-columns:minmax(0,1fr) auto 22px;gap:12px;padding:20px 0}.orders-page .orders-record-identity{grid-column:1/3}.orders-page .orders-record-identity>.currency-icon{width:36px;height:36px;flex-basis:36px}.orders-page .orders-record-date{grid-column:1;grid-row:2}.orders-page .orders-record-earning{grid-column:2/4;grid-row:2;align-self:end}.orders-page .orders-record-earning>small{display:block;margin:0 0 4px}.orders-page .batch-history-record>summary::after{grid-column:3;grid-row:1}.orders-page .batch-history-record summary b{font-size:15px}.orders-page .batch-pagination{margin:20px}.orders-page .batch-totals>div{gap:12px}.orders-page .batch-totals dd{white-space:normal;text-align:right}.orders-page .orders-earlier{text-align:center}}
@media(prefers-reduced-motion:reduce){.orders-page .batch-history-record>summary{transition:none}}