.research-toolbar, .research-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.research-toolbar { margin-bottom:18px; justify-content:space-between; }
.research-toolbar label { display:flex; align-items:center; gap:10px; font-weight:600; }
.research-toolbar select { max-width:100%; }
.research-button, .research-toolbar select, .research-dialog :is(input,select,textarea) { font:inherit; color:#192b43; background:#fff; border:1px solid #d3dde8; border-radius:9px; padding:10px 14px; min-height:44px; box-sizing:border-box; }
.research-button { display:inline-flex; align-items:center; justify-content:center; gap:7px; cursor:pointer; text-decoration:none; font-size:13px; font-weight:600; }
.research-button:hover { background:#f4f7fa; border-color:#aabbd0; }
.research-button.primary { background:#192b43; border-color:#192b43; color:white; }
.research-button.danger { color:#a32b31; }
.research-button:disabled { opacity:.6; cursor:wait; }
.research-button:focus-visible, .research-collection:focus-visible { outline:3px solid #438fe5; outline-offset:3px; }
.research-collections { display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:10px; margin-bottom:22px; }
.research-collection { text-align:left; border:1px solid #dfe6ef; border-radius:11px; background:#f4f7fa; padding:15px; color:#192b43; cursor:pointer; min-width:0; font:inherit; }
.research-collection strong { display:block; overflow-wrap:anywhere; margin:0 0 6px; font-size:14px; }
.research-collection span { color:#62738b; font-size:12px; }
.research-collection[aria-pressed=true] { background:#192b43; border-color:#192b43; color:#fff; }
.research-collection[aria-pressed=true] span { color:#dce7f4; }
.research-detail { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; border-bottom:1px solid #dfe6ef; padding-bottom:18px; margin-bottom:18px; }
.research-detail h3 { margin:0 0 5px; color:#192b43; font-size:17px; }
.research-detail p, .research-note { color:#62738b; white-space:pre-wrap; overflow-wrap:anywhere; font-size:13px; line-height:1.5; margin:0; }
.research-note { padding:11px 12px; background:#f4f7fa; border-left:3px solid #8da7c2; border-radius:0 7px 7px 0; margin:12px 0; }
.research-dialog { position:fixed; inset:0; margin:auto; width:min(520px,calc(100% - 32px)); max-height:calc(100dvh - 32px); overflow:auto; padding:25px; border:1px solid #dfe6ef; border-radius:16px; background:#fff; color:#192b43; font-family:var(--font-sans,sans-serif); box-shadow:0 18px 60px #15273c33; }
.research-dialog::backdrop { background:#11253c80; }
.research-dialog h2 { font-size:21px; margin:0 0 9px; color:#192b43; }
.research-dialog p { color:#62738b; font-size:14px; line-height:1.5; }
.research-dialog label { display:block; font-size:13px; font-weight:600; margin:16px 0; }
.research-dialog :is(input,select,textarea) { display:block; width:100%; margin-top:7px; }
.research-dialog textarea { resize:vertical; min-height:100px; }
.research-dialog .research-actions { justify-content:flex-end; margin-top:22px; }
.research-status { color:#62738b; font-size:13px; min-height:20px; margin:10px 0; }
.research-status.error { color:#a32b31; }
.research-dialog [hidden], .research-detail[hidden] { display:none; }
@media(max-width:560px) { .research-collections { grid-template-columns:repeat(2,minmax(0,1fr)); } .research-toolbar label { display:block; width:100%; } .research-toolbar select { display:block; width:100%; margin-top:8px; } .research-detail .research-actions { width:100%; } .research-dialog { padding:20px; } }