/* Querubim 1.0.5 — correção móvel e publicação de vídeo sem interferir no motor. */
/* O menu do desktop jamais aparece no celular: a versão 1.0.4 usava display:flex !important. */
@media (max-width:960px) {
  body.qer-body .qer-topbar .qer-topnav {display:none !important;}
  body.qer-body .qer-app .qer-tabs-secondary {display:none !important;}
  body.qer-body .qer-app .qer-topbar {
    display:flex !important; height:56px !important;
    align-items:center !important; justify-content:space-between !important;
    gap:10px !important; padding:0 12px !important;
  }
  body.qer-body .qer-app .qer-topbar .qer-brand{flex:0 1 auto; min-width:0; white-space:nowrap;}
  body.qer-body .qer-app .qer-topbar .qer-top-actions{flex:0 0 auto; min-width:0; margin-left:auto;}
  body.qer-body .qer-app .qer-topbar .qer-search {display:none !important;}
  body.qer-body .qer-app .qer-topbar .qer-user-pill {max-width:52px;}
  body.qer-body .qer-app .qer-topbar .qer-logout {font-size:12px !important;}
}
@media (max-width:560px) {
  body.qer-body .qer-app .qer-topbar {height:52px !important; padding-inline:10px !important;}
  body.qer-body .qer-app .qer-topbar .qer-brand {font-size:16px !important;}
  body.qer-body .qer-app .qer-topbar .qer-brand-logo {width:36px !important;height:36px !important;}
}
/* Destaques: intervalos estreitos porém visíveis, sem sobreposição. */
body.qer-body .qer-stories{
  column-gap:7px !important; gap:7px !important;
  grid-auto-columns:clamp(130px,27%,190px) !important;
}
@media (max-width:700px){
  body.qer-body .qer-stories{
    column-gap:6px !important;gap:6px !important;
    grid-auto-columns:calc((100% - 12px)/2.35) !important;
  }
}
/* Compositor compacto, removido aviso de formato (mantém upload normal). */
body.qer-body .qer-composer{padding:12px !important;margin-bottom:14px !important;}
body.qer-body .qer-composer-top{padding:0 2px 6px !important;gap:9px !important;}
body.qer-body .qer-composer textarea{min-height:45px !important;padding:7px 4px !important;}
body.qer-body .qer-composer-row{padding-top:7px !important;}
body.qer-body .qer-composer-tools{gap:5px !important;}
body.qer-body .qer-media-hint{display:none !important;}
body.qer-body .qer-media-panel{
  margin-top:10px;padding:12px;border-radius:13px;
  background:#0b263b;border:1px solid rgba(65,195,237,.30);
}
body.qer-body .qer-media-panel[hidden],body.qer-body .qer-media-field[hidden]{display:none !important;}
body.qer-body .qer-media-choices{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;}
body.qer-body .qer-media-choice{
  flex:1 1 145px;cursor:pointer;color:#e1f5ff;background:#10354c;
  border:1px solid rgba(91,198,237,.32);border-radius:11px;
  padding:10px 12px;font-weight:750;
}
body.qer-body .qer-media-choice.active{color:#fff;background:#11658e;border-color:#46d4f7;}
body.qer-body .qer-media-field{display:flex;flex-direction:column;gap:8px;}
body.qer-body .qer-media-field label{font-size:13px;font-weight:750;color:#eaf8ff;}
body.qer-body .qer-media-upload{display:block;cursor:pointer;border:1px dashed #3daacf;border-radius:11px;padding:12px;text-align:center;}
body.qer-body .qer-media-upload input{display:block;width:100%;margin-top:9px;font-size:12px;}
body.qer-body .qer-media-selected,body.qer-body .qer-media-field small{font-size:12px;color:#b5d3e5;}
body.qer-body .qer-media-field input[type=url]{width:100%;min-height:44px;border:1px solid #498ba8;background:#071a2b;color:white;border-radius:10px;padding:10px 12px;font-size:14px;}
body.qer-body .qer-media-field input[type=url]:focus{outline:2px solid #48d6f6;outline-offset:1px;}
body.qer-body .qer-post-youtube{width:100%;aspect-ratio:16/9;position:relative;background:#04101d;}
body.qer-body .qer-post-youtube iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;}
@media (max-width:560px){
  body.qer-body .qer-composer {padding:10px !important;}
  body.qer-body .qer-composer textarea{min-height:42px !important;}
  body.qer-body .qer-composer-row{gap:9px;}
  body.qer-body .qer-media-panel{padding:10px;}
}