/* SnapSite AI Meeting System v2.0.0 | Help & FED Panel CSS */

/* ─────────────────────────────────────────────────────────────────────────────
   FED DASHBOARD PANEL
───────────────────────────────────────────────────────────────────────────── */
.sams-fed-panel { font-family: 'Outfit', -apple-system, sans-serif; }

/* Stats row */
.sams-fed-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 16px; }
.sams-fed-stat { display: flex; flex-direction: column; align-items: center; background: #fff; border: 1px solid #E2E8F0; border-radius: 10px; padding: 14px 8px; text-decoration: none; transition: box-shadow .15s, transform .15s; }
.sams-fed-stat:hover { box-shadow: 0 4px 14px rgba(0,0,0,.1); transform: translateY(-2px); }
.sams-fed-stat-icon  { font-size: 22px; margin-bottom: 4px; }
.sams-fed-stat-value { font-size: 28px; font-weight: 800; color: #0B1D3A; line-height: 1; }
.sams-fed-stat-label { font-size: 11px; color: #718096; margin-top: 3px; text-align: center; font-weight: 500; }
.sams-fed-stat-warn  { border-top: 3px solid #E8A838; }
.sams-fed-stat-info  { border-top: 3px solid #1258C2; }

/* Two-column body */
.sams-fed-body { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.sams-fed-col  { display: flex; flex-direction: column; gap: 14px; }
.sams-fed-card { background: #fff; border: 1px solid #E2E8F0; border-radius: 10px; padding: 14px 16px; box-shadow: 0 1px 4px rgba(0,0,0,.06); }
.sams-fed-card-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.sams-fed-card-head span { font-size: 13px; font-weight: 700; color: #0B1D3A; }
.sams-fed-edit-link  { font-size: 12px; color: #1258C2; text-decoration: none; }
.sams-fed-edit-link:hover { text-decoration: underline; }

/* Next meeting card */
.sams-fed-next       { border-top: 3px solid #1258C2; }
.sams-fed-next-inner { display: flex; gap: 14px; align-items: flex-start; margin-bottom: 12px; }
.sams-fed-cal-block  { text-align: center; background: #0B1D3A; border-radius: 8px; padding: 8px 12px; min-width: 56px; flex-shrink: 0; }
.sams-fed-cal-mon    { font-size: 11px; font-weight: 700; color: #E8A838; text-transform: uppercase; letter-spacing: 1px; }
.sams-fed-cal-day    { font-size: 28px; font-weight: 800; color: white; line-height: 1; }
.sams-fed-cal-dow    { font-size: 9px; color: #CBD5E0; margin-top: 2px; }
.sams-fed-next-board  { font-size: 11px; font-weight: 700; color: #1258C2; text-transform: uppercase; letter-spacing: .5px; }
.sams-fed-next-title  { font-size: 14px; font-weight: 600; color: #0B1D3A; margin: 2px 0 4px; line-height: 1.3; }
.sams-fed-next-meta   { font-size: 12px; color: #718096; margin-bottom: 2px; }
.sams-fed-next-status { margin-top: 6px; }
.sams-fed-next-actions { display: flex; gap: 8px; border-top: 1px solid #F7F8FA; padding-top: 10px; }

/* Alerts list */
.sams-fed-alert-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 6px; }
.sams-fed-alert-list li { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 6px 0; border-bottom: 1px solid #F7F8FA; }
.sams-fed-alert-list li a { flex: 1; text-decoration: none; color: #2D3748; }
.sams-fed-alert-list li a strong { display: block; font-size: 13px; }
.sams-fed-alert-list li a span   { font-size: 11px; color: #718096; }
.sams-fed-alert-list li a:hover strong { color: #1258C2; }

/* Meetings list */
.sams-fed-meeting-list { list-style: none; padding: 0; margin: 0; }
.sams-fed-meeting-list li { border-bottom: 1px solid #F7F8FA; }
.sams-fed-meeting-list li:last-child { border-bottom: none; }
.sams-fed-meeting-row { display: flex; align-items: center; gap: 10px; padding: 7px 0; text-decoration: none; }
.sams-fed-meeting-row:hover .sams-fed-meeting-info strong { color: #1258C2; }
.sams-fed-meeting-date { font-size: 12px; font-weight: 700; color: #1258C2; min-width: 40px; flex-shrink: 0; }
.sams-fed-meeting-info { flex: 1; }
.sams-fed-meeting-info strong { display: block; font-size: 13px; color: #0B1D3A; font-weight: 600; }
.sams-fed-meeting-info small   { font-size: 11px; color: #718096; }
.sams-fed-meeting-badges { display: flex; gap: 3px; }
.sams-fed-empty { font-size: 13px; color: #718096; font-style: italic; padding: 8px 0; }

/* Quick actions grid */
.sams-fed-quick-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.sams-fed-quick-btn  { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 10px 6px; background: #F7F8FA; border: 1px solid #E2E8F0; border-radius: 8px; text-decoration: none; transition: all .15s; }
.sams-fed-quick-btn span:first-child { font-size: 18px; }
.sams-fed-quick-btn span:last-child  { font-size: 11px; color: #2D3748; font-weight: 500; text-align: center; }
.sams-fed-quick-btn:hover { background: #1258C2; border-color: #1258C2; }
.sams-fed-quick-btn:hover span:last-child { color: white; }

/* Badges */
.sams-fed-badge       { display: inline-block; padding: 2px 8px; border-radius: 20px; font-size: 11px; font-weight: 600; }
.sams-fed-badge-ok    { background: #F0FFF4; color: #276749; border: 1px solid #9AE6B4; }
.sams-fed-badge-warn  { background: #FFFBEA; color: #744210; border: 1px solid #F6E05E; }
.sams-fed-badge-draft { background: #F7F8FA; color: #718096; border: 1px solid #E2E8F0; }
.sams-fed-badge-xs    { padding: 1px 5px; font-size: 10px; border-radius: 10px; font-weight: 800; }

/* Buttons */
.sams-fed-btn         { display: inline-flex; align-items: center; gap: 4px; padding: 7px 12px; border-radius: 6px; background: #F7F8FA; border: 1px solid #E2E8F0; font-size: 12px; font-weight: 500; color: #2D3748; text-decoration: none; cursor: pointer; transition: all .15s; }
.sams-fed-btn:hover   { background: #E2E8F0; color: #0B1D3A; }
.sams-fed-btn-primary { background: #1258C2; color: white; border-color: #1258C2; }
.sams-fed-btn-primary:hover { background: #0E47A1; color: white; }
.sams-fed-btn-xs      { padding: 4px 8px; font-size: 11px; border-radius: 4px; flex-shrink: 0; }

/* ─────────────────────────────────────────────────────────────────────────────
   HELP / INSTRUCTIONS PAGE
───────────────────────────────────────────────────────────────────────────── */
.sams-help { font-family: 'Outfit', -apple-system, sans-serif; color: #2D3748; max-width: 960px; margin: 0 auto; }

/* Header */
.sams-help-header { background: linear-gradient(135deg, #0B1D3A 0%, #1258C2 100%); border-radius: 16px; padding: 36px 40px; margin-bottom: 32px; display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.sams-help-header-text h1 { font-size: 26px; font-weight: 800; color: white; margin: 0 0 8px; }
.sams-help-header-text p  { font-size: 15px; color: #CBD5E0; margin: 0; }
.sams-help-cta { background: #E8A838; color: #0B1D3A; padding: 12px 24px; border-radius: 8px; text-decoration: none; font-weight: 700; font-size: 14px; white-space: nowrap; flex-shrink: 0; transition: opacity .15s; }
.sams-help-cta:hover { opacity: .9; }

/* Nav */
.sams-help-nav { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 32px; padding: 12px 16px; background: #F7F8FA; border-radius: 10px; border: 1px solid #E2E8F0; }
.sams-help-nav a { padding: 6px 12px; border-radius: 6px; text-decoration: none; font-size: 13px; font-weight: 500; color: #1258C2; background: white; border: 1px solid #E2E8F0; transition: all .15s; }
.sams-help-nav a:hover { background: #1258C2; color: white; border-color: #1258C2; }

/* Section */
.sams-help-section { margin-bottom: 48px; scroll-margin-top: 80px; }
.sams-help-step-badge { display: inline-block; background: #EBF8FF; color: #2C5282; border: 1px solid #90CDF4; border-radius: 20px; padding: 3px 12px; font-size: 12px; font-weight: 700; margin-bottom: 8px; }
.sams-help-section h2 { font-size: 22px; font-weight: 700; color: #0B1D3A; margin: 0 0 20px; padding-bottom: 10px; border-bottom: 3px solid #E8A838; display: inline-block; }

/* Content layout */
.sams-help-content { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: start; }
.sams-help-content-wide { grid-template-columns: 1fr; }
.sams-help-visual { display: flex; align-items: center; justify-content: center; }
.sams-help-visual-top { margin-bottom: 24px; }
.sams-help-svg { width: 100%; max-width: 320px; height: auto; border-radius: 12px; box-shadow: 0 4px 16px rgba(0,0,0,.08); }

/* Steps list */
.sams-help-steps { padding-left: 20px; margin: 12px 0; display: flex; flex-direction: column; gap: 8px; }
.sams-help-steps li { font-size: 14px; line-height: 1.6; padding-left: 4px; }
.sams-help-steps li strong { color: #0B1D3A; }
.sams-help-steps a { color: #1258C2; }
code { background: #EEF2F7; border: 1px solid #E2E8F0; border-radius: 4px; padding: 1px 6px; font-size: 12px; color: #553C9A; }

/* Tip box */
.sams-help-tip { background: #FFFBEA; border-left: 4px solid #E8A838; border-radius: 0 8px 8px 0; padding: 12px 14px; margin: 14px 0; font-size: 13px; line-height: 1.6; color: #5F370E; }
.sams-help-tip strong { color: #744210; }

/* Action button */
.sams-help-action-btn { display: inline-block; background: #1258C2; color: white; padding: 10px 20px; border-radius: 8px; text-decoration: none; font-size: 14px; font-weight: 600; margin-top: 12px; transition: background .15s; }
.sams-help-action-btn:hover { background: #0E47A1; color: white; }

/* Methods grid (Step 4) */
.sams-help-methods { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin: 16px 0; }
.sams-help-method { background: #F7F8FA; border: 1px solid #E2E8F0; border-radius: 10px; padding: 14px; text-align: center; }
.sams-help-method-icon { font-size: 24px; margin-bottom: 6px; }
.sams-help-method h4 { font-size: 13px; font-weight: 700; color: #0B1D3A; margin: 0 0 6px; }
.sams-help-method p  { font-size: 12px; color: #718096; margin: 0; line-height: 1.5; }

/* Version flow (Step 6) */
.sams-help-version-diagram { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin: 16px 0; padding: 16px; background: #F7F8FA; border-radius: 10px; }
.sams-help-status { padding: 6px 14px; border-radius: 20px; font-size: 13px; font-weight: 600; }
.sams-help-status-draft     { background: #F7F8FA; color: #718096; border: 1px solid #E2E8F0; }
.sams-help-status-review    { background: #FFFBEA; color: #744210; border: 1px solid #F6E05E; }
.sams-help-status-approved  { background: #EBF8FF; color: #2C5282; border: 1px solid #90CDF4; }
.sams-help-status-published { background: #F0FFF4; color: #276749; border: 1px solid #9AE6B4; font-weight: 800; }
.sams-help-arrow { font-size: 16px; color: #1258C2; font-weight: 700; }

/* Portal feature grid (Step 8) */
.sams-help-portal-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.sams-help-portal-item { background: #fff; border: 1px solid #E2E8F0; border-radius: 10px; padding: 18px 14px; text-align: center; box-shadow: 0 1px 4px rgba(0,0,0,.05); }
.sams-help-portal-icon { font-size: 28px; margin-bottom: 8px; }
.sams-help-portal-item h4 { font-size: 14px; font-weight: 700; color: #0B1D3A; margin: 0 0 6px; }
.sams-help-portal-item p  { font-size: 12px; color: #718096; margin: 0; line-height: 1.5; }
.sams-help-portal-item code { font-size: 11px; }

/* FAQ */
.sams-help-faq { background: #F7F8FA; border-radius: 16px; padding: 28px; }
.sams-help-faq h2 { border-bottom-color: #1258C2; }
.sams-help-faqs { display: flex; flex-direction: column; gap: 8px; }
.sams-help-faq-item { background: white; border: 1px solid #E2E8F0; border-radius: 10px; overflow: hidden; }
.sams-help-faq-item summary { padding: 14px 18px; font-size: 14px; font-weight: 600; color: #0B1D3A; cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; }
.sams-help-faq-item summary::-webkit-details-marker { display: none; }
.sams-help-faq-item summary::after { content: '+'; font-size: 18px; color: #1258C2; font-weight: 300; flex-shrink: 0; }
.sams-help-faq-item[open] summary::after { content: '−'; }
.sams-help-faq-item[open] summary { border-bottom: 1px solid #E2E8F0; }
.sams-help-faq-item p { padding: 14px 18px; margin: 0; font-size: 14px; color: #4A5568; line-height: 1.7; }

/* Shortcode table */
.sams-help-shortcodes { overflow-x: auto; }
.sams-help-sc-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.sams-help-sc-table th { background: #0B1D3A; color: white; padding: 10px 14px; text-align: left; font-size: 12px; text-transform: uppercase; letter-spacing: .5px; }
.sams-help-sc-table td { padding: 10px 14px; border-bottom: 1px solid #E2E8F0; vertical-align: middle; }
.sams-help-sc-table tr:hover td { background: #F7F8FA; }
.sams-help-sc-divider td { border-top: 3px solid #E2E8F0; padding-top: 14px; }
.sams-help-sc-table code { font-size: 13px; background: #EEF2F7; padding: 2px 8px; border-radius: 4px; color: #553C9A; white-space: nowrap; }

/* Responsive */
@media (max-width: 768px) {
  .sams-fed-body   { grid-template-columns: 1fr; }
  .sams-fed-stats  { grid-template-columns: repeat(2, 1fr); }
  .sams-fed-quick-grid { grid-template-columns: repeat(2, 1fr); }
  .sams-help-content { grid-template-columns: 1fr; }
  .sams-help-methods { grid-template-columns: 1fr; }
  .sams-help-portal-grid { grid-template-columns: 1fr 1fr; }
  .sams-help-header { flex-direction: column; }
}
@media (max-width: 480px) {
  .sams-fed-stats { grid-template-columns: 1fr 1fr; }
  .sams-help-portal-grid { grid-template-columns: 1fr; }
  .sams-help-version-diagram { justify-content: center; }
}