/* Keeps model help + web search on one line and the free quota status below the composer. */
.chats-start-area .web-search-row,
.composer .chat-web-search-row{
  align-items:center!important;
  justify-content:center!important;
  gap:18px!important;
  flex-wrap:nowrap!important;
}

.chats-start-area .web-search-row .model-details-link,
.composer .chat-web-search-row .model-details-link{
  position:static!important;
  right:auto!important;
  bottom:auto!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  flex:0 1 auto;
  white-space:nowrap;
  text-align:left;
}

.chats-start-area .web-search-row .web-search-toggle,
.composer .chat-web-search-row .web-search-toggle{
  flex:0 1 auto;
  min-width:0;
  margin:0!important;
  white-space:nowrap;
}

.chats-start-area .model-meta-row,
.composer .chat-model-meta{
  position:static!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  width:100%;
  justify-content:center!important;
  gap:6px 12px!important;
  margin:0!important;
  flex-wrap:wrap;
  text-align:center;
}

.composer{
  flex-direction:column!important;
  align-items:stretch!important;
  gap:0!important;
}

.composer .chat-model-meta{
  margin-top:8px!important;
}

.free-reset-timer{
  color:#7f93b5;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}

.free-reset-timer::before{
  content:'•';
  margin-right:12px;
  color:#526887;
}

@media(max-width:420px){
  .chats-start-area .web-search-row,
  .composer .chat-web-search-row{
    gap:12px!important;
  }

  .chats-start-area .web-search-row .model-details-link,
  .chats-start-area .web-search-row .web-search-toggle,
  .composer .chat-web-search-row .model-details-link,
  .composer .chat-web-search-row .web-search-toggle{
    font-size:10px;
  }

  .free-reset-timer::before{
    margin-right:8px;
  }
}


/* Visible only near the subscription quota, above the composer tools. */
.subscription-usage{display:grid;gap:7px;padding:10px 12px;margin:0 0 8px;border:1px solid color-mix(in srgb,#e6ab52 30%,transparent);border-radius:12px;background:color-mix(in srgb,#e6ab52 7%,transparent);color:inherit;font-size:12px;line-height:1.4}
.subscription-usage>span{opacity:.9}.subscription-usage>div{display:flex;align-items:center;gap:12px}.subscription-usage>div>span{min-width:135px;font-size:11px;opacity:.75}.subscription-usage progress{appearance:none;flex:1;min-width:0;height:4px;border:0;border-radius:8px;overflow:hidden;background:color-mix(in srgb,currentColor 10%,transparent)}
.subscription-usage progress::-webkit-progress-bar{background:color-mix(in srgb,currentColor 10%,transparent);border-radius:8px}.subscription-usage progress::-webkit-progress-value{background:#ce963e;border-radius:8px}.subscription-usage progress::-moz-progress-bar{background:#ce963e;border-radius:8px}