/* تنظیمات کلی صفحه */
 * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  
}
:root {
--default-font-family: YekanBakh-Black;
font-family: Yekan Bakh;
}
body {
  font-family: Yekan Bakh;
  background-color: #ffff;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}


/* کانتینر کلی */
.container {
  display: flex;
  flex: 1;
  padding: 20px;
  gap: 20px;
}

.main-cont {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 20px;
  
}






/* تنظیمات کلی برای کانتینر */
.block-container {
display: flex;
flex-direction: column; /* در حالت عمودی */
gap: 15px;
border: 1px solid #ddd;
border-radius: 13px;
padding: 24px;
background-color: #f9f9f9;
max-width: 1094px;
height: 306px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* تنظیمات هدر */
.block-header {
display: flex;
flex-direction: column;
align-items: flex-start;
align-self: stretch;
flex-wrap: nowrap;
flex-shrink: 0;
gap: 8px;
position: relative;

}

.block-header h2 {
margin: 0;
color: #333;
font-size: 18px;
}

.block-header p {
font-size: 14px;
color: #666;
}

/* تنظیمات ورودی و دکمه */
.block-input {
display: flex;
align-items: flex-start;
justify-content: flex-end;
align-self: stretch;
flex-wrap: nowrap;
flex-grow: 1;
flex-shrink: 0;
flex-basis: 0;
gap: 32px;
position: relative;

}


.block-input textarea {
width: 100%;
height: 100px;
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px;
resize: none;
}

.block-button {
display: flex;
align-items: flex-end;

justify-content: center;
flex-wrap: nowrap;
flex-shrink: 0;
gap: 10px;
position: relative;
width: 109px;
height: 35px;
padding: 6px 24px 6px 24px;
cursor: pointer;
background: #37619d;
border: none;

overflow: hidden;
border-radius: 6px;
}
.block-button:hover {
background-color: #003e99;
}
.input{
display: flex;
align-items: flex-start;
justify-content: flex-end;
align-self: stretch;
flex-wrap: nowrap;
flex-grow: 1;
border: none;}

.input-cont{    
display: flex;
align-items: flex-start;
justify-content: flex-end;
align-self: stretch;
flex-wrap: nowrap;
flex-grow: 1;
flex-shrink: 0;
flex-basis: 0;
gap: 17px;
position: relative;
padding: 19px 24px 19px 24px;
background: #ffffff;
border-radius: 10px;
}
.input-1{
display: flex;
align-items: flex-start;
justify-content: flex-end;
align-self: stretch;
flex-wrap: nowrap;
flex-grow: 1;
border: none;
font-family: Yekan Bakh, var(--default-font-family);  
outline: none;
}
.submit-list {
display: flex;
align-items: center;
justify-content: flex-end;
flex-shrink: 0;
flex-basis: auto;
position: relative;
width: 61px;
height: 22px;
color: #ffffff;
font-family: Yekan Bakh, var(--default-font-family);
font-size: 14px;
font-weight: 600;
line-height: 22px;
text-align: right;
white-space: nowrap;

}
.butt-cont{
display: flex;
align-items: flex-end;
justify-content: end;
}
/* ریسپانسیو برای موبایل */
@media (max-width: 768px) {
.block-container {
  padding: 15px;
}
.block-header h2 {
  font-size: 16px;
}
.block-input textarea {
  height: 80px;
}
}
/* جدول اصلی تبدیل شده به فلکس */
.block-table {
width: 100%;
margin-top: 10px;
}

.block-table-header, .block-table-row {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
}

.header-item {
font-size: 12px;
font-weight: 600;
color: #8f8f8f;
padding: 12px 24px;
text-align: right;
background-color: #f9f9f9;
}

.table-cell {
font-size: 12px;
font-weight: 400;
color: #37619d;
line-height: 20px;
letter-spacing: -0.26px;
padding: 12px 10px;
text-align: right;
border-bottom: 1px solid #f0f0f0;
}

.block-num {
color: #37619d;
font-family: Yekan Bakh, var(--default-font-family);
font-size: 12px;
font-weight: 600;
}

.block-table-body {
width: 100%;
height: auto;
}

.block-table-row {
background-color: #ffffff;
transition: box-shadow 0.3s ease;
border-radius: 8px;
display: flex;
justify-content: space-between;
margin: 0 0 20px 0px;
}

.block-table-row:hover {
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

.icon-box {
display: inline-flex;
width: 18px;
height: 18px;
cursor: pointer;
}

.i-remove {
width: 13px;
height: 14px;
background: url('./assets/images/8c614905-ba1a-4080-85d8-7d9135da37da.png') no-repeat center;
background-size: 100% 100%;
}

.block-title {
font-size: 14px;
}
.block-container2{height: auto;}
.frame-input{height: 100% !important;}