/* M38: compact phone workflow, no hidden review or permission controls. */
[hidden]{display:none!important}
.m38-mode{margin:0;color:#4e6178;font-size:.85rem}
.m38-help,.m38-fields{margin:16px 0;border-top:1px solid #dbe4ee;padding-top:12px}
.m38-help summary,.m38-fields summary,.s2-tools summary{cursor:pointer;font-weight:750;min-height:44px;padding:10px 0}
.camera-panel .actions{margin-top:14px}
.camera-panel .panel-title{gap:10px;flex-wrap:wrap}
.camera-panel h2{margin-bottom:0}
.s2-tools .s2-label{display:block;margin-top:10px}
.m38-next-controls{border-top:1px solid #dbe4ee;margin-top:20px;padding-top:12px}
.m38-next-controls .confirmation{padding:10px 0;margin:0 0 12px}
.m38-scanned-person{font-weight:750;overflow-wrap:anywhere;margin-top:0}
button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:760px){
  .instructions{order:initial}
  main{padding-top:16px}
  [data-view=scanner] .toolbar{margin-bottom:12px}
  .camera-wrap{aspect-ratio:4/3}
  .review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:8px;padding:8px 0}
  .review-grid div{padding-bottom:8px}
  .review-grid dd{font-size:1rem;margin-top:4px}
  .result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .result-grid strong{overflow-wrap:anywhere}
  .stage{padding:10px;margin:8px 0;gap:10px}
  .stage-number{min-width:28px;height:28px}
  .check-panel{margin:0 auto}
  .m38-next-controls .actions button{flex:1;min-height:48px}
}
@media(max-width:340px){.review-grid,.result-grid{grid-template-columns:1fr}}

#check-stages>summary,.m38-result-details>summary{cursor:pointer;font-weight:750;min-height:44px;padding:10px 0}
.m38-result-summary{font-weight:750;margin:10px 0}
.m38-result-details .result-grid{margin:10px 0}