/*
 * GreenEco v564
 * التعاميم والقرارات — تنسيق بصري مستلهم من شاشات المخازن.
 * Screen-only: لا يغيّر منطق البيانات أو الطباعة.
 */
@media screen {
  .circulars-page{
    width:min(1420px,calc(100% - 14px))!important;
    min-height:320px;
    margin:7px auto 34px!important;
    padding-bottom:0!important;
  }

  /* عنوان الشاشة بنفس هندسة شاشات المخازن */
  .circulars-page>.page-title{
    min-height:45px!important;
    margin:0 0 6px!important;
    padding:5px 54px!important;
    background:#fff!important;
    border:1px solid #9aa7ad!important;
    box-shadow:none!important;
  }

  .circulars-page>.page-title h1{
    margin:0!important;
    font-size:20px!important;
    line-height:1.2!important;
  }

  .circulars-page>.page-title p{
    margin:2px 0 0!important;
    font-size:11px!important;
  }

  .circulars-page>.page-title .page-title-icon{
    right:9px!important;
    width:27px!important;
    height:27px!important;
    background:#23b5c9!important;
  }

  /* شريط الأوامر */
  .circulars-page>.toolbar{
    min-height:44px!important;
    margin:0 0 6px!important;
    padding:5px 7px!important;
    border:1px solid #c6cdd1!important;
    background:#f5f6f6!important;
    justify-content:flex-start!important;
    gap:6px!important;
    overflow-x:auto;
    overflow-y:hidden;
  }

  .circulars-page>.toolbar .toolbar-actions,
  .circulars-page>.toolbar .toolbar-extra,
  .circulars-page>.toolbar .context-actions{
    flex-wrap:nowrap!important;
    gap:6px!important;
  }

  .circulars-page>.toolbar .toolbar-extra{
    margin-inline-start:auto;
  }

  .circulars-page>.toolbar .tool-button,
  .circulars-page>.toolbar .context-actions button{
    flex:0 0 auto;
    min-width:90px!important;
    min-height:33px!important;
    height:33px!important;
    padding:4px 10px!important;
    background:#fff!important;
    border:1px solid #87939b!important;
    border-radius:0!important;
    color:#111c23!important;
    font-size:12px!important;
    font-weight:700!important;
    box-shadow:none!important;
    transform:none!important;
  }

  .circulars-page>.toolbar .tool-button:hover,
  .circulars-page>.toolbar .context-actions button:hover{
    background:#eef6fb!important;
    transform:none!important;
  }

  .circulars-page>.toolbar .tool-button:disabled,
  .circulars-page>.toolbar .context-actions button:disabled{
    opacity:.42!important;
  }

  /* منطقة البحث/التحكم فوق الجدول */
  .circulars-page>.table-panel{
    background:#fff!important;
    border:1px solid #929ca1!important;
    box-shadow:none!important;
  }

  .circulars-page>.table-panel>.table-controls{
    display:grid!important;
    grid-template-columns:minmax(280px,1fr) auto auto;
    align-items:end!important;
    gap:7px!important;
    min-height:49px!important;
    padding:8px!important;
    background:#fff!important;
    border-bottom:1px solid #c3cbd0!important;
  }

  .circulars-page .table-search{
    max-width:none!important;
    min-width:0!important;
  }

  .circulars-page .table-search input,
  .circulars-page .page-size select{
    min-height:33px!important;
    height:33px!important;
    background:#eefafa!important;
    border:1px solid #77858c!important;
    border-radius:0!important;
    box-shadow:none!important;
  }

  .circulars-page .results-count{
    margin-inline-start:0!important;
    white-space:nowrap;
    align-self:center;
  }

  .circulars-page .page-size{
    white-space:nowrap;
    align-self:center;
  }

  /* الجدول: رأس داكن وتمرير مستقل مثل المخازن */
  .circulars-page .table-scroll{
    width:100%!important;
    max-height:calc(100vh - 315px)!important;
    overflow:auto!important;
    background:#fff!important;
  }

  .circulars-page .data-table{
    width:100%!important;
    min-width:1080px!important;
    border-collapse:collapse!important;
    background:#fff!important;
  }

  .circulars-page .data-table th,
  .circulars-page .data-table td{
    height:31px!important;
    padding:6px 7px!important;
    border:1px solid #a5abad!important;
    text-align:center!important;
    vertical-align:middle!important;
  }

  .circulars-page .data-table th{
    position:sticky!important;
    top:0!important;
    z-index:2!important;
    background:#70787c!important;
    color:#fff!important;
    white-space:nowrap!important;
    font-size:12px!important;
  }

  .circulars-page .data-table td{
    font-size:12px!important;
  }

  .circulars-page .data-table tbody tr:nth-child(even){
    background:#f6f6f6!important;
  }

  .circulars-page .data-table tbody tr:hover,
  .circulars-page .data-table tbody tr.selected-row{
    background:#d9eff6!important;
  }

  .circulars-page .table-footer{
    min-height:42px!important;
    padding:5px 10px!important;
    background:#f5f6f6!important;
    border-top:1px solid #aeb4b8!important;
  }

  .circulars-page .table-footer button{
    min-height:30px!important;
    height:30px!important;
    border:1px solid #87939b!important;
    border-radius:0!important;
    background:#fff!important;
    transform:none!important;
  }

  /* نافذة التعميم/القرار بنفس بساطة نوافذ المخازن */
  .circulars-page .modal-backdrop{
    padding:12px!important;
    background:#0008!important;
    backdrop-filter:none!important;
  }

  .circulars-page .modal-card.modal-wide,
  .circulars-page .modal-card{
    width:min(1060px,97vw)!important;
    max-height:95vh!important;
    border:1px solid #556168!important;
    box-shadow:0 15px 45px #0005!important;
    border-radius:0!important;
  }

  .circulars-page .modal-header{
    min-height:48px!important;
    padding:8px 12px!important;
    background:#eef3f5!important;
    border-bottom:1px solid #a8b2b8!important;
  }

  .circulars-page .modal-header h2{
    font-size:17px!important;
  }

  .circulars-page .modal-body{
    padding:12px!important;
  }

  .circulars-page .circular-print-letter{
    padding:10px!important;
    background:#fff!important;
    border:1px solid #929ca1!important;
  }

  .circulars-page .circular-form input:not([type="checkbox"]),
  .circulars-page .circular-form select,
  .circulars-page .circular-form textarea{
    background:#eefafa!important;
    border:1px solid #77858c!important;
    border-radius:0!important;
    box-shadow:none!important;
  }

  .circulars-page .circular-form input:focus,
  .circulars-page .circular-form select:focus,
  .circulars-page .circular-form textarea:focus{
    background:#f7ffff!important;
    outline:1px solid #43b0bf!important;
  }

  .circulars-page .circular-form .modal-actions{
    position:sticky;
    bottom:-12px;
    z-index:3;
    margin:10px -12px -12px;
    padding:9px;
    background:#f5f6f6!important;
    border-top:1px solid #c3c8cb!important;
  }

  .circulars-page .circular-form .modal-actions button{
    min-width:120px!important;
    min-height:34px!important;
    height:34px!important;
    border-radius:0!important;
    transform:none!important;
  }

  .circulars-page .attachment-panel{
    border:1px solid #929ca1!important;
    box-shadow:none!important;
  }

  @media (max-width:900px){
    .circulars-page{
      width:calc(100% - 6px)!important;
      margin:3px auto 30px!important;
    }

    .circulars-page>.toolbar{
      flex-wrap:nowrap!important;
    }

    .circulars-page>.table-panel>.table-controls{
      grid-template-columns:1fr 1fr;
    }

    .circulars-page .table-search{
      grid-column:1/-1;
    }

    .circulars-page .table-scroll{
      max-height:calc(100vh - 360px)!important;
    }
  }

  @media (max-width:620px){
    .circulars-page>.table-panel>.table-controls{
      grid-template-columns:1fr;
    }

    .circulars-page .table-search{
      grid-column:auto;
    }

    .circulars-page>.page-title h1{
      font-size:17px!important;
    }
  }

  /*
   * v564 — إخفاء شعار رأس التعميم فقط.
   * لا يتم إخفاء الحقول أو محتوى النموذج، والطباعة تبقى بدون تغيير
   * لأن هذا الملف محصور داخل @media screen.
   */
  .circulars-page .circular-form .official-letter-head{
    display:none!important;
  }

}