/* RLTV Growth Optimizer — Frontend Styles */

/* ── Case Brief Cards ──────────────────────────────────── */
.rltv-case-card {
  border: 1px solid #e0e0e0; border-radius: 10px; padding: 24px;
  margin: 24px 0; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.06);
}
.rltv-case-header { margin-bottom: 16px; }
.rltv-case-meta { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 10px; }
.rltv-status-badge, .rltv-court-badge {
  display: inline-block; padding: 3px 10px; border-radius: 20px; font-size: 12px; font-weight: 600;
}
.rltv-status-badge { background: #dbeafe; color: #1d4ed8; }
.rltv-court-badge  { background: #f3e8ff; color: #7e22ce; }
.rltv-docket { font-size: 12px; color: #6b7280; padding: 3px 8px; }
.rltv-case-name { font-size: 20px; margin: 0; }
.rltv-case-issues ul { padding-left: 20px; margin: 8px 0; }
.rltv-case-issues li { margin-bottom: 4px; font-size: 14px; }
.rltv-case-outcome { background: #f0fdf4; border-left: 3px solid #22c55e; padding: 10px 14px; border-radius: 0 6px 6px 0; margin: 12px 0; font-size: 14px; }
.rltv-amicus-link { display: inline-block; margin-top: 10px; color: #1d4ed8; font-size: 14px; }
.rltv-sig-bar { width:100%; height:5px; background:#e5e7eb; border-radius:3px; margin-top:8px; }
.rltv-sig-fill { height:5px; background: linear-gradient(to right,#2563eb,#7c3aed); border-radius:3px; }

/* Case Brief Archive */
.rltv-cb-archive { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:20px; }
.rltv-cb-entry { border:1px solid #e0e0e0; border-radius:8px; padding:18px; background:#fff; transition:box-shadow .2s; }
.rltv-cb-entry:hover { box-shadow:0 4px 16px rgba(0,0,0,.1); }
.rltv-cb-entry-meta { margin-bottom:8px; }
.rltv-cb-entry h3 { margin:8px 0; font-size:16px; }
.rltv-excerpt { font-size:13px; color:#6b7280; }
.rltv-read-more { display:inline-block; margin-top:10px; color:#2563eb; font-size:13px; font-weight:600; text-decoration:none; }

/* ── Liberty Index ─────────────────────────────────────── */
.rltv-liberty-index { margin: 24px 0; }
.rltv-li-header { margin-bottom:16px; }
.rltv-li-header h2 { font-size:22px; margin-bottom:6px; }
.rltv-li-table-wrap { overflow-x:auto; }
.rltv-li-table { width:100%; border-collapse:collapse; font-size:13px; }
.rltv-li-table th { background:#1e3a5f; color:#fff; padding:10px 12px; text-align:left; font-size:12px; text-transform:uppercase; letter-spacing:.04em; }
.rltv-li-table td { padding:9px 12px; border-bottom:1px solid #e5e7eb; }
.rltv-li-table tr:hover td { background:#f9fafb; }
.rltv-grade { display:inline-block; padding:2px 8px; border-radius:4px; font-size:13px; font-weight:700; }
.rltv-grade-a { background:#dcfce7; color:#166534; }
.rltv-grade-b { background:#dbeafe; color:#1e40af; }
.rltv-grade-c { background:#fef9c3; color:#854d0e; }
.rltv-grade-d { background:#fee2e2; color:#991b1b; }
.rltv-score-mini { font-size:12px; font-weight:700; }
.rltv-score-bar { width:80px; height:5px; background:#e5e7eb; border-radius:3px; margin-top:3px; }
.rltv-score-bar > div { height:5px; background:linear-gradient(to right,#2563eb,#7c3aed); border-radius:3px; }

/* ── Expert Directory ──────────────────────────────────── */
.rltv-expert-directory { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:20px; margin:24px 0; }
.rltv-expert-card { border:1px solid #e0e0e0; border-radius:8px; padding:18px; background:#fff; display:flex; gap:14px; }
.rltv-expert-photo img { width:60px; height:60px; border-radius:50%; object-fit:cover; }
.rltv-expert-info h3 { margin:0 0 4px; font-size:15px; }
.rltv-expert-title, .rltv-expert-org { font-size:12px; color:#6b7280; }
.rltv-expert-spec { font-size:12px; margin-top:4px; }
.rltv-expert-bars { font-size:11px; color:#9ca3af; margin-top:2px; }
.rltv-avail-badge { display:inline-block; margin-top:6px; padding:2px 8px; background:#dcfce7; color:#166534; border-radius:20px; font-size:11px; font-weight:600; }
.rltv-expert-links { margin-top:8px; display:flex; gap:10px; flex-wrap:wrap; }
.rltv-expert-links a { font-size:12px; color:#2563eb; }

/* Expert Apply Form */
.rltv-apply-form-wrap { max-width:600px; padding:24px; border:1px solid #e0e0e0; border-radius:10px; background:#fff; margin:24px 0; }
.rltv-apply-form label { display:block; margin-bottom:14px; font-weight:600; font-size:14px; }
.rltv-apply-form input, .rltv-apply-form select, .rltv-apply-form textarea { width:100%; margin-top:4px; padding:8px 12px; border:1px solid #d1d5db; border-radius:6px; font-size:14px; font-family:inherit; }
.rltv-apply-form textarea { min-height:80px; }
.rltv-submit-btn { background:#1e3a5f; color:#fff; border:none; padding:10px 24px; border-radius:6px; font-size:15px; font-weight:600; cursor:pointer; }
.rltv-apply-success { background:#dcfce7; border:1px solid #86efac; border-radius:8px; padding:16px; color:#166534; font-weight:600; }

/* ── Amicus Tracker ────────────────────────────────────── */
.rltv-amicus-tracker { margin:24px 0; }
.rltv-tracker-header h2 { font-size:22px; margin-bottom:6px; }
.rltv-search-form { display:flex; gap:8px; margin-top:12px; max-width:480px; }
.rltv-search-form input { flex:1; padding:8px 12px; border:1px solid #d1d5db; border-radius:6px; font-size:14px; }
.rltv-search-form button { background:#1e3a5f; color:#fff; border:none; padding:8px 16px; border-radius:6px; cursor:pointer; }
.rltv-tracker-table { width:100%; border-collapse:collapse; font-size:13px; margin-top:16px; overflow-x:auto; display:block; }
.rltv-tracker-table th { background:#1e3a5f; color:#fff; padding:9px 12px; text-align:left; }
.rltv-tracker-table td { padding:9px 12px; border-bottom:1px solid #e5e7eb; }
.rltv-tracker-table tr:hover td { background:#f9fafb; }
.rltv-tracker-table a { color:#2563eb; }

/* ── Legislative Alerts ────────────────────────────────── */
.rltv-leg-alerts { margin:24px 0; }
.rltv-leg-header h2 { font-size:22px; margin-bottom:6px; }
.rltv-leg-filter { display:flex; align-items:center; gap:10px; margin-top:12px; flex-wrap:wrap; }
.rltv-leg-filter select { padding:7px 12px; border:1px solid #d1d5db; border-radius:6px; font-size:14px; }
.rltv-alerts-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:16px; margin-top:20px; }
.rltv-alert-card { border:1px solid #e0e0e0; border-radius:8px; padding:16px; background:#fff; }
.rltv-urg-critical { border-top:4px solid #ef4444; }
.rltv-urg-high { border-top:4px solid #f97316; }
.rltv-urg-med { border-top:4px solid #eab308; }
.rltv-urg-low { border-top:4px solid #22c55e; }
.rltv-alert-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; }
.rltv-alert-type { font-size:12px; font-weight:600; }
.rltv-urg-badge { font-size:11px; padding:2px 8px; border-radius:20px; background:#fee2e2; color:#991b1b; font-weight:600; }
.rltv-alert-card h3 { margin:0 0 8px; font-size:15px; }
.rltv-alert-card h3 a { color:inherit; text-decoration:none; }
.rltv-alert-meta { display:flex; gap:12px; flex-wrap:wrap; font-size:12px; color:#6b7280; margin-bottom:8px; }
.rltv-urgent-date { color:#ef4444; font-weight:700; }
.rltv-alert-card p { font-size:13px; color:#374151; margin:0 0 10px; }
.rltv-alert-links { display:flex; gap:12px; }
.rltv-alert-links a { font-size:13px; color:#2563eb; text-decoration:none; font-weight:600; }

/* ── Social Share Bar ──────────────────────────────────── */
.rltv-share-bar {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  padding: 16px 20px; margin: 24px 0;
  border: 1px solid #e0e0e0; border-radius: 8px; background: #f9fafb;
}
.rltv-share-label { font-size: 13px; font-weight: 700; color: #374151; margin-right: 4px; }
.rltv-share-btn {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 7px 14px; border-radius: 6px; font-size: 13px; font-weight: 600;
  text-decoration: none; transition: opacity .2s;
}
.rltv-share-btn:hover { opacity: .85; }
.rltv-share-li  { background: #0a66c2; color: #fff; }
.rltv-share-tw  { background: #000; color: #fff; }
.rltv-share-fb  { background: #1877f2; color: #fff; }
.rltv-share-em  { background: #6b7280; color: #fff; }

/* ── Audience Segment CTAs ─────────────────────────────── */
.rltv-seg-cta {
  display: flex; gap: 16px; align-items: flex-start;
  padding: 20px 24px; border-radius: 8px; margin: 24px 0;
  background: linear-gradient(135deg, #f8f9ff, #f0f4ff);
  border-left: 4px solid #2563eb;
}
.rltv-seg-icon { font-size: 32px; flex-shrink: 0; }
.rltv-seg-body h4 { margin: 0 0 6px; font-size: 17px; }
.rltv-seg-body p { margin: 0 0 12px; font-size: 14px; color: #374151; }
.rltv-seg-btn {
  display: inline-block; padding: 9px 20px; border-radius: 6px;
  background: #1e3a5f; color: #fff !important; font-size: 14px;
  font-weight: 700; text-decoration: none; transition: opacity .2s;
}
.rltv-seg-btn:hover { opacity: .85; }

/* ── Reader Identify Widget ────────────────────────────── */
.rltv-reader-id { border:1px solid #e0e0e0; border-radius:10px; padding:24px; margin:24px 0; background:#fff; text-align:center; }
.rltv-reader-id h3 { font-size:20px; margin-bottom:8px; }
.rltv-persona-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:12px; margin-top:16px; }
.rltv-persona-card {
  border:1px solid #e0e0e0; border-radius:8px; padding:16px; text-decoration:none; color:inherit;
  transition:all .2s; display:block;
}
.rltv-persona-card:hover { border-color:#2563eb; box-shadow:0 2px 8px rgba(37,99,235,.15); }
.rltv-persona-icon { font-size:28px; margin-bottom:6px; }
.rltv-persona-card strong { display:block; font-size:14px; margin-bottom:2px; }
.rltv-persona-card span { font-size:12px; color:#6b7280; }

/* ── Webinar CTA ───────────────────────────────────────── */
.rltv-webinar-cta {
  background: linear-gradient(135deg, #1e3a5f, #2d1b69);
  color: #fff; border-radius: 10px; padding: 24px; margin: 24px 0;
}
.rltv-webinar-badge { background:rgba(255,255,255,.15); padding:3px 12px; border-radius:20px; font-size:12px; font-weight:600; }
.rltv-webinar-header h3 { margin:10px 0 6px; font-size:20px; color:#fff; }
.rltv-webinar-when { font-size:14px; color:#cbd5e1; margin-bottom:12px; }
.rltv-webinar-topics, .rltv-webinar-speakers { font-size:14px; margin-bottom:12px; color:#e2e8f0; }
.rltv-webinar-speakers ul { padding-left:18px; margin:4px 0; }
.rltv-webinar-btn {
  display:inline-block; padding:10px 24px; background:#fff; color:#1e3a5f !important;
  font-weight:700; border-radius:6px; text-decoration:none; font-size:14px; transition:opacity .2s;
}
.rltv-webinar-btn:hover { opacity:.9; }
.rltv-webinar-rec { background:#22c55e; color:#fff !important; }

/* Webinar list */
.rltv-webinar-list { margin:24px 0; }
.rltv-webinar-item { display:flex; gap:16px; padding:14px 0; border-bottom:1px solid #e5e7eb; }
.rltv-webinar-date { min-width:70px; font-weight:700; font-size:13px; color:#6b7280; }
.rltv-webinar-item-body h4 { margin:0 0 4px; font-size:15px; }
.rltv-webinar-item-body p { margin:0 0 6px; font-size:13px; color:#6b7280; }
.rltv-webinar-item-body a { font-size:13px; color:#2563eb; font-weight:600; }

@media (max-width:640px) {
  .rltv-share-bar { flex-direction:column; align-items:flex-start; }
  .rltv-seg-cta { flex-direction:column; }
  .rltv-expert-directory, .rltv-alerts-grid, .rltv-cb-archive { grid-template-columns:1fr; }
}
