/* Riferimento ufficiale: home-riferimenti-gel.html. Solo superfici, nessuna geometria. */
@media screen {
:root {
  --aqua-reflect: rgba(255,255,255,.8);
  --aqua-wash: rgba(255,255,255,.3);
  --aqua-edge: rgba(255,255,255,.8);
  --aqua-shade: rgba(36,26,30,.12);
  --aqua-neutral: linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 82%,var(--surface)),var(--surface-2) 62%,color-mix(in srgb,var(--surface-2) 94%,var(--text)));
  --aqua-gel: radial-gradient(ellipse 49% 29% at 50% 4%,var(--aqua-reflect),rgba(255,255,255,.1) 92%,transparent 100%),linear-gradient(180deg,var(--aqua-wash),rgba(255,255,255,.07) 36%,transparent 54%,rgba(36,26,30,.07));
  --aqua-shadow: inset 0 2px 1px var(--aqua-edge),inset 1px 0 1px rgba(255,255,255,.35),inset -1px 0 1px rgba(255,255,255,.25),inset 0 -2px 3px var(--aqua-shade),0 3px 7px rgba(51,36,42,.1);
}
:root[data-theme="dark"] { --aqua-reflect:rgba(255,255,255,.18);--aqua-wash:rgba(255,255,255,.06);--aqua-edge:rgba(255,255,255,.3); }
@media (prefers-color-scheme:dark) { :root:not([data-theme="light"]) { --aqua-reflect:rgba(255,255,255,.18);--aqua-wash:rgba(255,255,255,.06);--aqua-edge:rgba(255,255,255,.3); } }
/* Il colore di base delle pill resta quello definito dai componenti originali. */
:is(.pill,.chip,.cam-pill,.cam-timer) {
  background-image:var(--aqua-gel);
  box-shadow:var(--aqua-shadow);
}
:is(.pill,.chip--serv)::after { content:none; }
.planner-service { background-image:var(--aqua-gel);box-shadow:inset 0 1px 1px var(--aqua-edge),0 1px 3px rgba(51,36,42,.13); }
:is(.btn,.btn-round,.fab,.modal__close,.cal-dot,.cal-oggi,.cal-today,.cal-finish,.period-type,.conto-switch__btn.is-active,.slot-day-btn,.pill--back) {
  background-image:var(--aqua-gel);box-shadow:var(--aqua-shadow);
}
/* Superficie neutra solo dove il comando era già neutro o trasparente. */
.btn:not(.btn--primary):not(.btn--danger):not(.btn--ghost),.modal__close,.btn-round { background-image:var(--aqua-gel),var(--aqua-neutral); }
.btn--ghost { background-image:var(--aqua-gel); }
.btn:disabled,.btn[aria-disabled="true"] { box-shadow:inset 0 1px rgba(255,255,255,.35); }
.btn:active,.btn-round:active,.fab:active { box-shadow:inset 0 2px 4px rgba(36,26,30,.22),inset 0 -1px rgba(255,255,255,.45); }
:is(.quick__btn,.kpi) { background-image:var(--aqua-neutral);box-shadow:var(--aqua-shadow);border-color:var(--border); }
:is(.card,.client-card,.gate__card,.modal) {
  background-image:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--surface) 97%,var(--surface-2)));
  box-shadow:inset 0 2px 1px var(--aqua-edge),0 4px 12px rgba(51,36,42,.09);
}
.home-appt__head {
  background-image:linear-gradient(180deg,color-mix(in srgb,var(--plum) 10%,var(--surface)),color-mix(in srgb,var(--plum) 20%,var(--surface)));
  border-radius:var(--radius-sm);box-shadow:inset 0 1px 1px var(--aqua-edge),inset 0 -1px color-mix(in srgb,var(--plum) 20%,transparent);
}
.topbar,body.cam-route .topbar,.nav {
  background:linear-gradient(180deg,color-mix(in srgb,var(--plum) 90%,white),var(--plum) 48%,var(--plum-dark));
  box-shadow:inset 0 2px rgba(255,255,255,.55),inset 1px 0 rgba(255,255,255,.15),inset -1px 0 rgba(255,255,255,.15);
  border-color:color-mix(in srgb,var(--plum-dark) 65%,white);
}
.topbar__brand,.topbar__gear,.nav__item,.nav__item.is-active { color:var(--on-primary); }
.topbar__gear { background-image:var(--aqua-gel);box-shadow:var(--aqua-shadow); }
.nav__item.is-active { background-image:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.03));box-shadow:inset 0 2px rgba(255,255,255,.45); }
:is(.tabs button.is-active,.period-type.is-active,.date-day.is-active,.hm-select) { background-image:var(--aqua-gel);box-shadow:var(--aqua-shadow); }
/* I controlli foto/video mantengono colore, opacità, selezione e posizione. */
:is(.cam-dest,.cam-iconbtn,.cam-tile,.cam-seg,.cam-seg__btn.is-active,.cam-shutter) { background-image:var(--aqua-gel);box-shadow:var(--aqua-shadow); }
.cam-shutter { box-shadow:inset 0 2px 2px rgba(255,255,255,.9),inset 0 -3px 5px rgba(36,26,30,.15),0 0 0 3px rgba(0,0,0,.35); }
.cam-tile:has(img) { background-image:none; }
/* Il focus da tastiera e gli indicatori di registrazione restano quelli esistenti. */
}

/* v130 — regolazioni concordate: solo superfici e stati. */
@media screen {
/* Riflesso attenuato sui comandi sovrapposti alla camera e sull'ingranaggio. */
:is(.cam-dest,.cam-iconbtn,.cam-tile,.cam-seg,.cam-seg__btn,.cam-pill,.cam-timer,.topbar__gear) {
  --aqua-reflect:rgba(255,255,255,.24);--aqua-wash:rgba(255,255,255,.07);--aqua-edge:rgba(255,255,255,.32);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.28),inset 0 -1px 2px rgba(0,0,0,.13),0 1px 3px rgba(0,0,0,.1);
}
.cam-shutter { background-image:linear-gradient(180deg,rgba(255,255,255,.12),transparent);box-shadow:inset 0 1px 2px rgba(255,255,255,.35),inset 0 -2px 3px rgba(36,26,30,.12),0 0 0 3px rgba(0,0,0,.35); }
/* Disegno della chip dentro l'area attiva: nessuna variazione agli ingombri. */
.nav__item.is-active { position:relative;isolation:isolate;background-image:none;box-shadow:none; }
.nav__item.is-active::before {
  content:"";position:absolute;z-index:-1;pointer-events:none;
  inset:8px max(6px,calc((100% - 92px)/2));border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.025));
  box-shadow:inset 0 3px rgba(255,255,255,.5),inset 1px 0 rgba(255,255,255,.19),inset -1px 0 rgba(255,255,255,.19),inset 0 -1px rgba(255,255,255,.09);
}
.home-appt { --appt-gradient:linear-gradient(180deg,color-mix(in srgb,var(--plum) 10%,var(--surface)),color-mix(in srgb,var(--plum) 20%,var(--surface))); }
.home-appt:has(.stato--concluso) { --appt-gradient:linear-gradient(180deg,color-mix(in srgb,var(--text-soft) 8%,var(--surface)),color-mix(in srgb,var(--text-soft) 19%,var(--surface))); }
.home-appt__head { background-image:var(--appt-gradient); }
.home-appt:has(>.home-appt__details[style*="none"]) { background-image:var(--appt-gradient); }
.home-appt:has(>.home-appt__details[style*="none"])>.home-appt__head { background-image:none;box-shadow:none; }
.modal__actions .btn--danger,.modal__actions--split .btn--danger { justify-content:center;text-align:center; }
:is(.planner__ev,.month-chip:not(.month-chip--more)) {
  background-image:linear-gradient(180deg,rgba(255,255,255,.12),transparent 60%,rgba(0,0,0,.06));
  box-shadow:inset 0 1px 1px rgba(255,255,255,.5),inset 0 -1px 2px rgba(0,0,0,.18),0 2px 4px rgba(0,0,0,.12);
}
.planner__ev--done,.planner__ev--locked,.month-chip--past { opacity:.7; }
.planner__ev--done,.planner__ev--locked { background-image:linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.13)); }
}

@media screen {
.theme-color-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:52px;border-bottom:1px solid var(--border);}
.theme-color-row input[type="color"]{width:58px;height:38px;padding:2px;border:1px solid var(--border);border-radius:8px;background:var(--surface);flex:none;}
.settings-actions:has(.theme-color-list){flex-wrap:wrap;}
.card:has(.theme-color-list)>.settings-actions{flex-wrap:wrap;}
}