OMS ENTERPRISE DESIGN SYSTEM RULES

1. New modules must use these primitives first:
- .oms-page or .content
- .stats / .dashboard-kpis / .stats-grid
- .card
- .panel
- .oms-grid
- .primary-btn / .secondary-btn
- .badge / .status-pill
- .field-grid / .form-grid

2. Do not add large page-wide visual rules to style.css.
style.css is now only for reset, shell fallback, and emergency compatibility.

3. Module CSS is allowed only for module-specific layout.
Examples: property image gallery, tenant timeline, lease wizard step behavior.

4. Every new page must include includes/header.php and includes/footer.php.

5. All future pages should follow this structure:
include header
<div class="oms-page module-name-page">
  toolbar/search
  stats cards
  panel/grid content
</div>
include footer

6. Use status naming consistently:
- status-active
- status-pending
- status-paid
- status-partial
- status-overdue
- status-expired
- status-terminated
- status-inactive

7. Mobile design must be tested before accepting a module as complete.
