/*
 GreenEco — Invoices & Quotations / Document Archive
 FINAL specificity fix for archive screen.

 Root cause fixed:
 legacy-commercial-screens.css v1.0.21 contains a stronger !important rule:
   .page-container.document-page[data-commercial-view="archive"]
   .legacy-commercial-shell > .legacy-archive-screen:not([hidden]){
     display:block !important;
     overflow:auto !important;
   }

 This patch deliberately matches/exceeds that scope so the requested
 archive layout wins without editing the original JavaScript or stylesheet.

 Requirements:
 - ALL commands + ALL filters in ONE horizontal row.
 - Existing native Exit becomes X at far left.
 - No data/control/column removed.
 - No side columns, wrapping, stretching, or hover jitter.
 - Title + one-row controls + count fixed.
 - Table body only scrolls.
 - Table column headers fixed.
 - Print untouched.
 Version: 3.3.16.44.2.532
*/

@media screen {

  /* ---------------------------------------------------------
     FIXED WORKSPACE
     --------------------------------------------------------- */

  .app-shell:has(
    .page-container.document-page[data-commercial-view="archive"]
    .legacy-archive-screen:not([hidden])
  ){
    height:100vh!important;
    min-height:100vh!important;
    max-height:100vh!important;
    overflow:hidden!important;
  }

  .app-shell:has(
    .page-container.document-page[data-commercial-view="archive"]
    .legacy-archive-screen:not([hidden])
  ) > .app-workspace{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow:hidden!important;
    position:relative!important;
    z-index:1!important;
  }

  .page-container.document-page[data-commercial-view="archive"]{
    position:absolute!important;
    inset:0!important;

    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;

    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  .page-container.document-page[data-commercial-view="archive"]
  > .legacy-commercial-shell{
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;

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

    display:block!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  /*
   * IMPORTANT:
   * This selector intentionally matches the strong v1.0.21 legacy selector.
   * Because this stylesheet loads later, display:grid now wins over
   * display:block !important.
   */
  .page-container.document-page[data-commercial-view="archive"]
  .legacy-commercial-shell
  > .legacy-archive-screen:not([hidden]){
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;

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

    display:grid!important;
    grid-template-columns:repeat(8,minmax(0,1fr))!important;
    grid-template-rows:44px 56px 28px minmax(0,1fr)!important;
    gap:6px!important;
    align-items:stretch!important;
    align-content:stretch!important;

    overflow:hidden!important;
    box-sizing:border-box!important;

    border:1px solid #6e777c!important;
    background:#fff!important;
  }

  /* ---------------------------------------------------------
     TITLE — fixed
     --------------------------------------------------------- */

  .page-container.document-page[data-commercial-view="archive"]
  .legacy-archive-screen:not([hidden])
  > header{
    grid-column:1 / -1!important;
    grid-row:1!important;

    width:100%!important;
    min-width:0!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;

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

  .page-container.document-page[data-commercial-view="archive"]
  .legacy-archive-screen:not([hidden])
  > header > h2{
    width:100%!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;

    margin:0!important;
    padding:5px 42px!important;

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

    border:1px solid #87939b!important;
    border-radius:0!important;
    background:#fff!important;

    box-sizing:border-box!important;
    font-size:16px!important;
    overflow:hidden!important;
  }

  /* ---------------------------------------------------------
     ONE HORIZONTAL ROW ONLY
     RTL visual order:
     بحث | فتح | حذف | طباعة | تحديث | بحث-فلتر | النوع | ×
     --------------------------------------------------------- */

  .page-container.document-page[data-commercial-view="archive"]
  .legacy-archive-screen:not([hidden])
  > .legacy-archive-actions,

  .page-container.document-page[data-commercial-view="archive"]
  .legacy-archive-screen:not([hidden])
  > .legacy-archive-filter{
    display:contents!important;
  }

  .page-container.document-page[data-commercial-view="archive"]
  .legacy-archive-screen:not([hidden])
  > .legacy-archive-actions
  > button{
    grid-row:2!important;

    width:100%!important;
    min-width:0!important;
    max-width:none!important;

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

    align-self:center!important;
    margin:0!important;
    padding:5px 7px!important;

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

    border:1px solid #87939b!important;
    border-radius:0!important;
    background:#fff!important;

    box-sizing:border-box!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;

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

  .page-container.document-page[data-commercial-view="archive"]
  .legacy-archive-actions > button[data-archive-action="search"]{
    grid-column:8!important;
  }

  .page-container.document-page[data-commercial-view="archive"]
  .legacy-archive-actions > button[data-archive-action="open"]{
    grid-column:7!important;
  }

  .page-container.document-page[data-commercial-view="archive"]
  .legacy-archive-actions > button[data-archive-action="delete"]{
    grid-column:6!important;
  }

  .page-container.document-page[data-commercial-view="archive"]
  .legacy-archive-actions > button[data-archive-action="print"]{
    grid-column:5!important;
  }

  .page-container.document-page[data-commercial-view="archive"]
  .legacy-archive-actions > button[data-archive-action="refresh"]{
    grid-column:4!important;
  }

  /* Existing Exit button: same native function, visual label only = X. */
  .page-container.document-page[data-commercial-view="archive"]
  .legacy-archive-actions > button[data-archive-action="exit"]{
    grid-column:1!important;
    font-size:0!important;
  }

  .page-container.document-page[data-commercial-view="archive"]
  .legacy-archive-actions > button[data-archive-action="exit"]::before{
    content:"×"!important;
    font-size:23px!important;
    font-weight:900!important;
    line-height:1!important;
  }

  /* Filter Search. */
  .page-container.document-page[data-commercial-view="archive"]
  .legacy-archive-filter > label:first-child{
    grid-column:3!important;
    grid-row:2!important;
  }

  /* Type filter. */
  .page-container.document-page[data-commercial-view="archive"]
  .legacy-archive-filter > label:last-child{
    grid-column:2!important;
    grid-row:2!important;
  }

  .page-container.document-page[data-commercial-view="archive"]
  .legacy-archive-filter > label{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;

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

    align-self:center!important;
    margin:0!important;
    padding:3px 5px!important;

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

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

    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  .page-container.document-page[data-commercial-view="archive"]
  .legacy-archive-filter > label > span{
    min-width:0!important;
    margin:0!important;
    padding:0!important;

    font-size:10px!important;
    font-weight:900!important;

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

  .page-container.document-page[data-commercial-view="archive"]
  .legacy-archive-filter input,

  .page-container.document-page[data-commercial-view="archive"]
  .legacy-archive-filter select{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;

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

    margin:0!important;
    padding:4px 6px!important;

    border:1px solid #75868e!important;
    border-radius:0!important;

    box-sizing:border-box!important;
    font-size:10px!important;
  }

  /* ---------------------------------------------------------
     COUNT — retained, fixed
     --------------------------------------------------------- */

  .page-container.document-page[data-commercial-view="archive"]
  .legacy-archive-screen:not([hidden])
  > .legacy-archive-count{
    grid-column:1 / -1!important;
    grid-row:3!important;

    width:100%!important;
    min-width:0!important;

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

    margin:0!important;
    padding:4px 3px!important;

    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  /* ---------------------------------------------------------
     TABLE — ONLY SCROLLABLE AREA
     --------------------------------------------------------- */

  .page-container.document-page[data-commercial-view="archive"]
  .legacy-archive-screen:not([hidden])
  > .legacy-archive-table-wrap{
    grid-column:1 / -1!important;
    grid-row:4!important;

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

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

    overflow-y:auto!important;
    overflow-x:auto!important;
    overscroll-behavior:contain!important;
    scrollbar-gutter:stable!important;

    border:1px solid #8c979c!important;
    box-sizing:border-box!important;
  }

  .page-container.document-page[data-commercial-view="archive"]
  .legacy-archive-table{
    width:100%!important;
    min-width:860px!important;
    border-collapse:separate!important;
    border-spacing:0!important;
  }

  .page-container.document-page[data-commercial-view="archive"]
  .legacy-archive-table thead th{
    position:sticky!important;
    top:0!important;
    z-index:6!important;

    background:#657078!important;
    color:#fff!important;
  }

  /* Explicit visibility protection; never suppress existing records. */
  .page-container.document-page[data-commercial-view="archive"]
  .legacy-archive-table tbody,
  .page-container.document-page[data-commercial-view="archive"]
  .legacy-archive-table tbody tr,
  .page-container.document-page[data-commercial-view="archive"]
  .legacy-archive-table tbody td{
    visibility:visible!important;
    opacity:1!important;
  }

  /* ---------------------------------------------------------
     NO JITTER
     --------------------------------------------------------- */

  .page-container.document-page[data-commercial-view="archive"]
  .legacy-archive-screen:not([hidden]) button:hover,

  .page-container.document-page[data-commercial-view="archive"]
  .legacy-archive-screen:not([hidden]) button:focus-visible,

  .page-container.document-page[data-commercial-view="archive"]
  .legacy-archive-screen:not([hidden]) button:active{
    transform:none!important;
    translate:none!important;
    scale:none!important;
    box-shadow:none!important;
    filter:none!important;
  }
}