.hoverEdit .item.active {
  background-color: #eaeaea !important;
}

.hoverEdit .item:hover {
  background-color: #fbfbfb !important;
  border-color: rgba(34, 36, 38, 0.25) !important;
}

.event i.arrow.icon {
  top: 15px;
  position: relative;
}

.logs {
  background-color: #4d4d4d;
  min-height: 600px;
  max-height: 600px;
  width: 100%;
  border-radius: 5px;
  overflow-y: scroll;
  overflow-x: hidden;
  color: #fff;
  font-family: 'Courier New', Courier, monospace;
  word-wrap: break-word;
  padding: 10px;
}

.logs .logitm.INFO {
  color: #6781f8;
}

.logs .logitm.SUCCESS {
  color: #2ecc71;
}

.logs .logitm.ERROR {
  color: #f03434;
}

/* Enhanced Log Manager Styles */
.log-item {
  border-left: 4px solid transparent !important;
  transition: all 0.2s ease;
}

.log-item:hover {
  background-color: #f8f9fa !important;
}

.log-item.red {
  border-left-color: #db2828 !important;
}

.log-item.orange {
  border-left-color: #f2711c !important;
}

.log-item.green {
  border-left-color: #21ba45 !important;
}

.log-item.blue {
  border-left-color: #2185d0 !important;
}

.log-time {
  font-family: 'Courier New', monospace;
  font-size: 0.9em;
  color: #666;
}

.log-message {
  font-family: 'Courier New', monospace;
  word-break: break-word;
  line-height: 1.4;
}

.log-meta {
  margin-top: 8px;
  color: #999;
  font-size: 0.85em;
}

#logsContainer .item {
  padding: 12px 16px !important;
  border-bottom: 1px solid #e1e1e1;
}

#logsContainer .item:last-child {
  border-bottom: none;
}

#logsContainer .title {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

#logsContainer .content {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #f0f0f0;
}

/* Statistics styling */
.ui.statistics .statistic .value {
  font-size: 1.8rem !important;
  font-weight: bold;
}

/* Filter section styling */
.ui.form .field label {
  font-weight: 600;
  color: #333;
}

/* Export modal styling */
.ui.modal .content {
  padding: 20px !important;
}

/* Loading state */
#loadingState {
  min-height: 200px;
}

/* Empty state styling */
#emptyState {
  text-align: center;
  padding: 40px 20px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .ui.grid .column {
    margin-bottom: 10px;
  }
  
  .ui.statistics {
    margin: 1em 0;
  }
  
  .ui.statistics .statistic {
    margin: 0 0.5em 1em 0.5em;
  }
}

/* Enhanced Device Dashboard Styles */
.device-card {
  transition: all 0.3s ease;
  border: 2px solid transparent;
}

.device-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.device-card.online {
  border-color: #21ba45;
}

.device-card.offline {
  border-color: #db2828;
}

.device-card .content .header {
  margin-bottom: 10px;
}

.device-card .content .meta {
  margin-bottom: 15px;
}

.device-card .content .description .ui.list .item {
  padding: 4px 0;
}

.device-card .content .description .ui.list .item i.icon {
  width: 16px;
  margin-right: 8px;
  color: #666;
}

.device-card .extra.content {
  padding-top: 15px;
  border-top: 1px solid #f0f0f0;
}

.device-card .extra.content .ui.buttons {
  width: 100%;
}

.device-card .extra.content .ui.button {
  flex: 1;
  margin: 0 2px;
}

/* Dashboard header styling */
.ui.segment .ui.grid .column h2.ui.header {
  margin: 0;
}

.ui.segment .ui.grid .column .ui.buttons {
  margin-top: 10px;
}

/* Filter section enhancements */
.ui.form .field label {
  font-weight: 600;
  color: #333;
  margin-bottom: 5px;
}

.ui.form .field .ui.input {
  width: 100%;
}

.ui.form .field .ui.dropdown {
  width: 100%;
}

/* Statistics enhancements */
.ui.statistics .statistic {
  margin: 0 1em 1em 0;
}

.ui.statistics .statistic .value {
  font-size: 1.8rem !important;
  font-weight: bold;
  color: #333;
}

.ui.statistics .statistic .label {
  font-size: 0.85em;
  color: #666;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Tab menu enhancements */
.ui.tabular.menu .item {
  font-weight: 500;
}

.ui.tabular.menu .item .ui.label {
  margin-left: 8px;
}

/* Table enhancements */
#devicesTable tbody tr.positive {
  background-color: #fcfff5 !important;
}

#devicesTable tbody tr.negative {
  background-color: #fff6f6 !important;
}

#devicesTable tbody tr:hover {
  background-color: #f8f9fa !important;
}

/* Modal enhancements */
.ui.modal .content {
  padding: 20px !important;
}

.ui.modal .actions {
  padding: 15px 20px !important;
}

/* Loading and empty states */
#loadingState {
  min-height: 300px;
}

#emptyState {
  text-align: center;
  padding: 60px 20px;
}

#emptyState .ui.icon.header {
  color: #999;
}

/* API Keys table enhancements */
#apiKeysTable tbody tr:hover {
  background-color: #f8f9fa !important;
}

#apiKeysTable code {
  background-color: #f1f1f1;
  padding: 2px 6px;
  border-radius: 3px;
  font-family: 'Courier New', monospace;
}

/* Analytics section */
#analytics .ui.statistics {
  margin-bottom: 30px;
}

#countryChart {
  background-color: #f8f9fa;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
  font-style: italic;
}

/* Responsive font sizing */
@media (max-width: 1200px) {
  .ui.statistics .statistic .value {
    font-size: 1.6rem !important;
  }
}

@media (max-width: 768px) {
  .ui.statistics .statistic .value {
    font-size: 1.4rem !important;
  }
  
  .ui.statistics .statistic .label {
    font-size: 0.8em;
  }
}

@media (max-width: 480px) {
  .ui.statistics .statistic .value {
    font-size: 1.2rem !important;
  }
  
  .ui.statistics .statistic .label {
    font-size: 0.75em;
  }
}

/* Responsive device cards */
@media (max-width: 768px) {
  .ui.three.stackable.cards {
    margin: 0;
  }
  
  .device-card {
    margin-bottom: 15px;
  }
  
  .device-card .extra.content .ui.buttons {
    flex-direction: column;
  }
  
  .device-card .extra.content .ui.button {
    margin: 2px 0;
  }
}
/* Global stat card fixes for proper spacing */
.stat-icon {
  margin-bottom: 20px !important;
  display: block;
  line-height: 1;
}

.stat-value {
  line-height: 1.2 !important;
  margin-bottom: 8px !important;
}

.stat-card {
  min-height: 160px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 30px 20px !important;
}

/* Responsive stat card fixes */
@media (max-width: 1200px) {
  .stat-icon {
    margin-bottom: 18px !important;
  }
  
  .stat-card {
    min-height: 150px !important;
    padding: 25px 15px !important;
  }
}

@media (max-width: 768px) {
  .stat-icon {
    margin-bottom: 16px !important;
  }
  
  .stat-card {
    min-height: 140px !important;
    padding: 20px 15px !important;
  }
}

@media (max-width: 480px) {
  .stat-icon {
    margin-bottom: 14px !important;
  }
  
  .stat-card {
    min-height: 130px !important;
    padding: 18px 12px !important;
  }
}

/*# sourceMappingURL=custom.css.map */