body { background: var(--wash); color: var(--ink); }
.orders-shell { max-width: 1180px; margin: 0 auto; padding: 56px 24px 80px; }
.orders-card { background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 28px; box-shadow: var(--shadow-card); }
.orders-header { display:flex; justify-content:space-between; gap: 24px; align-items: start; margin-bottom: 24px; }
.orders-header__links { display: flex; flex-wrap: wrap; gap: 8px; }
.orders-header h1 { margin: 0 0 8px; }
.orders-login { max-width: 440px; }
.orders-login .field { margin-bottom: 14px; }
.orders-table-wrap { overflow-x: auto; }
.orders-table { width:100%; border-collapse: collapse; min-width: 850px; }
.orders-table th, .orders-table td { padding: 14px 12px; border-bottom: 1px solid var(--line); text-align:left; vertical-align:middle; }
.orders-table th { font-size: .78rem; text-transform: uppercase; letter-spacing: .08em; color:var(--muted); }
.orders-table select { min-width: 142px; }
.orders-table thead { background: var(--wash); }
.orders-row-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.orders-row-actions a { white-space: nowrap; }
.orders-table td small { color: var(--muted); font-variant-numeric: tabular-nums; }
.orders-table [aria-busy="true"] { opacity: .65; }
.orders-empty { padding: 36px 0; color:var(--muted); }
.orders-message { min-height: 24px; color:var(--muted); }
.orders-message.is-error { color:var(--color-error); }
.orders-toolbar { display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin-bottom: 18px; }
.orders-new-alert { display:flex; justify-content:space-between; align-items:center; gap:16px; margin:0 0 18px; padding:14px 18px; border:1px solid #e4a071; border-left:5px solid var(--orange); border-radius:var(--radius-md); background:#fff6ef; color:var(--ink); font-weight:700; }
.orders-new-alert[hidden] { display:none; }
@media (max-width: 700px) {
  .orders-shell { padding: 28px 14px 56px; }
  .orders-card { padding: 18px; }
  .orders-header { display:block; }
  .orders-header__links { margin-top: 14px; }
  .orders-header h1 {
    max-width: 100%;
    font-size: clamp(1.5rem, 8vw, 2.25rem);
    line-height: 1.05;
    overflow-wrap: anywhere;
  }
}