/* HVSZ_H128_MOBILE_PERFORMANCE_V1
 *
 * Mobile-only compositor cost reduction.
 * Keeps the v2 gray visual language while removing expensive backdrop blurs
 * and oversized shadows from the phone/off-canvas layout.
 */
@media (max-width:1100px){
  body.ui-v2-shell::before{
    background-attachment:scroll!important;
  }

  body.ui-v2-shell .topbar,
  body.ui-v2-shell .page-header,
  body.ui-v2-shell .page-header-ticket,
  body.ui-v2-shell .table-toolbar,
  body.ui-v2-shell .table-wrapper,
  body.ui-v2-shell .form-card,
  body.ui-v2-shell .card,
  body.ui-v2-shell .settings-card,
  body.ui-v2-shell .admin-card,
  body.ui-v2-shell .queue-card,
  body.ui-v2-shell .calendar-shell,
  body.ui-v2-shell .ticket-log-panel,
  body.ui-v2-shell .changes-panel,
  body.ui-v2-shell .modifications-panel,
  body.ui-v2-shell .ticket-main-details-card,
  body.ui-v2-shell .ticket-extra-grid > *,
  body.ui-v2-shell .conversation-box,
  body.ui-v2-shell .thread-box,
  body.ui-v2-shell .message-card{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  body.ui-v2-shell .topbar{
    background:linear-gradient(180deg,var(--v2-card),var(--v2-card-2))!important;
    box-shadow:0 12px 30px rgba(0,0,0,.24)!important;
  }

  body.ui-v2-shell .page-header,
  body.ui-v2-shell .page-header-ticket,
  body.ui-v2-shell .table-toolbar,
  body.ui-v2-shell .table-wrapper,
  body.ui-v2-shell .form-card,
  body.ui-v2-shell .card,
  body.ui-v2-shell .settings-card,
  body.ui-v2-shell .admin-card,
  body.ui-v2-shell .queue-card,
  body.ui-v2-shell .calendar-shell,
  body.ui-v2-shell .ticket-log-panel,
  body.ui-v2-shell .changes-panel,
  body.ui-v2-shell .modifications-panel,
  body.ui-v2-shell .ticket-main-details-card,
  body.ui-v2-shell .ticket-extra-grid > *,
  body.ui-v2-shell .conversation-box,
  body.ui-v2-shell .thread-box,
  body.ui-v2-shell .message-card{
    background:linear-gradient(180deg,var(--v2-card),var(--v2-card-2))!important;
    box-shadow:0 8px 24px rgba(0,0,0,.18)!important;
  }
}

@media (max-width:760px){
  body.ui-v2-shell .topbar,
  body.ui-v2-shell .page-header,
  body.ui-v2-shell .page-header-ticket,
  body.ui-v2-shell .table-toolbar,
  body.ui-v2-shell .table-wrapper,
  body.ui-v2-shell .form-card,
  body.ui-v2-shell .card,
  body.ui-v2-shell .settings-card,
  body.ui-v2-shell .admin-card,
  body.ui-v2-shell .queue-card,
  body.ui-v2-shell .ticket-log-panel,
  body.ui-v2-shell .conversation-box,
  body.ui-v2-shell .thread-box,
  body.ui-v2-shell .message-card{
    box-shadow:0 6px 18px rgba(0,0,0,.14)!important;
  }
}