/* MyTap — liquid glass canonico (mockup HTML: Home + Analytics desktop) */

.mt-dashboard .desk-home .mt-glass,
.mt-dashboard #dAn-wrap .mt-glass,
.mt-dashboard #pages-wrap .mt-glass,
.mt-dashboard #auto-wrap .mt-glass,
.mt-dashboard #explore-wrap .mt-glass,
.mt-dashboard #nfc-wrap .mt-glass,
.mt-dashboard #dCrm-wrap .mt-glass {
  background: var(--mt-glass-bg);
  backdrop-filter: blur(24px) saturate(180%);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  border: 1px solid var(--mt-glass-border);
  border-radius: var(--mt-radius-lg);
  box-shadow: var(--mt-glass-shadow);
  position: relative;
}

.mt-dashboard .desk-home .mt-glass::after,
.mt-dashboard #dAn-wrap .mt-glass::after,
.mt-dashboard #pages-wrap .mt-glass::after,
.mt-dashboard #auto-wrap .mt-glass::after,
.mt-dashboard #explore-wrap .mt-glass::after,
.mt-dashboard #nfc-wrap .mt-glass::after,
.mt-dashboard #dCrm-wrap .mt-glass::after {
  content: "";
  position: absolute;
  top: 0;
  left: 6%;
  right: 6%;
  height: 1px;
  z-index: 2;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.95), transparent);
  pointer-events: none;
}

.mt-dashboard .desk-home .mt-glass-accent::before,
.mt-dashboard #dAn-wrap .mt-glass-accent::before,
.mt-dashboard #pages-wrap .mt-glass-accent::before,
.mt-dashboard #auto-wrap .mt-glass-accent::before,
.mt-dashboard #explore-wrap .mt-glass-accent::before,
.mt-dashboard #nfc-wrap .mt-glass-accent::before,
.mt-dashboard #dCrm-wrap .mt-glass-accent::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  z-index: 0;
  background:
    radial-gradient(120% 100% at 100% 0%, var(--mt-wash-strong), transparent 55%),
    radial-gradient(80% 80% at 0% 100%, rgba(124, 92, 246, 0.05), transparent 60%);
  pointer-events: none;
}

.mt-dashboard .desk-home .mt-glass-accent,
.mt-dashboard #dAn-wrap .mt-glass-accent,
.mt-dashboard #pages-wrap .mt-glass-accent,
.mt-dashboard #auto-wrap .mt-glass-accent,
.mt-dashboard #explore-wrap .mt-glass-accent,
.mt-dashboard #nfc-wrap .mt-glass-accent,
.mt-dashboard #dCrm-wrap .mt-glass-accent {
  background: var(--mt-glass-bg);
}

/* Desktop Home + Analytics: solo inset shadow (niente alone tra card nel gap) */
@media (min-width: 901px) {
  .mt-dashboard .desk-home .mt-glass,
  .mt-dashboard #dAn-wrap .mt-glass,
  .mt-dashboard #pages-wrap .mt-glass,
  .mt-dashboard #auto-wrap .mt-glass,
  .mt-dashboard #explore-wrap .mt-glass,
.mt-dashboard #nfc-wrap .mt-glass,
  .mt-dashboard #dCrm-wrap .mt-glass {
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.9),
      inset 0 -16px 30px rgba(124, 92, 246, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.55);
  }
}