/* Vetra AI 0.3.1.30c - compact mobile/tablet conversation layout.
   Desktop is intentionally untouched. */
@media (max-width:900px){
  .vetra-ai-dialog{padding:0!important}
  .vetra-ai-shell{
    width:calc(100vw - .35rem)!important;
    height:calc(100dvh - .35rem)!important;
    max-height:calc(100dvh - .35rem)!important;
    padding:max(.55rem,env(safe-area-inset-top)) max(.55rem,env(safe-area-inset-right)) max(.55rem,env(safe-area-inset-bottom)) max(.55rem,env(safe-area-inset-left))!important;
    gap:.45rem!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
  }
  .vetra-ai-head{min-height:38px;gap:.5rem;padding-right:2.5rem!important;align-items:center}
  .vetra-ai-mark{width:34px!important;height:34px!important;border-radius:11px!important;font-size:1.05rem!important}
  .vetra-ai-head .eyebrow,.vetra-ai-head p:last-child{display:none!important}
  .vetra-ai-head h2{margin:0!important;font-size:1.08rem;line-height:1.1}
  .vetra-ai-safety,.vetra-ai-quick{display:none!important}
  .vetra-ai-conversation{
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    gap:.55rem!important;
    padding:.1rem .05rem .4rem!important;
    scroll-padding-bottom:.5rem;
  }
  .vetra-ai-message{max-width:100%!important;width:100%;padding:.72rem!important;border-radius:13px!important}
  .vetra-ai-user{width:auto;max-width:92%!important;padding:.62rem .72rem!important}
  .vetra-ai-message p{line-height:1.42!important;margin:.32rem 0 0!important}
  .vetra-ai-message h3{font-size:1rem;margin:.25rem 0 .15rem!important}
  .vetra-ai-message-head{gap:.45rem}
  .vetra-ai-confidence{font-size:.62rem;padding:.2rem .38rem}
  .vetra-ai-result-section{margin-top:.6rem!important;padding-top:.55rem!important}
  .vetra-ai-result-section h4{margin-bottom:.4rem!important;font-size:.86rem}
  .vetra-ai-listings,.vetra-ai-knowledge,.vetra-ai-comparisons{gap:.42rem!important}
  .vetra-ai-listings article,.vetra-ai-knowledge article,.vetra-ai-comparisons article{padding:.58rem!important;border-radius:11px!important}
  .vetra-ai-listing-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:.45rem!important;align-items:start}
  .vetra-ai-listing-head strong{font-size:.86rem;line-height:1.28;overflow-wrap:anywhere}
  .vetra-ai-listing-head b{font-size:.92rem!important;white-space:nowrap}
  .vetra-ai-listing-meta{margin:.32rem 0!important;gap:.25rem!important}
  .vetra-ai-listing-meta span{font-size:.64rem!important;padding:.18rem .34rem!important}
  .vetra-ai-listings ul,.vetra-ai-knowledge ul{margin:.35rem 0 .45rem!important;font-size:.72rem!important;line-height:1.35!important}
  .vetra-ai-listings .primary-btn{padding:.45rem!important;font-size:.76rem}
  .vetra-ai-warnings{margin-top:.55rem!important;padding:.5rem .58rem!important}
  .vetra-ai-warnings p{font-size:.7rem!important}
  .vetra-ai-sources{margin-top:.5rem!important;padding-top:.45rem!important}
  .vetra-ai-answer-foot{margin-top:.5rem!important;padding-top:.45rem!important;gap:.35rem!important}
  .vetra-ai-answer-foot span{font-size:.62rem!important}
  .vetra-ai-developer-feedback{margin-top:.5rem!important;padding:.5rem!important;border-radius:10px!important}
  .vetra-ai-developer-feedback p{font-size:.7rem!important;line-height:1.35!important}
  .vetra-ai-feedback{gap:.28rem!important;margin-top:.4rem!important;padding-top:.38rem!important}
  .vetra-ai-feedback>span{font-size:.68rem!important}
  .vetra-ai-feedback button{min-height:28px!important;padding:.32rem .48rem!important;font-size:.68rem!important}
  .vetra-ai-compose{
    gap:.38rem!important;
    padding-top:.48rem!important;
    padding-bottom:max(0px,env(safe-area-inset-bottom));
    background:var(--panel);
  }
  .vetra-ai-compose textarea{min-height:44px!important;max-height:86px!important;padding:.58rem .65rem;font-size:16px;line-height:1.3}
  .vetra-ai-compose-actions{grid-template-columns:auto minmax(0,1fr) auto!important;gap:.38rem!important}
  .vetra-ai-compose-actions .primary-btn{grid-column:auto!important;padding:.5rem .66rem!important;white-space:nowrap}
  .vetra-ai-compose-actions .ghost-btn{padding:.48rem .56rem!important;white-space:nowrap}
  .vetra-ai-compose-actions small{font-size:.62rem!important;line-height:1.2!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .vetra-ai-dialog .modal-close{position:absolute!important;top:.45rem!important;right:.45rem!important;margin-left:0!important;width:36px!important;height:36px!important;min-height:36px!important}
}
@media (max-width:520px){
  .vetra-ai-shell{width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;border-left:0!important;border-right:0!important}
  .vetra-ai-head{min-height:34px}
  .vetra-ai-mark{width:30px!important;height:30px!important;font-size:.95rem!important}
  .vetra-ai-head h2{font-size:1rem}
  .vetra-ai-compose-actions{grid-template-columns:auto 1fr!important}
  .vetra-ai-compose-actions small{display:none!important}
  .vetra-ai-compose-actions .primary-btn{justify-self:stretch}
  .vetra-ai-stats{grid-template-columns:1fr 1fr!important}
}
