.dashboard {
  min-width: 400px;
  background-color: #f5f5f5;
  color: #2d2d2d;
}

.dashboard-content {
  margin: 12px 12px 0 12px;
}

.account-card {
  background-color: #ffffff;
  color: #2d2d2d;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 10px 12px;
}

.account-card.attention {
  border-color: #e8c9a0;
}

.account-card.locked {
  border-color: #8d8d8d;
}

.dashboard button.card-lock {
  min-width: 30px;
  min-height: 26px;
  padding: 2px 6px;
}

.dashboard button.card-lock.locked {
  font-weight: 600;
}

.account-name,
.alert-title {
  font-weight: 600;
}

.alert-banner.warn {
  background-color: #fdecd3;
  color: #2d2d2d;
  border: 1px solid #e8c9a0;
  border-radius: 6px;
  padding: 10px 12px;
}

.alert-banner.error {
  background-color: #fadddd;
  color: #2d2d2d;
  border: 1px solid #e5b8b8;
  border-radius: 6px;
  padding: 10px 12px;
}

.alert-icon {
  font-size: 18px;
}

.alert-detail {
  font-size: 11px;
  opacity: 0.75;
}

.healthy-summary {
  background-color: #ffffff;
  color: #2d2d2d;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 12px;
}

.summary-line {
  padding: 2px 0;
}

.summary-line label:last-child {
  opacity: 0.7;
}

.default-badge {
  background-color: #8fa876;
  color: #ffffff;
  border-radius: 9px;
  padding: 1px 7px;
  font-size: 10px;
  font-weight: 600;
}

.health-badge.ok {
  background-color: #e2efd9;
  color: #4e7a3a;
  border-radius: 9px;
  padding: 1px 7px;
  font-size: 10px;
}

.health-badge.warn {
  background-color: #fdecd3;
  color: #9a6a1e;
  border-radius: 9px;
  padding: 1px 7px;
  font-size: 10px;
}

.health-badge.err {
  background-color: #fadddd;
  color: #a33333;
  border-radius: 9px;
  padding: 1px 7px;
  font-size: 10px;
}

.tab-badge.warn {
  background-color: #fdecd3;
  color: #9a6a1e;
  border-radius: 9px;
  padding: 1px 7px;
  font-size: 10px;
}

.tab-badge.err {
  background-color: #fadddd;
  color: #a33333;
  border-radius: 9px;
  padding: 1px 7px;
  font-size: 10px;
}

.tab-strip {
  background-color: #efefef;
  border-bottom: 1px solid #d8d8d8;
}

.tab-strip button.tab {
  min-width: 0;
  min-height: 0;
  padding: 8px 4px;
  color: #555555;
  background-color: transparent;
  background-image: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.tab-strip button.tab.active {
  color: #2d2d2d;
  background-color: #f5f5f5;
  border-bottom: 2px solid #8fa876;
  font-weight: 600;
}

.quota-row {
  font-size: 11px;
}

.quota-label {
  min-width: 20px;
  opacity: 0.6;
}

.quota-value {
  opacity: 0.7;
}

progressbar.quota-bar progress {
  min-height: 6px;
  background-color: #8fa876;
  border-radius: 3px;
}

progressbar.quota-bar trough {
  min-height: 6px;
  background-color: #e1e1e1;
  border-radius: 3px;
}

progressbar.quota-bar.hot progress {
  background-color: #d9930d;
}

progressbar.quota-bar.crit progress {
  background-color: #c0392b;
}

.dashboard button {
  min-width: 0;
  min-height: 0;
  padding: 4px 14px;
  color: #333333;
  background-color: #f7f7f7;
  background-image: linear-gradient(to bottom, #fdfdfd, #efefef);
  border: 1px solid #c7c7c7;
  border-radius: 5px;
  box-shadow: none;
}

.dashboard button.suggested-action {
  color: #ffffff;
  background-color: #8fa876;
  background-image: linear-gradient(to bottom, #97b57e, #8fa876);
  border-color: #7a935f;
  font-weight: 600;
}

.dashboard button.card-primary {
  padding: 2px 10px;
  font-size: 11px;
}

.dashboard button.card-menu,
.dashboard button.footer-button {
  padding: 4px 10px;
}

.dashboard button.flat {
  padding: 4px 6px;
  color: #4e7a3a;
  background-color: transparent;
  background-image: none;
  border-color: transparent;
  font-weight: 600;
}

.dashboard button.destructive-action {
  color: #a33333;
}

.footer {
  margin: 10px 12px 12px 12px;
}

.footer-timestamp {
  font-size: 11px;
  opacity: 0.55;
}

/* ---- Dark theme (Cinnamon / Adwaita-dark friendly) ---- */

.dashboard.theme-dark {
  background-color: #2b2b2b;
  color: #e8e8e8;
}

.dashboard.theme-dark .account-card,
.dashboard.theme-dark .healthy-summary {
  background-color: #353535;
  color: #e8e8e8;
  border-color: #4a4a4a;
}

.dashboard.theme-dark .account-card.attention {
  border-color: #a67c42;
}

.dashboard.theme-dark .account-card.locked {
  border-color: #7a7a7a;
}

.dashboard.theme-dark .alert-banner.warn {
  background-color: #4a3a22;
  color: #f0e0c8;
  border-color: #a67c42;
}

.dashboard.theme-dark .alert-banner.error {
  background-color: #4a2a2a;
  color: #f0d0d0;
  border-color: #a05050;
}

.dashboard.theme-dark .default-badge {
  background-color: #2f3f28;
  color: #a8d090;
}

.dashboard.theme-dark .health-badge.ok {
  background-color: #2f3f28;
  color: #a8d090;
}

.dashboard.theme-dark .health-badge.warn,
.dashboard.theme-dark .tab-badge.warn {
  background-color: #4a3a22;
  color: #e0b060;
}

.dashboard.theme-dark .health-badge.err,
.dashboard.theme-dark .tab-badge.err {
  background-color: #4a2a2a;
  color: #e08080;
}

.dashboard.theme-dark .tab-strip {
  background-color: #242424;
  border-bottom-color: #3a3a3a;
}

.dashboard.theme-dark .tab-strip button.tab {
  color: #b0b0b0;
}

.dashboard.theme-dark .tab-strip button.tab.active {
  color: #e8e8e8;
  background-color: #2b2b2b;
  border-bottom-color: #8fa876;
}

.dashboard.theme-dark progressbar.quota-bar trough {
  background-color: #4a4a4a;
}

.dashboard.theme-dark progressbar.quota-bar progress {
  background-color: #8fa876;
}

.dashboard.theme-dark progressbar.quota-bar.hot progress {
  background-color: #d9930d;
}

.dashboard.theme-dark progressbar.quota-bar.crit progress {
  background-color: #c0392b;
}

.dashboard.theme-dark button {
  color: #e8e8e8;
  background-color: #3a3a3a;
  background-image: linear-gradient(to bottom, #424242, #343434);
  border-color: #555555;
}

.dashboard.theme-dark button.suggested-action {
  color: #ffffff;
  background-color: #6f8f5a;
  background-image: linear-gradient(to bottom, #7a9a64, #6f8f5a);
  border-color: #5a7548;
}

.dashboard.theme-dark button.flat {
  color: #a8d090;
  background-color: transparent;
  background-image: none;
  border-color: transparent;
}

.dashboard.theme-dark button.destructive-action {
  color: #e08080;
}