html {
  font-family: "Geist", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

/* Card */
.card {
  background-color: #171717 !important;
  border-color: #2E2F2F !important;
  color: #e0e0e0 !important;
}

[data-bs-theme=dark], body[data-bs-theme=dark] [data-bs-theme=light] {
  --tblr-bg-surface: #171717 !important;          /* forza lo sfondo "neutro" */
  --tblr-bg-surface-tertiary: #171717 !important; /* per sicurezza */
}

.login-card-size {
  width: calc(15rem + 15vw);
  margin: auto;
}

.login-logo {
  width: calc(7rem + 3vw);
  height: auto;
}

.container-tight {
  max-width: 100vw;
}

.navbar, .navbar-vertical, .navbar-expand-lg {
  overflow: hidden;
}

.navbar-gap {
  margin-top: calc(2rem + 1vh);
}

.navbar-vertical.navbar-expand-lg {
  overflow-y: hidden;
}


:root[data-bs-theme="dark"] {
  --tblr-body-bg: #0A0A0A;         /* sfondo pagina */
  --tblr-body-color: #e0e0e0;      /* testo */
  
  --tblr-card-bg: #171717;         /* sfondo card */
  --tblr-card-border-color: #2E2F2F;
  --tblr-card-cap-bg: #171717;     /* header della card */
  --tblr-card-color: #e0e0e0;      /* testo nelle card */

    /* Card */
  --tblr-bg-surface: #171717 !important;          /* forza lo sfondo "neutro" */
  --tblr-bg-surface-tertiary: #171717 !important; /* per sicurezza */
  --tblr-card-bg: #171717;             /* colore card */
  --tblr-card-cap-bg: #171717;         /* header card */
  --tblr-card-color: #e0e0e0; 

    /* Campi form */
  --tblr-bg-forms: #212121;       /* sfondo base dei form */
  --tblr-input-bg: #212121;       /* sfondo degli input */
  --tblr-input-border-color: #2E2E2E; /* bordo input */
  --tblr-input-color: #e0e0e0;    /* testo negli input */
  --tblr-input-placeholder-color: #9e9e9e; /* testo placeholder */

    /* Glow verde al focus */
  --tblr-input-focus-border-color: #009640;
  --tblr-input-focus-box-shadow: 0 0 0 0.25rem rgba(0, 150, 64, 0.4);

  --tblr-navbar-bg: #171717;       /* navbar */
  --tblr-sidebar-bg: #171717;      /* sidebar */

    --tblr-font-sans-serif: 'Geist', sans-serif;
  --tblr-body-font-family: 'Geist', sans-serif;
  
  --tblr-primary: #009640;         /* colore primario (bottoni, link) */

  
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #212121 inset !important;
  box-shadow: 0 0 0 1000px #212121 inset !important;
  -webkit-text-fill-color: #FFFFFF !important; /* testo bianco */
  transition: background-color 5000s ease-in-out 0s; /* trucco per evitare il giallino */
}

/* Imposta layout a due colonne */
.layout {
  display: flex;
  min-height: 100vh;
}

/* Sidebar */
.sidebar {
  width: 240px;
  background-color: #1e293b; /* blu scuro elegante */
  color: #fff;
  flex-shrink: 0;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  overflow-y: auto;
  padding: 1rem;
}

/* Contenuto principale */
.main-content {
  margin-left: 240px; /* stessa larghezza sidebar */
  padding: 2rem;
  background-color: #f8fafc;
  flex: 1;
}

/* Titolo pagina */
.page-title {
  margin-top: 0;
}

/* Rimuove scrollbar visiva ma mantiene scroll */
.sidebar::-webkit-scrollbar {
  display: none;
}
.sidebar {
  scrollbar-width: none;
}