.overview-main { padding: 28px 24px; letter-spacing: 0; }
.overview-heading, .overview-projects > header { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.overview-heading h1 { margin: 0; font-size: 28px; }
.overview-heading > span { color: #62626a; font-size: 13px; }
.overview-heading > span strong { color: #29292e; margin-left: 4px; }
.overview-totals { display: grid; grid-template-columns: minmax(150px, 1fr) minmax(200px, 2fr); margin: 28px 0; padding: 24px 0; border-top: 1px solid #d9d9df; border-bottom: 1px solid #d9d9df; gap: 24px; }
.overview-totals dt { color: #62626a; font-size: 14px; }
.overview-totals dd { margin: 8px 0 0; font-size: 28px; font-weight: 650; overflow-wrap: anywhere; }
.overview-projects h2 { font-size: 18px; margin: 0; }
.overview-actions { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; font-size: 13px; }
.overview-actions > span { color: #62626a; }
.overview-refresh { width: 36px; height: 36px; flex: 0 0 36px; border: 1px solid #d9d9df; border-radius: 4px; background: #fff; color: #303039; cursor: pointer; font-size: 22px; }
.overview-refresh:hover { background: #f0f1f3; }
.overview-refresh:disabled { opacity: .5; cursor: wait; }
.overview-actions a { color: #a6192e; text-decoration: none; font-weight: 600; }
.overview-actions a:hover { text-decoration: underline; }
.overview-table-wrap { overflow-x: auto; margin-top: 18px; }
.overview-projects table { width: 100%; border-collapse: collapse; text-align: left; font-size: 14px; table-layout: fixed; }
.overview-projects th { font-weight: 500; color: #62626a; font-size: 12px; }
.overview-projects th, .overview-projects td { padding: 16px 12px; border-bottom: 1px solid #d9d9df; overflow-wrap: anywhere; }
.overview-projects th:first-child, .overview-projects td:first-child { padding-left: 0; width: 32%; }
.overview-projects td:first-child { font-weight: 600; }
.overview-projects th:nth-child(3), .overview-projects td:nth-child(3) { text-align: right; font-variant-numeric: tabular-nums; }
[data-overview-loading], [data-overview-empty] { color: #62626a; padding: 24px 0; }
[data-overview-error] { color: #a6192e; padding: 24px 0; }
@media(max-width:560px) {
  .overview-main { padding: 24px 12px; }
  .overview-heading { align-items: flex-start; flex-direction: column; gap: 8px; }
  .overview-totals { grid-template-columns: minmax(0,1fr); gap: 20px; }
  .overview-totals dd { font-size: 26px; }
  .overview-projects > header { align-items: flex-start; flex-direction: column; }
  .overview-projects table { min-width: 580px; }
}