/* ════════════════════════════════════════════════════════════════
   STUDIO IRIDE · LAYER "SOBRIO PREMIUM + APPLE"
   Caricato DOPO system.css → sovrascrive il sobrio.
   Grafite caldo · vibrancy (vetro smerigliato) · SF Pro · Fraunces+oro · materiali
   Rollback: rimuovere il <link> di premium.css in _shell.html
   ════════════════════════════════════════════════════════════════ */

:root{
  /* grafite CALDO */
  --ink-0:#0f0e12; --ink-1:#141217; --ink-2:#1b1922; --ink-3:#221f2a; --ink-4:#2e2b36;
  --ink-text:#f3f0e9; --ink-muted:rgba(243,240,233,.62); --ink-muted-2:rgba(243,240,233,.42); --ink-strong:#ffffff;
  /* oro coerente */
  --gold:#c9a35a; --gold-soft:#e7cd92; --gold-deep:#937430;
  --violet:#c9a35a; --violet-soft:#e7cd92; --violet-deep:#937430; --aurora:#e7cd92; --plasma:#e7cd92;
  --glass-stroke:rgba(255,255,255,.09); --glass-stroke-strong:rgba(255,255,255,.16);
  --line-warm:rgba(212,180,120,.16);
  /* tipografia: SF Pro (Apple) per UI, Fraunces per accento editoriale */
  --font-sans:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter',system-ui,sans-serif;
  --font-display:-apple-system,BlinkMacSystemFont,'SF Pro Display','Inter',system-ui,sans-serif;
  --font-serif:'Fraunces',Georgia,'Times New Roman',serif;
  /* raggi più ampi + easing + vibrancy + ombre ambient */
  --r-md:16px; --r-lg:22px; --r-xl:30px;
  --ease-glide:cubic-bezier(.22,1,.36,1);
  --vib:saturate(180%) blur(32px);
  --sh-card:0 .5px 0 rgba(255,255,255,.06) inset, 0 10px 26px -10px rgba(0,0,0,.5), 0 32px 64px -24px rgba(0,0,0,.62);
  --sh-card-hover:0 .5px 0 rgba(255,255,255,.09) inset, 0 16px 34px -10px rgba(0,0,0,.55), 0 46px 80px -28px rgba(0,0,0,.66);
}

/* sfondo: grafite caldo + due aloni oro tenui (profondità, non aurora) */
body{
  font-family:var(--font-sans) !important;
  background:
    radial-gradient(1300px 560px at 80% -10%, rgba(201,163,90,.07), transparent 58%),
    radial-gradient(1000px 520px at -5% 105%, rgba(201,163,90,.04), transparent 55%),
    var(--ink-1) !important;
  background-attachment:fixed !important;
}
.v3-spatial, .v3-spatial::before, .v3-spatial::after{ background:none !important; animation:none !important; }
.v3-spatial{ background:transparent !important; }

/* grana matte premium (finitura materica) */
body::after{
  content:""; position:fixed; inset:0; pointer-events:none; z-index:9999; opacity:.04; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* MATERIALE: card in vetro smerigliato translucido (vibrancy Apple) + angolo illuminato + sollevamento all'hover */
.v3-glass{
  background:
    radial-gradient(420px 160px at 100% 0%, rgba(201,163,90,.08), transparent 70%),
    linear-gradient(180deg, rgba(38,34,46,.62), rgba(24,22,30,.58)) !important;
  -webkit-backdrop-filter:var(--vib); backdrop-filter:var(--vib);
  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:var(--r-lg) !important;
  box-shadow:var(--sh-card);
  transition:transform .35s var(--ease-glide), box-shadow .35s var(--ease-glide), border-color .35s var(--ease-glide);
}
.v3-glass--strong{ background:linear-gradient(180deg, rgba(42,38,50,.78), rgba(28,26,34,.72)) !important; }
.v3-glass:hover{ transform:translateY(-2px); border-color:rgba(255,255,255,.15) !important; box-shadow:var(--sh-card-hover); }

/* accenti/logo .v3-holo-*: testo ORO (gradiente RITAGLIATO al testo) — niente rettangoli pieni */
.v3-holo-aurora, .v3-holo-luxury, .v3-holo-plasma, .v3-holo-iris{
  background:linear-gradient(155deg,#f6e0a8 0%,#d8b673 30%,#a07e3c 58%,#f0d79e 100%) !important;
  -webkit-background-clip:text !important; background-clip:text !important;
  color:transparent !important; -webkit-text-fill-color:transparent !important;
  animation:none !important;
}
/* la parola-accento in corsivo (NON il logo, che resta dritto): Fraunces italic editoriale */
.v3-holo-aurora.v3-italic, .v3-holo-luxury.v3-italic, .v3-holo-plasma.v3-italic, .v3-holo-iris.v3-italic{
  font-family:var(--font-serif) !important; font-style:italic; font-weight:600; letter-spacing:-.01em;
  filter:drop-shadow(0 2px 10px rgba(201,163,90,.16));
}
/* titoli display in SF Pro (puliti, nitidi), accento in serif sopra */
.v3-display{ font-family:var(--font-display) !important; letter-spacing:-.02em; }
/* numero-firma editoriale (es. hero home): grande, oro metallico Fraunces */
.v3-hero-num{
  font-family:var(--font-serif) !important; font-weight:600; font-style:normal;
  font-size:1.55em; line-height:.8; letter-spacing:-.02em;
  background:linear-gradient(155deg,#f6e0a8 0%,#d8b673 30%,#a07e3c 58%,#f0d79e 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent !important; -webkit-text-fill-color:transparent;
  vertical-align:-.06em; margin:0 .05em;
  filter:drop-shadow(0 2px 12px rgba(201,163,90,.2));
}
.v3-eyebrow{ font-family:var(--font-mono) !important; letter-spacing:.22em; color:var(--ink-muted); }

/* bottoni: primario oro metallico, ghost in vetro; micro-interazione fluida */
.v3-btn{ transition:transform .25s var(--ease-glide), filter .2s, border-color .2s, background .2s; border-radius:13px !important; }
.v3-btn--primary{ background:linear-gradient(180deg,var(--gold-soft),var(--gold)) !important; color:#1b1610 !important;
  box-shadow:0 1px 0 rgba(255,255,255,.4) inset, 0 8px 20px -7px rgba(201,163,90,.5) !important; border:none !important; }
.v3-btn--primary:hover{ filter:brightness(1.05); transform:translateY(-1px); }
.v3-btn--ghost, .v3-btn--icon{ background:linear-gradient(180deg,rgba(31,29,38,.7),rgba(26,24,34,.66)) !important;
  -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); border:1px solid var(--glass-stroke) !important; color:var(--ink-text) !important; }
.v3-btn--ghost:hover, .v3-btn--icon:hover{ transform:translateY(-1px); border-color:var(--gold-deep) !important; }

/* chip sobri */
.v3-chip{ border-radius:var(--r-pill) !important; }

/* selezione testo */
::selection{ background:var(--gold) !important; color:#1b1610 !important; }

/* SHELL: top-bar + dock in vetro smerigliato (vibrancy macOS) */
.v3-shell-top{
  background:rgba(20,18,23,.55) !important;
  -webkit-backdrop-filter:var(--vib); backdrop-filter:var(--vib);
  border-bottom:1px solid var(--glass-stroke) !important;
}
.v3-shell-dock{
  background:rgba(21,19,26,.42) !important;
  -webkit-backdrop-filter:saturate(160%) blur(24px); backdrop-filter:saturate(160%) blur(24px);
  border-right:1px solid var(--glass-stroke) !important;
}
.v3-dock-tile{ border-radius:13px !important; transition:transform .25s var(--ease-glide), background .2s, color .2s; }
.v3-dock-tile:not(.active):hover{ transform:translateY(-1px); }
.v3-dock-tile.active{
  color:#1c1810 !important;
  background:linear-gradient(160deg,var(--gold-soft),var(--gold-deep)) !important;
  box-shadow:0 6px 16px -6px rgba(201,163,90,.55), 0 1px 0 rgba(255,255,255,.35) inset !important;
}
.v3-cmdbar{
  background:linear-gradient(180deg,rgba(28,26,34,.72),rgba(23,21,30,.66)) !important;
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
  border:1px solid var(--glass-stroke) !important; border-radius:13px !important;
}

/* SHELL MAIN: vincola alla cella grid (senza questo si espande per contenere la tabella) */
/* overflow-x: clip invece di hidden → non crea scroll container → position:sticky funziona */
.v3-shell-main {
  min-width: 0;
  overflow-x: clip;
}

/* GRIGLIA scadenze: crea il vero scroll context orizzontale */
#sg-wrap.v3-glass, #sg-wrap {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow-x: auto !important;
  overflow-y: auto !important;
}
/* KPI row: se schermo stretto, scorre invece di tagliarsi */
#sg-kpi {
  overflow-x: auto;
  padding-bottom: 2px; /* spazio per eventuale scrollbar sottile */
}

/* ── Shimmer "ola": luce che attraversa i titoli-accento da sx a dx (effetto AI summary) ── */
.v3-holo-aurora, .v3-holo-luxury, .v3-holo-plasma, .v3-holo-iris{
  background-image:linear-gradient(100deg,
    #b9923f 0%, #d8b673 30%, #c9a44e 42%,
    #fff6df 49%, #ffffff 50%, #fff6df 51%,
    #c9a44e 58%, #d8b673 70%, #b9923f 100%) !important;
  background-size:220% 100% !important;
  background-position:0% 50%;
  -webkit-background-clip:text !important; background-clip:text !important;
  color:transparent !important; -webkit-text-fill-color:transparent !important;
  will-change:background-position;            /* forza il repaint su Safari */
  -webkit-animation:v3TitleShimmer 3.2s linear infinite !important;
  animation:v3TitleShimmer 3.2s linear infinite !important;
}
/* la luce scorre da SINISTRA verso DESTRA */
@-webkit-keyframes v3TitleShimmer{
  0%{ background-position:220% 50%; } 100%{ background-position:-20% 50%; }
}
@keyframes v3TitleShimmer{
  0%{ background-position:220% 50%; } 100%{ background-position:-20% 50%; }
}