/* ---------------------------------------------------------------------------
   Palette del gestionale: frontend e area admin.
   Caricato per ultimo in entrambi, cosi' vince sul tema e sui fogli originali.
   Tutto quello che sta qui e' sovrascrittura: svuotando questo file si torna
   esattamente all'aspetto precedente, senza toccare nient'altro.
   --------------------------------------------------------------------------- */

:root {
    --btcl-azione:         #3c5a80;  /* blu ardesia: azione principale */
    --btcl-azione-scuro:   #31496a;
    --btcl-stop:           #9c4141;  /* mattone: azione opposta */
    --btcl-stop-scuro:     #833636;
    --btcl-neutro:         #5b6673;
    --btcl-ok:             #3f7a5c;
    --btcl-attesa:         #9a7430;
}

/* --- Avvia e Stop -----------------------------------------------------------
   Erano tre stili diversi per la stessa azione: pillola viola sulla dashboard,
   pulsante piatto sulla scheda assistito, versione piccola nelle liste. Qui
   ricevono tutti la stessa forma, e cambia solo il colore fra avvio e stop. */
.btcl-container #btcl_employee_task_process_start_btn,
#btcl_employee_task_process_start_btn,
#start_task,
#stop_task,
.start_task_btn,
.stop_task_btn {
    display: inline-block;
    padding: 11px 30px !important;
    border: 0 !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    letter-spacing: .01em;
    color: #fff !important;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .12) !important;
    transition: background-color .15s ease-in-out;
}

#btcl_employee_task_process_start_btn,
#start_task,
.start_task_btn {
    background-color: var(--btcl-azione) !important;
    background-image: none !important;
}

#btcl_employee_task_process_start_btn:hover,
#start_task:hover,
.start_task_btn:hover {
    background-color: var(--btcl-azione-scuro) !important;
}

#stop_task,
.stop_task_btn {
    background-color: var(--btcl-stop) !important;
    background-image: none !important;
}

#stop_task:hover,
.stop_task_btn:hover {
    background-color: var(--btcl-stop-scuro) !important;
}

/* --- Pulsanti in generale ---------------------------------------------------
   Via i gradienti e le ombre diffuse: restano tinte piatte. */
.btcl-container .btn-primary,
.btn-primary,
.wizard > .actions a {
    background-color: var(--btcl-azione) !important;
    background-image: none !important;
    border-color: var(--btcl-azione) !important;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .12) !important;
    border-radius: 8px !important;
    padding: 11px 26px !important;
    font-size: 15px !important;
}

.btcl-container .btn-primary:hover,
.btn-primary:hover {
    background-color: var(--btcl-azione-scuro) !important;
}

.btn-success {
    background-color: var(--btcl-ok) !important;
    background-image: none !important;
    border-color: var(--btcl-ok) !important;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .12) !important;
    border-radius: 8px !important;
    padding: 11px 26px !important;
    font-size: 15px !important;
}

.btn-danger,
.btcl-container .btn-task-action {
    background-color: var(--btcl-stop) !important;
    background-image: none !important;
    border-color: var(--btcl-stop) !important;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .12) !important;
    border-radius: 8px !important;
    padding: 11px 26px !important;
    font-size: 15px !important;
}

.btn-sm {
    padding: 6px 14px !important;
    font-size: 13px !important;
}

/* --- Riquadri colorati ------------------------------------------------------
   Le card della dashboard usavano gradienti accesi (viola, rosa, arancio).
   Diventano tinte piene e sobrie, con lo stesso ruolo informativo. */
.bg-gradient-primary,
.card.bg-gradient-primary { background: var(--btcl-azione) !important; }
.bg-gradient-info,
.card.bg-gradient-info    { background: var(--btcl-neutro) !important; }
.bg-gradient-success,
.card.bg-gradient-success { background: var(--btcl-ok) !important; }
.bg-gradient-warning,
.card.bg-gradient-warning { background: var(--btcl-attesa) !important; }
.bg-gradient-danger,
.card.bg-gradient-danger  { background: var(--btcl-stop) !important; }

.card-shadow-danger,
.card-shadow-warning,
.card-shadow-success,
.card-shadow-primary,
.card-shadow-info {
    box-shadow: 0 1px 3px rgba(16, 24, 40, .10) !important;
}

/* --- Etichette di stato -----------------------------------------------------
   Restano riconoscibili a colpo d'occhio, ma smettono di gridare. */
.badge-primary, .label-primary { background-color: var(--btcl-azione) !important; color: #fff !important; }
.badge-success, .label-success { background-color: var(--btcl-ok) !important;     color: #fff !important; }
.badge-warning, .label-warning { background-color: var(--btcl-attesa) !important; color: #fff !important; }
.badge-danger,  .label-danger  { background-color: var(--btcl-stop) !important;   color: #fff !important; }
.badge-info,    .label-info    { background-color: var(--btcl-neutro) !important; color: #fff !important; }

/* --- Etichette chiare nelle tabelle -----------------------------------------
   I valori delle tabelle erano pastelli accesi (azzurro, verde menta, rosa,
   lilla) che davano piu' rilievo al colore che al dato. Restano riconoscibili
   per ruolo, ma su tinte tenui e con testo leggibile. */
.label.label-light-primary { color: #33475e !important; background-color: #e6ebf2 !important; }
.label.label-light-success { color: #2f5c46 !important; background-color: #e5efe9 !important; }
.label.label-light-danger  { color: #7a3232 !important; background-color: #f3e7e7 !important; }
.label.label-light-info    { color: #464f59 !important; background-color: #eaecef !important; }
.label.label-light-warning { color: #74561f !important; background-color: #f4eee1 !important; }

.label-inline {
    border-radius: 6px !important;
    font-weight: 600 !important;
}

/* --- Paginazione ------------------------------------------------------------
   Il numero di pagina attivo era un cerchio viola in gradiente. */
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.btcl-container .paginate_button.current {
    color: #fff !important;
    background: var(--btcl-azione) !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 6px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.btcl-container .paginate_button:hover {
    color: #fff !important;
    background: var(--btcl-azione-scuro) !important;
    background-image: none !important;
    border-radius: 6px !important;
}

/* --- Intestazioni di tabella ------------------------------------------------ */
.table thead th,
table.dataTable thead th {
    background-color: #f4f5f7 !important;
    color: #333b45 !important;
}

/* --- Pulsanti contornati ----------------------------------------------------
   Sono la coppia Modifica / Elimina degli elenchi in area admin. */
.btn-outline-primary {
    color: var(--btcl-azione) !important;
    border: 1px solid var(--btcl-azione) !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border-radius: 6px !important;
    padding: 6px 16px !important;
    font-size: 14px !important;
}
.btn-outline-primary:hover {
    color: #fff !important;
    background-color: var(--btcl-azione) !important;
}

/* Elimina sta accanto a Guarda e Modifica in ogni riga di ogni elenco: un
   contorno rosso ripetuto per riga pesa piu' di quanto l'azione meriti. Il bordo
   resta neutro e solo il testo conserva il colore, cosi' l'azione si riconosce
   ma non domina la lista. Al passaggio del mouse si dichiara per intero. */
.btn-outline-danger {
    color: var(--btcl-stop) !important;
    border: 1px solid #d5d9df !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border-radius: 6px !important;
    padding: 6px 16px !important;
    font-size: 14px !important;
}
.btn-outline-danger:hover,
.btn-outline-danger:focus {
    color: #fff !important;
    border-color: var(--btcl-stop) !important;
    background-color: var(--btcl-stop) !important;
}

.btn-outline-secondary {
    color: var(--btcl-neutro) !important;
    border: 1px solid #c6ccd3 !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border-radius: 6px !important;
}

/* --- Riquadro anomalie della dashboard admin -------------------------------- */
.btcl-anomalies { border-left-color: var(--btcl-stop) !important; }
.btcl-anomalies__title { color: var(--btcl-stop) !important; }
.btcl-overlaps { border-left-color: var(--btcl-attesa) !important; }
.btcl-overlaps__title { color: var(--btcl-attesa) !important; }

/* --- Link dentro le tabelle -------------------------------------------------
   Nel foglio del plugin non avevano colore, quindi ereditavano l'azzurro del
   tema, che stonava con il resto. L'esclusione .btn serve perche' nelle stesse
   celle vivono anche Modifica ed Elimina, che sono <a> travestiti da pulsante e
   devono tenersi il loro colore. */
.table td a:not(.btn):not(.badge):not(.label),
.table th a:not(.btn):not(.badge):not(.label),
table.dataTable td a:not(.btn):not(.badge):not(.label) {
    color: var(--btcl-azione) !important;
    text-decoration: none;
}

.table td a:not(.btn):not(.badge):not(.label):hover,
table.dataTable td a:not(.btn):not(.badge):not(.label):hover {
    color: var(--btcl-azione-scuro) !important;
    text-decoration: underline;
}

/* --- Stato neutro -----------------------------------------------------------
   "Offline" e' la condizione ordinaria di chi non sta lavorando in quel momento,
   non un avviso e tantomeno un errore: nel codice era mappato su warning in due
   punti e su danger in altri due. Ora e' grigio, e il colore resta a Online, che
   e' l'informazione che vale la pena notare in mezzo a un elenco. */
.badge-secondary,
.label.label-secondary {
    color: #4a5259 !important;
    background-color: #eceef1 !important;
    border: 0 !important;
    font-weight: 600 !important;
}

.badge-success,
.label.label-light-success {
    color: #fff !important;
    background-color: var(--btcl-ok) !important;
}

/* --- Pagina di login --------------------------------------------------------
   E' quella mostrata da [btcl-dashboard] a chi non ha ancora fatto l'accesso.
   Nel foglio del plugin era tutta viola: intestazione piena, bordo spesso con
   alone, campi contornati e pulsante a pillola in gradiente; il focus dei campi
   prendeva invece il rosa del tema. Diventa una card sobria come il resto del
   gestionale: l'intestazione porta il colore, il contorno e i campi restano
   neutri e l'azione principale e' un pulsante pieno. */
.btcl-form-container .card.card-outline-secondary {
    border: 1px solid #d5d9df !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 3px rgba(16, 24, 40, .10) !important;
    overflow: hidden;
}

.btcl-form-container .card-header {
    background: var(--btcl-azione) !important;
    border-bottom: 0 !important;
}

.btcl-form-container input#user_login,
.btcl-form-container input#user_pass {
    border: 1px solid #c6ccd3 !important;
    border-radius: 6px !important;
    background-color: #fff !important;
    box-shadow: none !important;
}

.btcl-form-container input#user_login:focus,
.btcl-form-container input#user_pass:focus {
    border-color: var(--btcl-azione) !important;
    box-shadow: 0 0 0 3px rgba(60, 90, 128, .18) !important;
    outline: 0 !important;
}

.btcl-form-container input#rememberme {
    accent-color: var(--btcl-azione);
}

.btcl-form-container input#wp-submit {
    color: #fff !important;
    background-color: var(--btcl-azione) !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .12) !important;
    padding: 12px 26px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    transition: background-color .15s ease-in-out;
}

.btcl-form-container input#wp-submit:hover,
.btcl-form-container input#wp-submit:focus {
    background-color: var(--btcl-azione-scuro) !important;
}