/* Wrapper فرم جستجو */
.fs-search-wrap{
  width:100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 18px;
  background: #fff;
  direction: rtl;
  text-align: right;
  unicode-bidi: plaintext;
}
.fs-search-wrap,
.fs-search-wrap *{ box-sizing: border-box; }

/* چیدمان فیلدها */
.fs-search-wrap form{
     display: flex;
    flex-direction: column;
  gap: 14px;
  align-items: stretch;
}

/* هر فیلد */
.fs-field{ grid-column: span 3; }
@media (max-width: 1024px){ .fs-field{ grid-column: span 6; } }
@media (max-width: 640px){ .fs-field{ grid-column: span 12; } }

/* لیبل‌ها */
.fs-search-wrap label{
  display:block;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.7;
  margin-bottom: 6px;
}

/* ورودی‌ها */
.fs-search-wrap input,
.fs-search-wrap select{
  width: 100%;
  padding: 10px 12px;
  border-radius: 4px;
  border: 1px solid rgba(0,0,0,.14);
  background: #fff;
  font-size: 11px;
  line-height: 1.6;
  outline: none;
}
.fs-search-wrap input:focus,
.fs-search-wrap select:focus{
  border-color: rgba(0,0,0,.35);
  box-shadow: 0 0 0 3px rgba(0,0,0,.06);
}
.fs-search-wrap input::placeholder{ opacity: .65; }

/* placeholder قرمز برای select */
.fs-search-wrap select.fs-select-empty{
  color: #c00;
  border-color: rgba(204,0,0,.35);
}

/* دکمه جستجو */
.fs-search-btn{
width: 100%;
    padding: 2px !important;
    font-size: 12px !important;
    border-radius: 4px !important;
    border: 0;
    cursor: pointer;
    font-weight: 500;
    transition: transform .12s ease, filter .12s ease;
}
.fs-search-btn:hover{ filter: brightness(.98); }
.fs-search-btn:active{ transform: translateY(1px); }
@media (max-width: 1024px){ .fs-search-btn{ grid-column: span 6; } }
@media (max-width: 640px){ .fs-search-btn{ grid-column: span 12; } }

/* نتایج زیر فرم */
#fs-results{
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 14px;
  direction: rtl;
}

/* کارت نتیجه */
.fs-card{
  grid-column: span 4;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 4px;
  padding: 14px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
  display:flex;
  flex-direction:column;
  gap:10px;
}
@media (max-width: 1024px){ .fs-card{ grid-column: span 6; } }
@media (max-width: 640px){ .fs-card{ grid-column: span 12; } }

.fs-card h3{ margin: 0; font-size: 11px; line-height: 1.7; }
.fs-meta{ margin:0; font-size: 11px; opacity: .85; line-height: 1.8; }

/* اکشن‌ها */
.fs-actions{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: auto;
}
@media (max-width: 640px){
  .fs-actions{ grid-template-columns: 1fr; }
}

/* دکمه‌ها */
.fs-visit-btn,
.fs-request-btn{
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 10px 12px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 900;
  border: 1px solid rgba(0,0,0,.18);
  transition: transform .12s ease, filter .12s ease;
}
.fs-visit-btn:hover,
.fs-request-btn:hover{ filter: brightness(.98); }
.fs-visit-btn:active,
.fs-request-btn:active{ transform: translateY(1px); }

/* حالت غیرفعال */
.fs-disabled{
  opacity: .45;
  cursor: not-allowed;
  user-select:none;
}
/* پیام‌ها */
.sm-alert{
  margin: 12px 0;
  padding: 10px 12px;
  border-radius: 4px;
  border: 1px solid rgba(0,0,0,.12);
  background: #fff;
  direction: rtl;
}
.sm-ok{ background:#f6ffed; border-color: rgba(0,128,0,.18); }
.sm-bad{ background:#fff5f5; border-color: rgba(255,0,0,.22); }
.sm-alert code{ display:block; white-space:pre-wrap; max-height:220px; overflow:auto; margin-top:8px; }

/* نوار ارسال انتخابی */
.sm-results-form{ margin-top: 14px; }
.sm-results-bar{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  padding: 10px 12px;
  border-radius: 4px;
  border: 1px solid rgba(0,0,0,.10);
  background:#fff;
  margin-bottom: 12px;
}
.sm-results-bar__hint{ font-size: 11px; opacity:.85; line-height:1.8; }
.sm-send-btn{
  padding: 10px 14px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.18);
  background:#fff;
  font-weight: 900;
  cursor:pointer;
}

/* چک‌باکس انتخاب */
.sm-pick{ margin-bottom: 6px; }
.sm-check{ font-size: 11px; font-weight: 800; display:flex; gap:8px; align-items:center; }
.sm-check input{ width: 18px; height: 18px; }