/* Monthly command workspace: restrained amber FUI, readable game controls. */
.flow-shell { --dock-height:76px; --summary-height:72px; --nav-width:264px; }
.flow-shell .app-shell { grid-template-columns:var(--nav-width) minmax(0,1fr); }
.flow-shell .sidebar { overflow:hidden; padding:0 16px; background:var(--desk-surface); }
.sidebar-masthead { display:flex; align-items:center; flex-shrink:0; border-bottom:1px solid var(--line); }
.flow-shell .sidebar .brand { padding:10px 12px; border:0; min-width:0; flex:1; }
.flow-shell .sidebar .tycoon-logo { max-width:196px; margin:auto; }
.sidebar-close { display:none; }
.flow-shell .navigation-groups { overflow-y:auto; overflow-x:hidden; min-height:0; flex:1; padding:14px 2px; scrollbar-width:thin; scrollbar-color:var(--muted) transparent; scrollbar-gutter:stable; }
.flow-shell .side-nav { gap:2px; }
.flow-shell .sidebar .side-link { min-height:36px; padding:6px 11px; gap:12px; clip-path:none; border:1px solid transparent; border-radius:5px; background:transparent; color:var(--muted); box-shadow:none; transform:none; }
.flow-shell .sidebar .side-link>span { font:500 17px/1.2 Rajdhani,sans-serif; letter-spacing:0; min-width:0; }
.flow-shell .sidebar .side-link .ui-icon { width:18px; height:18px; flex-shrink:0; opacity:.85; }
.flow-shell .sidebar .side-link.active { color:var(--amber); background:color-mix(in srgb,var(--amber) 10%,transparent); border-color:color-mix(in srgb,var(--amber) 28%,transparent); box-shadow:inset 3px 0 var(--amber); }
.flow-shell .sidebar .side-link.active>span { font-weight:600; }
.flow-shell .sidebar .side-link.active .ui-icon { opacity:1; }
.flow-shell .sidebar .side-link:hover:not(.active) { color:var(--ink); background:var(--desk-soft); border-color:var(--line); transform:none; }
.flow-shell.light .sidebar .side-link.active { color:#745012; background:#fff0c9; border-color:#dec37a; }
.flow-shell .sidebar .mail-badge { display:grid; border-radius:4px; height:19px; min-width:19px; font:600 11px Arial,sans-serif; }
.flow-shell .sidebar .mail-badge[hidden] { display:none; }
.flow-shell .company-navigation { border-top:1px solid var(--line); margin-top:16px; padding-top:14px; }
.flow-shell .company-navigation-heading,.flow-shell .nav-group-label { font:600 10px/1.5 Arial,sans-serif; text-transform:uppercase; letter-spacing:1.8px; color:var(--muted); }
.flow-shell .company-navigation-heading { min-height:24px; padding:0 10px; }
.flow-shell .company-navigation-heading button { display:grid; place-items:center; width:28px; height:26px; padding:0; border:1px solid var(--line); border-radius:4px; font:18px Arial,sans-serif; }
.flow-shell .company-picker { margin:8px 0 12px; }
.flow-shell .company-picker select { font:600 17px Rajdhani,sans-serif; padding:10px; border:1px solid var(--line); border-radius:5px; background:var(--desk-soft); color:var(--ink); }
.flow-shell .department-nav .side-link:nth-child(4),.flow-shell .department-nav .side-link:nth-child(7) { margin-top:10px; position:relative; }
.flow-shell .department-nav .side-link:nth-child(4):before,.flow-shell .department-nav .side-link:nth-child(7):before { content:''; position:absolute; top:-8px; left:12px; right:12px; height:1px; background:var(--line); opacity:.7; }
.flow-shell .world-navigation { border-top:1px solid var(--line); margin-top:14px; padding-top:12px; }
.flow-shell .nav-group-label { margin:0 10px 9px; }
.flow-shell .sidebar-bottom { flex-shrink:0; border-top:1px solid var(--line); padding:12px 0 10px; }
.flow-shell .sidebar-bottom .player-profile { padding:0 5px; margin:0; border:0; background:none; gap:10px; }
.flow-shell .sidebar-bottom .player-monogram { width:30px; height:32px; border-radius:5px; font-size:20px; }
.flow-shell .sidebar-bottom .player-profile strong { font-size:17px; }
.flow-shell .sidebar-tools { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; margin-top:12px; padding-top:0; border:0; }
.flow-shell .sidebar-tools button { min-width:0; padding:8px 2px; font:11px Arial,sans-serif; display:flex; flex-direction:column; align-items:center; gap:6px; border:1px solid transparent; background:transparent; border-radius:5px; color:var(--muted); }
.flow-shell .sidebar-tools button:hover { color:var(--ink); border-color:var(--line); background:var(--desk-soft); }
.flow-shell .sidebar-tools .ui-icon { width:18px; height:18px; }
.flow-shell .local-status { margin:7px 5px 0; font:10px Arial,sans-serif; }
.flow-shell .founder-navigation { margin-top:14px; padding:16px 6px; }
.flow-shell .founder-navigation .side-link { margin:10px 0; }
.flow-shell .context-resource-bar { height:var(--summary-height); min-height:var(--summary-height); box-sizing:border-box; padding:12px 28px; gap:24px; border-top:1px solid var(--line); border-bottom:0; background:var(--desk-surface); }
.flow-shell .context-resource-bar .active-context { flex:1; min-width:0; }
.flow-shell .context-resource-bar .active-context>span { min-width:0; }
.flow-shell .context-resource-bar .active-context strong { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.flow-shell .context-resource-bar .active-context strong { max-width:320px; }
.flow-shell .context-resource-bar .resource { min-width:150px; padding:0 20px; flex-shrink:0; }
.flow-shell .context-resource-bar .resource small { font:11px/1.4 Arial,sans-serif; letter-spacing:0; white-space:nowrap; }
.flow-shell .context-resource-bar .resource strong { font:600 22px/1.2 Rajdhani,sans-serif; }
.flow-shell .turn-date { white-space:nowrap; }
.flow-shell .turn-date strong { font:600 17px/1.3 Rajdhani,sans-serif; }
.flow-shell .turn-date small { display:none; }
.flow-shell .section-bar:not(:has(button)) { display:none; }
.flow-shell .workspace-scroll { padding:24px 28px; overscroll-behavior:contain; }
.flow-shell .world-footnote { display:none; }
.flow-shell .main-workspace { position:relative; min-width:0; }
.command-dock { display:flex; align-items:center; gap:20px; height:var(--dock-height); min-height:var(--dock-height); padding:12px 26px; border-bottom:1px solid var(--line); background:var(--desk-surface); flex-shrink:0; box-sizing:border-box; font-family:Arial,sans-serif; z-index:5; }
.dock-tools { display:flex; align-items:center; }
.dock-control { display:flex; align-items:center; justify-content:center; gap:10px; min-height:42px; padding:9px 17px; border:0; border-right:1px solid var(--line); color:var(--ink); background:transparent; cursor:pointer; font:500 17px Rajdhani,sans-serif; }
.dock-control:first-child { padding-left:0; }
.dock-control .ui-icon { width:21px; height:21px; color:var(--cyan); }
.dock-control:hover { color:var(--amber); background:var(--desk-soft); }
.dock-control b { display:grid; place-items:center; background:var(--accent,var(--amber)); color:var(--accent-ink,#102127); border-radius:4px; min-width:23px; min-height:23px; padding:2px 4px; font:600 12px Arial,sans-serif; }
.dock-control:disabled { opacity:.5; cursor:wait; }
.dock-phase { margin-left:auto; display:flex; align-items:center; gap:10px; min-width:0; }
.dock-phase>i { width:7px; height:7px; border-radius:50%; background:var(--cyan); }
.dock-phase strong { display:block; font:600 17px Rajdhani,sans-serif; }
.dock-phase small { color:var(--muted); display:block; font:11px/1.5 Arial,sans-serif; }
.command-dock .next-month { min-width:190px; min-height:48px; margin:0; justify-content:space-between; gap:16px; padding:12px 18px; font:600 17px Rajdhani,sans-serif; }
.command-dock .next-month .ui-icon { width:20px; height:20px; }
.game-notification { position:absolute; bottom:calc(var(--summary-height) + 12px); right:24px; z-index:22; display:flex; gap:12px; align-items:center; width:min(450px,calc(100% - 48px)); max-height:160px; overflow:auto; padding:14px; border:1px solid var(--line); border-left:3px solid var(--good); background:var(--desk-surface); box-shadow:0 12px 36px #0003; font:12px/1.6 Arial,sans-serif; animation:flow-notice .18s ease-out; }
.game-notification>span { color:var(--good); }
.game-notification.error { border-left-color:var(--bad); }
.game-notification.error>span { color:var(--bad); }
.game-notification p { margin:0; flex:1; min-width:0; overflow-wrap:anywhere; }
.game-notification button,.flow-drawer>header button { display:grid; place-items:center; border:0; background:transparent; color:var(--muted); padding:6px; min-width:32px; min-height:32px; }
.game-notification button .ui-icon { width:18px; height:18px; }
.flow-desk { max-width:1320px; }
.flow-desk .desk-heading { margin-bottom:22px; }
.flow-desk .desk-heading h2 { font-size:44px; }
.flow-desk .desk-heading p { margin:8px 0 0; font-size:14px; }
.flow-goal { display:flex; gap:14px; align-items:center; text-align:left; padding:8px 0 8px 16px; border:0; background:none; color:var(--ink); }
.flow-goal>.ui-icon:first-child { width:30px; height:30px; color:var(--amber); }
.flow-goal strong { display:block; font:600 21px/1.2 Rajdhani,sans-serif; }
.flow-goal small { display:block; color:var(--muted); font:11px/1.5 Arial,sans-serif; margin-top:4px; }
.business-journey { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); border:1px solid var(--line); background:var(--desk-surface); margin-bottom:18px; }
.business-journey button { display:flex; align-items:flex-start; gap:12px; padding:18px 14px; border:0; border-right:1px solid var(--line); background:none; text-align:left; color:var(--ink); cursor:pointer; }
.business-journey button:last-child { border-right:0; }
.business-journey .ui-icon { width:24px; height:24px; color:var(--cyan); }
.business-journey strong { display:block; font:600 19px/1.2 Rajdhani,sans-serif; }
.business-journey small { display:block; color:var(--muted); font:11px/1.5 Arial,sans-serif; margin-top:6px; }
.business-journey button:hover { background:var(--desk-soft); color:var(--amber); }
.flow-brief { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:20px 0; border:1px solid var(--line); background:var(--desk-surface); margin-bottom:18px; }
.flow-brief>div,.flow-brief>button { display:flex; align-items:center; gap:16px; padding:0 22px; border:0; border-right:1px solid var(--line); background:none; text-align:left; color:var(--ink); min-width:0; }
.flow-brief>:last-child { border-right:0; }
.flow-brief .ui-icon { width:28px; height:28px; color:var(--cyan); }
.flow-brief span { min-width:0; }
.flow-brief small { font:12px/1.5 Arial,sans-serif; color:var(--muted); display:block; }
.flow-brief strong { font:600 23px/1.3 Rajdhani,sans-serif; display:block; margin-top:3px; }
.flow-brief>:first-child strong { color:var(--amber); }
.flow-brief em { display:block; font:11px/1.5 Arial,sans-serif; color:var(--muted); margin-top:3px; }
.flow-desk-columns { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr); gap:18px; align-items:start; }
.flow-primary,.flow-secondary { display:grid; gap:16px; min-width:0; }
.flow-desk .desk-panel>header { padding:15px 20px; border-bottom:1px solid var(--line); }
.flow-desk .desk-panel>header h3 { font:500 13px/1.3 Arial,sans-serif; text-transform:uppercase; letter-spacing:1.4px; }
.flow-desk .desk-empty { border-top:0; }
.flow-work { background:var(--desk-surface); border-bottom:1px solid var(--line); min-width:0; }
.flow-work:last-child { border-bottom:0; }
.flow-work.urgent { box-shadow:inset 3px 0 var(--amber); }
.flow-work-main { display:flex; align-items:center; gap:14px; padding:18px 20px 10px; min-width:0; }
.flow-work-icon { color:var(--cyan); flex-shrink:0; }
.flow-work-icon .ui-icon { width:26px; height:26px; }
.flow-work-copy { flex:1; min-width:0; }
.flow-work-copy h3 { font:600 22px/1.2 Rajdhani,sans-serif; margin:0 0 5px; }
.flow-work-copy p { font:12px/1.5 Arial,sans-serif; color:var(--muted); margin:0; overflow-wrap:anywhere; }
.flow-work-copy small { font:10px/1.5 Arial,sans-serif; color:var(--muted); display:block; margin-top:4px; }
.flow-work.urgent .flow-work-copy small { color:var(--amber); }
.flow-work-main>.action { font:600 14px/1.3 Rajdhani,sans-serif; letter-spacing:0; text-transform:none; padding:9px 12px; gap:10px; min-height:38px; max-width:170px; white-space:normal; }
.flow-work-main>.action .ui-icon { width:16px; height:16px; }
.flow-work-details>summary { margin:0 20px 12px 60px; color:var(--muted); cursor:pointer; font:11px/1.5 Arial,sans-serif; }
.flow-work-details .desk-work-row { padding:14px 20px; background:var(--desk-soft); }
.flow-work-details .desk-work-icon { display:none; }
.flow-work-details .desk-work-copy p { font-size:12px; }
.flow-handled>summary { display:flex; justify-content:space-between; align-items:center; gap:10px; cursor:pointer; padding:18px 20px; }
.flow-handled>summary strong { font:600 21px/1.2 Rajdhani,sans-serif; }
.flow-handled>summary span { font:11px/1.5 Arial,sans-serif; color:var(--muted); }
.flow-handled>summary:after { content:'+'; font:18px Arial,sans-serif; color:var(--cyan); }
.flow-handled[open]>summary:after { content:'−'; }
.flow-handled>p { margin:0; padding:0 20px 16px; color:var(--muted); font:12px/1.6 Arial,sans-serif; }
.flow-handled .flow-work-main { flex-wrap:wrap; }
.flow-handled .flow-work-main>.action { margin-left:40px; }
.flow-company-link { display:flex; align-items:center; gap:14px; width:100%; padding:16px 20px; background:none; border:0; border-top:1px solid var(--line); text-align:left; color:var(--ink); }
.flow-company-link>span { flex:1; min-width:0; }
.flow-company-link strong { font:600 20px/1.2 Rajdhani,sans-serif; display:block; overflow-wrap:anywhere; }
.flow-company-link small { color:var(--muted); font:11px/1.5 Arial,sans-serif; }
.flow-company-link b { font:500 17px Rajdhani,sans-serif; }
.flow-company-link .ui-icon { width:20px; height:20px; color:var(--cyan); }
.flow-secondary .founder-guide { margin:0; border:1px solid var(--line); background:var(--desk-surface); }
.flow-secondary .founder-guide>header { padding:15px 18px; background:none; }
.flow-secondary .founder-guide>header>div>span:first-child,.flow-secondary .founder-company,.flow-secondary .founder-guide>header small,.flow-secondary .founder-next small { display:none; }
.flow-secondary .founder-guide>header strong { font:500 13px Arial,sans-serif; letter-spacing:1.4px; text-transform:uppercase; }
.flow-secondary .founder-guide>header .text-button { font:10px Arial,sans-serif; }
.flow-secondary .founder-next { display:block; padding:20px; }
.flow-secondary .founder-next h3 { font:600 25px/1.2 Rajdhani,sans-serif; }
.flow-secondary .founder-next p { font:13px/1.65 Arial,sans-serif; margin:10px 0 16px; }
.flow-secondary .founder-next .action { width:100%; max-width:none; font:600 16px/1.3 Rajdhani,sans-serif; text-transform:none; letter-spacing:0; }
.flow-secondary .founder-foundations,.flow-secondary .founder-cash { padding:12px 18px; }
.flow-secondary .guide-off { padding:20px; }
.flow-secondary .guide-off h3 { margin:0 0 8px; font:600 23px Rajdhani,sans-serif; }
.flow-secondary .guide-off p { font:13px/1.6 Arial,sans-serif; color:var(--muted); }
.flow-overlay { position:fixed; inset:0; z-index:45; }
.flow-scrim { position:absolute; inset:0; background:#02090cad; border:0; width:100%; height:100%; }
.flow-drawer { position:absolute; right:0; top:0; bottom:0; width:min(610px,100%); display:flex; flex-direction:column; background:var(--desk-surface); border-left:1px solid var(--line); box-shadow:-12px 0 50px #0004; color:var(--ink); font-family:Arial,sans-serif; animation:flow-slide .18s ease-out; }
.flow-drawer>header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:24px; border-bottom:1px solid var(--line); }
.flow-drawer h2 { font:600 32px Rajdhani,sans-serif; margin:3px 0 0; }
.flow-drawer header small { color:var(--muted); font:12px Arial,sans-serif; }
.flow-drawer-body { overflow:auto; min-height:0; padding:20px 24px 32px; }
.flow-explanation { font:13px/1.65 Arial,sans-serif; color:var(--muted); margin:0 0 20px; }
.flow-drawer .flow-work { border:1px solid var(--line); margin-bottom:12px; }
.flow-drawer .flow-work-main { padding:16px 14px 10px; }
.flow-drawer .flow-work-copy h3 { font-size:21px; }
.flow-drawer .flow-handled { border:1px solid var(--line); margin:20px 0; }
.flow-drawer-body>.action { width:100%; justify-content:space-between; margin-top:16px; white-space:normal; }
.flow-drawer-body>.text-button { margin-top:20px; font:13px Arial,sans-serif; }
.flow-report-link { display:flex; align-items:center; gap:15px; text-align:left; padding:18px 16px; width:100%; border:1px solid var(--line); background:none; color:var(--ink); margin-bottom:10px; }
.flow-report-link span { flex:1; min-width:0; }
.flow-report-link strong { display:block; font:600 22px Rajdhani,sans-serif; overflow-wrap:anywhere; }
.flow-report-link small { color:var(--muted); font:12px Arial,sans-serif; }
.flow-shell .mail-workbench { top:var(--dock-height); bottom:var(--summary-height); width:min(960px,calc(100% - var(--nav-width))); }
.flow-shell button:focus-visible,.flow-shell summary:focus-visible { outline:2px solid var(--amber); outline-offset:-3px; }
@keyframes flow-notice { from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none} }
@keyframes flow-slide { from{opacity:.5;transform:translateX(20px)}to{opacity:1;transform:none} }
@media(max-width:1250px){
 .flow-shell{--nav-width:244px}.flow-shell .context-resource-bar{gap:14px;padding:12px 20px}.flow-shell .context-resource-bar .resource{min-width:110px;padding:0 12px}.flow-shell .context-resource-bar .due-resource{display:flex}.flow-shell .workspace-scroll{padding:22px 20px}
 .business-journey button{padding:14px 10px;gap:8px}.business-journey .ui-icon{width:19px;height:19px}.business-journey small{font-size:10px}.flow-brief>div,.flow-brief>button{padding:0 14px;gap:10px}.flow-brief strong{font-size:21px}
 .flow-desk-columns{grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:14px}.flow-work-main{flex-wrap:wrap;padding:16px}.flow-work-main>.action{margin-left:40px}.flow-work-copy{flex-basis:calc(100% - 48px)}.flow-work-details>summary{margin-left:56px}.flow-goal strong{font-size:18px}
 .command-dock{padding:12px 20px;gap:12px}.dock-control{padding:9px 12px;gap:8px}.dock-phase{display:none}.command-dock .next-month{margin-left:auto;min-width:170px}
}
@media(max-width:950px){
 .flow-shell{--nav-width:218px}.flow-shell .sidebar{padding:0 10px}.flow-shell .sidebar .side-link>span{font-size:16px}.flow-shell .context-resource-bar .due-resource{display:none}.flow-shell .context-resource-bar .resource{min-width:0}.flow-shell .active-context strong{max-width:190px}
 .flow-desk-columns{grid-template-columns:1fr}.flow-secondary{grid-template-columns:1fr 1fr;align-items:start}.business-journey{grid-template-columns:repeat(3,minmax(0,1fr))}.business-journey button:nth-child(-n+3){border-bottom:1px solid var(--line)}.business-journey button:nth-child(3){border-right:0}.flow-desk .desk-heading{align-items:flex-start}.flow-goal{max-width:180px;gap:8px}.flow-goal>.ui-icon:first-child{display:none}.flow-goal>.ui-icon:last-child{width:17px}
 .flow-work-main{flex-wrap:nowrap}.flow-work-copy{flex:1}.flow-work-main>.action{margin-left:0}.flow-brief .ui-icon{display:none}.flow-brief strong{font-size:20px}
}
@media(min-width:681px) and (max-width:1050px){
 .flow-shell{--dock-height:106px}.command-dock{display:grid;grid-template-columns:1fr auto;grid-template-rows:38px 42px;gap:6px 12px;padding:10px 20px;min-height:106px}.dock-tools{grid-column:1/-1;grid-row:1}.dock-control{flex:1;padding:5px 16px;min-height:36px}.dock-control:last-child{border-right:0}.dock-phase{display:flex;grid-column:1;grid-row:2;margin:0}.command-dock .next-month{grid-column:2;grid-row:2;margin:0;min-height:40px;min-width:175px;padding:9px 14px;white-space:nowrap}
}

@media(max-width:680px){
 .flow-shell{--dock-height:104px;--summary-height:88px;--nav-width:280px}.flow-shell .app-shell{display:block}.flow-shell .sidebar{width:280px;max-width:88vw;box-sizing:border-box;background:var(--desk-surface);padding:0 16px}.flow-shell .sidebar .brand{padding:18px 4px;text-align:left}.sidebar-close{display:grid;place-items:center;padding:6px;border:1px solid var(--line);background:none;color:var(--ink);border-radius:4px}.sidebar-close .ui-icon{width:18px;height:18px}.flow-shell .sidebar .side-link{min-height:42px}.flow-shell .sidebar .side-link>span{font-size:18px}.flow-shell .sidebar-bottom .player-profile{display:none}
 .flow-shell .context-resource-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:22px 34px;gap:4px 12px;padding:12px 14px}.flow-shell .context-resource-bar .active-context{grid-column:1;grid-row:1;display:block;min-width:0}.flow-shell .context-resource-bar .active-context small{display:none}.flow-shell .context-resource-bar .active-context strong{max-width:none;font-size:17px}.flow-shell .context-resource-bar .resource{grid-column:1;grid-row:2;padding:0;align-self:end}.flow-shell .context-resource-bar .resource small{font-size:9px;margin:0;letter-spacing:.3px}.flow-shell .context-resource-bar .resource strong{font-size:20px}.flow-shell .context-resource-bar .turn-date{grid-column:2;grid-row:1/3;text-align:right;align-self:center}.flow-shell .turn-date strong{font-size:15px}.flow-shell .workspace-scroll{padding:20px 14px}
 .command-dock{display:grid;grid-template-columns:1fr auto;grid-template-rows:38px 42px;gap:6px 10px;padding:8px 14px 10px;min-height:104px}.dock-tools{grid-column:1/-1;grid-row:1;justify-content:space-between}.dock-control{padding:4px 15px;min-height:36px;font-size:16px;flex:1}.dock-control:first-child{padding-left:0}.dock-control:last-child{border-right:0}.dock-control .ui-icon{width:19px;height:19px}.dock-phase{display:flex;grid-column:1;grid-row:2;margin:0;gap:7px}.dock-phase strong{font-size:15px}.dock-phase small{font-size:10px}.command-dock .next-month{grid-column:2;grid-row:2;margin:0;min-width:0;min-height:40px;width:auto;font-size:15px;padding:9px 12px;gap:9px;white-space:nowrap}.command-dock .next-month .ui-icon{width:16px}
 .command-dock{position:relative}.command-dock .mobile-nav-toggle{display:grid;place-items:center;position:absolute;left:14px;top:9px;width:34px;height:34px;padding:6px;border:1px solid var(--line);border-radius:4px;background:none;color:var(--ink)}.command-dock .mobile-nav-toggle .ui-icon{width:20px;height:20px}.command-dock .dock-tools{padding-left:43px;min-width:0;gap:0}.command-dock .dock-control{font-size:15px;padding:4px 8px;gap:6px}.command-dock .dock-save{flex:0 0 34px;padding:6px}.command-dock .dock-save>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.command-dock .dock-control b{min-width:19px;min-height:20px;font-size:11px}.business-journey strong{overflow-wrap:anywhere}
 .game-notification{right:12px;width:calc(100% - 24px);bottom:calc(var(--summary-height) + 12px);box-sizing:border-box;font-size:12px;padding:12px}.flow-desk .desk-heading{display:block;margin-bottom:18px}.flow-desk .desk-heading h2{font-size:36px}.flow-desk .desk-heading p{font-size:13px}.flow-goal{padding:10px 0 0;max-width:none}.flow-goal strong{font-size:17px}.flow-goal small{display:none}
 .business-journey{margin-bottom:14px}.business-journey button{display:block;padding:12px 10px}.business-journey .ui-icon{width:19px;height:19px;margin-bottom:5px}.business-journey strong{font-size:17px}.business-journey small{font-size:10px;line-height:1.4}.flow-brief{padding:0;grid-template-columns:1fr;margin-bottom:14px}.flow-brief>div,.flow-brief>button{padding:14px 16px;border-right:0;border-bottom:1px solid var(--line)}.flow-brief>:last-child{border-bottom:0}.flow-brief .ui-icon{display:block;width:22px;height:22px}.flow-brief strong{font-size:22px}.flow-brief small{font-size:11px}
 .flow-secondary{grid-template-columns:1fr}.flow-work-main{flex-wrap:wrap;padding:16px 16px 10px;gap:10px}.flow-work-copy{flex-basis:calc(100% - 40px)}.flow-work-copy h3{font-size:22px}.flow-work-main>.action{margin-left:36px;font-size:15px;max-width:calc(100% - 36px)}.flow-work-details>summary{margin-left:52px}.flow-company-link{padding:15px}.flow-company-link b{font-size:15px}.flow-company-link>.ui-icon:last-child{display:none}.flow-handled>summary{padding:16px}.flow-handled>summary span{font-size:10px}
 .flow-drawer>header{padding:20px 16px}.flow-drawer-body{padding:16px}.flow-drawer .flow-work-main>.action{margin-left:36px}.flow-shell .mail-workbench{inset:0;bottom:0;width:100%}.flow-work-details .desk-work-row{display:block}.flow-work-details .desk-work-row>.action{margin-top:10px}
}
@media(prefers-reduced-motion:reduce){.game-notification,.flow-drawer{animation:none}}
.no-motion .game-notification,.no-motion .flow-drawer{animation:none}
@media(max-width:430px){
 .business-journey{grid-template-columns:repeat(2,minmax(0,1fr))}.business-journey button:nth-child(n){border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.business-journey button:nth-child(2n){border-right:0}.business-journey button:nth-last-child(-n+2){border-bottom:0}.business-journey strong{overflow-wrap:normal}
}