.notes-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.notes-head h2{font-size:32px;margin:0}.notes-head p{color:#748177;margin:8px 0 0}.notes-tools{display:flex;justify-content:space-between;align-items:end;gap:16px;border-top:1px solid #e5e8de;border-bottom:1px solid #e5e8de;padding:20px 0;margin:24px 0}.notes-tools form{display:flex;gap:10px;align-items:end}.notes-tools label{font-size:11px;color:#687c6d}.notes-tools input{display:block;max-width:155px;margin-top:6px}.notes-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.note-card{background:#fffef9;border:1px solid #dfe6d9;border-radius:12px;padding:21px;box-shadow:0 3px 12px #294c3410}.note-card h3{font-size:18px;margin:19px 0 10px}.note-card p{color:#6e7e71;font-size:13px;line-height:1.6}.note-meta{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#778171}.note-status{border-radius:5px;padding:3px 7px;background:#f3e9d1;color:#806329}.note-status.reviewed{background:#e5eedf;color:#4e704b}.note-date{color:#385a40;font-size:13px;font-weight:600}.note-author{display:flex;align-items:center;gap:8px;border-top:1px solid #eceee5;padding-top:16px;margin-top:20px;font-size:12px;color:#6d7c71}.note-author .avatar{width:28px;height:28px;font-size:10px}.notes-foot{margin-top:24px;font-size:12px;color:#7d897e}.notes-tabs{display:flex;gap:4px}.notes-tabs button{border:0;background:transparent;padding:9px 12px;border-radius:7px;color:#758273;cursor:pointer}.notes-tabs button.active{background:#e5ecdf;color:#31553c;font-weight:600}.empty-box{text-align:center;padding:55px 20px;border:1px dashed #d6dfce;border-radius:12px;color:#7b897b}
#shared-team-notes [hidden]{display:none!important} #shared-team-notes .notes-list:has(.empty-box){display:block}

@media(max-width:760px){#shared-team-notes .notes-head,#shared-team-notes .notes-tools{align-items:stretch;flex-direction:column}#shared-team-notes .notes-list{grid-template-columns:1fr}#shared-team-notes .notes-tools form{flex-wrap:wrap}#shared-team-notes .notes-tabs{flex-wrap:wrap}}