.treeend-gl-original-toggle{border:0;background:transparent;padding:2px 0;margin:3px 0 7px;font:inherit;font-size:11px;text-decoration:underline;opacity:.72;cursor:pointer}.treeend-gl-original-toggle:hover{opacity:1}.treeend-next-discussion-body[data-treeend-gl-content],.tem-public-chat-body[data-treeend-gl-content]{white-space:pre-wrap}.treeend-gl-language-note{font-size:11px;opacity:.7;margin-top:4px}.treeend-next-account-fields .treeend-gl-wide{grid-column:1/-1}.treeend-next-account-fields select{width:100%;min-height:38px;border:1px solid rgba(46,65,32,.25);border-radius:8px;background:#fff;padding:7px 9px}html[dir="rtl"] .treeend-next-portal,html[dir="rtl"] .treeend-next-top-tools,html[dir="rtl"] #treeend-music{direction:rtl}
.treeend-gl-switcher{position:relative;display:flex;align-items:center;z-index:1003}.treeend-gl-switcher-button{width:38px;height:38px;border:1px solid rgba(46,65,32,.2);border-radius:50%;background:rgba(255,255,255,.94);display:grid;place-items:center;font-size:19px;line-height:1;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.08)}.treeend-gl-switcher-button:hover{transform:translateY(-1px)}.treeend-gl-switcher-panel{position:absolute;top:46px;left:0;width:min(310px,calc(100vw - 32px));padding:14px;background:#fff;border:1px solid rgba(46,65,32,.18);border-radius:14px;box-shadow:0 16px 45px rgba(25,36,18,.18);font-size:13px;color:#2e4120}.treeend-gl-switcher-panel strong{display:block;margin:0 0 10px;font-size:14px}.treeend-gl-switcher-panel label{display:block;margin:9px 0}.treeend-gl-switcher-panel select{display:block;width:100%;margin-top:4px;min-height:38px;border:1px solid rgba(46,65,32,.25);border-radius:8px;background:#fff;padding:6px 8px}.treeend-gl-switcher-panel .treeend-gl-auto{display:flex;gap:7px;align-items:flex-start}.treeend-gl-switcher-status{min-height:16px;margin-top:5px;font-size:11px;opacity:.75}@media(max-width:640px){.treeend-gl-switcher-panel{left:-45px}.treeend-gl-switcher-button{width:36px;height:36px}}


/* =========================================================
   1.1.1 — MOBILE: toolbar TreeEnd 2x2
   Sopra: account + lingua. Sotto: campanella + menu 3x3.
   Mantiene i pannelli sempre dentro il viewport.
========================================================= */
@media (max-width:700px){
  .treeend-next-top-tools:has(.treeend-next-account-menu):has(.treeend-gl-switcher){
    display:grid!important;
    grid-template-columns:38px 38px!important;
    grid-template-rows:38px 38px!important;
    gap:6px!important;
    align-items:center!important;
    justify-content:end!important;
  }
  .treeend-next-top-tools:has(.treeend-next-account-menu):has(.treeend-gl-switcher) .treeend-next-account-menu{
    grid-column:1!important;
    grid-row:1!important;
    order:1!important;
  }
  .treeend-next-top-tools:has(.treeend-next-account-menu):has(.treeend-gl-switcher) .treeend-gl-switcher{
    grid-column:2!important;
    grid-row:1!important;
    order:2!important;
  }
  .treeend-next-top-tools:has(.treeend-next-account-menu):has(.treeend-gl-switcher) .treeend-next-message-bell{
    grid-column:1!important;
    grid-row:2!important;
    order:3!important;
  }
  .treeend-next-top-tools:has(.treeend-next-account-menu):has(.treeend-gl-switcher) .treeend-next-app-launcher{
    grid-column:2!important;
    grid-row:2!important;
    order:4!important;
  }

  .treeend-next-top-tools:has(.treeend-next-account-menu):has(.treeend-gl-switcher) .treeend-next-account-button,
  .treeend-next-top-tools:has(.treeend-next-account-menu):has(.treeend-gl-switcher) .treeend-next-message-bell,
  .treeend-next-top-tools:has(.treeend-next-account-menu):has(.treeend-gl-switcher) .treeend-next-app-launcher-button,
  .treeend-next-top-tools:has(.treeend-next-account-menu):has(.treeend-gl-switcher) .treeend-gl-switcher-button{
    width:38px!important;
    height:38px!important;
    box-sizing:border-box!important;
  }

  /* Il 3x3 è in basso a destra: il pannello si apre verso sinistra ma resta nel viewport. */
  .treeend-next-top-tools:has(.treeend-next-account-menu):has(.treeend-gl-switcher) .treeend-next-app-panel{
    right:0!important;
    left:auto!important;
    width:min(278px,calc(100vw - 20px))!important;
    max-width:calc(100vw - 20px)!important;
  }

  /* Account in alto a sinistra della mini-griglia: compensiamo una colonna per allineare il pannello al bordo destro. */
  .treeend-next-top-tools:has(.treeend-next-account-menu):has(.treeend-gl-switcher) .treeend-next-account-panel{
    right:-44px!important;
    left:auto!important;
    width:min(330px,calc(100vw - 20px))!important;
    max-width:calc(100vw - 20px)!important;
  }

  /* Lingue in alto a destra: niente offset negativo, il pannello resta dentro lo schermo. */
  .treeend-next-top-tools:has(.treeend-next-account-menu):has(.treeend-gl-switcher) .treeend-gl-switcher-panel{
    right:0!important;
    left:auto!important;
    width:min(310px,calc(100vw - 20px))!important;
    max-width:calc(100vw - 20px)!important;
  }

  /* Nei portali interni la toolbar deve avere spazio per entrambe le righe. */
  .treeend-next-portal > .treeend-next-top-tools:has(.treeend-next-account-menu):has(.treeend-gl-switcher){
    min-height:92px!important;
    padding-top:7px!important;
    padding-bottom:3px!important;
  }
}