/* Web STT Pengadaan: mobile-only layout. Desktop and app logic unchanged. */
@media (max-width: 700px) {
  html { -webkit-text-size-adjust: 100%; }
  html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
  body { min-height: 100dvh; }
  .wrap, main.wrap { width: 100% !important; max-width: 100% !important; padding: 14px 12px 32px !important; margin: 0 auto !important; }
  h1 { font-size: clamp(23px, 6.3vw, 30px) !important; line-height: 1.15 !important; margin: 0 !important; }
  .sub { font-size: 12px !important; line-height: 1.35 !important; margin: 5px auto 12px !important; max-width: 36ch; }
  .micbox { padding: 6px 0 8px !important; margin: 0 !important; gap: 5px !important; }
  #mic { width: 128px !important; height: 128px !important; min-width: 128px; min-height: 128px; font-size: 17px !important; line-height: 1.2 !important; box-shadow: 0 7px 25px rgba(31,111,235,.2) !important; }
  .state { margin-top: 6px !important; min-height: 0 !important; font-size: 12px !important; line-height: 1.3 !important; }
  .health { margin-top: 3px !important; font-size: 12px !important; line-height: 1.3 !important; }
  .micbox label, .micbox .manual-hint { font-size: 13px !important; line-height: 1.35 !important; }
  .card, .dropdown-card { max-width: 100% !important; }
  .dropdown-card { width: 100% !important; margin: 6px 0 0 !important; }
  .dropdown-card > summary { min-height: 36px !important; padding: 7px 10px !important; font-size: 14px !important; white-space: normal !important; }
  .dropdown-card > .dropdown-content { padding: 6px 9px 10px !important; width: 100% !important; max-width: 100% !important; }
  .dropdown-card.plain-panel { background: transparent !important; border: 0 !important; box-shadow: none !important; margin-top: 4px !important; }
  .dropdown-card.plain-panel > summary { padding: 4px 2px !important; min-height: 29px !important; }
  .dropdown-card.plain-panel > .dropdown-content { border: 0 !important; padding: 2px 2px 5px !important; }
  .dropdown-content .value, #transcript, #understood, #result { font-size: 13px !important; line-height: 1.43 !important; overflow-wrap: anywhere !important; word-break: normal !important; white-space: pre-wrap; }
  #result { max-height: 52dvh !important; overflow: auto !important; }
  #manualText { box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; height: 39px !important; min-height: 39px !important; font-size: 16px !important; }
  .manual-entry { max-width: 100% !important; margin-top: 4px !important; }
  .manual-hint { font-size: 11px !important; }
  .hasil-summary { display: flex !important; gap: 8px !important; }
  .hasil-summary span { min-width: 0 !important; }
  .copy-btn { padding: 5px 9px !important; font-size: 12px !important; }
  input, textarea, select { max-width: 100%; }
  table { display: block; max-width: 100%; overflow-x: auto; }
}