.order-notes{box-sizing:border-box;width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #52666e;border-radius:18px;background:var(--surface,#10232c);color:var(--text,#edf6f6);padding:20px}.order-notes::backdrop{background:#0009}.order-notes header,.order-notes form,.note-actions,.note-meta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.order-notes header{justify-content:space-between;position:static;padding:0}.order-notes h2{font-size:1.2rem;overflow-wrap:anywhere}.order-notes form{margin:14px 0}.order-notes textarea{width:100%;box-sizing:border-box;resize:vertical}.order-notes input,.order-notes select,.order-notes textarea{padding:12px;min-height:44px;font:inherit;color:inherit;background:var(--surface,#10232c);border:1px solid #78909a;border-radius:8px}.order-notes button{min-height:44px;padding:8px 14px;cursor:pointer}.note-card{padding:16px;border:1px solid #52666e;border-radius:12px;margin:12px 0}.note-card.pinned{border-color:#67d5b5}.note-meta{justify-content:space-between}.note-body{white-space:pre-wrap;overflow-wrap:anywhere}.order-notes .error{color:#f09393}.note-actions{margin-top:12px}.order-card{padding:18px;margin:14px 0;border:1px solid #52666e;border-radius:14px}.order-card p{white-space:pre-wrap;overflow-wrap:anywhere}.orders-filters{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0}@media(prefers-color-scheme:light){.order-notes{background:var(--surface,#f5f9f9);color:var(--text,#162b31)}.order-notes input,.order-notes select,.order-notes textarea{background:var(--surface,#fff)}}