/* Skylab Engineering · cruscotto del gestionale SLG
   Sopra a style.css del sito (stessi colori, carattere e regole di casa):
   niente gradienti, ombre o angoli arrotondati; righe colorate spesse 8px; hover solo con mouse. */

/* ---------- pagina ---------- */
.top .wrap{gap:16px}
.top .utente{display:flex;align-items:center;gap:22px;flex-wrap:wrap;justify-content:flex-end}
.top .utente a,.top .utente span{font-size:16px;font-weight:500;text-decoration:none;white-space:nowrap}
.top .utente .chi{color:var(--muted);font-weight:400}
.top .utente .chi b{color:var(--ink);font-weight:500}
.top .utente a{color:var(--blu);padding-block:8px}
@media (hover:hover) and (pointer:fine){.top .utente a:hover{text-decoration:underline;text-underline-offset:.35em;text-decoration-thickness:2px}}
@media (max-width:700px){.top .wrap{flex-wrap:wrap;padding-block:12px}.top .utente{width:100%;justify-content:flex-start;gap:16px}.top .utente .chi{width:100%}}

.slg-pagina{padding-block:28px 72px}
.slg-occhiello{font-size:var(--fs-1);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--oro-t);margin:0 0 14px}
.slg-foglio{background:var(--white);border-top:8px solid var(--oro-l);padding:28px var(--m) 40px}
.slg-cr-bar{display:none}

h2{margin:0 0 18px}h3{font-size:var(--fs-3);font-weight:500;line-height:1.2;margin:0 0 16px}
h4{font-size:var(--fs-2);font-weight:700;margin:28px 0 10px}
p{margin:0 0 14px}
hr{border:0;border-top:8px solid var(--paper);margin:28px 0}
.slg-cr-wrap a:not(.slg-cr-btn):not(.slg-cr-card){color:var(--blu)}

/* ---------- cruscotto: sezioni e schede ---------- */
.slg-cr-dashboard{display:flex;flex-direction:column;gap:28px}
.slg-cr-section{background:var(--white);border-top:8px solid var(--oro-l);padding:0}
.slg-cr-section:nth-of-type(4n+2){border-top-color:var(--corallo)}
.slg-cr-section:nth-of-type(4n+3){border-top-color:var(--blu)}
.slg-cr-section:nth-of-type(4n+4){border-top-color:var(--verde)}
.slg-cr-section-head{display:flex;align-items:center;gap:14px;padding:18px 0 14px}
.slg-cr-section-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--blu);color:var(--on);font-size:14px;font-weight:700;letter-spacing:.04em;flex:none}
.slg-cr-section:nth-of-type(4n+2) .slg-cr-section-icon{background:var(--verde)}
.slg-cr-section:nth-of-type(4n+3) .slg-cr-section-icon{background:var(--oro);color:var(--ink)}
.slg-cr-section:nth-of-type(4n+4) .slg-cr-section-icon{background:var(--corallo);color:var(--ink)}
.slg-cr-section-title{margin:0;font-size:var(--fs-3);font-weight:500;letter-spacing:.02em}
.slg-cr-section-sub{margin:2px 0 0;color:var(--muted);font-size:var(--fs-1)}
.slg-cr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.slg-cr-card{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:96px;padding:16px 44px 16px 18px;background:var(--paper);color:var(--ink);text-decoration:none;
  transition:background-color var(--t-hover) ease,transform var(--t-press) var(--ease-out)}
.slg-cr-card:active{transform:scale(.97)}
.slg-cr-card:after{content:"→";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--blu);transition:transform var(--t-hover) ease}
.slg-cr-card strong{display:block;font-size:var(--fs-2);font-weight:500;margin:0 0 4px}
.slg-cr-card span{display:block;font-size:var(--fs-1);line-height:1.45;color:var(--muted)}
.slg-cr-card-primary{background:var(--blu);color:var(--on)}
.slg-cr-card-primary span{color:var(--on-soft)}
.slg-cr-card-primary:after{color:var(--oro-l)}
@media (hover:hover) and (pointer:fine){
  .slg-cr-card:hover{background:var(--paper-2)}
  .slg-cr-card:hover:after{transform:translate(4px,-50%)}
  .slg-cr-card-primary:hover{background:var(--blu-d)}
}

/* ---------- pulsanti ---------- */
.slg-cr-btn,a.slg-cr-btn,button.slg-cr-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;font:500 var(--fs-2)/1 var(--sans);
  text-decoration:none;border:0;border-radius:0;cursor:pointer;background:var(--blu);color:var(--on);box-shadow:none;
  transition:transform var(--t-press) var(--ease-out),background-color var(--t-hover) ease,color var(--t-hover) ease}
.slg-cr-btn:active{transform:scale(.97)}
.slg-btn-secondario,a.slg-btn-secondario,button.slg-btn-secondario{background:transparent!important;color:var(--blu)!important;box-shadow:inset 0 0 0 2px currentColor}
a.slg-btn-mini,.slg-btn-mini{min-height:36px!important;padding:0 12px!important;font-size:var(--fs-1)!important;margin:2px;white-space:nowrap;color:var(--on)!important;border-radius:0!important}
a.slg-btn-mini.slg-btn-secondario{color:var(--blu)!important}
@media (hover:hover) and (pointer:fine){
  .slg-cr-btn:hover{background:var(--blu-d);color:var(--on)}
  .slg-btn-secondario:hover{background:var(--paper-2)!important;color:var(--blu-dd)!important}
}
.slg-azioni{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 18px}

/* ---------- campi (come il modulo candidature del sito) ---------- */
.slg-foglio label,.slg-cr-login label{font-weight:500}
.slg-foglio input[type=text],.slg-foglio input[type=email],.slg-foglio input[type=password],.slg-foglio input[type=date],.slg-foglio input[type=number],.slg-foglio input[type=search],
.slg-foglio select,.slg-foglio textarea,.slg-cr-login input[type=email],.slg-cr-login input[type=password]{
  font:400 16px/1.4 var(--sans);color:var(--ink);background:var(--paper);border:0;border-bottom:2px solid var(--muted);border-radius:0;padding:12px;min-height:48px;
  width:100%;max-width:560px;box-sizing:border-box;margin-top:6px;transition:border-color var(--t-hover) ease,background-color var(--t-hover) ease}
.slg-foglio textarea{min-height:110px}
.slg-foglio input:focus,.slg-foglio select:focus,.slg-foglio textarea:focus,.slg-cr-login input:focus{outline:none;border-bottom-color:var(--blu);background:var(--paper-2)}
.slg-foglio input[readonly]{color:var(--muted)}
.slg-foglio input[type=checkbox],.slg-foglio input[type=radio]{width:20px;height:20px;margin:0 8px 0 0;vertical-align:-4px;accent-color:var(--blu)}
.slg-foglio input[type=file]{font:400 var(--fs-1) var(--sans);padding:10px 0}
.slg-foglio input[type=file]::file-selector-button{font:500 var(--fs-1) var(--sans);min-height:44px;padding:0 16px;margin-right:12px;border:0;background:var(--blu);color:var(--on);cursor:pointer}
.slg-tema-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0;max-width:900px}
.slg-tema-row input,.slg-tema-row select{width:auto!important;max-width:260px!important;flex:1 1 180px;margin-top:0!important}
.slg-inline-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0 16px}

/* ---------- messaggi ---------- */
.slg-note{font-size:var(--fs-1);color:var(--muted);margin-top:-6px}
.slg-error,.slg-success{padding:16px 18px;margin:0 0 18px;font-size:var(--fs-2);line-height:1.5}
.slg-error{background:#F9E3E1;color:var(--err)}
.slg-success{background:#E3EFE6;color:var(--ok)}
.slg-error strong,.slg-success strong,.slg-success h3{color:inherit}
.slg-success h3{font-size:var(--fs-3);margin:0 0 10px}
.slg-success p{color:var(--ink)}
.slg-cr-alta{color:var(--err)}.slg-cr-media{color:var(--oro-t)}.slg-cr-info{color:var(--muted)}
.slg-cr-an{list-style:none;padding-left:0}.slg-cr-an li{padding:4px 0}
.slg-tag{display:inline-block;padding:2px 8px;font-size:13px;background:var(--paper-2);color:var(--blu)}
.slg-tag-no{background:#F9E3E1;color:var(--err)}.slg-tag-ok{background:#E3EFE6;color:var(--ok)}

/* ---------- tabelle ---------- */
.slg-cr-scroll{overflow-x:auto}
.slg-cr-table{border-collapse:collapse;width:100%;font-size:var(--fs-1)}
.slg-cr-table th{background:var(--blu-dd);color:var(--on);font-weight:500;text-align:left;padding:10px 10px;border:0;white-space:nowrap}
.slg-cr-table td{padding:9px 10px;border:0;border-bottom:1px solid var(--paper-2);text-align:left;vertical-align:top}
.slg-cr-table tbody tr:nth-child(even) td{background:#FAFBFC}
@media (hover:hover) and (pointer:fine){.slg-cr-table tbody tr:hover td{background:var(--paper-2)}}
.slg-clienti-table{min-width:1700px;font-size:12px}
.slg-clienti-table td{max-width:220px}
.slg-btn-modifica{display:inline-block!important;padding:6px 9px!important;font-size:11px!important;white-space:nowrap;text-decoration:none}
.slg-utenti td,.slg-utenti th{white-space:nowrap}

/* ---------- accesso (come il modulo candidature) ---------- */
.slg-cr-login{max-width:440px;margin:clamp(24px,5vh,56px) auto;background:var(--white);border-top:8px solid var(--oro-l);padding:32px 28px 36px}
.slg-cr-login h2{font-size:var(--fs-3);margin-bottom:22px}
.slg-cr-login p{margin:0 0 18px}
.slg-cr-login .slg-cr-btn{min-width:160px}
.slg-cr-login a{color:var(--blu)}
.slg-cr-login .slg-note{margin-top:0}

/* ---------- piede corto ---------- */
.foot{padding-block:40px 32px}
.foot .col{grid-column:span 3}
@media (max-width:900px){.foot .col{grid-column:span 6}}
@media (max-width:480px){.foot .col{grid-column:1/-1}}

/* ---------- regole di casa anche per gli stili interni del gestionale ---------- */
.slg-foglio *,.slg-foglio *:before,.slg-foglio *:after{border-radius:0!important;box-shadow:none!important;background-image:none!important}
.slg-opnas-box,.slg-box{background:var(--paper)!important;border:0!important;padding:14px 18px!important}
.slg-cl-r{border:0!important;background:var(--paper)}
.slg-det-panel{border:0!important;border-top:8px solid var(--oro-l)!important;background:var(--white)!important}