body
{
  background-color:#ffffff;
   -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
}

  .row-head {
  width: auto;        /* عرض خودکار بر اساس محتوا */
  height: 80px;       /* ارتفاع ثابت */
  
  display: flex;
}



/* فونت فارسی */
@font-face {
    font-family: 'Yekan';
    src: url('../fonts/Yekan.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* برای نمایش بهتر هنگام لود فونت */
}

 @font-face {
            font-family: 'MIcons';
            src: url('../fonts/MaterialIcons-Regular.ttf') format('truetype');
            font-weight: normal;
            font-style: normal;
        }

		
		
		

/* استایل پایه تکست باکس */
.modern-textbox {
    width: 100%;
    height: 34px;
    max-width: 400px;
    padding: 5px 4px 4px 4px; /* بالا، راست، پایین، چپ */
    margin: 4px 0px 4px 0px;
    font-family: "Yekan", "B Yekan", Tahoma, sans-serif;
    font-size: 14px;
    color: #6e6e6e;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    box-shadow: 
        0 2px 8px rgba(0,0,0,0.08),
        inset 0 1px 3px rgba(255,255,255,0.5);
    transition: 
        box-shadow 0.25s ease,
        transform 0.25s ease,
        background-color 0.3s ease;
    outline: none;
    display: block;
    text-align: center;
    line-height: 24px; /* کنترل دقیق موقعیت متن */
	
}

.modern-textbox:read-only,
.modern-textbox[readonly] {
    background-color: #f8f9fa;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 
        0 2px 8px rgba(0,0,0,0.08),
        inset 0 1px 3px rgba(255,255,255,0.5);
    color: #6e6e6e; /* یا رنگ دلخواه برای متن */
    cursor: pointer; /* نشانگر دست برای قابلیت کلیک */
    
    
    user-select: none; /* جلوگیری از انتخاب متن */
}

/* غیرفعال کردن حالت فوکوس */
.modern-textbox:read-only:focus,
.modern-textbox[readonly]:focus {
    outline: none !important;
    box-shadow: none !important;
}



/* حالت فوکوس فقط برای input غیر read-only */
.modern-textbox:focus:not([readonly]) {
  background-color: #ffffff;



border-color: rgba(126, 87, 194, 0.5);
}



/* پلیس هولدر */
.modern-textbox::placeholder {
    color: #6e6e6e;
    opacity: 1;
    transition: color 0.2s ease;
}

/* حالت hover */
.modern-textbox:hover {
    box-shadow: 
        0 3px 10px rgba(0,0,0,0.1),
        inset 0 1px 3px rgba(255,255,255,0.6);
}

/* حالت فعال (فشرده شدن) */
.modern-textbox:active  {
    
}








/* استایل دکمه نهایی بدون کادر آبی */
.modern-button {
    width: auto;
    max-width: 200px;
    min-width: 90px;
    height: 42px;
    padding: 5px 4px 4px 4px;
    margin: 4px 0;
    font-family: "Yekan", "B Yekan", Tahoma, sans-serif;
    font-weight: bold;
    color: #ffffff;
    background: linear-gradient(135deg, #6e8efb, #9084ec);
    border: none;
    border-radius: 12px;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease; /* تغییر به all برای پشتیبانی از تمام تغییرات */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    outline: none;
}

/* استایل فوکوس بهبود یافته */
.modern-button:focus-visible {
    box-shadow: 0 0 0 3px rgba(110, 142, 251, 0.5),
                0 2px 5px rgba(0, 0, 0, 0.2);
    transform: translateY(-1px);
}

.modern-button:hover {
    background: linear-gradient(135deg, #5e7efb, #8074ec);
}

.modern-button:active {
    transform: translateY(1px);
}

.modern-button span {
    display: inline-block;
    font-size: 14px;
    transition: transform 0.2s ease;
}

.modern-button:active span {
    animation: textPop 0.3s ease;
}

.modern-button:disabled {
    background: #B39DDB;
    cursor: not-allowed;
    opacity: 0.7;
}

/* افکت‌های باقی مانده... */
.modern-button::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5px;
    height: 5px;
    background: rgba(255, 255, 255, 0.5);
    opacity: 0;
    border-radius: 100%;
    transform: translate(-50%, -50%);
}

.modern-button:active::after {
    animation: ripple 0.4s ease-out;
}

@keyframes textPop {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

@keyframes ripple {
    0% {
        transform: translate(-50%, -50%) scale(0);
        opacity: 0.5;
    }
    100% {
        transform: translate(-50%, -50%) scale(20);
        opacity: 0;
    }
}






.material-icons{
          position: absolute;
		  left: 10px; top: 50%;
		  transform: translateY(-50%);
		  pointer-events: none;
		  color: #6e6e6e;
		  font-family: 'MIcons';
		  font-size: 24px;
		  
}




   







 /* استایل اصلی برای container */
.table-container {
    height: 300px;
    overflow: auto;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    background-color: rgba(0,0,0,0.0);
    margin: 10px auto;
    max-width: 1900px;
    scrollbar-width: thin; /* برای فایرفاکس */
    scrollbar-color: rgba(0,0,0,0.2) rgba(0,0,0,0.0); /* برای فایرفاکس */
position: relative;
direction:ltr;
}






/* بقیه استایل‌های موجود شما */
table {
    border-collapse: collapse;
    width: 100%;
    min-width: 600px;
    border-spacing: 0;
direction:rtl;
}

thead tr {
    background: linear-gradient(135deg, #6e8efb, #9084ec);
    position: sticky;
    top: 0;
    z-index: 10;
}

th {
    background-color: transparent;
    color: white;
    position: sticky;
    top: 0;
    z-index: 10;
    font-weight: 600;
    text-align: right;
    padding: 8px 10px;
    white-space: nowrap;
    height:30px;
    text-align:center;
    border: none !important;
    margin: 0 !important;
}

td {
    height: 50px;
    border-bottom: 0px solid #e5e7eb;
    padding: 5px 6px;
    text-align: right;
    box-sizing: border-box;
    color: #374151;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    text-align:center;
    margin: 0 !important;
}

tr:hover {
    background-color: rgba(147, 112, 219, 0.12) !important;
}

tr:nth-child(even) {
    background-color: #f9fafb;
}

.status {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 0.8em;
    font-weight: 500;
    white-space: nowrap;
}

.status-active {
    background-color: #d1fae5;
    color: #065f46;
}

.status-inactive {
    background-color: #fee2e2;
    color: #991b1b;
}

.action-buttons {
    display: flex;
    gap: 5px;
    justify-content: flex-end;
}

.action-btn {
    border: none;
    padding: 5px 8px;
    border-radius: 12px;
    cursor: pointer;
    font-size: 0.8em;
    white-space: nowrap;
}

.edit-btn {
    background: #f1c40f25;
    color: #f39c12;
}

.delete-btn {
    background-color: #fee2e295;
    color: #ef444499;
}
		
.pHolder{
		  position: absolute;
	  right: 10px;
	  top: 50%;
	  transform: translateY(-50%);
	  color: #6e6e6e;
	  pointer-events: none; /* برای جلوگیری از تداخل کلیک */
	  z-index: 1;
	  background: rgba(255,255,255,0.3); /* پس‌زمینه سفید برای خوانایی بهتر */
	  padding: 0 5px;
	  font-size:14px;
		}
		
		.toper{
		  
		}
		
		
		
		



		
	/* استایل پایه دکمه شفاف */
.icon-btn {
  width: 48px;
  height: 48px;
  border: none;
  background: transparent;
  color: #C0C0C0; /* رنگ آیکون */
  font-size: 32px;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  outline: none;
  border-radius: 50%; /* دایره‌ای شکل */
  transition: all 0.3s ease;
  font-family: 'MIcons';


}

/* حالت hover */
.icon-btn:hover {
  
  
  transform: scale(1.1);
}

/* حالت active (کلیک) */
.icon-btn:active {
 
  transform: scale(0.75);
}

/* انیمیشن آیکون */
.icon-btn i {
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* افکت پالس هنگام هاور */
.icon-btn:hover i {
  animation: pulse 1.5s infinite;
}

/* افکت فشرده شدن هنگام کلیک */
.icon-btn:active i {
  transform: scale(0.8);
  animation: pulse 1.5s infinite;
  transform: scale(0.1);
  
}

/* انیمیشن پالس */
@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1); }
}


@keyframes ring {
  0% { transform: scale(0.8); opacity: 1; }
  100% { transform: scale(1.3); opacity: 0; }
}







.dropdown {
  position: relative;
}

.dropdown input {
  width: 100%;
}

.dropdown ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 12px;
  display: none;
  position: absolute;
  width: 100%;
  background: rgba(255,255,255,0.6) !important;    
  backdrop-filter: blur(12px) !important;    
  -webkit-backdrop-filter: blur(12px) !important;    
  z-index: 800;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  max-height: 400px;
  overflow-y: auto;
}

.dropdown ul li {
  position: relative;
  padding: 8px;
  cursor: pointer;
  color: #6e6e6e;
}

.dropdown ul li.highlighted {
  background: rgba(0, 123, 255, 0.15) !important; /* آبی شفاف */
  border-left: 8px solid rgba(0,0,0,0.07) !important;      /* خط آبی کناری */
  color: #004085 !important;                     /* آبی تیره برای متن */
  font-weight: 500 !important;    

}



.dropdown ul li:last-child::after {
  display: none;
}