/**
 * Accounting Report – Frontend Override v1.1
 *
 * The frontend loads the full admin-style.css so every component looks
 * identical to the backend.  This tiny file just neutralises the few
 * WordPress-admin-specific structural rules that would look wrong on a
 * public page (e.g. the .wrap left-margin, wp-admin body colours).
 * It does NOT change any colours, flex layouts, cards, buttons or tables.
 */

/* Remove the left-margin that WP Admin's .wrap adds */
.ar-frontend-page .wrap,
.ar-frontend-page .accounting-report-wrap {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
}

/* Ensure the page container fills the content area */
.ar-frontend-page {
    width: 100%;
    box-sizing: border-box;
}

/* Dashicons: make sure they render on the frontend */
.ar-frontend-page .dashicons {
    font-family: dashicons !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* The modal overlay should cover the full viewport, not just the admin area */
.ar-modal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 99999 !important;
}

/* Prevent the WordPress theme from overriding table styles inside our cards */
.ar-frontend-page .ar-data-table,
.ar-frontend-page .ar-data-table th,
.ar-frontend-page .ar-data-table td {
    box-sizing: border-box;
}

/* Ensure form inputs aren't overridden by theme resets */
.ar-frontend-page .ar-form-input,
.ar-frontend-page .ar-form-select,
.ar-frontend-page .ar-form-textarea {
    box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
}