/* ============================================================
   dashboard-integration-shim.css
   Added by the Master Integration pass.

   The reconstructed pages (index.html, customer.html, partner.html)
   use several utility class names (dash-header, dash-grid, field-hint,
   field-error, full-width, btn-secondary, tabs/tab, progress-track/
   progress-fill, unread, badge) that do not exist in AI 3's original
   style.css. Rather than silently ship visually-broken pages, or
   guess at rewriting AI 3's real design system to match classes that
   were never delivered alongside a real page set, this is a minimal,
   clearly-separated supplementary stylesheet covering only what the
   reconstructed pages need. If AI 3's real page set is ever located,
   this file (and the class names in the three reconstructed pages)
   should be discarded in favor of the original design.
   ============================================================ */

.dash-header { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.5rem; border-bottom: 1px solid #e2e2e2; }
.dash-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1rem; padding: 1.5rem; }
.full-width { grid-column: 1 / -1; }
.field-hint { color: #6b7280; font-size: 0.875rem; }
.field-error { color: #b91c1c; font-size: 0.875rem; }
.btn-secondary { background: #f3f4f6; border: 1px solid #d1d5db; border-radius: 6px; padding: 0.5rem 1rem; cursor: pointer; }
.tabs { display: flex; gap: 0.5rem; margin-bottom: 1rem; }
.tab { background: none; border: none; border-bottom: 2px solid transparent; padding: 0.5rem 1rem; cursor: pointer; }
.tab.active { border-bottom-color: currentColor; font-weight: 600; }
.progress-track { background: #e5e7eb; border-radius: 999px; height: 8px; margin-top: 0.5rem; }
.progress-fill { background: #16a34a; height: 100%; border-radius: 999px; width: 0%; transition: width 0.3s; }
.list-row { display: flex; justify-content: space-between; gap: 1rem; padding: 0.5rem 0; border-bottom: 1px solid #f0f0f0; }
.list-row.unread { font-weight: 600; }
.big-stat { font-size: 1.75rem; font-weight: 700; }
.auth-page { display: flex; align-items: center; justify-content: center; min-height: 100vh; }
.auth-card { max-width: 400px; width: 100%; padding: 2rem; }
.badge { font-size: 0.7rem; background: #fef3c7; color: #92400e; padding: 0.15rem 0.5rem; border-radius: 4px; margin-left: 0.5rem; }