/* Order Solver additions: climate notes on switch cards + the per-order Complete popup */
.order-switch-meta .order-climate-note { display:block; font-size:12.5px; line-height:1.45; color:#97aaba; }
.order-climate-note.needs { color:#f4d18b; }
.order-climate-note.needs b { color:#ffe3a6; }
.order-climate-note.ok { color:#a3e5c1; }
.order-climate-warn { display:block; margin-top:4px; color:#ff9b9b; }

.order-complete-dialog .order-revert-list { list-style:none; margin:12px 0 14px; padding:0; display:grid; gap:8px; }
.order-revert-row { display:flex; align-items:center; gap:12px; padding:10px 12px; border:1px solid #ffffff1c; border-radius:12px; background:#ffffff08; }
.order-revert-side { display:flex; align-items:center; gap:10px; flex:1 1 0; min-width:0; }
.order-revert-side img { width:34px; height:34px; flex:none; object-fit:contain; }
.order-revert-side b { display:block; font-size:14px; line-height:1.3; }
.order-revert-side em, .order-revert-side small { display:block; font-size:12px; font-style:normal; color:#97aaba; line-height:1.35; }
.order-revert-arrow { flex:none; color:#b88ce8; font-size:18px; }
.order-revert-row .order-idle-icon { width:34px; height:34px; flex:none; display:inline-flex; align-items:center; justify-content:center; border:1px dashed #ffffff40; border-radius:10px; color:#97aaba; }
.order-complete-dialog .lock-dialog-note + .lock-dialog-note { margin-top:10px; }
.order-climate-reminder { border-color:#f4d18b66 !important; }
@media (max-width: 520px) {
  .order-revert-row { flex-direction:column; align-items:stretch; gap:6px; }
  .order-revert-arrow { align-self:center; transform:rotate(90deg); }
}

/* Order switches grouped into batches: a switch waits until the steps that make its ingredients have finished */
.order-batches { display:grid; gap:16px; margin-top:12px; }
.order-batch { display:block; }
.order-batch-head { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 12px; padding:2px 2px 6px; }
.order-batch-head b { font-size:14px; color:#e6d6f5; }
.order-batch-head span { font-size:12.5px; color:#aebdc7; }
.order-batch .order-switch-grid { margin-top:4px; }
.order-switch-row .order-wait-line { display:block; margin-top:8px; padding:6px 9px; border-radius:8px; border:1px solid #f4d18b44; background:#f4d18b12; color:#f4d18b; font-size:12.5px; line-height:1.4; }
.order-switch-row .order-wait-line b { color:#ffe3a6; }

/* "Already Produced": the order's product is already made by the permanent plan */
.order-seed-summary.order-produced-tag { border-color:rgba(98,214,150,.5); background:rgba(98,214,150,.12); color:#9be8bd; }

/* Order Solver Speed Mode: same layout across desktop and mobile. */
.order-plan-section .section-head{flex-wrap:wrap;gap:10px}
.order-speed-toggle{border:1px solid #a782ea;border-radius:10px;padding:9px 14px;background:#263351;color:#d8b9ff;font-family:inherit;font-size:12px;font-weight:700;line-height:1.3;cursor:pointer;white-space:nowrap}
.order-speed-toggle[aria-pressed="true"]{background:#8d5acf;color:#fff;border-color:#bd9aff;box-shadow:0 0 0 2px #aa80ed33}
.order-speed-toggle:focus-visible{outline:2px solid #e0bfff;outline-offset:2px}
.order-speed-summary{margin:12px 0;padding:12px 14px;border:1px solid #9475be77;border-radius:12px;background:#293453;color:#e1d2fc;font-size:13px;line-height:1.5}
.order-speed-summary strong{display:inline-block;margin:4px 10px 4px 0;color:#f3e4ff}
.order-speed-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:10px;margin:12px 0 18px}
.order-speed-row{display:flex;gap:10px;align-items:flex-start;padding:12px;background:#223349;border:1px solid #536881;border-radius:12px;min-width:0}
.order-speed-row>img{width:38px;height:38px;object-fit:contain;flex:0 0 38px}
.order-speed-row>div{min-width:0;overflow-wrap:anywhere}
.order-speed-row b,.order-speed-row small{display:block;line-height:1.5}
.order-speed-row small{font-size:12px;color:#c3d2df;margin-top:4px}
.order-speed-row .order-climate-note.needs{color:#f4d19a}
@media(max-width:760px){.order-speed-toggle{white-space:normal}.order-speed-list{grid-template-columns:1fr}}
