/* assets/css/app.css - small custom styles complementing Tailwind for a consistent professional look */

html, body {
  height: 100%;
}

/* Constrain very large screens for content readability */
.main-container {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

/* Subtle card style used across site */
.card {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(16,24,40,0.04);
}

/* Buttons: primary / secondary */
.btn-primary {
  background-color: var(--brand);
  color: #fff;
  padding: 0.5rem 0.85rem;
  border-radius: 6px;
  display: inline-block;
  font-weight: 600;
}
.btn-primary:hover { opacity: .95; }

/* Small utility: nicer monospace for config editing */
.monospace { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, "Roboto Mono", monospace; }

/* Admin sidebar tweaks */
aside .active {
  background-color: rgba(79,70,229,0.08);
  color: #4338ca;
}

/* Tiny responsive helpers */
@media (min-width: 1024px) {
  .lg\\:sidebar { display: block; }
}