.dashboard-order-toolbar{display:flex;justify-content:flex-start;margin:0 0 10px}
.dashboard-order-toolbar .button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 13px}
.dashboard-order-panel{margin:0 0 14px;padding:14px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,var(--surface),var(--surface-soft));box-shadow:0 8px 22px rgba(34,38,48,.045)}
.dashboard-order-panel[hidden]{display:none!important}
.dashboard-order-heading h2{margin:0;color:var(--ink);font-size:1rem;font-weight:800}
.dashboard-order-heading p{margin:4px 0 0;color:var(--muted);font-size:.82rem;line-height:1.5}
.dashboard-order-list{display:grid;gap:7px;max-height:58vh;overflow:auto;margin:12px 0;padding:0;list-style:none}
.dashboard-order-item{display:grid;grid-template-columns:30px 32px minmax(0,1fr) 68px;align-items:center;gap:8px;min-height:46px;padding:6px 8px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}
.dashboard-order-number,.dashboard-order-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--surface-soft);color:var(--gold);font-weight:800}
.dashboard-order-number{font-size:.82rem;font-variant-numeric:tabular-nums}
.dashboard-order-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dashboard-order-label{min-width:0;overflow:hidden;color:var(--ink);font-size:.86rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.dashboard-order-controls{display:flex;justify-content:flex-end;gap:4px}
.dashboard-order-move{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft);color:var(--ink);font:800 1rem/1 Tajawal,system-ui,sans-serif;cursor:pointer}
.dashboard-order-move:hover:not(:disabled){border-color:var(--gold);color:var(--gold);transform:translateY(-1px)}
.dashboard-order-move:disabled{opacity:.38;cursor:not-allowed}
.dashboard-order-move:focus-visible,.dashboard-order-toolbar .button:focus-visible,.dashboard-order-actions .button:focus-visible{outline:3px solid #d6b35f80;outline-offset:2px}
.dashboard-order-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.dashboard-order-actions .button{min-height:40px;padding:8px 14px}
@media(max-width:560px){
  .dashboard-order-toolbar{margin-bottom:8px}
  .dashboard-order-panel{padding:11px;border-radius:15px}
  .dashboard-order-list{gap:6px;max-height:54vh;margin:10px 0}
  .dashboard-order-item{grid-template-columns:27px 29px minmax(0,1fr) 62px;gap:6px;min-height:42px;padding:5px 6px;border-radius:11px}
  .dashboard-order-number,.dashboard-order-icon{width:27px;height:27px;border-radius:8px}
  .dashboard-order-icon svg{width:16px;height:16px}
  .dashboard-order-label{font-size:.82rem}
  .dashboard-order-move{width:28px;height:28px;border-radius:8px}
  .dashboard-order-actions .button{flex:1 1 calc(50% - 8px);min-height:42px}
}
@media(prefers-color-scheme:dark){
  .dashboard-order-panel{box-shadow:0 8px 22px rgba(0,0,0,.18)}
  .dashboard-order-move:hover:not(:disabled){background:#383222}
}
@media(prefers-reduced-motion:reduce){.dashboard-order-move:hover:not(:disabled){transform:none}}