.flow-page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 24px;padding-bottom:24px;border-bottom:1px solid var(--caca-border)}.flow-page-header h1{margin:0;color:var(--caca-text);font-size:clamp(24px,2.5vw,30px);font-weight:650;line-height:1.25}.flow-page-header p{margin:9px 0 0;max-width:680px;color:var(--caca-text-secondary);font-size:14px;line-height:1.6}.flow-page-header-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.flow-page-count{color:var(--caca-text-secondary);font-size:13px}.flow-filter-bar{display:flex;gap:8px;margin:20px 0;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.flow-filter-bar button{flex:0 0 auto;min-height:40px;padding:8px 14px;border:1px solid var(--caca-border);border-radius:9px;background:var(--caca-panel);color:var(--caca-text-secondary);cursor:pointer;font-size:13px;line-height:1.4}.flow-filter-bar button:hover{color:var(--caca-text)}.flow-filter-bar button[aria-pressed=true]{border-color:var(--caca-brand-border);background:var(--caca-brand-surface);color:var(--caca-text)}.flow-filter-bar button:disabled{cursor:wait;opacity:.55}.flow-async-state button:focus-visible,.flow-filter-bar button:focus-visible,.flow-pagination a:focus-visible{outline:2px solid var(--caca-brand);outline-offset:3px}.flow-async-state{display:flex;min-height:240px;grid-column:1/-1;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:36px 20px;border:1px dashed var(--caca-border);border-radius:14px;color:var(--caca-text-secondary);text-align:center}.flow-async-state strong{font-size:16px;font-weight:600;color:var(--caca-text)}.flow-async-state p{margin:0;max-width:460px;font-size:14px;line-height:1.6}.flow-async-state button{min-height:40px;padding:8px 16px;border:1px solid var(--caca-border);border-radius:9px;background:var(--caca-panel);color:var(--caca-text);font-size:14px;cursor:pointer}.flow-pagination{display:flex;gap:20px;margin:32px 0;color:var(--caca-text-secondary);font-size:14px}.flow-pagination,.flow-pagination a{justify-content:center;align-items:center}.flow-pagination a{display:inline-flex;min-height:44px;padding:10px 16px;border:1px solid var(--caca-border);border-radius:9px;color:var(--caca-text);text-decoration:none}.flow-pagination [aria-disabled=true]{padding:10px 16px;opacity:.5}.flow-search-summary{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0;color:var(--caca-text-secondary);font-size:14px}.flow-search-summary button{min-height:40px;padding:8px;cursor:pointer;color:var(--caca-text);text-decoration:underline}@media (max-width:760px){.flow-filter-bar button{min-height:44px}}@media (prefers-reduced-motion:reduce){.flow-async-state .animate-spin{animation:none}}