/* template/css/style.css */
* { box-sizing: border-box; }
body {
  font-family: Tahoma, sans-serif;
  background:#f4f6f8;
  margin:0;
  padding:20px;
}

/* کانتینر */
.container {
  max-width: 1100px;
  margin: 0 auto;
  background: #fff;
  padding: 18px;
  border-radius: 8px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

/* هدر */
.header {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom: 16px;
}
.header h2 { margin:0; color:#333; }
.header .actions button {
  margin-left:8px;
}

/* تب‌ها */
.tabs {
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom: 16px;
}
.tab {
  padding:10px 14px;
  background:#f1f5f9;
  border-radius:6px;
  cursor:pointer;
  border:1px solid transparent;
}
.tab.active {
  background:#2d89ef;
  color:#fff;
  border-color:#1972d6;
}

/* ناحیه محتوا */
.tab-content {
  border-top: 1px solid #eee;
  padding-top: 14px;
}
.card {
  background:#fff;
  padding:12px;
  border-radius:8px;
  border:1px solid #eee;
  margin-bottom:12px;
}

/* فرم اضافه کردن تب و محصول */
.form-row { margin-bottom:10px; }
label { display:block; font-weight:600; margin-bottom:6px; }
input[type="text"], input[type="number"], textarea, input[type="file"] {
  width:100%;
  padding:8px;
  border:1px solid #ccc;
  border-radius:6px;
}
button.btn {
  background:#2d89ef;
  color:#fff;
  padding:8px 12px;
  border:none;
  border-radius:6px;
  cursor:pointer;
}
button.btn:disabled { opacity:0.6; cursor:not-allowed; }

.products-grid {
  display:grid;
  grid-template-columns: repeat(auto-fill,minmax(240px,1fr));
  gap:12px;
  margin-top:12px;
}
.product {
  border:1px solid #eee;
  border-radius:8px;
  overflow:hidden;
  background:#fff;
}
.product img { width:100%; height:160px; object-fit:cover; display:block; }
.product .info { padding:8px; }
.small-note { color:#666; font-size:13px; margin-top:6px; }