.sidebar [hidden] { display: none !important; }

.admin-toolbar {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 28px 0 18px;
}

.admin-boundary { align-items: center; color: var(--muted); display: flex; gap: 10px; font-size: 13px; }
.admin-orders { display: grid; gap: 16px; }
.admin-state { padding: 28px; }
.admin-state h2 { margin: 0 0 8px; }
.admin-state p { color: var(--muted); margin: 0; }
.admin-state.error { border-color: #71362c; }
.admin-order { padding: 23px; }
.admin-order header { align-items: flex-start; display: flex; gap: 18px; justify-content: space-between; }
.admin-order header small { color: var(--gold); font: 800 11px ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: 1.2px; }
.admin-order header h2 { margin: 8px 0 4px; }
.admin-order header p { color: var(--muted); margin: 0; }
.status-badge { background: #292317; border: 1px solid #5e4c29; border-radius: 999px; color: var(--gold2); flex: 0 0 auto; font-size: 12px; font-weight: 800; padding: 8px 11px; }
.status-completed { background: #102a20; border-color: #286549; color: #74dfaa; }
.status-cancelled { background: #2b1714; border-color: #71362c; color: #ff9885; }
.admin-order dl { display: grid; gap: 14px; grid-template-columns: 1fr 1fr; margin: 22px 0; }
.admin-order dl div { background: #0c0c09; border: 1px solid #28251c; border-radius: 10px; padding: 13px; }
.admin-order dt { color: var(--muted); font-size: 11px; margin-bottom: 6px; }
.admin-order dd { margin: 0; overflow-wrap: anywhere; }
.admin-story { border-top: 1px solid var(--line); padding-top: 18px; }
.admin-story h3 { font-size: 13px; margin: 0 0 9px; }
.admin-story p { color: #d4cfc4; line-height: 1.6; margin: 0; white-space: pre-wrap; }
.admin-status-controls { align-items: end; border-top: 1px solid var(--line); display: grid; gap: 10px; grid-template-columns: minmax(220px, 1fr) auto; margin-top: 19px; padding-top: 18px; }
.admin-status-controls label { color: var(--muted); font-size: 11px; grid-column: 1; }
.admin-status-controls select { appearance: none; background: #0d0d0b; border: 1px solid #57482c; border-radius: 9px; color: #fff; font: 700 13px inherit; grid-column: 1; padding: 12px; }
.admin-status-controls button { grid-column: 2; grid-row: 1 / span 2; }
.terminal-status { border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; margin: 19px 0 0; padding-top: 18px; }

@media (max-width: 1100px) {
  .admin-order dl { grid-template-columns: 1fr; }
}