/* The approved flowHome layout; scoped to the mobile home, without changing other areas. */
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home { display:grid; gap:0; min-width:0; color:#192c48; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home-date { display:flex; align-items:center; gap:6px; color:#66758b; font-size:12px; line-height:18px; margin-bottom:16px; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home-online { margin-left:auto; color:#1f735c; font-size:11px; white-space:nowrap; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home-online.is-offline { color:#66758b; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home :is(.mobile-hub-quick,.mobile-hub-workflows) { min-width:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home .mobile-hub-quick { margin:0 -4px 20px; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home .mobile-hub-quick-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home .mobile-hub-quick-grid .mobile-hub-card { display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:8px; min-height:78px; min-width:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; text-align:center; color:#192c48; font-size:13px; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home .mobile-hub-quick-grid .mobile-hub-card-icon { display:flex; align-items:center; justify-content:center; flex:none; width:44px; height:44px; border:1px solid #e0e7f0; border-radius:14px; color:#1d5ed0; background:#fff; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home .mobile-hub-quick-grid svg { width:21px; height:21px; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home .mobile-hub-quick-grid .mobile-hub-card-copy strong { font-size:13px; line-height:1.5; font-weight:500; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home .mobile-hub-workflows { margin:0 0 22px; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home .mobile-hub-workflow-links { display:flex; gap:10px; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home .mobile-hub-workflow-links .secondary { display:flex; align-items:center; justify-content:space-between; gap:4px; flex:1; width:auto; min-width:0; min-height:46px; border:0; padding:13px 11px; border-radius:10px; background:#edf3fe; color:#1d5ed0; font-size:13px; font-weight:600; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home .mobile-hub-workflow-links svg { flex:none; width:14px; height:14px; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home-tasks { min-width:0; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home-task-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:11px; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home-task-heading h2 { margin:0; color:#192c48; font-size:17px; line-height:1.4; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home-task-heading h2 small { margin-left:5px; color:#66758b; font-size:12px; font-weight:400; white-space:nowrap; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home .mobile-workflow-home-all-tasks { display:inline-flex; align-items:center; justify-content:center; gap:4px; flex:none; min-height:40px; padding:0; border:0; background:transparent; color:#1d5ed0; font-size:12px; font-weight:400; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home-all-tasks svg { width:14px; height:14px; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home-task-list { display:grid; gap:10px; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home-task { min-width:0; padding:15px; border:1px solid #e0e7f0; border-radius:20px; background:#fff; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home-task-top { display:flex; align-items:center; justify-content:space-between; gap:10px; color:#66758b; font-size:11px; overflow-wrap:anywhere; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home-task-type { display:inline-flex; align-items:center; gap:5px; min-width:0; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home-task-type svg { flex:none; width:15px; height:15px; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home-task-status { flex:none; color:#1d5ed0; background:#edf3fe; padding:4px 8px; border-radius:6px; line-height:1.5; white-space:nowrap; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home-task-status.is-doing { color:#a36314; background:#fff5e6; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home-task h3 { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin:10px 0 6px; font-size:16px; line-height:1.5; color:#192c48; overflow-wrap:anywhere; letter-spacing:0; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home-task-meta { margin:0 0 13px; color:#66758b; font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home-task-foot { display:flex; align-items:center; justify-content:space-between; gap:6px; padding-top:10px; border-top:1px solid #e0e7f0; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home-task-time { min-width:0; color:#66758b; font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home-task-time.is-attention { color:#a36314; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home-task-time small { display:block; color:#66758b; font-size:11px; margin-top:2px; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home .mobile-workflow-home-task-open { flex:none; width:auto; min-width:0; min-height:40px; padding:8px 17px; border:0; border-radius:10px; background:#1d5ed0; color:#fff; font-size:12px; line-height:1.5; font-weight:600; white-space:nowrap; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home-tasks:is(.is-empty,.is-unavailable) p { margin:0; padding:0 2px; color:#66758b; font-size:12px; line-height:1.7; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home-tasks.is-unavailable p { color:#a36314; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home [data-mobile-home-followups] { display:grid; gap:0; border-top:1px solid #e0e7f0; margin-top:22px; padding-top:8px; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home [data-mobile-home-followups]:empty { display:none; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home [data-mobile-home-followups] .is-empty,
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home [data-mobile-home-followups] .is-empty .purchase-arrival-reminders { border:0; border-radius:0; background:transparent; padding:12px 0; box-shadow:none; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home [data-mobile-home-followups] .is-empty :is(.mobile-hub-panel-head,.purchase-arrival-header) { margin:0; flex-wrap:nowrap; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home [data-mobile-home-followups] .is-empty :is(h2,h3,strong) { font-size:12px; font-weight:400; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home [data-mobile-home-followups] .is-empty :is(button.secondary,.purchase-arrival-header button) { min-height:40px; border:0; padding:0; background:transparent; color:#1d5ed0; font-size:12px; }
body.mobile-ui-active .mobile-system-shell .mobile-workflow-home [data-mobile-home-followups] .is-empty :is(.purchase-arrival-message:empty,.purchase-arrival-count) { display:none; }
@media (max-width:380px) {
  body.mobile-ui-active .mobile-system-shell .mobile-workflow-home .mobile-hub-quick-grid .mobile-hub-card-copy strong { font-size:12px; }
}

/* Work, business directory and personal area. Keep task list/detail styles separate. */
body.mobile-ui-active .mobile-system-shell .mobile-hub.mobile-workspace[data-mobile-hub-area] {
  display:grid; grid-template-columns:minmax(0,1fr); align-content:start;
  gap:16px; min-width:0; margin:0; padding:0 0 12px; color:#192c48;
}
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] :is(button,strong,small,p,h1,h2,span) { box-sizing:border-box; min-width:0; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] button {
  margin:0; min-height:44px; max-width:100%; box-shadow:none;
  font:inherit; line-height:1.5; letter-spacing:0; text-transform:none;
  white-space:normal; overflow-wrap:anywhere; touch-action:manipulation;
}
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] button:focus-visible { outline:2px solid #1d5ed0; outline-offset:3px; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] button:disabled { opacity:.55; cursor:default; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-workspace-heading { display:grid; gap:4px; padding:0 2px; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-workspace-heading h1 { margin:0; font-size:22px; line-height:1.4; color:#192c48; overflow-wrap:anywhere; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-workspace-heading p { margin:0; font-size:13px; line-height:1.5; color:#66758b; overflow-wrap:anywhere; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-workspace-summary { display:flex; align-items:baseline; flex-wrap:wrap; gap:5px 8px; padding:0 2px; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-workspace-summary strong { font-size:18px; line-height:1.4; color:#192c48; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-workspace-summary span { font-size:12px; line-height:1.5; color:#66758b; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-workspace-summary .mobile-workspace-refresh { margin-left:auto; width:auto; flex:none; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-workspace-filters { display:flex; align-items:center; flex-wrap:wrap; gap:6px; min-width:0; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-workspace-filters button {
  display:inline-flex; align-items:center; justify-content:center; flex:0 1 auto;
  width:auto; padding:8px 12px; border:1px solid #dce4ee; border-radius:10px;
  background:#fff; color:#56677f; font-size:13px; font-weight:500;
}
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-workspace-filters button[aria-pressed="true"] { border-color:#1d5ed0; background:#edf3fe; color:#1d5ed0; font-weight:600; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-workspace-list { display:grid; grid-template-columns:minmax(0,1fr); gap:10px; min-width:0; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-work-item {
  display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:5px 12px;
  width:100%; padding:13px 14px; border:1px solid #e0e7f0; border-radius:16px;
  background:#fff; color:#192c48; text-align:left;
}
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-work-item:active { border-color:#b9cdef; background:#f7faff; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-work-item-meta { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:4px 10px; grid-column:1/-1; color:#66758b; font-size:11px; line-height:1.5; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-work-item-meta span:last-child { color:#1d5ed0; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-work-item > strong { grid-column:1; margin:2px 0 0; color:#192c48; font-size:15px; line-height:1.5; font-weight:600; overflow-wrap:anywhere; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-work-item-context { grid-column:1; margin:0; color:#66758b; font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-work-item-action { grid-column:2; grid-row:2/span 2; align-self:center; max-width:6em; color:#1d5ed0; font-size:12px; line-height:1.5; font-weight:600; text-align:right; overflow-wrap:anywhere; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] :is(.mobile-workspace-empty,.mobile-workspace-error) { margin:0; padding:14px; border:1px solid #e0e7f0; border-radius:14px; background:#fff; color:#66758b; font-size:13px; line-height:1.65; overflow-wrap:anywhere; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-workspace-error { border-color:#e8d8bc; background:#fffaf2; color:#8c5c1c; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] :is(.mobile-workspace-empty,.mobile-workspace-error) p { margin:0; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] :is(.mobile-workspace-empty,.mobile-workspace-error) button { width:auto; margin-top:8px; padding:8px 12px; border:1px solid #d5e1f3; border-radius:9px; background:#fff; color:#1d5ed0; font-size:13px; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-module-group { display:grid; gap:9px; min-width:0; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-module-group h2 { margin:0; padding:0 2px; font-size:15px; line-height:1.5; font-weight:600; color:#53657d; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-module-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; min-width:0; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-module-entry {
  display:grid; grid-template-columns:28px minmax(0,1fr); align-content:center; align-items:center; gap:3px 8px;
  width:100%; min-height:76px; padding:11px 10px; border:1px solid #e0e7f0;
  border-radius:13px; background:#fff; color:#192c48; text-align:left;
}
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-module-entry:active { background:#edf3fe; border-color:#bfd1ef; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-module-icon { display:flex; align-items:center; justify-content:center; grid-column:1; grid-row:1/span 2; width:28px; height:32px; color:#1d5ed0; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-module-icon svg { width:21px; height:21px; flex:none; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-module-entry strong { grid-column:2; font-size:14px; line-height:1.5; font-weight:600; overflow-wrap:anywhere; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-module-entry small { grid-column:2; color:#66758b; font-size:11px; line-height:1.5; font-weight:400; overflow-wrap:anywhere; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-person-card { display:grid; gap:5px; padding:16px; border:1px solid #e0e7f0; border-radius:16px; background:#fff; min-width:0; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-person-card h1 { margin:0; font-size:20px; line-height:1.45; color:#192c48; overflow-wrap:anywhere; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-person-card p { margin:0; color:#66758b; font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-person-actions { display:grid; grid-template-columns:minmax(0,1fr); gap:8px; min-width:0; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-person-entry { display:grid; gap:4px; width:100%; min-height:70px; padding:13px 14px; border:1px solid #e0e7f0; border-radius:13px; background:#fff; color:#192c48; text-align:left; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-person-entry:active { background:#edf3fe; border-color:#bfd1ef; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-person-entry strong { font-size:15px; line-height:1.5; font-weight:600; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-person-entry small { color:#66758b; font-size:12px; line-height:1.5; }
@media (max-width:350px) {
  body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-workspace-filters { gap:5px; }
  body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-workspace-filters button { padding-left:10px; padding-right:10px; }
  body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-work-item { padding:12px; column-gap:9px; }
  body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-module-entry { grid-template-columns:23px minmax(0,1fr); column-gap:6px; padding:10px 8px; }
  body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-module-icon { width:23px; }
}

/* A compact directory and an actionable work list. Every module has one entry. */
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area="home"] .mobile-workspace-heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-work-item { grid-template-columns:minmax(0,1fr); border-radius:12px; padding:12px; gap:4px; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-work-item > strong,
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-work-item-context { grid-column:1/-1; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-work-item-foot { display:flex; align-items:flex-end; justify-content:space-between; gap:12px; grid-column:1/-1; margin-top:4px; padding-top:7px; border-top:1px solid #edf0f5; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-work-item-timing { display:grid; gap:3px; min-width:0; font-size:12px; line-height:1.5; color:#66758b; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-work-item-attention { color:#8d5918; font-weight:600; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-work-item[data-attention="overdue"] .mobile-work-item-attention,
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-work-item[data-attention="urgent"] .mobile-work-item-attention { color:#b12932; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-work-item[data-attention="overdue"] { border-left:3px solid #c43c44; padding-left:10px; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-work-item[data-attention="urgent"] { border-left:3px solid #cf8d24; padding-left:10px; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-work-item-date { overflow-wrap:anywhere; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-work-item-action { flex:none; align-self:flex-end; max-width:7em; line-height:1.6; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] [data-mobile-directory-results] { display:grid; gap:18px; min-width:0; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-module-group { gap:7px; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-module-group h2 { color:#53657d; font-size:13px; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-module-grid { gap:0; overflow:hidden; border:1px solid #e0e7f0; border-radius:12px; background:#fff; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-module-entry { grid-template-columns:22px minmax(0,1fr); gap:8px; min-height:54px; padding:10px; border:0; border-radius:0; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-module-entry:nth-child(even) { border-left:1px solid #edf0f5; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-module-entry:nth-child(n+3) { border-top:1px solid #edf0f5; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-module-icon { width:22px; height:24px; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-module-icon svg { width:19px; height:19px; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-module-entry strong { font-size:14px; }
@media (max-width:350px) {
  body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-module-entry { gap:5px; padding:9px 8px; }
  body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area] .mobile-module-entry strong { font-size:13px; }
}

/* Business directory: keep every authorized entry visible, with three text columns. */
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area="business"] { gap:4px; padding-bottom:0; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area="business"] .mobile-workspace-heading h1 { font-size:20px; line-height:1.4; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area="business"] [data-mobile-directory-results] { gap:6px; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area="business"] .mobile-module-group { gap:3px; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area="business"] .mobile-module-group h2 { font-size:13px; line-height:18px; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area="business"] .mobile-module-grid { grid-template-columns:repeat(3,minmax(0,1fr)); border-radius:9px; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area="business"] .mobile-module-entry { display:flex; align-items:center; justify-content:center; min-height:44px; padding:6px 4px; border:0; text-align:center; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area="business"] .mobile-module-entry:not(:nth-child(3n+1)) { border-left:1px solid #edf0f5; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area="business"] .mobile-module-entry:nth-child(n+4) { border-top:1px solid #edf0f5; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area="business"] .mobile-module-entry strong { font-size:14px; line-height:20px; font-weight:600; overflow-wrap:anywhere; }

/* Compact personal work, without changing home reminders or personal applications. */
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area="home"] .mobile-workspace-queue { gap:8px; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area="home"] .mobile-workspace-summary { align-items:center; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area="home"] .mobile-work-heading { margin:0; font-size:20px; line-height:28px; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area="home"] .mobile-work-heading small { font-size:13px; color:#66758b; font-weight:400; white-space:nowrap; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area="home"] .mobile-workspace-filters { gap:6px; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area="home"] .mobile-workspace-filters button { padding:7px 12px; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area="home"] .mobile-workspace-list { gap:7px; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area="home"] .mobile-work-item { padding:8px 10px; gap:3px; border-radius:9px; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area="home"] .mobile-work-item > strong { margin:0; font-size:14px; line-height:20px; font-weight:600; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area="home"] .mobile-work-item-context { font-size:12px; line-height:17px; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area="home"] .mobile-work-item-foot { margin-top:1px; padding-top:0; border:0; gap:8px; align-items:flex-end; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area="home"] .mobile-work-item-timing { display:flex; flex-wrap:wrap; gap:1px 6px; font-size:11px; line-height:16px; }
body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area="home"] .mobile-work-item-action { font-size:12px; line-height:18px; }

/* Bounded personal-application pages; existing work-list cards retain their layout. */
@media screen {
  body.mobile-ui-active .mobile-system-shell [data-mobile-hub-area="mine"] [data-mobile-personal-applications]>strong {display:flex;align-items:center;justify-content:space-between;gap:12px;}
  body.mobile-ui-active .mobile-system-shell [data-mobile-hub-area="mine"] .mobile-person-app-toggle {display:inline-flex;align-items:center;gap:3px;color:#345fe5;font-size:13px;font-weight:400;flex:none;}
  body.mobile-ui-active .mobile-system-shell [data-mobile-hub-area="mine"] .mobile-person-app-toggle svg {width:16px;height:16px;transform:rotate(90deg);}
  body.mobile-ui-active .mobile-system-shell [data-mobile-hub-area="mine"] [aria-expanded="true"] .mobile-person-app-toggle svg {transform:rotate(-90deg);}
  body.mobile-ui-active .mobile-system-shell [data-mobile-hub-area="mine"] .mobile-workspace-summary {scroll-margin-top:72px;}
  body.mobile-ui-active .mobile-system-shell [data-mobile-hub-area="mine"] .mobile-personal-pagination {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:10px 0 0;border-top:1px solid #dce5f3;}
  body.mobile-ui-active .mobile-system-shell [data-mobile-hub-area="mine"] .mobile-personal-pagination button {width:auto;min-height:44px;padding:8px 10px;font-size:14px;line-height:1.4;border:1px solid #dce5f3;border-radius:10px;background:#fff;color:#345fe5;white-space:nowrap;}
  body.mobile-ui-active .mobile-system-shell [data-mobile-hub-area="mine"] .mobile-personal-pagination button:disabled {color:#748198;background:#f5f7fb;opacity:.7;}
  body.mobile-ui-active .mobile-system-shell .mobile-workspace[data-mobile-hub-area="mine"] .mobile-personal-page-status {flex:1 0 max-content;min-width:5.5em;white-space:nowrap;text-align:center;font-size:13px;line-height:1.5;color:#30445e;}
  body.mobile-ui-active .mobile-system-shell [data-mobile-hub-area="mine"] .mobile-personal-page-status small {display:block;color:#5f708b;font-size:12px;}
  body.mobile-ui-active .mobile-system-shell [data-mobile-hub-area="mine"] .mobile-personal-pagination [data-mobile-personal-collapse] {border-color:transparent;background:transparent;}
}