/* ============================================
   dashboard.css — pagina dashboard ore
   ============================================
   Caricato dopo style.css: eredita reset, font, colori,
   e qui aggiungiamo solo ciò che è specifico di questa pagina.
*/

body {
  background-color: var(--color-bg-dashboard);
  color: var(--color-text);
  font-family: "Inter", sans-serif;
  line-height: 1.5;
}

header h1 {
  font-family: "Borel", sans-serif;
}

#summary-table {
  width: 100%;
  border-collapse: collapse; /* le celle condividono un unico bordo, invece di uno doppio per cella */
  margin-top: 8px;
}

#summary-table th,
#summary-table td {
  text-align: left;
  padding: 10px 12px;         /* qui torna lo spazio interno che il reset aveva azzerato */
  border-bottom: 1px solid #e8e5e0;  /* stessa linea sottile che già usi in .project-list */
}

#summary-table th {
  font-size: 0.8rem;
  font-weight: 400;
  color: var(--color-muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}


/* --- WIDGET FOGLIO (iframe Google Sheets) ---
   Contenitore che rende l'embed più piccolo, arrotondato e "a scheda":
   - overflow: hidden ritaglia gli angoli dell'iframe seguendo il border-radius
   - il border-radius genero e l'ombra morbida danno l'aspetto "widget"
*/
.sheet-widget {
  max-width: 400px;                 /* più stretto e compatto */
  margin: 12px auto 0;              /* centrato orizzontalmente */
  border: 1px solid var(--color-border);   /* bordo coerente coi token */
  border-radius: var(--radius-lg);          /* angoli tondi dalla scala condivisa */
  overflow: hidden;                 /* ritaglia l'iframe agli angoli */
  background-color: #e3fadf;
  box-shadow: var(--shadow-md);     /* ombra morbida dai token */
}

.sheet-widget iframe {
  display: block;   /* rimuove lo spazietto sotto tipico degli inline */
  width: 100%;
  /*height: 360px;    /* più basso dei 600px originali */
  border: 0;        /* via il bordo di default dell'iframe */
}