/* Shared workspace typography and spacing. Keep data grids and dialogs local. */
body {
  --workspace-gutter: clamp(24px, 3.2vw, 60px);
  --ui-title-size: 24px;
  --ui-section-size: 13px;
  --ui-section-gap: 24px;
}
body .main > .topbar {
  padding-inline: var(--workspace-gutter);
}
body .main > .topbar h1 {
  color: var(--ink);
  font-size: var(--ui-title-size);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -.5px;
  margin: 0 auto 0 0;
}
body:not(.task-embedded) .main > .page {
  max-width: none;
  padding-inline: var(--workspace-gutter);
}
body:not(.tasks-page):not(.gantt-page):not(.task-embedded) .main > .page {
  padding-top: 16px;
}
body .page .finance-page { max-width: none; }
body .page .finance-heading { justify-content: flex-end; margin-bottom: 16px; }
body .page .page-heading h1,
body .page .detail-heading h1 {
  font-size: var(--ui-title-size);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -.5px;
}
body .page .task-group > h2,
body .page .panel > h2,
body .page .finance-report-group > h2,
body .page [data-finance-view] > h2,
body .page .calendar-toolbar > h2 {
  font-size: var(--ui-section-size);
  font-weight: 600;
  line-height: 1.5;
  margin: 0 0 13px;
}
body .page .calendar-toolbar > h2 { margin-bottom: 0; }
body .page .task-group,
body .page .finance-report-group { margin-bottom: var(--ui-section-gap); }
body .page .finance-article > summary {
  font-size: var(--ui-section-size);
  line-height: 1.5;
  padding-block: 12px;
}
body .page .finance-article > summary > span:first-child {
  font-weight: 600;
  color: var(--ink);
}
body .page .finance-operation-count {
  margin-left: 9px;
  min-width: 21px;
  padding: 1px 6px;
  border-radius: 5px;
  background: #edf0e9;
  color: #89917e;
  font-size: 10px;
  font-weight: 400;
  vertical-align: middle;
}
body .page .finance-group {
  font-size: var(--ui-section-size);
  line-height: 1.5;
  background: var(--paper);
}
body .page .finance-group > strong:first-child::before,
body .page .finance-report-group > h2::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #7b9a80;
  margin-right: 9px;
  vertical-align: middle;
}
body .main button, body .main input, body .main select, body .main textarea {
  font-family: inherit;
}
/* Six shared categories and the combined attention center. */
body .dashboard-lenses{grid-template-columns:repeat(6,minmax(0,1fr))}
body .notification-bell{width:auto;min-height:36px;padding:6px 12px;gap:8px;font-size:12px;white-space:nowrap}
body .notification-bell.has-attention{color:#b64d3e;border-color:#efc1ba;background:#fff0ed}
body .notification-bell [data-notification-count]{position:static;background:transparent;color:inherit;padding:0;min-width:0}
#notification-panel{width:min(560px,calc(100vw - 36px))}
#notification-panel .attention-entry{display:block;padding:10px 8px;border-bottom:1px solid var(--line);color:var(--ink)}
#notification-panel .attention-entry strong,#notification-panel .attention-entry span{display:block}
#notification-panel .attention-entry strong{font-size:12px;color:#b64d3e}
.drawer-resize{position:absolute;top:0;bottom:0;width:8px;z-index:10;cursor:ew-resize;touch-action:none}
.drawer-resize-left{left:0}.drawer-resize-right{right:0}
.drawer-resize:hover,.drawer-resize:focus-visible{background:#246c5833}
.compact-task-drawer.is-resizing iframe{pointer-events:none}
.task-team-info{padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid var(--line)}