/* Stage 6.9.8 simple native composer */
@media (max-width:700px){
.abj-native-editing .abj-hero,.abj-native-editing .abj-step-head,.abj-native-editing .abj-native-start-step .abj-field:not(:has(#abj-title)):not(:has(#abj-date)):not(:has(#abj-location)),.abj-native-editing .abj-native-story-step .abj-form-grid{display:none!important}
.abj-native-editing .abj-form-card,.abj-native-editing #abj-form,.abj-native-editing .abj-step{background:#fff!important;color:#111!important;box-shadow:none!important;border:0!important}
.abj-native-editing #abj-form{display:flex;flex-direction:column}
.abj-native-editing .abj-native-media-step{order:-3;margin:0;padding:8px 0}
.abj-native-editing .abj-native-start-step{order:-2;margin:0;padding:8px 0}
.abj-native-editing .abj-native-story-step{order:-1;margin:0;padding:4px 0}
.abj-native-editing #abj-title,.abj-native-editing #abj-story,.abj-native-editing #abj-location{border:0!important;background:#fff!important;color:#111!important;border-radius:0!important;padding:10px 4px!important;box-shadow:none!important}
.abj-native-editing #abj-title{font-size:1.25rem;font-weight:700}
.abj-native-editing #abj-story{min-height:180px;font-size:1rem;line-height:1.5}
.abj-native-editing .abj-media-picker{border:0!important;background:#fff!important;padding:0!important}
.abj-native-editing .abj-media-picker>label{display:none!important}
.abj-native-editing .abj-media-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin:0}
.abj-native-editing .abj-media-preview>*:first-child{grid-column:span 2;grid-row:span 2}
.abj-native-composer-tools button[hidden]{display:none!important}
.abj-native-composer-tools{grid-template-columns:1.45fr 1fr 1fr 1fr!important;background:#fff!important;border-top:1px solid #ddd!important}
.abj-native-composer-tools button,.abj-native-composer-tools small{color:#111!important}
.abj-native-editor-bar{background:#fff!important;color:#111!important;border-bottom:1px solid #ddd!important}
.abj-native-editor-bar button{color:#e56b00!important}
}

/* Stage 6.9.8.1 — Ultra-simple native Journal composer.
   Mobile only. Desktop/website and the proven Journal data contract are untouched. */
@media (max-width:700px){
  .abj-app-journal.abj-native-editing{
    position:fixed!important; inset:0!important; z-index:100000!important;
    width:100vw!important; height:100dvh!important; margin:0!important; padding:0!important;
    overflow:hidden!important; background:#fff!important; color:#111!important;
  }
  .abj-native-editing .abj-native-home-head,
  .abj-native-editing .abj-hero,
  .abj-native-editing .abj-timeline-card,
  .abj-native-editing .abj-mobile-more-wrap,
  .abj-native-editing .abj-actions,
  .abj-native-editing .abj-step-head,
  .abj-native-editing .abj-mobile-extra-step{display:none!important}

  .abj-native-editing .abj-native-editor-bar{
    display:grid!important; grid-template-columns:72px 1fr 72px; align-items:center;
    position:absolute!important; top:0; left:0; right:0; height:58px; z-index:5;
    padding:max(6px,env(safe-area-inset-top)) 12px 6px!important;
    background:#fff!important; border:0!important; border-bottom:1px solid #e8e8e8!important;
    box-shadow:none!important;
  }
  .abj-native-editing .abj-native-editor-bar>div{text-align:center!important}
  .abj-native-editing .abj-native-editor-bar span{font-size:15px!important;font-weight:700!important;color:#111!important}
  .abj-native-editing .abj-native-editor-bar small{display:none!important}
  .abj-native-editing .abj-native-editor-bar button{
    padding:8px 0!important; border:0!important; background:transparent!important;
    font-size:16px!important; font-weight:650!important; color:#e56b00!important;
  }
  .abj-native-editing #abj-native-cancel{text-align:left!important}
  .abj-native-editing #abj-native-done{text-align:right!important}

  .abj-native-editing .abj-grid,
  .abj-native-editing .abj-form-card{display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;background:#fff!important;border:0!important;box-shadow:none!important}
  .abj-native-editing #abj-form{
    display:flex!important; flex-direction:column!important; gap:0!important;
    position:absolute!important; inset:58px 0 66px 0!important;
    overflow-y:auto!important; overscroll-behavior:contain; padding:0 16px 28px!important;
    background:#fff!important; color:#111!important;
  }
  .abj-native-editing #abj-form>.abj-step{display:none!important}
  .abj-native-editing #abj-form>.abj-native-media-step,
  .abj-native-editing #abj-form>.abj-native-start-step,
  .abj-native-editing #abj-form>.abj-native-story-step{display:block!important;background:#fff!important;border:0!important;box-shadow:none!important;margin:0!important;padding:0!important}
  .abj-native-editing .abj-native-media-step{order:-3!important;padding-top:10px!important}
  .abj-native-editing .abj-native-start-step{order:-2!important}
  .abj-native-editing .abj-native-story-step{order:-1!important;flex:1!important}

  /* Only Title is visible in the normal composer. Date/location/trip/weather/etc stay out of sight. */
  .abj-native-editing .abj-native-start-step .abj-field{display:none!important}
  .abj-native-editing .abj-native-start-step .abj-field:has(#abj-title){display:block!important}
  .abj-native-editing .abj-native-story-step .abj-form-grid{display:none!important}
  .abj-native-editing .abj-native-start-step .abj-form-grid{display:block!important}
  .abj-native-editing .abj-field>label{display:none!important}

  .abj-native-editing #abj-title,
  .abj-native-editing #abj-story{
    width:100%!important; margin:0!important; padding:12px 2px!important;
    border:0!important; outline:0!important; border-radius:0!important; box-shadow:none!important;
    background:#fff!important; color:#111!important;
  }
  .abj-native-editing #abj-title{font-size:21px!important;font-weight:750!important;line-height:1.25!important;border-bottom:1px solid #eee!important}
  .abj-native-editing #abj-story{min-height:220px!important;resize:none!important;font-size:17px!important;line-height:1.55!important}
  .abj-native-editing #abj-title::placeholder,.abj-native-editing #abj-story::placeholder{color:#8a8a8a!important;opacity:1!important}

  .abj-native-editing .abj-media-picker{display:block!important;padding:0!important;margin:0!important;border:0!important;background:#fff!important}
  .abj-native-editing .abj-media-picker>label,
  .abj-native-editing #abj-media{display:none!important}
  .abj-native-editing .abj-media-preview{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:3px!important;margin:0!important;padding:0!important}
  .abj-native-editing .abj-media-preview:empty{display:none!important}
  .abj-native-editing .abj-media-preview>*{border-radius:6px!important;overflow:hidden!important;min-height:92px!important}
  .abj-native-editing .abj-media-preview>*:first-child{grid-column:span 2!important;grid-row:span 2!important}

  .abj-native-editing .abj-native-composer-tools{
    display:grid!important; grid-template-columns:repeat(4,1fr)!important;
    position:absolute!important; left:0; right:0; bottom:0; z-index:6;
    min-height:66px!important; padding:5px 8px max(5px,env(safe-area-inset-bottom))!important;
    background:#fff!important; border:0!important; border-top:1px solid #e5e5e5!important; box-shadow:none!important;
  }
  .abj-native-editing .abj-native-composer-tools button{
    min-width:0!important; padding:5px 2px!important; border:0!important; background:transparent!important;
    color:#111!important; box-shadow:none!important;
  }
  .abj-native-editing .abj-native-composer-tools button>span{display:block!important;font-size:22px!important;line-height:24px!important;color:#e56b00!important}
  .abj-native-editing .abj-native-composer-tools button>small{display:block!important;margin-top:2px!important;font-size:10px!important;color:#333!important;white-space:nowrap!important}
  .abj-native-editing #abj-native-video{display:none!important}

  /* If More is deliberately opened, show only a compact optional details block rather than the old form. */
  .abj-native-editing.abj-mobile-details-open .abj-native-start-step .abj-field:has(#abj-date),
  .abj-native-editing.abj-mobile-details-open .abj-native-start-step .abj-field:has(#abj-location),
  .abj-native-editing.abj-mobile-details-open .abj-native-start-step .abj-field:has(#abj-trip){display:block!important;margin:8px 0!important;padding:8px 0!important;border-top:1px solid #eee!important}
  .abj-native-editing.abj-mobile-details-open .abj-native-start-step .abj-field:has(#abj-date)>label,
  .abj-native-editing.abj-mobile-details-open .abj-native-start-step .abj-field:has(#abj-location)>label,
  .abj-native-editing.abj-mobile-details-open .abj-native-start-step .abj-field:has(#abj-trip)>label{display:block!important;font-size:12px!important;color:#666!important;margin-bottom:4px!important}
  .abj-native-editing.abj-mobile-details-open #abj-date,
  .abj-native-editing.abj-mobile-details-open #abj-location,
  .abj-native-editing.abj-mobile-details-open #abj-trip{width:100%!important;background:#fff!important;color:#111!important;border:1px solid #ddd!important;border-radius:10px!important;padding:10px!important}
  .abj-native-editing.abj-mobile-details-open #abj-use-location{display:none!important}
}