.orders-root { max-width:1800px; margin:auto; }
.orders-heading,.orders-section header { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.orders-heading h1 { font-size:26px; margin:0 0 18px; }
.orders-heading span,.orders-section header span { font-size:12px; color:var(--muted); }
.orders-tabs { display:flex; gap:28px; border-bottom:1px solid var(--line-strong); margin-bottom:22px; }
.orders-tabs button { padding:12px 0; border:0; border-bottom:3px solid transparent; background:none; color:var(--muted); font-weight:600; }
.orders-tabs button.active { color:var(--brand); border-bottom-color:var(--brand); }
.orders-filters { padding:0 0 22px; }
.orders-quick-filters { display:flex; flex-wrap:wrap; align-items:center; gap:12px 20px; margin-bottom:16px; }
.orders-range-presets { display:flex; flex-wrap:wrap; gap:0; min-width:0; }
.orders-country-filter { display:flex; align-items:center; gap:8px; min-width:0; color:var(--muted); font-size:12px; white-space:nowrap; }
.orders-country-filter select { width:180px; max-width:100%; min-width:0; height:36px; padding:6px 10px; border:1px solid var(--line-strong); border-radius:6px; color:var(--ink); background:#fff; font:inherit; font-size:14px; }
.orders-range-presets button { border:1px solid var(--line-strong); padding:8px 14px; margin-left:-1px; background:#fff; color:var(--ink-2); }
.orders-range-presets button[aria-pressed="true"] { background:var(--brand); color:#fff; border-color:var(--brand); position:relative; }
.orders-filter-fields { display:grid; grid-template-columns:repeat(2,minmax(145px,1fr)) repeat(3,minmax(120px,1fr)) minmax(190px,1.3fr) auto; gap:14px; align-items:end; }
.orders-filter-fields label { display:grid; gap:7px; min-width:0; color:var(--muted); font-size:12px; }
.orders-filter-fields input,.orders-filter-fields select { width:100%; min-width:0; height:40px; padding:8px 10px; border:1px solid var(--line-strong); border-radius:6px; color:var(--ink); background:#fff; font:inherit; font-size:14px; }
.orders-filter-actions { display:flex; gap:8px; }
.orders-filter-actions .primary-button { height:40px; white-space:nowrap; }
.orders-icon-button { display:inline-flex; width:40px; height:40px; padding:0; align-items:center; justify-content:center; border:1px solid var(--line-strong); border-radius:6px; background:#fff; color:var(--ink-2); flex-shrink:0; }
.orders-icon-button:disabled { opacity:.4; cursor:default; }
.orders-totals { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:20px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:#fff; }
.orders-totals > div { padding:0 22px; border-right:1px solid var(--line); }
.orders-totals > div:last-child { border:0; }
.orders-totals span { display:block; color:var(--muted); margin-bottom:7px; }
.orders-totals strong { font-size:28px; }
.orders-totals .success strong { color:#217a4e; }
.orders-totals .teal strong { color:#117887; }
.orders-totals .warning strong { color:#9a6100; }
.orders-section { padding:24px 0 0; }
.orders-section h2 { font-size:18px; margin:0; }
.orders-section header { margin-bottom:14px; }
.orders-section .table-wrap { background:#fff; }
.orders-daily { min-width:700px; }
.orders-daily th,.orders-daily td { text-align:right; white-space:nowrap; }
.orders-daily th:first-child,.orders-daily td:first-child { text-align:left; width:130px; }
.orders-count { border:0; background:none; padding:4px 8px; min-width:34px; font-weight:600; color:var(--brand); }
.orders-count:hover { text-decoration:underline; }
.orders-detail-table { min-width:1850px; }
.orders-number { font:13px ui-monospace,monospace; white-space:nowrap; }
.orders-detail-table th,.orders-detail-table td { white-space:nowrap; }
.orders-detail-table td.orders-customer { white-space:normal; overflow-wrap:anywhere; }
.orders-product-name { display:block; width:260px; max-width:260px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.orders-amount { text-align:right; font-variant-numeric:tabular-nums; }
.orders-section-actions,.orders-column-heading { display:flex; align-items:center; gap:8px; }
.orders-column-heading { justify-content:space-between; }
.orders-header-filter { width:30px; height:30px; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; border:0; border-radius:4px; background:transparent; color:var(--muted); }
.orders-header-filter:hover,.orders-header-filter.active { background:var(--brand-bg); color:var(--brand); }
/* Lucide 0.468.0 ListFilter; inline the pinned asset to avoid SVG MIME dependencies. */
.orders-filter-glyph { width:16px; height:16px; display:block; background:currentColor; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M7 12h10'/%3E%3Cpath d='M10 18h4'/%3E%3C/svg%3E") center/contain no-repeat; }
.orders-header-menu { position:fixed; margin:0; padding:18px; width:320px; max-width:calc(100vw - 16px); max-height:calc(100vh - 16px); overflow:auto; border:1px solid var(--line-strong); border-radius:8px; background:#fff; color:var(--ink); box-shadow:0 8px 24px #0002; }
.orders-header-menu::backdrop { background:#0001; }
.orders-header-menu h3 { margin:0 0 16px; font-size:16px; }
.orders-menu-fields { display:grid; gap:14px; }
.orders-menu-fields label { display:grid; gap:7px; min-width:0; color:var(--muted); font-size:12px; }
.orders-menu-fields input,.orders-menu-fields select { height:38px; min-width:0; width:100%; border:1px solid var(--line-strong); border-radius:6px; padding:8px; background:#fff; color:var(--ink); font:inherit; font-size:14px; }
.orders-filter-range { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.orders-header-menu footer { display:flex; align-items:center; justify-content:flex-end; gap:10px; margin-top:20px; }
.orders-header-menu footer .text-button { margin-right:auto; min-height:36px; font-size:12px; }
.orders-traveler-time { display:block; font-size:11px; color:var(--muted); margin-top:5px; }
.orders-traveler-time.stale { color:#9a6100; }
.orders-status.attributed { color:#217a4e; }
.orders-status.pending_review { color:#9a6100; }
.orders-status.excluded { color:#aa3c35; }
.orders-pagination { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:16px 0; color:var(--muted); }
.orders-pagination > div { display:flex; align-items:center; gap:14px; }
.orders-loading { padding:28px 0; color:var(--muted); }
.orders-evidence { padding:16px 0; border-top:1px solid var(--line); }
.orders-evidence p { color:var(--muted); }
@media(max-width:1250px) { .orders-filter-fields { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:600px) {
 .orders-heading { align-items:flex-start; flex-direction:column; gap:0; margin-bottom:16px; }
 .orders-heading h1 { font-size:22px; margin-bottom:8px; }
 .orders-filter-fields { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 .orders-filter-actions { grid-column:1/-1; }
 .orders-range-presets button { padding:8px 10px; }
 .orders-totals { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 0; }
 .orders-totals > div { padding:0 14px; }
 .orders-totals > div:nth-child(2) { border:0; }
 .orders-totals strong { font-size:24px; }
 .orders-section header { flex-wrap:wrap; gap:8px; }
}
