:root {
    --primary-color: #15C502 !important;
    --second-color: #19D405 !important;
    --tree-color: #FFA700 !important;
}
.wcss-chat-container { display: flex; flex-direction: column; gap: 15px; margin: 20px;    }
.wcss-bubble { max-width: 80%; padding: 25px 20px; border-radius: 8px; position: relative;    }
.wcss-user-msg { align-self:flex-start ; background: #dcf8c6; border-bottom-right-radius: 4px; }
.wcss-admin-msg { align-self:flex-end; background: #ffffff; border-bottom-left-radius: 4px; }
.wcss-msg-meta { font-size: 14px; color: #777; margin-top: 15px; display: block; text-align: right; border-top: 1px solid rgba(0,0,0,0.05); padding-top: 15px; }

.wcss-status-badge {padding: 5px 12px;
  border-radius: 50px;
  font-size: 13px;  }
.wcss-status-pending {background-color: #fff3cd;
  color: #856404;}
.wcss-status-answered { background-color: #d3f9d8;
  color: #2b8a3e; }
.wcss-status-closed {background-color: #f8f9fa;
  color: #495057;}


.wcss-ticket-title {
  width: 70%;
}
.wcss-ticket-title a{font-family: Num-Medium, sans-serif;font-size: 16px;color: #444;}
.wcss-ticket-title a:hover{color: var(--second-color)}
.wcss-mata-badge{   font-size: 14px; color: #888;  float: right;width: 100%;margin-top: 5px;}


.wcss-ticket-row { transition: 0.3s;
  padding: 15px 15px;
  border-radius: 8px;
  margin-bottom: 0;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;}

.wcss-pagination { margin-top: 25px; text-align: center; }
.wcss-pagination a, .wcss-pagination span {
display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  min-height: 40px;
  padding: 0 10px;
  border: 1px solid #fff;
  border-radius: 4px;
  color: #444;
  text-decoration: none;
  font-size: 16px;
  transition: all 0.2s;
  font-weight: 500;
  background: #fff;
  margin: 20px 4px;
font-family: Num-Medium, sans-serif;
}
.wcss-pagination a:hover {color:var(--primary-color); }
.wcss-pagination .current {background: var(--primary-color);
  color: #ffffff;
  border-color: var(--primary-color);}

/* استایل‌های بهبود یافته فرم */
.wcss-new-ticket-form, .wcss-reply-form {       margin: 20px;position: relative;}
.wcss-form-group { margin-bottom: 20px; }
.wcss-form-group label { display: block; font-weight: normal; margin-bottom: 15px; color: #444; }
.wcss-form-group input[type="text"], .wcss-form-group textarea { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; font-family: inherit; transition: border-color 0.3s; }
.wcss-form-group input[type="text"] {
  width: 350px;
}


.wcss-form-group input[type="text"]:focus, .wcss-form-group textarea:focus { border-color: #0073aa; outline: none; }
.wcss-alert { padding: 15px; border-radius: 4px; margin-bottom: 20px; font-size: 14px; }
.wcss-alert-warning { background: #ffde5a; color: #92400e;    }
.wcss-btn {  padding: 16px 22px; font-size: 16px; border-radius: 8px; cursor: pointer; text-decoration: none; border: none; transition: background 0.3s; position: relative;left: 0;font-family: Num-Medium, sans-serif;margin: 0 !important;}

.wcss-btn-primary {padding: 16px 22px; font-size: 16px; border-radius: 8px; cursor: pointer; text-decoration: none; border: none; transition: background 0.3s;left:0;font-family: Num-Medium, sans-serif;margin: 0 !important; background:var(--primary-color); color: #fff; position: absolute;}
.wcss-btn-primary:hover { background:var(--second-color);}


.wcst-btn-primary {background: #E5E7EB;
  color: #999;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-weight: normal;
  font-size: 18px;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  gap: 10px;
  font-family: Num-Medium, sans-serif;
  width: 46px;
  height: 46px;
  text-align: center;
  line-height: 46px;
  padding: 15px;
  position: absolute;
  left: 0;
  }
.wcst-btn-primary:hover { opacity:0.8;}


.wcss-chat-top{width: 100%;display: inherit;position: relative;margin-bottom: 20px;}
.wcss-chat-top h2{font-size: 18px;margin: 16px 0;}
.wcss-home-top{width: 100%;display: inherit;position: relative;margin-bottom: 20px;}
.wcss-home-top h2{font-size: 18px;margin: 16px 0;}



.wclt-pr-notice{
background-color: #ffe3e3;
  color: #e03131;
}
.wclt-pr-notice {
  display: flex;
  align-items: flex-start;
  padding: 16px;
  border-radius: 8px;
  margin-bottom: 20px;
  line-height: 1.6;
  font-size: 14px;
}
.wclt-pr-notice-icon {
	width:24px;
	height:24px;
	margin-left:12px;
	flex-shrink:0;
  color: #d97706;
}	
.wcss-info {
  background-color: #e7f5ff;
  color: #1864ab;
  margin: 20px;
  padding: 15px;
  border-radius: 8px;
}


/* ====== Mobile Large ====== */
@media screen and (max-width:768px){
.wcss-ticket-title {
  width: 100%;
  margin-bottom: 10px;overflow: hidden;
}
.wcss-ticket-row {
  display: block;
}
.wcss-bubble {
  max-width: 100%;
}



}