/* MatchApp Ai — finished Jonas composer.
 * Align real textarea, microphone and original send callback, no rewriting AI logic. */
html body.ai-chat-page .newsearch-row{
 width:100%!important;
 min-width:0!important;
 display:flex!important;
 flex-direction:column!important;
 align-items:stretch!important;
 gap:7px!important;
 margin-top:14px!important;
}
html body.ai-chat-page .newsearch-row .composer{
 display:grid!important;
 grid-template-columns:minmax(0,1fr) 46px 46px!important;
 align-items:center!important;
 gap:7px!important;
 width:100%!important;
 max-width:100%!important;
 min-width:0!important;
 height:auto!important;
 min-height:62px!important;
 padding:7px!important;
 margin:0!important;
 border:1px solid rgba(241,196,125,.68)!important;
 border-radius:21px!important;
 background:linear-gradient(140deg,rgba(43,25,67,.98),rgba(17,11,33,.98))!important;
 box-shadow:0 11px 31px rgba(6,2,19,.28),inset 0 1px rgba(255,244,223,.12)!important;
 overflow:hidden!important;
 position:relative!important;
 box-sizing:border-box!important;
}
html body.ai-chat-page .newsearch-row .composer:focus-within{
 border-color:rgba(250,213,151,.94)!important;
 box-shadow:0 0 0 2px rgba(243,193,114,.15),0 12px 34px rgba(7,2,19,.29)!important;
}
html body.ai-chat-page .newsearch-row .composer .composer-input-label{
 position:absolute!important;
 width:1px!important;height:1px!important;
 padding:0!important;margin:-1px!important;
 overflow:hidden!important;clip:rect(0 0 0 0)!important;
 white-space:nowrap!important;border:0!important;
}
html body.ai-chat-page .newsearch-row .composer textarea#discover-new-input{
 display:block!important;
 grid-column:1!important;
 grid-row:1!important;
 width:100%!important;
 min-width:0!important;
 max-width:100%!important;
 height:45px!important;
 min-height:45px!important;
 max-height:148px!important;
 box-sizing:border-box!important;
 margin:0!important;
 padding:11px 9px!important;
 border:0!important;
 border-radius:12px!important;
 background:transparent!important;
 background-image:none!important;
 box-shadow:none!important;
 outline:0!important;
 resize:none!important;
 color:#f8efff!important;
 font-family:inherit!important;
 font-size:clamp(14px,3.9vw,16px)!important;
 font-weight:480!important;
 letter-spacing:normal!important;
 line-height:1.48!important;
 text-align:start!important;
 white-space:pre-wrap!important;
 overflow-wrap:anywhere!important;
 word-break:normal!important;
 overflow-x:hidden!important;
 overflow-y:hidden;
 align-self:center!important;
 flex:none!important;
}
html body.ai-chat-page .newsearch-row .composer textarea#discover-new-input::placeholder{
 color:#d5c6e0!important;
 opacity:.9!important;
 font-size:inherit!important;
 font-weight:450!important;
 letter-spacing:normal!important;
 line-height:inherit!important;
}
html body.ai-chat-page .newsearch-row .composer .mic-btn#mic-btn-discover,
html body.ai-chat-page .newsearch-row .composer .composer-send{
 display:inline-flex!important;
 position:relative!important;
 align-items:center!important;
 justify-content:center!important;
 align-self:center!important;
 justify-self:stretch!important;
 width:46px!important;
 min-width:46px!important;
 max-width:46px!important;
 height:46px!important;
 min-height:46px!important;
 max-height:46px!important;
 padding:10px!important;
 margin:0!important;
 border-radius:15px!important;
 box-sizing:border-box!important;
 flex:0 0 46px!important;
 line-height:1!important;
 transform:none!important;
 text-shadow:none!important;
}
html body.ai-chat-page .newsearch-row .composer .mic-btn#mic-btn-discover{
 grid-column:2!important;
 grid-row:1!important;
 border:1px solid rgba(207,160,238,.4)!important;
 background:rgba(93,57,126,.42)!important;
 color:#f0dfff!important;
 box-shadow:inset 0 1px rgba(255,255,255,.06)!important;
}
html body.ai-chat-page .newsearch-row .composer .mic-btn#mic-btn-discover svg{
 display:block!important;
 width:23px!important;
 height:23px!important;
 max-width:100%!important;
 max-height:100%!important;
 flex:none!important;
}
html body.ai-chat-page .newsearch-row .composer .mic-btn#mic-btn-discover.mic-listening{
 background:rgba(188,45,82,.70)!important;
 border-color:#ef8eab!important;
 color:#fff!important;
}
html body.ai-chat-page .newsearch-row .composer .composer-send{
 grid-column:3!important;
 grid-row:1!important;
 border:1px solid rgba(249,217,152,.88)!important;
 background:linear-gradient(145deg,#f4d996,#dbae61)!important;
 color:#291834!important;
 box-shadow:inset 0 1px rgba(255,255,255,.45),0 3px 11px rgba(70,40,8,.24)!important;
 cursor:pointer!important;
}
html body.ai-chat-page .newsearch-row .composer .composer-send svg{
 display:block!important;
 width:21px!important;
 height:21px!important;
 flex:none!important;
}
html body.ai-chat-page .newsearch-row .composer .composer-send .composer-send-label{
 position:absolute!important;
 width:1px!important;height:1px!important;
 padding:0!important;margin:-1px!important;
 overflow:hidden!important;clip:rect(0 0 0 0)!important;
 white-space:nowrap!important;border:0!important;
}
html body.ai-chat-page .newsearch-row .composer-hint{
 color:#bdafd2!important;
 font-size:11px!important;
 line-height:1.45!important;
 margin:2px 8px 0!important;
 max-width:100%!important;
}
html body.ai-chat-page .newsearch-row .composer button:focus-visible{
 outline:2px solid #ffe1a4!important;
 outline-offset:2px!important;
}
@media(max-width:620px){
 html body.ai-chat-page .newsearch-row .composer{
  min-width:0!important;
  grid-template-columns:minmax(0,1fr) 42px 42px!important;
  min-height:58px!important;
  padding:7px!important;gap:6px!important;
 }
 html body.ai-chat-page .newsearch-row .composer textarea#discover-new-input{
  font-size:15px!important;
  height:42px!important;min-height:42px!important;
  padding:10px 5px!important;
 }
 html body.ai-chat-page .newsearch-row .composer .mic-btn#mic-btn-discover,
 html body.ai-chat-page .newsearch-row .composer .composer-send{
  width:42px!important;min-width:42px!important;max-width:42px!important;
  height:42px!important;min-height:42px!important;max-height:42px!important;
  flex-basis:42px!important;border-radius:13px!important;
 }
}
@media(max-width:345px){
 html body.ai-chat-page .newsearch-row .composer{
  grid-template-columns:minmax(0,1fr) 39px 39px!important;gap:5px!important;
 }
 html body.ai-chat-page .newsearch-row .composer .mic-btn#mic-btn-discover,
 html body.ai-chat-page .newsearch-row .composer .composer-send{
  width:39px!important;min-width:39px!important;max-width:39px!important;
  height:39px!important;min-height:39px!important;max-height:39px!important;
 }
 html body.ai-chat-page .newsearch-row .composer textarea#discover-new-input{font-size:14px!important}
}
@media(prefers-reduced-motion:reduce){
 html body.ai-chat-page .newsearch-row .composer{transition:none!important}
}

/* Last-mile selector specificity against older AI composer and compact mobile
   rules (both use several classes/IDs and !important). */
html body.ai-chat-page.ma-ia-discover main.wrap section.premium-card.discover-head .newsearch-row{
 display:flex!important;flex-direction:column!important;
 width:100%!important;min-width:0!important;max-width:100%!important;
 align-items:stretch!important;justify-content:flex-start!important;
 gap:6px!important;margin:12px 0 0!important;
}
html body.ai-chat-page.ma-ia-discover main.wrap section.premium-card.discover-head .newsearch-row div.composer{
 display:grid!important;
 grid-template-columns:minmax(0,1fr) 42px 42px!important;
 grid-template-rows:auto!important;
 grid-template-areas:"input mic send"!important;
 justify-content:stretch!important;
 align-items:center!important;
 gap:6px!important;
 flex:0 0 auto!important;
 width:100%!important;
 min-width:0!important;
 max-width:100%!important;
 margin:0!important;
 box-sizing:border-box!important;
}
html body.ai-chat-page.ma-ia-discover main.wrap section.premium-card.discover-head .newsearch-row .composer label.composer-input-label{
 position:absolute!important;grid-area:auto!important;
 width:1px!important;height:1px!important;overflow:hidden!important;
 clip:rect(0 0 0 0)!important;white-space:nowrap!important;
}
html body.ai-chat-page.ma-ia-discover main.wrap section.premium-card.discover-head .newsearch-row .composer textarea#discover-new-input{
 grid-area:input!important;
 grid-column:1!important;
 grid-row:1!important;
 display:block!important;
 min-width:0!important;
 width:100%!important;
 max-width:100%!important;
 min-height:42px!important;
 height:42px!important;
 padding:10px 5px!important;
 font:400 15px/1.4 system-ui,sans-serif!important;
 resize:none!important;
 box-sizing:border-box!important;
}
html body.ai-chat-page.ma-ia-discover main.wrap section.premium-card.discover-head .newsearch-row .composer button#mic-btn-discover{
 grid-area:mic!important;grid-column:2!important;grid-row:1!important;
 min-height:42px!important;max-height:42px!important;
 height:42px!important;width:42px!important;min-width:42px!important;
 max-width:42px!important;position:relative!important;inset:auto!important;
}
html body.ai-chat-page.ma-ia-discover main.wrap section.premium-card.discover-head .newsearch-row .composer button.composer-send{
 grid-area:send!important;grid-column:3!important;grid-row:1!important;
 min-height:42px!important;max-height:42px!important;
 height:42px!important;width:42px!important;min-width:42px!important;
 max-width:42px!important;position:relative!important;inset:auto!important;
 padding:7px!important;white-space:nowrap!important;
}
@media(min-width:621px){
 html body.ai-chat-page.ma-ia-discover main.wrap section.premium-card.discover-head .newsearch-row div.composer{
  grid-template-columns:minmax(0,1fr) 46px 46px!important;
  gap:8px!important;
 }
 html body.ai-chat-page.ma-ia-discover main.wrap section.premium-card.discover-head .newsearch-row .composer button:is(#mic-btn-discover,.composer-send){
  min-height:46px!important;max-height:46px!important;
  height:46px!important;width:46px!important;min-width:46px!important;max-width:46px!important;
 }
}
/* Remove the invisible former label from grid sizing; textarea already has aria-label. */
html body.ai-chat-page.ma-ia-discover main.wrap section.premium-card.discover-head .newsearch-row .composer label.composer-input-label{
 display:none!important;position:absolute!important;grid-area:auto!important;
}
html body.ai-chat-page.ma-ia-discover main.wrap section.premium-card.discover-head .newsearch-row div.composer{
 grid-template-rows:minmax(0,auto)!important;
 grid-auto-rows:minmax(0,auto)!important;
 min-height:56px!important;
 height:auto!important;
 align-content:center!important;
}
/* A legacy pseudo-element creates an implicit second grid track. Collapse it. */
html body.ai-chat-page.ma-ia-discover main.wrap section.premium-card.discover-head .newsearch-row div.composer{
 grid-template-rows:auto!important;
 grid-auto-rows:0px!important;
}
html body.ai-chat-page.ma-ia-discover main.wrap section.premium-card.discover-head .newsearch-row .composer textarea#discover-new-input{
 height:auto!important;
 min-height:42px!important;
 max-height:148px!important;
 field-sizing:content!important;
 overflow-y:auto!important;
}