/* Sona3 V6.1.8 — canonical case form and scoped duplex-print mobile containment. */

/* Duplex settings only: fix the source of horizontal overflow without changing the app shell. */
#printModePanel,
#printModePanel .extract-mode-switch,
#printModePanel .extract-pdf-options,
#printModePanel .extract-output-buttons,
#printModePanel .cards-print-hint,
#printModePanel .cards-duplex-helper {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

#printModePanel,
#printModePanel * {
  box-sizing: border-box;
}

#printModePanel .extract-mode-switch {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 10px 0;
  transform: none;
  translate: none;
}

#printModePanel .extract-mode-switch .extract-mode-btn,
#printModePanel .extract-output-buttons .btn {
  min-width: 0;
  max-width: 100%;
}

#printModePanel .extract-pdf-options > label,
#printModePanel .extract-pdf-options > select,
#printModePanel .extract-pdf-options > small {
  min-width: 0;
  max-width: 100%;
}

#printModePanel .extract-pdf-options > select {
  box-sizing: border-box;
}

#printModePanel p,
#printModePanel label,
#printModePanel small,
#printModePanel .cards-print-hint,
#printModePanel .cards-duplex-helper {
  overflow-wrap: anywhere;
  word-break: normal;
  white-space: normal;
}

#printModePanel .cards-duplex-helper {
  display: block;
  flex-basis: 100%;
  line-height: 1.7;
  color: var(--muted);
}

@media (max-width: 480px) {
  #printModePanel .cards-print-type-switch,
  #printModePanel .cards-print-options,
  #printModePanel .extract-output-buttons {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 10px;
  }

  #printModePanel .cards-print-type-switch .extract-mode-btn,
  #printModePanel .cards-print-options > label,
  #printModePanel .cards-print-options > select,
  #printModePanel .cards-print-options > small,
  #printModePanel .extract-output-buttons .btn {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    flex: 0 0 auto;
  }

  #printModePanel .cards-print-options > select {
    text-align: start;
    white-space: normal;
  }
}