/* ST_COMPOSER_SOBER_V1 */
.st-sober-composer{
 padding:12px!important;
 background:#fff!important;
 border-top:1px solid #e5e7eb!important;
}
.st-sober-composer .compose-tabs{
 display:flex!important;
 align-items:center;
 flex-wrap:wrap;
 gap:8px;
 margin-bottom:8px!important;
}
.st-sober-composer .compose-tabs>.btn{
 border:0!important;
 background:transparent!important;
 color:#64748b!important;
 border-radius:0!important;
 box-shadow:none!important;
 min-height:36px;
}
.st-sober-composer .compose-tabs>.primary{
 color:#2563eb!important;
 border-bottom:2px solid #2563eb!important;
}
.st-sober-composer .compose-box{
 padding:10px!important;
 border:1px solid #e5e7eb!important;
 border-radius:18px!important;
 background:#fff!important;
}
.st-sober-composer #waReply{
 display:block;
 width:100%;
 box-sizing:border-box;
 min-height:44px!important;
 max-height:180px;
 resize:none;
 overflow-y:auto;
 border:0!important;
 border-radius:10px!important;
 background:#fff!important;
 box-shadow:none!important;
 padding:10px 8px!important;
 font-size:16px!important;
 line-height:1.5;
}
.st-sober-composer .composer-tool-row{
 display:flex!important;
 align-items:flex-end!important;
 justify-content:space-between;
 gap:10px!important;
 margin-top:8px!important;
}
.st-sober-composer .composer-tools{
 display:flex!important;
 flex-wrap:nowrap!important;
 gap:8px!important;
 align-items:center;
}
.st-sober-composer .st-compose-menu{
 position:relative;
 margin:0;
}
.st-sober-composer .st-compose-menu summary{
 display:flex;
 align-items:center;
 justify-content:center;
 list-style:none;
 cursor:pointer;
 width:44px;
 height:44px;
 border:0;
 border-radius:50%;
 background:#f1f5f9;
 color:#475569;
 font-size:24px;
 user-select:none;
}
.st-sober-composer .st-compose-menu summary::-webkit-details-marker{
 display:none;
}
.st-sober-composer .st-compose-menu summary:focus-visible{
 outline:2px solid #2563eb;
 outline-offset:3px;
}
.st-sober-composer .st-compose-menu[open] summary{
 background:#e8efff;
 color:#2563eb;
}
.st-sober-composer .st-compose-menu.st-ai-menu summary{
 font-size:19px;
 color:#2563eb;
}
.st-sober-composer .st-compose-pop{
 position:fixed;
 z-index:10000;
 box-sizing:border-box;
 width:250px;
 padding:6px;
 overflow-y:auto;
 background:#fff;
 border:1px solid #e5e7eb;
 border-radius:12px;
 box-shadow:0 8px 28px #0f172a26;
}
.st-sober-composer .st-compose-pop button{
 display:block;
 width:100%;
 min-height:44px;
 padding:10px 12px;
 text-align:left;
 border:0;
 border-radius:7px;
 background:#fff;
 color:#334155;
 font:inherit;
 cursor:pointer;
}
.st-sober-composer .st-compose-pop button:hover,
.st-sober-composer .st-compose-pop button:focus-visible{
 background:#f1f5f9;
}
.st-sober-composer #sendWhatsAppBtn{
 min-height:44px;
 padding:10px 22px!important;
 border:0!important;
 border-radius:22px!important;
 background:#2563eb!important;
 color:#fff!important;
 box-shadow:none!important;
 flex-shrink:0;
}
.st-sober-composer #sendWhatsAppBtn:disabled{
 opacity:.55;
}
.st-sober-composer .st-review-badge{
 margin-left:auto!important;
 min-height:28px!important;
 padding:4px 6px!important;
 border:0!important;
 border-radius:0!important;
 background:transparent!important;
 color:#64748b!important;
 box-shadow:none!important;
 font-size:11px!important;
 font-weight:400!important;
}
.st-sober-composer #sendStatus{
 max-width:220px;
 overflow-wrap:anywhere;
 font-size:12px;
}
.st-sober-composer #sendStatus:empty{
 display:none;
}
@media(max-width:600px){
 .st-sober-composer{padding:8px!important}
 .st-sober-composer .compose-box{padding:6px!important}
 .st-sober-composer #waReply{max-height:140px}
 .st-sober-composer .compose-tabs{gap:4px}
 .st-sober-composer .compose-tabs>.btn{
  font-size:12px!important;
  padding:6px!important;
 }
 .st-sober-composer .st-review-badge{
  font-size:10px!important;
  padding:3px!important;
 }
 .st-sober-composer .composer-tool-row>div:last-child{
  flex-wrap:wrap;
  justify-content:flex-end;
  min-width:44px;
 }
 .st-sober-composer #sendStatus{max-width:150px}
 .st-sober-composer #sendWhatsAppBtn{
  width:44px;
  height:44px;
  padding:0!important;
  font-size:0!important;
 }
 .st-sober-composer #sendWhatsAppBtn::after{
  content:"➤";
  font-size:20px;
 }
}