/* Quiet blue accents and a shared moving selection line. */
.header-inner{gap:26px;border-color:hsl(var(--theme-hue,217) calc(18.2% * var(--theme-saturation,1)) 17.3%);background:hsl(var(--theme-hue,217) calc(15.8% * var(--theme-saturation,1)) 7.5%)}
.main-nav{position:relative;gap:22px;isolation:isolate}
.main-nav a{position:relative;display:flex;align-items:center;white-space:nowrap;border-bottom:0!important;color:hsl(var(--theme-hue,217) calc(17.9% * var(--theme-saturation,1)) 67.1%);transition:color .18s,background .18s;padding-inline:2px;text-shadow:none}
.main-nav a::before,.main-nav a::after{display:none!important}
.main-nav a:hover,.main-nav a.active,.main-nav a:focus-visible{color:hsl(var(--theme-hue,217) calc(100.0% * var(--theme-saturation,1)) 96.5%);background:transparent;text-shadow:none}
.main-nav .nav-active-line{position:absolute;left:0;top:calc(50% + 16px);height:3px;border-radius:999px;background:hsl(var(--theme-hue,217) calc(100.0% * var(--theme-saturation,1)) 72.9%);box-shadow:0 0 4px hsl(var(--theme-hue,217) calc(100.0% * var(--theme-saturation,1)) 69.8% / 0.600),0 3px 9px hsl(var(--theme-hue,217) calc(100.0% * var(--theme-saturation,1)) 61.8% / 0.600),0 6px 16px hsl(var(--theme-hue,217) calc(100.0% * var(--theme-saturation,1)) 61.8% / 0.333);pointer-events:none;transition:transform .28s cubic-bezier(.22,.75,.25,1),width .28s cubic-bezier(.22,.75,.25,1),opacity .18s}
.header-actions{gap:7px}
.header-actions .cart-header>[data-cart-count]{position:absolute}
.header-actions .cart-header>[data-cart-count]:empty{display:none}
.header-actions :is(.header-icon,.wallet-link){width:37px;height:37px;border:1px solid hsl(var(--theme-hue,217) calc(22.6% * var(--theme-saturation,1)) 20.8%);border-radius:10px;background:hsl(var(--theme-hue,217) calc(25.8% * var(--theme-saturation,1)) 12.2%);color:hsl(var(--theme-hue,217) calc(33.3% * var(--theme-saturation,1)) 77.1%);box-shadow:inset 0 1px #ffffff05;transition:color .18s,border-color .18s,background .18s,box-shadow .18s,transform .18s}
.header-actions :is(.header-icon,.wallet-link):hover,.header-actions .header-icon[aria-expanded=true]{color:hsl(var(--theme-hue,217) calc(100.0% * var(--theme-saturation,1)) 92.2%);background:hsl(var(--theme-hue,217) calc(37.6% * var(--theme-saturation,1)) 18.2%);border-color:hsl(var(--theme-hue,217) calc(36.9% * var(--theme-saturation,1)) 39.8%);box-shadow:0 0 14px hsl(var(--theme-hue,217) calc(68.6% * var(--theme-saturation,1)) 53.7% / 0.086)}
.header-actions :is(.header-icon,.wallet-link):active{transform:scale(.94)}
.header-actions :is(.header-icon,.wallet-link)>.icon{width:21px;height:21px;stroke-width:1.65}
.header-actions .sign-in.avatar-trigger{box-shadow:0 0 0 1px hsl(var(--theme-hue,217) calc(24.3% * var(--theme-saturation,1)) 34.7%);padding:3px;transition:box-shadow .18s}
.header-actions .sign-in.avatar-trigger:hover{box-shadow:0 0 0 1px hsl(var(--theme-hue,217) calc(91.7% * var(--theme-saturation,1)) 71.6%),0 0 14px hsl(var(--theme-hue,217) calc(76.1% * var(--theme-saturation,1)) 59.0% / 0.200)}
.buy-orders-page{max-width:1260px;margin:12px auto 70px}
.buy-orders-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:12px 0 32px}
.buy-orders-heading h1{font-size:32px;letter-spacing:-1px;margin:9px 0}
.buy-orders-heading p{color:hsl(var(--theme-hue,217) calc(20.0% * var(--theme-saturation,1)) 66.7%);font-size:14px;margin:0}
.buy-orders-heading>.button{background:hsl(var(--theme-hue,217) calc(41.0% * var(--theme-saturation,1)) 15.3%);border:1px solid hsl(var(--theme-hue,217) calc(40.0% * var(--theme-saturation,1)) 31.4%);color:hsl(var(--theme-hue,217) calc(86.4% * var(--theme-saturation,1)) 88.4%);border-radius:9px}
.buy-orders-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:30px;align-items:start}
.order-builder{position:sticky;top:92px;padding:22px;border:1px solid hsl(var(--theme-hue,217) calc(25.9% * var(--theme-saturation,1)) 22.7%);border-radius:14px;background:hsl(var(--theme-hue,217) calc(32.1% * var(--theme-saturation,1)) 10.4%);box-shadow:0 10px 40px #0002}
.order-builder-title{display:flex;align-items:center;gap:11px;margin-bottom:26px}.order-builder-title>.icon{color:hsl(var(--theme-hue,217) calc(89.0% * var(--theme-saturation,1)) 71.4%);width:22px;height:22px}
.order-builder h2,.orders-collection h2{font-size:17px;margin:0;font-weight:600}
.order-builder label{display:block;color:hsl(var(--theme-hue,217) calc(26.4% * var(--theme-saturation,1)) 79.2%);font-size:12px;font-weight:550;margin-bottom:9px}
.order-item-search{position:relative;margin:10px 0 14px}.order-search-input{display:flex;align-items:center;gap:9px;border:1px solid hsl(var(--theme-hue,217) calc(24.2% * var(--theme-saturation,1)) 25.9%);background:hsl(var(--theme-hue,217) calc(35.0% * var(--theme-saturation,1)) 7.8%);border-radius:8px;padding:0 11px}
.order-search-input>.icon{width:17px;height:17px;flex:none;color:hsl(var(--theme-hue,217) calc(22.6% * var(--theme-saturation,1)) 58.4%)}.order-builder input{font:inherit;color:hsl(var(--theme-hue,217) calc(60.0% * var(--theme-saturation,1)) 95.1%);min-width:0;outline:none}
.order-search-input input{flex:1;min-width:0;width:100%;height:42px;font-size:12px;background:transparent;border:0;padding:0}.order-search-input:focus-within{border-color:hsl(var(--theme-hue,217) calc(100.0% * var(--theme-saturation,1)) 71.2%);box-shadow:0 0 0 3px hsl(var(--theme-hue,217) calc(73.0% * var(--theme-saturation,1)) 53.5% / 0.094)}
.order-builder input:disabled{opacity:.65}.order-item-search [role=listbox]{position:absolute;top:calc(100% + 7px);left:0;right:0;z-index:5;max-height:330px;overflow:auto;padding:5px;border-radius:9px;background:hsl(var(--theme-hue,217) calc(28.4% * var(--theme-saturation,1)) 13.1%);border:1px solid hsl(var(--theme-hue,217) calc(28.0% * var(--theme-saturation,1)) 31.6%);box-shadow:0 14px 32px #0008}
.order-item-search [role=option]{display:flex;align-items:center;gap:8px;width:100%;padding:7px;border:0;border-radius:6px;background:transparent;text-align:left;color:hsl(var(--theme-hue,217) calc(41.0% * var(--theme-saturation,1)) 88.0%);font:inherit;font-size:12px;cursor:pointer}
.order-item-search [role=option]:hover,.order-item-search [aria-selected=true]{background:hsl(var(--theme-hue,217) calc(39.7% * var(--theme-saturation,1)) 24.7%)}.order-item-search [role=option] img{object-fit:contain;flex:none}.order-item-search [role=option] small{display:block;color:hsl(var(--theme-hue,217) calc(51.9% * var(--theme-saturation,1)) 69.0%);font-size:10px;margin-top:4px}.order-item-search [role=listbox]>p{font-size:12px;padding:10px;color:hsl(var(--theme-hue,217) calc(21.5% * var(--theme-saturation,1)) 74.5%)}
.order-selected{display:flex;align-items:center;gap:10px;min-height:84px;padding:10px;background:hsl(var(--theme-hue,217) calc(34.2% * var(--theme-saturation,1)) 14.9%);border:1px solid hsl(var(--theme-hue,217) calc(30.5% * var(--theme-saturation,1)) 23.1%);border-radius:9px;font-size:12px;color:hsl(var(--theme-hue,217) calc(25.7% * var(--theme-saturation,1)) 65.7%);margin-bottom:24px}.order-selected img{object-fit:contain;flex-shrink:0}.order-selected strong{display:block;color:hsl(var(--theme-hue,217) calc(71.4% * var(--theme-saturation,1)) 93.1%);line-height:1.5}.order-selected span{display:block;font-size:11px;margin-top:5px}
.order-total{display:flex;align-items:center;justify-content:space-between;border-top:1px solid hsl(var(--theme-hue,217) calc(24.3% * var(--theme-saturation,1)) 21.8%);padding:19px 0 7px;margin-top:13px;font-size:12px;color:hsl(var(--theme-hue,217) calc(27.8% * var(--theme-saturation,1)) 69.0%)}.order-total strong{font-size:20px;color:hsl(var(--theme-hue,217) calc(84.6% * var(--theme-saturation,1)) 92.4%);font-variant-numeric:tabular-nums}.order-disclosure{color:hsl(var(--theme-hue,217) calc(19.8% * var(--theme-saturation,1)) 60.4%);font-size:11px;line-height:1.7;margin:12px 0}.order-feedback{color:hsl(var(--theme-hue,217) calc(78.0% * var(--theme-saturation,1)) 82.2%);font-size:12px;line-height:1.6;min-height:0;margin:10px 0}.order-feedback:empty{margin:0}.order-builder .button{border-radius:8px;min-height:42px;font-size:13px}.order-builder [data-cancel-edit]{margin-top:9px;background:transparent;border:1px solid hsl(var(--theme-hue,217) calc(24.6% * var(--theme-saturation,1)) 27.1%)}
.orders-collection-heading{display:flex;justify-content:space-between;align-items:center;margin:3px 0 20px}.orders-collection-heading .text-button{font-size:12px;color:hsl(var(--theme-hue,217) calc(35.8% * var(--theme-saturation,1)) 67.6%)}
.buy-orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.buy-order-card{border-radius:13px;border:1px solid var(--item-border);background:var(--item-surface);overflow:hidden;min-width:0;transition:border-color .18s,box-shadow .18s}
.buy-order-card:hover,.buy-order-card.is-editing{border-color:hsl(var(--theme-hue,217) calc(32.1% * var(--theme-saturation,1)) 42.7%);box-shadow:0 6px 24px #0003}.buy-order-visual{position:relative;display:grid;place-items:center;height:186px;background:radial-gradient(ellipse at 50% 75%,hsl(var(--theme-hue,217) calc(42.7% * var(--theme-saturation,1)) 28.0% / 0.251),transparent 72%)}
.buy-order-visual>span{position:absolute;left:16px;top:16px;font-size:9px;letter-spacing:1.2px;font-weight:650;color:hsl(var(--theme-hue,217) calc(47.8% * var(--theme-saturation,1)) 63.9%)}.buy-order-visual img{object-fit:contain;max-width:84%;margin-top:16px;filter:drop-shadow(0 10px 15px #0005)}
.buy-order-body{padding:4px 17px 17px}.buy-order-body h3{font-size:14px;line-height:1.55;min-height:44px;margin:0 0 15px;color:hsl(var(--theme-hue,217) calc(64.7% * var(--theme-saturation,1)) 93.3%)}.buy-order-price{display:flex;align-items:center;justify-content:space-between;gap:8px}.buy-order-price span{font-size:11px;color:hsl(var(--theme-hue,217) calc(21.7% * var(--theme-saturation,1)) 63.9%)}.buy-order-price strong{font-size:23px;letter-spacing:-.5px;color:hsl(var(--theme-hue,217) calc(100.0% * var(--theme-saturation,1)) 77.6%);font-variant-numeric:tabular-nums}
.buy-order-body dl{margin:16px 0;display:grid;gap:9px}.buy-order-body dl>div{display:flex;justify-content:space-between;font-size:12px}.buy-order-body dt{color:hsl(var(--theme-hue,217) calc(22.0% * var(--theme-saturation,1)) 60.8%)}.buy-order-body dd{margin:0;color:hsl(var(--theme-hue,217) calc(47.0% * var(--theme-saturation,1)) 83.7%)}.buy-order-body time{color:hsl(var(--theme-hue,217) calc(19.3% * var(--theme-saturation,1)) 53.3%);font-size:10px}.buy-order-actions{display:grid;grid-template-columns:1fr 40px;gap:8px;padding:12px;border-top:1px solid hsl(var(--theme-hue,217) calc(24.6% * var(--theme-saturation,1)) 22.4%);background:hsl(var(--theme-hue,217) calc(29.8% * var(--theme-saturation,1)) 11.2%)}.buy-order-actions button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:36px;font:inherit;font-size:12px;color:hsl(var(--theme-hue,217) calc(56.2% * var(--theme-saturation,1)) 85.7%);background:hsl(var(--theme-hue,217) calc(32.7% * var(--theme-saturation,1)) 19.8%);border:1px solid hsl(var(--theme-hue,217) calc(34.2% * var(--theme-saturation,1)) 31.0%);border-radius:7px;cursor:pointer}.buy-order-actions button .icon{width:16px;height:16px}.buy-order-actions button:hover{background:hsl(var(--theme-hue,217) calc(38.1% * var(--theme-saturation,1)) 27.3%);border-color:hsl(var(--theme-hue,217) calc(32.8% * var(--theme-saturation,1)) 50.4%)}.buy-order-actions [data-remove]{background:transparent;color:hsl(var(--theme-hue,217) calc(29.3% * var(--theme-saturation,1)) 64.5%);border-color:hsl(var(--theme-hue,217) calc(28.1% * var(--theme-saturation,1)) 25.1%)}.buy-order-actions .order-remove-confirm{color:#f1b7bb;background:#35232a;border-color:#633d47}
.orders-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:330px;text-align:center;padding:35px;border:1px dashed hsl(var(--theme-hue,217) calc(26.2% * var(--theme-saturation,1)) 25.5%);border-radius:14px;background:hsl(var(--theme-hue,217) calc(30.6% * var(--theme-saturation,1)) 9.6%);color:hsl(var(--theme-hue,217) calc(44.4% * var(--theme-saturation,1)) 85.9%)}.orders-empty>.icon{width:42px;height:42px;color:hsl(var(--theme-hue,217) calc(40.3% * var(--theme-saturation,1)) 56.7%);stroke-width:1.3;margin-bottom:8px}.orders-empty h2,.orders-empty h3{font-size:19px;margin:15px 0 6px}.orders-empty p{max-width:310px;font-size:13px;line-height:1.8;color:hsl(var(--theme-hue,217) calc(26.0% * var(--theme-saturation,1)) 64.5%)}.orders-empty .button{margin-top:12px}.orders-loading{padding:50px;color:hsl(var(--theme-hue,217) calc(41.0% * var(--theme-saturation,1)) 69.4%)}
.buy-orders-page [hidden]{display:none!important}.buy-orders-page button:disabled{opacity:.5;cursor:wait}.buy-orders-page :is(button,a,input):focus-visible{outline:2px solid hsl(var(--theme-hue,217) calc(100.0% * var(--theme-saturation,1)) 73.3%);outline-offset:3px}
@media(max-width:1100px){.header-inner{flex-wrap:wrap;gap:0 20px;padding-top:12px}.header-actions{margin-left:auto}.main-nav{order:3;width:100%;height:48px;min-height:48px;align-self:auto;justify-content:flex-start;gap:28px}.main-nav a[data-route="sell"]{display:flex}.main-nav a{font-size:13px}.buy-orders-layout{grid-template-columns:290px minmax(0,1fr);gap:20px}}
@media(max-width:700px){.buy-orders-layout{grid-template-columns:1fr}.order-builder{position:static}.buy-orders-heading{align-items:flex-start;gap:12px}.buy-orders-heading h1{font-size:27px}.buy-orders-heading>.button{font-size:11px;padding:10px}.buy-orders-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.main-nav{gap:16px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.main-nav a{font-size:12px}.header-inner{margin:0 10px;padding:12px 10px 0}.header-actions{gap:5px}.header-actions :is(.header-icon,.wallet-link){width:32px;height:34px;display:grid;border-radius:8px}.header-actions .sign-in.avatar-trigger{width:32px;min-width:32px;height:32px}.brand span{display:none}.brand img{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.main-nav .nav-active-line,.main-nav a,.header-actions :is(.header-icon,.wallet-link),.buy-order-card{transition:none}}

/* A single focus surface around each complete control. */
.buy-orders-page .order-builder input:focus-visible{outline:none!important;box-shadow:none!important}
.order-builder{background:var(--theme-surface);border-color:var(--theme-border)}
.order-builder-title{margin-bottom:24px}.order-builder label{color:var(--muted);font-weight:500}
.order-search-input{min-height:46px;background:var(--theme-header);border-color:var(--theme-border);border-radius:10px;transition:border-color .16s,box-shadow .16s}
.order-search-input:focus-within,.order-field-control:focus-within{border-color:var(--theme-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-primary) 14%,transparent)}
.order-search-input input{color:var(--text)}
.order-item-search [role=listbox]{background:var(--theme-surface);border-color:var(--theme-border);padding:6px;scrollbar-width:thin;overscroll-behavior:contain}
.order-item-search [role=option]{padding:10px 7px;gap:10px;color:var(--text);border-radius:7px}
.order-item-search [role=option]>span{min-width:0;line-height:1.5}.order-item-search [role=option] small{color:var(--muted);font-variant-numeric:tabular-nums}
.order-item-search [role=option]:hover,.order-item-search [aria-selected=true]{background:var(--theme-raised)}
.order-selected{background:linear-gradient(125deg,color-mix(in srgb,var(--theme-primary) 7%,var(--theme-surface)),var(--theme-surface));border-color:var(--theme-border);margin-bottom:23px;color:var(--muted)}
.order-selected strong{color:var(--text)}
.order-fields{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:12px;align-items:end}
.order-fields>div{min-width:0}.order-fields label{margin:0 0 9px}
.order-field-control{display:flex;align-items:center;height:46px;gap:7px;padding:0 11px;border:1px solid var(--theme-border);border-radius:10px;background:var(--theme-header);transition:border-color .16s,box-shadow .16s}
.order-price-input>span{position:static;color:var(--muted);font-size:16px;line-height:1}
.order-price-input>.order-currency{font-size:9px;letter-spacing:.5px;color:var(--muted)}
.order-fields .order-field-control input{min-width:0;flex:1;width:100%;height:100%;margin:0;padding:0;background:transparent;border:0;border-radius:0;font-size:16px;font-weight:600;letter-spacing:-.3px;color:var(--text);font-variant-numeric:tabular-nums}
.order-quantity-input{gap:0;padding:0 4px}.order-quantity-input input{text-align:center;appearance:textfield;-moz-appearance:textfield}
.order-quantity-input input::-webkit-inner-spin-button,.order-quantity-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.order-quantity-input button{flex:0 0 25px;height:30px;padding:0;display:grid;place-items:center;background:transparent;color:var(--muted);font-size:18px;border:0;border-radius:5px;transition:background .15s,color .15s}
.order-quantity-input button:hover{background:var(--theme-raised);color:var(--text)}
.order-total{margin-top:22px;padding:17px 0 10px;border-color:var(--theme-border);color:var(--muted)}.order-total strong{font-size:22px;color:var(--text)}
.order-available{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}
.order-eligibility{font-size:10px;line-height:1.6;color:var(--muted);padding:9px 10px;background:var(--theme-raised);border-radius:6px;margin:12px 0 0}.order-eligibility:empty{display:none}.order-eligibility.is-covered{color:#71d6a5}
.order-disclosure{font-size:10px;line-height:1.75;color:var(--muted);margin:15px 0 18px}
.order-warranty{margin-top:18px}.order-warranty small{display:block;margin-top:8px;font-size:10px;line-height:1.6;color:var(--muted)}.order-warranty .sale-select-trigger{width:100%;background:var(--theme-header);border-color:var(--theme-border)}.order-warranty .sale-select-caption{color:var(--muted)}
.buy-order-card .order-visibility{display:inline-flex;font-size:9px;color:var(--muted);margin-top:6px}.buy-order-card .order-visibility.is-visible{color:#71d6a5}
.orders-empty{border:1px solid var(--theme-border);background:linear-gradient(145deg,color-mix(in srgb,var(--theme-primary) 3%,var(--theme-surface)),var(--theme-surface))}
@media(max-width:1100px) and (min-width:701px){.buy-orders-layout{grid-template-columns:320px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.order-field-control,.order-search-input{transition:none}}