body.admin-shell .view[data-view="dashboard"] {
  --dash-ink: #243239;
  --dash-muted: #64737a;
  --dash-line: #dce3e5;
  color: var(--dash-ink);
  letter-spacing: 0;
}
body.admin-shell .view[data-view="dashboard"] * { min-width: 0; letter-spacing: 0; }
body.admin-shell .view[data-view="dashboard"] > .page-header { margin-bottom: 28px; align-items: center; gap: 18px; }
body.admin-shell .view[data-view="dashboard"] > .page-header h1 { font-size: 27px; line-height: 1.25; }
body.admin-shell .view[data-view="dashboard"] > .page-header p { margin-top: 7px; font-size: 13px; }
body.admin-shell .view[data-view="dashboard"] > .page-header .button-group { gap: 8px; flex-wrap: wrap; }
body.admin-shell .view[data-view="dashboard"] .btn { border-radius: 5px; font-size: 12px; white-space: normal; line-height: 1.4; }
body.admin-shell .view[data-view="dashboard"] .btn svg { flex-shrink: 0; width: 16px; height: 16px; }
body.admin-shell .view[data-view="dashboard"] .dashboard-collections { padding: 22px 0 0; margin-bottom: 0; }
body.admin-shell .view[data-view="dashboard"] .collections-total { align-items: center; padding-bottom: 20px; }
body.admin-shell .view[data-view="dashboard"] .collections-total h2 { font-size: 21px; margin: 5px 0; }
body.admin-shell .view[data-view="dashboard"] .collections-total-amount { font-size: 32px; color: #176448; }
body.admin-shell .view[data-view="dashboard"] .collections-total .eyebrow { color: var(--dash-muted); font-size: 11px; }
body.admin-shell .view[data-view="dashboard"] #dashAllCosts { padding: 16px 0 20px; border-top: 1px solid var(--dash-line); }
body.admin-shell .view[data-view="dashboard"] #dashAllCosts .expense-cost-summary { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; }
body.admin-shell .view[data-view="dashboard"] #dashAllCosts dd { font-size: 18px; margin-top: 6px; }
body.admin-shell .view[data-view="dashboard"] .expense-cost-summary dt { color: var(--dash-muted); font-size: 12px; }
body.admin-shell .view[data-view="dashboard"] .collection-group { padding: 22px 24px; }
body.admin-shell .view[data-view="dashboard"] .collection-group:first-child { padding-left: 0; }
body.admin-shell .view[data-view="dashboard"] .collection-group:last-child { padding-right: 0; }
body.admin-shell .view[data-view="dashboard"] .collection-group h3 { font-size: 15px; }
body.admin-shell .view[data-view="dashboard"] .collection-caption { margin-top: 7px; font-size: 11px; }
body.admin-shell .view[data-view="dashboard"] .collection-revenue { font-size: 25px; margin-bottom: 16px; }
body.admin-shell .view[data-view="dashboard"] .collection-group .expense-cost-summary { gap: 10px; padding-top: 14px; }
body.admin-shell .view[data-view="dashboard"] .collection-group .expense-cost-summary > div { grid-template-columns: minmax(0, 1fr) minmax(74px, auto); gap: 8px; }
body.admin-shell .view[data-view="dashboard"] .collection-group .expense-cost-summary dd { text-align: right; font-size: 13px; }
body.admin-shell .view[data-view="dashboard"] .collection-open.btn,
body.admin-shell .view[data-view="dashboard"] .dashboard-section-link.btn { display: grid; place-items: center; width: 34px; height: 34px; min-height: 34px; flex: 0 0 34px; padding: 7px; background: #fff; color: #50646d; border: 1px solid var(--dash-line); }
body.admin-shell .view[data-view="dashboard"] .collection-open.btn:hover,
body.admin-shell .view[data-view="dashboard"] .dashboard-section-link.btn:hover { background: #edf3f1; border-color: #8da69e; }
body.admin-shell .view[data-view="dashboard"] .dashboard-operating-stats { gap: 0; margin: 0; padding: 20px 0; border: 0; border-bottom: 1px solid var(--dash-line); border-radius: 0; background: transparent; grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.admin-shell .view[data-view="dashboard"] .dashboard-operating-stats .stat-card { padding: 0 24px; margin: 0; min-height: 0; border: 0; border-left: 1px solid var(--dash-line); border-radius: 0; background: transparent; box-shadow: none; }
body.admin-shell .view[data-view="dashboard"] .dashboard-operating-stats .stat-card:first-child { border-left: 0; padding-left: 0; }
body.admin-shell .view[data-view="dashboard"] .dashboard-operating-stats .stat-card:last-child { padding-right: 0; }
body.admin-shell .view[data-view="dashboard"] .stat-card p { margin: 0 0 6px; color: var(--dash-muted); font-size: 12px; }
body.admin-shell .view[data-view="dashboard"] .stat-card h2 { margin: 0 0 5px; color: var(--dash-ink); font-size: 24px; overflow-wrap: anywhere; line-height: 1.3; }
body.admin-shell .view[data-view="dashboard"] .stat-card span { color: var(--dash-muted); font-size: 11px; line-height: 1.5; }
body.admin-shell .view[data-view="dashboard"] .dashboard-action-center { border: 0; background: transparent; padding: 26px 0; margin: 0; }
body.admin-shell .view[data-view="dashboard"] .section-heading-row { margin-bottom: 14px; }
body.admin-shell .view[data-view="dashboard"] .section-heading-row h2 { font-size: 17px; margin-top: 4px; }
body.admin-shell .view[data-view="dashboard"] .dashboard-action-grid { gap: 0; background: transparent; border: 1px solid var(--dash-line); border-radius: 5px; overflow: hidden; }
body.admin-shell .view[data-view="dashboard"] .dashboard-action-grid > button { padding: 14px 12px; min-height: 76px; gap: 9px; grid-template-columns: 28px minmax(0, 1fr) 12px; border-left: 1px solid var(--dash-line); background: #fff; }
body.admin-shell .view[data-view="dashboard"] .dashboard-action-grid > button:first-child { border-left: 0; }
body.admin-shell .view[data-view="dashboard"] .dashboard-action-grid > button:hover { background: #f1f6f4; }
body.admin-shell .view[data-view="dashboard"] .dashboard-action-grid strong { font-size: 20px; color: var(--dash-ink); }
body.admin-shell .view[data-view="dashboard"] .dashboard-action-grid small { font-size: 11px; white-space: normal; overflow: visible; overflow-wrap: anywhere; line-height: 1.35; }
body.admin-shell .view[data-view="dashboard"] .action-icon { width: 28px; height: 30px; background: transparent; border-radius: 0; }
body.admin-shell .view[data-view="dashboard"] .action-icon svg { width: 19px; height: 19px; }
body.admin-shell .view[data-view="dashboard"] .dashboard-work-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; margin: 0 0 26px; }
body.admin-shell .view[data-view="dashboard"] .dashboard-work-panel,
body.admin-shell .view[data-view="dashboard"] .dashboard-fleet-panel { padding: 20px 0 0; border-top: 1px solid var(--dash-line); background: transparent; }
body.admin-shell .view[data-view="dashboard"] .card-head { margin-bottom: 12px; gap: 12px; align-items: center; }
body.admin-shell .view[data-view="dashboard"] .card-head h3 { margin: 0; font-size: 17px; color: var(--dash-ink); }
body.admin-shell .view[data-view="dashboard"] .list { margin: 0; padding: 0; }
body.admin-shell .view[data-view="dashboard"] .list li { min-height: 64px; padding: 12px 0; gap: 10px; border-color: var(--dash-line); display: flex; align-items: center; flex-wrap: wrap; }
body.admin-shell .view[data-view="dashboard"] .list li > div:first-child { flex: 1 1 140px; }
body.admin-shell .view[data-view="dashboard"] .list .title { font-size: 13px; line-height: 1.45; color: var(--dash-ink); overflow-wrap: anywhere; }
body.admin-shell .view[data-view="dashboard"] .list .meta { margin-top: 4px; font-size: 11px; color: var(--dash-muted); overflow-wrap: anywhere; }
body.admin-shell .view[data-view="dashboard"] .list .amount { font-size: 14px; color: var(--dash-ink); }
body.admin-shell .view[data-view="dashboard"] .list .tag { font-size: 10px; }
body.admin-shell .view[data-view="dashboard"] .dashboard-fleet-panel { margin: 0 0 26px; }
body.admin-shell .view[data-view="dashboard"] .fleet-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 24px; }
body.admin-shell .view[data-view="dashboard"] .fleet-item { padding: 13px 0; border: 0; border-bottom: 1px solid var(--dash-line); border-radius: 0; background: transparent; box-shadow: none; gap: 8px; display: grid; grid-template-columns: 7px minmax(0, 1fr) auto; align-items: center; }
body.admin-shell .view[data-view="dashboard"] .fleet-item .dot { width: 7px; height: 7px; }
body.admin-shell .view[data-view="dashboard"] .fleet-item .vehicle { font-size: 12px; line-height: 1.45; overflow-wrap: anywhere; }
body.admin-shell .view[data-view="dashboard"] .fleet-item .status { font-size: 10px; color: var(--dash-muted); }
body.admin-shell .view[data-view="dashboard"] .dashboard-save-panel { padding: 20px 0; border-top: 1px solid var(--dash-line); }
body.admin-shell .view[data-view="dashboard"] .dashboard-cloud-card { margin: 0; padding: 0; border: 0; border-radius: 0; box-shadow: none; background: transparent; }
body.admin-shell .view[data-view="dashboard"] .dashboard-cloud-summary { display: grid; grid-template-columns: 1.3fr 1fr 0.7fr; gap: 20px; }
body.admin-shell .view[data-view="dashboard"] .dashboard-cloud-summary .health-line { display: grid; align-content: start; border: 0; min-height: 0; gap: 7px; padding: 0; font-size: 12px; }
body.admin-shell .view[data-view="dashboard"] .dashboard-cloud-summary .health-line > span { color: var(--dash-muted); }
body.admin-shell .view[data-view="dashboard"] .dashboard-cloud-summary .health-line > strong { text-align: left; font-size: 12px; font-weight: 600; line-height: 1.5; overflow-wrap: anywhere; }
body.admin-shell .view[data-view="dashboard"] .system-detail-panel { margin-top: 18px; }
body.admin-shell .view[data-view="dashboard"] .system-detail-panel summary { font-size: 12px; }
body.admin-shell .view[data-view="dashboard"] .system-detail-panel .health-stack { margin-bottom: 14px; }
body.admin-shell .view[data-view="dashboard"] .dashboard-save-actions { margin: 5px 0 0; gap: 8px; }
body.admin-shell .view[data-view="dashboard"] .dashboard-save-actions .btn { flex: 0 1 auto; }
body.admin-shell .view[data-view="dashboard"] button:focus-visible,
body.admin-shell .view[data-view="dashboard"] summary:focus-visible { outline: 2px solid #24745f; outline-offset: 3px; }
@media (max-width: 1200px) {
  body.admin-shell .view[data-view="dashboard"] > .page-header { align-items: flex-start; flex-wrap: wrap; }
  body.admin-shell .view[data-view="dashboard"] .collection-group { padding: 20px 16px; }
  body.admin-shell .view[data-view="dashboard"] .collection-group .expense-cost-summary > div { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  body.admin-shell .view[data-view="dashboard"] .collection-group .expense-cost-summary dd { text-align: left; }
  body.admin-shell .view[data-view="dashboard"] .dashboard-action-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.admin-shell .view[data-view="dashboard"] .dashboard-action-grid > button:nth-child(4) { border-left: 0; }
  body.admin-shell .view[data-view="dashboard"] .dashboard-action-grid > button:nth-child(n+4) { border-top: 1px solid var(--dash-line); }
  body.admin-shell .view[data-view="dashboard"] .fleet-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  body.admin-shell .view[data-view="dashboard"] > .page-header h1 { font-size: 24px; }
  body.admin-shell .view[data-view="dashboard"] .collections-total-amount { font-size: 28px; }
  body.admin-shell .view[data-view="dashboard"] #dashAllCosts .expense-cost-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  body.admin-shell .view[data-view="dashboard"] .collection-groups { grid-template-columns: minmax(0, 1fr); }
  body.admin-shell .view[data-view="dashboard"] .collection-group,
  body.admin-shell .view[data-view="dashboard"] .collection-group:first-child,
  body.admin-shell .view[data-view="dashboard"] .collection-group:last-child { padding: 20px 0; border-left: 0; }
  body.admin-shell .view[data-view="dashboard"] .collection-group .expense-cost-summary > div { grid-template-columns: minmax(0, 1fr) minmax(74px, auto); gap: 12px; }
  body.admin-shell .view[data-view="dashboard"] .collection-group .expense-cost-summary dd { text-align: right; }
  body.admin-shell .view[data-view="dashboard"] .dashboard-operating-stats .stat-card { padding: 0 12px; }
  body.admin-shell .view[data-view="dashboard"] .stat-card h2 { font-size: 20px; }
  body.admin-shell .view[data-view="dashboard"] .dashboard-action-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.admin-shell .view[data-view="dashboard"] .dashboard-action-grid > button { border-left: 0; border-top: 1px solid var(--dash-line); }
  body.admin-shell .view[data-view="dashboard"] .dashboard-action-grid > button:nth-child(-n+2) { border-top: 0; }
  body.admin-shell .view[data-view="dashboard"] .dashboard-action-grid > button:nth-child(even) { border-left: 1px solid var(--dash-line); }
  body.admin-shell .view[data-view="dashboard"] .dashboard-action-grid > button:last-child { grid-column: 1 / -1; }
  body.admin-shell .view[data-view="dashboard"] .dashboard-work-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  body.admin-shell .view[data-view="dashboard"] .dashboard-cloud-summary { grid-template-columns: minmax(0, 1fr); gap: 16px; }
}
@media (max-width: 430px) {
  body.admin-shell .view[data-view="dashboard"] .dashboard-operating-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 0; }
  body.admin-shell .view[data-view="dashboard"] .dashboard-operating-stats .stat-card:last-child { grid-column: 1 / -1; padding: 16px 0 0; border-left: 0; border-top: 1px solid var(--dash-line); }
  body.admin-shell .view[data-view="dashboard"] .fleet-grid { grid-template-columns: minmax(0, 1fr); }
}