/* Scanner-only controls: keep the existing brand and all other app pages. */
.in-app #view-scan .mode-btn.locked{opacity:1;color:#655d52;background:#f4f1eb}
.in-app #view-scan .photo-source-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 12px}
.in-app #view-scan .photo-source-actions button{margin:0;min-height:52px;font-size:16px;font-weight:750}
.in-app #view-scan .photo-source-actions .primary{background:#f7d117;color:#141110;border-color:#e5bd00}
.in-app #view-scan .photo-guidance{font-size:14px;color:#655d52;line-height:1.5;margin:0 0 16px}
.in-app #view-scan .photo-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.in-app #view-scan .photo-slot{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;aspect-ratio:auto;height:auto;min-height:0;padding:16px;cursor:default;gap:12px;border:1px solid #ded5c7;border-radius:12px;background:white;overflow:visible;text-align:left;min-width:0}
.in-app #view-scan .photo-slot-title{font-size:14px;line-height:1.4;margin:0;font-weight:750;color:#141110}
.in-app #view-scan .photo-slot-preview{display:flex;flex-shrink:0;align-items:center;justify-content:center;min-height:150px;height:190px;background:#faf7f1;border:1px dashed #b9ae9d;border-radius:8px;padding:12px;overflow:hidden;color:#655d52;text-align:center}
.in-app #view-scan .photo-slot-preview span{font-size:14px;font-weight:400;line-height:1.5}
.in-app #view-scan .photo-slot-preview img{display:block;max-height:100%;width:100%;height:100%;object-fit:contain}
.in-app #view-scan .photo-slot.filled{border-color:#ded5c7}
.in-app #view-scan .photo-slot.filled .photo-slot-preview{border-style:solid;border-color:#ded5c7}
.in-app #view-scan .photo-slot-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.in-app #view-scan .photo-slot-actions button{min-height:44px;width:100%;margin:0;font-size:13px;line-height:1.3;padding:8px 6px}
.in-app #view-scan .photo-slot-actions [data-photo-remove]{grid-column:1/-1;background:transparent;border-color:transparent;color:#981014;padding:4px 8px}
.in-app #view-scan #photo-replace-note{font-size:12px;color:#655d52;margin:-4px 0 16px;line-height:1.5}
.in-app #view-scan .result-photo-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:12px 0 0}
.in-app #view-scan .result-photo-actions button{width:auto;min-height:44px;margin:0}
.in-app #view-scan #btn-edit-photos{min-height:44px;margin:8px 0 16px}
.in-app #view-scan #scan-capture-preview{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}
.in-app #view-scan #scan-capture-preview figure{margin:0}
.in-app #view-scan #scan-capture-preview figcaption{font-size:12px;color:#655d52;margin-bottom:6px}
.in-app #view-scan #scan-capture-preview img{display:block;width:96px;height:96px;object-fit:contain}
.in-app #view-scan [data-photo-control]:focus-visible{outline:3px solid #175fcc;outline-offset:3px}
@media(max-width:600px){
 body.in-app:has(#view-scan:not([hidden])) #app-shell>header .topbar{flex-wrap:wrap;gap:6px}
 body.in-app:has(#view-scan:not([hidden])) #app-shell>header .account-row{flex:1 1 100%;width:100%;max-width:100%;justify-content:flex-end}
 body.in-app:has(#view-scan:not([hidden])) #app-shell>header .user-chip{max-width:100%;flex-wrap:wrap;justify-content:flex-end}
 .in-app #view-scan .photo-slots{gap:10px}
 .in-app #view-scan .photo-slot{padding:10px;gap:10px}
 .in-app #view-scan .photo-slot-title{min-height:40px;font-size:13px}
 .in-app #view-scan .photo-slot-preview{height:150px;min-height:0;padding:8px}
 .in-app #view-scan .photo-slot-actions{grid-template-columns:1fr;gap:6px}
 .in-app #view-scan .photo-source-actions{gap:10px}
 .in-app #view-scan .photo-source-actions button{font-size:15px;padding:12px 8px}
}
.in-app #view-scan #btn-open-batch{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;margin:0 0 16px;text-align:left}
.in-app #view-scan #btn-open-batch span{font-size:12px;color:#655d52;font-weight:400}
.in-app #batch-photo-step>p{line-height:1.5;font-size:14px}
.in-app #batch-photo-step .batch-photo-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}
.in-app #batch-photo-step .batch-photo-actions button{width:auto;min-height:44px;margin:0}
.in-app #batch-photo-list{padding:0;list-style:none;display:grid;gap:12px}
.in-app #batch-photo-list>li{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:16px;align-items:center;background:white;border:1px solid #ded5c7;border-radius:12px;padding:16px}
.in-app #batch-photo-list img,.in-app #batch-photo-list .batch-photo-placeholder{width:72px;height:80px;object-fit:contain;border:1px solid #e5ded3;border-radius:6px;background:#faf7f1}
.in-app #batch-photo-list .batch-photo-placeholder{display:grid;place-items:center;font-size:12px;color:#655d52}
.in-app #batch-photo-list .batch-photo-copy{display:grid;gap:6px;min-width:0;overflow-wrap:anywhere;font-size:13px;line-height:1.5}
.in-app #batch-photo-list .batch-photo-copy strong{font-size:15px}
.in-app #batch-photo-list .batch-photo-state{font-weight:700;color:#655d52}
.in-app #batch-photo-list [data-state=done]{color:#006d3e}
.in-app #batch-photo-list .batch-photo-error{color:#aa1118}
.in-app #batch-photo-list .batch-photo-row-actions{display:flex;flex-wrap:wrap;max-width:160px;gap:6px;justify-content:flex-end}
.in-app #batch-photo-list .batch-photo-row-actions button{font-size:12px;min-height:44px;margin:0;width:auto;padding:8px 12px}
.in-app #batch-photo-message{color:#981014}
@media(max-width:600px){
 .in-app #batch-photo-list>li{grid-template-columns:56px minmax(0,1fr);gap:12px;padding:12px}
 .in-app #batch-photo-list img,.in-app #batch-photo-list .batch-photo-placeholder{width:56px;height:70px}
 .in-app #batch-photo-list .batch-photo-row-actions{grid-column:1/-1;max-width:none;justify-content:flex-start}
}