/*
 GreenEco Meetings — Goals screen close button relocation
 Screen: أهداف الاجتماع
 Purpose:
 - hide the standalone "خروج" button below the commands
 - place a stable × button in the title row at the far left
 - no app.js / print / business logic changes
 Version: 3.3.16.44.2.515
*/

@media screen {
  /* Hide only the real standalone Exit on the Goals screen. */
  .meeting-goals-toolbar .meeting-goals-exit{
    display:none!important;
  }

  /* Reserve space for the X only on the Goals page title. */
  .meeting-goals-page-title{
    position:relative!important;
    padding-left:54px!important;
    box-sizing:border-box!important;
  }

  /* Stable geometry in all states = no jump. */
  .meeting-goals-close-x,
  .meeting-goals-close-x:hover,
  .meeting-goals-close-x:active,
  .meeting-goals-close-x:focus,
  .meeting-goals-close-x:focus-visible{
    position:absolute!important;
    left:12px!important;
    right:auto!important;
    top:10px!important;
    bottom:auto!important;

    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;

    margin:0!important;
    padding:0!important;

    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    transform:none!important;
    translate:none!important;
    scale:none!important;

    border:1px solid #87969c!important;
    border-radius:0!important;
    background:#fff!important;
    color:#213640!important;
    box-shadow:none!important;
    filter:none!important;
    outline:none!important;

    font-size:22px!important;
    font-weight:700!important;
    line-height:1!important;
    cursor:pointer!important;
    box-sizing:border-box!important;
    z-index:6!important;
  }

  .meeting-goals-close-x:hover,
  .meeting-goals-close-x:focus-visible{
    background:#eef7f9!important;
    border-color:#5f9da8!important;
    color:#0f5668!important;
  }
}