.notes-type-filter{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:24px}.notes-type-filter button{padding:10px 15px;border:1px solid var(--border,#d9e3e7);border-radius:999px;background:var(--card,#fff);color:var(--ink,#16232f);font:inherit;font-weight:800;cursor:pointer}.notes-type-filter button.active{border-color:#087f8c;background:#087f8c;color:#fff}.notes-card{display:flex;min-width:0;flex-direction:column;padding:24px;border:1px solid var(--border,#d9e3e7);border-radius:18px;background:var(--card,#fff)}.notes-card h3{margin:14px 0 10px;font-size:1.4rem}.notes-card p{color:var(--muted,#63717b);line-height:1.55}.notes-card-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto;padding-top:18px;border-top:1px solid var(--border,#d9e3e7)}.notes-card-actions a{font-weight:800;text-decoration:none}.notes-data-link{color:#087f8c}.notes-type{display:inline-flex;width:max-content;padding:5px 9px;border-radius:999px;background:var(--soft,#edf5f6);color:var(--ink,#16232f);font-size:.7rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.notes-empty{grid-column:1/-1;padding:30px;border:1px dashed var(--border,#d9e3e7);border-radius:16px}