/* S67GD — desktop parity for Help & Support, Notifications and secondary buyer screens.
   Desktop-only. Mobile remains authoritative and unchanged. */
@media (min-width: 900px) {
  /* Shared secondary-page frame */
  body.contact-page main.page-shell,
  body.buyer-support-cases-consistency-page main.page-shell,
  body.notifications-centre-page main.page-shell {
    width: min(1180px, calc(100% - 48px));
    max-width: 1180px;
    margin-inline: auto;
    padding-top: 28px;
  }
  body.contact-page .narrow-page,
  body.buyer-support-cases-consistency-page .narrow-page {
    width: 100%;
    max-width: none;
    margin-inline: 0;
  }

  /* Help & Support landing */
  .contact-page .section-heading,
  .buyer-support-cases-consistency-page .section-heading { max-width: none; padding: 22px 24px; }
  .contact-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; }
  .contact-method-card { min-height: 150px; padding: 20px 22px; }
  .contact-order-help-card { padding: 22px 24px; }
  .contact-order-help-actions { display: flex; flex-wrap: wrap; gap: 10px; }
  .contact-order-help-actions .btn { width: auto; min-width: 150px; }

  /* Support cases */
  .support-cases-page { max-width: 1120px; }
  .support-cases-page .split-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
  .support-process-grid { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; }
  .support-cases-page .create-case-panel { padding: 22px 24px; }
  .support-case-form .form-grid.two-col { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px 18px; }
  .support-case-list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
  .support-case-row { margin: 0; min-height: 118px; }

  /* Support case conversation/detail */
  body[class*="support"] .support-case-thread,
  body[class*="support"] .support-case-detail,
  body[class*="support"] .case-thread { max-width: 920px; margin-inline: auto; }

  /* Notifications centre */
  .notification-centre { max-width: 1040px; margin: 0 auto; }
  .notification-centre-header { padding: 22px 24px; border-radius: 22px; }
  .notification-centre-list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
  .notification-centre-list > * { margin: 0; height: 100%; }
  .notification-centre .notification-card,
  .notification-centre .notification-item { padding: 18px 20px; border-radius: 18px; }

  /* Prevent mobile fixed-width controls from looking stranded on desktop */
  .contact-page .btn,
  .buyer-support-cases-consistency-page .btn,
  .notifications-centre-page .btn {
    min-height: var(--eetza-control-height-max,34px);
  }
}

@media (min-width: 1200px) {
  .support-case-list { grid-template-columns: repeat(3, minmax(0,1fr)); }
}

/* Step 5 desktop audit — current compact Help & Support markup.
   The earlier body selectors belonged to the retired support landing. */
@media (min-width:900px){
  body.compact-order-help-page main.page-shell,
  body.buyer-support-case-page main.page-shell{
    width:100%!important;
    max-width:none!important;
    padding:22px 28px 48px!important;
  }
  body.compact-order-help-page .order-help-page-shell,
  body.buyer-support-case-page .support-case-detail{
    width:min(1120px,100%)!important;
    max-width:1120px!important;
    margin-inline:auto!important;
  }
  body.compact-order-help-page .order-help-page-shell{
    gap:14px!important;
  }
  body.compact-order-help-page .basket-page-header{
    grid-template-columns:40px minmax(0,1fr) auto!important;
    min-height:78px!important;
    gap:14px!important;
    padding:14px 16px!important;
    border-radius:16px!important;
  }
  body.compact-order-help-page .compact-back-button{
    width:40px!important;
    height:40px!important;
  }
  body.compact-order-help-page .basket-page-header h1{
    font-size:1.65rem!important;
    line-height:1.08!important;
  }
  body.compact-order-help-page .basket-page-header .eyebrow{
    font-size:.64rem!important;
  }
  body.compact-order-help-page .compact-page-action{
    min-height:40px!important;
    padding-inline:14px!important;
    font-size:.75rem!important;
  }
  body.compact-order-help-page .basket-group{
    padding:16px 18px!important;
    border-radius:16px!important;
  }
  body.compact-order-help-page .create-case-panel>summary{
    min-height:48px!important;
    padding:10px 12px!important;
    font-size:.84rem!important;
  }
  body.compact-order-help-page .support-case-form{
    gap:12px!important;
  }
  body.compact-order-help-page .support-case-form label{
    gap:5px!important;
    font-size:.75rem!important;
  }
  body.compact-order-help-page .support-case-form .input{
    min-height:40px!important;
    padding:8px 10px!important;
    font-size:.8rem!important;
  }
  body.compact-order-help-page .support-case-form .form-grid.two-col{
    gap:12px 16px!important;
  }
  body.compact-order-help-page .support-safety-note{
    padding:12px 14px!important;
  }
  body.compact-order-help-page .support-safety-note strong{
    font-size:.8rem!important;
  }
  body.compact-order-help-page .support-safety-note p,
  body.compact-order-help-page .support-privacy-note{
    font-size:.72rem!important;
  }
  body.compact-order-help-page .support-case-form>.btn{
    min-height:40px!important;
    padding-inline:14px!important;
    font-size:.75rem!important;
  }
  body.compact-order-help-page .support-case-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  body.compact-order-help-page .support-case-row{
    min-height:88px!important;
    padding:12px 14px!important;
    border-radius:12px!important;
  }
  body.compact-order-help-page .support-case-row strong{
    font-size:.84rem!important;
  }
  body.compact-order-help-page .support-case-row p,
  body.compact-order-help-page .support-case-row small{
    font-size:.7rem!important;
  }
  body.compact-order-help-page .case-status{
    min-height:28px!important;
    padding-inline:9px!important;
    font-size:.66rem!important;
  }

  body.buyer-support-case-page .support-case-detail>.section-heading{
    align-items:center!important;
    gap:24px!important;
    margin-bottom:16px!important;
    padding:18px 20px!important;
    border-radius:16px!important;
  }
  body.buyer-support-case-page .support-case-detail>.section-heading h1{
    font-size:1.75rem!important;
    font-weight:600!important;
    line-height:1.1!important;
  }
  body.buyer-support-case-page .case-summary-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px!important;
  }
  body.buyer-support-case-page .support-case-detail>.panel,
  body.buyer-support-case-page .case-message-form{
    padding:18px 20px!important;
    border-radius:16px!important;
  }
  body.buyer-support-case-page .case-thread{
    max-width:none!important;
  }
}

@media (min-width:900px) and (max-width:1050px){
  body.buyer-support-case-page .case-summary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}