/*
 * 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;
    }
  }
}