/* public/assets/css/app.css */

/* Brand colors (from your preferences) */
:root {
  --crm-blue:   #42A5F5; /* Sky Blue */
  --crm-green:  #66BB6A; /* Fresh Green */
  --crm-orange: #FF7043; /* Orange Coral */
  --crm-dark:   #0b1724;
}

/* Background */
.crm-bg {
  min-height: 100vh;
  background: radial-gradient(circle at top left, rgba(66,165,245,0.35), transparent 55%),
              radial-gradient(circle at bottom right, rgba(255,112,67,0.35), transparent 55%),
              #050814;
  background-attachment: fixed;
}

/* Navbar */
.crm-navbar {
  background: linear-gradient(90deg, var(--crm-blue), var(--crm-green), var(--crm-orange));
  box-shadow: 0 8px 20px rgba(0,0,0,0.35);
}

/* Cards */
.crm-card {
  border: none;
  border-radius: 1rem;
  overflow: hidden;
  background: rgba(255,255,255,0.96);
}

/* Primary button */
.crm-btn-primary {
  background: linear-gradient(135deg, var(--crm-blue), var(--crm-green));
  border: none;
  color: #fff;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(66,165,245,0.45);
}
.crm-btn-primary:hover {
  background: linear-gradient(135deg, #1e88e5, #43a047);
  color: #fff;
}

/* Form focus */
.form-control:focus, .form-select:focus {
  border-color: var(--crm-blue);
  box-shadow: 0 0 0 0.2rem rgba(66,165,245,0.25);
}

/* Table tweaks */
.table > :not(caption) > * > * {
  padding: 0.6rem 0.75rem;
}

.badge.bg-secondary-subtle {
  background-color: rgba(108,117,125,0.12);
}

/* Small devices */
@media (max-width: 576px) {
  .crm-card {
    border-radius: 0.75rem;
  }
}