/* ViaOn Conecta 0.3.5.8: cabeçalho fixo de cidade, painéis reversíveis.
   Mantém o seletor disponível em todas as telas, sem scrollIntoView para baixo. */
[hidden]{display:none!important}
.room-header-toggle,.mobile-fold-toggle{display:none}
@media(max-width:959px){
 body:not(.is-admin) .roomline,body.is-admin.admin-chat-mode .roomline{
  position:fixed!important;top:59px!important;left:0!important;right:0!important;z-index:70!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;column-gap:9px!important;row-gap:8px!important;
  margin:0 auto!important;padding:9px 12px!important;width:100%!important;max-width:680px!important;
  min-width:0!important;background:#fff!important;border:1px solid #e4e8ee!important;
  border-radius:0 0 15px 15px!important;box-shadow:0 4px 14px #1b26371a!important;
 }
 .roomline>div:first-child{min-width:0!important;max-width:100%!important;}
 .roomline>div:first-child>small{display:none!important}
 .roomline h1{font-size:13px!important;line-height:1.15!important;margin:0 0 3px!important;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .roomline #members{display:none!important}
 .roomline #driverCityPicker:not([hidden]){display:flex!important;margin:0!important;font-size:10px!important;gap:3px!important;min-width:0;}
 .roomline #driverCitySelect{width:100%!important;max-width:100%!important;min-height:43px!important;font-size:14px!important;padding:7px 10px!important}
 .room-header-toggle{display:inline-flex!important;flex-direction:column;align-items:center;justify-content:center;
  gap:2px;width:69px;min-height:52px;padding:5px 7px;border-radius:11px;
  border:1px solid #ffd1ad;background:#fff6ee;color:#98500e;font-weight:850;font-size:18px;cursor:pointer;touch-action:manipulation;
 }
 .room-header-toggle span{font-size:10px!important;color:#98500e!important;font-weight:800}
 .roomline .room-tools{display:none!important;grid-column:1/-1!important;grid-row:2!important;max-width:100%!important;justify-content:flex-start!important;gap:6px!important;flex-wrap:wrap!important;}
 .roomline[data-room-expanded="true"] .room-tools{display:flex!important}
 .roomline .room-tools button{min-width:0!important;min-height:39px!important;padding:7px 10px!important;font-size:11px!important}
 .mobile-fold-toggle{display:flex!important;align-items:center;justify-content:center;align-self:center;
  margin:9px auto 6px!important;padding:7px 16px!important;min-height:33px!important;
  background:#fff7ee!important;border:1px solid #f2c7a2!important;border-radius:999px!important;
  color:#96500c!important;font-size:12px!important;font-weight:850!important;line-height:1.2;
  cursor:pointer;touch-action:pan-y;
 }
 .mobile-fold-toggle span{margin-left:7px}
 #chatPanel{min-width:0!important}
 #radioPanel{min-height:min(68dvh,580px)!important}
 #radioPanel .mobile-fold-toggle{order:-1!important;margin:0 auto 2px!important}
 #peoplePanel{min-width:0!important}
 #sosPanel .mobile-fold-toggle{grid-column:1/-1}
 #chatPanel[data-mobile-folded="true"],#radioPanel[data-mobile-folded="true"],#sosPanel[data-mobile-folded="true"],#peoplePanel[data-mobile-folded="true"]{
  min-height:0!important;height:auto!important;max-height:none!important;padding:10px 12px!important;
 }
 #chatPanel[data-mobile-folded="true"] > :not(.mobile-fold-toggle),
 #radioPanel[data-mobile-folded="true"] > :not(.mobile-fold-toggle),
 #sosPanel[data-mobile-folded="true"] > :not(.mobile-fold-toggle),
 #peoplePanel[data-mobile-folded="true"] > :not(.mobile-fold-toggle){display:none!important}
 #radioPanel[data-mobile-folded="true"] #ptt{display:none!important}
 body[data-conecta-view="chat"] #chatPanel[data-mobile-folded="true"] #msgForm{display:none!important}
 body:not([data-conecta-view="chat"]) #chatPanel{display:none!important}
 body:not([data-conecta-view="radio"]) #radioPanel{display:none!important}
 body:not([data-conecta-view="alerts"]) #sosPanel{display:none!important}
 body[data-conecta-view="alerts"] #sosPanel{display:grid!important}
 body[data-conecta-view="chat"] #peoplePanel,body[data-conecta-view="alerts"] #peoplePanel{display:none!important}
 body[data-conecta-view="radio"] #peoplePanel{display:block!important}
 body[data-conecta-view="radio"] #peoplePanel[data-mobile-folded="true"]{display:block!important}
 body:not(.is-admin) .top,body.is-admin.admin-chat-mode .top{
  position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:72!important;
  margin:0 auto!important;width:100%!important;max-width:680px!important;min-height:59px!important;
 }
 body:not(.is-admin) main:not([hidden]),body.is-admin.admin-chat-mode main:not([hidden]){
  padding-top:166px!important;overflow:visible!important;
 }
}
@media(max-width:380px){
 .roomline{padding:7px 9px!important}
 .room-header-toggle{width:65px}
 .roomline h1{font-size:12px!important}
}
[data-theme="dark"] .roomline{background:#1b1e23!important;border-color:#343a42!important}
[data-theme="dark"] .room-header-toggle,[data-theme="dark"] .mobile-fold-toggle{background:#392a1d!important;color:#ffbb83!important;border-color:#725337!important}
[data-theme="dark"] .room-header-toggle span{color:#ffbb83!important}