.customer-memo-drawer{z-index:37;width:min(720px,100vw)}
.customer-memo-drawer[hidden]{display:none}
.topbar-user{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:12px;color:#dce6f7}
.topbar-user select{min-width:112px;height:30px;padding:2px 8px;border:1px solid #7c8ea8;border-radius:4px;background:#303944;color:#fff;font-size:13px}
.topbar-user select:focus-visible{outline:2px solid #86b7fe;outline-offset:2px}
.topbar .update-time{margin-left:12px;padding-left:0}
.customer-memo-customer{margin:0;font-size:16px;font-weight:600}
.customer-memo-content{padding:18px;display:flex;flex-direction:column;gap:14px}
.customer-memo-list-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}
.customer-memo-list-heading strong{font-size:14px}
.customer-memo-list-heading button{padding:5px 10px;border:1px solid #c7d7ee;border-radius:4px;background:#f5f9ff;color:#29558a;font-size:12px}
.customer-memo-list{display:grid;gap:9px}
.customer-memo-empty{padding:26px 14px;border:1px dashed #ced9e8;border-radius:6px;background:#fafcff;color:#667085;text-align:center}
.customer-memo-clip{border:1px solid #b8cced;border-radius:6px;background:#fff;overflow:hidden}
.customer-memo-clip[open]{border-color:#87b0f5;box-shadow:0 2px 8px #0d6efd12}
.customer-memo-clip>summary{list-style:none;display:flex;align-items:center;gap:10px;padding:12px 14px;background:#f7f9fd;cursor:pointer}
.customer-memo-clip>summary::-webkit-details-marker{display:none}
.customer-memo-clip-date{font-size:14px;font-weight:600;color:#25344e;white-space:nowrap}
.customer-memo-clip-user{font-size:12px;font-weight:600;color:#235cae;white-space:nowrap}
.customer-memo-clip-preview{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#667085;font-size:12px}
.customer-memo-clip-arrow{font-size:12px;color:#7b8aa0}
.customer-memo-clip[open] .customer-memo-clip-preview{display:none}
.customer-memo-clip-body{padding:14px;border-top:1px solid #e6ebf3}
.customer-memo-clip-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;min-height:28px;margin:0 0 14px}
.customer-memo-clip-actions{display:flex;justify-content:flex-end;gap:7px}
.customer-memo-clip-actions button,.customer-memo-new-actions button{padding:6px 12px;border:1px solid #ccd5e2;border-radius:4px;background:#fff;font-size:12px}
.customer-memo-clip-actions button.danger{color:#b42318;border-color:#ebc4c1}
.customer-memo-clip-actions button.primary,.customer-memo-new-actions button.primary{background:#0d6efd;border-color:#0d6efd;color:#fff}
.customer-memo-clip-actions button:disabled,.customer-memo-new-actions button:disabled{opacity:.55}
.customer-memo-clip-editor,.customer-memo-new textarea{width:100%;min-height:105px;resize:vertical;border:1px solid #cfd6df;border-radius:4px;padding:10px;font:inherit;line-height:1.5}
.customer-memo-clip-editor:focus,.customer-memo-new textarea:focus{outline:2px solid #86b7fe;outline-offset:1px}
.customer-memo-new{padding:14px;border:1px solid #dfe5ed;border-radius:6px;background:#f9fbfe}
.customer-memo-new .field-label{margin:0 0 8px;font-weight:600}
.customer-memo-new-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}
.customer-memo-new-actions span{font-size:12px;color:#667085}
.customer-memo-status{min-height:18px;margin:0;color:#596579;font-size:12px}
.customer-memo-status.error{color:#b42318}
.customer-memo-history{margin-top:12px;padding:10px 12px;border-top:1px dashed #d8e0ed;background:#f8faff}
.customer-memo-history-item+.customer-memo-history-item{border-top:1px solid #e6ebf3;margin-top:10px;padding-top:10px}
.customer-memo-history-item small{display:block;color:#667085}
.customer-memo-history-item p{margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}