/* ============================================================================
   Application-level overrides layered on top of KeenThemes style.bundle.css.
   Keep this file small and targeted — prefer per-page utilities when possible.
   ============================================================================ */

/* Give table-responsive wrappers horizontal breathing room so the first
   and last columns don't sit flush against the border. */
.table-responsive {
    padding-inline: 1rem;
}

/* Standardize typography inside data tables: the KeenThemes template uses
   .font-monospace for IDs and codes, which visually breaks with the rest
   of the app. Force the app's default sans-serif stack everywhere. */
.table .font-monospace,
.table-responsive .font-monospace {
    font-family: inherit !important;
}

/* Sidebar toggle rotation:
   Markup starts with .rotate-180 (icon points right visually because base svg
   points left). When the sidebar is minimized the body gets
   data-kt-app-sidebar-minimize="on"; in that state we need the icon to flip
   to point the OTHER direction so it reads as "expand back". A pure CSS rule
   avoids fighting the KeenThemes JS that only toggles the body attribute. */
body[data-kt-app-sidebar-minimize="on"] #kt_app_sidebar_toggle .rotate-180 {
    transform: rotate(0deg);
    transition: transform .2s ease;
}
#kt_app_sidebar_toggle .rotate-180 {
    transition: transform .2s ease;
}