/* ═══════════════════════════════════════════════════════════════════════════
   GEST CRM — la pelle per il front-end

   Le viste sono le stesse della bacheca e usano le classi di WordPress admin
   (`.button`, `.widefat`, `.form-table`, `.notice`, `.wrap`). Su una pagina del
   sito quel foglio non c'è: qui se ne riscrive il minimo indispensabile, tutto
   confinato sotto `.glcf` perché `.button` è un nome che quasi ogni tema usa —
   fuori dal contenitore non dobbiamo toccare niente, e niente deve toccare noi.

   `admin.css` viene caricato prima e porta tutte le classi `.glc-*` (board,
   grafici, schede): quelle non si riscrivono.
   ═══════════════════════════════════════════════════════════════════════════ */

.glcf{
  --glcf-linea:#DCD7E6;
  --glcf-verde:#037649;
  --glcf-viola:#533480;
  --glcf-testo:#1F2328;
  --glcf-mut:#6B7280;
  --glcf-fondo:#F6F4FA;

  box-sizing:border-box;
  background:var(--glcf-fondo);
  color:var(--glcf-testo);
  font:14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  border-radius:14px;
  border:1px solid var(--glcf-linea);
  overflow:hidden;
  margin:24px 0;
  text-align:left;
}
.glcf *{box-sizing:border-box}

/* A tutta larghezza: una board dentro una colonna di testo da 720px non si
   guarda. Il calcolo esce dal contenitore del tema senza rompere lo scorrimento
   orizzontale della pagina. */
.glcf-piena{
  width:min(calc(100vw - 32px),1680px);
  margin-left:calc(50% - min(50vw - 16px,840px));
  max-width:none;
}
@media(max-width:820px){
  .glcf-piena{width:auto;margin-left:0}
}

/* ── La navigazione ──────────────────────────────────────────────────────── */
.glcf-nav{
  display:flex;flex-wrap:wrap;align-items:center;gap:2px;
  background:var(--glcf-verde);padding:0 14px;
}
.glcf-marchio{
  color:#fff;font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;
  padding:14px 16px 14px 4px;margin-right:6px;
}
.glcf-voce{
  display:inline-block;padding:14px 15px;color:rgba(255,255,255,.82);text-decoration:none;
  font-weight:600;font-size:13.5px;border-bottom:3px solid transparent;transition:.18s;
}
.glcf-voce:hover{color:#fff;background:rgba(255,255,255,.1)}
.glcf-voce.glcf-attiva{color:#fff;border-bottom-color:#fff;background:rgba(255,255,255,.14)}
.glcf-chi{
  margin-left:auto;color:rgba(255,255,255,.75);font-size:12px;padding:14px 4px;
  display:flex;gap:8px;align-items:center;
}
.glcf-chi a{color:#fff;text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){
  .glcf-marchio{padding:12px 8px 12px 4px}
  .glcf-voce{padding:11px 11px;font-size:13px}
  .glcf-chi{margin-left:0;padding:0 4px 10px}
}

.glcf-corpo{padding:18px 20px 24px;background:var(--glcf-fondo)}
@media(max-width:600px){.glcf-corpo{padding:14px 12px 20px}}

/* ── Le primitive che in bacheca dà WordPress ────────────────────────────── */
.glcf .wrap{margin:0;padding:0;max-width:none}
.glcf h1{font-size:22px;line-height:1.25;margin:0 0 4px;font-weight:700;color:var(--glcf-testo)}
.glcf h1.wp-heading-inline{display:inline-block;margin-right:10px}
.glcf h2{font-size:16px;margin:0 0 12px;font-weight:700;padding:0}
.glcf h3{font-size:14px;margin:0 0 10px;font-weight:700}
.glcf h4{font-size:12px;margin:16px 0 8px;text-transform:uppercase;letter-spacing:.05em;color:var(--glcf-mut)}
.glcf p{margin:0 0 12px}
.glcf a{color:var(--glcf-verde)}
.glcf hr.wp-header-end{border:0;border-top:1px solid var(--glcf-linea);margin:14px 0 16px}
.glcf code{background:#EDEAF3;padding:1px 5px;border-radius:4px;font-size:12.5px}
.glcf pre{background:#EDEAF3;padding:12px;border-radius:8px;overflow:auto;font-size:12px}
.glcf blockquote{margin:0}

.glcf .button,
.glcf button:not(.glc-aggiungi-voce):not(.glc-aggiungi-regola){
  display:inline-flex;align-items:center;gap:6px;
  background:#fff;border:1px solid #C3BFD0;border-radius:7px;
  padding:7px 13px;font:600 13px/1.3 inherit;color:var(--glcf-testo);
  cursor:pointer;text-decoration:none;transition:.15s;
}
.glcf .button:hover,.glcf button:hover{background:#F3F1F8;border-color:#A9A3BC}
.glcf .button-primary{background:var(--glcf-verde);border-color:var(--glcf-verde);color:#fff}
.glcf .button-primary:hover{background:#025434;border-color:#025434;color:#fff}
.glcf .button-large{padding:10px 20px;font-size:14px}
.glcf .button-small{padding:4px 9px;font-size:12px}
.glcf .page-title-action{
  display:inline-block;background:#fff;border:1px solid #C3BFD0;border-radius:7px;
  padding:5px 11px;font-size:12.5px;font-weight:600;text-decoration:none;vertical-align:middle;
}
.glcf .glc-ripristina{border-color:#E3B4B4}

.glcf input[type=text],.glcf input[type=email],.glcf input[type=url],.glcf input[type=tel],
.glcf input[type=search],.glcf input[type=number],.glcf input[type=date],.glcf input[type=time],
.glcf select,.glcf textarea{
  background:#fff;border:1px solid #C3BFD0;border-radius:7px;padding:6px 9px;
  font:14px/1.4 inherit;color:var(--glcf-testo);max-width:100%;
}
.glcf input:focus,.glcf select:focus,.glcf textarea:focus{
  outline:2px solid rgba(3,118,73,.35);outline-offset:1px;border-color:var(--glcf-verde);
}
.glcf input[type=file]{font-size:13px}
.glcf .regular-text{width:min(24rem,100%)}
.glcf .large-text{width:100%}
.glcf .small-text{width:5.5rem}
.glcf textarea.large-text{min-height:80px}
.glcf label{font-size:13.5px}

.glcf .form-table{width:100%;border-collapse:collapse;margin:0 0 14px}
.glcf .form-table th{
  text-align:left;vertical-align:top;padding:11px 16px 11px 0;width:200px;
  font-weight:600;font-size:13.5px;color:#3C434A;
}
.glcf .form-table td{padding:9px 0;vertical-align:top}
.glcf .description{display:block;margin-top:5px;font-size:12px;color:var(--glcf-mut);line-height:1.5}

.glcf table.widefat{
  width:100%;border-collapse:collapse;background:#fff;
  border:1px solid var(--glcf-linea);border-radius:10px;overflow:hidden;
}
.glcf table.widefat th,.glcf table.widefat td{
  padding:9px 11px;text-align:left;border-bottom:1px solid #EFECF5;font-size:12.5px;
}
.glcf table.widefat thead th{background:#F0EDF6;font-weight:700;white-space:nowrap}
.glcf table.widefat tbody tr:last-child td{border-bottom:0}
.glcf table.striped tbody tr:nth-child(even){background:#FBFAFD}

.glcf .notice{
  background:#fff;border:1px solid var(--glcf-linea);border-left:4px solid var(--glcf-mut);
  border-radius:0 8px 8px 0;padding:11px 15px;margin:0 0 14px;
}
.glcf .notice p{margin:0 0 6px}
.glcf .notice p:last-child{margin:0}
.glcf .notice-success{border-left-color:var(--glcf-verde);background:#F2FAF6}
.glcf .notice-error{border-left-color:#B32020;background:#FDF4F4}
.glcf .notice-warning{border-left-color:#D9A400;background:#FFFBF0}
.glcf .notice-info{border-left-color:#2E6DB4;background:#F4F8FD}

.glcf .tablenav{margin:12px 0}
.glcf .tablenav-pages{display:flex;flex-wrap:wrap;gap:4px}
.glcf details summary{cursor:pointer}
.glcf .glc-box{background:#fff}

/* La board scorre dentro il proprio riquadro e non trascina la pagina. */
.glcf .glc-board{padding-bottom:12px}

/* ── La schermata per chi non entra ──────────────────────────────────────── */
.glcf-chiusa{
  max-width:34rem;margin:32px auto;padding:26px 28px;text-align:center;
  background:#F6F4FA;border:1px solid #DCD7E6;border-radius:14px;
  font:15px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  color:#1F2328;
}
.glcf-chiusa p{margin:0 0 12px}
.glcf-chiusa p:last-child{margin:0}
.glcf-entra{
  display:inline-block;background:#037649;color:#fff;text-decoration:none;
  padding:10px 24px;border-radius:50px;font-weight:700;margin-top:4px;
}
.glcf-entra:hover{background:#025434;color:#fff}
.glcf-esci{background:#fff;color:#037649;border:1px solid #C3BFD0}
.glcf-esci:hover{background:#F3F1F8;color:#025434}

@media (prefers-reduced-motion:reduce){
  .glcf *,.glcf *::before,.glcf *::after{transition-duration:.01ms!important}
}