/* AcceptMyMOI - additions on top of the prototype theme (app.css) for the live portals */

/* DataTables in the prototype table look */
table.dataTable { margin: 0 !important; border-collapse: collapse !important; }
table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc { padding-right: 1.6rem; }
table.dataTable thead .sorting::before, table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_asc::after,
table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_desc::after { opacity: .25; font-size: .7rem; }
div.dataTables_wrapper div.dataTables_processing { background: transparent; box-shadow: none; border: 0; top: 40%; }
div.dataTables_wrapper div.dataTables_length select { width: auto; display: inline-block; }
div.dataTables_wrapper div.dataTables_info { padding-top: 0; }
div.dataTables_wrapper div.dataTables_paginate ul.pagination { margin: 0; }
.page-link { color: var(--amm-primary); border-color: var(--amm-border); }
.page-item.active .page-link { background: var(--amm-primary); border-color: var(--amm-primary); }
td.dataTables_empty { padding: 0 !important; background: #fff !important; }

/* SweetAlert2 in the portal palette */
.swal2-popup { border-radius: 1rem; font-family: var(--bs-body-font-family); }
.swal2-title { color: var(--amm-primary); font-size: 1.25rem; }
.swal2-html-container { font-size: .95rem; }

/* Collapsible left menu (desktop): collapses to an icon rail. Mobile keeps the slide-in menu (body.sidebar-open). */
.amm-sidebar .brand .brand-rail-mark { display: none; height: 38px; width: auto; margin: 0 auto; }
@media (min-width: 992px) {
  :root { --amm-rail-w: 72px; }
  .amm-sidebar { transition: transform .25s ease, width .25s ease; }
  .amm-main { transition: margin-left .25s ease; }
  html.sidebar-collapsed .amm-sidebar { width: var(--amm-rail-w); }
  html.sidebar-collapsed .amm-main { margin-left: var(--amm-rail-w); }
  html.sidebar-collapsed .amm-sidebar .brand { padding: .85rem .5rem; }
  html.sidebar-collapsed .amm-sidebar .brand .brand-img,
  html.sidebar-collapsed .amm-sidebar .brand small,
  html.sidebar-collapsed .amm-sidebar .sidebar-foot { display: none; }
  html.sidebar-collapsed .amm-sidebar .brand .brand-rail-mark { display: block; }
  html.sidebar-collapsed .amm-sidebar .nav { padding: .75rem .55rem; overflow-x: hidden; }
  html.sidebar-collapsed .amm-sidebar .nav-link { justify-content: center; padding: .7rem 0; }
  html.sidebar-collapsed .amm-sidebar .nav-link i { font-size: 1.25rem; }
  html.sidebar-collapsed .amm-sidebar .nav-link span { display: none; }
  html.sidebar-collapsed .amm-sidebar .nav-link.active::before { left: -.55rem; }
  html.sidebar-collapsed .amm-sidebar .nav-section { font-size: 0; padding: 0; margin: .5rem .35rem; border-top: 1px solid var(--amm-border); }
  html.sidebar-collapsed .amm-sidebar .nav-section:first-child { display: none; }
}

/* Misc */
.min-w-0 { min-width: 0; }
.cursor-pointer { cursor: pointer; }
.read-only-hint { font-size: .8rem; color: var(--amm-muted); }
.impersonation-bar { background: var(--amm-gold-soft); border-bottom: 1px solid #f0dfb3; font-size: .85rem; }
.amm-sidebar .nav-link .badge { margin-left: auto; }
.form-check-input.switch-lg { width: 2.4em; height: 1.3em; }
.table-actions { white-space: nowrap; text-align: right; }
.text-pre-line { white-space: pre-line; }
.login-wrap { min-height: 100vh; }
.login-side { background: linear-gradient(150deg, #071c40, #0b2a5e 50%, #1468c2); color: #fff; }