.order-memo-panel { background:#fff; border:1px solid #e2ebe5; border-radius:14px; padding:22px; margin:22px 0; min-width:0; }
.order-memo-heading { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:16px; }
.order-memo-panel h2 { font-size:17px; line-height:1.4; margin:0 0 6px; color:#2b4938; }
.order-memo-heading p,.order-memo-version,.order-memo-empty { font-size:12px; color:#6d8175; line-height:1.7; margin:0; }
.order-memo-version { margin:10px 0; font-variant-numeric:tabular-nums; }
.order-memo-form { display:flex; flex-direction:column; gap:10px; }
.order-memo-form label { font-size:13px; font-weight:600; color:#45634e; }
.order-memo-form textarea { display:block; width:100%; min-height:110px; border:1px solid #d7e3db; border-radius:9px; padding:12px; font-size:14px; line-height:1.7; background:#fcfdfc; resize:vertical; box-sizing:border-box; }
.order-memo-form textarea:focus { outline:2px solid #62b694; outline-offset:2px; }
.order-memo-form-footer { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.order-memo-form-footer p { font-size:11px; line-height:1.6; color:#74877b; margin:0; max-width:420px; }
.order-memo-form-footer input[type=submit] { flex-shrink:0; }
.order-memo-form-footer p:empty { display:none; }
.order-memo-inline { gap:2px; }
.order-memo-inline textarea { min-height:42px; max-height:120px; padding:6px 7px; border-radius:6px; font-size:11px; line-height:1.5; }
.order-memo-inline-status { color:#56765e; font-size:10px; }
.order-memo-inline-status:empty { display:none; }
.order-memo-inline.is-autosave-ready .order-memo-fallback-save { display:none; }
.order-memo-content { white-space:pre-wrap; overflow-wrap:anywhere; font-size:14px; line-height:1.8; color:#354d3e; background:#f6faf7; border-radius:10px; padding:16px; margin-top:16px; }
@media(max-width:760px) { .order-memo-panel { padding:18px; } .order-memo-form-footer { align-items:flex-start; flex-direction:column; gap:12px; } }