.staff-notes .field{gap:8px;margin-top:18px;margin-bottom:16px;display:grid}.staff-notes .field textarea{box-sizing:border-box;color:#16253d;width:100%;min-height:128px;font:inherit;resize:vertical;background:#f8fafc;border:1px solid #c7d0de;border-radius:6px;padding:14px 16px;font-size:14px;line-height:1.8;transition:border-color .15s,box-shadow .15s;display:block}.staff-notes .field textarea:focus{outline-offset:2px;background:#fff;border-color:#173e79;outline:2px solid #173e79}.staff-notes .field textarea:disabled{opacity:.65}.staff-notes>.small-button{margin-bottom:12px}.staff-note-preview{z-index:1;white-space:normal;overflow-wrap:anywhere;cursor:help;min-width:120px;max-width:220px;font-size:12px;line-height:1.7;position:relative}.staff-note-popover{z-index:50;color:#16253d;text-align:left;background:#fff;border:1px solid #c7d0de;border-radius:8px;width:min(360px,75vw);max-height:360px;padding:16px;font-weight:400;display:none;position:absolute;top:100%;right:0;overflow:auto;box-shadow:0 8px 28px #16253d26}.staff-note-preview:hover .staff-note-popover,.staff-note-preview:focus .staff-note-popover,.staff-note-preview:focus-within .staff-note-popover{display:block}.staff-note-popover article+article{border-top:1px solid #e0e6ee;margin-top:12px;padding-top:12px}.staff-note-popover small{color:#607087}.staff-note-popover p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0}.buyback-workspace .table-scroll:has(.staff-note-preview){overflow:visible}@media (max-width:700px){.buyback-workspace .table-scroll:has(.staff-note-preview){overflow-x:auto}.staff-note-preview:focus .staff-note-popover{position:fixed;top:25%;right:16px}.order-list-table.mobile-cards td[data-label=メモ],.customer-table.mobile-cards td[data-label=メモ]{grid-area:auto/1/auto/-1;overflow:visible}.staff-note-preview{max-width:none}}.note-editor{flex-wrap:wrap;gap:8px;margin:10px 0 16px;display:flex}.note-editor form{width:100%}.note-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.note-editor textarea{box-sizing:border-box;color:#16253d;width:100%;min-height:112px;font:inherit;resize:vertical;background:#f8fafc;border:1px solid #c7d0de;border-radius:6px;padding:12px 14px;line-height:1.8}.admin-note-list>.admin-note,.staff-notes>.staff-note-record{grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:12px;display:grid}.admin-note-list>.admin-note>.admin-note-meta,.staff-note-record>small{grid-area:1/1;min-width:0}.admin-note-list>.admin-note>p,.staff-note-record>p{overflow-wrap:anywhere;grid-area:2/1;min-width:0;margin-bottom:0}.admin-note-list>.admin-note>.note-editor,.staff-note-record>.note-editor{flex-wrap:nowrap;grid-area:1/2/3;justify-content:flex-end;align-self:start;margin:0}.admin-note-list>.admin-note>.note-editor[data-active=true],.staff-note-record>.note-editor[data-active=true]{flex-wrap:wrap;grid-area:3/1/auto/-1;justify-content:flex-start;margin-top:12px}.note-editor .admin-button,.note-editor .small-button,.product-note-head button{white-space:nowrap;min-height:30px!important;padding:6px 10px!important;font-size:12px!important;line-height:1.4!important}.note-editor .note-delete,.product-internal-notes .note-delete{color:#fff!important;background:#c8102e!important;border-color:#c8102e!important}.note-editor button:has(.note-delete-label){color:#fff!important;background:#c8102e!important;border-color:#c8102e!important}.note-editor .note-delete:hover,.product-internal-notes .note-delete:hover{background:#a50d26!important}.note-editor button:has(.note-delete-label):hover{background:#a50d26!important}@media (max-width:700px){.note-editor .admin-button,.note-editor .small-button,.product-internal-notes .note-actions button{min-height:28px!important;padding:5px 8px!important;font-size:11px!important}.admin-note-list>.admin-note,.staff-notes>.staff-note-record{column-gap:8px}.note-editor,.product-note-head .note-actions{gap:5px}.admin-note-meta{flex-wrap:wrap}.product-note-head{gap:8px}.product-note-head small{overflow-wrap:anywhere;min-width:0}}