/*
 * MELEH TEX Target 1.1 — Canonical UI system-wide layer.
 * Scope: system-wide Main Site app shell and all production modules.
 * Source: current Google Drive Design Center / Component Library + MTOC 1.3.11 canonical CSS lineage.
 * Geometry is theme-independent. No pointer-event, AJAX, DataTable, Select2 or modal behavior is changed here.
 */
html { background:#000000; }
body.mt-canonical-ui {
    --mt-canvas: #f6f5f2;
    --mt-surface: #ffffff;
    --mt-surface-2: #eeece6;
    --mt-surface-raised: #ffffff;
    --mt-text: #151515;
    --mt-muted: #69717c;
    --mt-line: #d8d5cd;
    --mt-gold: #d5a232;
    --mt-gold-2: #f0c65a;
    --mt-success: #15935a;
    --mt-warning: #d88718;
    --mt-danger: #d9363e;
    --mt-radius: 18px;
    --mt-control-radius: 13px;
    --mt-space-1: 4px;
    --mt-space-2: 8px;
    --mt-space-3: 12px;
    --mt-space-4: 16px;
    --mt-space-6: 24px;
    --mt-shadow: 0 8px 24px rgba(0,0,0,.06);
    color: var(--mt-text);
}
html[data-theme="dark"] body.mt-canonical-ui,
body.mt-canonical-ui.dark-theme {
    --mt-canvas: #090c0f;
    --mt-surface: #14181c;
    --mt-surface-2: #1c2228;
    --mt-surface-raised: #171c21;
    --mt-text: #f7f7f8;
    --mt-muted: #9ca5af;
    --mt-line: #303740;
    --mt-shadow: 0 12px 34px rgba(0,0,0,.28);
}

body.mt-canonical-ui,
body.mt-canonical-ui #content,
body.mt-canonical-ui #page-container,
body.mt-canonical-ui #page-content {
    color: var(--mt-text);
}
body.mt-canonical-ui #page-content {
    background: var(--mt-canvas);
    min-width: 0;
}
body.mt-canonical-ui * { box-sizing: border-box; }
body.mt-canonical-ui .row,
body.mt-canonical-ui [class*="col-"] { min-width: 0; }

/* Canonical cards/surfaces: independent cards, no accidental frame-within-frame decoration. */
body.mt-canonical-ui .panel,
body.mt-canonical-ui .box,
body.mt-canonical-ui .card {
    background: var(--mt-surface);
    color: var(--mt-text);
    border: 1px solid var(--mt-line);
    border-radius: var(--mt-radius);
    box-shadow: var(--mt-shadow);
    overflow: hidden;
}
body.mt-canonical-ui .panel.no-border { border: 1px solid var(--mt-line) !important; }
body.mt-canonical-ui .panel + .panel,
body.mt-canonical-ui .box + .box { margin-top: var(--mt-space-3); }
body.mt-canonical-ui .panel-heading,
body.mt-canonical-ui .page-title,
body.mt-canonical-ui .tab-title {
    min-height: 58px;
    display: flex;
    align-items: center;
    gap: var(--mt-space-3);
    background: var(--mt-surface);
    color: var(--mt-text);
    border: 0;
    border-bottom: 1px solid var(--mt-line);
    padding: 12px 16px;
}
body.mt-canonical-ui .panel-heading h4,
body.mt-canonical-ui .page-title h1,
body.mt-canonical-ui .tab-title h4 { margin: 0; color: var(--mt-text); }
body.mt-canonical-ui .panel-body { background: transparent; color: var(--mt-text); padding: 14px; }
body.mt-canonical-ui .general-form .panel-body,
body.mt-canonical-ui .dashed-row .panel-body,
body.mt-canonical-ui .mt-settings-group .panel-body { padding: 0; }
body.mt-canonical-ui .panel-footer,
body.mt-canonical-ui .modal-footer {
    background: transparent;
    border-top: 1px solid var(--mt-line);
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    min-height: 68px;
}

/* Canonical action geometry. Primary gold, semantic states explicit. */
body.mt-canonical-ui .btn,
body.mt-canonical-ui button.btn,
body.mt-canonical-ui a.btn,
body.mt-canonical-ui label.btn {
    min-height: 44px;
    min-width: 96px;
    padding: 9px 14px;
    border-radius: var(--mt-control-radius);
    border: 1px solid var(--mt-line);
    background: var(--mt-surface-2);
    color: var(--mt-text);
    box-shadow: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    text-align: center;
    line-height: 1.15;
    font-weight: 700;
    vertical-align: middle;
    white-space: normal;
}
body.mt-canonical-ui .btn-primary,
body.mt-canonical-ui .btn.btn-primary {
    background: linear-gradient(135deg,var(--mt-gold-2),var(--mt-gold));
    border-color: transparent;
    color: #171207;
}
body.mt-canonical-ui .btn-success,
body.mt-canonical-ui .btn.success { background: var(--mt-success); border-color: var(--mt-success); color: #fff; }
body.mt-canonical-ui .btn-danger,
body.mt-canonical-ui .btn.danger { background: var(--mt-danger); border-color: var(--mt-danger); color: #fff; }
body.mt-canonical-ui .btn-warning { background: var(--mt-warning); border-color: var(--mt-warning); color: #fff; }
body.mt-canonical-ui .btn-info { background: var(--mt-surface-2); border-color: var(--mt-line); color: var(--mt-text); }
body.mt-canonical-ui .btn:hover,
body.mt-canonical-ui .btn:focus { border-color: var(--mt-gold); color: var(--mt-text); outline: 0; }
body.mt-canonical-ui .btn-primary:hover,
body.mt-canonical-ui .btn-primary:focus { color: #171207; filter: brightness(.98); }
body.mt-canonical-ui .title-button-group,
body.mt-canonical-ui .button-row,
body.mt-canonical-ui .action-group {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-left: auto;
}
body.mt-canonical-ui .title-button-group .btn { margin: 0 !important; }

/* Forms: preserve Bootstrap layout and existing JS; normalize only visual geometry. */
body.mt-canonical-ui .form-group {
    margin: 0;
    padding: 10px 14px;
    min-height: 58px;
    border-bottom: 1px solid var(--mt-line);
    background: transparent;
}
body.mt-canonical-ui .panel-body > .form-group:last-child,
body.mt-canonical-ui form > .form-group:last-child { border-bottom: 0; }
body.mt-canonical-ui .form-group label { color: var(--mt-muted); font-weight: 650; }
body.mt-canonical-ui .form-control,
body.mt-canonical-ui input.form-control,
body.mt-canonical-ui select.form-control,
body.mt-canonical-ui textarea.form-control,
body.mt-canonical-ui .select2-container .select2-choice,
body.mt-canonical-ui .select2-container-multi .select2-choices {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 44px;
    border: 1px solid var(--mt-line);
    border-radius: 12px;
    background: var(--mt-surface-2);
    color: var(--mt-text);
    box-shadow: none;
}
body.mt-canonical-ui textarea.form-control { min-height: 110px; resize: vertical; }
body.mt-canonical-ui .form-control:focus,
body.mt-canonical-ui .select2-container-active .select2-choice,
body.mt-canonical-ui .select2-container-multi.select2-container-active .select2-choices {
    border-color: var(--mt-gold);
    box-shadow: 0 0 0 3px rgba(213,162,50,.16);
}
body.mt-canonical-ui .input-group-addon {
    background: var(--mt-surface-2);
    color: var(--mt-text);
    border-color: var(--mt-line);
}
body.mt-canonical-ui .help-block,
body.mt-canonical-ui .text-off,
body.mt-canonical-ui .text-muted { color: var(--mt-muted) !important; }
body.mt-canonical-ui input:-webkit-autofill,
body.mt-canonical-ui input:-webkit-autofill:hover,
body.mt-canonical-ui input:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--mt-text) !important;
    -webkit-box-shadow: 0 0 0 1000px var(--mt-surface-2) inset !important;
    box-shadow: 0 0 0 1000px var(--mt-surface-2) inset !important;
}

/* Tables/DataTables: no functional changes, no overflow outside the viewport. */
body.mt-canonical-ui .table-responsive {
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    border: 0;
    background: var(--mt-surface);
}
body.mt-canonical-ui table.dataTable,
body.mt-canonical-ui table.display { margin: 0 !important; width: 100% !important; }
body.mt-canonical-ui table.dataTable thead th,
body.mt-canonical-ui table.display thead th {
    background: var(--mt-surface-2);
    color: var(--mt-muted);
    border-bottom: 1px solid var(--mt-line) !important;
}
body.mt-canonical-ui table.dataTable tbody td,
body.mt-canonical-ui table.display tbody td { border-bottom: 1px solid var(--mt-line); vertical-align: middle; }
body.mt-canonical-ui .dataTables_wrapper .custom-toolbar,
body.mt-canonical-ui .dataTables_wrapper .dataTables_filter {
    min-width: 0;
}
body.mt-canonical-ui .dataTables_wrapper .custom-toolbar {
    padding: 10px 12px;
    background: var(--mt-surface-2);
    border-bottom: 1px solid var(--mt-line);
}
body.mt-canonical-ui .option a,
body.mt-canonical-ui td.option a {
    min-width: 40px;
    min-height: 40px;
    border-radius: 10px;
}

/* SETTINGS — one navigation source, grouped rows, no cloned mobile rail. */
body.mt-ui-settings .nav.nav-tabs.vertical.settings {
    margin: 0 0 16px;
    padding: 0;
    border: 1px solid var(--mt-line);
    border-radius: var(--mt-radius);
    background: var(--mt-surface);
    overflow: hidden;
    box-shadow: var(--mt-shadow);
}
body.mt-ui-settings .settings-anchor {
    min-height: 44px;
    margin: 0;
    padding: 0 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border: 0;
    border-bottom: 1px solid var(--mt-line);
    background: var(--mt-surface-2);
    color: var(--mt-text);
    font-weight: 750;
    cursor: pointer;
}
body.mt-ui-settings .settings-anchor .pull-right { margin-left: auto; }
body.mt-ui-settings .list-group.help-catagory { margin: 0; border: 0; }
body.mt-ui-settings .list-group.help-catagory .list-group-item {
    min-height: 44px;
    padding: 0 14px;
    display: flex;
    align-items: center;
    border: 0;
    border-bottom: 1px solid var(--mt-line);
    border-radius: 0;
    background: var(--mt-surface);
    color: var(--mt-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
body.mt-ui-settings .list-group.help-catagory .list-group-item:last-child { border-bottom: 0; }
body.mt-ui-settings .list-group.help-catagory .list-group-item.active {
    background: var(--mt-surface-2);
    color: var(--mt-gold);
    box-shadow: inset 3px 0 0 var(--mt-gold);
}
html[dir="rtl"] body.mt-ui-settings .list-group.help-catagory .list-group-item.active,
body.rtl.mt-ui-settings .list-group.help-catagory .list-group-item.active { box-shadow: inset -3px 0 0 var(--mt-gold); }

/* Integration tabs remain AJAX tabs; only visual rail geometry changes. */
body.mt-ui-settings #integration-tab.nav-tabs {
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    border: 0;
    border-bottom: 1px solid var(--mt-line);
    background: var(--mt-surface-2) !important;
    white-space: nowrap;
}
body.mt-ui-settings #integration-tab.nav-tabs::-webkit-scrollbar { display: none; }
body.mt-ui-settings #integration-tab.nav-tabs > li { float: none; flex: 0 0 auto; margin: 0; }
body.mt-ui-settings #integration-tab.nav-tabs > li.title-tab { display: none; }
body.mt-ui-settings #integration-tab.nav-tabs > li > a {
    min-height: 46px;
    padding: 0 14px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    color: var(--mt-muted);
    font-weight: 700;
    position: relative;
}
body.mt-ui-settings #integration-tab.nav-tabs > li.active > a,
body.mt-ui-settings #integration-tab.nav-tabs > li > a.active { color: var(--mt-gold); }
body.mt-ui-settings #integration-tab.nav-tabs > li.active > a::after,
body.mt-ui-settings #integration-tab.nav-tabs > li > a.active::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 0;
    height: 2px;
    border-radius: 2px;
    background: var(--mt-gold);
}
body.mt-ui-settings #integration-tab + .tab-content,
body.mt-ui-settings #integration-tab + .tab-content .panel,
body.mt-ui-settings #integration-tab + .tab-content .panel.no-border {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
}
body.mt-ui-settings #integration-tab + .tab-content .panel-body { padding: 0; }
body.mt-ui-settings #integration-tab + .tab-content form { margin: 0; }

/* EMPLOYEES — one AJAX tab rail, consistent cards and profile surface. */
body.mt-ui-employees #page-content > .bg-success {
    background: var(--mt-canvas) !important;
    color: var(--mt-text) !important;
    padding: 0 12px 12px;
}
body.mt-ui-employees #profile-image-section,
body.mt-ui-employees .cover-widget .box {
    border: 1px solid var(--mt-line);
    border-radius: var(--mt-radius);
    background: var(--mt-surface);
    box-shadow: var(--mt-shadow);
    overflow: hidden;
}
body.mt-ui-employees #profile-image-section .box-content,
body.mt-ui-employees .cover-widget .box-content { background: transparent; color: var(--mt-text); }
body.mt-ui-employees #employee-view-tabs.nav-tabs {
    display: flex !important;
    align-items: stretch;
    flex-wrap: nowrap !important;
    gap: 0;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    white-space: nowrap;
    border: 0;
    border-bottom: 1px solid var(--mt-line);
    background: var(--mt-surface-2);
    margin: 0;
}
body.mt-ui-employees #employee-view-tabs.nav-tabs::-webkit-scrollbar { display: none; }
body.mt-ui-employees #employee-view-tabs.nav-tabs > li {
    display: block !important;
    float: none !important;
    flex: 0 0 auto;
    margin: 0;
}
body.mt-ui-employees #employee-view-tabs.nav-tabs > li > a {
    min-height: 46px;
    padding: 0 14px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    color: var(--mt-muted);
    font-weight: 700;
    position: relative;
}
body.mt-ui-employees #employee-view-tabs.nav-tabs > li.active > a,
body.mt-ui-employees #employee-view-tabs.nav-tabs > li > a.active { color: var(--mt-gold); }
body.mt-ui-employees #employee-view-tabs.nav-tabs > li.active > a::after,
body.mt-ui-employees #employee-view-tabs.nav-tabs > li > a.active::after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 0;
    height: 2px;
    border-radius: 2px;
    background: var(--mt-gold);
}
body.mt-ui-employees #employee-view-tabs + .tab-content {
    background: var(--mt-canvas);
    padding: 12px;
    min-width: 0;
}
body.mt-ui-employees #employee-view-tabs + .tab-content > .tab-pane { min-width: 0; }
body.mt-ui-employees .modal-content {
    border: 1px solid var(--mt-line);
    border-radius: var(--mt-radius);
    background: var(--mt-surface);
    color: var(--mt-text);
    box-shadow: 0 18px 48px rgba(0,0,0,.24);
    overflow: hidden;
}
body.mt-ui-employees .modal-header { border-bottom: 1px solid var(--mt-line); background: var(--mt-surface); }
body.mt-ui-employees .modal-body { background: var(--mt-surface); padding: 0; }

/* Labels/status colors stay semantic. */
body.mt-canonical-ui .label-success { background: var(--mt-success); }
body.mt-canonical-ui .label-danger { background: var(--mt-danger); }
body.mt-canonical-ui .label-warning { background: var(--mt-warning); }
body.mt-canonical-ui .label-info,
body.mt-canonical-ui .label-default { background: var(--mt-surface-2); color: var(--mt-text); border: 1px solid var(--mt-line); }

/* Mobile: stable width, 16px inputs, centered actions, no clone-driven second rail. */
@media (max-width: 767px) {
    body.mt-canonical-ui #page-content { padding: 12px !important; }
    body.mt-canonical-ui .panel,
    body.mt-canonical-ui .box { max-width: 100%; }
    body.mt-canonical-ui .page-title {
        min-height: 0;
        align-items: stretch;
        flex-direction: column;
    }
    body.mt-canonical-ui .title-button-group {
        width: 100%;
        margin: 0;
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 8px;
    }
    body.mt-canonical-ui .title-button-group .btn { width: 100%; min-width: 0; }
    body.mt-canonical-ui input,
    body.mt-canonical-ui select,
    body.mt-canonical-ui textarea,
    body.mt-canonical-ui .form-control,
    body.mt-canonical-ui .select2-container .select2-choice,
    body.mt-canonical-ui .select2-container-multi .select2-choices { font-size: 16px !important; }
    body.mt-canonical-ui .form-group { padding: 10px 12px; }
    body.mt-canonical-ui .panel-footer,
    body.mt-canonical-ui .modal-footer { padding: 10px 12px; }
    body.mt-canonical-ui .panel-footer .btn,
    body.mt-canonical-ui .modal-footer .btn { flex: 1 1 calc(50% - 8px); min-width: 0; }
    body.mt-ui-settings .nav.nav-tabs.vertical.settings { margin-bottom: 12px; }
    body.mt-ui-settings .col-sm-3.col-lg-2,
    body.mt-ui-settings .col-sm-9.col-lg-10 { width: 100%; float: none; padding-left: 0; padding-right: 0; }
    body.mt-ui-settings .settings-anchor,
    body.mt-ui-settings .list-group.help-catagory .list-group-item { min-height: 44px; }
    body.mt-ui-employees #page-content > .bg-success { padding: 0 0 12px; }
    body.mt-ui-employees #employee-view-tabs + .tab-content { padding: 10px 0 0; }
}
@media (max-width: 420px) {
    body.mt-canonical-ui .title-button-group { grid-template-columns: 1fr; }
    body.mt-canonical-ui .panel-footer .btn,
    body.mt-canonical-ui .modal-footer .btn { flex-basis: 100%; width: 100%; }
}


/* Target 1.1 — system-wide canonical shell and compatibility layer. */
html[data-theme="light"] { color-scheme: light; }
html[data-theme="dark"] { color-scheme: dark; }
body.mt-canonical-ui { margin:0; background:var(--mt-canvas); overflow-x:hidden; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; padding-bottom:0; }
body.mt-canonical-ui #content { background:var(--mt-canvas); min-height:100vh; }
body.mt-canonical-ui #page-container { min-height:calc(100vh - 60px); min-width:0; }
body.mt-canonical-ui #page-content { padding:20px; }
body.mt-canonical-ui a { color:inherit; }
body.mt-canonical-ui a:hover, body.mt-canonical-ui a:focus { color:var(--mt-gold); }
body.mt-canonical-ui .bg-white, body.mt-canonical-ui .bg-off-white, body.mt-canonical-ui .bg-cream { background:var(--mt-surface)!important; color:var(--mt-text)!important; }
body.mt-canonical-ui .text-dark { color:var(--mt-text)!important; }
body.mt-canonical-ui .b-a, body.mt-canonical-ui .b-b, body.mt-canonical-ui .b-t, body.mt-canonical-ui .b-l, body.mt-canonical-ui .b-r { border-color:var(--mt-line)!important; }

/* Official app header: brand black is geometry-independent in Light and Dark. */
body.mt-canonical-ui #default-navbar.navbar { min-height:60px; height:60px; margin:0; border:0; border-radius:0; background:#08090b!important; box-shadow:0 1px 0 rgba(255,255,255,.08); width:100%; max-width:none; }
body.mt-canonical-ui #default-navbar .navbar-header { min-height:60px; }
body.mt-canonical-ui #default-navbar .navbar-brand.mt-brand-lockup { height:60px; padding:8px 14px; display:flex; align-items:center; gap:10px; text-decoration:none; }
body.mt-canonical-ui #default-navbar .mt-brand-mark { width:34px; height:38px; object-fit:contain; flex:0 0 auto; }
body.mt-canonical-ui #default-navbar .mt-brand-wordmark { color:#f7f7f8; font-size:16px; font-weight:800; letter-spacing:.08em; white-space:nowrap; }
body.mt-canonical-ui #default-navbar .navbar-nav>li>a,
body.mt-canonical-ui #default-navbar .navbar-nav>li>button,
body.mt-canonical-ui #default-navbar .navbar-toggle { min-height:44px; color:#d7d9dd!important; background:transparent!important; border:0!important; box-shadow:none!important; }
body.mt-canonical-ui #default-navbar .navbar-nav>li>a:hover,
body.mt-canonical-ui #default-navbar .navbar-nav>li>a:focus,
body.mt-canonical-ui #default-navbar button:hover { color:var(--mt-gold)!important; }
body.mt-canonical-ui #default-navbar .dropdown-menu { background:var(--mt-surface); color:var(--mt-text); border:1px solid var(--mt-line); border-radius:14px; box-shadow:var(--mt-shadow); overflow:hidden; }
body.mt-canonical-ui #default-navbar .dropdown-menu>li>a { color:var(--mt-text); min-height:42px; display:flex; align-items:center; }
body.mt-canonical-ui #default-navbar .dropdown-menu>li>a:hover { background:var(--mt-surface-2); color:var(--mt-text); }

/* Sidebar: preserve existing URLs/expand JS; replace only the visual system. */
body.mt-canonical-ui #sidebar { background:#0e1114!important; border:0; box-shadow:none; }
body.mt-canonical-ui #sidebar-menu>li>a,
body.mt-canonical-ui #sidebar-menu>li>ul>li>a { color:#cdd2d8!important; border:0!important; }
body.mt-canonical-ui #sidebar-menu>li>a:hover,
body.mt-canonical-ui #sidebar-menu>li.active>a,
body.mt-canonical-ui #sidebar-menu>li.open>a,
body.mt-canonical-ui #sidebar-menu>li>ul>li.active>a { color:#fff!important; background:rgba(213,162,50,.14)!important; }
body.mt-canonical-ui #sidebar-menu .menu-text { font-weight:600; }
body.mt-canonical-ui #sidebar-menu i { color:inherit; }

/* Legacy panel nesting is flattened visually; semantic containers remain in DOM for JS. */
body.mt-canonical-ui .panel .panel,
body.mt-canonical-ui .box .box,
body.mt-canonical-ui .panel .box,
body.mt-canonical-ui .box .panel { box-shadow:none; border-radius:14px; }
body.mt-canonical-ui .panel-body>.panel:first-child:last-child,
body.mt-canonical-ui .panel-body>.box:first-child:last-child { border-left:0; border-right:0; border-bottom:0; border-radius:0; }

/* Bootstrap tabs, vertical tabs and disclosure components. */
body.mt-canonical-ui .nav-tabs { border-bottom:1px solid var(--mt-line); display:flex; gap:4px; min-width:0; overflow-x:auto; overflow-y:hidden; scrollbar-width:none; }
body.mt-canonical-ui .nav-tabs::-webkit-scrollbar { display:none; }
body.mt-canonical-ui .nav-tabs>li { float:none; flex:0 0 auto; }
body.mt-canonical-ui .nav-tabs>li>a { min-height:44px; display:flex; align-items:center; border:0!important; border-radius:11px 11px 0 0; color:var(--mt-muted); background:transparent; margin:0; white-space:nowrap; }
body.mt-canonical-ui .nav-tabs>li.active>a,
body.mt-canonical-ui .nav-tabs>li.active>a:hover,
body.mt-canonical-ui .nav-tabs>li.active>a:focus { background:var(--mt-surface-2); color:var(--mt-text); box-shadow:inset 0 -2px 0 var(--mt-gold); }
body.mt-canonical-ui .settings-anchor .fa-chevron-right,
body.mt-canonical-ui .settings-anchor .fa-chevron-left { transition:transform .18s ease; }
body.mt-canonical-ui .settings-anchor[aria-expanded="true"] .fa-chevron-right,
body.mt-canonical-ui .settings-anchor:not(.collapsed) .fa-chevron-right { transform:rotate(90deg); }
[dir="rtl"] body.mt-canonical-ui .settings-anchor[aria-expanded="true"] .fa-chevron-right,
[dir="rtl"] body.mt-canonical-ui .settings-anchor:not(.collapsed) .fa-chevron-right { transform:rotate(-90deg); }

/* Settings list geometry, now canonical across all settings pages. */
body.mt-ui-settings .settings-anchor { border-bottom:1px solid var(--mt-line)!important; }
body.mt-ui-settings .help-catagory.list-group { margin:0; }
body.mt-ui-settings .help-catagory .list-group-item { min-height:44px; padding:0 14px; display:flex; align-items:center; border:0; border-bottom:1px solid var(--mt-line); background:var(--mt-surface); color:var(--mt-text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
body.mt-ui-settings .help-catagory .list-group-item:last-child { border-bottom:0; }
body.mt-ui-settings .help-catagory .list-group-item.active { background:color-mix(in srgb,var(--mt-gold) 12%,var(--mt-surface)); color:var(--mt-text); box-shadow:inset 3px 0 0 var(--mt-gold); }
[dir="rtl"] body.mt-ui-settings .help-catagory .list-group-item.active { box-shadow:inset -3px 0 0 var(--mt-gold); }

/* Canonical toggles. Underlying inputs stay real form controls. */
.mt-toggle-row { display:flex!important; align-items:center; justify-content:space-between; gap:14px; min-height:52px; }
.mt-toggle-row>.mt-toggle-label { flex:1; min-width:0; color:var(--mt-text); font-weight:650; }
.mt-toggle-native-input { position:absolute!important; opacity:0!important; width:1px!important; height:1px!important; pointer-events:none!important; }
.mt-toggle-enhanced-row { display:flex!important; align-items:center; gap:10px; flex-wrap:wrap; }
.mt-toggle-enhanced-row>label { flex:1 1 180px; margin:0; color:var(--mt-text)!important; }
.mt-toggle-enhanced-row>.mt-toggle-control { margin-inline-start:auto; }
.mt-toggle-control { position:relative; display:inline-flex; width:46px; height:28px; flex:0 0 46px; align-items:center; cursor:pointer; vertical-align:middle; }
.mt-toggle-control input { position:absolute!important; opacity:0!important; width:1px!important; height:1px!important; pointer-events:none!important; }
.mt-toggle-track { position:absolute; inset:0; border-radius:999px; background:#a5abb1; border:1px solid color-mix(in srgb,#000 10%,transparent); transition:.18s ease; }
.mt-toggle-thumb { position:absolute; width:22px; height:22px; top:3px; left:3px; border-radius:50%; background:#fff; box-shadow:0 1px 4px rgba(0,0,0,.24); transition:.18s ease; }
.mt-toggle-control.is-on .mt-toggle-track { background:var(--mt-success); }
.mt-toggle-control.is-on .mt-toggle-thumb { transform:translateX(18px); }
[dir="rtl"] .mt-toggle-control .mt-toggle-thumb { left:auto; right:3px; }
[dir="rtl"] .mt-toggle-control.is-on .mt-toggle-thumb { transform:translateX(-18px); }
.mt-toggle-control:focus-within .mt-toggle-track { outline:3px solid color-mix(in srgb,var(--mt-gold) 24%,transparent); outline-offset:2px; }
.mt-binary-radio-enhanced .mt-binary-radio-option { display:none!important; }
.mt-binary-radio-switch { min-height:44px; display:flex; align-items:center; justify-content:flex-end; margin-inline-start:auto; }

/* Profile/person surfaces: round face-focused images. */
body.mt-canonical-ui .employee-image,
body.mt-canonical-ui .user-avatar,
body.mt-canonical-ui .profile-image,
body.mt-canonical-ui .avatar,
body.mt-canonical-ui img.avatar,
body.mt-canonical-ui .profile-image-container img,
body.mt-canonical-ui .employee-profile-image img,
body.mt-canonical-ui #employee-profile-image { border-radius:50%!important; object-fit:cover!important; object-position:50% 35%!important; aspect-ratio:1/1; }
body.mt-canonical-ui .profile-image-container,
body.mt-canonical-ui .employee-profile-image { overflow:visible; }
body.mt-canonical-ui .mt-profile-hero { display:grid; grid-template-columns:auto minmax(0,1fr); gap:16px; align-items:center; }
body.mt-canonical-ui .mt-kpi-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px; }
body.mt-canonical-ui .mt-kpi-tile { padding:14px; border:1px solid var(--mt-line); border-radius:14px; background:var(--mt-surface-2); }
body.mt-canonical-ui .mt-kpi-tile strong { display:block; font-size:24px; color:var(--mt-text); }
body.mt-canonical-ui .mt-kpi-tile span { color:var(--mt-muted); font-size:12px; }

/* Filters: existing controls become a visible compact bar; no hidden legacy filter affordance is needed. */
body.mt-canonical-ui .filter-form,
body.mt-canonical-ui .filters,
body.mt-canonical-ui .filter-bar,
body.mt-canonical-ui .dataTables_wrapper .filter-section,
body.mt-canonical-ui .mt-filter-bar { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:10px; align-items:end; padding:12px; background:var(--mt-surface-2); border:1px solid var(--mt-line); border-radius:14px; margin-bottom:12px; }
body.mt-canonical-ui .filter-form .btn,
body.mt-canonical-ui .filters .btn { min-width:0; }
body.mt-canonical-ui .filter-button .fa-sliders,
body.mt-canonical-ui .filter-button .fa-filter { color:var(--mt-muted); }

/* Modals, popovers, dropdowns, Select2 and DataTables in both themes. */
body.mt-canonical-ui .modal-content { background:var(--mt-surface); color:var(--mt-text); border:1px solid var(--mt-line); border-radius:18px; box-shadow:0 24px 70px rgba(0,0,0,.32); overflow:hidden; }
body.mt-canonical-ui .modal-header { background:var(--mt-surface); color:var(--mt-text); border-bottom:1px solid var(--mt-line); }
body.mt-canonical-ui .modal-header .close { color:var(--mt-text); opacity:.7; }
body.mt-canonical-ui .select2-drop,
body.mt-canonical-ui .select2-drop-active,
body.mt-canonical-ui .select2-results { background:var(--mt-surface); color:var(--mt-text); border-color:var(--mt-line); }
body.mt-canonical-ui .select2-results .select2-highlighted { background:color-mix(in srgb,var(--mt-gold) 18%,var(--mt-surface)); color:var(--mt-text); }
body.mt-canonical-ui .pagination>li>a,
body.mt-canonical-ui .pagination>li>span { background:var(--mt-surface); color:var(--mt-text); border-color:var(--mt-line); }
body.mt-canonical-ui .pagination>.active>a { background:var(--mt-gold); border-color:var(--mt-gold); color:#171207; }


/* Dark-mode compatibility for legacy Bootstrap surfaces. Geometry never changes by theme. */
html[data-theme="dark"] body.mt-canonical-ui .bg-white,
html[data-theme="dark"] body.mt-canonical-ui .list-group-item,
html[data-theme="dark"] body.mt-canonical-ui .well,
html[data-theme="dark"] body.mt-canonical-ui .dropdown-menu,
html[data-theme="dark"] body.mt-canonical-ui .dropdown-details,
html[data-theme="dark"] body.mt-canonical-ui .table,
html[data-theme="dark"] body.mt-canonical-ui .table>tbody>tr>td,
html[data-theme="dark"] body.mt-canonical-ui .table>tbody>tr>th,
html[data-theme="dark"] body.mt-canonical-ui .table>tfoot>tr>td,
html[data-theme="dark"] body.mt-canonical-ui .table>tfoot>tr>th,
html[data-theme="dark"] body.mt-canonical-ui .table>thead>tr>td,
html[data-theme="dark"] body.mt-canonical-ui .table>thead>tr>th { background-color:var(--mt-surface)!important; color:var(--mt-text)!important; border-color:var(--mt-line)!important; }
html[data-theme="dark"] body.mt-canonical-ui .dropdown-menu>li>a { color:var(--mt-text); }
html[data-theme="dark"] body.mt-canonical-ui .dropdown-menu>li>a:hover,
html[data-theme="dark"] body.mt-canonical-ui .dropdown-menu>li>a:focus { background:var(--mt-surface-2); color:var(--mt-text); }
html[data-theme="dark"] body.mt-canonical-ui .input-group-addon,
html[data-theme="dark"] body.mt-canonical-ui .select2-search input { background:var(--mt-surface-2)!important; color:var(--mt-text)!important; border-color:var(--mt-line)!important; }

/* Appearance controls: only Light / Dark / Auto. No custom color palette exists. */
.mt-appearance-control { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; padding:7px 10px; }
.mt-appearance-control button { min-height:36px; border:1px solid var(--mt-line); border-radius:10px; background:var(--mt-surface-2); color:var(--mt-text); font-size:12px; font-weight:700; }
.mt-appearance-control button.active { border-color:var(--mt-gold); box-shadow:inset 0 0 0 1px var(--mt-gold); }


/* System-wide app shell and content rhythm. */
body.mt-canonical-ui #content { min-height:100vh; background:var(--mt-canvas); }
body.mt-canonical-ui #page-container { min-width:0; overflow-x:hidden; }
body.mt-canonical-ui .bg-success.mt-employee-hero,
body.mt-canonical-ui .mt-employee-hero { background:var(--mt-canvas)!important; color:var(--mt-text)!important; padding:12px 12px 0; }
body.mt-canonical-ui .mt-employee-profile-card { display:grid; grid-template-columns:minmax(180px,240px) minmax(0,1fr); gap:14px; align-items:center; }
body.mt-canonical-ui .mt-employee-profile-card>.box-content { border:0!important; background:transparent!important; }
body.mt-canonical-ui #profile-image-section .profile-image { width:auto!important; min-width:0; }
body.mt-canonical-ui #profile-image-section .avatar.avatar-lg { width:112px!important; height:112px!important; margin:auto; display:block; }
body.mt-canonical-ui #profile-image-section .avatar.avatar-lg img { width:112px!important; height:112px!important; border-radius:50%!important; object-fit:cover!important; object-position:50% 35%!important; border:3px solid var(--mt-surface); box-shadow:0 6px 18px rgba(0,0,0,.16); }
body.mt-canonical-ui #profile-image-section .profile-image-upload { position:absolute; z-index:3; margin-inline-start:78px!important; margin-top:72px!important; }
body.mt-canonical-ui #profile-image-section .profile-image-upload .btn { min-width:36px!important; width:36px; height:36px; min-height:36px; padding:0; border-radius:50%; background:var(--mt-gold); color:#171207; border:2px solid var(--mt-surface); }
body.mt-canonical-ui .mt-employee-kpi .box { display:grid; grid-template-columns:1fr 1fr; gap:10px; border:0; box-shadow:none; background:transparent; overflow:visible; }
body.mt-canonical-ui .mt-employee-kpi .widget-container { border:1px solid var(--mt-line)!important; border-radius:14px; background:var(--mt-surface); min-height:110px; display:grid; place-items:center; box-shadow:var(--mt-shadow); }
body.mt-canonical-ui .mt-employee-kpi .widget-container .panel-body { padding:14px; text-align:center; }
body.mt-canonical-ui .mt-employee-kpi h1 { margin:0 0 6px; font-size:28px; color:var(--mt-text); }

/* One canonical horizontal tab rail for AJAX and ordinary tabs. */
body.mt-canonical-ui .nav-tabs:not(.vertical) { display:flex; align-items:center; gap:4px; overflow-x:auto; overflow-y:hidden; scrollbar-width:none; -webkit-overflow-scrolling:touch; white-space:nowrap; padding:6px 8px; border:0; border-bottom:1px solid var(--mt-line); background:var(--mt-surface); }
body.mt-canonical-ui .nav-tabs:not(.vertical)::-webkit-scrollbar { display:none; }
body.mt-canonical-ui .nav-tabs:not(.vertical)>li { float:none; flex:0 0 auto; margin:0; }
body.mt-canonical-ui .nav-tabs:not(.vertical)>li>a { min-height:40px; display:flex; align-items:center; border:0!important; border-radius:10px; padding:8px 12px; color:var(--mt-muted); background:transparent; }
body.mt-canonical-ui .nav-tabs:not(.vertical)>li.active>a,
body.mt-canonical-ui .nav-tabs:not(.vertical)>li>a:hover { color:var(--mt-text); background:var(--mt-surface-2); box-shadow:inset 0 -2px 0 var(--mt-gold); }

/* Legacy disclosure icons are chevrons; plus is reserved only for a real create action. */
body.mt-canonical-ui .expand-row .fa-plus-circle:before,
body.mt-canonical-ui .details-control .fa-plus-circle:before,
body.mt-canonical-ui [data-toggle="collapse"]>.fa-plus-circle:before { content:"\f105"; }
[dir="rtl"] body.mt-canonical-ui .expand-row .fa-plus-circle:before,
[dir="rtl"] body.mt-canonical-ui .details-control .fa-plus-circle:before,
[dir="rtl"] body.mt-canonical-ui [data-toggle="collapse"]>.fa-plus-circle:before { content:"\f104"; }

/* Canonical setting values and compact rows. */
body.mt-canonical-ui .mt-setting-value { display:inline-flex; min-height:30px; align-items:center; padding:3px 9px; border-radius:999px; background:var(--mt-surface-2); border:1px solid var(--mt-line); color:var(--mt-text); font-weight:700; }
body.mt-canonical-ui .mt-settings-row { align-items:center; }


/* Work Assignments — workflow-specific geometry using canonical system tokens only. */
.work-assignment-module *,.work-assignment-modal *{box-sizing:border-box;min-width:0}
.work-assignment-module .wa-surface{border:1px solid var(--mt-line);border-radius:var(--mt-radius);background:var(--mt-surface);box-shadow:0 8px 24px rgba(0,0,0,.06);overflow:hidden}
[data-theme="dark"] .work-assignment-module .wa-surface,body.dark-theme .work-assignment-module .wa-surface{box-shadow:0 12px 34px rgba(0,0,0,.28)}
.work-assignment-module .wa-page-title{min-height:64px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:var(--mt-space-3);border-bottom:1px solid var(--mt-line);background:var(--mt-surface)}
.work-assignment-module .wa-page-title h1{margin:0;line-height:1.2}
.work-assignment-module .wa-title-actions{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0}
.work-assignment-module .wa-btn,.work-assignment-modal .wa-btn{min-height:44px;min-width:104px;padding:9px 14px;border-radius:var(--mt-control-radius);display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:700;line-height:1.15;white-space:normal;text-align:center;box-shadow:none}
.work-assignment-module .wa-btn-primary,.work-assignment-modal .wa-btn-primary{background:linear-gradient(135deg,var(--mt-gold-2),var(--mt-gold));border-color:transparent;color:#171207}
.work-assignment-module .wa-btn-primary:hover,.work-assignment-module .wa-btn-primary:focus,.work-assignment-modal .wa-btn-primary:hover,.work-assignment-modal .wa-btn-primary:focus{color:#171207;filter:brightness(.98)}
.work-assignment-modal .wa-btn-secondary{background:var(--mt-surface-2);border-color:var(--mt-line);color:var(--mt-text)}
.work-assignment-module .wa-table-shell{padding:0;background:var(--mt-surface)}
.work-assignment-module .wa-table-responsive{border:0;border-radius:0;overflow-x:auto;background:var(--mt-surface);max-width:100%}
.work-assignment-module .dataTables_wrapper .custom-toolbar,.work-assignment-module .dataTables_wrapper .dataTables_filter{margin:0}
.work-assignment-module .dataTables_wrapper .custom-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--mt-space-2);padding:10px 12px;border-bottom:1px solid var(--mt-line);background:var(--mt-surface-2)}
.work-assignment-module .dataTables_wrapper .custom-toolbar>*{margin:0!important}
.work-assignment-module .select2-container,.work-assignment-modal .select2-container{max-width:100%}
.work-assignment-module table.dataTable{margin:0!important;border-collapse:collapse!important;width:100%!important}
.work-assignment-module table.dataTable thead th{background:var(--mt-surface-2);color:var(--mt-muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.035em;border-bottom:1px solid var(--mt-line)!important;vertical-align:middle}
.work-assignment-module table.dataTable tbody td{padding-top:13px;padding-bottom:13px;vertical-align:middle;border-bottom:1px solid var(--mt-line)}
.work-assignment-module table.dataTable tbody tr:last-child td{border-bottom:0}
.work-assignment-module table.dataTable tbody tr:hover{background:rgba(213,162,50,.06)}
.work-assignment-module .wa-title-column a{color:var(--mt-text);display:inline-block;max-width:100%}
.work-assignment-module .option a{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--mt-line);border-radius:10px;margin:2px;background:var(--mt-surface-2);color:var(--mt-text)}
.work-assignment-module .label,.work-assignment-modal .label{display:inline-flex;align-items:center;min-height:25px;padding:4px 9px;border-radius:999px;line-height:1.1}

/* Work Assignments uses the same canonical tokens; unique workflow layout only. */
.work-assignment-modal .wa-form-body{padding:0;margin:16px;border:1px solid var(--mt-line);border-radius:var(--mt-radius);background:var(--mt-surface);overflow:hidden}
.work-assignment-modal .wa-field-row{margin:0;min-height:54px;display:flex;align-items:center;border:0;border-bottom:1px solid var(--mt-line);border-radius:0;background:transparent;overflow:visible}
.work-assignment-modal .wa-field-row:last-child{border-bottom:0}
.work-assignment-modal .wa-field-label{margin:0;padding:12px 14px;color:var(--mt-muted);font-weight:700;line-height:1.3}
.work-assignment-modal .wa-field-control{padding:6px 10px;min-width:0}
.work-assignment-modal .wa-field-control .form-control,.work-assignment-modal .wa-field-control .select2-container .select2-choice{min-height:44px;border:1px solid var(--mt-line);border-radius:11px;box-shadow:none;background:var(--mt-surface-2);color:var(--mt-text)}
.work-assignment-modal .wa-field-control textarea.form-control{min-height:112px;resize:vertical}
.work-assignment-modal .wa-field-row-textarea{align-items:flex-start}
.work-assignment-modal .wa-deadline-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.42fr);gap:var(--mt-space-2)}
.work-assignment-modal .wa-deadline-controls .form-control+.form-control{border-left:1px solid var(--mt-line)}
.work-assignment-modal .wa-switch-control{display:flex;justify-content:flex-end;align-items:center;min-height:48px}
.work-assignment-modal .wa-help-block{margin:5px 4px 0}
.work-assignment-modal .wa-modal-actions{padding:12px 16px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--mt-line);background:transparent}
.work-assignment-modal .wa-modal-actions .btn{float:none;margin:0}
.work-assignment-modal .wa-detail-body{padding:16px}
.work-assignment-modal .wa-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}
.work-assignment-modal .wa-detail-header h4{margin:0;line-height:1.35}
.work-assignment-modal .wa-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px}
.work-assignment-modal .wa-detail-item{min-width:0;padding:12px;border:1px solid var(--mt-line);border-radius:12px;background:var(--mt-surface-2)}
.work-assignment-modal .wa-detail-item span,.work-assignment-modal .wa-detail-item strong{display:block}
.work-assignment-modal .wa-detail-item span{color:var(--mt-muted);font-size:12px;margin-bottom:4px}
.work-assignment-modal .wa-description{padding:12px;margin-bottom:16px;border:1px solid var(--mt-line);border-radius:12px;background:var(--mt-surface-2);line-height:1.55}
.work-assignment-modal .wa-section-title{margin:0 0 8px;font-weight:700}
.work-assignment-modal .wa-timeline{border:1px solid var(--mt-line);border-radius:12px;overflow:hidden}
.work-assignment-modal .wa-timeline-item{padding:12px;border-bottom:1px solid var(--mt-line)}
.work-assignment-modal .wa-timeline-item:last-child{border-bottom:0}
.work-assignment-modal .wa-timeline-head,.work-assignment-modal .wa-timeline-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.work-assignment-modal .wa-timeline-meta{margin-top:4px;justify-content:flex-start}
.work-assignment-modal .wa-timeline-message{margin-top:8px;line-height:1.5}
.work-assignment-modal .wa-update-heading{padding:12px;margin-bottom:12px;border:1px solid var(--mt-line);border-radius:12px;background:var(--mt-surface-2)}

@media(max-width:767px){
 .work-assignment-module.wa-page{padding:12px!important}
 .work-assignment-module .wa-page-title{padding:12px;align-items:stretch;flex-direction:column}
 .work-assignment-module .wa-title-actions,.work-assignment-module .wa-title-actions .wa-btn{width:100%}
 .work-assignment-module .dataTables_wrapper .custom-toolbar{display:grid;grid-template-columns:1fr}
 .work-assignment-module .dataTables_wrapper .custom-toolbar .select2-container,.work-assignment-module .dataTables_wrapper .custom-toolbar .w150,.work-assignment-module .dataTables_wrapper .custom-toolbar .w200{width:100%!important}
 .work-assignment-module input,.work-assignment-module select,.work-assignment-module textarea,.work-assignment-modal input,.work-assignment-modal select,.work-assignment-modal textarea,.work-assignment-modal .form-control{font-size:16px!important}
 .work-assignment-modal .wa-form-body{margin:12px}
 .work-assignment-modal .wa-field-row,.work-assignment-modal .wa-detail-header{display:block}
 .work-assignment-modal .wa-field-label,.work-assignment-modal .wa-field-control{width:100%;float:none}
 .work-assignment-modal .wa-field-label{padding-bottom:4px}.work-assignment-modal .wa-field-control{padding-top:4px}
 .work-assignment-modal .wa-deadline-controls{grid-template-columns:1fr}
 .work-assignment-modal .wa-deadline-controls .form-control+.form-control{border-left:0}
 .work-assignment-modal .wa-switch-control{justify-content:flex-start}
 .work-assignment-modal .wa-detail-grid{grid-template-columns:1fr}
 .work-assignment-modal .wa-modal-actions .wa-btn{flex:1 1 calc(50% - 10px);min-width:0}
}
@media(max-width:420px){.work-assignment-modal .wa-modal-actions .wa-btn{flex-basis:100%;width:100%}}

/* AI Engine — operations layer, not a chat assistant. */
.mt-ai-trigger { position:fixed; z-index:1050; right:18px; bottom:82px; width:52px; height:52px; border:0; border-radius:50%; background:linear-gradient(135deg,var(--mt-gold-2),var(--mt-gold)); color:#171207; display:grid; place-items:center; box-shadow:0 10px 26px rgba(0,0,0,.20); font-weight:900; }
.mt-ai-engine { position:fixed; z-index:1060; top:60px; right:0; bottom:0; width:min(460px,100vw); background:var(--mt-surface); color:var(--mt-text); border-left:1px solid var(--mt-line); box-shadow:-18px 0 50px rgba(0,0,0,.18); transform:translateX(102%); transition:transform .22s ease; display:flex; flex-direction:column; }
.mt-ai-engine.open { transform:translateX(0); }
.mt-ai-engine-head { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:58px; padding:10px 14px; border-bottom:1px solid var(--mt-line); }
.mt-ai-engine-head h3 { margin:0; font-size:17px; }
.mt-ai-engine-body { flex:1; overflow:auto; padding:14px; display:grid; gap:12px; align-content:start; }
.mt-ai-engine .mt-ai-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.mt-ai-voice-button { justify-self:start; }
.mt-ai-voice-button.recording { background:var(--mt-danger)!important; border-color:var(--mt-danger)!important; color:#fff!important; }
.mt-icon-button { min-width:40px!important; width:40px; min-height:40px!important; height:40px; padding:0!important; }
.mt-ai-engine .mt-ai-result { padding:12px; border:1px solid var(--mt-line); border-radius:13px; background:var(--mt-surface-2); white-space:pre-wrap; overflow-wrap:anywhere; min-height:56px; }
.mt-ai-engine .mt-ai-draft { display:grid; gap:8px; }
.mt-ai-engine-backdrop { position:fixed; z-index:1055; inset:60px 0 0; background:rgba(0,0,0,.22); display:none; }
.mt-ai-engine-backdrop.open { display:block; }

/* Canonical mobile bottom navigation. Existing module hierarchy is preserved. */
.mt-bottom-nav { display:none; }
@media(max-width:767px) {
  body.mt-canonical-ui { padding-bottom:calc(68px + env(safe-area-inset-bottom)); }
  body.mt-canonical-ui #page-content { padding:12px; }
  body.mt-canonical-ui #default-navbar .navbar-brand.mt-brand-lockup { padding-left:10px; padding-right:8px; }
  body.mt-canonical-ui #default-navbar .mt-brand-wordmark { font-size:14px; }
  body.mt-canonical-ui #default-navbar .navbar-collapse { background:#08090b; border:0; }
  body.mt-canonical-ui .form-control,
  body.mt-canonical-ui input,
  body.mt-canonical-ui select,
  body.mt-canonical-ui textarea,
  body.mt-canonical-ui .select2-container .select2-choice { font-size:16px!important; max-width:100%; min-width:0; }
  body.mt-canonical-ui .panel, body.mt-canonical-ui .box, body.mt-canonical-ui .card { border-radius:16px; }
  body.mt-canonical-ui .panel-heading, body.mt-canonical-ui .page-title, body.mt-canonical-ui .tab-title { min-height:52px; padding:10px 12px; }
  body.mt-canonical-ui .form-group { padding:10px 12px; }
  body.mt-canonical-ui .form-group>[class*="col-"] { width:100%; float:none; padding-left:0; padding-right:0; }
  body.mt-canonical-ui .form-group>label[class*="col-"] { margin:0 0 7px; }
  .mt-bottom-nav { position:fixed; z-index:1040; display:grid; grid-template-columns:repeat(5,1fr); left:0; right:0; bottom:0; min-height:64px; padding:5px max(6px,env(safe-area-inset-left)) calc(5px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-right)); background:color-mix(in srgb,var(--mt-surface) 94%,transparent); backdrop-filter:blur(18px); border-top:1px solid var(--mt-line); }
  .mt-bottom-nav a, .mt-bottom-nav button { min-width:0; min-height:52px; border:0; background:transparent; color:var(--mt-muted); display:grid; place-items:center; align-content:center; gap:2px; font-size:10px; padding:2px; text-decoration:none; }
  .mt-bottom-nav i { font-size:20px; line-height:1; }
  .mt-ai-trigger { bottom:calc(78px + env(safe-area-inset-bottom)); right:14px; width:48px; height:48px; }
  .mt-ai-engine { top:60px; width:100vw; bottom:64px; }
  .mt-ai-engine-backdrop { inset:60px 0 64px; }
  body.mt-canonical-ui .mt-profile-hero { grid-template-columns:1fr; justify-items:center; text-align:center; }
  body.mt-canonical-ui .mt-employee-profile-card { grid-template-columns:1fr; text-align:center; }
  body.mt-canonical-ui .mt-employee-kpi .box { grid-template-columns:1fr 1fr; }
  body.mt-canonical-ui #profile-image-section .box-content.pl15 { padding-left:0!important; padding-right:0!important; }

  body.mt-canonical-ui .mt-kpi-grid { grid-template-columns:1fr 1fr; }
}

@media(min-width:768px) {
  body.mt-canonical-ui #page-container { padding-top:0; }
}

/* RTL geometry corrections. */
[dir="rtl"] .mt-ai-trigger { right:auto; left:18px; }
[dir="rtl"] .mt-ai-engine { right:auto; left:0; border-left:0; border-right:1px solid var(--mt-line); box-shadow:18px 0 50px rgba(0,0,0,.18); transform:translateX(-102%); }
[dir="rtl"] .mt-ai-engine.open { transform:translateX(0); }
[dir="rtl"] body.mt-canonical-ui #default-navbar .navbar-brand.mt-brand-lockup { flex-direction:row; }

/* ========================================================================== 
   Target 1.1.1 — Stabilization / Exploration Unblock
   Systemic overrides only. Preserve business/AJAX contracts.
   ========================================================================== */

/* Brand chrome: mark only. */
body.mt-canonical-ui #default-navbar .navbar-brand.mt-brand-lockup{width:auto!important;min-width:58px;padding:7px 12px!important;display:flex;align-items:center;justify-content:center}
body.mt-canonical-ui #default-navbar .mt-brand-mark{width:38px!important;height:38px!important;max-width:38px!important;object-fit:contain}
body.mt-canonical-ui #default-navbar .mt-brand-wordmark{display:none!important}
body.mt-canonical-ui #default-navbar .dropdown-user .mt-account-avatar{width:34px!important;height:34px!important;min-width:34px!important;border-radius:50%!important;overflow:hidden;border:1px solid rgba(213,162,50,.45);margin-top:1px!important}
body.mt-canonical-ui #default-navbar .dropdown-user .mt-account-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}
body.mt-canonical-ui #default-navbar .dropdown-user>a{display:flex;align-items:center;min-height:50px;padding-top:7px;padding-bottom:7px}
body.mt-canonical-ui .mt-appearance-control{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:8px!important}
body.mt-canonical-ui .mt-appearance-control button{min-width:0;min-height:34px;border:1px solid var(--mt-line);border-radius:9px;background:var(--mt-surface-2);color:var(--mt-text);font-weight:700;font-size:12px}
body.mt-canonical-ui .mt-appearance-control button.is-active{border-color:var(--mt-gold);box-shadow:inset 0 0 0 1px var(--mt-gold)}

/* Bottom navigation: centered scanner, concise labels, predictable geometry. */
@media(max-width:767px){
  .mt-bottom-nav.mt-bottom-nav-v111{grid-template-columns:repeat(5,minmax(0,1fr));min-height:70px;padding-top:4px}
  .mt-bottom-nav.mt-bottom-nav-v111 .mt-bottom-item{font-size:10px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mt-bottom-nav.mt-bottom-nav-v111 .mt-bottom-item>span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis}
  .mt-bottom-nav.mt-bottom-nav-v111 .mt-bottom-scan{overflow:visible;color:var(--mt-text)}
  .mt-bottom-nav.mt-bottom-nav-v111 .mt-bottom-scan-circle{width:54px;height:54px;margin-top:-20px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--mt-gold-2),var(--mt-gold));color:#171207;border:4px solid var(--mt-surface);box-shadow:0 8px 20px rgba(0,0,0,.2)}
  .mt-bottom-nav.mt-bottom-nav-v111 .mt-bottom-scan-circle i{font-size:23px}
  .mt-bottom-nav.mt-bottom-nav-v111 .mt-bottom-scan>span:last-child{margin-top:-1px}
}

/* Toggle rule: copy left, switch hard-right, always same row. */
body.mt-canonical-ui .general-form .form-group.mt-toggle-enhanced-row,
body.mt-canonical-ui .settings-row.mt-toggle-enhanced-row,
body.mt-canonical-ui .mt-toggle-enhanced-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;min-height:58px!important;padding:8px 14px!important}
body.mt-canonical-ui .mt-toggle-enhanced-row>label,
body.mt-canonical-ui .general-form .mt-toggle-enhanced-row>label{grid-column:1!important;width:auto!important;float:none!important;margin:0!important;padding:0!important;color:var(--mt-text)!important;align-self:center!important}
body.mt-canonical-ui .mt-toggle-enhanced-row>div,
body.mt-canonical-ui .general-form .mt-toggle-enhanced-row>div{grid-column:2!important;width:auto!important;float:none!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important}
body.mt-canonical-ui .mt-toggle-enhanced-row .mt-toggle-control{margin:0!important;flex:0 0 auto!important}
body.mt-canonical-ui .mt-binary-radio-enhanced{position:relative!important}
body.mt-canonical-ui .mt-binary-radio-enhanced .mt-binary-radio-option{display:none!important}
body.mt-canonical-ui .mt-binary-radio-enhanced .mt-binary-radio-switch{grid-column:2!important;display:flex!important;justify-content:flex-end!important}
@media(min-width:992px){
  body.mt-canonical-ui .mt-ui-settings .general-form .panel-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  body.mt-canonical-ui .mt-ui-settings .general-form .panel-body>.form-group{margin:0!important;border-right:1px solid var(--mt-line)}
  body.mt-canonical-ui .mt-ui-settings .general-form .panel-body>.form-group:nth-child(2n){border-right:0}
  body.mt-canonical-ui .mt-ui-settings .general-form .panel-body>.form-group:has(textarea),
  body.mt-canonical-ui .mt-ui-settings .general-form .panel-body>.form-group:has(.file-upload),
  body.mt-canonical-ui .mt-ui-settings .general-form .panel-body>.form-group:has(.select2-container){grid-column:auto}
}

/* Settings navigation: compact segmented shell rather than oversized legacy rails. */
body.mt-canonical-ui .mt-settings-nav{border:1px solid var(--mt-line);border-radius:16px;background:var(--mt-surface);overflow:hidden;box-shadow:var(--mt-shadow);margin-bottom:14px}
body.mt-canonical-ui .mt-settings-nav-head{padding:12px;border-bottom:1px solid var(--mt-line)}
body.mt-canonical-ui .mt-settings-nav-title{font-weight:800;font-size:17px;margin-bottom:8px}
body.mt-canonical-ui .mt-settings-search-wrap{position:relative}
body.mt-canonical-ui .mt-settings-search-wrap i{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--mt-muted);z-index:2}
body.mt-canonical-ui .mt-settings-search{padding-left:32px!important;min-height:38px!important}
body.mt-canonical-ui .mt-settings-segments{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:6px;background:var(--mt-surface-2);border-bottom:1px solid var(--mt-line)}
body.mt-canonical-ui .mt-settings-segment{min-width:0;min-height:36px;border:0;border-radius:9px;background:transparent;color:var(--mt-muted);font-weight:800;padding:7px 8px}
body.mt-canonical-ui .mt-settings-segment.active{background:var(--mt-surface);color:var(--mt-text);box-shadow:0 1px 4px rgba(0,0,0,.07)}
body.mt-canonical-ui .mt-settings-group{display:none}
body.mt-canonical-ui .mt-settings-group.active{display:block}
body.mt-canonical-ui .mt-settings-link{min-height:44px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--mt-line);color:var(--mt-text);text-decoration:none;background:transparent}
body.mt-canonical-ui .mt-settings-link:last-child{border-bottom:0}
body.mt-canonical-ui .mt-settings-link i{font-size:11px;color:var(--mt-muted)}
body.mt-canonical-ui .mt-settings-link.active{color:var(--mt-gold);font-weight:800;background:color-mix(in srgb,var(--mt-gold) 8%,var(--mt-surface))}
@media(max-width:767px){
  body.mt-canonical-ui .mt-ui-settings #page-content>.row>[class*="col-"]{width:100%!important;float:none!important}
  body.mt-canonical-ui .mt-settings-nav{margin:0 0 12px}
  body.mt-canonical-ui .mt-settings-nav-head{display:flex;align-items:center;gap:10px;padding:8px 10px}
  body.mt-canonical-ui .mt-settings-nav-title{margin:0;white-space:nowrap}
  body.mt-canonical-ui .mt-settings-search-wrap{flex:1;min-width:0}
  body.mt-canonical-ui .mt-settings-groups{max-height:176px;overflow:auto;-webkit-overflow-scrolling:touch}
  body.mt-canonical-ui .mt-settings-link{min-height:40px;padding:8px 10px;font-size:13px}
}

/* Work assignments: mobile cards, whole-row navigation, no plus/detail expander. */
body.mt-canonical-ui .work-assignment-module .wa-table-responsive{overflow:visible}
@media(max-width:767px){
  body.mt-canonical-ui .work-assignment-module .wa-page-title{display:flex;flex-direction:row;align-items:center!important;justify-content:space-between;padding:14px!important}
  body.mt-canonical-ui .work-assignment-module .wa-page-title h1{font-size:24px}
  body.mt-canonical-ui .work-assignment-module .wa-title-actions{width:auto!important}
  body.mt-canonical-ui .work-assignment-module .wa-title-actions .wa-btn{width:auto!important;min-width:0;padding:10px 12px}
  body.mt-canonical-ui .work-assignment-module .dataTables_wrapper .custom-toolbar{grid-template-columns:minmax(0,1fr) 48px!important;padding:10px!important;gap:8px!important}
  body.mt-canonical-ui .work-assignment-module .dataTables_filter{grid-column:1!important;width:100%!important}
  body.mt-canonical-ui .work-assignment-module .dataTables_filter input{width:100%!important;margin:0!important}
  body.mt-canonical-ui .work-assignment-module .DTTT_container,
  body.mt-canonical-ui .work-assignment-module .dataTables_length{display:none!important}
  body.mt-canonical-ui #work-assignment-table{display:block!important;width:100%!important;border:0!important}
  body.mt-canonical-ui #work-assignment-table thead{display:none!important}
  body.mt-canonical-ui #work-assignment-table tbody{display:block!important;padding:8px!important}
  body.mt-canonical-ui #work-assignment-table tbody tr{display:grid!important;grid-template-columns:1fr auto!important;gap:8px 12px!important;margin:0 0 10px!important;padding:13px!important;border:1px solid var(--mt-line)!important;border-radius:14px!important;background:var(--mt-surface)!important;box-shadow:none!important;cursor:pointer!important}
  body.mt-canonical-ui #work-assignment-table tbody td{display:block!important;width:auto!important;min-width:0!important;padding:0!important;border:0!important;background:transparent!important;color:var(--mt-text)!important;white-space:normal!important}
  body.mt-canonical-ui #work-assignment-table tbody td:nth-child(1),body.mt-canonical-ui #work-assignment-table tbody td:nth-child(7),body.mt-canonical-ui #work-assignment-table tbody td:nth-child(8){display:none!important}
  body.mt-canonical-ui #work-assignment-table tbody td:nth-child(2){grid-column:1/-1;font-size:15px;font-weight:800}
  body.mt-canonical-ui #work-assignment-table tbody td:nth-child(2) a{color:var(--mt-text)!important;text-decoration:none!important}
  body.mt-canonical-ui #work-assignment-table tbody td:nth-child(3){grid-column:1;color:var(--mt-muted)!important;font-size:12px}
  body.mt-canonical-ui #work-assignment-table tbody td:nth-child(4){grid-column:2;grid-row:2;font-size:12px;font-weight:800;color:var(--mt-text)!important;text-align:right}
  body.mt-canonical-ui #work-assignment-table tbody td:nth-child(5){grid-column:1;font-size:12px}
  body.mt-canonical-ui #work-assignment-table tbody td:nth-child(6){grid-column:2;font-size:12px;color:var(--mt-muted)!important;text-align:right}
  body.mt-canonical-ui #work-assignment-table tbody tr:after{content:"\f054";font-family:FontAwesome;grid-column:2;grid-row:1;color:var(--mt-muted);align-self:center}
  body.mt-canonical-ui .work-assignment-module .dataTables_wrapper .dataTables_paginate{float:none!important;text-align:center!important;margin:6px auto 10px!important}
  body.mt-canonical-ui .mt-wa-fullscreen-dialog{position:fixed!important;inset:0!important;margin:0!important;width:100%!important;max-width:none!important;height:100%!important}
  body.mt-canonical-ui .mt-wa-fullscreen-dialog .modal-content{height:100%!important;min-height:100%!important;border:0!important;border-radius:0!important;display:flex!important;flex-direction:column!important;background:var(--mt-canvas)!important}
  body.mt-canonical-ui .mt-wa-fullscreen-dialog .modal-header{flex:0 0 auto!important}
  body.mt-canonical-ui .mt-wa-fullscreen-dialog .work-assignment-modal{display:flex!important;flex:1 1 auto!important;min-height:0!important;flex-direction:column!important}
  body.mt-canonical-ui .mt-wa-fullscreen-dialog .wa-form-body{flex:1 1 auto!important;overflow-y:auto!important;margin:0!important;border-radius:0!important;border-left:0!important;border-right:0!important}
  body.mt-canonical-ui .mt-wa-fullscreen-dialog .wa-field-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;padding:10px 14px!important}
  body.mt-canonical-ui .mt-wa-fullscreen-dialog .wa-field-label{grid-column:1/-1!important;padding:0 0 6px!important}
  body.mt-canonical-ui .mt-wa-fullscreen-dialog .wa-field-control{grid-column:1/-1!important;padding:0!important;width:100%!important}
  body.mt-canonical-ui .mt-wa-fullscreen-dialog .wa-switch-row{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important}
  body.mt-canonical-ui .mt-wa-fullscreen-dialog .wa-switch-row .wa-field-label{grid-column:1!important;padding:0!important}
  body.mt-canonical-ui .mt-wa-fullscreen-dialog .wa-switch-row .wa-switch-control{grid-column:2!important;justify-content:flex-end!important;width:auto!important}
  body.mt-canonical-ui .mt-wa-fullscreen-dialog .wa-modal-actions{flex:0 0 auto!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;background:var(--mt-surface)!important}
  body.mt-canonical-ui .mt-wa-fullscreen-dialog .wa-modal-actions .wa-btn-primary{grid-column:2!important;width:100%!important}
  body.mt-canonical-ui .mt-wa-fullscreen-dialog .wa-modal-actions .wa-btn-secondary{grid-column:1!important;width:auto!important}
}
/* Select2 must remain usable for employee chooser and all shared filters. */
body.mt-canonical-ui .select2-drop{background:var(--mt-surface)!important;color:var(--mt-text)!important;border-color:var(--mt-line)!important;min-width:220px}
body.mt-canonical-ui .select2-results .select2-result-label{color:var(--mt-text)!important;white-space:normal!important;line-height:1.35!important;padding:8px 10px!important}
body.mt-canonical-ui .select2-results .select2-highlighted{background:color-mix(in srgb,var(--mt-gold) 18%,var(--mt-surface))!important;color:var(--mt-text)!important}
body.mt-canonical-ui .work-assignment-modal .select2-container{width:100%!important;min-width:280px!important}
body.mt-canonical-ui .work-assignment-modal .select2-drop{min-width:340px!important;max-width:min(92vw,520px)!important}

/* Dark-mode DataTables / filters: never white-on-white. */
html[data-theme="dark"] body.mt-canonical-ui table.dataTable,
body.mt-canonical-ui.dark-theme table.dataTable{background:var(--mt-surface)!important;color:var(--mt-text)!important}
html[data-theme="dark"] body.mt-canonical-ui table.dataTable tbody tr,
body.mt-canonical-ui.dark-theme table.dataTable tbody tr{background:var(--mt-surface)!important;color:var(--mt-text)!important}
html[data-theme="dark"] body.mt-canonical-ui table.dataTable tbody td,
body.mt-canonical-ui.dark-theme table.dataTable tbody td{background:var(--mt-surface)!important;color:var(--mt-text)!important;border-color:var(--mt-line)!important}
html[data-theme="dark"] body.mt-canonical-ui table.dataTable thead th,
body.mt-canonical-ui.dark-theme table.dataTable thead th{background:var(--mt-surface-2)!important;color:var(--mt-muted)!important;border-color:var(--mt-line)!important}
html[data-theme="dark"] body.mt-canonical-ui .dataTables_wrapper .custom-toolbar,
body.mt-canonical-ui.dark-theme .dataTables_wrapper .custom-toolbar{background:var(--mt-surface-2)!important;color:var(--mt-text)!important}
html[data-theme="dark"] body.mt-canonical-ui .dataTables_wrapper input,
html[data-theme="dark"] body.mt-canonical-ui .dataTables_wrapper select,
html[data-theme="dark"] body.mt-canonical-ui .select2-container .select2-choice,
body.mt-canonical-ui.dark-theme .dataTables_wrapper input,
body.mt-canonical-ui.dark-theme .dataTables_wrapper select,
body.mt-canonical-ui.dark-theme .select2-container .select2-choice{background:var(--mt-surface)!important;color:var(--mt-text)!important;border-color:var(--mt-line)!important}
html[data-theme="dark"] body.mt-canonical-ui .select2-container .select2-choice .select2-chosen,
body.mt-canonical-ui.dark-theme .select2-container .select2-choice .select2-chosen{color:var(--mt-text)!important}
html[data-theme="dark"] .select2-drop,body.dark-theme .select2-drop{background:#14181c!important;color:#f7f7f8!important;border-color:#303740!important}
html[data-theme="dark"] .select2-results .select2-result-label,body.dark-theme .select2-results .select2-result-label{color:#f7f7f8!important}
html[data-theme="dark"] .select2-search input,body.dark-theme .select2-search input{background:#1c2228!important;color:#f7f7f8!important;border-color:#303740!important}
html[data-theme="dark"] body.mt-canonical-ui .DTTT_button,
html[data-theme="dark"] body.mt-canonical-ui .dt-button,
body.mt-canonical-ui.dark-theme .DTTT_button,
body.mt-canonical-ui.dark-theme .dt-button{background:var(--mt-surface-2)!important;color:var(--mt-text)!important;border:1px solid var(--mt-line)!important;border-radius:9px!important;box-shadow:none!important}

/* Calendar: modern FullCalendar skin while preserving event backend/contracts. */
body.mt-canonical-ui .mt-calendar-surface{overflow:hidden}
body.mt-canonical-ui .mt-calendar-titlebar{display:flex;align-items:center;justify-content:space-between;gap:14px}
body.mt-canonical-ui .mt-calendar-subtitle{color:var(--mt-muted);font-size:12px;margin-top:3px}
body.mt-canonical-ui .mt-calendar-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--mt-line);background:var(--mt-surface-2)}
body.mt-canonical-ui .mt-calendar-filter{min-width:180px;flex:1 1 210px}
body.mt-canonical-ui .mt-calendar-secondary-actions{display:flex;gap:8px;margin-left:auto}
body.mt-canonical-ui .mt-calendar-body{padding:14px!important}
body.mt-canonical-ui .fc{color:var(--mt-text)}
body.mt-canonical-ui .fc-toolbar{display:grid!important;grid-template-columns:auto 1fr auto!important;gap:10px!important;align-items:center!important;margin-bottom:14px!important}
body.mt-canonical-ui .fc-toolbar .fc-center{text-align:center!important}
body.mt-canonical-ui .fc-toolbar h2{font-size:22px!important;font-weight:800!important;color:var(--mt-text)!important}
body.mt-canonical-ui .fc button{background:var(--mt-surface-2)!important;color:var(--mt-text)!important;border:1px solid var(--mt-line)!important;box-shadow:none!important;text-shadow:none!important;border-radius:9px!important;height:38px!important;padding:0 11px!important}
body.mt-canonical-ui .fc button.fc-state-active{background:var(--mt-text)!important;color:var(--mt-surface)!important}
body.mt-canonical-ui .fc-unthemed th,body.mt-canonical-ui .fc-unthemed td,body.mt-canonical-ui .fc-unthemed thead,body.mt-canonical-ui .fc-unthemed tbody,body.mt-canonical-ui .fc-unthemed .fc-row,body.mt-canonical-ui .fc-unthemed .fc-content,body.mt-canonical-ui .fc-unthemed .fc-divider,body.mt-canonical-ui .fc-unthemed .fc-list-view,body.mt-canonical-ui .fc-unthemed .fc-popover{border-color:var(--mt-line)!important}
body.mt-canonical-ui .fc-day,body.mt-canonical-ui .fc-day-number{color:var(--mt-text)!important}
body.mt-canonical-ui .fc-day-header{background:var(--mt-surface-2)!important;color:var(--mt-muted)!important;padding:8px 4px!important}
body.mt-canonical-ui .fc-today{background:color-mix(in srgb,var(--mt-gold) 11%,var(--mt-surface))!important}
body.mt-canonical-ui .fc-event{border:0!important;border-radius:7px!important;padding:2px 5px!important;background:color-mix(in srgb,var(--mt-gold) 82%,#fff)!important;color:#171207!important}
body.mt-canonical-ui .fc-event .fc-title,body.mt-canonical-ui .fc-event .fc-time{color:#171207!important}
body.mt-canonical-ui .mt-calendar-agenda{margin-top:14px;border:1px solid var(--mt-line);border-radius:14px;overflow:hidden;background:var(--mt-surface)}
body.mt-canonical-ui .mt-calendar-agenda-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--mt-surface-2);border-bottom:1px solid var(--mt-line)}
body.mt-canonical-ui .mt-agenda-item{width:100%;min-height:58px;border:0;border-bottom:1px solid var(--mt-line);background:transparent;color:var(--mt-text);display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 14px;text-align:left}
body.mt-canonical-ui .mt-agenda-item:last-child{border-bottom:0}
body.mt-canonical-ui .mt-agenda-dot{width:8px;height:8px;border-radius:50%;background:var(--mt-gold)}
body.mt-canonical-ui .mt-agenda-copy strong,body.mt-canonical-ui .mt-agenda-copy small{display:block}.mt-agenda-copy small{color:var(--mt-muted);margin-top:3px}
body.mt-canonical-ui .mt-agenda-empty{padding:18px;text-align:center;color:var(--mt-muted)}
@media(max-width:767px){
  body.mt-canonical-ui .mt-calendar-page{padding:10px!important}
  body.mt-canonical-ui .mt-calendar-titlebar{align-items:center!important;flex-direction:row!important}
  body.mt-canonical-ui .mt-calendar-titlebar h1{font-size:24px!important}
  body.mt-canonical-ui .mt-calendar-primary-actions .btn{min-width:0!important;padding:9px 11px!important}
  body.mt-canonical-ui .mt-calendar-toolbar{display:grid;grid-template-columns:1fr auto;padding:9px!important}
  body.mt-canonical-ui .mt-calendar-filter{min-width:0!important;width:100%!important;grid-column:1/-1}
  body.mt-canonical-ui .mt-calendar-secondary-actions{grid-column:1/-1;margin:0!important}
  body.mt-canonical-ui .mt-calendar-secondary-actions .btn{flex:1!important}
  body.mt-canonical-ui .fc-toolbar{grid-template-columns:auto 1fr!important}
  body.mt-canonical-ui .fc-toolbar .fc-center{grid-column:1/-1;grid-row:1;text-align:left!important}
  body.mt-canonical-ui .fc-toolbar .fc-left{grid-column:1;grid-row:2}
  body.mt-canonical-ui .fc-toolbar .fc-right{grid-column:2;grid-row:2;display:flex;justify-content:flex-end}
  body.mt-canonical-ui .fc-toolbar h2{font-size:20px!important}
  body.mt-canonical-ui .fc button{font-size:12px!important;padding:0 8px!important;min-width:0!important}
  body.mt-canonical-ui .fc-day-grid-event .fc-content{white-space:normal!important;font-size:10px!important}
}

/* Dashboard: cleaner geometry without changing widget logic. */
body.mt-canonical-ui .mt-dashboard-v111>.row{display:flex;flex-wrap:wrap;margin-left:-7px;margin-right:-7px}
body.mt-canonical-ui .mt-dashboard-v111>.row>[class*="col-"]{padding-left:7px;padding-right:7px}
body.mt-canonical-ui .mt-dashboard-v111 .widget-container .panel,
body.mt-canonical-ui .mt-dashboard-v111 .project_and_clock_status_widget{border-radius:16px!important;border:1px solid var(--mt-line)!important;box-shadow:var(--mt-shadow)!important;background:var(--mt-surface)!important;overflow:hidden}
body.mt-canonical-ui .mt-dashboard-v111 .project_and_clock_status_widget .box{box-shadow:none!important;border:0!important;border-radius:0!important}
body.mt-canonical-ui .mt-dashboard-v111 .panel-heading{min-height:50px!important;padding:10px 13px!important}
body.mt-canonical-ui .dashbaord-header-area #dashboards-color-tags{display:none!important}
@media(max-width:767px){body.mt-canonical-ui .mt-dashboard-v111{padding:10px!important}body.mt-canonical-ui .mt-dashboard-v111>.row{display:block;margin:0}body.mt-canonical-ui .mt-dashboard-v111>.row>[class*="col-"]{padding:0;width:100%!important;float:none!important}.mt-dashboard-v111 .widget-container{margin-bottom:10px!important}}

/* Scan Center: modern shell over proven existing sticker scan backend. */
body.mt-canonical-ui .mt-scan-page{padding:0!important;min-height:calc(100vh - 50px);background:#080a0d!important;color:#fff!important}
body.mt-canonical-ui .mt-scan-shell{min-height:calc(100vh - 50px);display:flex;flex-direction:column;background:#080a0d}
body.mt-canonical-ui .mt-scan-head{height:58px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:6px 10px;border-bottom:1px solid rgba(255,255,255,.12)}
body.mt-canonical-ui .mt-scan-head strong{text-align:center;font-size:18px}.mt-scan-close,.mt-scan-icon{width:40px;height:40px;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff}
body.mt-canonical-ui .mt-scan-camera{position:relative;flex:1;min-height:360px;overflow:hidden;background:#000}
body.mt-canonical-ui .mt-scan-camera video{width:100%;height:100%;min-height:360px;object-fit:cover}
body.mt-canonical-ui .mt-scan-mask{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.14);pointer-events:none}
body.mt-canonical-ui .mt-scan-frame{width:min(72vw,360px);aspect-ratio:1;border:2px solid rgba(255,255,255,.9);border-radius:22px;box-shadow:0 0 0 999px rgba(0,0,0,.33)}
body.mt-canonical-ui #mt-scan-status{position:absolute;left:20px;right:20px;bottom:18px;padding:9px 12px;border-radius:999px;text-align:center;background:rgba(0,0,0,.58);backdrop-filter:blur(10px);font-weight:800;color:#fff}
body.mt-canonical-ui #mt-scan-status.success{background:rgba(21,147,90,.82)}body.mt-canonical-ui #mt-scan-status.error{background:rgba(217,54,62,.82)}
body.mt-canonical-ui .mt-scan-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;background:#0e1216}.mt-scan-actions .btn{background:#1b2026!important;color:#fff!important;border-color:#303740!important}
body.mt-canonical-ui .mt-scan-recent{max-height:150px;overflow:auto;background:#0e1216;padding:0 10px 10px}.mt-scan-recent-item{display:flex;align-items:center;gap:9px;padding:9px 10px;border-top:1px solid #303740;color:#fff}.mt-scan-recent-item i{color:#39bf7a}
@media(max-width:767px){body.mt-canonical-ui.mt-ui-scan-center #default-navbar,body.mt-canonical-ui.mt-ui-scan-center #sidebar{display:none!important}body.mt-canonical-ui.mt-ui-scan-center #page-container{margin:0!important;padding:0 0 70px!important}body.mt-canonical-ui.mt-ui-scan-center .mt-bottom-nav{background:#0e1216!important;border-top-color:#303740!important}body.mt-canonical-ui.mt-ui-scan-center .mt-bottom-nav a,body.mt-canonical-ui.mt-ui-scan-center .mt-bottom-nav button{color:#c8ced4!important}}

/* DataTables responsive disclosure: chevrons, never legacy plus/minus circles. */
body.mt-canonical-ui table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
body.mt-canonical-ui table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{content:"\f054"!important;font-family:FontAwesome!important;background:transparent!important;color:var(--mt-muted)!important;border:0!important;box-shadow:none!important;width:18px!important;height:18px!important;line-height:18px!important;font-size:11px!important;text-align:center!important}
body.mt-canonical-ui table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,
body.mt-canonical-ui table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before{content:"\f078"!important;background:transparent!important;color:var(--mt-gold)!important}
[dir="rtl"] body.mt-canonical-ui table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,[dir="rtl"] body.mt-canonical-ui table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{content:"\f053"!important}
[dir="rtl"] body.mt-canonical-ui table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,[dir="rtl"] body.mt-canonical-ui table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before{content:"\f078"!important}

/* ========================================================================== 
   Target 1.1.2 — Mobile More/Sidebar scroll-safe-area hotfix
   The fixed bottom navigation must never cover the end of a scrollable menu.
   ========================================================================== */
:root{
  --mt-mobile-header-h:60px;
  --mt-mobile-bottom-nav-h:70px;
}

@media(max-width:767px){
  /* Use real viewport edges instead of legacy 100%/100vh geometry. */
  body.mt-canonical-ui.off-screen #sidebar,
  body.mt-canonical-ui.off-screen #sidebar.collapsed{
    top:var(--mt-mobile-header-h)!important;
    bottom:calc(var(--mt-mobile-bottom-nav-h) + env(safe-area-inset-bottom))!important;
    height:auto!important;
    max-height:none!important;
    padding-top:7px!important;
    padding-bottom:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  /* helper.js writes a pixel height inline; override it with the actual
     remaining viewport so the final Settings row can scroll fully above nav. */
  body.mt-canonical-ui.off-screen #sidebar-scroll{
    height:100%!important;
    max-height:100%!important;
    min-height:0!important;
    position:relative!important;
    box-sizing:border-box!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
  }

  body.mt-canonical-ui.off-screen #sidebar-menu{
    margin-bottom:0!important;
    padding-bottom:24px!important;
    box-sizing:border-box!important;
  }

  /* All ordinary mobile pages reserve the same canonical bottom inset. */
  body.mt-canonical-ui:not(.mt-ui-scan-center) #page-container{
    padding-bottom:calc(var(--mt-mobile-bottom-nav-h) + env(safe-area-inset-bottom))!important;
  }

  /* Dynamic viewport support for modern iOS Safari while preserving fallback. */
  @supports(height:100dvh){
    body.mt-canonical-ui.off-screen #sidebar,
    body.mt-canonical-ui.off-screen #sidebar.collapsed{
      max-height:calc(100dvh - var(--mt-mobile-header-h) - var(--mt-mobile-bottom-nav-h) - env(safe-area-inset-bottom))!important;
    }
  }
}

/* ========================================================================== 
   Target 1.1.3 — Stabilization: Settings, mobile data, compact actions
   ========================================================================== */
.mt-ai-sparkle{font-size:1.25em;line-height:1;font-weight:900}
body.mt-canonical-ui .mt-ai-trigger .mt-ai-sparkle{font-size:24px}
body.mt-canonical-ui .avatar img,
body.mt-canonical-ui table.dataTable .avatar img,
body.mt-canonical-ui .mt-account-avatar img{border-radius:50%!important;aspect-ratio:1/1;object-fit:cover}

/* Canonical Settings navigation. Desktop: contained sticky rail. */
@media(min-width:768px){
  body.mt-canonical-ui .mt-settings-nav{position:sticky;top:74px;max-height:calc(100dvh - 92px);display:flex;flex-direction:column;overflow:hidden}
  body.mt-canonical-ui .mt-settings-groups{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  body.mt-canonical-ui .mt-settings-link{height:44px;min-height:44px!important;white-space:nowrap;overflow:hidden}
  body.mt-canonical-ui .mt-settings-link span{min-width:0;overflow:hidden;text-overflow:ellipsis}
}

/* Mobile Settings uses full canvas + two sticky horizontal navigation layers. */
@media(max-width:767px){
  body.mt-canonical-ui #page-content:has(.mt-settings-nav)>.row>[class*="col-sm-"]{float:none!important;width:100%!important;padding-left:0!important;padding-right:0!important}
  body.mt-canonical-ui .mt-settings-nav{position:sticky;top:60px;z-index:35;margin:0 0 10px!important;border-radius:0!important;border-left:0!important;border-right:0!important;box-shadow:0 6px 18px rgba(0,0,0,.08)!important;overflow:visible!important}
  body.mt-canonical-ui .mt-settings-nav-head{display:flex!important;align-items:center!important;gap:10px!important;padding:8px 12px!important;background:var(--mt-surface)!important}
  body.mt-canonical-ui .mt-settings-nav-title{font-size:18px!important;margin:0!important;flex:0 0 auto}
  body.mt-canonical-ui .mt-settings-search-wrap{flex:1 1 auto;min-width:0}
  body.mt-canonical-ui .mt-settings-search{height:40px!important;min-height:40px!important;font-size:16px!important;border-radius:13px!important}
  body.mt-canonical-ui .mt-settings-segments{display:grid!important;grid-template-columns:1fr 1fr!important;padding:5px 8px!important;gap:5px!important;position:relative;z-index:2}
  body.mt-canonical-ui .mt-settings-segment{height:40px!important;min-height:40px!important;padding:6px 10px!important;font-size:14px!important}
  body.mt-canonical-ui .mt-settings-groups{max-height:none!important;height:auto!important;overflow:visible!important;background:var(--mt-surface)!important}
  body.mt-canonical-ui .mt-settings-group.active{display:flex!important;gap:0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:0 8px!important;border-top:1px solid var(--mt-line)}
  body.mt-canonical-ui .mt-settings-group.active::-webkit-scrollbar{display:none}
  body.mt-canonical-ui .mt-settings-link{flex:0 0 auto!important;width:auto!important;height:44px!important;min-height:44px!important;padding:0 13px!important;border-bottom:2px solid transparent!important;display:flex!important;align-items:center!important;background:transparent!important;border-radius:0!important;font-size:14px!important;white-space:nowrap!important}
  body.mt-canonical-ui .mt-settings-link i{display:none!important}
  body.mt-canonical-ui .mt-settings-link.active{background:transparent!important;color:var(--mt-text)!important;border-bottom-color:var(--mt-gold)!important;box-shadow:none!important}
  body.mt-canonical-ui .mt-settings-link.active span{color:var(--mt-gold)!important;font-weight:800}
  body.mt-canonical-ui .mt-settings-nav+*{min-width:0}
  body.mt-canonical-ui .general-form .panel,body.mt-canonical-ui .mt-settings-content{border-radius:14px!important}
}

/* Toggle rows: text on the left, switch on the physical right, always one row. */
body.mt-canonical-ui .mt-toggle-enhanced-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;min-height:52px!important}
body.mt-canonical-ui .mt-toggle-enhanced-row>label,
body.mt-canonical-ui .mt-toggle-enhanced-row>.control-label{margin:0!important;min-width:0!important;flex:1 1 auto!important;text-align:left!important}
body.mt-canonical-ui .mt-toggle-enhanced-row>.col-md-8,
body.mt-canonical-ui .mt-toggle-enhanced-row>.col-md-9,
body.mt-canonical-ui .mt-toggle-enhanced-row>.mt-binary-radio-switch{margin-left:auto!important;flex:0 0 auto!important;width:auto!important;float:none!important}
[dir="rtl"] body.mt-canonical-ui .mt-toggle-enhanced-row>label,[dir="rtl"] body.mt-canonical-ui .mt-toggle-enhanced-row>.control-label{text-align:right!important}

/* DataTable toolbars are one controlled grid, never floating random controls. */
body.mt-canonical-ui .dataTables_wrapper .custom-toolbar{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;padding:10px 12px!important}
body.mt-canonical-ui .dataTables_wrapper .custom-toolbar>*{margin:0!important;float:none!important}
body.mt-canonical-ui .dataTables_wrapper .dataTables_filter{margin:0!important;float:none!important;min-width:220px}
body.mt-canonical-ui .dataTables_wrapper .dataTables_filter input{height:40px!important;min-height:40px!important;margin:0!important;border-radius:11px!important;font-size:14px!important}
body.mt-canonical-ui .dataTables_wrapper .DTTT_container .btn,
body.mt-canonical-ui .dataTables_wrapper .dt-buttons .btn{height:40px!important;min-height:40px!important;padding:0 12px!important;border-radius:11px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;box-shadow:none!important}
body.mt-canonical-ui .dataTables_wrapper .column-show-hide-popover{width:44px!important;min-width:44px!important;padding:0!important;color:var(--mt-text)!important;background:var(--mt-surface)!important;border:1px solid var(--mt-line)!important}
body.mt-canonical-ui .select2-container .select2-choice{min-height:40px!important;display:flex!important;align-items:center!important;border-radius:11px!important}

/* Mobile tables become compact two-column cards; no horizontal table hunting. */
@media(max-width:767px){
  body.mt-canonical-ui .table-responsive{overflow-x:visible!important;min-height:0!important;border:0!important}
  body.mt-canonical-ui .dataTables_wrapper .custom-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;gap:8px!important;padding:10px!important}
  body.mt-canonical-ui .dataTables_wrapper .dataTables_filter{grid-column:1!important;width:100%!important;min-width:0!important}
  body.mt-canonical-ui .dataTables_wrapper .dataTables_filter input{width:100%!important;font-size:16px!important}
  body.mt-canonical-ui .dataTables_wrapper .DTTT_container{grid-column:2!important;width:44px!important}
  body.mt-canonical-ui .dataTables_wrapper .DTTT_container:not(:has(.column-show-hide-popover)){display:none!important}
  body.mt-canonical-ui table.mt-mobile-card-table{display:block!important;width:100%!important;border:0!important;background:transparent!important}
  body.mt-canonical-ui table.mt-mobile-card-table thead{display:none!important}
  body.mt-canonical-ui table.mt-mobile-card-table tbody{display:grid!important;gap:9px!important;padding:9px!important;width:100%!important}
  body.mt-canonical-ui table.mt-mobile-card-table tbody tr:not(.child):not(.group){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:7px 12px!important;width:100%!important;margin:0!important;padding:12px!important;border:1px solid var(--mt-line)!important;border-radius:14px!important;background:var(--mt-surface)!important;box-shadow:var(--mt-shadow)!important;overflow:hidden!important}
  body.mt-canonical-ui table.mt-mobile-card-table tbody td{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:2px!important;width:auto!important;min-width:0!important;max-width:100%!important;padding:2px 0!important;border:0!important;background:transparent!important;color:var(--mt-text)!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:left!important}
  [dir="rtl"] body.mt-canonical-ui table.mt-mobile-card-table tbody td{text-align:right!important;align-items:flex-start!important}
  body.mt-canonical-ui table.mt-mobile-card-table tbody td:before{content:attr(data-mt-label);display:block;font-size:10px!important;line-height:1.15;color:var(--mt-muted)!important;text-transform:none;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  body.mt-canonical-ui table.mt-mobile-card-table tbody td.mt-card-primary{grid-column:1/-1!important;font-size:15px!important;font-weight:800!important;padding-bottom:5px!important}
  body.mt-canonical-ui table.mt-mobile-card-table tbody td.mt-card-primary:before{display:none!important}
  body.mt-canonical-ui table.mt-mobile-card-table tbody td.mt-card-action{grid-column:1/-1!important;display:flex!important;flex-direction:row!important;justify-content:flex-end!important;align-items:center!important;gap:6px!important;padding-top:7px!important;border-top:1px solid var(--mt-line)!important}
  body.mt-canonical-ui table.mt-mobile-card-table tbody td.mt-card-action:before{display:none!important}
  body.mt-canonical-ui table.mt-mobile-card-table tbody td.mt-card-hidden,body.mt-canonical-ui table.mt-mobile-card-table tbody td.mt-card-empty{display:none!important}
  body.mt-canonical-ui table.mt-mobile-card-table tbody td.mt-card-id{font-size:11px!important;color:var(--mt-muted)!important}
  body.mt-canonical-ui table.mt-mobile-card-table.dtr-inline.collapsed>tbody>tr>td:first-child:before{position:static!important;content:attr(data-mt-label)!important;font-family:inherit!important;width:auto!important;height:auto!important;line-height:1.15!important}
  body.mt-canonical-ui table.mt-mobile-card-table img{max-width:38px!important;max-height:38px!important}
}

/* Work Assignments: denser, more deliberate mobile cards. */
@media(max-width:767px){
  body.mt-canonical-ui .work-assignment-module .wa-page-title{padding:16px!important;gap:12px!important}
  body.mt-canonical-ui .work-assignment-module .wa-page-title h1{font-size:22px!important;line-height:1.1!important;margin:0!important}
  body.mt-canonical-ui .work-assignment-module .wa-title-actions .wa-btn{height:44px!important;min-height:44px!important;padding:0 12px!important;border-radius:13px!important;line-height:1.1!important}
  body.mt-canonical-ui #work-assignment-table tbody{padding:8px!important}
  body.mt-canonical-ui #work-assignment-table tbody tr{grid-template-columns:minmax(0,1fr) auto!important;gap:5px 10px!important;margin-bottom:8px!important;padding:12px!important;border-radius:14px!important}
  body.mt-canonical-ui #work-assignment-table tbody td:nth-child(2){grid-column:1/-1!important;font-size:15px!important;line-height:1.25!important;padding-right:22px!important}
  body.mt-canonical-ui #work-assignment-table tbody td:nth-child(3){grid-column:1!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.02em}
  body.mt-canonical-ui #work-assignment-table tbody td:nth-child(4){grid-column:2!important;grid-row:2!important;font-size:11px!important;color:var(--mt-gold)!important}
  body.mt-canonical-ui #work-assignment-table tbody td:nth-child(5){grid-column:1!important;font-size:11px!important}
  body.mt-canonical-ui #work-assignment-table tbody td:nth-child(6){grid-column:2!important;font-size:11px!important}
  body.mt-canonical-ui #work-assignment-table tbody tr:after{grid-row:1!important;font-size:12px!important}
}

/* Canonical full-screen More. */
body.mt-canonical-ui .mt-more-page{max-width:920px;margin:0 auto;padding:24px!important}
body.mt-canonical-ui .mt-more-head h1{margin:0 0 18px;font-size:30px;font-weight:800}
body.mt-canonical-ui .mt-more-section{margin:0 0 22px}
body.mt-canonical-ui .mt-more-section h2{margin:0 0 8px;padding:0 10px;color:var(--mt-muted);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
body.mt-canonical-ui .mt-more-list{border:1px solid var(--mt-line);border-radius:16px;background:var(--mt-surface);overflow:hidden}
body.mt-canonical-ui .mt-more-row{height:52px;display:grid;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--mt-line);color:var(--mt-text);text-decoration:none}
body.mt-canonical-ui .mt-more-row:last-child{border-bottom:0}.mt-more-row>i:first-child{font-size:16px;text-align:center;color:var(--mt-muted)}
body.mt-canonical-ui .mt-more-row-copy{min-width:0}.mt-more-row-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.mt-more-chevron{font-size:11px;color:var(--mt-muted)}
body.mt-canonical-ui .mt-more-row:hover{background:var(--mt-surface-2);color:var(--mt-text)}
@media(max-width:767px){body.mt-canonical-ui .mt-more-page{padding:18px 14px calc(88px + env(safe-area-inset-bottom))!important}.mt-more-head h1{font-size:26px!important}.mt-more-row{height:50px!important}}

/* Bottom nav adapts when Scan module is disabled. */
@media(max-width:767px){body.mt-canonical-ui .mt-bottom-nav.mt-bottom-nav-no-scan{grid-template-columns:repeat(4,1fr)!important}}

/* Target 1.1.3 scanner: Html5Qrcode engine, rear camera first, semantic torch icon. */
body.mt-canonical-ui .mt-scan-reader{position:absolute;inset:0;background:#000;overflow:hidden}
body.mt-canonical-ui .mt-scan-reader>video,body.mt-canonical-ui .mt-scan-reader video{width:100%!important;height:100%!important;object-fit:cover!important}
body.mt-canonical-ui .mt-scan-reader img,body.mt-canonical-ui .mt-scan-reader__dashboard,body.mt-canonical-ui #mt-scan-reader__dashboard{display:none!important}
body.mt-canonical-ui .mt-flashlight-icon{width:22px;height:22px;display:block}
body.mt-canonical-ui .mt-scan-recent-item{min-height:48px}.mt-scan-recent-copy{display:flex;flex-direction:column;min-width:0;flex:1}.mt-scan-recent-copy strong,.mt-scan-recent-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mt-scan-recent-copy small{opacity:.66;margin-top:2px}.mt-scan-open{width:38px;height:38px;display:grid;place-items:center;color:#fff}

/* 1.1.3 stabilization: AI settings content must never inherit Settings-nav panel hiding. */
body.mt-canonical-ui .mt-ai-settings-card{display:block!important}

/* Attendance header/tabs: actions and navigation are separate surfaces so they cannot overlap. */
body.mt-canonical-ui .mt-attendance-page>.panel{overflow:hidden}
body.mt-canonical-ui .mt-attendance-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--mt-line);background:var(--mt-surface)}
body.mt-canonical-ui .mt-attendance-header h1{font-size:22px;line-height:1.2;margin:0;font-weight:700}
body.mt-canonical-ui .mt-attendance-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
body.mt-canonical-ui .mt-attendance-actions .btn{height:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;margin:0!important}
body.mt-canonical-ui .mt-attendance-tab-strip{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom:1px solid var(--mt-line);background:var(--mt-surface)}
body.mt-canonical-ui .mt-attendance-tab-strip::-webkit-scrollbar{display:none}
body.mt-canonical-ui .mt-attendance-tab-strip .nav-tabs{display:flex;flex-wrap:nowrap;width:max-content;min-width:100%;border:0!important;margin:0!important;padding:0 8px!important;background:transparent!important}
body.mt-canonical-ui .mt-attendance-tab-strip .nav-tabs>li{float:none!important;flex:0 0 auto;margin:0!important}
body.mt-canonical-ui .mt-attendance-tab-strip .nav-tabs>li>a{height:48px;display:flex;align-items:center;padding:0 14px!important;margin:0!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;white-space:nowrap;color:var(--mt-muted)!important;background:transparent!important}
body.mt-canonical-ui .mt-attendance-tab-strip .nav-tabs>li>a.active,body.mt-canonical-ui .mt-attendance-tab-strip .nav-tabs>li.active>a{color:var(--mt-text)!important;border-bottom-color:var(--mt-gold)!important}
@media(max-width:767px){
 body.mt-canonical-ui .mt-attendance-page{padding:8px!important}
 body.mt-canonical-ui .mt-attendance-header{align-items:flex-start;padding:14px;flex-direction:column}
 body.mt-canonical-ui .mt-attendance-header h1{font-size:21px}
 body.mt-canonical-ui .mt-attendance-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 body.mt-canonical-ui .mt-attendance-actions .btn:last-child:nth-child(odd){grid-column:1/-1}
 body.mt-canonical-ui .mt-attendance-actions .btn{width:100%;padding:0 10px!important;font-size:13px!important;white-space:normal;line-height:1.15}
}

/* Employee identity card: compact, deliberate, avatar itself is the edit affordance. */
body.mt-canonical-ui #profile-image-section{position:relative;display:inline-flex;align-items:center;justify-content:center;margin:0!important}
body.mt-canonical-ui #profile-image-section .profile-image-upload{position:absolute!important;inset:0!important;margin:0!important;width:100%!important;height:100%!important;border-radius:50%!important;overflow:hidden;opacity:0!important;z-index:4!important;cursor:pointer!important}
body.mt-canonical-ui #profile-image-section .profile-image-upload,.mt-canonical-ui #profile-image-section .profile-image-upload input{cursor:pointer!important}
body.mt-canonical-ui #profile-image-section .profile-image-upload input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important}
body.mt-canonical-ui #profile-image-section .avatar.avatar-lg{width:104px!important;height:104px!important;min-width:104px!important;border-radius:50%!important;overflow:hidden!important}
body.mt-canonical-ui #profile-image-section .avatar.avatar-lg img,#profile-image-section img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}
body.mt-canonical-ui .mt-employee-profile-card{min-height:0!important;align-items:center!important;gap:16px!important;padding:18px!important}
body.mt-canonical-ui .mt-employee-profile-card .mt-employee-profile-info{min-height:0!important;gap:6px!important}
body.mt-canonical-ui img.avatar,body.mt-canonical-ui .avatar img,body.mt-canonical-ui .user-image img,body.mt-canonical-ui img.user-image{border-radius:50%!important;object-fit:cover!important}
@media(max-width:767px){
 body.mt-canonical-ui .mt-employee-profile-card{padding:14px!important;gap:10px!important}
 body.mt-canonical-ui #profile-image-section .avatar.avatar-lg{width:88px!important;height:88px!important;min-width:88px!important}
}
/* Click/tap the avatar itself to replace a profile image; no separate camera tile. */
body.mt-canonical-ui .mt-profile-avatar-wrap{position:relative;display:inline-flex;border-radius:50%;overflow:hidden}
body.mt-canonical-ui .mt-profile-avatar-wrap .profile-image-upload{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;border:0!important;background:transparent!important;opacity:1!important;border-radius:50%!important;z-index:5!important}
body.mt-canonical-ui .mt-profile-avatar-wrap .profile-image-upload input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important}
body.mt-canonical-ui .mt-profile-avatar-wrap .profile-image-upload:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 0 rgba(0,0,0,0);transition:box-shadow .15s ease;pointer-events:none}
body.mt-canonical-ui .mt-profile-avatar-wrap:hover .profile-image-upload:after{box-shadow:inset 0 0 0 2px var(--mt-gold)}

/* ========================================================================
 * Target 1.1.3 R2 — system-wide legacy-runtime visual modernization adapter
 * Keeps verified Bootstrap/DataTables/Select2/FullCalendar/Summernote/etc.
 * runtime contracts intact. This block is presentation-only.
 * ====================================================================== */
body.mt-canonical-ui {
  --mt-control-h:40px;
  --mt-control-h-mobile:44px;
  --mt-radius-sm:10px;
  --mt-radius-md:14px;
  --mt-radius-lg:18px;
  --mt-focus:0 0 0 3px rgba(213,162,50,.18);
  --mt-hover:color-mix(in srgb,var(--mt-gold) 7%,var(--mt-surface));
}

/* Dense, current action geometry. Ordinary controls are not oversized. */
body.mt-canonical-ui .btn,
body.mt-canonical-ui button.btn,
body.mt-canonical-ui a.btn,
body.mt-canonical-ui label.btn {
  min-width:0!important;
  min-height:var(--mt-control-h)!important;
  height:auto;
  padding:8px 13px!important;
  border-radius:var(--mt-radius-sm)!important;
  background-image:none!important;
  text-shadow:none!important;
  box-shadow:none!important;
  font-size:14px;
  font-weight:650;
}
body.mt-canonical-ui .btn-primary,
body.mt-canonical-ui .btn.btn-primary {background:var(--mt-gold)!important;border-color:var(--mt-gold)!important;color:#171207!important;}
body.mt-canonical-ui .btn-default {background:var(--mt-surface)!important;border-color:var(--mt-line)!important;color:var(--mt-text)!important;}
body.mt-canonical-ui .btn-link {background:transparent!important;border-color:transparent!important;color:var(--mt-text)!important;min-height:36px!important;padding-inline:8px!important;}
body.mt-canonical-ui .btn-link:hover,body.mt-canonical-ui .btn-link:focus {color:var(--mt-gold)!important;text-decoration:none!important;background:transparent!important;}
body.mt-canonical-ui .btn-sm {min-height:34px!important;padding:6px 10px!important;font-size:13px!important;border-radius:9px!important;}
body.mt-canonical-ui .btn-xs {min-height:30px!important;padding:4px 8px!important;font-size:12px!important;border-radius:8px!important;}
body.mt-canonical-ui .btn-icon,
body.mt-canonical-ui .btn.icon-only,
body.mt-canonical-ui .option a,
body.mt-canonical-ui td.option a {width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
body.mt-canonical-ui .btn:focus,body.mt-canonical-ui .btn.focus {outline:0!important;box-shadow:var(--mt-focus)!important;}
body.mt-canonical-ui .btn[disabled],body.mt-canonical-ui .btn.disabled {opacity:.48!important;filter:none!important;}

/* Remove old Bootstrap wells/jumbotrons and duplicated framed shells. */
body.mt-canonical-ui .well,body.mt-canonical-ui .jumbotron {background:var(--mt-surface-2)!important;color:var(--mt-text)!important;border:1px solid var(--mt-line)!important;border-radius:var(--mt-radius-md)!important;box-shadow:none!important;background-image:none!important;}
body.mt-canonical-ui .well-sm {padding:10px!important;border-radius:var(--mt-radius-sm)!important;}
body.mt-canonical-ui .panel-heading,body.mt-canonical-ui .panel-footer {background-image:none!important;box-shadow:none!important;}
body.mt-canonical-ui .panel-default>.panel-heading,body.mt-canonical-ui .panel-primary>.panel-heading,body.mt-canonical-ui .panel-info>.panel-heading {background:var(--mt-surface)!important;color:var(--mt-text)!important;border-color:var(--mt-line)!important;}
body.mt-canonical-ui .panel-primary,body.mt-canonical-ui .panel-info {border-color:var(--mt-line)!important;}

/* Forms and input groups — one height and one visual language. */
body.mt-canonical-ui .form-control,
body.mt-canonical-ui .select2-container .select2-choice,
body.mt-canonical-ui .select2-container-multi .select2-choices,
body.mt-canonical-ui .input-group-addon,
body.mt-canonical-ui .input-group-btn>.btn {min-height:var(--mt-control-h)!important;height:var(--mt-control-h)!important;border-radius:var(--mt-radius-sm)!important;background-image:none!important;box-shadow:none!important;}
body.mt-canonical-ui .form-control {padding:8px 11px!important;font-size:14px;}
body.mt-canonical-ui textarea.form-control {height:auto!important;min-height:96px!important;line-height:1.45;}
body.mt-canonical-ui .input-group .form-control:first-child,body.mt-canonical-ui .input-group-addon:first-child,body.mt-canonical-ui .input-group-btn:first-child>.btn {border-start-end-radius:0!important;border-end-end-radius:0!important;}
body.mt-canonical-ui .input-group .form-control:last-child,body.mt-canonical-ui .input-group-addon:last-child,body.mt-canonical-ui .input-group-btn:last-child>.btn {border-start-start-radius:0!important;border-end-start-radius:0!important;}
body.mt-canonical-ui .input-group-addon {min-width:40px;padding:0 10px!important;display:table-cell;vertical-align:middle;}
body.mt-canonical-ui .checkbox label,body.mt-canonical-ui .radio label {color:var(--mt-text);font-weight:500;}
body.mt-canonical-ui input[type=checkbox],body.mt-canonical-ui input[type=radio] {accent-color:var(--mt-gold);}
body.mt-canonical-ui fieldset {min-width:0;}
body.mt-canonical-ui legend {color:var(--mt-text)!important;border-bottom:1px solid var(--mt-line)!important;font-size:17px!important;font-weight:750!important;padding-bottom:8px!important;margin-bottom:12px!important;}

/* Select2 v3 compatibility skin. */
body.mt-canonical-ui .select2-container {max-width:100%!important;min-width:0;}
body.mt-canonical-ui .select2-container .select2-choice {display:flex!important;align-items:center!important;padding:0 36px 0 11px!important;border-color:var(--mt-line)!important;background:var(--mt-surface-2)!important;color:var(--mt-text)!important;}
[dir=rtl] body.mt-canonical-ui .select2-container .select2-choice {padding:0 11px 0 36px!important;}
body.mt-canonical-ui .select2-container .select2-choice .select2-arrow {width:34px!important;border:0!important;background:transparent!important;display:flex!important;align-items:center!important;justify-content:center!important;}
body.mt-canonical-ui .select2-container .select2-choice .select2-arrow b {background-position:0 3px!important;opacity:.65;}
body.mt-canonical-ui .select2-container-multi .select2-choices {padding:4px 6px!important;background:var(--mt-surface-2)!important;border-color:var(--mt-line)!important;}
body.mt-canonical-ui .select2-container-multi .select2-choices .select2-search-choice {margin:2px 4px 2px 0!important;padding:5px 8px 5px 22px!important;border:1px solid var(--mt-line)!important;border-radius:999px!important;background:var(--mt-surface)!important;color:var(--mt-text)!important;box-shadow:none!important;}
body.mt-canonical-ui .select2-drop {margin-top:5px!important;border:1px solid var(--mt-line)!important;border-radius:12px!important;box-shadow:0 16px 42px rgba(0,0,0,.18)!important;overflow:hidden;}
body.mt-canonical-ui .select2-search {padding:8px!important;}
body.mt-canonical-ui .select2-search input {min-height:38px!important;border:1px solid var(--mt-line)!important;border-radius:9px!important;background:var(--mt-surface-2)!important;color:var(--mt-text)!important;box-shadow:none!important;}
body.mt-canonical-ui .select2-results {padding:4px!important;margin:0!important;max-height:280px!important;}
body.mt-canonical-ui .select2-results .select2-result-label {padding:9px 10px!important;border-radius:8px!important;}
body.mt-canonical-ui .select2-results .select2-highlighted {background:var(--mt-hover)!important;color:var(--mt-text)!important;}

/* DataTables and TableTools/Buttons — clean toolbar, no old framed exports. */
body.mt-canonical-ui .dataTables_wrapper {max-width:100%;min-width:0;color:var(--mt-text);}
body.mt-canonical-ui .dataTables_wrapper .dataTables_length,body.mt-canonical-ui .dataTables_wrapper .dataTables_filter,body.mt-canonical-ui .dataTables_wrapper .dataTables_info,body.mt-canonical-ui .dataTables_wrapper .dataTables_paginate {color:var(--mt-muted)!important;}
body.mt-canonical-ui .dataTables_wrapper .dataTables_length select,body.mt-canonical-ui .dataTables_wrapper .dataTables_filter input {border:1px solid var(--mt-line)!important;background:var(--mt-surface-2)!important;color:var(--mt-text)!important;border-radius:10px!important;box-shadow:none!important;}
body.mt-canonical-ui table.dataTable,body.mt-canonical-ui table.display {border-collapse:separate!important;border-spacing:0!important;background:var(--mt-surface)!important;}
body.mt-canonical-ui table.dataTable thead th,body.mt-canonical-ui table.display thead th {padding:11px 10px!important;font-size:12px!important;font-weight:750!important;text-transform:none!important;letter-spacing:.01em!important;background-image:none!important;}
body.mt-canonical-ui table.dataTable tbody td,body.mt-canonical-ui table.display tbody td {padding:10px!important;background:var(--mt-surface)!important;color:var(--mt-text)!important;}
body.mt-canonical-ui table.dataTable tbody tr:hover td,body.mt-canonical-ui table.display tbody tr:hover td {background:var(--mt-hover)!important;}
body.mt-canonical-ui .DTTT_container,body.mt-canonical-ui .dt-buttons {display:inline-flex!important;align-items:center!important;gap:4px!important;margin:0!important;float:none!important;}
body.mt-canonical-ui .DTTT_container a.DTTT_button,body.mt-canonical-ui .DTTT_container button.DTTT_button,body.mt-canonical-ui .dt-buttons .dt-button,body.mt-canonical-ui .dt-buttons .btn {min-width:36px!important;min-height:36px!important;height:36px!important;padding:0 9px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:var(--mt-muted)!important;box-shadow:none!important;text-shadow:none!important;background-image:none!important;}
body.mt-canonical-ui .DTTT_container a.DTTT_button:hover,body.mt-canonical-ui .DTTT_container button.DTTT_button:hover,body.mt-canonical-ui .dt-buttons .dt-button:hover,body.mt-canonical-ui .dt-buttons .btn:hover {background:var(--mt-hover)!important;color:var(--mt-text)!important;}
body.mt-canonical-ui .dataTables_wrapper .dataTables_paginate {display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:3px!important;}
body.mt-canonical-ui .dataTables_wrapper .dataTables_paginate .paginate_button {min-width:34px!important;height:34px!important;padding:7px 9px!important;margin:0!important;border:0!important;border-radius:9px!important;background:transparent!important;color:var(--mt-muted)!important;box-shadow:none!important;}
body.mt-canonical-ui .dataTables_wrapper .dataTables_paginate .paginate_button.current {background:var(--mt-gold)!important;color:#171207!important;}
body.mt-canonical-ui .dataTables_wrapper .dataTables_paginate .paginate_button:hover {background:var(--mt-hover)!important;color:var(--mt-text)!important;}

/* All ordinary Bootstrap tables inherit a clean desktop surface. */
body.mt-canonical-ui .table {margin-bottom:0;color:var(--mt-text);background:transparent;}
body.mt-canonical-ui .table>thead>tr>th {border-bottom:1px solid var(--mt-line)!important;background:var(--mt-surface-2)!important;color:var(--mt-muted)!important;font-size:12px;font-weight:750;padding:10px!important;}
body.mt-canonical-ui .table>tbody>tr>td,body.mt-canonical-ui .table>tbody>tr>th,body.mt-canonical-ui .table>tfoot>tr>td {border-top:1px solid var(--mt-line)!important;padding:10px!important;vertical-align:middle;}
body.mt-canonical-ui .table-striped>tbody>tr:nth-of-type(odd)>td {background:color-mix(in srgb,var(--mt-surface-2) 40%,var(--mt-surface))!important;}
body.mt-canonical-ui .table-hover>tbody>tr:hover>td {background:var(--mt-hover)!important;}

/* Datepicker / Timepicker / Date range — visually current, runtime unchanged. */
body.mt-canonical-ui .datepicker,body.mt-canonical-ui .bootstrap-timepicker-widget,body.mt-canonical-ui .daterangepicker {background:var(--mt-surface-raised)!important;color:var(--mt-text)!important;border:1px solid var(--mt-line)!important;border-radius:14px!important;box-shadow:0 18px 48px rgba(0,0,0,.22)!important;padding:8px!important;background-image:none!important;}
body.mt-canonical-ui .datepicker table,body.mt-canonical-ui .daterangepicker table {background:transparent!important;}
body.mt-canonical-ui .datepicker table tr td,body.mt-canonical-ui .datepicker table tr th,body.mt-canonical-ui .daterangepicker td,body.mt-canonical-ui .daterangepicker th {border:0!important;border-radius:8px!important;background:transparent!important;color:var(--mt-text)!important;min-width:32px;height:32px;text-align:center;}
body.mt-canonical-ui .datepicker table tr td.day:hover,body.mt-canonical-ui .daterangepicker td.available:hover,body.mt-canonical-ui .daterangepicker th.available:hover {background:var(--mt-hover)!important;color:var(--mt-text)!important;}
body.mt-canonical-ui .datepicker table tr td.active,body.mt-canonical-ui .datepicker table tr td.active:hover,body.mt-canonical-ui .daterangepicker td.active,body.mt-canonical-ui .daterangepicker td.active:hover {background:var(--mt-gold)!important;color:#171207!important;text-shadow:none!important;background-image:none!important;}
body.mt-canonical-ui .datepicker table tr td.old,body.mt-canonical-ui .datepicker table tr td.new,body.mt-canonical-ui .daterangepicker td.off {color:var(--mt-muted)!important;background:transparent!important;}
body.mt-canonical-ui .daterangepicker .calendar,body.mt-canonical-ui .daterangepicker .calendar-table {background:transparent!important;border:0!important;}
body.mt-canonical-ui .daterangepicker .ranges li {border:0!important;border-radius:8px!important;background:transparent!important;color:var(--mt-text)!important;padding:8px 10px!important;}
body.mt-canonical-ui .daterangepicker .ranges li.active,body.mt-canonical-ui .daterangepicker .ranges li:hover {background:var(--mt-hover)!important;color:var(--mt-text)!important;}
body.mt-canonical-ui .bootstrap-timepicker-widget table td a {border:0!important;border-radius:8px!important;color:var(--mt-text)!important;}
body.mt-canonical-ui .bootstrap-timepicker-widget table td a:hover {background:var(--mt-hover)!important;}

/* Summernote editor shell — preserve editor behavior, remove legacy chrome. */
body.mt-canonical-ui .note-editor {border:1px solid var(--mt-line)!important;border-radius:14px!important;background:var(--mt-surface)!important;color:var(--mt-text)!important;box-shadow:none!important;overflow:hidden;}
body.mt-canonical-ui .note-editor .note-toolbar {display:flex!important;flex-wrap:wrap!important;gap:4px!important;padding:7px!important;background:var(--mt-surface-2)!important;border-bottom:1px solid var(--mt-line)!important;box-shadow:none!important;}
body.mt-canonical-ui .note-editor .note-toolbar>.btn-group {margin:0!important;display:inline-flex;}
body.mt-canonical-ui .note-editor .note-toolbar .btn {min-width:34px!important;width:auto!important;min-height:34px!important;height:34px!important;padding:0 8px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--mt-text)!important;}
body.mt-canonical-ui .note-editor .note-toolbar .btn:hover,body.mt-canonical-ui .note-editor .note-toolbar .btn.active {background:var(--mt-hover)!important;color:var(--mt-text)!important;}
body.mt-canonical-ui .note-editor .note-editable {min-height:150px!important;padding:14px!important;background:var(--mt-surface)!important;color:var(--mt-text)!important;line-height:1.55;}
body.mt-canonical-ui .note-editor .note-statusbar {background:var(--mt-surface-2)!important;border-top:1px solid var(--mt-line)!important;}
body.mt-canonical-ui .note-editor .note-resizebar {border-top:0!important;}
body.mt-canonical-ui .note-popover .popover-content,body.mt-canonical-ui .note-editor .dropdown-menu {background:var(--mt-surface-raised)!important;color:var(--mt-text)!important;border-color:var(--mt-line)!important;}

/* Dropzone / uploader. */
body.mt-canonical-ui .dropzone,body.mt-canonical-ui .post-dropzone {min-height:112px!important;border:1px dashed color-mix(in srgb,var(--mt-gold) 55%,var(--mt-line))!important;border-radius:14px!important;background:var(--mt-surface-2)!important;color:var(--mt-text)!important;padding:12px!important;box-shadow:none!important;}
body.mt-canonical-ui .dropzone.dz-drag-hover {border-style:solid!important;background:var(--mt-hover)!important;}
body.mt-canonical-ui .dropzone .dz-message {margin:22px 0!important;color:var(--mt-muted)!important;font-weight:600;}
body.mt-canonical-ui .dropzone .dz-preview {margin:6px!important;border:1px solid var(--mt-line)!important;border-radius:12px!important;background:var(--mt-surface)!important;overflow:hidden;}
body.mt-canonical-ui .dropzone .dz-preview .dz-image {border-radius:10px!important;}
body.mt-canonical-ui .dropzone .dz-preview .dz-progress {height:5px!important;border:0!important;border-radius:999px!important;background:var(--mt-line)!important;box-shadow:none!important;}
body.mt-canonical-ui .dropzone .dz-preview .dz-progress .dz-upload {background:var(--mt-gold)!important;}

/* Modals, dropdowns and transient overlays. */
body.mt-canonical-ui .modal-dialog {max-width:calc(100% - 24px);}
body.mt-canonical-ui .modal-content {border-radius:16px!important;border:1px solid var(--mt-line)!important;background:var(--mt-surface-raised)!important;box-shadow:0 22px 70px rgba(0,0,0,.3)!important;}
body.mt-canonical-ui .modal-header {min-height:54px!important;padding:12px 16px!important;display:flex;align-items:center;gap:10px;}
body.mt-canonical-ui .modal-title {font-size:18px!important;font-weight:800!important;line-height:1.25!important;color:var(--mt-text)!important;}
body.mt-canonical-ui .modal-header .close {margin:0 0 0 auto!important;float:none!important;width:36px;height:36px;display:grid;place-items:center;border-radius:9px;color:var(--mt-muted)!important;text-shadow:none!important;}
[dir=rtl] body.mt-canonical-ui .modal-header .close {margin:0 auto 0 0!important;}
body.mt-canonical-ui .modal-body {background:var(--mt-surface-raised)!important;color:var(--mt-text)!important;padding:14px 16px!important;}
body.mt-canonical-ui .dropdown-menu,body.mt-canonical-ui .popover {border:1px solid var(--mt-line)!important;border-radius:12px!important;background:var(--mt-surface-raised)!important;color:var(--mt-text)!important;box-shadow:0 16px 42px rgba(0,0,0,.2)!important;padding:5px!important;}
body.mt-canonical-ui .dropdown-menu>li>a {border-radius:8px!important;padding:9px 10px!important;color:var(--mt-text)!important;}
body.mt-canonical-ui .dropdown-menu>li>a:hover,body.mt-canonical-ui .dropdown-menu>li>a:focus {background:var(--mt-hover)!important;color:var(--mt-text)!important;}
body.mt-canonical-ui .popover-title {background:var(--mt-surface-2)!important;color:var(--mt-text)!important;border-bottom:1px solid var(--mt-line)!important;border-radius:10px 10px 0 0!important;}
body.mt-canonical-ui .popover-content {color:var(--mt-text)!important;}
body.mt-canonical-ui .tooltip-inner {background:#151515!important;color:#fff!important;border-radius:8px!important;padding:6px 9px!important;font-size:12px!important;box-shadow:0 8px 20px rgba(0,0,0,.2);}

/* Tabs and navigation strips. */
body.mt-canonical-ui .nav-tabs {border-bottom:1px solid var(--mt-line)!important;}
body.mt-canonical-ui .nav-tabs>li>a {border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:transparent!important;color:var(--mt-muted)!important;padding:11px 13px!important;margin:0!important;font-weight:650;}
body.mt-canonical-ui .nav-tabs>li>a:hover {background:transparent!important;color:var(--mt-text)!important;border-bottom-color:color-mix(in srgb,var(--mt-gold) 45%,transparent)!important;}
body.mt-canonical-ui .nav-tabs>li.active>a,body.mt-canonical-ui .nav-tabs>li.active>a:hover,body.mt-canonical-ui .nav-tabs>li.active>a:focus {background:transparent!important;color:var(--mt-text)!important;border:0!important;border-bottom:2px solid var(--mt-gold)!important;}
body.mt-canonical-ui .nav-pills>li>a {border-radius:10px!important;color:var(--mt-muted)!important;background:transparent!important;}
body.mt-canonical-ui .nav-pills>li.active>a,body.mt-canonical-ui .nav-pills>li.active>a:hover {background:var(--mt-hover)!important;color:var(--mt-text)!important;}
body.mt-canonical-ui .breadcrumb {background:transparent!important;padding:6px 0!important;margin:0 0 10px!important;color:var(--mt-muted)!important;}

/* Status and feedback primitives. */
body.mt-canonical-ui .alert {border:1px solid var(--mt-line)!important;border-radius:12px!important;background:var(--mt-surface-2)!important;color:var(--mt-text)!important;box-shadow:none!important;padding:10px 12px!important;}
body.mt-canonical-ui .alert-success {border-color:color-mix(in srgb,var(--mt-success) 45%,var(--mt-line))!important;background:color-mix(in srgb,var(--mt-success) 10%,var(--mt-surface))!important;}
body.mt-canonical-ui .alert-warning {border-color:color-mix(in srgb,var(--mt-warning) 45%,var(--mt-line))!important;background:color-mix(in srgb,var(--mt-warning) 10%,var(--mt-surface))!important;}
body.mt-canonical-ui .alert-danger {border-color:color-mix(in srgb,var(--mt-danger) 45%,var(--mt-line))!important;background:color-mix(in srgb,var(--mt-danger) 10%,var(--mt-surface))!important;}
body.mt-canonical-ui .label,body.mt-canonical-ui .badge {display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:3px 8px!important;border-radius:999px!important;background:var(--mt-surface-2);color:var(--mt-text);font-weight:700;line-height:1.1;box-shadow:none!important;}
body.mt-canonical-ui .label-success,body.mt-canonical-ui .badge-success {background:color-mix(in srgb,var(--mt-success) 16%,var(--mt-surface))!important;color:var(--mt-success)!important;}
body.mt-canonical-ui .label-danger,body.mt-canonical-ui .badge-danger {background:color-mix(in srgb,var(--mt-danger) 16%,var(--mt-surface))!important;color:var(--mt-danger)!important;}
body.mt-canonical-ui .label-warning,body.mt-canonical-ui .badge-warning {background:color-mix(in srgb,var(--mt-warning) 17%,var(--mt-surface))!important;color:var(--mt-warning)!important;}
body.mt-canonical-ui .label-info,body.mt-canonical-ui .label-primary {background:var(--mt-surface-2)!important;color:var(--mt-text)!important;}
body.mt-canonical-ui .progress {height:7px!important;border-radius:999px!important;background:var(--mt-line)!important;box-shadow:none!important;overflow:hidden;}
body.mt-canonical-ui .progress-bar {box-shadow:none!important;background-image:none!important;background-color:var(--mt-gold)!important;}
body.mt-canonical-ui .progress-bar-success {background-color:var(--mt-success)!important;}body.mt-canonical-ui .progress-bar-danger {background-color:var(--mt-danger)!important;}body.mt-canonical-ui .progress-bar-warning {background-color:var(--mt-warning)!important;}

/* List groups and compact settings-like rows. */
body.mt-canonical-ui .list-group {margin-bottom:0;border:1px solid var(--mt-line);border-radius:14px;overflow:hidden;background:var(--mt-surface);}
body.mt-canonical-ui .list-group-item {border:0!important;border-bottom:1px solid var(--mt-line)!important;background:var(--mt-surface)!important;color:var(--mt-text)!important;padding:11px 13px!important;}
body.mt-canonical-ui .list-group-item:last-child {border-bottom:0!important;}
body.mt-canonical-ui a.list-group-item:hover,body.mt-canonical-ui button.list-group-item:hover {background:var(--mt-hover)!important;color:var(--mt-text)!important;}

/* FullCalendar v2 visual adapter — runtime/API unchanged. */
body.mt-canonical-ui .fc {color:var(--mt-text)!important;}
body.mt-canonical-ui .fc-toolbar {display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;flex-wrap:wrap!important;margin-bottom:12px!important;}
body.mt-canonical-ui .fc-toolbar h2 {font-size:20px!important;font-weight:800!important;color:var(--mt-text)!important;margin:0!important;}
body.mt-canonical-ui .fc-state-default {height:36px!important;min-height:36px!important;border:1px solid var(--mt-line)!important;background:var(--mt-surface)!important;background-image:none!important;color:var(--mt-text)!important;text-shadow:none!important;box-shadow:none!important;padding:0 10px!important;}
body.mt-canonical-ui .fc-state-default:first-child {border-radius:9px 0 0 9px!important;}body.mt-canonical-ui .fc-state-default:last-child {border-radius:0 9px 9px 0!important;}
[dir=rtl] body.mt-canonical-ui .fc-state-default:first-child {border-radius:0 9px 9px 0!important;}[dir=rtl] body.mt-canonical-ui .fc-state-default:last-child {border-radius:9px 0 0 9px!important;}
body.mt-canonical-ui .fc-state-active,body.mt-canonical-ui .fc-state-down {background:var(--mt-gold)!important;color:#171207!important;border-color:var(--mt-gold)!important;}
body.mt-canonical-ui .fc-widget-header {background:var(--mt-surface-2)!important;color:var(--mt-muted)!important;border-color:var(--mt-line)!important;font-size:12px!important;padding:8px 4px!important;}
body.mt-canonical-ui .fc-widget-content {border-color:var(--mt-line)!important;background:var(--mt-surface)!important;}
body.mt-canonical-ui .fc-day-number {color:var(--mt-muted)!important;padding:5px 7px!important;}
body.mt-canonical-ui .fc-today {background:color-mix(in srgb,var(--mt-gold) 8%,var(--mt-surface))!important;}
body.mt-canonical-ui .fc-event {border:0!important;border-radius:7px!important;padding:2px 5px!important;box-shadow:none!important;font-size:12px!important;}

/* Magnific popup/image surfaces. */
body.mt-canonical-ui .mfp-content .white-popup,body.mt-canonical-ui .mfp-content .popup-content {background:var(--mt-surface-raised)!important;color:var(--mt-text)!important;border-radius:16px!important;box-shadow:0 22px 70px rgba(0,0,0,.3)!important;}
body.mt-canonical-ui .mfp-close {color:var(--mt-text)!important;opacity:.72;}

/* Dark-mode leakage guards for legacy components. */
html[data-theme=dark] body.mt-canonical-ui .table>tbody>tr>td,html[data-theme=dark] body.mt-canonical-ui .table>thead>tr>th,
html[data-theme=dark] body.mt-canonical-ui table.dataTable tbody td,html[data-theme=dark] body.mt-canonical-ui table.dataTable thead th {color:var(--mt-text)!important;border-color:var(--mt-line)!important;}
html[data-theme=dark] body.mt-canonical-ui .dropdown-menu .divider {background-color:var(--mt-line)!important;}
html[data-theme=dark] body.mt-canonical-ui .note-editor .note-editable,html[data-theme=dark] body.mt-canonical-ui .note-editor .note-toolbar,
html[data-theme=dark] body.mt-canonical-ui .datepicker,html[data-theme=dark] body.mt-canonical-ui .daterangepicker,html[data-theme=dark] body.mt-canonical-ui .bootstrap-timepicker-widget {color-scheme:dark;}

/* Mobile: all interactive controls remain usable, compact and viewport-safe. */
@media(max-width:767px){
  body.mt-canonical-ui {--mt-radius:14px;--mt-control-radius:11px;}
  body.mt-canonical-ui #page-content,body.mt-canonical-ui .container,body.mt-canonical-ui .container-fluid {max-width:100%!important;min-width:0!important;overflow-x:hidden;}
  body.mt-canonical-ui .btn,body.mt-canonical-ui button.btn,body.mt-canonical-ui a.btn,body.mt-canonical-ui label.btn {min-height:var(--mt-control-h-mobile)!important;font-size:14px!important;}
  body.mt-canonical-ui .btn-sm,body.mt-canonical-ui .btn-xs {min-height:40px!important;}
  body.mt-canonical-ui .form-control,body.mt-canonical-ui input,body.mt-canonical-ui select,body.mt-canonical-ui textarea,body.mt-canonical-ui .select2-container .select2-choice,body.mt-canonical-ui .select2-search input {font-size:16px!important;max-width:100%!important;min-width:0!important;}
  body.mt-canonical-ui .form-control,body.mt-canonical-ui .select2-container .select2-choice,body.mt-canonical-ui .input-group-addon,body.mt-canonical-ui .input-group-btn>.btn {min-height:44px!important;height:44px!important;}
  body.mt-canonical-ui textarea.form-control {height:auto!important;min-height:104px!important;}
  body.mt-canonical-ui .modal {padding:0!important;}
  body.mt-canonical-ui .modal-dialog {width:calc(100% - 16px)!important;max-width:none!important;margin:8px auto!important;}
  body.mt-canonical-ui .modal-content {max-height:calc(100dvh - 16px);display:flex;flex-direction:column;}
  body.mt-canonical-ui .modal-body {overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0;}
  body.mt-canonical-ui .modal-footer {flex:0 0 auto;min-height:0!important;padding:10px!important;gap:8px!important;}
  body.mt-canonical-ui .modal-footer .btn {flex:1 1 auto!important;width:auto!important;}
  body.mt-canonical-ui .note-editor .note-toolbar {gap:2px!important;padding:5px!important;}
  body.mt-canonical-ui .note-editor .note-toolbar .btn {min-width:36px!important;height:36px!important;}
  body.mt-canonical-ui .datepicker,body.mt-canonical-ui .bootstrap-timepicker-widget,body.mt-canonical-ui .daterangepicker {max-width:calc(100vw - 16px)!important;}
  body.mt-canonical-ui .daterangepicker {left:8px!important;right:8px!important;width:auto!important;}
  body.mt-canonical-ui .daterangepicker .calendar {float:none!important;width:100%!important;max-width:none!important;}
  body.mt-canonical-ui .fc-toolbar {align-items:stretch!important;}
  body.mt-canonical-ui .fc-toolbar .fc-left,body.mt-canonical-ui .fc-toolbar .fc-right,body.mt-canonical-ui .fc-toolbar .fc-center {float:none!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;}
  body.mt-canonical-ui .fc-toolbar .fc-center {order:-1;width:100%;}
  body.mt-canonical-ui .fc-toolbar h2 {font-size:18px!important;}
  body.mt-canonical-ui .dataTables_wrapper .dataTables_info {padding:8px 10px!important;text-align:center!important;float:none!important;}
  body.mt-canonical-ui .dataTables_wrapper .dataTables_paginate {float:none!important;justify-content:center!important;padding:6px 8px 10px!important;}
}

/* Printing/document output is intentionally not redesigned by this interactive adapter. */
@media print {
  body.mt-canonical-ui .mt-bottom-nav,body.mt-canonical-ui .mt-mobile-only {display:none!important;}
}

/* Target 1.1.4 — mobile density correction and resilient interaction polish. */
body.mt-canonical-ui .mt-status-pill{
  display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border-radius:999px;
  font-size:12px;font-weight:800;border:1px solid var(--mt-line);background:var(--mt-surface-2);color:var(--mt-muted)
}
body.mt-canonical-ui .mt-status-pill.is-configured{color:var(--mt-text)}
body.mt-canonical-ui .mt-status-pill.is-working{background:rgba(21,147,90,.12);border-color:rgba(21,147,90,.36);color:var(--mt-success)}
body.mt-canonical-ui .mt-status-pill.is-error,body.mt-canonical-ui .mt-status-pill.is-missing{background:rgba(217,54,62,.08);border-color:rgba(217,54,62,.26);color:var(--mt-danger)}
body.mt-canonical-ui .mt-inline-result{margin:8px 12px 0;padding:8px 10px;border-radius:10px;font-size:13px;font-weight:700}
body.mt-canonical-ui .mt-inline-result.success{background:rgba(21,147,90,.10);color:var(--mt-success)}
body.mt-canonical-ui .mt-inline-result.error{background:rgba(217,54,62,.10);color:var(--mt-danger)}

/* Scanner must remain legible even if a page-theme class is missing or a camera fails. */
.mt-scan-page,.mt-scan-shell{background:#080a0d!important;color:#fff!important}
.mt-scan-page{min-height:calc(100dvh - 50px)}
.mt-scan-shell{min-height:calc(100dvh - 50px)}

@media(max-width:767px){
  /* Dense cards: no stacked heading above every value, no decorative whitespace. */
  body.mt-canonical-ui table.mt-mobile-card-table tbody{gap:6px!important;padding:6px!important}
  body.mt-canonical-ui table.mt-mobile-card-table tbody tr:not(.child):not(.group){
    gap:3px 8px!important;padding:8px 10px!important;border-radius:12px!important;box-shadow:none!important
  }
  body.mt-canonical-ui table.mt-mobile-card-table tbody td{
    min-height:22px!important;padding:1px 0!important;gap:5px!important;
    display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;
    font-size:13px!important;line-height:1.2!important
  }
  /* Value first. Column context is a tiny suffix instead of a repeated heading block. */
  body.mt-canonical-ui table.mt-mobile-card-table tbody td:before{display:none!important;content:""!important}
  body.mt-canonical-ui table.mt-mobile-card-table tbody td:after{
    content:attr(data-mt-label);display:inline!important;justify-self:end!important;
    font-size:9px!important;line-height:1!important;font-weight:650!important;letter-spacing:.01em!important;
    color:var(--mt-muted)!important;max-width:72px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
    opacity:.72!important
  }
  body.mt-canonical-ui table.mt-mobile-card-table tbody td.mt-card-primary{
    display:block!important;grid-column:1/-1!important;font-size:14px!important;line-height:1.25!important;padding:1px 0 4px!important
  }
  body.mt-canonical-ui table.mt-mobile-card-table tbody td.mt-card-primary:after,
  body.mt-canonical-ui table.mt-mobile-card-table tbody td.mt-card-action:after{display:none!important;content:""!important}
  body.mt-canonical-ui table.mt-mobile-card-table tbody td.mt-card-action{
    grid-column:1/-1!important;min-height:30px!important;padding:4px 0 0!important;border-top:1px solid var(--mt-line)!important
  }
  body.mt-canonical-ui table.mt-mobile-card-table tbody td.mt-card-overflow{display:none!important}
  body.mt-canonical-ui table.mt-mobile-card-table tbody td.mt-card-id{font-size:10px!important;opacity:.72}
  body.mt-canonical-ui table.mt-mobile-card-table img{max-width:32px!important;max-height:32px!important}

  /* Items are intentionally list-summary first. Full selected table detail remains on desktop and inside the item record. */
  body.mt-canonical-ui #item-table.mt-mobile-card-table tbody tr{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}

  /* Personal/account controls use the same compact segmented geometry as the rest of the platform. */
  body.mt-canonical-ui .mt-personalization-strip{padding:8px!important;gap:6px!important}
}

/* Personal account: one entry point, compact personalization inside the account surface. */
body.mt-canonical-ui .mt-account-avatar{border-radius:50%!important;overflow:hidden!important;display:inline-grid!important;place-items:center!important;background:var(--mt-surface-2)!important;color:var(--mt-text)!important}
body.mt-canonical-ui .mt-account-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}
body.mt-canonical-ui .mt-avatar-initial{display:grid;place-items:center;width:100%;height:100%;font-weight:900;font-size:13px;line-height:1;text-transform:uppercase}
body.mt-canonical-ui .mt-personalization-strip{margin:10px 20px 14px;border:1px solid var(--mt-line);border-radius:14px;background:var(--mt-surface);overflow:hidden;box-shadow:var(--mt-shadow)}
body.mt-canonical-ui .mt-personal-row{min-height:48px;padding:7px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--mt-line);color:var(--mt-text)}
body.mt-canonical-ui .mt-personal-row:last-child{border-bottom:0}
body.mt-canonical-ui .mt-personal-label{display:inline-flex;align-items:center;gap:8px;min-width:0;font-weight:750}
body.mt-canonical-ui .mt-personal-label i{width:18px;text-align:center;color:var(--mt-muted)}
body.mt-canonical-ui .mt-personal-select{width:min(260px,48vw)!important;min-height:36px!important;height:36px!important;padding:4px 9px!important}
body.mt-canonical-ui .mt-personal-link:hover,body.mt-canonical-ui .mt-personal-link:focus{text-decoration:none;background:var(--mt-surface-2);color:var(--mt-text)}
body.mt-canonical-ui .mt-appearance-inline{display:inline-flex!important;margin:0!important;padding:2px!important;border:1px solid var(--mt-line);border-radius:11px;background:var(--mt-surface-2);overflow:hidden}
body.mt-canonical-ui .mt-appearance-inline button{min-height:32px!important;height:32px!important;padding:0 9px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:var(--mt-muted)!important;font-size:12px!important;font-weight:800!important}
body.mt-canonical-ui .mt-appearance-inline button.is-active{background:var(--mt-surface)!important;color:var(--mt-text)!important;box-shadow:0 1px 4px rgba(0,0,0,.08)!important}

/* Two-state immutable identity selectors use a real segmented control, not a dropdown/text field. */
body.mt-canonical-ui .mt-binary-segment{display:inline-flex;align-items:center;padding:2px;border:1px solid var(--mt-line);border-radius:12px;background:var(--mt-surface-2);overflow:hidden;max-width:100%}
body.mt-canonical-ui .mt-binary-segment label{margin:0!important;cursor:pointer!important;font-weight:800!important;color:var(--mt-muted)!important}
body.mt-canonical-ui .mt-binary-segment input{position:absolute!important;opacity:0!important;pointer-events:none!important}
body.mt-canonical-ui .mt-binary-segment span{min-height:36px;padding:0 14px;display:flex;align-items:center;justify-content:center;border-radius:9px}
body.mt-canonical-ui .mt-binary-segment input:checked+span{background:var(--mt-surface)!important;color:var(--mt-text)!important;box-shadow:0 1px 4px rgba(0,0,0,.08)}
body.mt-canonical-ui .mt-binary-segment input:focus-visible+span{outline:2px solid var(--mt-gold);outline-offset:1px}

@media(max-width:767px){
  body.mt-canonical-ui .mt-personalization-strip{margin:7px 8px 10px!important;border-radius:12px!important;box-shadow:none!important}
  body.mt-canonical-ui .mt-personal-row{min-height:44px!important;padding:6px 9px!important;gap:8px!important;font-size:13px!important}
  body.mt-canonical-ui .mt-personal-label{font-size:13px!important}
  body.mt-canonical-ui .mt-personal-select{width:min(190px,52vw)!important}
  body.mt-canonical-ui .mt-appearance-inline button{padding:0 7px!important;font-size:11px!important}
}


/* ========================================================================
 * Target 1.1.5 P0 — operational navigation and table stabilization.
 * ====================================================================== */
body.mt-canonical-ui .mt-user-menu{min-width:320px!important;padding:6px!important;overflow:visible!important}
body.mt-canonical-ui .mt-user-menu-section{padding:8px 10px!important;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--mt-text)!important}
body.mt-canonical-ui .mt-user-menu-label{display:inline-flex;align-items:center;gap:8px;color:var(--mt-text)!important;font-weight:750;min-width:0;margin:0}
body.mt-canonical-ui .mt-user-menu-label i{width:18px;text-align:center;color:var(--mt-muted)!important}
body.mt-canonical-ui .mt-user-language-select{width:150px!important;min-height:36px!important;height:36px!important;padding:4px 8px!important;color:var(--mt-text)!important;background:var(--mt-surface-2)!important;border:1px solid var(--mt-line)!important;border-radius:9px!important}
body.mt-canonical-ui .mt-user-menu>li>a{color:var(--mt-text)!important;background:transparent!important}
body.mt-canonical-ui .mt-user-menu>li>a:hover,body.mt-canonical-ui .mt-user-menu>li>a:focus{background:var(--mt-hover)!important;color:var(--mt-text)!important}

/* Row actions remain functional and visually discoverable on every mobile card. */
@media(max-width:767px){
  body.mt-canonical-ui #default-navbar .navbar-header{width:100%;float:none;position:relative;z-index:4}
  body.mt-canonical-ui #default-navbar .navbar-toggle{display:none!important}
  body.mt-canonical-ui #default-navbar #navbar.navbar-collapse{display:block!important;height:60px!important;min-height:60px!important;position:absolute!important;top:0!important;right:0!important;left:auto!important;width:72px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;z-index:5}
  body.mt-canonical-ui #default-navbar #navbar>.navbar-left{display:none!important}
  body.mt-canonical-ui #default-navbar #navbar>.navbar-right{display:block!important;position:absolute!important;right:8px!important;top:5px!important;width:54px!important;height:50px!important;margin:0!important;padding:0!important}
  body.mt-canonical-ui #default-navbar #navbar>.navbar-right>li:not(.dropdown-user){display:none!important}
  body.mt-canonical-ui #default-navbar #navbar>.navbar-right>.dropdown-user{display:block!important;position:static!important;margin:0!important;padding:0!important;width:50px!important;height:50px!important}
  body.mt-canonical-ui #default-navbar .dropdown-user>a{width:50px!important;height:50px!important;min-height:50px!important;padding:7px 8px!important;display:grid!important;place-items:center!important}
  body.mt-canonical-ui #default-navbar .dropdown-user .mt-account-avatar{margin:0!important;width:36px!important;height:36px!important;min-width:36px!important}
  body.mt-canonical-ui #default-navbar .dropdown-user .dropdown-menu.mt-user-menu{position:fixed!important;top:62px!important;left:12px!important;right:12px!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;z-index:1100!important}
  body.mt-canonical-ui .mt-user-menu-section{min-height:46px!important;padding:6px 8px!important}
  body.mt-canonical-ui .mt-user-language-select{width:46vw!important;max-width:190px!important;font-size:16px!important}

  body.mt-canonical-ui table.mt-mobile-card-table tbody td.mt-card-action{display:flex!important;grid-column:1/-1!important;min-height:34px!important;overflow:visible!important;position:relative!important}
  body.mt-canonical-ui table.mt-mobile-card-table tbody td.mt-card-action .dropdown{display:inline-block!important;position:relative!important}
  body.mt-canonical-ui table.mt-mobile-card-table tbody td.mt-card-action .dropdown-toggle,
  body.mt-canonical-ui table.mt-mobile-card-table tbody td.option .dropdown-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:38px!important;min-width:38px!important;height:34px!important;min-height:34px!important;padding:0!important;border:1px solid var(--mt-line)!important;border-radius:9px!important;background:var(--mt-surface-2)!important;color:var(--mt-text)!important;opacity:1!important}
  body.mt-canonical-ui table.mt-mobile-card-table tbody td.mt-card-action .dropdown-menu{z-index:1200!important;min-width:210px!important}

  /* Filters are operational controls, not hidden decoration. Keep them visible and compact. */
  body.mt-canonical-ui .dataTables_wrapper .custom-toolbar{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:7px!important;padding:8px!important}
  body.mt-canonical-ui .dataTables_wrapper .dataTables_filter{flex:1 1 calc(100% - 52px)!important;min-width:160px!important;width:auto!important;order:0!important}
  body.mt-canonical-ui .dataTables_wrapper .DTTT_container{display:block!important;flex:1 1 calc(50% - 7px)!important;width:auto!important;min-width:0!important;margin:0!important;order:2!important}
  body.mt-canonical-ui .dataTables_wrapper .DTTT_container.datatable-export{flex:0 0 auto!important;width:auto!important}
  body.mt-canonical-ui .dataTables_wrapper .DTTT_container .select2-container,
  body.mt-canonical-ui .dataTables_wrapper .DTTT_container select,
  body.mt-canonical-ui .dataTables_wrapper .DTTT_container input{width:100%!important;max-width:none!important;margin:0!important}
  body.mt-canonical-ui .dataTables_wrapper .column-show-hide-popover{width:44px!important;min-width:44px!important}
}

/* More is a real page in both themes, never a legacy sidebar overlay. */
html[data-theme="light"] body.mt-canonical-ui .mt-more-page,html[data-theme="dark"] body.mt-canonical-ui .mt-more-page{color:var(--mt-text)!important;background:var(--mt-canvas)!important;min-height:calc(100vh - 60px)}

/* Replace vendor alert dialogs with an inline, retryable operational state. */
body.mt-canonical-ui .mt-table-runtime-error{margin:8px 10px;padding:9px 10px;border:1px solid color-mix(in srgb,var(--mt-danger) 42%,var(--mt-line));border-radius:11px;background:color-mix(in srgb,var(--mt-danger) 8%,var(--mt-surface));color:var(--mt-text);display:flex;align-items:center;justify-content:space-between;gap:10px}
body.mt-canonical-ui .mt-table-runtime-copy{font-size:13px;line-height:1.3;min-width:0}
body.mt-canonical-ui .mt-table-runtime-error .btn{flex:0 0 auto;min-height:34px!important;height:34px!important;padding:0 10px!important}

/* ========================================================================
 * Target 1.1.5 R3 — mobile navigation recovery hotfix.
 * User menu always expands inward; established sidebar toggle is restored.
 * ====================================================================== */
body.mt-canonical-ui #default-navbar .mt-user-menu-host{position:relative!important}
body.mt-canonical-ui #default-navbar .dropdown-user .dropdown-menu.mt-user-menu{
  left:auto!important;
  right:0!important;
  transform:none!important;
  max-width:calc(100vw - 24px)!important;
}
@media(max-width:767px){
  body.mt-canonical-ui #default-navbar #sidebar-toggle.mt-mobile-menu-toggle{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:fixed!important;
    top:8px!important;
    right:66px!important;
    width:44px!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:12px!important;
    background:transparent!important;
    color:#d7d9dd!important;
    z-index:1102!important;
    float:none!important;
  }
  body.mt-canonical-ui #default-navbar #sidebar-toggle.mt-mobile-menu-toggle:hover,
  body.mt-canonical-ui #default-navbar #sidebar-toggle.mt-mobile-menu-toggle:focus{color:var(--mt-gold)!important;background:rgba(255,255,255,.06)!important}
  body.mt-canonical-ui #default-navbar #sidebar-toggle.mt-mobile-menu-toggle .fa{font-size:20px!important}
  body.mt-canonical-ui #default-navbar .dropdown-user .dropdown-menu.mt-user-menu{
    position:fixed!important;
    top:62px!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
  }
}