/* Influencer-specific surfaces for the shared light workspace mode. */
html[data-theme="light"] body.influencer-app {
  --inf: #5b4ff5;
  --inf-soft: #f4f3ff;
  --inf-line: #e5e3ec;
}

html[data-theme="light"] body.influencer-app .workspace-badge {
  color: #34313c;
  border-color: #dfdce8;
  background: #fff;
}

html[data-theme="light"] body.influencer-app .workspace-badge > span {
  color: #fff;
  background: #5b4ff5;
}

html[data-theme="light"] body.influencer-app .workspace-badge small,
html[data-theme="light"] body.influencer-app .workspace-badge a {
  color: #8a8695;
}

html[data-theme="light"] body.influencer-app .period-select {
  color: #34313c;
  border-color: #dfdce8;
  background: #fff;
}

html[data-theme="light"] body.influencer-app .creator-welcome p {
  color: #6b6877;
}

html[data-theme="light"] body.influencer-app .creator-welcome strong {
  color: #5b4ff5;
}

html[data-theme="light"] body.influencer-app .sync-state {
  border-color: #dfdce8;
  background: #fff;
}

html[data-theme="light"] body.influencer-app .sync-state small,
html[data-theme="light"] body.influencer-app .stat-caption {
  color: #8a8695;
}

html[data-theme="light"] body.influencer-app .mini-spark i {
  background: #d6d2fc;
}

html[data-theme="light"] body.influencer-app .mini-spark i:nth-child(7),
html[data-theme="light"] body.influencer-app .panel-legend i {
  background: #5b4ff5;
}

html[data-theme="light"] body.influencer-app .panel-legend {
  color: #6b6877;
}

html[data-theme="light"] body.influencer-app .chart-gridlines {
  background: repeating-linear-gradient(
    to bottom,
    #eceaf2 0 1px,
    transparent 1px 54px
  );
}

html[data-theme="light"] body.influencer-app .growth-chart .line {
  stroke: #5b4ff5;
  filter: drop-shadow(0 0 6px rgba(91, 79, 245, 0.2));
}

html[data-theme="light"] body.influencer-app .chart-axis {
  color: #8a8695;
}

html[data-theme="light"] body.influencer-app .platform-list article,
html[data-theme="light"] body.influencer-app .deadline-list > span {
  border-color: #e5e3ec;
}

html[data-theme="light"] body.influencer-app .platform-list small,
html[data-theme="light"] body.influencer-app .deadline-list small,
html[data-theme="light"] body.influencer-app .deadline-list em {
  color: #8a8695;
}

html[data-theme="light"] body.influencer-app .gender-donut {
  background: conic-gradient(#5b4ff5 0 62%, #9d96ff 62% 98%, #ddd9e8 98%);
}

html[data-theme="light"] body.influencer-app .gender-donut::after {
  background: #fff;
}

html[data-theme="light"] body.influencer-app .gender-donut small,
html[data-theme="light"] body.influencer-app .snapshot-bars label {
  color: #6b6877;
}

html[data-theme="light"] body.influencer-app .snapshot-bars label b {
  color: #34313c;
}

html[data-theme="light"] body.influencer-app .snapshot-bars i {
  background: #eceaf2;
}

html[data-theme="light"] body.influencer-app .snapshot-bars i::after {
  background: #5b4ff5;
}

html[data-theme="light"] body.influencer-app .deadline-list time {
  color: #5b4ff5;
  background: #f4f3ff;
}

html[data-theme="light"] body.influencer-app .analytics-platforms article,
html[data-theme="light"] body.influencer-app .collab-pipeline article,
html[data-theme="light"] body.influencer-app .collab-card,
html[data-theme="light"] body.influencer-app .content-summary span,
html[data-theme="light"] body.influencer-app .top-content-grid article {
  border-color: #e5e3ec;
  background: #fff;
}

html[data-theme="light"] body.influencer-app .analytics-platforms small,
html[data-theme="light"] body.influencer-app .collab-pipeline small,
html[data-theme="light"] body.influencer-app .collab-card small,
html[data-theme="light"] body.influencer-app .collab-card p,
html[data-theme="light"] body.influencer-app .content-summary small,
html[data-theme="light"] body.influencer-app .top-content-grid p {
  color: #7c7887;
}

html[data-theme="light"] body.influencer-app .analytics-platforms em {
  color: #5b4ff5;
}

html[data-theme="light"] body.influencer-app .instagram-analytics-state {
  border-color: #e5e3ec;
  background: #fff;
}

html[data-theme="light"] body.influencer-app .instagram-analytics-state span,
html[data-theme="light"] body.influencer-app .analytics-panel-head small,
html[data-theme="light"] body.influencer-app .analytics-chart-empty {
  color: #777381;
}

html[data-theme="light"]
  body.influencer-app
  .instagram-analytics-state.success {
  border-color: rgba(34, 197, 94, 0.32);
  background: rgba(34, 197, 94, 0.07);
}

html[data-theme="light"]
  body.influencer-app
  .instagram-analytics-state.warning {
  border-color: rgba(245, 158, 11, 0.36);
  background: rgba(245, 158, 11, 0.07);
}

html[data-theme="light"]
  body.influencer-app
  .analytics-platforms
  > article
  > i {
  background: #5b4ff5;
}

html[data-theme="light"] body.influencer-app .metric-tabs button {
  color: #777381;
}

html[data-theme="light"] body.influencer-app .metric-tabs button.active {
  color: #5b4ff5;
  background: #f4f3ff;
}

html[data-theme="light"] body.influencer-app .chart-bars-30 {
  border-color: #dedbe7;
  background: repeating-linear-gradient(
    to bottom,
    #eceaf2 0 1px,
    transparent 1px 60px
  );
}

html[data-theme="light"] body.influencer-app .chart-bars-30 span {
  background: linear-gradient(#9d96ff, #5b4ff5);
}

html[data-theme="light"] body.influencer-app .metric-rows span,
html[data-theme="light"] body.influencer-app .format-table span,
html[data-theme="light"] body.influencer-app .payment-table span,
html[data-theme="light"] body.influencer-app .connect-list > span {
  border-color: #e5e3ec;
}

html[data-theme="light"] body.influencer-app .sample-size,
html[data-theme="light"] body.influencer-app .legend-stack span,
html[data-theme="light"] body.influencer-app .age-chart b,
html[data-theme="light"] body.influencer-app .age-chart em {
  color: #777381;
}

html[data-theme="light"] body.influencer-app .legend-stack b,
html[data-theme="light"] body.influencer-app .top-content-grid p b {
  color: #34313c;
}

html[data-theme="light"] body.influencer-app .legend-stack .women,
html[data-theme="light"] body.influencer-app .country-list u::after {
  background: #5b4ff5;
}

html[data-theme="light"] body.influencer-app .legend-stack .men {
  background: #9d96ff;
}

html[data-theme="light"] body.influencer-app .legend-stack .other {
  background: #ddd9e8;
}

html[data-theme="light"] body.influencer-app .age-chart i {
  background: linear-gradient(#9d96ff, #5b4ff5);
}

html[data-theme="light"] body.influencer-app .country-list em {
  color: #5b4ff5;
}

html[data-theme="light"] body.influencer-app .country-list u {
  background: #eceaf2;
}

html[data-theme="light"] body.influencer-app .activity-heatmap i {
  background: #f0eeff;
}

html[data-theme="light"] body.influencer-app .heatmap-legend {
  color: #8a8695;
}

html[data-theme="light"] body.influencer-app .heatmap-legend i {
  background: #efedff;
}

html[data-theme="light"] body.influencer-app .heatmap-legend i:nth-of-type(2) {
  background: #d6d2fc;
}

html[data-theme="light"] body.influencer-app .heatmap-legend i:nth-of-type(3) {
  background: #9d96ff;
}

html[data-theme="light"] body.influencer-app .heatmap-legend i:nth-of-type(4) {
  background: #5b4ff5;
}

html[data-theme="light"] body.influencer-app .interest-cloud span {
  border-color: #d8d4f5;
  color: color-mix(in srgb, #5b4ff5 calc(var(--s) * 100%), #777381);
  background: #faf9ff;
}

html[data-theme="light"] body.influencer-app .brand-avatar {
  color: #fff;
  background: linear-gradient(135deg, #9d96ff, #5b4ff5);
}

html[data-theme="light"] body.influencer-app .top-content-grid small,
html[data-theme="light"] body.influencer-app .format-table i {
  color: #5b4ff5;
}

html[data-theme="light"] body.influencer-app .media-preview {
  border-color: #dedbe7;
  background: #fff;
}

html[data-theme="light"] body.influencer-app .media-cover {
  background:
    radial-gradient(
      circle at 72% 18%,
      rgba(255, 255, 255, 0.3),
      transparent 30%
    ),
    linear-gradient(120deg, #d8d4ff, #5b4ff5);
}

html[data-theme="light"] body.influencer-app .media-identity .ava {
  border-color: #fff;
}

html[data-theme="light"] body.influencer-app .media-identity p,
html[data-theme="light"] body.influencer-app .media-numbers small,
html[data-theme="light"] body.influencer-app .media-audience span,
html[data-theme="light"] body.influencer-app .media-action-body > p {
  color: #777381;
}

html[data-theme="light"] body.influencer-app .media-identity > i,
html[data-theme="light"] body.influencer-app .rate-card > small {
  color: #5b4ff5;
}

html[data-theme="light"] body.influencer-app .media-numbers {
  border-color: #e5e3ec;
}

html[data-theme="light"] body.influencer-app .rate-card {
  border-color: #e5e3ec;
  background: #faf9ff;
}

html[data-theme="light"] body.influencer-app .rate-card em {
  color: #5b4ff5;
}

html[data-theme="light"] body.influencer-app .payment-table time,
html[data-theme="light"] body.influencer-app .payment-table em,
html[data-theme="light"] body.influencer-app .connect-list small {
  color: #777381;
}

@media (max-width: 700px) {
  html[data-theme="light"]
    body.influencer-app
    .metric-rows
    span:nth-last-child(2) {
    border-color: #e5e3ec;
  }
}