/* ═══════════════════════════════════════════════════════════════
   KuyaPH — Report form dark theme
   Extracted from app.js reportDarkStyles injection.
   ═══════════════════════════════════════════════════════════════ */

#content { background: transparent !important; }

#reportForm {
  background: var(--bg-card) !important;
  border-radius: var(--radius-xl);
  border: 1px solid var(--border-light);
  box-shadow: none;
  padding: 2rem; max-width: 100%; margin: 0;
}
#reportForm h1 {
  color: var(--w90); font-weight: 700; letter-spacing: -0.5px;
}
#reportForm label {
  color: var(--text-secondary); font-size: 0.95rem;
}

#reportForm input[type="date"] {
  background: var(--bg-card-hover);
  border: 1px solid var(--border-strong);
  color: var(--w90);
  border-radius: var(--radius-md); padding: 8px 12px; font-size: 1rem;
}
#reportForm input[type="date"]:focus {
  border-color: var(--accent-blue);
  outline: none;
  box-shadow: 0 0 0 2px var(--accent-blue-shadow);
}

#reportForm button {
  background: var(--gradient-blue);
  color: var(--text-white); border: none;
  border-radius: var(--radius-md); padding: 10px 22px;
  font-size: 0.95rem; font-weight: 600;
  cursor: pointer; margin-right: 8px; margin-top: 10px;
  transition: transform var(--transition-fast), box-shadow var(--transition-fast);
}
#reportForm button:hover {
  transform: translateY(-1px);
  box-shadow: var(--shadow-blue);
}
#reportForm .form-errors { color: var(--color-expense); }

#financialReport {
  background: var(--bg-white);
  padding: 2rem; padding-top: 3rem;
  border-radius: var(--radius-md); margin-top: 3rem;
}

/* Premium section (company input/save) on report tab */
.premium-section #companyNameInput {
  background: var(--bg-card-hover) !important;
  border: 1px solid var(--border-strong) !important;
  color: var(--w90) !important;
}
.premium-section #companyNameInput::placeholder {
  color: var(--text-placeholder) !important;
}
.premium-section #saveCompanyButton {
  background: var(--gradient-blue) !important;
  color: var(--text-white) !important;
  border: none !important;
}
.premium-section .suggestions-container {
  background: var(--bg-surface) !important;
  border: 1px solid var(--border-strong) !important;
}
.premium-section .suggestion-item {
  color: var(--w85) !important;
  border-bottom-color: var(--border-light) !important;
}

.premium-section .suggestion-item:hover {
  background: var(--bg-card-hover) !important;
}
.premium-section .suggestion-item .sec-number {
  color: var(--w40) !important;
}