/* MARK AS DONE — shared workspace content-view shell v34
   Canonical geometry: management .mg-page-shell + .mg-page-head.compact.
   Scope: Dashboard, Board, List, Calendar, Timeline, Upcoming Events and Bulletin. */
:root{
  --mortx-view-border:#dce4ed;
  --mortx-view-border-soft:#e9eef4;
  --mortx-view-text:#20252b;
  --mortx-view-muted:#64748b;
  --mortx-page-radius:12px;
  --mortx-section-radius:10px;
  --mortx-control-radius:8px;
}
body.mortx-ui-shell #overviewView,
body.mortx-ui-shell #board,
body.mortx-ui-shell #listView,
body.mortx-ui-shell #calendarView,
body.mortx-ui-shell #timelineView,
body.mortx-ui-shell #upcomingView,
body.mortx-ui-shell #bulletinView{
  width:100%!important;
  margin:0!important;
  padding:18px!important;
  background:#fff!important;
  border:1px solid var(--mortx-view-border)!important;
  border-radius:var(--mortx-page-radius)!important;
  box-shadow:none!important;
}
body.mortx-ui-shell #overviewView>.view-header,
body.mortx-ui-shell #board>.view-header,
body.mortx-ui-shell #listView>.view-header,
body.mortx-ui-shell #calendarView>.view-header,
body.mortx-ui-shell #timelineView>.view-header,
body.mortx-ui-shell #upcomingView>.view-header,
body.mortx-ui-shell #bulletinView>.view-header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  width:100%!important;
  min-height:0!important;
  margin:0 0 16px!important;
  padding:0 0 16px!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid var(--mortx-view-border-soft)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.mortx-ui-shell #overviewView>.view-header .view-header-main,
body.mortx-ui-shell #board>.view-header .view-header-main,
body.mortx-ui-shell #listView>.view-header .view-header-main,
body.mortx-ui-shell #calendarView>.view-header .view-header-main,
body.mortx-ui-shell #timelineView>.view-header .view-header-main,
body.mortx-ui-shell #upcomingView>.view-header .view-header-main,
body.mortx-ui-shell #bulletinView>.view-header .view-header-main{
  display:flex!important;
  flex:1 1 auto!important;
  min-width:0!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
}
body.mortx-ui-shell #overviewView>.view-header .view-header-title,
body.mortx-ui-shell #board>.view-header .view-header-title,
body.mortx-ui-shell #listView>.view-header .view-header-title,
body.mortx-ui-shell #calendarView>.view-header .view-header-title,
body.mortx-ui-shell #timelineView>.view-header .view-header-title,
body.mortx-ui-shell #upcomingView>.view-header .view-header-title,
body.mortx-ui-shell #bulletinView>.view-header .view-header-title{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  margin:0!important;
  padding:0!important;
  color:var(--mortx-view-text)!important;
  font-size:20px!important;
  font-weight:850!important;
  line-height:1.2!important;
  letter-spacing:-.02em!important;
  white-space:nowrap!important;
}
body.mortx-ui-shell #overviewView>.view-header .view-header-title i,
body.mortx-ui-shell #board>.view-header .view-header-title i,
body.mortx-ui-shell #listView>.view-header .view-header-title i,
body.mortx-ui-shell #calendarView>.view-header .view-header-title i,
body.mortx-ui-shell #timelineView>.view-header .view-header-title i,
body.mortx-ui-shell #upcomingView>.view-header .view-header-title i,
body.mortx-ui-shell #bulletinView>.view-header .view-header-title i{
  width:20px!important;
  color:inherit!important;
  font-size:18px!important;
  text-align:center!important;
}
body.mortx-ui-shell #overviewView>.view-header .view-header-desc,
body.mortx-ui-shell #board>.view-header .view-header-desc,
body.mortx-ui-shell #listView>.view-header .view-header-desc,
body.mortx-ui-shell #calendarView>.view-header .view-header-desc,
body.mortx-ui-shell #timelineView>.view-header .view-header-desc,
body.mortx-ui-shell #upcomingView>.view-header .view-header-desc,
body.mortx-ui-shell #bulletinView>.view-header .view-header-desc{
  display:block!important;
  max-width:100%!important;
  margin:4px 0 0!important;
  padding:0!important;
  color:var(--mortx-view-muted)!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.35!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.mortx-ui-shell #overviewView>.view-header .view-header-controls,
body.mortx-ui-shell #board>.view-header .view-header-controls,
body.mortx-ui-shell #listView>.view-header .view-header-controls,
body.mortx-ui-shell #calendarView>.view-header .view-header-controls,
body.mortx-ui-shell #timelineView>.view-header .view-header-controls,
body.mortx-ui-shell #upcomingView>.view-header .view-header-controls,
body.mortx-ui-shell #bulletinView>.view-header .view-header-controls{
  flex:0 0 auto!important;
  align-self:center!important;
}
/* Board is a grid; its shared heading must span the complete board. */
body.mortx-ui-shell #board>.view-header{grid-column:1/-1!important;}
/* Admin views never use task-scope filters. This structural selector is a
   fail-safe in addition to the router class, so later renders cannot regress it. */
html.mortx-no-task-filters #taskFilterBar,
html:has([data-admin-view-panel]:not(.hidden)) #taskFilterBar{display:none!important;}



/* v1.0.133 — main views use the same page contract as embedded pages. */
body.mortx-ui-shell #overviewView,
body.mortx-ui-shell #board,
body.mortx-ui-shell #listView,
body.mortx-ui-shell #calendarView,
body.mortx-ui-shell #timelineView,
body.mortx-ui-shell #upcomingView,
body.mortx-ui-shell #bulletinView{
  border-radius:var(--mortx-page-radius)!important;
  overflow:hidden!important;
}
body.mortx-ui-shell :is(#overviewView,#board,#listView,#calendarView,#timelineView,#upcomingView,#bulletinView) > .view-header{
  border-radius:0!important;
}

/* Calendar status filter shares the page navigation toolbar. */
/* Calendar status is a shared vc-select; this label only arranges its caption. */
#calendarView .calendar-status-filter-label{display:inline-flex;align-items:center;gap:8px;margin:0;color:var(--vc-muted);font-size:11px;font-weight:700;white-space:nowrap;}
#calendarView .calendar-status-filter{width:150px;min-width:150px;max-width:150px;cursor:pointer;}