/* Mobile fixes for the Intention share composer and Create Post modal */
@media (max-width: 767px) {
  /* Intention page: keep the quick share box compact, tappable and above the feed. */
  body.thream-intention-v4 [data-intention-v4-page] {
    width:100%!important;
    max-width:100%!important;
    padding-left:12px!important;
    padding-right:12px!important;
    overflow-x:hidden!important;
  }
  body.thream-intention-v4 [data-intention-v4-composer] {
    width:100%!important;
    margin:10px 0 12px!important;
    padding:12px!important;
    border:1px solid #e2e8f0!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 8px 22px rgba(15,23,42,.055)!important;
    overflow:hidden!important;
  }
  body.thream-intention-v4 [data-intention-v4-composer] > button:first-child {
    width:100%!important;
    min-height:52px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }
  body.thream-intention-v4 [data-intention-v4-composer] > button:first-child span {
    min-width:0!important;
    flex:1 1 auto!important;
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    padding:0 14px!important;
    border-radius:15px!important;
    background:#f5f7fb!important;
    color:#738198!important;
    font-size:14px!important;
    line-height:1.3!important;
    text-align:left!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.thream-intention-v4 [data-intention-v4-composer] > div:last-child {
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    margin-top:9px!important;
  }
  body.thream-intention-v4 [data-intention-v4-composer] > div:last-child button {
    min-width:0!important;
    min-height:42px!important;
    padding:7px 6px!important;
    border:1px solid #e5ebf3!important;
    border-radius:12px!important;
    background:#fafcff!important;
    font-size:10px!important;
    font-weight:750!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* Create Post: mobile-first sheet with no two-column leftovers or empty gaps. */
  .thream-cp-overlay {
    inset:0!important;
    width:100vw!important;
    height:var(--thream-vvh,100dvh)!important;
    padding:0!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    background:#f8fafc!important;
    backdrop-filter:none!important;
    overflow:hidden!important;
  }
  .thream-cp-modal {
    width:100vw!important;
    min-width:0!important;
    height:var(--thream-vvh,100dvh)!important;
    max-width:none!important;
    max-height:var(--thream-vvh,100dvh)!important;
    margin:0!important;
    padding:0 12px calc(24px + env(safe-area-inset-bottom))!important;
    border:0!important;
    border-radius:0!important;
    background:#f8fafc!important;
    display:block!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    box-shadow:none!important;
  }
  .thream-cp-header {
    position:sticky!important;
    top:0!important;
    z-index:40!important;
    width:auto!important;
    min-height:64px!important;
    margin:0 -12px 10px!important;
    padding:9px 12px!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
    background:rgba(255,255,255,.98)!important;
    border-bottom:1px solid #e7edf5!important;
    box-shadow:0 3px 14px rgba(15,23,42,.05)!important;
    backdrop-filter:blur(16px)!important;
  }
  .thream-cp-header:after { display:none!important; }
  .thream-cp-header > strong {
    min-width:0!important;
    font-size:17px!important;
    line-height:1.15!important;
    text-align:left!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .thream-cp-header > button:first-child {
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    padding:0!important;
    border-radius:12px!important;
  }
  .thream-cp-header > button:last-child {
    min-width:78px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0 14px!important;
    border-radius:12px!important;
    font-size:12px!important;
  }
  .thream-cp-left,.thream-cp-right,
  .thream-cp-types,.thream-cp-intentions,.thream-cp-title,.thream-cp-body,.thream-cp-tags,.thream-cp-conditional,
  .thream-cp-audience,.thream-cp-media,.thream-cp-options,
  .thream-live-media-preview,.thream-live-media-picker-compact {
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    grid-column:1!important;
  }
  .thream-cp-types {
    display:flex!important;
    gap:6px!important;
    margin:0 0 10px!important;
    padding:4px!important;
    overflow-x:auto!important;
    border-radius:12px!important;
    scrollbar-width:none!important;
  }
  .thream-cp-types::-webkit-scrollbar,.thream-cp-intentions::-webkit-scrollbar { display:none!important; }
  .thream-cp-types > button { flex:0 0 auto!important;min-height:38px!important;padding:0 12px!important;font-size:11px!important; }
  .thream-cp-intentions {
    display:flex!important;
    gap:7px!important;
    margin:8px 0 10px!important;
    padding:26px 1px 3px!important;
    overflow-x:auto!important;
    position:relative!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
  }
  .thream-cp-intentions:before { position:absolute!important;left:1px!important;top:0!important;font-size:12px!important; }
  .thream-cp-intentions > button {
    flex:0 0 104px!important;
    min-width:104px!important;
    min-height:44px!important;
    padding:8px!important;
    border-radius:12px!important;
    font-size:10px!important;
    text-align:center!important;
    scroll-snap-align:start!important;
  }
  .thream-cp-title,.thream-cp-body,.thream-cp-tags,.thream-cp-conditional { margin-bottom:9px!important; }
  .thream-cp-title input,.thream-cp-tags input,.thream-cp-conditional input {
    width:100%!important;
    min-height:44px!important;
    padding:0 12px!important;
    border-radius:12px!important;
    font-size:16px!important;
    background:#fff!important;
  }
  .thream-cp-body textarea {
    width:100%!important;
    min-height:132px!important;
    max-height:220px!important;
    padding:14px!important;
    border-radius:14px!important;
    font-size:16px!important;
    line-height:1.45!important;
    resize:none!important;
    background:#fff!important;
  }
  .thream-cp-right {
    display:flex!important;
    flex-direction:column!important;
    gap:9px!important;
    margin:4px 0 0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .thream-cp-audience,.thream-cp-media,.thream-cp-options,.thream-live-media-preview {
    margin:0!important;
    padding:10px!important;
    border:1px solid #e2e8f0!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 3px 12px rgba(15,23,42,.035)!important;
  }
  .thream-cp-audience:before,.thream-cp-media:before { margin-bottom:7px!important;font-size:12px!important; }
  .thream-cp-audience select { min-height:44px!important;margin-top:4px!important;border-radius:11px!important;font-size:16px!important; }
  .thream-cp-media button:has(svg[class*="lucide-image"]) { min-height:92px!important;padding:12px!important;border-radius:12px!important; }
  .thream-cp-media img,.thream-cp-media video,.thream-live-media-stage img,.thream-live-media-stage video { width:100%!important;max-height:210px!important;object-fit:contain!important;border-radius:12px!important; }
  .thream-live-media-stage { min-height:96px!important;border-radius:12px!important; }
  .thream-live-media-meta { gap:7px!important;padding:8px 0 0!important; }
  .thream-live-media-picker-compact { min-height:42px!important;margin:0!important;border-radius:11px!important; }
  .thream-cp-options { padding:5px!important; }
  .thream-cp-options:after { margin-top:4px!important;padding:9px!important;font-size:9px!important; }
}

@media (max-width: 390px) {
  body.thream-intention-v4 [data-intention-v4-page] { padding-left:8px!important;padding-right:8px!important; }
  body.thream-intention-v4 [data-intention-v4-composer] { padding:10px!important;border-radius:16px!important; }
  .thream-cp-modal { padding-left:9px!important;padding-right:9px!important; }
  .thream-cp-header { margin-left:-9px!important;margin-right:-9px!important;padding-left:9px!important;padding-right:9px!important;grid-template-columns:40px minmax(0,1fr) auto!important; }
  .thream-cp-header > button:last-child { min-width:70px!important;padding:0 11px!important; }
}