.workspace-main:has(.research-workspace) { padding: 0; }
.research-workspace { display: grid; grid-template-columns: minmax(0,1fr) 280px; min-height: calc(100svh - 102px); }
.research-main { min-width: 0; padding: 11px 12px 0 222px; display: flex; flex-direction: column; }
.research-title { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 24px; margin-bottom: 12px; }
.research-title h1 { font-size: 18px; white-space: nowrap; }
.research-title > span { color: #9eacc2; font-size: 13px; }
.research-controls { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; min-height: 34px; margin-bottom: 9px; }
.research-segments { display: flex; gap: 5px; }
.research-controls .segment { padding: 5px 10px; min-height: 27px; border-color: #3c4760; color: #b6c2d7; }
.research-controls .segment.active { border-color: #62b5d4; color: #e1f0f5; }
.research-controls .segment b { margin-left: 8px; color: #b9cf78; font-weight: 400; }
.research-count { margin-left: auto; color: #8fa3bc; font-size: 13px; }
.alphabet-controls { display: flex; gap: 2px; overflow-x: auto; padding: 0 0 9px; scrollbar-width: thin; }
.alphabet-controls button { background: transparent; color: #9fadc5; border: 1px solid transparent; min-width: 21px; padding: 3px; font-size: 13px; border-radius: 3px; }
.alphabet-controls button.active, .alphabet-controls button:hover { background: #2a3850; border-color: #4f93b0; color: #d4edf6; }
.research-table-wrap { min-width: 0; overflow: auto; max-height: calc(100svh - 236px); flex: 1; scrollbar-width: thin; scrollbar-color: #4a536c #1c2332; border: 1px solid #343e54; }
.research-table { width: 100%; border-collapse: collapse; text-align: left; }
.research-table th { position: sticky; top: 0; z-index: 1; background: #293247; border-bottom: 1px solid #505b72; padding: 9px 8px; color: #c0ccdc; font-size: 13px; font-weight: 400; white-space: nowrap; }
.research-table td { border-bottom: 1px solid #333f5555; padding: 9px 8px; color: #b7c6db; font-size: 14px; line-height: 1.5; vertical-align: top; }
.research-table tr:nth-child(even) td { background: #20283a45; }
.research-table tr:hover td { background: #2d3a504f; }
.research-table .numeric { color: #b9d3db; text-align: right; }
.research-table small { display: block; font-size: 12px; color: #8196b0; margin-top: 4px; }
.research-table .unknown { color: #7689a4; font-size: 13px; }
.categories-table { min-width: 650px; }
.categories-table th:first-child { width: 34%; }
.company-name { display: inline-flex; align-items: center; gap: 8px; padding: 0; border: 0; text-align: left; font-size: 14px; font-weight: 400; color: #d5e2ef; background: transparent; line-height: 1.5; }
.company-name:hover { color: #82d4ed; }
.company-name .icon { width: 11px; height: 11px; color: #9cba7b; }
.has-records .company-name { color: #99d2e1; }
.has-records td:first-child { box-shadow: inset 2px 0 #75b8c9; }
.research-status { font-size: 12px; white-space: nowrap; color: #8fa0b8; }
.research-status.researched { color: #c2cd7c; }
.research-table-footer { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 10px 1px; color: #889eb8; font-size: 12px; }
.compact-select { display: flex; gap: 6px; align-items: center; }
.compact-select > span { color: #879bb6; font-size: 13px; }
.compact-select select { min-height: 27px; max-width: 230px; padding: 4px 20px 4px 8px; font-size: 14px; border-radius: 14px; background: #2b354c; box-shadow: 0 3px 5px #0004; }
.company-table { min-width: 770px; }
.company-table th:first-child { width: 31%; }
.company-table th:nth-child(2) { width: 25%; }
.company-table tr { cursor: pointer; }
.company-table td { padding-top: 11px; padding-bottom: 11px; }
.company-table .evidence-label { color: #9eb47b; }
.research-date { white-space: nowrap; font-size: 12px; }
.blocked-tag { color: #dda4b7; margin-left: 6px; font-size: 12px; }
.pager { display: flex; gap: 5px; }
.pager button { display: flex; align-items: center; gap: 6px; min-height: 25px; padding: 4px 9px; border: 1px solid #485773; border-radius: 4px; background: #2a354b; color: #c4d7e7; font-size: 13px; }
.pager .icon { width: 11px; height: 11px; }
.empty-table { text-align: center; padding: 35px!important; color: #8ca1ba!important; }
.research-insights .stat-row { gap: 12px; }
.research-insights .stat-row strong { text-align: right; }
.research-insights .stat-chip strong { font-size: 24px; }
.research-insights .text-button { margin-top: 8px; }
.dialog-backdrop:has(.research-detail) { display: flex; justify-content: flex-end; align-items: stretch; padding: 0; }
.research-detail { width: 500px; max-width: 100%; max-height: 100svh; border-radius: 0; border-width: 0 0 0 1px; background: #252e42; padding: 18px; }
.research-detail > .panel-heading { position: sticky; top: -18px; z-index: 2; background: #252e42; padding: 5px 0 12px; border-bottom: 1px solid #54617b; align-items: flex-start; }
.research-detail > .panel-heading h2 { max-width: 90%; line-height: 1.5; }
.detail-intro { color: #9badc4; font-size: 14px; margin: 13px 0 18px; line-height: 1.7; }
.company-fields { display: grid; grid-template-columns: 125px minmax(0,1fr); margin: 0; font-size: 14px; }
.company-fields dt, .company-fields dd { margin: 0; padding: 9px 0; border-bottom: 1px solid #45516b66; overflow-wrap: anywhere; }
.company-fields dt { color: #899db8; padding-right: 12px; }
.company-fields dd { color: #d1deeb; line-height: 1.65; }
.company-fields a, .detail-audit a { color: #89bfd8; text-decoration: underline; text-underline-offset: 2px; }
.company-fields .unknown { color: #7b91ab; font-size: 13px; }
.detail-audit { margin-top: 22px; font-size: 14px; }
.detail-audit h3 { font-size: 17px; font-weight: 400; margin: 0 0 7px; }
.detail-audit p { color: #9db0c7; margin-top: 11px; line-height: 1.7; overflow-wrap: anywhere; }
.detail-audit .stat-row strong { max-width: 56%; overflow-wrap: anywhere; text-align: right; font-size: 13px; }
.outreach-warning { padding: 10px; border: 1px solid #b66f87; color: #efb9c8; background: #59374855; font-size: 14px; margin-bottom: 16px; }
.review-item { border-top: 1px solid #45516b; padding: 16px 0; }
.review-item h3 { font-size: 17px; font-weight: 400; margin: 0 0 8px; }
.review-item p { color: #aebed4; font-size: 14px; line-height: 1.7; }
.review-item small { display: block; color: #8199b6; font-size: 13px; margin-top: 9px; }
.import-table { margin: 12px 0; }
.import-table th { position: static; }
.import-table strong { font-weight: 400; }
@media(min-width:1800px) { .research-workspace { grid-template-columns: minmax(0,1fr) 320px; } .research-main { padding-left: 242px; } }
@media(max-width:1150px) { .research-workspace { grid-template-columns: minmax(0,1fr) 240px; } .research-title > span { max-width: 130px; text-align: right; } .research-controls { gap: 6px; } .compact-select > span { display: none; } }
@media(max-width:1000px) { .research-main { padding-left: 192px; } .research-table-footer > span:last-child { display: none; } }
@media(max-width:700px) { .research-workspace { grid-template-columns: 1fr; min-height: 0; } .research-main { padding: 6px 10px 0; } .research-title { margin-bottom: 9px; } .research-title h1 { font-size: 17px; } .research-title > span { font-size: 12px; max-width: 150px; } .research-table-wrap { max-height: 560px; } .research-table { min-width: 650px; } .research-insights { margin-top: 5px; } .research-table-footer { min-height: 38px; } .company-fields { grid-template-columns: 105px minmax(0,1fr); } .compact-select select { max-width: 190px; } }
