/*
 GreenEco — Items record dialogs
 Screen: إدارة الأصناف

 Applies only to:
 - إضافة — إدارة الأصناف
 - تعديل — إدارة الأصناف
 - بحث — إدارة الأصناف

 Goal:
 - Same centered popup language as invoice/quotation item details.
 - Centered horizontally and vertically.
 - Dark backdrop.
 - Compact professional header.
 - Stable controls without hover movement.
 - No business logic / app.js / print changes.

 Version: 3.3.16.44.2.536
*/

@media screen {

  /* =========================================================
     CENTERED BACKDROP
     Override generic "under ribbon / start aligned" modal rules.
     ========================================================= */

  .modal-backdrop.modal-fixed-under-ribbon.greeneco-managed-modal-backdrop.items-record-invoice-dialog{
    position:fixed!important;

    top:0!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    inset:0!important;

    width:100vw!important;
    height:100vh!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;

    margin:0!important;
    padding:18px!important;

    display:grid!important;
    place-items:center!important;
    align-items:center!important;
    justify-items:center!important;
    align-content:center!important;
    justify-content:center!important;

    overflow:hidden!important;

    background:#071829b8!important;
    box-sizing:border-box!important;

    z-index:12600!important;
  }

  .modal-backdrop.modal-fixed-under-ribbon.greeneco-managed-modal-backdrop.items-record-invoice-dialog
  > .greeneco-managed-modal-card.items-record-invoice-dialog-card{
    position:relative!important;

    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    inset:auto!important;

    align-self:center!important;
    justify-self:center!important;

    width:min(820px,calc(100vw - 36px))!important;
    min-width:0!important;
    max-width:820px!important;

    height:auto!important;
    min-height:0!important;
    max-height:calc(100vh - 36px)!important;

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

    display:flex!important;
    flex-direction:column!important;

    overflow:hidden!important;

    border:1px solid #68777f!important;
    border-radius:0!important;
    background:#fff!important;

    box-shadow:0 18px 55px #0006!important;

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

  /* Search needs a little more width, as in invoice item picker. */
  .modal-backdrop.modal-fixed-under-ribbon.greeneco-managed-modal-backdrop.items-record-invoice-dialog
  > .greeneco-managed-modal-card.items-record-search-dialog-card{
    width:min(900px,calc(100vw - 36px))!important;
    max-width:900px!important;
  }

  /* =========================================================
     HEADER
     ========================================================= */

  .items-record-invoice-dialog-card
  > .modal-header{
    flex:0 0 auto!important;

    min-height:47px!important;

    margin:0!important;
    padding:7px 12px!important;

    display:flex!important;
    align-items:center!important;
    gap:6px!important;

    border:0!important;
    border-bottom:1px solid #a8b1b6!important;
    border-radius:0!important;
    background:#f4f8fa!important;

    box-sizing:border-box!important;
  }

  .items-record-invoice-dialog-card
  > .modal-header > h2{
    flex:1 1 auto!important;

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

    text-align:center!important;
    font-size:19px!important;
    font-weight:900!important;

    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* Invoice detail popup uses one clear close control. */
  .items-record-invoice-dialog-card
  > .modal-header
  > .modal-taskbar-minimize,

  .items-record-invoice-dialog-card
  > .modal-header
  > .modal-size-controls{
    display:none!important;
  }

  .items-record-invoice-dialog-card
  > .modal-header
  > .icon-button{
    flex:0 0 32px!important;

    width:32px!important;
    min-width:32px!important;
    max-width:32px!important;

    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;

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

    display:grid!important;
    place-items:center!important;

    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#d91920!important;

    box-shadow:none!important;

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

  .items-record-invoice-dialog-card
  > .modal-header
  > .icon-button svg{
    width:22px!important;
    height:22px!important;
  }

  /* =========================================================
     BODY
     ========================================================= */

  .items-record-invoice-dialog-card
  > .modal-body{
    flex:1 1 auto!important;
    min-height:0!important;

    margin:0!important;
    padding:13px!important;

    overflow:auto!important;
    overscroll-behavior:contain!important;

    background:#fff!important;
    box-sizing:border-box!important;
  }

  /* =========================================================
     ADD / EDIT ITEM FORM
     ========================================================= */

  .items-record-edit-dialog-card
  .entity-form{
    margin:0!important;
    padding:0!important;
  }

  .items-record-edit-dialog-card
  .form-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px 10px!important;

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

  .items-record-edit-dialog-card
  .form-grid > label{
    width:100%!important;
    min-width:0!important;

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

    display:grid!important;
    grid-template-columns:105px minmax(0,1fr)!important;
    align-items:center!important;
    gap:7px!important;

    font-weight:900!important;
  }

  .items-record-edit-dialog-card
  .form-grid > label.full-field{
    grid-column:1 / -1!important;
  }

  .items-record-edit-dialog-card
  .form-grid > label > span{
    min-width:0!important;
    font-weight:900!important;

    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .items-record-edit-dialog-card
  .form-grid input:not([type="checkbox"]),

  .items-record-edit-dialog-card
  .form-grid select,

  .items-record-edit-dialog-card
  .form-grid textarea{
    width:100%!important;
    min-width:0!important;

    border:1px solid #6e858f!important;
    border-radius:0!important;
    background:#d7eff0!important;

    padding:4px 8px!important;
    box-sizing:border-box!important;
  }

  .items-record-edit-dialog-card
  .form-grid input:not([type="checkbox"]),

  .items-record-edit-dialog-card
  .form-grid select{
    height:34px!important;
    min-height:34px!important;
  }

  .items-record-edit-dialog-card
  .form-grid textarea{
    min-height:78px!important;
    resize:vertical!important;
  }

  .items-record-edit-dialog-card
  .form-grid input[type="checkbox"]{
    justify-self:start!important;

    width:22px!important;
    height:22px!important;

    margin:0!important;
  }

  .items-record-edit-dialog-card
  .modal-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:nowrap!important;
    gap:7px!important;

    margin:12px 0 0!important;
    padding:10px 0 0!important;

    border-top:1px solid #ccd4d8!important;
  }

  .items-record-edit-dialog-card
  .modal-actions > button{
    min-width:120px!important;

    height:35px!important;
    min-height:35px!important;

    border-radius:0!important;

    transform:none!important;
    translate:none!important;
    scale:none!important;
    box-shadow:none!important;
  }

  /* =========================================================
     ADVANCED SEARCH
     ========================================================= */

  .items-record-search-dialog-card
  .advanced-entity-search{
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
  }

  .items-record-search-dialog-card
  .advanced-search-note{
    margin:0!important;
    padding:8px 10px!important;

    border:1px solid #b9c8d1!important;
    border-radius:0!important;
    background:#edf6fb!important;
  }

  .items-record-search-dialog-card
  .advanced-search-mode{
    display:grid!important;
    grid-template-columns:110px minmax(0,1fr)!important;
    align-items:center!important;
    gap:7px!important;

    margin:0!important;
  }

  .items-record-search-dialog-card
  .advanced-search-mode select{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;

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

    border:1px solid #6e858f!important;
    border-radius:0!important;
    background:#d7eff0!important;

    padding:4px 8px!important;
  }

  .items-record-search-dialog-card
  .advanced-search-rules{
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
  }

  .items-record-search-dialog-card
  .advanced-search-rule{
    display:grid!important;
    grid-template-columns:
      minmax(150px,1fr)
      minmax(130px,.85fr)
      minmax(190px,1.35fr)
      36px!important;
    gap:7px!important;
    align-items:center!important;

    margin:0!important;
    padding:7px!important;

    border:1px solid #b9c8d1!important;
    border-radius:0!important;
    background:#f7fafb!important;
  }

  .items-record-search-dialog-card
  .advanced-search-rule select,

  .items-record-search-dialog-card
  .advanced-search-rule input{
    width:100%!important;
    min-width:0!important;

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

    border:1px solid #6e858f!important;
    border-radius:0!important;
    background:#d7eff0!important;

    padding:4px 8px!important;
    box-sizing:border-box!important;
  }

  .items-record-search-dialog-card
  .advanced-search-remove{
    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;

    border-radius:0!important;

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

  .items-record-search-dialog-card
  .advanced-search-footer{
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:7px!important;

    margin:0!important;
    padding:10px 0 0!important;

    border-top:1px solid #ccd4d8!important;
  }

  .items-record-search-dialog-card
  .advanced-search-footer > button{
    min-width:110px!important;
    height:35px!important;
    min-height:35px!important;

    border-radius:0!important;

    transform:none!important;
    translate:none!important;
    scale:none!important;
    box-shadow:none!important;
  }

  /* =========================================================
     NO JITTER
     ========================================================= */

  .items-record-invoice-dialog button:hover:not(:disabled),
  .items-record-invoice-dialog button:focus-visible,
  .items-record-invoice-dialog button:active{
    translate:none!important;
    scale:none!important;
  }

  .items-record-invoice-dialog-card
  > .modal-header
  > .icon-button:hover,

  .items-record-invoice-dialog-card
  > .modal-header
  > .icon-button:focus-visible,

  .items-record-invoice-dialog-card
  > .modal-header
  > .icon-button:active{
    transform:none!important;
    translate:none!important;
    scale:none!important;
    box-shadow:none!important;
  }
}

@media screen and (max-width:760px){

  .items-record-edit-dialog-card
  .form-grid{
    grid-template-columns:1fr!important;
  }

  .items-record-edit-dialog-card
  .form-grid > label.full-field{
    grid-column:auto!important;
  }

  .items-record-edit-dialog-card
  .form-grid > label{
    grid-template-columns:1fr!important;
  }

  .items-record-search-dialog-card
  .advanced-search-rule{
    grid-template-columns:1fr!important;
  }

  .items-record-search-dialog-card
  .advanced-search-remove{
    width:100%!important;
    max-width:none!important;
  }
}