/* AutoMake Level 10 — Admin UI styles */

body {
  background: #f4f6f9;
}

.navbar-brand {
  font-weight: 700;
}

.badge-status {
  font-size: 0.78em;
  padding: 0.35em 0.55em;
}

.table-sm td,
.table-sm th {
  padding: 0.4rem 0.5rem;
  vertical-align: middle;
}

.text-truncate-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.stat-card {
  border-left: 4px solid #0d6efd;
}

pre.preview {
  white-space: pre-wrap;
  background: #f8f9fa;
  padding: 0.6rem;
  border-radius: 0.4rem;
  font-size: 0.85rem;
  max-height: 400px;
  overflow: auto;
}

/* ----- Custom button group spacing trong post-detail ----- */
.action-group form {
  margin-bottom: 0.4rem;
}
.action-group form:last-child {
  margin-bottom: 0;
}

/* ----- Logs context details ----- */
details summary {
  cursor: pointer;
  user-select: none;
}

/* ----- Hover row in tables ----- */
.table-hover tbody tr:hover {
  background-color: #f0f4f8;
}

/* ----- Image preview in post detail ----- */
.post-image-preview {
  max-height: 300px;
  max-width: 100%;
  object-fit: contain;
}

/* ----- Status colors ----- */
.text-status-pending      { color: #6c757d; }
.text-status-processing   { color: #ffc107; }
.text-status-active,
.text-status-ready,
.text-status-done,
.text-status-posted       { color: #198754; }
.text-status-failed       { color: #dc3545; }

/* ----- Mobile tweaks ----- */
@media (max-width: 768px) {
  .container-fluid {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  h3 { font-size: 1.5rem; }
  .stat-card .card-body h3 { font-size: 1.5rem; }
}