/* CS Odisha — Soft Gradient Quick Access Cards */

.quick-grid .quick-card {
  color: #17324d !important;
  border: 1px solid rgba(30,60,90,.09);
  border-radius: 16px;
  padding: 15px 13px 12px;
  box-shadow: 0 3px 12px rgba(20,45,75,.07);
  transition: transform .2s ease, box-shadow .2s ease;
}

.quick-grid .quick-card.blue {
  background: linear-gradient(135deg,#eaf5ff,#c8e5ff);
  --card-accent: #1269bb;
}

.quick-grid .quick-card.green {
  background: linear-gradient(135deg,#e8faef,#c7eed8);
  --card-accent: #148452;
}

.quick-grid .quick-card.orange {
  background: linear-gradient(135deg,#fff3e4,#ffdbb7);
  --card-accent: #c66b17;
}

.quick-grid .quick-card.purple {
  background: linear-gradient(135deg,#f3edff,#ded0ff);
  --card-accent: #7051b8;
}

.quick-grid .quick-card.teal {
  background: linear-gradient(135deg,#e5fbfc,#bfecef);
  --card-accent: #087e8c;
}

.quick-grid .quick-card.red {
  background: linear-gradient(135deg,#fff0f3,#ffd4df);
  --card-accent: #bb4267;
}

.quick-grid .quick-card .qicon {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #ffffff;
  color: var(--card-accent);
  font-size: 24px;
  box-shadow: 0 2px 8px rgba(20,45,75,.09);
}

.quick-grid .quick-card strong {
  color: #17324d;
  font-weight: 700;
}

.quick-grid .quick-card p {
  color: #42576c;
}

.quick-grid .quick-card .arrow {
  background: #ffffff;
  color: var(--card-accent);
  width: 23px;
  height: 23px;
  box-shadow: 0 2px 6px rgba(20,45,75,.12);
}

@media (hover:hover) {
  .quick-grid .quick-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 9px 22px rgba(20,45,75,.13);
  }
}

@media (prefers-reduced-motion:reduce) {
  .quick-grid .quick-card {
    transition: none;
  }
}