/*          ویرایش شده توسط خودم          */ 






/* تنظیمات بدنه و فونت اصلی سیستم با جهت راست‌به‌چپ */
body, html { 
    margin: 0; 
    padding: 0; 
    height: 100%; 
    font-family: Tahoma, sans-serif; 
    direction: rtl; /* جهت نوشتار فارسی */
    overflow-x: hidden; /* جلوگیری از اسکرول افقی ناخواسته */
}

/* ظرف اصلی که کل صفحه را به صورت فلکس مدیریت می‌کند */
/*      همچنین از اسکرول شدن کل صفحه جلوگیری  تا فوتر تغییر نکند . البته باید چک شود      */
.wrapper { 
    display: flex; 
    flex-direction: column; 
    height: 100vh; /* ارتفاع کامل صفحه نمایش */
}

/* هدر سیستم: بخش بالایی شامل نام سامانه و تاریخ */
header { 
    height: 60px; 
    background: SteelBlue; /* رنگ آبی ویندوزی */
    color: white; 
    display: flex; 
  /* منظور خط زیر است  این باعث می شود که تاریخ و نام برنامه جدا از هم و یکی منتهای سمت چپ و یکی منتهای سمت راست قرار بگیرد*/
    justify-content: space-between;  
    align-items: center; 
    padding: 0 15px; 
    flex-shrink: 0; /* جلوگیری از فشرده شدن هدر */
    z-index: 10; 
}


/* کانتینر میانی که سایدبار و محتوای اصلی را در بر می‌گیرد */
.main-container { 
    display: flex; 
    flex: 1; /* اشغال تمام فضای باقی‌مانده عمودی */
    overflow: hidden; 
}


/* سایدبار: بخش منوهای سمت راست با قابلیت اسکرول داخلی */
aside { 
    width: 220px; 
    background: #f0f0f0; 
    border-left: 1px solid #8e8f8f; 
    padding: 10px; 
    display: flex; 
    flex-direction: column; 
    height: 100%; 
    overflow-y: auto; 
    flex-shrink: 0; 
}

/* بخش اصلی نمایش محتوا که داده‌های ایجکس اینجا بارگذاری می‌شوند */
main { 
    flex: 1; 
    background: #ffffff; 
    padding: 10px; 
    padding-top: 2px; 
   overflow-y: auto;  /*       برای اینکه اسکرول افقی جدول کار کند       */
    position: relative;  
}


/* دکمه‌های سبک ویندوزی برای منو و فرم‌ها */
.win-btn { 
    display: block; 
    width: 100%; 
    padding: 10px; 
    margin-bottom: 5px; 
    text-align: right; 
    border: 1px solid #8e8f8f; 
    background: #e1e1e1; 
    cursor: pointer; 
    font-size: 15px; 
    color: black; 
    border-radius: 2px; 
font-weight: bold;
}


/* تغییر رنگ دکمه هنگام نگه داشتن موس */
.win-btn:hover { 
    background: #cce8ff; 
}

/* زیرمنوها که با کلیک روی منوی اصلی باز/بسته می‌شوند */
.sub-menu { 
    display: none; /* در حالت پیش‌فرض مخفی است */
    padding-right: 15px; 
    margin-bottom: 10px; 
    border-right: 2px solid #0078d7; 
}

/* استایل ورودی‌های متن و دراپ‌داون‌ها */
.win-input { 
  /*  width: 100%; */
    padding: 10px; 
    margin-bottom: 1px; 
    border: 1px solid #7a7a7a; 
    font-family: Tahoma; 
    font-size: 13px;
    /* تنظیم ارتفاع برای یکسان‌سازی با دکمه جستجو */
    height: 30px; /* حدودا ارتفاع پیش‌فرض + پدینگ و بوردر */
    box-sizing: border-box; 
}

/* محفظه جدول برای ایجاد اسکرول افقی در موبایل */
.table-container { 
    width: 100%; 
    overflow-x: auto; 
    margin-top: 1px; 
    border: 1px solid #ccc; 
}

/* جداول نمایش داده‌ها */
.win-table { 
    width: 100%; 
     border-collapse: collapse; /*  اگر نباشد .بوردر سلول ها قشنگتر می شود    */
}

/* هدر چسبان جدول که هنگام اسکرول در بالای کانتینر می‌ماند */
.win-table th { 
    background: #eee; 
    position: sticky; 
   top: 0; /*   این باید باشد تا پوزیشن استیکی عمل کند      */ 
    cursor: pointer; /* نشانگر قابلیت مرتب‌سازی */
}

/* استایل سلول‌های جدول */
.win-table th, .win-table td { 
    border: 1px solid #ccc; 
    padding: 8px; 
    text-align: center; 
    font-size: 12px; 
}

/* فرم ثابت در بالای صفحه */
.safeha{
  position: sticky;  /* یا 'fixed' برای ثابت نگه‌داشتن در صفحه */
  top: 0;  /* از بالای صفحه جدا نشود */
  background-color: white;  /* رنگ پس‌زمینه فرم */
  z-index: 10;  /* از جدول جلوتر باشد */
  padding: 10px 0;  /* برای فاصله مناسب از بالا */
  border-bottom: 2px solid #ccc;  /* خط جداکننده از جدول */
  width: 100%;  /* فرم به اندازه عرض صفحه */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);  /* سایه برای ظاهر بهتر */
}

/* جدول اسکرولدار */
.table-container {
  max-height: 400px; /* ارتفاع حداکثر برای جدول */
  overflow-y: auto;  /* اسکرول عمودی فعال */
  margin-top: 10px;  /* فاصله جدول از فرم */
}

.win-btn_safhe{
    font-size: 13px; 
/* font-weight: bold; */
    font-family:  Vazir , Tahoma ; 
    margin-top: 5px;
    margin-right: 5px;
    border-radius: 5px; 
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2); 
}

footer {font-size: 12px; height: 20px;padding-right: 15px; }

.navar_onvan_safhe{ background-color: Ivory; text-align:center;}

.navar_dokmeha{background-color: MintCream; height: 36px;}

.elan{border:none;   font-size: 13px; font-family: Vazir , Tahoma; }



.table-container{margin-top: 0px;height: 200px;}

.win-input-jostjoo{height: 30px; margin-top: 8px; background-color: Azure;}

#zakhir_btn{background-color: LightGreen;}
#eslah_btn{background-color: LightGreen;}
#hazf_btn{background-color: Salmon;}
#vira_btn{background-color: DarkKhaki;}
#bazneshany_btn{background-color: Thistle;}



.win-table tr:nth-child(odd) {
    background-color: #FFFFFF;
}

.win-table tr:nth-child(even) {
    background-color: Snow;
}



.highlighted {background-color: LightSkyBlue;}







/* --- ریسپانسیو سازی برای دستگاه‌های موبایل --- */
@media (max-width: 768px) {
    /* تغییر چیدمان از افقی به عمودی */
    .main-container { flex-direction: column; overflow-y: auto; }
    /* سایدبار در بالا قرار می‌گیرد */
    aside { width: 96%; height: auto; border-left: none; border-bottom: 1px solid #ccc; }
    /* اجازه به بدنه برای اسکرول طبیعی */
    main { overflow: visible; }
    .wrapper { height: auto; min-height: 100vh; }

    
 /*   body{ background: #005a9e;}   */
    
}