.quick-filters{display:flex;gap:7px;overflow-x:auto;padding:1px 0 12px;scrollbar-width:thin}.quick-filter{flex:none;border:1px solid var(--line);background:#fff;color:#586a73;border-radius:20px;padding:8px 13px;font-size:12px;font-weight:650}.quick-filter.active{border-color:var(--blue);background:var(--blue);color:#fff}.toolbar{align-items:flex-start}.toolbar .search{min-height:42px}.general-filters{flex:none;position:relative}.general-filters summary{list-style:none;cursor:pointer;background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 13px;color:#53626a;font-size:13px;white-space:nowrap}.general-filters summary::-webkit-details-marker{display:none}.general-filters[open]{position:relative}.filter-grid{position:absolute;z-index:5;right:0;top:44px;width:min(480px,calc(100vw - 30px));display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 30px #263f4c20}.filter-grid select{min-width:0;width:100%;font-size:12px}.next-action{display:flex;gap:7px;align-items:baseline;border-left:3px solid #a8bdc9;background:#f7fafb;padding:8px 10px;margin:0 0 13px;border-radius:0 6px 6px 0;font-size:12px;color:#53626a}.next-action b{white-space:nowrap;color:var(--blue)}.optional{font-size:10px;color:var(--muted);font-weight:400;display:inline!important;margin-left:4px}#noteForm label:has(.optional){display:block}
@media(max-width:650px){.toolbar{display:flex;flex-direction:column;gap:8px}.toolbar .search{width:100%;flex:none}.general-filters{width:100%}.general-filters summary{width:100%}.filter-grid{left:0;right:auto;width:100%}.quick-filters{margin-right:-15px;padding-right:15px}}