/* results.css — FORTHLAYER urgency-first results page */

.results-wrap { max-width:900px; margin:0 auto; padding:clamp(20px,4vw,40px) clamp(14px,3vw,24px) 80px; width:100%; }

/* HEADER */
.rpt-header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:28px; }
.rpt-logo   { font-family:var(--font-display); font-weight:800; font-size:16px; color:var(--text); margin-bottom:4px; }
.rpt-logo span { color:var(--accent); }
.rpt-title  { font-family:var(--font-display); font-size:clamp(22px,4vw,30px); font-weight:800; letter-spacing:-1px; margin-bottom:6px; }
.rpt-meta   { font-size:12px; color:var(--muted); display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.rpt-dot    { opacity:0.3; }
.rpt-header-actions { display:flex; gap:10px; align-items:center; flex-shrink:0; flex-wrap:wrap; }
.btn-download { display:flex; align-items:center; gap:7px; background:linear-gradient(135deg,var(--accent),#4fc3f7); color:#07090f; font-family:var(--font-display); font-weight:700; font-size:13px; border:none; border-radius:10px; padding:11px 20px; cursor:pointer; transition:opacity 0.2s; white-space:nowrap; touch-action:manipulation; }
.btn-download:hover { opacity:0.88; }
.btn-download:disabled { opacity:0.5; cursor:not-allowed; }

/* URGENCY BANNER */
.urgency-banner { display:flex; align-items:center; gap:clamp(16px,3vw,28px); border:1px solid; border-radius:20px; padding:clamp(20px,3vw,32px); margin-bottom:16px; flex-wrap:wrap; }
.urgency-score-ring { flex-shrink:0; text-align:center; }
.urgency-content { flex:1; min-width:200px; }
.urgency-emoji  { font-size:28px; margin-bottom:8px; }
.urgency-heading { font-family:var(--font-display); font-size:clamp(16px,2.5vw,22px); font-weight:800; letter-spacing:-0.5px; margin-bottom:10px; line-height:1.2; }
.urgency-msg    { font-size:14px; color:var(--muted2); line-height:1.7; margin-bottom:14px; }
.urgency-tags   { display:flex; gap:8px; flex-wrap:wrap; }
.urgency-tag    { font-size:12px; font-weight:600; padding:5px 12px; border-radius:100px; border:1px solid; }

/* SUMMARY BAR */
.summary-bar-wrap { margin-bottom:24px; }
.summary-bar-label { font-size:11px; color:var(--muted); text-transform:uppercase; letter-spacing:1px; margin-bottom:8px; font-weight:500; }
.summary-bar { display:flex; height:8px; border-radius:6px; overflow:hidden; gap:2px; background:var(--surface3); }
.summary-bar-seg { height:100%; transition:width 0.8s ease; }
.summary-bar-legend { display:flex; gap:20px; margin-top:8px; font-size:12px; font-weight:500; }

/* ISSUES SECTION */
.issues-section { margin-bottom:24px; }
.issues-section-title { font-family:var(--font-display); font-size:18px; font-weight:700; margin-bottom:16px; display:flex; flex-direction:column; gap:4px; }
.issues-section-sub { font-size:13px; color:var(--muted); font-family:var(--font-body); font-weight:400; }

/* ISSUE CARDS */
.issue-card { border:1px solid; border-radius:16px; margin-bottom:16px; display:flex; overflow:hidden; animation:fadeUp 0.45s ease both; }
@keyframes fadeUp { from{opacity:0;transform:translateY(14px)} to{opacity:1;transform:translateY(0)} }
.issue-card-strip { width:5px; flex-shrink:0; }
.issue-card-body  { flex:1; padding:clamp(16px,3vw,24px); }
.issue-card-top   { display:flex; gap:14px; margin-bottom:14px; align-items:flex-start; }
.issue-icon       { font-size:28px; flex-shrink:0; margin-top:2px; }
.issue-main       { flex:1; }
.issue-badges     { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:8px; }
.issue-badge      { font-size:10px; font-weight:700; letter-spacing:1px; text-transform:uppercase; padding:3px 10px; border-radius:100px; }
.live-tag  { font-size:9px; font-weight:600; letter-spacing:0.5px; background:rgba(0,229,255,0.08); color:var(--accent); border:1px solid rgba(0,229,255,0.2); border-radius:100px; padding:2px 8px; }
.demo-tag  { font-size:9px; background:rgba(255,255,255,0.04); color:var(--muted); border:1px solid var(--border); border-radius:100px; padding:2px 8px; }
.issue-title  { font-family:var(--font-display); font-size:clamp(14px,2vw,17px); font-weight:700; letter-spacing:-0.3px; margin-bottom:6px; line-height:1.3; }
.issue-impact { font-size:12px; color:var(--muted2); font-weight:500; }
.issue-simple { font-size:14px; color:var(--muted2); line-height:1.75; padding:14px 16px; background:rgba(255,255,255,0.025); border-radius:10px; border:1px solid var(--border); margin-bottom:14px; }

/* FIX SECTION (inside issue card) */
.issue-fix { background:rgba(0,229,255,0.04); border:1px solid rgba(0,229,255,0.15); border-radius:12px; padding:16px 18px; }
.issue-fix-header { display:flex; align-items:center; gap:8px; margin-bottom:10px; flex-wrap:wrap; }
.issue-fix-icon   { font-size:16px; }
.issue-fix-label  { font-family:var(--font-display); font-size:13px; font-weight:700; color:var(--accent); }
.fix-priority-pill { font-size:10px; font-weight:600; letter-spacing:0.3px; padding:3px 10px; border-radius:100px; margin-left:auto; }
.fp-urgent { background:rgba(255,71,87,0.12); color:var(--red); border:1px solid rgba(255,71,87,0.25); }
.fp-soon   { background:rgba(255,176,32,0.12); color:var(--amber); border:1px solid rgba(255,176,32,0.25); }
.fp-later  { background:rgba(0,230,118,0.12); color:var(--green); border:1px solid rgba(0,230,118,0.25); }
.issue-fix-title { font-size:14px; font-weight:600; color:var(--text); margin-bottom:6px; }
.issue-fix-desc  { font-size:13px; color:var(--muted2); line-height:1.65; }

/* NO ISSUES */
.no-issues-box { background:rgba(0,230,118,0.06); border:1px solid rgba(0,230,118,0.2); border-radius:16px; padding:40px; text-align:center; }

/* UPGRADE CARD */
.upgrade-card { display:flex; align-items:center; gap:16px; background:var(--surface2); border:1px solid var(--border2); border-radius:14px; padding:20px 22px; margin-top:8px; flex-wrap:wrap; }
.upgrade-icon  { font-size:28px; flex-shrink:0; }
.upgrade-title { font-family:var(--font-display); font-size:15px; font-weight:700; margin-bottom:4px; }
.upgrade-desc  { font-size:12px; color:var(--muted); line-height:1.5; }
.btn-upgrade   { background:linear-gradient(135deg,var(--accent2),#9d50f5); color:#fff; font-family:var(--font-display); font-weight:700; font-size:13px; border:none; border-radius:10px; padding:11px 20px; cursor:pointer; white-space:nowrap; touch-action:manipulation; }

/* WHAT IS GOOD */
.good-section      { background:rgba(0,230,118,0.04); border:1px solid rgba(0,230,118,0.15); border-radius:16px; padding:clamp(18px,3vw,28px); margin-bottom:20px; }
.good-section-title{ font-family:var(--font-display); font-size:17px; font-weight:700; margin-bottom:16px; color:var(--green); }
.good-list         { display:flex; flex-direction:column; gap:10px; }
.good-item         { display:flex; align-items:flex-start; gap:12px; padding:12px 14px; background:rgba(0,230,118,0.05); border:1px solid rgba(0,230,118,0.12); border-radius:10px; }
.good-icon         { font-size:18px; flex-shrink:0; }
.good-text         { font-size:13px; color:var(--text); line-height:1.55; flex:1; }

/* AI ADVISOR */
.advisor-section { background:linear-gradient(135deg,rgba(124,58,237,0.07),rgba(0,229,255,0.03)); border:1px solid rgba(124,58,237,0.2); border-radius:16px; padding:clamp(18px,3vw,28px); margin-bottom:20px; }
.advisor-header  { display:flex; align-items:flex-start; gap:14px; margin-bottom:18px; }
.advisor-icon    { font-size:28px; flex-shrink:0; }
.advisor-title   { font-family:var(--font-display); font-size:17px; font-weight:700; margin-bottom:4px; }
.advisor-sub     { font-size:12px; color:var(--muted); }
.advisor-body    { font-size:14px; color:#c0ccdf; line-height:1.8; }
.advisor-body p  { margin-bottom:12px; }
.advisor-body p:last-child { margin-bottom:0; }

/* EMAIL DEEP DIVE */
.email-section       { background:var(--surface); border:1px solid var(--border2); border-radius:16px; padding:clamp(18px,3vw,28px); margin-bottom:20px; }
.email-section-title { font-family:var(--font-display); font-size:17px; font-weight:700; margin-bottom:10px; }
.email-section-intro { font-size:13px; color:var(--muted2); line-height:1.6; margin-bottom:18px; padding:12px 14px; background:rgba(255,176,32,0.05); border:1px solid rgba(255,176,32,0.15); border-radius:10px; }
.email-rows          { display:flex; flex-direction:column; gap:12px; }
.email-row           { padding:16px; background:var(--surface2); border-radius:10px; border:1px solid var(--border); }
.email-row-name      { font-family:var(--font-display); font-size:15px; font-weight:700; margin-bottom:4px; display:flex; align-items:center; gap:8px; }
.email-row-plain     { font-size:13px; color:var(--muted2); line-height:1.5; margin-bottom:8px; }
.email-row-status    { font-size:13px; font-weight:600; margin-bottom:6px; }
.email-row-value     { font-family:monospace; font-size:11px; color:var(--muted); background:var(--surface3); padding:6px 10px; border-radius:6px; word-break:break-all; }

/* FOOTER */
.footer-actions       { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px; padding:20px 0; border-top:1px solid var(--border); margin-top:8px; }
.footer-actions-left  { }
.footer-brand         { font-family:var(--font-display); font-weight:800; font-size:15px; margin-bottom:4px; }
.footer-note          { font-size:11px; color:var(--muted); line-height:1.6; }
.footer-actions-right { display:flex; gap:10px; flex-wrap:wrap; }

@media(max-width:560px) {
  .urgency-banner { flex-direction:column; align-items:flex-start; }
  .issue-card-top { flex-direction:column; }
  .rpt-header-actions { width:100%; }
  .btn-download { flex:1; justify-content:center; }
}