/* The dashboard is a quiet content layer beneath the glass navigation chrome. */
html[data-ui="workbench"] .dashboard-stats {
  gap: 0;
  margin-bottom: 34px;
  padding: 3px 8px;
  border: 0;
  border-radius: 17px;
  background: var(--surface);
}
html[data-ui="workbench"] .dashboard-stats > div,
html[data-ui="workbench"] .dashboard-stats > div + div {
  padding: 16px 18px;
  border: 0;
}
html[data-ui="workbench"] .dashboard-stats > div:first-child { padding-left: 18px; }
html[data-ui="workbench"] .dashboard-stats strong { font-size: 23px; }

html[data-ui="workbench"] .dashboard-calendar {
  margin-bottom: 38px;
  padding: 24px 27px 20px;
  border: 0;
  border-radius: 20px;
  background: var(--surface);
}
html[data-ui="workbench"] .calendar-head { margin-bottom: 22px; }
html[data-ui="workbench"] .calendar-controls button {
  border: 0;
  background: transparent;
}
html[data-ui="workbench"] .calendar-controls button:hover { background: var(--brand-soft); }
html[data-ui="workbench"] .dashboard-calendar .calendar-layout { grid-template-columns: minmax(0, 1fr); gap: 18px; }
html[data-ui="workbench"] .calendar-controls strong { font-size: 17px; }
html[data-ui="workbench"] .calendar-weekday {
  align-self: center;
  color: var(--muted);
  font-size: 11px;
}
html[data-ui="workbench"] .calendar-day {
  transition: background-color 160ms ease;
}
html[data-ui="workbench"] .calendar-day .calendar-number { align-self: flex-end; }
html[data-ui="workbench"] .calendar-number { display: grid; place-items: center; width: 23px; height: 23px; font-size: 12px; }
html[data-ui="workbench"] .calendar-blank { display: flex; justify-content: flex-end; align-items: start; padding: 6px 4px; color: var(--muted); }
html[data-ui="workbench"] .calendar-blank .calendar-number { opacity: .55; }
html[data-ui="workbench"] .calendar-entries { display: grid; gap: 3px; width: 100%; min-width: 0; }
html[data-ui="workbench"] .calendar-entry {
  display: block;
  overflow: hidden;
  padding: 2px 5px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 550;
  line-height: 1.4;
  white-space: nowrap;
  text-overflow: ellipsis;
}
html[data-ui="workbench"] .calendar-entry.deadline { background: #e3ecfb; color: #204e88; }
html[data-ui="workbench"] .calendar-entry.renewal { background: #e5efe7; color: #356440; }
html[data-ui="workbench"][data-theme="dark"] .calendar-entry.deadline { background: #1e3e64; color: #a9d3ff; }
html[data-ui="workbench"][data-theme="dark"] .calendar-entry.renewal { background: #244537; color: #ade0be; }
html[data-ui="workbench"] :is(.calendar-legend, .calendar-event) .deadline { background: #528bd3; }
html[data-ui="workbench"] :is(.calendar-legend, .calendar-event) .renewal { background: #5e9b73; }
html[data-ui="workbench"] .calendar-more { padding-inline: 5px; color: var(--muted); font-size: 10px; text-align: left; }
html[data-ui="workbench"] .calendar-agenda {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 0;
  margin-top: 18px;
  padding-left: 0;
  border: 0;
}
html[data-ui="workbench"] .calendar-agenda-head { justify-content: flex-start; margin: 0 0 4px; padding: 0 0 10px; border-bottom: 1px solid var(--line); }
html[data-ui="workbench"] .calendar-no-events { margin: 0; padding: 12px 0; }
html[data-ui="workbench"] .calendar-event {
  margin: 0;
  width: 100%;
  padding: 11px 0;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
}
html[data-ui="workbench"] .calendar-event strong { white-space: normal; overflow-wrap: anywhere; }
html[data-ui="workbench"] .calendar-event:hover { background: var(--bg); }
html[data-ui="workbench"] .calendar-legend { margin-top: 18px; }

html[data-ui="workbench"] .dashboard-grid { gap: 18px; align-items: stretch; }
html[data-ui="workbench"] .dashboard-panel,
html[data-ui="workbench"] .dashboard-years {
  padding: 22px 24px;
  border: 0;
  border-radius: 16px;
  background: var(--surface);
}
html[data-ui="workbench"] .dashboard-panel .section-head {
  padding-top: 0;
  margin-bottom: 13px;
}
html[data-ui="workbench"] .dashboard-date-row { border: 0; }
html[data-ui="workbench"] .dashboard-date-row + .dashboard-date-row { margin-top: 2px; }
html[data-ui="workbench"] .dashboard-empty { min-height: 58px; display: flex; align-items: center; padding: 8px 0; line-height: 1.7; }
html[data-ui="workbench"] .dashboard-years { margin-top: 18px; }
html[data-ui="workbench"] .dashboard-year > div { border-radius: 99px; }
html[data-ui="workbench"] .dashboard-year i { border-radius: 99px; }

html[data-ui="workbench"] .home-recent { margin-top: 39px; }
html[data-ui="workbench"] .home-recent .table-wrap,
html[data-ui="workbench"] .home-document-list {
  border: 0;
  background: transparent;
}
html[data-ui="workbench"] .home-document {
  min-height: 66px;
  margin-inline: -10px;
  width: calc(100% + 20px);
  padding: 10px 12px;
  border: 0;
  border-radius: 10px;
  transition: background-color 160ms ease;
}
html[data-ui="workbench"] .home-document:hover,
html[data-ui="workbench"] .home-document:focus-visible { background: var(--surface); }
html[data-ui="workbench"] .home-document:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: -2px;
}
html[data-ui="workbench"] #main > .opportunity-panel {
  margin-top: 36px;
  padding-top: 0;
  border: 0;
}

@media (max-width: 1000px) {
  html[data-ui="workbench"] .calendar-agenda {
    padding: 0;
    border: 0;
  }
}
@media (max-width: 720px) {
  html[data-ui="workbench"] .dashboard-stats { margin-top: 0; padding: 2px 4px; }
  html[data-ui="workbench"] .dashboard-stats > div { display: block; padding: 13px 9px; }
  html[data-ui="workbench"] .dashboard-stats > div:first-child { padding-left: 9px; }
  html[data-ui="workbench"] .dashboard-stats small { min-height: 27px; }
  html[data-ui="workbench"] .dashboard-stats strong { margin-top: 6px; font-size: 21px; }
  html[data-ui="workbench"] .dashboard-calendar { padding: 18px 15px; }
  html[data-ui="workbench"] .dashboard-grid { gap: 16px; }
  html[data-ui="workbench"] .dashboard-panel { padding: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-ui="workbench"] :is(.calendar-day, .home-document) { transition: none; }
}