/* Resa condivisa per display Retina, 2K e 4K. */
html {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img,
svg,
canvas,
video {
  image-rendering: auto;
}

svg {
  shape-rendering: geometricPrecision;
  text-rendering: geometricPrecision;
}

img[src$=".svg"] {
  image-rendering: auto;
}

@media (min-resolution: 1.5dppx) {
  .brand-logo-new,
  .af-mark,
  .landing-logo img,
  .reset-card img,
  .menu-icon svg,
  .topbar-action svg,
  .scroll-top-btn svg,
  .app-confirm-mark svg,
  .choice-visual svg,
  .dashboard-picture svg,
  .bento-icon svg,
  .field-icon svg,
  .settings-section-icon svg,
  .stat-icon svg,
  .mock-word .doc svg,
  .logout-mark svg {
    shape-rendering: geometricPrecision;
  }
}

/* Monitor desktop ampi: piu spazio operativo, senza alterare la scala tipografica. */
@media (min-width: 1600px) {
  body:not(.login-page) .content {
    width: min(100%, 1680px) !important;
    padding-right: 32px !important;
    padding-left: 32px !important;
  }

  .page-dashboard .dashboard-page-head,
  .page-dashboard .operator-summary-card,
  .page-dashboard .dashboard-command-center,
  .page-dashboard .dashboard-metric-grid,
  .page-dashboard .dashboard-priority-section,
  .page-dashboard .dashboard-main-grid,
  .page-dashboard .user-workbench,
  .page-dashboard .user-practices-panel {
    width: 100%;
    max-width: 1480px;
  }

  .page-pratiche .content,
  .page-utenti .content,
  .page-activity_log .content,
  .page-manutenzione .content,
  .page-set .content,
  .page-comunicazioni .content {
    width: min(100%, 1580px) !important;
  }

  body.page-dpl .dpl-form.card,
  body.page-dpl .content > .alert,
  body.page-dpl .content > .dpl-error-callout {
    width: min(100%, 1320px) !important;
    max-width: 1320px !important;
  }

  body.page-dpl .stepper.stepper-links {
    width: min(100%, 1040px);
    max-width: 1040px;
  }

  .landing-shell {
    max-width: 1280px;
  }
}

@media (min-width: 1920px) {
  body:not(.login-page) .content {
    width: min(100%, 1800px) !important;
    padding-right: 38px !important;
    padding-left: 38px !important;
  }

  .page-dashboard .dashboard-page-head,
  .page-dashboard .operator-summary-card,
  .page-dashboard .dashboard-command-center,
  .page-dashboard .dashboard-metric-grid,
  .page-dashboard .dashboard-priority-section,
  .page-dashboard .dashboard-main-grid,
  .page-dashboard .user-workbench,
  .page-dashboard .user-practices-panel {
    max-width: 1640px;
  }

  .page-pratiche .content,
  .page-utenti .content,
  .page-activity_log .content,
  .page-manutenzione .content,
  .page-set .content,
  .page-comunicazioni .content {
    width: min(100%, 1720px) !important;
  }

  body.page-dpl .dpl-form.card,
  body.page-dpl .content > .alert,
  body.page-dpl .content > .dpl-error-callout {
    width: min(100%, 1400px) !important;
    max-width: 1400px !important;
  }

  .landing-shell {
    max-width: 1360px;
  }

  .login-shell {
    width: min(364px, 100%) !important;
  }

  .af-mark {
    width: min(270px, 72vw) !important;
  }

  .reset-card {
    width: min(460px, 100%) !important;
  }
}

@media (min-width: 2560px) {
  body:not(.login-page) .content {
    width: min(100%, 2080px) !important;
    padding-right: 48px !important;
    padding-left: 48px !important;
  }

  .page-dashboard .dashboard-page-head,
  .page-dashboard .operator-summary-card,
  .page-dashboard .dashboard-command-center,
  .page-dashboard .dashboard-metric-grid,
  .page-dashboard .dashboard-priority-section,
  .page-dashboard .dashboard-main-grid,
  .page-dashboard .user-workbench,
  .page-dashboard .user-practices-panel {
    max-width: 1900px;
  }

  .page-pratiche .content,
  .page-utenti .content,
  .page-activity_log .content,
  .page-manutenzione .content,
  .page-set .content,
  .page-comunicazioni .content {
    width: min(100%, 1940px) !important;
  }

  body.page-dpl .dpl-form.card,
  body.page-dpl .content > .alert,
  body.page-dpl .content > .dpl-error-callout {
    width: min(100%, 1480px) !important;
    max-width: 1480px !important;
  }

  .landing-shell {
    max-width: 1520px;
  }
}