/* MARK AS DONE — UI shell revamp v3
   Layout ownership only. Functional view styles remain in app.css. */
:root{
  --ui-bg:#f5f7fb;
  --ui-surface:#ffffff;
  --ui-surface-2:#f8fafc;
  --ui-border:#e6eaf0;
  --ui-border-strong:#d9e0e8;
  --ui-text:#20242c;
  --ui-muted:#6f7b8d;
  --ui-primary:#2f6fed;
  --ui-primary-soft:#edf4ff;
  --ui-nav-active:#24272d;
  --ui-sidebar:252px;
  --ui-sidebar-collapsed:76px;
  --ui-radius:14px;
  --ui-radius-sm:10px;
  --ui-shadow:0 8px 30px rgba(27,39,60,.06);
  --ui-shadow-soft:0 2px 12px rgba(27,39,60,.045);
}
*{box-sizing:border-box}
html,body{min-height:100%;background:var(--ui-bg)}
body.mortx-ui-shell{margin:0;background:var(--ui-bg);color:var(--ui-text);overflow-x:hidden}
body.mortx-ui-shell .mortx-app-shell{min-height:100dvh;display:grid;grid-template-columns:var(--ui-sidebar) minmax(0,1fr);background:var(--ui-bg)}

/* Sidebar */
body.mortx-ui-shell .app-sidebar{position:sticky;top:0;height:100dvh;min-height:100dvh;z-index:1000;display:flex;flex-direction:column;background:var(--ui-surface);border-right:1px solid var(--ui-border);overflow:hidden}
body.mortx-ui-shell .sidebar-brand{position:relative;display:flex;align-items:center;gap:11px;min-height:78px;padding:14px 16px;border-bottom:1px solid var(--ui-border);flex:0 0 auto}
body.mortx-ui-shell .sidebar-brand-mark{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:11px;background:#24272d;color:#fff;font-size:16px;font-weight:800;letter-spacing:-.03em;box-shadow:0 5px 14px rgba(36,39,45,.16)}
body.mortx-ui-shell .sidebar-brand-copy{min-width:0;display:flex;flex-direction:column;gap:2px;line-height:1.08}
body.mortx-ui-shell .sidebar-brand-copy strong{font-size:13px;font-weight:800;letter-spacing:.01em;white-space:nowrap;color:#24272d}
body.mortx-ui-shell .sidebar-brand-copy span{font-size:9px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:#99a2b1;white-space:nowrap}
body.mortx-ui-shell .mortx-sidebar-collapse{margin-left:auto;width:30px;height:30px;border:1px solid var(--ui-border);border-radius:9px;background:#fff;color:#7a8493;display:grid;place-items:center;cursor:pointer;transition:.18s ease}
body.mortx-ui-shell .mortx-sidebar-collapse:hover{background:#f5f7fa;color:#24272d;border-color:#d8dee7}
body.mortx-ui-shell .sidebar-nav.board-toolbar{margin:0!important;padding:16px 12px 12px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;display:flex!important;flex:1;min-height:0;flex-direction:column;gap:12px;overflow-y:auto;overflow-x:hidden}
body.mortx-ui-shell .view-switch{display:flex!important;flex-direction:column!important;gap:6px;width:100%;padding:0!important;margin:0!important;border:0!important;background:transparent!important}
body.mortx-ui-shell .view-switch .view-toggle{width:100%;min-height:44px;padding:0 12px!important;display:flex;align-items:center;justify-content:flex-start;gap:11px;border:0!important;border-radius:10px!important;background:transparent!important;color:#647084!important;box-shadow:none!important;font-size:12px;font-weight:700;text-align:left;transition:background .16s ease,color .16s ease,transform .16s ease}
body.mortx-ui-shell .view-switch .view-toggle:hover{background:#f4f6f9!important;color:#24272d!important}
body.mortx-ui-shell .view-switch .view-toggle.active,body.mortx-ui-shell .view-switch .view-toggle[aria-selected="true"]{background:var(--ui-nav-active)!important;color:#fff!important}
body.mortx-ui-shell .view-switch .view-icon{width:26px;height:26px;display:grid;place-items:center;flex:0 0 26px;border-radius:8px;background:#f0f3f7;color:#7b8798;font-size:11px}
body.mortx-ui-shell .view-switch .view-toggle.active .view-icon,body.mortx-ui-shell .view-switch .view-toggle[aria-selected="true"] .view-icon{background:rgba(255,255,255,.12);color:#fff}
body.mortx-ui-shell .view-switch .view-text{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}




/* Workspace / header */
body.mortx-ui-shell .mortx-workspace{min-width:0;min-height:100dvh;display:flex;flex-direction:column;background:var(--ui-bg)}
body.mortx-ui-shell #appProjectBrandHeader.mortx-header{position:sticky;top:0;z-index:900;min-height:78px;margin:0!important;padding:14px 24px!important;display:flex;align-items:center;background:rgba(255,255,255,.96)!important;border:0!important;border-bottom:1px solid var(--ui-border)!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:saturate(1.15) blur(12px)}
body.mortx-ui-shell #appProjectBrandHeader .top-row{width:100%;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:12px}
body.mortx-ui-shell #appProjectBrandHeader .top-actions{margin-left:auto;min-width:0;display:flex;align-items:center;gap:10px}
body.mortx-ui-shell #appProjectBrandHeader .top-widget-group{display:flex;align-items:center;gap:8px;min-width:0}
body.mortx-ui-shell #appProjectBrandHeader .global-task-search{width:min(360px,34vw);min-width:220px}
body.mortx-ui-shell #appProjectBrandHeader .global-task-search-input-wrap{height:40px;border:1px solid var(--ui-border-strong)!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important}
body.mortx-ui-shell #appProjectBrandHeader .global-task-search-input-wrap:focus-within{border-color:#aac4fb!important;box-shadow:0 0 0 3px rgba(47,111,237,.09)!important}
body.mortx-ui-shell #appProjectBrandHeader .online-users-toggle,body.mortx-ui-shell #appProjectBrandHeader .notifications-toggle,body.mortx-ui-shell #appProjectBrandHeader .recurring-toggle{width:40px;height:40px;border:1px solid var(--ui-border-strong)!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important}
body.mortx-ui-shell #appProjectBrandHeader .auth-user-chip{min-height:40px;border:1px solid var(--ui-border-strong)!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important}
/* Dedicated filter bar */
body.mortx-ui-shell .task-filter-bar{margin:16px 24px 0;padding:12px 14px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow-soft)}
body.mortx-ui-shell .task-filter-bar-title{display:flex;align-items:center;gap:10px;min-width:170px}
body.mortx-ui-shell .task-filter-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:10px;background:var(--ui-primary-soft);color:var(--ui-primary);font-size:12px}
body.mortx-ui-shell .task-filter-bar-title strong{display:block;color:#2b3038;font-size:12px;font-weight:800;line-height:1.1}
body.mortx-ui-shell .task-filter-bar-title div>span{display:block;margin-top:3px;color:#8b95a5;font-size:9px;white-space:nowrap}
body.mortx-ui-shell .task-filter-bar .top-controls-row{min-width:0;width:100%;margin:0!important;padding:0!important;border:0!important;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body.mortx-ui-shell .task-filter-bar .project-select-wrap{min-width:240px;flex:1 1 280px}
body.mortx-ui-shell .task-filter-bar #projectSelect{width:100%;height:38px;padding:0 34px 0 11px;border:1px solid var(--ui-border-strong);border-radius:9px;background:#fff;color:#394150;font-size:11px;font-weight:650}
body.mortx-ui-shell .task-filter-bar .project-access-wrap{flex:0 0 auto}
body.mortx-ui-shell .task-filter-bar .panel-actions{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body.mortx-ui-shell .task-filter-bar .top-multi-filter-toggle,body.mortx-ui-shell .task-filter-bar .top-filter-reset-btn{min-height:38px;border:1px solid var(--ui-border-strong)!important;border-radius:9px!important;background:#fff!important;color:#394150!important;box-shadow:none!important;font-size:10px!important;font-weight:700!important}
body.mortx-ui-shell .task-filter-bar .top-multi-filter-toggle:hover,body.mortx-ui-shell .task-filter-bar .top-filter-reset-btn:hover{background:#f7f9fb!important;border-color:#cdd5df!important}

/* Main content */
body.mortx-ui-shell .mortx-content{display:block;min-width:0;width:100%;margin:0;padding:16px 24px 28px}
body.mortx-ui-shell #mortxViewHost{min-width:0;width:100%;margin:0!important;padding:0!important}
body.mortx-ui-shell #mortxViewHost>[data-view-panel]{margin-top:0!important}
body.mortx-ui-shell #mortxViewHost>.card,body.mortx-ui-shell #mortxViewHost [data-view-panel]>.card:first-child{border-color:var(--ui-border)!important;border-radius:var(--ui-radius)!important;box-shadow:var(--ui-shadow-soft)!important}
body.mortx-ui-shell #mortxViewHost .card{border-color:var(--ui-border)}
body.mortx-ui-shell #overviewView,body.mortx-ui-shell #board,body.mortx-ui-shell #listView,body.mortx-ui-shell #calendarView,body.mortx-ui-shell #upcomingView,body.mortx-ui-shell #timelineView,body.mortx-ui-shell #bulletinView{margin-top:0!important}

/* Collapsed desktop sidebar */
body.mortx-ui-shell.sidebar-collapsed .mortx-app-shell{grid-template-columns:var(--ui-sidebar-collapsed) minmax(0,1fr)}
body.mortx-ui-shell.sidebar-collapsed .sidebar-brand{justify-content:center;padding:14px 10px}

body.mortx-ui-shell.sidebar-collapsed .sidebar-brand-mark{width:38px;flex-basis:38px}
body.mortx-ui-shell.sidebar-collapsed .mortx-sidebar-collapse{position:absolute;right:6px;bottom:-15px;background:#fff;z-index:2}
body.mortx-ui-shell.sidebar-collapsed .sidebar-nav.board-toolbar{padding-left:10px!important;padding-right:10px!important}
body.mortx-ui-shell.sidebar-collapsed .view-switch .view-toggle{justify-content:center;padding:0!important}


/* Overlay */
body.mortx-ui-shell .mortx-sidebar-backdrop{display:none;position:fixed;inset:0;z-index:1190;background:rgba(18,24,38,.38);backdrop-filter:blur(2px)}




@media(prefers-reduced-motion:reduce){body.mortx-ui-shell *{transition-duration:.001ms!important;animation-duration:.001ms!important}}

/* ========================================================================== 
   DASHBOARD MINIMAL DENSITY PASS — 2026-09-14
   Keep the dashboard visually aligned with the shell without nested card boxes.
   ========================================================================== */
body.mortx-ui-shell .mortx-content{
  padding:12px 20px 24px;
}
body.mortx-ui-shell .task-filter-bar{
  margin:12px 20px 0;
  padding:9px 12px;
  border-radius:10px;
  box-shadow:none;
}

/* Dashboard root: no outer card / box. */
body.mortx-ui-shell #overviewView.dashboard-unified-view{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body.mortx-ui-shell #overviewView>.dashboard-unified-header{
  min-height:auto!important;
  margin:0!important;
  padding:4px 0 12px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.mortx-ui-shell #overviewView>.dashboard-unified-header .mortx-panel-head-copy strong{
  font-size:18px!important;
  line-height:1.2;
  letter-spacing:-.02em;
  color:#20242b;
}
body.mortx-ui-shell #overviewView>.dashboard-unified-header .mortx-panel-head-copy span{
  margin-top:3px;
  font-size:10px;
  color:#7b8492;
}
body.mortx-ui-shell #overviewView .dashboard-unified-shell{
  gap:16px!important;
  padding:0!important;
}
body.mortx-ui-shell #overviewView .dashboard-overview-body{
  padding:0!important;
}

/* KPI strip: flat metrics, separated only by rhythm and hairlines. */
body.mortx-ui-shell #overviewView .dashboard-kpis{
  gap:0!important;
  margin:0 0 16px!important;
  border-top:1px solid var(--ui-border);
  border-bottom:1px solid var(--ui-border);
}
body.mortx-ui-shell #overviewView .dashboard-kpi{
  padding:13px 14px 12px!important;
  border:0!important;
  border-right:1px solid var(--ui-border)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.mortx-ui-shell #overviewView .dashboard-kpi:last-child{
  border-right:0!important;
}
body.mortx-ui-shell #overviewView .dashboard-kpi-warn,
body.mortx-ui-shell #overviewView .dashboard-kpi-danger,
body.mortx-ui-shell #overviewView .dashboard-kpi-success{
  border-top:0!important;
}
body.mortx-ui-shell #overviewView .dashboard-kpi span{
  font-size:8px;
  letter-spacing:.08em;
  color:#8a94a3;
}
body.mortx-ui-shell #overviewView .dashboard-kpi strong{
  margin:5px 0 2px;
  font-size:21px;
  letter-spacing:-.03em;
}
body.mortx-ui-shell #overviewView .dashboard-kpi small{
  font-size:8px;
  color:#7d8795;
}

/* Dashboard sections: no cards, only clean dividers. */
body.mortx-ui-shell #overviewView .dashboard-grid{
  gap:20px!important;
  margin:0 0 18px!important;
}
body.mortx-ui-shell #overviewView .dashboard-panel,
body.mortx-ui-shell #overviewView .dashboard-performance-section{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body.mortx-ui-shell #overviewView .dashboard-panel>header,
body.mortx-ui-shell #overviewView .dashboard-performance-section-head{
  min-height:auto!important;
  padding:0 0 9px!important;
  border:0!important;
  border-bottom:1px solid var(--ui-border)!important;
  background:transparent!important;
}
body.mortx-ui-shell #overviewView .dashboard-panel>header h3,
body.mortx-ui-shell #overviewView .dashboard-performance-section-head .mortx-panel-head-copy strong{
  margin-top:2px;
  font-size:13px!important;
  color:#252a31;
}
body.mortx-ui-shell #overviewView .dashboard-panel>header p,
body.mortx-ui-shell #overviewView .dashboard-performance-section-head .mortx-panel-head-copy span{
  font-size:9px!important;
  color:#7d8795;
}
body.mortx-ui-shell #overviewView .dashboard-panel>header>b{
  min-width:26px;
  height:26px;
  background:#f0f3f7;
  border-radius:6px;
  font-size:9px;
}
body.mortx-ui-shell #overviewView .dash-status-list,
body.mortx-ui-shell #overviewView .dash-task-list,
body.mortx-ui-shell #overviewView .dash-ranking,
body.mortx-ui-shell #overviewView .dashboard-performance-section-body{
  padding:8px 0 0!important;
}
body.mortx-ui-shell #overviewView .dash-status-row{
  padding:6px 0!important;
  background:transparent!important;
}
body.mortx-ui-shell #overviewView .shared-task-card,
body.mortx-ui-shell #overviewView .dash-task-row{
  border-left:0!important;
  border-right:0!important;
  border-top:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
body.mortx-ui-shell #overviewView .dashboard-health{
  margin:0 0 18px!important;
}
body.mortx-ui-shell #overviewView .dashboard-health-grid{
  border-top:0!important;
}
body.mortx-ui-shell #overviewView .dashboard-health-grid>div{
  padding:10px 12px!important;
  background:transparent!important;
  border-color:var(--ui-border)!important;
}
body.mortx-ui-shell #overviewView .dashboard-workflow-report,
body.mortx-ui-shell #overviewView .dashboard-performance-tables{
  margin-bottom:18px!important;
}
body.mortx-ui-shell #overviewView .dashboard-table-scroll{
  margin-top:8px;
  border:0!important;
  border-radius:0!important;
}




/* Sidebar density fix v5 — remove excessive horizontal gutter */
@media (min-width:992px){
  :root{--ui-sidebar:214px;--ui-sidebar-collapsed:64px}
  body.mortx-ui-shell .sidebar-brand{min-height:72px;padding:12px 12px;gap:9px}
  body.mortx-ui-shell .sidebar-brand-mark{width:34px;height:34px;flex-basis:34px;border-radius:8px}
  body.mortx-ui-shell .sidebar-brand-copy strong{font-size:12px}
  body.mortx-ui-shell .sidebar-nav.board-toolbar{padding:10px 8px 10px!important;gap:8px}
  body.mortx-ui-shell .view-switch{gap:3px}
  body.mortx-ui-shell .view-switch .view-toggle{min-height:40px;padding:0 10px!important;gap:8px;border-radius:7px!important}
  body.mortx-ui-shell .view-switch .view-icon{width:24px;height:24px;flex-basis:24px;border-radius:6px}
  body.mortx-ui-shell.sidebar-collapsed .sidebar-nav.board-toolbar{padding-left:7px!important;padding-right:7px!important}
}

/* AdminMart-inspired sidebar v7 */
@media (min-width:992px){
  :root{--ui-sidebar:238px;--ui-sidebar-collapsed:72px}
  body.mortx-ui-shell .app-sidebar{background:#fff;border-right:1px solid #e8edf5;box-shadow:none}
  body.mortx-ui-shell .sidebar-brand{min-height:76px;padding:14px 18px;gap:10px;border-bottom:0}
  body.mortx-ui-shell .sidebar-brand-mark{width:36px;height:36px;flex:0 0 36px;border-radius:9px}
  body.mortx-ui-shell .sidebar-brand-copy strong{font-size:12px;letter-spacing:.02em}
  body.mortx-ui-shell .sidebar-brand-copy span{font-size:8px;letter-spacing:.14em}
  body.mortx-ui-shell .mortx-sidebar-collapse{right:-14px;width:28px;height:28px;border-radius:8px;background:#fff;box-shadow:0 3px 12px rgba(30,50,80,.10)}

  body.mortx-ui-shell .sidebar-nav.board-toolbar{display:block!important;padding:14px 16px!important;margin:0!important;width:100%!important}
  body.mortx-ui-shell .sidebar-nav.board-toolbar:before{content:"WORKSPACE";display:block;margin:0 8px 8px;color:#8b96a8;font-size:9px;font-weight:800;letter-spacing:.12em}
  body.mortx-ui-shell .view-switch{display:flex!important;flex-direction:column!important;width:100%!important;gap:5px!important;margin:0!important;padding:0!important}
  body.mortx-ui-shell .view-switch .view-toggle{display:flex!important;width:100%!important;max-width:none!important;min-height:44px!important;margin:0!important;padding:0 12px!important;gap:11px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#5f6b7d!important;text-align:left!important;justify-content:flex-start!important;transition:background .16s ease,color .16s ease,transform .16s ease}
  body.mortx-ui-shell .view-switch .view-toggle:hover{background:#f4f7fb!important;color:#27364a!important}
  body.mortx-ui-shell .view-switch .view-toggle.active,
  body.mortx-ui-shell .view-switch .view-toggle[aria-selected="true"]{background:#4f7df3!important;color:#fff!important;box-shadow:0 5px 14px rgba(79,125,243,.20)!important}
  body.mortx-ui-shell .view-switch .view-icon{display:grid!important;place-items:center!important;width:26px!important;height:26px!important;flex:0 0 26px!important;border-radius:7px!important;background:#f1f4f8!important;color:#728096!important;font-size:12px!important}
  body.mortx-ui-shell .view-switch .view-toggle.active .view-icon,
  body.mortx-ui-shell .view-switch .view-toggle[aria-selected="true"] .view-icon{background:rgba(255,255,255,.16)!important;color:#fff!important}
  body.mortx-ui-shell .view-switch .view-text{display:block!important;flex:1 1 auto!important;font-size:12px!important;font-weight:650!important;line-height:1!important;color:inherit!important;white-space:nowrap!important}

  body.mortx-ui-shell.sidebar-collapsed .sidebar-brand{padding-left:18px;padding-right:18px;justify-content:center}
  body.mortx-ui-shell.sidebar-collapsed .sidebar-brand-copy{display:none!important}
  body.mortx-ui-shell.sidebar-collapsed .sidebar-nav.board-toolbar{padding:14px 10px!important}
  body.mortx-ui-shell.sidebar-collapsed .sidebar-nav.board-toolbar:before{content:"•••";margin:2px 0 9px;text-align:center;letter-spacing:.08em}
  body.mortx-ui-shell.sidebar-collapsed .view-switch .view-toggle{width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;margin:0 auto!important;justify-content:center!important;border-radius:10px!important}
  body.mortx-ui-shell.sidebar-collapsed .view-switch .view-icon{background:transparent!important;width:44px!important;height:44px!important;flex-basis:44px!important}
  body.mortx-ui-shell.sidebar-collapsed .view-switch .view-toggle.active .view-icon,
  body.mortx-ui-shell.sidebar-collapsed .view-switch .view-toggle[aria-selected="true"] .view-icon{background:transparent!important}
}


/* v11: grouping-only sidebar cleanup + board controls restored to board header */
body.mortx-ui-shell .sidebar-nav.board-toolbar:before{content:none!important;display:none!important;}
body.mortx-ui-shell.sidebar-collapsed .sidebar-nav.board-toolbar:before{content:none!important;display:none!important;}

body.mortx-ui-shell #board .board-view-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
}
body.mortx-ui-shell #board .board-view-head .mortx-panel-head-copy{
  flex:1 1 auto!important;
}
body.mortx-ui-shell #board #boardStatusLayoutToggle{
  margin:0 0 0 auto!important;
  padding:0!important;
  border:0!important;
  width:auto!important;
  display:flex!important;
  grid-template-columns:none!important;
  gap:4px!important;
  background:transparent!important;
  align-items:center!important;
}
body.mortx-ui-shell #board #boardStatusLayoutToggle.hidden{display:none!important;}





/* View heading geometry moved to view-template.css (v32). */

body.mortx-ui-shell #board #boardStatusLayoutToggle{
  margin:0!important;
}




/* =========================================================
   v15 — Board + unified view header compatibility
   Keep status columns as direct #board children for board.js.
   The shared view header must span the complete board grid.
   ========================================================= */
body.mortx-ui-shell #board > .view-header {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-width: 0 !important;
  align-self: stretch !important;
}
body.mortx-ui-shell #board > .column {
  min-width: 0 !important;
}
body.mortx-ui-shell #board.board-status-layout-vertical > .view-header {
  grid-column: auto !important;
  width: 100% !important;
  flex: 0 0 auto !important;
}

/* v18: full-bleed sidebar navigation — menu rows use the entire sidebar width */
@media (min-width:992px){
  body.mortx-ui-shell .sidebar-nav.board-toolbar{
    width:100%!important;
    padding:10px 0 12px!important;
    margin:0!important;
  }
  body.mortx-ui-shell .view-switch,
  body.mortx-ui-shell .sidebar-group,
  body.mortx-ui-shell .sidebar-group-items{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  body.mortx-ui-shell .sidebar-group-label{
    width:100%!important;
    margin:0!important;
    padding:0 24px 8px!important;
    box-sizing:border-box!important;
  }
  body.mortx-ui-shell .view-switch .view-toggle{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0 24px!important;
    border-radius:0!important;
    box-sizing:border-box!important;
  }
  body.mortx-ui-shell .view-switch .view-toggle:hover,
  body.mortx-ui-shell .view-switch .view-toggle.active,
  body.mortx-ui-shell .view-switch .view-toggle[aria-selected="true"]{
    width:100%!important;
  }
  body.mortx-ui-shell.sidebar-collapsed .sidebar-nav.board-toolbar{
    padding:10px 0 12px!important;
  }
  body.mortx-ui-shell.sidebar-collapsed .view-switch .view-toggle{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    border-radius:0!important;
  }
}


/* ==========================================================================
   SIDEBAR ADD TASK — V19
   The primary create action lives inside the sidebar, aligned to the bottom.
   ========================================================================== */
body.mortx-ui-shell .sidebar-action-footer{
  flex:0 0 auto;
  width:100%;
  margin-top:auto;
  padding:12px 0 14px;
  border-top:1px solid var(--ui-border);
  background:var(--ui-surface);
}
body.mortx-ui-shell.sidebar-collapsed .sidebar-action-footer{padding:10px 0 12px}
/* ========================================================================== 
   SIDEBAR ADD TASK — V20
   Match the visual language of normal sidebar menu rows.
   ========================================================================== */
body.mortx-ui-shell .sidebar-action-footer{
  padding:10px 0 12px;
  border-top:1px solid var(--ui-border);
  background:var(--ui-surface);
}
body.mortx-ui-shell.sidebar-collapsed .sidebar-action-footer{padding:10px 0 12px;}
/* ==========================================================================
   TASK FILTER BAR — V21
   Controls only: no title, description, or icon block.
   ========================================================================== */
body.mortx-ui-shell .task-filter-bar{
  display:block !important;
  grid-template-columns:none !important;
  gap:0 !important;
}
body.mortx-ui-shell .task-filter-bar-title,
body.mortx-ui-shell .task-filter-icon{display:none !important;}
body.mortx-ui-shell .task-filter-bar .top-controls-row{width:100% !important;}

/* Work Mode — V21: match the Add Task sidebar row exactly. */
body.mortx-ui-shell .sidebar-action-footer .work-mode-toggle{
  width:100%;min-height:44px;margin:0;padding:0 24px;display:flex;align-items:center;justify-content:flex-start;gap:11px;
  border:0;border-radius:0;background:transparent;color:#5f6b7d;box-shadow:none;font:inherit;font-size:12px;font-weight:700;line-height:1;text-align:left;cursor:pointer;
  transition:background .16s ease,color .16s ease;
}
body.mortx-ui-shell .sidebar-action-footer .work-mode-toggle:hover{background:#f4f7fb;color:#27364a}
body.mortx-ui-shell .sidebar-action-footer .work-mode-toggle:active{background:#edf2f8}
body.mortx-ui-shell .sidebar-action-footer .work-mode-dot{
  width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;border-radius:8px;background:#f0f3f7;color:#7b8798;box-shadow:none;position:relative;
}
body.mortx-ui-shell .sidebar-action-footer .work-mode-dot::before{content:"";width:8px;height:8px;border-radius:50%;background:#94a3b8;transition:background .16s ease,box-shadow .16s ease}
body.mortx-ui-shell .sidebar-action-footer .work-mode-dot::after{display:none}
body.mortx-ui-shell .sidebar-action-footer .work-mode-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700}
body.mortx-ui-shell .sidebar-action-footer .work-mode-toggle strong{margin-left:auto;font-size:10px;font-weight:800;letter-spacing:.04em;color:#7b8798}
body.mortx-ui-shell .sidebar-action-footer .work-mode-toggle.is-working{border:0;background:#f0fdf4;color:#166534;box-shadow:none}
body.mortx-ui-shell .sidebar-action-footer .work-mode-toggle.is-working:hover{background:#e8f9ed;color:#14532d}
body.mortx-ui-shell .sidebar-action-footer .work-mode-toggle.is-working .work-mode-dot{background:#dcfce7;color:#15803d}
body.mortx-ui-shell .sidebar-action-footer .work-mode-toggle.is-working .work-mode-dot::before{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.12)}
body.mortx-ui-shell .sidebar-action-footer .work-mode-toggle.is-working strong{color:#15803d}
body.mortx-ui-shell.sidebar-collapsed .sidebar-action-footer .work-mode-toggle{width:100%;height:auto;min-height:44px;margin:0;padding:0;justify-content:center}
body.mortx-ui-shell.sidebar-collapsed .sidebar-action-footer .work-mode-toggle .work-mode-label,
body.mortx-ui-shell.sidebar-collapsed .sidebar-action-footer .work-mode-toggle strong{display:none}



/* Profile/header icon cleanup: borderless icon controls */
body.mortx-ui-shell #appProjectBrandHeader .online-users-toggle,
body.mortx-ui-shell #appProjectBrandHeader .notifications-toggle,
body.mortx-ui-shell #appProjectBrandHeader .recurring-toggle,
body.mortx-ui-shell #appProjectBrandHeader .auth-user-chip {
  border:0 !important;
}


/* ==========================================================================
   SIDEBAR CANONICAL COLLAPSE — V42
   One state owner only: body.sidebar-collapsed (ui-shell.js).
   Collapsed navigation is icon-only; group boundaries are simple lines.
   ========================================================================== */
@media (min-width:992px){
  body.mortx-ui-shell.sidebar-collapsed .sidebar-brand-copy,
  body.mortx-ui-shell.sidebar-collapsed .view-switch .view-text,
  body.mortx-ui-shell.sidebar-collapsed .sidebar-action-footer .work-mode-label,
  body.mortx-ui-shell.sidebar-collapsed .sidebar-action-footer .work-mode-toggle strong{
    display:none!important;
  }
  body.mortx-ui-shell.sidebar-collapsed .sidebar-nav.board-toolbar{
    padding:10px 0 12px!important;
  }
  body.mortx-ui-shell.sidebar-collapsed .sidebar-group{
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  body.mortx-ui-shell.sidebar-collapsed .sidebar-group + .sidebar-group{
    margin-top:8px!important;
    padding-top:8px!important;
    border-top:1px solid #e8edf5!important;
  }
  body.mortx-ui-shell.sidebar-collapsed .sidebar-group-label{
    display:none!important;
  }
  body.mortx-ui-shell.sidebar-collapsed .sidebar-group-label::after,
  body.mortx-ui-shell.sidebar-collapsed .sidebar-nav.board-toolbar::before{
    content:none!important;
    display:none!important;
  }
  body.mortx-ui-shell.sidebar-collapsed .sidebar-group-items{
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  body.mortx-ui-shell.sidebar-collapsed .view-switch .view-toggle{
    display:flex!important;
    width:100%!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0!important;
    gap:0!important;
    justify-content:center!important;
    align-items:center!important;
    border:0!important;
    border-radius:0!important;
  }
  body.mortx-ui-shell.sidebar-collapsed .view-switch .view-icon{
    display:grid!important;
    place-items:center!important;
    width:32px!important;
    height:32px!important;
    flex:0 0 32px!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
  }
  body.mortx-ui-shell.sidebar-collapsed .view-switch .view-toggle.active .view-icon,
  body.mortx-ui-shell.sidebar-collapsed .view-switch .view-toggle[aria-selected="true"] .view-icon{
    background:transparent!important;
  }
}

/* ==========================================================================
   SIDEBAR PROFILE — reuses Work Mode row primitives directly.
   Profile-specific CSS only handles avatar, caret and popup.
   ========================================================================== */
body.mortx-ui-shell .sidebar-action-footer > #authBox.sidebar-profile{
  position:relative;width:100%;margin:0;padding:0;flex:0 0 auto;
}
body.mortx-ui-shell .sidebar-action-footer > #authBox .profile-trigger[aria-expanded="true"]{background:#f4f7fb;color:#27364a}
body.mortx-ui-shell .sidebar-action-footer > #authBox .sidebar-profile-avatar{overflow:hidden;background:#f0f3f7;color:#5f6b7d;font-size:12px;font-weight:800}
body.mortx-ui-shell .sidebar-action-footer > #authBox .sidebar-profile-avatar::before,
body.mortx-ui-shell .sidebar-action-footer > #authBox .sidebar-profile-avatar::after{content:none;display:none}
body.mortx-ui-shell .sidebar-action-footer > #authBox .sidebar-profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
body.mortx-ui-shell .sidebar-action-footer > #authBox .profile-trigger-state{color:#7b8798}
body.mortx-ui-shell .sidebar-action-footer > #authBox .profile-trigger-state .auth-chip-caret{margin:0;font-size:10px;color:inherit;transition:transform .16s ease}
body.mortx-ui-shell .sidebar-action-footer > #authBox .profile-trigger[aria-expanded="true"] .auth-chip-caret{transform:rotate(-90deg)}

body.mortx-ui-shell .sidebar-action-footer > #authBox #authDropdown{
  position:absolute!important;left:calc(100% + 10px)!important;right:auto!important;bottom:0!important;top:auto!important;width:300px!important;min-width:300px!important;max-width:calc(100vw - 24px)!important;
  margin:0!important;padding:0!important;overflow:hidden!important;border:1px solid #dbe3ed!important;border-radius:10px!important;background:#fff!important;
  box-shadow:0 12px 30px rgba(15,23,42,.16)!important;z-index:1200!important;
}
body.mortx-ui-shell .sidebar-action-footer > #authBox #authDropdown::before{content:none!important;display:none!important}
body.mortx-ui-shell .sidebar-profile-menu-head{display:flex;align-items:center;gap:12px;padding:16px 18px;background:#fff}
body.mortx-ui-shell .sidebar-profile-menu-avatar{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border:0;border-radius:8px;background:#78909c;color:#fff;background-size:cover;background-position:center;font-size:20px;font-weight:700;overflow:hidden}
body.mortx-ui-shell .sidebar-profile-menu-avatar.has-photo{background-color:#eef2f6}
body.mortx-ui-shell .sidebar-profile-menu-identity{min-width:0;display:flex;flex-direction:column;gap:4px}
body.mortx-ui-shell .sidebar-profile-menu-identity strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#182235;font-size:14px;font-weight:800;line-height:1.2}
body.mortx-ui-shell .sidebar-profile-menu-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8793a6;font-size:11px;font-weight:600;line-height:1.2}
body.mortx-ui-shell .sidebar-profile-menu-divider{height:1px;background:#e6ebf2}
body.mortx-ui-shell .sidebar-action-footer > #authBox #authDropdown .auth-dropdown-item{
  width:100%!important;min-height:48px!important;margin:0!important;padding:0 18px!important;display:flex!important;align-items:center!important;gap:11px!important;
  border:0!important;border-radius:0!important;background:#fff!important;color:#27364a!important;box-shadow:none!important;text-align:left!important;font-size:12px!important;font-weight:700!important;cursor:pointer;
}
body.mortx-ui-shell .sidebar-action-footer > #authBox #authDropdown .auth-dropdown-item i{width:18px;text-align:center;color:#5f6b7d!important}
body.mortx-ui-shell .sidebar-action-footer > #authBox #authDropdown .auth-dropdown-item:hover{background:#f4f7fb!important;color:#182235!important}
body.mortx-ui-shell .sidebar-action-footer > #authBox #authDropdown .auth-dropdown-item.danger,
body.mortx-ui-shell .sidebar-action-footer > #authBox #authDropdown .auth-dropdown-item.danger:hover{color:#27364a!important}
body.mortx-ui-shell.sidebar-collapsed .sidebar-action-footer > #authBox #authDropdown{left:calc(100% + 10px)!important;bottom:0!important}



/* Profile row hard isolation — keep the trigger geometry identical to Work Mode. */
body.mortx-ui-shell .sidebar-action-footer > #authBox.sidebar-profile{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
body.mortx-ui-shell .sidebar-action-footer > #authBox .profile-trigger{
  width:100%!important;
  min-height:44px!important;
  height:44px!important;
  margin:0!important;
  padding:0 24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:11px!important;
  overflow:hidden!important;
}
body.mortx-ui-shell .sidebar-action-footer > #authBox .sidebar-profile-avatar{
  position:relative!important;
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  min-height:26px!important;
  max-width:26px!important;
  max-height:26px!important;
  flex:0 0 26px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  border-radius:8px!important;
  background:#f0f3f7!important;
  color:#5f6b7d!important;
  font-size:12px!important;
  line-height:1!important;
}
body.mortx-ui-shell .sidebar-action-footer > #authBox .sidebar-profile-avatar > img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  min-height:26px!important;
  max-width:26px!important;
  max-height:26px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  object-fit:cover!important;
  object-position:center!important;
}
body.mortx-ui-shell .sidebar-action-footer > #authBox .sidebar-profile-avatar > img[hidden]{display:none!important}
body.mortx-ui-shell .sidebar-action-footer > #authBox .sidebar-profile-avatar > span{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  font:inherit!important;
}
body.mortx-ui-shell .sidebar-action-footer > #authBox .profile-trigger .work-mode-label{
  flex:1 1 auto!important;
  min-width:0!important;
  margin:0!important;
}
body.mortx-ui-shell .sidebar-action-footer > #authBox .profile-trigger-state{
  flex:0 0 auto!important;
  margin-left:auto!important;
}
@media (min-width:992px){
  body.mortx-ui-shell.sidebar-collapsed .sidebar-action-footer > #authBox .profile-trigger{
    padding:0!important;
    justify-content:center!important;
  }
}

/* ========================================================================== 
   SIDEBAR PROFILE — clipping + avatar size hotfix
   Keep the footer/profile popup outside the sidebar clipping context while the
   navigation itself remains the scroll owner.
   ========================================================================== */
@media (min-width:992px){
  body.mortx-ui-shell .app-sidebar{
    overflow:visible!important;
    z-index:1300!important;
  }
  body.mortx-ui-shell .sidebar-nav.board-toolbar{
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
  body.mortx-ui-shell .sidebar-action-footer{
    position:relative!important;
    z-index:1310!important;
    overflow:visible!important;
  }
  body.mortx-ui-shell .sidebar-action-footer > #authBox.sidebar-profile{
    position:relative!important;
    z-index:1320!important;
    overflow:visible!important;
  }
  body.mortx-ui-shell .sidebar-action-footer > #authBox #authDropdown{
    z-index:1330!important;
    overflow:hidden!important;
  }
}

/* Target the live profile IDs so legacy avatar rules cannot enlarge them. */
body.mortx-ui-shell #authUserChip #authAvatar,
body.mortx-ui-shell #authUserChip #authAvatar.sidebar-profile-avatar{
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  min-height:26px!important;
  max-width:26px!important;
  max-height:26px!important;
  flex:0 0 26px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:8px!important;
  overflow:hidden!important;
  transform:none!important;
  scale:1!important;
  box-sizing:border-box!important;
  font-size:12px!important;
  line-height:26px!important;
}
body.mortx-ui-shell #authUserChip #authAvatarImage{
  position:absolute!important;
  inset:0!important;
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  min-height:26px!important;
  max-width:26px!important;
  max-height:26px!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover!important;
  border-radius:8px!important;
  transform:none!important;
  scale:1!important;
}
body.mortx-ui-shell #authUserChip #authAvatarInitial{
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  min-height:26px!important;
  max-width:26px!important;
  max-height:26px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  font-size:12px!important;
  line-height:1!important;
  transform:none!important;
  scale:1!important;
}
body.mortx-ui-shell #authDropdown #authMenuAvatar,
body.mortx-ui-shell #authDropdown .sidebar-profile-menu-avatar{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  max-width:48px!important;
  max-height:48px!important;
  flex:0 0 48px!important;
  margin:0!important;
  padding:0!important;
  border-radius:8px!important;
  overflow:hidden!important;
  transform:none!important;
  scale:1!important;
  box-sizing:border-box!important;
  font-size:20px!important;
  line-height:1!important;
}
body.mortx-ui-shell #authDropdown #authMenuAvatarInitial{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  font-size:20px!important;
  line-height:1!important;
  transform:none!important;
  scale:1!important;
}

/* PROFILE POPUP — stable sidebar top layer (20260915-1855-profile-stable).
   Keep the known-good absolute popup geometry; only elevate its stacking layer. */
@media (min-width:992px){
  body.mortx-ui-shell .sidebar-action-footer > #authBox #authDropdown{
    position:absolute!important;
    left:calc(100% + 10px)!important;
    right:auto!important;
    top:auto!important;
    bottom:0!important;
    z-index:2147483647!important;
  }
}


/* PROFILE POPUP PORTAL — document top layer. The row/avatar styling is untouched. */
body.mortx-ui-shell > #authDropdown.mortx-profile-popup-portal{
  position:fixed!important;
  display:block;
  margin:0!important;
  min-width:220px!important;
  max-width:calc(100vw - 24px)!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #dbe3ed!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:0 16px 42px rgba(15,23,42,.22)!important;
  z-index:2147483647!important;
  isolation:isolate!important;
}
body.mortx-ui-shell > #authDropdown.mortx-profile-popup-portal.hidden{display:none!important}
body.mortx-ui-shell > #authDropdown.mortx-profile-popup-portal .auth-dropdown-item{
  width:100%!important;min-height:48px!important;margin:0!important;padding:0 18px!important;
  display:flex!important;align-items:center!important;gap:11px!important;border:0!important;border-radius:0!important;
  background:#fff!important;color:#27364a!important;box-shadow:none!important;text-align:left!important;font-size:12px!important;font-weight:700!important;
}
body.mortx-ui-shell > #authDropdown.mortx-profile-popup-portal .auth-dropdown-item:hover{background:#f4f7fb!important;color:#182235!important}

/* Profile avatar fallback: hidden attribute must win over the sized fallback rules. */
body.mortx-ui-shell #authUserChip #authAvatarInitial[hidden],
body.mortx-ui-shell #authDropdown #authMenuAvatarInitial[hidden]{display:none!important;}


/* v59: sidebar rows are full-width at every breakpoint, matching footer actions. */
body.mortx-ui-shell .sidebar-nav.board-toolbar,
body.mortx-ui-shell .sidebar-nav.board-toolbar .sidebar-group,
body.mortx-ui-shell .sidebar-nav.board-toolbar .sidebar-group-items,
body.mortx-ui-shell .sidebar-nav.board-toolbar .view-switch {
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
body.mortx-ui-shell .sidebar-nav.board-toolbar .view-switch .view-toggle {
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}




body.mortx-ui-shell .app-sidebar .sidebar-nav,
body.mortx-ui-shell .app-sidebar .sidebar-group,
body.mortx-ui-shell .app-sidebar .sidebar-group-items,
body.mortx-ui-shell .app-sidebar .view-switch {
  width:100%!important; max-width:none!important; box-sizing:border-box!important;
}
body.mortx-ui-shell .app-sidebar .view-toggle[data-view],
body.mortx-ui-shell .app-sidebar .view-toggle[data-admin-view] {
  display:flex!important; width:100%!important; max-width:none!important;
  box-sizing:border-box!important; margin-left:0!important; margin-right:0!important;
}


/* v68 canonical header — exact reference layout: Search -> Users -> Recurring Tasks.
   Keep the search in normal header flow so it is always visible; on compact screens
   the search owns the remaining center space while the two actions stay at the right. */
body.mortx-ui-shell #appProjectBrandHeader .top-row{
  width:100%!important; min-width:0!important; display:flex!important; align-items:center!important; justify-content:flex-end!important;
}
body.mortx-ui-shell #appProjectBrandHeader .top-actions{
  margin-left:auto!important; min-width:0!important; display:flex!important; align-items:center!important;
}
body.mortx-ui-shell #appProjectBrandHeader .top-widget-group{
  width:auto!important; min-width:0!important; display:grid!important;
  grid-template-columns:minmax(220px,360px) 40px 40px!important;
  align-items:center!important; justify-content:end!important; gap:8px!important;
}
body.mortx-ui-shell #appProjectBrandHeader .global-task-search{
  position:relative!important; left:auto!important; transform:none!important;
  width:100%!important; min-width:0!important; margin:0!important; display:block!important; visibility:visible!important; opacity:1!important;
}
body.mortx-ui-shell #appProjectBrandHeader .online-users-widget,
body.mortx-ui-shell #appProjectBrandHeader .recurring-widget{width:40px!important; min-width:40px!important;}


/* ========================================================================== 
   MORTX HEADER NAV + POPOVERS REVAMP — v72
   Canonical theme for Global Search, Online Users, Recurring Tasks and Profile.
   ========================================================================== */
body.mortx-ui-shell #appProjectBrandHeader .top-widget-group{gap:10px!important}
body.mortx-ui-shell #appProjectBrandHeader .global-task-search-input-wrap{height:42px!important;border-radius:12px!important;background:#fff!important}
body.mortx-ui-shell #appProjectBrandHeader .online-users-toggle,
body.mortx-ui-shell #appProjectBrandHeader .recurring-toggle{position:relative;width:42px!important;height:42px!important;border:1px solid var(--ui-border)!important;border-radius:12px!important;background:#fff!important;color:#172033!important;display:grid!important;place-items:center;transition:.16s ease}
body.mortx-ui-shell #appProjectBrandHeader .online-users-toggle:hover,
body.mortx-ui-shell #appProjectBrandHeader .recurring-toggle:hover,
body.mortx-ui-shell #appProjectBrandHeader .online-users-toggle[aria-expanded="true"],
body.mortx-ui-shell #appProjectBrandHeader .recurring-toggle[aria-expanded="true"]{background:#f5f8fc!important;border-color:#cbd5e1!important;transform:translateY(-1px)}
body.mortx-ui-shell .online-users-count,body.mortx-ui-shell .recurring-pending-count{position:absolute!important;top:-5px!important;right:-5px!important;min-width:18px!important;height:18px!important;padding:0 5px!important;border:2px solid #fff!important;border-radius:999px!important;display:grid!important;place-items:center;background:#ef4444!important;color:#fff!important;font-size:9px!important;font-weight:800!important;line-height:1!important}
body.mortx-ui-shell .online-users-count.hidden,body.mortx-ui-shell .recurring-pending-count.hidden{display:none!important}

body.mortx-ui-shell .online-users-card,body.mortx-ui-shell .recurring-card{position:absolute!important;top:calc(100% + 12px)!important;right:0!important;width:min(420px,calc(100vw - 28px))!important;max-height:min(680px,calc(100dvh - 100px))!important;padding:0!important;overflow:hidden!important;background:#fff!important;border:1px solid #dfe5ed!important;border-radius:16px!important;box-shadow:0 22px 60px rgba(15,23,42,.18)!important;z-index:1500!important}
body.mortx-ui-shell .online-users-card.hidden,body.mortx-ui-shell .recurring-card.hidden{display:none!important}
body.mortx-ui-shell .mortx-panel-head,body.mortx-ui-shell .recurring-card-head{min-height:78px;padding:16px 18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px;border-bottom:1px solid #e7ebf1!important;background:#fff!important}
body.mortx-ui-shell .mortx-panel-title-block{min-width:0;display:flex;flex-direction:column;gap:2px}
body.mortx-ui-shell .mortx-panel-kicker{font-size:9px!important;font-weight:800!important;letter-spacing:.09em!important;text-transform:uppercase;color:#8a96a8!important}
body.mortx-ui-shell .mortx-panel-title-block strong{font-size:17px!important;line-height:1.2!important;color:#172033!important}
body.mortx-ui-shell .mortx-panel-title-block #onlineUsersSummary,body.mortx-ui-shell .mortx-panel-title-block #recurringSummary{font-size:11px!important;font-weight:650!important;color:#64748b!important}
body.mortx-ui-shell .mortx-panel-head-actions{display:flex;align-items:center;gap:7px}
body.mortx-ui-shell .mortx-panel-close,body.mortx-ui-shell .mortx-panel-icon-btn{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border:1px solid #e0e6ee!important;border-radius:9px!important;background:#fff!important;color:#475569!important;cursor:pointer!important}
body.mortx-ui-shell .mortx-panel-close:hover,body.mortx-ui-shell .mortx-panel-icon-btn:hover{background:#f5f7fa!important;color:#172033!important}
body.mortx-ui-shell .online-users-search-wrap{position:relative!important;margin:14px 16px 10px!important;padding:0!important}
body.mortx-ui-shell .online-users-search-input{width:100%!important;height:42px!important;padding:0 42px 0 13px!important;border:1px solid #dce3eb!important;border-radius:10px!important;background:#f8fafc!important;font-size:12px!important;outline:0!important}
body.mortx-ui-shell .online-users-search-input:focus{background:#fff!important;border-color:#a9c2f6!important;box-shadow:0 0 0 3px rgba(47,111,237,.08)!important}
body.mortx-ui-shell .online-users-search-clear{position:absolute!important;right:7px!important;top:50%!important;transform:translateY(-50%)!important;width:28px!important;height:28px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#7b8798!important}
body.mortx-ui-shell .online-users-list,body.mortx-ui-shell .recurring-list{max-height:min(500px,calc(100dvh - 255px))!important;overflow:auto!important;padding:6px 10px 12px!important;overscroll-behavior:contain}
body.mortx-ui-shell .online-user-row,body.mortx-ui-shell .recurring-item{margin:0 0 6px!important;padding:11px 12px!important;border:1px solid #e7ebf1!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;transition:.15s ease}
body.mortx-ui-shell .online-user-row:hover,body.mortx-ui-shell .recurring-item:hover{background:#f8fafc!important;border-color:#d9e1eb!important}
body.mortx-ui-shell .online-user-avatar{width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:11px!important;overflow:hidden!important}
body.mortx-ui-shell .online-user-info strong{font-size:13px!important;color:#172033!important}
body.mortx-ui-shell .online-user-status-line,body.mortx-ui-shell .online-user-work-line{font-size:10.5px!important;line-height:1.35!important;color:#64748b!important}
body.mortx-ui-shell .online-user-dot{width:9px!important;height:9px!important;border-radius:50%!important;align-self:center!important}
body.mortx-ui-shell .recurring-title-row strong{font-size:12px!important;color:#172033!important}
body.mortx-ui-shell .recurring-cadence{border-radius:999px!important;padding:3px 7px!important;background:#edf4ff!important;color:#2f6fed!important;font-size:9px!important;font-weight:800!important}
body.mortx-ui-shell .recurring-meta,body.mortx-ui-shell .recurring-open-line,body.mortx-ui-shell .recurring-done-line{font-size:10px!important;color:#64748b!important}
body.mortx-ui-shell .recurring-card-foot{padding:10px 14px 14px;border-top:1px solid #edf0f4;background:#fff}
body.mortx-ui-shell .mortx-panel-primary-link{height:38px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-radius:10px;background:#172033;color:#fff!important;text-decoration:none!important;font-size:11px;font-weight:800}
body.mortx-ui-shell .mortx-panel-primary-link:hover{background:#25324a}



/* v75 — Global Search: keep only the MORTX custom clear control. */
body.mortx-ui-shell #searchInput::-webkit-search-cancel-button,
body.mortx-ui-shell #searchInput::-webkit-search-decoration {
  -webkit-appearance:none!important;
  appearance:none!important;
  display:none!important;
}
body.mortx-ui-shell #searchInput::-ms-clear,
body.mortx-ui-shell #searchInput::-ms-reveal {
  display:none!important;
  width:0!important;
  height:0!important;
}


/* v83 — Work Mode confirmation dialog */
body.mortx-ui-shell #workModeConfirmModal {
  width:min(440px,calc(100vw - 32px)); margin:auto; padding:0; border:0; background:transparent; color:inherit;
}
body.mortx-ui-shell #workModeConfirmModal::backdrop { background:rgba(15,23,42,.42); backdrop-filter:blur(2px); }
body.mortx-ui-shell .mortx-workmode-confirm-dialog {
  box-sizing:border-box; width:100%; padding:24px; border:1px solid #dbe3ee; border-radius:14px; background:#fff; box-shadow:0 24px 70px rgba(15,23,42,.20);
}
body.mortx-ui-shell .mortx-workmode-confirm-icon {
  width:42px; height:42px; display:grid; place-items:center; margin-bottom:16px; border-radius:10px; background:#eef4ff; color:#2563eb; font-size:18px;
}
body.mortx-ui-shell .mortx-workmode-confirm-eyebrow { margin:0 0 5px; color:#7c8ba1; font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
body.mortx-ui-shell .mortx-workmode-confirm-dialog h2 { margin:0; color:#172033; font-size:21px; line-height:1.25; }
body.mortx-ui-shell .mortx-workmode-confirm-message { margin:10px 0 0; color:#475569; font-size:14px; line-height:1.5; }
body.mortx-ui-shell .mortx-workmode-confirm-info { margin:14px 0 0; padding:11px 12px; border:1px solid #dbe7f5; border-radius:9px; background:#f8fbff; color:#64748b; font-size:12px; line-height:1.45; }
body.mortx-ui-shell .mortx-workmode-confirm-actions { display:flex; justify-content:flex-end; gap:9px; margin-top:22px; }
body.mortx-ui-shell .mortx-workmode-confirm-actions .btn { min-height:40px; }


/* v92 — recurring completion is a controlled UI state, not a native checkbox. */
body.mortx-ui-shell .recurring-check-control {
  width: 22px;
  height: 22px;
  min-width: 22px;
  padding: 0;
  border: 1px solid var(--border, #d7dde5);
  border-radius: 6px;
  background: var(--surface, #fff);
  display: inline-grid;
  place-items: center;
  cursor: pointer;
  box-sizing: border-box;
  transition: background-color .15s ease, border-color .15s ease, opacity .15s ease;
}
body.mortx-ui-shell .recurring-check-control > i { opacity: 0; font-size: 11px; }
body.mortx-ui-shell .recurring-check-control.is-checked,
body.mortx-ui-shell .recurring-check-control[aria-checked="true"] {
  background: var(--primary, #2563eb);
  border-color: var(--primary, #2563eb);
  color: #fff;
}
body.mortx-ui-shell .recurring-check-control.is-checked > i,
body.mortx-ui-shell .recurring-check-control[aria-checked="true"] > i { opacity: 1; }
body.mortx-ui-shell .recurring-check-control:disabled { cursor: wait; opacity: .72; }

/* Dashboard / Assigned Tasks -------------------------------------------------
   Native dashboard section. Uses the dashboard's existing flat panel language;
   no compatibility overrides or duplicate component skins. */
body.mortx-ui-shell #overviewView .dashboard-task-grid{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:start;
}
body.mortx-ui-shell #overviewView .dashboard-assigned-tasks-panel{
  grid-column:1;
  min-width:0;
}
body.mortx-ui-shell #overviewView .dashboard-unassigned-tasks-panel{
  grid-column:2;
  min-width:0;
}
body.mortx-ui-shell #overviewView .dashboard-panel-kicker{
  display:block;
  margin-bottom:2px;
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#8a94a3;
}
body.mortx-ui-shell #overviewView .dashboard-assigned-table-wrap{
  width:100%;
  max-height:420px;
  overflow:auto;
}
body.mortx-ui-shell #overviewView .dashboard-assigned-table{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
  font-size:11px;
}
body.mortx-ui-shell #overviewView .dashboard-assigned-table th{
  padding:9px 8px;
  border-bottom:1px solid var(--ui-border);
  color:#7d8795;
  font-size:8px;
  font-weight:800;
  letter-spacing:.06em;
  text-align:left;
  text-transform:uppercase;
}
body.mortx-ui-shell #overviewView .dashboard-assigned-table td{
  padding:10px 8px;
  border-bottom:1px solid var(--ui-border);
  color:#343a43;
  vertical-align:middle;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.mortx-ui-shell #overviewView .dashboard-assigned-table th:nth-child(1){width:18%}
body.mortx-ui-shell #overviewView .dashboard-assigned-table th:nth-child(2){width:28%}
body.mortx-ui-shell #overviewView .dashboard-assigned-table th:nth-child(3){width:20%}
body.mortx-ui-shell #overviewView .dashboard-assigned-table th:nth-child(4){width:17%}
body.mortx-ui-shell #overviewView .dashboard-assigned-table th:nth-child(5){width:17%}
body.mortx-ui-shell #overviewView .dashboard-assigned-task-row{cursor:pointer}
body.mortx-ui-shell #overviewView .dashboard-assigned-task-row:hover td{background:rgba(127,140,160,.06)}
body.mortx-ui-shell #overviewView .dashboard-task-name{
  display:block;
  width:100%;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  font-weight:800;
  text-align:left;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  cursor:pointer;
}
body.mortx-ui-shell #overviewView .dashboard-table-project{font-weight:700}
body.mortx-ui-shell #overviewView .dashboard-status{
  display:inline-flex;
  max-width:100%;
  min-height:22px;
  align-items:center;
  padding:0 7px;
  font-size:9px;
  font-weight:800;
  white-space:nowrap;
}
body.mortx-ui-shell #overviewView .dashboard-status.draft{background:var(--mortx-status-draft);color:var(--mortx-text-on-draft)}
body.mortx-ui-shell #overviewView .dashboard-status.todo{background:var(--mortx-status-todo);color:var(--mortx-text-on-todo)}
body.mortx-ui-shell #overviewView .dashboard-status.in-progress{background:var(--mortx-status-progress);color:var(--mortx-text-on-progress)}
body.mortx-ui-shell #overviewView .dashboard-status.review-phase{background:var(--mortx-status-review);color:var(--mortx-text-on-review)}
body.mortx-ui-shell #overviewView .dashboard-status.for-revision{background:var(--mortx-status-revision);color:var(--mortx-text-on-revision)}
body.mortx-ui-shell #overviewView .dashboard-status.done{background:var(--mortx-status-done);color:var(--mortx-text-on-done)}
body.mortx-ui-shell #overviewView .dashboard-due-overdue{font-weight:800;color:#c43d4d}
body.mortx-ui-shell #overviewView .dashboard-assigned-empty{
  padding:22px 8px;
  color:#7d8795;
  font-size:10px;
  text-align:center;
}


/* System footer / version controller — fixed outside the scrolling content */
body.mortx-ui-shell .mortx-content{flex:1 0 auto;padding-bottom:58px;}
body.mortx-ui-shell .mortx-system-footer{position:fixed;left:var(--ui-sidebar);right:0;bottom:0;z-index:880;min-height:42px;padding:8px 24px;display:flex;align-items:center;justify-content:flex-end;gap:16px;border-top:1px solid var(--ui-border);background:rgba(255,255,255,.96);backdrop-filter:saturate(1.15) blur(12px);color:#98a2b3;font-size:9px;}
body.mortx-ui-shell.sidebar-collapsed .mortx-system-footer{left:var(--ui-sidebar-collapsed);}
body.mortx-ui-shell .mortx-version-controller{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-height:26px;color:#667085;font-size:10px;}
body.mortx-ui-shell .mortx-version-indicator{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#98a2b3;}
body.mortx-ui-shell .mortx-version-copy{display:flex;align-items:center;gap:7px;line-height:1.2;}
body.mortx-ui-shell .mortx-version-copy strong{color:#475467;font-size:10px;font-weight:700;white-space:nowrap;}
body.mortx-ui-shell .mortx-version-copy small{color:#98a2b3;font-size:9px;white-space:nowrap;}
body.mortx-ui-shell .mortx-version-controller[data-state="current"] .mortx-version-indicator{background:#12b76a;}
body.mortx-ui-shell .mortx-version-controller[data-state="outdated"] .mortx-version-indicator{background:#f79009;}
body.mortx-ui-shell .mortx-version-controller[data-state="offline"] .mortx-version-indicator{background:#98a2b3;}
body.mortx-ui-shell .mortx-version-update{flex:0 0 auto;border:1px solid #d0d5dd;border-radius:6px;background:#fff;padding:4px 8px;color:#344054;font:700 9px/1 inherit;cursor:pointer;}
body.mortx-ui-shell .mortx-version-update:hover{background:#f8fafc;}




/* v1.0.20: permission-authoritative Admin navigation. Never let layout display rules override hidden access items. */
body.mortx-ui-shell #adminSidebarGroup .admin-sidebar-link.hidden,
body.mortx-ui-shell #adminSidebarGroup .admin-sidebar-link[hidden]{display:none!important;}
body.mortx-ui-shell #adminSidebarGroup[hidden]{display:none!important;}


/* v1.0.29: Dashboard My Workload copy-image action. */
body.mortx-ui-shell #overviewView .dashboard-panel-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto;}
body.mortx-ui-shell #overviewView .dashboard-panel-actions>b{display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;background:#e2e8f0;color:#334155;font-size:11px;}
body.mortx-ui-shell #overviewView .dashboard-copy-image-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;padding:0 10px;border:1px solid #d7e0eb;background:rgba(255,255,255,.72);color:#334155;font:600 10px/1 inherit;cursor:pointer;white-space:nowrap;}
body.mortx-ui-shell #overviewView .dashboard-copy-image-btn:hover{background:rgba(255,255,255,.94);border-color:#c5d0de;}
body.mortx-ui-shell #overviewView .dashboard-copy-image-btn:disabled{cursor:default;opacity:.72;}

/* v1.0.39 — session-based Work Mode: Start / Pause / End */
body.mortx-ui-shell .sidebar-action-footer .work-mode-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px 12px;width:100%}
body.mortx-ui-shell .sidebar-action-footer .work-mode-action{min-width:0;height:36px;border:0;border-radius:9px;background:#f4f7fb;color:#64748b;font:inherit;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:.16s ease}
body.mortx-ui-shell .sidebar-action-footer .work-mode-action:hover:not(:disabled){background:#e9eef5;color:#27364a}body.mortx-ui-shell .sidebar-action-footer .work-mode-action:disabled{opacity:.42;cursor:not-allowed}
body.mortx-ui-shell .sidebar-action-footer .work-mode-controls.is-working .work-mode-action.start{background:#eefbf2;color:#15803d}body.mortx-ui-shell .sidebar-action-footer .work-mode-action.end:not(:disabled){color:#b42318;background:#fff3f2}body.mortx-ui-shell .sidebar-action-footer .work-mode-action.pause.is-resume{color:#166534;background:#eefbf2}
body.mortx-ui-shell.sidebar-collapsed .sidebar-action-footer .work-mode-controls{grid-template-columns:1fr;padding:6px 10px}body.mortx-ui-shell.sidebar-collapsed .sidebar-action-footer .work-mode-action span{display:none}
.work-mode-manual-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.work-mode-manual-fields label{display:grid;gap:6px;font-size:11px;font-weight:800;color:#64748b}.work-mode-manual-fields input{min-width:0;height:40px;border:1px solid #dbe2ea;border-radius:9px;padding:0 10px;background:var(--surface,#fff);color:inherit}

/* v1.0.39 Work Mode controls: wrapper-independent authoritative styling. */
body.mortx-ui-shell #workModeControls{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px 12px;width:100%;box-sizing:border-box}
body.mortx-ui-shell #workModeControls .work-mode-action{appearance:none;-webkit-appearance:none;min-width:0;height:36px;border:0!important;border-radius:9px;background:#f4f7fb;color:#64748b;font:inherit;font-size:11px;font-weight:800;display:flex!important;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:.16s ease}
body.mortx-ui-shell #workModeControls .work-mode-action:hover:not(:disabled){background:#e9eef5;color:#27364a}
body.mortx-ui-shell #workModeControls .work-mode-action:disabled{opacity:.42;cursor:not-allowed}
body.mortx-ui-shell #workModeControls.is-working .work-mode-action.start{background:#eefbf2;color:#15803d}
body.mortx-ui-shell #workModeControls .work-mode-action.end:not(:disabled){color:#b42318;background:#fff3f2}
body.mortx-ui-shell #workModeControls .work-mode-action.pause.is-resume{color:#166534;background:#eefbf2}
body.mortx-ui-shell.sidebar-collapsed #workModeControls{grid-template-columns:1fr;padding:6px 10px}
body.mortx-ui-shell.sidebar-collapsed #workModeControls .work-mode-action span{display:none}

/* v1.0.49: optional manual End Work correction inside the canonical End modal. */
body.mortx-ui-shell .work-mode-end-manual-option{margin-top:14px;padding:12px;border:1px solid #dbe7f5;border-radius:10px;background:#f8fbff}
body.mortx-ui-shell .work-mode-manual-toggle{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;color:#334155;cursor:pointer}
body.mortx-ui-shell .work-mode-manual-toggle input{width:16px;height:16px;margin:0}
body.mortx-ui-shell .work-mode-manual-help{margin:5px 0 0 25px;color:#7c8ba1;font-size:11px}
body.mortx-ui-shell .work-mode-end-manual-option .work-mode-manual-fields{margin-top:12px}


/* v1.0.65 — Work Mode moved from sidebar to the left side of the main header. */
body.mortx-ui-shell #appProjectBrandHeader .header-work-mode{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-width:0;margin-right:14px}
body.mortx-ui-shell #appProjectBrandHeader .header-work-mode-status{box-sizing:border-box;height:38px;display:flex;align-items:center;gap:7px;padding:0 12px;border:1px solid #dbe4ee;border-radius:8px;background:#f8fafc;color:#64748b;white-space:nowrap;font-size:10px;font-weight:800;letter-spacing:.025em}
body.mortx-ui-shell #appProjectBrandHeader .header-work-mode-dot{width:7px;height:7px;border-radius:50%;background:#94a3b8;flex:0 0 auto}
body.mortx-ui-shell #appProjectBrandHeader .header-work-mode-duration{font-variant-numeric:tabular-nums;color:#334155;letter-spacing:0}
body.mortx-ui-shell #appProjectBrandHeader .header-work-mode.is-working .header-work-mode-status{background:#eefbf2;border-color:#c9ecd3;color:#15803d}
body.mortx-ui-shell #appProjectBrandHeader .header-work-mode.is-working .header-work-mode-dot{background:#16a34a}
body.mortx-ui-shell #appProjectBrandHeader .header-work-mode.is-paused .header-work-mode-status{background:#fff8e8;border-color:#f3dfae;color:#9a6700}
body.mortx-ui-shell #appProjectBrandHeader .header-work-mode.is-paused .header-work-mode-dot{background:#d69e00}
body.mortx-ui-shell #appProjectBrandHeader #workModeControls{display:flex!important;align-items:center;gap:5px;width:auto!important;padding:0!important}
body.mortx-ui-shell #appProjectBrandHeader #workModeControls .work-mode-action{box-sizing:border-box;appearance:none;-webkit-appearance:none;width:auto;min-width:58px;height:38px;padding:0 12px;border:1px solid #dbe4ee!important;border-radius:8px;background:#fff;color:#475569;font-size:10px;font-weight:800;line-height:1}
body.mortx-ui-shell #appProjectBrandHeader #workModeControls .work-mode-action:hover:not(:disabled){background:#f8fafc;color:#1e293b}
body.mortx-ui-shell #appProjectBrandHeader #workModeControls .work-mode-action.start:not(:disabled){color:#15803d}
body.mortx-ui-shell #appProjectBrandHeader #workModeControls .work-mode-action.end:not(:disabled){color:#b42318;background:#fff7f6}
body.mortx-ui-shell #appProjectBrandHeader #workModeControls .work-mode-action.pause.is-resume{color:#166534;background:#eefbf2}
body.mortx-ui-shell #appProjectBrandHeader #workModeControls .work-mode-action:focus-visible{outline:2px solid rgba(0,115,234,.28);outline-offset:2px}
body.mortx-ui-shell #appProjectBrandHeader .top-row{justify-content:flex-start!important}
body.mortx-ui-shell #appProjectBrandHeader .top-actions{margin-left:auto!important}


/* v1.0.66 — sidebar navigation links use the same non-link visual treatment. */
body.mortx-ui-shell .app-sidebar .view-toggle { text-decoration:none!important; }
body.mortx-ui-shell .app-sidebar .view-toggle:hover,
body.mortx-ui-shell .app-sidebar .view-toggle:focus,
body.mortx-ui-shell .app-sidebar .view-toggle:active { text-decoration:none!important; }


/* Team Presence — clean isolated component v1.0.98.
   Uses its own namespace so legacy Online Users rules cannot alter its layout. */
body.mortx-ui-shell .team-presence-panel{position:absolute;top:calc(100% + 12px);right:0;width:min(560px,calc(100vw - 32px));max-height:min(760px,calc(100dvh - 96px));display:flex;flex-direction:column;overflow:hidden;background:var(--ui-surface,#fff);border:1px solid var(--ui-border,#dfe5ed);border-radius:16px;box-shadow:0 24px 64px rgba(15,23,42,.18);z-index:5000}
body.mortx-ui-shell .team-presence-panel.hidden{display:none!important}
body.mortx-ui-shell .team-presence-head{display:grid;grid-template-columns:minmax(0,1fr) 36px;align-items:start;gap:16px;padding:18px 18px 16px;border-bottom:1px solid var(--ui-border,#e5eaf0);background:var(--ui-surface,#fff)}
body.mortx-ui-shell .team-presence-title{min-width:0;display:grid;gap:3px}
body.mortx-ui-shell .team-presence-kicker{font-size:10px;line-height:1.2;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ui-muted,#8090a5)}
body.mortx-ui-shell .team-presence-title>strong{font-size:20px;line-height:1.2;font-weight:800;color:var(--ui-text,#172033)}
body.mortx-ui-shell .team-presence-title #onlineUsersSummary{font-size:12px;line-height:1.45;font-weight:650;color:var(--ui-muted,#64748b);white-space:normal}
body.mortx-ui-shell .team-presence-close{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--ui-border,#dfe5ed);border-radius:10px;background:var(--ui-surface,#fff);color:var(--ui-muted,#64748b);cursor:pointer;transition:.15s ease}
body.mortx-ui-shell .team-presence-close:hover{background:var(--ui-soft,#f5f7fa);color:var(--ui-text,#172033);border-color:var(--ui-border-strong,#cbd5e1)}
body.mortx-ui-shell .team-presence-search{position:relative;margin:14px 16px 10px}
body.mortx-ui-shell .team-presence-search-input{width:100%;height:44px;padding:0 42px 0 14px;border:1px solid var(--ui-border,#dfe5ed);border-radius:11px;background:var(--ui-soft,#f8fafc);color:var(--ui-text,#172033);font:inherit;font-size:13px;font-weight:600;outline:0}
body.mortx-ui-shell .team-presence-search-input:focus{background:var(--ui-surface,#fff);border-color:#9bb8f3;box-shadow:0 0 0 3px rgba(47,111,237,.08)}
body.mortx-ui-shell .team-presence-search-clear{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:var(--ui-muted,#64748b);font-size:18px;cursor:pointer}
body.mortx-ui-shell .team-presence-search-clear.hidden{display:none!important}
body.mortx-ui-shell .team-presence-list{min-height:0;max-height:min(570px,calc(100dvh - 250px));overflow:auto;padding:4px 10px 12px;overscroll-behavior:contain}
body.mortx-ui-shell .team-presence-person{display:grid;grid-template-columns:48px minmax(0,1fr) 12px;align-items:center;gap:12px;min-height:72px;padding:10px 8px;border-bottom:1px solid var(--ui-border,#edf0f4);background:transparent}
body.mortx-ui-shell .team-presence-person:last-child{border-bottom:0}
body.mortx-ui-shell .team-presence-person:hover{background:var(--ui-soft,#f8fafc);border-radius:10px}
body.mortx-ui-shell .team-presence-person.is-current-user{background:rgba(47,111,237,.055);border-radius:10px}
body.mortx-ui-shell .team-presence-avatar{width:48px;height:48px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--ui-border,#d9e0e8);border-radius:12px;background:#eef2f7;color:#52647a;font-size:20px;line-height:1}
body.mortx-ui-shell .team-presence-avatar img{width:100%;height:100%;object-fit:cover}
body.mortx-ui-shell .team-presence-person-info{min-width:0;display:grid;gap:2px}
body.mortx-ui-shell .team-presence-person-info>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.25;font-weight:800;color:var(--ui-text,#172033)}
body.mortx-ui-shell .team-presence-presence-line,body.mortx-ui-shell .team-presence-work-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;line-height:1.4;font-weight:600;color:var(--ui-muted,#64748b)}
body.mortx-ui-shell .team-presence-work-line.is-working{color:#15803d}
body.mortx-ui-shell .team-presence-work-line.is-on-leave{color:#b45309}
body.mortx-ui-shell .team-presence-dot{justify-self:center;width:9px;height:9px;border-radius:999px;background:#94a3b8}
body.mortx-ui-shell .team-presence-person.is-active .team-presence-dot{background:#22c55e}
body.mortx-ui-shell .team-presence-person.is-away .team-presence-dot{background:#f59e0b}
body.mortx-ui-shell .team-presence-empty{padding:42px 18px;text-align:center;font-size:13px;color:var(--ui-muted,#64748b)}