/* ==========================================================================
   Progetto Ombra Hub — design system condiviso (area riservata, Leads, PM)
   Scoped a .pohub (front + admin). Palette hex (OKLCH-derived), Satoshi, motion.
   ========================================================================== */
@font-face{font-family:'Satoshi';src:url('fonts/satoshi-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Satoshi';src:url('fonts/satoshi-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'Satoshi';src:url('fonts/satoshi-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}
@font-face{font-family:'Satoshi';src:url('fonts/satoshi-900.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap;}

.pohub{
  --c-green:#009f57; --c-green-600:#008a4b; --c-green-700:#007a42; --c-green-300:#00b365;
  --c-green-tint:#ecf8f1; --c-green-tint-2:#d7f0e1; --c-yellow:#ffe600;
  --c-ink:#111820; --c-ink-2:#1f2933; --c-muted:#5b6b7b; --c-faint:#8a98a6;
  --c-line:#e2e8ee; --c-line-2:#d4dbe3; --c-bg:#f4f7f9; --c-surface:#fff;
  --c-danger:#d92d20; --c-danger-tint:#fbe9e7; --c-info:#2f5c93; --c-info-tint:#eaf0f7; --c-warn:#b06a00; --c-warn-tint:#fdf0d8;
  --sp-1:.25rem; --sp-2:.5rem; --sp-3:.75rem; --sp-4:1rem; --sp-5:1.5rem; --sp-6:2rem; --sp-7:3rem;
  --r-sm:11px; --r-md:16px; --r-lg:22px; --r-xl:30px; --r-pill:999px;
  --fs-xs:.74rem; --fs-sm:.84rem; --fs-base:.95rem; --fs-md:1.05rem; --fs-lg:1.3rem; --fs-xl:1.7rem; --fs-2xl:2.2rem;
  --sh-sm:0 2px 10px rgba(17,24,32,.05),0 1px 3px rgba(17,24,32,.06);
  --sh-md:0 10px 30px rgba(17,24,32,.09); --sh-lg:0 20px 55px rgba(17,24,32,.14);
  --ring:0 0 0 3px rgba(0,159,87,.28);
  --font:'Satoshi',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --ease:cubic-bezier(.2,.7,.2,1); --dur:.18s;
  font-family:var(--font); font-size:var(--fs-base); line-height:1.5; color:var(--c-ink);
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
.pohub *{ box-sizing:border-box; }
.pohub h1,.pohub h2,.pohub h3,.pohub h4{ font-family:var(--font); color:var(--c-ink); line-height:1.18; margin:0; font-weight:700; }
.pohub p{ margin:0; color:var(--c-muted); }
.pohub a{ color:var(--c-green-700); text-decoration:none; }

/* Reset campi scoped (no bleed tema/admin) */
.pohub :is(input,select,textarea){
  font:inherit; color:var(--c-ink); width:100%; margin:0; padding:.62rem .8rem;
  background:var(--c-surface); border:1px solid var(--c-line-2); border-radius:var(--r-sm);
  box-shadow:none; outline:none; min-height:auto; line-height:1.4;
  transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);
}
.pohub textarea{ resize:vertical; min-height:64px; }
.pohub select{ -webkit-appearance:none; appearance:none; cursor:pointer; padding-right:2.2rem;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%235b6b7b' stroke-width='1.6' d='M1 1.5 6 6.5l5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right .85rem center; }
.pohub :is(input,select,textarea):focus{ border-color:var(--c-green); box-shadow:var(--ring); }
.pohub :is(input,select,textarea)::placeholder{ color:var(--c-faint); }
.pohub label{ display:flex; flex-direction:column; gap:.4rem; font-size:var(--fs-sm); font-weight:500; color:var(--c-ink-2); }
.pohub :focus-visible{ outline:2px solid var(--c-green); outline-offset:2px; }

/* Layout */
.pohub-shell{ display:flex; flex-direction:column; gap:var(--sp-5); width:100%; }
.pohub-grid{ display:grid; gap:var(--sp-4); }
.pohub-g2{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.pohub-g3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.pohub-g4{ grid-template-columns:repeat(4,minmax(0,1fr)); }
.pohub-kicker{ display:inline-block; font-size:var(--fs-xs); font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:var(--c-green-700); }

/* Hero */
.pohub-hero{ display:flex; align-items:center; justify-content:space-between; gap:var(--sp-5);
  background:linear-gradient(120deg,var(--c-surface),var(--c-green-tint)); border:1px solid var(--c-line);
  border-radius:var(--r-xl); padding:var(--sp-6); box-shadow:var(--sh-sm); }
.pohub-hero h1{ font-size:var(--fs-xl); margin:.15rem 0; }
.pohub-hero p{ font-size:var(--fs-sm); max-width:60ch; }

/* Card */
.pohub-card{ background:var(--c-surface); border:1px solid var(--c-line); border-radius:var(--r-lg); padding:var(--sp-5); box-shadow:var(--sh-sm); }

/* KPI */
.pohub-kpis{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--sp-4); }
.pohub-kpi{ background:var(--c-surface); border:1px solid var(--c-line); border-radius:var(--r-lg); padding:var(--sp-4) var(--sp-5); box-shadow:var(--sh-sm); }
.pohub-kpi .v{ font-size:var(--fs-2xl); font-weight:900; color:var(--c-ink); line-height:1; }
.pohub-kpi .l{ font-size:var(--fs-xs); text-transform:uppercase; letter-spacing:.05em; color:var(--c-muted); margin-top:.3rem; }
.pohub-kpi.is-alert .v{ color:var(--c-danger); }

/* Moduli (dashboard nav) */
.pohub-modules{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--sp-4); }
.pohub-module{ display:flex; flex-direction:column; gap:var(--sp-2); background:var(--c-surface); border:1px solid var(--c-line);
  border-radius:var(--r-lg); padding:var(--sp-5); box-shadow:var(--sh-sm); text-decoration:none; color:var(--c-ink);
  transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease); }
.pohub-module:hover{ transform:translateY(-2px); box-shadow:var(--sh-md); border-color:var(--c-green-300); }
.pohub-module .ico{ width:2.8rem; height:2.8rem; border-radius:50%; background:var(--c-green); color:#fff; display:grid; place-items:center; font-weight:900; box-shadow:0 4px 12px rgba(0,159,87,.28); }
.pohub-module h3{ font-size:var(--fs-md); }
.pohub-module p{ font-size:var(--fs-sm); }

/* Bottoni */
.pohub-btn{ --_bg:var(--c-green); --_fg:#fff; --_bd:var(--c-green);
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem; font-family:var(--font);
  font-size:var(--fs-sm); font-weight:700; line-height:1; padding:.72rem 1.15rem; border-radius:var(--r-pill);
  cursor:pointer; background:var(--_bg); color:var(--_fg); border:1.5px solid var(--_bd); text-decoration:none; white-space:nowrap;
  transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease); }
.pohub-btn:hover{ transform:translateY(-1px); box-shadow:var(--sh-md); }
.pohub-btn-primary{ --_bg:var(--c-green); --_bd:var(--c-green); }
.pohub-btn-primary:hover{ --_bg:var(--c-green-600); --_bd:var(--c-green-600); }
.pohub-btn-ghost{ --_bg:transparent; --_fg:var(--c-ink); --_bd:var(--c-line-2); }
.pohub-btn-ghost:hover{ --_bd:var(--c-green); --_fg:var(--c-green-700); }
.pohub-btn-danger{ --_bg:var(--c-danger); --_bd:var(--c-danger); }
.pohub-full{ width:100%; }
/* testo bottoni blindato contro il recolor dei link <a> di wp-admin */
.pohub-btn,.pohub-btn:hover,.pohub-btn:focus{ color:var(--_fg) !important; }

.pohub-mini{ display:inline-flex; align-items:center; gap:.3rem; font-size:var(--fs-xs); font-weight:700;
  padding:.46rem .85rem; border-radius:var(--r-pill); border:1px solid transparent; cursor:pointer; text-decoration:none;
  background:var(--c-green-700); color:#fff !important; transition:background var(--dur) var(--ease),transform var(--dur) var(--ease); }
.pohub-mini:hover{ background:var(--c-green-600); transform:translateY(-1px); }
.pohub-mini-dark{ background:var(--c-ink); color:#fff !important; }
.pohub-mini-danger{ background:var(--c-danger); color:#fff !important; }
.pohub-mini-danger:hover{ background:#b3251a; }

/* Badge stato */
.pohub-badge{ display:inline-flex; align-items:center; font-size:var(--fs-xs); font-weight:700; padding:.2rem .6rem; border-radius:var(--r-pill); background:var(--c-bg); color:var(--c-muted); border:1px solid var(--c-line-2); }
.pohub-badge-new{ background:var(--c-info-tint); color:var(--c-info); border-color:#cdd9e8; }
.pohub-badge-contacted{ background:var(--c-warn-tint); color:var(--c-warn); border-color:#f0dcae; }
.pohub-badge-qualified{ background:var(--c-green-tint); color:var(--c-green-700); border-color:var(--c-green-300); }
.pohub-badge-won{ background:var(--c-green); color:#fff; border-color:var(--c-green); }
.pohub-badge-lost{ background:var(--c-danger-tint); color:var(--c-danger); border-color:#f3c9c4; }

/* Tabella */
.pohub-table-wrap{ overflow-x:auto; }
.pohub-table{ width:100%; border-collapse:collapse; font-size:var(--fs-sm); }
.pohub-table thead th{ text-align:left; font-size:var(--fs-xs); font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--c-muted); padding:.7rem .8rem; border-bottom:2px solid var(--c-line); }
.pohub-table tbody td{ padding:.8rem; border-bottom:1px solid var(--c-line); vertical-align:middle; }
.pohub-table tbody tr{ transition:background var(--dur) var(--ease); }
.pohub-table tbody tr:hover{ background:var(--c-green-tint); }

/* Kanban */
.pohub-kanban{ display:grid; grid-auto-flow:column; grid-auto-columns:minmax(240px,1fr); gap:var(--sp-4); overflow-x:auto; padding-bottom:var(--sp-3); }
.pohub-col{ background:var(--c-bg); border:1px solid var(--c-line); border-radius:var(--r-md); padding:var(--sp-3); display:flex; flex-direction:column; gap:var(--sp-3); min-width:240px; }
.pohub-col-head{ display:flex; align-items:center; justify-content:space-between; font-weight:700; font-size:var(--fs-sm); color:var(--c-ink-2); }
.pohub-col-head .count{ font-size:var(--fs-xs); color:var(--c-muted); background:var(--c-surface); border:1px solid var(--c-line); border-radius:var(--r-pill); padding:.1rem .5rem; }
.pohub-kcard{ background:var(--c-surface); border:1px solid var(--c-line); border-radius:var(--r-md); padding:var(--sp-3); box-shadow:var(--sh-sm); display:flex; flex-direction:column; gap:.35rem; }
.pohub-kcard h4{ font-size:var(--fs-sm); }
.pohub-kcard .meta{ font-size:var(--fs-xs); color:var(--c-muted); }
.pohub-progress{ height:6px; border-radius:var(--r-pill); background:var(--c-line); overflow:hidden; }
.pohub-progress>span{ display:block; height:100%; background:var(--c-green); }

/* Notice / tabs / pill */
.pohub-notice{ padding:.85rem 1.1rem; border-radius:var(--r-md); font-size:var(--fs-sm); font-weight:500; border:1px solid var(--c-line); }
.pohub-notice-ok{ background:var(--c-green-tint); border-color:var(--c-green-300); color:var(--c-green-700); }
.pohub-notice-err{ background:var(--c-danger-tint); border-color:var(--c-danger); color:var(--c-danger); }
.pohub-tabs{ display:flex; gap:var(--sp-2); flex-wrap:wrap; }
.pohub-tab{ font-size:var(--fs-sm); font-weight:600; color:var(--c-ink-2); background:var(--c-bg); border:1px solid var(--c-line-2); border-radius:var(--r-pill); padding:.45rem .9rem; cursor:pointer; text-decoration:none; }
.pohub-tab.is-active{ background:var(--c-green); color:#fff; border-color:var(--c-green); }

/* Responsive */
@media (max-width:1024px){ .pohub-kpis{ grid-template-columns:repeat(2,1fr); } .pohub-modules{ grid-template-columns:1fr; } }
@media (max-width:760px){
  .pohub-hero{ flex-direction:column; align-items:flex-start; }
  .pohub-g2,.pohub-g3,.pohub-g4{ grid-template-columns:1fr; }
  .pohub-table thead{ display:none; }
  .pohub-table,.pohub-table tbody,.pohub-table tr,.pohub-table td{ display:block; width:100%; }
  .pohub-table tr{ border:1px solid var(--c-line); border-radius:var(--r-md); margin-bottom:var(--sp-3); padding:var(--sp-2); background:var(--c-surface); }
  .pohub-table td{ border:0; padding:.35rem .5rem; display:flex; justify-content:space-between; gap:var(--sp-3); }
  .pohub-table td::before{ content:attr(data-label); font-size:var(--fs-xs); font-weight:700; text-transform:uppercase; color:var(--c-muted); }
}
@media (prefers-reduced-motion:reduce){
  .pohub *{ transition-duration:.001ms !important; animation-duration:.001ms !important; }
  .pohub-btn:hover,.pohub-module:hover,.pohub-mini:hover{ transform:none; }
}