.order-layout { display: grid; grid-template-columns: 310px 1fr; gap: 15px; }
.order-form { display: grid; gap: 16px; align-content: start; }
.order-form label { display: grid; gap: 6px; font-size: 10px; font-weight: 800; }
.order-form button, .order-actions button { border: 0; border-radius: 8px; padding: 10px 12px; background: var(--forest); color: #fff; font-weight: 800; cursor: pointer; }
.order-form button:disabled, .order-actions button:disabled { opacity: .55; cursor: wait; }
.order-form small { color: var(--muted); line-height: 1.5; }
.order-actions { display: flex; gap: 6px; flex-wrap: wrap; }
.order-actions button { padding: 7px 9px; font-size: 9px; }
.order-actions .complete { background: var(--ok); }
.order-actions .cancel { background: var(--danger); }
.order-status { display: inline-block; padding: 5px 8px; border-radius: 14px; background: #ecefe9; font-size: 9px; font-weight: 800; }
.order-status.ready { background: #e8f1eb; color: var(--ok); }
.order-status.missing { background: #f5e8df; color: var(--danger); }
@media (max-width: 950px) { .order-layout { grid-template-columns: 1fr; } }