/* share bar inside the chat conversation */
  .ta-sharebar{ margin:12px 0 4px; display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
  .ta-sharebar .sb-label{ width:100%; font-size:12.5px; color:#8a948f; font-weight:700; margin-bottom:2px; }
  .ta-sharebar .sb-btn{ display:inline-flex; align-items:center; gap:6px; padding:9px 14px; border-radius:999px; border:1px solid #e2e6e4; background:#fff; color:#37423e; font-size:13px; font-weight:700; cursor:pointer; }
  .ta-sharebar .sb-btn.main{ background:#00aa6c; border-color:#00aa6c; color:#fff; }
  .ta-sharebar .sb-btn:active{ transform:scale(.97); }
  /* share sheet modal */
  .ta-share-mask{ position:fixed; inset:0; z-index:100050; background:rgba(0,0,0,.45); display:none; align-items:flex-end; justify-content:center; }
  .ta-share-mask.open{ display:flex; }
  .ta-share-sheet{ width:100%; max-width:480px; background:#fff; border-radius:18px 18px 0 0; padding:16px 16px calc(18px + env(safe-area-inset-bottom)); max-height:82vh; overflow-y:auto; animation:taSheetUp .28s ease; }
  @media (min-width:769px){ .ta-share-mask{ align-items:center; } .ta-share-sheet{ border-radius:18px; margin:0 16px; } }
  @keyframes taSheetUp{ from{ transform:translateY(30px); opacity:.6 } to{ transform:translateY(0); opacity:1 } }
  .ta-share-sheet .sh-h{ display:flex; align-items:center; font-size:16px; font-weight:800; color:#1c1c1c; margin-bottom:4px; }
  .ta-share-sheet .sh-x{ margin-left:auto; border:none; background:#f1f3f2; color:#47524e; width:30px; height:30px; border-radius:50%; font-size:18px; line-height:1; cursor:pointer; }
  .ta-share-sheet .sh-prev{ font-size:12.5px; color:#667; line-height:1.5; background:#f7f9f8; border-radius:10px; padding:10px 12px; margin:8px 0 14px; max-height:90px; overflow:hidden; }
  .ta-share-sheet .sh-native{ width:100%; padding:13px; border:none; border-radius:12px; background:#00aa6c; color:#fff; font-weight:800; font-size:14.5px; cursor:pointer; margin-bottom:14px; }
  .ta-share-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px 8px; }
  .ta-share-item{ display:flex; flex-direction:column; align-items:center; gap:6px; text-decoration:none; color:#37423e; font-size:11.5px; font-weight:700; cursor:pointer; background:none; border:none; }
  .ta-share-item .ic{ width:48px; height:48px; border-radius:14px; display:flex; align-items:center; justify-content:center; color:#fff; font-size:20px; font-weight:900; box-shadow:0 3px 10px rgba(0,0,0,.12); }
  .ta-share-item:active{ transform:scale(.94); }
  .ta-share-note{ font-size:11px; color:#9aa3a0; line-height:1.5; margin-top:14px; }
  .ta-share-toast{ position:fixed; left:50%; bottom:96px; transform:translateX(-50%); z-index:100060; background:rgba(28,28,28,.94); color:#fff; font-size:13px; font-weight:700; padding:11px 18px; border-radius:999px; opacity:0; transition:opacity .3s; pointer-events:none; max-width:88vw; text-align:center; }
  .ta-share-toast.show{ opacity:1; }