/* Phone reading, viewport-aware forms and independently scrollable conversations. */
.mobile-log-latest{flex:none;align-self:stretch;min-height:44px;padding:8px 12px;border:0;border-top:1px solid #cad9e9;background:#eaf2fc;color:#174779;font-size:13px;order:6;cursor:pointer}
.mobile-log-latest[hidden],.mobile-image-status[hidden],.mobile-image-retry[hidden]{display:none!important}
.interrogation-room-pro .suspect-free-ask-box{order:7}
.mobile-image-status{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 12px;background:#f0f4f9;color:#546c85;font-size:13px;line-height:1.7}
.mobile-image-retry{min-height:44px;min-width:76px;flex:none;border:1px solid #b9cce1;border-radius:6px;background:white;color:#194e80;padding:8px 12px}
[data-image-state=loading] img,[data-image-state=error] img{min-height:150px;background:#eaf0f6}
[data-image-state=error] img{object-fit:contain;color:#526b83}
#characterDialogMessages,#chatMessages{overflow-anchor:none;scroll-behavior:auto;touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch}
#chatMessages{flex:1 1 0%;min-height:0;overflow-y:auto}
.chat-area>.mobile-log-latest{order:0}
@media(max-width:800px),(max-height:500px) and (max-width:950px){
  .reading-tag,.quiet-action,.reading-photo figcaption a,.mission-note .text-button{min-height:44px}
  .reading-photo figcaption a{display:inline-flex;align-items:center}
  .reading-footer>.quiet-action{min-width:44px}
  #sceneObservation,#readingInterviewForm{min-width:0;max-width:100%;scroll-margin-top:62px}
  #sceneObservation form,#readingInterviewForm{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}
  #sceneObservation textarea,#readingInterviewForm textarea{display:block;flex:1 0 100%;width:100%;min-height:88px;max-height:180px;resize:vertical;box-sizing:border-box;font-size:16px!important;line-height:1.65;padding:11px 12px;border:1px solid #c6d7e8;border-radius:8px;scroll-margin:62px 0 16px}
  #sceneObservation select,#readingInterviewForm select{min-height:44px;flex:1 1 140px;width:auto;max-width:100%;padding:8px;border:1px solid #c6d7e8;border-radius:8px}
  #sceneObservation button,#readingInterviewForm button{min-width:72px;min-height:44px;white-space:normal;line-height:1.5}
  #sceneObservation label,#readingInterviewForm label{min-width:0;max-width:100%;overflow-wrap:anywhere}
  .reading-interview-head{flex-wrap:wrap;gap:8px}
  #readingInterviewReply{max-height:360px;overflow-y:auto;overscroll-behavior:contain;overflow-wrap:anywhere;scrollbar-gutter:stable}
  .sms-contacts,.chat-area{overflow:hidden}
  .character-dialog-messages.police-transcript-paper{min-height:60px}
  .police-keyboard-open #openSmsBtn{visibility:hidden}
  .police-compact-viewport .chat-header{padding-top:5px;padding-bottom:5px}
  .police-compact-viewport .character-dialog-header{min-height:48px}
  .police-compact-viewport #roomMediaToggle{display:none}
  .police-compact-viewport .room-evidence-toggle{min-height:44px}
}
@media(max-width:360px){#sceneObservation .observation-actions button{font-size:14px;padding:10px 7px}}
@media(prefers-reduced-motion:reduce){.mobile-image-status{animation:none}}