#staff-notes-board{background:#f4f6ed;border:1px solid #e0e6d7;border-radius:18px;margin:26px 0;padding:24px}#staff-notes-board[hidden]{display:none!important}.staff-notes-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.staff-notes-eyebrow{font-size:11px;color:#8a997c;letter-spacing:.02em}.staff-notes-heading h2{font-size:22px;color:#315a49;margin:5px 0 7px}.staff-notes-heading p{margin:0;font-size:12px;color:#829175}.staff-notes-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;flex-wrap:wrap}.staff-notes-search{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #e0e7d8;border-radius:10px;padding:8px 12px;flex:1;max-width:390px}.staff-notes-search input{width:100%;font:inherit;font-size:12px;border:0;background:transparent;outline:none;color:#365a49}.staff-notes-search:focus-within{outline:2px solid #87a46f}.staff-notes-search .icon{width:17px;color:#91a181}.staff-notes-buckets{display:flex;align-items:center;gap:8px}.staff-notes-buckets button{font:inherit;font-size:11px;border:0;background:transparent;color:#839374;cursor:pointer;padding:7px}.staff-notes-buckets button[aria-pressed=true]{color:#2f654f;border-bottom:2px solid #668855}.staff-notes-buckets button .icon{width:15px}.staff-notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.staff-note{background:#fffdf5;border:1px solid #e7e3cc;border-radius:12px;padding:17px;min-width:0}.staff-note-label{display:flex;align-items:center;gap:9px;color:#5b7050}.staff-note-label .icon{background:#eff1df;border-radius:9px;width:32px;height:32px;padding:7px;flex:none}.staff-note-label strong{font-size:14px}.staff-note-label small{display:block;margin-top:3px;font-size:11px;color:#92a082}.staff-note-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.85;color:#455a3c;margin:17px 0;max-height:240px;overflow:auto}.staff-note-footer{border-top:1px solid #eee8d7;padding-top:11px;display:flex;align-items:center;justify-content:space-between;gap:7px;flex-wrap:wrap}.staff-note-footer>small{font-size:10px;color:#97a186}.staff-note-footer>div{display:flex;gap:11px}.staff-note-footer .customer-text-button{font-size:11px}.staff-notes-empty{padding:19px;color:#8a987b;font-size:13px;margin:0;border:1px dashed #dce3cf;border-radius:10px}.staff-notes-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:15px;color:#8a997b;font-size:11px}.staff-notes-pagination nav{display:flex;align-items:center;gap:9px}.staff-note-dialog{width:min(620px,94vw)}.staff-note-dialog .ops-body{display:grid;gap:16px}.staff-note-dialog .ops-body>p{margin:0}.staff-note-remove-confirm{border-top:1px solid #e6cfc5;margin-top:12px;padding-top:10px;font-size:12px;color:#8d5742}.staff-note-remove-confirm .button{font-size:11px;margin:4px}#staff-notes-board button:focus-visible{outline:2px solid #87a46f;outline-offset:3px}@media(max-width:1000px){.staff-notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){#staff-notes-board{padding:17px}.staff-notes-heading{align-items:flex-start}.staff-notes-heading h2{font-size:20px}.staff-notes-heading p{line-height:1.7}.staff-notes-heading>.button{font-size:11px;white-space:nowrap}.staff-notes-grid{grid-template-columns:1fr}.staff-notes-search{max-width:none}.staff-notes-tools{gap:8px}.staff-notes-pagination{flex-wrap:wrap}}