/*
 GreenEco Meetings — Enterprise polish bundle
 Scope: Meetings screens + meetings popups only.
 Goals:
 - unify toolbars so subject + commands share one balanced row
 - move exit action to a compact close button at top-left
 - flatten heavy framed containers
 - replace result summary cards with a compact information grid
 - move meeting reports actions to the second command row
 - stabilize hover/active visuals
 - raise search/popups above open tab bars
 Printing is intentionally untouched.
 Version: 3.3.16.44.2.502
*/

@media screen {

  /* =========================================================
     0) Global meetings screen polish
     ========================================================= */

  html.greeneco-meetings-route .content-box,
  html.greeneco-meetings-route .table-panel,
  html.greeneco-meetings-route .meeting-section,
  html.greeneco-meetings-route .meeting-card,
  body.greeneco-meetings-route .content-box,
  body.greeneco-meetings-route .table-panel,
  body.greeneco-meetings-route .meeting-section,
  body.greeneco-meetings-route .meeting-card{
    box-shadow:none!important;
    border-radius:0!important;
  }

  /* Avoid visual distortions on hover across meetings controls. */
  html.greeneco-meetings-route button,
  html.greeneco-meetings-route .btn,
  html.greeneco-meetings-route [role="button"],
  html.greeneco-meetings-route .meeting-prep-side-button,
  html.greeneco-meetings-route .toolbar-button,
  body.greeneco-meetings-route button,
  body.greeneco-meetings-route .btn,
  body.greeneco-meetings-route [role="button"],
  body.greeneco-meetings-route .meeting-prep-side-button,
  body.greeneco-meetings-route .toolbar-button{
    transform:none!important;
    translate:none!important;
    scale:none!important;
    transition:background-color .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease,opacity .14s ease!important;
    backface-visibility:hidden!important;
    will-change:auto!important;
  }

  html.greeneco-meetings-route button:hover,
  html.greeneco-meetings-route .btn:hover,
  html.greeneco-meetings-route [role="button"]:hover,
  html.greeneco-meetings-route .meeting-prep-side-button:hover,
  body.greeneco-meetings-route button:hover,
  body.greeneco-meetings-route .btn:hover,
  body.greeneco-meetings-route [role="button"]:hover,
  body.greeneco-meetings-route .meeting-prep-side-button:hover{
    transform:none!important;
    filter:none!important;
    box-shadow:none!important;
  }

  /* Search/lookup popups must float above the open-tabs strip and page chrome. */
  html.greeneco-meetings-route .greeneco-managed-modal,
  html.greeneco-meetings-route .greeneco-managed-modal-root,
  html.greeneco-meetings-route .greeneco-managed-modal-overlay,
  html.greeneco-meetings-route .modal-backdrop,
  html.greeneco-meetings-route .dropdown-menu,
  html.greeneco-meetings-route .autocomplete-panel,
  html.greeneco-meetings-route .lookup-results,
  html.greeneco-meetings-route .search-results-panel,
  html.greeneco-meetings-route .search-panel-floating,
  body.greeneco-meetings-route .greeneco-managed-modal,
  body.greeneco-meetings-route .greeneco-managed-modal-root,
  body.greeneco-meetings-route .greeneco-managed-modal-overlay,
  body.greeneco-meetings-route .modal-backdrop,
  body.greeneco-meetings-route .dropdown-menu,
  body.greeneco-meetings-route .autocomplete-panel,
  body.greeneco-meetings-route .lookup-results,
  body.greeneco-meetings-route .search-results-panel,
  body.greeneco-meetings-route .search-panel-floating{
    z-index:12050!important;
  }

  html.greeneco-meetings-route .greeneco-managed-modal-card,
  body.greeneco-meetings-route .greeneco-managed-modal-card{
    z-index:12060!important;
  }

  /* Bring floating filter/search modals above the internal tab strip as well. */
  html.greeneco-meetings-route .modal,
  body.greeneco-meetings-route .modal{
    z-index:12070!important;
  }

  /* Compact page heads and allow a dedicated close button on the top-left. */
  html.greeneco-meetings-route .meeting-page-header,
  html.greeneco-meetings-route .meeting-screen-header,
  html.greeneco-meetings-route .page-head,
  body.greeneco-meetings-route .meeting-page-header,
  body.greeneco-meetings-route .meeting-screen-header,
  body.greeneco-meetings-route .page-head{
    position:relative!important;
  }

  html.greeneco-meetings-route .meeting-screen-close,
  body.greeneco-meetings-route .meeting-screen-close{
    position:absolute!important;
    top:10px!important;
    left:12px!important;
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    border:1px solid #9aa8ad!important;
    background:#fff!important;
    color:#1b3340!important;
    font-size:22px!important;
    line-height:1!important;
    cursor:pointer!important;
  }

  html.greeneco-meetings-route .meeting-screen-close:hover,
  body.greeneco-meetings-route .meeting-screen-close:hover{
    background:#f2f8fa!important;
    border-color:#6f9bab!important;
  }

  /* =========================================================
     1) Shared toolbar system
     Applies to:
       - إسناد ومعالجة المشاكل
       - نتائج الاجتماع
       - اعتماد المحضر
       - سجل نشاط الاجتماع
       - تقارير الاجتماعات
     ========================================================= */

  html.greeneco-meetings-route .meeting-toolbar-shell,
  body.greeneco-meetings-route .meeting-toolbar-shell{
    width:min(1120px,calc(100% - 18px))!important;
    margin:0 auto 8px!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:6px!important;
  }

  /* First row: subject on the right, commands on the same line. */
  html.greeneco-meetings-route .meeting-toolbar-row-main,
  body.greeneco-meetings-route .meeting-toolbar-row-main{
    width:100%!important;
    min-height:40px!important;
    display:grid!important;
    grid-template-columns:minmax(260px,1.55fr) minmax(0,2fr)!important;
    align-items:center!important;
    gap:8px!important;
  }

  html.greeneco-meetings-route .meeting-toolbar-subject,
  body.greeneco-meetings-route .meeting-toolbar-subject{
    min-width:0!important;
    display:grid!important;
    grid-template-columns:118px minmax(0,1fr)!important;
    align-items:center!important;
    gap:6px!important;
  }

  html.greeneco-meetings-route .meeting-toolbar-actions,
  body.greeneco-meetings-route .meeting-toolbar-actions{
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    gap:6px!important;
  }

  /* Second row: optional secondary commands / report actions / extra filters. */
  html.greeneco-meetings-route .meeting-toolbar-row-secondary,
  body.greeneco-meetings-route .meeting-toolbar-row-secondary{
    width:100%!important;
    min-height:38px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    gap:6px!important;
  }

  html.greeneco-meetings-route .meeting-toolbar-actions > *,
  html.greeneco-meetings-route .meeting-toolbar-row-secondary > *,
  body.greeneco-meetings-route .meeting-toolbar-actions > *,
  body.greeneco-meetings-route .meeting-toolbar-row-secondary > *{
    min-height:34px!important;
  }

  /* Hide standalone "Exit" buttons inside command rows when the close X exists. */
  html.greeneco-meetings-route .meeting-toolbar-actions .exit-button,
  html.greeneco-meetings-route .meeting-toolbar-row-secondary .exit-button,
  body.greeneco-meetings-route .meeting-toolbar-actions .exit-button,
  body.greeneco-meetings-route .meeting-toolbar-row-secondary .exit-button{
    display:none!important;
  }

  /* =========================================================
     2) Meeting results — replace KPI cards with compact data grid
     ========================================================= */

  html.greeneco-meetings-route .meeting-results-summary,
  html.greeneco-meetings-route .meeting-result-summary,
  html.greeneco-meetings-route .meeting-results-overview,
  body.greeneco-meetings-route .meeting-results-summary,
  body.greeneco-meetings-route .meeting-result-summary,
  body.greeneco-meetings-route .meeting-results-overview{
    width:min(1120px,calc(100% - 18px))!important;
    margin:0 auto 8px!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:1px!important;
    border:1px solid #98a7ad!important;
    background:#98a7ad!important;
    box-shadow:none!important;
  }

  html.greeneco-meetings-route .meeting-results-summary > *,
  html.greeneco-meetings-route .meeting-result-summary > *,
  html.greeneco-meetings-route .meeting-results-overview > *,
  body.greeneco-meetings-route .meeting-results-summary > *,
  body.greeneco-meetings-route .meeting-result-summary > *,
  body.greeneco-meetings-route .meeting-results-overview > *{
    min-width:0!important;
    min-height:62px!important;
    padding:7px 9px!important;
    display:grid!important;
    grid-template-columns:96px minmax(0,1fr)!important;
    align-items:center!important;
    gap:0!important;
    background:#fff!important;
    border:0!important;
    box-shadow:none!important;
  }

  html.greeneco-meetings-route .meeting-results-summary > * > span:first-child,
  html.greeneco-meetings-route .meeting-result-summary > * > span:first-child,
  html.greeneco-meetings-route .meeting-results-overview > * > span:first-child,
  body.greeneco-meetings-route .meeting-results-summary > * > span:first-child,
  body.greeneco-meetings-route .meeting-result-summary > * > span:first-child,
  body.greeneco-meetings-route .meeting-results-overview > * > span:first-child{
    height:100%!important;
    display:flex!important;
    align-items:center!important;
    padding:6px 7px!important;
    border-left:1px solid #c4d0d5!important;
    background:#eff4f6!important;
    color:#3d5460!important;
    font-size:10px!important;
    font-weight:800!important;
  }

  html.greeneco-meetings-route .meeting-results-summary > * > b,
  html.greeneco-meetings-route .meeting-results-summary > * > strong,
  html.greeneco-meetings-route .meeting-result-summary > * > b,
  html.greeneco-meetings-route .meeting-result-summary > * > strong,
  html.greeneco-meetings-route .meeting-results-overview > * > b,
  html.greeneco-meetings-route .meeting-results-overview > * > strong,
  body.greeneco-meetings-route .meeting-results-summary > * > b,
  body.greeneco-meetings-route .meeting-results-summary > * > strong,
  body.greeneco-meetings-route .meeting-result-summary > * > b,
  body.greeneco-meetings-route .meeting-result-summary > * > strong,
  body.greeneco-meetings-route .meeting-results-overview > * > b,
  body.greeneco-meetings-route .meeting-results-overview > * > strong{
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:6px 8px!important;
    font-size:22px!important;
    color:#0f5066!important;
  }

  /* =========================================================
     3) Minutes approval — flatten heavy borders / stage strip
     ========================================================= */

  html.greeneco-meetings-route .meeting-approval-stage-strip,
  html.greeneco-meetings-route .meeting-approval-steps,
  html.greeneco-meetings-route .approval-step-strip,
  body.greeneco-meetings-route .meeting-approval-stage-strip,
  body.greeneco-meetings-route .meeting-approval-steps,
  body.greeneco-meetings-route .approval-step-strip{
    border:1px solid #aebdc3!important;
    background:#fff!important;
    box-shadow:none!important;
    padding:0!important;
    overflow:hidden!important;
  }

  html.greeneco-meetings-route .meeting-approval-stage-strip > *,
  html.greeneco-meetings-route .meeting-approval-steps > *,
  html.greeneco-meetings-route .approval-step-strip > *,
  body.greeneco-meetings-route .meeting-approval-stage-strip > *,
  body.greeneco-meetings-route .meeting-approval-steps > *,
  body.greeneco-meetings-route .approval-step-strip > *{
    border:0!important;
    border-left:1px solid #d1dce0!important;
    background:#fff!important;
    box-shadow:none!important;
  }

  html.greeneco-meetings-route .meeting-approval-stage-strip > *.active,
  html.greeneco-meetings-route .meeting-approval-steps > *.active,
  html.greeneco-meetings-route .approval-step-strip > *.active,
  body.greeneco-meetings-route .meeting-approval-stage-strip > *.active,
  body.greeneco-meetings-route .meeting-approval-steps > *.active,
  body.greeneco-meetings-route .approval-step-strip > *.active{
    background:#edf8f9!important;
    box-shadow:inset 0 -3px #20a0b1!important;
  }

  /* =========================================================
     4) Reports — place action buttons on a second row
     ========================================================= */

  html.greeneco-meetings-route .meeting-reports-actions-primary,
  body.greeneco-meetings-route .meeting-reports-actions-primary{
    display:none!important;
  }

  html.greeneco-meetings-route .meeting-reports-actions-secondary,
  body.greeneco-meetings-route .meeting-reports-actions-secondary{
    width:100%!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px!important;
    justify-content:flex-start!important;
    margin:0 0 6px!important;
  }

  /* =========================================================
     5) Search condition / condition-link popup toolbar
     ========================================================= */

  html.greeneco-meetings-route .condition-link-toolbar,
  html.greeneco-meetings-route .search-condition-toolbar,
  body.greeneco-meetings-route .condition-link-toolbar,
  body.greeneco-meetings-route .search-condition-toolbar{
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
    align-items:center!important;
  }

  html.greeneco-meetings-route .condition-link-toolbar .toolbar-close,
  html.greeneco-meetings-route .search-condition-toolbar .toolbar-close,
  body.greeneco-meetings-route .condition-link-toolbar .toolbar-close,
  body.greeneco-meetings-route .search-condition-toolbar .toolbar-close{
    order:2!important;
    justify-self:start!important;
  }

  html.greeneco-meetings-route .condition-link-toolbar .toolbar-fields,
  html.greeneco-meetings-route .search-condition-toolbar .toolbar-fields,
  body.greeneco-meetings-route .condition-link-toolbar .toolbar-fields,
  body.greeneco-meetings-route .search-condition-toolbar .toolbar-fields{
    order:1!important;
    min-width:0!important;
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:flex-end!important;
    gap:6px!important;
  }

  /* =========================================================
     6) Very small screens
     ========================================================= */
  @media (max-width: 920px){
    html.greeneco-meetings-route .meeting-toolbar-row-main,
    body.greeneco-meetings-route .meeting-toolbar-row-main{
      grid-template-columns:1fr!important;
    }

    html.greeneco-meetings-route .meeting-toolbar-subject,
    body.greeneco-meetings-route .meeting-toolbar-subject{
      grid-template-columns:110px minmax(0,1fr)!important;
    }

    html.greeneco-meetings-route .meeting-results-summary,
    html.greeneco-meetings-route .meeting-result-summary,
    html.greeneco-meetings-route .meeting-results-overview,
    body.greeneco-meetings-route .meeting-results-summary,
    body.greeneco-meetings-route .meeting-result-summary,
    body.greeneco-meetings-route .meeting-results-overview{
      grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
  }
}