/* SIGNAL ARCHITECT — SPRINT 8.9 PLATFORM EXPERIENCE INTEGRATION */
:root {
  --sa-exp-border: rgba(124, 155, 255, .28);
  --sa-exp-surface: linear-gradient(145deg, rgba(17, 27, 53, .96), rgba(7, 14, 31, .98));
  --sa-exp-muted: #9aa9c8;
  --sa-exp-text: #edf3ff;
  --sa-exp-accent: #47d8ff;
}

.sa-home-campaign-panel,
.sa-campaign-context-banner,
.sa-research-readiness-summary {
  border: 1px solid var(--sa-exp-border) !important;
  background: var(--sa-exp-surface) !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255,255,255,.025);
}

.sa-home-campaign-panel {
  padding: clamp(20px, 3vw, 32px) !important;
  border-radius: 18px !important;
  margin-block: 20px 26px !important;
}

.sa-home-campaign-panel header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(126, 153, 220, .16);
}

.sa-home-campaign-panel header span,
.sa-campaign-context-banner span,
.sa-research-readiness-summary span {
  letter-spacing: .13em;
  font-size: .72rem;
  font-weight: 800;
  color: var(--sa-exp-accent);
}

.sa-home-campaign-panel h2 {
  margin: 8px 0 0;
  font-size: clamp(1.35rem, 2.5vw, 2rem);
  color: var(--sa-exp-text);
}

.sa-home-campaign-panel header > b {
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(71,216,255,.1);
  border: 1px solid rgba(71,216,255,.3);
  color: #baf4ff;
  font-size: .74rem;
  letter-spacing: .08em;
  white-space: nowrap;
}

.sa-home-campaign-panel > p {
  max-width: 820px;
  color: var(--sa-exp-muted);
  line-height: 1.65;
  margin: 18px 0;
}

.sa-home-campaign-actions,
.sa-campaign-context-banner nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.sa-home-campaign-actions a,
.sa-home-campaign-actions button,
.sa-campaign-context-banner nav a,
.sa-campaign-context-banner nav button,
.sa-campaign-context-banner > button,
.sa-guide-next-link {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 15px;
  border-radius: 10px;
  border: 1px solid rgba(93, 140, 255, .35);
  background: rgba(42, 83, 174, .18);
  color: #eaf1ff;
  font-weight: 800;
  letter-spacing: .045em;
  font-size: .75rem;
  text-decoration: none;
  cursor: pointer;
}

.sa-home-campaign-actions a:first-child,
.sa-campaign-context-banner nav a,
.sa-guide-next-link {
  background: linear-gradient(135deg, rgba(33, 91, 220, .92), rgba(28, 63, 165, .92));
  border-color: rgba(104, 158, 255, .72);
}

.sa-home-campaign-actions a:hover,
.sa-home-campaign-actions button:hover,
.sa-campaign-context-banner nav a:hover,
.sa-campaign-context-banner nav button:hover,
.sa-guide-next-link:hover { transform: translateY(-1px); filter: brightness(1.09); }

.sa-home-campaign-metrics {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 12px !important;
  margin-top: 20px;
}

.sa-home-campaign-metrics > div {
  min-height: 86px;
  padding: 14px;
  border: 1px solid rgba(111, 143, 220, .18);
  background: rgba(5, 13, 31, .58);
  border-radius: 12px;
}

.sa-home-campaign-metrics strong { display:block; margin-top:9px; font-size:1.15rem; color:#fff; }

.sa-campaign-context-banner {
  margin: 14px auto 20px !important;
  max-width: min(1500px, calc(100% - 28px));
  border-radius: 14px !important;
  padding: 16px 18px !important;
  display: grid !important;
  grid-template-columns: minmax(230px,1.1fr) minmax(210px,.85fr) auto;
  align-items: center;
  gap: 18px;
}

.sa-campaign-context-banner strong { display:block; margin-top:5px; color:#fff; }
.sa-campaign-context-banner small { display:block; margin-top:5px; color:var(--sa-exp-muted); line-height:1.45; }

.sa-context-help { position:relative; }
.sa-context-help:focus .sa-context-help-popover,
.sa-context-help:hover .sa-context-help-popover { z-index: 80; }

.sa41-guide-panel {
  width: min(440px, calc(100vw - 28px)) !important;
  border: 1px solid rgba(95, 144, 255, .38) !important;
  background: linear-gradient(160deg, rgba(13,24,51,.99), rgba(5,11,26,.995)) !important;
  box-shadow: 0 25px 70px rgba(0,0,0,.5) !important;
}

.sa41-guide-panel h2 { margin-bottom: 12px; }
#saGuideRecommendation { display:grid; gap:10px; color:#c7d3ea; line-height:1.55; }
#saGuideRecommendation strong { color:#fff; }
.sa-guide-context-line { display:block; }
.sa-guide-next-link { width:max-content; margin-top:4px; }
.sa41-guide-actions { display:grid !important; grid-template-columns: 1fr 1fr; gap:9px !important; }
.sa41-guide-actions button { min-height:44px; text-align:left; line-height:1.25; }
.sa89-guide-injected { z-index: 1050; }

@media (max-width: 900px) {
  .sa-campaign-context-banner { grid-template-columns:1fr; align-items:stretch; }
  .sa-home-campaign-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width: 560px) {
  .sa-home-campaign-panel { padding:18px !important; border-radius:14px !important; }
  .sa-home-campaign-panel header { flex-direction:column; }
  .sa-home-campaign-metrics { grid-template-columns:1fr; }
  .sa-home-campaign-actions > *, .sa-campaign-context-banner nav > * { width:100%; }
  .sa41-guide-actions { grid-template-columns:1fr; }
}