.orders-hero{background:var(--color-abyss);color:var(--color-text-on-dark);padding:var(--space-lg) 0;border-bottom:1px solid var(--color-abyss-line)}.orders-hero__inner{position:relative}.orders-content{padding:var(--space-lg) 0 var(--space-2xl)}.orders-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:var(--space-md)}.orders-filters{display:flex;gap:.6rem;flex-wrap:wrap}.orders-filter{min-width:11rem}.orders-list{display:grid;gap:var(--space-md)}.order-card{padding:0;overflow:hidden}.order-card__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;border-bottom:1px solid var(--color-border);background:var(--color-surface-alt)}.order-card__number{font:600 .8rem var(--font-mono);color:var(--color-secondary)}.order-card__date{margin-top:.2rem;font-size:.72rem;color:var(--color-text-faint)}.order-card__body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;padding:1rem 1.15rem}.order-products{display:flex;align-items:center;gap:.65rem}.order-thumb{width:3rem;height:3rem;border-radius:var(--radius-sm);background:var(--color-surface-sunken);border:1px solid var(--color-border)}.order-products__meta{display:grid;gap:.2rem}.order-products__meta span{font-size:.72rem;color:var(--color-text-soft)}.order-tracking{display:flex;align-items:center;margin-top:1rem}.order-tracking__node{width:1.6rem;height:1.6rem;border-radius:50%;display:grid;place-items:center;border:1px solid var(--color-border-strong);background:var(--color-surface);font:600 .65rem var(--font-mono);color:var(--color-text-faint)}.order-tracking__node--done{background:rgba(79,214,168,.14);border-color:#4FD6A8;color:#4FD6A8}.order-tracking__rail{height:2px;width:3rem;background:var(--color-border)}.order-tracking__rail--done{background:#4FD6A8}.order-total{display:grid;align-content:center;text-align:right}.order-total strong{font:600 1rem var(--font-mono)}.order-total span{font-size:.7rem;color:var(--color-text-faint)}.order-card__actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.15rem;border-top:1px solid var(--color-border)}.order-status{font-size:.72rem;font-weight:600}.order-status--delivered{color:#4FD6A8}.order-status--processing{color:var(--color-warning)}.order-status--transit{color:var(--color-secondary)}
@media(max-width:700px){.order-card__body{grid-template-columns:1fr}.order-total{text-align:left}.order-card__actions{align-items:flex-start;flex-direction:column}.order-tracking__rail{width:2rem}}

/* Fix: themed order filters and visual item thumbnails */
.orders-filters .orders-filter{appearance:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-soft);padding:.55rem .9rem;font-size:.82rem;font-weight:600;line-height:1.2;transition:background var(--duration-fast) ease,border-color var(--duration-fast) ease,color var(--duration-fast) ease,transform var(--duration-fast) ease}
.orders-filters .orders-filter:hover{border-color:var(--color-secondary);background:var(--color-surface-alt);color:var(--color-text)}
.orders-filters .orders-filter[aria-pressed="true"]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}
.orders-filters .orders-filter:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}
.order-thumb{display:grid;place-items:center;overflow:hidden;background:var(--color-surface-sunken)}
.order-thumb svg{width:1.7rem;height:1.7rem;color:var(--color-secondary)}
.order-thumb.thumb--navigation svg{color:#25D8FF}
.order-thumb.thumb--rigging svg{color:#5FA8FF}
.order-thumb.thumb--engine svg{color:#4FD6A8}
.order-thumb.thumb--safety svg{color:#F2C66D}
.order-thumb.thumb--aquaculture svg{color:#76D8C5}