/* 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); }
}