/* =========================
   Setup IoT – Custom theme
   Palette B+ (navbar light)
   ========================= */

/* Navbar */
.navbar {
    background-color: #F1F3F5; /* grigio chiaro tecnico */
    border-bottom: 1px solid #DEDBDB;
}

/* Brand */
.navbar-brand span {
    color: #3B4248; /* grigio scuro testo */
}

/* Link navbar */
.navbar .nav-link {
    color: #3B4248;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
    color: #AA1519; /* rosso brand su hover */
}

/* Dropdown */
.navbar .dropdown-menu {
    border-color: #DEDBDB;
}

/* User / logout */
.navbar .btn,
.navbar .btn-link {
    color: #3B4248;
}

.navbar .btn:hover {
    color: #AA1519;
}

/* =========================
   Buttons (Palette B+)
   ========================= */

/* Primary = grigio scuro */
.btn-primary,
.btn-primary:focus {
    background-color: #3B4248 !important;
    border-color: #3B4248 !important;
}

.btn-primary:hover,
.btn-primary:active {
    background-color: #2F353A !important;
    border-color: #2F353A !important;
}

/* Outline primary = grigio scuro */
.btn-outline-primary {
    color: #3B4248 !important;
    border-color: #3B4248 !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:active {
    background-color: #3B4248 !important;
    border-color: #3B4248 !important;
    color: #FFFFFF !important;
}

/* Secondary più “pulito” */
.btn-secondary,
.btn-secondary:focus {
    background-color: #63676B !important;
    border-color: #63676B !important;
}

.btn-secondary:hover,
.btn-secondary:active {
    background-color: #555A5E !important;
    border-color: #555A5E !important;
}

/* Danger = rosso brand (azioni critiche: elimina) */
.btn-danger,
.btn-danger:focus {
    background-color: #AA1519 !important;
    border-color: #AA1519 !important;
}

.btn-danger:hover,
.btn-danger:active {
    background-color: #8E1215 !important;
    border-color: #8E1215 !important;
}

/* Outline danger */
.btn-outline-danger {
    color: #AA1519 !important;
    border-color: #AA1519 !important;
}

.btn-outline-danger:hover,
.btn-outline-danger:active {
    background-color: #AA1519 !important;
    border-color: #AA1519 !important;
    color: #FFFFFF !important;
}

/* =========================
   Badges / Alerts (Palette B+)
   ========================= */

.badge.text-bg-secondary {
    background-color: #63676B !important;
}

/* Alert più coerenti */
.alert-success {
    border-color: #DEDBDB !important;
}

.alert-danger {
    border-color: #AA1519 !important;
}

.alert-warning {
    border-color: #DEDBDB !important;
}

/* Link standard (facoltativo, ma coerente) */
a {
    color: #3B4248;
}
a:hover {
    color: #AA1519;
}

/* =========================
   Cards / Tables (Industrial)
   ========================= */

/* Cards più "pannello" */
.card {
    border-color: #DEDBDB !important;
}
.card.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(59, 66, 72, .10) !important;
}
.card-header {
    background-color: #F1F3F5 !important;
    border-bottom: 1px solid #DEDBDB !important;
    color: #3B4248 !important;
}

/* Tabelle */
.table {
    color: #3B4248 !important;
}
.table thead.table-light th {
    background-color: #F1F3F5 !important;
    border-bottom: 1px solid #DEDBDB !important;
    color: #3B4248 !important;
    font-weight: 600;
}
.table-hover tbody tr:hover {
    background-color: rgba(241, 243, 245, .7) !important;
}

/* Form controls più “tecnici” */
.form-control, .form-select {
    border-color: #DEDBDB !important;
}
.form-control:focus, .form-select:focus {
    border-color: #63676B !important;
    box-shadow: 0 0 0 .2rem rgba(99, 103, 107, .15) !important;
}