/* Briefing detail page — AI (blue) and Copilot (orange) */

body.briefing-page {
  background: #0b1220;
  color: #e6eef8;
}

#briefing-detail-page {
  padding: 6.5rem 1.5rem 4rem;
  min-height: 100vh;
  background:
    radial-gradient(circle at top left, rgba(72,170,255,0.10), transparent 32%),
    radial-gradient(circle at top right, rgba(0,229,255,0.08), transparent 26%),
    linear-gradient(180deg, #09111d 0%, #0d1726 100%);
}

body.copilot-page #briefing-detail-page {
  background:
    radial-gradient(circle at top left, rgba(255,107,53,0.10), transparent 32%),
    radial-gradient(circle at top right, rgba(255,150,80,0.08), transparent 26%),
    linear-gradient(180deg, #09111d 0%, #0d1726 100%);
}

.briefing-shell {
  max-width: 980px;
  margin: 0 auto;
}

.briefing-hero-card {
  border: 1px solid rgba(92,120,150,0.35);
  background: rgba(10,18,30,0.82);
  backdrop-filter: blur(10px);
  border-radius: 18px;
  padding: 1.75rem;
  box-shadow: 0 18px 60px rgba(0,0,0,0.28);
  margin-bottom: 1.5rem;
}

body.copilot-page .briefing-hero-card {
  border-color: rgba(255,107,53,0.25);
}

.briefing-kicker {
  display: inline-block;
  margin-bottom: .65rem;
  font-size: .75rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #7bc6ff;
}

body.copilot-page .briefing-kicker {
  color: #ff8c5a;
}

.briefing-hero-card h1 {
  margin: 0;
  font-size: 2.1rem;
  color: #fff;
}

.briefing-summary {
  margin-top: .8rem;
  color: #b6c8da;
}

.briefing-actions {
  margin-top: 1rem;
  display: flex;
  gap: .85rem;
  flex-wrap: wrap;
}

.briefing-btn {
  display: inline-block;
  padding: .55rem 1.3rem;
  border-radius: 8px;
  font-size: .88rem;
  font-weight: 600;
  text-decoration: none;
  transition: background .18s, color .18s;
}

.briefing-btn.primary {
  background: rgba(72,170,255,0.15);
  color: #7bc6ff;
  border: 1px solid rgba(72,170,255,0.3);
}

.briefing-btn.primary:hover {
  background: rgba(72,170,255,0.25);
}

body.copilot-page .briefing-btn.primary {
  background: rgba(255,107,53,0.15);
  color: #ff8c5a;
  border-color: rgba(255,107,53,0.3);
}

body.copilot-page .briefing-btn.primary:hover {
  background: rgba(255,107,53,0.25);
}

.briefing-stream {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.briefing-card {
  border: 1px solid rgba(92,120,150,0.25);
  background: rgba(10,18,30,0.6);
  border-radius: 14px;
  padding: 1.4rem 1.5rem;
}

body.copilot-page .briefing-card {
  border-color: rgba(255,107,53,0.18);
}

/* old-format .card class — same styling */
article.card {
  border: 1px solid rgba(92,120,150,0.25);
  background: rgba(10,18,30,0.6);
  border-radius: 14px;
  padding: 1.4rem 1.5rem;
}

body.copilot-page article.card {
  border-color: rgba(255,107,53,0.18);
}

.briefing-card h2,
article.card h2 {
  font-size: 1.05rem;
  margin-bottom: .4rem;
}

.briefing-card h2 a,
article.card h2 a {
  color: #7bc6ff;
  text-decoration: none;
}

body.copilot-page .briefing-card h2 a,
body.copilot-page article.card h2 a {
  color: #ff8c5a;
}

.briefing-card h2 a:hover,
article.card h2 a:hover {
  text-decoration: underline;
}

.meta {
  color: #6b8a99;
  font-size: .8rem;
  margin-bottom: .55rem;
}

.body {
  color: #b6c8da;
  font-size: .95rem;
  margin-bottom: .7rem;
}

.bullets {
  padding-left: 1.2rem;
}

.bullets li {
  margin-bottom: .22rem;
  color: #96ffd4;
}

#footer { margin-top: 0; }

@media (max-width: 720px) {
  #briefing-detail-page { padding-top: 5.75rem; }
  .briefing-hero-card h1 { font-size: 1.65rem; }
}

/* AI Security Briefing */
body.aisec-page #briefing-detail-page {
  background:
    radial-gradient(circle at top left, rgba(114,255,157,0.10), transparent 32%),
    radial-gradient(circle at top right, rgba(60,255,110,0.08), transparent 26%),
    linear-gradient(180deg, #07130d 0%, #0b1720 100%);
}

body.aisec-page .briefing-hero-card {
  border-color: rgba(114,255,157,0.28);
}

body.aisec-page .briefing-kicker {
  color: #72ff9d;
}

body.aisec-page .briefing-btn.primary {
  background: rgba(114,255,157,0.15);
  color: #72ff9d;
  border-color: rgba(114,255,157,0.32);
}

body.aisec-page .briefing-btn.primary:hover {
  background: rgba(114,255,157,0.25);
}

body.aisec-page .briefing-card h2 a {
  color: #72ff9d;
}

.aisec-status-strip {
  font-family: 'Source Sans Pro', 'Segoe UI', system-ui, sans-serif;
}

.briefing-section-title {
  margin: 1.6rem 0 .8rem;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .18em;
  color: #72ff9d;
  text-transform: uppercase;
}

.aisec-stream + .briefing-section-title {
  margin-top: 2rem;
}

.aisec-card {
  position: relative;
  overflow: hidden;
}

.aisec-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: #6b8a99;
}

.aisec-card.severity-critical::before { background: #ff3b5c; }
.aisec-card.severity-high::before { background: #ff8c3a; }
.aisec-card.severity-medium::before { background: #ffd166; }
.aisec-card.severity-low::before { background: #72ff9d; }
.aisec-card.severity-info::before { background: #7bc6ff; }

.aisec-card-top {
  display: flex;
  align-items: center;
  gap: .6rem;
  flex-wrap: wrap;
  margin-bottom: .55rem;
}

.severity-tag,
.aisec-chip {
  display: inline-block;
  padding: .18rem .48rem;
  border-radius: 999px;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  border: 1px solid rgba(255,255,255,0.12);
  color: #dff7ea;
  background: rgba(255,255,255,0.05);
}

.severity-tag.severity-critical { color: #ffccd4; border-color: rgba(255,59,92,.45); background: rgba(255,59,92,.14); }
.severity-tag.severity-high { color: #ffd7bd; border-color: rgba(255,140,58,.45); background: rgba(255,140,58,.14); }
.severity-tag.severity-medium { color: #fff0bd; border-color: rgba(255,209,102,.45); background: rgba(255,209,102,.12); }
.severity-tag.severity-low { color: #c8ffda; border-color: rgba(114,255,157,.45); background: rgba(114,255,157,.10); }
.severity-tag.severity-info { color: #cceeff; border-color: rgba(123,198,255,.40); background: rgba(123,198,255,.10); }

.aisec-chips {
  display: flex;
  gap: .35rem;
  flex-wrap: wrap;
}

.aisec-chip.source { color: #e8f4f8; }
.aisec-chip.stream { color: #72ff9d; border-color: rgba(114,255,157,.25); }
.aisec-chip.cve { color: #ffd166; border-color: rgba(255,209,102,.35); }
.aisec-chip.mapping { color: #b6c8da; }

.empty-state {
  color: #8ea4ba;
  border: 1px dashed rgba(114,255,157,0.22);
  border-radius: 12px;
  padding: 1rem;
  background: rgba(10,18,30,0.4);
}

@media (prefers-reduced-motion: reduce) {
  .briefing-btn,
  .briefing-card {
    transition: none;
  }
}