/* Loaded only for /add/ and its child pages. Desktop stays unchanged. */
@media (max-width:767px){
 .breadcrumb,footer.footer{display:none!important}
 body .ninfo-ad-app .intro{display:none!important}
 .content-box>h1{margin-bottom:12px!important}
 body .ninfo-ad-app main{padding-top:0!important}
 body .ninfo-ad-app .mode-switch{margin-top:0}
}

body .ninfo-ad-app .mobile-photo-hint{display:none}
@media(max-width:767px){
 body .ninfo-ad-app .steps{display:none}
 body .ninfo-ad-app .mobile-photo-hint{display:block;margin:0 0 16px;font-size:14px;line-height:1.4;color:var(--muted)}
 body .ninfo-ad-app:has(#mode-classic[aria-pressed="true"]) .mobile-photo-hint{display:none}
 body .ninfo-ad-app .mode-switch{margin-bottom:10px}
 body .ninfo-ad-app .mode-switch #mode-message:empty{display:none}
 body .ninfo-ad-app .photos-panel{padding:12px}
 body .ninfo-ad-app .photos-panel .panel-heading{margin-bottom:12px}
 body .ninfo-ad-app .drop-zone{min-height:112px;padding:10px 12px;gap:3px}
 body .ninfo-ad-app .drop-zone>span:not(.upload-symbol){display:none}
 body .ninfo-ad-app .drop-zone .upload-symbol{font-size:23px;line-height:1;margin:0}
 body .ninfo-ad-app .drop-zone small{margin-top:2px}
 body .ninfo-ad-app .thumbnails{margin-top:10px;gap:8px}
 body .ninfo-ad-app .thumbnail{margin:0;min-width:0}
}
@media(max-width:767px){
 body .ninfo-ad-app .photos-panel:has(.thumbnail) .drop-zone{min-height:68px;padding:8px 10px}
 body .ninfo-ad-app .photos-panel:has(.thumbnail) .upload-symbol{display:none}
}
/* Match the selected AI mode with a soft brand tint. */
body .ninfo-ad-app .drop-zone{background:#ed791b14;border-color:#ed791b66}
body .ninfo-ad-app .drop-zone:hover,body .ninfo-ad-app .drop-zone.drag{background:#ed791b22;border-color:#ed791b}

/* Select cover directly by tapping its image; deletion stays a separate control. */
body .ninfo-ad-app .thumbnail,body .nia .nia-photo{border:1px solid transparent;border-radius:10px;padding:3px;background:transparent;overflow:hidden}
body .ninfo-ad-app .thumbnail.is-cover,body .nia .nia-is-cover{background:#ed791b14;border-color:#ed791b88}
body .ninfo-ad-app .thumbnail .photo-pick,body .nia .nia-photo .nia-photo-pick{position:static;display:block;width:100%;height:auto;min-height:0;padding:0;border:0;border-radius:7px;background:transparent;color:inherit;box-shadow:none;font-size:12px;text-align:center;cursor:pointer}
body .ninfo-ad-app .thumbnail .photo-pick img{display:block;width:100%}
body .ninfo-ad-app .photo-label,body .nia .nia-photo-label{display:block;padding:6px 1px;font-size:11px;line-height:1.3;white-space:nowrap;text-align:center}
body .ninfo-ad-app .is-cover .photo-label,body .nia .nia-is-cover .nia-photo-label{color:#b34d08;font-weight:600}
body .ninfo-ad-app .thumbnail .photo-remove{position:absolute;top:7px;right:7px;width:28px;height:28px;min-height:28px;margin:0;padding:0;border:0;border-radius:7px;background:#ffffffed;color:#222;font-size:20px;box-shadow:0 1px 5px #0002;display:grid;place-items:center}
body .nia .nia-photo .nia-photo-pick img,body .nia .nia-photo>img{width:100%;max-width:100%;outline:0}
body .nia .nia-photo .nia-photo-delete{top:7px;right:7px}
[data-theme="dark"] .ninfo-ad-app .is-cover .photo-label,[data-theme="dark"] .nia .nia-is-cover .nia-photo-label{color:#ffac70}

/* A single visible screen for photos, analysis or the editable draft. */
body .ninfo-ad-app [hidden]{display:none!important}
body .ninfo-ad-app .workspace{grid-template-columns:minmax(0,1fr);max-width:900px;margin:0 auto}
body .ninfo-ad-app .intro,body .ninfo-ad-app .steps{display:none}
body .ninfo-ad-app:not([data-screen="photo"]) .mode-switch button,body .ninfo-ad-app:not([data-screen="photo"]) .mobile-photo-hint{display:none!important}
body .ninfo-ad-app:not([data-screen="photo"]) .mode-switch:has(#mode-message:empty){display:none}
body .ninfo-ad-app .result-panel>.panel-heading{display:none}
body .ninfo-ad-app .screen-back{background:transparent;border:0;color:var(--accent);padding:4px 0 12px;min-height:40px;margin:0}
body .ninfo-ad-app[data-screen="analysis"] .result-panel{border:0;background:transparent}
body .ninfo-ad-app .loading{padding:48px 12px;text-align:center}
body .ninfo-ad-app .loading h3{font-size:22px}
body .ninfo-ad-app .loading .pulse{width:18px;height:18px}
body .ninfo-ad-app .mode-switch #mode-message:empty{display:none}

/* Compact mobile photo entry: keep the mode buttons next to the page title. */
@media(max-width:767px){
 body:has(.ninfo-ad-app) .content-box>h1{padding-bottom:0!important;margin-bottom:8px!important}
 body .ninfo-ad-app .mobile-photo-hint{margin-bottom:10px}
 body .ninfo-ad-app .photos-panel label{margin-top:12px}
 body .ninfo-ad-app .photos-panel #context{height:130px;min-height:130px}
 body .ninfo-ad-app .photos-panel .field-note{margin-bottom:10px}
}

@media(max-width:767px){body .ninfo-ad-app .photos-panel>.privacy{display:none!important}}

@media(max-width:767px){body .nia[data-mode="classic"]>.nia-head{display:none!important}}