/* === Board Tools — front-end styles ===
   Loaded on every front-end page (see the main plugin file), same as
   public.css, so it's available wherever /board-tools content renders.
   Provides front-end equivalents of a few classes that already exist in
   admin.css but only work inside wp-admin (wp-admin's own core CSS
   supplies their real definitions there — .seo-badge, .seo-modal). */

.seo-board-portal { max-width: 1000px; }

.seo-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.seo-table th, .seo-table td { text-align: left; padding: 10px 12px; border-bottom: 1px solid #eee; }
.seo-table th { background: #f8f9fa; font-weight: 600; color: #444; white-space: nowrap; }
.seo-table tbody tr:hover { background: #fafbfc; }

.seo-badge { display: inline-block; padding: 2px 8px; border-radius: 3px; font-size: 12px; font-weight: 600; }
.seo-badge-active { background: #d4edda; color: #155724; }
.seo-badge-inactive { background: #f8d7da; color: #721c24; }

.seo-modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; }
.seo-modal-backdrop { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); }
.seo-modal-content { position: relative; background: #fff; padding: 30px; border-radius: 8px; min-width: 320px; max-width: 400px; box-shadow: 0 8px 32px rgba(0,0,0,0.2); }
.seo-modal-content h3 { margin-top: 0; }
.seo-modal-actions { margin-top: 16px; display: flex; gap: 8px; }

.seo-board-portal h4 { margin: 24px 0 10px; padding-bottom: 6px; border-bottom: 1px solid #eee; font-size: 15px; color: #444; }
.seo-board-portal h4:first-of-type { margin-top: 4px; }