/**
 * MJB AI Document Formatter - Custom Styles
 *
 * This file is for your custom CSS overrides to match your brand or Odoo environment.
 * Changes here will persist across application updates.
 *
 * Tips:
 * - Use CSS custom properties (variables) for easy theming
 * - Override both :root (dark theme) and body.light-theme (light theme) if needed
 * - Test in both themes to ensure consistent appearance
 */

/* ============================================================================
   THEME COLOR OVERRIDES
   ============================================================================ */

/*
 * Example: Change primary brand color to match your company
 * Uncomment and adjust the color value below
 */
/*
:root {
  --primary: #0ea5e9;
  --primary-hover: #0284c7;
  --primary-light: rgba(14, 165, 233, 0.1);
  --primary-glow: rgba(14, 165, 233, 0.3);
}
*/

/*
 * Example: Adjust dark theme background colors
 * Uncomment to use a different dark theme palette
 */
/*
:root {
  --bg-dark: #0f172a;
  --bg-card: #1e293b;
  --bg-card-hover: #334155;
}
*/

/*
 * Example: Adjust light theme colors
 * Uncomment to customize the light theme
 */
/*
body.light-theme {
  --bg-dark: #f8fafc;
  --bg-card: #ffffff;
  --bg-card-hover: #f1f5f9;
}
*/

/* ============================================================================
   COMPONENT OVERRIDES
   ============================================================================ */

/*
 * Example: Hide the theme toggle button (if embedding in Odoo)
 * Uncomment to hide the theme toggle
 */
/*
.theme-toggle {
  display: none !important;
}
*/

/*
 * Example: Adjust app header styling
 * Uncomment to customize the header
 */
/*
.app-header h1 {
  font-size: 2rem;
  color: var(--primary);
}
*/

/*
 * Example: Change button styling
 * Uncomment to customize buttons
 */
/*
.btn-primary {
  background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
  border-radius: 8px;
}
*/

/*
 * Example: Modify card appearance
 * Uncomment to adjust card styling
 */
/*
.card {
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
*/

/* ============================================================================
   EMBEDDING IN ODOO OR IFRAME
   ============================================================================ */

/*
 * Example: Remove margins and padding for iframe embedding
 * Uncomment if embedding in Odoo iframe
 */
/*
body {
  margin: 0;
  padding: 0;
}

.app {
  min-height: auto;
}

.main {
  padding: 1rem;
  max-width: 100%;
}

.footer {
  display: none;
}
*/

/* ============================================================================
   RESPONSIVE ADJUSTMENTS
   ============================================================================ */

/*
 * Example: Mobile-specific overrides
 * Uncomment to customize mobile view
 */
/*
@media (max-width: 640px) {
  .app-header h1 {
    font-size: 1.25rem;
  }

  .card {
    padding: 1rem;
  }
}
*/

/* ============================================================================
   YOUR CUSTOM STYLES BELOW
   ============================================================================ */

/* Add your custom CSS here */