/* LEO Core V4.1.1 — rifinitura barra e battuta */

@media (min-width: 821px) {
  /* Lascia sempre una corsia reale tra navigazione e profilo. */
  body.leoCoreV4.leoCoreV41 .tabs {
    width: min(660px, calc(100% - 620px)) !important;
    max-width: calc(100% - 620px) !important;
  }

  body.leoCoreV4.leoCoreV41 .topbar > .profilePill,
  body.leoCoreV4.leoCoreV41 .topbar > #profileName {
    position: absolute !important;
    top: 10px !important;
    right: 28px !important;
    bottom: auto !important;
    left: auto !important;
    max-width: 190px !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  /* La presenza di Leo resta in una colonna libera, fuori dall'orbita. */
  body.leoCoreV4.leoCoreV41 .leoV4Presence {
    width: min(255px, 25%) !important;
  }

  body.leoCoreV4.leoCoreV41 .leoV4Joke {
    width: min(250px, 100%) !important;
    max-width: 250px !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }
}

@media (min-width: 821px) and (max-width: 1180px) {
  body.leoCoreV4.leoCoreV41 .tabs {
    width: min(540px, calc(100% - 370px)) !important;
    max-width: calc(100% - 370px) !important;
  }

  body.leoCoreV4.leoCoreV41 .leoV4Presence {
    width: min(235px, 28%) !important;
  }

  body.leoCoreV4.leoCoreV41 .leoV4Joke {
    width: min(225px, 100%) !important;
    max-width: 225px !important;
  }
}