:root {
  color-scheme: light;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --burla-primary: #3b5a64;
  --burla-primary-hover: #34545f;
  --burla-accent: #7ecbdd;
  --burla-tint-soft: #f2f9fb;
  --burla-tint-weak: #e2f0f4;
  --burla-bg: #f7fbfc;
  --burla-card: #ffffff;
  --burla-text: #1b1e1e;
  --burla-muted: rgba(27, 30, 30, 0.64);
  --burla-faint: rgba(27, 30, 30, 0.42);
  --burla-border: rgba(59, 90, 100, 0.24);
  --burla-soft-border: rgba(59, 90, 100, 0.13);
  background: var(--burla-bg);
  color: var(--burla-text);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  background: var(--burla-bg);
  color: var(--burla-text);
}

body.auth-active {
  background: #f4f7f7;
}

body.auth-active > .topbar,
body.auth-active > #dashboard-view {
  display: none;
}

body.dashboard-ready #auth-view {
  display: none;
}

button,
input,
select,
textarea {
  font: inherit;
}

img {
  display: block;
  max-width: 100%;
}

button {
  appearance: none;
  min-height: 40px;
  padding: 8px 16px;
  border: 1px solid var(--burla-border);
  border-radius: 999px;
  background: #fff;
  color: var(--burla-text);
  cursor: pointer;
  font-size: 14px;
  font-weight: 650;
}

button:hover {
  background: var(--burla-tint-soft);
}

button.primary {
  background: var(--burla-primary);
  border-color: var(--burla-primary);
  color: #fff;
}

button.primary:hover {
  background: var(--burla-primary-hover);
}

button.danger {
  border-color: rgba(178, 64, 32, 0.28);
  color: #b24020;
}

button.danger:hover {
  background: #fff5f2;
  border-color: rgba(178, 64, 32, 0.42);
}

button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.auth-view {
  display: grid;
  min-height: 100vh;
  place-items: center;
  padding: 24px;
  background: #f7fbfc;
  color: var(--burla-text);
}

.auth-stage {
  width: min(420px, 100%);
}

.auth-panel {
  display: grid;
  gap: 22px;
  padding: 32px;
  border: 1px solid rgba(17, 25, 27, 0.1);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 60px rgba(21, 33, 36, 0.08);
}

.auth-logo {
  width: 38px;
  height: 38px;
  object-fit: contain;
}

.auth-copy-block {
  display: grid;
  gap: 10px;
}

.auth-copy-block h1 {
  font-size: 34px;
  line-height: 1.08;
  font-weight: 750;
}

.auth-copy-block p:last-child {
  color: var(--burla-muted);
  font-size: 15px;
  line-height: 1.45;
}

.auth-status {
  display: none;
  align-items: center;
  gap: 10px;
  color: var(--burla-muted);
  font-size: 13px;
  line-height: 1.35;
  font-weight: 650;
}

.auth-spinner {
  display: none;
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
  border: 2px solid rgba(59, 90, 100, 0.16);
  border-top-color: var(--burla-primary);
  border-radius: 50%;
  animation: loading-spin 800ms linear infinite;
}

.auth-status.loading .auth-spinner {
  display: block;
}

.auth-status.loading {
  display: flex;
}

.auth-skeleton {
  display: none;
  width: 100%;
  --skeleton-fill: #f4f8f9;
  --skeleton-highlight: rgba(255, 255, 255, 0.82);
  --skeleton-soft-border: rgba(205, 218, 222, 0.5);
}

body.auth-loading .auth-view {
  display: block;
  padding: 0;
  background: var(--burla-bg);
}

body.auth-loading .auth-stage {
  display: none;
}

body.auth-loading .auth-skeleton {
  display: block;
  min-height: 100vh;
}

.auth-skeleton .brand-logo,
.skeleton-photo {
  display: block;
  border-radius: 999px;
}

.auth-skeleton .view-tab,
.auth-skeleton .profile-actions,
.auth-skeleton .profile-pagination {
  pointer-events: none;
}

.auth-skeleton .view-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.auth-skeleton .view-tabs {
  background: transparent;
  border-color: var(--skeleton-soft-border);
}

.auth-skeleton .view-tab.active {
  background: transparent;
  border-color: transparent;
  color: transparent;
}

.auth-skeleton .profile-item {
  cursor: default;
}

.auth-skeleton .profile-item.active {
  background: rgba(244, 248, 249, 0.45);
  border-color: var(--skeleton-soft-border);
}

.auth-skeleton .profile-item span + span,
.auth-skeleton .profile-item small {
  margin-top: 7px;
}

.auth-skeleton .profile-copy h2 {
  margin: 0;
}

.auth-skeleton .profile-copy p {
  margin-top: 8px;
}

.auth-skeleton .analysis-content {
  display: grid;
  gap: 10px;
}

.skeleton-section-body {
  display: grid;
  gap: 10px;
  padding: 12px;
}

.skeleton-line,
.skeleton-input,
.skeleton-button {
  display: block;
  border-radius: 999px;
}

.skeleton-line {
  width: 100%;
  height: 12px;
}

.skeleton-line.title {
  width: 120px;
  height: 18px;
}

.skeleton-line.name {
  width: min(260px, 80%);
  height: 24px;
}

.skeleton-line.tab {
  width: 62px;
  height: 12px;
}

.skeleton-line.full {
  width: 100%;
}

.skeleton-line.long {
  width: 78%;
}

.skeleton-line.medium {
  width: 58%;
}

.skeleton-line.short {
  width: 38%;
}

.skeleton-line.tiny {
  width: 28%;
  height: 10px;
}

.skeleton-input {
  width: 100%;
  height: 42px;
  border-radius: 8px;
}

.skeleton-button {
  width: 112px;
  height: 40px;
}

.profile-pagination .skeleton-button {
  width: 100%;
  min-width: 74px;
}

.skeleton-photo {
  width: 100%;
  height: 100%;
}

.skeleton-shimmer {
  position: relative;
  overflow: hidden;
  background: var(--skeleton-fill);
}

.skeleton-shimmer::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, var(--skeleton-highlight), transparent);
  animation: skeleton-shimmer 1.25s ease-in-out infinite;
}

.auth-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.auth-actions button {
  min-height: 46px;
  border-radius: 8px;
}

.auth-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
}

.google-mark {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
}

.auth-secondary {
  color: var(--burla-primary);
  width: 100%;
}

input,
select,
textarea {
  width: 100%;
  border: 1px solid var(--burla-border);
  border-radius: 8px;
  background: #fff;
  color: var(--burla-text);
  font-size: 14px;
  outline: none;
}

input,
select {
  min-height: 42px;
  padding: 9px 11px;
}

textarea {
  min-height: 130px;
  padding: 12px;
  resize: vertical;
  line-height: 1.5;
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--burla-primary);
  box-shadow: 0 0 0 1px var(--burla-primary);
}

.topbar {
  position: sticky;
  top: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 64px;
  padding: 10px max(12px, calc((100vw - 1360px) / 2 + 12px));
  background: var(--burla-card);
  border-bottom: 1px solid var(--burla-soft-border);
}

.brand {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.brand-logo {
  width: 36px;
  height: 36px;
  object-fit: contain;
  flex: 0 0 auto;
}

h1,
h2,
h3,
p {
  margin: 0;
}

h1 {
  font-size: 22px;
  line-height: 1.2;
  font-weight: 650;
}

.actions,
.profile-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.account-menu {
  position: relative;
}

.account-menu summary {
  display: grid;
  width: 42px;
  height: 42px;
  padding: 0;
  overflow: hidden;
  place-items: center;
  border: 1px solid var(--burla-border);
  border-radius: 999px;
  background: #fff;
  cursor: pointer;
  list-style: none;
}

.account-menu summary::-webkit-details-marker {
  display: none;
}

.account-menu summary:hover {
  background: var(--burla-tint-soft);
}

.account-photo,
.account-photo-fallback {
  grid-area: 1 / 1;
  width: 100%;
  height: 100%;
  border-radius: 999px;
}

.account-photo {
  object-fit: cover;
}

.account-photo-fallback {
  display: grid;
  place-items: center;
  background: var(--burla-tint-weak);
  color: var(--burla-primary);
  font-size: 14px;
  font-weight: 750;
}

.account-menu-panel {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 10;
  min-width: 144px;
  padding: 6px;
  border: 1px solid var(--burla-soft-border);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(21, 33, 36, 0.14);
}

.account-menu-panel button {
  width: 100%;
  justify-content: flex-start;
  border-radius: 8px;
}

.profile-more-menu {
  position: relative;
}

.profile-more-menu summary {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 8px 16px;
  border: 1px solid var(--burla-border);
  border-radius: 999px;
  background: #fff;
  color: var(--burla-text);
  cursor: pointer;
  font-size: 14px;
  font-weight: 650;
  list-style: none;
}

.profile-more-menu summary::-webkit-details-marker {
  display: none;
}

.profile-more-menu summary:hover {
  background: var(--burla-tint-soft);
}

.profile-menu-panel {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 10;
  min-width: 176px;
  padding: 6px;
  border: 1px solid var(--burla-soft-border);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(21, 33, 36, 0.14);
}

.profile-menu-panel button {
  width: 100%;
  justify-content: flex-start;
  border-radius: 8px;
}

.view-tabs {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px;
  border: 1px solid var(--burla-soft-border);
  border-radius: 999px;
  background: var(--burla-tint-soft);
}

.view-tab {
  min-height: 32px;
  padding: 5px 13px;
  border-color: transparent;
  background: transparent;
  color: var(--burla-muted);
  font-size: 13px;
}

.view-tab.active {
  border-color: var(--burla-primary);
  background: var(--burla-primary);
  color: #fff;
}

.shell {
  display: grid;
  grid-template-columns: minmax(300px, 360px) minmax(0, 1fr);
  gap: 12px;
  width: min(1360px, 100%);
  margin: 0 auto;
  padding: 12px;
  min-height: calc(100vh - 64px);
}

#companies-view,
#search-detail-view {
  align-items: start;
}

.sidebar {
  align-self: start;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: calc(100vh - 88px);
  height: calc(100vh - 88px);
  max-height: calc(100vh - 88px);
  overflow: hidden;
}

.search,
.profile-list,
.profile-list-footer,
.profile-detail,
.empty-state,
.section-card {
  background: var(--burla-card);
  border: 1px solid var(--burla-soft-border);
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.search {
  display: block;
  padding: 12px;
  margin-bottom: 10px;
}

.search span {
  display: block;
  margin-bottom: 8px;
  color: var(--burla-muted);
  font-size: 12px;
  font-weight: 650;
}

.search input {
  width: 100%;
  min-height: 42px;
  border: 1px solid var(--burla-border);
  border-radius: 8px;
  padding: 9px 11px;
  background: #fff;
  color: var(--burla-text);
  font-size: 14px;
  outline: none;
}

.search input:focus {
  border-color: var(--burla-primary);
  box-shadow: 0 0 0 1px var(--burla-primary);
}

.profile-list {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: 8px;
}

.profile-list.is-loading {
  cursor: progress;
}

.profile-list-loading-row {
  --skeleton-fill: #f1f7f8;
  --skeleton-highlight: rgba(255, 255, 255, 0.86);
  pointer-events: none;
  border-color: var(--burla-soft-border);
  background: rgba(247, 251, 252, 0.72);
}

.profile-list-loading-row .skeleton-line {
  display: block;
}

.profile-list-loading-row .profile-item-title {
  margin-bottom: 9px;
}

.profile-list-loading-row span.skeleton-line {
  margin-top: 0;
}

.profile-list-loading-row small.skeleton-line {
  margin-top: 8px;
}

.profile-list-footer {
  flex: 0 0 auto;
  display: grid;
  gap: 9px;
  margin-top: 10px;
  padding: 10px;
}

.profile-list-count {
  color: var(--burla-muted);
  font-size: 12px;
  line-height: 1.35;
}

.profile-pagination {
  display: grid;
  grid-template-columns: minmax(74px, auto) minmax(0, 1fr) minmax(74px, auto);
  align-items: center;
  gap: 8px;
}

.profile-pagination button {
  min-height: 34px;
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 12px;
}

.profile-pagination span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 0;
  color: var(--burla-muted);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.35;
  text-align: center;
}

.profile-pagination.is-loading span::before {
  content: "";
  width: 12px;
  height: 12px;
  flex: 0 0 auto;
  border: 2px solid var(--burla-tint-weak);
  border-top-color: var(--burla-primary);
  border-radius: 50%;
  animation: loading-spin 800ms linear infinite;
}

.profile-item {
  width: 100%;
  min-height: 0;
  text-align: left;
  display: block;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  padding: 10px;
  margin: 0 0 4px;
}

.profile-item:hover {
  background: var(--burla-tint-soft);
}

.profile-item.active {
  border-color: rgba(59, 90, 100, 0.32);
  background: rgba(126, 203, 221, 0.18);
}

.profile-item strong,
.profile-item span,
.profile-item small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.profile-item-title {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.profile-item strong {
  color: var(--burla-text);
  font-size: 14px;
  font-weight: 650;
}

.profile-item-title strong {
  min-width: 0;
  flex: 1 1 auto;
}

.profile-item .profile-probability {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  border: 1px solid;
  border-radius: 999px;
  padding: 2px 7px;
  margin-top: 0;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 650;
}

.profile-item .profile-probability.positive {
  border-color: rgba(25, 128, 56, 0.28);
  background: #e9f7ee;
  color: #0f6b2f;
}

.profile-item .profile-probability.negative {
  border-color: rgba(194, 52, 40, 0.28);
  background: #fff0ee;
  color: #a1281f;
}

.profile-item span {
  margin-top: 3px;
  color: var(--burla-muted);
  font-size: 12px;
  font-weight: 400;
}

.profile-item small {
  margin-top: 4px;
  color: var(--burla-faint);
  font-size: 11px;
  font-weight: 400;
}

.detail {
  min-width: 0;
}

.empty-state {
  display: grid;
  place-content: center;
  min-height: calc(100vh - 100px);
  padding: 24px;
  color: var(--burla-muted);
  text-align: center;
}

.empty-state h2 {
  color: var(--burla-text);
  font-size: 18px;
  margin-bottom: 6px;
}

.loading-spinner {
  display: none;
  width: 26px;
  height: 26px;
  margin: 0 auto 12px;
  border: 3px solid var(--burla-tint-weak);
  border-top-color: var(--burla-primary);
  border-radius: 50%;
  animation: loading-spin 800ms linear infinite;
}

.empty-state.loading .loading-spinner {
  display: block;
}

@keyframes loading-spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes skeleton-shimmer {
  to {
    transform: translateX(100%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .loading-spinner,
  .auth-spinner,
  .skeleton-shimmer::after {
    animation: none;
  }
}

.profile-list .empty-state {
  min-height: 160px;
  padding: 20px 8px;
  border: 0;
  box-shadow: none;
}

.profile-list .empty-state h2 {
  font-size: 14px;
}

.profile-detail {
  overflow: hidden;
}

.profile-header {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(190px, auto);
  align-items: start;
  gap: 16px;
  padding: 16px;
  border-bottom: 1px solid var(--burla-soft-border);
}

.profile-main {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.profile-photo-shell {
  display: grid;
  place-items: center;
  width: 96px;
  height: 96px;
  overflow: hidden;
  border: 4px solid #fff;
  border-radius: 50%;
  background: var(--burla-tint-soft);
  box-shadow: 0 0 0 1px var(--burla-soft-border);
}

.profile-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.profile-photo-fallback {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  color: var(--burla-primary-hover);
  font-size: 28px;
  font-weight: 650;
}

.profile-copy {
  min-width: 0;
  padding-bottom: 4px;
}

#detail-name {
  font-size: 24px;
  line-height: 1.15;
  font-weight: 650;
}

#detail-headline {
  max-width: 760px;
  margin-top: 6px;
  color: var(--burla-text);
  line-height: 1.4;
}

#detail-meta {
  margin-top: 8px;
  color: var(--burla-muted);
  font-size: 13px;
}

#detail-captured {
  margin-top: 4px;
  color: var(--burla-faint);
  font-size: 12px;
}

.profile-connection-status {
  margin-top: 6px;
  color: var(--burla-muted);
  font-size: 12px;
  font-weight: 600;
}

.profile-connection-status[data-status="connected"] {
  color: #0f766e;
}

.profile-connection-status[data-status="not_connected"] {
  color: #92400e;
}

.profile-side {
  display: grid;
  gap: 12px;
  justify-items: end;
  align-content: start;
  padding-top: 14px;
}

.analysis-card {
  display: grid;
  gap: 8px;
  padding: 10px 16px 12px;
  border-bottom: 1px solid var(--burla-soft-border);
}

.analysis-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.analysis-card h3 {
  color: var(--burla-text);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 650;
}

.analysis-status {
  margin-top: 4px;
  color: var(--burla-muted);
  font-size: 13px;
  line-height: 1.35;
}

.analysis-status:empty {
  display: none;
}

.analysis-status.warn {
  color: #8a5a00;
}

.analysis-status.error {
  color: #b24020;
}

.analysis-content {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.analysis-column {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--burla-soft-border);
  border-radius: 8px;
  background: #fff;
}

.analysis-column h4 {
  margin: 0;
  color: var(--burla-text);
  font-size: 14px;
  line-height: 1.25;
  font-weight: 650;
}

.analysis-score {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 11px;
  border: 1px solid var(--burla-soft-border);
  border-radius: 8px;
  background: #fff;
}

.analysis-score.positive {
  border-color: rgba(25, 128, 56, 0.28);
  background: #e9f7ee;
}

.analysis-score.negative {
  border-color: rgba(194, 52, 40, 0.28);
  background: #fff0ee;
}

.analysis-score strong {
  font-size: 15px;
  line-height: 1.25;
  font-weight: 650;
}

.analysis-score.positive strong {
  color: #0f6b2f;
}

.analysis-score.negative strong {
  color: #a1281f;
}

.analysis-score span {
  flex: 0 0 auto;
  font-size: 13px;
}

.analysis-score.positive span {
  color: #287947;
}

.analysis-score.negative span {
  color: #b24035;
}

.analysis-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.analysis-chip {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 4px 10px;
  border: 1px solid rgba(59, 90, 100, 0.24);
  border-radius: 999px;
  background: var(--burla-tint-weak);
  color: var(--burla-primary-hover);
  font-size: 12px;
  font-weight: 650;
}

.analysis-stack-row {
  display: grid;
  gap: 6px;
}

.analysis-stack-row > strong {
  color: var(--burla-muted);
  font-size: 12px;
  line-height: 1.25;
  font-weight: 650;
}

.analysis-stack-confidence,
.analysis-unknown {
  margin: 0;
  color: var(--burla-muted);
  font-size: 13px;
  line-height: 1.4;
}

.analysis-evidence,
.analysis-evidence-fallback {
  margin: 0;
  color: var(--burla-text);
  font-size: 13px;
  line-height: 1.45;
}

.analysis-evidence {
  padding-left: 18px;
}

.analysis-evidence li + li {
  margin-top: 3px;
}

.sections {
  display: grid;
  gap: 10px;
  padding: 10px;
}

.section-card {
  overflow: hidden;
  box-shadow: none;
}

.section-card h3 {
  padding: 10px 12px;
  border-bottom: 1px solid var(--burla-soft-border);
  color: var(--burla-text);
  font-size: 16px;
  font-weight: 650;
}

.section-card pre {
  margin: 0;
  padding: 12px;
  color: var(--burla-text);
  font: inherit;
  font-size: 13px;
  line-height: 1.45;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.post-list {
  display: grid;
  gap: 0;
}

.post-card {
  padding: 12px;
  border-bottom: 1px solid var(--burla-soft-border);
  background: #fff;
}

.post-card:last-child {
  border-bottom: 0;
}

.post-content {
  display: grid;
  gap: 8px;
  color: var(--burla-text);
  font-size: 14px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.post-content p {
  margin: 0;
  white-space: pre-wrap;
}

.post-empty {
  margin: 0;
  padding: 12px;
  color: var(--burla-muted);
  font-size: 13px;
}

.experience-list {
  display: grid;
  gap: 0;
}

.experience-item {
  padding: 12px;
  border-bottom: 1px solid var(--burla-soft-border);
}

.experience-item:last-child {
  border-bottom: 0;
}

.experience-item h4 {
  margin: 0;
  color: var(--burla-text);
  font-size: 14px;
  line-height: 1.35;
  font-weight: 650;
}

.experience-meta {
  margin-top: 3px;
  color: var(--burla-text);
  font-size: 13px;
}

.experience-dates {
  margin-top: 3px;
  color: var(--burla-muted);
  font-size: 12px;
}

.experience-description {
  margin: 10px 0 0;
  padding-left: 18px;
  color: var(--burla-text);
  font-size: 13px;
  line-height: 1.45;
}

.experience-description li + li {
  margin-top: 5px;
}

.experience-skills {
  margin-top: 10px;
  color: var(--burla-muted);
  font-size: 12px;
  line-height: 1.35;
}

.company-sidebar {
  background: transparent;
}

.eyebrow {
  margin: 0 0 6px;
  color: var(--burla-primary);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.company-sidebar h2 {
  font-size: 24px;
  line-height: 1.08;
  font-weight: 750;
}

.company-hero,
.company-fact,
.company-text-panel,
.company-notes-panel {
  border: 1px solid var(--burla-soft-border);
  border-radius: 8px;
  background: var(--burla-card);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.company-list {
  overflow: auto;
  padding: 8px;
}

.company-row {
  margin-bottom: 4px;
}

.profile-item .company-status-pill.interested {
  border-color: rgba(25, 128, 56, 0.28);
  background: #e9f7ee;
  color: #0f6b2f;
}

.profile-item .company-status-pill.maybe {
  border-color: rgba(167, 109, 20, 0.28);
  background: #fff6e6;
  color: #8a570b;
}

.profile-item .company-status-pill.not_interested {
  border-color: rgba(194, 52, 40, 0.28);
  background: #fff0ee;
  color: #a1281f;
}

.profile-item .company-status-pill.unreviewed {
  border-color: rgba(59, 90, 100, 0.16);
  background: #fff;
  color: var(--burla-muted);
}

.company-detail-panel {
  display: grid;
  align-content: start;
  gap: 12px;
  min-width: 0;
}

.searches-view {
  width: min(1360px, 100%);
  margin: 0 auto;
  padding: 12px;
}

.searches-view > .shell {
  width: 100%;
  padding: 0;
}

.searches-index {
  display: grid;
  gap: 12px;
}

.searches-index-header,
.searches-table-shell {
  border: 1px solid var(--burla-soft-border);
  border-radius: 8px;
  background: var(--burla-card);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.searches-index-header {
  padding: 18px;
}

.searches-index-header h2 {
  font-size: 24px;
  line-height: 1.12;
  font-weight: 750;
}

.searches-table-shell {
  overflow: auto;
}

.searches-table {
  width: 100%;
  min-width: 860px;
  border-collapse: collapse;
}

.searches-table th,
.searches-table td {
  padding: 13px 14px;
  border-bottom: 1px solid var(--burla-soft-border);
  text-align: left;
  vertical-align: top;
}

.searches-table th {
  color: var(--burla-muted);
  font-size: 12px;
  font-weight: 750;
  text-transform: uppercase;
}

.searches-table tbody tr {
  cursor: pointer;
}

.searches-table tbody tr:hover {
  background: var(--burla-tint-soft);
}

.searches-table tbody tr:last-child td {
  border-bottom: 0;
}

.searches-table strong,
.searches-table span {
  display: block;
}

.searches-table strong {
  font-size: 14px;
  line-height: 1.25;
}

.searches-table span {
  margin-top: 4px;
  color: var(--burla-muted);
  font-size: 12px;
  line-height: 1.35;
}

.search-results-sidebar {
  background: transparent;
}

.search-back-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  width: 100%;
  min-height: 48px;
  margin-bottom: 10px;
  border-radius: 8px;
  font-size: 15px;
  text-align: left;
}

.search-back-icon {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  stroke: currentColor;
  stroke-width: 2.25;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

.search-result-list {
  overflow: auto;
  padding: 8px;
}

.search-result-status-pill.positive {
  border-color: rgba(25, 128, 56, 0.28);
  background: #e9f7ee;
  color: #0f6b2f;
}

.search-result-status-pill.interested {
  border-color: rgba(25, 128, 56, 0.28);
  background: #e9f7ee;
  color: #0f6b2f;
}

.search-result-status-pill.maybe {
  border-color: rgba(167, 109, 20, 0.28);
  background: #fff6e6;
  color: #8a570b;
}

.search-result-status-pill.negative {
  border-color: rgba(194, 52, 40, 0.28);
  background: #fff0ee;
  color: #a1281f;
}

.search-result-status-pill.not_interested {
  border-color: rgba(194, 52, 40, 0.28);
  background: #fff0ee;
  color: #a1281f;
}

.search-result-status-pill.unreviewed {
  border-color: rgba(59, 90, 100, 0.16);
  background: #fff;
  color: var(--burla-muted);
}

.search-detail-panel .company-status-buttons button[data-status="positive"].active {
  border-color: #21845f;
  background: #21845f;
}

.search-detail-panel .company-status-buttons button[data-status="maybe"].active {
  border-color: #a76d14;
  background: #a76d14;
}

.search-detail-panel .company-status-buttons button[data-status="negative"].active {
  border-color: #bd4a45;
  background: #bd4a45;
}

.company-toolbar,
.company-hero,
.company-notes-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.company-toolbar,
.company-quick-links,
.company-facts-grid,
.company-content-grid,
.company-notes-panel,
.company-hero {
  width: 100%;
}

.company-hero {
  align-items: flex-start;
  padding: 18px;
}

.company-hero h2 {
  font-size: 34px;
  line-height: 1.05;
  font-weight: 750;
}

.company-tagline {
  max-width: 760px;
  margin-top: 8px;
  color: var(--burla-muted);
  font-size: 16px;
  line-height: 1.45;
}

.company-status-buttons {
  display: grid;
  gap: 8px;
  min-width: 160px;
}

.company-status-buttons button {
  border-radius: 8px;
}

.company-status-buttons button.active {
  color: #fff;
}

.company-status-buttons button[data-status="interested"].active {
  border-color: #21845f;
  background: #21845f;
}

.company-status-buttons button[data-status="maybe"].active {
  border-color: #a76d14;
  background: #a76d14;
}

.company-status-buttons button[data-status="not_interested"].active {
  border-color: #bd4a45;
  background: #bd4a45;
}

.company-status-buttons button[data-status="unreviewed"].active {
  border-color: var(--burla-primary);
  background: var(--burla-primary);
}

.company-position-pill {
  min-width: 92px;
  padding: 9px 12px;
  border: 1px solid var(--burla-soft-border);
  border-radius: 999px;
  background: var(--burla-card);
  color: var(--burla-muted);
  font-size: 13px;
  font-weight: 750;
  text-align: center;
}

.company-quick-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(130px, 1fr));
  gap: 10px;
}

.company-link-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid var(--burla-border);
  border-radius: 8px;
  background: var(--burla-card);
  color: var(--burla-text);
  font-size: 14px;
  font-weight: 750;
  text-decoration: none;
}

.company-link-button:hover {
  background: var(--burla-tint-soft);
}

.company-link-button.linkedin {
  border-color: #0a66c2;
  background: #0a66c2;
  color: #fff;
}

.company-facts-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.company-fact {
  min-height: 88px;
  padding: 16px;
}

.company-fact small {
  display: block;
  margin-bottom: 8px;
  color: var(--burla-muted);
  font-size: 12px;
  font-weight: 750;
  text-transform: uppercase;
}

.company-fact strong {
  display: block;
  line-height: 1.28;
}

.company-content-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 10px;
}

.company-text-panel {
  min-height: 150px;
  padding: 18px;
}

.company-text-panel h3,
.company-notes-panel h3 {
  margin-bottom: 10px;
  color: var(--burla-text);
  font-size: 14px;
  line-height: 1.2;
  font-weight: 750;
}

.company-text-panel p {
  color: var(--burla-muted);
  line-height: 1.55;
}

.company-notes-panel {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  align-items: start;
  padding: 18px;
}

.company-save-state {
  margin-top: 12px;
}

.company-save-state:empty {
  display: none;
}

.company-save-state.saved {
  color: #21845f;
}

.company-save-state.local {
  color: #a76d14;
}

.company-save-state.error {
  color: #bd4a45;
}

.hidden {
  display: none !important;
}

@media (max-width: 760px) {
  .auth-view {
    padding: 16px;
  }

  .auth-panel {
    padding: 22px;
  }

  .auth-copy-block h1 {
    font-size: 30px;
  }

  .auth-actions,
  .auth-actions button {
    width: 100%;
  }

  body.auth-loading .auth-view {
    padding: 0;
  }

  .topbar {
    align-items: flex-start;
    flex-direction: column;
    padding: 12px;
  }

  .view-tabs {
    width: 100%;
  }

  .view-tab {
    flex: 1;
  }

  .shell {
    grid-template-columns: 1fr;
    padding: 12px;
  }

  .company-list {
    max-height: 300px;
  }

  .searches-view {
    padding: 12px;
  }

  .searches-table {
    min-width: 720px;
  }

  .company-hero,
  .company-toolbar,
  .company-notes-panel {
    align-items: stretch;
    flex-direction: column;
  }

  .company-hero h2 {
    font-size: 30px;
  }

  .company-status-buttons,
  .company-quick-links,
  .company-facts-grid,
  .company-content-grid,
  .company-notes-panel {
    grid-template-columns: 1fr;
  }

  .sidebar {
    height: auto;
    max-height: none;
    min-height: 0;
    overflow: visible;
  }

  .profile-list {
    flex: 0 1 auto;
    max-height: 300px;
  }

  .profile-header {
    grid-template-columns: 1fr;
  }

  .profile-main {
    grid-template-columns: 80px minmax(0, 1fr);
  }

  .profile-photo-shell {
    width: 80px;
    height: 80px;
  }

  .profile-side {
    justify-items: start;
    padding-top: 0;
  }

  .profile-menu-panel {
    left: 0;
    right: auto;
  }

  .analysis-card-header,
  .analysis-score {
    flex-direction: column;
    align-items: flex-start;
  }

  .analysis-content {
    grid-template-columns: 1fr;
  }
}