.ric-header { display:flex; align-items:center; gap:12px; margin-bottom:12px; }
.ric-logo { max-width:140px; height:auto; }
.ric-powered { font-size:12px; color:#666; font-weight:600; letter-spacing:.4px; }
.ric-stats { display:grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap:10px; margin:14px 0; }
.ric-stats > div { background:#f8f9fb; border:1px solid #e6e8ee; padding:10px; border-radius:6px; }
.ric-table { width:100%; border-collapse:collapse; margin:12px 0; }
.ric-table th, .ric-table td { border:1px solid #e6e8ee; padding:8px; text-align:left; }
.ric-table thead { background:#f1f4f8; }
.ric-form { display:grid; grid-template-columns: repeat(auto-fit,minmax(200px,1fr)); gap:12px; margin:12px 0; }
.ric-form h3, .ric-form h4 { grid-column:1/-1; margin:0; }
.ric-form label { display:flex; flex-direction:column; gap:6px; font-weight:600; }
.ric-form input { padding:8px; border:1px solid #ccd1d9; border-radius:4px; }
.ric-actions { display:flex; gap:10px; margin:14px 0; }
.ric-controls { display:flex; gap:16px; flex-wrap:wrap; align-items:flex-end; margin-bottom:12px; }
.ric-pagination { margin:12px 0; }/* Base style for all RIC action buttons */
.ric-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;      /* fixed width */
  height: 36px;     /* fixed height */
  border-radius: 4px;
  border: none;
  cursor: pointer;
  margin: 0 4px;
  font-size: 16px;  /* consistent icon size */
}

/* Specific colors */
.ric-edit {
  background-color: #0073e6; /* blue */
  color: #fff;
}
.ric-delete {
  background-color: #e63946; /* red */
  color: #fff;
}
.ric-save {
  background-color: #2a9d8f; /* green */
  color: #fff;
}
.ric-cancel {
  background-color: #6c757d; /* gray */
  color: #fff;
}

/* Ensure icons scale consistently */
.ric-action-btn i {
  font-size: 16px;
  line-height: 1;
}
.ric-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  margin: 0 4px;
  font-size: 16px;
}

.ric-edit {
  background-color: #0073e6; /* blue */
  color: #fff;
}
.ric-delete {
  background-color: #e63946; /* red */
  color: #fff;
}

.ric-action-btn i {
  font-size: 16px;
  line-height: 1;
}
.ric-icon-button {
  display: inline-block;
  margin: 0 6px;
  padding: 6px;
  border-radius: 4px;
  background: #f8f9fa;
  color: inherit;
  text-decoration: none;
  transition: background 0.2s, transform 0.2s;
}

.ric-icon-button:hover {
  background: #e2e6ea;
  transform: scale(1.1);
}

.ric-icon-button i {
  font-size: 16px;
  vertical-align: middle;
}

.ric-form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-bottom: 20px;
}

.ric-form-group label {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
  font-size: 0.9rem;
  color: #374151;
}

.ric-form-group input {
  width: 100%;
  padding: 10px 12px;
  font-size: 0.95rem;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background: #f9fafb;
}

.ric-modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 8px;
}

.ric-action-btn {
  padding: 10px 14px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  font-size: 1rem;
  background: #f3f4f6;
  color: #111827;
  transition: background 0.2s ease;
}

.ric-save {
  background: #2563eb;
  color: #fff;
}

.ric-save:hover {
  background: #1d4ed8;
}

.ric-cancel:hover {
  background: #e5e7eb;
}