/* Variabili colori Lorzeni */
:root {
  --color-dark: #0F172A;
  --color-card: #1E293B;
  --color-primary: #CCFF00;
  --color-secondary: #A3E635;
  --color-text: #F1F5F9;
}

/* Body e layout */
body, #layout {
  background-color: #0F172A;
  color: #F1F5F9;
}

/* Boxes e card */
.uibox, .boxlistcontent, .listing {
  background-color: #1E293B !important;
  color: #F1F5F9 !important;
  border-color: #CCFF00 !important;
}

/* Bottoni */
.button, input[type="button"], input[type="submit"], .buttonprimary {
  background-color: #CCFF00 !important;
  color: #0F172A !important;
  font-weight: bold;
  border: none;
}

.button:hover, input[type="button"]:hover, input[type="submit"]:hover {
  background-color: #A3E635 !important;
}

/* Link */
a, a:visited {
  color: #CCFF00;
}

a:hover {
  color: #A3E635;
}

/* Input e form */
input, textarea, select {
  background-color: #0F172A !important;
  color: #F1F5F9 !important;
  border: 1px solid #CCFF00 !important;
}

input:focus, textarea:focus, select:focus {
  border-color: #A3E635 !important;
  box-shadow: 0 0 8px rgba(163, 230, 53, 0.5);
}

/* Sidebar */
#layout-sidebar, #layout-menu {
  background-color: #1E293B;
  border-right: 2px solid #CCFF00;
}

/* Header */
.header {
  background-color: #1E293B;
  border-bottom: 2px solid #CCFF00;
}

/* Elementi selezionati */
.selected, .listitem.selected {
  background-color: rgba(204, 255, 0, 0.15) !important;
  border-left: 4px solid #CCFF00 !important;
}

/* Messaggi di testo */
.message, .alert {
  background-color: #1E293B;
  border-color: #CCFF00;
  color: #F1F5F9;
}