/* =============================================================
   PR346B — Activity Feed + Insights Tab
   Namespace: .lily-hq-activity, #lily-hq-activity-content,
              .lily-hq-insights, #lily-hq-insights-content
   Severity dot colors:
     critical = #D32F2F
     warning  = #FF6B00 (TradeRail orange)
     info     = #1565C0
     success  = #2E7D32
   Active filter pill: bg=#FF6B00, color=white
   Insight cards: white bg, 1px border #E0E0E0, 8px radius, 16px padding
   No external font imports — consistent with portal style
============================================================= */

/* ─── Activity Tab Container ──────────────────────────────── */

#lily-hq-activity-content,
.lily-hq-activity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0;
  padding: 16px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #1A1A1A;
  min-height: 300px;
}

/* ─── Filter Bar ──────────────────────────────────────────── */

.lily-hq-activity .lily-activity-filter-bar,
#lily-hq-activity-content .lily-activity-filter-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
  padding-bottom: 12px;
  border-bottom: 1px solid #E0E0E0;
  margin-bottom: 12px;
}

/* Severity pills */
.lily-hq-activity .lily-activity-pill-group,
#lily-hq-activity-content .lily-activity-pill-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}

.lily-hq-activity .lily-activity-pill,
#lily-hq-activity-content .lily-activity-pill {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 16px;
  border: 1px solid #BDBDBD;
  background: #FAFAFA;
  color: #424242;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  -webkit-transition: background 0.15s, color 0.15s, border-color 0.15s;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
  line-height: 1.4;
}

.lily-hq-activity .lily-activity-pill:hover,
#lily-hq-activity-content .lily-activity-pill:hover {
  background: #F5F5F5;
  border-color: #9E9E9E;
}

.lily-hq-activity .lily-activity-pill--active,
#lily-hq-activity-content .lily-activity-pill--active {
  background: #FF6B00;
  color: #FFFFFF;
  border-color: #FF6B00;
}

.lily-hq-activity .lily-activity-pill--active:hover,
#lily-hq-activity-content .lily-activity-pill--active:hover {
  background: #E55A00;
  border-color: #E55A00;
}

/* Module dropdown */
.lily-hq-activity .lily-activity-module-select,
#lily-hq-activity-content .lily-activity-module-select {
  padding: 4px 8px;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  background: #FAFAFA;
  color: #424242;
  font-size: 13px;
  cursor: pointer;
  height: 30px;
}

/* Date range buttons */
.lily-hq-activity .lily-activity-date-group,
#lily-hq-activity-content .lily-activity-date-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2px;
}

.lily-hq-activity .lily-activity-date-btn,
#lily-hq-activity-content .lily-activity-date-btn {
  padding: 4px 10px;
  border: 1px solid #BDBDBD;
  background: #FAFAFA;
  color: #424242;
  font-size: 12px;
  cursor: pointer;
  -webkit-transition: background 0.12s, color 0.12s;
  transition: background 0.12s, color 0.12s;
  line-height: 1.4;
}

.lily-hq-activity .lily-activity-date-btn:first-child,
#lily-hq-activity-content .lily-activity-date-btn:first-child {
  border-radius: 4px 0 0 4px;
}

.lily-hq-activity .lily-activity-date-btn:last-child,
#lily-hq-activity-content .lily-activity-date-btn:last-child {
  border-radius: 0 4px 4px 0;
}

.lily-hq-activity .lily-activity-date-btn--active,
#lily-hq-activity-content .lily-activity-date-btn--active {
  background: #FF6B00;
  color: #FFFFFF;
  border-color: #FF6B00;
}

/* ─── Feed List ───────────────────────────────────────────── */

.lily-hq-activity .lily-activity-feed,
#lily-hq-activity-content .lily-activity-feed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow-y: auto;
  max-height: 480px;
  padding-right: 2px;
}

/* Activity card */
.lily-hq-activity .lily-activity-card,
#lily-hq-activity-content .lily-activity-card {
  background: #FFFFFF;
  border: 1px solid #E0E0E0;
  border-radius: 6px;
  padding: 12px 14px;
  -webkit-transition: box-shadow 0.12s;
  transition: box-shadow 0.12s;
}

.lily-hq-activity .lily-activity-card:hover,
#lily-hq-activity-content .lily-activity-card:hover {
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

/* Severity accent left border */
.lily-hq-activity .lily-activity-card--critical,
#lily-hq-activity-content .lily-activity-card--critical {
  border-left: 3px solid #D32F2F;
}

.lily-hq-activity .lily-activity-card--warning,
#lily-hq-activity-content .lily-activity-card--warning {
  border-left: 3px solid #FF6B00;
}

.lily-hq-activity .lily-activity-card--info,
#lily-hq-activity-content .lily-activity-card--info {
  border-left: 3px solid #1565C0;
}

.lily-hq-activity .lily-activity-card--success,
#lily-hq-activity-content .lily-activity-card--success {
  border-left: 3px solid #2E7D32;
}

/* Card header */
.lily-hq-activity .lily-activity-card-header,
#lily-hq-activity-content .lily-activity-card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}

/* Severity dot */
.lily-hq-activity .lily-activity-dot,
#lily-hq-activity-content .lily-activity-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.lily-hq-activity .lily-activity-dot--critical,
#lily-hq-activity-content .lily-activity-dot--critical { background-color: #D32F2F; }
.lily-hq-activity .lily-activity-dot--warning,
#lily-hq-activity-content .lily-activity-dot--warning  { background-color: #FF6B00; }
.lily-hq-activity .lily-activity-dot--info,
#lily-hq-activity-content .lily-activity-dot--info     { background-color: #1565C0; }
.lily-hq-activity .lily-activity-dot--success,
#lily-hq-activity-content .lily-activity-dot--success  { background-color: #2E7D32; }

/* Module + action */
.lily-hq-activity .lily-activity-module-action,
#lily-hq-activity-content .lily-activity-module-action {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  color: #212121;
}

.lily-hq-activity .lily-activity-module-action strong,
#lily-hq-activity-content .lily-activity-module-action strong {
  font-weight: 600;
}

/* Timestamp */
.lily-hq-activity .lily-activity-ts,
#lily-hq-activity-content .lily-activity-ts {
  font-size: 12px;
  color: #757575;
  white-space: nowrap;
  margin-left: auto;
}

/* Detail text */
.lily-hq-activity .lily-activity-detail,
#lily-hq-activity-content .lily-activity-detail {
  font-size: 13px;
  color: #424242;
  margin-top: 4px;
  line-height: 1.5;
}

/* Expand/collapse button */
.lily-hq-activity .lily-activity-expand-btn,
#lily-hq-activity-content .lily-activity-expand-btn {
  background: none;
  border: none;
  color: #FF6B00;
  font-size: 12px;
  cursor: pointer;
  padding: 0 2px;
  text-decoration: underline;
}

/* Route link */
.lily-hq-activity .lily-activity-route,
#lily-hq-activity-content .lily-activity-route {
  margin-top: 6px;
}

.lily-hq-activity .lily-activity-route-link,
#lily-hq-activity-content .lily-activity-route-link {
  font-size: 12px;
  color: #1565C0;
  text-decoration: none;
}

.lily-hq-activity .lily-activity-route-link:hover,
#lily-hq-activity-content .lily-activity-route-link:hover {
  text-decoration: underline;
}

/* Empty state */
.lily-hq-activity .lily-activity-empty,
#lily-hq-activity-content .lily-activity-empty {
  padding: 32px 16px;
  text-align: center;
  color: #9E9E9E;
  font-size: 14px;
  line-height: 1.6;
}

/* Footer / export */
.lily-hq-activity .lily-activity-footer,
#lily-hq-activity-content .lily-activity-footer {
  padding-top: 12px;
  border-top: 1px solid #E0E0E0;
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.lily-hq-activity .lily-activity-export-btn,
#lily-hq-activity-content .lily-activity-export-btn {
  padding: 6px 14px;
  background: #FAFAFA;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  color: #424242;
  font-size: 13px;
  cursor: pointer;
  -webkit-transition: background 0.12s;
  transition: background 0.12s;
}

.lily-hq-activity .lily-activity-export-btn:hover,
#lily-hq-activity-content .lily-activity-export-btn:hover {
  background: #F0F0F0;
}

/* ─── Insights Tab Container ──────────────────────────────── */

#lily-hq-insights-content,
.lily-hq-insights {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 16px;
  gap: 16px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #1A1A1A;
}

/* Insights grid */
#lily-hq-insights-content .lily-insights-grid,
.lily-hq-insights .lily-insights-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px;
}

/* ─── Insight Card ────────────────────────────────────────── */

#lily-hq-insights-content .lily-insight-card,
.lily-hq-insights .lily-insight-card {
  background: #FFFFFF;
  border: 1px solid #E0E0E0;
  border-radius: 8px;
  padding: 16px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 200px;
  flex: 1 1 200px;
  min-width: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-transition: box-shadow 0.12s;
  transition: box-shadow 0.12s;
}

#lily-hq-insights-content .lily-insight-card:hover,
.lily-hq-insights .lily-insight-card:hover {
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

/* Insight card icon */
#lily-hq-insights-content .lily-insight-card-icon,
.lily-hq-insights .lily-insight-card-icon {
  font-size: 20px;
  color: #9E9E9E;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  line-height: 1.4;
}

/* Insight card body */
#lily-hq-insights-content .lily-insight-card-body,
.lily-hq-insights .lily-insight-card-body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}

#lily-hq-insights-content .lily-insight-card-title,
.lily-hq-insights .lily-insight-card-title {
  font-size: 12px;
  font-weight: 600;
  color: #757575;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 4px;
}

#lily-hq-insights-content .lily-insight-card-stat,
.lily-hq-insights .lily-insight-card-stat {
  font-size: 22px;
  font-weight: 700;
  color: #212121;
  line-height: 1.2;
  margin-bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#lily-hq-insights-content .lily-insight-card-sub,
.lily-hq-insights .lily-insight-card-sub {
  font-size: 12px;
  color: #757575;
  line-height: 1.4;
}

/* Trend indicator */
#lily-hq-insights-content .lily-insight-card-trend,
.lily-hq-insights .lily-insight-card-trend {
  margin-top: 6px;
  font-size: 12px;
  font-weight: 500;
}

#lily-hq-insights-content .lily-insight-trend-indicator,
.lily-hq-insights .lily-insight-trend-indicator {
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
}

#lily-hq-insights-content .lily-trend--up,
.lily-hq-insights .lily-trend--up {
  background: #FFEBEE;
  color: #C62828;
}

#lily-hq-insights-content .lily-trend--down,
.lily-hq-insights .lily-trend--down {
  background: #E8F5E9;
  color: #2E7D32;
}

#lily-hq-insights-content .lily-trend--flat,
.lily-hq-insights .lily-trend--flat {
  background: #F5F5F5;
  color: #616161;
}

/* ─── Insights Footer ─────────────────────────────────────── */

#lily-hq-insights-content .lily-insights-footer,
.lily-hq-insights .lily-insights-footer {
  border-top: 1px solid #E0E0E0;
  padding-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

#lily-hq-insights-content .lily-insights-refresh-btn,
.lily-hq-insights .lily-insights-refresh-btn {
  padding: 6px 14px;
  background: #FAFAFA;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  color: #424242;
  font-size: 13px;
  cursor: pointer;
  -webkit-transition: background 0.12s;
  transition: background 0.12s;
}

#lily-hq-insights-content .lily-insights-refresh-btn:hover,
.lily-hq-insights .lily-insights-refresh-btn:hover {
  background: #F0F0F0;
}

/* ─── Scrollbar (activity feed) ───────────────────────────── */

.lily-hq-activity .lily-activity-feed::-webkit-scrollbar,
#lily-hq-activity-content .lily-activity-feed::-webkit-scrollbar {
  width: 4px;
}

.lily-hq-activity .lily-activity-feed::-webkit-scrollbar-track,
#lily-hq-activity-content .lily-activity-feed::-webkit-scrollbar-track {
  background: #F5F5F5;
}

.lily-hq-activity .lily-activity-feed::-webkit-scrollbar-thumb,
#lily-hq-activity-content .lily-activity-feed::-webkit-scrollbar-thumb {
  background: #BDBDBD;
  border-radius: 2px;
}

/* ─── Live Module Data Section (PR346B-patch) ─────────────── */

.lily-insights-module-section {
  margin-top: 20px;
}

.lily-insights-module-heading {
  font-size: 13px;
  font-weight: 600;
  color: #1A1A2E;
  margin: 0 0 12px 0;
  padding-bottom: 6px;
  border-bottom: 1px solid #E8ECF0;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.lily-insights-module-empty {
  font-size: 12px;
  color: #94A3B8;
  text-align: center;
  padding: 16px 0;
  font-style: italic;
}