/* Load after the existing application styles. Presentation only; no data or module changes. */
@media screen {
  html body.is-authenticated {background:var(--paper)}
  .app-shell {--radius:18px;--radius-sm:11px;--ui-hairline:var(--line);width:100%;margin:0;padding:18px 28px 40px 280px;font-family:var(--ws-ui)}
  .app-shell main {max-width:1700px}
  .app-shell .topbar {display:grid;grid-template-columns:minmax(0,1fr) auto;max-width:1700px;min-height:76px;gap:18px;padding:14px 16px;margin:0 0 20px;border:1px solid var(--line);border-radius:18px;background:var(--white);box-shadow:0 4px 20px #00000005}
  .app-shell .brand-lockup {position:fixed;top:25px;left:32px;width:204px;height:54px;display:flex;align-items:center;z-index:41}
  .app-shell .brand-logo {width:165px;max-height:50px}
  .app-shell .global-search {min-width:0;width:100%;max-width:520px;grid-column:1}
  .app-shell .global-search input {min-width:0;height:44px;min-height:44px;border-radius:12px;background:var(--light);border-color:var(--line);padding-left:46px}
  .app-shell .global-search::before {left:15px;font-size:25px;color:var(--muted)}
  .app-shell .topbar-actions {grid-column:2;min-width:0;width:auto;display:flex;gap:7px;align-items:center;flex-wrap:nowrap}
  .app-shell .topbar-actions :is(.topbar-icon-button,.notification-button,.theme-toggle,.button) {width:42px;min-width:42px;height:42px;min-height:42px;padding:0;border-radius:12px;border-color:transparent;background:transparent;flex-shrink:0}
  .app-shell .topbar-actions :is(.topbar-icon-button,.notification-button,.theme-toggle,.button):hover {background:var(--light);border-color:var(--line)}
  .app-shell .topbar-actions #logoutButton {border-left:1px solid var(--line);border-radius:0 12px 12px 0;margin-left:4px}
  .app-shell .user-pill {padding:0 10px;font-size:12px;max-width:200px}
  .app-shell .module-strip {inset:104px auto 18px 18px;width:234px;max-width:none;margin:0;padding:16px 12px 20px;gap:24px;border:1px solid var(--line);border-radius:18px;background:var(--white);box-shadow:0 4px 20px #00000004;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scroll-padding:16px;scrollbar-width:thin}
  .app-shell .module-group {min-width:0;gap:4px}
  .app-shell .module-group-label {padding:0 12px 7px;font-size:10px;letter-spacing:.1em}
  .app-shell .module-tab {width:100%;min-width:0;min-height:44px;padding:10px 12px;border-radius:11px;line-height:1.4;text-align:left;gap:11px;align-items:center}
  .app-shell .module-tab .ws-icon {width:19px;height:19px;flex-basis:19px;color:var(--muted)}
  .app-shell .module-tab.is-active {background:var(--light);box-shadow:inset 0 0 0 1px var(--line);color:var(--black-03)}
  .app-shell .module-tab.is-active .ws-icon {color:inherit}
  .app-shell .module-group-admin {margin-top:0;padding-top:18px;border-top:1px solid var(--line)}
  .app-shell .breadcrumbs {display:flex;align-items:center;min-height:20px;margin:0 0 22px;color:var(--muted)}
  .app-shell .module-header {gap:20px;flex-direction:row;flex-wrap:wrap;margin-bottom:24px;align-items:center;min-width:0;text-align:left}
  .app-shell .module-header>div {min-width:0;max-width:100%;text-align:left}
  .app-shell .module-header h1 {font:650 30px/1.25 var(--ws-ui);letter-spacing:-.025em}
  .app-shell .module-actions {display:flex;flex-wrap:wrap;gap:10px;max-width:100%}
  .app-shell :is(.button,.segment,.icon-button) {border-radius:11px;min-height:42px}
  .app-shell :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),select,textarea) {border-radius:11px;min-width:0;max-width:100%}
  .app-shell .segmented {border:1px solid var(--line);border-radius:13px;padding:4px;gap:3px;background:var(--light)}
  .app-shell .segmented .segment {border-radius:9px;min-height:36px;border:0}
  .app-shell .segmented .segment.is-active {box-shadow:0 2px 6px #00000012}
  .app-shell .panel {border-radius:18px;box-shadow:0 3px 16px #00000004}
  .app-shell .panel-heading {padding:18px 20px;flex-wrap:wrap}
  .app-shell .toolbar {border:1px solid var(--line);border-radius:16px;background:var(--white);padding:16px;gap:14px}
  .app-shell .toolbar>label {min-width:0}
  .app-shell .table-wrap {max-width:100%;overflow-x:auto}
  .app-shell :is(th,td) {padding-top:14px;padding-bottom:14px}
  .workspace-view-status {max-width:1700px;border:1px solid var(--line);border-radius:12px;border-left:3px solid var(--ws-accent);padding:12px 16px;background:var(--white)}
  .workspace-view-status>span {min-width:0;overflow-wrap:anywhere}
  #dashboardView .module-header {margin:0 0 30px;align-items:center}
  #dashboardView .module-header h1 {font:650 32px/1.2 var(--ws-ui);letter-spacing:-.03em}
  .workspace-date {margin-top:9px;color:var(--muted)}
  #dashboardView .dashboard-mode-actions {gap:12px;width:auto}
  #dashboardView #dashboardModeSwitch {border-radius:13px;background:var(--light);padding:4px;gap:3px;flex:0 1 auto;width:auto}
  #dashboardView #dashboardModeSwitch .segment {border-radius:9px;min-height:36px;padding:8px 14px}
  .workspace-start-layout {grid-template-columns:minmax(0,1fr) 290px;gap:26px;max-width:1400px;align-items:start}
  .workspace-shortcuts {gap:16px}
  .workspace-shortcut {min-height:176px;padding:24px;border-radius:18px;gap:7px;background:var(--white);box-shadow:0 3px 16px #00000005}
  .workspace-shortcut>.ws-icon {width:26px;height:26px;flex-basis:26px;margin-bottom:14px;color:var(--black-02)}
  .workspace-shortcut strong {font-size:18px;letter-spacing:-.01em}
  .workspace-shortcut small {font-size:13px}
  .workspace-shortcut-arrow {top:24px;right:24px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--light)}
  .workspace-shortcut:hover {background:var(--white);border-color:var(--line-strong);box-shadow:0 8px 24px #0000000b;transform:translateY(-2px)}
  .workspace-day-section>header {margin-bottom:16px;gap:12px;flex-wrap:wrap}
  .workspace-start-aside {border:1px solid var(--line);border-radius:18px;padding:22px;background:var(--white);gap:24px}
  .workspace-date-block {padding-bottom:20px;min-height:68px}
  .workspace-date-block>strong {font:500 40px/1 var(--ws-ui);letter-spacing:-.04em}
  .workspace-start-aside .workspace-day-section {padding:0;border:0;background:transparent}
  .workspace-attention-section,.workspace-tasks-section {padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--white);margin-top:24px}
  :is(.ws-attention-item,.ws-task-item,.ws-agenda-item) {min-width:0;gap:12px;padding:14px 0;border-radius:0}
  :is(.ws-attention-item,.ws-task-item,.ws-agenda-item):last-child {border-bottom:0}
  .ws-attention-item>span {flex:1;min-width:0;overflow-wrap:anywhere}
  :is(.ws-task-item,.ws-agenda-item) small {color:var(--muted);overflow-wrap:anywhere}
  .ws-attention-item>strong {min-width:26px;min-height:26px;padding:3px 8px;border-radius:8px;background:var(--light);text-align:center;font-size:12px}
  .app-shell .ws-empty {padding:8px 0;font-size:13px;line-height:1.6;color:var(--muted)}
  .app-shell .workspace-news-item {border-radius:12px;line-height:1.6}
  .app-shell :focus-visible {outline:2px solid var(--black-03);outline-offset:3px}
  html[data-theme="dark"] body.is-authenticated {background:var(--paper)}
  html[data-theme="dark"] .app-shell :is(.topbar,.module-strip) {background:var(--white)}
  html[data-theme="dark"] .workspace-shortcut:hover {box-shadow:0 8px 24px #00000028}
  @media(min-width:901px) and (max-width:1280px) {
    .app-shell {padding-left:254px;padding-right:20px}
    .app-shell .module-strip {width:216px;left:16px}
    .app-shell .brand-lockup {left:30px;width:190px}
    .app-shell .user-pill {display:none}
    .app-shell .topbar {gap:12px}
    .workspace-start-layout {grid-template-columns:minmax(0,1fr) 240px;gap:20px}
    .workspace-start-aside {padding:18px}
    .workspace-shortcut {padding:20px;min-height:168px}
  }
  @media(max-width:1050px) and (min-width:901px) {
    .workspace-start-layout {grid-template-columns:minmax(0,1fr)}
    .workspace-start-aside {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
    .workspace-date-block {display:none}
  }
  @media(max-width:900px) {
    .app-shell {padding:14px 18px 32px}
    .app-shell .topbar {display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;min-height:70px;padding:12px;margin-bottom:20px}
    .app-shell .brand-lockup {display:none}
    .app-shell .sidebar-toggle {display:flex;align-items:center;justify-content:center;width:42px;min-width:42px;height:42px;border-radius:11px}
    .app-shell .global-search {flex:1 1 180px;width:auto;max-width:none}
    .app-shell .topbar-actions {flex:0 0 auto;gap:3px;margin-left:auto;flex-wrap:nowrap}
    .app-shell .topbar-actions #supportContactButton {display:inline-flex}
    .app-shell .module-strip {inset:12px auto 12px 12px;width:min(290px,calc(100vw - 40px));max-width:none;padding:24px 14px;border-radius:18px;z-index:100;transform:translateX(calc(-100% - 24px));visibility:hidden;transition:transform .18s ease}
    body.is-sidebar-open .app-shell .module-strip {transform:translateX(0);visibility:visible}
    .app-shell .workspace-account {display:grid}
    .workspace-start-layout {grid-template-columns:minmax(0,1fr) 240px;gap:20px}
    .workspace-shortcut {padding:20px;min-height:168px}
    .workspace-start-aside {padding:18px}
  }
  @media(max-width:760px) {
    .workspace-start-layout {grid-template-columns:minmax(0,1fr)}
    .workspace-start-aside {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
    .workspace-date-block {display:none}
  }
  @media(max-width:600px) {
    .app-shell {padding:10px 12px 28px}
    .app-shell .topbar {padding:8px 10px;min-height:62px;gap:8px;border-radius:15px;flex-wrap:nowrap}
    .app-shell .global-search {display:none}
    .app-shell .workspace-location {display:block;flex:1;min-width:0;font-size:14px}
    .app-shell .topbar-actions {gap:2px;flex:0 0 auto}
    .app-shell .topbar-actions :is(.topbar-icon-button,.notification-button,.theme-toggle,.button) {width:36px;min-width:36px;height:40px;min-height:40px;border-radius:10px}
    .app-shell .topbar-actions #supportContactButton {display:none}
    .app-shell .breadcrumbs {margin-bottom:18px}
    #dashboardView .module-header {gap:18px;margin:0 0 26px}
    #dashboardView .module-header h1 {font-size:28px}
    #dashboardView .dashboard-mode-actions {width:100%;justify-content:space-between;gap:8px}
    #dashboardView #dashboardModeSwitch .segment {min-height:40px;padding:8px 10px;font-size:12px}
    #dashboardView #customizeDashboardButton {font-size:12px;padding:10px 12px}
    .workspace-shortcuts {gap:12px}
    .workspace-shortcut {min-height:164px;padding:18px;border-radius:16px}
    .workspace-shortcut strong {font-size:16px}
    .workspace-shortcut small {font-size:12px}
    .workspace-shortcut-arrow {top:16px;right:16px;width:24px;height:24px}
    .workspace-shortcut>.ws-icon {width:22px;height:22px;flex-basis:22px;margin-bottom:14px}
    .workspace-start-aside {display:flex;padding:20px;gap:26px}
    .workspace-attention-section,.workspace-tasks-section {padding:20px;margin-top:20px}
    .app-shell .toolbar {padding:14px;grid-template-columns:minmax(0,1fr)}
    .app-shell .panel-heading {padding:16px;gap:10px}
  }
  @media(max-width:360px) {
    .app-shell .topbar {gap:5px;padding:8px}
    .workspace-shortcuts {grid-template-columns:minmax(0,1fr)}
    #dashboardView .dashboard-mode-actions {align-items:stretch;flex-wrap:wrap}
  }
}

/* Start screen: a small calendar page beside the welcome heading. */
@media screen {
  #dashboardView .workspace-welcome {display:flex;flex-direction:row;align-items:center;gap:24px;text-align:left}
  #dashboardView .workspace-welcome-copy {min-width:0}
  #dashboardView .workspace-welcome-copy .eyebrow {display:block;margin:0 0 8px;color:var(--muted);font:600 10px var(--ws-ui);letter-spacing:.12em}
  #dashboardView #workspaceDate {display:none}
  #dashboardView .workspace-welcome .workspace-date-block {position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:30px 64px 20px;align-items:center;gap:0;flex:0 0 118px;width:118px;min-height:128px;margin:6px 0 0;padding:0 0 12px;overflow:visible;border:1px solid var(--line-strong);border-radius:14px;background:var(--white);box-shadow:0 5px 14px #00000008;text-align:center}
  #dashboardView .workspace-welcome .workspace-date-block::before,
  #dashboardView .workspace-welcome .workspace-date-block::after {content:"";position:absolute;top:-7px;width:5px;height:14px;border-radius:4px;background:var(--black-02);box-shadow:0 0 0 3px var(--paper)}
  #dashboardView .workspace-welcome .workspace-date-block::before {left:24px}
  #dashboardView .workspace-welcome .workspace-date-block::after {right:24px}
  #dashboardView .workspace-date-block>span {display:contents}
  #dashboardView #workspaceMonthYear {grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;align-self:stretch;padding:0 6px;border-bottom:1px solid var(--line);border-radius:13px 13px 0 0;background:var(--light);font:650 9px var(--ws-ui);letter-spacing:.055em;text-transform:uppercase;color:var(--black-02)}
  #dashboardView #workspaceDayNumber {grid-column:1;grid-row:2;display:block;margin:0;padding:8px 0 0;font:600 50px/1 var(--ws-ui);letter-spacing:-.05em;color:var(--black-03)}
  #dashboardView #workspaceWeekday {grid-column:1;grid-row:3;display:block;font:500 11px var(--ws-ui);color:var(--muted);text-transform:capitalize}
  #dashboardView .module-header {margin-bottom:32px}
  #dashboardView .workspace-start-aside {border:0;padding:0;background:transparent;gap:20px}
  #dashboardView .workspace-start-aside .workspace-day-section {border:1px solid var(--line);border-radius:18px;padding:20px;background:var(--white)}
  #dashboardView .workspace-news-item {padding:0;border:0;box-shadow:none}
  @media(max-width:600px) {
    #dashboardView .workspace-welcome {gap:18px;width:100%;align-items:center}
    #dashboardView .workspace-welcome .workspace-date-block {flex-basis:98px;width:98px;min-height:112px;grid-template-rows:28px 54px 18px;padding-bottom:10px;border-radius:12px}
    #dashboardView #workspaceDayNumber {font-size:42px}
    #dashboardView #workspaceMonthYear {font-size:8px;letter-spacing:0;border-radius:11px 11px 0 0}
    #dashboardView .workspace-welcome .workspace-date-block::before {left:20px}
    #dashboardView .workspace-welcome .workspace-date-block::after {right:20px}
    #dashboardView .workspace-welcome-copy .eyebrow {font-size:9px;letter-spacing:.08em}
    #dashboardView .module-header h1 {font-size:27px}
    #dashboardView .workspace-start-aside {padding:0}
  }
  @media(max-width:360px) {#dashboardView .workspace-welcome {gap:14px}#dashboardView .module-header h1 {font-size:24px}}
}

/* Keep the module title readable beside the mobile action buttons. */
@media(max-width:600px){
 .app-shell .topbar{flex-wrap:wrap}
 .app-shell .workspace-location{order:3;flex:1 0 100%;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.4}
}