/* استایل تکمیلی برای پنل مینیمال */

.form-section {
  background: #fbfbfb;;
  border-radius: 12px;
  box-shadow: 0 2px 8px #0001;
  padding: 2rem 1.5rem;
  margin-bottom: 2rem;
}

.form-section h6 {
  font-weight: bold;
  margin-bottom: 1.5rem;
  font-size: 1rem;
}

label {
  font-size: 1rem;
  margin-bottom: 0.3rem;
}

input, select, textarea {
  font-size: 1rem;
}

.btn-primary {
  background: #007bff;
  border: none;
  transition: background 0.2s;
}

.btn-primary:hover {
  background: #0056b3;
}

/* حرکات نرم برای منو */
.sidebar {
  transition: left 0.3s, width 0.3s;
}

.sidebar .nav-link {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: normal;
  line-height: 1.6;
}

.sidebar .nav-link svg {
  flex-shrink: 0;
}

/* اگر منو ul یا div با کلاس sidebar است */
.sidebar .nav-link span,
.sidebar .nav-link .menu-text {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}

/* ریسپانسیو grid فرم */
@media (max-width: 767.98px) {
  .form-section {
    padding: 0.7rem 0.3rem;
  }
  .form-section h6 {
    font-size: 0.95rem;
  }
}

/* ریسپانسیو جدول محصولات */
.table-responsive {
  overflow-x: auto;
}
@media (max-width: 767.98px) {
  .table-responsive table {
    font-size: 0.8rem;
    min-width: 700px;
  }
  .form-section {
    padding: 0.7rem 0.3rem;
  }
}

body, .navbar, .offcanvas, .form-control, .btn, .form-select, .table, label, input, select, textarea, .badge, .custom-alert, .status-dot {
  font-size: 0.88rem !important;
}

.table th, .table td {
  font-size: 0.87rem;
}

.btn, .form-select {
  font-size: 0.88rem !important;
  padding: 0.32em 0.8em;
}

.status-dot {
  border: 3.0px dotted #dbdbdb !important;
  border-radius: 10px;
  padding: 1.1em 0.7em !important;
  display: inline-block;
  background: inherit;
  min-height: 60px;
  min-width: 70px;
  box-sizing: border-box;
  margin-left: 1.5em;
}

/* برای وضعیت سیستم */
#main-content .form-section .status-dot {
  margin-bottom: 0.5em;
}

.custom-card {
  background: #e3e3e359;
  border-radius: 14px;
  box-shadow: 0 2px 12px #0001, 0 0.5px 2px #e0e0e0;
  padding: 0.7em 0.5em 0.5em 0.5em;
  margin-bottom: 1.2em;
  border: 1.5px solid #f2f2f2;
  transition: box-shadow 0.2s;
}

.custom-card:hover {
  box-shadow: 0 4px 24px #0002, 0 1px 4px #e0e0e0;
}