/* MadoleApps Admin Panel 2 — brand helpers (Tailwind CDN + Font Awesome 6.4) */

.sidebar-link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 600;
  color: #334155; /* slate-700 */
  transition: background 0.15s ease, color 0.15s ease;
}
.sidebar-link:hover {
  background: #eff6ff; /* blue-50 */
  color: #1d4ed8;      /* blue-700 */
}
.sidebar-note {
  margin-left: auto;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #64748b;      /* slate-500 */
  background: #f1f5f9; /* slate-100 */
  border-radius: 9999px;
  padding: 1px 6px;
}

.madole360-card {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px;
  border-radius: 10px;
  border: 1px dashed #cbd5e1; /* slate-300 */
  background: #f8fafc;        /* slate-50 */
  font-size: 11px;
  font-weight: 700;
  color: #64748b;             /* slate-500 */
  position: relative;
}
.madole360-card::after {
  content: "Planned";
  position: absolute;
  top: 4px;
  right: 4px;
  font-size: 8px;
  font-weight: 800;
  text-transform: uppercase;
  color: #94a3b8;             /* slate-400 */
  background: #fff;
  border: 1px solid #e2e8f0;  /* slate-200 */
  border-radius: 9999px;
  padding: 0 5px;
}