@import url(../main.css);
@import url(../layouts/dashboard-layout.css);
@import url(../components/sidebar.css);
@import url(../components/tables.css);
@import url(../components/cards.css);
@import url(../components/buttons.css);
@import url(../components/modals.css);

/* OVERWRITE HERE SO CARD IS NOT STRETCHD */
.cards-section .stats-grid {
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  margin-bottom: calc(40 / 16 * 1rem);
}

/* Add Node button container */
#nodeAdminActions {
  margin-left: auto; /* pushes it to the far right */
}

#nodeAdminActions .btn {
  padding: 0.6rem 1.1rem;
  border-radius: 10px;
}

/* Remove layout gradient for sensors module pages - override legacy/layout.css */
html body.dashboard-page,
body.dashboard-page,
html body.dashboard-page * {
  background-image: none !important;
}

/* Ensure body itself has no gradient */
html body.dashboard-page {
  background: var(--color-background) !important;
  background-image: none !important;
}

/* Tables and cards should have white background */
.sensors-table table,
.sensors-table thead,
.sensors-table tbody,
.sensors-table tr,
.sensors-table td,
.sensors-table th {
  background: #ffffff !important;
}

.sensors-table {
  background: #ffffff !important;
}

/* Cards in sensors section */
.sensors-section .card,
.sensors-section .stat-card {
  background: #ffffff !important;
}