/**
 * Filename: public/stylesheets/dashboard.css
 * Revision: 2025-12-18-01
 * Description: Dashboard layout styles - .dashboard container and .main-content
 */

/* ===== DASHBOARD LAYOUT ===== */
.dashboard {
  display: flex;
  min-height: 100vh;
  background: #f3f4f6;
}

/* ===== MAIN CONTENT ===== */
.main-content {
  flex: 1;
  background: #f8fafc;
  padding: 0 32px 24px 32px;
  overflow-y: auto;
  margin-left: 65px;
  min-height: calc(100vh - 56px);
}

/* ===== HEADER ADDITIONS ===== */
.header-brand .plan-badge {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 4px 10px;
  border-radius: 4px;
  background: linear-gradient(135deg, #3b82f6, #8b5cf6);
  color: #fff;
  white-space: nowrap;
}

.brand-name {
  font-size: 16px;
  font-weight: 600;
  color: #1f2937;
  padding-left: 12px;
  border-left: 1px solid #e5e7eb;
}

/* ===== DARK MODE ===== */
[data-theme="dark"] .dashboard {
  background: #0f1927;
}

[data-theme="dark"] .main-content {
  background: #0f1927;
}

[data-theme="dark"] .brand-name {
  color: #f9fafb;
  border-left-color: #1e3a5f;
}