/* Outlook Client - Main CSS File */
/* Import all CSS modules in the CORRECTED order */

/* 1. Variables and foundations */
@import './override.css';
@import './variables.css';
@import './reset.css';

/* 2. Layout and structure */
@import './layout.css';

/* 3. Reusable components */
@import './components.css';

/* 4. Main interface sections */
@import './topbar.css';
@import './commandbar.css';
@import './sidebar.css';
@import './message-list.css';
@import './reader.css';
@import './attachments.css';

/* 5. EMAIL-SPECIFIC STYLES (PRIORITY - moved up) */
@import './microsoft-reader.css';

/* 6. Modal and overlays */
@import './compose.css';
@import './panels.css';
@import './panel.css';
@import './reading-pane.css';

@import './rule-builder.css';

/* 7. Responsive and utilities */
@import './responsive.css';
@import './utilities.css';
@import './searchbar.css';
@import './logout.css';
@import './settings-dropdown.css';
@import './rules.css';
@import './proxy.css';
@import './loadmore.css';
@import './skeleton.css';
@import './cid-images.css';
@import './date-picker.css';
@import './folder-badges.css';
@import './owa-parity.css';

/* 8. CRITICAL: Email isolation overrides */
/* These styles ensure email content is isolated from global styles */
.reader-body .email-content-isolation {
  /* Force isolation from parent grid/flex contexts */
  position: relative !important;
  display: block !important;
  
  /* Prevent inheritance of problematic styles */
  grid-column: unset !important;
  grid-row: unset !important;
  flex: none !important;
  
  /* Ensure proper text rendering */
  text-rendering: auto !important;
  font-feature-settings: normal !important;
  font-variant-ligatures: normal !important;
}