/* Readable type with compact navigation and an optional information column. */
.workspace-header { height: 58px; gap: 22px; }
.workspace-name { flex-shrink: 0; }
.header-search { max-width: 620px; min-width: 120px; margin-left: 12px; padding: 0 12px; border: 1px solid #424d66; border-radius: 5px; background: #1d2434; }
.header-search input { min-height: 32px; font-style: normal; }
.header-search .icon { width: 15px; height: 15px; }
.navigation { top: 12px; left: 0; width: 210px; }
.navigation nav { gap: 6px; }
.nav-pill { min-height: 30px; padding: 5px 9px 5px 20px; border-radius: 0 16px 16px 0; border-left: 0; gap: 10px; box-shadow: none; }
.nav-pill:hover { transform: none; }
.nav-pill.active { box-shadow: inset 3px 0 #4fc1eb; }
.nav-bottom { padding-left: 24px; }
.nav-text { font-size: 14px; font-style: normal; }
.nav-number { display: none; }
.nav-pill > .icon { display: block; width: 16px; height: 16px; color: var(--nav-color, #8cbacb); }
.nav-dashboard { --nav-color: #8cbacb; }
.nav-firmen { --nav-color: #6bc3ba; }
.nav-privat { --nav-color: #d78cac; }
.nav-stiftungen { --nav-color: #c4ce72; }
.nav-genossenschaften { --nav-color: #b19adb; }
.nav-import { --nav-color: #e6b16f; }
.nav-api { --nav-color: #73b9e6; }
.nav-nutzer { --nav-color: #a1c58a; }
.nav-sicherheit { --nav-color: #b1bacd; }
.directory-workspace { display: flex; flex-direction: column; min-height: calc(100svh - 135px); }
.directory-label { display: inline-flex; align-items: center; gap: 8px; color: #a6b8cf; font-size: 13px; }
.directory-table th:first-child { width: 50%; }
.directory-empty-icon { display: block; margin-bottom: 12px; color: #8aa7c5; }
.directory-empty-icon .icon { width: 26px; height: 26px; }
.research-workspace { grid-template-columns: minmax(0,1fr) 320px; min-height: calc(100svh - 81px); }
.research-title { flex-wrap: wrap; }
.research-title h1 { white-space: normal; }
.research-title > span { max-width: none; }
.research-table td { color: #c8d4e5; }
.research-table small, .panel-note { color: #a4b4ca; }
.research-table-wrap { max-height: calc(100svh - 236px); }
.research-detail { width: 610px; }
.company-fields { grid-template-columns: 165px minmax(0,1fr); }
.compact-select > span, .evidence-label { white-space: nowrap; }
.research-insights { position: relative; min-width: 0; }
.insight-content { display: flex; flex-direction: column; flex: 1; min-height: 0; }
.research-insights .insight-panel:first-child .panel-heading { padding-right: 32px; }
.research-insights .insight-panel:first-child .panel-heading > .icon { display: none; }
.insights-toggle { position: absolute; top: 9px; right: 9px; z-index: 2; display: grid; place-items: center; width: 28px; height: 28px; padding: 0; border: 1px solid #53627e; border-radius: 5px; background: #2b354b; color: #d2e1ee; }
.insights-toggle:hover { border-color: #62c4e5; background: #35455e; }
.insights-toggle .icon { width: 16px; height: 16px; }
.insights-collapsed .research-workspace { grid-template-columns: minmax(0,1fr) 36px; }
.insights-collapsed .insight-content { display: none; }
.insights-collapsed .insights-toggle { right: 4px; }
.insights-collapsed .insights-toggle .icon { transform: rotate(180deg); }
@media (max-width:1000px) {
  .navigation { width: 183px; }
  .nav-pill { padding-left: 20px; padding-right: 8px; gap: 9px; }
  .nav-text { font-size: 13px; }
  .header-search { margin-left: 0; }
}
@media (max-width:700px) {
  .workspace-header { height: 58px; gap: 10px; padding-inline: 10px; }
  .workspace-header .brand-name > span, .workspace-header .private-tag, .workspace-header .avatar { display: none; }
  .header-right { gap: 0; }
  .header-search { min-width: 80px; padding-inline: 7px; }
  .header-search input { font-size: 14px; }
  .navigation { position: relative; top: auto; width: 100%; padding-left: 0; }
  .navigation nav { padding-left: 0; }
  .navigation nav { gap: 6px; }
  .nav-pill { min-height: 29px; padding: 4px 12px; }
  .nav-pill:first-child { padding-left: 24px; }
  .nav-text { font-size: 14px; }
  .research-workspace { display: block; min-height: 0; }
  .insights-collapsed .research-workspace { grid-template-columns: minmax(0,1fr); }
  .research-insights { display: flex; min-height: 46px; }
  .research-title > span { text-align: left; }
  .research-table-wrap { max-height: 60svh; }
  .company-fields { grid-template-columns: 120px minmax(0,1fr); }
  .research-detail { padding: 14px; }
  .research-table-footer { flex-wrap: wrap; gap: 8px; }
}

/* Compact navigation: keep icons close to the viewport edge and reclaim table space. */
@media (min-width:701px) {
  .workspace { --navigation-width: 184px; --content-start: calc(var(--navigation-width) + 12px); }
  .navigation { width: var(--navigation-width); }
  .nav-pill { padding-left: 10px; padding-right: 8px; gap: 8px; }
  .nav-bottom { padding-left: 10px; }
  .workspace-main, .research-main { padding-left: var(--content-start); }
  .workspace-main:has(.overview-grid) > .page-heading { padding-left: var(--content-start); }
  .canvas-toolbar { margin-left: var(--content-start); }
}
@media (min-width:701px) and (max-width:1000px) {
  .workspace { --navigation-width: 170px; }
}