/* Preview-only structural repairs. Both material variants share usable geometry. */
@media (max-width: 767px) {
  html[data-liquid-glass] body#exam-wallet-app .neo-exam-sheet {
    grid-template-rows: auto auto auto minmax(0, 1fr) auto;
    background: linear-gradient(150deg, #f1edfc, #fbf9ff 55%, #f4f7fc);
  }
  html[data-liquid-glass] body#exam-wallet-app .neo-exam-sheet > .sheet-title {
    min-height: 88px; height: auto; padding: 14px 138px 12px 18px; position: relative;
    background: url('/__glass/assets/settings-hero-v4.webp') right 56px bottom / 74px auto no-repeat,
      radial-gradient(ellipse at 72% 110%, #e7defb 0 36%, transparent 37%), linear-gradient(110deg, #faf8ff, #efe9fc);
  }
  html[data-liquid-glass] body#exam-wallet-app .neo-exam-sheet > .sheet-title > div { min-width: 0; max-width: 100%; }
  html[data-liquid-glass] body#exam-wallet-app .neo-exam-sheet > .sheet-title > button {
    position: absolute; right: 8px; top: 8px; width: 44px; height: 44px;
    background: #ffffffa8; border: 1px solid #eae3f5; border-radius: 16px;
  }
  html[data-liquid-glass] body#exam-wallet-app .neo-exam-sheet > .sheet-title h2 { font-size: 20px; }
  html[data-liquid-glass] body#exam-wallet-app .neo-exam-sheet > .sheet-title p { font-size: 11px; line-height: 1.5; max-width: none; }
  html[data-liquid-glass] body#exam-wallet-app .neo-exam-sheet .neo-form-overview {
    grid-template-columns: repeat(3, minmax(0, 1fr)); height: auto; padding: 0; margin: 8px 12px 0;
    background: transparent; border: 0; gap: 6px; box-shadow: none;
  }
  html[data-liquid-glass] body#exam-wallet-app .neo-exam-sheet .neo-form-character-art { display: none; }
  html[data-liquid-glass] body#exam-wallet-app .neo-exam-sheet .neo-form-overview .neo-stat-card {
    display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 6px;
    padding: 7px 4px; min-height: 52px; border-radius: 14px; background: #ffffff8c;
  }
  html[data-liquid-glass] body#exam-wallet-app .neo-exam-sheet .neo-stat-card > img { display: block; width: 26px; height: 30px; object-fit: contain; }
  html[data-liquid-glass] body#exam-wallet-app .neo-exam-sheet .neo-stat-card span { font-size: 10px; line-height: 1.4; }
  html[data-liquid-glass] body#exam-wallet-app .neo-exam-sheet .neo-stat-card strong { font-size: 15px; line-height: 1.3; }
  html[data-liquid-glass] body#exam-wallet-app .neo-exam-sheet > .form-sections { padding: 10px 12px; scroll-padding-bottom: 20px; }
  html[data-liquid-glass] body#exam-wallet-app .neo-exam-sheet .form-section {
    padding: 14px; gap: 14px; border: 1px solid #e8e0f3; border-radius: 22px;
    background: linear-gradient(155deg, #fcfaff, #fff 38%); align-content: start;
  }
  html[data-liquid-glass] body#exam-wallet-app .neo-exam-sheet .form-section-title {
    min-height: 62px; padding: 0 62px 10px 0; gap: 0; border-bottom: 1px solid #eee8f5;
    background: url('/__glass/assets/review-record-v2.webp') right top / 54px 54px no-repeat;
  }
  html[data-liquid-glass] body#exam-wallet-app .neo-exam-sheet .form-section-title > svg { display: none; }
  html[data-liquid-glass] body#exam-wallet-app .neo-exam-sheet .form-section-title h3 { font-size: 15px; line-height: 1.4; }
  html[data-liquid-glass] body#exam-wallet-app .neo-exam-sheet .form-section-title p { font-size: 11px; line-height: 1.55; }
  html[data-liquid-glass] body#exam-wallet-app .neo-exam-sheet .form-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px 10px; }
  html[data-liquid-glass] body#exam-wallet-app .neo-exam-sheet .form-section:first-child .field:is(:nth-child(1),:nth-child(4),:nth-child(5),:nth-child(10),:nth-child(11),:nth-child(12)) { grid-column: 1 / -1; }
  html[data-liquid-glass] body#exam-wallet-app .neo-exam-sheet .field { min-width: 0; gap: 6px; }
  html[data-liquid-glass] body#exam-wallet-app .neo-exam-sheet .field > span { font-size: 12px; color: #655778; }
  html[data-liquid-glass] body#exam-wallet-app .neo-exam-sheet .field :is(input,select,textarea) {
    width: 100%; min-width: 0; min-height: 46px; border: 1px solid #e4dcef; border-radius: 12px;
    background: #faf8fd; padding-inline: 10px; box-shadow: inset 0 1px 2px #d4c8e312;
  }
  html[data-liquid-glass] body#exam-wallet-app .neo-exam-sheet .field :is(input,select,textarea):focus {
    outline: 2px solid #ad94e766; outline-offset: 1px; border-color: #987ad3; background: #fff;
  }
  html[data-liquid-glass] body#exam-wallet-app .neo-exam-sheet > .save-button { margin: 6px 12px max(10px, env(safe-area-inset-bottom)); border-radius: 16px; min-height: 48px; }
  .phone-notification-guide { margin: 10px 0; padding: 14px; border: 1px solid #ded3ef; border-radius: 18px; background: linear-gradient(135deg,#f0eafa,#f9f6ff); color: #5c4e72; text-align: left; }
  .phone-notification-guide-heading { display: flex; align-items: center; gap: 10px; }
  .phone-notification-guide-heading img { width: 44px; height: 44px; flex: none; }
  .phone-notification-guide strong { font-size: 14px; line-height: 1.5; }
  .phone-notification-guide p { margin: 8px 0; font-size: 12px; line-height: 1.7; }
  .phone-notification-guide ol { margin: 0; padding-left: 22px; font-size: 12px; line-height: 1.8; }
  .phone-notification-guide li { padding-left: 2px; margin-top: 6px; }
}
@media (max-width: 359px) {
  html[data-liquid-glass] body#exam-wallet-app .neo-exam-sheet .form-section:first-child .field:is(:nth-child(6),:nth-child(7)) { grid-column: 1 / -1; }
  html[data-liquid-glass] body#exam-wallet-app .neo-exam-sheet .neo-stat-card > img { width: 22px; }
}
@media (max-width: 767px) {
  html[data-liquid-glass] body#exam-wallet-app .neo-home-page .neo-hero-art {
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    height: calc(100% - 12px) !important;
    object-fit: contain;
  }
  html[data-liquid-glass] body#exam-wallet-app .ncal-shell[data-calendar-shell="shared"] .mc-hero .ncal-hero-art {
    inset: 4px 4px auto auto !important;
    height: calc(100% - 8px) !important;
    object-fit: contain !important;
    object-position: right center !important;
  }
  html[data-liquid-glass] body#exam-wallet-app .mmw-illustration img {
    width: 100% !important; height: 100% !important;
    max-width: 100% !important; margin: 0 !important;
    object-fit: cover; object-position: right bottom;
  }
  html[data-liquid-glass] body#exam-wallet-app .mmw-workspace[data-workspace-view="stage"] .mmw-illustration img {
    object-fit: contain;
  }
  html[data-liquid-glass] body#exam-wallet-app .mmw-next-node {
    display: grid; grid-template-columns: 40px minmax(0, 1fr) auto 15px;
    align-items: center; gap: 7px; width: 100%; min-height: 58px;
    margin: 9px 0; padding: 7px 0; border: 0; border-top: 1px solid #d9cfeb70;
    border-radius: 0; background: transparent; text-align: left;
  }
  html[data-liquid-glass] body#exam-wallet-app .mmw-next-node img {
    width: 40px; height: 44px; object-fit: contain;
  }
  html[data-liquid-glass] body#exam-wallet-app .mmw-next-node span { min-width: 0; }
  html[data-liquid-glass] body#exam-wallet-app .mmw-next-node small { display: block; color: #7d708b; font-size: 10px; }
  html[data-liquid-glass] body#exam-wallet-app .mmw-next-node strong { display: block; margin-top: 3px; font-size: 12px; }
  html[data-liquid-glass] body#exam-wallet-app .mmw-next-node time { font-size: 11px; font-variant-numeric: tabular-nums; }
  html[data-liquid-glass] body#exam-wallet-app .mmw-reminder-filters { gap: 4px; }
  html[data-liquid-glass] body#exam-wallet-app .mmw-reminder-filters button {
    flex: 1; min-width: 0; min-height: 44px; padding-inline: 4px; font-size: 11px;
  }
  /* Compact controls still need a full finger-sized hit area. */
  html[data-liquid-glass] body#exam-wallet-app :is(.mc-sync-status, .mc-filter-trigger) {
    min-height: 44px;
  }
  html[data-liquid-glass] body#exam-wallet-app .mc-sync-status.has-attention > i { background: #ab741e; }
  html[data-liquid-glass] body#exam-wallet-app .mc-status-attention {
    flex-shrink: 0; padding: 3px 5px; border-radius: 6px;
    background: #e9b9571c; color: #8b5c12; font-size: 10px; font-weight: 600; white-space: nowrap;
  }
  html[data-liquid-glass] body#exam-wallet-app .mc-controls-top {
    grid-template-columns: minmax(0, 1fr) 44px;
  }
  html[data-liquid-glass] body#exam-wallet-app .mc-controls .scv2-view-tabs > button {
    min-height: 44px; height: 44px;
  }
  html[data-liquid-glass] body#exam-wallet-app .mc-action-trigger {
    min-width: 44px; width: 44px;
  }
  html[data-liquid-glass] body#exam-wallet-app .mmw-check-toggle {
    flex-basis: 44px; min-width: 44px; width: 44px;
  }
  html[data-liquid-glass] body#exam-wallet-app :is(.mmw-manage-link, .mmw-load-more) {
    min-height: 44px;
  }
  /* Keep the persistent announcement back/close action reachable by touch. */
  html[data-liquid-glass] body#exam-wallet-app .ncal-shell.ncal-view-opportunity-detail .opp-detail-breadcrumb > button {
    min-height: 44px;
  }
  /* The old 44px arrow track also captured the sole child of .is-static. */
  html[data-liquid-glass] body#exam-wallet-app .nx-date-carousel {
    display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; margin-top: 12px;
  }
  /* Both legacy arrows open the detail view; each date card already does this. */
  html[data-liquid-glass] body#exam-wallet-app .nx-date-carousel > .nx-date-arrow { display: none; }
  html[data-liquid-glass] body#exam-wallet-app .nx-date-strip,
  html[data-liquid-glass] body#exam-wallet-app .nx-date-strip:not(.count-1) {
    grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px;
  }
  html[data-liquid-glass] body#exam-wallet-app .nx-date-strip.count-1 { grid-template-columns: minmax(0, 180px); }
  html[data-liquid-glass] body#exam-wallet-app .nx-date-strip.count-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-liquid-glass] body#exam-wallet-app .nx-date-strip button {
    height: auto; min-height: 84px; padding: 12px 8px; text-align: left; border-radius: 14px;
  }
  html[data-liquid-glass] body#exam-wallet-app .nx-date-strip button > span {
    display: flex; flex-wrap: nowrap; align-items: baseline; gap: 5px; white-space: nowrap; overflow-wrap: normal;
  }
  html[data-liquid-glass] body#exam-wallet-app .nx-date-strip :is(strong, small) { flex: 0 0 auto; white-space: nowrap; overflow-wrap: normal; }
  html[data-liquid-glass] body#exam-wallet-app .nx-date-strip strong { font-size: 22px; line-height: 1.2; font-variant-numeric: tabular-nums; }
  html[data-liquid-glass] body#exam-wallet-app .nx-date-strip small { font-size: 11px; }
  html[data-liquid-glass] body#exam-wallet-app .nx-date-strip button > em { margin-top: 10px; font-size: 11px; line-height: 1.4; overflow-wrap: normal; }

  /* Give the illustration its own column instead of painting over the tools. */
  html[data-liquid-glass] body#exam-wallet-app .nx-operations {
    display: grid; grid-template-columns: minmax(0, 1fr) 86px; align-items: center; gap: 8px;
    min-height: 130px; padding-block: 16px;
  }
  html[data-liquid-glass] body#exam-wallet-app .nx-operations > .nx-right-heading { grid-column: 1 / -1; }
  html[data-liquid-glass] body#exam-wallet-app .nx-operations > div:nth-child(2) { grid-column: 1; grid-row: 2; justify-content: space-between; gap: 6px; margin: 0; }
  html[data-liquid-glass] body#exam-wallet-app .nx-operations > div:nth-child(2) > button,
  html[data-liquid-glass] body#exam-wallet-app .nx-operation-more > button { min-width: 44px; min-height: 64px; }
  html[data-liquid-glass] body#exam-wallet-app .nx-operations > div:nth-child(2) small { font-size: 11px; white-space: nowrap; }
  html[data-liquid-glass] body#exam-wallet-app .nx-clipboard-art { position: static; grid-column: 2; grid-row: 2; width: 86px; height: 86px; }
  html[data-liquid-glass] body#exam-wallet-app .nx-operation-more .backup-popover-close { width: 44px !important; min-width: 44px !important; height: 44px; min-height: 44px; }
  html[data-liquid-glass] body#exam-wallet-app .nx-operation-more .backup-scope { padding-right: 42px; }

  html[data-liquid-glass] body#exam-wallet-app .neo-task-action { flex-shrink: 0; min-width: 64px; }
  html[data-liquid-glass] body#exam-wallet-app .neo-task-action > b { display: grid; justify-items: center; gap: 2px; }
  html[data-liquid-glass] body#exam-wallet-app .neo-task-action > b :is(strong, small) { white-space: nowrap; }
  html[data-liquid-glass] body#exam-wallet-app .review-v2-comparison-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-liquid-glass] body#exam-wallet-app .review-v2-comparison-grid strong { white-space: nowrap; }

  /* A horizontal flex basis was being used as 120px of vertical button height. */
  html[data-liquid-glass] body#exam-wallet-app .m14-smart-archive-page .m14-card-actions {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 0; border-left: 0; align-self: start;
  }
  html[data-liquid-glass] body#exam-wallet-app .m14-smart-archive-page .m14-card-actions > button {
    flex: none; width: 100%; height: auto; min-height: 44px; padding: 10px 6px; font-size: 12px; white-space: normal;
  }
  html[data-liquid-glass] body#exam-wallet-app .m14-smart-archive-page .m14-card-actions > .is-primary { grid-column: 1 / -1; }

  /* Closed off-canvas fields must not remain focusable beyond the phone edge. */
  html[data-liquid-glass] body#exam-wallet-app .ocr-import-page:not(.is-preview-open) .ocr-preview-panel { visibility: hidden; }
  html[data-liquid-glass] body#exam-wallet-app .ocr-import-page.is-preview-open .ocr-preview-panel { visibility: visible; }
  html[data-liquid-glass] body#exam-wallet-app .ocr-all-fields-scroll fieldset > div { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  html[data-liquid-glass] body#exam-wallet-app .ocr-all-fields-scroll .ocr-preview-field { grid-template-columns: 76px minmax(0, 1fr); gap: 8px; min-height: 44px; }
  html[data-liquid-glass] body#exam-wallet-app .ocr-all-fields-scroll :is(input:not([type="checkbox"]), select, textarea) {
    box-sizing: border-box; min-width: 0; width: 100%; min-height: 44px; height: auto; padding: 8px; font-size: 16px;
  }
  html[data-liquid-glass] body#exam-wallet-app .ocr-all-fields-scroll .ocr-preview-field:has(input[type="date"]) { grid-template-columns: minmax(0, 1fr); gap: 5px; }
  html[data-liquid-glass] body#exam-wallet-app .ocr-all-fields-scroll :is(legend,.ocr-preview-field > span) { font-size: 12px; }
  html[data-liquid-glass] body#exam-wallet-app .ocr-all-fields-editor > footer { flex-shrink: 0; }
  html[data-liquid-glass="on"] body#exam-wallet-app .ocr-preview-panel { background: rgba(250,249,255,.98); }

  html[data-liquid-glass] body#exam-wallet-app .m08-operation-hero { height: auto; min-height: 0; flex: 0 0 auto; padding: 16px; background-size: auto, 240px auto, auto; }
  html[data-liquid-glass] body#exam-wallet-app .m08-operation-hero > div { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
  html[data-liquid-glass] body#exam-wallet-app .m08-operation-hero > div button { flex: 0 0 auto; min-height: 36px; white-space: nowrap; }
  html[data-liquid-glass] body#exam-wallet-app .m08-operation-hero > div > svg { display: none; }
  html[data-liquid-glass] body#exam-wallet-app .m08-operation-hero > div > span { flex: 1 1 100%; min-width: 0; line-height: 1.5; }
  html[data-liquid-glass] body#exam-wallet-app .m08-operation-hero h1 { max-width: calc(100% - 60px); font-size: 21px !important; line-height: 1.4; }
  /* These are layout groups, not independent cards with their own padding. */
  html[data-liquid-glass="on"] body#exam-wallet-app :is(.mobile-source-hub,.mc-day-preview) {
    background: transparent !important; box-shadow: none !important; border: 0 !important;
  }
  html[data-liquid-glass="on"] body#exam-wallet-app .mc-day-preview { border-top: 1px solid #e6dff0 !important; }

  /* Settings links lead here: keep the actual input/label hit area touchable. */
  html[data-liquid-glass] body#exam-wallet-app .ncal-shell[data-calendar-shell="shared"] .ncal-mobile-top {
    height: 52px; min-height: 52px;
  }
  html[data-liquid-glass] body#exam-wallet-app .ncal-shell[data-calendar-shell="shared"] .ncal-mobile-top .mc-top-icon {
    width: 44px; min-width: 44px; height: 44px; min-height: 44px;
  }
  html[data-liquid-glass] body#exam-wallet-app .mc-return { min-height: 44px; }
  html[data-liquid-glass] body#exam-wallet-app .ncal-shell.ncal-view-settings :is(
    .scv2-settings-toolbar > button, .scv2-add-custom-reminder,
    .scv2-notification-permission, .scv2-browser-current-actions > button
  ) { min-height: 44px; }
  html[data-liquid-glass] body#exam-wallet-app .ncal-shell.ncal-view-settings .scv2-add-custom-reminder > span {
    display: inline; width: auto; height: auto; min-width: 0; min-height: 0;
    padding: 0; line-height: inherit;
  }
  html[data-liquid-glass] body#exam-wallet-app .ncal-shell.ncal-view-settings .mobile-reminder-rule-list > div {
    grid-template-columns: 27px minmax(0, 1fr) 44px !important;
  }
  html[data-liquid-glass] body#exam-wallet-app .ncal-shell.ncal-view-settings .mobile-reminder-rule-list > div > label {
    width: 44px !important; min-height: 44px;
  }
  html[data-liquid-glass] body#exam-wallet-app .ncal-shell.ncal-view-settings .mobile-reminder-rule-list > div > select {
    min-height: 44px !important;
  }
  html[data-liquid-glass] body#exam-wallet-app .ncal-shell.ncal-view-settings .mobile-reminder-rule-list .scv2-delete-rule {
    width: 44px !important; min-width: 44px; height: 44px; min-height: 44px;
  }
}