/* Compact three-column workbench from the selected reference. */
.has-app-rail .hub-main { display: flex; flex-direction: column; align-items: stretch; }
.hub-main > [hidden] { display: none !important; }
body:not(.is-classic-workspace) .butler-overview,
body:not(.is-classic-workspace) .butler-kpis,
body:not(.is-classic-workspace) .hub-dashboard-grid,
body:not(.is-classic-workspace) #editDashboard,
body:not(.is-classic-workspace) #addButlerCard,
body:not(.is-classic-workspace) #workspaceSwitcher,
body:not(.is-classic-workspace) #workspaceMenu { display: none !important; }
body.is-classic-workspace .focus-workspace { display: none; }
.hub-topbar { flex: 0 0 auto; align-items: center; min-height: 42px; margin: 0 0 8px; padding: 0; }
.workspace-heading { align-items: center !important; gap: 12px; min-width: 0; }
.workspace-heading h1 { margin: 0; font-size: 20px; line-height: 1.4; white-space: nowrap; }
.workspace-heading time { margin: 0; font-size: 11px; line-height: 1.4; align-self: center; }
.hub-topbar-actions { align-items: center; gap: 8px; }
.hub-topbar-actions > button, .hub-topbar-actions > a, .workspace-notification-button { height: 34px; min-height: 34px; }
.hub-topbar-actions svg { width: 15px; height: 15px; }
.hub-topbar-actions > .workspace-view-toggle { display: inline-flex; align-items: center; gap: 7px; padding: 0 11px; font-size: 11px; color: var(--sv-color-text-muted); }
body:not(.is-classic-workspace) #refreshDashboard { width: 34px; min-width: 34px; padding: 0; display: grid !important; place-items: center; border-color: var(--sv-color-border-soft); }
body:not(.is-classic-workspace) #refreshDashboard > span,
body:not(.is-classic-workspace) #refreshDashboard > small { display: none; }
body:not(.is-classic-workspace) #refreshDashboard > svg { position: static; margin: 0; }
.focus-workspace { flex: 1 0 auto; min-height: 0; display: grid; grid-template-columns: minmax(0, .96fr) minmax(0, .96fr) minmax(0, 1.08fr); grid-template-areas: "summary summary summary" "inbox plan news" "inbox activity news"; grid-template-rows: auto minmax(min-content, 1.1fr) minmax(min-content, 1fr); gap: 12px; }
.focus-work { display: contents; }
.focus-summary, .focus-section, .focus-news { min-width: 0; border: 1px solid var(--sv-color-border-soft); border-radius: var(--sv-radius-panel); background: var(--sv-color-feature-surface); }
.focus-summary { grid-area: summary; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); min-height: 42px; padding: 10px 0; }
.focus-summary a { display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 12px; color: var(--sv-color-text-muted); }
.focus-summary a + a { border-left: 1px solid var(--sv-color-border); }
.focus-summary b { font: 600 14px/1.3 var(--sv-font-mono); color: var(--sv-color-brand); }
.focus-plan { grid-area: plan; }
.focus-inbox { grid-area: inbox; }
.focus-activity { grid-area: activity; }
.focus-news { grid-area: news; }
.focus-section, .focus-news { padding: 20px 22px; min-height: 140px; }
.focus-section > header, .focus-news > header { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; min-height: 26px; }
.focus-section h2, .focus-news h2 { display: flex; align-items: center; gap: 10px; margin: 0; color: var(--sv-color-text); font-size: 14px; font-weight: 600; line-height: 1.4; }
.focus-section h2 svg, .focus-news h2 svg { width: 17px; height: 17px; color: var(--sv-color-brand); }
.focus-section > header > a, .focus-section > header > button, .focus-news > header > a { display: grid; place-items: center; margin-left: auto; padding: 5px; border: 0; background: none; color: var(--sv-color-text-muted); cursor: pointer; border-radius: 4px; }
.focus-workspace header > a svg, .focus-workspace header > button svg { width: 14px; height: 14px; }
.focus-list { min-width: 0; }
.focus-row { display: flex; align-items: center; gap: 12px; width: 100%; min-width: 0; min-height: 54px; padding: 12px 0; text-align: left; color: var(--sv-color-text); background: none; border: 0; border-radius: 3px; font: inherit; }
button.focus-row, a.focus-row { cursor: pointer; transition: color var(--sv-duration-fast) var(--sv-ease); }
.focus-row + .focus-row { border-top: 1px solid var(--sv-color-border-soft); }
.focus-row time { flex: 0 0 48px; width: 48px; text-align: right; color: var(--sv-color-text-muted); font: 11px/1.5 var(--sv-font-mono); }
.focus-dot { flex: 0 0 6px; width: 6px; height: 6px; border-radius: 50%; background: var(--sv-color-text-faint); }
.focus-dot[data-active="true"] { background: var(--sv-color-brand); }
.focus-plan .focus-dot { flex-basis: 10px; width: 10px; height: 10px; border: 1px solid var(--sv-color-text-muted); background: transparent; }
.focus-title { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: 400; line-height: 1.6; }
.focus-empty { margin: 0; padding: 16px 0; color: var(--sv-color-text-faint); font-size: 12px; line-height: 1.5; }
.focus-inbox .focus-row { min-height: 66px; }
.focus-news > header small { margin-left: auto; color: var(--sv-color-text-faint); font-size: 10px; }
.focus-news > header small[hidden] { display: none; }
.focus-news > header small:not([hidden]) + a { margin-left: 0; }
.focus-news .focus-row { min-height: 88px; gap: 16px; }
.focus-news .focus-title { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.focus-news-visual { flex: 0 0 64px; width: 64px; min-height: 46px; display: grid; align-items: center; }
.focus-news-symbol { width: 21px; height: 25px; color: var(--sv-color-text-muted); }
.focus-news-visual.has-cover .focus-news-symbol { display: none; }
.focus-cover { width: 64px; height: 46px; object-fit: cover; border-radius: 5px; }
button.focus-row:hover, a.focus-row:hover { color: var(--sv-color-brand); }
.focus-workspace a:focus-visible, .focus-workspace button:focus-visible, .workspace-view-toggle:focus-visible { outline: 1px solid var(--sv-color-brand); outline-offset: 4px; }
.monthly-accumulation { flex: 0 0 auto; }
@media (max-width: 1280px) {
  .focus-section, .focus-news { padding-inline: 18px; }
  .focus-news .focus-row { gap: 10px; }
  .focus-news-visual { flex-basis: 44px; width: 44px; }
  .focus-cover { width: 44px; height: 38px; }
}
@media (max-width: 900px) {
  html, body { min-width: 0; }
  .focus-workspace { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-areas: "summary summary" "inbox plan" "news activity"; grid-template-rows: auto auto auto; flex: 0 0 auto; align-items: start; }
  .hub-topbar { flex-wrap: wrap; gap: 12px; }
  .hub-topbar-actions { margin-left: auto; }
  .has-app-rail .hub-main { padding-inline: 16px; }
  .workspace-heading time { display: none; }
  .workspace-view-toggle span { display: none; }
  .focus-news .focus-row { min-height: 72px; }
}
@media (max-width: 600px) {
  .focus-workspace { grid-template-columns: minmax(0, 1fr); grid-template-areas: "summary" "inbox" "plan" "activity" "news"; }
}
@media (max-width: 820px) {
  html[data-app-rail="hub"] body.has-app-rail { padding-left: 64px; }
  body.has-app-rail > .app-rail { position: fixed; width: 64px; height: 100dvh; flex-direction: column; flex-wrap: nowrap; padding: 16px 8px; border-bottom: 0; }
  body.has-app-rail > .app-rail .app-rail-brand { display: grid; }
  body.has-app-rail > .app-rail .app-rail-spacer { display: block; }
  .hub-topbar-actions > a { min-width: 34px; width: 34px; }
  .hub-topbar-actions > .workspace-view-toggle { min-width: 34px; width: 34px; padding: 0; justify-content: center; }
  .hub-topbar-actions { gap: 6px; }
}