.operations-workspace { --operation-border:#dce5ef; }
.operation-intro { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 24px; margin-bottom:20px; border:1px solid #cce7e0; background:#eef8f5; border-radius:14px; }
.operation-intro p { max-width:760px; margin:0; color:#31564e; }
.operation-intro button { flex-shrink:0; min-height:44px; }
.operation-panel,.operation-disclosure { background:white; border:1px solid var(--operation-border); border-radius:14px; padding:24px; margin:0 0 20px; box-shadow:0 3px 14px #142e4904; }
.operation-panel h2,.operation-panel h3 { font-size:18px; margin:0 0 16px; color:#1c3553; }
.operation-panel > p { color:var(--muted); max-width:900px; }
.operation-disclosure { padding:0; overflow:hidden; }
.operation-disclosure > summary { cursor:pointer; padding:20px 24px; font-weight:700; font-size:15px; color:#234461; min-height:56px; }
.operation-disclosure[open] > summary { border-bottom:1px solid var(--operation-border); background:#f7fafc; }
.operation-disclosure > :not(summary) { margin:20px 24px; }
.operation-disclosure > .form-grid { padding:0; border:0; box-shadow:none; }
.operation-disclosure > .chart-card { border:0; padding:0; box-shadow:none; }
.operations-workspace .form-grid { gap:18px; align-items:end; }
.operations-workspace label { font-weight:600; color:#3b506a; }
.operations-workspace input:not([type=checkbox]),.operations-workspace select,.operations-workspace textarea { min-height:44px; border-radius:8px; border-color:#cbd7e5; background:#fff; }
.operations-workspace button { min-height:40px; border-radius:8px; }
.operations-workspace .table-wrap { border:1px solid #e3e9f1; border-radius:10px; overflow:auto; }
.operations-workspace th { background:#f3f6fa; color:#4a5f78; font-size:12px; white-space:nowrap; padding:13px 14px; }
.operations-workspace td { padding:13px 14px; vertical-align:middle; border-bottom:1px solid #edf1f6; }
.operations-workspace tbody tr:hover { background:#f4faf8; }
.operations-workspace .search-box { max-width:440px; margin:0 0 14px; }
.ledger-export { float:inline-end; margin-inline-start:16px; }
.order-queue-shortcuts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:20px; }
.order-queue-shortcuts button { display:flex; align-items:center; justify-content:space-between; gap:10px; background:white; color:#52657c; border:1px solid var(--operation-border); padding:18px 20px; min-height:74px; text-align:start; box-shadow:0 2px 8px #142e4903; }
.order-queue-shortcuts strong { font-size:26px; font-variant-numeric:tabular-nums; color:#173b54; }
.order-queue-shortcuts button[aria-pressed=true] { background:#e5f5ee; border-color:#238473; color:#12624f; box-shadow:inset 0 -3px #238473; }
.order-queue-shortcuts button:hover { border-color:#238473; }
.operations-workspace .record-status { padding:6px 10px; border-radius:20px; white-space:nowrap; }
.operations-workspace .record-status.pending_approval { color:#855410; background:#fff3d8; }
.operations-workspace .record-status.approved { color:#146552; background:#e1f3e9; }
.operations-workspace .record-status.rejected,.operations-workspace .record-status.cancelled { color:#9a3845; background:#fbe8ec; }
@media(max-width:760px) { .operation-panel { padding:16px; } .operation-intro { align-items:stretch; flex-direction:column; padding:16px; gap:14px; } .operation-disclosure > summary { padding:17px 16px; } .operation-disclosure > :not(summary) { margin:16px; } .order-queue-shortcuts { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .order-queue-shortcuts button { padding:14px; min-height:68px; } .operations-workspace button { min-height:44px; } .ledger-export { float:none; margin:0 0 14px; } .operations-workspace .form-grid { grid-template-columns:1fr; } }
.operation-tools { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:20px; align-items:flex-start; }
.operation-tools > .operation-disclosure { margin:0; flex:1 1 220px; }
.operation-tools > .operation-disclosure[open] { flex-basis:100%; order:1; }
@media(max-width:760px) { .operation-tools { gap:10px; } .operation-tools > .operation-disclosure { flex-basis:100%; } }
.order-availability-dialog { width:min(680px,94vw); max-height:90dvh; overflow:auto; border:1px solid #cbd7e5; border-radius:16px; padding:24px; color:#173b54; }
.order-availability-dialog::backdrop { background:#102a4366; }
.shortage-review-actions { display:flex; flex-wrap:wrap; gap:12px; position:sticky; bottom:0; padding:14px 0; background:white; }
.shortage-review-actions button { min-height:44px; flex:1; }