#orderNotesDialog{width:min(680px,calc(100vw - 32px));max-height:90dvh;margin:auto;padding:22px;border:1px solid #bdcfc0;border-radius:12px;background:#fff;color:#294b39;overflow:auto}
#orderNotesDialog::backdrop{background:rgba(20,36,28,.6)}
.order-notes-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}
.order-notes-head h2{font-size:18px}
.order-notes-hint{font-size:12px;line-height:1.6;color:#596c60}
#orderNotesDialog [data-status]{padding:10px 12px;background:#edf4ee;border-radius:7px;font-size:12px;margin:12px 0;line-height:1.5}
#orderNotesDialog [data-status].error{background:#fff0e9;color:#8b3721}
.order-notes-list{display:grid;gap:10px;max-height:320px;overflow:auto;margin:14px 0}
.order-notes-list>p{font-size:13px;color:#596c60}
.order-notes-list article{padding:12px;border:1px solid #dce6de;border-radius:8px;background:#fafbf8}
.order-notes-list article>div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px}
.order-notes-list time{font-size:11px;color:#596c60}
.order-notes-list article p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px;font-size:13px;line-height:1.6}
.order-note-receipt{display:block;overflow-wrap:anywhere;margin-top:10px;font-size:12px;color:#365d45}
#orderNotesDialog form{display:grid;gap:8px;border-top:1px solid #dce6de;padding-top:14px}
#orderNotesDialog [hidden]{display:none!important}
#orderNotesDialog label{font-size:12px;font-weight:600;margin-top:4px}
#orderNotesDialog textarea{width:100%;resize:vertical;min-height:90px;padding:10px;border:1px solid #bdcfc0;border-radius:7px;font:13px var(--sans,Arial,sans-serif);color:#294b39}
#orderNotesDialog input{max-width:100%;font-size:12px;padding:8px 0}
#orderNotesDialog small{font-size:11px;color:#596c60;line-height:1.5}
#orderNotesDialog form button{justify-self:end;margin-top:5px}
#orderNotesDialog :focus-visible{outline:3px solid #d4b16d;outline-offset:2px}
#orderNotesDialog button:disabled{opacity:.6;cursor:wait}
.btn.order-notes-present{background:#fff4df!important;color:#74531b!important;border-color:#d9bd80!important;font-weight:650;box-shadow:inset 3px 0 #c19745;gap:7px}
.btn.order-notes-present:hover{background:#fcedcc!important;border-color:#b48d40!important}
.order-notes-notice{display:flex;align-items:center;justify-content:flex-start;width:100%;text-align:left;gap:10px;padding:14px 18px;margin:0 0 16px;border:1px solid #dfc78e;border-radius:12px;background:#fff7e8;color:#70501c;font:600 14px var(--sans,Arial,sans-serif);line-height:1.5;cursor:pointer;box-shadow:inset 4px 0 #c4a056}
.order-notes-notice:hover{background:#fff0d5}
.order-notes-notice[hidden]{display:none!important}
@media print{#orderNotesDialog,.order-notes-notice{display:none!important}}