/* Keep wide data tables inside their content area. */
main .table-responsive, main .mi-table-scroll { max-width:100%; min-width:0; overflow-x:auto; -webkit-overflow-scrolling:touch; }
main .mi-table-scroll > table { width:100%; max-width:100%; margin-bottom:0; }
main .mi-table-scroll th, main .mi-table-scroll td { overflow-wrap:anywhere; }
main .mi-table-scroll:focus-visible { outline:3px solid #299d91; outline-offset:2px; }
.mi-account-table { width:100%; }
.mi-account-table td:nth-child(2) { overflow-wrap:anywhere; }
@media(max-width:767.98px) {
 .mi-page .mi-account-table-wrap { overflow:visible; border:0; border-radius:0; }
 .mi-account-table, .mi-account-table tbody { display:block; width:100%; }
 .mi-account-table tr { display:grid; grid-template-columns:minmax(0,1fr) auto; width:100%; border:1px solid var(--bs-border-color); border-radius:14px; margin-bottom:12px; padding:12px; gap:10px; }
 .mi-page .mi-account-table td { border:0; padding:0; min-width:0; background:transparent; box-shadow:none; }
 .mi-account-table td:first-child { display:none; }
 .mi-account-table td:nth-child(2) { grid-column:1 / -1; line-height:1.5; }
 .mi-account-table td:nth-child(6) { grid-column:1; }
 .mi-account-table td:nth-child(7) { grid-column:2; align-self:center; }
 .mi-page .mi-account-table .btn { max-width:100%; white-space:normal; padding:9px 16px; font-size:.9rem; }
 .mi-account-table .dropdown-toggle { white-space:normal; overflow-wrap:anywhere; }
 .mi-account-table .dropdown-menu { width:220px; max-width:calc(100vw - 64px); min-width:0; }
 .mi-account-table .dropdown-item { white-space:normal; overflow-wrap:anywhere; }
}

/* Account action menus need their own width, independent of the trigger. */
.mi-page .mi-account-table .mi-account-more {
 display:inline-flex; align-items:center; justify-content:center; gap:8px;
 min-height:42px; padding:9px 14px; border:1px solid #c5dcd5;
 border-radius:999px; background:#edf5f1; color:#245f59;
 font-size:.9rem; line-height:1.4; white-space:nowrap;
}
.mi-page .mi-account-table .mi-account-more:hover,
.mi-page .mi-account-table .mi-account-more[aria-expanded="true"] { background:#dcece5; border-color:#93bdb0; color:#164b4c; }
.mi-page .mi-account-table .mi-account-more:focus-visible { outline:3px solid #299d91; outline-offset:3px; }
.mi-page .mi-account-table .mi-account-actions {
 width:220px; max-width:calc(100vw - 64px); padding:6px;
 border:1px solid #dbe6e1; border-radius:14px; box-shadow:0 10px 28px #164b4c24;
}
.mi-page .mi-account-table .mi-account-actions .dropdown-item {
 width:100%; padding:12px 14px; border-radius:9px; color:#b52d42;
 text-align:start; white-space:normal; overflow-wrap:normal; word-break:normal; line-height:1.45;
}
.mi-page .mi-account-table .mi-account-actions .dropdown-item:hover,
.mi-page .mi-account-table .mi-account-actions .dropdown-item:focus { background:#fff0f2; color:#992237; }
[data-bs-theme="dark"] .mi-page .mi-account-table .mi-account-more { background:#29433e; color:#d5eee5; border-color:#52766b; }
[data-bs-theme="dark"] .mi-page .mi-account-table .mi-account-more:hover,
[data-bs-theme="dark"] .mi-page .mi-account-table .mi-account-more[aria-expanded="true"] { background:#35594e; color:#fff; }
[data-bs-theme="dark"] .mi-page .mi-account-table .mi-account-actions { background:#203332; border-color:#48685e; }
[data-bs-theme="dark"] .mi-page .mi-account-table .mi-account-actions .dropdown-item { color:#ffb4bf; }
[data-bs-theme="dark"] .mi-page .mi-account-table .mi-account-actions .dropdown-item:hover,
[data-bs-theme="dark"] .mi-page .mi-account-table .mi-account-actions .dropdown-item:focus { background:#493239; color:#ffd8df; }