/* icone Font Awesome della skin Elastic nel menu (telefono) */
#taskmenu a.jbgrl-hr:before { content: "\f0c0"; }
#taskmenu a.jbgrl-crm:before { content: "\f086"; }
/* "Esci" della webmail con l'icona spegni, rosso al passaggio (come HR e CRM) */
#taskmenu a.logout:before { content: "\f011"; }
#taskmenu a.logout { color: rgba(252,165,165,.85) !important; }
#taskmenu a.logout:hover, #taskmenu a.logout:focus { color: #f87171 !important; }

/* barra in alto, solo su computer: IDENTICA all'header di HR e CRM (misure lette dall'HR il 20/10/2026) */
#jbgrl-topbar { display: none; }
@media (min-width: 1024px) {
  #jbgrl-topbar {
    display: flex; align-items: center; gap: 12px;
    position: fixed; top: 0; left: 0; right: 0; height: 64px; z-index: 1000; padding: 0 12px; box-sizing: border-box;
    background: rgba(11,11,18,.92); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(255,255,255,.04);
    font-family: Inter, system-ui, sans-serif;
  }
  #jbgrl-topbar .jbgrl-brand { display: flex; align-items: center; gap: 10px; padding-right: 8px; color: rgba(255,255,255,.9); font-weight: 600; font-size: 16px; }
  #jbgrl-topbar .jbgrl-brand img { width: 36px; height: 36px; border-radius: 12px; box-shadow: 0 0 0 1px rgba(255,255,255,.1); }
  #jbgrl-topbar .jbgrl-switch {
    margin-left: auto; display: flex; gap: 4px; padding: 4px;
    border-radius: 12px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1);
  }
  #jbgrl-topbar .jbgrl-switch a, #jbgrl-topbar .jbgrl-switch .on {
    display: flex; align-items: center; justify-content: center; gap: 6px; padding: 4px 12px; border-radius: 12px; line-height: 19.5px;
    font-size: 13px; text-decoration: none; color: rgba(255,255,255,.6); transition: background .2s, color .2s;
  }
  #jbgrl-topbar .jbgrl-switch a:hover { color: #fff; background: rgba(255,255,255,.05); }
  #jbgrl-topbar .jbgrl-switch .on { color: #fff; background: linear-gradient(135deg, #8b5cf6, #6366f1, #3b82f6); box-shadow: 0 2px 12px rgba(99,102,241,.4); }
  #jbgrl-topbar .jbgrl-power {
    display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 12px; box-sizing: border-box;
    border: 1px solid rgba(248,113,113,.3); background: rgba(239,68,68,.08); color: rgba(252,165,165,.8);
    text-decoration: none; transition: all .2s;
  }
  #jbgrl-topbar .jbgrl-power svg { transition: transform .2s; }
  #jbgrl-topbar .jbgrl-power:hover { color: #ef4444; border-color: rgba(248,113,113,1); box-shadow: 0 0 14px rgba(248,113,113,.35); }
  #jbgrl-topbar .jbgrl-power:hover svg { transform: scale(1.1); }
  /* la webmail scende sotto la barra, cosi' non copre nessun pulsante */
  body > #layout { position: absolute; top: 64px; left: 0; right: 0; bottom: 0; height: auto !important; }
}